@font-face {
  font-family: GreatVibes-Regular;
  src: url(./font/GreatVibes-Regular.otf) format('otf'),
  url(./font/GreatVibes-Regular.ttf) format('truetype'),
  url(./font/GreatVibes-Regular.woff) format('woff'),
  url(./font/GreatVibes-Regular.woff2) format('woff2');
}
h1.allg {
  font-family: GreatVibes, tiflis, serif;
}
* {
  padding:0;
}
body,
html {
  font:104% serif;
  background-repeat:no-repeat;
  padding:5px;
  margin:0 auto;
  height:auto;
  width:100%;
  left:-1px;
  position:relative 
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family:serif;
}
h1.rueallg {
  font-family: tiflis, serif;
  top:-46%;
  left:-8%;
  font-size:400%;
  width: 81%;
  font-size: 490%;
  color: #750678;
}
a.tel {
  color:white;
  display:block;
  position:relative;
  top:14px;
  left:-54px 
}
img {
  max-width:101% 
}
header,
nav,
footer,
hgroup,
details {
  display:block;
}
header {
  width:100%;
  background-image:url(2023-05Magno_pano_pixelred.jpg);
  background-repeat:no-repeat;
  background-attachment:fixed;
  margin-bottom:10px 
}
#prax {
  text-align:center 
}
ol {
  display:inline 
}
@media screen and (max-width:2560px) {
  #pfeil.rueallg {
    opacity: 0.8;
    top:40%;
    margin-bottom: 0;
    float: right;
    position: fixed;
    float: right;
    right: 153px;
    width: 30px;
  }
  #medien.rueallg {
    height: 200px;
    width: 25%;
    display: inline-block;
    position: relative;
  }
  #navyquer.rueckallg ul.top {
    color: #008000;
    font-family:serif;
    list-style-type: none;
    padding: 0%;
    display: flex;
    position: relative;
    top: 0px;
    border-radius:10px;
    opacity:1.0;
    justify-content: center;
    left: 27%;
    width: 64%;
  }
  #navyquer.rueckallg {
    height: 71px;
    top: 4%;
    margin: -26% auto;
    width: 99%;
    display: flex;
    justify-content: center;
    left: 4%;
  }
  header.rueck {
    top:2%;
    left:4%;
    height: 500px;
    display: inline-block;
    position: relative;
    width: 98%;
    background: #ceb555ad;
  }
  a.allabhyopt {
    top:-16%;
    position: relative;
    text-align: center;
    font-size: 104%;
    font-family: chopin script, serif;
  }
  a.allmarmopt {
    display: table-cell;
    width: 700px;
    top: -16%;
    position: relative;
    text-align: center;
    font-size: 123%;
    font-family: chopin script, serif;
    left: -3%;
  }
  a.allklassopt {
    display: table-cell;
    width: 700px;
    height: auto;
    top:-16%;
    position: relative;
    text-align: center;
    font-size: 104%;
    font-family: chopin script, serif;
    left:-48%;
  }
  #marmalinkopt {
    display: inherit;
  }
  #oelmassagen.option {
    display:inline-block;
    position: relative;
    width: 80%;
    height: auto;
  }
  table.ganzkoerper {
    display: table-cell;
    position: relative;
    width: 1200px;
    height:800px;
  }
  td.klasslink {
    display: table-cell;
    position: relative;
    width: 750px;
    height: 89px;
  }
  td.abhyopt {
    display: inherit;
    position: relative;
    height: 40px;
  }
  td.optmarma {
    display: table-cell;
    position: relative;
    width: 80%;
    height: 50px;
  }
  #viererbild.kontakt {
    display: none;
    position: relative;
    width: 60%;
    height: auto;
    top:22%;
    left:10%;
  }
  wrapper.spez {
    background:#add8e600;
  }
  #navyoben.anfr {
    display: block;
    position: relative;
    top:-42%;
    margin:12px 1% 12px 17%;
  }
  #navyoben.allg ul.oben {
    display: flex;
    float:right;
    position: relative;
    width:58%;
    background-color:#f5e8b900;
    overflow:hidden;
    height: 3%;
    list-style-type: none;
    padding: 5px 10px;
  }
  ul.oben li.oben {
    background-color:#f5e8b50d;
    list-style-type: none;
    text-decoration:none;
  }
  #navyoben.allg .oben a {
    display: flex;
    width: auto;
    padding:5px 58px;
    font:134% sans-serif;
    color:maroon;
    border:outset #ede7d0eb;
    text-decoration:none;
    border-radius:10px;
    float: right;
    background: #f5e8b9c7;
  }
  #marmalink {
    display: inline-block;
    position: absolute;
    left:65%;
    top: 57%;
  }
  #info.allg {
    display: none;
  }
  #navyquer.nurmenue a.oben {
    color: #f3edf3;
    text-shadow: 2px 2px 2px black;
    background: #8c3499;
    padding: 21px 11px;
  }
  #navyquer.nurmenue a.head {
    color: #4e195c;
    text-shadow: 2px 2px 2px aliceblue;
    padding: 14% 6%;
  }
  #navyquer .frueh {
    background-color: #da9ddd;
  }
  #medien.navform {
    display: inline-block;
    position: relative;
    top:11%;
    width: 200px;
    left: 19%;
  }
  a.rez {
    font-family: tiflis;
    color:#8a7528;
    font-weight: bold;
    font-size: 125%;
  }
  a.head {
    letter-spacing: -1px;
  }
  a.oben {
    letter-spacing: -1px;
  }
  a.allg {
    font-family: great vibes;
    color:#624f0a;
    width: 40%;
    font-weight: bold;
    font-size: 185%;
    letter-spacing: 1px;
    text-shadow: 1px 1px 1px aliceblue;
  }
  #viererbilder.menue {
    width: 55%;
    height: 42%;
    display: inline-block;
    position: relative;
    border: 5px solid #f0c137;
    border-radius: 15px;
    top: 64%;
    left: -23%;
    padding-top: 10px;
  }
  #rezensionen {
    display: block;
    position: relative;
    top:3%;
    left:18%;
    background-color:#e1ca73e3;
    border-radius: 15px;
    border-style: outset;
    border-color:#ceb555;
    height: 40px;
    width: 62%;
    text-align:center;
    font-size:120%;
    color:#ecec63;
    padding-top: 15px;
  }
  header.allg {
    display: block;
    position: relative;
    height: 25%;
    background: #eee19bd6;
    width: 95%;
    top: 61px;
    border-radius: 15px;
    border-style: outset;
    border-color: #efc137;
  }
  #viererbilder.kontakt {
    width: 91%;
    height: 57%;
    display: inline-block;
    position: relative;
    border: 5px solid #f0c137;
    border-radius: 15px;
    top:4%;
    left: 5%;
    padding-top: 10px;
  }
  #viererbild1.kontakt {
    width:23%;
    display:block;
    position: relative;
    margin:10px 1px 1px 1px;
    left: -2%;
    top: auto;
    margin-top: 9px;
    height: auto;
  }
  #viererbild2.kontakt {
    width:19%;
    display: block;
    position: absolute;
    margin:24px 1px 1px 1%;
    left: 23%;
    top: -1%;
    height: auto;
  }
  #viererbild3.kontakt {
    width:23%;
    display: block;
    position: absolute;
    margin:14px 1px 1px 6px;
    left: 46%;
    top: 2%;
  }
  #viererbild4.kontakt {
    width:26%;
    display: block;
    position: absolute;
    margin: 15px 15px 1px 1px;
    top: 2%;
    left: 72%;
  }
  .gkmass {
    position: absolute;
    display: block;
    top:-10%;
    font: 120% sans-serif;
  }
  .ruema {
    position: absolute;
    font: 120% sans-serif;
  }
  .abhyoel {
    position: absolute;
    font: 120% sans-serif;
  }
  .mobil {
    position: absolute;
    font: 120% sans-serif;
  }
  a.gkmass,
  a.mobil,
  a.ruema,
  a.abhyoel {
    top:-6%;
    display: inline;
  }
  .gkmass span,
  .ruema span,
  .abhyoel span {
    font-size: 117% 
  }
  .gkmass span {
    position: absolute;
    display: block;
           top: -63%;
        width: 290px;
    left: 2%;
    color: aliceblue;
    font-weight: bold;
    background-color: #9c99997d;
    padding: 5px 14px 10px 14px;
    font-family: "tiflis";
    letter-spacing: 1px;
  }
  .ruema span {
    position: absolute;
    display: block;
           top: -60%;
        width: 350px;
    left: 1%;
    color: aliceblue;
    font-weight: bold;
    background-color: #9c9999b2;
    padding: 5px 20px 8px 23px;
    font-family: "tiflis";
    letter-spacing: 1px;
  }
     .abhyoel span {
        position: absolute;
        display: block;
        top: -199%;
        width: 350px;
        left: 2%;
        color: aliceblue;
        font-weight: bold;
        background-color: #9c99997d;
        padding: 5px 28px 8px 7px;
        margin-top: 71px;
        font-family: "tiflis";
        letter-spacing: 1px;
    }
     .mobil span {
        position: absolute;
        display: block;
        top: -46%;
        width: 400px;
        left: 10%;
        color: aliceblue;
        font-weight: bold;
        background-color: #9c9999ab;
        padding: 5px 26px 7px 22px;
        font-family: "tiflis";
        letter-spacing: 1px;
    }
  .abbrech span {
    position: relative;
    display: block;
    top:88%;
    width: 200px;
    left: 8%;
    color: gray;
    font-weight: bold;
  }
  #absenden.kont {
    position: relative;
    top:20px;
  }
  #pfeil.rueallg {
    float:left;
    left:80%;
    position:relative;
  }
  h2.rue {
    font:120%/1.4 sans-serif;
    font-weight: bold;
    top: 14%;
    position: relative;
    display: inline-block;
    left: 1%;
  }
  #ganzmass {
    position: relative;
    display: block;
    width: 100px;
    top:2% 
  }
  #main.navi {
    width: 54%;
    background-color: #205e1700;
    margin-top: 5%;
    margin-bottom: 10px;
    height: 3000px;
    position: relative;
    left: 17%;
  }
  header.navi {
    display:block;
    position: relative;
    height: 428px;
    width: 62%;
    margin-left: 18%;
  }
  #navyquer.imp {
    margin-top:-2247px;
    float:left;
    top:2%;
  }
  #sprung.imp {
    display:none;
  }
  #ganzmass {
    display: none 
  }
  #spruchstart.allg {
    width: 30%;
    height: auto;
    margin-left: 814px;
    margin-bottom: 30px;
    left: 2%;
    padding: 1% 1% 20% 1%;
    margin-top: 11%;
	position:relative;
	  }
  #startrecht a:hover {
    font:95%/2.2rem sans-serif;
    top:5px;
    position:relative;
    left:1px;
    color:khaki 
  }
  #copy.raumimp {
    width:19%;
    display:inline-block;
    margin-top:3%;
    top:15%;
    background:#008000a1;
    color:#022002;
    position:absolute;
    font:90%/1.4 sans-serif;
    left:35%;
    padding: 10px 10px 30px 
  }
  #kurztext.imp {
    font:95%/1.2 sans-serif;
    margin:28px 33px 24px 66px;
    padding-left:6px;
    width:380px;
    color:#3c560e 
  }
  td.neuinfo {
    display:none 
  }
  #wechselbild3.imp {
    top:-28%;
    position:relative;
    left:7% 
  }
  h2.muessen {
    display:block;
    position:relative;
    width:91%;
    top:1%;
    margin-left:-17%;
    font:110%/1.4 sans-serif;
    text-shadow:1px -1px 1px #f0f8ff03;
    font-weight:bold;
    color: #9a7409;
    font-family: "tiflis";
    letter-spacing: 1px;
  }
  h2.navi {
    position:absolute;
    margin:77px 200px;
    height:auto;
    font:150%/1.4 serif;
    width:290%;
    top:-314%;
    margin-top:270%;
    margin-left:-88%;
  }
  a.guscheine {
    text-decoration:underline;
    color:red;
  }
  ul.mob {
    display:block;
    position:absolute;
  }
  #wechselbild4.allg {
    position:relative;
    top:1%;
    max-width:84%;
    height:68%;
    left: 11%;
  }
  #wechselbild7 {
    display:none;
  }
  a.rueallg {
    color:aliceblue;
    top: -34px;
    position: relative;
    left: 20px;
  }
  #headline.mob {
    display:block;
    position:relative;
    top:1%;
    left:5%;
    width:350px;
  }
  td.zwischenbild {
    display:table-cell;
    margin-top:-15px;
    height: 380px;
  }
  #main.termin {
    width:100%;
    float:left;
    background-color:#c3c6f900;
    margin-top:12%;
    margin-bottom:10px;
    height:1499px;
    top:2%;
    position:relative;
    background:#add8e600;
    margin:0 auto 
  }
  td.hoerer {
    display:table-cell;
    border:none 
  }
  #starttableindex.allg {
    margin-top:12px;
    padding-right:2%;
    margin:18px 30px;
    margin-bottom:18px;
    margin-bottom:16px;
    margin-bottom:17px;
    margin-bottom:0px;
    left:2%;
    width:49%;
    height:auto;
    font-size:74%;
    padding-bottom:10%;
    top:-12px 
  }
  a.allg {
    display:block;
    position:absolute;
    width:49%;
    left:-14%;
    font-size:101%;
    margin:0 auto;
    top:-35%;
    font-family: chopin script;
  }
  th.ruecklink {
    display:table-cell;
    height:auto;
    font:120% sans-serif;
    width:34px;
    padding:5px 20px;
    position:relative;
    left:-17px;
  }
  th.fusslink {
    margin-left:-66px;
    padding:0px;
    width:161%;
    padding:6px 74px;
    font:120% sans-serif;
    display:block;
    margin-top: 17%;
  }
  #nebenlink.ruefu {
    display:block;
    position:relative;
    left:10%;
    margin:2% -15%;
    width:59%;
  }
  table.medien {
    display:table-cell;
    width:100%;
    padding-left:31px;
    height:auto;
    text-align:center;
  }
  td.zwischenopt {
    display:table-cell;
    height:20px;
  }
  td.termonline {
    display:table-cell;
    background:linear-gradient(to right, #ef7fe8 0%,#e93cec99 99%);
    height:60px;
    border-radius:15px;
    border:1px outset;
    width:200px;
  }
  td.hoerer {
    display:none;
    height:20px;
    border:1px outset aliceblue;
    border-radius:8px;
  }
      td.kontakte {
        display: table-cell;
        background: #008000;
        height: 60px;
        border-radius: 15px;
        border: 1px outset;
        padding: 2px 36px;
    }
	a.kontakt{
		color:white;
		letter-spacing:0px;
	}
      #navyoben.allg .oben a:hover{
	  color: green;
	  }
     #medien.neuinfo {
        position: relative;
        display: block;
        width: 67%;
        top: auto;
        height: 14%;
        margin-top: -71%;
        margin-bottom: 20px;
        left: -67%;
    }
  table.nebenlink {
    display:inline-block;
    padding:30px 21px;
    width:99%;
    position:relative;
    margin-left:3%;
  }
  #wechselbild2.navi {
    position:absolute;
    left:1%;
    top:-8px;
    width:80%;
  }
  #main.termin {
    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:#062906;
    font:101% Verdana;
    height:auto;
    margin-bottom:1px;
    margin-left:67%;
    margin-top:6%;
    position:relative;
    width:21%;
    top: -33%;
    text-align: center;
    padding: 40px 36px;
    float: left;
    opacity: 1.0;
  }
  #spiegelranke {
    display:none;
    position:absolute;
    left:86%;
    top:6%;
    width:21%;
  }
  #wrapper {
    width:100%;
    height:100% 
  }
  #wrapper.rueck {
    width:100%;
    height:100%;
  }
 #wrapper.spez {
        font: 104% serif;
        background-color: #d3c261;
        background-repeat: no-repeat;
        padding: 5px;
        margin: 0 auto;
        height: 3600px;
        width: 100%;
        left: -3%;
        position: absolute;
        top: 2px;
        padding: 17px 10px 43% 0%;
    }
  #navyquer a.oben {
    letter-spacing: 0em;
  }
  #navyquer a {
    display:block;
    text-decoration:none;
    list-style:none;
    padding:21px 10px;
    border-radius:10px;
    border:1px outset;
    max-width:208px;
    color:#352c66;
    width:96%;
    margin-left:-9px;
    font: 86% sans-serif;
    height: 6px;
  }
  #wasser.allg {
    color:#5a0e5a;
    font-size:98%;
    width:72%;
    padding-top:93%;
    top:-7%;
    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.termin {
    width:80%;
    background-color:#caf9c3;
    padding:1%;
    margin:0 auto;
    display:block;
    position:relative;
    height:1261px;
    top:-190px 
  }
  #tel_nav {
    display: table-cell;
    position: relative;
    top: 6px;
    left: 1px;
    width: 68%;
  }
  #tel_hoer {
    display:none;
    position:relative;
    top:6px;
    left:21px;
    width:68%;
  }
  #tel_num.imp {
    margin-top:21%;
    padding-left:63px;
    position:absolute;
    top:108%;
    left:20px;
    margin-right:20px;
    width:150px;
    text-align:center;
    padding-bottom:10px;
    margin:auto 0;
    color:white;
  }
  #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:6%;
    position:relative;
    top:2%;
    width: 86%;
    display: flex;
    justify-content: center;
  }
  #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 
  }
     #copy.allg .start {
        position: relative;
        display: inline-block;
        list-style-type: none;
        height: 80px;
        margin-top: 5%;
    }
  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.imp {
    left:16%;
    position:relative;
    margin-top:4%;
    float:left;
    margin-bottom:4%;
    height:1300px;
    top:4%;
    width:77%;
  }
       #main.allg {
        left: 2%;
        position: relative;
        margin-top: -11%;
        margin-bottom: 4%;
        height: auto;
        width: 98%;
        top: 10%;
        display: inline-block;
        background: #ceb555;
    }
  #starttableindex.imp {
    display:block;
    position:relative;
    top:1%;
    height:30%;
    width:40%;
    margin-top:2%;
    padding:7% 1% 3% 1%;
    left:8%;
  }
  #nav.agb {
    display:block;
    position:relative;
    top:-537px;
    margin-top:11px;
    height:50px;
    width:1200px;
    margin-top:-705px;
    left:-200px;
  }
  #willk.imp {
    position:relative;
    display:inline;
    top:-16%;
    left:13% 
  }
  #starthome.termin {
    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.neuinfo {
    position:relative;
    display:block;
    color:aliceblue;
    top:-40px;
  }
  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:#add8e600 
  }
  #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:2%;
    font-family:serif;
  }
  #abhylink {
    position:relative;
    left:6%;
    text-align:center;
    width:134%;
    top:-1%;
    font-size:114%;
    font-family: chopin script, serif;
  }
  #klasslink {
    position:relative;
    top:-2px;
    width:74%;
    margin:0 auto;
    left: 37%;
  }
  #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:56%;
    top:39px;
    margin-top:20px;
    margin-bottom:50px;
    margin-left:18%;
    border-style:outset;
    padding:7px;
    color:white;
    border: 5px maroon;
    border-style: outset;
  }
  #bild.garschan {
    position:relative;
    display:block;
    top:-270px;
    font-size:158%;
    left:-4px;
    margin:0 auto;
    font-family:serif;
    font-variant: small-caps;
  }
  #bild.marma {
    position:relative;
    display:block;
    margin-top:226%;
    font-size:158%;
    left:-25px;
  }
  #fruehangeb {
    position:absolute;
    color:wheat;
    font:180%/1.4 serif;
    font-style:oblique;
    text-decoration:underline;
    display:block;
    background:#00f0;
    left:19%;
    font-family:serif;
    font-weight:bold;
    width:100px;
    text-align:center;
    background:#80808000;
    margin-top:auto;
    top:14%;
    text-shadow:-1px 1px 1px black;
    list-style-type:underline;
    height:auto;
    font-family: "tiflis";
  }
  #headline.spez {
    position:relative;
    top:-24%;
    height:190px;
    width:78%;
    left: 5%;
  }
     #bild.allg {
        display: inline-block;
        position: absolute;
        width: 17%;
        top: 8%;
        margin-top: -21%;
    margin-bottom:20px;
    border-style:outset;
    border-color:#183509;
    left:76%;
    border-radius:15px;
    padding:4px;
    height:auto;
    background: #dfc870;
    height: auto;
  }
  #starthome {
    display:block;
    position:relative;
    width:79%;
    margin-top:5%;
    margin-bottom:20px;
    border-color:#183509;
    background:#ddefde00;
    height:auto;
    font:103%/1.4 sans-serif;
    text-align:center;
    padding: 0% 1% 1% 8%;
    font-family: verdana;
    color: #19196b;
    letter-spacing: -1px;
  }
  #wechselbild2.fuss {
    position:relative;
    left:15px;
    top:-7%;
    width:101%;
    display:none 
  }
  ul.rueklass {
    position:relative;
    text-align:left;
    margin-left:12%;
    margin-top:11%;
    font-style:inherit;
    font-size:97%;
  }
  #sprung.spez {
    display:none;
  }
  #sidebar.spez {
    top:12%;
    position:absolute;
    margin-left:2%;
    width:82%;
    float:left;
    margin-top:10px;
    height:auto;
    left:22%;
  }
 #wechselbild1.allg {
        float: right;
        left: 11%;
        position: absolute;
        top: 183%;
        margin-top: -110%;
        width: 88%;
    }
  #wechselbild10.allg {
    float:right;
    left:-2%;
    position:absolute;
    top:78%;
    margin-top:-72%;
    width:105%;
  }
  #starttableklass.spez {
    width:70%;
    top:1%;
    font:139%/1.4 serif;
    margin-top:-10px;
    padding:1% 4% 4% 0%;
    display:inherit;
    height:auto;
    left: 1%;
    background-color: #EADE7BC7;
    color: #472a0c;
    border-color: #e8aa0c;
  }
 h1.allg {
        font-size: 503%;
        margin: 0 auto;
        width: 108%;
        height: auto;
        background-image: linear-gradient(80deg, #7b5f0f, #8f7014, #815500);
        -webkit-background-clip: text;
        -webkit-text-fill-color: #72a23800;
        text-shadow: 2px -2px 3px #d6b333;
        top: -45%;
        letter-spacing: 4px;
        left: -10%;
        font-weight: lighter;
        text-align: center;
        letter-spacing: 0px;
        font-style: oblique;
    }
  h1.navi {
    text-shadow:3px 3px 3px #fff;
    color:#470e3e;
    top:auto;
    left:-3%;
    width:271%;
    margin-top:-132px;
    font:365% tiflis all-petite-caps;
    position:relative;
    font-weight: 550;
    font-style: oblique;
    text-shadow: 1px 1px 1px #d300ff;
    font-family: tiflis;
  }
  #navyquer.nurmenue {
    width:59%;
    position:relative;
    display:block;
    top:1%;
    margin-top:-3%;
    margin-left:2%;
    position:relative;
    height: 22%;
  }
  #navyquer.nurmenue ul.top {
    display:block;
    border-radius:10px;
    color:#fff0;
    width:107%;
    clear:both;
    left:-111%;
    float:left;
    background:#add8e600;
    margin-left:29%;
    top:-64%;
    position:relative;
    height:18px;
    letter-spacing: 0px;
  }
  #navyquer.rueallg ul.top {
    display:block;
    border-radius:10px;
    color:#fff0;
    width:107%;
    clear:both;
    left:-102%;
    float:left;
    background:#add8e600;
    margin-left:29%;
    top:-18px;
    position:relative;
    height:18px 
  }
  #spruchstart.imp {
    display:block;
    position:absolute;
    width:27%;
    height:auto;
    left:-5%;
    top:11%;
    margin-top:0%;
    padding:4% 1% 10% 1%;
  }
  #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:-33%;
    left:89px;
    top:63%;
    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:9%;
    top:-96px;
    position:relative;
    margin-left:30px 
  }
  #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.allg {
        display: inline-block;
        position: absolute;
        top: 35%;
        left: 77%;
    }
  #dreieck {
    position:relative;
    left:23px;
    top:192px 
  }
  header.imp {
    height:360px;
    width:75%;
    position:relative;
    margin-top:7%;
    margin-bottom:10px;
    display:block;
    left:3%;
    margin:0 auto;
    margin-bottom:20px;
    top:1% 
  }
  #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:#80e78500;
  }
  #navyquer.top > li {
    float:left;
    background-color:rgba(231, 135, 232, 0.91);
    box-shadow:-0px 5px 5px #008000b3;
    position:relative;
    padding:4px 15px;
    margin-bottom:3px;
    width:139px;
    top:40%;
    margin:0 auto;
    width:156px;
    height:45px;
    border-radius:8px;
    font-family:serif;
    font-size:20px;
    text-align:center;
    list-style-type:none;
    left:-52%;
  }
  #wechselbild2.advent {
    position:relative;
    left:-21px;
    width:90%;
    margin:1% auto;
    height:auto;
    margin-top:10px;
  }
  #dreieck {
    position:relative;
    left:136px 
  }
  #dreieck.navi {
    position:relative;
    left:2%;
    top:68%;
    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:24%;
    left:7%;
    width:528px;
    margin: 7% 1% 1% -22%;
  }
  h1.imp {
    text-shadow:1px 1px 1px #fff;
    padding-left:18%;
    position:relative;
    font-family:serif;
    font-size:200%;
    color:#576f35;
    top:6%;
    font-style:italic;
    left:-27%;
    width:52%;
    height:auto;
    margin-top:-16%;
    font-size:270% 
  }
  #starttableindex.allg {
    left:-9%;
    position:relative;
    margin-top:6%;
    float:left;
    margin-bottom:10%;
    width:87%;
    height:auto;
    top:1%;
    text-align:center;
    border:outset grey;
    border-radius:15px;
    background-color:#f4edd0c4;
    font-family:serif;
    font-size:120%;
    color:#551a8b;
    left:2%;
    padding-bottom: 25%;
  }
  #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:22%;
    left:-79%;
    margin-top:12%;
    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;
  }
  #navyquer.allg {
    margin-top:52px;
    top:121px;
    left:20%;
    width:76%;
    display:none 
  }
  #footer.allg {
    top:auto;
    margin-top:92%;
    height:163px;
    width:99%;
    left:3%;
    background:#b8cbdb00;
    padding-bottom: 3%;
    position: relative;
    display: inline-block;
  }
  #sprung.spez {
    width:76%;
    left:-22%;
    position:relative;
    margin-top:-5%;
    text-align:center;
    display:block;
    left:-19%;
    top:auto;
    margin-bottom:20px;
    background:#b6607c;
  }
  a.neuinfo {
    display:block;
    color:aliceblue;
    position:relative;
    top:auto;
    font-size:120%;
    font-weight:bold;
    text-shadow:none;
  }
  #footer.navi {
    display:inherit;
    position:relative;
    top:26%;
    width:90%;
    height:200px;
    margin-top:50%;
    margin-top:80%;
    text-decoration:none;
  }
  #footer.agb {
    display:block;
    position:relative;
    top:66%;
    width:90%;
    height:200px;
    margin-top:50%;
    margin-top:80%;
  }
  #footer.imp {
    width:80%;
    display:inline-block;
    top:30%;
    left:2%;
    position:relative;
    height:auto;
    padding:20px 10px 10px 10px;
  }
  #copy.raumimp {
    width: 19%;
    display: inline-block;
    margin-top: 3%;
    top: 16%;
    left: 46%;
    padding: 20px 41px 86px;
    text-shadow: none 
  }
        #copy.allg {
        top: auto;
        width: 838px;
        left: auto;
        height: auto;
        padding-top: 4%;
        background: #f0f8ff6e;
        position: relative;
        display: inline-block;
        margin: 2% -8%;
		padding-bottom:96px;
    }
        #copy.allg .unten {
        height: 84px;
        top: 15%;
        position: absolute;
        text-align: center;
        width: 97%;
        padding-top: 2%;
        font-size: 123%;
    }
  td.termhier {
    display: table-cell;
    background: linear-gradient(to right, #71c951 0%,#8bcd1499 99%);
    height: 53px;
    border-radius: 15px;
    border: 1px outset;
    text-align: center;
    font-size: 116%;
    width: 196px;
    left: -143%;
    border-style: ridge;
    border-color: gray;
    height: 56px;
    position: absolute;
    top: -582%;
    padding-top: 2px;
    float:left;
    box-shadow: 4px 2px 2px black;
  }
  td.hoernav {
    display: table-cell;
    background: darkblue;
    height: 53px;
    border-radius: 15px;
    border: 1px outset;
    text-align: center;
    font-size: 116%;
    width: 196px;
    left: -143%;
    border-style: ridge;
    border-color: gray;
    height: 56px;
    position: absolute;
    top: 184%;
    padding-top: 2px;
    float:left;
    box-shadow: 4px 2px 2px black;
    border-color:white;
  }
  a.formkont {
    display: table-cell;
    top:-45px;
    color:aliceblue;
    position: relative;
    left: 45px;
  }
}
@media screen and (max-width: 2150px) {
  #sprung.spez {
    left: -8%;
    top: auto;
    margin-bottom: 20px;
  }
  #headline.spez {
    position: relative;
    top: -16%;
    height: 190px;
    width: 62%;
  }
     #dreieck.spez {
        text-shadow: 3px 3px 3px #fff;
        position: relative;
        font-size: 200%;
        color: #261f7b;
        width: 528px;
        margin: 3% 1% 1% -2%;
        top: 43%;
        left: -2%;
    }
}
@media screen and (max-width:2048px) {
 

  #navyquer.nurmenue a {
    display: block;
    text-decoration: none;
    list-style: none;
    padding-top: 15px;
    padding-bottom: 26px;
    border-radius: 10px;
    border: 1px outset;
    max-width: 209px;
    color: #352c66;
    font: 86% sans-serif;
    height: 25px;
    margin-top: -3px;
  }
  #wechselbild10.allg {
    float: right;
    left: -2%;
    position: absolute;
    top: 78%;
    margin-top: -72%;
    width: 105%;
  }

    header.allg {
        height: 27%;
        padding-bottom: 63px;
    }
  h1.navi {
    width: 317%;
  }
  #main.allg {
  }
  #bild.allg {
    top:8%;
  }
  a.allklassopt {
    left: -38%;
  }
  a.allabhyopt {
    top: -16%;
    position: relative;
    text-align: center;
    font-size: 104%;
    font-family: chopin script, serif;
    width: 700px;
    display: inline-block;
    left: -12%;
  }
  #medien.navform {
    display: inline-block;
    position: relative;
    width: 200px;
    left: 20%;
  }
  #rezensionen {
    top:-18%;
    left: 8%;
    width: 74%;
  }
  #pfeil.rueallg {
    float:left;
    left:80%;
    position:relative;
  }
  .abhyoel span,
  .gkmass span,
  .ruema span,
  .mobil span {
    font-size: 119% 
  }
  #starthome {
    display: block;
    position: relative;
    width: 63%;
    left:1% 
  }
  #viererbilder.kontakt {
    width: 95%;
    height: 64%;
    display: inline-block;
    position: relative;
    border: 3px outset #d2b662;
    border-radius: 15px;
    top: 4%;
    left: 2%;
    font-size: 90%;
  }
  #viererbild1.kontakt {
    width: 22%;
    position: relative;
    display: inline-block;
    left: 1%;
    top: 9px;
    margin: -2px 10px 1px 0%;
  }
  #viererbild2.kontakt {
    width: 18%;
    margin: 12px 10px 10px 1%;
    left: 25%;
    top: 1%;
    height: auto;
  }
  #viererbild3.kontakt {
    width: 22%;
    margin: 0px 3px 1px 11px;
    left: 46%;
    top: 4%;
  }
  #viererbild4.kontakt {
    width: 25%;
    display: block;
    position: absolute;
    margin: 2px 1px 1px 0px;
    top: 4%;
    left: 72%;
  }
  h2.rue {
    font-weight: bold 
  }
  #ganzmass {
    position: relative;
    display: block;
    width: 100px;
    top:2% 
  }
  #main.navi {
    width: 73%;
    background-color: #205e1700;
    margin-top: 5%;
    margin-bottom: 10px;
    height: 3000px;
    position: relative;
    left: 3%;
  }
  header.navi {
    display:block;
    position: relative;
    height: 428px;
    margin-left: 6%;
  }
  #navyquer.imp {
    margin-top:-2247px;
    float:left;
    top:2%;
  }
  #sprung.imp {
    display:none;
  }
  h3.ganzmass{
	  display:inline-block;
	  position:relative;
	  top:2%;
	  font:50%/1.4 tiflis;
  }
  #ganzmass {
    display: none 
  }
  #spruchstart.allg {
    width: 33%;
    height: 450px;
    margin-left: 814px;
    margin-bottom: 3%;
    left: 2%;
    padding: 1% 1% 20% 1%;
    margin-top: 15%;
  }
  #startrecht a:hover {
    font:95%/2.2rem sans-serif;
    top:5px;
    position:relative;
    left:1px;
    color:khaki 
  }
  #copy.raumimp {
    width:19%;
    display:inline-block;
    margin-top:3%;
    top:15%;
    background:#008000a1;
    color:#022002;
    position:absolute;
    font:90%/1.4 sans-serif;
    left:35%;
    padding: 10px 10px 30px 
  }
  #kurztext.imp {
    font:95%/1.2 sans-serif;
    margin:28px 33px 24px 66px;
    padding-left:6px;
    width:380px;
    color:#3c560e 
  }
  td.neuinfo {
    display:none 
  }
  #wechselbild3.imp {
    top:-28%;
    position:relative;
    left:7% 
  }
  h2.navi {
    position:absolute;
    margin:77px 200px;
    height:auto;
    font:150%/1.4 serif;
    width:290%;
    top:-314%;
    margin-top:270%;
    margin-left:-88%;
  }
  a.guscheine {
    text-decoration:underline;
    color:red;
  }
  ul.mob {
    display:block;
    position:absolute;
  }
  #wechselbild7 {
    display:none;
  }
  a.rueallg {
    color:aliceblue;
  }
  #headline.mob {
    display:block;
    position:relative;
    top:1%;
    left:5%;
    width:350px;
  }
  td.zwischen {
    display:table-cell;
    margin-top:-15px;
  }
  #main.termin {
    width:100%;
    float:left;
    background-color:#c3c6f900;
    margin-top:12%;
    margin-bottom:10px;
    height:1499px;
    top:2%;
    position:relative;
    background:#add8e600;
    margin:0 auto 
  }
  td.hoerer {
    display:table-cell;
    border:none 
  }
  #starttableindex.allg {
    margin-top:12px;
    padding-right:2%;
    margin:18px 30px;
    margin-bottom:18px;
    margin-bottom:16px;
    margin-bottom:17px;
    margin-bottom:0px;
    left:2%;
    width:49%;
    height:auto;
    font-size:74%;
    padding-bottom:10%;
    top:-12px 
  }
  a.allg {
    display:block;
    position:absolute;
    width:76%;
    color:darkbrown;
    left:-1%;
    font-size:109%;
    margin:0 auto;
    top:-128%;
  }
  th.ruecklink {
    display:table-cell;
    height:auto;
    font:94% sans-serif;
    width:70px;
    padding:5px 20px;
    position:relative;
    left:-17px;
  }
      th.fusslink {
        padding: 2px 74px;
        font: 98% sans-serif;
        top: -24px;
        position: relative;
    }
  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;
    border:1px outset;
    width:200px;
  }
  td.hoerer {
    display:none;
    height:20px;
    border:1px outset aliceblue;
    border-radius:8px;
  }
  td.kontakte {
    display:table-cell;
    background:#79ea79ba;
    height:60px;
    border-radius:15px;
    border:1px outset;
  }
  #medien.neuinfo {
    position:relative;
    display:block;
    width:23%;
    top:-98%;
    height:156px;
    margin-top:20px;
    margin-bottom:20px;
    left: 77%;
  }
  table.nebenlink {
    display:inline-block;
    padding:30px 21px;
    width:90%;
    position:relative;
  }
  #wechselbild2.navi {
    position:absolute;
    left:1%;
    top:-8px;
    width:96%;
  }
  #main.termin {
    left:5%;
    position:relative;
    margin-top:4%;
    float:left;
    margin-bottom:4%;
    width:50%;
    height:1300px;
    top:-8%;
    display:block;
    width:76% 
  }
  #copy.raumnav {
    margin-bottom:1px;
    margin-left:61%;
    margin-top:11%;
    padding:36px;
    position:relative;
    top: -35%;
    width: 19%;
    font-size: 100%;
  }
  #spiegelranke {
    display:none;
    position:absolute;
    left:86%;
    top:6%;
    width:21%;
  }
  #wrapper.spez {
    font:104% serif;
    background-repeat:no-repeat;
    padding:1% 155px;
    margin:0 auto;
    height:2400px;
    width:100%;
    left:2%;
    position:absolute;
    top:2px;
    padding-bottom: 84%;
  }
  #navyquer a {
    display:block;
    text-decoration:none;
    list-style:none;
    padding-top:15px;
    padding-bottom:9px;
    border-radius:10px;
    border:1px outset;
    max-width:208px;
    color:#352c66;
    font:86% sans-serif;
    height: 25px;
    margin-top: -3px;
  }
  #navyquer a.kontn {
    color:aliceblue;
  }
  #wasser.allg {
    color:#5a0e5a;
    font-size:98%;
    width:72%;
    padding-top:93%;
    top:-7%;
    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.termin {
    width:80%;
    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%;
  }
  #tel_num.imp {
    margin-top:21%;
    padding-left:63px;
    position:absolute;
    top:108%;
    left:20px;
    margin-right:20px;
    width:150px;
    text-align:center;
    padding-bottom:10px;
    margin:auto 0;
    color:white;
  }
  #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 {
    position:relative;
  }
  #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 
  }
  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.imp {
    left:16%;
    position:relative;
    margin-top:4%;
    float:left;
    margin-bottom:4%;
    height:1300px;
    top:4%;
    width:77%;
  }
  #starttableindex.imp {
    display:block;
    position:relative;
    top:1%;
    height:30%;
    width:40%;
    margin-top:2%;
    padding:7% 1% 3% 1%;
    left:8%;
  }
  #nav.agb {
    display:block;
    position:relative;
    top:-537px;
    margin-top:11px;
    height:50px;
    width:1200px;
    margin-top:-705px;
    left:-200px;
  }
  #willk.imp {
    position:relative;
    display:inline;
    top:-16%;
    left:13% 
  }
  #starthome.termin {
    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.neuinfo {
    position:relative;
    display:block;
    color:aliceblue;
    top:-40px;
  }
  a.tel:link {
    color:white;
    display:block;
    position:relative;
    top:-2px;
    left:-54px;
  }
  a.termonl {
    display:inline;
    position:relative;
    top:-9px;
    margin:0 auto;
  }
  #navyquer.rueallg {
    width:99%;
    position:relative;
    display:block;
    top:-1016%;
    left:-155px;
    background:#add8e600 
  }
  #abhylink {
    position:relative;
    left:14%;
    text-align:center;
    width:70%;
    top:-7%;
    font-size:120%;
  }
  #klasslink {
    position:relative;
    top:7px;
    width:74%;
    margin-left:54px;
    font-size: 118%;
  }
  #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:62%;
    top:23px;
    margin-top:20px;
    margin-bottom:50px;
    margin-left:16%;
    border-style:outset;
    padding:7px;
    color:white;
  }
  #bild.garschan {
    position:absolute;
    display:block;
    top:39%;
    font-size:158%;
    left:31px;
    margin:0 auto;
    font-family:serif;
    font-variant: small-caps;
  }
     #bild.marma {
        position: absolute;
        display: block;
        top: -299%;
        font-size: 158%;
        left: 49px;
    }
    #fruehangeb {
    position:absolute;
    color:wheat;
    font:180%/1.4 serif;
    font-style:oblique;
    text-decoration:underline;
    display:block;
    background:#00f0;
    left:34%;
    font-family:serif;
    font-weight:bold;
    width:100px;
    text-align:center;
    background:#80808000;
    margin-top:auto;
    top:14%;
    text-shadow:-1px 1px 1px black;
    list-style-type:underline;
    height:auto;
  }
  #wechselbild2.fuss {
    position:relative;
    left:15px;
    top:-7%;
    width:101%;
    display:none 
  }
  ul.rueklass {
    position:relative;
    text-align:left;
    margin-left:12%;
    margin-top:20px;
    font-style:inherit;
    font-size:97%;
  }
  #sprung.spez {
    display:none;
  }
  #sidebar.spez {
    top:12%;
    position:absolute;
    margin-left:2%;
    width:82%;
    float:left;
    margin-top:10px;
    height:auto;
    left:22%;
  }
  #starttableklass.spez {
    width:84%;
    top:0%;
    font:128%/1.4 serif;
    margin-top:30px;
    padding:1% 2% 4% 3%;
    display:inherit;
    height:auto;
    left: 0%;
  }
  h1.allg {
    width: 107%;
    font-size:450%;
    margin-top:-8%;
    left: -8%;
    top: -25%;
  }
  #navyquer.nurmenue {
    width:67%;
    position:relative;
    display:block;
    top:1%;
    margin-top:27%;
    margin-left:21%;
    position:relative;
    height: 22%;
  }
  #navyquer.nurmenue ul.top {
    display:block;
    border-radius:10px;
    color:#fff0;
    width:107%;
    clear:both;
    left:-111%;
    float:left;
    background:#add8e600;
    margin-left:29%;
    top:-64%;
    position:relative;
    height:18px 
  }
  #navyquer.rueallg ul.top {
    display:block;
    border-radius:10px;
    color:#fff0;
    width:107%;
    clear:both;
    left:-102%;
    float:left;
    background:#add8e600;
    margin-left:29%;
    top:-18px;
    position:relative;
    height:18px 
  }
  #spruchstart.imp {
    display:block;
    position:absolute;
    width:27%;
    height:auto;
    left:-5%;
    top:11%;
    margin-top:0%;
    padding:4% 1% 10% 1%;
  }
  #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:-33%;
    left:89px;
    top:63%;
    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:9%;
    top:-96px;
    position:relative;
    margin-left:30px 
  }
  #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 
  }
  #dreieck {
    position:relative;
    left:23px;
    top:192px 
  }
  header.imp {
    height:360px;
    width:75%;
    position:relative;
    margin-top:7%;
    margin-bottom:10px;
    display:block;
    left:3%;
    margin:0 auto;
    margin-bottom:20px;
    top:1% 
  }
  #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:#80e78500;
  }
  #navyquer.nurmenue .top > li {
    float:left;
    background-color:rgba(231, 135, 232, 0.91);
    box-shadow:-0px 5px 5px #008000b3;
    position:relative;
    padding:4px 15px;
    margin-bottom:3px;
    width:139px;
    top:17%;
    margin:0 auto;
    width:156px;
    height:45px;
    border-radius:8px;
    font-family:serif;
    font-size:20px;
    text-align:center;
    list-style-type:none;
    left:47%;
  }
  #wechselbild2.advent {
  position:relative;
    left:-21px;
    width:90%;
    margin:1% auto;
    height:auto;
    margin-top:10px;
  }
  #dreieck {
    position:relative;
    left:136px 
  }
  #dreieck.navi {
    position:relative;
    left:4%;
    top:63%;
    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:-8%;
    font-style:italic;
    left:-13%;
    width:528px;
    margin-top:185px;
    font-size:166% 
  }
  h1.imp {
    text-shadow:1px 1px 1px #fff;
    padding-left:18%;
    position:relative;
    font-family:serif;
    font-size:200%;
    color:#576f35;
    top:6%;
    font-style:italic;
    left:-27%;
    width:52%;
    height:auto;
    margin-top:-16%;
    font-size:270% 
  }
  #starttableindex.allg {
    left:-9%;
    position:relative;
    margin-top:6%;
    float:left;
    margin-bottom:4%;
    width:87%;
    height:auto;
    top:1%;
    text-align:center;
    border:outset grey;
    border-radius:15px;
    font-family:serif;
    font-size:120%;
    color:#551a8b;
    left:2%;
  }
  #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:-19%;
    left:-7%;
    margin-top:12%;
    display:inherit 
  }
  #sidebar.allg {
    width:18%;
    height:240px;
    float:right;
    position:relative;
    padding:20px;
    border-style:outset;
    border-radius:20px;
    border-color:#B6FFA200;
    background-color:#DDEFDE00;
    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;
  }
  #navyquer.allg {
    margin-top:52px;
    top:121px;
    left:20%;
    width:76%;
    display:none 
  }
  #sprung.spez {
    width:80%;
    margin-top:-5%;
    text-align:center;
    left:-17%;
    top:auto;
    margin-bottom:20px;
  background:#b34f75;
    display: block;
    height: 50px;
    font-size: 138%;
  }
  a.neuinfo {
    display:block;
    color:aliceblue;
    position:relative;
    top:auto;
    font-size:120%;
    font-weight:bold;
    text-shadow:2px -1px 2px maroon;
    font-style: oblique;
  }
  #footer.navi {
    display:inherit;
    position:relative;
    top:26%;
    width:90%;
    height:200px;
    margin-top:50%;
    margin-top:80%;
    text-decoration:none;
  }
  #footer.agb {
    display:block;
    position:relative;
    top:66%;
    width:90%;
    height:200px;
    margin-top:50%;
    margin-top:80%;
  }
  #footer.imp {
    width:80%;
    display:inline-block;
    top:30%;
    left:2%;
    position:relative;
    height:auto;
    padding:20px 10px 10px 10px;
  }
  #copy.raumimp {
    width: 19%;
    display: inline-block;
    margin-top: 3%;
    top: 16%;
    left: 46%;
    padding: 20px 41px 86px;
    text-shadow: none 
  }
}
@media screen and (max-width:1920px) {
  table.nebenlink {
    padding: 30px 21px;
    width: 73%;
  }
  h1.allg {
    width: 127%;
    font-size: 450%;
    margin-top: -8%;
    left: -8%;
    top: -25%;
  }
  #rezensionen {
    height: 40px;
    font-size: 120%;
    color: #ecec63;
    padding-top: 15px;
  }
  h2.muessen {
    font-size:120%;
  }
  .abhyoel span {
    display: block;
    position: absolute;
    margin:4% 1% 1% -1%;
    width: 86%;
    left: 3%;
  }
  .gkmass span {
    display: block;
    position: absolute;
    margin:-4% 1% 1% 1%;
	        width: 215px;
        top: -54%;
  }
  .ruema span {
    display: block;
    position: absolute;
    margin:-2% 1% 1% 1%;
    width: 255px;
        top: -56%;
  }
  .mobil span {
    display: block;
    position: absolute;
    margin:-1% 1% 1% 1%;
	width: 304px;
        top: -51%;
  }
}
@media screen and (max-width:1800px) {
  #wrapper.spez {
    padding-bottom: 123%;
        width: 84%;
        padding: 1%;
    }
  
  #navyoben.allg .oben a {
    display: flex;
    width: auto;
    padding: 5px 58px;
    font: 134% sans-serif;
  }
  #medien.navform {
    display: inline-block;
    position: relative;
    top: -28%;
    width: 200px;
    left: 57%;
  }
  #spruchstart.allg {
    width: 33%;
    height: 450px;
    margin-left: 814px;
    margin-bottom: 3%;
    left: -6%;
    padding: 1% 1% 20% 1%;
    margin-top: 15%;
    position: relative;
  }
  #bild3.allg {
    position: relative;
    width: 66%;
    top: 14px;
    border-style: outset;
    padding: 4%;
    color: white;
    left: -3%;
  }
  #fruehangeb {
         width: 200px;
        position: absolute;
        color: wheat;
        font: 145% / 1.4 serif;
        font-style: oblique;
        top: 5%;
        left: 10%;
  }
  #copy.raumnav {
    height:auto;
    margin-bottom:1px;
    margin-left:71%;
    margin-top:4%;
    padding:23px;
  }
  #spiegelranke {
    display:block;
    position:relative;
    top:-61%;
    width:16%;
    left:59%;
    height:auto;
  }
}
@media screen and (max-width:1700px) {
  
  
      #spruchstart.allg {
        width: 98%;
        height: 649px;
        margin-left: 814px;
        margin-bottom: 30px;
        left: -139%;
        padding: 0% 1% 1% 1%;
        margin-top: -17%;
    }
  #navyoben.allg .oben a {
    display: flex;
    width: auto;
    padding: 5px 48px;
    font: 134% sans-serif;
  }
     .abhyoel span {
        display: block;
        position: absolute;
        margin: 1% 1% 1% -1%;
        width: 261px;
        left: 3%;
        top: -54%;
    }
  h1.navi {
    width: 317%;
  }
  #sprung.faq {
    margin-top:31%;
    display: inline-block;
    left: 81%;
  }
  #medien.navform {
    display: inline-block;
    position: relative;
    top: 23%;
    width: 200px;
    left: 55%;
  }
  header.allg {
    width: 99%;
    top:0%;
    height: 34%;
    left:0%;
  }
  #bild.marma {
    position:relative;
    display:block;
    top:-2%;
    font-size:158%;
    left:-25px;
  }
  #viererbilder.kontakt {
    height: 43%;
  }
  #rezensionen {
    display: block;
    position: relative;
    left:10%;
    margin-top: 7%;
    width: 70%;
  }
  #wechselbild4.allg {
    position: relative;
    top: -11%;
    max-width: 84%;
    height: 68%;
    left: 11%;
  }
  #headline.spez {
    position: relative;
    top: -23%;
    height: 190px;
    margin: 0 auto;
    width: 88%;
  }
  #navyquer.imp {
    margin-top: -27%;
    float: left;
    position: relative;
    width: 90%;
    height: auto;
    left: 90% 
  }
  #kurztext.imp {
    font: 95%/1.2 sans-serif;
    margin: 28px 33px 24px 16% 
  }
  #spruchstart.imp {
    width: 12%;
    height: 420px;
    left: -5%;
    margin-top: -8%;
    padding: 6% 6% 1%;
    text-shadow: -2px 1px 1px black;
  }
  #starttableindex.imp {
    top: 1%;
    height:auto;
    width: 40%;
    margin-top: 2%;
    padding: 7% 1% 3% 1%;
    left: 8%;
  }
  #copy.raumimp {
    width: 19%;
    display: inline-block;
    margin-top: 3%;
    top: 16%;
    left: 46%;
    padding: 20px 41px 86px;
    text-shadow: none 
  }
  #sidebar.imp {
    position: relative;
    left:50%;
    top:20% 
  }
  #willk.imp {
    position: relative;
    display: inline-block;
    top: -17%;
    left: 13%;
    height: auto 
  }
  #dreieck.spez {
    text-shadow:3px 3px 3px #fff;
    padding-left:18%;
    position:relative;
    font-size:200%;
    top:59%;
    width:528px;
    margin: 16% 1% 1% -7%;
  }
  #starttableindex.allg {
    left:0%;
    position:relative;
    margin-top:6%;
    margin-bottom:4%;
    height:auto;
    top:-3%;
    font-size:120%;
    padding:2% 1% 1% 5%;
  }
  #wechselbild2.navi {
    position:absolute;
    left:3%;
    top:-8px;
    width:90% 
  }
  #kontaktlink {
    position:absolute;
    left:29%;
    top:100%;
    margin:0 auto;
    margin-top:54px;
    margin-left:-57px;
    margin-bottom:40px 
  }
  #bild.allg {
    width:19%;
    top:-24%;
    margin-top:156px;
    margin-bottom:20px;
    left:79%;
    padding:4px;
    height:auto 
  }
  #spiegelranke {
    display:none;
    position:absolute;
    top:-5%;
    width:25%;
    left:66%;
    height:auto;
  }
  #main.termin {
    width:100%;
    float:left;
    background-color:#caf9c300;
    margin-top:82px;
    margin-bottom:10px;
    height:auto 
  }
  #copy.raumnav {
    color:rgb(4, 56, 7);
    font:80% serif;
    height:auto;
    margin-bottom:1px;
    margin-left:57%;
    margin-top:-35%;
    padding:39px;
    position:relative;
    width:20%;
    top:5%;
    font:120% verdana;
  }
  #navyquer.rueallg {
    width:99%;
    position:relative;
    display:block;
    top:-1016%;
    left:-155px 
  }
  #sidebar.spez {
    top:21%;
    position:absolute;
    margin-left:36%;
    width:30%;
    float:left;
    margin-top:10px;
    height:auto 
  }
  #sprung.spez {
    width:68%;
    left:-19%;
    position:relative;
    margin-left:-4px;
    margin-top:-19%;
    text-align:center;
    display:block;
    margin-left:30px;
    top:22%;
  }
  #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% 
  }
  
  #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) 
  }
  #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;
     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 
  }
  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.terminonline {
    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 
  }
  #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.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:-15%;
    font-size: 490%;
    top: 32%;
    width: 84%;
  }
  h1.rueallg {
    font-size:222%;
    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%;
  }
  h1.imp {
    top:-5px;
    left:-25%;
    position:relative;
    font-family:serif;
    font-size:328%;
    text-shadow:3px 3px 3px #fff 
  }
  #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.bau {
    width:140%;
    margin-bottom:5px;
    position:relative;
    display:block;
    top:-1410px;
    margin-left:-17;
    height:50px;
    left:-644px;
    float:left;
    margin:37px auto 
  }
  #wasser.imp {
    position:relative;
    margin:-9% auto;
    font-size:98%;
    width:72%;
    padding-top:93%;
    top:-203px 
  }
  #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.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.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.nurmenue .top > li {
    float:left;
    position:relative;
    padding:7px 6px;
    margin: 10px 3px;
    width:189px;
    top:-36%;
    left:-20%;
    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 
  }
  #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: #413e03;
  }
  #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;
     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;
    position: relative;
    left: 18%;
  }
  #header.imp {
    height:380px;
    width:80%;
    position:relative;
    margin:2% 2% 10px;
    display:block;
    left:-1%;
    top:2%;
  }
  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.imp {
    display:none;
  }
  #dreieck.terminonline {
    position:relative;
    top:21%;
    left:2%;
  }
  #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 
  }
  #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.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;
    display:none;
    margin-top:12%;
    float:left;
    left:7%;
    margin:0 auto;
    top:42px 
  }
  #navyquer.marma {
    width:140%;
    margin-bottom:5px;
    position:fixed;
    top:-405%;
    margin-left:-58%;
    margin-top:-6000px 
  }
  #main {
    width:100%;
    float:left;
    background-color:#caf9c300;
    margin-top:30px;
    margin-bottom:10px;
    height:auto 
  }
     #main.allg {
        top: 4%;
        float: left;
        margin-left: -2%;
        margin-bottom: 10px;
        height: 1500px;
        width: 97%;
        padding-left: 2%;
    }
  #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.rueallg {
    font-size:424%;
    font-weight:bold;
    font-style:italic;
    top:-40%;
    left:-2%;
  }
  #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:90%;
    float:left;
    background-color:#caf9c300;
    margin-top:3%;
    margin-bottom:10px;
    height:700px 
  }
  h1.imp {
    top:-5px;
    left:-25%;
    position:relative;
    font-family:serif;
    font-size:328%;
    text-shadow:3px 3px 3px #fff 
  }
  #wechselbild3.imp {
    left:20px;
    width:93%;
    margin-left:40px 
  }
  #nav.imp {
    width:90%;
    top:-33%;
    font-size:110%;
    height:50px;
    left:-4px;
  }
  #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 
  }
  #wasser.imp {
    margin:-9% auto;
    font-size:116%;
    padding-top:93%;
    top:-78%;
  }
  #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 
  }
}
@media screen and (max-width: 1650px) {
        #wrapper.spez {
        padding: 1% 216px;
        padding-bottom: 105%;
    }
}
@media screen and (max-width:1600px) {
  #spruchstart.imp {
    width:72%;
    left: -14%;
  }
  #navyoben.allg .oben a {
    display: flex;
    width: auto;
    padding: 5px 38px;
    font: 134% sans-serif;
  }
  #sprung.faq {
    margin-top:21%;
    display: inline-block;
    left: 55%;
  }
  #medien.navform {
    display: inline-block;
    position: relative;
    top: 26%;
    width: 200px;
    left: 65%;
    margin-top: 49%;
  }
  #rezensionen {
    display: block;
    position: relative;
    top: -23%;
  }
     #dreieck.spez {
        margin: 14% 3% 1% 3%;
        top: -11%;
    }
  #headline.spez {
    position: relative;
    top: -12%;
    height: 190px;
    margin: 0 auto;
    width: 88%;
    left: 0%;
  }
  #bild.all {
    left:80% 
  }
  ul.start li {
    width: auto;
    display: inline-block;
  }
  #copy.allg .start {
    top: 48%;
    list-style-type: none;
    height: 80px;
    left:-3% 
  }
  header.allg {
    width: 99%;
    top: 1%;
    height: 27%;
    left: 0%;
    padding-bottom: 8%;
    margin-top: 61px;
  }
  #bild.garschan {
    position: relative;
    display: block;
    top: -288%;
    font: 158% serif;
    left: -14px;
    margin: 0 auto;
    font-variant: small-caps;
  }
  #spruchstart.allg {
    width: 116%;
    height: auto;
    margin-left: 814px;
    margin-bottom: 30px;
    left: -261%;
    padding: 0% 5% 5% 1%;
    margin-top: -17%;
  }
  header.imp {
    height: 360px;
    width: 95%;
    left: 3%;
    margin: 0 auto;
    margin-bottom: 20px;
    top: -2% 
  }
  #kurztext.imp {
    font:109%/1.2 serif;
    margin:11% 31px 20px -10px;
    padding-left:60px;
    width:380px;
    top:10px;
    position:relative 
  }
  #rankefuss.allg {
    display:inline;
    position:absolute;
    top:29%;
    left:81%;
    width: 80%;
  }
  #navyquer.allmob {
    width:99%;
    position:relative;
    display:block;
    margin-top:-1257px;
    float:left;
    left:9%;
    top:-96px;
    position:relative;
  }
  #main.termin {
    width:100%;
    float:left;
    background-color:#c3c6f900;
    margin-top:-39px;
    margin-bottom:10px;
    height:1499px;
    top:auto;
    position:relative;
    background:#add8e600;
    margin:0 auto 
  }
  #navyquer.nurmenue {
    width:57%;
    margin-top:5%;
    left:74%;
  }
  #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:78%;
    left:-12%;
    position:relative;
    margin-top:-61px;
    text-align:center;
    display:inherit;
    margin-right:30px;
    top:-8%;
    height: 42px;
  }
  ul.start {
    position:absolute;
    display:inline-block;
    list-style-type:none;
    left:9%;
    top:auto;
    width: 80%;
    height: 53px;
  }
  #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: 21%;
        top: -310px;
        margin-top: 2%;
        margin-bottom: 20px;
        border-style: outset;
        border-color: #183509;
        background: #d8f9d300;
        left: 74%;
        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:391%;
    color:navy;
    height:20%;
    font-style:oblique;
    margin-top:10px;
    margin-left:71px;
    display:block;
    text-align:center;
    top:-114px;
    width: 325%;
  }
  #sidebar.spez {
    top:16%;
    position:absolute;
    margin-left:50%;
    width:23%;
    margin-top:10px;
    height:40%;
    background: none;
    border: none;
  }
  #wechselbild10.allg {
    float:right;
    left:0%;
    position:relative;
    top:173%;
    margin-top:-90%;
    width:98% 
  }
  #wechselbild10.allg {
    float:right;
    left:-12%;
    position:absolute;
    top:49%;
    margin-top:-90%;
    width:108%;
  }
  #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:3%;
    width:82%;
    height:auto;
    font-size:85%;
    margin-top:37px;
    display:block;
    text-align:center;
    top:0%;
    border:outset;
    border-radius:15px;
    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:2px 6px;
    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:102% 
  }
  #spruchstart {
    height:93%;
    position:relative;
    padding:3%;
    margin-left:61px;
    margin-right:3%;
    background-color:#99319099;
    width:95%;
    left:-18%;
    display:block;
    margin-top:1px;
    border-style:outset;
    border-color:#a742a7b3;
    top:-5px 
  }
     #wechselbild1.allg {
        float: right;
        left: -4%;
        position: relative;
        margin-top: -54%;
        width: 112%;
        top: 13%;
        margin-left: 10px;
    }
	a.bild{
		top:-220%;
	}
  #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%;
  }
  #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.navi {
    width:80%;
    background-color:#caf9c300;
    padding:1%;
    margin:0 auto;
    display:block;
    position:relative;
  }
  #headline.fuss {
    background-color:#bcf7b466;
    width:100%;
    position:relative;
    top:1px;
    left:1px;
    margin-top:18%;
    height:150px;
     }
  #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%;
    margin-left:-17px;
    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;
       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:88%;
    background-color:#caf9c300;
    margin-top:auto;
    margin-bottom:10px;
    height:auto;
    left:20px;
    top:30px;
    position: relative;
  }
  header {
    height:23%;
    width:96%;
    position:relative;
    margin-top:7%;
    margin-bottom:10px;
    display:block;
    left:2%;
    margin:0 auto;
    top:-4%;
  }
  header.navi {
    height:29%;
    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.terminonline {
    position:relative;
    top:21%;
    left:-122px;
    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%;
    padding-right:5%;
    padding-bottom:50px;
    padding-top:5%;
    width:50%;
    padding-left:13%;
    height:auto;
    margin:0 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:-1%;
    position:relative;
    margin-top:2%;
    float:left;
    margin-bottom:4%;
    padding:1% 5% 8% 6%;
    width:44%;
    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 {
    width:100%;
    float:left;
    background-color:#caf9c3;
    margin-top:30px;
    margin-bottom:10px;
    height:auto 
  }
  #main.allg {
    margin-top:-52px;
    margin-bottom:10px;
    height:1499px;
    top: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: -14%;
    position: relative;
    font-size: 450%;
    margin-top: 1%;
    margin: 0 auto;
    margin-bottom: 0px;
    height: auto;
    top: -94%;
    text-shadow: 2px -2px 1px #453e05;
    width: 90%;
    margin-bottom: 10px;
    -webkit-text-fill-color: #baa659;
    background: linear-gradient(0deg, rgb(202, 143, 67) 0%, rgb(216, 201, 155) 100%);
    background-clip: border-box;
    -webkit-background-clip: text;
    letter-spacing: 1px;
    text-align: center;
    font-style: oblique;
  }
  #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:-11%;
    left:-30%;
    position:relative;
    font-family:serif;
    font-size:328%;
    text-shadow:3px 3px 3px #fff 
  }
  #wechselbild3.imp {
    position:relative;
    top:-58px;
    left:20px;
    width:93%;
    margin-left:40px;
  }
  #navyquer.imp {
    width:140%;
    margin-bottom:5px;
    position:relative;
    top:-1037px;
    margin-left:0%;
    height:50px;
    left:-54%;
    float:left;
  }
  #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;
    padding:20px;
    margin-bottom:2px;
    margin-top:-4%;
    left:-18%;
  }
  #wasser.imp {
    position:relative;
    margin:-9% auto;
    font-size:98%;
    width:72%;
    padding-top:93%;
    top:-203px 
  }
  #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:auto;
    clear:both;
    width:100%;
    background-color:#9194CF82;
    position:relative;
    margin-top:78%;
    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:87%;
    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:-12%;
    top:-5%;
    display:inherit;
    padding:30px;
    margin-bottom:5px;
    left:15%;
    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 
  }
}
@media screen and (max-width: 1550px) {
  #wrapper.spez {
    padding-bottom: 95%;
  }
}
@media screen and (max-width:1500px) {
  header.imp {
    top:2% 
  }
  #pfeil.rueallg {
    left: 1%;
    position: relative;
  }
  #dreieck.spez {
    margin: 18% 3% 1% -6%;
  }
  #sprung.spez {
    top:-8%;
  }
   #navyoben.allg ul.oben {
    width: 54%;
    background-color: #f5e8b903;
    overflow: hidden;
    height: 3%;
    list-style-type: none;
    padding: 5px 10px;
    margin-top: 2%;
  }
   #navyoben.lomi ul.oben {
    width: 54%;
    background-color: #f5e8b903;
    overflow: hidden;
    height: 3%;
    list-style-type: none;
    padding: 5px 10px;
    margin-top: 4%;
  }
  #medien.navform {
    display: inline-block;
    position: relative;
    top: 1%;
    width: 200px;
    left: 59%;
    margin-top: 77%;
  }
  .abhyoel span {
    display: block;
    position: absolute;
    margin: -5% 1% 1% -1%;
    width: 84%;
    left: 3%;
  }
  .gkmass span {
    display: block;
    position: absolute;
    margin: -4% 1% 1% 1%;
    width: 81% 
  }
  .mobil span {
    width: 85%;
    top:-119%;
  }
  #bild.allg {
    left:75%;
    top:-19%;
    width: 19%;
  }
  #headline.spez {
    position: relative;
    top: -25%;
    height: 190px;
    margin: 0 auto;
    width: 94%;
    left:7%;
  }
  #wechselbild4.allg {
    position: relative;
    top: -16%;
    max-width: 84%;
    height: 68%;
    left: 2%;
  }
  #copy.raumimp {
    width: 19%;
    display: inline-block;
    margin-top: 3%;
    top: 19%;
    left: 46%;
    padding: 15px 31px 8% 
  }
  #bild.garschan {
    position: absolute;
    top:29%;
  }
  #spruchstart.allg {
    padding: 0% 11% 23% 1%;
    left: -274%;
  }
  #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;
  }
  ul.unten {
    position:relative;
    height:100px;
    top:12%;
  }
  #medien.kontakte {
    left:58%;
  }
  #rankefuss.allg {
    display:inline;
    position:absolute;
    top:52%;
    left:59%;
    width:80%;
  }
  #rankefuss.allg {
    top: 52%;
    left: 75%;
    width: 80%;
  }
  #starttableklass.spez {
    width:67%;
    height:auto;
    padding:3% 2% 7% 2%;
    top:22px;
    left:0%;
    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: 2%;
        position: relative;
        margin-top: -44%;
        width: 117%;
           }
  #sidebar.spez {
    top:12%;
    position:absolute;
    margin-left:45%;
    width:23%;
    float:left;
    margin-top:10px;
    height:40%;
    background: none;
    border: none;
  }
  #terminspez.allg {
    top:-40%;
    margin-top:1037px;
    text-align:center;
    opacity:1.0;
    width:55%;
    left:7% 
  }
  #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 {
    font:124%/1.4 sans-serif;
    width:83%;
    left: -6%;
  }
  #navyquer.nurmenue {
    margin-left:-1%;
    margin-top:34%;
    position:absolute;
    width: 62%;
  }
  #spiegelranke {
    position:relative;
    top:7%;
    left:82%;
    height:150px;
    margin-top:234px;
    margin-bottom:40px;
    width:18% 
  }
  #wechselbild3.imp {
    position:relative;
    top:-29%;
    left:-5%;
    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% 
  }
  #footer {
    top:-13%;
    clear:both;
    width:100%;
    background-color:#9194CF99;
    position:relative;
    margin-top:5px;
    margin-bottom:5px;
    margin-top: 10%;
  }
  h1.imp {
    font-size:300%;
    font-weight:bold;
    font-style:italic;
    top:-10%;
    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%;
    position:relative;
    top:-418px;
    font-size:110%;
    margin:10px 10px 10px;
    height:50px;
    left:-53%;
  }
  #navyquer.imp {
    width:140%;
    position:static;
    display:block;
    top:auto;
    height:50px;
    left:-55%;
    float:left;
    margin:-117% 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%;
    height:auto;
    margin-top:-11px;
    top:11%;
    left:12%;
    display:inherit;
    margin-bottom:20px;
    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: 1420px) {
  .gkmass span {
    display: block;
    position: absolute;
    margin: -15% 1% 1% 1%;
    width: 81%;
  }
  ul.rueklass {
    margin-left: 7%;
    margin-top: 20px;
    width: 46%;
    font-size: 115%;
  }
  a.allabhyopt {
    top: -7%;
    position: relative;
    text-align: center;
    font-size: 104%;
    font-family: chopin script, serif;
    width: 700px;
    display: inline-block;
    left: -1%;
    height: 42px;
  }
  #headline.spez {
    position: relative;
    top: -25%;
    height: 190px;
    margin: 0 auto;
    width: 97%;
    left: 8%;
    font-size: 88%;
  }
  a.allklassopt {
    left: -1%;
  }
  #klasslink {
    position: relative;
    top: -34px;
    width: 74%;
    margin-left: -21%;
    font-size: 118%;
  }
  a.allg {
    display: block;
    position: absolute;
    width: 95%;
    color: darkbrown;
    left: -24%;
    font-size: 149%;
    top: -128%;
    margin-right: 25%;
    margin: -1% 5%;
  }
  #wechselbild1.allg {
    top:108%;
    left:-20%;
    position: absolute;
  }
  #bild3.allg {
    position: relative;
    width: 57%;
    top: -1%;
    margin-top: 35px;
    margin-bottom: 30px;
    margin-left: 22%;
    border-style: outset;
    padding: 6%;
    color: white;
    left: -6%;
  }
  #abhylink {
    position: relative;
    left: 4%;
    text-align: center;
    width: 90%;
    top: -7%;
    font-size: 120%;
    margin-top: -7%;
  }
}
@media screen and (max-width:1400px) {
  #wrapper.rueck {
    width: 100%;
    height: 100%;
  }
  a.allabhyopt {
    left: -3%;
  }
  a.allklassopt {
    left: -1%;
  }
  #navyquer.rueallg {
    display:block;
    position:relative;
    top:auto;
    margin-top:-1300px;
    left:-29px;
    width:85% 
  }
  #navyoben.allg .oben a {
    display: flex;
    width: auto;
    padding: 5px 28px;
    font: 134% sans-serif;
  }
  #dreieck.spez {
    margin: 18% 3% 1% -4%;
  }
  #sprung.spez {
    width:75%;
    left:-18%;
  }
  #sprung.faq {
    margin-top: 32%;
    display: inline-block;
    left: 57%;
  }
  #medien.navform {
    display: inline-block;
    position: relative;
    top: 13%;
    width: 200px;
    left: 68%;
    margin-top: 77%;
  }
  h1.allg {
    left:-13%;
    top:-52%;
    font-size: 478%;
    width: 93%;
    font-family: chopin script;
  }
  #headline.spez {
    position: relative;
    top: -28%;
    height: 190px;
    margin: 0 auto;
    width: 97%;
    left: 1%;
    font-size: 88%;
  }
  #viererbild4.kontakt {
    width: 25%;
    margin: 1px 1px 1px 0px;
    top: 4%;
    left: 72%;
  }
  .abhyoel span,
  .gkmass span,
  .ruema span,
  .mobil span {
    font-size: 98% 
  }
  .abhyoel span {
    display: block;
    position: absolute;
    padding:6% 6% 3% 3%;
    width: 88%;
  }
  .gkmass span {
    display: block;
    position: absolute;
    margin:1% 0% 1% 0%;
    font-size: 95%;
    padding:6% 8% 1% 3%;
  }
  .ruema span {
    display: block;
    position: absolute;
    margin:-2% 1% 1% 1%;
    padding:6% 9% 2% 3%;
  }
  .mobil span {
    display: block;
    position: absolute;
    margin:-1% 1% 1% 1%;
    padding:5% 4% 1% 3%;
  }
  #bild3.allg {
    position: relative;
    width: 63%;
    left:-4%;
    padding: 3%;
    top: -2%;
  }
  header.allg {
    width: 93%;
    top: 1%;
    height: 23%;
    left: -1%;
  }
  #spruchstart.allg {
        padding: 0% 0% 18% 0%;
        left: -250%;
        margin-top: -30%;
        background-color: #ffc0cbeb;
        width: 97%;
    }
  #sidebar.spez {
    top: 24%;
    margin-left: 47%;
    background: #00f0;
    border: none;
  }
  #main.imp {
    width: 100%;
    float: left;
    background-color: #caf9c308;
    margin: auto -15% 10px;
    height: 700px 
  }
  #medien.neuinfo {
    left:75%;
  }
  #sidebar.imp {
    margin-top: 1%;
    left: -8% 
  }
  #medien.kontakte {
    width:20%;
    top:86%;
    height:99px;
    margin-top:20px;
    margin-bottom:20px;
    left:76% 
  }
  #starttableklass.spez {
    width:94%;
    height:auto;
    top:0%;
    left:1%;
    font-size:114%;
    margin-top:10px;
    margin-bottom:2px;
