:root{--kontakt-page-width:1050px}
body{background:none repeat scroll 0 0 #FFF; font-size:100%; margin:0; padding:0}
h1{font-size:1.5em; font-family:Verdana,Arial,Helvetica,sans-serif; font-weight:400; margin:0; color:#00f}
h2{font-size:1.5em; font-family:Verdana,Arial,Helvetica,sans-serif;font-weight:400; margin:0; color:#fff}
h3{ font-family:Verdana,Arial,Helvetica,sans-serif; font-weight:400;  margin:0; color:#fff}
h4{ font-family:Helvetica,sans-serif; font-weight:400;  margin:0; color:#fff}
h5{ font-family:Helvetica,sans-serif; font-weight:400;  margin:0; color:#fff}
p{font-family:Helvetica; font-weight:400; margin:0; color:#fff}
ul{margin:0; padding:0}
ul li,span{ font-weight: 400;}
li{list-style-type:none; font-family:Helvetica; margin:0; color:#fff}
div, span{color:#fff}
img{height:auto; max-width:100%}
a, ins{text-decoration:none; color:#fff}
a:hover{color:#DF0000; font-weight:500}
#breadcrumb a{color:#fff; font-family:'Oswald',Arial,sans-serif; font-size:16px; font-style:italic; line-height:35px; margin-left:10px; padding:10px; text-decoration:none}
#breadcrumb h1{color:#fff; display:inline; float:right; font-size:1em; padding:6px 30px 0 0}
#breadcrumb a:hover{color:#DF0000}
.content, .footer, #breadcrumb, .header, .headline, .headline_willkommen, .inhalt_body, .tabelle, .box8link{background:#005EA8; border-radius:20px; box-shadow:4px 4px 4px #000}
.content{display:block; padding:20px 25px; font-size:1em; margin:0 0 2em; width:100%; box-sizing:border-box}
body.page-kontakt .content{margin-left:0!important;width:100%;max-width:100%}
.content li{color:#39F704; background:url(../images/pfeil2.png) no-repeat scroll 0 15px rgba(0,0,0,0); border-top:1px solid #FFF; padding:25px 0 10px 60px}
.content_maske p, em, h1, a{padding:10px; color:#fff}
.content_maske h3, h2, h4, h5{display:inline; }
#headerbild_ergebnis{margin-top:15px}
.gutschein q{float:left}
.gutschein p{margin:10px 100px 0 180px}
.gutschein span{margin-left:80px; font-size:18px}
.gutschein{color:#fff; padding-top:50px;  font-size:.85em}
#ihr_tarif_rest{font-size:.9em; color:#000}
#ihr_tarif_rest_white{font-size:1em; color:#fff}
.tel{font-size:.9em; display:inline-block; padding-left:170px}
.tel em{color:#fff}
.footer a{color:#fff; font-size:12px; line-height:43px; margin:auto; padding:0 70px 50px 110px; text-align:center; text-decoration:none}
.footer{border-top:1px solid #CDCDCD; height:40px; line-height:32px; margin-top:10px; width:100%}
.footer a:hover{color:#DF0000}
.sozial_web{text-align:center; padding:10px; clear:both; padding-top:200px}
#gruen{color:#39F704}
#gruen:hover{color:#DF0000}
.beschriftung{color:#000; display:block; font-size:1.4em; font-style:italic; clear:both; padding:100px 50px 20px}
#wrapper{display:block; height:auto!important; margin:0 auto; max-width:1050px; min-height:1050px}
.footer, #breadcrumb{margin-bottom:10px}
.header{border-radius:20px; height:40px}
.header_text{color:#fff; font-weight:500; text-align:center; padding:10px 0}
#header_in_bild{float:right; font-size:1.5em; padding-right:10px}
#gutschein-sichern{float:right}
.keine_anzeige{display:none}

.gesichert{float:right}
.border_button{border-bottom:1px solid #FFF; margin:0 20px}
.buttonlink{background:#39F704; border-radius:5px; box-shadow:3px 3px 3px #000; color:#000; float:right;height: 30px; font-size:16px; margin:15px 50px 15px 0}
.buttonlink:hover{color:#DF0000}
.buttonlink_2{background:#39F704; border-radius:5px; box-shadow:3px 3px 3px #000; color:#000}
.buttonlink_2:hover{color:#DF0000}
.buttonlink_3{background:#39F704; border-radius:5px; box-shadow:2px 2px 2px #000; color:#000; font-size:.8em}
.buttonlink_3:hover{color:#DF0000}
.buttonlink_4{background:#0f0; border-radius:5px; box-shadow:2px 2px 2px #000; font-size:18px}
.buttonlink_4:hover{color:#DF0000}
.button{float:left}
.hilfe{background:#0f0; border-radius:8px; box-shadow:3px 3px 3px #000; color:#00f; float:right; font-size:1.1em; margin:15px 0 15px 0; padding:5px}
.hilfe a{color:#00f}
.hilfe a:hover{color:#DF0000}
.footertext{font-size:12px; margin:5px 20px 20px; color:#000}
.antrag-info-b{color:#fff; font-size:1.1em; padding-bottom:15px}

.alarm{color:#DF0000; display:block; font-size:1.2em; padding-left:50px}
#jahre_alt{color:#fff; float:right; font-size:1.1em; padding-left:20px; width:200px}
#jahre_alt em{color:#fff; font-size:1.1em}
#jahre_alt2{color:#fff; display:block; font-size:1.2em; padding-left:20px; width:320px}

#ausgabe_rechts{text-align:right}
.hinweis{font-size:18px; font-weight:500; font-style:italic}
.info_b_1{background:none repeat scroll 0 0 #FFF; border:1px solid #00F; color:#fff; display:none; font-size:.7em; padding:10px; width:700px}
.info_b_2{background:none repeat scroll 0 0 #FFF; border:1px solid #00F; display:block; font-size:.9em; padding:10px; width:700px}
.input_status{border-left:1px solid #fff; float:right; height:25px; margin-right:400px; width:250px}
.input_plz_kontakt{border-left:1px solid #fff; height:20px; margin-left:130px; width:40px}
.input_plz{border-left:1px solid #000; padding-right:5px; border-right:2px solid #000; height:20px; float:right; width:40px}
.input_ort{border-left:1px solid #000; float:right; height:20px; width:200px}
.input_geb_4{padding:3px; margin:3px; height:30px; float:right; width:78px}
.input_geb_5{padding:3px; margin:3px; height:30px; float:right; width:79px}
.input_geb_2{padding:3px; margin:3px; font-size:.7em; height:30px; width:80px}
.input_geb_3{padding:3px; margin:3px; font-size:.7em; height:30px; width:76px}
.input_besch{float:left; padding:10px}
.kontakt_vergleich{padding:10px 10px 5px 20px; font-size:16px}
.kontakt_vergleich span, em{color:#fff; font-size:16px; text-align:left}
.kontakt_vergleich i{color:#fff; font-size:16px}
.kontakt_style{color:#fff; display:table-cell; float:left; width:200px}
.kontakt_style b{color:#fff; line-height:25px}
.kontakt_style_input{width:50px; display:table-cell}
.kontakt_style input, option{height:25px}
.kontakt_style_agb a{color:#39F704}
.kontakt_style_agb a:hover{color:#DF0000}


#agb{font-size:14px; color:#39F704}
#agb:hover{color:#DF0000}
.grid{ margin:auto;  float:left;  padding:15px 0 15px 0; clear:both}
.grid-tabelle{ padding-bottom:100px;}

.grid-m1{ float:left;  width:24px;  height:1px}

.grid-c1{ float:left;  width:114px}

.grid-m2{ float:left;  width:20px;  height:1px}

.grid-c2{ float:left;  width:120px}

.grid-m3{ float:left;  width:20px;  height:1px}

.grid-c3{ float:left;  width:130px}

.grid-m4{ float:left;  width:20px;  height:1px}

.grid-c4{ float:left;  width:140px}

.grid-m5{float:left;  width:20px;  height:1px}

.grid-c5{float:left;  width:150px; color:#0f0}

.grie{ margin:auto;  clear:both}
.grie input, select{height:30px}
.grie-m1{float:left;  width:24px;  height:1px}

.grie-c1{float:left;  width:200px;  padding-bottom:10px}

.grie-m2{float:left;  width:20px;  height:1px}

.grie-c2{float:left;  width:200px;  padding-bottom:10px}
.grie-c2 input{float:left;  width:290px}
.grie-m3{float:left;  width:24px;  height:1px}

.grie-c3{float:left;  width:200px;  padding-bottom:10px}
.grie-c3 select{float:left; margin:2px}
.grie-m4{float:left;  width:24px;  height:1px}

.grie-c4{float:left;  width:200px;  padding-bottom:10px}

.grie-m6{float:left;  width:20px;  height:1px}
.grie-c6{float:left;  width:200px;  padding-bottom:10px}

.grie-m6a{float:left;  width:20px;  height:1px}
.grie-c6a{float:left;  width:200px;  padding-bottom:10px}

.grie-m6bc{float:left;  width:20px;  height:1px}
.grie-c6bc{float:left;  width:200px;  padding-bottom:10px}

.grie-m6ab{float:left;  width:20px;  height:1px}
.grie-c6ab{float:left;  width:500px;  padding-bottom:10px; padding-top:30px; color:#febf01}

.grie-m7{float:left;  width:20px;  height:1px}
.grie-c7{float:left;  padding-bottom:10px}
.grie-c7 input{float:left}

.grie-m8{float:left;  width:20px;  height:1px}

.grie-c8{float:left;  width:200px;  padding-bottom:10px; padding-top:10px; font-size:16px}
.grie-c8 input{float:left;  width:100px}

.grie-m9{float:left;  width:20px;  height:1px}

.grie-c9{float:left;  padding-bottom:10px}
.grie-c9 input{float:left}

.grie-m9a{float:left;  width:20px;  height:1px}

.grie-c9a{float:left;  padding-bottom:10px}
.grie-c9a input{float:left}

.grie-m10{float:left;  width:20px;  height:1px}

.grie-c10{float:left;  width:200px;  padding-bottom:10px; padding-top:10px}
.grie-c10 input{float:left;  width:100px}

.grie-m11{float:left;  width:24px;  height:1px}

.grie-c11{float:left;  width:310px;  padding-bottom:10px}
.grie-c11 b{float:left;  width:100px; height:30px}
.grie-m12{float:left;  width:20px;  height:1px}

.grie-c12{float:left;  width:200px;  padding-bottom:10px}
.grie-m13{float:left;  width:20px;  height:1px}

.grie-c13{float:left;  width:200px;  padding-bottom:10px; padding-top:10px}
.grie-c13 select{float:left;  width:90px; height:30px}
.grie-m14{float:left;  width:20px;  height:1px}

.grie-c14{float:left;  width:200px;  padding-bottom:10px; padding-top:10px}

.grie-m15{float:left;  width:20px;  height:1px}

.grie-c15{float:left;  width:200px;  padding-bottom:10px}
.grie-c15 select{float:left;  width:100px}
.grie-m16{float:left;  width:20px;  height:1px}

.grie-c16{float:left;  width:200px;  padding-bottom:10px; padding-top:10px}

.grie-m17{float:left;  width:20px;  height:1px}

.grie-c17{float:left;  width:200px;  padding-bottom:10px}
.grie-c17 input{float:left;  width:290px}
.grie-m18{float:left;  width:20px;  height:1px}

.grie-c18{float:left;  width:200px;  padding-bottom:10px; padding-top:10px}
.grie-m19{float:left;  width:20px;  height:1px}

.grie-c19{float:left;  width:200px;  padding-bottom:10px; padding-top:10px}
.grie-c19 select{float:left;  width:100px}
.grie-m20{float:left;  width:20px;  height:1px}

.grie-c20{float:left;  width:200px;  padding-bottom:10px; padding-top:10px}

.grie-m21{float:left;  width:20px;  height:1px}

.grie-c21{float:left;  width:200px;  padding-bottom:10px}
.grie-c21 input{float:left;  width:290px; height:50px}
.grie-m22{float:left;  width:20px;  height:1px}

.grie-c22{float:left;  width:200px;  padding-bottom:10px; padding-top:10px}

.grie-m23{float:left;  width:20px;  height:1px}
.grie-c23{float:left;  width:400px;  }
.grie-c23 i{padding:5px; font-size:16px; float:left}
.grie-c23 input{float:left}

.grie-m24{float:left;  width:20px;  height:1px}
.grie-c24{float:left;  width:500px;  padding-top:20px}
.grie-c24 i{padding:5px; font-size:18px; float:left}
.grie-c24 input{float:left}

.gesch{width:1098px;  margin:auto; display:inline-block; clear:both}

.gesch-m32{float:left;  width:20px;  height:1px}
input[type=checkbox]{ transform:scale(1.5)}
.gesch-c32{float:left;  width:300px;  font-size:18px; color:#fff; padding:10px 0 30px 0}
.line_bottom{border-bottom:1px solid #fff;margin: 20px 5px 20px 5px;clear: both;}
.kontakt_input{border-left:1px solid #000; float:right; height:20px; margin-right:400px; width:248px}
.kontakt_input_check{float:right; height:22px; margin-right:633px}
.kontakt_input_long{border-left:1px solid; float:right; height:50px; margin-right:400px; width:250px}
.anfrage_1{padding-top:30px; font-size:1em}
.anfrage_2{ padding:15px 30px 20px 0;}
.anfrage_2 em{color:#DF0000; font-size:.9em}
.anfrage_2 a{color:#DF0000; font-size:.9em}
.warnung{color:#febf01; display:none; font-size:1em; float:left}
.warnung span{color:#fff; float:left; padding-bottom:20px; border-bottom:1px solid #FFF}
#panel{ padding:20px;  display:none}
.hyper{font-size:16px; text-align:center; padding-left:80px; line-height:15px}
.hyper:hover{color:#D01616}
.tooltip{font-size:.9em; color:#00f}
.tooltip p{color:#000}
.tool{font-size:0.8em; color:#00f}
.tool p{color:#00f;}
div.tool span{font-weight:600; padding-bottom:5px; color: #00f;}
a.tooltipsklein:hover{color:#DF0000; cursor:help}
a.tooltipslink:hover{color:#0F0; cursor:pointer}
a.tooltipsklein,a.tooltipslink{    position:relative;     display:inline;font-size: 14px;}
a.tooltipsklein span , a.tooltipslink span{color:#00f; font-size:14px}
a.tooltipsklein div , a.tooltipslink div{    position:absolute;     font-size:13px;     width:250px;     background:#FFF;     height:auto;     line-height:20px;     text-align:left;     visibility:hidden;     border-radius:6px;     box-shadow:0px 0px 5px #000;     padding:10px;     color:#000}
a.tooltipsklein div:after, a.tooltipslink div:after{  content:'';     position:absolute;     top:50%;     left:100%;     margin-top:-50px;     width:0; height:0;     border-left:8px solid #FFF;     border-top:8px solid transparent;     border-bottom:8px solid transparent}
a:hover.tooltipsklein div{    visibility:visible;     opacity:1;     right:100%;     top:50%;     margin-top:-20px;     z-index:999;}



@media screen and (max-width:1100px){body{font-size:96%}
.footer, #wrapper{width:980px; padding:0}
.footer a{padding:1.5em; padding:0 70px 50px 90px}
.headline{margin-top:145px}
}
@media screen and (max-width:1050px){body{font-size:96%}
.footer, #wrapper{width:950px; padding:0}
.tel{padding-left:100px}
}
@media screen and (max-width:1000px){body{font-size:94%}
 #wrapper{width:885px; padding:0}
body.page-kontakt .content{margin-left:0}

.kontakt_vergleich{display:table; padding:10px}
.kontakt_style{padding:3px}
}
@media screen and (max-width:900px){body{font-size:89%}
 #wrapper{width:790px}
.tel{padding-left:20px}
}
@media screen and (max-width:800px){body{font-size:76%}
 #wrapper{width:685px}
.line_bottom{ max-width: 640px;}
.headline_geb{padding:30px 0 20px; clear:both}
.headline{margin-top:100px}
.gutschein p{margin:10px 20px 10px 10px; padding-left:100px; font-size:12px}

}
@media screen and (max-width:700px){body{font-size:69%}
.footer, #wrapper{width:600px}
.tooltip{font-size:.8em;width: 300px;}
.tooltip_text{display:none}
.kontakt_vergleich{display:inline-block; margin-right:120px}
.kontakt_style{display:table}
.gutschein p{margin:10px 20px 10px 10px; padding-left:100px; width: 400px;  }
.tel{ float: right;padding: 0; font-size: 0.8em;}
#breadcrumb h1{ display: none;}
#breadcrumb a{ font-size:12px;  line-height:35px}
.buttonlink_4{ font-size:16px}
.grie-c1{width:150px}
.grie-c2{width:150px}
.grie-c4{width:150px}
.grie-c6{width:150px}
.grie-c8{width:150px}
.grie-c10{width:150px}
.grie-c12{width:150px}
.grie-c14{width:150px}
.grie-c16{width:150px}
.grie-c18{width:150px}
.grie-c20{width:150px}
.grie-c22{width:150px}
.grie-c23{width:350px}
.grie-c23 i{padding:3px; font-size:14px}
.line_bottom{ max-width: 540px;}
}
@media screen and (max-width:600px){body{font-size:65%}
.footer, #wrapper{width:520px}
.footer a{padding:1.5em; padding:0 0 50px 50px}
#agb{font-size:12px}
#agb a{margin-right:100px}
.gutschein p{ width: 350px;  }
a.tooltipsklein div{font-size:12px; width:200px}
.grid-tabelle{width:450px}
.grid-c6{width:300px}
.grid-c1{width:60px}
.grid-c2{width:90px}
.grid-c3{width:65px}
.grid-c4{width:65px}
.grid-c5{width:80px}
.grie-c1{width:120px}
.grie-c2{width:120px}
.grie-c4{width:120px}
.grie-c6{width:120px}
.grie-c8{width:120px; font-size:14px}
.grie-c9a input{float:left}
.grie-c10{width:120px}
.grie-c12{width:120px}
.grie-c14{width:120px}
.grie-c16{width:120px}
.grie-c18{width:120px}
.grie-c20{width:120px}
.grie-c22{width:120px}
.grie-c23{width:250px}
.grie-c25{width:120px}
.gr-c27{width:100px}
.grie-c26{width:300px;  padding:20px 0 20px 0}
.line_bottom{ max-width: 460px;}
}
@media screen and (min-width:550px){.versicherung_content{display:block}
}
@media screen and (max-width:550px){body{font-size:64%}
.footer, #wrapper{width:445px}
body.page-kontakt .content{margin:0 0 2em}
.headline{margin-top:65px; padding:10px 20px 20px 40px}
.tooltip{font-size:12px}
.headline q, #gutschein-sichern{display:none}
.gutschein p{ width: 300px;  }
#bild_25small{background:url(../images/bilder/25_small.png); width:60px; height:60px; float:right}
.footer_gesund a{font-size:1.1em; padding:20px 0 0 20px; display:block}
.footer a{padding:0 0 50px 43px}
.buttonlink_4{font-size:14px}
.ssl img{ width: 40%;   }
.grie-c1{width:90px}
.grie-c2{width:90px}
.grie-c4{width:90px}
.grie-c6{width:90px}
.grie-c8{width:90px; font-size:12px}
.grie-c10{width:90px}
.grie-c12{width:90px}
.grie-c14{width:90px}
.grie-c16{width:90px}
.grie-c18{width:90px}
.grie-c20{width:90px}
.grie-c22{width:90px}
.grie-c24 i{padding:3px; font-size:16px}
.grie-c24{width:400px}
.grie-c2 input{width:250px}
.grie-c7 input{width:120px}
.grie-c9 input{width:120px}
.grie-c17 input{width:200px}
.grie-c21 input{width:250px}
.grie-c15 select{ width:90px}
.line_bottom{ max-width: 400px;}

}
@media screen and (max-width:450px){body{font-size:60%}
.footer, #wrapper{width:395px;}
.footer a{padding:10px}
.geb_tag_index select{width:29%;font-size: 12px;}
.gutschein p{ width: 250px;  }
.gutschein span{margin-left:20px; font-size:16px}
.content{ padding-left:5px;}
.grie input, select{height:25px}
.grie-c2 input{width:230px}
.grie-c7 input{width:100px}
.grie-c9 input{width:100px}
.grie-c21 input{width:230px}
.grie-c23 input{width:20px}
.grie-c24{width:300px}
.grie-c25{width:80px}
.line_bottom{ max-width: 360px;}

}
@media screen and (max-width:400px){body{font-size:60%}
.footer, #wrapper{width:345px}
.content_on, .content{padding:5px}
.grid-tabelle{width:340px}
.gutschein p{ width: 200px;  }
.grid-c1{width:30px}
.grid-c2{width:65px}
.grid-c3{width:50px}
.grid-c4{width:40px}
.grid-c5{width:40px}
.grie-c23{width:200px}
.grie-c23 i{font-size:12px}
.grie-c1{width:60px}
.grie-c2{width:60px}
.grie-c4{width:60px}
.grie-c6{width:60px}
.grie-c8{width:75px; font-size:10px}
.grie-c10{width:60px}
.grie-c12{width:60px}
.grie-c14{width:60px}
.grie-c16{width:60px}
.grie-c18{width:60px}
.grie-c20{width:60px}
.grie-c22{width:60px}
.grie-c2 input{width:200px}
.grie-c7 input{width:80px}
.grie-c9 input{width:80px}
.grie-c21 input{width:200px}
.grie-c23 input{width:20px}
.line_bottom{ max-width: 310px;}
}
@media screen and (max-width:350px){body{font-size:54%}
#wrapper{width:325px}
.gutschein p{ width: 180px;  }
.gutschein span{margin-left:10px; font-size:14px}
.hilfe{ display: none;}
.grie-c2 input{width:180px;}
.grie-c7 input{width:90px}
.grie-c9 input{width:90px}
.grie-c17 input{width:180px}
.grie-c21 input{width:180px}

.grie-c3 select{width:92px;}
.grie-c8{width:75px; }

}

#bild_zahn1{background:url(../images/bilder/zahn1.jpg) repeat scroll 0 0 rgba(0,0,0,0); display:inline; float:right; height:163px; width:233px}
.bild_25{background:url(../images/bilder/25_klein.png)no-repeat scroll 0 0 rgba(0,0,0,0); float:right; height:95px; width:95px}
.bild_40{background:url(../images/bilder/40.png)no-repeat scroll 0 0 rgba(0,0,0,0); float:right; height:96px; width:170px}
.sozial span{margin:0 20px}
#facebook{background:url(../images/service/sozial.png) no-repeat 0 0; height:20px; width:20px}
#twitter{background:url(../images/service/sozial.png) no-repeat -30px 0; height:19px; width:19px}
#google_plus{background:url(../images/service/sozial.png) no-repeat -55px 0; height:20px; width:20px}
#rss{background:url(../images/service/sozial.png) no-repeat -82px 0; height:20px; width:20px}
#blog{background:url(../images/service/sozial.png) no-repeat -106px 0; height:20px; width:25px}

/* Kontaktformular wie Versicherungsvergleich-Referenz */
body.page-kontakt #wrapper{
  max-width:var(--kontakt-page-width);
  margin:0 auto;
}
body.page-kontakt #breadcrumb,
body.page-kontakt .content,
body.page-kontakt .footer{
  width:100%;
  max-width:100%;
  margin-left:0!important;
  box-sizing:border-box;
}
body.page-kontakt #breadcrumb h2{
  float:right;
  font-size:1.1em;
  font-weight:400;
  line-height:1.4;
  padding:6px 20px 0 0;
  margin:0;
}
body.page-kontakt .content_maske{padding:8px 16px 22px}
body.page-kontakt .ueberschrift_inhalt_weiss h2{font-size:1.5em;line-height:1.3;margin:0 0 8px}
body.page-kontakt .grie input,
body.page-kontakt .grie select,
body.page-kontakt .grie textarea{
  border:1px solid #bcd1df;
  border-radius:2px;
  box-sizing:border-box;
}
body.page-kontakt .grie{
  display:flex;
  align-items:flex-start;
  gap:10px;
  max-width:640px;
  margin:0 0 8px;
}
body.page-kontakt .grie-m8,
body.page-kontakt .grie-m2{display:none}
body.page-kontakt .grie-c8{
  flex:0 0 160px;
  width:160px;
  padding:6px 0 0;
  font-size:14px;
}
body.page-kontakt .grie-c2,
body.page-kontakt .grie-c3,
body.page-kontakt .grie-c5,
body.page-kontakt .grie-c7,
body.page-kontakt .grie-c9,
body.page-kontakt .grie-c15,
body.page-kontakt .grie-c17,
body.page-kontakt .grie-c21,
body.page-kontakt .grie-c23,
body.page-kontakt .grie-c24{flex:1;width:auto;padding:0}
body.page-kontakt .grie-c2 input,
body.page-kontakt .grie-c9 input,
body.page-kontakt .grie-c17 input{width:100%;max-width:320px}
body.page-kontakt .grie-c5,
body.page-kontakt .grie-c7{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:6px;
  max-width:320px;
}
body.page-kontakt .grie-c5 input,
body.page-kontakt .grie-c7 input{width:100%}
body.page-kontakt .grie-geburtstag .grie-c9 input{
  max-width:calc((320px - 6px) / 2);
}
body.page-kontakt .grie-c3{
  display:grid;
  grid-template-columns:repeat(3,minmax(65px,1fr));
  gap:6px;
  max-width:320px;
}
body.page-kontakt .grie-c3 select{width:100%;margin:0}
body.page-kontakt .grie-c15 select{width:100%;max-width:110px}
body.page-kontakt .grie-c21 textarea{
  width:100%;
  max-width:320px;
  min-height:70px;
  resize:vertical;
}
body.page-kontakt .grie-checkbox{margin-bottom:14px;align-items:flex-start}
body.page-kontakt .grie-fragen{margin-bottom:23px!important}
body.page-kontakt .grie-checkbox-last{margin-bottom:10px}
body.page-kontakt .grie-checkbox .grie-c8{padding-top:2px}
body.page-kontakt .grie-c23{
  display:flex;
  align-items:flex-start;
  gap:8px;
  max-width:480px;
}
body.page-kontakt .grie-c23 input[type=checkbox]{
  flex:0 0 14px;
  width:14px;
  height:14px;
  margin:3px 0 0;
  float:none;
}
body.page-kontakt .grie-c23 i,
body.page-kontakt .grie-c23 label{
  flex:1;
  margin:0;
  padding:0;
  float:none;
  display:block;
  line-height:1.45;
  font-size:14px;
}
body.page-kontakt .grie-hinweis{
  display:block;
  max-width:640px;
  margin:12px 0 6px;
}
body.page-kontakt .grie-hinweis .grie-m24{display:none}
body.page-kontakt .grie-hinweis .grie-c24{
  width:100%;
  padding:0;
}
body.page-kontakt .grie-hinweis i{
  display:block;
  line-height:1.45;
  font-size:14px;
  margin:0 0 6px;
}
body.page-kontakt .gesch{width:auto;display:block}
body.page-kontakt .gesch-c32{float:none;width:auto;padding:10px 0 20px}
body.page-kontakt .kontakt-fehler{
  color:#ffb4b4;
  background:rgba(0,0,0,.25);
  padding:10px 12px;
  margin:0 0 12px;
  border-radius:8px;
}
body.page-kontakt .kontakt-erfolg{
  color:#39F704;
  padding:12px 0 20px;
  font-size:1.05em;
}
body.page-kontakt-erfolg .content{
  min-height:380px;
  margin-bottom:4em;
}
body.page-kontakt-erfolg .content_maske{
  min-height:200px;
  padding:48px 16px 72px;
  text-align:center;
}
body.page-kontakt-erfolg .kontakt-erfolg{
  margin:0 auto;
  padding:0;
  font-size:1.2em;
  line-height:1.55;
  max-width:36em;
}
body.page-kontakt-erfolg .sozial_web{
  margin-top:60px;
}