/****************** * 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 .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(../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 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(../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%;
}
}