header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}.aspect--9\:16,.responsive.ratio-916{padding-bottom:177.7777%}.aspect--1\:1,.responsive.ratio-11{padding-bottom:100%}
.download-element a{padding:3px 6px 3px 22px;background:url(../../assets/contao/images/iconPLAIN.svg) left center no-repeat}ul.enclosure{padding-left:0}li.download-element{list-style-type:none}.ext-xl a{background-image:url(../../assets/contao/images/iconXL.svg)}.ext-xls a{background-image:url(../../assets/contao/images/iconXLS.svg)}.ext-xlsx a{background-image:url(../../assets/contao/images/iconXLSX.svg)}.ext-hqx a{background-image:url(../../assets/contao/images/iconHQX.svg)}.ext-cpt a{background-image:url(../../assets/contao/images/iconCPT.svg)}.ext-bin a{background-image:url(../../assets/contao/images/iconBIN.svg)}.ext-doc a{background-image:url(../../assets/contao/images/iconDOC.svg)}.ext-docx a{background-image:url(../../assets/contao/images/iconDOCX.svg)}.ext-word a{background-image:url(../../assets/contao/images/iconWORD.svg)}.ext-cto a{background-image:url(../../assets/contao/images/iconCTO.svg)}.ext-dms a{background-image:url(../../assets/contao/images/iconDMS.svg)}.ext-lha a{background-image:url(../../assets/contao/images/iconLHA.svg)}.ext-lzh a{background-image:url(../../assets/contao/images/iconLZH.svg)}.ext-exe a{background-image:url(../../assets/contao/images/iconEXE.svg)}.ext-class a{background-image:url(../../assets/contao/images/iconCLASS.svg)}.ext-so a{background-image:url(../../assets/contao/images/iconSO.svg)}.ext-sea a{background-image:url(../../assets/contao/images/iconSEA.svg)}.ext-dll a{background-image:url(../../assets/contao/images/iconDLL.svg)}.ext-oda a{background-image:url(../../assets/contao/images/iconODA.svg)}.ext-pdf a{background-image:url(../../assets/contao/images/iconPDF.svg)}.ext-ai a{background-image:url(../../assets/contao/images/iconAI.svg)}.ext-eps a{background-image:url(../../assets/contao/images/iconEPS.svg)}.ext-ps a{background-image:url(../../assets/contao/images/iconPS.svg)}.ext-pps a{background-image:url(../../assets/contao/images/iconPPS.svg)}.ext-ppt a{background-image:url(../../assets/contao/images/iconPPT.svg)}.ext-pptx a{background-image:url(../../assets/contao/images/iconPPTX.svg)}.ext-smi a{background-image:url(../../assets/contao/images/iconSMI.svg)}.ext-smil a{background-image:url(../../assets/contao/images/iconSMIL.svg)}.ext-mif a{background-image:url(../../assets/contao/images/iconMIF.svg)}.ext-odc a{background-image:url(../../assets/contao/images/iconODC.svg)}.ext-odf a{background-image:url(../../assets/contao/images/iconODF.svg)}.ext-odg a{background-image:url(../../assets/contao/images/iconODG.svg)}.ext-odi a{background-image:url(../../assets/contao/images/iconODI.svg)}.ext-odp a{background-image:url(../../assets/contao/images/iconODP.svg)}.ext-ods a{background-image:url(../../assets/contao/images/iconODS.svg)}.ext-odt a{background-image:url(../../assets/contao/images/iconODT.svg)}.ext-wbxml a{background-image:url(../../assets/contao/images/iconWBXML.svg)}.ext-wmlc a{background-image:url(../../assets/contao/images/iconWMLC.svg)}.ext-dmg a{background-image:url(../../assets/contao/images/iconDMG.svg)}.ext-dcr a{background-image:url(../../assets/contao/images/iconDCR.svg)}.ext-dir a{background-image:url(../../assets/contao/images/iconDIR.svg)}.ext-dxr a{background-image:url(../../assets/contao/images/iconDXR.svg)}.ext-dvi a{background-image:url(../../assets/contao/images/iconDVI.svg)}.ext-gtar a{background-image:url(../../assets/contao/images/iconGTAR.svg)}.ext-inc a{background-image:url(../../assets/contao/images/iconINC.svg)}.ext-php a{background-image:url(../../assets/contao/images/iconPHP.svg)}.ext-php3 a{background-image:url(../../assets/contao/images/iconPHP3.svg)}.ext-php4 a{background-image:url(../../assets/contao/images/iconPHP4.svg)}.ext-php5 a{background-image:url(../../assets/contao/images/iconPHP5.svg)}.ext-phtml a{background-image:url(../../assets/contao/images/iconPHTML.svg)}.ext-phps a{background-image:url(../../assets/contao/images/iconPHPS.svg)}.ext-js a{background-image:url(../../assets/contao/images/iconJS.svg)}.ext-psd a{background-image:url(../../assets/contao/images/iconPSD.svg)}.ext-rar a{background-image:url(../../assets/contao/images/iconRAR.svg)}.ext-fla a{background-image:url(../../assets/contao/images/iconFLA.svg)}.ext-swf a{background-image:url(../../assets/contao/images/iconSWF.svg)}.ext-sit a{background-image:url(../../assets/contao/images/iconSIT.svg)}.ext-tar a{background-image:url(../../assets/contao/images/iconTAR.svg)}.ext-tgz a{background-image:url(../../assets/contao/images/iconTGZ.svg)}.ext-xhtml a{background-image:url(../../assets/contao/images/iconXHTML.svg)}.ext-xht a{background-image:url(../../assets/contao/images/iconXHT.svg)}.ext-zip a{background-image:url(../../assets/contao/images/iconZIP.svg)}.ext-m4a a{background-image:url(../../assets/contao/images/iconM4A.svg)}.ext-mp3 a{background-image:url(../../assets/contao/images/iconMP3.svg)}.ext-wma a{background-image:url(../../assets/contao/images/iconWMA.svg)}.ext-mpeg a{background-image:url(../../assets/contao/images/iconMPEG.svg)}.ext-wav a{background-image:url(../../assets/contao/images/iconWAV.svg)}.ext-ogg a{background-image:url(../../assets/contao/images/iconOGG.svg)}.ext-mid a{background-image:url(../../assets/contao/images/iconMID.svg)}.ext-midi a{background-image:url(../../assets/contao/images/iconMIDI.svg)}.ext-aif a{background-image:url(../../assets/contao/images/iconAIF.svg)}.ext-aiff a{background-image:url(../../assets/contao/images/iconAIFF.svg)}.ext-aifc a{background-image:url(../../assets/contao/images/iconAIFC.svg)}.ext-ram a{background-image:url(../../assets/contao/images/iconRAM.svg)}.ext-rm a{background-image:url(../../assets/contao/images/iconRM.svg)}.ext-rpm a{background-image:url(../../assets/contao/images/iconRPM.svg)}.ext-ra a{background-image:url(../../assets/contao/images/iconRA.svg)}.ext-bmp a{background-image:url(../../assets/contao/images/iconBMP.svg)}.ext-gif a{background-image:url(../../assets/contao/images/iconGIF.svg)}.ext-jpeg a{background-image:url(../../assets/contao/images/iconJPEG.svg)}.ext-jpg a{background-image:url(../../assets/contao/images/iconJPG.svg)}.ext-jpe a{background-image:url(../../assets/contao/images/iconJPE.svg)}.ext-png a{background-image:url(../../assets/contao/images/iconPNG.svg)}.ext-tiff a{background-image:url(../../assets/contao/images/iconTIFF.svg)}.ext-tif a{background-image:url(../../assets/contao/images/iconTIF.svg)}.ext-svg a{background-image:url(../../assets/contao/images/iconSVG.svg)}.ext-svgz a{background-image:url(../../assets/contao/images/iconSVGZ.svg)}.ext-webp a{background-image:url(../../assets/contao/images/iconWEBP.svg)}.ext-avif a{background-image:url(../../assets/contao/images/iconAVIF.svg)}.ext-heic a{background-image:url(../../assets/contao/images/iconHEIC.svg)}.ext-jxl a{background-image:url(../../assets/contao/images/iconJXL.svg)}.ext-eml a{background-image:url(../../assets/contao/images/iconEML.svg)}.ext-asp a{background-image:url(../../assets/contao/images/iconASP.svg)}.ext-css a{background-image:url(../../assets/contao/images/iconCSS.svg)}.ext-scss a{background-image:url(../../assets/contao/images/iconSCSS.svg)}.ext-less a{background-image:url(../../assets/contao/images/iconLESS.svg)}.ext-html a{background-image:url(../../assets/contao/images/iconHTML.svg)}.ext-htm a{background-image:url(../../assets/contao/images/iconHTM.svg)}.ext-md a{background-image:url(../../assets/contao/images/iconMD.svg)}.ext-shtml a{background-image:url(../../assets/contao/images/iconSHTML.svg)}.ext-txt a{background-image:url(../../assets/contao/images/iconTXT.svg)}.ext-text a{background-image:url(../../assets/contao/images/iconTEXT.svg)}.ext-log a{background-image:url(../../assets/contao/images/iconLOG.svg)}.ext-rtx a{background-image:url(../../assets/contao/images/iconRTX.svg)}.ext-rtf a{background-image:url(../../assets/contao/images/iconRTF.svg)}.ext-xml a{background-image:url(../../assets/contao/images/iconXML.svg)}.ext-xsl a{background-image:url(../../assets/contao/images/iconXSL.svg)}.ext-mp4 a{background-image:url(../../assets/contao/images/iconMP4.svg)}.ext-m4v a{background-image:url(../../assets/contao/images/iconM4V.svg)}.ext-mov a{background-image:url(../../assets/contao/images/iconMOV.svg)}.ext-wmv a{background-image:url(../../assets/contao/images/iconWMV.svg)}.ext-webm a{background-image:url(../../assets/contao/images/iconWEBM.svg)}.ext-qt a{background-image:url(../../assets/contao/images/iconQT.svg)}.ext-rv a{background-image:url(../../assets/contao/images/iconRV.svg)}.ext-avi a{background-image:url(../../assets/contao/images/iconAVI.svg)}.ext-ogv a{background-image:url(../../assets/contao/images/iconOGV.svg)}.ext-movie a{background-image:url(../../assets/contao/images/iconMOVIE.svg)}
legend{width:100%;display:block;font-weight:700;border:0}input[type=text],input[type=password],input[type=date],input[type=datetime],input[type=email],input[type=number],input[type=search],input[type=tel],input[type=time],input[type=url],input:not([type]),textarea{width:100%;display:inline-block;padding:3px 6px;background:#fff;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:inset 0 1px 1px #eee;-webkit-box-shadow:inset 0 1px 1px #eee;box-shadow:inset 0 1px 1px #eee;-moz-transition:all .15s linear;-webkit-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}input[type=text]:focus,input[type=password]:focus,input[type=date]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=number]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=time]:focus,input[type=url]:focus,input:not([type]):focus,textarea:focus{outline:0;background:#fcfcfc;border-color:#bbb}input[type=file]{cursor:pointer}select,input[type=file]{display:block}form button,input[type=file],input[type=image],input[type=submit],input[type=reset],input[type=button],input[type=radio],input[type=checkbox]{width:auto}textarea,select[multiple],select[size]{height:auto}input[type=radio],input[type=checkbox]{margin:0 3px 0 0}input[type=radio],input[type=checkbox],label{vertical-align:middle}input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{cursor:not-allowed;background:#eee}input[type=radio][disabled],input[type=checkbox][disabled],input[type=radio][readonly],input[type=checkbox][readonly]{background:0 0}form button,input[type=submit],.button{display:inline-block;padding:4px 15px 4px 14px;margin-bottom:0;text-align:center;vertical-align:middle;line-height:16px;font-size:11px;color:#000;cursor:pointer;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#ececec;background-image:-moz-linear-gradient(top,#fff,#ececec);background-image:-webkit-linear-gradient(top,#fff,#ececec);background-image:-ms-linear-gradient(top,#fff,#ececec);background-image:-o-linear-gradient(top,#fff,#ececec);background-image:linear-gradient(to bottom,#fff,#ececec);background-repeat:repeat-x;-moz-transition:background .15s linear;-webkit-transition:background .15s linear;-o-transition:background .15s linear;transition:background .15s linear}form button:hover,input[type=submit]:hover,.button:hover{text-decoration:none;background-position:0 -15px!important}form button:active,input[type=submit]:active,.button:active{background-color:#e6e6e6;background-position:0 -30px!important}form button.blue,input[type=submit].blue,.button.blue{background-color:#2f96b4;background-image:-moz-linear-gradient(top,#5bc0de,#2f96b4);background-image:-webkit-linear-gradient(top,#5bc0de,#2f96b4);background-image:-ms-linear-gradient(top,#5bc0de,#2f96b4);background-image:-o-linear-gradient(top,#5bc0de,#2f96b4);background-image:linear-gradient(to bottom,#5bc0de,#2f96b4);border-color:#2f96b4;color:#fff}form button.blue:active,input[type=submit].blue:active,.button.blue:active{background-color:#2e95b3}form button.green,input[type=submit].green,.button.green{background-color:#51a351;background-image:-moz-linear-gradient(top,#62c462,#51a351);background-image:-webkit-linear-gradient(top,#62c462,#51a351);background-image:-ms-linear-gradient(top,#62c462,#51a351);background-image:-o-linear-gradient(top,#62c462,#51a351);background-image:linear-gradient(to bottom,#62c462,#51a351);border-color:#51a351;color:#fff}form button.green:active,input[type=submit].green:active,.button.green:active{background-color:#4f9f4f}form button.orange,input[type=submit].orange,.button.orange{background-color:#f89406;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-ms-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406);border-color:#f89406;color:#fff}form button.orange:active,input[type=submit].orange:active,.button.orange:active{background-color:#f28f04}form button.red,input[type=submit].red,.button.red{background-color:#bd362f;background-image:-moz-linear-gradient(top,#ee5f5b,#bd362f);background-image:-webkit-linear-gradient(top,#ee5f5b,#bd362f);background-image:-ms-linear-gradient(top,#ee5f5b,#bd362f);background-image:-o-linear-gradient(top,#ee5f5b,#bd362f);background-image:linear-gradient(to bottom,#ee5f5b,#bd362f);border-color:#bd362f;color:#fff}form button.red:active,input[type=submit].red:active,.button.red:active{background-color:#be322b}.widget{margin-bottom:12px}.widget>label{display:block;margin-bottom:6px;font-weight:700}.inline-form .widget{display:inline-block;margin-bottom:0;vertical-align:middle}.horizontal-form .widget:after{content:"";display:table;clear:both}.horizontal-form .widget>label{width:20%;float:left;padding:3px 2% 0 0;text-align:right}.horizontal-form .widget>input,.horizontal-form .widget>textarea{width:78%;float:left}.horizontal-form .widget>fieldset{margin-left:20%}
.mobile_menu{position:fixed;z-index:100;display:none}.mobile_menu .inner{height:100%;background:#000;overflow-y:scroll}.mobile_menu.active.position_left{box-shadow:2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_top{box-shadow:0 2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_right{box-shadow:-2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_bottom{box-shadow:0 -2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.no_shadow{box-shadow:none!important}.mobile_menu_trigger{display:none}.mobile_menu_wrapper{position:relative;width:100%;overflow:hidden}.mobile_menu_overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:99}.mobile_menu_overlay.background{background:rgba(0,0,0,.5)}.mobile_menu li.submenu_hide>ul{display:none}.mobile_menu li.submenu_show>ul{display:block}body.ie8 .mobile_menu,body.ie8 .mobile_menu_trigger,body.ie9 .mobile_menu,body.ie9 .mobile_menu_trigger{display:none!important}
/**************************************************************************************************************************/
/*
Theme Name: Bienefeld GmbH
Theme URI: https://www.bienefeld-gmbh.de/
Description: CSS File for columns (RockSolid Columns)
Version: 4.0 [11.2026]
Author: V15* Thorsten Neuhaus
Author URI: https://www.v15.de/
*/
/**************************************************************************************************************************/
/*
Spaltenraster für die Erweiterung "RockSolid Columns" (ersetzt das YAML-Raster von "Subcolumns").
Das mitgelieferte CSS der Erweiterung ist im Seitenlayout abgeschaltet.

Im Element "Spalten Umschlag Anfang" wird je Bildschirmgröße eingetragen:
  eine Zahl          = Anzahl gleich breiter Spalten, z. B. "3"
  ein Verhältnis     = z. B. "4-1" für 80 % / 20 % oder "2-1" für 66 % / 33 %

  Desktop            = über 960px
  Tablet             = bis 960px
  Mobil              = bis 767px

Bisherige Spaltensets:
  80x20              4-1 / 4-1 / 1
  66x33              2-1 / 2-1 / 1
  50x50              2   / 1   / 1
  25x25x25x25        4   / 2   / 2   (einspaltig ab 510px, siehe unten)
  20x20x20x20x20     5   / 5   / 5
*/
/**************************************************************************************************************************/

.rs-columns {
	width: calc(100% - 20px);
	margin: 0 10px;
	overflow: hidden;
}

.rs-column {
	float: left;
	width: 100%;
	box-sizing: border-box;
}

/* Letzte Spalte rechtsbündig, damit Rundungsfehler der Prozentbreiten nicht zum Umbruch führen */
.rs-column.-large-last {
	float: right;
	margin-left: -5px;
}

/**************************************************************************************************************************/
/* Gleich hohe Spalten (CSS-Klasse "equalize" am Spalten-Umschlag) */

.rs-columns.equalize {
	display: table;
	table-layout: fixed;
	overflow: visible;
}

.rs-columns.equalize > .rs-column {
	display: table-cell;
	float: none;
	margin: 0;
	overflow: hidden;
	vertical-align: top;
}

/**************************************************************************************************************************/
/* Spaltenbreiten */

.rs-column.-large-col-1-1 { width: 100%; }
.rs-column.-large-col-2-1 { width: 50%; }
.rs-column.-large-col-2-2 { width: 100%; }
.rs-column.-large-col-3-1 { width: 33.3333%; }
.rs-column.-large-col-3-2 { width: 66.6667%; }
.rs-column.-large-col-3-3 { width: 100%; }
.rs-column.-large-col-4-1 { width: 25%; }
.rs-column.-large-col-4-2 { width: 50%; }
.rs-column.-large-col-4-3 { width: 75%; }
.rs-column.-large-col-4-4 { width: 100%; }
.rs-column.-large-col-5-1 { width: 20%; }
.rs-column.-large-col-5-2 { width: 40%; }
.rs-column.-large-col-5-3 { width: 60%; }
.rs-column.-large-col-5-4 { width: 80%; }
.rs-column.-large-col-5-5 { width: 100%; }
.rs-column.-large-col-6-1 { width: 16.6667%; }
.rs-column.-large-col-6-2 { width: 33.3333%; }
.rs-column.-large-col-6-3 { width: 50%; }
.rs-column.-large-col-6-4 { width: 66.6667%; }
.rs-column.-large-col-6-5 { width: 83.3333%; }
.rs-column.-large-col-6-6 { width: 100%; }

/**************************************************************************************************************************/
/* Abstände zwischen den Spalten (wie bisher je Spaltenset) */

/* 5 gleiche Spalten: 10px Abstand, gleichmäßig auf die Spalten verteilt */
.rs-column.-large-col-5-1:nth-child(1) { padding-right: 8px; }
.rs-column.-large-col-5-1:nth-child(2) { padding-left: 2px; padding-right: 6px; }
.rs-column.-large-col-5-1:nth-child(3) { padding-left: 4px; padding-right: 4px; }
.rs-column.-large-col-5-1:nth-child(4) { padding-left: 6px; padding-right: 2px; }
.rs-column.-large-col-5-1:nth-child(5) { padding-left: 8px; }

/* 80 % / 20 % */
.rs-column.-large-col-5-4 { padding-right: 6px; }
.rs-column.-large-col-5-4 + .rs-column.-large-col-5-1 { padding-left: 6px; padding-right: 0; }

/* 4 gleiche Spalten: 1px Abstand */
.rs-column.-large-col-4-1:nth-child(1) { padding-right: 1px; }
.rs-column.-large-col-4-1:nth-child(3),
.rs-column.-large-col-4-1:nth-child(4) { padding-left: 1px; }

/* Gleich hohe Spalten sind Tabellenzellen: Dort rechnet der Browser die Breite ohne Rahmen
   und Abstand (wie im alten Raster), der Abstand sitzt deshalb am Inhalt der Spalte. */
@media only screen and (min-width : 961px) {
	.rs-columns.equalize > .rs-column {
		box-sizing: content-box;
		padding-left: 0;
		padding-right: 0;
	}

	.rs-columns.equalize > .rs-column.-large-col-4-1:nth-child(1) > * { margin-right: 1px; }
	.rs-columns.equalize > .rs-column.-large-col-4-1:nth-child(3) > *,
	.rs-columns.equalize > .rs-column.-large-col-4-1:nth-child(4) > * { margin-left: 1px; }
}

/**************************************************************************************************************************/
/* Tablet */

@media only screen and (max-width : 960px) {
	.rs-column.-large-last {
		float: left;
		margin-left: 0;
	}

	.rs-column.-medium-last {
		float: right;
		margin-left: -5px;
	}

	.rs-columns.equalize > .rs-column {
		display: inline-block;
		float: left;
	}

	.rs-column.-medium-col-1-1 { width: 100%; }
	.rs-column.-medium-col-2-1 { width: 50%; }
	.rs-column.-medium-col-2-2 { width: 100%; }
	.rs-column.-medium-col-3-1 { width: 33.3333%; }
	.rs-column.-medium-col-3-2 { width: 66.6667%; }
	.rs-column.-medium-col-3-3 { width: 100%; }
	.rs-column.-medium-col-4-1 { width: 25%; }
	.rs-column.-medium-col-4-2 { width: 50%; }
	.rs-column.-medium-col-4-3 { width: 75%; }
	.rs-column.-medium-col-4-4 { width: 100%; }
	.rs-column.-medium-col-5-1 { width: 20%; }
	.rs-column.-medium-col-5-2 { width: 40%; }
	.rs-column.-medium-col-5-3 { width: 60%; }
	.rs-column.-medium-col-5-4 { width: 80%; }
	.rs-column.-medium-col-5-5 { width: 100%; }
	.rs-column.-medium-col-6-1 { width: 16.6667%; }
	.rs-column.-medium-col-6-2 { width: 33.3333%; }
	.rs-column.-medium-col-6-3 { width: 50%; }
	.rs-column.-medium-col-6-4 { width: 66.6667%; }
	.rs-column.-medium-col-6-5 { width: 83.3333%; }
	.rs-column.-medium-col-6-6 { width: 100%; }

	/* 4 Spalten -> 2 Spalten: 1px schmaler, Mindesthöhe für ein ruhiges Raster */
	.rs-column.-large-col-4-1.-medium-col-2-1 {
		width: calc(50% - 1px);
		min-height: 280px;
	}
}

/**************************************************************************************************************************/
/* Mobil */

@media only screen and (max-width : 767px) {
	.rs-column.-medium-last {
		float: left;
		margin-left: 0;
	}

	.rs-column.-small-last {
		float: right;
		margin-left: -5px;
	}

	.rs-column.-small-col-1-1 { width: 100%; }
	.rs-column.-small-col-2-1 { width: 50%; }
	.rs-column.-small-col-2-2 { width: 100%; }
	.rs-column.-small-col-3-1 { width: 33.3333%; }
	.rs-column.-small-col-3-2 { width: 66.6667%; }
	.rs-column.-small-col-3-3 { width: 100%; }
	.rs-column.-small-col-4-1 { width: 25%; }
	.rs-column.-small-col-4-2 { width: 50%; }
	.rs-column.-small-col-4-3 { width: 75%; }
	.rs-column.-small-col-4-4 { width: 100%; }
	.rs-column.-small-col-5-1 { width: 20%; }
	.rs-column.-small-col-5-2 { width: 40%; }
	.rs-column.-small-col-5-3 { width: 60%; }
	.rs-column.-small-col-5-4 { width: 80%; }
	.rs-column.-small-col-5-5 { width: 100%; }
	.rs-column.-small-col-6-1 { width: 16.6667%; }
	.rs-column.-small-col-6-2 { width: 33.3333%; }
	.rs-column.-small-col-6-3 { width: 50%; }
	.rs-column.-small-col-6-4 { width: 66.6667%; }
	.rs-column.-small-col-6-5 { width: 83.3333%; }
	.rs-column.-small-col-6-6 { width: 100%; }

	.rs-column.-large-col-4-1.-small-col-2-1 {
		width: calc(50% - 1px);
	}

	/* Spalten, die erst mobil untereinander stehen: Abstand nach unten */
	.rs-column.-small-col-1-1:not(.-medium-col-1-1) {
		min-height: 140px; /* 100px + Abstand */
		padding-bottom: 40px;
		border: none !important;
	}
}

@media only screen and (max-width : 510px) {
	/* 2 Spalten (aus 4) -> 1 Spalte */
	.rs-column.-large-col-4-1.-small-col-2-1 {
		width: 100%;
		min-height: 140px; /* 100px + Abstand */
		padding-bottom: 40px;
		border: none !important;
	}
}

/**************************************************************************************************************************/

/**************************************************************************************************************************/
/*
Theme Name: Bienefeld GmbH
Theme URI: http://www.bienefeld-gmbh.de/
Description: CSS File for general styling
Version: 3.0
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/**************************************************************************************************************************/
/*	Hauptfarben				*/
/*	Rot:		#d40d1b		*/
/*	Grün:		#138e78		*/
/*	Schrift:	#4f565d		*/
/*	Footer:		#656565		*/
/*	Linien:		#b8b8b8		*/
/**************************************************************************************************************************/

:link,:visited { text-decoration:none }
ul, ol { list-style:none }
h1,h2,h3,h4,h5,h6 { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,hr, dt, dd { margin:0; padding:0 }
a img,:link img,:visited img { border:none }
figure {margin:0;}

/**************************************************************************************************************************/
/* Klasse .block overflow:hidden von Contao überschreiben  */
.block {overflow:visible;}
:focus {outline: 0;}

/**************************************************************************************************************************/
/* Auswahltext-Farbe ändern */
::selection { background:#138e78; color:#fff; /* Safari and Opera */ }
::-moz-selection { background:#138e78; color:#fff; /* Firefox */ }

/* Highlight Searchword */
.highlight { background:#138e78; color:#fff; padding:0 2px;}

/**************************************************************************************************************************/
/* Prevent Firefox Scrollbar Jump */
/* html { overflow-y:scroll; } */

/**************************************************************************************************************************/
/*	Unsichtbare Bereiche	*/
/* .invisible{width:0;height:0;left:-1000px;top:-1000px;position:absolute;overflow:hidden;display:inline} */

/**************************************************************************************************************************/

/* pt-sans-regular - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: local('PT Sans'), local('PTSans-Regular'),
       url('../../files/data/fonts/pt-sans-v9-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../../files/data/fonts/pt-sans-v9-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  font-display: swap;
}

/* pt-sans-700 - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  src: local('PT Sans Bold'), local('PTSans-Bold'),
       url('../../files/data/fonts/pt-sans-v9-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../../files/data/fonts/pt-sans-v9-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  font-display: swap;

}

/**************************************************************************************************************************/

body {
color					: #4f565d;
margin					: 0;
padding					: 0;
font-size				: 100%;
font-family				: 'PT Sans', arial, verdana, sans-serif;
background				: #fff;
}

/**************************************************************************************************************************/

#wrapper {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 10px;
}

#header {

}

#logo {
	display: inline-block;
	margin: 25px 10px;
}

.slogan {
	height: 250px;
	border-top: 1px solid #b8b8b8;
	border-bottom: 1px solid #b8b8b8;
	background: url('../../files/data/img/bg.jpg') center center no-repeat;
	background-size: 1200px !important;
}

.slogan .content-text .rte {
    display: table;
	width: 100%;
/* 	background: url('../../files/data/img/bg.jpg') center center no-repeat; */
}

.slogan p {
	display: table-cell;
	vertical-align: middle;
	height: 250px;
	color: #707070;
	font-size: 3vw;
	line-height: 1.2em;
	text-align: right;
	padding: 0 10px;
}

#navigation {
	display: inline-block;
	margin: 0 0 30px 0;
}

#main {

}

#main .inside .content-text {
	margin: 0 10px;
}

