@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:98%;
  left:-1px;
  position:relative
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family:serif;
} 
h1.rueallg{
  font-family: Adastra black, tiflis, serif;
top:-24%;
  left:-25%;
  font-size:400%;
}

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) {
  #headline.navi{
    display: inline-block;
   top: 85%;
    left: -59%;
    width: 46%;
    position: relative;
  }
  #navyquer.nurmenue ul.top > li{
    padding-bottom: 5px;
    height: 614px;
  }
      #navyquer.nurmenue ul.sub > li {
  display: inline-block;
  background-color: #d684d500;
  text-transform: none;
  margin: 0 auto;
  border-radius: 10px;
  /*! background-color: #efcaf399; */
  padding-bottom: 3px;
}
    #dreieck.navi {
    position:relative;
    left:4%;
    top:63%;
    margin-left:20px;
    width:44%;
  }
  #medien.rueallg{
    height: 200px;
    width: 25%;
    display: inline-block;
    position: relative;
  }
   #navyoben.navi{
    display: inline-block;
    position: relative;
    background: #ff00;
    width: 345%;
    left: 11%;
      }
  #navyquer ul.top{
color: #008000; 
font-family:serif; 
list-style-type: none;
padding: 0%; 
display: inherit;
position: relative;
top: 0px;
border-radius:10px;
float: right; 
opacity:1.0; 
}
  #navyquer.rueckallg{
    height: 20px;
  }
  header.rueck{
    top:2%;
    left:4%;
    height: 23%;
    display: inline-block;
    position: relative;
  }
  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.navi ul.oben {
   display: flex;
    float:right;
    position: relative;
    width:48%;
    background-color:#e3d59f;
    overflow:hidden;
    height: 9%;
    list-style-type: none;
   padding: 5px 10px;
   margin: 10px 20%;
      }
  ul.oben li.oben{
    background-color:#f5e8b5c9;
     list-style-type: none;
    text-decoration:none;
  }
   #navyoben.navi .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;
  }
  #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: -2%;
  }
  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:-12%;
    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:-123%;
    width: 87%;
    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:-111%;
    width: 87%;
    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:-202%;
    width: 88%;
    left: 2%;
    color: aliceblue;
    font-weight: bold;
    background-color: #9c99997d;
    padding: 5px 28px 8px 7px;
    margin-top: 23px;
    font-family: "tiflis";
    letter-spacing: 1px;
  }
  .mobil span {
    position: absolute;
    display: block;
    top:-102%;
    width: 86%;
    left: 3%;
    color: aliceblue;
    font-weight: bold;
    background-color: #9c9999ab;
    padding: 5px 26px 7px 7px;
    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 {
    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: 100%;
    background-color: #205e1717;
    height: 1000px;
    position: relative;
    /*! display: flex; */
    align-items: center;
    justify-content: center;
  }
  header.navi {
    display:flex;
    justify-content: center;
    position: relative;
    height: 26%;
    width: 98%;
    margin: 20px 10px;
  }
  #navyquer.imp {
    margin-top:-2247px;
    float:left;
    top:2%;
  }
  #sprung.imp {
    display:none;
  }
  #ganzmass {
    display: none 
  }
  #spruchstart.allg {
    width: 36%;
    height: auto;
    margin-left: 814px;
    margin-bottom: 30px;
    left: 2%;
    padding: 1% 1% 15% 1%;
    margin-top: 11%;
  }
  #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%;
    /*! color:white; */
    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:70px;
    padding:5px 20px;
    position:relative;
    left:-17px;
  }
  th.fusslink {
    margin-left:-48px;
    padding:0px;
    width:207px;
    padding:6px 74px;
    font:120% sans-serif;
    display:block
  }
  #nebenlink.ruefu {
    display:block;
    position:relative;
    left:15%;
    margin-left:-15%;
    width:102%;
  }
  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:lightgreen;
    height:60px;
    border-radius:15px;
    border:1px outset;
  }
  #medien.neuinfo {
    position:relative;
    display:block;
    width:20%;
    top:auto;
    height:14%;
    margin-top:-71%;
    margin-bottom:20px;
    left: 77%;
  }
  table.nebenlink {
    display:inline-block;
    padding:30px 21px;
    width:90%;
    position:relative;
    margin-left:12%;
  }
  #wechselbild2.navi {
    position:absolute;
    /*! left:1%; */
    top:13%;
    width:83%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #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:6% 10px 10px -23%;
    position:relative;
    width:14%;
    top: -11%;
    text-align: center;
    padding: 40px 36px;
    opacity: 1.0;
    border: 1px solid;
    border-radius: 10px;
    background: #b59e49;
    display: inline-block;
  } 
  #spiegelranke {
    display:none;
    position:absolute;
    left:86%;
    top:6%;
    width:21%;
  }
  #wrapper {
    width:100%;
    height:2000px;
    background: #ceb5558f;
  }
 
  #wrapper.spez {
    font:104% serif;
    background-color:#d3c261;
    background-repeat:no-repeat;
    padding:5px;
    margin:0 auto;
    height:3600px;
    width:100%;
    left:-1px;
    position:absolute;
    top:2px;
    padding: 17px 10px 43% 10px;
  }
  #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;
    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:4%;
    position:relative;
    top:-70px;
  }
  #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;
    top:42%;
    display:inline-block;
    list-style-type:none;
    height: 80px 
  }
  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:3%;
    position:relative;
    margin-top:-1%;
    float:left;
    margin-bottom:4%;
    height:1300px;
    top:4%;
    display:block;
    width:93%;
  }
  #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:-38%;
    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:7%;
    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:block;
    position:relative;
    width:17%;
    top:-164%;
    margin-top:1%;
    margin-bottom:20px;
    border-style:outset;
    border-color:#183509;
    left:80%;
    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: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%;
  } 
  #wechselbild1.allg {
    float:right;
    left:57%;
    position:absolute;
    top:152%;
    margin-top:-118%;
    width:36%;
    margin-right:44px
  }
  #wechselbild10.allg {
    float:right;
    left:-2%;
    position:absolute;
    top:67%;
    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:114%;
    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;
  }
  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 {
       position:relative;
    display:inline-block;
      position:relative;
    height: 500px;
       top: -12%;
       width: 80%;
   }
  #navyquer.nurmenue ul.top {
    display:block;
    border-radius:10px;
    color:#fff0;
    width:104%;
    clear:both;
       float:left;
    background:#add8e600;
    margin: -6% 78%;
    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;
    position:absolute;
    top:66%;
    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%;
  }
   #navyquer.nurmenue .top > li {
    float: left;
    box-shadow: none;
          }
  #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:-42%;
    top:2%;
    margin-left:20px;
    width:44%;
  }
  #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:4%;
    width:87%;
    height:auto;
    top:1%;
    text-align:center;
    border:outset grey;
    border-radius:15px;
    background-color:#daf0e4;
    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: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:116%;
    height:163px;
    width:67%;
    left:3%;
    background:#b8cbdb00;
    padding-bottom: 3%;
    position: relative;
    display: inherit;
  }
  #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: 53%;
    margin-top: auto;
  }
  #copy.allg .unten {
    height: 180px;
    top: 28%;
    position: absolute;
    text-align: center;
    width: 97%;
  }
    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: 5%;
    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: 5%;
    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;
  }
    #navyquer.nurmenue a {
    display: block;
    text-decoration: none;
    list-style: none;
    padding-top: 21px;
    padding-bottom: 22px;
    border-radius: 10px;
    border: 1px outset;
    width: 161px;
    color: #352c66;
    font: 86% sans-serif;
    height: 25px;
    margin-top: -2px;
    padding: 24px 10px 46px 10px;
    background: #edcaf0f5;
  }
}

