#formular1 h1{ color: #000}
@media screen and (max-width: 1500px) {
#formular1{margin-left:-3%;}
}
@media screen and (max-width:830px) {
#formular1{margin-right:-3%;}
}

.kontaktseite .hell{
    padding: 3em 2em;
    color: #000;
    max-width:500px;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 1em;
    text-align:center;
    margin:0 10% 1.5em 10%;
    font-family: 'Archivo Narrow',sans-serif;
    margin: 0 auto;
    }
.hell p{text-align:center;font-size:1.3em;}
.hell a{color: #000;}



/* ------------ warnings ---------- */
.wichtig {
    background: #d20000;
}
.hinweis {
    margin-bottom: 4em;
}
.hinweis p {
    text-align: center;
    color: #d20000;
    background: #fff;
    display: block;
    font-family: 'Archivo Narrow',helvetica,arial,sans-serif;
}
.hinweis span {
    border-radius: .2em;
    display: block;
    background: #de1b1b;
    color: #fff;
    text-align: center;
    padding: .4em;
}
.betreffin.warning {
    padding: .6em .4em .3em .4em;
    border-radius: .5em;
    border: 2px solid #D20000;
}
p.warning {
    color: #d20000;
    text-align: center;
    margin-bottom: .2em;
}

input.feldtitel.warning,.frage.warning input,.formemail.warning input,.formsicherheit.warning input  {
    border: 2px solid red;
    background: #f6d8d8;
}





#formular1 p.thanks {
    text-align: center;
    padding: 5em;
}
.forminfo,p.anredep,anfrage p{text-align:center;}

.forminfo{margin-bottom:2em;}
.forminfo h2 {
    margin-bottom: .2em;
    text-align: center;
}
.bitte {
    display: inline-block;
}

.betreffin label{
    display: inline-block;
    padding: 1em .6em;
    text-align: left;
    background: #fff;
    border-radius: .4em;
    border: 1px solid #ccc;
    margin: .3em .2em;
}
input:focus, input:hover, textarea:focus, textarea:hover, .betreffin label:hover {
    background-color: #f2ffc6;
    outline: none;
    border: 1px solid #d3d3d3;
}
fieldset {
    margin: 2em auto 1.5em auto;
    background: #ede5d2;
}

fieldset legend {
    padding: .3em .5em;
    min-width: 150px;
    line-height: 1.3em;
    border: 1px solid #ffffff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    font-family: 'Archivo Narrow',arial,sans-serif;
    background: #418502;
    color: #fff;
}

fieldset.field2 p {
    font-size: .9em;
}
#formular1 label.feldname {
    text-transform: uppercase;
    font-size: .7em;
    display: block;
    text-align: left!important;
    font-weight: 700;
}
#formular1 input.feldtitel {
    font-size: 1rem;
    margin-bottom: 7px;
    width: 100%;
    padding: 1em;
    margin-top: 4px;
    font-weight: 400;
}
input[type=tel], input[type=text], textarea {
    border: 1px solid #ccc;
}






p.anredep {
    display: inline-block;
    margin-bottom: .5em;
}
.anredep label {
    padding: .9em 0.5em;
}
textarea{
    font-size: 1.8em;
    padding: .6em;
    width: 100%;
    margin-top: 4px;
}

.mailversand {margin: 3em auto 2em auto;
    display: inline-block;}
.mailversand input {
    background-color: #d20000;
    color: #fff;
    padding: 1em;
    border-radius: .4em;
    border: 3px solid #fff;
    box-shadow: 0 0 0.5em #0000008c;
    font-size: 1.2em;
    display: inline-block;
}
.mailversand input:focus, .mailversand input:hover {
    background-color: #97c716;
    color: #000000;
}
.frage input {
    padding: .8em .5em;
    font-size: 1em;
    margin-left: 1em;
    margin-top: .5em;
}
input:hover, label:hover {
    cursor: pointer;
}




p.pflichtfeld {
    color: #d20000;
    text-align: center;
    margin-bottom: .2em;
}

.sidebar p,.sidebar h2  {
    text-align: center;
}
.sidebar h3 {
    font-size: 1.7em;
    text-align: center;
    color: #3B7719;
}

img.img_kontakt {width:90%;max-width: 400px;height: auto;margin-bottom:1em;}
.bgrcontent .texte .sidebar p.uns{margin:0;}

@media screen and (min-width:1401px) {
.sidebar p.uns {font-size: 3em;}
}
@media screen and (min-width: 831px) and (max-width: 1400px) {
.sidebar p.uns {font-size:6vw;}
}


@media screen and (max-width: 830px) {
.filialen{clear:both;}
img.img_kontakt {width: 46%;float:right;}
.sidebar {margin-top:3.7em;text-align:left;}
.sidebar p.uns {
    font-family: archivo narrow;
    font-size: 10vw;
    line-height: 96%;
    color: #adadad;
}
.uns{padding-top:1em;}
}

@media screen and (max-width:550px) {
img.img_kontakt {width: 46%;float:right;margin-top:1em;}
.sidebar {margin-bottom: -0.3em;}
.sidebar p.uns {
    font-family: archivo narrow;
    line-height: 96%;
    color: #adadad;
}
}


.filialen{
    background:#e4f2cf;text-align:left;
    padding:1.4em 1em .4em;border-radius:.5em;
    margin-bottom: 3em;}
.sidebar p.uns {
    font-family: 'Archivo narrow',arial,sans-serif;
    line-height: 96%;
    color: #adadad;
    margin-bottom: 0.5em;
}


@media screen and (min-width: 831px) {
.texte.kontaktseite {
    display: flex;
}
.bgrsidebar {
    float: right;
    width: 40%;
    padding: 4.5em 0 4.5em 3em;
}
}









.dunkel {
    color: #fff;
    background: #2f5a03;
    background: rgba(0,0,0,.42);
}
.dunkel a{color:#CDE77E;}

@media screen and (min-width: 1001px) {
.sidebar h2 {font-size: 2.8em;}
}
@media screen and (min-width: 831px){
.kontaktform{display:flex;}
#formular1 {
    float: left;
    text-align: center;
    width: 60%;
    display: flex;
    flex-direction: column;
}
}
@media screen and (min-width: 401px) {
#formular1{
    padding:0 2em 4em 1em;}
fieldset {
    border: 1px solid #ccc;
    padding: 1em 1em .5em 1em;
    margin-bottom: 1em;
    border-radius: .5em;
}
.dunkel {
    padding: 1.5em;
    border-radius: 1em;
    margin-bottom: 3em;
}
}
@media screen and (max-width: 400px) {
#formular1{
    padding: 3em 0 0 0;}
fieldset {
    border:none;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: .7em;
    margin-bottom: 1em;
}
.dunkel {
    padding:.9em .9em 1.9em .9em;
}
}




fieldset.field4 {display:none;opacity:0;visibility: hidden;position:absolute;left:-10000;top:-10000;}

.termin input[type=date] {
    font-size: 1.3em; margin-top: 0.5em;
}
.termin input[type=date]:hover {
    border: 1px solid #6ad701;
    padding: 1px;
}
.termin option,.termin select {
    font-size: 1em;
}


.feld input[type=file]:hover {
    border: none;
}
input[type=file] {
    display: block;
    text-align: center;
    margin: .8em auto 2em auto;
}

.antwortauswahl {
    margin: .5em auto 1.5em auto;
    display: block;
}

.formsicherheit label.feldname {
    display: inline-block!important;
    margin: 0 auto .4em auto!important;
}
.weg {display:none;}