@charset "UTF-8";
/* CSS Document */
@font-face {
   font-family: "FS Me W01 Light";
   src: url("Fonts/5963814/4ff257e8-b47e-482e-9fe1-69c0f5e814a2.woff2") format("woff2"), url("Fonts/5963814/566917f7-b819-43e4-a102-831d1b77c970.woff") format("woff");
}
@font-face {
   font-family: "FS Me W01 Regular";
   src: url("Fonts/5963851/dd00d9f2-4364-410c-a230-c80aa01f79eb.woff2") format("woff2"), url("Fonts/5963851/7b1c030f-d5e1-4313-afd9-2a8747e861e2.woff") format("woff");
}
@font-face {
   font-family: "FS Me W01 Bold";
   src: url("Fonts/5963870/7b88d3d2-f039-4460-98fc-47c718ce0379.woff2") format("woff2"), url("Fonts/5963870/de2ab461-3fb8-4c23-8138-46aeeb0c2f57.woff") format("woff");
}
html {
   font-size: 100%;
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
   width: 100%;
   height: auto;
}
body {
   font-family: "FS Me W01 Regular", "Helvetica Neue", Helvetica, Tahoma, Arial, sans-serif;
   margin: 0 auto;
   line-height: 1.231;
   width: 100%;
   height: auto;
   orientation: portrait;
   max-width: 500px;
}
body.typ1 {
   background-color: rgb(87, 103, 73);
   background-color: rgba(87, 103, 73, 1);
}
body.typ2 {
   background-color: rgb(131, 64, 111);
   background-color: rgba(131, 64, 111, 1);
}
body.typ3 {
   background-color: rgb(0, 152, 172);
   background-color: rgba(0, 152, 172, 1);
}
body.typ4 {
   background-color: rgb(240, 127, 60);
   background-color: rgba(240, 127, 60, 1);
}
body.typ5 {
   background-color: rgb(32, 91, 125);
   background-color: rgba(32, 91, 125, 1);
}
body.typ6 {
   background-color: rgb(124, 116, 159);
   background-color: rgba(124, 116, 159, 1);
}
a {
   color: black;
}
#header1 {
   background-color: white;
   width: 100%;
   color: black;
}
#header1.typ1 {
   background-color: rgb(87, 103, 73);
   background-color: rgba(87, 103, 73, 1);
   width: 100%;
   color: white;
}
#header1.typ2 {
   background-color: rgb(131, 64, 111);
   background-color: rgba(131, 64, 111, 1);
   width: 100%;
   color: white;
}
#header1.typ3 {
   background-color: rgb(0, 152, 172);
   background-color: rgba(0, 152, 172, 1);
   width: 100%;
   color: white;
}
#header1.typ4 {
   background-color: rgb(240, 127, 60);
   background-color: rgba(240, 127, 60, 1);
   width: 100%;
   color: white;
}
#header1.typ5 {
   background-color: rgb(32, 91, 125);
   background-color: rgba(32, 91, 125, 1);
   width: 100%;
   color: white;
}
#header1.typ6 {
   background-color: rgb(124, 116, 159);
   background-color: rgba(124, 116, 159, 1);
   width: 100%;
   color: white;
}
#header1.typ1 #welleoben, #header1.typ2 #welleoben, #header1.typ3 #welleoben, #header1.typ4 #welleoben, #header1.typ5 #welleoben, #header1.typ6 #welleoben {
   background-color: rgb(255, 255, 255);
   background-color: rgba(255, 255, 255, 1);
}
#header1 img {
   display: block;
   margin-left: auto;
   padding: 8px 10px;
   width: 40%;
}
#header1 #welleoben {
   padding: 0;
   margin: 0;
}
#header1 #welleoben img {
   z-index: 1;
   width: 100%;
   margin: 0 0 -10px;
   padding: 0;
}
#header1 img.navi {
   display: inline;
   margin-left: auto;
   padding: 1px;
   width: 30%;
   max-width: 220px;
}
#header1 button {
   font-family: "FS Me W01 Bold", "Helvetica Neue", Helvetica, Tahoma, Arial, sans-serif;
   float: left;
   margin: 10px 20px;
   border: none;
   color: black;
   padding: 15px 15px 12px 30px;
   text-align: center;
   text-decoration: none;
   display: inline-block;
   font-size: 1.4em;
   font-weight: bold;
   background-color: transparent;
   background-image: url(menu.png);
   background-repeat: no-repeat;
   background-position: center left, left top;
   background-size: 30px 50%;
}
#header1.typ1 button, #header1.typ2 button, #header1.typ3 button, #header1.typ4 button, #header1.typ5 button, #header1.typ6 button {
   color: white;
   background-image: url(menu2.png);
}
#header1 button#menuclose {
   float: none;
   color: white;
   background-image: url(menu2.png);
}
#header2 {
   position: relative;
   width: 100%;
   height: 300px;
}
#header2 div {
   width: 100%;
   bottom: 0;
   position: absolute;
}
#header2 #bildoben {
   height: 300px;
}
#header2 #bildoben img {
   z-index: 0;
   width: 100%;
   object-fit: cover;
}
#header2 #bildunten {
   padding: 0;
   margin: 0;
}
#header2 #bildunten img {
   z-index: 1;
   width: 100%;
   margin-bottom: -10px;
}
#content {
   background-color: rgb(124, 116, 159);
   background-color: rgba(124, 116, 159, 1);
   width: 100%;
   padding: 5px 0;
   color: white;
   margin: -3px 0 0;
}
#content.typ1, #content.typ2, #content.typ3, #content.typ4, #content.typ5, #content.typ6 {
   background-color: rgb(255, 255, 255);
   background-color: rgba(255, 255, 255, 1);
   color: black;
   padding: 20px 0;
}
#content.typ1 h1, #content.typ1 h2, #content.typ1 h3, #content.typ1 p, #content.typ2 h1, #content.typ2 h2, #content.typ2 h3, #content.typ2 p, #content.typ3 h1, #content.typ3 h2, #content.typ3 h3, #content.typ3 p, #content.typ4 h1, #content.typ4 h2, #content.typ4 h3, #content.typ4 p, #content.typ5 h1, #content.typ5 h2, #content.typ5 h3, #content.typ5 p, #content.typ6 h1, #content.typ6 h2, #content.typ6 h3, #content.typ6 p {
   padding: 5px 15px;
   margin: 0px;
}
#content.typ1 h1, #content.typ2 h1, #content.typ3 h1, #content.typ4 h1, #content.typ5 h1, #content.typ6 h1 {
   margin-top: 10px;
}
div#navimain {
   text-align: center;
}
a .navimain {
   width: 30%;
   padding: 5px;
   margin: -15px -5px;
   text-align: center;
}
div#welleunten {
   margin-top: -2px;
   z-index: 1000;
   background-color: white;
}
div#welleunten img {
   width: 100%;
}
div#welleunten.typ1, div#welleunten.typ2, div#welleunten.typ3, div#welleunten.typ4, div#welleunten.typ5, div#welleunten.typ6 {
   margin: 0 0 -7px;
}
.overlay {
   height: 100%;
   width: 0;
   position: fixed;
   z-index: 1;
   top: 0;
   left: 0;
   background-color: rgb(124, 116, 159);
   background-color: rgba(124, 116, 159, 1);
   overflow-x: hidden;
   transition: 0.2s;
}
.overlay-content {
   position: relative;
   top: 1%;
   width: 100%;
   text-align: center;
   margin-top: 3px;
}
.overlay a {
   padding: 8px;
   text-decoration: none;
   font-size: 3em;
   color: white;
   display: inline;
   transition: 0.3s;
}
#footer {
   text-align: center;
   font-size: 1em;
   font-weight: 300;
   padding: 5px;
}
#footer a {
   color: rgb(124, 116, 159);
   font-family: "FS Me W01 Bold", "Helvetica Neue", Helvetica, Tahoma, Arial, sans-serif;
}
#footer.typ1 {
   background-color: rgb(87, 103, 73);
   background-color: rgba(87, 103, 73, 1);
   color: white;
   margin: 0;
   padding: 10px;
}
#footer.typ2 {
   background-color: rgb(131, 64, 111);
   background-color: rgba(131, 64, 111, 1);
   color: white;
   margin: 0;
   padding: 10px;
}
#footer.typ3 {
   background-color: rgb(0, 152, 172);
   background-color: rgba(0, 152, 172, 1);
   color: white;
   margin: 0;
   padding: 10px;
}
#footer.typ4 {
   background-color: rgb(240, 127, 60);
   background-color: rgba(240, 127, 60, 1);
   color: white;
   margin: 0;
   padding: 10px;
}
#footer.typ5 {
   background-color: rgb(32, 91, 125);
   background-color: rgba(32, 91, 125, 1);
   color: white;
   margin: 0;
   padding: 10px;
}
#footer.typ6 {
   background-color: rgb(124, 116, 159);
   background-color: rgba(124, 116, 159, 1);
   color: white;
   margin: 0;
   padding: 10px;
}
#footer.typ1 a, #footer.typ2 a, #footer.typ3 a, #footer.typ4 a, #footer.typ5 a, #footer.typ6 a {
   color: white;
}
/* Ausflugsziele */
#content.typ1 div#ausflugszieluebersicht {
   text-align: center;
}
#content.typ1 div.uebersichtausflugsziele {
   /* width: 220px;
   max-width: 220px;
   height: 190px;
   max-height: 190px; */
   width: 300px;
   max-width: 100%;
   height: 225px;
   max-height: 100%; 
   /* margin: 20px;
   padding: 5px; */
   margin: 0 0 20px;
   padding: 0;    
   text-align: center;
   align-content: center;
   /* background-color: rgb(87, 103, 73); */
   /* background-color: rgba(87, 103, 73, 1); */
   /* -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   -webkit-box-shadow: 2px 2px 10px #333;
   -moz-box-shadow: 2px 2px 10px #333;
   box-shadow: 2px 2px 10px #333; */
   display: inline-block;
   vertical-align: top;
}
#content.typ1 div.uebersichtausflugsziele p.ausflugsziel_bild1 {
   /* width: 200px;
   max-width: 200px;
   height: 120px;
   max-height: 120px; */
   width: 300px;
   max-width: 100%;
   height: 185px;
   max-height: 100%;     
   /* margin: 10px 10px 0; */
    margin: 10px 0px 0px;    
   padding: 0;
   object-fit: cover;
   overflow: hidden;
   border: 1px solid #fff;
   display: block;
}
#content.typ1 div.uebersichtausflugsziele p.ausflugsziel_bild1 img {
   /* width: 200px;
   height: 120px; */
       width: 300px;
   max-width: 100%;
   height: 190px;
   max-height: 100%;  
    border-radius: 10px;
   object-fit: cover;
   vertical-align: top;
}
img.round {
    border-radius: 10px !important;
}    
#content.typ1 div.uebersichtausflugsziele p.uebersichtausfluegelink {
   padding: 0px 5px 0px;
   vertical-align: top;
   margin: 10px 0 0;
}
#content.typ1 div.uebersichtausflugsziele a {
   /* color: white; */
       color: rgb(87, 103, 73);
   color: rgba(87, 103, 73, 1);
}
#content.typ1 #ausflugsziel p.ausflugsziel_bild1 {
   max-width: 100%;
   margin: 0 0 5px;
   padding: 3px 0 5px;
   border: 1px solid #fff;
}
#content.typ1 #ausflugsziel a {
   display: inline-block;
   padding: 5px 0;
}
#content.typ1 p.maps a.typ1 {
   color: rgb(87, 103, 73);
   color: rgba(87, 103, 73, 1);
   padding: 15px 0;
}
#content.typ1 p.maps {
   padding-top: 15px;
}
#content.typ1 #soundbuttons {
   text-align: center;
}
#content.typ1 #soundbuttons audio {
   /* background-color: rgb(87, 103, 73); */
   /* background-color: rgba(87, 103, 73, 1); */
   background-color: white;
}
#content.typ1 #ausflugsziel img {
   max-width: 100%;
   max-height: 300px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   -webkit-box-shadow: 2px 2px 10px #333;
   -moz-box-shadow: 2px 2px 10px #333;
   box-shadow: 2px 2px 10px #333;
   vertical-align: top;
   margin-bottom: 4px;
}
/* Videoeinbettung */
.embed-container {
   position: relative;
   padding-bottom: 56.25%;
   height: 0;
   overflow: hidden;
   max-width: 100%;
   height: auto;
}
.embed-container iframe, .embed-container object, .embed-container embed {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}
/* Unterkünfte */
#content h2.unterkunftort {
   display: block;
   background-color: rgb(131, 64, 111);
   background-color: rgba(131, 64, 111, 1);
   color: white;
   padding: 10px 10px 5px;
   margin: 20px 15px 10px;
   vertical-align: middle;
   line-height: 1;
   border-radius: 3px;
   font-size: 1.3em;
}
/* Gastronomie */
#content h2.gastronomieort {
   display: block;
   background-color: rgb(0, 152, 172);
   background-color: rgba(0, 152, 172, 1);
   color: white;
   padding: 10px 10px 5px;
   margin: 20px 15px 10px;
   vertical-align: middle;
   line-height: 1;
   border-radius: 3px;
   font-size: 1.3em;
}
/* Veranstaltungen */
#content h2.monatIndexListe {
   display: block;
   background-color: rgb(240, 127, 60);
   background-color: rgba(240, 127, 60, 1);
   color: white;
   padding: 10px 10px 5px;
   margin: 20px 15px 10px;
   vertical-align: middle;
   line-height: 1;
   border-radius: 3px;
   font-size: 1.3em;
}
/* Kyffhäuserweg */
.kyffhaeuserweglink {
    text-align: center;
}
/* Fledermäuse */
#content #fledermaus  {
    margin: 20px 0;
    text-align: center;
}
#content #fledermaus h3 {
    margin-top: 20px;
}