@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: 8% 1% 1% -2%;
  }
}
@media screen and (max-width:2048px) {
   #medien.navform{
    display: inline-block;
    position: relative;
    top:11%;
    width: 200px;
    left: 44%;
  }
  #navyquer.nurmenue ul.sub > li.letzt a {
    height: 40px;
  } 
    #copy.raumnav {
    color: #062906;
    font: 101% Verdana;
    height: auto;
    margin: 6% 10px 10px -72%;
    position: relative;
    width: 14%;
    top: 6%;
    text-align: center;
    padding: 40px 36px;
    opacity: 1.0;
    border: 1px solid;
    border-radius: 10px;
    background: #cdb86e;
    display: inline-block;
    left: 77%;
  }
   #navyquer.nurmenue a {
    display: block;
    text-decoration: none;
    list-style: none;
    border-radius: 10px;
    border: 1px outset;
    max-width: 209px;
    color: #352c66;
    font: 86% sans-serif;
    height: 25px;
    margin-top: -1px;
    padding-bottom: 35px;
  }
 
  #navyquer.nurmenue ul.sub > li.lange a{
    height: 45px;
  }
  #navyquer.nurmenue ul.sub > li.ganz a{
    height: 40px;
  }
 
  header.allg {
    height: 28%; 
  }
  h1.navi{
    width: 317%;
  }
  #main.allg{
    top:4%
  }
  #bild.allg{
    top:-243%;
  }
    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%;
  }
 
  #rezensionen{
    top:-18%;
    left: 8%;
    width: 74%;
  }
  #pfeil {
    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:90%/1.4 sans-serif;
    font-weight: bold 
  }
  #ganzmass {
    position: relative;
    display: block;
    width: 100px;
    top:2% 
  }

  #navyquer.imp {
    margin-top:-2247px;
    float:left;
    top:2%;
  }
  #sprung.imp {
    display:none;
  }
  #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%;
    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 {
    margin-left:-48px;
    padding:0px;
    width:153px;
    padding:6px 74px;
    font:98% sans-serif;
    display:block;
    top: 4%;
    position: relative;
  }
  table.medien {
    display:table-cell;
    width:104%;
    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;
    margin-left:12%;
  }
 
  #spiegelranke {
    display:none;
    position:absolute;
    left:86%;
    top:6%;
    width:21%;
  }

  #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 {
    left:22px;
    position:relative;
    top:1px
  }
  #terminspez.allg {
    position:relative;
    top:-40%;
    margin-top:1037px;
    background-color:#bb00ff8c;
    text-align:center;
    border-radius:8px;
    border-style:outset;
    opacity:1.0;
    width:61%;
    left:3%;
    margin-left:-3%;
  }
  #copy.agb {
    top:800px;
    display:inherit;
    position:relative;
    top:auto;
    margin-top:320px
  }
 
  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:-19px;
    margin:0 auto;
  }
  #navyquer.rueallg {
    width:99%;
    position:relative;
    display:block;
    top:-1016%;
    left:-155px;
    background:#add8e600
  }
  #wechselbild1.allg {
    float:right;
    left:-1%;
    position:relative;
    margin-top:-166%;
    /*! width:104%; */
    margin-top:-46%;
  }
  a.bild {
    color:wheat;
    text-decoration:none;
    text-shadow:-1px 3px 3px #8f7a53;
    top:-47%;
    font-family:serif;
  }
  #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:relative;
    display:block;
    top:-2%;
    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: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%;
  }
  #wechselbild10.allg {
    float:right;
    left:-2%;
    position:absolute;
    top:53%;
    margin-top:-72%;
    width:105%;
  }
  #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:126%;
    position:relative;
    top:-10%;
    margin-top:7%;
    margin-left:-59%;
    height: 22%;
  } 
  #navyquer.nurmenue ul.top {
    display:block;
    border-radius:10px;
    color:#fff0;
    width:31%;
    clear:both;
    left:30%;
    float:left;
    background:#add8e600;
    margin-left:22%;
    top:-11%;
    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; 
   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:-38%;
    top:-4%;
    margin-left:20px;
    width:44%;
  }
  #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;
    background-color:#daf0e4;
    font-family:serif;
    font-size:120%;
    color:#551a8b;
    left:5%
  }
  #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:-6%;
    left:-3%;
    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:131%;
    height:200px;
    width:83%;
    margin-top:123%;
    left:11%;
    background:#b8cbdb91;
    padding-bottom: 0%;
    position: relative;
  }
  #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 {
    display: inline-block;
    padding: 30px 21px;
    width: 73%;
    position: relative;
    margin-left: 19%;
  }
   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%;
  }
  .ruema span {
    display: block;
    position: absolute;
    margin:-2% 1% 1% 1%;
    width: 81%;
  }
  .mobil span {
    display: block;
    position: absolute;
    margin:-1% 1% 1% 1%;
  }
}
@media screen and (max-width: 1900px) {
  #copy.raumnav {
    left: 69%;
    top: -15%;
  }
    #navyquer.nurmenue {
    width: 141%;
    position: relative;
    top: 2%;
    margin-top: 1%;
    margin-left: -71%;
    height: 63%;
  }
    #navyquer.nurmenue ul.top {
    width: 31%;
    clear: both;
    left: 30%;
    float: left;
     margin-left: 22%;
    top: 24%;
     height: 18px;
  }
    #medien.navform {
    display: inline-block;
    position: relative;
    top: -1%;
    width: 200px;
    left: 36%;
  }
}
@media screen and (max-width:1800px) {
  #wrapper.spez{
    padding-bottom: 123%;
  }
    #headline.navi {
    display: inline-block;
    top: 85%;
    left: -59%;
    width: 46%;
    position: relative;
  }
    #navyoben.navi .oben a {
    display: flex;
    width: auto;
    padding: 5px 58px;
    font: 134% sans-serif;
  }
    #navyoben.navi ul.oben {
      width: 55%;
    padding: 5px 10px;
    margin: 2px 11%;
  }
  #copy.raumnav{
    margin-left:-70%;
  }
 
   #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 {
    position:absolute;
    color:wheat;
    font:170%/1.4 serif;
    font-style:oblique;
  }

  #spiegelranke {
    display:none;
    position:relative;
    top:-61%;
    width:16%;
    left:59%;
    height:auto;
  }
}
@media screen and (max-width:1700px) {

    #navyoben.navi {
    width: 345%;
    left: 11%;
  }
  #spruchstart.allg {
    width: 98%;
    height: 649px;
    margin-left: 814px;
    margin-bottom: 30px;
    left: -154%;
    padding: 0% 1% 20% 1%;
    margin-top: -17%;
  }
    #navyquer.nurmenue ul.top {
    width: 94%;
    clear: both;
    left: -31%;
    float: left;
    margin-left: 22%;
    top: 1%;
    height: 18px;
  }
   #navyoben.navi .oben a {
    display: flex;
    width: auto;
    padding: 5px 48px;
    font: 134% sans-serif;
  }
   .abhyoel span {
    display: block;
    position: absolute;
    margin: -2% 1% 1% -1%;
    width: 84%;
    left: 3%;
  }
  h1.navi {
    width: 317%;
  } 
  #sprung.faq{
    margin-top:31%;
    display: inline-block;
    left: 81%;
  }
   #medien.navform {
       top: 13%;
    width: 200px;
    left: 31%;
  }
  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;
    /*! top:-68%; */
    left:10%;
    margin-top: 10px;
    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:5%;
    position:relative;
    margin-top:6%;
    margin-bottom:4%;
    width:55%;
    height:auto;
    top:-3%;
    font-size:120%;
    padding:2% 1% 1% 5%;
  }
  #wechselbild2.navi {
    position:absolute;
    left:3%;
    top:12%;
    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:-224%;
    margin-top:156px;
    margin-bottom:20px;
    left:74%;
    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:0%;
    margin-top:15%;
    padding:39px;
    position:relative;
    width:16%;
     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:62%;
    position:relative;
    /*! display:block; */
    top:3%;
    margin-top:2%;
    text-align:center;
    margin-left:2%;
    position:absolute;
    left:18%;
  }
  #spruchstart {
    display:block;
    top:10px;
    position:relative;
  }
  h1.bau {
    font-size:247%;
    color:navy;
    font-weight:bold;
    font-style:italic;
    top:-2%;
    left:-22%;
    margin-top:20px
  }
  #sprung.bau {
    display:none;
    float:left;
    margin-left:-9%;
    margin-bottom:20px;
    top:-120px
  }
  #starttableindex.bau {
    left:8%;
    margin-top:30%;
    float:left;
    margin-bottom:4%;
    padding:5%;
    width:44%;
    top:-61%
  }
  #navyquer .top > li {
    float:left;
    /*! background-color:rgba(231, 135, 232, 0.91); */
    box-shadow:-0px 5px 5px #008000b3;
    position:relative;
    padding:7px 6px;
    margin-bottom:3px;
    width:139px;
    top:220px;
    left:7%;
    margin:0 auto
  }
  #spruchstart {
    height:94%;
    position:relative;
    padding:3%;
    margin-left:61px;
    margin-right:3%;
    background-color:#99319099;
    width:78%;
    right:15%;
    display:block;
    margin-top:1px
  }
  #headline.agb {
    background-color:#87e3a44d;
    width:100%;
    position:relative;
    top:179px;
    left:1px;
    margin-top:3%;
    height:150px;
    border-bottom:2px dotted white;
    margin-bottom:2px
  }
  #headline.allg {
    background-color:#87e3a44d;
    width:100%;
    position:relative;
    left:1px;
    height:34%;
    border-bottom:3px dotted white;
    margin-bottom:2px;
    top:216px
  }
  header.gutsch {
    height:250px;
    width:98%;
    position:relative;
    margin-top:-11%;
    margin-bottom:10px;
    display:block
  }
  #wechselbild1.ayurv {
    left:17%;
    top:92px;
    padding-bottom:30px;
    padding-left:40px
  }
  #wechselbild4.fuss {
    display:none;
    width:93%;
    top:1%;
    left:-2%
  }
  #rankefuss {
    display:inline;
    position:absolute;
    top:36%;
    left:38%
  }
  #rankefuss1 {
    display:inline;
    position:absolute;
    top:16%;
    left:14%;
    margin-left:21%;
    width:65%
  }
  details.rück {
    margin-right:0;
    margin-top:0;
    position:relative;
    right:995px;
    top:504px
  }
  #starttableindex.ayur {
    float:left;
    margin-bottom:4%;
    padding-right:2%;
    padding-bottom:50px;
    padding-top:2%;
    width:50%;
    padding-left:2%;
    height:auto;
    top:-6%;
    margin-left:57px
  }
  #summary.fuss {
    display:inline;
    float:right;
    position:absolute;
    right:-757px;
    top:113px;
    width:544px;
    padding:25%
  }
  #navileiste.fuss {
    position:absolute;
    margin-top:13%;
    float:right;
    left:56%
  }
  h4.upana {
    color:rgb(12, 112, 25);
    font:137% bold,italic;
    height:20%;
    left:-24%;
    position:relative;
    text-align:center;
    text-shadow:3px 3px 3px rgb(255, 255, 255);
    top:6%;
    margin-top:-4%
  }
  #dreieck.ayur {
    position:relative;
    top:13%;
    left:-34px
  }
  h1.ayur {
    text-shadow:3px 3px 3px #fff;
    margin:0 auto;
    position:relative;
    top:-51%;
    font-family:serif;
    font-size:221%;
    color:#000280;
    left:-346px
  }
  #wechselbild1.start {
    left:-9%;
    padding-bottom:30px;
    top:13%;
    width:103%
  }
  #spruchstart.agb {
    height:94%;
    position:relative;
    padding:3%;
    margin-left:37px;
    margin-right:3%;
    background-color:#99319099;
    width:78%;
    right:3%;
    display:block
  }
  #fussnote.fuss {
    top:-4%;
    left:1%;
    position:relative;
    width:83%;
    height:236px;
    padding:38px;
    margin-top:10px
  }
  #spruchstart.fuss {
    height:117%;
    position:relative;
    padding:4%;
    width:85%;
    right:5%;
    display:block;
    margin-left:12%;
    margin-top:-54px;
    background:linear-gradient(to right, #a6b32780 0%,#263b0099 99%);
    background-color:rgba(0, 0, 0, 0)
  }
  #wassernote {
    position:relative;
    top:-65%;
    left:2px;
    font-size:83%;
    color:navy
  }
  #wechselbild2a.abhy {
    position:relative;
    top:-97px;
    left:-66px;
  }
  #ampel.fuss {
    border-radius:30px;
    display:table-cell;
    left:8%;
    position:relative;
    top:-25%;
    height:auto;
    padding-bottom:10%
  }
  #navileiste.abhy {
    float:right;
    color:rgb(0, 0, 128);
    font:71% serif;
    position:absolute;
    top:81%
  }
  #navyquer.abhy {
    width:140%;
    margin-bottom:5px;
    position:fixed;
    display:block;
    top:-23%;
    margin-left:-17px;
    height:50px;
    left:-958px;
    float:left
  }
  #sidebar.abhy {
    width:18%;
    height:430px;
    float:right;
    position:relative;
    padding:20px;
    border-style:outset;
    border-radius:20px;
    border-color:#B6FFA2;
    background-color:#DDEFDE80;
    margin-bottom:2px;
    top:12%;
    left:-16%
  }
  #wasser {
    position:relative;
    margin:22% auto;
    font-size:98%;
    width:72%;
    padding-top:93%;
    top:38px
  }
  #sidebar1.abhy {
    width:33%;
    height:548px;
    float:left;
    position:relative;
    border-style:outset;
    border-radius:20px;
    border-color:#B6FFA2;
    background-color:#DDEFDE99;
    left:-53%;
    top:10%;
    padding:2%;
    margin-top:10px;
    margin-bottom:10px
  }
  #spruchstart.abhy {
    height:117%;
    position:relative;
    padding:4%;
    width:115%;
    right:5%;
    display:block;
    margin-left:12%;
    margin-top:-54px;
    background:linear-gradient(to right, #a6b32780 0%,#263b0099 99%);
    background-color:rgba(0, 0, 0, 0)
  }
  #wasser.abhy {
    position:relative;
    margin:-9% auto;
    font-size:98%;
    width:72%;
    padding-top:93%;
    top:118px
  }
  #rankefuss.abhy {
    display:inline;
    position:absolute;
    top:35%;
    left:80%;
    margin-bottom:2px;
    width:44%
  }
  #ampel.abhy {
    border-radius:30px;
    display:table-cell;
    left:7px;
    position:relative;
    top:-245px
  }
  #ampel.abhy1 {
    border-radius:30px;
    display:table-cell;
    left:767px;
    position:relative;
    top:-413px
  }
  #tablefuss.abhy {
    width:30%;
    text-align:left;
    padding-bottom:20px;
    float:left;
    margin-bottom:10px;
    margin-top:72px;
    top:50%;
    left:591px;
    height:522px;
  }
  td.kurztextabhy {
    position:relative;
    top:-19px;
    left:-40px;
    font:94% serif;
  }
  #wasser.agb {
    position:relative;
    font-size:98%;
    width:72%;
    padding-top:93%;
    top:38px;
    color:#f1eaf6e6;
    margin-top:-105%
  }
  #übersicht.marma {
    position:relative;
    top:-36px;
    left:-98px
  }
 
  #headline.fuss {
    background-color:#bcf7b466;
    width:100%;
    position:relative;
    top:1px;
    left:1px;
    margin-top:18%;
    height:150px;
    border-bottom:2px dotted white;
  }
  #headline.agb {
    background-color:#87e3a44d;
    width:100%;
    position:relative;
    left:1px;
    margin-top:-8%;
    height:150px;
    border-bottom:2px dotted white;
    margin-bottom:2px;
  }
  #navyquer.agb {
    width:140%;
    margin-bottom:5px;
    position:fixed;
    display:block;
    top:-23%;
    margin-left:-17px;
    height:50px;
    left:-879px;
    float:left
  }
  #starttableindex.agb {
    left:1%;
    position:relative;
    margin-top:1%;
    float:left;
    margin-bottom:4%;
    padding-right:1%;
    padding-bottom:50px;
    padding-top:5%;
    width:51%;
    padding-left:8%;
    height:auto;
    top:5%;
    margin-left:125px
  }
  #footer.agb {
    top:28%;
    clear:both;
    width:100%;
    background-color:#9194CF99;
    position:relative;
    margin-top:8px;
    margin-bottom:5px;
    height:218px
  }
  #copy.agb {
    margin:0 auto;
    left:1%;
    top:-6%;
    padding:9px;
    width:82%;
    display:inherit;
    height:auto
  }
  h1.fuss {
    top:-18%;
    left:14%;
    position:relative;
    font-family:serif;
    font-size:328%;
    margin-top:48px
  }
  h4.marma {
    color:rgba(12, 112, 25, 0.01);
    font:105% bold,italic;
    height:20%;
    left:26%;
    position:fixed;
    text-align:center;
    text-shadow:3px 3px 3px rgb(255, 255, 255);
    margin-top:-90px
  }
  #main {
    width:100%;
    float:left;
    background-color:#caf9c3;
    margin-top:-53px;
    margin-bottom:10px;
    height:auto
  }
  #main.fuss {
    width:100%;
    float:left;
    background-color:#caf9c3;
    margin-top:-53px;
    margin-bottom:10px;
    height:auto;
    margin-left:2px
  }
  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: 95%;
  }
  h1.rueallg {
    font-size:222%;
    color:navy;
    font-weight:bold;
    font-style:italic;
    top:3%;
    left:-20%
  }
  #nav.fuss {
    width:95%;
    margin-top:1%;
    margin-bottom:10px;
    position:fixed;
    top:6px;
    font-size:110%;
    margin:0 auto;
    height:58px;
    background-color:#60ba4b33;
    width:100%;
  }
  #navyquer.fuss {
    width:140%;
    margin-bottom:5px;
    position:relative;
    display:block;
    top:-465%;
    margin-left:-17px;
    height:50px;
    left:-959px;
    float:left
  }
  #navyquer.marma {
    width:140%;
    margin-bottom:5px;
    position:fixed;
    display:block;
    top:-47%;
    margin-left:-60%;
    margin-top:-24px
  }
  #sidebar.fuss {
    width:18%;
    height:430px;
    float:right;
    position:relative;
    padding:20px;
    border-style:outset;
    border-radius:20px;
    border-color:#B6FFA2;
    background-color:#DDEFDE;
    margin-bottom:2px;
    top:14%;
    right:13%;
    margin-top:-10%
  }
  #sidebar.marma {
    width:31%;
    height:544px;
    float:right;
    position:relative;
    padding:20px;
    margin-bottom:2px;
    top:1%;
    right:3%;
    margin-top:-3%;
    margin-right:3%
  }
  #sidebar1.fuss {
    width:25%;
    height:538px;
    float:right;
    position:relative;
    border-style:outset;
    border-radius:20px;
    border-color:#B6FFA2;
    background-color:#DDEFDE80;
    top:3%;
    padding:2%;
    margin-top:14%;
    margin-bottom:10px;
    left:-13%
  }
  #footer.fuss {
    margin-top:4%;
    clear:both;
    width:100%;
    background-color:#9194CF99;
    position:relative;
    top:-1%;
    margin-bottom:5px;
    height:164px;
  }
  #copy.fuss {
    width:100%;
    top:8%;
    height:93px;
    left:-17%;
  }
  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:186px;
    top:289%;
    left:8%;
    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:navy
  }
  #wechselbild2a.abhy {
    position:relative;
    top:-97px;
    left:-66px;
  }
  #ampel.fuss {
    border-radius:30px;
    display:table-cell;
    left:8%;
    position:relative;
    top:-25%;
    height:auto;
    padding-bottom:10%
  }
  #navileiste.abhy {
    float:right;
    color:rgb(0, 0, 128);
    font:71% serif;
    position:absolute;
    top:81%
  }
  #navyquer.abhy {
    width:140%;
    margin-bottom:5px;
    position:fixed;
    display:block;
    top:-23%;
    margin-left:-17px;
    height:50px;
    left:-958px;
    float:left
  }
  #sidebar.abhy {
    width:18%;
    height:430px;
    float:right;
    position:relative;
    padding:20px;
    border-style:outset;
    border-radius:20px;
    border-color:#B6FFA2;
    background-color:#DDEFDE80;
    margin-bottom:2px;
    top:12%;
    left:-16%
  }
  #wasser {
    position:relative;
    margin:22% auto;
    font-size:98%;
    width:72%;
    padding-top:93%;
    top:38px
  }
  #sidebar1.abhy {
    width:33%;
    height:548px;
    float:left;
    position:relative;
    border-style:outset;
    border-radius:20px;
    border-color:#B6FFA2;
    background-color:#DDEFDE99;
    left:-53%;
    top:10%;
    padding:2%;
    margin-top:10px;
    margin-bottom:10px
  }
  #spruchstart.abhy {
    height:117%;
    position:relative;
    padding:4%;
    width:115%;
    right:5%;
    display:block;
    margin-left:12%;
    margin-top:-54px;
    background:linear-gradient(to right, #a6b32780 0%,#263b0099 99%);
    background-color:rgba(0, 0, 0, 0)
  }
  #wasser.abhy {
    position:relative;
    margin:-9% auto;
    font-size:98%;
    width:72%;
    padding-top:93%;
    top:118px
  }
  #rankefuss.abhy {
    display:inline;
    position:absolute;
    top:35%;
    left:80%;
    margin-bottom:2px;
    width:44%
  }
  #ampel.abhy {
    border-radius:30px;
    display:table-cell;
    left:7px;
    position:relative;
    top:-245px
  }
  #ampel.abhy1 {
    border-radius:30px;
    display:table-cell;
    left:767px;
    position:relative;
    top:-413px
  }
  #tablefuss.abhy {
    width:30%;
    text-align:left;
    padding-bottom:20px;
    float:left;
    margin-bottom:10px;
    margin-top:72px;
    top:50%;
    left:591px;
    height:522px
  }
  td.kurztextabhy {
    position:relative;
    top:-19px;
    left:-40px;
    font:94% serif;
  }
  #wasser.agb {
    position:relative;
    font-size:98%;
    width:72%;
    padding-top:93%;
    top:38px;
    color:#f1eaf6e6;
    margin-top:-105%
  }
  #übersicht.marma {
    position:relative;
    top:-36px;
    left:-98px
  }
 
  #headline.fuss {
    background-color:#bcf7b466;
    width:100%;
    position:relative;
    top:1px;
    left:1px;
    margin-top:18%;
    height:150px;
    border-bottom:2px dotted white;
  }
  #headline.agb {
    background-color:#87e3a44d;
    width:100%;
    position:relative;
    left:1px;
    margin-top:-8%;
    height:150px;
    border-bottom:2px dotted white;
    margin-bottom:2px;
  }
  #nav.agb {
    width:99%;
    margin-top:1%;
    margin-bottom:10px;
    position:relative;
    top:-353px;
    font-size:110%;
    height:50px;
    background-color:#7eca7a33;
    margin-top:-35px;
  }
  #navyquer.agb {
    width:140%;
    margin-bottom:5px;
    position:fixed;
    display:block;
    top:-23%;
    margin-left:-17px;
    height:50px;
    left:-879px;
    float:left
  }
  #starttableindex.agb {
    left:1%;
    position:relative;
    margin-top:1%;
    float:left;
    margin-bottom:4%;
    padding-right:1%;
    padding-bottom:50px;
    padding-top:5%;
    width:51%;
    padding-left:8%;
    height:auto;
    top:5%;
    margin-left:125px
  }
  #footer.agb {
    top:28%;
    clear:both;
    width:100%;
    background-color:#9194CF99;
    position:relative;
    margin-top:8px;
    margin-bottom:5px;
    height:218px
  }
  #copy.agb {
    margin:0 auto;
    left:1%;
    top:-6%;
    padding:9px;
    width:82%;
    display:inherit;
    height:auto
  }
  h1.fuss {
    top:-18%;
    left:14%;
    position:relative;
    font-family:serif;
    font-size:328%;
    margin-top:48px
  }
  h4.marma {
    color:rgba(12, 112, 25, 0.01);
    font:105% bold,italic;
    height:20%;
    left:26%;
    position:fixed;
    text-align:center;
    text-shadow:3px 3px 3px rgb(255, 255, 255);
    margin-top:-90px
  }
  #main {
    width:100%;
    float:left;
    background-color:#caf9c3;
    margin-top:-53px;
    margin-bottom:10px;
    height:auto
  }
  #main.fuss {
    width:100%;
    float:left;
    background-color:#caf9c3;
    margin-top:-53px;
    margin-bottom:10px;
    height:auto;
    margin-left:2px
  }

  #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:#caf9c3;
    margin-top:30px;
    margin-bottom:10px;
    height:auto
  }
  #main.allg {
    width:100%;
    float:left;
    background-color:#caf9c300;
    margin-top:-4%;
    margin-bottom:10px;
    height:1500px
  }
  #sidebar1 {
    width:33%;
    height:548px;
    float:left;
    position:relative;
    border-style:outset;
    border-radius:20px;
    border-color:#B6FFA2;
    background-color:#DDEFDE99;
    left:-53%;
    top:10%;
    padding:2%;
    margin-top:10px;
    margin-bottom:10px
  }
  #sidebar1.marma {
    width:33%;
    height:389px;
    float:left;
    position:relative;
    border-style:outset;
    border-radius:20px;
    border-color:#B6FFA2;
    background-color:#DDEFDE;
    top:2%;
    padding:2%;
    margin-top:9%;
    margin-bottom:10px;
    left:-52%
  }
  #fussnote.marma {
    font:88% serif;
    color:#060881;
    background-color:#DDEFDE;
    border-color:rgb(0, 128, 0);
    border-radius:20px;
    border-style:outset;
    height:294px;
    width:94%;
    opacity:0.8;
    top:79%;
    padding:8%;
  }
  #sidebar2 {
    width:37%;
    min-height:334px;
    float:right;
    position:relative;
    padding:20px;
    border-style:outset;
    border-radius:20px;
    border-color:#B6FFA2;
    background-color:#DDEFDE;
    right:2%;
    top:25%
  }
  #footer.start {
    top:0%;
    clear:both;
    width:100%;
    background-color:#9194CF99;
    position:relative;
    margin-top:8px;
    margin-bottom:5px;
    height:175px;
  }
  #wrapper.fuss {
    width:99%;
    background-color:#ebfce9;
    padding:1%;
    margin:0 auto;
    margin-left:auto;
    display:block;
    position:relative;
    height:1885px;
    background-color:rgb(202, 249, 195)
  }
  #main.fuss {
    width:100%;
    float:left;
    background-color:#caf9c3;
    top:-6%;
    margin-top:-108px;
    margin-bottom:10px;
    height:1302px
  }
  header.fuss {
    width:100%;
    position:relative;
    top:-4%;
    margin-bottom:5px;
    height:325px;
  }
  #wechselbild3.fuss {
    left:7%;
    top:15%;
    width:84%
  }
  h1.fuss {
    left:14%;
    position:relative;
    font-family:serif;
    font-size:258%;
    color:navy;
    text-shadow:3px 3px 3px #fff;
    margin-top:20%
  }
  h1.rueallg {
    font-size:252%;
    color:navy;
    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-bottom: 75%;
  }
}

