/* ==========================================================================
Forms
========================================================================== */
/*
* Corrects margin displayed oddly in IE 6/7.
*/

form {
    margin: 0
}

/*
* Define consistent border, margin, and padding.
*/
fieldset {
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
    border: 1px solid #c0c0c0;
}

/*
* 1. Corrects color not being inherited in IE 6/7/8/9.
* 2. Corrects text not wrapping in Firefox 3.
* 3. Corrects alignment displayed oddly in IE 6/7.
*/
legend {
    padding: 0;
    border: 0; /* 1 */
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}

/*
* 1. Corrects font size not being inherited in all browsers.
* 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5, *    and Chrome.
* 3. Improves appearance and consistency in all browsers.
*/
button, input, select, textarea {
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    font-size: 100%; /* 1 */
    *vertical-align: middle; /* 3 */
}

/*
* Addresses Firefox 3+ setting `line-height` on `input` using ` !important` in
* the UA stylesheet.
*/
button, input {
    line-height: normal
}

/*
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
*    and `video` controls.
* 2. Corrects inability to style clickable `input` types in iOS.
* 3. Improves usability and consistency of cursor style between image-type
*    `input` and others.
* 4. Removes inner spacing in IE 7 without affecting normal text inputs.
*    Known issue:inner spacing remains in IE 6.
*/
button, html input[type="button"], /* 1 */
input[type="reset"], input[type="submit"] {
    cursor: pointer; /* 3 */
    -webkit-appearance: button; /* 2 */
    *overflow: visible; /* 4 */
}

/*
* Re-set default cursor for disabled elements.
*/
button[disabled], input[disabled] {
    cursor: default
}

/*
* 1. Addresses box sizing set to content-box in IE 8/9.
* 2. Removes excess padding in IE 8/9.
* 3. Removes excess padding in IE 7.
*    Known issue:excess padding remains in IE 6.
*/
input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}

/*
* 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
* 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
*    (include `-moz` to future-proof).
*/
input[type="search"] {
    /* 2 */
    box-sizing: content-box;
    -webkit-appearance: textfield; /* 1 */
    nowhitespace: afterproperty;
}

/*
* Removes inner padding and search cancel button in Safari 5 and Chrome
* on OS X.
*/
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

/*
* Removes inner padding and border in Firefox 3+.
*/
button::-moz-focus-inner, input::-moz-focus-inner {
    padding: 0;
    border: 0;
}

/*
* 1. Removes default vertical scrollbar in IE 6/7/8/9.
* 2. Improves readability and alignment in all browsers.
*/
textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}




/* Formular */

.hidden { display:none; }
.radio + .radio, .checkbox + .checkbox {margin-top: 10px;}
.radio { padding-right: 20px; padding-left: 0px; }

.rex-yform .btn-group { display:flex; width:98%; }

.btn-primary {
    margin-right: 15px;
}


.rex-yform .form-group { width:99%; margin-right:0%; float:left;  margin-bottom:15px; }
#yform-bestellform-erstesmal { width:100%;margin-right:0%; float:none;  margin-bottom:15px;  }
.btn-group { display:flex; width:100%; }
.radio-group { width:100%; float:none; padding-top:10px; }
#yform-bestellform-adresse { width: 75%; margin-right:4%; float:left; }
#yform-bestellform-hausnr { width: 20%; margin-right:0%; }
#yform-bestellform-plz { width: 25%; margin-right:4%; float:left;}
#yform-bestellform-ort { width: 70%; margin-right:0%; }
#yform-bestellform-org { width: 100%; }


.rex-yform .radio-group { width:98%; float:none; padding-top:10px; }
.inhalt .col-sm-6 { width: 75%; } 
.col-sm-pull-6 { right: 75%; }


#yform-bestellform-datenschutz { position:relative; display:block; padding-bottom:6px; }
#yform-bestellform-datenschutz.checkbox { display:block; clear:left; width:98%;padding-bottom:0px; margin-bottom: 0px;}
#yform-bestellform-angebote { position:relative; display:block; padding-top:6px;padding-bottom:20px; }
#yform-bestellform-field-27-jetzt_bestellen { margin-right:20px; }

