/*
@font-face {font-family: 'Assistant';font-style: normal;font-weight: 400; 
src: local(''), url('font/assistant-v18-latin-regular.woff2') format('woff2'),url('font/assistant-v18-latin-regular.woff') format('woff'),url('font/assistant-v18-latin-regular.ttf') format('truetype');}
@font-face {font-family: 'Assistant';font-style: normal;font-weight: 700;
src: local(''),url('font/assistant-v18-latin-700.woff2') format('woff2'), url('font/assistant-v18-latin-700.woff') format('woff'), url('font/assistant-v18-latin-700.ttf') format('truetype');}
*/
@font-face {font-family: 'Giltus';font-style: normal;font-weight: normal;
src: local(''),url('font/giltus_t-webfont.woff2') format('woff2'),url('font/giltus_t-webfont.woff') format('woff'),url('font/giltus_t-webfont.ttf') format('truetype');}
@font-face {font-family: 'Giltus';font-style: normal;font-weight: bold;
src: local(''),url('font/giltus_t_bold-webfont.woff2') format('woff2'),url('font/giltus_t_bold-webfont.woff') format('woff'),url('font/giltus_t_bold-webfont.ttf') format('truetype');}

@font-face {font-family: 'Getshow';font-weight: normal;font-style: normal;
 src: local(''),url('font/get_show-webfont.woff2') format('woff2'),url('font/get_show-webfont.woff') format('woff'),url('font/get_show-webfont.ttf') format('truetype');}
.getshow {font-family:'Getshow',cursive; vertical-align:-11%;}