/* #interlocutor .content-text, */
.ansprechpartner .content-text {
	clear: both;
}

#footer {
float: left;
width: 100%;
color: #fff;
margin-top: 75px;
padding: 15px 0 30px 0;
background: #656565;
}

/**************************************************************************************************************************/
/*	Sprachwechsler	*/

.mod_changelanguage {
display: block;
width: calc(100% - 20px);
height: 20px;
padding: 15px 10px 0 10px;
/* background: #f5f5f5; */
}

.mod_changelanguage ul {
float: right;
}

.mod_changelanguage li {
list-style-type: none;
float: left;
font-size: 70%;
margin-left: 10px;
}

.mod_changelanguage li strong {
font-weight: normal;
}

.mod_changelanguage a:link,
.mod_changelanguage a:visited {
color: #138e78;
}

.mod_changelanguage a:hover,
.mod_changelanguage a:active,
.mod_changelanguage a:focus {
color: #4f565d;
}

/**************************************************************************************************************************/
/*	Footer	*/

#footer .rs-column:not(.-large-last) {
border-right: 1px solid #fff;
}

#footer .content-text,
#footer .content-image {
padding: 0 30px;
}

#footer a:link,
#footer a:visited {
color					: #fff;
}

#footer a:hover,
#footer a:active,
#footer a:focus {
color					: #138e78;
}

