* { padding: 0; } body { font: 104% serif; background-color:#d8f9d3; background-image: url(hintergrund_site_ganzneu.png); background-repeat: no-repeat; padding:5px; height: auto; width: 98%; left: 2px; position: relative; top: 1px; margin:0 auto; } table.buch{ display: inline-block; position: relative; width: 366px; height: 235px; padding: 37px; margin: 6% 10% 3% 1%; } tr.termin{ display: table-cell; width: 261px; height: 73px; left: 0%; position: relative; } a.tel:link { color: white; display: block; position: relative; top: 14px; left: -54px; } img { max-width: 101%; } header, #main, nav, footer, hgroup, details { display: block; position: relative; top:1%; left:2px; } header{ width: 100%; background: url(gruenskal.png) no-repeat; background-attachment: absolute; margin-bottom: 10px; } @media screen and (max-width:2560px){ #termine.weitere{ display: inline-block; position: relative; top:auto; left:auto; margin: -6% 2%; } #table3.buch{ display: inline-block; position: relative; width: 500px; height: 300px; left: 4%; } td.buch { display: block; margin-top: -68px; width: 290px; height: 89px; top: 26px; position: relative; } td.buchab { display: block; margin-top: -68px; width: 290px; height: 80px; top: 89px; position: relative; } input.buchabbrech { height: 34px; border-radius:5px; padding:4px 4px 0; margin-left: 8px; margin-top: 18px; width: 276px; } #sprung.onlin { background:linear-gradient(to right, #ef7fe8 0%,#e93cec99 99%); height: 35px; padding-top: 8px; border-radius:10px; width: 117px; margin: 30% 0% 1% -8%; padding-left: 37px; position: fixed; top: -26%; display: inline-block; right: 30%; } input.buch { height: 34px; border-radius:5px; padding:11px 4px 0; margin-left: -1px; margin-top: 18px; width: 307px; } table.buchen{ display: table-cell; position: relative; width: 89%; top: 2%; } a.kontermin{ display: table-cell; position: relative; height: 30px; } #sidebar.onlin{ display: inline-block; position: relative; top: -78%; left:16%; width: 98%; } #auswahl.betreff { display: flex; font: 94% sans-serif; width: 48%; text-shadow: none; position: relative; left:8%; top: 16%; margin: 5% 2% 2% -13%; } #weitere.anfr{ display: flex; position: relative; width: 1200px; font:116%/1.4 sans-serif; top:229%; left:-43%; height: 202%; margin: 0% 1%; padding: 2%; } select.anrede { border-radius: 5px; height: 44px; margin-left: 1px; margin-top: 1px; width: 235px; } #auswahl.massage { display: flex; width: 214%; font: 82% sans-serif; text-shadow: none; top: 68%; margin: 24% 1% 1% -44%; height: 65px; } select.massage { padding-left: 11px; border-radius: 5px; background: white; position: relative; top: 14px; height: 50px; width: 400px; text-align: center; font: 80% sans-serif; margin: 2% 5% 8% 1%; } label { display: block; font: 90%/1.2 sans-serif; margin-bottom: -9px; position: relative; top: 1px; height: 33px; width: 134px; } label.auswahl { display: block; font: 150%/1.2 sans-serif; margin-bottom: -9px; position: relative; top: 10px; height: 40px; width: 134px; } label.email{ font-size: 70%; width: 172px; top:20px; } label.tel{ font-size: 70%; width: 172px; top:20px; left:-32px } #buchen.termin{ position: relative; display: inline-block; top:2%; width: 55%; left: -9%; margin: 3% 5% 6% -44%; height: 29%; padding: 5%; } #table2{ display: flex; height: 42%; position: relative; top:11%; margin: 1% 2% 1% 9%; width: 28%; } #form.termine{ display:flex; margin:0 auto; height: auto; width: 53%; top: 4%; position: relative; left: -14%; } label.anrede { display: block; font: 70%/1.2 sans-serif; margin-bottom: -9px; position: relative; top: 28px; height: 33px; width: 234px; left: -75px; margin: 2%; } #navyquer.onlin a{ position: fixed; top: -18%; width: 90%; margin-top: 20px; left: 6%; display: block; margin: 0 auto; color:darkblue; } #navyquer .sub a:hover { position: relative; padding: 9px 21px; height: auto; top: 4px; left: -16px; width: 144px; margin-top: -9px; color: aliceblue; } #wechselbild7{ display:none; } #sprung { background: linear-gradient(to right, #ef7fe8 0%,#e93cec99 99%); color: aqua; height: 35px; padding-top: 8px; border-radius: 10px; width: 117px; margin-top: 28%; padding-left: 37px; margin-right: 0%; position: fixed; top: -109px; display:none; float: right; right: 18%; } input.buchen{ height: 61px; width:280px; background-color: #891767; color:aliceblue; font-size: 90%; border-radius: 10px; margin: 8% 1% 10% 2%; } #termine.bestät{ display: inline-block; position: relative; top:-14%; margin:2% 2% 1% -12%; left: 8%; width: 80%; font: 103%/1.4 sans-serif; } select.buch{ height: 50px; width:600px; text-align:center; font:80% sans-serif; margin:1% 5% 8% 8%; } select.termin{ height: 30px; width:400px; padding:2% 2% 6% 2%; text-align:center; font:113% sans-serif; margin:2% 5% 10% 1%; } #termine.online{ display: flex; position: relative; width: 67%; height: 48px; margin: 0 auto; left: -17%; justify-content: center; align-items: center; } label.auswahl{ display: inline-block; font: 86%/1.2 sans-serif; margin:2px 4%; position: relative; height: 64px; top: 36%; width: 8px; } label.massage{ display: flex; font: 130%/1.2 sans-serif; margin:14% 4%; position: relative; height: 28px; top: 28%; width: 1048px; left: 29%; font-weight: bold; } #termin-datum{ display: flex; position: relative; margin:5% 25%; list-style-type: none; } #navyquer li ul.sub li { top: auto; left: auto; width: auto; } #navyquer .unter > li { position: relative; top: auto; left: auto; padding: 5px 20px 5px 17px; margin-top: -12px; margin-left: -4px; margin-bottom: 7px; width: 139px; opacity: 1.0; margin-right: -2px; height: 60px; background: linear-gradient(to right, #d77dd2 65%,#6D2C72 99%); } #navyquer .sub a { position: relative; padding: 12px 18px; height: auto; top: 4px; left: -16px; width: 137px; margin-top: -9px; } ul.termin li.box-term{ width: 379px; background-color:aliceblue; border:2px; margin: 10px; padding: 10px; border-style: solid; text-align: center; } #wechselbild1.onlin{ position: relative; width: 90%; display: block; } td { display: block; margin-top: -68px; width: 223px; height: 140px; top: 23px; position: relative; } td.termonline{ display: table-cell; background: linear-gradient(to right, #ef7fe8 0%,#e93cec99 99%); height: 60px; border-radius: 15px; border: 1px outset; width: 250px; } td.hoerer{ display: none; height: 20px; border: 1px outset; } td.kontakte{ display: table-cell; background: lightgreen; height: 60px; border-radius: 15px; border: 1px outset; } td.zwischenoder{ display: none; } #wechselbild2.onlin{ display:block; width: 83%; left: 50px; position: relative; } #nav.onlin{ position: absolute; width:1500px; top:auto; left: 20px; } #headline.onlin{ top: auto; width: 90%; top:0%; position: relative; height: 150px; } #main.onlin { width: 100%; float: left; background-color: #c3c6f900; margin-top: 12%; margin-bottom: 10px; height: 1499px; top: 2%; position: relative; background: #add8e600; margin: 0 auto; } a.allg{ display: block; position: absolute; width: 150px; color: white; left: 27%; font-size: 125%; margin: 0 auto; top: 25%; } th.ruecklink{ display: table-cell; height: auto; font:180% sans-serif; width: auto; padding:5px 20px; } table.medien{ display: table-cell; width:100%; padding-left: 31px; height: auto; text-align: center; } td.zwischen{ display: table-cell; height:20px; } td.termonline{ display: table-cell; background: linear-gradient(to right, #ef7fe8 0%,#e93cec99 99%); height: 60px; border-radius: 15px; width: 300px; } td.hoerer{ display: none; height: 20px; } td.kontakte{ display: table-cell; background: lightgreen; height: 60px; border-radius: 15px; border: 1px outset gray; width: 259px; } #medien.buchen{ position: relative; display: flex; width:49%; top:4%; left: 75%; height:40%; margin: 0 auto; } #medien.onlin{ position: relative; display: flex; width:83%; top:45px; height:99px; margin: 0 auto; } table.nebenlink{ display: table-cell; padding:30px 150px; } #wechselbild2.navi { position: absolute; left: 1%; top: -8px; width: 99%; } #main.onlin { left: 5%; position: relative; margin-top: 4%; float: left; margin-bottom: 4%; width: 50%; height: 1300px; top: -8%; display: block; width: 76%; } #copy.raumnav { color: rgb(0, 0, 128); font: 101% serif; height: auto; margin-bottom: 1px; margin-left: 52%; margin-top: -4%; padding: 23px; position: relative; width:19%; } #spiegelranke{ display: block; position: absolute; left:53%; top:6%; width: 21%; } #wrapper { background-image: url(hintergrund_site_neu.png); width: 100%; height: auto; } #wrapper.spez { font: 104% serif; background-color:#d8f9d3; background-image: url(hintergrund_site_ganzneu.png); background-repeat: no-repeat; padding:5px; margin:0 auto; height: 2300px; width: 98%; left: 2px; position: absolute; top: 2px; } #navyquer a { display: block; text-decoration: none; list-style: none; padding-top: 15px; padding-bottom: 11px; border-radius: 10px; border: 1px outset; max-width: 208px; margin: 1px; margin-left: 1px; color: #352c66; font-size: 86%; width: 99%; margin-left: -3px; } #wasser.onlin { color: #5a0e5a; font-size: 159%; width: 72%; padding-top: 93%; top: -385px; text-shadow: -2px 2px 2px aliceblue; } #telklick, #tel_hoer{ display: none; } h1.start { font-size: 118%; color: #f9c3e6; font-weight: bold; font-style: italic; text-align: center; margin: 0 auto; position: relative; top: 10%; float: right; left: 2px; height: auto; width: auto; } #wrapper.onlin { width: 99%; background-color: #caf9c3; padding: 1%; margin: 0 auto; display: block; position: relative; height: 1261px; top: -190px; } #tel_hoer{ display: none; position: relative; top:6px; left:21px; width:68%; } #telklick{ display: none; } #kontakte{ width: 55%; height: 68%; padding-top: 100px; padding-left: 25px; top: 22px; left: 1%; padding-bottom: 70px; font-family: serif; font-size: 114%; margin-top: 10px; margin-bottom: 20px; } #wechselbild3.allg { left: 22px; position: relative; top: 1px; } #terminspez.allg{ position: relative; top:-40%; margin-top:1037px; background-color:#bb00ff8c; text-align: center; border-radius:8px; border-style:outset; opacity: 1.0; width: 61%; left: 3%; margin-left: -3%; } #copy.agb { top: 800px; display:inherit; position: relative; top:auto; margin-top:320px; } ul.start{ position: relative; margin-top:50px; display: inline; } h1.agb { top: -15%; float: left; position: relative; font-family: serif; font-size: 309%; padding-left: 1%; text-shadow: -2px 2px 2px #33322f; color: #811d86; left: 90px; width: 200px; height: auto; } #headline.agb{ display: block; position: relative; top:10px; height: 200px; width: 90%; left:1%; } #main.onlin{ left: 5%; position: absolute; margin-top: 2%; float: left; margin-bottom: 4%; width: 50%; height: 1300px; top: 26%; width: 85%; } #main.allg{ left: 5%; position: relative; margin-top: 4%; float: left; margin-bottom: 4%; width: 50%; height: 1300px; top: -8%; display: block; width: 76%; } #navyquer.onlin{ position: fixed; top:-28%; width:90%; margin-top:20px; left: 5%; display: none; margin: 0 auto; } #starttableindex.onlin { display: block; position: relative; top:16%; height: auto; width: 73%; margin-top:50px; padding: 125px 50px 61% 2%; font-size: 96%; } #nav.agb{ display: block; position: relative; top:-537px; margin-top:11px; height: 50px; width: 1200px; margin-top: -705px; left: -200px; } #willk{ position: relative; display:inline; top:-11px; left:200px; } #starthome.onlin { font: 120% serif; } #copy.raumstart { background-image: url("gruenskal.png"); border-color: rgb(0, 128, 0); border-radius: 15px; border-style: outset; color: rgb(50, 74, 20); font: 80% serif; height: auto; margin-bottom: 1px; opacity: 0.9; padding: 1%; padding-top: 1%; text-align: center; text-decoration: none; list-style-type: none; position: absolute; padding-top: 20px; left: 38%; display: inherit; top:auto; width: 30%; margin-top: -119px; background: #b3e38bde; } a:link{ color:navy; display: block; } a.tel:link{ color:white; display: block; position: relative; top:-2px; left:-54px; } a.termonl{ display: inline-block; position: relative; top:-1px; margin:-29px auto; height: 50px; } #navyquer.rueallg { width: 99%; position: relative; display: block; top: -1016%; left: -155px; background: lightblue; } #wechselbild1.allg { float: right; left: 14%; position: relative; margin-top: -166%; width: 126%; top: 16px; } a.bild { color:wheat; text-decoration: none; text-shadow: -1px 3px 3px #8f7a53; top: -38%; } #abhylink{ position: relative; left:0%; } #klasslink{ position: relative; top:7px; width: 350px; margin: 0 auto; } #ruecklink { position: relative; left: -91px; top: 0px; display: inline-block; width: 46px; } #fusslink { position: relative; left: 453px; top: -28px; display: block; width: 108px; margin-left: 36px; } #kontaktlink { position: absolute; left: 27%; top: 116%; } #bild3.allg{ position: relative; width: 51%; top:23px; margin-top:20px; margin-bottom:50px; margin-left: 22%; border-style: outset; padding: 7px; color: white; } #bild.garschan{ position: relative; display: block; top:-270px; font-size: 158%; left:-4px; margin: 0 auto; font-family: serif; } #bild.marma{ position: relative; display: block; top:-2%; font-size: 158%; left:-25px; } #fruehangeb{ position: absolute; color:wheat; font-size: 130%; display: block; background: #00f0; left: 57%; font-family: serif; width: 100px; text-align: center; background: #80808000; margin-top: auto; top: 10%; } #headline.spez{ position: relative; top:-62%; height: 190px; width: 78%; } #bild.allg{ display: block; position: relative; width:19%; top:-200%; margin-top:156px; margin-bottom:20px; border-style: outset; border-color: #183509; background: #d8f9d3; left: 63%; border-radius: 15px; padding: 4px; height: auto; } #starthome.onlin { display: block; position: relative; width:87%; margin-top:-37px; margin-bottom:20px; border-color: #183509; background: #ddefde00; left: 9%; height: auto; font: 159% serif; font-family: verdana; letter-spacing: 0px; } #wechselbild2.fuss { position: relative; left: 15px; top: -7%; width: 101%; display: none; } ul.rueklass{ position: relative; text-align: left; margin-left:25%; margin-top:20px; font-style: inherit; font-size: 97%; } #sprung.spez{ display: none; } #sidebar.spez{ top:21%; position: absolute; margin-left: 2%; width: 67%; float: left; margin-top: 10px; height: auto; } #wechselbild1.allg { float: right; left: 2%; position: relative; top: 255%; margin-top: -10%; width: 103%; } #wechselbild10.allg { float: right; left: 1%; position: absolute; top: 49%; margin-top: -72%; width: 100%; } #starttableklass.spez { width: 58%; padding-top: 59px; padding-left: 60px; top: 0%; left: -3%; padding-bottom: 40px; font-family: serif; font-size: 114%; margin-top: 30px; padding-right: 19px; display: inherit; height: auto; } h1.allg { top: -60%; left: -3%; font-size: 298%; margin: 0 auto; width: 814px; } h1.navi { text-shadow: 3px 3px 3px #fff; font-family: serif; font-size: 200%; color: #261f7b; top: auto; left: -11%; width: 82%; margin-top: -125px; font-size: 349%; position: relative; } #navyquer.nurmenue { width: 39%; position: relative; display: block; top: -66%; margin-top: 23%; margin-left: -2%; position: relative; } #navyquer ul.top { display: block; border-radius: 10px; color: #fff; width: 107%; clear: both; left: -99%; float: left; background: #add8e600; margin-left: 29%; top: -18px; position: relative; } #spruchstart.onlin{ display: block; position: absolute; width:18%; height: 400px; left: 12%; top: 9%; margin-top: -34%; border: 1px outset #352c66; } #termin.mobil { width: 296px; margin-top: 21%; padding-left: 37px; margin-right: 2%; position: relative; top: -303px; display: inherit; float: left; left: 4%; text-align: center; background: #93958cd9; height: 47px; border-radius: 16px; padding-top: 11px; font-size: 114%; border: #909690; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-style: outset; font-family: navi; color: #1c216e; } #wechselbild2.mob { position: relative; top: -275px; left: 100px; width:87%; } #spruchallg { height: 297px; margin-left: 750px; margin-top: -338px; left: 89px; top: auto; width: 375px; position: relative; } #copy.moballg { top: 1019px; left: -31px; width: 90%; height: 75px; display: block; } #startmobil{ position: relative; width:95%; top:auto; margin-top:20px; left:20px; } #startfuss.mob { width: 94%; font: 115%/1.2 serif; top: 10px; position: relative; } #rankefuss.mobil { display: inline; position: absolute; top: 18%; left: 71%; } #navyquer.allmob { width: 99%; position: relative; display: block; float: left; left: -3%; top: -96px; position: relative; } #herz { display: inline; font: 187% italic serif; height: 20px; text-shadow: -2px 2px 2px; position: relative; left: 270px; float: left; top: auto; margin-top: 214px; } #rankefuss { display: inline; position: absolute; top: 36%; left: 58%; } #dreieck { position: relative; left: 58px; } header.onlin { height: 443px; width: 99%; position: relative; display: block; margin-bottom: 20px; top: -1%; margin-top: 7px; margin: 0 auto; } #nav.allg { float: left; width: 1000px; margin-top: 10%; margin-bottom: 10px; position: relative; font-size: 110%; margin: 0 auto; margin-top: 0px; margin-right: auto; margin-top: 0px; margin-right: auto; margin-right: auto; margin-top: -484px; left: 6%; height: 48px; background-color: #80e7854d; } #navyquer a{ color:darkblue; } #navyquer .top > li { float: left; background-color: rgba(231, 135, 232, 0.91); box-shadow: -0px 5px 5px #008000b3; position: relative; padding: 7px 20px; top: 473px; margin: 0 auto; width: 161px; height: 54px; border-radius: 8px; font-family: serif; font-size: 26px; text-align: center; list-style-type: none; border: #00f0; left: 70%; } #wechselbild2.advent{ position: relative; left:-21px; width: 90%; margin: 1% auto; height: auto; margin-top: 10px; } #dreieck { position: relative; left: 15%; } #dreieck.navi { position: relative; left: 17%; top: 69%; margin-left: 20px; max-width: 14%; } #dreieck.spez { text-shadow: 3px 3px 3px #fff; padding-left: 18%; position: relative; font-size: 200%; color: #261f7b; top: 20%; font-style:italic; left: 2%; width: 528px; margin-top: 185px; font-size: 166%; } h1.onlin { text-shadow: 1px 1px 1px #fff; padding-left: 18%; position: relative; font-family: serif; color: #761d08; top: 1%; font-style: oblique; left: -9%; width: 55%; margin-top: -121px; font-size: 320%; font-weight: normal; text-shadow: 3px -1px 1px aliceblue; letter-spacing: -2px; height: auto; } #starttableindex.allg{ left: -9%; position: relative; margin-top: 6%; float: left; margin-bottom: 4%; width: 59%; height: auto; top: -15%; text-align: center; border: outset grey; border-radius: 15px; background-color: #daf0e4; font-family: serif; font-size: 120%; color: #551a8b; } #starttablemobil { border: outset; border-radius: 15px; padding: 20px; font-family: serif, navy; width: 79%; text-align: center; color: navy; background-color: #cfe6e6de; border-color: #b3afaf; margin-left: -40px; margin-top: -118px; height: auto; top: 141px; position: relative; left: 151px; font-size: 125%; } #wechselbild1.mass{ position: relative; left:-52px; top: -385px; } #dreieck.allg { position: relative; top: -45%; left: 10%; margin-top: 14%; display: inherit; } #sidebar.allg { width: 18%; height: 240px; float: right; position: relative; padding: 20px; border-style: outset; border-radius: 20px; border-color: #B6FFA2; background-color: #DDEFDE; margin-bottom: 2px; top: 134%; right: 18%; margin-top: 5%; } #sidebar.allg{ display:none; } #gutschein.mobile{ position:relative; float:right; margin-top:0px; margin-bottom: 10px; left: 293px; top: 213px; } #copy.allg { top: auto; width: 774px; left: -150px; height: 80px; margin-top: auto; } #navyquer.allg { margin-top: 52px; top: 121px; left: 20%; width: 76%; display: none; } #footer.allg{ position: relative; top:86%; margin-top: 20%; height: 255px; width: 48%; margin-top:23px; left:5%; background: #b8cbdb91; } #sprung.spez { width: 68%; left: -22%; position: relative; margin-left: -4px; margin-top: -20%; text-align: center; display: block; margin-left: 30px; top: 2%; margin-bottom: 20px; } #footer.onlin{ display: block; position: relative; top:256%; width: 73%; margin: 11% 2%; } #copy.onlin { width: 1000px; height: auto; display: block; top: auto; margin: 28% auto; } #navyquer ul.top a{ height: 20px; width: 100%; padding: 7px 15px 10px 1px; color: darkblue; border: 1px solid; } ul.broken{ display: inline-block; text-decoration: none; margin: 0 auto; } } @media screen and (max-width:2000px) { #wechselbild7{ display:none; } #starttableindex.onlin { display: block; position: relative; top: 3%; height: auto; width: 73%; margin-top: 50px; padding: 125px 50px 61% 2%; font-size: 96%; } #sprung { background: linear-gradient(to right, #ef7fe8 0%,#e93cec99 99%); color: aqua; height: 35px; padding-top: 8px; border-radius: 10px; width: 117px; margin-top: 28%; padding-left: 37px; margin-right: 0%; position: fixed; top: -109px; display:none; float: right; right: 18%; } #wechselbild1.onlin{ position: relative; width: 90%; display: block; } td { display: block; margin-top: -68px; width: 223px; height: 140px; top: 23px; position: relative; } td.termonline{ display: table-cell; background: linear-gradient(to right, #ef7fe8 0%,#e93cec99 99%); height: 60px; border-radius: 15px; border: 1px outset; width: 250px; } td.hoerer{ display: none; height: 20px; border: 1px outset; } td.zwischenoder{ display: none; } #wechselbild2.onlin{ display:block; width: 83%; left: 50px; position: relative; } #nav.onlin{ position: absolute; width:1500px; top:auto; left: 20px; } #headline.onlin{ top: auto; width: 70%; top:9%; position: relative; height: 150px; } #main.onlin { width: 100%; float: left; background-color: #c3c6f900; margin-top: 12%; margin-bottom: 10px; height: 1499px; top: 2%; position: relative; background: #add8e600; margin: 0 auto; } a.allg{ display: block; position: absolute; width: 150px; color: white; left: 27%; font-size: 125%; margin: 0 auto; top: 25%; } th.ruecklink{ display: table-cell; height: auto; font:180% sans-serif; width: auto; padding:5px 20px; } table.medien{ display: table-cell; width:100%; padding-left: 31px; height: auto; text-align: center; } td.zwischen{ display: table-cell; height:20px; } td.termonline{ display: table-cell; background: linear-gradient(to right, #ef7fe8 0%,#e93cec99 99%); height: 60px; border-radius: 15px; width: 300px; } td.hoerer{ display: none; height: 20px; } td.kontakte{ display: table-cell; background: lightgreen; height: 60px; border-radius: 15px; border: 1px outset gray; } #medien.onlin{ width:100%; top:45px; height:99px; margin: 0 auto; left: 27%; } table.nebenlink{ display: table-cell; padding:30px 150px; } #wechselbild2.navi { position: absolute; left: 1%; top: -8px; width: 99%; } #main.onlin { left: 5%; position: relative; margin-top: 4%; float: left; margin-bottom: 4%; width: 50%; height: 1300px; top: -8%; display: block; width: 76%; } #copy.raumnav { color: rgb(0, 0, 128); font: 101% serif; height: auto; margin-bottom: 1px; margin-left: 52%; margin-top: -4%; padding: 23px; position: relative; width:19%; } #spiegelranke{ display: block; position: absolute; left:53%; top:6%; width: 21%; } #wrapper { background-image: url(hintergrund_site_neu.png); width: 100%; height: auto; } #wrapper.onlin { background-image: url(hintergrund_site_neu.png); width: 100%; height: auto; top: 2px; position: absolute; margin: 0px; display: block; } #wrapper.spez { font: 104% serif; background-color:#d8f9d3; background-image: url(hintergrund_site_ganzneu.png); background-repeat: no-repeat; padding:5px; margin:0 auto; height: 2300px; width: 98%; left: 2px; position: absolute; top: 2px; } #navyquer a { display: block; text-decoration: none; list-style: none; padding-top: 15px; padding-bottom: 11px; border-radius: 10px; border: 1px outset; max-width: 208px; margin-left: 1px; color: #352c66; font-size: 86%; width: 99%; margin: 3px -1px -2px -14px; } #wasser.onlin { color: #5a0e5a; font-size: 159%; width: 72%; padding-top: 93%; top: -385px; text-shadow: -2px 2px 2px aliceblue; } #telklick, #tel_hoer{ display: none; } h1.start { font-size: 118%; color: #f9c3e6; font-weight: bold; font-style: italic; text-align: center; margin: 0 auto; position: relative; top: 10%; float: right; left: 2px; height: auto; width: auto; } #wrapper.onlin { width: 99%; background-color: #caf9c3; padding: 1%; margin: 0 auto; display: block; position: relative; height: 1261px; top: -190px; } #tel_hoer{ display: none; position: relative; top:6px; left:21px; width:68%; } #telklick{ display: none; } #kontakte{ width: 55%; height: 68%; padding-top: 100px; padding-left: 25px; top: 22px; left: 1%; padding-bottom: 70px; font-family: serif; font-size: 114%; margin-top: 10px; margin-bottom: 20px; } #wechselbild3.allg { left: 22px; position: relative; top: 1px; } #terminspez.allg{ position: relative; top:-40%; margin-top:1037px; background-color:#bb00ff8c; text-align: center; border-radius:8px; border-style:outset; opacity: 1.0; width: 61%; left: 3%; margin-left: -3%; } #copy.agb { top: 800px; display:inherit; position: relative; top:auto; margin-top:320px; } ul.start{ position: relative; margin-top:50px; display: inline; } h1.agb { top: -15%; float: left; position: relative; font-family: serif; font-size: 309%; padding-left: 1%; text-shadow: -2px 2px 2px #33322f; color: #811d86; left: 90px; width: 200px; height: auto; } #headline.agb{ display: block; position: relative; top:10px; height: 200px; width: 90%; left:1%; } #main.onlin{ left: 5%; position: absolute; margin-top: 2%; float: left; margin-bottom: 4%; width: 50%; height: 1300px; top: 39%; width: 85%; } #main.allg{ left: 5%; position: relative; margin-top: 4%; float: left; margin-bottom: 4%; width: 50%; height: 1300px; top: -8%; display: block; width: 76%; } #navyquer.onlin{ position: fixed; top:-18%; width:90%; margin-top:20px; left: 6%; margin: 0 auto; } #nav.agb{ display: block; position: relative; top:-537px; margin-top:11px; height: 50px; width: 1200px; margin-top: -705px; left: -200px; } #willk{ position: relative; display:inline; top:-11px; left:200px; } #starthome.onlin { font: 120% serif; } #copy.raumstart { background-image: url("gruenskal.png"); border-color: rgb(0, 128, 0); border-radius: 15px; border-style: outset; color: rgb(50, 74, 20); font: 80% serif; height: auto; margin-bottom: 1px; opacity: 0.9; padding: 1%; padding-top: 1%; text-align: center; text-decoration: none; list-style-type: none; position: absolute; padding-top: 20px; left: 38%; display: inherit; top:auto; width: 30%; margin-top: -119px; background: #b3e38bde; } a:link{ color:navy; display: block; } a.tel:link{ color:white; display: block; position: relative; top:-2px; left:-54px; } a.termonl{ display: inline; position: relative; top:-10px; margin:0 auto; } #navyquer.rueallg { width: 99%; position: relative; display: block; top: -1016%; left: -155px; background: lightblue; } #wechselbild1.allg { float: right; left: 14%; position: relative; margin-top: -166%; width: 126%; top: 16px; } a.bild { color:wheat; text-decoration: none; text-shadow: -1px 3px 3px #8f7a53; top: -38%; } #abhylink{ position: relative; left:0%; } #klasslink{ position: relative; top:7px; width: 350px; margin: 0 auto; } #ruecklink { position: relative; left: -91px; top: 0px; display: inline-block; width: 46px; } #fusslink { position: relative; left: 453px; top: -28px; display: block; width: 108px; margin-left: 36px; } #kontaktlink { position: absolute; left: 27%; top: 116%; } #bild3.allg{ position: relative; width: 51%; top:23px; margin-top:20px; margin-bottom:50px; margin-left: 22%; border-style: outset; padding: 7px; color: white; } #bild.garschan{ position: relative; display: block; top:-270px; font-size: 158%; left:-4px; margin: 0 auto; font-family: serif; } #bild.marma{ position: relative; display: block; top:-2%; font-size: 158%; left:-25px; } #fruehangeb{ position: absolute; color:wheat; font-size: 130%; display: block; background: #00f0; left: 57%; font-family: serif; width: 100px; text-align: center; background: #80808000; margin-top: auto; top: 10%; } #headline.spez{ position: relative; top:-62%; height: 190px; width: 78%; } #bild.allg{ display: block; position: relative; width:19%; top:-200%; margin-top:156px; margin-bottom:20px; border-style: outset; border-color: #183509; background: #d8f9d3; left: 63%; border-radius: 15px; padding: 4px; height: auto; } #starthome.onlin { display: block; position: relative; width:87%; margin-top:-37px; margin-bottom:20px; border-color: #183509; background: #ddefde00; left: 9%; height: auto; font: 159% serif; } #wechselbild2.fuss { position: relative; left: 15px; top: -7%; width: 101%; display: none; } ul.rueklass{ position: relative; text-align: left; margin-left:25%; margin-top:20px; font-style: inherit; font-size: 97%; } #sprung.spez{ display: none; } #sidebar.spez{ top:21%; position: absolute; margin-left: 2%; width: 67%; float: left; margin-top: 10px; height: auto; } #wechselbild1.allg { float: right; left: 2%; position: relative; top: 255%; margin-top: -10%; width: 103%; } #wechselbild10.allg { float: right; left: 1%; position: absolute; top: 49%; margin-top: -72%; width: 100%; } #starttableklass.spez { width: 58%; padding-top: 59px; padding-left: 60px; top: 0%; left: -3%; padding-bottom: 40px; font-family: serif; font-size: 114%; margin-top: 30px; padding-right: 19px; display: inherit; height: auto; } h1.allg { top: -60%; left: -3%; font-size: 298%; margin: 0 auto; width: 814px; } h1.navi { text-shadow: 3px 3px 3px #fff; font-family: serif; font-size: 200%; color: #261f7b; top: auto; left: -11%; width: 82%; margin-top: -125px; font-size: 349%; position: relative; } #navyquer.nurmenue { width: 39%; position: relative; display: block; top: -66%; margin-top: 23%; margin-left: -2%; position: relative; } #navyquer ul.top { display: block; border-radius: 10px; width: 107%; clear: both; left: -99%; float: left; background: #add8e600; margin-left: 29%; top: -18px; position: relative; } #spruchstart.onlin{ display: block; position: absolute; width:18%; height: 400px; left: 12%; top: 15%; margin-top: 0%; border: 1px outset #352c66; } #termin.mobil { width: 296px; margin-top: 21%; padding-left: 37px; margin-right: 2%; position: relative; top: -303px; display: inherit; float: left; left: 4%; text-align: center; background: #93958cd9; height: 47px; border-radius: 16px; padding-top: 11px; font-size: 114%; border: #909690; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-style: outset; font-family: navi; color: #1c216e; } #wechselbild2.mob { position: relative; top: -275px; left: 100px; width:87%; } #spruchallg { height: 297px; margin-left: 750px; margin-top: -338px; left: 89px; top: auto; width: 375px; position: relative; } #copy.moballg { top: 1019px; left: -31px; width: 90%; height: 75px; display: block; } #startmobil{ position: relative; width:95%; top:auto; margin-top:20px; left:20px; } #startfuss.mob { width: 94%; font: 115%/1.2 serif; top: 10px; position: relative; } #rankefuss.mobil { display: inline; position: absolute; top: 18%; left: 71%; } #navyquer.allmob { width: 99%; position: relative; display: block; float: left; left: -3%; top: -96px; position: relative; } #herz { display: inline; font: 187% italic serif; height: 20px; text-shadow: -2px 2px 2px; position: relative; left: 270px; float: left; top: auto; margin-top: 214px; } #rankefuss { display: inline; position: absolute; top: 36%; left: 58%; } #dreieck { position: relative; left: 58px; } header.onlin { height: 44%; width: 99%; position: relative; display: block; margin-bottom: 20px; top: -1%; margin-top: 7px; margin: 0 auto; } #nav.allg { float: left; width: 1000px; margin-top: 10%; margin-bottom: 10px; position: relative; font-size: 110%; margin: 0 auto; margin-top: 0px; margin-right: auto; margin-top: 0px; margin-right: auto; margin-right: auto; margin-top: -484px; left: 6%; height: 48px; background-color: #80e7854d; } #navyquer .top > li { float: left; background-color: rgba(231, 135, 232, 0.91); box-shadow: -0px 5px 5px #008000b3; position: relative; top: 473px; margin: 0 auto; width: 174px; height: 35px; border-radius: 8px; font-family: serif; font-size: 26px; text-align: center; list-style-type: none; left: 70%; } #wechselbild2.advent{ position: relative; left:-21px; width: 90%; margin: 1% auto; height: auto; margin-top: 10px; } #dreieck { position: relative; left: 8%; } #dreieck.navi { position: relative; left: 17%; top: 69%; margin-left: 20px; max-width: 14%; } #dreieck.spez { text-shadow: 3px 3px 3px #fff; padding-left: 18%; position: relative; font-size: 200%; color: #261f7b; top: 20%; font-style: italic; left: 2%; width: 528px; margin-top: 185px; font-size: 166%; } h1 { text-shadow: 1px 1px 1px #fff; padding-left: 18%; position: relative; font-family: serif; color: #261f7b; top: 11%; font-style: italic; left: -12%; width: 528px; margin-top: -121px; font-size: 320%; } #starttableindex.allg{ left: -9%; position: relative; margin-top: 6%; float: left; margin-bottom: 4%; width: 59%; height: auto; top: -15%; text-align: center; border: outset grey; border-radius: 15px; background-color: #daf0e4; font-family: serif; font-size: 120%; color: #551a8b; } #starttablemobil { border: outset; border-radius: 15px; padding: 20px; font-family: serif, navy; width: 79%; text-align: center; color: navy; background-color: #cfe6e6de; border-color: #b3afaf; margin-left: -40px; margin-top: -118px; height: auto; top: 141px; position: relative; left: 151px; font-size: 125%; } #wechselbild1.mass{ position: relative; left:-52px; top: -385px; } #dreieck.allg { position: relative; top: -45%; left: 10%; margin-top: 14%; display: inherit; } #sidebar.allg { width: 18%; height: 240px; float: right; position: relative; padding: 20px; border-style: outset; border-radius: 20px; border-color: #B6FFA2; background-color: #DDEFDE; margin-bottom: 2px; top: 134%; right: 18%; margin-top: 5%; } #sidebar.allg{ display:none; } #gutschein.mobile{ position:relative; float:right; margin-top:0px; margin-bottom: 10px; left: 293px; top: 213px; } #copy.allg { top: auto; width: 774px; left: -150px; height: 80px; margin-top: auto; } #navyquer.allg { margin-top: 52px; top: 121px; left: 20%; width: 76%; display: none; } #footer.allg{ position: relative; top:86%; margin-top: 20%; height: 255px; width: 48%; margin-top:23px; left:5%; background: #b8cbdb91; } #sprung.spez { width: 68%; left: -22%; position: relative; margin-left: -4px; margin-top: -20%; text-align: center; display: block; margin-left: 30px; top: 2%; margin-bottom: 20px; } } @media screen and (max-width:1800px){ #headline.onlin { top: auto; width: 90%; top: 10%; position: relative; height: 150px; } #copy.raumnav { color: rgb(0, 0, 128); font: 80% serif; height: auto; margin-bottom: 1px; margin-left: 55%; margin-top: -67%; padding: 23px; position: relative; width: 289px; } #wechselbild2.onlin { display: block; width: 93%; left: 50px; position: relative; top: 70px } #navyquer.onlin { position: fixed; top: -63%; width: 90%; margin-top: 120px; left: 7%; display: block; } #spiegelranke{ display: block; position: relative; top:-61%; width: 16%; left: 59%; height: auto; } } @media screen and (max-width:1700px){ #wechselbild2.navi { position: absolute; left: 3%; top: -8px; width: 90%; } #auswahl.massage { display: flex; width: 114%; font: 110% sans-serif; text-shadow: none; top: 71%; margin: 15% 3% 1% -62%; } label.massage { display: flex; font: 133%/1.2 sans-serif; margin: 44px 4%; position: relative; height: 28px; top: 29%; width: 1048px; left: 38%; font-weight: bold; } #wechselbild1.onlin{ display: block; width: 100%; } #nav.onlin { position: absolute; width: 1500px; top: auto; left: 20px; } #navyquer.onlin { position: fixed; top: -217%; width: 90%; margin-top: 41px; left: 4%; display: block; } #kontaktlink { position: absolute; left: 29%; top: 100%; margin: 0 auto; margin-top: 54px; margin-left: -57px; margin-bottom: 40px; } #spruchstart.onlin { display: block; position: absolute; width: 74%; height: 400px; left: -6%; top: 5%; margin-top: 0%; border: 1px outset #352c66; } #main.onlin{ left: 5%; position: absolute; margin-top: 2%; float: left; margin-bottom: 4%; width: 50%; height: 1300px; top: 20%; width: 85%; } #bild.allg { display: block; position: absolute; width: 19%; top: -29%; margin-top: 156px; margin-bottom: 20px; left: 56%; border-radius: 15px; padding: 4px; height: auto; } #spiegelranke{ display: block; position: absolute; top:-5%; width: 25%; left: 66%; height: auto; } #main.onlin { width: 99%; float: left; background-color: #caf9c300; margin-top: 12%; margin-bottom: 10px; height: auto; margin-left: -10px; } #copy.raumnav { color: rgb(0, 0, 128); font: 80% serif; height: auto; margin-bottom: 1px; margin-left: 66%; margin-top: -35%; padding: 23px; position: relative; width: 20%; top: 12%; font-size: 120%; } #navyquer.rueallg { width: 99%; position: relative; display: block; top: -1016%; left: -155px; } #sidebar.spez { top: 21%; position: absolute; margin-left: 6%; width: 36%; float: left; margin-top: 10px; height: auto; } #sprung.spez { width: 68%; left: -27%; position: relative; margin-left: -4px; margin-top: -11%; text-align: center; display: block; margin-left: 30px; top: -14%; } #navyquer.nurmenue { width: 52%; position: relative; display: block; top: 13%; margin-top: 2%; text-align: center; margin-left: -9%; position: absolute; left: 56%; } #spruchstart{ display: block; top:10px; position: relative; } h1.bau { font-size: 247%; color: navy; font-weight: bold; font-style: italic; top: -2%; left: -22%; margin-top: 20px; } #sprung.bau { display: none; float: left; margin-left: -9%; margin-bottom: 20px; top: -120px; } #starttableindex.bau { left: 8%; margin-top: 30%; float: left; margin-bottom: 4%; padding: 5%; width: 44%; top: -61%; } #navyquer .top > li { float: left; background-color: rgba(231, 135, 232, 0.91); box-shadow: -0px 5px 5px #008000b3; position: relative; padding: 7px 6px; margin-bottom: 3px; width: 139px; top: 220px; left: 7%; margin: 0 auto; } #spruchstart { height: 94%; position: relative; padding: 3%; margin-left: 61px; margin-right: 3%; background-color: #99319099; width: 78%; right: 15%; display: block; margin-top: 1px; } #headline.agb { background-color: #87e3a44d; width: 100%; position: relative; top: 179px; left: 1px; margin-top: 3%; height: 150px; border-bottom: 2px dotted white; margin-bottom: 2px; } #headline.allg { background-color: #87e3a44d; width: 100%; position: relative; left: 1px; height: 34%; border-bottom: 3px dotted white; margin-bottom: 2px; top: 216px; } header.gutsch { height: 250px; width: 98%; position: relative; margin-top: -11%; margin-bottom: 10px; display: block; } #wechselbild1.ayurv { left: 17%; top: 92px; padding-bottom: 30px; padding-left: 40px; } #wechselbild4.fuss { display:none; width: 93%; top: 1%; left: -2%; } #rankefuss { display: inline; position: absolute; top: 36%; left: 38%; } #rankefuss1 { display: inline; position: absolute; top: 16%; left: 14%; margin-left: 21%; width: 65%; } details.rück { margin-right: 0; margin-top: 0; position: relative; right: 995px; top: 504px; } #starttableindex.ayur { float: left; margin-bottom: 4%; padding-right: 2%; padding-bottom: 50px; padding-top: 2%; width: 50%; padding-left: 2%; height: auto; top: -6%; margin-left: 57px; } #summary.fuss { display: inline; float: right; position: absolute; right: -757px; top: 113px; width: 544px; padding: 25%; } #navileiste.fuss { position: absolute; margin-top: 13%; float: right; left: 56%; } h4.upana { color: rgb(12, 112, 25); font: 137% bold,italic; height: 20%; left: -24%; position: relative; text-align: center; text-shadow: 3px 3px 3px rgb(255, 255, 255); top: 6%; margin-top: -4%; } #dreieck.ayur { position: relative; top: 13%; left: -34px; } h1.ayur { text-shadow: 3px 3px 3px #fff; margin: 0 auto; position: relative; top: -51%; font-family: serif; font-size: 221%; color: #000280; left: -346px; } #wechselbild1.start { left: -9%; padding-bottom: 30px; top: 13%; width: 103%; } #spruchstart.agb { height: 94%; position: relative; padding: 3%; margin-left: 37px; margin-right: 3%; background-color: #99319099; width: 78%; right: 3%; display: block; } #fussnote.fuss { top: -4%; left: 1%; position: relative; width: 83%; height: 236px; padding: 38px; margin-top: 10px; } #spruchstart.fuss { height: 117%; position: relative; padding: 4%; width: 85%; right: 5%; display: block; margin-left: 12%; margin-top: -54px; background: linear-gradient(to right, #a6b32780 0%,#263b0099 99%); background-color: rgba(0, 0, 0, 0); } #wassernote{ position: relative; top: -65%; left: 2px; font-size: 83%; color: navy; } #wechselbild2a.abhy{ position:relative; top:-97px; left:-66px; } #ampel.fuss { border-radius: 30px; display: table-cell; left: 8%; position: relative; top: -25%; height: auto; padding-bottom: 10%; } #navileiste.abhy { float: right; color: rgb(0, 0, 128); font: 71% serif; position: absolute; top: 81%; } #navyquer.abhy { width: 140%; margin-bottom: 5px; position: fixed; display: block; top: -23%; margin-left: -17px; height: 50px; left: -958px; float: left; } #sidebar.abhy{ width: 18%; height: 430px; float: right; position: relative; padding: 20px; border-style: outset; border-radius: 20px; border-color: #B6FFA2; background-color: #DDEFDE80; margin-bottom: 2px; top: 12%; left: -16%; } #wasser { position: relative; margin: 22% auto; font-size: 98%; width: 72%; padding-top: 93%; top: 38px; } #sidebar1.abhy { width: 33%; height: 548px; float: left; position: relative; border-style: outset; border-radius: 20px; border-color: #B6FFA2; background-color: #DDEFDE99; left: -53%; top: 10%; padding: 2%; margin-top: 10px; margin-bottom: 10px; } #spruchstart.abhy { height: 117%; position: relative; padding: 4%; width: 115%; right: 5%; display: block; margin-left: 12%; margin-top: -54px; background: linear-gradient(to right, #a6b32780 0%,#263b0099 99%); background-color: rgba(0, 0, 0, 0); } #wasser.abhy { position: relative; margin: -9% auto; font-size: 98%; width: 72%; padding-top: 93%; top: 118px; } #rankefuss.abhy { display: inline; position: absolute; top: 35%; left: 80%; margin-bottom: 2px; width: 44%; } #ampel.abhy { border-radius: 30px; display: table-cell; left: 7px; position: relative; top: -245px; } #ampel.abhy1 { border-radius: 30px; display: table-cell; left: 767px; position: relative; top: -413px; } #tablefuss.abhy { width: 30%; text-align: left; padding-bottom: 20px; float: left; margin-bottom: 10px; margin-top: 72px; top: 50%; left: 591px; height: 522px; } td.kurztextabhy{ position:relative; top:-19px; left:-40px; font: 94% serif; } #wasser.agb { position: relative; font-size: 98%; width: 72%; padding-top: 93%; top: 38px; color:#f1eaf6e6; margin-top: -105%; } #übersicht.marma { position: relative; top: -36px; left: -98px; } #wrapper{ width: 80%; background-color:#caf9c3; padding:1%; margin: 0 auto; display:block; position:relative; height:1261px; } #headline.fuss{ background-color:#bcf7b466; width:100%; position:relative; top:1px; left:1px; margin-top:18%; height:150px; border-bottom: 2px dotted white; } #headline.agb { background-color:#87e3a44d; width:100%; position:relative; left:1px; margin-top:-8%; height:150px; border-bottom: 2px dotted white; margin-bottom: 2px; } #navyquer.agb { width: 140%; margin-bottom: 5px; position: fixed; display: block; top: -23%; margin-left: -17px; height: 50px; left: -879px; float: left; } #starttableindex.agb { left: 1%; position: relative; margin-top: 1%; float: left; margin-bottom: 4%; padding-right: 1%; padding-bottom: 50px; padding-top: 5%; width: 51%; padding-left: 8%; height: auto; top: 5%; margin-left: 125px; } #footer.agb { top: 28%; clear: both; width: 100%; background-color: #9194CF99; position: relative; margin-top: 8px; margin-bottom: 5px; height: 218px; } #copy.agb { margin: 0 auto; left: 1%; top: -6%; padding: 9px; width:82%; display: inherit; height: auto; } h1.fuss { top: -18%; left: 14%; position: relative; font-family: serif; font-size: 328%; margin-top: 48px; } h4.marma { color: rgba(12, 112, 25, 0.01); font: 105% bold,italic; height: 20%; left: 26%; position: fixed; text-align: center; text-shadow: 3px 3px 3px rgb(255, 255, 255); margin-top: -90px; } #main { width: 100%; float: left; background-color: #caf9c3; margin-top: -53px; margin-bottom: 10px; height: auto; } #main.fuss { width: 100%; float: left; background-color: #caf9c3; margin-top: -53px; margin-bottom: 10px; height: auto; margin-left:2px; } #main.navi{ width: 100%; background-color: #caf9c3; margin-top: -53px; margin-bottom: 10px; height: 3000px; } header{ height:250px; width: 102%; position:relative; margin-top: 4%; margin-bottom: 10px; display:block; left: -15px; } header.navi{ height:161px; width: 104%; margin-bottom: 10px; left: 0%; margin-top:-139px; } #herzlich1 { margin-top: 2%; left: 20%; width: 60%; margin-bottom: 20px; } #dreieck{ position:relative; top:18%; left: -33px; } #dreieck.onlinonline { position: relative; top: 21%; left: -122px; } #dreieck.fuss{ position:relative; top:13%; left: -34px; } #sprung, #sprung.fuss{ display:none; } h5 { font: 130% bold,italic; left: 17%; position: relative; top: 50%; } #rankefuss.rueallg{ position:relative; top:20px; left:200px; } #starttableindex { left: 1%; position: relative; float: left; margin-bottom: 4%; padding-right: 5%; padding-bottom: 50px; padding-top: 5%; width: 50%; padding-left: 13%; height: auto; } #starttableindex.start { left: 1%; position: relative; float: left; margin-bottom: 4%; padding-right: 5%; padding-bottom: 50px; padding-top: 5%; width: 50%; padding-left: 13%; height: auto; } #starttableindex.fuss { position: relative; float: left; margin-bottom: 4%; padding-right: 2%; padding-bottom: 50px; padding-top: 2%; width: 50%; padding-left: 2%; height: auto; top: -1%; margin-left: 100px; margin-top: 33px; } #starttableindex.imp { left: 5%; position: relative; margin-top: 8%; float: left; margin-bottom: 4%; padding-right: 5%; padding-bottom: 50px; padding-top: 1%; width: 50%; padding-left: 13%; height: auto; top: 0%; } #starthome.marma { width: 87%; text-align: left; padding: 29px; } #tablefuss { width: 36%; position: absolute; top: 57%; left: 2%; height: 507px; padding-bottom: 31px; padding-left: 8%; margin-bottom: 10px; margin-top: 1%; margin-left: 8%; padding-top: 4%; } #tablefuss.marma { width: 36%; position: relative; top: 51%; right: 2%; height: 507px; padding-bottom: 31px; padding-left: 8%; margin-bottom: 10px; margin-top: -84%; margin-right: 3%; padding-top: 4%; float:right; } #sidebar{ width:22%; height:463px; float:right; position:relative; padding: 20px; border-style: outset; border-radius: 20px; border-color: #B6FFA2; background-color: #DDEFDE; margin-bottom: 2px; margin-top: 11%; right: 7%; top: 1%; } #sidebar.bau { width: 22%; height: 463px; float: right; position: relative; padding: 20px; border-style: outset; border-radius: 20px; border-color: #B6FFA2; background-color: #DDEFDE; margin-bottom: 2px; margin-top: -10%; right: 7%; top: 1%; } #nav.start{ float:left; width:100%; margin-top:10%; margin-bottom:10px; position: relative; font-size: 110%; margin:0 auto; margin-right:auto; margin-top: -484px; left: -1%; height: 48px; background-color: #80e7854d; } #nav.allg { float: left; width: 100%; margin-top: 10%; margin-bottom: 10px; position: relative; font-size: 110%; margin: 0 auto; margin-top: 0px; margin-right: auto; margin-right: auto; margin-top: -484px; left: -1%; height: 48px; background-color: #80e7854d; } #navyquer.rueallg { width: 99%; position: relative; display: block; top: -1016%; left: -155px; } #navyquer.navi { width: 80%; position: relative; display: block; top: 2%; } #navyquer.start { width: 99%; position: relative; display: block; margin-top: -189px; float: left; left: 36%; } #navyquer.allg { width: 99%; position: relative; display: block; margin-top: -38px; float: left; left: -10%; } #navyquer.marma { width: 140%; margin-bottom: 5px; position: fixed; top: -405%; margin-left: -58%; margin-top: -6000px; } #main{ width:100%; float:left; background-color: #caf9c3; margin-top:30px; margin-bottom: 10px; height:auto; } #sidebar1{ width: 33%; height: 548px; float: left; position: relative; border-style: outset; border-radius: 20px; border-color: #B6FFA2; background-color: #DDEFDE99; left: -53%; top: 10%; padding: 2%; margin-top: 10px; margin-bottom: 10px; } #sidebar1.marma { width: 33%; height: 389px; float: left; position: relative; border-style: outset; border-radius: 20px; border-color: #B6FFA2; background-color: #DDEFDE; top: 2%; padding: 2%; margin-top: 9%; margin-bottom: 10px; left: -52%; } #fussnote.marma { font: 88% serif; color: #060881; background-color: #DDEFDE; border-color: rgb(0, 128, 0); border-radius: 20px; border-style: outset; height: 294px; width: 94%; opacity: 0.8; top: 79%; padding:8%; } #sidebar2 { width: 37%; min-height: 334px; float: right; position: relative; padding: 20px; border-style: outset; border-radius: 20px; border-color: #B6FFA2; background-color: #DDEFDE; right: 2%; top: 25%; } #footer.start{ top: 0%; clear:both; width:100%; background-color: #9194CF99; position:relative; margin-top: 8px; margin-bottom: 5px; height: 175px; } #wrapper.fuss { width: 99%; background-color: #ebfce9; padding: 1%; margin: 0 auto; margin-left: auto; display: block; position: relative; height:1885px; background-color: rgb(202, 249, 195); } #main.fuss{ width:100%; float:left; background-color: #caf9c3; top:-6%; margin-top:-108px; margin-bottom: 10px; height:1302px; } header.fuss{ width: 100%; position:relative; top: -4%; margin-bottom: 5px; height: 325px; } #wechselbild3.fuss { left: 7%; top: 15%; width: 84%; } h1.fuss { left: 14%; position: relative; font-family: serif; font-size: 258%; color:navy; text-shadow:3px 3px 3px #fff; margin-top: 20%; } h1.allg { left: -32%; position: relative; font-family: serif; font-size: 258%; color: navy; text-shadow: 3px 3px 3px #fff; margin-top: -11%; } h1.rueallg { font-size: 222%; color: navy; font-weight: bold; font-style: italic; top: 3%; left: -20%; } #nav.fuss{ width:95%; margin-top:1%; margin-bottom:10px; position: fixed; top:6px; font-size: 110%; margin:0 auto; height:58px; background-color:#60ba4b33; width: 100%; } #navyquer.fuss { width: 140%; margin-bottom: 5px; position: relative; display: block; top: -465%; margin-left: -17px; height: 50px; left: -959px; float: left; } #navyquer.marma { width: 140%; margin-bottom: 5px; position: fixed; display: block; top: -47%; margin-left: -60%; margin-top: -24px; } #sidebar.fuss { width: 18%; height: 430px; float: right; position: relative; padding: 20px; border-style: outset; border-radius: 20px; border-color: #B6FFA2; background-color: #DDEFDE; margin-bottom: 2px; top: 14%; right: 13%; margin-top: -10%; } #sidebar.marma { width: 31%; height: 544px; float: right; position: relative; padding: 20px; margin-bottom: 2px; top: 1%; right: 3%; margin-top: -3%; margin-right: 3%; } #sidebar1.fuss{ width: 25%; height: 538px; float: right; position: relative; border-style: outset; border-radius: 20px; border-color: #B6FFA2; background-color: #DDEFDE80; top: 3%; padding: 2%; margin-top: 14%; margin-bottom: 10px; left: -13%; } #footer.fuss{ margin-top: 4%; clear:both; width:100%; background-color: #9194CF99; position:relative; top: -1%; margin-bottom: 5px; height: 164px; } #copy.fuss{ width:100%; top:8%; height:93px; left: -17%; } #main.imp { width: 100%; float: left; background-color: #caf9c3; margin-top: -53px; margin-bottom: 10px; height: 700px; } h1.imp { top: -5px; left: -25%; position: relative; font-family: serif; font-size: 328%; color:navy; text-shadow:3px 3px 3px #fff; } #wechselbild3.imp{ position:relative; top:48px; left:20px; width:93%; margin-left: 40px; } #nav.imp{ width:100%; margin-top:1%; margin-bottom:10px; position: relative; top:-28%; font-size: 110%; margin:0 auto; height:50px; background-color:#60cc5033; left: -4px; } #navyquer.imp{ width: 140%; margin-bottom: 5px; position: relative; display: block; top: -1579px; margin-left: -17; height: 50px; left: -615px; float: left; margin: 37px auto; } #navyquer.bau { width: 140%; margin-bottom: 5px; position: relative; display: block; top: -1410px; margin-left: -17; height: 50px; left: -644px; float: left; margin: 37px auto; } #sidebar.imp{ width:22%; height:463px; float:right; position:relative; padding: 20px; border-style: outset; border-radius: 20px; border-color: #B6FFA2; background-color: #DDEFDE; margin-bottom: 2px; margin-top: -8%; right: 7%; top: 32%; } #wasser.imp { position: relative; margin: -9% auto; font-size: 98%; width: 72%; padding-top: 93%; top: -203px; } #footer.allg { top: -3%; clear: both; width: 100%; background-color: #9194CF99; position: relative; margin-top: 5px; margin-bottom: 5px; height: 150px; } #footer.fuss { top: 8%; clear: both; width: 100%; background-color: #9194CF99; position: relative; margin-top: -6px; margin-bottom: 15px; height: 161px; } #footer.marma{ top: 9%; clear: both; width: 100%; background-color: #9194CF99; position: relative; margin-top: -20px; margin-bottom: 5px; height: 143px; } #footer.navi { top: 6%; clear: both; width: 100%; background-color: #9194CF00; position: relative; margin-top: 36px; margin-bottom: 5px; height: 188px; left: 4px; } #footer.imp { top: -7%; clear: both; width: 100%; background-color: #9194CF99; position: relative; margin-top: 5px; margin-bottom: 5px; height: 150px; } #footer.bau { top: -56%; clear: both; width: 100%; background-color: #9194CF99; position: relative; margin-top: -15px; margin-bottom: 5px; height: 169px; } #copy.navi { width: 80%; left: -66px; height: 146px; margin-top: 10px; top: -1%; left: 7%; display: inherit; } #copy.raumbau { width: 37%; border-style: outset; top: -180px; margin-top: 80px; margin-left: 60px; display: none; } #copy.raum { width: 80%; left: -66px; height: 146px; margin-top: 10px; top: -1%; left: 7%; display: inherit; } #copy.home { width: 92%; margin: 0 auto; left: 2%; top: 16%; padding: 9px; } #copy.imp { width: 92%; margin: 0 auto; left: 2%; top: 16%; padding: 9px; display:inherit; height: auto; } #copy.marma { top: -3px; width: 1402px; height: auto; left: -364px; display: inherit; } h1.bau { font-size: 247%; color: navy; font-weight: bold; font-style: italic; top: -2%; left: -22%; margin-top: 20px; } #sprung.bau { display: none; float: left; margin-left: -9%; margin-bottom: 20px; top: -120px; } #starttableindex.bau { left: 8%; margin-top: 30%; float: left; margin-bottom: 4%; padding: 5%; width: 44%; top: -61%; } #navyquer .top > li { float: left; background-color: rgba(231, 135, 232, 0.91); box-shadow: -0px 5px 5px #008000b3; position: relative; padding: 7px 6px; margin-bottom: 3px; width: 139px; top: -362px; left: -9%; margin: 0 auto; } #spruchstart { height: 94%; position: relative; padding: 3%; margin-left: 61px; margin-right: 3%; background-color: #99319099; width: 78%; right: 15%; display: block; margin-top: 1px; } #spruchstart.term { height: 99%; position: relative; padding: 3%; margin-left: 61px; margin-right: 3%; background-color: #99319099; width: 120%; left: -59%; display: block; margin-top: 3px; margin-bottom: 20px; } #wechselbild1.allg { float: right; left: -5%; position: absolute; margin-top: -24%; width: 115%; margin: 0 auto; top: 1%; } #headline.agb { background-color: #87e3a44d; width: 100%; position: relative; top: 179px; left: 1px; margin-top: 3%; height: 150px; border-bottom: 2px dotted white; margin-bottom: 2px; } #headline.allg { background-color: #87e3a400; width: 100%; position: relative; left: 1px; height: 34%; border-bottom: 3px dotted white; margin-bottom: 2px; top: -32px; } header.gutsch { height: 250px; width: 98%; position: relative; margin-top: -11%; margin-bottom: 10px; display: block; } #wechselbild1.ayurv { left: 17%; top: 92px; padding-bottom: 30px; padding-left: 40px; } #wechselbild4.fuss { display:block; width: 93%; top: 1%; left: 2%; position: relative; } #rankefuss { display: inline; position: absolute; top: 41%; left: 60%; } #rankefuss1 { display: inline; position: absolute; top: 16%; left: 14%; margin-left: 21%; width: 65%; } details.rück { margin-right: 0; margin-top: 0; position: relative; right: 995px; top: 504px; } #starttableindex.ayur { float: left; margin-bottom: 4%; padding-right: 2%; padding-bottom: 50px; padding-top: 2%; width: 50%; padding-left: 2%; height: auto; top: -6%; margin-left: 57px; } #summary.fuss { display: inline; float: right; position: absolute; right: -757px; top: 113px; width: 544px; padding: 25%; } #navileiste.fuss { position: absolute; margin-top: 13%; float: right; left: 56%; } h4.upana { color: rgb(12, 112, 25); font: 137% bold,italic; height: 20%; left: -24%; position: relative; text-align: center; text-shadow: 3px 3px 3px rgb(255, 255, 255); top: 6%; margin-top: -4%; } #dreieck.ayur { position: relative; top: 13%; left: -34px; } h1.ayur { text-shadow: 3px 3px 3px #fff; margin: 0 auto; position: relative; top: -51%; font-family: serif; font-size: 221%; color: #000280; left: -346px; } #wechselbild1.start { left: -9%; padding-bottom: 30px; top: 13%; width: 103%; } #spruchstart.agb { height: 94%; position: relative; padding: 3%; margin-left: 37px; margin-right: 3%; background-color: #99319099; width: 78%; right: 3%; display: block; } #fussnote.fuss { top: -4%; left: 1%; position: relative; width: 83%; height: 236px; padding: 38px; margin-top: 10px; } #spruchstart.fuss { height: 117%; position: relative; padding: 4%; width: 85%; right: 5%; display: block; margin-left: 12%; margin-top: -54px; background: linear-gradient(to right, #a6b32780 0%,#263b0099 99%); background-color: rgba(0, 0, 0, 0); } #wassernote{ position: relative; top: -65%; left: 2px; font-size: 83%; color: navy; } #wechselbild2a.abhy{ position:relative; top:-97px; left:-66px; } #ampel.fuss { border-radius: 30px; display: table-cell; left: 8%; position: relative; top: -25%; height: auto; padding-bottom: 10%; } #navileiste.abhy { float: right; color: rgb(0, 0, 128); font: 71% serif; position: absolute; top: 81%; } #navyquer.abhy { width: 140%; margin-bottom: 5px; position: fixed; display: block; top: -23%; margin-left: -17px; height: 50px; left: -958px; float: left; } #sidebar.abhy{ width: 18%; height: 430px; float: right; position: relative; padding: 20px; border-style: outset; border-radius: 20px; border-color: #B6FFA2; background-color: #DDEFDE80; margin-bottom: 2px; top: 12%; left: -16%; } #wasser { position: relative; margin: 22% auto; font-size: 98%; width: 72%; padding-top: 93%; top: 38px; } #sidebar1.abhy { width: 33%; height: 548px; float: left; position: relative; border-style: outset; border-radius: 20px; border-color: #B6FFA2; background-color: #DDEFDE99; left: -53%; top: 10%; padding: 2%; margin-top: 10px; margin-bottom: 10px; } #spruchstart.abhy { height: 117%; position: relative; padding: 4%; width: 115%; right: 5%; display: block; margin-left: 12%; margin-top: -54px; background: linear-gradient(to right, #a6b32780 0%,#263b0099 99%); background-color: rgba(0, 0, 0, 0); } #wasser.abhy { position: relative; margin: -9% auto; font-size: 98%; width: 72%; padding-top: 93%; top: 118px; } #rankefuss.abhy { display: inline; position: absolute; top: 35%; left: 80%; margin-bottom: 2px; width: 44%; } #ampel.abhy { border-radius: 30px; display: table-cell; left: 7px; position: relative; top: -245px; } #ampel.abhy1 { border-radius: 30px; display: table-cell; left: 767px; position: relative; top: -413px; } #tablefuss.abhy { width: 30%; text-align: left; padding-bottom: 20px; float: left; margin-bottom: 10px; margin-top: 72px; top: 50%; left: 591px; height: 522px; } td.kurztextabhy{ position:relative; top:-19px; left:-40px; font: 94% serif; } #wasser.agb { position: relative; font-size: 98%; width: 72%; padding-top: 93%; top: 38px; color:#f1eaf6e6; margin-top: -105%; } #übersicht.marma { position: relative; top: -36px; left: -98px; } #wrapper{ width: 99%; background-color:#caf9c3; padding:1%; margin: 0 auto; display:block; position:relative; height:1261px; left: 1px; } #headline.fuss{ background-color:#bcf7b466; width:100%; position:relative; top:1px; left:1px; margin-top:18%; height:150px; border-bottom: 2px dotted white; } #headline.agb { background-color:#87e3a44d; width:100%; position:relative; left:1px; margin-top:-8%; height:150px; border-bottom: 2px dotted white; margin-bottom: 2px; } #nav.agb{ width:99%; margin-top:1%; margin-bottom:10px; position: relative; top:-353px; font-size: 110%; height:50px; background-color:#7eca7a33; margin-top: -35px; } #navyquer.agb { width: 140%; margin-bottom: 5px; position: fixed; display: block; top: -23%; margin-left: -17px; height: 50px; left: -879px; float: left; } #starttableindex.agb { left: 1%; position: relative; margin-top: 1%; float: left; margin-bottom: 4%; padding-right: 1%; padding-bottom: 50px; padding-top: 5%; width: 51%; padding-left: 8%; height: auto; top: 5%; margin-left: 125px; } #footer.agb { top: 28%; clear: both; width: 100%; background-color: #9194CF99; position: relative; margin-top: 8px; margin-bottom: 5px; height: 218px; } #copy.agb { margin: 0 auto; left: 1%; top: -6%; padding: 9px; width:82%; display: inherit; height: auto; } h1.fuss { top: -18%; left: 14%; position: relative; font-family: serif; font-size: 328%; margin-top: 48px; } h4.marma { color: rgba(12, 112, 25, 0.01); font: 105% bold,italic; height: 20%; left: 26%; position: fixed; text-align: center; text-shadow: 3px 3px 3px rgb(255, 255, 255); margin-top: -90px; } #main { width: 100%; float: left; background-color: #caf9c3; margin-top: -53px; margin-bottom: 10px; height: auto; } #main.fuss { width: 100%; float: left; background-color: #caf9c3; margin-top: -53px; margin-bottom: 10px; height: auto; margin-left:2px; } #main.navi{ width: 73%; background-color: #205e1700; margin-top: 5%; margin-bottom: 10px; height: 3000px; } header{ height:380px; width: 499px; position:relative; margin-top: 0%; margin-bottom: 10px; display:block; left: -1%; top: 24%; } header.navi{ height:405px; width: 98%; margin-bottom: 10px; left: 0%; margin-top:2%; margin: 0 auto; } #herzlich1 { margin-top: 2%; left: 20%; width: 60%; margin-bottom: 20px; } #dreieck.online{ position:relative; top:18%; left: -3px; } #dreieck.online { position: relative; top: 15%; left: 12%; } #dreieck.fuss{ position:relative; top:13%; left: 16%; } #sprung, #sprung.fuss{ display:none; } h5 { font: 130% bold,italic; left: 17%; position: relative; top: 50%; } #rankefuss.rueallg{ position:relative; top:20px; left:200px; } #starttableindex { left: 1%; position: relative; float: left; margin-bottom: 4%; padding-right: 5%; padding-bottom: 50px; padding-top: 5%; width: 50%; padding-left: 13%; height: auto; top: 10%; margin-top: 14px; } #starttableindex.start { left: 1%; position: relative; float: left; margin-bottom: 4%; padding-right: 5%; padding-bottom: 50px; padding-top: 5%; width: 50%; padding-left: 13%; height: auto; } #starttableindex.fuss { position: relative; float: left; margin-bottom: 4%; padding-right: 2%; padding-bottom: 50px; padding-top: 2%; width: 50%; padding-left: 2%; height: auto; top: -1%; margin-left: 100px; margin-top: 33px; } #starttableindex.imp { left: 5%; position: relative; margin-top: 8%; float: left; margin-bottom: 4%; padding-right: 5%; padding-bottom: 50px; padding-top: 1%; width: 50%; padding-left: 13%; height: auto; top: 0%; } #starthome.marma { width: 87%; text-align: left; padding: 29px; } #tablefuss { width: 36%; position: absolute; top: 57%; left: 2%; height: 507px; padding-bottom: 31px; padding-left: 8%; margin-bottom: 10px; margin-top: 1%; margin-left: 8%; padding-top: 4%; } #tablefuss.marma { width: 36%; position: relative; top: 51%; right: 2%; height: 507px; padding-bottom: 31px; padding-left: 8%; margin-bottom: 10px; margin-top: -84%; margin-right: 3%; padding-top: 4%; float:right; } #sidebar.onlin{ width:22%; height:463px; float:right; position:relative; padding: 20px; border-style: outset; border-radius: 20px; border-color: #B6FFA2; background-color: #DDEFDE; margin-bottom: 2px; margin-top: 11%; right: 13%; top: 1%; } #sidebar.term { width: 12%; height: 315px; float: right; position: relative; padding: 20px; border-style: outset; border-radius: 20px; border-color: #B6FFA2; background-color: #DDEFDE; margin-bottom: 50px; margin-top: -1%; right: 7%; top: 1%; display: block; padding: 4%; } #sidebar.bau { width: 22%; height: 463px; float: right; position: relative; padding: 20px; border-style: outset; border-radius: 20px; border-color: #B6FFA2; background-color: #DDEFDE; margin-bottom: 2px; margin-top: -10%; right: 7%; top: 1%; } #nav.start{ float:left; width:100%; margin-top:10%; margin-bottom:10px; position: relative; font-size: 110%; margin:0 auto; margin-right:auto; margin-top: -484px; left: -1%; height: 48px; background-color: #80e7854d; } #nav.allg { float: left; width: 100%; margin-top: 10%; margin-bottom: 10px; position: relative; font-size: 110%; margin: 0 auto; margin-top: 0px; margin-right: auto; margin-right: auto; left: -1%; height: 48px; background-color: #80e78500; } #navyquer.rueallg { width: 99%; position: relative; display: block; top: -1016%; left: -155px; } #navyquer.navi { width: 80%; position: relative; display: block; top: 2%; margin-top: 637px; } #navyquer.start { width: 99%; position: relative; display: block; margin-top: -189px; float: left; left: 36%; } #navyquer.allg { width: 99%; position: relative; margin-top: 12%; float: left; left: 0%; margin: 0 auto; top: 42px; } #navyquer.marma { width:100%; float:left; background-color: #caf9c300; margin-top:30px; margin-bottom: 10px; height:auto; } #main{ width:100%; float:left; background-color: #caf9c300; margin-top:30px; margin-bottom: 10px; height:auto; } #main.allg { width: 100%; float: left; background-color: #caf9c3; margin-top: 51px; margin-bottom: 10px; height: 1500px; } #sidebar1{ width: 33%; height: 548px; float: left; position: relative; border-style: outset; border-radius: 20px; border-color: #B6FFA2; background-color: #DDEFDE99; left: -53%; top: 10%; padding: 2%; margin-top: 10px; margin-bottom: 10px; } #sidebar1.marma { width: 33%; height: 389px; float: left; position: relative; border-style: outset; border-radius: 20px; border-color: #B6FFA2; background-color: #DDEFDE; top: 2%; padding: 2%; margin-top: 9%; margin-bottom: 10px; left: -52%; } #fussnote.marma { font: 88% serif; color: #060881; background-color: #DDEFDE; border-color: rgb(0, 128, 0); border-radius: 20px; border-style: outset; height: 294px; width: 94%; opacity: 0.8; top: 79%; padding:8%; } #sidebar2 { width: 37%; min-height: 334px; float: right; position: relative; padding: 20px; border-style: outset; border-radius: 20px; border-color: #B6FFA2; background-color: #DDEFDE; right: 2%; top: 25%; } #footer.start{ top: 0%; clear:both; width:100%; background-color: #9194CF99; position:relative; margin-top: 8px; margin-bottom: 5px; height: 175px; } #wrapper.fuss { width: 99%; background-color: #ebfce9; padding: 1%; margin: 0 auto; margin-left: auto; display: block; position: relative; height:1885px; background-color: rgb(202, 249, 195); } #main.fuss{ width:100%; float:left; background-color: #caf9c3; top:-6%; margin-top:-108px; margin-bottom: 10px; height:1302px; } header.fuss{ width: 100%; position:relative; top: -4%; margin-bottom: 5px; height: 325px; } #wechselbild3.fuss { left: 7%; top: 15%; width: 84%; } h1.fuss { left: 14%; position: relative; font-family: serif; font-size: 258%; color:navy; text-shadow:3px 3px 3px #fff; margin-top: 20%; } h1.allg { left: -8%; position: relative; font-family: serif; font-size: 258%; color: navy; text-shadow: 3px 3px 3px #fff; margin-top: -3%; height: auto; width: 340px; top: -22%; } h1.rueallg { font-size: 222%; color: navy; font-weight: bold; font-style: italic; top: 3%; left: -26%; } #nav.fuss{ width:95%; margin-top:1%; margin-bottom:10px; position: fixed; top:6px; font-size: 110%; margin:0 auto; height:58px; background-color:#60ba4b33; width: 100%; } #navyquer.fuss { width: 140%; margin-bottom: 5px; position: relative; display: block; top: -465%; margin-left: -17px; height: 50px; left: -959px; float: left; } #navyquer.marma { width: 140%; margin-bottom: 5px; position: fixed; display: block; top: -47%; margin-left: -60%; margin-top: -24px; } #sidebar.fuss { width: 18%; height: 430px; float: right; position: relative; padding: 20px; border-style: outset; border-radius: 20px; border-color: #B6FFA2; background-color: #DDEFDE; margin-bottom: 2px; top: 14%; right: 13%; margin-top: -10%; } #sidebar.marma { width: 31%; height: 544px; float: right; position: relative; padding: 20px; margin-bottom: 2px; top: 1%; right: 3%; margin-top: -3%; margin-right: 3%; } #sidebar1.fuss{ width: 25%; height: 538px; float: right; position: relative; border-style: outset; border-radius: 20px; border-color: #B6FFA2; background-color: #DDEFDE80; top: 3%; padding: 2%; margin-top: 14%; margin-bottom: 10px; left: -13%; } #footer.fuss{ margin-top: 4%; clear:both; width:100%; background-color: #9194CF99; position:relative; top: -1%; margin-bottom: 5px; height: 164px; } #copy.fuss{ width:100%; top:8%; height:93px; display: inherit; left: -17%; } #main.imp { width: 100%; float: left; background-color: #caf9c3; margin-top: -53px; margin-bottom: 10px; height: 700px; } h1.imp { top: -5px; left: -25%; position: relative; font-family: serif; font-size: 328%; color:navy; text-shadow:3px 3px 3px #fff; } #wechselbild3.imp{ position:relative; top:48px; left:20px; width:93%; margin-left: 40px; } #nav.imp{ width:100%; margin-top:1%; margin-bottom:10px; position: relative; top:-28%; font-size: 110%; margin:0 auto; height:50px; background-color:#60cc5033; left: -4px; } #navyquer.imp{ width: 140%; margin-bottom: 5px; position: relative; display: block; top: -1579px; margin-left: -17; height: 50px; left: -615px; float: left; margin: 37px auto; } #navyquer.bau { width: 140%; margin-bottom: 5px; position: relative; display: block; top: -1410px; margin-left: -17; height: 50px; left: -644px; float: left; margin: 37px auto; } #sidebar.imp{ width:22%; height:463px; float:right; position:relative; padding: 20px; border-style: outset; border-radius: 20px; border-color: #B6FFA2; background-color: #DDEFDE; margin-bottom: 2px; margin-top: -8%; right: 7%; top: 32%; } #wasser.imp { position: relative; margin: -9% auto; font-size: 98%; width: 72%; padding-top: 93%; top: -203px; } #footer.allg { top:auto; clear: both; width: 100%; background-color: #9194CF99; position: relative; margin-top: 66%; margin-bottom: 5px; height: 150px; } #footer.fuss { top: 8%; clear: both; width: 100%; background-color: #9194CF99; position: relative; margin-top: -6px; margin-bottom: 15px; height: 161px; } #footer.marma{ top: 9%; clear: both; width: 100%; background-color: #9194CF99; position: relative; margin-top: -20px; margin-bottom: 5px; height: 143px; } #footer.navi { top: 6%; clear: both; width: 100%; background-color: #9194CF00; position: relative; margin-top: 36px; margin-bottom: 5px; height: 188px; left: 4px; } #footer.imp { top: -7%; clear: both; width: 100%; background-color: #9194CF99; position: relative; margin-top: 5px; margin-bottom: 5px; height: 150px; } #footer.bau { top: -56%; clear: both; width: 100%; background-color: #9194CF99; position: relative; margin-top: -15px; margin-bottom: 5px; height: 169px; } #copy.navi { width: 80%; left: -66px; height: 146px; margin-top: 10px; top: -1%; left: 7%; display: inherit; } #copy.raumbau { width: 37%; border-style: outset; top: -180px; margin-top: 80px; margin-left: 60px; display: none; height: 44px; text-align:center; padding: 50px 104px; left: 32px; } #copy.raum { width: 80%; left: -66px; height: 146px; margin-top: 10px; top: -1%; left: 7%; display: inherit; } #copy.home { width: 92%; margin: 0 auto; left: 2%; top: 16%; padding: 9px; } #copy.imp { width: 92%; margin: 0 auto; left: 2%; top: 16%; padding: 9px; display:inherit; height: auto; } #copy.marma { top: -3px; width: 1402px; height: auto; left: -364px; display: inherit; } #starthome.onlin { display: block; position: relative; width: 93%; margin-top: -37px; margin-bottom: 20px; border-color: #183509; background: #ddefde00; left: 9%; height: auto; font: 154% serif; } } @media screen and (max-width:1600px){ #auswahl.betreff { display: flex; font: 94% sans-serif; width: 52%; text-shadow: none; position: relative; left: 0%; top: 16%; margin: 5% 2% 2% -13%; } #starthome.onlin { width: 101%; margin-top: -37px; margin-bottom: 20px; left: 9%; height: auto; font: 157%/1.4 sans-serif; margin-right: 30px; } #sidebar.onlin { width: 22%; height: 463px; float: right; padding: 20px; margin: 30% 1% 2% 28%; left: 1%; top: -168%; } #navyquer.onlin { position: fixed; top: -81%; width: 90%; margin-top: 20px; left: -20%; display: block; } #medien.onlin { position: relative; display: table-cell; width: 83%; top: 45px; height: 99px; left: 40%; } td.kontakte { height: 60px; border-radius: 15px; width: 250px; font-size: 90%; } td.termonline { height: 60px; border-radius: 15px; width: 250px; font-size: 90%; } #kurztext.imp { font: 109%/1.2 serif; margin: 283px 31px 20px -10px; padding-left: 60px; width: 380px; top: 10px; position: relative; } #wechselbild2.onlin { display: block; width: 93%; left: 50px; position: relative; top: 89px; } navyquer.onlin { position: fixed; top: -51%; width: 90%; margin-top: 20px; left: -19%; } #navyquer.nurmenue { width: 57%; top: -126%; margin-top: -7%; margin-left: -9%; position: absolute; left: -7%; } #wasser.allg { color: #5a0e5a; font-size: 126%; width: 72%; padding-top: 93%; top: -19%; text-shadow: -2px 2px 2px aliceblue; left: 37px; } #sidebar.term { width: 15%; height: 358px; margin-bottom: 50px; margin-top: -1%; right: 7%; top: 1%; padding: 4%; } #sprung.spez { width: 85%; left: -10%; position: relative; margin-left: 0px; margin-top: -61px; text-align: center; display: inherit; margin-right: 30px; top: -40%; } ul.start { position: relative; margin-top: 50px; display: inherit; top: -21px; width: 80%; left: 78px; list-style-type: none; } #main.agb { width: 100%; float: left; background-color: #caf9c3; top: 15%; margin-top: -108px; margin-bottom: 10px; height: 1102px; } willk { position: relative; display: inline; top: 310px; left: 10px; } #bild.allg { display: block; position: absolute; width: 16%; top: -240px; margin-top: auto; margin-bottom: 20px; border-style: outset; border-color: #183509; background: #d8f9d3; left: 57%; border-radius: 15px; padding: 4px; height: auto; } h1.bau { font-size: 247%; color: navy; font-weight: bold; font-style: italic; top: -2%; left: -22%; margin-top: 20px; } h1.navi { font-size: 291%; color: navy; height: 20%; font-weight: bold; font-style: italic; margin-top: 10px; margin-left: 71px; display: block; text-align: center; top: -114px; position: relative; } #sidebar.spez { top: 20%; position: absolute; margin-left: 72%; width: 23%; float: left; margin-top: 10px; height: 40%; } #wechselbild10.allg { float: right; left: 0%; position: relative; top: 173%; margin-top: -90%; width: 98%; } #starttableklass.spez { width: 55%; height: auto; padding-top: 37px; padding-left: 53px; top: 22px; left: 1%; padding-bottom: 70px; font-family: serif; font-size: 114%; margin-top: 66px; margin-bottom: 2px; } #wechselbild10.allg { float: right; left: -9%; position: absolute; top: 300px; margin-top: -90%; width: 95%; } #sprung.bau { display: none; float: left; margin-left: -9%; margin-bottom: 20px; top: -120px; } #starttableindex.bau { left: 8%; margin-top: 30%; float: left; margin-bottom: 4%; padding: 5%; width: 44%; top: -61%; } #starttableindex.allg { padding-left: 5%; margin-bottom: 0px; left: -7%; width: 55%; height: 343px; font-size: 85%; margin-top: 37px; display: block; text-align: center; top: -50px; border: outset; border-radius: 15px; background-color: #d9f0d7; font-family: navy; font-size: 18px; border-color: #aea6a6; padding-top: 52px; } #spiegelranke { position: relative; top: -97px; left: 82%; background-color: #caf9c303; height: 150px; margin-top: 234px; margin-bottom: 40px; width: 18%; } #navyquer .top > li { float: left; background-color: rgba(226, 152, 227, 0.96); box-shadow: -0px 5px 5px #008000b3; position: relative; padding: 7px 17px; margin-bottom: 3px; width: 139px; top: 644px; margin: 0 auto; width:158px; border-radius: 8px; font-family: serif; font-size: 20px; text-align: center; list-style-type: none; left: 92%; } #spruchstart { height: 93%; position: relative; padding: 3%; margin-left: 61px; margin-right: 3%; background-color: #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: 148%; top: 119px; margin-left: 10px; } #headline.agb { background-color: #87e3a44d; width: 100%; position: relative; top: 179px; left: 1px; margin-top: 3%; height: 150px; border-bottom: 2px dotted white; margin-bottom: 2px; } #headline.allg { background-color: #87e3a400; width: 64%; position: relative; left: -39px; height: 129px; border-bottom: 3px dotted white; margin-bottom: 2px; top: -125px; margin: 0 auto; margin-top: 106px; } header.gutsch { height: 250px; width: 98%; position: relative; margin-top: -11%; margin-bottom: 10px; display: block; } #wechselbild1.ayurv { left: 17%; top: 92px; padding-bottom: 30px; padding-left: 40px; } #wechselbild4.fuss { display:block; width: 93%; top: auto; left: auto; position: relative; } #rankefuss { display: inline; position: absolute; top: 36%; left: 66%; } #rankefuss1 { display: inline; position: absolute; top: 16%; left: 14%; margin-left: 21%; width: 65%; } details.rück { margin-right: 0; margin-top: 0; position: relative; right: 995px; top: 504px; } #starttableindex.ayur { float: left; margin-bottom: 4%; padding-right: 2%; padding-bottom: 50px; padding-top: 2%; width: 50%; padding-left: 2%; height: auto; top: -6%; margin-left: 57px; } #summary.fuss { display: inline; float: right; position: absolute; right: -757px; top: 113px; width: 544px; padding: 25%; } #navileiste.fuss { position: absolute; margin-top: 13%; float: right; left: 56%; } h4.upana { color: rgb(12, 112, 25); font: 137% bold,italic; height: 20%; left: -24%; position: relative; text-align: center; text-shadow: 3px 3px 3px rgb(255, 255, 255); top: 6%; margin-top: -4%; } #dreieck.ayur { position: relative; top: 13%; left: -34px; } h1.ayur { text-shadow: 3px 3px 3px #fff; margin: 0 auto; position: relative; top: -51%; font-family: serif; font-size: 221%; color: #000280; left: -346px; } #wechselbild1.start { left: 73%; padding-bottom: 30px; top: -118%; width: 103%; position: relative; } #spruchstart.agb { height: 94%; position: relative; padding: 3%; margin-left: 37px; margin-right: 3%; background-color: #99319099; width: 78%; right: 3%; display: block; } #fussnote.fuss { top: -4%; left: 1%; position: relative; width: 83%; height: 236px; padding: 38px; margin-top: 10px; } #spruchstart.fuss { height: 117%; position: relative; padding: 4%; width: 85%; right: 5%; display: block; margin-left: 12%; margin-top: -54px; background: linear-gradient(to right, #a6b32780 0%,#263b0099 99%); background-color: rgba(0, 0, 0, 0); } #wassernote{ position: relative; top: -65%; left: 2px; font-size: 83%; color: navy; } #wechselbild2a.abhy{ position:relative; top:-97px; left:-66px; } #ampel.fuss { border-radius: 30px; display: table-cell; left: 8%; position: relative; top: -25%; height: auto; padding-bottom: 10%; } #navileiste.abhy { float: right; color: rgb(0, 0, 128); font: 71% serif; position: absolute; top: 81%; } #navyquer.abhy { width: 140%; margin-bottom: 5px; position: fixed; display: block; top: -23%; height: 50px; left: -958px; float: left; } #sidebar.abhy{ width: 18%; height: 430px; float: right; position: relative; padding: 20px; border-style: outset; border-radius: 20px; border-color: #B6FFA2; background-color: #DDEFDE80; margin-bottom: 2px; top: 12%; left: -16%; } #wasser { position: relative; margin: 22% auto; font-size: 98%; width: 72%; padding-top: 93%; top: 38px; } #sidebar1.abhy { width: 33%; height: 548px; float: left; position: relative; border-style: outset; border-radius: 20px; border-color: #B6FFA2; background-color: #DDEFDE99; left: -53%; top: 10%; padding: 2%; margin-top: 10px; margin-bottom: 10px; } #spruchstart.abhy { height: 117%; position: relative; padding: 4%; width: 115%; right: 5%; display: block; margin-left: 12%; margin-top: -54px; background: linear-gradient(to right, #a6b32780 0%,#263b0099 99%); background-color: rgba(0, 0, 0, 0); } #wasser.abhy { position: relative; margin: -9% auto; font-size: 98%; width: 72%; padding-top: 93%; top: 118px; } #rankefuss.abhy { display: inline; position: absolute; top: 35%; left: 80%; margin-bottom: 2px; width: 44%; } #ampel.abhy { border-radius: 30px; display: table-cell; left: 7px; position: relative; top: -245px; } #ampel.abhy1 { border-radius: 30px; display: table-cell; left: 767px; position: relative; top: -413px; } #tablefuss.abhy { width: 30%; text-align: left; padding-bottom: 20px; float: left; margin-bottom: 10px; margin-top: 72px; top: 50%; left: 591px; height: 522px; } td.kurztextabhy{ position:relative; top:-19px; left:-40px; font: 94% serif; } #wasser.agb { position: relative; font-size: 98%; width: 72%; padding-top: 93%; top: 38px; color:#f1eaf6e6; margin-top: -105%; } #übersicht.marma { position: relative; top: -36px; left: -98px; } #wrapper{ width: 80%; background-color:#caf9c3; padding:1%; margin: 0 auto; display:block; position:relative; height:1261px; } #headline.fuss { background-color:#bcf7b466; width:100%; position:relative; top:1px; left:1px; margin-top:18%; height:150px; border-bottom: 2px dotted white; } #headline.agb { background-color:#87e3a44d; width:80%; position:relative; left:201px; margin-top:-8%; height:150px; border-bottom: 2px dotted white; margin-bottom: 2px; } #nav.agb{ width:95%; margin-bottom:10px; position: relative; top:-352px; font-size: 110%; height:50px; background-color:#7eca7a33; margin-top: 5px; left: 1%; margin-left: 45px; float: left; display: block; } #navyquer.agb { width: 140%; margin-bottom: 5px; position: fixed; display: block; top: -43%; height: 50px; left: -78px; float: left; } #starttableindex.agb { left: 1%; position: relative; margin-top: 1%; float: left; margin-bottom: 4%; padding-right: 1%; padding-bottom: 50px; padding-top: 5%; width: 51%; padding-left: 8%; height: 1200px; top: -17%; margin-left: 125px; } #footer.agb { top: 28%; clear: both; width: 100%; background-color: #9194CF99; position: relative; margin-top: 8px; margin-bottom: 5px; height: 218px; } #copy.agb { margin: 0 auto; left: 1%; top: -6%; padding: 9px; width:66%; display: inherit; height: auto; } h1.fuss { top: -18%; left: 14%; position: relative; font-family: serif; font-size: 328%; margin-top: 48px; } h4.marma { color: rgba(12, 112, 25, 0.01); font: 105% bold,italic; height: 20%; left: 26%; position: fixed; text-align: center; text-shadow: 3px 3px 3px rgb(255, 255, 255); margin-top: -90px; } #main { width: 100%; float: left; background-color: #caf9c300; margin-top: -53px; margin-bottom: 10px; height: auto; } #main.fuss { width: 100%; float: left; background-color: #caf9c3; margin-top: -53px; margin-bottom: 10px; height: auto; margin-left:2px; } #main.navi{ width: 88%; background-color: #caf9c300; margin-top: auto; margin-bottom: 10px; height: auto; left: 20px; top: 30px; } header{ height:25%; width: 96%; position:relative; margin-top: 7%; margin-bottom: 10px; display:block; left: 2%; margin: 0 auto; } header.navi{ height:261px; width: 104%; margin-bottom: 10px; left: 0%; margin-top:64px; top: -32px; position: relative; } #herzlich1 { margin-top: 2%; left: 20%; width: 60%; margin-bottom: 20px; } #dreieck{ position:relative; left: 23px; top: 331px; margin-top: auto; display: block; } #dreieck.online { position: relative; top: 2%; left: 11%; display: block; } #dreieck.fuss{ position:relative; top:13%; left: -34px; } h5 { font: 130% bold,italic; left: 17%; position: relative; top: 50%; } #rankefuss.rueallg{ position:relative; top:20px; left:200px; } #starttableindex { left: 1%; position: relative; float: left; margin-bottom: 4%; width: 50%; height: auto; margin: 0 auto; padding: 125px 50px 61% 2%; } #starttableindex.start { left: 1%; position: relative; float: left; margin-bottom: 4%; padding-right: 5%; padding-bottom: 50px; padding-top: 5%; width: 50%; padding-left: 13%; height: auto; } #starttableindex.fuss { position: relative; float: left; margin-bottom: 4%; padding-right: 2%; padding-bottom: 50px; padding-top: 2%; width: 50%; padding-left: 2%; height: auto; top: -1%; margin-left: 100px; margin-top: 33px; } #starttableindex.imp { left: 5%; position: relative; margin-top: 2%; float: left; margin-bottom: 4%; padding-right: 5%; padding-bottom: 9px; padding-top: 1%; width: 44%; padding-left: 8%; height: 500px; top: 20px; } #starthome.marma { width: 87%; text-align: left; padding: 29px; } #tablefuss { width: 36%; position: absolute; top: 57%; left: 2%; height: 507px; padding-bottom: 31px; padding-left: 8%; margin-bottom: 10px; margin-top: 1%; margin-left: 8%; padding-top: 4%; } #tablefuss.marma { width: 36%; position: relative; top: 51%; right: 2%; height: 507px; padding-bottom: 31px; padding-left: 8%; margin-bottom: 10px; margin-top: -84%; margin-right: 3%; padding-top: 4%; float:right; } #sidebar{ width:337px; height:450px; float:right; position:relative; padding: 20px; border-style: outset; border-radius: 20px; border-color: #B6FFA2; background-color: #DDEFDE; margin-bottom: 2px; margin-top: 0%; left: -16%; top: -22%; } #sidebar.bau { width: 22%; height: 463px; float: right; position: relative; padding: 20px; border-style: outset; border-radius: 20px; border-color: #B6FFA2; background-color: #DDEFDE; margin-bottom: 2px; margin-top: -10%; right: 7%; top: 1%; } #nav.start{ float:left; width:100%; margin-top:10%; margin-bottom:10px; position: relative; font-size: 110%; margin:0 auto; margin-right:auto; margin-top: -484px; left: -1%; height: 48px; background-color: #80e7854d; } #nav.allg { float: left; width: 100%; margin-top: 10%; margin-bottom: 10px; position: relative; margin: 0 auto; left: 7%; height: 48px; background-color: #80e78500; } #navyquer.rueallg { width: 90%; position: absolute; display: block; top: -23%; left: 44px; float: left; margin-top: -15px; } #navyquer.navi { width: 80%; position: relative; display: block; top: 2%; } #navyquer.start { width: 99%; position: relative; display: block; margin-top: -189px; float: left; left: 36%; } #navyquer.allg { width: 99%; position: relative; display: none; margin-top: -30px; float: left; left: -35%; top: -534px; } #navyquer.marma { width: 140%; margin-bottom: 5px; position: fixed; top: -405%; margin-left: -58%; margin-top: -6000px; } #main.allg { width: 109%; float: left; background-color: #c3c6f900; margin-top: -50px; margin-bottom: 10px; height: 1499px; top: auto; position: relative; background: #add8e600; margin: -10% 1%; } #sidebar1{ width: 33%; height: 548px; float: left; position: relative; border-style: outset; border-radius: 20px; border-color: #B6FFA2; background-color: #DDEFDE99; left: -53%; top: 10%; padding: 2%; margin-top: 10px; margin-bottom: 10px; } #sidebar1.marma { width: 33%; height: 389px; float: left; position: relative; border-style: outset; border-radius: 20px; border-color: #B6FFA2; background-color: #DDEFDE; top: 2%; padding: 2%; margin-top: 9%; margin-bottom: 10px; left: -52%; } #fussnote.marma { font: 88% serif; color: #060881; background-color: #DDEFDE; border-color: rgb(0, 128, 0); border-radius: 20px; border-style: outset; height: 294px; width: 94%; opacity: 0.8; top: 79%; padding:8%; } #sidebar2 { width: 37%; min-height: 334px; float: right; position: relative; padding: 20px; border-style: outset; border-radius: 20px; border-color: #B6FFA2; background-color: #DDEFDE; right: 2%; top: 25%; } #footer.start{ top: 0%; clear:both; width:100%; background-color: #9194CF99; position:relative; margin-top: 8px; margin-bottom: 5px; height: 175px; } #wrapper.fuss { width: 99%; background-color: #ebfce9; padding: 1%; margin: 0 auto; margin-left: auto; display: block; position: relative; height:1885px; background-color: rgb(202, 249, 195); } #main.fuss{ width:100%; float:left; background-color: #caf9c3; top:15%; margin-top:-108px; margin-bottom: 10px; height:1102px; } header.fuss{ width: 100%; position:relative; top: -4%; margin-bottom: 5px; height: 325px; left: -18px; } #wechselbild3.fuss { left: 7%; top: 15%; width: 84%; } h1.fuss { left: 4%; position: relative; font-family: serif; font-size: 258%; color:navy; text-shadow:3px 3px 3px #fff; margin-top: 20%; top: -412px; } h1.allg { left: -3%; position: relative; font-family: serif; font-size: 289%; color: navy; text-shadow: 3px 3px 3px #fff; margin-top: 1%; margin: 0 auto; height: auto; top: -100px; } h1.rueallg { font-size: 222%; color: navy; font-weight: bold; font-style: italic; top: -338px; left: -14%; margin-top: 50px; position: relative; } #nav.fuss{ width:95%; margin-top:1%; margin-bottom:10px; position: fixed; top:6px; font-size: 110%; margin:0 auto; height:58px; background-color:#60ba4b33; width: 100%; } #navyquer.fuss { width: 140%; margin-bottom: 5px; position: relative; display: block; top: -465%; margin-left: -17px; height: 50px; left: -959px; float: left; } #navyquer.marma { width: 140%; margin-bottom: 5px; position: fixed; display: block; top: -47%; margin-left: -60%; margin-top: -24px; } #sidebar.fuss { width: 18%; height: 430px; float: right; position: relative; padding: 20px; border-style: outset; border-radius: 20px; border-color: #B6FFA2; background-color: #DDEFDE; margin-bottom: 2px; top: 14%; right: 13%; margin-top: -10%; } #sidebar.marma { width: 31%; height: 544px; float: right; position: relative; padding: 20px; margin-bottom: 2px; top: 1%; right: 3%; margin-top: -3%; margin-right: 3%; } #sidebar1.fuss{ width: 25%; height: 538px; float: right; position: relative; border-style: outset; border-radius: 20px; border-color: #B6FFA2; background-color: #DDEFDE80; top: 3%; padding: 2%; margin-top: 14%; margin-bottom: 10px; left: -13%; } #footer.fuss{ margin-top: 4%; clear:both; width:100%; background-color: #9194CF99; position:relative; top: -1%; margin-bottom: 5px; height: 164px; } #copy.fuss{ width:47%; top:-22%; height:auto; left: 9%; display: inline-flex; } #main.imp { width: 100%; float: left; background-color: #caf9c308; margin-top: auto; margin-bottom: 10px; height: 700px; } h1.imp { top: 37%; left: -30%; position: relative; font-family: serif; font-size: 328%; color:navy; text-shadow:3px 3px 3px #fff; } #wechselbild3.imp{ position:relative; top:-58px; left:20px; width:93%; margin-left: 40px; } #nav.imp{ width:100%; margin-top:1%; margin-bottom:10px; position: relative; top:-28%; font-size: 110%; margin:0 auto; height:50px; background-color:#60cc5033; left: -4px; } #navyquer.imp{ width: 140%; margin-bottom: 5px; position: relative; display: block; top: -1579px; margin-left: -17; height: 50px; left: -615px; float: left; margin: 37px auto; } #navyquer.bau { width: 140%; margin-bottom: 5px; position: relative; display: block; top: -1710px; margin-left: -17; height: 50px; left: -393px; float: left; margin: 37px auto; } #sidebar.imp{ width:22%; height:463px; float:right; position:relative; padding: 20px; border-style: outset; border-radius: 20px; border-color: #B6FFA2; background-color: #DDEFDE; margin-bottom: 2px; margin-top: -8%; right: 7%; top: 32%; } #wasser.imp { position: relative; margin: -9% auto; font-size: 98%; width: 72%; padding-top: 93%; top: -203px; } #footer.allg { top: 26%; clear: both; width: 100%; background-color: #9194CF14; position: relative; margin-top: 28px; margin-bottom: 5px; height: 150px; } #footer.fuss { top: 8%; clear: both; width: 100%; background-color: #9194CF99; position: relative; margin-top: -6px; margin-bottom: 15px; height: 161px; } #footer.marma{ top: 9%; clear: both; width: 100%; background-color: #9194CF99; position: relative; margin-top: -20px; margin-bottom: 5px; height: 143px; } #footer.navi { top: 6%; clear: both; width: 100%; background-color: #9194CF00; position: relative; margin-top: 36px; margin-bottom: 5px; height: 188px; left: 4px; } #footer.imp { top: auto; clear: both; width: 100%; background-color: #9194CF99; position: relative; margin-top: 5px; margin-bottom: 5px; height: 150px; display: block; text-align: center; } #footer.bau { top: -54%; clear: both; width: 100%; background-color: #9194CF99; position: relative; margin-top: -15px; margin-bottom: 5px; height: 169px; left: -178px; } #copy.navi { top: auto; left: 25%; display: inline-block; width: 73%; left: 8%; height: auto; top: 25px; margin-top: 8px; } #copy.raumbau { width: 37%; border-style: outset; top: -180px; margin-top: 80px; margin-left: 60px; display: none; height: 44px; text-align:center; padding: 50px 104px; left: 32px; } #copy.raum { width: 80%; left: -66px; height: 146px; margin-top: 10px; top: -1%; left: 7%; display: inherit; } #copy.home { width: 92%; left: 2%; top: 16%; padding: 9px; margin-top: 30px; } #copy.raumnav { width: 24%; height: auto; margin-top: 258px; top: -59%; display: inherit; padding: 30px; margin-bottom: 5px; left: 9%; position: absolute; font-size: 102%; } #copy.imp { width: 92%; margin: 0 auto; left: 2%; top: 16%; padding: 9px; display:inherit; height: auto; } #copy.marma { top: -3px; width: 1402px; height: auto; left: -364px; display: inherit; } #main.onlin { left: 5%; position: absolute; margin-top: 2%; float: left; margin-bottom: 4%; width: 50%; height: 1300px; top: 32%; width: 85%; } #copy.onlin { width:50%; left: 26%; margin-top: 20%; top: 220%; } #footer.onlin{ margin-top:220%; } } @media screen and (max-width:1500px){ #auswahl.massage { display: flex; width: 96%; font:110% sans-serif; text-shadow: none; top: 71%; left:-10%; margin:15% 3% 1% -52%; } table.buch{ display: inline-block; position: relative; width: 366px; height: 235px; padding: 37px; margin: 6% 10% 1% 1%; top:46%; left: -73%; } #headline.onlin { width: 90%; top: 45%; position: relative; height: 150px; } #buchen.termin { position: relative; display: inline-block; top: 68%; width: 38%; left: -6%; margin: -10% 5% 1% -44%; height: 57%; padding: 2%; } #termine.bestät { display: inline-block; position: relative; top: -39%; margin: 2% 2% 1% -12%; left: 29%; width: 65%; } #starttableindex.ayur { float: left; margin-bottom: 4%; padding-right: 2%; padding-bottom: 50px; padding-top: 2%; width: 50%; padding-left: 2%; height: auto; top: -6%; margin-left: 57px; } #table2 { display: flex; height: 67%; position: relative; top: auto; margin: 1% 2% 1% 3%; width: 23%; justify-content: center; } #auswahl.betreff { display: flex; font: 87% sans-serif; width: 45%; text-shadow: none; position: relative; left: 4%; top: -27%; margin: 5% 2% 2% -13%; height: 51px; } header.onlin { height: 343px; width: 99%; position: absolute; display: block; left: -1%; margin-bottom: 20px; top: -1%; margin-top: 7px; } #wechselbild2.onlin { width: 83%; left: 6%; top: 30%; } #sidebar.onlin { width: 21%; height: 425px; float: right; padding: 20px; margin-bottom: 2px; margin-top: -110%; left: 0%; top: -9%; } #starttableklass.spez { width: 55%; height: auto; padding-top: 37px; padding-left: 53px; top: 22px; left: 1%; padding-bottom: 70px; font-family: serif; font-size: 114%; margin-top: 66px; margin-bottom: 20px; } #bild.marma { position: relative; display: block; top: -2%; font-size: 158%; left: -85px; } #wechselbild1.allg { float: right; left: 3%; position: relative; margin-top: -64%; width: 127%; top: 180px; margin-left: 3px; } #sidebar.spez { top: 20%; position: absolute; margin-left: 72%; width: 23%; float: left; margin-top: 10px; height: 40%; } #copy.allg { top: auto; width: 774px; left: -20%; height: auto; margin-top: auto; font-size: 102%; } #terminspez.allg { top: -40%; margin-top: 1037px; text-align: center; opacity: 1.0; width: 55%; left: 7%; } #dreieck.spez { position: relative; top: 6%; left: 22%; width: 528px; margin-top: 185px; margin-left: -77px; } #kontaktlink { position: absolute; left: 29%; top: 100%; margin: 0 auto; margin-top: 0px; margin-bottom: 0px; margin-left: auto; margin-top: 54px; margin-left: -57px; margin-bottom: 40px; } #wechselbild10.allg { float: right; left: -15%; position: absolute; top: 55%; margin-top: -90%; width: 117%; margin-bottom: 20px; } #starthome { display: block; width: 89%; top: 2%; margin-top: 2%; margin-bottom: 80px; left: 4%; padding: 1px; height: auto; font: 120% serif; } #navyquer.nurmenue { width: 52%; top: -8%; margin-top: -7%; margin-left: -9%; position: absolute; left: -7%; } #spiegelranke { position: relative; top: 7%; left: 62%; height: 150px; margin-top: 234px; margin-bottom: 40px; width: 18%; } #wechselbild3.imp { position: relative; top: -31px; left: 51px; width: 98%; margin-left: 40px; } #starttableindex.bau { left: 8%; margin-top: 32%; float: left; margin-bottom: 4%; padding: 5%; width: 44%; top: -61%; } #sidebar.bau { width: 23%; height: 276px; float: left; position: relative; padding: 20px; border-style: outset; border-radius: 20px; border-color: #B6FFA2; background-color: #DDEFDE; margin-bottom: 2px; margin-top: 11%; left: 5%; top: -51%; } #wasser.imp { position: relative; margin: -9% auto; font-size: 98%; width: 72%; padding-top: 93%; top: -177px; } h1.bau { font-size: 247%; color: navy; font-weight: bold; font-style: italic; top: -26%; left: -21%; } #navyquer.abhy { width: 140%; margin-bottom: 5px; position: fixed; display: block; top: -25%; margin-left: -12px; height: 50px; left: -885px; float: left; } #tablefuss.abhy { width: 30%; text-align: left; padding-bottom: 20px; float: left; margin-bottom: 10px; margin-top: 72px; top: 58%; left: 591px; height: 522px; } #spruchstart.agb { height: 94%; position: relative; padding: 3%; margin-left: 37px; margin-right: 3%; background-color: #99319099; width: 78%; right: 3%; display: block; } #headline.agb { background-color:#87e3a44d; width:100%; position:relative; top:179px; left:1px; margin-top:3%; height:150px; border-bottom: 2px dotted white; margin-bottom: 2px; } #nav.agb{ width:95%; margin-top:1%; margin-bottom:10px; position: relative; top:-472px; font-size: 110%; margin:0 auto; height:50px; background-color:#bcf7b466; } #navyquer.agb { width: 140%; margin-bottom: 5px; position: fixed; display: block; top: -35%; margin-left: -17px; height: 50px; left: -766px; float: left; margin-top: 5px; } #starttableindex.agb { left: 1%; position: relative; margin-top: 1%; float: left; margin-bottom: 4%; padding-right: 1%; padding-bottom: 50px; padding-top: 5%; width: 51%; padding-left: 8%; height: auto; top: 5%; margin-left: 125px; font-size: 90%; } #footer.agb { top: 28%; clear: both; width: 100%; background-color: #9194CF99; position: relative; margin-top: 24px; margin-bottom: 5px; height: 218px; } #copy.raum{ width: 30%; left: -66%; height: 146px; margin-top: 10px; top: -1%; left: 7%; display: inherit; } #copy.agb { margin: 0 auto; left: 1%; top: -6%; padding: 9px; width:82%; display: inherit; } header{ width: 98%; margin-bottom: 10px; margin-top: 69px; top: auto; } #headline.fuss { background-color: #d8fad4; width: 100%; position: relative; top: 16px; left: 1px; margin-top: 20%; height: 150px; } #dreieck { position: relative; margin-top: 0%; left: -34px; } #dreieck.fuss{ position:relative; top:13%; left: -34px; } #herzlich1 { position: relative; margin-top: 1%; left: 20%; width: 60%; } #wrapper.fuss{ width: 99%; height: 1743px; } #main.fuss { width: 100%; float: left; top: -6%; margin-top: -42px; margin-bottom: 10px; height: 1234px; } #main.navi { width: 100%; background-color: #30982000; margin-top: -53px; margin-bottom: 10px; height: 3000px; top: -17%; position: relative; left: 10px; } #wechselbild3.fuss { left: 3%; top: 13%; width: 92%; } #nav.start { float: left; width: 95%; margin-top: 10%; margin-bottom: 10px; position:relative; margin: 0 auto; margin-top: 0px; margin-right: auto; margin-right: auto; margin-top: 3%; } h1.fuss { font-size: 243%; color: navy; font-weight: bold; font-style: italic; top: -90%; left: 16%; text-shadow:3px 3px 3px #fff; } h5 { font: 130% bold,italic; margin-left: 12%; position: relative; margin-top: 3%; } #navyquer.start { width: 138%; margin-bottom: 5px; position: relative; display: block; margin-top: -60%; left: 23%; } #navyquer.fuss { width: 140%; margin-bottom: 5px; position: relative; display: block; margin-top: -1%; margin-left: 8%; } #navyquer.navi { width: 80%; position: relative; display: block; top: 2%; } #navyquer.marma { width: 140%; margin-bottom: 5px; position: fixed; display: block; top: -30%; margin-left: -60%; margin-top: -14px; } #navyquer.rueallg { width: 99%; position: relative; display: block; top: -1016%; left: -155px; } starttableindex { left: 1%; position: relative; margin-top: 2%; float: left; top:18%; } #starttableindex.fuss { float: left; margin-bottom: 4%; padding-right: 2%; padding-bottom: 50px; padding-top: 2%; width: 50%; padding-left: 2%; height: auto; top: 8%; margin-left: 57px; } #sidebar.fuss { width: 22%; height: 463px; float: right; position: relative; padding: 20px; border-style: outset; border-radius: 20px; border-color: #B6FFA2; background-color: #DDEFDE; margin-bottom: 2px; top: 13%; right: 9%; } #sidebar1.fuss { width: 27%; height: 500px; float: right; top: 16%; padding: 2%; margin-top: 10px; margin-bottom: 10px; left: -9%; } h1.imp{ font-size: 300%; color: navy; font-weight: bold; font-style: italic; top: 26%; left: -17%; text-shadow:3px 3px 3px #fff; } #footer.bau { top: auto; clear: both; width: 100%; background-color: #9194CF99; position: relative; margin-top: -18px; margin-bottom: 5px; height: 169px; left: -5%; position: relative; } #footer.imp { clear: both; width: 100%; background-color: #9194CF99; position: relative; margin-top: 5px; margin-bottom: 5px; height: auto; } #nav.imp { width: 100%; margin-top: 1%; margin-bottom: 10px; position: relative; top: -342px; font-size: 110%; margin: 0 auto; height: 50px; left: 0px; } #navyquer.imp { width: 140%; margin-bottom: 5px; position: relative; display: block; top: -133px; margin-left: -17px; height: 50px; left: -522px; float: left; margin: 37px auto; } #copy.bau { width: 74%; padding: 9px; border-style: outset; top: -189px; margin-top: 80px; margin-left: 60px; display: inherit; height: 70px; left: 34px; } #copy.raumnav { width: 22%; left: -66px; height: auto; margin-top: -11px; top: 11%; left: -8%; display: inherit; margin-bottom: 20px; font: 97% sans-serif; padding-bottom: 3px; } #copy.fuss { width: 87%; top: 1%; height: auto; display: inherit; left: -17%; margin-top: 9px; margin-bottom: 10px; } #copy.raumbau { width: 31%; border-style: outset; top: -620px; margin-top: 80px; margin-left: 60px; display: none; height: auto; text-align:center; padding: 30px; left: 547px; } } @media screen and (max-width:1400px) { #sprung.onlin { margin:30% 0% 1% 8%; padding-left: 37px; position: fixed; top: -28%; display: inline-block; left: 40%; } #navyquer.rueallg { display: block; position: relative; top: auto; margin-top: -1300px; left: -29px; width: 85%; } #main.onlin { left: 5%; margin-top: 2%; float: left; margin-bottom: 4%; height: 1300px; top: 32%; width: 85%; } #wechselbild2.onlin { width: 76%; left: 7%; top: 33%; } #sprung { display: none; } #sidebar.onlin { width: 27%; height: 425px; float: right; padding: 20px; margin-bottom: 2px; margin-top: -82%; left: 4%; top: -36%; } #medien.onlin{ width: 23%; top: 81%; height: 99px; margin-top: 20px; margin-bottom: 20px; left: -3%; display: inline; } #starttableklass.spez { width: 65%; height: auto; top: 22px; left: 1%; font-size: 114%; margin-top: 10px; margin-bottom: 2px; } #wechselbild10.allg { float: right; left: -29%; top: 2%; margin-top: -90%; width: 117%; margin-bottom: 20px; margin: 10px; } #bild.allg { width: 20%; top: -24%; margin-top: auto; margin-bottom: 20px; left: 81%; padding: 4px; height: auto; } h1.navi { color: navy; height: 20%; margin-top: -54%; margin-left: 38%; top: -66%; position: relative; } #main.onlin { float: left; left: -1%; position: relative; width: 99%; top: 42%; margin-left: 10px; margin: 0 auto; margin-top: -82px; } #dreieck.navi { position: relative; left: 13%; top: 11%; margin-left: 20px; max-width: 14%; margin-top: 12%; } #copy.raumnav { width: 14%; height: auto; margin-top: -29%; top: 22%; padding: 35px; margin-bottom: 5px; left: -6%; font-size: 86%; } #navyquer.allg { width: 99%; position: relative; display: none; margin-top: -30px; float: left; left: -31%; top: -563px; } #headline.allg { background-color: #87e3a400; width: 64%; position: relative; left: -39px; height: 129px; border-bottom: 3px dotted white; margin-bottom: 2px; top: -87px; } #spruchstart.term { height: 105%; margin-left: 61px; margin-right: 3%; width: 120%; left: -59%; } #starthome.onlin { display: block; position: relative; width: 96%; top: 28px; left: -17px; margin-left: 46px; font: 125%/1.4 sans-serif; } #sidebar.term { width: 19%; height: 315px; padding: 20px; margin-bottom: 50px; margin-top: -39%; left: 5%; top: -16%; padding: 4%; } #dreieck.online { top: 1%; left: -12px; margin-top: 5px; display: block; max-width: 24%; } #main.allg { float: left; left: -1%; position: relative; width: 87%; top: -1%; margin-left: 10px; margin: 0 auto; margin-top: -82px; } #navyquer .top > li { float: left; width:130px; height: auto; } #nav.allg { width: 100%; margin-top: 10%; margin-bottom: 10px; margin: 0 auto; left: -2%; height: 48px; background-color: #80e78500; top: -190px; } #wechselbild1.allg { float: left; left: -26%; position: absolute; margin-top: -64%; width: 119%; top: 64%; margin-left: 10px; margin-bottom: 20px; margin: 10px; } #starthome { display: block; position: relative; width: 91%; top: -6%; font-size: 122%; margin: 0 auto; padding: 12px; } #sidebar.spez { top: 15%; position: absolute; margin-left: 70%; width: 28%; float: left; margin-top: 10px; height: auto; } #navyquer.start { width: 138%; margin-bottom: 5px; position: relative; display: block; margin-top: -38%; margin: 0 auto; margin-left: auto; left: -64%; top: -721px; } #wrapper { width: 1300px; height:1113px; left: -10px; top: 10px; } #navyquer.abhy { width: 140%; margin-bottom: 5px; position: fixed; display: block; top: -30%; margin-left: -17px; height: 50px; left: -698px; float: left; } #sidebar.abhy { width: 18%; height: 430px; float: right; position: relative; padding: 20px; border-style: outset; border-radius: 20px; border-color: #B6FFA2; background-color: #DDEFDE80; margin-bottom: 2px; top: 2%; left: -16%; } #starttableindex.allg { margin-top: 12px; padding-right: 2%; margin: 18px 30px; margin-bottom: 16px; margin-bottom: 17px; margin-bottom: 0px; left: 2%; width: 49%; height: auto; font-size: 74%; padding-bottom: 104px; top: -12px; } #tablefuss.abhy { width: 35%; text-align: left; padding-bottom: 20px; float: left; margin-bottom: 10px; margin-top: 72px; top: 50%; left: 555px; height: 522px; } #wrapper.fuss { width: 99%; height: 1851px; } #headline.fuss { background-color: #bcf7b466; width: 100%; position: relative; top: 19px; left: 1px; margin-top: 29%; height: 150px; } #headline.agb { background-color:#87e3a44d; width:100%; position:relative; top:41px; left:1px; margin-top:-2%; height:170px; border-bottom: 2px dotted white; margin-bottom: 2px; } #nav.agb{ width:95%; margin-top:1%; margin-bottom:10px; position: relative; top:-436px; font-size: 110%; margin:0 auto; height:50px; background-color:#b2e4abcc; left: 24px; } #navyquer.agb { width: 140%; margin-bottom: 5px; position: fixed; display: block; top: -35%; margin-left: -17px; height: 50px; left: -622px; float: left; } #starttableindex.agb { left: 1%; position: relative; margin-top: 1%; float: left; margin-bottom: 4%; padding-right: 1%; padding-bottom: 50px; padding-top: 5%; width: 51%; padding-left: 8%; height: auto; top: 5%; margin-left: 125px; } #spruchstart.agb { height: 94%; position: relative; padding: 3%; margin-left: 37px; margin-right: 3%; background-color: #99319099; width: 78%; right: 3%; display: block; } #footer.agb { top: 22%; clear: both; width: 100%; background-color: #9194CF99; position: relative; margin-top: 8px; margin-bottom: 5px; height: 218px; } #copy.agb { margin: 0 auto; left: 1%; top: -6%; padding: 9px; width:82%; display: inherit; } #main.fuss { width: 100%; float: left; top: -2%; margin-top: -106px; margin-bottom: 10px; height: 1234px; margin-left: 14px; } header{ height:324px; width: 98%; margin-bottom: 10px; } header.fuss{ width: 100%; position:relative; top: -4%; left:1%; margin-bottom: 5px; height:324px; } #nav.fuss{ width:98%; margin-top:1%; margin-bottom:10px; position: fixed; top:2%; font-size: 110%; margin:0 auto; height:50px; background-color:#1da44333; } #navyquer.fuss { width: 140%; margin-bottom: 5px; position: relative; display: block; margin-left: 21%; margin-top: -58px; } #footer.fuss { top: 1%; clear: both; width: 100%; background-color: #9194CF99; position: relative; margin-top: -6px; margin-bottom: 15px; height: auto; } #nav.imp { width: 100%; margin-top: 1%; margin-bottom: 10px; position: relative; top: -342px; font-size: 110%; margin: 0 auto; height: 50px; left: 11px; } #navyquer.imp { width: 140%; margin: 5px auto; position: relative; display: block; top: -1922%; left: -53%; } #navyquer.marma { width: 140%; margin-bottom: 5px; position: fixed; display: block; top: -05px; margin-left: -59%; margin-top: -269px; } #navyquer.navi { width: 80%; position: relative; display: block; top: 2%; } #navyquer.rueallg { width: 99%; position: relative; display: block; top: -889%; left: -79px; } #main{ width:100%; height: 672px; top: -2%; } header{ height:350px; width: 99%; margin-bottom: 10px; left: -1%; top: 5px; margin: 0 auto; } #dreieck { position: relative; margin-top: -10%; left: -34px; width: 53%; } #dreieck.fuss{ position:relative; top:13%; left: -34px; } #herzlich1 { position: relative; margin-top: 1%; left: 20%; width: 60%; } #nav.start { float: left; width: 95%; margin-top: 10%; margin-bottom: 10px; position:relative; margin: 0 auto; margin-top: 0px; margin-right: auto; margin-right: auto; margin-top: 7%; height: 20px; } #navileiste.fuss { position: absolute; margin-top: 13%; float: right; left: 56%; } #navyquer.start { width: 160%; margin-bottom: 5px; position: relative; display: block; margin-top: -5%; margin-left: 2%; } #starttableindex.onlin { text-align: center; margin-top: 120px; position: relative; margin: 0 auto; width: 69%; margin-bottom: 10px; margin-top: -11px; left: 9%; } #starttableindex.fuss { float: left; margin-bottom: 4%; padding-right: 2%; padding-bottom: 50px; padding-top: 2%; width: 50%; padding-left: 2%; height: auto; top: -1%; margin-left: 57px; } #starttableindex.imp { width:45%; } #sidebar{ width:23%; height:454px; float:left; position:relative; padding: 20px; border-style: outset; border-radius: 20px; border-color: #B6FFA2; background-color: #DDEFDE; left: -1%; margin-bottom: 2px; margin-top:5px; margin: 0 auto; top: -14%; } #sidebar.fuss { width: 22%; height: 463px; float: right; position: relative; padding: 20px; border-style: outset; border-radius: 20px; border-color: #B6FFA2; background-color: #DDEFDE; margin-bottom: 2px; top: 3%; margin-right: 7%; } #sidebar1.fuss { width: 28%; height: 500px; float: right; top: 5%; left: -8%; } #sidebar1.marma { width: 33%; height: 389px; float: left; position: relative; border-style: outset; border-radius: 20px; border-color: #B6FFA2; background-color: #DDEFDE; top: 0%; padding: 2%; margin-top: 14%; margin-bottom: 10px; left: -53%; } #tablefuss { width: 36%; position: absolute; top: 53%; left: 2%; } #footer{ top:-1%; clear:both; width:100%; background-color: #9194CF99; position:relative; margin-top: 5px; margin-bottom: 5px; } #footer.imp { top: -12%; clear: both; width: 100%; background-color: #9194CF99; position: relative; margin-top: 7px; margin-bottom: 5px; left: 0%; height: 150px; margin-top: 679px; } #footer.marma { top: 0%; clear: both; width: 100%; background-color: #9194CF99; position: relative; margin-top: 9px; margin-bottom: 5px; height:180px; } #copy.imp { width: 92%; margin: 0 auto; left: 2%; top: 16%; padding: 9px; display:inherit; height:auto; } #copy.marma { width: 92%; margin: 0 auto; left: 0%; top: 7%; padding: 9px; display:inherit; height:auto; } } @media screen and (max-width:1300px) { #wechselbild2.onlin { width: 83%; left: 10%; top: 33%; } #headline.onlin { width: 70%; top: 38%; position: relative; height: 150px; left:15%; } #sidebar.onlin { width: 24%; height: 522px; margin-top: -113%; } header.onlin { height: 343px; width: 99%; position: absolute; display: block; left: -1%; margin-bottom: 20px; top: -1%; margin-top: 7px; } #wechselbild1.allg { float: left; left: -34%; position: relative; margin-top: -64%; width: 124%; top: 81%; margin-left: 10px; margin: 0 auto; } #main.onlin { float: left; left: -1%; position: relative; width: 99%; top: 14%; margin-left: 10px; margin: 0 auto; margin-top: 0px; margin-top: 282px; } #navyquer.onlin { position: fixed; top: -82%; width: 90%; margin-top: 20px; left: -17%; display: block; } #spruchstart.onlin { width: 94%; height: 85%; left: -18%; top: 5%; margin-top: 5%; border: 1px outset #352c66; } #starttableindex.onlin { padding-right: 10%; position: relative; margin: 0 auto; margin-top: 0px; margin-bottom: 0px; width: 60%; margin-bottom: 9px; margin-top: -11px; font: 102%/1.4 sans-serif; } #starthome.onlin { margin-bottom: 20px; left: 1%; height: auto; font: 137% serif; margin-right: 30px; margin: -19px auto; } #medien.onlin { width: 30%; top: 6%; height: 99px; margin-top: 20px; margin-bottom: 20px; left: -2%; } #bild.garschan { position: absolute; display: block; top: -15%; font-size: 158%; left: -4px; margin: 0 auto; } #bild.allg { width: 20%; top: -24%; margin-top: auto; margin-bottom: 20px; left: 81%; height: auto; } #wechselbild2.advent { left: -21px; top: -11px; width: 90%; margin: 1% auto; margin-top: 1%; height: auto; margin-top: 4%; } #headline.allg { background-color: #87e3a400; width: 64%; position: relative; left: -39px; height: 129px; top:-40px; } #navyquer.allg { width: 99%; margin-top: -30px; left: -32%; top: -596px; } #sidebar.term { width: 19%; height: 315px; margin-bottom: 50px; margin-top: -39%; left: 5%; top: -16%; } #starttableindex.imp { left: 5%; margin-top: 2%; float: left; margin-bottom: 4%; padding-right: 5%; padding-bottom: 9px; width: 44%; padding-left: 8%; height: 377px; top: -217px; } #rankefuss.abhy { position: absolute; top: 36%; left: 76%; margin-bottom: 2px; width: 40%; } h4.abyanga { color: rgb(12, 112, 25); font: 106% bold,italic; height: 20%; left: 16%; position: relative; text-align: center; text-shadow: 3px 3px 3px rgb(255, 255, 255); top: -15%; } #navileiste.abhy { float: right; color: rgb(0, 0, 128); font: 71% serif; position: absolute; top: 92%; left: 75%; } #navyquer.abhy { width: 140%; margin-bottom: 5px; position: fixed; display: block; top: -23%; margin-left: -17px; height: 50px; left: -651px; float: left; } #tablefuss.abhy { width: 38%; text-align: left; padding-bottom: 20px; float: left; margin-bottom: 10px; margin-top: 189px; top: 39%; left: 498px; height: 522px; } #wrapper { width: 99%; height:1284px; } #wrapper.imp { width: 99%; height:1000px; left: -5px; } #navileiste.fuss { color: rgb(0, 0, 128); font: 72% serif; left: 71%; position: absolute; margin-top: 15%; } #headline.fuss { background-color: #bcf7b466; width: 100%; position: relative; top: 1px; left: 1px; margin-top: 29%; height: 150px; } #headline.agb { background-color:#87e3a44d; width:100%; position:relative; top:65px; left:1px; margin-top:1%; height:150px; border-bottom: 2px dotted white; margin-bottom: 2px; } #nav.agb{ width:95%; margin-top:1%; margin-bottom:10px; position: relative; top:-24%; font-size: 110%; margin:0 auto; height:50px; background-color:#caf9c399; } #navyquer.agb { width: 140%; margin-bottom: 5px; position: fixed; display: block; top: -35%; margin-left: -17px; height: 50px; left: -487px; float: left; } #starttableindex.agb { left: 1%; position: relative; margin-top: 1%; float: left; margin-bottom: 4%; padding-right: 1%; padding-bottom: 50px; padding-top: 5%; width: 51%; padding-left: 8%; height: auto; top: 5%; margin-left: 125px; } #sidebar.agb { width: 23%; height: 552px; } #wasser.agb{ top:-91px; color: #fff; } #footer.agb { top: 17%; clear: both; width: 100%; background-color: #9194CF99; position: relative; margin-top: 8px; margin-bottom: 5px; height: auto; } #copy.agb { margin: 0 auto; left: 1%; top: -7%; padding: 9px; width:82%; display: inherit; height: auto; } #dreieck.fuss{ position:relative; top:13%; left: -34px; } #main.imp{ width:100%; float:left; background-color: #caf9c303; top:-2%; margin-top:-4%; margin-bottom: 10px; height:628px; } #main.fuss { width: 100%; float: left; top: -7%; margin-top: -109px; margin-bottom: 10px; height: 1234px; } #wechselbild3.fuss { left: 5%; top: 13%; width: 95%; } #nav { width: 140%; margin-bottom: 5px; position: relative; display: block; top: -2923%; margin: 0 -6%; left: -17%; } #nav.imp { width: 100%; margin-top: 1%; margin-bottom: 10px; position: relative; top: -264px; font-size: 110%; margin: 0 auto; height: 50px; left: -16px; } #navyquer.imp { width: 140%; margin: 5px auto; position: relative; display: block; top: -2616%; left: -46%; } #nav.fuss{ width:100%; margin-top:1%; margin-bottom:10px; position: fixed; top:19px; margin:0 auto; background-color: #7dbf7480; left: 38px; } #navyquer.navi { width: 80%; position: relative; display: inherit; top: 2%; } #navyquer.fuss { width: 140%; margin-bottom: 5px; position: relative; display: block; top: -466%; margin-left: 23%; margin-top: -60px; } #navyquer.rueallg { width: 102%; position: relative; display: block; top: -937%; left: -128px; } #navyquer.marma { width: 140%; margin-bottom: 5px; position: relative; display: block; top: -3819%; margin-left: -50%; margin-top: -14px; } #sprung.imp{ display: none; top: -74%; float: left; position:relative; left: 63px; } h1.imp { font-size: 300%; color: navy; font-weight: bold; font-style: italic; top: 54%; left: -23%; text-shadow: 3px 3px 3px #fff; } #kurztext.imp { font: 90%/1.2 serif; margin: 28px 33px 17px 66px; padding-left: 2px; width: 380px; top: 276px; } #sidebar.imp { width: 22%; height: 463px; float: right; position: relative; padding: 20px; margin-bottom: 2px; margin-top: -11%; margin-right: 17%; top: 35%; background-color: #DDEFDE80; } #wasser.imp { position: relative; margin: -9% auto; font-size: 98%; width: 72%; padding-top: 93%; margin-top: -61%; top: -18%; } header.fuss { width: 100%; top: -4%; left: 1%; height: 263px; margin-bottom: 2px; } #dreieck { position: absolute; top: 99%; left: -5%; } h1.fuss { top: -89%; left: 17%; } h5.fuss { font: 130% bold,italic; left: 5%; position: relative; margin-top: 1%; } #navyquer.start { width: 160%; margin-bottom: 5px; position: relative; display: block; margin-top: -6%; margin-left: -6%; margin: 0 auto; } #starttableindex { margin-top: 120px; padding-right: 2%; position: relative; margin: 0 auto; left: 2%; width: 61%; margin-bottom: 10px; top: -22px; } #sidebar{ width:23%; height:452px; float:left; position:relative; padding: 20px; border-style: outset; border-radius: 20px; border-color: #B6FFA2; background-color: #DDEFDE; left: 2%; margin-bottom: 2px; margin-top:5px; margin: 0 auto; top: -6%; } #sidebar.fuss { width: 27%; height: 463px; top: 0%; margin-right: 5%; } #sidebar.marma { width: 30%; height: 544px; float: right; position: relative; padding: 20px; margin-bottom: 2px; top: 1%; right: 2%; margin-top: -3%; margin-right: -3%; } #starttableindex.fuss { width: 50%; padding-left: 2%; height: auto; top: 0%; margin-left: 67px; margin-top: 25px; } #sidebar1.fuss { width: 33%; height: 500px; float: right; position: relative; border-style: outset; border-radius: 20px; border-color: #B6FFA2; background-color: #DDEFDE99; top: 9%; padding: 2%; margin-top: 10px; margin-bottom: 10px; left: -2%; } #tablefuss.marma { width: 36%; position: relative; top: 51%; right: 2%; height: 507px; padding-bottom: 31px; padding-left: 8%; margin-bottom: 10px; margin-top: -109%; margin-right: 3%; padding-top: 4%; float: right; } } @media screen and (max-width:1200px) { label.massage { margin: 44px 4%; position: relative; height: 48px; top: 29%; width: 448px; left: 26%; font-weight: bold; display: flex; justify-content: center; align-items: center; } #auswahl.betreff { display: flex; font: 87% sans-serif; width: 45%; text-shadow: none; position: relative; left: 4%; top: -27%; margin: 5% 2% 2% -13%; height: 51px; } #form.termine { display: flex; margin: 0 auto; height: auto; width: 99%; top: 4%; position: relative; left: 11%; } #termine.online { display: flex; position: relative; width: 38%; height: 48%; margin: 0 auto; left: -35%; justify-content: center; align-items: center; } #termine.weitere { width: 820px; top: -72%; left: auto; margin: -6% 9%; height: 30%; } select.buch { height: 50px; width: 643px; text-align: center; font: 80% sans-serif; margin: -35% 5% 8% 24%; left: 43%; } #termine.bestät { position: relative; margin:-3% 2% 1% -12%; left: -10%; width: 85%; } #spruchstart.onlin { width: 94%; height: 400px; left: -18%; top: 4%; border: 1px outset #352c66; } table.buch { display: inline-block; position: relative; width: 366px; height: 235px; padding:37px; margin:6% 10% 1% 1%; top: 46%; left: -4.4%; } #auswahl.massage { display: flex; width: 99%; font:110% sans-serif; text-shadow: none; top: 71%; margin:15% 3% 1% -24%; justify-content: center; align-items: center; } table.medien { display: table-cell; width: 100%; padding-left: 31px; height: auto; text-align: center; } #medien.onlin { position: absolute; width: 49%; top: 318%; height: 99px; margin-top: 20px; margin-bottom: 20px; left: 23%; display: inline; } header.onlin { height: 372px; width: 99%; position: absolute; display: block; left: -1%; margin-bottom: 20px; top: 1%; margin-top: 7px; } #navyquer.onlin { position: fixed; top: -82%; width: 90%; margin-top: 20px; left: -20%; display: block; } #sidebar.onlin { width: 20%; height: 425px; float: right; padding: 20px; margin-bottom: 2px; margin-top: -95%; left: 9%; top: -8%; } #headline.onlin { width: 74%; top: 19%; position: relative; height: 150px; } h1.onlin { text-shadow: 1px 1px 1px #fff; top: 12%; font-style: italic; left: -6%; width: 528px; height: auto; margin-top: -121px; font-size: 320%; } #starttableindex.onlin { padding-right: 10%; position: relative; margin: 0 auto; margin-top: 0px; margin-bottom: 0px; margin-left: auto; margin-top: 0px; margin-bottom: 0px; width: 61%; margin-bottom: 9px; margin-top: -11px; margin-left: 4%; top: 5%; } #starthome.onlin { margin-bottom: 20px; left: 3%; height: auto; font: 127% sans-serif; margin-right: 30px; padding: 10px 40px; width: 99%; margin-top: -86px; } td.termonline{ display: table-cell; background: linear-gradient(to right, #ef7fe8 0%,#e93cec99 99%); height: 60px; border-radius: 15px; } td.hoerer{ display: none; height: 20px; } td.kontakte{ display: table-cell; background: lightgreen; height: 60px; border-radius: 15px; } #copy.raumnav { width:auto; height: auto; margin-top: -25%; top: 17%; padding: 35px; margin-bottom: 5px; left: -6%; font-size: 86%; margin-left: 59%; } #main.onlin { width: 100%; float: left; background-color: #caf9c300; margin-bottom: 10px; height: 2896px; top: auto; margin: 0 auto; margin-top: 38%; left: -114px; } #navyquer.nurmenue { width: 52%; top: -11%; margin-top: -7%; margin-left: -9%; position: absolute; left: -7%; } #copy.raumnav { width: 14%; height: auto; margin-top: -29%; top: 18%; padding: 35px; margin-bottom: 5px; left: -6%; font-size: 86%; } #copy.raumnav { width: 25%; height: auto; margin-top: -25%; top: 17%; padding: 35px; margin-bottom: 5px; left: -6%; font-size: 86%; margin-left: 68%; } header.navi { height: 261px; width: 104%; margin-bottom: 10px; left: 0%; margin-top: 64px; top: -64px; position: relative; } #wechselbild2.advent { left: 9px; top: -1%; width: 106%; margin: 1% auto; margin-top: 1%; margin-top: 1%; height: auto; margin-top: 9%; } #sidebar.term { width: 19%; height: 315px; margin-bottom: 50px; margin-top: -39%; left: 7%; top: -4%; } #wasser.allg { color: #5a0e5a; font-size: 126%; width: 72%; padding-top: 93%; top: -45%; text-shadow: -2px 2px 2px aliceblue; left: 37px; } #abhylink { position: relative; left: 5px; } #headline.allg { background-color: #87e3a400; width: 64%; left: -60px; height: 129px; margin-bottom: 2px; top: -49px; margin: 0 auto; } #wrapper.onlin { width: 99%; margin: 0 auto; height: 1261px; } #starthome { display: block; position: relative; width: 83%; top: 28px; font-size: 150%; left: 10px; height: auto; margin-bottom: 29px; } #spruchstart { height: 600px; position: relative; padding: 3%; margin-left: 61px; margin-right: 3%; background-color: #99319099; width: 94%; left: -19%; } #bild.allg { display: block; position: relative; width: 20%; top: -307px; margin-top: auto; margin-bottom: 20px; left: 800px; height: 280px; border:none; } #bild.garschan { position: relative; display: block; top: -287px; font-size: 130%; left: 19px; } #sprung.spez { width: 80%; left: -11%; margin-left: 3px; margin-top: -14%; margin-right: 30px; top: 3px; } #wechselbild10.allg { float: right; left: -30%; position: absolute; top: 90%; margin-top: -183%; width: 127%; margin: 0 auto; } #footer.allg { top: 100%; clear: both; width: 100%; background-color: #9194CF14; position: relative; margin-top: 28px; margin-bottom: 5px; height: 150px; } #wechselbild2.fuss { position: relative; left: 15px; top: -7%; width: 96%; } #starttableklass.spez { width: 68%; height: auto; padding-top: 10px; padding-left: 20px; top: 2px; left: 9%; padding-bottom: 160px; font: 90%/1.2 serif; margin-top: 10px; } #sidebar.spez { top: 3%; position: absolute; margin-left: 33%; width: 28%; float: left; margin-top: 10px; height: 130%; left: 474px; } #main.allg { width: 100%; float: left; background-color: #caf9c300; margin-bottom: 10px; height: auto; top: auto; margin: 0 auto; margin-top: -53px; left: -89px; } #footer.start { clear: both; width: 100%; background-color: #9194CF99; position: relative; margin-top: 12px; margin-bottom: 5px; height: 175px; top: 3%; } #wechselbild1.allg { float: right; left: -1%; position: relative; width: 127%; margin: 0 auto; top: 3%; } #nav.onlin { width: 100%; margin-top: 1%; margin-bottom: 10px; position: relative; top: -2%; font-size: 110%; margin: 0 auto; height: 50px; left: -16px; display: block; } #sidebar.abhy { width: 22%; height: 430px; float: right; position: relative; padding: 20px; border-style: outset; border-radius: 20px; border-color: #B6FFA2; background-color: #DDEFDE80; margin-bottom: 2px; top: 2%; left: -6%; } #fussnote.fuss { top: 36%; left: 1%; position: relative; width: 74%; height: 358px; padding: 38px; margin-top: 10px; } #ampel.abhy { border-radius: 30px; display: table-cell; left: 7px; position: relative; top: -245px; } #wechselbild2a.abhy { position: relative; top: -200px; left: -88px; } #sidebar1.abhy { width: 33%; height: 548px; float: left; position: relative; border-style: outset; border-radius: 20px; border-color: #B6FFA2; background-color: #DDEFDE99; left: -55%; top: 4%; padding: 2%; margin-top: 10px; margin-bottom: 10px; } #wassernote{ position:relative; top:-65%; left:2px; font-size: 83%; color: navy; } #tablefuss.abhy { width: 38%; text-align: left; padding-bottom: 20px; float: left; margin-bottom: 10px; margin-top: 100px; top: 39%; left: 498px; height: 522px; } #spruchstart.abhy { height: 100%; top: 44px; left: -53px; width: 94%; } #wasser.abhy { position: relative; margin: -9% auto; font-size: 85%; top:174px; } #wrapper.imp { width: 87%; height: 848px; left: 10px; margin-left: 41px; } #headline.agb { background-color:#87e3a44d; width:100%; position:relative; top:65px; left:1px; margin-top:1%; height:150px; border-bottom: 2px dotted white; margin-bottom: 2px; } #headline.fuss { width: 100%; position: relative; top: 1px; left: 1px; margin-top: 41%; height: 150px; } #headline.agb { background-color:#87e3a44d; width:100%; position:relative; top:92px; left:1px; margin-top:1%; height:50%; border-bottom: 3px dotted white; margin-bottom: 2px; } #nav.agb{ width:95%; margin-top:1%; margin-bottom:10px; position: relative; top:-24%; font-size: 110%; margin:0 auto; height:50px; background-color:#caf9c399; } #navyquer.agb { width: 140%; margin-bottom: 5px; position: fixed; display: block; top: -35%; margin-left: -17px; height: 50px; left: -487px; float: left; } #starttableindex.agb { left: 1%; position: relative; margin-top: 1%; float: left; margin-bottom: 4%; padding-right: 1%; padding-bottom: 50px; padding-top: 5%; width: 56%; padding-left: 8%; height: auto; top: 2%; margin-left: 43px; } #footer.agb { top: 18%; clear: both; width: 100%; background-color: #9194CF99; position: relative; margin-top: 8px; margin-bottom: 5px; height: auto; } #copy.agb { margin: 0 auto; left: 1%; top: -7%; padding: 9px; width:82%; display: inherit; height: auto; } #main.fuss { height:1215px; margin-top: 3%; } #main.imp { width: 100%; float: left; background-color: #caf9c3; top: -14%; margin-top: 190px; margin-bottom: 10px; height: 614px; } #sprung.imp{ display: none; top: -74%; float: left; position:relative; left: 63px; } h1.imp { font-size: 300%; color: navy; font-weight: bold; font-style: italic; top: 3%; left: -23%; text-shadow: 3px 3px 3px #fff; } #kurztext.imp { font: 90%/1.2 serif; margin: 28px 33px 17px 66px; padding-left: 2px; width: 380px; } #sidebar.imp { width: 22%; height: 463px; float: right; position: relative; padding: 20px; margin-bottom: 2px; margin-top: -11%; margin-right: -6%; top: 35%; background-color: #DDEFDEE6; } #wasser.imp { position: relative; margin: -9% auto; font-size: 98%; width: 72%; padding-top: 93%; margin-top: -61%; top: -18%; } #main.navi{ width: 100%; background-color: #caf9c300; margin-top: 19px; margin-bottom: 10px; height: 3000px; } #navyquer, #nav{ display:none; } #nav.fuss, #navyquer.fuss, #navileiste { display:none; } #navyquer.navi{ width:96%; margin-top: -15px; left: -13px; } #wechselbild3.fuss{ width: 103%; top: 1%; left: 1%; } #copy.fuss{ width:86%; left: 3%; height: auto; top: auto; margin-top: 7px; } h1.fuss{ top: -93%; margin-left: -4%; } h1.imp{ top: 7%; margin-left: 4%; } #main{ width:100%; position: relative; top: 2%; margin-top:14px; height: 725px; } header{ height: 250px; width: 102%; margin-bottom: 10px; left: 10px; top: -7px; } #dreieck { position: relative; margin-top: -19%; left: -7%; } #dreieck.fuss{ position:relative; top:13%; left: -87px; } #herzlich1 { position: relative; top: 282%; left: 20%; width: 60%; margin-top: -45px; } #starttableindex { text-align: center; padding-left: 11%; position: relative; margin-bottom: 0px; left: 5%; width: 59%; top: 0%; } #dreieck.imp { position: relative; margin-top: -25%; left: -10%; display: none; } #starttableindex.imp{ left: 8%; margin-top: 15%; float: left; margin-bottom: 4%; padding-right: 5%; padding-bottom: 50px; padding-top: 1%; width: 44%; padding-left: 13%; height: 385px; top: -9%; } #kurztext.imp { font: 90%/1.2 serif; width: 380px; text-align: none; text-align: left; } #sprung.imp{ display: block; top: -42%; float: left; position:relative; left: 112px; margin-top: 2%; } #starttableindex.fuss { width: 50%; padding: 5%; height: auto; margin-top: 1%; margin-left: 1%; text-align: left; } #sidebar{ width:23%; height:452px; float:right; position:relative; padding: 20px; border-style: outset; border-radius: 20px; border-color: #B6FFA2; background-color: #DDEFDE; left: -8%; margin-bottom: 2px; margin-top:5px; margin: 0 auto; top: -15px; } #sidebar.fuss { width: 27%; height: 463px; float: right; position: relative; padding: 20px; border-style: outset; border-radius: 20px; border-color: #B6FFA2; background-color: #DDEFDE; margin-bottom: 2px; top: -6%; right: 0%; margin-right: -8%; } #sprung.fuss ,#sprung.agb{ display: block; top: -64%; float: right; position: relative; margin-right: 86%; margin-top: -44px; } #tablefuss { width: 50%; position: absolute; top: 46%; left: 4%; height: 507px; padding-bottom: 31px; padding-left: 8%; margin-bottom: 10px; margin-top: -3%; margin-left: 2%; padding-top: 4%; } #sidebar1.marma { width: 33%; height: 311px; float: left; position: relative; border-style: outset; border-radius: 20px; border-color: #B6FFA2; background-color: #DDEFDE; top: 0%; padding: 2%; margin-top: 21%; margin-bottom: 10px; left: -53%; } #sidebar1.fuss { width: 25%; height: 540px; top: 45%; padding: 2%; margin-right: -22%; margin-top: 10px; float: right; padding: 20px; } #fussnote.fuss { top: 0%; left: 0%; position: relative; width: 74%; height: 389px; padding: 38px; margin-top: 24px; } #footer{ top: 1%; clear:both; width:102%; background-color: #CAF9C3; position:relative; margin-top: 5px; margin-bottom: 5px; } #footer.marma { top: 3%; clear: both; width: 100%; background-color: #9194CF99; position: relative; margin-top: 16px; margin-bottom: 5px; height: 179px; } #footer.fuss{ top: -7%; clear:both; width:100%; background-color: #CAF9C3; position:relative; margin-top: 2px; margin-bottom: 5px; left: 0%; } #dreieck.navi { position: absolute; margin-top: 8%; left: 9%; width: 52%; margin-left: 36px; top: 36%; } #spiegelranke{ position:absolute; top:-4px; left:60%; background-color: #caf9c300; height: 150px; margin-top: 31%; margin-bottom:20px; width: 26%; } #rankeumkehr{ position:absolute; top:77px; left:51px; width: 77%; margin-top: 631%; background-color: #00f0; } } @media screen and (max-width:1115px) { #starttableindex.allg { margin-top: 12px; padding-right: 2%; margin: 7px -82px; margin-bottom: 1px; left: 2%; width: 80%; height: auto; font-size: 74%; padding-bottom: 2%; top: -12px; } #table3.buch { display: inline-block; position: relative; width: 500px; height: 300px; left: -14%; } #termine.bestät { position: relative; margin: 5% 2% 1% -12%; left: -10%; width: 85%; } table.buch { width: 366px; height: 235px; padding:37px; margin:6% 10% 1% 1%; top: 7%; left: 3%; } #table2 { display: flex; height: 67%; position: relative; top: auto; margin: -4% 2% 5% 3%; width: 23%; justify-content: center; } #form.termine{ width: 99%; } #buchen.termin { top: 8%; width: 34%; margin-top:-4%; left: -6%; height: 48%; } #wrapper.onlin { width: 99%; margin: 0 auto; height: 1261px; top: -135px; } header.onlin { height: 313px; width: 99%; position: absolute; display: block; left: -4%; margin-bottom: 20px; top: 1%; margin-top: 7px; } #navyquer.onlin { position: fixed; top: -82%; width: 90%; margin-top: 20px; left: -26%; display: block; } #starthome.onlin { margin-bottom: 20px; left: -4%; height: auto; font: 137% sans-serif; margin-right: 30px; padding-left: 2px; width: 83%; margin-top: -86px; } td.kontakte { display: table-cell; background: lightgreen; height: 52px; border-radius: 15px; } #sidebar.onlin { width: 22%; height: 376px; float: right; padding: 20px; margin-bottom: 2px; margin-top: -2%; left: 45%; top: -11%; position: absolute; } td.termonline { display: table-cell; background: linear-gradient(to right, #ef7fe8 0%,#e93cec99 99%); height: 52px; border-radius: 15px; } #wechselbild2.onlin { width: 96%; left: 65px; top: 29%; } #fusslink { position: relative; left: 62%; top: -33px; width: 108px; } #dreieck.online { top: 1%; left: -12px; margin-top: 5px; display: block; max-width: 24%; } #starttableindex.onlin { padding-right: 25%; position: relative; margin-top: 32px; margin-bottom: 0px; width: 69%; left:7%; margin-left: -22px; font: 90%/1.4 sans-serif; height: 400px; padding: 12% 2% 116% 5%; } #sprung { background: linear-gradient(to right, #ef7fe8b3 0%,#e93ceccc 99%); height: 35px; padding-top: 8px; border-radius: 10px; width: 117px; margin-top: 21%; padding-left: 37px; position: fixed; top: -25%; display: inline; float: right; right: 59px; margin-right: 20px; text-shadow: -2px 2px 2px white; font-variant: small-caps; font-weight: bold; } #terminspez.allg { top: 111%; margin-top: 98%; opacity: 1.0; width: 55%; left: auto; margin-left: 17%; margin-bottom: 30px; position: absolute; } #sprung.spez { width: 80%; left: 5%; margin-left: 3px; margin-top: -14%; margin-right: 30px; top: 3px; } #bild.marma { position: absolute; display: block; top: 54%; font-size: 128%; left: -33px; width: 50px; } #wechselbild1.allg { float: right; left: -1%; position: relative; width: 127%; margin: 0 auto; top: 3%; } #wechselbild10.allg { float: right; left: -30%; position: absolute; top: 9%; margin-top: -183%; width: 127%; margin: 0 auto; } #spruchstart { height: auto; position: relative; padding: 3%; margin-left: 61px; margin-right: 3%; background-color: #99319099; width: 94%; left: -19%; } #navyquer.nurmenue { width: 62%; top: -11%; margin-top: -7%; margin-left: -14%; position: absolute; left: -7%; } #copy.raumnav { width: 24%; margin-top: -25%; top: 17%; padding: 35px; margin-bottom: 5px; left: 6%; font-size: 86%; margin-left: 59%; } #main.onlin { width: 100%; float: left; background-color: #caf9c300; margin-top: 88px; margin-bottom: 10px; height: auto; top: 32%; left: 0%; } #wechselbild2.advent { left: 9px; top: -1%; width: 106%; margin: 1% auto; margin-top: 1%; height: auto; margin-top: 9%; } #sprung.allg { display: block; top: -5%; float: left; position: fixed; left: 77%; margin-top: 21%; border: ridge aliceblue; } #spruchstart.term { height: 105%; margin-left: 61px; margin-right: 3%; width: 111%; left: -44%; top: -22px; } #sidebar.term { width: 19%; height: 315px; margin-bottom: 50px; margin-top: -5%; left: 77%; top: 29%; position: absolute; } #wrapper.imp { width: 87%; height: 848px; } #main.allg { width: 100%; float: left; background-color: #caf9c300; margin-top: 88px; margin-bottom: 10px; height: auto; } h1.rueallg { font-size: 222%; color: navy; font-weight: bold; font-style: italic; top: -276px; left: -11%; margin-top: 50px; position: relative; } #wasser.abhy { position: relative; margin: -9% auto; font-size: 85%; top: 141px; } #main.allg { width: 92%; float: left; background-color: #caf9c300; margin-top: -7%; margin-bottom: 10px; height: auto; top: 2px; left: -30px; } #sidebar.abhy { width: 27%; height: 495px; float: right; position: relative; padding: 20px; border-style: outset; border-radius: 20px; border-color: #B6FFA2; background-color: #DDEFDE80; margin-bottom: 2px; top: 2%; left: -1%; } #fruehangeb { position: relative; color: white; font-size: 130%; font-style: oblique; display: block; background: #00f0; left: 85%; font-family: serif; width: 100px; text-align: center; top: 917px; background: #80808000; margin-top: 18px; } #sprung.abhy { display: block; top: -91%; float: left; position: relative; left: 79%; } #tablefuss.abhy { width: 41%; text-align: left; padding-bottom: 20px; float: left; margin-bottom: 10px; margin-top: 189px; top: 34%; left: 483px; height: 522px; } #rankefuss.abhy { position: absolute; top: 29%; left: 68%; margin-bottom: 2px; width: 40%; } #headline.agb { background-color:#87e3a44d; width:100%; position:relative; top:69px; left:1px; margin-top:1%; height:34%; border-bottom: 3px dotted white; margin-bottom: 2px; } #sprung.agb { display: block; float: right; position: relative; top: -320px; } #starttableindex.agb { left: -9%; position: relative; margin-top: 1%; float: left; margin-bottom: 4%; padding-right: 1%; padding-bottom: 50px; padding-top: 5%; width: 56%; padding-left: 8%; height: auto; top:1%; margin-left: 118px; } #sidebar.agb { width: 23%; height: 552px; left: -74px; top: 21%; float: right; margin-top: -107%; } #wasser.agb{ top:100px; } #footer.agb{ top: 17%; clear: both; width: 100%; background-color: #9194CF99; position: relative; margin-top: 8px; margin-bottom: 5px; height: auto; } #copy.agb { margin: 0 auto; left: 1%; top: -8%; padding: 9px; width:82%; display: inherit; height: auto; } #wrapper.fuss { width: 99%; height: 1681px; } #headline.fuss { background-color: #c6f8bf80; width: 100%; position: relative; top: 100px; left: 1px; margin-top: 16%; height: 85px; margin-bottom: 1px; border-bottom: 3px; border-bottom-color: #fff; } #main{ width:100%; height: auto; } #main.imp { width: 100%; float: left; background-color: #caf9c300; top: 0%; margin-top: 8%; margin-bottom: 10px; height: 609px; left: -50px; } #main.navi{ width: 100%; background-color: #caf9c300; margin-top: -53px; margin-bottom: 10px; height: 3000px; } #dreieck { position: absolute; top: 64%; left: 12px; } #main.fuss { height:1215px; margin-top: 27%; left: -18px; top: -175px; } #starttableindex.fuss { width: 50%; padding: 3%; height: 423px; margin-top: 1%; margin-left: 1%; text-align: left; } #dreieck.fuss { position: absolute; top: 73%; left: -12px; } #sidebar1.fuss { width: 25%; height: 540px; top: 45%; padding: 2%; margin-right: -34%; margin-top: 10px; float: right; padding: 20px; } #sprung { margin-top: -26%; float: left; margin-left: 0%; } header.fuss{ height:250px; width: 101%; position:relative; top: -6%; margin-bottom: 10px; margin: 0 auto; left: -1px; } #herzlich1 { position: relative; top: 300%; left: 20%; width: 60%; } #navileiste.fuss{ display:none; } #wechselbild3.fuss { width: 99%; top: 1%; left: 4%; } #sprung.onlin{ display: none; top: -101%; float: left; position:relative; left: 754px; margin-top: 20%; } #sprung.fuss, #sprung.agb { top: -6%; float: right; margin-left: -21%; right: 15px; margin-top: -8%; } #sprung.imp { margin-top: -146%; float: left; margin-left: -24%; } #dreieck{ position:absolute; top:79%; left: -7%; } h1.fuss{ top: -18%; left: 26%; position: relative; font-family: serif; font-size: 328%; margin-top: -114px; } h1.imp{ top: -29%; left: -45%; position: relative; font-family: serif; font-size: 290%; margin-top: 103px; } #sidebar.imp { width: 27%; height: 463px; float: right; position: relative; padding: 20px; margin-bottom: 2px; margin-top: -11%; margin-right: 3%; top: 20%; background-color: #DDEFDEB3; } #navyquer, #nav{ display:none; } #wasser { position: relative; margin: -9% auto; font-size: 98%; width: 72%; padding-top: 93%; top: 8%; } #starttableindex { text-align: center; padding-right: 2%; position: relative; margin: 0 auto; left: -7%; width: 74%; margin-bottom: 10px; margin-top: 2%; top: 0%; } #starttableindex.imp { left: 8%; margin-top: 15%; float: left; margin-bottom: 4%; padding-right: 5%; padding-top: 1%; width: 47%; padding-left: 13%; height: 385px; top: -89%; } #kurztext.imp { font: 90%/1.2 serif; margin: -109px 33px 17px -4px; padding-left: 60px; width: 380px; top: 5px; } #sidebar{ width:23%; height:452px; float:left; position:relative; padding: 20px; border-style: outset; border-radius: 20px; border-color: #B6FFA2; background-color: #DDEFDE; left: 2%; margin-bottom: 2px; margin-top:5px; margin: 0 auto; top: -3%; } #sidebar.fuss { width: 25%; height: 425px; float: right; position: relative; padding: 20px; border-style: outset; border-radius: 20px; border-color: #B6FFA2; background-color: #DDEFDE; margin-bottom: 2px; margin-top: 2%; margin-right: 4%; top: -5%; } #tablefuss.marma { width: 36%; position: relative; top: 51%; right: 2%; height: 507px; padding-bottom: 31px; padding-left: 8%; margin-bottom: 10px; margin-top: -113%; margin-right: 3%; padding-top: 4%; float: right; } #rankefuss { display: inline; position: absolute; top: -2%; left: 61%; } #footer{ top:1%; clear:both; width:100%; background-color: #C5FFB500; position:relative; margin-top: 5px; margin-bottom: 5px; } #footer.imp { top: -27%; clear: both; width: 100%; background-color: #9194CF99; position: relative; margin-top: 7px; margin-bottom: 5px; left: 0%; height: 150px; margin-top: 811px; } } @media screen and (max-width:1050px) { #spruchstart.onlin { width: 86%; height: 400px; left: 10%; top: 2%; border: 1px outset #352c66; } #auswahl.massage { left: -7%; top: 36%; margin:11% 3% 1% -22%; width: 140%; } #buchen.termin { top: 14%; width: 54%; margin-top: -4%; left: 1%; height: 48%; } #weitere.anfr { width: 900px; font:116%/1.4 sans-serif; top: 229%; left: -40%; height: 202%; margin:0% 1%; padding:2%; } #starttableindex.onlin { padding: 12% 25% 50% 2%; position: relative; margin-top: 32px; margin-bottom: 0px; width: 50%; left: 7%; margin-left: -22px; font: 90%/1.4 sans-serif; font-family: sans-serif; height: 60%; } #copy.raumstart { font: 80% serif; height: 96px; width:38%; top:27%; margin-top: 10px; left: 420px; } #wechselbild4.fuss { display: block; width: 93%; top: 1%; left: auto; position: relative; } #starthome.onlin { margin-bottom: 20px; left: 3%; height: auto; font: 137% sans-serif; margin-right: 30px; padding-left: 2px; width: 131%; margin-top: -86px; } #main.onlin { left: 5%; margin-top: 2%; float: left; margin-bottom: 4%; height: 1300px; top: 22%; width: 85%; } #terminspez.allg { top: 724px; margin-top: 84%; width: 55%; left: auto; margin-left: 21%; margin-bottom: 30px; position: absolute; height: 56px; } #headline.spez { position: relative; top: -43%; height: 190px; width: 47%; margin-left: 206px; } #dreieck.online { top: 1%; left: -12px; margin-top: 5px; width: 90%; } #main.onlin { width: 99%; margin-top: 2%; margin-bottom: 120px; top: 32%; left: -4%; height: auto; } #wechselbild2.advent { left: -21px; top: 60px; width: 111%; margin: 0 auto; height: auto; margin-top: 10%; } #willk { position: relative; display: inline; top: -26px; left: 171px; } #wechselbild2.mob { position: relative; top: -275px; left: 100px; width: 87%; } #wechselbild10.allg { float: left; left: -3%; position: absolute; top: 112%; margin-top: -90%; width: 47%; } #starthome.ganz { width: 83%; left: 3%; position: relative; margin-left: 3px; margin-top: -114px; text-align: center; display: inherit; margin-right: 30px; font: 99%/1.4 sans-serif; } h1.navi { font-size: 291%; color: navy; height: 20%; font-weight: bold; font-style: italic; margin-top: 10px; margin-left: 4px; text-align: center; top: -125px; position: relative; } #bild.allg{ position: absolute; width:20%; top:14%; margin-top:50px; left: 81%; height: 275px; } #abhylink{ position: relative; width: 280px; margin: 0 auto; } #klasslink{ position: relative; left:-1%; top:-12px; width: 335px; margin: 0 auto; } #ruecklink { position: relative; left: -34px; top: 28px; display: inline; margin-right: 80px; } #copy.allg { top: auto; width: 880px; left: 2px; height: 136px; margin-top: auto; display: inherit; position: absolute; width: 857px; margin: 0 auto; } #fusslink { position: relative; left: 63%; top: -35px; display: block; } #kontaktlink { position: absolute; left: 37%; top: 274%; width: 150px; margin-top: 20px; } td.abstand{ width:10px; } #sprung.spez { width: 88%; left: -3%; position: relative; margin-left: 3px; margin-top: -162px; text-align: center; display: inherit; margin-right: 30px; } #starthome { width: 93%; left: 1%; position: relative; align-content: center; margin-left: 3px; margin-top: -41px; text-align: center; display: inherit; margin-right: 30px; } #bild3.allg { position: relative; width: 51%; top: 14px; margin-top: 20px; margin-bottom: 50px; margin-left: 17%; border-style: outset; padding: 7px; } #bild.marma { position: relative; display: block; top: auto; font-size: 167%; left: 55%; width: 280px; margin-top: -68%; } #bild.garschan { position: relative; display: block; top: 21px; font-size: 168%; left: -26%; width: 300px; } #starttableklass.spez { width: 79%; height: auto; padding-top: 100px; padding-left: 60px; top: 10px; left: 1%; padding-bottom: 146px; font-family: serif; font-size: 114%; margin-top: 10px; padding-right: 47px; margin-bottom: 20px; } #sidebar.spez { top: 81%; position: relative; left: 1%; margin-left: 5px; float: left; width: 93%; height: 377px; } h4.abyanga { color: rgb(12, 112, 25); font: 130% bold,italic; height: 20%; left: 28%; position: relative; text-align: center; text-shadow: 3px 3px 3px rgb(255, 255, 255); top: -15%; } h1.allg { left: -16%; position: relative; font-family: serif; font-size: 237%; color: navy; text-shadow: 3px 3px 3px #fff; margin-top: -11%; top: 3px; margin-left: 28px; } #sprung.abhy { display: block; top: -91%; float: left; position: relative; left: 79%; } #spruchstart { height: 84%; position: relative; padding: 3%; margin-left: 78px; margin-right: 3%; background-color: #99319000; width: 102%; left: -4%; display: block; margin-top: 1px; margin: 0 auto; } #wechselbild1.allg { float: right; left: 60%; position: absolute; margin-top: -52%; top: 78%; margin-left: -12%; max-width: 49%; } #wechselbild2a.abhy { position: relative; top: -160px; left: -88px; } #sidebar.abhy { width: 27%; height: 430px; float: right; position: relative; padding: 20px; border-style: outset; border-radius: 20px; border-color: #B6FFA2; background-color: #DDEFDE80; margin-bottom: 2px; top: 2%; left: -2%; } #tablefuss.abhy { width: 46%; text-align: left; padding-bottom: 20px; float: left; margin-bottom: 10px; margin-top: 189px; top: 29%; left: 333px; height: 522px; } #sidebar1.abhy { width: 31%; height: 46%; float: left; position: relative; border-style: outset; border-radius: 20px; border-color: #B6FFA2; background-color: #DDEFDE99; left: 4%; top: 3%; padding: 2%; margin-top: 10px; margin-bottom: 10px; } #fussnote.fuss { top: -15%; left: 3%; position: relative; width: 74%; height: 358px; padding: 38px; margin-top: 24px; } td.kurztextabhy { position: relative; top: -19px; left: -18px; font: 94% serif; } #headline.agb { background-color: #87e3a44d; width: 100%; position: relative; top: 117px; left: 1px; margin-top: 14%; height: 34%; border-bottom: 3px dotted white; margin-bottom: 2px; } #headline.allg { background-color: #87e3a400; width: 100%; position: relative; left: 1px; margin-top: 0%; height: 105px; border-bottom: 3px dotted white; margin-bottom: 2px; top: 22%; } #starttableindex.agb { left: 1%; position: relative; margin-top: 1%; float: left; margin-bottom: 4%; padding-right: 3%; padding-bottom: 50px; padding-top: 5%; width: 51%; padding-left: 8%; height: 82%; top: -27%; margin-left: 19px; } #sidebar.agb { width: 31%; height: 493px; left: -27px; top: 12%; float: right; margin-top: -970px; } #wasser.agb{ top:100px; margin-top: -292px; } #footer.agb { top: -12%; clear: both; width: 100%; background-color: #9194CF99; position: relative; margin-top: 8px; margin-bottom: 5px; height: auto; } #copy.agb { margin: 0 auto; left: 1%; top: -7%; padding: 9px; width:82%; display: inherit; height: auto; } #wrapper.fuss { width: 99%; height: 1660px; } #wrapper.imp { width: 97%; height: 1059px; left: -31px; } #main.marma { height: 1264px; top: -2px; margin-top: 113px; } #dreieck { position: relative; left: -63px; margin-top: -9%; } #dreieck.fuss { position: relative; left: -13px; margin-top: -30%; top: -17px; } #headline.fuss { background-color: #c6f8bf80; width: 100%; position: relative; top: 127px; left: 1px; margin-top: 29%; height: 109px; margin-bottom: 1px; } #main{ width:100%; top: 4%; } #main.fuss { height: 803px; margin-top: 4%; top: -54px; } #main.allg { width: 99%; margin-top: 2%; margin-bottom: 120px; top: -4%; left: 5px; height: 2000px; margin: 0 auto; } header.fuss{ height:250px; width: 100%; } header{ height:18%; width: 98%; margin-bottom: 10px; top:0%; background-color:#4949b100; } #herzlich1 { position: relative; top: 200%; left: 20%; width: 60%; } #nav{ display:none; } #sprung { display: block; margin-top: 1px; float: right; margin-right: 2%; margin-bottom: 20px; } #sprung.fuss,#sprung.agb { display: block; margin-top: -13%; position:relative; right: -27%; float: right; top: 169px; margin-right: 91%; } #sidebar.fuss { width: 26%; position: relative; top: 1%; margin: 0 auto; left: -6px; height: 400px; } #starttableindex.allg { text-align: center; margin-top: 120px; padding-right: 8%; position: relative; margin: 0 auto; margin-top: 0px; margin-bottom: 0px; left: 2%; width: 72%; margin-bottom: 10px; margin-top: 17px; height: auto; padding-bottom: 63px; } #starttableindex { padding-top: 11%; position: relative; margin: 0 auto; left: 2%; width: 64%; margin-bottom: 10px; top: -37px; font-size: 90%; } #starttableindex.imp { left: 4%; margin-top: 15%; float: left; margin-bottom: 4%; padding-right: 5%; padding-bottom: 50px; padding-top: 1%; width: 46%; padding-left: 13%; height: 305px; top: -19%; } #zurueck{ display: block; position: relative; } #kurztext.imp { font: 90%/1.2 serif; margin: -97px 33px 17px -75px; padding-left: 60px; width: 380px; } #sidebar{ width:26%; height:377px; float:left; position:relative; padding: 20px; border-style: outset; border-radius: 20px; border-color: #B6FFA2; background-color: #DDEFDE; left: 4%; margin-bottom: 2px; margin-top:15px; top: -28%; margin-top: 10%; margin-right: auto; margin-bottom: 0px; margin-left: auto; } #wasser { position: relative; margin: -9% auto; font-size: 98%; width: 72%; padding-top: 93%; top: 14%; } #wasser.allg { position: relative; font-size: 126%; width: 91%; padding-top: 93%; top: -17%; } #tablefuss.marma { width: 36%; position: relative; top: 63%; right: 2%; height: 539px; padding-bottom: 31px; padding-left: 8%; margin-bottom: 10px; margin-top: -102%; margin-right: 3%; padding-top: 2%; float: right; } #starttableindex.fuss{ text-align:center; top: 1%; padding-right: 5%; position:relative; margin:0 auto; left:4%; width:55%; margin-bottom: 10px; padding-bottom: 36px; text-align: left; } #tablefuss.fuss { width: 53%; position: absolute; top: 49%; left: 2%; height: 507px; padding-bottom: 31px; padding-left: 8%; margin-bottom: 10px; margin-top: -3%; margin-left: 2%; padding-top: 4%; } #sidebar1.fuss { width: 25%; height: 540px; top: 41%; padding: 2%; margin-right: -32%; margin-top: 10px; float: right; padding: 20px; } #sidebar1 { width: 33%; height: auto; top:10%; margin-top: 10px; margin-bottom: 10px; } #sidebar1.marma { width: 39%; height: 311px; float: left; position: relative; border-style: outset; border-radius: 20px; border-color: #B6FFA2; background-color: #DDEFDE; top: 0%; padding: 2%; margin-top: 0%; margin-bottom: 10px; left: 5%; } #ampel.marma{ display:none } #copy.raumnav { width: 18%; height: auto; margin-top: 3%; top: 8%; left: 68%; display: inherit; padding-bottom: 3px; margin: 0 auto; } #footer{ top: 7%; clear:both; width:100%; position:relative; margin-top: 5px; margin-bottom: 5px; top: -77px; } #footer.imp { top: -22%; clear: both; margin-top: 5px; margin-bottom: 5px; left: 0%; height: 137px; margin-top: 864px; } #footer.fuss{ margin-top: -5%; clear:both; width:100%; background-color: #9194CF99; position:relative; margin-top: 5px; margin-bottom: 5px; height: 183px; top: 0%; } #footer.marma { top: 3%; clear: both; width: 100%; background-color: #9194CF99; position: relative; margin-top: 16px; margin-bottom: 5px; height: 179px; } #footer.allg { clear: both; width: 100%; position: relative; margin-top: 15px; margin-bottom: 5px; height: 250px; margin-left: -33px; top: 6%; } #footer.onlin { display: block; position: relative; top: 30%; width: 81%; margin-top: 135%; margin-left: 5%; } } @media screen and (max-width:950px){ form.buchen{ left:-14%; position: relative; width: 132%; } #form.termine { width: 104%; left: -5%; } #termine.online { position: relative; width: 52%; height: 48%; left: -5%; } #termine.weitere { top: -69%; left: auto; margin: -6% 5%; height: 30%; } #medien.buchen { position: absolute; display: flex; width: 59%; top: 184%; left: 28%; height: 40%; margin:0 auto; } #auswahl.massage { left: -12%; top: 136%; margin:11% 3% 1% -22%; width: 221%; font-size: 126%; } label.massage { font:147%/1.2 sans-serif; margin:21px 4%; position: relative; height: 48px; width: 1069px; font-weight: bold; } #table2{ width: 46%; height: 67%; position: relative; top: auto; margin: -4% 2% 5% 28%; } #starttableindex.onlin{ height: 30%; padding: 12% 27% 84% 12%; } #auswahl.betreff { width: 100%; text-shadow: none; position: relative; margin: 11% 2% 0% -3%; } select.buch { height: 50px; width: 500px; text-align: center; font: 80% sans-serif; margin: -61% 5% 8% 24%; left: 95%; } #buchen.termin { top: 0%; left:34%; } #termine.bestät { display: inline-block; position: relative; top: 1%; width: 105%; margin-left: -14%; } header.onlin { height: 23%; width: 96%; position: absolute; display: block; left: -3%; margin-bottom: 20px; top: -3%; margin-top: 7px; } td.zwischenoder { display: table-cell; height: 15px; text-decoration: none; } #wasser.onlin { color: #5a0e5a; font-size: 159%; width: 72%; padding-top: 93%; top: -385px; text-shadow: -2px 2px 2px aliceblue; } #sprung.onlin { display: block; top: -108%; float: left; position: relative; left: 75%; margin-top: 20%; } #wechselbild1.onlin { display: block; width: 100%; top:30px; position: relative; } a.onlin{ color:white; position: relative; left:20px; margin:-40px auto; } #sidebar.onlin { width: 28%; height: 425px; float: right; padding: 20px; margin-bottom: 2px; margin-top: 192%; left: 38%; top: -141%; background: none; border: none; } #wechselbild2.onlin { width: 96%; left: 65px; top: 6%; } #main.onlin { left: 23%; margin-top: 2%; float: left; margin-bottom: 4%; height: 1300px; top: 20%; width: 93%; } #navyquer.onlin { position: fixed; top: -63%; width: 90%; margin-top: 20px; left: -22%; display: none; } #medien.onlin { position: absolute; width: 56%; top: 19%; height: 99px; margin-top: 20px; margin-bottom: 20px; left: 18%; } td.termonline{ display: table-cell; background: linear-gradient(to right, #ef7fe8 0%,#e93cec99 99%); height: 52px; border-radius: 15px; } td.hoerer{ display: table-cell; height: 27px; border: 5px aliceblue; border-radius: 15px; } td.kontakte{ display: none; background: lightgreen; height: 60px; border-radius: 15px; } a.allg{ display: block; position: absolute; width:150px; color:white; left:27%; font-size: 125%; margin: 0 auto; top: 25%; } #rankefuss { display: inline; position: absolute; top: -2%; left: 68%; } #dreieck.spez { position: absolute; top: -192%; left: 2%; width: 528px; margin-top: 185px; margin-left: -77px; } #headline.spez { position: relative; top: 17%; height: auto; width: 47%; margin-left: 206px; } #copy.raumnav { width: 26%; height: auto; margin-top: 15%; top: 15%; left: 60%; display: inherit; font-size: 66%; padding: 33px 10px; } #main.onlin { width: 100%; margin-top: 2%; margin-bottom: 120px; top: 15%; left: 1%; height: 3000px; } #wrapper { width: 99%; height: 1284px; top: -1%; } #copy.navi { top: auto; left: 25%; display: inline-block; width: 93%; left: 3%; height: auto; top: 25px; margin-top: 8px; } #tel_hoer { display: block; position: relative; top: 6px; left: 21px; width: 68%; } #tel_hoer.allg { display: block; position: relative; top: -25%; left: -40px; width: 33%; } #tel_hoer.term { display: block; position: relative; top: 20px; left: 2px; width: 38%; margin: 0 auto; } a.term:link { color: white; display: block; top:-40px; left:10px } #spruchstart.term { height: 105%; margin-left: 61px; margin-right: 3%; width: 111%; left: -44%; top: -22px; } #wasser.allg { position: relative; margin: -9% auto; font-size: 126%; width: 91%; padding-top: 93%; top: -17%; } #sidebar.term { width: 16%; height: 315px; margin-bottom: 50px; margin-top: -5%; left: 72%; top: 2%; position: absolute; } #wrapper.onlin { width: 99%; margin: 0 auto; height: 1261px; top: -100px; } #sprung.allg { display: block; top: -1%; float: left; position: fixed; left: 73%; } #dreieck.online { top: -14%; left: -4%; margin-top: 5px; width: 55%; } #headline.allg { width: 100%; left: 1px; margin-top: 0%; height: 105px; margin-bottom: 2px; top: -16%; } #wechselbild2.advent { left: 4px; top: 5px; width: 100%; margin: 0 auto; height: auto; } #tel_hoer { display: block; position: relative; top: 6px; left: 2px; width: 53%; margin: 0 auto; } #telklick.imp { height: 22px; padding-top: 0px; margin-top: 95%; padding-left: 63px; position: absolute; top: 3%; left: 98px; font-size: 107%; color: white; display: block; } h1.navi { font-size: 316%; color: navy; height: 20%; font-weight: bold; font-style: oblique; margin-top: 19px; margin-left: 39%; text-align: center; top: -110px; width: 130%; } #dreieck.navi { position: absolute; margin-top: 8%; left: 15%; width: 52%; margin-left: 134px; top: 70px; } header.navi { height: 261px; width: 99%; margin-bottom: 10px; left: 0%; margin-top: 64px; top: -3%; position: relative; } #termin.mobil { width: 146px; margin-top: 21%; padding-left: 4px; margin-left: 46%; position: relative; top: 115px; display: inherit; height: 29px; left: 187px; border-radius: 10px; font-size: 93%; } #navyquer.allmob { width: 99%; position: relative; display: none; } #gutschein.mobile { position: relative; float: right; margin-top: 42px; margin-bottom: 10px; left: -96px; top: -98px; width: 50%; border: #cfc9c9; border-style: outset; padding-right: 5px; border-radius: 10px; } #startmobil { position: relative; width: 92%; top: auto; margin-top: 20px; left: 13px; } #rankefuss.mobil { display: inline; position: absolute; top: 30%; left: 66%; width: 26%; } #wechselbild1.mass { position: relative; left: -20px; top: -563px; width: 105%; } #starttablemobil { border-radius: 15px; padding: 20px; font-family: serif, navy; width: 79%; border-color: #ccc8c8; border-style: outset; left: 77px; } #herz { display: inline; font: 187% italic serif; height: 20px; text-shadow: -2px 2px 2px; position: relative; left: 270px; float: left; top: auto; margin-top: 224px; } #wechselbild2.mob { position: relative; top: -275px; left: 10px; width: 98%; } #spruchallg { height: 297px; margin-left: 750px; margin-top: -338px; left: 89px; top: auto; width: 375px; position: relative; } h1.onlin { text-shadow: 1px 1px 1px #fff; padding-left: 18%; position: relative; font-family: serif; font-size: 200%; color: #261f7b; top: auto; left: -9%; width: 528px; margin-top: -120px; font-size: 250%; } #spruchallg { height: 189px; margin-left: 750px; margin-top: -587px; left: -119px; top: auto; width: 29%; position: relative; } #willk{ position: relative; display:inline; top:10px; left:142px; } #abhylink { position: relative; left: 9px; width: auto; } #sprung.spez { width: 84%; left: 0%; position: relative; margin-left: 3px; margin-top: -178px; top: 86%; } #bild.allg { position: relative; width: 23%; top: -73%; margin-top: 5px; left: 80%; height: auto; padding-top: 1px; height: 262px; background: #f5f5dc00; border: #f5f5dc00; } #main.allg { width: 100%; margin-top: 2%; margin-bottom: 120px; top: 1%; left: 1px; height: 3000px; } #starttableklass.spez { width: 83%; height: auto; padding-top: 100px; padding-left: 60px; top: 4px; left: 1%; margin-bottom:80px; margin-left: -1%; padding-bottom: 180px; } #sidebar.spez { top: 54%; position: absolute; left: -3%; margin-left: 5px; float: right; width: 95%; margin-top: 30px; } #copy.raumstart { background-image: url("gruenskal.png"); border-color: rgb(0, 128, 0); border-radius: 15px; border-style: outset; color: rgb(0, 0, 128); font: 80% serif; height: 116px; margin-bottom: 1px; opacity: 0.9; padding: 1%; padding-top: 1%; padding-top: 1%; text-align: center; text-decoration: none; list-style-type: none; position: absolute; padding-bottom: 20px; left: 1%; display: inherit; width: 80%; height: auto; top: 861px; } #navyquer.nurmenue { width: 89%; top: -12%; margin-top: -478px; text-align: center; margin-left: -33%; position: absolute; left:6px; display: inherit; } h4.abyanga { color: rgb(12, 112, 25); font: 119% bold,italic; height: 20%; left: 22%; position: relative; text-align: center; text-shadow: 3px 3px 3px rgb(255, 255, 255); top: -79%; } #headline.fuss { background-color: #c6f8bf80; width: 100%; position: relative; top: 175px; left: 1px; margin-top: 29%; height: 27px; margin-bottom: 1px; } #wrapper.imp { width: 75%; height: 1050px; } #dreieck { position: relative; top: 64%; left: 12px; } #headline.agb { background-color: #87e3a44d; width: 100%; position: relative; top: 267px; left: 1px; margin-top: -11%; height: 14%; border-bottom: 3px dotted white; margin-bottom: 2px; } #starttableindex.agb { left: 1%; position: relative; margin-top: 1%; float: left; margin-bottom: 4%; padding-right: 1%; padding-bottom: 50px; padding-top: 5%; width: 89%; padding-left: 8%; height: auto; top: -18%; margin-left: -6px; font-size: 90%; } #sidebar.agb { width: 93%; margin: 0 auto; margin-top: 0px; margin-bottom: 0px; margin-left: auto; padding: 16px; margin-bottom: 5px; height:24%; top: -20%; margin-top: 13px; margin-left: 7px; left: -22px; } #spruchstart.agb { height: 50%; position: relative; padding: 3%; margin-left: 12px; margin-right: 3%; background-color: #fff; width: 91%; right: 1%; display: block; margin-top: 0%; font-size: 79%; top: -2px; } #wasser.agb { position: relative; margin: -42% auto; font-size: 98%; width: 42%; padding-top: 93%; top: -273%; color: #fff; left:113px; } #footer.agb { top: -21%; clear: both; width: 100%; background-color: #9194CF00; position: relative; margin-top: 8px; margin-bottom: 5px; height: auto; } #copy.agb { margin: 0 auto; left: 1%; top: -5%; padding: 9px; width:93%; display: inherit; height: auto; } #main{ width:96%; top: -3%; height: 929px; margin-top: -43px; left: 94px; margin-left: -185px; } #main.imp { width: 100%; float: left; background-color: #caf9c300; top: 5%; margin-top: 3%; margin-bottom: 10px; height: 994px; left: auto; margin-left: 11px; } #main.fuss { height: 1103px; margin-top: -2%; top: 161px; width: 100%; left: -10px; } #main.navi{ width: 90%; background-color: #caf9c300; margin-top: 112px; margin-bottom: 10px; height: 1000px; top: -17%; left: 29%; } header.fuss{ height:10%; width: 101%; } header{ height:300px; width: 100%; margin-bottom: 10px; top: 2px; } #starttableindex { margin-top: 120px; padding-right: 0%; position: relative; margin: 0 auto; left: 1%; width: 60%; margin-bottom: 10px; top: -1%; padding-top: 65px; } #sidebar{ width:27%; height:294px; float:left; position:relative; padding: 20px; border-style: outset; border-radius: 20px; border-color: #B6FFA2; background-color: #DDEFDEB3; left: -1%; margin-bottom: 2px; margin-top:5px; margin: 0 auto; top: -9%; } #sidebar.fuss{ width:25%; position:relative; top:1%; margin: 0 auto; left: -2px; height: 400px; margin-top: 5px; } #dreieck.imp { position: relative; margin-top: -31%; left: -2%; display: none; } #sprung.imp { margin-top: -11%; float: left; margin-left: 0%; display: block; left: 77%; top: 191%; } #kurztext.imp { font: 90%/1.2 serif; margin: -189px 20px 17px 6px; padding-left: 60px; width: 380px; } #starttableindex.imp { left: 8%; margin-top: 20px; float: left; margin-bottom: 4%; padding-right: 5%; padding-bottom: 50px; width: 68%; padding-left: 13%; height: 276px; top: -338px; } #sidebar.imp { width: 81%; height: 358px; position: relative; padding: 20px; margin-bottom: 2px; margin-top: 11%; margin-right: 8%; top: 60%; left: 23px; } #spruchstart { height: 94%; position: relative; padding: 3%; margin-left: 12px; margin-right: 3%; background-color: #fff; width: 94%; left: -1%; display: block; margin-top: -1%; font-size: 79%; } #wechselbild1.start { left: 64%; top: auto; width: 35%; margin-top: 135px; } #sprung{ display:block; top:-52%; float: right; right: -2%; left: 5%; margin-top: 101px; width: 150px; height: 29px; text-align: center; padding-right: 13px; } #dreieck.fuss { position: relative; left: 1%; margin-top: -30%; top: -18px; } #sprung.fuss, #sprung.agb { display: block; top: 93%; float: right; position:relative; right: 6px; margin-right: 7%; font-variant: small-caps; } #wasser { position: relative; margin: -42% auto; font-size: 98%; width: 72%; padding-top: 93%; top:27%; } #wasser.imp { position: relative; margin: -9% auto; margin-top: -9%; font-size: 98%; width: 72%; padding-top: 93%; margin-top: -89%; top: -18%; } #nav, #navyquer.start { display:none; } #herzlich1 { position: relative; left: 20%; width: 60%; margin-top: -3%; } #dreieck { margin-left: 4%; max-width: 163px; left: 18%; top: 69%; position: absolute; } h1.fuss{ top: -23%; margin-left: -9%; position: relative; font-family: serif; font-size: 228%; } h1.imp{ top: -78%; margin-left: 16%; position: relative; font-family: serif; font-size: 228%; } #ampel.marma { border-radius: 30px; display: table-cell; left: 410px; position: absolute; top: 104px; } #naviunten.rückall{ color: rgb(0, 0, 128); font: 104% serif; position: relative; margin: 0px auto; float: right; right: 33%; top: -10%; } #footer{ top: 10%; clear:both; width:100%; position:relative; margin-top: -13px; margin-bottom: 5px; height: 150px; } #footer.fuss{ top: 10%; clear:both; width:100%; background-color: #9194CF00; position:relative; margin-top: 16px; margin-bottom: 5px; height: 150px; } #footer.imp { top: 9%; clear: both; margin-bottom: 5px; left: 24%; height: 137px; margin-top: 151%; } #copy.home { width: 93%; left: 4%; height: auto; } #copy.imp { width: 80%; margin: 0 auto; left: -1%; top: 16%; padding: 9px; display: inherit; height: auto; } #copy.allg { top: auto; left: auto; height: auto; margin-top: auto; display: inherit; position: absolute; width: 98%; font-size: 105%; margin-left: -1px; } } @media screen and (max-width:900px) { #table2{ width: 18%; margin: -2% 2% 1% 5%; justify-content: center; } #termine.weitere { width: 709px; top: -69%; left: 10%; margin: -6% 2%; height: 30%; } #weitere.anfr { width: 709px; font: 116%/1.4 sans-serif; top: 229%; left: -55%; height: 202%; margin: 0% 1%; padding: 2%; } #buchen.termin { top: 0%; left: 34%; width: 83%; margin-top: 3%; } #wrapper.spez { margin: 0 auto; height: 2500px; width: 98%; left: 2px; position: absolute; top: 2px; } #medien.buchen { position: absolute; display: flex; width: 59%; top: 434%; left: 28%; height: 40%; margin: 0 auto; } #sidebar.onlin { top: -141%; } label.massage{ font-size: 156%; } select.buch { height: 50px; width: 800px; font: 80% sans-serif; margin: -74% 5% 1% 11%; top: 16px; } #termine.bestät { position: relative; top: -1%; margin: 6% -9%; left: -9%; } #buchen.termin { top: -24%; width: 83%; margin-top: 20%; } #starttableindex.onlin{ height:163%; width: 50%; padding: 12% 27% 175% 12%; } #medien.onlin { position: absolute; width: 56%; top: -106%; height: 99px; margin-top: 20px; margin-bottom: 20px; left: 21%; } table.nebenlink { display: table-cell; padding: 30px 150px; font-size: 120%; width: auto; } th.oder{ display: table-cell; width: 150px; padding-right: 30px; } #tel_hoer.allg { display: block; position: relative; top: -18%; left: 22%; width: 33%; margin-top: -1%; } #terminspez.allg { top: 32%; margin-top: 69%; width: 37%; left: auto; margin-left: 12%; margin-bottom: 30px; position: absolute; height: 56px; } #kontaktlink { display: none; } #copy.navi { top: auto; left: 25%; display: inherit; width: 83%; left: 7%; height: auto; top: 25px; margin-top: 8px; } #spruchstart { height: 94%; padding: 3%; margin-left: 12px; margin-right: 3%; width: 94%; left: -1%; margin-top: -1%; font-size: 79%; } #main.onlin { width: 98%; margin-top: 27%; margin-bottom: 120px; top: 0%; height: 500px; } #wechselbild2.navi { position: absolute; left: 7%; top: -8px; width: 90%; margin: 0 auto; } #main.navi { width: 97%; background-color: #caf9c300; margin-top: 112px; margin-bottom: 10px; height: 1000px; top: -14%; left: 29%; } #navyquer.nurmenue { width: 89%; top: -12%; margin-top: -478px; margin-left: -33%; left: 6px; } #spiegelranke { top: 29%; left: 61%; height: 150px; margin-top: 110px; margin-bottom: 20px; width: 27%; } #spruchstart.term { height: 105%; margin-left: 61px; margin-right: 3%; width: 103%; left: -44%; top: -22px; font-size: 97%; } #wasser.allg { margin: -9% auto; font-size: 120%; width: 72%; padding-top: 93%; top: -12%; } #telklick { display: block; } #telklick.imp { height: 22px; padding-top: 0px; padding-left: 63px; position: absolute; top: 3%; left: 98px; font-size: 107%; } #tel_hoer.imp { display: block; position: relative; top: 10px; left: -96px; width: 53%; margin: 0 auto; } a.tel:link { color: white; display: block; position: relative; top: -39px; left: 58px; width: 200px; margin: 0 auto; } #sidebar.term { width: 21%; height: 315px; margin-bottom: 50px; margin-top: -5%; left: 70%; top: 20%; } #headline.allg { width: 87%; left: 12px; margin-top: 0%; height: 132px; margin-bottom: 2px; top: -28%; } #starthome.ganz { width: 83%; left: 5%; font:90%/1.6 sans-serif; } h1.allg { left: -16%; } #starttableindex.allg { text-align: center; margin-top: 120px; padding-right: 8%; position: relative; margin: 0 auto; margin-top: 0px; margin-bottom: 0px; margin-top: 0px; margin-bottom: 0px; left: 2%; width: 72%; } #wechselbild4.fuss { display: block; width: 93%; top: auto; left: 5%; position: relative; } #navyquer.allmob { width: 99%; position: relative; display: none; } #wechselbild1.mass { position: relative; left: -52px; top: -385px; } #copy.fuss { width: 86%; left: 13%; height: auto; top: auto; margin-top: 7px; font-size: 100%; } #spruchallg { height: 229px; margin-left: 750px; margin-top: 150px; left: 129px; top: -69%; width: 346px; } #termin.mobil { width: 296px; margin-top: 21%; padding-left: 37px; margin-right: 2%; position: relative; top: -164px; display: inherit; float: left; left: 79%; text-align: center; background: #93958cd9; height: 47px; padding-top: 11px; font-size: 114%; font-family: navi; color: #1c216e; } #navyquer.allmob { width: 1000px; position: relative; display: none; float: left; left: 1%; top: auto; } #wechselbild2.mob { position: relative; top: -275px; left: 100px; width: 125%; } #wechselbild2.fuss { position: relative; left: 15px; top: -14%; width: 96%; } #wechselbild2a.abhy { position: relative; top: -91px; left: -52px; width: 133%; } #headline.spez { position: relative; top: 19%; } #starttableklass.spez { width: 85%; height: auto; padding-top: 100px; padding-left: 60px; top: 10px; left: 4%; padding-bottom: 103px; font-family: serif; font-size: 114%; margin-top: 10px; } #bild.garschan { width: 55%; left: -34%; position: relative; display: inherit; margin-top: -120px; text-align: center; } #fruehangeb { width: 80%; margin-top: 0%; margin-bottom: 120px; top: auto; height: auto; } #starthome { width: 97%; left: 1%; position: relative; display: inherit; align-content: center; margin-left: -36px; margin-top: -82px; text-align: center; } #main.allg { width: 98%; margin-top: 2%; margin-bottom: 120px; top: 1%; height: 500px; } #rankefuss.abhy { position: absolute; top: 27%; left: 74%; margin-bottom: 2px; width: 46%; } #wechselbild2.abhy { display:none; left: 225px; top: 186px; } #bild.allg { display: block; position: absolute; width: 22%; top: -286px; margin-top: auto; margin-bottom: 20px; border-style: outset; border-color: #183509; background: #d8f9d3; left: 77%; border-radius: 15px; padding: 4px; text-shadow: -3px 3px 3px wheat; } #wechselbild1.allg { float: right; left: 4%; position: relative; margin-top: -127%; width: 105%; top: 128px; } #wechselbild10.allg { float: right; left: -58%; position: relative; top: -4%; margin-top: -104%; width: 57%; } #sidebar.spez { top: auto; position: relative; right: -8%; margin-right: 60px; height: 300px; left: auto; margin-left: 52px; width: 94%; margin-top: 195%; } #sprung.abhy { display: block; top: -17%; float: right; position: relative; right: 3%; margin-top: 51px; margin-right: 83%; } #sidebar1.abhy { width: 29%; height: 41%; float: left; position: relative; border-style: outset; border-radius: 20px; border-color: #B6FFA200; background-color: #DDEFDE00; left: -64%; top: 5%; padding: 2%; margin-top: 10px; margin-bottom: 10px; } #wassernote { position: relative; top: -31%; left: 2px; } #ampel.abhy { border-radius: 30px; display: table-cell; left: 7px; position: relative; top: -150px; } #tablefuss.abhy { width: 55%; text-align: left; padding-bottom: 20px; float: left; margin-bottom: 10px; margin-top: 189px; top: 29%; left: 266px; height: 522px; } #spruchstart.abhy { height: 100%; top: 44px; left: -30px; width: 94%; } #wrapper{ height:1700px } #wrapper.fuss { width: 99%; height: 1875px; } #dreieck { position: relative; top: 271%; left: 12px; } headline.agb { background-color: #87e3a44d; width: 100%; position: relative; top: 406px; left: 1px; margin-top: 1%; height: 50%; border-bottom: 3px dotted white; margin-bottom: 2px; } #starttableindex.agb { left: 1%; position: relative; margin-top: 1%; float: left; margin-bottom: 4%; padding-right: 1%; padding-bottom: 50px; padding-top: 12%; width: 74%; padding-left: 17%; height: auto; top: -19%; margin-left: -8px; font-size: 90%; } #sidebar.agb { width: 86%; margin: 0 auto; margin-top: 0px; margin-bottom: 0px; margin-left: auto; padding: 16px; margin-bottom: 5px; height:500px; top: -20%; margin-top: 13px; margin-left: 4px; left: -32px; } #spruchstart.agb { height: 90%; } #wasser.agb { position: relative; margin: -42% auto; font-size: 98%; width: 72%; padding-top: 93%; top: 16%; color: #362958; font-size: 124%; } #sprung.agb { display: block; float: right; position: relative; } #main{ width:100%; top: 2%; } #main.fuss { height: 1100px; margin-top: -2%; } header.fuss{ height:236px; width: 101%; left: 20px; } #headline.fuss { background-color: #c6f8bf80; width: 100%; position: relative; top: 175px; left: 1px; margin-top: 29%; height: 242px; margin-bottom: 1px; } #dreieck.fuss { position: relative; left: 1%; margin-top: -30%; top: -18px; } #dreieck.imp { position: relative; margin-top: -25%; left: -2%; } header{ height:350px; width: 102%; margin-bottom: 10px; top: auto; margin-top: -18px; margin: 0 auto; left: -19px; } #herzlich1 { position: relative; margin-top: -1%; left: 4%; width: 60%; margin-left: 7%; } #nav, #navyquer.start { display:none; } #navileiste { display:none; } #dreieck { margin-left: 4%; max-width: 176px; left: 19%; position: absolute; top: 108%; } #sprung.imp { margin-top: -5%; float: left; margin-left: 4%; top: auto; } h1.fuss { margin-top: 2%; left: 19%; position: relative; font-family: serif; font-size: 228%; } #sidebar.fuss { width: 25%; position: relative; top: 1%; margin: 0 auto; left: -11px; height: 391px; } #wasser.imp { position: relative; margin: -9% auto; margin-top: -9%; font-size: 126%; width: 71%; padding-top: 93%; margin-top: -89%; } #starttableindex{ width:48%; top:-1%; margin-top: 4%; height: auto; padding-bottom: 3px; position: absolute; left: 107px; } #sprung { display: block; float: right; margin-right: 12%; top: -200px; left: 125px; width: 155px; } #sprung.fuss, #sprung.agb { display: block; top: -17%; float: right; position:relative; right: 11%; margin-top: 51px; } #sidebar1.marma { width: 33%; height: 389px; float: left; position: relative; border-style: outset; border-radius: 20px; border-color: #B6FFA2; background-color: #DDEFDE; top: 10%; padding: 2%; margin-top: 30%; margin-bottom: 10px; left: -53%; } #fussnote.fuss { top: -23%; left: 0%; position: relative; width: 58%; height: 454px; padding: 38px; margin-top: 87px; } #footer{ top: 0%; clear:both; width:100%; position:relative; margin-top: 5px; margin-bottom: 5px; } #footer.fuss{ margin-top: 0%; clear:both; width:100%; position:relative; margin-top: -25%; margin-bottom: 5px; height: 150px; top: 219px; } #footer.allg { clear: both; width: 96%; background-color: #9194CF00; position: relative; margin-top: 15px; margin-bottom: 5px; height: 150px; margin-left: -39px; top: 61%; } #copy.home { width: 86%; left: -20%; height: auto; } #terminspez.allg, #tel_hoer.allg{ top:210%; } #footer.onlin{ top:120%; } #copy.onlin { display: inline-block; width: 90%; left: 3%; top: auto; text-align: center; } } @media screen and (max-width:850px){ #wrapper.onlin { width: 99%; margin: 0 auto; height: 1261px; top: -87px; } select.buch { height: 50px; width: 808px; font: 95% sans-serif; margin: -74% 5% 1% 2%; top: 16px; left: 105%; } #terminstart.onlin{ font: 106%/1.4 sans-serif; } #table3.buch{ left:2%; } #termine.weitere { height: 20%; font: 90%/1.4 sans-serif; } table.buch { width: 366px; height: 235px; padding:37px; margin:6% 10% 1% 1%; top: 30%; left: 3%; } label.anrede { display: block; font: 70%/1.2 sans-serif; margin-bottom: -9px; position: relative; top: 28px; height: 33px; width: 234px; left: -92px; margin: 2%; } label.email { font-size: 70%; width: 172px; left: -25px; } #buchen.termin { top: 12%; margin-top: -9%; left: 25%; } #medien.buchen { position: absolute; display: inline-block; width: 68%; left: -1%; height: 181px; margin: 130% auto; } #termine.bestät { display: inline-block; position: relative; top: 14%; margin: 6% 12%; padding-bottom: 1%; left: -14%; } #headline.onlin { width: 90%; top: 17%; position: relative; height: 131px; } #starttableindex.onlin { padding-right: 12%; position: relative; margin-top: 32px; margin-bottom: 0px; width: 69%; left: 7%; margin-left: -22px; font: 90%/1.4 sans-serif; height: 85%; } #main.onlin { width: 97%; margin-top: 3%; margin-bottom: 120px; height: 500px; background: #add8e600; top: 22%; position: absolute; left: 6px; } #starthome.onlin { margin-bottom: 20px; left: 0%; height: auto; font: 137% serif; padding-left: 2px; width: 103%; margin-top: -86px; } td.kontakte{ display: none; height: 60px; background-color: lightgreen; border-radius: 15px; width: 400px; } table.medien{ display: table-cell; width:100%; padding-left: 153px; height: auto; text-align: center; top: -45px; position: relative; } td.zwischen{ display: table-cell; height:20px; } td.termonline{ display: table-cell; background-color:#e670e6; height: 60px; border-radius: 15px; } td.hoerer{ display: table-cell; height: 20px; } #medien.onlin{ position: absolute; display: block; width:81%; top:62%; height:99px; margin-top:20px; margin-bottom: 20px; left: -125px; } tr.zwischen{ display: table-cell; width: 80%; height: 10px; } #main.navi { width: 97%; background-color: #caf9c300; margin-top: 11%; margin-bottom: 10px; height: 1000px; top: 1%; left: 26%; } h1.bau { font-size: 247%; color: navy; font-weight: bold; font-style: italic; top: -36%; left: -21%; } #headline.allg { width: 87%; left: 12px; margin-top: 1%; height: 132px; margin-bottom: 2px; top: 40%; } #wasser.allg { margin: -9% auto; font-size: 120%; width: 72%; padding-top: 93%; top: 0%; position: absolute; } a.term:link { color: white; display: block; top: -38px; left: 10px; } #navyquer.allmob { width: 99%; position: relative; display: none; } #starthome.ganz { width: 100%; left: -8%; position: relative; margin-left: 3px; margin-top: -59px; text-align: center; display: inherit; height: auto; } ul.start{ display: inherit; position: relative; left: 1px; margin: 0 auto; top: auto; padding: 10px; width: auto; } #wechselbild3.allg { left: -15px; position: relative; top: 56px; } #navyquer ul.sub > li.frueh{ border: 2px solid; color: wheat; } #abhylink{ position: relative; top: -15px; margin: 0 auto; } #klasslink{ position: relative; margin:0 auto; top:25px; width: 350px; } #ruecklink { position: relative; left: -128px; top: 1px; display: inline-block; width: 0px; } #fusslink { position: relative; left: 293px; top: -33px; display: block; width: 180px; margin-left: 70px; } #fusslink { position: relative; left: 253px; top: -33px; display: block; width: 180px; margin-left: 70px; } #kontaktlink { position: relative; left: -3%; top: 13px; width: 350px; } #bild3.allg { position: relative; width: 61%; top: 14px; margin-top: 20px; margin-bottom: 50px; margin-left: 2%; border-style: outset; padding: 7px; color: white; margin: 0 auto; } #bild.marma { position: relative; display: block; top: 54px; font-size: 158%; left: 241px; } header.navi { height: 161px; width: 98%; margin-bottom: 10px; left: 0%; margin-top: 5%; top: 1%; } #bild.marma { position: relative; display: block; top: 54px; font-size: 158%; left: 241px; } #fruehangeb { position: absolute; color: white; font-size: 130%; font-style: oblique; display: block; background: #00f0; left: 82%; font-family: serif; width: 111px; text-align: center; top: -3%; background: #80808000; } #bild.garschan { position: relative; display: block; top: -14px; font-size: 150%; left: -113px; background: #add8e600; width: 300px; } #bild.allg { display: none; position: absolute; width: 25%; top: -3%; margin-top: auto; margin-bottom: 20px; left: 456px; } ul.rueklass { position: relative; text-align: center; margin-left: -3%; margin-top: 20px; font-style: inherit; font-size: 104%; width: 89%; top: 35px; left: 50px; } #dreieck.spez { position: relative; color: #261f7b; top: auto; left: -13%; width: 52%; margin-top: 8%; } #navyquer.nurmenue { width: 98%; position: relative; display: block; top: 0%; margin-top: -92%; margin-left: -71%; position: relative; left: 31%; background: #ffffe000; } #sprung.spez { height: 35px; padding-top: 8px; border-radius: 10px; width: 84%; margin-top: 28%; padding-left: 37px; margin-right: 0%; position: absolute; top: 68px; display: inline; float: right; left: 7%; } #wechselbild2.navi { position: absolute; left: 1%; top: -59px; width: 92%; } #starttablemobil { font-family: serifte, navy; text-align: center; color: navy; width:78%; padding-left:50px; padding-right: 50px; margin-top: auto; margin-left: 26px; height: auto; } #sprung.mobile { display: block; float: right; position: relative; top: -41px; margin-top: -991px; left: -63%; margin-bottom: 20px; } #startfuss.mob { width: 107%; font: 115%/1.2 serif; top: -16px; position: relative; left: -47px; } #herz.mob { display: block; color: #0C7019E0; height: 10px; text-shadow: -2px 2px 2px; position: relative; margin-top: -41%; left: 27px; float: left; top: 101%; width: 96%; } #startfuss { width: 450px; font: 105%/1.2 serif; margin-left:20px; margin-top:30px; } #headline.spez { background-color: #87e3a44d; width: 70%; position: relative; left: 1px; margin-top: 17%; height: 34%; border-bottom: 3px dotted white; margin-bottom: 2px; top: -46%; } #starttableklass.spez { width: 76%; padding-top: 41px; padding-left: 118px; top: 1px; left: 27px; height: auto; margin-bottom: 20px; margin-top: 33px; padding-bottom: 28px; } #sidebar.spez { width: 95%; margin-top: 0px; margin-bottom: 0px; padding: 18px; margin-bottom: 25px; height: 313px; top: 20%; margin-top: 137%; left: auto; display: inherit; } #wechselbild2.mob { width: 93%; margin-left: -9%; margin-top: -153px; margin-bottom: 10px; float: left; top: auto; } #dreieck.mob { margin-left: 4%; max-width: 200px; left: -2%; top: 61%; position: absolute; margin-top: 122px; } #dreieck.navi { position: absolute; margin-top: -72%; left: 28%; top: 66%; margin: 0 auto; } #main.imp { width: 92%; float: left; background-color: #caf9c300; top: -4px; margin-top: 19%; margin-bottom: 10px; height: 590px; left: -2%; } #wechselbild1.allg { width: 93%; margin-left: 1%; margin-top: -92%; margin-bottom: 10px; float: left; top: 95%; left: 263px; } #wechselbild10.allg { width: 51%; margin-left: -33%; margin-top: -108%; margin-bottom: 10px; float: left; left: 157px; } #starttableklass.allg { width: 75%; padding-top: 41px; padding-left: 118px; top: -182px; left: 11px; height: auto; margin-bottom: 20px; margin-top: 20px; } #spruchstart { height: 276px; position: relative; background-color: #fff; width: 85%; left: -5%; display: block; margin-left: 9%; background: linear-gradient(to right, #ef7fe8b3 0%,#d333d599 99%); } #sprung.allg { margin-top: -167px; width: 311px; display: flex; text-align: center; left: 23px; } h1.allg { left: -25%; position: relative; font-family: serif; font-size: 258%; color: navy; text-shadow: 3px 3px 3px #fff; margin-top: 6%; top: 17px; margin-left: 111px; } #navyquer.allg { display: none; width: 99%; position: relative; margin-top: -38px; float: left; left: -3%; top: -1433px; } #dreieck.fuss { position: relative; left: 12%; margin-top: -30%; top: 188px; } #spruchallg { height: auto; margin-left: 15%; margin-top: 194px; left: 1%; top: auto; width: 562px; position: absolute; } #herz { display: block; color: #0C7019E0; height: 10px; text-shadow: -2px 2px 2px; position: relative; margin-top: -41%; left: 27px; float: left; top: 101%; width:96%; } h1 { text-shadow: 3px 3px 3px #fff; padding-left: 18%; margin: 0 auto; position: relative; font-family: serif; font-size: 128%; color: #261f7b; top: 319px; font-style: italic; left: -19%; width: 379px; } header.agb { height: 2%; width: 99%; margin-bottom: 10px; margin-top: 87px; top: auto; } #dreieck.kontakt { margin-left: 4%; max-width: 200px; left: 1%; top: 60%; position: absolute; margin-top: 105px; } #wechselbild2.advent { position: absolute; left: 5%; top: auto; width: 90%; margin-top: 2px; margin-bottom: 5px; height: auto; } #wechselbild2.fuss { position: absolute; left: 5%; top: auto; width: 90%; margin-top: -123px; margin-bottom: 5px; height: 2%; } #gutschein.mobile{ position:relative; float:right; right: 21%; margin-right: -8%; } #wechselbild1.mass { position: relative; left: 166px; width:170%; top: -39px; } #wechselbild1.start { left: -8%; top: 69px; width: 80%; margin-top: 133px; } #main.allg { width: 99%; margin-top: 3%; margin-bottom: 120px; height: 2500px; background: #add8e600; top: 14%; position: absolute; left: -3px; } #dreieck.online { position: relative; top: 11%; left: auto; margin-left: 44px; } h1.allg { left:-14%; margin-top: 5%; top: -139px; left: -192px; } #sprung.allg { display: block; margin-top: 25%; float: left; margin-left: 67%; width: 140px; } #spruchstart.term { height: 111%; position: relative; padding: 3%; margin-left: 61px; margin-right: 3%; background-color: #99319099; width: 123%; left: -66%; display: block; margin-top: -4px; margin-bottom: 20px; } #sidebar.term { width: 26%; height: 264px; float: right; position: relative; padding: 20px; border-style: outset; border-radius: 20px; border-color: #B6FFA2; background-color: #DDEFDE; margin-bottom: 50px; margin-top: -81%; left: 14%; top: 15%; display: block; padding: 4%; margin-right: 10%; } #starttableindex.allg { text-align: center; padding-right: 3%; position: relative; left: -3%; width: 84%; margin-bottom: 10px; margin-top: -112px; height: auto; border: outset; border-radius: 15px; padding-left: 48px; padding-top: 30px; padding-bottom: 96px; background-color: #daf1d7; top: 101px; border-color: #bfbaba; } #starthome { width: 117%; padding-right:1px; text-align: center; margin-left: -87px; color:navy; margin-top: 20px; font-size: 138%; } #dreieck.allg { position: relative; top: -37%; left: 76px; margin-top: 16%; max-width: 16%; display: block; } h1.rueallg { font-size: 222%; color: navy; font-weight: bold; font-style: italic; top: -198px; left: -23%; margin-top: 15px; width: 300px; } #spiegelranke { position: relative; top: 13%; margin-left: 5px; background-color: #caf9c300; height: 150px; margin-bottom: 2px; left: 62%; } #rankeumkehr { position: relative; top: 77px; left: 75px; width: 77%; margin-top: 2%; background-color: #00f0; } #navyquer.navi { width: 96%; margin-top: 9px; left: -13px; top: 20px; display: block; margin-bottom: 20px; } #navyquer a.navi { color:beige; } h4.abyanga { color: rgb(12, 112, 25); font: 119% bold,italic; height: 20%; left: -13%; position: relative; text-align: center; text-shadow: 3px 3px 3px rgb(255, 255, 255); top: -67%; } #headline.fuss { background-color: #c6f8bf80; width: 100%; position: relative; top: 211px; left: 1px; margin-top: 17%; height: 112px; margin-bottom: 1px; } #sprung.abhy { display: block; top: 44%; float: right; position: relative; right: 11%; margin-top: -5%; } #copy.raumnav { width: 29%; height: auto; margin-top: -410px; left: 46%; display: block; padding: 19px; margin-bottom: 5px; text-align: center; margin-left: 13%; top: 55%; font-size: 83%; } #sidebar.abhy { width: 29%; height: 471px; float: right; position: relative; padding: 20px; border-style: outset; border-radius: 20px; border-color: #B6FFA2; background-color: #DDEFDE80; margin-bottom: 2px; top: 2%; left: -1%; } #sidebar1.abhy { width: 30%; height: 46%; float: left; position: relative; border-style: outset; border-radius: 20px; border-color: #B6FFA2; background-color: #DDEFDE99; left: 4%; top: 3%; padding: 2%; margin-top: 10px; margin-bottom: 10px; } #wassernote { position: relative; top: -49%; left: 2px; } #rankefuss.abhy { position: absolute; top: 23%; left: 81%; margin-bottom: 2px; width: 68%; } #sidebar1.abhy { width: 36%; height: 486px; float: right; padding: 20px; padding: 2%; left: -8%; top: 1%; } #ampel.abhy{ top:-124%; } #ampel.abhy1 { border-radius: 30px; display: table-cell; left: 67%; position: relative; top: -434px; } td.kurztextabhy { font: 95%/1.2 serif; width: 90%; float: left; margin-left: -59px; text-align: left; margin-left: -28%; margin-top: 1%; } #tablefuss.abhy { width: 60%; text-align: left; padding-bottom: 20px; float: left; margin-bottom: 10px; margin-top: 189px; top: 41%; left: 1%; height: 522px; } #wechselbild1.agb{ left:10px; clear: both; } #wechselbild2a.abhy{ position:relative; top:-136px; left:-83px; } #wechselbild2.abhy{ display:none; } #wasser.agb { position: relative; margin: -42% -60px; font-size: 98%; width: 72%; padding-top: 93%; top: -54%; color: #362958; font-size: 124%; } td.abhypreis { display: table-cell; float: left; font: 90% serif; margin-left: 8px; margin-top: -2px; } #wrapper { height: 1200px; margin-top: 0px; margin: 0 auto; margin-left: 2%; width: 99%; } #wrapper.fuss { height: 2540px; } #wrapper.imp { width: 99%; height: auto; } #dreieck { position: relative; top: 64%; left: 12px; } #main{ width:100%; margin-top: 5px; margin-bottom: 10px; height: 1168px; top: 176px; } #main.fuss { height: 1862px; margin-top: -12%; left: -2%; top: 69px; } header.fuss{ height:10%; width: 102%; top: 6px; } header{ height:272px; width: 99%; margin-bottom: 10px; margin-top: auto; top:2px; left: 5px; } #herzlich1 { position: relative; margin-top:-1%; left: 12%; width: 59%; } #dreieck { margin-left: 4%; max-width: 200px; left: 16%; top: 74%; position: absolute; margin-top: -7px; } #starttableindex{ width:63%; top:auto; margin-top: -5%; position: relative; left: -13px; } #starttableindex.fuss { width:85%; padding: 6%; margin-bottom: 10px; margin: 0 auto; margin-top: 2%; margin-left: -3%; text-align: left; } #wechselbild3.imp{ position:relative; top:-30px; left:172px; width:93%; } #starttableindex.imp { left: 8%; margin-top: 15%; float: left; margin-bottom: 4%; padding-right: 5%; padding-bottom: 50px; padding-top: 1%; width: 67%; padding-left: 13%; height: 385px; top: -9%; } #sidebar.imp { width: 81%; height: 400px; position: relative; padding: 20px; margin-bottom: 2px; margin-top: 11%; margin-right: 5%; top: -18%; } #wasser.imp { position: relative; margin: -9% auto; margin-top: -9%; margin-top: -9%; font-size: 98%; width: 72%; padding-top: 93%; margin-top: -85%; } #starthome.marma { width: 87%; text-align: left; padding: 29px; } #kurztext.imp { font: 90%/1.2 serif; margin: -93px 40px 29px -29px; padding-left: 60px; width: 380px; } #sidebar.fuss { width: 90%; position: relative; height: 333px; margin-bottom: 10px; left: 2%; top: 1%; margin-top: 48px; float: left; } #sidebar.marma { width: 40%; height: 406px; float: right; position: relative; padding: 20px; margin-bottom: 2px; top: -4%; right: 19%; margin-top: 4%; margin-right: 18px; } #wasser.marma { position: relative; margin: -9% auto; font-size: 98%; width: 81%; padding-top: 94%; top: -6%; } #sidebar1{ width: 88%; height: 478px; top: 39%; margin-top: 10px; margin-bottom: 10px; left: -4%; } #sidebar1.fuss { width: 32%; height: 500px; float: right; padding: 20px; padding: 2%; left: -36%; top: 2%; } #sidebar1.marma { width: 39%; height: 373px; float: left; position: relative; border-style: outset; border-radius: 20px; border-color: #B6FFA2; background-color: #DDEFDE; top: 14%; padding: 2%; margin-top: 18%; margin-bottom: 10px; left: 53%; } #wechselbild2.fuss { position: relative; left: 3%; top: 114px; width: 96%; margin-top: 3px; } #wasser { position: relative; margin: -9% auto; font-size: 98%; width: 72%; padding-top: 93%; top: -66%; } #sprung{ display:block; margin-top:2%; float: right; margin-right: 12%; top: -937px; } #sprung.fuss { display: block; float: right; margin-right: 7%; margin-top: 159px; top: -1032px; } h1.fuss{ margin-top: 4%; left:20%; position: relative; font-family: serif; font-size: 228%; float: left; top: -151px; } #spruchstart.fuss { height: 95%; position: relative; padding: 4%; width: 92%; right: 12%; display: block; margin-left: 12%; margin-top: -39px; background: linear-gradient(to right, #a6b32780 0%,#263b0099 99%); background-color: rgba(0, 0, 0, 0); background-color: rgba(0, 0, 0, 0); } #wasser.fuss { position: relative; margin: -9% auto; font-size: 98%; width: 72%; padding-top: 93%; top: -96%; } #sidebar.allg { display: inherit; margin: 0 auto; margin-top: 0px; margin-bottom: 0px; margin-top: 0px; margin-bottom: 0px; padding: 18px; margin-bottom: 25px; height: 256px; top: 14px; margin-top: 21%; left: 1%; width: 69%; } #tablefuss{ width: 62%; padding-bottom: 20px; padding-right: 1%; float: left; margin-bottom: 10px; height: auto; top: 50%; left: 5px; margin-top: 20px; padding-left: 31%; height: 514px; } #tablefuss.marma { width: 37%; position: relative; top: -1%; right: 2%; height: 692px; padding-bottom: 31px; padding-left: 8%; margin-bottom: 10px; margin-top: -63%; margin-right: 51%; float: right; } #fussnote.fuss { top: -12%; left: 11%; position: relative; width: 74%; height: 84%; padding: 38px; margin-top: -49px; } #tablefuss.fuss { width: 48%; position: absolute; top: 58%; left: 2%; height: 507px; padding-bottom: 31px; padding-left: 8%; margin-bottom: 10px; margin-top: -3%; margin-left: 2%; padding-top: 4%; } #rankefuss { display: inline; position: absolute; top: 21%; left: 60%; width: 71%; } #footer{ top: -1%; clear:both; width:100%; position:relative; margin-top: 5px; margin-bottom: 5px; } #footer.fuss{ clear:both; width:100%; position:relative; margin-top: 11px; margin-bottom: 5px; height: 137px; top: 4%; left: 0%; } #copy.home { width: 92%; left: -15%; height: auto; } #copy.home { width: 78%; left: 13%; height: 61px; top: auto; position: absolute; display: inline; margin-top: 10px; } #footer.navi { top: auto; clear: both; width: 100%; background-color: #9194CF00; position: relative; margin-top: -123px; margin-bottom: 5px; height: auto; left: 16%; background-color: #f5f5dc00; margin: 0 auto; } #copy.navi { width: 74%; height: 104px; top: 8%; left: 8%; display: inline; text-align: center; margin-top: auto; position: absolute; list-style-type: none; } h1.navi { font-size: 291%; color: navy; height: auto; font-style: italic; margin-top: -3px; margin-left: -76%; display: block; top: -11%; position: absolute; font-weight: bold; font-family: serif; margin: 0 auto; left: 29%; } #copy.moballg { top: auto; left: 11px; width: 90%; margin-top: 46px; } #rankefuss.mobil { display: inline; position: absolute; top: 8%; left: 62%; margin-left: 28px; } #starttableklass { width: 78%; height: 421px; padding-top: 41px; padding-left: 118px; top: 401px; left: 11px; } #sprung.fuss { display: block; float: right; margin-right: -6%; margin-top: 124px; position:fixed; } #sprung.imp { margin-top: -17%; float: left; margin-left: 0%; left: 22%; position: relative; top: -150px; } h1.start { font-size: 18%; color: #caf9c3; font-weight: bold; font-style: italic; text-align: center; position: relative; top: 120%; float: right; right: 50%; margin-top: auto; } #footer.allg { clear: both; width: 100%; background-color: #9194CF00; position: relative; margin-top: 30px; margin-bottom: 5px; height: 150px; margin-left: -49px; top: 112%; } #footer.fuss { clear: both; width: 100%; position: relative; margin-top: 28px; margin-bottom: 5px; height: 137px; top: 42%; left: 0%; } #copy.allg { top: -132%; width: 87%; left: 4%; height: 86px; } #termin.mobil { width: 415px; margin-top: 21%; padding-left: 37px; margin-right: 2%; position: relative; top: -136px; display: inherit; float: left; left: 4%; text-align: center; background: #93958c96; height: 47px; border-radius: 16px; padding-top: 11px; font-size: 114%; border: #909690; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-style: outset; font-family: navi; color: #1c216e; } } @media screen and (max-width:800px) { #weitere.anfr { width: 709px; font: 116%/1.4 sans-serif; top: 229%; left: -55%; height: 202%; margin: 0% 1%; padding: 2%; } label.massage { width: 236%; left: 18%; } #termine.online { position: relative; width: 81%; height: 48%; left: 5%; } select.buch { height: 50px; width: 808px; font: 95% sans-serif; margin: -56% 5% 1% 6%; top: 16px; left: 58%; } #auswahl.massage { display: flex; width: 328%; font: 124% sans-serif; text-shadow: none; top: 71%; margin: 12% 3% 1% -42%; } #medien.buchen { position: absolute; display: inline-block; width: 68%; top: 37%; left: 36%; height: 181px; margin: 66% auto; } #starttableindex.onlin { height: 133%; } #copy.raumnav { width: 29%; height: auto; margin-top: -410px; left: 48%; display: block; padding: 19px; margin-bottom: 5px; text-align: center; margin-left: 13%; top: 60%; font-size: 83%; } td.termonline { height: 30px; } td.hoerer { height: 20px; padding-top: 0; } a.online { font-size:60%; } #headline.onlin { width: 90%; top: 7%; position: relative; height: 146px; left: 8%; } h1.onlin { text-shadow: 1px 1px 1px #fff; padding-left: 18%; position: relative; font-family: serif; font-size: 200%; color: #261f7b; top: auto; left: -9%; width: 528px; margin-top: -64px; font-size: 250%; } #sprung.onlin { display: block; top: -103%; float: left; position: relative; left: 73%; margin-top: 20%; } #sidebar.onlin { width: 28%; height: 425px; float: right; padding: 20px; margin-bottom: 2px; margin-top: 99%; left: 67%; top: -2%; display: none; } #spruchstart.onlin { width: 94%; height: 400px; left: 42%; top: 2%; margin-top: 0%; border: 1px outset #352c66; } header.onlin { height: 21%; width: 87%; position: absolute; display: block; left: 3%; margin-bottom: 20px; top: -1%; margin-top: 7px; } #bild.marma { position: relative; display: block; top: 1px; font-size: 158%; left: 308px; width: 300px; } #wechselbild1.allg { width: 93%; margin-left: 1%; margin-top: -107%; margin-bottom: 10px; float: left; top: 90%; left: 374px; } #spruchstart { width: 89%; margin-left: -33%; margin-top: 2%; margin-bottom: 10px; float: left; left: 264px; position: absolute; } #wechselbild10.allg { width: 57%; margin-left: -33%; margin-top: -110%; margin-bottom: 10px; float: left; left: 178px; } #sidebar.spez { width: 95%; margin-top: 0px; margin-bottom: 0px; padding: 18px; margin-bottom: 25px; height: 313px; top: 57%; margin-top: 15%; left: auto; display: inherit; } #starttableklass.spez { width: 77%; padding-top: 41px; padding-left: 118px; top: 1px; left: 17px; height: auto; margin-bottom: 54px; margin-top: 33px; padding-bottom: 66px; } #tel_hoer.allg { top: 36%; margin-top: 84%; width: 37%; left: 48%; margin-left: 12%; margin-bottom: 30px; position: absolute; height: 56px; } #terminspez.allg { top: 36%; margin-top: 84%; width: 37%; left: auto; margin-left: 12%; margin-bottom: 30px; position: absolute; height: 56px; } #footer.onlin { display: block; position: relative; top: auto; width: 88%; height: auto; margin-top: 345%; margin-left: 5%; font-size: 83%; } } @media screen and (max-width:750px) { #termine.weitere { height: 12%; width: 662px; top: -74%; left: 14%; } #dreieck.online { position: relative; top: 18%; left: auto; margin-left: -9px; } #auswahl.betreff { width: 79%; text-shadow: none; position: relative; margin: 6% 2% 0% 7%; height: auto; } select.buch { height: 50px; width: 808px; font: 95% sans-serif; margin: -56% 5% 1% 6%; top: 2%; left: 45%; } #terminstart.onlin { left: -11%; position: relative; top: 2%; } #form.termine { width: 118%; left: -22%; } #table2 { width: 52%; margin:-33% 2% 1% 23%; } #table3.buch { display: inline-block; position: relative; width: 500px; height: 300px; left: -11%; } #termine.bestät { display: inline-block; position: relative; top: 17%; margin:6% 12%; padding-bottom: 1%; left: -18%; } #pfeil { opacity: 0.8; left: 49%; margin-bottom: 0; position: fixed; top: 85%; } #sidebar.onlin { width: 26%; height: 404px; float: right; padding: 20px; margin-bottom: 2px; margin-top: -134%; left: 67%; top: -2%; } a.kontermin { top: 43%; height: 10px; display: inline-block; margin: -19% 1%; width: 100%; } #sprung.onlin { display: block; top: -90%; float: left; position: relative; left: 75%; margin-top: 15%; } #buchen.termin { top: -44%; margin-top: 37%; width: 57%; } #auswahl.massage { display: flex; justify-content: center; width: 134%; font: 124% sans-serif; text-shadow: none; top: 71%; margin: 16% 3% 1% -58%; align-items: center; } td.zwischenoder { display: table-cell; height: 15px; text-decoration: none; } label.massage { font: 158%/1.2 sans-serif; margin: 1px -1%; width: 141%; text-align: center; height: 57px; left: 7%; top: auto; } #medien.buchen { position: relative; width: 55%; top: auto; left: -14%; height: 192px; margin: 122% auto; } #copy.onlin { width: 128%; height: 130px; left: -19px; display: inherit; top: auto; margin: 58% auto; font-size: 120%; position: absolute; } #main.onlin { left: 23%; margin-top: 2%; float: left; margin-bottom: 4%; height: 868px; top: 20%; width: 93%; } #terminspez.allg { top: 200%; margin-top: 84%; width: 37%; left: auto; margin-left: 12%; margin-bottom: 30px; position: absolute; height: 56px; } #starthome.onlin { margin-bottom: 20px; left: 9%; height: auto; font: 132%/1.4 sans-serif; padding-left: 2px; width: 101%; margin-top: -86px; text-align: center; } table.medien { display: table-cell; width: 100%; padding-left: 4%; height: auto; text-align: center; } table.nebenlink { display: table-cell; padding: 30px 92px; font-size: 120%; width: auto; } #bild.marma { position: relative; display: block; top: 55px; font-size: 158%; left: 261px; width: 300px; } #tel_hoer.allg { top: 187%; margin-top: 84%; width: 37%; left: 48%; margin-left: 10%; margin-bottom: 30px; position: absolute; height: 56px; } #bild.marma { font-size: 138%; left: 251px; width: 250px; top: 25%; } #wechselbild10.allg { width: 57%; margin-left: -33%; margin-top: -90%; margin-bottom: 10px; float: left; left: 30%; } #main.onlin { width: 97%; margin-top: 29%; margin-bottom: 120px; height: auto; top: 8%; left: 3%; } #sidebar.spez { width: 95%; margin-top: 0px; margin-bottom: 0px; padding: 18px; margin-bottom: 25px; height: 313px; top: 70%; margin-top: 15%; left: auto; position: absolute; } #starttableklass.spez { width: 73%; top: 1px; left: 8px; height: auto; margin-bottom: 54px; margin-top: 3px; padding-bottom: 66px; } #dreieck.navi { position: absolute; margin-top: -72%; left: 5%; top: 115%; margin: 0 auto; } #main.imp { width: 97%; float: left; background-color: #caf9c300; top: 27%; margin-top: 19%; margin-bottom: 10px; height: 994px; left: -2%; } #wechselbild2.navi { position: absolute; left: 1%; top: -5%; width: 92%; } header.navi { height: 161px; width: 98%; margin-bottom: 10px; left: 0%; margin-top: -10%; top: 1%; } #navyquer.nurmenue { width: 90%; top: 1%; margin-top: -63%; margin-left: -71%; left: 40%; } #wasser.allg { margin: -9% auto; font-size: 120%; width: 84%; padding-top: 93%; top: -4%; } a.term: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%; } #wrapper { height: 1598px; margin: 0 auto; top: 22px; } #main.navi { width: 100%; background-color: #caf9c300; margin-top: 91px; margin-bottom: 10px; height: 1000px; top: auto; } #main.allg { width: 97%; margin-top: 29%; margin-bottom: 120px; height:2300px; top: 7%; left: 2%; } #bild3.allg { position: relative; width: 74%; top: 23px; margin-top: 1px; margin-bottom: 50px; margin-left: -1%; border-style: outset; padding: 4px; color: white; } header.allg { height: 280px; width: 99%; margin-bottom: 10px; margin-top: -33%; top: 10%; left: -4px; } h1.rueallg { font-size: 167%; color: navy; font-weight: bold; font-style: italic; top: -98px; left: 2%; margin-top: 15px; margin-bottom: 10px; height: 110px; width:500px; } h1.mobile { text-shadow: 3px 3px 3px #fff; padding-left: 18%; position: relative; font-family: serif; font-size: 143%; color: #261f7b; top: -2%; font-style: italic; left: -11%; width: 68%; margin-top: 27%; } #starttablemobil{ border:outset; border-radius:15px; padding:20px; font-family: serifte, navy; width:84%; display: flex; flex-flow:column; text-align: center; color:navy; background-color: #cfe6e699; border-color: #b3afaf; margin-left: 20px; } #main.navi { width: 99%; background-color: #caf9c300; margin-top: -75px; margin-bottom: 10px; height: 1000px; left: 28%; top: 3%; } #sprung.allg { display: block; margin-top: -3%; float: right; margin-right: -3%; top: auto; } #ampel.abhy { display:none; top: -125%; margin-bottom: 2px; } #wechselbild2a.abhy { position: relative; top: -81px; left: -83px; } #wechselbild1.allg { width: 139%; margin-left: -27%; margin-top: 1%; margin-bottom: 10px; float: left; top: 28%; position: absolute; left: 87%; } #dreieck.allg { position: relative; top: -76%; left: -7%; } #dreieck.imp { position: relative; margin-top: 11%; left: -2%; } #dreieck.allg { position: relative; top: -47%; left: 18%; margin-top: 10px; width: 17%; } #rankefuss.allg { display: inline; position: absolute; top: 26%; left: 68%; max-width: 32%; } #copy.raumnav { width: 48%; left: -66px; height: auto; margin-top: 10px; top: 180%; left: 13%; display: flex; padding: 30px; margin-bottom: 5px; flex: content; text-align: center; } #starthome { width: 81%; margin:0 auto; padding-right:1px; text-align: left; margin-left: -31px; } #sidebar.bau { width: 27%; height: 404px; float: right; position: relative; padding: 20px; border-style: outset; border-radius: 20px; border-color: #B6FFA2; background-color: #DDEFDE; margin-bottom: 2px; margin-top: 11%; left: -22%; top: -48%; } #wechselbild2.advent { position: absolute; left: 1%; top: 2px; width: 100%; margin-top: 1%; } #starttableindex.allg { margin-top: 22px; padding-right: 2%; margin-bottom: 0px; left: 3%; width: 73%; height: auto; font-size: 99%; padding-left: 17%; font-family: serif; border: outset; border-radius: 15px; display: block; text-align: center; background-color: #dceede; top: auto; height: auto; } h1.allg { left: -37%; position: relative; font-family: serif; font-size: 221%; color: navy; text-shadow: 3px 3px 3px #fff; margin-top: -20%; height: auto; top: auto; width: 294px; } #sidebar.abhy { width: 38%; height: 471px; float: right; position: relative; padding: 20px; border-style: outset; border-radius: 20px; border-color: #B6FFA2; background-color: #DDEFDE80; margin-bottom: 2px; top: 2%; left: -1%; } #tablefuss.abhy { width: 60%; text-align: left; padding-bottom: 20px; float: left; margin-bottom: 10px; margin-top: 189px; top: 41%; left: 4%; height: 522px; } #wassernote { position: relative; top: -35%; left: 2px; } #übersicht.marma { position: relative; top: -157px; left: 223px; } #wrapper.fuss{ height:2582px; } #wrapper.imp { width: 99%; height: 1381px; } #main{ width:100%; height: 430px; margin-top: 124px; top: auto; } #main.imp { width: 100%; float: left; top: -3%; margin-top: -1%; margin-bottom: 10px; height: 966px; margin-top: 18%; } main.fuss { height: 2052px; margin-top: 14%; left: 1%; } #sprung.agb { display: block; float: right; position: relative; top: -250px; } #starttableindex.agb { left: 1%; position: relative; margin-top: 1%; float: left; margin-bottom: 4%; padding-right: 1%; padding-bottom: 50px; padding-top: 9%; width: 71%; padding-left: 16%; height: auto; top: -19%; margin-left: 14px; font-size: 90%; } header.fuss{ height:225px; width: 101%; } #dreieck { position: relative; top: -41%; left: 12px; } #starttableindex { width: 89%; top: 3%; margin-top: 10px; padding-left: 91px; left: -46px; font-family: sans-serif; } #starttableindex.fuss { width: 93%; padding: 45px; margin-bottom: 10px; margin: 0 auto; margin-top: 3%; padding: 5px; left: 25px; height: 19%; } #kurztext.imp { font: 90%/1.2 serif; margin: -109px 33px 17px -4px; padding-left: 10px; width: 380px; } #starthome { width: 81%; margin: 0 auto; margin-left: auto; padding-right: 1px; text-align: left; margin-left: -31px; color: #161713; } #sidebar.fuss { width: 91%; position: relative; height: 407px; margin-bottom: 10px; left: 6px; top: -11%; margin-top: 259px; } #sidebar.imp { width: 81%; height: 400px; position: relative; padding: 20px; margin-bottom: 2px; margin-top: 16%; margin-right: 8%; top: -20%; } #sidebar1 { left: -1%; width: 92%; height:550px; margin-top: 10px; margin-bottom: 10px; position:relative; top:93%; } #sidebar1.fuss { width: 88%; height: 489px; float: left; position: relative; padding: 20px; border-style: outset; border-radius: 20px; border-color: #B6FFA2; background-color: #DDEFDEB3; padding: 2%; margin-top: 13px; margin-bottom: 10px; left: 22px; top: 31%; } #wasser { position: relative; margin: -9% auto; font-size: 98%; width: 72%; padding-top: 93%; top: -38%; } #wasser.imp { position: relative; margin: -9% auto; margin-top: -9%; font-size: 98%; width: 72%; padding-top: 93%; margin-top: -83%; } #sprung{ display:block; margin-top:-250px; float: right; margin-right: 3%; position: relative; margin-right: 8%; } #sprung.mobile { display: block; float: right; position: relative; top: auto; margin-top: -168%; left: -9px; } #spruchstart { height: 89%; position: relative; padding: 3%; margin-left: 2px; margin-right: 3%; background-color: #fff; width: 92%; left: 1%; display: block; margin-top: -1%; font-size: 79%; } #sprung.agb { display: block; float: right; position: relative; } #tablefuss { width: 63%; text-align: center; padding-bottom: 20px; float: left; margin-bottom: 3px; height: 506px; top: 45%; left: 5px; margin-top: 20px; } #spiegelranke { position: relative; top: -353px; margin-left: 5px; background-color: #caf9c300; height: 150px; margin-top:20px; } td.abhypreis { display: table-cell; float: left; font: 90% serif; margin-left: 8px; margin-top: -11px; width: 136px; } td.kurztextfuss { margin: -3%; font: 90%/1.2 serif; width: 90%; float: left; text-align: left; padding-bottom: 11px; } #footer { top: 2%; clear: both; width: 100%; position: relative; margin-top: 5px; margin-bottom: 5px; } #footer.fuss{ top: 5%; clear:both; width:100%; background-color: #9194CF00; position:relative; margin-top: 5px; margin-bottom: 5px; height: 150px; } #footer.imp { top: -14%; clear: both; margin-bottom: 5px; left: 0%; height: 134px; margin-top: 205%; } #footer.navi { top: auto; clear: both; width: 100%; background-color: #9194CF00; position: relative; margin-top: -123px; margin-bottom: 5px; height: 188px; left: 4px; background-color: #f5f5dc00; } #copy.fuss { width: 99%; top: -80%; height: auto; display: inherit; left: -23%; } #copy.home { width: 88%; left: 3%; height: auto; } #navyquer.allg { display: none; } #gutschein.mobile { position: absolute; top: 79%; left: 125px; width: 74%; } #wechselbild1.mass { position: relative; left: -3%; top: -10px; margin-top: 0%; width: 416px; } #copy.raumnav { width: 49%; height: auto; margin-top: 10px; top: -1%; left: 36%; display: block; padding: 5px; margin-bottom: 5px; margin-left: 15%; margin: 0 auto; font-size: 80%; } } @media screen and (max-width:700px) { select.buch{ top:-7%; left:50%; } #medien.buchen{ margin: 130% auto; } #main.onlin { width: 97%; margin-top: 29%; margin-bottom: 120px; height: 60%; top: 8%; left: 3%; } #auswahl.betreff { width: 79%; text-shadow: none; position: relative; margin: 6% 2% 0% 15%; height: auto; } label.massage { font: 158%/1.2 sans-serif; margin: 2px 4%; width: 80%; } a.kontermin{ top:-24%; height: 40px; display: inline-block; margin: 14% 1%; } #copy.raumnav { width: 91%; margin-top: 10px; top: -10%; left: 5%; padding: 5px; margin-bottom: 5px; margin-left: 15%; margin: 0 auto; font-size: 80%; } table.medien { display: table-cell; width: 130%; padding-left: 4%; height: auto; text-align: center; } #wechselbild2.onlin { width: 104%; left: 1%; top: 2%; } #sprung.onlin { display: block; top: -104%; float: left; position: relative; left: 59%; margin-top: 20%; } #copy.onlin { width: 98%; height: 150px; left: 5px; top: auto; margin: 128% auto; font-size: 120%; } #sidebar.onlin { width: 26%; height: 200px; padding: 20px; margin-bottom: 2px; margin-top: 2%; left: 15%; top: 22%; display: none; position: relative; } #medien.onlin { width: 80%; top: 6%; height: 99px; margin-top: 20px; margin-bottom: 20px; left: -14%; } #ruecklink { position: relative; left: -128px; top: 1px; display: inline-block; width: 0px; margin-right: 20px; } #bild.garschan { position: relative; display: block; top: 85px; font-size: 150%; left: -110px; background: #add8e600; width: 250px; } #tel_hoer.allg { top: 201%; margin-top: 84%; width: 37%; left: 48%; margin-left: 10%; margin-bottom: 30px; position: absolute; height: 56px; } a.allg{ display: block; position: absolute; width:150px; color:white; left:25%; font-size: 117%; margin: 0 auto; top: 21%; } #wechselbild2.navi { position: absolute; left: 1%; top: 0%; width: 98%; } #spiegelranke{ display: none; } #dreieck.navi { position: absolute; margin-top: -88%; left: 31%; top: 65%; height: 135px; max-width: 23%; margin: 0 auto; } #starttableindex { width: 89%; top: 3%; margin-top: 10px; padding-left: 91px; left: -60px; } h1.navi { height: 26%; font-style: italic; margin-top: -20px; margin-left: -76%; top: 2%; position: relative; left: 19%; width: 96%; margin: -77% 20%; } #wechselbild1.allg { width: 96%; margin-left: -28%; margin-top: 1%; margin-bottom: 10px; float: left; top: 20%; } #sprung.allg { display: block; margin-top: -3%; float: right; margin-right: -3%; top: auto; width: 107px; } header { height: 272px; width: 99%; margin-bottom: 10px; margin-top: -131px; top: 2px; left: 5px; } a.tel:link { color: white; display: block; position: relative; top: -47px; left: 28px; width: 57%; margin: 0 auto; } #startfuss.mob { width: 107%; font: 115%/1.2 serif; top: -16px; position: relative; left: -47px; } #wrapper.onlin { width: 99%; margin: 0 auto; height: 1261px; top: -86px; } #sidebar.term { width: 22%; height: 264px; padding: 20px; margin-bottom: 50px; margin-top: -81%; left: 11%; top: 4%; padding: 4%; margin-right: 10%; } #spruchstart.term { height: 121%; margin-left: 52px; margin-right: 3%; width: 124%; left: -53%; margin-top: 12px; margin-bottom: 20px; } #navyquer.nurmenue { width: 96%; position: relative; display: block; top: 10%; margin-top: -100%; margin-left: -71%; position: relative; left: 40%; background: #ffffe000; } #wechselbild2.advent { top: -10%; margin-bottom: 2px; height: auto; margin-top: 20px; margin-right: auto; margin-bottom: -10px; margin-left: -6px; width: 99%; } header.navi { height: 16%; width: 104%; margin-bottom: 10px; left: 0%; margin-top: 41px; top: -6%; } #starttableindex.allg { margin-top: 12px; padding-right: 3%; margin: 17px auto; margin-bottom: 0px; left: 19%; width: 89%; height: auto; font-size: 70%; } #sidebar.spez { width: 94%; margin-top: 0px; margin-bottom: 0px; padding: 18px; margin-bottom: 5px; height: 283px; top: auto; margin-top: 1600px; left: 18%; display: inherit; margin-left: -10%; left: 51px; } #starttableklass.spez { width: 72%; padding-top: 41px; padding-left: 118px; top: auto; left: 6px; height: auto; margin-bottom: 20px; margin-top: 19px; } #headline.spez { background-color: #87e3a400; width: 100%; position: relative; left: 1px; margin-top: 19%; height: 34%; border-bottom: 3px dotted white; margin-bottom: 2px; top: -40%; } h1.bau { font-size: 247%; color: navy; font-weight: bold; font-style: italic; top: -29%; left: -29%; } #headline.spez { left: -81px; margin-top: 19%; margin-bottom: 2px; top: -45%; width: 81%; } #copy.raumbau { width: 63%; border-style: outset; top: -453px; margin-top: 81px; margin-left: 60px; display: none; } header.allg { width: 95%; margin-bottom: 10px; margin-top: 1%; position: relative; top:-3px; } #headline.allg { background-color: #87e3a400; width: 100%; position: relative; left: 6px; margin-top: 20%; height: 57%; border-bottom: 3px dotted white; margin-bottom: 2px; top: 42%; } #headline.agb { background-color: #87e3a44d; width: 100%; position: relative; top: 267px; left: 1px; margin-top: -11%; height: 34%; border-bottom: 3px dotted white; margin-bottom: 2px; } #sidebar.agb { width: 86%; margin: 0 auto; margin-top: 0px; margin-bottom: 0px; margin-left: auto; padding: 16px; margin-bottom: 5px; height:500px; top: -20%; margin-top: 13px; margin-left: 4px; left: -32px; } td.kurztextabhy { font: 95%/1.2 serif; width: 90%; float: left; margin-left: -59px; text-align: left; margin-left: -28%; margin-top: 1%; } #tablefuss.abhy { width: 74%; text-align: left; padding-bottom: 20px; float: left; margin-bottom: 10px; margin-top: 189px; top: 41%; left: 4%; height: 522px; } #spruchstart.agb { height: 90%; } #footer.agb { top: 1%; clear: both; width: 100%; } #wrapper.fuss{ height:2593px; } #main.fuss { height: 2106px; top: -3%; margin-top: -32px; left: -12px; } h1.fuss { top: -136%; left: 22%; font-size: 228%; float: left; } h5.fuss { font: 130% bold,italic; left: 24%; position: relative; top: 50%; } header.fuss{ height:5%; width: 101%; } #sidebar{ width:84%; margin:0 auto; padding: 20px; margin-bottom: 5px; height:287px; top: -19%; margin-top: 15px; } #sidebar.imp { width: 81%; height: 400px; position: relative; padding: 20px; margin-bottom: 2px; margin-top: 14%; margin-right: 8%; top: -20%; } #sidebar.fuss { width: 86%; position: relative; height: 431px; margin-bottom: 10px; left: 3%; top: 1%; margin-top: 10px; height: 400px; } #starttableindex.fuss { width: 90%; left: 25px; padding: 8px; margin-top: -5px; margin-bottom: 10px; top: 1%; } #starthome { width: 73%; margin:0 auto; padding-right:1px; text-align: left; margin-left: -31px; } #wasser { position: relative; margin: -9% auto; font-size: 98%; width: 72%; padding-top: 93%; top: -49%; } #sprung{ display:block; float: right; margin-top: -62px; background: linear-gradient(to right, #ef7fe8b3 0%,#d333d599 99%); background-color: rgba(0, 0, 0, 0); } #tablefuss { width: 75%; padding-bottom: 1%; padding-right: 1%; float: left; margin-bottom: 10px; height: 510px; top: 43%; left: 13px; margin-top: 20px; padding-left: 15%; } #wechselbild2.fuss { position: relative; left: 20%; top: -24%; width: 80%; } #sprung.fuss { display: block; top: -22%; float: right; position: relative; } #wasser.fuss { position: relative; margin: -9% auto; font-size: 98%; width: 72%; padding-top: 93%; top: -40%; } #tablefuss.fuss { width: 48%; position: absolute; top: 45%; left: 2%; height: 507px; padding-bottom: 31px; padding-left: 8%; margin-bottom: 10px; margin-top: -3%; margin-left: 2%; padding-top: 4%; } #sidebar1.fuss { width: 31%; height: 489px; float: left; position: relative; padding: 20px; border-style: outset; border-radius: 20px; border-color: #B6FFA2; background-color: #DDEFDEB3; padding: 2%; margin-top: 13px; margin-bottom: 10px; left: -35%; top: 28%; } #footer.fuss{ top: 3%; clear:both; width:100%; background-color: #9194CF00; position:relative; margin-top: 5px; margin-bottom: 5px; height: 354px; left: 0%; } #copy.fuss { width: 99%; top: -7%; height: auto; display: inherit; left: -23%; } #copy.home { width: 87%; margin: 0 auto; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; left: 2%; top: 16%; padding: 9px; } #footer.bau { top: auto; clear: both; width: 100%; background-color: #9194CF99; position: relative; margin-top: -41px; margin-bottom: 5px; height: 169px; left: -68px; } #footer.onlin { display: block; position: relative; top: auto; width: 88%; height: auto; margin-top: 354%; margin-left: 5%; font-size: 83%; } } @media screen and (max-width:650px) { #buchen.termin { top: 2%; width: 76%; margin: 2%; left: 0%; } #auswahl.betreff { width: 79%; text-shadow: none; position: relative; margin: 12% 2% 0% 5%; height: auto; } #wrapper.onlin { width: 100%; height: 1400px; top: 2px; margin: 0px; position: absolute; } #termine.online { left: 2%; top: 6%; } table.buch { width: 366px; height: 235px; padding:37px; margin:6% 10% 1% 1%; top: 20%; left: 12%; } label.email { font-size: 70%; width: 172px; left: 0px; } #medien.buchen { width: 99%; left: 7%; margin: 176% -8%; } #auswahl.massage { display: flex; width: 68%; font: 124% sans-serif; text-shadow: none; top: 71%; } #termine.bestät { display: inline-block; position: relative; top: -4%; margin: 6% 12%; width: 95%; left: -11%; text-align: center; } #wechselbild2.onlin { width: 98%; left: 4px; top: 2%; } label.tel { font-size: 80%; width: 172px; top: 20px; left: 2px; } #headline.onlin { width: 90%; top: 13%; position: relative; height: 146px; left: 0%; } #main.onlin { width: 97%; margin-top: 29%; margin-bottom: 120px; top: 8%; left: 1%; } #medien.onlin { width: 54%; top: 6%; height: 99px; margin-top: 53px; margin-bottom: 20px; left: -26%; } label.anrede { display: inline-block; font: 80%/1.2 sans-serif; margin-bottom: -9px; position: relative; top: 24px; height: 33px; width: 234px; left: -1px; margin: 2%; text-align: left; } #wechselbild3.imp { position: relative; top: -30px; left: 0px; width: 93%; } #starttableindex.onlin { padding-right: 10%; position: relative; margin-top: -12px; margin-bottom: 0px; width: 76%; left: 4%; } header.onlin { height: 18%; width: 93%; left: 3%; margin-bottom: 20px; top: -1%; margin-top: 7px; } #spruchstart.onlin { width: 101%; height: 360px; left: 73%; top: -171%; margin-top: 0%; border: 1px outset #352c66; } #tel_hoer.allg { top: 205%; margin-top: 84%; width: 37%; left: 48%; margin-left: 10%; margin-bottom: 30px; height: 56px; } #terminspez.allg { top: 205%; margin-top: 84%; width: 37%; left: auto; margin-left: 12%; margin-bottom: 30px; position: absolute; height: 6%; padding-bottom: 14px; } #bild3.allg { width: 74%; top: 23px; margin-top: 1px; margin-left: -1%; border-style: outset; padding: 4px; margin:0 auto; } #bild.garschan { display: block; top: -37px; font-size: 150%; left: -72px; width: 200px; } #starttableklass.spez { width: 71%; top: auto; left: 1%; height: auto; margin-bottom: 20px; margin-top: 19px; } header.navi { height: 156px; width: 99%; margin-bottom: 10px; left: 0%; margin-top: 185px; top: -21%; } #tel_hoer.term { top: 20px; left: 2px; width: 66%; margin: 0 auto; } #wechselbild2.navi { position: absolute; left: 1%; top: 0%; width: 98%; } a.term:link { color: white; display: block; top: -38px; left: 20%; width: 88%; } #starthome.onlin { margin-top: -7%; } h1.allg { margin-top: -14%; height: auto; top: auto; width: 294px; } #tel_hoer { display: block; position: relative; top: 24px; left: -4px; width: 52%; margin: 0 auto; } a.tel:link { top: -43px; left: 23px; width: 57%; margin: 0 auto; } #spruchstart.term { margin-left: 52px; margin-right: 3%; width: 116%; left: -62%; margin-top: 5%; margin-bottom: 20px; height: 279px; } #sidebar.term { width: 20%; margin-bottom: 50px; margin-top: -81%; left: 68%; top: 124%; margin-right: 10%; position: absolute; } #wrapper.imp { width:630px; height: 1059px; left: 2px; } #wrapper.bau { width: 99%; height: 659px; } #sidebar.allg { display: inherit; margin: 0 auto; padding: 18px; margin-bottom: 25px; height: 256px; top: auto; margin-top: 21%; left: 0%; width: 89%; } #main.navi { width: 95%; background-color: #caf9c300; margin-top: -1%; margin-bottom: 10px; height: 700px; left: 34%; } header.navi { height: 16%; width: 104%; margin-bottom: 10px; left: 0%; margin-top: 41px; top: 1%; } #navyquer.nurmenue { width: 134%; position: relative; display: block; top: -151px; margin-top: -500px; margin-left: -7%; position: relative; left: -29%; background: #92879200; } #spruchstart { height: 89%; position: relative; padding: 3%; margin-left: 12px; margin-right: 3%; background-color: #fff; width: 99%; right: 16%; display: block; margin-top: -1%; font-size: 79%; } #herz.mob { display: block; color: #0C7019E0; height: 10px; text-shadow: -2px 2px 2px; position: relative; margin-top: -41%; left: 27px; float: left; top: 101%; width: 96%; } #dreieck.spez { position: relative; top: 2px; left: -12%; width: 28%; margin-top: 21%; } #navyquer ul.top { display: block; border-radius: 10px; color: #fff0; width: 79%; clear: both; background-color: #e6aae500; left: -62%; float: left; background: #add8e600; margin-left: 11%; position: relative; } #wechselbild10.allg { width: 70%; margin-left: 45%; margin-top: -71%; margin-bottom: 10px; float: left; } #starttablemobil { font-family: serifte, navy; text-align: center; color: navy; width:75%; padding-left:50px; padding-right: 50px; left: 1px; } ul.rueklass { position: relative; text-align: center; margin-top: 20px; font-style: inherit; font-size: 97%; left: 24px; } #startfuss { width: 450px; font: 105%/1.2 serif; margin-left:20px; margin-top:30px; } ul.rueklass { margin-top: 20px; font-size: 97%; left: 4px; list-style-type: none; width: 95% } #wechselbild2.mob { width: 93%; margin-left: -10%; margin-top: 20px; margin-bottom: 10px; float: left; top: auto; position: relative; } #dreieck.mob { margin-left: 4%; max-width: 200px; left: -2%; top: 49%; position: absolute; margin-top: 52px; width: 50%; } header.navi { height: 156px; width: 99%; margin-bottom: 10px; left: 0%; margin-top: 185px; top: -21%; } #dreieck.bau { position: relative; margin-top: -2%; left: -7%; width: 40%; top: 27px; } #headline.allg { background-color: #87e3a400; width: 92%; position: relative; left: 1px; margin-top: 19%; height: 32%; border-bottom: 3px dotted white; margin-bottom: 2px; top: 56%; } #wechselbild1.allg { width: 111%; margin-left: -31%; margin-top: -1%; margin-bottom: 10px; float: left; position: absolute; } #spiegelranke { position: relative; top: -554px; left: -1px; background-color: #caf9c300; height: 150px; margin-top: 16px; display: none; } #wechselbild2.advent { position: absolute; left: 7%; top: -58px; width: 95%; margin-top: 55px; margin-left: -16px; } #sprung.bau { display: block; float: left; margin-right: 2%; margin-bottom: 20px; top: -40px; left: 245px; height: 28px; } #sidebar { width: 23%; height: 452px; float: left; position: relative; padding: 20px; border-style: outset; border-radius: 20px; border-color: #B6FFA2; background-color: #DDEFDE; left: 2%; margin-bottom: 2px; margin-top: 15px; margin: 0 auto; top: 4%; } #starttableindex.bau { left: 6%; margin-top: 15%; float: left; padding-right: 5%; padding-top: 1%; width: 36%; height: 235px; top: -37%; height: auto; } #navyquer.navi { width: 102%; margin-top: 1px; left: -7%; background-color: #caf9c300; top: -185px; clear: both; height: 454px; } #wasser.imp { position: relative; margin: -9% auto; margin-top: -9%; margin-top: -9%; font-size: 98%; width: 72%; padding-top: 93%; margin-top: -75%; } #ampel.abhy { display:none; top: -152%; left: 5px; position: relative; margin-top: 17px; margin-bottom: 5px; } #sidebar.abhy { width: 32%; height: 503px; float: right; position: relative; padding: 20px; border-style: outset; border-radius: 20px; border-color: #B6FFA2; background-color: #DDEFDE80; margin-bottom: 2px; top: 1%; left: -1%; } #spruchstart.abhy { height: 97%; top: 44px; left: -53px; width: 114%; } #wechselbild10.allg { width: 55%; margin-left: -32%; margin-top: -90%; margin-bottom: 10px; float: left; } #ampel.abhy { top: -152%; left: 5px; position: relative; margin-top: 17px; margin-bottom: 5px; } #wechselbild2a.abhy { position: relative; top: -81px; left: -83px; } #wasser.abhy { position: relative; margin: -9% auto; font-size: 85%; top: 187px; } #wassernote { position: relative; top: -32%; left: 2px; } #wasser.fuss { position: relative; margin: -9% auto; font-size: 98%; width: 72%; padding-top: 93%; top: -21%; } #tablefuss.fuss { width: 79%; position: absolute; top: 48%; left: 0%; height: 507px; padding-bottom: 56px; padding-left: 15%; margin-bottom: 10px; margin-top: -3%; margin-left: 2%; padding-top: 4%; } #sidebar1.fuss { width: 91%; height: 489px; float: left; position: relative; padding: 20px; border-style: outset; border-radius: 20px; border-color: #B6FFA2; background-color: #DDEFDEB3; padding: 2%; margin-top: 13px; margin-bottom: 10px; left: 2%; top: 31%; } #fussnote.fuss { top: -33%; left: 2%; position: relative; width: 79%; height: 80%; padding: 38px; margin-top: -35px; } #sidebar1.abhy { width: 46%; height: 527px; float: right; padding: 20px; padding: 2%; left: -5%; top: 1%; } #rankefuss.abhy { position: absolute; top: 25%; left: 73%; margin-bottom: 2px; width: 58%; } #ampel.abhy1 { border-radius: 30px; display: table-cell; left: 55%; position: relative; top: -434px; } #tablefuss.abhy { width: 78%; text-align: left; padding-bottom: 20px; -left: -1%; float: left; margin-bottom: 10px; margin-top: 189px; top: 43%; left: 1%; height: 522px; } #sprung.abhy { display: block; top: 1%; float: right; position: relative; right: 11%; margin-top: 51px; } td.kurztextabhy { font: 95%/1.2 serif; width: 90%; float: left; text-align: left; margin-left: 3%; } h5.fuss { left: -2%; top: 55%; } #wrapper { height: 1770px; } #wrapper.imp { width: 603px; height: 1330px; left: -130px; } #wrapper.navi { width: 99%; height: 958px; background-color: #caf9c3; } #headline.fuss { background-color: #c6f8bf80; width: 100%; position: relative; top: 72px; left: 1px; margin-top: 31%; height: 105px; margin-bottom: 1px; } header.agb { height: 8%; width: 103%; margin-bottom: 10px; } #headline.agb { background-color: #87e3a44d; width: 100%; position: relative; top: 252px; left: 6px; margin-top: -11%; height: 42%; border-bottom: 3px dotted white; margin-bottom: 2px; height: 38%; } #sprung.agb { display: block; float: right; position: relative; top: -220px; } #starttableindex.agb { left: 1%; position: relative; margin-top: 1%; float: left; margin-bottom: 4%; padding-right: 1%; padding-bottom: 50px; padding-top: 5%; width: 82%; padding-left: 8%; height: auto; top: -19%; margin-left: 13px; font-size: 90%; } #main{ width:100%; height:1600px; } #main.fuss{ width:100%; top:0%; margin-top: 5px; margin-bottom: 5px; height: 2211px; } #main.imp { width: 100%; float: left; top: -12%; margin-top: -1%; margin-bottom: 10px; height: 862px; margin-top: 3%; } header.fuss{ height:91px; width: 97%; margin-bottom: 10px; left: -29px; } header{ height:15%; width: 101%; margin-bottom: 10px; margin-top: 10px; top: -109px; left: 2px; } #dreieck { margin-left: 4%; max-width: 200px; left: -1%; top: -107%; position: relative; } #dreieck.fuss { margin-left: 4%; max-width: 200px; left: -1%; top: -19%; position: relative; } h1.fuss{ top: -133%; left:24%; position: relative; font-family: serif; font-size: 228%; float: left; } #navileiste.fuss, #naviunten.rückall{ display:none; } #navileiste, #navyquer{ display:none; } #sprung{ display:block; margin-top:1%; float: right; margin-right: 3%; } #sprung.fuss { display: block; top: 17%; float: right; position: relative; right: 15%; margin-top: -58px; } #sprung.allg { display: block; float: right; position: relative; margin-top: 40px; margin-right: 9%; top:auto; width: 115px; } #nav{ display:none; } #herzlich1 { position: relative; margin-top: -1%; left: 4%; width: 75%; } #starttableindex{ width:78%; top:18%; left: 3%; padding-bottom: 10%; padding-left: 3%; padding-right: 3%; padding-top: 3%; margin: 0 auto; margin-top: -15%; } #kurztext.imp { font: 90%/1.2 serif; padding-left: 1%; width: 95%; } #starttableindex.imp { left: 8%; margin-top: 23%; float: left; margin-bottom: 4%; padding-right: 5%; padding-bottom: 50px; padding-top: 1%; width: 68%; padding-left: 13%; height: 358px; top: -9%; margin-top: 122px; } #starttableindex.fuss { width: 92%; left: 3%; padding: 2%; margin-top: -5px; margin-bottom: 10px; height: auto; padding-bottom: 10%; padding-top: 5%; } #tablefuss{ width: 78%; text-align:center; padding-bottom: 20px; float: left; margin-bottom: 10px; margin-top: 72px; top: 48%; left: 5px; height: 520px; } #sidebar{ width:84%; margin:0 auto; padding: 20px; margin-bottom: 5px; height:auto; top: 0%; margin-top: 13px; margin-left: 3px; } #sidebar.marma { width:39%; height: 393px; float: right; position: relative; padding: 20px; margin-bottom: 2px; top: -43%; right: 19%; margin-top: 7%; margin-right: 12px; } #spruchstart { height: 94%; position: relative; padding: 3%; margin-left: 12px; margin-right: 3%; background-color: #fff; width: 94%; right: -1%; display: block; margin-top: 2%; font-size: 79%; } #sidebar.fuss { width: 87%; position: relative; height: 407px; margin-bottom: 10px; left: 2%; top: 1%; } #sidebar.imp { width: 81%; height: 400px; position: relative; padding: 20px; margin-bottom: 2px; margin-top: 20%; margin-right: 8%; top: -20%; } #spruchstart { height: 210px; position: relative; padding: 4%; background-color: #fff; width: 91%; left: -8%; display: block; margin-left: 9%; } #sidebar1{ width:96%; float:left; margin-top:10px; top: 41%; position: relative; margin-bottom: 10%; margin-top: 10px; } #wechselbild2.fuss { position: relative; left: 4%; top: -45%; width: 94%; margin-top:10px; } #wechselbild1.start{ width:70%; margin-left:10%; margin-top: 31%; } #rankefuss { display: inline; position: absolute; top: 27%; left: 46%; } #ampel.marma { border-radius: 30px; display: table-cell; left: 40px; position: absolute; top: 75px; width:24%; margin-left: 60%; } #wasser{ top:-15%; text-align:center; margin: 0 auto; position: relative; left: 2%; } #wasser.marma{ top:-25%; text-align:center; margin: 0 auto; position: relative; left: 2%; margin-top: 65px; } #tablefuss.marma { width: 72%; position: relative; top: -36%; right: 4%; height: 607px; padding-bottom: 31px; padding-left: 23%; margin-bottom: 10px; margin-top: -203%; margin-right: 1%; float: right; } #übersicht.marma { position: relative; top: -22px; left: -22px; } #sidebar1.marma { width: 45%; height: 410px; float: left; position: relative; border-style: outset; border-radius: 20px; border-color: #B6FFA2; background-color: #DDEFDE; top: 6%; padding: 2%; margin-top: 173%; margin-bottom: 10px; left: 2%; } #footer{ top: -1%; clear:both; width:100%; background-color: #9194CF99; position:relative; } #footer.fuss{ top: -2%; clear:both; width:100%; background-color: #9194CF00; position:relative; margin-top: 5px; margin-bottom: 5px; height: 150px; } #copy.home{ width: 86%; margin: 0 auto; left: 4%; top: 16%; padding: 9px; } #rankeumkehr { position: absolute; top: 431px; left: 70px; width: 77%; margin-top: 1%; background-color: #00f0; height: 100px; } #starthome { width: 87%; margin: 0 auto; padding-right: 1px; text-align: center; margin-left: -40px; } #wrapper.fuss{ margin-left:1%; height:2700px; } #footer{ top: auto; clear:both; width:100%; background-color: #9194CF00; position:relative; margin-top: 55px; margin-bottom: 5px; } #footer.fuss{ top: 1%; clear:both; width:100%; background-color: #9194CF00; position:relative; margin-top: -25px; margin-bottom: 5px; height: 300px; left: 2px; } #fussnote.marma { font: 88% serif; color: #060881; background-color: #DDEFDE; border-color: rgb(0, 128, 0); border-radius: 20px; border-style: outset; height: 84%; width: 78%; opacity: 0.8; top: 79%; padding: 8%; margin-top: 10px; } #footer.imp { top: -14%; clear: both; margin-bottom: 5px; left: 0%; height: 134px; margin-top: 226%; } #copy.bau { width: 92%; margin: 0 auto; left: 2%; top: 16%; padding: 9px; height: auto; } #copy.fuss { width: 88%; margin: 0 auto; left: -1%; top: 100%; display: inherit; height: auto; padding: 24px; margin-top: 27%; } #copy.navi { width: 87%; left: -66px; height: 130px; margin-top: auto; top: 12%; left: -1%; display: block; position: absolute; } #copy.raumnav { padding: 9px; border-style: outset; top: -24%; margin-top: -59px; margin-left: 2%; display: inherit; width:84%; height: auto; padding: 11px; display: block; } #copy.bau { padding: 9px; border-style: outset; top: 15px; margin-top: 83px; margin-left: 11px; display: inherit; width: 80%; height: 70px; } #footer.allg { clear: both; width: 96%; background-color: #9194CF00; position: relative; margin-top: 9px; margin-bottom: 5px; height: 150px; margin-left: 3px; } #copy.moballg { top: auto; left: 11px; width: 90%; margin-top: 46px; } #termin.mobil { width: 70%; height: auto; margin-top: 15px; top: 21%; left: 2%; padding: 30px; margin-bottom: 5px; text-align: center; margin-left: 7%; } #termin.mobil { width: 495px; margin-top: 25%; padding-left: 37px; margin-right: 2%; position: relative; top: 301px; display: inherit; float: left; left: -4%; text-align: center; background: #93958c96; height: 18px; border-radius: 16px; padding-top: 11px; font-size: 151%; } #sprung.spez { margin-top: -6%; width: 91%; display: block; text-align: center; left: 1%; margin-bottom: 10px; margin-left: -19px; position: absolute; float: left; margin: 0 auto; top: 243px; } } @media screen and (max-width: 600px){ #auswahl.betreff{ margin: 5% 2% 2% -11%; } #table2 { width: 42%; left: 1%; margin: -48% 2% 1% 23%; } #termine.weitere { height: 82%; width: 600px; top: auto; left: auto; } table.buch { width: 366px; height: 235px; padding:37px; margin:6% 10% 1% 1%; top: 20%; left: 4%; } #table3.buch { width: 77%; top: -57%; left: 33%; } #auswahl.betreff { font-size: 96%; font-weight: bold; left: -26%; width: 635px; height: 134px; margin:4% 4% 10% 22%; } #weitere.anfr { font-size: 96%; font-weight: bold; top: auto; width: 529px; height: 134px; margin: -21% 10% 10% 46%; left: -53%; } label.massage{ width:688px; left: 17%; } header.navi { height: 156px; width: 99%; margin-bottom: 10px; left: 0%; margin-top: 185px; top: -24%; } label.email { font-size: 80%; width: 172px; top: 20px; } label.auswahl { display: inline-block; font: 86%/1.2 sans-serif; margin: 3% 12%; position: relative; height: 44px; top: 38%; width: 368px; } #termine.bestät { width: 149%; font: 124% sans-serif; text-shadow: none; top: -57%; left:22%; } #auswahl.massage { display: flex; width: 98%; font: 124% sans-serif; text-shadow: none; top: -12%; left:-3%; margin: 16% 1% 2% -65%; } #sidebar.onlin { width: 38%; height: 365px; float: right; padding: 20px; margin-bottom: 2px; margin-top: 140%; left: 56%; top: 61%; } select.buch { margin: -69% 5% 8% -18%; top: 2%; left: 73%; } #buchen.termin { top: 8%; width: 46%; margin-top: 24%; left: -27%; } #medien.onlin { width: 54%; top: 116%; height: 99px; margin-top: 20px; margin-bottom: 20px; left: -33%; position: absolute; } a.allg { width: 150px; left: 24%; font-size: 117%; margin: 0 auto; top: 21%; } #terminspez.allg,#tel_hoer.allg { top: 218%; width: 41%; } #main.allg { width: 99%; left: -1%; } #starthome.ganz { width: 114%; left: -19%; } #sidebar.spez { margin-top: 40px; margin-bottom: 20px; height: 254px; top: 726px; margin-top: 183%; left: 43px; } #navyquer.nurmenue { width: 134%; position: relative; display: block; top: -91%; margin-top: -500px; margin-left: -7%; position: relative; left: -29%; background: #92879200; margin: 0 auto; } #footer.navi { top: 4%; clear: both; width: 100%; margin-top: -4%; margin-bottom: 5px; height: 188px; left: 4px; } } @media screen and (max-width: 560px){ #auswahl.massage { display: inline-block; width: 477px; margin: 11% -11%; left: 35%; } #table3.buch { width: 204%; top: -1%; left: 28%; } #auswahl.betreff { margin: 19% 44% 2% -58%; left: 22%; top: 4%; font-size: 72%; height: 12%; width: 505px; display: inline-block; } #termine.online { height: 48px; margin: 0 auto; } #weitere.anfr { font-size: 100%; font-weight: bold; width: 501px; left: -25%; margin: 37% 4% 9% -18%; } #spruchstart.onlin { width: 84%; height: 360px; left: -8%; top: -171%; margin-top: 0%; } #wechselbild2.advent { position: absolute; left: 1%; top: -62px; width: 99%; margin-top: 55px; margin-left: -16px; } label.email { font-size: 80%; width: 172px; top: 20px; left: 0px; } #termine.bestät { display: inline-block; position: relative; top: 50%; margin: 6% 12%; left: 20%; text-align: center; } auswahl.massage { display: flex; width: 101%; font: 124% sans-serif; text-shadow: none; top: 17%; left: -9%; margin: 10% 0% 1% -62%; } #starttableindex.onlin { margin-top: 20px; margin-bottom: 0px; width: 77%; left: 4%; } select.buch { height: 50px; width: 440px; text-align: center; font: 80% sans-serif; margin: -13% 5% 2% -12%; top: auto; left: 31%; } #table2 { width: 59%; top:39%; height: 61%; } h1.onlin { color: #261f7b; top: auto; left: -9%; width: 328px; margin-top: -56px; font-size: 250%; } medien.onlin { width: 53%; top: 6%; height: 99px; margin-top: 20px; margin-bottom: 20px; left: -8%; margin:0 auto; } #sidebar.onlin { width: 82%; height: 365px; float: right; padding: 20px; margin-bottom: 2px; margin-top: 295%; left: -1%; } header.allg { width: 95%; left:-10px; top: -3px; } a.allg { width: 150px; left: 18%; font-size: 107%; margin: 0 auto; top: 21%; } #terminspez.allg, #tel_hoer.allg { top: 60%; width: 41%; margin-left: 18px; height: 28px; } #spruchstart { height: 203px; width: 91%; left: -8%; margin-left: 9%; } #sprung.spez { margin-top: -4%; width: 91%; margin-left: -9px; position: absolute; float: left; margin: 0 auto; top: 223px; } #fusslink { margin-left: 2px; } #ruecklink{ margin-right: 10px; } #starttableklass.spez { width: 68%; } #copy.raumnav { padding: 9px; top: -26%; margin-top: -59px; margin-left: 6%; width: 87%; height: auto; padding: 11px; display: block; } #wechselbild1.allg { width: 91%; } } @media screen and (max-width: 500px) { #termine.weitere{ top:auto; left:auto; width: 402px; } h1.onlin { color: #261f7b; top: auto; left: -2%; width: 328px; margin-top: -56px; font-size: 226%; } #auswahl.betreff { margin: 8% 2% 2% -20%; width: 77%; left: 11%; top: 5%; font-weight: bold; font-size: 72%; height: 15%; } #buchen.termin { top: 8%; width: 34%; margin-top: 24%; left: -27%; } select.buch { height: 50px; width: 240px; text-align: center; font: 90% sans-serif; margin: 57% 5% 2% 33%; top: 22%; left: 32%; } label.massage { width: 99%; left: auto; top: auto; font-size: 171%; height: 57px; } label.auswahl { display: inline-block; font: 86%/1.2 sans-serif; margin: 3% 12%; position: relative; height: 44px; top: 23%; width: 157px; } #weitere.anfr{ display: block; top:453%; height: 128px; left: 12%; margin: 11px -31% 20px -94%; } #sidebar.onlin { width: 82%; height: 365px; float: right; padding: 20px; margin-bottom: 2px; margin-top: 326%; left: 3%; top: auto; } #medien.buchen { position: relative; width: 89%; top: 24%; left: -27%; height: 99px; margin: 28% auto; } #auswahl.massage { width: 390px; font: 124% sans-serif; text-shadow: none; top: 19%; left: auto; margin: -5% -10% 1% -4%; } #auswahl label.auswahl { display: block; font: 90%/1.2 sans-serif; margin: 2px 4%; position: relative; height: 64px; top: 57%; left:0%; width: 411px; } #table2 { width: auto; left: -4%; top: 27%; text-align: left; height: 561px; } #starttableindex.onlin{ top:-10%; } #termine.bestät { display: inline-block; position: relative; top: 16%; margin: 30% 12%; width: 184%; left: 25%; } #gutschein.mobile { position: absolute; top: 120%; left: 105px; width: 74%; } #termine.online { display: flex; position: relative; width: 54%; height: 48px; margin: 0 auto; left: -27%; top: -6%; } #terminspez.allg, #tel_hoer.allg { top: 60%; width: 41%; margin-left: 18px; height: 28px; } header.onlin { height: 18%; width: 99%; left: -2%; margin-bottom: 20px; top: -1%; margin-top: 15%; } #footer.onlin { display: block; position: relative; top: auto; width: 93%; height: auto; margin-top: 556%; margin-left: -1%; } #starttableindex.onlin { padding-right: 10%; position: relative; margin-top: 41px; margin-bottom: 74px; width: 78%; left: 0%; padding-bottom: 50%; } table.nebenlink { display: table-cell; padding: 30px 6%; font-size: 109%; width: auto; } table.medien { display: table-cell; width: 134%; padding-left: 137px; height: auto; text-align: center; } #medien.onlin { width: 116%; top: 62%; height: auto; margin-top: 16px; margin-bottom: 20px; position: absolute; margin:14% 20%; padding-bottom: 12%; } #main.onlin { width: 96%; margin-top: 45%; margin-bottom: 12%; height: 1104px; top: 18%; left: 5px; } a.allg{ font-size:100%; } #bild3.allg { width: 84%; top: 23px; margin-top: 1px; margin-left: -1%; border-style: outset; padding: 4px; margin: 0 auto; } h1.navi { display: block; height: 62px; margin-top: -3px; top: -84px; position: relative; margin: 0 auto; left: 47%; margin: 0 auto; } h1.rueallg { top: 1px; left: -22%; margin-top: 15px; margin-bottom: 10px; height: 110px; width: 300px; } #tel_hoer.term { top: 2px; left: 1px; width: 60%; margin: 0 auto; } #tel_hoer.imp { display: block; position: relative; top: 24px; left: -4px; width: 59%; margin: 0 auto; } #starthome.onlin { font: 115%/1.4 sans-serif; left: 8%; color: darkblue; } a.tel:link { top: -28px; left: 12px; width: 67%; margin: 0 auto; } #wasser.allg { position: relative; margin: -31% auto; font-size: 117%; width: 57%; top: 41%; left: 47px; color: #5a0e5a; text-shadow: -1px 2px 2px aliceblue; } h1.start { font-size: 18%; top: 120%; float: right; right: 50%; margin-top: auto; } #wrapper.onlin { width: 99%; margin: 0 auto; height: 1261px; top: -64px; left: 4%; } #termin.rueallg { width: 206px; margin-top: 21%; padding-left: 2px; margin-right: 2%; position: relative; top: -700px; display: inline; float: left; left: 22%; text-align: center; background: #a8cd44d9; height: 33px; border-radius: 16px; font-size: 112%; border: #88a972; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-style: outset; border-radius: 10px; height: 30px; padding-top: 12px; } #startfuss.mob { width: 126%; font: 115%/1.2 serif; top: -16px; position: relative; left: -47px; } #wrapper.imp { width: 99%; height: 1330px; left: -40px; } header.navi { height: 170px; width: 98%; margin-bottom: 10px; left: 0%; margin-top: 185px; top: -23%; margin-left: 3%; } #bild.garschan { position: relative; display: block; top: -113px; font-size: 127%; left: -135px; background: #add8e600; } #starthome.ganz { width: 106%; left: -24%; height: auto; font-size: 99%; margin-left: 2%; } #ruecklink { position: relative; left: 0px; top: -1px; display: inline-block; width: 103px; margin-left: -237px; } #bild.marma { position: relative; display: block; top: -41px; font-size: 158%; left: 91px; width: 194px; } #abhylink { position: relative; left: 1px; top: -7px; } #wechselbild10.allg { width: 89%; margin-left: 3%; margin-top: -79%; margin-bottom: 10px; float: left; top: 256px; position: absolute; left: -117px; } #dreieck.spez { position: relative; top: 6px; left: 10%; width: 28%; margin-top: 21%; } #headline.spez { background-color: #87e3a400; width: 100%; position: relative; left: 1px; margin-top: 19%; height: 34%; border-bottom: 3px dotted white; margin-bottom: 2px; top: -52%; margin: 0 auto; } #wechselbild1.allg { width: 67%; margin-left: -31%; margin-top: 3%; margin-bottom: 10px; float: left; } #footer.bau { top: -303px; clear: both; width: 102%; background-color: #9194CF99; position: relative; margin-top: -72px; margin-bottom: 5px; height: 127px; left: -104px; } #sidebar.bau { width: 34%; height: 314px; float: right; position: relative; padding: 20px; border-style: outset; border-radius: 20px; border-color: #B6FFA2; background-color: #DDEFDE; margin-bottom: 2px; margin-top: 11%; right: 15%; top: -95%; } #starttableindex.bau { left: -24%; margin-top: 15%; float: left; margin-bottom: 4%; padding-right: 5%; padding-top: 1%; width: 55%; height: auto; top: -11%; padding-bottom: 1%; } h1.bau { font-size: 247%; color: navy; font-style: oblique; top: -9%; left: -214px; font-size: 180%; width: 243px; } #main.agb { width: 100%; float: left; background-color: #caf9c3; top: 10%; margin-top: -108px; margin-bottom: 10px; } #dreieck.allg { position: relative; top: -24%; left: 26%; margin-top: 10px; width: 23%; } #starttableindex.allg { padding-right: 3%; margin: 7px auto; margin-bottom: 17px; margin-bottom: 0px; left: -20%; width: 73%; height: auto; font-size: 70%; border-color: #aea6a6; top: -16px; } #copy.agb { padding-right: 3%; margin: 7px auto; margin-bottom: 17px; margin-bottom: 0px; left: 5%; width: 73%; height: auto; font-size: 70%; border-color: #aea6a6; } #starttableindex.agb { left: 1%; position: relative; margin-top: 1%; float: left; margin-bottom: 4%; padding-right: 1%; padding-bottom: 50px; padding-top: 5%; width: 82%; padding-left: 8%; height: 1800px; top: -45%; margin-left: 13px; font-size: 90%; } #sprung.imp { margin-top: -17%; float: left; margin-left: 0%; left: 7%; position: relative; top: 30px; width: 260px; text-align: center; height: 31px; padding-right: 14px; } #copy.raumstart { height: 126px; margin-bottom: 1px; opacity: 0.9; padding: 1%; padding-top: 1%; text-align: center; position: absolute; padding-top: 20px; left: -10%; display: inherit; top: -69px; width: 69%; background: #b3e38bde; color: #1c2711; margin-top: 691px; padding: 14px; } #willk{ position: relative; display:inline; top:27px; left:-11px; } #willk { position: relative; display: inline; top: 39px; left: 1px; } #copy.imp { position: relative; top: 17px; left: 2px; width: 87%; } #wechselbild3.imp { position: relative; top: -34px; left: -31px; width: 106%; } header.fuss { height: 91px; width: 81%; margin-bottom: 10px; left:-1px; } h1.imp { top: -35%; margin-left: -4%; position: relative; font-family: serif; font-size: 228%; } #starttableindex.imp { left: 1%; margin-top: 23%; float: left; margin-bottom: 4%; padding-right: 5%; padding-bottom: 50px; padding-top: 1%; width: 68%; padding-left: 13%; height: 274px; top: -739px; margin-top: 1px; left: -24px; } #termin.mobil { width: 92%; margin-top: 25%; padding-left: 22px; margin-left: -5%; position: relative; top: 360px; height: 36px; } #dreieck.imp { position: relative; margin-top: 35%; left: -2%; max-width:35%; display: none; } #dreieck.online { position: relative; top: 11%; left: auto; width:34%; margin-left: 31px; } #spruchallg { height: 297px; margin-left: 15%; margin-top: 74px; left: 4%; top: auto; width: 78%; position: absolute; } ul.start { display: inline-block; position: absolute; left: 42px; list-style-type: none; width: auto; text-align: center; top: auto; margin-top: 1px; } #copy.home { width: 86%; margin: 0 auto; left: auto; top: 141%; padding: 9px; height: 90px; display:inline; }#spruchstart.term { height: 99%; position: relative; padding: 3%; margin-left: 61px; margin-right: 3%; background-color: #99319066; width: 97%; left: -19%; display: block; margin-top: 4px; margin-bottom: 20px; } #sidebar.term { width: 73%; height: 352px; margin-bottom: 50px; margin-top: -81%; left: 1%; top: 166%; margin-left: 14%; } #starthome { width: 87%; margin: 0 auto; margin-left: auto; padding-left: 70px; text-align: center; margin-left: -40px; padding-top:15px; } #sprung.allg { display: block; float: left; position: relative; margin-top: 0%; margin-left: 53%; top: auto; height: 30px; width: 100px; } #spiegelranke { position: relative; top: 109px; left: 121px; background-color: #caf9c300; height: 150px; margin-top: 16px; } #main.allg { width: 96%; margin-top: -4%; margin-bottom: 12%; height: 2800px; top: 12%; left: 5px; margin-left: -92px; margin: 0 auto; } #copy.allg { top: auto; width: 96%; left: auto; height: 120px; display: inherit; } #klasslink { position: relative; top: 44px; width: 350px; margin: 0 auto; } #navyquer ul.top > li { display: inherit; background-color: #bd5abc; border-bottom: 1px dotted grey; margin: 0 auto; border-radius: 10px; width: 117px; height: auto; text-align: center; } #navyquer.nurmenue { width: 122%; position: relative; display: block; top: -18%; margin-top: 94px; margin-left: 9%; left: -42%; background: #92879200; } #copy.raumnav { width: 80%; height: auto; margin-top: 20px; top: -3%; left: 1%; padding: 15px; margin-bottom: 15px; text-align: center; margin-left: 7%; display: block; margin: 0 auto; } #dreieck.navi { position: relative; margin-top: -83%; left: -12%; top: 394px; max-width: 37%; } #wrapper.navi { width: 95%; height: 958px; background-color: #caf9c3; position: relative; left: -2%; top: 10px; } #fusslink { position: relative; left: 51%; top: -37px; display: block; width: 151px; } #rankefuss.allg { display: inline; position: absolute; top: 34%; left: 43%; width: 21%; } h1.allg { left: -28%; position: relative; font-family: serif; font-size: 207%; color: navy; text-shadow: 3px 3px 3px #fff; margin-top: -16%; width:72%; height: auto; top: 2px; } #sprung.spez { margin-top: -6%; width: 76%; display: block; text-align: center; left: 5%; margin-bottom: 10px; margin-left: -19px; position: relative; float: left; top: -21%; margin: 0 auto; } #starttableklass.spez { width: 79%; padding-top: 41px; padding-left: 45px; top: auto; height: auto; margin-bottom: 80px; margin-top: 97px; padding-bottom: 112px; font-family: sans-serif; margin: 0 auto; } #fruehangeb { position: absolute; color: white; top:-31px; left:53%; text-align: right; } #sidebar.spez { width: 94%; margin-top: 0px; margin-bottom: 0px; padding: 18px; margin-bottom: 5px; height: 262px; top: 19%; margin-top: 523%; display: inherit; margin-left: auto; left: -5%; margin: 312% auto; } #wrapper { height: 3770px; width:100%; top: 1px; left: 1px; } #sidebar.spez { width: 94%; margin-bottom: 5px; height: 262px; top: 19%; margin-top: 523% left: -5%; margin: 312% auto; } #bild.allg { display: block; position: absolute; width: 22%; top: -100%; margin-top: auto; margin-bottom: 20px; left: 52%; height: auto; } #wechselbild1.mass { position: relative; left: 2%; top: 32px; margin-top: 0%; width: 416px; } #rankefuss.mobil { display: none; position: absolute; top: 43%; margin-left: 44px; } h1.mobile { width: 302px; margin-left: -1%; margin-top: 63px; margin-bottom: 10px; float: left; top: auto; position: relative; font-size: 120%; } #sprung.mobile { display: block; float: right; position: relative; top: auto; margin-top: -168%; left: -9px; } #sprung.mobile { display: block; float: right; position: relative; top: auto; margin-top: -344%; left: 30px; width: 335px; text-align: center; font-size: 124%; height: 33px; padding-right: 10px; } #dreieck.mob { margin-left: -2%; max-width: 200px; left: 2%; top: 51%; position: absolute; margin-top: 52px; width: 37%; } #wechselbild2.mob { width: 100%; margin-left: -26%; margin-top: 20px; margin-bottom: 10px; float: left; top: auto; position: relative; } #spruchstart.abhy { height: 97%; top: 44px; left: -53px; width: 95%; } #starttablemobil { font-family: serifte, navy; text-align: center; color: navy; width: 73%; padding-left: 50px; padding-right: 50px; position: relative; top: 17px; left: -8px; font-size: 117%; margin-left: 7px; } #sprung.abhy { display: block; top: 1%; float: right; position: relative; right: 11%; margin-top: 51px; } #wasser.abhy { position: relative; margin: -9% auto; font-size: 102%; top: -38%; width: 41%; left: 25%; } #wechselbild1.start { width: 70%; margin-left: 4%; margin-top: 1%; float: left; } #sidebar.abhy { width: 86%; height: 358px; float: right; position: relative; padding: 20px; border-style: outset; border-radius: 20px; border-color: #B6FFA2; background-color: #DDEFDE80; margin-bottom: 2px; top: 1%; left: 0%; } #ampel.abhy { top: -249%; } #wechselbild2a.abhy { position: relative; top: -96px; left: -66px; } #fussnote.fuss { top: 10%; left: 7%; position: relative; width: 69%; height: 76%; padding: 38px; margin-top: -226px; } #sidebar1.abhy { width: 93%; height: 486px; float: right; padding: 20px; padding: 2%; left: 0%; top: 12%; margin-top: 90%; } #rankefuss.abhy { position: absolute; top: 25%; left: 58%; margin-bottom: 2px; width: 58%; } #ampel.abhy1 { border-radius: 30px; display: table-cell; left: 45%; position: relative; top: -433px; } spruchstart.abhy { height: 97%; top: 44px; left: -53px; width: 94%; } #tablefuss.abhy { width: 78%; text-align: left; padding-bottom: 20px; -left: -1%; float: left; margin-bottom: 10px; margin-top: 189px; top: 36%; left: 1%; height: 522px; } #sprung.abhy { display: block; top: -16%; float: right; position: relative; right: 16%; margin-top: 51px; } td.kurztextabhy { font: 95%/1.2 serif; width: 90%; float: left; text-align: left; margin-left: 3%; } #wrapper.fuss { margin-left: 1%; height: 3041px; } eader.fuss { height: 91px; width: 101%; margin-bottom: 10px; } #wechselbild3.fuss { display:none; width: 96%; top: 1%; left: 4%; } h4.abyanga { color: rgb(12, 112, 25); font: 119% bold,italic; height: 20%; left: 25%; position: relative; text-align: center; text-shadow: 3px 3px 3px rgb(255, 255, 255); top: -54%; float:left; } header.agb { height: 191px; width: 103%; margin-bottom: 10px; margin-top: -80px; top: auto; } #headline.agb { background-color: #87e3a44d; width: 96%; position: relative; top: 286px; left: 1px; margin-top: -11%; height: 50%; border-bottom: 3px dotted white; margin-bottom: 2px; } #wechselbild2.agb{ top: 27%; margin-bottom: 2px; width: 100%; margin: 0 auto; left: 2%; height: 5%; position: relative; } #sprung.agb { display: block; float: left; position: relative; top:-240px; left: 320px; } #sidebar.agb { width: 83%; left:-17px; } #wasser.agb { position: relative; margin: -42% auto; font-size: 98%; width: 72%; padding-top: 93%; top: -28%; color: #362958; font-size: 124%; left: 20px; } header{ height:213px; width: 100%; margin-bottom: 10px; margin-top: -57px; left: 2px; top: 2px; } header.allg { width: 99%; margin-bottom: 10px; margin-top: -1%; position: relative; top: 1px; height: 190px; left: -1px; background-color: #f5f5dc00; } #main{ width:388px; margin-top:5px; height:auto; left: 93px; top: -67px; background-color: #d2facc00; } #main.fuss { width: 100%; height: 2400px; margin-top:-122px; top:2%; left: -14px; } #main.navi{ width: 105%; background-color: #caf9c3; margin-top: -25%; margin-bottom: 10px; height: 3000px; left: 46%; top: -5%; } #main.imp { width: 92%; float: left; top: auto; margin-top: -1%; margin-bottom: 10px; height: 1126px; margin-top: 25%; left: -27px; } #dreieck{ position:relative; top:27%; } h1.fuss{ top: -94%; left:-16%; position: relative; font-family: serif; font-size: 228%; float: right; } #navyquer{ display:none; } #sidebar,#sidebar1,#sidebar2,#spruchstart{ width:90%; margin-top:10px; margin-bottom:10px; } #sprung { display: block; margin-top: -12%; float: right; margin-right: 7%; top: 103%; } #sprung.fuss { display: block; top: 26%; float: right; position: relative; margin-top: -58px; right: 27px; margin-right: -35%; } #sidebar.fuss { width: 84%; position: relative; height: 449px; margin-bottom: 10px; left: 3%; top: 2%; } #sidebar1.fuss { width: 88%; height: 500px; float: left; position: relative; padding: 20px; border-style: outset; border-radius: 20px; border-color: #B6FFA2; background-color: #DDEFDE; padding: 2%; margin-top: 10px; margin-bottom: 10px; left: 4%; top: 33%; } #wasser.fuss { position: relative; margin: -9% auto; font-size: 98%; width: 72%; padding-top: 93%; top: -9%; left: -35px; } #wechselbild2.fuss { position: relative; left: 0%; top: 11%; width: 99%; height: auto; } td.kurztextfuss { margin: -3%; font: 90%/1.2 serif; width: 90%; float: left; text-align: left; padding-bottom: 11px; margin-left: 10%; } #sidebar.imp { width: 74%; height: 382px; margin-top: 308px; left: -13%; top: 229px; } #wasser.imp { position: relative; margin: -9% auto; margin-top: -9%; margin-top: -9%; font-size: 119%; width: 72%; padding-top: 93%; margin-top: -72%; } #starttableindex{ width:89%; top:-2%; margin-top:-1%; margin-bottom:55px; left: -2px; font-size: 80%; font-family: oblique; height: 442px; } #rankefuss { display: inline; position: absolute; top: -75%; left: 42%; } #spruchstart { height: 103%; position: relative; padding: 1%; background-color: #eb77e8; width: 99%; left: -1%; display: block; margin-left: -15%; margin-top: -7px; margin: 0 auto; } #footer{ top: 12%; clear:both; width:99%; background-color: #C5FFB56B; position:relative; margin-top: 5px; margin-bottom: 5px; height:155px; left: 12px; } #footer.fuss { top: 3%; clear: both; width: 100%; background-color: #9194CF00; position: relative; margin-top: 13px; margin-bottom: 5px; height: 300px; left: 3px; } #footer.imp { top: auto; clear: both; margin-bottom: 5px; left: 7%; height: 134px; margin-top: 20px; width: 90%; } #copy.fuss { width: 83%; left: -2%; top: auto; display: inherit; height: auto; padding: 24px; margin-top: -5px; margin-bottom: 20px; font-size: 103%; } #footer.allg { clear: both; width: 91%; background-color: #9194CF00; position: relative; margin-top: 9px; margin-bottom: 5px; height: 150px; margin-left: -6px; top: 129%; } } @media screen and (max-width:475px) { #termine.online { display: flex; position: relative; width: 64%; height: 48px; margin:0 auto; left: -27%; top: -6%; }#main.onlin{ height: 1365px; } #table3.buch { width: 108%; top: -1%; left: -9%; height: auto; } #buchen.termin { top: 10%; margin-top: 54%; left: 3%; width: 65%; height: 20%; } #medien.buchen { position: relative; width: 99%; top: auto; left: -26%; height: 99px; margin: 56% auto; } #auswahl.massage { width: 376px; font: 134% sans-serif; text-shadow: none; top: -14%; left: 27%; margin: 10% 0% 1% -62%; } #termine.bestät { display: inline-block; position: relative; top: -6%; margin: 10% 12%; left: -16%; width: 94%; } #sidebar.spez { width: 94%; margin-bottom: 30px; height: 240px; top: 19%; margin-top: 523%; display: inherit; margin-left: auto; left: -7%; margin: 329% auto; } #weitere.anfr { display: block; width: 350px; margin: 8% 1% 1% -81%; } #auswahl.betreff { font: 65% sans-serif; width: 44%; left: 20%; top: 11%; margin: 5% 2% 2% -32%; } #terminspez.allg, #tel_hoer.allg { top: 58%; width: 41%; margin-left: 18px; height: 28px; margin-top: 398px; } #sprung.onlin { display: block; top: -104%; float: left; position: relative; left: 51%; margin-top: 20%; } } @media screen and (max-width:445px) { #auswahl.betreff { font: 62% sans-serif; width: 42%; left: 18%; margin: 5% 2% 2% -8%; top: 11%; } #termine.bestät { margin: 10% 12%; left: -11%; width: 94%; } #medien.buchen { position: relative; width: 99%; top: auto; left: -28%; height: 99px; margin: 34% auto; } #table3.buch { width: 108%; top: -1%; left: -12%; height: auto; } #table2 { width: auto; left: -8%; } select.buch{ left: 63%; } #buchen.termin { top: 8%; } #termine.weitere { top: auto; left: auto; width: 352px; } #termine.online { display: flex; position: relative; width: 62%; height: 48px; margin: 0 auto; left: -23%; top: -6%; } #weitere.anfr { display: block; left: -25%; width: 108%; margin: 1% 2% 2% -9%; } #sidebar.spez { width: 94%; margin-bottom: 30px; height: 244px; top: 13%; margin-top: 523%; display: inherit; margin-left: auto; left: -7%; margin: 394% auto; } #sidebar.onlin{ margin-top:346%; } #auswahl.massage { display: flex; width: 143%; font: 126% sans-serif; text-shadow: none; left:12%; padding: 1% 1%; top: -3%; } label.massage { left: -23%; font-weight: bold; } #terminspez.allg, #tel_hoer.allg { top: 58%; width: 41%; margin-left: 18px; height: 28px; margin-top: 398px; } #wechselbild10.allg { width: 89%; margin-left: 3%; margin-top: -79%; margin-bottom: 10px; top: 256px; left: -117px; } } @media screen and (max-width:428px) { #starttableindex.onlin{ width: 79%; } #weitere.anfr { display: block; left: -30%; width: 108%; margin: 1% 2% 2% -9%; } } @media screen and (max-width:425px) { label.auswahl { display: inline-block; font: 86%/1.2 sans-serif; margin: 1% 10%; position: relative; height: 44px; top: 63%; width: 368px; } #table2 { left: -12%; top: 23%; } select.buch { left: 74%; top: 55%; } #footer.onlin { display: block; position: relative; top: auto; width: 93%; height: auto; margin-top: 555%; margin-left: -1%; } table.buch { width: 366px; height: 235px; padding:37px; margin:6% 10% 1% 1%; top: -14%; left: -8%; } #wrapper.spez { margin: 0 auto; height: 3000px; width: 98%; left: 2px; position: absolute; top: 2px; } #termine.bestät { width: 106%; top: -8%; left: -18%; } #termine.online { display: flex; position: relative; width: 62%; height: 48px; margin: 0 auto; left: -29%; top: -6%; } #auswahl.massage{ } #medien.buchen { position: relative; width: 99%; top: 112%; left: -26%; height: 167px; margin: 120% auto; } #terminspez.allg, #tel_hoer.allg { top: 320%; width: 59%; margin-left: -8px; height: 28px; margin-top: 398px; left: 87px; } #starttableindex.onlin { padding-right: 10%; position: relative; margin-bottom: 0px; left: 7%; top:1%; width: 72%; } #sprung.onlin { display: block; top: -101%; float: left; position: relative; left: 46%; margin-top: 20%; } #headline.onlin { width: 90%; top: 34%; position: relative; height: 146px; left: 0%; } #spruchstart.onlin { width: 84%; height: 360px; left: 23%; top: 6%; margin-top: 0%; border: 1px outset #352c66; } #sidebar.onlin { width: 91%; height: 365px; float: right; padding: 20px; margin-bottom: 2px; left: -3%; margin-top: 395%; } #medien.onlin { width: 99%; top: 129%; height: 99px; margin-top: 20px; margin-bottom: 20px; position: absolute; left: -21%; margin: 0 auto; } #wechselbild3.imp { position: relative; top: -13px; left: -21px; width: 106%; } #main.onlin { width: 99%; margin-bottom: 58px; height: 92%; position: relative; top: 22%; left: -4px; margin: 0 auto; } #navyquer ul.top > li { display: inherit; background-color: #bd5abc; border-bottom: 1px dotted grey; margin: 0 auto; border-radius: 10px; max-width: 258px; width: 111px; height: auto; text-align: center; } #telklick.imp { height: 22px; padding-top: 0px; margin-top: 21%; padding-left: 63px; position: absolute; top: 55%; left: 7px; color: white; font-size: 94%; } #wasser.allg { position: absolute; margin: -15% auto; font-size: 131%; width: 59%; padding-top: 93%; top: -13%; left: 14px; color: #5a0e5a; text-shadow: -1px 2px 2px aliceblue; } #headline.allg { width: 92%; left: 1px; margin-top: 19%; height: 52%; margin-bottom: 2px; top: 76%; } #tel_hoer { display: block; position: relative; top: 22px; left: 2px; width: 70%; margin: 0 auto; } #wrapper.onlin { width: 98%; margin: 0 auto; height: 1261px; top: -54px; left: 6px; } #wasser.imp { position: relative; margin: -12% auto; margin-top: -12%; font-size: 122%; width: 74%; padding-top: 93%; margin-top: -78%; } #copy.raumstart { height: 126px; margin-bottom: 1px; opacity: 1.0; padding: 1%; padding-top: 1%; padding-top: 20px; left: -16%; top: 179px; width: 73%; margin-top: 691px; padding: 14px; } #main.allg { width: 306px; margin-top: 227px; margin-bottom: 58px; height: 2000px; position: absolute; left: -58px; } #sidebar.imp { width: 74%; height: 382px; margin-top: 327px; left: -21%; top: 463px; } #terminspez.allg { position: relative; background-color: #bb00ffba; text-align: center; border-radius: 8px; border-style: outset; opacity: 1.0; top: 1537px; margin-top: 409%; margin: 0 auto; width: 300px; left: 1px; } #spruchstart.agb { height: 90%; left:-1px; } #wasser { top: -86%; text-align: center; margin: 0 auto; position: relative; left: 2%; } #headline.agb { background-color: #87e3a40a; width: 96%; position: relative; top: 186px; left: 10px; margin-top: -11%; height: 50%; border-bottom: 3px dotted white; margin-bottom: 2px; } copy.agb { margin: 0 auto; left: -2%; top: -5%; padding: 9px; width: 80%; display: inherit; height: 50px; } #main.agb { width: 98%; float: left; background-color: #caf9c3; top: 5%; margin-top: -108px; margin-bottom: 10px; left: 83px; } #willk { position: relative; display: inline; top: 55px; left: 19px; } #herz.mob { display: block; color: #0C7019E0; height: auto; text-shadow: -2px 2px 2px; position: relative; margin-top: -41%; left: 2px; float: left; top: 45%; width: 96%; } #rankefuss.allg { display: inline; position: absolute; top: 41%; left: 60%; width: 21%; } #sidebar.bau { width: 61%; height: 312px; float: right; position: relative; padding: 9px; border-style: outset; border-radius: 20px; border-color: #B6FFA2; background-color: #DDEFDE; margin-bottom: 2px; margin-top: 11%; left: -36%; top: -55%; } #bild3.allg { position: relative; width: 75%; top: 23px; margin-top: 1px; margin-bottom: 50px; margin-left: 4%; border-style: outset; padding: 4px; color: white; } #abhylink{ position: relative; left:-62px; display: block; top: -14px; width: 450px; } ul.start { display: inline-block; position: absolute; width: 278px; left: 18px; list-style: none; } #klasslink{ position: relative; left:14px; top:16px; } #ruecklink { position: relative; left: 41px; top: -1px; display: inline-block; width: 150px; } #fusslink { position: relative; left: 165px; top: -24px; display: block; } #kontaktlink { position: relative; left: -6px; top: 2500px; text-decoration: underline; } #bild.marma { position: relative; display: block; top: 121px; font-size: 158%; left: 4px; width: 300px; } #bild.garschan { position: relative; display: block; top: -4px; font-size: 150%; left: 184px; background: #add8e600; } #wechselbild2.mob { position: absolute; left: 16%; top: 52px; width: 94%; margin-top: -59px; margin-left: -57px; } header.allg { width: 99%; margin-bottom: 10px; margin-top: -11%; position: relative; top: 69px; height: 148px; background: #add8e600; left: -3px; } #dreieck.spez { position: relative; top: -2px; left: 14%; width: 28%; margin-top: 21%; } #bild.allg { display: block; position: absolute; width: 31%; top: -12%; margin-top: 47%; margin-bottom: 20px; left: 60%; height: auto; } #fruehangeb { position: absolute; color: white; font-size: 132%; font-style: oblique; display: block; left: 9%; font-family: serif; width: 111px; text-align: center; top: auto; background: #80808000; margin-top: -168px; } #starttableindex { width: 93%; top: 4%; margin-top: 21px; margin-bottom: 10px; left: -2%; height: 362px; padding-bottom: 62px; font: 109%/1.4em sans-serif; } #dreieck.navi { position: relative; margin-top: -124%; left: 9%; top: 547px; margin-left: 30px; } #navyquer ul.top { display: block; border-radius: 10px; color: #fff0; width: auto; clear: both; background-color: #e6aae500; left: -77%; float: left; background: #add8e600; margin-left: 1%; position: relative; top: -528px; } ul.rueklass { position: relative; text-align: center; margin-left: -3%; margin-top: -6px; font-style: inherit; font-size: 97%; } #navyquer.nurmenue { display: inherit; top: 349px; margin-top: -554px; text-align: center; margin-left: -4px; position: relative; background: #e6adcd00; left: -5%; height: auto; width: 108%; } #dreieck.mob { margin-left: 4%; max-width: 200px; left: -2%; top: -9%; position: relative; margin-top: 52px; width: 31%; } #startfuss.mob { width: 107%; font: 115%/1.2 serif; top: -16px; position: relative; left: -27px; } #startmobil { position: relative; width: 106%; top: auto; margin-top: 20px; left: -7px; } header.mob { height: 212px; width: 99%; margin-bottom: 25px; margin-top: 2px; top: auto; } #headline.spez { background-color: #87e3a400; width: 98%; position: absolute; left: 1px; margin-top: 18%; height: 34%; margin-bottom: 2px; top: -84px; border-bottom: none; } #sprung.spez { margin-top: 47%; width: 43%; display: block; text-align: center; left: 27px; margin-bottom: 10px; margin-left: -19px; position: relative; float: left; top: -73px; font-variant: small-caps; font-size: 133%; padding-left: 20px; } #termin.mobil { width: 279px; margin-top: 21%; padding-left: 37px; margin-right: 2%; position: relative; top: -303px; display: inherit; float: left; left: 8%; text-align: center; background: #93958cd9; height: 4px; border-radius: 16px; padding-top: 11px; font-size: 114%; border: #909690; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-style: outset; font-family: navi; color: #1c216e; } #sidebar.spez { width: 96%; padding: 18px; margin-bottom: 5px; height: 300px; top: 8%; margin-top: 379%; left: 0%; display: inherit; position: absolute; margin-top: 2005px; } h1.imp { margin-left: -4%; position: relative; font-family: serif; font-size: 228%; margin-top: 49px; margin-bottom: 50px; left: -110px; position: relative; top: -132px; } #main.allg { width: 99%; margin-top: -8px; margin-bottom: 58px; height: 2500px; position: relative; top: auto; left: 2px; margin: 0 auto; } #wechselbild10.allg { width: 211px; margin-left: 58%; margin-top: -58%; margin-bottom: 10px; float: left; } #wechselbild2.fuss { position: relative; left: -4%; top: -37%; width: 109%; margin-top: auto; } #spruchstart { height: 100%; position: relative; padding: 1%; background-color: #c960e7; width: 100%; left: 8%; display: block; margin-left: -16%; margin-top: 0px; } #starthome { width: 87%; margin: 0 auto; padding-right: 1px; text-align: center; font-family: time; font-size: 116%; left: -38px; position: relative; } #dreieck.imp { position: relative; margin-top: 11%; left: 7%; top: -39px; } #sprung.imp { margin-top: -17%; float: left; margin-left: 0%; left: 15%; position: relative; top: 52px; } #sprung.fuss { float: left; position: relative; left: 3px; width: 92%; text-align: center; padding-left: 2px; top: 86px; display: block; margin-top: -70px; margin-bottom: 10px; margin-left: auto; } #starttableklass.allg { width: 65%; padding-top: 41px; padding-left: 118px; top: auto; left: -5px; height: 1150px; margin-bottom: 20px; margin-top: 133px; } #starttableklass.spez { width: 72%; padding-top: 41px; padding-left: 49px; top: auto; left: auto; height: auto; margin-bottom: 19px; margin-top: 16px; margin-left: -31px; margin: 0 auto; } #starttableindex.imp { left: -16%; margin-top: 23%; float: left; margin-bottom: 4%; padding-right: 5%; padding-bottom: 18px; padding-top: 1%; width: 68%; padding-left: 13%; height: auto; top: -53%; margin-top: -8%; } #sidebar.term { width: 90%; height: 363px; float: right; position: relative; padding: 20px; margin-bottom: 50px; margin-top: 23px; left: 7%; top: -1%; display: block; padding: 4%; margin-right: 10%; } #sidebar.allg { width: 18%; height: 240px; float: right; position: relative; padding: 20px; border-style: outset; border-radius: 20px; border-color: #B6FFA2; background-color: #DDEFDE; margin-bottom: 2px; top: 134%; right: 18%; margin-top: 5%; } header.navi { height: 197px; width: 104%; margin-bottom: 10px; left: -6%; margin-top: 51px; top: -74px; background: #ffffe000; } #wechselbild2.navi{ position: absolute; left: 22%; top: 84px; width: 100%; margin-top: -79px; margin-left: -74px; } #wechselbild3.fuss { display:block; width: 93%; top: 0%; left: 4%; margin-top: -43px; } #starttableklass { width: 81%; height: auto; padding-top: 10%; padding-left: 60px; top: 5px; left: auto; } #sprung.mobile { display: block; float: right; position: relative; top: -321px; margin-top: -341%; left: 4px; margin-bottom: 20px; width: 76%; height: 30px; } #wrapper.imp { width: 99%; height: auto; left: -33px; } #dreieck { position: relative; top: -63%; width: 50%; left: -5px; width: 125px; } #dreieck.allg { position: relative; top: 160px; left: 10%; margin-top: -141px; max-width: 62%; } #startfuss{ position: relative; width: 80%; margin-left: 24px; font-size: 104%; } #gutschein.mobile { position: absolute; top: auto; left: 108px; width: 71%; } #spruchallg { height: 230px; margin-left: -2%; margin-top: 149px; top: auto; width: 97%; position: relative; } #starttableindex.allg { margin-top: 46px; padding-right: 3%; margin-bottom: -26px; left: -12%; width: 95%; height: auto; font-size: 85%; margin-top: auto; top: 1%; font-family: serif; position:relative; border-color: #c1bcbc; } header.agb { height: 191px; width: 103%; margin-bottom: 10px; margin-top: -80px; top: auto; left: -16px; position: relative; } #starttablemobil { width:64%; top: auto; position: relative; left: auto; margin-left: 10px; margin-top: -4px; margin-bottom: 16px; } #starthome.ganz{ width: 119%; margin-left: auto; padding-right: 1px; text-align: center; margin-left: -16%; margin-top: -49px; display: block; top: 22px; font-family: sans-serif; font-size: 100%; left: -58px; } #sidebar.agb { width: 86%; left: -11px; height: 550px; top: -114px; margin-top: -9%; } #wechselbild1.mass { position: relative; left: auto; top: -284px; margin-top: 58px; width: auto; margin-left: 11%; margin-right: 6%; } h1.mobile { text-shadow: 3px 3px 3px #fff; padding-left: 18%; position: relative; font-family: serif; font-size: 94%; color: #261f7b; top: 0%; font-style: italic; left: 0%; width: 68%; margin-top: -4%; } h1.navi { font-size: 291%; color: navy; height: 20%; font-weight: bold; font-style: italic; margin-top: 8px; margin-left: 4px; display: flex; flex-flow: column; text-align: center; top: -111px; position: relative; left: 33px; width: 200px; } h1.allg { position: relative; font-family: serif; font-size: 221%; color: navy; text-shadow: 3px 3px 3px #fff; margin-top: -21%; width: 300px; top: auto; left: -35%; } h1.rueallg { font-size: 222%; color: navy; font-weight: bold; font-style: italic; top: 75%; left: -5%; margin-top: 15px; margin-bottom: 10px; height: 110px; width:280px; position: relative; } #main.navi { width: 100%; background-color: #f9c3f100; margin-top: 144px; margin-bottom: 10px; height: 800px; left: -3%; top: 6%; margin: 56% -17%; } #wechselbild3.cookie { left: -3%; top: auto; width: 100%; margin-bottom: 10px; position: relative; } #wechselbild1.allg { width: 229px; margin-left: 16%; margin-top: -83px; margin-bottom: 10px; float: left; top: 332px; } #spiegelranke { position: relative; top: -144%; left: -1px; background-color: #caf9c300; height: 131px; margin-top: 16px; margin-bottom: 57px; } #sprung.allg { margin-top: 1px; width: 251px; text-align: center; left: 18px; margin-bottom: 10px; top: -18px; padding-right: 26px; margin: 0 auto; } #wechselbild2.advent { position: absolute; left: 14%; top: 57px; width: 94%; margin-top: -59px; margin-left: -57px; } h4.abyanga { color: rgb(12, 112, 25); font: 119% bold,italic; height: 20%; left: 10%; position: relative; text-align: center; text-shadow: 3px 3px 3px rgb(255, 255, 255); top: -122%; float: left; } #copy.raumnav { padding: 19px; border-style: outset; top: -69%; margin-top: 176px; margin-left: 7%; display: block; width: 86%; height: auto; left: 61px; font: 74%/1.2 sans-serif; } #navyquer.navi { width: 102%; margin-top: 1px; left: 1%; background-color: #caf9c3; top: -32%; clear: both; height: 454px; display: initial; position: relative; } #wechselbild4.fuss { display: none; width: 93%; top: -1%; left: 1%; position: relative; } #wechselbild7.fuss { display: block; width: 105%; top: -13%; left: -4%; position: relative; } #sprung.abhy { display: block; top: -7%; float: right; position: relative; right: 21%; margin-top: 51px; margin-right: 92%; } #wasser.abhy { position: relative; margin: -9% auto; font-size: 102%; top: -38%; width: 41%; left: 25%; } #wechselbild1.start { width: 89%; margin-left: -53%; margin-top: 1%; float: left; top: 93px; left: 107px; } #sidebar.abhy { width: 86%; height: 358px; float: right; position: relative; padding: 20px; border-style: outset; border-radius: 20px; border-color: #B6FFA2; background-color: #DDEFDE80; margin-bottom: 2px; top: 1%; left: -2%; } #sidebar.allg { width: 100%; margin-top: 0px; margin-bottom: 0px; padding: 18px; margin-bottom: 5px; height: 312px; top: auto; margin-top: 16%; left: 2%; display: inherit; } #ampel.abhy { top: -209%; } #wechselbild2a.abhy { position: relative; top: -96px; left: -66px; } #ampel.abhy { top: -337%; } #wechselbild2a.abhy { position: relative; top: -81px; left: -83px; } #wrapper { height: auto; } #wrapper.fuss { margin-left: 1%; height: 2541px; } #wrapper.navi { width: 96%; height: 1200px; top: -7px; } #headline.fuss { background-color: #c6f8bf80; width: 100%; position: relative; top: 166px; left: 1px; margin-top: 29%; height: 85px; margin-bottom: 1px; } #sprung.agb { display: block; float: right; position: relative; width:258px; text-align: center; left:-1%; top:-45px; font: 135% serif; text-shadow: -1px 1px 1px #f1efea; padding-right: 10px; font-variant: small-caps; border-style: ridge; } #starttableindex.agb { left: 1%; position: relative; margin-top: 1%; float: left; margin-bottom: 4%; padding-bottom: 50px; padding-top: 13%; width: 70%; padding-left: 23%; height: auto; top: -19%; margin-left: 13px; font-size: 90%; } #dreieck.fuss { margin-left: 4%; width: 111px; left: 18%; top: 68%; position: relative; } #dreieck.online { margin-left: 4%; width: 111px; left: -1%; top: 12%; position: relative; } #main{ width:100%; margin-top: auto; margin-bottom: 10px; } #main.mob { width: 98%; margin-top: auto; margin-bottom: 10px; height: auto; top: auto; } #main.fuss { width: 100%; height: 2175px; margin-top: 23px; top: -1%; left: -14px; } #spruchstart.fuss { height: 95%; position: relative; padding: 4%; width: 92%; right: 12%; display: block; margin-left: 12%; margin-top: -3px; background: linear-gradient(to right, #a6b32780 0%,#263b0099 99%); background-color: rgba(0, 0, 0, 0); background-color: rgba(0, 0, 0, 0); background-color: rgba(0, 0, 0, 0); } #main.imp { width: 99%; float: left; top: 2%; margin-top: 14%; margin-bottom: 10px; height: 1200px; left: -16px; } header{ height:179px; width: 103%; margin-bottom: 5px; margin-top: -79px; top: auto; } header.fuss { height: 162px; width: 90%; margin-bottom: 10px; left: -31px; } #wasser.agb { position: relative; margin: -42% auto; font-size: 98%; width: 72%; padding-top: 93%; top: -22%; color: #362958; font-size: 124%; left: auto; } #herzlich1 { position: relative; top: 2%; left: -5%; width: 90%; } #dreieck.kontakt { margin-left: 4%; max-width: 200px; left: -4%; top: -9%; position: relative; width:48%; font-size: 13px; margin-top: 2px; } h1.fuss{ top: -3px; left:5%; position: relative; font-family: serif; font-size: 228%; float: left; } h1.fuss { top:-177%; left:2% top: 5%; left: 12%; position: relative; font-family: serif; font-size: 228%; float: left; } h5.fuss { left: 33%; margin-top: -54%; } #rankefuss.mobil { display: inline-flex; position: relative; top: -22%; left: auto; margin-right: 7%; width: 30%; float: right; } #footer.navi { top: auto; clear: both; width: 100%; background-color: #9194CF00; position: relative; margin-top: 58px; margin-bottom: 5px; height: 188px; left: 4px; background-color: #f5f5dc00; } #copy.navi { width: 77%; height: 130px; margin-top: auto; top: auto; left: -1%; display: inherit; position: absolute; margin-left: 12%; } #copy.moballg { top: auto; left: 4px; width: 79%; margin-top: 30px; } #footer.allg { clear: both; width: 96%; background-color: #9194CF00; position: relative; margin-top: 10%; margin-bottom: 5px; height: auto; margin-left: -30px; top: 144%; background: #add8e600; } #copy.home { width: 89%; margin: 0 auto; left: 2%; top: 547%; padding: 9px; display: inline; position: absolute; height: 80px; } #copy.allg{ width: 89%; margin: 0 auto; left: 1%; top: auto; padding: 9px; } #copy.allg { top: auto; width: 95%; left: 3px; height:115px; } } @media screen and (max-width: 400px) { #wrapper.onlin { width: 530px; margin: 0 auto; height: 1261px; top: -54px; left: 6px; } #buchen.termin{ width: 99%; } table.medien { top:-20%; width: 134%; padding-left: 59px; height: auto; text-align: center; } #table3.buch { width: 108%; top: -67%; left: -4%; height: auto; } #weitere.anfr { display: inline-block; left: -30%; width: 108%; margin: 1% 2% 2% -9%; } #termine.weitere { top: -669%; left: -198%; width: 312%; height: 127%; } select.buch { left: -10%; top: -77%; } form.buchen { left: -40%; position: relative; width: 240%; } #termine.online { display: flex; position: relative; width: 106%; height: 199px; margin: 0 auto; left: -4%; top: auto; } #starttableindex.onlin { padding-right: 10%; position: relative; margin-bottom: 0px; left: 4%; top: 1%; width: 50%; } header.onlin { height: 18%; width: 74%; left: -2%; margin-bottom: 20px; top: -1%; margin-top: 15%; } #form.termine { display: flex; margin: 0 auto; height: auto; width: 53%; top: 8%; position: relative; left: -25%; } #auswahl.massage { left: 68%; width: 95%; font-size: 133%; } #termine.bestät { top: -65%; left: -23%; } #medien.buchen { position: relative; width: 110%; top: -18%; left: -25%; height: 99px; margin:128% auto; } label.massage{ left:-2%; } table.buch { width: 366px; height: 235px; padding:37px; margin:6% 10% 1% 1%; top: -14%; left: -10%; } #auswahl.betreff { font:62% sans-serif; width: 104%; left: 8%; margin:3% 2% 2% -19%; top: auto; } #table2 { width: 85%; left: -26%; top: 7%; text-align: left; } } @media screen and (max-width: 393px) { select.buch { height: 50px; width: 300px; left:1%; font: 80% sans-serif; margin: 2% 5% 8% 1%; } #table2 { width: 66%; left: -23%; top: 19%; text-align: left; } #starttableindex.onlin{ width:49%; } header.onlin { height: 18%; width: 72%; left: -2%; margin-bottom: 20px; top: -1%; margin-top: 15%; } #termine.online { position: relative; width: 66%; height: 148px; margin: 0 auto; left: -17%; top: 6%; } #table3.buch { display: inline-block; position: relative; width: 453px; height: 300px; left: 6%; } td.termonline { height: 58px; width: 284px; } #buchen.termin { top: 18%; width: 62%; margin-top: 24%; left: -21%; } #weitere.anfr{ left:-14%; margin: 97% 2% 2% -13%; } table.buchen { display: table-cell; position: relative; width: 89%; top: -4%; } #footer.onlin { display: block; position: relative; top: auto; width: 93%; height: 200px; margin-top: 631%; margin-left: -1%; } #auswahl.betreff { font: 62% sans-serif; width: 67%; margin: 15% 2% 2% -53%; top: 2%; } #form.termine { display: flex; margin: 0 auto; height: auto; width: 88%; top: 18%; position: relative; left: -1%; } #termine.bestät { left: -8%; font-size: 115%; } #medien.buchen { position: relative; width: 99%; top: -45%; left: -21%; height: 162px; margin: 94% auto; } } @media screen and (max-width:370px) { #medien.buchen { position: relative; width: 107%; top: -34%; left: -11%; height: 162px; margin: 128% auto; } a.onlin { color: white; position: relative; left: 20px; margin: -52px auto; } #pfeil { opacity: 0.8; left: 35%; margin-bottom: 0; position: fixed; top: 85%; } #terminspez.allg, #tel_hoer.allg { top: 320%; width: 59%; margin-left: -8px; height: 28px; margin-top: 398px; left: 87px; } #starttableindex.onlin { padding-right: 10%; position: relative; margin-top: 32px; margin-bottom: 0px; width: 70%; left: 5%; padding-bottom: 67%; } #sprung.onlin { display: block; top: -76%; float: left; position: relative; left: 3%; margin-top: 20%; margin: 0 auto; width: 281px; } #headline.onlin { width: 64%; top: 45%; position: relative; height: 146px; left: 0%; font: 79% serif; } #spruchstart.onlin { width: 84%; height: 360px; left: 1%; top: 6%; margin-top: 0%; border: 1px outset #352c66; margin:0 auto; } #footer.onlin { display: block; position: relative; top: auto; width: 93%; height: 200px; margin-top: 444%; margin-left: -4%; } #copy.onlin { width: 99%; height: auto; left: 8px; display: block; top: auto; margin: 57px auto; font-size: 120%; } #sidebar.onlin { width: 89%; height: 365px; float: right; padding: 20px; margin-bottom: 2px; margin-top: 180%; left: -1%; top: auto; } #medien.onlin { width: 99%; top: 129%; height: 99px; margin-top: 20px; margin-bottom: 20px; position: absolute; left: -21%; margin: 0 auto; } #wechselbild3.imp { position: relative; top: -13px; left: -21px; width: 106%; } #main.onlin { width: 70%; margin-bottom: 58px; height: 900px; position: relative; top: -1%; left: -4px; margin: 0 auto; } #footer { top: 10%; clear: both; width: 99%; background-color: #C5FFB56B; position: absolute; margin-top: 455%; margin-bottom: 5px; height: 155px; left: 12px; } a.tel:link { top: -44px; left: 14px; width: 57%; margin: 0 auto; } header.navi { height: 197px; width: 104%; margin-bottom: 10px; left: -6%; margin-top: 51px; top: -51px; background: #ffffe000; } #headline.allg { height: 32%; width: 92%; left: -6px; margin-top: 19%; margin-bottom: 2px; top: 36%; } #starttableklass.spez { width: 264px; padding-top: 41px; padding-left: 49px; top: auto; left: -14px; } #starttableklass.spez { width: 264px; padding-top: 41px; padding-left: 49px; top: auto; left: -14px; } #main.navi { width: 99%; background-color: #f9c3f100; margin-top: 144px; margin-bottom: 10px; height: 800px; left: 27px; top: 67px; } #main.navi { width: 97%; background-color: #f9c3f100; margin-top: 144px; margin-bottom: 10px; height: 800px; left: 14%; top: 67px; } #wechselbild1.allg { width: 98%; margin-left: 11%; margin-top: -29%; margin-bottom: 10px; float: left; } #dreieck.allg { position: relative; top: 139px; left: 7%; margin-top: -141px; width: 47%; } h1.rueallg { font-size: 201%; color: navy; font-weight: bold; font-style: italic; top: 48%; left: -4%; margin-top: 15px; margin-bottom: 10px; height: 110px; width: 280px; position: relative; } #copy.agb { margin: 0 auto; left: -36%; top: 29%; padding: 19px; width: 80%; display: inherit; height: 80px; } #starttableindex.agb { left: -38%; position: relative; margin-top: 1%; float: left; margin-bottom: 4%; padding-bottom: 50px; padding-top: 0%; width: 78%; padding-left: 10%; height: 1290px; top: -21%; margin-left: 13px; font-size: 86%; } #wrapper.navi { width: 100%; height: 2300px; top: -7px; left: -3px; } header.mob { height: 179px; width: 103%; margin-bottom: 5px; margin-top: 174px; top: -172px; background: #add8e600; } #bild3.allg{ position: relative; width: 91%; top: 5px; margin-top: 5px; margin-bottom: 5px; left: 8px; } a.bild { color: wheat; text-decoration: none; text-shadow: -1px 3px 3px #8f7a53; top:59px; position: relative; left: -32px; } #wechselbild2.fuss { position: relative; left: -1%; top: -45%; width: 94%; margin-top: auto; } #starthome.ganz { width: 155%; margin-left: auto; padding-right: 1px; text-align: center; margin-left: -26%; margin-top: -49px; display: block; top: 22px; font-family: serif; } #bild.allg { display: block; position: absolute; width: 29%; top: -15%; margin-top: auto; margin-bottom: 20px; left: 226px; } h1.allg { position: relative; font-family: serif; font-size: 192%; color: navy; text-shadow: 3px 3px 3px #fff; margin-top: -21%; width: 300px; top: 12px; left: -39%; } #headline.spez { background-color: #87e3a400; width: 100%; position: relative; left: -53px; margin-top: 18%; height: 34%; margin-bottom: 2px; top: -37%; border-bottom: none; } #starttablemobil { width: 64%; top: auto; position: relative; left: auto; margin-left: 10px; margin-top: -115px; margin-bottom: 16px; } #spruchstart { height: 101%; position: relative; padding: 1%; background-color: #8c0f51d6; width: 96%; left: -15%; display: block; margin-left: 12%; margin-top: 1px; top: -22px; } #dreieck.spez { position: relative; top: 57px; left: -12%; width: 45%; margin-top: 13%; } #sprung.spez { margin-top: 43%; width: 280px; display: block; text-align: center; left: 27px; margin-bottom: 10px; margin-left: -19px; position: relative; float: left; top: -61%; padding-right: 23px; } #dreieck.navi { position: relative; margin-top: -69%; left: 9%; top: 296px; width: 44%; } h1.navi { font-size: 291%; color: navy; height: 20%; font-weight: bold; font-style: italic; margin-top: 8px; margin-left: 4px; display: block; text-align: center; top: -105px; position: relative; left: 49px; width: 80%; } #starttableklass.spez { width: 50%; padding-top: 41px; padding-left: 118px; top: auto; left: -5px; height: auto; margin-bottom: 20px; margin-top: 5%; } #starthome { width: 115%; margin: 0 auto; margin-left: auto; margin-left: auto; margin-left: auto; padding-right: 1px; text-align: center; margin-left: -55px; } #sidebar.spez { width: 88%; padding: 18px; margin-bottom: 5px; height: 249px; top: auto; margin-top: 408%; left: 10%; display: inherit; } #wechselbild1.mass { position: relative; left: auto; top: -134px; margin-top: 58px; width: auto; margin-left: 9%; margin-right: 6%; } #navyquer.nurmenue { width: 90%; position: relative; display: block; top: 0%; margin-top: -288px; text-align: center; margin-left: 3%; position: relative; } #wechselbild2.navi { position: absolute; left: 15%; top: 45px; width: 94%; margin-top: -59px; margin-left: -44px; } header.onlin{ height: 200px; width: 89%; margin-bottom: 10px; position: relative; top: 4px; margin-top: 40px; left: -6%; } #starthome.onlin { width: 96%; margin: 0 auto; text-align: center; margin-left: -77px; font: 122%/1.6 sans-serif; margin-top: -52px; margin: 0 auto; } #sidebar.term { width: 84%; height: 363px; margin-bottom: 50px; margin-top: 6%; left: 2%; top: 51px; display: block; margin-right: 10%; } #starthome { width: 96%; margin: 0 auto; margin-left: auto; margin-left: auto; padding-right: 1px; text-align: center; margin-left: -55px; } #main.allg { width: 96%; margin-top: -2%; margin-bottom: 10px; height: 2000px; position: relative; top: 2px; left: 2px; } #starttableindex.allg { margin-top: 46px; padding-right: 3%; margin-bottom: -26px; left: 0%; width: 72%; height: auto; font-size: 85%; margin-top: auto; top: 0%; font-family: serif; position: relative; border-color: #c1bcbc; } #sprung.allg { margin-top: 91px; width: 240px; text-align: center; left: 17px; margin-bottom: 10px; top: 126px; float: left; margin: 0 auto; } #wechselbild2.mob { position: absolute; left: 16%; top: 74px; width: 91%; margin-top: -59px; margin-left: -57px; } #dreieck.mob { margin-left: 4%; max-width: 200px; left: 3%; top: 23%; position: absolute; margin-top: 52px; width: 36%; } #rankefuss.mobil { display: inline; position: absolute; top: 41%; left: auto; margin-left: -45%; width: 50%; margin-top: 87%; } #startmobil{ width:123%; margin-left: -20px; } #sprung.mobile { display: block; float: right; position: relative; top: auto; margin-top: -381%; left: 3px; width: 76%; text-align: center; margin-top: -382%; } h1.mobile { text-shadow: 3px 3px 3px #fff; padding-left: 18%; position: absolute; font-family: serif; font-size: 94%; color: #261f7b; top: 91%; font-style: italic; left: 3%; width: 68%; margin-top: 37%; } #sidebar.allg { width: 83%; margin-top: 0px; margin-bottom: 0px; padding: 18px; margin-bottom: 5px; height: 249px; top: auto; margin-top: 96%; left: -6%; display: inherit; } #wechselbild10.allg { width: 70%; margin-left: 37%; } #navyquer ul.top > li { display: block; background-color: #bd5abc; border-bottom: 1px dotted grey; text-transform: uppercase; margin: 0 auto; border-radius: 10px; max-width: 218px; width: 249px; text-align: center; left: 76px; top: 197px; } #spiegelranke { position: absolute; top: -150px; left: 96px; background-color: #caf9c300; height: 150px; margin-top: -243px; margin-bottom: -2px; width: 72%; } #copy.navi { width: 89%; left: -66px; height: 130px; margin-top: auto; top: 6%; left: -8%; display: inherit; position: absolute; margin-left: 12%; } #sprung.imp { margin-top: -17%; float: left; margin-left: 0%; left: 251%; position: relative; top: -114px; } #sprung.fuss { float: left; position: relative; left: 3%; width: 88%; text-align: center; padding-left: 2px; top: 33px; display: flex; flex-flow: column; margin-top: -7px; margin-bottom: 10px; margin-left: auto; } #footer.imp { top: -4%; clear: both; margin-bottom: 5px; left: 0%; height: 134px; margin-top: 211%; } #starttableklass.allg { width: 65%; padding-top: 41px; padding-left: 118px; top: auto; left: -5px; height: 1250px; margin-bottom: 20px; margin-top: 133px; } #copy.allg { top: auto; width: 87%; left: -2px; height: auto; } #copy.raumnav { padding: 19px; border-style: outset; top: -63%; margin-top: 176px; margin-left: 0%; display: block; width: 89%; height: auto; left: auto; } #navyquer ul.top { display: block; border-radius: 10px; color: #fff0; width: 65%; clear: both; background-color: #e6aae500; left: -10%; float: left; background: #add8e600; margin-left: 11%; top:10px; } #termin.mobil { width: 296px; margin-top: 21%; padding-left: 37px; margin-right: 2%; position: relative; top: -38px; display: inherit; float: left; left: 2%; text-align: center; background: #93958cd9; height: auto; border-radius: 16px; padding-top: 11px; font-size: 104%; border: #909690; border-style: outset; } #footer.allg { clear: both; width: 96%; background-color: #9194CF00; position: relative; margin-top: 45px; margin-bottom: 5px; height: 150px; margin-left: -30px; top: 14%; background: #add8e600; left: 39px; } #footer.agb { top: -15%; clear: both; width: 95%; position: relative; height: 61px; left:-31px; padding: 5px; display: inherit; } }