/****************** * AQUASU  Übersicht ******************/
/****************** * AQUASU  Übersicht ******************/


.RESPONSIVE.AQUASU.PAGE-category .BANNER {
  margin-top:30px;
  margin-bottom:40px;
  border:1px solid #ddd;
  position:relative;
  display:block;
  padding:0 !important;
}

.RESPONSIVE.AQUASU.PAGE-category .BANNER p {
  padding:0 !important;
}
.RESPONSIVE.AQUASU.PAGE-category .LOGO {
  width:220px;
  padding:10px 20px;
}
.RESPONSIVE.AQUASU.PAGE-category .TEXT {
  padding-top:15px;
  padding-left:40px;
}
.RESPONSIVE.AQUASU.PAGE-category .TEXT p {
  color:#000;
  font-size: 23px;
  line-height: 1.2em;
  text-decoration: none;
}
.RESPONSIVE.AQUASU.PAGE-category .BUTTON {
  position:absolute;
  bottom:0;
  right:0;
  background-color:#cadd99;
  padding:5px 10px;
  width:200px;
  text-align:center;
  color:#000;
}
.RESPONSIVE.AQUASU.PAGE-category .BUTTON p span {
  font-weight:bold;
}


.RESPONSIVE.AQUASU.PAGE-category .BANNER.ARMATUREN {
  background: url(/web/20230314081047im_//fileadmin/templates/sanitop.de/img/marken/aquasu/banner_bg_aq_armaturen_m.jpg) no-repeat;   
}
.RESPONSIVE.AQUASU.PAGE-category .BANNER.ARMATUREN:before {
  content: "";
  background: url(/web/20230314081047im_//fileadmin/templates/sanitop.de/img/marken/aquasu/banner_armaturen_tn.png) top center / 96px 110px no-repeat;
  position:absolute;
  top:-13px;
  right:233px;
  width:96px;
  height:110px;
  -webkit-filter: drop-shadow(1px 3px 3px #999);
  filter:         drop-shadow(1px 3px 3px #999);
}
.RESPONSIVE.AQUASU.PAGE-category .BANNER.ARMATUREN .BUTTON {
  background-color:#cadd99;
}
.RESPONSIVE.AQUASU.PAGE-category .BANNER.ARMATUREN .BUTTON p {
  color:#000;
}
.RESPONSIVE.AQUASU.PAGE-category .BANNER.BRAUSEN {
  background: url(/web/20230314081047im_//fileadmin/templates/sanitop.de/img/marken/aquasu/banner_bg_aq_brausen_m.jpg) no-repeat;   
}
.RESPONSIVE.AQUASU.PAGE-category .BANNER.BRAUSEN:before {
  content: "";
  background: url(/web/20230314081047im_//fileadmin/templates/sanitop.de/img/marken/aquasu/banner_brausen_tn.png) top center / 65px 110px no-repeat;
  position:absolute;
  top:-10px;
  right:264px;
  width:65px;
  height:110px;
  -webkit-filter: drop-shadow(1px 3px 3px #999);
  filter:         drop-shadow(1px 3px 3px #999);
}

.RESPONSIVE.AQUASU.PAGE-category .BANNER.WELLNESS {
  background: url(/web/20230314081047im_//fileadmin/templates/sanitop.de/img/marken/aquasu/banner_bg_aq_wellness_m.jpg) no-repeat;
}
.RESPONSIVE.AQUASU.PAGE-category .BANNER.WELLNESS:before {
  content: "";
  background: url(/web/20230314081047im_//fileadmin/templates/sanitop.de/img/marken/aquasu/banner_wellness_tn.png) top center / 61px 110px no-repeat;
  position:absolute;
  top:-12px;
  right:273px;
  width:61px;
  height:110px;
  -webkit-filter: drop-shadow(1px 3px 2px #787878);
  filter:         drop-shadow(1px 3px 2px #787878);
}
.RESPONSIVE.AQUASU.PAGE-category .BANNER.WELLNESS .BUTTON {
  background-color:#620b38;
  color:#fff;
}


.RESPONSIVE.AQUASU.PAGE-category .BANNER.DESIGN-STOPFEN {
  background-color:#000;
  border:1px solid #fff;
}
.RESPONSIVE.AQUASU.PAGE-category .BANNER.DESIGN-STOPFEN:before {
  content: "";
  background: url(/web/20230314081047im_//fileadmin/templates/sanitop.de/img/marken/aquasu/banner_design-stopfen_tn.png) top center / 110px 88px no-repeat;
  position:absolute;
  top:10px;
  right:250px;
  width:110px;
  height:88px;
  -webkit-filter: drop-shadow(1px 0px 2px #333);
  filter:         drop-shadow(1px 0px 2px #333);
}
.RESPONSIVE.AQUASU.PAGE-category .BANNER.DESIGN-STOPFEN p {
  color:#fff;
}
.RESPONSIVE.AQUASU.PAGE-category .BANNER.DESIGN-STOPFEN .LOGO {
  padding:16px 20px 4px 20px;
  position:relative;
}
.RESPONSIVE.AQUASU.PAGE-category .BANNER.DESIGN-STOPFEN .LOGO span {
  background-color:#8dcdc6;
  color:#000;
  position:absolute;
  right:-55px;
  top:29px;
  width:85px;
  text-align:center;
  text-transform:uppercase;
  padding-bottom:2px;
  -webkit-transform: rotate(90deg);/* Safari */
  -moz-transform: rotate(90deg);/* Firefox */
  -ms-transform: rotate(90deg);/* IE */
  -o-transform: rotate(90deg);/* Opera */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);/* Internet Explorer */
  transform: rotate(90deg); /* W3C */
}

.RESPONSIVE.AQUASU.PAGE-category .BANNER.DESIGN-STOPFEN .BUTTON {
  background-color:#8dcdc6;
}
.RESPONSIVE.AQUASU.PAGE-category .BANNER.DESIGN-STOPFEN .BUTTON p {
  color:#000;
}


.RESPONSIVE.AQUASU.PAGE-category .BANNER.KERAMIK {
  background-color:#000;
  border:1px solid #fff;
}
.RESPONSIVE.AQUASU.PAGE-category .BANNER.KERAMIK:before {
  content: "";
  background: url(/web/20230314081047im_//fileadmin/templates/sanitop.de/img/marken/aquasu/banner_keramik_tn.png) top center / 150px 93px no-repeat;
  position:absolute;
  top:12px;
  right:217px;
  width:150px;
  height:93px;
  -webkit-filter: drop-shadow(2px 0px 4px #333);
  filter:         drop-shadow(2px 0px 4px #333);
}
.RESPONSIVE.AQUASU.PAGE-category .BANNER.KERAMIK p {
  color:#fff;
}
.RESPONSIVE.AQUASU.PAGE-category .BANNER.KERAMIK .LOGO {
  border-right:3px solid #fff;
  width:223px;
}
.RESPONSIVE.AQUASU.PAGE-category .BANNER.KERAMIK .TEXT {
  padding-left:37px;
}
.RESPONSIVE.AQUASU.PAGE-category .BANNER.KERAMIK .BUTTON {
  background-color:#fff;
  border:1px solid #000;
}
.RESPONSIVE.AQUASU.PAGE-category .BANNER.KERAMIK .BUTTON p {
  color:#000;
}


.RESPONSIVE.AQUASU.PAGE-category .BANNER.WANNEN {
  background-color:#000;
  background: url(/web/20230314081047im_//fileadmin/templates/sanitop.de/img/marken/aquasu/banner_bg_aq_wannen1_m.jpg) no-repeat;
  border:1px solid #fff;
}
.RESPONSIVE.AQUASU.PAGE-category .BANNER.WANNEN:before {
  content: "";
  background: url(/web/20230314081047im_//fileadmin/templates/sanitop.de/img/marken/aquasu/aq_wannen/801690_A_oNno_tn.jpg) top center / 150px 67px no-repeat;
  position:absolute;
  top:30px;
  right:216px;
  width:150px;
  height:67px;
  -webkit-filter: drop-shadow(1px 0px 4px #333);
  filter:         drop-shadow(1px 0px 4px #333);
}
.RESPONSIVE.AQUASU.PAGE-category .BANNER.WANNEN p {
  color:#fff;
}
.RESPONSIVE.AQUASU.PAGE-category .BANNER.WANNEN .LOGO {
  border-right:3px solid #fff;
  width:223px;
}
.RESPONSIVE.AQUASU.PAGE-category .BANNER.WANNEN .TEXT {
  padding-left:37px;
}
.RESPONSIVE.AQUASU.PAGE-category .BANNER.WANNEN .BUTTON {
  background-color:#009ee3;
}
.RESPONSIVE.AQUASU.PAGE-category .BANNER.WANNEN .BUTTON p {
  color:#fff;
}





/****************** * AQUASU  Allgemein ******************/
/****************** * AQUASU  Allgemein ******************/

.AQUASU .LOGO {
  background-color:#000;
  padding:20px;
  max-width:240px;
}
.RESPONSIVE.AQUASU .LOGO {
  margin-left:0;
}

.AQUASU .section.main.BUTTONS {
  padding:20px;
}
.AQUASU.sw-content.WIROFLEX .button.konfig .img-auto {
  width: 31px;
}

.AQUASU .tip-static:after {  /* Container */
  background: #fff;
  left:-50%;
}
.AQUASU .tip-static:before { /* Dreieck */
  border-bottom-color:#fff;
}
.AQUASU .var.tip-static:after {  /* Container */
  background: #fff none repeat scroll 0 0;
  left:-40%;
}
.AQUASU .var.tip-static:before { /* Dreieck */
  border-bottom-color:#fff;
}

@media (max-width: 480px) {   /*  */
.AQUASU .tip-static:after {  /* Container */
  background: #fff;
  left:10%;
}
.AQUASU .var.tip-static:after {  /* Container */
  left:10%;
}
}

/****************** * AQUASU BRAUSEN ******************/
/****************** * AQUASU BRAUSEN ******************/
.AQUASU.BRAUSEN .head {
  color:#000;      
}

.AQUASU.BRAUSEN h2 {
  text-transform:uppercase;      
}

.AQUASU.BRAUSEN .aquaSu-bubble {
  background-color: #000;
  padding:15px 20px;
  display: block;
  margin-bottom:20px;
  color:#fff;
  text-transform:uppercase;
  font-size: 1.3em;
  border-radius: 10px;
  position:relative;
  left:-20px;
}
.AQUASU.BRAUSEN .aquaSu-bubble:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-top: 20px solid #000;
  border-left: 35px solid transparent;
  left: 30px;
  top: 50px;
}







.AQUASU.BRAUSEN .head .article > div {
  background-color:#b9ce00;  
  overflow:hidden;
  padding:20px;
}
@media (min-width:600px){
.AQUASU.BRAUSEN .head .article > div {
  max-height:400px;
}}
@media (max-width:600px){
.AQUASU.BRAUSEN .head .article > div {
  float:none;
  padding:20px 15px 0 35px;
}}
@media (max-width:600px){
.AQUASU.BRAUSEN .head .article > div > div {
  margin-left:auto;
  margin-right:auto;
}}

.AQUASU.BRAUSEN .head .st-float-box > img {
  max-height:350px;
}

.AQUASU.BRAUSEN .article.PICTURE > div {
  display:flex;
  justify-content:center;
  background-color:#eee;  
  /*overflow:hidden;*/
  position:relative;
}
@media (min-width:800px) {
.AQUASU.BRAUSEN .article.PICTURE > div {
  height:350Px;
}}
@media (min-width:480px;) {
  .AQUASU.BRAUSEN .article.PICTURE .img {
    width:25%;
}}
.AQUASU.BRAUSEN .article.PICTURE .img {
  padding:65px 20px 20px;
}

.AQUASU.BRAUSEN .article.PICTURE .img img {
  max-height: 280px;
  height: auto;
}
.AQUASU.BRAUSEN .article.PICTURE h1 {
  flex:none;
  background-color:#000;
  text-align:center;
  color:#fff;
  text-transform:uppercase;
  width:80%;
  position:relative;
  margin-bottom:-30px;
  margin-left:auto;
  margin-right:auto;
  padding:10px;
  z-index:1;
}
.AQUASU.BRAUSEN .article.PICTURE h1 span {
  font-family: "Myriad Pro 1167301","Helvetica Neue",Helvetica,Arial,sans-serif;
}
.AQUASU.BRAUSEN .article.PICTURE .info {
  position:absolute;
  bottom:-16px;
  right:20px;
  padding:10px 15px;
  color:#fff;
  font-size:1.2em;
  background-color:#000;
  border-radius:10px;
}
@media (min-width:800px) {
.AQUASU.BRAUSEN .article.PICTURE .info {
  bottom:40px;
  right:175px;
}}
.AQUASU.BRAUSEN .article.PICTURE .info:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-top: 19px solid #000;
  border-left: 27px solid transparent;
  left: -26px;
  top: 12px;
}
.AQUASU.BRAUSEN .article.PICTURE {
  position:relative;
}

.AQUASU.BRAUSEN .PICTURE.zoll-1-2 h1:before {
  content:url("http://web.archive.org/web/20230314081047im_/http://www.sanitop-wingenroth.de/fileadmin/templates/sanitop.de/img/marken/aquasu/aq_brausen/aquaSu_1-2_Zoll_WEB.svg");
  width:50px;
  position:absolute;
  z-index:99;
  display:block;
}
@media (min-width:480px) {
.AQUASU.BRAUSEN .PICTURE.zoll-1-2 h1:before {
  bottom:-52px;
  left:-32px;
}}
@media (max-width:480px) {
.AQUASU.BRAUSEN .PICTURE.zoll-1-2 h1:before {
  bottom:-38px;
  left:-16px;
}}

/*
.AQUASU.BRAUSEN .zoll-1-2 {
  position:relative;
  z-index:1;
}
@media (min-width:481px) {
.AQUASU.BRAUSEN .zoll-1-2 {
  width:50px;
  top:90px;
  left:50px;
}
}
@media (max-width:480px) {
.AQUASU.BRAUSEN .zoll-1-2 {
  width:50px;
  top:65px;
  left:15px;
}
}*/


/********* Brausen Piktos **********/


.AQUASU.BRAUSEN .HIGHLIGHT .PIKTO {
  position:relative;
  margin-bottom:20px;
  color:#000;
}
.AQUASU.BRAUSEN .HIGHLIGHT .PIKTO .TEXT p {
  padding-right:30px;
}
.AQUASU.BRAUSEN .HIGHLIGHT .PIKTO:before {
  content:"";
  z-index:-1;
  position:absolute;
  left:-20px;
  top:-20px;
  background-color: #b9ce00;
  width:100%;
  height: calc(100% + 20px);
}
.AQUASU.BASIC .HIGHLIGHT .PIKTO:before {
  content:"";
  background-color: #c3003c !important;
}
.AQUASU.BASIC .HIGHLIGHT .PIKTO {
    color: #fff;
}
}
.AQUASU.BRAUSEN .PIKTOS .PIKTO {
  float:left;
}
.AQUASU .article.PICTURE .img img {
  filter: drop-shadow(0.05rem 0.05rem 2px rgba(0, 0, 0, 0.1));
}
/*.AQUASU .article.PICTURE .img img::after {
  content:"";
  position:relative;
  z-index:99;
  filter: drop-shadow(0.25rem 0.25rem 2px rgba(0, 0, 0, 0.2));
}*/

/*------DESKTOP-------*/
@media (min-width:801px) {
.AQUASU.BRAUSEN .PIKTOS .PIKTO {
  width:calc(100%/24*8);
  height:220px;
}
.AQUASU.BRAUSEN .PIKTOS.more-height .PIKTO {
  width:calc(100%/24*8);
  height:260px;
}
.AQUASU.BRAUSEN .PIKTOS .PIKTO .img {
  width:calc(100%/24*9);
}
.AQUASU.BRAUSEN .PIKTOS .PIKTO .TEXT {
  width:calc(100%/24*15);      
}
}

/*------TABLET-------*/
@media (min-width:601px) and (max-width:800px){
.AQUASU.BRAUSEN .PIKTOS .PIKTO {
  width:calc(100%/24*12);
  height:150px;
}}
@media (max-width:600px){
.AQUASU.BRAUSEN .PIKTOS .PIKTO {
  width:100%;
}}
@media (max-width:800px) {
.AQUASU.BRAUSEN .PIKTOS .PIKTO .img {
  width:calc(100%/24*7);
}}
@media (max-width:800px) {
.AQUASU.BRAUSEN .PIKTOS .PIKTO .TEXT {
  width:calc(100%/24*17);
}}
@media (max-width:800px) {
.AQUASU.BRAUSEN .PIKTOS .PIKTO .TEXT p {
  line-height:1.5em;
}}
/*------MOBILE-------*/
@media (max-width:480px){
.AQUASU.BRAUSEN .PICTURE .img.N02,
.AQUASU.BRAUSEN .PICTURE .img.N03 {
  display:none;
}}


.AQUASU.BRAUSEN .PIKTOS .PIKTO .img img {
  /*border: 1px solid #000;
  border-radius:10px;*/
  
}
.AQUASU.BRAUSEN .PIKTOS .PIKTO .img object::before {
  content:"";
  border: 1px solid #000;
  border-radius:10px;
  z-index:9999;
  position:relative:
    width:100%;
  height:auto;
}

.AQUASU.BRAUSEN .back.button,
.AQUASU.BRAUSEN .download.button {
  background:#000;      
}
.AQUASU.BRAUSEN .tip-static:before { /* Dreieck */
  border-bottom-color:#b9ce00;
}
.AQUASU.BRAUSEN .var.tip-static:after {  /* Container */
  background: #b9ce00 none repeat scroll 0 0;
}

.AQUASU.BRAUSEN .st-full-color-box {
  background:#b9ce00;      
}

.AQUASU.BRAUSEN .st-full-color-box p,
.AQUASU.BRAUSEN .st-full-color-box h2 {
  color:#fff;      
}
.AQUASU.BRAUSEN .button {
  font-size: 27px;
  text-transform: uppercase;
  background: #b9ce00;
  margin:0 40px 40px 0px;
}
.AQUASU.BASIC .button {
  background: #c3003c !important;
}



.RESPONSIVE.AQUASU.BRAUSEN .tip-static:after {
  content: attr(data-tooltip);
  position: absolute;
  bottom: 0px;
  background: #fff;
  padding: 5px 15px;
  color: black;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  white-space:normal;
  line-height: 1.2em;
  width: 150px;
  text-align: right;
  left:-120px
}
.RESPONSIVE.AQUASU.BRAUSEN .tip-static:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-bottom: 15px solid transparent;
  border-left: 25px solid #fff;
  border-right: 20px solid transparent;
  
  left:30px;
  bottom: 25px;
}
.AQUASU.BRAUSEN.QUALITY .img.flower-box img {
  max-width:170px;
}
.AQUASU.BRAUSEN.QUALITY .img.flower-box {
  margin-top:-50px;
}




/********* Brausen Bottom **********/
.AQUASU.BRAUSEN.QUALITY .img img {
  width:100%;
  max-width:100px;
}
.AQUASU.BRAUSEN .st-full-color-box.FSC h2 {
  padding-top:20px;
  color:#000;
}
.AQUASU.BRAUSEN .st-full-color-box.FSC p {
  color:#000;
}
.AQUASU.BRAUSEN hr {
  border-top:0px; /* Überschreibt Bootsprap Style */
  border: 1px solid #b9ce00;
  width:calc(100%/24*20);
  float:right;
  margin-bottom:20px;
  margin-top:-5px;
  z-index:9999;
}
.AQUASU.BASIC hr {
  border: 1px solid #c3003c !important;
}

/****************** * AQUASU KERAMIK  Allgemein ******************/
/****************** * AQUASU KERAMIK  Allgemein ******************/


.AQUASU.KERAMIK .BASIC {     background:#fff;     /** * weiß **/  }
.AQUASU.KERAMIK .GREEN {     background:#c0c46a;  /** * green **/ }
.AQUASU.KERAMIK .DESIGN {    background:#5a443c;  /** *  **/ }
.AQUASU.KERAMIK .DELUXE {    background:#5e5e5e;  /** *  **/}
.AQUASU.KERAMIK .COMFORT {   background:#dbccac;  /** *  **/}
.AQUASU.KERAMIK .WC-STYLE {  background:#729cb6;  /** *  **/}


.AQUASU.KERAMIK h1,
.AQUASU.KERAMIK h2,
.AQUASU.KERAMIK p,
.AQUASU.KERAMIK h2,
.AQUASU.KERAMIK h3,
.AQUASU.KERAMIK ol,
.AQUASU.KERAMIK ul,
.AQUASU.KERAMIK li,
.AQUASU.KERAMIK .button-text {
  color:#ffffff;           /** * weiss  **/
}

.AQUASU.KERAMIK a:link.BASIC,
.AQUASU.KERAMIK a:visited.BASIC,
.AQUASU.KERAMIK a:hover.BASIC,
.AQUASU.KERAMIK a:active.BASIC,
.AQUASU.KERAMIK h3.BASIC,
.AQUASU.KERAMIK a:link.GREEN,
.AQUASU.KERAMIK a:visited.GREEN,
.AQUASU.KERAMIK a:hover.GREEN,
.AQUASU.KERAMIK a:active.GREEN,
.AQUASU.KERAMIK h3.GREEN ,
.AQUASU.KERAMIK a:link.COMFORT,
.AQUASU.KERAMIK a:visited.COMFORT,
.AQUASU.KERAMIK a:hover.COMFORT,
.AQUASU.KERAMIK a:active.COMFORT,
.AQUASU.KERAMIK h3.COMFORT  {
  color:#000 !important;       
  text-decoration:none;
}
.AQUASU.KERAMIK a:link.DESIGN,
.AQUASU.KERAMIK a:visited.DESIGN,
.AQUASU.KERAMIK a:hover.DESIGN,
.AQUASU.KERAMIK a:active.DESIGN,
.AQUASU.KERAMIK h3.DESIGN,
.AQUASU.KERAMIK a:link.DELUXE ,
.AQUASU.KERAMIK a:visited.DELUXE ,
.AQUASU.KERAMIK a:hover.DELUXE ,
.AQUASU.KERAMIK a:active.DELUXE ,
.AQUASU.KERAMIK h3.DELUXE ,
.AQUASU.KERAMIK a:link.WC-STYLE,
.AQUASU.KERAMIK a:visited.WC-STYLE,
.AQUASU.KERAMIK a:hover.WC-STYLE,
.AQUASU.KERAMIK a:active.WC-STYLE,
.AQUASU.KERAMIK h3.WC-STYLE,
.AQUASU.KERAMIK a:link,
.AQUASU.KERAMIK a:visited {
  color:#fff;
  text-decoration:none;
}
.AQUASU.KERAMIK a:hover,
.AQUASU.KERAMIK a:active {
  color:#fff;
  text-decoration:underline;
}


/****************** * AQ KERAMIK - CONTENT head ************/

@media (max-width: 550px) {
.AQUASU.KERAMIK .section.head .text h1 {
  padding-bottom:13px;
}
}
/****************** * AQ KERAMIK - CONTENT main ************/

.AQUASU.KERAMIK.sw-content .section.main {
  padding-top:20px;
}
.AQUASU.KERAMIK.sw-content h2 {
  padding-top: 20px;
}

.AQUASU.KERAMIK .section.main .box,
.AQUASU.KERAMIK .section.main ul.box { /* Styles aus Main.css überschrieben */
  overflow:hidden;  
  float:left;
  padding-bottom:20px;
  padding-right:20px;
}


/****************** * AQ KERAMIK - CONTENT bereich ************/



/* ID "BEREICHE" */

.AQUASU.KERAMIK a:link.BEREICH,
.AQUASU.KERAMIK h3.BEREICH   {
  display:block;
  text-transform:uppercase;
  text-align:center;
  font-size: 25px;
  font-weight: 200;
  line-height: 25px;
}
.AQUASU.KERAMIK a:link.BEREICH  {
  padding-top:15px;
  padding-bottom:15px;
}
.AQUASU.KERAMIK h3.BEREICH  {
  padding-top:6px;
  padding-bottom:6px;
}





@media (max-width: 480px) {
.AQUASU.KERAMIK #BEREICHE a:link {
  padding-top:10px;
  padding-bottom:10px;
  font-size: 20px;
  line-height: 21px;
}
}
.AQUASU.KERAMIK #BEREICHE a span {
  margin-top:10px;
  display:inline-block;
  text-transform:none;
  font-style:italic;
  text-align:center;
  font-size: 17px;
  font-weight: normal;
  line-height: 24px;
}
@media (max-width: 515px) {
.AQUASU.KERAMIK #BEREICHE a span {
  margin-top:8px;
  font-size: 14px;
  line-height: 20px;
}
}
@media (max-width: 400px) {
.AQUASU.KERAMIK #BEREICHE a span {
  display:none;
}
}

.AQUASU.KERAMIK .BEREICH > h3 {
  display:block;
  padding-top:5px;
  padding-bottom:8px;
  text-transform:uppercase;
  text-align:center;
  font-size: 25px;
  font-weight: 200;
  line-height: 25px;
}
.AQUASU.KERAMIK ul.st-margin-top-flex {
  margin-top:10px;
}
@media (max-width: 800px) {
.AQUASU.KERAMIK ul.st-margin-top-flex {
  margin-top:30px;
}
}



.AQUASU.KERAMIK .head {
  overflow:hidden;
  background:#000;      /** * ALT 606163 dunkelgrau (77% schwarz) **/
}
.AQUASU.KERAMIK .main {
  margin-top:10px;
  overflow:hidden;
  background:#000000;      /** * dunkelgrau (77% schwarz) **/
}
















/****************** * AQ-MINERALGUSS - CONTENT () ************/
.AQUASU.KERAMIK #AUFSATZ-INFOBOX {                 
  overflow:hidden;
  background:#606163;      /** * dunkelgrau (77% schwarz) **/
}

.AQUASU.KERAMIK #AUFSATZ-INFOBOX h6 {                 
  padding:7px 20px;
  color:#000;
  background:#fff;
  margin-bottom:10px;
  margin-left:-20px;
}
.AQUASU.KERAMIK #AUFSATZ-INFOBOX p span {                 
  
}




.AQUASU.KERAMIK .right-button-text-container {
  /*margin-right:55px;*/
}
.AQUASU.KERAMIK .button-container {
  margin-left:55px;
}
.AQUASU.KERAMIK .back.button,
.AQUASU.KERAMIK .download.button {
  background:#606163;      /** * dunkelgrau (77% schwarz) **/
}
.AQUASU.KERAMIK .back.button {
  margin-left:0px;
}
.AQUASU.KERAMIK .download.button {
  margin-right:0px;
}








/****************** * AQ-MINERALGUSS - GALLERY () ************/
.AQUASU.KERAMIK .SE-GALLERY-COL3-01 {                 
  margin-top:20px;
  margin-left:55px;
  margin-right:55px;
}

.AQUASU.KERAMIK .SE-GALLERY-COL3-01 .gallery {                       /* Elternteil der Gallery */
  overflow:hidden;
}
.AQUASU.KERAMIK .SE-GALLERY-COL3-01 .gallery div {                   /* Gilt für alle Saplten */
  float:left;
  overflow:hidden;
  width:265px;
  padding-bottom:20px;
  margin-right:10px;
  margin-top:10px;
}
.AQUASU.KERAMIK .SE-GALLERY-COL3-01 .gallery div img {
  width:84px;
  height:84px;
  margin-right:10px;
}
.AQUASU.KERAMIK .SE-GALLERY-COL3-01 .gallery div h6,
.AQUASU.KERAMIK .SE-GALLERY-COL3-01 .gallery div p {
  width:161px;;
}
.AQUASU.KERAMIK .SE-GALLERY-COL3-01 .gallery div img,
.AQUASU.KERAMIK .SE-GALLERY-COL3-01 .gallery div h6,
.AQUASU.KERAMIK .SE-GALLERY-COL3-01 .gallery div p {
  float:left;
  line-height:1.3em;
}







/****************** * AQ Buttons & Labels () ************/

.AQUASU.KERAMIK div.st-label,
.AQUASU.KERAMIK div.st-label-2 {
  position:relative;
}
.AQUASU.KERAMIK div.st-label p {
  border:1px solid #fff;
  background-color:#000;
  padding:5px 11px 5px 15px;
  display:inline; /* Damit nicht 100% Breite */
  font-size:14px;
  color:#fff;
  text-transform:uppercase;
  white-space:nowrap;
  position:absolute;
  top:-29px;
  left:43%;
}
.AQUASU.KERAMIK div.st-label p:before {
  content: url(/web/20230314081047im_//fileadmin/templates/sanitop.de/img/marken/aquasu/aq_keramik/aquaSu_i_P_WEISS.png);
  position:absolute;
  top:-10px;
  left:-15px;
}
.AQUASU.KERAMIK div.st-label-2 {
  
}
.AQUASU.KERAMIK div.st-label-2 p {
  font-size:18px;
  text-align:center;
  padding:13px 5px;
  line-height:19px;
  background-color:#729cb6;
  /*display:inline;  Damit nicht 100% Breite */
  color:#fff;
  white-space:nowrap;
  position:absolute;
  top:-32px;
  left:60%;
  
  /* circle */
  width: 75px;
  height: 75px;
  -moz-border-radius: 40px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
}
.AQUASU.KERAMIK div.st-label-2 p span {
  font-size:14px;
}
@media (max-width: 800px) {
.AQUASU.KERAMIK div.st-label p {
  position:absolute;
  top:-15px;
  left:20%;
}
.AQUASU.KERAMIK div.st-label-2 p {
  position:absolute;
  top:-22px;
  left:50%;
}
}
@media (max-width: 600px) {
.AQUASU.KERAMIK div.st-label p {
  font-size:11px;
  padding:3px 10px 3px 12px;
  position:absolute;
  top:-15px;
  left:20px;
}
.AQUASU.KERAMIK div.st-label-2 p {
  position:absolute;
  top:-33px;
  left:46%;
}
}

.AQUASU.KERAMIK div.st-link-top {
  float:right;
  margin-right:20px;
  margin-bottom:20px;
}



/****************** * AQUASU WANNEN  Allgemein ******************/
/****************** * AQUASU WANNEN  Allgemein ******************/

.AQUASU.WANNEN .section.head {
  background-color:transparent;
  color:000;
}

.AQUASU.WANNEN .section [class*=icon-wannen-] {
  font-size:6rem;
  color:#009ee3;
}
.AQUASU.WANNEN .section .icon-wannen-flossen { 
  margin-left:-20px;
  margin-top:-35px;
}
.AQUASU.WANNEN .section .icon-wannen-wasserball {
  margin-left:-20px;
  margin-top:-35px;
}
.AQUASU.WANNEN .section .icon-wannen-schwimmfluegel {
  margin-left:-20px;
  margin-top:-35px;
}
.AQUASU.WANNEN .section h1 { 
  font-size:2.5rem; 
  letter-spacing:-0.15rem;
}
.AQUASU.WANNEN .section h2 { 
  font-size:2.0rem; 
  letter-spacing:-0.1rem;
  text-transform:uppercase;
}
.AQUASU.WANNEN .section .subhead {
  text-transform:uppercase;
  padding-bottom:0;
}
.AQUASU.WANNEN a.BEREICH:link {
  font-size:1.2rem; 
}
.AQUASU.WANNEN a.BEREICH:link span {
  letter-spacing:-0.1rem;
}

.AQUASU.WANNEN .section h3 {
  font-size:2.0rem;
  color:#111;
}
.AQUASU.WANNEN .section.main {
  border:0px solid #000;
}
.AQUASU.WANNEN a.BEREICH:link {
  padding-bottom: 15px;
  padding-top: 15px;
}



.AQUASU.WANNEN .section h1,
.AQUASU.WANNEN .section h2,
.AQUASU.WANNEN a.BEREICH:link span,
.AQUASU.WANNEN a.BEREICH:visited span {
  font-family: "DrunkenSerif" !important;
  font-style: normal;
  font-weight: 500;
  color:#009ee3;
}
.AQUASU.WANNEN a.BEREICH:link span {
  text-decoration: none;
}

.AQUASU.WANNEN a.BEREICH:link, 
.AQUASU.WANNEN h3.BEREICH {
  display: block;
  font-weight: 200;
  line-height: 25px;
  text-align: center;
  text-transform: uppercase;
}
.AQUASU.WANNEN a.BEREICH:link, 
.AQUASU.WANNEN a.BEREICH:visited, 
.AQUASU.WANNEN a.BEREICH:hover, 
.AQUASU.WANNEN a.BEREICH:active,
.AQUASU.WANNEN a.BEREICH:focus {
  color: #fff;
  text-decoration: none;
}
.AQUASU.WANNEN a.BEREICH.KOERPERFORM-WANNEN:link img {
  padding:12px 0;
}
.AQUASU.WANNEN a.BEREICH.DUO-WANNEN:link img {
  padding:12px 0 11px 0;
}
.AQUASU.WANNEN a.BEREICH:link img {
  width:200px;
  margin-bottom:10px; 
}

.AQUASU.WANNEN .section.main {
  color: #000;
  padding-top:20px;
}
.AQUASU.WANNEN .section.main.N01 {
  color: #fff;
  background-color:#000;
  padding-top:0px;
}
.AQUASU.WANNEN .section .logo {
  padding:20px 30px 20px 0;
  width:260px;
  height:auto;
}

.AQUASU.WANNEN .section.main .IMG-WANNE {
  padding:35px 25px;
  min-height:460px;
}
.AQUASU.WANNEN .section.main.N03 .IMG-WANNE {
  padding:35px 25px;
  min-height:200px;
}
.AQUASU.WANNEN .section.main.N03 .IMG-WANNE.N01 {
  margin-bottom:-40px;
}
.AQUASU.WANNEN .section.main.N03 .IMG-WANNE.N02 > img {
  width:50%;
  transform: scaleX(-1);
}



.AQUASU.WANNEN .section.main h3 {
  color: #009ee3;
}

@media (min-width:720px) {
.AQUASU.WANNEN .section.main .box-full {
  margin-right:-20px;
}
}
.AQUASU.WANNEN .section.main .LEFT,
.AQUASU.WANNEN .section.main .RIGHT {
  float:left;
}
.AQUASU.WANNEN .section.main .LEFT > div {
  float:left;
  text-align:left;
}
.AQUASU.WANNEN .section.main .RIGHT > div {
  float:right;
  text-align:right;
}
@media (max-width:720px) {
.AQUASU.WANNEN .section.main .RIGHT > div {
  float:left;
  text-align:left;
}
}
.AQUASU.WANNEN .section.main .box-color {
  background-color: #000;
}


.AQUASU.KERAMIK .DELUXE {
  background: #5e5e5e none repeat scroll 0 0;
}
.RESPONSIVE.sw-content .st-color-box, .RESPONSIVE.sw-content .box-color {
  margin-bottom: 20px;
  margin-left: 0;
  margin-right: 20px;
  padding-left: 20px;
}

.AQUASU.WANNEN .section.main .LEFT > div > p,
.AQUASU.WANNEN .section.main .RIGHT > div > p {
  min-height:8em;
}
.AQUASU.WANNEN .section.main.N03 .LEFT > div > p,
.AQUASU.WANNEN .section.main.N03 .RIGHT > div > p {
  min-height:12.5em;
}
@media (max-width:860px) {
.AQUASU.WANNEN .section.main .LEFT > div > p,
.AQUASU.WANNEN .section.main .RIGHT > div > p {
  min-height:10.8em;
}
.AQUASU.WANNEN .section.main.N03 .LEFT > div > p,
.AQUASU.WANNEN .section.main.N03 .RIGHT > div > p {
  min-height:14em;
}
}
@media (max-width:710px) {
.AQUASU.WANNEN .section.main .LEFT > div > p,
.AQUASU.WANNEN .section.main .RIGHT > div > p {
  min-height:6em;
}
}
.AQUASU.WANNEN .section.main .PIKTOS {
  position:relative;
  padding-right:20px;
}
.AQUASU.WANNEN .section.main .PIKTOS > * {
  margin-bottom:8px;
  display:block;
}
.AQUASU.WANNEN .section.main .LEFT .PIKTOS > * {
  float:left;
  margin-right:8px;
}
.AQUASU.WANNEN .section.main .LEFT .PIKTOS .HIGHLIGHT-PIKTO {
  position:absolute;
  left:-68px;
}
@media (max-width:760px) {
.AQUASU.WANNEN .section.main .LEFT .PIKTOS > * {
  margin-right:5px;
  margin-bottom:5px;
}
.AQUASU.WANNEN .section.main .LEFT .PIKTOS .HIGHLIGHT-PIKTO {
  left:-65px;
}
}

.AQUASU.WANNEN .section.main .RIGHT .PIKTOS > * {
  float:right;
  margin-left:8px;
}
.AQUASU.WANNEN .section.main .RIGHT .PIKTOS .HIGHLIGHT-PIKTO {
  position:absolute;
  right:-48px;
}
@media (max-width:760px) {
.AQUASU.WANNEN .section.main .RIGHT .PIKTOS > * {
  margin-left:5px;
  margin-bottom:5px;
}
.AQUASU.WANNEN .section.main .RIGHT .PIKTOS .HIGHLIGHT-PIKTO {
  right:-45px;
}
}
@media (max-width:720px) {
.AQUASU.WANNEN .section.main .RIGHT .PIKTOS > * {
  float:left;
}
.AQUASU.WANNEN .section.main .RIGHT .PIKTOS .HIGHLIGHT-PIKTO {
  left:-65px;
}
}
.AQUASU.WANNEN .section.main .PIKTOS [class^="aq-wannen-icon-"] {
  position:relative;
}
.AQUASU.WANNEN .section.main .PIKTOS [class^="aq-wannen-icon-"]:after {
  color: #fff;
  content: attr(data-tooltip);
  padding: 0;
  position: absolute;
  font-size: 12px;
  letter-spacing: -0.02rem;
  line-height: 0.8rem;
  text-align:center;
}
.AQUASU.WANNEN .section.main .PIKTOS .aq-wannen-icon-hoehe:after {
  top:28px;
  left:23px;
  width: 34px; 
}
.AQUASU.WANNEN .section.main .PIKTOS .aq-wannen-icon-fuellmenge:after,
.AQUASU.WANNEN .section.main .PIKTOS .aq-wannen-icon-liegeflaeche:after {
  top:19px;
  left:0px;
  width:60px;
  
}
.AQUASU.WANNEN .section.main .PIKTOS .aq-wannen-icon-wandstaerke:after {
  top:38px;
  left:7px;
}

.AQUASU.WANNEN .section.main.BUTTONS {
  background-color:#000;
}

.AQUASU.WANNEN .section.main.BUTTONS .button {
  background-color: #009ee3;
}
/****************** * AQUASU bad concept BADWELTEN ******************/

.AQUASU.BADWELTEN.sw-content {
  margin-left: 0px;
  margin-right: 0px;
}
.AQUASU.BADWELTEN.sw-content a:link,
.AQUASU.BADWELTEN.sw-content a:visited,
.AQUASU.BADWELTEN.sw-content a:focus {
  color:#000;
  text-decoration:none;
}

.AQUASU.BADWELTEN.sw-content a:hover {
  color:#000;
  text-decoration:underline;
}

.AQUASU.BADWELTEN.sw-content .section > ul.subnav {
  margin-left: 0px;
}
.AQUASU.BADWELTEN ul.subnav {
  padding:0;
}
.AQUASU.BADWELTEN ul.subnav li {
  margin-left:0;
  margin-bottom:0;
  list-style:none;
  float:left;
}
.AQUASU.BADWELTEN ul.subnav.N03 li {
  margin-bottom:-2px;
}
.glyphicon {
  line-height: 0.7em;
}
@media (max-width:600px) {
.AQUASU.BADWELTEN ul.subnav.N03 li {
  line-height:4em;
}
.glyphicon {
  line-height: 0.7em;
}
}
@media (max-width:360px) {
.AQUASU.BADWELTEN ul.subnav.N03 li {
  line-height:6.65em;
}
.glyphicon {
  line-height: 3.8em;
}
}
.AQUASU.BADWELTEN ul.subnav li a:link,
.AQUASU.BADWELTEN ul.subnav li a:visited {
  display:block;
  text-align:center;
  padding:10px 10px;
  letter-spacing: 0.03em;
  background:#000;
  color:#fff;
  text-transform:uppercase;
  text-decoration:none;
  border:1px solid transparent;
}

@media (min-width:800px) {
.AQUASU.BADWELTEN ul.subnav li a:link,
.AQUASU.BADWELTEN ul.subnav li a:visited {
  font-size:22px;
}
}
.AQUASU.BADWELTEN ul.subnav li a.active:link,
.AQUASU.BADWELTEN ul.subnav li a.active:visited,
.AQUASU.BADWELTEN ul.subnav li a:hover,
.AQUASU.BADWELTEN ul.subnav li a:focus {
  background:#fff;
  color:#000;
  border-top:1px solid #ddd;
  border-right:1px solid #ddd;
}

.AQUASU.BADWELTEN .section.BUTTON {
  padding-top:30px;
  padding-bottom:40px;
  overflow:hidden; /* sonst hat padding-bottom keine Wirkung */
}
.AQUASU.BADWELTEN.TYP-category .section.BUTTON a:link,
.AQUASU.BADWELTEN.TYP-category .section.BUTTON a:visited {
  padding-left:20px;
  padding-right:20px;
}
.AQUASU.BADWELTEN ul.subnav.N02 li a:hover,
.AQUASU.BADWELTEN ul.subnav.N02 li a:focus {
  border:1px solid #ddd;
}
.AQUASU.BADWELTEN ul.subnav.N02 li.BUTTON-UP a:link,
.AQUASU.BADWELTEN ul.subnav.N02 li.BUTTON-UP a:visited {
  margin-top:10px;
  display:block;
  margin-left:auto;
  margin-right:auto;
  background:transparent;
  padding:0 !important;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 20px 20px 20px;
  border-color: transparent transparent #000 transparent;
}
.AQUASU.BADWELTEN ul.subnav.N02 li.BUTTON-UP a:hover,
.AQUASU.BADWELTEN ul.subnav.N02 li.BUTTON-UP a:focus {
  border-color: transparent transparent #ddd transparent;
  
}
.AQUASU.BADWELTEN ul.subnav.N02 li.BUTTON-PREV a:link,
.AQUASU.BADWELTEN ul.subnav.N02 li.BUTTON-PREV a:visited,
.AQUASU.BADWELTEN ul.subnav.N02 li.BUTTON-NEXT a:link,
.AQUASU.BADWELTEN ul.subnav.N02 li.BUTTON-NEXT a:visited {
  width:250px;
}
@media (max-width: 600px) {
.AQUASU.BADWELTEN ul.subnav.N02 li.BUTTON-PREV a:link,
.AQUASU.BADWELTEN ul.subnav.N02 li.BUTTON-PREV a:visited,
.AQUASU.BADWELTEN ul.subnav.N02 li.BUTTON-NEXT a:link,
.AQUASU.BADWELTEN ul.subnav.N02 li.BUTTON-NEXT a:visited {
  width:200px;
}
}
@media (max-width: 480px) {
.AQUASU.BADWELTEN ul.subnav.N02 li.BUTTON-PREV a:link,
.AQUASU.BADWELTEN ul.subnav.N02 li.BUTTON-PREV a:visited,
.AQUASU.BADWELTEN ul.subnav.N02 li.BUTTON-NEXT a:link,
.AQUASU.BADWELTEN ul.subnav.N02 li.BUTTON-NEXT a:visited {
  width:150px;
}
}
@media (max-width: 360px) {
.AQUASU.BADWELTEN ul.subnav.N02 li.BUTTON-PREV a:link,
.AQUASU.BADWELTEN ul.subnav.N02 li.BUTTON-PREV a:visited,
.AQUASU.BADWELTEN ul.subnav.N02 li.BUTTON-NEXT a:link,
.AQUASU.BADWELTEN ul.subnav.N02 li.BUTTON-NEXT a:visited {
  width:98px;
}
}
/* ======= Übersichtseite ======= */

.AQUASU.BADWELTEN.TYP-category .section.main.N02 {
  padding-top:50px;
  padding-bottom:50px;
}
.AQUASU.BADWELTEN.TYP-category .section.main.N02 {
  padding-top:50px;
  padding-bottom:50px;
}
@media (max-width: 720px) {
.AQUASU.BADWELTEN.TYP-category .section.main.N02 {
  padding-top:20px;
  padding-bottom:30px;
}
}
.AQUASU.BADWELTEN.TYP-category .section.BUTTON {
  padding-top:0px;
  padding-bottom:30px;
}
.AQUASU.BADWELTEN.TYP-category .section.main.N02 li.head {
  padding-bottom:12px;
}
.AQUASU.BADWELTEN.TYP-category .section.main.N02 li a:link,
.AQUASU.BADWELTEN.TYP-category .section.main.N02 li a:visited {
  padding:8px 10px 8px 15px;
  background-color:#000;
  color:#fff;
}
.AQUASU.BADWELTEN.TYP-category .section.main.N02 li a:hover {
  border: 1px solid #ddd;
  background-color:#fff;
  color:#000;
  text-decoration:none;
}
/* ======= VIDEO ======= */

.AQUASU.BADWELTEN .section.video .logo,
.AQUASU.BADWELTEN .section.head .logo {
  position:absolute;
  top:30px;
  left:0;
  background-color:#000;
  overflow:hidden;
  padding:20px 20px 20px 20px;
}
@media (max-width: 720px) {
.AQUASU.BADWELTEN .section.video .logo,
.AQUASU.BADWELTEN .section.head .logo {
  top:25px;
  padding:15px;
}
}
.AQUASU.BADWELTEN .section.video {
  margin-bottom: 20px;
  margin-left: 0 !important;
  margin-top: 0 !important;
}
.AQUASU.BADWELTEN .section.video > * {
  margin-left: 0px;
}
.AQUASU.BADWELTEN .section.video {
  position: relative;
  padding-bottom: 56.2295%;
  height: 0;
  overflow: hidden;
}
.AQUASU.BADWELTEN .section.video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}



/* ======= DOWNLOAD ======= */
.RESPONSIVE.sw-content.AQUASU.BADWELTEN .button.download {
  background:none;
  position:absolute;
  width:140px;
  right:-140px;
  top:450px;
}
.RESPONSIVE.sw-content.AQUASU.BADWELTEN .button.download a {
  background-color:#dd0020;
  display:inline-block;
  padding:10px 20px;
  text-transform:uppercase;
  text-align:center;
  color:#fff;
}
.RESPONSIVE.sw-content.AQUASU.BADWELTEN .button.download a:before {
  content: url(/web/20230314081047im_//fileadmin/templates/sanitop.de/img/icons/Video_P_WEISS.png);
  position:relative;
  top:0px;
  left:0px;
}


/* ======= Alle Bäder ======= */
.AQUASU.BADWELTEN.sw-content {
  border-width:0 1px 0;
  border-color:#f5f5f9;
  border-style:solid;
}

.AQUASU.BADWELTEN,
.AQUASU.BADWELTEN p,
.AQUASU.BADWELTEN ul li {
  color:#000;
}
.AQUASU.BADWELTEN .section.box-full-color {
  padding-top:20px;
  /*overflow:hidden;*/
}
.AQUASU.BADWELTEN .section.main:after,
.AQUASU.BADWELTEN .overflow-2:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.AQUASU.BADWELTEN .section.main .dock-bottom-right {
  position:absolute;
  bottom:0px;
  margin-left:100%;
}
.AQUASU.BADWELTEN .section.main .dock-bottom-left {
  position:absolute;
  bottom:0px;
  margin-right:100%;
}

.AQUASU.BADWELTEN .section.main .dock-bottom-left ul li.PIKTOS > img,
.AQUASU.BADWELTEN .section.main .dock-bottom-right ul li.PIKTOS > img {
  margin-right:5px;
}
/* TOOLTIP */
/*
.AQUASU.BADWELTEN .section .TOOLTIP .INFO {
display:none;
position:relative;
background-color:#f5f5f9;
overflow:hidden;
border:5px solid #fff;
border-radius:6px;
padding-top:20px;
padding-left:20px;
z-index:5;
font-size:17px;
box-shadow: 0px 0px 20px 3px #999;
top:0;
width:250px;
margin-left:-125px;
left:50%;
}*/
.AQUASU.BADWELTEN .section .TOOLTIP .INFO {
  display:none;
  position:relative;
  background-color:#000;
  overflow:hidden;
  border:0px solid #fff;
  border-radius:6px;
  padding-top:20px;
  padding-left:20px;
  z-index:5;
  font-size:17px;
  color:#fff !important;
  box-shadow: 0px 0px 5px 0px #333;
  top:0;
  width:250px;
  margin-left:-125px;
  left:50%;
}
.AQUASU.BADWELTEN .section .TOOLTIP .INFO ul li {
  color:#fff !important;
}
.AQUASU.BADWELTEN .section .TOOLTIP .INFO > * {
  float:left;
}
@media (min-width: 380px) {
.AQUASU.BADWELTEN .section .TOOLTIP .INFO {
  margin-left:-150px;
  width:300px;
}
}
@media (min-width: 660px) {
.AQUASU.BADWELTEN .section .TOOLTIP .INFO {
  margin-left:-190px;
  width:400px;
}
}
@media (min-width: 600px) {
.AQUASU.BADWELTEN .section .TOOLTIP .INFO.RIGHT,
.AQUASU.BADWELTEN .section .TOOLTIP .INFO.LEFT {
  width:300px;
}
}
@media (min-width: 380px) {
.AQUASU.BADWELTEN .section .TOOLTIP .INFO.RIGHT {
  margin-left:-120px;
}
}
@media (min-width: 600px) {
.AQUASU.BADWELTEN .section .TOOLTIP .INFO.RIGHT {
  margin-left:-230px;
}
}
@media (min-width: 480px) and (max-width: 600px) {
.AQUASU.BADWELTEN .section .TOOLTIP .INFO.LEFT {
  margin-left:0px; /* -120px */
  left:0;
}
}
@media (min-width: 600px) {
.AQUASU.BADWELTEN .section .TOOLTIP .INFO.LEFT {
  margin-left:-15px; /* -90px */
  left:0;
}
}



.AQUASU.BADWELTEN .section .TOOLTIP a:hover ~ .INFO {
  display:block;
  
}

/* ************************************************************************************************************************************ */
.AQUASU.BADWELTEN.EARTH .section .TOOLTIP,
.AQUASU.BADWELTEN.EARTH .section .TOOLTIP a,
.AQUASU.BADWELTEN.MOUNTAIN .section .TOOLTIP,
.AQUASU.BADWELTEN.MOUNTAIN .section .TOOLTIP a {
  border:0px solid #888;
}



.AQUASU.BADWELTEN .section .TOOLTIP {
  position:absolute;
}
@media (max-width: 600px) {
.AQUASU.BADWELTEN .section .TOOLTIP {
  width:100%;
  left:0;
}
}
.AQUASU.BADWELTEN .section .TOOLTIP a {
  display:block;
  height:100%;
  width:100%;
  z-index:5; /* in Kombination mit position: abweichend von static, damit link nicht überlagert wird */
  position:relative;
}

@media (max-width: 400px) {
.AQUASU.BADWELTEN .section .TOOLTIP,
.AQUASU.BADWELTEN .section .TOOLTIP a {
  display:none;
}
}


/* ============================ ART ============================ */
/* ============================ ART ============================ */
.AQUASU.BADWELTEN.ART .sw-content {
  border-color:#f5f5f9;
}


@media (max-width: 780px) {
.AQUASU.BADWELTEN.ART .section.main .dock-bottom-right {
  position:static;
  margin-left:0;
}
}
.AQUASU.BADWELTEN.ART .section.main.N01 {
  background:#f8f8fa;
}
.AQUASU.BADWELTEN.ART .section.main.N02 .PIKTOS {
  padding-bottom:15px;
}
.AQUASU.BADWELTEN.ART .section.main.N02 .PIKTOS > div.img {
  padding-bottom:5px;
  padding-right:20px;
  float:right;
}
@media (max-width: 480px) {
.AQUASU.BADWELTEN.ART .section.main.N02 .PIKTOS > div.img {
  padding-right:9px;
  float:left;
}
}
.AQUASU.BADWELTEN.ART .section.main.N03 div.img {
  padding-bottom:5px;
}
.AQUASU.BADWELTEN.ART .section.main.N02 ul {
  padding-right:40px;
}
/* ===== Lines ===== */
@media (min-width: 781px) {
.AQUASU.BADWELTEN.ART .section.main.N01 .LINE {
  border-top:2px dotted #555;
  width:48%;
  height:176px;
  position:absolute;
  bottom:0%;
  right:2%;
}
.AQUASU.BADWELTEN.ART .section.main.N01 .LINE2 {
  display:none;
}
}
@media (max-width: 780px) {
.AQUASU.BADWELTEN.ART .section.main.N01 .LINE {
  display:none;
}
.AQUASU.BADWELTEN.ART .section.main.N01 .LINE2 {
  border-top:2px dotted #555;
  border-left:2px dotted #555;
  width:38%;
  height:16%;
  position:absolute;
  bottom:10px;
  left:5%;
}
}
.AQUASU.BADWELTEN.ART .section.main.N02 .LINE {
  border-top:2px dotted #555;
  border-left:2px dotted #555;
  width:38%;
  height:22%;
  position:absolute;
  bottom:8px;
  left:5%;
}
/* ===== TOOLTIP ===== */


/* === ART head TOOLTIP N01 === */
.AQUASU.BADWELTEN.ART .section.head .TOOLTIP.N01 {
  height:40%;
  top:51%;
}
@media (min-width: 600px) {
.AQUASU.BADWELTEN.ART .section.head .TOOLTIP.N01 {
  width:37%;
  left:12%;
}
}
@media (max-width: 600px) {
.AQUASU.BADWELTEN.ART .section.head .TOOLTIP.N01 a {
  width:37%;
  margin-left:12%;
}
}
/* === ART head TOOLTIP N02 === */
.AQUASU.BADWELTEN.ART .section.head .TOOLTIP.N02 {
  height:38%;
  top:37%;
}
@media (min-width: 600px) {
.AQUASU.BADWELTEN.ART .section.head .TOOLTIP.N02 {
  width:11%;
  left:67%;
}
}
@media (max-width: 600px) {
.AQUASU.BADWELTEN.ART .section.head .TOOLTIP.N02 a {
  width:11%;
  margin-left:67%;
}
}
/* === ART head TOOLTIP N03 === */
.AQUASU.BADWELTEN.ART .section.head .TOOLTIP.N03 {
  height:19%;
  top:79%;
}
@media (min-width: 600px) {
.AQUASU.BADWELTEN.ART .section.head .TOOLTIP.N03 {
  width:17%;
  left:80%;
}
}
@media (max-width: 600px) {
.AQUASU.BADWELTEN.ART .section.head .TOOLTIP.N03 a {
  width:17%;
  margin-left:80%;
}
}
/* === ART N01 TOOLTIP N01 === */
.AQUASU.BADWELTEN.ART .section.main.N01 .TOOLTIP.N01 {
  height:67%;
  top:24%;
}
@media (min-width: 600px) {
.AQUASU.BADWELTEN.ART .section.main.N01 .TOOLTIP.N01 {
  width:46%;
  left:18%;
}
}
@media (max-width: 600px) {
.AQUASU.BADWELTEN.ART .section.main.N01 .TOOLTIP.N01 a {
  width:46%;
  margin-left:18%;
}
}
/* === ART N0 TOOLTIP N02 === */
.AQUASU.BADWELTEN.ART .section.main.N01 .TOOLTIP.N02 {
  height:21%;
  top:3%;
}
@media (min-width: 600px) {
.AQUASU.BADWELTEN.ART .section.main.N01 .TOOLTIP.N02 {
  width:24%;
  left:41%;
}
}
@media (max-width: 600px) {
.AQUASU.BADWELTEN.ART .section.main.N01 .TOOLTIP.N02 a {
  width:24%;
  margin-left:41%;
}
}

/* === ART N02 TOOLTIP N01 === */
.AQUASU.BADWELTEN.ART .section.main.N02 .TOOLTIP.N01 {
  height:63%;
  top:21%;
}
@media (min-width: 600px) {
.AQUASU.BADWELTEN.ART .section.main.N02 .TOOLTIP.N01 {
  width:53%;
  left:25%;
}
}
@media (max-width: 600px) {
.AQUASU.BADWELTEN.ART .section.main.N02 .TOOLTIP.N01 a {
  width:53%;
  margin-left:25%;
}
}
/* === ART N02 TOOLTIP N02 === */
.AQUASU.BADWELTEN.ART .section.main.N02 .TOOLTIP.N02 {
  height:31%;
  top:3%;
}
@media (min-width: 600px) {
.AQUASU.BADWELTEN.ART .section.main.N02 .TOOLTIP.N02 {
  width:14%;
  left:28%;
}
}
@media (max-width: 600px) {
.AQUASU.BADWELTEN.ART .section.main.N02 .TOOLTIP.N02 a {
  width:17%;
  margin-left:25%;
}
}
/* === ART N03 TOOLTIP N01 === */
.AQUASU.BADWELTEN.ART .section.main.N03 .TOOLTIP.N01 {
  height:44%;
  top:39%;
}
@media (min-width: 600px) {
.AQUASU.BADWELTEN.ART .section.main.N03 .TOOLTIP.N01 {
  width:41%;
  left:50%;
}
}
@media (max-width: 600px) {
.AQUASU.BADWELTEN.ART .section.main.N03 .TOOLTIP.N01 a {
  width:41%;
  margin-left:50%;
}
}
/* === ART N03 TOOLTIP N02 === */
.AQUASU.BADWELTEN.ART .section.main.N03 .TOOLTIP.N02 {
  height:42%;
  top:50%;
}
@media (min-width: 600px) {
.AQUASU.BADWELTEN.ART .section.main.N03 .TOOLTIP.N02 {
  width:40%;
  left:9%;
}
}
@media (max-width: 600px) {
.AQUASU.BADWELTEN.ART .section.main.N03 .TOOLTIP.N02 a {
  width:40%;
  margin-left:9%;
}
}
/* === ART N03 TOOLTIP N03 === */
.AQUASU.BADWELTEN.ART .section.main.N03 .TOOLTIP.N03 {
  height:51%;
  top:20%;
}
@media (min-width: 600px) {
.AQUASU.BADWELTEN.ART .section.main.N03 .TOOLTIP.N03 {
  width:40%;
  left:31%;
}
}
@media (max-width: 600px) {
.AQUASU.BADWELTEN.ART .section.main.N03 .TOOLTIP.N03 a {
  width:40%;
  margin-left:31%;
}
}
.AQUASU.BADWELTEN.ART .section.main.N03 .INFO div.img {
  padding-bottom: 20px;
}










.AQUASU.BADWELTEN.ART .section.main.N01 a.TOOLTIP.N01 {
  border:2px solid #888;
  width:26%;
  height:23%;
  position:absolute;
  top:2%;
  left:39%;
}
.AQUASU.BADWELTEN.ART .section.main.N01 a.TOOLTIP.N02 {
  border:2px solid #888;
  width:40%;
  height:62%;
  position:absolute;
  top:26%;
  left:21%;
}
.AQUASU.BADWELTEN .section.main a.TOOLTIP span > * {
  float:left;
}
.AQUASU.BADWELTEN .section.main a.TOOLTIP:link > span,
.AQUASU.BADWELTEN .section.main a.TOOLTIP:visited > span {
  display:none;
  position:absolute;
  bottom:100%;
  left:-20%;
  width:350px;
  background-color:#f5f5f9;
  border:5px solid #fff;
  border-radius:6px;
  padding-top:20px;
  padding-left:20px;
  z-index:5;
  font-size:17px;
  box-shadow: 0px 0px 20px 3px #999;
}
.AQUASU.BADWELTEN .section.main a.TOOLTIP:link > span:after,
.AQUASU.BADWELTEN .section.main a:visited > span:after {
  border-style: solid;
  border-width: 20px 20px 0 20px;
  border-color: #fff transparent transparent transparent;
  bottom: -25px;
  content: "";
  height: 0;
  left: 20%;
  position: absolute;
  width: 0;
}
@media (max-width: 600px) {
.AQUASU.BADWELTEN .section.main a.TOOLTIP:link > span,
.AQUASU.BADWELTEN .section.main a:visited > span {
  left:-30%;
  width:200px;
}
}
.AQUASU.BADWELTEN.ART .section.main.N01 a.TOOLTIP:hover span {
  display:block;
}
/* ============================ CANDY ============================ */
/* ============================ CANDY ============================ */
.AQUASU.BADWELTEN.CANDY.sw-content {
  border-color:#f5f5f9;
}
.AQUASU.BADWELTEN.CANDY .section.main.N01 {
  background:#f5f5fa;
}

@media (max-width: 720px) {
.AQUASU.BADWELTEN.CANDY .section.main.N01 .dock-bottom-right {
  position:static;
  margin-left:0;
}
}

.AQUASU.BADWELTEN.CANDY .section.main.N03 .box-color {
  background-color:#c8dbdf;
}
.AQUASU.BADWELTEN.CANDY .EQUAL-HEIGHT-01 {
  margin-bottom: 20px;
  overflow: hidden;
}

.AQUASU.BADWELTEN.CANDY .section.main.N03 .article.N02 {
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  height:auto;
  margin-left:0px;
  padding-left:20px;
}
.AQUASU.BADWELTEN.CANDY .section.main.N03 .article.N02 .img {
  height:100%;
}



.AQUASU.BADWELTEN.CANDY .EQUAL-HEIGHT-02 {
  margin-bottom: -1000px;
  padding-bottom: 1000px;
}
.AQUASU.BADWELTEN.CANDY .EQUAL-HEIGHT-03 {
  padding-bottom: 0px;
}
/* ===== Lines ===== */
.AQUASU.BADWELTEN.CANDY .section.main.N01 .LINE {
  border-top:2px dotted #555;
  border-right:2px dotted #555;
  width:41%;
  height:24%;
  position:absolute;
  bottom:178px;
  right:-3%;
}
@media (max-width: 880px) {
.AQUASU.BADWELTEN.CANDY .section.main.N01 .LINE {
  height:15%;
  bottom:38%;
}
}
@media (max-width: 780px) {
.AQUASU.BADWELTEN.CANDY .section.main.N01 .LINE {
  display:none;
}
}
@media (min-width: 721px) {
.AQUASU.BADWELTEN.CANDY .section.main.N01 .LINE2 {
  display:none;
}
}
@media (max-width: 720px) {
.AQUASU.BADWELTEN.CANDY .section.main.N01 .LINE2 {
  border-right:2px dotted #555;
  border-bottom:2px dotted #555;
  width:22%;
  height:59%;
  position:absolute;
  bottom:-18px;
  right:41%;
}
}
@media (max-width: 480px) {
.AQUASU.BADWELTEN.CANDY .section.main.N01 .LINE2 {
  height:57%;
  right:48%;
}
}
/* === TOOLTIP === */

/* === CANDY head TOOLTIP N01 === */
.AQUASU.BADWELTEN.CANDY .section.head .TOOLTIP.N01 {
  height:21%;
  top:65%;
}
@media (min-width: 600px) {
.AQUASU.BADWELTEN.CANDY .section.head .TOOLTIP.N01 {
  width:15%;
  left:2%;
}
}
@media (max-width: 600px) {
.AQUASU.BADWELTEN.CANDY .section.head .TOOLTIP.N01 a {
  width:15%;
  margin-left:2%;
}
}
/* === CANDY head TOOLTIP N02 === */
.AQUASU.BADWELTEN.CANDY .section.head .TOOLTIP.N02 {
  height:36%;
  top:49%;
}
@media (min-width: 600px) {
.AQUASU.BADWELTEN.CANDY .section.head .TOOLTIP.N02 {
  width:39%;
  left:17%;
}
}
@media (max-width: 600px) {
.AQUASU.BADWELTEN.CANDY .section.head .TOOLTIP.N02 a {
  width:39%;
  margin-left:17%;
}
}
/* === CANDY head TOOLTIP N03 === */
.AQUASU.BADWELTEN.CANDY .section.head .TOOLTIP.N03 {
  height:17%;
  top:36%;
}
@media (min-width: 600px) {
.AQUASU.BADWELTEN.CANDY .section.head .TOOLTIP.N03 {
  width:18%;
  left:75%;
}
}
@media (max-width: 600px) {
.AQUASU.BADWELTEN.CANDY .section.head .TOOLTIP.N03 a {
  width:18%;
  margin-left:75%;
}
}








/* === CANDY N01 TOOLTIP N01 === */
.AQUASU.BADWELTEN.CANDY .section.N01 .TOOLTIP.N01 {
  height:20%;
  top:30%;
}
@media (min-width: 600px) {
.AQUASU.BADWELTEN.CANDY .section.N01 .TOOLTIP.N01 {
  width:39%;
  left:35%;
}
}
@media (max-width: 600px) {
.AQUASU.BADWELTEN.CANDY .section.N01 .TOOLTIP.N01 a {
  width:39%;
  margin-left:35%;
}
}



/* === CANDY N02 TOOLTIP N01 === */
.AQUASU.BADWELTEN.CANDY .section.N02 .TOOLTIP.N01 {
  height:21%;
  top:73%;
}
@media (min-width: 600px) {
.AQUASU.BADWELTEN.CANDY .section.N02 .TOOLTIP.N01 {
  width:17%;
  left:4%;
}
}
@media (max-width: 600px) {
.AQUASU.BADWELTEN.CANDY .section.N02 .TOOLTIP.N01 a {
  width:17%;
  margin-left:4%;
}
}
/* === CANDY N02 TOOLTIP N02 === */
.AQUASU.BADWELTEN.CANDY .section.N02 .TOOLTIP.N02 {
  height:42%;
  top:1%;
}
@media (min-width: 600px) {
.AQUASU.BADWELTEN.CANDY .section.N02 .TOOLTIP.N02 {
  width:9%;
  left:42%;
}
}
@media (max-width: 600px) {
.AQUASU.BADWELTEN.CANDY .section.N02 .TOOLTIP.N02 a {
  width:9%;
  margin-left:42%;
}
}
/* === CANDY N02 TOOLTIP N03 === */
.AQUASU.BADWELTEN.CANDY .section.N02 .TOOLTIP.N03 {
  height:17%;
  top:46%;
}
@media (min-width: 600px) {
.AQUASU.BADWELTEN.CANDY .section.N02 .TOOLTIP.N03 {
  width:18%;
  left:72%;
}
}
@media (max-width: 600px) {
.AQUASU.BADWELTEN.CANDY .section.N02 .TOOLTIP.N03 a {
  width:18%;
  margin-left:72%;
}
}
/* === CANDY N02 TOOLTIP N04 === */
.AQUASU.BADWELTEN.CANDY .section.N02 .TOOLTIP.N04 {
  height:14%;
  top:80%;
}
@media (min-width: 600px) {
.AQUASU.BADWELTEN.CANDY .section.N02 .TOOLTIP.N04 {
  width:32%;
  left:25%;
}
}
@media (max-width: 600px) {
.AQUASU.BADWELTEN.CANDY .section.N02 .TOOLTIP.N04 a {
  width:32%;
  margin-left:25%;
}
}
/* === CANDY N02 TOOLTIP N05 === */
.AQUASU.BADWELTEN.CANDY .section.N02 .TOOLTIP.N05 {
  height:7%;
  top:38%;
}
@media (min-width: 600px) {
.AQUASU.BADWELTEN.CANDY .section.N02 .TOOLTIP.N05 {
  width:7%;
  left:50%;
}
}
@media (max-width: 600px) {
.AQUASU.BADWELTEN.CANDY .section.N02 .TOOLTIP.N05 a {
  width:7%;
  margin-left:50%;
}
}

/* === CANDY N03 TOOLTIP N01 === */
.AQUASU.BADWELTEN.CANDY .section.N03 .TOOLTIP.N01 {
  height:18%;
  top:55%;
}
@media (min-width: 600px) {
.AQUASU.BADWELTEN.CANDY .section.N03 .TOOLTIP.N01 {
  width:35%;
  left:4%;
}
}
@media (max-width: 600px) {
.AQUASU.BADWELTEN.CANDY .section.N03 .TOOLTIP.N01 a {
  width:35%;
  margin-left:4%;
}
}
/* === CANDY N03 TOOLTIP N02 === */
.AQUASU.BADWELTEN.CANDY .section.N03 .TOOLTIP.N02 {
  height:23%;
  top:70%;
}
@media (min-width: 600px) {
.AQUASU.BADWELTEN.CANDY .section.N03 .TOOLTIP.N02 {
  width:26%;
  left:66%;
}
}
@media (max-width: 600px) {
.AQUASU.BADWELTEN.CANDY .section.N03 .TOOLTIP.N02 a {
  width:26%;
  margin-left:66%;
}
}
/* ============== ======= =======  MOUNTAIN ======= ======= ======= ======= */
/* ============== ======= =======  MOUNTAIN ======= ======= ======= ======= */
.AQUASU.BADWELTEN.MOUNTAIN.sw-content {
  border-color:#f1f1f3;
}
@media (max-width: 940px) {
.AQUASU.BADWELTEN.MOUNTAIN .section.main.N01 .dock-bottom-right {
  position:relative;
  margin-left:0;
}
}
.AQUASU.BADWELTEN.MOUNTAIN .section.main.N01 .ALLESKOENNER {
  padding-right:50px;
}
.AQUASU.BADWELTEN.MOUNTAIN .section.main.N01 .ALLESKOENNER > div {
  position:absolute;
  top:-30px;
  right:20px;
}
@media (min-width: 520px) and (max-width:940px) {
.AQUASU.BADWELTEN.MOUNTAIN .section.main.N01 .ALLESKOENNER {
  position:absolute;
  top:0;
  left:100%;
}
}
@media (max-width:520px) {
.AQUASU.BADWELTEN.MOUNTAIN .section.main.N01 .ALLESKOENNER {
  display:none;
}
}
@media (min-width: 850px) and (max-width:940px) {
.AQUASU.BADWELTEN.MOUNTAIN .section.main.N01 .dock-bottom-right {
  min-height:210px;
}
}
@media (min-width: 760px) and (max-width:850px) {
.AQUASU.BADWELTEN.MOUNTAIN .section.main.N01 .dock-bottom-right {
  min-height:190px;
}
}
.AQUASU.BADWELTEN.MOUNTAIN .section.main.N02 {
  background:#f7efeb;
}
@media (max-width: 600px) {
.AQUASU.BADWELTEN.MOUNTAIN .section.main.N02 .dock-bottom-right {
  position:static;
  margin-left:0;
}
}
@media (min-width:600px) and (max-width:630px) {
.AQUASU.BADWELTEN.MOUNTAIN .section.main.N02 ul {
  padding-right:5px;
}
}

@media (min-width: 600px) {
.AQUASU.BADWELTEN.MOUNTAIN .section.main.N03 .dock-bottom-left {
  padding-top:20px;
  position:absolute;
  bottom:0px;
  margin-left:-100%;
}
}
.AQUASU.BADWELTEN.MOUNTAIN .section.main.N03 .dock-bottom-left,
.AQUASU.BADWELTEN.MOUNTAIN .section.main.N03 .dock-bottom-left > div.img {
  padding-bottom:0px !important;
}
.AQUASU.BADWELTEN.MOUNTAIN .EQUAL-HEIGHT-01 {
  margin-bottom: 20px;
  overflow: hidden;
}
.AQUASU.BADWELTEN.MOUNTAIN .EQUAL-HEIGHT-02 {
  margin-bottom: -1000px;
  padding-bottom: 1000px !important;
  background-color:#ddd;
}
.AQUASU.BADWELTEN.MOUNTAIN .EQUAL-HEIGHT-03 {
  padding-right: 20px;
}



.AQUASU.BADWELTEN.MOUNTAIN .section.main.N03 .article.N02 {
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  height:auto;
  margin-left:0px;
  padding-left:20px;
}
/* Die Article liegen doppelt übereinander. Unten der Container mit overflow hidden, darüber der Container ohne hidden und mit den Tooltips.
Alle nicht benötigten Elemente wurden im obneren Container gelöscht. Wichtig ist das Bild, es gibt die Höhe vor. Hier noch wichtig ist der Text.
Dieser muss auch im zweiten Container vorhanden sein, damit bei kleineren Auflösungen der Platz nach oben immer gleich ist. Damit der Text nicht
unsabuer aussieht, muss einer der Texte auf visibility:hidden gestellt werden. */
.AQUASU.BADWELTEN.MOUNTAIN .section.main.N03 .article.N02 p,
.AQUASU.BADWELTEN.MOUNTAIN .section.main.N03 .article.N02 h2 {
  visibility:hidden;
}
.AQUASU.BADWELTEN.MOUNTAIN .section.main.N03 .article.N02 .img {
  height:100%;
}



.AQUASU.BADWELTEN.CANDY .EQUAL-HEIGHT-02 {
  margin-bottom: -1000px;
  padding-bottom: 1000px;
}
.AQUASU.BADWELTEN.CANDY .EQUAL-HEIGHT-03 {
  padding-bottom: 0px;
}




/* ===== Lines ===== */
.AQUASU.BADWELTEN.MOUNTAIN .section.main.N01 .LINE {
  border-left:2px solid #efefef;
  border-top:2px solid #efefef;
  width:27%;
  height:4%;
  position:absolute;
  top:18px;
  left:-29%;
}
.AQUASU.BADWELTEN.MOUNTAIN .section.main.N01 .LINE:before {
  content:"";
  border-left:2px dotted #555;
  border-top:2px dotted #555;
  width:100%;
  height:100%;
  position:absolute;
  top:-2px;
  left:-2px;
}
@media (max-width: 940px) {
.AQUASU.BADWELTEN.MOUNTAIN .section.main.N01 .LINE {
  display:none;
}
}
@media (min-width: 940px) {
.AQUASU.BADWELTEN.MOUNTAIN .section.main.N01 .LINE2 {
  display:none;
}
}
.AQUASU.BADWELTEN.MOUNTAIN .section.main.N01 .LINE2 {
  border-right:2px dotted #555;
  border-bottom:2px dotted #555;
  width:13%;
  height:56%;
  position:absolute;
  bottom:-20px;
  left:25%;
}
.AQUASU.BADWELTEN.MOUNTAIN .section.main.N02 .LINE {
  border-left:0px dotted #555;
  border-top:2px dotted #555;
  width:81%;
  height:13%;
  position:absolute;
  top:18px;
  left:-84%;
}
@media (max-width: 806px) {
.AQUASU.BADWELTEN.MOUNTAIN .section.main.N02 .LINE {
  border-left:2px dotted #555;
  height:28%;
  width:56%;
  left:-58%;
}
}
@media (max-width:600px) {
.AQUASU.BADWELTEN.MOUNTAIN .section.main.N02 .LINE {
  display:none;
}
}
@media (min-width:600px) {
.AQUASU.BADWELTEN.MOUNTAIN .section.main.N02 .LINE2 {
  display:none;
}
}
.AQUASU.BADWELTEN.MOUNTAIN .section.main.N02 .LINE2 {
  border-right:2px dotted #555;
  border-bottom:2px dotted #555;
  width:51%;
  height:26%;
  position:absolute;
  bottom:-20px;
  left:16%;
}



/* === TOOLTIP === */

/* === MOUNTAIN head TOOLTIP N01 === */
.AQUASU.BADWELTEN.MOUNTAIN .section.head .TOOLTIP.N01 {
  height:16%;
  top:41%;
}
@media (min-width: 600px) {
.AQUASU.BADWELTEN.MOUNTAIN .section.head .TOOLTIP.N01 {
  width:28%;
  left:2%;
}
}
@media (max-width: 600px) {
.AQUASU.BADWELTEN.MOUNTAIN .section.head .TOOLTIP.N01 a {
  width:28%;
  margin-left:2%;
}
}
/* === MOUNTAIN head TOOLTIP N02 === */
.AQUASU.BADWELTEN.MOUNTAIN .section.head .TOOLTIP.N02 {
  height:43%;
  top:0%;
}
@media (min-width: 600px) {
.AQUASU.BADWELTEN.MOUNTAIN .section.head .TOOLTIP.N02 {
  width:8%;
  left:66%;
}
}
@media (max-width: 600px) {
.AQUASU.BADWELTEN.MOUNTAIN .section.head .TOOLTIP.N02 a {
  width:8%;
  margin-left:66%;
}
}
/* === MOUNTAIN head TOOLTIP N03 === */
.AQUASU.BADWELTEN.MOUNTAIN .section.head .TOOLTIP.N03 {
  height:10%;
  top:65%;
}
@media (min-width: 600px) {
.AQUASU.BADWELTEN.MOUNTAIN .section.head .TOOLTIP.N03 {
  width:26%;
  left:57%;
}
}
@media (max-width: 600px) {
.AQUASU.BADWELTEN.MOUNTAIN .section.head .TOOLTIP.N03 a {
  width:26%;
  margin-left:57%;
}
}
/* === MOUNTAIN head TOOLTIP N04 === */
.AQUASU.BADWELTEN.MOUNTAIN .section.head .TOOLTIP.N04 {
  height:23%;
  top:76%;
}
@media (min-width: 600px) {
.AQUASU.BADWELTEN.MOUNTAIN .section.head .TOOLTIP.N04 {
  width:21%;
  left:77%;
}
}
@media (max-width: 600px) {
.AQUASU.BADWELTEN.MOUNTAIN .section.head .TOOLTIP.N04 a {
  width:21%;
  margin-left:77%;
}
}



/* === MOUNTAIN N01 TOOLTIP N01 === */
.AQUASU.BADWELTEN.MOUNTAIN .section.main.N01 .TOOLTIP.N01 {
  height:15%;
  top:39%;
}
@media (min-width: 600px) {
.AQUASU.BADWELTEN.MOUNTAIN .section.main.N01 .TOOLTIP.N01 {
  width:77%;
  left:6%;
}
}
@media (max-width: 600px) {
.AQUASU.BADWELTEN.MOUNTAIN .section.main.N01 .TOOLTIP.N01 a {
  width:77%;
  margin-left:6%;
}
}

/* === MOUNTAIN N02 TOOLTIP N01 === */
.AQUASU.BADWELTEN.MOUNTAIN .section.main.N02 .TOOLTIP.N01 {
  height:58%;
  top:29%;
}
@media (min-width: 600px) {
.AQUASU.BADWELTEN.MOUNTAIN .section.main.N02 .TOOLTIP.N01 {
  width:83%;
  left:5%;
}
}
@media (max-width: 600px) {
.AQUASU.BADWELTEN.MOUNTAIN .section.main.N02 .TOOLTIP.N01 a {
  width:83%;
  margin-left:5%;
}
}
/* === MOUNTAIN N02 TOOLTIP N02 === */
.AQUASU.BADWELTEN.MOUNTAIN .section.main.N02 .TOOLTIP.N02 {
  height:40%;
  top:2%;
}
@media (min-width: 600px) {
.AQUASU.BADWELTEN.MOUNTAIN .section.main.N02 .TOOLTIP.N02 {
  width:25%;
  left:22%;
}
}
@media (max-width: 600px) {
.AQUASU.BADWELTEN.MOUNTAIN .section.main.N02 .TOOLTIP.N02 a {
  width:25%;
  margin-left:22%;
}
}



/* === MOUNTAIN N03 TOOLTIP N01 === */
.AQUASU.BADWELTEN.MOUNTAIN .section.main.N03 .TOOLTIP.N01 {
  height:16%;
  top:56%;
}
@media (min-width: 600px) {
.AQUASU.BADWELTEN.MOUNTAIN .section.main.N03 .TOOLTIP.N01 {
  width:33%;
  left:6%;
}
}
@media (max-width: 600px) {
.AQUASU.BADWELTEN.MOUNTAIN .section.main.N03 .TOOLTIP.N01 a {
  width:33%;
  margin-left:6%;
}
}
/* === MOUNTAIN N03 TOOLTIP N02 === */
.AQUASU.BADWELTEN.MOUNTAIN .section.main.N03 .TOOLTIP.N02 {
  height:12%;
  top:47%;
}
@media (min-width: 600px) {
.AQUASU.BADWELTEN.MOUNTAIN .section.main.N03 .TOOLTIP.N02 {
  width:9%;
  left:16%;
}
}
@media (max-width: 600px) {
.AQUASU.BADWELTEN.MOUNTAIN .section.main.N03 .TOOLTIP.N02 a {
  width:9%;
  margin-left:16%;
}
}

/* === MOUNTAIN N03 TOOLTIP N01 === */
.AQUASU.BADWELTEN.MOUNTAIN .section.main.N03 .TOOLTIP.N03 {
  height:19%;
  top:58%;
}
@media (min-width: 600px) {
.AQUASU.BADWELTEN.MOUNTAIN .section.main.N03 .TOOLTIP.N03 {
  width:26%;
  left:48%;
}
}
@media (max-width: 600px) {
.AQUASU.BADWELTEN.MOUNTAIN .section.main.N03 .TOOLTIP.N03 a {
  width:26%;
  margin-left:48%;
}
}
/* ============== =======  ROMANTIC ======= ======= ======= */
/* ============== =======  ROMANTIC ======= ======= ======= */
.AQUASU.BADWELTEN.ROMANTIC.sw-content {
  border-width:0 1px 0;
  border-color:#f1f1f3;
}
@media (max-width: 960px) {
.AQUASU.BADWELTEN.ROMANTIC .section.main.N01 .dock-bottom-right {
  position:relative;
  margin-left:0;
}
}
.AQUASU.BADWELTEN.ROMANTIC .section.main.N01 .ALLESKOENNER .box-color {
  background-color:#f8f8fa;
  overflow:hidden;
}
.AQUASU.BADWELTEN.ROMANTIC .section.main.N01 .ALLESKOENNER_PIKTO {
  position:absolute;
  top:-30px;
  right:20px;
}
@media (min-width: 520px) and (max-width:960px) {
.AQUASU.BADWELTEN.ROMANTIC .section.main.N01 .ALLESKOENNER {
  position:absolute;
  top:0;
  left:100%;
}
}
@media (min-width:660px) and (max-width:960px) {
.AQUASU.BADWELTEN.ROMANTIC .section.main.N01 .dock-bottom-right {
  min-height:240px;
}
}
@media (min-width:660px) and (max-width:925px) {
.AQUASU.BADWELTEN.ROMANTIC .section.main.N01 .dock-bottom-right {
  min-height:260px;
}
}
@media (max-width:660px) {
.AQUASU.BADWELTEN.ROMANTIC .section.main.N01 .ALLESKOENNER {
  display:none;
}
}
.AQUASU.BADWELTEN.ROMANTIC .section.main.N02 {
  background-color:#355875;
}
.AQUASU.BADWELTEN.ROMANTIC .section.main.N02 .st-color-box {
  background-color:#fff;
  /*overflow:hidden;*/
}
@media (min-width: 600px) {
.AQUASU.BADWELTEN.ROMANTIC .section.main.N02 .dock-bottom-left {
  padding-top:20px;
  position:absolute;
  bottom:0px;
  margin-left:-100%;
}
}
@media (max-width: 660px) {
.AQUASU.BADWELTEN.ROMANTIC .section.main.N02 .dock-bottom-left {
  display:none;
}
}
.AQUASU.BADWELTEN.ROMANTIC .section.main.N02 .dock-bottom-left {
  padding-bottom:20px !important;
}
.AQUASU.BADWELTEN.ROMANTIC .section.main.N02 .dock-bottom-left > div.img {
  padding-bottom:0px !important;
}

.AQUASU.BADWELTEN.ROMANTIC .section.main.N03 .dock-bottom-right .box-color {
  background-color:#d8b23b;
  overflow:hidden;
  height:120px;
}
@media (max-width: 720px) {
.AQUASU.BADWELTEN.ROMANTIC .section.main.N03 .dock-bottom-right .box-color {
  display:none;
}
}
@media (max-width: 600px) {
.AQUASU.BADWELTEN.ROMANTIC .section.main.N03 .dock-bottom-right {
  position:relative;
  margin-left:0;
}
}
.AQUASU.BADWELTEN.ROMANTIC .section.main.N01 .LINE {
  border-left:2px dotted #aaa;
  border-top:2px dotted #aaa;
  width:39%;
  height:13%;
  position:absolute;
  top:18px;
  left:-41%;
}
@media (max-width: 990px) {
.AQUASU.BADWELTEN.ROMANTIC .section.main.N01 .LINE {
  height:17%;
}
}
@media (max-width: 960px) {
.AQUASU.BADWELTEN.ROMANTIC .section.main.N01 .LINE {
  display:none;
}
}
@media (min-width: 960px) {
.AQUASU.BADWELTEN.ROMANTIC .section.main.N01 .LINE2 {
  display:none;
}
}
@media (max-width: 960px) {
.AQUASU.BADWELTEN.ROMANTIC .section.main.N01 .LINE2 {
  border-left:2px dotted #aaa;
  border-top:2px dotted #aaa;
  width:43%;
  height:42%;
  position:absolute;
  bottom:8px;
  left:5%;
}
}
.AQUASU.BADWELTEN.ROMANTIC .section.main.N03 .LINE {
  border-left:2px dotted #999;
  border-top:2px dotted #999;
  width:9%;
  height:63%;
  position:absolute;
  top:18px;
  left:-11%;
}
.AQUASU.BADWELTEN.ROMANTIC .section.main.N03 .LINE:before {
  content:"";
  border-top:2px dotted #999;
  width:550%;
  height:0;
  position:absolute;
  top:100%;
  left:-553%;
}
@media (max-width: 600px) {
.AQUASU.BADWELTEN.ROMANTIC .section.main.N03 .LINE {
  display:none;
}
}
@media (min-width: 600px) {
.AQUASU.BADWELTEN.ROMANTIC .section.main.N03 .LINE2 {
  display:none;
}
}
.AQUASU.BADWELTEN.ROMANTIC .section.main.N03 .LINE2 {
  border-right:2px dotted #999;
  border-bottom:2px dotted #999;
  width:8%;
  height:30%;
  position:absolute;
  bottom:-18px;
  left:39%;
}
@media (max-width: 540px) {
.AQUASU.BADWELTEN.ROMANTIC .section.main.N03 .LINE2 {
  border-right:2px dotted #999;
  border-bottom:2px dotted #999;
  width:12%;
  height:30%;
  position:absolute;
  bottom:-18px;
  left:50%;
}
.AQUASU.BADWELTEN.ROMANTIC .section.main.N03 .LINE2:before {
  content:"";
  border-top:2px dotted #999;
  width:200%;
  height:0;
  position:absolute;
  top:0;
  left:-100%;
}
}
@media (max-width: 440px) {
.AQUASU.BADWELTEN.ROMANTIC .section.main.N03 .LINE2 {
  left:68%;
}
.AQUASU.BADWELTEN.ROMANTIC .section.main.N03 .LINE2:before {
  width:385%;
  left:-280%;
}
}
/* === TOOLTIP === */

/* === ROMANTIC head TOOLTIP N01 === */
.AQUASU.BADWELTEN.ROMANTIC .section.head .TOOLTIP.N01 {
  height:21%;
  top:57%;
}
@media (min-width: 600px) {
.AQUASU.BADWELTEN.ROMANTIC .section.head .TOOLTIP.N01 {
  width:25%;
  left:28%;
}
}
@media (max-width: 600px) {
.AQUASU.BADWELTEN.ROMANTIC .section.head .TOOLTIP.N01 a {
  width:25%;
  margin-left:28%;
}
}
/* === ROMANTIC head TOOLTIP N02 === */
.AQUASU.BADWELTEN.ROMANTIC .section.head .TOOLTIP.N02 {
  height:23%;
  top:46%;
}
@media (min-width: 600px) {
.AQUASU.BADWELTEN.ROMANTIC .section.head .TOOLTIP.N02 {
  width:35%;
  left:55%;
}
}
@media (max-width: 600px) {
.AQUASU.BADWELTEN.ROMANTIC .section.head .TOOLTIP.N02 a {
  width:35%;
  margin-left:55%;
}
}

/* === ROMANTIC N01 TOOLTIP N01 === */
.AQUASU.BADWELTEN.ROMANTIC .section.main.N01 .TOOLTIP.N01 {
  height:16%;
  top:44%;
}
@media (min-width: 600px) {
.AQUASU.BADWELTEN.ROMANTIC .section.main.N01 .TOOLTIP.N01 {
  width:40%;
  left:33%;
}
}
@media (max-width: 600px) {
.AQUASU.BADWELTEN.ROMANTIC .section.main.N01 .TOOLTIP.N01 a {
  width:40%;
  margin-left:33%;
}
}

/* === ROMANTIC N02 TOOLTIP N01 === */
.AQUASU.BADWELTEN.ROMANTIC .section.main.N02 .TOOLTIP.N01 {
  height:52%;
  top:38%;
}
@media (min-width: 600px) {
.AQUASU.BADWELTEN.ROMANTIC .section.main.N02 .TOOLTIP.N01 {
  width:90%;
  left:4%;
}
}
@media (max-width: 600px) {
.AQUASU.BADWELTEN.ROMANTIC .section.main.N02 .TOOLTIP.N01 a {
  width:90%;
  margin-left:4%;
}
}
/* === ROMANTIC N02 TOOLTIP N02 === */
.AQUASU.BADWELTEN.ROMANTIC .section.main.N02 .TOOLTIP.N02 {
  height:41%;
  top:10%;
}
@media (min-width: 600px) {
.AQUASU.BADWELTEN.ROMANTIC .section.main.N02 .TOOLTIP.N02 {
  width:25%;
  left:29%;
}
}
@media (max-width: 600px) {
.AQUASU.BADWELTEN.ROMANTIC .section.main.N02 .TOOLTIP.N02 a {
  width:25%;
  margin-left:29%;
}
}

/* === ROMANTIC N03 TOOLTIP N01 === */
.AQUASU.BADWELTEN.ROMANTIC .section.main.N03 .TOOLTIP.N01 {
  height:18%;
  top:10%;
}
@media (min-width: 600px) {
.AQUASU.BADWELTEN.ROMANTIC .section.main.N03 .TOOLTIP.N01 {
  width:37%;
  left:41%;
}
}
@media (max-width: 600px) {
.AQUASU.BADWELTEN.ROMANTIC .section.main.N03 .TOOLTIP.N01 a {
  width:37%;
  margin-left:41%;
}
}
/* === ROMANTIC N03 TOOLTIP N02 === */
.AQUASU.BADWELTEN.ROMANTIC .section.main.N03 .TOOLTIP.N02 {
  height:32%;
  top:54%;
}
@media (min-width: 600px) {
.AQUASU.BADWELTEN.ROMANTIC .section.main.N03 .TOOLTIP.N02 {
  width:50%;
  left:5%;
}
}
@media (max-width: 600px) {
.AQUASU.BADWELTEN.ROMANTIC .section.main.N03 .TOOLTIP.N02 a {
  width:50%;
  margin-left:5%;
}
}
/* ===== GREEN ====== */
.AQUASU.BADWELTEN.GREEN.sw-content {
  border-color:#f5f5f9;
}
.AQUASU.BADWELTEN.GREEN .section.main.N01.box-full-color {
  background:#eee2d5;
  overflow:hidden;
  padding-top:20px;
}
.AQUASU.BADWELTEN.GREEN .section.main.N03.box-full-color {
  background:#eee2d5;
  padding-top:20px;
}
@media (min-width: 820px) {
.AQUASU.BADWELTEN.GREEN .section.main.N01 .dock-bottom {
  padding-top:20px;
  position:absolute;
  bottom:0px;
  margin-left:100%
}
}
@media (min-width: 760px) {
.AQUASU.BADWELTEN.GREEN .section.main.N03 .dock-bottom {
  padding-top:20px;
  position:absolute;
  bottom:0px;
  margin-left:100%
}
}
@media (min-width: 480px) and (max-width:760px) {
.AQUASU.BADWELTEN.GREEN .section.main.N03 .dock-bottom div.img {
  position:absolute;
  top:0;
  left:100%;
}
}
@media (min-width:480px) and (max-width:760px) {
.AQUASU.BADWELTEN.GREEN .section.main.N03 .dock-bottom {
  min-height:262px;
}
}
@media (min-width:480px) and (max-width:740px) {
.AQUASU.BADWELTEN.GREEN .section.main.N03 .dock-bottom {
  min-height:240px;
}
}
@media (min-width:480px) and (max-width:640px) {
.AQUASU.BADWELTEN.GREEN .section.main.N03 .dock-bottom {
  min-height:205px;
}
}
/* ===== Lines ===== */
.AQUASU.BADWELTEN.GREEN .section.main.N01 .LINE {
  border-top:2px dotted #555;
  border-right:2px dotted #555;
  width:43%;
  height:28%;
  position:absolute;
  bottom:95%;
  right:97%;
}

@media (max-width: 860px) {
.AQUASU.BADWELTEN.GREEN .section.main.N01 .LINE {
  display:none;
}
}
@media (min-width: 820px) {
.AQUASU.BADWELTEN.GREEN .section.main.N01 .LINE2 {
  display:none;
}
}

@media (max-width: 820px) {
.AQUASU.BADWELTEN.GREEN .section.main.N01 .LINE2 {
  border-right:2px dotted #555;
  width:8%;
  height:36%;
  position:absolute;
  bottom:6px;
  right:63%;
}
}


/* === TOOLTIP === */

/* === GREEN head TOOLTIP N01 === */
.AQUASU.BADWELTEN.GREEN .section.head .TOOLTIP.N01 {
  height:16%;
  top:43%;
}
@media (min-width: 600px) {
.AQUASU.BADWELTEN.GREEN .section.head .TOOLTIP.N01 {
  width:21%;
  left:4%;
}
}
@media (max-width: 600px) {
.AQUASU.BADWELTEN.GREEN .section.head .TOOLTIP.N01 a {
  width:21%;
  margin-left:4%;
}
}
/* === GREEN head TOOLTIP N02 === */
.AQUASU.BADWELTEN.GREEN .section.head .TOOLTIP.N02 {
  height:39%;
  top:3%;
}
@media (min-width: 600px) {
.AQUASU.BADWELTEN.GREEN .section.head .TOOLTIP.N02 {
  width:8%;
  left:28%;
}
}
@media (max-width: 600px) {
.AQUASU.BADWELTEN.GREEN .section.head .TOOLTIP.N02 a {
  width:8%;
  margin-left:28%;
}
}
/* === GREEN head TOOLTIP N03 === */
.AQUASU.BADWELTEN.GREEN .section.head .TOOLTIP.N03 {
  height:19%;
  top:46%;
}
@media (min-width: 600px) {
.AQUASU.BADWELTEN.GREEN .section.head .TOOLTIP.N03 {
  width:41%;
  left:41%;
}
}
@media (max-width: 600px) {
.AQUASU.BADWELTEN.GREEN .section.head .TOOLTIP.N03 a {
  width:41%;
  margin-left:41%;
}
}
/* === GREEN head TOOLTIP N04 === */
.AQUASU.BADWELTEN.GREEN .section.head .TOOLTIP.N04 {
  height:23%;
  top:67%;
}
@media (min-width: 600px) {
.AQUASU.BADWELTEN.GREEN .section.head .TOOLTIP.N04 {
  width:18%;
  left:78%;
}
}
@media (max-width: 600px) {
.AQUASU.BADWELTEN.GREEN .section.head .TOOLTIP.N04 a {
  width:18%;
  margin-left:78%;
}
}
/* === GREEN main.N01 TOOLTIP N01 === */
.AQUASU.BADWELTEN.GREEN .section.main.N01 .TOOLTIP.N01 {
  height:15%;
  top:57%;
}
@media (min-width: 600px) {
.AQUASU.BADWELTEN.GREEN .section.main.N01 .TOOLTIP.N01 {
  width:65%;
  left:20%;
}
}
@media (max-width: 600px) {
.AQUASU.BADWELTEN.GREEN .section.main.N01 .TOOLTIP.N01 a {
  width:65%;
  margin-left:20%;
}
}
/* === GREEN main.N01 TOOLTIP N02 === */
.AQUASU.BADWELTEN.GREEN .section.main.N01 .TOOLTIP.N02 {
  height:12%;
  top:48%;
}
@media (min-width: 600px) {
.AQUASU.BADWELTEN.GREEN .section.main.N01 .TOOLTIP.N02 {
  width:11%;
  left:38%;
}
}
@media (max-width: 600px) {
.AQUASU.BADWELTEN.GREEN .section.main.N01 .TOOLTIP.N02 a {
  width:11%;
  margin-left:38%;
}
}
/* === GREEN main.N02 TOOLTIP N01 === */
.AQUASU.BADWELTEN.GREEN .section.main.N02 .TOOLTIP.N01 {
  height:33%;
  top:47%;
}
@media (min-width: 600px) {
.AQUASU.BADWELTEN.GREEN .section.main.N02 .TOOLTIP.N01 {
  width:37%;
  left:4%;
}
}
@media (max-width: 600px) {
.AQUASU.BADWELTEN.GREEN .section.main.N02 .TOOLTIP.N01 a {
  width:37%;
  margin-left:4%;
}
}
/* === GREEN main.N02 TOOLTIP N02 === */
.AQUASU.BADWELTEN.GREEN .section.main.N02 .TOOLTIP.N02 {
  height:55%;
  top:2%;
}
@media (min-width: 600px) {
.AQUASU.BADWELTEN.GREEN .section.main.N02 .TOOLTIP.N02 {
  width:11%;
  left:51%;
}
}
@media (max-width: 600px) {
.AQUASU.BADWELTEN.GREEN .section.main.N02 .TOOLTIP.N02 a {
  width:11%;
  margin-left:51%;
}
}
/* === GREEN main.N03 TOOLTIP N01 === */
.AQUASU.BADWELTEN.GREEN .section.main.N03 .TOOLTIP.N01 {
  height:36%;
  top:50%;
}
@media (min-width: 600px) {
.AQUASU.BADWELTEN.GREEN .section.main.N03 .TOOLTIP.N01 {
  width:53%;
  left:16%;
}
}
@media (max-width: 600px) {
.AQUASU.BADWELTEN.GREEN .section.main.N03 .TOOLTIP.N01 a {
  width:53%;
  margin-left:16%;
}
}
/* ===== EARTH ====== */
.AQUASU.BADWELTEN.EARTH .sw-content {
  border-color:#f5f5f9;
}
.AQUASU.BADWELTEN.EARTH .section.main.N01.box-full-color {
  background:#f8f8fa;
  padding-top:20px;
}
.AQUASU.BADWELTEN.EARTH .section.main.N03.box-full-color {
  background:#666;
  padding-top:20px;
  color:#fff;
}
.AQUASU.BADWELTEN.EARTH .section.main.N03.box-full-color p {
  color:#fff;
}
@media (min-width: 720px) {
.AQUASU.BADWELTEN.EARTH .section.main.N01 .dock-bottom {
  padding-top:20px;
  position:absolute;
  bottom:0px;
  margin-left:100%
}
}
@media (min-width: 720px) {
.AQUASU.BADWELTEN.EARTH .section.main.N03 .dock-bottom {
  padding-top:20px;
  position:absolute;
  bottom:0px;
  margin-left:100%
}
}
.AQUASU.BADWELTEN.EARTH .section.main.N03 .dock-bottom.N02 {
  padding-right:20px;
}
.AQUASU.BADWELTEN.EARTH .section.main.N03 .dock-bottom .box-color {
  height:120px;
  background-color:#ddd;
}


/* ===== Lines ===== */
.AQUASU.BADWELTEN.EARTH .section.main.N01 .LINE {
  border-top:2px dotted #555;
  border-right:2px dotted #555;
  width:43%;
  height:28%;
  position:absolute;
  bottom:95%;
  right:97%;
}

@media (max-width: 840px) {
.AQUASU.BADWELTEN.EARTH .section.main.N01 .LINE {
  display:none;
}
}
@media (min-width: 720px) {
.AQUASU.BADWELTEN.EARTH .section.main.N01 .LINE2 {
  display:none;
}
}

@media (max-width: 820px) {
.AQUASU.BADWELTEN.EARTH .section.main.N01 .LINE2 {
  border-right:2px dotted #555;
  border-bottom:2px dotted #555;
  width:8%;
  height:41%;
  position:absolute;
  bottom:-18px;
  right:59%;
}
}

/* === TOOLTIP === */

/* === EARTH head TOOLTIP N01 === */
.AQUASU.BADWELTEN.EARTH .section.head .TOOLTIP.N01 {
  height:13%;
  top:50%;
}
@media (min-width: 600px) {
.AQUASU.BADWELTEN.EARTH .section.head .TOOLTIP.N01 {
  width:17%;
  left:61%;
}
}
@media (max-width: 600px) {
.AQUASU.BADWELTEN.EARTH .section.head .TOOLTIP.N01 a {
  width:17%;
  margin-left:61%;
}
}
/* === EARTH head TOOLTIP N02 === */
.AQUASU.BADWELTEN.EARTH .section.head .TOOLTIP.N02 {
  height:39%;
  top:12%;
}
@media (min-width: 600px) {
.AQUASU.BADWELTEN.EARTH .section.head .TOOLTIP.N02 {
  width:10%;
  left:44%;
}
}
@media (max-width: 600px) {
.AQUASU.BADWELTEN.EARTH .section.head .TOOLTIP.N02 a {
  width:10%;
  margin-left:44%;
}
}
/* === EARTH head TOOLTIP N03 === */
.AQUASU.BADWELTEN.EARTH .section.head .TOOLTIP.N03 {
  height:23%;
  top:50%;
}
@media (min-width: 600px) {
.AQUASU.BADWELTEN.EARTH .section.head .TOOLTIP.N03 {
  width:32%;
  left:2%;
}
}
@media (max-width: 600px) {
.AQUASU.BADWELTEN.EARTH .section.head .TOOLTIP.N03 a {
  width:32%;
  margin-left:2%;
}
}
/* === EARTH head TOOLTIP N04 === */
.AQUASU.BADWELTEN.EARTH .section.head .TOOLTIP.N04 {
  height:17%;
  top:72%;
}
@media (min-width: 600px) {
.AQUASU.BADWELTEN.EARTH .section.head .TOOLTIP.N04 {
  width:17%;
  left:80%;
}
}
@media (max-width: 600px) {
.AQUASU.BADWELTEN.EARTH .section.head .TOOLTIP.N04 a {
  width:17%;
  margin-left:80%;
}
}


/* === EARTH main.N01 TOOLTIP N01 === */
.AQUASU.BADWELTEN.EARTH .section.main.N01 .TOOLTIP.N01 {
  height:26%;
  top:50%;
}
@media (min-width: 600px) {
.AQUASU.BADWELTEN.EARTH .section.main.N01 .TOOLTIP.N01 {
  width:81%;
  left:10%;
}
}
@media (max-width: 600px) {
.AQUASU.BADWELTEN.EARTH .section.main.N01 .TOOLTIP.N01 a {
  width:81%;
  margin-left:10%;
}
}
/* === EARTH main.N01 TOOLTIP N01 === */
.AQUASU.BADWELTEN.EARTH .section.main.N01 .TOOLTIP.N02 {
  height:14%;
  top:43%;
}
@media (min-width: 600px) {
.AQUASU.BADWELTEN.EARTH .section.main.N01 .TOOLTIP.N02 {
  width:14%;
  left:41%;
}
}
@media (max-width: 600px) {
.AQUASU.BADWELTEN.EARTH .section.main.N01 .TOOLTIP.N02 a {
  width:14%;
  margin-left:41%;
}
}
/* === EARTH main.N03 TOOLTIP N01 === */
.AQUASU.BADWELTEN.EARTH .section.main.N03 .TOOLTIP.N01 {
  height:36%;
  top:50%;
}
@media (min-width: 600px) {
.AQUASU.BADWELTEN.EARTH .section.main.N03 .TOOLTIP.N01 {
  width:44%;
  left:33%;
}
}
@media (max-width: 600px) {
.AQUASU.BADWELTEN.EARTH .section.main.N03 .TOOLTIP.N01 a {
  width:44%;
  margin-left:33%;
}
}

.AQUASU.BADWELTEN.CANDY .section.main.N03 .article.N02,
.AQUASU.BADWELTEN.CANDY .section.main.N03 .article.N02 > * {
  border:0px solid #999;
}



/* ============== ======= =======  Präsenter- Zweitplatzierungen ======= ======= ======= ======= */
/* ============== ======= =======  Präsenter- Zweitplatzierungen ======= ======= ======= ======= */

.NEUTRAL.ZWEITPLATZIERUNG .sirv-spin-container img {
  /*max-height:500px;*/
}
.NEUTRAL.ZWEITPLATZIERUNG .img {
  padding-left:90px;
  padding-right:90px;
}
.NEUTRAL.ZWEITPLATZIERUNG .section.N02 .article.N01 .img {
  padding-left:60px;
  padding-right:60px;
}

.NEUTRAL.ZWEITPLATZIERUNG .video-container {
  padding-right:20px;
}


/* ============== ======= =======  Wassersparen ======= ======= ======= ======= */

.sw-content.AQUASU h2.bubble {
  padding:18px 30px !important;
  display: flex;
  align-items: center;
  border-radius:10px;
  background-color:#b9ce00;
  display: inline-block;
  margin-bottom: 20px;
  position:relative;
}
.sw-content.AQUASU h2.bubble.bubble-black {
  background-color:#000 !important;
  color:#fff !important;
}

.sw-content.AQUASU h2.bubble:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-top: 18px solid #b9cc00;
  border-left: 35px solid transparent;
  border-right: 0px solid transparent;
  bottom: -17px;
  left: 35px;
}
.sw-content.AQUASU h2.bubble.bubble-black:after {
  border-top: 18px solid #000 !important;
  }

/*
     FILE ARCHIVED ON 08:10:47 Mar 14, 2023 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 16:52:37 Jun 23, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.723
  exclusion.robots: 0.086
  exclusion.robots.policy: 0.07
  esindex: 0.015
  cdx.remote: 23.788
  LoadShardBlock: 126.251 (3)
  PetaboxLoader3.datanode: 90.027 (4)
  PetaboxLoader3.resolve: 87.533 (2)
  load_resource: 79.68
*/