.mod_changelanguage a:before,
#footer a:before {
content: '>';
padding: 0 2px 0 0;
}

#footer a[href^="mailto:"] {
border-bottom			: 1px solid #fff;
}

#footer a[href^="mailto:"]:hover {
border-bottom			: 1px solid #138e78;
}

#footer a[href^="mailto:"]:before {
content: '';
padding: 0;
}

/*****/

.bienefeld p {
display: inline-block;
margin: 0 0 20px -50px;
padding: 3px 40px 3px 5px;
background: #138e78;
}

/**************************************************************************************************************************/
/*	Breadcrump	*/

.mod_breadcrumb {
display: block;
font-size: 70%;
line-height: 30px;
width: calc(100% - 20px);
height: 30px;
margin: 0 10px;
}

.mod_breadcrumb li:after {
content: ' >';
padding: 0 2px;
}

.mod_breadcrumb li.last:after {
content: '';
padding: 0;
}

.mod_breadcrumb li {
display: inline-block;
color: #d40d1b;
}

.mod_breadcrumb a:link,
.mod_breadcrumb a:visited,
.mod_breadcrumb .active a:link,
.mod_breadcrumb .active a:visited {
color: #4f565d;
}

.mod_breadcrumb a:hover,
.mod_breadcrumb a:active,
.mod_breadcrumb a:focus {
color: #d40d1b;
}

