.bestell-form {
display:block;
margin:0px 0px 0px 0px;
padding: 40px 0px 0px 0px;
/* 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;
*/
}

/* ############### Design alert Box ####### */
/* https://stackoverflow.com/questions/7853130/how-to-change-the-style-of-alert-box */
/* http://jsfiddle.net/vivekkt91/bds77/ */

.alert {

}

/* ################# input group counter tickets #################### */

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
}

.input-group {
clear: both;
position: relative;
margin-top:-5px;
}

@media (min-width: 1px) and (max-width: 767px) {
.input-group {
margin:12px 0px 12px 0px!important;
}	
}

.bestell-form .input-group input[type='button'] {
background-color:#a1cf4f!important;
min-width: 38px!important;
width: auto!important;
transition: all 300ms ease!important;
color:#FFFFFF!important;
margin:0px 0px 5px 0px!important;
/* border:0px!important; */
}

.bestell-form .input-group input[type='button']:hover {
background-color: #000000!important;
}

.bestell-form .input-group .button-minus,
.bestell-form .input-group .button-plus {
font-weight: 500!important;
height: 38px!important;
padding: 0!important;
width: 38px!important;
position: relative!important;
color:#FFFFFF!important;
}

.bestell-form .input-group .button-minus {
border:0px!important;
}

.bestell-form .input-group .button-plus {
border:0px!important;
}

.bestell-form .input-group .quantity-field {
position: relative;
height: 38px!important;
left: 0px;
text-align: center;
width: 62px;
display: block;
font-size: 16px;
line-height: 34px!important;
background-color:#faf8f5!important;
border:0px!important;
margin:0px 0px 5px 0px!important;
padding: 15px 5px 15px 5px!important;
}

.bestell-form .button-plus {
left: 0px;
}

/* https://stackoverflow.com/questions/16603979/how-to-remove-the-default-arrow-icon-from-a-dropdown-list-select-element */
.bestell-form .input-group {

}



/* ################### Begin Form Ausgaben via juery valide ################# */

.bestell-form .error, 
.bestell-form input.submit {
}

.bestell-form .error {
color:#ca3e91;
font-size:16px!important;
font-weight:400!important;
}

#art_bezahlung-error.error {
float:left;
display:block;
position:absolute;
margin:2px 0px 25px 0px!important;
/* display:none!important; */
}
#art_bezahlung-error.error:after {
/* display:none!important; */
}

/* Form ausblenden nach Versand -> steuert my_valide_form.js ca. Zeile 28 */
.bestell-form .ausblenden{
display:none!important;
}

/*
/* Frage ob nach Versand neue Anfrage gewünscht ist -> hidden steuert my_valide_form.js ca. Zeile 28 */
.neue_anfrage {
visibility:hidden;
}

/* Frage wird nach Versand eingeblendet -> visible steuert my_valide_form.js ca. Zeile 28 */
.neue_anfrage .einblenden {
visibility:visible!important;
}


/* Antwort Versand, vor Versand -> hidden steuert my_valide_form.js ca. Zeile 28 */
.formular_antwort_success {
visibility:hidden;
}

/* Antwort Erfolgreicher Versand, nach Versand -> visible steuert my_valide_form.js ca. Zeile 28 */
.einblenden {
visibility:visible!important;
}


/* ################### Ende Form Ausgaben via juery valide ################# */

.bestell-form p {
color:#262626;
line-height:20px;
margin-bottom:0.4em;
font-weight:400;
}

.bestell-form input,
.bestell-form textarea,
.bestell-form select {
border:0px;
padding:15px 5px 15px 15px;
margin-top:20px;
margin-bottom:5px;
font-size:20px;
border:1px solid #afafaf!important;
color:#323131!important;
background-color: rgba(255, 255, 255, 0.5) !important;
/*
-webkit-box-shadow: inset 0px 5px 12px -9px rgba(0,0,0,0.4);
-moz-box-shadow: inset 0px 5px 12px -9px rgba(0,0,0,0.4);
box-shadow: inset 0px 5px 12px -9px rgba(0,0,0,0.4);
*/
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}

.bestell-form .form_style {
width:100%;
height:50px;
}

/*
.bestell-form .form_style_small:focus,
.bestell-form .form_style_small {
width:75px!important;
margin:0px!important;
padding:0px!important;
border:0px!important;
font-weight:500!important;
font-size:20px!important;
background-color:inherit!important;
text-align:right!important;
}
*/

