/* open-sans-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('/static/mlbf/fonts/open-sans-v40-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url('/static/mlbf/fonts/open-sans-v40-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/static/mlbf/fonts/open-sans-v40-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('/static/mlbf/fonts/open-sans-v40-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  src: url('/static/mlbf/fonts/open-sans-v40-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 500;
  src: url('/static/mlbf/fonts/open-sans-v40-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('/static/mlbf/fonts/open-sans-v40-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url('/static/mlbf/fonts/open-sans-v40-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('/static/mlbf/fonts/open-sans-v40-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('/static/mlbf/fonts/open-sans-v40-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('/static/mlbf/fonts/open-sans-v40-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-800italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: url('/static/mlbf/fonts/open-sans-v40-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* Bootstrap override */
.nav-link {
  color: #ec0000 !important;
  font-size: 1.3rem;
}
.dropdown-menu {
  border-radius: 0px !important;
  background-color: #ec0000 !important;
}
.dropdown-item {
  color: #fff !important;
}
.dropdown-item:hover {
  color: #fff !important;
  background-color: #ec0000 !important;
}
.dropdown-item:focus {
  color: #ec0000 !important;
  background-color: #fff !important;
}

.start-img-top {
  width: 418px;
  height: 260px;
  object-fit: cover;
}

/* END: Bootstrap override */

.img-container, .img-container a {
  position: relative;
  display: block;
}
.img-icon {
	position: absolute;
  right: 5px;
  bottom: 5px;
  background-color: #fff;
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 35px;
  border: 1px solid #ec0000;
}
.img-icon svg {
  color: #ec0000;
}

.skip-link {
  position: absolute;
  top: 10px;
  left: -9999px;
  background-color: #ed0000;
  color: #fff;
  padding: 8px 12px;
  text-decoration: none;
  border-radius: 4px;
  z-index: 1000;
  transition: left 0.3s;
}
/* Sobald der Skip-Link den Fokus erhält, wird er in den sichtbaren Bereich verschoben */
.skip-link:focus {
  left: 10px;
}

.startboxen {
  display: flex;
  gap: 40px;
  flex-wrap: wrap;
  justify-content: space-evenly;  
}


*                                     { padding: 0; margin: 0; }

body                                  { background-color: #fff;
                                        font-family: "Open Sans", sans-serif;
                                        font-size: 12pt;
                                        color: #000000;
                                        position: relative;
                                        -webkit-font-smoothing: antialiased;
                                      }
                                      
.responsive-component img             { max-width: 100%; }
.responsive-component-image img       { max-width: 1210px; }
.responsive-component-image.background-image{ background: none !important; }
.grid-row                             { clear: both; }
.grid-row:after                       { content: ''; display: block; clear: both; }
h2.text-box-heading                   { padding-top: 10px; }
.grid-row.items-1 img                 { margin: 20px 0; }
.items-2 {padding-bottom: 15px;}
.items-2 .row-item {float: left; width: 50%; padding-right: 15px;}
.items-3 .row-item {float: left; width: 33.33333%; padding-right: 15px;}
.html-box {padding-bottom: 15px;}
                                      
body.hide-overflow                    { overflow-x: hidden; overflow-y: scroll; position: fixed; width: 100%; }
                                      

a                                     { color: #ec0000; }
a:link                                { text-decoration: none; }
a:visited                             { text-decoration: none; }
a:active                              { text-decoration: none; }
a:hover                               { color: #ec0000; text-decoration: none; }

.imgleft                    					{ float: left; margin-right:30px; margin-bottom:20px; }
.imgright                   					{ float: right; margin-left:30px; margin-bottom:20px; }

.clear                                { clear: both; }


#wrap                                 { max-width: 1800px; margin: 0 auto; }
#head-desktop                         { position: relative; padding-top: 20px; }
#head-mobile                          { display: none; }
#mobile-navigation                    { display: none; }
#mobile-menu-switch                   { display: none; }
#top-nav                              { position: absolute; top: 33px; left: 42%; }
#top-nav a                            { color: #6e92a1; display: inline-block; padding: 0 15px; }
#top-nav a:hover                      { color: #6e92a1; }
#logo-desktop                         { float: left; }
#logo-desktop a                       { display: block; }
#logo-desktop img                     { max-width: 356px; display: block; }
#desktop-telefon                      { float: right; padding-top: 50px; }
.desk-tel-icon                        { float: right; }
.desk-tel-text                        { float: right; padding: 1px 5px 0 12px; font-size: 14pt; }
.desk-tel-text a                      { color: #000; }
.desk-tel-text a:hover                { color: #000; }

#desktop-suche                        { position: absolute; right: 8px; top: 22px; }
#desktop-suche a                      { color: #000; }
#desk-search-icon                     { font-size: 15pt; }
#desktop-zeiten                       { text-align: center; position: absolute; right: 0; top: 100px; font-size: 8pt; width: 182px; }
#desktop-zeiten a                     { color: #000; }
#desktop-zeiten a:hover               { color: #000; }


#nav-desktop                          { padding-top: 36px; height: 85px; }
#navigation                           { padding: 0 120px 0 120px; background-color: #fff; }
#navigation.stickynav                 { position: fixed; top: 0; left: 50%; z-index: 100; max-width: 2000px; width: 100%; padding: 0;
                                        -moz-transform: translate(-50%, 0px); -webkit-transform: translate(-50%, 0px); -o-transform: translate(-50%, 0px);
                                        -ms-transform: translate(-50%, 0px); transform: translate(-50%, 0px);
                                        -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);
                                        -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);
                                        box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);
                                      }