/**************************************************************************************************************************/
/*	Startseite	*/

/* Das Bild liegt hinter den vier Kästen und reicht rechts über sie hinaus. Bis Contao 4 lag es
   auf dem Umschlag .custom (volle Breite), den es in Contao 5 nicht mehr gibt – #navigation
   selbst ist nur so breit wie die Kästen. Deshalb als Pseudo-Element in Inhaltsbreite. */
@media only screen and (min-width : 510px) {
	.home #navigation {
	position: relative;
	}

	.home #navigation::before {
	content: '';
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: min(1200px, calc(100vw - 20px));
	height: 100%;
	background: url('../../files/data/img/home.jpg') left 0 no-repeat;
	}
}

.ol,
.or,
.ul,
.ur {
	float: left;
	width: 212px;
	height: 212px;
	margin: 0 10px 10px 0;
	padding: 10px;
}

.ol,
.or,
.ul {
	color: #fff;
}

.or,
.ur {
	text-align: right;
}

.ur a {
	border-bottom: 1px solid #d40d1b;
}

.ol {
	background: #d40d1b;
}

.ol a {
	color: #fff !important;
	border-bottom: 1px solid #fff;
}

.ul {
	clear: both;
	background: #138e78;
}

.or {
	font-size: 220%;
	line-height: 1.6em;
	background: #0971b8 url('../../files/data/img/forbo-siegling.png') left 10px bottom 10px no-repeat;
}