@media screen and (max-width:1600px) {
  #spruchstart.imp {
    width:72%;
    left: -14%;
  }
    #dreieck.navi {
    position: relative;
    left: 20%;
    top: 6%;
    margin-left: 20px;
    width: 44%;
  }
    #headline.navi {
    display: inline-block;
    top: 95%;
    left: -69%;
    width: 56%;
    position: relative;
  }
    #navyoben.navi ul.oben {
    width: 55%;
    padding: 5px 10px;
    margin: 88px 5%;
  }
   #navyoben.navi .oben a {
    display: flex;
    width: auto;
    padding: 5px 38px;
    font: 134% sans-serif;
  }
   #wechselbild2.navi {
    position: absolute;
    left: 3%;
    top: 34%;
    width: 90%;
  }
#sprung.faq{
    margin-top:21%;
    display: inline-block;
    left: 55%;
  }
  #medien.navform {
    display: inline-block;
    position: relative;
    top: -19%;
    width: 200px;
    left: 30%;
    margin-top: 49%;
  }

   #rezensionen {
    display: block;
    position: relative;
     top: -23%;
  }
  #dreieck.spez{
    margin: 14% 3% 1% -6%;
    top: 3%;
  }
   #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: 36px;
  }
  #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:58%; */
    margin-top:-1%;
    left:9%; 
  }
  #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:16%;
    top:-240px;
    margin-top:auto;
    margin-bottom:20px;
    border-style:outset;
    border-color:#183509;
    background:#d8f9d300;
    left:79%;
    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%
  }
  #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:7%;
    width:55%;
    height:auto;
    font-size:85%;
    margin-top:37px;
    display:block;
    text-align:center;
    top:0%;
    border:outset;
    border-radius:15px;
    background-color:#d9f0d7;
    font-family:navy;
    font-size:18px;
    border-color:#aea6a6;
    padding-top:52px
  }
  #spiegelranke {
    position:relative;
    top:-97px;
    left:82%;
    background-color:#caf9c303;
    height:150px;
    margin-top:234px;
    margin-bottom:40px;
    width:18%
  }

  #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:17%;
    position:relative;
    margin-top:-64%;
    width:112%;
    top:119px;
    margin-left:10px
  }
  #headline.agb {
    background-color:#87e3a44d;
    width:100%;
    position:relative;
    top:179px;
    left:1px;
    margin-top:3%;
    height:150px;
    border-bottom:2px dotted white;
    margin-bottom:2px
  }
  #headline.allg {
    background-color:#87e3a400;
    width:64%;
    position:relative;
    left:-39px;
    height:129px;
    border-bottom:3px dotted white;
    margin-bottom:2px;
    top:-125px;
    margin:0 auto;
    margin-top:106px
  }
  header.gutsch {
    height:250px;
    width:98%;
    position:relative;
    margin-top:-11%;
    margin-bottom:10px;
    display:block
  }
  #wechselbild1.ayurv {
    left:17%;
    top:92px;
    padding-bottom:30px;
    padding-left:40px
  }
  #wechselbild4.fuss {
    display:block;
    width:93%;
    top:auto;
    left:auto;
    position:relative
  }
  #rankefuss {
    display:inline;
    position:absolute;
    top:36%;
    left:66%
  }
  #rankefuss1 {
    display:inline;
    position:absolute;
    top:16%;
    left:14%;
    margin-left:21%;
    width:65%
  }
  details.rück {
    margin-right:0;
    margin-top:0;
    position:relative;
    right:995px;
    top:504px
  }
  #starttableindex.ayur {
    float:left;
    margin-bottom:4%;
    padding-right:2%;
    padding-bottom:50px;
    padding-top:2%;
    width:50%;
    padding-left:2%;
    height:auto;
    top:-6%;
    margin-left:57px
  }
  #summary.fuss {
    display:inline;
    float:right;
    position:absolute;
    right:-757px;
    top:113px;
    width:544px;
    padding:25%
  }
  #navileiste.fuss {
    position:absolute;
    margin-top:13%;
    float:right;
    left:56%
  }
  h4.upana {
    color:rgb(12, 112, 25);
    font:137% bold,italic;
    height:20%;
    left:-24%;
    position:relative;
    text-align:center;
    text-shadow:3px 3px 3px rgb(255, 255, 255);
    top:6%;
    margin-top:-4%
  }
  #dreieck.ayur {
    position:relative;
    top:13%;
    left:-34px
  }
  h1.ayur {
    text-shadow:3px 3px 3px #fff;
    margin:0 auto;
    position:relative;
    top:-51%;
    font-family:serif;
    font-size:221%;
    color:#000280;
    left:-346px
  }
  #wechselbild1.start {
    left:73%;
    padding-bottom:30px;
    top:-118%;
    width:103%;
    position:relative
  }
  #spruchstart.agb {
    height:94%;
    position:relative;
    padding:3%;
    margin-left:37px;
    margin-right:3%;
    background-color:#99319099;
    width:78%;
    right:3%;
    display:block
  }
  #fussnote.fuss {
    top:-4%;
    left:1%;
    position:relative;
    width:83%;
    height:236px;
    padding:38px;
    margin-top:10px
  }
  #spruchstart.fuss {
    height:117%;
    position:relative;
    padding:4%;
    width:85%;
    right:5%;
    display:block;
    margin-left:12%;
    margin-top:-54px;
    background:linear-gradient(to right, #a6b32780 0%,#263b0099 99%);
    background-color:rgba(0, 0, 0, 0)
  }
  #wassernote {
    position:relative;
    top:-65%;
    left:2px;
    font-size:83%;
    color:navy;
  }
  #wechselbild2a.abhy {
    position:relative;
    top:-97px;
    left:-66px;
  }
  #ampel.fuss {
    border-radius:30px;
    display:table-cell;
    left:8%;
    position:relative;
    top:-25%;
    height:auto;
    padding-bottom:10%
  }
  #navileiste.abhy {
    float:right;
    color:rgb(0, 0, 128);
    font:71% serif;
    position:absolute;
    top:81%
  }
  #navyquer.abhy {
    width:140%;
    margin-bottom:5px;
    position:fixed;
    display:block;
    top:-23%;
    height:50px;
    left:-958px;
    float:left
  }
  #sidebar.abhy {
    width:18%;
    height:430px;
    float:right;
    position:relative;
    padding:20px;
    border-style:outset;
    border-radius:20px;
    border-color:#B6FFA2;
    background-color:#DDEFDE80;
    margin-bottom:2px;
    top:12%;
    left:-16%
  }
  #wasser {
    position:relative;
    margin:22% auto;
    font-size:98%;
    width:72%;
    padding-top:93%;
    top:38px
  }
  #sidebar1.abhy {
    width:33%;
    height:548px;
    float:left;
    position:relative;
    border-style:outset;
    border-radius:20px;
    border-color:#B6FFA2;
    background-color:#DDEFDE99;
    left:-53%;
    top:10%;
    padding:2%;
    margin-top:10px;
    margin-bottom:10px
  }
  #spruchstart.abhy {
    height:117%;
    position:relative;
    padding:4%;
    width:115%;
    right:5%;
    display:block;
    margin-left:12%;
    margin-top:-54px;
    background:linear-gradient(to right, #a6b32780 0%,#263b0099 99%);
    background-color:rgba(0, 0, 0, 0)
  }
  #wasser.abhy {
    position:relative;
    margin:-9% auto;
    font-size:98%;
    width:72%;
    padding-top:93%;
    top:118px
  }
  #rankefuss.abhy {
    display:inline;
    position:absolute;
    top:35%;
    left:80%;
    margin-bottom:2px;
    width:44%
  }
  #ampel.abhy {
    border-radius:30px;
    display:table-cell;
    left:7px;
    position:relative;
    top:-245px
  }
  #ampel.abhy1 {
    border-radius:30px;
    display:table-cell;
    left:767px;
    position:relative;
    top:-413px
  }
  #tablefuss.abhy {
    width:30%;
    text-align:left;
    padding-bottom:20px;
    float:left;
    margin-bottom:10px;
    margin-top:72px;
    top:50%;
    left:591px;
    height:522px;
  }
  td.kurztextabhy {
    position:relative;
    top:-19px;
    left:-40px;
    font:94% serif;
  }
  #wasser.agb {
    position:relative;
    font-size:98%;
    width:72%;
    padding-top:93%;
    top:38px;
    color:#f1eaf6e6;
    margin-top:-105%
  }
  #übersicht.marma {
    position:relative;
    top:-36px;
    left:-98px
  }
 
  #headline.fuss {
    background-color:#bcf7b466;
    width:100%;
    position:relative;
    top:1px;
    left:1px;
    margin-top:18%;
    height:150px;
    border-bottom:2px dotted white;
  }
  #headline.agb {
    background-color:#87e3a44d;
    width:80%;
    position:relative;
    left:201px;
    margin-top:-8%;
    height:150px;
    border-bottom:2px dotted white;
    margin-bottom:2px;
  }
  #nav.agb {
    width:95%;
    margin-bottom:10px;
    position:relative;
    top:-352px;
    font-size:110%;
    height:50px;
    background-color:#7eca7a33;
    margin-top:5px;
    left:1%;
    margin-left:45px;
    float:left;
    display:block;
  }
  #navyquer.agb {
    width:140%;
    margin-bottom:5px;
    position:fixed;
    display:block;
    top:-43%;
    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;
    text-shadow:3px 3px 3px rgb(255, 255, 255);
    margin-top:-90px
  }
  #main {
    width:100%;
    float:left;
    background-color:#caf9c3;
    margin-top:-53px;
    margin-bottom:10px;
    height:auto
  }
  #main.fuss {
    width:100%;
    float:left;
    background-color:#caf9c3;
    margin-top:-53px;
    margin-bottom:10px;
    height:auto;
    margin-left:2px
  }
 
  header {
    height:23%;
    width:96%;
    position:relative;
    margin-top:7%;
    margin-bottom:10px;
    display:block;
    left:2%;
    margin:0 auto;
    top:-4%;
  }

  #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 {
    width:97%;
    float:left;
    background-color:#c3c6f900;
    margin-top:-50px;
    margin-bottom:10px;
    height:1499px;
    top:10%;
    position:relative;
    background:#add8e600;
    margin:-10% 1%;
    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: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;
    height:auto;
    top:-63%;
    text-shadow: 2px -2px 1px #453e05;
    /*! color: #5a4915; */
    width: 90%;
    margin-bottom: 10px;
    -webkit-text-fill-color: #baa659;
    background: linear-gradient(0deg, rgb(202, 143, 67) 0%, rgb(216, 201, 155) 100%);
    -webkit-background-clip: text;
  }
  h1.rueallg {
    font-size:255%;
    color:navy;
    font-weight:bold;
    font-style:italic;
    top:-103%;
    left:-14%;
    margin-top:50px;
    position:relative;
    width:400px;
    height:auto
  }
  #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.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%
  }
  ul.gut{
    display: block;
    position: relative;
  }
   #wechselbild2.navi {
    position: absolute;
    left: 3%;
    top: 18%;
    width: 90%;
  }
   #headline.navi {
    display: inline-block;
    top: 73%;
    left: -69%;
    width: 56%;
    position: relative;
  }
    #navyoben.navi ul.oben {
    width: 60%;
    padding: 5px 10px;
    margin: 25px 3%;
  }
   header.navi {
    height: 485px;
    width: 98%;
    margin-bottom: 10px;
    left: 0%;
    margin-top: 2%;
    margin: 0 auto;
  }
  #dreieck.spez{
    margin: 18% 3% 1% -6%;
  }
  #sprung.spez{
    top:-8%;
  }
   #medien.navform {
    display: inline-block;
    position: relative;
    /*! top: -20%; */
    width: 228px;
    left: 27%;
    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:27%;
    position:relative;
    margin-top:-64%;
    width:127%;
    top:180px;
    margin-left:3px
  }
  #sidebar.spez {
    top:12%;
    position:absolute;
    margin-left:45%;
    width:23%;
    float:left;
    margin-top:10px;
    height:40%;
    background: none;
    border: none;
  }
  #copy.allg {
    top:auto;
    width:774px;
    left:-20%;
    height:55%;
    margin-top:-2%;
    font-size:102%;
    position:absolute;
    display:inline
  }
  #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%;
  }
  #navyquer.nurmenue {
    margin-left:2%;
    margin-top:1%;
    position:absolute;
    width: 60%;
    top: 0%;
    height: 37%;
  }
  #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%;
    margin-top:-53px;
    margin-bottom:10px;
    height:3000px;
    top:3%;
    position:relative;
    left:7px;
  }
  #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:16%;
    height:auto;
      top:-19%;
      padding-bottom:3px;
    left: 67%;
  }
  #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%;
  }
    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;
  }
    #navyoben.navi ul.oben {
    width: 63%;
    padding: 5px 10px;
    margin: 25px 3%;
  }
   #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) {
   a.allabhyopt {
    left: -3%;
  }
   #navyquer.nurmenue a {
    display: block;
    text-decoration: none;
    list-style: none;
    border-radius: 10px;
    width: 157px;
  }
    #copy.raumnav {
    width: 17%;
    height: auto;
    top: -21%;
    padding-bottom: 3px;
    left: 74%;
    font-size: 95%;
  } 
   #navyquer.nurmenue ul.top {
    width: 94%;
    clear: both;
    left: -24%;
    float: left;
    margin-left: 22%;
    top: 0%;
    height: 18px;
  }
    a.allklassopt {
    left: -1%;
  }
  #medien.navform{
    margin-top: 87%;
    left: 30%;
  }
    #dreieck.navi {
    position: relative;
    left: 7%;
    top: 9%;
    margin-left: 20px;
    width: 54%;
  }
    #navyquer.nurmenue {
    margin-left: 2%;
    margin-top: 1%;
    position: absolute;
    width: 76%;
    top: 2%;
    left: 4%;
  }
  #navyquer.rueallg {
    display:block;
    position:relative;
    top:auto;
    margin-top:-1300px;
    left:-29px;
    width:85%
  }
   #navyoben.navi .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%;
  }

  h1.allg{
    left:-13%;
    top:-52%;
    font-size: 478%;
    width: 97%;
    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% 12% 23% 8%;
    left: -300%;
    margin-top: -30%;
  }
  #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:98%;
    height:auto;
    top:0%;
    left:1%;
    font-size:114%;
    margin-top:10px;
    margin-bottom:2px
  }
  #wechselbild10.allg {
    float:right;
    left:-29%;
    top:2%;
    margin-top:-90%;
    width:117%;
    margin-bottom:20px;
    margin:10px
  }
  #bild.allg {
    width:21%;
    top:-15%;
    margin-top:auto;
    margin-bottom:20px;
    left:80%;
    padding:4px;
    height:auto
  }
  h1.navi {
    margin:20% -18%;
      width: 450%;
    font-size: 320%;
  }
  #main.termin {
    float:left;
    left:-1%;
    position:relative;
    width:87%;
    top:-1%;
    margin-left:10px;
    margin:0 auto;
    margin-top:-82px
  }
 
  #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:90%;
    top:4%;
    margin-left:1%;
    margin-top:2%;
  }
  #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 {
    display:block;
    position:relative;
    width:74%;
    top:0%;
    font-size:122%;
    margin:0 auto;
    padding:12px;
    left:-7%;
  }
  #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.navi {
    /*! width:1300px; */
    height:1513px;
    left:-10px;
    top:10px;
    position: relative;
  }
  #navyquer.abhy {
    width:140%;
    margin-bottom:5px;
    position:fixed;
    display:block;
    top:-30%;
    margin-left:-17px;
    height:50px;
    left:-698px;
    float:left
  }
  #sidebar.abhy {
    width:18%;
    height:430px;
    float:right;
    position:relative;
    padding:20px;
    border-style:outset;
    border-radius:20px;
    border-color:#B6FFA2;
    background-color:#DDEFDE80;
    margin-bottom:2px;
    top:2%;
    left:-16%
  }
  #starttableindex.allg {
    margin-top:12px;
    padding-right:2%;
    margin:18px 30px;
    margin-bottom:16px;
    margin-bottom:17px;
    margin-bottom:0px;
    left:2%;
    width:49%;
    height:auto;
    font-size:74%;
    padding-bottom:104px;
    top:-12px
  }
  #tablefuss.abhy {
    width:35%;
    text-align:left;
    padding-bottom:20px;
    float:left;
    margin-bottom:10px;
    margin-top:72px;
    top:50%;
    left:555px;
    height:522px
  }
  #wrapper.fuss {
    width:99%;
    height:1851px
  }
  #headline.fuss {
    background-color:#bcf7b466;
    width:100%;
    position:relative;
    top:19px;
    left:1px;
    margin-top:29%;
    height:150px
  }
  #headline.agb {
    background-color:#87e3a44d;
    width:100%;
    position:relative;
    top:41px;
    left:1px;
    margin-top:-2%;
    height:170px;
    border-bottom:2px dotted white;
    margin-bottom:2px;
  }
  #nav.agb {
    width:95%;
    margin-top:1%;
    margin-bottom:10px;
    position:relative;
    top:-436px;
    font-size:110%;
    margin:0 auto;
    height:50px;
    background-color:#b2e4abcc;
    left:24px;
  }
  #navyquer.agb {
    width:140%;
    margin-bottom:5px;
    position:fixed;
    display:block;
    top:-35%;
    margin-left:-17px;
    height:50px;
    left:-622px;
    float:left
  }
  #starttableindex.agb {
    left:1%;
    position:relative;
    margin-top:1%;
    float:left;
    margin-bottom:4%;
    padding-right:1%;
    padding-bottom:50px;
    padding-top:5%;
    width:51%;
    padding-left:8%;
    height:auto;
    top:5%;
    margin-left:125px
  }
  #spruchstart.agb {
    height:94%;
    position:relative;
    padding:3%;
    margin-left:37px;
    margin-right:3%;
    background-color:#99319099;
    width:78%;
    right:3%;
    display:block
  }
  #footer.agb {
    top:22%;
    clear:both;
    width:100%;
    background-color:#9194CF99;
    position:relative;
    margin-top:8px;
    margin-bottom:5px;
    height:218px
  }
  #copy.agb {
    margin:0 auto;
    left:1%;
    top:-6%;
    padding:9px;
    width:82%;
    display:inherit
  }
  #main.fuss {
    width:100%;
    float:left;
    top:-2%;
    margin-top:-106px;
    margin-bottom:10px;
    height:1234px;
    margin-left:14px
  }
  header {
    height:324px;
    width:98%;
    margin-bottom:10px;
  }
  header.fuss {
    width:100%;
    position:relative;
    top:-4%;
    left:1%;
    margin-bottom:5px;
    height:324px;
  }
  #nav.fuss {
    width:98%;
    margin-top:1%;
    margin-bottom:10px;
    position:fixed;
    top:2%;
    font-size:110%;
    margin:0 auto;
    height:50px;
    background-color:#1da44333;
  }
  #navyquer.fuss {
    width:140%;
    margin-bottom:5px;
    position:relative;
    display:block;
    margin-left:21%;
    margin-top:-58px
  }
  #footer.fuss {
    top:1%;
    clear:both;
    width:100%;
    background-color:#9194CF99;
    position:relative;
    margin-top:-6px;
    margin-bottom:15px;
    height:auto
  }
  #nav.imp {
    width:100%;
    margin-top:1%;
    margin-bottom:10px;
    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:1300px) {
  header.allg {
    width: 93%;
    top: 2%;
    height: 21%;
    left: -1%;
  }
  #oelmassagen.option{
    left:-4%;
  }
   #sprung.spez {
    top: -4%;
    left: -15%;
  }  #bild.allg {
    width:25%;
    top:-21%;
    margin-top:auto;
    margin-bottom:20px;
    left:75%;
    padding:4px;
    height:auto
  }
  
  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 {
    display: block;
    position: relative;
    width: 71%;
    left: -12%;
  }
  .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: 83%; 
    height: 2700px;
  }
  #spiegelranke {
    position: relative;
    top: 7%;
    left: 82%;
    height: 150px;
    margin-top: 234px;
    margin-bottom: 40px;
    width: 18%;
  }

  #spruchstart.allg {
    top: 20%; 
    padding: 0% 12% 1% 8%;
    left: -310%;
  }
  #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:-34%;
    position:relative;
    margin-top:-64%;
    width:124%;
    top:81%;
    margin-left:10px;
    margin:0 auto
  }
  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: relative;
    top: 51%;
    left:auto;
    display: inline-block;
    list-style-type: none;
    height: 80px;
  }
}