#navigation.stickynav nav             { max-width: 1500px; padding: 0 120px; margin: 0 auto; }
#navigation ul                        { list-style: none; }
#mainnav                              { margin-bottom: 0; text-align: justify; height: 42px; }
.mainli                               { display: inline-block; text-align: -webkit-match-parent; padding: 9px 0; position: relative; }
.mainlink                             { text-transform: uppercase; font-size: 12pt; }
.mainlink:hover                       {  }
.mainsub                              { color: #ec0000; font-size: 12pt; padding: 0 7px; cursor: pointer; }
.sub1                                 { background-color: #ec0000; position: absolute; left: 0; top: 42px; z-index: 200; padding: 5px 0 5px 0; }
.sub1li                               { display: block; width: auto; min-width: 175px; padding: 3px 8px; /*border-top: 1px solid #396a9a;*/ white-space: nowrap; }
.sub1li:first-child                   { border-top: 0; }
#mainnav100                           { padding-left: 100%; height: 1px; display: inline-block; }
.sub1link, .sub1link:hover            { color: #fff; font-weight: 400; }

.panorama-bild                        { position: relative; }
.panorama-bild img                    { display: block; width: 100%; }

.start-trenner                        { padding: 30px 0 35px 0; text-align: center; }
.st-header                            { text-transform: uppercase; margin-bottom: 0; padding-bottom: 10px; color: #ec0000; }
.st-text                              { text-transform: uppercase; }


.cluster                              {  }
.cl-left                              { float: left; width: 50%; padding-right: 8px; }
.cl-right                             { float: right; width: 50%; padding-left: 8px; }
.cl-element                           { position: relative; padding-bottom: 16px; }
.cl-left .cl-element:last-child       { padding-bottom: 0; }
.cl-right .cl-element:last-child      { padding-bottom: 0; }
.cl-element a                         { display: block; position: relative; overflow-x: hidden; }
.cl-element img                       { display: block; width: 100%; }
.cl-titel                             { position: absolute; top: 70px; left: 70px; color: #000; font-size: 19pt; display: block; padding: 10px 10px 8px 10px; background-color: rgba(255, 255, 255, 0.7); }
.cl-titel-unten                       { bottom: 70px !important; top: auto !important; }
.cl-button                            { position: absolute; bottom: 20px; right: 26px; }
.cl-bigbutton                         { text-align: center; padding-top: 16px; }
.cl-bigbutton a                       { display: block; background-color: #ec0000; color: #fff; }
.cl-bigbutton a:hover                 { color: #fff; }
.cl-bigbutton-tbl                     { display: table; padding: 57px 0 56px 0; margin: 0 auto; }
.cl-bigbutton-text                    { display: table-cell; vertical-align: middle; font-size: 29pt; padding-right: 30px; }
.cl-bigbutton-icon                    { display: table-cell; vertical-align: middle; }
.cl-bigbutton-icon img                { display: block; padding-top: 2px; }
.cl-all-button                        { padding-top: 16px; }
.cl-preis-info                        { position: absolute; top: 60px; right: 20px; background-color: #ec0000; display: block; text-align: center; padding: 3px 15px; }
.cl-old-preis                         { font-size: 9pt; color: #fff; display: block; position: relative; }
.cl-old-preis:before                  { position: absolute; content: ""; left: 0; top: 50%; right: 0; border-top: 2px solid; border-color: inherit;
                                        -webkit-transform: skewY(-10deg); -moz-transform: skewY(-10deg); transform: skewY(-10deg);
                                      }

.cl-new-preis                         { color: #fff; font-size: 12pt; display: block; }

.red-banner                           { padding-top: 16px; text-align: center; font-size: 70pt; }
.red-banner a                         { background-color: #ec0000; color: #fff; display: block; }
.red-banner a:hover                   { color: #fff; }

.start-big-headline                   { text-align: center; padding: 35px 0 30px 0; }
.start-big-headline h3                { font-size: 2rem; }

#start-news-big                       {  }
.start-news-big                       { float: left; width: 50%; padding-right: 8px; }
.sb-bild                              { position: relative; }
.sb-bild img                          { display: block; width: 100%; }
.sb-text                              { background-color: #f5f5f5; padding: 10px 12px; }
.sb-text h4                           { font-size: 1.3rem; }
.sb-textarea {
    font-size: 12pt;
    min-height: 50px;
}
.sb-textarea p:last-child             { margin-bottom: 0; }
.sb-more-link                         { text-align: right; padding-right: 10px; }
.sb-more-link a                       { display: inline-block; }

.start-jobs                           { float: right; width: 50%; padding-left: 8px; }
#job-angebote                         { border: 1px solid #000; position: relative; }
#job-angebote a                       { display: block; }
#job-angebote a img                   { display: block; width: 100%; }


#start-news-small                     { padding-top: 16px; }
#start-news-small .startbox-content   { background-color: #f5f5f5; }
.start-news-small-box                 { float: left; width: 33.33333%; }
.start-news-small-box:nth-child(1)    { padding-right: 10.6px; }
.start-news-small-box:nth-child(2)    { padding-right: 5.4px; padding-left: 5.4px; }
.start-news-small-box:nth-child(3)    { padding-left: 10.6px; }
.blog-news-small-box                  { float: left; width: 33.33333%; margin-bottom: 50px; }
.blog-news-small-box:nth-child(3n+1)  { padding-right: 10.6px; }
.blog-news-small-box:nth-child(3n+2)  { padding-right: 5.4px; padding-left: 5.4px; }
.blog-news-small-box:nth-child(3n+3)  { padding-left: 10.6px; }



#starttext                            { font-size: 11pt; }

#footer                               { padding-top: 40px; padding-bottom: 20px; text-align: center; }
#footer-prod-nav                      { text-transform: uppercase; }
#footer-prod-nav a                    { display: inline-block; padding: 0 15px; color: #6e92a1; }
#footer-prod-nav a:hover              { color: #6e92a1; }

#footer-nav                           { padding: 15px 0; font-size: 11pt; }
#footer-nav a                         { display: inline-block; padding: 0 10px; color: #6e92a1; }
#footer-nav a:hover                   { color: #6e92a1; }

#footer-copyright                     { color: #b3b3b3; font-size: 11pt; }


#siteoverlay                          { display: none; width: 100vw; height: 100vh; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.75); opacity: 1; z-index: 75;
                                        -webkit-transition: all 350ms linear; -moz-transition: all 350ms linear; -o-transition: all 350ms linear; transition: all 350ms linear;
                                      }

#content {
  display: flex;
  gap: 50px;
}
                                      
#content-main                         { padding-top: 30px; }
#content-main h1                      { font-size: 2rem; margin-bottom: 1.5rem; }
#content-main h2                      { font-size: 1.5rem; margin-bottom: 0.75rem; }
#content-main h3                      { font-size: 1.0rem; }

#content-main.cm-infoboxen            { float: left; width: 84%; padding-right: 50px; }
#content-main.cm-produkte {
  flex-grow: 1;
}
#content-aside                        { float: right; width: 232px; padding-top: 30px; }
#content-katnav {
  padding-top: 30px;
  flex: 0 0 296px;
}

.inh-abs-text ul                      { padding-left: 19px; overflow: auto; }
.inh-abs-text ol                      { padding-left: 30px; overflow: auto; }
.content-trenner                      { width: 100%; height: 25px; }

#sitemap ul                           { padding-left: 19px; overflow: auto; }
#sitemap ul ul                        { padding-left: 38px; }

.infobox                              { padding-bottom: 16px; }
.box-1er												      { border: 1px solid lightgray; overflow: hidden; }
.box-1er                    					{ width:232px; height:232px; position:relative; }
.box-titel                  					{ display:table; margin:0 auto; padding-top:3px; }
.box-titel-1er              					{ position:absolute; bottom:0; left:0; height: 27px; background-color: #8badbc; width: 232px; }
.box-link a                 					{  }
.box-link-1er               					{ position:absolute; z-index:20; top:0; left:0; height:205px; width:232px; }
.box-link-1er a             					{ height:205px; width:232px; display:block; }
.box-link-top               					{ position:absolute; top:0; left:0; height:232px; width:232px; }
.box-link-top a             					{ height:232px; width:232px; display:block; }
.box-over                   					{ position:absolute; top:0; right:0; z-index:10; }
.box-top-text               					{ padding-top:10px; font-weight:bold; color:#fff; }
.box-top                    					{ text-align:center; }
.box-haus                   					{ color:#000; text-align:center; padding:10px 0 2px 0; font-size:15pt; }
.box-titel-pfeil            					{ width:15px; height:15px; float:left; margin-top:3px; margin-right:10px; }
.box-titel-text             					{ float:left; color:#fff; font-size:13pt; }
.box-titel-text a           					{ color:#fff; font-size:13pt; }
.notfirstbox                					{ margin-left:10px; }
.boxNoBG                    					{ background: none !important; }



#cookie-info                        	{ position: fixed; bottom: 0px; z-index: 10000; width: 100%; -ms-text-size-adjust: none; -moz-text-size-adjust: none; -o-text-size-adjust: none; -webkit-text-size-adjust: none; }
#cookie-info-content                	{ background-color: rgba(0, 0, 0, 0.8); color: #fff; padding: 4px; box-sizing: border-box; text-align: center; }
#cookie-info-tbl                    	{ display: table; margin: 0 auto; }
#cookie-info-text                   	{ display: table-cell; font-size: 9pt; vertical-align: middle; }
#cookie-info-text a                   {  }
#cookie-info-button                 	{ display: table-cell; font-size: 14pt; vertical-align: middle; }
#cookie-info-abstand                	{ display: table-cell; width: 15px; }
#cookie-info-spacer                 	{ width: 100%; height: 33px; background-color: transparent; }
#cookie-info-button                 	{ cursor: pointer; }


#abteilung ul               					{ list-style:none; padding:0; }
#abteilung li               					{ float:left; width: 50%; }
#abteilung li:nth-child(odd)          { padding-right: 30px; }
#abteilung li:nth-child(even)         { padding-left: 30px; }
#abteilung li:nth-child(2n+1)         { clear: both; }
#abteilung h2                         { padding-top: 10px; text-align: center; }
.abt-inner                  					{ padding: 0 0 50px 0; }
#abteilung li:last-child .abt-inner   { padding-bottom: 0; }
#abteilung img 												{ border: 1px solid lightgray; width: 100%; }

.katnav 															{ border: 1px solid #f1f1f1; }
.katnav-titel 												{ text-align: center; background-color: #f1f1f1; font-weight: bold; padding: 12px 0 10px 0; }
.katnav-kategorien 										{ padding: 10px; }
.katnav-subkategorien {
  padding-left: 10px;
  padding-bottom: 20px;
  display: flex;
  flex-direction: column;
  row-gap: 10px;  
}
.katnav-subkategorien:last-child      { padding-bottom: 0; }
.katnav-kategorie 										{  }
.katnav-kategorie a {
  min-width: 232px;
  text-align: left;
}
.katnav-icon 													{ display: table-cell; font-size: 8pt; color: #000; width: 20px; text-align: center; }
.katnav-text {
  margin-bottom: 18px;
  display: block;
}
.katnav-text.mainkat {
  font-weight: 500;
  font-size: 14pt;
}
.katnav-kategorie a:hover .katnav-icon { color: #ec0000; }
.katnav-kategorie a:hover .katnav-text { color: #ec0000; }


/* Produktdetails */
#prodpics {
  display: flex;
  gap: 50px;
}
#bigpic {
  flex-grow: 1;
  position: relative;
  padding-bottom: 30px;
}
#bigpic_ap 														{ display: none; position: absolute; right: 20px; bottom: 20px; padding: 10px; background-color: #ec0000; color: #fff; font-weight: bold; font-size: 16pt; }
#litpic {
  flex: 1 1 200px;
}
.litpiclink {
  margin-bottom: 16px;
  cursor:pointer;
  position: relative;
}
.litpiclink img 											{ border: 1px solid #d3d3d3; width: 100%; display: block; }
#bigpic img 							  					{ border: 1px solid #d3d3d3; width: 100%; display: block; }
#prod-titel 													{ font-size: 1.5em; padding: 30px 0; }
.litpicblink 													{ text-align: center; cursor: pointer; padding-top: 15px; }
/* Produktdetails */





#s-kategorien               					{ padding: 0 !important; list-style: none; margin-bottom: 25px; text-align: justify; }
#s-kategorien li            					{ text-align: -webkit-match-parent; display: inline-block; }
#s-kategorien .s-inner      					{ padding: 15px; }
.s-kat-name                 					{ display: block; text-align: center; padding: 10px 0; font-size: 16pt; }
#s-kategorien a             					{ display: block;  padding: 0 15px; color: #555; border-bottom: 1px solid rgba(239,189,189,1); white-space: nowrap; }
#s-kategorien a:hover       					{ border-bottom: 1px solid rgb(254, 0, 0); }
#s-kategorien a.aktiv        					{ border-bottom: 1px solid rgb(254, 0, 0); }
#s-kategorien100             					{ padding-left: 100%; }


#s-list                               { list-style: none; }
#s-list li                            { float: left; width: 33.33%; padding-bottom: 30px; }
#s-list li:nth-child(3n+1)            { clear: both; }
.s-inner                              { padding: 0 30px; }
.s-inner a                            { display: block; }
.s-img                                { display: block; position: relative; }
.s-img img                            { display: block; width: 100%; }
.s-layer                              { display: block; width: 160px; color: #d3d3d3; padding-top: 17px; padding-left: 10px; text-align: left; top: 1px; left: 1px; z-index: 50; height: 80px; position: absolute; top: 0; left: 0; background-image: url(/static/mlbf/preis_layer_schief_80.png); background-repeat: no-repeat; background-position: top left; }
#s-list a:hover .s-layer              { color: #ff0000; background-image: url(/static/mlbf/preis_layer_schief_80_white.png); }
.s-titel 															{ display: block; color: #000; padding-top: 10px; margin: 0 auto; font-size: 12pt; text-align: center; padding-left: 25px; padding-right: 25px; }
.s-info 															{ display: block; color: #000; padding-top: 5px; margin: 0 auto; text-align: center; padding-left: 25px; padding-right: 25px; }
.snav                                 { padding-left: 30px; }
.snavtop                              { padding-bottom: 15px; }

.stschnaeppchen                       { text-align: center; }
#schnapp-image img                    { display: block; max-width: 800px; width: 100%; margin: 0 auto; }

#picinfos                             { position: absolute; z-index: 50; top: 0; left: 0; width: 100%; height: 100%; }
.picinfo-preis                        { position: absolute; bottom: 25px; right: 25px; padding: 5px 20px; background-color: #ec0000; min-width: 150px; border: 2px solid #fff; }
.picinfotitel               					{ color: #fff; font-size: 23pt; text-align: center; text-transform: uppercase; }
.picinfotext                					{ color: #fff; font-size: 16pt; text-align: center; font-weight: bold; }
.link                                 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.link a                               { display: block; width: 100%; height: 100%; position: relative; }
#pic-infos-mobile                     { display: none; }
#wrappagination                       { position: absolute; z-index: 60; background-color: rgba(110, 146, 161, 0.50); top: 50%; color: #fff; border: 2px solid #fff; padding: 10px 25px; left: 10px; display: none; 
                                        -moz-transform: translate(0px, -50%);
                                        -webkit-transform: translate(0px, -50%);
                                        -o-transform: translate(0px, -50%);
                                        -ms-transform: translate(0px, -50%);
                                        transform: translate(0px, -50%);
																			}
.piclinkbtn                           { cursor: pointer; padding: 3px 0; font-size: 15pt; }
.piclinkbtn-icon                      { display: inline-block; width: 15px; text-align: left; }
.piclinkbtn-icon i                    { display: none; }
.piclinkbtn.active                    { color: #ec0000; }
.piclinkbtn.active .piclinkbtn-icon i { display: inline-block; }


#sortiment                            {  }
.sortiment-kategorie                  { float: left; width: 33.33333%; }
.sortiment-kategorie a                { display: block; }
.sortiment-kategorie a img            { display: block; width: 100%; border: 1px solid #d3d3d3; }
.sortiment-kategorie h2               { padding-top: 10px; text-align: center; padding-bottom: 16px; margin-bottom: 0; color: #000; }
.sortiment-kategorie h2 a             { color: #000; }
.sortiment-kategorie h2 a:hover       { color: #000; }
.sortiment-kategorie:nth-child(3n+1)  { clear: both; }

.sortiment-kategorie:nth-child(3n+1) .sortiment-kat-inner  { padding-right: 10.6px; }
.sortiment-kategorie:nth-child(3n+2) .sortiment-kat-inner  { padding-right: 5.4px; padding-left: 5.4px; }
.sortiment-kategorie:nth-child(3n+3) .sortiment-kat-inner  { padding-left: 10.6px; padding-right: 0; }


#boxen3er                             {  }
.box3er                               { float: left; width: 33.3333%; padding-bottom: 16px; }
.box3er-inner                         { padding: 10px; border: 1px solid #d3d3d3; }
.box3er:nth-child(3n+1)	  						{ padding-right: 10.6px; clear: both; }
.box3er:nth-child(3n+2) 			    		{ padding-right: 5.4px; padding-left: 5.4px; }
.box3er:nth-child(3n+3)  							{ padding-left: 10.6px; }
.box3er-titel                         {  }
.box3er-titel a                       { color: #000; }
.box3er-titel a:hover                 { color: #000; }
#content-main .box3er-titel h2        {  }
.box3er-bild                          {  }
.box3er-bild img                      { width: 100%; }
.box3er-button                        { padding-top: 10px; }


.cookie-informationen { display: table; box-sizing: border-box; padding-bottom: 25px; }
.cookie-informationen * { box-sizing: border-box; }
.cookie-row { display: table-row; }
.cookie-info-name { display: table-cell; vertical-align: top; white-space: nowrap; padding: 0 0 5px 0; font-weight: bold; font-style: italic; }
.cookie-info-text { display: table-cell; vertical-align: top; padding: 0 0 5px 10px; }



#cookie-opt-in { position: fixed; bottom: 0; left: 0; width: 100%; background-color: rgba(0,0,0,0.85); z-index: 3500; color: #fff; padding: 10px; box-sizing: border-box; font-size: 11pt; }
#cookie-opt-in * { box-sizing: border-box; }
#coi-center {  max-width: 900px; margin: 0 auto; }
#coi-infotext { /*text-align: justify;*/ }
#coi-infotext p { margin-bottom: 0; padding-bottom: 0; }
#coi-infolinks { padding: 10px 0 5px 0; }
#coi-form { padding-top: 10px; }
/*#coi-form button { border: 1px solid #d3d3d3; cursor: pointer; background-color: #7f9e28; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }*/
#cookie-opt-in label { display: inline-block; }
#coi-cookies { display: flex; flex-wrap: wrap; }
.coi-cookie {  }
.coi-checkbox { padding-right: 20px; }

.custom-control-input:checked~.custom-control-label::before {
    color: #fff !important;
    border-color: #ec0000 !important;
    background-color: #ec0000 !important;
}

.iframe-daten-info { background-color: rgba(0,0,0,0.7); color: #fff; padding: 50px 10px; text-align: center; }
.idi-text {  }
.idi-text p { padding-bottom: 0; margin-bottom: 0; }
.idi-form { padding-top: 20px; }
/*.idi-button { border: 1px solid #d3d3d3; cursor: pointer; background-color: #7f9e28; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: inline-block; padding: 4px 10px; }*/

.start-highliht { font-size: 37pt; }


@media screen and (max-width: 1540px){
  #wrap                                 { padding: 0 20px; }
  #content-main.cm-infoboxen            { width: 83%; }
  #content-main.cm-produkte             { width: 83%; }
}

@media screen and (max-width: 1500px){
  #navigation                           { padding: 0 60px; }
  #navigation.stickynav nav             { padding: 0 60px; }
  .red-banner                           { font-size: 6vw; }
  #content-main.cm-infoboxen            { width: 82%; }
  #content-main.cm-produkte             { width: 82%; }
  #bigpic                               { width: 83%; }
}

@media screen and (max-width: 1400px){
  #content-main.cm-infoboxen            { width: 81%; }
  #content-main.cm-produkte             { width: 81%; }
}

@media screen and (max-width: 1300px){
  #navigation                           { padding: 0 30px; }
  #navigation.stickynav nav             { padding: 0 30px; }
  .mainli.lastmain .sub1                { right: 0; left: auto; }
  .cl-titel                             { top: 20px; left: 20px; font-size: 2.15vw; }
  .cl-button                            { right: 20px; }
  #content-main.cm-infoboxen            { width: 79%; }
  #content-main.cm-produkte             { width: 79%; }
  #abteilung h2                         { font-size: 1.9vw; }
  #bigpic                               { width: 80%; }
  #content-main .sortiment-kategorie h2 { font-size: 1.9vw; }
  #content-main .box3er-titel h2 { font-size: 1.3rem; }
}

@media screen and (max-width: 1200px){
  #navigation                           { padding: 0 10px; }
  #navigation.stickynav nav             { padding: 0 10px; }
  #content-main.cm-infoboxen            { width: 77%; }
  #content-main.cm-produkte             { width: 77%; }
  #bigpic                               { width: 78%; }
  #content-main .box3er-titel h2 { font-size: 1.1rem; }
}

@media screen and (max-width: 1100px){
  #content-main.cm-infoboxen            { width: 75%; }
  #content-main.cm-produkte             { width: 75%; }
  #head-desktop                         { display: none; }
  #footer-prod-nav                      { display: none; }
  #content                              { padding-top: 60px; }
  #head-mobile                          { display: block; height: 60px; position: fixed; overflow: hidden; top: 0; left: 0; background-color: #fff; width: 100%; z-index: 60;
                                          -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);
                                          -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);
                                          box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);
                                        }
  header                                { height: auto; }
  #logo-mobile                          { float: left; }
  #logo-mobile a                        {  }
  #logo-mobile a img                    { display: block; height: 60px; padding: 5px 10px; }
  
  #mobile-menu-switch                   { position: fixed; display: block; right: 10px; z-index: 100; top: 14px; }
  #mm-button                            { width: 45px; height: 45px; position: relative; cursor: pointer;
                                          -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);
                                          -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out;
                                        }
  #mm-button span                       { display: block; position: absolute; height: 6px; width: 50%; background: #ec0000; opacity: 1; left: 0;
                                          -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
                                          -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg);
                                          transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;
                                        }
  #mm-button span:nth-child(even)       { left: 50%; -webkit-border-radius: 0 6px 6px 0; -moz-border-radius: 0 6px 6px 0; border-radius: 0 6px 6px 0; }
  #mm-button span:nth-child(odd)        { left:0px; -webkit-border-radius: 6px 0 0 6px; -moz-border-radius: 6px 0 0 6px; border-radius: 6px 0 0 6px; }
  #mm-button span:nth-child(1), #mm-button span:nth-child(2) { top: 0px; }
  #mm-button span:nth-child(3), #mm-button span:nth-child(4) { top: 13px; }
  #mm-button span:nth-child(5), #mm-button span:nth-child(6) { top: 26px; }
  #mm-button.open span                  { background: #ec0000; }
  #mm-button.open span:nth-child(1),#mm-button.open span:nth-child(6) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
  #mm-button.open span:nth-child(2),#mm-button.open span:nth-child(5) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
  #mm-button.open span:nth-child(1)     { left: 5px; top: 7px; }
  #mm-button.open span:nth-child(2)     { left: calc(50% - 5px); top: 7px; }
  #mm-button.open span:nth-child(3)     { left: -50%; opacity: 0; }
  #mm-button.open span:nth-child(4)     { left: 100%; opacity: 0; }
  #mm-button.open span:nth-child(5)     { left: 5px; top: 21px; }
  #mm-button.open span:nth-child(6)     { left: calc(50% - 5px); top: 21px; }
  
  
  #mobile-navigation                    { display: block; height: 100vh; width: 80%; position: fixed; top: 0; left: -440px; z-index: 110; max-width: 440px; visibility: hidden;
                                          -webkit-transition: all 550ms linear; -moz-transition: all 550ms linear; -o-transition: all 550ms linear; transition: all 550ms linear;
                                        }
  #mobile-navigation.open               { opacity: 1; z-index: 100; visibility: visible; left: 0; }
  #nav-content                          { width: 85vw; height: 100vh; padding-left: 5px; padding-right: 5px; overflow-y: auto; background-color: #fff; max-width: 440px; }
  #ios-menu-korrektur                   { width: 100%; height: 70px; }
  /*#mnav-head                            { padding: 15px 0 5px 0; max-height: 58px; }
  #mnav-head .tbl                       { width: 80%; margin: 0 auto; }
  #mnav-head .tbl-td                    { vertical-align: top; }
  #mm-search-btn                        { width: 46px; }
  #mm-search-btn button                 { height: 38px; }
  #mm-search-btn span                   { display: inline-block; -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); padding-bottom: 2px; }*/

  #mnav-body                            { padding-top: 5px; height: calc(100vh - 58px); overflow-y: auto; }
  #mnav-body a                          { text-decoration: none; font-weight: bold; }
  #mnav-body ul                         { list-style: none; padding: 0; margin: 0; }
  #mnav-body ul li a                    { padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid #a0a0a0; display: block; }
  #mnav-body ul li                      {  }
  .manv0                                { padding-left: 20px; }
  .manv1                                { padding-left: 40px; }
  .manv2                                { padding-left: 60px; }
  .manv3                                { padding-left: 80px; }
  .mnavli0                              { position: relative; }
  .mnavli1                              { position: relative; }
  .mnavli2                              { position: relative; }
  .mnavli3                              {  }
  .show-sub-nav                         { position: absolute; top: 1px; right: 0; padding-top: 2px; padding-bottom: 8px; padding-right: 10px; padding-left: 10px; z-index: 3000; cursor: pointer; color: #ec0000; }
  .marrow                               { border: 6px solid #0067b3; font-size: 0; line-height: 0; height: 0; padding: 0; margin: 0; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; }
  .isclicked .marrow                    { border-top-color: transparent; border-bottom-color: #0067b3; }
  .show-sub-nav.isclicked               { top: -2px; padding-top: 0; padding-bottom: 12px; }
  .mnavul1                              { display: none; }
  .mnavul2                              { display: none; }
  .mnavul3                              { display: none; }
  
  #bigpic                               { width: 75%; }
  #s-list li                            { width: 50%; }
  #s-list li:nth-child(3n+1)            { clear: none; }
  #s-list li:nth-child(2n+1)            { clear: both; }
}

@media screen and (max-width: 1000px){
  .start-news-big                       { float: none; width: auto; max-width: 742px; margin: 0 auto; padding-right: 0; }
  .start-jobs                           { float: none; width: auto; max-width: 742px; margin: 0 auto; padding-left: 0; padding-top: 16px; }
  .start-news-small-box                 { float: none; width: auto; max-width: 742px; margin: 0 auto; }
  .start-news-small-box:nth-child(1)    { padding-right: 0; }
  .start-news-small-box:nth-child(2)    { padding-right: 0; padding-left: 0; padding-top: 16px; }
  .start-news-small-box:nth-child(3)    { padding-left: 0; padding-top: 16px; }
  .startbox-content                     { height: auto !important; }
  #content-main.cm-infoboxen            { width: auto; float: none; padding-right: 0; }
  #content-main.cm-produkte             { width: auto; float: none; padding-left: 0; }
  #content-aside                        { float: none; margin: 0 auto; }
  #content-katnav                       { display: none; }
  #wrappagination                       { display: none; }
  #pic-infos-mobile                     { display: block; padding: 5px 10px; text-align: center; height: 40px; }
  .mg-info a 														{ display: block; color: #000; }
  .mg-info-kat-titel 										{ padding: 0 10px; font-size: 17pt; }
  .mg-info-titel 												{ padding: 0 0 0 10px; }
  .mg-info-preis 												{ padding: 0 10px 0 5px; font-size: 14pt; }
  .mg-info-more 												{ padding: 0 10px; color: #ec0000; }
  .mg-clear 														{ display: none; }
  .picinfo-preis                        { display: none !important; }
  .sortiment-kategorie                  { width: 50%; }
  #content-main .sortiment-kategorie h2 { font-size: 2.3vw; }
  .sortiment-kategorie:nth-child(3n+1)  { clear: none; }
  .sortiment-kategorie:nth-child(2n+1)  { clear: both; }
  
  .sortiment-kategorie:nth-child(3n+1) .sortiment-kat-inner  { padding: 0; }
  .sortiment-kategorie:nth-child(3n+2) .sortiment-kat-inner  { padding: 0; }
  .sortiment-kategorie:nth-child(3n+3) .sortiment-kat-inner  { padding: 0; }
  
  .sortiment-kategorie:nth-child(odd) .sortiment-kat-inner { padding-right: 8px; }
  .sortiment-kategorie:nth-child(even) .sortiment-kat-inner { padding-left: 8px; }
  
  .start-highliht { font-size: 23pt; }
  .box3er { width: 50%; padding-bottom: 20px !important; }
  .box3er:nth-child(3n+1) { padding: 0; clear: none; }
  .box3er:nth-child(3n+2) { padding: 0; }
  .box3er:nth-child(3n+3) { padding: 0; }
  .box3er:nth-child(odd) { padding-right: 10px; clear: both; }
  .box3er:nth-child(even) { padding-left: 10px; }
}

@media screen and (max-width: 800px){
  #coi-shor-tbl { display: block; }
  #coi-short-text { display: block; }
  #coi-short-close { display: block; width: auto; text-align: left; padding-top: 15px; }
}

@media screen and (max-width: 764px){
  #wrap                                 { padding: 0 10px; }
  #footer-nav a.fnhm                    { display: none; }
  .cl-left                              { float: none; width: auto; padding-right: 0; }
  .cl-right                             { float: none; width: auto; padding-left: 0; padding-top: 16px; }
  .cl-titel                             { font-size: 3.3vw; }
  .cl-subcluster .cl-left               { float: left; width: 50%; padding-right: 8px; }
  .cl-subcluster .cl-right              { float: left; width: 50%; padding-left: 8px; padding-top: 0; }
  #abteilung li                         { float: none; width: auto; }
  #abteilung li:nth-child(odd)          { padding-right: 0; }
  #abteilung li:nth-child(even)         { padding-left: 0; }
  #abteilung h2                         { font-size: 4.9vw; }
  #bigpic                               { float: none; width: auto; }
  #litpic                               { float: none; width: auto; }
  .litpiclink                           { float: left; width: 33.33%; padding: 0 25px 25px 25px; }
  .litpiclink:nth-child(3n+1)           { clear: both; }
  .litpicblink                          { clear: both; padding-bottom: 30px; }
  #s-list li                            { width: auto; float: none; }
  .s-inner                              { padding: 0; }
  .snav                                 { padding-left: 0; }
  #pic-infos-mobile                     { height: 65px; }
  .mg-info-more 												{ display: block; }
  .sortiment-kategorie:nth-child(odd) .sortiment-kat-inner { padding-right: 0px; }
  .sortiment-kategorie:nth-child(even) .sortiment-kat-inner { padding-left: 0px; }
  .sortiment-kategorie                  { width: auto; float: none; }
  #content-main .sortiment-kategorie h2 { font-size: 4.3vw; }
  .cl-preis-info                        { top: 20px; }
  .st-header                            { font-size: 1.5rem; }
  .st-text                              { font-size: 10pt; }
  
  #coi-cookies { display: block; }
  .coi-cookie { padding-bottom: 10px; }
  .coi-cookie:last-child { padding-bottom: 0; }
  
  .box3er { width: 100%; max-width: 500px; float: none; }
  .box3er:nth-child(odd) { padding-right: 0; }
  .box3er:nth-child(even) { padding-left: 0; }
  
}

@media screen and (max-width: 500px){
  .litpiclink                           { width: 50%; }
  .litpiclink:nth-child(3n+1)           { clear: none; }
  .litpiclink:nth-child(2n+1)           { clear: both; }
}

@media screen and (max-width: 340px){
  #coi-infolinks { font-size: 10pt; }
}









#consent-banner { position: fixed; bottom: 0; left: 0; width: 100%; background-color: rgba(0,0,0,0.85); z-index: 5000; color: #fff; font-size: 11pt; }
#consent-banner, #consent-banner * { box-sizing: border-box; }
#consent-banner-center { max-width: 1000px; padding: 10px; display: flex; gap: 35px; margin: 0 auto; }
#consent-banner-left { flex-grow: 1; }
#consent-banner-right { flex: 0 0 175px; }

#content-banner-buttons { display: flex; flex-direction: column; gap: 25px; }
.consent-banner-button > button { width: 100%; }

#consent-banner-text { padding-bottom: 10px; }
#consent-banner-links { display: flex; gap: 20px; }
/*#consent-banner-links a { text-decoration: underline; font-weight: bold; }*/

#consent-banner-checkboxen { display: flex; gap: 30px; padding-top: 10px; flex-wrap: wrap; }

/*.cb-btn { background-color: #3ca8cb; color: #fff; border: 0; border-radius: 3px; padding: 6px; cursor: pointer; }*/
/*.form-check { display: flex; gap: 5px; }*/


/*.consent-banner-unblock-info { background-color: rgb(54 54 54 / 85%); color: #fff; font-size: 11pt; text-align: center; padding: 15px; }
.consent-banner-unblock-info-text p { padding-bottom: 0; margin-bottom: 0; }
.consent-banner-unblock-info-link { padding-top: 10px; }
.consent-banner-unblock-info-button { padding-top: 15px; }*/

@media screen and (max-width: 1024px){
  #consent-banner-center { flex-direction: column; gap: 15px; }
  #consent-banner-left { flex: 0 0 100%; }
  #consent-banner-right { flex: 0 0 auto; }
  #content-banner-buttons { flex-direction: row; justify-content: center; }
  .consent-banner-button { flex: 0 0 175px; }
}

@media screen and (max-width: 450px){
  #content-banner-buttons { flex-direction: column; gap: 10px; }
  .consent-banner-button { flex: 0 0 auto; }
}







#designbody { background: none; background-color: #fff !important; color: #1b1b1b; font-size: 10pt; font-weight: 400; font-family: "Open Sans", sans-serif; }
#designbody ul, ol { padding-left: 21px; }
#designbody p { padding-bottom: 1rem; }
.mceContentBody { padding-top: 0!important; }