.ur {
	background: #d9d9d9;
}

@media only screen and (max-width : 510px) {
	.ol,
	.or,
	.ul {
	display: none;
	}
	
	.ur {
	width: calc(100% - 20px);
	height: auto;
	text-align: left;
	}
}

/**************************************************************************************************************************/
/*	Teaser	*/

.smallteaser #navigation {
	width: 100%;
	text-align: right;
	background: url('../../files/data/img/bg-teaser.png') 0 0 no-repeat;
}

.smallteaser #navigation img {
	max-height: 231px;
	width: auto;
}

/**************************************************************************************************************************/

h1, h2 {
font-size				: 200%;
line-height				: 1.2em;
font-weight				: normal;
margin					: 0 0 20px 0;
padding					: 0;
}

h2.abstandOben,
.content-image.abstandOben figure {
margin-top				: 20px;
}

h3 {
font-size				: 100%;
color					: #4f565d;
line-height				: 1.4em;
font-weight				: normal;
margin					: 20px 0 0 0;
padding					: 0;
}

h4 {
font-size				: 130%;
line-height				: 1.2em;
font-weight				: normal;
margin					: -20px 0 20px 0;
padding					: 0;
}

#footer h4 {
text-transform			: uppercase;
font-size				: 100%;
margin-top				: 0;
}

