/* ### Seiten Layout ###  */

/* Französische Seite Anpassen damit das Menü passt */

/* Seitenbreite (FR) größer damit das Menü passt */
@media only screen and (min-width: 1051px) {
[lang='fr-FR'] .container, [lang='fr-FR'] .footer_content { width: 1040px; }
}
/* Umbruchpunkt des mobilen Menüs (FR) früher setzen */
@media only screen and (max-width: 1050px) {
[lang='fr-FR'] .selectnav { display: block; }
[lang='fr-FR'] .move_down, [lang='fr-FR'] .drop_down { display: none!important; }
}
/* Mobile Menü (FR) auf kleinen Tablets Breite anpassen damit das Logo nicht verdeckt wird */
@media only screen and (min-width: 960px) and (max-width: 1050px) {
[lang='fr-FR'] .selectnav  { width: 92%; float: right; padding-top: 5px; }
}

/* Deutsche Seite Anpassungen */

/* Desktop Navigation nach rechts verschieben damit es nicht ins Logo kommt */
@media only screen and (min-width: 960px) {
nav.main_menu {  float: right; }
}
/* Mehr Seitenbreite auf Tablet Größen damit das ganze Menü platz hat */
@media only screen and (max-width: 1120px) and (min-width: 960px) {
.container, .footer_content { width: 920px; }
}



/* ### Slider CSS ### */

/* Slider Nav ausblenden wenn es zu nah am Rand ist */
@media only screen and (max-width: 1055px) {
.flex-direction-nav { opacity: 0; }
}
/* Sliderbilder immer komplette Breite */
.flexslider .slides .slide div.image img { width: 100%; }

/* Mobiles Menü CSS */
.selectnav .select ul li a { color: #ffffff; }
.selectnav .select ul li a:hover { color: #ffffff; }


/* ### Ninjaforms (Bestellungsformular) ### */

/* Input Feld Styling */
input[type="password"], input[type="email"], input[type="tel"], input[type="text"], textarea, select {  padding: 10px 12px; }
.nf-field-element textarea { height: 78px;}

/* Produktbild Abstand */
.nf-field-element .bs-nf-product-img { padding: 0 15px 0 0; min-width: 110px; }
/* Erforerliche Felderwarnung ausblenden */
.nf-form-fields-required { display: none; }
/* Abstande Kontrollkasten */
#nf-form-2-cont .nf-field-container.listcheckbox-container.label-hidden { max-width: 240px; margin-bottom: 40px;}
.page-id-101 .field-wrap.listcheckbox-wrap.list-checkbox-wrap { text-align: right; }
/* Erforderlich Stern deaktivieren */
.page-id-101 .ninja-forms-req-symbol { display: none; }

/* Bestellformular Font Styling */
.page-id-101 h3 { font-weight: bold; line-height: 1; }
.page-id-101 h2 { font-size: 30px; line-height: 1.5; margin-bottom: 0px; }
.page-id-101 label { font-size: 14px; }
/* Seperator Spacing */
#nf-field-98-container { margin-bottom: 8px; }
#nf-field-94-container, #nf-field-95-container { margin-bottom: 11px; }
#nf-field-96-container { margin-bottom: 50px; }
/* Error Message Coloring */
.nf-form-content  .nf-error .ninja-forms-field {
    border: 1px solid #669966;
}
.nf-form-content .ninja-forms-req-symbol, .nf-form-content .nf-error-msg {
    color: #669966;
}
.nf-form-content .ninja-forms-req-symbol, .nf-form-errors .nf-error-msg {
    color: #669966;
}

/* Responsive NinjaForm Site Layout Adjustments */
@media only screen and (max-width: 960px) and (min-width: 600px) {
.page-id-101 .container { width: 90%!important; }
}
@media only screen and (min-width: 601px) {
.bs-res-mobile, .bs-nf-mobile { display: none!important; }
}
@media only screen and (max-width: 600px) {
.bs-res-desktop, .bs-nf-desktop { display: none!important; }
.nf-field-element .bs-nf-product-img { padding: 0px; max-width: 120px; }
.page-id-101 h1, 
.page-id-101 h2,
.page-id-101 h3, 
.page-id-101 p, 
.page-id-101 div { text-align: center; }
.page-id-101 .nf-field-container.listcheckbox-container.label-hidden { margin-top: -20px; margin-bottom: 50px; margin-right: 3px; }
#nf-form-2-cont .nf-field-container.listcheckbox-container.label-hidden { margin-right: 13px;}
}
@media only screen and (min-width: 601px) and (max-width: 1120px) {
#nf-form-2-cont .nf-field-container.listcheckbox-container.label-hidden { margin-top: -25px;}
}

/* Custom Button Styling */
.field-wrap.submit-wrap input {
	background-color: #0098d9;
	text-transform: uppercase;
	font-weight: bold;
	color: #fff;
	border: 0px;
	padding: 14px 20px;
}

/* Custom Checkbox + Radiobuttons Styling */
 
input[type='radio'],
input[type='checkbox'] {

    /* Hide the input, but have it still be clickable */
    opacity: 0;

    float: left;
    width: 18px;
}

input[type='radio'] + label,
input[type='checkbox'] + label {
    margin: 0;
    clear: none;
    /* Left padding makes room for image */
    padding: 20px;
   
    /* Make look clickable because they are */
    cursor: pointer;

    background: url(https://www.blasenstark.ch/wp-content/uploads/2017/04/blasenstark-checkbox-leer.png) left center no-repeat;
}

/*
    Change from unchecked to checked graphic
*/
input[type='radio']:checked + label {
    background-image: url(https://www.blasenstark.ch/wp-content/uploads/2017/04/blasenstark-checkbox-checked.png);
}
input[type='checkbox']:checked + label {
    background-image: url(https://www.blasenstark.ch/wp-content/uploads/2017/04/blasenstark-checkbox-checked.png);
};