@media screen and (max-width: 1100px) {
#click_aquafit, #click_geistalbad, #click_therme { width: 130px; height: 81px; background-size: cover; }
}


@media screen and (max-width: 1023px) {
body { overflow-x: hidden; }
h1, .content_dreier H1 { font-size: 22px; line-height: 30px; }
h2 { font-size: 20px; line-height: 26px; }
h3 { font-size: 17px; }
h4 { font-size: 16px; }
#aquafit_rechts, #geistalbad_links, #therme_rechts { display: none; }
#aquafit_responsive, #geistalbad_responsive, #therme_responsive { display: block; }
table td { font-size: 12px; }
#click_menu { cursor: pointer; font-weight: 700; display: block; height: 50px; color: #FFF; text-transform: uppercase; line-height: 50px; font-size: 16px; text-align: left; background-image : url('../../img/mobile_menu.png'); background-repeat : no-repeat; background-position : left 10px center;; padding-left: 60px; }
#menu_master { display: none; }
A.menu, A.menu_aktiv, #click_home { display: block; text-align: left; border-top: 1px solid white; }
#click_home { background-position: top 13px left 17px; padding-left: 52px; }
#content_1017 { text-align: center; padding: 10px; box-sizing: border-box; }
.content_inner { padding: 20px; }
.trenner { display: block; width: auto; padding: 10px; box-sizing: border-box; text-align: center; margin: 0 auto; }
.trenner2 { display: none; }
.menu_unten_inner { display: inline-block;  text-align: left; padding: 10px; margin: 0 auto;   }
}


@media screen and (max-width: 850px) {
#auswahl { min-height: auto; }
#auswahl_welcome { display: block; text-align: center;  width: 100%; box-sizing: border-box; font-size: 20px; }
#auswahl_signets { display: none; }
}


@media screen and (max-width: 480px) {
.header_bild { max-height: 100px; width: auto; }
#aquafit_links, #geistalbad_rechts, #therme_links {  display: block; width: 100%; background-position: top center; background-repeat: no-repeat; padding-top: 5px; text-align: center; }
.menu_unten_inner { display: block; text-align: center;  }
}