/*	Startseite - grüner Navigationskasten	*/
h5 {
text-transform: uppercase;
font-size				: 110%;
margin					: 0 0 10px 0;
}

p, th, td {
font-size				: 110%;
line-height				: 1.4em;
margin					: 0 0 10px 0;
padding					: 0;
}

sup {
line-height				: 0px;
margin					: 0;
padding					: 0;
/*background: #ff0000;*/
}

a:link,
a:visited {
color					: #d40d1b;
/* border-bottom			: 1px solid #d40d1b; */
}

a:hover,
a:active,
a:focus {
color					: #d40d1b;
/* border-bottom			: 1px dotted #d40d1b; */
}

/************************************************************************************************************/

/* Spaltenraster: siehe columns.css */

/************************************************************************************************************/

.biglink p {
/* font-size				: 110%; */
/* text-align				: right; */
margin					: 0 0 30px 0;
padding					: 0;
}

.biglink p a {
padding					: 8px 30px 10px 0;
background				: url('../../files/data/img/lupe.gif') right 0 no-repeat;
border-bottom			: 0px dotted #fff;
}

/************************************************************************************************************/

figure a img {
	cursor: -moz-zoom-in; 
	cursor: -webkit-zoom-in; 
	cursor: zoom-in;
}

#cboxClose {
	width: 40px;
	height: 40px;
	background: url('/files/data/img/close.png') no-repeat top center;
	background-size: 40px;
}

/************************************************************************************************************/

#main ul {
list-style-type			: none;
font-size				: 110%;
line-height				: 1.4em;
margin					: 0 0 10px 0;
}

#main ul li {
/* margin					: 0; */
padding					: 0 0 0 15px;
background				: url(../../files/data/img/bullet.gif) left 8px no-repeat;
}

/**********************************************************************************/
/* Je nach Bilde-Ausrichtung etwas Platz um das Bild lassen  */

#main .rs-column:nth-child(2) figure {
margin-bottom			: 20px;
/* margin					: 55px 0 0 10px !important; */
/* max-width				: 250px; */
}

#main .bigimg figure {
float					: left;
/*width					: 710px;*/
width					: 100%;
margin					: 10px 0 10px 0;
padding					: 0;
}

.ansprechpartner #main .content-text figure {
float					: left;
margin					: 4px 20px 0 0;
padding					: 0;
}

figcaption {
font-size				: 80%;
line-height				: 1.2em;
font-style				: italic;
/* color					: #fff; */
margin					: 1px 0 5px 0;
padding					: 0 10px 0 0;
/* background				: #4d4d4d; */
}

.media--left img {
margin					: 0 10px 10px 0;
padding					: 0;
border					: 1px solid #ccc;
}

.media--right img {
margin					: 0 0 10px 10px;
padding					: 0;
}

/**************************************************************************************************************************/
/*	50 Jahre	*/

.timeline .block {
  overflow: visible;
}

.timeline ul {
  padding: 50px 0 0 0;
}

.timeline ul li {
  position: relative;
  margin: 0 auto;
  width: 1px;
  padding-bottom: 10px !important;
  padding-left: 0 !important;
  list-style-type: none;
  background: #d40d1b !important;
}

.timeline ul li:last-child {
  padding-bottom: 20px;
}

.timeline ul li:before {
  content: '' !important;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  width: 30px;
  height: 30px;
  border: 1px solid #d40d1b;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin-left: 0 !important;
  background: #fff;
}

.timeline ul li .hidden {
  opacity: 0;
}

.timeline ul li .ereignis {
  position: relative;
  display: block;
  top: 2px;
  width: 540px;
  margin: 0 !important;
/*   background: #ccc; */
}

.timeline ul li h3 {
  color: #138e78;
  font-size: 120%;
  line-height: 1.2em;
  margin: 0 10px 10px 10px;
}