@media screen and (max-width: 1250px) {
  #dreieck.spez {
    margin: 21% 3% 1% 16%;
    top: -27%;
  }
  #headline.spez {
    position: relative;
    top: 5%;
    height: 65%;
    /*! margin: 0 auto; */
    width: 88%;
    left: 1%;
  }
  #rezensionen{
    top:-51%;
  }
   #sprung.spez {
    top: -34%;
    left: -15%;
  }
   #main.allg {
    width: 90%;
    top: 4%;
    margin-left: 1%;
    margin-top: -8%;
  }
    #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%;
  }
    #medien.navform {
    margin-top: 87%;
    left: -34%;
    top: -9%;
  }
    #wechselbild2.navi {
    position: absolute;
    left: 7%;
    top: 18%;
    width: 90%;
  }
    #headline.navi {
    display: inline-block;
    top: 91%;
    left: -69%;
    width: 56%;
    position: relative;
  }
    #navyquer.nurmenue ul.top {
    display: block;
    border-radius: 10px;
    color: #fff0;
    width: 114%;
    clear: both;
    float: left;
    background: #add8e600;
    margin-left: 29%;
    position: relative;
    height: 18px;
  }
    header.navi {
    height: 369px;
    width: 98%;
    margin-bottom: 10px;
    left: 0%;
    margin-top: 2%;
    margin: 0 auto;
  }
    #navyoben.navi ul.oben {
    width: 63%;
    padding: 13px 10px;
    margin: 12px -3%;
  }
   #dreieck.spez {
    margin: 22% 3% 1% 16%;
    top: -37%;
  }
   #oelmassagen.option {
    display: inline-block;
    position: relative;
    width: 136%;
    height: 800px;
     left:-8%;
  }
   #navyoben.navi .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%;
  }

   h1.allg {
    left:-14%;
     top:-63%;
    /*! text-shadow: 1px -4px 0px #ac9c1e; */
    font-weight: lighter;
     width: 81%;
    margin: -6% 1% 10px 1%;
    font-style: unset;
    text-align: center;
    letter-spacing: 4px;
  }
  header.allg {
    width: 97%;
    top: 2%;
    height: 19%;
    left: -1%;
  }
   #rezensionen {
     width: 62%;
  }
  #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 {
    width: 96%;
    top: 2%;
    margin-left: 0%;
    margin-top: -82px;
  }
  #bild.allg {
    left:75% 
  }
  #spruchstart.allg {
    padding: 0% 12% 23% 4%;
    left: -340%;
    top:-18%;
    width: 116%;
  }
  #viererbilder.kontakt {
    width: 95%;
    height: auto;
    margin: 33px auto;
    padding: 5px 10px;
  }
  #navyquer.nurmenue {
    margin-left: 5%;
    margin-top: 7%;
    position: absolute;
    width: 73%;
    top: -2%;
  }
  #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 {
  margin-top:-1%;
  left: 38%;
  width: 44%;
  top: -7%;
  }
  #main.termin {
    width:100%;
    float:left;
    background-color:#caf9c300;
    margin-bottom:10px;
    height:2896px;
    top:auto; 
    margin:0 auto;
    margin-top:-53px;
    left:-89px
  }
 

  #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:-20%;
    position:absolute;
    width:127%;
    margin:0 auto;
    top:-3%;
  }
  #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%;
    margin-top:-52px;
    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:-12%;
  }
  #spiegelranke {
    position:absolute;
    top:-4px;
    left:60%;
    background-color:#caf9c300;
    height:150px;
    margin-top:31%;
    margin-bottom:20px;
    width:26%;
  }
  #rankeumkehr {
    position:absolute;
    top:77px;
    left:51px;
    width:77%;
    margin-top:631%;
    background-color:#00f0;
  }
}
@media screen and (max-width: 1180px) {
 
   #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-bottom: 126%; 
    height: 3000px;
  }
  #headline.navi {
    display: inline-block;
    top: 91%;
    left: -73%;
    width: 56%;
    position: relative;
  }
    #navyquer.nurmenue {
    margin-left: 0%;
    margin-top: 7%;
    position: absolute;
    width: 68%;
  }
  #medien.navform {
    left:-66%;
    margin-top: 120%;
    top: -8%;
  }
    #copy.raumnav {
    margin-top: -37%;
    left: -19%;
  }
    #wechselbild2.navi {
    position: absolute;
    left: -4%;
    top: 18%;
    width: 107%;
  }
    #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%;
  }
    #oelmassagen.option {
    display: inline-block;
    position: relative;
    width: 106%;
    height: 800px;
    left: -12%;
  }
    #navyquer.nurmenue ul.top {
     top: 1%;
    left: -27%;
     width: 84%;
  }
   a.allabhyopt {
    left: -11%;
  }
  header.navi{
    top:2%;
  }
   #starthome {
    display: block;
    position: relative;
    width: 88%;
     left:-3%;
  }
   #sprung.faq {
    margin-top: 12%;
    display: inline-block;
    left: 77%;
  }
     #navyoben.navi ul.oben {
    display: flex;
    position: relative;
    width: 74%;
      overflow: hidden;
    height: 10%;
    margin: -32px -11%;
    }
  #main.allg {
    width: 96%;
    top: 3%;
    margin-left: 0%;
    margin-top: -82px;
  }
  header.allg {
    width: 97%;
    top: 2%;
    height: 18%;
    left: 0%;
  }
  #copy.raumimp {
    padding: 15px 29px 11%;
    left: 66%;
    top: 22%
  }
  #rankefuss.allg {
    top: 13%;
    left: 79%;
    width: 39%;
  }
  #navyquer.nurmenue {
    margin-left: -2%;
    margin-top: 8%;
    position: absolute;
    width: 98%;
  }
  #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:29%;
    width:80%;
    height:auto;
    font-size:74%;
    padding-bottom:2%;
    top:149px
  }

  #sidebar.spez {
    top:3%;
    position:absolute;
    margin-left:36%;
    width:26%;
    float:left;
    margin-top:10px;
    left:43%;
    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:-23%;
    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:9%;
    margin-top:-183%;
    width:127%;
    margin:0 auto
  }
  #spruchstart {
    height:auto;
    position:relative;
    padding:3%;
    margin-left:61px;
    margin-right:3%;
    background-color:#99319099;
    width:116%;
    left:-27%;
  }
  #copy.raumnav {
    width:52%;
    margin-top:-121%;
    top:-14%;
    padding:36px;
    margin-bottom:5px;
    left:26%;
    font-size:86%;
    margin-left:9%;
    text-align: center;
  }
  #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-size:222%;
    color:navy;
    font-weight:bold;
    font-style:italic;
    top:-276px;
    left:-11%;
    margin-top:50px;
    position:relative
  }
  #wasser.abhy {
    position:relative;
    margin:-9% auto;
    font-size:85%;
    top:141px
  }
  #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:97%;
    margin-bottom:10px;
    height:3000px;
    top: auto;
    margin-top: 32px;
    left: 0%;
  }
  #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%;
  }
    header.navi {
    height: 307px;
    width: 71%;
    margin-bottom: 10px;
    left: -14%;
    margin-top: 2%;
    margin: 0 auto;
  }
    #navyoben {
    display: block;
    position: relative;
    margin: 12px 1% 12px 3%;
    width: 96%;
  }
  #info.allg{
    display: inline-block;
    position: relative;
    top:-6%;
    left:-1%;
    width: 143%;
    margin-top: -39%;
  }
  
  #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;
    width:880px;
    left:2px;
    height:136px;
    margin-top:auto;
    display:inherit;
    position:absolute;
    width:857px;
    margin:0 auto
  }
  #fusslink {
    position:relative;
    left:63%;
    top:-35px;
    display:block;
  }
  #kontaktlink {
    position:absolute;
    left:37%;
    top:274%;
    width:150px;
    margin-top:20px
  }
  td.abstand {
    width:10px;
  }
  #sprung.spez {
    width:88%;
    left:-3%;
    position: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 {
    width:99%;
    margin-top:2%;
    margin-bottom:120px;
    top:8%;
    left:6%;
    height:2000px;
    margin:0 auto
  }
  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;
    margin-top:120px;
    padding-right:8%;
    position:relative;
    margin:0 auto;
    margin-top:0px;
    margin-bottom:0px;
    left:2%;
    width:72%;
    margin-bottom:10px;
    margin-top:17px;
    height:auto;
    padding-bottom:63px
  }
  #starttableindex {
    padding-top:11%;
    position:relative;
    margin:0 auto;
    left:2%;
    width:64%;
    margin-bottom:10px;
    top:-37px;
    font-size:90%
  }
  #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 
  }
  
  #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%;
  }
   #wechselbild2.navi {
    position: absolute;
    left: -1%;
    top: 12%;
    width: 143%;
  }
    #navyoben.navi ul.oben {
    display: flex;
    position: relative;
    width: 96%;
    overflow: hidden;
    height: 10%;
    margin: -37px -58%;
  }
    #navyoben.navi .oben a.telinfo {
    display: flex;
    width: 75%;
    padding: 5px 28px;
    font: 100%sans-serif;
     top:-2%;
     height: 25px;
  }
   #navyquer.nurmenue {
    margin-left: 18%;
    margin-top: 26%;
    position: absolute;
    width: 82%;
    left: -11%;
    top: -10%;
  }
    #navyquer.nurmenue ul.top {
    display: block;
    border-radius: 10px;
    color: #fff0;
    width: 114%;
    clear: both;
    left: -16%;
    float: left;
    background: #add8e600;
    margin-left: 9%;
    top: 14%;
    position: relative;
    height: 18px;
  }
    #dreieck.navi {
     margin-top: 8%;
    left: 0%;
       margin-left: 36px;
    top: -18%;
  }
   #copy.raumnav {
    width: 55%;
    margin-top: -135%;
    top: -7%;
    padding: 34px;
    margin-bottom: 5px;
    left: 25%;
  }
   #navyoben.navi .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%;
  }
    h1.navi {
    color: #790e9f;
    height: 20%;
      margin-left: -14%;
      width: 450%;
      font-family:serif; 
  }
    #rankefuss.allg {
    top: 7%;
    left: 59%;
    width: 39%;
  }
   a.allg{
    width: 80%;
    left:-15%;
    font-size: 100%;
    margin: 16% 5%;
  }
  #spruchstart.allg {
    padding: 11% 12% 23% 8%;
    left: -362%;
    top: 22%;
    width: 87%;
    height: 51%;
  }
  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: -399%;
    top: 22%;
  }
  
 
  #headline.spez {
    position: relative;
    top: auto;
    height: auto;
    width: 57%;
    margin-left: 21%;
  }
  #info.allg{
   display: inline-block;
    position: relative;
   left: -14%;
   /*! top: 61%; */
  }
}
@media screen and (max-width:950px) {
  #info.allg{
    margin-top:-7%;
  }
    #navyquer.nurmenue ul.top {
       width: 98%;
       left: -8%;
       background: #add8e600;
    margin-left: 9%;
    top: 2%;
    position: relative;
    height: 18px;
  }
    #navyoben.navi {
    width: 385%;
    left: 11%;
  }
    #main.navi {
    width: 100%;
    margin-bottom: 10px;
    height: 3000px;
    top: auto;
    margin-top: 32px;
    left: 20%;
  }
    header.navi {
    height: 362px;
    width: 99%;
    margin-bottom: 10px;
    left: 0%;
    margin-top: 2%;
    margin: 0 auto;
  }
   #wechselbild2.navi {
    position: absolute;
    left: 4%;
    top: 14%;
    width: 98%;
  }
   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;
  }
   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.navi ul.oben {
    display: flex;
    position: relative;
    width: 75%;
    overflow: hidden;
    height: 11%;
    margin: -34px -1%;
  }
 #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: 55%;
    margin-top: 3%;
    padding-bottom: 3px;
    margin: 0 auto;
    top: -10%;
    left: 34%;
  }
  #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: 12%;
    margin-top: 33%;
    position: absolute;
    width: 98%;
  }
  #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: 7% 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;
    /*! width:150px; */
    color:#690c0c;
    /*! left:27%; */
    font-size:105%;
    /*! margin:0 auto; */
    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: 267%;
    margin-left:76%;
   margin-top: 17%;
   font-size: 266%;
      } 
  #dreieck.navi {
    position:absolute;
    margin-top:8%;
    left:15%;
    width:52%;
    margin-left:134px;
    top:-22%;
  }
 
  #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 {
    width:97%;
    margin-top:4%;
    margin-bottom:120px;
    left:2%;
    height:2600px;
    top: 5%;
  }
  #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
  }
 
  #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%;
  }
    #navyoben.navi {
    width: 245%;
    left: 11%;
  }
   #navyoben.navi ul.oben {
    display: flex;
    position: relative;
    width: 71%;
    overflow: hidden;
    height: 11%;
    margin: -34px -1%;
  }
   #medien.navform {
    display: inline-block;
    position: relative;
    top: 8%;
    width: 200px;
    left: -44%;
    margin-top: 75%;
  }
  #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: 37%;
    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:14%;
    margin:0 auto
  }
  #main.navi {
    width:115%;
    margin-top:73px;
    margin-bottom:10px;
    height:1000px;
    top:auto;
    left:14%;
  } 
  #navyquer.nurmenue {
    width:99%;
    top:0%;
    margin:2% 25%;
    left: -23%;
    height: 736px;
  }
  #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:-9%;
    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: 48%;
    margin-top: 28%;
    padding: 29px 23px;
    top: 12%;
    left: 33%;
  }
}
@media screen and (max-width: 875px) {
   #navyoben.navi .oben a.telinfo {
    display: flex;
    width: 75%;
    font: 100%sans-serif;
    top: -2%;
    height: 21px;
    text-align: center;
  }
  ul.oben li.oben {
    background-color: #f5e8b50d;
    list-style-type: none;
    text-decoration: none;
      }
}
@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%
  }
 #navyoben.navi ul.oben {
    display: flex;
    position: relative;
    width: 71%;
    overflow: hidden;
    height: 11%;
    margin: -34px 3%;
  }
  #spruchstart.imp {
    padding: 6% 7% 0%;
    width: 75%;
    left: -5%
  }
  #wasser.imp {
    margin-top:-94%
  }
}
@media screen and (max-width:850px) {
   table.ganzkoerper {
    display: table-cell;
    position: relative;
    width: 1200px;
    height: 658px;
  }
   #oelmassagen.option {
    display: inline-block;
    position: relative;
    width: 132%;
    height: 700px;
    left: -16%;
  }
  #headline.spez {
    position: absolute;
    height: auto;
    width: 47%;
    left: 5%;
  }
     #navyoben.navi ul.oben {
    display: flex;
    position: relative;
    overflow: hidden;
  }
   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 {
  left:48%;
  top: -51%;
  }
   #copy.raumnav {
    width: 81%;
    margin-top: 3%;
    display: inherit;
    padding-bottom: 3px;
    margin: 0 auto;
    top: -19%;
    left: -3%;
  }
  #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: -21%;
    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%;
    /*! top:55%; */
    width: 40%;
    height: auto;
    /*! margin-top: 147%; */
  }
  #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%;
    margin-top:11%;
    margin-bottom:10px;
    height:3000px;
    top:-6%;
    left:24%;
  }
  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;
  }
  #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;
    /*! margin-top:20px; */
    /*! margin-bottom:50px; */
    /*! margin-left:2%; */
    border-style:outset;
    padding:7px 36px;
    color:white;
    margin:3% 19%;
  }
  #bild.marma {
    position:relative;
    display:block;
    top:54px;
    font-size:158%;
    left:241px
  }
 
  #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:center;
    margin-left:-3%;
    margin-top:20px;
    font-style:inherit;
    font-size:104%;
    width:89%;
    top:35px;
    left:50px
  }
  #dreieck.spez {
    position:relative;
    top:auto;
    left:-22%;
    width:46%;
    margin-left: 3%;
    margin-top: 14%;
  }
  #navyquer.nurmenue {
    width:129%;
    top:1%;
    position:relative;
    height: 1500px;
    margin: 2% 11%;
  }
  #wechselbild2.navi {
    position:absolute;
    left:0%;
    top:47px;
    width:103%;
  }
  #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
  }
  #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 {
    height:107%;
    position:relative;
    background-color:#fff;
    width:85%;
    left:-5%;
    display:block;
    margin-left:9%;
    background:linear-gradient(to right, #ef7fe8e5 0%,#d333d599 99%);
  }
  #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
  }
  #main.allg {
    width:99%;
    margin-top:3%;
    margin-bottom:120px;
    height:2700px;
    background:#add8e600;
    top:14%;
    position:absolute;
    left:-3px
  }
  #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 {
    text-align:center;
    padding-right:3%;
    position:relative;
    left:-3%;
    width:84%;
    margin-bottom:10px;
    margin-top:-112px;
    height:auto;
    border:outset;
    border-radius:15px;
    padding-left:48px;
    padding-top:30px;
    padding-bottom:96px;
    background-color:#daf1d7;
    top:101px;
    border-color:#bfbaba
  }
  #starthome {
    width:117%;
    padding-right:1px;
    text-align:center;
    margin-left:-87px;
    margin-top:20px;
    font-size:138%
  }
  #dreieck.allg {
    position:relative;
    top:-37%;
    left:76px;
    margin-top:16%;
    max-width:16%;
    display:block
  }
  h1.rueallg {
    font-size:222%;
    color:navy;
    font-weight:bold;
    font-style:italic;
    top:-198px;
    left:-23%;
    margin-top:15px;
    width:300px
  }
  #spiegelranke {
    position:relative;
    top: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;
    margin:-9% auto;
    font-size:98%;
    width:72%;
    padding-top:93%;
    top:-66%
  }
  #sprung {
    display:block;
    margin-top:2%;
    float:right;
    margin-right:12%;
    top:-937px;
  }
  #sprung.fuss {
    display:block;
    float:right;
    margin-right:7%;
    margin-top:159px;
    top:-1032px
  }
  h1.fuss {
    margin-top:4%;
    left:20%;
    position:relative;
    font-family:serif;
    font-size:228%;
    float:left;
    top:-151px
  }
  #spruchstart.fuss {
    height:95%;
    position:relative;
    padding:4%;
    width:92%;
    right:12%;
    display:block;
    margin-left:12%;
    margin-top:-39px;
    background:linear-gradient(to right, #a6b32780 0%,#263b0099 99%);
    background-color:rgba(0, 0, 0, 0);
    background-color:rgba(0, 0, 0, 0)
  }
  #wasser.fuss {
    position:relative;
    margin:-9% auto;
    font-size:98%;
    width:72%;
    padding-top:93%;
    top:-96%
  }
  #sidebar.allg {
    display:inherit;
    margin:0 auto;
    margin-top:0px;
    margin-bottom:0px;
    margin-top:0px;
    margin-bottom:0px;
    padding:18px;
    margin-bottom:25px;
    height:256px;
    top:14px;
    margin-top:21%;
    left:1%;
    width:69%
  }
  #tablefuss {
    width:62%;
    padding-bottom:20px;
    padding-right:1%;
    float:left;
    margin-bottom:10px;
    height:auto;
    top:50%;
    left:5px;
    margin-top:20px;
    padding-left:31%;
    height:514px;
  }
  #tablefuss.marma {
    width:37%;
    position:relative;
    top:-1%;
    right:2%;
    height:692px;
    padding-bottom:31px;
    padding-left:8%;
    margin-bottom:10px;
    margin-top:-63%;
    margin-right:51%;
    float:right
  }
  #fussnote.fuss {
    top:-12%;
    left:11%;
    position:relative;
    width:74%;
    height:84%;
    padding:38px;
    margin-top:-49px
  }
  #tablefuss.fuss {
    width:48%;
    position:absolute;
    top:58%;
    left:2%;
    height:507px;
    padding-bottom:31px;
    padding-left:8%;
    margin-bottom:10px;
    margin-top:-3%;
    margin-left:2%;
    padding-top:4%
  }
  #rankefuss {
    display:inline;
    position:absolute;
    top: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: 2%;
    position: absolute;
    top: 2px;
  }
  #medien.neuinfo {
    left: 41%;
    /*! top: 69%; */
    width: 40%;
    height: auto;
    /*! margin-top: 147%; */
  }
  
   .ruema span {
    display: block;
    width: 88%;
  }
}
@media screen and (max-width:800px) {
  #copy.raumimp {
    padding: 15px 29px 20%;
  }
  #sidebar.spez {
    top:51%;
    left: 16%;
  }
  #navyquer.nurmenue .top > li.teil {
    float: left;
    position: relative;
    padding: 7px 6px;
    padding-bottom: 7px;
    margin: 10px 3px;
    width: 186px;
    top: 289%;
    left: 7%;
    margin: 0 auto;
  }
   #navyquer.nurmenue ul.top > li.spez {
    padding-bottom: 5px;
    height: 614px;
     left: 9%;
  }
    #navyoben.navi {
    width: 345%;
    left: 11%;
    margin: 12px 1% 12px 3%;
  }
   h1.navi {
    width: 236%;
    margin-left: 63%;
    margin-top: 17%;
    font-size: 266%;
  }
    header.navi {
    height: 301px;
    width: 99%;
    margin-bottom: 10px;
    left: -4%;
    margin-top: 2%;
    margin: 0 auto;
  }
    #headline.navi {
    /*! display: inline-block; */
    top: 90%;
    left: -74%;
    width: 123%;
    position: relative;
  }
  #navyoben.navi .oben a.telinfo{
    width: 39%;
    left: -10%;
  }
  #navyquer.nurmenue ul.top{
    top:-25%;
    left: -2%;
  }
    #navyoben.navi ul.oben {
    display: flex;
    position: relative;
    overflow: hidden;
    left: 21%;
    width: 98%;
  }
    #navyquer.nurmenue .top > li.mobil {
    float:left;
      position:relative;
    padding:7px 6px;
    margin: 11px 3px;
    width:174px;
    top:-3196%;
    left:88%;
    margin:0 auto;
  }
    #navyquer.nurmenue {
    width: 93%;
    top: 80%;
    margin-top: -54%;
    position: relative;
    height: 1500px;
      left: -25%;
  }
   #rezensionen {
      position: absolute;
    width: 76%;
    left: 10%;
  }
    #info.allg {
    margin-top: -15%;
    width: 195%;
    left: -28%;
  }
   #main.navi {
    width: 100%;
    margin-top: 2%;
    margin-bottom: 10px;
    height: 1000px;
    top: 1%;
    left: 25%;
  }
    h2.muessen {
    font-size: 120%;
    margin-top: 18%;
  }
   #sprung.spez {
    top: 106%;
    margin-top: 1%;
    width: 66%;
     left:2%
  }
   #main.allg {
    width: 99%;
    margin-top: 3%;
    margin-bottom: 120px;
    height: 2700px;
    background: #add8e600;
    top: 15%;
    position: absolute;
    left: -3px;
  }
  #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 {
    left:-105%;
    top: -59%;
  }
  #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: 10%;
  }
  #copy.raumnav {
    width:51%;
    height:auto;
    margin-top:-410px;
    left:21%;
    display:block;
    padding:42px;
    margin-bottom:5px;
    margin-left:7%;
    top:4%;
    font-size:83%;
    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:19%;
    font-size:158%;
    left:66%;
    width:300px
  }
  #wechselbild1.allg {
    width:73%;
    margin-left:1%;
    margin-top:-91%;
    margin-bottom:10px;
    float:left;
    top:228%;
    left:48%;
  }
  #spruchstart {
    width:89%;
    margin-left:-33%;
    margin-top:2%;
    margin-bottom:10px;
    float:left;
    left:35%;
    position:absolute;
    height:96%
  }
  #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
  }
        #medien.navform {
    left: 57%;
    top: -92%;
  }
}

