/*  style.css   */


/* Schriftfarben

/* Schriftfarben

Hintergrund sonstige Tag      #EBF3D0    #EBF3D0
Hintergrund akuteller Tag:                    #308F1C   
Hintergrund dunkel (Artikel)   +F2E7F9 +F2E7F9
Farbe body           #e0F0F0                       #e0F0F0 
Schrift Arikel:                #383838  #383838   
Farbe footer: #EBF3D0   #0C1FEE
Footere Schrift : #e0F0F0
*/

/* linkm für icons:  https://icomoon.io/app/#/select


*/
/* boogaloo-regular - latin */
@font-face {
    font-family: 'Boogaloo';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/boogaloo-v19-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''), url('../fonts/boogaloo-v19-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/boogaloo-v19-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/boogaloo-v19-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('../fonts/boogaloo-v19-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/boogaloo-v19-latin-regular.svg#Boogaloo') format('svg'); /* Legacy iOS */
}



/* mulish-regular - latin */
@font-face {
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/mulish-v12-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''), url('../fonts/mulish-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/mulish-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/mulish-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('../fonts/mulish-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/mulish-v12-latin-regular.svg#Mulish') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon.eot?9jcijy');
    src: url('../fonts/icomoon.eot?9jcijy#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?9jcijy') format('truetype'), url('../fonts/icomoon.woff?9jcijy') format('woff'), url('../fonts/icomoon.svg?9jcijy#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="icon-"], [class*=" icon-"][class^="eIcon-"], [class*=" eIcon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-home2:before {
    content: "\e901";
}

.icon-home3:before {
    content: "\e902";
}

.icon-images:before {
    content: "\e90e";
}

.icon-book:before {
    content: "\e91f";
}

.icon-file-text2:before {
    content: "\e926";
}

.icon-stack:before {
    content: "\e92e";
}

.icon-folder-download:before {
    content: "\e933";
}

.icon-map2:before {
    content: "\e94c";
}

.icon-display:before {
    content: "\e956";
}

.icon-floppy-disk:before {
    content: "\e962";
}

.icon-undo2:before {
    content: "\e967";
}

.icon-redo2:before {
    content: "\e968";
}

.icon-forward:before {
    content: "\e969";
}

.icon-reply:before {
    content: "\e96a";
}

.icon-stats-dots:before {
    content: "\e99b";
}

.icon-download2:before {
    content: "\e9c5";
}

.icon-download3:before {
    content: "\e9c7";
}

.icon-arrow-up:before {
    content: "\ea32";
}

.icon-arrow-right:before {
    content: "\ea34";
}

.icon-arrow-down:before {
    content: "\ea36";
}

.icon-arrow-left:before {
    content: "\ea38";
}

.icon-next2:before {
    content: "\ea24";
}


.icon-download3:before {
    content: "\e9c7";
}


h1 {
    margin: 0px;
    margin-top: 5px;
    margin-left: 20px;
    font-family: 'Boogaloo', cursive;
    font-size: 200%;
    vertical-align: top;
    text-align: left;
    color: #383838;
}

h2 {
    margin: 0px;
    margin-top: 12px;
    margin-left: 20px;
    font-family: 'Boogaloo', cursive;
    font-size: 125%;
    vertical-align: top;
    text-align: left;
    color:#383838;
}

h3 {
    margin: 0px;
    margin-top: 5px;
    margin-left: 20px;
    font-family: 'Boogaloo', cursive;
    font-size: 150%;
    vertical-align: top;
    text-align: left;
    color: #383838;
}





menu {
    visibility: hidden;
    height: 0px;
    background-color: blue;
}

.mobilnavigation {
    height: 0px;
    visibility: hidden;
}

.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1;
}

/*   ************************************   Klassen  ************************************************************************************************************************ */

/*  link für den Tag */

.s1 {
    width: 80px;
    margin: 5px;
    margin-top: 6px;
    margin-bottom: 3px;
    border: 6px #d6e0e0 solid;
    padding-top: 10px;
    padding-bottom: 10px;
    color: 	 #556B2F;
    background-color: #d6e0e0; /*  Hintergrund nicht aktueller Tage */
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 1em;
    text-align: center;
    vertical-align: middle;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    -o-border-radius: 10px 10px 10px 10px;
    float: left;
}