.timeline ul li .ereignis:before {
  content: '';
  background: #d40d1b;
  position: absolute;
  top: 12px;
  width: 38px;
  height: 1px;
}

.timeline ul li:nth-child(odd) .ereignis {
  left: 50px;
}

.timeline .content-image {
  display: inline-block;
  vertical-align: top;
  width: 160px;
  height: 230px;
  padding: 0;
  margin: 0 0 0 10px !important;
}

.timeline ul li:nth-child(odd) .content-image {
  margin: 0 0 0 10px !important;
}

.timeline ul li:nth-child(even) .content-image {
  margin: 0 10px 0 0 !important;
}

.timeline figcaption {
  font-size: 70%;
  text-align: left;
  line-height: 1.2em;
  color: #333;
  margin: 0;
  padding: 0;
  background: #fff;
}

.timeline ul li:nth-child(odd) .content-text p,
.timeline ul li:nth-child(odd) h3 {
  left: 50px;
  text-align: left;
}

.timeline ul li:nth-child(odd) .ereignis:before {
  left: -35px;
}

.timeline ul li:nth-child(even) .ereignis {
  left: calc(-540px - 45px);
  text-align: right;
}

.timeline ul li:nth-child(even) .content-text p,
.timeline ul li:nth-child(even) h3 {
  text-align: right;
}

.timeline ul li:nth-child(even) .ereignis:before {
  right: -31px;
}

@media screen and (max-width: 1180px) {
  .timeline ul li .ereignis {
    width: 41vw;
  }

  .timeline ul li:nth-child(even) .ereignis {
    left: calc(-41vw - 45px);
  }
}

@media screen and (max-width: 700px) {
  .timeline ul li {
    margin-left: 20px;
  }

  .timeline ul li .ereignis {
    width: calc(100vw - 120px);
  }

  .timeline ul li:nth-child(even) .ereignis {
    left: 50px;
	text-align: left;
  }

  .timeline ul li:nth-child(even) .ereignis:before {
    left: -33px;
  }

.timeline ul li:nth-child(even) .content-image {
  margin: 0 0 0 10px !important;
}

  .timeline ul li:nth-child(even) .content-text p,
  .timeline ul li:nth-child(even) h3 {
    text-align: left;
  }
}

@media screen and (max-width: 465px) {
.timeline .content-image {
  height: auto;
  padding-bottom: 20px;
}
}

/**************************************************************************************************************************/

.prospektedatenblaetter .content-text {
display					: block;
float					: left;
width					: 200px;
min-height				: 300px;
margin					: 0;
padding					: 0 40px 0 0;
}

.prospektedatenblaetter .content-text img {
border					: 1px solid #ccc;
}

.prospektedatenblaetter .content-text.einleitung {
clear					: both;
width					: 100%;
min-height				: 20px;
}

/**********************************************************************************/
/*	Google Maps	*/

/* iframe, */
.ce_dlh_googlemaps {
width: 1200px;
max-width: 100% !important;
/* height: 389px;  */
}

.dlh_googlemap {
width: 100%;
max-width: 100% !important;
height: 389px; 
}

/*
iframe,
.ce_dlh_googlemaps,
.dlh_googlemap {
width: 1200px;
max-width: 100% !important;
height: 389px; 
}
*/

.dlh_googlemap {
background: #ccc;
}

#confirm-googlemaps {
cursor: pointer;
color: #fff;
text-align: center;
padding: 100px 20px;
}

/**********************************************************************************/

/*
#main table {
width					: 400px;
font-size				: 90%;
border-collapse			: collapse;
clear					: both;
margin					: 20px 0;
padding					: 0;
background				: #fff;
}

#main table th {
font-weight				: bold;
text-align				: left;
border					: 1px solid #666;
vertical-align			: top;
margin					: 0;
padding					: 4px 5px;
background				: #ccc;
}

#main table td {
border					: 1px solid #666;
vertical-align			: top;
margin					: 0;
padding					: 2px 5px;
background				: whitesmoke;
}

#main table a {
line-height				: 1.6em;
}
*/

/************************************************************************************************************/
/*	Formulare	*/

.ce_form {
	max-width: 727px;
	margin: 0 10px;
}

.ce_form label {
	font-size: 80%;
	font-weight: normal;
}

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
select,
textarea {
	width: 100%;
	border-radius: 3px;
	border: 1px solid #138e78;
}

form button,
input[type="submit"],
.button {
	display: block;
	font-size: 100%;
	line-height: 20px;
	color: #fff;
	padding: 5px 25px;
	border: 1px solid #138e78;
	border-radius: 3px;
	background: #138e78;
}

form button:hover,
form button:active,
form button:focus,
input[type="submit"]:hover,
input[type="submit"]:active,
input[type="submit"]:focus,
.button:hover,
.button:active,
.button:focus {
	color: #138e78;
	background: #fff;
}

/************************************************************************************************************/
/*	Calculator	*/

.riemencalc-wrapper {
	margin: 0 10px 50px 10px;
	max-width: 935px;
}

.riemencalc-wrapper table {
    width: 100%;
}

.riemencalc-wrapper tr {
    background: #d9d9d9;
}

.riemencalc-wrapper table tr.even,
.riemencalc-wrapper table tr.alt,
.riemencalc-wrapper table tr:nth-of-type(2n) {
    background: #f5f5f5;
}

.riemencalc-wrapper table tr th,
.riemencalc-wrapper table tr td {
	vertical-align: middle;
    padding: .5em;
}

.riemencalc-wrapper input.iField,
.riemencalc-wrapper input.eField {
    width: 100px;
}

.riemencalc-wrapper .ergebnis {
    color: #fff;
    background: #138e78;
}

.riemencalc-wrapper .errorText {
    color: #fff;
    font-weight: bold;
    line-height: 3rem;
    padding: 0 .5em;
    background: #d40d1b;
}

/************************************************************************************************************/
/*	Mobile Anpassungen	*/

.mod_mobile_menu {
display					: none;
}

@media only screen and (min-width : 1200px) {
	.slogan p {
	font-size: 230%;
	}
}

@media only screen and (max-width : 1240px) {
	.bienefeld p {
	margin-left: -40px;
	}
}

@media only screen and (max-width : 960px) {
	/* Spaltenraster: siehe columns.css */
	#footer .rs-column:nth-child(2) {
	border: none !important;
	}

	#footer .rs-column:nth-child(odd) {
	width: 50%;
	}
}

