* { 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; min-width:370px; 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; } #prax { text-align: center; } @media screen and (max-width:2560px) { input.anr { height: 34px; border-radius: 5px; padding: 4px 4px 0; margin-left: -1px; margin-top: 18px; width: 230px; } 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; } 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: absolute; top:-116%; left:-5px; margin-bottom: 21px; } #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: 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.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: -24px; top:-70%; } #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:-1px; 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: 20%; } label.kont { position: relative; left:-8px; } td.kontakt { padding: 19px 18px; margin-top: -45px; width: 100px; font: 90%/1.2 serif; position: relative; top: 59px; left: 1px; display: inline; height: auto; } table.kontakt { display:table-cell; position:relative; top:-25px; left:10px; width: 41%; } .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: 300px; margin-top: 5%; } #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: 56%; top: -7%; border-color: #5bc05b; padding: 87px; } #table1 { position:relative; top:10px; margin-top:10px; width:400px; left:22px; margin-left:-1%; height: auto; background-color: #00800000; } #table2 { display: flex; justify-content: center; text-align: center; top:10%; width:408px; left:32%; margin-left:6%; height: 563px; background-color: #00800000; margin-top: 6%; position: relative; } #absenden.konttermin { display: block; position: relative; top: 58%; left: -150%; width:250px; } #abbrechen.termanfr { margin-left: 22%; top: 78%; position: absolute; left: -23%; } #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: 120% serif; width: 84%; top: 178px; font-style: italic; color: #6e6eb8; height: 250px; } #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:73%; position:relative; top:-8%; left:140px; margin-top:-4%; height:150px; } #dreieck.kontakt { position:relative; top:48%; left: -1%; } #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-left: auto; display: block; position: relative; height:1180px; background-color: rgb(202, 249, 195); top: 10px; } #main.kontakt { width:99%; float:left; background-color: #caf9c300; top:-14%; margin-top:-9%; margin-bottom: 10px; height:auto; position: relative; } header.kontakt { width: 95%; position: relative; top: -11%; margin-bottom: 5px; height: 37%; margin-top: 10px; } #wechselbild3.kontakt { left: -1%; top: -7%; width: 87%; margin-top: 80px; margin-left: 9%; position: relative; } h1.kontakt { top: -39px; left: -24%; position: relative; font-family: serife; font-size: 328%; color:navy; text-shadow:3px 3px 3px #fff; height: auto; } #nav.kontakt { margin-top:1%; margin-bottom:10px; position: fixed; top:14px; font-size: 110%; height:58px; background-color:#60ba4b33; 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: block; height: 50px; left: 0%; top: -45%; float: left; margin-left: 39%; } #sidebar.kontakt { width: 18%; height: 493px; float: left; position: relative; padding: 20px; border-style: outset; border-radius: 20px; border-color: #B6FFA2; background-color: #DDEFDE; margin-bottom: 2px; top: -3%; left: 68%; margin-top: -520px; display: block; } #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: 311px; } #copy.kontakt { width:78%; top:41%; height:88px; display: inherit; left: -13%; border-color: #68b568; } #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; } } @media screen and (max-width:2048px) { input.anr { height: 34px; border-radius: 5px; padding: 4px 4px 0; margin-left: -1px; margin-top: 9px; width: 230px; } form.buchen{ display: flex; justify-content: center; text-align: center; width: 763px; height: 1899px; position: relative; background: #0000; } #table2 { display: flex; justify-content: center; text-align: center; top: 20%; left: -10%; margin-left: 6%; height: 563px; background-color: #00800000; margin-top: 67%; position: relative; } 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; } 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: absolute; top:-116%; left:-5px; margin-bottom: 21px; } #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: 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.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: -24px; top:-70%; } #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:-1px; 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: 20%; } label.kont { position: relative; left:-8px; } td.kontakt { padding: 19px 18px; margin-top: -45px; width: 100px; font: 90%/1.2 serif; position: relative; top: 59px; left: 1px; display: inline; height: auto; } table.kontakt { display:table-cell; position:relative; top:-25px; left:10px; width: 41%; } .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: 91%; width: 300px; margin-top: 5%; } #headline.kontakt { 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: 56%; top: -7%; border-color: #5bc05b; padding: 87px; } #table1 { position:relative; top:10px; margin-top:10px; width:400px; left:22px; margin-left:-1%; height: auto; background-color: #00800000; } #absenden.konttermin { display: block; position: relative; top: 58%; left: -150%; width:250px; } #abbrechen.termanfr { margin-left: 22%; top: 78%; position: absolute; left: -23%; } #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: 120% serif; width: 84%; top: 178px; font-style: italic; color: #6e6eb8; height: 250px; } #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:72%; position:relative; top:3%; left:14%; margin-top:-4%; height:150px; border-bottom: 2px dotted white; } #dreieck.kontakt { position:relative; top:53%; left: -2%; } #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-left: auto; display: block; position: relative; height:1180px; background-color: rgb(202, 249, 195); top: 10px; } #main.kontakt { width:99%; float:left; background-color: #caf9c300; top:-25%; margin-top:6px; margin-bottom: 10px; height:auto; position: relative; } header.kontakt { width: 100%; position: relative; top: -11%; margin-bottom: 5px; height: 37%; margin-top: 10px; } h1.kontakt { top: -39px; left: -24%; position: relative; font-family: serife; font-size: 328%; color:navy; text-shadow:3px 3px 3px #fff; height: auto; } #nav.kontakt { margin-top:1%; margin-bottom:10px; position: fixed; top:6px; font-size: 110%; height:58px; background-color:#60ba4b33; left: 17%; } #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: block; height: 50px; left: 0%; top: -45%; float: left; margin-left: 39%; } #sidebar.kontakt { width: 18%; height: 493px; float: left; position: relative; padding: 20px; border-style: outset; border-radius: 20px; border-color: #B6FFA2; background-color: #DDEFDE; margin-bottom: 2px; top: -3%; left: 68%; margin-top: -520px; display: block; } #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: 311px; } #copy.kontakt { width:78%; top:41%; height:88px; display: inherit; left: -13%; border-color: #68b568; } #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; } } @media screen and (max-width: 1600px) { #nav.kontakt { margin-top: 1%; margin-bottom: 10px; position: fixed; top: 26px; font-size: 110%; height: 58px; background-color: #60ba4b33; left: 12%; } #table2 { height: 557px; background-color: #00800000; margin: 71% 8%; left: 0%; } #termine.weitere { display: inline-block; position: relative; top: 172%; left: -42%; margin: 17% -43%; height: 144px; width: 149%; } } @media screen and (max-width:1500px) { #footer.kontakt { margin-top: 50%; clear: both; width: 100%; background-color: #9194CF99; position: relative; top: 6%; margin-bottom: 5px; height: 200px; margin-left: -2%; padding: 5px; } #table2 { top: 32%; width: 408px; left: 21%; margin-left: 2%; height: 563px; background-color: #00800000; margin-top: 23%; position: relative; } #navyquer.konttermin { width: 123%; margin-bottom: 5px; position: relative; display: block; height: 50px; left: 0%; top: -60%; float: left; margin-left: 39%; } #main.kontakt { width: 100%; top: -10%; margin-top: 6px; margin-bottom: 10px; height: 619px; } h1.kontakt { top: -39px; left: -24%; position: relative; font-family: serife; font-size: 328%; color: navy; text-shadow: 3px 3px 3px #fff; height: auto; } header.kontakt { width: 100%; position:absolute; top: -5%; margin-bottom: 5px; height: 34%; margin-top: 10px; left: 1%; } #wechselbild1.kontakt { right: -27%; top: 65px; padding-bottom: 30px; padding-left: 30px; padding-top: 0px; margin-top: -23px; left: -13%; width: 100%; } #tablekontakt { height: auto; margin-left: 7%; margin-top: auto; width: 56%; top: 24%; } #rankefuss { display: inline; position: absolute; top: 12%; left: 46%; } #headline.kontakt { background-color: #d8fad405; width: 60%; position: relative; top: 66px; left: 18%; margin-top: -7%; height: 150px; } #dreieck.kontakt { position:relative; top:26%; left: -9%; } #wrapper.kontakt { width: 99%; height: auto; } #main.kontakt { width: 100%; float: left; top: auto; margin-top: 22%; margin-bottom: 10%; height: 800px; left: 3%; } #tablefuss.kontakt { width: 43%; position: absolute; top: 58%; left: 8%; height: 463px; padding-bottom: 31px; padding-left: 8%; margin-bottom: 10px; margin-top: -3%; margin-left: 2%; padding-top: 4%; } #wechselbild3.kontakt { left: 7%; top: -1%; width: 89%; margin-left: 2%; margin-top: 1%; } h1.kontakt { font-size: 300%; color: navy; font-weight: bold; top: -48%; left: 1%; margin-left: -16%; } #fussnote.kontakt { top: -4%; left: -20%; position: relative; width: 83%; height: 236px; padding: 38px; margin-top: 10px; } #navyquer.kontakt { width: 140%; margin-bottom: 5px; position: relative; display: block; margin-top: -1%; margin-left: 122%; } #starttableindex.kontakt { float: left; margin-bottom: 4%; padding-right: 2%; padding-bottom: 50px; padding-top: 2%; width: 50%; padding-left: 2%; height: auto; top: 2%; margin-left: 57px; } #sidebar.kontakt { width: 19%; height: 484px; float: left; position: relative; padding: 20px; border-style: outset; border-radius: 20px; border-color: #B6FFA2; background-color: #DDEFDE; margin-bottom: 2px; top: 3%; left: 73%; } #sidebar1.kontakt { width: 19%; height: 421px; float: right; top: 1%; padding: 2%; margin-top: 10px; margin-bottom: 10px; left: 16%; } #footer.kontakt { margin-top: 50%; clear:both; width:100%; background-color: #9194CF99; position:relative; top: 3%; margin-bottom: 5px; height: 200px; margin-left: -2%; padding: 5px; } #copy.kontakt { width: 85%; top: 5%; height: auto; display: inherit; left: -17%; margin-top: 23px; margin-bottom: 10px; } } @media screen and (max-width:1400px) { form { position: relative; top:50px; background: #f0f8ff00; } input.absenden { left: -59px; top: -19px; width: 220px; height: 50px; border-radius:15px; background: linear-gradient(to right, #ef7fe8 0%,#ae51b2e5 99%); } #table2 { margin-top: 25%; width: 400px; left: -46%; margin-left: 52%; height: 724px; background-color: #00800000; margin-top: 15%; position: relative; } #wrapper.kontakt { width: 99%; height: 1680px; } #headline.kontakt { background-color: #bcf7b466; width: 81%; position: relative; top: -18%; left: 30%; margin-top: 9%; height: 150px; } #table2 { position: relative; top: 1%; margin-top: 5%; width: 400px; left: -46%; margin-left: 52%; height: 724px; background-color: #00800000; margin-top: 131%; position: relative; } input.absenden { height: 54px; border-radius: 12px; padding: 4px 4px 0; margin-left: 38%; margin-top: 18px; width: 230px; } #main.kontakt { width: 100%; float: left; top: 30%; margin-top: -187px; margin-bottom: 10px; height: 1100px; margin-left: 14px; } #nav.kontakt { width:98%; margin-top:1%; margin-bottom:10px; position: fixed; top:0%; font-size: 110%; margin:0 auto; height:50px; background-color:#caf9c3; } #navyquer.kontakt { width: 140%; margin-bottom: 5px; position: relative; display: block; margin-top: -2%; } #tablekontakt { height: 600px; margin-left: 7%; margin-top: 1%; width: 63%; top: -6%; } #wechselbild1.kontakt { right: -27%; top: 6%; padding-bottom: 30px; padding-left: 30px; padding-top: 0px; margin-top: 0px; left: -17%; width: 100%; } #wasser.kontakt { position: absolute; margin: -9% auto; font: 100% serif; width: 84%; top: 48px; font-style: italic; color: aliceblue; } #footer.kontakt { top: 27%; clear: both; width: 90%; background-color: #9194CF99; position: relative; margin-top: 10%; margin-bottom: 15px; height: 200px; margin-left: 11%; } #navyquer.rueallg { width: 99%; position: relative; display: block; top: -889%; left: -79px; } #dreieck.kontakt { position:relative; top:21%; left: -9%; } #navileiste.kontakt { position: relative; margin-top: 13%; float: right; } #starttableindex.kontakt { float: left; margin-bottom: 4%; padding-right: 2%; padding-bottom: 50px; padding-top: 2%; width: 50%; padding-left: 2%; height: auto; top: -1%; margin-left: 57px; } #spruchstart.kontakt { height: 102%; position: relative; padding: 4%; width: 100%; right: 5%; display: block; margin-top: -30px; background: linear-gradient(to right, #679622f2 0%,#0f3f03f2 99%); background-color: rgba(0, 0, 0, 0); background-color: rgba(0, 0, 0, 0); margin-left: 5px; } #sidebar1.kontakt { width: 20%; height: 437px; float: right; top: 5%; left: 16%; } } @media screen and (max-width: 1366px) { #table2 { top: 1%; width: 400px; left: -59%; margin-left: 171%; height: 724px; background-color: #00800000; margin-top: 118%; } } @media screen and (max-width:1280px) { td.anrede { display: table-cell; margin-top: -30px; margin-left: 5px; position: absolute; left: -24px; top: -69%; } form.buchen{ width:740px; } #table2 { position: relative; top: 10%; margin-top: 5%; width: 400px; left: 7%; margin-left: -4%; background-color: #00800000; } #headline.kontakt { background-color: #bcf7b466; width: 81%; position: relative; top: 1%; left: 18%; margin-top: 2%; height: 150px; } label.betreff { position: relative; top: -5%; left: -5px; margin-top: -14px; font-size: 130%; } #abbrechen.termanfr { margin-left: 22%; position: absolute; top:113%; } #betreff.betreff { position:absolute; margin-top:128%; margin-left: -20%; top: -36px; font-size: 137%; width: 404%; } table.kontakt { display: table-cell; position: relative; top: -25px; left: 10px; width: 41%; } #wechselbild3.kontakt { left: 4%; top: 3%; width: 85%; margin-left: 2%; margin-top: 1%; } #absenden.konttermin { display: block; position: absolute; top: 71%; left: -107%; height: 50px; } #wasser.kontakt { font: 122% serif; font-style: normal; width: 84%; top: 71%; left:5px; font-style: italic; text-shadow: 1px 1px 1px #0f3c63; } #table1 { position: relative; top: 1%; margin-top: 10px; width: 94%; left: 10%; margin-left: -7%; height: auto; background-color: #00800000; } #table2 { position: relative; top: 43%; width: 400px; left: 29%; margin-left: -4%; background-color: #00800000; } #navyquer.kontakt { width: 140%; margin-bottom: 5px; position: relative; display: block; margin-top: -2%; margin-left:-20px; left:20px; } #wechselbild1.kontakt { right: -18%; top: 59px; padding-bottom: 30px; padding-left: 51px; padding-top: 0px; margin-top: -1%; left: -21%; width: 96%; } #navileiste.kontakt { color: rgb(0, 0, 128); font: 72% serif; left: 69%; position: absolute; margin-top: 18%; } #navyquer.kontakt { width:93%; margin-top:1%; margin-bottom:10px; position: fixed; top:2%; margin:0 auto; background-color: #7dbf7480; left: 38px; } h5.kontakt { font: 130% bold,italic; left: 5%; position: relative; margin-top: 1%; } #starttableindex.kontakt { width: 50%; padding-left: 2%; height: auto; top: 0%; margin-left: 52px; margin-top: 23px; } #sidebar1.kontakt { width: 19%; height: 429px; float: right; position: relative; border-style: outset; border-radius: 20px; border-color: #B6FFA2; background-color: #DDEFDE99; top: 3%; padding: 2%; margin-top: 10px; margin-bottom: 10px; left: 17%; } #footer.kontakt { top: 17%; clear: both; width: 100%; background-color: #9194CF99; position: relative; margin-top: 10%; margin-bottom: 15px; height: 200px; margin-left: -2%; } } @media screen and (max-width:1200px) { table.kontakt { display: table-cell; position: relative; top: -25px; left: 10px; width: 86%; } form.buchen { width: 103%; left: 7%; } #wechselbild3.kontakt { left: 4%; top: 3%; width: 85%; margin-left: 2%; margin-top: 1%; } #abbrechen.termanfr { margin-left: 22%; top: 58%; left: -99%; } #absenden.konttermin { display: block; position: absolute; top: 63%; left: -136%; height: 50px; } header.kontakt { width: 100%; top: -8%; margin-bottom: 5px; height: 25%; margin-top: 10px; left: 1%; } #sidebar.kontakt { width: 22%; height: 484px; float: left; position: relative; padding: 20px; border-style: outset; border-radius: 20px; border-color: #B6FFA2; background-color: #DDEFDE; margin-bottom: 2px; top: 3%; left: 69%; } #betreff.betreff { position: absolute; margin-top: 138%; margin-left: 1%; top: -36px; font-size: 92%; width: 400%; } textarea.kombi { padding-left: 6px; margin-left: -1px; width: 290px; margin-top: 11%; position: relative; } td.anrede { display: table-cell; margin-top: -30px; margin-left: 5px; position: absolute; left: -24px; top: -113%; } #absenden { float: left; display: inline; position: relative; top: 172px; left: 82%; margin-left:50%; } #absenden.konttermob { display: inline-block; position: relative; top: 40px; left: -112%; margin-left: 50%; } .textfeldkontakt { display: block; font: 95%/1.2 serif; margin-top: -27px; padding: 43px 20px 0 0; margin-left: 8%; top: 3px; position: relative; } #tablekontakt { height: 694px; margin-left: 4%; margin-top: 1%; width: 61%; top: -6%; padding:4% } #table1 { position: relative; top: 10px; margin-top: 10px; width: 94%; left: 22px; margin-left: -3%; height: auto; background-color: #00800000; } #table2 { position: relative; margin-top: 5%; width: 437px; left: 10%; margin-left: -8%; background-color: #00800000; } #wechselbild1.kontakt { right: -18%; top: 59px; padding-bottom: 30px; padding-left: 51px; padding-top: 0px; margin-top: -8%; left: -17%; width: 99%; } #fussnote.kontakt { top: 36%; left: 1%; position: relative; width: 74%; height: 358px; padding: 38px; margin-top: 10px; } #main.kontakt { height:1140px; margin-top: -5%; top: 16%; } #nav.kontakt, #navyquer.kontakt, #navileiste { display:none; } #copy.kontakt { width:87%; left: -18%; height: auto; top: 5px; margin-top: 1%; } h1.kontakt { top: -49%; margin-left: -13%; } #starttableindex.kontakt { width: 47%; padding: 5%; height: auto; margin-top: 7%; margin-left: 1%; text-align: left; } #sprung.kontakt , #sprung.agb { display: block; top: -70%; float: right; position: relative; margin-left: 5%; margin-top: -44px; padding-left: 55px; left: -8%; text-shadow: -1px 1px 1px aliceblue; font-size: 150%; } #sidebar1.kontakt { width: 25%; height: 440px; top: 45%; padding: 2%; margin-right: 20%; margin-top: -488px; float: right; padding: 20px; } #fussnote.kontakt { top: -17%; left: 0%; position: relative; width: 74%; height: 389px; padding: 38px; margin-top: 24px; } #footer.kontakt { top: 11%; clear:both; width:98%; background-color: #CAF9C3; position:relative; margin-top: 13%; margin-bottom: 5px; left: 3%; } } @media screen and (max-width:1080px) { label.kont { position: relative; left: -148%; top: 21PX; } textarea.kombi { padding-left: 16px; margin-left: 21px; } input.anr { height: 34px; border-radius: 5px; padding: 4px 4px 0; margin-left: -1px; margin-top: 18px; width: 124%; position: relative; left:-151%; } input.absenden { left: -38%; top: -19px; width: 230px; height: 55px; } textarea#kommentar { border-radius: 5px; padding-left: 6px; margin-left: -1%; width:84%; top: 0px; left: 28px; position: relative; } select.anrede { border-radius: 5px; height: 33px; margin-left: -70%; margin-top: 1px; width: 65px; } 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: 140px; top: 81px; position: relative; left: -6px; } #medien.kontakt { position: absolute; display: block; width: 27%; top: 71%; left: 60%; } td.anrede { display: table-cell; position: absolute; left: 174%; top: -120%; } .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: 19px; 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: 77%; left: -55%; height: 41px; width: 220px; } #tablekontakt { height: 1200px; margin-left: 11%; margin-top: 1%; width: 88%; top: -15%; padding: 2%; left: -83px; position: absolute; } #table1 { top: 10px; margin-top: 10px; width: 94%; left: 6%; margin-left: -3%; background-color: #00800000; } header.kontakt { width: 98%; position: absolute; top: -2%; margin-bottom: 5px; height: 12%; margin-top: 10px; left: 1%; } #table2 { position: absolute; top: 43%; margin-top: 5%; width: 51%; left: 34%; margin-left: -11%; height: 600px; 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 { widht: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: -6%; margin-top: -30%; top: 44%; } #headline.kontakt { background-color: #c6f8bf80; width: 80%; top: 47%; left: 17%; margin-top: 14%; height: 125px; margin-bottom: 1px; } #main.kontakt { height: 1103px; margin-top: 13%; top: 9%; } #sprung.kontakt, #sprung.agb { height:41px; width: 16%; left: -3%; margin-top: 23%; position: relative; padding-left: 30px; text-align: center; } #sidebar.kontakt { width: 31%; position: relative; top: 69%; margin: 0 auto; left: 8%; height: 417px; } #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; } #footer.kontakt { margin-top: -5%; clear:both; width:100%; background-color: #9194CF99; position:relative; margin-top: 5px; margin-bottom: 5px; height: 183px; top: 33%; } #copy.kontakt { width: 82%; left: -18%; height: auto; top: -55px; margin-top: 8%; } } @media screen and (max-width: 1024px) { #table2 { margin-top: -1%; } #termine.weitere { display: inline-block; position: relative; top: 172%; left: 1%; margin: 17% -43%; height: 144px; width: 500px; } form.buchen { width: 93%; left: 0%; } form.buchen { width: 94%; left: 0%; } } @media screen and (max-width:950px) { #spruchstart.kontakt { height: 102%; position: relative; left:-20px } #starthome.onlin { height: auto; font: 137% sans-serif; margin: -31px 30px 20px 0px; } #abbrechen.termanfr { margin-left: 55%; position: absolute; top: 86%; } textarea.kombi { padding-left: 16px; margin-left: 21px; width:95% } textarea#kommentar { border-radius: 5px; padding-left: 6px; margin-left: -1%; width: 97%; top: 0px; left: 28px; position: relative; } #wechselbild3.kontakt { width: 95%; top: 7%; left: 1%; margin-left: 4%; margin-top: -4%; position: relative; } #absenden.konttermin { display: block; position: absolute; top: 63%; left: -134%; height: 30px; } td.anrede { left:155%; } input.anr { height: 34px; border-radius: 5px; padding: 4px 4px 0; margin-left: -57%; margin-top: 18px; width: 265px; left: -69%; position: relative; } label.kont { position: relative; left: -123%; top: 17px; width: 200px; font-size: 105%; } select.anrede { border-radius: 5px; height: 31px; margin-top: 1px; width: 65px; } #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: -39%; top: auto; margin-top: -3%; 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: #c6f8bf80; width: 100%; position: relative; top: 175px; left: 1px; margin-top: 15%; height: 27px; margin-bottom: 1px; } #main.kontakt { height: 1103px; margin-top: 14%; top: 2%; width: 100%; left: -10px; } #dreieck.kontakt { position: relative; left: 11%; margin-top: -30%; top: -12px; } h1.kontakt { top: -352%; margin-left: 4%; position: relative; font-family: serife; font-size: 282%; margin-top: -2%; float: left; } #footer.kontakt { top: 25%; clear:both; width:100%; background-color: #9194CF00; position:relative; margin-top: 1%; margin-bottom: 5px; height: 150px; } } @media screen and (max-width:873px) { 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: 14%; left: 12px; } #table2 { width: 43%; margin-left: -11%; } input.kont { height: 34px; border-radius: 5px; padding: 4px 4px 0; margin-left: 3px; margin-top: 1%; width: 230px; top:-10%; position: relative; left: 31%; } #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.kontakt { width: 34%; position: relative; top: 57%; margin: 0 auto; left: 11%; 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%; min-width: 377px; left: 23px; top: auto; padding-bottom: 0; } #absenden.konttermin { display: block; position: absolute; top: 111%; left: 24%; 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.kontakt { height: 1400px; margin-top: -9%; top: 22%; position: relative; background-color: #a52a2a00; } #headline.kontakt { background-color: #c6f8bf80; width: 100%; position: relative; top: 7%; left: 1px; margin-top: 29%; height: 24%; margin-bottom: 1px; } #dreieck.kontakt { position: relative; left: 12%; margin-top: -30%; top: -18px; } h1.kontakt { margin-top: 2%; left: 0%; position: relative; font-family: serife; font-size: 228%; top: -185%; } #sprung.kontakt, #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; } } @media screen and (max-width:850px) { td.anrede { display: table-cell; margin-top: -30px; margin-left: 5px; position: relative; left: 355px; top: -331px; } #termine.weitere { height: 20%; font: 85%/1.4 sans-serif; top: 17%; } #table2 { width: 53%; margin-left: -11%; } #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: 116%; width: 230px; top: 75%; position: relative; left: 31%; } #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: -7px; left: 11px; 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: 69%; left: -82%; height: 30px; } #dreieck.kontakt { position: relative; left: 11%; margin-top: -30%; top: -26px; } td.anrede { display: inline; margin-top:64%; margin-left: 5px; position: absolute; left:139%; } h1.kontakt { margin-top: 2%; left: 17%; position: relative; font-family: serife; font-size: 228%; top: -232%; } #sidebar.kontakt { 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: #c6f8bf80; width: 100%; position: relative; top: 118px; left: 1px; margin-top: 17%; height: 112px; margin-bottom: 1px; } #sprung.abhy { display: block; top: 44%; float: right; position: relative; right: 11%; margin-top: -5%; } #sidebar.abhy { width: 29%; height: 471px; float: right; position: relative; padding: 20px; border-style: outset; border-radius: 20px; border-color: #B6FFA2; background-color: #DDEFDE80; margin-bottom: 2px; top: 2%; left: -1%; } #sidebar1.abhy { width: 30%; height: 46%; float: left; position: relative; border-style: outset; border-radius: 20px; border-color: #B6FFA2; background-color: #DDEFDE99; left: 4%; top: 3%; padding: 2%; margin-top: 10px; margin-bottom: 10px; } #wassernote { position: relative; top: 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.kontakt { height: 2300px; margin-top: 0%; left: -2%; top: 7%; margin-bottom: 50px; } 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.kontakt { width: 33%; position: relative; height: 572px; margin-bottom: 10px; left: -4%; top: -11%; margin-top: -56%; float: right; } #sidebar.kontakt { width: 33%; position: relative; height: 572px; margin-bottom: 10px; left: -49%; top: 51%; 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.kontakt { margin-top: 4%; left:-7%; position: relative; font-family: serife; font-size: 228%; float: left; top: -151px; } #spruchstart.kontakt { height: 97%; position: relative; padding: 4%; width: 92%; right: 12%; 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: 67%; left: 15%; } #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: 15px; margin-bottom: 5px; height: 137px; top: auto; left: 0%; } } @media screen and (max-width:750px) { #main.kontakt { height: 1529px; margin-top: 0%; left: -2%; top: 78px; } input.absenden:hover { position: relative; top:-8px; left:2%; font-size: 14px; margin-top: 6px; } label.betreff { position: relative; top: 10px; left: 38px; } input.absenden { left: -40%; top: 60%; margin-top: -16%; width: 226px; height: 55px; border: 4px ridge; border-color: #b770b7; font-weight: bold; background: linear-gradient(to right, #ef7fe8 0%,#ae51b2e5 99%); text-shadow: -1px 1px 1px #b2acac; position: absolute; } td.hoerer { display: block; margin-top: -68px; width: 228px; height: 140px; top: 99px; position: relative; left: -6px; } #absenden.konttermin { float: right; display: block; position: absolute; top: 370%; left: -71%; margin-left: 47%; } textarea#kombi { border-radius: 5px; padding-left: 6px; margin-left: 8%; margin-top: -10px; } #table1 { top: 10px; margin-top: 10px; width: 94%; left: -4%; margin-left: -3%; background-color: #00800000; } #spruchstart.kontakt { height: 96%; position: relative; padding: 4%; width: 92%; right: 12%; display: block; margin-left: 12%; margin-top: -6px; background: linear-gradient(to right, #517313c2 0%,#365204e0 99%); background-color: rgba(0, 0, 0, 0); background-color: rgba(0, 0, 0, 0); background-color: rgba(0, 0, 0, 0); } #tablekontakt { height: 1142px; margin-left: 5%; margin-top: 20px; width: 92%; min-width: 377px; left: -10px; } textarea { border-radius: 5px; padding-left: 6px; margin-left: 67px; } h5.üfuss { font: 120%; left: -5px; position: relative; top: 5px; } #rankerolle { float: right; margin-right: 2px; position: relative; top: 151px; left: -260px; width: 44%; } #wechselbild1.kontakt { right: 11%; top: 55px; padding-bottom: 30px; padding-left: 30px; padding-top: 0px; margin-top: 0px; left: 12%; width: 52%; } #wasser.kontakt { position: absolute; margin: -9% auto; font-size: 111%; width: 79%; top: 76%; margin-left: -6%; } #wrapper.kontakt { height:2582px; } main.kontakt { height: 2052px; margin-top: 14%; left: 1%; } #sprung.agb { display: block; float: right; position: relative; top: -250px; } header.kontakt { height:225px; width: 101%; } #starttableindex.kontakt { width: 93%; padding: 45px; margin-bottom: 10px; margin: 0 auto; margin-top: -4%; padding: 5px; left: 25px; height: 19%; } #sidebar.kontakt { width: 40%; position: relative; height: 28%; margin-bottom: 10px; left: -48%; top: -7%; margin-top: 114%; margin-left: 5%; } #sidebar1.kontakt { width: 91%; height: 301px; float: left; position: relative; padding: 20px; border-style: outset; border-radius: 20px; border-color: #B6FFA2; background-color: #DDEFDEB3; padding: 2%; margin-top: 13px; margin-bottom: 10px; left: 22px; top: 19%; } #wasser { position: absolute; margin: -9% auto; font-size: 98%; width: 72%; top: -38%; margin-top: 10px; } #wassernote { position: relative; top: 1%; left: 2px; widht:259px; } #sprung.kontakt, #sprung.agb { display: block; float: right; position: relative; } td.kurztextfuss { margin: -3%; font: 90%/1.2 serif; width: 147%; padding-top: -5%; padding-left: -28%; float: left; text-align: left; padding-bottom: 11px; margin-top: -1%; margin-left: 6%; } #betreff.betreff { position: absolute; margin-top: 45%; margin-left: 16%; width: 285px; left: -25px; top: -64px; } td.kontakt { padding: 19px 18px; margin-top: -28px; width: 100px; font: 90%/1.2 serif; position: relative; top: 59px; left: 67px; display: inline; } #absenden.kontakt { float: right; display: inline; position: relative; top: 423px; left: 84px; border: #ff00ff9c; } #footer.kontakt { top: 5%; clear:both; width:100%; background-color: #9194CF00; position:relative; margin-top: 5px; margin-bottom: 5px; height: 150px; } #footer.imp { top: -14%; clear: both; margin-bottom: 5px; left: 0%; height: 134px; margin-top: 205%; } #copy.kontakt { width: 86%; top: -80%; height: auto; display: inherit; left: -19%; } } @media screen and (max-width:700px) { #textfeld.tel { padding-right: 15px; padding-top: 15px; left:21px; position: relative; display: block; } #table2 { left: 35%; margin-left: -11%; } #sidebar.kontakt { width: 40%; position: relative; height: 28%; margin-bottom: 10px; left: -49%; top: -7%; margin-top: 124%; margin-left: 5%; } #absenden.konttermin { float: right; display: block; position: absolute; top: 138%; left: -72%; margin-left: 47%; } .textfeldkontakt { display: block; font: 95%/1.2 serif; margin-top: -30px; padding: 43px 20px 0 0; margin-left: -33%; width: 150px; } #wechselbild1.kontakt { right: -5%; top: 42px; padding-bottom: 30px; padding-left: 3%; padding-top: 0px; margin-top: 0px; left: 7%; width: 80%; } #tablekontakt { height: 1288px; margin-left: 5%; margin-top: 10px; width: 96%; min-width: 377px; left: -32px; top: -5%; } 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%; } #wrapper.kontakt { height:2593px; } #main.kontakt { height: 1606px; top: 8%; margin-top: 8px; left: -12px; } h1.kontakt { top: -132%; left: -10%; font-size: 228%; float: left; } h5.kontakt { font: 130% bold,italic; left: 24%; position: relative; top: 50%; } header.kontakt { height:11%; width: 101%; top: -5%; } #starttableindex.kontakt { width: 90%; left: 25px; padding: 8px; margin-top: -5px; margin-bottom: 10px; top: 1%; height: auto; } #wasser { position: relative; margin: -9% auto; font-size: 98%; width: 72%; top: -49%; } #wechselbild2.kontakt { position: relative; left: 20%; top: -24%; width: 80%; } #sprung.kontakt { display: block; top: 22%; float: right; position: relative; width: 150px; } #tablefuss.kontakt { width: 83%; position: absolute; top: 47%; left: 3%; height: 435px; padding-bottom: 31px; padding-left: 8%; margin-bottom: 10px; margin-top: -3%; margin-left: 2%; padding-top: 4%; } #sidebar1.kontakt { width: 91%; height: 392px; float: left; position: relative; padding: 20px; border-style: outset; border-radius: 20px; border-color: #B6FFA2; background-color: #DDEFDEB3; padding: 2%; margin-top: 13px; margin-bottom: 10px; left: 2%; top: 30%; } #footer.kontakt { top: 3%; clear:both; width:91%; background-color: #9194CF00; position:relative; margin-top: 5px; margin-bottom: 5px; height: 354px; left: 0%; } #copy.kontakt { width: 100&; top: -23%; height: auto; display: inherit; left: -18%; } } @media screen and (max-width:650px) { td.hoerer { margin-top: -6%; width: 228px; height: 140px; top:200%; position: absolute; left: -1%; } #termine.weitere { height: 20%; font: 94%/1.4 sans-serif; top: 17%; left: -49%; color: #111178; } #abbrechen.termanfr { margin-left: 86%; position: absolute; margin-top: 28%; width: 7%; } select.anrede { border-radius: 5px; height: 31px; margin-left: -69%; margin-top: 1px; width: 65px; } td.hoerer { margin-top: -6%; width: 228px; height: 140px; top: 198%; position: absolute; left: 32%; } 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.absenden:hover { position: relative; top: -8px; left: 2%; font-size: 14px; margin-top: 1%; } input.anr { height: 24px; border-radius: 5px; padding: 4px 4px 0 ; margin-left:-1px; margin-top: 18px; width: 234%; } label.betreff { position: absolute; top: -2%; left: -19%; font-size: 170%; display: table-cell; } #medien.kontakt { position: absolute; display: block; width: 27%; top: 59%; left: 24%; } textarea#kombi { border-radius: 5px; margin-left: -5px; top: -33px; position: relative; width: 92%; margin-top: 23px; } input.absenden { left: -19%; margin-top: -11%; height: 51px; width: 222px; position: absolute; } #textfeld { padding-right: 15px; padding-top: 15px; position: relative; left: 29px; top: 51px; } #absenden.konttermin { float: right; display: block; position: relative; top: 153%; left: -42%; width: 49%; margin-top: 10px; } #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%; } textarea#kommentar { border-radius: 5px; padding-left: 6px; margin-left: -1%; width: 92%; margin-top: -60px; } #tablekontakt { height: 779px; margin-left: 5%; margin-top: -10px; width: 88%; min-width: 377px; } #table2 { position: relative; top: 45%; margin-top: -356px; width: 103%; left: -61%; margin-left: 67%; height: 365px; background-color: #00800000; } #betreff.betreff { position: absolute; margin-top: 66%; margin-left: -22%; left: -27%; top: -126%; width: 321%; } td.kontakt { padding: 19px 18px; margin-top: -28px; width: 100px; font: 90%/1.2 serif; position: relative; top: 23px; left: 8%; margin-left: 80px; } #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 { right: -5%; top: -20px; padding-bottom: 30px; padding-left: 30px; padding-top: 0px; margin-top: 38px; left: -14%; } #wechselbild3.kontakt { width: 96%; top: 3%; margin-left: 0%; margin-top: -2%; } #wassernote { position: relative; top: -13%; left: 2px; } #wasser.kontakt { position: absolute; font-size: 122%; width: 43%; top: 40%; margin-left: 37%; margin-top: 1%; text-shadow: -1px 1px 1px black; color: aliceblue; } #tablekontakt { clear: both; height: 1052px; margin-left: 9%; margin-top: 20px; width: 81%; min-width: 377px; left: -7%; padding-bottom: 58px; 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%; } #spruchstart.kontakt { clear: both; height: 87%; position: relative; padding: 4%; width: 92%; right: 7%; display: block; margin-left: 7%; margin-top: -2px; background-color: rgba(0, 0, 0, 0); background: linear-gradient(to right, #a6b327 0%,#263b00e8 99%); } #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 { background-color: #c6f8bf80; width: 350px; position: relative; top: 117px; left: 26px; margin-top: 18%; height: 105px; margin-bottom: 1px; } #main.kontakt { width:100%; top:0%; margin-top: 0%; margin-bottom: 5px; height: 2020px; left: 1px; } header.kontakt { height:23%; width: 102%; margin-bottom: 10px; top: auto; left: 5%; position: relative; margin-top:-15%; } #dreieck.kontakt { margin-left: 4%; max-width: 161px; left: -1%; top: 10%; position: relative; } h1.kontakt { top: -120%; left:15%; position: relative; font-family: serife; font-size: 228%; float: left; width: 90%; } #navileiste.kontakt, #naviunten.rückall { display:none; } #navileiste, #navyquer { display:none; } #sprung.kontakt { display: block; top: -1%; float: right; position: relative; left: -11%; margin-top: -128px; width: 70%; background-color: #54185470; padding-right: 31px; font-size: 146%; } #starttableindex.kontakt { width: 90%; left: 3%; padding: 2%; margin-top: 28px; margin-bottom: 10px; height: auto; padding-bottom: 0%; padding-top: 5%; } #sidebar.kontakt { width: 89%; position: relative; height: 407px; margin-bottom: 10px; left: -32px; top: 37%; 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%; display: inherit; height: auto; padding: 24px; margin-top: 27%; } } @media screen and (max-width: 600px) { input.absenden:hover { position: relative; top: -8px; left: 2%; font-size: 14px; margin-top: -5%; width: 104%; } #table2 { position: relative; top: 56%; margin-top: -356px; width: 103%; left: -94%; margin-left: 67%; height: 365px; background-color: #00800000; } #abbrechen.termanfr { margin-left: 115%; position: absolute; margin-top: 50%; } select.anrede { border-radius: 5px; height: 31px; margin-left: -71%; 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: 147%; left: -42%; width: 49%; margin-top: 10px; height: 40px; } #betreff.betreff { position: absolute; margin-top: 66%; margin-left: -22%; left: -28%; top: -126%; width: 321%; } } @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%; } #starthome.onlin { height: auto; font: 137% sans-serif; margin: -31px 30px 20px -26px; width: 109%; } input.absenden:hover { position: relative; top: -8px; left: -8%; font-size: 97%; margin-top: -5%; width: 236px; } #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.kontakt { 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%; min-width: 377px; 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: -140%; left: 15px; font-size: 140%; display: table-cell; 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: 17%; min-width: 377px; left: 2%; } 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: -2px; top: 20px; position: relative; width: 84%; margin-top: 23px; } 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: 168%; left: -11%; width: 73%; } #medien.kontakt { position: absolute; display: block; width: 76%; top: 60%; left: 3%; } input.anr { height: 24px; 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; margin-top: -321px; width: 105%; left: -72%; background-color: #00800000; } #main.kontakt { 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: 7%; 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 { background-color: #c6f8bf80; width: 350px; position: relative; top: 117px; left: 11%; margin-top: 18%; height: 105px; margin-bottom: 1px; } header.kontakt { height: 51px; width: 89%; margin-bottom: 10px; left: -7%; top: -1%; } #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: 95%; left: -13%; display: block; margin-left: 12%; margin-top: -6px; 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.kontakt { width: 90%; height: 2000px; margin-top:-1%; top:1%; left: 5px; position: relative; } h1.kontakt { top: -177%; left: 3%; top: -88%; left: 5%; position: relative; font-family: serif; font-size: 242%; float: left; width: auto; color: #811d86; text-shadow: -2px 2px 2px #bbc3ca; letter-spacing: -1px; } #sprung.kontakt { display: block; top: -20%; margin-top: -58px; left: -38%; margin-right: -39%; width: 287px; font-size: 120%; } #sidebar.kontakt { 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: absolute; font-size: 136%; width: 86%; top: 3%; left: -42%; } #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: 1%; top: -2%; display: inherit; height: auto; padding: 24px; } } @media screen and (max-width:428px) { #pfeil { opacity: 0.8; right: 1%; margin-bottom: 0; position: fixed; top: 76%; } #starthome.onlin { height: auto; font: 137% sans-serif; margin: -31px 31px 20px -9px; width: 109%; } #termine.weitere { height: 358%; font: 94%/1.4 sans-serif; top: 186%; left: -42%; color: #111178; } #tablekontakt.kontakt { height: 1030px; margin-left: -3%; margin-top: -6%; min-width: 377px; left: -5%; width: 294px; } #betreff.betreff { position: absolute; margin-top: 69%; margin-left: 18%; left: -15%; top: -741%; width: 86%; height: 37px; } input.absenden:hover { position: relative; top: -8px; left: 2%; font-size: 14px; margin-top: -5%; width: 59%; } 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%; left: -3%; width: 64%; height: 30px; } #sprung.kontakt { display: block; top: -20%; font-size:150%; position: relative; margin-top: -58px; left: -30%; margin-right: -39%; width: 287px; text-align: center; } } @media screen and (max-width:424px) { label.betreff { position: absolute; top: -51%; left: 15px; font: 150% serif; display: table-cell; } td.hoerer { display: block; margin-top: -68px; width: 217px; height: 140px; top: 188%; position: relative; left: -1%; } form.buchen { width: 94%; left: 12%; } #starthome.onlin { height: auto; font: 137% sans-serif; margin: -31px 30px 20px -56px; width: 109%; } #termine.weitere { height: 218px; font: 94%/1.4 sans-serif; top: 201%; left: -63%; color: #111178; display: inline-block; } 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: -2px; 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: 46px; margin-left: 0px; margin-top: 12px; width: 125px; top:3%; left:-19%; } #absenden.kont { float: left; display: block; position: relative; top: 2089%; left: -60%; margin-left: 50%; width: 200px; } label.kont { position: relative; left: -1%; top: 7px; 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: 65%; margin-top: -356px; width: 96%; left: -49%; margin-left: 67%; height: 561px; background-color: #00800000; } table.kontakt { display: block; position: relative; top: -48px; left: 5px; width: auto; height: 400px; margin-bottom: 10px; } textarea. { border-radius: 5px; padding-left: 6px; margin-left: -1px; } #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: 171%; left: -28%; margin-top: -7%; margin-bottom: 5px; width: 66%; 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; margin-left: 1%; margin-top: -60px; width:221px; min-width: 352px; padding-bottom: 230px; top: -91px; left: -12px; padding-left: 29px; } textarea#kombi { border-radius: 5px; padding-left: 6px; margin-left: -18px; width: 112%; margin-top: 35px; top: 36%; 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: 13%; width: 53%; } #wrapper.kontakt { margin-left: 1%; height: auto; } #headline.kontakt { background-color: #c6f8bf80; width: 91%; position: relative; top: -14%; left: -6%; margin-top: 49%; height: 95px; margin-bottom: 1px; } #dreieck.kontakt { margin-left: 4%; max-width: 154px; left: 7%; top: 16%; position: relative; } #main.kontakt { width: 100%; margin-top: 23px; top: 0%; left: -14px; 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: linear-gradient(to right, #a6b327e0 0%,#3c5907eb 99%); background-color: rgba(0, 0, 0, 0); background-color: rgba(0, 0, 0, 0); background-color: rgba(0, 0, 0, 0); } header.kontakt { height: 162px; width: 104%; margin-bottom: 10px; top: 1%; left:1px; } h1.kontakt { top:-177%; left:3%; top: -103%; left: 13%; position: relative; font-family: serif; font-size: 242%; float: left; width: auto; color: #811d86; text-shadow: -2px 2px 2px #bbc3ca; letter-spacing: -1px; } 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.kontakt { margin-top: -5%; position: relative; width: 70%; text-align: center; padding-left: 33px; margin-right: 4%; top: -145%; left: -2%; height: 30px; 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.kontakt { width: 89%; position: absolute; height: 24%; margin-bottom: 10px; left: -6%; top: 52%; 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%; } input.absenden:hover { font-size: 14px; display: block; width: 82%; left: -1px; position: relative; top: 1px; margin-top:1px; } #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; } } @media screen and (max-width: 399px) { #termine.weitere { height: 150px; font: 94%/1.4 sans-serif; top: -18%; left: -61%; color: #111178; } #table2{ left: -93%; } } @media screen and (max-width:393px) { #absenden { float: right; display: inline; position: relative; top: 346px; left: -502px; } #absenden.konttermin { float: right; display: block; position: absolute; top: 142%; left: -25%; margin-top: -7%; margin-bottom: 5px; width: 66%; height: 60px; } #termine.weitere { height: 92%; font: 94%/1.4 sans-serif; top: -10%; left: -58%; color: #111178; width: 354px; } form.buchen{ top: 13px; } #table2 { left: -58%; margin-left: 67%; height: auto; top: 67%; } #tablekontakt.kontakt { height: 850px; width: 73%; min-width: 352px; padding-bottom: 230px; top: -30px; left: -12px; 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%; } 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.kontakt { display: block; top: -28%; float: left; position: relative; left: 3%; 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; } } @media screen and (max-width:390px) { #dreieck.kontakt { margin-left: 4%; max-width: 154px; left: 2%; top: 10%; position: relative; } #tablekontakt.kontakt { height: 850px; width: 73%; min-width: 352px; padding-bottom: 230px; top: -30px; left: -12px; padding-left: 29px; } ul.scluss{ display: block; position: absolute; width: 90%; } #abbrechen.termanfr { margin-left: 175%; position: absolute; top: 78%; } td.hoerer { left: -11%; } label.kont { position: relative; left: -8%; top: 18px; width: 200px; } input { height: 24px; border-radius: 5px; padding: 4px 4px 0; margin-left: -1px; width: 265px; } #wechselbild1.kontakt { right: -5%; top: 8%; padding-bottom: 30px; padding-left: 30px; padding-top: 75px; margin-top: 0px; left: 1%; width: 74%; } input.absenden { left: -1%; top: -43%; width: 80%; position: absolute; margin-top: 42px; margin-left: 26px; } #absenden.konttermin { float: right; position: relative; top: 130%; left: -9%; margin-top: 86px; margin-bottom: 5px; width: 91%; } #betreff.betreff { position: absolute; margin-top: 66%; margin-left: 18%; left: -40%; top: -202%; width: 156%; font-size: 87%; } input.anr { height: 24px; border-radius: 5px; padding: 4px 4px 0; margin-left: -19%; margin-top: 18px; width: 134%; } .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; } #wechselbild3.kontakt { width: 100%; top: 5%; left: -5%; margin-left: 3%; } #absenden.kontakt { float: right; display: inline; position: relative; top: 431px; left: 54px; border: #ff00ff9c; margin-right: 171px; margin-top: 210px; } label.betreff { position: relative; top: -117%; left: -24px; font-size: 154%; width: 124%; } select.betreff { width: 281px; height: 30px; padding-left: 11px; border-radius: 5px; background: white; position: relative; top: 14px; left: -2px; } table.kontakt { display: block; position: relative; top: 15px; left: 8px; width: 77%; height: auto; } textarea#kombi { border-radius: 5px; padding-left: 6px; margin-left: -98%; width: 553%; margin-top: -11px; top: 305%; position: absolute; display: table-cell; } textarea#kommentar { border-radius: 5px; padding-left: 6px; margin-left: -14%; width: 553%; margin-top: -11px; top: 125%; position: absolute; display: table-cell; left:-100px; } #absenden.konttermob { float: left; display: inline; position: fixed; top: 36%; left: -24%; margin-left: 50%; margin-top: 81px; margin-bottom: 15px; } #headline.kontakt { background-color: #c6f8bf80; width: 103%; position: relative; top: 2px; margin: 39px; margin-top: 37%; height: 101px; margin-bottom: 1px; left: -59px; } #table1 { position: relative; top: 10px; margin-top: 10px; width: 89%; left: 22px; margin-left: 8%; height: auto; background-color: #00800000; } #table2 { position: relative; top: 73%; margin-top: -356px; width: 380px; left: -3%; margin-left: 67%; height: 520px; background-color: #00800000; } #starttableindex { width: 91%; top: -5%; margin-top: 89px; margin-bottom: 5px; margin-left: -29px; } #starttableindex.kontakt { width: 82%; left: 6%; padding: 8px; margin-top: 61px; margin-bottom: 10px; top: -2%; } #ampel.abhy { top: -337%; } td.kurztextabhy { font: 90%/1.3 serif; width: 90%; float: left; text-align: left; margin-left: 3%; margin-top: 21px; } #ampel.abhy1 { border-radius: 30px; display: table-cell; left: 19%; position: relative; top: 18px; } #wechselbild2a.abhy { position: relative; top: -81px; left: -83px; } #fussnote.kontakt { top: 57%; left: 5%; position: relative; width: 67%; height: 365px; padding: 38px; } #headline.agb { background-color: #87e3a44d; width: 100%; position: relative; top: 229px; left: 1px; margin-top: -2%; height: 35%; border-bottom: 3px dotted white; margin-bottom: 2px; } #sprung.agb { display: block; float: right; position: relative; top: -230px; padding-left: 2px; left: -75px; } #tablefuss.abhy { width: 70%; text-align: left; padding-bottom: 20px; -left: -1%; float: left; margin-bottom: 10px; margin-top: 189px; top: -9%; left: 4%; height: 695px; } #rankefuss.abhy { position: absolute; top: 6%; left: 58%; margin-bottom: 2px; width: 58%; } #wasser.agb { position: relative; margin: -42% auto; font-size: 98%; width: 72%; padding-top: 93%; top: -31%; color: #362958; font-size: 124%; } #sidebar1.abhy { width: 93%; height: 423px; float: right; padding: 20px; padding: 2%; left: 0%; top: 12%; margin-top: 90%; display: none; } #wrapper.kontakt { margin-left: 1%; height: 2041px; width: 94%; } #main { width:100%; } #main.kontakt { width:100%; height:2300px; margin-top: 0px; top: 3%; } #main.imp { width: 100%; float: left; top: -3%; margin-top: 23%; margin-bottom: 10px; height: 1084px; } #starttableindex.agb { left: 1%; position: relative; margin-top: 1%; float: left; margin-bottom: 4%; padding-right: 1%; padding-bottom: 50px; padding-top: 5%; width: 82%; padding-left: 8%; height: auto; top: -19%; margin-left: 13px; font-size: 90%; } header.kontakt { height:91px; width: 101%; left:10px; top: 2%; } header { height:35px; width: 100%; margin-bottom: 10px; left:-3%; } h1.rueck2, h1.rueck1 { font-size:140%; } h1.rueck1 { top:-120%; } p.kontakt { position:relative; top:-216%; left:32%; width:89%; } #herzlich1 { position: relative; top: -15%; left: -6%; width: 86%; } #dreieck { margin-left: 4%; max-width: 200px; left: -4%; top: 34%; position: absolute; width:50%; } h1.kontakt { top: -91%; left:6%; position: relative; font-family: serife; font-size: 228%; float: left; } h5.kontakt { padding-left: 18%; margin: 0 auto; font: 100% serif italic; color: #332F72; position: relative; top: 26%; left: -10%; } #sprung.kontakt { display: block; top: -32%; float: left; position:relative; margin-left: 23px; width: 66%; height: 30px; } #nav, #naviunten { display:none; float:right; } #navileiste, #navyquer { display:none; } #starttableindex.kontakt { width: 80%; left: 20px; padding: 8px; margin-top: 72px; margin-bottom: 10px; top: -2%; height: auto; } #sidebar.kontakt { width: 84%; position: relative; height: 517px; margin-bottom: 10px; left: -2%; top: 46%; } #wasser.imp { position: relative; margin: -9% auto; margin-top: -9%; margin-top: -9%; margin-top: -9%; font-size: 98%; width: 72%; padding-top: 93%; margin-top: -69%; align-content: ; } #wechselbild2.kontakt { left:3%; position:absolute; width:70%; } #copy.kontakt { left:-15%; margin-top:11px; top:408%; height: auto; width: 90%; } p .kontakt { background-color: #DDEFDE; opacity: 0.97; font: small-caps 18px; color: navy; border-style: outset; border-radius: 20px; border-color: #008000; font: 90%/1.2 serif; letter-spacing: 2.0; padding: 38px ; margin-top:12%; margin-left: 13%; margin-bottom:-40px ; max-width: 700px; height:250px; } #summary.ayurfuss { display: inline; position: relative; top: -147%; width: 100%; height:250px; left: -26%; padding:1%; } #rankefuss { display: inline; position: absolute; top: -48%; left: 47%; } details.kontakt { margin-right: 0; margin-top: 0; position: relative; left: -42%; top: 1%; float: left; width: 90%; } #footer.kontakt { top: 0%; clear:both; width:96%; background-color: #9194CF00; position:relative; margin-top: 5px; margin-bottom: 5px; height: 342px; } #copy.kontakt { width: 74%; margin: 0 auto; left: 0%; top: -2%; display: inherit; height: auto; padding: 24px; position: relative; } } @media screen and (max-width: 384px) { #table2 { position: relative; top: 71%; margin-top: -356px; width: 380px; left: -5%; margin-left: 67%; height: 365px; background-color: #00800000; } #termine.weitere { height: 92%; font: 94%/1.4 sans-serif; top: -10%; left: -58%; color: #111178; width: 304px; } }