.s2 {
    width: 80px;
    margin: 5px;
    margin-top: 6px;
    margin-bottom: 3px;
    border: 6px 	 #556B2F solid;
    padding-top: 10px;
    padding-bottom: 10px;
   color: 	 #556B2F;
    background-color:#d6e0e0; /*  Hintergrund aktueller Tage */
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 1em;
    text-align: center;
    vertical-align: middle;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    -o-border-radius: 10px 10px 10px 10px;
    float: left;
}

/*  Container für Informationen, Datum, Strecke .. */

#daten0 {
    width: 150px;
    float: left;
}


#daten1 {
    width: 150px;
    float: left;
}


#daten2 {
    width: auto;
    float: none;
    overflow: hidden;
}



#daten3 {
    float: none;
}


#daten4 {
    margin-top: 10px;
    width: auto;
    float: none;
    overflow: hidden;
    align-content: flex-start;
}


.icon-size1 {
    font-size: 3em;
    vertical-align: middle;
}

.icon-size {
    font-size: 2em;
    vertical-align: middle;
}

.icon-text {
    font-size: 1.5em;
    vertical-align: middle;
}

/*  Formatierung Artikel */
#w1 /*   Text */ {
    width: 100%;
    height: auto;
    padding: 10px;
    float: left;
    margin: 5px;
}

#w2 /*   image */ {
    width: 100%;
    height: auto;
    padding: 10px;
    margin: 0px;
}

#w3 {
    margin: 5px;
    padding: 10px;
    width: 48%;
    overflow: hidden;
    float: left;
    background-color: #d6e0e0;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    -o-border-radius: 10px 10px 10px 10px;
}

#w4 {
    margin: 0px;
    padding: 10px;
    padding-top: 0px;
    overflow: hidden;
}

#w3-1 /*  erste Zeile größerer Abstand */ {
    margin: 5px;
    padding: 10px;
    width: 48%;
    overflow: hidden;
    float: left;
    background-color: #d6e0e0;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    -o-border-radius: 10px 10px 10px 10px;
}

#w5 {
    padding: 10px;
    overflow: hidden;
    float: left;
    width: 49%;
}


#w6 /* Serienbild  */ {
    margin: 0px;
    margin-top: 20px;
    padding: 10px;
    padding-top: 0px;
    overflow: hidden;
    width: 50%;
    float: right;
}


#w7 /* Reiter  */ {
    width: 100%;
    margin: 0px;
    padding: 0px;
    grid-template-columns: 1fr;
    overflow: hidden;
    float: left;
}

#sec1 {
    margin-left: 20px;
    margin-top: 10px;
    background-color: #e0F0F0;
}

.r11 {
}

.r12 {
}

.r21 {
}

.r22 {
}

#wh {
    visibility: hidden;
    height:0px;
}

#wf {
    visibility: hidden;
    height :0x;
}


.fot1 {
    width: 160px;
    height: auto;
    margin: 6px;
    margin-top: 6px;
    margin-bottom: 3px;
    border: 5px black solid;
    padding-top: 3px;
    padding-bottom: 3px;
    color: black;
    background-color:#d6e0e0; /*  Hintergrund Weiterleitung */
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 100%;
    text-align: center;
    vertical-align: middle;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    -o-border-radius: 10px 10px 10px 10px;
    float: left;
}

.foticon-size {
    font-size: 3em;
    color: #556B2F;/* Weiterleitung am Ende der Seite - Iconfarbe */
}

.fot-text {
    font-family: 'Mulish', cursive;
    font-size: 1em;
    color: #556B2F;  /* Weiterleitung am Ende der Seite - Textfarbe */
    font-weight: normal;
}




a.LinkKlasse:link {
    font-family: 'Mulish', cursive;
    color: 	 #556B2F;
    text-align: center;
    vertical-align: middle;
}

a.LinkKlasse:visited {
    font-family: 'Mulish', cursive;
    color: 	 #556B2F;
    text-align: center
}

a.LinkKlasse:active {
    font-family: 'Mulish', cursive;
    color: 	 #556B2F;
    text-align: center
}