@media screen and (max-width:750px) {
   #navyquer.nurmenue ul.top {
    top: 0%;
    left: -15%;
    width: 87%;
    margin-left: 88px;
  }
  #navyquer.nurmenue .top > li.teil{
    left:auto;
    width: 27%;
    margin-left: 1px;
  }
    #navyquer.nurmenue ul.top > li.spez {
    height: 614px;
    left: auto;
    margin-left: 7%;
    width: 27%;
  }
   #headline.navi {
    display: inline-block;
    top: 86%;
    left: -78%;
    width: 123%;
    position: relative;
  }
    #navyquer.nurmenue .top > li {
    font-family: serif;
    font-size: 21px;
    text-align: center;
    list-style-type: none;
  }
    #navyquer.nurmenue .top > li {
    float: left;
    position: relative;
    padding: 7px 6px;
    margin: 10px 3px;
    width: 174px;
    top: 289%;
    left: 8%;
    margin: -4px -12px;
  }
    #navyquer.nurmenue a {
    display: inline-block;
    text-decoration: none;
    list-style: none;
    border-radius: 10px;
    width: 132px;
      margin-left: -5px;
      
  }
    #copy.raumnav {
    width: 56%;
    height: auto;
    margin-top: -333px;
    left: 47%;
    display: block;
    padding: 23px;
    margin-bottom: 5px;
    margin-left: -18%;
    top: 14%;
    font-size: 83%;
    opacity: 1.0;
  }
    #navyoben.navi ul.oben {
    display: flex;
    position: relative;
    overflow: hidden;
    left: 21%;
    width: 98%;
  }
   #main.navi {
    width: 100%;
    margin-top: -36%;
    margin-bottom: 10px;
    height: 1000px;
    top: 1%;
    left: 28%;
  }
    #navyquer.nurmenue {
    width: 98%;
    top: 74%;
    margin-top: -54%;
    position: relative;
    height: 1500px;
    left: -13%;
  }
  #medien.navform {
    display: inline-block;
    position: relative;
    top: -40%;
    width: 200px;
    left: -2%;
    margin-top: -59%;
  }
    #klasslink {
    position: relative;
    left: 28%;
    margin: -9% -14%;
    width: 497px;
    height: 49px;
  }
 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.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: -31%;
    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:20%;
    top:-8%;
    margin-top:auto;
    margin-bottom:20px;
    left:75%;
    padding:1px 1px 7px 0px;
    height: 7%;
  }

  #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:30px 92px;
    font-size:110%;
    width:auto
  }
  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
  }

  #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:-9%;
    top:13%;
    width:117%;
  }
  header.navi {
    height:311px;
    width:99%;
    margin-bottom:10px;
    left:0%;
    margin-top:-18%;
    top:8%;
  }

  #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
  }
 
  #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:167%;
    color:navy;
    font-weight:bold;
    font-style:italic;
    top:-98px;
    left:2%;
    margin-top:15px;
    margin-bottom:10px;
    height:110px;
    width:500px
  }
  h1.mobile {
    text-shadow:3px 3px 3px #fff;
    padding-left:18%;
    position:relative;
    font-family:serif;
    font-size:143%;
    color:#261f7b;
    top:-2%;
    font-style:italic;
    left:-11%;
    width:68%;
    margin-top:27%
  }
  #starttablemobil {
    border:outset;
    border-radius:15px;
    padding:20px;
    font-family:serifte, navy;
    width:84%;
    display:flex;
    flex-flow:column;
    text-align:center;
    color:navy;
    background-color:#cfe6e699;
    border-color:#b3afaf;
    margin-left:20px;
  }
 
  #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:-23%;
    margin-top:1%;
    margin-bottom:10px;
    float:left;
    top:35%;
    position:absolute;
  }
  #dreieck.allg {
    position:relative;
    top:-76%;
    left:-7%
  }
  #dreieck.imp {
    position:relative;
    margin-top:11%;
    left:-2%
  }
  #dreieck.allg {
    position:relative;
    top:-47%;
    left:18%;
    margin-top:10px;
    width:17%
  }

  #starthome {
    width:81%;
    margin:0 auto;
    padding-right:1px;
    text-align:left;
    margin-left:-31px
  }
  #sidebar.bau {
    width:27%;
    height:404px;
    float:right;
    position:relative;
    padding:20px;
    border-style:outset;
    border-radius:20px;
    border-color:#B6FFA2;
    background-color:#DDEFDE;
    margin-bottom:2px;
    margin-top:11%;
    left:-22%;
    top:-48%
  }
  #wechselbild2.advent {
    position:absolute;
    left:1%;
    top:2px;
    width:100%;
    margin-top:1%
  }
  #starttableindex.allg {
    margin-top:22px;
    padding-right:2%;
    margin-bottom:0px;
    left:3%;
    width:73%;
    height:auto;
    font-size:99%;
    padding-left:17%;
    font-family:serif;
    border:outset;
    border-radius:15px;
    display:block;
    text-align:center;
    background-color:#dceede;
    top:auto;
    height:auto
  }
  #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:-9% auto;
    font-size:98%;
    width:72%;
    padding-top:93%;
    top:-38%
  }
  #wasser.imp {
    position:relative;
    margin:-9% auto;
    margin-top:-9%;
    font-size:98%;
    width:72%;
    padding-top:93%;
    margin-top:-83%
  }
  #sprung {
    display:block;
    margin-top:-250px;
    float:right;
    margin-right:3%;
    position:relative;
    margin-right:8%;
  }
  #sprung.mobile {
    display:block;
    float:right;
    position:relative;
    top:auto;
    margin-top:-168%;
    left:-9px
  }
  #spruchstart {
    height:93%;
    position:relative;
    padding:3%;
    margin-left:2px;
    margin-right:3%;
    background-color:#fff;
    width:92%;
    left:1%;
    display:block;
    margin-top:-1%;
    font-size:79%
  }
  #sprung.agb {
    display:block;
    float:right;
    position:relative
  }
  #tablefuss {
    width:63%;
    text-align:center;
    padding-bottom:20px;
    float:left;
    margin-bottom:3px;
    height:506px;
    top:45%;
    left:5px;
    margin-top:20px
  }
  #spiegelranke {
    position:relative;
    top:-353px;
    margin-left:5px;
    background-color:#caf9c300;
    height:150px;
    margin-top:20px
  }
  td.abhypreis {
    display:table-cell;
    float:left;
    font:90% serif;
    margin-left:8px;
    margin-top:-11px;
    width:136px
  }
  td.kurztextfuss {
    margin:-3%;
    font:90%/1.2 serif;
    width:90%;
    float:left;
    text-align:left;
    padding-bottom:11px
  }
  #footer {
    top:2%;
    clear:both;
    width:100%;
    position:relative;
    margin-top:5px;
    margin-bottom:5px
  }
  #footer.fuss {
    top:5%;
    clear:both;
    width:100%;
    background-color:#9194CF00;
    position:relative;
    margin-top:5px;
    margin-bottom:5px;
    height:150px;
  }
  #footer.imp {
    top:-14%;
    clear:both;
    margin-bottom:5px;
    left:0%;
    height:134px;
    margin-top:205%;
  }
  #footer.navi {
    top:auto;
    clear:both;
    width:100%;
    background-color:#9194CF00;
    position:relative;
    margin-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
  }

}
  @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%; 
     }
  #navyquer.nurmenue .top > li.teil{
    left:-1%;
    width: 186px;
    top: 270%;
    margin: 1px -2px;
  }
  #wrapper.navi{
    left: -1px;
  }
    #medien.navform {
    display: inline-block;
    position: relative;
    top: -116%;
    width: 191px;
    left: -2%;
    margin-top: -59%;
  }
   #navyquer.nurmenue ul.top {
    top: 2%;
    left: -6%;
    width: 90%;
  }
  #navyquer.nurmenue .sub > li{
    top:2%;
  }
   #navyquer.nurmenue .top > li.mobil{
    display: inline-block;
    position: relative;
    top:-581px;
    left: 90%;
  }
    #main.navi {
    width: 100%;
    margin-top: -36%;
    margin-bottom: 10px;
    height: 1000px;
    top: 24%;
    left: 28%;
  }
    #headline.navi {
    display: inline-block;
    top: 121%;
    left: -63%;
    width: 123%;
    position: relative;
  }
    #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: 0%;
  }
    #navyoben.navi ul.oben {
    width: 98%;
    overflow: hidden;
    height: 14%;
    margin-right: 0%;
  }
     #navyoben.navi .oben a {
       width: auto;
    padding: 7px 18px;
    font: 90% sans-serif;
     } 
    #navyquer.nurmenue {
    width: 97%;
    top: 34%;
    left: -24%;
  }
    #sprung.faq {
    margin-top: 55%;
    display: block;
    left: 6%;
    top: 9%;
    width: 90px;
  }
   #info.allg {
   margin-top: -109%;
    width: 175%;
    left: -27%;
  }
  #sidebar.spez {
    top: 116%;
     width: 80%;
  }
   #abhylink {
    position: relative;
    top: 10px;
    margin: -20% -1%;
    width: 98%;
     font-size: 104%;
    left: 0%;
    height: 68px;
  }
   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%;
    height: 9%;
  }
   #main.allg {
    width: 99%;
    margin-top: 3%;
    margin-bottom: 120px;
    height: 2700px;
    background: #add8e600;
    top: 14%;
    position: absolute;
    left: -3px;
  }
   #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:53%;
    margin-top:10px;
    top:-65%;
    left:14%;
    padding:32px;
    margin-bottom:5px;
    margin-left:15%;
    margin:0 auto;
    font-size:80%
  }
  #spruchstart.allg {
    padding: 4% 12% 23% 8%;
    /*! left: -132%; */
    top: 47%;
    width: 83%;
    height: 66%;
    position: absolute;
  }
  #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:18%;
    width:101%;
  }
  #spiegelranke {
    display:none;
  }
  #dreieck.navi {
    position:absolute;
    margin-top:-88%;
    left:5%;
    top:-68%;
    height:135px;
      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:-14%;
    width:236%;
    margin:-77% 20%;
    font-size: 245%;
  }
  #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;
    width:107px
  }
  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%
  }

  #starttableindex.allg {
    margin-top:12px;
    padding-right:3%;
    margin:17px auto;
    margin-bottom:0px;
    left:19%;
    width:89%;
    height:auto;
    font-size:70%
  }
 
  #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
  }
  #wasser {
    position:relative;
    margin:-9% auto;
    font-size:98%;
    width:72%;
    padding-top:93%;
    top:-49%
  }
  #sprung {
    display:block;
    float:right;
    margin-top:-62px;
    background:linear-gradient(to right, #ef7fe8b3 0%,#d333d599 99%);
    background-color:rgba(0, 0, 0, 0);
  }
  #tablefuss {
    width:75%;
    padding-bottom:1%;
    padding-right:1%;
    float:left;
    margin-bottom:10px;
    height:510px;
    top:43%;
    left:13px;
    margin-top:20px;
    padding-left:15%
  }
  #wechselbild2.fuss {
    position:relative;
    left:20%;
    top:-24%;
    width:80%;
  }
  #sprung.fuss {
    display:block;
    top:-22%;
    float:right;
    position:relative
  }
  #wasser.fuss {
    position:relative;
    margin:-9% auto;
    font-size:98%;
    width:72%;
    padding-top:93%;
    top:-40%
  }
  #tablefuss.fuss {
    width:48%;
    position:absolute;
    top:45%;
    left:2%;
    height:507px;
    padding-bottom:31px;
    padding-left:8%;
    margin-bottom:10px;
    margin-top:-3%;
    margin-left:2%;
    padding-top:4%
  }
  #sidebar1.fuss {
    width:31%;
    height:489px;
    float:left;
    position:relative;
    padding:20px;
    border-style:outset;
    border-radius:20px;
    border-color:#B6FFA2;
    background-color:#DDEFDEB3;
    padding:2%;
    margin-top:13px;
    margin-bottom:10px;
    left:-35%;
    top:28%
  }
  #footer.fuss {
    top:3%;
    clear:both;
    width:100%;
    background-color:#9194CF00;
    position:relative;
    margin-top:5px;
    margin-bottom:5px;
    height:354px;
    left:0%;
  }
  #copy.fuss {
    width: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%
  }
   #navyquer.nurmenue ul.top > li.spez a {
    padding: 33px 17px;
  }
    #navyquer.nurmenue ul.top > li.spez {
    height: 614px;
    left: auto;
    margin-left: -8%;
    width: 27%;
  }
    ul.gut {
    display: block;
    position: relative;
    top: 2px;
  }
  #navyquer.nurmenue ul.top > li{
    padding-bottom: 5px;
    height: 614px;
    left: -5%;
  }
    #pfeil {
    float: left;
    left: 20%;
    position: relative;
  }
    #navyquer.nurmenue ul.top {
    top: 9%;
    left: -19%;
    width: 99%;
  }
     #main.navi {
    width: 100%;
    margin-top: -36%;
    margin-bottom: 92px;
    height: 1041px;
    top: 1%;
    left: 30%;
    background: #cdb86ebd;
  }
    #navyquer.nurmenue .top > li.mobil {
    display: block;
    position: relative;
    top: auto;
    left: 72%;
    margin: -101% 12px;
    width: 150px;
  }
   #navyquer.nurmenue {
    top: 37%;
    left: -133px;
    width: 91%;
  }
    #navyquer.nurmenue ul.top > li.teil {
    padding-bottom: 5px;
    height: 614px;
      width: 148px;
    left: -2%;
    top: -24%;
  }
    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.navi .oben a.telinfo {
    display: flex;
     width: 51%;
    height: 26px;
  }
     #sprung.faq {
    margin-top: 46%;
    display: block;
    left: 1%;
    top: 8%;
    width: 90px;
  }
  #info.allg {
   top: 93%;
    width: 121%;
    left: -15%;
  }
   #starthome.ganz {
    width:103%;
    left:-12%;
    position:relative;
    margin-left:3px;
    margin-top:-59px;
  }
   #copy.raumnav {
       /*! margin-top: 10px; */
    top: 21%;
    left: 20%;
    padding: 25px;
    /*! margin-bottom: 5px; */
    margin-left: 17%;
       font-size: 90%;
     width: 46%;
       margin-top: -114%;
       background: linear-gradient(to right, #daca94 0%,#c6e68c99 99%);
  }
   #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: -10%;
    left: 68%;
  }
  #sprung.spez {
    left: 0%;
    position: absolute;
    margin-left: 3%;
    top:80%;
    margin-top: 13%;
  }
  #rezensionen {
    width:80%;
    font-size:110%;
    left:2%;
    margin-top: 53%;
  }
  h1.allg {
    margin-top: 12%;
    width: 112%;
    left: -32%;
    font-size: 335%;
    font-weight: lighter;
    letter-spacing: 1px;
  }
  #main.allg {
    top:14%;
    left: 10px;
  }
  #viererbilder.kontakt {
    width: 94%;
    left: 3%;
    top: -1%;
  }
  #sidebar.spez {
    /*! top: 60%; */
    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:68%;
    top:auto;
    left:1%;
    height:auto;
    margin-bottom:20px;
    margin-top:-5%;
  }

  #tel_hoer.term {
    top:20px;
    left:2px;
    width:66%;
    margin:0 auto
  }

  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%
  }
 
  #navyquer.nurmenue {
    top:27%;
   left:-18px;
   width: 99%;
  }
  #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:4px;
    list-style-type:none;
    width:95% 
  }
  #wechselbild2.mob {
    width:93%;
    margin-left:-10%;
    margin-top:20px;
    margin-bottom:10px;
    float:left;
    top:auto;
    position:relative
  }
  #dreieck.mob {
    margin-left:4%;
    max-width:200px;
    left:-2%;
    top:49%;
    position:absolute;
    margin-top:52px;
    width:50%
  }
  header.navi {
    width:100%;
    margin-bottom:10px;
    left:-1%;
    margin-top:185px;
    top:-20%;
    height: 32%;
    background: #e4d6a0;
    padding: 22px 3px;
  }
  #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:102%;
    height:958px;
    /*! background-color:#caf9c3; */
    left: 0%;
    top: 10px;
    margin-bottom: 42%;
  }
  #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:84%;
    position:relative;
    padding:4%;
    background-color:#fff;
    width:91%;
    left:-8%;
    display:block;
    margin-left:9%;
    font-size:100%;
  }
  #sidebar1 {
    width:96%;
    float:left;
    margin-top:10px;
    top:41%;
    position:relative;
    margin-bottom:10%;
    margin-top:10px;
  }
  #wechselbild2.fuss {
    position:relative;
    left:4%;
    top:-45%;
    width:94%;
    margin-top:10px
  }
  #wechselbild1.start {
    width:70%;
    margin-left:10%;
    margin-top:31%;
  }
  #rankefuss {
    display:inline;
    position:absolute;
    top:27%;
    left:46%
  }
  #ampel.marma {
    border-radius:30px;
    display:table-cell;
    left:40px;
    position:absolute;
    top:75px;
    width:24%;
    margin-left:60%
  }
  #wasser {
    top:-15%;
    text-align:center;
    margin:0 auto;
    position:relative;
    left:2%;
  }
  #wasser.marma {
    top:-25%;
    text-align:center;
    margin:0 auto;
    position:relative;
    left:2%;
    margin-top:65px;
  }
  #tablefuss.marma {
    width:72%;
    position:relative;
    top:-36%;
    right:4%;
    height:607px;
    padding-bottom:31px;
    padding-left:23%;
    margin-bottom:10px;
    margin-top:-203%;
    margin-right:1%;
    float:right
  }
  #übersicht.marma {
    position:relative;
    top:-22px;
    left:-22px;
  }
  #sidebar1.marma {
    width:45%;
    height:410px;
    float:left;
    position:relative;
    border-style:outset;
    border-radius:20px;
    border-color:#B6FFA2;
    background-color:#DDEFDE;
    top:6%;
    padding:2%;
    margin-top:173%;
    margin-bottom:10px;
    left:2%;
  }
  #footer {
    top:-1%;
    clear:both;
    width:100%;
    background-color:#9194CF99;
    position:relative;
  }
  #footer.fuss {
    top:-2%;
    clear:both;
    width:100%;
    background-color:#9194CF00;
    position:relative;
    margin-top:5px;
    margin-bottom:5px;
    height:150px;
  }
  #copy.home {
    width:86%;
    margin:0 auto;
    left:4%;
    top:16%;
    padding:9px;
  }
  #rankeumkehr {
    position:absolute;
    top:431px;
    left:70px;
    width:77%;
    margin-top:1%;
    background-color:#00f0;
    height:100px
  }
  #starthome {
    width:87%;
    margin:0 auto;
    padding-right:1px;
    text-align:center;
    margin-left:-40px
  }
  #wrapper.fuss {
    margin-left:1%;
    height:2700px;
  }
  #footer {
    top:auto;
    clear:both;
    width:100%;
    background-color:#9194CF00;
    position:relative;
    margin-top:55px;
    margin-bottom:5px;
  }
  #footer.fuss {
    top:1%;
    clear:both;
    width:100%;
    background-color:#9194CF00;
    position:relative;
    margin-top:-25px;
    margin-bottom:5px;
    height:300px;
    left:2px;
  }
  #fussnote.marma {
    font:88% serif;
    color:#060881;
    background-color:#DDEFDE;
    border-color:rgb(0, 128, 0);
    border-radius:20px;
    border-style:outset;
    height:84%;
    width:78%;
    opacity:0.8;
    top:79%;
    padding:8%;
    margin-top:10px
  }
  #footer.imp {
    top:-14%;
    clear:both;
    margin-bottom:5px;
    left: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%;
  }
    #navyquer.nurmenue ul.top > li.spez a.oben {
    height: 8px;
    left: -9%;
  }
    #main.navi {
    height: 1074px;
    top: 1%;
    left: 30%;
    background: #cdb86ebd;
  }
    #copy.raumnav {
    margin-top: 10px;
    top: -38%;
    left: -10%;
    width: 80%;
  }
    #navyquer.nurmenue ul.top > li.teil {
    padding-bottom: 5px;
    height: 614px;
    width: 148px;
    left: -10%;
    top: -24%;
  }
    #navyquer.nurmenue ul.top > li.spez {
    height: 614px;
    left: -9%;
  }
    #navyquer.nurmenue ul.top > li.spez a {
    padding: 24px 6px;
  }
  #navyquer.nurmenue ul.sub > li.rat a{
    padding: 23px 10px;
  }
    #navyquer.nurmenue ul.top {
    /*! top: -1%; */
    /*! left: -16%; */
    width: 100%;
    margin: 7% 0% 14%;
  }
  #navyquer.nurmenue .top > li.mobil a{
    padding: 24px 13px;
    margin-top: -1px;
  }
   #navyquer.nurmenue .top > li.mobil {
    display: block;
    position: relative;
    top: 335px;
    left: 50%;
  }
    #navyquer.nurmenue {
    top: 27%;
    left: -18px;
    width: 99%;
  }
}
@media screen and (max-width:600px) {
  #starttableklass.spez {
    width: 68%;
    margin-top: -2%;
  }
  table.ganzkoerper {
    display: inherit;
    position: relative;
    width: 542px;
    height: 658px;
    left: 1%;
  }
    #navyquer.nurmenue ul.top > li.spez {
    padding-bottom: 5px;
    height: 614px;
    width: 29%;
    left: -9%;
  }
    #navyoben.navi .oben a.telinfo {
    display: flex;
    width: 43%;
    height: 26px;
    padding: 3px 24px;
  }
  #navyquer.nurmenue ul.top > li.teil {
    padding-bottom: 5px;
    height: 614px;
    width: 149px;
    left: 59%;
    top: -3453%;
    margin-left: 23px;
  }
    #navyquer.nurmenue ul.top > li.zwei {
    padding-bottom: 5px;
    height: 614px;
  }
    #navyquer.nurmenue ul.sub > li.ganz {
   top:-42%;
      left:-2%;
   display: inline-block;
   position: relative;
  }
    #navyquer.nurmenue ul.top > li.eins {
    padding-bottom: 5px;
    height: 614px;
    width: 150px;
    top: 15%;
    left: -29px;
  }
    #navyquer.nurmenue ul.top {
    top: -1%;
    left: 2%;
    width: 100%;
    margin: 7% 0% 14%;
  }
    #navyquer.nurmenue .top > li.mobil {
    display: block;
    position: relative;
    left: 28%;
    margin-top: 4px;
    top: -285px;
  }
   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%;
    margin-top:-43%;
    margin-bottom:10px;
    /*! height:auto; */
    left:34%;
    padding-bottom: 362%;
  }
    #sprung.faq {
    margin-top: 55%;
    display: block;
    left: 1%;
    top: 9%;
    width: 90px;
  }
   #wechselbild2.navi {
    position: absolute;
    left: 4%;
    top: 19%;
    width: 100%;
  }
   #dreieck.navi {
    position: absolute;
    margin-top: -88%;
    left: 9%;
    height: 135px;
    width: 48%;
    margin: 0 auto;
  }
  #medien.navform {
    display: inline-block;
    position: relative;
    top: 147%;
    width: 200px;
    left: 32%;
    margin-top: 19%;
  }
   #info.allg {
    width: 125%;
    left: -15%;
  }
  #wrapper.spez{
    left:10px;
    padding-bottom: 128%;
  }
  #copy.raumnav{
    top:-40%;
    width: 77%;
    padding:27px;
    margin: -171% 2% 2% 2%;
    display: inline-block;
    height: auto;
    left: 4%;
  }
   #navyquer.nurmenue {
    top: -2%;
    position: relative;
    left: -10%;
    background: #92879200;
    width: 97%;
    margin-top: 3%;
    display: block;
  }
  #navyquer.nurmenue .top > li {
    float: left;
    position: relative;
    padding: 16px 43px;
    /*! margin: -3px 3px; */
    width: 43%;
    top: 25%;
    left: -24%;
    /*! margin: 76% auto; */
  }
   a.neuinfo {
    text-shadow: none;
    font-weight: normal;
    font-size: 111%;
  }
  
   .gkmass {
    position: absolute;
    display: block;
    top: -10%;
    font: 111% sans-serif;
    /*! padding: 33px 10px 10px 37px; */
  }
  h1.allg {
    margin-top: 12%;
    width: 112%;
    left: -32%;
    font-size: 255%;
    font-weight: lighter;
    letter-spacing: 1px;
  }
   #dreieck.spez {
    position:absolute;
    top:-22%;
    left:-15%;
    margin-top:21%;
    max-width: 32%;
  }
  #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: 68%;
  }
   #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: #9c9999a6;
    height: 217%;
    margin-top: -5px;
    background-color: #bebcbcc9;
    border-radius: 5px;
    border: 1px solid #f5efce;
   padding: 4% 4% 1% 4%;
  }
  .gkmass span {
    display: block;
    position: absolute;
    margin: -1% 0% 1% 0%;
    font-size: 91%;
    padding: 3% 8% 3% 3%;
  }
  .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:107%;
    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: -74%;
    width: 75%;
    height: 39%;
    position: absolute;
  }
  #viererbilder.kontakt {
    width: 91%;
    height: auto;
    top: -4%;
    left: 3%;
    padding-bottom: 58px;
    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: 0%;
    height: 10%;
  }
  header.navi {
    height:30%;
    width:99%;
    margin-bottom:10px;
    left:0%;
    margin-top:185px;
    top:-20%;
  }
  a.allg {
    width:46%;
    left:12%;
    font-size:117%;
    margin:0 auto;
    top:21%
  }
  #bild.allg {
    margin-top:17%;
    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:-19%;
    font-size: 93%;
  }
  #sidebar.spez {
    left:43%;
    width: 90%;
    top: 131%;
    height: 28%;
     }
  #footer.navi {
    clear:both;
    /*! width:100%; */
    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: 103%;
  }
  #navyquer.nurmenue ul.sub > li.drei a{
    height: 45px;
  }
}
@media screen and (max-width: 580px) {
  #medien.navform {
    display: inline-block;
     position: relative;
    top: auto;
    width: 200px;
    /*! left: -60%; */
    margin: 254% auto;
  }
}
@media screen and (max-width: 565px) {
  #navyquer.nurmenue .top > li.mobil {
    display: block;
    position: relative;
    left: 13%;
    margin-top: 4px;
  }
}
@media screen and (max-width:560px) {
   a.allabhyopt {
    text-align: center;
    font-size: 98%;
    font-family: chopin script, serif;
    width: 498px;
    margin-top: 4%;
  }
   #copy.raumnav {
     top: -21%;
     width: 75%;
  }
    #navyquer.nurmenue ul.top {
    top: -1%;
    left: -1%;
    width: 100%;
    margin: 7% 0% 14%;
  }
    #navyquer.nurmenue ul.top > li.teil {
    padding-bottom: 5px;
    height: 320px;
    width: 149px;
    left: 53%;
    top: -3512%;
    margin-left: 23px;
  }
    #navyquer.nurmenue ul.top > li.spez {
    padding-bottom: 5px;
    height: 614px;
    width: 30%;
    left: -20%;
  }
    #navyquer.nurmenue .top > li.mobil {
    display: block;
    position: relative;
    left: 12%;
    margin-top: 4px;
    top: -1677%;
  }
   a.allklassopt {
    left: -40%;
    top: -22%;
     width: 500px;
  }
   #rezensionen {
    width: 80%;
    left: 7%;
    margin-top: 75%;
  }
    #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: 22%;
    font-size: 211%;
    width: 128%; 
    left: -36%;
  }
    h2.muessen {
    font-size: 119%;
  }
  header.allg {
    left: 0%;
    height: 11%;
    /*! background: #f4e4a7; */
  }
     #navyoben.navi ul.oben {
    width: 91%;
      margin-right: -4%;
    left: 9%;
  }
   #main.navi {
    width: 99%;
    margin-top: -48%;
    margin-bottom: 10px;
    height: 202%;
    left: 34%;
  }
   #info.allg {
    width: 125%;
    left: -10%;
     top:153%;
  }
  #medien.neuinfo {
    left: 18%;
    top: -29%;
    margin-top: 10%;
  }
  #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: 22%;
    left: 70%;
  }
  #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: 11%;
  }

  #wechselbild1.allg {
    width:91%;
  }
}

