@charset "utf-8";

html, body {
   margin:0;
   padding:0;
   background-color: #F0EAD6;
   font-family:"2EB Garamond";
   font-size: 16pt;
   color: #000000;
   }

a:link, a:visited, a:hover, a:active {
   text-decoration:none;
   color: inherit;
   }

#XeNETTemplateOben {
   width: 80vw;
   margin-left: 10vw;
   font-size: 115%;	
   text-align: center;
  }

#XeNETTemplateOben > h1 {
/*   margin-block-start: 0px; */
   margin-block-end: 0px;
   text-shadow: 1px 1px 3px black;
   font-size: 6vw;
   } 
   
#XeNETTemplateMitte {
   width: 80vw;
   margin-left: 10vw;
   min-height: 50vh;
   overflow:auto;
   } 

#XeNETTemplateLinks {
   font-size: 110%;
   margin-top: 0.5em;	
   margin-bottom: 1em;	
   }

.XeNETMenue {
   }

.XeNETMenueMobil {
   display: none;
   padding-right: 3vw;
   }

.XeNETMenue > ul {
   display:block;
   list-style-type:none;
   padding-inline-start: 0;
   margin-block-start: 0;
   margin-block-end: 0;
   text-align:center;
}

.XeNETMenue > ul > li {
   display:inline-block;
   padding-left: 2%;
   text-shadow: 1px 1px 3px white;
}

.XeNETMenue > ul > li.aktive {
   text-shadow: 1px 1px 3px black;
   }


#XeNETTemplateInhalt {
   height: auto;
   margin-left: 5%;
   margin-right: 5%;
   }
   
.XeNETBilderTitel {
   margin-top: 0.25em;
   margin-left: 0.25em;
   font-size: 80%;
   color:#FFFFFF;
   }
   
.XeNETBilderDot {
   font-size: 80%;
   color:#FFFFFF;
   }

.XeNETBilderDot.on {
   text-decoration:underline;
   }

.XeNETBilderPlay {
   background-image: none;
   }

.XeNETBilderPlay.stop {
   background-image: none;
   }

.XeNETBilderZoom {
   background-image: none;
   }

.XeNETBilderZoom.zoom {
   background-image: none;
   }

.XeNETBilderMitte > img {
   width: calc( 100% - 16px);		
   border: #FFFFFF 7px solid;
   border-radius: 7px;
/* #F0EAD6 *0.5 -> 787568 */
/* #F0EAD6 *0.25 -> B4AE9F */
   }

.XeNETGoogleMap {
   border: #FFFFFF 8px solid;
   border-radius: 8px;
   text-align:center;
   }

#XeNETTemplateRechts {
   display:none;
   }

#XeNETTemplateUnten {
   width: 80vw;
   margin-left: 10vw;
   min-height: 3em; 
   padding-top: 1em;
   font-size: 80%;
   text-align:center;
   }

.XeNETKalender {
   background-color: inherit;
   font-size: 80%;
   }
   
.XeNETKalenderAnzeigeTitel {
   display: none;
   }
   
.XeNETKalenderAnzeigeMonat {
   border:#000000 thin solid;
   }
   
.XeNETKalenderAnzeigeMonatTitel {
   background-color: rgba( 0, 0, 0, 0.2 );
   }

.XeNETKalenderAnzeigeMonatWochentage {
   background-color: rgba( 0, 0, 0, 0.1 );
   }


@media screen and (max-width:800px) {
   #XeNETTemplateOben {
      width: 100%;
      margin-left: 0;
     }

   #XeNETTemplateMitte {
      width: 100%;
      margin-left: 0;
     }

   .XeNETMenue {
      display:none;
      }

   .XeNETMenue.mobil {
      display:block;
      }

   .XeNETMenue.mobil > ul > li {
      display:block;
      text-align:left;
      margin-bottom: 5px;
      }

   .XeNETMenueMobil {
      display: block;
      text-align:right;
      }

   #XeNETTemplateInhalt {
      margin-left: 0;
      margin-right: 0;
      }
      
   .XeNETBilder.Mitte-1-80 {
      width: 100%;
      margin-left: 0;
      }

   #XeNETTemplateUnten {
      width: 100%;
      margin-left: 0;
      }

}