* {
  padding: 0;
}
body {
  font: 104% serif;
  background-color:#d8f9d3;
  background-image: url(hintergrund_site_ganzneu.png);
  background-repeat: no-repeat;
  padding:5px;
  height: auto;
  width: 98%;
  left: 2px;
  position: relative;
  top: 1px;
  margin:0 auto;
}
table.buch {
  display: inline-block;
  position: relative;
  width: 366px;
  height: 235px;
  padding: 37px;
  margin: 6% 10% 3% 1%;
}
tr.termin {
  display: table-cell;
  width: 261px;
  height: 73px;
  left: 0%;
  position: relative;
}
a.tel:link {
  color: white;
  display: block;
  position: relative;
  top: 14px;
  left: -54px;
}
img {
  max-width: 101%;
}
header,
#main,
nav,
footer,
hgroup,
details {
  display: block;
  position: relative;
  top:1%;
  left:2px;
}
header {
  width: 100%;
  background: url(gruenskal.png) no-repeat;
  background-attachment: absolute;
  margin-bottom: 10px;
}
@media screen and (max-width:2560px) {
  #termine.weitere {
    display: inline-block;
    position: relative;
    top:172%;
    left:-30%;
    margin: 17% -24%;
    width: 845px;
    height: 144px;
  }
  #table3.buch {
    display: flex;
    justify-content: center;
    text-align: center;
    position: relative;
    width: 500px;
    height: 300px;
    left: 16%;
    top: 235%;
  }
  td.buch {
    display: block;
    margin-top: -68px;
    width: 290px;
    height: 89px;
    top: 26px;
    position: relative;
  }
  td.buchab {
    display: block;
    margin-top: -68px;
    width: 290px;
    height: 80px;
    top: 89px;
    position: relative;
  }
  input.buchabbrech {
    height: 34px;
    border-radius:5px;
    padding:4px 4px 0;
    margin-left: 8px;
    margin-top: 18px;
    width: 276px;
  }
  #sprung.onlin {
    background:linear-gradient(to right, #ef7fe8 0%,#e93cec99 99%);
    height: 35px;
    padding-top: 8px;
    border-radius:10px;
    width: 117px;
    margin: 30% 0% 1% -8%;
    padding-left: 37px;
    position: fixed;
    top: -26%;
    display: inline-block;
    right: 30%;
  }
  input.buch {
    height: 34px;
    border-radius:5px;
    padding:11px 4px 0;
    margin-left: -1px;
    margin-top: 18px;
    width: 281px;
  }
  table.buchen {
    display: table-cell;
    position: relative;
    width: 555px;
    top: 0%;
    left: 10%;
  }
  a.kontermin {
    display: table-cell;
    position: relative;
    height: 30px;
  }
  #sidebar.onlin {
    display: inline-block;
    position: relative;
    top: -78%;
    left:16%;
    width: 98%;
  }
  #auswahl.betreff {
    display: flex;
    justify-content: center;
      text-align: center;
    font: 94% sans-serif;
    width: 48%;
    text-shadow: none;
    position: relative;
    left:28%;
    top: 18%;
    margin: 14% 7% 2% -8%;
    height: 200px;
  }

  select.anrede {
    border-radius: 5px;
    height: 44px;
    margin-left: 1px;
    margin-top: 1px;
    width: 235px;
  }
  #auswahl.massage {
    display: flex;
    justify-content: center;
    text-align: center;
    width: 214%;
    font: 82% sans-serif;
    text-shadow: none;
    margin: 14% 1% 1% -44%;
    height: 65px;
  }
  select.massage {
    padding-left: 11px;
    border-radius: 5px;
    background: white;
    position: relative;
    top: 14px;
    height: 50px;
    width: 400px;
    text-align: center;
    font: 80% sans-serif;
    margin: 2% 5% 8% 1%;
  }
  label {
    display: block;
    font: 90%/1.2 sans-serif;
    margin-bottom: -9px;
    position: relative;
    top: 1px;
    height: 33px;
    width: 134px;
  }
  label.auswahl {
    display: block;
    font: 150%/1.2 sans-serif;
    margin-bottom: -9px;
    position: relative;
    top: 10px;
    height: 40px;
    width: 134px;
  }
  label.email {
    font-size: 70%;
    width: 172px;
    top:20px;
  }
  label.tel {
    font-size: 70%;
    width: 172px;
    top:20px;
    left:-32px 
  }
  #buchen.termin {
    position: relative;
    display: inline-block;
    top:-42%;
    width: 69%;
    margin: 8% -7% 7% -5%;
    height: 13%;
    padding: 2%;
  }
  #table2 {
    display: flex;
    height: 42%;
    position: relative;
    top:11%;
    margin: 1% 2% 1% 9%;
    width: 28%;
  }
  #form.termine {
    display: flex;
    justify-content: center;
    text-align: center;
    margin:0 auto;
    height: 1917px;
    width: 94%;
    top: 4%;
    position: relative;
    background: #7f1f3f00;
  }
  label.anrede {
    display: block;
    font: 70%/1.2 sans-serif;
    margin-bottom: -9px;
    position: relative;
    top: 28px;
    height: 33px;
    width: 234px;
    left: -75px;
    margin: 2%;
  }
  #navyquer.onlin a {
    position: fixed;
    top: -18%;
    width: 90%;
    margin-top: 20px;
    left: 6%;
    display: block;
    margin: 0 auto;
    color:darkblue;
  }
  #navyquer .sub a:hover {
    position: relative;
    padding: 9px 21px;
    height: auto;
    top: 4px;
    left: -16px;
    width: 144px;
    margin-top: -9px;
    color: aliceblue;
  }
  #wechselbild7 {
    display:none;
  }
  #sprung {
    background: linear-gradient(to right, #ef7fe8 0%,#e93cec99 99%);
    color: aqua;
    height: 35px;
    padding-top: 8px;
    border-radius: 10px;
    width: 117px;
    margin-top: 28%;
    padding-left: 37px;
    margin-right: 0%;
    position: fixed;
    top: -109px;
    display:none;
    float: right;
    right: 18%;
  }
  input.buchen {
    height: 61px;
    width:280px;
    background-color: #891767;
    color:aliceblue;
    font-size: 90%;
    border-radius: 10px;
    margin: 8% 1% 10% 2%;
  }
  #termine.bestät {
    display: inline-block;
    position: relative;
    margin:1% 2% 1% -12%;
    left: 8%;
    width: 80%;
    font: 103%/1.4 sans-serif;
  }
  select.buch {
    height: 50px;
    width:600px;
    text-align:center;
    font:80% sans-serif;
    margin:5% -5% 8% 19%;
  }
  select.termin {
    height: 30px;
    width:400px;
    padding:2% 2% 6% 2%;
    text-align:center;
    font:113% sans-serif;
    margin:2% 5% 10% 1%;
  }
  #termine.online {
    display: flex;
    justify-content: center;
    text-align: center;
    position: relative;
    width: 67%;
    height: 71px;
    margin: 0 auto;
    left: -5%;
    justify-content: center;
    align-items: center;
  }
  label.auswahl {
    display: inline-block;
    font: 86%/1.2 sans-serif;
    margin:2px 4%;
    position: relative;
    height: 64px;
    top: 36%;
    width: 8px;
  }
  label.massage {
    display: flex;
    font: 130%/1.2 sans-serif;
    position: relative;
    height: 28px;
    width: 1048px;
    left: 29%;
    font-weight: bold;
  }
  #termin-datum {
    display: flex;
    position: relative;
    margin:5% 25%;
    list-style-type: none;
  }
  #navyquer li ul.sub li {
    top: auto;
    left: auto;
    width: auto;
  }
  #navyquer .unter > li {
    position: relative;
    top: auto;
    left: auto;
    padding: 5px 20px 5px 17px;
    margin-top: -12px;
    margin-left: -4px;
    margin-bottom: 7px;
    width: 139px;
    opacity: 1.0;
    margin-right: -2px;
    height: 60px;
    background: linear-gradient(to right, #d77dd2 65%,#6D2C72 99%);
  }
  #navyquer .sub a {
    position: relative;
    padding: 12px 18px;
    height: auto;
    top: 4px;
    left: -16px;
    width: 137px;
    margin-top: -9px;
  }
  ul.termin li.box-term {
    width: 379px;
    background-color:aliceblue;
    border:2px;
    margin: 10px;
    padding: 10px;
    border-style: solid;
    text-align: center;
  }
  #wechselbild1.onlin {
    position: relative;
    width: 90%;
    display: block;
  }
  td {
    display: block;
    margin-top: -68px;
    width: 223px;
    height: 140px;
    top: 23px;
    position: relative;
  }
  td.termonline {
    display: table-cell;
    background: linear-gradient(to right, #ef7fe8 0%,#e93cec99 99%);
    height: 60px;
    border-radius: 15px;
    border: 1px outset;
    width: 250px;
  }
  td.hoerer {
    display: none;
    height: 20px;
    border: 1px outset;
  }
  td.kontakte {
    display: table-cell;
    background: lightgreen;
    height: 60px;
    border-radius: 15px;
    border: 1px outset;
  }
  td.zwischenoder {
    display: none;
  }
  #wechselbild2.onlin {
    display:block;
    width: 83%;
    left: 50px;
    position: relative;
  }
  #nav.onlin {
    position: absolute;
    width:1500px;
    top:auto;
    left: 20px;
  }
  #headline.onlin {
    top: auto;
    width: 90%;
    top:0%;
    position: relative;
    height: 150px;
  }
  #main.onlin {
    width: 100%;
    float: left;
    background-color: #c3c6f900;
    margin-top: 12%;
    margin-bottom: 10px;
    height: 1499px;
    top: 2%;
    position: relative;
    background: #add8e600;
    margin: 0 auto;
  }
  a.allg {
    display: block;
    position: absolute;
    width: 150px;
    color: white;
    left: 27%;
    font-size: 125%;
    margin: 0 auto;
    top: 25%;
  }
  th.ruecklink {
    display: table-cell;
    height: auto;
    font:180% sans-serif;
    width: auto;
    padding:5px 20px;
  }
  table.medien {
    display: table-cell;
    width:100%;
    padding-left: 31px;
    height: auto;
    text-align: center;
  }
  td.zwischen {
    display: table-cell;
    height:20px;
  }
  td.termonline {
    display: table-cell;
    background: linear-gradient(to right, #ef7fe8 0%,#e93cec99 99%);
    height: 60px;
    border-radius: 15px;
    width: 300px;
  }
  td.hoerer {
    display: none;
    height: 20px;
  }
  td.kontakte {
    display: table-cell;
    background: lightgreen;
    height: 60px;
    border-radius: 15px;
    border: 1px outset gray;
    width: 259px;
  }
  #medien.buchen {
    position: relative;
    display: none;
    width:49%;
    top:4%;
    left: 75%;
    height:40%;
    margin: 0 auto;
  }
  #medien.onlin {
    position: relative;
    display: flex;
    width:83%;
    top:45px;
    height:99px;
    margin: 0 auto;
  }
  table.nebenlink {
    display: table-cell;
    padding:30px 150px;
  }
  #wechselbild2.navi {
    position: absolute;
    left: 1%;
    top: -8px;
    width: 99%;
  }
  #main.onlin {
    left: 5%;
    position: relative;
    margin-top: 4%;
    float: left;
    margin-bottom: 4%;
    width: 50%;
    height: 1300px;
    top: -8%;
    display: block;
    width: 76%;
  }
  #copy.raumnav {
    color: rgb(0, 0, 128);
    font: 101% serif;
    height: auto;
    margin-bottom: 1px;
    margin-left: 52%;
    margin-top: -4%;
    padding: 23px;
    position: relative;
    width:19%;
  }
  #spiegelranke {
    display: block;
    position: absolute;
    left:53%;
    top:6%;
    width: 21%;
  }
  #wrapper {
    background-image: url(hintergrund_site_neu.png);
    width: 100%;
    height: auto;
  }
  #wrapper.spez {
    font: 104% serif;
    background-color:#d8f9d3;
    background-image: url(hintergrund_site_ganzneu.png);
    background-repeat: no-repeat;
    padding:5px;
    margin:0 auto;
    height: 2300px;
    width: 98%;
    left: 2px;
    position: absolute;
    top: 2px;
  }
  #navyquer a {
    display: block;
    text-decoration: none;
    list-style: none;
    padding-top: 15px;
    padding-bottom: 11px;
    border-radius: 10px;
    border: 1px outset;
    max-width: 208px;
    margin: 1px;
    margin-left: 1px;
    color: #352c66;
    font-size: 86%;
    width: 99%;
    margin-left: -3px;
  }
  #wasser.onlin {
    color: #5a0e5a;
    font-size: 159%;
    width: 72%;
    padding-top: 93%;
    top: -385px;
    text-shadow: -2px 2px 2px aliceblue;
  }
  #telklick,
  #tel_hoer {
    display: none;
  }
  h1.start {
    font-size: 118%;
    color: #f9c3e6;
    font-weight: bold;
    font-style: italic;
    text-align: center;
    margin: 0 auto;
    position: relative;
    top: 10%;
    float: right;
    left: 2px;
    height: auto;
    width: auto;
  }
  #wrapper.onlin {
    width: 99%;
    background-color: #caf9c3;
    padding: 1%;
    margin: 0 auto;
    display: block;
    position: relative;
    height: 1261px;
    top: -190px;
  }
  #tel_hoer {
    display: none;
    position: relative;
    top:6px;
    left:21px;
    width:68%;
  }
  #telklick {
    display: none;
  }
  #kontakte {
    width: 55%;
    height: 68%;
    padding-top: 100px;
    padding-left: 25px;
    top: 22px;
    left: 1%;
    padding-bottom: 70px;
    font-family: serif;
    font-size: 114%;
    margin-top: 10px;
    margin-bottom: 20px;
  }
  #wechselbild3.allg {
    left: 22px;
    position: relative;
    top: 1px;
  }
  #terminspez.allg {
    position: relative;
    top:-40%;
    margin-top:1037px;
    background-color:#bb00ff8c;
    text-align: center;
    border-radius:8px;
    border-style:outset;
    opacity: 1.0;
    width: 61%;
    left: 3%;
    margin-left: -3%;
  }
  #copy.agb {
    top: 800px;
    display:inherit;
    position: relative;
    top:auto;
    margin-top:320px;
  }
  ul.start {
    position: relative;
    margin-top:50px;
    display: inline;
  }
  h1.agb {
    top: -15%;
    float: left;
    position: relative;
    font-family: serif;
    font-size: 309%;
    padding-left: 1%;
    text-shadow: -2px 2px 2px #33322f;
    color: #811d86;
    left: 90px;
    width: 200px;
    height: auto;
  }
  #headline.agb {
    display: block;
    position: relative;
    top:10px;
    height: 200px;
    width: 90%;
    left:1%;
  }
  #main.onlin {
    left: 5%;
    position: absolute;
    margin-top: 2%;
    float: left;
    margin-bottom: 4%;
    width: 50%;
    height: 2300px;
    top: 35%;
    width: 85%;
  }
  #main.allg {
    left: 5%;
    position: relative;
    margin-top: 4%;
    float: left;
    margin-bottom: 4%;
    width: 50%;
    height: 1300px;
    top: -8%;
    display: block;
    width: 76%;
  }
  #navyquer.onlin {
    position: fixed;
    top:-28%;
    width:90%;
    margin-top:20px;
    left: 5%;
    display: none;
    margin: 0 auto;
  }
  #starttableindex.onlin {
    display: block;
    position: relative;
    top:4%;
    height: 700px;
    width: 73%;
    margin-top:50px;
    padding: 125px 50px 93% 2%;
    font-size: 96%;
  }
  #nav.agb {
    display: block;
    position: relative;
    top:-537px;
    margin-top:11px;
    height: 50px;
    width: 1200px;
    margin-top: -705px;
    left: -200px;
  }
  #willk {
    position: relative;
    display:inline;
    top:-11px;
    left:200px;
  }
  #starthome.onlin {
    font: 120% serif;
  }
  #copy.raumstart {
    background-image: url("gruenskal.png");
    border-color: rgb(0, 128, 0);
    border-radius: 15px;
    border-style: outset;
    color: rgb(50, 74, 20);
    font: 80% serif;
    height: auto;
    margin-bottom: 1px;
    opacity: 0.9;
    padding: 1%;
    padding-top: 1%;
    text-align: center;
    text-decoration: none;
    list-style-type: none;
    position: absolute;
    padding-top: 20px;
    left: 38%;
    display: inherit;
    top:auto;
    width: 30%;
    margin-top: -119px;
    background: #b3e38bde;
  }
  a:link {
    color:navy;
    display: block;
  }
  a.tel:link {
    color:white;
    display: block;
    position: relative;
    top:-2px;
    left:-54px;
  }
  a.termonl {
    display: inline-block;
    position: relative;
    top:-1px;
    margin:-29px auto;
    height: 50px;
  }
  #navyquer.rueallg {
    width: 99%;
    position: relative;
    display: block;
    top: -1016%;
    left: -155px;
    background: lightblue;
  }
  #wechselbild1.allg {
    float: right;
    left: 14%;
    position: relative;
    margin-top: -166%;
    width: 126%;
    top: 16px;
  }
  a.bild {
    color:wheat;
    text-decoration: none;
    text-shadow: -1px 3px 3px #8f7a53;
    top: -38%;
  }
  #abhylink {
    position: relative;
    left:0%;
  }
  #klasslink {
    position: relative;
    top:7px;
    width: 350px;
    margin: 0 auto;
  }
  #ruecklink {
    position: relative;
    left: -91px;
    top: 0px;
    display: inline-block;
    width: 46px;
  }
  #fusslink {
    position: relative;
    left: 453px;
    top: -28px;
    display: block;
    width: 108px;
    margin-left: 36px;
  }
  #kontaktlink {
    position: absolute;
    left: 27%;
    top: 116%;
  }
  #bild3.allg {
    position: relative;
    width: 51%;
    top:23px;
    margin-top:20px;
    margin-bottom:50px;
    margin-left: 22%;
    border-style: outset;
    padding: 7px;
    color: white;
  }
  #bild.garschan {
    position: relative;
    display: block;
    top:-270px;
    font-size: 158%;
    left:-4px;
    margin: 0 auto;
    font-family: serif;
  }
  #bild.marma {
    position: relative;
    display: block;
    top:-2%;
    font-size: 158%;
    left:-25px;
  }
  #fruehangeb {
    position: absolute;
    color:wheat;
    font-size: 130%;
    display: block;
    background: #00f0;
    left: 57%;
    font-family: serif;
    width: 100px;
    text-align: center;
    background: #80808000;
    margin-top: auto;
    top: 10%;
  }
  #headline.spez {
    position: relative;
    top:-62%;
    height: 190px;
    width: 78%;
  }
  #bild.allg {
    display: block;
    position: relative;
    width:19%;
    top:-200%;
    margin-top:156px;
    margin-bottom:20px;
    border-style: outset;
    border-color: #183509;
    background: #d8f9d3;
    left: 63%;
    border-radius: 15px;
    padding: 4px;
    height: auto;
  }
  #starthome.onlin {
    display: block;
    position: relative;
    width:87%;
    margin-top:-37px;
    margin-bottom:20px;
    border-color: #183509;
    background: #ddefde00;
    left: 9%;
    height: auto;
    font: 159% serif;
    font-family: verdana;
    letter-spacing: 0px;
  }
  #wechselbild2.fuss {
    position: relative;
    left: 15px;
    top: -7%;
    width: 101%;
    display: none;
  }
  ul.rueklass {
    position: relative;
    text-align: left;
    margin-left:25%;
    margin-top:20px;
    font-style: inherit;
    font-size: 97%;
  }
  #sprung.spez {
    display: none;
  }
  #sidebar.spez {
    top:21%;
    position: absolute;
    margin-left: 2%;
    width: 67%;
    float: left;
    margin-top: 10px;
    height: auto;
  }
  #wechselbild1.allg {
    float: right;
    left: 2%;
    position: relative;
    top: 255%;
    margin-top: -10%;
    width: 103%;
  }
  #wechselbild10.allg {
    float: right;
    left: 1%;
    position: absolute;
    top: 49%;
    margin-top: -72%;
    width: 100%;
  }
  #starttableklass.spez {
    width: 58%;
    padding-top: 59px;
    padding-left: 60px;
    top: 0%;
    left: -3%;
    padding-bottom: 40px;
    font-family: serif;
    font-size: 114%;
    margin-top: 30px;
    padding-right: 19px;
    display: inherit;
    height: auto;
  }
  h1.allg {
    top: -60%;
    left: -3%;
    font-size: 298%;
    margin: 0 auto;
    width: 814px;
  }
  h1.navi {
    text-shadow: 3px 3px 3px #fff;
    font-family: serif;
    font-size: 200%;
    color: #261f7b;
    top: auto;
    left: -11%;
    width: 82%;
    margin-top: -125px;
    font-size: 349%;
    position: relative;
  }
  #navyquer.nurmenue {
    width: 39%;
    position: relative;
    display: block;
    top: -66%;
    margin-top: 23%;
    margin-left: -2%;
    position: relative;
  }
  #navyquer ul.top {
    display: block;
    border-radius: 10px;
    color: #fff;
    width: 107%;
    clear: both;
    left: -99%;
    float: left;
    background: #add8e600;
    margin-left: 29%;
    top: -18px;
    position: relative;
  }
  #spruchstart.onlin {
    display: block;
    position: absolute;
    width:18%;
    height: 400px;
    left: 12%;
    top: 9%;
    margin-top: -34%;
    border: 1px outset #352c66;
  }
  #termin.mobil {
    width: 296px;
    margin-top: 21%;
    padding-left: 37px;
    margin-right: 2%;
    position: relative;
    top: -303px;
    display: inherit;
    float: left;
    left: 4%;
    text-align: center;
    background: #93958cd9;
    height: 47px;
    border-radius: 16px;
    padding-top: 11px;
    font-size: 114%;
    border: #909690;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-style: outset;
    font-family: navi;
    color: #1c216e;
  }
  #wechselbild2.mob {
    position: relative;
    top: -275px;
    left: 100px;
    width:87%;
  }
  #spruchallg {
    height: 297px;
    margin-left: 750px;
    margin-top: -338px;
    left: 89px;
    top: auto;
    width: 375px;
    position: relative;
  }
  #copy.moballg {
    top: 1019px;
    left: -31px;
    width: 90%;
    height: 75px;
    display: block;
  }
  #startmobil {
    position: relative;
    width:95%;
    top:auto;
    margin-top:20px;
    left:20px;
  }
  #startfuss.mob {
    width: 94%;
    font: 115%/1.2 serif;
    top: 10px;
    position: relative;
  }
  #rankefuss.mobil {
    display: inline;
    position: absolute;
    top: 18%;
    left: 71%;
  }
  #navyquer.allmob {
    width: 99%;
    position: relative;
    display: block;
    float: left;
    left: -3%;
    top: -96px;
    position: relative;
  }
  #herz {
    display: inline;
    font: 187% italic serif;
    height: 20px;
    text-shadow: -2px 2px 2px;
    position: relative;
    left: 270px;
    float: left;
    top: auto;
    margin-top: 214px;
  }
  #rankefuss {
    display: inline;
    position: absolute;
    top: 36%;
    left: 58%;
  }
  #dreieck {
    position: relative;
    left: 58px;
  }
  header.onlin {
    height: 443px;
    width: 99%;
    position: relative;
    display: block;
    margin-bottom: 20px;
    top: -1%;
    margin-top: 7px;
    margin: 0 auto;
  }
  #nav.allg {
    float: left;
    width: 1000px;
    margin-top: 10%;
    margin-bottom: 10px;
    position: relative;
    font-size: 110%;
    margin: 0 auto;
    margin-top: 0px;
    margin-right: auto;
    margin-top: 0px;
    margin-right: auto;
    margin-right: auto;
    margin-top: -484px;
    left: 6%;
    height: 48px;
    background-color: #80e7854d;
  }
  #navyquer a {
    color:darkblue;
  }
  #navyquer .top > li {
    float: left;
    background-color: rgba(231, 135, 232, 0.91);
    box-shadow: -0px 5px 5px #008000b3;
    position: relative;
    padding: 7px 20px;
    top: 473px;
    margin: 0 auto;
    width: 161px;
    height: 54px;
    border-radius: 8px;
    font-family: serif;
    font-size: 26px;
    text-align: center;
    list-style-type: none;
    border: #00f0;
    left: 70%;
  }
  #wechselbild2.advent {
    position: relative;
    left:-21px;
    width: 90%;
    margin: 1% auto;
    height: auto;
    margin-top: 10px;
  }
  #dreieck {
    position: relative;
    left: 15%;
  }
  #dreieck.navi {
    position: relative;
    left: 17%;
    top: 69%;
    margin-left: 20px;
    max-width: 14%;
  }
  #dreieck.spez {
    text-shadow: 3px 3px 3px #fff;
    padding-left: 18%;
    position: relative;
    font-size: 200%;
    color: #261f7b;
    top: 20%;
    font-style:italic;
    left: 2%;
    width: 528px;
    margin-top: 185px;
    font-size: 166%;
  }
  h1.onlin {
    text-shadow: 1px 1px 1px #fff;
    padding-left: 18%;
    position: relative;
    font-family: serif;
    color: #761d08;
    top: 1%;
    font-style: oblique;
    left: -9%;
    width: 55%;
    margin-top: -121px;
    font-size: 320%;
    font-weight: normal;
    text-shadow: 3px -1px 1px aliceblue;
    letter-spacing: -2px;
    height: auto;
    width: 80%;
  }
  #starttableindex.allg {
    left: -9%;
    position: relative;
    margin-top: 6%;
    float: left;
    margin-bottom: 4%;
    width: 59%;
    height: auto;
    top: -15%;
    text-align: center;
    border: outset grey;
    border-radius: 15px;
    background-color: #daf0e4;
    font-family: serif;
    font-size: 120%;
    color: #551a8b;
  }
  #starttablemobil {
    border: outset;
    border-radius: 15px;
    padding: 20px;
    font-family: serif, navy;
    width: 79%;
    text-align: center;
    color: navy;
    background-color: #cfe6e6de;
    border-color: #b3afaf;
    margin-left: -40px;
    margin-top: -118px;
    height: auto;
    top: 141px;
    position: relative;
    left: 151px;
    font-size: 125%;
  }
  #wechselbild1.mass {
    position: relative;
    left:-52px;
    top: -385px;
  }
  #dreieck.allg {
    position: relative;
    top: -45%;
    left: 10%;
    margin-top: 14%;
    display: inherit;
  }
  #sidebar.allg {
    width: 18%;
    height: 240px;
    float: right;
    position: relative;
    padding: 20px;
    border-style: outset;
    border-radius: 20px;
    border-color: #B6FFA2;
    background-color: #DDEFDE;
    margin-bottom: 2px;
    top: 134%;
    right: 18%;
    margin-top: 5%;
  }
  #sidebar.allg {
    display:none;
  }
  #gutschein.mobile {
    position:relative;
    float:right;
    margin-top:0px;
    margin-bottom: 10px;
    left: 293px;
    top: 213px;
  }
  #copy.allg {
    top: auto;
    width: 774px;
    left: -150px;
    height: 80px;
    margin-top: auto;
  }
  #navyquer.allg {
    margin-top: 52px;
    top: 121px;
    left: 20%;
    width: 76%;
    display: none;
  }
  #footer.allg {
    position: relative;
    top:86%;
    margin-top: 20%;
    height: 255px;
    width: 48%;
    margin-top:23px;
    left:5%;
    background: #b8cbdb91;
  }
  #sprung.spez {
    width: 68%;
    left: -22%;
    position: relative;
    margin-left: -4px;
    margin-top: -20%;
    text-align: center;
    display: block;
    margin-left: 30px;
    top: 2%;
    margin-bottom: 20px;
  }
  #footer.onlin {
    display: block;
    position: relative;
    top:256%;
    width: 73%;
    margin: 11% 2%;
  }
  #copy.onlin {
    width: 1000px;
    height: auto;
    display: block;
    top: auto;
    margin: 28% auto;
  }
  #navyquer ul.top a {
    height: 20px;
    width: 100%;
    padding: 7px 15px 10px 1px;
    color: darkblue;
    border: 1px solid;
  }
  ul.broken {
    display: inline-block;
    text-decoration: none;
    margin: 0 auto;
  }
}
@media screen and (max-width:2048px) {
  #wechselbild7 {
    display:none;
  }
   select.buch {
    height: 50px;
    width:458px;
    text-align:center;
    font:80% sans-serif;
    /*! margin:1% 5% 8% 12%; */
  }
   #termine.online {
    display: flex;
    justify-content: center;
    text-align: center;
    position: relative;
    width: 600px;
    height: 64px;
    margin: 9px 1%;
    left: 6%;
 background: #ee82ee6e;
  }
  #weitere.anfr {
  display: flex;
  /*! padding: 3px; */
  position: relative;
  height: 503px;
  background: #0000ff38;
  width: 693px;
  margin: 5% -27% 1% -86%;
  top: auto;
  left: 41%;
}
    #auswahl.betreff {
    display: flex;
    justify-content: center;
    text-align: center;
    font: 94% sans-serif;
    width: 95%;
    text-shadow: none;
    position: relative;
    left: -89%;
    top: auto;
    margin: 40% 2% 2% -1%;
    height: 200px;
  }
    #buchen.termin {
    position: relative;
    display: inline-block;
    top: 0%;
    width: 645px;
    left: 53%;
    margin: 72% 5% 7% -142%;
    height: 17%;
    padding: 5%;
  }
  #starttableindex.onlin {
    display: block;
    position: relative;
    top: 3%;
    height: 1200px;
    width: 73%;
    margin-top: 50px;
    padding: 125px 50px 61% 2%;
    font-size: 96%;
  }
  #sprung {
    background: linear-gradient(to right, #ef7fe8 0%,#e93cec99 99%);
    color: aqua;
    height: 35px;
    padding-top: 8px;
    border-radius: 10px;
    width: 117px;
    margin-top: 28%;
    padding-left: 37px;
    margin-right: 0%;
    position: fixed;
    top: -109px;
    display:none;
    float: right;
    right: 18%;
  }
  #wechselbild1.onlin {
    position: relative;
    width: 90%;
    display: block;
  }
  td {
    display: block;
    margin-top: -68px;
    width: 223px;
    height: 140px;
    top: 23px;
    position: relative;
  }
  td.termonline {
    display: table-cell;
    background: linear-gradient(to right, #ef7fe8 0%,#e93cec99 99%);
    height: 60px;
    border-radius: 15px;
    border: 1px outset;
    width: 250px;
  }
  td.hoerer {
    display: none;
    height: 20px;
    border: 1px outset;
  }
  td.zwischenoder {
    display: none;
  }
  #wechselbild2.onlin {
    display:block;
    width: 83%;
    left: 50px;
    position: relative;
  }
  #nav.onlin {
    position: absolute;
    width:1500px;
    top:auto;
    left: 20px;
  }
  #headline.onlin {
    top: auto;
    width: 70%;
    top:9%;
    position: relative;
    height: 150px;
  }
  #main.onlin {
    width: 100%;
    float: left;
    background-color: #c3c6f900;
    margin-top: 12%;
    margin-bottom: 10px;
    height: 1499px;
    top: 2%;
    position: relative;
    background: #add8e600;
    margin: 0 auto;
  }
  a.allg {
    display: block;
    position: absolute;
    width: 150px;
    color: white;
    left: 27%;
    font-size: 125%;
    margin: 0 auto;
    top: 25%;
  }
  th.ruecklink {
    display: table-cell;
    height: auto;
    font:180% sans-serif;
    width: auto;
    padding:5px 20px;
  }
  table.medien {
    display: table-cell;
    width:100%;
    padding-left: 31px;
    height: auto;
    text-align: center;
  }
  td.zwischen {
    display: table-cell;
    height:20px;
  }
  td.termonline {
    display: table-cell;
    background: linear-gradient(to right, #ef7fe8 0%,#e93cec99 99%);
    height: 60px;
    border-radius: 15px;
    width: 300px;
  }
  td.hoerer {
    display: none;
    height: 20px;
  }
  td.kontakte {
    display: table-cell;
    background: lightgreen;
    height: 60px;
    border-radius: 15px;
    border: 1px outset gray;
  }
  #medien.onlin {
    width:100%;
    top:45px;
    height:99px;
    margin: 0 auto;
    left: 27%;
  }
  table.nebenlink {
    display: table-cell;
    padding:30px 150px;
  }
  #wechselbild2.navi {
    position: absolute;
    left: 1%;
    top: -8px;
    width: 99%;
  }
  #main.onlin {
    left: 5%;
    position: relative;
    margin-top: 4%;
    float: left;
    margin-bottom: 4%;
    width: 50%;
    height: 1300px;
    top: -8%;
    display: block;
    width: 76%;
  }
  #copy.raumnav {
    color: rgb(0, 0, 128);
    font: 101% serif;
    height: auto;
    margin-bottom: 1px;
    margin-left: 52%;
    margin-top: -4%;
    padding: 23px;
    position: relative;
    width:19%;
  }
  #spiegelranke {
    display: block;
    position: absolute;
    left:53%;
    top:6%;
    width: 21%;
  }
  #wrapper {
    background-image: url(hintergrund_site_neu.png);
    width: 100%;
    height: auto;
  }
  #wrapper.onlin {
    background-image: url(hintergrund_site_neu.png);
    width: 100%;
    height: auto;
    top: 2px;
    position: absolute;
    margin: 0px;
    display: block;
  }
  #wrapper.spez {
    font: 104% serif;
    background-color:#d8f9d3;
    background-image: url(hintergrund_site_ganzneu.png);
    background-repeat: no-repeat;
    padding:5px;
    margin:0 auto;
    height: 2300px;
    width: 98%;
    left: 2px;
    position: absolute;
    top: 2px;
  }
  #navyquer a {
    display: block;
    text-decoration: none;
    list-style: none;
    padding-top: 15px;
    padding-bottom: 11px;
    border-radius: 10px;
    border: 1px outset;
    max-width: 208px;
    margin-left: 1px;
    color: #352c66;
    font-size: 86%;
    width: 99%;
    margin: 3px -1px -2px -14px;
  }
  #wasser.onlin {
    color: #5a0e5a;
    font-size: 159%;
    width: 72%;
    padding-top: 93%;
    top: -385px;
    text-shadow: -2px 2px 2px aliceblue;
  }
  #telklick,
  #tel_hoer {
    display: none;
  }
  h1.start {
    font-size: 118%;
    color: #f9c3e6;
    font-weight: bold;
    font-style: italic;
    text-align: center;
    margin: 0 auto;
    position: relative;
    top: 10%;
    float: right;
    left: 2px;
    height: auto;
    width: auto;
  }
  #wrapper.onlin {
    width: 99%;
    background-color: #caf9c3;
    padding: 1%;
    margin: 0 auto;
    display: block;
    position: relative;
    height: 1261px;
    top: -190px;
  }
  #tel_hoer {
    display: none;
    position: relative;
    top:6px;
    left:21px;
    width:68%;
  }
  #telklick {
    display: none;
  }
  #kontakte {
    width: 55%;
    height: 68%;
    padding-top: 100px;
    padding-left: 25px;
    top: 22px;
    left: 1%;
    padding-bottom: 70px;
    font-family: serif;
    font-size: 114%;
    margin-top: 10px;
    margin-bottom: 20px;
  }
  #wechselbild3.allg {
    left: 22px;
    position: relative;
    top: 1px;
  }
  #terminspez.allg {
    position: relative;
    top:-40%;
    margin-top:1037px;
    background-color:#bb00ff8c;
    text-align: center;
    border-radius:8px;
    border-style:outset;
    opacity: 1.0;
    width: 61%;
    left: 3%;
    margin-left: -3%;
  }
  #copy.agb {
    top: 800px;
    display:inherit;
    position: relative;
    top:auto;
    margin-top:320px;
  }
  ul.start {
    position: relative;
    margin-top:50px;
    display: inline;
  }
  h1.agb {
    top: -15%;
    float: left;
    position: relative;
    font-family: serif;
    font-size: 309%;
    padding-left: 1%;
    text-shadow: -2px 2px 2px #33322f;
    color: #811d86;
    left: 90px;
    width: 200px;
    height: auto;
  }
  #headline.agb {
    display: block;
    position: relative;
    top:10px;
    height: 200px;
    width: 90%;
    left:1%;
  }
  #main.onlin {
    left: 5%;
    position: absolute;
    margin-top: 2%;
    float: left;
    margin-bottom: 4%;
    width: 50%;
    height: 1300px;
    top: 39%;
    width: 85%;
  }
  #main.allg {
    left: 5%;
    position: relative;
    margin-top: 4%;
    float: left;
    margin-bottom: 4%;
    width: 50%;
    height: 1300px;
    top: -8%;
    display: block;
    width: 76%;
  }
  #navyquer.onlin {
    position: fixed;
    top:-18%;
    width:90%;
    margin-top:20px;
    left: 6%;
    margin: 0 auto;
  }
  #nav.agb {
    display: block;
    position: relative;
    top:-537px;
    margin-top:11px;
    height: 50px;
    width: 1200px;
    margin-top: -705px;
    left: -200px;
  }
  #willk {
    position: relative;
    display:inline;
    top:-11px;
    left:200px;
  }
  #starthome.onlin {
    font: 120% serif;
  }
  #copy.raumstart {
    background-image: url("gruenskal.png");
    border-color: rgb(0, 128, 0);
    border-radius: 15px;
    border-style: outset;
    color: rgb(50, 74, 20);
    font: 80% serif;
    height: auto;
    margin-bottom: 1px;
    opacity: 0.9;
    padding: 1%;
    padding-top: 1%;
    text-align: center;
    text-decoration: none;
    list-style-type: none;
    position: absolute;
    padding-top: 20px;
    left: 38%;
    display: inherit;
    top:auto;
    width: 30%;
    margin-top: -119px;
    background: #b3e38bde;
  }
   a:link {
    color:#d9c099;
    display: block;
    text-shadow: none;
  }
  a.tel:link {
    color:white;
    display: block;
    position: relative;
    top:-2px;
    left:-54px;
  }
  a.termonl {
    display: inline;
    position: relative;
    top:-10px;
    margin:0 auto;
	
  }
  #navyquer.rueallg {
    width: 99%;
    position: relative;
    display: block;
    top: -1016%;
    left: -155px;
    background: lightblue;
  }
  #wechselbild1.allg {
    float: right;
    left: 14%;
    position: relative;
    margin-top: -166%;
    width: 126%;
    top: 16px;
  }
  a.bild {
    color:wheat;
    text-decoration: none;
    text-shadow: -1px 3px 3px #8f7a53;
    top: -38%;
  }
  #abhylink {
    position: relative;
    left:0%;
  }
  #klasslink {
    position: relative;
    top:7px;
    width: 350px;
    margin: 0 auto;
  }
  #ruecklink {
    position: relative;
    left: -91px;
    top: 0px;
    display: inline-block;
    width: 46px;
  }
  #fusslink {
    position: relative;
    left: 453px;
    top: -28px;
    display: block;
    width: 108px;
    margin-left: 36px;
  }
  #kontaktlink {
    position: absolute;
    left: 27%;
    top: 116%;
  }
  #bild3.allg {
    position: relative;
    width: 51%;
    top:23px;
    margin-top:20px;
    margin-bottom:50px;
    margin-left: 22%;
    border-style: outset;
    padding: 7px;
    color: white;
  }
  #bild.garschan {
    position: relative;
    display: block;
    top:-270px;
    font-size: 158%;
    left:-4px;
    margin: 0 auto;
    font-family: serif;
  }
  #bild.marma {
    position: relative;
    display: block;
    top:-2%;
    font-size: 158%;
    left:-25px;
  }
  #fruehangeb {
    position: absolute;
    color:wheat;
    font-size: 130%;
    display: block;
    background: #00f0;
    left: 57%;
    font-family: serif;
    width: 100px;
    text-align: center;
    background: #80808000;
    margin-top: auto;
    top: 10%;
  }
  #headline.spez {
    position: relative;
    top:-62%;
    height: 190px;
    width: 78%;
  }
  #bild.allg {
    display: block;
    position: relative;
    width:19%;
    top:-200%;
    margin-top:156px;
    margin-bottom:20px;
    border-style: outset;
    border-color: #183509;
    background: #d8f9d3;
    left: 63%;
    border-radius: 15px;
    padding: 4px;
    height: auto;
  }
  #starthome.onlin {
    display: block;
    position: relative;
    width:87%;
    margin-top:-37px;
    margin-bottom:20px;
    border-color: #183509;
    background: #ddefde00;
    left: 9%;
    height: auto;
    font: 159% serif;
  }
  #wechselbild2.fuss {
    position: relative;
    left: 15px;
    top: -7%;
    width: 101%;
    display: none;
  }
  ul.rueklass {
    position: relative;
    text-align: left;
    margin-left:25%;
    margin-top:20px;
    font-style: inherit;
    font-size: 97%;
  }
  #sprung.spez {
    display: none;
  }
  #sidebar.spez {
    top:21%;
    position: absolute;
    margin-left: 2%;
    width: 67%;
    float: left;
    margin-top: 10px;
    height: auto;
  }
  #wechselbild1.allg {
    float: right;
    left: 2%;
    position: relative;
    top: 255%;
    margin-top: -10%;
    width: 103%;
  }
  #wechselbild10.allg {
    float: right;
    left: 1%;
    position: absolute;
    top: 49%;
    margin-top: -72%;
    width: 100%;
  }
  #starttableklass.spez {
    width: 58%;
    padding-top: 59px;
    padding-left: 60px;
    top: 0%;
    left: -3%;
    padding-bottom: 40px;
    font-family: serif;
    font-size: 114%;
    margin-top: 30px;
    padding-right: 19px;
    display: inherit;
    height: auto;
  }
  h1.allg {
    top: -60%;
    left: -3%;
    font-size: 298%;
    margin: 0 auto;
    width: 814px;
  }
  h1.navi {
    text-shadow: 3px 3px 3px #fff;
    font-family: serif;
    font-size: 200%;
    color: #261f7b;
    top: auto;
    left: -11%;
    width: 82%;
    margin-top: -125px;
    font-size: 349%;
    position: relative;
  }
  #navyquer.nurmenue {
    width: 39%;
    position: relative;
    display: block;
    top: -66%;
    margin-top: 23%;
    margin-left: -2%;
    position: relative;
  }
  #navyquer ul.top {
    display: block;
    border-radius: 10px;
    width: 107%;
    clear: both;
    left: -99%;
    float: left;
    background: #add8e600;
    margin-left: 29%;
    top: -18px;
    position: relative;
  }
  #spruchstart.onlin {
    display: block;
    position: absolute;
    width:18%;
    height: 400px;
    left: 12%;
    top: 15%;
    margin-top: 0%;
    border: 1px outset #352c66;
  }
  #termin.mobil {
    width: 296px;
    margin-top: 21%;
    padding-left: 37px;
    margin-right: 2%;
    position: relative;
    top: -303px;
    display: inherit;
    float: left;
    left: 4%;
    text-align: center;
    background: #93958cd9;
    height: 47px;
    border-radius: 16px;
    padding-top: 11px;
    font-size: 114%;
    border: #909690;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-style: outset;
    font-family: navi;
    color: #1c216e;
  }
  #wechselbild2.mob {
    position: relative;
    top: -275px;
    left: 100px;
    width:87%;
  }
  #spruchallg {
    height: 297px;
    margin-left: 750px;
    margin-top: -338px;
    left: 89px;
    top: auto;
    width: 375px;
    position: relative;
  }
  #copy.moballg {
    top: 1019px;
    left: -31px;
    width: 90%;
    height: 75px;
    display: block;
  }
  #startmobil {
    position: relative;
    width:95%;
    top:auto;
    margin-top:20px;
    left:20px;
  }
  #startfuss.mob {
    width: 94%;
    font: 115%/1.2 serif;
    top: 10px;
    position: relative;
  }
  #rankefuss.mobil {
    display: inline;
    position: absolute;
    top: 18%;
    left: 71%;
  }
  #navyquer.allmob {
    width: 99%;
    position: relative;
    display: block;
    float: left;
    left: -3%;
    top: -96px;
    position: relative;
  }
  #herz {
    display: inline;
    font: 187% italic serif;
    height: 20px;
    text-shadow: -2px 2px 2px;
    position: relative;
    left: 270px;
    float: left;
    top: auto;
    margin-top: 214px;
  }
  #rankefuss {
    display: inline;
    position: absolute;
    top: 36%;
    left: 58%;
  }
  #dreieck {
    position: relative;
    left: 58px;
  }
  header.onlin {
    height: 44%;
    width: 99%;
    position: relative;
    display: block;
    margin-bottom: 20px;
    top: -1%;
    margin-top: 7px;
    margin: 0 auto;
  }
  #nav.allg {
    float: left;
    width: 1000px;
    margin-top: 10%;
    margin-bottom: 10px;
    position: relative;
    font-size: 110%;
    margin: 0 auto;
    margin-top: 0px;
    margin-right: auto;
    margin-top: 0px;
    margin-right: auto;
    margin-right: auto;
    margin-top: -484px;
    left: 6%;
    height: 48px;
    background-color: #80e7854d;
  }
  #navyquer .top > li {
    float: left;
    background-color: rgba(231, 135, 232, 0.91);
    box-shadow: -0px 5px 5px #008000b3;
    position: relative;
    top: 473px;
    margin: 0 auto;
    width: 174px;
    height: 35px;
    border-radius: 8px;
    font-family: serif;
    font-size: 26px;
    text-align: center;
    list-style-type: none;
    left: 70%;
  }
  #wechselbild2.advent {
    position: relative;
    left:-21px;
    width: 90%;
    margin: 1% auto;
    height: auto;
    margin-top: 10px;
  }
  #dreieck {
    position: relative;
    left: 8%;
  }
  #dreieck.navi {
    position: relative;
    left: 17%;
    top: 69%;
    margin-left: 20px;
    max-width: 14%;
  }
  #dreieck.spez {
    text-shadow: 3px 3px 3px #fff;
    padding-left: 18%;
    position: relative;
    font-size: 200%;
    color: #261f7b;
    top: 20%;
    font-style: italic;
    left: 2%;
    width: 528px;
    margin-top: 185px;
    font-size: 166%;
  }
  h1 {
    text-shadow: 1px 1px 1px #fff;
    padding-left: 18%;
    position: relative;
    font-family: serif;
    color: #261f7b;
    top: 11%;
    font-style: italic;
    left: -12%;
    width: 528px;
    margin-top: -121px;
    font-size: 320%;
  }
  #starttableindex.allg {
    left: -9%;
    position: relative;
    margin-top: 6%;
    float: left;
    margin-bottom: 4%;
    width: 59%;
    height: auto;
    top: -15%;
    text-align: center;
    border: outset grey;
    border-radius: 15px;
    background-color: #daf0e4;
    font-family: serif;
    font-size: 120%;
    color: #551a8b;
  }
  #starttablemobil {
    border: outset;
    border-radius: 15px;
    padding: 20px;
    font-family: serif, navy;
    width: 79%;
    text-align: center;
    color: navy;
    background-color: #cfe6e6de;
    border-color: #b3afaf;
    margin-left: -40px;
    margin-top: -118px;
    height: auto;
    top: 141px;
    position: relative;
    left: 151px;
    font-size: 125%;
  }
  #wechselbild1.mass {
    position: relative;
    left:-52px;
    top: -385px;
  }
  #dreieck.allg {
    position: relative;
    top: -45%;
    left: 10%;
    margin-top: 14%;
    display: inherit;
  }
  #sidebar.allg {
    width: 18%;
    height: 240px;
    float: right;
    position: relative;
    padding: 20px;
    border-style: outset;
    border-radius: 20px;
    border-color: #B6FFA2;
    background-color: #DDEFDE;
    margin-bottom: 2px;
    top: 134%;
    right: 18%;
    margin-top: 5%;
  }
  #sidebar.allg {
    display:none;
  }
  #gutschein.mobile {
    position:relative;
    float:right;
    margin-top:0px;
    margin-bottom: 10px;
    left: 293px;
    top: 213px;
  }
  #copy.allg {
    top: auto;
    width: 774px;
    left: -150px;
    height: 80px;
    margin-top: auto;
  }
  #navyquer.allg {
    margin-top: 52px;
    top: 121px;
    left: 20%;
    width: 76%;
    display: none;
  }
  #footer.allg {
    position: relative;
    top:86%;
    margin-top: 20%;
    height: 255px;
    width: 48%;
    margin-top:23px;
    left:5%;
    background: #b8cbdb91;
  }
  #sprung.spez {
    width: 68%;
    left: -22%;
    position: relative;
    margin-left: -4px;
    margin-top: -20%;
    text-align: center;
    display: block;
    margin-left: 30px;
    top: 2%;
    margin-bottom: 20px;
  }
}
@media screen and (max-width:1920px) {
  #headline.onlin {
    top: auto;
    width: 90%;
    top: 10%;
    position: relative;
    height: 150px;
  }
  #copy.raumnav {
    color: rgb(0, 0, 128);
    font: 80% serif;
    height: auto;
    margin-bottom: 1px;
    margin-left: 55%;
    margin-top: -67%;
    padding: 23px;
    position: relative;
    width: 289px;
  }
  #wechselbild2.onlin {
    display: block;
    width: 93%;
    left: 50px;
    position: relative;
    top: 70px 
  }
  #navyquer.onlin {
    position: fixed;
    top: -63%;
    width: 90%;
    margin-top: 120px;
    left: 7%;
    display: block;
  }
  #spiegelranke {
    display: block;
    position: relative;
    top:-61%;
    width: 16%;
    left: 59%;
    height: auto;
  }
}
@media screen and (max-width:1700px) {
  #wechselbild2.navi {
    position: absolute;
    left: 3%;
    top: -8px;
    width: 90%;
  }
  #auswahl.massage {
    display: flex;
    width: 114%;
    font: 110% sans-serif;
    text-shadow: none;
    top: 42%;
    margin: 15% 0% 1% -59%;
  }
  label.massage {
    display: flex;
    font: 133%/1.2 sans-serif;
    margin: 44px 4%;
    position: relative;
    height: 28px;
    top: 29%;
    width: 1048px;
    left: 38%;
    font-weight: bold;
  }
  #wechselbild1.onlin {
    display: block;
    width: 100%;
  }
  #nav.onlin {
    position: absolute;
    width: 1500px;
    top: auto;
    left: 20px;
  }
  #navyquer.onlin {
    position: fixed;
    top: -217%;
    width: 90%;
    margin-top: 41px;
    left: 4%;
    display: block;
  }
  #kontaktlink {
    position: absolute;
    left: 29%;
    top: 100%;
    margin: 0 auto;
    margin-top: 54px;
    margin-left: -57px;
    margin-bottom: 40px;
  }
  #spruchstart.onlin {
    display: block;
    position: absolute;
    width: 74%;
    height: 400px;
    left: -6%;
    top: 5%;
    margin-top: 0%;
    border: 1px outset #352c66;
  }
  #main.onlin {
    left: 5%;
    position: absolute;
    margin-top: 2%;
    float: left;
    margin-bottom: 4%;
    width: 50%;
    height: 1300px;
    top: 20%;
    width: 85%;
  }
  #bild.allg {
    display: block;
    position: absolute;
    width: 19%;
    top: -29%;
    margin-top: 156px;
    margin-bottom: 20px;
    left: 56%;
    border-radius: 15px;
    padding: 4px;
    height: auto;
  }
  #spiegelranke {
    display: block;
    position: absolute;
    top:-5%;
    width: 25%;
    left: 66%;
    height: auto;
  }
  #main.onlin {
    width: 99%;
    float: left;
    background-color: #caf9c300;
    margin-top: 12%;
    margin-bottom: 10px;
    height: auto;
    margin-left: -10px;
  }
  #copy.raumnav {
    color: rgb(0, 0, 128);
    font: 80% serif;
    height: auto;
    margin-bottom: 1px;
    margin-left: 66%;
    margin-top: -35%;
    padding: 23px;
    position: relative;
    width: 20%;
    top: 12%;
    font-size: 120%;
  }
  #navyquer.rueallg {
    width: 99%;
    position: relative;
    display: block;
    top: -1016%;
    left: -155px;
  }
  #sidebar.spez {
    top: 21%;
    position: absolute;
    margin-left: 6%;
    width: 36%;
    float: left;
    margin-top: 10px;
    height: auto;
  }
  #sprung.spez {
    width: 68%;
    left: -27%;
    position: relative;
    margin-left: -4px;
    margin-top: -11%;
    text-align: center;
    display: block;
    margin-left: 30px;
    top: -14%;
  }
  #navyquer.nurmenue {
    width: 52%;
    position: relative;
    display: block;
    top: 13%;
    margin-top: 2%;
    text-align: center;
    margin-left: -9%;
    position: absolute;
    left: 56%;
  }
  #spruchstart {
    display: block;
    top:10px;
    position: relative;
  }
  h1.bau {
    font-size: 247%;
    color: navy;
    font-weight: bold;
    font-style: italic;
    top: -2%;
    left: -22%;
    margin-top: 20px;
  }
  #sprung.bau {
    display: none;
    float: left;
    margin-left: -9%;
    margin-bottom: 20px;
    top: -120px;
  }
  #starttableindex.bau {
    left: 8%;
    margin-top: 30%;
    float: left;
    margin-bottom: 4%;
    padding: 5%;
    width: 44%;
    top: -61%;
  }
  #navyquer .top > li {
    float: left;
    background-color: rgba(231, 135, 232, 0.91);
    box-shadow: -0px 5px 5px #008000b3;
    position: relative;
    padding: 7px 6px;
    margin-bottom: 3px;
    width: 139px;
    top: 220px;
    left: 7%;
    margin: 0 auto;
  }
  #spruchstart {
    height: 94%;
    position: relative;
    padding: 3%;
    margin-left: 61px;
    margin-right: 3%;
    background-color: #99319099;
    width: 78%;
    right: 15%;
    display: block;
    margin-top: 1px;
  }
  #headline.agb {
    background-color: #87e3a44d;
    width: 100%;
    position: relative;
    top: 179px;
    left: 1px;
    margin-top: 3%;
    height: 150px;
    border-bottom: 2px dotted white;
    margin-bottom: 2px;
  }
  #headline.allg {
    background-color: #87e3a44d;
    width: 100%;
    position: relative;
    left: 1px;
    height: 34%;
    border-bottom: 3px dotted white;
    margin-bottom: 2px;
    top: 216px;
  }
  header.gutsch {
    height: 250px;
    width: 98%;
    position: relative;
    margin-top: -11%;
    margin-bottom: 10px;
    display: block;
  }
  #wechselbild1.ayurv {
    left: 17%;
    top: 92px;
    padding-bottom: 30px;
    padding-left: 40px;
  }
  #wechselbild4.fuss {
    display:none;
    width: 93%;
    top: 1%;
    left: -2%;
  }
  #rankefuss {
    display: inline;
    position: absolute;
    top: 36%;
    left: 38%;
  }
  #rankefuss1 {
    display: inline;
    position: absolute;
    top: 16%;
    left: 14%;
    margin-left: 21%;
    width: 65%;
  }
  details.rück {
    margin-right: 0;
    margin-top: 0;
    position: relative;
    right: 995px;
    top: 504px;
  }
  #starttableindex.ayur {
    float: left;
    margin-bottom: 4%;
    padding-right: 2%;
    padding-bottom: 50px;
    padding-top: 2%;
    width: 50%;
    padding-left: 2%;
    height: auto;
    top: -6%;
    margin-left: 57px;
  }
  #summary.fuss {
    display: inline;
    float: right;
    position: absolute;
    right: -757px;
    top: 113px;
    width: 544px;
    padding: 25%;
  }
  #navileiste.fuss {
    position: absolute;
    margin-top: 13%;
    float: right;
    left: 56%;
  }
  h4.upana {
    color: rgb(12, 112, 25);
    font: 137% bold,italic;
    height: 20%;
    left: -24%;
    position: relative;
    text-align: center;
    text-shadow: 3px 3px 3px rgb(255, 255, 255);
    top: 6%;
    margin-top: -4%;
  }
  #dreieck.ayur {
    position: relative;
    top: 13%;
    left: -34px;
  }
  h1.ayur {
    text-shadow: 3px 3px 3px #fff;
    margin: 0 auto;
    position: relative;
    top: -51%;
    font-family: serif;
    font-size: 221%;
    color: #000280;
    left: -346px;
  }
  #wechselbild1.start {
    left: -9%;
    padding-bottom: 30px;
    top: 13%;
    width: 103%;
  }
  #spruchstart.agb {
    height: 94%;
    position: relative;
    padding: 3%;
    margin-left: 37px;
    margin-right: 3%;
    background-color: #99319099;
    width: 78%;
    right: 3%;
    display: block;
  }
  #fussnote.fuss {
    top: -4%;
    left: 1%;
    position: relative;
    width: 83%;
    height: 236px;
    padding: 38px;
    margin-top: 10px;
  }
  #spruchstart.fuss {
    height: 117%;
    position: relative;
    padding: 4%;
    width: 85%;
    right: 5%;
    display: block;
    margin-left: 12%;
    margin-top: -54px;
    background: linear-gradient(to right, #a6b32780 0%,#263b0099 99%);
    background-color: rgba(0, 0, 0, 0);
  }
  #wassernote {
    position: relative;
    top: -65%;
    left: 2px;
    font-size: 83%;
    color: navy;
  }
  #wechselbild2a.abhy {
    position:relative;
    top:-97px;
    left:-66px;
  }
  #ampel.fuss {
    border-radius: 30px;
    display: table-cell;
    left: 8%;
    position: relative;
    top: -25%;
    height: auto;
    padding-bottom: 10%;
  }
  #navileiste.abhy {
    float: right;
    color: rgb(0, 0, 128);
    font: 71% serif;
    position: absolute;
    top: 81%;
  }
  #navyquer.abhy {
    width: 140%;
    margin-bottom: 5px;
    position: fixed;
    display: block;
    top: -23%;
    margin-left: -17px;
    height: 50px;
    left: -958px;
    float: left;
  }
  #sidebar.abhy {
    width: 18%;
    height: 430px;
    float: right;
    position: relative;
    padding: 20px;
    border-style: outset;
    border-radius: 20px;
    border-color: #B6FFA2;
    background-color: #DDEFDE80;
    margin-bottom: 2px;
    top: 12%;
    left: -16%;
  }
  #wasser {
    position: relative;
    margin: 22% auto;
    font-size: 98%;
    width: 72%;
    padding-top: 93%;
    top: 38px;
  }
  #sidebar1.abhy {
    width: 33%;
    height: 548px;
    float: left;
    position: relative;
    border-style: outset;
    border-radius: 20px;
    border-color: #B6FFA2;
    background-color: #DDEFDE99;
    left: -53%;
    top: 10%;
    padding: 2%;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  #spruchstart.abhy {
    height: 117%;
    position: relative;
    padding: 4%;
    width: 115%;
    right: 5%;
    display: block;
    margin-left: 12%;
    margin-top: -54px;
    background: linear-gradient(to right, #a6b32780 0%,#263b0099 99%);
    background-color: rgba(0, 0, 0, 0);
  }
  #wasser.abhy {
    position: relative;
    margin: -9% auto;
    font-size: 98%;
    width: 72%;
    padding-top: 93%;
    top: 118px;
  }
  #rankefuss.abhy {
    display: inline;
    position: absolute;
    top: 35%;
    left: 80%;
    margin-bottom: 2px;
    width: 44%;
  }
  #ampel.abhy {
    border-radius: 30px;
    display: table-cell;
    left: 7px;
    position: relative;
    top: -245px;
  }
  #ampel.abhy1 {
    border-radius: 30px;
    display: table-cell;
    left: 767px;
    position: relative;
    top: -413px;
  }
  #tablefuss.abhy {
    width: 30%;
    text-align: left;
    padding-bottom: 20px;
    float: left;
    margin-bottom: 10px;
    margin-top: 72px;
    top: 50%;
    left: 591px;
    height: 522px;
  }
  td.kurztextabhy {
    position:relative;
    top:-19px;
    left:-40px;
    font: 94% serif;
  }
  #wasser.agb {
    position: relative;
    font-size: 98%;
    width: 72%;
    padding-top: 93%;
    top: 38px;
    color:#f1eaf6e6;
    margin-top: -105%;
  }
  #übersicht.marma {
    position: relative;
    top: -36px;
    left: -98px;
  }
  #wrapper {
    width: 80%;
    background-color:#caf9c3;
    padding:1%;
    margin: 0 auto;
    display:block;
    position:relative;
    height:1261px;
  }
  #headline.fuss {
    background-color:#bcf7b466;
    width:100%;
    position:relative;
    top:1px;
    left:1px;
    margin-top:18%;
    height:150px;
    border-bottom: 2px dotted white;
  }
  #headline.agb {
    background-color:#87e3a44d;
    width:100%;
    position:relative;
    left:1px;
    margin-top:-8%;
    height:150px;
    border-bottom: 2px dotted white;
    margin-bottom: 2px;
  }
  #navyquer.agb {
    width: 140%;
    margin-bottom: 5px;
    position: fixed;
    display: block;
    top: -23%;
    margin-left: -17px;
    height: 50px;
    left: -879px;
    float: left;
  }
  #starttableindex.agb {
    left: 1%;
    position: relative;
    margin-top: 1%;
    float: left;
    margin-bottom: 4%;
    padding-right: 1%;
    padding-bottom: 50px;
    padding-top: 5%;
    width: 51%;
    padding-left: 8%;
    height: auto;
    top: 5%;
    margin-left: 125px;
  }
  #footer.agb {
    top: 28%;
    clear: both;
    width: 100%;
    background-color: #9194CF99;
    position: relative;
    margin-top: 8px;
    margin-bottom: 5px;
    height: 218px;
  }
  #copy.agb {
    margin: 0 auto;
    left: 1%;
    top: -6%;
    padding: 9px;
    width:82%;
    display: inherit;
    height: auto;
  }
  h1.fuss {
    top: -18%;
    left: 14%;
    position: relative;
    font-family: serif;
    font-size: 328%;
    margin-top: 48px;
  }
  h4.marma {
    color: rgba(12, 112, 25, 0.01);
    font: 105% bold,italic;
    height: 20%;
    left: 26%;
    position: fixed;
    text-align: center;
    text-shadow: 3px 3px 3px rgb(255, 255, 255);
    margin-top: -90px;
  }
  #main {
    width: 100%;
    float: left;
    background-color: #caf9c3;
    margin-top: -53px;
    margin-bottom: 10px;
    height: auto;
  }
  #main.fuss {
    width: 100%;
    float: left;
    background-color: #caf9c3;
    margin-top: -53px;
    margin-bottom: 10px;
    height: auto;
    margin-left:2px;
  }
  #main.navi {
    width: 100%;
    background-color: #caf9c3;
    margin-top: -53px;
    margin-bottom: 10px;
    height: 3000px;
  }
  header {
    height:250px;
    width: 102%;
    position:relative;
    margin-top: 4%;
    margin-bottom: 10px;
    display:block;
    left: -15px;
  }
  header.navi {
    height:161px;
    width: 104%;
    margin-bottom: 10px;
    left: 0%;
    margin-top:-139px;
  }
  #herzlich1 {
    margin-top: 2%;
    left: 20%;
    width: 60%;
    margin-bottom: 20px;
  }
  #dreieck {
    position:relative;
    top:18%;
    left: -33px;
  }
  #dreieck.onlinonline {
    position: relative;
    top: 21%;
    left: -122px;
  }
  #dreieck.fuss {
    position:relative;
    top:13%;
    left: -34px;
  }
  #sprung,
  #sprung.fuss {
    display:none;
  }
  h5 {
    font: 130% bold,italic;
    left: 17%;
    position: relative;
    top: 50%;
  }
  #rankefuss.rueallg {
    position:relative;
    top:20px;
    left:200px;
  }
  #starttableindex {
    left: 1%;
    position: relative;
    float: left;
    margin-bottom: 4%;
    padding-right: 5%;
    padding-bottom: 50px;
    padding-top: 5%;
    width: 50%;
    padding-left: 13%;
    height: auto;
  }
  #starttableindex.start {
    left: 1%;
    position: relative;
    float: left;
    margin-bottom: 4%;
    padding-right: 5%;
    padding-bottom: 50px;
    padding-top: 5%;
    width: 50%;
    padding-left: 13%;
    height: auto;
  }
  #starttableindex.fuss {
    position: relative;
    float: left;
    margin-bottom: 4%;
    padding-right: 2%;
    padding-bottom: 50px;
    padding-top: 2%;
    width: 50%;
    padding-left: 2%;
    height: auto;
    top: -1%;
    margin-left: 100px;
    margin-top: 33px;
  }
  #starttableindex.imp {
    left: 5%;
    position: relative;
    margin-top: 8%;
    float: left;
    margin-bottom: 4%;
    padding-right: 5%;
    padding-bottom: 50px;
    padding-top: 1%;
    width: 50%;
    padding-left: 13%;
    height: auto;
    top: 0%;
  }
  #starthome.marma {
    width: 87%;
    text-align: left;
    padding: 29px;
  }
  #tablefuss {
    width: 36%;
    position: absolute;
    top: 57%;
    left: 2%;
    height: 507px;
    padding-bottom: 31px;
    padding-left: 8%;
    margin-bottom: 10px;
    margin-top: 1%;
    margin-left: 8%;
    padding-top: 4%;
  }
  #tablefuss.marma {
    width: 36%;
    position: relative;
    top: 51%;
    right: 2%;
    height: 507px;
    padding-bottom: 31px;
    padding-left: 8%;
    margin-bottom: 10px;
    margin-top: -84%;
    margin-right: 3%;
    padding-top: 4%;
    float:right;
  }
  #sidebar {
    width:22%;
    height:463px;
    float:right;
    position:relative;
    padding: 20px;
    border-style: outset;
    border-radius: 20px;
    border-color: #B6FFA2;
    background-color: #DDEFDE;
    margin-bottom: 2px;
    margin-top: 11%;
    right: 7%;
    top: 1%;
  }
  #sidebar.bau {
    width: 22%;
    height: 463px;
    float: right;
    position: relative;
    padding: 20px;
    border-style: outset;
    border-radius: 20px;
    border-color: #B6FFA2;
    background-color: #DDEFDE;
    margin-bottom: 2px;
    margin-top: -10%;
    right: 7%;
    top: 1%;
  }
  #nav.start {
    float:left;
    width:100%;
    margin-top:10%;
    margin-bottom:10px;
    position: relative;
    font-size: 110%;
    margin:0 auto;
    margin-right:auto;
    margin-top: -484px;
    left: -1%;
    height: 48px;
    background-color: #80e7854d;
  }
  #nav.allg {
    float: left;
    width: 100%;
    margin-top: 10%;
    margin-bottom: 10px;
    position: relative;
    font-size: 110%;
    margin: 0 auto;
    margin-top: 0px;
    margin-right: auto;
    margin-right: auto;
    margin-top: -484px;
    left: -1%;
    height: 48px;
    background-color: #80e7854d;
  }
  #navyquer.rueallg {
    width: 99%;
    position: relative;
    display: block;
    top: -1016%;
    left: -155px;
  }
  #navyquer.navi {
    width: 80%;
    position: relative;
    display: block;
    top: 2%;
  }
  #navyquer.start {
    width: 99%;
    position: relative;
    display: block;
    margin-top: -189px;
    float: left;
    left: 36%;
  }
  #navyquer.allg {
    width: 99%;
    position: relative;
    display: block;
    margin-top: -38px;
    float: left;
    left: -10%;
  }
  #navyquer.marma {
    width: 140%;
    margin-bottom: 5px;
    position: fixed;
    top: -405%;
    margin-left: -58%;
    margin-top: -6000px;
  }
  #main {
    width:100%;
    float:left;
    background-color: #caf9c3;
    margin-top:30px;
    margin-bottom: 10px;
    height:auto;
  }
  #sidebar1 {
    width: 33%;
    height: 548px;
    float: left;
    position: relative;
    border-style: outset;
    border-radius: 20px;
    border-color: #B6FFA2;
    background-color: #DDEFDE99;
    left: -53%;
    top: 10%;
    padding: 2%;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  #sidebar1.marma {
    width: 33%;
    height: 389px;
    float: left;
    position: relative;
    border-style: outset;
    border-radius: 20px;
    border-color: #B6FFA2;
    background-color: #DDEFDE;
    top: 2%;
    padding: 2%;
    margin-top: 9%;
    margin-bottom: 10px;
    left: -52%;
  }
  #fussnote.marma {
    font: 88% serif;
    color: #060881;
    background-color: #DDEFDE;
    border-color: rgb(0, 128, 0);
    border-radius: 20px;
    border-style: outset;
    height: 294px;
    width: 94%;
    opacity: 0.8;
    top: 79%;
    padding:8%;
  }
  #sidebar2 {
    width: 37%;
    min-height: 334px;
    float: right;
    position: relative;
    padding: 20px;
    border-style: outset;
    border-radius: 20px;
    border-color: #B6FFA2;
    background-color: #DDEFDE;
    right: 2%;
    top: 25%;
  }
  #footer.start {
    top: 0%;
    clear:both;
    width:100%;
    background-color: #9194CF99;
    position:relative;
    margin-top: 8px;
    margin-bottom: 5px;
    height: 175px;
  }
  #wrapper.fuss {
    width: 99%;
    background-color: #ebfce9;
    padding: 1%;
    margin: 0 auto;
    margin-left: auto;
    display: block;
    position: relative;
    height:1885px;
    background-color: rgb(202, 249, 195);
  }
  #main.fuss {
    width:100%;
    float:left;
    background-color: #caf9c3;
    top:-6%;
    margin-top:-108px;
    margin-bottom: 10px;
    height:1302px;
  }
  header.fuss {
    width: 100%;
    position:relative;
    top: -4%;
    margin-bottom: 5px;
    height: 325px;
  }
  #wechselbild3.fuss {
    left: 7%;
    top: 15%;
    width: 84%;
  }
  h1.fuss {
    left: 14%;
    position: relative;
    font-family: serif;
    font-size: 258%;
    color:navy;
    text-shadow:3px 3px 3px #fff;
    margin-top: 20%;
  }
  h1.allg {
    left: -32%;
    position: relative;
    font-family: serif;
    font-size: 258%;
    color: navy;
    text-shadow: 3px 3px 3px #fff;
    margin-top: -11%;
  }
  h1.rueallg {
    font-size: 222%;
    color: navy;
    font-weight: bold;
    font-style: italic;
    top: 3%;
    left: -20%;
  }
  #nav.fuss {
    width:95%;
    margin-top:1%;
    margin-bottom:10px;
    position: fixed;
    top:6px;
    font-size: 110%;
    margin:0 auto;
    height:58px;
    background-color:#60ba4b33;
    width: 100%;
  }
  #navyquer.fuss {
    width: 140%;
    margin-bottom: 5px;
    position: relative;
    display: block;
    top: -465%;
    margin-left: -17px;
    height: 50px;
    left: -959px;
    float: left;
  }
  #navyquer.marma {
    width: 140%;
    margin-bottom: 5px;
    position: fixed;
    display: block;
    top: -47%;
    margin-left: -60%;
    margin-top: -24px;
  }
  #sidebar.fuss {
    width: 18%;
    height: 430px;
    float: right;
    position: relative;
    padding: 20px;
    border-style: outset;
    border-radius: 20px;
    border-color: #B6FFA2;
    background-color: #DDEFDE;
    margin-bottom: 2px;
    top: 14%;
    right: 13%;
    margin-top: -10%;
  }
  #sidebar.marma {
    width: 31%;
    height: 544px;
    float: right;
    position: relative;
    padding: 20px;
    margin-bottom: 2px;
    top: 1%;
    right: 3%;
    margin-top: -3%;
    margin-right: 3%;
  }
  #sidebar1.fuss {
    width: 25%;
    height: 538px;
    float: right;
    position: relative;
    border-style: outset;
    border-radius: 20px;
    border-color: #B6FFA2;
    background-color: #DDEFDE80;
    top: 3%;
    padding: 2%;
    margin-top: 14%;
    margin-bottom: 10px;
    left: -13%;
  }
  #footer.fuss {
    margin-top: 4%;
    clear:both;
    width:100%;
    background-color: #9194CF99;
    position:relative;
    top: -1%;
    margin-bottom: 5px;
    height: 164px;
  }
  #copy.fuss {
    width:100%;
    top:8%;
    height:93px;
    left: -17%;
  }
  #main.imp {
    width: 100%;
    float: left;
    background-color: #caf9c3;
    margin-top: -53px;
    margin-bottom: 10px;
    height: 700px;
  }
  h1.imp {
    top: -5px;
    left: -25%;
    position: relative;
    font-family: serif;
    font-size: 328%;
    color:navy;
    text-shadow:3px 3px 3px #fff;
  }
  #wechselbild3.imp {
    position:relative;
    top:48px;
    left:20px;
    width:93%;
    margin-left: 40px;
  }
  #nav.imp {
    width:100%;
    margin-top:1%;
    margin-bottom:10px;
    position: relative;
    top:-28%;
    font-size: 110%;
    margin:0 auto;
    height:50px;
    background-color:#60cc5033;
    left: -4px;
  }
  #navyquer.imp {
    width: 140%;
    margin-bottom: 5px;
    position: relative;
    display: block;
    top: -1579px;
    margin-left: -17;
    height: 50px;
    left: -615px;
    float: left;
    margin: 37px auto;
  }
  #navyquer.bau {
    width: 140%;
    margin-bottom: 5px;
    position: relative;
    display: block;
    top: -1410px;
    margin-left: -17;
    height: 50px;
    left: -644px;
    float: left;
    margin: 37px auto;
  }
  #sidebar.imp {
    width:22%;
    height:463px;
    float:right;
    position:relative;
    padding: 20px;
    border-style: outset;
    border-radius: 20px;
    border-color: #B6FFA2;
    background-color: #DDEFDE;
    margin-bottom: 2px;
    margin-top: -8%;
    right: 7%;
    top: 32%;
  }
  #wasser.imp {
    position: relative;
    margin: -9% auto;
    font-size: 98%;
    width: 72%;
    padding-top: 93%;
    top: -203px;
  }
  #footer.allg {
    top: -3%;
    clear: both;
    width: 100%;
    background-color: #9194CF99;
    position: relative;
    margin-top: 5px;
    margin-bottom: 5px;
    height: 150px;
  }
  #footer.fuss {
    top: 8%;
    clear: both;
    width: 100%;
    background-color: #9194CF99;
    position: relative;
    margin-top: -6px;
    margin-bottom: 15px;
    height: 161px;
  }
  #footer.marma {
    top: 9%;
    clear: both;
    width: 100%;
    background-color: #9194CF99;
    position: relative;
    margin-top: -20px;
    margin-bottom: 5px;
    height: 143px;
  }
  #footer.navi {
    top: 6%;
    clear: both;
    width: 100%;
    background-color: #9194CF00;
    position: relative;
    margin-top: 36px;
    margin-bottom: 5px;
    height: 188px;
    left: 4px;
  }
  #footer.imp {
    top: -7%;
    clear: both;
    width: 100%;
    background-color: #9194CF99;
    position: relative;
    margin-top: 5px;
    margin-bottom: 5px;
    height: 150px;
  }
  #footer.bau {
    top: -56%;
    clear: both;
    width: 100%;
    background-color: #9194CF99;
    position: relative;
    margin-top: -15px;
    margin-bottom: 5px;
    height: 169px;
  }
  #copy.navi {
    width: 80%;
    left: -66px;
    height: 146px;
    margin-top: 10px;
    top: -1%;
    left: 7%;
    display: inherit;
  }
  #copy.raumbau {
    width: 37%;
    border-style: outset;
    top: -180px;
    margin-top: 80px;
    margin-left: 60px;
    display: none;
  }
  #copy.raum {
    width: 80%;
    left: -66px;
    height: 146px;
    margin-top: 10px;
    top: -1%;
    left: 7%;
    display: inherit;
  }
  #copy.home {
    width: 92%;
    margin: 0 auto;
    left: 2%;
    top: 16%;
    padding: 9px;
  }
  #copy.imp {
    width: 92%;
    margin: 0 auto;
    left: 2%;
    top: 16%;
    padding: 9px;
    display:inherit;
    height: auto;
  }
  #copy.marma {
    top: -3px;
    width: 1402px;
    height: auto;
    left: -364px;
    display: inherit;
  }
  h1.bau {
    font-size: 247%;
    color: navy;
    font-weight: bold;
    font-style: italic;
    top: -2%;
    left: -22%;
    margin-top: 20px;
  }
  #sprung.bau {
    display: none;
    float: left;
    margin-left: -9%;
    margin-bottom: 20px;
    top: -120px;
  }
  #starttableindex.bau {
    left: 8%;
    margin-top: 30%;
    float: left;
    margin-bottom: 4%;
    padding: 5%;
    width: 44%;
    top: -61%;
  }
  #navyquer .top > li {
    float: left;
    background-color: rgba(231, 135, 232, 0.91);
    box-shadow: -0px 5px 5px #008000b3;
    position: relative;
    padding: 7px 6px;
    margin-bottom: 3px;
    width: 139px;
    top: -362px;
    left: -9%;
    margin: 0 auto;
  }
  #spruchstart {
    height: 94%;
    position: relative;
    padding: 3%;
    margin-left: 61px;
    margin-right: 3%;
    background-color: #99319099;
    width: 78%;
    right: 15%;
    display: block;
    margin-top: 1px;
  }
  #spruchstart.term {
    height: 99%;
    position: relative;
    padding: 3%;
    margin-left: 61px;
    margin-right: 3%;
    background-color: #99319099;
    width: 120%;
    left: -59%;
    display: block;
    margin-top: 3px;
    margin-bottom: 20px;
  }
  #wechselbild1.allg {
    float: right;
    left: -5%;
    position: absolute;
    margin-top: -24%;
    width: 115%;
    margin: 0 auto;
    top: 1%;
  }
  #headline.agb {
    background-color: #87e3a44d;
    width: 100%;
    position: relative;
    top: 179px;
    left: 1px;
    margin-top: 3%;
    height: 150px;
    border-bottom: 2px dotted white;
    margin-bottom: 2px;
  }
  #headline.allg {
    background-color: #87e3a400;
    width: 100%;
    position: relative;
    left: 1px;
    height: 34%;
    border-bottom: 3px dotted white;
    margin-bottom: 2px;
    top: -32px;
  }
  header.gutsch {
    height: 250px;
    width: 98%;
    position: relative;
    margin-top: -11%;
    margin-bottom: 10px;
    display: block;
  }
  #wechselbild1.ayurv {
    left: 17%;
    top: 92px;
    padding-bottom: 30px;
    padding-left: 40px;
  }
  #wechselbild4.fuss {
    display:block;
    width: 93%;
    top: 1%;
    left: 2%;
    position: relative;
  }
  #rankefuss {
    display: inline;
    position: absolute;
    top: 41%;
    left: 60%;
  }
  #rankefuss1 {
    display: inline;
    position: absolute;
    top: 16%;
    left: 14%;
    margin-left: 21%;
    width: 65%;
  }
  details.rück {
    margin-right: 0;
    margin-top: 0;
    position: relative;
    right: 995px;
    top: 504px;
  }
  #starttableindex.ayur {
    float: left;
    margin-bottom: 4%;
    padding-right: 2%;
    padding-bottom: 50px;
    padding-top: 2%;
    width: 50%;
    padding-left: 2%;
    height: auto;
    top: -6%;
    margin-left: 57px;
  }
  #summary.fuss {
    display: inline;
    float: right;
    position: absolute;
    right: -757px;
    top: 113px;
    width: 544px;
    padding: 25%;
  }
  #navileiste.fuss {
    position: absolute;
    margin-top: 13%;
    float: right;
    left: 56%;
  }
  h4.upana {
    color: rgb(12, 112, 25);
    font: 137% bold,italic;
    height: 20%;
    left: -24%;
    position: relative;
    text-align: center;
    text-shadow: 3px 3px 3px rgb(255, 255, 255);
    top: 6%;
    margin-top: -4%;
  }
  #dreieck.ayur {
    position: relative;
    top: 13%;
    left: -34px;
  }
  h1.ayur {
    text-shadow: 3px 3px 3px #fff;
    margin: 0 auto;
    position: relative;
    top: -51%;
    font-family: serif;
    font-size: 221%;
    color: #000280;
    left: -346px;
  }
  #wechselbild1.start {
    left: -9%;
    padding-bottom: 30px;
    top: 13%;
    width: 103%;
  }
  #spruchstart.agb {
    height: 94%;
    position: relative;
    padding: 3%;
    margin-left: 37px;
    margin-right: 3%;
    background-color: #99319099;
    width: 78%;
    right: 3%;
    display: block;
  }
  #fussnote.fuss {
    top: -4%;
    left: 1%;
    position: relative;
    width: 83%;
    height: 236px;
    padding: 38px;
    margin-top: 10px;
  }
  #spruchstart.fuss {
    height: 117%;
    position: relative;
    padding: 4%;
    width: 85%;
    right: 5%;
    display: block;
    margin-left: 12%;
    margin-top: -54px;
    background: linear-gradient(to right, #a6b32780 0%,#263b0099 99%);
    background-color: rgba(0, 0, 0, 0);
  }
  #wassernote {
    position: relative;
    top: -65%;
    left: 2px;
    font-size: 83%;
    color: navy;
  }
  #wechselbild2a.abhy {
    position:relative;
    top:-97px;
    left:-66px;
  }
  #ampel.fuss {
    border-radius: 30px;
    display: table-cell;
    left: 8%;
    position: relative;
    top: -25%;
    height: auto;
    padding-bottom: 10%;
  }
  #navileiste.abhy {
    float: right;
    color: rgb(0, 0, 128);
    font: 71% serif;
    position: absolute;
    top: 81%;
  }
  #navyquer.abhy {
    width: 140%;
    margin-bottom: 5px;
    position: fixed;
    display: block;
    top: -23%;
    margin-left: -17px;
    height: 50px;
    left: -958px;
    float: left;
  }
  #sidebar.abhy {
    width: 18%;
    height: 430px;
    float: right;
    position: relative;
    padding: 20px;
    border-style: outset;
    border-radius: 20px;
    border-color: #B6FFA2;
    background-color: #DDEFDE80;
    margin-bottom: 2px;
    top: 12%;
    left: -16%;
  }
  #wasser {
    position: relative;
    margin: 22% auto;
    font-size: 98%;
    width: 72%;
    padding-top: 93%;
    top: 38px;
  }
  #sidebar1.abhy {
    width: 33%;
    height: 548px;
    float: left;
    position: relative;
    border-style: outset;
    border-radius: 20px;
    border-color: #B6FFA2;
    background-color: #DDEFDE99;
    left: -53%;
    top: 10%;
    padding: 2%;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  #spruchstart.abhy {
    height: 117%;
    position: relative;
    padding: 4%;
    width: 115%;
    right: 5%;
    display: block;
    margin-left: 12%;
    margin-top: -54px;
    background: linear-gradient(to right, #a6b32780 0%,#263b0099 99%);
    background-color: rgba(0, 0, 0, 0);
  }
  #wasser.abhy {
    position: relative;
    margin: -9% auto;
    font-size: 98%;
    width: 72%;
    padding-top: 93%;
    top: 118px;
  }
  #rankefuss.abhy {
    display: inline;
    position: absolute;
    top: 35%;
    left: 80%;
    margin-bottom: 2px;
    width: 44%;
  }
  #ampel.abhy {
    border-radius: 30px;
    display: table-cell;
    left: 7px;
    position: relative;
    top: -245px;
  }
  #ampel.abhy1 {
    border-radius: 30px;
    display: table-cell;
    left: 767px;
    position: relative;
    top: -413px;
  }
  #tablefuss.abhy {
    width: 30%;
    text-align: left;
    padding-bottom: 20px;
    float: left;
    margin-bottom: 10px;
    margin-top: 72px;
    top: 50%;
    left: 591px;
    height: 522px;
  }
  td.kurztextabhy {
    position:relative;
    top:-19px;
    left:-40px;
    font: 94% serif;
  }
  #wasser.agb {
    position: relative;
    font-size: 98%;
    width: 72%;
    padding-top: 93%;
    top: 38px;
    color:#f1eaf6e6;
    margin-top: -105%;
  }
  #übersicht.marma {
    position: relative;
    top: -36px;
    left: -98px;
  }
  #wrapper {
    width: 99%;
    background-color:#caf9c3;
    padding:1%;
    margin: 0 auto;
    display:block;
    position:relative;
    height:1261px;
    left: 1px;
  }
  #headline.fuss {
    background-color:#bcf7b466;
    width:100%;
    position:relative;
    top:1px;
    left:1px;
    margin-top:18%;
    height:150px;
    border-bottom: 2px dotted white;
  }
  #headline.agb {
    background-color:#87e3a44d;
    width:100%;
    position:relative;
    left:1px;
    margin-top:-8%;
    height:150px;
    border-bottom: 2px dotted white;
    margin-bottom: 2px;
  }
  #nav.agb {
    width:99%;
    margin-top:1%;
    margin-bottom:10px;
    position: relative;
    top:-353px;
    font-size: 110%;
    height:50px;
    background-color:#7eca7a33;
    margin-top: -35px;
  }
  #navyquer.agb {
    width: 140%;
    margin-bottom: 5px;
    position: fixed;
    display: block;
    top: -23%;
    margin-left: -17px;
    height: 50px;
    left: -879px;
    float: left;
  }
  #starttableindex.agb {
    left: 1%;
    position: relative;
    margin-top: 1%;
    float: left;
    margin-bottom: 4%;
    padding-right: 1%;
    padding-bottom: 50px;
    padding-top: 5%;
    width: 51%;
    padding-left: 8%;
    height: auto;
    top: 5%;
    margin-left: 125px;
  }
  #footer.agb {
    top: 28%;
    clear: both;
    width: 100%;
    background-color: #9194CF99;
    position: relative;
    margin-top: 8px;
    margin-bottom: 5px;
    height: 218px;
  }
  #copy.agb {
    margin: 0 auto;
    left: 1%;
    top: -6%;
    padding: 9px;
    width:82%;
    display: inherit;
    height: auto;
  }
  h1.fuss {
    top: -18%;
    left: 14%;
    position: relative;
    font-family: serif;
    font-size: 328%;
    margin-top: 48px;
  }
  h4.marma {
    color: rgba(12, 112, 25, 0.01);
    font: 105% bold,italic;
    height: 20%;
    left: 26%;
    position: fixed;
    text-align: center;
    text-shadow: 3px 3px 3px rgb(255, 255, 255);
    margin-top: -90px;
  }
  #main {
    width: 100%;
    float: left;
    background-color: #caf9c3;
    margin-top: -53px;
    margin-bottom: 10px;
    height: auto;
  }
  #main.fuss {
    width: 100%;
    float: left;
    background-color: #caf9c3;
    margin-top: -53px;
    margin-bottom: 10px;
    height: auto;
    margin-left:2px;
  }
  #main.navi {
    width: 73%;
    background-color: #205e1700;
    margin-top: 5%;
    margin-bottom: 10px;
    height: 3000px;
  }
  header {
    height:380px;
    width: 499px;
    position:relative;
    margin-top: 0%;
    margin-bottom: 10px;
    display:block;
    left: -1%;
    top: 24%;
  }
  header.navi {
    height:405px;
    width: 98%;
    margin-bottom: 10px;
    left: 0%;
    margin-top:2%;
    margin: 0 auto;
  }
  #herzlich1 {
    margin-top: 2%;
    left: 20%;
    width: 60%;
    margin-bottom: 20px;
  }
  #dreieck.online {
    position:relative;
    top:18%;
    left: -3px;
  }
  #dreieck.online {
    position: relative;
    top: 15%;
    left: 12%;
  }
  #dreieck.fuss {
    position:relative;
    top:13%;
    left: 16%;
  }
  #sprung,
  #sprung.fuss {
    display:none;
  }
  h5 {
    font: 130% bold,italic;
    left: 17%;
    position: relative;
    top: 50%;
  }
  #rankefuss.rueallg {
    position:relative;
    top:20px;
    left:200px;
  }
  #starttableindex {
    left: 1%;
    position: relative;
    float: left;
    margin-bottom: 4%;
    padding-right: 5%;
    padding-bottom: 50px;
    padding-top: 5%;
    width: 50%;
    padding-left: 13%;
    height: auto;
    top: 10%;
    margin-top: 14px;
  }
  #starttableindex.start {
    left: 1%;
    position: relative;
    float: left;
    margin-bottom: 4%;
    padding-right: 5%;
    padding-bottom: 50px;
    padding-top: 5%;
    width: 50%;
    padding-left: 13%;
    height: auto;
  }
  #starttableindex.fuss {
    position: relative;
    float: left;
    margin-bottom: 4%;
    padding-right: 2%;
    padding-bottom: 50px;
    padding-top: 2%;
    width: 50%;
    padding-left: 2%;
    height: auto;
    top: -1%;
    margin-left: 100px;
    margin-top: 33px;
  }
  #starttableindex.imp {
    left: 5%;
    position: relative;
    margin-top: 8%;
    float: left;
    margin-bottom: 4%;
    padding-right: 5%;
    padding-bottom: 50px;
    padding-top: 1%;
    width: 50%;
    padding-left: 13%;
    height: auto;
    top: 0%;
  }
  #starthome.marma {
    width: 87%;
    text-align: left;
    padding: 29px;
  }
  #tablefuss {
    width: 36%;
    position: absolute;
    top: 57%;
    left: 2%;
    height: 507px;
    padding-bottom: 31px;
    padding-left: 8%;
    margin-bottom: 10px;
    margin-top: 1%;
    margin-left: 8%;
    padding-top: 4%;
  }
  #tablefuss.marma {
    width: 36%;
    position: relative;
    top: 51%;
    right: 2%;
    height: 507px;
    padding-bottom: 31px;
    padding-left: 8%;
    margin-bottom: 10px;
    margin-top: -84%;
    margin-right: 3%;
    padding-top: 4%;
    float:right;
  }
  #sidebar.onlin {
    width:22%;
    height:463px;
    float:right;
    position:relative;
    padding: 20px;
    border-style: outset;
    border-radius: 20px;
    border-color: #B6FFA2;
    background-color: #DDEFDE;
    margin-bottom: 2px;
    margin-top: 11%;
    right: 13%;
    top: 1%;
  }
  #sidebar.term {
    width: 12%;
    height: 315px;
    float: right;
    position: relative;
    padding: 20px;
    border-style: outset;
    border-radius: 20px;
    border-color: #B6FFA2;
    background-color: #DDEFDE;
    margin-bottom: 50px;
    margin-top: -1%;
    right: 7%;
    top: 1%;
    display: block;
    padding: 4%;
  }
  #sidebar.bau {
    width: 22%;
    height: 463px;
    float: right;
    position: relative;
    padding: 20px;
    border-style: outset;
    border-radius: 20px;
    border-color: #B6FFA2;
    background-color: #DDEFDE;
    margin-bottom: 2px;
    margin-top: -10%;
    right: 7%;
    top: 1%;
  }
  #nav.start {
    float:left;
    width:100%;
    margin-top:10%;
    margin-bottom:10px;
    position: relative;
    font-size: 110%;
    margin:0 auto;
    margin-right:auto;
    margin-top: -484px;
    left: -1%;
    height: 48px;
    background-color: #80e7854d;
  }
  #nav.allg {
    float: left;
    width: 100%;
    margin-top: 10%;
    margin-bottom: 10px;
    position: relative;
    font-size: 110%;
    margin: 0 auto;
    margin-top: 0px;
    margin-right: auto;
    margin-right: auto;
    left: -1%;
    height: 48px;
    background-color: #80e78500;
  }
  #navyquer.rueallg {
    width: 99%;
    position: relative;
    display: block;
    top: -1016%;
    left: -155px;
  }
  #navyquer.navi {
    width: 80%;
    position: relative;
    display: block;
    top: 2%;
    margin-top: 637px;
  }
  #navyquer.start {
    width: 99%;
    position: relative;
    display: block;
    margin-top: -189px;
    float: left;
    left: 36%;
  }
  #navyquer.allg {
    width: 99%;
    position: relative;
    margin-top: 12%;
    float: left;
    left: 0%;
    margin: 0 auto;
    top: 42px;
  }
  #navyquer.marma {
    width:100%;
    float:left;
    background-color: #caf9c300;
    margin-top:30px;
    margin-bottom: 10px;
    height:auto;
  }
  #main {
    width:100%;
    float:left;
    background-color: #caf9c300;
    margin-top:30px;
    margin-bottom: 10px;
    height:auto;
  }
  #main.allg {
    width: 100%;
    float: left;
    background-color: #caf9c3;
    margin-top: 51px;
    margin-bottom: 10px;
    height: 1500px;
  }
  #sidebar1 {
    width: 33%;
    height: 548px;
    float: left;
    position: relative;
    border-style: outset;
    border-radius: 20px;
    border-color: #B6FFA2;
    background-color: #DDEFDE99;
    left: -53%;
    top: 10%;
    padding: 2%;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  #sidebar1.marma {
    width: 33%;
    height: 389px;
    float: left;
    position: relative;
    border-style: outset;
    border-radius: 20px;
    border-color: #B6FFA2;
    background-color: #DDEFDE;
    top: 2%;
    padding: 2%;
    margin-top: 9%;
    margin-bottom: 10px;
    left: -52%;
  }
  #fussnote.marma {
    font: 88% serif;
    color: #060881;
    background-color: #DDEFDE;
    border-color: rgb(0, 128, 0);
    border-radius: 20px;
    border-style: outset;
    height: 294px;
    width: 94%;
    opacity: 0.8;
    top: 79%;
    padding:8%;
  }
  #sidebar2 {
    width: 37%;
    min-height: 334px;
    float: right;
    position: relative;
    padding: 20px;
    border-style: outset;
    border-radius: 20px;
    border-color: #B6FFA2;
    background-color: #DDEFDE;
    right: 2%;
    top: 25%;
  }
  #footer.start {
    top: 0%;
    clear:both;
    width:100%;
    background-color: #9194CF99;
    position:relative;
    margin-top: 8px;
    margin-bottom: 5px;
    height: 175px;
  }
  #wrapper.fuss {
    width: 99%;
    background-color: #ebfce9;
    padding: 1%;
    margin: 0 auto;
    margin-left: auto;
    display: block;
    position: relative;
    height:1885px;
    background-color: rgb(202, 249, 195);
  }
  #main.fuss {
    width:100%;
    float:left;
    background-color: #caf9c3;
    top:-6%;
    margin-top:-108px;
    margin-bottom: 10px;
    height:1302px;
  }
  header.fuss {
    width: 100%;
    position:relative;
    top: -4%;
    margin-bottom: 5px;
    height: 325px;
  }
  #wechselbild3.fuss {
    left: 7%;
    top: 15%;
    width: 84%;
  }
  h1.fuss {
    left: 14%;
    position: relative;
    font-family: serif;
    font-size: 258%;
    color:navy;
    text-shadow:3px 3px 3px #fff;
    margin-top: 20%;
  }
  h1.allg {
    left: -8%;
    position: relative;
    font-family: serif;
    font-size: 258%;
    color: navy;
    text-shadow: 3px 3px 3px #fff;
    margin-top: -3%;
    height: auto;
    width: 340px;
    top: -22%;
  }
  h1.rueallg {
    font-size: 222%;
    color: navy;
    font-weight: bold;
    font-style: italic;
    top: 3%;
    left: -26%;
  }
  #nav.fuss {
    width:95%;
    margin-top:1%;
    margin-bottom:10px;
    position: fixed;
    top:6px;
    font-size: 110%;
    margin:0 auto;
    height:58px;
    background-color:#60ba4b33;
    width: 100%;
  }
  #navyquer.fuss {
    width: 140%;
    margin-bottom: 5px;
    position: relative;
    display: block;
    top: -465%;
    margin-left: -17px;
    height: 50px;
    left: -959px;
    float: left;
  }
  #navyquer.marma {
    width: 140%;
    margin-bottom: 5px;
    position: fixed;
    display: block;
    top: -47%;
    margin-left: -60%;
    margin-top: -24px;
  }
  #sidebar.fuss {
    width: 18%;
    height: 430px;
    float: right;
    position: relative;
    padding: 20px;
    border-style: outset;
    border-radius: 20px;
    border-color: #B6FFA2;
    background-color: #DDEFDE;
    margin-bottom: 2px;
    top: 14%;
    right: 13%;
    margin-top: -10%;
  }
  #sidebar.marma {
    width: 31%;
    height: 544px;
    float: right;
    position: relative;
    padding: 20px;
    margin-bottom: 2px;
    top: 1%;
    right: 3%;
    margin-top: -3%;
    margin-right: 3%;
  }
  #sidebar1.fuss {
    width: 25%;
    height: 538px;
    float: right;
    position: relative;
    border-style: outset;
    border-radius: 20px;
    border-color: #B6FFA2;
    background-color: #DDEFDE80;
    top: 3%;
    padding: 2%;
    margin-top: 14%;
    margin-bottom: 10px;
    left: -13%;
  }
  #footer.fuss {
    margin-top: 4%;
    clear:both;
    width:100%;
    background-color: #9194CF99;
    position:relative;
    top: -1%;
    margin-bottom: 5px;
    height: 164px;
  }
  #copy.fuss {
    width:100%;
    top:8%;
    height:93px;
    display: inherit;
    left: -17%;
  }
  #main.imp {
    width: 100%;
    float: left;
    background-color: #caf9c3;
    margin-top: -53px;
    margin-bottom: 10px;
    height: 700px;
  }
  h1.imp {
    top: -5px;
    left: -25%;
    position: relative;
    font-family: serif;
    font-size: 328%;
    color:navy;
    text-shadow:3px 3px 3px #fff;
  }
  #wechselbild3.imp {
    position:relative;
    top:48px;
    left:20px;
    width:93%;
    margin-left: 40px;
  }
  #nav.imp {
    width:100%;
    margin-top:1%;
    margin-bottom:10px;
    position: relative;
    top:-28%;
    font-size: 110%;
    margin:0 auto;
    height:50px;
    background-color:#60cc5033;
    left: -4px;
  }
  #navyquer.imp {
    width: 140%;
    margin-bottom: 5px;
    position: relative;
    display: block;
    top: -1579px;
    margin-left: -17;
    height: 50px;
    left: -615px;
    float: left;
    margin: 37px auto;
  }
  #navyquer.bau {
    width: 140%;
    margin-bottom: 5px;
    position: relative;
    display: block;
    top: -1410px;
    margin-left: -17;
    height: 50px;
    left: -644px;
    float: left;
    margin: 37px auto;
  }
  #sidebar.imp {
    width:22%;
    height:463px;
    float:right;
    position:relative;
    padding: 20px;
    border-style: outset;
    border-radius: 20px;
    border-color: #B6FFA2;
    background-color: #DDEFDE;
    margin-bottom: 2px;
    margin-top: -8%;
    right: 7%;
    top: 32%;
  }
  #wasser.imp {
    position: relative;
    margin: -9% auto;
    font-size: 98%;
    width: 72%;
    padding-top: 93%;
    top: -203px;
  }
  #footer.allg {
    top:auto;
    clear: both;
    width: 100%;
    background-color: #9194CF99;
    position: relative;
    margin-top: 66%;
    margin-bottom: 5px;
    height: 150px;
  }
  #footer.fuss {
    top: 8%;
    clear: both;
    width: 100%;
    background-color: #9194CF99;
    position: relative;
    margin-top: -6px;
    margin-bottom: 15px;
    height: 161px;
  }
  #footer.marma {
    top: 9%;
    clear: both;
    width: 100%;
    background-color: #9194CF99;
    position: relative;
    margin-top: -20px;
    margin-bottom: 5px;
    height: 143px;
  }
  #footer.navi {
    top: 6%;
    clear: both;
    width: 100%;
    background-color: #9194CF00;
    position: relative;
    margin-top: 36px;
    margin-bottom: 5px;
    height: 188px;
    left: 4px;
  }
  #footer.imp {
    top: -7%;
    clear: both;
    width: 100%;
    background-color: #9194CF99;
    position: relative;
    margin-top: 5px;
    margin-bottom: 5px;
    height: 150px;
  }
  #footer.bau {
    top: -56%;
    clear: both;
    width: 100%;
    background-color: #9194CF99;
    position: relative;
    margin-top: -15px;
    margin-bottom: 5px;
    height: 169px;
  }
  #copy.navi {
    width: 80%;
    left: -66px;
    height: 146px;
    margin-top: 10px;
    top: -1%;
    left: 7%;
    display: inherit;
  }
  #copy.raumbau {
    width: 37%;
    border-style: outset;
    top: -180px;
    margin-top: 80px;
    margin-left: 60px;
    display: none;
    height: 44px;
    text-align:center;
    padding: 50px 104px;
    left: 32px;
  }
  #copy.raum {
    width: 80%;
    left: -66px;
    height: 146px;
    margin-top: 10px;
    top: -1%;
    left: 7%;
    display: inherit;
  }
  #copy.home {
    width: 92%;
    margin: 0 auto;
    left: 2%;
    top: 16%;
    padding: 9px;
  }
  #copy.imp {
    width: 92%;
    margin: 0 auto;
    left: 2%;
    top: 16%;
    padding: 9px;
    display:inherit;
    height: auto;
  }
  #copy.marma {
    top: -3px;
    width: 1402px;
    height: auto;
    left: -364px;
    display: inherit;
  }
  #starthome.onlin {
    display: block;
    position: relative;
    width: 93%;
    margin-top: -37px;
    margin-bottom: 20px;
    border-color: #183509;
    background: #ddefde00;
    left: 9%;
    height: auto;
    font: 154% serif;
  }
}
@media screen and (max-width:1600px) {
  #auswahl.betreff {
    margin: 36% 2% 2% -12%;
  }
  #table2 {
    display: flex;
    justify-content: center;
    text-align: center;
    top: 18%;
    left: -95%;
    margin-left: 6%;
    height: 563px;
    background-color: #00800000;
    margin: 53% -2%;
    position: relative;
  }
    #table3.buch {
       left: 23%;
    top: 218%;
  }
    #weitere.anfr {
    padding: 3px;
    background: #0000ff24;
    margin: 2% -30% 1% -86%;
  }
    #buchen.termin {
    height: 17%;
    padding: 5%;
    left: 49%;
    width: 700px;
  }
  #termine.online {
    display: flex;
    justify-content: center;
    text-align: center;
    position: relative;
    width: 600px;
    height: 64px;
    margin: 48px 1%;
    left: 7%;
    background: violet;
  }
   #form.termine {
      height: 1917px;
    width: 90%;
    top: 0%;
    position: relative;
    background: #7f1f3f00;
      left: -8%;
  }
    table.buchen {
   left:8%;
   top: -3%;
  }
    #starttableindex.onlin {
   left:3%;
  }
  #starthome.onlin {
    width: 101%;
    margin-top: -37px;
    margin-bottom: 20px;
    left: 9%;
    height: auto;
    font: 157%/1.4 sans-serif;
    margin-right: 30px;
  }
  #sidebar.onlin {
    width: 22%;
    height: 463px;
    float: right;
    padding: 20px;
    margin: 30% 1% 2% 28%;
    left: 1%;
    top: -168%;
  }
  #navyquer.onlin {
    position: fixed;
    top: -81%;
    width: 90%;
    margin-top: 20px;
    left: -20%;
    display: block;
  }
  #medien.onlin {
    position: relative;
    display: table-cell;
    width: 83%;
    top: 45px;
    height: 99px;
    left: 40%;
  }
  td.kontakte {
    height: 60px;
    border-radius: 15px;
    width: 250px;
    font-size: 90%;
  }
  td.termonline {
    height: 60px;
    border-radius: 15px;
    width: 250px;
    font-size: 90%;
  }
  #kurztext.imp {
    font: 109%/1.2 serif;
    margin: 283px 31px 20px -10px;
    padding-left: 60px;
    width: 380px;
    top: 10px;
    position: relative;
  }
  #wechselbild2.onlin {
    display: block;
    width: 90%;
    left: 50px;
    position: relative;
    top: 89px;
  }
  navyquer.onlin {
    position: fixed;
    top: -51%;
    width: 90%;
    margin-top: 20px;
    left: -19%;
  }
  #navyquer.nurmenue {
    width: 57%;
    top: -126%;
    margin-top: -7%;
    margin-left: -9%;
    position: absolute;
    left: -7%;
  }
  #wasser.allg {
    color: #5a0e5a;
    font-size: 126%;
    width: 72%;
    padding-top: 93%;
    top: -19%;
    text-shadow: -2px 2px 2px aliceblue;
    left: 37px;
  }
  #sidebar.term {
    width: 15%;
    height: 358px;
    margin-bottom: 50px;
    margin-top: -1%;
    right: 7%;
    top: 1%;
    padding: 4%;
  }
  #sprung.spez {
    width: 85%;
    left: -10%;
    position: relative;
    margin-left: 0px;
    margin-top: -61px;
    text-align: center;
    display: inherit;
    margin-right: 30px;
    top: -40%;
  }
  ul.start {
    position: relative;
    margin-top: 50px;
    display: inherit;
    top: -21px;
    width: 80%;
    left: 78px;
    list-style-type: none;
  }
  #main.agb {
    width: 100%;
    float: left;
    background-color: #caf9c3;
    top: 15%;
    margin-top: -108px;
    margin-bottom: 10px;
    height: 1102px;
  }
  willk {
    position: relative;
    display: inline;
    top: 310px;
    left: 10px;
  }
  #bild.allg {
    display: block;
    position: absolute;
    width: 16%;
    top: -240px;
    margin-top: auto;
    margin-bottom: 20px;
    border-style: outset;
    border-color: #183509;
    background: #d8f9d3;
    left: 57%;
    border-radius: 15px;
    padding: 4px;
    height: auto;
  }
  h1.bau {
    font-size: 247%;
    color: navy;
    font-weight: bold;
    font-style: italic;
    top: -2%;
    left: -22%;
    margin-top: 20px;
  }
  h1.navi {
    font-size: 291%;
    color: navy;
    height: 20%;
    font-weight: bold;
    font-style: italic;
    margin-top: 10px;
    margin-left: 71px;
    display: block;
    text-align: center;
    top: -114px;
    position: relative;
  }
  #sidebar.spez {
    top: 20%;
    position: absolute;
    margin-left: 72%;
    width: 23%;
    float: left;
    margin-top: 10px;
    height: 40%;
  }
  #wechselbild10.allg {
    float: right;
    left: 0%;
    position: relative;
    top: 173%;
    margin-top: -90%;
    width: 98%;
  }
  #starttableklass.spez {
    width: 55%;
    height: auto;
    padding-top: 37px;
    padding-left: 53px;
    top: 22px;
    left: 1%;
    padding-bottom: 70px;
    font-family: serif;
    font-size: 114%;
    margin-top: 66px;
    margin-bottom: 2px;
  }
  #wechselbild10.allg {
    float: right;
    left: -9%;
    position: absolute;
    top: 300px;
    margin-top: -90%;
    width: 95%;
  }
  #sprung.bau {
    display: none;
    float: left;
    margin-left: -9%;
    margin-bottom: 20px;
    top: -120px;
  }
  #starttableindex.bau {
    left: 8%;
    margin-top: 30%;
    float: left;
    margin-bottom: 4%;
    padding: 5%;
    width: 44%;
    top: -61%;
  }
  #starttableindex.allg {
    padding-left: 5%;
    margin-bottom: 0px;
    left: -7%;
    width: 55%;
    height: 343px;
    font-size: 85%;
    margin-top: 37px;
    display: block;
    text-align: center;
    top: -50px;
    border: outset;
    border-radius: 15px;
    background-color: #d9f0d7;
    font-family: navy;
    font-size: 18px;
    border-color: #aea6a6;
    padding-top: 52px;
  }
  #spiegelranke {
    position: relative;
    top: -97px;
    left: 82%;
    background-color: #caf9c303;
    height: 150px;
    margin-top: 234px;
    margin-bottom: 40px;
    width: 18%;
  }
  #navyquer .top > li {
    float: left;
    background-color: rgba(226, 152, 227, 0.96);
    box-shadow: -0px 5px 5px #008000b3;
    position: relative;
    padding: 7px 17px;
    margin-bottom: 3px;
    width: 139px;
    top: 644px;
    margin: 0 auto;
    width:158px;
    border-radius: 8px;
    font-family: serif;
    font-size: 20px;
    text-align: center;
    list-style-type: none;
    left: 92%;
  }
  #spruchstart {
    height: 93%;
    position: relative;
    padding: 3%;
    margin-left: 61px;
    margin-right: 3%;
    background-color: #99319096;
    width: 95%;
    left: -18%;
    display: block;
    margin-top: 1px;
    border-style: outset;
    border-color: #a742a7b3;
    top: -5px;
  }
  #wechselbild1.allg {
    float: right;
    left: 17%;
    position: relative;
    margin-top: -64%;
    width: 148%;
    top: 119px;
    margin-left: 10px;
  }
  #headline.agb {
    background-color: #87e3a44d;
    width: 100%;
    position: relative;
    top: 179px;
    left: 1px;
    margin-top: 3%;
    height: 150px;
    border-bottom: 2px dotted white;
    margin-bottom: 2px;
  }
  #headline.allg {
    background-color: #87e3a400;
    width: 64%;
    position: relative;
    left: -39px;
    height: 129px;
    border-bottom: 3px dotted white;
    margin-bottom: 2px;
    top: -125px;
    margin: 0 auto;
    margin-top: 106px;
  }
  header.gutsch {
    height: 250px;
    width: 98%;
    position: relative;
    margin-top: -11%;
    margin-bottom: 10px;
    display: block;
  }
  #wechselbild1.ayurv {
    left: 17%;
    top: 92px;
    padding-bottom: 30px;
    padding-left: 40px;
  }
  #wechselbild4.fuss {
    display:block;
    width: 93%;
    top: auto;
    left: auto;
    position: relative;
  }
  #rankefuss {
    display: inline;
    position: absolute;
    top: 36%;
    left: 66%;
  }
  #rankefuss1 {
    display: inline;
    position: absolute;
    top: 16%;
    left: 14%;
    margin-left: 21%;
    width: 65%;
  }
  details.rück {
    margin-right: 0;
    margin-top: 0;
    position: relative;
    right: 995px;
    top: 504px;
  }
  #starttableindex.ayur {
    float: left;
    margin-bottom: 4%;
    padding-right: 2%;
    padding-bottom: 50px;
    padding-top: 2%;
    width: 50%;
    padding-left: 2%;
    height: auto;
    top: -6%;
    margin-left: 57px;
  }
  #summary.fuss {
    display: inline;
    float: right;
    position: absolute;
    right: -757px;
    top: 113px;
    width: 544px;
    padding: 25%;
  }
  #navileiste.fuss {
    position: absolute;
    margin-top: 13%;
    float: right;
    left: 56%;
  }
  h4.upana {
    color: rgb(12, 112, 25);
    font: 137% bold,italic;
    height: 20%;
    left: -24%;
    position: relative;
    text-align: center;
    text-shadow: 3px 3px 3px rgb(255, 255, 255);
    top: 6%;
    margin-top: -4%;
  }
  #dreieck.ayur {
    position: relative;
    top: 13%;
    left: -34px;
  }
  h1.ayur {
    text-shadow: 3px 3px 3px #fff;
    margin: 0 auto;
    position: relative;
    top: -51%;
    font-family: serif;
    font-size: 221%;
    color: #000280;
    left: -346px;
  }
  #wechselbild1.start {
    left: 73%;
    padding-bottom: 30px;
    top: -118%;
    width: 103%;
    position: relative;
  }
  #spruchstart.agb {
    height: 94%;
    position: relative;
    padding: 3%;
    margin-left: 37px;
    margin-right: 3%;
    background-color: #99319099;
    width: 78%;
    right: 3%;
    display: block;
  }
  #fussnote.fuss {
    top: -4%;
    left: 1%;
    position: relative;
    width: 83%;
    height: 236px;
    padding: 38px;
    margin-top: 10px;
  }
  #spruchstart.fuss {
    height: 117%;
    position: relative;
    padding: 4%;
    width: 85%;
    right: 5%;
    display: block;
    margin-left: 12%;
    margin-top: -54px;
    background: linear-gradient(to right, #a6b32780 0%,#263b0099 99%);
    background-color: rgba(0, 0, 0, 0);
  }
  #wassernote {
    position: relative;
    top: -65%;
    left: 2px;
    font-size: 83%;
    color: navy;
  }
  #wechselbild2a.abhy {
    position:relative;
    top:-97px;
    left:-66px;
  }
  #ampel.fuss {
    border-radius: 30px;
    display: table-cell;
    left: 8%;
    position: relative;
    top: -25%;
    height: auto;
    padding-bottom: 10%;
  }
  #navileiste.abhy {
    float: right;
    color: rgb(0, 0, 128);
    font: 71% serif;
    position: absolute;
    top: 81%;
  }
  #navyquer.abhy {
    width: 140%;
    margin-bottom: 5px;
    position: fixed;
    display: block;
    top: -23%;
    height: 50px;
    left: -958px;
    float: left;
  }
  #sidebar.abhy {
    width: 18%;
    height: 430px;
    float: right;
    position: relative;
    padding: 20px;
    border-style: outset;
    border-radius: 20px;
    border-color: #B6FFA2;
    background-color: #DDEFDE80;
    margin-bottom: 2px;
    top: 12%;
    left: -16%;
  }
  #wasser {
    position: relative;
    margin: 22% auto;
    font-size: 98%;
    width: 72%;
    padding-top: 93%;
    top: 38px;
  }
  #sidebar1.abhy {
    width: 33%;
    height: 548px;
    float: left;
    position: relative;
    border-style: outset;
    border-radius: 20px;
    border-color: #B6FFA2;
    background-color: #DDEFDE99;
    left: -53%;
    top: 10%;
    padding: 2%;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  #spruchstart.abhy {
    height: 117%;
    position: relative;
    padding: 4%;
    width: 115%;
    right: 5%;
    display: block;
    margin-left: 12%;
    margin-top: -54px;
    background: linear-gradient(to right, #a6b32780 0%,#263b0099 99%);
    background-color: rgba(0, 0, 0, 0);
  }
  #wasser.abhy {
    position: relative;
    margin: -9% auto;
    font-size: 98%;
    width: 72%;
    padding-top: 93%;
    top: 118px;
  }
  #rankefuss.abhy {
    display: inline;
    position: absolute;
    top: 35%;
    left: 80%;
    margin-bottom: 2px;
    width: 44%;
  }
  #ampel.abhy {
    border-radius: 30px;
    display: table-cell;
    left: 7px;
    position: relative;
    top: -245px;
  }
  #ampel.abhy1 {
    border-radius: 30px;
    display: table-cell;
    left: 767px;
    position: relative;
    top: -413px;
  }
  #tablefuss.abhy {
    width: 30%;
    text-align: left;
    padding-bottom: 20px;
    float: left;
    margin-bottom: 10px;
    margin-top: 72px;
    top: 50%;
    left: 591px;
    height: 522px;
  }
  td.kurztextabhy {
    position:relative;
    top:-19px;
    left:-40px;
    font: 94% serif;
  }
  #wasser.agb {
    position: relative;
    font-size: 98%;
    width: 72%;
    padding-top: 93%;
    top: 38px;
    color:#f1eaf6e6;
    margin-top: -105%;
  }
  #übersicht.marma {
    position: relative;
    top: -36px;
    left: -98px;
  }
  #wrapper {
    width: 80%;
    background-color:#caf9c3;
    padding:1%;
    margin: 0 auto;
    display:block;
    position:relative;
    height:1261px;
  }
  #headline.fuss {
    background-color:#bcf7b466;
    width:100%;
    position:relative;
    top:1px;
    left:1px;
    margin-top:18%;
    height:150px;
    border-bottom: 2px dotted white;
  }
  #headline.agb {
    background-color:#87e3a44d;
    width:80%;
    position:relative;
    left:201px;
    margin-top:-8%;
    height:150px;
    border-bottom: 2px dotted white;
    margin-bottom: 2px;
  }
  #nav.agb {
    width:95%;
    margin-bottom:10px;
    position: relative;
    top:-352px;
    font-size: 110%;
    height:50px;
    background-color:#7eca7a33;
    margin-top: 5px;
    left: 1%;
    margin-left: 45px;
    float: left;
    display: block;
  }
  #navyquer.agb {
    width: 140%;
    margin-bottom: 5px;
    position: fixed;
    display: block;
    top: -43%;
    height: 50px;
    left: -78px;
    float: left;
  }
  #starttableindex.agb {
    left: 1%;
    position: relative;
    margin-top: 1%;
    float: left;
    margin-bottom: 4%;
    padding-right: 1%;
    padding-bottom: 50px;
    padding-top: 5%;
    width: 51%;
    padding-left: 8%;
    height: 1200px;
    top: -17%;
    margin-left: 125px;
  }
  #footer.agb {
    top: 28%;
    clear: both;
    width: 100%;
    background-color: #9194CF99;
    position: relative;
    margin-top: 8px;
    margin-bottom: 5px;
    height: 218px;
  }
  #copy.agb {
    margin: 0 auto;
    left: 1%;
    top: -6%;
    padding: 9px;
    width:66%;
    display: inherit;
    height: auto;
  }
  h1.fuss {
    top: -18%;
    left: 14%;
    position: relative;
    font-family: serif;
    font-size: 328%;
    margin-top: 48px;
  }
  h4.marma {
    color: rgba(12, 112, 25, 0.01);
    font: 105% bold,italic;
    height: 20%;
    left: 26%;
    position: fixed;
    text-align: center;
    text-shadow: 3px 3px 3px rgb(255, 255, 255);
    margin-top: -90px;
  }
  #main {
    width: 100%;
    float: left;
    background-color: #caf9c300;
    margin-top: -53px;
    margin-bottom: 10px;
    height: auto;
  }
  #main.fuss {
    width: 100%;
    float: left;
    background-color: #caf9c3;
    margin-top: -53px;
    margin-bottom: 10px;
    height: auto;
    margin-left:2px;
  }
  #main.navi {
    width: 88%;
    background-color: #caf9c300;
    margin-top: auto;
    margin-bottom: 10px;
    height: auto;
    left: 20px;
    top: 30px;
  }
  header {
    height:25%;
    width: 96%;
    position:relative;
    margin-top: 7%;
    margin-bottom: 10px;
    display:block;
    left: 2%;
    margin: 0 auto;
  }
  header.navi {
    height:261px;
    width: 104%;
    margin-bottom: 10px;
    left: 0%;
    margin-top:64px;
    top: -32px;
    position: relative;
  }
  #herzlich1 {
    margin-top: 2%;
    left: 20%;
    width: 60%;
    margin-bottom: 20px;
  }
  #dreieck {
    position:relative;
    left: 23px;
    top: 331px;
    margin-top: auto;
    display: block;
  }
  #dreieck.online {
    position: relative;
    top: 2%;
    left: 11%;
    display: block;
  }
  #dreieck.fuss {
    position:relative;
    top:13%;
    left: -34px;
  }
  h5 {
    font: 130% bold,italic;
    left: 17%;
    position: relative;
    top: 50%;
  }
  #rankefuss.rueallg {
    position:relative;
    top:20px;
    left:200px;
  }
  #starttableindex {
    left: 1%;
    position: relative;
    float: left;
    margin-bottom: 4%;
    width: 50%;
    height: auto;
    margin: 0 auto;
    padding: 125px 50px 61% 2%;
  }
  #starttableindex.start {
    left: 1%;
    position: relative;
    float: left;
    margin-bottom: 4%;
    padding-right: 5%;
    padding-bottom: 50px;
    padding-top: 5%;
    width: 50%;
    padding-left: 13%;
    height: auto;
  }
  #starttableindex.fuss {
    position: relative;
    float: left;
    margin-bottom: 4%;
    padding-right: 2%;
    padding-bottom: 50px;
    padding-top: 2%;
    width: 50%;
    padding-left: 2%;
    height: auto;
    top: -1%;
    margin-left: 100px;
    margin-top: 33px;
  }
  #starttableindex.imp {
    left: 5%;
    position: relative;
    margin-top: 2%;
    float: left;
    margin-bottom: 4%;
    padding-right: 5%;
    padding-bottom: 9px;
    padding-top: 1%;
    width: 44%;
    padding-left: 8%;
    height: 500px;
    top: 20px;
  }
  #starthome.marma {
    width: 87%;
    text-align: left;
    padding: 29px;
  }
  #tablefuss {
    width: 36%;
    position: absolute;
    top: 57%;
    left: 2%;
    height: 507px;
    padding-bottom: 31px;
    padding-left: 8%;
    margin-bottom: 10px;
    margin-top: 1%;
    margin-left: 8%;
    padding-top: 4%;
  }
  #tablefuss.marma {
    width: 36%;
    position: relative;
    top: 51%;
    right: 2%;
    height: 507px;
    padding-bottom: 31px;
    padding-left: 8%;
    margin-bottom: 10px;
    margin-top: -84%;
    margin-right: 3%;
    padding-top: 4%;
    float:right;
  }
  #sidebar {
    width:337px;
    height:450px;
    float:right;
    position:relative;
    padding: 20px;
    border-style: outset;
    border-radius: 20px;
    border-color: #B6FFA2;
    background-color: #DDEFDE;
    margin-bottom: 2px;
    margin-top: 0%;
    left: -16%;
    top: -22%;
  }
  #sidebar.bau {
    width: 22%;
    height: 463px;
    float: right;
    position: relative;
    padding: 20px;
    border-style: outset;
    border-radius: 20px;
    border-color: #B6FFA2;
    background-color: #DDEFDE;
    margin-bottom: 2px;
    margin-top: -10%;
    right: 7%;
    top: 1%;
  }
  #nav.start {
    float:left;
    width:100%;
    margin-top:10%;
    margin-bottom:10px;
    position: relative;
    font-size: 110%;
    margin:0 auto;
    margin-right:auto;
    margin-top: -484px;
    left: -1%;
    height: 48px;
    background-color: #80e7854d;
  }
  #nav.allg {
    float: left;
    width: 100%;
    margin-top: 10%;
    margin-bottom: 10px;
    position: relative;
    margin: 0 auto;
    left: 7%;
    height: 48px;
    background-color: #80e78500;
  }
  #navyquer.rueallg {
    width: 90%;
    position: absolute;
    display: block;
    top: -23%;
    left: 44px;
    float: left;
    margin-top: -15px;
  }
  #navyquer.navi {
    width: 80%;
    position: relative;
    display: block;
    top: 2%;
  }
  #navyquer.start {
    width: 99%;
    position: relative;
    display: block;
    margin-top: -189px;
    float: left;
    left: 36%;
  }
  #navyquer.allg {
    width: 99%;
    position: relative;
    display: none;
    margin-top: -30px;
    float: left;
    left: -35%;
    top: -534px;
  }
  #navyquer.marma {
    width: 140%;
    margin-bottom: 5px;
    position: fixed;
    top: -405%;
    margin-left: -58%;
    margin-top: -6000px;
  }
  #main.allg {
    width: 109%;
    float: left;
    background-color: #c3c6f900;
    margin-top: -50px;
    margin-bottom: 10px;
    height: 1499px;
    top: auto;
    position: relative;
    background: #add8e600;
    margin: -10% 1%;
  }
  #sidebar1 {
    width: 33%;
    height: 548px;
    float: left;
    position: relative;
    border-style: outset;
    border-radius: 20px;
    border-color: #B6FFA2;
    background-color: #DDEFDE99;
    left: -53%;
    top: 10%;
    padding: 2%;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  #sidebar1.marma {
    width: 33%;
    height: 389px;
    float: left;
    position: relative;
    border-style: outset;
    border-radius: 20px;
    border-color: #B6FFA2;
    background-color: #DDEFDE;
    top: 2%;
    padding: 2%;
    margin-top: 9%;
    margin-bottom: 10px;
    left: -52%;
  }
  #fussnote.marma {
    font: 88% serif;
    color: #060881;
    background-color: #DDEFDE;
    border-color: rgb(0, 128, 0);
    border-radius: 20px;
    border-style: outset;
    height: 294px;
    width: 94%;
    opacity: 0.8;
    top: 79%;
    padding:8%;
  }
  #sidebar2 {
    width: 37%;
    min-height: 334px;
    float: right;
    position: relative;
    padding: 20px;
    border-style: outset;
    border-radius: 20px;
    border-color: #B6FFA2;
    background-color: #DDEFDE;
    right: 2%;
    top: 25%;
  }
  #footer.start {
    top: 0%;
    clear:both;
    width:100%;
    background-color: #9194CF99;
    position:relative;
    margin-top: 8px;
    margin-bottom: 5px;
    height: 175px;
  }
  #wrapper.fuss {
    width: 99%;
    background-color: #ebfce9;
    padding: 1%;
    margin: 0 auto;
    margin-left: auto;
    display: block;
    position: relative;
    height:1885px;
    background-color: rgb(202, 249, 195);
  }
  #main.fuss {
    width:100%;
    float:left;
    background-color: #caf9c3;
    top:15%;
    margin-top:-108px;
    margin-bottom: 10px;
    height:1102px;
  }
  header.fuss {
    width: 100%;
    position:relative;
    top: -4%;
    margin-bottom: 5px;
    height: 325px;
    left: -18px;
  }
  #wechselbild3.fuss {
    left: 7%;
    top: 15%;
    width: 84%;
  }
  h1.fuss {
    left: 4%;
    position: relative;
    font-family: serif;
    font-size: 258%;
    color:navy;
    text-shadow:3px 3px 3px #fff;
    margin-top: 20%;
    top: -412px;
  }
  h1.allg {
    left: -3%;
    position: relative;
    font-family: serif;
    font-size: 289%;
    color: navy;
    text-shadow: 3px 3px 3px #fff;
    margin-top: 1%;
    margin: 0 auto;
    height: auto;
    top: -100px;
  }
  h1.rueallg {
    font-size: 222%;
    color: navy;
    font-weight: bold;
    font-style: italic;
    top: -338px;
    left: -14%;
    margin-top: 50px;
    position: relative;
  }
  #nav.fuss {
    width:95%;
    margin-top:1%;
    margin-bottom:10px;
    position: fixed;
    top:6px;
    font-size: 110%;
    margin:0 auto;
    height:58px;
    background-color:#60ba4b33;
    width: 100%;
  }
  #navyquer.fuss {
    width: 140%;
    margin-bottom: 5px;
    position: relative;
    display: block;
    top: -465%;
    margin-left: -17px;
    height: 50px;
    left: -959px;
    float: left;
  }
  #navyquer.marma {
    width: 140%;
    margin-bottom: 5px;
    position: fixed;
    display: block;
    top: -47%;
    margin-left: -60%;
    margin-top: -24px;
  }
  #sidebar.fuss {
    width: 18%;
    height: 430px;
    float: right;
    position: relative;
    padding: 20px;
    border-style: outset;
    border-radius: 20px;
    border-color: #B6FFA2;
    background-color: #DDEFDE;
    margin-bottom: 2px;
    top: 14%;
    right: 13%;
    margin-top: -10%;
  }
  #sidebar.marma {
    width: 31%;
    height: 544px;
    float: right;
    position: relative;
    padding: 20px;
    margin-bottom: 2px;
    top: 1%;
    right: 3%;
    margin-top: -3%;
    margin-right: 3%;
  }
  #sidebar1.fuss {
    width: 25%;
    height: 538px;
    float: right;
    position: relative;
    border-style: outset;
    border-radius: 20px;
    border-color: #B6FFA2;
    background-color: #DDEFDE80;
    top: 3%;
    padding: 2%;
    margin-top: 14%;
    margin-bottom: 10px;
    left: -13%;
  }
  #footer.fuss {
    margin-top: 4%;
    clear:both;
    width:100%;
    background-color: #9194CF99;
    position:relative;
    top: -1%;
    margin-bottom: 5px;
    height: 164px;
  }
  #copy.fuss {
    width:47%;
    top:-22%;
    height:auto;
    left: 9%;
    display: inline-flex;
  }
  #main.imp {
    width: 100%;
    float: left;
    background-color: #caf9c308;
    margin-top: auto;
    margin-bottom: 10px;
    height: 700px;
  }
  h1.imp {
    top: 37%;
    left: -30%;
    position: relative;
    font-family: serif;
    font-size: 328%;
    color:navy;
    text-shadow:3px 3px 3px #fff;
  }
  #wechselbild3.imp {
    position:relative;
    top:-58px;
    left:20px;
    width:93%;
    margin-left: 40px;
  }
  #nav.imp {
    width:100%;
    margin-top:1%;
    margin-bottom:10px;
    position: relative;
    top:-28%;
    font-size: 110%;
    margin:0 auto;
    height:50px;
    background-color:#60cc5033;
    left: -4px;
  }
  #navyquer.imp {
    width: 140%;
    margin-bottom: 5px;
    position: relative;
    display: block;
    top: -1579px;
    margin-left: -17;
    height: 50px;
    left: -615px;
    float: left;
    margin: 37px auto;
  }
  #navyquer.bau {
    width: 140%;
    margin-bottom: 5px;
    position: relative;
    display: block;
    top: -1710px;
    margin-left: -17;
    height: 50px;
    left: -393px;
    float: left;
    margin: 37px auto;
  }
  #sidebar.imp {
    width:22%;
    height:463px;
    float:right;
    position:relative;
    padding: 20px;
    border-style: outset;
    border-radius: 20px;
    border-color: #B6FFA2;
    background-color: #DDEFDE;
    margin-bottom: 2px;
    margin-top: -8%;
    right: 7%;
    top: 32%;
  }
  #wasser.imp {
    position: relative;
    margin: -9% auto;
    font-size: 98%;
    width: 72%;
    padding-top: 93%;
    top: -203px;
  }
  #footer.allg {
    top: 26%;
    clear: both;
    width: 100%;
    background-color: #9194CF14;
    position: relative;
    margin-top: 28px;
    margin-bottom: 5px;
    height: 150px;
  }
  #footer.fuss {
    top: 8%;
    clear: both;
    width: 100%;
    background-color: #9194CF99;
    position: relative;
    margin-top: -6px;
    margin-bottom: 15px;
    height: 161px;
  }
  #footer.marma {
    top: 9%;
    clear: both;
    width: 100%;
    background-color: #9194CF99;
    position: relative;
    margin-top: -20px;
    margin-bottom: 5px;
    height: 143px;
  }
  #footer.navi {
    top: 6%;
    clear: both;
    width: 100%;
    background-color: #9194CF00;
    position: relative;
    margin-top: 36px;
    margin-bottom: 5px;
    height: 188px;
    left: 4px;
  }
  #footer.imp {
    top: auto;
    clear: both;
    width: 100%;
    background-color: #9194CF99;
    position: relative;
    margin-top: 5px;
    margin-bottom: 5px;
    height: 150px;
    display: block;
    text-align: center;
  }
  #footer.bau {
    top: -54%;
    clear: both;
    width: 100%;
    background-color: #9194CF99;
    position: relative;
    margin-top: -15px;
    margin-bottom: 5px;
    height: 169px;
    left: -178px;
  }
  #copy.navi {
    top: auto;
    left: 25%;
    display: inline-block;
    width: 73%;
    left: 8%;
    height: auto;
    top: 25px;
    margin-top: 8px;
  }
  #copy.raumbau {
    width: 37%;
    border-style: outset;
    top: -180px;
    margin-top: 80px;
    margin-left: 60px;
    display: none;
    height: 44px;
    text-align:center;
    padding: 50px 104px;
    left: 32px;
  }
  #copy.raum {
    width: 80%;
    left: -66px;
    height: 146px;
    margin-top: 10px;
    top: -1%;
    left: 7%;
    display: inherit;
  }
  #copy.home {
    width: 92%;
    left: 2%;
    top: 16%;
    padding: 9px;
    margin-top: 30px;
  }
  #copy.raumnav {
    width: 24%;
    height: auto;
    margin-top: 258px;
    top: -59%;
    display: inherit;
    padding: 30px;
    margin-bottom: 5px;
    left: 9%;
    position: absolute;
    font-size: 102%;
  }
  #copy.imp {
    width: 92%;
    margin: 0 auto;
    left: 2%;
    top: 16%;
    padding: 9px;
    display:inherit;
    height: auto;
  }
  #copy.marma {
    top: -3px;
    width: 1402px;
    height: auto;
    left: -364px;
    display: inherit;
  }
  #main.onlin {
    left: 5%;
    position: absolute;
    margin-top: 9%;
    float: left;
    margin-bottom: 4%;
    width: 50%;
    height: 1300px;
    top: 32%;
    width: 85%;
  }
  #copy.onlin {
    width:50%;
    left: 26%;
    margin-top: 20%;
    top: 220%;
  }
  #footer.onlin {
    margin-top:220%;
  }
}
@media screen and (max-width:1500px) {
  #auswahl.massage {
    display: flex;
    width: 150%;
    font:110% sans-serif;
    text-shadow: none;
    top: 34%;
    left:3%;
    margin:15% 3% 1% -52%;
  }
  table.buch {
    display: inline-block;
    position: relative;
    width: 366px;
    height: 235px;
    padding: 37px;
    margin: 6% 10% 1% 1%;
    top:3%;
    left: -1%;
  }
  #headline.onlin {
    width: 90%;
    top: 45%;
    position: relative;
    height: 150px;
  }

  #termine.bestät {
    display: inline-block;
    position: relative;
    top: -39%;
    margin: 2% 2% 1% -12%;
    left: 29%;
    width: 65%;
  }
  #starttableindex.ayur {
    float: left;
    margin-bottom: 4%;
    padding-right: 2%;
    padding-bottom: 50px;
    padding-top: 2%;
    width: 50%;
    padding-left: 2%;
    height: auto;
    top: -6%;
    margin-left: 57px;
  }
  #table2 {
    display: flex;
    height: 67%;
    position: relative;
    top: auto;
    margin: 1% 2% 1% 3%;
    width: 23%;
    justify-content: center;
  }
  
  header.onlin {
    height: 343px;
    width: 99%;
    position: absolute;
    display: block;
    left: -1%;
    margin-bottom: 20px;
    top: -1%;
    margin-top: 7px;
  }
  #wechselbild2.onlin {
    width: 83%;
    left: 6%;
    top: 30%;
  }
  #sidebar.onlin {
    width: 21%;
    height: 425px;
    float: right;
    padding: 20px;
    margin-bottom: 2px;
    margin-top: -110%;
    left: 0%;
    top: -9%;
  }
  #starttableklass.spez {
    width: 55%;
    height: auto;
    padding-top: 37px;
    padding-left: 53px;
    top: 22px;
    left: 1%;
    padding-bottom: 70px;
    font-family: serif;
    font-size: 114%;
    margin-top: 66px;
    margin-bottom: 20px;
  }
  #bild.marma {
    position: relative;
    display: block;
    top: -2%;
    font-size: 158%;
    left: -85px;
  }
  #wechselbild1.allg {
    float: right;
    left: 3%;
    position: relative;
    margin-top: -64%;
    width: 127%;
    top: 180px;
    margin-left: 3px;
  }
  #sidebar.spez {
    top: 20%;
    position: absolute;
    margin-left: 72%;
    width: 23%;
    float: left;
    margin-top: 10px;
    height: 40%;
  }
  #copy.allg {
    top: auto;
    width: 774px;
    left: -20%;
    height: auto;
    margin-top: auto;
    font-size: 102%;
  }
  #terminspez.allg {
    top: -40%;
    margin-top: 1037px;
    text-align: center;
    opacity: 1.0;
    width: 55%;
    left: 7%;
  }
  #dreieck.spez {
    position: relative;
    top: 6%;
    left: 22%;
    width: 528px;
    margin-top: 185px;
    margin-left: -77px;
  }
  #kontaktlink {
    position: absolute;
    left: 29%;
    top: 100%;
    margin: 0 auto;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-top: 54px;
    margin-left: -57px;
    margin-bottom: 40px;
  }
  #wechselbild10.allg {
    float: right;
    left: -15%;
    position: absolute;
    top: 55%;
    margin-top: -90%;
    width: 117%;
    margin-bottom: 20px;
  }
  #starthome {
    display: block;
    width: 89%;
    top: 2%;
    margin-top: 2%;
    margin-bottom: 80px;
    left: 4%;
    padding: 1px;
    height: auto;
    font: 120% serif;
  }
  #navyquer.nurmenue {
    width: 52%;
    top: -8%;
    margin-top: -7%;
    margin-left: -9%;
    position: absolute;
    left: -7%;
  }
  #spiegelranke {
    position: relative;
    top: 7%;
    left: 62%;
    height: 150px;
    margin-top: 234px;
    margin-bottom: 40px;
    width: 18%;
  }
  #wechselbild3.imp {
    position: relative;
    top: -31px;
    left: 51px;
    width: 98%;
    margin-left: 40px;
  }
  #starttableindex.bau {
    left: 8%;
    margin-top: 32%;
    float: left;
    margin-bottom: 4%;
    padding: 5%;
    width: 44%;
    top: -61%;
  }
  #sidebar.bau {
    width: 23%;
    height: 276px;
    float: left;
    position: relative;
    padding: 20px;
    border-style: outset;
    border-radius: 20px;
    border-color: #B6FFA2;
    background-color: #DDEFDE;
    margin-bottom: 2px;
    margin-top: 11%;
    left: 5%;
    top: -51%;
  }
  #wasser.imp {
    position: relative;
    margin: -9% auto;
    font-size: 98%;
    width: 72%;
    padding-top: 93%;
    top: -177px;
  }
  h1.bau {
    font-size: 247%;
    color: navy;
    font-weight: bold;
    font-style: italic;
    top: -26%;
    left: -21%;
  }
  #navyquer.abhy {
    width: 140%;
    margin-bottom: 5px;
    position: fixed;
    display: block;
    top: -25%;
    margin-left: -12px;
    height: 50px;
    left: -885px;
    float: left;
  }
  #tablefuss.abhy {
    width: 30%;
    text-align: left;
    padding-bottom: 20px;
    float: left;
    margin-bottom: 10px;
    margin-top: 72px;
    top: 58%;
    left: 591px;
    height: 522px;
  }
  #spruchstart.agb {
    height: 94%;
    position: relative;
    padding: 3%;
    margin-left: 37px;
    margin-right: 3%;
    background-color: #99319099;
    width: 78%;
    right: 3%;
    display: block;
  }
  #headline.agb {
    background-color:#87e3a44d;
    width:100%;
    position:relative;
    top:179px;
    left:1px;
    margin-top:3%;
    height:150px;
    border-bottom: 2px dotted white;
    margin-bottom: 2px;
  }
  #nav.agb {
    width:95%;
    margin-top:1%;
    margin-bottom:10px;
    position: relative;
    top:-472px;
    font-size: 110%;
    margin:0 auto;
    height:50px;
    background-color:#bcf7b466;
  }
  #navyquer.agb {
    width: 140%;
    margin-bottom: 5px;
    position: fixed;
    display: block;
    top: -35%;
    margin-left: -17px;
    height: 50px;
    left: -766px;
    float: left;
    margin-top: 5px;
  }
  #starttableindex.agb {
    left: 1%;
    position: relative;
    margin-top: 1%;
    float: left;
    margin-bottom: 4%;
    padding-right: 1%;
    padding-bottom: 50px;
    padding-top: 5%;
    width: 51%;
    padding-left: 8%;
    height: auto;
    top: 5%;
    margin-left: 125px;
    font-size: 90%;
  }
  #footer.agb {
    top: 28%;
    clear: both;
    width: 100%;
    background-color: #9194CF99;
    position: relative;
    margin-top: 24px;
    margin-bottom: 5px;
    height: 218px;
  }
  #copy.raum {
    width: 30%;
    left: -66%;
    height: 146px;
    margin-top: 10px;
    top: -1%;
    left: 7%;
    display: inherit;
  }
  #copy.agb {
    margin: 0 auto;
    left: 1%;
    top: -6%;
    padding: 9px;
    width:82%;
    display: inherit;
  }
  header {
    width: 98%;
    margin-bottom: 10px;
    margin-top: 69px;
    top: auto;
  }
  #headline.fuss {
    background-color: #d8fad4;
    width: 100%;
    position: relative;
    top: 16px;
    left: 1px;
    margin-top: 20%;
    height: 150px;
  }
  #dreieck {
    position: relative;
    margin-top: 0%;
    left: -34px;
  }
  #dreieck.fuss {
    position:relative;
    top:13%;
    left: -34px;
  }
  #herzlich1 {
    position: relative;
    margin-top: 1%;
    left: 20%;
    width: 60%;
  }
  #wrapper.fuss {
    width: 99%;
    height: 1743px;
  }
  #main.fuss {
    width: 100%;
    float: left;
    top: -6%;
    margin-top: -42px;
    margin-bottom: 10px;
    height: 1234px;
  }
  #main.navi {
    width: 100%;
    background-color: #30982000;
    margin-top: -53px;
    margin-bottom: 10px;
    height: 3000px;
    top: -17%;
    position: relative;
    left: 10px;
  }
  #wechselbild3.fuss {
    left: 3%;
    top: 13%;
    width: 92%;
  }
  #nav.start {
    float: left;
    width: 95%;
    margin-top: 10%;
    margin-bottom: 10px;
    position:relative;
    margin: 0 auto;
    margin-top: 0px;
    margin-right: auto;
    margin-right: auto;
    margin-top: 3%;
  }
  h1.fuss {
    font-size: 243%;
    color: navy;
    font-weight: bold;
    font-style: italic;
    top: -90%;
    left: 16%;
    text-shadow:3px 3px 3px #fff;
  }
  h5 {
    font: 130% bold,italic;
    margin-left: 12%;
    position: relative;
    margin-top: 3%;
  }
  #navyquer.start {
    width: 138%;
    margin-bottom: 5px;
    position: relative;
    display: block;
    margin-top: -60%;
    left: 23%;
  }
  #navyquer.fuss {
    width: 140%;
    margin-bottom: 5px;
    position: relative;
    display: block;
    margin-top: -1%;
    margin-left: 8%;
  }
  #navyquer.navi {
    width: 80%;
    position: relative;
    display: block;
    top: 2%;
  }
  #navyquer.marma {
    width: 140%;
    margin-bottom: 5px;
    position: fixed;
    display: block;
    top: -30%;
    margin-left: -60%;
    margin-top: -14px;
  }
  #navyquer.rueallg {
    width: 99%;
    position: relative;
    display: block;
    top: -1016%;
    left: -155px;
  }
  starttableindex {
    left: 1%;
    position: relative;
    margin-top: 2%;
    float: left;
    top:18%;
  }
  #starttableindex.fuss {
    float: left;
    margin-bottom: 4%;
    padding-right: 2%;
    padding-bottom: 50px;
    padding-top: 2%;
    width: 50%;
    padding-left: 2%;
    height: auto;
    top: 8%;
    margin-left: 57px;
  }
  #sidebar.fuss {
    width: 22%;
    height: 463px;
    float: right;
    position: relative;
    padding: 20px;
    border-style: outset;
    border-radius: 20px;
    border-color: #B6FFA2;
    background-color: #DDEFDE;
    margin-bottom: 2px;
    top: 13%;
    right: 9%;
  }
  #sidebar1.fuss {
    width: 27%;
    height: 500px;
    float: right;
    top: 16%;
    padding: 2%;
    margin-top: 10px;
    margin-bottom: 10px;
    left: -9%;
  }
  h1.imp {
    font-size: 300%;
    color: navy;
    font-weight: bold;
    font-style: italic;
    top: 26%;
    left: -17%;
    text-shadow:3px 3px 3px #fff;
  }
  #footer.bau {
    top: auto;
    clear: both;
    width: 100%;
    background-color: #9194CF99;
    position: relative;
    margin-top: -18px;
    margin-bottom: 5px;
    height: 169px;
    left: -5%;
    position: relative;
  }
  #footer.imp {
    clear: both;
    width: 100%;
    background-color: #9194CF99;
    position: relative;
    margin-top: 5px;
    margin-bottom: 5px;
    height: auto;
  }
  #nav.imp {
    width: 100%;
    margin-top: 1%;
    margin-bottom: 10px;
    position: relative;
    top: -342px;
    font-size: 110%;
    margin: 0 auto;
    height: 50px;
    left: 0px;
  }
  #navyquer.imp {
    width: 140%;
    margin-bottom: 5px;
    position: relative;
    display: block;
    top: -133px;
    margin-left: -17px;
    height: 50px;
    left: -522px;
    float: left;
    margin: 37px auto;
  }
  #copy.bau {
    width: 74%;
    padding: 9px;
    border-style: outset;
    top: -189px;
    margin-top: 80px;
    margin-left: 60px;
    display: inherit;
    height: 70px;
    left: 34px;
  }
  #copy.raumnav {
    width: 22%;
    left: -66px;
    height: auto;
    margin-top: -11px;
    top: 11%;
    left: -8%;
    display: inherit;
    margin-bottom: 20px;
    font: 97% sans-serif;
    padding-bottom: 3px;
  }
  #copy.fuss {
    width: 87%;
    top: 1%;
    height: auto;
    display: inherit;
    left: -17%;
    margin-top: 9px;
    margin-bottom: 10px;
  }
  #copy.raumbau {
    width: 31%;
    border-style: outset;
    top: -620px;
    margin-top: 80px;
    margin-left: 60px;
    display: none;
    height: auto;
    text-align:center;
    padding: 30px;
    left: 547px;
  }
}
@media screen and (max-width:1440px) {
  #sprung.onlin {
    margin:30% 0% 1% 8%;
    padding-left: 37px;
    position: fixed;
    top: 28%;
    display: inline-block;
    left: 40%;
  }
   select.buch {
    height: 50px;
    width: 458px;
    text-align: center;
    font: 80% sans-serif;
    margin: 2% 5% 8% 12%;
  }
   #termine.bestät {
    display: inline-block;
    position: relative;
    top: 15%;
    margin: 2% 2% 1% -12%;
    left: 9%;
    width: 99%;
    font: 122%/1.4 sans-serif;
  }
   #buchen.termin {
    position: relative;
    display: inline-block;
    top: 8%;
    left: 6%;
    margin: 40% 9% 1% -66%;
    height: 17%;
    padding: 2%;
    width: 171%;
  }
   #form.termine {
    left: 1%;
    top: 1%;
  }
   #termine.online {
      margin: 48px 1%;
    left: 8%;
    background: #ee82ee2b;
  }
    #weitere.anfr {
     margin: -4% -55% 4% -41%;
   }
  #auswahl.betreff {
      /*! /*! left: %; */ */
    /*! /*! top: 10%; */ */
    /*! margin: 5% 2% 2% -13%; */
    height: 51px;
    margin: 35% 7% 2% -9%;
    height: 80px;
  }
  #navyquer.rueallg {
    display: block;
    position: relative;
    top: auto;
    margin-top: -1300px;
    left: -29px;
    width: 85%;
  }
  #main.onlin {
    left: 5%;
    margin-top: 2%;
    float: left;
    margin-bottom: 4%;
    height: 1300px;
    top: 32%;
    width: 85%;
  }
  #wechselbild2.onlin {
    width: 76%;
    left: 7%;
    top: 33%;
  }
  #sprung {
    display: none;
  }
  #sidebar.onlin {
    width: 24%;
    height: 425px;
    float: right;
    padding: 20px;
    margin-bottom: 2px;
    margin-top: -82%;
    left: 4%;
    top: -36%;
  }
  #medien.onlin {
    width: 23%;
    top: 81%;
    height: 99px;
    margin-top: 20px;
    margin-bottom: 20px;
    left: -3%;
    display: inline;
  }
  #starttableklass.spez {
    width: 65%;
    height: auto;
    top: 22px;
    left: 1%;
    font-size: 114%;
    margin-top: 10px;
    margin-bottom: 2px;
  }
  #wechselbild10.allg {
    float: right;
    left: -29%;
    top: 2%;
    margin-top: -90%;
    width: 117%;
    margin-bottom: 20px;
    margin: 10px;
  }
  #bild.allg {
    width: 20%;
    top: -24%;
    margin-top: auto;
    margin-bottom: 20px;
    left: 81%;
    padding: 4px;
    height: auto;
  }
  h1.navi {
    color: navy;
    height: 20%;
    margin-top: -54%;
    margin-left: 38%;
    top: -66%;
    position: relative;
  }
  #main.onlin {
    float: left;
    left: -1%;
    position: relative;
    width: 99%;
    top: 56%;
    margin-left: 10px;
    margin: 0 auto;
    margin-top: -82px;
  }
  #dreieck.navi {
    position: relative;
    left: 13%;
    top: 11%;
    margin-left: 20px;
    max-width: 14%;
    margin-top: 12%;
  }
  #copy.raumnav {
    width: 14%;
    height: auto;
    margin-top: -29%;
    top: 22%;
    padding: 35px;
    margin-bottom: 5px;
    left: -6%;
    font-size: 86%;
  }
  #navyquer.allg {
    width: 99%;
    position: relative;
    display: none;
    margin-top: -30px;
    float: left;
    left: -31%;
    top: -563px;
  }
  #headline.allg {
    background-color: #87e3a400;
    width: 64%;
    position: relative;
    left: -39px;
    height: 129px;
    border-bottom: 3px dotted white;
    margin-bottom: 2px;
    top: -87px;
  }
  #spruchstart.term {
    height: 105%;
    margin-left: 61px;
    margin-right: 3%;
    width: 120%;
    left: -59%;
  }
  #starthome.onlin {
    display: block;
    position: relative;
    width: 96%;
    top: 28px;
    left: -17px;
    margin-left: 46px;
    font: 125%/1.4 sans-serif;
  }
  #sidebar.term {
    width: 19%;
    height: 315px;
    padding: 20px;
    margin-bottom: 50px;
    margin-top: -39%;
    left: 5%;
    top: -16%;
    padding: 4%;
  }
  #dreieck.online {
    top: 1%;
    left: -12px;
    margin-top: 5px;
    display: block;
    max-width: 24%;
  }
  #main.allg {
    float: left;
    left: -1%;
    position: relative;
    width: 87%;
    top: -1%;
    margin-left: 10px;
    margin: 0 auto;
    margin-top: -82px;
  }
  #navyquer .top > li {
    float: left;
    width:130px;
    height: auto;
  }
  #nav.allg {
    width: 100%;
    margin-top: 10%;
    margin-bottom: 10px;
    margin: 0 auto;
    left: -2%;
    height: 48px;
    background-color: #80e78500;
    top: -190px;
  }
  #wechselbild1.allg {
    float: left;
    left: -26%;
    position: absolute;
    margin-top: -64%;
    width: 119%;
    top: 64%;
    margin-left: 10px;
    margin-bottom: 20px;
    margin: 10px;
  }
  #starthome {
    display: block;
    position: relative;
    width: 91%;
    top: -6%;
    font-size: 122%;
    margin: 0 auto;
    padding: 12px;
  }
  #sidebar.spez {
    top: 15%;
    position: absolute;
    margin-left: 70%;
    width: 28%;
    float: left;
    margin-top: 10px;
    height: auto;
  }
  #navyquer.start {
    width: 138%;
    margin-bottom: 5px;
    position: relative;
    display: block;
    margin-top: -38%;
    margin: 0 auto;
    margin-left: auto;
    left: -64%;
    top: -721px;
  }
  #wrapper {
    width: 1300px;
    height:1113px;
    left: -10px;
    top: 10px;
  }
  #navyquer.abhy {
    width: 140%;
    margin-bottom: 5px;
    position: fixed;
    display: block;
    top: -30%;
    margin-left: -17px;
    height: 50px;
    left: -698px;
    float: left;
  }
  #sidebar.abhy {
    width: 18%;
    height: 430px;
    float: right;
    position: relative;
    padding: 20px;
    border-style: outset;
    border-radius: 20px;
    border-color: #B6FFA2;
    background-color: #DDEFDE80;
    margin-bottom: 2px;
    top: 2%;
    left: -16%;
  }
  #starttableindex.allg {
    margin-top: 12px;
    padding-right: 2%;
    margin: 18px 30px;
    margin-bottom: 16px;
    margin-bottom: 17px;
    margin-bottom: 0px;
    left: 2%;
    width: 49%;
    height: auto;
    font-size: 74%;
    padding-bottom: 104px;
    top: -12px;
  }
  #tablefuss.abhy {
    width: 35%;
    text-align: left;
    padding-bottom: 20px;
    float: left;
    margin-bottom: 10px;
    margin-top: 72px;
    top: 50%;
    left: 555px;
    height: 522px;
  }
  #wrapper.fuss {
    width: 99%;
    height: 1851px;
  }
  #headline.fuss {
    background-color: #bcf7b466;
    width: 100%;
    position: relative;
    top: 19px;
    left: 1px;
    margin-top: 29%;
    height: 150px;
  }
  #headline.agb {
    background-color:#87e3a44d;
    width:100%;
    position:relative;
    top:41px;
    left:1px;
    margin-top:-2%;
    height:170px;
    border-bottom: 2px dotted white;
    margin-bottom: 2px;
  }
  #nav.agb {
    width:95%;
    margin-top:1%;
    margin-bottom:10px;
    position: relative;
    top:-436px;
    font-size: 110%;
    margin:0 auto;
    height:50px;
    background-color:#b2e4abcc;
    left: 24px;
  }
  #navyquer.agb {
    width: 140%;
    margin-bottom: 5px;
    position: fixed;
    display: block;
    top: -35%;
    margin-left: -17px;
    height: 50px;
    left: -622px;
    float: left;
  }
  #starttableindex.agb {
    left: 1%;
    position: relative;
    margin-top: 1%;
    float: left;
    margin-bottom: 4%;
    padding-right: 1%;
    padding-bottom: 50px;
    padding-top: 5%;
    width: 51%;
    padding-left: 8%;
    height: auto;
    top: 5%;
    margin-left: 125px;
  }
  #spruchstart.agb {
    height: 94%;
    position: relative;
    padding: 3%;
    margin-left: 37px;
    margin-right: 3%;
    background-color: #99319099;
    width: 78%;
    right: 3%;
    display: block;
  }
  #footer.agb {
    top: 22%;
    clear: both;
    width: 100%;
    background-color: #9194CF99;
    position: relative;
    margin-top: 8px;
    margin-bottom: 5px;
    height: 218px;
  }
  #copy.agb {
    margin: 0 auto;
    left: 1%;
    top: -6%;
    padding: 9px;
    width:82%;
    display: inherit;
  }
  #main.fuss {
    width: 100%;
    float: left;
    top: -2%;
    margin-top: -106px;
    margin-bottom: 10px;
    height: 1234px;
    margin-left: 14px;
  }
  header {
    height:324px;
    width: 98%;
    margin-bottom: 10px;
  }
  header.fuss {
    width: 100%;
    position:relative;
    top: -4%;
    left:1%;
    margin-bottom: 5px;
    height:324px;
  }
  #nav.fuss {
    width:98%;
    margin-top:1%;
    margin-bottom:10px;
    position: fixed;
    top:2%;
    font-size: 110%;
    margin:0 auto;
    height:50px;
    background-color:#1da44333;
  }
  #navyquer.fuss {
    width: 140%;
    margin-bottom: 5px;
    position: relative;
    display: block;
    margin-left: 21%;
    margin-top: -58px;
  }
  #footer.fuss {
    top: 1%;
    clear: both;
    width: 100%;
    background-color: #9194CF99;
    position: relative;
    margin-top: -6px;
    margin-bottom: 15px;
    height: auto;
  }
  #nav.imp {
    width: 100%;
    margin-top: 1%;
    margin-bottom: 10px;
    position: relative;
    top: -342px;
    font-size: 110%;
    margin: 0 auto;
    height: 50px;
    left: 11px;
  }
  #navyquer.imp {
    width: 140%;
    margin: 5px auto;
    position: relative;
    display: block;
    top: -1922%;
    left: -53%;
  }
  #navyquer.marma {
    width: 140%;
    margin-bottom: 5px;
    position: fixed;
    display: block;
    top: -05px;
    margin-left: -59%;
    margin-top: -269px;
  }
  #navyquer.navi {
    width: 80%;
    position: relative;
    display: block;
    top: 2%;
  }
  #navyquer.rueallg {
    width: 99%;
    position: relative;
    display: block;
    top: -889%;
    left: -79px;
  }
  #main {
    width:100%;
    height: 672px;
    top: -2%;
  }
  header {
    height:350px;
    width: 99%;
    margin-bottom: 10px;
    left: -1%;
    top: 5px;
    margin: 0 auto;
  }
  #dreieck {
    position: relative;
    margin-top: -10%;
    left: -34px;
    width: 53%;
  }
  #dreieck.fuss {
    position:relative;
    top:13%;
    left: -34px;
  }
  #herzlich1 {
    position: relative;
    margin-top: 1%;
    left: 20%;
    width: 60%;
  }
  #nav.start {
    float: left;
    width: 95%;
    margin-top: 10%;
    margin-bottom: 10px;
    position:relative;
    margin: 0 auto;
    margin-top: 0px;
    margin-right: auto;
    margin-right: auto;
    margin-top: 7%;
    height: 20px;
  }
  #navileiste.fuss {
    position: absolute;
    margin-top: 13%;
    float: right;
    left: 56%;
  }
  #navyquer.start {
    width: 160%;
    margin-bottom: 5px;
    position: relative;
    display: block;
    margin-top: -5%;
    margin-left: 2%;
  }
  #starttableindex.onlin {
    text-align: center;
    margin-top: 120px;
    position: relative;
    margin: 0 auto;
    width: 69%;
    margin-bottom: 10px;
    margin-top: -11px;
    left: 9%;
  }
  #starttableindex.fuss {
    float: left;
    margin-bottom: 4%;
    padding-right: 2%;
    padding-bottom: 50px;
    padding-top: 2%;
    width: 50%;
    padding-left: 2%;
    height: auto;
    top: -1%;
    margin-left: 57px;
  }
  #starttableindex.imp {
    width:45%;
  }
  #sidebar {
    width:23%;
    height:454px;
    float:left;
    position:relative;
    padding: 20px;
    border-style: outset;
    border-radius: 20px;
    border-color: #B6FFA2;
    background-color: #DDEFDE;
    left: -1%;
    margin-bottom: 2px;
    margin-top:5px;
    margin: 0 auto;
    top: -14%;
  }
  #sidebar.fuss {
    width: 22%;
    height: 463px;
    float: right;
    position: relative;
    padding: 20px;
    border-style: outset;
    border-radius: 20px;
    border-color: #B6FFA2;
    background-color: #DDEFDE;
    margin-bottom: 2px;
    top: 3%;
    margin-right: 7%;
  }
  #sidebar1.fuss {
    width: 28%;
    height: 500px;
    float: right;
    top: 5%;
    left: -8%;
  }
  #sidebar1.marma {
    width: 33%;
    height: 389px;
    float: left;
    position: relative;
    border-style: outset;
    border-radius: 20px;
    border-color: #B6FFA2;
    background-color: #DDEFDE;
    top: 0%;
    padding: 2%;
    margin-top: 14%;
    margin-bottom: 10px;
    left: -53%;
  }
  #tablefuss {
    width: 36%;
    position: absolute;
    top: 53%;
    left: 2%;
  }
  #footer {
    top:-1%;
    clear:both;
    width:100%;
    background-color: #9194CF99;
    position:relative;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  #footer.imp {
    top: -12%;
    clear: both;
    width: 100%;
    background-color: #9194CF99;
    position: relative;
    margin-top: 7px;
    margin-bottom: 5px;
    left: 0%;
    height: 150px;
    margin-top: 679px;
  }
  #footer.marma {
    top: 0%;
    clear: both;
    width: 100%;
    background-color: #9194CF99;
    position: relative;
    margin-top: 9px;
    margin-bottom: 5px;
    height:180px;
  }
  #copy.imp {
    width: 92%;
    margin: 0 auto;
    left: 2%;
    top: 16%;
    padding: 9px;
    display:inherit;
    height:auto;
  }
  #copy.marma {
    width: 92%;
    margin: 0 auto;
    left: 0%;
    top: 7%;
    padding: 9px;
    display:inherit;
    height:auto;
  }
}
@media screen and (max-width:1366px) {
  #wechselbild2.onlin {
    width: 83%;
    left: 10%;
    top: 3%;
  }
   #table3.buch {
    display: inline-block;
    position: relative;
    width: 500px;
    /*! height: 300px; */
    left: 8%;
     top: 160%;
  }
    table.buchen {
    left: -83%;
    top: 3%;
  }
    #weitere.anfr {
    margin: -2% -138% 1% 10%;
    left: -6%;
    height: 23%;
  }
    #form.termine {
    left: 1%;
    top: 1%;
    width: 108%;
  }
    #auswahl.betreff {
    display: flex;
      justify-content: center;
      text-align: center;
    font: 87% sans-serif;
    /*! width: 120%; */
    text-shadow: none;
    position: relative;
    /*! left: 6%; */
    /*! top: 45%; */
    margin: 28% 2% 2% -7%;
    height: 59%;
  }
  #termine.bestät {
    display: inline-block;
    position: relative;
    top: 10%;
    margin: 8% -14% 1% -12%;
    left: 2%;
    width: 65%;
  }
    #buchen.termin {
    position: relative;
    display: inline-block;
    top: 27%;
    width: 100%;
    left: 8%;
    margin: -5% 5% 1% -207%;
    padding: 2%;
    height: 22%;
  }
  #headline.onlin {
    width: 70%;
    top: 38%;
    position: relative;
    height: 150px;
    left:15%;
  }
  #sidebar.onlin {
    width: 22%;
    height: 522px;
    margin-top: -113%;
  }
  header.onlin {
    height: 343px;
    width: 99%;
    position: absolute;
    display: block;
    left: -1%;
    margin-bottom: 20px;
    top: -1%;
    margin-top: 7px;
  }
  #wechselbild1.allg {
    float: left;
    left: -34%;
    position: relative;
    margin-top: -64%;
    width: 124%;
    top: 81%;
    margin-left: 10px;
    margin: 0 auto;
  }
  #main.onlin {
    float: left;
    left: -1%;
    position: relative;
    width: 99%;
    top: 22%;
    margin-left: 10px;
    margin: 0 auto;
    margin-top: 0px;
    margin-top: 282px;
  }
  #navyquer.onlin {
    position: fixed;
    top: -82%;
    width: 90%;
    margin-top: 20px;
    left: -17%;
    display: block;
  }
  #spruchstart.onlin {
    width: 94%;
    height: 85%;
    left: -18%;
    top: 5%;
    margin-top: 5%;
    border: 1px outset #352c66;
  }
  #starttableindex.onlin {
    padding-right: 10%;
    position: relative;
    margin: 0 auto;
    margin-top: 0px;
    margin-bottom: 0px;
    width: 60%;
    margin-bottom: 9px;
    margin-top: -11px;
    font: 102%/1.4 sans-serif;
  }
  #starthome.onlin {
    margin-bottom: 20px;
    left: 1%;
    height: auto;
    font: 137% serif;
    margin-right: 30px;
    margin: -47px auto;
  }
  #medien.onlin {
    width: 30%;
    top: 6%;
    height: 99px;
    margin-top: 20px;
    margin-bottom: 20px;
    left: -2%;
  }
  #bild.garschan {
    position: absolute;
    display: block;
    top: -15%;
    font-size: 158%;
    left: -4px;
    margin: 0 auto;
  }
  #bild.allg {
    width: 20%;
    top: -24%;
    margin-top: auto;
    margin-bottom: 20px;
    left: 81%;
    height: auto;
  }
  #wechselbild2.advent {
    left: -21px;
    top: -11px;
    width: 90%;
    margin: 1% auto;
    margin-top: 1%;
    height: auto;
    margin-top: 4%;
  }
  #headline.allg {
    background-color: #87e3a400;
    width: 64%;
    position: relative;
    left: -39px;
    height: 129px;
    top:-40px;
  }
  #navyquer.allg {
    width: 99%;
    margin-top: -30px;
    left: -32%;
    top: -596px;
  }
  #sidebar.term {
    width: 19%;
    height: 315px;
    margin-bottom: 50px;
    margin-top: -39%;
    left: 5%;
    top: -16%;
  }
  #starttableindex.imp {
    left: 5%;
    margin-top: 2%;
    float: left;
    margin-bottom: 4%;
    padding-right: 5%;
    padding-bottom: 9px;
    width: 44%;
    padding-left: 8%;
    height: 377px;
    top: -217px;
  }
  #rankefuss.abhy {
    position: absolute;
    top: 36%;
    left: 76%;
    margin-bottom: 2px;
    width: 40%;
  }
  h4.abyanga {
    color: rgb(12, 112, 25);
    font: 106% bold,italic;
    height: 20%;
    left: 16%;
    position: relative;
    text-align: center;
    text-shadow: 3px 3px 3px rgb(255, 255, 255);
    top: -15%;
  }
  #navileiste.abhy {
    float: right;
    color: rgb(0, 0, 128);
    font: 71% serif;
    position: absolute;
    top: 92%;
    left: 75%;
  }
  #navyquer.abhy {
    width: 140%;
    margin-bottom: 5px;
    position: fixed;
    display: block;
    top: -23%;
    margin-left: -17px;
    height: 50px;
    left: -651px;
    float: left;
  }
  #tablefuss.abhy {
    width: 38%;
    text-align: left;
    padding-bottom: 20px;
    float: left;
    margin-bottom: 10px;
    margin-top: 189px;
    top: 39%;
    left: 498px;
    height: 522px;
  }
  #wrapper {
    width: 99%;
    height:1284px;
  }
  #wrapper.imp {
    width: 99%;
    height:1000px;
    left: -5px;
  }
  #navileiste.fuss {
    color: rgb(0, 0, 128);
    font: 72% serif;
    left: 71%;
    position: absolute;
    margin-top: 15%;
  }
  #headline.fuss {
    background-color: #bcf7b466;
    width: 100%;
    position: relative;
    top: 1px;
    left: 1px;
    margin-top: 29%;
    height: 150px;
  }
  #headline.agb {
    background-color:#87e3a44d;
    width:100%;
    position:relative;
    top:65px;
    left:1px;
    margin-top:1%;
    height:150px;
    border-bottom: 2px dotted white;
    margin-bottom: 2px;
  }
  #nav.agb {
    width:95%;
    margin-top:1%;
    margin-bottom:10px;
    position: relative;
    top:-24%;
    font-size: 110%;
    margin:0 auto;
    height:50px;
    background-color:#caf9c399;
  }
  #navyquer.agb {
    width: 140%;
    margin-bottom: 5px;
    position: fixed;
    display: block;
    top: -35%;
    margin-left: -17px;
    height: 50px;
    left: -487px;
    float: left;
  }
  #starttableindex.agb {
    left: 1%;
    position: relative;
    margin-top: 1%;
    float: left;
    margin-bottom: 4%;
    padding-right: 1%;
    padding-bottom: 50px;
    padding-top: 5%;
    width: 51%;
    padding-left: 8%;
    height: auto;
    top: 5%;
    margin-left: 125px;
  }
  #sidebar.agb {
    width: 23%;
    height: 552px;
  }
  #wasser.agb {
    top:-91px;
    color: #fff;
  }
  #footer.agb {
    top: 17%;
    clear: both;
    width: 100%;
    background-color: #9194CF99;
    position: relative;
    margin-top: 8px;
    margin-bottom: 5px;
    height: auto;
  }
  #copy.agb {
    margin: 0 auto;
    left: 1%;
    top: -7%;
    padding: 9px;
    width:82%;
    display: inherit;
    height: auto;
  }
  #dreieck.fuss {
    position:relative;
    top:13%;
    left: -34px;
  }
  #main.imp {
    width:100%;
    float:left;
    background-color: #caf9c303;
    top:-2%;
    margin-top:-4%;
    margin-bottom: 10px;
    height:628px;
  }
  #main.fuss {
    width: 100%;
    float: left;
    top: -7%;
    margin-top: -109px;
    margin-bottom: 10px;
    height: 1234px;
  }
  #wechselbild3.fuss {
    left: 5%;
    top: 13%;
    width: 95%;
  }
  #nav {
    width: 140%;
    margin-bottom: 5px;
    position: relative;
    display: block;
    top: -2923%;
    margin: 0 -6%;
    left: -17%;
  }
  #nav.imp {
    width: 100%;
    margin-top: 1%;
    margin-bottom: 10px;
    position: relative;
    top: -264px;
    font-size: 110%;
    margin: 0 auto;
    height: 50px;
    left: -16px;
  }
  #navyquer.imp {
    width: 140%;
    margin: 5px auto;
    position: relative;
    display: block;
    top: -2616%;
    left: -46%;
  }
  #nav.fuss {
    width:100%;
    margin-top:1%;
    margin-bottom:10px;
    position: fixed;
    top:19px;
    margin:0 auto;
    background-color: #7dbf7480;
    left: 38px;
  }
  #navyquer.navi {
    width: 80%;
    position: relative;
    display: inherit;
    top: 2%;
  }
  #navyquer.fuss {
    width: 140%;
    margin-bottom: 5px;
    position: relative;
    display: block;
    top: -466%;
    margin-left: 23%;
    margin-top: -60px;
  }
  #navyquer.rueallg {
    width: 102%;
    position: relative;
    display: block;
    top: -937%;
    left: -128px;
  }
  #navyquer.marma {
    width: 140%;
    margin-bottom: 5px;
    position: relative;
    display: block;
    top: -3819%;
    margin-left: -50%;
    margin-top: -14px;
  }
  #sprung.imp {
    display: none;
    top: -74%;
    float: left;
    position:relative;
    left: 63px;
  }
  h1.imp {
    font-size: 300%;
    color: navy;
    font-weight: bold;
    font-style: italic;
    top: 54%;
    left: -23%;
    text-shadow: 3px 3px 3px #fff;
  }
  #kurztext.imp {
    font: 90%/1.2 serif;
    margin: 28px 33px 17px 66px;
    padding-left: 2px;
    width: 380px;
    top: 276px;
  }
  #sidebar.imp {
    width: 22%;
    height: 463px;
    float: right;
    position: relative;
    padding: 20px;
    margin-bottom: 2px;
    margin-top: -11%;
    margin-right: 17%;
    top: 35%;
    background-color: #DDEFDE80;
  }
  #wasser.imp {
    position: relative;
    margin: -9% auto;
    font-size: 98%;
    width: 72%;
    padding-top: 93%;
    margin-top: -61%;
    top: -18%;
  }
  header.fuss {
    width: 100%;
    top: -4%;
    left: 1%;
    height: 263px;
    margin-bottom: 2px;
  }
  #dreieck {
    position: absolute;
    top: 99%;
    left: -5%;
  }
  h1.fuss {
    top: -89%;
    left: 17%;
  }
  h5.fuss {
    font: 130% bold,italic;
    left: 5%;
    position: relative;
    margin-top: 1%;
  }
  #navyquer.start {
    width: 160%;
    margin-bottom: 5px;
    position: relative;
    display: block;
    margin-top: -6%;
    margin-left: -6%;
    margin: 0 auto;
  }
  #starttableindex {
    margin-top: 120px;
    padding-right: 2%;
    position: relative;
    margin: 0 auto;
    left: 2%;
    width: 61%;
    margin-bottom: 10px;
    top: -22px;
  }
  #sidebar {
    width:23%;
    height:452px;
    float:left;
    position:relative;
    padding: 20px;
    border-style: outset;
    border-radius: 20px;
    border-color: #B6FFA2;
    background-color: #DDEFDE;
    left: 2%;
    margin-bottom: 2px;
    margin-top:5px;
    margin: 0 auto;
    top: -6%;
  }
  #sidebar.fuss {
    width: 27%;
    height: 463px;
    top: 0%;
    margin-right: 5%;
  }
  #sidebar.marma {
    width: 30%;
    height: 544px;
    float: right;
    position: relative;
    padding: 20px;
    margin-bottom: 2px;
    top: 1%;
    right: 2%;
    margin-top: -3%;
    margin-right: -3%;
  }
  #starttableindex.fuss {
    width: 50%;
    padding-left: 2%;
    height: auto;
    top: 0%;
    margin-left: 67px;
    margin-top: 25px;
  }
  #sidebar1.fuss {
    width: 33%;
    height: 500px;
    float: right;
    position: relative;
    border-style: outset;
    border-radius: 20px;
    border-color: #B6FFA2;
    background-color: #DDEFDE99;
    top: 9%;
    padding: 2%;
    margin-top: 10px;
    margin-bottom: 10px;
    left: -2%;
  }
  #tablefuss.marma {
    width: 36%;
    position: relative;
    top: 51%;
    right: 2%;
    height: 507px;
    padding-bottom: 31px;
    padding-left: 8%;
    margin-bottom: 10px;
    margin-top: -109%;
    margin-right: 3%;
    padding-top: 4%;
    float: right;
  }
}
@media screen and (max-width:1280px) {
  label.massage {
    margin: 44px 4%;
    position: relative;
    height: 48px;
    top: 67%;
    width: 750px;
    left: 18%;
    font-weight: bold;
    display: flex;
    justify-content: center;
    text-align: center;
  }
  firn,ternube{
   left: 2%; 
  }
   #weitere.anfr {
    margin: -4% -138% 1% 10%;
    left: -40%;
    height: 23%;
  }
   table.buchen {
    width: 500px;
    left: 12%;
    top: -5%;
  }
    #table3.buch {
    display: inline-block;
    position: relative;
    width: 500px;
    height: 300px;
    left: 10%;
    top: 208%;
  }
    #buchen.termin {
    top: 20%;
    width: 81%;
    left: 16%;
    margin: 2% 5% 1% -66%;
    height: 20%;
    padding: 2%;
  }
  #auswahl.betreff {
    font: 87% sans-serif;
    width: 137%;
    /*! left: 2%; */
    /*! top: -34%; */
    margin: 5% 2% 2% -13%;
    /*! height: 51px; */
  }
  #form.termine {
    margin: 0 auto;
    height: auto;
    width: 108%;
    top: 0%;
    position: relative;
    left: 1%;
  }
  #termine.online {
    /*! width: 38%; */
    /*! height: 32%; */
    margin: 0 auto;
    left: 6%;
    /*! top: -12%; */
  }
  #termine.weitere {
    width: 820px;
    top: -66%;
    left: auto;
    margin: -6% 9%;
    height: 22%;
  }
  select.buch {
    height: 50px;
    width: 643px;
    text-align: center;
    font: 80% sans-serif;
    margin: 4% 48% 8% -33%;
    left: 43%;
  }
  #termine.bestät {
    position: relative;
    margin:-7% -7% 1% -12%;
    left: 4%;
    width: 85%;
    top: 26%;
  }
  #spruchstart.onlin {
    width: 94%;
    height: 400px;
    left: -18%;
    top: 4%;
    border: 1px outset #352c66;
  }
  table.buch {
    display: inline-block;
    position: relative;
    width: 366px;
    height: 235px;
    padding:37px;
    margin:6% 10% 1% 1%;
    top: 10%;
    left: -4.4%;
  }
  #auswahl.massage {
    display: flex;
    width: 99%;
    font:110% sans-serif;
    text-shadow: none;
    top: 71%;
    margin:15% 3% 1% -68%;
    justify-content: center;
    align-items: center;
  }
  table.medien {
    display: table-cell;
    width: 100%;
    padding-left: 31px;
    height: auto;
    text-align: center;
  }
  #medien.onlin {
    position: absolute;
    width: 49%;
    top: 318%;
    height: 99px;
    margin-top: 20px;
    margin-bottom: 20px;
    left: 23%;
    display: inline;
  }
  header.onlin {
    height: 515px;
    width: 99%;
    position: absolute;
    display: block;
    left: -1%;
    margin-bottom: 20px;
    top: 1%;
    margin-top: 7px;
  }
  #navyquer.onlin {
    position: fixed;
    top: -82%;
    width: 90%;
    margin-top: 20px;
    left: -20%;
    display: block;
  }
  #sidebar.onlin {
    width: 19%;
    height: 425px;
    float: right;
    padding: 20px;
    margin-bottom: 2px;
    margin-top: -95%;
    left: 9%;
    top: -8%;
  }
  #headline.onlin {
    width: 74%;
    top: 3%;
    position: relative;
    height: 213px;
  }
  h1.onlin {
    text-shadow: 1px 1px 1px #fff;
    top: 12%;
    font-style: italic;
    left: -6%;
    width: 528px;
    height: auto;
    margin-top: -121px;
    font-size: 320%;
  }
  #starttableindex.onlin {
    padding-right: 10%;
    position: relative;
    margin: 0 auto;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    width: 61%;
    margin-bottom: 9px;
    margin-top: -11px;
    margin-left: 11%;
    top: 2%;
  }
  #starthome.onlin {
    margin-bottom: 20px;
    left: 3%;
    height: auto;
    font: 127% sans-serif;
    margin-right: 30px;
    padding: 10px 40px;
    width: 99%;
    margin-top: -86px;
  }
  td.termonline {
    display: table-cell;
    background: linear-gradient(to right, #ef7fe8 0%,#e93cec99 99%);
    height: 60px;
    border-radius: 15px;
  }
  td.hoerer {
    display: none;
    height: 20px;
  }
  td.kontakte {
    display: table-cell;
    background: lightgreen;
    height: 60px;
    border-radius: 15px;
  }
  #copy.raumnav {
    width:auto;
    height: auto;
    margin-top: -25%;
    top: 17%;
    padding: 35px;
    margin-bottom: 5px;
    left: -6%;
    font-size: 86%;
    margin-left: 59%;
  }
  #main.onlin {
    width: 100%;
    float: left;
    background-color: #caf9c300;
    margin-bottom: 10px;
    height: 2896px;
    top: auto;
    margin: 0 auto;
    margin-top: 38%;
    left: -114px;
  }
  #navyquer.nurmenue {
    width: 52%;
    top: -11%;
    margin-top: -7%;
    margin-left: -9%;
    position: absolute;
    left: -7%;
  }
  #copy.raumnav {
    width: 14%;
    height: auto;
    margin-top: -29%;
    top: 18%;
    padding: 35px;
    margin-bottom: 5px;
    left: -6%;
    font-size: 86%;
  }
  #copy.raumnav {
    width: 25%;
    height: auto;
    margin-top: -25%;
    top: 17%;
    padding: 35px;
    margin-bottom: 5px;
    left: -6%;
    font-size: 86%;
    margin-left: 68%;
  }
  header.navi {
    height: 261px;
    width: 104%;
    margin-bottom: 10px;
    left: 0%;
    margin-top: 64px;
    top: -64px;
    position: relative;
  }
  #wechselbild2.advent {
    left: 9px;
    top: -1%;
    width: 106%;
    margin: 1% auto;
    margin-top: 1%;
    margin-top: 1%;
    height: auto;
    margin-top: 9%;
  }
  #sidebar.term {
    width: 19%;
    height: 315px;
    margin-bottom: 50px;
    margin-top: -39%;
    left: 7%;
    top: -4%;
  }
  #wasser.allg {
    color: #5a0e5a;
    font-size: 126%;
    width: 72%;
    padding-top: 93%;
    top: -45%;
    text-shadow: -2px 2px 2px aliceblue;
    left: 37px;
  }
  #abhylink {
    position: relative;
    left: 5px;
  }
  #headline.allg {
    background-color: #87e3a400;
    width: 64%;
    left: -60px;
    height: 129px;
    margin-bottom: 2px;
    top: -49px;
    margin: 0 auto;
  }
  #wrapper.onlin {
    width: 99%;
    margin: 0 auto;
    height: 1261px;
  }
  #starthome {
    display: block;
    position: relative;
    width: 83%;
    top: 28px;
    font-size: 150%;
    left: 10px;
    height: auto;
    margin-bottom: 29px;
  }
  #spruchstart {
    height: 600px;
    position: relative;
    padding: 3%;
    margin-left: 61px;
    margin-right: 3%;
    background-color: #9931901f;
    width: 94%;
    left: -19%;
  }
  #bild.allg {
    display: block;
    position: relative;
    width: 20%;
    top: -307px;
    margin-top: auto;
    margin-bottom: 20px;
    left: 800px;
    height: 280px;
    border:none;
  }
  #bild.garschan {
    position: relative;
    display: block;
    top: -287px;
    font-size: 130%;
    left: 19px;
  }
  #sprung.spez {
    width: 80%;
    left: -11%;
    margin-left: 3px;
    margin-top: -14%;
    margin-right: 30px;
    top: 3px;
  }
  #wechselbild10.allg {
    float: right;
    left: -30%;
    position: absolute;
    top: 90%;
    margin-top: -183%;
    width: 127%;
    margin: 0 auto;
  }
  #footer.allg {
    top: 100%;
    clear: both;
    width: 100%;
    background-color: #9194CF14;
    position: relative;
    margin-top: 28px;
    margin-bottom: 5px;
    height: 150px;
  }
  #wechselbild2.fuss {
    position: relative;
    left: 15px;
    top: -7%;
    width: 96%;
  }
  #starttableklass.spez {
    width: 68%;
    height: auto;
    padding-top: 10px;
    padding-left: 20px;
    top: 2px;
    left: 9%;
    padding-bottom: 160px;
    font: 90%/1.2 serif;
    margin-top: 10px;
  }
  #sidebar.spez {
    top: 3%;
    position: absolute;
    margin-left: 33%;
    width: 28%;
    float: left;
    margin-top: 10px;
    height: 130%;
    left: 474px;
  }
  #main.allg {
    width: 100%;
    float: left;
    background-color: #caf9c300;
    margin-bottom: 10px;
    height: auto;
    top: auto;
    margin: 0 auto;
    margin-top: -53px;
    left: -89px;
  }
  #footer.start {
    clear: both;
    width: 100%;
    background-color: #9194CF99;
    position: relative;
    margin-top: 12px;
    margin-bottom: 5px;
    height: 175px;
    top: 3%;
  }
  #wechselbild1.allg {
    float: right;
    left: -1%;
    position: relative;
    width: 127%;
    margin: 0 auto;
    top: 3%;
  }
  #nav.onlin {
    width: 100%;
    margin-top: 1%;
    margin-bottom: 10px;
    position: relative;
    top: -2%;
    font-size: 110%;
    margin: 0 auto;
    height: 50px;
    left: -16px;
    display: block;
  }
  #sidebar.abhy {
    width: 22%;
    height: 430px;
    float: right;
    position: relative;
    padding: 20px;
    border-style: outset;
    border-radius: 20px;
    border-color: #B6FFA2;
    background-color: #DDEFDE80;
    margin-bottom: 2px;
    top: 2%;
    left: -6%;
  }
  #fussnote.fuss {
    top: 36%;
    left: 1%;
    position: relative;
    width: 74%;
    height: 358px;
    padding: 38px;
    margin-top: 10px;
  }
  #ampel.abhy {
    border-radius: 30px;
    display: table-cell;
    left: 7px;
    position: relative;
    top: -245px;
  }
  #wechselbild2a.abhy {
    position: relative;
    top: -200px;
    left: -88px;
  }
  #sidebar1.abhy {
    width: 33%;
    height: 548px;
    float: left;
    position: relative;
    border-style: outset;
    border-radius: 20px;
    border-color: #B6FFA2;
    background-color: #DDEFDE99;
    left: -55%;
    top: 4%;
    padding: 2%;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  #wassernote {
    position:relative;
    top:-65%;
    left:2px;
    font-size: 83%;
    color: navy;
  }
  #tablefuss.abhy {
    width: 38%;
    text-align: left;
    padding-bottom: 20px;
    float: left;
    margin-bottom: 10px;
    margin-top: 100px;
    top: 39%;
    left: 498px;
    height: 522px;
  }
  #spruchstart.abhy {
    height: 100%;
    top: 44px;
    left: -53px;
    width: 94%;
  }
  #wasser.abhy {
    position: relative;
    margin: -9% auto;
    font-size: 85%;
    top:174px;
  }
  #wrapper.imp {
    width: 87%;
    height: 848px;
    left: 10px;
    margin-left: 41px;
  }
  #headline.agb {
    background-color:#87e3a44d;
    width:100%;
    position:relative;
    top:65px;
    left:1px;
    margin-top:1%;
    height:150px;
    border-bottom: 2px dotted white;
    margin-bottom: 2px;
  }
  #headline.fuss {
    width: 100%;
    position: relative;
    top: 1px;
    left: 1px;
    margin-top: 41%;
    height: 150px;
  }
  #headline.agb {
    background-color:#87e3a44d;
    width:100%;
    position:relative;
    top:92px;
    left:1px;
    margin-top:1%;
    height:50%;
    border-bottom: 3px dotted white;
    margin-bottom: 2px;
  }
  #nav.agb {
    width:95%;
    margin-top:1%;
    margin-bottom:10px;
    position: relative;
    top:-24%;
    font-size: 110%;
    margin:0 auto;
    height:50px;
    background-color:#caf9c399;
  }
  #navyquer.agb {
    width: 140%;
    margin-bottom: 5px;
    position: fixed;
    display: block;
    top: -35%;
    margin-left: -17px;
    height: 50px;
    left: -487px;
    float: left;
  }
  #starttableindex.agb {
    left: 1%;
    position: relative;
    margin-top: 1%;
    float: left;
    margin-bottom: 4%;
    padding-right: 1%;
    padding-bottom: 50px;
    padding-top: 5%;
    width: 56%;
    padding-left: 8%;
    height: auto;
    top: 2%;
    margin-left: 43px;
  }
  #footer.agb {
    top: 18%;
    clear: both;
    width: 100%;
    background-color: #9194CF99;
    position: relative;
    margin-top: 8px;
    margin-bottom: 5px;
    height: auto;
  }
  #copy.agb {
    margin: 0 auto;
    left: 1%;
    top: -7%;
    padding: 9px;
    width:82%;
    display: inherit;
    height: auto;
  }
  #main.fuss {
    height:1215px;
    margin-top: 3%;
  }
  #main.imp {
    width: 100%;
    float: left;
    background-color: #caf9c3;
    top: -14%;
    margin-top: 190px;
    margin-bottom: 10px;
    height: 614px;
  }
  #sprung.imp {
    display: none;
    top: -74%;
    float: left;
    position:relative;
    left: 63px;
  }
  h1.imp {
    font-size: 300%;
    color: navy;
    font-weight: bold;
    font-style: italic;
    top: 3%;
    left: -23%;
    text-shadow: 3px 3px 3px #fff;
  }
  #kurztext.imp {
    font: 90%/1.2 serif;
    margin: 28px 33px 17px 66px;
    padding-left: 2px;
    width: 380px;
  }
  #sidebar.imp {
    width: 22%;
    height: 463px;
    float: right;
    position: relative;
    padding: 20px;
    margin-bottom: 2px;
    margin-top: -11%;
    margin-right: -6%;
    top: 35%;
    background-color: #DDEFDEE6;
  }
  #wasser.imp {
    position: relative;
    margin: -9% auto;
    font-size: 98%;
    width: 72%;
    padding-top: 93%;
    margin-top: -61%;
    top: -18%;
  }
  #main.navi {
    width: 100%;
    background-color: #caf9c300;
    margin-top: 19px;
    margin-bottom: 10px;
    height: 3000px;
  }
  #navyquer,
  #nav {
    display:none;
  }
  #nav.fuss,
  #navyquer.fuss,
  #navileiste {
    display:none;
  }
  #navyquer.navi {
    width:96%;
    margin-top: -15px;
    left: -13px;
  }
  #wechselbild3.fuss {
    width: 103%;
    top: 1%;
    left: 1%;
  }
  #copy.fuss {
    width:86%;
    left: 3%;
    height: auto;
    top: auto;
    margin-top: 7px;
  }
  h1.fuss {
    top: -93%;
    margin-left: -4%;
  }
  h1.imp {
    top: 7%;
    margin-left: 4%;
  }
  #main {
    width:100%;
    position: relative;
    top: 2%;
    margin-top:14px;
    height: 725px;
  }
  header {
    height: 250px;
    width: 102%;
    margin-bottom: 10px;
    left: 10px;
    top: -7px;
  }
  #dreieck {
    position: relative;
    margin-top: -19%;
    left: -7%;
  }
  #dreieck.fuss {
    position:relative;
    top:13%;
    left: -87px;
  }
  #herzlich1 {
    position: relative;
    top: 282%;
    left: 20%;
    width: 60%;
    margin-top: -45px;
  }
  #starttableindex {
    text-align: center;
    padding-left: 11%;
    position: relative;
    margin-bottom: 0px;
    left: 5%;
    width: 59%;
    top: 0%;
  }
  #dreieck.imp {
    position: relative;
    margin-top: -25%;
    left: -10%;
    display: none;
  }
  #starttableindex.imp {
    left: 8%;
    margin-top: 15%;
    float: left;
    margin-bottom: 4%;
    padding-right: 5%;
    padding-bottom: 50px;
    padding-top: 1%;
    width: 44%;
    padding-left: 13%;
    height: 385px;
    top: -9%;
  }
  #kurztext.imp {
    font: 90%/1.2 serif;
    width: 380px;
    text-align: none;
    text-align: left;
  }
  #sprung.imp {
    display: block;
    top: -42%;
    float: left;
    position:relative;
    left: 112px;
    margin-top: 2%;
  }
  #starttableindex.fuss {
    width: 50%;
    padding: 5%;
    height: auto;
    margin-top: 1%;
    margin-left: 1%;
    text-align: left;
  }
  #sidebar {
    width:23%;
    height:452px;
    float:right;
    position:relative;
    padding: 20px;
    border-style: outset;
    border-radius: 20px;
    border-color: #B6FFA2;
    background-color: #DDEFDE;
    left: -8%;
    margin-bottom: 2px;
    margin-top:5px;
    margin: 0 auto;
    top: -15px;
  }
  #sidebar.fuss {
    width: 27%;
    height: 463px;
    float: right;
    position: relative;
    padding: 20px;
    border-style: outset;
    border-radius: 20px;
    border-color: #B6FFA2;
    background-color: #DDEFDE;
    margin-bottom: 2px;
    top: -6%;
    right: 0%;
    margin-right: -8%;
  }
  #sprung.fuss ,
  #sprung.agb {
    display: block;
    top: -64%;
    float: right;
    position: relative;
    margin-right: 86%;
    margin-top: -44px;
  }
  #tablefuss {
    width: 50%;
    position: absolute;
    top: 46%;
    left: 4%;
    height: 507px;
    padding-bottom: 31px;
    padding-left: 8%;
    margin-bottom: 10px;
    margin-top: -3%;
    margin-left: 2%;
    padding-top: 4%;
  }
  #sidebar1.marma {
    width: 33%;
    height: 311px;
    float: left;
    position: relative;
    border-style: outset;
    border-radius: 20px;
    border-color: #B6FFA2;
    background-color: #DDEFDE;
    top: 0%;
    padding: 2%;
    margin-top: 21%;
    margin-bottom: 10px;
    left: -53%;
  }
  #sidebar1.fuss {
    width: 25%;
    height: 540px;
    top: 45%;
    padding: 2%;
    margin-right: -22%;
    margin-top: 10px;
    float: right;
    padding: 20px;
  }
  #fussnote.fuss {
    top: 0%;
    left: 0%;
    position: relative;
    width: 74%;
    height: 389px;
    padding: 38px;
    margin-top: 24px;
  }
  #footer {
    top: 1%;
    clear:both;
    width:102%;
    background-color: #CAF9C3;
    position:relative;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  #footer.marma {
    top: 3%;
    clear: both;
    width: 100%;
    background-color: #9194CF99;
    position: relative;
    margin-top: 16px;
    margin-bottom: 5px;
    height: 179px;
  }
  #footer.fuss {
    top: -7%;
    clear:both;
    width:100%;
    background-color: #CAF9C3;
    position:relative;
    margin-top: 2px;
    margin-bottom: 5px;
    left: 0%;
  }
  #dreieck.navi {
    position: absolute;
    margin-top: 8%;
    left: 9%;
    width: 52%;
    margin-left: 36px;
    top: 36%;
  }
  #spiegelranke {
    position:absolute;
    top:-4px;
    left:60%;
    background-color: #caf9c300;
    height: 150px;
    margin-top: 31%;
    margin-bottom:20px;
    width: 26%;
  }
  #rankeumkehr {
    position:absolute;
    top:77px;
    left:51px;
    width: 77%;
    margin-top: 631%;
    background-color: #00f0;
  }
}
@media screen and (max-width: 1200px) {
  #form.termine {
    margin: 0 auto;
    height: auto;
    width: 108%;
    top: 0%;
    position: relative;
    left: -6%;
  }
  #table3.buch{
    top: 261%;
    left: 1%;
  }
  #buchen.termin {
    top: 22%;
    width: 81%;
    left: 15%;
    margin: 2% 5% 1% -66%;
    height: 20%;
    padding: 2%;
  }
    #termine.bestät {
    position: relative;
    margin: -52% -25% 1% -12%;
    left: -2%;
    width: 85%;
    top: 67%;
  }
  table.buchen{
    left:36%;
  }
}
@media screen and (max-width:1080px) {
  #starttableindex.allg {
    margin-top: 12px;
    padding-right: 2%;
    margin: 7px -82px;
    margin-bottom: 1px;
    left: 2%;
    width: 80%;
    height: auto;
    font-size: 74%;
    padding-bottom: 2%;
    top: -12px;
  }
    table.buchen {
    left: 6%;
  }
    #weitere.anfr {
    margin: 2% -138% 1% 10%;
    left: -70%;
    height: 23%;
  }
  #table3.buch {
    width: 500px;
    height: 273px;
    left: 9%;
    top: 292%;
  }
  #termine.bestät {
    position: relative;
    margin: -16% 2% 1% 27%;
    left: -10%;
    width: 86%;
    display: block;
  }
  table.buch {
    width: 366px;
    height: 235px;
    padding:37px;
    margin:6% 10% 1% 1%;
    top: 7%;
    left: 3%;
  }
  #table2 {
    display: flex;
    height: 67%;
    position: relative;
    top: auto;
    margin: -4% 2% 5% 3%;
    width: 23%;
    justify-content: center;
  }
  #form.termine {
    width: 123%;
    left: -8%;
  }
  #buchen.termin {
    top: 18%;
    width: 77%;
    margin-top:14%;
    left: 42%;
    height: 14%;
  }
  #wrapper.onlin {
    width: 99%;
    margin: 0 auto;
    height: 1261px;
    top: -135px;
  }
  header.onlin {
    height: 313px;
    width: 99%;
    position: absolute;
    display: block;
    left: -4%;
    margin-bottom: 20px;
    top: 1%;
    margin-top: 7px;
  }
  #navyquer.onlin {
    position: fixed;
    top: -82%;
    width: 90%;
    margin-top: 20px;
    left: -26%;
    display: block;
  }
  #starthome.onlin {
    margin-bottom: 20px;
    left: -4%;
    height: auto;
    font: 137% sans-serif;
    margin-right: 30px;
    padding-left: 2px;
    width: 83%;
    margin-top: -86px;
  }
  td.kontakte {
    display: table-cell;
    background: lightgreen;
    height: 52px;
    border-radius: 15px;
  }
  #sidebar.onlin {
    width: 22%;
    height: 376px;
    float: right;
    padding: 20px;
    margin-bottom: 2px;
    margin-top: -2%;
    left: 45%;
    top: -11%;
    position: absolute;
  }
  td.termonline {
    display: table-cell;
    background: linear-gradient(to right, #ef7fe8 0%,#e93cec99 99%);
    height: 52px;
    border-radius: 15px;
  }
  #wechselbild2.onlin {
    width: 96%;
    left: 65px;
    top: 29%;
  }
  #fusslink {
    position: relative;
    left: 62%;
    top: -33px;
    width: 108px;
  }
  #dreieck.online {
    top: 1%;
    left: -12px;
    margin-top: 5px;
    display: block;
    max-width: 24%;
  }
  #starttableindex.onlin {
    padding-right: 25%;
    position: relative;
    margin-top: 32px;
    margin-bottom: 0px;
    width: 69%;
    left:7%;
    margin-left: -22px;
    font: 90%/1.4 sans-serif;
    height: 400px;
    padding: 12% 2% 132% 5%;
  }
  #sprung {
    background: linear-gradient(to right, #ef7fe8b3 0%,#e93ceccc 99%);
    height: 35px;
    padding-top: 8px;
    border-radius: 10px;
    width: 117px;
    margin-top: 21%;
    padding-left: 37px;
    position: fixed;
    top: -25%;
    display: inline;
    float: right;
    right: 59px;
    margin-right: 20px;
    text-shadow: -2px 2px 2px white;
    font-variant: small-caps;
    font-weight: bold;
  }
  #terminspez.allg {
    top: 111%;
    margin-top: 98%;
    opacity: 1.0;
    width: 55%;
    left: auto;
    margin-left: 17%;
    margin-bottom: 30px;
    position: absolute;
  }
  #sprung.spez {
    width: 80%;
    left: 5%;
    margin-left: 3px;
    margin-top: -14%;
    margin-right: 30px;
    top: 3px;
  }
  #bild.marma {
    position: absolute;
    display: block;
    top: 54%;
    font-size: 128%;
    left: -33px;
    width: 50px;
  }
  #wechselbild1.allg {
    float: right;
    left: -1%;
    position: relative;
    width: 127%;
    margin: 0 auto;
    top: 3%;
  }
  #wechselbild10.allg {
    float: right;
    left: -30%;
    position: absolute;
    top: 9%;
    margin-top: -183%;
    width: 127%;
    margin: 0 auto;
  }
  #spruchstart {
    height: auto;
    position: relative;
    padding: 3%;
    margin-left: 61px;
    margin-right: 3%;
    background-color: #99319099;
    width: 94%;
    left: -19%;
  }
  #navyquer.nurmenue {
    width: 62%;
    top: -11%;
    margin-top: -7%;
    margin-left: -14%;
    position: absolute;
    left: -7%;
  }
  #copy.raumnav {
    width: 24%;
    margin-top: -25%;
    top: 17%;
    padding: 35px;
    margin-bottom: 5px;
    left: 6%;
    font-size: 86%;
    margin-left: 59%;
  }
  #main.onlin {
    width: 100%;
    float: left;
    background-color: #caf9c300;
    margin-top: 88px;
    margin-bottom: 10px;
    height: auto;
    top: 32%;
    left: 0%;
  }
  #wechselbild2.advent {
    left: 9px;
    top: -1%;
    width: 106%;
    margin: 1% auto;
    margin-top: 1%;
    height: auto;
    margin-top: 9%;
  }
  #sprung.allg {
    display: block;
    top: -5%;
    float: left;
    position: fixed;
    left: 77%;
    margin-top: 21%;
    border: ridge aliceblue;
  }
  #spruchstart.term {
    height: 105%;
    margin-left: 61px;
    margin-right: 3%;
    width: 111%;
    left: -44%;
    top: -22px;
  }
  #sidebar.term {
    width: 19%;
    height: 315px;
    margin-bottom: 50px;
    margin-top: -5%;
    left: 77%;
    top: 29%;
    position: absolute;
  }
  #wrapper.imp {
    width: 87%;
    height: 848px;
  }
  #main.allg {
    width: 100%;
    float: left;
    background-color: #caf9c300;
    margin-top: 88px;
    margin-bottom: 10px;
    height: auto;
  }
  h1.rueallg {
    font-size: 222%;
    color: navy;
    font-weight: bold;
    font-style: italic;
    top: -276px;
    left: -11%;
    margin-top: 50px;
    position: relative;
  }
  #wasser.abhy {
    position: relative;
    margin: -9% auto;
    font-size: 85%;
    top: 141px;
  }
  #main.allg {
    width: 92%;
    float: left;
    background-color: #caf9c300;
    margin-top: -7%;
    margin-bottom: 10px;
    height: auto;
    top: 2px;
    left: -30px;
  }
  #sidebar.abhy {
    width: 27%;
    height: 495px;
    float: right;
    position: relative;
    padding: 20px;
    border-style: outset;
    border-radius: 20px;
    border-color: #B6FFA2;
    background-color: #DDEFDE80;
    margin-bottom: 2px;
    top: 2%;
    left: -1%;
  }
  #fruehangeb {
    position: relative;
    color: white;
    font-size: 130%;
    font-style: oblique;
    display: block;
    background: #00f0;
    left: 85%;
    font-family: serif;
    width: 100px;
    text-align: center;
    top: 917px;
    background: #80808000;
    margin-top: 18px;
  }
  #sprung.abhy {
    display: block;
    top: -91%;
    float: left;
    position: relative;
    left: 79%;
  }
  #tablefuss.abhy {
    width: 41%;
    text-align: left;
    padding-bottom: 20px;
    float: left;
    margin-bottom: 10px;
    margin-top: 189px;
    top: 34%;
    left: 483px;
    height: 522px;
  }
  #rankefuss.abhy {
    position: absolute;
    top: 29%;
    left: 68%;
    margin-bottom: 2px;
    width: 40%;
  }
  #headline.agb {
    background-color:#87e3a44d;
    width:100%;
    position:relative;
    top:69px;
    left:1px;
    margin-top:1%;
    height:34%;
    border-bottom: 3px dotted white;
    margin-bottom: 2px;
  }
  #sprung.agb {
    display: block;
    float: right;
    position: relative;
    top: -320px;
  }
  #starttableindex.agb {
    left: -9%;
    position: relative;
    margin-top: 1%;
    float: left;
    margin-bottom: 4%;
    padding-right: 1%;
    padding-bottom: 50px;
    padding-top: 5%;
    width: 56%;
    padding-left: 8%;
    height: auto;
    top:1%;
    margin-left: 118px;
  }
  #sidebar.agb {
    width: 23%;
    height: 552px;
    left: -74px;
    top: 21%;
    float: right;
    margin-top: -107%;
  }
  #wasser.agb {
    top:100px;
  }
  #footer.agb {
    top: 17%;
    clear: both;
    width: 100%;
    background-color: #9194CF99;
    position: relative;
    margin-top: 8px;
    margin-bottom: 5px;
    height: auto;
  }
  #copy.agb {
    margin: 0 auto;
    left: 1%;
    top: -8%;
    padding: 9px;
    width:82%;
    display: inherit;
    height: auto;
  }
  #wrapper.fuss {
    width: 99%;
    height: 1681px;
  }
  #headline.fuss {
    background-color: #c6f8bf80;
    width: 100%;
    position: relative;
    top: 100px;
    left: 1px;
    margin-top: 16%;
    height: 85px;
    margin-bottom: 1px;
    border-bottom: 3px;
    border-bottom-color: #fff;
  }
  #main {
    width:100%;
    height: auto;
  }
  #main.imp {
    width: 100%;
    float: left;
    background-color: #caf9c300;
    top: 0%;
    margin-top: 8%;
    margin-bottom: 10px;
    height: 609px;
    left: -50px;
  }
  #main.navi {
    width: 100%;
    background-color: #caf9c300;
    margin-top: -53px;
    margin-bottom: 10px;
    height: 3000px;
  }
  #dreieck {
    position: absolute;
    top: 64%;
    left: 12px;
  }
  #main.fuss {
    height:1215px;
    margin-top: 27%;
    left: -18px;
    top: -175px;
  }
  #starttableindex.fuss {
    width: 50%;
    padding: 3%;
    height: 423px;
    margin-top: 1%;
    margin-left: 1%;
    text-align: left;
  }
  #dreieck.fuss {
    position: absolute;
    top: 73%;
    left: -12px;
  }
  #sidebar1.fuss {
    width: 25%;
    height: 540px;
    top: 45%;
    padding: 2%;
    margin-right: -34%;
    margin-top: 10px;
    float: right;
    padding: 20px;
  }
  #sprung {
    margin-top: -26%;
    float: left;
    margin-left: 0%;
  }
  header.fuss {
    height:250px;
    width: 101%;
    position:relative;
    top: -6%;
    margin-bottom: 10px;
    margin: 0 auto;
    left: -1px;
  }
  #herzlich1 {
    position: relative;
    top: 300%;
    left: 20%;
    width: 60%;
  }
  #navileiste.fuss {
    display:none;
  }
  #wechselbild3.fuss {
    width: 99%;
    top: 1%;
    left: 4%;
  }
  #sprung.onlin {
    display: none;
    top: -101%;
    float: left;
    position:relative;
    left: 754px;
    margin-top: 20%;
  }
  #sprung.fuss,
  #sprung.agb {
    top: -6%;
    float: right;
    margin-left: -21%;
    right: 15px;
    margin-top: -8%;
  }
  #sprung.imp {
    margin-top: -146%;
    float: left;
    margin-left: -24%;
  }
  #dreieck {
    position:absolute;
    top:79%;
    left: -7%;
  }
  h1.fuss {
    top: -18%;
    left: 26%;
    position: relative;
    font-family: serif;
    font-size: 328%;
    margin-top: -114px;
  }
  h1.imp {
    top: -29%;
    left: -45%;
    position: relative;
    font-family: serif;
    font-size: 290%;
    margin-top: 103px;
  }
  #sidebar.imp {
    width: 27%;
    height: 463px;
    float: right;
    position: relative;
    padding: 20px;
    margin-bottom: 2px;
    margin-top: -11%;
    margin-right: 3%;
    top: 20%;
    background-color: #DDEFDEB3;
  }
  #navyquer,
  #nav {
    display:none;
  }
  #wasser {
    position: relative;
    margin: -9% auto;
    font-size: 98%;
    width: 72%;
    padding-top: 93%;
    top: 8%;
  }
  #starttableindex {
    text-align: center;
    padding-right: 2%;
    position: relative;
    margin: 0 auto;
    left: -7%;
    width: 74%;
    margin-bottom: 10px;
    margin-top: 2%;
    top: 0%;
  }
  #starttableindex.imp {
    left: 8%;
    margin-top: 15%;
    float: left;
    margin-bottom: 4%;
    padding-right: 5%;
    padding-top: 1%;
    width: 47%;
    padding-left: 13%;
    height: 385px;
    top: -89%;
  }
  #kurztext.imp {
    font: 90%/1.2 serif;
    margin: -109px 33px 17px -4px;
    padding-left: 60px;
    width: 380px;
    top: 5px;
  }
  #sidebar {
    width:23%;
    height:452px;
    float:left;
    position:relative;
    padding: 20px;
    border-style: outset;
    border-radius: 20px;
    border-color: #B6FFA2;
    background-color: #DDEFDE;
    left: 2%;
    margin-bottom: 2px;
    margin-top:5px;
    margin: 0 auto;
    top: -3%;
  }
  #sidebar.fuss {
    width: 25%;
    height: 425px;
    float: right;
    position: relative;
    padding: 20px;
    border-style: outset;
    border-radius: 20px;
    border-color: #B6FFA2;
    background-color: #DDEFDE;
    margin-bottom: 2px;
    margin-top: 2%;
    margin-right: 4%;
    top: -5%;
  }
  #tablefuss.marma {
    width: 36%;
    position: relative;
    top: 51%;
    right: 2%;
    height: 507px;
    padding-bottom: 31px;
    padding-left: 8%;
    margin-bottom: 10px;
    margin-top: -113%;
    margin-right: 3%;
    padding-top: 4%;
    float: right;
  }
  #rankefuss {
    display: inline;
    position: absolute;
    top: -2%;
    left: 61%;
  }
  #footer {
    top:1%;
    clear:both;
    width:100%;
    background-color: #C5FFB500;
    position:relative;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  #footer.imp {
    top: -27%;
    clear: both;
    width: 100%;
    background-color: #9194CF99;
    position: relative;
    margin-top: 7px;
    margin-bottom: 5px;
    left: 0%;
    height: 150px;
    margin-top: 811px;
  }
}
@media screen and (max-width:1024px) {
  #spruchstart.onlin {
    width: 86%;
    height: 400px;
    left: 10%;
    top: 2%;
    border: 1px outset #352c66;
  }
    #termine.bestät {
    position: relative;
      left: -19%;
   }
  #headline.onlin {
    width: 74%;
    top:11%;
    position: relative;
    height: 213px;
  }
    #copy.onlin {
    width: 90%;
    left: 2%;
    margin-top: 20%;
     }
  #table3.buch {
    width: 500px;
    height: 273px;
    left: -1%;
    top: 331%;
  }
  label.massage{
    left:22%;
    width: 1200px;
    top: 20%;
  }
    #auswahl.betreff {
    font: 87% sans-serif;
    width: 99%;
    left: -75%;
    top: 26%;
    margin: 5% 2% 2% -13%;
    /*! height: 51px; */
  }
   #sidebar.onlin {
    display: none;
  }
   #form.termine {
    width: 101%;
    margin: 0% 5%;
    height: 14%;
    left: -5%;
  }
    table.buchen {
    display: table-cell;
    position: relative;
    width: 89%;
    top: 10%;
    left: 2%;
  }
    select.buch {
    height: 50px;
    width: 643px;
    text-align: center;
    font: 80% sans-serif;
    margin: -25% 5% 8% 22%;
    left: 37%;
  }
 
   #termine.weitere {
     font-size: 81%;
  }
    select.buch {
    height: 50px;
    width: 505px;
    text-align: center;
    font: 80% sans-serif;
    margin: 5% -19% 9% -77%;
    left: 22%;
  }
  #auswahl.massage {
    left: -15%;
    top: 37%;
    margin:11% 3% 1% -22%;
    width: 238%;
  }
  #buchen.termin {
    top: 27%;
    width: 82%;
    margin-top: -4%;
    left: 50%;
  }
  #weitere.anfr {
    /*! width: 900px; */
    /*! font:116%/1.4 sans-serif; */
    /*! top: 229%; */
    left: -61%;
    /*! height: 202%; */
    /*! margin:0% 1%; */
    /*! padding:2%; */
  }
  #starttableindex.onlin {
    padding: 12% 25% 14% 2%;
    position: relative;
    margin-top: 32px;
    margin-bottom: 0px;
    width: 64%;
    left: 7%;
    margin-left: -22px;
    font: 90%/1.4 sans-serif;
    font-family: sans-serif;
    height: 60%;
  }
  #copy.raumstart {
    font: 80% serif;
    height: 96px;
    width:38%;
    top:27%;
    margin-top: 10px;
    left: 420px;
  }
  #wechselbild4.fuss {
    display: block;
    width: 93%;
    top: 1%;
    left: auto;
    position: relative;
  }
  #starthome.onlin {
    margin-bottom: 20px;
    left: 3%;
    height: auto;
    font: 137% sans-serif;
    margin-right: 30px;
    padding-left: 2px;
    width: 131%;
    margin-top: -86px;
  }
  #main.onlin {
    left: 5%;
    margin-top: 2%;
    float: left;
    margin-bottom: 4%;
    height: 1300px;
    top: 22%;
    width: 85%;
  }
  #terminspez.allg {
    top: 724px;
    margin-top: 84%;
    width: 55%;
    left: auto;
    margin-left: 21%;
    margin-bottom: 30px;
    position: absolute;
    height: 56px;
  }
  #headline.spez {
    position: relative;
    top: -43%;
    height: 190px;
    width: 47%;
    margin-left: 206px;
  }
  #dreieck.online {
    top: 1%;
    left: -12px;
    margin-top: 5px;
    width: 90%;
  }
  #main.onlin {
    width: 99%;
    margin-top: 2%;
    margin-bottom: 120px;
    top: 32%;
    left: 1%;
    height: auto;
  }
  #wechselbild2.advent {
    left: -21px;
    top: 60px;
    width: 111%;
    margin: 0 auto;
    height: auto;
    margin-top: 10%;
  }
  #willk {
    position: relative;
    display: inline;
    top: -26px;
    left: 171px;
  }
  #wechselbild2.mob {
    position: relative;
    top: -275px;
    left: 100px;
    width: 87%;
  }
  #wechselbild10.allg {
    float: left;
    left: -3%;
    position: absolute;
    top: 112%;
    margin-top: -90%;
    width: 47%;
  }
  #starthome.ganz {
    width: 83%;
    left: 3%;
    position: relative;
    margin-left: 3px;
    margin-top: -114px;
    text-align: center;
    display: inherit;
    margin-right: 30px;
    font: 99%/1.4 sans-serif;
  }
  h1.navi {
    font-size: 291%;
    color: navy;
    height: 20%;
    font-weight: bold;
    font-style: italic;
    margin-top: 10px;
    margin-left: 4px;
    text-align: center;
    top: -125px;
    position: relative;
  }
  #bild.allg {
    position: absolute;
    width:20%;
    top:14%;
    margin-top:50px;
    left: 81%;
    height: 275px;
  }
  #abhylink {
    position: relative;
    width: 280px;
    margin: 0 auto;
  }
  #klasslink {
    position: relative;
    left:-1%;
    top:-12px;
    width: 335px;
    margin: 0 auto;
  }
  #ruecklink {
    position: relative;
    left: -34px;
    top: 28px;
    display: inline;
    margin-right: 80px;
  }
  #copy.allg {
    top: auto;
    width: 880px;
    left: 2px;
    height: 136px;
    margin-top: auto;
    display: inherit;
    position: absolute;
    width: 857px;
    margin: 0 auto;
  }
  #fusslink {
    position: relative;
    left: 63%;
    top: -35px;
    display: block;
  }
  #kontaktlink {
    position: absolute;
    left: 37%;
    top: 274%;
    width: 150px;
    margin-top: 20px;
  }
  td.abstand {
    width:10px;
  }
  #sprung.spez {
    width: 88%;
    left: -3%;
    position: relative;
    margin-left: 3px;
    margin-top: -162px;
    text-align: center;
    display: inherit;
    margin-right: 30px;
  }
  #starthome {
    width: 93%;
    left: 1%;
    position: relative;
    align-content: center;
    margin-left: 3px;
    margin-top: -41px;
    text-align: center;
    display: inherit;
    margin-right: 30px;
  }
  #bild3.allg {
    position: relative;
    width: 51%;
    top: 14px;
    margin-top: 20px;
    margin-bottom: 50px;
    margin-left: 17%;
    border-style: outset;
    padding: 7px;
  }
  #bild.marma {
    position: relative;
    display: block;
    top: auto;
    font-size: 167%;
    left: 55%;
    width: 280px;
    margin-top: -68%;
  }
  #bild.garschan {
    position: relative;
    display: block;
    top: 21px;
    font-size: 168%;
    left: -26%;
    width: 300px;
  }
  #starttableklass.spez {
    width: 79%;
    height: auto;
    padding-top: 100px;
    padding-left: 60px;
    top: 10px;
    left: 1%;
    padding-bottom: 146px;
    font-family: serif;
    font-size: 114%;
    margin-top: 10px;
    padding-right: 47px;
    margin-bottom: 20px;
  }
  #sidebar.spez {
    top: 81%;
    position: relative;
    left: 1%;
    margin-left: 5px;
    float: left;
    width: 93%;
    height: 377px;
  }
  h4.abyanga {
    color: rgb(12, 112, 25);
    font: 130% bold,italic;
    height: 20%;
    left: 28%;
    position: relative;
    text-align: center;
    text-shadow: 3px 3px 3px rgb(255, 255, 255);
    top: -15%;
  }
  h1.allg {
    left: -16%;
    position: relative;
    font-family: serif;
    font-size: 237%;
    color: navy;
    text-shadow: 3px 3px 3px #fff;
    margin-top: -11%;
    top: 3px;
    margin-left: 28px;
  }
  #sprung.abhy {
    display: block;
    top: -91%;
    float: left;
    position: relative;
    left: 79%;
  }
  #spruchstart {
    height: 84%;
    position: relative;
    padding: 3%;
    margin-left: 78px;
    margin-right: 3%;
    background-color: #99319000;
    width: 102%;
    left: -4%;
    display: block;
    margin-top: 1px;
    margin: 0 auto;
  }
  #wechselbild1.allg {
    float: right;
    left: 60%;
    position: absolute;
    margin-top: -52%;
    top: 78%;
    margin-left: -12%;
    max-width: 49%;
  }
  #wechselbild2a.abhy {
    position: relative;
    top: -160px;
    left: -88px;
  }
  #sidebar.abhy {
    width: 27%;
    height: 430px;
    float: right;
    position: relative;
    padding: 20px;
    border-style: outset;
    border-radius: 20px;
    border-color: #B6FFA2;
    background-color: #DDEFDE80;
    margin-bottom: 2px;
    top: 2%;
    left: -2%;
  }
  #tablefuss.abhy {
    width: 46%;
    text-align: left;
    padding-bottom: 20px;
    float: left;
    margin-bottom: 10px;
    margin-top: 189px;
    top: 29%;
    left: 333px;
    height: 522px;
  }
  #sidebar1.abhy {
    width: 31%;
    height: 46%;
    float: left;
    position: relative;
    border-style: outset;
    border-radius: 20px;
    border-color: #B6FFA2;
    background-color: #DDEFDE99;
    left: 4%;
    top: 3%;
    padding: 2%;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  #fussnote.fuss {
    top: -15%;
    left: 3%;
    position: relative;
    width: 74%;
    height: 358px;
    padding: 38px;
    margin-top: 24px;
  }
  td.kurztextabhy {
    position: relative;
    top: -19px;
    left: -18px;
    font: 94% serif;
  }
  #headline.agb {
    background-color: #87e3a44d;
    width: 100%;
    position: relative;
    top: 117px;
    left: 1px;
    margin-top: 14%;
    height: 34%;
    border-bottom: 3px dotted white;
    margin-bottom: 2px;
  }
  #headline.allg {
    background-color: #87e3a400;
    width: 100%;
    position: relative;
    left: 1px;
    margin-top: 0%;
    height: 105px;
    border-bottom: 3px dotted white;
    margin-bottom: 2px;
    top: 22%;
  }
  #starttableindex.agb {
    left: 1%;
    position: relative;
    margin-top: 1%;
    float: left;
    margin-bottom: 4%;
    padding-right: 3%;
    padding-bottom: 50px;
    padding-top: 5%;
    width: 51%;
    padding-left: 8%;
    height: 82%;
    top: -27%;
    margin-left: 19px;
  }
  #sidebar.agb {
    width: 31%;
    height: 493px;
    left: -27px;
    top: 12%;
    float: right;
    margin-top: -970px;
  }
  #wasser.agb {
    top:100px;
    margin-top: -292px;
  }
  #footer.agb {
    top: -12%;
    clear: both;
    width: 100%;
    background-color: #9194CF99;
    position: relative;
    margin-top: 8px;
    margin-bottom: 5px;
    height: auto;
  }
  #copy.agb {
    margin: 0 auto;
    left: 1%;
    top: -7%;
    padding: 9px;
    width:82%;
    display: inherit;
    height: auto;
  }
  #wrapper.fuss {
    width: 99%;
    height: 1660px;
  }
  #wrapper.imp {
    width: 97%;
    height: 1059px;
    left: -31px;
  }
  #main.marma {
    height: 1264px;
    top: -2px;
    margin-top: 113px;
  }
  #dreieck {
    position: relative;
    left: -63px;
    margin-top: -9%;
  }
  #dreieck.fuss {
    position: relative;
    left: -13px;
    margin-top: -30%;
    top: -17px;
  }
  #headline.fuss {
    background-color: #c6f8bf80;
    width: 100%;
    position: relative;
    top: 127px;
    left: 1px;
    margin-top: 29%;
    height: 109px;
    margin-bottom: 1px;
  }
  #main {
    width:100%;
    top: 4%;
  }
  #main.fuss {
    height: 803px;
    margin-top: 4%;
    top: -54px;
  }
  #main.allg {
    width: 99%;
    margin-top: 2%;
    margin-bottom: 120px;
    top: -4%;
    left: 5px;
    height: 2000px;
    margin: 0 auto;
  }
  header.fuss {
    height:250px;
    width: 100%;
  }
  header {
    height:18%;
    width: 98%;
    margin-bottom: 10px;
    top:0%;
    background-color:#4949b100;
  }
  #herzlich1 {
    position: relative;
    top: 200%;
    left: 20%;
    width: 60%;
  }
  #nav {
    display:none;
  }
  #sprung {
    display: block;
    margin-top: 1px;
    float: right;
    margin-right: 2%;
    margin-bottom: 20px;
  }
  #sprung.fuss,
  #sprung.agb {
    display: block;
    margin-top: -13%;
    position:relative;
    right: -27%;
    float: right;
    top: 169px;
    margin-right: 91%;
  }
  #sidebar.fuss {
    width: 26%;
    position: relative;
    top: 1%;
    margin: 0 auto;
    left: -6px;
    height: 400px;
  }
  #starttableindex.allg {
    text-align: center;
    margin-top: 120px;
    padding-right: 8%;
    position: relative;
    margin: 0 auto;
    margin-top: 0px;
    margin-bottom: 0px;
    left: 2%;
    width: 72%;
    margin-bottom: 10px;
    margin-top: 17px;
    height: auto;
    padding-bottom: 63px;
  }
  #starttableindex {
    padding-top: 11%;
    position: relative;
    margin: 0 auto;
    left: 2%;
    width: 64%;
    margin-bottom: 10px;
    top: -37px;
    font-size: 90%;
  }
  #starttableindex.imp {
    left: 4%;
    margin-top: 15%;
    float: left;
    margin-bottom: 4%;
    padding-right: 5%;
    padding-bottom: 50px;
    padding-top: 1%;
    width: 46%;
    padding-left: 13%;
    height: 305px;
    top: -19%;
  }
  #zurueck {
    display: block;
    position: relative;
  }
  #kurztext.imp {
    font: 90%/1.2 serif;
    margin: -97px 33px 17px -75px;
    padding-left: 60px;
    width: 380px;
  }
  #sidebar {
    width:26%;
    height:377px;
    float:left;
    position:relative;
    padding: 20px;
    border-style: outset;
    border-radius: 20px;
    border-color: #B6FFA2;
    background-color: #DDEFDE;
    left: 4%;
    margin-bottom: 2px;
    margin-top:15px;
    top: -28%;
    margin-top: 10%;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
  }
  #wasser {
    position: relative;
    margin: -9% auto;
    font-size: 98%;
    width: 72%;
    padding-top: 93%;
    top: 14%;
  }
  #wasser.allg {
    position: relative;
    font-size: 126%;
    width: 91%;
    padding-top: 93%;
    top: -17%;
  }
  #tablefuss.marma {
    width: 36%;
    position: relative;
    top: 63%;
    right: 2%;
    height: 539px;
    padding-bottom: 31px;
    padding-left: 8%;
    margin-bottom: 10px;
    margin-top: -102%;
    margin-right: 3%;
    padding-top: 2%;
    float: right;
  }
  #starttableindex.fuss {
    text-align:center;
    top: 1%;
    padding-right: 5%;
    position:relative;
    margin:0 auto;
    left:4%;
    width:55%;
    margin-bottom: 10px;
    padding-bottom: 36px;
    text-align: left;
  }
  #tablefuss.fuss {
    width: 53%;
    position: absolute;
    top: 49%;
    left: 2%;
    height: 507px;
    padding-bottom: 31px;
    padding-left: 8%;
    margin-bottom: 10px;
    margin-top: -3%;
    margin-left: 2%;
    padding-top: 4%;
  }
  #sidebar1.fuss {
    width: 25%;
    height: 540px;
    top: 41%;
    padding: 2%;
    margin-right: -32%;
    margin-top: 10px;
    float: right;
    padding: 20px;
  }
  #sidebar1 {
    width: 33%;
    height: auto;
    top:10%;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  #sidebar1.marma {
    width: 39%;
    height: 311px;
    float: left;
    position: relative;
    border-style: outset;
    border-radius: 20px;
    border-color: #B6FFA2;
    background-color: #DDEFDE;
    top: 0%;
    padding: 2%;
    margin-top: 0%;
    margin-bottom: 10px;
    left: 5%;
  }
  #ampel.marma {
    display:none 
  }
  #copy.raumnav {
    width: 18%;
    height: auto;
    margin-top: 3%;
    top: 8%;
    left: 68%;
    display: inherit;
    padding-bottom: 3px;
    margin: 0 auto;
  }
  #footer {
    top: 7%;
    clear:both;
    width:100%;
    position:relative;
    margin-top: 5px;
    margin-bottom: 5px;
    top: -77px;
  }
  #footer.imp {
    top: -22%;
    clear: both;
    margin-top: 5px;
    margin-bottom: 5px;
    left: 0%;
    height: 137px;
    margin-top: 864px;
  }
  #footer.fuss {
    margin-top: -5%;
    clear:both;
    width:100%;
    background-color: #9194CF99;
    position:relative;
    margin-top: 5px;
    margin-bottom: 5px;
    height: 183px;
    top: 0%;
  }
  #footer.marma {
    top: 3%;
    clear: both;
    width: 100%;
    background-color: #9194CF99;
    position: relative;
    margin-top: 16px;
    margin-bottom: 5px;
    height: 179px;
  }
  #footer.allg {
    clear: both;
    width: 100%;
    position: relative;
    margin-top: 15px;
    margin-bottom: 5px;
    height: 250px;
    margin-left: -33px;
    top: 6%;
  }
  #footer.onlin {
    display: block;
    position: relative;
    top: 30%;
    width: 81%;
    margin-top: 135%;
    margin-left: 5%;
  }
}
@media screen and (max-width:950px) {
  form.buchen {
    left:-14%;
    position: relative;
    width: 132%;
  }
  #form.termine {
    width: 123%;
    left: -19%;
    height: 14%;
  }

  #termine.weitere {
    top: -69%;
    left: auto;
    margin: -6% 5%;
    height: 30%;
  }
  #medien.buchen {
    position: absolute;
    display: flex;
    width: 59%;
    top: 184%;
    left: 28%;
    height: 40%;
    margin:0 auto;
  }
  #auswahl.massage {
    margin:11% 3% 1% -22%;
    width: 221%;
    font-size: 105%;
  }
  label.massage {
    font:147%/1.2 sans-serif;
    margin:21px -14%;
    position: relative;
     font-weight: bold;
  }
  #table2 {
    width: 46%;
    height: 67%;
    position: relative;
    top: auto;
    margin: -4% 2% 5% 28%;
  }
  #starttableindex.onlin {
    height: 30%;
    padding: 12% 27% 110% 12%;
    width: 50%;
  }
  #auswahl.betreff {
    width: 100%;
    text-shadow: none;
    position: relative;
    margin: 11% 2% 0% -3%;
  }
  select.buch {
    height: 50px;
    width: 500px;
    text-align: center;
    font: 80% sans-serif;
  }
  #buchen.termin {
    /*! top: 0%; */
    /*! left:34%; */
  }
  #termine.bestät {
    display: inline-block;
    position: relative;
     margin: -25% 22%;
  }
  header.onlin {
    height: 23%;
    width: 96%;
    position: absolute;
    display: block;
    left: -3%;
    margin-bottom: 20px;
    top: -3%;
    margin-top: 7px;
  }
  td.zwischenoder {
    display: table-cell;
    height: 15px;
    text-decoration: none;
  }
  #wasser.onlin {
    color: #5a0e5a;
    font-size: 159%;
    width: 72%;
    padding-top: 93%;
    top: -385px;
    text-shadow: -2px 2px 2px aliceblue;
  }
  #sprung.onlin {
    display: block;
    top: -108%;
    float: left;
    position: relative;
    left: 75%;
    margin-top: 20%;
  }
  #wechselbild1.onlin {
    display: block;
    width: 100%;
    top:30px;
    position: relative;
  }
  a.onlin {
    color:white;
    position: relative;
    left:20px;
    margin:-40px auto;
  }
  #sidebar.onlin {
    width: 28%;
    height: 425px;
    float: right;
    padding: 20px;
    margin-bottom: 2px;
    margin-top: 192%;
    left: 38%;
    top: -141%;
    background: none;
    border: none;
  }
  #wechselbild2.onlin {
    width: 96%;
    left: 65px;
    top: 6%;
  }
  #main.onlin {
    left: 23%;
    margin-top: 2%;
    float: left;
    margin-bottom: 4%;
    height: 1300px;
    top: 20%;
    width: 93%;
  }
  #navyquer.onlin {
    position: fixed;
    top: -63%;
    width: 90%;
    margin-top: 20px;
    left: -22%;
    display: none;
  }
  #medien.onlin {
    position: absolute;
    width: 56%;
    top: 19%;
    height: 99px;
    margin-top: 20px;
    margin-bottom: 20px;
    left: 18%;
  }
  td.termonline {
    display: table-cell;
    background: linear-gradient(to right, #ef7fe8 0%,#e93cec99 99%);
    height: 52px;
    border-radius: 15px;
  }
  td.hoerer {
    display: table-cell;
    height: 27px;
    border: 5px aliceblue;
    border-radius: 15px;
  }
  td.kontakte {
    display: none;
    background: lightgreen;
    height: 60px;
    border-radius: 15px;
  }
  a.allg {
    display: block;
    position: absolute;
    width:150px;
    color:white;
    left:27%;
    font-size: 125%;
    margin: 0 auto;
    top: 25%;
  }
  #rankefuss {
    display: inline;
    position: absolute;
    top: -2%;
    left: 68%;
  }
  #dreieck.spez {
    position: absolute;
    top: -192%;
    left: 2%;
    width: 528px;
    margin-top: 185px;
    margin-left: -77px;
  }
  #headline.spez {
    position: relative;
    top: 17%;
    height: auto;
    width: 47%;
    margin-left: 206px;
  }
  #copy.raumnav {
    width: 26%;
    height: auto;
    margin-top: 15%;
    top: 15%;
    left: 60%;
    display: inherit;
    font-size: 66%;
    padding: 33px 10px;
  }
  #main.onlin {
    width: 100%;
    margin-top: 2%;
    margin-bottom: 120px;
    top: 15%;
    left: 1%;
    height: 3000px;
  }
  #wrapper {
    width: 99%;
    height: 1284px;
    top: -1%;
  }
  #copy.navi {
    top: auto;
    left: 25%;
    display: inline-block;
    width: 93%;
    left: 3%;
    height: auto;
    top: 25px;
    margin-top: 8px;
  }
  #tel_hoer {
    display: block;
    position: relative;
    top: 6px;
    left: 21px;
    width: 68%;
  }
  #tel_hoer.allg {
    display: block;
    position: relative;
    top: -25%;
    left: -40px;
    width: 33%;
  }
  #tel_hoer.term {
    display: block;
    position: relative;
    top: 20px;
    left: 2px;
    width: 38%;
    margin: 0 auto;
  }
  a.term:link {
    color: white;
    display: block;
    top:-40px;
    left:10px 
  }
  #spruchstart.term {
    height: 105%;
    margin-left: 61px;
    margin-right: 3%;
    width: 111%;
    left: -44%;
    top: -22px;
  }
  #wasser.allg {
    position: relative;
    margin: -9% auto;
    font-size: 126%;
    width: 91%;
    padding-top: 93%;
    top: -17%;
  }
  #sidebar.term {
    width: 16%;
    height: 315px;
    margin-bottom: 50px;
    margin-top: -5%;
    left: 72%;
    top: 2%;
    position: absolute;
  }
  #wrapper.onlin {
    width: 99%;
    margin: 0 auto;
    height: 1261px;
    top: -100px;
  }
  #sprung.allg {
    display: block;
    top: -1%;
    float: left;
    position: fixed;
    left: 73%;
  }
  #dreieck.online {
    top: -14%;
    left: -4%;
    margin-top: 5px;
    width: 55%;
  }
  #headline.allg {
    width: 100%;
    left: 1px;
    margin-top: 0%;
    height: 105px;
    margin-bottom: 2px;
    top: -16%;
  }
  #wechselbild2.advent {
    left: 4px;
    top: 5px;
    width: 100%;
    margin: 0 auto;
    height: auto;
  }
  #tel_hoer {
    display: block;
    position: relative;
    top: 6px;
    left: 2px;
    width: 53%;
    margin: 0 auto;
  }
  #telklick.imp {
    height: 22px;
    padding-top: 0px;
    margin-top: 95%;
    padding-left: 63px;
    position: absolute;
    top: 3%;
    left: 98px;
    font-size: 107%;
    color: white;
    display: block;
  }
  h1.navi {
    font-size: 316%;
    color: navy;
    height: 20%;
    font-weight: bold;
    font-style: oblique;
    margin-top: 19px;
    margin-left: 39%;
    text-align: center;
    top: -110px;
    width: 130%;
  }
  #dreieck.navi {
    position: absolute;
    margin-top: 8%;
    left: 15%;
    width: 52%;
    margin-left: 134px;
    top: 70px;
  }
  header.navi {
    height: 261px;
    width: 99%;
    margin-bottom: 10px;
    left: 0%;
    margin-top: 64px;
    top: -3%;
    position: relative;
  }
  #termin.mobil {
    width: 146px;
    margin-top: 21%;
    padding-left: 4px;
    margin-left: 46%;
    position: relative;
    top: 115px;
    display: inherit;
    height: 29px;
    left: 187px;
    border-radius: 10px;
    font-size: 93%;
  }
  #navyquer.allmob {
    width: 99%;
    position: relative;
    display: none;
  }
  #gutschein.mobile {
    position: relative;
    float: right;
    margin-top: 42px;
    margin-bottom: 10px;
    left: -96px;
    top: -98px;
    width: 50%;
    border: #cfc9c9;
    border-style: outset;
    padding-right: 5px;
    border-radius: 10px;
  }
  #startmobil {
    position: relative;
    width: 92%;
    top: auto;
    margin-top: 20px;
    left: 13px;
  }
  #rankefuss.mobil {
    display: inline;
    position: absolute;
    top: 30%;
    left: 66%;
    width: 26%;
  }
  #wechselbild1.mass {
    position: relative;
    left: -20px;
    top: -563px;
    width: 105%;
  }
  #starttablemobil {
    border-radius: 15px;
    padding: 20px;
    font-family: serif, navy;
    width: 79%;
    border-color: #ccc8c8;
    border-style: outset;
    left: 77px;
  }
  #herz {
    display: inline;
    font: 187% italic serif;
    height: 20px;
    text-shadow: -2px 2px 2px;
    position: relative;
    left: 270px;
    float: left;
    top: auto;
    margin-top: 224px;
  }
  #wechselbild2.mob {
    position: relative;
    top: -275px;
    left: 10px;
    width: 98%;
  }
  #spruchallg {
    height: 297px;
    margin-left: 750px;
    margin-top: -338px;
    left: 89px;
    top: auto;
    width: 375px;
    position: relative;
  }
  h1.onlin {
    text-shadow: 1px 1px 1px #fff;
    padding-left: 18%;
    position: relative;
    font-family: serif;
    font-size: 200%;
    color: #261f7b;
    top: auto;
    left: -9%;
    width: 528px;
    margin-top: -120px;
    font-size: 250%;
  }
  #spruchallg {
    height: 189px;
    margin-left: 750px;
    margin-top: -587px;
    left: -119px;
    top: auto;
    width: 29%;
    position: relative;
  }
  #willk {
    position: relative;
    display:inline;
    top:10px;
    left:142px;
  }
  #abhylink {
    position: relative;
    left: 9px;
    width: auto;
  }
  #sprung.spez {
    width: 84%;
    left: 0%;
    position: relative;
    margin-left: 3px;
    margin-top: -178px;
    top: 86%;
  }
  #bild.allg {
    position: relative;
    width: 23%;
    top: -73%;
    margin-top: 5px;
    left: 80%;
    height: auto;
    padding-top: 1px;
    height: 262px;
    background: #f5f5dc00;
    border: #f5f5dc00;
  }
  #main.allg {
    width: 100%;
    margin-top: 2%;
    margin-bottom: 120px;
    top: 1%;
    left: 1px;
    height: 3000px;
  }
  #starttableklass.spez {
    width: 83%;
    height: auto;
    padding-top: 100px;
    padding-left: 60px;
    top: 4px;
    left: 1%;
    margin-bottom:80px;
    margin-left: -1%;
    padding-bottom: 180px;
  }
  #sidebar.spez {
    top: 54%;
    position: absolute;
    left: -3%;
    margin-left: 5px;
    float: right;
    width: 95%;
    margin-top: 30px;
  }
  #copy.raumstart {
    background-image: url("gruenskal.png");
    border-color: rgb(0, 128, 0);
    border-radius: 15px;
    border-style: outset;
    color: rgb(0, 0, 128);
    font: 80% serif;
    height: 116px;
    margin-bottom: 1px;
    opacity: 0.9;
    padding: 1%;
    padding-top: 1%;
    padding-top: 1%;
    text-align: center;
    text-decoration: none;
    list-style-type: none;
    position: absolute;
    padding-bottom: 20px;
    left: 1%;
    display: inherit;
    width: 80%;
    height: auto;
    top: 861px;
  }
  #navyquer.nurmenue {
    width: 89%;
    top: -12%;
    margin-top: -478px;
    text-align: center;
    margin-left: -33%;
    position: absolute;
    left:6px;
    display: inherit;
  }
  h4.abyanga {
    color: rgb(12, 112, 25);
    font: 119% bold,italic;
    height: 20%;
    left: 22%;
    position: relative;
    text-align: center;
    text-shadow: 3px 3px 3px rgb(255, 255, 255);
    top: -79%;
  }
  #headline.fuss {
    background-color: #c6f8bf80;
    width: 100%;
    position: relative;
    top: 175px;
    left: 1px;
    margin-top: 29%;
    height: 27px;
    margin-bottom: 1px;
  }
  #wrapper.imp {
    width: 75%;
    height: 1050px;
  }
  #dreieck {
    position: relative;
    top: 64%;
    left: 12px;
  }
  #headline.agb {
    background-color: #87e3a44d;
    width: 100%;
    position: relative;
    top: 267px;
    left: 1px;
    margin-top: -11%;
    height: 14%;
    border-bottom: 3px dotted white;
    margin-bottom: 2px;
  }
  #starttableindex.agb {
    left: 1%;
    position: relative;
    margin-top: 1%;
    float: left;
    margin-bottom: 4%;
    padding-right: 1%;
    padding-bottom: 50px;
    padding-top: 5%;
    width: 89%;
    padding-left: 8%;
    height: auto;
    top: -18%;
    margin-left: -6px;
    font-size: 90%;
  }
  #sidebar.agb {
    width: 93%;
    margin: 0 auto;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    padding: 16px;
    margin-bottom: 5px;
    height:24%;
    top: -20%;
    margin-top: 13px;
    margin-left: 7px;
    left: -22px;
  }
  #spruchstart.agb {
    height: 50%;
    position: relative;
    padding: 3%;
    margin-left: 12px;
    margin-right: 3%;
    background-color: #fff;
    width: 91%;
    right: 1%;
    display: block;
    margin-top: 0%;
    font-size: 79%;
    top: -2px;
  }
  #wasser.agb {
    position: relative;
    margin: -42% auto;
    font-size: 98%;
    width: 42%;
    padding-top: 93%;
    top: -273%;
    color: #fff;
    left:113px;
  }
  #footer.agb {
    top: -21%;
    clear: both;
    width: 100%;
    background-color: #9194CF00;
    position: relative;
    margin-top: 8px;
    margin-bottom: 5px;
    height: auto;
  }
  #copy.agb {
    margin: 0 auto;
    left: 1%;
    top: -5%;
    padding: 9px;
    width:93%;
    display: inherit;
    height: auto;
  }
  #main {
    width:96%;
    top: -3%;
    height: 929px;
    margin-top: -43px;
    left: 94px;
    margin-left: -185px;
  }
  #main.imp {
    width: 100%;
    float: left;
    background-color: #caf9c300;
    top: 5%;
    margin-top: 3%;
    margin-bottom: 10px;
    height: 994px;
    left: auto;
    margin-left: 11px;
  }
  #main.fuss {
    height: 1103px;
    margin-top: -2%;
    top: 161px;
    width: 100%;
    left: -10px;
  }
  #main.navi {
    width: 90%;
    background-color: #caf9c300;
    margin-top: 112px;
    margin-bottom: 10px;
    height: 1000px;
    top: -17%;
    left: 29%;
  }
  header.fuss {
    height:10%;
    width: 101%;
  }
  header {
    height:300px;
    width: 100%;
    margin-bottom: 10px;
    top: 2px;
  }
  #starttableindex {
    margin-top: 120px;
    padding-right: 0%;
    position: relative;
    margin: 0 auto;
    left: 1%;
    width: 60%;
    margin-bottom: 10px;
    top: -1%;
    padding-top: 65px;
  }
  #sidebar {
    width:27%;
    height:294px;
    float:left;
    position:relative;
    padding: 20px;
    border-style: outset;
    border-radius: 20px;
    border-color: #B6FFA2;
    background-color: #DDEFDEB3;
    left: -1%;
    margin-bottom: 2px;
    margin-top:5px;
    margin: 0 auto;
    top: -9%;
  }
  #sidebar.fuss {
    width:25%;
    position:relative;
    top:1%;
    margin: 0 auto;
    left: -2px;
    height: 400px;
    margin-top: 5px;
  }
  #dreieck.imp {
    position: relative;
    margin-top: -31%;
    left: -2%;
    display: none;
  }
  #sprung.imp {
    margin-top: -11%;
    float: left;
    margin-left: 0%;
    display: block;
    left: 77%;
    top: 191%;
  }
  #kurztext.imp {
    font: 90%/1.2 serif;
    margin: -189px 20px 17px 6px;
    padding-left: 60px;
    width: 380px;
  }
  #starttableindex.imp {
    left: 8%;
    margin-top: 20px;
    float: left;
    margin-bottom: 4%;
    padding-right: 5%;
    padding-bottom: 50px;
    width: 68%;
    padding-left: 13%;
    height: 276px;
    top: -338px;
  }
  #sidebar.imp {
    width: 81%;
    height: 358px;
    position: relative;
    padding: 20px;
    margin-bottom: 2px;
    margin-top: 11%;
    margin-right: 8%;
    top: 60%;
    left: 23px;
  }
  #spruchstart {
    height: 94%;
    position: relative;
    padding: 3%;
    margin-left: 12px;
    margin-right: 3%;
    background-color: #fff;
    width: 94%;
    left: -1%;
    display: block;
    margin-top: -1%;
    font-size: 79%;
  }
  #wechselbild1.start {
    left: 64%;
    top: auto;
    width: 35%;
    margin-top: 135px;
  }
  #sprung {
    display:block;
    top:-52%;
    float: right;
    right: -2%;
    left: 5%;
    margin-top: 101px;
    width: 150px;
    height: 29px;
    text-align: center;
    padding-right: 13px;
  }
  #dreieck.fuss {
    position: relative;
    left: 1%;
    margin-top: -30%;
    top: -18px;
  }
  #sprung.fuss,
  #sprung.agb {
    display: block;
    top: 93%;
    float: right;
    position:relative;
    right: 6px;
    margin-right: 7%;
    font-variant: small-caps;
  }
  #wasser {
    position: relative;
    margin: -42% auto;
    font-size: 98%;
    width: 72%;
    padding-top: 93%;
    top:27%;
  }
  #wasser.imp {
    position: relative;
    margin: -9% auto;
    margin-top: -9%;
    font-size: 98%;
    width: 72%;
    padding-top: 93%;
    margin-top: -89%;
    top: -18%;
  }
  #nav,
  #navyquer.start {
    display:none;
  }
  #herzlich1 {
    position: relative;
    left: 20%;
    width: 60%;
    margin-top: -3%;
  }
  #dreieck {
    margin-left: 4%;
    max-width: 163px;
    left: 18%;
    top: 69%;
    position: absolute;
  }
  h1.fuss {
    top: -23%;
    margin-left: -9%;
    position: relative;
    font-family: serif;
    font-size: 228%;
  }
  h1.imp {
    top: -78%;
    margin-left: 16%;
    position: relative;
    font-family: serif;
    font-size: 228%;
  }
  #ampel.marma {
    border-radius: 30px;
    display: table-cell;
    left: 410px;
    position: absolute;
    top: 104px;
  }
  #naviunten.rückall {
    color: rgb(0, 0, 128);
    font: 104% serif;
    position: relative;
    margin: 0px auto;
    float: right;
    right: 33%;
    top: -10%;
  }
  #footer {
    top: 10%;
    clear:both;
    width:100%;
    position:relative;
    margin-top: -13px;
    margin-bottom: 5px;
    height: 150px;
  }
  #footer.fuss {
    top: 10%;
    clear:both;
    width:100%;
    background-color: #9194CF00;
    position:relative;
    margin-top: 16px;
    margin-bottom: 5px;
    height: 150px;
  }
  #footer.imp {
    top: 9%;
    clear: both;
    margin-bottom: 5px;
    left: 24%;
    height: 137px;
    margin-top: 151%;
  }
  #copy.home {
    width: 93%;
    left: 4%;
    height: auto;
  }
  #copy.imp {
    width: 80%;
    margin: 0 auto;
    left: -1%;
    top: 16%;
    padding: 9px;
    display: inherit;
    height: auto;
  }
  #copy.allg {
    top: auto;
    left: auto;
    height: auto;
    margin-top: auto;
    display: inherit;
    position: absolute;
    width: 98%;
    font-size: 105%;
    margin-left: -1px;
  }
}
@media screen and (max-width:873px) {
  #table2 {
    width: 18%;
    margin: -2% 2% 1% 5%;
    justify-content: center;
  }
  #termine.weitere {
    width: 709px;
  
    left: 10%;
    margin: -6% 2%;
    height: 30%;
  }
    #table3.buch {
    width: 500px;
    height: 273px;
    left: 6%;
    top: 259%;
  }
    #termine.online {
     left: -1%;
    }
    #auswahl.betreff {
    width: 109%;
    text-shadow: none;
    position: relative;
    margin: 11% 2% 0% -22%;
    /*! left: -75%; */
    /*! top: 20%; */
  }
  #weitere.anfr {
    width: 588px;
    font: 116%/1.4 sans-serif;
    left: -63%;
    padding: 2%;
  }
  #buchen.termin {
    /*! top: 0%; */
    left: 47%;
    width: 83%;
    margin-top: 3%;
  }
  #wrapper.spez {
    margin: 0 auto;
    height: 2500px;
    width: 98%;
    left: 2px;
    position: absolute;
    top: 2px;
  }
  #medien.buchen {
    position: absolute;
    display: flex;
    width: 59%;
    top: 434%;
    left: 28%;
    height: 40%;
    margin: 0 auto;
  }
  #sidebar.onlin {
    top: -141%;
  }
 
  select.buch {
    height: 50px;
      font: 80% sans-serif;
     top: 16px;
  }
  #termine.bestät {
    position: relative;
    top: -1%;
    margin: 6% -4%;
    left: 2%;
  }

  #starttableindex.onlin {
    height:163%;
    width: 50%;
    padding: 12% 27% 150% 12%;
  }
  #medien.onlin {
    position: absolute;
    width: 56%;
    top: -106%;
    height: 99px;
    margin-top: 20px;
    margin-bottom: 20px;
    left: 21%;
  }
  table.nebenlink {
    display: table-cell;
    padding: 30px 150px;
    font-size: 120%;
    width: auto;
  }
  th.oder {
    display: table-cell;
    width: 150px;
    padding-right: 30px;
  }
  #tel_hoer.allg {
    display: block;
    position: relative;
    top: -18%;
    left: 22%;
    width: 33%;
    margin-top: -1%;
  }
  #terminspez.allg {
    top: 32%;
    margin-top: 69%;
    width: 37%;
    left: auto;
    margin-left: 12%;
    margin-bottom: 30px;
    position: absolute;
    height: 56px;
  }
  #kontaktlink {
    display: none;
  }
  #copy.navi {
    top: auto;
    left: 25%;
    display: inherit;
    width: 83%;
    left: 7%;
    height: auto;
    top: 25px;
    margin-top: 8px;
  }
  #spruchstart {
    height: 94%;
    padding: 3%;
    margin-left: 12px;
    margin-right: 3%;
    width: 94%;
    left: -1%;
    margin-top: -1%;
    font-size: 79%;
  }
  #main.onlin {
    width: 98%;
    margin-top: 27%;
    margin-bottom: 120px;
    top: 0%;
    height: 500px;
  }
  #wechselbild2.navi {
    position: absolute;
    left: 7%;
    top: -8px;
    width: 90%;
    margin: 0 auto;
  }
  #main.navi {
    width: 97%;
    background-color: #caf9c300;
    margin-top: 112px;
    margin-bottom: 10px;
    height: 1000px;
    top: -14%;
    left: 29%;
  }
  #navyquer.nurmenue {
    width: 89%;
    top: -12%;
    margin-top: -478px;
    margin-left: -33%;
    left: 6px;
  }
  #spiegelranke {
    top: 29%;
    left: 61%;
    height: 150px;
    margin-top: 110px;
    margin-bottom: 20px;
    width: 27%;
  }
  #spruchstart.term {
    height: 105%;
    margin-left: 61px;
    margin-right: 3%;
    width: 103%;
    left: -44%;
    top: -22px;
    font-size: 97%;
  }
  #wasser.allg {
    margin: -9% auto;
    font-size: 120%;
    width: 72%;
    padding-top: 93%;
    top: -12%;
  }
  #telklick {
    display: block;
  }
  #telklick.imp {
    height: 22px;
    padding-top: 0px;
    padding-left: 63px;
    position: absolute;
    top: 3%;
    left: 98px;
    font-size: 107%;
  }
  #tel_hoer.imp {
    display: block;
    position: relative;
    top: 10px;
    left: -96px;
    width: 53%;
    margin: 0 auto;
  }
  a.tel:link {
    color: white;
    display: block;
    position: relative;
    top: -39px;
    left: 58px;
    width: 200px;
    margin: 0 auto;
  }
  #sidebar.term {
    width: 21%;
    height: 315px;
    margin-bottom: 50px;
    margin-top: -5%;
    left: 70%;
    top: 20%;
  }
  #headline.allg {
    width: 87%;
    left: 12px;
    margin-top: 0%;
    height: 132px;
    margin-bottom: 2px;
    top: -28%;
  }
  #starthome.ganz {
    width: 83%;
    left: 5%;
    font:90%/1.6 sans-serif;
  }
  h1.allg {
    left: -16%;
  }
  #starttableindex.allg {
    text-align: center;
    margin-top: 120px;
    padding-right: 8%;
    position: relative;
    margin: 0 auto;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    left: 2%;
    width: 72%;
  }
  #wechselbild4.fuss {
    display: block;
    width: 93%;
    top: auto;
    left: 5%;
    position: relative;
  }
  #navyquer.allmob {
    width: 99%;
    position: relative;
    display: none;
  }
  #wechselbild1.mass {
    position: relative;
    left: -52px;
    top: -385px;
  }
  #copy.fuss {
    width: 86%;
    left: 13%;
    height: auto;
    top: auto;
    margin-top: 7px;
    font-size: 100%;
  }
  #spruchallg {
    height: 229px;
    margin-left: 750px;
    margin-top: 150px;
    left: 129px;
    top: -69%;
    width: 346px;
  }
  #termin.mobil {
    width: 296px;
    margin-top: 21%;
    padding-left: 37px;
    margin-right: 2%;
    position: relative;
    top: -164px;
    display: inherit;
    float: left;
    left: 79%;
    text-align: center;
    background: #93958cd9;
    height: 47px;
    padding-top: 11px;
    font-size: 114%;
    font-family: navi;
    color: #1c216e;
  }
  #navyquer.allmob {
    width: 1000px;
    position: relative;
    display: none;
    float: left;
    left: 1%;
    top: auto;
  }
  #wechselbild2.mob {
    position: relative;
    top: -275px;
    left: 100px;
    width: 125%;
  }
  #wechselbild2.fuss {
    position: relative;
    left: 15px;
    top: -14%;
    width: 96%;
  }
  #wechselbild2a.abhy {
    position: relative;
    top: -91px;
    left: -52px;
    width: 133%;
  }
  #headline.spez {
    position: relative;
    top: 19%;
  }
  #starttableklass.spez {
    width: 85%;
    height: auto;
    padding-top: 100px;
    padding-left: 60px;
    top: 10px;
    left: 4%;
    padding-bottom: 103px;
    font-family: serif;
    font-size: 114%;
    margin-top: 10px;
  }
  #bild.garschan {
    width: 55%;
    left: -34%;
    position: relative;
    display: inherit;
    margin-top: -120px;
    text-align: center;
  }
  #fruehangeb {
    width: 80%;
    margin-top: 0%;
    margin-bottom: 120px;
    top: auto;
    height: auto;
  }
  #starthome {
    width: 97%;
    left: 1%;
    position: relative;
    display: inherit;
    align-content: center;
    margin-left: -36px;
    margin-top: -82px;
    text-align: center;
  }
  #main.allg {
    width: 98%;
    margin-top: 2%;
    margin-bottom: 120px;
    top: 1%;
    height: 500px;
  }
  #rankefuss.abhy {
    position: absolute;
    top: 27%;
    left: 74%;
    margin-bottom: 2px;
    width: 46%;
  }
  #wechselbild2.abhy {
    display:none;
    left: 225px;
    top: 186px;
  }
  #bild.allg {
    display: block;
    position: absolute;
    width: 22%;
    top: -286px;
    margin-top: auto;
    margin-bottom: 20px;
    border-style: outset;
    border-color: #183509;
    background: #d8f9d3;
    left: 77%;
    border-radius: 15px;
    padding: 4px;
    text-shadow: -3px 3px 3px wheat;
  }
  #wechselbild1.allg {
    float: right;
    left: 4%;
    position: relative;
    margin-top: -127%;
    width: 105%;
    top: 128px;
  }
  #wechselbild10.allg {
    float: right;
    left: -58%;
    position: relative;
    top: -4%;
    margin-top: -104%;
    width: 57%;
  }
  #sidebar.spez {
    top: auto;
    position: relative;
    right: -8%;
    margin-right: 60px;
    height: 300px;
    left: auto;
    margin-left: 52px;
    width: 94%;
    margin-top: 195%;
  }
  #sprung.abhy {
    display: block;
    top: -17%;
    float: right;
    position: relative;
    right: 3%;
    margin-top: 51px;
    margin-right: 83%;
  }
  #sidebar1.abhy {
    width: 29%;
    height: 41%;
    float: left;
    position: relative;
    border-style: outset;
    border-radius: 20px;
    border-color: #B6FFA200;
    background-color: #DDEFDE00;
    left: -64%;
    top: 5%;
    padding: 2%;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  #wassernote {
    position: relative;
    top: -31%;
    left: 2px;
  }
  #ampel.abhy {
    border-radius: 30px;
    display: table-cell;
    left: 7px;
    position: relative;
    top: -150px;
  }
  #tablefuss.abhy {
    width: 55%;
    text-align: left;
    padding-bottom: 20px;
    float: left;
    margin-bottom: 10px;
    margin-top: 189px;
    top: 29%;
    left: 266px;
    height: 522px;
  }
  #spruchstart.abhy {
    height: 100%;
    top: 44px;
    left: -30px;
    width: 94%;
  }
  #wrapper {
    height:1700px 
  }
  #wrapper.fuss {
    width: 99%;
    height: 1875px;
  }
  #dreieck {
    position: relative;
    top: 271%;
    left: 12px;
  }
  headline.agb {
    background-color: #87e3a44d;
    width: 100%;
    position: relative;
    top: 406px;
    left: 1px;
    margin-top: 1%;
    height: 50%;
    border-bottom: 3px dotted white;
    margin-bottom: 2px;
  }
  #starttableindex.agb {
    left: 1%;
    position: relative;
    margin-top: 1%;
    float: left;
    margin-bottom: 4%;
    padding-right: 1%;
    padding-bottom: 50px;
    padding-top: 12%;
    width: 74%;
    padding-left: 17%;
    height: auto;
    top: -19%;
    margin-left: -8px;
    font-size: 90%;
  }
  #sidebar.agb {
    width: 86%;
    margin: 0 auto;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    padding: 16px;
    margin-bottom: 5px;
    height:500px;
    top: -20%;
    margin-top: 13px;
    margin-left: 4px;
    left: -32px;
  }
  #spruchstart.agb {
    height: 90%;
  }
  #wasser.agb {
    position: relative;
    margin: -42% auto;
    font-size: 98%;
    width: 72%;
    padding-top: 93%;
    top: 16%;
    color: #362958;
    font-size: 124%;
  }
  #sprung.agb {
    display: block;
    float: right;
    position: relative;
  }
  #main {
    width:100%;
    top: 2%;
  }
  #main.fuss {
    height: 1100px;
    margin-top: -2%;
  }
  header.fuss {
    height:236px;
    width: 101%;
    left: 20px;
  }
  #headline.fuss {
    background-color: #c6f8bf80;
    width: 100%;
    position: relative;
    top: 175px;
    left: 1px;
    margin-top: 29%;
    height: 242px;
    margin-bottom: 1px;
  }
  #dreieck.fuss {
    position: relative;
    left: 1%;
    margin-top: -30%;
    top: -18px;
  }
  #dreieck.imp {
    position: relative;
    margin-top: -25%;
    left: -2%;
  }
  header {
    height:350px;
    width: 102%;
    margin-bottom: 10px;
    top: auto;
    margin-top: -18px;
    margin: 0 auto;
    left: -19px;
  }
  #herzlich1 {
    position: relative;
    margin-top: -1%;
    left: 4%;
    width: 60%;
    margin-left: 7%;
  }
  #nav,
  #navyquer.start {
    display:none;
  }
  #navileiste {
    display:none;
  }
  #dreieck {
    margin-left: 4%;
    max-width: 176px;
    left: 19%;
    position: absolute;
    top: 108%;
  }
  #sprung.imp {
    margin-top: -5%;
    float: left;
    margin-left: 4%;
    top: auto;
  }
  h1.fuss {
    margin-top: 2%;
    left: 19%;
    position: relative;
    font-family: serif;
    font-size: 228%;
  }
  #sidebar.fuss {
    width: 25%;
    position: relative;
    top: 1%;
    margin: 0 auto;
    left: -11px;
    height: 391px;
  }
  #wasser.imp {
    position: relative;
    margin: -9% auto;
    margin-top: -9%;
    font-size: 126%;
    width: 71%;
    padding-top: 93%;
    margin-top: -89%;
  }
  #starttableindex {
    width:48%;
    top:-1%;
    margin-top: 4%;
    height: auto;
    padding-bottom: 3px;
    position: absolute;
    left: 107px;
  }
  #sprung {
    display: block;
    float: right;
    margin-right: 12%;
    top: -200px;
    left: 125px;
    width: 155px;
  }
  #sprung.fuss,
  #sprung.agb {
    display: block;
    top: -17%;
    float: right;
    position:relative;
    right: 11%;
    margin-top: 51px;
  }
  #sidebar1.marma {
    width: 33%;
    height: 389px;
    float: left;
    position: relative;
    border-style: outset;
    border-radius: 20px;
    border-color: #B6FFA2;
    background-color: #DDEFDE;
    top: 10%;
    padding: 2%;
    margin-top: 30%;
    margin-bottom: 10px;
    left: -53%;
  }
  #fussnote.fuss {
    top: -23%;
    left: 0%;
    position: relative;
    width: 58%;
    height: 454px;
    padding: 38px;
    margin-top: 87px;
  }
  #footer {
    top: 0%;
    clear:both;
    width:100%;
    position:relative;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  #footer.fuss {
    margin-top: 0%;
    clear:both;
    width:100%;
    position:relative;
    margin-top: -25%;
    margin-bottom: 5px;
    height: 150px;
    top: 219px;
  }
  #footer.allg {
    clear: both;
    width: 96%;
    background-color: #9194CF00;
    position: relative;
    margin-top: 15px;
    margin-bottom: 5px;
    height: 150px;
    margin-left: -39px;
    top: 61%;
  }
  #copy.home {
    width: 86%;
    left: -20%;
    height: auto;
  }
  #terminspez.allg,
  #tel_hoer.allg {
    top:210%;
  }
  #footer.onlin {
    top:120%;
  }
  #copy.onlin {
    display: inline-block;
    width: 90%;
    left: 3%;
    top: auto;
    text-align: center;
  }
}
@media screen and (max-width:844px) {
  #wrapper.onlin {
    width: 99%;
    margin: 0 auto;
    height: 1261px;
    top: -87px;
  }

  #terminstart.onlin {
    font: 106%/1.4 sans-serif;
  }
  #table3.buch {
    left:2%;
  }
  #termine.weitere {
    height: 20%;
    font: 90%/1.4 sans-serif;
  }
  table.buch {
    width: 366px;
    height: 235px;
    padding:37px;
    margin:6% 10% 1% 1%;
    top: 30%;
    left: 3%;
  }
  label.anrede {
    display: block;
    font: 70%/1.2 sans-serif;
    margin-bottom: -9px;
    position: relative;
    top: 28px;
    height: 33px;
    width: 234px;
    left: -92px;
    margin: 2%;
  }
  label.email {
    font-size: 70%;
    width: 172px;
    left: -25px;
  }
  #buchen.termin {
    top: 30%;
    margin-top: -9%;
    left: 51%;
  }
  #medien.buchen {
    position: absolute;
    display: inline-block;
    width: 68%;
    left: -1%;
    height: 181px;
    margin: 130% auto;
  }
  #termine.bestät {
    display: inline-block;
    position: relative;
    top: -1%;
    margin: 6% 12%;
    padding-bottom: 1%;
    left: -3%;
  }
  #headline.onlin {
    width: 90%;
    top: 17%;
    position: relative;
    height: 131px;
  }
  #starttableindex.onlin {
    padding-right: 12%;
    position: relative;
    margin-top: 32px;
    margin-bottom: 0px;
    width: 69%;
    left: 7%;
    margin-left: -22px;
    font: 90%/1.4 sans-serif;
    height: 85%;
    padding: 12% 11% 198% 12%;
  }
  #main.onlin {
    width: 97%;
    margin-top: 3%;
    margin-bottom: 120px;
    height: 500px;
    background: #add8e600;
    top: 22%;
    position: absolute;
    left: 6px;
  }
  #starthome.onlin {
    margin-bottom: 20px;
    left: 0%;
    height: auto;
    font: 137% serif;
    padding-left: 2px;
    width: 103%;
    margin-top: -86px;
  }
  td.kontakte {
    display: none;
    height: 60px;
    background-color: lightgreen;
    border-radius: 15px;
    width: 400px;
  }
  table.medien {
    display: table-cell;
    width:100%;
    padding-left: 153px;
    height: auto;
    text-align: center;
    top: -45px;
    position: relative;
  }
  td.zwischen {
    display: table-cell;
    height:20px;
  }
  td.termonline {
    display: table-cell;
    background-color:#e670e6;
    height: 60px;
    border-radius: 15px;
  }
  td.hoerer {
    display: table-cell;
    height: 20px;
  }
  #medien.onlin {
    position: absolute;
    display: block;
    width:81%;
    top:62%;
    height:99px;
    margin-top:20px;
    margin-bottom: 20px;
    left: -125px;
  }
  tr.zwischen {
    display: table-cell;
    width: 80%;
    height: 10px;
  }
  #main.navi {
    width: 97%;
    background-color: #caf9c300;
    margin-top: 11%;
    margin-bottom: 10px;
    height: 1000px;
    top: 1%;
    left: 26%;
  }
  h1.bau {
    font-size: 247%;
    color: navy;
    font-weight: bold;
    font-style: italic;
    top: -36%;
    left: -21%;
  }
  #headline.allg {
    width: 87%;
    left: 12px;
    margin-top: 1%;
    height: 132px;
    margin-bottom: 2px;
    top: 40%;
  }
  #wasser.allg {
    margin: -9% auto;
    font-size: 120%;
    width: 72%;
    padding-top: 93%;
    top: 0%;
    position: absolute;
  }
  a.term:link {
    color: white;
    display: block;
    top: -38px;
    left: 10px;
  }
  #navyquer.allmob {
    width: 99%;
    position: relative;
    display: none;
  }
  #starthome.ganz {
    width: 100%;
    left: -8%;
    position: relative;
    margin-left: 3px;
    margin-top: -59px;
    text-align: center;
    display: inherit;
    height: auto;
  }
  ul.start {
    display: inherit;
    position: relative;
    left: 1px;
    margin: 0 auto;
    top: auto;
    padding: 10px;
    width: auto;
  }
  #wechselbild3.allg {
    left: -15px;
    position: relative;
    top: 56px;
  }
  #navyquer ul.sub > li.frueh {
    border: 2px solid;
    color: wheat;
  }
  #abhylink {
    position: relative;
    top: -15px;
    margin: 0 auto;
  }
  #klasslink {
    position: relative;
    margin:0 auto;
    top:25px;
    width: 350px;
  }
  #ruecklink {
    position: relative;
    left: -128px;
    top: 1px;
    display: inline-block;
    width: 0px;
  }
  #fusslink {
    position: relative;
    left: 293px;
    top: -33px;
    display: block;
    width: 180px;
    margin-left: 70px;
  }
  #fusslink {
    position: relative;
    left: 253px;
    top: -33px;
    display: block;
    width: 180px;
    margin-left: 70px;
  }
  #kontaktlink {
    position: relative;
    left: -3%;
    top: 13px;
    width: 350px;
  }
  #bild3.allg {
    position: relative;
    width: 61%;
    top: 14px;
    margin-top: 20px;
    margin-bottom: 50px;
    margin-left: 2%;
    border-style: outset;
    padding: 7px;
    color: white;
    margin: 0 auto;
  }
  #bild.marma {
    position: relative;
    display: block;
    top: 54px;
    font-size: 158%;
    left: 241px;
  }
  header.navi {
    height: 161px;
    width: 98%;
    margin-bottom: 10px;
    left: 0%;
    margin-top: 5%;
    top: 1%;
  }
  #bild.marma {
    position: relative;
    display: block;
    top: 54px;
    font-size: 158%;
    left: 241px;
  }
  #fruehangeb {
    position: absolute;
    color: white;
    font-size: 130%;
    font-style: oblique;
    display: block;
    background: #00f0;
    left: 82%;
    font-family: serif;
    width: 111px;
    text-align: center;
    top: -3%;
    background: #80808000;
  }
  #bild.garschan {
    position: relative;
    display: block;
    top: -14px;
    font-size: 150%;
    left: -113px;
    background: #add8e600;
    width: 300px;
  }
  #bild.allg {
    display: none;
    position: absolute;
    width: 25%;
    top: -3%;
    margin-top: auto;
    margin-bottom: 20px;
    left: 456px;
  }
  ul.rueklass {
    position: relative;
    text-align: center;
    margin-left: -3%;
    margin-top: 20px;
    font-style: inherit;
    font-size: 104%;
    width: 89%;
    top: 35px;
    left: 50px;
  }
  #dreieck.spez {
    position: relative;
    color: #261f7b;
    top: auto;
    left: -13%;
    width: 52%;
    margin-top: 8%;
  }
  #navyquer.nurmenue {
    width: 98%;
    position: relative;
    display: block;
    top: 0%;
    margin-top: -92%;
    margin-left: -71%;
    position: relative;
    left: 31%;
    background: #ffffe000;
  }
  #sprung.spez {
    height: 35px;
    padding-top: 8px;
    border-radius: 10px;
    width: 84%;
    margin-top: 28%;
    padding-left: 37px;
    margin-right: 0%;
    position: absolute;
    top: 68px;
    display: inline;
    float: right;
    left: 7%;
  }
  #wechselbild2.navi {
    position: absolute;
    left: 1%;
    top: -59px;
    width: 92%;
  }
  #starttablemobil {
    font-family: serifte, navy;
    text-align: center;
    color: navy;
    width:78%;
    padding-left:50px;
    padding-right: 50px;
    margin-top: auto;
    margin-left: 26px;
    height: auto;
  }
  #sprung.mobile {
    display: block;
    float: right;
    position: relative;
    top: -41px;
    margin-top: -991px;
    left: -63%;
    margin-bottom: 20px;
  }
  #startfuss.mob {
    width: 107%;
    font: 115%/1.2 serif;
    top: -16px;
    position: relative;
    left: -47px;
  }
  #herz.mob {
    display: block;
    color: #0C7019E0;
    height: 10px;
    text-shadow: -2px 2px 2px;
    position: relative;
    margin-top: -41%;
    left: 27px;
    float: left;
    top: 101%;
    width: 96%;
  }
  #startfuss {
    width: 450px;
    font: 105%/1.2 serif;
    margin-left:20px;
    margin-top:30px;
  }
  #headline.spez {
    background-color: #87e3a44d;
    width: 70%;
    position: relative;
    left: 1px;
    margin-top: 17%;
    height: 34%;
    border-bottom: 3px dotted white;
    margin-bottom: 2px;
    top: -46%;
  }
  #starttableklass.spez {
    width: 76%;
    padding-top: 41px;
    padding-left: 118px;
    top: 1px;
    left: 27px;
    height: auto;
    margin-bottom: 20px;
    margin-top: 33px;
    padding-bottom: 28px;
  }
  #sidebar.spez {
    width: 95%;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 18px;
    margin-bottom: 25px;
    height: 313px;
    top: 20%;
    margin-top: 137%;
    left: auto;
    display: inherit;
  }
  #wechselbild2.mob {
    width: 93%;
    margin-left: -9%;
    margin-top: -153px;
    margin-bottom: 10px;
    float: left;
    top: auto;
  }
  #dreieck.mob {
    margin-left: 4%;
    max-width: 200px;
    left: -2%;
    top: 61%;
    position: absolute;
    margin-top: 122px;
  }
  #dreieck.navi {
    position: absolute;
    margin-top: -72%;
    left: 28%;
    top: 66%;
    margin: 0 auto;
  }
  #main.imp {
    width: 92%;
    float: left;
    background-color: #caf9c300;
    top: -4px;
    margin-top: 19%;
    margin-bottom: 10px;
    height: 590px;
    left: -2%;
  }
  #wechselbild1.allg {
    width: 93%;
    margin-left: 1%;
    margin-top: -92%;
    margin-bottom: 10px;
    float: left;
    top: 95%;
    left: 263px;
  }
  #wechselbild10.allg {
    width: 51%;
    margin-left: -33%;
    margin-top: -108%;
    margin-bottom: 10px;
    float: left;
    left: 157px;
  }
  #starttableklass.allg {
    width: 75%;
    padding-top: 41px;
    padding-left: 118px;
    top: -182px;
    left: 11px;
    height: auto;
    margin-bottom: 20px;
    margin-top: 20px;
  }
  #spruchstart {
    height: 276px;
    position: relative;
    background-color: #fff;
    width: 85%;
    left: -5%;
    display: block;
    margin-left: 9%;
    background: linear-gradient(to right, #ef7fe8b3 0%,#d333d599 99%);
  }
  #sprung.allg {
    margin-top: -167px;
    width: 311px;
    display: flex;
    text-align: center;
    left: 23px;
  }
  h1.allg {
    left: -25%;
    position: relative;
    font-family: serif;
    font-size: 258%;
    color: navy;
    text-shadow: 3px 3px 3px #fff;
    margin-top: 6%;
    top: 17px;
    margin-left: 111px;
  }
  #navyquer.allg {
    display: none;
    width: 99%;
    position: relative;
    margin-top: -38px;
    float: left;
    left: -3%;
    top: -1433px;
  }
  #dreieck.fuss {
    position: relative;
    left: 12%;
    margin-top: -30%;
    top: 188px;
  }
  #spruchallg {
    height: auto;
    margin-left: 15%;
    margin-top: 194px;
    left: 1%;
    top: auto;
    width: 562px;
    position: absolute;
  }
  #herz {
    display: block;
    color: #0C7019E0;
    height: 10px;
    text-shadow: -2px 2px 2px;
    position: relative;
    margin-top: -41%;
    left: 27px;
    float: left;
    top: 101%;
    width:96%;
  }
  h1 {
    text-shadow: 3px 3px 3px #fff;
    padding-left: 18%;
    margin: 0 auto;
    position: relative;
    font-family: serif;
    font-size: 128%;
    color: #261f7b;
    top: 319px;
    font-style: italic;
    left: -19%;
    width: 379px;
  }
  header.agb {
    height: 2%;
    width: 99%;
    margin-bottom: 10px;
    margin-top: 87px;
    top: auto;
  }
  #dreieck.kontakt {
    margin-left: 4%;
    max-width: 200px;
    left: 1%;
    top: 60%;
    position: absolute;
    margin-top: 105px;
  }
  #wechselbild2.advent {
    position: absolute;
    left: 5%;
    top: auto;
    width: 90%;
    margin-top: 2px;
    margin-bottom: 5px;
    height: auto;
  }
  #wechselbild2.fuss {
    position: absolute;
    left: 5%;
    top: auto;
    width: 90%;
    margin-top: -123px;
    margin-bottom: 5px;
    height: 2%;
  }
  #gutschein.mobile {
    position:relative;
    float:right;
    right: 21%;
    margin-right: -8%;
  }
  #wechselbild1.mass {
    position: relative;
    left: 166px;
    width:170%;
    top: -39px;
  }
  #wechselbild1.start {
    left: -8%;
    top: 69px;
    width: 80%;
    margin-top: 133px;
  }
  #main.allg {
    width: 99%;
    margin-top: 3%;
    margin-bottom: 120px;
    height: 2500px;
    background: #add8e600;
    top: 14%;
    position: absolute;
    left: -3px;
  }
  #dreieck.online {
    position: relative;
    top: 11%;
    left: auto;
    margin-left: 44px;
  }
  h1.allg {
    left:-14%;
    margin-top: 5%;
    top: -139px;
    left: -192px;
  }
  #sprung.allg {
    display: block;
    margin-top: 25%;
    float: left;
    margin-left: 67%;
    width: 140px;
  }
  #spruchstart.term {
    height: 111%;
    position: relative;
    padding: 3%;
    margin-left: 61px;
    margin-right: 3%;
    background-color: #99319099;
    width: 123%;
    left: -66%;
    display: block;
    margin-top: -4px;
    margin-bottom: 20px;
  }
  #sidebar.term {
    width: 26%;
    height: 264px;
    float: right;
    position: relative;
    padding: 20px;
    border-style: outset;
    border-radius: 20px;
    border-color: #B6FFA2;
    background-color: #DDEFDE;
    margin-bottom: 50px;
    margin-top: -81%;
    left: 14%;
    top: 15%;
    display: block;
    padding: 4%;
    margin-right: 10%;
  }
  #starttableindex.allg {
    text-align: center;
    padding-right: 3%;
    position: relative;
    left: -3%;
    width: 84%;
    margin-bottom: 10px;
    margin-top: -112px;
    height: auto;
    border: outset;
    border-radius: 15px;
    padding-left: 48px;
    padding-top: 30px;
    padding-bottom: 96px;
    background-color: #daf1d7;
    top: 101px;
    border-color: #bfbaba;
  }
  #starthome {
    width: 117%;
    padding-right:1px;
    text-align: center;
    margin-left: -87px;
    color:navy;
    margin-top: 20px;
    font-size: 138%;
  }
  #dreieck.allg {
    position: relative;
    top: -37%;
    left: 76px;
    margin-top: 16%;
    max-width: 16%;
    display: block;
  }
  h1.rueallg {
    font-size: 222%;
    color: navy;
    font-weight: bold;
    font-style: italic;
    top: -198px;
    left: -23%;
    margin-top: 15px;
    width: 300px;
  }
  #spiegelranke {
    position: relative;
    top: 13%;
    margin-left: 5px;
    background-color: #caf9c300;
    height: 150px;
    margin-bottom: 2px;
    left: 62%;
  }
  #rankeumkehr {
    position: relative;
    top: 77px;
    left: 75px;
    width: 77%;
    margin-top: 2%;
    background-color: #00f0;
  }
  #navyquer.navi {
    width: 96%;
    margin-top: 9px;
    left: -13px;
    top: 20px;
    display: block;
    margin-bottom: 20px;
  }
  #navyquer a.navi {
    color:beige;
  }
  h4.abyanga {
    color: rgb(12, 112, 25);
    font: 119% bold,italic;
    height: 20%;
    left: -13%;
    position: relative;
    text-align: center;
    text-shadow: 3px 3px 3px rgb(255, 255, 255);
    top: -67%;
  }
  #headline.fuss {
    background-color: #c6f8bf80;
    width: 100%;
    position: relative;
    top: 211px;
    left: 1px;
    margin-top: 17%;
    height: 112px;
    margin-bottom: 1px;
  }
  #sprung.abhy {
    display: block;
    top: 44%;
    float: right;
    position: relative;
    right: 11%;
    margin-top: -5%;
  }
  #copy.raumnav {
    width: 29%;
    height: auto;
    margin-top: -410px;
    left: 46%;
    display: block;
    padding: 19px;
    margin-bottom: 5px;
    text-align: center;
    margin-left: 13%;
    top: 55%;
    font-size: 83%;
  }
  #sidebar.abhy {
    width: 29%;
    height: 471px;
    float: right;
    position: relative;
    padding: 20px;
    border-style: outset;
    border-radius: 20px;
    border-color: #B6FFA2;
    background-color: #DDEFDE80;
    margin-bottom: 2px;
    top: 2%;
    left: -1%;
  }
  #sidebar1.abhy {
    width: 30%;
    height: 46%;
    float: left;
    position: relative;
    border-style: outset;
    border-radius: 20px;
    border-color: #B6FFA2;
    background-color: #DDEFDE99;
    left: 4%;
    top: 3%;
    padding: 2%;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  #wassernote {
    position: relative;
    top: -49%;
    left: 2px;
  }
  #rankefuss.abhy {
    position: absolute;
    top: 23%;
    left: 81%;
    margin-bottom: 2px;
    width: 68%;
  }
  #sidebar1.abhy {
    width: 36%;
    height: 486px;
    float: right;
    padding: 20px;
    padding: 2%;
    left: -8%;
    top: 1%;
  }
  #ampel.abhy {
    top:-124%;
  }
  #ampel.abhy1 {
    border-radius: 30px;
    display: table-cell;
    left: 67%;
    position: relative;
    top: -434px;
  }
  td.kurztextabhy {
    font: 95%/1.2 serif;
    width: 90%;
    float: left;
    margin-left: -59px;
    text-align: left;
    margin-left: -28%;
    margin-top: 1%;
  }
  #tablefuss.abhy {
    width: 60%;
    text-align: left;
    padding-bottom: 20px;
    float: left;
    margin-bottom: 10px;
    margin-top: 189px;
    top: 41%;
    left: 1%;
    height: 522px;
  }
  #wechselbild1.agb {
    left:10px;
    clear: both;
  }
  #wechselbild2a.abhy {
    position:relative;
    top:-136px;
    left:-83px;
  }
  #wechselbild2.abhy {
    display:none;
  }
  #wasser.agb {
    position: relative;
    margin: -42% -60px;
    font-size: 98%;
    width: 72%;
    padding-top: 93%;
    top: -54%;
    color: #362958;
    font-size: 124%;
  }
  td.abhypreis {
    display: table-cell;
    float: left;
    font: 90% serif;
    margin-left: 8px;
    margin-top: -2px;
  }
  #wrapper {
    height: 1200px;
    margin-top: 0px;
    margin: 0 auto;
    margin-left: 2%;
    width: 99%;
  }
  #wrapper.fuss {
    height: 2540px;
  }
  #wrapper.imp {
    width: 99%;
    height: auto;
  }
  #dreieck {
    position: relative;
    top: 64%;
    left: 12px;
  }
  #main {
    width:100%;
    margin-top: 5px;
    margin-bottom: 10px;
    height: 1168px;
    top: 176px;
  }
  #main.fuss {
    height: 1862px;
    margin-top: -12%;
    left: -2%;
    top: 69px;
  }
  header.fuss {
    height:10%;
    width: 102%;
    top: 6px;
  }
  header {
    height:272px;
    width: 99%;
    margin-bottom: 10px;
    margin-top: auto;
    top:2px;
    left: 5px;
  }
  #herzlich1 {
    position: relative;
    margin-top:-1%;
    left: 12%;
    width: 59%;
  }
  #dreieck {
    margin-left: 4%;
    max-width: 200px;
    left: 16%;
    top: 74%;
    position: absolute;
    margin-top: -7px;
  }
  #starttableindex {
    width:63%;
    top:auto;
    margin-top: -5%;
    position: relative;
    left: -13px;
  }
  #starttableindex.fuss {
    width:85%;
    padding: 6%;
    margin-bottom: 10px;
    margin: 0 auto;
    margin-top: 2%;
    margin-left: -3%;
    text-align: left;
  }
  #wechselbild3.imp {
    position:relative;
    top:-30px;
    left:172px;
    width:93%;
  }
  #starttableindex.imp {
    left: 8%;
    margin-top: 15%;
    float: left;
    margin-bottom: 4%;
    padding-right: 5%;
    padding-bottom: 50px;
    padding-top: 1%;
    width: 67%;
    padding-left: 13%;
    height: 385px;
    top: -9%;
  }
  #sidebar.imp {
    width: 81%;
    height: 400px;
    position: relative;
    padding: 20px;
    margin-bottom: 2px;
    margin-top: 11%;
    margin-right: 5%;
    top: -18%;
  }
  #wasser.imp {
    position: relative;
    margin: -9% auto;
    margin-top: -9%;
    margin-top: -9%;
    font-size: 98%;
    width: 72%;
    padding-top: 93%;
    margin-top: -85%;
  }
  #starthome.marma {
    width: 87%;
    text-align: left;
    padding: 29px;
  }
  #kurztext.imp {
    font: 90%/1.2 serif;
    margin: -93px 40px 29px -29px;
    padding-left: 60px;
    width: 380px;
  }
  #sidebar.fuss {
    width: 90%;
    position: relative;
    height: 333px;
    margin-bottom: 10px;
    left: 2%;
    top: 1%;
    margin-top: 48px;
    float: left;
  }
  #sidebar.marma {
    width: 40%;
    height: 406px;
    float: right;
    position: relative;
    padding: 20px;
    margin-bottom: 2px;
    top: -4%;
    right: 19%;
    margin-top: 4%;
    margin-right: 18px;
  }
  #wasser.marma {
    position: relative;
    margin: -9% auto;
    font-size: 98%;
    width: 81%;
    padding-top: 94%;
    top: -6%;
  }
  #sidebar1 {
    width: 88%;
    height: 478px;
    top: 39%;
    margin-top: 10px;
    margin-bottom: 10px;
    left: -4%;
  }
  #sidebar1.fuss {
    width: 32%;
    height: 500px;
    float: right;
    padding: 20px;
    padding: 2%;
    left: -36%;
    top: 2%;
  }
  #sidebar1.marma {
    width: 39%;
    height: 373px;
    float: left;
    position: relative;
    border-style: outset;
    border-radius: 20px;
    border-color: #B6FFA2;
    background-color: #DDEFDE;
    top: 14%;
    padding: 2%;
    margin-top: 18%;
    margin-bottom: 10px;
    left: 53%;
  }
  #wechselbild2.fuss {
    position: relative;
    left: 3%;
    top: 114px;
    width: 96%;
    margin-top: 3px;
  }
  #wasser {
    position: relative;
    margin: -9% auto;
    font-size: 98%;
    width: 72%;
    padding-top: 93%;
    top: -66%;
  }
  #sprung {
    display:block;
    margin-top:2%;
    float: right;
    margin-right: 12%;
    top: -937px;
  }
  #sprung.fuss {
    display: block;
    float: right;
    margin-right: 7%;
    margin-top: 159px;
    top: -1032px;
  }
  h1.fuss {
    margin-top: 4%;
    left:20%;
    position: relative;
    font-family: serif;
    font-size: 228%;
    float: left;
    top: -151px;
  }
  #spruchstart.fuss {
    height: 95%;
    position: relative;
    padding: 4%;
    width: 92%;
    right: 12%;
    display: block;
    margin-left: 12%;
    margin-top: -39px;
    background: linear-gradient(to right, #a6b32780 0%,#263b0099 99%);
    background-color: rgba(0, 0, 0, 0);
    background-color: rgba(0, 0, 0, 0);
  }
  #wasser.fuss {
    position: relative;
    margin: -9% auto;
    font-size: 98%;
    width: 72%;
    padding-top: 93%;
    top: -96%;
  }
  #sidebar.allg {
    display: inherit;
    margin: 0 auto;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 18px;
    margin-bottom: 25px;
    height: 256px;
    top: 14px;
    margin-top: 21%;
    left: 1%;
    width: 69%;
  }
  #tablefuss {
    width: 62%;
    padding-bottom: 20px;
    padding-right: 1%;
    float: left;
    margin-bottom: 10px;
    height: auto;
    top: 50%;
    left: 5px;
    margin-top: 20px;
    padding-left: 31%;
    height: 514px;
  }
  #tablefuss.marma {
    width: 37%;
    position: relative;
    top: -1%;
    right: 2%;
    height: 692px;
    padding-bottom: 31px;
    padding-left: 8%;
    margin-bottom: 10px;
    margin-top: -63%;
    margin-right: 51%;
    float: right;
  }
  #fussnote.fuss {
    top: -12%;
    left: 11%;
    position: relative;
    width: 74%;
    height: 84%;
    padding: 38px;
    margin-top: -49px;
  }
  #tablefuss.fuss {
    width: 48%;
    position: absolute;
    top: 58%;
    left: 2%;
    height: 507px;
    padding-bottom: 31px;
    padding-left: 8%;
    margin-bottom: 10px;
    margin-top: -3%;
    margin-left: 2%;
    padding-top: 4%;
  }
  #rankefuss {
    display: inline;
    position: absolute;
    top: 21%;
    left: 60%;
    width: 71%;
  }
  #footer {
    top: -1%;
    clear:both;
    width:100%;
    position:relative;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  #footer.fuss {
    clear:both;
    width:100%;
    position:relative;
    margin-top: 11px;
    margin-bottom: 5px;
    height: 137px;
    top: 4%;
    left: 0%;
  }
  #copy.home {
    width: 92%;
    left: -15%;
    height: auto;
  }
  #copy.home {
    width: 78%;
    left: 13%;
    height: 61px;
    top: auto;
    position: absolute;
    display: inline;
    margin-top: 10px;
  }
  #footer.navi {
    top: auto;
    clear: both;
    width: 100%;
    background-color: #9194CF00;
    position: relative;
    margin-top: -123px;
    margin-bottom: 5px;
    height: auto;
    left: 16%;
    background-color: #f5f5dc00;
    margin: 0 auto;
  }
  #copy.navi {
    width: 74%;
    height: 104px;
    top: 8%;
    left: 8%;
    display: inline;
    text-align: center;
    margin-top: auto;
    position: absolute;
    list-style-type: none;
  }
  h1.navi {
    font-size: 291%;
    color: navy;
    height: auto;
    font-style: italic;
    margin-top: -3px;
    margin-left: -76%;
    display: block;
    top: -11%;
    position: absolute;
    font-weight: bold;
    font-family: serif;
    margin: 0 auto;
    left: 29%;
  }
  #copy.moballg {
    top: auto;
    left: 11px;
    width: 90%;
    margin-top: 46px;
  }
  #rankefuss.mobil {
    display: inline;
    position: absolute;
    top: 8%;
    left: 62%;
    margin-left: 28px;
  }
  #starttableklass {
    width: 78%;
    height: 421px;
    padding-top: 41px;
    padding-left: 118px;
    top: 401px;
    left: 11px;
  }
  #sprung.fuss {
    display: block;
    float: right;
    margin-right: -6%;
    margin-top: 124px;
    position:fixed;
  }
  #sprung.imp {
    margin-top: -17%;
    float: left;
    margin-left: 0%;
    left: 22%;
    position: relative;
    top: -150px;
  }
  h1.start {
    font-size: 18%;
    color: #caf9c3;
    font-weight: bold;
    font-style: italic;
    text-align: center;
    position: relative;
    top: 120%;
    float: right;
    right: 50%;
    margin-top: auto;
  }
  #footer.allg {
    clear: both;
    width: 100%;
    background-color: #9194CF00;
    position: relative;
    margin-top: 30px;
    margin-bottom: 5px;
    height: 150px;
    margin-left: -49px;
    top: 112%;
  }
  #footer.fuss {
    clear: both;
    width: 100%;
    position: relative;
    margin-top: 28px;
    margin-bottom: 5px;
    height: 137px;
    top: 42%;
    left: 0%;
  }
  #copy.allg {
    top: -132%;
    width: 87%;
    left: 4%;
    height: 86px;
  }
  #termin.mobil {
    width: 415px;
    margin-top: 21%;
    padding-left: 37px;
    margin-right: 2%;
    position: relative;
    top: -136px;
    display: inherit;
    float: left;
    left: 4%;
    text-align: center;
    background: #93958c96;
    height: 47px;
    border-radius: 16px;
    padding-top: 11px;
    font-size: 114%;
    border: #909690;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-style: outset;
    font-family: navi;
    color: #1c216e;
  }
}
@media screen and (max-width:800px) {
  #weitere.anfr {
       font: 116%/1.4 sans-serif;
      left: 11%;
    height: 22%;
    margin: 0% 1%;
    padding: 2%;
  }
    #buchen.termin {
    top: 29%;
    margin-top: -9%;
    left: -17%;
  }
    #dreieck.online {
    position: relative;
    top: 19%;
    left: auto;
    margin-left: -14px;
  }
   #auswahl.betreff {
    text-shadow: none;
    position: relative;
    margin: 11% 2% 0% -73%;
    left: 5%;
    /*! top: 20%; */
    width: 99%;
  }
  label.massage {
    width: 236%;
    left: 18%;
  }
  #termine.online {
    width: 81%;
    left: 9%;
  }
     select.buch {
        height: 50px;
        width: 447px;
        font: 95% sans-serif;
        top: 11px;
        left: 22%;
    }
  #auswahl.massage {
    margin: 11% -27% 1% -43%;
    width: 292%;
    left: -32%;
  }
  #medien.buchen {
    /*! position: absolute; */
    display: none;
    width: 68%;
    /*! top: 37%; */
    left: 36%;
    height: 181px;
    margin: 66% auto;
  }
  #starttableindex.onlin {
    /*! height: 133%; */
  }
  #copy.raumnav {
    width: 29%;
    height: auto;
    margin-top: -410px;
    left: 48%;
    display: block;
    padding: 19px;
    margin-bottom: 5px;
    text-align: center;
    margin-left: 13%;
    top: 60%;
    font-size: 83%;
  }
  td.termonline {
    height: 30px;
  }
  td.hoerer {
    height: 20px;
    padding-top: 0;
  }
  a.online {
    font-size:60%;
  }
  #headline.onlin {
    width: 90%;
    top: 7%;
    position: relative;
    height: 146px;
    left: 8%;
  }
     h1.onlin {
        text-shadow: 1px 1px 1px #fff;
        padding-left: 18%;
        position: relative;
        font-family: serif;
        font-size: 200%;
        color: #261f7b;
        top: auto;
        left: -9%;
        width: 89%;
        margin-top: -74px;
        font-size: 250%;
    }
  #sprung.onlin {
    display: block;
    top: -103%;
    float: left;
    position: relative;
    left: 73%;
    margin-top: 20%;
  }
  #sidebar.onlin {
    width: 28%;
    height: 425px;
    float: right;
    padding: 20px;
    margin-bottom: 2px;
    margin-top: 99%;
    left: 67%;
    top: -2%;
    display: none;
  }
  #spruchstart.onlin {
    width: 94%;
    height: 400px;
    left: 42%;
    top: 2%;
    margin-top: 0%;
    border: 1px outset #352c66;
  }
  header.onlin {
    height: 21%;
    width: 87%;
    position: absolute;
    display: block;
    left: 3%;
    margin-bottom: 20px;
    top: -1%;
    margin-top: 7px;
  }
  #bild.marma {
    position: relative;
    display: block;
    top: 1px;
    font-size: 158%;
    left: 308px;
    width: 300px;
  }
  #wechselbild1.allg {
    width: 93%;
    margin-left: 1%;
    margin-top: -107%;
    margin-bottom: 10px;
    float: left;
    top: 90%;
    left: 374px;
  }
  #spruchstart {
    width: 89%;
    margin-left: -33%;
    margin-top: 2%;
    margin-bottom: 10px;
    float: left;
    left: 264px;
    position: absolute;
  }
  #wechselbild10.allg {
    width: 57%;
    margin-left: -33%;
    margin-top: -110%;
    margin-bottom: 10px;
    float: left;
    left: 178px;
  }
  #sidebar.spez {
    width: 95%;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 18px;
    margin-bottom: 25px;
    height: 313px;
    top: 57%;
    margin-top: 15%;
    left: auto;
    display: inherit;
  }
  #starttableklass.spez {
    width: 77%;
    padding-top: 41px;
    padding-left: 118px;
    top: 1px;
    left: 17px;
    height: auto;
    margin-bottom: 54px;
    margin-top: 33px;
    padding-bottom: 66px;
  }
  #tel_hoer.allg {
    top: 36%;
    margin-top: 84%;
    width: 37%;
    left: 48%;
    margin-left: 12%;
    margin-bottom: 30px;
    position: absolute;
    height: 56px;
  }
  #terminspez.allg {
    top: 36%;
    margin-top: 84%;
    width: 37%;
    left: auto;
    margin-left: 12%;
    margin-bottom: 30px;
    position: absolute;
    height: 56px;
  }
  #footer.onlin {
    display: block;
    position: relative;
    top: auto;
    width: 88%;
    height: auto;
    margin-top: 345%;
    margin-left: 5%;
    font-size: 83%;
  }
}
@media screen and (max-width:786px) {
  #termine.weitere {
    height: 12%;
    width: 662px;
    top: -74%;
    left: 14%;
  }
  #dreieck.online {
    position: relative;
    top: 18%;
    left: auto;
    margin-left: -9px;
  }
    #termine.online {
    width: 81%;
    left: 1%;
  }
    #terminstart.onlin {
    font: 106%/1.4 sans-serif;
    color: navy;
    left: -6%;
    position: relative;
  }
    #weitere.anfr {
    font: 116%/1.4 sans-serif;
    left: 0%;
    height: 22%;
    margin: 0% 1%;
    padding: 2%;
  }
  #auswahl.betreff {
    width: 79%;
    text-shadow: none;
    position: absolute;
    margin: 25% 2% 0% 7%;
    height: auto;
    color: navy;
  }
 
  #form.termine {
    width: 124%;
    left: -28%;
  }
  #table2 {
    width: 52%;
    margin:-33% 2% 1% 23%;
  }
  #table3.buch {
    display: inline-block;
    position: relative;
    width: 500px;
    height: 300px;
    left: -19%;
    top: 602%;
  }
  #termine.bestät {
    display: inline-block;
    position: relative;
    top: 412%;
    margin:6% 12%;
    padding-bottom: 1%;
    left: -18%;
    width: 113%;
    color: navy;
  }
  #pfeil {
    opacity: 0.8;
    left: 49%;
    margin-bottom: 0;
    position: fixed;
    top: 85%;
  }
  #sidebar.onlin {
    width: 26%;
    height: 404px;
    float: right;
    padding: 20px;
    margin-bottom: 2px;
    margin-top: -134%;
    left: 67%;
    top: -2%;
  }
  a.kontermin {
    top: 43%;
    height: 10px;
    display: inline-block;
    margin: -19% 1%;
    width: 100%;
  }
  #sprung.onlin {
    display: block;
    top: -90%;
    float: left;
    position: relative;
    left: 75%;
    margin-top: 15%;
  }
  #buchen.termin {
    top: -44%;
    margin-top: 37%;
    width: 57%;
  }
  #auswahl.massage {
    display: flex;
    justify-content: center;
    width: 247%;
    font: 92% sans-serif;
    text-shadow: none;
    top: 68%;
    margin: 14% 3% 1% -58%;
    text-align: center;
    left: 3%;
  }
  td.zwischenoder {
    display: table-cell;
    height: 15px;
    text-decoration: none;
  }
  label.massage {
    font: 117%/1.2 sans-serif;
    margin: 11px -1%;
    width: 170%;
    text-align: center;
    height: 38px;
    left: 21%;
    top: auto;
    font-weight: bold;
  }
  #medien.buchen {
    position: relative;
    width: 55%;
    top: auto;
    left: -14%;
    height: 192px;
    margin: 122% auto;
  }
  #copy.onlin {
    width: 88%;
    height: 130px;
    left: 53px;
    display: inherit;
    top: auto;
    margin: 58% auto;
    font-size: 120%;
    position: absolute;
  }
  #main.onlin {
    left: 23%;
    margin-top: 2%;
    float: left;
    margin-bottom: 4%;
    height: 868px;
    top: 20%;
    width: 93%;
  }
  #terminspez.allg {
    top: 200%;
    margin-top: 84%;
    width: 37%;
    left: auto;
    margin-left: 12%;
    margin-bottom: 30px;
    position: absolute;
    height: 56px;
  }
  #starthome.onlin {
    margin-bottom: 20px;
    left: 9%;
    height: auto;
    font: 132%/1.4 sans-serif;
    padding-left: 2px;
    width: 101%;
    margin-top: -86px;
    text-align: center;
  }
  table.medien {
    display: table-cell;
    width: 100%;
    padding-left: 4%;
    height: auto;
    text-align: center;
  }
  table.nebenlink {
    display: table-cell;
    padding: 30px 92px;
    font-size: 120%;
    width: auto;
  }
  #bild.marma {
    position: relative;
    display: block;
    top: 55px;
    font-size: 158%;
    left: 261px;
    width: 300px;
  }
  #tel_hoer.allg {
    top: 187%;
    margin-top: 84%;
    width: 37%;
    left: 48%;
    margin-left: 10%;
    margin-bottom: 30px;
    position: absolute;
    height: 56px;
  }
  #bild.marma {
    font-size: 138%;
    left: 251px;
    width: 250px;
    top: 25%;
  }
  #wechselbild10.allg {
    width: 57%;
    margin-left: -33%;
    margin-top: -90%;
    margin-bottom: 10px;
    float: left;
    left: 30%;
  }
  #main.onlin {
    width: 97%;
    margin-top: 29%;
    margin-bottom: 120px;
    height: auto;
    top: 8%;
    left: 3%;
  }
  #sidebar.spez {
    width: 95%;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 18px;
    margin-bottom: 25px;
    height: 313px;
    top: 70%;
    margin-top: 15%;
    left: auto;
    position: absolute;
  }
  #starttableklass.spez {
    width: 73%;
    top: 1px;
    left: 8px;
    height: auto;
    margin-bottom: 54px;
    margin-top: 3px;
    padding-bottom: 66px;
  }
  #dreieck.navi {
    position: absolute;
    margin-top: -72%;
    left: 5%;
    top: 115%;
    margin: 0 auto;
  }
  #main.imp {
    width: 97%;
    float: left;
    background-color: #caf9c300;
    top: 27%;
    margin-top: 19%;
    margin-bottom: 10px;
    height: 994px;
    left: -2%;
  }
  #wechselbild2.navi {
    position: absolute;
    left: 1%;
    top: -5%;
    width: 92%;
  }
  header.navi {
    height: 161px;
    width: 98%;
    margin-bottom: 10px;
    left: 0%;
    margin-top: -10%;
    top: 1%;
  }
  #navyquer.nurmenue {
    width: 90%;
    top: 1%;
    margin-top: -63%;
    margin-left: -71%;
    left: 40%;
  }
  #wasser.allg {
    margin: -9% auto;
    font-size: 120%;
    width: 84%;
    padding-top: 93%;
    top: -4%;
  }
  a.term {
    color: white;
    display: block;
    top: -38px;
    left: 24%;
  }
  #tel_hoer.term {
    top: 20px;
    left: 2px;
    width: 48%;
    margin: 0 auto;
  }
  #sidebar.term {
    width: 26%;
    height: 264px;
    margin-bottom: 50px;
    margin-top: -81%;
    left: 14%;
    top: -3%;
    display: block;
    padding: 4%;
    margin-right: 10%;
  }
  #wrapper {
    height: 1598px;
    margin: 0 auto;
    top: 22px;
  }
  #main.navi {
    width: 100%;
    background-color: #caf9c300;
    margin-top: 91px;
    margin-bottom: 10px;
    height: 1000px;
    top: auto;
  }
  #main.allg {
    width: 97%;
    margin-top: 29%;
    margin-bottom: 120px;
    height:2300px;
    top: 7%;
    left: 2%;
  }
  #bild3.allg {
    position: relative;
    width: 74%;
    top: 23px;
    margin-top: 1px;
    margin-bottom: 50px;
    margin-left: -1%;
    border-style: outset;
    padding: 4px;
    color: white;
  }
  header.allg {
    height: 280px;
    width: 99%;
    margin-bottom: 10px;
    margin-top: -33%;
    top: 10%;
    left: -4px;
  }
  h1.rueallg {
    font-size: 167%;
    color: navy;
    font-weight: bold;
    font-style: italic;
    top: -98px;
    left: 2%;
    margin-top: 15px;
    margin-bottom: 10px;
    height: 110px;
    width:500px;
  }
  h1.mobile {
    text-shadow: 3px 3px 3px #fff;
    padding-left: 18%;
    position: relative;
    font-family: serif;
    font-size: 143%;
    color: #261f7b;
    top: -2%;
    font-style: italic;
    left: -11%;
    width: 68%;
    margin-top: 27%;
  }
  #starttablemobil {
    border:outset;
    border-radius:15px;
    padding:20px;
    font-family: serifte, navy;
    width:84%;
    display: flex;
    flex-flow:column;
    text-align: center;
    color:navy;
    background-color: #cfe6e699;
    border-color: #b3afaf;
    margin-left: 20px;
  }
  #main.navi {
    width: 99%;
    background-color: #caf9c300;
    margin-top: -75px;
    margin-bottom: 10px;
    height: 1000px;
    left: 28%;
    top: 3%;
  }
  #sprung.allg {
    display: block;
    margin-top: -3%;
    float: right;
    margin-right: -3%;
    top: auto;
  }
  #ampel.abhy {
    display:none;
    top: -125%;
    margin-bottom: 2px;
  }
  #wechselbild2a.abhy {
    position: relative;
    top: -81px;
    left: -83px;
  }
  #wechselbild1.allg {
    width: 139%;
    margin-left: -27%;
    margin-top: 1%;
    margin-bottom: 10px;
    float: left;
    top: 28%;
    position: absolute;
    left: 87%;
  }
  #dreieck.allg {
    position: relative;
    top: -76%;
    left: -7%;
  }
  #dreieck.imp {
    position: relative;
    margin-top: 11%;
    left: -2%;
  }
  #dreieck.allg {
    position: relative;
    top: -47%;
    left: 18%;
    margin-top: 10px;
    width: 17%;
  }
  #rankefuss.allg {
    display: inline;
    position: absolute;
    top: 26%;
    left: 68%;
    max-width: 32%;
  }
  #copy.raumnav {
    width: 48%;
    left: -66px;
    height: auto;
    margin-top: 10px;
    top: 180%;
    left: 13%;
    display: flex;
    padding: 30px;
    margin-bottom: 5px;
    flex: content;
    text-align: center;
  }
  #starthome {
    width: 81%;
    margin:0 auto;
    padding-right:1px;
    text-align: left;
    margin-left: -31px;
  }
  #sidebar.bau {
    width: 27%;
    height: 404px;
    float: right;
    position: relative;
    padding: 20px;
    border-style: outset;
    border-radius: 20px;
    border-color: #B6FFA2;
    background-color: #DDEFDE;
    margin-bottom: 2px;
    margin-top: 11%;
    left: -22%;
    top: -48%;
  }
  #wechselbild2.advent {
    position: absolute;
    left: 1%;
    top: 2px;
    width: 100%;
    margin-top: 1%;
  }
  #starttableindex.allg {
    margin-top: 22px;
    padding-right: 2%;
    margin-bottom: 0px;
    left: 3%;
    width: 73%;
    height: auto;
    font-size: 99%;
    padding-left: 17%;
    font-family: serif;
    border: outset;
    border-radius: 15px;
    display: block;
    text-align: center;
    background-color: #dceede;
    top: auto;
    height: auto;
  }
  h1.allg {
    left: -37%;
    position: relative;
    font-family: serif;
    font-size: 221%;
    color: navy;
    text-shadow: 3px 3px 3px #fff;
    margin-top: -20%;
    height: auto;
    top: auto;
    width: 294px;
  }
  #sidebar.abhy {
    width: 38%;
    height: 471px;
    float: right;
    position: relative;
    padding: 20px;
    border-style: outset;
    border-radius: 20px;
    border-color: #B6FFA2;
    background-color: #DDEFDE80;
    margin-bottom: 2px;
    top: 2%;
    left: -1%;
  }
  #tablefuss.abhy {
    width: 60%;
    text-align: left;
    padding-bottom: 20px;
    float: left;
    margin-bottom: 10px;
    margin-top: 189px;
    top: 41%;
    left: 4%;
    height: 522px;
  }
  #wassernote {
    position: relative;
    top: -35%;
    left: 2px;
  }
  #übersicht.marma {
    position: relative;
    top: -157px;
    left: 223px;
  }
  #wrapper.fuss {
    height:2582px;
  }
  #wrapper.imp {
    width: 99%;
    height: 1381px;
  }
  #main {
    width:100%;
    height: 430px;
    margin-top: 124px;
    top: auto;
  }
  #main.imp {
    width: 100%;
    float: left;
    top: -3%;
    margin-top: -1%;
    margin-bottom: 10px;
    height: 966px;
    margin-top: 18%;
  }
  main.fuss {
    height: 2052px;
    margin-top: 14%;
    left: 1%;
  }
  #sprung.agb {
    display: block;
    float: right;
    position: relative;
    top: -250px;
  }
  #starttableindex.agb {
    left: 1%;
    position: relative;
    margin-top: 1%;
    float: left;
    margin-bottom: 4%;
    padding-right: 1%;
    padding-bottom: 50px;
    padding-top: 9%;
    width: 71%;
    padding-left: 16%;
    height: auto;
    top: -19%;
    margin-left: 14px;
    font-size: 90%;
  }
  header.fuss {
    height:225px;
    width: 101%;
  }
  #dreieck {
    position: relative;
    top: -41%;
    left: 12px;
  }
  #starttableindex {
    width: 89%;
    top: 3%;
    margin-top: 10px;
    padding-left: 91px;
    left: -46px;
    font-family: sans-serif;
  }
  #starttableindex.fuss {
    width: 93%;
    padding: 45px;
    margin-bottom: 10px;
    margin: 0 auto;
    margin-top: 3%;
    padding: 5px;
    left: 25px;
    height: 19%;
  }
  #kurztext.imp {
    font: 90%/1.2 serif;
    margin: -109px 33px 17px -4px;
    padding-left: 10px;
    width: 380px;
  }
  #starthome {
    width: 81%;
    margin: 0 auto;
    margin-left: auto;
    padding-right: 1px;
    text-align: left;
    margin-left: -31px;
    color: #161713;
  }
  #sidebar.fuss {
    width: 91%;
    position: relative;
    height: 407px;
    margin-bottom: 10px;
    left: 6px;
    top: -11%;
    margin-top: 259px;
  }
  #sidebar.imp {
    width: 81%;
    height: 400px;
    position: relative;
    padding: 20px;
    margin-bottom: 2px;
    margin-top: 16%;
    margin-right: 8%;
    top: -20%;
  }
  #sidebar1 {
    left: -1%;
    width: 92%;
    height:550px;
    margin-top: 10px;
    margin-bottom: 10px;
    position:relative;
    top:93%;
  }
  #sidebar1.fuss {
    width: 88%;
    height: 489px;
    float: left;
    position: relative;
    padding: 20px;
    border-style: outset;
    border-radius: 20px;
    border-color: #B6FFA2;
    background-color: #DDEFDEB3;
    padding: 2%;
    margin-top: 13px;
    margin-bottom: 10px;
    left: 22px;
    top: 31%;
  }
  #wasser {
    position: relative;
    margin: -9% auto;
    font-size: 98%;
    width: 72%;
    padding-top: 93%;
    top: -38%;
  }
  #wasser.imp {
    position: relative;
    margin: -9% auto;
    margin-top: -9%;
    font-size: 98%;
    width: 72%;
    padding-top: 93%;
    margin-top: -83%;
  }
  #sprung {
    display:block;
    margin-top:-250px;
    float: right;
    margin-right: 3%;
    position: relative;
    margin-right: 8%;
  }
  #sprung.mobile {
    display: block;
    float: right;
    position: relative;
    top: auto;
    margin-top: -168%;
    left: -9px;
  }
  #spruchstart {
    height: 89%;
    position: relative;
    padding: 3%;
    margin-left: 2px;
    margin-right: 3%;
    background-color: #fff;
    width: 92%;
    left: 1%;
    display: block;
    margin-top: -1%;
    font-size: 79%;
  }
  #sprung.agb {
    display: block;
    float: right;
    position: relative;
  }
  #tablefuss {
    width: 63%;
    text-align: center;
    padding-bottom: 20px;
    float: left;
    margin-bottom: 3px;
    height: 506px;
    top: 45%;
    left: 5px;
    margin-top: 20px;
  }
  #spiegelranke {
    position: relative;
    top: -353px;
    margin-left: 5px;
    background-color: #caf9c300;
    height: 150px;
    margin-top:20px;
  }
  td.abhypreis {
    display: table-cell;
    float: left;
    font: 90% serif;
    margin-left: 8px;
    margin-top: -11px;
    width: 136px;
  }
  td.kurztextfuss {
    margin: -3%;
    font: 90%/1.2 serif;
    width: 90%;
    float: left;
    text-align: left;
    padding-bottom: 11px;
  }
  #footer {
    top: 2%;
    clear: both;
    width: 100%;
    position: relative;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  #footer.fuss {
    top: 5%;
    clear:both;
    width:100%;
    background-color: #9194CF00;
    position:relative;
    margin-top: 5px;
    margin-bottom: 5px;
    height: 150px;
  }
  #footer.imp {
    top: -14%;
    clear: both;
    margin-bottom: 5px;
    left: 0%;
    height: 134px;
    margin-top: 205%;
  }
  #footer.navi {
    top: auto;
    clear: both;
    width: 100%;
    background-color: #9194CF00;
    position: relative;
    margin-top: -123px;
    margin-bottom: 5px;
    height: 188px;
    left: 4px;
    background-color: #f5f5dc00;
  }
  #copy.fuss {
    width: 99%;
    top: -80%;
    height: auto;
    display: inherit;
    left: -23%;
  }
  #copy.home {
    width: 88%;
    left: 3%;
    height: auto;
  }
  #navyquer.allg {
    display: none;
  }
  #gutschein.mobile {
    position: absolute;
    top: 79%;
    left: 125px;
    width: 74%;
  }
  #wechselbild1.mass {
    position: relative;
    left: -3%;
    top: -10px;
    margin-top: 0%;
    width: 416px;
  }
  #copy.raumnav {
    width: 49%;
    height: auto;
    margin-top: 10px;
    top: -1%;
    left: 36%;
    display: block;
    padding: 5px;
    margin-bottom: 5px;
    margin-left: 15%;
    margin: 0 auto;
    font-size: 80%;
  }
}
@media screen and (max-width:700px) {
  
  #medien.buchen {
    margin: 130% auto;
  }
  #main.onlin {
    width: 97%;
    margin-top: 29%;
    margin-bottom: 120px;
    height: 60%;
    top: 8%;
    left: 3%;
  }
  #auswahl.massage {
    height: 57px;
    top: 38%;
  }
  #auswahl.betreff {
    width: 80%;
    /*! text-shadow: none; */
    position: absolute;
    /*! margin: 6% 2% 0% 15%; */
    height: 57px;
    font: 88% sans-serif;
  }
  label.massage {
    font: 108%/1.2 sans-serif;
    margin: 7% 4%;
    width: 194%;
    font-weight: bold;
  }
  a.kontermin {
    top:-24%;
    height: 40px;
    display: inline-block;
    margin: 14% 1%;
  }
  #copy.raumnav {
    width: 91%;
    margin-top: 10px;
    top: -10%;
    left: 5%;
    padding: 5px;
    margin-bottom: 5px;
    margin-left: 15%;
    margin: 0 auto;
    font-size: 80%;
  }
  table.medien {
    display: table-cell;
    width: 130%;
    padding-left: 4%;
    height: auto;
    text-align: center;
  }
  #wechselbild2.onlin {
    width: 104%;
    left: 1%;
    top: 2%;
  }
  #sprung.onlin {
    display: block;
    top: -104%;
    float: left;
    position: relative;
    left: 59%;
    margin-top: 20%;
  }
  #copy.onlin {
    width: 98%;
    height: 150px;
    left: 5px;
    top: auto;
    margin: 128% auto;
    font-size: 120%;
  }
  #sidebar.onlin {
    width: 26%;
    height: 200px;
    padding: 20px;
    margin-bottom: 2px;
    margin-top: 2%;
    left: 15%;
    top: 22%;
    display: none;
    position: relative;
  }
  #medien.onlin {
    width: 80%;
    top: 6%;
    height: 99px;
    margin-top: 20px;
    margin-bottom: 20px;
    left: -14%;
  }
  #ruecklink {
    position: relative;
    left: -128px;
    top: 1px;
    display: inline-block;
    width: 0px;
    margin-right: 20px;
  }
  #bild.garschan {
    position: relative;
    display: block;
    top: 85px;
    font-size: 150%;
    left: -110px;
    background: #add8e600;
    width: 250px;
  }
  #tel_hoer.allg {
    top: 201%;
    margin-top: 84%;
    width: 37%;
    left: 48%;
    margin-left: 10%;
    margin-bottom: 30px;
    position: absolute;
    height: 56px;
  }
  a.allg {
    display: block;
    position: absolute;
    width:150px;
    color:white;
    left:25%;
    font-size: 117%;
    margin: 0 auto;
    top: 21%;
  }
  #wechselbild2.navi {
    position: absolute;
    left: 1%;
    top: 0%;
    width: 98%;
  }
  #spiegelranke {
    display: none;
  }
  #dreieck.navi {
    position: absolute;
    margin-top: -88%;
    left: 31%;
    top: 65%;
    height: 135px;
    max-width: 23%;
    margin: 0 auto;
  }
  #starttableindex {
    width: 89%;
    top: 3%;
    margin-top: 10px;
    padding-left: 91px;
    left: -60px;
  }
  h1.navi {
    height: 26%;
    font-style: italic;
    margin-top: -20px;
    margin-left: -76%;
    top: 2%;
    position: relative;
    left: 19%;
    width: 96%;
    margin: -77% 20%;
  }
  #wechselbild1.allg {
    width: 96%;
    margin-left: -28%;
    margin-top: 1%;
    margin-bottom: 10px;
    float: left;
    top: 20%;
  }
  #sprung.allg {
    display: block;
    margin-top: -3%;
    float: right;
    margin-right: -3%;
    top: auto;
    width: 107px;
  }
  header {
    height: 272px;
    width: 99%;
    margin-bottom: 10px;
    margin-top: -131px;
    top: 2px;
    left: 5px;
  }
  a.tel:link {
    color: white;
    display: block;
    position: relative;
    top: -47px;
    left: 28px;
    width: 57%;
    margin: 0 auto;
  }
  #startfuss.mob {
    width: 107%;
    font: 115%/1.2 serif;
    top: -16px;
    position: relative;
    left: -47px;
  }
  #wrapper.onlin {
    width: 99%;
    margin: 0 auto;
    height: 1261px;
    top: -86px;
  }
  #sidebar.term {
    width: 22%;
    height: 264px;
    padding: 20px;
    margin-bottom: 50px;
    margin-top: -81%;
    left: 11%;
    top: 4%;
    padding: 4%;
    margin-right: 10%;
  }
  #spruchstart.term {
    height: 121%;
    margin-left: 52px;
    margin-right: 3%;
    width: 124%;
    left: -53%;
    margin-top: 12px;
    margin-bottom: 20px;
  }
  #navyquer.nurmenue {
    width: 96%;
    position: relative;
    display: block;
    top: 10%;
    margin-top: -100%;
    margin-left: -71%;
    position: relative;
    left: 40%;
    background: #ffffe000;
  }
  #wechselbild2.advent {
    top: -10%;
    margin-bottom: 2px;
    height: auto;
    margin-top: 20px;
    margin-right: auto;
    margin-bottom: -10px;
    margin-left: -6px;
    width: 99%;
  }
  header.navi {
    height: 16%;
    width: 104%;
    margin-bottom: 10px;
    left: 0%;
    margin-top: 41px;
    top: -6%;
  }
  #starttableindex.allg {
    margin-top: 12px;
    padding-right: 3%;
    margin: 17px auto;
    margin-bottom: 0px;
    left: 19%;
    width: 89%;
    height: auto;
    font-size: 70%;
  }
  #sidebar.spez {
    width: 94%;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 18px;
    margin-bottom: 5px;
    height: 283px;
    top: auto;
    margin-top: 1600px;
    left: 18%;
    display: inherit;
    margin-left: -10%;
    left: 51px;
  }
  #starttableklass.spez {
    width: 72%;
    padding-top: 41px;
    padding-left: 118px;
    top: auto;
    left: 6px;
    height: auto;
    margin-bottom: 20px;
    margin-top: 19px;
  }
  #headline.spez {
    background-color: #87e3a400;
    width: 100%;
    position: relative;
    left: 1px;
    margin-top: 19%;
    height: 34%;
    border-bottom: 3px dotted white;
    margin-bottom: 2px;
    top: -40%;
  }
  h1.bau {
    font-size: 247%;
    color: navy;
    font-weight: bold;
    font-style: italic;
    top: -29%;
    left: -29%;
  }
  #headline.spez {
    left: -81px;
    margin-top: 19%;
    margin-bottom: 2px;
    top: -45%;
    width: 81%;
  }
  #copy.raumbau {
    width: 63%;
    border-style: outset;
    top: -453px;
    margin-top: 81px;
    margin-left: 60px;
    display: none;
  }
  header.allg {
    width: 95%;
    margin-bottom: 10px;
    margin-top: 1%;
    position: relative;
    top:-3px;
  }
  #headline.allg {
    background-color: #87e3a400;
    width: 100%;
    position: relative;
    left: 6px;
    margin-top: 20%;
    height: 57%;
    border-bottom: 3px dotted white;
    margin-bottom: 2px;
    top: 42%;
  }
  #headline.agb {
    background-color: #87e3a44d;
    width: 100%;
    position: relative;
    top: 267px;
    left: 1px;
    margin-top: -11%;
    height: 34%;
    border-bottom: 3px dotted white;
    margin-bottom: 2px;
  }
  #sidebar.agb {
    width: 86%;
    margin: 0 auto;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    padding: 16px;
    margin-bottom: 5px;
    height:500px;
    top: -20%;
    margin-top: 13px;
    margin-left: 4px;
    left: -32px;
  }
  td.kurztextabhy {
    font: 95%/1.2 serif;
    width: 90%;
    float: left;
    margin-left: -59px;
    text-align: left;
    margin-left: -28%;
    margin-top: 1%;
  }
  #tablefuss.abhy {
    width: 74%;
    text-align: left;
    padding-bottom: 20px;
    float: left;
    margin-bottom: 10px;
    margin-top: 189px;
    top: 41%;
    left: 4%;
    height: 522px;
  }
  #spruchstart.agb {
    height: 90%;
  }
  #footer.agb {
    top: 1%;
    clear: both;
    width: 100%;
  }
  #wrapper.fuss {
    height:2593px;
  }
  #main.fuss {
    height: 2106px;
    top: -3%;
    margin-top: -32px;
    left: -12px;
  }
  h1.fuss {
    top: -136%;
    left: 22%;
    font-size: 228%;
    float: left;
  }
  h5.fuss {
    font: 130% bold,italic;
    left: 24%;
    position: relative;
    top: 50%;
  }
  header.fuss {
    height:5%;
    width: 101%;
  }
  #sidebar {
    width:84%;
    margin:0 auto;
    padding: 20px;
    margin-bottom: 5px;
    height:287px;
    top: -19%;
    margin-top: 15px;
  }
  #sidebar.imp {
    width: 81%;
    height: 400px;
    position: relative;
    padding: 20px;
    margin-bottom: 2px;
    margin-top: 14%;
    margin-right: 8%;
    top: -20%;
  }
  #sidebar.fuss {
    width: 86%;
    position: relative;
    height: 431px;
    margin-bottom: 10px;
    left: 3%;
    top: 1%;
    margin-top: 10px;
    height: 400px;
  }
  #starttableindex.fuss {
    width: 90%;
    left: 25px;
    padding: 8px;
    margin-top: -5px;
    margin-bottom: 10px;
    top: 1%;
  }
  #starthome {
    width: 73%;
    margin:0 auto;
    padding-right:1px;
    text-align: left;
    margin-left: -31px;
  }
  #wasser {
    position: relative;
    margin: -9% auto;
    font-size: 98%;
    width: 72%;
    padding-top: 93%;
    top: -49%;
  }
  #sprung {
    display:block;
    float: right;
    margin-top: -62px;
    background: linear-gradient(to right, #ef7fe8b3 0%,#d333d599 99%);
    background-color: rgba(0, 0, 0, 0);
  }
  #tablefuss {
    width: 75%;
    padding-bottom: 1%;
    padding-right: 1%;
    float: left;
    margin-bottom: 10px;
    height: 510px;
    top: 43%;
    left: 13px;
    margin-top: 20px;
    padding-left: 15%;
  }
  #wechselbild2.fuss {
    position: relative;
    left: 20%;
    top: -24%;
    width: 80%;
  }
  #sprung.fuss {
    display: block;
    top: -22%;
    float: right;
    position: relative;
  }
  #wasser.fuss {
    position: relative;
    margin: -9% auto;
    font-size: 98%;
    width: 72%;
    padding-top: 93%;
    top: -40%;
  }
  #tablefuss.fuss {
    width: 48%;
    position: absolute;
    top: 45%;
    left: 2%;
    height: 507px;
    padding-bottom: 31px;
    padding-left: 8%;
    margin-bottom: 10px;
    margin-top: -3%;
    margin-left: 2%;
    padding-top: 4%;
  }
  #sidebar1.fuss {
    width: 31%;
    height: 489px;
    float: left;
    position: relative;
    padding: 20px;
    border-style: outset;
    border-radius: 20px;
    border-color: #B6FFA2;
    background-color: #DDEFDEB3;
    padding: 2%;
    margin-top: 13px;
    margin-bottom: 10px;
    left: -35%;
    top: 28%;
  }
  #footer.fuss {
    top: 3%;
    clear:both;
    width:100%;
    background-color: #9194CF00;
    position:relative;
    margin-top: 5px;
    margin-bottom: 5px;
    height: 354px;
    left: 0%;
  }
  #copy.fuss {
    width: 99%;
    top: -7%;
    height: auto;
    display: inherit;
    left: -23%;
  }
  #copy.home {
    width: 87%;
    margin: 0 auto;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    left: 2%;
    top: 16%;
    padding: 9px;
  }
  #footer.bau {
    top: auto;
    clear: both;
    width: 100%;
    background-color: #9194CF99;
    position: relative;
    margin-top: -41px;
    margin-bottom: 5px;
    height: 169px;
    left: -68px;
  }
  #footer.onlin {
    display: block;
    position: relative;
    top: auto;
    width: 88%;
    height: auto;
    margin-top: 354%;
    margin-left: 5%;
    font-size: 83%;
  }
}
@media screen and (max-width: 685px) {
  #buchen.termin {
    top: 15%;
    margin-top: 37%;
    width: 500px;
    left: -23%;
    height: 16%;
  }
   #weitere.anfr {
    font: 116%/1.4 sans-serif;
    left: -1%;
    height: 22%;
    margin: 0% 1%;
    padding: 2%;
     width: 550px;
  }
      #table3.buch {
        display: inline-block;
        position: absolute;
        width: 500px;
        height: 300px;
        left: -15%;
        top: 199%;
    }
    #termine.bestät {
    display: inline-block;
    position: relative;
    top: 12%;
    margin: 6% 12%;
    padding-bottom: 1%;
    left: -49%;
    width: 180%;
    color: navy;
  }
    #auswahl.massage {
    height: 57px;
    top: 14%;
    left: -2%;
  }
    #auswahl.betreff {
    width: 80%;
    text-shadow: none;
    position: absolute;
    margin: 29% 2% 0% 3%;
    height: 157px;
    font: 88% sans-serif;
  }
   #termine.online {
    width: 81%;
    left: 0;
     top: 4%;
  }
}
@media screen and (max-width:650px) {
  #buchen.termin {
    top: 65%;
    width: 76%;
    margin: 2%;
    left: 15%;
    position: absolute;
  }
     #weitere.anfr {
        font: 116% / 1.4 sans-serif;
        left: 48%;
        height: 27%;
        margin: 0 auto;
        padding: 2%;
        width: 89%;
    }
   table.buchen {
    display: table-cell;
    position: relative;
    width: 196%;
    top: 32%;
    left: 2%;
    height: 165%;
  }
    label.massage {
    font: 108%/1.2 sans-serif;
    font-weight: normal;
    margin: 7% 4%;
    font-weight: bold;
    top: 32%;
    left: 16%;
  }
  #wrapper.onlin {
    width: 100%;
    height: 1400px;
    top: 2px;
    margin: 0px;
    position: absolute;
  }
  #termine.online {
    /*! left: 2%; */
    top: 6%;
    width: 95%;
  }
  table.buch {
    width: 366px;
    height: 235px;
    padding:37px;
    margin:6% 10% 1% 1%;
    top: 20%;
    left: 12%;
  }
  label.email {
    font-size: 70%;
    width: 172px;
    left: 0px;
  }
  #medien.buchen {
    width: 99%;
    left: 7%;
    margin: 176% -8%;
  }
  #auswahl.massage {
    display: flex;
    width: 301%;
    font: 74% sans-serif;
    text-shadow: none;
    top: 59%;
    left: 4%;
  }
  #termine.bestät {
    display: inline-block;
    position: relative;
    top: -4%;
    margin: 6% 12%;
    width: 95%;
    left: -11%;
    text-align: center;
  }
  #wechselbild2.onlin {
    width: 94%;
    left: 4px;
    top: 2%;
  }
  label.tel {
    font-size: 80%;
    width: 172px;
    top: 20px;
    left: 2px;
  }
   #headline.onlin {
    width: 90%;
    top: 13%;
    position: relative;
    height: 123px;
    left: 1%;
  }
  #main.onlin {
    width: 97%;
    margin-top: 29%;
    margin-bottom: 120px;
    top: 8%;
    left: 1%;
    display: flex;
    justify-content: center;
    text-align: center;
  }
  #medien.onlin {
    width: 54%;
    top: 6%;
    height: 99px;
    margin-top: 53px;
    margin-bottom: 20px;
    left: -26%;
  }
  label.anrede {
    display: inline-block;
    font: 80%/1.2 sans-serif;
    margin-bottom: -9px;
    position: relative;
    top: 24px;
    height: 33px;
    width: 234px;
    left: -1px;
    margin: 2%;
    text-align: left;
  }
  #wechselbild3.imp {
    position: relative;
    top: -30px;
    left: 0px;
    width: 93%;
  }
  #starttableindex.onlin {
    padding-right: 10%;
    position: relative;
    margin-top: -12px;
    margin-bottom: 22px;
    width: 76%;
    left: 4%;
    height: 98%;
  }
  header.onlin {
    height: 18%;
    width: 93%;
    left: 3%;
    margin-bottom: 20px;
    top: -1%;
    margin-top: 7px;
  }
  #spruchstart.onlin {
    width: 101%;
    height: 360px;
    left: 73%;
    top: -171%;
    margin-top: 0%;
    border: 1px outset #352c66;
  }
  #tel_hoer.allg {
    top: 205%;
    margin-top: 84%;
    width: 37%;
    left: 48%;
    margin-left: 10%;
    margin-bottom: 30px;
    height: 56px;
  }
  #terminspez.allg {
    top: 205%;
    margin-top: 84%;
    width: 37%;
    left: auto;
    margin-left: 12%;
    margin-bottom: 30px;
    position: absolute;
    height: 6%;
    padding-bottom: 14px;
  }
  #bild3.allg {
    width: 74%;
    top: 23px;
    margin-top: 1px;
    margin-left: -1%;
    border-style: outset;
    padding: 4px;
    margin:0 auto;
  }
  #bild.garschan {
    display: block;
    top: -37px;
    font-size: 150%;
    left: -72px;
    width: 200px;
  }
  #starttableklass.spez {
    width: 71%;
    top: auto;
    left: 1%;
    height: auto;
    margin-bottom: 20px;
    margin-top: 19px;
  }
  header.navi {
    height: 156px;
    width: 99%;
    margin-bottom: 10px;
    left: 0%;
    margin-top: 185px;
    top: -21%;
  }
  #tel_hoer.term {
    top: 20px;
    left: 2px;
    width: 66%;
    margin: 0 auto;
  }
  #wechselbild2.navi {
    position: absolute;
    left: 1%;
    top: 0%;
    width: 98%;
  }
  a.term:link {
    color: white;
    display: block;
    top: -38px;
    left: 20%;
    width: 88%;
  }
  #starthome.onlin {
    margin-top: -7%;
  }
  h1.allg {
    margin-top: -14%;
    height: auto;
    top: auto;
    width: 294px;
  }
  #tel_hoer {
    display: block;
    position: relative;
    top: 24px;
    left: -4px;
    width: 52%;
    margin: 0 auto;
  }
  a.tel:link {
    top: -43px;
    left: 23px;
    width: 57%;
    margin: 0 auto;
  }
  #spruchstart.term {
    margin-left: 52px;
    margin-right: 3%;
    width: 116%;
    left: -62%;
    margin-top: 5%;
    margin-bottom: 20px;
    height: 279px;
  }
  #sidebar.term {
    width: 20%;
    margin-bottom: 50px;
    margin-top: -81%;
    left: 68%;
    top: 124%;
    margin-right: 10%;
    position: absolute;
  }
  #wrapper.imp {
    width:630px;
    height: 1059px;
    left: 2px;
  }
  #wrapper.bau {
    width: 99%;
    height: 659px;
  }
  #sidebar.allg {
    display: inherit;
    margin: 0 auto;
    padding: 18px;
    margin-bottom: 25px;
    height: 256px;
    top: auto;
    margin-top: 21%;
    left: 0%;
    width: 89%;
  }
  #main.navi {
    width: 95%;
    background-color: #caf9c300;
    margin-top: -1%;
    margin-bottom: 10px;
    height: 700px;
    left: 34%;
  }
  header.navi {
    height: 16%;
    width: 104%;
    margin-bottom: 10px;
    left: 0%;
    margin-top: 41px;
    top: 1%;
  }
  #navyquer.nurmenue {
    width: 134%;
    position: relative;
    display: block;
    top: -151px;
    margin-top: -500px;
    margin-left: -7%;
    position: relative;
    left: -29%;
    background: #92879200;
  }
  #spruchstart {
    height: 89%;
    position: relative;
    padding: 3%;
    margin-left: 12px;
    margin-right: 3%;
    background-color: #fff;
    width: 99%;
    right: 16%;
    display: block;
    margin-top: -1%;
    font-size: 79%;
  }
  #herz.mob {
    display: block;
    color: #0C7019E0;
    height: 10px;
    text-shadow: -2px 2px 2px;
    position: relative;
    margin-top: -41%;
    left: 27px;
    float: left;
    top: 101%;
    width: 96%;
  }
  #dreieck.spez {
    position: relative;
    top: 2px;
    left: -12%;
    width: 28%;
    margin-top: 21%;
  }
  #navyquer ul.top {
    display: block;
    border-radius: 10px;
    color: #fff0;
    width: 79%;
    clear: both;
    background-color: #e6aae500;
    left: -62%;
    float: left;
    background: #add8e600;
    margin-left: 11%;
    position: relative;
  }
  #wechselbild10.allg {
    width: 70%;
    margin-left: 45%;
    margin-top: -71%;
    margin-bottom: 10px;
    float: left;
  }
  #starttablemobil {
    font-family: serifte, navy;
    text-align: center;
    color: navy;
    width:75%;
    padding-left:50px;
    padding-right: 50px;
    left: 1px;
  }
  ul.rueklass {
    position: relative;
    text-align: center;
    margin-top: 20px;
    font-style: inherit;
    font-size: 97%;
    left: 24px;
  }
  #startfuss {
    width: 450px;
    font: 105%/1.2 serif;
    margin-left:20px;
    margin-top:30px;
  }
  ul.rueklass {
    margin-top: 20px;
    font-size: 97%;
    left: 4px;
    list-style-type: none;
    width: 95% 
  }
  #wechselbild2.mob {
    width: 93%;
    margin-left: -10%;
    margin-top: 20px;
    margin-bottom: 10px;
    float: left;
    top: auto;
    position: relative;
  }
  #dreieck.mob {
    margin-left: 4%;
    max-width: 200px;
    left: -2%;
    top: 49%;
    position: absolute;
    margin-top: 52px;
    width: 50%;
  }
  header.navi {
    height: 156px;
    width: 99%;
    margin-bottom: 10px;
    left: 0%;
    margin-top: 185px;
    top: -21%;
  }
  #dreieck.bau {
    position: relative;
    margin-top: -2%;
    left: -7%;
    width: 40%;
    top: 27px;
  }
  #headline.allg {
    background-color: #87e3a400;
    width: 92%;
    position: relative;
    left: 1px;
    margin-top: 19%;
    height: 32%;
    border-bottom: 3px dotted white;
    margin-bottom: 2px;
    top: 56%;
  }
  #wechselbild1.allg {
    width: 111%;
    margin-left: -31%;
    margin-top: -1%;
    margin-bottom: 10px;
    float: left;
    position: absolute;
  }
  #spiegelranke {
    position: relative;
    top: -554px;
    left: -1px;
    background-color: #caf9c300;
    height: 150px;
    margin-top: 16px;
    display: none;
  }
  #wechselbild2.advent {
    position: absolute;
    left: 7%;
    top: -58px;
    width: 95%;
    margin-top: 55px;
    margin-left: -16px;
  }
  #sprung.bau {
    display: block;
    float: left;
    margin-right: 2%;
    margin-bottom: 20px;
    top: -40px;
    left: 245px;
    height: 28px;
  }
  #sidebar {
    width: 23%;
    height: 452px;
    float: left;
    position: relative;
    padding: 20px;
    border-style: outset;
    border-radius: 20px;
    border-color: #B6FFA2;
    background-color: #DDEFDE;
    left: 2%;
    margin-bottom: 2px;
    margin-top: 15px;
    margin: 0 auto;
    top: 4%;
  }
  #starttableindex.bau {
    left: 6%;
    margin-top: 15%;
    float: left;
    padding-right: 5%;
    padding-top: 1%;
    width: 36%;
    height: 235px;
    top: -37%;
    height: auto;
  }
  #navyquer.navi {
    width: 102%;
    margin-top: 1px;
    left: -7%;
    background-color: #caf9c300;
    top: -185px;
    clear: both;
    height: 454px;
  }
  #wasser.imp {
    position: relative;
    margin: -9% auto;
    margin-top: -9%;
    margin-top: -9%;
    font-size: 98%;
    width: 72%;
    padding-top: 93%;
    margin-top: -75%;
  }
  #ampel.abhy {
    display:none;
    top: -152%;
    left: 5px;
    position: relative;
    margin-top: 17px;
    margin-bottom: 5px;
  }
  #sidebar.abhy {
    width: 32%;
    height: 503px;
    float: right;
    position: relative;
    padding: 20px;
    border-style: outset;
    border-radius: 20px;
    border-color: #B6FFA2;
    background-color: #DDEFDE80;
    margin-bottom: 2px;
    top: 1%;
    left: -1%;
  }
  #spruchstart.abhy {
    height: 97%;
    top: 44px;
    left: -53px;
    width: 114%;
  }
  #wechselbild10.allg {
    width: 55%;
    margin-left: -32%;
    margin-top: -90%;
    margin-bottom: 10px;
    float: left;
  }
  #ampel.abhy {
    top: -152%;
    left: 5px;
    position: relative;
    margin-top: 17px;
    margin-bottom: 5px;
  }
  #wechselbild2a.abhy {
    position: relative;
    top: -81px;
    left: -83px;
  }
  #wasser.abhy {
    position: relative;
    margin: -9% auto;
    font-size: 85%;
    top: 187px;
  }
  #wassernote {
    position: relative;
    top: -32%;
    left: 2px;
  }
  #wasser.fuss {
    position: relative;
    margin: -9% auto;
    font-size: 98%;
    width: 72%;
    padding-top: 93%;
    top: -21%;
  }
  #tablefuss.fuss {
    width: 79%;
    position: absolute;
    top: 48%;
    left: 0%;
    height: 507px;
    padding-bottom: 56px;
    padding-left: 15%;
    margin-bottom: 10px;
    margin-top: -3%;
    margin-left: 2%;
    padding-top: 4%;
  }
  #sidebar1.fuss {
    width: 91%;
    height: 489px;
    float: left;
    position: relative;
    padding: 20px;
    border-style: outset;
    border-radius: 20px;
    border-color: #B6FFA2;
    background-color: #DDEFDEB3;
    padding: 2%;
    margin-top: 13px;
    margin-bottom: 10px;
    left: 2%;
    top: 31%;
  }
  #fussnote.fuss {
    top: -33%;
    left: 2%;
    position: relative;
    width: 79%;
    height: 80%;
    padding: 38px;
    margin-top: -35px;
  }
  #sidebar1.abhy {
    width: 46%;
    height: 527px;
    float: right;
    padding: 20px;
    padding: 2%;
    left: -5%;
    top: 1%;
  }
  #rankefuss.abhy {
    position: absolute;
    top: 25%;
    left: 73%;
    margin-bottom: 2px;
    width: 58%;
  }
  #ampel.abhy1 {
    border-radius: 30px;
    display: table-cell;
    left: 55%;
    position: relative;
    top: -434px;
  }
  #tablefuss.abhy {
    width: 78%;
    text-align: left;
    padding-bottom: 20px;
    -left: -1%;
    float: left;
    margin-bottom: 10px;
    margin-top: 189px;
    top: 43%;
    left: 1%;
    height: 522px;
  }
  #sprung.abhy {
    display: block;
    top: 1%;
    float: right;
    position: relative;
    right: 11%;
    margin-top: 51px;
  }
  td.kurztextabhy {
    font: 95%/1.2 serif;
    width: 90%;
    float: left;
    text-align: left;
    margin-left: 3%;
  }
  h5.fuss {
    left: -2%;
    top: 55%;
  }
  #wrapper {
    height: 1770px;
  }
  #wrapper.imp {
    width: 603px;
    height: 1330px;
    left: -130px;
  }
  #wrapper.navi {
    width: 99%;
    height: 958px;
    background-color: #caf9c3;
  }
  #headline.fuss {
    background-color: #c6f8bf80;
    width: 100%;
    position: relative;
    top: 72px;
    left: 1px;
    margin-top: 31%;
    height: 105px;
    margin-bottom: 1px;
  }
  header.agb {
    height: 8%;
    width: 103%;
    margin-bottom: 10px;
  }
  #headline.agb {
    background-color: #87e3a44d;
    width: 100%;
    position: relative;
    top: 252px;
    left: 6px;
    margin-top: -11%;
    height: 42%;
    border-bottom: 3px dotted white;
    margin-bottom: 2px;
    height: 38%;
  }
  #sprung.agb {
    display: block;
    float: right;
    position: relative;
    top: -220px;
  }
  #starttableindex.agb {
    left: 1%;
    position: relative;
    margin-top: 1%;
    float: left;
    margin-bottom: 4%;
    padding-right: 1%;
    padding-bottom: 50px;
    padding-top: 5%;
    width: 82%;
    padding-left: 8%;
    height: auto;
    top: -19%;
    margin-left: 13px;
    font-size: 90%;
  }
  #main {
    width:100%;
    height:1600px;
  }
  #main.fuss {
    width:100%;
    top:0%;
    margin-top: 5px;
    margin-bottom: 5px;
    height: 2211px;
  }
  #main.imp {
    width: 100%;
    float: left;
    top: -12%;
    margin-top: -1%;
    margin-bottom: 10px;
    height: 862px;
    margin-top: 3%;
  }
  header.fuss {
    height:91px;
    width: 97%;
    margin-bottom: 10px;
    left: -29px;
  }
  header {
    height:15%;
    width: 101%;
    margin-bottom: 10px;
    margin-top: 10px;
    top: -109px;
    left: 2px;
  }
  #dreieck {
    margin-left: 4%;
    max-width: 200px;
    left: -1%;
    top: -107%;
    position: relative;
  }
  #dreieck.fuss {
    margin-left: 4%;
    max-width: 200px;
    left: -1%;
    top: -19%;
    position: relative;
  }
  h1.fuss {
    top: -133%;
    left:24%;
    position: relative;
    font-family: serif;
    font-size: 228%;
    float: left;
  }
  #navileiste.fuss,
  #naviunten.rückall {
    display:none;
  }
  #navileiste,
  #navyquer {
    display:none;
  }
  #sprung {
    display:block;
    margin-top:1%;
    float: right;
    margin-right: 3%;
  }
  #sprung.fuss {
    display: block;
    top: 17%;
    float: right;
    position: relative;
    right: 15%;
    margin-top: -58px;
  }
  #sprung.allg {
    display: block;
    float: right;
    position: relative;
    margin-top: 40px;
    margin-right: 9%;
    top:auto;
    width: 115px;
  }
  #nav {
    display:none;
  }
  #herzlich1 {
    position: relative;
    margin-top: -1%;
    left: 4%;
    width: 75%;
  }
  #starttableindex {
    width:78%;
    top:18%;
    left: 3%;
    padding-bottom: 10%;
    padding-left: 3%;
    padding-right: 3%;
    padding-top: 3%;
    margin: 0 auto;
    margin-top: -15%;
  }
  #kurztext.imp {
    font: 90%/1.2 serif;
    padding-left: 1%;
    width: 95%;
  }
  #starttableindex.imp {
    left: 8%;
    margin-top: 23%;
    float: left;
    margin-bottom: 4%;
    padding-right: 5%;
    padding-bottom: 50px;
    padding-top: 1%;
    width: 68%;
    padding-left: 13%;
    height: 358px;
    top: -9%;
    margin-top: 122px;
  }
  #starttableindex.fuss {
    width: 92%;
    left: 3%;
    padding: 2%;
    margin-top: -5px;
    margin-bottom: 10px;
    height: auto;
    padding-bottom: 10%;
    padding-top: 5%;
  }
  #tablefuss {
    width: 78%;
    text-align:center;
    padding-bottom: 20px;
    float: left;
    margin-bottom: 10px;
    margin-top: 72px;
    top: 48%;
    left: 5px;
    height: 520px;
  }
  #sidebar {
    width:84%;
    margin:0 auto;
    padding: 20px;
    margin-bottom: 5px;
    height:auto;
    top: 0%;
    margin-top: 13px;
    margin-left: 3px;
  }
  #sidebar.marma {
    width:39%;
    height: 393px;
    float: right;
    position: relative;
    padding: 20px;
    margin-bottom: 2px;
    top: -43%;
    right: 19%;
    margin-top: 7%;
    margin-right: 12px;
  }
  #spruchstart {
    height: 94%;
    position: relative;
    padding: 3%;
    margin-left: 12px;
    margin-right: 3%;
    background-color: #fff;
    width: 94%;
    right: -1%;
    display: block;
    margin-top: 2%;
    font-size: 79%;
  }
  #sidebar.fuss {
    width: 87%;
    position: relative;
    height: 407px;
    margin-bottom: 10px;
    left: 2%;
    top: 1%;
  }
  #sidebar.imp {
    width: 81%;
    height: 400px;
    position: relative;
    padding: 20px;
    margin-bottom: 2px;
    margin-top: 20%;
    margin-right: 8%;
    top: -20%;
  }
  #spruchstart {
    height: 210px;
    position: relative;
    padding: 4%;
    background-color: #fff;
    width: 91%;
    left: -8%;
    display: block;
    margin-left: 9%;
  }
  #sidebar1 {
    width:96%;
    float:left;
    margin-top:10px;
    top: 41%;
    position: relative;
    margin-bottom: 10%;
    margin-top: 10px;
  }
  #wechselbild2.fuss {
    position: relative;
    left: 4%;
    top: -45%;
    width: 94%;
    margin-top:10px;
  }
  #wechselbild1.start {
    width:70%;
    margin-left:10%;
    margin-top: 31%;
  }
  #rankefuss {
    display: inline;
    position: absolute;
    top: 27%;
    left: 46%;
  }
  #ampel.marma {
    border-radius: 30px;
    display: table-cell;
    left: 40px;
    position: absolute;
    top: 75px;
    width:24%;
    margin-left: 60%;
  }
  #wasser {
    top:-15%;
    text-align:center;
    margin: 0 auto;
    position: relative;
    left: 2%;
  }
  #wasser.marma {
    top:-25%;
    text-align:center;
    margin: 0 auto;
    position: relative;
    left: 2%;
    margin-top: 65px;
  }
  #tablefuss.marma {
    width: 72%;
    position: relative;
    top: -36%;
    right: 4%;
    height: 607px;
    padding-bottom: 31px;
    padding-left: 23%;
    margin-bottom: 10px;
    margin-top: -203%;
    margin-right: 1%;
    float: right;
  }
  #übersicht.marma {
    position: relative;
    top: -22px;
    left: -22px;
  }
  #sidebar1.marma {
    width: 45%;
    height: 410px;
    float: left;
    position: relative;
    border-style: outset;
    border-radius: 20px;
    border-color: #B6FFA2;
    background-color: #DDEFDE;
    top: 6%;
    padding: 2%;
    margin-top: 173%;
    margin-bottom: 10px;
    left: 2%;
  }
  #footer {
    top: -1%;
    clear:both;
    width:100%;
    background-color: #9194CF99;
    position:relative;
  }
  #footer.fuss {
    top: -2%;
    clear:both;
    width:100%;
    background-color: #9194CF00;
    position:relative;
    margin-top: 5px;
    margin-bottom: 5px;
    height: 150px;
  }
  #copy.home {
    width: 86%;
    margin: 0 auto;
    left: 4%;
    top: 16%;
    padding: 9px;
  }
  #rankeumkehr {
    position: absolute;
    top: 431px;
    left: 70px;
    width: 77%;
    margin-top: 1%;
    background-color: #00f0;
    height: 100px;
  }
  #starthome {
    width: 87%;
    margin: 0 auto;
    padding-right: 1px;
    text-align: center;
    margin-left: -40px;
  }
  #wrapper.fuss {
    margin-left:1%;
    height:2700px;
  }
  #footer {
    top: auto;
    clear:both;
    width:100%;
    background-color: #9194CF00;
    position:relative;
    margin-top: 55px;
    margin-bottom: 5px;
  }
  #footer.fuss {
    top: 1%;
    clear:both;
    width:100%;
    background-color: #9194CF00;
    position:relative;
    margin-top: -25px;
    margin-bottom: 5px;
    height: 300px;
    left: 2px;
  }
  #fussnote.marma {
    font: 88% serif;
    color: #060881;
    background-color: #DDEFDE;
    border-color: rgb(0, 128, 0);
    border-radius: 20px;
    border-style: outset;
    height: 84%;
    width: 78%;
    opacity: 0.8;
    top: 79%;
    padding: 8%;
    margin-top: 10px;
  }
  #footer.imp {
    top: -14%;
    clear: both;
    margin-bottom: 5px;
    left: 0%;
    height: 134px;
    margin-top: 226%;
  }
  #copy.bau {
    width: 92%;
    margin: 0 auto;
    left: 2%;
    top: 16%;
    padding: 9px;
    height: auto;
  }
  #copy.fuss {
    width: 88%;
    margin: 0 auto;
    left: -1%;
    top: 100%;
    display: inherit;
    height: auto;
    padding: 24px;
    margin-top: 27%;
  }
  #copy.navi {
    width: 87%;
    left: -66px;
    height: 130px;
    margin-top: auto;
    top: 12%;
    left: -1%;
    display: block;
    position: absolute;
  }
  #copy.raumnav {
    padding: 9px;
    border-style: outset;
    top: -24%;
    margin-top: -59px;
    margin-left: 2%;
    display: inherit;
    width:84%;
    height: auto;
    padding: 11px;
    display: block;
  }
  #copy.bau {
    padding: 9px;
    border-style: outset;
    top: 15px;
    margin-top: 83px;
    margin-left: 11px;
    display: inherit;
    width: 80%;
    height: 70px;
  }
  #footer.allg {
    clear: both;
    width: 96%;
    background-color: #9194CF00;
    position: relative;
    margin-top: 9px;
    margin-bottom: 5px;
    height: 150px;
    margin-left: 3px;
  }
  #copy.moballg {
    top: auto;
    left: 11px;
    width: 90%;
    margin-top: 46px;
  }
  #termin.mobil {
    width: 70%;
    height: auto;
    margin-top: 15px;
    top: 21%;
    left: 2%;
    padding: 30px;
    margin-bottom: 5px;
    text-align: center;
    margin-left: 7%;
  }
  #termin.mobil {
    width: 495px;
    margin-top: 25%;
    padding-left: 37px;
    margin-right: 2%;
    position: relative;
    top: 301px;
    display: inherit;
    float: left;
    left: -4%;
    text-align: center;
    background: #93958c96;
    height: 18px;
    border-radius: 16px;
    padding-top: 11px;
    font-size: 151%;
  }
  #sprung.spez {
    margin-top: -6%;
    width: 91%;
    display: block;
    text-align: center;
    left: 1%;
    margin-bottom: 10px;
    margin-left: -19px;
    position: absolute;
    float: left;
    margin: 0 auto;
    top: 243px;
  }
}
@media screen and (max-width: 600px) {
  #auswahl.betreff {
    margin: 5% 2% 2% -11%;
  }
  #table2 {
    width: 42%;
    left: 1%;
    margin: -48% 2% 1% 23%;
  }
    #table2 {
    position: relative;
    top: 45%;
    margin-top: -356px;
    width: 103%;
    left: -61%;
    margin-left: 67%;
    height: 365px;
    background-color: #00800000;
  }
    table.buchen {
    display: table-cell;
    position: relative;
    width: 196%;
    top: 49%;
    left: 20%;
    height: 165%;
  }
   #table2 {
    position: relative;
    top: 45%;
    margin-top: -356px;
    width: 103%;
    left: -89%;
    margin-left: 67%;
    height: 365px;
    background-color: #00800000;
  }
   #terminstart.onlin {
    font: 106%/1.4 sans-serif;
     color: darkblue;
     left: -14%;
    position: relative;
  }
    #table2 {
    position: relative;
    top: 45%;
    margin-top: -356px;
    width: 103%;
    left: -61%;
    margin-left: 67%;
    height: 365px;
    background-color: #00800000;
  }
  #termine.weitere {
    height: 82%;
    width: 600px;
    top: auto;
    left: auto;
  }
    #form.termine {
    width: 124%;
    left: -28%;
  }
  table.buch {
    width: 366px;
    height: 235px;
    padding:37px;
    margin:6% 10% 1% 1%;
    top: 20%;
    left: 4%;
  }
  #table3.buch {
    width: 127%;
       left: -22%;
    top: 249%;
  }
  #auswahl.betreff {
    font-size: 71%;
    font-weight: bold;
    left: -22%;
    width: 536px;
    margin:4% -2% 10% 22%;
    top: 56%;
    color: darkblue;
  }
  #weitere.anfr {
    font-size: 96%;
    font-weight: bold;
    top: auto;
    width: 510px;
    margin: -1% -38% 10% 42%;
    left: 19%;
  }
  label.massage {
    width:388px;
    left: -10%;
    top: -1%;
  }
  header.navi {
    height: 156px;
    width: 99%;
    margin-bottom: 10px;
    left: 0%;
    margin-top: 185px;
    top: -24%;
  }
  label.email {
    font-size: 80%;
    width: 172px;
    top: 20px;
  }
  label.auswahl {
    display: inline-block;
    font: 86%/1.2 sans-serif;
    margin: 3% 12%;
    position: relative;
    height: 44px;
    top: 38%;
    width: 368px;
  }
  #termine.bestät {
    width: 104%;
    font: 108% sans-serif;
    text-shadow: none;
    margin: 8% 10%;
  }
  #auswahl.massage {
    display: flex;
    width: 92%;
    font: 124% sans-serif;
    text-shadow: none;
    top: -18%;
    left:19%;
    margin: 25% 1% 2% -118%;
  }
  #sidebar.onlin {
    width: 38%;
    height: 365px;
    float: right;
    padding: 20px;
    margin-bottom: 2px;
    margin-top: 140%;
    left: 56%;
    top: 61%;
  }
       select.buch {
        margin: 10% 5% 8% -84%;
        left: -10%;
        top: -2px;
        width: 328px;
    }
  #buchen.termin {
    top: 23%;
    width: 60%;
    margin-top: 24%;
    left: 20%;
    color: darkblue;
  }
  #medien.onlin {
    width: 54%;
    top: 116%;
    height: 99px;
    margin-top: 20px;
    margin-bottom: 20px;
    left: -33%;
    position: absolute;
  }
  a.allg {
    width: 150px;
    left: 24%;
    font-size: 117%;
    margin: 0 auto;
    top: 21%;
  }
  #terminspez.allg,
  #tel_hoer.allg {
    top: 218%;
    width: 41%;
  }
  #main.allg {
    width: 99%;
    left: -1%;
  }
  #starthome.ganz {
    width: 114%;
    left: -19%;
  }
  #sidebar.spez {
    margin-top: 40px;
    margin-bottom: 20px;
    height: 254px;
    top: 726px;
    margin-top: 183%;
    left: 43px;
  }
  #navyquer.nurmenue {
    width: 134%;
    position: relative;
    display: block;
    top: -91%;
    margin-top: -500px;
    margin-left: -7%;
    position: relative;
    left: -29%;
    background: #92879200;
    margin: 0 auto;
  }
  #footer.navi {
    top: 4%;
    clear: both;
    width: 100%;
    margin-top: -4%;
    margin-bottom: 5px;
    height: 188px;
    left: 4px;
  }
}
@media screen and (max-width: 571px) {
  #weitere.anfr {
    font-size: 96%;
    font-weight: bold;
    top: auto;
    width: 81%;
    margin: -1% -38% 10% 42%;
    left: 18%;
  }
   #auswahl.massage {
    display: flex;
    width: 82%;
    font: 124% sans-serif;
    text-shadow: none;
    top: -18%;
    left: 15%;
    margin: 25% 1% 2% -118%;
  }
      #table3.buch {
        width: 127%;
        left: -25%;
        top: 249%;
    }
    label.massage {
    width: 388px;
    left: -20%;
    top: -1%;
  }
}
@media screen and (max-width: 550px) {
  #weitere.anfr {
    font-size: 96%;
    font-weight: bold;
    top: auto;
    width: 81%;
    margin: -1% -38% 10% 42%;
    left: 16%;
  }
}
@media screen and (max-width: 536px) {
  #weitere.anfr {
    font-size: 96%;
    font-weight: bold;
    top: auto;
    width: 78%;
    margin: -1% -38% 10% 42%;
    left: 16%;
  }
    #termine.bestät {
    width: 115%;
    font: 108% sans-serif;
    text-shadow: none;
    margin: 8% -1%;
  }
   #starttableindex.onlin {
     padding-right: 12%;
  }
}
@media screen and (max-width: 480px) {
  #termine.weitere {
    top:auto;
    left:auto;
    width: 402px;
  }
  h1.onlin {
    color: #261f7b;
    top: auto;
    left: -2%;
    width: 306px;
    margin-top: -69px;
    font-size: 226%;
  }
  #auswahl.betreff {
    margin: 8% 2% 2% -20%;
    width: 99%;
    left: 21%;
    top: 63%;
    font-weight: bold;
    font-size: 72%;
    background: #00f0;
  }
  #buchen.termin {
    top: 8%;
    width: 34%;
    margin-top: 24%;
    left: -27%;
  }
  select.buch {
    height: 44px;
    width: 100%;
    font: 90% sans-serif;
       left: 37px;
    display: flex;
    justify-content: center;
    text-align: center;
    padding: 5px 10px;
  }
  label.massage {
    width: 98%;
    left: 19%;
    top: 45%;
    height: 20%;
    margin: -15% -30%;
    background: #00f0;
    font-size: 145%;
  }
  label.auswahl {
    display: inline-block;
    font: 86%/1.2 sans-serif;
    margin: 3% 12%;
    position: relative;
    height: 44px;
    top: 23%;
    width: 157px;
  }
 
  #sidebar.onlin {
    width: 82%;
    height: 365px;
    float: right;
    padding: 20px;
    margin-bottom: 2px;
    margin-top: 326%;
    left: 3%;
    top: auto;
  }
  #medien.buchen {
    position: relative;
    width: 89%;
    top: 24%;
    left: -27%;
    height: 99px;
    margin: 28% auto;
  }
  #auswahl.massage {
    width: 390px;
    font: 124% sans-serif;
    text-shadow: none;
    top: 19%;
    left: auto;
    margin: -5% -10% 1% -4%;
  }
  #auswahl label.auswahl {
    display: block;
    font: 90%/1.2 sans-serif;
    margin: 2px 4%;
    position: relative;
    height: 64px;
    top: 57%;
    left:0%;
    width: 411px;
  }
  #table2 {
    width: auto;
    left: -4%;
    top: 27%;
    text-align: left;
    height: 561px;
  }
  #starttableindex.onlin {
    top:-10%;
  }
  #termine.bestät {
    display: inline-block;
    position: relative;
    top: 16%;
    margin: 30% 12%;
    width: 184%;
    left: 25%;
  }
  #gutschein.mobile {
    position: absolute;
    top: 120%;
    left: 105px;
    width: 74%;
  }
  #termine.online {
    position: relative;
    height: 63px;
    margin: 0 auto;
    }
  #terminspez.allg,
  #tel_hoer.allg {
    top: 60%;
    width: 41%;
    margin-left: 18px;
    height: 28px;
  }
    header.onlin {
    height: 21%;
    width: 99%;
    left: -5%;
    margin-bottom: 20px;
    top: -1%;
    margin-top: 15%;
    background: #80660085;
    padding-top: 19px;
  }
  #footer.onlin {
    display: block;
    position: relative;
    top: auto;
    width: 93%;
    height: auto;
    margin-top: 556%;
    margin-left: -1%;
  }
  #starttableindex.onlin {
    position: relative;
    margin-top: 41px;
    margin-bottom: 74px;
    width: 61%;
    left: 0%;
    padding-left: 26%;
    margin-left: -6%;
  }
  table.nebenlink {
    display: table-cell;
    padding: 30px 6%;
    font-size: 109%;
    width: auto;
  }
  table.medien {
    display: table-cell;
    width: 134%;
    padding-left: 137px;
    height: auto;
    text-align: center;
  }
  #medien.onlin {
    width: 116%;
    top: 62%;
    height: auto;
    margin-top: 16px;
    margin-bottom: 20px;
    position: absolute;
    margin:14% 20%;
    padding-bottom: 12%;
  }
  #main.onlin {
    width: 96%;
    margin-top: 45%;
    margin-bottom: 12%;
    height: 1104px;
    top: 18%;
    left: 5px;
  }
  a.allg {
    font-size:100%;
  }
  #bild3.allg {
    width: 84%;
    top: 23px;
    margin-top: 1px;
    margin-left: -1%;
    border-style: outset;
    padding: 4px;
    margin: 0 auto;
  }
  h1.navi {
    display: block;
    height: 62px;
    margin-top: -3px;
    top: -84px;
    position: relative;
    margin: 0 auto;
    left: 47%;
    margin: 0 auto;
  }
  h1.rueallg {
    top: 1px;
    left: -22%;
    margin-top: 15px;
    margin-bottom: 10px;
    height: 110px;
    width: 300px;
  }
  #tel_hoer.term {
    top: 2px;
    left: 1px;
    width: 60%;
    margin: 0 auto;
  }
  #tel_hoer.imp {
    display: block;
    position: relative;
    top: 24px;
    left: -4px;
    width: 59%;
    margin: 0 auto;
  }
  #starthome.onlin {
    font: 115%/1.4 sans-serif;
    left: 8%;
    color: darkblue;
  }
  a.tel:link {
    top: -28px;
    left: 12px;
    width: 67%;
    margin: 0 auto;
  }
  #wasser.allg {
    position: relative;
    margin: -31% auto;
    font-size: 117%;
    width: 57%;
    top: 41%;
    left: 47px;
    color: #5a0e5a;
    text-shadow: -1px 2px 2px aliceblue;
  }
  h1.start {
    font-size: 18%;
    top: 120%;
    float: right;
    right: 50%;
    margin-top: auto;
  }
  #wrapper.onlin {
    width: 99%;
    margin: 0 auto;
    height: 1261px;
    top: -64px;
    left: 4%;
  }
  #termin.rueallg {
    width: 206px;
    margin-top: 21%;
    padding-left: 2px;
    margin-right: 2%;
    position: relative;
    top: -700px;
    display: inline;
    float: left;
    left: 22%;
    text-align: center;
    background: #a8cd44d9;
    height: 33px;
    border-radius: 16px;
    font-size: 112%;
    border: #88a972;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-style: outset;
    border-radius: 10px;
    height: 30px;
    padding-top: 12px;
  }
  #startfuss.mob {
    width: 126%;
    font: 115%/1.2 serif;
    top: -16px;
    position: relative;
    left: -47px;
  }
  #wrapper.imp {
    width: 99%;
    height: 1330px;
    left: -40px;
  }
  header.navi {
    height: 170px;
    width: 98%;
    margin-bottom: 10px;
    left: 0%;
    margin-top: 185px;
    top: -23%;
    margin-left: 3%;
  }
  #bild.garschan {
    position: relative;
    display: block;
    top: -113px;
    font-size: 127%;
    left: -135px;
    background: #add8e600;
  }
  #starthome.ganz {
    width: 106%;
    left: -24%;
    height: auto;
    font-size: 99%;
    margin-left: 2%;
  }
  #ruecklink {
    position: relative;
    left: 0px;
    top: -1px;
    display: inline-block;
    width: 103px;
    margin-left: -237px;
  }
  #bild.marma {
    position: relative;
    display: block;
    top: -41px;
    font-size: 158%;
    left: 91px;
    width: 194px;
  }
  #abhylink {
    position: relative;
    left: 1px;
    top: -7px;
  }
  #wechselbild10.allg {
    width: 89%;
    margin-left: 3%;
    margin-top: -79%;
    margin-bottom: 10px;
    float: left;
    top: 256px;
    position: absolute;
    left: -117px;
  }
  #dreieck.spez {
    position: relative;
    top: 6px;
    left: 10%;
    width: 28%;
    margin-top: 21%;
  }
  #headline.spez {
    background-color: #87e3a400;
    width: 100%;
    position: relative;
    left: 1px;
    margin-top: 19%;
    height: 34%;
    border-bottom: 3px dotted white;
    margin-bottom: 2px;
    top: -52%;
    margin: 0 auto;
  }
  #wechselbild1.allg {
    width: 67%;
    margin-left: -31%;
    margin-top: 3%;
    margin-bottom: 10px;
    float: left;
  }
  #footer.bau {
    top: -303px;
    clear: both;
    width: 102%;
    background-color: #9194CF99;
    position: relative;
    margin-top: -72px;
    margin-bottom: 5px;
    height: 127px;
    left: -104px;
  }
  #sidebar.bau {
    width: 34%;
    height: 314px;
    float: right;
    position: relative;
    padding: 20px;
    border-style: outset;
    border-radius: 20px;
    border-color: #B6FFA2;
    background-color: #DDEFDE;
    margin-bottom: 2px;
    margin-top: 11%;
    right: 15%;
    top: -95%;
  }
  #starttableindex.bau {
    left: -24%;
    margin-top: 15%;
    float: left;
    margin-bottom: 4%;
    padding-right: 5%;
    padding-top: 1%;
    width: 55%;
    height: auto;
    top: -11%;
    padding-bottom: 1%;
  }
  h1.bau {
    font-size: 247%;
    color: navy;
    font-style: oblique;
    top: -9%;
    left: -214px;
    font-size: 180%;
    width: 243px;
  }
  #main.agb {
    width: 100%;
    float: left;
    background-color: #caf9c3;
    top: 10%;
    margin-top: -108px;
    margin-bottom: 10px;
  }
  #dreieck.allg {
    position: relative;
    top: -24%;
    left: 26%;
    margin-top: 10px;
    width: 23%;
  }
  #starttableindex.allg {
    padding-right: 3%;
    margin: 7px auto;
    margin-bottom: 17px;
    margin-bottom: 0px;
    left: -20%;
    width: 73%;
    height: auto;
    font-size: 70%;
    border-color: #aea6a6;
    top: -16px;
  }
  #copy.agb {
    padding-right: 3%;
    margin: 7px auto;
    margin-bottom: 17px;
    margin-bottom: 0px;
    left: 5%;
    width: 73%;
    height: auto;
    font-size: 70%;
    border-color: #aea6a6;
  }
  #starttableindex.agb {
    left: 1%;
    position: relative;
    margin-top: 1%;
    float: left;
    margin-bottom: 4%;
    padding-right: 1%;
    padding-bottom: 50px;
    padding-top: 5%;
    width: 82%;
    padding-left: 8%;
    height: 1800px;
    top: -45%;
    margin-left: 13px;
    font-size: 90%;
  }
  #sprung.imp {
    margin-top: -17%;
    float: left;
    margin-left: 0%;
    left: 7%;
    position: relative;
    top: 30px;
    width: 260px;
    text-align: center;
    height: 31px;
    padding-right: 14px;
  }
  #copy.raumstart {
    height: 126px;
    margin-bottom: 1px;
    opacity: 0.9;
    padding: 1%;
    padding-top: 1%;
    text-align: center;
    position: absolute;
    padding-top: 20px;
    left: -10%;
    display: inherit;
    top: -69px;
    width: 69%;
    background: #b3e38bde;
    color: #1c2711;
    margin-top: 691px;
    padding: 14px;
  }
  #willk {
    position: relative;
    display:inline;
    top:27px;
    left:-11px;
  }
  #willk {
    position: relative;
    display: inline;
    top: 39px;
    left: 1px;
  }
  #copy.imp {
    position: relative;
    top: 17px;
    left: 2px;
    width: 87%;
  }
  #wechselbild3.imp {
    position: relative;
    top: -34px;
    left: -31px;
    width: 106%;
  }
  header.fuss {
    height: 91px;
    width: 81%;
    margin-bottom: 10px;
    left:-1px;
  }
  h1.imp {
    top: -35%;
    margin-left: -4%;
    position: relative;
    font-family: serif;
    font-size: 228%;
  }
  #starttableindex.imp {
    left: 1%;
    margin-top: 23%;
    float: left;
    margin-bottom: 4%;
    padding-right: 5%;
    padding-bottom: 50px;
    padding-top: 1%;
    width: 68%;
    padding-left: 13%;
    height: 274px;
    top: -739px;
    margin-top: 1px;
    left: -24px;
  }
  #termin.mobil {
    width: 92%;
    margin-top: 25%;
    padding-left: 22px;
    margin-left: -5%;
    position: relative;
    top: 360px;
    height: 36px;
  }
  #dreieck.imp {
    position: relative;
    margin-top: 35%;
    left: -2%;
    max-width:35%;
    display: none;
  }
  #dreieck.online {
    position: relative;
    top: 11%;
    left: auto;
    width:34%;
    margin-left: 31px;
  }
  #spruchallg {
    height: 297px;
    margin-left: 15%;
    margin-top: 74px;
    left: 4%;
    top: auto;
    width: 78%;
    position: absolute;
  }
  ul.start {
    display: inline-block;
    position: absolute;
    left: 42px;
    list-style-type: none;
    width: auto;
    text-align: center;
    top: auto;
    margin-top: 1px;
  }
  #copy.home {
    width: 86%;
    margin: 0 auto;
    left: auto;
    top: 141%;
    padding: 9px;
    height: 90px;
    display:inline;
  }
  #spruchstart.term {
    height: 99%;
    position: relative;
    padding: 3%;
    margin-left: 61px;
    margin-right: 3%;
    background-color: #99319066;
    width: 97%;
    left: -19%;
    display: block;
    margin-top: 4px;
    margin-bottom: 20px;
  }
  #sidebar.term {
    width: 73%;
    height: 352px;
    margin-bottom: 50px;
    margin-top: -81%;
    left: 1%;
    top: 166%;
    margin-left: 14%;
  }
  #starthome {
    width: 87%;
    margin: 0 auto;
    margin-left: auto;
    padding-left: 70px;
    text-align: center;
    margin-left: -40px;
    padding-top:15px;
  }
  #sprung.allg {
    display: block;
    float: left;
    position: relative;
    margin-top: 0%;
    margin-left: 53%;
    top: auto;
    height: 30px;
    width: 100px;
  }
  #spiegelranke {
    position: relative;
    top: 109px;
    left: 121px;
    background-color: #caf9c300;
    height: 150px;
    margin-top: 16px;
  }
  #main.allg {
    width: 96%;
    margin-top: -4%;
    margin-bottom: 12%;
    height: 2800px;
    top: 12%;
    left: 5px;
    margin-left: -92px;
    margin: 0 auto;
  }
  #copy.allg {
    top: auto;
    width: 96%;
    left: auto;
    height: 120px;
    display: inherit;
  }
  #klasslink {
    position: relative;
    top: 44px;
    width: 350px;
    margin: 0 auto;
  }
  #navyquer ul.top > li {
    display: inherit;
    background-color: #bd5abc;
    border-bottom: 1px dotted grey;
    margin: 0 auto;
    border-radius: 10px;
    width: 117px;
    height: auto;
    text-align: center;
  }
  #navyquer.nurmenue {
    width: 122%;
    position: relative;
    display: block;
    top: -18%;
    margin-top: 94px;
    margin-left: 9%;
    left: -42%;
    background: #92879200;
  }
  #copy.raumnav {
    width: 80%;
    height: auto;
    margin-top: 20px;
    top: -3%;
    left: 1%;
    padding: 15px;
    margin-bottom: 15px;
    text-align: center;
    margin-left: 7%;
    display: block;
    margin: 0 auto;
  }
  #dreieck.navi {
    position: relative;
    margin-top: -83%;
    left: -12%;
    top: 394px;
    max-width: 37%;
  }
  #wrapper.navi {
    width: 95%;
    height: 958px;
    background-color: #caf9c3;
    position: relative;
    left: -2%;
    top: 10px;
  }
  #fusslink {
    position: relative;
    left: 51%;
    top: -37px;
    display: block;
    width: 151px;
  }
  #rankefuss.allg {
    display: inline;
    position: absolute;
    top: 34%;
    left: 43%;
    width: 21%;
  }
  h1.allg {
    left: -28%;
    position: relative;
    font-family: serif;
    font-size: 207%;
    color: navy;
    text-shadow: 3px 3px 3px #fff;
    margin-top: -16%;
    width:72%;
    height: auto;
    top: 2px;
  }
  #sprung.spez {
    margin-top: -6%;
    width: 76%;
    display: block;
    text-align: center;
    left: 5%;
    margin-bottom: 10px;
    margin-left: -19px;
    position: relative;
    float: left;
    top: -21%;
    margin: 0 auto;
  }
  #starttableklass.spez {
    width: 79%;
    padding-top: 41px;
    padding-left: 45px;
    top: auto;
    height: auto;
    margin-bottom: 80px;
    margin-top: 97px;
    padding-bottom: 112px;
    font-family: sans-serif;
    margin: 0 auto;
  }
  #fruehangeb {
    position: absolute;
    color: white;
    top:-31px;
    left:53%;
    text-align: right;
  }
  #sidebar.spez {
    width: 94%;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 18px;
    margin-bottom: 5px;
    height: 262px;
    top: 19%;
    margin-top: 523%;
    display: inherit;
    margin-left: auto;
    left: -5%;
    margin: 312% auto;
  }
  #wrapper {
    height: 3770px;
    width:100%;
    top: 1px;
    left: 1px;
  }
  #sidebar.spez {
    width: 94%;
    margin-bottom: 5px;
    height: 262px;
    top: 19%;
    margin-top: 523% left: -5%;
    margin: 312% auto;
  }
  #bild.allg {
    display: block;
    position: absolute;
    width: 22%;
    top: -100%;
    margin-top: auto;
    margin-bottom: 20px;
    left: 52%;
    height: auto;
  }
  #wechselbild1.mass {
    position: relative;
    left: 2%;
    top: 32px;
    margin-top: 0%;
    width: 416px;
  }
  #rankefuss.mobil {
    display: none;
    position: absolute;
    top: 43%;
    margin-left: 44px;
  }
  h1.mobile {
    width: 302px;
    margin-left: -1%;
    margin-top: 63px;
    margin-bottom: 10px;
    float: left;
    top: auto;
    position: relative;
    font-size: 120%;
  }
  #sprung.mobile {
    display: block;
    float: right;
    position: relative;
    top: auto;
    margin-top: -168%;
    left: -9px;
  }
  #sprung.mobile {
    display: block;
    float: right;
    position: relative;
    top: auto;
    margin-top: -344%;
    left: 30px;
    width: 335px;
    text-align: center;
    font-size: 124%;
    height: 33px;
    padding-right: 10px;
  }
  #dreieck.mob {
    margin-left: -2%;
    max-width: 200px;
    left: 2%;
    top: 51%;
    position: absolute;
    margin-top: 52px;
    width: 37%;
  }
  #wechselbild2.mob {
    width: 100%;
    margin-left: -26%;
    margin-top: 20px;
    margin-bottom: 10px;
    float: left;
    top: auto;
    position: relative;
  }
  #spruchstart.abhy {
    height: 97%;
    top: 44px;
    left: -53px;
    width: 95%;
  }
  #starttablemobil {
    font-family: serifte, navy;
    text-align: center;
    color: navy;
    width: 73%;
    padding-left: 50px;
    padding-right: 50px;
    position: relative;
    top: 17px;
    left: -8px;
    font-size: 117%;
    margin-left: 7px;
  }
  #sprung.abhy {
    display: block;
    top: 1%;
    float: right;
    position: relative;
    right: 11%;
    margin-top: 51px;
  }
  #wasser.abhy {
    position: relative;
    margin: -9% auto;
    font-size: 102%;
    top: -38%;
    width: 41%;
    left: 25%;
  }
  #wechselbild1.start {
    width: 70%;
    margin-left: 4%;
    margin-top: 1%;
    float: left;
  }
  #sidebar.abhy {
    width: 86%;
    height: 358px;
    float: right;
    position: relative;
    padding: 20px;
    border-style: outset;
    border-radius: 20px;
    border-color: #B6FFA2;
    background-color: #DDEFDE80;
    margin-bottom: 2px;
    top: 1%;
    left: 0%;
  }
  #ampel.abhy {
    top: -249%;
  }
  #wechselbild2a.abhy {
    position: relative;
    top: -96px;
    left: -66px;
  }
  #fussnote.fuss {
    top: 10%;
    left: 7%;
    position: relative;
    width: 69%;
    height: 76%;
    padding: 38px;
    margin-top: -226px;
  }
  #sidebar1.abhy {
    width: 93%;
    height: 486px;
    float: right;
    padding: 20px;
    padding: 2%;
    left: 0%;
    top: 12%;
    margin-top: 90%;
  }
  #rankefuss.abhy {
    position: absolute;
    top: 25%;
    left: 58%;
    margin-bottom: 2px;
    width: 58%;
  }
  #ampel.abhy1 {
    border-radius: 30px;
    display: table-cell;
    left: 45%;
    position: relative;
    top: -433px;
  }
  spruchstart.abhy {
    height: 97%;
    top: 44px;
    left: -53px;
    width: 94%;
  }
  #tablefuss.abhy {
    width: 78%;
    text-align: left;
    padding-bottom: 20px;
    -left: -1%;
    float: left;
    margin-bottom: 10px;
    margin-top: 189px;
    top: 36%;
    left: 1%;
    height: 522px;
  }
  #sprung.abhy {
    display: block;
    top: -16%;
    float: right;
    position: relative;
    right: 16%;
    margin-top: 51px;
  }
  td.kurztextabhy {
    font: 95%/1.2 serif;
    width: 90%;
    float: left;
    text-align: left;
    margin-left: 3%;
  }
  #wrapper.fuss {
    margin-left: 1%;
    height: 3041px;
  }
  eader.fuss {
    height: 91px;
    width: 101%;
    margin-bottom: 10px;
  }
  #wechselbild3.fuss {
    display:none;
    width: 96%;
    top: 1%;
    left: 4%;
  }
  h4.abyanga {
    color: rgb(12, 112, 25);
    font: 119% bold,italic;
    height: 20%;
    left: 25%;
    position: relative;
    text-align: center;
    text-shadow: 3px 3px 3px rgb(255, 255, 255);
    top: -54%;
    float:left;
  }
  header.agb {
    height: 191px;
    width: 103%;
    margin-bottom: 10px;
    margin-top: -80px;
    top: auto;
  }
  #headline.agb {
    background-color: #87e3a44d;
    width: 96%;
    position: relative;
    top: 286px;
    left: 1px;
    margin-top: -11%;
    height: 50%;
    border-bottom: 3px dotted white;
    margin-bottom: 2px;
  }
  #wechselbild2.agb {
    top: 27%;
    margin-bottom: 2px;
    width: 100%;
    margin: 0 auto;
    left: 2%;
    height: 5%;
    position: relative;
  }
  #sprung.agb {
    display: block;
    float: left;
    position: relative;
    top:-240px;
    left: 320px;
  }
  #sidebar.agb {
    width: 83%;
    left:-17px;
  }
  #wasser.agb {
    position: relative;
    margin: -42% auto;
    font-size: 98%;
    width: 72%;
    padding-top: 93%;
    top: -28%;
    color: #362958;
    font-size: 124%;
    left: 20px;
  }
  header {
    height:213px;
    width: 100%;
    margin-bottom: 10px;
    margin-top: -57px;
    left: 2px;
    top: 2px;
  }
  header.allg {
    width: 99%;
    margin-bottom: 10px;
    margin-top: -1%;
    position: relative;
    top: 1px;
    height: 190px;
    left: -1px;
    background-color: #f5f5dc00;
  }
  #main {
    width:388px;
    margin-top:5px;
    height:auto;
    left: 93px;
    top: -67px;
    background-color: #d2facc00;
  }
  #main.fuss {
    width: 100%;
    height: 2400px;
    margin-top:-122px;
    top:2%;
    left: -14px;
  }
  #main.navi {
    width: 105%;
    background-color: #caf9c3;
    margin-top: -25%;
    margin-bottom: 10px;
    height: 3000px;
    left: 46%;
    top: -5%;
  }
  #main.imp {
    width: 92%;
    float: left;
    top: auto;
    margin-top: -1%;
    margin-bottom: 10px;
    height: 1126px;
    margin-top: 25%;
    left: -27px;
  }
  #dreieck {
    position:relative;
    top:27%;
  }
  h1.fuss {
    top: -94%;
    left:-16%;
    position: relative;
    font-family: serif;
    font-size: 228%;
    float: right;
  }
  #navyquer {
    display:none;
  }
  #sidebar,
  #sidebar1,
  #sidebar2,
  #spruchstart {
    width:90%;
    margin-top:10px;
    margin-bottom:10px;
  }
  #sprung {
    display: block;
    margin-top: -12%;
    float: right;
    margin-right: 7%;
    top: 103%;
  }
  #sprung.fuss {
    display: block;
    top: 26%;
    float: right;
    position: relative;
    margin-top: -58px;
    right: 27px;
    margin-right: -35%;
  }
  #sidebar.fuss {
    width: 84%;
    position: relative;
    height: 449px;
    margin-bottom: 10px;
    left: 3%;
    top: 2%;
  }
  #sidebar1.fuss {
    width: 88%;
    height: 500px;
    float: left;
    position: relative;
    padding: 20px;
    border-style: outset;
    border-radius: 20px;
    border-color: #B6FFA2;
    background-color: #DDEFDE;
    padding: 2%;
    margin-top: 10px;
    margin-bottom: 10px;
    left: 4%;
    top: 33%;
  }
  #wasser.fuss {
    position: relative;
    margin: -9% auto;
    font-size: 98%;
    width: 72%;
    padding-top: 93%;
    top: -9%;
    left: -35px;
  }
  #wechselbild2.fuss {
    position: relative;
    left: 0%;
    top: 11%;
    width: 99%;
    height: auto;
  }
  td.kurztextfuss {
    margin: -3%;
    font: 90%/1.2 serif;
    width: 90%;
    float: left;
    text-align: left;
    padding-bottom: 11px;
    margin-left: 10%;
  }
  #sidebar.imp {
    width: 74%;
    height: 382px;
    margin-top: 308px;
    left: -13%;
    top: 229px;
  }
  #wasser.imp {
    position: relative;
    margin: -9% auto;
    margin-top: -9%;
    margin-top: -9%;
    font-size: 119%;
    width: 72%;
    padding-top: 93%;
    margin-top: -72%;
  }
  #starttableindex {
    width:89%;
    top:-2%;
    margin-top:-1%;
    margin-bottom:55px;
    left: -2px;
    font-size: 80%;
    font-family: oblique;
    height: 442px;
  }
  #rankefuss {
    display: inline;
    position: absolute;
    top: -75%;
    left: 42%;
  }
  #spruchstart {
    height: 103%;
    position: relative;
    padding: 1%;
    background-color: #eb77e8;
    width: 99%;
    left: -1%;
    display: block;
    margin-left: -15%;
    margin-top: -7px;
    margin: 0 auto;
  }
  #footer {
    top: 12%;
    clear:both;
    width:99%;
    background-color: #C5FFB500;
    position:relative;
    margin-top: 5px;
    margin-bottom: 5px;
    height:155px;
    left: 12px;
  }
  #footer.fuss {
    top: 3%;
    clear: both;
    width: 100%;
    background-color: #9194CF00;
    position: relative;
    margin-top: 13px;
    margin-bottom: 5px;
    height: 300px;
    left: 3px;
  }
  #footer.imp {
    top: auto;
    clear: both;
    margin-bottom: 5px;
    left: 7%;
    height: 134px;
    margin-top: 20px;
    width: 90%;
  }
  #copy.fuss {
    width: 83%;
    left: -2%;
    top: auto;
    display: inherit;
    height: auto;
    padding: 24px;
    margin-top: -5px;
    margin-bottom: 20px;
    font-size: 103%;
  }
  #footer.allg {
    clear: both;
    width: 91%;
    background-color: #9194CF00;
    position: relative;
    margin-top: 9px;
    margin-bottom: 5px;
    height: 150px;
    margin-left: -6px;
    top: 129%;
  }
}
@media screen and (max-width:480px) {

    #copy.onlin {
    width: 98%;
    height: 150px;
      left: -25px;
  }
  
  #main.onlin {
    height: 1365px;
  }
  #table3.buch {
    width: 139%;
    left: -20%;
    height: auto;
    top: 324%;
  }
    table.buchen {
      width: 196%;
    top: 49%;
      left: -2%;
      height: 165%;
  }
  #buchen.termin {
    /*! margin-top: 54%; */
    left: -16%;
    width: 109%;
    /*! height: 20%; */
    top: 24%;
  }
  #medien.buchen {
    position: relative;
    width: 99%;
    top: auto;
    left: -26%;
    height: 99px;
    margin: 56% auto;
  }
  #auswahl.massage {
    width: 304px;
    font: 118% sans-serif;
    text-shadow: none;
    top: 23%;
    left: 11%;
    margin: 10% 0% 1% -62%;
  }
  #termine.bestät {
    display: inline-block;
    position: relative;
    top: -33%;
    /*! margin: 10% 12%; */
    left: -8%;
    width: 94%;
  }
  #sidebar.spez {
    width: 94%;
    margin-bottom: 30px;
    height: 240px;
    top: 19%;
    margin-top: 523%;
    display: inherit;
    margin-left: auto;
    left: -7%;
    margin: 329% auto;
  }
  #weitere.anfr {
    display: flex;
    width: 436px;
    margin: -17% -49% 1% 47%;
    justify-content: center;
    text-align: center;
  }

  #terminspez.allg,
  #tel_hoer.allg {
    top: 58%;
    width: 41%;
    margin-left: 18px;
    height: 28px;
    margin-top: 398px;
  } 
   #sprung.onlin {
    display: block;
    top: -94%;
    float: left;
    position: relative;
    left: 46%;
    margin-top: 20%;
  }
}
@media screen and (max-width: 437px) {
  #auswahl.massage {
    width: 376px;
    font: 134% sans-serif;
    text-shadow: none;
    top: 22%;
    left: 5%;
    margin: 10% 0% 1% -62%;
  }
 
  #weitere.anfr {
    display: block;
    width: 125%;
    margin: -17% -90% 1% 11%;
  }
}

@media screen and (max-width:428px) {
  #starttableindex.onlin {
    width: 59%;
    left: 9%;
    margin-top: 141px;
	  background: #d9d5d5;
	  
  }
  #weitere.anfr {
     top: 0%;
     width: 361px;
     padding-bottom: 31px;
     margin: -17% -21% 1% 11%;
  }
      #main.onlin {
    width: 96%;
    margin-top: 45%;
    margin-bottom: 12%;
    height: 1104px;
    top: 11%;
    left: -21px;
    background: #515b0973;
    padding-right: 11px;
	padding-bottom:312%;
	
  }
  table.buchen {
    display: table-cell;
    position: relative;
    width: 93%;
    top: 9%;
    left: 3%;
    height: 165%;
  }
  #terminstart.onlin {
    font: 106%/1.4 sans-serif;
    color: darkblue;
    left: -19%;
    position: relative;
  }
   #auswahl.massage {
    width: 153%;
    font: 124% sans-serif;
    text-shadow: none;
    margin: 16% 0% 1% 0;
    left: -2%;
  }
   label.massage {
    font: 138% sans-serif;
    text-shadow: none;
    padding: 1% 1%;
    left: 48%;
    width: 400px;
    margin: -19% -41%;
  }
    #form.termine {
    width: 128%;
    left: -37%;
}
    #buchen.termin {
    top: 28%;
    width: 95%;
    height: 15%;
    padding-top: 26px;
    display: flex;
    justify-content: center;
    text-align: center;
    left: 0;
    margin: 0;
  }
  #table3.buch {
    margin: 85% 0%;
    left: -10%;
    width: 127%;
  }
    #termine.bestät {
    display: inline-block;
    text-align: center;
    height: 96%;
    background: #80808000;
    font: 97%/1.4 sans-serif;
    width: 400px;
    margin: 0;
    left: 0;
    top: 0;
  }
   #auswahl.betreff {
    font: 62% sans-serif;
    margin: 13% 2% 2% -24%;
    left: 28%;
    width: 91%;
  }
    #copy.onlin {
    width: 98%;
    height: 150px;
    left: 0;
  }
}
@media screen and (max-width:424px) {
  label.auswahl {
    display: inline-block;
    font: 86%/1.2 sans-serif;
    margin: 1% 10%;
    position: relative;
    height: 44px;
    top: 63%;
    width: 368px;
  }
   select.buch {
    height: 44px;
    width: 448px;
    text-align: center;
    font: 90% sans-serif;
       left: 12%;
  }
   label.massage {
    font: 138% sans-serif;
    text-shadow: none;
    padding: 1% 1%;
    left: 0;
    width: 300px;
    margin: -19% -11%;
  }
    #auswahl.massage {
    width: 315px;
    font: 134% sans-serif;
    text-shadow: none;
    top: -3%;
    left: 37px;
    margin: 23% 0% 1% -91%;
  }
   header.onlin {
    height: 23%;
    width: 100%;
    left: -2%;
    margin-bottom: 20px;
    top: -1%;
    margin-top: 15%;
	background: #80660085;
	padding-bottom:20px;
  }
    #table3.buch {
    width: 108%;
    top: 237%;
    left: 2%;
    height: auto;
  }
   table.buchen {
    display: table-cell;
    position: relative;
    width: 305px;
    top: 5%;
    left: 12%;
  }
   label.tel {
    font-size: 80%;
    width: 172px;
    top: 6px;
    left: -32px;
  }
    label.email {
    font-size: 80%;
    width: 172px;
    top: 6px;
  }
  #table2 {
    left: -12%;
    top: 23%;
  }
   label.anrede {
    margin-bottom: -9px;
    top: 25px;
    height: 33px;
    width: 234px;
    left: -1px;
    margin: 1% -24%;
  }
    #weitere.anfr {
    top: 1%;
    left: -17%;
      margin: -22% -96% 1% 100%;
    background: #0000ff26;
  }
    #buchen.termin {
    top: 28%;
    left: -11%;
    width: 109%;
    margin-top: 7%;
    height: 350px;
  }
     select.buch {
        font: 95% / 1.4 sans-serif;
        color: darkblue;
        left: -11%;
        width: 133%;
    }
    #terminstart.onlin {
    font: 95%/1.4 sans-serif;
    color: darkblue;
    left: -11%;
    position: relative;
    width: 300px;
  }
  #footer.onlin {
    display: block;
    position: relative;
    top: auto;
    width: 93%;
    height: auto;
    margin-top: 555%;
    margin-left: -1%;
    background: none;
  }
  table.buch {
    width: 366px;
    height: 235px;
    padding:37px;
    margin:6% 10% 1% 1%;
    top: -14%;
    left: -8%;
  }
  #wrapper.spez {
    margin: 0 auto;
    height: 3000px;
    width: 98%;
    left: 2px;
    position: absolute;
    top: 2px;
  }
  #termine.bestät {
    width: 91%;
    top: -76%;
    margin: 73% 4%;
    font: 105%/1.6 sans-serif;
    height: 97%;
    padding-top: 6%;
  }
  #termine.online {
    display: flex;
    position: relative;
    width: 87%;
    height: 59px;
    /*! margin: 0 auto; */
    left: 1%;
    top: 3%;
    justify-content: center;
    text-align: center;
  }

  #medien.buchen {
    position: relative;
    width: 99%;
    top: 112%;
    left: -26%;
    height: 167px;
    margin: 120% auto;
  }
  #terminspez.allg,
  #tel_hoer.allg {
    top: 320%;
    width: 59%;
    margin-left: -8px;
    height: 28px;
    margin-top: 398px;
    left: 87px;
  }
  #starttableindex.onlin {
    padding-right: 10%;
    position: relative;
    margin-bottom: 0px;
    left: 9%;
    top:1%;
    padding-bottom: 211%;
	  background: #e3e1e1;
  }
  #sprung.onlin {
    display: block;
    top: -28%;
    float: left;	
    position: relative;
    left: 6%;
    margin-top: 20%;
	background:linear-gradient(to right, #e93cec99 0%, #80172f 99%);
    height: 26px;
	width:247px; 
	}
  #headline.onlin {
    width: 90%;
    top: 34%;
    position: relative;
    height: 146px;
    left: 0%;
  }
  #spruchstart.onlin {
    width: 84%;
    height: 360px;
    left: 23%;
    top: 6%;
    margin-top: 0%;
    border: 1px outset #352c66;
  }
  #sidebar.onlin {
    width: 91%;
    height: 365px;
    float: right;
    padding: 20px;
    margin-bottom: 2px;
    left: -3%;
    margin-top: 395%;
  }
  #medien.onlin {
    width: 99%;
    top: 129%;
    height: 99px;
    margin-top: 20px;
    margin-bottom: 20px;
    position: absolute;
    left: -21%;
    margin: 0 auto;
  }
  #wechselbild3.imp {
    position: relative;
    top: -13px;
    left: -21px;
    width: 106%;
  }
   #main.onlin {
    width: 100%;
    margin-bottom: 58px;
    height: 92%;
    position: relative;
    top: 24%;
    left: -12px;
    margin: 0 auto;
    background: #657305d9;
    padding-right: 9px;
    padding-bottom: 312%;
  }
  #navyquer ul.top > li {
    display: inherit;
    background-color: #bd5abc;
    border-bottom: 1px dotted grey;
    margin: 0 auto;
    border-radius: 10px;
    max-width: 258px;
    width: 111px;
    height: auto;
    text-align: center;
  }
  #telklick.imp {
    height: 22px;
    padding-top: 0px;
    margin-top: 21%;
    padding-left: 63px;
    position: absolute;
    top: 55%;
    left: 7px;
    color: white;
    font-size: 94%;
  }
  #wasser.allg {
    position: absolute;
    margin: -15% auto;
    font-size: 131%;
    width: 59%;
    padding-top: 93%;
    top: -13%;
    left: 14px;
    color: #5a0e5a;
    text-shadow: -1px 2px 2px aliceblue;
  }
  #headline.allg {
    width: 92%;
    left: 1px;
    margin-top: 19%;
    height: 52%;
    margin-bottom: 2px;
    top: 76%;
  }
  #tel_hoer {
    display: block;
    position: relative;
    top: 22px;
    left: 2px;
    width: 70%;
    margin: 0 auto;
  }
  #wrapper.onlin {
    width: 98%;
    margin: 0 auto;
    height: 1261px;
    top: -54px;
    left: 6px;
  }
  #wasser.imp {
    position: relative;
    margin: -12% auto;
    margin-top: -12%;
    font-size: 122%;
    width: 74%;
    padding-top: 93%;
    margin-top: -78%;
  }
  #copy.raumstart {
    height: 126px;
    margin-bottom: 1px;
    opacity: 1.0;
    padding: 1%;
    padding-top: 1%;
    padding-top: 20px;
    left: -16%;
    top: 179px;
    width: 73%;
    margin-top: 691px;
    padding: 14px;
  }
  #main.allg {
    width: 306px;
    margin-top: 227px;
    margin-bottom: 58px;
    height: 2000px;
    position: absolute;
    left: -58px;
  }
  #sidebar.imp {
    width: 74%;
    height: 382px;
    margin-top: 327px;
    left: -21%;
    top: 463px;
  }
  #terminspez.allg {
    position: relative;
    background-color: #bb00ffba;
    text-align: center;
    border-radius: 8px;
    border-style: outset;
    opacity: 1.0;
    top: 1537px;
    margin-top: 409%;
    margin: 0 auto;
    width: 300px;
    left: 1px;
  }
  #spruchstart.agb {
    height: 90%;
    left:-1px;
  }
  #wasser {
    top: -86%;
    text-align: center;
    margin: 0 auto;
    position: relative;
    left: 2%;
  }
  #headline.agb {
    background-color: #87e3a40a;
    width: 96%;
    position: relative;
    top: 186px;
    left: 10px;
    margin-top: -11%;
    height: 50%;
    border-bottom: 3px dotted white;
    margin-bottom: 2px;
  }
  copy.agb {
    margin: 0 auto;
    left: -2%;
    top: -5%;
    padding: 9px;
    width: 80%;
    display: inherit;
    height: 50px;
  }
  #main.agb {
    width: 98%;
    float: left;
    background-color: #caf9c3;
    top: 5%;
    margin-top: -108px;
    margin-bottom: 10px;
    left: 83px;
  }
  #willk {
    position: relative;
    display: inline;
    top: 55px;
    left: 19px;
  }
  #herz.mob {
    display: block;
    color: #0C7019E0;
    height: auto;
    text-shadow: -2px 2px 2px;
    position: relative;
    margin-top: -41%;
    left: 2px;
    float: left;
    top: 45%;
    width: 96%;
  }
  #rankefuss.allg {
    display: inline;
    position: absolute;
    top: 41%;
    left: 60%;
    width: 21%;
  }
  #sidebar.bau {
    width: 61%;
    height: 312px;
    float: right;
    position: relative;
    padding: 9px;
    border-style: outset;
    border-radius: 20px;
    border-color: #B6FFA2;
    background-color: #DDEFDE;
    margin-bottom: 2px;
    margin-top: 11%;
    left: -36%;
    top: -55%;
  }
  #bild3.allg {
    position: relative;
    width: 75%;
    top: 23px;
    margin-top: 1px;
    margin-bottom: 50px;
    margin-left: 4%;
    border-style: outset;
    padding: 4px;
    color: white;
  }
  #abhylink {
    position: relative;
    left:-62px;
    display: block;
    top: -14px;
    width: 450px;
  }
  ul.start {
    display: inline-block;
    position: absolute;
    width: 278px;
    left: 18px;
    list-style: none;
  }
  #klasslink {
    position: relative;
    left:14px;
    top:16px;
  }
  #ruecklink {
    position: relative;
    left: 41px;
    top: -1px;
    display: inline-block;
    width: 150px;
  }
  #fusslink {
    position: relative;
    left: 165px;
    top: -24px;
    display: block;
  }
  #kontaktlink {
    position: relative;
    left: -6px;
    top: 2500px;
    text-decoration: underline;
  }
  #bild.marma {
    position: relative;
    display: block;
    top: 121px;
    font-size: 158%;
    left: 4px;
    width: 300px;
  }
  #bild.garschan {
    position: relative;
    display: block;
    top: -4px;
    font-size: 150%;
    left: 184px;
    background: #add8e600;
  }
  #wechselbild2.mob {
    position: absolute;
    left: 16%;
    top: 52px;
    width: 94%;
    margin-top: -59px;
    margin-left: -57px;
  }
  header.allg {
    width: 99%;
    margin-bottom: 10px;
    margin-top: -11%;
    position: relative;
    top: 69px;
    height: 148px;
    background: #add8e600;
    left: -3px;
  }
  #dreieck.spez {
    position: relative;
    top: -2px;
    left: 14%;
    width: 28%;
    margin-top: 21%;
  }
  #bild.allg {
    display: block;
    position: absolute;
    width: 31%;
    top: -12%;
    margin-top: 47%;
    margin-bottom: 20px;
    left: 60%;
    height: auto;
  }
  #fruehangeb {
    position: absolute;
    color: white;
    font-size: 132%;
    font-style: oblique;
    display: block;
    left: 9%;
    font-family: serif;
    width: 111px;
    text-align: center;
    top: auto;
    background: #80808000;
    margin-top: -168px;
  }
  #starttableindex {
    width: 93%;
    top: 4%;
    margin-top: 21px;
    margin-bottom: 10px;
    left: -2%;
    height: 362px;
    padding-bottom: 62px;
    font: 109%/1.4em sans-serif;
  }
  #dreieck.navi {
    position: relative;
    margin-top: -124%;
    left: 9%;
    top: 547px;
    margin-left: 30px;
  }
  #navyquer ul.top {
    display: block;
    border-radius: 10px;
    color: #fff0;
    width: auto;
    clear: both;
    background-color: #e6aae500;
    left: -77%;
    float: left;
    background: #add8e600;
    margin-left: 1%;
    position: relative;
    top: -528px;
  }
  ul.rueklass {
    position: relative;
    text-align: center;
    margin-left: -3%;
    margin-top: -6px;
    font-style: inherit;
    font-size: 97%;
  }
  #navyquer.nurmenue {
    display: inherit;
    top: 349px;
    margin-top: -554px;
    text-align: center;
    margin-left: -4px;
    position: relative;
    background: #e6adcd00;
    left: -5%;
    height: auto;
    width: 108%;
  }
  #dreieck.mob {
    margin-left: 4%;
    max-width: 200px;
    left: -2%;
    top: -9%;
    position: relative;
    margin-top: 52px;
    width: 31%;
  }
  #startfuss.mob {
    width: 107%;
    font: 115%/1.2 serif;
    top: -16px;
    position: relative;
    left: -27px;
  }
  #startmobil {
    position: relative;
    width: 106%;
    top: auto;
    margin-top: 20px;
    left: -7px;
  }
  header.mob {
    height: 212px;
    width: 99%;
    margin-bottom: 25px;
    margin-top: 2px;
    top: auto;
  }
  #headline.spez {
    background-color: #87e3a400;
    width: 98%;
    position: absolute;
    left: 1px;
    margin-top: 18%;
    height: 34%;
    margin-bottom: 2px;
    top: -84px;
    border-bottom: none;
  }
  #sprung.spez {
    margin-top: 47%;
    width: 43%;
    display: block;
    text-align: center;
    left: 27px;
    margin-bottom: 10px;
    margin-left: -19px;
    position: relative;
    float: left;
    top: -73px;
    font-variant: small-caps;
    font-size: 133%;
    padding-left: 20px;
  }
  #termin.mobil {
    width: 279px;
    margin-top: 21%;
    padding-left: 37px;
    margin-right: 2%;
    position: relative;
    top: -303px;
    display: inherit;
    float: left;
    left: 8%;
    text-align: center;
    background: #93958cd9;
    height: 4px;
    border-radius: 16px;
    padding-top: 11px;
    font-size: 114%;
    border: #909690;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-style: outset;
    font-family: navi;
    color: #1c216e;
  }
  #sidebar.spez {
    width: 96%;
    padding: 18px;
    margin-bottom: 5px;
    height: 300px;
    top: 8%;
    margin-top: 379%;
    left: 0%;
    display: inherit;
    position: absolute;
    margin-top: 2005px;
  }
  h1.imp {
    margin-left: -4%;
    position: relative;
    font-family: serif;
    font-size: 228%;
    margin-top: 49px;
    margin-bottom: 50px;
    left: -110px;
    position: relative;
    top: -132px;
  }
  #main.allg {
    width: 99%;
    margin-top: -8px;
    margin-bottom: 58px;
    height: 2500px;
    position: relative;
    top: auto;
    left: 2px;
    margin: 0 auto;
  }
  #wechselbild10.allg {
    width: 211px;
    margin-left: 58%;
    margin-top: -58%;
    margin-bottom: 10px;
    float: left;
  }
  #wechselbild2.fuss {
    position: relative;
    left: -4%;
    top: -37%;
    width: 109%;
    margin-top: auto;
  }
  #spruchstart {
    height: 100%;
    position: relative;
    padding: 1%;
    background-color: #c960e7;
    width: 100%;
    left: 8%;
    display: block;
    margin-left: -16%;
    margin-top: 0px;
  }
  #starthome {
    width: 87%;
    margin: 0 auto;
    padding-right: 1px;
    text-align: center;
    font-family: time;
    font-size: 116%;
    left: -38px;
    position: relative;
  }
  #dreieck.imp {
    position: relative;
    margin-top: 11%;
    left: 7%;
    top: -39px;
  }
  #sprung.imp {
    margin-top: -17%;
    float: left;
    margin-left: 0%;
    left: 15%;
    position: relative;
    top: 52px;
  }
  #sprung.fuss {
    float: left;
    position: relative;
    left: 3px;
    width: 92%;
    text-align: center;
    padding-left: 2px;
    top: 86px;
    display: block;
    margin-top: -70px;
    margin-bottom: 10px;
    margin-left: auto;
  }
  #starttableklass.allg {
    width: 65%;
    padding-top: 41px;
    padding-left: 118px;
    top: auto;
    left: -5px;
    height: 1150px;
    margin-bottom: 20px;
    margin-top: 133px;
  }
  #starttableklass.spez {
    width: 72%;
    padding-top: 41px;
    padding-left: 49px;
    top: auto;
    left: auto;
    height: auto;
    margin-bottom: 19px;
    margin-top: 16px;
    margin-left: -31px;
    margin: 0 auto;
  }
  #starttableindex.imp {
    left: -16%;
    margin-top: 23%;
    float: left;
    margin-bottom: 4%;
    padding-right: 5%;
    padding-bottom: 18px;
    padding-top: 1%;
    width: 68%;
    padding-left: 13%;
    height: auto;
    top: -53%;
    margin-top: -8%;
  }
  #sidebar.term {
    width: 90%;
    height: 363px;
    float: right;
    position: relative;
    padding: 20px;
    margin-bottom: 50px;
    margin-top: 23px;
    left: 7%;
    top: -1%;
    display: block;
    padding: 4%;
    margin-right: 10%;
  }
  #sidebar.allg {
    width: 18%;
    height: 240px;
    float: right;
    position: relative;
    padding: 20px;
    border-style: outset;
    border-radius: 20px;
    border-color: #B6FFA2;
    background-color: #DDEFDE;
    margin-bottom: 2px;
    top: 134%;
    right: 18%;
    margin-top: 5%;
  }
  header.navi {
    height: 197px;
    width: 104%;
    margin-bottom: 10px;
    left: -6%;
    margin-top: 51px;
    top: -74px;
    background: #ffffe000;
  }
  #wechselbild2.navi {
    position: absolute;
    left: 22%;
    top: 84px;
    width: 100%;
    margin-top: -79px;
    margin-left: -74px;
  }
  #wechselbild3.fuss {
    display:block;
    width: 93%;
    top: 0%;
    left: 4%;
    margin-top: -43px;
  }
  #starttableklass {
    width: 81%;
    height: auto;
    padding-top: 10%;
    padding-left: 60px;
    top: 5px;
    left: auto;
  }
  #sprung.mobile {
    display: block;
    float: right;
    position: relative;
    top: -321px;
    margin-top: -341%;
    left: 4px;
    margin-bottom: 20px;
    width: 76%;
    height: 30px;
  }
  #wrapper.imp {
    width: 99%;
    height: auto;
    left: -33px;
  }
  #dreieck {
    position: relative;
    top: -63%;
    width: 50%;
    left: -5px;
    width: 125px;
  }
  #dreieck.allg {
    position: relative;
    top: 160px;
    left: 10%;
    margin-top: -141px;
    max-width: 62%;
  }
  #startfuss {
    position: relative;
    width: 80%;
    margin-left: 24px;
    font-size: 104%;
  }
  #gutschein.mobile {
    position: absolute;
    top: auto;
    left: 108px;
    width: 71%;
  }
  #spruchallg {
    height: 230px;
    margin-left: -2%;
    margin-top: 149px;
    top: auto;
    width: 97%;
    position: relative;
  }
  #starttableindex.allg {
    margin-top: 46px;
    padding-right: 3%;
    margin-bottom: -26px;
    left: -12%;
    width: 95%;
    height: auto;
    font-size: 85%;
    margin-top: auto;
    top: 1%;
    font-family: serif;
    position:relative;
    border-color: #c1bcbc;
  }
  header.agb {
    height: 191px;
    width: 103%;
    margin-bottom: 10px;
    margin-top: -80px;
    top: auto;
    left: -16px;
    position: relative;
  }
  #starttablemobil {
    width:64%;
    top: auto;
    position: relative;
    left: auto;
    margin-left: 10px;
    margin-top: -4px;
    margin-bottom: 16px;
  }
  #starthome.ganz {
    width: 119%;
    margin-left: auto;
    padding-right: 1px;
    text-align: center;
    margin-left: -16%;
    margin-top: -49px;
    display: block;
    top: 22px;
    font-family: sans-serif;
    font-size: 100%;
    left: -58px;
  }
  #sidebar.agb {
    width: 86%;
    left: -11px;
    height: 550px;
    top: -114px;
    margin-top: -9%;
  }
  #wechselbild1.mass {
    position: relative;
    left: auto;
    top: -284px;
    margin-top: 58px;
    width: auto;
    margin-left: 11%;
    margin-right: 6%;
  }
  h1.mobile {
    text-shadow: 3px 3px 3px #fff;
    padding-left: 18%;
    position: relative;
    font-family: serif;
    font-size: 94%;
    color: #261f7b;
    top: 0%;
    font-style: italic;
    left: 0%;
    width: 68%;
    margin-top: -4%;
  }
  h1.navi {
    font-size: 291%;
    color: navy;
    height: 20%;
    font-weight: bold;
    font-style: italic;
    margin-top: 8px;
    margin-left: 4px;
    display: flex;
    flex-flow: column;
    text-align: center;
    top: -111px;
    position: relative;
    left: 33px;
    width: 200px;
  }
  h1.allg {
    position: relative;
    font-family: serif;
    font-size: 221%;
    color: navy;
    text-shadow: 3px 3px 3px #fff;
    margin-top: -21%;
    width: 300px;
    top: auto;
    left: -35%;
  }
  h1.rueallg {
    font-size: 222%;
    color: navy;
    font-weight: bold;
    font-style: italic;
    top: 75%;
    left: -5%;
    margin-top: 15px;
    margin-bottom: 10px;
    height: 110px;
    width:280px;
    position: relative;
  }
  #main.navi {
    width: 100%;
    background-color: #f9c3f100;
    margin-top: 144px;
    margin-bottom: 10px;
    height: 800px;
    left: -3%;
    top: 6%;
    margin: 56% -17%;
  }
  #wechselbild3.cookie {
    left: -3%;
    top: auto;
    width: 100%;
    margin-bottom: 10px;
    position: relative;
  }
  #wechselbild1.allg {
    width: 229px;
    margin-left: 16%;
    margin-top: -83px;
    margin-bottom: 10px;
    float: left;
    top: 332px;
  }
  #spiegelranke {
    position: relative;
    top: -144%;
    left: -1px;
    background-color: #caf9c300;
    height: 131px;
    margin-top: 16px;
    margin-bottom: 57px;
  }
  #sprung.allg {
    margin-top: 1px;
    width: 251px;
    text-align: center;
    left: 18px;
    margin-bottom: 10px;
    top: -18px;
    padding-right: 26px;
    margin: 0 auto;
  }
  #wechselbild2.advent {
    position: absolute;
    left: 14%;
    top: 57px;
    width: 94%;
    margin-top: -59px;
    margin-left: -57px;
  }
  h4.abyanga {
    color: rgb(12, 112, 25);
    font: 119% bold,italic;
    height: 20%;
    left: 10%;
    position: relative;
    text-align: center;
    text-shadow: 3px 3px 3px rgb(255, 255, 255);
    top: -122%;
    float: left;
  }
  #copy.raumnav {
    padding: 19px;
    border-style: outset;
    top: -69%;
    margin-top: 176px;
    margin-left: 7%;
    display: block;
    width: 86%;
    height: auto;
    left: 61px;
    font: 74%/1.2 sans-serif;
  }
  #navyquer.navi {
    width: 102%;
    margin-top: 1px;
    left: 1%;
    background-color: #caf9c3;
    top: -32%;
    clear: both;
    height: 454px;
    display: initial;
    position: relative;
  }
  #wechselbild4.fuss {
    display: none;
    width: 93%;
    top: -1%;
    left: 1%;
    position: relative;
  }
  #wechselbild7.fuss {
    display: block;
    width: 105%;
    top: -13%;
    left: -4%;
    position: relative;
  }
  #sprung.abhy {
    display: block;
    top: -7%;
    float: right;
    position: relative;
    right: 21%;
    margin-top: 51px;
    margin-right: 92%;
  }
  #wasser.abhy {
    position: relative;
    margin: -9% auto;
    font-size: 102%;
    top: -38%;
    width: 41%;
    left: 25%;
  }
  #wechselbild1.start {
    width: 89%;
    margin-left: -53%;
    margin-top: 1%;
    float: left;
    top: 93px;
    left: 107px;
  }
  #sidebar.abhy {
    width: 86%;
    height: 358px;
    float: right;
    position: relative;
    padding: 20px;
    border-style: outset;
    border-radius: 20px;
    border-color: #B6FFA2;
    background-color: #DDEFDE80;
    margin-bottom: 2px;
    top: 1%;
    left: -2%;
  }
  #sidebar.allg {
    width: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 18px;
    margin-bottom: 5px;
    height: 312px;
    top: auto;
    margin-top: 16%;
    left: 2%;
    display: inherit;
  }
  #ampel.abhy {
    top: -209%;
  }
  #wechselbild2a.abhy {
    position: relative;
    top: -96px;
    left: -66px;
  }
  #ampel.abhy {
    top: -337%;
  }
  #wechselbild2a.abhy {
    position: relative;
    top: -81px;
    left: -83px;
  }
  #wrapper {
    height: auto;
  }
  #wrapper.fuss {
    margin-left: 1%;
    height: 2541px;
  }
  #wrapper.navi {
    width: 96%;
    height: 1200px;
    top: -7px;
  }
  #headline.fuss {
    background-color: #c6f8bf80;
    width: 100%;
    position: relative;
    top: 166px;
    left: 1px;
    margin-top: 29%;
    height: 85px;
    margin-bottom: 1px;
  }
  #sprung.agb {
    display: block;
    float: right;
    position: relative;
    width:258px;
    text-align: center;
    left:-1%;
    top:-45px;
    font: 135% serif;
    text-shadow: -1px 1px 1px #f1efea;
    padding-right: 10px;
    font-variant: small-caps;
    border-style: ridge;
  }
  #starttableindex.agb {
    left: 1%;
    position: relative;
    margin-top: 1%;
    float: left;
    margin-bottom: 4%;
    padding-bottom: 50px;
    padding-top: 13%;
    width: 70%;
    padding-left: 23%;
    height: auto;
    top: -19%;
    margin-left: 13px;
    font-size: 90%;
  }
  #dreieck.fuss {
    margin-left: 4%;
    width: 111px;
    left: 18%;
    top: 68%;
    position: relative;
  }
  #dreieck.online {
    margin-left: 4%;
    width: 111px;
    left: -1%;
    top: -35%;
    position: relative;
  }
  #main {
    width:100%;
    margin-top: auto;
    margin-bottom: 10px;
  }
  #main.mob {
    width: 98%;
    margin-top: auto;
    margin-bottom: 10px;
    height: auto;
    top: auto;
  }
  #main.fuss {
    width: 100%;
    height: 2175px;
    margin-top: 23px;
    top: -1%;
    left: -14px;
  }
  #spruchstart.fuss {
    height: 95%;
    position: relative;
    padding: 4%;
    width: 92%;
    right: 12%;
    display: block;
    margin-left: 12%;
    margin-top: -3px;
    background: linear-gradient(to right, #a6b32780 0%,#263b0099 99%);
    background-color: rgba(0, 0, 0, 0);
      }
  #main.imp {
    width: 99%;
    float: left;
    top: 2%;
    margin-top: 14%;
    margin-bottom: 10px;
    height: 1200px;
    left: -16px;
  }
  header {
    height:179px;
    width: 103%;
    margin-bottom: 5px;
    margin-top: -79px;
    top: auto;
  }
  header.fuss {
    height: 162px;
    width: 90%;
    margin-bottom: 10px;
    left: -31px;
  }
  #wasser.agb {
    position: relative;
    margin: -42% auto;
    font-size: 98%;
    width: 72%;
    padding-top: 93%;
    top: -22%;
    color: #362958;
    font-size: 124%;
    left: auto;
  }
  #herzlich1 {
    position: relative;
    top: 2%;
    left: -5%;
    width: 90%;
  }
  #dreieck.kontakt {
    margin-left: 4%;
    max-width: 200px;
    left: -4%;
    top: -9%;
    position: relative;
    width:48%;
    font-size: 13px;
    margin-top: 2px;
  }
  h1.fuss {
    top: -3px;
    left:5%;
    position: relative;
    font-family: serif;
    font-size: 228%;
    float: left;
  }
  h1.fuss {
    top:-177%;
    left:2% top: 5%;
    left: 12%;
    position: relative;
    font-family: serif;
    font-size: 228%;
    float: left;
  }
  h5.fuss {
    left: 33%;
    margin-top: -54%;
  }
  #rankefuss.mobil {
    display: inline-flex;
    position: relative;
    top: -22%;
    left: auto;
    margin-right: 7%;
    width: 30%;
    float: right;
  }
  #footer.navi {
    top: auto;
    clear: both;
    width: 100%;
    background-color: #9194CF00;
    position: relative;
    margin-top: 58px;
    margin-bottom: 5px;
    height: 188px;
    left: 4px;
    background-color: #f5f5dc00;
  }
  #copy.navi {
    width: 77%;
    height: 130px;
    margin-top: auto;
    top: auto;
    left: -1%;
    display: inherit;
    position: absolute;
    margin-left: 12%;
  }
  #copy.moballg {
    top: auto;
    left: 4px;
    width: 79%;
    margin-top: 30px;
  }
  #footer.allg {
    clear: both;
    width: 96%;
    background-color: #9194CF00;
    position: relative;
    margin-top: 10%;
    margin-bottom: 5px;
    height: auto;
    margin-left: -30px;
    top: 144%;
    background: #add8e600;
  }
  #copy.home {
    width: 89%;
    margin: 0 auto;
    left: 2%;
    top: 547%;
    padding: 9px;
    display: inline;
    position: absolute;
    height: 80px;
  }
  #copy.allg {
    width: 89%;
    margin: 0 auto;
    left: 1%;
    top: auto;
    padding: 9px;
  }
  #copy.allg {
    top: auto;
    width: 95%;
    left: 3px;
    height:115px;
  }
}
@media screen and (max-width: 399px) {
  #wrapper.onlin {
    width: 530px;
    margin: 0 auto;
    height: 1261px;
    top: -54px;
    left: 6px;
  }
  #buchen.termin {
    width: 325px;
    left: auto;
    height: 420px;
    margin-left: 51%;
  }
   table.buchen {
    display: table-cell;
    position: relative;
    width: 305px;
    top: 5%;
    left: 13%;
  }
    #terminstart.onlin {
    font: 95%/1.4 sans-serif;
    color: darkblue;
    left: -41%;
    position: relative;
    width: 300px;
  }
   label.massage {
    display: flex;
    width: 75%;
    font: 138% sans-serif;
    text-shadow: none;
    left: 0;
    padding: 1% 1%;
    top: 63%;
    height: 37px;
  } 
      #weitere.anfr {
        top: -1%;
        left: 11px;
        width: 352px;
        background: #0839982e;
    }
  table.medien {
    top:-20%;
    width: 134%;
    padding-left: 59px;
    height: auto;
    text-align: center;
  }
  #table3.buch {
    width: 108%;
    left: 8%;
    height: auto;
    top: 166%;
  }
 
  #termine.weitere {
    top: -669%;
    left: -198%;
    width: 312%;
    height: 127%;
  }
     select.buch {
        top: -2%;
        left: -4%;
    }
  form.buchen {
    left: -40%;
    position: relative;
    width: 240%;
  }
  #termine.online {
    display: flex;
    position: relative;
    width: 96%;
    height: 68px;
    margin: 0 auto;
    left: 2%;
    top: 3%;
  }
  #starttableindex.onlin {
    padding-right: 10%;
    position: relative;
    margin-bottom: 0px;
    left: 4%;
    top: 1%;
    width: 33%;
    border: #7d7d4d;
  }
  header.onlin {
    height: 18%;
    width: 74%;
    left: -2%;
    margin-bottom: 20px;
    top: -1%;
    margin-top: 15%;
  }
  #form.termine {
    display: flex;
    margin: 0 auto;
    height: auto;
    width: 53%;
    top: 8%;
    position: relative;
    left: -25%;
  }
  #auswahl.massage {
    left: 19%;
    width: 87%;
    font-size: 113%;
    height: 48px;
    top: 8%;
  }
  #termine.bestät {
    top: -58%;
    height: 370px;
  }
  #medien.buchen {
    position: relative;
    width: 110%;
    top: -18%;
    left: -25%;
    height: 99px;
    margin:128% auto;
  }
 
  table.buch {
    width: 366px;
    height: 235px;
    padding:37px;
    margin:6% 10% 1% -8%;
    top: -14%;
  }
  #auswahl.betreff {
    font:62% sans-serif;
    width: 92%;
    left: 26%;
    margin:8% 2% 2% -19%;
  }
  #table2 {
    width: 85%;
    left: -26%;
    top: 7%;
    text-align: left;
  }
}
@media screen and (max-width: 393px) {
  #table3.buch {
    width: 108%;
    left: 8%;
    height: auto;
    top: 191%;
  }
}
@media screen and (max-width: 390px) {
  #buchen.termin {
    width: 342px;
    height: 420px;
    top: 30%;
  }
    #weitere.anfr {
    top: 2%;
    left: 114%;
    width: 343px;
    background: #0839982e;
  }
  
    #table3.buch {
    width: 108%;
    height: auto;
  }
    #termine.online {
    display: flex;
    position: relative;
    width: 96%;
    margin: 0 auto;
    left: 2%;
  }
}
@media screen and (max-width: 384px) {
     #weitere.anfr {
        top: 2%;
        left: 125%;
        background: #0839982e;
        width: 349px;
        padding: 10px 36px;
    }
    #termine.online {
    display: flex;
    position: relative;
    width: 96%;
    margin: 0 auto;
    left: 2%;
      padding: 5px 20px;
  }
   #buchen.termin {
    width: 342px;
    height: 420px;
  }
    select.buch {
    top: -12%;
    left: -4%;
      width: auto;
  }
   #termine.bestät {
    top: -58%;
    height: 370px;
    padding-left: 6%;
  }
   #terminstart.onlin {
   padding-left: 27px;
  }
  
    #sprung.onlin {
    display: block;
    top: -101%;
       position: relative;
    left: 20%;
    margin-top: 20%;
  }
   #starttableindex.onlin {
       margin-bottom: 0px;
    left: 4%;
    top: 1%;
    width: 36%;
       padding-right: 12%;
      }
  }
@media screen and (max-width: 364px) {
  h1.onlin {
    color: #261f7b;
    top: auto;
    left: -8%;
    width: 306px;
    margin-top: -70px;
    font-size: 226%;
  }
}
@media screen and (max-width: 360px) {
  #buchen.termin {
    width: 342px;
    height: 420px;
    top: 30%;
    margin-left: 12%;
  }
  #auswahl.betreff{
    left: 25%;
    width: 88%;
  }
   h1.onlin {
    color: #261f7b;
    top: auto;
    left: -9%;
    width: 306px;
    margin-top: -56px;
    font-size: 206%;
  }
   #starttableindex.onlin {
    padding-right: 10%;
    position: relative;
    margin-bottom: 0px;
    left: 5%;
    top: 1%;
    width: 33%;
    }
    table.buchen {
    display: table-cell;
    position: relative;
    width: 305px;
    top: 5%;
    left: 3%;
  }
    #wechselbild2.onlin {
    width: 94%;
    left:-4px;
    top: 2%;
  }
}