* { 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; max-width: 1600px; height: auto; } img {max-width: 100%; } wrapper, header, nav,main, footer, hgroup, details { display: block; } header{ width: 100%; background: url(gruenskal.png) no-repeat; background-attachment: absolute; margin-bottom: 10px; } #prax{ text-align: center; } @media screen and (max-width:2560px){ input.ueberga { height: 44px; border-radius: 5px; padding: 4px 4px 0; margin-left: -1px; margin-top: -41px; width: 300px; font-size: 188%; } #table2{ display: inline-block; position: relative; top:12%; } input.kont{ height: 34px; border-radius: 5px; padding: 4px 4px 0 ; margin-left:-1px; margin-top: 18px; width: 253px;} textarea#kommentar { border-radius: 5px; padding-left: 6px; margin-left: -1%; width: 92%; top: 0px; left: 13px; position: relative; } label.tag1 { display: block; font: 129%/1.2 serif; margin-bottom: 3px; margin-left: 7px; margin-top: 10px; width: 300px; top: -80%; } label.tag2 { display: block; font: 129%/1.2 serif; margin-bottom: 3px; margin-left: 7px; margin-top: 10px; width: 300px; top: -80%; } #form.terim{ display: inline-block; position: relative; top:2%; width: 90%; } td.kombi{ display: table-cell; position: relative; width: 355px; left: 6%; height: 165px; } td.konwu { display: table-cell; position: relative; width: 355px; left: 6%; height: 165px; } h2.kontakt { display: inline-block; position: relative; top: -120%; padding-left: 23%; position: relative; font: 170%/1.4 serif; margin: 8% 0%; width: 58%; font-style:oblique; color:#ddd8d8; height: 60px; } #sprung.koontakt{ background: linear-gradient(to right, #a3589e 0%,#bc4abf99 99%); background-color: rgba(0, 0, 0, 0); color:white; } #navyoben.anfr { display: inline-block; position: relative; top:-41%; margin: 2px 1% 12px 17%; } #navyoben.anfr{ display: block; position: absolute; width: 1500px; top:14%; margin:12px 1% 12px 2%; } #navyoben.anfr ul.oben { display: flex; float:right; position: relative; width:58%; background-color:#f5e8b900; overflow:hidden; height: 39%; list-style-type: none; padding: 5px 10px; margin: -5% -2%; position: relative; } ul.oben li.oben{ background-color:#f5e8b500; list-style-type: none; text-decoration:none; } #navyoben.anfr .oben a{ display: flex; width: auto; padding:5px 58px; font:134% sans-serif; color:#efe6e6; border:outset #ede7d0eb; text-decoration:none; border-radius:10px; background: #af8a33de; left: 2%; } #kommentar.wunsch1 { border-radius: 5px; padding-left: 6px; margin: -12px 1px 10px -10px; width: 46%; height: 40px; } #kommentar.wunsch2 { border-radius: 5px; padding-left: 6px; margin: 6px 1px 50px 0px; width:46%; height: 40px; } input.absenden:hover { box-shadow: inset 0 0 0 0.1rem; color: maroon; font-size: 20px; letter-spacing: -1px; } input.abskon { background:none; border:none; color: white; font-size: 21px; letter-spacing: 0px; padding-bottom: 10px; height: 50px; top: -46%; left:-11px; position: relative; } input.abskon:hver{ border: black; } #kommentar.wunsch2 { border-radius: 5px; padding-left: 6px; margin: -14px 1px 50px -6px; width: 46%; height: 40px; } input.anr { height: 34px; border-radius: 5px; padding: 4px 4px 0; margin-left: -1px; margin-top: 18px; width: 357px; } td.termon { background: linear-gradient(to right, #71c951 0%,#8bcd1499 99%); height: 53px; border-radius: 15px; border: 1px outset; top: 37px; text-align: center; font-size: 116%; width: 200px; left: -145%; border-style: ridge; border-color: gray; height: 50px; } td.kontakte, td.hoer{ display: none; } textarea.komment { border-radius: 5px; padding-left: 6px; margin-left: -5%; width: 92%; margin-top: 20px; } td.zwischenoder { display: block; margin-top: -68px; width: 235px; height: 140px; top: 27px; position: relative; } label.betreff{ position: absolute; top:-116%; left:-5px; margin: 48px 10px; height: 40px; font-size: 200%; width: 80%; } #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.button{ display: inline; position: relative; top:-10px; text-align: center; } a.blau{ display: inline; position: relative; top:-37px; text-align: center; font-size: 100%; color: aliceblue; left: 30%; } td.zwischen { display: inline; margin-top: -68px; width: 223px; height: 81px; top: 23px; position: relative; } td.zwischenoder { display: inline-block; margin-top: -68px; width: 225px; height: 11px; top: 56px; position: relative; } td.termonline { display: none; 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 { width: 281px; height: 30px; padding-left: 11px; border-radius: 5px; background: white; position: relative; top: -14%; 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.anrede{ margin-top:14px; display: inline; top: -6%; position: relative; left: -20px; } #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: block; 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: table-cell; margin-top: -30px; margin-left: 5px; position: absolute; left: 2%; top:10%; width: 66%; } #main.kontakt { width: 100%; float: left; top: -6%; margin-top: -42px; margin-bottom: 10px; height: 1157px; } #sprung.kontakt a{ text-decoration: none; } textarea.kombi { border-radius: 5px; padding-left: 6px; margin-left:21px; width: 92%; } textarea.wunsch { border-radius: 5px; padding-left: 6px; margin-left:-1px; width: 92%; } .textfeld label, label { display: block; font: 129%/1.2 serif; margin-bottom: 3px; margin-left: 7px; margin-top: 10px; width: 300px; top: 10%; } label.kont{ position: relative; left:-8px; top: 16px; } td.kontakt { padding: 19px 18px; margin: 30px 20px; width: 86%; font: 90%/1.2 serif; position: relative; top: 9px; left: 1px; display: inline-block; height: 38px; } table.kontabsen{ display:inline-block; position:relative; top:52%; left:-131%; width: 148%; height: 755px; } .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:35%; display: block; margin-top:10px; } #betreff.betreff{ position:absolute; margin-left: -7%; font-size: 103%; width: 86%; margin: 0% 1%; height: 48px; } #headline.kontakt { background-color: #bcf7b400; width: 100%; position: relative; top: 1px; left: 1px; margin-top: 29%; height: 150px; } #dreieck.kontakt{ position:relative; top:13%; left: -35%; } #tablekontakt { height: auto; margin-left: 10%; margin-top: 6%; width: 66%; top: -7%; border-color: #5bc05b; padding-bottom: 40%; background: #d8dfce; } #table1{ position:relative; top:10px; margin-top:10px; width:84%; left:22px; margin-left:-1%; height: auto; background-color: #00800000; } #table2{ top:1%; margin-top:5%; width:393px; left:6%; margin-left:52%; height: 365px; background-color: #00800000; margin-top: -18%; position: relative; } #absenden.konttermin{ display: block; position: relative; top: 188%; left: -5%; width:255px; background: linear-gradient(to right, #e93cec99 0%,#80172f 99%); color: white; height: 68px; border-radius: 15px; } #abbrechen.termanfr{ margin-left: 22%; top: 82%; position: absolute; left: 28%; } #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: 215% serif; width: 84%; top: 17%; font-style: italic; color: #070735; height: 250px; text-shadow: 1px 1px 1px aliceblue; } #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: -6%; display: block; margin: -41% -8%; background: linear-gradient(to right, #679622f2 0%,#0f3f03f2 99%); background-color: rgba(0, 0, 0, 0); } #ampel.kontakt { border-radius: 30px; display: table-cell; left: 8%; position: relative; top: -25%; height: auto; padding-bottom: 10%; } #headline.kontakt { width:73%; position:relative; top:17%; left:14%; margin-top:0%; height:150px; } #dreieck.kontakt{ position:relative; top:35%; left: -10%; width: 29%; display: block; } #sprung.blau{ background: linear-gradient(to right, #e93cec99 0%,#80172f 99%); color: white; height: 35px; padding-top: 8px; border-radius: 10px; width: 217px; padding-left: 37px; margin: 36% 7%; position: absolute; top: 4%; display: inline-block; left: 68%; padding-bottom: 7px; top: -4%; } #sprung.blau a{ color:wheat; font-size:180%; width: 50px; position: relative; display: inline-block; left: 53px; } #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: 100%; background-color: #ebfce9; padding: 1%; margin-left: auto; display: block; position: relative; height:118%; background-color: rgb(202, 249, 195); top: 7px; } #main.neuer{ width:100%; background-color: #caf9c300; margin: -139px 6px; height:auto; position: relative; background: #68581861; left: -4px; padding-bottom: 9%; position: relative; display: inline-block; } header.kontakt { width: 100%; position: relative; top: -3%; left:0%; margin-bottom: 15px; height: 40%; margin-top: 10px; padding: 80px 1px; background: #778227; display: inline-block; } #wechselbild3.kontakt { left: -1%; top: -7%; width: 87%; margin-top: 80px; margin-left: 9%; position: relative; } h1.neu { font-size: 571%; top: -72%; left: -11%; position: relative; font-family: serife; color:#d8a52b; height: auto; font-style: oblique; letter-spacing: -1px; width: 73%; } #nav.kontakt{ margin-top:-2%; margin-bottom:10px; position: fixed; top:auto; font-size: 110%; height:58px; left: 26%; } #navyquer.kontakt { width: 246%; margin-bottom: 5px; position: relative; display: block; height: 50px; left: -173%; top: -494%; float: left; margin-left: 13%; } #navyquer.konttermin { width: 123%; margin-bottom: 5px; position: relative; display: none; height: 50px; left: 20%; top: 450%; margin-left: 39%; } #sidebar.neu{ width: 26%; height: 31%; position: relative; padding: 20px; border-style: outset; border-radius: 20px; border-color: #B6FFA200; background-color: #DDEFDE00; margin-bottom: 2px; top: 22%; left: 60%; margin-top: -2%; display: inline-block; position: absolute; } #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: 61px; margin-top: 0px; left: 16%; width: 64%; position: absolute; height: 87%; } #copy.kontakt{ width:97%; top:59%; height:88px; display: inline-block; left: -13%; border-color: #68b568; position: absolute; font-size: 100%; } #footer.kontakt { margin-top: 50%; clear: both; width: 100%; background-color: #9194CF00; position: relative; top: 24%; margin-bottom: 5px; height: 200px; margin-left: 13%; padding: 5px; } } @media screen and (max-width: 1600px) { #nav.kontakt { display: none; } h1.neu{ width: 83%; left: -6%; } } @media screen and (max-width: 1536px) { #navyoben.anfr ul.oben { left: -8%; background:none; } table.kontabsen{ left:-108%; } } @media screen and (max-width: 1440px) { header.kontakt{ height: 450px; top: -1%; margin-bottom: 20px; } #sprung.blau{ top: -17%; } #navyoben.anfr ul.oben { left: -14%; background: none; } table.kontabsen { left: -118%; } #sidebar.neu{ width: 30%; left: 60%; } #main.neuer{ width:100%; float:left; background-color: #caf9c300; margin: -7% 6px; height:auto; position: relative; background: #68581861; left: -4px; padding-bottom: 9%; } #tablekontakt { height: auto; margin-left: 10%; margin-top: 6%; width: 66%; top: -7%; border-color: #5bc05b; padding-bottom: 40%; background: #d8dfce; } } @media screen and (max-width: 1300px) { #navyoben.anfr ul.oben { left: -20%; background: #77822700; } h1.neu { font-size: 551%; left:-1%; } #kommentar.wunsch1, #kommentar.wunsch2 { border-radius: 5px; padding-left: 6px; margin: -12px 1px 10px -10px; width: 58%; height: 40px; } #wasser.kontakt { position: relative; margin: -88% auto; font: 195% serif; } table.kontabsen { left: -93%; } } @media screen and (max-width: 1200px) { #sprung.kontakt a { color: wheat; font-size: 150%; width: 50px; position: relative; display: inline-block; left: 53px; text-shadow: none; } h1.neu { font-size: 516%; left: -1%; top: -79%; } #sprung.blau a{ text-shadow: none; font-weight: normal; } input.ueberga { height: 40px; border-radius: 5px; padding: 4px 4px 0; margin-left: -1px; margin-top: -41px; width: 65%; font-size: 188%; } #kommentar.wunsch2, #kommentar.wunsch1 { border-radius: 5px; padding-left: 6px; margin: -14px 1px 50px -15px; width: 65%; height: 51px; } #kommentar.wunsch2, #kommentar.wunsch1 { border-radius: 5px; padding-left: 6px; margin: -14px 1px 50px -4%; width: 65%; height: 51px; } header.kontakt { height: 350px; top: -1%; margin-bottom: 20px; } #headline.kontakt { width: 73%; position: relative; top: 44%; left: 14%; margin-top: 0%; height: 150px; } #navyoben.anfr ul.oben { left: -26%; background: #77822700; } } @media screen and (max-width:1080px) { #navyoben.anfr ul.oben { left: -35%; background: #77822700; margin: -3% -2%; } #sprung.kontakt a { color: wheat; font-size: 135%;} #wechselbild4.kontakt{ height: 58%; top: 5%; position: relative; } #kommentar.wunsch2, #kommentar.wunsch1 { border-radius: 5px; padding-left: 6px; margin: -14px 1px 50px -4%; width: 62%; height: 51px; } input.ueberga { height: 40px; border-radius: 5px; padding: 4px 4px 0; margin-left: -1px; margin-top: -41px; width: 62%; font-size: 188%; } label.kont { position: relative; left: -148%; top: 21PX; } h1.neu { font-size: 426%; left: -4%; top: -82px; } table.kontabsen { left: -136%; top: -5%; margin-top: -10%; width: 166%; } #spruchstart.kontakt { height: 114%; position: relative; padding: 4%; width: 111%; } textarea.kombi { padding-left: 16px; margin-left: 21px; width: 113%; } input.anr { height: 34px; border-radius: 5px; padding: 4px 4px 0; margin-left: -1px; margin-top: 20px; width: 115%; position: relative; left:0%; top: 10%; } input.absenden { left: -38%; top: -19px; width: 230px; height: 55px; } textarea#kommentar{ border-radius: 5px; padding-left: 6px; margin-left: -1%; width:115%; top: 0px; left: 28px; position: relative; } select.anrede { border-radius: 5px; height: 33px; margin-left: 1%; margin-top: -55px; width: 82px; } td.termonline{ display: none; } td.kontakte { display: inline-block; background: lightgreen; height: 58px; border-radius: 15px; border: 1px outset; text-align: center; width: 225px; left: -3px; top: 65px; position: relative; } #abbrechen.termanfr { margin-left: -22%; position: absolute; top: 66%; } td.hoerer { display: block; margin-top: -68px; width: 234px; height: 52px; top: 112px; position: relative; left: -6px; } #medien.kontakt{ position: absolute; display: block; width: 27%; top: 71%; left: 58%; } td.anrede { display: table-cell; position: absolute; left: -76%; top: 29%; width: 185%; } .textfeld label { display: block; font: 129%/1.2 serif; margin-bottom: 3px; margin-left: 7px; margin-top: 10px; width: 300px; top: 20%; } label { display: block; font: 129%/1.2 serif; margin-bottom: 3px; margin-left: -3px; margin-top: 10px; width: 300px; top: auto; } tr.zubreit { display: inline-block; width: 185px; height: 250px; position: relative; left: 159px; top: 0%; } #wasser.kontakt { position: absolute; margin: -9% auto; font: 132% serif; font-style: normal; width: 84%; top: 49%; font-style: italic; font-color: black; text-shadow: 1px 1px 1px black; } #absenden.konttermin { display: block; position: absolute; top: 48%; left: -1%; height: 62px; width: 248px; } #tablekontakt { height: 1200px; margin-left: 11%; margin-top: 2%; width: 97%; top: -22%; padding: 10% 1% 67% 0%; left: -61px; position: absolute; } #table1 { top: 10px; margin-top: 10px; width: 94%; left: 6%; margin-left: -3%; background-color: #00800000; } header.kontakt { width: 100%; position: absolute; top: -3%; margin-bottom: 5px; height: 19%; margin-top: -1px; left: 1%; } #table2 { position: absolute; top: 27%; margin-top: 5%; width: 43%; left: 75%; margin-left: -11%; height: auto; background-color: #00800000; } textarea { border-radius: 5px; padding-left: 6px; margin-left: -1px; } #wechselbild3.kontakt { width: 95%; top: 1%; left: 1%; margin-left: 4%; margin-top: -4%; position: relative; } td.abstand{ width:10px; } 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%; } #fussnote.kontakt { 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; } #wrapper.kontakt { width: 99%; height: 1660px; } #dreieck.kontakt { position: relative; left: -10%; margin-top: -30%; top: 44%; width: 20%; } #headline.kontakt { width: 80%; top: 29%; left: 14%; margin-top: 14%; height: 125px; margin-bottom: 1px; } #main.neuer { height: 1103px; margin-top: 23%; top: 11%; padding-bottom: 90%; } #sprung.blau,#sprung.agb { height: 12%; position: relative; width: 20%; left: -17%; display: block; margin: 16% -16%; } #sidebar.neu { height: 39%; position: relative; padding: 4%; width: 28%; left: 0%; display: block; margin: 2% 56%; } #starttableindex.kontakt{ text-align:center; top: 3%; padding-right: 5%; position:relative; margin:0 auto; left:4%; width:55%; margin-bottom: 10px; padding-bottom: 36px; text-align: left; } #tablefuss.kontakt { width: 53%; position: absolute; top: 49%; left: 2%; height: 507px; padding-bottom: 31px; padding-left: 8%; margin-bottom: 10px; margin-top: -3%; margin-left: 4%; padding-top: 4%; } #sidebar1.kontakt { width: 25%; height: 446px; top: 1%; padding: 2%; margin-right: -14%; margin-top: 89px; float: right; padding: 20px; } h2.kontakt { font: 150%/1.4 serif; margin: 8% 0%; } a.blau { left: 7%; } h2.kontakt { width: 54%; background-color: #84859900; position: relative; margin-top: 5px; margin-bottom: 5px; height: 53px; top: -178%; } } @media screen and (max-width:950px) { #sprung.blau a { font-size: 160%; width: 50px; position: relative; display: inline-block; left: -23px; } #main.neuer{ top:12%; } #tablekontakt{ width: 100%; } table.kontabsen { left: -136%; top: -5%; margin-top: -10%; width: 116%; } tr.zubreit { width: 185px; height: 250px; position: relative; left: 159px; top: -32%; } #sprung.blau{ margin:-7% -13%; } #sprung.kontakt a { left:-20px; font-size: 135%; } #navyoben.anfr ul.oben{ left:-45%; Width:54%; top: -5px; } #navyoben.anfr .oben a{ top:10px; padding: 7px 61px; } #spruchstart.kontakt { height: 102%; position: relative; left:-20px } #abbrechen.termanfr { margin-left: -24%; position: absolute; top: 72%; } textarea.kombi { padding-left: 16px; margin-left: 21px; width:105%; } textarea#kommentar { border-radius: 5px; padding-left: 6px; margin-left: -1%; width: 109%; top: 0px; left: 28px; position: relative; } #wechselbild3.kontakt { width: 95%; top: 7%; left: -3%; margin-left: 4%; margin-top: -4%; position: relative; } #absenden.konttermin { display: inline-block; position: absolute; top: 80%; left: -43%; height: 65px; width: 69%; margin-top: 11%; } td.anrede{ left:144%; } input.anr { height: 34px; border-radius: 5px; padding: 4px 4px 0; margin-left: -57%; margin-top: 18px; width: 312px; left: -69%; position: relative; } label.kont { position: relative; left: -123%; top: 15px; width: 200px; font-size: 105%; } select.anrede { border-radius: 5px; height: 31px; margin-left: -124%; margin-top: 1px; width: 65px; top: 16px; } #absenden { float: left; display: inline; position: relative; top: 175px; left: 101%; margin-left: 50%; } #wechselbild1.kontakt { right: -18%; top: 59px; padding-bottom: 30px; padding-left: 51px; padding-top: 0px; margin-top: -8%; left: -17%; width: 99%; } table.kontakt { display: table-cell; position: relative; top: -25px; left: 10px; width: 86%; } .textfeldkontakt { display: block; font: 95%/1.2 serif; margin-top: -30px; padding: 43px 20px 0 0; margin-left: 8%; width: 150px; } input.absenden { left: -251%; top: -333%; margin-top: -37%; width: 225px; height: 41px; } td.kurztextfuss { margin: 3%; font: 95%/1.2 serif; width: 90%; padding-top: -5%; padding-left: 2%; float: left; margin-left: 15%; } #headline.kontakt { background-color: #c6f8bf00; height: 153px; margin-bottom: 1px; } h1.neu{ top: -51%; left: -60px; font-size: 400%; } #footer.kontakt{ top: 25%; clear:both; width:100%; background-color: #9194CF00; position:relative; margin-top: 1%; margin-bottom: 5px; height: 150px; } #wasser.kontakt{ font: 160% lightgray; } } @media screen and (max-width:900px) { input.abskon{ top:-10px; } #navyoben.anfr .oben a { top: 10px; padding: 7px 56px; } #wechselbild1.kontakt{ width: 74%; left: 1%; } #sidebar.neu { height: 39%; position: relative; padding: 4%; width: 28%; left: 0%; display: block; margin: 2% 56%; } #table1{ top:-77px; } select.kont { width: 333px; height: 30px; padding-left: 11px; border-radius: 5px; background: white; position: relative; top: -193%; left: -2px; } td.kontakte { display: inline-block; background: #4c671f; height: 52px; border-radius: 15px; border: 2px outset; text-align: center; width: 222px; left: -3px; top: 73px; -shadow: -1px 1px 1px aliceblue; background: linear-gradient(to right, #547016 26%,#93cb50 99%); } label.betreff { position: relative; top: -159%; left: -6px; } #table2 { top: 47%; margin-top: 5%; width: 44%; left: 26%; margin-left: -11%; } input.kont { height: 34px; border-radius: 5px; padding: 4px 4px 0; margin-left: 3px; margin-top: 1%; width: 212px; top:42%; position: relative; left: -2%; } #betreff.betreff { position: absolute; margin-top: 138%; margin-left: 5%; top: -36px; font-size: 92%; width: 435%; } #medien.kontakt { position: absolute; display: block; width: 27%; top: 61%; left: 57%; } #abbrechen.termanfr { margin-left: 28%; position: absolute; margin-top: 16%; left: -70%; } #sidebar.neu { width: 34%; position: relative; top: 15%; margin: 0 auto; left: 57%; height: 417px; } td.hoerer { display: block; margin-top: -68px; width: 225px; height: 140px; top: 99px; position: relative; left: -2px; } td.anrede { display: table-cell; position: absolute; left: 167%; top: -100%; width: 40%; } td.zwischenoder { display: block; margin-top: -68px; width: 235px; height: 13px; top: 43px; position: relative; } #tablekontakt { height: 1312px; margin-left: 0%; margin-top: 19px; width: 90%; left: 23px; top: auto; padding-bottom: 0; } #absenden.konttermin { display: block; position: absolute; top: 38%; left: -47%; height: 60px; } textarea.kombi { padding-left: 6px; margin-left: 7%; width: 83%; } textarea#kommentar { border-radius: 5px; padding-left: 6px; margin-left: 7%; width: 83%; top: 0px; left: 10px; } #absenden.kontakt { float: right; display: inline; position: relative; top: 311%; left: 353px; border: #ff00ff9c; } #wechselbild3.kontakt { width: 98%; top: -1%; left: -2%; margin-left: 4%; margin-top: -4%; position: relative; } .textfeld label{ display: block; font: 100%/1.2 serif; margin-bottom: 10px; margin-left: -3px; width: 400px; margin-top: 35px; } label { display: block; font: 100%/1.2 serif; margin-bottom: 3px; margin-left: -4px; width: 400px; margin-top: 17px; top: 15px; height: auto; } #absenden { display: inline; position: relative; top: 120px; left: 35%; margin-left: 50%; } table.kontakt { display: block; position: relative; top: 23px; left: 0%; width: 107%; height: auto; margin-bottom: 10px; } #wrapper.kontakt { width: 99%; height: 1375px; background-color: rgb(202, 249, 195); } #main.neuer { height: 2400px; width:100%; margin-top: -9%; top: 32%; padding:2px 10px; position: relative; background: #68581861; } #headline.kontakt { width: 100%; position: relative; top: 7%; left: 1px; margin-top: 29%; height: 24%; margin-bottom: 1px; } #dreieck.kontakt { position: relative; left: -5%; margin-top: -30%; top: 14px; } h1.neu { margin-top: 2%; left: 0%; position: relative; font-family: serife; font-size: 345%; top: -185%; } #sprung.blau, #sprung.agb { display: block; top: 1%; float: right; position:relative; right: 2%; margin-top: -12%; } #fussnote.kontakt { top: -23%; left: 0%; position: relative; width: 58%; height: 454px; padding: 38px; margin-top: 87px; } #footer.kontakt{ margin-top: 0%; clear:both; width:95%; position:relative; margin-top: -25%; margin-bottom: 5px; height: 150px; top: 29%; } #copy.home { width: 86%; left: -20%; height: auto; } header.kontakt { width: 100%; position: absolute; top: -3%; margin-bottom: 5px; height: 19%; margin-top: -1px; left: 1%; } } @media screen and (max-width:873px) { #tablekontakt { height: 950px; margin-left: 0%; margin-top: 7px; width: 59%; left: 23px; top: auto; padding-bottom: 0; } select { height: 30px; padding-left: 11px; top: -100px; left: -2px; } table.kontabsen { height: 555px; } td.kontakt { height: 138px; top: -54%; } #table1 { top: -23px;} table.kontabsen { left: -36%; top: -5%; margin-top: -10%; width: 196%; } td.anrede { display: table-cell; margin-top: -30px; margin-left: 5px; position: relative; left: 355px; top: -331px; } td.kombi{ top: -122px; height: 73px; } table.kontakt { display: block; position: relative; top: -74px; left: 0%; width: 87%; height: auto; margin-bottom: 10px; } #navyoben.anfr ul.oben { left: -51%; Width: 49%; top: -5px; } header.kontakt { width: 98%; position: absolute; top: -2%; margin-bottom: 5px; height: 10%; margin-top: -1px; left: 1%; } #wechselbild4.kontakt { height: 55%; } #navyoben.anfr .oben a { top: 10px; padding: 5px 48px; } #medien.kontakt { position: relative; display: block; width: 27%; top: 51%; left: 58%; } input.kont { height: 34px; border-radius: 5px; padding: 4px 4px 0; margin-left: 3px; margin-top: 4%; width: 197px; top: 11%; position: relative; left: 1%; } #abbrechen.termanfr { margin-left: 108%; position: absolute; margin-top: 28%; width: 90%; } input.absenden { left: -44%; top: 27%; margin-top: -56px; width: 250px; height: 46px; } tr.zubreit { display: inline-block; width: 185px; height: 250px; position: absolute; left: 11%; margin-top: -10%; } #betreff.betreff { position: absolute; margin-top: 138%; margin-left: 7%; top: -79%; font-size: 97%; width: 394%; } label.betreff { position: relative; top: -58px; left: -7px; font-size: 120%; } #absenden.konttermob { display: inline-block; position: relative; top: -76%; left: -56%; margin-left: 50%; } #textfeld.tel { padding-right: 15px; padding-top: 15px; left: 21px; position: relative; display: block; } textarea#kommentar { border-radius: 5px; padding-left: 6px; margin-left: 8%; width: 275px; margin-top: -46px; } textarea#kombi { border-radius: 5px; padding-left: 6px; margin-left: 8%; top:-18px; position: relative; width: 273px; margin-top: 23px; } #absenden.konttermin { float: right; display: block; position: absolute; margin-top: -11%; left: -82%; height: 49px; width: 115%; } #dreieck.kontakt { position: relative; left: 4%; margin-top: -30%; top: -14px; } td.anrede { display: inline; margin-top:150%; margin-left: 5px; position: absolute; left:45%; width: 54%; top: 2%; } h1.neu { margin-top: 2%; left: 17%; position: relative; font-family: serife; font-size: 228%; top: -232%; } #sidebar.neu{ width: 28%; position: relative; top: 1%; left: -35px; height: 559px; margin-top: 5%; } h5.üfuss { font: 120%; left: -10px; position: relative; top: 10px; } #rankerolle{ display:block; float:right; margin-right:2px; position: relative; top: 132px; left: -55px; } td.kurztextfuss { margin: 0%; margin-left: 3%; font: 95%/1.2 serif; width: 102%; padding-top: -5%; padding-left: 2%; float: left; margin-left: 15%; } 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.kontakt { background-color: #c6f8bf00; width: 91%; position: relative; top: 153px; left: 34px; margin-top: 17%; height: 67px; 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: 6%; 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%; padding-top: -5%; padding-left: -32%; float: left; margin-left: -59px; text-align: left; margin-left: -28%; margin-top: 1%; } #tablefuss.abhy { width: 60%; text-align: left; padding-bottom: 20px; padding-left: -1%; float: left; margin-bottom: 10px; margin-top: 189px; top: 41%; left: 1%; height: 522px; } #wechselbild1.agb{ left:10px; float:clear; } #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: 1598px; } #wrapper.kontakt { height: 2144px; top: -3%; } #wrapper.imp { width: 99%; height: 1350px; } #dreieck { position: relative; top: 64%; left: 12px; } #main{ width:100%; margin-top: 5px; margin-bottom: 10px; height: 1168px; top: 10px; } #main.neuer { height:19%; width: 100%; margin-bottom: 10px; top: 19%; background: #68581861; } header{ height:19%; width: 103%; margin-bottom: 10px; } #herzlich1 { position: relative; margin-top:-1%; left: 12%; width: 59%; } #dreieck { margin-left: 4%; max-width: 200px; left: 0%; top: 75%; position: absolute; } #starttableindex{ width:89%; top:0%; margin-top: 10px; } #starttableindex.kontakt { width:85%; padding: 6%; margin-bottom: 10px; margin: 0 auto; margin-top: 2%; margin-left: -3%; text-align: left; height: 271px; } #sidebar.neu{ width: 33%; position: relative; height: 572px; margin-bottom: 10px; left: -4%; top: -11%; margin-top: -56%; float: right; } #sidebar.neu { width: 27%; position: relative; height: 572px; margin-bottom: 10px; left: -6%; top: 151%; margin-top: -56%; float: right; } #sidebar1.kontakt { width: 45%; height: 500px; float: right; padding: 20px; padding: 2%; left: -15%; top: -1%; } #wechselbild2.kontakt { position: relative; left: 14%; top: -15%; width: 80%; } h1.neu{ margin-top: 4%; left:2%; position: relative; font-family: serife; font-size: 356%; float: left; top: -148px; } #spruchstart.kontakt { height: 97%; position: relative; padding: 4%; width: 110%; display: block; margin-left: 12%; margin-top: -6px; background: linear-gradient(to right, #a6b327f0 0%,#263b00f5 99%); background-color: rgba(0, 0, 0, 0); background-color: rgba(0, 0, 0, 0); } #wasser.kontakt { position: absolute; margin: -9% auto; font-size: 137%; width: 72%; top: 38%; left: 15%; text-shadow: 1px 1px 1px aliceblue; } #fussnote.kontakt { top: 16%; left: -11%; position: relative; width: 85%; height: 73%; padding: 38px; margin-top: -49px; } #tablefuss.kontakt { width: 85%; position: absolute; top: 58%; left: 2%; height: 449px; padding-bottom: 31px; padding-left: 8%; margin-bottom: 10px; margin-top: -3%; margin-left: 2%; padding-top: 4%; } #rankefuss { display: inline; position: absolute; top: 39%; left: 70%; } #footer.kontakt{ clear:both; width:100%; position:relative; margin-top: -1%; margin-bottom: 5px; height: 137px; top: 31%; left: 0%; } } @media screen and (max-width: 786px) { input.kont { height: 34px; border-radius: 5px; padding: 4px 4px 0; margin-left: 3px; margin-top: 4%; width: 197px; top: 11%; position: relative; left: 1%; } } @media screen and (max-width:600px) { #navyoben.anfr .oben a { top: 10px; padding: 5px 28px; } #navyoben.anfr { font-size: 70%; width: 1000px; top: 14%; margin: -1px 1% 12px 8%; font-size: 64%; } #sprung.blau{ display: block; top: -10%; float: right; position: relative; margin-top: -12%; } #wechselbild4.kontakt { height: 55%; } table.kontabsen { left: -25%; top: -5%; margin-top: -10%; width: 99%; height: 372px; } h2.kontakt { width: 75%; margin: 5px 2% 5px 20%; margin-bottom: 5px; height: 53px; top: 13%; font-size: 90%; left: -120%; } #sprung.blau{ height: 17px; top: 9px; } #form.terim { display: inline-block; position: relative; top: 2%; width: 110%; } #sprung.blau a{ font-size: 98%; left: -12%; } label.tag1{ position: relative; left:35px; font-size: 120%; } label.tag2{ position: relative; left:35px; font-size: 120%; } select.kont { height: 30px; padding-left: 11px; top: -10%; left: -40%; } select { height: 30px; padding-left: 11px; top: -10%; left: -20px; } input.ueberga { height: 34px; border-radius: 5px; padding: 4px 4px 0; margin-left: 29px; margin-top: 18px; width: 230px; } td.hoerer { margin-top: -6%; width: 228px; height: 140px; top:200%; position: absolute; left: -1%; } #abbrechen.termanfr { margin-left: 86%; position: absolute; margin-top: 45%; width: 55%; height: 60px; } select.anrede { border-radius: 5px; height: 31px; margin-left: -53%; margin-top: 1px; width: 65px; } td.hoerer { margin-top: -6%; width: 228px; height: 60px; top: 232%; position: absolute; left: -2%; } label.kont { position: relative; left: -63%; top: 17px; width: 200px; font-size: 105%; } textarea#kommentar, textarea#kombi { margin-left: 1%; width: 92%; margin-top: -60px; left:7%; position: relative; } .textfeld label, label { display: block; font: 90%/1.2 serif; margin-bottom: 10px; margin-left: -3px; } input.anr { height: 24px; border-radius: 5px; padding: 4px 4px 0 ; margin-left:-1px; margin-top: 18px; width: 234%; } label.betreff { position: absolute; top: -47%; left: -30%; font-size: 118%; display: table-cell; } #medien.kontakt { position: absolute; display: block; width: 27%; top: 76%; left: 43%; } textarea#kombi { border-radius: 5px; margin-left: -5px; top: 6px; position: relative; width: 75%; margin-top: 23px; } input.absenden { left: -300%; margin-top: -24%; height: 51px; width: 227px; position: absolute; letter-spacing: 0px; top: -304%; } #textfeld { padding-right: 15px; padding-top: 15px; position: relative; left: 29px; top: 51px; } #absenden.konttermin { float: right; display: block; position: relative; top: 178%; left: 1%; width: 52%; margin-top: 10px; height: 48px; } #copy.raumkontakt { display: inherit; margin-top: 30px; top: 115%; height: auto; padding: 15px; font: 90%/1.4 serif; left: -118px; opacity: 1.0; } #absenden.konttermob { display: inline; position: relative; top: 401%; left: -218%; margin-left: -6%; } #textfeld.tel { margin-left: 28px; padding-bottom: 1px; padding-left: 2px; padding-top: 5px; width: 230px; } #table1 { position: relative; top: 63px; margin-top: 9px; width: 89%; left: 60px; margin-left: -13%; background-color: #00800000; } td.anrede { display: inline-block; margin-top: -30px; margin-left: 5px; position: relative; left: 35%; top: -4%; width: 68%; } #kommentar.wunsch1 { border-radius: 5px; padding-left: 6px; margin: 6px 1px 10px 0px; width: 59%; height: 40px; } #kommentar.wunsch2 { border-radius: 5px; padding-left: 6px; margin: 6px 1px 50px 0px; width: 59%; height: 40px; } #tablekontakt { height: 779px; margin-left: 5%; margin-top: -10px; width: 88%; } #table2 { position: relative; top: 60%; margin-top: -356px; width: 103%; left: -36%; margin-left: 67%; height: 365px; background-color: #00800000; } #betreff.betreff { position: relative; margin-top: 66%; margin-left: -22%; left: -44%; top: -6%; width: 111%; height: 55px; } td.kontakt { padding: 19px 18px; margin-top: -28px; width: 65%; font: 90%/1.2 serif; position: relative; top: 68px; left: 10%; margin-left: 80px; display: inline-block; } #kommentar.betreff { position: absolute; margin-top: -16%; margin-left: 33%; } .textfeld label{ display: inherit; font: 90%/1.2 serif; margin-bottom: 10px; margin-left: -61px; padding-left: 70px; left: 10px; } .textfeldkontakt { display: block; font: 95%/1.2 serif; margin-top: -49px; padding: 43px 20px 0 0; margin-left: 0%; top: 10px; position: relative; } #rankerolle { float: right; margin-right: 2px; position: relative; top: 120px; left: -217px; width: 44%; } #wechselbild1.kontakt { top: -20px; padding-bottom: 30px; padding-left: 30px; padding-top: 0px; margin-top: 38px; left: -14%; } #wechselbild4.kontakt { width: 91%; top: 17%; margin-top: 12%; position: relative; display: inline-block; margin-left: 4%; } #wassernote { position: relative; top: -13%; left: 2px; } #wasser.kontakt { position: absolute; font-size: 122%; width: 71%; top: 27%; margin-left: -1%; margin-top: 1%; text-shadow: -1px 1px 1px #f7f2f2; color: #150936; } #tablekontakt.kontakt { clear: both; height: 852px; margin-left: 9%; margin-top: 20px; width: 60%; left: -3%; padding-bottom: 110%; padding-right: 54px; } #tablefuss.kontakt { width: 83%; position: absolute; top: 41%; left: 3%; height: 463px; padding-bottom: 31px; padding-left: 8%; margin-bottom: 10px; margin-top: -3%; margin-left: 2%; padding-top: 4%; } #sidebar1.kontakt { width: 91%; height: 361px; float: left; position: relative; padding: 20px; border-color: #B6FFA2; background-color: #DDEFDEB3; padding: 2%; margin-top: 13px; margin-bottom: 10px; left: 2%; top: 29%; } #fussnote.kontakt { top: 9%; left: 2%; position: relative; width: 82%; height: 59%; padding: 38px; margin-top: -35px; } td.kurztextabhy { font: 95%/1.2 serif; width: 90%; float: left; text-align: left; margin-left: 3%; } h5.kontakt { left: -2%; top: 55%; } #headline.kontakt { width: 98%; margin-bottom: 10px; top: auto; left: 3%; position: relative; margin-top:30%; height: 80px; } #main.neuer{ width:100%; top:auto; margin-top: -3%; margin-bottom: 5px; height: 2330px; left: -10px; padding: 1px 2px; } header.kontakt{ width: 98%; top: auto; left: -1%; position: relative; margin-top:-6%; background: #80660085; padding: 0px 10px; height: 6%; } #dreieck.kontakt { margin-left: 4%; max-width: 161px; left: -6%; top: 50%; position: relative; } h1.neu{ top: -93%; left:-7%; position: relative; font-family: serife; font-size: 264%; float: left; width: 95%; letter-spacing: -1px; font-style: oblique; } #navileiste.kontakt, #naviunten.rückall{ display:none; } #navileiste, #navyquer{ display:none; } #starttableindex.kontakt { width: 90%; left: 3%; padding: 2%; margin-top: 28px; margin-bottom: 10px; height: auto; padding-bottom: 0%; padding-top: 5%; } #sidebar.neu { width: 35%; position: relative; height: 407px; margin-bottom: 10px; left: -281px; top: 59%; height: 20%; } #wechselbild2.kontakt { position: relative; left: 27%; top: -14%; width: 80%; } #wasser{ top:-15%; text-align:center; margin: 0 auto; position: relative; left: 2%; } #footer.kontakt{ top: -2%; clear:both; width:100%; background-color: #9194CF00; position:relative; margin-top: 5px; margin-bottom: 5px; height: 150px; } #wrapper.kontakt{ margin-left:1%; height:auto; } #footer.kontakt{ clear:both; width:90%; background-color: #9194CF66; position:relative; margin-top: -141px; margin-bottom: 5px; height: 130px; left: 7%; border-radius: 10px; padding-top: 22px; top: 170%; } #copy.kontakt { width: 88%; margin: 0 auto; left: 0%; top: -105%; height: auto; padding: 24px; margin-top: 27%; } } @media screen and (max-width: 570px){ label.tag1 { margin-top: -5px; margin-left: 1px; width: 300px; } #navyoben.anfr { display: block; position: absolute; width: 90%; top: 14%; margin: 12px 1% 12px 2%; } label.uhr1 { margin-left: 0px; position: relative; top: -120px; } #uhr.eins{ display: inline-block; position: relative; left:2%; margin:80px 10px 20px 2%; font-size:120%; } label.tag2 { margin-top: -5px; margin-left: 1px; width: 300px; } label.uhr2 { margin-left: 0px; position: relative; top: -120px; } #uhr.zwei{ display: inline-block; position: relative; margin:80px 10px 20px 4%; font-size:120%; } select.uhrwert { width: 85px; margin-left: -2px; height: 30px; padding-left: 5px; border-radius: 5px; position: relative; top: -110px; } #abbrechen.termanfr { margin-left: 115%; position: absolute; margin-top: 50%; } select.anrede { border-radius: 5px; height: 31px; margin-left: 12%; margin-top: 1px; width: 65px; } label.kont { position: relative; left: -70%; top: 23px; width: 200px; font-size: 105%; } #absenden.konttermin { float: right; display: block; position: relative; top: 193%; left: -42%; width: 49%; margin-top: 10px; height: 40px; } #betreff.betreff { position: absolute; margin-top: 66%; margin-left: -22%; left: -28%; top: -126%; width: 121%; } } @media screen and (max-width: 480px){ label.kont { position: relative; left: 4%; top: 23px; width: 200px; font-size: 105%; } td.hoerer { margin-top: -6%; width: 228px; height: 140px; top: 258%; position: absolute; left: 32%; } #sprung.blau a { font-size: 98%; left: -3%; top: -5px; } header.kontakt { height: 9%; left: -3%; width: 100%; } #wechselbild4.kontakt{ height: 39%; top: -2%; width: 108%; margin-left: -6%; } #absenden.kont { float: left; display: block; position: relative; top: 982%; left: -29%; margin-left: 50%; } #anrede.textfeldkontakt{ font-size: 80%; } #abbrechen.termanfr { margin-left: 100%; position: absolute; top: 86%; height: 30px; } #main.neuer { width: 97%; height: 2000px; margin-top:-1%; top:1%; left: -8px; position: relative; } textarea#kommentar { border-radius: 5px; padding-left: 6px; margin-left: -1%; width: 84%; margin-top: -41px; } td.kontakte { display: none; } td.hoer { display: block; } td.termon { background: linear-gradient(to right, #71c951 0%,#8bcd1499 99%); height: 53px; border-radius: 15px; border: 1px outset; top: -47px; text-align: center; font-size: 116%; width: 200px; left: 5px; border-style:ridge; border-color:gray; height: 50px; } td.hoer{ position: relative; top:2%; left:7px; width: 200px; } a.formkont{ position: relative; top:-40px; color:aliceblue; left:7px; } #tablekontakt.kontakt { height: 1030px; margin-left: -3%; margin-top: -9px; width: 69%; left: -14%; } #medien.kontaktform{ position: relative; top:-169%; left:9%; } textarea.komment { border-radius: 5px; padding-left: 6px; margin-left: -5%; width: 92%; margin-top: 20px; } label.betreff { position: absolute; top: -83%; left: 15px; font-size: 165%; width: 300px; margin-bottom: 18px; } tr.zubreit { display: inline-block; width: 185px; height: 250px; position: relative; left: 19px; top: 23%; } #tablekontakt.kontakt { height: 1030px; margin-left: -3%; margin-top: -6%; width: 10%; left: -1%; display: inline-block; position: relative; } td.anrede { display: table-cell; margin-top: -30px; margin-left: 5px; position: relative; left: 4px; top: 15px; width: auto; } textarea#kombi { border-radius: 5px; margin-left: 17px; top: -84px; position: relative; width: 84%; margin-top: -94px; } textarea#kommentar.komment { border-radius: 5px; padding-left: 6px; margin-left: -10%; margin-top: 52px; left: -29px; width: 519%; } #absenden.konttermin { float: right; display: block; position: relative; top: 152%; left: -37%; width: 58%; } #medien.kontakt { position: absolute; display: block; width: 76%; top: 60%; left: 3%; } input.anr { height: 33px; border-radius: 5px; padding: 4px 4px 0; margin-left: 16px; margin-top: 18px; width: 165%; left: -6%; } #betreff.betreff { position: absolute; margin-top: 66%; margin-left: 18%; left: -15%; top: -741%; width: 88%; height: 37px; } .textfeldkontakt { display: block; font: 95%/1.2 serif; margin-top: -49px; padding: 43px 20px 0 0; margin-left: 0%; top: 10px; position: relative; height: 87px; } td.kontakt { padding: 19px 18px; margin-top: -26px; width: 69%; font: 90%/1.2 serif; position: relative; top: -6%; left: 4%; display: table-cell; } #textfeld.textfeldkontakt { padding-right: 15px; padding-top: 15px; position: relative; top: 20px; left: 8px; } table.kontakt { display: block; position: relative; top: 17px; left: 0px; width: 41%; height: auto; margin-bottom: 10px; } #table2 { position: relative; top: 357px; margin-top: -356px; width: 94%; left: -39%; margin-left: 67%; height: 365px; background-color: #00800000; } #main.neuer { height: 1200px; margin-top: -9%; top: 2%; position: relative; background-color: #a52a2a00; } #table1 { position: relative; top: 63px; margin-top: 9px; width: 89%; left: 37px; margin-left: -13%; height: auto; background-color: #00800000; } #textfeld { padding-right: 15px; padding-top: 15px; position: relative; top: 20px; left: 30px; } input.kont { height: 34px; border-radius: 5px; padding: 4px 4px 0; margin-left: 0%; width: 205px; margin-top: 20px; } #absenden.konttermob { float: left; display: inherit; position: relative; top: 423%; left: -150%; margin-left: 4%; } input.absenden { left: -19%; top: -1px; width: 225px; height: 47px; } #headline.kontakt { width: 409px; position: relative; top: 6%; left: 3%; margin-top: 18%; height: 78px; margin-bottom: 1px; } #wechselbild1.kontakt { right: -5%; top: 52px; padding-bottom: 30px; padding-left: 30px; padding-top: 0px; margin-top: 0px; left: 11%; width: 67%; } #rankerolle { float: right; margin-right: 2px; position: relative; top: 151px; left: -260px; width: 44%; display: none; } #fussnote.kontakt { top: 49%; left: 7%; position: relative; width: 69%; height: 76%; padding: 38px; margin-top: -226px; } td.kurztextabhy { font: 95%/1.2 serif; width: 90%; float: left; text-align: left; margin-left: 3%; } #wrapper.kontakt { margin-left: 1%; height: 3041px; } eader.kontakt { height: 91px; width: 101%; margin-bottom: 10px; } #spruchstart.kontakt { height: 93%; position: relative; padding: 4%; width: 90%; left: -11%; display: block; margin-left: 12%; margin-top: -1509px; background: linear-gradient(to right, #71b310eb 0%,#2b6b07d1 99%); background-color: rgba(0, 0, 0, 0); background-color: rgba(0, 0, 0, 0); background-color: rgba(0, 0, 0, 0); background-color: rgba(0, 0, 0, 0); } #wechselbild3.kontakt { width: 99%; top: 1%; left: 7%; margin-left: 3%; } #main.neuer { width: 103%; height: 2000px; margin-top:-1%; top:0%; left: -20px; position: relative; background: #68581861; } h1.neu { left: -9%; position: relative; font-family: serif; font-size: 233%; float: left; width: 400px; letter-spacing: -1px; top: -62%; } #sprung.blau { display: block; top: 13%; margin-top: -58px; left: -43%; margin-right: -39%; width: 362px; font-size: 120%; } #sidebar.neu { width: 88%; position: relative; height: 549px; margin-bottom: 10px; left: -2%; top: 70%; margin-top: -12%; } #sidebar1.kontakt { 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.kontakt { position: relative; font-size: 136%; width: 86%; top: auto; left: -6%; } #wechselbild2.kontakt { position: relative; left: 27%; top: -14%; width: 80%; } td.kurztextfuss { margin: -3%; font: 90%/1.2 serif; width: 90%; padding-top: -5%; padding-left: -28%; float: left; text-align: left; padding-bottom: 11px; margin-left: 10%; } #sidebar.imp { width: 77%; height: 450px; margin-top: 110px; left: 4%; } #rankefuss { display:block; position: absolute; top: -70%; left: 53%; } #footer.kontakt { top: 3%; clear: both; width: 100%; background-color: #9194CF00; position: relative; margin-top: 13px; margin-bottom: 5px; height: 300px; left: 3px; } #copy.kontakt { width: 82%; margin: 0 auto; left: -15%; top: -2%; height: auto; padding-bottom: 104px; } #navyoben.anfr ul.oben { left: -1%; Width: 99%; top: -39px; } #navyoben.anfr .oben a { top: 3px; padding: 5px 23px; } td.kombi { top: -125%; height: 73px; } select.kont { height: 44px; padding-left: 13px; top: -80%; left: 5%; width: 339px; } table.kontabsen { left: -25%; top: 5%; margin-top: -10%; width: 99%; height: 505px; } } @media screen and (max-width:450px) { input.absenden { left: -39%; top: 16%; width: 96%; height: 47px; } td.hoerer { display: block; margin-top: -68px; width: 215px; height: 140px; top: 201%; position: absolute; left: 33%; } #absenden.konttermin { float: right; position: relative; top: 164%; width: 64%; } #sprung.blau { display: block; top: 17%; font-size:150%; position: relative; margin-top: -58px; left: -46%; margin-right: -39%; width: 287px; text-align: center; } } @media screen and (max-width: 428px) { #tablekontakt.kontakt { height: 1030px; margin-left: -3%; margin-top: -6%; width:348px; left: -1%; display: inline-block; position: relative; padding-bottom: 156%; } #headline.kontakt { left: 7%; } #spruchstart.kontakt { height: 93%; position: relative; padding: 4%; width: 90%; left: -11%; display: block; margin-left: 12%; margin-top: -1968px; } h1.neu { left: -9%; position: relative; font-family: serif; font-size: 203%; float: left; width: 400px; letter-spacing: -1px; top: -62%; } } @media screen and (max-width:424px) { #navyoben.anfr ul.oben { left: -3%; Width: 99%; top: -39px; } h1.neu{ top: -70%; font-size: 230%; left: -4%; } label.betreff { position: absolute; top: -26%; left: -75px; font: 150% serif; display: table-cell; } input.abskon { background: none; border: none; color: white; font-size: 21px; letter-spacing: 0px; padding-bottom: 10px; height: 50px; top: -20%; left: -17px; position: relative; } table.kontabsen { left: -2%; top: 5%; margin-top: -10%; width: 115%; height: 512px; } select.kont { height: 44px; padding-left: 13px; top: -8%; left: -5%; width: 127%; } #wechselbild4.kontakt { height: 27%; top: 2%; width: 108%; margin-left: -7%; } td.hoerer { display: block; margin-top: -68px; width: 217px; height: 140px; top: 188%; position: relative; left: -1%; } tr.ausbi{ top:59%; position: absolute; margin-top: 20px; } #abbrechen.termanfr { margin-left: 84%; position: absolute; top: 103%; height: 30px; width: 70%; } input.kont { height: 34px; border-radius: 5px; padding: 4px 4px 0; margin-left: 32%; width: 205px; margin-top: 14px; top: 4%; left: -26%; } #tel_num.kontakt{ margin-top: 21%; padding-left: 63px; position: absolute; top: -208%; left: -98px; margin-right: 20px; width: 150px; text-align: center; padding-bottom: 10px; margin:auto 0; font-size: 125%; } input.anr { height: 24px; border-radius: 5px; padding: 4px 4px 0 ; margin-left:2%; margin-top: 35px; width: 92%; } select#anrede.anrede { border-radius: 5px; height: 24px; margin-left: 0px; margin-top: 12px; width: 65px; top:3%; left:-59%; } #absenden.kont { float: left; display: block; position: relative; top: 2089%; left: -60%; margin-left: 50%; width: 200px; } label.kont { position: relative; left: -1%; top: 15px; width: 200px; } #tel_hoer { display: block; position: relative; top: -71px; left: 60px; width: 68%; } #medien.kontakt { position: absolute; display: block; width: 63%; top: 35%; left: 22%; height: 100px; margin-top: 116%; } #copy.raumkontakt { display: inherit; margin-top: 30px; top: 65%; height: auto; width:300px; padding: 15px; font: 90%/1.4 serif; left: -30%; opacity: 1.0; } a.kontakt:link { color: white; display: none; position: relative; top: 2px; left: -14px; } #telklick.kontakt{ 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; position: absolute; width: auto; top: 15%; } #wechselbild3.kontakt { width: 103%; top: -7%; left: -6%; margin-left: 3%; } #absenden.kontakt { float: right; display: inline; position: relative; top: 360px; left: 84px; border: #ff00ff9c; } td.anrede { display: table-cell; position: relative; left: 4px; top: 29px; width:auto; } input { height: 24px; border-radius: 5px; padding: 4px 4px 0; margin-left: -1px; width: 265px; } #table2 { position: relative; top: 393px; margin-top: -356px; width: 94%; left: -65%; margin-left: 67%; height: auto; background-color: #00800000; } table.kontakt { display: block; position: relative; top: -48px; left: 5px; width: auto; height: 400px; margin-bottom: 10px; } #textfeld.tel { margin-left: 29px; padding-bottom: 1px; padding-left: 2px; padding-top: 5px; width: 221px; left: 3px; position: relative; } #absenden.konttermin { float: right; display: block; position: absolute; top: 128%; left: -32%; margin-top: -7%; margin-bottom: 5px; width: 76%; height: 60px; } #starttableindex { width: 82%; left: 6%; padding: 8px; margin-top: 61px; margin-bottom: 10px; top: -2%; } #wasser.kontakt { position: relative; font-size: 155%; width: 86%; top: 54%; left: -29%; margin-top: 15px; color: aliceblue; } #rankerolle{ display:none; } select.anrede { border-radius: 5px; height: 24px; margin-left: 0px; margin-top: 12px; width: 65px; } textarea#kommentar { border-radius: 5px; padding-left: 6px; margin-left: -24%; width: 275px; margin-top: 18px; } label { display: inherit; font: 107%/1.2 sans-serif; margin-bottom: -10px; margin-left: -72px; padding-left: 70px; left: 9px; float: left; top: 1px; width: auto; } #betreff.betreff { position: absolute; margin-top: 22%; margin-left: -90%; left: 90%; width: 100%; font-size: 100%; top: -158%; } #tablekontakt.kontakt { height: 980px; width: 314px; margin-left: 1%; margin-top: -60px; padding-bottom: 230px; top: 11px; left: 1px; padding-left: 29px; } textarea#kombi { border-radius: 5px; padding-left: 6px; margin-left: 4px; width: 109%; margin-top: 35px; top: -38%; position: relative; } textarea#kommentar { border-radius: 5px; padding-left: 6px; margin-left: -40px; width: 112%; left: 46px; position: relative; margin-top: 5%; } #wechselbild1.kontakt { right: -5%; top: -11%; padding-bottom: 30px; padding-left: 30px; padding-top: 75px; margin-top: 0px; left: 5%; width: 69%; } #wrapper.kontakt { margin-left: -1%; height: auto; width: 100%; } #headline.kontakt { width: 95%; position: relative; top: -25%; left: 1%; margin-top: 49%; height: 82px; margin-bottom: 1px; } #dreieck.kontakt { margin-left: 4%; max-width: 154px; left: -1%; top: 31%; position: relative; } #main.neuer { width: 418px; margin-top: -62px; top: -3%; left: -11px; position: relative; margin-bottom: 125%; } #spruchstart.kontakt { height: 95%; position: relative; padding: 4%; width: 92%; right: 12%; display: block; margin-left: 12%; margin-top: -3px; background-color: rgba(0, 0, 0, 0); background-color: rgba(0, 0, 0, 0); background-color: rgba(0, 0, 0, 0); } header.kontakt { height: 305px; width: 104%; margin-bottom: 10px; top: 0%; left:-3px; } h5.kontakt { left: 33%; margin-top: -54%; } #absenden.kontakt { float: right; display: inline; position: relative; top: 362px; left: 54px; border: #ff00ff9c; margin-right: 171px; margin-top: 64px; } #sprung.blau { margin-top: -5%; position: relative; width: 80%; text-align: center; padding-left: 33px; margin-right: 4%; top: -32%; left: -2%; height: 23px; padding-bottom: 5px; } #navileiste, #navyquer{ display:none; } #starttableindex.kontakt { width: 88%; left: 2%; padding: 8px; margin-top: 61px; margin-bottom: 10px; top: -2%; height: 21%; } #fussnote.kontakt { top: 56%; left: 3%; position: relative; width: 67%; height: 372px; padding: 38px; } #sidebar.neu { width: 89%; position: absolute; height: 24%; margin-bottom: 10px; left: -1%; top: 62%; margin-top:50%; } h5.üfuss { font: 120%; left: -32px; position: relative; top: 10px; } #rankefuss { display: inline; position: absolute; top: 19%; left: 50%; } #tablefuss.kontakt{ width: 65%; position: relative; top: 106%; left: 7%; height: 444px; padding-bottom: 56px; padding-left: 15%; margin-bottom: 10px; margin-top: -243%; margin-left: -1%; padding-top: -5%; } td.kurztextfuss { margin-left: -3%; font: 90%/1.2 serif; width: 89%; padding-top: -5%; padding-left: -28%; float: left; text-align: left; padding-bottom: 11px; margin-left: 3%; top: 20px; margin-top: -3%; } #sidebar1.kontakt { width: 84%; height: 437px; position: relative; padding: 20px; padding: 2%; margin-top: 102px; margin-bottom: 10px; left: 2%; top: -6%; } #wechselbild2.kontakt { position: relative; left: 3%; top: -2%; width: 80%; } #footer.kontakt { clear: both; width: 99%; position: relative; margin-top: 5px; margin-bottom: 5px; height: 201px; top: 90%; left: 12px; } #copy.kontakt { width: 79%; margin: 0 auto; left: -5%; top: 3%; display: inline-block; height: auto; padding: 24px; } #spiegelranke{ position:relative; top:-40px; left:-48px; background-color: #caf9c3; } #rankeumkehr{ position:relative; top:77px; left:38px; width: 77%; } #absenden.bestaet { display: inline; float: right; left: -132px; position: relative; top: -21px; padding-bottom: -18px; height: auto; margin-left: 122px; } #absenden.konttermob { display: block; position: relative; top: 262%; left: -162%; margin-left: 50%; margin-top: 88px; margin-bottom: 15px; } #form.terim { display: inline-block; position: relative; top: 2%; width: 99%; } #pfeil.neues { opacity: 0.8; left: 51%; margin-bottom: 0; position: fixed; top: 85%; } } @media screen and (max-width:393px) { #navyoben.anfr .oben a { top: 3px; padding: 5px 18px; } #absenden { float: right; display: inline; position: relative; top: 346px; left: -502px; } #main.neuer { width: 418px; margin-top: 12px; left: -11px; position: relative; margin-bottom: 125%; } h1.neu { top: -70%; font-size: 200%; left: -4%; } #absenden.konttermin { float: right; display: block; position: absolute; top: 46%; left: -32%; margin-top: 27%; margin-bottom: 25px; width: 84%; height: 60px; } #table2 { left: -70%; margin-left: 67%; height: auto; } select#anrede.anrede { left: -5%; } #tablekontakt.kontakt { height: 850px; width: 69%; padding-bottom: 230px; margin-top: -6%; left: -30px; padding-left: 29px; } #abbrechen.termanfr { margin-left: 44%; position: absolute; top: 74%; left: -25%; } #medien.kontakt { position: absolute; display: block; width: 63%; top:28%; left: 22%; height: 100px; margin-top: 116%; } #wechselbild3.kontakt { width: 98%; top: -7%; left: -3%; margin-left: 3%; } td.hoerer { display: block; margin-top: -68px; width: 222px; height: 140px; top: 99px; position: relative; left: -3%; } input.anr { height: 24px; border-radius: 5px; padding: 4px 4px 0; margin-left: -1px; margin-top: 18px; width: 94%; } #starttableindex.kontakt { width: 92%; left: 3%; padding: 2%; padding-top: 2%; padding-bottom: 2%; margin-top: -5px; margin-bottom: 10px; height: auto; padding-bottom: 0%; padding-top: 5%; } #rankerolle { float: right; margin-right: 2px; position: relative; top: 151px; left: -260px; width: 44%; } #fussnote.kontakt { top: -2%; left: 0%; position: relative; width: 74%; height: 403px; padding: 38px; } #wrapper.kontakt { margin-left: 1%; height: 2800px; } header.kontakt{ height:9%; width: 101%; top: 10px; left: -1%; background: #806600c2; } header{ height:50px; width: 100%; margin-bottom: 10px; left:2% } #headline.agb { background-color: #87e3a44d; width: 100%; position: relative; top: 279px; left: 1px; margin-top: -11%; height: 37%; border-bottom: 3px dotted white; margin-bottom: 2px; } #sprung.agb { display: block; float: right; position: relative; top:-147px; padding-left: 2px; left: -75px; } #footer.agb { top: -9%; clear: both; width: 100%; margin-top: 1%; background-color: #00f0; } #starttableindex { width: 82%; top: -7%; margin-top: 89px; margin-bottom: 5px; margin-left: -29px; } #sprung{ display:block; margin-top:88px; float: right; position:relative; } #sprung.blau { display: block; top: -33%; float: left; position: relative; left: 21%; width: 68%; } #sidebar{ margin-bottom:10px; width: 94%; left: 1%; position: relative; top: 1%; margin-top: 5px; } #footer{ top: 3%; clear:both; width:100%; background-color: #C5FFB5; position:relative; margin-top: 10px; } table.kontabsen { left: 7%; top: -105%; width: 107%; height: 512px; margin-top: -179%; position: absolute; } label.kont { position: relative; left: -1%; top: 6px; width: 200px; } #wasser.kontakt { position: relative; font-size: 155%; width: 86%; top: -16%; left: 7%; margin-top: 15px; color: aliceblue; text-shadow:none; } }