* { margin: 0; padding: 0; } body,html { font: 104% serif; background-color:#d8f9d3; background-image: url(hintergrund_site_neu.png); background-repeat: no-repeat; background-attachment: absolute; padding:5px; margin:auto; height: auto; } img {max-width: 100%; } header, nav, footer, hgroup, details { display: block; } header{ width: 100%; background: url(gruenskal.png) no-repeat; background-attachment: absolute; margin-bottom: 10px; } h1, h2, h3, h4, h5, h6{ font-famili:sans-serif; } #prax{ text-align: center; } @media screen and (max-width:2560px) { #navyoben.bew .oben a { display: flex; width: 6%; padding: 5px 44px; font: 134% sans-serif; color: maroon; border: outset #ede7d0eb; text-decoration: none; border-radius: 10px; float: right; background: #f0e487; } #form.kontakt{ display: inline-block; position: relative; width: 99%; } #navyoben.bew{ display: block; position: relative; margin:19px 18% 12px 17%; top:-24%; width: 90%; left: -25%; } #wrapper.bew { width: 100%; height: 100%; } #tablerez{ display: inline-block; position: relative; left:7%; } #table.elf, #table.zehn, #table.neun, #table.acht,#table.sieben,#table.sechs,#table.fünf, #table.vier, #table.drei, #table.zwei, #table.eins { background-color: #F0F8FF; color: navy; border-style: outset; border-radius: 20px; border-color: #008000; width: 60%; height: auto; padding: 1% 1% 1% 1%; padding-right: 1%; display: inline-block; margin-top: 5%; margin-left:10%; } #starthome.bewert{ font-family: sans-serif; } #table.acht { margin-top: 131px; margin-left: 9%; } #table.sieben { margin-top: 131px; margin-left: 9%; } #oben{ position: relative; display: block; top:10px; } form.markt{ border:1px solid black; border-radius: 5px; padding:10px 10px 10px 30px; width: 800px; left:17%; position: relative; background: lightblue; top: 119%; } a.markt{ color:black; font-family: tiflis; } #pfeil { opacity: 0.8; left: 82%; margin-bottom: 0; position: fixed; top: 78%; }#tablekontakt.kontakt{ display: inline-block; position: relative; height: auto; width: 90%; background: #cece7c; } #oben { display: block; width: 3%; padding: 4%; top: -1%; position: relative; } h2.bewert{ font-family: serif; font-style: oblique; color:#ceb555; text-shadow: 2px -1px 1px #1f2809; font-size: 219%; left: 14%; height: auto; } #bewert{ display: table-cell; top:auto; position: relative; } tr.bewert{ display: table-cell; } #wrapper.bew{ width: 100%; padding:1%; margin: 1% auto; display:block; position:relative; top: -18px; height: 3500px; background-color: #ebeba3; left: -14px; } textarea#kommentar.komment { border-radius: 5px; padding-left: 6px; margin-left: -1%; width: 92%; top: 24px; left: 10px; position: relative; } textarea.feed, textarea.besser, textarea.website { border-radius: 5px; margin-left: -1%; width: 97%; height: 115px; } td.versterne { display: inline-block; height: 87px; width: auto; margin-top: -40px; margin-left: 5px; padding:6px; top: 34%; position: relative; font-size: 89%; left: 1%; } tr.besser{ margin:19px; display: table-cell; top: 57%; height: auto; position: absolute; left: -4%; } tr.website { margin: 19px; display: table-cell; top: 84%; position: absolute; height: auto; left: -4%; width: 94%; } #viererbilder.kontakt{ width:65%; height: 32%; display: inline-block; position: relative; border: 5px solid aliceblue; border-radius:15px; top:-39%; left:9%; } #viererbild1.kontakt { width: 26%; display: block; position: relative; margin: 1px 1px 1px 1px; left: 5px; top: 25%; } #viererbild3.kontakt{ width:20%; height: 200px; display: block; position: absolute; margin:5px 1px 1px 6px; top: 3%; left: 51%; } #viererbild4.kontakt{ width:26%; height: 200px; display: block; position: absolute; margin: 4px 15px 1px 1px; top: 2%; left: 73%; } .abhyoel span:hover{ width: 50px; padding-right: 2px; top:50px } .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{ top:-24%; } .gkmass span{ position: absolute; display: block; top:-152%; width: 87%; left: 2%; color: aliceblue; font-weight: bold; background-color: #9c99997d; padding: 5px 14px 10px 14px; } .ruema span{ position: absolute; display: block; top:-96%; width: 84%; left: 2%; color: aliceblue; font-weight: bold; background-color: #9c9999b2; padding: 5px 14px 10px 14px; } .abhyoel span{ position: absolute; display: block; top:-188%; width: 83%; left: 1%; color: aliceblue; font-weight: bold; background-color: #9c99997d; padding: 5px 14px 10px 14px; } .mobil span{ position: absolute; display: block; top:-108%; width: 86%; left: 2%; color: aliceblue; font-weight: bold; background-color: #9c99997d; padding: 5px 14px 10px 14px; } header.bew { width: 102%; background-attachment: fixed; margin-bottom: 10px; top: 0%; position: relative; height: 28%; background: #ebeba3; margin: -15% -1%; } th.bew { display: table-cell; padding: 1% 2%; margin-top: -30px; font: 97%/1.2 serif; width: 18%; height: auto; font-family: verdana; background: aliceblue; border-radius: 10px; margin-right: 10px; } td.bew { display: table-cell; padding: 2% 4%; margin-top: -30px; font: 97%/1.2 serif; width: 90%; height: auto; font-family: verdana; border-radius: 10px; background: aliceblue; } #sterne{ width: 95%; position: relative; left:0%; top: 10%; } #headline.bewert { background-color: #a9ee9f00; width: 68%; position: relative; top: 5%; left: 13%; height: 165px; } #starthome.bewert { width: 60%; left: 11%; position: relative; display: block; align-content: center; margin-left: 5px; margin-top: 1%; text-align: center; font: 120%/1.4em sans-serif; font-family: zack; font-weight: bold; color:#145214; } #table.bewert2{ display: inline-block; position: relative; top:2%; } #table.drei { margin-top: 131px; margin-left: 9%; } #table.vier { margin-top: 131px; margin-left: 9%; } #table.fünf { margin-top: 131px; margin-left: 9%; } #table.sechs { margin-top: 131px; margin-left: 9%; } #table.contakt{ display: block; position: relative; top:64%; left: 86%; width: 28%; height: auto; } #table3.contakt{ position: absolute; display: block; top:67%; left:54%; width: 300px; height: 300px; } #absenden.absend { float: right; display: inline; margin-left: -1px; margin-top: 15px; margin-bottom: -151px; } #absenden.absend { float: right; display: inline; margin-left: -9px; margin-top: 15px; margin-bottom: -151px; position: relative; left: 2%; } input.contakt { background-color: #9f185e; border:2px outset maroon; cursor: pointer; height: 50px; border-radius: 15px; position: relative; top:-82px; color: white; } input.abbrech { background-color: #dfd2df; border:2px outset maroon; cursor: pointer; height: 50px; border-radius: 15px; position: relative; top:-65px; } input.abbrech { height: 41px; border-radius: 5px; margin-left:31px; margin-top: 8px; width: 226px; } #viererbilder.kontakt{ width:65%; height: 36%; display: inline-block; position: relative; border: 5px solid aliceblue; border-radius:15px; top:9%; left:17%; } #viererbild1.kontakt{ width:25%; height: 200px; display:block; position: relative; margin:1px 1px 1px 1px; left: 5px; top: 20%; } #viererbild2.kontakt{ width:22%; height: 200px; display: block; position: absolute; margin:5px 1px 1px 10px; left: 27%; top: 8%; } #viererbild3.kontakt{ width:20%; height: 200px; display: block; position: absolute; margin:5px 1px 1px 6px; top: 7%; left: 51%; } #viererbild4.kontakt{ width:26%; height: 200px; display: block; position: absolute; margin: 4px 15px 1px 1px; top: 8%; left: 73%; } .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{ top:-24%; } .ruema span{ position: absolute; display: block; top:-126%; width: 87%; left: 2%; color: aliceblue; font-weight: bold; background-color: #9c9999b2; padding: 5px 14px 10px 14px; } .abhyoel span{ position: absolute; display: block; top:-313%; width: 86%; left: 1%; color: aliceblue; font-weight: bold; background-color: #9c99997d; padding: 5px 14px 10px 14px; } .mobil span{ position: absolute; display: block; top:-108%; width: 86%; left: 2%; color: aliceblue; font-weight: bold; background-color: #9c99997d; padding: 5px 14px 10px 14px; } .abbrech span{ position: relative; display: block; top:88%; width: 200px; left: 8%; color: gray; font-weight: bold; } #absenden.kont{ position: relative; top:20px; } #medien.kontaktform{ display: inline-block; position: relative; left: -6%; top: 37%; width: 300px; } tr.kont{ width: auto; display: none; height: auto; } tr.absenden { height: 58px; width: 214px; display: inline-block; left: 15%; position: relative; } select.anrede { border-radius: 5px; height: 31px; margin-left: 42px; margin-top: -5px; width: 65px; } td.zwischen{ height: 5px; } tr.abbrech { height: 65px; top: auto; position: relative; width: 230px; display: inline-block; } td.abbrech { height: 39px; top: auto; position: relative; width: 229px; } tr.absend{ height: 50px; width: 230px; } td.absenden { height: 50px; width: 230px; } tr.termin, td.termon { height: 45px; width: 229px; display: table-cell; } table.medien{ position: relative; display: block; width: 267px; height: auto; margin-top:auto; margin-left:-1%; } input.kontak { height: 34px; border-radius: 5px; padding: 4px 4px 0; margin-left: 24px; margin-top: 18px; width: 230px; } select.kont { width: 91%; height: 30px; padding-left: 11px; border-radius: 5px; background: white; position: relative; top: 0px; left: -2px; } #anrede.text{ position: relative; top:-30px; left: 0px; } label.anrede { position: relative; margin-top:1px; position: relative; margin-bottom: 10px; top: 14%; left: 34px; } input.kont { height: 37px; border-radius: 5px; padding: 4px 4px 0; margin-left: -1px; margin-top: 18px; width: 109%; top: -20px; position: relative; left: 40px; } #abbrechen.kont{ position: absolute; top: -31%; left: 1%; width: 80%; } td.anredekont { display: block; margin-top: -66%; width: 223px; height: 40px; top: -6%; position: relative; left: -18%; } input.absendenkont:hover { position: relative; top:-5px; left:-45px; font-size: 14px; margin-top: 6px; width:234%; background:green; color:aliceblue; } input.absendenkont { left: -147%; top: - 7px; background-color: #82c760d6; width: 217%; font-size: 20px; font-family: sans-serife; position: relative; height: 48px; border-radius: 15px; background: linear-gradient(to right, #b541c6e3 0%,#b331c575 99%); color: #f2eee7; } #absenden.kont { float: right; display: block; margin-left: 30px; margin-top: 82px; margin-bottom: -151px; position: relative; left: 9%; } td.termon { 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: 19%; border-style: ridge; border-color: gray; height: 56px; position: absolute; top: 4%; padding-top: 2px; } td.kontakte, td.hoer{ display: none; } textarea.komment { border-radius: 5px; padding-left: 6px; margin-left: -5%; width: 92%; margin-top: 20px; } input.absenden:hover { box-shadow: inset 0 0 0 0.1rem; color: maroon; background-color: #c9f9c3; font-size: 14px; } td.zwischenoder { display: block; margin-top: -68px; width: 235px; height: 140px; top: 27px; position: relative; } label.betreff{ position: relative; top:-77%; left:-5px; } #medien.kontakt{ position: relative; display: none; } a.buttonkont{ display: inline; position: relative; top:17px; text-align: center; font-size: 110%; color: #d6c7c7; font-weight: bold; text-shadow: -1px 1px 1px #5f5c56; } a.termbutton{ display: inline; position: relative; text-align: center; top: -8px; } a.blau{ display: inline; position: relative; top:-37px; text-align: center; font-size: 100%; color: aliceblue; left: 30%; } td.zwischen { display: none; margin-top: -68px; width: 223px; height: 8px; position: relative; } td.zwischenoder , td.zwischen1, td.zwischen2{ display: inline-block; margin-top: -2px; width: 225px; height: 12px; position: relative; top: 76px; } td.zwischen1{ display: none; } td.termonline { display: inline-block; background: linear-gradient(to right, #ef7fe8 0%,#e93cec99 99%); height: 53px; border-radius: 15px; border: 1px outset; top: 57px; text-align: center; font-size: 116%; width: 230px; left: -5px; } #navyquer a.ganz{ height: auto; } select.bewert { width: 281px; height: 30px; padding-left: 11px; border-radius: 5px; background: white; position: relative; top: 14px; left: -2px; } #textfeld.textfeldkontakt { margin-left: 32px; margin-top:5px; padding-bottom: 1px; padding-left: 2px; padding-top: 5px; width: 238px; } #tel_num{ 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; } tr.versterne { display: inline-block; height: 164px; width: 93%; margin: -1px 1px 20px -10px; border:3px outset #ceb555; border-radius:10px; padding:10px } tr.feed{ margin:19px; display: table-cell; top: 30%; position: absolute; height: auto; left: -4%; width: 95%; } #copy.raumkontakt { display: inherit; margin-top: 30px; top: -152%; height: auto; padding:15px; font: 90%/1.4 serif; left:-40px; opacity: 1.0; } a.tel:link { color: white; display: block; position: relative; top: 14px; left: -54px; } a.kontakt:link { color: white; display: none; position: relative; top: 14px; left: -54px; } #tel_hoer.kontakt{ display: none; position: relative; top:6px; left:21px; width:68%; } #tel_hoer.imp { display: block; position: relative; top: 6px; left: 21px; width: 68%; } #telklick{ color: #0ffc; height: 35px; padding-top: 8px; padding-bottom: -12px; border-radius: 10px; width: 117px; margin-top: 21%; padding-left: 37px; position: absolute; top: -3%; display: inline; float: right; right: 20px; margin-right: 20px; width: 150px; } #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; } tr.zubreit { display: table-cell; width: auto; height: 250px; } td.anrede { display: block; margin-top: -77%; margin-left: 5px; position: relative; left: -54%; top:-61%; } #main.kontakt { width: 100%; float: left; top: -6%; margin-top: -42px; margin-bottom: 10px; height: 1157px; background: #ebeba3; } #sprung.kontakt a{ text-decoration: none; } textarea.kombi { border-radius: 5px; padding-left: 6px; margin-left:-1px; width: 92%; } textarea.wunsch { border-radius: 5px; padding-left: 6px; margin-left:-1px; width: 92%; } .textfeld label, label { display: block; font: 114%/1.2 serif; margin-bottom: 3px; margin-left: 7px; margin-top: 10px; width: 250px; top: 32%; } label.bewert { display: inline-block; font: 114%/1.2 serif; margin-top: 10px; width: 300px; top: -59%; position: absolute; } label.kont{ position: relative; left:-8px; } td.kontakt { padding: 1px 11px 1px 10px; width: 81%; font: 90%/1.2 serif; position: relative; top: auto; left: -11px; display: table-cell; height: auto; border: 3px outset #ceb555; border-radius: 10px; background: #dec97700; } table.bewert1{ display:inline-block; position:relative; top:8%; left:10px; width: 90%; height: 750px; padding:10px 10px 108px 10px; } .textfeldkontakt { display: block; font: 95%/1.2 serif; margin-top: -30px; padding: 43px 20px 0 0; margin-left: 8%; height: 91px; } #anrede.textfeldkontakt{ position: relative; top:-20%; display: block; left: -15px; } #betreff.betreff{ position:absolute; margin-top:-21%; margin-left: 1%; top: -36px; font-size: 137%; width: 350px; margin: 9px 10px 10px 0px; padding: 5px 10px 10px 10px; } #headline.kontakt { background-color: #bcf7b466; width: 100%; position: relative; top: 1px; left: 1px; margin-top: 29%; height: 150px; } #dreieck.kontakt{ position:relative; top:13%; left: -35%; } #tablekontakt.kontakt { height: auto; margin-left: 17%; margin-top: 3%; width: 52%; top: -7%; border-color: #5bc05b; padding: 1% 5% 24% 5%; } #table1{ position:relative; top:10px; margin-top:10px; width:400px; left:22px; margin-left:-1%; height: auto; background-color: #00800000; } #table2{ position:absolute; top:68%; margin-top:5%; width:300px; left:4%; margin-left:5%; height: 365px; background-color: #00800000; margin-top: -18%; } #table2.bewert{ position:absolute; top:78%; margin-top:5%; width:356px; left:11%; margin-left:5%; height: 365px; background-color: #00800000; margin-top: -18%; margin: -10px 10px 10px 10px; } #absenden.konttermin { display: block; position: relative; top: 38%; left: -502px; } #absenden.kontakt { float: right; display: inline; position: relative; top: 372px; left: 164px; border: #ff00ff9c; } #rankerolle{ display:none; } #wasser.kontakt { position: relative; margin: -9% auto; font: 110% serif; width: 66%; top: 22%; font-style: italic; color: aliceblue; height: 250px; text-shadow: -1px 1px 1px black; } #fussnote.kontakt { top: -4%; left: 1%; position: relative; width: 83%; height: 236px; padding: 38px; margin-top: 10px; } #wassernote{ position:relative; top:-12px; left:7px; } #spruchstart.kontakt { height: 106%; position: relative; padding: 4%; width: 90%; right: 5%; display: block; margin-top: -47px; background: linear-gradient(to right, #679622f2 0%,#0f3f03f2 99%); background-color: rgba(0, 0, 0, 0); margin-left: 40px; } #ampel.kontakt { border-radius: 30px; display: table-cell; left: 8%; position: relative; top: -25%; height: auto; padding-bottom: 10%; } #headline.kontakt { width:83%; position:relative; top:-32%; left:10%; margin-top:-4%; height:28%; border-bottom: 2px dotted white; } #dreieck.kontakt{ position:absolute; top:5%; left: 101px; } #sprung, #sprung.kontakt{ display:none; } #starttableindex.kontakt { 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; } #wrapper.kontakt { width: 99%; background-color: #ebfce9; padding: 1%; margin: 0 auto; margin-left: auto; display: block; position: relative; height:1180px; background-color: rgb(202, 249, 195); } #main.kontakt{ width:100%; float:left; top:0%; margin-top:15%; margin-bottom: 10px; height:auto; position: relative; } header.kontakt{ width: 100%; position:relative; top: -11%; margin-bottom: 5px; height: 51%; margin-top: 10px; } #wechselbild3.kontakt { left: 7%; top: 14%; width: 67%; margin-top: 80px; margin-left: 9%; position: relative; } h1.kontakt { top: 33%; left: -9%; position: relative; font-family: serif; font-size: 299%; color:#576c27; text-shadow:3px 3px 3px #fff; height: auto; } h2.kontakt { position: relative; top:-70%; left:-12%; padding-left: 23%; font-style:oblique; margin-left: -4%; color:#576c27; display: none; } #nav.kontakt{ margin-top:1%; margin-bottom:10px; position: fixed; top:6px; font-size: 110%; height:58px; background-color:#60ba4b33; left: 11%; } #navyquer.kontakt { width: 109%; margin-bottom: 5px; position: relative; display: block; height: 50px; left: 25%; top: -71%; float: left; margin-left: 13%; } #navyquer.konttermin { width: 123%; margin-bottom: 5px; position: relative; display: block; height: 50px; left: 0%; top: -45%; float: left; margin-left: 39%; } #sidebar.kontakt { width: 30%; height: 39%; float: left; position: absolute; padding: 20px; border-style: outset; border-radius: 20px; border-color: #B6FFA205; background-color: #DDEFDE00; margin-bottom: 2px; top: 55%; left: 49%; margin-top: -520px; } #sidebar1.kontakt{ width: 25%; height: 538px; float: right; position: relative; border-style: outset; border-radius: 20px; border-color: #B6FFA2; background-color: #DDEFDE80; top: 0%; padding: 2%; margin-top: 15%; margin-bottom: 10px; left: -13%; } #wechselbild1.kontakt { right: -31%; top: 40px; margin-top: 0px; left: 7%; width: 70%; position: absolute; height: 311px; } #copy.kontakt{ width:78%; top:4%; height:88px; display: flex; border-color: #68b568; justify-content: center; align-items: center; margin: 2% 10%; padding: 1px; } #footer.kontakt { margin-top: 50%; clear: both; width: 100%; background-color: #9194CF00; position: relative; top: 21%; margin-bottom: 5px; height: 200px; margin-left: -2%; padding: 5px; } .abhyoel span:hover{ color:yellow; width: 50%; top:30px; font-size:80% } #viererbild2.kontakt a:hover { position: relative; display: block; left: 2%; top: 50px; max-width: 70%; font-size:80% } .gkmass span:hover{ color:yellow; width: 50%; top:30px; font-size:75%; } #viererbild3.kontakt a:hover { position: relative; display: block; left: 2%; top: 50px; max-width: 70%; font-size:80% } .ruema span:hover{ position: absolute; color:yellow; width: 50%; top:30px; font-size:80%; } #viererbild4.kontakt a:hover { position: relative; display: block; left: 2%; top: 50px; max-width: 70%; font-size:80% } .mobil span:hover{ width: 50%; top:30px; font-size:80% } } @media screen and (max-width: 2048px) { #navyoben.bew { display: block; position: relative; margin: 12px 18% 12px 17%; top: -23%; } } @media screen and (max-width: 1700px) { #main.kontakt { width: 100%; float: left; top: 10%; margin-top: -56px; margin-bottom: 10px; height: auto; position: relative; } #navyoben { display: block; position: relative; margin: 12px 1% 12px 17%; top:-32%; } #navyoben { display: block; position: relative; margin: 12px 1% 12px 17%; top: -29%; } #table2.bewert { position: absolute; top: 85%; margin-top: 5%; width: 356px; left: 11%; margin-left: 5%; height: 243px; background-color: #00800000; margin-top: -18%; margin: -10px 10px 10px 10px; } header.bew{ height: 23%; padding-left: 1%; } tr.feed, tr.website, tr.besser{ width: 95%; } } @media screen and (max-width: 1600px) { tr.feed, tr.website, tr.besser { width: 95%; } input.abbrech { height: 41px; border-radius: 5px; margin-left: 29px; margin-top: 38px; width: 226px; } #sterne { width: 95%; position: relative; left: 0%; top: -4%; } #viererbild1.kontakt { width: 25%; height: 200px; display: block; position: relative; margin: 7px 1px 1px 1px; left: 5px; top: 21%; } #main.kontakt { width: 100%; float: left; top: 10%; } h1.kontakt{ font-size:359%; } h2.bewert{ width: 64%; left:7%; font-size: 231%; height: auto; margin: 7% 1% 1% 1%; } #medien.kontaktform { display: inline-block; position: relative; left: 39%; top: 69%; width: 300px; } td.termon{ top:10%; left:8% } } @media screen and (max-width: 1490px) { .gkmass span { position: absolute; display: block; top: -99%; width: 85%; left: 2%; color: aliceblue; font-weight: bold; background-color: #9c99997d; padding: 5px 14px 10px 14px; font-size: 94%; } .abhyoel span{ font-size:90%; top: -169%; width: 84%; } #sidebar.kontakt{ left:60%; } #wechselbild1.kontakt { right: -31%; top: 40px; margin-top: 0px; left: 4%; width: 98%; position: absolute; height: 311px; } } @media screen and (max-width: 1390px) { #wechselbild1.kontakt { left: -6%; top: -10%; width: 92%; margin-top: 80px; margin-left: 9%; position: relative; display: inline-block; } #wasser.kontakt { position: relative; margin: -9% auto; font: 110% serif; width: 84%; top: -4%; } .abhyoel span{ font-size:80%; top: -148%; } #dreieck.kontakt { position: absolute; top: 5%; left: -5%; } #viererbild1.kontakt { width: 27%; top:23%; margin: 8px 10px 1px 1px; left: -10px; } .gkmass span { padding: 5px 9px 12px 14px; font-size: 81%; } .ruema span { background-color: #9c9999b2; padding: 5px 9px 1px 14px; top: -79%; font-size: 91%; } #spruchstart.kontakt{ left:-11%; } #tablekontakt.kontakt { height: auto; margin-left: 9%; margin-top: 3%; width: 56%; top: -7%; border: 1px outset #3f3019; padding: 1% 5% 28% 5%; } #table2.bewert { position: absolute; top: 82%; } #sidebar.kontakt { margin-bottom: 2px; top: 55%; left: 59%; margin-top: -520px; background: #064d0600; border: none; } } @media screen and (max-width: 1300px) { #viererbild2.kontakt{ width:22%; height: 200px; display: block; position: absolute; margin:5px 1px 1px 10px; left: 27%; top: 12%; } #viererbilder.kontakt { width: 68%; height: 36%; display: inline-block; position: relative; border: 5px solid aliceblue; border-radius: 15px; top: 9%; left: 17%; } #viererbild4.kontakt { width: 26%; height: 210px; display: block; position: absolute; margin: 4px 15px 1px 1px; top: 12%; left: 73%; } #viererbild3.kontakt { width: 21%; height: 200px; display: block; position: absolute; margin: 5px 1px 1px 6px; top: 12%; left: 51%; } #wechselbild3.kontakt { left: 7%; top: 14%; width: 71%; margin-top: 80px; margin-left: 9%; position: relative; } #starthome.bewert { width: 63%; left: 15%; } #tablekontakt.kontakt { height: auto; margin-left: 14%; margin-top: 3%; width: 56%; top: -7%; border: 1px outset #3f3019; padding: 1% 5% 28% 5%; } #wasser.kontakt { position: relative; margin: -9% auto; font: 110% serif; font-style: normal; width: 88%; top: -59%; font-style: italic; color: aliceblue; height: 250px; left:-1%; text-shadow: -1px 1px 1px black; } td.termon { top: -242%; left: -48%; } } @media screen and (max-width: 1200px) { header.bew { height: 23%; } #navyoben.bew { display: block; position: relative; margin: 12px 18% 12px 24%; top: -23%; } #starthome.bewert { width: 68%; left: 17%; } #table.elf, #table.zehn, #table.neun, #table.acht, #table.sieben, #table.sechs, #table.fünf, #table.vier, #table.drei, #table.zwei, #table.eins{ width:76%; margin: 50px 6%; } #table.eins, #table.zwei{ padding-left: 11px; padding-right: 1%; } #tablekontakt.kontakt { height: auto; margin-left: 17%; margin-top: 3%; width: 63%; top: -7%; border: 1px outset #3f3019; padding: 1% 5% 28% 5%; } #wechselbild3.kontakt { left: 1%; top: 17%; width: 81%; margin-top: 80px; margin-left: 9%; position: relative; } #viererbilder.kontakt { width: 76%; height: 36%; display: inline-block; position: relative; border: 5px solid aliceblue; border-radius: 15px; top: 9%; left: 11%; } } @media screen and (max-width: 1160px) { header.bew{ height: 23%; width: 93%; left: -4%; } .ruema span { background-color: #9c9999b2; padding: 5px 9px 8px 10px; top: -57%; font-size: 71%; } .abhyoel span { font-size: 80%; padding: 5px 9px 8px 10px; top: -148%; } .mobil span { font-size: 80%; padding: 5px 4px 10px 14px; } #viererbild2.kontakt { width: 22%; height: 200px; display: block; position: absolute; margin: 9px 1px 1px 10px; left: 27%; top: 10%; } } @media screen and (max-width: 1100px) { #starthome.bewert { width: 60%; left: 17%; } h1.kontakt { font-size: 359%; top:5%; } #navyoben.bew { display: block; position: relative; margin: 4% 1% 12px 1%; top: -24%; } #wasser.kontakt{ top:-56%; left:2% } #main.kontakt { width: 103%; margin-top: -41%; margin-bottom: 10px; height: auto; left:-2% } #headline.bewert { background-color: #a9ee9f00; width: 68%; position: relative; top: -2%; left: 14%; height: 136px; } td.termon { top: 23%; left: 15%; width: 83%; } #tablekontakt.kontakt { height: auto; margin-left: 9%; margin: 3% 2% 12% 12%; width: 69%; padding: 1% 5% 34% 5%; } #viererbilder.kontakt { padding:8px 18px; width: 74%; left: 9%; top: 3%; height: 28%; } #spruchstart.kontakt { width: 98%; left: -18%; } #viererbild2.kontakt { width: 22%; height: 200px; display: block; position: absolute; margin: 9px 1px 1px 10px; left: 27%; top: 10%; } .gkmass span { padding: 5px 3px 12px 14px; font-size: 71%; } .mobil span { padding: 5px 3p 8px 1px; font-size: 71%; width: 82% } .abhyoel span { font-size: 70%; top: -148%; padding: 5px 3px 12px 14px; } .ruema span { background-color: #9c9999b2; padding: 5px 9px 10px 7px; top: -79%; font-size: 71%; } #wechselbild3.kontakt { left: -1%; top: 17%; width: 81%; } #dreieck.kontakt{ width: 80%; top:120%; left:-9%; } th.bew { display: inline-block; padding: 12% 2%; margin-top: 23px; font: 97%/1.2 serif; font-family: serif; width: 93%; height: auto; font-family: verdana; background: aliceblue; border-radius: 10px; margin: 2px 16px 3px 7px; } td.bew { display: table-cell; padding: 0% 5%; margin-top: -30px; font: 100%/1.4 serif; width: 101%; height: auto; font-family: verdana; border-radius: 10px; background: aliceblue; } #sterne{ width: 82%; position: relative; left:0%; top: 10%; height: auto; margin-right: 61px; } #table.vier { margin-top: 2%; margin-left: 10%; } header.bew { height: 23%; left:2%; top: -3%; width: 100%; } } @media screen and (max-width: 1084px) { #navyoben.bew { display: block; position: relative; margin: 4% 1% 12px 23%; top: -12%; width: 90%; height: 50px; } #medien.kontaktform { display: inline-block; position: relative; left: -29%; top: 7%; width: 300px; } #absenden { float: right; display: inline; margin-left: 31px; margin-top: 82px; margin-bottom: -151px; left: 11%; } #viererbilder.kontakt { padding: 8px 18px; width: 74%; left: 9%; top: 5%; height: 19%; } #viererbild1.kontakt { width: 27%; top: 26%; margin: 8px 10px 1px 1px; left: -10px; } #viererbild3.kontakt { width: 20%; } } @media screen and (max-width:950px) { #tablerez { display: inline-block; position: relative; left: 7%; width:89%; } #table.elf, #table.zehn, #table.neun, #table.acht, #table.sieben, #table.sechs, #table.fünf, #table.vier, #table.drei, #table.zwei, #table.eins { width: 99%; margin: 50px 6%; } #navyoben { display: block; position: relative; margin: 4% 1% 12px 5%; top: -23%; } #viererbilder.kontakt { padding: 8px 18px; width: 74%; left: 9%; top: 3%; height: 18%; } #form.kontakt { display: inline-block; position: relative; width: 95%; margin:1% 1% 1% -3%; } td.termon { top: auto; left: auto; margin-top: -126px; margin-right: 10%; } #table.neun { left: 2%; position: relative; font-size: 90%; } #table.acht { left:2%; position: relative; font-size: 90%; } h1.kontakt, h2.bewert{ font-family:serif; } tr.versterne { width: 96%; padding: 5px 10px 28px 5px; } tr.feed { width: 96%; padding: 5px 10px 28px 5px; } tr.besser { width: 96%; padding: 5px 10px 28px 5px; } tr.website{ padding: 5px 10px 28px 5px; } #viererbild2.kontakt { width: 22%; margin: 5px 1px 1px 10px; } #tablekontakt.kontakt { height: auto; margin: 3% 2% 12% 9%; width: 85%; padding: 1% 5% 45% 5%; } .mobil span { padding: 5px 3p 8px 1px; font-size: 71%; width: 79%; padding: 5px 14px 5px 14px; top: -66%; } #wasser.kontakt { position: relative; margin: -9% auto; font: 110% serif; font-style: normal; font-style: normal; width: 84%; top: -62%; } #sidebar.kontakt { margin-bottom: 2px; top: 55%; left: 62%; margin-top: -520px; width: 37%; } #sterne { width: 98%; position: relative; left: 0%; top: -8%; height: auto; margin-right: 21px; padding: 6px; } #wechselbild1.kontakt { left: 20%; top: 16%; width: 78%; margin-top: -7px; margin-left: -32%; position: relative; } .ruema span { background-color: #9c9999b2; padding: 5px 9px 17px 7px; top: -89%; font-size: 71%; } .gkmass span { padding: 5px 3px 2px 14px; font-size: 71%; } .abhyoel span { font-size: 70%; top: -148%; padding: 5px 3px 2px 8px; top:-88% } #dreieck.kontakt { width: 80%; top: 9%; left: 12%; margin-top: 2%; margin-left: -19%; } #starthome.bewert { width: 89%; left: 5%; margin-left: 5px; margin-top: -6%; top:0%; font: 120%/1.4em serif; font-family: zack; font-weight: bold; color:#404f1c; margin-bottom: 20px; } #main.kontakt { width: 103%; top: -1%; margin: 1% 1% 1% 1%; margin-bottom: 10px; left: -2%; } #navyoben.bew .oben a{ top:38px; } #navyoben.bew { display: block; position: relative; margin: 4% 1% 12px 23%; top: -18%; width: 90%; height: 50px; } #medien.kontaktform { left: -27%; top: 44%; width: 300px; } input.abbrech { height: 41px; border-radius: 5px; margin-left: 33px; margin-top: 38px; width: 226px; } } @media screen and (max-width: 900px) { td.termon { top: 95%; left: 23%; margin-right:-12px; } #viererbild1.kontakt { width: 27%; top: 35%; margin: 4px 10px 1px 1px; left: -7px; } #viererbild3.kontakt { width: 20%; margin: 9px 1px 1px 10px; } } @media screen and (max-width:850px) { .ruema span { background-color: #9c9999b2; padding: 5px 9px 1px 7px; top: -95%; font-size: 71%; } .abhyoel span { font-size: 70%; top: -88%; padding: 5px 3px 2px 7px; top: -138%; left: 4%; } #spruchstart.kontakt { width: 104%; left: -29%; } #tablekontakt.kontakt { height: auto; margin: 3% 2% 12% 6%; width: 77%; padding: 1% 5% 45% 5%; } #main.kontakt { width: 103%; top: -4%; } } @media screen and (max-width:850px) { #tablekontakt.kontakt { height: auto; margin: 3% 2% 12% 7%; width: 86%; padding: 1% 5% 45% 5%; } a.telinfo { color:aliceblue; width:200px; height:auto; top:0; left:10px; } #table.elf, #table.zehn, #table.neun, #table.acht, #table.sieben, #table.sechs, #table.fünf, #table.vier, #table.drei, #table.zwei, #table.eins { width: 99%; margin: 30px 6%; } #navyoben.bew .oben a { display: flex; width: 6%; padding: 5px 54px 5px 34px; } #viererbilder.kontakt { padding: 8px 18px; width: 74%; left: 9%; top: 3%; height: 18%; } } @media screen and (max-width: 800px) { #tablekontakt.kontakt { height: auto; width: 86%; padding: 1% 5% 75% 5%; } #navyoben.bew .oben a { display: flex; width: auto; padding: 2px 23px; } #navyoben.bew { margin: 4% 1% 12px 23%; top: -15%; width: 90%; height: 50px; } } @media screen and (max-width: 750px) { header.bew { height: 22%; left: 2%; top: -3%; width: 99%; } #viererbild2.kontakt { width: 22%; left:26%; } ul.start { display:block; position:absolute; left:1px; top:2%; padding:10px; width:auto; } #spruchstart.kontakt { width: 98%; left: -29%; } #wechselbild1.kontakt { left: 17%; top: 3%; width: 100%; margin-top: 43px; margin-left: -32%; position: relative; } #headline.bewert { background-color: #a9ee9f00; width: 69%; position: relative; left: 14%; height: 124px; } td.termon { top: -81%; left: auto; margin-left: 15%; } th.bew4 { display: inline-block; padding: 24% 2%; } th.bew9 { display: inline-block; padding: 24% 2%; margin-top: 23px; width: 115%; height: auto; font-family: verdana; background: aliceblue; border-radius: 10px; margin: 2px 16px 3px 7px; } #sidebar.kontakt { margin-bottom: 2px; top: 55%; left: 63%; margin-top: -520px; width: 40%; } #tablekontakt.kontakt { width: 92%; padding: 1% 5% 88% 0%; } .ruema span { background-color: #9c9999b2; padding: 5px 9px 1px 7px; top: -95%; font-size: 71%; } .gkmass span { padding: 5px 3px 2px 8px; font-size: 71%; } .abhyoel span { font-size: 70%; top: -88%; padding: 5px 3px 2px 7px; top: -108%; left: 4%; } } @media screen and (max-width: 700px) { h1.kontakt { font-size: 300%; top: 5%; left:-2%; } #navyoben.bew { display: block; position: relative; margin: 4% 1% 12px 23%; top: -14%; width: 90%; height: 50px; } #medien.kontaktform { left: -29%; top: 53%; width: 300px; } #viererbilder.kontakt { width: 72%; height: 12%; padding-top: 19px; top: 4%; left: 9%; } th.bew4 { display: inline-block; padding: 24% 2%; } th.bew9, th.bew4 { display: inline-block; padding: 38% 2%; margin-top: 23px; width: 90%; height: auto; font-family: verdana; background: aliceblue; border-radius: 10px; margin: 2px 16px 3px 7px; } td.termon { top: -81%; left: auto; margin-right: 1%; margin-top: 1%; } input.contakt { background-color: violet; border: 2px outset maroon; cursor: pointer; width: 212px; height: 50px; border-radius: 15px; position: relative; top: -82px; left: -9px; } .mobil span { font-size: 71%; width: 79%; padding: 5px 8px 0px 8px; top: -37%; height: 28px; } .gkmass span, .ruema span, .abhyoel span, .mobil span{ font-weight: normal; font-style: oblique; } #viererbild1.kontakt { width: 28%; top: 23%; margin: 12px 10px 1px 1px; left: -10px; } #table2.bewert { width: 39%; top: 82%; left:3%; height: 200px; } #sidebar.kontakt { margin-bottom: 2px; top: 45%; left: 66%; margin-top: -520px; height: 32%; } #wasser.kontakt { position: relative; margin: -9% auto; font: 110% serif; left:1%; width: 84%; top: -21%; } } media screen and (max-width: 650px) { #sidebar.kontakt { margin-bottom: 2px; top: 55%; left: 63%; margin-top: -520px; width: 35%; } header.bew { height: 18%; left: 2%; top: -3%; width: 99%; } #headline.bewert { background-color: #a9ee9f00; width: 69%; position: relative; top: -40%; left: 14%; height: 124px; } #navyoben.bew .oben a { display: flex; width: auto; padding: 2px 23px; } #navyoben.bew { display: block; position: relative; margin: 4% 1% 12px 3%; top: -23%; width: 97%; height: 51px; font-size: 80%; } #viererbilder.kontakt { width: 72%; height: 21%; padding-top: 24px; top: -12%; left: 9%; } #navyoben { display: block; position: relative; margin: 4% 1% 12px 5%; top: -40%; } th.bew9, th.bew4 { display: inline-block; padding: 59% 2%; margin-top: 23px; width: 90%; height: auto; font-family: verdana; background: aliceblue; border-radius: 10px; margin: 2px 16px 3px 7px; } #wechselbild3.kontakt { left: -1%; top: 18%; width: 81%; margin: 16% 1% 10% 9%; } } @media screen and (max-width: 600px) { #wrapper.bew{ left:auto; } #table.acht { width: 91%; left: -8%; position: relative; font-size: 90%; } #table.elf { width: 89%; left: -7%; position: relative; font-size: 90%; } #table.zehn { width: 89%; left: -7%; position: relative; font-size: 90%; } #table.neun { width: 89%; left: -7%; position: relative; font-size: 90%; } #table.elf, #table.zehn, #table.neun, #table.acht, #table.sieben, #table.sechs, #table.fünf, #table.vier, #table.drei, #table.zwei, #table.eins { width: 116%; margin: 19px 18px; font-size: 104%; } .gkmass span, .ruema span, .abhyoel span, .mobil span { font-weight: normal; font-style: oblique; margin-top:35%; } #table2.bewert { position: absolute; top: 68%; left: -3px; margin-top: 20px; width: 94%; } .abhyoel span { font-size: 70%; top: -88%; padding: 5px 3px 2px 7px; top: -108%; left: 4%; margin-top:52%; } h1.kontakt { font-size: 289%; margin: 69px 65px; width: 391px; } input.kont { height: 26px; border-radius: 5px; padding: 4px 4px 0; margin-left: -1px; margin-top: 18px; width: 95%; top: -20px; position: relative; left: 40px; } h2.bewert{ font-size:190%; font-style: oblique; position: relative; top:-33%; left:4%; width: 90%; } #dreieck.kontakt { max-width: 35%; display: inline-block; top: -6%; left: -1%; margin-top: 4%; margin-left: 11%; } #spruchstart.kontakt { width: 97%; left: -15%; } #absenden { float: right; display: block; margin-left: 3%; margin-top: 83px; margin-bottom: -151px; width: 210px; left: 13%; } #main.kontakt { width: 99%; top: 0%; background: #ebeba3fc; left: -2%; padding: 10px; } #sterne { width: 68%; position: relative; left: -1%; top: 7%; height: auto; margin-right: 21px; padding: 6px; font-size: 80%; font-family: tiflis; } table.bewert2{ width: 245px; left:37%; display: inline-block; margin-left:-12%; position: relative; top: 17%; } td.termon { top: 958%; left: 195%; height: 47px; padding-top: 0px; } td.bew{ font-size:75% } #kommentar.betreff{ width: 95%; display: inline-block; position: relative; } tr.feed, tr.besser, tr.website { } tr.feed{ margin: 21px; display: inline-block; top: 32%; position: absolute; height: auto; } tr.feed, tr.besser, tr.website { } td.kontakt{ width: 90%; display: table; } #table1 { position: relative; top: 10px; margin-top: 10px; width: 440px; left: 22px; margin-left: -1%; height: auto; background-color: #00800000; } textarea.feed, textarea.besser, textarea.website { border-radius: 5px; margin-left: -1%; width: 97%; height: 115px; } table.bewert1 { display: inline-block; position: relative; top: 8%; left: 10px; width: 100%; height: 750px; padding: 10px 10px 108px 10px; margin: 10px 10px 108px 10px; } td.kontakt { padding: 1px 11px 1px 10px; width: 103%; } tr.versterne { width: 124%; margin-left: -4%; } table.bewert1 { display: inline-block; position: relative; top: -1%; left: 11px; width: 88%; height: 779px; padding: 10px 10px 115px 10px; } #sidebar.kontakt { margin-bottom: 2px; top: 55%; left: 7%; margin-top: -52%; width: 87%; height: 24%; } #tablekontakt.kontakt { height: auto; margin: -5% 2% 12% 6%; width: 88%; padding: 1% 5% 84% 3%; } #sidebar.kontakt { margin-bottom: 2px; top: -23%; left: 1%; margin-top: -5%; width: 92%; height: 19%; display: none; } #viererbild1.kontakt { width: 28%; top: 23%; margin: 12px 10px 1px 1px; left: -20px; } #viererbilder.kontakt { width: 89%; height: 19%; padding-top: 19px; left: 1%; top: -11%; } #wechselbild3.kontakt { left: -9%; top: 14%; width: 99%; height: 22%; margin: 14% 1% 10% 9%; } #viererbild1.kontakt, #viererbild2.kontakt, #viererbild3.kontakt, #viererbild4.kontakt { top: auto; margin: -11px 10px 1px 7px; height: auto; display: inline-block; } header.bew { height: 14%; left: -1%; top: -1%; width: 102%; margin-bottom: 9%; } #headline.bewert { background-color: #a9ee9f00; width: 94%; position: relative; top: -53px; left: 7%; height: 19%; } .ruema span { background-color: #9c9999b2; padding: 5px 4px 1px 7px; top: -54%; font-size: 71%; } .mobil span { font-size: 71%; width: 79%; padding: 5px 10px 1px 8px; top: -57%; height: 49px; } #wasser.kontakt { position: relative; margin: -19% 10%; font: 110% serif; width: 44%; top: -74%; height: auto; } #wechselbild1.kontakt { left: 21%; top: -22%; max-width: 110%; margin-top: 80px; margin-left: 9%; position: relative; width: 44%; } tbody.bewert{ width:86%; display: inline-block; } #table3.contakt { position: absolute; display: block; top: 87%; left: 18%; width: 58%; height: 150px; } td.termon { top: 1139%; left: 26%; height: 47px; padding-top: 0px; position: absolute; margin: 0px 20px; } ul.start { display: inherit; position: absolute; left: 1px; margin: 70px 80px; top: auto; padding: 10px; width: auto; } } @media screen and (max-width: 500px) { #starthome.bewert{ margin-bottom: 15%; } #navyoben.bew .oben a { width: 19%; padding: 7px 10px; font-size: 120%; float: left; top: 40%; left: 6%; } #viererbilder.kontakt{ left:1%; top: 2%; width: 86%; } .gkmass span, .ruema span, .abhyoel span, .mobil span { font-weight: normal; font-style: oblique; top:100%; margin: 4% -2%; font-size: 57%; } #starthome.bewert { width: 85%; left: -7%; margin-left: 5px; margin-top: 2%; top: -1%; font: 120%/1.4em serif; font-weight: normal; font-family: serif; font-family: zack; font-weight: bold; color: #404f1c; margin-bottom: 20px; } #tablekontakt.kontakt { height: auto; margin: -5% 2% 12% 4%; width: 88%; padding: 1% 5% 119% 0%; } #dreieck.kontakt { max-width: 35%; display: inline-block; top: 37%; left: -9%; margin-top: 4%; margin-left: 11%; } h2.bewert { font-size: 170%; font-style: oblique; position: relative; top: -17%; left: 1%; width: 62%; } #medien.kontaktform { display: inline-block; position: relative; left: -10%; top: 293%; margin: 10px 10px; height: 74px; } h1.kontakt { font-size: 289%; } #sidebar.kontakt { margin-bottom: 2px; top: auto; left: 1%; width: 89%; height: 19%; display: none; } td.termon { top: auto; left: -19%; height: 47px; padding-top: 0px; margin: -1px; } #main.kontakt { margin-top: -8%; left: -2%; background: #ebeba3; width: 96%; } td.kontakt { padding: 2px 11px 1px 10px; } #wechselbild3.kontakt { left: -9%; top: 30%; width: 99%; padding: 5px; margin: 18% 1% 10% 9%; height: 22%; } header.bew { height: 14%; left: -2%; top: -4%; width: 103%; margin-bottom: 4%; } #sterne { width: 100%; position: relative; left: -1%; top: 7%; height: auto; margin-right: 21px; padding: 6px; } #headline.bewert { left: 2%; height: 27%; top: -8%; width: 90%; } h1.kontakt { top: 33%; left: -14%; position: relative; font-family: serif; font-size: 331%; color: #404f1c; text-shadow: 3px 3px 3px #fff; height: auto; width: 55%; } } @media screen and (max-width: 486px) { #navyoben.bew { margin: 4% 1% 12px 23%; top: -14%; width: 99%; } } @media screen and (max-width: 470px) { tr.versterne, tr.feed, tr.besser, tr.website { width: 98%; margin-left: -4%; } tr.versterne { width: 124%; margin-left: -12%; } tr.versterne, tr.feed, tr.besser, tr.website { width: 94%; margin-left: -4%; } } @media screen and (max-width: 450px) { #navyoben.bew .oben a { width: 19%; padding: 7px 6px; font-size: 88%; } table.bewert1 { display: inline-block; position: relative; top: -1%; left: 11px; width: 88%; height: 779px; padding: 10px 10px 115px 10px; } h1.kontakt{ font-size:280%; letter-spacing: -1px; font-style:oblique; } tr.versterne { width: 115%; margin-left: -12%; } } @media screen and (max-width: 428px) { #headline.bewert { left: 1%; height: 27%; width: 85%; top: -17%; } #starthome.bewert { width: 85%; left: -11%; } header.bew { height: 12%; left: -2%; top: -4%; } .abhyoel span { width: 94%; top: -88%; padding: 5px 4px 2px 4px; top: -108%; left: 2%; margin-top: 60%; font-size:50%; } #viererbilder.kontakt { left: 1%; top: 2%; width: 82%; border: solid 1px aliceblue; background-color: #baa65c; padding-right: 42px; height: 28%; padding-top: 21px; border-radius: 6px; } #viererbild2.kontakt { width: 22%; left: 24%; top:12px; } #viererbild3.kontakt { width: 20%; margin: -14px 1px 1px 1px; } #tablerez { display: inline-block; position: relative; left: 3%; width: 89%; } #starthome.bewert { width: 85%; } .mobil span { font-size: 71%; width: 73%; padding: 5px 10px 1px 8px; top: 97%; height: 33px; margin-left: 5px; } th.bew9, th.bew4 { display: inline-block; padding: 74% 2%; } #table2.bewert { position: relative; top: 68%; left: -3px; margin-top: 25%; width: auto; } td.kontakt { padding: 2px 11px 1px 10px; width: 107%; display: inline-block; } #wechselbild1.kontakt { left: 21%; top: -18%; max-width: 110%; margin-top: 80px; margin-left: 9%; position: relative; width: 49%; } select.bewert { width: 281px; height: 30px; padding-left: 11px; border-radius: 5px; background: white; position: relative; top: 14px; left: -9px; margin: 2% 2% 2% 2%; display: inline-block; } #medien.kontaktform { display: inline-block; position: relative; left: -5%; top: -63%; margin: 10px 10px; height: auto; } #dreieck.kontakt{ left:-10% } table.bewert2 { width: 40%; display: inline-block; margin-left: -6%; position: relative; top:7%; } #table1 { position: relative; top: 10px; margin-top: 10px; width: 64%; left: 22px; margin: -9% 2% 1%-1%; height: auto; background-color: #00800000; } table.bewert1 { display: inline-block; position: relative; top: 8%; left: -19px; width: 88%; height: 750px; padding: 10px 10px 108px 10px; } #table3.contakt { position: absolute; display: block; top: 87%; left: 29%; width: 246px; height: 200px; } tr.versterne { width: 145%; height: 200px; top: -7%; position: absolute; left: 17%; padding: 2% 11% 2% 9%; } label.bewert { display: inline-block; font: 105%/1.2 serif; margin-bottom: 30px; margin-left: 7px; margin-top: 10px; width: 98%; top: -59%; position: absolute; } td.termon { top: 168%; left: -56%; height: 47px; padding-top: 0px; } #tablekontakt.kontakt { height: auto; margin: -4% 2% 12% 0%; width: 104%; padding: 57px 5% 118% 0%; top: -5%; } tr.feed, tr.besser, tr.website { width: 151%; height: 100px; margin-left: 9%; } #sterne{ font-size:80%; font-family: tiflis; width: 74%; } input.kont { height: 37px; padding: 4px 4px 0; margin-left: -1px; margin-top: 18px; width: 89%; top: -20px; position: relative; left: 40px; } label.anrede{ width: 250px; } #wasser.kontakt { position: relative; margin: -19% 10%; font: 110% serif; width: 44%; top: -78%; height: auto; left: -3%; } #viererbild4.kontakt { width: 24%; height: 211px; margin: 4px 15px 1px 1px; top: 37%; left: 73%; } } @media screen and (max-width: 400px) { tr.besser{ width: 300px; padding: 5px 13px 28px 5px; left: 15%; margin: 280% auto; } tr.versterne { width: 200%; height: 200px; top: -7%; position: absolute; left: 0%; padding: 2% 11% 2% 9%; } td.kontakt { padding: 2px 11px 1px 10px; width: 107%; display: inline-block; margin-top:-2%; left: -12%; } tr.website { width: 300px; padding: 5px 13px 28px 5px; left: 2%; margin-top:390%; } tr.feed { width: 300px; padding: 5px 13px 28px 5px; left: 2%; display: inline-block; margin-top:166%; } #headline.bewert { left: 0%; height: 27%; width: 87%; } } @media screen and (max-width: 393px) { #headline.bewert { left: 0%; height: 24%; width: 87%; top: -25%; } #main.kontakt { margin-top: -8%; left: -2%; background: #ebeba3; width: 96%; } #tablekontakt.kontakt { height: auto; margin: -4% 2% 12% 1%; width: 104%; padding: 57px 5% 118% 0%; top: -5%; } h2.bewert { font-size: 147%; font-style: oblique; position: relative; top: -47%; left: 1%; width: 62%; } header.bew { height: 10%; left: -2%; top: -3%; width: 97%; margin-bottom: 4%; } #viererbilder.kontakt { left: 1%; top: -2%; width: 82%; border: solid 1px aliceblue; background-color: #baa65c; padding-right: 42px; height: 28%; padding-top: 21px; border-radius: 7px; } #wechselbild3.kontakt { left: -9%; top: 30%; width: 99%; padding: 5px; margin: 18% 1% 10% 9%; height: 22%; } #starthome.bewert { width: 98%; left: -15%; } #navyoben { display: block; position: relative; margin: 12px 1% 18px 4%; top: -3%; } #navyoben.bew { display: block; position: relative; top: -17%; width: 100%; height: 51px; font-size: 80%; } #viererbild4.kontakt { width: 24%; height: 70px; top: 17%; } .mobil span { font-size: 71%; width: 75%; padding: 5px 10px 1px 8px; top: 118%; margin: -2% 1%; } #viererbild2.kontakt { width: 22%; top:11%; left:24%; } } @media screen and (max-width: 365px) { td.kontakt { padding: 2px 11px 1px 10px; width: 95%; display: inline-block; margin-top: -1%; left: -12%; } h1.kontakt { font-size: 246%; letter-spacing: -1px; font-style: oblique; } h2.bewert { font-size: 147%; font-style: oblique; position: relative; top: -47%; left: 1%; width: 62%; } #main.kontakt { margin-top: 2%; left: -2%; background: #ebeba3; width: 97%; } header.bew { height: 10%; left: 0%; top: -3%; width: 88%; margin-bottom: 4%; } #headline.bewert { left: 0%; height: 27%; width: 87%; top:-22%; } #navyoben.bew .oben a { display: flex; width: auto; padding: 3px 12px; font-size: 114%; } #table.neun, #table.acht, #table.sieben, #table.sechs, #table.fünf, #table.vier, #table.drei, #table.zwei, #table.eins { width: 93%; margin: 19px 18px; } #table.neun, #table.acht { left: -7%; width: 98%; } #tablerez { left: 0%; width: 86%; } #starthome.bewert { width: 91%; left: -15%; } #tablekontakt.kontakt { height: auto; margin: -4% 2% 12% 0%; width: 96%; padding: 57px 5% 118% 0%; top: -5%; } .gkmass span{ font-weight: normal; font-style: oblique; top: 100%; margin: 4% -1px; } .ruema span { font-weight: normal; font-style: oblique; top: 100%; margin: 3% -3px; } .abhyoel span{ font-weight: normal; font-style: oblique; top: 100%; margin: 0% -3px; } .mobil span { font-weight: normal; font-style: oblique; top: 100%; margin: 9% -1px; } #viererbilder.kontakt { left: 0%; top: 2%; width: 86%; height: 31%; } #wechselbild3.kontakt { left: -13%; top: 32%; width: 108%; padding: 5px; margin: 18% 1% 10% 9%; } }