a.LinkKlasse:hover {
    font-family: 'Mulish', cursive;
    color: red;
    text-align: center
}



   /* Tage   */
    
      a.LinkKlasse2:link {
        font-family: 'Mulish', cursive;
        font-size: 100%;
         color: #556B2F;
        text-align: center;
        vertical-align: middle;
    }

    a.LinkKlasse2:visited {
        font-family: 'Mulish', cursive;
         font-size: 100%;
         color: #556B2F;
        text-align: center;
    }

    a.LinkKlasse2:active {
        font-family: 'Mulish', cursive;
         font-size: 100%;
        color: #556B2F;
        text-align: center;
    }

    a.LinkKlasse2:hover {
        font-family: 'Mulish', cursive;
          font-size: 100%;
        color: red;
        text-align: center;
    }

   
    
      a.LinkKlasse4:link {
        font-family: 'Mulish', cursive;
        font-size: 1em;
        color: #0000FF;
        text-align: center;
        vertical-align: middle;
    }

    a.LinkKlasse4:visited {
        font-family: 'Mulish', cursive;
         font-size: 1em;
        color: #0000FF;
        text-align: center;
    }

    a.LinkKlasse4:active {
        font-family: 'Mulish', cursive;
         font-size: 15em;
       color: #0000FF;
        text-align: center;
    }

    a.LinkKlasse4:hover {
        font-family: 'Mulish', cursive;
         font-size: 1em;
        color: red;
        text-align: center;
    }







.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1;
}



* {
    box-sizing: border-box;
}



/*   ************************************   Auflösung > 1150px  ************************************************************************************************************************
************************************************************************************************************************
************************************************************************************************************************
    */

@media all and (min-width: 1151px) {



    /*   ************************************   Text-Formatierungen   ************************************************************************************************************************ */
    .info {
        margin-top: 10px;
        margin-left: 20px;
        margin-bottom: 15px;
        font-family: 'Mulish', cursive;
        font-size: 125%;
        vertical-align: top;
        text-align: left;
        float: none;
        color: #383838; /* Kopfinformation Datum, km ... ' */
    }


    .info-red {
        color: red;
        margin-top: 10px;
        margin-left: 0px;
        margin-bottom: 10px;
        font-family: 'Mulish', cursive;
        font-size: 100%;
        font-weight: bold;
        vertical-align: top;
        text-align: left;
    }


    .fett {
        font-weight: bold;
        float: left;
    }



    .icon-text {
        font-family: 'Mulish', cursive;
        font-size: 1.2em;
        font-weight: normal;
        color: #383838;
        
    }
.icon-size {
        font-family: 'Mulish', cursive;
        font-size: 2em;
        font-weight: normal;
        color: #383838;
        
    }


    .f1 {
        font-family: 'Mulish',cursive;
        font-size: 1.25em;
        font-weight: normal;
        color: #383838;
    }

    .f2 {
        font-family: 'Mulish',cursive;
        font-size: 0.65em;
        font-weight: normal;
        color: #383838;
    }

    .f4 {
        font-family: 'Mulish',cursive;
        font-size: 0.4em;
        font-weight: normal;
        color: #383838;
    }

    .c-rot {
        color: red
    }

	
	@keyframes wind{
	from { background-position: 0px   0px}
	to { background-position: 1150px  0px}
}
	
	
	
	
    body {
		
		
		
		
        margin: 0px;
        width: 98%;
        max-width: 1200px;
      background-color: #e0F0F0;    
	     display: grid;
        grid-template-columns: auto;
        grid-template-rows: auto;
        grid-template-areas:
            "section"
            "header"
            "article"
            "footer";
    }


	
    section {
        grid-area: section;
        margin: 0px;
        padding: 0px;
        background-color: #e0F0F0;
        background-size: contain;
       
    }


    header {
        grid-area: header;
        margin: 10px;
        margin-bottom: 0px;
        padding: 0px;
        background-color: #e0F0F0;
        background-size: contain;
		 background-image: 
   		url("Radler.png" );	
	/*	linear-gradient(white, skyblue); */
   background-position: 0px 20px;
   background-repeat: repeat-x;
   animation: wind 10s linear infinite;		
		
		
		
    }


    menu {
        visibility: hidden;
        height: 0px;
        background-color: darkgray;
    }

    nav {
        visibility: hidden;
        height: 0px;
    }

    article {
        margin-top: 0px;
        margin-right: 10px;
        margin-left: 10px;
        grid-template-columns: 1fr 1fr;
        grid-area: article;
        /*   background-color: +F2E7F9       ; */
        /* Hintergrundfarbe Text u Bilder */
    }


    footer {
        grid-area: footer;
        margin: 0px;
        padding: 20px;
        background-color: #e0F0F0;
    }


    .reiter {
        width: 140px;
        margin: 10px;
        margin-left: 20px;
        margin-top: 10px;
        margin-bottom: 0px;
        height: 50px;
        border: 2px 2px 2px 2px solid #000;
        padding-top: 8px;
        color: black;
        font-family: 'Mulish', cursive;
        font-weight: bold;
        font-size: 100%;
        text-align: center;
        vertical-align: middle;
		border-color: #363636;
		border-width: 15;
        color: #CCCCCC;
        -moz-border-radius: 10px 10px 0 0;
        -webkit-border-radius: 10px 10px 0 0;
        -o-border-radius: 10px 10px 0 0;
        float: left;
    }

    
   
    
    

    .r11 {
        font-family: 'Mulish', cursive;
        background-color: #BDBDBD;
        
    }

    .r12 {
        font-family: 'Mulish', cursive;
        background-color: #BDBDBD;
    }

    .r21 {
        font-family: 'Mulish', cursive;
        background-color: #BDBDBD;
    }

    .r22 {
        font-family: 'Mulish', cursive;
        background-color: #BDBDBD;
    }


    .r22_rot {
        font-family: 'Mulish', cursive;
        background-color: #FF0000;
    }

    .wf {
        visibility: hidden;
        height: 0;
    }

    .wh {
        visibility: hidden;
        height: 0;
    }

    .mobilnavigation {
        visibility: hidden;
        height: 0px;
    }
}



