@font-face { font-family: GreatVibes-Regular; src: url(./font/GreatVibes-Regular.otf) format('otf'), url(./font/GreatVibes-Regular.ttf) format('truetype'), url(./font/GreatVibes-Regular.woff) format('woff'), url(./font/GreatVibes-Regular.woff2) format('woff2'); } h1.allg{ font-family: GreatVibes, tiflis, serif; } * { padding:0; } body, html { font:104% serif; background-repeat:no-repeat; padding:5px; margin:0 auto; height:auto; width:98%; left:-1px; position:relative } h1, h2, h3, h4, h5, h6 { font-family:serif; } h1.rueallg{ font-family: tiflis, serif; top:-46%; left:-8%; font-size:400%; width: 81%; font-size: 490%; color: #750678; } a.tel { color:white; display:block; position:relative; top:14px; left:-54px } img { max-width:101% } header, nav, footer, hgroup, details { display:block; } header { width:100%; background-image:url(2023-05Magno_pano_pixelred.jpg); background-repeat:no-repeat; background-attachment:fixed; margin-bottom:10px } #prax { text-align:center } ol { display:inline } @media screen and (max-width:2560px) { #pfeil.rueallg { opacity: 0.8; top:40%; margin-bottom: 0; float: right; position: fixed; float: right; right: 153px; width: 30px; } #medien.rueallg{ height: 200px; width: 25%; display: inline-block; position: relative; } #navyquer.rueckallg ul.top{ color: #008000; font-family:serif; list-style-type: none; padding: 0%; display: flex; position: relative; top: 0px; border-radius:10px; opacity:1.0; justify-content: center; left: 27%; width: 64%; } #navyquer.rueckallg{ height: 71px; top: 4%; margin: -26% auto; width: 99%; display: flex; justify-content: center; left: 4%; } header.rueck{ top:2%; left:4%; height: 500px; display: inline-block; position: relative; width: 98%; background: #ceb555ad; } a.allabhyopt { top:-16%; position: relative; text-align: center; font-size: 104%; font-family: chopin script, serif; } a.allmarmopt { display: table-cell; width: 700px; top: -16%; position: relative; text-align: center; font-size: 123%; font-family: chopin script, serif; left: -3%; } a.allklassopt { display: table-cell; width: 700px; height: auto; top:-16%; position: relative; text-align: center; font-size: 104%; font-family: chopin script, serif; left:-48%; } #marmalinkopt{ display: inherit; } #oelmassagen.option{ display:inline-block; position: relative; width: 80%; height: auto; } table.ganzkoerper{ display: table-cell; position: relative; width: 1231px; height:746px; } td.klasslink{ display: table-cell; position: relative; width: 750px; height: 89px; } td.abhyopt{ display: inherit; position: relative; height: 40px; } td.optmarma{ display: table-cell; position: relative; width: 80%; height: 50px; } #viererbild.kontakt{ display: none; position: relative; width: 60%; height: auto; top:22%; left:10%; } wrapper.spez{ background:#add8e600; } #navyoben.anfr{ display: block; position: relative; top:-42%; margin:12px 1% 12px 17%; } #navyoben.allg ul.oben { display: flex; float:right; position: relative; width:58%; background-color:#f5e8b900; overflow:hidden; height: 3%; list-style-type: none; padding: 5px 10px; } ul.oben li.oben{ background-color:#f5e8b5c9; list-style-type: none; text-decoration:none; } #navyoben.allg .oben a{ display: flex; width: auto; padding:5px 58px; font:134% sans-serif; color:maroon; border:outset #ede7d0eb; text-decoration:none; border-radius:10px; float: right; } #marmalink{ display: inline-block; position: absolute; left:65%; top: 57%; } #info.allg{ display: none; } #navyquer.nurmenue a.oben { color: #f3edf3; text-shadow: 2px 2px 2px black; background: #8c3499; padding: 21px 11px; } #navyquer.nurmenue a.head { color: #4e195c; text-shadow: 2px 2px 2px aliceblue; padding: 14% 6%; }#navyquer .frueh{ background-color: #da9ddd; } #medien.navform{ display: inline-block; position: relative; top:11%; width: 200px; left: 19%; } a.rez { font-family: tiflis; color:#8a7528; font-weight: bold; font-size: 125%; } a.head{ letter-spacing: -1px; } a.oben{ letter-spacing: -1px; } a.allg{ font-family: great vibes; color:#624f0a; width: 40%; font-weight: bold; font-size: 185%; letter-spacing: 1px; text-shadow: 1px 1px 1px aliceblue; } #viererbilder.menue { width: 55%; height: 42%; display: inline-block; position: relative; border: 5px solid #f0c137; border-radius: 15px; top: 64%; left: -23%; padding-top: 10px; } #rezensionen { display: block; position: relative; top:-12%; left:18%; background-color:#e1ca73e3; border-radius: 15px; border-style: outset; border-color:#ceb555; height: 40px; width: 62%; text-align:center; font-size:120%; color:#ecec63; padding-top: 15px; } header.allg { display: block; position: relative; height: 25%; background: #eee19bd6; width: 95%; top: 61px; border-radius: 15px; border-style: outset; border-color: #efc137; margin-bottom: 9%; } #viererbilder.kontakt { width: 91%; height: 57%; display: inline-block; position: relative; border: 5px solid #f0c137; border-radius: 15px; top:4%; left: 5%; padding-top: 10px; } #viererbild1.kontakt { width:23%; display:block; position: relative; margin:10px 1px 1px 1px; left: -2%; top: auto; margin-top: 9px; height: auto; } #viererbild2.kontakt { width:19%; display: block; position: absolute; margin:24px 1px 1px 1%; left: 23%; top: -1%; height: auto; } #viererbild3.kontakt { width:23%; display: block; position: absolute; margin:14px 1px 1px 6px; left: 46%; top: 2%; } #viererbild4.kontakt { width:26%; display: block; position: absolute; margin: 15px 15px 1px 1px; top: 2%; left: 72%; } .gkmass { position: absolute; display: block; top:-10%; font: 120% sans-serif; } .ruema { position: absolute; font: 120% sans-serif; } .abhyoel { position: absolute; font: 120% sans-serif; } .mobil { position: absolute; font: 120% sans-serif; } a.gkmass, a.mobil, a.ruema, a.abhyoel { top:-6%; display: inline; } .gkmass span, .ruema span, .abhyoel span { font-size: 117% } .gkmass span { position: absolute; display: block; top:-123%; width: 87%; left: 2%; color: aliceblue; font-weight: bold; background-color: #9c99997d; padding: 5px 14px 10px 14px; font-family: "tiflis"; letter-spacing: 1px; } .ruema span { position: absolute; display: block; top:-111%; width: 87%; left: 1%; color: aliceblue; font-weight: bold; background-color: #9c9999b2; padding: 5px 20px 8px 23px; font-family: "tiflis"; letter-spacing: 1px; } .abhyoel span { position: absolute; display: block; top:-202%; width: 88%; left: 2%; color: aliceblue; font-weight: bold; background-color: #9c99997d; padding: 5px 28px 8px 7px; margin-top: 23px; font-family: "tiflis"; letter-spacing: 1px; } .mobil span { position: absolute; display: block; top:-102%; width: 86%; left: 3%; color: aliceblue; font-weight: bold; background-color: #9c9999ab; padding: 5px 26px 7px 7px; font-family: "tiflis"; letter-spacing: 1px; } .abbrech span { position: relative; display: block; top:88%; width: 200px; left: 8%; color: gray; font-weight: bold; } #absenden.kont { position: relative; top:20px; } #pfeil.rueallg { float:left; left:80%; position:relative; } h2.rue { font:120%/1.4 sans-serif; font-weight: bold; top: 14%; position: relative; display: inline-block; left: 1%; } #ganzmass { position: relative; display: block; width: 100px; top:2% } #main.navi { width: 54%; background-color: #205e1700; margin-top: 5%; margin-bottom: 10px; height: 3000px; position: relative; left: 17%; } header.navi { display:block; position: relative; height: 428px; width: 62%; margin-left: 18%; } #navyquer.imp { margin-top:-2247px; float:left; top:2%; } #sprung.imp { display:none; } #ganzmass { display: none } #spruchstart.allg { width: 89%; height: 800px; margin-left: 2%; margin-bottom: 34px; left: 2%; padding: 1% 1% 15% 1%; margin-top: -2%; position: relative; } #startrecht a:hover { font:95%/2.2rem sans-serif; top:5px; position:relative; left:1px; color:khaki } #copy.raumimp { width:19%; display:inline-block; margin-top:3%; top:15%; background:#008000a1; color:#022002; position:absolute; font:90%/1.4 sans-serif; left:35%; padding: 10px 10px 30px } #kurztext.imp { font:95%/1.2 sans-serif; margin:28px 33px 24px 66px; padding-left:6px; width:380px; color:#3c560e } td.neuinfo { display:none } #wechselbild3.imp { top:-28%; position:relative; left:7% } h2.muessen { display:block; position:relative; width:91%; top:1%; margin-left:-17%; font:110%/1.4 sans-serif; text-shadow:1px -1px 1px #f0f8ff03; font-weight:bold; color: #9a7409; font-family: "tiflis"; letter-spacing: 1px; } h2.navi { position:absolute; margin:77px 200px; height:auto; font:150%/1.4 serif; width:290%; top:-314%; margin-top:270%; margin-left:-88%; } a.guscheine { text-decoration:underline; color:red; } ul.mob { display:block; position:absolute; } #wechselbild4.allg { position:relative; top:1%; max-width:84%; height:68%; left: 11%; } #wechselbild7 { display:none; } a.rueallg { color:aliceblue; top: -34px; position: relative; left: 20px; } #headline.mob { display:block; position:relative; top:1%; left:5%; width:350px; } td.zwischenbild { display:table-cell; margin-top:-15px; height: 380px; } #main.termin { width:100%; float:left; background-color:#c3c6f900; margin-top:12%; margin-bottom:10px; height:1499px; top:2%; position:relative; background:#add8e600; margin:0 auto } td.hoerer { display:table-cell; border:none } #starttableindex.allg { margin-top:12px; padding-right:2%; margin:18px 30px; margin-bottom:18px; margin-bottom:16px; margin-bottom:17px; margin-bottom:0px; left:2%; width:49%; height:auto; font-size:74%; padding-bottom:10%; top:-12px } a.allg { display:block; position:absolute; width:49%; left:-14%; font-size:101%; margin:0 auto; top:-35%; font-family: chopin script; } th.ruecklink { display:table-cell; height:auto; font:120% sans-serif; width:34px; padding:5px 20px; position:relative; left:-17px; } th.fusslink { margin-left:-66px; padding:0px; width:161%; padding:6px 74px; font:120% sans-serif; display:block; margin-top: 17%; } #nebenlink.ruefu { display:block; position:relative; left:36%; margin:2% -15%; width:59%; } table.medien { display:table-cell; width:100%; padding-left:31px; height:auto; text-align:center; } td.zwischenopt { display:table-cell; height:20px; } td.termonline { display:table-cell; background:linear-gradient(to right, #ef7fe8 0%,#e93cec99 99%); height:60px; border-radius:15px; border:1px outset; width:200px; } td.hoerer { display:none; height:20px; border:1px outset aliceblue; border-radius:8px; } td.kontakte { display:table-cell; background:lightgreen; height:60px; border-radius:15px; border:1px outset; } #medien.neuinfo { position:relative; display:block; width:20%; top:auto; height:14%; margin-top:-60%; margin-bottom:20px; left: 77%; } table.nebenlink { display:inline-block; padding:30px 21px; width:99%; position:relative; margin-left:3%; } #wechselbild2.navi { position:absolute; left:1%; top:-8px; width:80%; } #main.termin { left:5%; position:relative; margin-top:4%; float:left; margin-bottom:4%; width:50%; height:1300px; top:-8%; display:block; width:76% } #copy.raumnav { color:#062906; font:101% Verdana; height:auto; margin-bottom:1px; margin-left:67%; margin-top:6%; position:relative; width:21%; top: -33%; text-align: center; padding: 40px 36px; float: left; opacity: 1.0; } #spiegelranke { display:none; position:absolute; left:86%; top:6%; width:21%; } #wrapper { width:100%; height:100% } #wrapper.rueck { width:100%; height:100%; } #wrapper.spez { font:104% serif; background-color:#d3c261; background-repeat:no-repeat; padding:5px; margin:0 auto; height:3600px; width:100%; left:-1px; position:absolute; top:2px; padding: 17px 10px 43% 10px; } #navyquer a.oben{ letter-spacing: 0em; } #navyquer a { display:block; text-decoration:none; list-style:none; padding:21px 10px; border-radius:10px; border:1px outset; max-width:208px; color:#352c66; width:96%; margin-left:-9px; font: 86% sans-serif; height: 6px; } #wasser.allg { color:#5a0e5a; font-size:98%; width:72%; padding-top:93%; top:-7%; text-shadow:-2px 2px 2px aliceblue } #telklick, #tel_hoer { display:none; } h1.start { font-size:118%; color:#f9c3e6; font-weight:bold; font-style:italic; text-align:center; margin:0 auto; position:relative; top:10%; float:right; left:2px; height:auto; width:auto } #wrapper.termin { width:80%; background-color:#caf9c3; padding:1%; margin:0 auto; display:block; position:relative; height:1261px; top:-190px } #tel_nav{ display: table-cell; position: relative; top: 6px; left: 1px; width: 68%; } #tel_hoer { display:none; position:relative; top:6px; left:21px; width:68%; } #tel_num.imp { margin-top:21%; padding-left:63px; position:absolute; top:108%; left:20px; margin-right:20px; width:150px; text-align:center; padding-bottom:10px; margin:auto 0; color:white; } #telklick { display:none; } #kontakte { width:55%; height:68%; padding-top:100px; padding-left:25px; top:22px; left:1%; padding-bottom:70px; font-family:serif; font-size:114%; margin-top:10px; margin-bottom:20px } #wechselbild3.allg { left:6%; position:relative; top:2%; width: 86%; display: flex; justify-content: center; } #terminspez.allg { position:relative; top:-40%; margin-top:1037px; background-color:#bb00ff8c; text-align:center; border-radius:8px; border-style:outset; opacity:1.0; width:61%; left:3%; margin-left:-3%; } #copy.agb { top:800px; display:inherit; position:relative; top:auto; margin-top:320px } #copy.allg .start { position:relative; top:auto; display:inline-block; list-style-type:none; height: 80px; } h1.agb { top:-15%; float:left; position:relative; font-family:serif; font-size:309%; padding-left:1%; text-shadow:-2px 2px 2px #33322f; color:#811d86; left:90px; width:200px; height:auto } #headline.agb { display:block; position:relative; top:10px; height:200px; width:90%; left:1%; } #main.imp { left:16%; position:relative; margin-top:4%; float:left; margin-bottom:4%; height:1300px; top:4%; width:77%; } #main.allg { left:2%; position:relative; margin-top:11%; margin-bottom:4%; height:2500px; top:auto; display:block; width:98%; } #starttableindex.imp { display:block; position:relative; top:1%; height:30%; width:40%; margin-top:2%; padding:7% 1% 3% 1%; left:8%; } #nav.agb { display:block; position:relative; top:-537px; margin-top:11px; height:50px; width:1200px; margin-top:-705px; left:-200px; } #willk.imp { position:relative; display:inline; top:-16%; left:13% } #starthome.termin { font:120% serif } #copy.raumstart { background-image:url("gruenskal.png"); border-color:rgb(0, 128, 0); border-radius:15px; border-style:outset; color:rgb(50, 74, 20); font:80% serif; height:auto; margin-bottom:1px; opacity:0.9; padding:1%; padding-top:1%; text-align:center; text-decoration:none; list-style-type:none; position:absolute; padding-top:20px; left:38%; display:inherit; top:auto; width:30%; margin-top:-119px; background:#b3e38bde } a.neuinfo { position:relative; display:block; color:aliceblue; top:-40px; } a.tel:link { color:white; display:block; position:relative; top:-2px; left:-54px; } a.termonl { display:inline; position:relative; top:-10px; margin:0 auto; } #navyquer.rueallg { width:99%; position:relative; display:block; top:-1016%; left:-155px; background:#add8e600 } #wechselbild1.allg { float:right; left:14%; position:relative; margin-top:-166%; width:126%; top:16px } a.bild { color:wheat; text-decoration:none; text-shadow:-1px 3px 3px #8f7a53; top:-38%; font-family:serif; font-size: 148%; } #abhylink { position:relative; left:6%; text-align:center; width:134%; top:-1%; font-size:114%; font-family: chopin script, serif; } #klasslink { position:relative; top:-2px; width:74%; margin:0 auto; left: 37%; } #ruecklink { position:relative; left:-91px; top:0px; display:inline-block; width:46px } #fusslink { position:relative; left:453px; top:-28px; display:block; width:108px; margin-left:36px } #kontaktlink { position:absolute; left:27%; top:116% } #bild3.allg { position:relative; width:56%; top:39px; margin-top:20px; margin-bottom:50px; margin-left:18%; border-style:outset; padding:7px; color:white; border: 5px maroon; border-style: outset; } #bild.garschan { position:relative; display:block; top:-270px; font-size:158%; left:-4px; margin:0 auto; font-family:serif; font-variant: small-caps; } #bild.marma { position:relative; display:block; margin-top:7%; font-size:158%; left:-25px; } #fruehangeb { position:absolute; color:wheat; font:180%/1.4 serif; font-style:oblique; text-decoration:underline; display:block; background:#00f0; left:19%; font-family:serif; font-weight:bold; width:100px; text-align:center; background:#80808000; margin-top:auto; top:14%; text-shadow:-1px 1px 1px black; list-style-type:underline; height:auto; font-family: "tiflis"; } #headline.spez { position:relative; top:-24%; height:190px; width:78%; left: 5%; } #bild.allg { display:block; position:relative; width:18%; top:38%; margin-top:-148%; margin-bottom:20px; border-style:outset; border-color:#183509; left:74%; border-radius:15px; padding:4px; height:auto; background: #dfc870; height: auto; } #starthome { display:block; position:relative; width:79%; margin-top:5%; margin-bottom:20px; border-color:#183509; background:#ddefde00; height:auto; font:103%/1.4 sans-serif; text-align:center; padding: 0% 1% 1% 8%; font-family: verdana; color: #19196b; letter-spacing: -1px; } #wechselbild2.fuss { position:relative; left:15px; top:-7%; width:101%; display:none } ul.rueklass { position:relative; text-align:left; margin-left:12%; margin-top:11%; font-style:inherit; font-size:97%; } #sprung.spez { display:none; } #sidebar.spez { top:12%; position:absolute; margin-left:2%; width:29%; float:left; margin-top:10px; height:auto; left:68%; } #wechselbild1.allg { float:right; left:2%; position:absolute; top:124%; margin-top:-110%; width:99%; } #wechselbild10.allg { float:right; left:-2%; position:absolute; top:174%; margin-top:-72%; width:105%; } #starttableklass.spez { width:70%; top:1%; font:139%/1.4 serif; margin-top:-10px; padding:1% 4% 4% 0%; display:inherit; height:auto; left: 1%; background-color: #EADE7BC7; color: #472a0c; border-color: #e8aa0c; position: relative; } h1.allg { font-size:503%; margin:0 auto; width:114%; height:auto; background-image:linear-gradient(80deg,#7b5f0f,#8f7014,#815500); -webkit-background-clip: text; -webkit-text-fill-color: #72a23800; text-shadow: 2px -2px 3px #d6b333; top: -45%; letter-spacing: 4px; left: -10%; font-weight: lighter; } h1.navi { text-shadow:3px 3px 3px #fff; color:#470e3e; top:auto; left:-3%; width:271%; margin-top:-132px; font:365% tiflis all-petite-caps; position:relative; font-weight: 550; font-style: oblique; text-shadow: 1px 1px 1px #d300ff; font-family: tiflis; } #navyquer.nurmenue { width:59%; position:relative; display:block; top:1%; margin-top:-3%; margin-left:2%; position:relative; height: 22%; } #navyquer.nurmenue ul.top { display:block; border-radius:10px; color:#fff0; width:107%; clear:both; left:-111%; float:left; background:#add8e600; margin-left:29%; top:-64%; position:relative; height:18px; letter-spacing: 0px; } #navyquer.rueallg ul.top { display:block; border-radius:10px; color:#fff0; width:107%; clear:both; left:-102%; float:left; background:#add8e600; margin-left:29%; top:-18px; position:relative; height:18px } #spruchstart.imp { display:block; position:absolute; width:27%; height:auto; left:-5%; top:11%; margin-top:0%; padding:4% 1% 10% 1%; } #termin.mobil { width:296px; margin-top:21%; padding-left:37px; margin-right:2%; position:relative; top:-303px; display:inherit; float:left; left:4%; text-align:center; background:#93958cd9; height:47px; border-radius:16px; padding-top:11px; font-size:114%; border:#909690; border-top-style:none; border-right-style:none; border-bottom-style:none; border-left-style:none; border-top-style:none; border-right-style:none; border-bottom-style:none; border-left-style:none; border-style:outset; font-family:navi; color:#1c216e; } #wechselbild2.mob { position:relative; top:-275px; left:100px; width:87% } #spruchallg { height:297px; margin-left:750px; margin-top:-33%; left:89px; top:63%; width:375px; position:relative } #copy.moballg { top:1019px; left:-31px; width:90%; height:75px; display:block } #startmobil { position:relative; width:95%; top:auto; margin-top:20px; left:20px; } #startfuss.mob { width:94%; font:115%/1.2 serif; top:10px; position:relative } #rankefuss.mobil { display:inline; position:absolute; top:18%; left:71% } #navyquer.allmob { width:99%; position:relative; display:block; float:left; left:9%; top:-96px; position:relative; margin-left:30px } #herz { display:inline; font:187% italic serif; height:20px; text-shadow:-2px 2px 2px; position:relative; left:270px; float:left; top:auto; margin-top:214px } #rankefuss.allg { display:inline; position:absolute; top:66%; left:77%; } #dreieck { position:relative; left:23px; top:192px } header.imp { height:360px; width:75%; position:relative; margin-top:7%; margin-bottom:10px; display:block; left:3%; margin:0 auto; margin-bottom:20px; top:1% } #nav.allg { float:left; width:1000px; margin-top:10%; margin-bottom:10px; position:relative; font-size:110%; margin:0 auto; margin-top:0px; margin-right:auto; margin-top:0px; margin-right:auto; margin-right:auto; margin-top:-484px; left:6%; height:48px; background-color:#80e78500; } #navyquer .top > li { float:left; background-color:rgba(231, 135, 232, 0.91); box-shadow:-0px 5px 5px #008000b3; position:relative; padding:4px 15px; margin-bottom:3px; width:139px; top:40%; margin:0 auto; width:156px; height:45px; border-radius:8px; font-family:serif; font-size:20px; text-align:center; list-style-type:none; left:-52%; } #wechselbild2.advent { position:relative; left:-21px; width:90%; margin:1% auto; height:auto; margin-top:10px; } #dreieck { position:relative; left:136px } #dreieck.navi { position:relative; left:2%; top:68%; margin-left:20px; max-width:14%; } #dreieck.spez { text-shadow:3px 3px 3px #fff; padding-left:18%; position:relative; font-size:200%; color:#261f7b; top:24%; left:7%; width:528px; margin: 7% 1% 1% -22%; } h1.imp { text-shadow:1px 1px 1px #fff; padding-left:18%; position:relative; font-family:serif; font-size:200%; color:#576f35; top:6%; font-style:italic; left:-27%; width:52%; height:auto; margin-top:-16%; font-size:270% } #starttableindex.allg { left:-9%; position:relative; margin-top:6%; float:left; margin-bottom:10%; width:87%; height:auto; top:1%; text-align:center; border:outset grey; border-radius:15px; background-color:#f4edd0c4; font-family:serif; font-size:120%; color:#551a8b; left:2%; padding-bottom: 25%; } #starttablemobil { border:outset; border-radius:15px; padding:20px; font-family:serif, navy; width:79%; text-align:center; color:navy; background-color:#cfe6e6de; border-color:#b3afaf; margin-left:-40px; margin-top:-118px; height:auto; top:141px; position:relative; left:151px; font-size:125% } #wechselbild1.mass { position:relative; left:-52px; top:-385px; } #dreieck.allg { position:relative; top:22%; left:-79%; margin-top:12%; display:inherit } #sidebar.allg { width:18%; height:240px; float:right; position:relative; padding:20px; border-style:outset; border-radius:20px; border-color:#B6FFA2; background-color:#DDEFDE; margin-bottom:2px; top:134%; right:18%; margin-top:5% } #sidebar.allg { display:none; } #gutschein.mobile { position:relative; float:right; margin-top:0px; margin-bottom:10px; left:293px; top:213px; } #navyquer.allg { margin-top:52px; top:121px; left:20%; width:76%; display:none } #footer.allg { top:auto; margin-top:92%; height:163px; width:91%; left:3%; background:#b8cbdb00; padding-bottom: 3%; position: relative; display: inline-block; } #sprung.spez { width:76%; left:-22%; position:relative; margin-top:-5%; text-align:center; display:block; left:-19%; top:auto; margin-bottom:20px; background:#b6607c; } a.neuinfo { display:block; color:aliceblue; position:relative; top:auto; font-size:120%; font-weight:bold; text-shadow:none; } #footer.navi { display:inherit; position:relative; top:26%; width:90%; height:200px; margin-top:50%; margin-top:80%; text-decoration:none; } #footer.agb { display:block; position:relative; top:66%; width:90%; height:200px; margin-top:50%; margin-top:80%; } #footer.imp { width:80%; display:inline-block; top:30%; left:2%; position:relative; height:auto; padding:20px 10px 10px 10px; } #copy.raumimp { width: 19%; display: inline-block; margin-top: 3%; top: 16%; left: 46%; padding: 20px 41px 86px; text-shadow: none } #copy.allg { top: auto; width: 838px; left: auto; height: auto; padding-top: 4%; background: #f0f8ff6e; } #copy.allg .unten {height: auto; top: 28%; position: absolute; text-align: center; width: 97%;padding-top: 2%;} td.termhier { display: table-cell; background: linear-gradient(to right, #71c951 0%,#8bcd1499 99%); height: 53px; border-radius: 15px; border: 1px outset; text-align: center; font-size: 116%; width: 196px; left: -143%; border-style: ridge; border-color: gray; height: 56px; position: absolute; top: -582%; padding-top: 2px; float:left; box-shadow: 4px 2px 2px black; } td.hoernav{ display: table-cell; background: darkblue; height: 53px; border-radius: 15px; border: 1px outset; text-align: center; font-size: 116%; width: 196px; left: -143%; border-style: ridge; border-color: gray; height: 56px; position: absolute; top: 184%; padding-top: 2px; float:left; box-shadow: 4px 2px 2px black; border-color:white; } a.formkont{ display: table-cell; top:-45px; color:aliceblue; position: relative; left: 45px; } } @media screen and (max-width: 2150px) { #sprung.spez { left: -8%; top: auto; margin-bottom: 20px; } #headline.spez { position: relative; top: -16%; height: 190px; width: 62%; } #dreieck.spez { text-shadow: 3px 3px 3px #fff; position: relative; font-size: 200%; color: #261f7b; width: 528px; margin: 8% 1% 1% -2%; } } @media screen and (max-width:2048px) { #navyquer.nurmenue a { display: block; text-decoration: none; list-style: none; padding-top: 15px; padding-bottom: 26px; border-radius: 10px; border: 1px outset; max-width: 209px; color: #352c66; font: 86% sans-serif; height: 25px; margin-top: -3px; } #wechselbild10.allg { float: right; left: -2%; position: absolute; margin-top: -72%; width: 105%; } header.allg { height: 28%; } h1.navi{ width: 317%; } #main.allg{ top:6%; } #bild.allg{ top: -3%; left: 77%; } a.allklassopt { left: -38%; } a.allabhyopt { top: -16%; position: relative; text-align: center; font-size: 104%; font-family: chopin script, serif; width: 700px; display: inline-block; left: -12%; } #medien.navform { display: inline-block; position: relative; width: 200px; left: 20%; } #rezensionen{ top:-18%; left: 8%; width: 74%; } #pfeil.rueallg { float:left; left:80%; position:relative; } .abhyoel span, .gkmass span, .ruema span, .mobil span { font-size: 119% } #starthome { display: block; position: relative; width: 63%; left:1% } #viererbilder.kontakt { width: 95%; height: 64%; display: inline-block; position: relative; border: 3px outset #d2b662; border-radius: 15px; top: 4%; left: 2%; font-size: 90%; } #viererbild1.kontakt { width: 22%; position: relative; display: inline-block; left: 1%; top: 9px; margin: -2px 10px 1px 0%; } #viererbild2.kontakt { width: 18%; margin: 12px 10px 10px 1%; left: 25%; top: 1%; height: auto; } #viererbild3.kontakt { width: 22%; margin: 0px 3px 1px 11px; left: 46%; top: 4%; } #viererbild4.kontakt { width: 25%; display: block; position: absolute; margin: 2px 1px 1px 0px; top: 4%; left: 72%; } h2.rue { font-weight: bold } #ganzmass { position: relative; display: block; width: 100px; top:2% } #main.navi { width: 73%; background-color: #205e1700; margin-top: 5%; margin-bottom: 10px; height: 3000px; position: relative; left: 3%; } header.navi { display:block; position: relative; height: 428px; margin-left: 6%; } #navyquer.imp { margin-top:-2247px; float:left; top:2%; } #sprung.imp { display:none; } #ganzmass { display: none } #spruchstart.allg { width: 33%; height: 450px; margin-left: 814px; margin-bottom: 3%; left: 2%; padding: 1% 1% 30% 1%; margin-top: 15%; } #startrecht a:hover { font:95%/2.2rem sans-serif; top:5px; position:relative; left:1px; color:khaki } #copy.raumimp { width:19%; display:inline-block; margin-top:3%; top:15%; background:#008000a1; color:#022002; position:absolute; font:90%/1.4 sans-serif; left:35%; padding: 10px 10px 30px } #kurztext.imp { font:95%/1.2 sans-serif; margin:28px 33px 24px 66px; padding-left:6px; width:380px; color:#3c560e } td.neuinfo { display:none } #wechselbild3.imp { top:-28%; position:relative; left:7% } h2.navi { position:absolute; margin:77px 200px; height:auto; font:150%/1.4 serif; width:290%; top:-314%; margin-top:270%; margin-left:-88%; } a.guscheine { text-decoration:underline; color:red; } ul.mob { display:block; position:absolute; } #wechselbild7 { display:none; } a.rueallg { color:aliceblue; } #headline.mob { display:block; position:relative; top:1%; left:5%; width:350px; } td.zwischen { display:table-cell; margin-top:-15px; } #main.termin { width:100%; float:left; background-color:#c3c6f900; margin-top:12%; margin-bottom:10px; height:1499px; top:2%; position:relative; background:#add8e600; margin:0 auto } td.hoerer { display:table-cell; border:none } #starttableindex.allg { margin-top:12px; padding-right:2%; margin:18px 30px; margin-bottom:18px; margin-bottom:16px; margin-bottom:17px; margin-bottom:0px; left:2%; width:49%; height:auto; font-size:74%; padding-bottom:10%; top:-12px } a.allg { display:block; position:absolute; width:76%; color:darkbrown; left:-1%; font-size:109%; margin:0 auto; top:-128%; } th.ruecklink { display:table-cell; height:auto; font:94% sans-serif; width:70px; padding:5px 20px; position:relative; left:-17px; } th.fusslink { padding:6px 74px; font:98% sans-serif; } table.medien { display:table-cell; width:100%; padding-left:31px; height:auto; text-align:center; } td.zwischen { display:table-cell; height:20px; } td.termonline { display:table-cell; background:linear-gradient(to right, #ef7fe8 0%,#e93cec99 99%); height:60px; border-radius:15px; border:1px outset; width:200px; } td.hoerer { display:none; height:20px; border:1px outset aliceblue; border-radius:8px; } td.kontakte { display:table-cell; background:#79ea79ba; height:60px; border-radius:15px; border:1px outset; } #medien.neuinfo { position:relative; display:block; width:23%; top:-23%; height:156px; margin-top:20px; margin-bottom:20px; left: 77%; } table.nebenlink { display:inline-block; padding:30px 21px; width:90%; position:relative; } #wechselbild2.navi { position:absolute; left:1%; top:-8px; width:96%; } #main.termin { left:5%; position:relative; margin-top:4%; float:left; margin-bottom:4%; width:50%; height:1300px; top:-8%; display:block; width:76% } #copy.raumnav { margin-bottom:1px; margin-left:61%; margin-top:11%; padding:36px; position:relative; top: -35%; width: 19%; font-size: 100%; } #spiegelranke { display:none; position:absolute; left:86%; top:6%; width:21%; } #wrapper.spez { font:104% serif; background-repeat:no-repeat; padding:5px; margin:0 auto; height:2400px; width:96%; left:2%; position:absolute; top:2px; padding-bottom: 84%; } #navyquer a { display:block; text-decoration:none; list-style:none; padding-top:15px; padding-bottom:9px; border-radius:10px; border:1px outset; max-width:208px; color:#352c66; font:86% sans-serif; height: 25px; margin-top: -3px; } #navyquer a.kontn{ color:aliceblue; } #wasser.allg { color:#5a0e5a; font-size:98%; width:72%; padding-top:93%; top:-7%; text-shadow:-2px 2px 2px aliceblue } #telklick, #tel_hoer { display:none; } h1.start { font-size:118%; color:#f9c3e6; font-weight:bold; font-style:italic; text-align:center; margin:0 auto; position:relative; top:10%; float:right; left:2px; height:auto; width:auto } #wrapper.termin { width:80%; background-color:#caf9c3; padding:1%; margin:0 auto; display:block; position:relative; height:1261px; top:-190px } #tel_hoer { display:none; position:relative; top:6px; left:21px; width:68%; } #tel_num.imp { margin-top:21%; padding-left:63px; position:absolute; top:108%; left:20px; margin-right:20px; width:150px; text-align:center; padding-bottom:10px; margin:auto 0; color:white; } #telklick { display:none; } #kontakte { width:55%; height:68%; padding-top:100px; padding-left:25px; top:22px; left:1%; padding-bottom:70px; font-family:serif; font-size:114%; margin-top:10px; margin-bottom:20px } #wechselbild3.allg { position:relative; } #terminspez.allg { position:relative; top:-40%; margin-top:1037px; background-color:#bb00ff8c; text-align:center; border-radius:8px; border-style:outset; opacity:1.0; width:61%; left:3%; margin-left:-3%; } #copy.agb { top:800px; display:inherit; position:relative; top:auto; margin-top:320px } h1.agb { top:-15%; float:left; position:relative; font-family:serif; font-size:309%; padding-left:1%; text-shadow:-2px 2px 2px #33322f; color:#811d86; left:90px; width:200px; height:auto } #headline.agb { display:block; position:relative; top:10px; height:200px; width:90%; left:1%; } #main.imp { left:16%; position:relative; margin-top:4%; float:left; margin-bottom:4%; height:1300px; top:4%; width:77%; } #starttableindex.imp { display:block; position:relative; top:1%; height:30%; width:40%; margin-top:2%; padding:7% 1% 3% 1%; left:8%; } #nav.agb { display:block; position:relative; top:-537px; margin-top:11px; height:50px; width:1200px; margin-top:-705px; left:-200px; } #willk.imp { position:relative; display:inline; top:-16%; left:13% } #starthome.termin { font:120% serif } #copy.raumstart { background-image:url("gruenskal.png"); border-color:rgb(0, 128, 0); border-radius:15px; border-style:outset; color:rgb(50, 74, 20); font:80% serif; height:auto; margin-bottom:1px; opacity:0.9; padding:1%; padding-top:1%; text-align:center; text-decoration:none; list-style-type:none; position:absolute; padding-top:20px; left:38%; display:inherit; top:auto; width:30%; margin-top:-119px; background:#b3e38bde } a.neuinfo { position:relative; display:block; color:aliceblue; top:-40px; } a.tel:link { color:white; display:block; position:relative; top:-2px; left:-54px; } a.termonl { display:inline; position:relative; top:-9px; margin:0 auto; } #navyquer.rueallg { width:99%; position:relative; display:block; top:-1016%; left:-155px; background:#add8e600 } #abhylink { position:relative; left:14%; text-align:center; width:70%; top:-7%; font-size:120%; } #klasslink { position:relative; top:7px; width:74%; margin-left:54px; font-size: 118%; } #ruecklink { position:relative; left:-91px; top:0px; display:inline-block; width:46px } #fusslink { position:relative; left:453px; top:-28px; display:block; width:108px; margin-left:36px } #kontaktlink { position:absolute; left:27%; top:116% } #bild3.allg { position:relative; width:62%; top:23px; margin-top:20px; margin-bottom:50px; margin-left:16%; border-style:outset; padding:7px; color:white; } #bild.garschan { position:absolute; display:block; top:39%; font-size:158%; left:31px; margin:0 auto; font-family:serif; font-variant: small-caps; } #bild.marma { position:relative; display:block; top:-2%; font-size:158%; left:-25px; } #fruehangeb { position:absolute; color:wheat; font:180%/1.4 serif; font-style:oblique; text-decoration:underline; display:block; background:#00f0; left:34%; font-family:serif; font-weight:bold; width:100px; text-align:center; background:#80808000; margin-top:auto; top:14%; text-shadow:-1px 1px 1px black; list-style-type:underline; height:auto; } #wechselbild2.fuss { position:relative; left:15px; top:-7%; width:101%; display:none } ul.rueklass { position:relative; text-align:left; margin-left:12%; margin-top:20px; font-style:inherit; font-size:97%; } #sprung.spez { display:none; } #sidebar.spez { top:12%; position:absolute; margin-left:2%; width:82%; float:left; margin-top:10px; height:auto; left:22%; } #starttableklass.spez { width:84%; top:1%; font:128%/1.4 serif; margin-top:30px; padding:1% 2% 4% 3%; display:inherit; height:auto; left: 0%; } h1.allg { width: 107%; font-size:450%; margin-top:-8%; left: -8%; top: -25%; } #navyquer.nurmenue { width:67%; position:relative; display:block; top:1%; margin-top:27%; margin-left:21%; position:relative; height: 22%; } #navyquer.nurmenue ul.top { display:block; border-radius:10px; color:#fff0; width:107%; clear:both; left:-111%; float:left; background:#add8e600; margin-left:29%; top:-64%; position:relative; height:18px } #navyquer.rueallg ul.top { display:block; border-radius:10px; color:#fff0; width:107%; clear:both; left:-102%; float:left; background:#add8e600; margin-left:29%; top:-18px; position:relative; height:18px } #spruchstart.imp { display:block; position:absolute; width:27%; height:auto; left:-5%; top:11%; margin-top:0%; padding:4% 1% 10% 1%; } #termin.mobil { width:296px; margin-top:21%; padding-left:37px; margin-right:2%; position:relative; top:-303px; display:inherit; float:left; left:4%; text-align:center; background:#93958cd9; height:47px; border-radius:16px; padding-top:11px; font-size:114%; border:#909690; border-top-style:none; border-right-style:none; border-bottom-style:none; border-left-style:none; border-top-style:none; border-right-style:none; border-bottom-style:none; border-left-style:none; border-style:outset; font-family:navi; color:#1c216e; } #wechselbild2.mob { position:relative; top:-275px; left:100px; width:87% } #spruchallg { height:297px; margin-left:750px; margin-top:-33%; left:89px; top:63%; width:375px; position:relative } #copy.moballg { top:1019px; left:-31px; width:90%; height:75px; display:block } #startmobil { position:relative; width:95%; top:auto; margin-top:20px; left:20px; } #startfuss.mob { width:94%; font:115%/1.2 serif; top:10px; position:relative } #rankefuss.mobil { display:inline; position:absolute; top:18%; left:71% } #navyquer.allmob { width:99%; position:relative; display:block; float:left; left:9%; top:-96px; position:relative; margin-left:30px } #herz { display:inline; font:187% italic serif; height:20px; text-shadow:-2px 2px 2px; position:relative; left:270px; float:left; top:auto; margin-top:214px } #dreieck { position:relative; left:23px; top:192px } header.imp { height:360px; width:75%; position:relative; margin-top:7%; margin-bottom:10px; display:block; left:3%; margin:0 auto; margin-bottom:20px; top:1% } #nav.allg { float:left; width:1000px; margin-top:10%; margin-bottom:10px; position:relative; font-size:110%; margin:0 auto; margin-top:0px; margin-right:auto; margin-top:0px; margin-right:auto; margin-right:auto; margin-top:-484px; left:6%; height:48px; background-color:#80e78500; } #navyquer.nurmenue .top > li { float:left; background-color:rgba(231, 135, 232, 0.91); box-shadow:-0px 5px 5px #008000b3; position:relative; padding:4px 15px; margin-bottom:3px; width:139px; top:17%; margin:0 auto; width:156px; height:45px; border-radius:8px; font-family:serif; font-size:20px; text-align:center; list-style-type:none; left:47%; } #wechselbild2.advent { position:relative; left:-21px; width:90%; margin:1% auto; height:auto; margin-top:10px; } #dreieck { position:relative; left:136px } #dreieck.navi { position:relative; left:4%; top:63%; margin-left:20px; max-width:14%; } #dreieck.spez { text-shadow:3px 3px 3px #fff; padding-left:18%; position:relative; font-size:200%; color:#261f7b; top:-8%; font-style:italic; left:-13%; width:528px; margin-top:185px; font-size:166% } h1.imp { text-shadow:1px 1px 1px #fff; padding-left:18%; position:relative; font-family:serif; font-size:200%; color:#576f35; top:6%; font-style:italic; left:-27%; width:52%; height:auto; margin-top:-16%; font-size:270% } #starttableindex.allg { left:-9%; position:relative; margin-top:6%; float:left; margin-bottom:4%; width:87%; height:auto; top:1%; text-align:center; border:outset grey; border-radius:15px; font-family:serif; font-size:120%; color:#551a8b; left:2%; } #starttablemobil { border:outset; border-radius:15px; padding:20px; font-family:serif, navy; width:79%; text-align:center; color:navy; background-color:#cfe6e6de; border-color:#b3afaf; margin-left:-40px; margin-top:-118px; height:auto; top:141px; position:relative; left:151px; font-size:125% } #wechselbild1.mass { position:relative; left:-52px; top:-385px; } #dreieck.allg { position:relative; top:-19%; left:-7%; margin-top:12%; display:inherit } #sidebar.allg { width:18%; height:240px; float:right; position:relative; padding:20px; border-style:outset; border-radius:20px; border-color:#B6FFA200; background-color:#DDEFDE00; margin-bottom:2px; top:134%; right:18%; margin-top:5% } #sidebar.allg { display:none; } #gutschein.mobile { position:relative; float:right; margin-top:0px; margin-bottom:10px; left:293px; top:213px; } #navyquer.allg { margin-top:52px; top:121px; left:20%; width:76%; display:none } #sprung.spez { width:80%; margin-top:-5%; text-align:center; left:-17%; top:auto; margin-bottom:20px; background:#b34f75; display: block; height: 50px; font-size: 138%; } a.neuinfo { display:block; color:aliceblue; position:relative; top:auto; font-size:120%; font-weight:bold; text-shadow:2px -1px 2px maroon; font-style: oblique; } #footer.navi { display:inherit; position:relative; top:26%; width:90%; height:200px; margin-top:50%; margin-top:80%; text-decoration:none; } #footer.agb { display:block; position:relative; top:66%; width:90%; height:200px; margin-top:50%; margin-top:80%; } #footer.imp { width:80%; display:inline-block; top:30%; left:2%; position:relative; height:auto; padding:20px 10px 10px 10px; } #copy.raumimp { width: 19%; display: inline-block; margin-top: 3%; top: 16%; left: 46%; padding: 20px 41px 86px; text-shadow: none } } @media screen and (max-width:1920px) { table.nebenlink { padding: 30px 21px; width: 73%; } h1.allg { width: 127%; font-size: 450%; margin-top: -8%; left: -8%; top: -25%; } #bild.allg { top: -11%; left: 77%; } #rezensionen { height: 40px; font-size: 120%; color: #ecec63; padding-top: 15px; } h2.muessen { font-size:120%; } .abhyoel span { display: block; position: absolute; margin:4% 1% 1% -1%; width: 86%; left: 3%; } .gkmass span { display: block; position: absolute; margin:-4% 1% 1% 1%; } .ruema span { display: block; position: absolute; margin:-2% 1% 1% 1%; width: 81%; } .mobil span { display: block; position: absolute; margin:-1% 1% 1% 1%; } } @media screen and (max-width:1800px) { #wrapper.spez{ padding-bottom: 123%; } #navyoben.allg .oben a { display: flex; width: auto; padding: 5px 58px; font: 134% sans-serif; } #medien.navform { display: inline-block; position: relative; top: -28%; width: 200px; left: 57%; } #spruchstart.allg { width: 33%; height: 450px; margin-left: 814px; margin-bottom: 3%; left: -6%; padding: 1% 1% 20% 1%; margin-top: 15%; position: relative; } #bild3.allg { position: relative; width: 66%; top: 14px; border-style: outset; padding: 4%; color: white; left: -3%; } #fruehangeb { position:absolute; color:wheat; font:170%/1.4 serif; font-style:oblique; } #copy.raumnav { height:auto; margin-bottom:1px; margin-left:71%; margin-top:4%; padding:23px; } #spiegelranke { display:block; position:relative; top:-61%; width:16%; left:59%; height:auto; } } @media screen and (max-width:1700px) { #wechselbild1.allg { top: 164%; margin-top: -110%; width: 26%; } #spruchstart.allg { width: 98%; height: 649px; margin-left: 814px; margin-bottom: 30px; left: -154%; padding: 0% 1% 20% 1%; margin-top: -17%; } #navyoben.allg .oben a { display: flex; width: auto; padding: 5px 48px; font: 134% sans-serif; } .abhyoel span { display: block; position: absolute; margin: -2% 1% 1% -1%; width: 84%; left: 3%; } h1.navi { width: 317%; } #sprung.faq{ margin-top:31%; display: inline-block; left: 81%; } #medien.navform { display: inline-block; position: relative; top: 23%; width: 200px; left: 55%; } header.allg { width: 99%; top:0%; height: 34%; left:0%; } #bild.marma { position:relative; display:block; top:-2%; font-size:158%; left:-25px; } #viererbilder.kontakt{ height: 43%; } #rezensionen { display: block; position: relative; left:10%; margin-top: 10px; width: 70%; } #wechselbild4.allg { position: relative; top: -11%; max-width: 84%; height: 68%; left: 11%; } #headline.spez { position: relative; top: -23%; height: 190px; margin: 0 auto; width: 88%; } #navyquer.imp { margin-top: -27%; float: left; position: relative; width: 90%; height: auto; left: 90% } #kurztext.imp { font: 95%/1.2 sans-serif; margin: 28px 33px 24px 16% } #spruchstart.imp { width: 12%; height: 420px; left: -5%; margin-top: -8%; padding: 6% 6% 1%; text-shadow: -2px 1px 1px black; } #starttableindex.imp { top: 1%; height:auto; width: 40%; margin-top: 2%; padding: 7% 1% 3% 1%; left: 8%; } #copy.raumimp { width: 19%; display: inline-block; margin-top: 3%; top: 16%; left: 46%; padding: 20px 41px 86px; text-shadow: none } #sidebar.imp { position: relative; left:50%; top:20% } #willk.imp { position: relative; display: inline-block; top: -17%; left: 13%; height: auto } #dreieck.spez { text-shadow:3px 3px 3px #fff; padding-left:18%; position:relative; font-size:200%; top:59%; width:528px; margin: 16% 1% 1% -7%; } #starttableindex.allg { left:0%; position:relative; margin-top:6%; margin-bottom:4%; height:auto; top:-3%; font-size:120%; padding:2% 1% 1% 5%; } #wechselbild2.navi { position:absolute; left:3%; top:-8px; width:90% } #kontaktlink { position:absolute; left:29%; top:100%; margin:0 auto; margin-top:54px; margin-left:-57px; margin-bottom:40px } #bild.allg { width:19%; top:-224%; margin-top:156px; margin-bottom:20px; left:74%; padding:4px; height:auto } #spiegelranke { display:none; position:absolute; top:-5%; width:25%; left:66%; height:auto; } #main.termin { width:100%; float:left; background-color:#caf9c300; margin-top:82px; margin-bottom:10px; height:auto } #copy.raumnav { color:rgb(4, 56, 7); font:80% serif; height:auto; margin-bottom:1px; margin-left:57%; margin-top:-35%; padding:39px; position:relative; width:20%; top:5%; font:120% verdana; } #navyquer.rueallg { width:99%; position:relative; display:block; top:-1016%; left:-155px } #sidebar.spez { top:21%; position:absolute; margin-left:36%; width:30%; float:left; margin-top:10px; height:auto } #sprung.spez { width:68%; left:-19%; position:relative; margin-left:-4px; margin-top:-19%; text-align:center; display:block; margin-left:30px; top:22%; } #navyquer.nurmenue { width:52%; position:relative; display:block; top:13%; margin-top:2%; text-align:center; margin-left:-9%; position:absolute; left:56% } #spruchstart { display:block; top:10px; position:relative; } h1.bau { font-size:247%; color:navy; font-weight:bold; font-style:italic; top:-2%; left:-22%; margin-top:20px } #sprung.bau { display:none; float:left; margin-left:-9%; margin-bottom:20px; top:-120px } #starttableindex.bau { left:8%; margin-top:30%; float:left; margin-bottom:4%; padding:5%; width:44%; top:-61% } #navyquer .top > li { float:left; background-color:rgba(231, 135, 232, 0.91); box-shadow:-0px 5px 5px #008000b3; position:relative; padding:7px 6px; margin-bottom:3px; width:139px; top:220px; left:7%; margin:0 auto } #spruchstart { height:94%; position:relative; padding:3%; margin-left:61px; margin-right:3%; background-color:#99319099; width:78%; right:15%; display:block; margin-top:1px } #headline.agb { background-color:#87e3a44d; width:100%; position:relative; top:179px; left:1px; margin-top:3%; height:150px; border-bottom:2px dotted white; margin-bottom:2px } #headline.allg { background-color:#87e3a44d; width:100%; position:relative; left:1px; height:34%; border-bottom:3px dotted white; margin-bottom:2px; top:216px } header.gutsch { height:250px; width:98%; position:relative; margin-top:-11%; margin-bottom:10px; display:block } #wechselbild1.ayurv { left:17%; top:92px; padding-bottom:30px; padding-left:40px } #wechselbild4.fuss { display:none; width:93%; top:1%; left:-2% } #rankefuss { display:inline; position:absolute; top:36%; left:38% } #rankefuss1 { display:inline; position:absolute; top:16%; left:14%; margin-left:21%; width:65% } 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 } header { height:250px; width:102%; position:relative; margin-top:4%; margin-bottom:10px; display:block; left:-15px; } header.navi { height:161px; width:104%; margin-bottom:10px; left:0%; margin-top:-139px } #herzlich1 { margin-top:2%; left:20%; width:60%; margin-bottom:20px } #dreieck { position:relative; top:18%; left:-33px; } #dreieck.terminonline { position:relative; top:21%; left:-122px; } #dreieck.fuss { position:relative; top:13%; left:-34px; } #sprung, #sprung.fuss { display:none; } h5 { font:130% bold,italic; left:17%; position:relative; top:50% } #rankefuss.rueallg { position:relative; top:20px; left:200px; } #starttableindex { left:1%; position:relative; float:left; margin-bottom:4%; padding-right:5%; padding-bottom:50px; padding-top:5%; width:50%; padding-left:13%; height:auto } #starttableindex.start { left:1%; position:relative; float:left; margin-bottom:4%; padding-right:5%; padding-bottom:50px; padding-top:5%; width:50%; padding-left:13%; height:auto } #starttableindex.fuss { position:relative; float:left; margin-bottom:4%; padding-right:2%; padding-bottom:50px; padding-top:2%; width:50%; padding-left:2%; height:auto; top:-1%; margin-left:100px; margin-top:33px } #starthome.marma { width:87%; text-align:left; padding:29px } #tablefuss { width:36%; position:absolute; top:57%; left:2%; height:507px; padding-bottom:31px; padding-left:8%; margin-bottom:10px; margin-top:1%; margin-left:8%; padding-top:4% } #tablefuss.marma { width:36%; position:relative; top:51%; right:2%; height:507px; padding-bottom:31px; padding-left:8%; margin-bottom:10px; margin-top:-84%; margin-right:3%; padding-top:4%; float:right } #sidebar.bau { width:22%; height:463px; float:right; position:relative; padding:20px; border-style:outset; border-radius:20px; border-color:#B6FFA2; background-color:#DDEFDE; margin-bottom:2px; margin-top:-10%; right:7%; top:1% } #nav.start { float:left; width:100%; margin-top:10%; margin-bottom:10px; position:relative; font-size:110%; margin:0 auto; margin-right:auto; margin-top:-484px; left:-1%; height:48px; background-color:#80e7854d; } #nav.allg { float:left; width:100%; margin-top:10%; margin-bottom:10px; position:relative; font-size:110%; margin:0 auto; margin-top:0px; margin-right:auto; margin-right:auto; margin-top:-484px; left:-1%; height:48px; background-color:#80e7854d } #navyquer.rueallg { width:99%; position:relative; display:block; top:-1016%; left:-155px } #navyquer.navi { width:80%; position:relative; display:block; top:2% } #navyquer.start { width:99%; position:relative; display:block; margin-top:-189px; float:left; left:36% } #navyquer.allg { width:99%; position:relative; display:block; margin-top:-38px; float:left; left:-10% } #navyquer.marma { width:140%; margin-bottom:5px; position:fixed; top:-405%; margin-left:-58%; margin-top:-6000px } #main { width:100%; float:left; background-color:#caf9c3; margin-top:30px; margin-bottom:10px; height:auto } #sidebar1 { width:33%; height:548px; float:left; position:relative; border-style:outset; border-radius:20px; border-color:#B6FFA2; background-color:#DDEFDE99; left:-53%; top:10%; padding:2%; margin-top:10px; margin-bottom:10px } #sidebar1.marma { width:33%; height:389px; float:left; position:relative; border-style:outset; border-radius:20px; border-color:#B6FFA2; background-color:#DDEFDE; top:2%; padding:2%; margin-top:9%; margin-bottom:10px; left:-52% } #fussnote.marma { font:88% serif; color:#060881; background-color:#DDEFDE; border-color:rgb(0, 128, 0); border-radius:20px; border-style:outset; height:294px; width:94%; opacity:0.8; top:79%; padding:8%; } #sidebar2 { width:37%; min-height:334px; float:right; position:relative; padding:20px; border-style:outset; border-radius:20px; border-color:#B6FFA2; background-color:#DDEFDE; right:2%; top:25% } #footer.start { top:0%; clear:both; width:100%; background-color:#9194CF99; position:relative; margin-top:8px; margin-bottom:5px; height:175px; } #wrapper.fuss { width:99%; background-color:#ebfce9; padding:1%; margin:0 auto; margin-left:auto; display:block; position:relative; height:1885px; background-color:rgb(202, 249, 195) } #main.fuss { width:100%; float:left; background-color:#caf9c3; top:-6%; margin-top:-108px; margin-bottom:10px; height:1302px } header.fuss { width:100%; position:relative; top:-4%; margin-bottom:5px; height:325px; } #wechselbild3.fuss { left:7%; top:15%; width:84% } h1.fuss { left:14%; position:relative; font-family:serif; font-size:258%; color:navy; text-shadow:3px 3px 3px #fff; margin-top:20% } h1.allg { left:-15%; font-size: 490%; top: 32%; width: 95%; } h1.rueallg { font-size:222%; font-weight:bold; font-style:italic; top:3%; left:-20% } #nav.fuss { width:95%; margin-top:1%; margin-bottom:10px; position:fixed; top:6px; font-size:110%; margin:0 auto; height:58px; background-color:#60ba4b33; width:100%; } #navyquer.fuss { width:140%; margin-bottom:5px; position:relative; display:block; top:-465%; margin-left:-17px; height:50px; left:-959px; float:left } #navyquer.marma { width:140%; margin-bottom:5px; position:fixed; display:block; top:-47%; margin-left:-60%; margin-top:-24px } #sidebar.fuss { width:18%; height:430px; float:right; position:relative; padding:20px; border-style:outset; border-radius:20px; border-color:#B6FFA2; background-color:#DDEFDE; margin-bottom:2px; top:14%; right:13%; margin-top:-10% } #sidebar.marma { width:31%; height:544px; float:right; position:relative; padding:20px; margin-bottom:2px; top:1%; right:3%; margin-top:-3%; margin-right:3% } #sidebar1.fuss { width:25%; height:538px; float:right; position:relative; border-style:outset; border-radius:20px; border-color:#B6FFA2; background-color:#DDEFDE80; top:3%; padding:2%; margin-top:14%; margin-bottom:10px; left:-13% } #footer.fuss { margin-top:4%; clear:both; width:100%; background-color:#9194CF99; position:relative; top:-1%; margin-bottom:5px; height:164px; } #copy.fuss { width:100%; top:8%; height:93px; left:-17%; } h1.imp { top:-5px; left:-25%; position:relative; font-family:serif; font-size:328%; text-shadow:3px 3px 3px #fff } #nav.imp { width:100%; margin-top:1%; margin-bottom:10px; position:relative; top:-28%; font-size:110%; margin:0 auto; height:50px; background-color:#60cc5033; left:-4px; } #navyquer.bau { width:140%; margin-bottom:5px; position:relative; display:block; top:-1410px; margin-left:-17; height:50px; left:-644px; float:left; margin:37px auto } #wasser.imp { position:relative; margin:-9% auto; font-size:98%; width:72%; padding-top:93%; top:-203px } #footer.fuss { top:8%; clear:both; width:100%; background-color:#9194CF99; position:relative; margin-top:-6px; margin-bottom:15px; height:161px } #footer.marma { top:9%; clear:both; width:100%; background-color:#9194CF99; position:relative; margin-top:-20px; margin-bottom:5px; height:143px } #footer.navi { top:6%; clear:both; width:100%; background-color:#9194CF00; position:relative; margin-top:36px; margin-bottom:5px; height:188px; left:4px } #footer.bau { top:-56%; clear:both; width:100%; background-color:#9194CF99; position:relative; margin-top:-15px; margin-bottom:5px; height:169px } #copy.navi { width:80%; left:-66px; height:146px; margin-top:10px; top:-1%; left:7%; display:inherit } #copy.raumbau { width:37%; border-style:outset; top:-180px; margin-top:80px; margin-left:60px; display:none } #copy.raum { width:80%; left:-66px; height:146px; margin-top:10px; top:-1%; left:7%; display:inherit } #copy.home { width:92%; margin:0 auto; left:2%; top:16%; padding:9px } #copy.marma { top:-3px; width:1402px; height:auto; left:-364px; display:inherit } h1.bau { font-size:247%; color:navy; font-weight:bold; font-style:italic; top:-2%; left:-22%; margin-top:20px } #sprung.bau { display:none; float:left; margin-left:-9%; margin-bottom:20px; top:-120px } #starttableindex.bau { left:8%; margin-top:30%; float:left; margin-bottom:4%; padding:5%; width:44%; top:-61% } #navyquer.nurmenue .top > li { float:left; position:relative; padding:7px 6px; margin: 10px 3px; width:189px; top:-36%; left:-20%; margin:0 auto } #spruchstart { height:94%; position:relative; padding:3%; margin-left:61px; margin-right:3%; background-color:#99319099; width:78%; right:15%; display:block; margin-top:1px } #spruchstart.term { height:99%; position:relative; padding:3%; margin-left:61px; margin-right:3%; background-color:#99319099; width:120%; left:-59%; display:block; margin-top:3px; margin-bottom:20px } #headline.agb { background-color:#87e3a44d; width:100%; position:relative; top:179px; left:1px; margin-top:3%; height:150px; border-bottom:2px dotted white; margin-bottom:2px } #headline.allg { background-color:#87e3a400; width:100%; position:relative; left:1px; height:34%; border-bottom:3px dotted white; margin-bottom:2px; top:-32px } header.gutsch { height:250px; width:98%; position:relative; margin-top:-11%; margin-bottom:10px; display:block } #wechselbild1.ayurv { left:17%; top:92px; padding-bottom:30px; padding-left:40px } #wechselbild4.fuss { display:block; width:93%; top:1%; left:2%; position:relative } #rankefuss { display:inline; position:absolute; top:41%; left:60% } #rankefuss1 { display:inline; position:absolute; top:16%; left:14%; margin-left:21%; width:65% } details.rück { margin-right:0; margin-top:0; position:relative; right:995px; top:504px } #starttableindex.ayur { float:left; margin-bottom:4%; padding-right:2%; padding-bottom:50px; padding-top:2%; width:50%; padding-left:2%; height:auto; top:-6%; margin-left:57px } #summary.fuss { display:inline; float:right; position:absolute; right:-757px; top:113px; width:544px; padding:25% } #navileiste.fuss { position:absolute; margin-top:13%; float:right; left:56% } h4.upana { color:rgb(12, 112, 25); font:137% bold,italic; height:20%; left:-24%; position:relative; text-align:center; text-shadow:3px 3px 3px rgb(255, 255, 255); top:6%; margin-top:-4% } #dreieck.ayur { position:relative; top:13%; left:-34px } h1.ayur { text-shadow:3px 3px 3px #fff; margin:0 auto; position:relative; top:-51%; font-family:serif; font-size:221%; color:#000280; left:-346px } #wechselbild1.start { left:-9%; padding-bottom:30px; top:13%; width:103% } #spruchstart.agb { height:94%; position:relative; padding:3%; margin-left:37px; margin-right:3%; background-color:#99319099; width:78%; right:3%; display:block } #fussnote.fuss { top:-4%; left:1%; position:relative; width:83%; height:236px; padding:38px; margin-top:10px } #spruchstart.fuss { height:117%; position:relative; padding:4%; width:85%; right:5%; display:block; margin-left:12%; margin-top:-54px; background:linear-gradient(to right, #a6b32780 0%,#263b0099 99%); background-color:rgba(0, 0, 0, 0) } #wassernote { position:relative; top:-65%; left:2px; font-size:83%; color: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; position: relative; left: 18%; } #header.imp { height:380px; width:80%; position:relative; margin:2% 2% 10px; display:block; left:-1%; top:2%; } header.navi { height:405px; width:98%; margin-bottom:10px; left:0%; margin-top:2%; margin:0 auto } #herzlich1 { margin-top:2%; left:20%; width:60%; margin-bottom:20px } #dreieck.imp { display:none; } #dreieck.terminonline { position:relative; top:21%; left:2%; } #dreieck.fuss { position:relative; top:13%; left:16%; } #sprung, #sprung.fuss { display:none; } h5 { font:130% bold,italic; left:17%; position:relative; top:50% } #rankefuss.rueallg { position:relative; top:20px; left:200px; } #starttableindex { left:1%; position:relative; float:left; margin-bottom:4%; padding-right:5%; padding-bottom:50px; padding-top:5%; width:50%; padding-left:13%; height:auto; top:10%; margin-top:14px } #starttableindex.start { left:1%; position:relative; float:left; margin-bottom:4%; padding-right:5%; padding-bottom:50px; padding-top:5%; width:50%; padding-left:13%; height:auto } #starttableindex.fuss { position:relative; float:left; margin-bottom:4%; padding-right:2%; padding-bottom:50px; padding-top:2%; width:50%; padding-left:2%; height:auto; top:-1%; margin-left:100px; margin-top:33px } #starthome.marma { width:87%; text-align:left; padding:29px } #tablefuss { width:36%; position:absolute; top:57%; left:2%; height:507px; padding-bottom:31px; padding-left:8%; margin-bottom:10px; margin-top:1%; margin-left:8%; padding-top:4% } #tablefuss.marma { width:36%; position:relative; top:51%; right:2%; height:507px; padding-bottom:31px; padding-left:8%; margin-bottom:10px; margin-top:-84%; margin-right:3%; padding-top:4%; float:right } #sidebar.term { width:12%; height:315px; float:right; position:relative; padding:20px; border-style:outset; border-radius:20px; border-color:#B6FFA2; background-color:#DDEFDE; margin-bottom:50px; margin-top:-1%; right:7%; top:1%; display:block; padding:4% } #sidebar.bau { width:22%; height:463px; float:right; position:relative; padding:20px; border-style:outset; border-radius:20px; border-color:#B6FFA2; background-color:#DDEFDE; margin-bottom:2px; margin-top:-10%; right:7%; top:1% } #nav.start { float:left; width:100%; margin-top:10%; margin-bottom:10px; position:relative; font-size:110%; margin:0 auto; margin-right:auto; margin-top:-484px; left:-1%; height:48px; background-color:#80e7854d; } #nav.allg { float:left; width:100%; margin-top:10%; margin-bottom:10px; position:relative; font-size:110%; margin:0 auto; margin-top:0px; margin-right:auto; margin-right:auto; left:-1%; height:48px; background-color:#80e78500 } #navyquer.rueallg { width:99%; position:relative; display:block; top:-1016%; left:-155px } #navyquer.navi { width:80%; position:relative; display:block; top:2%; margin-top:637px } #navyquer.start { width:99%; position:relative; display:block; margin-top:-189px; float:left; left:36% } #navyquer.allg { width:99%; position:relative; display:none; margin-top:12%; float:left; left:7%; margin:0 auto; top:42px } #navyquer.marma { width:140%; margin-bottom:5px; position:fixed; top:-405%; margin-left:-58%; margin-top:-6000px } #main { width:100%; float:left; background-color:#caf9c300; margin-top:30px; margin-bottom:10px; height:auto } #sidebar1 { width:33%; height:548px; float:left; position:relative; border-style:outset; border-radius:20px; border-color:#B6FFA2; background-color:#DDEFDE99; left:-53%; top:10%; padding:2%; margin-top:10px; margin-bottom:10px } #sidebar1.marma { width:33%; height:389px; float:left; position:relative; border-style:outset; border-radius:20px; border-color:#B6FFA2; background-color:#DDEFDE; top:2%; padding:2%; margin-top:9%; margin-bottom:10px; left:-52% } #fussnote.marma { font:88% serif; color:#060881; background-color:#DDEFDE; border-color:rgb(0, 128, 0); border-radius:20px; border-style:outset; height:294px; width:94%; opacity:0.8; top:79%; padding:8%; } #sidebar2 { width:37%; min-height:334px; float:right; position:relative; padding:20px; border-style:outset; border-radius:20px; border-color:#B6FFA2; background-color:#DDEFDE; right:2%; top:25% } #footer.start { top:0%; clear:both; width:100%; background-color:#9194CF99; position:relative; margin-top:8px; margin-bottom:5px; height:175px; } #wrapper.fuss { width:99%; background-color:#ebfce9; padding:1%; margin:0 auto; margin-left:auto; display:block; position:relative; height:1885px; background-color:rgb(202, 249, 195) } #main.fuss { width:100%; float:left; background-color:#caf9c3; top:-6%; margin-top:-108px; margin-bottom:10px; height:1302px } header.fuss { width:100%; position:relative; top:-4%; margin-bottom:5px; height:325px; } #wechselbild3.fuss { left:7%; top:15%; width:84% } h1.fuss { left:14%; position:relative; font-family:serif; font-size:258%; color:navy; text-shadow:3px 3px 3px #fff; margin-top:20% } h1.rueallg { font-size:424%; font-weight:bold; font-style:italic; top:-40%; left:-2%; } #nav.fuss { width:95%; margin-top:1%; margin-bottom:10px; position:fixed; top:6px; font-size:110%; margin:0 auto; height:58px; background-color:#60ba4b33; width:100%; } #navyquer.fuss { width:140%; margin-bottom:5px; position:relative; display:block; top:-465%; margin-left:-17px; height:50px; left:-959px; float:left } #navyquer.marma { width:140%; margin-bottom:5px; position:fixed; display:block; top:-47%; margin-left:-60%; margin-top:-24px } #sidebar.fuss { width:18%; height:430px; float:right; position:relative; padding:20px; border-style:outset; border-radius:20px; border-color:#B6FFA2; background-color:#DDEFDE; margin-bottom:2px; top:14%; right:13%; margin-top:-10% } #sidebar.marma { width:31%; height:544px; float:right; position:relative; padding:20px; margin-bottom:2px; top:1%; right:3%; margin-top:-3%; margin-right:3% } #sidebar1.fuss { width:25%; height:538px; float:right; position:relative; border-style:outset; border-radius:20px; border-color:#B6FFA2; background-color:#DDEFDE80; top:3%; padding:2%; margin-top:14%; margin-bottom:10px; left:-13% } #footer.fuss { margin-top:4%; clear:both; width:100%; background-color:#9194CF99; position:relative; top:-1%; margin-bottom:5px; height:164px; } #copy.fuss { width:100%; top:8%; height:93px; display:inherit; left:-17%; } #main.imp { width:90%; float:left; background-color:#caf9c300; margin-top:3%; margin-bottom:10px; height:700px } h1.imp { top:-5px; left:-25%; position:relative; font-family:serif; font-size:328%; text-shadow:3px 3px 3px #fff } #wechselbild3.imp { left:20px; width:93%; margin-left:40px } #nav.imp { width:90%; top:-33%; font-size:110%; height:50px; left:-4px; } #navyquer.bau { width:140%; margin-bottom:5px; position:relative; display:block; top:-1410px; margin-left:-17; height:50px; left:-644px; float:left; margin:37px auto } #wasser.imp { margin:-9% auto; font-size:116%; padding-top:93%; top:-78%; } #footer.fuss { top:8%; clear:both; width:100%; background-color:#9194CF99; position:relative; margin-top:-6px; margin-bottom:15px; height:161px } #footer.marma { top:9%; clear:both; width:100%; background-color:#9194CF99; position:relative; margin-top:-20px; margin-bottom:5px; height:143px } #footer.navi { top:6%; clear:both; width:100%; background-color:#9194CF00; position:relative; margin-top:36px; margin-bottom:5px; height:188px; left:4px } #footer.imp { top:-7%; clear:both; width:100%; background-color:#9194CF99; position:relative; margin-top:5px; margin-bottom:5px; height:150px } #footer.bau { top:-56%; clear:both; width:100%; background-color:#9194CF99; position:relative; margin-top:-15px; margin-bottom:5px; height:169px } #copy.navi { width:80%; left:-66px; height:146px; margin-top:10px; top:-1%; left:7%; display:inherit } #copy.raumbau { width:37%; border-style:outset; top:-180px; margin-top:80px; margin-left:60px; display:none; height:44px; text-align:center; padding:50px 104px; left:32px } #copy.raum { width:80%; left:-66px; height:146px; margin-top:10px; top:-1%; left:7%; display:inherit } #copy.home { width:92%; margin:0 auto; left:2%; top:16%; padding:9px } #copy.imp { width:92%; margin:0 auto; left:2%; top:16%; padding:9px; display:inherit; height:auto } #copy.marma { top:-3px; width:1402px; height:auto; left:-364px; display:inherit } } @media screen and (max-width: 1650px) { #wrapper.spez { padding-bottom: 75%; } } @media screen and (max-width:1600px) { #spruchstart.imp { width:72%; left: -14%; } #main.allg { margin-top: -52px; margin-bottom: 10px; height: 1499px; top: 10%; } #starttableklass.spez{ left: 1%; } #navyoben.allg .oben a { display: flex; width: auto; padding: 5px 38px; font: 134% sans-serif; } #sprung.faq{ margin-top:21%; display: inline-block; left: 55%; } #medien.navform { display: inline-block; position: relative; top: 26%; width: 200px; left: 65%; margin-top: 49%; } #rezensionen { display: block; position: relative; top: -23%; } #dreieck.spez{ margin: 14% 3% 1% -6%; top: 3%; } #headline.spez { position: relative; top: -12%; height: 190px; margin: 0 auto; width: 88%; left: 0%; } #bild.all { left:80% } ul.start li { width: auto; display: inline-block; } #copy.allg .start { top: 48%; list-style-type: none; height: 80px; left:-3% } header.allg { width: 99%; top: 1%; height: 27%; left: 0%; padding-bottom: 8%; margin-top: 36px; } #bild.garschan { position: relative; display: block; top: -288%; font: 158% serif; left: -14px; margin: 0 auto; font-variant: small-caps; } #spruchstart.allg { width: 116%; height: auto; margin-left: 814px; margin-bottom: 30px; left: -261%; padding: 17% 5% 71% 1%; margin-top: -17%; } header.imp { height: 360px; width: 95%; left: 3%; margin: 0 auto; margin-bottom: 20px; top: -2% } #kurztext.imp { font:109%/1.2 serif; margin:11% 31px 20px -10px; padding-left:60px; width:380px; top:10px; position:relative } #rankefuss.allg { display:inline; position:absolute; top:29%; left:81%; width: 80%; } #navyquer.allmob { width:99%; position:relative; display:block; margin-top:-1257px; float:left; left:9%; top:-96px; position:relative; } #main.termin { width:100%; float:left; background-color:#c3c6f900; margin-top:-39px; margin-bottom:10px; height:1499px; top:auto; position:relative; background:#add8e600; margin:0 auto } #navyquer.nurmenue { width:57%; margin-top:5%; left:74%; } #wasser.allg { color:#5a0e5a; font-size:126%; width:72%; padding-top:93%; top:-19%; text-shadow:-2px 2px 2px aliceblue; left:37px } #sidebar.term { width:15%; height:358px; margin-bottom:50px; margin-top:-1%; right:7%; top:1%; padding:4% } #sprung.spez { width:78%; left:-12%; position:relative; margin-top:-61px; text-align:center; display:inherit; margin-right:30px; top:-8%; height: 42px; } ul.start { position:absolute; display:inline-block; list-style-type:none; left:9%; top:auto; width: 80%; height: 53px; } #main.agb { width:100%; float:left; background-color:#caf9c3; top:15%; margin-top:-108px; margin-bottom:10px; height:1102px } willk { position:relative; display:inline; top:310px; left:10px } #bild.allg { display:block; position:absolute; width:20%; top:-240px; margin-top:auto; margin-bottom:20px; border-style:outset; border-color:#183509; background:#d8f9d300; left:78%; border-radius:15px; padding:4px; height:auto } h1.bau { font-size:247%; color:navy; font-weight:bold; font-style:italic; top:-2%; left:-22%; margin-top:20px } h1.navi { font-size:391%; color:navy; height:20%; font-style:oblique; margin-top:10px; margin-left:71px; display:block; text-align:center; top:-114px; width: 325%; } #sidebar.spez { top:16%; position:absolute; margin-left:50%; width:23%; margin-top:10px; height:40%; background: none; border: none; } #wechselbild10.allg { float:right; left:0%; position:relative; top:173%; margin-top:-90%; width:98% } #wechselbild10.allg { float:right; left:-12%; position:absolute; top:49%; margin-top:-90%; width:108%; } #sprung.bau { display:none; float:left; margin-left:-9%; margin-bottom:20px; top:-120px } #starttableindex.bau { left:8%; margin-top:30%; float:left; margin-bottom:4%; padding:5%; width:44%; top:-61% } #starttableindex.allg { padding-left:5%; margin-bottom:0px; left:3%; width:82%; height:auto; font-size:85%; margin-top:37px; display:block; text-align:center; top:0%; border:outset; border-radius:15px; font-family:navy; font-size:18px; border-color:#aea6a6; padding-top:52px } #spiegelranke { position:relative; top:-97px; left:82%; background-color:#caf9c303; height:150px; margin-top:234px; margin-bottom:40px; width:18% } #navyquer .top > li { float:left; background-color:rgba(226, 152, 227, 0.96); box-shadow:-0px 5px 5px #008000b3; position:relative; padding:2px 6px; margin-bottom:3px; width:139px; top:644px; margin:0 auto; width:158px; border-radius:8px; font-family:serif; font-size:20px; text-align:center; list-style-type:none; left:102% } #spruchstart { height:93%; position:relative; padding:3%; margin-left:61px; margin-right:3%; background-color:#99319099; width:95%; left:-18%; display:block; margin-top:1px; border-style:outset; border-color:#a742a7b3; top:-5px } #wechselbild1.allg { float:right; left:-4%; position:relative; margin-top:-64%; width:112%; top:119px; margin-left:10px } #headline.agb { background-color:#87e3a44d; width:100%; position:relative; top:179px; left:1px; margin-top:3%; height:150px; border-bottom:2px dotted white; margin-bottom:2px } #headline.allg { background-color:#87e3a400; width:64%; position:relative; left:-39px; height:129px; border-bottom:3px dotted white; margin-bottom:2px; top:-125px; margin:0 auto; margin-top:106px } header.gutsch { height:250px; width:98%; position:relative; margin-top:-11%; margin-bottom:10px; display:block } #wechselbild1.ayurv { left:17%; top:92px; padding-bottom:30px; padding-left:40px } #wechselbild4.fuss { display:block; width:93%; top:auto; left:auto; position:relative } #rankefuss { display:inline; position:absolute; top:36%; left:66% } #rankefuss1 { display:inline; position:absolute; top:16%; left:14%; margin-left:21%; width:65% } details.rück { margin-right:0; margin-top:0; position:relative; right:995px; top:504px } #starttableindex.ayur { float:left; margin-bottom:4%; padding-right:2%; padding-bottom:50px; padding-top:2%; width:50%; padding-left:2%; height:auto; top:-6%; margin-left:57px } #summary.fuss { display:inline; float:right; position:absolute; right:-757px; top:113px; width:544px; padding:25% } #navileiste.fuss { position:absolute; margin-top:13%; float:right; left:56% } h4.upana { color:rgb(12, 112, 25); font:137% bold,italic; height:20%; left:-24%; position:relative; text-align:center; text-shadow:3px 3px 3px rgb(255, 255, 255); top:6%; margin-top:-4% } #dreieck.ayur { position:relative; top:13%; left:-34px } h1.ayur { text-shadow:3px 3px 3px #fff; margin:0 auto; position:relative; top:-51%; font-family:serif; font-size:221%; color:#000280; left:-346px } #wechselbild1.start { left:73%; padding-bottom:30px; top:-118%; width:103%; position:relative } #spruchstart.agb { height:94%; position:relative; padding:3%; margin-left:37px; margin-right:3%; background-color:#99319099; width:78%; right:3%; display:block } #fussnote.fuss { top:-4%; left:1%; position:relative; width:83%; height:236px; padding:38px; margin-top:10px } #spruchstart.fuss { height:117%; position:relative; padding:4%; width:85%; right:5%; display:block; margin-left:12%; margin-top:-54px; background:linear-gradient(to right, #a6b32780 0%,#263b0099 99%); background-color:rgba(0, 0, 0, 0) } #wassernote { position:relative; top:-65%; left:2px; font-size:83%; color:navy; } #wechselbild2a.abhy { position:relative; top:-97px; left:-66px; } #ampel.fuss { border-radius:30px; display:table-cell; left:8%; position:relative; top:-25%; height:auto; padding-bottom:10% } #navileiste.abhy { float:right; color:rgb(0, 0, 128); font:71% serif; position:absolute; top:81% } #navyquer.abhy { width:140%; margin-bottom:5px; position:fixed; display:block; top:-23%; height:50px; left:-958px; float:left } #sidebar.abhy { width:18%; height:430px; float:right; position:relative; padding:20px; border-style:outset; border-radius:20px; border-color:#B6FFA2; background-color:#DDEFDE80; margin-bottom:2px; top:12%; left:-16% } #wasser { position:relative; margin:22% auto; font-size:98%; width:72%; padding-top:93%; top:38px } #sidebar1.abhy { width:33%; height:548px; float:left; position:relative; border-style:outset; border-radius:20px; border-color:#B6FFA2; background-color:#DDEFDE99; left:-53%; top:10%; padding:2%; margin-top:10px; margin-bottom:10px } #spruchstart.abhy { height:117%; position:relative; padding:4%; width:115%; right:5%; display:block; margin-left:12%; margin-top:-54px; background:linear-gradient(to right, #a6b32780 0%,#263b0099 99%); background-color:rgba(0, 0, 0, 0) } #wasser.abhy { position:relative; margin:-9% auto; font-size:98%; width:72%; padding-top:93%; top:118px } #rankefuss.abhy { display:inline; position:absolute; top:35%; left:80%; margin-bottom:2px; width:44% } #ampel.abhy { border-radius:30px; display:table-cell; left:7px; position:relative; top:-245px } #ampel.abhy1 { border-radius:30px; display:table-cell; left:767px; position:relative; top:-413px } #tablefuss.abhy { width:30%; text-align:left; padding-bottom:20px; float:left; margin-bottom:10px; margin-top:72px; top:50%; left:591px; height:522px; } td.kurztextabhy { position:relative; top:-19px; left:-40px; font:94% serif; } #wasser.agb { position:relative; font-size:98%; width:72%; padding-top:93%; top:38px; color:#f1eaf6e6; margin-top:-105% } #übersicht.marma { position:relative; top:-36px; left:-98px } #wrapper.navi { width:80%; background-color:#caf9c300; padding:1%; margin:0 auto; display:block; position:relative; } #headline.fuss { background-color:#bcf7b466; width:100%; position:relative; top:1px; left:1px; margin-top:18%; height:150px; border-bottom:2px dotted white; } #headline.agb { background-color:#87e3a44d; width:80%; position:relative; left:201px; margin-top:-8%; height:150px; border-bottom:2px dotted white; margin-bottom:2px; } #nav.agb { width:95%; margin-bottom:10px; position:relative; top:-352px; font-size:110%; height:50px; background-color:#7eca7a33; margin-top:5px; left:1%; margin-left:45px; float:left; display:block; } #navyquer.agb { width:140%; margin-bottom:5px; position:fixed; display:block; top:-43%; margin-left:-17px; height:50px; left:-78px; float:left } #starttableindex.agb { left:1%; position:relative; margin-top:1%; float:left; margin-bottom:4%; padding-right:1%; padding-bottom:50px; padding-top:5%; width:51%; padding-left:8%; height:1200px; top:-17%; margin-left:125px } #footer.agb { top:28%; clear:both; width:100%; background-color:#9194CF99; position:relative; margin-top:8px; margin-bottom:5px; height:218px } #copy.agb { margin:0 auto; left:1%; top:-6%; padding:9px; width:66%; display:inherit; height:auto } h1.fuss { top:-18%; left:14%; position:relative; font-family:serif; font-size:328%; margin-top:48px } h4.marma { color:rgba(12, 112, 25, 0.01); font:105% bold,italic; height:20%; left:26%; position:fixed; text-align:center; text-shadow:3px 3px 3px rgb(255, 255, 255); margin-top:-90px } #main { width:100%; float:left; margin-top:-53px; margin-bottom:10px; height:auto } #main.fuss { width:100%; float:left; background-color:#caf9c3; margin-top:-53px; margin-bottom:10px; height:auto; margin-left:2px } #main.navi { width:88%; background-color:#caf9c300; margin-top:auto; margin-bottom:10px; height:auto; left:20px; top:30px; position: relative; } header { height:23%; width:96%; position:relative; margin-top:7%; margin-bottom:10px; display:block; left:2%; margin:0 auto; top:-4%; } header.navi { height:29%; width:104%; margin-bottom:10px; left:0%; margin-top:64px; top:-32px; position:relative } #herzlich1 { margin-top:2%; left:20%; width:60%; margin-bottom:20px } #dreieck { position:relative; left:23px; top:331px; margin-top:auto; display:block; } #dreieck.terminonline { position:relative; top:21%; left:-122px; display:block } #dreieck.fuss { position:relative; top:13%; left:-34px; } h5 { font:130% bold,italic; left:17%; position:relative; top:50% } #rankefuss.rueallg { position:relative; top:20px; left:200px; } #starttableindex { left:1%; position:relative; float:left; margin-bottom:4%; padding-right:5%; padding-bottom:50px; padding-top:5%; width:50%; padding-left:13%; height:auto; margin:0 auto } #starttableindex.start { left:1%; position:relative; float:left; margin-bottom:4%; padding-right:5%; padding-bottom:50px; padding-top:5%; width:50%; padding-left:13%; height:auto } #starttableindex.fuss { position:relative; float:left; margin-bottom:4%; padding-right:2%; padding-bottom:50px; padding-top:2%; width:50%; padding-left:2%; height:auto; top:-1%; margin-left:100px; margin-top:33px } #starttableindex.imp { left:-1%; position:relative; margin-top:2%; float:left; margin-bottom:4%; padding:1% 5% 8% 6%; width:44%; height:500px; top:20px; } #starthome.marma { width:87%; text-align:left; padding:29px } #tablefuss { width:36%; position:absolute; top:57%; left:2%; height:507px; padding-bottom:31px; padding-left:8%; margin-bottom:10px; margin-top:1%; margin-left:8%; padding-top:4% } #tablefuss.marma { width:36%; position:relative; top:51%; right:2%; height:507px; padding-bottom:31px; padding-left:8%; margin-bottom:10px; margin-top:-84%; margin-right:3%; padding-top:4%; float:right } #sidebar { width:337px; height:450px; float:right; position:relative; padding:20px; border-style:outset; border-radius:20px; border-color:#B6FFA2; background-color:#DDEFDE; margin-bottom:2px; margin-top:0%; left:-16%; top:-22% } #sidebar.bau { width:22%; height:463px; float:right; position:relative; padding:20px; border-style:outset; border-radius:20px; border-color:#B6FFA2; background-color:#DDEFDE; margin-bottom:2px; margin-top:-10%; right:7%; top:1% } #nav.start { float:left; width:100%; margin-top:10%; margin-bottom:10px; position:relative; font-size:110%; margin:0 auto; margin-right:auto; margin-top:-484px; left:-1%; height:48px; background-color:#80e7854d; } #nav.allg { float:left; width:100%; margin-top:10%; margin-bottom:10px; position:relative; margin:0 auto; left:7%; height:48px; background-color:#80e78500; } #navyquer.rueallg { width:90%; position:absolute; display:block; top:-23%; left:44px; float:left; margin-top:-15px } #navyquer.navi { width:80%; position:relative; display:block; top:2% } #navyquer.start { width:99%; position:relative; display:block; margin-top:-189px; float:left; left:36% } #navyquer.allg { width:99%; position:relative; display:none; margin-top:-30px; float:left; left:-35%; top:-534px } #navyquer.marma { width:140%; margin-bottom:5px; position:fixed; top:-405%; margin-left:-58%; margin-top:-6000px } #main { width:100%; float:left; margin-top:30px; margin-bottom:10px; height:auto } #main.allg { margin-top:-59px; margin-bottom:10px; height:2499px; top: -4%; left: 1%; padding: 1% 0% 11% 0%; } #sidebar1 { width:33%; height:548px; float:left; position:relative; border-style:outset; border-radius:20px; border-color:#B6FFA2; background-color:#DDEFDE99; left:-53%; top:10%; padding:2%; margin-top:10px; margin-bottom:10px } #sidebar1.marma { width:33%; height:389px; float:left; position:relative; border-style:outset; border-radius:20px; border-color:#B6FFA2; background-color:#DDEFDE; top:2%; padding:2%; margin-top:9%; margin-bottom:10px; left:-52% } #fussnote.marma { font:88% serif; color:#060881; background-color:#DDEFDE; border-color:rgb(0, 128, 0); border-radius:20px; border-style:outset; height:294px; width:94%; opacity:0.8; top:79%; padding:8% } #sidebar2 { width:37%; min-height:334px; float:right; position:relative; padding:20px; border-style:outset; border-radius:20px; border-color:#B6FFA2; background-color:#DDEFDE; right:2%; top:25% } #footer.start { top:0%; clear:both; width:100%; background-color:#9194CF99; position:relative; margin-top:8px; margin-bottom:5px; height:175px; } #wrapper.fuss { width:99%; background-color:#ebfce9; padding:1%; margin:0 auto; margin-left:auto; display:block; position:relative; height:1885px; background-color:rgb(202, 249, 195) } #main.fuss { width:100%; float:left; background-color:#caf9c3; top:15%; margin-top:-108px; margin-bottom:10px; height:1102px } header.fuss { width:100%; position:relative; top:-4%; margin-bottom:5px; height:325px; left:-18px; } #wechselbild3.fuss { left:7%; top:15%; width:84% } h1.fuss { left:4%; position:relative; font-family:serif; font-size:258%; color:navy; text-shadow:3px 3px 3px #fff; margin-top:20%; top:-412px } h1.allg { left:-14%; position:relative; font-size:450%; margin-top:1%; margin:0 auto; height:auto; top:-63%; text-shadow: 2px -2px 1px #453e05; width: 90%; margin-bottom: 10px; -webkit-text-fill-color: #baa659; background: linear-gradient(0deg, rgb(202, 143, 67) 0%, rgb(216, 201, 155) 100%); -webkit-background-clip: text; } #nav.fuss { width:95%; margin-top:1%; margin-bottom:10px; position:fixed; top:6px; font-size:110%; margin:0 auto; height:58px; background-color:#60ba4b33; width:100%; } #navyquer.fuss { width:140%; margin-bottom:5px; position:relative; display:block; top:-465%; margin-left:-17px; height:50px; left:-959px; float:left } #navyquer.marma { width:140%; margin-bottom:5px; position:fixed; display:block; top:-47%; margin-left:-60%; margin-top:-24px } #sidebar.fuss { width:18%; height:430px; float:right; position:relative; padding:20px; border-style:outset; border-radius:20px; border-color:#B6FFA2; background-color:#DDEFDE; margin-bottom:2px; top:14%; right:13%; margin-top:-10% } #sidebar.marma { width:31%; height:544px; float:right; position:relative; padding:20px; margin-bottom:2px; top:1%; right:3%; margin-top:-3%; margin-right:3% } #sidebar1.fuss { width:25%; height:538px; float:right; position:relative; border-style:outset; border-radius:20px; border-color:#B6FFA2; background-color:#DDEFDE80; top:3%; padding:2%; margin-top:14%; margin-bottom:10px; left:-13% } #footer.fuss { margin-top:4%; clear:both; width:100%; background-color:#9194CF99; position:relative; top:-1%; margin-bottom:5px; height:164px; } #copy.fuss { width:47%; top:-22%; height:auto; left:9%; display:inline-flex; } #main.imp { width:100%; float:left; background-color:#caf9c308; margin-top:auto; margin-bottom:10px; height:700px } h1.imp { top:-11%; left:-30%; position:relative; font-family:serif; font-size:328%; text-shadow:3px 3px 3px #fff } #wechselbild3.imp { position:relative; top:-58px; left:20px; width:93%; margin-left:40px; } #navyquer.imp { width:140%; margin-bottom:5px; position:relative; top:-1037px; margin-left:0%; height:50px; left:-54%; float:left; } #navyquer.bau { width:140%; margin-bottom:5px; position:relative; display:block; top:-1710px; margin-left:-17; height:50px; left:-393px; float:left; margin:37px auto } #sidebar.imp { width:22%; height:463px; padding:20px; margin-bottom:2px; margin-top:-4%; left:-18%; } #wasser.imp { position:relative; margin:-9% auto; font-size:98%; width:72%; padding-top:93%; top:-203px } #footer.fuss { top:8%; clear:both; width:100%; background-color:#9194CF99; position:relative; margin-top:-6px; margin-bottom:15px; height:161px } #footer.marma { top:9%; clear:both; width:100%; background-color:#9194CF99; position:relative; margin-top:-20px; margin-bottom:5px; height:143px } #footer.navi { top:auto; clear:both; width:100%; background-color:#9194CF82; position:relative; margin-top:78%; margin-bottom:5px; height:188px; left:4px; } #footer.imp { top:auto; clear:both; width:100%; background-color:#9194CF99; position:relative; margin-top:5px; margin-bottom:5px; height:150px; display:block; text-align:center } #footer.bau { top:-54%; clear:both; width:100%; background-color:#9194CF99; position:relative; margin-top:-15px; margin-bottom:5px; height:169px; left:-178px } #copy.navi { top:auto; left:25%; display:inline-block; width:73%; left:8%; height:87%; top:25px; margin-top:8px } #copy.raumbau { width:37%; border-style:outset; top:-180px; margin-top:80px; margin-left:60px; display:none; height:44px; text-align:center; padding:50px 104px; left:32px } #copy.raum { width:80%; left:-66px; height:146px; margin-top:10px; top:-1%; left:7%; display:inherit } #copy.home { width:92%; left:2%; top:16%; padding:9px; margin-top:30px } #copy.raumnav { width:24%; height:auto; margin-top:-12%; top:-5%; display:inherit; padding:30px; margin-bottom:5px; left:15%; position:absolute; font-size:102% } #copy.imp { width:92%; margin:0 auto; left:2%; top:16%; padding:9px; display:inherit; height:auto } #copy.marma { top:-3px; width:1402px; height:auto; left:-364px; display:inherit } } @media screen and (max-width: 1550px) { #wrapper.spez { padding-bottom: 95%; } } @media screen and (max-width:1536px) { header.imp { top:2% } #main.allg { padding: 1% 0% 22% 0%; margin-top: 1%; } #navyoben.allg ul.oben{ left: 11%; } table.nebenlink { padding: 30px 21px; width: 104%; } th.fusslink { padding: 6px 74px; font: 98% sans-serif; width: 100%; margin-top: 1%; position: relative; } h1.allg{ text-align: center; width: 70%; } #pfeil.rueallg { left: 1%; position: relative; } #nebenlink.ruefu { left: 36%; margin: 2% -15%; width: 59%; } #dreieck.spez{ margin: 18% 3% 1% 3%; } #sprung.spez{ top:-8%; } #medien.navform { display: inline-block; position: relative; top: 1%; width: 200px; left: 59%; margin-top: 77%; } .abhyoel span { display: block; position: absolute; margin: -5% 1% 1% -1%; width: 84%; left: 3%; } .gkmass span { display: block; position: absolute; margin: -4% 1% 1% 1%; width: 81% } .mobil span{ width: 85%; top:-119%; } #bild.allg { left:78%; top:-8%; width: 19%; } #headline.spez { position: relative; top: -21%; height: 190px; margin: 0 auto; width: 88%; left:0%; } #wechselbild4.allg { position: relative; top: -16%; max-width: 84%; height: 68%; left: 2%; } #copy.raumimp { width: 19%; display: inline-block; margin-top: 3%; top: 19%; left: 46%; padding: 15px 31px 8% } #bild.garschan { position: absolute; top:29%; } #spruchstart.allg { padding: 0% 11% 23% 1%; left: -271%; } #starttableindex.ayur { float:left; margin-bottom:4%; padding-right:2%; padding-bottom:50px; padding-top:2%; width:50%; padding-left:2%; height:auto; top:-6%; margin-left:57px; } ul.unten { position:relative; height:100px; top:12%; } #medien.kontakte { left:58%; } #rankefuss.allg { display:inline; position:absolute; top:52%; left:59%; width:80%; } #rankefuss.allg { top: 52%; left: 75%; width: 80%; } #starttableklass.spez { width:80%; height:auto; padding:3% 2% 7% 2%; top:-2%; left:1%; font-family:serif; font-size:114%; margin-top:66px; margin-bottom:20px } #bild.marma { position:relative; display:block; margin-top:-62%; font-size:158%; left:-43px; } #wechselbild1.allg { float:right; left:27%; position:relative; width:118%; top:22%; margin:-48% 23%; } #sidebar.spez { top:12%; position:absolute; margin-left:50%; width:23%; float:left; margin-top:10px; height:40%; background: none; border: none; } #terminspez.allg { top:-40%; margin-top:1037px; text-align:center; opacity:1.0; width:55%; left:7% } #kontaktlink { position:absolute; left:29%; top:100%; margin:0 auto; margin-top:0px; margin-bottom:0px; margin-left:auto; margin-top:54px; margin-left:-57px; margin-bottom:40px } #wechselbild10.allg { float:right; left:-15%; position:absolute; top:55%; margin-top:-90%; width:117%; margin-bottom:20px } #starthome { font:124%/1.4 sans-serif; width:75%; left: -6%; } #navyquer.nurmenue { margin-left:-1%; margin-top:34%; position:absolute; width: 62%; } #spiegelranke { position:relative; top:7%; left:82%; height:150px; margin-top:234px; margin-bottom:40px; width:18% } #wechselbild3.imp { position:relative; top:-29%; left:-5%; width:98%; margin-left:40px } #starttableindex.bau { left:8%; margin-top:32%; float:left; margin-bottom:4%; padding:5%; width:44%; top:-61% } #sidebar.bau { width:23%; height:276px; float:left; position:relative; padding:20px; border-style:outset; border-radius:20px; border-color:#B6FFA2; background-color:#DDEFDE; margin-bottom:2px; margin-top:11%; left:5%; top:-51% } #wasser.imp { position:relative; margin:-9% auto; font-size:98%; width:72%; padding-top:93%; top:-177px } h1.bau { font-size:247%; color:navy; font-weight:bold; font-style:italic; top:-26%; left:-21% } #navyquer.abhy { width:140%; margin-bottom:5px; position:fixed; display:block; top:-25%; margin-left:-12px; height:50px; left:-885px; float:left } #tablefuss.abhy { width:30%; text-align:left; padding-bottom:20px; float:left; margin-bottom:10px; margin-top:72px; top:58%; left:591px; height:522px } #spruchstart.agb { height:94%; position:relative; padding:3%; margin-left:37px; margin-right:3%; background-color:#99319099; width:78%; right:3%; display:block } #headline.agb { background-color:#87e3a44d; width:100%; position:relative; top:179px; left:1px; margin-top:3%; height:150px; border-bottom:2px dotted white; margin-bottom:2px; } #nav.agb { width:95%; margin-top:1%; margin-bottom:10px; position:relative; top:-472px; font-size:110%; margin:0 auto; height:50px; background-color:#bcf7b466; } #navyquer.agb { width:140%; margin-bottom:5px; position:fixed; display:block; top:-35%; margin-left:-17px; height:50px; left:-766px; float:left; margin-top:5px } #starttableindex.agb { left:1%; position:relative; margin-top:1%; float:left; margin-bottom:4%; padding-right:1%; padding-bottom:50px; padding-top:5%; width:51%; padding-left:8%; height:auto; top:5%; margin-left:125px; font-size:90% } #footer.agb { top:28%; clear:both; width:100%; background-color:#9194CF99; position:relative; margin-top:24px; margin-bottom:5px; height:218px } #copy.raum { width:30%; left:-66%; height:146px; margin-top:10px; top:-1%; left:7%; display:inherit } #copy.agb { margin:0 auto; left:1%; top:-6%; padding:9px; width:82%; display:inherit } header { width:98%; margin-bottom:10px; margin-top:69px; top:auto; } #headline.fuss { background-color:#d8fad4; width:100%; position:relative; top:16px; left:1px; margin-top:20%; height:150px } #dreieck { position:relative; margin-top:0%; left:-34px } #dreieck.fuss { position:relative; top:13%; left:-34px; } #herzlich1 { position:relative; margin-top:1%; left:20%; width:60% } #wrapper.fuss { width:99%; height:1743px } #main.fuss { width:100%; float:left; top:-6%; margin-top:-42px; margin-bottom:10px; height:1234px } #main.navi { width:100%; background-color:#30982000; margin-top:-53px; margin-bottom:10px; height:3000px; top:-17%; position:relative; left:10px } #wechselbild3.fuss { left:3%; top:13%; width:92% } #nav.start { float:left; width:95%; margin-top:10%; margin-bottom:10px; position:relative; margin:0 auto; margin-top:0px; margin-right:auto; margin-right:auto; margin-top:3% } h1.fuss { font-size:243%; color:navy; font-weight:bold; font-style:italic; top:-90%; left:16%; text-shadow:3px 3px 3px #fff } h5 { font:130% bold,italic; margin-left:12%; position:relative; margin-top:3% } #navyquer.start { width:138%; margin-bottom:5px; position:relative; display:block; margin-top:-60%; left:23%; } #navyquer.fuss { width:140%; margin-bottom:5px; position:relative; display:block; margin-top:-1%; margin-left:8% } #navyquer.navi { width:80%; position:relative; display:block; top:2% } #navyquer.marma { width:140%; margin-bottom:5px; position:fixed; display:block; top:-30%; margin-left:-60%; margin-top:-14px } #navyquer.rueallg { width:99%; position:relative; display:block; top:-1016%; left:-155px } starttableindex { left:1%; position:relative; margin-top:2%; float:left; top:18%; } #starttableindex.fuss { float:left; margin-bottom:4%; padding-right:2%; padding-bottom:50px; padding-top:2%; width:50%; padding-left:2%; height:auto; top:8%; margin-left:57px } #sidebar.fuss { width:22%; height:463px; float:right; position:relative; padding:20px; border-style:outset; border-radius:20px; border-color:#B6FFA2; background-color:#DDEFDE; margin-bottom:2px; top:13%; right:9% } #sidebar1.fuss { width:27%; height:500px; float:right; top:16%; padding:2%; margin-top:10px; margin-bottom:10px; left:-9% } #footer { top:-13%; clear:both; width:100%; background-color:#9194CF99; position:relative; margin-top:5px; margin-bottom:5px; margin-top: 10%; } h1.imp { font-size:300%; font-weight:bold; font-style:italic; top:-10%; left:-17%; text-shadow:3px 3px 3px #fff } #footer.bau { top:auto; clear:both; width:100%; background-color:#9194CF99; position:relative; margin-top:-18px; margin-bottom:5px; height:169px; left:-5%; position:relative } #footer.imp { clear:both; width:100%; background-color:#9194CF99; position:relative; margin-top:5px; margin-bottom:5px; height:auto } #nav.imp { width:100%; position:relative; top:-418px; font-size:110%; margin:10px 10px 10px; height:50px; left:-53%; } #navyquer.imp { width:140%; position:static; display:block; top:auto; height:50px; left:-55%; float:left; margin:-117% auto } #copy.bau { width:74%; padding:9px; border-style:outset; top:-189px; margin-top:80px; margin-left:60px; display:inherit; height:70px; left:34px } #copy.raumnav { width:22%; height:auto; margin-top:-11px; top:11%; left:12%; display:inherit; margin-bottom:20px; padding-bottom:3px; } #copy.fuss { width:87%; top:1%; height:auto; display:inherit; left:-17%; margin-top:9px; margin-bottom:10px } #copy.raumbau { width:31%; border-style:outset; top:-620px; margin-top:80px; margin-left:60px; display:none; height:auto; text-align:center; padding:30px; left:547px } } @media screen and (max-width: 1420px) { .gkmass span { display: block; position: absolute; margin: -15% 1% 1% 1%; width: 81%; } ul.rueklass { margin-left: 7%; margin-top: 20px; width: 46%; font-size: 115%; } a.allabhyopt { top: -7%; position: relative; text-align: center; font-size: 104%; font-family: chopin script, serif; width: 700px; display: inline-block; left: -1%; height: 42px; } #headline.spez { position: relative; top: -25%; height: 190px; margin: 0 auto; width: 97%; left: 8%; font-size: 88%; } a.allklassopt { left: -1%; } #klasslink { position: relative; top: -34px; width: 74%; margin-left: -21%; font-size: 118%; } a.allg { display: block; position: absolute; width: 95%; color: darkbrown; left: -24%; font-size: 149%; top: -128%; margin-right: 25%; margin: -1% 5%; } #wechselbild1.allg{ top:108%; left:-20%; position: absolute; } #bild3.allg { position: relative; width: 57%; top: -1%; margin-top: 35px; margin-bottom: 30px; margin-left: 22%; border-style: outset; padding: 6%; color: white; left: -6%; } #abhylink { position: relative; left: 4%; text-align: center; width: 90%; top: -7%; font-size: 120%; margin-top: -7%; } } @media screen and (max-width:1366px) { #wrapper.rueck { width: 100%; height: 100%; } a.allabhyopt { left: -3%; } a.allklassopt { left: -1%; } h1.allg { width: 70%; } #navyquer.rueallg { display:block; position:relative; top:auto; margin-top:-1300px; left:-29px; width:85% } #navyoben.allg .oben a { display: flex; width: auto; padding: 5px 28px; font: 134% sans-serif; } #dreieck.spez { margin: 18% 3% 1% 6%; } #sprung.spez { width:75%; left:-18%; } #sprung.faq { margin-top: 32%; display: inline-block; left: 57%; } #medien.navform { display: inline-block; position: relative; top: 13%; width: 200px; left: 68%; margin-top: 77%; } #headline.spez { position: relative; top: -28%; height: 190px; margin: 0 auto; width: 97%; left: 1%; font-size: 88%; } #viererbild4.kontakt { width: 25%; margin: 1px 1px 1px 0px; top: 4%; left: 72%; } .abhyoel span, .gkmass span, .ruema span, .mobil span { font-size: 98% } .abhyoel span { display: block; position: absolute; padding:6% 6% 3% 3%; width: 88%; } .gkmass span { display: block; position: absolute; margin:1% 0% 1% 0%; font-size: 95%; padding:6% 8% 1% 3%; } .ruema span { display: block; position: absolute; margin:-2% 1% 1% 1%; padding:6% 9% 2% 3%; } .mobil span { display: block; position: absolute; margin:-1% 1% 1% 1%; padding:5% 4% 1% 3%; } #bild3.allg { position: relative; width: 63%; left:-4%; padding: 3%; top: -2%; } #spruchstart.allg { padding: 0% 12% 23% 8%; left: -300%; margin-top: -30%; } #sidebar.spez { top: 24%; margin-left: 47%; background: #00f0; border: none; display: none; } #main.imp { width: 100%; float: left; background-color: #caf9c308; margin: auto -15% 10px; height: 700px } #medien.neuinfo { left:75%; top: -32%; } #sidebar.imp { margin-top: 1%; left: -8% } #medien.kontakte { width:20%; top:86%; height:99px; margin-top:20px; margin-bottom:20px; left:76% } #starttableklass.spez { width:92%; height:auto; top:0%; left:1%; font-size:114%; margin-top:10px; margin-bottom:2px } #wechselbild10.allg { float:right; left:-29%; top:2%; margin-top:-90%; width:117%; margin-bottom:20px; margin:10px } h1.navi { color:#790e9f; height:20%; margin-top:-54%; margin-left:38%; top:-66%; position:relative; width: 450%; } #main.termin { float:left; left:-1%; position:relative; width:87%; top:-1%; margin-left:10px; margin:0 auto; margin-top:-82px } #dreieck.navi { position:relative; left:13%; top:11%; margin-left:20px; max-width:14%; margin-top:12% } #navyquer.allg { width:99%; position:relative; display:none; margin-top:-30px; float:left; left:-31%; top:-563px } #headline.allg { background-color:#87e3a400; width:64%; position:relative; left:-39px; height:129px; border-bottom:3px dotted white; margin-bottom:2px; top:-87px; } #spruchstart.term { height:105%; margin-left:61px; margin-right:3%; width:120%; left:-59%; } #starthome.termin { display:block; position:relative; width:105%; top:28px; font-size:128%; left:-54px } #sidebar.term { width:19%; height:315px; padding:20px; margin-bottom:50px; margin-top:-39%; left:5%; top:-16%; padding:4% } #dreieck.terminonline { top:1%; left:-12px; margin-top:5px; display:block; max-width:32% } #navyquer .top > li { float:left; width:130px; height:auto; } #nav.allg { width:100%; margin-top:10%; margin-bottom:10px; margin:0 auto; left:-2%; height:48px; background-color:#80e78500; top:-190px; display: none; } #wechselbild1.allg { float:left; left:-30%; position:absolute; margin-top:-64%; width:119%; top:69%; margin-left:10px; margin-bottom:20px; margin:10px } #starthome { top:0%; font-size:122%; margin:0 auto; padding:1%; left:0%; width: 85%; } #navyquer.start { width:138%; margin-bottom:5px; position:relative; display:block; margin-top:-38%; margin:0 auto; margin-left:auto; left:-64%; top:-721px } #wrapper { width:1300px; height:1113px; left:-10px; top:10px; } #navyquer.abhy { width:140%; margin-bottom:5px; position:fixed; display:block; top:-30%; margin-left:-17px; height:50px; left:-698px; float:left } #sidebar.abhy { width:18%; height:430px; float:right; position:relative; padding:20px; border-style:outset; border-radius:20px; border-color:#B6FFA2; background-color:#DDEFDE80; margin-bottom:2px; top:2%; left:-16% } #starttableindex.allg { padding-right:2%; margin:18px 30px; margin-bottom:16px; margin-bottom:17px; margin-bottom:0px; left:-1%; height:auto; padding-bottom:104px; } #tablefuss.abhy { width:35%; text-align:left; padding-bottom:20px; float:left; margin-bottom:10px; margin-top:72px; top:50%; left:555px; height:522px } #wrapper.fuss { width:99%; height:1851px } #headline.fuss { background-color:#bcf7b466; width:100%; position:relative; top:19px; left:1px; margin-top:29%; height:150px } #headline.agb { background-color:#87e3a44d; width:100%; position:relative; top:41px; left:1px; margin-top:-2%; height:170px; border-bottom:2px dotted white; margin-bottom:2px; } #nav.agb { width:95%; margin-top:1%; margin-bottom:10px; position:relative; top:-436px; font-size:110%; margin:0 auto; height:50px; background-color:#b2e4abcc; left:24px; } #navyquer.agb { width:140%; margin-bottom:5px; position:fixed; display:block; top:-35%; margin-left:-17px; height:50px; left:-622px; float:left } #starttableindex.agb { left:1%; position:relative; margin-top:1%; float:left; margin-bottom:4%; padding-right:1%; padding-bottom:50px; padding-top:5%; width:51%; padding-left:8%; height:auto; top:5%; margin-left:125px } #spruchstart.agb { height:94%; position:relative; padding:3%; margin-left:37px; margin-right:3%; background-color:#99319099; width:78%; right:3%; display:block } #footer.agb { top:22%; clear:both; width:100%; background-color:#9194CF99; position:relative; margin-top:8px; margin-bottom:5px; height:218px } #copy.agb { margin:0 auto; left:1%; top:-6%; padding:9px; width:82%; display:inherit } #main.fuss { width:100%; float:left; top:-2%; margin-top:-106px; margin-bottom:10px; height:1234px; margin-left:14px } header { height:324px; width:98%; margin-bottom:10px; } header.fuss { width:100%; position:relative; top:-4%; left:1%; margin-bottom:5px; height:324px; } #nav.fuss { width:98%; margin-top:1%; margin-bottom:10px; position:fixed; top:2%; font-size:110%; margin:0 auto; height:50px; background-color:#1da44333; } #navyquer.fuss { width:140%; margin-bottom:5px; position:relative; display:block; margin-left:21%; margin-top:-58px } #footer.fuss { top:1%; clear:both; width:100%; background-color:#9194CF99; position:relative; margin-top:-6px; margin-bottom:15px; height:auto } #nav.imp { width:100%; margin-top:1%; margin-bottom:10px; top:-71%; font-size:110%; height:50px; left:9% } #navyquer.imp { width:140%; margin:5px auto; position:relative; display:block; top:-1922%; left:-53% } #navyquer.marma { width:140%; margin-bottom:5px; position:fixed; display:block; top:-05px; margin-left:-59%; margin-top:-269px } #navyquer.navi { width:80%; position:relative; display:block; top:2% } #navyquer.rueallg { width:99%; position:relative; display:block; top:-889%; left:-79px } #main { width:100%; height:672px; top:-2%; } header { height:350px; width:99%; margin-bottom:10px; left:-1%; top:5px; margin:0 auto; } #dreieck { position:relative; margin-top:-10%; left:-34px; width:53% } #dreieck.fuss { position:relative; top:13%; left:-34px; } #herzlich1 { position:relative; margin-top:1%; left:20%; width:60% } #nav.start { float:left; width:95%; margin-top:10%; margin-bottom:10px; position:relative; margin:0 auto; margin-top:0px; margin-right:auto; margin-right:auto; margin-top:7%; height:20px } #navileiste.fuss { position:absolute; margin-top:13%; float:right; left:56% } #navyquer.start { width:160%; margin-bottom:5px; position:relative; display:block; margin-top:-5%; margin-left:2%; } #starttableindex { margin-top:120px; position:relative; margin:0 auto; width:57%; margin-bottom:10px; margin-top:-11px } #starttableindex.fuss { float:left; margin-bottom:4%; padding-right:2%; padding-bottom:50px; padding-top:2%; width:50%; padding-left:2%; height:auto; top:-1%; margin-left:57px } #starttableindex.imp { left:5%; top:10% } #sidebar.fuss { width:22%; height:463px; float:right; position:relative; padding:20px; border-style:outset; border-radius:20px; border-color:#B6FFA2; background-color:#DDEFDE; margin-bottom:2px; top:3%; margin-right:7% } #sidebar1.fuss { width:28%; height:500px; float:right; top:5%; left:-8%; } #sidebar1.marma { width:33%; height:389px; float:left; position:relative; border-style:outset; border-radius:20px; border-color:#B6FFA2; background-color:#DDEFDE; top:0%; padding:2%; margin-top:14%; margin-bottom:10px; left:-53% } #copy.raumimp { width: 19%; display: inline-block; margin-top: 3%; top: 26%; left: 42% } #tablefuss { width:36%; position:absolute; top:53%; left:2%; } #footer { top:-1%; clear:both; width:100%; background-color:#9194CF99; position:relative; margin-bottom:5px } #footer.imp { top:auto; clear:both; width:100%; background-color:#9194CF99; left:0%; margin-top:67%; padding: 2% 1% 2% 1%; } #footer.marma { top:0%; clear:both; width:100%; background-color:#9194CF99; position:relative; margin-top:9px; margin-bottom:5px; height:180px } #copy.imp { width:92%; margin:0 auto; left:2%; top:16%; padding:9px; display:inherit; height:auto } #copy.marma { width:92%; margin:0 auto; left:0%; top:7%; padding:9px; display:inherit; height:auto } #footer.allg { width: 75% } } @media screen and (max-width: 1325px) { #copy.raumnav { width: 22%; height: auto; margin-top: -11px; top: 9%; left: 14%; display: inherit; margin-bottom: 20px; padding-bottom: 3px; } } @media screen and (max-width:1280px) { header.allg { width: 98%; top: 2%; height: 22%; padding-bottom: 19%; } #bild.allg { left: 70%; top: -12%; width: 25%; } #dreieck.allg { position: relative; top: -19%; left: 7%; margin-top: 12%; display: inherit; } #pfeil.rueallg { float:left; left:-5%; } #oelmassagen.option{ left:-4%; } #sprung.spez { top: -4%; left: -15%; } #medien.navform { display: inline-block; position: relative; top: 13%; width: 200px; left: 10%; margin-top: 77%; } a.allg{ width: 80%; left:-15%; } #wrapper.spez { padding-bottom: 82%; } #viererbilder.kontakt { height: 43%; } #dreieck.spez { margin: 19% 3% 1% 20%; top: 26%; } #headline.spez { position: relative; top: -22%; height: 190px; margin: 0 auto; width: 97%; left: 1%; font-size: 88%; } h1.allg { left: -13%; top: -79%; font-size: 408%; width: 75%; text-align: center; height: auto; } #rezensionen { width:52%; position: relative; top: -23%; left: 16%; margin-top: 10px; } #copy.raumimp { width: 21%; margin: 3%; top: 26%; left: 66%; padding: 15px 29px 9%; } #starthome.rue { top: -8%; } .abhyoel span { display: block; position: absolute; padding: 2% 6% 1% 3%; margin-top: 1%; } .gkmass span { display: block; position: absolute; font-size: 95%; padding: 0% 6% 1% 3%; width: auto; background-color: #9c9999bd; } #wrapper.spez { padding-bottom: 83%; height: 2700px; } #spiegelranke { position: relative; top: 7%; left: 82%; height: 150px; margin-top: 234px; margin-bottom: 40px; width: 18%; } #copy.raumnav { width: 22%; height: auto; margin-top: -11px; top: 8%; left: 17%; font-size: 96%; } #spruchstart.allg { top: 20%; padding: 0% 12% 1% 8%; left: -310%; } #willk.imp { position: relative; display: inline-block; top: -17%; left: 3%; height: auto } li.start { display:none } #starttableindex.imp { padding: 1% 5% 11% 6%; top: -62%; } #wechselbild1.allg { float:left; left:-34%; position:relative; margin-top:-64%; width:124%; top:81%; margin-left:10px; margin:0 auto } td.kontakte { display:table-cell; background:lightgreen; height:60px; border-radius:15px; border:1px outset; width:320px } #medien.kontakte { width:30%; top:86%; height:99px; margin-top:20px; margin-bottom:20px; left:76% } #bild.garschan { top:20%; font-size:138%; left:4px; margin:0 auto } #wechselbild2.advent { left:-21px; top:-11px; width:90%; margin:1% auto; margin-top:1%; height:auto; margin-top:4% } #headline.allg { background-color:#87e3a400; width:64%; position:relative; left:-39px; height:129px; top:-40px; } #navyquer.allg { width:99%; margin-top:-30px; left:-32%; top:-596px } #sidebar.term { width:19%; height:315px; margin-bottom:50px; margin-top:-39%; left:5%; top:-16% } #rankefuss.abhy { position:absolute; top:36%; left:76%; margin-bottom:2px; width:40% } h4.abyanga { color:rgb(12, 112, 25); font:106% bold,italic; height:20%; left:16%; position:relative; text-align:center; text-shadow:3px 3px 3px rgb(255, 255, 255); top:-15% } #navileiste.abhy { float:right; color:rgb(0, 0, 128); font:71% serif; position:absolute; top:92%; left:75% } #navyquer.abhy { width:140%; margin-bottom:5px; position:fixed; display:block; top:-23%; margin-left:-17px; height:50px; left:-651px; float:left; } #tablefuss.abhy { width:38%; text-align:left; padding-bottom:20px; float:left; margin-bottom:10px; margin-top:189px; top:39%; left:498px; height:522px } #wrapper { width:99%; height:1284px; } #wrapper.imp { width:99%; height:1000px; left:-5px; } #navileiste.fuss { color:rgb(0, 0, 128); font:72% serif; left:71%; position:absolute; margin-top:15% } #headline.fuss { background-color:#bcf7b466; width:100%; position:relative; top:1px; left:1px; margin-top:29%; height:150px } #headline.agb { background-color:#87e3a44d; width:100%; position:relative; top:65px; left:1px; margin-top:1%; height:150px; border-bottom:2px dotted white; margin-bottom:2px; } #nav.agb { width:95%; margin-top:1%; margin-bottom:10px; position:relative; top:-24%; font-size:110%; margin:0 auto; height:50px; background-color:#caf9c399; } #navyquer.agb { width:140%; margin-bottom:5px; position:fixed; display:block; top:-35%; margin-left:-17px; height:50px; left:-487px; float:left } #starttableindex.agb { left:1%; position:relative; margin-top:1%; float:left; margin-bottom:4%; padding-right:1%; padding-bottom:50px; padding-top:5%; width:51%; padding-left:8%; height:auto; top:5%; margin-left:125px } #sidebar.agb { width:23%; height:552px; } #wasser.agb { top:-91px; color:#fff; } #footer.agb { top:17%; clear:both; width:100%; background-color:#9194CF99; position:relative; margin-top:8px; margin-bottom:5px; height:auto } #copy.agb { margin:0 auto; left:1%; top:-7%; padding:9px; width:82%; display:inherit; height:auto } #dreieck.fuss { position:relative; top:13%; left:-34px; } #main.imp { width:100%; float:left; background-color:#caf9c303; top:-2%; margin-top:-4%; margin-bottom:10px; height:628px } #main.fuss { width:100%; float:left; top:-7%; margin-top:-109px; margin-bottom:10px; height:1234px } #wechselbild3.fuss { left:5%; top:13%; width:95% } #nav { width:140%; margin-bottom:5px; position:relative; display:block; top:-2923%; margin:0 -6%; left:-17% } #nav.imp { width:100%; margin-top:1%; margin-bottom:10px; top:-34%; left:6%; } #navyquer.imp { width:140%; margin:5px auto; position:relative; display:block; top:-2616%; left:-46% } #nav.fuss { width:100%; margin-top:1%; margin-bottom:10px; position:fixed; top:19px; margin:0 auto; background-color:#7dbf7480; left:38px; } #navyquer.navi { width:80%; position:relative; display:inherit; top:2% } #navyquer.fuss { width:140%; margin-bottom:5px; position:relative; display:block; top:-466%; margin-left:23%; margin-top:-60px } #navyquer.rueallg { width:102%; position:relative; display:block; top:-937%; left:-128px } #navyquer.marma { width:140%; margin-bottom:5px; position:relative; display:block; top:-3819%; margin-left:-50%; margin-top:-14px } #sprung.imp { display:none; top:-74%; float:left; position:relative; left:63px } h1.imp { margin-top:8% } #kurztext.imp { margin-top:auto } #sidebar.imp { margin-bottom:2px; margin:3% 1% auto 77%; top:32%; } #wasser.imp { position:relative; margin:-9% auto; font-size:98%; width:72%; padding-top:93%; margin-top:-61%; top:-18% } header.fuss { width:100%; top:-4%; left:1%; height:263px; margin-bottom:2px } #dreieck { position:absolute; top:99%; left:-5% } h1.fuss { top:-89%; left:17% } h5.fuss { font:130% bold,italic; left:5%; position:relative; margin-top:1% } #navyquer.start { width:160%; margin-bottom:5px; position:relative; display:block; margin-top:-6%; margin-left:-6%; margin:0 auto } #starttableindex { margin-top:120px; padding-right:2%; position:relative; margin:0 auto; left:2%; width:61%; margin-bottom:10px; top:-22px } #sidebar { width:23%; height:452px; float:left; position:relative; padding:20px; border-style:outset; border-radius:20px; border-color:#B6FFA2; background-color:#DDEFDE; left:2%; margin-bottom:2px; margin-top:5px; margin:0 auto; top:-6% } #sidebar.fuss { width:27%; height:463px; top:0%; margin-right:5% } #sidebar.marma { width:30%; height:544px; float:right; position:relative; padding:20px; margin-bottom:2px; top:1%; right:2%; margin-top:-3%; margin-right:-3% } #starttableindex.fuss { width:50%; padding-left:2%; height:auto; top:0%; margin-left:67px; margin-top:25px } #sidebar1.fuss { width:33%; height:500px; float:right; position:relative; border-style:outset; border-radius:20px; border-color:#B6FFA2; background-color:#DDEFDE99; top:9%; padding:2%; margin-top:10px; margin-bottom:10px; left:-2% } #tablefuss.marma { width:36%; position:relative; top:51%; right:2%; height:507px; padding-bottom:31px; padding-left:8%; margin-bottom:10px; margin-top:-109%; margin-right:3%; padding-top:4%; float:right; } #copy.allg .start { position: relative; top: 51%; left:auto; display: inline-block; list-style-type: none; height: 80px; } } @media screen and (max-width: 1250px) { #dreieck.spez { margin: 21% 3% 1% 16%; top: -27%; } #rezensionen{ top:-51%; } #sprung.spez { top: -34%; left: -15%; } #bild.allg { width: 25%; top: -21%; margin-top: auto; margin-bottom: 20px; left: 78%; padding: 4px; height: auto; } } @media screen and (max-width:1200px) { #wrapper.spez { padding-bottom: 116%; } #dreieck.spez { margin: 22% 3% 1% 16%; top: -37%; left: -25%; } #oelmassagen.option { display: inline-block; position: relative; width: 136%; height: 800px; left:-8%; } #headline.spez{ top: -28%; margin-bottom: 5%; } #navyoben.allg .oben a { display: flex; width: auto; padding: 5px 18px; font: 134% sans-serif; } #sprung.faq { margin-top: 47%; display: inline-block; left: 55%; } #starthome { display: block; position: relative; width: 85%; left: -4%; } #medien.navform { display: inline-block; position: relative; width: 200px; left: 31%; margin-top: 125%; height: auto; } h1.allg { left:-14%; top:-63%; font-weight: lighter; width: 81%; margin: -6% 1% 10px 1%; font-style: unset; text-align: center; letter-spacing: 4px; } header.allg { width: 97%; top: 2%; height: 19%; left: -1%; } #rezensionen { width: 62%; } #viererbild1.kontakt{ top:9px; } #viererbild3.kontakt { width: 22%; margin: 4px 3px 1px 11px; left: 46%; top: 3%; } #viererbild4.kontakt { width: 25%; margin: 8px 1px 1px 0px; top: 1%; left: 72%; } #main.allg { top: 1%; margin-left: 0%; margin-top: -82px; padding-bottom: 22%; } #bild.allg { left:75%; width: 22%; top: -12%; } #spruchstart.allg { padding: 0% 12% 23% 4%; left: -340%; top:-18%; width: 116%; } #viererbilder.kontakt { width: 95%; height: auto; margin: 33px auto; padding: 5px 10px; } #navyquer.nurmenue { margin-left: 0%; margin-top: 28%; position: absolute; width: 68%; } #starttableklass.spez { width: 88%; padding: 3% 2% 7% 6%; } #copy.raumimp { left: 60%; padding: 15px 30px 12% } #willk.imp { width: 50%; top:2%; left: -16% } #sidebar.imp { margin: 3% 1% auto 87%; top: 5%; width: 30% } #spruchstart.imp { width: 72%; left: -16%; } #starttableindex.imp { top:-90% } table.medien { display:table-cell; width:100%; padding-left:31px; height:auto; text-align:center } table.nebenlink { display:inline-block; padding:30px 21px; width:90%; position:relative; margin-left:-3%; } #medien.neuinfo { left:80%; top:4%; position:relative; display:block; width:231px; margin-top:-118%; } #nebenlink.ruefu { display:block; position:relative; left:25%; margin-left:-15%; width:500px; } #medien.kontakte { position:absolute; width:30%; top:297%; height:99px; margin-top:20px; margin-bottom:20px; left:75% } #bild.marma { position:relative; display:block; top:-2%; font-size:158%; left:-85px } td.termonline { display:table-cell; background:linear-gradient(to right, #ef7fe8 0%,#e93cec99 99%); height:60px; border-radius:15px; } td.zwischenoder { display: table-cell; } td.hoerer { display:none; height:20px; } td.kontakte { display:table-cell; background:lightgreen; height:60px; border-radius:15px; } #copy.raumnav { width:24%; height:auto; margin-top:-25%; top:17%; padding:35px; margin-bottom:5px; left:-6%; font-size:86%; margin-left:59% } #main.termin { width:100%; float:left; background-color:#caf9c300; margin-bottom:10px; height:2896px; top:auto; margin:0 auto; margin-top:-53px; left:-89px } #copy.raumnav { width:25%; height:auto; margin-top:-25%; top:11%; padding:35px; margin-bottom:5px; left:9%; font-size:94%; margin-left:68% } header.navi { height:35%; width:111%; margin-bottom:10px; left:0%; margin-top:64px; top:-7%; position:relative } #wechselbild2.advent { left:9px; top:-1%; width:106%; margin:1% auto; margin-top:1%; margin-top:1%; height:auto; margin-top:9% } #sidebar.term { width:19%; height:315px; margin-bottom:50px; margin-top:-39%; left:7%; top:-4% } #wasser.allg { color:#5a0e5a; font-size:126%; width:72%; padding-top:93%; top:-45%; text-shadow:-2px 2px 2px aliceblue; left:37px } #abhylink { position:relative; left:10%; width: 70%; } #headline.allg { background-color:#87e3a400; width:64%; left:-60px; height:129px; margin-bottom:2px; top:-49px; margin:0 auto } #wrapper.termin { width:80%; margin:0 auto; height:1261px; } #spruchstart { height:600px; position:relative; padding:3%; margin-left:61px; margin-right:3%; background-color:#99319099; width:94%; left:-27%; } #bild.garschan { position:relative; display:block; top:-287px; font-size:130%; left:19px } #sprung.spez { width:80%; left:-11%; margin-left:3px; margin-right:30px; top: -30%; } #wechselbild10.allg { float:right; left:-25%; position:absolute; top:63%; margin-top:-183%; width:127%; margin:0 auto } #wechselbild2.fuss { position:relative; left:15px; top:-7%; width:96% } #footer.start { clear:both; width:100%; background-color:#9194CF99; position:relative; margin-top:12px; margin-bottom:5px; height:175px; top:3% } #wechselbild1.allg { float:right; left:-20%; position:absolute; width:127%; margin:0 auto; top:-3%; } #sprung { background:linear-gradient(to right, #ef7fe8b3 0%,#e93ceccc 99%); height:35px; padding-top:8px; border-radius:10px; width:117px; margin-top:21%; padding-left:37px; position:fixed; top:-25%; display:inline; float:right; right:59px; margin-right:20px; text-shadow:-2px 2px 2px white; font-variant:small-caps; font-weight:bold } #nav.imp { width:100%; margin-top:1%; margin-bottom:10px; position:relative; top:-2%; font-size:110%; margin:0 auto; height:50px; left:-16px } #sidebar.abhy { width:22%; height:430px; float:right; position:relative; padding:20px; border-style:outset; border-radius:20px; border-color:#B6FFA2; background-color:#DDEFDE80; margin-bottom:2px; top:2%; left:-6% } #fussnote.fuss { top:36%; left:1%; position:relative; width:74%; height:358px; padding:38px; margin-top:10px } #ampel.abhy { border-radius:30px; display:table-cell; left:7px; position:relative; top:-245px } #wechselbild2a.abhy { position:relative; top:-200px; left:-88px } #sidebar1.abhy { width:33%; height:548px; float:left; position:relative; border-style:outset; border-radius:20px; border-color:#B6FFA2; background-color:#DDEFDE99; left:-55%; top:4%; padding:2%; margin-top:10px; margin-bottom:10px } #wassernote { position:relative; top:-65%; left:2px; font-size:83%; color:navy; } #tablefuss.abhy { width:38%; text-align:left; padding-bottom:20px; float:left; margin-bottom:10px; margin-top:100px; top:39%; left:498px; height:522px } #spruchstart.abhy { height:100%; top:44px; left:-53px; width:94%; } #wasser.abhy { position:relative; margin:-9% auto; font-size:85%; top:174px; } #wrapper.imp { width:87%; height:848px; left:10px; margin-left:41px } #headline.agb { background-color:#87e3a44d; width:100%; position:relative; top:65px; left:1px; margin-top:1%; height:150px; border-bottom:2px dotted white; margin-bottom:2px; } #headline.fuss { width:100%; position:relative; top:1px; left:1px; margin-top:41%; height:150px } #headline.agb { background-color:#87e3a44d; width:100%; position:relative; top:92px; left:1px; margin-top:1%; height:50%; border-bottom:3px dotted white; margin-bottom:2px; } #nav.agb { width:95%; margin-top:1%; margin-bottom:10px; position:relative; top:-24%; font-size:110%; margin:0 auto; height:50px; background-color:#caf9c399; } #navyquer.agb { width:140%; margin-bottom:5px; position:fixed; display:block; top:-35%; margin-left:-17px; height:50px; left:-487px; float:left } #starttableindex.agb { left:1%; position:relative; margin-top:1%; float:left; margin-bottom:4%; padding-right:1%; padding-bottom:50px; padding-top:5%; width:56%; padding-left:8%; height:auto; top:2%; margin-left:43px } #footer.agb { top:18%; clear:both; width:100%; background-color:#9194CF99; position:relative; margin-top:8px; margin-bottom:5px; height:auto } #copy.agb { margin:0 auto; left:1%; top:-7%; padding:9px; width:82%; display:inherit; height:auto } #main.fuss { height:1215px; margin-top:3%; } #main.imp { width:98%; float:left; background-color:#caf9c3; top:-14%; margin-top:190px; margin-bottom:10px; height:614px } #sprung.imp { display:none; top:-74%; float:left; position:relative; left:63px } h1.imp { font-size:300%; font-weight:bold; font-style:italic; top:3%; left:-23%; text-shadow:3px 3px 3px #fff } #kurztext.imp { margin:28px 33px 17px 66px; padding-left:2px; width:380px } #wasser.imp { position:relative; margin:-9% auto; font-size:98%; width:72%; padding-top:93%; margin-top:-61%; top:-18% } #main.navi { width:100%; background-color:#caf9c300; margin-top:19px; margin-bottom:10px; height:3000px } #navyquer, #nav { display:none; } #nav.fuss, #navyquer.fuss, #navileiste { display:none } #navyquer.navi { width:96%; margin-top:-15px; left:-13px; } #wechselbild3.fuss { width:103%; top:1%; left:1% } #copy.fuss { width:86%; left:3%; height:auto; top:auto; margin-top:7px; } h1.fuss { top:-93%; margin-left:-4% } h1.imp { top:7%; margin-left:4%; } #main { width:100%; position:relative; top:2%; margin-top:14px; height:725px; } header { height:250px; width:102%; margin-bottom:10px; left:10px; top:-7px; } #dreieck { position:relative; margin-top:-19%; left:-7% } #dreieck.fuss { position:relative; top:13%; left:-87px; } #herzlich1 { position:relative; top:282%; left:20%; width:60%; margin-top:-45px } #starttableindex { text-align:center; padding-left:11%; position:relative; margin-bottom:0px; left:5%; width:59%; top:0% } #dreieck.imp { position:relative; margin-top:-25%; left:-10%; display:none } h1.imp { left:-5% } #sprung.imp { top:-27%; float:left; left:8%; margin-top:2%; display: block; } #starttableindex.fuss { width:50%; padding:5%; height:auto; margin-top:1%; margin-left:1%; text-align:left } #sidebar { width:23%; height:452px; float:right; position:relative; padding:20px; border-style:outset; border-radius:20px; border-color:#B6FFA2; background-color:#DDEFDE; left:-8%; margin-bottom:2px; margin-top:5px; margin:0 auto; top:-15px } #sidebar.fuss { width:27%; height:463px; float:right; position:relative; padding:20px; border-style:outset; border-radius:20px; border-color:#B6FFA2; background-color:#DDEFDE; margin-bottom:2px; top:-6%; right:0%; margin-right:-8% } #sprung.fuss , #sprung.agb { display:block; top:-64%; float:right; position:relative; margin-right:86%; margin-top:-44px } #tablefuss { width:50%; position:absolute; top:46%; left:4%; height:507px; padding-bottom:31px; padding-left:8%; margin-bottom:10px; margin-top:-3%; margin-left:2%; padding-top:4%; } #sidebar1.marma { width:33%; height:311px; float:left; position:relative; border-style:outset; border-radius:20px; border-color:#B6FFA2; background-color:#DDEFDE; top:0%; padding:2%; margin-top:21%; margin-bottom:10px; left:-53%; } #sidebar1.fuss { width:25%; height:540px; top:45%; padding:2%; margin-right:-22%; margin-top:10px; float:right; padding:20px } #fussnote.fuss { top:0%; left:0%; position:relative; width:74%; height:389px; padding:38px; margin-top:24px; } #footer { top:1%; clear:both; width:102%; background-color: #CAF9C3; position:relative; margin-bottom:5px; } #footer.marma { top:3%; clear:both; width:100%; background-color:#9194CF99; position:relative; margin-top:16px; margin-bottom:5px; height:179px } #footer.fuss { top:-7%; clear:both; width:100%; background-color: #CAF9C3; position:relative; margin-top:2px; margin-bottom:5px; left:0%; } #dreieck.navi { position:absolute; margin-top:8%; left:2%; width:52%; margin-left:36px; top:36% } #spiegelranke { position:absolute; top:-4px; left:60%; background-color:#caf9c300; height:150px; margin-top:31%; margin-bottom:20px; width:26%; } #rankeumkehr { position:absolute; top:77px; left:51px; width:77%; margin-top:631%; background-color:#00f0; } #footer.allg { width: 75%; margin-top:122%; } } @media screen and (max-width: 1180px) { #dreieck.spez { margin: 21% 3% 1% 22%; top: -35%; } #sprung.faq { margin-top: 48%; display: inline-block; left: 55%; } } @media screen and (max-width: 1130px) { #starthome { display: block; position: relative; width: 78%; } #wrapper.spez { padding-bottom: 126%; height: 3000px; } #dreieck.spez { margin: 22% 3% 1% 15%; top: -23%; } #sprung.faq { margin-top: 22%; display: inline-block; left: 27%; } } @media screen and (max-width:1115px) { #willk.imp { width: 50%; top: 2%; } #main.allg { top: 0%; margin-top: -10%; left: 0%; } #oelmassagen.option { display: inline-block; position: relative; width: 106%; height: 800px; left: -12%; } a.allabhyopt { left: -11%; } #starthome { display: block; position: relative; width: 88%; left:-3%; } #sprung.faq { margin-top: 12%; display: inline-block; left: 77%; } #navyoben.allg ul.oben { display: flex; position: relative; width: 53%; height: 3%; left: 0%; } header.allg { width: 97%; top: 2%; height: 18%; left: 0%; } #copy.raumimp { padding: 15px 29px 11%; left: 66%; top: 22% } #rankefuss.allg { top: 14%; left: 79%; width: 39%; } #navyquer.nurmenue { margin-left: 23%; margin-top: 46%; position: absolute; width: 82%; } #spruchstart.allg { padding: 11% 12% 23% 8%; left: -327%; top: 32%; width: 104%; } #starttableindex.allg { margin-top:12px; padding-right:2%; margin:7px -82px; margin-bottom:1px; left:9%; width:85%; height:auto; font-size:74%; padding-bottom:2%; top:4%; } #sidebar.spez { top:3%; position:absolute; margin-left:36%; width:26%; float:left; margin-top:10px; left:43%; padding: 21px 0px 1px 10px; } #fusslink { position:relative; left:62%; top:-33px; width:108px } #wechselbild4.allg { width:102%; } #medien.kontakte { position:absolute; width:30%; height:99px; margin-top:20px; margin-bottom:20px; left:71% } #terminspez.allg { top:111%; margin-top:98%; opacity:1.0; width:55%; left:auto; margin-left:17%; margin-bottom:30px; position:absolute } #sprung.spez { width:80%; left:5%; margin-left:3px; margin-top:-23%; margin-right:30px; top:auto; margin-bottom:15% } #bild.marma { position:absolute; display:block; top:54%; font-size:128%; left:-33px; width:50px } #wechselbild1.allg { float:right; left:-1%; position:relative; width:127%; margin:0 auto; top:3% } #wechselbild10.allg { float:right; left:-30%; position:absolute; top:9%; margin-top:-183%; width:127%; margin:0 auto } #spruchstart { height:auto; position:relative; padding:3%; margin-left:61px; margin-right:3%; background-color:#99319099; width:116%; left:-27%; } #copy.raumnav { width:61%; margin-top:-25%; top:18%; padding:19px; margin-bottom:5px; left:-44%; font-size:86%; margin-left:59% } #main.termin { width:100%; float:left; background-color:#caf9c300; margin-top:88px; margin-bottom:10px; height:auto } #wechselbild2.advent { left:9px; top:-1%; width:106%; margin:1% auto; margin-top:1%; height:auto; margin-top:9% } #sprung.allg { display:block; top:-5%; float:left; position:fixed; left:77%; margin-top:21%; border:ridge aliceblue } #spruchstart.term { height:105%; margin-left:61px; margin-right:3%; width:111%; left:-44%; top:-22px; } #sidebar.term { width:19%; height:315px; margin-bottom:50px; margin-top:-5%; left:77%; top:29%; position:absolute } #wrapper.imp { width:87%; height:848px } h1.rueallg { font-weight:bold; font-style:italic; top:-51%; left:-2%; margin-top:50px; position:relative } #wasser.abhy { position:relative; margin:-9% auto; font-size:85%; top:141px } #sidebar.abhy { width:27%; height:495px; float:right; position:relative; padding:20px; border-style:outset; border-radius:20px; border-color:#B6FFA2; background-color:#DDEFDE80; margin-bottom:2px; top:2%; left:-1% } #fruehangeb { font-size:150%; font-style:oblique; left:17%; font-family:serif; width:100px; text-align:center; top:13%; background:#80808000; margin-top:18px } #sprung.abhy { display:block; top:-91%; float:left; position:relative; left:79% } #tablefuss.abhy { width:41%; text-align:left; padding-bottom:20px; float:left; margin-bottom:10px; margin-top:189px; top:34%; left:483px; height:522px } #rankefuss.abhy { position:absolute; top:29%; left:68%; margin-bottom:2px; width:40% } #headline.agb { background-color:#87e3a44d; width:100%; position:relative; top:69px; left:1px; margin-top:1%; height:34%; border-bottom:3px dotted white; margin-bottom:2px; } #sprung.agb { display:block; float:right; position:relative; top:-320px } #starttableindex.agb { left:-9%; position:relative; margin-top:1%; float:left; margin-bottom:4%; padding-right:1%; padding-bottom:50px; padding-top:5%; width:56%; padding-left:8%; height:auto; top:1%; margin-left:118px } #sidebar.agb { width:23%; height:552px; left:-74px; top:21%; float:right; margin-top:-107%; } #wasser.agb { top:100px; } #footer.agb { top:17%; clear:both; width:100%; background-color:#9194CF99; position:relative; margin-top:8px; margin-bottom:5px; height:auto } #copy.agb { margin:0 auto; left:1%; top:-8%; padding:9px; width:82%; display:inherit; height:auto } #wrapper.fuss { width:99%; height:1681px } #headline.fuss { background-color:#c6f8bf80; width:100%; position:relative; top:100px; left:1px; margin-top:16%; height:85px; margin-bottom:1px; border-bottom:3px; border-bottom-color:#fff } #main { width:100%; height:auto } #main.navi { width:100%; background-color:#caf9c300; margin-bottom:10px; height:3000px; top: auto; } #dreieck { position:absolute; top:64%; left:12px } #starttableindex.fuss { width:50%; padding:3%; height:423px; margin-top:1%; margin-left:1%; text-align:left } #dreieck.fuss { position:absolute; top:73%; left:-12px } #sidebar1.fuss { width:25%; height:540px; top:45%; padding:2%; margin-right:-34%; margin-top:10px; float:right; padding:20px } #sprung { margin-top:-26%; float:left; margin-left:0% } header.fuss { height:250px; width:101%; position:relative; top:-6%; margin-bottom:10px; margin:0 auto; left:-1px; } #herzlich1 { position:relative; top:300%; left:20%; width:60% } #navileiste.fuss { display:none; } #wechselbild3.fuss { width:99%; top:1%; left:4% } #sprung { display:block; top:-101%; float:left; position:relative; left:754px; margin-top:20% } #sprung.fuss, #sprung.agb { top:-6%; float:right; margin-left:-21%; right:15px; margin-top:-8% } #dreieck { position:absolute; top:79%; left:-7%; } h1.fuss { top:-18%; left:26%; position:relative; font-family:serif; font-size:328%; margin-top:-114px; } h1.imp { top:-29%; left:-10%; position:relative; font-family:serif; font-size:290%; margin-top:103px; } #sidebar.imp { width:27%; height:463px; position:relative; padding:20px; margin:-11px 2% 1% 76%; margin-top:-11%; top:20%; } #navyquer, #nav { display:none; } #wasser { position:relative; margin:-9% auto; font-size:98%; width:72%; padding-top:93%; top:8% } #starttableindex { text-align:center; padding-right:2%; position:relative; margin:0 auto; left:-7%; width:74%; margin-bottom:10px; margin-top:2%; top:0% } #starttableindex.imp { left:5%; margin-top:15%; float:left; margin-bottom:4%; padding:3% 7% 9%; width:47%; height:385px; top:-89% } #kurztext.imp { margin:-109px 33px 17px -4px; padding-left:60px; width:380px; top:5px; text-align: left; } #sidebar { width:23%; height:452px; float:left; position:relative; padding:20px; border-style:outset; border-radius:20px; border-color:#B6FFA2; background-color:#DDEFDE; left:2%; margin-bottom:2px; margin-top:5px; margin:0 auto; top:-3% } #sidebar.fuss { width:25%; height:425px; float:right; position:relative; padding:20px; border-style:outset; border-radius:20px; border-color:#B6FFA2; background-color:#DDEFDE; margin-bottom:2px; margin-top:2%; margin-right:4%; top:-5% } #tablefuss.marma { width:36%; position:relative; top:51%; right:2%; height:507px; padding-bottom:31px; padding-left:8%; margin-bottom:10px; margin-top:-113%; margin-right:3%; padding-top:4%; float:right } #rankefuss { display:inline; position:absolute; top:-2%; left:61%; } #footer { top:1%; clear:both; width:100%; background-color:#C5FFB500; position:relative; margin-bottom:5px; } #footer.imp { top:-27%; clear:both; width:100%; background-color:#9194CF99; position:relative; margin-top:7px; margin-bottom:5px; left:0%; height:150px; margin-top:811px } } @media screen and (max-width:1080px) { #wechselbild4.allg { max-width: 120%; } #viererbilder.kontakt { width: 95%; height: auto; margin: -20px auto 2%; padding: 5px 10px; } #sprung.faq { top: -46%; display: block; left: -6%; } #navyoben { display: block; position: relative; margin: 12px 1% 12px 3%; width: 96%; } table.ganzkoerper{ left: 8%; } #nebenlink.ruefu { left: 25%; margin-left: -2%; width: 500px; } #info.allg{ display: inline-block; position: relative; top:-6%; left:-1%; width: 143%; margin-top: -39%; } #medien.navform { display: inline-block; position: relative; top: 13%; width: 200px; left: 31%; } #rezensionen { width:85%; top: -16%; left: 6%; height: 42px; padding:3px 1px 3px 1px; margin:6px 1px 3px 1px; } .abhyoel span, .gkmass span, .ruema span, .mobil span { font-size: 90%; margin-bottom: 1px; font-size: 80%; width: 87%; top: -40%; margin: -13% 1px; padding: 4% 6% 1% 3%; height: 41px; } .ruema span { display: block; position: absolute; } #copy.raumimp { top:18% } #medien.neuinfo { left:65%; top:6%; } #rankefuss.allg { display:inline; position:absolute; left:64%; top: 28%; } #starttableindex.imp { padding: 3% 5% 10% 9% } #copy.raumstart { font:80% serif; height:auto; width:23%; top:18%; margin-top:10px; left:44%; } #klasslink { position: relative; left: 9%; top: 1%; margin: 0 auto; } #spruchstart.allg { padding: 11% 12% 23% 8%; left: -348%; top: 22%; width: 87%; height: 51%; } #wechselbild4.fuss { display:block; width:93%; top:1%; left:auto; position:relative } #dreieck.spez { position:relative; left:22%; width:528px; margin-top:19%; margin-left:-77px; top: 8%; } #medien.kontakte { position:absolute; width:30%; top:29%; height:99px; margin-top:20px; margin-bottom:20px; left:64% } #terminspez.allg { top:724px; margin-top:84%; width:55%; left:auto; margin-left:21%; margin-bottom:30px; position:absolute; height:56px } #headline.spez { position:relative; top:auto; height:auto; width:57%; margin-left:11%; } #dreieck.terminonline { top:1%; left:-12px; margin-top:5px; width:90% } #main.termin { width:99%; margin-top:2%; margin-bottom:120px; top:-2%; left:-95px; height:auto; margin:0 auto } #wechselbild2.advent { left:-21px; top:60px; width:111%; margin:0 auto; height:auto; margin-top:10% } #willk { position:relative; display:inline; top:-69px; left:63px } #wechselbild2.mob { position:relative; top:-275px; left:100px; width:87% } #wechselbild10.allg { float:left; left:-21%; position:absolute; top:228%; margin-top:-90%; width:114%; } #starthome.ganz { width:99%; left:-2%; position:relative; margin-left:3px; margin-top:-114px; text-align:center; display:inherit; margin-right:30px; font:116%/1.4 sans-serif; letter-spacing: 0px; } #bild.allg { position:absolute; width:22%; top:-11%; margin-top:50px; left:75%; height:300px; padding-bottom: 12px; padding-right: 8px; } #ruecklink { position:relative; left:-34px; top:28px; display:inline; margin-right:80px } #copy.allg { top:auto; width:880px; left:2px; height:136px; margin-top:auto; display:inherit; position:absolute; width:857px; margin:29% auto; } #fusslink { position:relative; left:63%; top:-35px; display:block; } #kontaktlink { position:absolute; left:37%; top:274%; width:150px; margin-top:20px } td.abstand { width:10px; } #sprung.spez { width:88%; left:-3%; position:absolute; margin-left:3px; margin-top:-162px; text-align:center; display:inherit; margin-left:5%; top:110%; } #starthome { width:93%; left:1%; position:relative; align-content:center; margin-left:3px; margin-top:-41px; text-align:center; display:inherit; margin-right:30px } #bild3.allg { position:relative; width:69%; margin-bottom:50px; border-style:outset; padding:25px 1px; } #bild.marma { position:absolute; display:block; top:43%; font-size:162%; left:-6%; width:53%; margin-top:0%; } #bild.garschan { position:absolute; display:block; top:167%; font-size:140%; left:19%; width:30%; } #starttableklass.spez { width:82%; height:auto; top:10px; left:1%; padding:10% 8% 14% 6%; font-family:serif; font-size:114%; margin-top:10px; margin-bottom:20px; position: relative; } h4.abyanga { color:rgb(12, 112, 25); font:130% bold,italic; height:20%; left:28%; position:relative; text-align:center; text-shadow:3px 3px 3px rgb(255, 255, 255); top:-15% } h1.allg { width: 131%; font-size: 374%; margin-top:4%; left: -19%; top: -54%; position: absolute; text-shadow: none; -webkit-text-fill-color: #baa65900; background: linear-gradient(0deg, rgba(202, 143, 67, 0) 0%, rgba(216, 201, 155, 0) 100%); } #sprung.abhy { display:block; top:-91%; float:left; position:relative; left:79% } #spruchstart { height:84%; position:relative; padding:3%; margin-left:78px; margin-right:3%; background-color:#99319000; width:97%; left:-4%; display:block; margin-top:1px; margin:0 auto } #wechselbild1.allg { float:right; left:-9%; position:absolute; margin-top:-52%; top:92%; margin-left:-12%; max-width:109%; } #wechselbild2a.abhy { position:relative; top:-160px; left:-88px } #sidebar.abhy { width:27%; height:430px; float:right; position:relative; padding:20px; border-style:outset; border-radius:20px; border-color:#B6FFA2; background-color:#DDEFDE80; margin-bottom:2px; top:2%; left:-2% } #tablefuss.abhy { width:46%; text-align:left; padding-bottom:20px; float:left; margin-bottom:10px; margin-top:189px; top:29%; left:333px; height:522px; } #sidebar1.abhy { width:31%; height:46%; float:left; position:relative; border-style:outset; border-radius:20px; border-color:#B6FFA2; background-color:#DDEFDE99; left:4%; top:3%; padding:2%; margin-top:10px; margin-bottom:10px } #fussnote.fuss { top:-15%; left:3%; position:relative; width:74%; height:358px; padding:38px; margin-top:24px } td.kurztextabhy { position:relative; top:-19px; left:-18px; font:94% serif } #headline.agb { background-color:#87e3a44d; width:100%; position:relative; top:117px; left:1px; margin-top:14%; height:34%; border-bottom:3px dotted white; margin-bottom:2px } #headline.allg { background-color:#87e3a400; width:100%; position:relative; left:1px; margin-top:0%; height:105px; border-bottom:3px dotted white; margin-bottom:2px; top:22% } #starttableindex.agb { left:1%; position:relative; margin-top:1%; float:left; margin-bottom:4%; padding-right:3%; padding-bottom:50px; padding-top:5%; width:51%; padding-left:8%; height:82%; top:-27%; margin-left:19px } #sidebar.agb { width:31%; height:493px; left:-27px; top:12%; float:right; margin-top:-970px; } #wasser.agb { top:100px; margin-top:-292px; } #footer.agb { top:-12%; clear:both; width:100%; background-color:#9194CF99; position:relative; margin-top:8px; margin-bottom:5px; height:auto } #copy.agb { margin:0 auto; left:1%; top:-7%; padding:9px; width:82%; display:inherit; height:auto } #wrapper.fuss { width:99%; height:1660px } #wrapper.imp { width:97%; height:1059px; left:-31px } #main.marma { height:1264px; top:-2px; margin-top:113px } #dreieck { position:relative; left:-63px; margin-top:-9% } #dreieck.fuss { position:relative; left:-13px; margin-top:-30%; top:-17px } #headline.fuss { background-color:#c6f8bf80; width:100%; position:relative; top:127px; left:1px; margin-top:29%; height:109px; margin-bottom:1px; } #main { width:100%; top:4%; } #main.fuss { height:803px; margin-top:4%; top:-54px } #main.allg { margin-bottom:120px; top:5%; height:2514px; width: 100%; } header.fuss { height:250px; width:100%; } header.allg { height:16%; width:97%; margin-bottom:10px; top:1%; left: 0%; background: #f1e5a3; padding-bottom: 16%; padding-right: 1%; } #herzlich1 { position:relative; top:200%; left:20%; width:60% } #nav { display:none; } #sprung { display:block; margin-top:1px; float:right; margin-right:2%; margin-bottom:20px } #sprung.fuss, #sprung.agb { display:block; margin-top:-13%; position:relative; right:-27%; float:right; top:169px; margin-right:91% } #sidebar.fuss { width:26%; position:relative; top:1%; margin:0 auto; left:-6px; height:400px } #starttableindex.allg { text-align:center; padding-right:8%; position:relative; margin:0 auto; left:0%; width:81%; margin-bottom:10px; margin-top:17px; height:auto; padding-bottom:63px } #starttableindex { padding-top:11%; position:relative; margin:0 auto; left:2%; width:64%; margin-bottom:10px; top:-37px; font-size:90% } #zurueck { display:block; position:relative } #kurztext.imp { font:110%/1.2 sans-serif; margin:-97px 33px 17px -75px; padding-left:123px; width:380px } #sidebar { width:26%; height:377px; float:left; position:relative; padding:20px; border-style:outset; border-radius:20px; border-color:#B6FFA2; background-color:#DDEFDE; left:4%; margin-bottom:2px; margin-top:15px; top:-28%; margin-top:10%; margin-right:auto; margin-bottom:0px; margin-left:auto } #wasser { position:relative; margin:-9% auto; font-size:98%; width:72%; padding-top:93%; top:14%; } #wasser.allg { position:relative; font-size:126%; width:91%; padding-top:93%; top:-17% } #tablefuss.marma { width:36%; position:relative; top:63%; right:2%; height:539px; padding-bottom:31px; padding-left:8%; margin-bottom:10px; margin-top:-102%; margin-right:3%; padding-top:2%; float:right } #starttableindex.fuss { text-align:center; top:1%; padding-right:5%; position:relative; margin:0 auto; left:4%; width:55%; margin-bottom:10px; padding-bottom:36px; text-align:left; } #tablefuss.fuss { width:53%; position:absolute; top:49%; left:2%; height:507px; padding-bottom:31px; padding-left:8%; margin-bottom:10px; margin-top:-3%; margin-left:2%; padding-top:4% } #sidebar1.fuss { width:25%; height:540px; top:41%; padding:2%; margin-right:-32%; margin-top:10px; float:right; padding:20px } #sidebar1 { width:33%; height:auto; top:10%; margin-top:10px; margin-bottom:10px; } #sidebar1.marma { width:39%; height:311px; float:left; position:relative; border-style:outset; border-radius:20px; border-color:#B6FFA2; background-color:#DDEFDE; top:0%; padding:2%; margin-top:0%; margin-bottom:10px; left:5% } #ampel.marma { display:none } #copy.raumnav { height:auto; margin-top:3%; display:inherit; padding-bottom:3px; margin:0 auto; top: auto; left: 14%; } #footer { top:7%; clear:both; width:100%; position:relative; margin-bottom:5px; top:-77px; } #footer.imp { top:-22%; clear:both; margin-top:5px; margin-bottom:5px; left:0%; height:137px; margin-top:864px } #footer.fuss { margin-top:-5%; clear:both; width:100%; background-color:#9194CF99; position:relative; margin-top:5px; margin-bottom:5px; height:183px; top:0%; } #footer.marma { top:3%; clear:both; width:100%; background-color:#9194CF99; position:relative; margin-top:16px; margin-bottom:5px; height:179px } } @media screen and (max-width: 1024px) { #footer.allg { width: 93%; } #navyoben.allg .oben a.telinfo { display: flex; width: 75%; padding: 5px 19px; font: 100%sans-serif; top:-2%; height: 25px; } #navyoben.allg .oben a { display: flex; width: auto; padding: 5px 28px; font: 116% sans-serif; text-decoration: none; background-color: #ead896; } .ruema span { display: block; position: absolute; } h1.allg { width: 151%; left:-23%; } h1.navi { color: #790e9f; height: 20%; margin-top: -54%; margin-left: 38%; top: -66%; position: relative; width: 450%; font-family:serif; } #rankefuss.allg { top: 36%; left: 59%; width: 39%; } a.allg{ width: 80%; left:-15%; font-size: 100%; margin: 16% 5%; } #spruchstart.allg { padding: 11% 12% 23% 8%; left: -362%; top: 22%; width: 87%; height: 51%; } header.allg { border:none } #viererbild2.kontakt { width: 18%; } #viererbild4.kontakt { width: 25%; } #starthome.ganz { font: 116%/1.4 sans-serif; letter-spacing: 0px; } #spruchstart.allg { padding: 11% 12% 23% 8%; left: -399%; top: 22%; } #headline.spez { position: relative; top: auto; height: auto; width: 57%; margin-left: 21%; } #info.allg{ display: inline-block; position: relative; left: -14%; } } @media screen and (max-width:950px) { #info.allg{ margin-top:-7%; } h2.rue { font-weight: bold; font-size: 104%; margin-top: 5%; } a.allabhyopt { margin-top: -18%; position: relative; text-align: center; font-size: 104%; font-family: chopin script, serif; width: 700px; display: inline-block; left: -1%; height: 39px; } ul.rueklass { margin-left: 7%; margin-top: 20px; width: 46%; font-size:95%; } #starttableindex.allg{ height: 1671px; font-size: 98%; } h1.rueallg{ left:-12%; } td.klasslink { display: table-cell; position: relative; width: 750px; height: 44px; top:40px; } #rezensionen { left: 4%; margin-top:52%; width: 80%; margin-bottom: -20px; color: #443b1b; text-shadow: 1px -1px 1px #e9cf6b; position: absolute; top: 4%; } #navyoben.allg ul.oben { display: flex; position: relative; width: 60%; overflow: hidden; height: 3%; } #sprung.faq { margin-top: 70%; display: block; left: 0%; width: 82px; } #spruchstart.allg { padding: 11% 12% 23% 8%; left: -378%; top: 22%; } #viererbild1.kontakt { top: auto; margin: 0px 10px 1px 0%; } #bild.allg { position: absolute; width: 22%; top: -13%; margin-top: 50px; left: 70%; height: 14%; } h1.allg { font-size: 360%; margin-top: -9%; left: -30%; top: -42%; width: 116%; position: absolute; font-weight: 580; } #viererbild2.kontakt { width: 18%; } #viererbild3.kontakt { width: 22%; } .mobil span { display: block; position: absolute; margin: -6% 1% 1% 1%; padding: 5% 4% 0% 3%; } #copy.raumnav { width: 90%; margin-top: 3%; display: inherit; padding-bottom: 3px; margin: 0 auto; top: 3%; left: 0%; } #bild3.allg { position: relative; width: 67%; left:-6%; margin-top: -17%; margin-top: 5%; } #starttableklass.spez { width: 82%; height: auto; top: 10px; left: 0%; padding: 10% 8% 14% 6%; font-family: serif; font-size: 114%; margin-top: -27px; margin-bottom: 20px; } #starthome.ganz { width: 89%; left: 3%; font-size: 128%; } #navyquer.nurmenue { margin-left: 16%; margin-top: 35%; position: absolute; width: 82%; } #rankefuss.allg { display: none; position: absolute; left: 58%; } #spruchstart.imp { width: 72%; left: -1% } h1.imp { top: -65%; left:-2% } #bild.garschan { position: absolute; display: block; top: 79%; font-size: 271%; left: 16%; width: 30% } #wechselbild4.allg { left: -4%; max-width: 99%; top: -23%; } #wechselbild1.allg { float: right; left: -3%; position: absolute; margin-top: -52%; top: 76%; margin-left: -12%; width: 69%; } #wechselbild10.allg { float: left; left: 36%; position: absolute; margin-top: -177%; width: 67% } #spruchstart.allg { padding: 4% 12% 23% 8%; left: -95%; top: auto; width: 75%; height: 60%; background: linear-gradient(to right, #ef7fe8d4 0%,#d41fd7bf 99%); margin: 39% 2% 2% 99%; } header.allg { height: 11%; width: 97%; margin-bottom: 22%; top: 1%; left: 0%; padding-bottom: 23%; } #klasslink { position:relative; left:27%; margin:-9% -14%; width:497px; height: 49px; } header.imp { top: 2%; left:1% } #sprung.imp { display:block; } #copy.raumimp { top: 30%; padding-bottom:12% } #medien.neuinfo { left:28%; top:38%; height: auto; width: 289px; } a.telinfo { display:table-cell; position:relative; color:aliceblue; width:200px; height:auto; top:-38px; left:10px; } td.neuinfo { display:inline-block; border: 3px outset yellow; border-radius: 15px; height: 44px; margin-top: 20px; width: 199px; } #spiegelranke { position:absolute; top:19%; left:53%; background-color:#caf9c300; height:150px; margin-top:63%; margin-bottom:20px; width:26%; } #medien.kontakte { position:absolute; width:30%; top:44%; height:99px; margin-top:20px; margin-bottom:20px; left:68%; margin:0 auto } #wechselbild3.imp { position:relative; top:-2%; left:-5%; width:98%; margin-left:40px } #navyquer ul.top { display:block; border-radius:10px; color:#fff0; width:107%; clear:both; left:-99%; float:left; background:#add8e600; margin-left:29%; top:-18px; position:relative; height:18px; } #medien.kontakte { position:absolute; width:30%; top:21%; height:99px; margin-top:20px; margin-bottom:20px; left:71% } td.termonline { display:table-cell; background:linear-gradient(to right, #ef7fe8 0%,#e93cec99 99%); height:61px; border-radius:15px; border: 3px outset yellow; } td.hoerer { display:table-cell; height:20px; border:none; } td.kontakte { display:none; background:lightgreen; height:60px; border-radius:15px; } a.allg { display: block; position:absolute; color:#690c0c; font-size:105%; margin-top:30%; } a.tel:link { color:white; display:block; position:relative; top:-35px; left:60px; width:122px } #rankefuss { display:inline; position:absolute; top:-2%; left:68% } #dreieck.spez { position:absolute; left:5%; width:400px; margin-left:-77px; top: 0%; margin-top: 6%; } #headline.spez { position:absolute; height:auto; width:63%; top: 46%; margin-left: 19%; } #main.termin { width:100%; margin-top:2%; margin-bottom:120px; top:-1%; left:-88px; height:3000px } #wrapper { width:99%; height:1284px; top:-1% } #copy.navi { top:auto; left:25%; display:inherit; width:93%; left:3%; height:78%; top:2%; margin-top:8px } #tel_hoer { display:block; position:relative; top:6px; left:21px; width:68% } #tel_hoer.allg { display:block; position:relative; top:-25%; left:-40px; width:33% } #tel_hoer.term { display:block; position:relative; top:20px; left:2px; width:38%; margin:0 auto } a.term:link { color:white; display:block; top:-40px; left:10px } #spruchstart.term { height:105%; margin-left:61px; margin-right:3%; width:111%; left:-44%; top:-22px } #wasser.allg { position:relative; margin:-9% auto; font-size:126%; width:91%; padding-top:93%; top:-17% } #sidebar.term { width:16%; height:315px; margin-bottom:50px; margin-top:-5%; left:72%; top:2%; position:absolute } #wrapper.termin { width:96%; margin:0 auto; height:1261px; top:-100px } #sprung.allg { display:block; top:-1%; float:left; position:fixed; left:73%; } #dreieck.terminonline { top:21%; left:-19px; margin-top:5px; width:55% } #headline.allg { width:100%; left:1px; margin-top:0%; height:105px; margin-bottom:2px; top:-16% } #wechselbild2.advent { left:4px; top:5px; width:100%; margin:0 auto; height:auto } #tel_hoer { display:block; position:relative; top:6px; left:-90px; width:53%; margin:0 auto } #telklick.imp { height:22px; padding-top:0px; margin-top:95%; padding-left:63px; position:absolute; top:3%; left:98px; font-size:107%; color:white; display:block; } h1.navi { width: 467%; margin-left:-133%; margin-top: -62%; } #dreieck.navi { position:absolute; margin-top:8%; left:15%; width:52%; margin-left:134px; top:39%; } header.navi { height:24%; width:116%; margin-bottom:10px; left:-2%; margin-top:64px; top:-5%; position:relative } #termin.mobil { width:146px; margin-top:21%; padding-left:4px; margin-left:46%; position:relative; top:115px; display:inherit; height:29px; left:187px; border-radius:10px; font-size:93%; } #navyquer.allmob { width:99%; position:relative; display:none; } #gutschein.mobile { position:relative; float:right; margin-top:42px; margin-bottom:10px; left:-96px; top:-98px; width:50%; border:#cfc9c9; border-style:outset; padding-right:5px; border-radius:10px } #startmobil { position:relative; width:106%; top:auto; margin-top:20px; left:-1%; font:94%/1.4 sans-serif } #rankefuss.mobil { display:inline; position:absolute; top:30%; left:66%; width:26% } #wechselbild1.mass { position:relative; left:-20px; top:-563px; width:105% } #starttablemobil { border-radius:15px; padding:20px; font-family:serif, navy; width:79%; border-color:#ccc8c8; border-style:outset; left:77px } #herz { display:inline; font:187% italic serif; height:20px; text-shadow:-2px 2px 2px; position:relative; left:270px; float:left; top:auto; margin-top:224px } #wechselbild2.mob { position:relative; top:-275px; left:10px; width:98% } #spruchallg { height:297px; margin-left:750px; margin-top:-338px; left:89px; top:auto; width:375px; position:relative } h1 { text-shadow:1px 1px 1px #fff; padding-left:18%; position:relative; font-family:serif; font-size:200%; color:#261f7b; top:auto; left:-16%; width:528px; margin-top:-109px; font-size:170% } #spruchallg { height:189px; margin-left:750px; margin-top:-587px; left:-119px; top:auto; width:29%; position:relative } #willk { position:relative; display:block; top:-3%; left:114px; max-width:67%; } #abhylink { position:relative; left:-1%; width:122%; top: -19%; margin: 3% 2% 1% 5%; width: 93%; } #sprung.spez { width:74%; left:2%; position:absolute; margin-left:-2px; margin-top:-32%; top:126%; } #bild.allg { width:22%; margin-top:-5px; left:76%; height:auto; padding-top:1px; height:262px; background:#f5f5dc00; border:#f5f5dc00; top:-12%; } #main.allg { margin-top:-13%; margin-bottom:120px; left:0%; height:1900px; top: 0; width: 98%; } #sidebar.spez { top:90%; position:absolute; left:-4%; margin-left:5px; float:right; width:95%; margin-top:92%; height: auto; } #copy.raumstart { font:80% serif; height:116px; margin-bottom:1px; opacity:0.9; padding:1%; padding-top:1%; padding:1% 15%; padding-bottom:20px; left:-10%; display:inherit; width:46%; height:auto; top:90% } h4.abyanga { color:rgb(12, 112, 25); font:119% bold,italic; height:20%; left:22%; position:relative; text-align:center; text-shadow:3px 3px 3px rgb(255, 255, 255); top:-79% } #headline.fuss { background-color:#c6f8bf80; width:100%; position:relative; top:175px; left:1px; margin-top:29%; height:27px; margin-bottom:1px } #wrapper.imp { width:98%; height:1050px; top:5%; position:relative; margin-top:-13% } #dreieck { position:relative; top:64%; left:12px } #headline.agb { background-color:#87e3a44d; width:100%; position:relative; top:267px; left:1px; margin-top:-11%; height:14%; border-bottom:3px dotted white; margin-bottom:2px; } #starttableindex.agb { left:1%; position:relative; margin-top:1%; float:left; margin-bottom:4%; padding-right:1%; padding-bottom:50px; padding-top:5%; width:89%; padding-left:8%; height:auto; top:-18%; margin-left:-6px; font-size:90% } #sidebar.agb { width:93%; margin:0 auto; margin-top:0px; margin-bottom:0px; margin-left:auto; padding:16px; margin-bottom:5px; height:24%; top:-20%; margin-top:13px; margin-left:7px; left:-22px } #spruchstart.agb { height:50%; position:relative; padding:3%; margin-left:12px; margin-right:3%; background-color:#fff; width:91%; right:1%; display:block; margin-top:0%; font-size:79%; top:-2px } #wasser.agb { position:relative; margin:-42% auto; font-size:98%; width:42%; padding-top:93%; top:-273%; color:#fff; left:113px } #footer.agb { top:-21%; clear:both; width:100%; background-color:#9194CF00; position:relative; margin-top:8px; margin-bottom:5px; height:auto } #copy.agb { margin:0 auto; left:1%; top:-5%; padding:9px; width:93%; display:inherit; height:auto } #main { width:96%; top:-3%; height:929px; margin-top:-43px; left:94px; margin-left:-185px; } #main.imp { width:100%; float:left; background-color:#caf9c300; top:11%; margin-top:3%; margin-bottom:10px; height:994px; left:auto; margin-left:11px } #main.fuss { height:1103px; margin-top:-2%; top:161px; width:100%; left:-10px } #main.navi { width:109%; background-color:#caf9c300; margin-top:112px; margin-bottom:10px; height:52%; top:-8%; left:29% } #header.fuss { height:10%; width:101%; } header { height:300px; width:105%; margin-bottom:10px; top:2px; } #header.imp { height:300px; width:99%; margin-bottom:10px; top:122px; left:-3px; } #starttableindex { margin-top:120px; padding-right:0%; position:relative; margin:0 auto; left:1%; width:60%; margin-bottom:10px; top:-1%; padding-top:65px } #sidebar { width:27%; height:294px; float:left; position:relative; padding:20px; border-style:outset; border-radius:20px; border-color:#B6FFA2; background-color:#DDEFDEB3; left:-1%; margin-bottom:2px; margin-top:5px; margin:0 auto; top:-9% } #sidebar.fuss { width:25%; position:relative; top:1%; margin:0 auto; left:-2px; height:400px; margin-top:5px; } #dreieck.imp { position:relative; margin-top:-31%; left:-2%; display:none } #kurztext.imp { margin:-189px 20px 17px 6px; padding-left:15%; width:380px; top:20px; font: 110%/1.4 sans-serif; } #starttableindex.imp { left:2%; margin-top:19px; margin-bottom:4%; width:55%; height:276px; top:-62%; padding: 11% 5% 30% 2% } #sidebar.imp { width:29%; height:347px; padding:20px; margin-bottom:2px; margin-top:9%; left:-9%; top: -2% } #spruchstart { height:94%; position:relative; padding:3%; margin-left:12px; margin-right:3%; background-color:#fff; width:94%; left:-1%; display:block; margin-top:-1%; font-size:79% } #wechselbild1.start { left:64%; top:auto; width:35%; margin-top:135px } #sprung { display:block; top:-52%; float:right; right:-2%; left:5%; margin-top:101px; width:150px; height:29px; text-align:center; padding-right:13px; } #dreieck.fuss { position:relative; left:1%; margin-top:-30%; top:-18px } #sprung.fuss, #sprung.agb { display:block; top:93%; float:right; position:relative; right:6px; margin-right:7%; font-variant:small-caps } #wasser { position:relative; margin:-42% auto; font-size:98%; width:72%; padding-top:93%; top:27% } #wasser.imp { position:relative; margin:-9% auto; margin-top:-9%; font-size:128%; width:72%; padding-top:93%; margin-top:-89%; top:-18% } #nav, #navyquer.start { display:none; } #herzlich1 { position:relative; left:20%; width:60%; margin-top:-3% } #dreieck { margin-left:4%; max-width:163px; left:18%; top:69%; position:absolute; } h1.fuss { top:-23%; margin-left:-9%; position:relative; font-family:serif; font-size:228% } #ampel.marma { border-radius:30px; display:table-cell; left:410px; position:absolute; top:104px } #naviunten.rückall { color:rgb(0, 0, 128); font:104% serif; position:relative; margin:0px auto; float:right; right:33%; top:-10% } #footer { top:10%; clear:both; width:100%; position:relative; margin-top:-13px; margin-bottom:5px; height:150px; } #footer.fuss { top:10%; clear:both; width:100%; background-color:#9194CF00; position:relative; margin-top:16px; margin-bottom:5px; height:150px; } #footer.imp { top:auto; clear:both; margin-bottom:5px; left:4%; height:137px; margin-top:151%; } #copy.home { width:93%; left:4%; height:auto } #copy.imp { width:80%; margin:0 auto; left:-1%; top:16%; padding:9px; display:inherit; height:auto; } #copy.allg { top:auto; left:auto; height:150px; margin-top:auto; display:inherit; position:absolute; width:98%; font-size:105%; margin-left:-1px } #copy.allg .start { position: relative; top: 61%; left: auto; display: inline-block; list-style-type: none; height: 80px; } #footer.allg { top: 31%; width: 93%; } #wrapper.spez { padding-bottom: 168%; height: 4200px; } } @media screen and (max-width:900px) { #rankefuss.allg { display:none; position:absolute; top:77%; left:66%; width:31%; } #main.allg { margin-top: -13%; margin-bottom: 120px; left: 0%; height: 3500px; top: 4%; width: 100%; } #medien.navform { display: inline-block; position: relative; top: auto; width: 200px; left: 30%; margin-top: 144%; } #sprung.faq { margin-top: 55%; display: block; left: 6%; top: -9%; width: 90px; } #rezensionen{ top:7%; left:8%; } a.rez { font-size: 105%; } #marmalink { display: inline-block; position: relative; left: 23%; margin-top: 15%; } #dreieck.spez{ margin-top:18%; } h1.allg{ margin-top:1%; } header.allg { height: 13%; width: 97%; margin-bottom: 15px; top: 1%; left: 0%; border-style: outset; border-color: #e4d493; } #viererbild1.kontakt { width: 23%; position: relative; display: inline-block; left: 1%; } #viererbild2.kontakt { width: 19%; margin: 4px 10px 1px 0%; padding: 5px 5px 5px 5px; } #viererbild3.kontakt { width: 24%; margin: 4px 3px auto 3px; } #viererbild4.kontakt { width: 27%; margin: 8px 1px 1px -6px; } #bild3.allg { position: relative; left:-4%; top: 3%; } #klasslink { left:15%; margin: -1% 4%; } #viererbilder.kontakt { width: 95%; height: auto; top:3%; font: 90% serif; left: 1%; } #starthome.ganz { width: 95%; left: 3%; font-size: 128%; } #medien.neuinfo { left: 32%; top: 37%; height: auto; } #spruchstart.allg { padding: 4% 12% 23% 8%; left: -99%; top: auto; width: 72%; height: 92%; position: absolute; margin: -3% 2% 2% 99%; } #sprung.spez { left: 5%; position: absolute; margin-left: 3%; top: 82%; margin-top:1%; width: 66%; } h1.imp { top: -65%; left:-9%; } #willk.imp { width: 50%; top: -8%; left: 5%; } #wrapper.spez { margin:0 auto; height:3500px; width:98%; left:2px; position:absolute; top:2px; padding-bottom: 188%; } #headline.mob { display:block; position:relative; top:10%; left:-7%; width:350px; background:#00f0; } #medien.kontakte { position:absolute; width:30%; top:160%; height:99px; margin-top:20px; margin-bottom:20px; left:68% } table.nebenlink { display:table-cell; padding:30px 84px; font-size:120%; width:auto; left:0% } th.oder { display:table-cell; width:141px; padding:3% 2%; } #tel_hoer.allg { display:block; position:relative; top:-18%; left:22%; width:33%; margin-top:-1% } #terminspez.allg { top:32%; margin-top:69%; width:37%; left:auto; margin-left:12%; margin-bottom:30px; position:absolute; height:56px } #kontaktlink { display:none; } #copy.navi { top:auto; left:25%; display:inherit; width:83%; left:7%; height:118px; top:25px; margin-top:8px } #spruchstart { height:94%; padding:3%; margin-left:12px; margin-right:3%; width:94%; left:-1%; margin-top:-100%; font-size:79% } #main.termin { width:98%; margin-top:27%; margin-bottom:120px; top:-19%; height:500px } #wechselbild2.navi { position:absolute; left:2%; top:2%; width:96%; margin:0 auto } #main.navi { width:115%; background-color:#caf9c300; margin-top:112px; margin-bottom:10px; height:1000px; top:auto; left:29% } #navyquer.nurmenue { width:99%; top:14%; margin-left:35%; } #spiegelranke { display: none } #spruchstart.term { height:105%; margin-left:61px; margin-right:3%; width:103%; left:-44%; top:-22px; font-size:97% } #wasser.allg { margin:-9% auto; font-size:120%; width:72%; padding-top:93%; top:-12% } #telklick { display:block } #telklick.imp { height:22px; padding-top:0px; padding-left:63px; position:absolute; top:3%; left:98px; font-size:107%; } #tel_hoer.imp { display:block; position:relative; top:10px; left:-96px; width:53%; margin:0 auto } a.tel:link { color:white; display:block; position:relative; top:-39px; left:58px; width:200px; margin:0 auto } #sidebar.term { width:21%; height:315px; margin-bottom:50px; margin-top:-5%; left:70%; top:20% } #headline.allg { width:87%; left:12px; margin-top:0%; height:132px; margin-bottom:2px; top:-28% } #starthome.termin { width:101%; top:1%; font:106%/1.4 sans-serif; left:-1%; margin-top:3% } #starttableindex.allg { text-align:center; margin-top:120px; padding-right:8%; position:relative; margin:0 auto; margin-top:0px; margin-bottom:0px; margin-top:0px; margin-bottom:0px; left:2%; width:72%; } #wechselbild4.fuss { display:block; width:99%; top:auto; left:0%; position:relative } #navyquer.allmob { width:99%; position:relative; display:none; } #wechselbild1.mass { position:relative; left:-52px; top:-385px } #copy.fuss { width:86%; left:13%; height:auto; top:auto; margin-top:7px; font-size:100%; position:absolute; display:inline } #spruchallg { height:229px; margin-left:750px; margin-top:150px; left:129px; top:-69%; width:346px } #termin.mobil { width:296px; margin-top:21%; padding-left:37px; margin-right:2%; position:relative; top:-164px; display:inherit; float:left; left:79%; text-align:center; background:#93958cd9; height:47px; padding-top:11px; font-size:114%; font-family:navi; color:#1c216e } #navyquer.allmob { width:1000px; position:relative; display:none; float:left; left:1%; top:auto } #wechselbild2.mob { position:relative; top:-275px; left:100px; width:125% } #wechselbild2.fuss { position:relative; left:15px; top:-14%; width:96% } #wechselbild2a.abhy { position:relative; top:-91px; left:-52px; width:133% } #starttableklass.spez { width:82%; height:auto; padding-top:100px; padding-left:60px; top:10px; left:1%; padding-bottom:103px; font-family:serif; font-size:114%; margin-top:10px } #bild.garschan { width:55%; left:-34%; position:relative; display:inherit; margin-top:-120px; text-align:center; } #starthome { width:97%; left:1%; position:relative; display:inherit; align-content:center; margin-left:-36px; margin-top:-82px; text-align:center } #rankefuss.abhy { position:absolute; top:27%; left:74%; margin-bottom:2px; width:46% } #wechselbild2.abhy { display:none; left:225px; top:186px } #bild.allg { width:25%; top:-6%; margin-top:auto; margin-bottom:20px; border-style:outset; border-color:#183509; background:#d8f9d3; left:71%; padding:1px 8px 35px 0px } #wechselbild1.allg { float:right; left:23%; position:relative; margin-top:-64%; width:98%; top:20%; } #wechselbild10.allg { float:right; left:-58%; position:relative; top:-4%; margin-top:-104%; width:73%; } #sidebar.spez { top:auto; position:relative; right:-8%; margin-right:60px; height:352px; left:auto; margin-left:52px; width:94%; margin-top:126%; } #sprung.abhy { display:block; top:-17%; float:right; position:relative; right:3%; margin-top:51px; margin-right:83% } #sidebar1.abhy { width:29%; height:41%; float:left; position:relative; border-style:outset; border-radius:20px; border-color:#B6FFA200; background-color:#DDEFDE00; left:-64%; top:5%; padding:2%; margin-top:10px; margin-bottom:10px } #wassernote { position:relative; top:-31%; left:2px } #ampel.abhy { border-radius:30px; display:table-cell; left:7px; position:relative; top:-150px } #tablefuss.abhy { width:55%; text-align:left; padding-bottom:20px; float:left; margin-bottom:10px; margin-top:189px; top:29%; left:266px; height:522px } #spruchstart.abhy { height:100%; top:44px; left:-30px; width:94% } #wrapper { height:1700px } #wrapper.fuss { width:99%; height:1875px } #dreieck { position:relative; top:271%; left:12px } headline.agb { background-color:#87e3a44d; width:100%; position:relative; top:406px; left:1px; margin-top:1%; height:50%; border-bottom:3px dotted white; margin-bottom:2px } #starttableindex.agb { left:1%; position:relative; margin-top:1%; float:left; margin-bottom:4%; padding-right:1%; padding-bottom:50px; padding-top:12%; width:74%; padding-left:17%; height:auto; top:-19%; margin-left:-8px; font-size:90% } #sidebar.agb { width:86%; margin:0 auto; margin-top:0px; margin-bottom:0px; margin-left:auto; padding:16px; margin-bottom:5px; height:500px; top:-20%; margin-top:13px; margin-left:4px; left:-32px } #spruchstart.agb { height:90%; } #wasser.agb { position:relative; margin:-42% auto; font-size:98%; width:72%; padding-top:93%; top:16%; color:#362958; font-size:124% } #sprung.agb { display:block; float:right; position:relative } #main { width:100%; top:2%; } #main.fuss { height:1100px; margin-top:-2% } header.fuss { height:236px; width:101%; left:20px; } #headline.fuss { background-color:#c6f8bf80; width:100%; position:relative; top:175px; left:1px; margin-top:29%; height:242px; margin-bottom:1px } #dreieck.fuss { position:relative; left:1%; margin-top:-30%; top:-18px } #dreieck.imp { position:relative; margin-top:-25%; left:-2% } header { height:350px; width:102%; margin-bottom:10px; top:auto; margin-top:-18px; margin:0 auto; left:-19px; } #herzlich1 { position:relative; margin-top:-1%; left:4%; width:60%; margin-left:7% } #nav, #navyquer.start { display:none; } #navileiste { display:none; } #dreieck { margin-left:4%; max-width:176px; left:19%; position:absolute; top:108%; } #sprung.imp { margin-top:0%; margin-left:63%; top:auto } h1.fuss { margin-top:2%; left:19%; position:relative; font-family:serif; font-size:228% } #sidebar.fuss { width:25%; position:relative; top:1%; margin:0 auto; left:-11px; height:391px } #wasser.imp { position:relative; margin:-9% auto; margin-top:-9%; font-size:126%; width:71%; padding-top:93%; margin-top:-89% } #starttableindex { width:48%; top:-1%; margin-top:4%; height:auto; padding-bottom:3px; position:absolute; left:107px; } #sprung { display:block; float:right; margin-right:12%; top:-200px; left:125px; width:155px } #sprung.fuss, #sprung.agb { display:block; top:-17%; float:right; position:relative; right:11%; margin-top:51px } #sidebar1.marma { width:33%; height:389px; float:left; position:relative; border-style:outset; border-radius:20px; border-color:#B6FFA2; background-color:#DDEFDE; top:10%; padding:2%; margin-top:30%; margin-bottom:10px; left:-53%; } #fussnote.fuss { top:-23%; left:0%; position:relative; width:58%; height:454px; padding:38px; margin-top:87px } #footer { top:0%; clear:both; width:100%; position:relative; margin-top:5px; margin-bottom:5px; } #footer.fuss { margin-top:0%; clear:both; width:100%; position:relative; margin-top:-25%; margin-bottom:5px; height:150px; top:219px; } #footer.allg { clear:both; width:85%; background-color:#9194CF00; position:relative; margin-top:15px; margin-bottom:5px; height:150px; margin-left:2%; top:67%; } #copy.home { width:86%; left:-20%; height:auto; } #terminspez.allg, #tel_hoer.allg { top:210% ; } #copy.raumstart { font:80% serif; height:116px; margin-bottom:1px; opacity:0.9; left:-16%; display:inherit; width:54%; height:auto; top:90% } #copy.raumnav { width: auto; margin-top: 3%; display: inherit; padding: 29px 23px; margin: 0 auto; top: auto; left: 1%; } } @media screen and (max-width: 875px) { #navyoben.allg .oben a.telinfo { display: flex; width: 75%; font: 100%sans-serif; top: -2%; height: 25px; text-align: center; } ul.oben li.oben { background-color: #f5e8b50d; list-style-type: none; text-decoration: none; } #info.allg { margin-top: -10%; } } @media screen and (max-width: 860px) { #starttableindex.imp { left: 1%; margin-top: 19px; padding: 11% 5% 34% 2%; } #copy.raumimp { top: 28%; padding-bottom: 14%; margin-left: 1%; width: 22% } #dreieck.allg { position: relative; top: -14%; left: 0%; } h1.navi { width: 456%; margin-left: -133%; margin-top: -73%; font-size: 325%; } #spruchstart.imp { padding: 6% 7% 0%; width: 75%; left: -5% } #wasser.imp { margin-top:-94% } } @media screen and (max-width:844px) { #wrapper.rueck { width: 100%; height: 2500px; } table.ganzkoerper { display: table-cell; position: relative; width: 700px; height: 658px; left: 3%; } h2.rue { font-weight: bold; font-size: 104%; margin-top: 5%; } table.nebenlink { font-size: 120%; width: auto; left: -25%; } #oelmassagen.option { display: inline-block; position: relative; width: 132%; height: 700px; left: -16%; } #headline.spez { position: absolute; height: auto; width: 47%; left: 5%; } #navyoben.allg ul.oben { display: flex; position: relative; width: 68%; overflow: hidden; height: 3%; } h1.allg { width: 182%; left:-49%; margin-top: 9%; } #sprung.spez { top: 83%; margin-top: 1%; width: 66%; } #info.allg { margin-top: -45%; width: 185%; left:-22% } #medien.navform { display: inline-block; position: relative; top: 59%; width: 200px; margin: 14% 27%; height: 200px; } #copy.raumnav { width: 85%; margin-top: 3%; display: inherit; padding-bottom: 3px; margin: 0 auto; top: -2%; left: 10%; } #rezensionen { margin-top:33%; position: absolute; width: 73%; left: 11%; margin-top: 51%; } #viererbilder.kontakt { width: 93%; } #starttableindex.imp { left: 4%; margin-top: -26%; padding: 11% 5% 42% 2%; } #spruchstart.allg { padding: 4% 12% 23% 8%; left: -96%; top: -21%; width: 75%; height: 66%; position: absolute; } header.imp { margin-top: 17% } #copy.raumimp { top: 17%; padding-bottom: 14%; width: 22% } #wrapper.termin { width:96%; margin:0 auto; height:1261px; top:-87px } #medien.neuinfo { left:41%; width: 40%; height: auto; } #willk.imp { width: 50%; top: 5%; left: 8% } #nebenlink.ruefu { display:block; position:relative; left:15%; margin-left:-6%; width:500px; } h1.imp { font-size:250%; top:-98%; } a.neuinfo { text-shadow:none; font-weight:normal; } #footer.imp { top:auto; clear:both; margin-bottom:5px; left:-2%; height:137px; margin-top:151% } #main.termin { width:91%; margin-top:3%; margin-bottom:120px; height:500px; background:#add8e600; top:19%; position:absolute; left:-39px; } td.kontakte { display:none; height:60px; background-color:lightgreen; border-radius:15px; width:400px; } table.medien { display:table-cell; width:70%; padding-left:1%; height:auto; text-align:center; left:auto; position:relative; top:auto; position: absolute; } td.zwischen { display:table-cell; height:20px; } td.termonline { display:table-cell; background-color:#e670e6; height:60px; border-radius:15px; } td.hoerer { display:table-cell; height:20px; } #medien.kontakte { position:relative; display:block; width:80%; top:56%; height:99px; margin-top:20px; margin-bottom:20px; left:-35px; } tr.zwischen { display:table-cell; width:80%; height:10px; } #copy.imp { width:79%; margin:0 auto; left:1%; top:16%; padding:9px; display:inherit; height:auto } #main.navi { width:97%; background-color:#caf9c300; margin-top:11%; margin-bottom:10px; height:1000px; top:-6%; left:26% } h1.bau { font-size:247%; color:navy; font-weight:bold; font-style:italic; top:-36%; left:-21% } #headline.allg { width:87%; left:12px; margin-top:1%; height:132px; margin-bottom:2px; top:40% } #wasser.allg { margin:-9% auto; font-size:120%; width:72%; padding-top:93%; top:0%; position:absolute } a.term:link { color:white; display:block; top:-38px; left:10px } #starthome.termin { width:89%; top:1%; font:106%/1.4 sans-serif; left:16%; margin-top:3% } #navyquer.allmob { width:99%; position:relative; display:none; } #starthome.ganz { width:100%; left:-8%; position:relative; margin-left:3px; margin-top:-59px; text-align:center; display:inherit; height:auto } ul.start { display:inherit; position:relative; left:1px; margin:0 auto; top:auto; padding:10px; width:auto; } #wechselbild3.allg { left:-15px; position:relative; top:56px } #navyquer ul.sub > li.frueh { border:2px solid; padding:1px; } #ruecklink { position:relative; left:-128px; top:1px; display:inline-block; width:0px } #fusslink { position:relative; left:293px; top:-33px; display:block; width:180px; margin-left:70px } #fusslink { position:relative; left:253px; top:-33px; display:block; width:180px; margin-left:70px } #kontaktlink { position:relative; left:-3%; top:13px; width:350px } #bild3.allg { position:relative; width:64%; top:14px; border-style:outset; padding:7px 36px; color:white; margin:3% 19%; } #bild.marma { position:relative; display:block; top:54px; font-size:158%; left:241px } header.navi { height:24%; width:115%; margin-bottom:10px; left:0%; margin-top:5%; top:1% } #bild.marma { position:absolute; display:block; top:20%; font-size:188%; left:58%; } #fruehangeb { position:absolute; font:134%/1.4 small; font-style:oblique; display:block; background:#00f0; left:19%; font-family:serif; width:111px; text-align:center; top:2%; background:#80808000; text-decoration:underline } #bild.garschan { position:absolute; display:block; top:71%; font-size:180%; left:-5%; background:#add8e600; width:300px } #bild.allg { position:absolute; width:22%; top:-8%; margin-top:auto; margin-bottom:20px; left:76%; padding:1px 1px 26px 0px; height: 226px; } ul.rueklass { position:relative; text-align:left; margin-left:-3%; margin-top:98px; font-style:inherit; font-size:90%; width:45%; top:35px; left:50px } #dreieck.spez { position:relative; top:auto; left:-22%; width:46%; margin-left: 3%; margin-top: 14%; } #navyquer.nurmenue { width:98%; top:23%; margin-top:22%; position:relative; background:#ffffe000 } #wechselbild2.navi { position:absolute; left:-2%; top:-68px; width:96%; } #starttablemobil { font-family:serifte, navy; text-align:center; color:navy; width:78%; padding-left:50px; padding-right:50px; margin-top:auto; margin-left:26px; height:auto; top:1%; left:6% } #sprung.mobile { display:block; float:right; position:relative; top:-41px; margin-top:-991px; left:-63%; margin-bottom:20px } #startfuss.mob { width:107%; font:88%/1.4 sans-serif; top:-16px; position:relative; left:-47px } #herz.mob { display:block; color:#0C7019E0; height:10px; text-shadow:-2px 2px 2px; position:relative; margin-top:-41%; left:27px; float:left; top:101%; width:96% } #startfuss { width:450px; font:105%/1.2 serif; margin-left:20px; margin-top:30px } #starttableklass.spez { width:72%; padding-top:41px; padding-left:118px; top:2%; left:20px; height:auto; margin-bottom:20px; margin-top:33px; padding-bottom:28px } #sidebar.spez { width:95%; margin-top:0px; margin-bottom:0px; padding:18px; margin-bottom:25px; height:353px; top:45%; margin-top:27%; left:auto; display:inherit } #wechselbild2.mob { width:93%; margin-left:-9%; margin-top:-153px; margin-bottom:10px; float:left; top:auto } #dreieck.mob { margin-left:4%; max-width:200px; left:42%; top:57%; position:absolute; margin-top:122px; display:block; position:relative } #dreieck.navi { position:absolute; margin-top:-72%; left:31%; top:38%; margin:0 auto } #main.imp { width:92%; float:left; background-color:#caf9c300; margin-top:-7%; margin-bottom:10px; height:590px; left:-2% } #wechselbild1.allg { width:73%; margin-left:1%; margin-top:-92%; top:95%; left:21%; } #wechselbild10.allg { width:51%; margin-left:-33%; margin-top:-108%; margin-bottom:10px; float:left; left:36%; } #starttableklass.allg { width:75%; padding-top:41px; padding-left:118px; top:-182px; left:11px; height:auto; margin-bottom:20px; margin-top:20px } #spruchstart { margin-top:-16%; width:402px; display:flex; text-align:center; left:-38%; padding: 31%; background: #b93aa5; border-radius: 22px; } #sprung.allg { margin-top:-167px; width:311px; display:flex; text-align:center; left:23px } #navyquer.allg { display:none; width:99%; position:relative; margin-top:-38px; float:left; left:-3%; top:-1433px } #dreieck.fuss { position:relative; left:12%; margin-top:-30%; top:188px } #spruchallg { height:auto; margin-left:15%; margin-top:194px; left:1%; top:auto; width:562px; position:absolute } #herz { display:block; color:#0C7019E0; height:10px; text-shadow:-2px 2px 2px; position:relative; margin-top:-41%; left:27px; float:left; top:101%; width:96% } h1 { text-shadow:3px 3px 3px #fff; padding-left:18%; margin:0 auto; position:relative; font-family:serif; font-size:128%; color:#261f7b; top:1038%; left:53%; width:379px } header.agb { height:2%; width:99%; margin-bottom:10px; margin-top:87px; top:auto } #dreieck.kontakt { margin-left:4%; max-width:200px; left:1%; top:60%; position:absolute; margin-top:105px } #wechselbild2.advent { position:absolute; left:5%; top:auto; width:90%; margin-top:2px; margin-bottom:5px; height:auto } #wechselbild2.fuss { position:absolute; left:5%; top:auto; width:90%; margin-top:-123px; margin-bottom:5px; height:2% } #gutschein.mobile { position:relative; float:right; right:21%; margin-right:-8%; } #wechselbild1.mass { position:relative; left:166px; width:170%; top:-39px } #wechselbild1.start { left:-8%; top:69px; width:80%; margin-top:133px } #main.allg { width:99%; margin-top:96%; margin-bottom:120px; height:3500px; top:-1%; position:absolute; left:2px; } #dreieck.terminonline { position:relative; top:21%; left:auto } #sprung.allg { display:block; margin-top:25%; float:left; margin-left:67%; width:140px } #spruchstart.term { height:111%; position:relative; padding:3%; margin-left:61px; margin-right:3%; background-color:#99319099; width:123%; left:-66%; display:block; margin-top:-4px; margin-bottom:20px } #sidebar.term { width:26%; height:264px; float:right; position:relative; padding:20px; border-style:outset; border-radius:20px; border-color:#B6FFA2; background-color:#DDEFDE; margin-bottom:50px; margin-top:-81%; left:14%; top:15%; display:block; padding:4%; margin-right:10% } #starttableindex.allg { padding-right:3%; left:0%; width:84%; margin-top:-73px; height:auto; padding-top:30px; padding-bottom:96px; top:101px; border-color:#bfbaba } #starthome { width:117%; padding-right:1px; text-align:center; margin-left:-87px; margin-top:20px; font-size:138% } #dreieck.allg { position:relative; top:-17%; left:76px; margin-top:16%; max-width:16%; display:block } h1.rueallg { font-size:345%; font-weight:bold; font-style:italic; top:-198px; left:-12%; margin-top:15px; width:418px; } #spiegelranke { position:relative; top:20%; margin-left:5px; background-color:#caf9c300; height:150px; margin-bottom:2px; left:58% } #rankeumkehr { position:relative; top:77px; left:75px; width:77%; margin-top:2%; background-color:#00f0 } #navyquer.navi { width:96%; margin-top:9px; left:-13px; top:20px; display:block; margin-bottom:20px; } #navyquer a.navi { color:beige; } h4.abyanga { color:rgb(12, 112, 25); font:119% bold,italic; height:20%; left:-13%; position:relative; text-align:center; text-shadow:3px 3px 3px rgb(255, 255, 255); top:-67% } #headline.fuss { background-color:#c6f8bf80; width:100%; position:relative; top:211px; left:1px; margin-top:17%; height:112px; margin-bottom:1px } #sprung.abhy { display:block; top:44%; float:right; position:relative; right:11%; margin-top:-5% } #sidebar.abhy { width:29%; height:471px; float:right; position:relative; padding:20px; border-style:outset; border-radius:20px; border-color:#B6FFA2; background-color:#DDEFDE80; margin-bottom:2px; top:2%; left:-1% } #sidebar1.abhy { width:30%; height:46%; float:left; position:relative; border-style:outset; border-radius:20px; border-color:#B6FFA2; background-color:#DDEFDE99; left:4%; top:3%; padding:2%; margin-top:10px; margin-bottom:10px } #wassernote { position:relative; top:-49%; left:2px } #rankefuss.abhy { position:absolute; top:23%; left:81%; margin-bottom:2px; width:68% } #sidebar1.abhy { width:36%; height:486px; float:right; padding:20px; padding:2%; left:-8%; top:1% } #ampel.abhy { top:-124%; } #ampel.abhy1 { border-radius:30px; display:table-cell; left:67%; position:relative; top:-434px } td.kurztextabhy { font:95%/1.2 serif; width:90%; float:left; margin-left:-59px; text-align:left; margin-left:-28%; margin-top:1% } #tablefuss.abhy { width:60%; text-align:left; padding-bottom:20px; float:left; margin-bottom:10px; margin-top:189px; top:41%; left:1%; height:522px } #wechselbild1.agb { left:10px; clear:both; } #wechselbild2a.abhy { position:relative; top:-136px; left:-83px; } #wechselbild2.abhy { display:none; } #wasser.agb { position:relative; margin:-42% -60px; font-size:98%; width:72%; padding-top:93%; top:-54%; color:#362958; font-size:124%; } td.abhypreis { display:table-cell; float:left; font:90% serif; margin-left:8px; margin-top:-2px; } #wrapper { height:1200px; margin-top:0px; margin:0 auto; margin-left:2%; width:99% } #wrapper.fuss { height:2540px; } #wrapper.imp { width:99%; height:auto } #dreieck { position:relative; top:64%; left:12px } #main { width:100%; margin-top:5px; margin-bottom:10px; height:1168px; top:-1%; background-color:#f5f5dc00; left:20%; } #main.fuss { height:1862px; margin-top:-12%; left:-2%; top:69px } header.fuss { height:10%; width:102%; top:6px; } header { height:272px; width:99%; margin-bottom:10px; margin-top:auto; top:-10%; left:5px; } #herzlich1 { position:relative; margin-top:-1%; left:12%; width:59% } #dreieck { margin-left:4%; max-width:200px; left:16%; top:74%; position:absolute; margin-top:-7px; } #starttableindex { width:63%; top:auto; margin-top:-5%; position:relative; left:-13px; } #starttableindex.fuss { width:85%; padding:6%; margin-bottom:10px; margin:0 auto; margin-top:2%; margin-left:-3%; text-align:left; } #wechselbild3.imp { position:relative; top:-30px; left:-2%; width:90%; } #sidebar.imp { width:38%; height:78%; position:relative; padding:20px; margin-bottom:2px; margin-top:20%; margin-right:5%; top:auto } #wasser.imp { position:relative; margin:-9% auto; margin-top:-9%; margin-top:-9%; width:72%; padding-top:85%; margin-top:-81%; font-size:120% } #starthome.marma { width:87%; text-align:left; padding:29px } #kurztext.imp { width:88% } #sidebar.fuss { width:90%; position:relative; height:333px; margin-bottom:10px; left:2%; top:1%; margin-top:48px; float:left } #sidebar.marma { width:40%; height:406px; float:right; position:relative; padding:20px; margin-bottom:2px; top:-4%; right:19%; margin-top:4%; margin-right:18px } #wasser.marma { position:relative; margin:-9% auto; font-size:98%; width:81%; padding-top:94%; top:-6% } #sidebar1 { width:88%; height:478px; top:39%; margin-top:10px; margin-bottom:10px; left:-4%; } #sidebar1.fuss { width:32%; height:500px; float:right; padding:20px; padding:2%; left:-36%; top:2% } #sidebar1.marma { width:39%; height:373px; float:left; position:relative; border-style:outset; border-radius:20px; border-color:#B6FFA2; background-color:#DDEFDE; top:14%; padding:2%; margin-top:18%; margin-bottom:10px; left:53% } #wechselbild2.fuss { position:relative; left:3%; top:114px; width:96%; margin-top:3px } #wasser { position:relative; font-size:98%; width:91%; top:-66% } #sprung { display:block; margin-top:2%; float:right; margin-right:12%; top:-937px; } #sprung.fuss { display:block; float:right; margin-right:7%; margin-top:159px; top:-1032px } h1.fuss { margin-top:4%; left:20%; position:relative; font-family:serif; font-size:228%; float:left; top:-151px } #spruchstart.fuss { height:95%; position:relative; padding:4%; width:92%; right:12%; display:block; margin-left:12%; margin-top:-39px; background:linear-gradient(to right, #a6b32780 0%,#263b0099 99%); background-color:rgba(0, 0, 0, 0); background-color:rgba(0, 0, 0, 0) } #wasser.fuss { position:relative; margin:-9% auto; font-size:98%; width:72%; padding-top:93%; top:-96% } #sidebar.allg { display:inherit; margin:0 auto; margin-top:0px; margin-bottom:0px; margin-top:0px; margin-bottom:0px; padding:18px; margin-bottom:25px; height:256px; top:14px; margin-top:21%; left:1%; width:69% } #tablefuss { width:62%; padding-bottom:20px; padding-right:1%; float:left; margin-bottom:10px; height:auto; top:50%; left:5px; margin-top:20px; padding-left:31%; height:514px; } #tablefuss.marma { width:37%; position:relative; top:-1%; right:2%; height:692px; padding-bottom:31px; padding-left:8%; margin-bottom:10px; margin-top:-63%; margin-right:51%; float:right } #fussnote.fuss { top:-12%; left:11%; position:relative; width:74%; height:84%; padding:38px; margin-top:-49px } #tablefuss.fuss { width:48%; position:absolute; top:58%; left:2%; height:507px; padding-bottom:31px; padding-left:8%; margin-bottom:10px; margin-top:-3%; margin-left:2%; padding-top:4% } #rankefuss { display:inline; position:absolute; top:31%; left:61%; width:45% } #footer { top:-1%; clear:both; width:100%; position:relative; margin-top:5px; margin-bottom:5px; } #footer.fuss { clear:both; width:100%; position:relative; margin-top:11px; margin-bottom:5px; height:137px; top:4%; left:0%; } #copy.home { width:92%; left:-15%; height:auto } #copy.home { width:78%; left:13%; height:61px; top:auto; position:absolute; display:inline; margin-top:10px } #footer.navi { top:auto; clear:both; width:100%; background-color:#9194CF00; position:relative; margin-top:-123px; margin-bottom:5px; height:auto; left:16%; background-color:#f5f5dc00; margin:0 auto; } #copy.navi { width:74%; height:104px; top:314%; left:-2%; display:inline; text-align:center; margin-top:auto; position:absolute; list-style-type:none } h.navi{ width: 440%; } #copy.moballg { top:auto; left:11px; width:90%; margin-top:46px } #rankefuss.mobil { display:inline; position:absolute; top:8%; left:78%; margin-left:28px } #starttableklass { width:78%; height:421px; padding-top:41px; padding-left:118px; top:401px; left:11px } #sprung.fuss { display:block; float:right; margin-right:-6%; margin-top:124px; position:fixed } #sprung.imp { margin-top:-17%; float:left; margin-left:0%; left:66%; position:relative; top:-83px; } h1.start { font-size:18%; color:#caf9c3; font-weight:bold; font-style:italic; text-align:center; position:relative; top:120%; float:right; right:50%; margin-top:auto } #footer.allg { clear:both; width:100%; background-color:#9194CF00; position:relative; margin-top:30px; margin-bottom:5px; height:150px; margin-left:4%; top:126%; } #footer.fuss { clear:both; width:100%; position:relative; margin-top:28px; margin-bottom:5px; height:137px; top:42%; left:0% } #copy.allg { top:104%; width:87%; left:auto; height:150px; } #termin.mobil { width:26%; margin-top:21%; padding-left:37px; margin-right:2%; position:relative; top:-136px; display:inherit; float:left; left:27%; text-align:center; background:#93958c96; height:47px; border-radius:16px; padding-top:11px; font-size:114%; border:#909690; border-top-style:none; border-right-style:none; border-bottom-style:none; border-left-style:none; border-top-style:none; border-right-style:none; border-bottom-style:none; border-left-style:none; border-style:outset; font-family:navi; color:#1c216e; } } @media screen and (max-width: 820px) { #sidebar.spez { top: -38%; left: 3%; display: inherit; width: 83%; } #wrapper.spez { margin: 0 auto; height: 3500px; width: 98%; left: 2%; position: absolute; top: 2px; } #medien.neuinfo { left: 41%; width: 40%; height: auto; } .ruema span { display: block; width: 88%; } } @media screen and (max-width:800px) { #copy.raumimp { padding: 15px 29px 20%; } #medien.neuinfo { left: 41%; top: -10%; width: 40%; height: auto; margin-top: 147%; } #rezensionen { position: absolute; width: 76%; left: 10%; } #info.allg { margin-top: -15%; width: 195%; left: -28%; } #main.navi { width: 118%; background-color: #caf9c300; margin-top: 11%; margin-bottom: 10px; height: 1000px; top: -6%; left: 26%; } h2.muessen { font-size: 120%; margin-top: 18%; } #sprung.spez { top: 79%; margin-top: 1%; width: 66%; left:6%; } #main.allg { width: 98%; margin-top: 3%; margin-bottom: 120px; top: 13%; position: absolute; left: 5px; } #wechselbild4.allg { left: -4%; max-width: 99%; top: -23%; } #viererbild4.kontakt { width: 25%; margin: 7px 1px 2px 0px; height: auto; } #bild3.allg { position: relative; width: 59%; top: 8px; } #starthome.ganz { color: #5a0909; } h1.allg { width: 196%; left: -59%; margin-top: -9%; } #dreieck.spez { position:absolute; left:-25%; margin-top:17%; } #spiegelranke { position:relative; top:20%; margin-left:5px; height:150px; margin-bottom:2px; left:58%; } #spruchstart.allg { left:-98%; top: auto; font-size: 68%; } #spruchstart.imp { padding: 6% 7% 0%; width: 75%; left: 35%; height: 85% } #bild.allg { position:absolute; width:25%; top:-5%; margin-top:auto; margin-bottom:20px; left:71%; padding:1px 1px 1% 0px; height: 268px; } #copy.raumnav { width:83%; height:auto; margin-top:-410px; left:25%; display:block; padding:6px; margin-bottom:5px; margin-left:-18%; top:41%; font-size:83%; background: #b4e173a6; opacity: 1.0; } #sidebar.imp { width:81%; height:65%; position:relative; padding:20px; margin-bottom:2px; margin-top:99%; margin-left:18%; top:auto } #starttableindex.imp { left:9%; margin-top:-100%; margin-bottom:4%; padding-bottom:28%; width:67%; padding-left:11%; height:55% } #copy.raumstart { font:80% serif; height:116px; margin-bottom:1px; opacity:0.9; left:-17%; display:inherit; width:46%; height:auto; top:80% } h1.imp { top:-78%; margin-left:2%; position:relative; font-family:serif; font-size:258%; top:-84%; } #willk { position:relative; display:block; top:-3%; left:114px; max-width:67% } #bild.marma { position:absolute; display:block; top:8%; font-size:158%; left:16%; width:300px } #wechselbild1.allg { width:73%; margin-left:1%; margin-top:-91%; margin-bottom:10px; float:left; top:228%; left:48%; } #spruchstart { width:59%; margin-left:-33%; margin-top:2%; margin-bottom:10px; float:left; left:4%; position:absolute; height:68%; } #wechselbild10.allg { width:57%; margin-left:-33%; margin-top:-110%; margin-bottom:10px; float:left; left:178px } #starttableklass.spez { width:73%; padding-top:41px; padding-left:118px; top:1px; left:17px; height:auto; margin-bottom:54px; margin-top:33px; padding-bottom:66px } #tel_hoer.allg { top:36%; margin-top:84%; width:37%; left:48%; margin-left:12%; margin-bottom:30px; position:absolute; height:56px } #terminspez.allg { top:36%; margin-top:84%; width:37%; left:auto; margin-left:12%; margin-bottom:30px; position:absolute; height:56px } } @media screen and (max-width: 760px) { #navyoben.allg ul.oben { width: 79%; overflow: hidden; height: 3%; margin-right: 1%; } } @media screen and (max-width:750px) { #medien.navform { display: inline-block; position: relative; top: 44%; width: 200px; left: 21%; margin-top: -59%; } #klasslink { position: relative; left: 28%; margin: -9% -14%; width: 497px; height: 49px; } #main.allg { width: 100%; margin-top: 3%; margin-bottom: 120px; height: 2400px; top: 13%; position: absolute; left: -9px; } a.allklassopt { display: table-cell; width: 700px; height: 70px; top: -16%; text-align: center; font-size: 104%; font-family: chopin script, serif; left: -2%; } #footer.allg { top: 126%; } #dreieck.spez { position: absolute; left: -18%; margin-top: 14%; } h1.navi { width: 556%; margin-left: 33%; margin-top: -173%; font-size: 325%; } h1.allg { width: 187%; left: -51%; margin-top: -5%; font-size: 320%; } #viererbild1.kontakt { top: 3px; } h2.muessen { font-size: 99%; top:1%; margin: 83px 1px 60px 9px; left: -23%; } table.medien { display: table-cell; width: 70%; padding-left: 1%; height: auto; text-align: center; left: auto; position: absolute; margin: 242% 14%; } #copy.raumimp { font-size:80%; width:76%; left:8%; padding: 8px 11px 0%; top: 24%; background: #0080006b; color: black; } #copy.allg { top: auto; width: 87%; left: 9%; height: 129%; margin-left: -7%; } #willk.imp { width: 50%; top: -4%; left: 19%; } #bild.garschan { position: absolute; display: block; top: 80% } #medien.neuinfo { left: 33%; top: 51%; margin: -292% 20px 20px 20px; } #spruchstart.allg { padding: 4% 12% 23% 8%; left: -104%; top: -31%; width: 75%; height: 66%; position: absolute; } #sidebar.imp { width: 81%; top:-5%; height: 39%; margin-left: 14%; } header.imp { margin-top: 10%; } #spruchstart.imp { padding: 6% 7% 2%; width: 75%; left: 5%; } #bild.allg { position:absolute; width:20%; top:-8%; margin-top:auto; margin-bottom:20px; left:75%; padding:1px 1px 7px 0px; height: 7%; } #nebenlink.ruefu { display:block; position:relative; left:23px; margin-left:-15%; font-size:90% } h1.imp { top:-78%; margin-left:6%; position:relative; font-family:serif; font-size:228%; top:-33% } #wechselbild4.allg { width:104%; left:0%; position:relative } #starttableindex.imp { margin-top:-80%; width: 75%; padding-bottom: 6%; padding-left: 0%; top: -60%; } #copy.raumstart { font:80% serif; height:116px; margin-bottom:1px; opacity:0.9; left:-17%; display:inherit; width:52%; height:auto; top:95% } #terminspez.allg { top:200%; margin-top:84%; width:37%; left:auto; margin-left:12%; margin-bottom:30px; position:absolute; height:56px } table.nebenlink { display:table-cell; padding:3px 102px; font-size:110%; width:auto; left: 0%; } td.termonline { display:table-cell; background-color:#ee8bee94; height:6%; border-radius:15px; } #medien.kontakte { width:94%; top:64%; height:99px; margin-top:20px; margin-bottom:20px; left:-14px; margin-left:-38%; } #bild.marma { position:relative; display:block; top:55px; font-size:158%; left:261px; width:300px } td.termonline { display:table-cell; background-color:#ee8bee94; height:auto; border-radius:15px; padding:3px; border: outset; border-color: #eaea64; } #tel_hoer.allg { top:187%; margin-top:84%; width:37%; left:48%; margin-left:10%; margin-bottom:30px; position:absolute; height:56px } #bild.marma { font-size:187%; left:51%; width:250px; top:24%; position: absolute; } #wechselbild10.allg { width:47%; margin-left:-33%; margin-top:-84%; margin-bottom:10px; float:left; left:33%; } #main.termin { width:97%; margin-top:29%; margin-bottom:120px; height:auto; top:8%; left:3% } #sidebar.spez { top:132%; margin-top:15%; left:2%; position:absolute } #starttableklass.spez { width:73%; top:1px; left:8px; height:auto; margin-bottom:54px; margin-top:3px; padding-bottom:66px } #dreieck.navi { position:absolute; margin-top:-72%; left:5%; top:115%; margin:0 auto } #main.imp { width:97%; float:left; background-color:#caf9c300; top:27%; margin-top:19%; margin-bottom:10px; height:994px; left:-2% } #wechselbild2.navi { position:absolute; left:1%; top:-11%; width:105%; } header.navi { height:161px; width:98%; margin-bottom:10px; left:0%; margin-top:-10%; top:1% } #navyquer.nurmenue { width:90%; top:24%; left:62%; } #wasser.allg { margin:-9% auto; font-size:120%; width:84%; padding-top:93%; top:-4% } a.term:link { color:white; display:block; top:-38px; left:24% } #tel_hoer.term { top:20px; left:2px; width:48%; margin:0 auto } #sidebar.term { width:26%; height:264px; margin-bottom:50px; margin-top:-81%; left:14%; top:-3%; display:block; padding:4%; margin-right:10% } #starthome.termin { width:65%; top:1%; font:106%/1.4 sans-serif; left:4%; margin-top:3% } #wrapper { height:1598px; margin:0 auto; top:22px } #main.navi { width:130%; background-color:#caf9c300; margin-top:91px; margin-bottom:10px; height:1000px; top:auto } #bild3.allg { position:relative; width:74%; margin-top:2%; margin-top:1px; margin-bottom:50px; margin-left:-1%; border-style:outset; padding:4px; color:white; margin-top:5%; left:12% } h1.rueallg { font-size:258%; font-weight:bold; font-style:italic; top:-113px; left:-11%; margin-top:15px; margin-bottom:10px; height:110px; width:500px } h1.mobile { text-shadow:3px 3px 3px #fff; padding-left:18%; position:relative; font-family:serif; font-size:143%; color:#261f7b; top:-2%; font-style:italic; left:-11%; width:68%; margin-top:27% } #starttablemobil { border:outset; border-radius:15px; padding:20px; font-family:serifte, navy; width:84%; display:flex; flex-flow:column; text-align:center; color:navy; background-color:#cfe6e699; border-color:#b3afaf; margin-left:20px; } #sprung.allg { display:block; margin-top:-3%; float:right; margin-right:-3%; top:auto } #ampel.abhy { display:none; top:-125%; margin-bottom:2px } #wechselbild2a.abhy { position:relative; top:-81px; left:-83px } #wechselbild1.allg { max-width:124%; margin-left:-23%; margin-top:1%; margin-bottom:10px; float:left; top:35%; position:absolute; } #dreieck.allg { position:relative; top:-76%; left:-7% } #dreieck.imp { position:relative; margin-top:11%; left:-2% } #dreieck.allg { position:relative; top:-2%; left:13%; margin-top:10px; width:17% } #copy.raumnav { width:48%; left:-66px; height:auto; margin-top:10px; top:180%; left:13%; display:flex; padding:30px; margin-bottom:5px; flex:content; text-align:center } #starthome { width:81%; margin:0 auto; padding-right:1px; text-align:left; margin-left:-31px } #sidebar.bau { width:27%; height:404px; float:right; position:relative; padding:20px; border-style:outset; border-radius:20px; border-color:#B6FFA2; background-color:#DDEFDE; margin-bottom:2px; margin-top:11%; left:-22%; top:-48% } #wechselbild2.advent { position:absolute; left:1%; top:2px; width:100%; margin-top:1% } #starttableindex.allg { margin-top:22px; padding-right:2%; margin-bottom:0px; left:0%; width:82%; height:auto; font-size:99%; padding-left:7%; font-family:serif; border:outset; border-radius:15px; display:block; text-align:center; top:auto; height:auto } #sidebar.abhy { width:38%; height:471px; float:right; position:relative; padding:20px; border-style:outset; border-radius:20px; border-color:#B6FFA2; background-color:#DDEFDE80; margin-bottom:2px; top:2%; left:-1% } #tablefuss.abhy { width:60%; text-align:left; padding-bottom:20px; float:left; margin-bottom:10px; margin-top:189px; top:41%; left:4%; height:522px } #wassernote { position:relative; top:-35%; left:2px } #übersicht.marma { position:relative; top:-157px; left:223px } #wrapper.fuss { height:2582px; } #wrapper.imp { width:99%; height:1381px } #main { width:100%; height:430px; margin-top:124px; top:auto; } #main.imp { width:100%; float:left; top:-3%; margin-top:-1%; margin-bottom:10px; height:966px; margin-top:18% } main.fuss { height:2052px; margin-top:14%; left:1% } #sprung.agb { display:block; float:right; position:relative; top:-250px } #starttableindex.agb { left:1%; position:relative; margin-top:1%; float:left; margin-bottom:4%; padding-right:1%; padding-bottom:50px; padding-top:9%; width:71%; padding-left:16%; height:auto; top:-19%; margin-left:14px; font-size:90% } header.fuss { height:225px; width:101%; } #dreieck { position:relative; top:-41%; left:12px } #starttableindex { width:89%; top:3%; margin-top:10px; padding-left:91px; left:-46px; font-family:sans-serif } #starttableindex.fuss { width:93%; padding:45px; margin-bottom:10px; margin:0 auto; margin-top:3%; padding:5px; left:25px; height:19% } #starthome { width:81%; margin:0 auto; margin-left:auto; padding-right:1px; text-align:left; margin-left:-31px; color:navy } #sidebar.fuss { width:91%; position:relative; height:407px; margin-bottom:10px; left:6px; top:-11%; margin-top:259px } #sidebar1 { left:-1%; width:92%; height:550px; margin-top:10px; margin-bottom:10px; position:relative; top:93% } #sidebar1.fuss { width:88%; height:489px; float:left; position:relative; padding:20px; border-style:outset; border-radius:20px; border-color:#B6FFA2; background-color:#DDEFDEB3; padding:2%; margin-top:13px; margin-bottom:10px; left:22px; top:31% } #wasser { position:relative; margin:-50% auto; font-size:123%; width:72%; padding-top:93%; top:-38% } #wasser.imp { position:relative; margin:-9% auto; margin-top:-9%; font-size:98%; width:72%; padding-top:93%; margin-top:-83% } #sprung { display:block; margin-top:-250px; float:right; margin-right:3%; position:relative; margin-right:8%; } #sprung.mobile { display:block; float:right; position:relative; top:auto; margin-top:-168%; left:-9px } #spruchstart { height:93%; position:relative; padding:18%; margin-left:2px; margin-right:3%; background-color:#de95d2; width:100%; left:-37%; margin-top:-26%; font-size:79%; height: 260px; padding-top: 66px; } #sprung.agb { display:block; float:right; position:relative } #tablefuss { width:63%; text-align:center; padding-bottom:20px; float:left; margin-bottom:3px; height:506px; top:45%; left:5px; margin-top:20px } #spiegelranke { position:relative; top:-353px; margin-left:5px; background-color:#caf9c300; height:150px; margin-top:20px } td.abhypreis { display:table-cell; float:left; font:90% serif; margin-left:8px; margin-top:-11px; width:136px } td.kurztextfuss { margin:-3%; font:90%/1.2 serif; width:90%; float:left; text-align:left; padding-bottom:11px } #footer { top:2%; clear:both; width:100%; position:relative; margin-top:5px; margin-bottom:5px } #footer.fuss { top:5%; clear:both; width:100%; background-color:#9194CF00; position:relative; margin-top:5px; margin-bottom:5px; height:150px; } #footer.imp { top:-14%; clear:both; margin-bottom:5px; left:0%; height:134px; margin-top:205%; } #footer.navi { top:auto; clear:both; width:100%; background-color:#9194CF00; position:relative; margin-bottom:5px; height:188px; left:4px; background-color:#f5f5dc00 } #copy.fuss { width:100%; top:-80%; height:auto; display:inherit; left:-23% } #copy.home { width:88%; left:3%; height:auto } #navyquer.allg { display:none; } #gutschein.mobile { position:absolute; top:79%; left:125px; width:74% } #wechselbild1.mass { position:relative; left:-3%; top:-10px; margin-top:0%; width:416px } #copy.raumnav { width:75%; height:auto; margin-top:10px; top:2%; left:4%; display:block; padding:14px; margin-bottom:5px; margin-left:15%; margin:0 auto; font-size:80% } } @media screen and (max-width: 712px) { #headline.spez { position: absolute; height: auto; width: 60%; left: 5%; } #info.allg { margin-top: -15%; width: 175%; left: -37%; } #rezensionen { margin-top: 60%; position: absolute; width: 76%; left: 10%; } } @media screen and (max-width:700px) { #viererbild.kontakt { width: 94%; left: 2%; top:-42%; } #spruchstart { padding: 18%; padding-top: 18%; width: 100%; height: 260px; padding-top: 66px; } #oelmassagen.option { display: inline-block; position: relative; width: 132%; height: 700px; left: -20%; } #bild3.allg { position: relative; width: 74%; margin-top: 2%; margin-top: 1px; margin-bottom: 50px; margin-left: -1%; border-style: outset; padding: 4px; color: white; margin-top: 5%; left: 9%; } table.ganzkoerper { display: table-cell; position: relative; width: 600px; height: 658px; } a.allabhyopt { text-align: center; font-size: 124%; font-family: chopin script, serif; } td.abhyopt { display: inherit; position: relative; height: 40px; width: 90%; } a.allmarmopt { width: 600px; top: -16%; font-size: 123%; left: 0%; } #navyoben.allg ul.oben { width: 84%; overflow: hidden; height: 3%; margin-right: -4%; } #navyoben.allg .oben a { width: auto; padding: 7px 18px; font: 90% sans-serif; } #navyquer.nurmenue { width: 90%; top: 11%; left: 62%; } #sprung.faq { margin-top: 55%; display: block; left: 6%; top: 9%; width: 90px; } #info.allg { margin-top: -109%; width: 175%; left: -27%; } #sidebar.spez { top: 116%; width: 80%; } #abhylink { position: relative; top: 10px; margin: -20% -1%; width: 98%; font-size: 104%; left: 0%; height: 68px; } header.allg { height: 12%; width: 97%; margin-bottom: 19px; top:1%; left: 0%; border-style: outset; border-color: #e4d493; background: #f1e5a3; } #bild.allg{ top:-5%; width: 27%; left: 70%; height: 9%; } #main.allg { width: 99%; margin-top: 3%; margin-bottom: 120px; height: 2700px; top: 14%; position: absolute; left: -3px; } #viererbild1.kontakt { top: 3px; } h1.allg { margin-top: -42%; width: 179%; left: -55%; font-size: 353%; font-weight: 600; } #rezensionen { margin-top: 60%; left: 6%; position: absolute; margin-bottom: 20px; } #sprung.spez { left: 3%; position: absolute; margin-left: 3%; top:112%; margin-top: 1%; } #headline.spez { position: absolute; margin-top: 5%; left: 2%; margin-bottom: 4%; height: auto; top: 77%; width: 55%; } #copy.raumnav { width:84%; margin-top:10px; top:-10%; left:5%; padding:5px; margin-bottom:5px; margin-left:15%; margin:0 auto; font-size:80% } #spruchstart.allg { padding: 4% 12% 23% 8%; top: 47%; width: 83%; height: 66%; position: absolute; } #dreieck.spez { left:-26%; width:51%; margin-top:-22%; position: absolute; } #medien.neuinfo { left: 35%; top: 41%; width: 49%; } #starthome.ganz { width:100%; left:-8%; position:relative; margin-left:3px; margin-top:-59px; text-align:center; display:inherit; height:auto; font: 106%/1.6 sans-serif; } h1.imp { top:-78%; margin-left:-1%; position:relative; font-family:serif; font-size:228%; top:-42%; } #willk { position:relative; display:block; top:6%; left:114px; max-width:67% } #medien.kontakte { width:80%; top:64%; height:99px; margin-top:20px; margin-bottom:20px; left:-35px } #copy.raumstart { font:80% serif; height:116px; margin-bottom:1px; opacity:0.9; left:-16%; width:52%; height:auto; top:82% } #starttableindex.imp { left:9%; margin-top:-9%; float:left; margin-bottom:4%; width:71%; padding:12% 9% 22% 3%; height:385px; top:auto } #ruecklink { position:relative; left:-128px; top:1px; display:inline-block; width:0px; margin-right:20px } #bild.garschan { position:absolute; display:block; top:50%; font-size:150%; left:3%; background:#add8e600; width:25%; margin-top: -9%; } #tel_hoer.allg { top:201%; margin-top:84%; width:37%; left:48%; margin-left:10%; margin-bottom:30px; position:absolute; height:56px } a.allg { display: block; position:absolute; width:71%; left:-4%; font-size:117%; margin:0 auto; top:-13%; } #wechselbild2.navi { position:absolute; left:1%; top:0%; width:98% } #spiegelranke { display:none; } #dreieck.navi { position:absolute; margin-top:-88%; left:9%; top:72%; height:135px; max-width:23%; margin:0 auto } #starttableindex { width:89%; top:3%; margin-top:10px; padding-left:91px; left:-60px } h1.navi { height:auto; font-style:italic; margin-top:-20px; margin-left:-76%; top:-22%; position:relative; left:-20%; width:336%; margin:-77% 20%; font-size: 285%; } #wechselbild1.allg { width:84%; margin-left:-28%; margin-top:1%; margin-bottom:10px; float:left; top:32% } #sprung.allg { display:block; margin-top:-3%; float:right; margin-right:-3%; top:auto; } header { height:272px; width:99%; margin-bottom:10px; margin-top:-131px; top:2px; left:5px } #startfuss.mob { width:107%; font:115%/1.2 serif; top:-16px; position:relative; left:-47px } #wrapper.termin { width:99%; margin:0 auto; height:1261px; top:-86px } #starthome.termin { width:73%; top:-4%; font:106%/1.4 sans-serif; left:3% } #sidebar.term { width:22%; height:264px; padding:20px; margin-bottom:50px; margin-top:-81%; left:11%; top:4%; padding:4%; margin-right:10% } #spruchstart.term { height:121%; margin-left:52px; margin-right:3%; width:124%; left:-53%; margin-top:12px; margin-bottom:20px } #wechselbild2.advent { top:-10%; margin-bottom:2px; height:auto; margin-top:20px; margin-right:auto; margin-bottom:-10px; margin-left:-6px; width:99% } header.navi { width:104%; margin-bottom:10px; left:0%; margin-top:41px; top:-6% } #starttableindex.allg { margin-top:12px; padding-right:3%; margin:17px auto; margin-bottom:0px; left:2%; width:78%; height:auto; font-size:79%; } #starttableklass.spez { width:72%; padding-top:50px; padding-left:118px; top:auto; left:10px; height:auto; margin-bottom:20px; margin-top:55px; } h1.bau { font-size:247%; color:navy; font-weight:bold; font-style:italic; top:-29%; left:-29% } #copy.raumbau { width:63%; border-style:outset; top:-453px; margin-top:81px; margin-left:60px; display:none } #headline.agb { background-color:#87e3a44d; width:100%; position:relative; top:267px; left:1px; margin-top:-11%; height:34%; border-bottom:3px dotted white; margin-bottom:2px } #sidebar.agb { width:86%; margin:0 auto; margin-top:0px; margin-bottom:0px; margin-left:auto; padding:16px; margin-bottom:5px; height:500px; top:-20%; margin-top:13px; margin-left:4px; left:-32px } td.kurztextabhy { font:95%/1.2 serif; width:90%; float:left; margin-left:-59px; text-align:left; margin-left:-28%; margin-top:1% } #tablefuss.abhy { width:74%; text-align:left; padding-bottom:20px; float:left; margin-bottom:10px; margin-top:189px; top:41%; left:4%; height:522px } #spruchstart.agb { height:90%; } #footer.agb { top:1%; clear:both; width:100%; } #wrapper.fuss { height:2593px; } #main.fuss { height:2106px; top:-3%; margin-top:-32px; left:-12px } h1.fuss { top:-136%; left:22%; font-size:228%; float:left; } h5.fuss { font:130% bold,italic; left:24%; position:relative; top:50% } header.fuss { height:5%; width:101%; } #sidebar { width:84%; margin:0 auto; padding:20px; margin-bottom:5px; height:287px; top:-19%; margin-top:15px; } #sidebar.imp { width:81%; height:35%; position:relative; padding:20px; margin-bottom:2px; margin-top:14%; margin-right:8%; top:-8% } #sidebar.fuss { width:86%; position:relative; height:431px; margin-bottom:10px; left:3%; top:1%; margin-top:10px; height:400px } #starttableindex.fuss { width:90%; left:25px; padding:8px; margin-top:-5px; margin-bottom:10px; top:1% } #starthome { width:73%; margin:0 auto; padding-right:1px; text-align:left; margin-left:-31px } #sprung { display:block; float:right; margin-top:-62px; background:linear-gradient(to right, #ef7fe8b3 0%,#d333d599 99%); background-color:rgba(0, 0, 0, 0); } #tablefuss { width:75%; padding-bottom:1%; padding-right:1%; float:left; margin-bottom:10px; height:510px; top:43%; left:13px; margin-top:20px; padding-left:15% } #wechselbild2.fuss { position:relative; left:20%; top:-24%; width:80%; } #sprung.fuss { display:block; top:-22%; float:right; position:relative } #wasser.fuss { position:relative; margin:-9% auto; font-size:98%; width:72%; padding-top:93%; top:-40% } #tablefuss.fuss { width:48%; position:absolute; top:45%; left:2%; height:507px; padding-bottom:31px; padding-left:8%; margin-bottom:10px; margin-top:-3%; margin-left:2%; padding-top:4% } #sidebar1.fuss { width:31%; height:489px; float:left; position:relative; padding:20px; border-style:outset; border-radius:20px; border-color:#B6FFA2; background-color:#DDEFDEB3; padding:2%; margin-top:13px; margin-bottom:10px; left:-35%; top:28% } #footer.fuss { top:3%; clear:both; width:100%; background-color:#9194CF00; position:relative; margin-top:5px; margin-bottom:5px; height:354px; left:0%; } #copy.fuss { width:100%; top:-7%; height:auto; display:inherit; left:-23%; } #copy.home { width:87%; margin:0 auto; margin-top:0px; margin-right:auto; margin-bottom:0px; margin-left:auto; left:2%; top:16%; padding:9px } #footer.bau { top:auto; clear:both; width:100%; background-color:#9194CF99; position:relative; margin-top:-41px; margin-bottom:5px; height:169px; left:-68px } } @media screen and (max-width:650px) { #sprung.imp { width:14%; left:70%; top:17% } #wrapper.rueck { width: 100%; height: 3500px; } #nebenlink.ruefu { top: 2%; left: 23px; margin: -9%-15%; font-size: 90%; } table.nebenlink { display: table-cell; padding: 3px 102px; font-size: 110%; width: auto; left: 0%; } #starttableindex.allg { margin-top:12px; padding-right:3%; margin:17px auto; margin-bottom:0px; left:-1%; width:82%; height:auto; font-size:79%; padding-bottom: 120%; } td.zwischenbild { display:inherit; margin-top: -15px; height: 380px; } td.optmarma { display: inherit; position: relative; width: 80%; height: 50px; } td.zwischenopt { display: inline-block; height: 30px; width: 70%; text-align: center; left: -3%; position: relative; top: 2%; } #viererbild.kontakt { position: absolute; width: 105%; height: auto; top: 19%; left: -6%; } td.klasslink { display: inherit; position: relative; width: 450px; height: 44px; top: 40px; } a.allklassopt{ left:-8%; } #sprung.faq { margin-top: 46%; display: block; left: 1%; top: 8%; width: 90px; } #info.allg { top: 93%; width: 121%; left: -15%; } #starthome.ganz { width:103%; left:-12%; position:relative; margin-left:3px; margin-top:-59px; } #copy.raumnav { margin-top: 10px; top: auto; left: -2%; padding: 25px; margin-bottom: 5px; margin-left: 15%; font-size: 90%; margin: -42% 2% auto; } #navyquer.nurmenue .top > li { float: left; position: relative; padding: 7px 6px; margin: 10px 3px; width: 176px; top: -36%; left: -15%; margin: 0 auto; } #medien.navform { display: inline-block; position: relative; width: 200px; left: -34%; top: 90%; } header.imp { top:1%; height: 23%; left: 10%; width: 100%; } #bild.allg { top: -10%; left: 68%; } #sprung.spez { left: 0%; position: absolute; margin-left: 3%; top:80%; margin-top: 13%; } #rezensionen { width:80%; font-size:110%; left:2%; margin-top: 53%; } h1.allg { margin-top: 12%; width: 112%; left: -32%; font-size: 335%; font-weight: lighter; letter-spacing: 1px; } #main.allg { top:9%; left: 1px; } #viererbilder.kontakt { width: 94%; left: 3%; top: -1%; } #sidebar.spez { height: 17%; left: -1%; } #medien.neuinfo { top: 37%; left: 30%; } #spruchstart.imp { padding: 6% 7% 2%; width: 79%; left: -6% } #wechselbild3.imp { top: -19% } #willk.imp { width: 56% } #headline.spez { left:-3%; margin-top:38%; margin-bottom:2px; top:auto; width:83%; height: 144px; } #copy.raumimp { margin-left:14%; top: 24%; } #tel_hoer.allg { top:205%; margin-top:84%; width:37%; left:48%; margin-left:10%; margin-bottom:30px; height:56px } #copy.raumstart { font:80% serif; height:116px; margin-bottom:1px; opacity:0.9; left:-4%; width:52%; height:auto; top:100% } #terminspez.allg { top:205%; margin-top:84%; width:37%; left:auto; margin-left:12%; margin-bottom:30px; position:absolute; height:6%; padding-bottom:14px } #bild3.allg { width:68%; top:23px; margin-top:12px; margin-left:4%; border-style:outset; padding:4px } #bild.garschan { display:block; top:45%; font-size:150%; left:1%; width:200px } #starttableklass.spez { width:68%; top:auto; left:1%; height:auto; margin-bottom:20px; margin-top:-5%; } #tel_hoer.term { top:20px; left:2px; width:66%; margin:0 auto } #wechselbild2.navi { position:absolute; left:1%; top:-14%; width:100%; } a.term:link { color:white; display:block; top:-38px; left:20%; width:88% } #starthome.termin { width:67%; top:6%; font:106%/1.4 sans-serif; left:15%; text-align:left; margin-top:38px } #tel_hoer { display:block; position:relative; top:24px; left:-4px; width:52%; margin:0 auto } a.tel:link { top:-43px; left:3%; width:60%; margin:0 auto } #spruchstart.term { margin-left:52px; margin-right:3%; width:116%; left:-62%; margin-top:5%; margin-bottom:20px; height:279px; } #sidebar.term { width:20%; margin-bottom:50px; margin-top:-81%; left:68%; top:124%; margin-right:10%; position:absolute } #wrapper.imp { width:630px; height:1059px; left:2px } #wrapper.bau { width:99%; height:659px } #sidebar.allg { display:inherit; margin:0 auto; padding:18px; margin-bottom:25px; height:256px; top:auto; margin-top:21%; left:0%; width:89% } #main.navi { width:100%; background-color:#caf9c300; margin-top:22%; margin-bottom:10px; height:700px; left:34%; padding-bottom: 65%; } #navyquer.nurmenue { top:5%; position:relative; left:61%; background:#92879200; width: 97%; } #spruchstart { height:89%; position:relative; padding:3%; margin-left:12px; margin-right:3%; background-color:#fff; width:99%; right:16%; display:block; margin-top:-1%; font-size:79% } #herz.mob { display:block; color:#0C7019E0; height:10px; text-shadow:-2px 2px 2px; position:relative; margin-top:-41%; left:27px; float:left; top:101%; width:96% } #dreieck.spez { position:absolute; top:-29%; left:-12%; margin-top:21%; max-width: 32%; } #navyquer ul.top { display:block; border-radius:10px; color:#fff0; width:79%; clear:both; background-color:#e6aae500; left:-62%; float:left; background:#add8e600; margin-left:11%; position:relative } #wechselbild10.allg { width:70%; margin-left:45%; margin-top:-71%; margin-bottom:10px; float:left } #starttablemobil { font-family:serifte, navy; text-align:center; color:navy; width:75%; padding-left:50px; padding-right:50px; left:1px; } ul.rueklass { position:relative; text-align:center; margin-top:20px; font-style:inherit; font-size:97%; left:24px } #startfuss { width:450px; font:105%/1.2 serif; margin-left:20px; margin-top:30px } ul.rueklass { margin-top:20px; font-size:97%; left:25px; list-style-type:none; width:95% } #wechselbild2.mob { width:93%; margin-left:-10%; margin-top:20px; margin-bottom:10px; float:left; top:auto; position:relative } #dreieck.mob { margin-left:4%; max-width:200px; left:-2%; top:49%; position:absolute; margin-top:52px; width:50% } header.navi { width:99%; margin-bottom:10px; left:0%; margin-top:185px; top:-21%; height: 23%; } #dreieck.bau { position:relative; margin-top:-2%; left:-7%; width:40%; top:27px } #headline.allg { background-color:#87e3a400; width:92%; position:relative; left:1px; margin-top:19%; height:32%; border-bottom:3px dotted white; margin-bottom:2px; top:56% } #wechselbild1.allg { width:81%; margin-left:-25%; margin-top:17%; margin-bottom:10px; float:left; position:absolute } #spiegelranke { position:relative; top:-554px; left:-1px; background-color:#caf9c300; height:150px; margin-top:16px; display:none } #wechselbild2.advent { position:absolute; left:7%; top:-58px; width:95%; margin-top:55px; margin-left:-16px } #sprung.bau { display:block; float:left; margin-right:2%; margin-bottom:20px; top:-40px; left:245px; height:28px } #sidebar { width:23%; height:452px; float:left; position:relative; padding:20px; border-style:outset; border-radius:20px; border-color:#B6FFA2; background-color:#DDEFDE; left:2%; margin-bottom:2px; margin-top:15px; margin:0 auto; top:4% } #starttableindex.bau { left:6%; margin-top:15%; float:left; padding-right:5%; padding-top:1%; width:36%; height:235px; top:-37%; height:auto } #navyquer.navi { width:102%; margin-top:1px; left:-7%; background-color:#caf9c300; top:-185px; clear:both; height:454px } #wasser.imp { position:relative; margin:-9% auto; margin-top:-9%; margin-top:-9%; font-size:98%; width:72%; padding-top:93%; margin-top:-85% } #ampel.abhy { display:none; top:-152%; left:5px; position:relative; margin-top:17px; margin-bottom:5px } #sidebar.abhy { width:32%; height:503px; float:right; position:relative; padding:20px; border-style:outset; border-radius:20px; border-color:#B6FFA2; background-color:#DDEFDE80; margin-bottom:2px; top:1%; left:-1% } #spruchstart.abhy { height:97%; top:44px; left:-53px; width:114% } #wechselbild10.allg { width:55%; margin-left:-32%; margin-top:-90%; margin-bottom:10px; float:left } #ampel.abhy { top:-152%; left:5px; position:relative; margin-top:17px; margin-bottom:5px } #wechselbild2a.abhy { position:relative; top:-81px; left:-83px } #wasser.abhy { position:relative; margin:-9% auto; font-size:85%; top:187px } #wassernote { position:relative; top:-32%; left:2px } #wasser.fuss { position:relative; margin:-9% auto; font-size:98%; width:72%; padding-top:93%; top:-21% } #tablefuss.fuss { width:79%; position:absolute; top:48%; left:0%; height:507px; padding-bottom:56px; padding-left:15%; margin-bottom:10px; margin-top:-3%; margin-left:2%; padding-top:4% } #sidebar1.fuss { width:91%; height:489px; float:left; position:relative; padding:20px; border-style:outset; border-radius:20px; border-color:#B6FFA2; background-color:#DDEFDEB3; padding:2%; margin-top:13px; margin-bottom:10px; left:2%; top:31% } #fussnote.fuss { top:-33%; left:2%; position:relative; width:79%; height:80%; padding:38px; margin-top:-35px } #sidebar1.abhy { width:46%; height:527px; float:right; padding:20px; padding:2%; left:-5%; top:1% } #rankefuss.abhy { position:absolute; top:25%; left:73%; margin-bottom:2px; width:58% } #ampel.abhy1 { border-radius:30px; display:table-cell; left:55%; position:relative; top:-434px } #tablefuss.abhy { width:78%; text-align:left; padding-bottom:20px; -left:-1%; float:left; margin-bottom:10px; margin-top:189px; top:43%; left:1%; height:522px } #sprung.abhy { display:block; top:1%; float:right; position:relative; right:11%; margin-top:51px } td.kurztextabhy { font:95%/1.2 serif; width:90%; float:left; text-align:left; margin-left:3% } #sidebar1.marma { } h5.fuss { left:-2%; top:55% } #wrapper { height:1770px } #wrapper.imp { width:603px; height:1330px; left:-130px } #wrapper.navi { width:99%; height:958px; background-color:#caf9c3 } #headline.fuss { background-color:#c6f8bf80; width:100%; position:relative; top:72px; left:1px; margin-top:31%; height:105px; margin-bottom:1px } header.agb { height:8%; width:103%; margin-bottom:10px } #headline.agb { background-color:#87e3a44d; width:100%; position:relative; top:252px; left:6px; margin-top:-11%; height:42%; border-bottom:3px dotted white; margin-bottom:2px; height:38% } #sprung.agb { display:block; float:right; position:relative; top:-220px } #starttableindex.agb { left:1%; position:relative; margin-top:1%; float:left; margin-bottom:4%; padding-right:1%; padding-bottom:50px; padding-top:5%; width:82%; padding-left:8%; height:auto; top:-19%; margin-left:13px; font-size:90% } #main { width:100%; height:1600px; } #main.fuss { width:100%; top:0%; margin-top:5px; margin-bottom:5px; height:2211px; } #main.imp { width:99%; float:left; top:12%; margin-bottom:10px; height:862px; margin-top:3%; left:3%; height:1000px } header.fuss { height:91px; width:97%; margin-bottom:10px; left:-29px; } header { height:15%; width:101%; margin-bottom:10px; margin-top:10px; top:-109px; left:2px; } #dreieck { margin-left:4%; max-width:200px; left:-1%; top:-107%; position:relative; } #dreieck.fuss { margin-left:4%; max-width:200px; left:-1%; top:-19%; position:relative; } h1.fuss { top:-133%; left:24%; position:relative; font-family:serif; font-size:228%; float:left } #navileiste.fuss, #naviunten.rückall { display:none; } #navileiste, #navyquer { display:none; } #sprung { display:block; margin-top:1%; float:right; margin-right:3%; } #sprung.fuss { display:block; top:17%; float:right; position:relative; right:15%; margin-top:-58px } #sprung.allg { display:block; float:right; position:relative; margin-top:40px; margin-right:9%; top:auto; width:115px } #nav { display:none; } #herzlich1 { position:relative; margin-top:-1%; left:4%; width:75% } #starttableindex { width:78%; top:18%; left:3%; padding-bottom:10%; padding-left:3%; padding-right:3%; padding-top:3%; margin:0 auto; margin-top:-15%; } #kurztext.imp { font:100%/1.2 sans-serif; padding-left:1%; width:95%; padding: 10%; } #starttableindex.imp { left:14%; margin-bottom:4%; padding:10% 5% 22% 12%; width:68%; height:35%; top:-32%; margin-top:25% } #starttableindex.fuss { width:92%; left:3%; padding:2%; margin-top:-5px; margin-bottom:10px; height:auto; padding-bottom:10%; padding-top:5% } #tablefuss { width:78%; text-align:center; padding-bottom:20px; float:left; margin-bottom:10px; margin-top:72px; top:48%; left:5px; height:520px; } #sidebar { width:84%; margin:0 auto; padding:20px; margin-bottom:5px; height:auto; top:0%; margin-top:13px; margin-left:3px; } #sidebar.marma { width:39%; height:393px; float:right; position:relative; padding:20px; margin-bottom:2px; top:-43%; right:19%; margin-top:7%; margin-right:12px; } #spruchstart { height:94%; position:relative; padding:3%; margin-left:12px; margin-right:3%; background-color:#fff; width:94%; right:-1%; display:block; margin-top:2%; font-size:79% } #sidebar.fuss { width:87%; position:relative; height:407px; margin-bottom:10px; left:2%; top:1% } #sidebar.imp { width:81%; height:400px; position:relative; padding:20px; margin-bottom:2px; margin-top:20%; margin-left:22%; top:-20% } #spruchstart { height:110%; position:relative; padding:4%; width:96%; left:-8%; padding: 11% 4%; background: #95246ed9; } #sidebar1 { width:96%; float:left; margin-top:10px; top:41%; position:relative; margin-bottom:10%; margin-top:10px; } #wechselbild2.fuss { position:relative; left:4%; top:-45%; width:94%; margin-top:10px } #wechselbild1.start { width:70%; margin-left:10%; margin-top:31%; } #rankefuss { display:inline; position:absolute; top:27%; left:46% } #ampel.marma { border-radius:30px; display:table-cell; left:40px; position:absolute; top:75px; width:24%; margin-left:60% } #wasser { top:-92%; text-align:center; margin:0 auto; position:relative; left:2%; font-size: 190%; } #wasser.marma { top:-25%; text-align:center; margin:0 auto; position:relative; left:2%; margin-top:65px; } #tablefuss.marma { width:72%; position:relative; top:-36%; right:4%; height:607px; padding-bottom:31px; padding-left:23%; margin-bottom:10px; margin-top:-203%; margin-right:1%; float:right } #übersicht.marma { position:relative; top:-22px; left:-22px; } #sidebar1.marma { width:45%; height:410px; float:left; position:relative; border-style:outset; border-radius:20px; border-color:#B6FFA2; background-color:#DDEFDE; top:6%; padding:2%; margin-top:173%; margin-bottom:10px; left:2%; } #footer { top:-1%; clear:both; width:100%; background-color:#9194CF99; position:relative; } #footer.fuss { top:-2%; clear:both; width:100%; background-color:#9194CF00; position:relative; margin-top:5px; margin-bottom:5px; height:150px; } #copy.home { width:86%; margin:0 auto; left:4%; top:16%; padding:9px; } #rankeumkehr { position:absolute; top:431px; left:70px; width:77%; margin-top:1%; background-color:#00f0; height:100px } #starthome { width:87%; margin:0 auto; padding-right:1px; text-align:center; margin-left:-40px } #wrapper.fuss { margin-left:1%; height:2700px; } #footer { top:auto; clear:both; width:100%; background-color:#9194CF00; position:relative; margin-top:55px; margin-bottom:5px; } #footer.fuss { top:1%; clear:both; width:100%; background-color:#9194CF00; position:relative; margin-top:-25px; margin-bottom:5px; height:300px; left:2px; } #fussnote.marma { font:88% serif; color:#060881; background-color:#DDEFDE; border-color:rgb(0, 128, 0); border-radius:20px; border-style:outset; height:84%; width:78%; opacity:0.8; top:79%; padding:8%; margin-top:10px } #footer.imp { top:-14%; clear:both; margin-bottom:5px; left:12%; height:182px; margin-top:226%; } #copy.bau { width:92%; margin:0 auto; left:2%; top:16%; padding:9px; height:auto } #copy.fuss { width:88%; margin:0 auto; left:-1%; top:100%; display:inherit; height:auto; padding:24px; margin-top:27% } #copy.navi { width:96%; left:-66px; height:130px; margin-top:auto; top:auto; left:-1%; display:block; position:absolute } #copy.bau { padding:9px; border-style:outset; top:15px; margin-top:83px; margin-left:11px; display:inherit; width:80%; height:70px } #footer.allg { clear:both; width:96%; background-color:#9194CF00; position:relative; margin-top:9px; margin-bottom:5px; height:150px; margin-left:3px } #copy.moballg { top:auto; left:11px; width:90%; margin-top:46px } #termin.mobil { width:70%; height:auto; margin-top:15px; top:21%; left:2%; padding:30px; margin-bottom:5px; text-align:center; margin-left:7% } #termin.mobil { width:495px; margin-top:25%; padding-left:37px; margin-right:2%; position:relative; top:301px; display:inherit; float:left; left:-4%; text-align:center; background:#93958c96; height:18px; border-radius:16px; padding-top:11px; font-size:151% } } @media screen and (max-width: 625px) { a.allabhyopt { text-align: center; font-size: 134%; font-family: chopin script, serif; width: 565px; margin-top: 10%; } } @media screen and (max-width:600px) { #starttableklass.spez { width: 68%; margin-top: -2%; } #navyoben.allg ul.oben { width: 72%; overflow: hidden; height: 3%; left: -4%; } table.ganzkoerper { display: inherit; position: relative; width: 542px; height: 658px; left: 1%; } a.allklassopt { left: -37%; top: -22%; } a.allabhyopt { text-align: center; font-size: 98%; font-family: chopin script, serif; width: 565px; margin-top: 4%; } #viererbild2.kontakt { width: 19%; margin: 4px 7px 1px 0%; padding: 5px 5px 5px 5px; } #viererbild3.kontakt { width: 23%; margin: 4px 3px auto 6px; } #main.navi { width:100%; background-color:#caf9c300; margin-top:-43%; margin-bottom:10px; left:34%; padding-bottom: 362%; } #sprung.faq { margin-top: 55%; display: block; left: 1%; top: 9%; width: 90px; } #wechselbild2.navi { position: absolute; left: 1%; top: 5%; width: 100%; } #dreieck.navi { position: absolute; margin-top: -88%; left: 9%; top: 59%; height: 135px; max-width: 23%; margin: 0 auto; } #medien.navform { display: inline-block; position: relative; top: 147%; width: 200px; left: 32%; margin-top: 19%; } #info.allg { width: 125%; left: -15%; top: -49%; } #wrapper.spez{ left:10px; padding-bottom: 128%; } #copy.raumnav{ top:auto; width: auto; padding:27px; margin: 2% 2% 2% 2%; display: inline-block; height: auto; } #navyquer.nurmenue { top: auto; position: relative; left: 63%; background: #92879200; width: 64%; margin-top: 103%; display: block; } #navyquer.nurmenue .top > li { float: left; position: relative; padding: 16px 43px; margin: 10px 3px; width: 132%; top: -36%; left: -38%; } a.neuinfo { text-shadow: none; font-weight: normal; font-size: 111%; } .gkmass { position: absolute; display: block; top: -10%; font: 111% sans-serif; } h1.allg { margin-top: 12%; width: 112%; left: -32%; font-size: 255%; font-weight: lighter; letter-spacing: 1px; } #dreieck.spez { position:absolute; top:-22%; left:-15%; margin-top:21%; max-width: 32%; display: none; } #klasslink { position: relative; margin: -3% 22%; top: -1%; left: 19%; font-size: 141%; } #abhylink { position: relative; top: 10px; margin: -20% -1%; width: 182%; font-size: 152%; left: -40%; } #medien.neuinfo { left: 18%; top: -31%; margin: 140px 20px 20px 20px; } #rezensionen { width: 80%; font-size: 101%; left: 4%; margin-top: 68%; } #headline.spez { left: -5%; margin-top: 43%; margin-bottom: 2px; top: auto; width: 83%; font-size: 118%; } .abhyoel span, .gkmass span, .ruema span, .mobil span { font-size: 72%; top: 143%; background-color: #9c9999a6; height: 217%; margin-top: 4px; background-color: #bebcbcc9; border-radius: 5px; border: 1px solid #f5efce; padding: 4% 4% 1% 4%; } .gkmass span { display: block; position: absolute; margin: -1% 0% 1% 0%; font-size: 91%; padding: 3% 8% 3% 3%; } .ruema span { display: block; position: absolute; margin: -2% 1% 1% -2%; padding: 2px 9% 4px 6%; font-size: 91%; width: 85%; } .mobil span { display: block; position: absolute; margin: -5% 1% 1% 1%; margin-top: 1%; padding: 5% 4% 0% 3%; font-size: 74%; } #sprung.spez { top:73%; width: 80%; left: 0%; font-size: 117%; } #fruehangeb { position:absolute; font:115%/1.4 small; left:15%; top: 9%; } #spruchstart.allg { padding: 4% 12% 23% 8%; left: -148%; top: -74%; width: 75%; height: 39%; position: absolute; } #viererbilder.kontakt { width: 91%; height: auto; top: 4%; left: 3%; padding-bottom: 58px; border: 3px solid #f0c137; } #copy.allg { left: 12%; top: auto; margin-top: -18%; height: 140px; } table.medien { display: table-cell; width: 81%; padding-left: 1%; height: auto; text-align: center; left: 9%; position: relative; top: -1%; position: absolute; } header.allg { left: 0%; height: 10%; padding-bottom: 41%; } header.navi { height:30%; width:99%; margin-bottom:10px; left:0%; margin-top:185px; top:-24% } a.allg { width:46%; left:12%; font-size:117%; margin:0 auto; top:21% } #bild.allg { margin-top:8%; left: 70%; width: 25%; border: 2px outset #7f9432; background: #dfc870; height: auto; padding: 5px; } #terminspez.allg, #tel_hoer.allg { top:218%; width:41%; } #main.allg { width:99%; left:1%; top: 16%; margin-top:20px } #starthome.ganz { width:114%; left:-19%; font-size: 93%; } #sidebar.spez { left:43%; width: 90%; height: 28%; } #footer.navi { clear:both; margin-top:16%; margin-bottom:5px; height:188px; left:4px; top: 11%; } #navyquer ul.unter { display: block; text-decoration: none; list-style-type: none; border-radius: 8px; padding: 0px 0px; opacity: 0.9; background-color: #dfa5e6; width: 99%; } #navyoben.allg .oben a.telinfo { display: flex; width: 55%; height: 26px; left: -3%; } td.optmarma { display: inline-block; position: relative; width: 80%; height: 50px; margin-top: 5%; } } @media screen and (max-width:560px) { a.allabhyopt { text-align: center; font-size: 98%; font-family: chopin script, serif; width: 498px; margin-top: 4%; } #main.allg { width: 100%; left: 1%; top: 9%; margin-top: 20px; padding-top: 10px } #wechselbild1.allg { float: right; left: 18%; position: absolute; margin-top: -45%; width: 55%; top: 81%; margin-left: 10px; } a.allklassopt { left: -40%; top: -22%; width: 500px; } #rezensionen { width: 80%; left: 7%; margin-top: 75%; } #dreieck.spez { margin: 33% 3% 1% 1%; } table.ganzkoerper { display: inherit; position: relative; width: 500px; height: 658px; left: 1%; } #bild3.allg { width: 73%; top: 23px; margin-top: 12px; margin-left: 0%; border-style: outset; padding: 4px; } h1.allg{ margin-top: 22%; font-size: 211%; width: 128%; left: -36%; } h2.muessen { font-size: 119%; } header.allg { left: 0%; height: 11%; } #navyoben.allg ul.oben { width: 84%; margin-right: -4%; } #main.navi { width: 100%; background-color: #caf9c300; margin-top: -48%; margin-bottom: 10px; height: 170%; left: 34%; } #info.allg { width: 125%; left: -10%; top:153%; } #medien.neuinfo { left: 18%; top: -29%; margin-top: 10%; } #wechselbild2.advent { position:absolute; left:1%; top:-62px; width:99%; margin-top:55px; margin-left:-16px } #headline.spez { left: -4%; margin-top: 39%; margin-bottom: 2px; top: auto; width: 77%; font-size: 118%; height: 102px; } #bild.allg { margin-top: 22%; left: 70%; } #wechselbild3.imp { width: 85% } #copy.raumimp { margin-left: 10%; top: 24%; } #spruchstart.allg { padding: 4% 12% 23% 8%; left: auto; top: 123%; height: 68%; margin-top: auto; } #main.imp { width: 92% } header.imp { top: 5%; height: 23%; left: 5%; width: 87% } #wechselbild4.allg { max-width:105%; left:0%; position:relative; top: -20%; height: 75%; } #sidebar.spez { margin-top:40px; margin-bottom:20px; height:15%; top:61%; margin-top:183%; left:-10%; } table.nebenlink { display:table-cell; padding:30px 92px; font-size:110%; width:auto } a.allg { width:75%; left:13%; font-size:107%; margin:0 auto; top:21% } medien.kontakte { width:90%; top:64%; height:99px; margin-top:20px; margin-bottom:20px; left:-13% } #footer.imp { top:-14%; clear:both; margin-bottom:5px; left:12%; width:90%; margin-top:226% } #copy.raumstart { font:80% serif; height:116px; margin-bottom:1px; opacity:0.9; left:-12%; width:52%; height:auto; top:100% } #wechselbild3.imp { position:relative; top:-30px; left:5%; width:90% } #terminspez.allg, #tel_hoer.allg { top:60%; width:41%; margin-left:18px; height:28px; } #spruchstart { height:81%; width:82%; left:-8%; margin-left:9% } #fusslink { margin-left:2px } #ruecklink { margin-right:10px; } #starttableklass.spez { width:63%; background-color: #F1DE96ED; margin-top: 11%; } #wechselbild1.allg { width:91%; } } @media screen and (max-width: 540px) { #copy.raumnav { top: auto; width: auto; padding: 15px; display: inline-block; height: auto; } } @media screen and (max-width: 550px) { #medien.navform { display: inline-block; position: relative; top: auto; width: 200px; margin: 199% auto; left: 53%; } } @media screen and (max-width:520px) { #wechselbild1.allg { width: 86%; top: 38%; margin-left: -29%; } #viererbild4.kontakt { width: 27%; margin: 7px 1px 5% -2px; height: auto; } .allg span{ margin-top:-2px; padding: 4px 5px; font-size: 78%; width: 87%; } #wrapper.spez { left: 10px; padding-bottom: 116%; } #main.navi { width: 100%; background-color: #caf9c300; margin-top: -52%; height: 170%; left: 36%; } #navyoben { display: block; position: relative; margin: 12px 1% 12px -1%; } #sprung.faq { margin-top: 55%; display: block; left: -1%; top: 25%; width: 90px; } #navyquer.nurmenue { margin-top:105%; display: block; } #sidebar.spez { margin-top: 40px; margin-bottom: 20px; height: 15%; top: 74%; margin-top: 183%; left: -10%; } #dreieck.spez { position: absolute; top: 9%; left: -11%; margin-top: 25%; max-width: 32%; } .gkmass span { display: block; position: absolute; margin: -1% 0% 1% 0%; font-size: 92%; padding: 4% 8% 4% 3%; } #rezensionen { width: 91%; font-size: 80%; left: 4%; margin-top: 79%; height: 30px; } } @media screen and (max-width:480px) { table.ganzkoerper { display: inherit; position: relative; width: 455px; height: 658px; left: 3%; } #starthome.rue { top: -14%; margin-top: -8%; width: 95%; left: -7%; } #main.allg { width: 100%; left: 1%; top: 14%; margin-top: 20px; padding-top: 10px; } ul.rueklass { margin-top: 20px; font-size: 97%; left: 25px; list-style-type: none; width: 95%; } a.allabhyopt { text-align: center; font-size: 98%; font-family: chopin script, serif; width: 379px; margin: 0% -5%; } .gkmass span { padding: 12px 7px 5px 5px; font-size:77%; margin:-5px 1px 1px -2px; } .ruema span { padding: 12px 7px 5px 5px; font-size:77%; margin:-5px 1px 1px -2px; } .mobil span { padding: 19px 7px 0px 5px; font-size:77%; margin:-5px 1px 1px -2px; } .abhyoel span { display: block; position: absolute; padding: 12% 2% 8% 9%; } #navyoben.allg{ left:12%; } #navyoben.allg ul.oben { width: 91%; margin: -1px 6%; } #sprung.faq { margin-top: 55%; display: block; left: 6%; top: 15%; width: 73px; } #navyoben.allg .oben a.telinfo { display: flex; width: 47%; padding: 5px 27px; font: 100%sans-serif; top: -2%; height: 25px; text-align: center; } #navyquer.nurmenue .rat{ width: 212px; float: left; position: relative; } td.hoernav{ top:-118%; } #bild3.allg { width: 72%; top: 23px; margin-top: 12px; margin-left: -1%; border-style: outset; left:8%; padding: 24px 5px 1px 10px; } #viererbild3.kontakt { width: 22%; margin: 5px 3px auto 6px; } #viererbild2.kontakt { width: 18%; margin: 9px 10px 1px 0%; padding: 5px 5px 5px 5px; } a.gkmass, a.mobil, a.ruema, a.abhyoel { top: -24%; display: inline; } #viererbilder.kontakt { width: 92%; top: 9%; left: 1%; font: 80% serif; } #viererbild1.kontakt { width: 22%; position: relative; display: inline-block; left: 1%; top: 1px; margin: 1px 10px 1px 0%; height: auto; } #rezensionen { width: 91%; font-size: 80%; left: 1%; margin-top: 79%; height: 30px; padding-top: 10px; } #headline.spez { left: -18%; margin-top: 60%; margin-bottom: 2px; top: auto; font-size: 114%; } #willk.imp { top: 18%; width: 60%; left: 15%; } h1.allg { font-size:220%; left:-21%; margin: -18px 10px; width: 126%; } table.medien { width: 86%; padding-left: 8%; left: auto; top:auto; } #menüicon.mobil { position:fixed; display:block; width:7%; top:10px; left:85%; font-size:75%; } #spruchstart.allg { padding: 4% 12% 23% 8%; left: auto; top: auto; height: 68%; margin-top: auto; } #spruchstart.allg { padding: 4% 12% 23% 8%; left: 5%; height: 256px; width: 76%; margin-left: -12px; } #medien.neuinfo { left: 22%; top: -23%; width: 66%; height: 152px; margin-bottom: 2% } #bild.allg { left:65%; margin-top: 3%; width: 30%; top: -8%; border: 2px outset #7f9432; background: #dfc870; height: auto; padding: 5px; } #copy.raumimp { margin-left: 1%; margin-top: -4%; } h2.muessen { display:block; position:relative; width:83%; top:3%; margin:30% 2% 24px 8%; text-align: center; font-size: 106%; } #headline.mob { display:block; position:relative; top:10%; left:5%; width:350px; background:#00f0; } #gutschein.mobile { position:absolute; top:41%; left:8%; width:83% } a.rueallg { color:aliceblue; position:relative; top:-35px; left:10px } td.zwischenoder { display:table-cell; margin-top:-15px; height:10px } th.fusslink { margin-left:auto; padding:0px; width:103%; padding:6px 24px; font:93% sans-serif; display:block; left: -20%; margin-top: 10%; } #terminspez.allg, #tel_hoer.allg { top:60%; width:41%; margin-left:18px; height:28px } table.nebenlink { display:table-cell; padding:2% 9%; font-size:109%; left: 5%; } #nebenlink.ruefu { display:block; position:relative; left:37px; margin-left:-15%; font-size:90% } header.imp { height:234px; width:99%; margin-bottom:10px; top:3%; left:-6px; } #footer.imp { top:-14%; clear:both; margin-bottom:5px; left:12%; width:80%; margin-top:226% } #sidebar.imp { width:81%; height:400px; position:relative; padding:20px; margin-bottom:2px; margin-top:20%; margin-left:8%; top:auto } #medien.kontakte { width:80%; top:62%; height:99px; margin-top:20px; margin-bottom:20px; left:35% } #main.termin { width:96%; margin-top:-4%; margin-bottom:12%; height:auto; top:auto; left:5px; margin-left:-92px } a.allg { font-size:100%; top: 8%; } h1.navi{ width: 356px; left:-12%; font-size: 265%; top: -47%; } h1.rueallg { top:4px; left:-13%; margin-top:48px; margin-bottom:10px; height:110px; width:300px; font-size:258%; } #tel_hoer.term { top:2px; left:1px; width:60%; margin:0 auto } #tel_hoer.imp { display:block; position:relative; top:24px; left:-4px; width:59%; margin:0 auto } #starthome.termin { width:95%; top:1%; font:106%/1.4 sans-serif; left:14%; margin-top:3% } #starthome.termin { width:88%; top:9%; font:115%/1.4 sans-serif; left:-1% } a.tel:link { top:-28px; left:12px; width:67%; margin:0 auto; } #wasser.allg { position:relative; margin:-31% auto; font-size:117%; width:57%; top:41%; left:47px; color:#5a0e5a; text-shadow:-1px 2px 2px aliceblue } h1.start { font-size:18%; top:120%; float:right; right:50%; margin-top:auto } #wrapper.termin { width:99%; margin:0 auto; height:1261px; top:-64px } #termin.rueallg { width:206px; margin-top:21%; padding-left:2px; margin-right:2%; position:relative; top:-700px; display:inline; float:left; left:22%; text-align:center; background:#a8cd44d9; height:33px; border-radius:16px; font-size:112%; border:#88a972; border-top-style:none; border-right-style:none; border-bottom-style:none; border-left-style:none; border-top-style:none; border-right-style:none; border-bottom-style:none; border-left-style:none; border-style:outset; border-radius:10px; height:30px; padding-top:12px } #startfuss.mob { width:126%; font:115%/1.2 serif; top:-16px; position:relative; left:-47px } #wrapper.imp { width:99%; height:1330px; left:-40px; top: 1%; } #bild.garschan { position:absolute; display:block; top:27%; font-size:127%; left:123px; background:#add8e600 } #starthome.ganz { width:106%; left:-24%; height:auto; font-size:99%; margin-left:2%; margin-bottom: 10%; } #ruecklink { position:relative; left:0px; top:-1px; display:inline-block; width:103px; margin-left:-237px } #bild.marma { position:absolute; display:block; top:21%; font:158% serif; left:-91px; width:194px; font-variant:small-caps } #abhylink { position:relative; left:-19%; top:0px; font-size: 155%; width: 168%; } #wechselbild10.allg { width:104%; margin-left:3%; margin-top:-79%; margin-bottom:10px; float:left; top:64%; position:absolute; left:-117px } #dreieck.spez { position:relative; top:3%; left:3%; width:40%; margin-top:-1%; position: absolute; } #wechselbild1.allg { width:145%; margin-left:-33%; margin-top:32%; margin-bottom:10px; float:left } #footer.bau { top:-303px; clear:both; width:102%; background-color:#9194CF99; position:relative; margin-top:-72px; margin-bottom:5px; height:127px; left:-104px } #sidebar.bau { width:34%; height:314px; float:right; position:relative; padding:20px; border-style:outset; border-radius:20px; border-color:#B6FFA2; background-color:#DDEFDE; margin-bottom:2px; margin-top:11%; right:15%; top:-95% } #starttableindex.bau { left:-24%; margin-top:15%; float:left; margin-bottom:4%; padding-right:5%; padding-top:1%; width:55%; height:auto; top:-11%; padding-bottom:1% } h1.bau { font-size:247%; color:navy; font-style:oblique; top:-9%; left:-214px; font-size:180%; width:243px } #main.agb { width:100%; float:left; background-color:#caf9c3; top:10%; margin-top:-108px; margin-bottom:10px; } #dreieck.allg { position:absolute; top:51%; left:2%; margin-top:10px; } #starttableindex.allg { padding-right:3%; margin:7px auto; margin-bottom:17px; margin-bottom:0px; left:3%; width:83%; height:auto; font:82%/1.6 serif; border-color:#aea6a6; top:-16px } #copy.agb { padding-right:3%; margin:7px auto; margin-bottom:17px; margin-bottom:0px; left:0%; width:73%; height:123px; font-size:70%; border-color:#aea6a6 } #starttableindex.agb { left:1%; position:relative; margin-top:1%; float:left; margin-bottom:4%; padding-right:1%; padding-bottom:50px; padding-top:5%; width:82%; padding-left:8%; height:1800px; top:5%; margin-left:13px; font-size:90% } #sprung.imp { margin-top:-17%; float:left; margin-left:0%; left:16%; position:relative; top:30px; width:260px; text-align:center; height:31px; padding-right:14px } #copy.raumstart { height:126px; margin-bottom:1px; opacity:0.9; padding:1%; padding-top:1%; text-align:center; position:absolute; padding-top:20px; left:-10%; display:inherit; top:-3%; width:69%; background:#b3e38bde; color:#1c2711; margin-top:691px; padding:14px } #willk { position:relative; display:inline; top:27px; left:-11px; } #willk { position:relative; display:block; top:27px; left:70px; width:107% } #copy.imp { position:relative; top:17px; left:2px; width:87% } #wechselbild3.imp { position:relative; top:-27%; left:-21px; width:94% } header.fuss { height:91px; width:81%; margin-bottom:10px; left:-1px } h1.imp { top:-55%; margin-left:4%; position:relative; font-family:serif; font-size:228% } #starttableindex.imp { left:1%; margin-top:23%; float:left; margin-bottom:4%; padding:12% 15% 25% 10%; width:68%; height:274px; top:-57%; margin-top:1px; left:3% } #termin.mobil { width:74%; margin-top:-51%; padding-left:22px; margin-left:11%; position:relative; top:0%; height:13px; font-size:122% } #dreieck.imp { position:relative; margin-top:35%; left:-2%; max-width:35%; display:none } #dreieck.terminonline { position:relative; top:11%; left:auto; width:34%; margin-left:31px } #spruchallg { height:297px; margin-left:15%; margin-top:7px; left:-8%; top:31%; width:86%; position:absolute } ul.start { display:inline-block; position:absolute; left:24px; width:auto; margin-top:56px; font:124%/1.8 sans-serif } #copy.home { width:86%; margin:0 auto; left:auto; top:141%; padding:9px; height:90px; display:inline } #spruchstart.term { height:99%; position:relative; padding:3%; margin-left:61px; margin-right:3%; background-color:#99319066; width:97%; left:-19%; display:block; margin-top:4px; margin-bottom:20px } #sidebar.term { width:73%; height:352px; margin-bottom:50px; margin-top:-81%; left:1%; top:166%; margin-left:14% } #starthome { width:87%; margin:0 auto; margin-left:auto; padding-left:70px; text-align:center; margin-left:-40px; padding-top:15px } #sprung.allg { display:block; float:left; position:relative; margin-top:-40%; margin-left:58%; top:auto; height:30px; width:100px } #spiegelranke { position:relative; top:109px; left:121px; background-color:#caf9c300; height:150px; margin-top:16px } #copy.allg { top:auto; width:96%; left:auto; height:120px; display:inherit; margin-left: 2%; } #navyquer ul.top > li { display:inherit; background-color:#bd5abc; border-bottom:1px dotted grey; margin:0 auto; border-radius:10px; width:117px; height:auto; text-align:center } #navyquer ul.top .ganz{ display:inherit; background-color:#f1d4f3; border-bottom:1px dotted grey; margin:0 auto; border-radius:10px; width:211px; height:auto; text-align:center; } #navyquer.nurmenue { top:14%; } #copy.raumnav { left: 7%; position: relative; margin: -189% 12% 2% 2%; } #dreieck.navi { position:relative; margin-top:auto; left:-35%; } #wrapper.navi { width:95%; height:958px; background-color:#caf9c3; position:relative; left:-2%; top:10px } #fusslink { position:relative; left:51%; top:-37px; display:block; width:151px } #rankefuss.allg { display:none; position:absolute; top:45%; left:67%; width:25% } #sprung.spez { margin-top:-6%; width:63%; display:block; text-align:center; left:1%; margin-bottom:10px; margin-left:-19px; position:relative; float:left; top:150%; margin:0 auto; font-size: 117%; height: 31px; } #starttableklass.spez { width:77%; padding:4% 8% 11% 8%; top:1%; height:auto; font-family:sans-serif; margin:0 auto; left: -1%; } #fruehangeb { position:absolute; top:0%; left:3%; text-align:right; } #sidebar.spez { margin-top:223%; display:inherit; margin-left:auto; left:-9%; margin:274% auto; width: 90%; padding: 1%; height: 14%; top: 58%; } #wrapper { height:3770px; width:100%; top:1px; left:1px } #wechselbild1.mass { position:relative; left:2%; top:32px; margin-top:0%; width:416px } #rankefuss.mobil { display:none; position:absolute; top:43%; margin-left:44px } h1.mobile { width:302px; margin-left:7%; margin-top:67%; margin-bottom:10px; float:left; top:auto; position:relative; font-size:110% } #sprung.mobile { display:block; float:right; position:relative; top:auto; margin-top:-168%; left:-9px } #sprung.mobile { display:none; float:right; position:relative; margin-top:-383px; left:-3%; width:335px; text-align:center; font-size:124%; height:33px; padding-right:10px } #dreieck.mob { margin-left:-2%; max-width:200px; left:2%; top:51%; position:absolute; margin-top:24%; width:37% } #wechselbild2.mob { width:94%; margin-left:-20%; margin-top:20px; margin-bottom:10px; float:left; top:auto; position:relative; } #spruchstart.abhy { height:97%; top:44px; left:-53px; width:95% } #starttablemobil { font-family:serifte, navy; text-align:center; color:navy; width:73%; padding-left:50px; padding-right:50px; position:relative; top:auto; left:4px; font-size:117%; margin-left:7px } #sprung.abhy { display:block; top:1%; float:right; position:relative; right:11%; margin-top:51px } #wasser.abhy { position:relative; margin:-9% auto; font-size:102%; top:-38%; width:41%; left:25% } #wechselbild1.start { width:70%; margin-left:4%; margin-top:1%; float:left } #sidebar.abhy { width:86%; height:358px; float:right; position:relative; padding:20px; border-style:outset; border-radius:20px; border-color:#B6FFA2; background-color:#DDEFDE80; margin-bottom:2px; top:1%; left:0% } #ampel.abhy { top:-249% } #wechselbild2a.abhy { position:relative; top:-96px; left:-66px } #fussnote.fuss { top:10%; left:7%; position:relative; width:69%; height:76%; padding:38px; margin-top:-226px } #sidebar1.abhy { width:93%; height:486px; float:right; padding:20px; padding:2%; left:0%; top:12%; margin-top:90% } #rankefuss.abhy { position:absolute; top:25%; left:58%; margin-bottom:2px; width:58% } #ampel.abhy1 { border-radius:30px; display:table-cell; left:45%; position:relative; top:-433px } spruchstart.abhy { height:97%; top:44px; left:-53px; width:94% } #tablefuss.abhy { width:78%; text-align:left; padding-bottom:20px; -left:-1%; float:left; margin-bottom:10px; margin-top:189px; top:36%; left:1%; height:522px } #sprung.abhy { display:block; top:-16%; float:right; position:relative; right:16%; margin-top:51px } td.kurztextabhy { font:95%/1.2 serif; width:90%; float:left; text-align:left; margin-left:3% } #wrapper.fuss { margin-left:1%; height:3041px; } eader.fuss { height:91px; width:101%; margin-bottom:10px } #wechselbild3.fuss { display:none; width:96%; top:1%; left:4% } h4.abyanga { color:rgb(12, 112, 25); font:119% bold,italic; height:20%; left:25%; position:relative; text-align:center; text-shadow:3px 3px 3px rgb(255, 255, 255); top:-54%; float:left } header.agb { height:191px; width:103%; margin-bottom:10px; margin-top:-80px; top:auto } #headline.agb { background-color:#87e3a44d; width:96%; position:relative; top:286px; left:1px; margin-top:-11%; height:50%; border-bottom:3px dotted white; margin-bottom:2px } #wechselbild2.agb { top:2%; margin-bottom:2px; width:100%; margin:0 auto; left:-5%; height:auto; position:relative } #sprung.agb { display:block; float:left; position:relative; top:-240px; left:320px } #sidebar.agb { width:83%; left:-17px; } #wasser.agb { position:relative; margin:-42% auto; font-size:98%; width:72%; padding-top:93%; top:-28%; color:#362958; font-size:124%; left:20px } header { height:213px; width:100%; margin-bottom:10px; margin-top:-57px; left:2px; top:2px; } #main { width:99%; margin-top:5px; height:1800px; left:41%; top:-37px; background-color:#d2facc00; } #main.fuss { width:100%; height:2400px; margin-top:-122px; top:2%; left:-14px } #main.navi { width:105%; background-color:#caf9c3; margin-bottom:10px; height:2441px; } #main.imp { width:92%; float:left; top:auto; margin-top:-1%; margin-bottom:10px; height:1126px; margin-top:25%; left:7px } #dreieck { position:relative; top:27%; } h1.fuss { top:-94%; left:-16%; position:relative; font-family:serif; font-size:228%; float:right } #navyquer { display:none; } #sidebar, #sidebar1, #sidebar2, #spruchstart { width:90%; margin-top:10px; margin-bottom:10px; } #sprung { display:block; margin-top:-12%; float:right; margin-right:7%; top:103% } #sprung.fuss { display:block; top:26%; float:right; position:relative; margin-top:-58px; right:27px; margin-right:-35% } #sidebar.fuss { width:84%; position:relative; height:449px; margin-bottom:10px; left:3%; top:2% } #sidebar1.fuss { width:88%; height:500px; float:left; position:relative; padding:20px; border-style:outset; border-radius:20px; border-color:#B6FFA2; background-color:#DDEFDE; padding:2%; margin-top:10px; margin-bottom:10px; left:4%; top:33% } #wasser.fuss { position:relative; margin:-9% auto; font-size:98%; width:72%; padding-top:93%; top:-9%; left:-35px } #wechselbild2.fuss { position:relative; left:0%; top:11%; width:99%; height:auto } td.kurztextfuss { margin:-3%; font:90%/1.2 serif; width:90%; float:left; text-align:left; padding-bottom:11px; margin-left:10% } #sidebar.imp { width:81%; height:48%; margin-top:30%; left:-2%; top:35%; } #wasser.imp { position:relative; margin:-9% auto; margin-top:-9%; margin-top:-9%; font-size:108%; width:72%; padding-top:93%; margin-top:-78% } #starttableindex { width:89%; top:-2%; margin-top:-1%; margin-bottom:55px; left:-2px; font-size:80%; font-family:oblique; height:442px; } #rankefuss { display:inline; position:absolute; top:-75%; left:42%; } #spruchstart { height:99%; position:relative; padding:1%; background-color:#eb77e8; width:99%; left:-1%; display:block; margin-left:-15%; margin-top:-7px; margin:0 auto } #footer { top:25%; clear:both; width:99%; background-color:#C5FFB56B; position:relative; margin-top:32px; margin-bottom:5px; height:155px; left:12px; display:block; } #footer.fuss { top:3%; clear:both; width:100%; background-color:#9194CF00; position:relative; margin-top:13px; margin-bottom:5px; height:300px; left:3px } #footer.imp { top:auto; clear:both; margin-bottom:5px; left:3%; height:134px; margin-top:20px; width:90% } #copy.fuss { width:83%; left:1%; top:auto; display:inherit; height:180px; padding:24px; margin-top:-5px; margin-bottom:20px; font-size:103% } #footer.allg { clear:both; width:91%; background-color:#9194CF00; position:relative; margin-top:9px; margin-bottom:5px; height:150px; margin-left:-6px; top:129% } #medien.navform { display: inline-block; position: relative; top: auto; width: 200px; margin: 199% auto; left: 53%; } .gkmass span { padding: 16px 7px 0px 5px; font-size: 77%; margin: -5px 1px 1px -2px; } .ruema span { padding: 16px 7px 2px 5px; font-size: 77%; margin: -4px 1px 1px -2px; } .mobil span { padding: 16px 7px 1px 5px; font-size: 77%; margin: -10px 1px 1px -2px; } #wrapper.spez { left: 10px; padding-bottom: 202%; } #info.allg { width: 135%; left: 2%; top: -113%; } #rezensionen { width: 74%; font-size: 80%; left: 3%; margin-top: 72%; height: 30px; padding-top: 10px; } #medien.neuinfo { left: 9%; top: -4%; width: 66%; height: 152px; margin-bottom: 2%; } #sprung.spez{ top:85%; width: 71%; } #medien.navform { display: inline-block; position: relative; top: auto; width: 200px; margin: 254% auto; } header.allg { left: 0%; height: 8%; background: #f4e4a7; padding-bottom: 50%; } } @media screen and (max-width:475px) { #spruchstart.allg { padding: 4% 12% 23% 8%; left: 5%; top: -216%; height: 256px; margin-top: 37%; margin-left: -12px; } #bild3.allg { width:67%; top:23px; margin-top:1px; margin-left:2%; border-style:outset; padding:14px 30px; } #terminspez.allg, #tel_hoer.allg { top:58%; width:41%; margin-left:18px; height:28px; margin-top:398px } header.allg { width: 94%; margin-bottom: 10px; margin-top: -6%; position: absolute; top: 2%; height: 7%; left: 2%; padding-bottom: 46px; } } @media screen and (max-width: 450px) { #klasslink { left: 9%; top: 2%; } a.allabhyopt { text-align: center; font-size: 98%; font-family: chopin script, serif; width: 362px; margin: -2% -5%; } table.ganzkoerper { display: inherit; position: relative; width: 400px; height: 658px; left: 1%; } #sprung.spez { top: 125%; } #dreieck.spez { position: relative; top: -94%; left: -12%; margin: 36% -2% 1% 15%; } #info.allg { width: 135%; left: 2%; top: -103%; } h1.allg{ top:-26%; font-size: 208%; left: -22%; } #medien.navform { display: inline-block; position: relative; top: auto; width: 200px; margin: 234% auto; left: 62%; } #rezensionen { width: 91%; font-size: 80%; left: 1%; margin-top: 78%; height: 28px; padding-top: 7px; } #bild.allg{ top: -2%; } } @media screen and (max-width:445px) { #nebenlink.ruefu { display:block; position:relative; left:3%; margin-left:-15%; font-size:90%; width: 354px; } #terminspez.allg, #tel_hoer.allg { top:58%; width:41%; margin-left:18px; height:28px; margin-top:398px } #wechselbild10.allg { width:96%; margin-left:3%; margin-top:-79%; margin-bottom:10px; top:65%; left:-77%; } #navyquer.nurmenue .top > li { float: left; position: relative; padding: 16px 43px; margin: 10px 3px; width: 173%; top: -46%; left: -38%; margin: 8% auto; } } @media screen and (max-width: 430px) { #viererbild4.kontakt { width: 25%; } table.ganzkoerper { display: inherit; position: relative; width: 360px; height: 658px; left: -1%; } td.abhyopt { display: inline-block; position: relative; height: 40px; width: 90%; margin-top: 20%; } a.allklassopt { left: 14%; top: -22%; width: 98%; } #copy.raumnav{ top:auto; margin:-234% 23% 2% 1%; left: 18%; padding: 14% 5%; } #medien.navform { display: inline-block; position: relative; top: auto; width: 200px; margin: 240% auto; left: 63%; } a.bild { color: wheat; text-decoration: none; text-shadow: -1px 3px 3px #8f7a53; top: 35%; font-family: serif; font-size: 117%; left: 36%; } } @media screen and (max-width:428px) { #headline.spez { left: -14%; margin-top: 71%; margin-bottom: 2px; top: auto; font-size: 114%; width: 88%; height: 35%; } #navyoben.allg ul.oben { width: 102%; margin: -8px 2%; margin-left: 3%; } #starthome.rue { top: -14%; margin-top: -12%; width: 104%; left: -20%; } #viererbild.kontakt { position: absolute; width: 105%; height: auto; top: 15%; left: -6%; } #copy.raumnav { top: auto; margin: -170% 23% 2% 1%; left: 18%; padding: 14% 5%; } #viererbild2.kontakt { width: 17%; margin: 5px 10px 2px 1%; } #sprung.faq { margin-top: 55%; display: block; left: 6%; top: 26%; width: 66px; height: 24px; } #info.allg { width: 105%; left: 0%; margin-top: -103%; } #navyquer.nurmenue ul.top { width: 56%; } #navyquer.nurmenue a.head{ color: #4e195c; text-shadow: 2px 2px 2px aliceblue; } header.allg { width: 94%; margin-bottom: 10px; margin-top: -1%; position: absolute; top: 61px; height: 148px; left: 2%; padding-bottom: 1px; padding-top: 7%; } #medien.navform { display: inline-block; position: relative; top: auto; width: 200px; margin: 264% auto; } a.allg { width: 75%; left: 13%; font-size: 78%; margin: 0 auto; top: 8%; font-weight: 300; letter-spacing: 0px; } #rezensionen { width: 68%; font-size: 80%; left: -8%; margin: 71% 47px; padding: 1px; height: 28px; border-radius: 10px; } h1.allg { font-size: 221%; left: -28%; margin: 29px 10px; top: auto; width: 115%; } td.neuinfo { display: inline-block; border-style: outset; border-color: #eaea64; border-radius: 10px; position: relative; height: 50px; top: 4px; left: -5px; background: navy; width: 205px; } #spruchstart.allg { padding: 4% 12% 23% 8%; left: 7%; top: auto; height: 68%; margin-top: auto; width: 76%; margin-left: -12px; } .gkmass span { display: block; position: absolute; margin: -8% 0px 0px 0%; font-size: 75%; padding: 17% 5px 13px 5px; text-align: center; border: 1px solid #eee9c7; width: auto } .abhyoel span { display: block; position: absolute; padding: 10px 9px 13px 5px; width: auto; border: 1px solid #f7e8c6; left:-1%; margin: -1px 1% 0% 3px; } .ruema span { width: auto; border: 1px solid #f7e8c6; padding: 16% 6% 11px 11%; font-size: 75%; margin: -5px 1px 1px 2px; } .mobil span { display: block; position: absolute; margin: -5px 1% 0% -3px; padding: 14% 17px 10px 14px; text-align: center; width: auto; border: 1px solid #f7e8c6; } #starttableklass.spez { width: 79%; padding: 4% 8% 11% 8%; height: auto; margin-bottom: 80px; margin-top: 97px; font-family: sans-serif; margin: 0 auto; left: -1%; right: ; } #bild.allg { left:63%; margin-top: 4%; width: 33%; height: 197px; top: -5%; border: none; } #viererbilder.kontakt { left: -2%; border: 3px outset; color: #bebe3e; height: auto; padding-bottom: 134px; font-family: serif; margin-bottom: 10px; width: 98%; } #wechselbild7.fuss { display:block; width:105%; top:-13%; left:-4%; position:relative } #spruchstart.imp { padding: 6% 7% 2%; width: 79%; left: 16%; } #viererbilder.kontakt { left: -1%; height: 5%; padding-bottom: 134px; font-family: serif; margin-bottom: 21px; width: 98%; border: none; margin: -14px auto; top: -1%; } #sprung.spez { left: -32%; position: absolute; font-family: serif; font-size: 108%; text-shadow: 3px 3px 3px #fff; width: 51%; height: 25px; top: 87%; display: inline-block; left: -30%; } #starttableindex.imp { top:-8%; left:3%; font: 90%/1.4 sans-serif; position: absolute; padding:4% 10% 71% 10%; margin-top: 21%; } h2.navi { position:absolute; margin:74px 54px; height:auto; width:218%; font:80%/1.4 sans-serif; top:2%; margin:71% 1% 6% -40%; } #copy.raumimp { margin-left: -3%; margin-top: -42%; padding: 8px 11px 7% } a.neuinfo { text-shadow:none; font-weight:normal; font-size:100%; left: -4%; top: -12%; } #medien.neuinfo { left:14%; top:-42%; width: 77%; height: 162px; } #headline.mob { top:10%; left:0%; } sprung.mobile { top:-24%; margin-top:-442%; left:25%; width:76%; height:30px; } #wechselbild4.allg { width:102%; left:0%; position:relative; display:none } #wrapper.spez { margin:0 auto; height:2000px; width:97%; left:5px; position:absolute; top:2px; padding-bottom: 642%; background-color: #dbd283; } #tel_hoer.imp { display:block; position:relative; top:24px; left:-4px; width:69%; margin:0px auto } table.medien { display:table-cell; width:94%; padding-left:10px; height:auto; text-align:center; top: auto; left: -17%; margin-top: 350%; } a.tel:link { top:-30px; left:12px; width:67%; margin:0 auto; font-size:90% } #wechselbild2.agb { top:2%; margin-bottom:2px; width:100%; margin:0 auto; left:2%; height:5%; position:relative } #footer.imp { top:auto; clear:both; margin-bottom:5px; left:-1%; height:134px; margin-top:20px; width:90% } #terminspez.allg, #tel_hoer.allg { top:320%; width:59%; margin-left:-8px; height:28px; margin-top:398px; left:87px } #medien.kontakte { width:93%; top:76%; height:99px; margin-top:20px; margin-bottom:20px; position:absolute; left:-49px; margin:0 auto } #wechselbild3.imp { position:relative; top:-10%; left:-15%; width:96% } #main.termin { width:99%; margin-bottom:58px; height:auto; position:relative; top:4%; left:2px; margin:0 auto } #navyquer ul.top > li { display:inherit; border-bottom:1px dotted grey; margin:0 auto; border-radius:10px; max-width:258px; width:125px; height:auto; text-align:center } #navyquer ul.top > li { text-align: center; background-color: #b724b5ad; } #telklick.imp { height:22px; padding-top:0px; margin-top:21%; padding-left:63px; position:absolute; top:55%; left:7px; color:white; font-size:94% } #wasser.allg { position:absolute; margin:-15% auto; font-size:131%; width:59%; padding-top:93%; top:-14%; left:14px; color:#5a0e5a; text-shadow:-1px 2px 2px aliceblue } #starthome.termin { width:88%; top:5%; font:87%/1.4 sans-serif; left:-10% } #headline.allg { width:92%; left:1px; margin-top:19%; height:52%; margin-bottom:2px; top:76% } #tel_hoer { display:block; position:relative; top:22px; left:2px; width:70%; margin:0 auto } #wrapper.termin { width:98%; margin:0 auto; height:1261px; top:-54px; left:6px } #wasser.imp { position:relative; margin:-12% auto; margin-top:-12%; font-size:122%; width:74%; padding-top:93%; margin-top:-78% } #copy.raumstart { height:126px; margin-bottom:1px; opacity:1.0; padding:1%; padding-top:1%; padding-top:20px; left:-21%; top:19%; width:78%; margin-top:691px; padding:14px } #main.allg { width:306px; margin-top:227px; margin-bottom:58px; height:2000px; position:absolute; left:-58px } #sidebar.imp { width:78%; height:536px; margin-top:145%; left:-6%; top: 38%; } #terminspez.allg { position:relative; background-color:#bb00ffba; text-align:center; border-radius:8px; border-style:outset; opacity:1.0; top:1537px; margin-top:409%; margin:0 auto; width:300px; left:1px } #spruchstart.agb { height:90%; left:-1px; } #wasser { top:-97%; text-align:center; margin:0 auto; position:relative; left:2% } #headline.agb { background-color:#87e3a40a; width:96%; position:relative; top:70%; left:10px; margin-top:-11%; height:50%; border-bottom:3px dotted white; margin-bottom:2px } copy.agb { margin:0 auto; left:-2%; top:-5%; padding:9px; width:80%; display:inherit; height:50px; } #main.agb { width:99%; float:left; background-color:#caf9c3; top:5%; margin-top:88px; margin-bottom:10px; left:174px } #willk { position:relative; display:block; top:-8%; left:18%; width:110% } #herz.mob { display:block; color:#0C7019E0; height:auto; text-shadow:-2px 2px 2px; position:relative; margin-top:-41%; left:2px; float:left; top:45%; width:96% } #rankefuss.allg { display:none; position:absolute; top:41%; left:60%; width:21% } #sidebar.bau { width:61%; height:312px; float:right; position:relative; padding:9px; border-style:outset; border-radius:20px; border-color:#B6FFA2; background-color:#DDEFDE; margin-bottom:2px; margin-top:11%; left:-36%; top:-55% } #bild3.allg { position:relative; width:77%; border-style:outset; padding:24px 15px 1px 14px; color:white; margin-left:-10%; left: 14%; top: 51px; } #abhylink { position:relative; left:-14%; display:block; top:1px; width:400px; } #klasslink { position:relative; left:-18%; top:10%; width:88%; height: 81px; } #ruecklink { position:relative; left:41px; top:-1px; display:inline-block; width:150px } #fusslink { position:relative; left:165px; top:-24px; display:block; } #kontaktlink { position:relative; left:-6px; top:2500px; text-decoration:underline } #bild.marma { position:relative; display:block; top:-18%; font-size:138%; left:-60%; width:300px } #bild.garschan { position:absolute; display:block; top:52%; font-size:128%; left:14%; background:#add8e600; font-variant:small-caps } #wechselbild2.mob { position:absolute; left:16%; top:52px; width:94%; margin-top:-68px; margin-left:-57px } #dreieck.spez { position:absolute; top:-85%; left:-20%; width:40%; margin: 27% 3% 1% 10%; } #fruehangeb { position:absolute; color:white; font-style:oblique; display:block; left:5%; font-family:serif; width:111px; text-align:center; top:auto; background:#80808000; margin-top:-124% } #starttableindex { width:93%; top:4%; margin-top:21px; margin-bottom:10px; left:-2%; height:362px; padding-bottom:62px; font:109%/1.4em sans-serif } #navyquer ul.top { display:block; border-radius:10px; color:#fff0; width:auto; clear:both; background-color:#e6aae500; left:-77%; float:left; background:#add8e600; margin-left:1%; position:relative; top:-528px } ul.rueklass { position:relative; text-align:center; margin-left:-3%; margin-top:-6px; font-style:inherit; font-size:97%; list-style-type:none } #navyquer.nurmenue { display:inherit; top:auto; left:42%; height:auto; width: 50%; margin: 81% 34%; } #dreieck.mob { margin-left:4%; max-width:200px; left:7%; top:-9%; position:relative; margin-top:13%; width:31% } #startfuss.mob { width:107%; font:115%/1.2 serif; top:-16px; position:relative; left:-27px } #startmobil { position:relative; width:106%; top:auto; margin-top:20px; left:-7px; font:94%/1.4 sans-serif } header.mob { height:21%; width:99%; margin-bottom:25px; margin-top:50px; top:4%; } #termin.mobil { width:279px; margin-top:21%; padding-left:37px; margin-right:2%; top:-20%; display:inherit; float:left; left:-3%; height:4px; border-radius:16px; padding-top:11px; font-size:114% } #sidebar.spez { width:91%; padding:18px; margin-bottom:5px; height:300px; top:45%; margin-top:379%; left:-14%; margin-top:2005px } #spruchstart.allg { padding: 4% 12% 3% 12%; top: auto; height: 105%; width: 71%; } h1.imp { margin-left:-4%; position:relative; font-family:serif; font-size:228%; margin-top:49px; margin-bottom:50px; left:-11%; position:relative; top:-132px; width: auto; } #main.allg { width: 101%; margin-top: 34%; margin-bottom: 5%; height: 2500px; position: absolute; top: 7%; left: 1px; } #wechselbild10.allg { width:93%; margin-left:80%; margin-top:-43%; margin-bottom:10px; float:left } #wechselbild2.fuss { position:relative; left:-4%; top:-37%; width:109%; margin-top:auto } #spruchstart { height:100%; position:relative; padding:1%; background-color:#c960e7; width:104%; left:5%; display:block; margin-left:-16%; margin-top:0px } #starthome { width:103%; padding-right:1px; text-align:center; font:120%/1.4 sans-serif; left:-27%; position:relative; top:-3% } #dreieck.imp { position:relative; margin-top:11%; left:7%; top:-39px; display:none } #sprung.imp { margin-top:-17%; float:left; margin-left:0%; left:5%; position:relative; top:52px } #sprung.fuss { float:left; position:relative; left:3px; width:92%; text-align:center; padding-left:2px; top:86px; display:block; margin-top:-70px; margin-bottom:10px; margin-left:auto } #starttableklass.allg { width:65%; padding-top:41px; padding-left:118px; top:auto; left:-5px; height:1150px; margin-bottom:20px; margin-top:133px } #sidebar.term { width:90%; height:363px; float:right; position:relative; padding:20px; margin-bottom:50px; margin-top:23px; left:7%; top:-1%; display:block; padding:4%; margin-right:10% } #sidebar.allg { width:18%; height:240px; float:right; position:relative; padding:20px; border-style:outset; border-radius:20px; border-color:#B6FFA200; background-color:#DDEFDE00; margin-bottom:2px; top:134%; right:18%; margin-top:5% } header.navi { height:24%; width:104%; margin-bottom:10px; left:-3%; margin-top:51px; top:-6%; background:#ffffe000 } #wechselbild2.navi { position:absolute; left:24%; top:31%; width:98%; margin-top:-79px; margin-left:-22% } #wechselbild3.fuss { display:block; width:93%; top:0%; left:4%; margin-top:-43px } #starttableklass { width:81%; height:auto; padding-top:10%; padding-left:60px; top:5px; left:auto } #sprung.mobile { float:right; position:fixed; top:1863px; margin-top:-442%; left:7%; margin-bottom:20px; width:76%; height:30px; } #wrapper.imp { width:99%; height:auto; left:-3px; position:relative } #dreieck { position:relative; top:-63%; width:50%; left:-5px; width:125px } #dreieck.allg { position: relative; top: 47%; left: 9%; margin-top: -141px; max-width: 62%; height: auto; } #startfuss { position: relative; width:80%; margin-left:24px; font-size:104%; } #gutschein.mobile { position:absolute; top:auto; left:6%; width:88% } #spruchallg { height:230px; margin-left:16%; margin-top:281%; top:auto; width:89%; position:relative } #starttableindex.allg { margin-bottom:-26px; left:1%; width:76%; height:auto; font-size:85%; margin-top:auto; top:-1%; font-family:serif; position:relative; border-color:#c1bcbc; padding:5% 6% 124% 15%; list-style-type:none } header.agb { height:191px; width:103%; margin-bottom:10px; margin-top:-80px; top:auto; left:-16px; position:relative } #starttablemobil { width:64%; top:auto; position:relative; left:auto; margin-left:10px; margin-top:-10px; margin-bottom:16px; left:4%; } #starthome.ganz { width:100%; margin-left:auto; padding-right:9px; text-align:center; margin-left:-7%; margin-top:-49px; display:block; top:22px; font-family:sans-serif; font-size:92%; left:-12%; } #sidebar.agb { width:86%; left:-11px; height:550px; top:-114px; margin-top:-9% } #wechselbild1.mass { position:relative; left:auto; top:-52%; margin-top:-723px; width:auto; margin-left:-37%; margin-right:6% } h1.mobile { text-shadow:3px 3px 3px #fff; padding-left:18%; position:relative; font-family:serif; font-size:94%; color:#261f7b; top:70%; left:11%; width:75%; margin-top:13% } h1.rueallg { font-size:216%; color:navy; font-weight:bold; font-style:italic; top:51%; left:-8%; margin-top:15px; margin-bottom:10px; height:110px; width:69%; position:absolute; } #main.navi { width:113%; background-color:#f9c3f100; margin-top:144px; margin-bottom:10px; height:1472px; left:0%; top:-12%; margin:20% -17% } #wechselbild3.cookie { left:-3%; top:auto; width:100%; margin-bottom:10px; position:relative } #wechselbild1.allg { max-width:97%; margin-left:29%; margin-top:-35%; margin-bottom:10px; float:left; top:99%; } #spiegelranke { position:relative; top:-144%; left:-1px; background-color:#caf9c300; height:131px; margin-top:16px; margin-bottom:57px } #sprung.allg { margin-top:1px; width:28%; text-align:center; left:18px; margin-bottom:10px; top:67%; padding-right:26px; margin:0 auto } #wechselbild2.advent { position:absolute; left:14%; top:57px; width:94%; margin-top:-59px; margin-left:-57px } h4.abyanga { color:rgb(12, 112, 25); font:119% bold,italic; height:20%; left:10%; position:relative; text-align:center; text-shadow:3px 3px 3px rgb(255, 255, 255); top:-122%; float:left } #navyquer.navi { width:102%; margin-top:1px; left:1%; background-color:#caf9c3; top:-32%; clear:both; height:454px; display:initial; position:relative } #wechselbild4.fuss { display:none; width:93%; top:-1%; left:1%; position:relative } #wechselbild7.fuss { display:block; width:105%; top:-13%; left:-4%; position:relative } #sprung.abhy { display:block; top:-7%; float:right; position:relative; right:21%; margin-top:51px; margin-right:92% } #wasser.abhy { position:relative; margin:-9% auto; font-size:102%; top:-38%; width:41%; left:25% } #wechselbild1.start { width:89%; margin-left:-53%; margin-top:1%; float:left; top:93px; left:107px } #sidebar.abhy { width:86%; height:358px; float:right; position:relative; padding:20px; border-style:outset; border-radius:20px; border-color:#B6FFA2; background-color:#DDEFDE80; margin-bottom:2px; top:1%; left:-2% } #sidebar.allg { width:87%; margin-top:0px; margin-bottom:0px; padding:18px; margin-bottom:5px; height:312px; top:auto; margin-top:67%; left:-1%; display:inherit } #ampel.abhy { top:-209% } #wechselbild2a.abhy { position:relative; top:-96px; left:-66px } #ampel.abhy { top:-337% } #wechselbild2a.abhy { position:relative; top:-81px; left:-83px } #wrapper { height:auto } #wrapper.fuss { margin-left:1%; height:2541px } #wrapper.navi { width:98%; height:1200px; top:-7px; left:3px; } #headline.fuss { background-color:#c6f8bf80; width:100%; position:relative; top:166px; left:1px; margin-top:29%; height:85px; margin-bottom:1px } #sprung.agb { display:block; float:right; position:relative; width:258px; text-align:center; left:-1%; top:-45px; font:135% serif; text-shadow:-1px 1px 1px #f1efea; padding-right:10px; font-variant:small-caps; border-style:ridge } #starttableindex.agb { left:1%; position:relative; margin-top:1%; float:left; margin-bottom:4%; padding-bottom:50px; padding-top:13%; width:70%; padding-left:23%; height:auto; top:-19%; margin-left:13px; font-size:90% } #dreieck.fuss { margin-left:4%; width:111px; left:18%; top:68%; position:relative } #dreieck.terminonline { margin-left:4%; width:111px; left:-1%; top:-3%; position:relative } #main { width:100%; margin-top:auto; margin-bottom:10px; } #main.mob { width:98%; margin-top:auto; margin-bottom:10px; top:auto; left:46% } #main.fuss { width:100%; height:2175px; margin-top:23px; top:-1%; left:-14px } #spruchstart.fuss { height:95%; position:relative; padding:4%; width:92%; right:12%; display:block; margin-left:12%; margin-top:-3px; background:linear-gradient(to right, #a6b32780 0%,#263b0099 99%); background-color:rgba(0, 0, 0, 0); background-color:rgba(0, 0, 0, 0); background-color:rgba(0, 0, 0, 0) } #main.imp { width:99%; float:left; top:auto; margin-top:49%; margin-bottom:10px; height:auto; left:-16px } header { height:179px; width:103%; margin-bottom:5px; margin-top:-79px; top:auto; } header.fuss { height:162px; width:90%; margin-bottom:10px; left:-31px } #wasser.agb { position:relative; margin:-42% auto; font-size:98%; width:72%; padding-top:93%; top:-22%; color:#362958; font-size:124%; left:auto } #herzlich1 { position:relative; top:2%; left:-5%; width:90%; } #dreieck.kontakt { margin-left:4%; max-width:200px; left:-4%; top:-9%; position:relative; width:48%; font-size:13px; margin-top:2px; } h1.fuss { top:-3px; left:5%; position:relative; font-family:serif; font-size:228%; float:left } h1.fuss { top:-177%; left:2% top:5%; left:12%; position:relative; font-family:serif; font-size:228%; float:left; } h5.fuss { left:33%; margin-top:-54%; } #rankefuss.mobil { display:inline-flex; position:relative; top:-22%; left:auto; margin-right:7%; width:30%; float:right } #footer.navi { top:auto; clear:both; width:100%; background-color:#9194CF00; position:relative; margin-top:413%; margin-bottom:5px; height:188px; left:4px; background-color:#f5f5dc00 } #copy.navi { width:77%; height:130px; top:auto; left:-1%; display:inherit; position:absolute; margin-left:12%; } #copy.moballg { top:auto; left:4px; width:79%; margin-top:30px } #footer.allg { clear:both; width:99%; background-color:#9194CF00; position:absolute; margin-top:100%; margin-bottom:5px; height:243px; margin-left:-30px; top:99%; background:#add8e600; left: 10%; } #copy.home { width:89%; margin:0 auto; left:2%; top:547%; padding:9px; display:inline; position:absolute; height:80px } #copy.allg { width:89%; margin:0 auto; left:1%; top:auto; padding:9px } #copy.allg { top:auto; width:95%; left:-14px; height:51%; } .abhyoel span, .gkmass span, .ruema span, .mobil span { font-size: 68%; top: 143%; background-color: #9c9999a6; height: 32px; margin-top: -10px; background-color: #bebcbc80; border-radius: 5px; border: 1px solid #f5efce; padding: 17% 5px 13px 5px; text-align: center; } } @media screen and (max-width:420px) { #navyoben.allg .oben a.telinfo { width: 47%; padding: 5px 22px; font: 100%sans-serif; top: -2%; left: -7%; } h2.muessen { display:block; position:relative; width:89%; text-shadow:1px -1px 1px aliceblue; font-weight:bold; margin:35% auto 24px 3%; } #sprung.mobile { top:-41%; position:static; } h1.navi { width: 350px; left: -35%; font-size: 260%; } #navyoben.allg { display: inline-block; position: relative; margin: 8px 1% 12px -4%; top: 0%; width: 96%; } } @media screen and (max-width: 412px) { #medien.neuinfo { left: 14%; top: auto; width: 77%; height: 162px; margin: -227% 1% 1% 1%; } } @media screen and (max-width:393px) { #viererbild.kontakt { position: absolute; width: 105%; height: auto; top: 15%; left: -6%; } #marmalinkopt { display: inline-block; left: 5%; position: relative; } a.allmarmopt { width: 300px; top: -16%; font-size: 123%; left: -11%; } #starttableklass.spez{ left: -1%; height: 3000px; } #info.allg { width: 105%; left: 2%; top: -123%; } td.zwischenopt { display: inline-block; height: 30px; width: 61%; text-align: center; left: -9%; position: relative; top: 7%; } a.allklassopt { left: 31%; top: -24%; width: 98%; } #abhylink { position: relative; left: 0%; display: block; top: -67px; width: 200px; } table.ganzkoerper { display: inherit; position: relative; width: 360px; height: 658px; left: -1%; } header.allg{ padding-bottom: 18px; } a.rez { top:-1px; } #navyoben.allg .oben a { width: auto; padding: 7px 18px; font: 90% sans-serif; } h1.allg{ font-size: 174%; } #navyoben.allg ul.oben { width: 96%; font-size: 81%; } #marmalink { display: inline-block; position: relative; left: -23%; margin-top: 31%; } #navyoben.allg .oben a.telinfo { display: flex; width: 43%; height: 21px; } #viererbild1.kontakt { width: 25%; position: relative; display: inline-block; left: 1%; top: 1px; margin: 16px 10px 6px -2%; height: 231%; } #bild.allg { left: 59%; margin-top: 3%; width: 36%; height: 6%; top: -14%; border: none; } #pfeil { top:100%; left: 80%; position: relative; } #navyquer.nurmenue .rat { width: 220px; left: 1px; float: left; position: relative; } #medien.navform { display: inline-block; position: relative; top: auto; width: 200px; margin: 333% auto; left: 57%; } #navyquer.nurmenue .top > li { float: left; position: relative; padding: 16px 43px; margin: 10px 3px; width: 132%; top: -46%; left: -4%; margin: 16% auto; } #sprung.spez { width: 41%; left: -25%; top: 139%; border-radius: 14px; } #spruchallg { height:230px; margin-left:11%; margin-top:281%; top:203%; width:93%; position:absolute; } .ruema span { width: auto; border: 1px solid #f0e1bc; padding: 16% 6% 8px 11%; font-size: 63%; } .mobil span { margin: -10px 1% -12% -1px; margin-bottom: 1%; padding: 14% 15px 10px 13px; text-align: center; width: auto; border: 1px solid #ede1b3; } th.ruecklink { left: 2px; } th.fusslink { padding: 17px 23px; font: 120% sans-serif; display: block; top: -10px; } tbody { width: 101%; display: inline-block; left: -3%; position: relative; } #medien.neuinfo { left: 14%; top: auto; width: 77%; height: 162px; margin: -295% 1% 1% 10%; } #bild3.allg { margin-top: -7%; margin-left: -6%; padding-bottom: 5%; } #klasslink { position: relative; left: -12%; top: -51px; width: 58%; } #viererbild3.kontakt { width: 22%; margin: 4px 3px 1px 11px; left: 44%; } .abhyoel span, .gkmass span, .ruema span, .mobil span { top: 143%; background-color: #9c999987; color:aliceblue; margin-bottom: 8px; } #sprung.spez { width: 58%; left: -22%; top: 83%; border-radius: 14px; } #navyquer.nurmenue { margin:96% 41%; height:auto; width:72%; top: auto; } #spruchstart.allg { padding: 4% 12% 23% 8%; left: 6%; top: 9%; height: 82%; margin-top: 12%; width: 76%; margin-left: -12px; } #headline.mob { top:10%; left:-7%; } #bild.allg { padding: 0px 4px 2px 0px; top: -5%; width: 33%; left: 62%; } #wechselbild1.mass { position:relative; left:auto; top:-21%; } #gutschein.mobile { position:absolute; top:552%; left:6%; width:88%; } #termin.mobil { width:270px; margin-top:-45%; padding-left:37px; margin-right:4%; top:-81%; left:-6%; } #footer { top:35%; } .allg span { margin-top: -2px; padding: 14px 2px; font-size: 75%; width: 96%; display: inline-block; } }