.form-check-group { margin-bottom:30px; }
.form-check-group .radio { float:left; }
.form-check-group input[type="radio"], .form-check-group .control-label { display: none; }

#yform-bestellform-versandart.form-check-group .radio label {
  display: inline-block;
  background-color: #b8e3e7;
  padding: 20px 20px;
  font-size: 1.8rem;
  cursor: pointer;
border: 1px solid #ccc;
border-radius: 4px;
}

.form-check-group .radio label:hover, 
.form-check-group .radio.on label,
.form-check-group .radio label.selected,
.form-check-group .radio label.aktiv {
  background-color: #2c92ac;
  color: #FFF;
border-color: #ccc;
}

.form-check-group input[type="radio"]:checked + label {
  color: #CC0000;
  background-color: #2c92ac !important;
  font-style: normal;
} 


#yform-bestellform-erstesmal { width:47%;margin-right:2%; float:left;  margin-bottom:15px;  }
#abfragecontainer { display:inline-block; width:98%; padding:20px; background-color: #D3ECF2; border:1px solid #fff;}
#yform-bestellform-erstesmal {padding-left:15px;}

p.vortext, #yform-bestellform-erstesmal .control-label,
#yform-bestellform-alter .control-label { font-size:0.95em; line-height:1.4em; font-weight:400;}


/* neu dazu */
#yform-bestellform-erstesmal.form-check-group input[type="radio"] {
  -webkit-appearance: checkbox; /* Chrome, Safari, Opera */
  -moz-appearance: checkbox;    /* Firefox */
  -ms-appearance: checkbox;     /* not currently supported */
}

#yform-bestellform-datenschutz { display:block; width:100%; margin-top: 10px; margin-bottom:10px; }
#yform-bestellform-erstesmal .radio { margin-top: 0px;margin-bottom: 0px;float:left; }  
#yform-bestellform-erstesmal.form-check-group input[type="radio"] {
    appearance: none;
    background-color: #fff;
    width: 15px;
    height: 15px;
    border: 2px solid #ccc;
    border-radius: 2px;
    display: inline-grid;
    place-content: center; 
  }
#yform-bestellform-erstesmal.form-check-group input[type="radio"]::before {
    content: "";
    width: 10px;
    height: 10px;
    transform: scale(0);
    transform-origin: bottom left;
    background-color: #fff;
    clip-path: polygon(13% 50%, 34% 66%, 81% 2%, 100% 18%, 39% 100%, 0 71%);
}
#yform-bestellform-erstesmal.form-check-group input[type="radio"]:checked::before {
    transform: scale(1);
}
#yform-bestellform-erstesmal.form-check-group input[type="radio"]:checked{
    background-color:   #0075FF;
    border: 2px solid #0075FF;
}
#yform-bestellform-datenschutz.checkbox,
#yform-bestellform-infos.checkbox {  padding-left: 0px; }


#yform-bestellform-erstesmal label{font-weight: 500;
     display: block;
      margin-bottom: 10px;
      clear:left;
  }





input#yform-bestellform-field-21 { display:none; }

.iti {
    position: relative;
    display: inline-block;
    width:100%;
}



@media only screen and (min-width : 768px) {
/* ----- */

.rex-yform .form-group { width:48%; margin-right:2%; float:left;  margin-bottom:15px; }
#yform-bestellform-erstesmal { width:47%;margin-right:2%; float:left;  margin-bottom:15px;  }
.btn-group { display:flex; width:98%; }
.radio-group { width:98%; float:none; padding-top:10px; }
#yform-bestellform-bistum { display:block; width:98%; margin-bottom: 10px;  }
#yform-bestellform-adresse { width: 36%; margin-right:2%; }
#yform-bestellform-hausnr { width: 10%; margin-right:2%; }
#yform-bestellform-plz { width: 14%; margin-right:2%; }
#yform-bestellform-ort { width: 32%; margin-right:2%; }
#yform-bestellform-vorname  { width: 48%; margin-right:2%; }
#yform-bestellform-email  { width: 48%; margin-right:2%; }
#yform-bestellform-org { width: 63%; }


}