/*   ************************************   Auflösung < 1150px  bis 900 px ***************************************************************************************    ****************************************************************************************
************************************************************************** ****************************************************************************************
*************************************************************** */

@media all and (max-width: 1150px) and (min-width: 901px) {



    h1 {
        margin: 0px;
        margin-top: 5px;
        margin-left: 20px;
        font-family: 'Boogaloo', cursive;
        font-size: 200%;
        vertical-align: top;
        text-align: left;
    }

    h2 {
        margin: 0px;
        margin-top: 5px;
        margin-left: 20px;
        font-family: 'Boogaloo', cursive;
        font-size: 125%;
        vertical-align: top;
        text-align: left;
    }


    .info {
        margin-top: 10px;
        margin-left: 20px;
        margin-bottom: 15px;
        font-family: 'Mulish', cursive;
        font-size: 125%;
        vertical-align: top;
        text-align: left;
    }

    .info-red {
        color: red;
        margin-top: 15px;
        margin-left: 0px;
        margin-bottom: 0px;
        font-family: 'Mulish', cursive;
        font-size: 80%;
        font-weight: bold;
        vertical-align: top;
        text-align: left;
    }


  
    .fett {
        font-weight: bold;
        float: left;
    }

    .f1 {
        font-family: 'Mulish',cursive;
        font-size: 1.25em;
        font-weight: normal;
        color: #383838;
    }


    .f2 {
        font-family: 'Mulish',cursive;
        font-size: 0.5em;
        font-weight: normal;
        color: #383838;
    }


    .c-rot {
        color: red
    }


	@keyframes wind{
	from { background-position: 0px   0px}
	to { background-position: 1150px  0px}
}
	
	
	
	
    body {
        width: 100%;
        margin: 0px;
        display: grid;
        background-color: #e0F0F0;
        grid-template-columns: auto;
        grid-template-rows: auto;
        grid-template-areas:
            "section"
            "header"
            "article"
            "footer";
    }

    header {
        background-color: #e0F0F0;
        grid-area: header;
        grid-template-columns: 3fr 1fr;
		margin: 0px;        
        padding: 0px;
        background-size: contain;
		
		 background-image: 
   		url("Radler.png" );	
	/*	linear-gradient(white, skyblue); */
   background-position: 0px 20px;
   background-repeat: repeat-x;
   animation: wind 10s linear infinite;		
		
		
		
    }


    section {
        grid-area: section;
         margin: 0px;
        padding: 0px;
        background-color: #e0F0F0;
        background-size: contain;
    }

    nav {
        visibility: hidden;
        height: 0px;
    }

    article {
        margin: 0px;
        grid-template-columns: 1fr 1fr;
        margin-top: 0px;
        margin-right: 10px;
        margin-left: 10px;
        grid-area: article;
    }


    footer {
        grid-area: footer;
        margin: 0px;
        padding: 20px;
        background-color: #e0F0F0;
    }


    .reiter {
        width: 160px;
        padding-top: 5px;
        color: black;
        font-family: 'Mulish', cursive;
        font-size: 100%;
        text-align: center;
        vertical-align: middle;
        -moz-border-radius: 10px 10px 0 0;
        -webkit-border-radius: 10px 10px 0 0;
        -o-border-radius: 10px 10px 0 0;
        vertical-align: middle;
    }


    .r11 {
        margin: 2px;
        margin-top: 10px;
        margin-left: 140px;
        margin-bottom: -40px;
        height: 80px;
        background-color: #8A8A8A;
        font-family: 'Mulish', cursive;
        color: #CCCCCC;
        float: left;
    }

    .r12 {
        margin: 2px;
        margin-top: 10px;
        margin-left: 10px;
        margin-bottom: -40px;
        height: 80px;
        background-color: #8A8A8A;
        font-family: 'Mulish', cursive;
        color: #CCCCCC;
        float: left;
    }

    .r21 {
        margin: 0px;
        margin-left: 60px;
        margin-bottom: -0px;
        background-color: #B3B3B3;
        height: 40px;
        font-family: 'Mulish', cursive;
        color: #CCCCCC;
        float: left;
        clear: left;
    }


    .r22 {
        margin: 0px;
        margin-left: 10px;
        margin-bottom: -0px;
        background-color: #B3B3B3;
        height: 40px;
        font-family: 'Mulish', cursive;
        color: #CCCCCC;
        float: left;
    }


    .r22_rot {
        margin: 0px;
        margin-left: 10px;
        margin-bottom: -0px;
        background-color: #FF0000;
        height: 40px;
        font-family: 'Mulish', cursive;
        color: #CCCCCC;
        float: left;
    }



    .mobilnavigation {
        height: 0px;
        visibility: hidden;
        background-color: red;
    }


    .wf {
        visibility: hidden;
        height: 0px;
    }

    .wh {
        visibility: hidden;
        height: 0px;
    }
}