@media screen and (max-width: 550px) {
  #medien.navform {
    display: inline-block;
     position: relative;
    top: auto;
    width: 200px;
    margin: 219% auto;
    left: 53%;
  }
    #navyquer.nurmenue .top > li.mobil {
    display: block;
    position: relative;
    left: -49%;
    margin-top: 155px;
    top: -1656%;
  }
    #copy.raumnav {
    top: -13%;
    width: 64%;
    padding: 27px;
    margin: -150% 2% 2% 2%;
    display: inline-block;
    height: auto;
    left: 20%;
  }
   #navyquer.nurmenue ul.top > li.teil {
    padding-bottom: 5px;
    height: 614px;
    width: 149px;
    left: -4%;
    top: -1948%;
    margin: 69% -5px;
  }
    #navyquer.nurmenue ul.top > li.eins {
    padding-bottom: 5px;
    height: 614px;
    width: 233px;
    top: -4%;
    left: -27px;
  }
   #navyquer.nurmenue ul.top > li.spez {
    padding-bottom: 5px;
    height: 614px;
    width: 42%;
    left: -5%;
    top: 10%;
  }
  #navyquer.nurmenue {
    top: -2%;
    position: relative;
    left: -21%;
}
    #navyquer.nurmenue a {
    display: inline-block;
    text-decoration: none;
    list-style: none;
    padding-top: 27px;
    padding-bottom: 30px;
    border-radius: 10px;
    width: 171px;
    margin-left: -5px;
  }
}
@media screen and (max-width: 540px) {
  #copy.raumnav {
    top: auto;
    width: auto;
    padding: 15px;
    display: inline-block;
    height: auto;
  }
}
@media screen and (max-width:520px) {

    #wechselbild2.navi {
    position: absolute;
    left: -6%;
    top: 15%;
    width: 114%;
    height: 45%;
  }
    #copy.raumnav {
    top: -13%;
    width: 64%;
  left: 20%;
  }
   #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%;
  }
   #main.navi {
    width: 100%;
    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 {
       top:-2%;
    display: block;
       left: -8%;
  }
   #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: 79%;
    height: 30px;
  }
} 
@media screen and (max-width:500px) {
   table.ganzkoerper {
    display: inherit;
    position: relative;
    width: 455px;
    height: 658px;
    left: 3%;
  }
  #navyquer.nurmenue a.oben{
    width:204px;
  }
    #navyquer.nurmenue .top > li.mobil {
    display: block;
    position: relative;
    left: 0%;
    margin-top: 554px;
    top: -3890%;
    width: 236px;
  }
   #navyquer.nurmenue ul.top > li.teil {
    padding-bottom: 5px;
    height: 285px;
    width: 231px;
    left: 3%;
    top: -957%;
    margin: 1% 10px;
  }
    #navyquer.nurmenue ul.top > li.spez {
     list-style: none;
    border-radius: 10px;
    width: 279px;
    margin-left: 3px;
     padding: 12% 4%;
     top: 1%;
  }
    #navyquer.nurmenue a {
     list-style: none;
    border-radius: 10px;
    width: 279px;
    margin-left: 3px;
     padding: 12% 4%;
  }
    #navyquer.nurmenue ul.top {
    top: -1%;
    left: 24%;
    width: 100%;
    margin: 7% 0% 14%;
  }
    #headline.navi {
    display: inline-block;
    top: 23%;
    left: -52%;
    width: 138%;
    position: relative;
    font-size: 90%;
    height: ;
  }
    header.navi {
    height: 25%;
    width: 98%;
    margin-bottom: 10px;
    left: 0%;
    margin-top: 185px;
    top: -22%;
  }
    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.navi{
    left:44%;
    top: 15%;
    width: 245%;
  }
    #navyoben.navi ul.oben {
    /*! width: 91%; */
    /*! margin: -1px 6%; */
    top: -18%;
    left: -10%;
  }
    #sprung.faq {
    margin-top: 55%;
    display: block;
    left: 6%;
    top: 15%;
    width: 73px;
  }
   #navyoben.navi .oben a.telinfo {
    display: flex;
    width: 47%;
    padding: 5px 25px;
    font: 100%sans-serif;
    top: -2%;
    height: 22px;
    text-align: center;
  }
  #navyquer.nurmenue .rat{
    width: 212px;
    float: left;
    position: relative;
  }
  td.hoernav{
    top:-118%;
  }
    #info.allg {
    width: 135%;
    left: 2%;
    top: 43%;
  }
    #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: 79%;
    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 {
    font-size:220%;
    left:-21%;
    margin: -18px 10px;
    width: 126%;
  }
  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: auto;
    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: -9%;
  }
  #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:-27%;
    font-size: 265%;
    top: 99%;
  }
  h1.rueallg {
    top:1px;
    left:-16%;
    margin-top:94px;
    margin-bottom:10px;
    height:110px;
    width:300px;
    font-size:220%
  }
  #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:106%;
    left:-24%;
    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:66%;
    left:5%;
    margin-top:10px;
  }
  #starttableindex.allg {
    padding-right:3%;
    margin:7px auto;
    margin-bottom:17px;
    margin-bottom:0px;
    left:6%;
    width:73%;
    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:1%;
    width:96%;
    left:auto;
    height:93%;
    display:inherit;
    margin-left: 0%;
    margin-top: 115%;
  }
  #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:218px;
    height:auto;
    text-align:center;
  }
  #navyquer.nurmenue {
    top:0%;
    left: -15%;
  }
  #copy.raumnav {
  /*! margin:auto; */
  left: 14%;
    position: relative;
    margin: 176% 12% 2% 2%;
  }
  #dreieck.navi {
    position:relative;
    top:61%;
    left:-30%;
    width: 22%;
  }
  #wrapper.navi {
    width:103%;
    height:958px;
    position:relative;
    left:-1%;
    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:94%;
    margin-bottom:51px;
    margin-top:-2%;
    position:absolute;
    top:2%;
    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:101%;
    margin-bottom:10px;
    height:2441px;
    margin-top: -46%;
    left: 42%;
  }
  #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%;
  }
   #navyquer.nurmenue ul.sub > li.ganz {
    top: -42%;
    left: -2%;
    display: inline-block;
    position: relative;
  }
  #navyquer.nurmenue ul.top > li.teil a{
    left:auto;
    position: relative;
    margin-left: -6%;
  }
    #navyquer.nurmenue ul.sub > li a {
    padding: 28px 10px;
  }
  #navyquer.nurmenue ul.sub > li{
  
    left:2px;
    position: relative;
  }
  #navyquer.nurmenue .top > li.mobil a{
    width: 228px;
  }
    #navyquer.nurmenue ul.top > li.spez a.oben {
    height: 15px;
    left: -1%;
    position: relative;
    width: 221px;
  }
    #navyquer.nurmenue ul.top a {
   padding: 21px 14px;
   
  }
}
@media screen and (max-width: 485px) {
  .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: 10px;
    padding-bottom: 202%;
  }
  #rezensionen {
    width: 74%;
    font-size: 80%;
    left: 3%;
    margin-top: 83%;
    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) {
 
  #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 {
    width: 94%;
    margin-bottom: 10px;
    margin-top: -6%;
    position: absolute;
    top: 2%;
    height: 7%;
    left: 2%;
    padding-bottom: 46px;
  }
     #navyoben.navi ul.oben {
    width: 91%;
    overflow: hidden;
    left: -10%;
    height: 10%;
  }
}
@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%;
  }
   table.ganzkoerper {
    display: inherit;
    position: relative;
    width: 400px;
    height: 658px;
    left: 1%;
  }
  #sprung.spez {
    top: 125%;
  }
   #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%;
    font-size: 208%;
    left: -22%;
  }
   #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: 78%;
    height: 28px;
    padding-top: 7px;
  }
  #bild.allg{
    top: -2%;
  }
}
@media screen and (max-width:445px) {

  #nebenlink.ruefu {
    display:block;
    position:relative;
    left:3%;
    margin-left:-15%;
    font-size:90%;
    width: 354px;
  }
    header.navi {
    height: 23%;
    width: 101%;
    margin-bottom: 10px;
    left: 0%;
    margin-top: 185px;
    top: -21%;
  }
  #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;
  }
    #copy.raumnav {
    margin: auto;
    left: 14%;
    position: relative;
    margin: 216% 12% 2% 2%;
  }
}
@media screen and (max-width: 430px) {
    #viererbild4.kontakt {
      width: 25%;
  }
    #pfeil {
    float: left;
    left: 31%;
    position: relative;
  }
    #wechselbild2.navi {
    position: absolute;
    left: -3%;
    top: 19%;
    width: 107%;
    height: 38%;
  }
   table.ganzkoerper {
    display: inherit;
    position: relative;
    width: 360px;
    height: 658px;
    left: -1%;
  }
    #main.navi {
    width: 105%;
    margin-bottom: 10px;
    height: 2441px;
    margin-top: -49%;
    left: 44%;
  } 
    #copy.raumnav {
    margin: auto;
    left: 14%;
    position: relative;
    margin: 176% 12% 2% 2%;
  }
  #navyquer.nurmenue .top > li.mobil {
    display: block;
    position: relative;
    left: 0%;
    margin-top: 570px;
    top: -3890%;
    width: 236px;
  }
  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:144% 23% -3% -3%;
  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%;
  }
  #headline.navi{
    left:-57%;
  }
  #navyoben.navi ul.oben{
    top:-17%;
    height: 30px;
  }
}
@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.navi {
    left: 45%;
    top: 34%;
    width: 245%;
  }
    #navyquer.nurmenue .top > li.mobil {
    display: block;
    position: relative;
    left: 2%;
    margin-top: 196%;
    top: -4448%;
  }
  #navyquer.nurmenue ul.top > li.teil {
    padding-bottom: 5px;
    height: 285px;
    width: 226px;
    left: 10%;
    top: -1329%;
    margin: 43% 2px;
  }
    #navyquer.nurmenue ul.top > li.spez {
    width: 42%;
    left: 5%;
    /*! top: -419%; */
    /*! margin-top: 18%; */
  }
    #pfeil {
    float: left;
    left: 33%;
    top: 60%;
  }
  #navyquer.nurmenue ul.sub > li.ganz {
    top: -42%;
    left: 0%;
    }
    #dreieck.navi {
    position: relative;
    top: 54%;
    left: -28%;
    width: 22%;
  }
   header.navi {
    height: 16%;
    left: 0%;
    top: -11%;
    width: 99%;
}
    #main.navi {
    width: 100%;
    margin-bottom: 10px;
    height: 2441px;
    margin-top: -71%;
    left: 45%;
  }
   #viererbild.kontakt {
    position: absolute;
    width: 105%;
    height: auto;
    top:  15%;
    left: -6%;
  }
   #copy.raumnav {
    top: 38%;
    margin: -159% 23% 2% 1%;
    left: 12%;
    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: 111%;
    left: -4%;
    /*! margin-top: -84%; */
    top: auto;
  }
   #navyquer.nurmenue ul.top {
   width: 56%;  
   left: 17%;
  }
     #navyquer.nurmenue a.head{
    padding: 14% 4%;
    background: #eac8e4;
  }
   header.allg {
    width: 94%;
    margin-bottom: 10px;
    margin-top: -1%;
    position: absolute;
    top: 61px;
    height: 148px;
    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: -8%;
    margin: 87% 47px;
    padding: 1px;
    height: 28px;
    border-radius: 10px;
  }
  
  h1.allg {
    font-size: 221%;
    left: -28%;
    margin: 29px 10px;
    /*! text-shadow: 1px -1px 1px #b1931df7; */
    top: auto;
    width: 115%;
  }
  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: -10%;
    height: auto;
    margin-bottom: 80px;
    margin-top: 97px;
    font-family: sans-serif;
    margin: 0 auto;
    left: 0%;
  }
  #bild.allg {
    left:63%;
    margin-top: 4%;
    width: 33%;
    height: 8%;
    top: -17%;
    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;
    /*! margin-top: 4%; */
    width: 51%;
    height: 25px;
    top: 84%;
    display: inline-block;
    /*! background: #c5419e; */
  }
  #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:5px;
    position:absolute;
    top:2px;
    padding-bottom: 642%;
    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:78%;
    padding-left:10px;
    height:auto;
    text-align:center;
    top: auto;
    left: -86%;
  }
  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
  }
  
  #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;
  }
  ul.start {
    display:inline-block;
    position:absolute;
    width:278px;
    left:6px;
    list-style:none;
    font-size:110%;
    margin-top:10px;
    display:inline-block;
    position:absolute
  }
  #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
  }
  
  #dreieck.spez {
    position:absolute;
    top:-85%;
    left:-20%;
    width:40%;
    margin: 27% 3% 1% 10%;
  }
  #fruehangeb {
    position:absolute;
    color:white;
    font-style:oblique;
    display:block;
    left:5%;
    font-family:serif;
    width:111px;
    text-align:center;
    top:auto;
    background:#80808000;
    margin-top:-124%
  }
  #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
  }
 
  #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: 4% 12% 23% 12%;
    top: auto;
    height: 105%;
    left: -212%;
    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: 99%;
    margin-top: 34%;
    margin-bottom: 5%;
    height: 2500px;
    position: absolute;
    top: 14%;
    left: 2px;
  }
  #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:#B6FFA2;
    background-color:#DDEFDE;
    margin-bottom:2px;
    top:134%;
    right:18%;
    margin-top:5%
  }

  #wechselbild2.navi {
    position:absolute;
    left:24%;
    top:53%;
    width:118%;
    margin-top:-79px;
    margin-left:-33%;
    height: 28%;
  }
  #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:0%;
    width:76%;
    height:auto;
    font-size:85%;
    margin-top:auto;
    top:3%;
    font-family:serif;
    position:relative;
    border-color:#c1bcbc;
    padding:5% 6% 22% 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:92%;
    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;
  }
 
  #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:100%;
    height:2200px;
    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: -10px;
    background-color: #bebcbc80;
    border-radius: 5px;
    border: 1px solid #f5efce;
    padding: 17% 5px 13px 5px;
    text-align: center;
  }
    #headline.navi {
    left: -57%;
      height: 53%;
    width: 98%;
    top: 46%;
  }
}