@media only screen and (max-width : 767px) {
	#header .nav_main,
	.nav_sub {
	display: none !important;
	}
	
	.mod_mobile_menu {
	display: block;
	}

	.mobile_menu_trigger {
	z-index: 20;
	position: fixed;
	top: 75px;
	right: 20px;
	width: 30px;
	height: 20px;
/* 	background: #ff0000; */
	}

	.mobilmenulink {
	position: absolute;
	top: 0;
	right: 0;
	width: 30px;
	height: 20px;
/* 	background: #00ff00; */
	}

	.mobilmenulink:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 30px;
	height: 5px;
	background: #138e78;
	box-shadow:
		0 10px 0 0 #138e78,
		0 20px 0 0 #138e78;
	}
}

@media only screen and (max-width : 510px) {
	.slogan {
	display: none !important;
	}

	#confirm-googlemaps {
	padding					: 20px;
	}

	#footer .rs-column:nth-child(odd) {
	width: 100%;
	}
}

/************************************************************************************************************/

/**************************************************************************************************************************/
/*
Theme Name: Bienefeld GmbH
Theme URI: http://www.bienefeld-gmbh.de/
Description: CSS File for Main-Menu (horizontal with drop down)
Version: 3.0
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/**************************************************************************************************************************/

.nav_main {
position: relative;
display: inline-block;
float: right;
font-size: 100%;
margin: 25px 10px;
/* 	background: #ccc; */
}

.nav_main ul {
display: table-cell;
height: 41px;
vertical-align: bottom;
}

.nav_main li {
display: inline-block;
}

.nav_main .level_1 a:link,
.nav_main .level_1 a:visited {
font-weight: normal;
color: #333;
padding: 0;
margin: 0 0 0 40px;
}

.nav_main .level_1 a:hover,
.nav_main .level_1 a:active,
.nav_main .level_1 a:focus,
.nav_main .level_1 strong {
font-weight: normal;
color: #d40d1b;
padding: 0;
margin: 0 0 0 40px;
}

.nav_main li.trail a {
color: #d40d1b !important;
}

/**********/

.nav_main .level_2 {
position: absolute;
z-index: 100;
overflow: visible;
padding-top: 28px;
border-left: 10px solid #fff;
border-right: 10px solid #fff;
/* background: rgba(204,204,204,0.9); */
/* background: #e5e5e5; */
}

.nav_main ul.level_2 {
height: auto;
}

.nav_main .level_2 li {
display: block;
}

.nav_main .level_2 a:link,
.nav_main .level_2 a:visited,
.nav_main .level_2 .active a:link,
.nav_main .level_2 .active a:visited {
display: block;
color: #333 !important;
width: 100%;
margin: 0;
padding: 10px 15px;
border-top: 1px solid #b8b8b8;
/* border-bottom: 1px solid #b8b8b8; */
background: #e5e5e5;
transition: 0.3s;
}

.nav_main .level_2 a:hover,
.nav_main .level_2 a:active,
.nav_main .level_2 a:focus,
.nav_main .level_2 strong,
.nav_main .level_2 li.trail a {
display: block;
color: #fff !important;
margin: 0;
padding: 10px 15px;
border-top: 1px solid #fff;
/* border-bottom: 1px solid #fff; */
background: #d40d1b;
}

.nav_main .level_2 li.trail {

}

/**************************************************************************************************************************/

.nav_main .submenu ul {
position				: absolute;
overflow				: hidden;
margin-left				: -9999px;
opacity					: 0;
filter					: alpha(opacity = 0);
-webkit-transition		: opacity .4s ease-in-out;
-moz-transition			: opacity .4s ease-in-out;
-o-transition			: opacity .4s ease-in-out;
transition				: opacity .4s ease-in-out;
}

.nav_main li.submenu ul,
.nav_main li.submenu:hover ul {
z-index					: 100;
position				: absolute;
overflow				: hidden;
margin					: 0;
opacity					: 1;
filter					: alpha(opacity = 100);
}

.nav_main .submenu ul {
display					: none;
-webkit-transition		: none;
transition				: none;
}

.nav_main li.submenu:hover ul {
display					: block;
-webkit-transition		: none;
transition				: none;
}

/**************************************************************************************************************************/

.nav_sub {
display: block;
margin-left: -5px;
background: url('../../files/data/img/bg-produkte.jpg') bottom 10px right 4px no-repeat;
background-size: contain;
}

.nav_sub li {
display: inline-block;
width: calc(20% - 10px);
margin: 0 1px 10px 5px;
}

.nav_sub .level_1 a:link span,
.nav_sub .level_1 a:visited span {
display: block;
color: #fff;
margin-top: 2px;
padding: 10px;
background: #138e78;
/* margin: 0 0 0 0px; */
transition: 0.3s;
}

.nav_sub .level_1 a:hover span,
.nav_sub .level_1 a:active span,
.nav_sub .level_1 a:focus span,
.nav_sub .level_1 strong {
display: block;
font-weight: normal;
color: #fff;
margin-top: 2px;
padding: 10px;
background: #d40d1b;
/* margin: 0 0 0 40px; */
}

@media only screen and (max-width : 1200px) {
	.nav_sub {
/* 	font-size: 1.4vw; */
	font-size: 1.3vw;
	}
}

/**************************************************************************************************************************/

.mobile_menu .inner {
/* 	background: #138e78; */
	background: #fff;
}

.nav_mobil {
	padding: 20px;
/* 	background: #ccc; */
}

.nav_mobil li {
	font-size: 150%;
	line-height: 1.4em;
}

.nav_mobil .level_1 a:link,
.nav_mobil .level_1 a:visited {
	color: #4f565d;
}

.nav_mobil .level_1 a:hover,
.nav_mobil .level_1 a:active,
.nav_mobil .level_1 a:focus,
.nav_mobil .level_1 strong {
	color: #d40d1b;
}

.nav_mobil .level_2 li {
	font-size: 80%;
	line-height: 1.6em;
	padding-left: 20px	
}

/**************************************************************************************************************************/

.nav_home {
	
}

.nav_home .level_1 a:link,
.nav_home .level_1 a:visited {
	color: #fff;
	line-height: 1.3em;
}

.nav_home .level_1 a:hover,
.nav_home .level_1 a:active,
.nav_home .level_1 a:focus,
.nav_home .level_1 strong {
	color: #d40d1b;
}

/**************************************************************************************************************************/