/* Ausgabe Summenbildung Preis Step1 für einzelne Kat */
.bestell-form .spacer_sum_preis {
width:85px;
display:inline-block;
text-align:right;
}

@media (min-width: 1px) and (max-width: 767px) {
	
.bestell-form .spacer_sum_preis
{
width:100%!important;
display:inline;
text-align:left!important;
}

p.mobile_vertikal {
margin-top:15px;
}

}

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: 4px 13px 0px 0px!important;
line-height:normal;
padding:0px!important;
accent-color:#262626;
width:16px;
height:16px;
}


.bestell-form input:focus,
.bestell-form textarea:focus,
.bestell-form select:focus {
background-color: rgba(255, 255, 255, 0.5) !important;
border:1px solid #9cc075!important;
/* outline: none!important; */
}

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

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

.bestell-form input[type="radio"] {
/*
-webkit-appearance: none!important;
background-color:#a37b33!important;
width:20px;
height:20px;
*/
accent-color:#262626;
display:inline-block;
margin-right:13px;
width:17px;
height:17px;
}

.bestell-form .schalter {
margin-top:0px;
margin-right:0px;
display:inline-block;
color:#FFFFFF!important;
background-color:#a1cf4f!important;
font-size:21px;
line-height:23px;
border:0px solid #262626!important;
padding:11px 20px 11px 20px;
border-radius:20px!important;
text-decoration:none!important;
word-wrap: break-word;
-ms-hyphens: auto!important;
-o-hyphens: auto!important;
overflow-wrap: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
transition: all 600ms ease!important;
}

.bestell-form .schalter:hover {
transition: all 600ms ease!important;
background-color:#262626!important;
color:#FFFFFF!important;
}

.bestell-form .schalter:focus {
background-color:#a1cf4f!important;
border:0px solid #262626!important;
}

.bestell-form .abbrechen {
background-color:#262626!important;
color:#FFFFFF!important;
margin-bottom:10px;
word-wrap: break-word;
-ms-hyphens: auto!important;
-o-hyphens: auto!important;
overflow-wrap: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}

.bestell-form .abbrechen:hover {
background-color:#c1c1c1!important;
color:#FFFFFF!important;
}

.bestell-form .abbrechen:focus {
background-color:#262626!important;
border:0px solid #262626!important;
}

.bestell-form .kasse {
background-color:#a1cf4f!important;
color:#FFFFFF!important;
margin-bottom:10px;
word-wrap: break-word;
-ms-hyphens: auto!important;
-o-hyphens: auto!important;
overflow-wrap: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}

.bestell-form .kasse:hover {
background-color:#92bc48!important;
color:#FFFFFF!important;
}

.bestell-form .kasse:focus {
background-color:#a1cf4f!important;
border:0px solid #262626!important;
}

.bestell-form .aendern {
background-color:#e61b72!important;
color:#FFFFFF!important;
margin-bottom:10px;
word-wrap: break-word;
-ms-hyphens: auto!important;
-o-hyphens: auto!important;
overflow-wrap: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}

.bestell-form .aendern:hover {
background-color:#c31660!important;
color:#FFFFFF!important;
}

.bestell-form .aendern:focus {
background-color:#e61b72!important;
border:0px solid #262626!important;
}

.bestell-form .blende {
display:none; /* Spamschutz */
}

.bestell-form hr {
display:block;
height:0px;
width:100%;
background-color:#dedbca;
margin: 10px 0px 25px 0px;
}

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

input::-webkit-input-placeholder {
color: #323131!important;
}

input:-moz-placeholder { /* Firefox 18- */
color: #323131!important;
}

input::-moz-placeholder {  /* Firefox 19+ */
color: #323131!important;
}

input:-ms-input-placeholder {  
color: #323131!important; 
}

.alert-success {
color: #155724!important;
background-color:#f4fce7!important;
border-color: #a1cf4f!important;
word-wrap: break-word;
-ms-hyphens: auto!important;
-o-hyphens: auto!important;
overflow-wrap: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
padding-top:25px;
border-radius:20px!important;
}

.alert-error {
color: #6a0011!important;
background-color: #f9e9ec!important;
border-color: #d51231!important;
word-wrap: break-word;
-ms-hyphens: auto!important;
-o-hyphens: auto!important;
overflow-wrap: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
border-radius:20px!important;
}

.alert-error h3 {
color: #6a0011!important;
}