body {margin:0;padding:0;background-color:white; color:#00426f;}

.banner  {width:100%;margin:0 auto; position:relative;} /* 1920x696 oder 2500x906 */
 .banner_bildtext {position:absolute;left:2%;bottom:2%;z-index:2;color:white;text-shadow:2px 2px 4px #222;}
 .banner_bildcopy {position:absolute;right:2%;bottom:2%;z-index:3;color:white;font-size:.9em;text-shadow:2px 2px 4px #222;}
 .banner_overlay {float:left;padding:1% 2%;color:#00426f;font-size:2em;background:rgba(255,255,255,0.8);}
 /*.banner_overlay_video {display:inline-block;margin:0 auto;padding:1% 2%;color:white;font-size:3.8vw;cursor:pointer}*/

a {text-decoration:none;color:#00426f;}
a:hover {color:black;}
a::before {content: '\276F\00a0\00a0'; font-size:.6em;display: inline-block;} /* einfach: \203A doppelt:\00bb leerzeichen: \00a0*/
a:hover::before {content: '\00a0\276F\00a0';} /* einfach: \203A doppelt:\00bb leerzeichen: \00a0*/
a.l_co_link::before{content:none;}
a.ohne {display:inline;}
a.ohne::before {content:'';}
h1, h2, .upper {text-transform:uppercase;}
ul {overflow:auto;}

.bildunterschrift {font-style:italic;font-size:.9em;}
.bildunterschrift1 {font-size:.9em; color:#666;}

.site {width:100%;max-width:1920px;margin:0 auto;}

.inhalt  {width:100%;max-width:1400px;margin:2% auto;text-align:left;box-sizing:border-box;line-height:1.4;}
.ibild   {width:33%;margin-left:-1.5%;float:left; max-width:450px; margin: 0 2% 1% -1.5%}
.ibild img {width:100%;}
.blau1   {background-color:#6cbdcd;border:1px solid #6cbdcd;}
.gelb1   {background-color:#f8de87;border:1px solid #f8de87;}

.abs1 {margin:0 4% 4% 0;min-width:300px;}
.abs2 {float:left;margin:0 4% 4% 0; width:46%; min-width:300px;}
.rahmen {background-color: white;border:1px solid silver;padding:2%}

/*alte farben*/
.blau {background-color: #d4d6e3;}
.hellblau {background-color: #eaedf4;}
.gelb {background-color: #fff6db; border:1px solid #fff6db;}
.dunkelblau {background-color: #0d4d7d; color: white;}

.flexc   {width:100%;max-width:1400px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;}
.flex2   {width:48%;  min-width:300px; margin:2% 0;}
.flex3   {width:32.3%;min-width:300px; margin:2% 0;align-content:space-between;}
.flex_100{width:100%;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center;}
.platz   {margin:1.5%;}
.platz1  {margin:-1.5% 0 0 0;}
.b1000   {max-width:1000px;margin:0 auto;}
.us      {display:none;}
.content {
  display: none; position: absolute; top: 20px; left: 50%;transform: translate(-50%,0);
  min-width:320px;
  text-align: center; background-color: white;
  /*box-sizing: border-box;*/ 
  border:1px solid silver;
  padding: 2% .7% 3% .7%; z-index: 200;
  box-shadow: inset 0 0 100px 2px rgba(100,100,100,0.1);
}

.shop1 {width:calc(85% - 320px);min-width:320px;margin:2% 0;}
.shop2 {width:400px;margin:2% 0;}
.shopbild {max-width:320px;float:left;margin:0 2% 1% 0;}
#shop2 {display:none;}

/*.menu {width:100%;max-width:1440px;margin:0 auto;background:rgba(255,255,255,.9) url(bilder/tropfen1.png) no-repeat center top;background-size:20%;}*/
.menu_i {position:relative;width:100%;margin:0 auto;text-align:center;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;}
.menu_i1 {min-width:295px;width:calc(48% - 60px);margin:0;display:flex;flex-wrap:wrap;justify-content:space-between;padding-top:1.8%; align-items:center;}
.menu_logo {width:12%;min-width:100px;margin:0;display:block;cursor:pointer;}
.menu_inhalt {display:block; cursor:pointer;padding:3px 2px;margin-top:4px;background-color:rgba(255,255,255,.7);}
.menu_inhalt:hover {color:black;background-color:rgba(200,200,200,.3);}

/* smart menu*/
.menu_ismart {display:none;position:absolute;z-index:10001;top:8px;left:1.5%;}
#hamburger {margin:10% 0 0 2%;cursor:pointer;width:32px;}
#smart_menu0 {position:absolute;z-index:10002;left:0;top:-600px;background-color:white;width:100%;font-size:.95em;}
.smenu_inhalt  {padding-left:2%; margin:5px 0; cursor:pointer;}
.smenu_inhalt1 {font-size:.9em; line-height:2.2em; padding-left:4%; margin:5px 0; cursor:pointer;}

.pfeil {font-size:1.4em;vertical-align:middle;}
.pfeil1 {color:white;margin-right:4px;}

#menu {position:absolute;width:100%;margin:0 auto;z-index:10000;}
.mpoint {float:left;height:0;overflow:hidden;position:relative;z-index:599;}
.mpointx {position:absolute;top:0;width:100%;height:100%;opacity:0;z-index:598;}
.mpoint img {position:absolute;top:30px;z-index:600}
.mpoint a {display:block;position:absolute;font-size:.9em;width:100%;height:100%;padding:70px 5%;z-index:600;}
#zu {position:absolute;height:50px;top:0}

/* symbolmenu */
.mo {margin:0;}
.mo1 {position:absolute;z-index:10100;display:none;background-color:white;border:1px solid white;left:-120px;padding:8px 2px;width:160px;border-right: 1px solid silver;border-left:1px solid silver;border-bottom:1px solid silver;}
.sym {width:90%;border:0;cursor:pointer;}
.rot {position:absolute;z-index:101;right:0;top:0;background:rgba(153,0,0,.6);font-size:.8em;color:white;width:16px;height:16px;text-align:center;border-radius:8px;}

/* anderes menu*/
.land {height:23px;background-color:#014171;color:white; border:1px solid #014171;}
.suche {width:100px; height:22px; background:#014171 url(bilder/lupe.png) no-repeat center right;background-size:14%; color:white; border:0;}
.suche input::placeholder {color:white;padding-left:3px;}

.trenner {border-top:1px solid gray;margin: 1% 0;}
.fuss {width:100%;max-width:1440px;margin:0 auto;background:rgba(255,255,255,.9) url(bilder/tropfen1.png) no-repeat center top;background-size:20%;font-size:.8em;}
.fuss_i {width:100%;margin:0 auto;text-align:center;display:flex;flex-wrap:wrap;justify-content:center;}
.fuss_i1 {min-width:300px;width:28%;margin:0 2%;text-align:right;}
 .mm {float:left;}
.fuss_i2 {min-width:100px;width:14%;margin:0 1%;text-align:center;}
.fuss_i3 {min-width:300px;width:28%;margin:0 2%;text-align:left;display:flex;justify-content:flex-start;}
.fuss_3 {margin:1% auto; text-align:center;} 
.d_spamreg{width:500px;margin-left:auto;margin-right:auto;padding-top:30px;}
.sich_fehler{color:red;text-align:center;font-size:1.5em;}
.captcha_fehler{color:red;}
.d_oeff_well{width:96%;max-width:400px;margin-left:auto;margin-right:auto;text-align:center;}

.b_widerruf{background:#b2c5d3;border:1px solid #00406c;padding:3px;}
.b_widerruf:hover{background:#eeeeee;border:1px solid #00406c;color:#000000;}
.in_l{width:100%;max-width:500px;margin-left:auto;margin-right:auto;margin-top:5px;margin-bottom:5px;padding:5px;}

button {color:#ffffff;border:1px solid silver;background-color:#00426f;padding:6px 12px;font-size:.8em;cursor:pointer;text-transform:uppercase;}
button:hover {background-color:#00426f;}

input[type=submit] {color:#ffffff;border:1px solid silver;background-color:#00426f;padding:6px 12px;font-size:.8em;cursor:pointer;text-transform:uppercase;}
input[type=submit]:hover {background-color:#00426f;}

.button_blau {color:#ffffff;border:1px solid silver;background-color:#00426f;padding:6px 12px;font-size:.8em;cursor:pointer;text-transform:uppercase;}

.cl {clear:both;}
.px14 {font-size:1.4em;font-weight:bold;}
.khinweis, .khinweis * {font-size:.95em;}
.v_hidden{visibility: hidden;}

#osprache1 {float:right;margin:0 2% 0 0;font-size:.95em}
#shopknopp {position:absolute;top:140px;right:0;z-index:20;text-align:right;}
#smart_menu0 {display:none;padding-top:2%;border-bottom:1px solid silver;}

.d_foto_gastgeber{width:350px;height:310px;}
.d_foto_gastgeber_i{width:350px;height:270px;}
.d_foto_gastgeber_i img{width:100%;height:100%;object-fit:cover;}

details summary {
  padding: 8px;
  cursor: pointer;
  font-weight: bold;
  background:#eaedf4;
  width:92%;
  margin-left:auto;margin-right:auto;
}

details[open] summary {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

details div {
  padding: 1em;
  background-color: #f9f9f9;
  width:90%;margin-left:auto;margin-right:auto;
  border:1px solid #eeeeee;
}

.d_b_abst{height:130px;}
.artikelbox{width:400px;margin:20px;cursor:pointer;background:#fafafa;}
.b_artikelbox{width:400px;height:300px;}
.b_artikelbox img{width:100%;height:100%;object-fit:cover;}
.artikelbox h2{font-size:1.5em;}
.t_artikelbox {padding:0px 10px 10px 10px;text-align:center;}

@media all and (max-width: 1024px) {
 body {font-size:.93em;}
}

@media all and (max-width: 940px) {
 body {font-size:1em;}
 .flexc {justify-content:center;}
 .flex3 {margin:2%; align-content:center;}
 .banner_overlay {font-size:1.5em;}
 
 /*smart*/
 .menu_ismart {display:block;}
 #smart_menu0  {display:block;}
 .menu_i1 {min-width:10px;width:calc(49% - 50px);padding-top:2.5%;}
 .mzw {display:none;}
 .menu_inhalt{display:none;}
 #osprache {display:none;}
 #shopknopp {display:none;}
 .menu_i1 {justify-content:space-around;}
 #shop2 {display:block;}
 .weg {display:none;}
 .d_b_abst{height:80px;}
 h1{font-size:1.2em;}
}
#wfanzeige_ges{color:red;font-size:1.2em;}
#wfanzeige_ges2{color:red;font-size:1.2em;}
 
@media all and (max-width: 300px) {
.mo {width:32%;margin-top:8px;}
}

@media all and (max-width: 800px) {
 .fuss_i {display:block;}
 .fuss_i1 {margin:2% 0;text-align:center;width:100%;}
 .fuss_i2 {margin:2% 0;width:100%}
 .fuss_i3 {margin:2% 0;width:100%;justify-content:center;}
 .banner_overlay {font-size:1em;}
}
 
@media all and (max-width: 750px) {
 body {font-size:.95em;}
 .ibild {float:none;width:103%;}
 .abs2 {float:none;width:100%}
 }

@media all and (max-width: 500px) {
 h2 {font-size:1.3em;}
 .fuss_i {display:block;}
 .fuss_i1 {margin:2% 0;text-align:center;width:100%;}
 .fuss_i2 {margin:2% 0;width:100%}
 .fuss_i3 {margin:2% 0;width:100%;justify-content:center;}
 .banner_overlay {display:none;}
 .banner_overlay_video {font-size:1.8em;}
 .artikelbox{width:96%;margin:20px auto 20px auto;}
 .b_artikelbox{width:100%;height:300px;}
}

.form-row label {
  display: block;
  margin-bottom: 5px;
}
fieldset {
  margin-bottom: 20px; /* Passt den Abstand zwischen den Abschnitten an */
}

/* Menü */
nav {
      background: #fff;
      color: #004d66;
      position: fixed;
	  top:0px;left:0px;
	  margin-left:auto;
	  margin-right:auto;
	  z-index:99999;
	  width:100%;
    }

    .menu-toggle {
      display: none;
      background: #fff;
      border: none;
      color: #004d66;
      font-size: 1.3em;
      padding: 1em;
      cursor: pointer;
    }

    .menu {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      list-style: none;
      margin: 0;
      padding: 0;
	  max-width:1400px;margin-left:auto;margin-right:auto;
    }

    .menu > li {
     position: relative;
    }

    nav a, nav button {
      color: #004d66;
      text-decoration: none;
      padding: 30px 10px 10px 10px;
      display: block;
      border: none;
      cursor: pointer;
      font-size: 1em;
      text-align: left;
	  font-family: 'Giltus';
    }
	
	nav button {background:#fff;}

    nav a::before {content:'';}
	
    nav a:hover, nav button:hover,
    nav a:focus, nav button:focus {
      background: #fff;
    }
	nav a:hover::before{content:'';}
	
	nav li #img_logo {padding:0px;}
	
	.l_sprach{display:inline;padding:0px;}
	.li_sprach{padding-top:30px;}
	.l_symb{padding:30px 0px 10px 0px;}
	.l_wk{padding:10px 0px 0px 0px;}

a.nav_l{font-size:1em;margin-bottom:5px;font-family: 'Giltus';}

 .submenu {
  position: fixed;
  top: 90px;
  left: 0;
  width: 100vw;
  display: none;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding: 0;
  margin: 0;
  box-shadow: 0 4px 6px rgba(0,0,0,0.1);
  list-style: none;
  z-index:9999;
}
.subm_klein {
  width: 200px;
  padding: 10px;
  flex-wrap: none;
  justify-content: none;
  left: 75%;
  background:#fff;
}
.submenu[aria-hidden="false"] {
  display: flex;
}

.subm_klein[aria-hidden="false"] {
  display: block;
}

.submenu li {
  flex: 1 0 auto;
  text-align: center;
}

.submenu a {
  display: block;
  padding: 40px 1em 1em 1em;
  color: #004d66;
  text-decoration: none;
}

.submenu a:hover, .submenu a:focus {
  background: #b2ebf2;
}

.subm_klein a {
  padding: 5px;
  color: #004d66;
  text-decoration: none;
}

.subm_klein a:hover, .submenu a:focus {
  background: none;
}

.rot {position:absolute;z-index:101;right:0;top:20px;background:rgba(153,0,0,.6);font-size:.8em;color:white;width:16px;height:16px;text-align:center;border-radius:8px;}
.l_blau {color:#ffffff !important;background-color:#00426f;padding:6px 12px;cursor:pointer;width:110px;margin-top:5px;text-align:center;}
.l_blau:hover {color:#ffffff !important;background-color:#00426f !important;border:1px solid #00426f;}

.visually-hidden {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}
.scroll-top-button {
  position: absolute;
  right: 2%;
  padding: 20px;
  background: none;
  border: none;
  cursor: pointer;
}
.scroll-top-button:focus {
  outline: 3px solid #005fcc;
  outline-offset: 4px;
}
.banner_overlay_video {
  background: none;
  border: none;
  cursor: pointer;
  padding: 2rem;
  text-align: center;
  max-width: 1400px;
  width: 100%;
  font-size:2.5vw;
}

.banner-text {
  text-shadow: 0 0 0.9vw gray;
  font-size: 1.2em;
  color: #fff;
  text-transform: none;
}
.infobutton {
  background-color: #ffcc00;
  color: #00426f;
  border: none;
  padding: 8px 16px;
  font-size:12px;
  border-radius: 5px;
  cursor: pointer;
  float: right;
}
.infobutton:hover {color:#fff;}

@media (max-width: 1250px) {
 nav a, nav button {
      padding: 30px 3px 3px 3px;
      font-size: 0.9em;
    }
}

@media (max-width: 1100px) {
  .mobile_oben {
	display:flex;flex-wrap:wrap;justify-content:space-between;
  }
  .menu-toggle {
    display: block;
  }

  .menu {
    display: none;
    flex-direction: column;
    background: #fff;
  }

  .menu.show {
    display: flex;
  }

  nav a, nav button {
      padding: 5px;
    }
 .l_symb{padding:5px;}

  .submenu {
    position: static;
    display: none;
    flex-direction: column;
    background: #fff;
    padding: 0.5em 1em;
	box-shadow:none;
  }

  .submenu[aria-hidden="false"] {
    display: flex;
  }

  .submenu a {
    padding: 0.5em 1em;
    padding-left: 2em; /* Einrückung */
    color: #004d66;
  }
 .mli_6 img{display:none;}
 .mli_5 img{display:none;}
 .mli_4 img{display:none;}
 .mli_6 br{display:none;}
 .mli_5 br{display:none;}
 .mli_4 br{display:none;}
 #logo_display{display: none;}
 #suche_display{display: none;}
 .suche_m{position:relative;}
 
#mh_physio{background:#cce4b9;}
#mh_wellness{background:rgb(251,208,159);}
#mh_erziglu{background:rgb(108,189,205);}
#mh_restaurant{background:rgb(234,168,134);}
#mh_sauna{background:#ffe697;}
#mh_therme{background:rgb(148,207,227);}
#mh_heilbad{background:rgb(178,223,209);}
#mh_auszeit{background:rgb(198,225,233);}
#mh_kur{background:rgb(220,239,215);}
#mh_region{background:rgb(201,229,185);}
#mh_kurtaxe{background:rgb(168,210,197);}
#mh_veranst{background:rgb(141,162,185);}
#mh_anfahrt{background:rgb(151,175,188);}
#mh_stellen{background:rgb(162,183,200);}
#mh_prospekt{background:rgb(185,202,216);}

#anmelden_display{display:none;}
#anmelden_mobil{display:block;}
#wk_display{display:none;}
#wk_mobil{display:block;}
.mob_pfeil {font-size:1.4em;vertical-align:middle;}
.mob_pfeil1 {font-size:12px;padding-right:5px;}
.mob_platz{}
}
@media (min-width: 1100px) {
.mli_6{width:16%;}
.mli_5{width:20%;}
.mli_4{width:25%;}

#mh_physio{background:url("eigene_bilder/warmbad_menu_bild_16.png") no-repeat; background-position:right;}
#mh_physio a:hover{background:#cce4b9;}
#mh_wellness{background:url("eigene_bilder/warmbad_menu_bild_15.png") no-repeat; background-position:right;}
#mh_wellness a:hover{background:rgb(251,208,159);}
#mh_erziglu{background:url("eigene_bilder/warmbad_menu_bild_35.jpg") no-repeat; background-position:right;}
#mh_erziglu a:hover{background:rgb(108,189,205);}
#mh_restaurant{background:url("eigene_bilder/warmbad_menu_bild_17.png") no-repeat; background-position:right;}
#mh_restaurant a:hover{background:rgb(234,168,134);}
#mh_sauna{background:url("eigene_bilder/warmbad_menu_bild_14.png") no-repeat; background-position:right;}
#mh_sauna a:hover{background:rgb(234,168,134);}
#mh_therme{background:url("eigene_bilder/warmbad_menu_bild_13.png") no-repeat; background-position:right;}
#mh_therme a:hover{background:rgb(148,207,227);}
#mh_heilbad{background:url("eigene_bilder/m2_1.jpg") no-repeat; background-position:right;}
#mh_heilbad a:hover{background:rgb(178,223,209);}
#mh_auszeit{background:url("eigene_bilder/m2_2.jpg") no-repeat; background-position:right;}
#mh_auszeit a:hover{background:rgb(198,225,233);}
#mh_kur{background:url("eigene_bilder/m2_3.jpg") no-repeat; background-position:right;}
#mh_kur a:hover{background:rgb(220,239,215);}
#mh_region{background:url("eigene_bilder/m2_4.jpg") no-repeat; background-position:right;}
#mh_region a:hover{background:rgb(201,229,185);}
#mh_kurtaxe{background:url("eigene_bilder/m2_5.jpg") no-repeat; background-position:right;}
#mh_kurtaxe a:hover{background:rgb(168,210,197);}
#mh_veranst{background:rgb(141,162,185); background-position:right;}
#mh_veranst a:hover{background:rgb(141,162,185);}
#mh_anfahrt{background:rgb(151,175,188); background-position:right;}
#mh_anfahrt a:hover{background:rgb(151,175,188);}
#mh_stellen{background:rgb(162,183,200); background-position:right;}
#mh_stellen a:hover{background:rgb(162,183,200);}
#mh_prospekt{background:rgb(185,202,216); background-position:right;}
#mh_prospekt a:hover{background:rgb(185,202,216);}
#anmelden_display{display:block;}
#anmelden_mobil{display:none;}
#wk_display{display:block;}
#wk_mobil{display:none;}


.mobile_oben{display: none;}
#logo_display{display: block;}
.mob_pfeil{display:none;}
.mob_pfeil1{display:none;}
.mob_platz{display:none;}
}
/* Menü Ende */