/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('./fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* meddon-regular - latin */
@font-face {
  font-family: 'Meddon';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/meddon-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./fonts/meddon-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/meddon-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/meddon-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('./fonts/meddon-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/meddon-v20-latin-regular.svg#Meddon') format('svg'); /* Legacy iOS */
}
body {font-family: 'Roboto', sans-serif; margin:0; background-color:white; text-align:center;}
h1, h2 {font-family: 'Meddon', cursive; font-size:2em; color: maroon; line-height:1.6em;}
a {color:maroon;text-decoration:none;}

.inhalt {width:100%; max-width: 1100px; margin:3% auto; line-height:1.5em;}
.invers {background-color:maroon;border: 1px solid maroon;margin-top:-4px;}

.inhalt1 {margin:0 1.5%}
.meddon {font-family: 'Meddon', cursive;}

#menu {position:sticky;top:0;background-color:white;width:100%;z-index:2000;line-height:1.5em;}
#menu1 {max-width:1000px;margin:1% auto;text-align:center;}
.flex1 {width:96%;margin:0 auto;display:flex;justify-content:center;flex-wrap:wrap;}
.flex3 {width:18%;min-width:200px;margin:2%}
.eintrag, .eintrag1 {display:block;padding:.1% 1.3%; border-radius:10px; margin:1.2% .2%; cursor:pointer;}
.eintrag1 {background-color:maroon;color:white;}
.eintrag2 {text-align:left;cursor:pointer;color:maroon;}
.eintrag:hover {color:#005724;background-color:#eee}

.banner {position:relative;}
.banner_img {width:100%;border:0;} 
.banner_texte  {position:absolute;top:0;left:0;text-align:center;color:white;}
.banner_inhalt {width:100%; max-width: 1000px; margin:48% 0 0 60%;}
.banner_links  {position:absolute;width:28%;left:0; top:50%;z-index:100;}
.banner_rechts {position:absolute;width:28%;right:0;top:50%;z-index:100;}
.banner_logo   {position:absolute;width:24%;min-width:200px;left:56%;top:0;z-index:99;}
/*.banner_hotline {position:absolute;width:26%;min-width:200px;left:56.4%;top:calc(15% + 130px);z-index:99;font-size:1em;color:white;text-shadow: 2px 2px .5vw #000;}*/

.bildbox {align:center;margin:0 auto;}

.markant  {text-shadow: 2px 2px .5vw #000; font-size: 2.3vw; color:white; margin-left:-20vw;}
.markant1 {font-family: 'Meddon', cursive; text-shadow: 2px 2px .5vw #000; font-size: 5vw; margin-left:6vw; color:white;line-height:1.5em;margin-top:1%}

.btn {display:inline-block;margin:.7% 1.2%;cursor:pointer; border:2px solid maroon; padding:.3% 1.3%; border-radius:14px; box-shadow: black;}

#map1 {width:100%;height:700px;}
.map1info {text-align:left;font-size:1.2em;}
.kontakt table {text-align:center;margin:0 auto;}

.turm {width:10%;margin:1% 0 2% 0;}
.top {float:right;cursor:pointer;}

.us {display:none;}
.cl {clear:both;}
.fuss {background-color:silver; border:1px solid silver;font-size:.9em}
.booking {position:absolute;width:150px;left:64%;top:32%;z-index:100;}

@media all and (max-width: 750px) {
 .booking {top:42%;width:}
}

@media all and (max-width: 500px) {
 body {font-size:.8em;}
 .markant  {font-size: 1em;}
 .banner_links, .banner_rechts {display:none;}
 #map1 {height:400px;}
 .map1info {font-size:1em;}
 .booking {top:58%}
}