padding: 3% 0% 0% 0%;	
  }
  h3.ganzmass {
    color: rgb(221 239 222 / 4%);
    display: inline;
    float: right;
    font: 1.4em georgia italic;
    margin: 20px -150px;
    padding-left: 17%;
    position: absolute;
    text-shadow: 3px 3px 3px rgba(107, 214, 160, 0.02);
    top: 20%;
    left: 63%;
}
  #wechselbild10.allg {
    float:right;
    left:-29%;
    top:-9%;
    margin-top:-90%;
    width:117%;
    margin-bottom:20px;
    margin:10px 
  }
  #bild.allg {
    width:21%;
    top:-15%;
    margin-top:auto;
    margin-bottom:20px;
    left:77%;
    padding:4px;
    height:auto 
  }
  h1.navi {
    color:#790e9f;
    height:20%;
    margin-top:-54%;
    margin-left:38%;
    top:-66%;
    position:relative;
    width: 450%;
  }
  #main.termin {
    float:left;
    left:-1%;
    position:relative;
    width:87%;
    top:-1%;
    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% 
  }
  #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.termin {
    display:block;
    position:relative;
    width:105%;
    top:28px;
    font-size:128%;
    left:-54px 
  }
  #sidebar.term {
    width:19%;
    height:315px;
    padding:20px;
    margin-bottom:50px;
    margin-top:-39%;
    left:5%;
    top:-16%;
    padding:4% 
  }
  #dreieck.terminonline {
    top:1%;
    left:-12px;
    margin-top:5px;
    display:block;
    max-width:32% 
  }
      #main.allg {
        width: 97%;
        margin-left: -2%;
        margin-top: -4%;
    }
  #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;
    display: none;
  }
  #wechselbild1.allg {
    float:left;
    left:-30%;
    position:absolute;
    margin-top:-64%;
    width:119%;
    top:69%;
    margin-left:10px;
    margin-bottom:20px;
    margin:10px 
  }
     #starthome {
        top: 0%;
        font-size: 122%;
        margin: 0 auto;
        padding: 12px;
        left: 2%;
        padding-right: 28%;
        width: 64%;
    }
  #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 {
    padding-right:2%;
    margin:18px 30px;
    margin-bottom:16px;
    margin-bottom:17px;
    margin-bottom:0px;
    left:-1%;
    height:auto;
    padding-bottom:104px;
  }
  #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;
    top:-71%;
    font-size:110%;
    height:50px;
    left:9% 
  }
  #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 {
    margin-top:120px;
    position:relative;
    margin:0 auto;
    width:57%;
    margin-bottom:10px;
    margin-top:-11px 
  }
  #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 {
    left:5%;
    top:10% 
  }
  #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% 
  }
  #copy.raumimp {
    width: 19%;
    display: inline-block;
    margin-top: 3%;
    top: 26%;
    left: 42% 
  }
  #tablefuss {
    width:36%;
    position:absolute;
    top:53%;
    left:2%;
  }
  #footer {
    top:-1%;
    clear:both;
    width:100%;
    background-color:#9194CF99;
    position:relative;
    margin-bottom:5px 
  }
  #footer.imp {
    top:auto;
    clear:both;
    width:100%;
    background-color:#9194CF99;
    left:0%;
    margin-top:67%;
    padding: 2% 1% 2% 1%;
  }
  #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 
  }
  #footer.allg {
    width: 75% 
  }
}
@media screen and (max-width: 1325px) {
  #copy.raumnav {
    width: 22%;
    height: auto;
    margin-top: -11px;
    top: 9%;
    left: 14%;
    display: inherit;
    margin-bottom: 20px;
    padding-bottom: 3px;
  }
}
@media screen and (max-width:1300px) {
  header.allg {
    width: 93%;
    top: 2%;
    height: 21%;
    left: -1%;
  }
  #main.allg {
    width: 96%;
    margin-left: 0%;
    margin-top: 0%;
    padding-bottom: 10%;
  }
  #dreieck.allg {
    position: relative;
    top: -19%;
    left: 7%;
    margin-top: 12%;
    display: inherit;
  }
  #pfeil.rueallg {
    float:left;
    left:-5%;
  }
  #oelmassagen.option {
    left:-4%;
  }
  #sprung.spez {
    top: -4%;
    left: -15%;
  }
  #bild.allg {
    width:25%;
    top:-21%;
    margin-top:auto;
    margin-bottom:20px;
    left:72%;
    padding:4px;
    height:auto 
  }
  #medien.navform {
    display: inline-block;
    position: relative;
    top: 13%;
    width: 200px;
    left: 10%;
    margin-top: 77%;
  }
  a.allg {
    width: 80%;
    left:-15%;
  }
  #wrapper.spez {
    padding-bottom: 82%;
  }
  #viererbilder.kontakt {
    height: 43%;
  }
  #dreieck.spez {
    margin: 19% 3% 1% 20%;
    top: 26%;
  }
  #headline.spez {
    position: relative;
    top: -22%;
    height: 190px;
    margin: 0 auto;
    width: 97%;
    left: 1%;
    font-size: 88%;
  }
  h1.allg {
    left: -13%;
    top: -79%;
    font-size: 408%;
    width: 75%;
    text-align: center;
    height: auto;
  }
  #rezensionen {
    width:52%;
    position: relative;
    top: -23%;
    left: 16%;
    margin-top: 10px;
  }
  #copy.raumimp {
    width: 21%;
    margin: 3%;
    top: 26%;
    left: 66%;
    padding: 15px 29px 9%;
  }
  #starthome.rue {
    top: -8%;
  }
  .abhyoel span {
    display: block;
    position: absolute;
    padding: 2% 6% 1% 3%;
    margin-top: 1%;
  }
  .gkmass span {
    display: block;
    position: absolute;
    font-size: 95%;
    padding: 0% 6% 1% 3%;
    width: auto;
    background-color: #9c9999bd;
  }
     #wrapper.spez {
        padding-bottom: 100%;
        height: 2700px;
        width: 100%;
        left: 0;
    }
  #spiegelranke {
    position: relative;
    top: 7%;
    left: 82%;
    height: 150px;
    margin-top: 234px;
    margin-bottom: 40px;
    width: 18%;
  }
  #copy.raumnav {
    width: 22%;
    height: auto;
    margin-top: -11px;
    top: 8%;
    left: 17%;
    font-size: 96%;
  }
        #spruchstart.allg {
        top: 15%;
        padding: 0% 12% 14% 3%;
        left: -274%;
        width: 85%;
    }
  #willk.imp {
    position: relative;
    display: inline-block;
    top: -17%;
    left: 3%;
    height: auto 
  }
  li.start {
    display:none 
  }
  #starttableindex.imp {
    padding: 1% 5% 11% 6%;
    top: -62%;
  }
        #wechselbild1.allg {
        float: left;
        left: -29%;
        position: relative;
        margin-top: -36%;
        width: 115%;
        top: 82%;
           }
  td.kontakte {
    display:table-cell;
    background:lightgreen;
    height:60px;
    border-radius:15px;
    border:1px outset;
    width:320px 
  }
  #medien.kontakte {
    width:30%;
    top:86%;
    height:99px;
    margin-top:20px;
    margin-bottom:20px;
    left:76% 
  }
  #bild.garschan {
    top:20%;
    font-size:138%;
    left:4px;
    margin:0 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% 
  }
  #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;
    top:-34%;
    left:6%;
  }
  #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 {
    margin-top:8% 
  }
  #kurztext.imp {
    margin-top:auto 
  }
  #sidebar.imp {
    margin-bottom:2px;
    margin:3% 1% auto 77%;
    top:32%;
  }
  #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;
  }
  #copy.allg .start {
        position: absolute;
        top: 116%;
        left: 10%;
        list-style-type: none;
        height: 53px;
        display: inline-block;
        text-align: center;
    }
}
@media screen and (max-width: 1250px) {
  #dreieck.spez {
    margin: 21% 3% 1% 16%;
    top: -27%;
  }
  #headline.spez {
    position: relative;
    top: 5%;
    height: 65%;
    width: 88%;
    left: 1%;
  }
  #rezensionen {
    top:-51%;
  }
  #sprung.spez {
    top: -34%;
    left: -15%;
  }
  #bild.allg {
    width: 25%;
    top: -21%;
    margin-top: auto;
    margin-bottom: 20px;
    left: 78%;
    padding: 4px;
    height: auto;
  }
}
@media screen and (max-width:1200px) {
  #wrapper.spez {
    padding-bottom: 116%;
  }
  #dreieck.spez {
    margin: 22% 3% 1% 16%;
    top: -37%;
  }
  #oelmassagen.option {
    display: inline-block;
    position: relative;
    width: 136%;
    height: 800px;
    left:-8%;
  }
  #navyoben.allg .oben a {
    display: flex;
    width: auto;
    padding: 5px 18px;
    font: 134% sans-serif;
  }
  #sprung.faq {
    margin-top: 47%;
    display: inline-block;
    left: 55%;
  }
  #starthome {
    display: block;
    position: relative;
    width: 77%;
  }
  #medien.navform {
    display: inline-block;
    position: relative;
    width: 200px;
    left: 31%;
    margin-top: 125%;
    height: auto;
  }
  h1.allg {
    left:-14%;
    top:-63%;
    font-weight: lighter;
    width: 94%;
    margin: -6% 1% 10px 1%;
       text-align: center;
     }
  header.allg {
    width: 97%;
    top: 2%;
    height: 19%;
    left: -1%;
  }
  #rezensionen {
        width: 62%;
        top: -111%;
        left: 7%;
    }
  #viererbild1.kontakt {
    top:9px;
  }
  #viererbild3.kontakt {
    width: 22%;
    margin: 4px 3px 1px 11px;
    left: 46%;
    top: 3%;
  }
  #viererbild4.kontakt {
    width: 25%;
    margin: 8px 1px 1px 0px;
    top: 1%;
    left: 72%;
  }
  #main.allg {
    top: 2%;
    margin-left: 0%;
    margin-top: -82px;
    padding-bottom: 22%;
  }
     #bild.allg {
        left: 72%;
        top: -15%;
    }
  #spruchstart.allg {
    padding: 0% 12% 23% 4%;
    left: -320%;
    top:-18%;
    width: 116%;
  }
  #viererbilder.kontakt {
    width: 95%;
    height: auto;
    margin: 33px auto;
    padding: 5px 10px;
  }
  #navyquer.nurmenue {
    margin-left: 0%;
    margin-top: 28%;
    position: absolute;
    width: 68%;
  }
  #starttableklass.spez {
    width: 70%;
    padding: 3% 2% 7% 6%;
  }
  #copy.raumimp {
    left: 60%;
    padding: 15px 30px 12% 
  }
  #willk.imp {
    width: 50%;
    top:2%;
    left: -16% 
  }
  #sidebar.imp {
    margin: 3% 1% auto 87%;
    top: 5%;
    width: 30% 
  }
  #spruchstart.imp {
    width: 72%;
    left: -16%;
  }
  #starttableindex.imp {
    top:-90% 
  }
  table.medien {
    display:table-cell;
    width:100%;
    padding-left:31px;
    height:auto;
    text-align:center 
  }
  table.nebenlink {
    display:inline-block;
    padding:30px 21px;
    width:90%;
    position:relative;
    margin-left:-3%;
  }
  #medien.neuinfo {
    left:80%;
    top:4%;
    position:relative;
    display:block;
    width:231px;
    margin-top:-118%;
  }
  #nebenlink.ruefu {
    display:block;
    position:relative;
    left:25%;
    margin-left:-15%;
    width:500px;
  }
  #medien.kontakte {
    position:absolute;
    width:30%;
    top:297%;
    height:99px;
    margin-top:20px;
    margin-bottom:20px;
    left:75% 
  }
  #bild.marma {
    position:relative;
    display:block;
    top:-2%;
    font-size:158%;
    left:-85px 
  }
  td.termonline {
    display:table-cell;
    background:linear-gradient(to right, #ef7fe8 0%,#e93cec99 99%);
    height:60px;
    border-radius:15px;
  }
  td.zwischenoder {
    display: table-cell;
  }
  td.hoerer {
    display:none;
    height:20px;
  }
  td.kontakte {
    display:table-cell;
    background:lightgreen;
    height:60px;
    border-radius:15px;
  }
  #copy.raumnav {
    width:24%;
    height:auto;
    margin-top:-25%;
    top:17%;
    padding:35px;
    margin-bottom:5px;
    left:-6%;
    font-size:86%;
    margin-left:59% 
  }
  #main.termin {
    width:100%;
    float:left;
    background-color:#caf9c300;
    margin-bottom:10px;
    height:2896px;
    top:auto;
    margin:0 auto;
    margin-top:-53px;
    left:-89px 
  }
  #copy.raumnav {
    width:25%;
    height:auto;
    margin-top:-25%;
    top:11%;
    padding:35px;
    margin-bottom:5px;
    left:9%;
    font-size:94%;
    margin-left:68% 
  }
  header.navi {
    height:35%;
    width:111%;
    margin-bottom:10px;
    left:0%;
    margin-top:64px;
    top:-7%;
    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:10%;
    width: 70%;
  }
  #headline.allg {
    background-color:#87e3a400;
    width:64%;
    left:-60px;
    height:129px;
    margin-bottom:2px;
    top:-49px;
    margin:0 auto 
  }
  #wrapper.termin {
    width:80%;
    margin:0 auto;
    height:1261px;
  }
  #spruchstart {
    height:600px;
    position:relative;
    padding:3%;
    margin-left:61px;
    margin-right:3%;
    background-color:#99319099;
    width:94%;
    left:-27%;
  }
  #bild.garschan {
    position:relative;
    display:block;
    top:-287px;
    font-size:130%;
    left:19px 
  }
  #sprung.spez {
    width:80%;
    left:-11%;
    margin-left:3px;
    margin-right:30px;
    top: -30%;
  }
  #wechselbild10.allg {
    float:right;
    left:-25%;
    position:absolute;
    top:63%;
    margin-top:-183%;
    width:127%;
    margin:0 auto 
  }
  #wechselbild2.fuss {
    position:relative;
    left:15px;
    top:-7%;
    width:96% 
  }
  #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: -23%;
        position: absolute;
        width: 123%;
        margin: 0 auto;
        top: -12%;
    }
  #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 
  }
  #nav.imp {
    width:100%;
    margin-top:1%;
    margin-bottom:10px;
    position:relative;
    top:-2%;
    font-size:110%;
    margin:0 auto;
    height:50px;
    left:-16px 
  }
  #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:98%;
    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%;
    font-weight:bold;
    font-style:italic;
    top:3%;
    left:-23%;
    text-shadow:3px 3px 3px #fff 
  }
  #kurztext.imp {
    margin:28px 33px 17px 66px;
    padding-left:2px;
    width:380px 
  }
  #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 
  }
  h1.imp {
    left:-5% 
  }
  #sprung.imp {
    top:-27%;
    float:left;
    left:8%;
    margin-top:2%;
    display: block;
  }
  #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-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:2%;
    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;
  }
  #footer.allg {
    width: 75%;
    margin-top:135%;
	left:-3%;
  }
}
@media screen and (max-width: 1180px) {
  #dreieck.spez {
    margin: 21% 3% 1% 22%;
    top: -35%;
  }
  #sprung.faq {
    margin-top: 48%;
    display: inline-block;
    left: 55%;
  }
}
@media screen and (max-width: 1130px) {
  #starthome {
    display: block;
    position: relative;
    width: 78%;
  }
       #wrapper.spez {
        padding: 1% 113px;
        padding-bottom: 126%;
        height: 3000px;
        width: 99%;
        left: 0;
    }
  #dreieck.spez {
    margin: 22% 3% 1% 15%;
    top: -23%;
  }
  #sprung.faq {
    margin-top: 22%;
    display: inline-block;
    left: 27%;
  }
}
@media screen and (max-width:1115px) {
  #willk.imp {
    width: 50%;
    top: 2%;
  }
     #main.allg {
        margin-top: -10%;
        left: 14%;
        top: -12%;
    }
  #oelmassagen.option {
    display: inline-block;
    position: relative;
    width: 106%;
    height: 800px;
    left: -12%;
  }
  a.allabhyopt {
    left: -11%;
  }
  #starthome {
    display: block;
    position: relative;
    width: 88%;
    left:-3%;
  }
  #sprung.faq {
    margin-top: 12%;
    display: inline-block;
    left: 77%;
  }
  #navyoben.allg ul.oben {
    display: flex;
    position: relative;
    width: 49%;
    overflow: hidden;
    height: 3%;
  }
        header.allg {
        width: 92%;
        left: 11%;
    }

  #copy.raumimp {
    padding: 15px 29px 11%;
    left: 66%;
    top: 22% 
  }
  #rankefuss.allg {
    top: 13%;
    left: 79%;
    width: 39%;
  }
  #navyquer.nurmenue {
    margin-left: 23%;
    margin-top: 46%;
    position: absolute;
    width: 82%;
  }
  #spruchstart.allg {
    padding: 11% 12% 23% 8%;
    left: -327%;
    top: 32%;
    width: 104%;
  }
  #starttableindex.allg {
    margin-top:12px;
    padding-right:2%;
    margin:7px -82px;
    margin-bottom:1px;
    left:9%;
    width:85%;
    height:auto;
    font-size:74%;
    padding-bottom:2%;
    top:4%;
  }
 #sidebar.spez {
    top: 18%;
    position: absolute;
    margin-left: 36%;
    width: 26%;
    float: left;
    margin-top: 10px;
    left: 31%;
    padding: 21px 0px 1px 10px;
}
  #fusslink {
    position:relative;
    left:62%;
    top:-33px;
    width:108px 
  }
  #wechselbild4.allg {
    width:102%;
  }
  #medien.kontakte {
    position:absolute;
    width:30%;
    height:99px;
    margin-top:20px;
    margin-bottom:20px;
    left:71% 
  }
  #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:-66%;
    margin-right:30px;
    top:auto;
    margin-bottom:15% 
  }
  #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: 175%;
    margin-top: -183%;
    width: 130%;
    margin: 0 auto;
}
  #spruchstart {
    height:auto;
    position:relative;
    padding:3%;
    margin-left:61px;
    margin-right:3%;
    background-color:#99319099;
    width:116%;
    left:-27%;
  }
  #copy.raumnav {
    width:61%;
    margin-top:-25%;
    top:18%;
    padding:19px;
    margin-bottom:5px;
    left:-44%;
    font-size:86%;
    margin-left:59% 
  }
  #main.termin {
    width:100%;
    float:left;
    background-color:#caf9c300;
    margin-top:88px;
    margin-bottom:10px;
    height:auto 
  }
  #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 
  }
  h1.rueallg {
    font-weight:bold;
    font-style:italic;
    top:-51%;
    left:-2%;
    margin-top:50px;
    position:relative 
  }
  #wasser.abhy {
    position:relative;
    margin:-9% auto;
    font-size:85%;
    top:141px 
  }
  #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 {
    font-size:150%;
    font-style:oblique;
    left:17%;
    font-family:serif;
    width:100px;
    text-align:center;
    top:13%;
    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.navi {
    width:100%;
    background-color:#caf9c300;
    margin-bottom:10px;
    height:3000px;
    top: auto;
  }
  #dreieck {
    position:absolute;
    top:64%;
    left:12px 
  }
  #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 {
    display:block;
    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% 
  }
  #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:-10%;
    position:relative;
    font-family:serif;
    font-size:290%;
    margin-top:103px;
  }
  #sidebar.imp {
    width:27%;
    height:463px;
    position:relative;
    padding:20px;
    margin:-11px 2% 1% 76%;
    margin-top:-11%;
    top:20%;
  }
  #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:5%;
    margin-top:15%;
    float:left;
    margin-bottom:4%;
    padding:3% 7% 9%;
    width:47%;
    height:385px;
    top:-89% 
  }
  #kurztext.imp {
    margin:-109px 33px 17px -4px;
    padding-left:60px;
    width:380px;
    top:5px;
    text-align: left;
  }
  #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-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:1080px) {
  #wechselbild4.allg {
    max-width: 120%;
  }
  #sprung.faq {
    top: -46%;
    display: block;
    left: -6%;
  }
  #navyoben {
    display: block;
    position: relative;
    margin: 12px 1% 12px 2%;
    width: 96%;
  }
  #navyoben.allg ul.oben {
    display: flex;
    margin-top: -2%;
    width: 64%;
    overflow: hidden;
    height: 3%;
  }
  #info.allg {
    display: inline-block;
    position: relative;
    top:-6%;
    left:-1%;
    width: 143%;
    margin-top: -39%;
  }
  #medien.navform {
    display: inline-block;
    position: relative;
    top: 13%;
    width: 200px;
    left: 31%;
  }
  #rezensionen {
    width:85%;
    top: 12%;
    left: 6%;
    height: 42px;
    padding:3px 1px 3px 1px;
    margin:6px 1px 3px 1px;
  }
  .abhyoel span,
  .gkmass span,
  .ruema span,
  .mobil span {
    font-size: 90%;
    margin-bottom: 1px;
    font-size: 80%;
    width: 87%;
    top: -40%;
    margin: -13% 1px;
    padding: 4% 6% 1% 3%;
    height: 41px;
  }
  .ruema span {
    display: block;
    position: absolute;
  }
  #copy.raumimp {
    top:18% 
  }
  #medien.neuinfo {
    left:65%;
    top:-31%;
  }
  #rankefuss.allg {
    display:inline;
    position:absolute;
    left:64% 
  }
  #starttableindex.imp {
    padding: 3% 5% 10% 9% 
  }
  #copy.raumstart {
    font:80% serif;
    height:auto;
    width:23%;
    top:18%;
    margin-top:10px;
    left:44%;
  }
  #klasslink {
    position: relative;
    left: 3%;
    top: 1%;
    margin: 0 auto;
  }
  #spruchstart.allg {
    padding: 11% 12% 23% 8%;
    left: -348%;
    top: 22%;
    width: 87%;
    height: 51%;
  }
  #wechselbild4.fuss {
    display:block;
    width:93%;
    top:1%;
    left:auto;
    position:relative 
  }
  #dreieck.spez {
    position:relative;
    left:22%;
    width:528px;
    margin-top:19%;
    margin-left:-77px;
    top: 8%;
  }
  #medien.kontakte {
    position:absolute;
    width:30%;
    top:29%;
    height:99px;
    margin-top:20px;
    margin-bottom:20px;
    left:64% 
  }
  #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:auto;
    height:auto;
    width:57%;
    margin-left:11%;
  }
  #dreieck.terminonline {
    top:1%;
    left:-12px;
    margin-top:5px;
    width:90% 
  }
  #main.termin {
    width:99%;
    margin-top:2%;
    margin-bottom:120px;
    top:-2%;
    left:-95px;
    height:auto;
    margin:0 auto 
  }
  #wechselbild2.advent {
    left:-21px;
    top:60px;
    width:111%;
    margin:0 auto;
    height:auto;
    margin-top:10% 
  }
  #willk {
    position:relative;
    display:inline;
    top:-69px;
    left:63px 
  }
  #wechselbild2.mob {
    position:relative;
    top:-275px;
    left:100px;
    width:87% 
  }
  #wechselbild10.allg {
    float:left;
    left:-21%;
    position:absolute;
    top:228%;
    margin-top:-90%;
    width:114%;
  }
  #starthome.ganz {
    width:70%;
    left:-2%;
    position:relative;
    margin-left:3px;
    margin-top:-114px;
    text-align:center;
    display:inherit;
    margin-right:30px;
    font:116%/1.4 sans-serif;
    letter-spacing: 0px;
  }
  #bild.allg {
    position:absolute;
    width:22%;
    top:-13%;
    margin-top:50px;
    left:70%;
    height:15%;
    padding-bottom: 12px;
    padding-right: 8px;
  }
  #ruecklink {
    position:relative;
    left:-34px;
    top:28px;
    display:inline;
    margin-right:80px 
  }
  #copy.allg {
    top:auto;
     left:2px;
    height:136px;
    margin-top:auto;
    display:inherit;
    position:absolute;
    width:857px;
    margin:2% 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:absolute;
    margin-left:3px;
    margin-top:-162px;
    text-align:center;
    display:inherit;
    margin-left:30px;
    top:150%;
  }
  #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:69%;
    margin-bottom:50px;
    border-style:outset;
    padding:25px 1px;
  }
  #bild.marma {
    position:absolute;
    display:block;
    top:43%;
    font-size:162%;
    left:-6%;
    width:53%;
    margin-top:0%;
  }
  #bild.garschan {
    position:absolute;
    display:block;
    top:167%;
    font-size:140%;
    left:19%;
    width:30%;
  }
  #starttableklass.spez {
    width:83%;
    height:auto;
    top:10px;
    left:-5%;
    padding:10% 8% 14% 6%;
    font-family:serif;
    font-size:114%;
    margin-top:10px;
    margin-bottom:20px;
    position: relative;
  }
  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 {
    width: 131%;
    font-size: 374%;
    margin-top:4%;
    left: -19%;
    top: -54%;
    position: absolute;
    text-shadow: none;
    -webkit-text-fill-color: #baa65900;
    background: linear-gradient(0deg, rgba(202, 143, 67, 0) 0%, rgba(216, 201, 155, 0) 100%);
  }
  #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:97%;
    left:-4%;
    display:block;
    margin-top:1px;
    margin:0 auto 
  }
  #wechselbild1.allg {
    float:right;
    left:-9%;
    position:absolute;
    margin-top:-52%;
    top:92%;
    margin-left:-12%;
    max-width:109%;
  }
  #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 {
        margin-bottom: 120px;
        top: 12%;
        height: 1712px;
        width: 90%;
        left: 5%;
    }
  header.fuss {
    height:250px;
    width:100%;
  }
  header.allg {
    height:16%;
    width:97%;
    margin-bottom:10px;
    top:1%;
    left: 0%;
    background: #f1e5a3;
  }
  #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;
    padding-right:8%;
    position:relative;
    margin:0 auto;
    left:0%;
    width:81%;
    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% 
  }
  #zurueck {
    display:block;
    position:relative 
  }
  #kurztext.imp {
    font:110%/1.2 sans-serif;
    margin:-97px 33px 17px -75px;
    padding-left:123px;
    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 {
    height:auto;
    margin-top:3%;
    display:inherit;
    padding-bottom:3px;
    margin:0 auto;
    top: auto;
    left: 14%;
  }
  #footer {
    top:7%;
    clear:both;
    width:100%;
    position:relative;
    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 
  }
}
@media screen and (max-width: 1050px) {
  #viererbilder.kontakt {
    width: 95%;
    height: auto;
    margin: 23px auto;
    padding: 10px 5px;
  }
}
@media screen and (max-width: 1024px) {
  #footer.allg {
    width: 93%;
  }
  #navyoben.allg .oben a.telinfo {
    display: flex;
    width: 75%;
    padding: 5px 28px;
    font: 100%sans-serif;
    top:-2%;
    height: 25px;
  }
  #navyoben.allg .oben a {
    display: flex;
    width: auto;
    padding: 5px 28px;
    font: 116% sans-serif;
    text-decoration: none;
    background-color: #ead896;
  }
  .ruema span {
    display: block;
    position: absolute;
  }
  h1.allg {
        width: 151%;
        left: -23%;
        top: -3%;
        margin: -29% 1% 10px -19%;
        text-shadow: 2px -2px 1px #453e0508;
        width: 90%;
        margin-bottom: 10px;
        -webkit-text-fill-color: #baa65908;
       background: #80000005; 
	   }
  h1.navi {
    color: #790e9f;
    height: 20%;
    margin-top: -54%;
    margin-left: 38%;
    top: -66%;
    position: relative;
    width: 450%;
    font-family:serif;
  }
  #rankefuss.allg {
    top: 49%;
    left: 59%;
    width: 39%;
  }
  a.allg {
    width: 80%;
    left:-15%;
    font-size: 100%;
    margin: 16% 5%;
  }
  
  header.allg {
    border:none 
  }
  #viererbild2.kontakt {
    width: 18%;
  }
  #viererbild4.kontakt {
    width: 25%;
  }
  #starthome.ganz {
    font: 116%/1.4 sans-serif;
    letter-spacing: 0px;
  }
  #spruchstart.allg {
    padding: 11% 12% 23% 8%;
    left: -364%;
    top: 22%;
  }
  #headline.spez {
    position: relative;
    top: auto;
    height: auto;
    width: 57%;
    margin-left: 21%;
  }
         #info.allg {
        display: inline-block;
        position: absolute;
        left: -19%;
        margin-top: -176%;
        width: 135%;
    }
}
@media screen and (max-width:950px) {
  #info.allg {
    margin-top:-7%;
  }
  h2.rue {
    font-weight: bold;
    font-size: 104%;
    margin-top: 5%;
  }
  a.allabhyopt {
    margin-top: -18%;
    position: relative;
    text-align: center;
    font-size: 104%;
    font-family: chopin script, serif;
    width: 700px;
    display: inline-block;
    left: -1%;
    height: 39px;
  }
  ul.rueklass {
    margin-left: 7%;
    margin-top: 20px;
    width: 46%;
    font-size:95%;
  }
  #starttableindex.allg {
    height: 1671px;
    font-size: 98%;
  }
  h1.rueallg {
    left:-12%;
  }
  td.klasslink {
    display: table-cell;
    position: relative;
    width: 750px;
    height: 44px;
    top:40px;
  }
  #rezensionen {
    left: 4%;
    margin-top:52%;
    width: 80%;
    margin-bottom: -20px;
    color: #443b1b;
    text-shadow: 1px -1px 1px #e9cf6b;
    position: absolute;
    top: 4%;
  }
  #navyoben.allg ul.oben {
    display: flex;
    position: relative;
    width: 62%;
    overflow: hidden;
    height: 3%;
    left: -3%;
  }
  #sprung.faq {
    margin-top: 70%;
    display: block;
    left: 0%;
    width: 82px;
  }
  #spruchstart.allg {
    padding: 11% 12% 23% 8%;
    left: -378%;
    top: 22%;
  }
  #viererbild1.kontakt {
    top: auto;
    margin: 0px 10px 1px 0%;
  }
  #bild.allg {
    position: absolute;
    width: 22%;
    top: -13%;
    margin-top: 50px;
    left: 70%;
    height: 14%;
  }
  h1.allg {
    font-size: 360%;
    margin-top: -9%;
    left: -30%;
    top: -42%;
    width: 116%;
    position: absolute;
    font-weight: 580;
  }
  #viererbild2.kontakt {
    width: 18%;
  }
  #viererbild3.kontakt {
    width: 22%;
  }
  .mobil span {
    display: block;
    position: absolute;
    margin: -5% 1% 1% 1%;
    padding: 5% 4% 1% 3%;
  }
  #copy.raumnav {
    width: 90%;
    margin-top: 3%;
    display: inherit;
    padding-bottom: 3px;
    margin: 0 auto;
    top: 3%;
    left: 0%;
  }
  #bild3.allg {
    position: relative;
    width: 67%;
    left:-6%;
    margin-top: -17%;
    margin-top: 5%;
  }
  #viererbilder.kontakt {
    width: 95%;
    height: auto;
    top:-2%;
    position: absolute;
  }
  #starttableklass.spez {
    width: 82%;
    height: auto;
    top: 10px;
    left: 0%;
    padding: 10% 8% 14% 6%;
    font-family: serif;
    font-size: 114%;
    margin-top: -27px;
    margin-bottom: 20px;
  }
  #starthome.ganz {
    width: 89%;
    left: 3%;
    font-size: 128%;
  }
  #navyquer.nurmenue {
    margin-left: 16%;
    margin-top: 35%;
    position: absolute;
    width: 82%;
  }
  #rankefuss.allg {
    display: none;
    position: absolute;
    left: 58%;
  }
  #spruchstart.imp {
    width: 72%;
    left: -1% 
  }
  h1.imp {
    top: -65%;
    left:-2% 
  }
  #bild.garschan {
    position: absolute;
    display: block;
    top: 79%;
    font-size: 271%;
    left: 16%;
    width: 30% 
  }
  #wechselbild4.allg {
    left: -4%;
    max-width: 99%;
    top: -23%;
  }
  #wechselbild1.allg {
    float: right;
    left: -3%;
    position: absolute;
    margin-top: -52%;
    top: 76%;
    margin-left: -12%;
    width: 69%;
  }
  #wechselbild10.allg {
    float: left;
    left: 36%;
    position: absolute;
    margin-top: -177%;
    width: 67% 
  }
  #spruchstart.allg {
    padding: 4% 12% 23% 8%;
    left: -95%;
    top: auto;
    width: 75%;
    height: 60%;
    background: linear-gradient(to right, #ef7fe8d4 0%,#d41fd7bf 99%);
    margin: 39% 2% 2% 99%;
  }
  header.allg {
    height: 11%;
    width: 97%;
    margin-bottom: 10px;
    top: 1%;
    left: 0%;
  }
  #klasslink {
    position:relative;
    left:27%;
    margin:-9% -14%;
    width:497px;
    height: 49px;
  }
  header.imp {
    top: 2%;
    left:1% 
  }
  #sprung.imp {
    display:block;
  }
  #copy.raumimp {
    top: 30%;
    padding-bottom:12% 
  }
  #medien.neuinfo {
    left:28%;
    top:38%;
    height: auto;
    width: 289px;
  }
  a.telinfo {
    display:table-cell;
    position:relative;
    color:aliceblue;
    width:200px;
    height:auto;
    top:-38px;
    left:10px;
  }
  td.neuinfo {
    display:inline-block;
    border: 3px outset yellow;
    border-radius: 15px;
    height: 44px;
    margin-top: 20px;
    width: 199px;
  }
  #spiegelranke {
    position:absolute;
    top:19%;
    left:53%;
    background-color:#caf9c300;
    height:150px;
    margin-top:63%;
    margin-bottom:20px;
    width:26%;
  }
  #medien.kontakte {
    position:absolute;
    width:30%;
    top:44%;
    height:99px;
    margin-top:20px;
    margin-bottom:20px;
    left:68%;
    margin:0 auto 
  }
  #wechselbild3.imp {
    position:relative;
    top:-2%;
    left:-5%;
    width:98%;
    margin-left:40px 
  }
  #navyquer ul.top {
    display:block;
    border-radius:10px;
    color:#fff0;
    width:107%;
    clear:both;
    left:-99%;
    float:left;
    background:#add8e600;
    margin-left:29%;
    top:-18px;
    position:relative;
    height:18px;
  }
  #medien.kontakte {
    position:absolute;
    width:30%;
    top:21%;
    height:99px;
    margin-top:20px;
    margin-bottom:20px;
    left:71% 
  }
  td.termonline {
    display:table-cell;
    background:linear-gradient(to right, #ef7fe8 0%,#e93cec99 99%);
    height:61px;
    border-radius:15px;
    border: 3px outset yellow;
  }
  td.hoerer {
    display:table-cell;
    height:20px;
    border:none;
  }
  td.kontakte {
    display:none;
    background:lightgreen;
    height:60px;
    border-radius:15px;
  }
  a.allg {
    display: block;
    position:absolute;
    color:#690c0c;
    font-size:105%;
    margin-top:30%;
  }
  a.tel:link {
    color:white;
    display:block;
    position:relative;
    top:-35px;
    left:60px;
    width:122px 
  }
  #rankefuss {
    display:inline;
    position:absolute;
    top:-2%;
    left:68% 
  }
  #dreieck.spez {
    position:absolute;
    left:5%;
    width:400px;
    margin-left:-77px;
    top: 0%;
    margin-top: 6%;
  }
  #headline.spez {
    position:absolute;
    height:auto;
    width:63%;
    top: 52%;
    margin-left: 19%;
  }
  #main.termin {
    width:100%;
    margin-top:2%;
    margin-bottom:120px;
    top:-1%;
    left:-88px;
    height:3000px 
  }
  #wrapper {
    width:99%;
    height:1284px;
    top:-1% 
  }
  #copy.navi {
    top:auto;
    left:25%;
    display:inherit;
    width:93%;
    left:3%;
    height:78%;
    top:2%;
    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.termin {
    width:96%;
    margin:0 auto;
    height:1261px;
    top:-100px 
  }
  #sprung.allg {
    display:block;
    top:-1%;
    float:left;
    position:fixed;
    left:73%;
  }
  #dreieck.terminonline {
    top:21%;
    left:-19px;
    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:-90px;
    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 {
    width: 467%;
    margin-left:-133%;
    margin-top: -62%;
  }
  #dreieck.navi {
    position:absolute;
    margin-top:8%;
    left:15%;
    width:52%;
    margin-left:134px;
    top:39%;
  }
  header.navi {
    height:24%;
    width:116%;
    margin-bottom:10px;
    left:-2%;
    margin-top:64px;
    top:-5%;
    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:106%;
    top:auto;
    margin-top:20px;
    left:-1%;
    font:94%/1.4 sans-serif 
  }
  #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 {
    text-shadow:1px 1px 1px #fff;
    padding-left:18%;
    position:relative;
    font-family:serif;
    font-size:200%;
    color:#261f7b;
    top:auto;
    left:-16%;
    width:528px;
    margin-top:-109px;
    font-size:170% 
  }
  #spruchallg {
    height:189px;
    margin-left:750px;
    margin-top:-587px;
    left:-119px;
    top:auto;
    width:29%;
    position:relative 
  }
  #willk {
    position:relative;
    display:block;
    top:-3%;
    left:114px;
    max-width:67%;
  }
  #abhylink {
    position:relative;
    left:-1%;
    width:122%;
    top: -19%;
    margin: 3% 2% 1% 5%;
    width: 93%;
  }
  #sprung.spez {
    width:74%;
    left:2%;
    position:absolute;
    margin-left:-2px;
    margin-top:-32%;
    top:160%;
  }
  #bild.allg {
    width:22%;
    margin-top:-5px;
    left:76%;
    height:auto;
    padding-top:1px;
    height:262px;
    background:#f5f5dc00;
    border:#f5f5dc00;
    top:-10%;
  }
  #main.allg {
    margin-top:12%;
    margin-bottom:120px;
    left:0%;
    height:1900px;
    top: 2%;
  }
      #fruehangeb {
        font-size: 120%;
        font-style: oblique;
        left: 5%;
        font-family: serif;
        width: 200px;
        text-align: center;
        top: -1%;
        background: #80808000;
        margin-top: 18px;
    }
  #sidebar.spez {
    top:90%;
    position:absolute;
    left:-4%;
    margin-left:5px;
    float:right;
    width:95%;
    margin-top:92%;
    height: auto;
  }
  #copy.raumstart {
    font:80% serif;
    height:116px;
    margin-bottom:1px;
    opacity:0.9;
    padding:1%;
    padding-top:1%;
    padding:1% 15%;
    padding-bottom:20px;
    left:-10%;
    display:inherit;
    width:46%;
    height:auto;
    top:90% 
  }
  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:98%;
    height:1050px;
    top:5%;
    position:relative;
    margin-top:-13% 
  }
  #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:11%;
    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:109%;
    background-color:#caf9c300;
    margin-top:112px;
    margin-bottom:10px;
    height:52%;
    top:-8%;
    left:29% 
  }
  #header.fuss {
    height:10%;
    width:101%;
  }
  header {
    height:300px;
    width:105%;
    margin-bottom:10px;
    top:2px;
  }
  #header.imp {
    height:300px;
    width:99%;
    margin-bottom:10px;
    top:122px;
    left:-3px;
  }
  #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 
  }
  #kurztext.imp {
    margin:-189px 20px 17px 6px;
    padding-left:15%;
    width:380px;
    top:20px;
    font: 110%/1.4 sans-serif;
  }
  #starttableindex.imp {
    left:2%;
    margin-top:19px;
    margin-bottom:4%;
    width:55%;
    height:276px;
    top:-62%;
    padding: 11% 5% 30% 2% 
  }
  #sidebar.imp {
    width:29%;
    height:347px;
    padding:20px;
    margin-bottom:2px;
    margin-top:9%;
    left:-9%;
    top: -2% 
  }
  #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:128%;
    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% 
  }
  #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:auto;
    clear:both;
    margin-bottom:5px;
    left:4%;
    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:150px;
    margin-top:auto;
    display:inherit;
    position:absolute;
    width:98%;
    font-size:105%;
    margin-left:-1px 
  }
  #copy.allg .start {
    position: relative;
    top: 61%;
    left: auto;
    display: inline-block;
    list-style-type: none;
    height: 80px;
  }
  #footer.allg {
    top: 35%;
    width: 93%;
  }
  #wrapper.spez {
    padding-bottom: 168%;
    height: 4200px;
  }
}
@media screen and (max-width:900px) {
  #rankefuss.allg {
    display:none;
    position:absolute;
    top:77%;
    left:66%;
    width:31%;
  }
  #medien.navform {
    display: inline-block;
    position: relative;
    top: auto;
    width: 200px;
    left: 30%;
    margin-top: 144%;
  }
  #sprung.faq {
    margin-top: 55%;
    display: block;
    left: 6%;
    top: -9%;
    width: 90px;
  }
  #rezensionen {
    top:14%;
    left:8%;
  }
  a.rez {
    font-size: 105%;
  }
  #marmalink {
    display: inline-block;
    position: relative;
    left: 23%;
    margin-top: 15%;
  }
  #dreieck.spez {
    margin-top:18%;
  }
  h1.allg {
    margin-top:1%;
  }
  header.allg {
    height: 13%;
    width: 97%;
    margin-bottom: 15px;
    top: 1%;
    left: 0%;
    border-style: outset;
    border-color: #e4d493;
  }
  #viererbild1.kontakt {
    width: 23%;
    position: relative;
    display: inline-block;
    left: 1%;
  }
  #viererbild2.kontakt {
    width: 19%;
    margin: 4px 10px 1px 0%;
    padding: 5px 5px 5px 5px;
  }
  #viererbild3.kontakt {
    width: 24%;
    margin: 4px 3px auto 3px;
  }
  #viererbild4.kontakt {
    width: 27%;
    margin: 8px 1px 1px -6px;
  }
  #bild3.allg {
    position: relative;
    left:-4%;
    top: 3%;
  }
  #klasslink {
    left:15%;
    margin: -1% 4%;
  }
  #viererbilder.kontakt {
    width: 95%;
    height: auto;
    top:-2%;
    font: 90% serif;
  }
  #starthome.ganz {
    width: 95%;
    left: 3%;
    font-size: 128%;
  }
     #medien.neuinfo {
        left: 32%;
        top: 45%;
        height: auto;
    }
  #spruchstart.allg {
    padding: 4% 12% 23% 8%;
    left: -99%;
    top: auto;
    width: 72%;
    height: 92%;
    position: absolute;
    margin: -3% 2% 2% 99%;
  }
  #sprung.spez {
    left: 8%;
    position: absolute;
    margin-left: 3%;
    top: 111%;
    margin-top:1%;
    width: 66%;
  }
  h1.imp {
    top: -65%;
    left:-9%;
  }
  #willk.imp {
    width: 50%;
    top: -8%;
    left: 5%;
  }
  #wrapper.spez {
    margin:0 auto;
    height:3500px;
    width:98%;
    left:2px;
    position:absolute;
    top:2px;
    padding-bottom: 188%;
  }
  #headline.mob {
    display:block;
    position:relative;
    top:10%;
    left:-7%;
    width:350px;
    background:#00f0;
  }
  #medien.kontakte {
    position:absolute;
    width:30%;
    top:160%;
    height:99px;
    margin-top:20px;
    margin-bottom:20px;
    left:68% 
  }
  table.nebenlink {
    display:table-cell;
    padding:30px 84px;
    font-size:120%;
    width:auto;
    left:0% 
  }
  th.oder {
    display:table-cell;
    width:141px;
    padding:3% 2%;
  }
  #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:118px;
    top:25px;
    margin-top:8px 
  }
  #spruchstart {
    height:94%;
    padding:3%;
    margin-left:12px;
    margin-right:3%;
    width:94%;
    left:-1%;
    margin-top:-100%;
    font-size:79% 
  }
  #main.termin {
    width:98%;
    margin-top:27%;
    margin-bottom:120px;
    top:-19%;
    height:500px 
  }
  #wechselbild2.navi {
    position:absolute;
    left:2%;
    top:2%;
    width:96%;
    margin:0 auto 
  }
  #main.navi {
    width:115%;
    background-color:#caf9c300;
    margin-top:112px;
    margin-bottom:10px;
    height:1000px;
    top:auto;
    left:29% 
  }
  #navyquer.nurmenue {
    width:99%;
    top:14%;
    margin-left:35%;
  }
  #spiegelranke {
    display: none 
  }
  #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.termin {
    width:101%;
    top:1%;
    font:106%/1.4 sans-serif;
    left:-1%;
    margin-top:3% 
  }
  #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:99%;
    top:auto;
    left:0%;
    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%;
    position:absolute;
    display:inline 
  }
  #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% 
  }
  #starttableklass.spez {
    width:79%;
    height:auto;
    padding-top:100px;
    padding-left:60px;
    top:10px;
    left:1%;
    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;
  }
  #starthome {
    width:97%;
    left:1%;
    position:relative;
    display:inherit;
    align-content:center;
    margin-left:-36px;
    margin-top:-82px;
    text-align:center 
  }
  #rankefuss.abhy {
    position:absolute;
    top:27%;
    left:74%;
    margin-bottom:2px;
    width:46% 
  }
  #wechselbild2.abhy {
    display:none;
    left:225px;
    top:186px 
  }
  #bild.allg {
    width:25%;
    top:-11%;
    margin-top:auto;
    margin-bottom:20px;
    border-style:outset;
    border-color:#183509;
    background:#d8f9d3;
    left:69%;
    padding:1px 8px 35px 0px 
  }
  #wechselbild1.allg {
    float:right;
    left:23%;
    position:relative;
    margin-top:-64%;
    width:98%;
    top:20%;
  }
  #wechselbild10.allg {
    float:right;
    left:-58%;
    position:relative;
    top:-4%;
    margin-top:-104%;
    width:73%;
  }
  #sidebar.spez {
    top:auto;
    position:relative;
    right:-8%;
    margin-right:60px;
    height:352px;
    left:auto;
    margin-left:52px;
    width:94%;
    margin-top:126%;
  }
  #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:0%;
    margin-left:63%;
    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:85%;
    background-color:#9194CF00;
    position:relative;
    margin-top:15px;
    margin-bottom:5px;
    height:150px;
    margin-left:2%;
    top:67%;
  }
  #copy.home {
    width:86%;
    left:-20%;
    height:auto;
  }
  #terminspez.allg,
  #tel_hoer.allg {
    top:210% ;
  }
  #copy.raumstart {
    font:80% serif;
    height:116px;
    margin-bottom:1px;
    opacity:0.9;
    left:-16%;
    display:inherit;
    width:54%;
    height:auto;
    top:90% 
  }
  #copy.raumnav {
    width: auto;
    margin-top: 3%;
    display: inherit;
    padding: 29px 23px;
    margin: 0 auto;
    top: auto;
    left: 1%;
  }
}
@media screen and (max-width: 873px) {
  #navyoben.allg .oben a.telinfo {
    display: flex;
    width: 75%;
    font: 100%sans-serif;
    top: -2%;
    height: 25px;
    text-align: center;
  }
  ul.oben li.oben {
    background-color: #f5e8b50d;
    list-style-type: none;
    text-decoration: none;
  }
  #navyoben.allg ul.oben {
    display: flex;
    position: relative;
    width: 62%;
    overflow: hidden;
    height: 3%;
    left: -3%;
  }
}
@media screen and (max-width: 860px) {
  #starttableindex.imp {
    left: 1%;
    margin-top: 19px;
    padding: 11% 5% 34% 2%;
  }
  #copy.raumimp {
    top: 28%;
    padding-bottom: 14%;
    margin-left: 1%;
    width: 22% 
  }
  #dreieck.allg {
    position: relative;
    top: -14%;
    left: 0%;
  }
  h1.navi {
    width: 456%;
    margin-left: -133%;
    margin-top: -73%;
    font-size: 325%;
  }
  #spruchstart.imp {
    padding: 6% 7% 0%;
    width: 75%;
    left: -5% 
  }
  #wasser.imp {
    margin-top:-94% 
  }
}
@media screen and (max-width:850px) {
  #wrapper.rueck {
    width: 100%;
    height: 2500px;
  }
  table.ganzkoerper {
    display: table-cell;
    position: relative;
    width: 1200px;
    height: 658px;
  }
  #navyoben.allg .oben a.telinfo {
    padding-bottom:5px;
  }
  h2.rue {
    font-weight: bold;
    font-size: 104%;
    margin-top: 5%;
  }
  table.nebenlink {
    font-size: 120%;
    width: auto;
    left: -25%;
  }
  #oelmassagen.option {
    display: inline-block;
    position: relative;
    width: 132%;
    height: 700px;
    left: -16%;
  }
  #headline.spez {
    position: absolute;
    height: auto;
    width: 47%;
    left: 5%;
  }
  #navyoben.allg ul.oben {
    display: flex;
    position: relative;
    width: 68%;
    overflow: hidden;
    height: 3%;
  }
  h1.allg {
    width: 182%;
    left:-49%;
    margin-top: 9%;
  }
  #sprung.spez {
    top: 106%;
    margin-top: 1%;
    width: 66%;
  }
  #info.allg {
    margin-top: -45%;
    width: 185%;
    left:-22% 
  }
  #medien.navform {
    display: inline-block;
    position: relative;
    top: 59%;
    width: 200px;
    margin: 14% 27%;
    height: 200px;
  }
  #copy.raumnav {
    width: 85%;
    margin-top: 3%;
    display: inherit;
    padding-bottom: 3px;
    margin: 0 auto;
    top: -2%;
    left: 10%;
  }
  #rezensionen {
    margin-top:33%;
    position: absolute;
    width: 73%;
    left: 11%;
    margin-top: 51%;
  }
  #viererbilder.kontakt {
    width: 93%;
  }
  #starttableindex.imp {
    left: 4%;
    margin-top: -26%;
    padding: 11% 5% 42% 2%;
  }
  #spruchstart.allg {
    padding: 4% 12% 23% 8%;
    left: -96%;
    top: -312%;
    width: 75%;
    height: 66%;
    position: absolute;
  }
  header.imp {
    margin-top: 17% 
  }
  #copy.raumimp {
    top: 17%;
    padding-bottom: 14%;
    width: 22% 
  }
  #wrapper.termin {
    width:96%;
    margin:0 auto;
    height:1261px;
    top:-87px 
  }
  #medien.neuinfo {
    left:41%;
    width: 40%;
    height: auto;
  }
  #willk.imp {
    width: 50%;
    top: 5%;
    left: 8% 
  }
  #nebenlink.ruefu {
    display:block;
    position:relative;
    left:15%;
    margin-left:-6%;
    width:500px;
  }
  h1.imp {
    font-size:250%;
    top:-98%;
  }
  a.neuinfo {
    text-shadow:none;
    font-weight:normal;
  }
  #footer.imp {
    top:auto;
    clear:both;
    margin-bottom:5px;
    left:-2%;
    height:137px;
    margin-top:151% 
  }
  #main.termin {
    width:91%;
    margin-top:3%;
    margin-bottom:120px;
    height:500px;
    background:#add8e600;
    top:19%;
    position:absolute;
    left:-39px;
  }
  td.kontakte {
    display:none;
    height:60px;
    background-color:lightgreen;
    border-radius:15px;
    width:400px;
  }
  table.medien {
    display:table-cell;
    width:70%;
    padding-left:1%;
    height:auto;
    text-align:center;
    left:auto;
    position:relative;
    top:auto;
    position: absolute;
  }
  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.kontakte {
    position:relative;
    display:block;
    width:80%;
    top:56%;
    height:99px;
    margin-top:20px;
    margin-bottom:20px;
    left:-35px;
  }
  tr.zwischen {
    display:table-cell;
    width:80%;
    height:10px;
  }
  #copy.imp {
    width:79%;
    margin:0 auto;
    left:1%;
    top:16%;
    padding:9px;
    display:inherit;
    height:auto 
  }
  #main.navi {
    width:97%;
    background-color:#caf9c300;
    margin-top:11%;
    margin-bottom:10px;
    height:1000px;
    top:-6%;
    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 
  }
  #starthome.termin {
    width:89%;
    top:1%;
    font:106%/1.4 sans-serif;
    left:16%;
    margin-top:3% 
  }
  #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;
    height: 11px;
  }
  #wechselbild3.allg {
    left:-15px;
    position:relative;
    top:56px 
  }
  #navyquer ul.sub > li.frueh {
    border:2px solid;
    padding:1px;
  }
  #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:64%;
    top:14px;
    border-style:outset;
    padding:7px 36px;
    color:white;
    margin:3% 19%;
  }
  #bild.marma {
    position:relative;
    display:block;
    top:54px;
    font-size:158%;
    left:241px 
  }
  header.navi {
    height:24%;
    width:115%;
    margin-bottom:10px;
    left:0%;
    margin-top:5%;
    top:1% 
  }
  #bild.marma {
    position:absolute;
    display:block;
    top:20%;
    font-size:188%;
    left:58%;
  }
  #fruehangeb {
    position:absolute;
    font:134%/1.4 small;
    font-style:oblique;
    display:block;
    background:#00f0;
    left:19%;
    font-family:serif;
    width:111px;
    text-align:center;
    top:2%;
    background:#80808000;
    text-decoration:underline 
  }
  #bild.garschan {
    position:absolute;
    display:block;
    top:71%;
    font-size:180%;
    left:-5%;
    background:#add8e600;
    width:300px 
  }
  #bild.allg {
    position:absolute;
    width:22%;
    top:-8%;
    margin-top:auto;
    margin-bottom:20px;
    left:76%;
    padding:1px 1px 26px 0px;
    height: 8%;
  }
  ul.rueklass {
    position:relative;
    text-align:left;
    margin-left:-3%;
    margin-top:98px;
    font-style:inherit;
    font-size:90%;
    width:45%;
    top:35px;
    left:50px 
  }
  #dreieck.spez {
    position:relative;
    top:auto;
    left:-22%;
    width:46%;
    margin-left: 3%;
    margin-top: 14%;
  }
  #navyquer.nurmenue {
    width:98%;
    top:23%;
    margin-top:22%;
    position:relative;
    background:#ffffe000 
  }
  #wechselbild2.navi {
    position:absolute;
    left:-2%;
    top:-68px;
    width:96%;
  }
  #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;
    top:1%;
    left:6% 
  }
  #sprung.mobile {
    display:block;
    float:right;
    position:relative;
    top:-41px;
    margin-top:-991px;
    left:-63%;
    margin-bottom:20px 
  }
  #startfuss.mob {
    width:107%;
    font:88%/1.4 sans-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 
  }
  #starttableklass.spez {
    width:72%;
    padding-top:41px;
    padding-left:118px;
    top:2%;
    left:20px;
    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:353px;
    top:45%;
    margin-top:27%;
    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:42%;
    top:57%;
    position:absolute;
    margin-top:122px;
    display:block;
    position:relative 
  }
  #dreieck.navi {
    position:absolute;
    margin-top:-72%;
    left:31%;
    top:38%;
    margin:0 auto 
  }
  #main.imp {
    width:92%;
    float:left;
    background-color:#caf9c300;
    margin-top:-7%;
    margin-bottom:10px;
    height:590px;
    left:-2% 
  }
  #wechselbild1.allg {
    width:73%;
    margin-left:1%;
    margin-top:-92%;
    top:95%;
    left:21%;
  }
  #wechselbild10.allg {
    width:51%;
    margin-left:-33%;
    margin-top:-108%;
    margin-bottom:10px;
    float:left;
    left:36%;
  }
  #starttableklass.allg {
    width:75%;
    padding-top:41px;
    padding-left:118px;
    top:-182px;
    left:11px;
    height:auto;
    margin-bottom:20px;
    margin-top:20px 
  }
  #spruchstart {
    margin-top:-16%;
    width:402px;
    display:flex;
    text-align:center;
    left:-38%;
    padding: 31%;
    background: #b93aa5;
    border-radius: 22px;
  }
  #sprung.allg {
    margin-top:-167px;
    width:311px;
    display:flex;
    text-align:center;
    left:23px 
  }
  #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:1038%;
    left:53%;
    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 
  }
  #pfeil {
    opacity: 0.8;
    right: 7%;
    margin-bottom: 0;
    position: fixed;
    top: 85%;
}
  #wrapper.spez{
	  left:-78px;
  }
     #main.allg {
        width: 99%;
        margin-top: 22%;
        margin-bottom: 120px;
        height: 2700px;
        top: -1%;
        position: relative;
        padding: 1%;
    }
  #dreieck.terminonline {
    position:relative;
    top:21%;
    left:auto 
  }
  #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 {
    padding-right:3%;
    left:0%;
    width:84%;
    margin-top:-73px;
    height:auto;
    padding-top:30px;
    padding-bottom:96px;
    top:101px;
    border-color:#bfbaba 
  }
  #starthome {
    width:117%;
    padding-right:1px;
    text-align:center;
    margin-left:-87px;
    margin-top:20px;
    font-size:138% 
  }
  #dreieck.allg {
    position:relative;
    top:-17%;
    left:76px;
    margin-top:16%;
    max-width:16%;
    display:block 
  }
  h1.rueallg {
    font-size:345%;
    font-weight:bold;
    font-style:italic;
    top:-198px;
    left:-12%;
    margin-top:15px;
    width:418px;
  }
  #spiegelranke {
    position:relative;
    top:20%;
    margin-left:5px;
    background-color:#caf9c300;
    height:150px;
    margin-bottom:2px;
    left:58% 
  }
  #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% 
  }
  #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:-1%;
    background-color:#f5f5dc00;
    left:20%;
  }
  #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:-10%;
    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:-2%;
    width:90%;
  }
  #sidebar.imp {
    width:38%;
    height:78%;
    position:relative;
    padding:20px;
    margin-bottom:2px;
    margin-top:20%;
    margin-right:5%;
    top:auto 
  }
  #wasser.imp {
    position:relative;
    margin:-9% auto;
    margin-top:-9%;
    margin-top:-9%;
    width:72%;
    padding-top:85%;
    margin-top:-81%;
    font-size:120% 
  }
  #starthome.marma {
    width:87%;
    text-align:left;
    padding:29px 
  }
  #kurztext.imp {
    width:88% 
  }
  #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;
    font-size:98%;
    width:91%;
    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:31%;
    left:61%;
    width:45% 
  }
  #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:314%;
    left:-2%;
    display:inline;
    text-align:center;
    margin-top:auto;
    position:absolute;
    list-style-type:none 
  }
  h.navi {
    width: 440%;
  }
  #copy.moballg {
    top:auto;
    left:11px;
    width:90%;
    margin-top:46px 
  }
  #rankefuss.mobil {
    display:inline;
    position:absolute;
    top:8%;
    left:78%;
    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:66%;
    position:relative;
    top:-83px;
  }
  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:4%;
    top:126%;
  }
  #footer.fuss {
    clear:both;
    width:100%;
    position:relative;
    margin-top:28px;
    margin-bottom:5px;
    height:137px;
    top:42%;
    left:0% 
  }
  #copy.allg {
    top:104%;
    width:87%;
    left:auto;
    height:150px;
  }
  #termin.mobil {
    width:26%;
    margin-top:21%;
    padding-left:37px;
    margin-right:2%;
    position:relative;
    top:-136px;
    display:inherit;
    float:left;
    left:27%;
    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: 820px) {
  #sidebar.spez {
    top: 46%;
    left: 10%;
    display: inherit;
  }
     #wrapper.spez {
        margin: 0 auto;
        height: 3500px;
        width: 98%;
        left: 0%;
        position: absolute;
        top: 2px;
        padding: 1% 72px;
		padding-bottom:300%;
    }
  #medien.neuinfo {
    left: 41%;
    width: 40%;
    height: auto;
  }
  .ruema span {
    display: block;
    width: 88%;
  }
}
@media screen and (max-width:800px) {
  #copy.raumimp {
    padding: 15px 29px 20%;
  }
  #sidebar.spez {
    top:51%;
    left: 16%;
  }
  #rezensionen {
    position: absolute;
    width: 76%;
    left: 10%;
  }
  #info.allg {
    margin-top: -15%;
    width: 195%;
    left: -28%;
  }
  #main.navi {
    width: 118%;
    background-color: #caf9c300;
    margin-top: 11%;
    margin-bottom: 10px;
    height: 1000px;
    top: -6%;
    left: 26%;
  }
  h2.muessen {
    font-size: 120%;
    margin-top: 18%;
  }
  #sprung.spez {
    top: 106%;
    margin-top: 1%;
    width: 66%;
    left:2% 
  }
     #main.allg {
        width: 95%;
        margin-top: 3%;
        margin-bottom: 120px;
        height: 2700px;
        top: 21%;
        position: absolute;
        left: 3px;
        padding-bottom: 222%;
    }
  #wechselbild4.allg {
    left: -4%;
    max-width: 99%;
    top: -23%;
  }
  #viererbild4.kontakt {
    width: 25%;
    margin: 7px 1px 2px 0px;
    height: auto;
  }
  #bild3.allg {
    position: relative;
    width: 59%;
    top: 8px;
  }
  #starthome.ganz {
    color: #5a0909;
  }
  h1.allg {
    width: 196%;
    left: -59%;
    margin-top: -9%;
  }
  #dreieck.spez {
    position:absolute;
    left:-25%;
    margin-top:17%;
  }
  #spiegelranke {
    position:relative;
    top:20%;
    margin-left:5px;
    height:150px;
    margin-bottom:2px;
    left:58%;
  }
      #spruchstart.allg {
        width: 70%;
        left: -105%;
        top: -388%;
        display: inline-block;
    }
  #spruchstart.imp {
    padding: 6% 7% 0%;
    width: 75%;
    left: 35%;
    height: 85% 
  }
  #bild.allg {
    position:absolute;
    width:25%;
    top:-7%;
    margin-top:auto;
    margin-bottom:20px;
    left:71%;
    padding:1px 1px 1% 0px;
    height: 6%;
  }
  #copy.raumnav {
    width:83%;
    height:auto;
    margin-top:-410px;
    left:25%;
    display:block;
    padding:6px;
    margin-bottom:5px;
    margin-left:-18%;
    top:41%;
    font-size:83%;
    background: #b4e173a6;
    opacity: 1.0;
  }
  #sidebar.imp {
    width:81%;
    height:65%;
    position:relative;
    padding:20px;
    margin-bottom:2px;
    margin-top:99%;
    margin-left:18%;
    top:auto 
  }
  #starttableindex.imp {
    left:9%;
    margin-top:-100%;
    margin-bottom:4%;
    padding-bottom:28%;
    width:67%;
    padding-left:11%;
    height:55% 
  }
  #copy.raumstart {
    font:80% serif;
    height:116px;
    margin-bottom:1px;
    opacity:0.9;
    left:-17%;
    display:inherit;
    width:46%;
    height:auto;
    top:80% 
  }
  h1.imp {
    top:-78%;
    margin-left:2%;
    position:relative;
    font-family:serif;
    font-size:258%;
    top:-84%;
  }
  #willk {
    position:relative;
    display:block;
    top:-3%;
    left:114px;
    max-width:67% 
  }
      #bild.marma {
        position: absolute;
        display: block;
        top: 74%;
        font-size: 158%;
        left: 6%;
        width: 300px;
    }
  #wechselbild1.allg {
    width:73%;
    margin-left:1%;
    margin-top:-91%;
    margin-bottom:10px;
    float:left;
    top:228%;
    left:48%;
  }
  #spruchstart {
    width:59%;
    margin-left:-33%;
    margin-top:2%;
    margin-bottom:10px;
    float:left;
    left:4%;
    position:absolute;
    height:68%;
  }
  #wechselbild10.allg {
    width:57%;
    margin-left:-33%;
    margin-top:-110%;
    margin-bottom:10px;
    float:left;
    left:178px 
  }
  #starttableklass.spez {
    width:73%;
    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 
  }
  ul.start {
    top: 93%;
  }
}
@media screen and (max-width: 760px) {
  #navyoben.allg ul.oben {
    width: 79%;
    overflow: hidden;
    height: 3%;
    margin-right: 1%;
  }
}
@media screen and (max-width:750px) {
  #medien.navform {
    display: inline-block;
    position: relative;
    top: 44%;
    width: 200px;
    left: 21%;
    margin-top: -59%;
  }
  #klasslink {
    position: relative;
    left: 28%;
    margin: -9% -14%;
    width: 497px;
    height: 49px;
  }
  #main.allg {
       margin-top: 3%;
    margin-bottom: 120px;
    height: 2400px;
        position: absolute;
    left: 3%;
  }
  a.allklassopt {
    display: table-cell;
    width: 700px;
    height: 70px;
    top: -16%;
    text-align: center;
    font-size: 104%;
    font-family: chopin script, serif;
    left: -2%;
  }
  #footer.allg {
    top: 126%;
  }
  #dreieck.spez {
    position: absolute;
    left: -18%;
    margin-top: 14%;
  }
  h1.navi {
    width: 556%;
    margin-left: 33%;
    margin-top: -173%;
    font-size: 325%;
  }
  h1.allg {
    width: 187%;
    left: -51%;
    margin-top: -5%;
    font-size: 320%;
  }
  #viererbild1.kontakt {
    top: 3px;
  }
  h2.muessen {
    font-size: 99%;
    top:1%;
    margin: 83px 1px 60px 9px;
    left: -23%;
  }
  table.medien {
    display: table-cell;
    width: 70%;
    padding-left: 1%;
    height: auto;
    text-align: center;
    left: auto;
    position: absolute;
    margin: 242% 14%;
  }
  #copy.raumimp {
    font-size:80%;
    width:76%;
    left:8%;
    padding: 8px 11px 0%;
    top: 24%;
    background: #0080006b;
    color: black;
  }
  #copy.allg {
    top: auto;
    width: 87%;
    left: 9%;
    height: 129%;
    margin-left: -7%;
  }
  #willk.imp {
    width: 50%;
    top: -4%;
    left: 19%;
  }
  #bild.garschan {
    position: absolute;
    display: block;
    top: 80% 
  }
  #medien.neuinfo {
    left: 33%;
    top: 51%;
    margin: -292% 20px 20px 20px;
  }
  #spruchstart.allg {
    padding: 4% 12% 23% 8%;
    left: -104%;
    top: -650%;
    width: 75%;
    height: 66%;
    position: absolute;
  }
  #sidebar.imp {
    width: 81%;
    top:-5%;
    height: 39%;
    margin-left: 14%;
  }
  header.imp {
    margin-top: 10%;
  }
  #spruchstart.imp {
    padding: 6% 7% 2%;
    width: 75%;
    left: 5%;
  }
     #bild.allg {
        position: absolute;
        width: 25%;
        top: -7%;
        margin-top: auto;
        margin-bottom: 20px;
        left: 75%;
        padding: 1px 1px 7px 0px;
        height: 288px;
        background: #c6f8bf08;
    }
  #nebenlink.ruefu {
    display:block;
    position:relative;
    left:23px;
    margin-left:-15%;
    font-size:90% 
  }
  h1.imp {
    top:-78%;
    margin-left:6%;
    position:relative;
    font-family:serif;
    font-size:228%;
    top:-33% 
  }
  #wechselbild4.allg {
    width:104%;
    left:0%;
    position:relative 
  }
  #starttableindex.imp {
    margin-top:-80%;
    width: 75%;
    padding-bottom: 6%;
    padding-left: 0%;
    top: -60%;
  }
  #copy.raumstart {
    font:80% serif;
    height:116px;
    margin-bottom:1px;
    opacity:0.9;
    left:-17%;
    display:inherit;
    width:52%;
    height:auto;
    top:95% 
  }
  #terminspez.allg {
    top:200%;
    margin-top:84%;
    width:37%;
    left:auto;
    margin-left:12%;
    margin-bottom:30px;
    position:absolute;
    height:56px 
  }
  table.nebenlink {
    display:table-cell;
    padding:3px 102px;
    font-size:110%;
    width:auto;
    left: 0%;
  }
  td.termonline {
    display:table-cell;
    background-color:#ee8bee94;
    height:6%;
    border-radius:15px;
  }
  #medien.kontakte {
    width:94%;
    top:64%;
    height:99px;
    margin-top:20px;
    margin-bottom:20px;
    left:-14px;
    margin-left:-38%;
  }
  #bild.marma {
    position:relative;
    display:block;
    top:55px;
    font-size:158%;
    left:261px;
    width:300px 
  }
  td.termonline {
    display:table-cell;
    background-color:#ee8bee94;
    height:auto;
    border-radius:15px;
    padding:3px;
    border: outset;
    border-color: #eaea64;
  }
  #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:187%;
    left:51%;
    width:250px;
    top:24%;
    position: absolute;
  }
  #wechselbild10.allg {
    width:47%;
    margin-left:-33%;
    margin-top:-84%;
    margin-bottom:10px;
    float:left;
    left:33%;
  }
  #main.termin {
    width:97%;
    margin-top:29%;
    margin-bottom:120px;
    height:auto;
    top:8%;
    left:3% 
  }
  #sidebar.spez {
    top:132%;
    margin-top:15%;
    left:2%;
    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:-11%;
    width:105%;
  }
  header.navi {
    height:161px;
    width:98%;
    margin-bottom:10px;
    left:0%;
    margin-top:-10%;
    top:1% 
  }
  #navyquer.nurmenue {
    width:90%;
    top:24%;
    left:62%;
  }
  #wasser.allg {
    margin:-9% auto;
    font-size:120%;
    width:84%;
    padding-top:93%;
    top:-4% 
  }
  a.term:link {
    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% 
  }
  #starthome.termin {
    width:65%;
    top:1%;
    font:106%/1.4 sans-serif;
    left:4%;
    margin-top:3% 
  }
  #wrapper {
    height:1598px;
    margin:0 auto;
    top:22px 
  }
  #main.navi {
    width:130%;
    background-color:#caf9c300;
    margin-top:91px;
    margin-bottom:10px;
    height:1000px;
    top:auto 
  }
  #bild3.allg {
    position:relative;
    width:74%;
    margin-top:2%;
    margin-top:1px;
    margin-bottom:50px;
    margin-left:-1%;
    border-style:outset;
    padding:4px;
    color:white;
    margin-top:5%;
    left:12% 
  }
  h1.rueallg {
    font-size:258%;
    font-weight:bold;
    font-style:italic;
    top:-113px;
    left:-11%;
    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;
  }
  #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 {
        max-width: 124%;
        margin-left: -9%;
        margin-top: 1%;
        margin-bottom: 10px;
        float: left;
        top: 35%;
        position: absolute;
        width: 63%;
    }
  #dreieck.allg {
    position:relative;
    top:-76%;
    left:-7% 
  }
  #dreieck.imp {
    position:relative;
    margin-top:11%;
    left:-2% 
  }
  #dreieck.allg {
    position:relative;
    top:-2%;
    left:13%;
    margin-top:10px;
    width:17% 
  }
  #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:0%;
    width:82%;
    height:auto;
    font-size:99%;
    padding-left:7%;
    font-family:serif;
    border:outset;
    border-radius:15px;
    display:block;
    text-align:center;
    top:auto;
    height:auto 
  }
  #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% 
  }
  #starthome {
    width:81%;
    margin:0 auto;
    margin-left:auto;
    padding-right:1px;
    text-align:left;
    margin-left:-31px;
    color:navy 
  }
  #sidebar.fuss {
    width:91%;
    position:relative;
    height:407px;
    margin-bottom:10px;
    left:6px;
    top:-11%;
    margin-top:259px 
  }
  #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:-50% auto;
    font-size:123%;
    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:93%;
    position:relative;
    padding:18%;
    margin-left:2px;
    margin-right:3%;
    background-color:#de95d2;
    width:100%;
    left:-37%;
    margin-top:-26%;
    font-size:79%;
    height: 260px;
    padding-top: 66px;
  }
  #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-bottom:5px;
    height:188px;
    left:4px;
    background-color:#f5f5dc00 
  }
  #copy.fuss {
    width:100%;
    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:75%;
    height:auto;
    margin-top:10px;
    top:2%;
    left:4%;
    display:block;
    padding:14px;
    margin-bottom:5px;
    margin-left:15%;
    margin:0 auto;
    font-size:80% 
  }
}
@media screen and (max-width: 712px) {
  #headline.spez {
    position: absolute;
    height: auto;
    width: 60%;
    left: 5%;
  }
  #info.allg {
    margin-top: -15%;
    width: 175%;
    left: -37%;
  }
  #rezensionen {
    margin-top: 60%;
    position: absolute;
    width: 76%;
    left: 10%;
  }
}
@media screen and (max-width:700px) {
  #viererbild.kontakt {
    width: 94%;
    left: 2%;
    top:-42%;
  }
  #spruchstart {
    padding: 18%;
    padding-top: 18%;
    width: 100%;
    height: 260px;
    padding-top: 66px;
  }
  #oelmassagen.option {
    display: inline-block;
    position: relative;
    width: 132%;
    height: 700px;
    left: -20%;
  }
  #bild3.allg {
    position: relative;
    width: 74%;
    margin-top: 2%;
    margin-top: 1px;
    margin-bottom: 50px;
    margin-left: -1%;
    border-style: outset;
    padding: 4px;
    color: white;
    margin-top: 5%;
    left: 9%;
  }
  table.ganzkoerper {
    display: table-cell;
    position: relative;
    width: 600px;
    height: 658px;
  }
  a.allabhyopt {
    text-align: center;
    font-size: 124%;
    font-family: chopin script, serif;
  }
  td.abhyopt {
    display: inherit;
    position: relative;
    height: 40px;
    width: 90%;
  }
  a.allmarmopt {
    width: 600px;
    top: -16%;
    font-size: 123%;
    left: 12%;
  }
  #navyoben.allg ul.oben {
    width: 84%;
    overflow: hidden;
    height: 3%;
    margin-right: -4%;
  }
  #navyoben.allg .oben a {
    width: auto;
    padding: 7px 18px;
    font: 90% sans-serif;
  }
  #navyquer.nurmenue {
    width: 90%;
    top: 11%;
    left: 62%;
  }
  #sprung.faq {
    margin-top: 55%;
    display: block;
    left: 6%;
    top: 9%;
    width: 90px;
  }
  #info.allg {
    margin-top: -43%;
    width: 175%;
    left: -27%;
  }
  #sidebar.spez {
    top: 116%;
    width: 80%;
  }
  #abhylink {
        position: relative;
        top: 137px;
        margin: -20% -1%;
        width: 98%;
        font-size: 104%;
        left: 3%;
        height: 68px;
    }
	    #main.allg {
             top: 14%;
         }
  header.allg {
    height: 12%;
    width: 97%;
    margin-bottom: 19px;
    top:1%;
    left: 0%;
    border-style: outset;
    border-color: #e4d493;
    background: #f1e5a3;
  }
  #bild.allg {
    top:-5%;
    width: 27%;
    left: 70%;
      }
  
  #viererbild1.kontakt {
    top: 3px;
  }
  h1.allg {
    margin-top: -42%;
    width: 179%;
    left: -55%;
    font-size: 353%;
    font-weight: 600;
  }
  #rezensionen {
    margin-top: 60%;
    left: 6%;
    position: absolute;
    margin-bottom: 20px;
  }
  #sprung.spez {
    left: 3%;
    position: absolute;
    margin-left: 3%;
    top:112%;
    margin-top: 1%;
  }
  #headline.spez {
    position: absolute;
    margin-top: 5%;
    left: 2%;
    margin-bottom: 4%;
    height: auto;
    top: 77%;
    width: 55%;
  }
  #copy.raumnav {
    width:84%;
    margin-top:10px;
    top:-10%;
    left:5%;
    padding:5px;
    margin-bottom:5px;
    margin-left:15%;
    margin:0 auto;
    font-size:80% 
  }
  #spruchstart.allg {
    padding: 4% 12% 23% 8%;
    top: -272%;
    width: 83%;
    height: 66%;
    position: absolute;
	left:-100%;
  }
  #dreieck.spez {
    left:-26%;
    width:51%;
    margin-top:-22%;
    position: absolute;
  }
  #medien.neuinfo {
    left: 35%;
    top: 41%;
    width: 49%;
  }
  #starthome.ganz {
    width:100%;
    left:-8%;
    position:relative;
    margin-left:3px;
    margin-top:-59px;
    text-align:center;
    display:inherit;
    height:auto;
    font: 106%/1.6 sans-serif;
  }
  h1.imp {
    top:-78%;
    margin-left:-1%;
    position:relative;
    font-family:serif;
    font-size:228%;
    top:-42%;
  }
  #willk {
    position:relative;
    display:block;
    top:6%;
    left:114px;
    max-width:67% 
  }
  #medien.kontakte {
    width:80%;
    top:64%;
    height:99px;
    margin-top:20px;
    margin-bottom:20px;
    left:-35px 
  }
  #copy.raumstart {
    font:80% serif;
    height:116px;
    margin-bottom:1px;
    opacity:0.9;
    left:-16%;
    width:52%;
    height:auto;
    top:82% 
  }
  #starttableindex.imp {
    left:9%;
    margin-top:-9%;
    float:left;
    margin-bottom:4%;
    width:71%;
    padding:12% 9% 22% 3%;
    height:385px;
    top:auto 
  }
  #ruecklink {
    position:relative;
    left:-128px;
    top:1px;
    display:inline-block;
    width:0px;
    margin-right:20px 
  }
  #bild.garschan {
    position:absolute;
    display:block;
    top:50%;
    font-size:150%;
    left:3%;
    background:#add8e600;
    width:25%;
    margin-top: -9%;
  }
  #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:71%;
    left:-4%;
    font-size:117%;
    margin:0 auto;
    top:-13%;
  }
  #wechselbild2.navi {
    position:absolute;
    left:1%;
    top:0%;
    width:98% 
  }
  #spiegelranke {
    display:none;
  }
  #dreieck.navi {
    position:absolute;
    margin-top:-88%;
    left:9%;
    top:72%;
    height:135px;
    max-width:23%;
    margin:0 auto 
  }
  #starttableindex {
    width:89%;
    top:3%;
    margin-top:10px;
    padding-left:91px;
    left:-60px 
  }
  h1.navi {
    height:auto;
    font-style:italic;
    margin-top:-20px;
    margin-left:-76%;
    top:-22%;
    position:relative;
    left:-20%;
    width:336%;
    margin:-77% 20%;
    font-size: 285%;
  }
  #wechselbild1.allg {
    width:84%;
    margin-left:-28%;
    margin-top:1%;
    margin-bottom:10px;
    float:left;
    top:32% 
  }
  #sprung.allg {
    display:block;
    margin-top:-3%;
    float:right;
    margin-right:-3%;
    top:auto;
  }
  header {
    height:272px;
    width:99%;
    margin-bottom:10px;
    margin-top:-131px;
    top:2px;
    left:5px 
  }
  #startfuss.mob {
    width:107%;
    font:115%/1.2 serif;
    top:-16px;
    position:relative;
    left:-47px 
  }
  #wrapper.termin {
    width:99%;
    margin:0 auto;
    height:1261px;
    top:-86px 
  }
  #starthome.termin {
    width:73%;
    top:-4%;
    font:106%/1.4 sans-serif;
    left:3% 
  }
  #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 
  }
  #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 {
    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:2%;
    width:78%;
    height:auto;
    font-size:79%;
  }
  #starttableklass.spez {
    width:72%;
    padding-top:50px;
    padding-left:118px;
    top:auto;
    left:10px;
    height:auto;
    margin-bottom:20px;
    margin-top:55px;
  }
  h1.bau {
    font-size:247%;
    color:navy;
    font-weight:bold;
    font-style:italic;
    top:-29%;
    left:-29% 
  }
  #copy.raumbau {
    width:63%;
    border-style:outset;
    top:-453px;
    margin-top:81px;
    margin-left:60px;
    display:none 
  }
  #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:35%;
    position:relative;
    padding:20px;
    margin-bottom:2px;
    margin-top:14%;
    margin-right:8%;
    top:-8% 
  }
  #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 
  }
  #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:100%;
    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 
  }
}
@media screen and (max-width:650px) {
  #sprung.imp {
    width:14%;
    left:70%;
    top:17% 
  }
  #wrapper.rueck {
    width: 100%;
    height: 3500px;
  }
    #nebenlink.ruefu {
        top: 6%;
        left: 23px;
        margin: -1% -1%;
        font-size: 90%;
    }
  table.nebenlink {
    display: table-cell;
    padding: 3px 102px;
    font-size: 110%;
    width: auto;
    left: 0%;
  }
  #starttableindex.allg {
    margin-top:12px;
    padding-right:3%;
    margin:17px auto;
    margin-bottom:0px;
    left:-1%;
    width:82%;
    height:auto;
    font-size:79%;
    padding-bottom: 120%;
  }
  td.zwischenbild {
    display:inherit;
    margin-top: -15px;
    height: 380px;
  }
  td.optmarma {
    display: inherit;
    position: relative;
    width: 80%;
    height: 50px;
  }
  td.zwischenopt {
    display: inline-block;
    height: 30px;
    width: 70%;
    text-align: center;
    left: -3%;
    position: relative;
    top: 2%;
  }
  #viererbild.kontakt {
    position: absolute;
    width: 105%;
    height: auto;
    top: 19%;
    left: -6%;
  }
  td.klasslink {
    display: inherit;
    position: relative;
    width: 450px;
    height: 44px;
    top: 40px;
  }
  a.allklassopt {
    left:-8%;
  }
     #navyoben.allg .oben a.telinfo {
        display: flex;
        width: 51%;
        height: 26px;
        padding: 3px 32px;
        margin-left: -9px;
    }
	    #wrapper.spez {
        /* left: 10px; */
        padding: 1% 24%;
        padding-bottom: 128%;
        width: 90%;
    }
  #sprung.faq {
    margin-top: 46%;
    display: block;
    left: 1%;
    top: 8%;
    width: 90px;
  }
     #info.allg {
        top: 149%;
        width: 102%;
        left: -9%;
    }
  #starthome.ganz {
    width:103%;
    left:-12%;
    position:relative;
    margin-left:3px;
    margin-top:-59px;
  }
  #copy.raumnav {
    margin-top: 10px;
    top: auto;
    left: -2%;
    padding: 25px;
    margin-bottom: 5px;
    margin-left: 15%;
    font-size: 90%;
    margin: -42% 2% auto;
  }
  #navyquer.nurmenue .top > li {
    float: left;
    position: relative;
    padding: 7px 6px;
    margin: 10px 3px;
    width: 176px;
    top: -36%;
    left: -15%;
    margin: 0 auto;
  }
  #medien.navform {
    display: inline-block;
    position: relative;
    width: 200px;
    left: -34%;
    top: 90%;
  }
  header.imp {
    top:1%;
    height: 23%;
    left: 10%;
    width: 100%;
  }
        #bild.allg {
        top: -4%;
        left: 71%;
        width: 20%;
        height: 238px;
    }
     #sprung.spez {
        left: 0%;
        position: absolute;
        margin-left: 3%;
        top: 84%;
        margin-top: 12%;
    }
  #rezensionen {
    width:80%;
    font-size:110%;
    left:2%;
    margin-top: 51%;
  }
  h1.allg {
    margin-top: 12%;
    width: 77%;
    left: 0%;
    font-size: 35%;
    font-weight: lighter;
    letter-spacing: 1px;
  }
  #main.allg {
    top:14%;
    left: 1px;
  }
  #viererbilder.kontakt {
    width: 94%;
    left: 3%;
    top: -1%;
  }
  #sidebar.spez {
    height: 17%;
    left: -1%;
  }
  #medien.neuinfo {
    top: 37%;
    left: 30%;
  }
  #spruchstart.imp {
    padding: 6% 7% 2%;
    width: 79%;
    left: -6% 
  }
  #wechselbild3.imp {
    top: -19% 
  }
  #willk.imp {
    width: 56% 
  }
  #headline.spez {
    left:-3%;
    margin-top:38%;
    margin-bottom:2px;
    top:auto;
    width:83%;
    height: 144px;
  }
  #copy.raumimp {
    margin-left:14%;
    top: 24%;
  }
  #tel_hoer.allg {
    top:205%;
    margin-top:84%;
    width:37%;
    left:48%;
    margin-left:10%;
    margin-bottom:30px;
    height:56px 
  }
  #copy.raumstart {
    font:80% serif;
    height:116px;
    margin-bottom:1px;
    opacity:0.9;
    left:-4%;
    width:52%;
    height:auto;
    top:100% 
  }
  #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:68%;
    top:23px;
    margin-top:12px;
    margin-left:0%;
    border-style:outset;
    padding:4px 
  }
  #bild.garschan {
    display:block;
    top:45%;
    font-size:150%;
    left:1%;
    width:200px 
  }
      #starttableklass.spez {
        width: 54%;
        top: auto;
        left: 17%;
        height: auto;
        margin-bottom: 20px;
        margin-top: 2%;
        position: relative;
        display: inline-block;
    }
  #tel_hoer.term {
    top:20px;
    left:2px;
    width:66%;
    margin:0 auto 
  }
  #wechselbild2.navi {
    position:absolute;
    left:1%;
    top:-14%;
    width:100%;
  }
  a.term:link {
    color:white;
    display:block;
    top:-38px;
    left:20%;
    width:88% 
  }
  #starthome.termin {
    width:67%;
    top:6%;
    font:106%/1.4 sans-serif;
    left:15%;
    text-align:left;
    margin-top:38px 
  }
  #tel_hoer {
    display:block;
    position:relative;
    top:24px;
    left:-4px;
    width:52%;
    margin:0 auto 
  }
  a.tel:link {
    top:-43px;
    left:3%;
    width:60%;
    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:100%;
    background-color:#caf9c300;
    margin-top:22%;
    margin-bottom:10px;
    height:700px;
    left:34%;
    padding-bottom: 65%;
  }
  #navyquer.nurmenue {
    top:5%;
    position:relative;
    left:61%;
    background:#92879200;
    width: 97%;
  }
  #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:absolute;
    top:-29%;
    left:-12%;
    margin-top:21%;
    max-width: 32%;
  }
  #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:25px;
    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 {
    width:99%;
    margin-bottom:10px;
    left:0%;
    margin-top:185px;
    top:-21%;
    height: 23%;
  }
  #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:81%;
    margin-left:-25%;
    margin-top:17%;
    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:-85% 
  }
  #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% 
  }
  #sidebar1.marma {
  }
  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:99%;
    float:left;
    top:12%;
    margin-bottom:10px;
    height:862px;
    margin-top:3%;
    left:3%;
    height:1000px 
  }
  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:100%/1.2 sans-serif;
    padding-left:1%;
    width:95%;
    padding: 10%;
  }
  #starttableindex.imp {
    left:14%;
    margin-bottom:4%;
    padding:10% 5% 22% 12%;
    width:68%;
    height:35%;
    top:-32%;
    margin-top:25% 
  }
  #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-left:22%;
    top:-20% 
  }
  #spruchstart {
    height:110%;
    position:relative;
    padding:4%;
    width:96%;
    left:-8%;
    padding: 11% 4%;
    background: #95246ed9;
  }
  #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:-92%;
    text-align:center;
    margin:0 auto;
    position:relative;
    left:2%;
    font-size: 190%;
  }
  #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:12%;
    height:182px;
    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:96%;
    left:-66px;
    height:130px;
    margin-top:auto;
    top:auto;
    left:-1%;
    display:block;
    position:absolute 
  }
  #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% 
  }
}
@media screen and (max-width: 625px) {
  a.allabhyopt {
    text-align: center;
    font-size: 134%;
    font-family: chopin script, serif;
    width: 565px;
    margin-top: 10%;
  }
}
@media screen and (max-width:600px) {
     #starttableklass.spez {
        width: 68%;
        margin-top: 2%;
        left: 1%;
    }
  ul.start {
    display: inherit;
    position: relative;
    left: 1px;
    margin: 0 auto;
    top: auto;
    width: auto;
    height: 15px;
  }
  table.ganzkoerper {
    display: inherit;
    position: relative;
    width: 542px;
    height: 658px;
    left: 1%;
  }
  a.allklassopt {
    left: -37%;
    top: -22%;
  }
  a.allabhyopt {
    text-align: center;
    font-size: 98%;
    font-family: chopin script, serif;
    width: 565px;
    margin-top: 4%;
  }
  #viererbild2.kontakt {
    width: 19%;
    margin: 4px 7px 1px 0%;
    padding: 5px 5px 5px 5px;
  }
  #viererbild3.kontakt {
    width: 23%;
    margin: 4px 3px auto 6px;
  }
  #main.navi {
    width:100%;
    background-color:#caf9c300;
    margin-top:-43%;
    margin-bottom:10px;
    left:34%;
    padding-bottom: 362%;
  }
  #sprung.faq {
    margin-top: 55%;
    display: block;
    left: 1%;
    top: 9%;
    width: 90px;
  }
  #wechselbild2.navi {
    position: absolute;
    left: 1%;
    top: 5%;
    width: 100%;
  }
  #dreieck.navi {
    position: absolute;
    margin-top: -88%;
    left: 9%;
    top: 59%;
    height: 135px;
    max-width: 23%;
    margin: 0 auto;
  }
  #medien.navform {
    display: inline-block;
    position: relative;
    top: 147%;
    width: 200px;
    left: 32%;
    margin-top: 19%;
  }
       #info.allg {
        width: 98%;
        left: -1%;
        top: 97%;
    }
      #wrapper.spez {
        left: 10px;
        padding: 1% 24%;
        padding-bottom: 128%;
        width: 100%;
    }
  #copy.raumnav {
    top:auto;
    width: auto;
    padding:27px;
    margin: 2% 2% 2% 2%;
    display: inline-block;
    height: auto;
  }
  #navyquer.nurmenue {
    top: auto;
    position: relative;
    left: 63%;
    background: #92879200;
    width: 64%;
    margin-top: 103%;
    display: block;
  }
  #navyquer.nurmenue .top > li {
    float: left;
    position: relative;
    padding: 16px 43px;
    margin: 10px 3px;
    width: 132%;
    top: -36%;
    left: -38%;
  }
  a.neuinfo {
    text-shadow: none;
    font-weight: normal;
    font-size: 111%;
  }
  .gkmass {
    position: absolute;
    display: block;
    top: -10%;
    font: 111% sans-serif;
  }
  h1.allg {
    margin-top: 12%;
       font-weight: lighter;
    letter-spacing: 1px;
  }
  #dreieck.spez {
   display:none;
  }
  #klasslink {
    position: relative;
    margin: -3% 22%;
    top: -1%;
    left: 19%;
    font-size: 141%;
  }
  #abhylink {
    position: relative;
    top: 10px;
    margin: -20% -1%;
    width: 182%;
    font-size: 152%;
    left: -40%;
  }
  #medien.neuinfo {
    left: 18%;
    top: -31%;
    margin: 140px 20px 20px 20px;
  }
  #rezensionen {
    width: 80%;
    font-size: 101%;
    left: 4%;
    margin-top: 48%;
  }
  #headline.spez {
    left: -5%;
    margin-top: 43%;
    margin-bottom: 2px;
    top: auto;
    width: 83%;
    font-size: 118%;
  }
  .abhyoel span,
  .gkmass span,
  .ruema span,
  .mobil span {
    font-size: 72%;
    top: 143%;
    background-color: #bebcbc08;
    height: 217%;
    margin-top: -5px;
    border-radius: 5px;
    border: 1px solid #f5efce;
    padding: 4% 4% 1% 4%;
  }
  .gkmass span {
        display: block;
        position: absolute;
        margin: -38% 0% 1% 0%;
        font-size: 91%;
        padding: 5% 8% 3% 3%;
        top: 67%;
        width: 133px;
        background-color: #9c99990d;
    }
  .ruema span {
    display: block;
    position: absolute;
    margin: -2% 1% 1% -2%;
    padding: 2px 9% 4px 6%;
    font-size: 91%;
    width: 85%;
  }
  .mobil span {
    display: block;
    position: absolute;
    margin: -5% 1% 1% 1%;
    margin-top: 1%;
    padding: 5% 4% 0% 3%;
    font-size: 74%;
  }
  #sprung.spez {
    top:89%;
    width: 80%;
    left: 0%;
    font-size: 117%;
  }
  #fruehangeb {
    position:absolute;
    font:115%/1.4 small;
    left:15%;
    top: 9%;
  }
  #spruchstart.allg {
    padding: 4% 12% 23% 8%;
    left: -148%;
    top: -251%;
    width: 75%;
    height: 39%;
    position: absolute;
  }
  #viererbilder.kontakt {
    width: 91%;
    height: auto;
    top: -4%;
    left: 3%;
    padding-bottom: 67px;
    border: 3px solid #f0c137;
  }
  #copy.allg {
    left: 12%;
    top: auto;
    margin-top: -18%;
    height: 140px;
  }
  table.medien {
    display: table-cell;
    width: 81%;
    padding-left: 1%;
    height: auto;
    text-align: center;
    left: 19%;
    position: relative;
    top: -1%;
    position: absolute;
  }
     header.allg {
        left: -18%;
        height: 10%;
        width: 99%;
        padding: 12% 18%;
    }
  header.navi {
    height:30%;
    width:99%;
    margin-bottom:10px;
    left:0%;
    margin-top:185px;
    top:-24% 
  }
  a.allg {
    width:46%;
    left:12%;
    font-size:117%;
    margin:0 auto;
    top:21% 
  }
  #bild.allg {
    margin-top:0%;
    height: 6%;
    left: 70%;
    width: 25%;
    height: 7%;
    border: 2px outset #7f9432;
    background: #dfc870;
    height: auto;
    padding: 5px;
  }
  #terminspez.allg,
  #tel_hoer.allg {
    top:218%;
    width:41%;
  }
  #main.allg {
    width:99%;
    left:1%;
    top: 16%;
    margin-top:20px 
  }
  #starthome.ganz {
    width:114%;
    left:-12%;
    font-size: 93%;
  }
  #sidebar.spez {
    left:43%;
    width: 90%;
    top: 131%;
    height: 28%;
  }
  #footer.navi {
    clear:both;
    margin-top:16%;
    margin-bottom:5px;
    height:188px;
    left:4px;
    top: 11%;
  }
  #navyquer ul.unter {
    display: block;
    text-decoration: none;
    list-style-type: none;
    border-radius: 8px;
    padding: 0px 0px;
    opacity: 0.9;
    background-color: #dfa5e6;
    width: 99%;
  }
}
@media screen and (max-width: 580px) {
  #medien.navform {
    display: inline-block;
    position: relative;
    top: auto;
    width: 200px;
    margin: 254% auto;
  }
}
@media screen and (max-width:560px) {
  a.allabhyopt {
    text-align: center;
    font-size: 98%;
    font-family: chopin script, serif;
    width: 498px;
    margin-top: 4%;
  }
  
      #wrapper.spez {
        left: 10px;
        padding: 1% 24%;
        padding-bottom: 128%;
        width: 80%;
    }
  #main.allg {
    width: 100%;
    left: 1%;
    top: 17%;
    margin-top: 20px;
    padding-top: 10px 
  }
  #wechselbild1.allg {
    float: right;
    left: 18%;
    position: absolute;
    margin-top: -45%;
    width: 55%;
    top: 81%;
    margin-left: 10px;
  }
  a.allklassopt {
    left: -40%;
    top: -22%;
    width: 500px;
  }
     #rezensionen {
        width: 80%;
        left: 2%;
        margin-top: 72%;
    }
  #dreieck.spez {
    margin: 33% 3% 1% 1%;
  }
  table.ganzkoerper {
    display: inherit;
    position: relative;
    width: 500px;
    height: 658px;
    left: 1%;
  }
  #bild3.allg {
    width: 73%;
    top: 23px;
    margin-top: 12px;
    margin-left: 0%;
    border-style: outset;
    padding: 4px;
  }
  h1.allg {
    margin-top: -92%;
    }
  h2.muessen {
    font-size: 119%;
  }
      header.allg {
        height: 9%;
        top: 0%;
        padding: 12% 22%;
        left: -28%;
    }
  #navyoben.allg ul.oben {
    width: 98%;
    margin-right: -4%;
  }
  #main.navi {
    width: 100%;
    background-color: #caf9c300;
    margin-top: -48%;
    margin-bottom: 10px;
    height: 170%;
    left: 34%;
  }
 
  #navyoben{
	  width:114%;
  }
  #medien.neuinfo {
    left: 18%;
    top: -29%;
    margin-top: 10%;
  }
      #info.allg {
        top: 158%;
    }
  #wechselbild2.advent {
    position:absolute;
    left:1%;
    top:-62px;
    width:99%;
    margin-top:55px;
    margin-left:-16px 
  }
  #headline.spez {
    left: -4%;
    margin-top: 39%;
    margin-bottom: 2px;
    top: auto;
    width: 77%;
    font-size: 118%;
    height: 102px;
  }
  #bild.allg {
    margin-top: -12%;
    left: 60%;
  }
  #wechselbild3.imp {
    width: 85% 
  }
  #copy.raumimp {
    margin-left: 10%;
    top: 24%;
  }
  #spruchstart.allg {
    padding: 4% 12% 23% 8%;
    left: auto;
    top: 123%;
    height: 68%;
    margin-top: auto;
  }
  #main.imp {
    width: 92% 
  }
  header.imp {
    top: 5%;
    height: 23%;
    left: 5%;
    width: 87% 
  }
  #wechselbild4.allg {
    max-width:105%;
    left:0%;
    position:relative;
    top: -20%;
    height: 75%;
  }
  #sidebar.spez {
    margin-top:40px;
    margin-bottom:20px;
    height:15%;
    top:61%;
    margin-top:183%;
    left:-10%;
  }
  table.nebenlink {
    display:table-cell;
    padding:30px 92px;
    font-size:110%;
    width:auto 
  }
  a.allg {
    width:75%;
    left:13%;
    font-size:107%;
    margin:0 auto;
    top:21% 
  }
  medien.kontakte {
    width:90%;
    top:64%;
    height:99px;
    margin-top:20px;
    margin-bottom:20px;
    left:-13% 
  }
  #footer.imp {
    top:-14%;
    clear:both;
    margin-bottom:5px;
    left:12%;
    width:90%;
    margin-top:226% 
  }
  #copy.raumstart {
    font:80% serif;
    height:116px;
    margin-bottom:1px;
    opacity:0.9;
    left:-12%;
    width:52%;
    height:auto;
    top:100% 
  }
  #wechselbild3.imp {
    position:relative;
    top:-30px;
    left:5%;
    width:90% 
  }
  #terminspez.allg,
  #tel_hoer.allg {
    top:60%;
    width:41%;
    margin-left:18px;
    height:28px;
  }
  #spruchstart {
    height:81%;
    width:82%;
    left:-8%;
    margin-left:9% 
  }
  #fusslink {
    margin-left:2px 
  }
  #ruecklink {
    margin-right:10px;
  }
     #starttableklass.spez {
        width: 63%;
        background-color: #F1DE96ED;
        margin-top: 4%;
    }
  #wechselbild1.allg {
    width:91%;
  }
}
@media screen and (max-width: 540px) {
  #copy.raumnav {
    top: auto;
    width: auto;
    padding: 15px;
    display: inline-block;
    height: auto;
  }
}
@media screen and (max-width: 550px) {
  #medien.navform {
    display: inline-block;
    position: relative;
    top: auto;
    width: 200px;
    margin: 199% auto;
    left: 53%;
  }
}
@media screen and (max-width:520px) {
  #wechselbild1.allg {
    width: 86%;
    top: 38%;
    margin-left: -29%;
  }   
  #bild.allg {
        margin-top: 1%;
        left: 60%;
        width: 20%;
    }
    header.allg {
        height: 9%;
        top: 0%;
        padding: 12% 35%;
        left: -48%;
    }

  #viererbild4.kontakt {
    width: 27%;
    margin: 7px 1px 5% -2px;
    height: auto;
  }
  .allg span {
    margin-top:-2px;
    padding: 4px 5px;
    font-size: 78%;
    width: 87%;
  }
      #wrapper.spez {
        left: 10px;
        padding-bottom: 116%;
        padding: 1% 41%;
    }
  #main.navi {
    width: 100%;
    background-color: #caf9c300;
    margin-top: -52%;
    height: 170%;
    left: 36%;
  }
  #navyoben {
    display: block;
    position: relative;
    margin: 12px 1% 12px -1%;
  }
  #sprung.faq {
    margin-top: 55%;
    display: block;
    left: -1%;
    top: 25%;
    width: 90px;
  }
  #navyquer.nurmenue {
    margin-top:105%;
    display: block;
  }
  #sidebar.spez {
    margin-top: 40px;
    margin-bottom: 20px;
    height: 15%;
    top: 74%;
    margin-top: 183%;
    left: -10%;
  }
  #dreieck.spez {
    position: absolute;
    top: 9%;
    left: -11%;
    margin-top: 25%;
    max-width: 32%;
  }
  .gkmass span {
    display: block;
    position: absolute;
    margin: -1% 0% 1% 0%;
    font-size: 92%;
    padding: 4% 8% 4% 3%;
  }
      #rezensionen {
        width: 91%;
        font-size: 80%;
        left: 4%;
        margin-top: 47%;
        height: 30px;
    }
}
@media screen and (max-width:500px) {
  table.ganzkoerper {
    display: inherit;
    position: relative;
    width: 455px;
    height: 658px;
    left: 3%;
  }
  #starthome.rue {
    top: -14%;
    margin-top: -8%;
    width: 95%;
    left: -7%;
  }
  ul.rueklass {
    margin-top: 20px;
    font-size: 97%;
    left: 25px;
    list-style-type: none;
    width: 95%;
  }
  a.allabhyopt {
    text-align: center;
    font-size: 98%;
    font-family: chopin script, serif;
    width: 379px;
    margin: 0% -5%;
  }
  .gkmass span {
    padding: 12px 7px 5px 5px;
    font-size:77%;
    margin:-5px 1px 1px -2px;
  }
  .ruema span {
    padding: 12px 7px 5px 5px;
    font-size:77%;
    margin:-5px 1px 1px -2px;
  }
  .mobil span {
    padding: 19px 7px 0px 5px;
    font-size:77%;
    margin:-5px 1px 1px -2px;
  }
  .abhyoel span {
    display: block;
    position: absolute;
    padding: 12% 2% 8% 9%;
  }
  #navyoben.allg {
    left:12%;
  }
  #navyoben.allg ul.oben {
    width: 91%;
    margin: -1px 6%;
  }
  #sprung.faq {
    margin-top: 55%;
    display: block;
    left: 6%;
    top: 15%;
    width: 73px;
  }
  #navyoben.allg .oben a.telinfo {
    display: flex;
    width: 47%;
    padding: 5px 27px;
    font: 100%sans-serif;
    top: -2%;
    height: 25px;
    text-align: center;
  }
  #navyquer.nurmenue .rat {
    width: 212px;
    float: left;
    position: relative;
  }
  td.hoernav {
    top:-118%;
  }
      #info.allg {
        width: 92%;
        left: 22%;
        top: -71%;
    }
  #bild3.allg {
    width: 86%;
    top: 23px;
    margin-top: 12px;
    margin-left: -1%;
    border-style: outset;
    left:1%;
    padding: 24px 5px 1px 10px;
  }
  #viererbild3.kontakt {
    width: 22%;
    margin: 5px 3px auto 6px;
  }
  #viererbild2.kontakt {
    width: 18%;
    margin: 9px 10px 1px 0%;
    padding: 5px 5px 5px 5px;
  }
  a.gkmass,
  a.mobil,
  a.ruema,
  a.abhyoel {
    top: -24%;
    display: inline;
  }
  #viererbilder.kontakt {
    width: 95%;
    top: -6%;
    left: 1%;
    font: 80% serif;
  }
  #viererbild1.kontakt {
    width: 22%;
    position: relative;
    display: inline-block;
    left: 1%;
    top: 1px;
    margin: 1px 10px 1px 0%;
    height: auto;
  }
     #rezensionen {
        width: 91%;
        font-size: 80%;
        left: 1%;
        margin-top: 52%;
        height: 30px;
        padding-top: 10px;
    }
  #headline.spez {
    left: -18%;
    margin-top: 60%;
    margin-bottom: 2px;
    top: auto;
    font-size: 114%;
  }
  #willk.imp {
    top: 18%;
    width: 60%;
    left: 15%;
  }
  h1.allg {
       margin: -18px 10px;
     }
  table.medien {
    width: 86%;
    padding-left: 8%;
    left: auto;
    top:auto;
  }
  #menüicon.mobil {
    position:fixed;
    display:block;
    width:7%;
    top:10px;
    left:85%;
    font-size:75%;
  }
  #spruchstart.allg {
    padding: 4% 12% 23% 8%;
    left: auto;
    top: auto;
    height: 68%;
    margin-top: auto;
  }
  #spruchstart.allg {
    padding: 4% 12% 23% 8%;
    left: 5%;
    top: -216%;
    height: 256px;
    margin-top: 13%;
    width: 76%;
    margin-left: -12px;
  }
  #medien.neuinfo {
    left: 22%;
    top: -23%;
    width: 66%;
    height: 152px;
    margin-bottom: 2% 
  }
  #bild.allg {
    left:67%;
    margin-top: 3%;
    width: 30%;
    top: -4%;
    border: 2px outset #7f9432;
    background: #dfc870;
    height: auto;
    padding: 5px;
  }
  #copy.raumimp {
    margin-left: 1%;
    margin-top: -4%;
  }
  h2.muessen {
    display:block;
    position:relative;
    width:83%;
    top:3%;
    margin:30% 2% 24px 8%;
    text-align: center;
    font-size: 106%;
  }
  #headline.mob {
    display:block;
    position:relative;
    top:10%;
    left:5%;
    width:350px;
    background:#00f0;
  }
  #gutschein.mobile {
    position:absolute;
    top:41%;
    left:8%;
    width:83% 
  }
  a.rueallg {
    color:aliceblue;
    position:relative;
    top:-35px;
    left:10px 
  }
  td.zwischenoder {
    display:table-cell;
    margin-top:-15px;
    height:10px 
  }
  th.fusslink {
    margin-left:auto;
    padding:0px;
    width:175%;
    padding:6px 24px;
    font:93% sans-serif;
    display:block;
    left: 5%;
    margin-top: 12%;
  }
  #terminspez.allg,
  #tel_hoer.allg {
    top:60%;
    width:41%;
    margin-left:18px;
    height:28px 
  }
  table.nebenlink {
    display:table-cell;
    padding:2% 9%;
    font-size:109%;
    left: 5%;
  }
  #nebenlink.ruefu {
    display:block;
    position:relative;
    left:37px;
    margin-left:-15%;
    font-size:90% 
  }
  header.imp {
    height:234px;
    width:99%;
    margin-bottom:10px;
    top:3%;
    left:-6px;
  }
  #footer.imp {
    top:-14%;
    clear:both;
    margin-bottom:5px;
    left:12%;
    width:80%;
    margin-top:226% 
  }
  #sidebar.imp {
    width:81%;
    height:400px;
    position:relative;
    padding:20px;
    margin-bottom:2px;
    margin-top:20%;
    margin-left:8%;
    top:auto 
  }
  #medien.kontakte {
    width:80%;
    top:62%;
    height:99px;
    margin-top:20px;
    margin-bottom:20px;
    left:35% 
  }
  #main.termin {
    width:96%;
    margin-top:-4%;
    margin-bottom:12%;
    height:auto;
    top:auto;
    left:5px;
    margin-left:-92px 
  }
  a.allg {
    font-size:100%;
    top: 8%;
  }
  h1.navi {
    width: 356px;
    left:-12%;
    font-size: 265%;
    top: -47%;
  }
  h1.rueallg {
    top:4px;
    left:-13%;
    margin-top:48px;
    margin-bottom:10px;
    height:110px;
    width:300px;
    font-size:258%;
  }
  #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.termin {
    width:95%;
    top:1%;
    font:106%/1.4 sans-serif;
    left:14%;
    margin-top:3% 
  }
  #starthome.termin {
    width:88%;
    top:9%;
    font:115%/1.4 sans-serif;
    left:-1% 
  }
  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.termin {
    width:99%;
    margin:0 auto;
    height:1261px;
    top:-64px 
  }
  #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;
    top: 1%;
  }
  #bild.garschan {
    position:absolute;
    display:block;
    top:38%;
    font-size:127%;
    left:-135px;
    background:#add8e600 
  }
         #starthome.ganz {
        width: 97%;
        left: -12%;
        height: auto;
        font-size: 99%;
        margin-left: 2%;
        margin-bottom: 10%;
    }
  #ruecklink {
    position:relative;
    left:0px;
    top:-1px;
    display:inline-block;
    width:103px;
    margin-left:-237px 
  }
  #bild.marma {
    position:absolute;
    display:block;
    top:21%;
    font:158% serif;
    left:91px;
    width:194px;
    font-variant:small-caps 
  }
  #abhylink {
    position:relative;
    left:-19%;
    top:0px;
    font-size: 155%;
    width: 168%;
  }
  #wechselbild10.allg {
    width:104%;
    margin-left:3%;
    margin-top:-79%;
    margin-bottom:10px;
    float:left;
    top:64%;
    position:absolute;
    left:-117px 
  }
  #dreieck.spez {
    position:relative;
    top:3%;
    left:3%;
    width:40%;
    margin-top:-1%;
    position: absolute;
  }
  #wechselbild1.allg {
    width:145%;
    margin-left:-33%;
    margin-top:32%;
    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:absolute;
    top:51%;
    left:2%;
    margin-top:10px;
  }
  #starttableindex.allg {
    padding-right:3%;
    margin:7px auto;
    margin-bottom:17px;
    margin-bottom:0px;
    left:3%;
    width:83%;
    height:auto;
    font:82%/1.6 serif;
    border-color:#aea6a6;
    top:-16px 
  }
  #copy.agb {
    padding-right:3%;
    margin:7px auto;
    margin-bottom:17px;
    margin-bottom:0px;
    left:0%;
    width:73%;
    height:123px;
    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:5%;
    margin-left:13px;
    font-size:90% 
  }
  #sprung.imp {
    margin-top:-17%;
    float:left;
    margin-left:0%;
    left:16%;
    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:-3%;
    width:69%;
    background:#b3e38bde;
    color:#1c2711;
    margin-top:691px;
    padding:14px 
  }
  #willk {
    position:relative;
    display:inline;
    top:27px;
    left:-11px;
  }
  #willk {
    position:relative;
    display:block;
    top:27px;
    left:70px;
    width:107% 
  }
  #copy.imp {
    position:relative;
    top:17px;
    left:2px;
    width:87% 
  }
  #wechselbild3.imp {
    position:relative;
    top:-27%;
    left:-21px;
    width:94% 
  }
  header.fuss {
    height:91px;
    width:81%;
    margin-bottom:10px;
    left:-1px 
  }
  h1.imp {
    top:-55%;
    margin-left:4%;
    position:relative;
    font-family:serif;
    font-size:228% 
  }
  #starttableindex.imp {
    left:1%;
    margin-top:23%;
    float:left;
    margin-bottom:4%;
    padding:12% 15% 25% 10%;
    width:68%;
    height:274px;
    top:-57%;
    margin-top:1px;
    left:3% 
  }
  #termin.mobil {
    width:74%;
    margin-top:-51%;
    padding-left:22px;
    margin-left:11%;
    position:relative;
    top:0%;
    height:13px;
    font-size:122% 
  }
  #dreieck.imp {
    position:relative;
    margin-top:35%;
    left:-2%;
    max-width:35%;
    display:none 
  }
  #dreieck.terminonline {
    position:relative;
    top:11%;
    left:auto;
    width:34%;
    margin-left:31px 
  }
  #spruchallg {
    height:297px;
    margin-left:15%;
    margin-top:7px;
    left:-8%;
    top:31%;
    width:86%;
    position:absolute 
  }
  ul.start {
    display:inline-block;
    position:absolute;
    left:24px;
    width:auto;
    margin-top:56px;
    font:124%/1.8 sans-serif 
  }
  #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:-40%;
    margin-left:58%;
    top:auto;
    height:30px;
    width:100px 
  }
  #spiegelranke {
    position:relative;
    top:109px;
    left:121px;
    background-color:#caf9c300;
    height:150px;
    margin-top:16px 
  }
       #main.allg {
        top: 4%;
        width: 97%;
        left: auto;
        height: 93%;
        display: inherit;
        margin-left: -25%;
        margin-top: 62%;
    }
  #copy.allg {
    top:auto;
    width:96%;
    left:auto;
    height:120px;
    display:inherit;
    margin-left: 2%;
  }
  #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 ul.top .ganz {
    display:inherit;
    background-color:#f1d4f3;
    border-bottom:1px dotted grey;
    margin:0 auto;
    border-radius:10px;
    width:211px;
    height:auto;
    text-align:center;
  }
  #navyquer.nurmenue {
    top:14%;
  }
  #copy.raumnav {
    left: 7%;
    position: relative;
    margin: -189% 12% 2% 2%;
  }
  #dreieck.navi {
    position:relative;
    margin-top:auto;
    left:-35%;
  }
  #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:none;
    position:absolute;
    top:45%;
    left:67%;
    width:25% 
  }
  #sprung.spez {
    margin-top:-6%;
    width:63%;
    display:block;
    text-align:center;
    left:1%;
    margin-bottom:10px;
    margin-left:-19px;
    position:relative;
    float:left;
    top:150%;
    margin:0 auto;
    font-size: 117%;
    height: 31px;
  }
  #starttableklass.spez {
    width:82%;
    padding:4% 8% 11% 8%;
    top:1%;
    height:auto;
    margin-bottom:80px;
    margin-top:97px;
    font-family:sans-serif;
    margin:0 auto 
  }
  #fruehangeb {
    position:absolute;
    top:0%;
    left:3%;
    text-align:right;
  }
  #sidebar.spez {
    margin-top:223%;
    display:inherit;
    margin-left:auto;
    left:-9%;
    margin:274% auto;
    width: 97%;
    padding: 1%;
    height: 10%;
    top: 68%;
  }
  #wrapper {
    height:3770px;
    width:100%;
    top:1px;
    left:1px 
  }
  #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:7%;
    margin-top:67%;
    margin-bottom:10px;
    float:left;
    top:auto;
    position:relative;
    font-size:110% 
  }
  #sprung.mobile {
    display:block;
    float:right;
    position:relative;
    top:auto;
    margin-top:-168%;
    left:-9px 
  }
  #sprung.mobile {
    display:none;
    float:right;
    position:relative;
    margin-top:-383px;
    left:-3%;
    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:24%;
    width:37% 
  }
  #wechselbild2.mob {
    width:94%;
    margin-left:-20%;
    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:auto;
    left:4px;
    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:2%;
    margin-bottom:2px;
    width:100%;
    margin:0 auto;
    left:-5%;
    height:auto;
    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: 24%;
        margin-bottom: 51px;
        margin-top: -2%;
        position: absolute;
        top: 3%;
        height: 7%;
        left: 2%;
        padding-bottom: 46px;
    }
  #main {
    width:99%;
    margin-top:5px;
    height:1800px;
    left:41%;
    top:-37px;
    background-color:#d2facc00;
  }
  #main.fuss {
    width:100%;
    height:2400px;
    margin-top:-122px;
    top:2%;
    left:-14px 
  }
  #main.navi {
    width:105%;
    background-color:#caf9c3;
    margin-bottom:10px;
    height:2441px;
  }
  #main.imp {
    width:92%;
    float:left;
    top:auto;
    margin-top:-1%;
    margin-bottom:10px;
    height:1126px;
    margin-top:25%;
    left:7px 
  }
  #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:81%;
    height:48%;
    margin-top:30%;
    left:-2%;
    top:35%;
  }
  #wasser.imp {
    position:relative;
    margin:-9% auto;
    margin-top:-9%;
    margin-top:-9%;
    font-size:108%;
    width:72%;
    padding-top:93%;
    margin-top:-78% 
  }
  #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:99%;
    position:relative;
    padding:1%;
    background-color:#eb77e8;
    width:99%;
    left:-1%;
    display:block;
    margin-left:-15%;
    margin-top:-7px;
    margin:0 auto 
  }
  #footer {
    top:25%;
    clear:both;
    width:99%;
    background-color:#C5FFB56B;
    position:relative;
    margin-top:32px;
    margin-bottom:5px;
    height:155px;
    left:12px;
    display:block;
  }
  #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:3%;
    height:134px;
    margin-top:20px;
    width:90% 
  }
  #copy.fuss {
    width:83%;
    left:1%;
    top:auto;
    display:inherit;
    height:180px;
    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% 
  }
  #medien.navform {
    display: inline-block;
    position: relative;
    top: auto;
    width: 200px;
    margin: 199% auto;
    left: 53%;
  }
}
@media screen and (max-width: 485px) {
	    #main.allg {
        margin-left: -16%;
        margin-top: 62%;
    }
  .gkmass span {
    padding: 16px 7px 0px 5px;
    font-size: 77%;
    margin: -5px 1px 1px -2px;
  }
  .ruema span {
    padding: 16px 7px 2px 5px;
    font-size: 77%;
    margin: -4px 1px 1px -2px;
  }
  .mobil span {
    padding: 16px 7px 1px 5px;
    font-size: 77%;
    margin: -4px 1px 1px -2px;
  }
         #wrapper.spez {
        left: -6px;
        padding: 1% 105px;
        padding-bottom: 202%;
        width: 99%;
    }
  #navyoben.allg .oben a.telinfo {
    display: flex;
    width: 47%;
    padding: 5px 27px;
    font: 100%sans-serif;
    top: -2%;
    height: 25px;
    text-align: center;
  }
      #rezensionen {
        width: 74%;
        font-size: 80%;
        left: 3%;
        margin-top: 44%;
        height: 30px;
        padding-top: 10px;
    }
  #medien.neuinfo {
    left: 22%;
    top: -20%;
    width: 66%;
    height: 152px;
    margin-bottom: 2%;
  }
  #sprung.spez {
    top:96%;
    width: 71%;
  }
}
@media screen and (max-width:475px) {
	
	    #wrapper.spez {
        left: -6px;
        padding: 1% 28%;
        padding-bottom: 202%;
        width: 99%;
    }
  #spruchstart.allg {
    padding: 4% 12% 23% 8%;
    left: 5%;
    top: -216%;
    height: 256px;
    margin-top: 37%;
    margin-left: -12px;
  }
  #bild3.allg {
    width:67%;
    top:23px;
    margin-top:1px;
    margin-left:2%;
    border-style:outset;
    padding:14px 30px;
  }
  #terminspez.allg,
  #tel_hoer.allg {
    top:58%;
    width:41%;
    margin-left:18px;
    height:28px;
    margin-top:398px 
  }
  header.allg {
        margin-bottom: 10px;
        margin-top: -6%;
        position: absolute;
        top: 3%;
        height: 5%;
        left: 2%;
        padding-bottom: 26px;
    }
  #navyoben.allg ul.oben {
    width: 101%;
    overflow: hidden;
    height: 3%;
    margin-right: 1%;
  }
      #main.allg {
        top: 4%;
        width: 93%;
        left: auto;
        height: 93%;
        display: inherit;
        margin-left: -16%;
        margin-top: 62%;
    }
	    #rezensionen {
        width: 74%;
        font-size: 80%;
        left: 3%;
        margin-top: 61%;
        height: 30px;
        padding-top: 10px;
    }
	    #sprung.spez {
        top: 96%;
        width: 240%;
        left: -131%;
    }
	    #info.allg {
        width: 92%;
        left: 22%;
        top: -15%;
    }
}
@media screen and (max-width: 450px) {
  #klasslink {
    left: 9%;
    top: 2%;
  }
  a.allabhyopt {
    text-align: center;
    font-size: 98%;
    font-family: chopin script, serif;
    width: 362px;
    margin: -2% -5%;
  }
  header.allg{
	  top:2%;
  }
  table.ganzkoerper {
    display: inherit;
    position: relative;
    width: 400px;
    height: 658px;
    left: 1%;
  }
  #sprung.spez {
    top: 98%;
  }
  #dreieck.spez {
    position: relative;
    top: -94%;
    left: -12%;
    margin: 36% -2% 1% 15%;
  }
  #info.allg {
    width: 135%;
    left: 2%;
    top: -103%;
  }
  h1.allg {
    top:-26%;
     }
  #medien.navform {
    display: inline-block;
    position: relative;
    top: auto;
    width: 200px;
    margin: 234% auto;
    left: 62%;
  }
  #rezensionen {
    width: 91%;
    font-size: 80%;
    left: 1%;
    margin-top: 49%;
    height: 28px;
    padding-top: 7px;
  }
  #bild.allg {
    top: -4%;
  }
}
@media screen and (max-width:445px) {
  #nebenlink.ruefu {
    display:block;
    position:relative;
    left:3%;
    margin-left:-15%;
    font-size:90%;
    width: 354px;
  }
  #terminspez.allg,
  #tel_hoer.allg {
    top:58%;
    width:41%;
    margin-left:18px;
    height:28px;
    margin-top:398px 
  }
  #wechselbild10.allg {
    width:96%;
    margin-left:3%;
    margin-top:-79%;
    margin-bottom:10px;
    top:65%;
    left:-77%;
  }
  #navyquer.nurmenue .top > li {
    float: left;
    position: relative;
    padding: 16px 43px;
    margin: 10px 3px;
    width: 173%;
    top: -46%;
    left: -38%;
    margin: 8% auto;
  }
}
@media screen and (max-width: 430px) {
  #viererbild4.kontakt {
    width: 25%;
  }
  table.ganzkoerper {
    display: inherit;
    position: relative;
    width: 360px;
    height: 658px;
    left: -1%;
  }
  td.abhyopt {
    display: inline-block;
    position: relative;
    height: 40px;
    width: 90%;
    margin-top: 20%;
  }
  a.allklassopt {
    left: 14%;
    top: -22%;
    width: 98%;
  }
  #copy.raumnav {
    top:auto;
    margin:-234% 23% 2% 1%;
    left: 18%;
    padding: 14% 5%;
  }
  a.bild {
    color: wheat;
    text-decoration: none;
    text-shadow: -1px 3px 3px #8f7a53;
    top: 30%;
    font-family: serif;
    font-size: 80%;
    left: 36%;
  }
  #medien.navform {
    display: inline-block;
    position: relative;
    top: auto;
    width: 200px;
    margin: 240% auto;
    left: 63%;
  }
}
@media screen and (max-width:428px) {
  #headline.spez {
    left: -14%;
    margin-top: 71%;
    margin-bottom: 2px;
    top: auto;
    font-size: 114%;
    width: 88%;
    height: 35%;
  }
  #navyoben {
    display: block;
    position: relative;
    margin: 12px 1% 12px -1%;
  }
  #navyoben.allg .oben a.telinfo {
    left: -6px;
  }
  #starthome.rue {
    top: -14%;
    margin-top: -12%;
    width: 104%;
    left: -20%;
  }
  #viererbild.kontakt {
    position: absolute;
    width: 105%;
    height: auto;
    top: 15%;
    left: -6%;
  }
  #copy.raumnav {
    top: auto;
    margin: -170% 23% 2% 1%;
    left: 18%;
    padding: 14% 5%;
  }
  #viererbild2.kontakt {
    width: 18%;
    margin: 5px 10px 2px 1%;
  }
  #sprung.faq {
    margin-top: 55%;
    display: block;
    left: 6%;
    top: 26%;
    width: 66px;
    height: 24px;
  }
        #info.allg {
        width: 75%;
        left: 14%;
        top: -33%;
    }
  #navyquer.nurmenue ul.top {
    width: 56%;
  }
  #navyquer.nurmenue a.head {
    color: #4e195c;
    text-shadow: 2px 2px 2px aliceblue;
  }
        header.allg {
        margin-bottom: 10px;
        margin-top: -6%;
        position: absolute;
        top: 6%;
        height: 19%;
        left: 2%;
        padding-bottom: 1px;
        padding-top: 7%;
    }
  #medien.navform {
    display: inline-block;
    position: relative;
    top: auto;
    width: 200px;
    margin: 264% auto;
  }
  a.allg {
    width: 75%;
    left: 13%;
    font-size: 78%;
    margin: 0 auto;
    top: 8%;
    font-weight: 300;
    letter-spacing: 0px;
  }
         #rezensionen {
        width: 68%;
        font-size: 80%;
        left: -3%;
        margin: 56% 47px;
        padding: 1px;
        height: 28px;
        border-radius: 10px;
        padding: 3px;
    }
  h1.allg {
       margin: 29px 10px;
    top: auto;
     }
  td.neuinfo {
    display: inline-block;
    border-style: outset;
    border-color: #eaea64;
    border-radius: 10px;
    position: relative;
    height: 50px;
    top: 4px;
    left: -5px;
    background: navy;
    width: 205px;
  }
  #spruchstart.allg {
    padding: 4% 12% 23% 8%;
    left: 7%;
    top: auto;
    height: 68%;
    margin-top: auto;
    width: 76%;
    margin-left: -12px;
  }
  .gkmass span {
    display: block;
    position: absolute;
    margin: -8% 0px 0px 0%;
    font-size: 75%;
    padding: 17% 5px 13px 5px;
    text-align: center;
    border: 1px solid #eee9c7;
    width: auto 
  }
  .abhyoel span {
    display: block;
    position: absolute;
    padding: 10px 9px 13px 5px;
    width: auto;
    border: 1px solid #f7e8c6;
    left:-1%;
    margin: -1px 1% 0% 3px;
  }
  .ruema span {
    width: auto;
    border: 1px solid #f7e8c6;
    padding: 16% 6% 11px 11%;
    font-size: 75%;
    margin: -5px 1px 1px 2px;
  }
  .mobil span {
    display: block;
    position: absolute;
    margin: -5px 1% 0% -3px;
    padding: 14% 17px 10px 14px;
    text-align: center;
    width: auto;
    border: 1px solid #f7e8c6;
  }
  #starttableklass.spez {
    width: 79%;
    padding: 4% 8% 11% 8%;
    top: 0%;
    height: auto;
    margin-bottom: 80px;
    margin-top: 97px;
    font-family: sans-serif;
    margin: 0 auto;
    left: 0%;
  }
        #bild.allg {
        padding-bottom: 12px;
        left: 66%;
        margin-top: 4%;
        width: 29%;
        height: 6%;
        top: -6%;
        border: none;
    }
  #viererbilder.kontakt {
    left: -2%;
    border: 3px outset;
    color: #bebe3e;
    height: auto;
    padding-bottom: 134px;
    font-family: serif;
    margin-bottom: 10px;
    width: 98%;
  }
  #wechselbild7.fuss {
    display:block;
    width:105%;
    top:-13%;
    left:-4%;
    position:relative 
  }
  #spruchstart.imp {
    padding: 6% 7% 2%;
    width: 79%;
    left: 16%;
  }
  #viererbilder.kontakt {
    left: -1%;
    height: 5%;
    padding-bottom: 134px;
    font-family: serif;
    margin-bottom: 21px;
    width: 98%;
    border: none;
    margin: 15px auto;
    top: -1%;
  }
  #sprung.spez {
    left: -32%;
    position: absolute;
    font-family: serif;
    font-size: 108%;
    text-shadow: 3px 3px 3px #fff;
    width: 51%;
    height: 25px;
    top: 84%;
    display: inline-block;
  }
  #starttableindex.imp {
    top:-8%;
    left:3%;
    font: 90%/1.4 sans-serif;
    position: absolute;
    padding:4% 10% 71% 10%;
    margin-top: 21%;
  }
  h2.navi {
    position:absolute;
    margin:74px 54px;
    height:auto;
    width:218%;
    font:80%/1.4 sans-serif;
    top:2%;
    margin:71% 1% 6% -40%;
  }
  #copy.raumimp {
    margin-left: -3%;
    margin-top: -42%;
    padding: 8px 11px 7% 
  }
  a.neuinfo {
    text-shadow:none;
    font-weight:normal;
    font-size:100%;
    left: -4%;
    top: -12%;
  }
  #medien.neuinfo {
    left:14%;
    top:-42%;
    width: 77%;
    height: 162px;
  }
  #headline.mob {
    top:10%;
    left:0%;
  }
  sprung.mobile {
    top:-24%;
    margin-top:-442%;
    left:25%;
    width:76%;
    height:30px;
  }
  #wechselbild4.allg {
    width:102%;
    left:0%;
    position:relative;
    display:none 
  }
     #wrapper.spez {
        margin: 0 auto;
        height: 2000px;
        width: 97%;
        left: 1px;
        position: absolute;
        top: 2px;
        padding-bottom: 642%;
        padding: 1% 33%;
        background-color: #dbd283;
    }
  #tel_hoer.imp {
    display:block;
    position:relative;
    top:24px;
    left:-4px;
    width:69%;
    margin:0px auto 
  }
  table.medien {
    display:table-cell;
    width:94%;
    padding-left:10px;
    height:auto;
    text-align:center;
    top: auto;
    left: -17%;
    margin-top: 350%;
  }
  a.tel:link {
    top:-30px;
    left:12px;
    width:67%;
    margin:0 auto;
    font-size:90% 
  }
  #wechselbild2.agb {
    top:2%;
    margin-bottom:2px;
    width:100%;
    margin:0 auto;
    left:2%;
    height:5%;
    position:relative 
  }
  #footer.imp {
    top:auto;
    clear:both;
    margin-bottom:5px;
    left:-1%;
    height:134px;
    margin-top:20px;
    width:90% 
  }
  #terminspez.allg,
  #tel_hoer.allg {
    top:320%;
    width:59%;
    margin-left:-8px;
    height:28px;
    margin-top:398px;
    left:87px 
  }
  #medien.kontakte {
    width:93%;
    top:76%;
    height:99px;
    margin-top:20px;
    margin-bottom:20px;
    position:absolute;
    left:-49px;
    margin:0 auto 
  }
  #wechselbild3.imp {
    position:relative;
    top:-10%;
    left:-15%;
    width:96% 
  }
  #main.termin {
    width:99%;
    margin-bottom:58px;
    height:auto;
    position:relative;
    top:4%;
    left:2px;
    margin:0 auto 
  }
  #navyquer ul.top > li {
    display:inherit;
    border-bottom:1px dotted grey;
    margin:0 auto;
    border-radius:10px;
    max-width:258px;
    width:125px;
    height:auto;
    text-align:center 
  }
  #navyquer ul.top > li {
    text-align: center;
    background-color: #b724b5ad;
  }
  #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:-14%;
    left:14px;
    color:#5a0e5a;
    text-shadow:-1px 2px 2px aliceblue 
  }
  #starthome.termin {
    width:88%;
    top:5%;
    font:87%/1.4 sans-serif;
    left:-10% 
  }
  #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.termin {
    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:-21%;
    top:19%;
    width:78%;
    margin-top:691px;
    padding:14px 
  }
  #main.allg {
    width:306px;
    margin-top:227px;
    margin-bottom:58px;
    height:2000px;
    position:absolute;
    left:-58px 
  }
  #sidebar.imp {
    width:78%;
    height:536px;
    margin-top:145%;
    left:-6%;
    top: 38%;
  }
  #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:-97%;
    text-align:center;
    margin:0 auto;
    position:relative;
    left:2% 
  }
  #headline.agb {
    background-color:#87e3a40a;
    width:96%;
    position:relative;
    top:70%;
    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:99%;
    float:left;
    background-color:#caf9c3;
    top:5%;
    margin-top:88px;
    margin-bottom:10px;
    left:174px 
  }
  #willk {
    position:relative;
    display:block;
    top:-8%;
    left:18%;
    width:110% 
  }
  #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:none;
    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:77%;
    border-style:outset;
    padding:24px 15px 1px 14px;
    color:white;
    margin-left:-10%;
    left: 14%;
    top: 51px;
  }
  #abhylink {
    position:relative;
    left:-14%;
    display:block;
    top:1px;
    width:400px;
  }
  #klasslink {
    position:relative;
    left:-18%;
    top:10%;
    width:88%;
    height: 81px;
  }
  #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:-18%;
    font-size:138%;
    left:-4px;
    width:300px 
  }
  #bild.garschan {
    position:absolute;
    display:block;
    top:52%;
    font-size:128%;
    left:14%;
    background:#add8e600;
    font-variant:small-caps 
  }
  #wechselbild2.mob {
    position:absolute;
    left:16%;
    top:52px;
    width:94%;
    margin-top:-68px;
    margin-left:-57px 
  }
      #navyoben.allg {
        left: 9%;
    }
  #dreieck.spez {
    position:absolute;
    top:-85%;
    left:-20%;
    width:40%;
    margin: 27% 3% 1% 10%;
	display:none;
  }
     #fruehangeb {
        position: absolute;
        color: white;
        font-style: oblique;
        display: block;
        left: 11%;
        font-family: serif;
        width: 111px;
        text-align: center;
        top: auto;
        background: #80808000;
        margin-top: -132%;
        font: 99% / 1.4 small;
    }
  #starttableindex {
    width:93%;
    top:4%;
    margin-top:21px;
    margin-bottom:10px;
    left:-2%;
    height:362px;
    padding-bottom:62px;
    font:109%/1.4em sans-serif 
  }
  #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%;
    list-style-type:none 
  }
  #navyquer.nurmenue {
    display:inherit;
    top:auto;
    left:42%;
    height:auto;
    width: 50%;
    margin: 81% 34%;
  }
  #dreieck.mob {
    margin-left:4%;
    max-width:200px;
    left:7%;
    top:-9%;
    position:relative;
    margin-top:13%;
    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;
    font:94%/1.4 sans-serif 
  }
  header.mob {
    height:21%;
    width:99%;
    margin-bottom:25px;
    margin-top:50px;
    top:4%;
  }
  #termin.mobil {
    width:279px;
    margin-top:21%;
    padding-left:37px;
    margin-right:2%;
    top:-20%;
    display:inherit;
    float:left;
    left:-3%;
    height:4px;
    border-radius:16px;
    padding-top:11px;
    font-size:114% 
  }
  #sidebar.spez {
    width:91%;
    padding:18px;
    margin-bottom:5px;
    height:300px;
    top:45%;
    margin-top:379%;
    left:-14%;
    margin-top:2005px 
  }
  #spruchstart.allg {
    padding: 1% 12% 3% 12%;
    top: auto;
    height: 105%;
    width: 71%;
  }
  h1.imp {
    margin-left:-4%;
    position:relative;
    font-family:serif;
    font-size:228%;
    margin-top:49px;
    margin-bottom:50px;
    left:-11%;
    position:relative;
    top:-132px;
    width: auto;
  }
     #main.allg {
        width: 95%;
        margin-top: 54%;
        margin-bottom: 5%;
        height: 2500px;
        position: absolute;
        top: 11%;
        left: 18%;
    }
  #wechselbild10.allg {
    width:93%;
    margin-left:78%;
    margin-top:-54%;
    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:104%;
    left:5%;
    display:block;
    margin-left:-16%;
    margin-top:0px 
  }
  #starthome {
    width:103%;
    padding-right:1px;
    text-align:center;
    font:120%/1.4 sans-serif;
    left:-27%;
    position:relative;
    top:-3% 
  }
  #dreieck.imp {
    position:relative;
    margin-top:11%;
    left:7%;
    top:-39px;
    display:none 
  }
  #sprung.imp {
    margin-top:-17%;
    float:left;
    margin-left:0%;
    left:5%;
    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 
  }
  #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:#B6FFA200;
    background-color:#DDEFDE00;
    margin-bottom:2px;
    top:134%;
    right:18%;
    margin-top:5% 
  }
  header.navi {
    height:24%;
    width:104%;
    margin-bottom:10px;
    left:-3%;
    margin-top:51px;
    top:-6%;
    background:#ffffe000 
  }
  #wechselbild2.navi {
    position:absolute;
    left:24%;
    top:31%;
    width:98%;
    margin-top:-79px;
    margin-left:-22% 
  }
  #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 {
    float:right;
    position:fixed;
    top:1863px;
    margin-top:-442%;
    left:7%;
    margin-bottom:20px;
    width:76%;
    height:30px;
  }
  #wrapper.imp {
    width:99%;
    height:auto;
    left:-3px;
    position:relative 
  }
  #dreieck {
    position:relative;
    top:-63%;
    width:50%;
    left:-5px;
    width:125px 
  }
  #dreieck.allg {
    position: relative;
    top: 47%;
    left: 9%;
    margin-top: -141px;
    max-width: 62%;
    height: auto;
  }
  #startfuss {
    position: relative;
    width:80%;
    margin-left:24px;
    font-size:104%;
  }
  #gutschein.mobile {
    position:absolute;
    top:auto;
    left:6%;
    width:88% 
  }
  #spruchallg {
    height:230px;
    margin-left:16%;
    margin-top:281%;
    top:auto;
    width:89%;
    position:relative 
  }
  #starttableindex.allg {
    margin-bottom:-26px;
    left:1%;
    width:76%;
    height:auto;
    font-size:85%;
    margin-top:auto;
    top:-1%;
    font-family:serif;
    position:relative;
    border-color:#c1bcbc;
    padding:5% 6% 124% 15%;
    list-style-type:none 
  }
  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:-10px;
    margin-bottom:16px;
    left:4%;
  }
  #starthome.ganz {
    width:100%;
    margin-left:auto;
    padding-right:9px;
    text-align:center;
    margin-left:-7%;
    margin-top:-49px;
    display:block;
    top:22px;
    font-family:sans-serif;
    font-size:130%;
    left:-12%;
  }
  #sidebar.agb {
    width:86%;
    left:-11px;
    height:550px;
    top:-114px;
    margin-top:-9% 
  }
  #wechselbild1.mass {
    position:relative;
    left:auto;
    top:-52%;
    margin-top:-723px;
    width:auto;
    margin-left:-37%;
    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:70%;
    left:11%;
    width:75%;
    margin-top:13% 
  }
  h1.rueallg {
    font-size:216%;
    color:navy;
    font-weight:bold;
    font-style:italic;
    top:51%;
    left:-8%;
    margin-top:15px;
    margin-bottom:10px;
    height:110px;
    width:69%;
    position:absolute;
  }
  #main.navi {
    width:113%;
    background-color:#f9c3f100;
    margin-top:144px;
    margin-bottom:10px;
    height:1472px;
    left:0%;
    top:-12%;
    margin:20% -17% 
  }
  #wechselbild3.cookie {
    left:-3%;
    top:auto;
    width:100%;
    margin-bottom:10px;
    position:relative 
  }
  #wechselbild1.allg {
    max-width:97%;
    margin-left:10%;
    margin-top:-35%;
    margin-bottom:10px;
    float:left;
    top:88%;
  }
  #spiegelranke {
    position:relative;
    top:-144%;
    left:-1px;
    background-color:#caf9c300;
    height:131px;
    margin-top:16px;
    margin-bottom:57px 
  }
  #sprung.allg {
    margin-top:1px;
    width:28%;
    text-align:center;
    left:18px;
    margin-bottom:10px;
    top:67%;
    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 
  }
  #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:87%;
    margin-top:0px;
    margin-bottom:0px;
    padding:18px;
    margin-bottom:5px;
    height:312px;
    top:auto;
    margin-top:67%;
    left:-1%;
    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:98%;
    height:1200px;
    top:-7px;
    left:3px;
  }
  #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.terminonline {
    margin-left:4%;
    width:111px;
    left:-1%;
    top:-3%;
    position:relative 
  }
  #main {
    width:100%;
    margin-top:auto;
    margin-bottom:10px;
  }
  #main.mob {
    width:98%;
    margin-top:auto;
    margin-bottom:10px;
    top:auto;
    left:46% 
  }
  #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);
    background-color:rgba(0, 0, 0, 0);
    background-color:rgba(0, 0, 0, 0) 
  }
  #main.imp {
    width:99%;
    float:left;
    top:auto;
    margin-top:49%;
    margin-bottom:10px;
    height:auto;
    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:413%;
    margin-bottom:5px;
    height:188px;
    left:4px;
    background-color:#f5f5dc00 
  }
  #copy.navi {
    width:77%;
    height:130px;
    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:99%;
    background-color:#9194CF00;
    position:absolute;
    margin-top:100%;
    margin-bottom:5px;
    height:243px;
    margin-left:-30px;
    top:99%;
    background:#add8e600;
    left: 10%;
  }
  #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:-14px;
    height:51%;
  }
     .abhyoel span, .gkmass span, .ruema span, .mobil span {
        font-size: 68%;
        top: 143%;
        background-color: #9c9999a6;
        height: 32px;
        margin-top: -29px;
        background-color: #bebcbc80;
        border-radius: 5px;
        border: 1px solid #f5efce;
        padding: 16% 68px 13px 10px;
        text-align: center;
    }
}
@media screen and (max-width:420px) {
  #navyoben.allg .oben a.telinfo {
    width: 47%;
    padding: 5px 22px;
    font: 100%sans-serif;
    top: -2%;
    left: -7%;
  }
  h2.muessen {
    display:block;
    position:relative;
    width:89%;
    text-shadow:1px -1px 1px aliceblue;
    font-weight:bold;
    margin:35% auto 24px 3%;
  }
  #sprung.mobile {
    top:-41%;
    position:static;
  }
  h1.navi {
    width: 350px;
    left: -35%;
    font-size: 260%;
  }
  #navyoben.allg {
    display: inline-block;
    position: relative;
    margin: 8px 1% 12px -4%;
    top: 0%;
    width: 96%;
  }
}
@media screen and (max-width: 412px) {
  #medien.neuinfo {
    left: 14%;
    top: auto;
    width: 77%;
    height: 162px;
    margin: -227% 1% 1% 1%;
  }
}
@media screen and (max-width:400px) {
  #viererbild.kontakt {
    position: absolute;
    width: 105%;
    height: auto;
    top: 15%;
    left: -6%;
  }
  a.allmarmopt {
    width: 300px;
    top: -16%;
    font-size: 123%;
    left: 0%;
  }
  td.zwischenopt {
    display: inline-block;
    height: 30px;
    width: 61%;
    text-align: center;
    left: -9%;
    position: relative;
    top: 7%;
  }
  a.allklassopt {
    left: 1%;
    top: -22%;
    width: 98%;
  }
  #abhylink {
    position: relative;
    left: -14%;
    display: block;
    top: 1px;
    width: 400px;
  }
  table.ganzkoerper {
    display: inherit;
    position: relative;
    width: 360px;
    height: 658px;
    left: -1%;
  }
  header.allg {
    padding-bottom: 18px;
  }
  a.rez {
    top:-1px;
  }
  #navyoben.allg .oben a {
    width: auto;
    padding: 7px 18px;
    font: 90% sans-serif;
  }
  h1.allg {
    font-size: 35%;
  }
  #navyoben.allg ul.oben {
    width: 104%;
  }
  #marmalink {
    display: inline-block;
    position: relative;
    left: -23%;
    margin-top: 31%;
  }
  #navyoben.allg .oben a.telinfo {
    display: flex;
    width: 47%;
  }
  #viererbild1.kontakt {
    width: 24%;
    position: relative;
    display: inline-block;
    left: 1%;
    top: 1px;
    margin: 12px 10px 1px 0%;
    height: 210%;
  }
  #bild.allg {
    left: 59%;
    margin-top: 3%;
    width: 36%;
    height: 6%;
    top: -14%;
    border: none;
  }
  #pfeil {
    top:100%;
    left: 80%;
    position: relative;
  }
  #navyquer.nurmenue .rat {
    width: 220px;
    left: 1px;
    float: left;
    position: relative;
  }
  #medien.navform {
    display: inline-block;
    position: relative;
    top: auto;
    width: 200px;
    margin: 333% auto;
    left: 57%;
  }
  #navyquer.nurmenue .top > li {
    float: left;
    position: relative;
    padding: 16px 43px;
    margin: 10px 3px;
    width: 132%;
    top: -46%;
    left: -4%;
    margin: 16% auto;
  }
  #sprung.spez {
    width: 41%;
    left: -25%;
    top: 139%;
    border-radius: 14px;
  }
  #spruchallg {
    height:230px;
    margin-left:11%;
    margin-top:281%;
    top:203%;
    width:93%;
    position:absolute;
  }
  .ruema span {
    width: auto;
    border: 1px solid #f0e1bc;
    padding: 16% 6% 8px 11%;
    font-size: 63%;
  }
  .mobil span {
    margin: -10px 1% -12% -1px;
    margin-bottom: 1%;
    padding: 14% 15px 10px 13px;
    text-align: center;
    width: auto;
    border: 1px solid #ede1b3;
  }
  th.ruecklink {
    left: 2px;
  }
  th.fusslink {
    padding: 23px 0px;
    font: 120% sans-serif;
    display: block;
  }
  tbody {
    width: 93%;
    display: inline-block;
    left: 3%;
    position: relative;
  }
  #medien.neuinfo {
    left: 14%;
    top: auto;
    width: 77%;
    height: 162px;
  }
  #bild3.allg {
    margin-top: 12%;
    margin-left: -19%;
    padding-bottom: 5%;
  }
  #klasslink {
    position: relative;
    left: -3%;
    top: 16px;
    width: 58%;
  }
  #viererbild3.kontakt {
    width: 22%;
    margin: 4px 3px 1px 11px;
    left: 44%;
  }
  .abhyoel span,
  .gkmass span,
  .ruema span,
  .mobil span {
    top: 143%;
    background-color: #9c999987;
    color:aliceblue;
    margin-bottom: 8px;
  }
  #sprung.spez {
    width: 58%;
    left: -25%;
    top: 79%;
    border-radius: 14px;
  }
  #navyquer.nurmenue {
    margin:96% 41%;
    height:auto;
    width:72%;
    top: auto;
  }
  #spruchstart.allg {
    padding: 4% 12% 23% 8%;
    left: 6%;
    top: 9%;
    height: 82%;
    margin-top: 12%;
    width: 76%;
    margin-left: -12px;
  }
  #headline.mob {
    top:10%;
    left:-7%;
  }
  #bild.allg {
    padding: 0px 4px 2px 0px;
    top: -17%;
    width: 33%;
    left: 66%;
  }
  #wechselbild1.mass {
    position:relative;
    left:auto;
    top:-21%;
  }
  #gutschein.mobile {
    position:absolute;
    top:552%;
    left:6%;
    width:88%;
  }
  #termin.mobil {
    width:270px;
    margin-top:-45%;
    padding-left:37px;
    margin-right:4%;
    top:-81%;
    left:-6%;
  }
  #footer {
    top:35%;
  }
}
@media screen and (max-width: 400px) {
	    #wrapper.spez {
        margin: 0 auto;
        height: 2000px;
        width: 97%;
        left: 1px;
        position: absolute;
        top: 2px;
        padding-bottom: 642%;
        padding: 3% 45%;
        background-color: #dbd283;
    }
	    .abhyoel span, .gkmass span, .ruema span, .mobil span {
        top: 143%;
        background-color: #9c99990a;
        color: aliceblue;
        margin-bottom: 8px;
    }
    #bild.allg {
        padding: 0px 4px 2px 0px;
        top: -5%;
        width: 33%;
        left: 66%;
    }
	    #sprung.spez {
        width: 58%;
        left: -25%;
        top: 87%;
        border-radius: 14px;
    }
	#viererbild1.kontakt {
        width: 24%;
        position: relative;
        display: inline-block;
        left: 1%;
        top: 12px;
        margin: 12px 10px 1px 0%;
        height: 358%;
    }
	    #starthome.ganz {
        width: 100%;
        margin-left: auto;
        padding-right: 9px;
        text-align: center;
        margin-left: -7%;
        margin-top: -49px;
        display: block;
        top: 2px;
        font-family: sans-serif;
        font-size: 92%;
        left: -5%;
		padding-top:0;
    }
}
@media screen and (max-width:365px) {
  #viererbild.kontakt {
    display: inline-block;
    position: absolute;
    width: 105%;
    height: auto;
    top: 15%;
    left: -6%;
  }
}