/*   ************************************   Auflösung  < 900 px ************************************************************************************************************************ */


@media all and (max-width: 900px) {

	
	@keyframes wind{
	from { background-position: 0px   0px}
	to { background-position: 1150px  230px}
}
	
	
	

    h1 {
        margin: 0px;
        margin-top: 5px;
        margin-left: 20px;
        font-family: 'Boogaloo', cursive;
        font-size: 200%;
        vertical-align: top;
        text-align: left;
        color: #0F0F0F;
    }

    h2 {
        margin: 0px;
        margin-top: 12px;
        margin-left: 20px;
        font-family: 'Mulish', cursive;
        font-size: 75%;
        vertical-align: top;
        text-align: left;
        color:#0F0F0F;
    }


    h3 {
        margin: 0px;
        margin-top: 5px;
        margin-left: 20px;
        font-family: 'Boogaloo', cursive;
        font-size: 150%;
        vertical-align: top;
        text-align: left;
        color: #0F0F0F;
    }

    .info {
        margin: 0px;
        margin-top: 10px;
        margin-left: 20px;
        margin-bottom: 0px;
        font-family: 'Mulish', cursive;
        font-size: 100%;
        vertical-align: top;
        text-align: left;
        color: #383838;
    }



    #daten0 {
        width: 0px;
        visibility: hidden;
        float: left;
    }


    #daten1 {
        width: 120px;
        float: left;
    }


    #daten2 {
        width: auto;
        float: none;
        overflow: hidden;
    }


    #daten3 {
        float: none;
    }


    #daten4 {
        margin-top: 10px;
        width: auto;
        height: auto;
        float: left;
        overflow: hidden;
        align-content: flex-start;
    }



    .info-red {
        color: red;
        margin-top: 10px;
        margin-left: 0px;
        margin-bottom: 0px;
        font-family: 'Mulish', cursive;
        font-size: 1.2em;
        font-weight: bold;
        vertical-align: top;
        text-align: left;
    }
    
    
    

  .icon-size {
      padding-left: 10px;
        font-size: 2em;
         color: #556B2F;
    }

    .icon-text {
        font-family: 'Mulish', cursive;
        font-size: 1.25em;
        font-weight: normal;
         color: #556B2F;
        margin-right: 0px;
    }

    .fett {
        font-weight: bold;
        float: left;
    }


    .f1 {
        font-family: 'Mulish',cursive;
        font-size: 1.25em;
        font-weight: normal;
        color: #383838;
    }

    .f2 {
        font-family: 'Mulish',cursive;
        font-size: 0.65em;
        font-weight: normal;
        color: black;
    }


    .c-rot {
        color: red
    }


	@keyframes wind{
	from { background-position: 0px    0px}
	to { background-position: 2000px  0px}
}
	
	
	
    body {
        width: 99%;
        display: grid;
        background-color: #e0F0F0;
        grid-template-columns: auto;
        grid-template-rows: auto;
        grid-template-areas:
            "header"
            "article"
            "section";
    }

    header {
        grid-area: header;
        margin: 0px;
        margin-bottom: 0px;
        padding: 0px;
        background-color: #e0F0F0;
        -moz-border-radius: 10px 10px 10px 10px;
        -webkit-border-radius: 10px 10px 10px 10px;
        -o-border-radius: 10px 10px 10px 10px;
		
		
		 background-image: 
   		url("Radler2.png" );	
	  background-color: #e0F0F0;
   background-position: 0px 120px;
   background-repeat: repeat-x;
   animation: wind 10s linear infinite;		
		
		
		
		
    }


    nav {
        height: 0px;
        visibility: hidden;
    }


    menu {
        height: 0px;
    }


    section {
        grid-area: section;
        width: 100%;
        margin: 0px;
        padding: 0px;
        background-color: #e0F0F0;
        background-size: cover;
		
		
		
    }

    article {
        width: 99%;
        grid-template-columns: 1fr;
        grid-area: article;
        margin: 0px;
        background-color: #e0F0F0; /* Hintergrundfarbe Text u Bilder */
        background-size:cover;
    }

    footer {
        grid-area: footer;
        visibility: hidden;
        height: 0px;
    }



    #w1 {
        width: 100%;
        padding: 10px;
        float: left;
    }

    #w2 {
        width: 100%;
        padding: 10px;
        float: left;
    }

    #w3 {
        width: 100%;
        padding: 10px;
        float: left;
        overflow: hidden;
    }

    #w4 {
        width: 100%;
        padding: 0px;
        padding-right: 20px;
        float: left;
        overflow: hidden;
    }

    #w5 {
        width: 100%;
        padding: 10px;
        float: none;
    }

    /* Serienbild  */
    #w6 {
        height: 0px;
        margin: 0px;
        visibility: collapse;
        float: none;
    }


    #w7 /* Reiter  */ {
        height: 0px;
        visibility: hidden;
        margin: 0px;
       
    }

    #w3-1 {
        width: 100%;
        padding: 10px;
        float: left;
        overflow: hidden;
    }

    #wh {
        margin: 0px;
        margin-bottom: 5px;
        padding: 0;
        visibility: visible;
        width: 50px;
        font-style: normal;
        font-family: font-family 'Mulish', cursive;
        font-size: 0,3em;
        vertical-align: middle;
        text-align: center;
        float: left;
    }

    .wf {
        padding: 0px;
        font-style: normal;
        font-family: font-family 'Mulish', cursive;
        font-size: 66%;
        color: black;
    }

    .reiter {
        visibility: hidden;
        height: 0px;
    }

    .r11 {
        visibility: hidden;
        height: 0px;
    }

    .r12 {
        visibility: hidden;
        height: 0px;
    }

    .r21 {
        visibility: hidden;
        height: 0px;
    }

    .r22 {
        visibility: hidden;
        height: 0px;
    }


    .mobilnavigation {
        visibility: true;
        margin-top: 0px;
        margin-left: 5px;
        margin-right: 5px;
        margin-bottom: 60px;
        vertical-align: middle;
        width: 100%;
        height: auto;
        padding: 10px;
        padding-top: 0px;
        background-color: #d6e0e0;
       
    }

    .fot1 {
        height: 0px;
        margin: 0px;
        width: 0px;
        border: 0px;
        visibility: hidden;
    }
}