@media screen and (max-width:420px) {
     #navyoben.navi .oben a.telinfo {
    width: 47%;
    padding: 5px 22px;
    font: 100%sans-serif;
    top: -2%;
    left: -7%;
  }
    #main.navi {
    width: 100%;
    margin-bottom: 10px;
    height: 2441px;
    margin-top: -71%;
    left: 47%;
  }
     #headline.navi {
    display: inline-block;
    top: 54%;
    left: -49%;
    width: 123%;
    position: relative;
    font-size: 90%;
  }
    #navyoben.navi ul.oben {
    width: 96%;
    overflow: hidden;
    left: 9%;
    margin: 6%;
  }
    header.navi {
    height: 14%;
    left: 0%;
    top: -11%;
    width: 99%;
  }
  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;
  }

    #navyoben.navi {
    display: inline-block;
    position: relative;
    margin: -43px 1% 12px -6%;
    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) {

   #navyoben.navi {
    display: inline-block;
    position: relative;
    margin: 8px 1% 12px 50%;
    top: 15%;
    width: 96%;
  }
    #navyquer.nurmenue ul.top {
    width: 90%;
    left: 7%;
  }
  #viererbild.kontakt {
    position: absolute;
    width: 105%;
    height: auto;
    top:  15%;
    left: -6%;
  }
  #navyquer.nurmenue ul.top > li.teil{
    top:-1170%;
  }
  #navyquer.nurmenue ul.top > li.spez{
    left: 5%;
    width: 89%;
    top: -116%;
  }
  #copy.raumnav{
   margin: 300% 23% 2% -5%; 
   width: 80%;
  }
  #headline.navi{
    left:-81%;
  }
  #main.navi{
    left: 48%;
  }
   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.navi .oben a {
    padding: 7px 18px;
    font: 77% sans-serif;
    left: -11%;
    position: relative;
    width: auto;
  }
  h1.allg{
    font-size: 174%;
  }
    #navyoben.navi ul.oben {
    width: 96%;
    left: -15%;
  }
    #marmalink {
    display: inline-block;
    position: relative;
    left: -23%;
    margin-top: 31%;
  }

   #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: 210% 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:-5% 25%;
    height:auto;
    width:72%;
    top: auto;
  }
  #spruchstart.allg {
    padding: 4% 12% 23% 8%;
    left: 6%;
    top: 9%;
    height: 82%;
    margin-top: auto;
    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%;
  }
   #navyoben.navi .oben a.telinfo {
    width: 52%;
    padding: 5px 18px;
    font: 90%sans-serif;
    top: -2%;
    left: -14%;
    height: 20px;
  }
}
@media screen and (max-width: 390px) {
  #main.navi {
    left: 50%;
  }
    #navyoben.navi .oben a.telinfo {
    width: 52%;
    padding: 5px 18px;
    font: 90%sans-serif;
    top: -2%;
    left: -23%;
  }
    #navyoben.navi {
    display: inline-block;
    position: relative;
    margin: 16px 1% 12px 28%;
    width: 103%;
  }
 
    #navyoben.navi .oben a.telinfo {
    width: 47%;
    padding: 5px 18px;
    font: 90%sans-serif;
    top: -2%;
    left: -23%;
  }
  #medien.navform{
    margin: 210% auto;
  }
  #copy.raumnav{
    width: 70%;
    
    margin: 241% 23% 2% 1%;
  }
  #navyoben.navi ul.oben li.ruf{
    left:-2%;
  }
   #navyoben.navi ul.oben {
    width: 88%;
    left: -7%;
  }
   #headline.navi {
    left: -71%;
  }
}
@media screen and (max-width:365px) {

  #viererbild.kontakt {
    display: inline-block;
    position: absolute;
    width: 105%;
    height: auto;
    top:  15%;
    left: -6%;
  }
    #main.navi {
    left: 53%;
  }
    #copy.raumnav {
    width: 70%;
    margin: 321% 23% 2% 1%;
  }
    #navyquer.nurmenue ul.top > li.spez {
    left: 10%;
    width: 92%;
    top: -66%;
  }
    #navyquer.nurmenue .top > li.mobil {
    top: -2648%;
    left: -5%;
  }
  h1.navi{
    width: 300px;
    left:-27%;
    font-size: 245%;
    top: 99%;
  }
    #navyquer.nurmenue ul.top {
    width: 56%;
    left: 4%;
  }
    #navyoben.navi ul.oben {
    width: 92%;
    left: -8%;
  }
}