@charset "utf-8";

/*--------------------------------------------------------------------------------------------------------------------------------*\
# Font Settings
\*--------------------------------------------------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------------------------------------------------------------*\
# Template
\*--------------------------------------------------------------------------------------------------------------------------------*/
   
html, body {
   margin:0;
   padding:0;
   background-color: #F5F2E7;
   font-family:"EB Garamond";
   font-size: 16pt;
   color: #000000;
   }
   
.XeNETTemplateOben > img {
   display:inline-block;
   width:100%;
   }
   
.XeNETTemplateOben > hr {
   display:block;
   border:0px;
   margin-block-start: 0px;
   margin-block-end: 0px;
   height:12px;
   background-image:url(../bilder/website/elemente/silberkordel.png);
   }

#XeNETTemplateMitte {
   width: 100%;
   overflow: auto;
   }
   
#XeNETTemplateLinks {
   float:left;
   width:18%;
/*    border:#FF0000 thin solid; */
   }

.XeNETMenue {
   font-size: 130%;
}

.XeNETMenue a, a:visited, a:hover {
   text-decoration: none;
}
   
.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 {
   float: left;
   width: 80%;
   min-height: 600px;
/*   border:#FF0000 thin solid; */
   }
        
#XeNETTemplateRechts {
   display: none;
   }
   
#XeNETTemplateUnten {
   text-align:center;
   }

#XeNETTemplateUnten > hr {
   display:block;
   border:0px;
   height:12px;
   background-image:url(../bilder/website/elemente/silberkordel.png);
   }
   
.XeNETBilder.Mitte-1-100 {
   margin-bottom: 0px;
   }
   
.XeNETBilder.Mitte-1-100 .XeNETBilderMitteBild {
   height: 100%;
   }

.XeNETBilder.Mitte-3-100 {
   margin-bottom: 0px;
}
   
.XeNETBilder.Mitte-3-100 > .XeNETBilderMitte {
   margin-left: 2px;
   margin-right: 2px;
}


.XeNETBilder.Mitte-3-100 > .XeNETBilderDots {
   text-align:center;
   }


.XeNETBilder.Mitte-3-100 > .XeNETBilderDots > .XeNETBilderDot {
   background:#000033;
   color:#FFFFFF;
   font-size:8px;
   border-radius: 0.5em;
   font-weight:bold;
   text-shadow:  1px  1px 1px #000000,
                 1px -1px 1px #000000,
                -1px  1px 1px #000000,
                -1px -1px 1px #000000;
}

.XeNETBilder.Mitte-3-100 > .XeNETBilderDots > .XeNETBilderDot.on {
   background:#000033;
   border:#FFFFFF solid 2px;
}

.XeNETBilder.Mitte-3-100 > .XeNETBilderTitel {   
   display: inline-block;
   position: absolute;
   left: 50%;
   transform: translate(-50%, 0);
   background:#000033;
   padding: 3px;
   font-size:12px;
   border-radius: 0.5em;
   text-shadow:  1px  1px 1px #000000,
                 1px -1px 1px #000000,
                -1px  1px 1px #000000,
                -1px -1px 1px #000000;
}

.XeNETBilder.Mitte-3-100 > .XeNETBilderZoom {
   display: block;
   left: 64%;
   transform: translate(-50%, 0);
   background:none;
   font-size:12px;
   }

.XeNETBilder.Mitte-3-100.zoom > .XeNETBilderZoom:after {
   content: "\1F50D";
   }

.XeNETBilder.Mitte-3-100 > .XeNETBilderZoom:after {
   content: "\1F50D";
   }

.XeNETBilder.Mitte-3-100.zoom {
   float:none;
   width:100%;
   }

.XeNETBilder.Mitte-3-100.zoom > .XeNETBilderLinks {
   display: none;
}

.XeNETBilder.Mitte-3-100.zoom > .XeNETBilderMitte {
   width:100%;
}

.XeNETBilder.Mitte-3-100.zoom > .XeNETBilderRechts {
   display: none;
}

/*-[ Layout Rechts 1 Bild Frei 30% ]----------------------------------------------------------------------------------------------------*/
.XeNETBilder.Rechts-1-30 {
   display:inline-block;
   width:30%;
   object-fit:contain;
   margin-right:1em;
   margin-left:2em;
   }


