<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.kontakt-form {
display:block;
margin:0px 0px 0px 0px;
padding: 10px 15px 40px 15px;
/* background-color:#c0bebe; */
width:100%;
/* background-image:url(../../media/bg_kontakt_form.png);
background-repeat:repeat;
background-position: center top;
-webkit-background-position: center top;
 */
}

.kontakt-form p {
color:#1b1c1e;
line-height:20px;
margin-bottom:0.4em;
font-weight:400;
text-align:left;
}

/* Vor dem ersten Absenden Versuch: neutrale Optik barrierefreies Formular */

form.submitted input:required:invalid,
form.submitted textarea:required:invalid,
form.submitted select:required:invalid {
border: 2px solid red;
}

form.submitted input[type="checkbox"]:required:invalid {
outline: 2px solid red;        /* gut sichtbar */
outline-offset: 2px;
}

/* Ende Vor dem ersten Absenden Versuch: neutrale Optik barrierefreies Formular */

.kontakt-form input,
.kontakt-form textarea,
.kontakt-form select {
border:0px;
padding:15px 5px 15px 15px!important;
margin-bottom:25px;
font-size:17px;
border: 1px solid #d0cfcf;
color:#1b1c1e!important;
background-color:#FFFFFF!important;
}


.kontakt-form select {
    border: 1px solid #d0cfcf;
    padding: 5px 5px 5px 15px !important;
    color: #1b1c1e !important;
    background-color: #ffffff; /* Optional: set a background color */
    appearance: none; /* Removes default dropdown styling */
    -webkit-appearance: none; /* Removes default styling in WebKit browsers (Chrome, Safari) */
    -moz-appearance: none; /* Removes default styling in Firefox */
}

/* Optional: Style the options explicitly */
.kontakt-form select option {
    color: #1b1c1e;
}


.kontakt-form .form_style {
width:100%;
height:40px;
}

input[type="checkbox"] {
outline: none;
float:left!important;
border-radius: 2px!important;
border: 2px solid #333333!important;
background-color:#e9e9e9!important;
color:#999999;
box-sizing: border-box;
top:0px!important;
margin: 9px 13px 0px 0px!important;
line-height:normal;
padding:0px!important;
}

.kontakt-form input:focus,
.kontakt-form textarea:focus,
.kontakt-form select:focus {
background-color:#f2faff!important;
color: #1b1c1e;
}

.kontakt-form .check {
width:30px;
height:15px;
margin-right: 10px;
float:left;
}

.anzahl_shop {
width:50px;
height:40px;
padding:5px;
margin-left:15px;
font-size:1.3em;
text-align:center;
border: 1px dotted #6e6e6e;
}

.kontakt-form textarea {
height:132px!important;
margin-bottom:14px;
}

.kontakt-form .schalter {
float:left;
margin-top:0px;
width:180px;
height:60px;
color:#FFFFFF!important;
background-color:#0070b2!important;
font-size:19px;
line-height:1em;
border:0px solid #FFFFFF;
padding-top: 0px;
padding-bottom: 6px;
}

.kontakt-form .schalter:hover {
background-color:#1b1c1e!important;
color:#FFFFFF!important;
}

.kontakt-form .schalter:focus {
background-color:#1b1c1e!important;
}

.kontakt-form .blende {
display:none; /* Spamschutz */
position: absolute !important;
left: -9999px;
width: 1px;
height: 1px;
overflow: hidden;
}

.kontakt-form .message {
font-size: 16px;
font-weight: 400;
color:#FFFFFF;
line-height:1.6em;
border: 0px dotted #6e6e6e;
padding: 8px 15px 8px 15px;
background-color:#ef2da0;
margin-left:0px;
word-spacing: 2px;
display:inline-block;
clear:both;
margin-bottom:30px;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
}

@media screen and (max-width:480px) {
.kontakt-form .message {
font-size: 1.2em;
padding: 5px 7px 5px 7px;
}
}

.alert-success {
color: #3c763d;
background-color: #d7fac8!important;
border-color: #d7fac8!important;
}

.agb_box .container {
width: 100%!important;
}

.agb_box {
margin: 10px 0px 10px 0px;
display: block;
padding: 8px 10px 8px 5px;
width: 100%;
height: 150px;
overflow:auto; /* bildet den Artikel in einer iframe-gleiche box, mit scrolling */
border:2px solid #a99e81;
font-family: 'Open Sans',Verdana,Arial;
background-color:#76736a;
}


.agb_box h1 {
font-size:20px!important;
color:#f4f3ef;
}


.agb_box h2,
.agb_box p,
.agb_box ul li {
font-size:16px!important;
color:#f1efe9;
line-height:17px;
}

.agb_box .mytext {
padding: 0px 0px 0px 0px;
border-bottom: 0px solid #FFFFFF;
background:none;
}

::-webkit-input-placeholder { color:#1b1c1e!important;font-size:17px; }
::-moz-placeholder { color:#1b1c1e!important;font-size:17px; } /* firefox 19+ */
:-ms-input-placeholder { color:#1b1c1e!important;font-size:17px; } /* ie */
:-moz-placeholder { color:#1b1c1e!important; font-size:17px;}
input:-moz-placeholder { color:#1b1c1e!important; font-size:17px;}

input::-webkit-input-placeholder {
color: #1b1c1e!important;
}
 
input:-moz-placeholder { /* Firefox 18- */
color: #1b1c1e!important;
}
 
input::-moz-placeholder {  /* Firefox 19+ */
color: #1b1c1e!important;
}
 
input:-ms-input-placeholder {  
color: #1b1c1e!important; 
}</pre></body></html>