* {
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:3840px) {
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:2560px) {
input.ueberga {
height: 44px;
border-radius: 5px;
padding: 4px 4px 0;
margin-left: -1px;
margin-top: -41px;
width: 300px;
font-size: 188%;
}
p.kont{
display:inline-block;
position:absolute;
font:40%/1.0 sans-serif;
}
#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: -10%;
left:9px;
position: relative;
}
input.abskon:hover {
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%;
padding-left:18px;
}
#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;
}
}