.XeNETBilder.Rechts-1-30 > .XeNETBilderTitel {  
   display: inline-block;
   background:#000033;
   padding: 3px;
   font-size:12px;
   border-radius: 0.5em;
   text-shadow:  1px  1px 1px #000000,
                 1px -1px 1px #000000,
                -1px  1px 1px #000000,
                -1px -1px 1px #000000;
}

.XeNETBilder.Rechts-1-30 > .XeNETBilderDots {  
   display:none;
}

.XeNETBilder.Rechts-1-30 > .XeNETBilderZoom {  
   display:none;
}

/*-[ Layout Links 1 Bild Frei 30% ]----------------------------------------------------------------------------------------------------*/
.XeNETBilder.Links-1-30 {
   display:inline-block;
   width:30%;
   object-fit:contain;
   margin-left:1em;
   margin-right:2em;
   }


.XeNETBilder.Links-1-30 > .XeNETBilderTitel {  
   display: inline-block;
   background:#000033;
   padding: 3px;
   font-size:12px;
   border-radius: 0.5em;
   text-shadow:  1px  1px 1px #000000,
                 1px -1px 1px #000000,
                -1px  1px 1px #000000,
                -1px -1px 1px #000000;
}

.XeNETBilder.Links-1-30 > .XeNETBilderDots {  
   display:none;
}

.XeNETBilder.Links-1-30 > .XeNETBilderZoom {  
   display:none;
}


.XeNETKalender {
   background: inherit;
   }

.XeNETKalenderAnzeigeTitel {
   display: none;
   }

.XeNETKalenderAnzeigeMonat {
   background: #000099;
   }
   
.XeNETKalenderAnzeigeMonatWocheTagBuchbarBelegtBelegt {
   background: #801010;
   }
   
.XeNETKalenderAnzeigeMonatWocheTagBuchbarBelegtFrei {
   background: linear-gradient(45deg, #801010, #801010, #801010, #801010, #801010, #108010, #108010, #108010, #108010, #108010 );
   }
   
.XeNETKalenderAnzeigeMonatWocheTagBuchbarFreiBelegt {
   background: linear-gradient(45deg, #108010, #108010, #108010, #108010, #108010, #801010, #801010, #801010, #801010, #801010 );
   }
   
.XeNETKalenderAnzeigeMonatWocheTagBuchbarFreiFrei {
   background: #108010;
   }
        
/*--------------------------------------------------------------------------------------------------------------------------------*\
# Googlemap
\*--------------------------------------------------------------------------------------------------------------------------------*/

.XeNETGoogleMap {
   width: 80%;
   margin-left: 10%;
   padding: 5px;
   background-color: #203864;
   text-align: center;
   }

.XeNETGoogleMapIFrame {
   width: 100%;
   min-height: 40vh;
   }

div.XeNETZieleZiel > .XeNETBilder {
   font-size: 60%;
   }


/*--------------------------------------------------------------------------------------------------------------------------------*\
# Media Print
\*--------------------------------------------------------------------------------------------------------------------------------*/

@media print {
   }
   
/*--------------------------------------------------------------------------------------------------------------------------------*\
# Media Small
\*--------------------------------------------------------------------------------------------------------------------------------*/

@media screen and (max-width:800px) {
   #XeNETTemplateLinks {
      width:100%;
      }

   .XeNETMenue {
      }

   .XeNETMenue > ul {
      margin-block-start: 0px;
      margin-block-end: 0px;
      }
   
   .XeNETMenue > ul > li {
      background-position:center;
      display: inline-block;
      width: 15%;
      height: 100px;
      margin: 0px;
      padding: 0px;
      vertical-align: middle;
      }
      
   .XeNETMenue > ul > li > a {
      transform: translate(0px,40px) rotate(-45deg);
      vertical-align:middle;
      }
      
   #XeNETTemplateInhalt {
      float: none;
      width: 100%;
      }

   .XeNETBilder.Mitte-3-100 {
      width: 100%;
      }

   .XeNETBilder.Mitte-3-100 > .XeNETBilderZoom {
      display:none;
      }

   .XeNETBilder.Links-1-30 {
      width: 100%;
      margin: 0px;
      }

   .XeNETBilder.Rechts-1-30 {
      width: 100%;
      margin: 0px;
      }
   }