* {
  padding: 0;
  margin: 0;
}

/* abel-regular - latin */
@font-face {
  font-family: 'Abel';
  font-style: normal;
  font-weight: 400;
  src: url('/static/intranet/fonts/abel-v8-latin-regular.eot');
  /* IE9 Compat Modes */
  src: local('Abel Regular'), local('Abel-Regular'),
    url('/static/intranet/fonts/abel-v8-latin-regular.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('/static/intranet/fonts/abel-v8-latin-regular.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('/static/intranet/fonts/abel-v8-latin-regular.woff') format('woff'),
    /* Modern Browsers */
    url('/static/intranet/fonts/abel-v8-latin-regular.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('/static/intranet/fonts/abel-v8-latin-regular.svg#Abel') format('svg');
  /* Legacy iOS */
}

/* 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/intranet/fonts/opensans/open-sans-v35-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/intranet/fonts/opensans/open-sans-v35-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/intranet/fonts/opensans/open-sans-v35-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/intranet/fonts/opensans/open-sans-v35-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/intranet/fonts/opensans/open-sans-v35-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/intranet/fonts/opensans/open-sans-v35-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/intranet/fonts/opensans/open-sans-v35-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/intranet/fonts/opensans/open-sans-v35-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/intranet/fonts/opensans/open-sans-v35-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/intranet/fonts/opensans/open-sans-v35-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/intranet/fonts/opensans/open-sans-v35-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/intranet/fonts/opensans/open-sans-v35-latin-800italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

.db-dl-box {
  padding: 10px 0 0 0;
}

.db-dl-icon {
  display: block;
  float: left;
  width: 9%;
}

.db-dl-text {
  display: block;
  float: left;
  width: 91%;
}

.db-dl-clear {
  display: block;
  clear: both;
}

#prod-docs-muster {
  display: flex;
  flex-wrap: wrap;
}

#prod-docs {
  flex-grow: 1;
}

.prod-doc a {
  display: inline-block;
}

#prod-muster {
  flex: 0 0 200px;
  text-align: right;
}

@media screen and (max-width: 765px) {
  #prod-docs {
    flex: 0 0 100%;
  }

  #prod-muster {
    flex: 0 0 100%;
    text-align: left;
    padding-top: 15px;
  }
}

.content-trenner {
  padding-top: 40px;
}

.content-box {
  border: 1px solid #009d8b;
  box-sizing: border-box;
}

.content-box-titel {
  font-size: 13pt;
  box-sizing: border-box;
  padding: 5px;
  text-align: center;
  background-color: #009d8b;
  color: #fff;
}

.content-box-titel-klein {
  font-size: 12pt;
  color: #5db4c8;
  padding: 15px 10px;
}

.content-box-text {
  font-size: 9pt;
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  padding: 15px 10px;
}

#infoboxen .content-box {
  max-width: 288px;
  margin: 0 auto 30px auto;
}

#infoboxen-produkte .content-box {
  max-width: 288px;
  margin: 0 auto 30px auto;
}

.content-box-navi-logo {
  padding-bottom: 15px;
}

.content-box-navi-logo img {
  width: 100%;
  display: block;
}

.content-box-navi {
  padding: 0px 10px 15px 10px;
}

.content-box-navi-link {
  font-size: 14pt;
}

.content-box-full-link {
  display: block;
  position: relative;
}

.content-box-bild-full {
  display: block;
}

.content-box-bild-full img {
  display: block;
  width: 100%;
}

.content-box-titel-overlay {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.75);
  color: #494949;
  font-size: 12pt;
  font-weight: bold;
  padding: 5px 0;
  text-align: center;
  z-index: 10;
}

.content-box-text-bild {
  width: 90px;
  height: 60px;
  background-size: cover;
  float: left;
  margin-right: 29px;
  margin-bottom: 10px;
}

.content-box-more-link {
  text-align: right;
  padding: 0px 15px 15px 10px;
}

.content-box-more-link a {
  padding: 5px 25px;
  display: inline-block;
  font-size: 9pt;
}

.content-box.cb-blau {
  border-color: #5db4c8;
}

.content-box.cb-blau .content-box-titel {
  background-color: #5db4c8;
  color: #fff;
}

.content-box.cb-blau .content-box-titel-klein {
  color: #5db4c8;
}

.content-box.cb-blau .content-box-more-link a {
  background-color: #5db4c8;
  color: #fff;
}

.content-box.cb-braun {
  border-color: #cfa956;
}

.content-box.cb-braun .content-box-titel {
  background-color: #cfa956;
  color: #fff;
}

.content-box.cb-braun .content-box-titel-klein {
  color: #cfa956;
}

.content-box.cb-braun .content-box-more-link a {
  background-color: #cfa956;
  color: #fff;
}

.content-box.cb-deurex-gruen {
  border-color: #009d8b;
}

.content-box.cb-deurex-gruen .content-box-titel {
  background-color: #009d8b;
  color: #fff;
}

.content-box.cb-deurex-gruen .content-box-titel-klein {
  color: #009d8b;
}

.content-box.cb-deurex-gruen .content-box-more-link a {
  background-color: #009d8b;
  color: #fff;
}

.content-box.cb-grau {
  border-color: #a2a0a0;
}

.content-box.cb-grau .content-box-titel {
  background-color: #a2a0a0;
  color: #fff;
}

.content-box.cb-grau .content-box-titel-klein {
  color: #a2a0a0;
}

.content-box.cb-grau .content-box-more-link a {
  background-color: #a2a0a0;
  color: #fff;
}

.content-box.cb-gruen {
  border-color: #a5c500;
}

.content-box.cb-gruen .content-box-titel {
  background-color: #a5c500;
  color: #fff;
}

.content-box.cb-gruen .content-box-titel-klein {
  color: #a5c500;
}

.content-box.cb-gruen .content-box-more-link a {
  background-color: #a5c500;
  color: #fff;
}

.content-box.cb-rot {
  border-color: #9e062a;
}

.content-box.cb-rot .content-box-titel {
  background-color: #9e062a;
  color: #fff;
}

.content-box.cb-rot .content-box-titel-klein {
  color: #9e062a;
}

.content-box.cb-rot .content-box-more-link a {
  background-color: #9e062a;
  color: #fff;
}

.content-box.cb-orange {
  border-color: #e36c0a;
}

.content-box.cb-orange .content-box-titel {
  background-color: #e36c0a;
  color: #fff;
}

.content-box.cb-orange .content-box-titel-klein {
  color: #e36c0a;
}

.content-box.cb-orange .content-box-more-link a {
  background-color: #e36c0a;
  color: #fff;
}


.content-box-noborder {
  border: 0;
}



.inhalts-boxen-liste {}

.inhalts-box {
  width: 33.33%;
  float: left;
  box-sizing: border-box;
  padding: 0 25px;
}

.inhalts-box:nth-child(3n+1) {
  clear: both;
}

.inhalts-box .content-box {
  margin: 0 auto 40px auto;
  max-width: 345px;
}




body {
  background-color: #fff;
  font-family: 'Open Sans', Arial, Verdana, Helvetica, Sans-serif;
  font-size: 14pt;
  line-height: 1.5;
  color: #000;
  /* 333 */
  /* background-image: url(/static/intranet/page-bg-min.png);
                                      background-repeat: no-repeat;
                                      background-position: top center;
                                      background-size: cover;
                                      background-attachment: fixed; */
  background-color: #EFFBFB;
  position: relative;
}

img {
  border: 0;
}

a {
  color: #00998a;
}

a:hover {
  color: #00998a;
  text-decoration: none;
}

[placeholder]:focus::-webkit-input-placeholder {
  transition: opacity 0.5s 0.5s ease;
  opacity: 0;
}

::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #747474;
  font-family: 'Julius Sans One', sans-serif;
}

:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #747474;
  opacity: 1;
  font-family: 'Julius Sans One', sans-serif;
}

::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #747474;
  opacity: 1;
  font-family: 'Julius Sans One', sans-serif;
}

:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #747474;
  font-family: 'Julius Sans One', sans-serif;
}

.imgleft {
  float: left;
  margin-right: 75px;
  margin-bottom: 40px;
}

.imgright {
  float: right;
  margin-left: 75px;
  margin-bottom: 40px;
}

.foot100 {
  padding-left: 100%;
}

#greenbar {
  position: fixed;
  z-index: 5000;
  right: 0;
  top: 0;
  height: 100vh;
  width: 15px;
  background-color: #009d8a;
}

#head {
  position: fixed;
  z-index: 4999;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  padding: 0 30px;
  /*background-image: url(/static/intranet/head-bg.png); background-position: top center; background-repeat: no-repeat;*/
}

#logo-wrap {
  max-width: 2000px;
  margin: 0 auto;
  padding-right: 10px;
  position: relative;
}

#logo {
  float: left;
  padding: 22px 0 18px 8px;
  text-align: left;
}

#lang {
  float: left;
  padding: 36px 0 0 15px;
}

#lang-mobile {
  float: left;
  padding: 0px 0 0 15px;
}

.langval {
  display: block;
  float: left;
  padding-right: 15px;
}


#head-buttons {
  float: right;
  padding: 25px 15px 0 0;
  text-align: right;
}

#lang-v2 {
  float: left;
  padding-right: 20px;
  padding-top: 12px;
}

#homebutton-v2 {
  font-size: 24pt;
  float: left;
  padding-right: 20px;
}

#merkliste-head-v2 {
  float: left;
  padding-right: 15px;
  padding-top: 3px;
}

#merkliste-head-v2 > a {
  height: 44px;
  display: block;
}

#page-search-v2 {
  float: left;
  padding-top: 2px;
}


.ifb-uebersicht {
  height: 320px;
}

.ifb-inhalt .news-vs-bild {
  width: 90px;
  height: 60px;
}

#nav-bar {
  background-color: #fff;
  height: 45px;
}

#nav {
  max-width: 2000px;
  margin: 0 auto;
  padding-right: 10px;
  font-family: 'Abel';
}

#nav-desktop {
  max-width: 2000px;
  margin: 0 auto;
  padding-right: 10px;
  font-family: 'Abel';
}

#nav-desktop ul > li > a {
  color: #00998a;
  /* padding: 7px 10px 5px 10px; */
  font-size: 19pt;
}

#nav-desktop ul > li > ul > li > a {
  font-size: 17pt;
}
#nav-desktop ul > li > ul > li > a.active {
  color: #fff;
}

#nav-desktop ul > li.nav-item {
  padding-right: 70px;
}


#nav ul {
  list-style: none;
  /* text-align: justify; */
  padding-left: 0;
}

#nav li {
  display: inline-block;
  padding-right: 70px;
  text-align: -webkit-match-parent;
  text-transform: uppercase;
}

#nav a {
  color: #00998a;
  padding: 7px 10px 5px 10px;
  display: block;
  font-size: 19pt;
}

#nav li ul li {
  padding-right: 0px;
  margin-left: 10px;
}


#nav ul li {
  position: relative;
}

#nav ul li ul li {
  position: relative;
  clear: left;
  display: block;
}

#nav ul li ul li ul li {
  position: relative;
  clear: left;
}

#nav ul li ul li ul li ul li {
  position: relative;
  clear: left;
}

#nav ul li ul li:hover {
  background-color: #deeeec;
}

#nav ul li ul li ul li:hover {
  background-color: #deeeec;
}

#nav ul li ul li ul li ul li:hover {
  background-color: #deeeec;
}


#nav ul li a {
  float: left;
  padding-right: 15px;
}

#nav ul li a.maintext {
  padding-top: 7px;
  padding-bottom: 7px;
  padding-right: 15px;
}

#nav ul li ul li a.subtext {
  float: left;
  /*border-bottom: 1px solid #00998a;*/
  display: block;
  height: 36px;
  padding: 3px 5px 14px 5px;
  font-size: 17pt;
  text-transform: none;
  white-space: nowrap;
}

#nav ul li ul li ul li a.subtext {
  float: left;
  /*border-bottom: 1px solid #00998a;*/
  display: block;
  width: 210px;
  height: 17px;
  padding: 12px 5px 12px 5px;
}

#nav ul li ul li ul li ul li a.subtext {
  float: left;
  /*border-bottom: 1px solid #00998a;*/
  display: block;
  width: 210px;
  height: 17px;
  padding: 12px 5px 12px 5px;
}

#nav .subtext:hover {
  color: #000;
}

#nav ul li ul {
  position: absolute;
  z-index: 1000;
  left: 0;
  top: 45px;
  padding: 10px 21px 12px 10px;
  background: rgb(255, 255, 255);
  /*    
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(179,228,223,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(179,228,223,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(179,228,223,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b3e4df',GradientType=0 );
*/
}

#nav ul li ul li ul {
  position: absolute;
  z-index: 900;
  left: 265px;
  top: -10px;
  background-color: #f8fbfa;
  border-left: 1px solid #00998a;
}

#nav ul li ul li ul li ul {
  position: absolute;
  z-index: 800;
  left: 215px;
  top: -10px;
  background-color: #f8fbfa;
}

#nav ul li ul {
  overflow: visible !important;
}

/*.mainliclick                        { display: block; float: left; padding: 0 !important; width: 34px; height: 34px; background-image: url(/static/intranet/nav-btn-open-v.png); background-position: top left; background-repeat: no-repeat; } */
.mainliclick {
  width: 15px;
  height: 24px;
  padding-top: 5px !important;
}

.mainli:hover .mainliclick {
  padding-top: 0px !important;
}

.mainli:hover .arrow-down {
  border-top-color: transparent;
  border-bottom-color: #00998a;
}

.sub1liclick {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 34px;
  height: 34px;
  text-align: right;
}

.sub1li:hover .sub1liclick {
  right: 6px;
}

.sub1li:hover .arrow-right {
  margin-right: 10px;
  border-left-color: transparent;
  border-right-color: #00998a;
}

.sub2liclick {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 34px;
  height: 34px;
  text-align: right;
}

.sub2li:hover .sub2liclick {
  right: 6px;
}

.sub2li:hover .arrow-right {
  margin-right: 10px;
  border-left-color: transparent;
  border-right-color: #00998a;
}

/*.sub1liclick                        { position: absolute; top: 5px; right: 5px;  display: block; float: left; width: 34px; height: 34px; background-image: url(/static/intranet/nav-btn-open-h.png); background-position: top left; background-repeat: no-repeat; }
.sub2liclick                        { position: absolute; top: 5px; right: 5px;  display: block; float: left; width: 34px; height: 34px; background-image: url(/static/intranet/nav-btn-open-h.png); background-position: top left; background-repeat: no-repeat; }*/

.arrow-down {
  border: 6px solid #00998a;
  font-size: 0;
  line-height: 0;
  height: 0;
  padding: 0;
  margin: 0;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
}

.arrow-left {
  border: 6px solid #00998a;
  font-size: 0;
  line-height: 0;
  height: 0;
  padding-right: 10px;
  margin: 0;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
}

.arrow-right {
  border: 6px solid #00998a;
  font-size: 0;
  line-height: 0;
  height: 0;
  padding-right: 10px;
  margin: 0;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-top-color: transparent;
}




.submenuleft {
  left: -215px !important;
}

.last-sub1lia {
  border-bottom: none !important;
}

.last-sub2lia {
  border-bottom: none !important;
}

/* Icons wechseln */
/*
.mainli:hover .mainliclick          { background-image: url(/static/intranet/nav-btn-close-v.png); }
.sub1li:hover .sub1liclick          { background-image: url(/static/intranet/nav-btn-close-h.png); }
.sub2li:hover .sub2liclick          { background-image: url(/static/intranet/nav-btn-close-h.png); }
*/

/* Mobile Navigation */
#mobile-head {
  display: none;
  height: 30px;
  width: 100%;
  position: fixed;
  background-color: #FFFFFF;
  border-bottom: 1px solid #00998a;
  top: 0;
  left: 0;
  z-index: 10;
  padding: 5px 0;
}

#mobile-head-inner {
  display: table-row;
}

#mobile-menu-button {
  display: table-cell;
  width: 75px;
  vertical-align: top;
  padding-left: 5px;
  font-size: 15pt;
}

#mobile-menuLabel img {
  display: block;
  max-width: 250px;
  width: 100%;
}

#mobile-head-logo {
  display: table-cell;
}

#mobile-head-logo div {
  margin: 0 auto;
  padding-top: 2px;
}

#mobile-head-logo div img {
  display: block;
  margin: 0 auto;
}

#logom {
  float: right;
  padding: 0 20px 0 0px;
}

#claimm {
  float: right;
  padding: 10px 10px 0 0;
}

#mobile-head-right {
  display: table-cell;
  width: 75px;
}

#open-menu {
  padding: 3px 0 0 7px;
  cursor: pointer;
}

#menu-lines {
  width: 20px;
  float: left;
  padding-top: 4px;
}

.menu-line {
  width: 20px;
  height: 3px;
  background-color: #00998a;
  margin-bottom: 3px;
}

.menu-text {
  float: left;
  width: 40px;
  color: #00998a;
  padding-left: 7px;
  font-size: 14pt;
}

#mobile-navigation {
  display: none;
  height: 100vh;
  width: 100vw;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(109, 109, 109, 0.8);
  z-index: 2600;
}

#nav-content {
  width: 90vw;
  height: 100vh;
  background-color: #fff;
  padding-left: 5px;
  padding-right: 5px;
  overflow-y: auto;
}

#ios-menu-korrektur {
  width: 100%;
  height: 70px;
}

#mnav-head {
  position: relative;
  text-align: center;
  padding-top: 15px;
  color: #fff;
  font-size: 18pt;
  border-bottom: 2px solid #00998a;
  padding-bottom: 10px;
}

#nav-close {
  position: absolute;
  top: 12px;
  right: 10px;
  color: #515151;
  width: 25px;
  height: 25px;
  border-radius: 26px;
  background-color: #d3d3d3;
  border: 1px solid grey;
  font-weight: bold;
  padding-left: 1px;
  padding-top: 1px;
  font-family: Arial;
  cursor: pointer;
  font-size: 15pt;
}

#mnav-body {
  padding-top: 5px;
}

#mnav-body a {
  text-decoration: none;
  color: #00998a;
}

#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 #d3d3d3;
  display: block;
  font-size: 15pt;
}

#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;
}

.marrow {
  border: 6px solid #00998a;
  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: #00998a;
}

.show-sub-nav.isclicked {
  top: -2px;
  padding-top: 0;
  padding-bottom: 12px;
}

.mnavul1 {
  display: none;
}

.mnavul2 {
  display: none;
}

.mnavul3 {
  display: none;
}

#inhalt-wrap {
  max-width: 2000px;
  margin: 0 auto;
  padding: 171px 30px 0 30px;
}

#inhalt {
  padding-top: 50px;
}

#boxen {
  padding: 0 0 0 10px;
}

.boxwrap {
  float: left;
  width: 33%;
}

.infobox1 {
  float: left;
  width: 90%;
}

.infobox2 {
  margin: 0 auto;
  width: 90%;
}

.infobox3 {
  float: right;
  width: 90%;
}

.ib-box {
  width: 345px;
  height: 211px;
  margin-bottom: 22px;
  position: relative;
}

.ib-logo {
  position: relative;
  width: 345px;
  height: 211px;
  margin-bottom: 22px;
}

.ib-logo a {
  display: block;
}

.ib-logo img {
  display: block;
}

.ib-pic {
  position: relative;
  width: 100%;
  margin-bottom: 22px;
}

.ib-pic img {
  display: block;
  width: 100%;
}

.ib-titlel {
  position: absolute;
  color: #494949;
  font-weight: 500;
  width: 100%;
  text-align: center;
  padding: 5px 0;
  bottom: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.75);
}

.ib-b-green {
  border: 1px solid #a5c500;
}

.ib-b-d-green {
  border: 1px solid #00998a;
}

.ib-b-blue {
  border: 1px solid #5db4c8;
}

.ib-b-brown {
  border: 1px solid #cfa956;
}

.ib-b-gray {
  border: 1px solid #a2a0a0;
}

.ib-b-red {
  border: 1px solid #9e062a;
}

.ib-b-orange {
  border: 1px solid #e36c0a;
}

.ib-box-head {
  height: 27px;
  padding-top: 5px;
  text-align: center;
  font-size: 13pt;
}

.ib-h-green {
  background-color: #a5c500;
  color: #fff;
}

.ib-h-d-green {
  background-color: #00998a;
  color: #fff;
}

.ib-h-blue {
  background-color: #5db4c8;
  color: #fff;
}

.ib-h-brown {
  background-color: #cfa956;
  color: #fff;
}

.ib-h-gray {
  background-color: #a2a0a0;
  color: #fff;
}

.ib-h-red {
  background-color: #9e062a;
  color: #fff;
}

.ib-h-orange {
  background-color: #e36c0a;
  color: #fff;
}

.ib-box-content {
  padding: 15px 15px 10px 15px;
}

.ib-box-titel {
  font-size: 12pt;
}

.ib-t-green {
  color: #a5c500;
}

.ib-t-d-green {
  color: #00998a;
}

.ib-t-blue {
  color: #5db4c8;
}

.ib-t-brown {
  color: #cfa956;
}

.ib-t-gray {
  color: #a2a0a0;
}

.ib-t-red {
  color: #9e062a;
}

.ib-t-orange {
  color: #e36c0a;
}

.ib-box-text {
  font-size: 9pt;
  padding-top: 20px;
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}

.ib-box-more {
  position: absolute;
  right: 15px;
  bottom: 10px;
}

.ib-box-more a {
  display: block;
  text-align: center;
  width: 145px;
  font-size: 9pt;
  padding: 5px 0;
}

.ib-box-more a:hover {
  color: #fff;
}

#footer {
  background-color: #fff;
}

#footer-wrap {
  max-width: 2000px;
  margin: 0 auto;
  padding-right: 10px;
}

#footer-nav {
  padding: 11px 0 20px 0;
  height: 45px;
}

#footer-nav ul {
  list-style: none;
  text-align: justify;
}

#footer-nav li {
  display: inline-block;
  text-align: -webkit-match-parent;
  text-transform: uppercase;
}

#footer-nav a {
  color: #00998a;
  padding: 4px 10px 5px 10px;
  display: block;
  font-size: 14pt;
}

#copyright {
  padding: 7px 0 18px 0;
  text-align: center;
  color: #8e8880;
  font-size: 12pt;
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}

#footer-nav-mobile {
  text-align: center;
  padding: 15px 0 5px 0;
  font-size: 13pt;
  color: #8e8880;
}

#seitentitel {
  padding-bottom: 25px;
}

#seitentitel h1 {
  font-family: 'Abel';
}

h2 {
  font-family: 'Abel';
}

h3 {
  font-family: 'Abel';
}

#content p {
  padding-bottom: 20px;
}

#content ul {
  padding-left: 34px;
  overflow: auto;
}

#content ol {
  padding-left: 34px;
  overflow: auto;
}

.inh-abs-text {
  font-size: 14pt;
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  line-height: 1.5;
}

.inh-abs-text h2 {
  font-weight: normal;
  padding-bottom: 15px;
  font-size: 22pt;
  font-family: 'abel';
}

#content {
  padding: 0 15px 0 10px;
}

#content-produkte {
  padding: 0 15px 0 10px;
}

#content-inner {
  padding: 0 0 25px 0;
}

#content-inner-produkte {
  padding: 0 0 25px 0;
}

.content-left {
  float: left;
  width: 71%;
}

.content-left #content-inner {
  padding-right: 45px;
}

.content-left #content-inner-produkte {
  padding-right: 45px;
}



#infoboxen {
  float: right;
  width: 24%;
  min-height: 1px;
  padding-right: 20px;
}

#infoboxen-produkte {
  float: right;
  width: 24%;
  min-height: 1px;
  padding-right: 20px;
}

.content-infobox {}

.content-infobox .ib-box {
  width: 100%;
  height: auto;
  padding-bottom: 35px;
}

.content-infobox .ib-logo {
  width: 100%;
  height: auto;
}

.content-infobox .ib-logo img {
  width: 100%;
  max-width: 298px;
}

.content-infobox .ib-pic img {
  width: 100%;
  max-width: 298px;
}

/* Formulare */
#kontaktform {
  padding-top: 40px;
}

#kontakt {}

.form-feld {
  margin-bottom: 20px;
}

.feld-name {
  padding-bottom: 5px;
}

.feld-input {
  font-family: 'Open Sans', arial, helvetica, sans-serif;
}

.formlist label {
  display: block;
  padding-bottom: 5px;
  font-family: 'Open Sans', Arial, Helvetica, Sans-serif;
}

.formlist {
  list-style: none;
  padding: 0 !important;
  margin: 0;
}

.formlist li {
  float: left;
  width: 50%;
  margin-bottom: 20px;
}

.ffeld {
  width: 94%;
  padding: 6px;
  border: 1px solid #00998a;
  border-radius: 5px;
  font-family: 'Open Sans', Arial, Verdana, Sans-serif;
}

select.ffeld {
  width: 91.5%;
}

.smalllist li {
  width: 33.33%;
}

/* Infobox - Produkt Unternavigation */
.ib-dyn-border {
  /* border-style: solid; border-width: 1px; */
}

.ib-prod-unternavi {
  width: 100%;
  margin-bottom: 22px;
}

.prod-unternavi-logo img {
  width: 100%;
  display: block;
}

.prod-unternavi {
  font-size: 14pt;
}

.ib-prod-unternavi .ib-box-head {
  display: none;
}

/* Produkttabelle technische Daten */
.produkte {
  display: table;
  font-family: 'Open Sans', arial, helvetica, sans-serif;
  font-size: 11pt;
  margin-bottom: 35px;
  width: 100%;
}

.prod-head-full {
  display: table-row;
}

.prod-head-text {
  display: table-cell;
  padding: 0 10px 10px 10px;
  border-bottom-width: 3px;
  border-bottom-style: double;
}

.prod-head-text-value {
  text-align: center;
  font-size: 11pt;
}

.prod-row {
  display: table-row;
}

.prod-data {
  display: table-cell;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  padding: 3px 10px 3px 10px;
  position: relative;
}

.prod-data-value {
  text-align: center;
  /*padding-left: 0;*/
  vertical-align: middle;
}

.prod-data-titel {
  color: #fff;
  border-bottom-color: #fff !important;
  font-family: 'abel';
  font-size: 14pt;
  width: 275px;
}

.prod-data-titel-small {
  font-size: 12pt;
}

.prod-row-Titel-only {
  display: none;
  color: #fff;
  border-bottom-color: #fff;
  font-family: 'abel';
  font-size: 14pt;
  padding: 3px 10px 3px 5px;
}

.prod-row-Titel-only-text {
  width: 90vw;
  position: relative;
  padding: 3px 10px 3px 5px;
  box-sizing: border-box;
}

.prod-head-small {
  display: none;
}

.row-spacer {
  height: 30px;
  display: none;
}

.prod-titel-mobile {
  display: none;
}

.prod-mobile-clear {
  display: none;
}

.prod-table-prod-color {
  position: absolute;
  left: 0;
  top: 0;
  width: 5px;
  height: 100%;
}

#produkt-bilder {}

.prod-bild-box {
  border-style: solid;
  border-width: 1px;
  width: 28%;
  float: left;
  margin-right: 30px;
  margin-bottom: 30px;
}

.prod-bild-img {
  width: 100%;
}

.prod-bild-img img {
  width: 100%;
  display: block;
}

.prod-bild-titel {
  text-align: center;
  padding: 5px 0;
  font-family: 'abel';
  font-size: 14pt;
  color: #fff;
}

#prod-description {
  padding-top: 30px;
  clear: both;
}

/* Anpassung 2023 */
.prod-table-chevron {
  padding-top: 0px;
}

.prod-table-btn {
  font-size: 16pt;
  white-space: nowrap;
}

.prod-data-titel {
  color: #000;
  border-bottom-color: #000 !important;
}

.prod-data {
  padding: 3px 10px 3px 1px;
}

.prod-data-titel-small {
  font-size: 14pt;
}

.produkte {
  font-size: 12pt;
  margin-bottom: 90px;
}

.prod-head-text {
  font-weight: 600;
}

.prod-head-text-value {
  font-size: 12pt;
  font-weight: normal;
}

.small-box .ib-titlel {
  hyphens: auto;
}


/* Bildergalerie */
.btl {
  -moz-border-radius-topleft: 10px;
  -webkit-border-top-left-radius: 10px;
  border-top-left-radius: 10px;
}

.btr {
  -moz-border-radius-topright: 10px;
  -webkit-border-top-right-radius: 10px;
  border-top-right-radius: 10px;
}

.bbl {
  -moz-border-radius-bottomleft: 10px;
  -webkit-border-bottom-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.bbr {
  -moz-border-radius-bottomright: 10px;
  -webkit-border-bottom-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

#start-bilder {
  position: relative;
  margin-bottom: 45px;
}

#start-bilder img {
  width: 100%;
  border: 0;
  display: block;
}

/* Slider */
#slider-info {
  position: absolute;
  bottom: 0px;
  right: 0px;
  max-width: 440px;
}

.slider-titel {
  background-color: #232323;
  padding: 10px;
  margin-top: 10px;
  font-size: 18pt;
  color: #fff;
}

.slider-teaser {
  background-color: rgba(255, 255, 255, 0.85);
  padding: 10px;
  color: #494949;
  margin-top: 20px;
  margin-left: 10px;
  font-family: 'Open Sans', arial, helvetica, sans-serif;
  font-size: 15pt;
}

.sl-tea-titel {
  font-weight: 500;
  padding-bottom: 15px;
  display: block;
}

#pagination {
  position: absolute;
  bottom: 0px;
  background-color: rgba(255, 255, 255, 0.85);
  padding: 10px 2px 10px 10px;
  border-top-right-radius: 10px;
}

#pagination ul {
  list-style: none;
  padding: 0;
}

#pagination ul li {
  float: left;
  width: 30px;
}

.pag-punkt {
  width: 15px;
  height: 15px;
  border-radius: 15px;
  background-color: rgba(0, 153, 138, 0.3);
  cursor: pointer;
  border: 2px solid rgba(0, 0, 0, 1);
}

.akt-pag {
  background-color: rgba(255, 255, 255, 1);
}


/* Intern */
#intranetlogin {
  padding: 10px 0 30px 0;
}

#login-box {
  border-style: solid;
  border-width: 1px;
  border-radius: 0.375rem;
  width: 400px;
  padding: 50px 20px;
  margin: 0 auto;
}

#login-benutzer {}

#login-passwort {}

#login-send {
  padding-top: 30px;
}

#login-ready {
  padding: 50px 0;
}

.logFrmTitel {
  float: left;
  padding-right: 20px;
  width: 150px;
  font-size: 11pt;
  padding-top: 5px;
}

.logFrmFeld {
  float: left;
}

.logFrmFeld input {
  padding: 5px 10px;
  border-style: solid;
  border-width: 1px;
}

.arrow {
  font-size: 21pt;
  cursor: pointer;
  padding: 0 15px;
}

.arrow-gray {
  color: #aaa;
}

.arrow-fe {
  font-size: 22pt;
  padding: 0 15px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #00998a;
}

.arrow-fe-gray {
  color: #aaa;
}

.arrow-fe.pnleft {
  padding: 1px 15px 0 12px;
}

.arrow-fe.pnright {
  padding: 1px 12px 0 15px;
}

a span.arrow-fe {
  color: #fff;
}

.int-zert-new {
  float: left;
  display: block;
}

.int-zert-new-plus {
  float: left;
  display: block;
  padding-right: 15px;
  font-size: 15pt;
  padding-bottom: 15px;
}

#ps-feld input {
  width: 168px;
  border-style: solid;
  border-width: 1px;
  padding: 5px 10px;
}

.zert-opt-pdf {
  float: left;
  font-size: 16pt;
  padding: 5px 30px 5px 0;
}

.zert-opt-del {
  float: left;
  font-size: 16pt;
  padding: 5px 0;
}

/* Analysezertifikate */
#analyse {
  padding: 10px 0 30px 0;
  font-family: 'Open Sans', arial, helvetica, sans-serif;
}

#anze-box {
  border-style: solid;
  border-width: 1px;
  border-radius: 0.375rem;
  width: 460px;
  padding: 25px 20px;
  margin: 0 auto;
}

.batrenner {
  flex: 0 0 30px;
  text-align: center;
}

#anze-send {
  padding-top: 30px;
}

.anzeFrmTitel {
  /* float: left; padding-right: 20px; width: 150px; font-size: 11pt; padding-top: 5px; */
}

.anzeFrmFeld {
  /* float: left; */
}

.anzeFrmFeld input {
  /* padding: 5px 10px; border-style: solid; border-width: 1px; */
  text-align: center;
}

#analyse-error {
  padding-top: 20px;
  display: none;
}

#anaerr p {
  padding: 0;
  margin: 0;
}

#zertifikate {
  width: 460px;
  margin: 0 auto;
}

#zertifikate fieldset {
  padding: 12px;
  margin-bottom: 30px;
  border: 1px solid #00998a;
  border-radius: 0.375rem;
}

#zertifikate fieldset legend {
  padding: 0 10px;
  font-size: 14pt;
}

#zertifikate fieldset div {
  float: left;
  width: 50%;
}

#zertifikate fieldset div a {
  display: block;
  width: 150px;
  margin: 0 auto;
  padding: 15px;
  color: #fff;
  text-align: center;
  font-family: 'Open Sans', arial, helvetica, sans-serif;
  font-size: 11pt;
}

/* Nachrichten */
.news-vs-bild {
  display: block;
  width: 100px;
  height: 100px;
  background-size: cover;
  float: left;
  margin-right: 29px;
}

#news-details {
  font-family: 'Open Sans', arial, helvetica, sans-serif;
  font-size: 11pt;
  padding-bottom: 40px;
}

#news-details ul,
ol {
  padding-left: 21px;
}

#news-details p {
  padding-bottom: 17px;
}

.nd-titel {
  padding: 5px;
  color: #fff;
  font-family: abel;
  font-size: 14pt;
}

.ndt-datum {
  display: inline-block;
  width: 100px;
}

.ndt-titel {
  display: inline-block;
}

.nd-text {
  padding: 30px 20px 30px 105px;
}

.nd-bild {
  padding-left: 105px;
  padding-right: 30px;
}

.ndb-bild {}

.ndb-bild img {
  display: block;
  max-width: 100%;
}

.ndb-text {
  padding: 5px 0 0 5px;
  display: inline-block;
}

.nd-back {}

.nd-back a {
  color: #fff;
  padding: 5px;
  display: block;
}

.nc-green-titel {
  color: #a5c500 !important;
}

.nc-green-border {
  border-color: #a5c500 !important;
}

.nc-green-background {
  background-color: #a5c500 !important;
}

.nc-deurex-titel {
  color: #00998a !important;
}

.nc-deurex-border {
  border-color: #00998a !important;
}

.nc-deurex-background {
  background-color: #00998a !important;
}

.nc-brown-titel {
  color: #cfa956 !important;
}

.nc-brown-border {
  border-color: #cfa956 !important;
}

.nc-brown-background {
  background-color: #cfa956 !important;
}

.nc-blue-titel {
  color: #5db4c8 !important;
}

.nc-blue-border {
  border-color: #5db4c8 !important;
}

.nc-blue-background {
  background-color: #5db4c8 !important;
}

.nc-gray-titel {
  color: #A2A0A0 !important;
}

.nc-gray-border {
  border-color: #A2A0A0 !important;
}

.nc-gray-background {
  background-color: #A2A0A0 !important;
}

.nc-red-titel {
  color: #9e062a !important;
}

.nc-red-border {
  border-color: #9e062a !important;
}

.nc-red-background {
  background-color: #9e062a !important;
}

.nc-orange-titel {
  color: #e36c0a !important;
}

.nc-orange-border {
  border-color: #e36c0a !important;
}

.nc-orange-background {
  background-color: #e36c0a !important;
}




/* Produktsuche */
#produkt-suche {
  float: left;
  width: 27%;
}

#produkt-suche-inner {}

.prod-suche-area {
  margin-bottom: 20px;
}

.prod-suche-area.small {
  margin-bottom: 8px;
}

.prod-suche-area label {
  display: block;
  padding-bottom: 3px;
}

.prod-suche-area input[type="text"],
.prod-suche-area select {
  width: 100%;
  padding: 6px;
  border: 1px solid #00998a;
  height: 29px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  box-sizing: border-box;
  font-family: 'Open Sans', Arial, Verdana, Sans-serif;
}

.prod-acc-head {
  border: 1px solid #00998a;
  cursor: pointer;
  background-color: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  position: relative;
}

.prod-acc-head-inner {
  padding: 4px 6px;
}

.prod-acc-head.accopen {
  border-bottom: 0;
  -webkit-border-radius: 5px;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius: 5px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  border-radius: 5px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}

.prod-acc-content {
  display: none;
  border: 1px solid #00998a;
  border-top: 0;
  background-color: #fff;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}

.prod-acc-content.accopen {
  display: block;
}

.prod-acc-content-inner {
  padding: 0 10px 10px 10px;
}

.checkbox {
  padding: 10px 0 0 0;
}

.checkbclick {
  display: inline-block;
  cursor: pointer;
}

.checkbhide {
  display: none;
}

.checkbox .fa-check-square {
  color: #00998a;
}

.sub-eigenschaft {
  padding-left: 25px;
}


#produkt-anzeige {
  float: left;
  width: 73%;
}

#produkt-anzeige-inner {
  padding-left: 35px;
}

#pagenav {
  margin-left: 0px;
  padding-bottom: 10px;
  padding-top: 6px;
  float: right;
  margin-right: 10px;
}

.prodlistval {
  display: block;
  font-family: 'abel';
  padding: 5px;
  width: 46%;
  margin: 0 20px 20px 0;
  float: left;
}

.plv-bild {
  float: left;
  margin-right: 20px;
  width: 75px;
  height: 75px;
  background-size: cover;
  display: block;
}

.plv-text {
  display: block;
}

.plv-titel {
  color: #fff;
  font-size: 14pt;
}

.plv-titel-small {
  color: #fff;
  font-size: 12pt;
}


#prod-det-technische-daten {
  padding-top: 30px;
}

#prod-det-anwendungen {
  padding-top: 45px;
}

.prod-det-anwendungen-left {
  float: left;
  width: 50%;
  box-sizing: border-box;
}

.prod-det-anwendungen-right {
  float: left;
  width: 50%;
  box-sizing: border-box;
}

.prod-det-anwendungen-titel {
  padding: 3px 5px;
  font-size: 14pt;
  color: #FFF;
  font-family: 'abel';
}

.prod-det-eigenschaften-titel {
  padding: 3px 5px;
  font-size: 14pt;
  color: #FFF;
  font-family: 'abel';
}

.prod-det-anwendungen-left .inner {
  margin-right: 20px;
}

#prod-det-anwendungen .tbl {
  width: 100%;
}

.tbl {
  display: table;
}

.tblrow {
  display: table-row;
}

.tblcell {
  display: table-cell;
}

.prod-feld {
  padding: 5px 8px 5px 0;
  border-bottom: 1px solid #d3d3d3;
  border-right: 1px solid #d3d3d3;
  ;
}

.prod-wert {
  padding: 5px 0 5px 8px;
  border-bottom: 1px solid #d3d3d3;
  text-align: center;
  width: 55px;
}

.prodTrenner {
  clear: both;
}


#wssuche {}

#wssuche td {
  padding: 4px 0;
  vertical-align: top;
}

#wssuche tr.data:hover td {
  background-color: rgba(255, 255, 255, 0.5);
}

#ws-suche-table {
  padding-top: 30px;
}

#ws-suche-table td {
  padding: 3px;
  margin-bottom: 10px;
  vertical-align: top;
}

.ws-eigenschaft {}

#ws-suche-table td.ws-produkt {
  padding-left: 15px;
}

.ws-produkt a {
  font-weight: bold;
}

.ws-trenner {
  width: 100%;
  height: 1px;
  background-color: #a2a0a0;
  margin: 3px 0;
}

#prod-det-merkliste {}

.mklist-btn {
  display: inline-block;
  color: #fff;
  cursor: pointer;
  padding: 5px 10px;
  font-size: 13pt;
  margin-top: 30px;
  background-color: #00998a;
}

.mklist-btn a {
  color: #fff;
}

.green-button {
  color: #fff;
  padding: 5px 10px;
  display: inline-block;
  background-color: #00998a;
  min-width: 142px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.green-button:hover {
  color: #fff;
}

.green-button a {
  color: #fff;
}

.mkl-list-btn {
  display: inline-block;
  color: #00998a;
  cursor: pointer;
}

#mkl-container {
  display: none;
}

.mkl-spacer {
  width: 100%;
  height: 20px;
}

.removemkl {
  color: #00998a;
  cursor: pointer;
}

.mkltable {
  width: 100%;
}

.mkltable td {
  padding: 3px 0;
  vertical-align: top;
}

.mkltable tr:hover td {
  background-color: rgba(210, 210, 210, 0.5);
}

#merkliste.ib-box {
  height: auto;
  max-width: 345px;
  width: 100%;
}

#mkl-pdf-link {
  padding-top: 15px;
  font-weight: bold;
}

#clear-mkl {
  color: #00998a;
  cursor: pointer;
}

#wssuche-left {
  float: left;
  width: 300px;
}

#wssuche-right {
  float: left;
  width: 300px;
}

#prod-suche-pdf {
  float: left;
}

#prod-suche-pdf a {
  display: inline-block;
  padding: 5px 10px;
  background-color: #00998a;
  color: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

#prod-suche-tbl-layout {
  float: right;
}

.prod-suche-table-head {
  text-align: right;
  height: 33px;
}

.change-style-button {
  cursor: pointer;
  display: inline-block;
  padding: 5px 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.change-style-button.aktiv {
  background-color: #00998a;
  color: #fff;
}

.prod-suche-block-head {
  text-align: right;
  margin-right: 26px;
}

.nav-trenner {
  width: 100%;
  height: 1px;
  padding: 0 0 5px 0 !important;
  margin: 0 !important;
  display: block !important;
}

.nav-trenner:hover {
  background-color: transparent !important;
}

.nav-trenner div {
  width: auto;
  height: 1px;
  background-color: #00998a;
  padding: 0;
  box-sizing: border-box;
  margin: 0 14px 0 14px;
}

#prod-suche-navi {
  float: left;
  padding-bottom: 8px;
}

#prod-suche-layout-changer {
  float: right;
  padding-top: 5px;
}

.prod-suche-kein-ergbenis {
  padding-top: 81px;
  text-align: center;
  font-size: 14pt;
}

.ui-loader {
  display: none !important;
}

a.prod-table-link {
  display: block;
  position: relative;
}

.prod-table-link-icon {
  display: block;
  position: absolute;
  right: -6px;
  top: 0px;
  font-size: 7pt;
}


.radiobox {
  padding: 10px 0 0 0;
}

.radioclick {
  display: inline-block;
  cursor: pointer;
}

.radioclick .fa-circle {
  color: #00998a;
}

.prod-acc-head-indicator {
  position: absolute;
  color: #00998a;
  font-size: 0;
  line-height: 0;
  height: 0;
  padding: 0;
  margin: 0;
  border: 6px solid #00998a;
}

.prod-acc-head-indicator.arrdown {
  top: 13px;
  right: 6px;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
}

.prod-acc-head-indicator.arrup {
  top: 6px;
  right: 6px;
  border-right-color: transparent;
  border-top-color: transparent;
  border-left-color: transparent;
}



/*#cookie-info                        { position: fixed; bottom: 10px; z-index: 10000; width: 100%; }
#cookie-info-content                { max-width: 625px; margin: 0 auto;  background-color: rgba(34, 34, 34, 0.9); color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-align: center; padding: 10px; }
#cookie-info-text                   { font-size: 10pt; }
#cookie-info-button									{  }
#cookie-info-button span            { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: inline-block; padding: 5px 10px; color: #fff; background-color: #00998a; margin-top: 10px; cursor: pointer; }
#cookie-info-spacer                 { height: 105px; width: 100%; background-color: #fff; }*/


#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-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: #fff;
}

#cookie-info-button {
  cursor: pointer;
}


#suche-info {
  padding-bottom: 50px;
}

#suche-info-text {}

#suche-info-text p:last-child {
  padding-bottom: 0;
}

#suche-info-button {
  text-align: center;
  padding-top: 10px;
}

#suche-info-button span {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: inline-block;
  padding: 5px 10px;
  color: #fff;
  background-color: #00998a;
  margin-top: 10px;
  cursor: pointer;
}


#homebutton {
  position: absolute;
  top: 24px;
  left: 65px;
  font-size: 24pt;
}

#merkliste-head {
  position: absolute;
  top: 24px;
  left: 120px;
}

#merkliste-head a {
  display: inline-block;
}

#mkhead-icon {
  font-size: 22pt;
  display: block;
  float: left;
}

#mkhead-anzahl {
  display: block;
  float: left;
  padding-left: 5px;
  padding-top: 10px;
}

#mkhead-clear {
  clear: both;
}

#merkliste-head-mobile {
  position: absolute;
  top: 12px;
  left: 100px;
}

#merkliste-head-mobile a {
  display: inline-block;
}

#mkhead-icon-mobile {
  font-size: 22pt;
  display: block;
  float: left;
}

#mkhead-anzahl-mobile {
  display: block;
  float: left;
  padding-left: 5px;
  padding-top: 10px;
  font-size: 12pt;
}

#mkhead-clear-mobile {
  clear: both;
}

#page-search {
  position: absolute;
  top: 26px;
  left: 186px;
}

#suche-lupe {
  float: left;
  cursor: pointer;
}

#suche-lupe div {
  font-size: 19pt;
  color: #00998a;
}

#suche-slider {
  float: left;
}

#suche-form {
  width: 0;
  overflow: hidden;
}

#suche-pfeil {
  width: 0;
  height: 0;
  margin-left: 9px;
  border: 7px solid #2a8914;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-right: 7px solid transparent;
  margin-top: 6px;
}

#search-tabelle {
  display: table;
  padding-top: 3px;
}

#suche-eingabe {
  display: table-cell;
  padding-left: 10px;
  padding-right: 3px;
  height: 23px;
  vertical-align: top;
}

#suche-form input {
  display: block;
  padding: 3px;
  width: 185px;
  height: 28px;
  box-sizing: border-box;
}

#suche-senden {
  width: 23px;
  height: 23px;
  border: 1px solid #2a8914;
  cursor: pointer;
  display: table-cell;
  vertical-align: top;
}

#websuche-head-mobile {
  position: absolute;
  left: 190px;
  top: 15px;
}



.prod-head-pdf {
  width: 34px;
}

#wa-infotext {
  padding: 0 0 25px 0;
  display: none;
  text-align: center;
}

.content-left #wa-infotext {
  padding-right: 45px;
}

#prod-det-back {
  float: left;
}

#prod-det-merkliste {
  float: right;
}

.mklist-btn {
  margin-top: 0;
}


.prod-alternativen-box {
  background-color: #e8e8e8;
  border-left: 2px solid #00998a;
  margin-bottom: 22px;
}

.prod-alternativen-box table {
  width: 100%;
}

.prod-alternativen-box td {
  vertical-align: top;
}

.prod-alternativen-box tr td:nth-child(1) {
  padding: 5px 0 5px 8px;
}

.prod-alternativen-box tr td:nth-child(2) {
  padding: 0;
  width: 10px;
}

.prod-alternativen-box tr td:nth-child(3) {
  padding: 5px 5px 5px 0;
  white-space: nowrap;
}


.info-pic-size {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #af0000;
  color: #fff;
  padding: 3px;
  font-size: 10pt;
  font-family: monospace;
  display: none;
}


.boxenliste {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  gap: 50px;
}

.boxenliste-titel {
  padding-bottom: 15px;
  padding-left: 10px;
}

.boxenliste-titel h2 {}

.small-box {
  flex: 0 0 15%;
  position: relative;
}

/*.small-box:nth-child(1){ padding-left: 10px; }
.small-box:nth-child(1n+5){ padding-left: 10px; }

.small-box:nth-child(5n){ padding-right: 10px; padding-left: 30px; position: relative; }
.small-box:nth-child(5n+1){ padding-left: 10px; padding-right: 30px; position: relative; }
*/

.small-box a {
  display: block;
}

.small-box a img {
  display: block;
  width: 100%;
  /*height: 128px;*/
  object-fit: cover;
}

.small-box .ib-titlel {
  /*display: none;*/
}

.small-box .ib-titlel {
  display: block;
  position: static;
  background: transparent;
}


#jumptoplink {
  position: fixed;
  max-width: 2120px;
  margin-left: 50%;
  width: 100%;
  bottom: 0;
  height: 1px;
  -moz-transform: translate(-50%, 0px);
  -webkit-transform: translate(-50%, 0px);
  -o-transform: translate(-50%, 0px);
  -ms-transform: translate(-50%, 0px);
  transform: translate(-50%, 0px);
}

#jumptoplink a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  width: 40px;
  text-align: center;
  background-color: #009d8a;
  position: absolute;
  top: -50px;
  right: 25px;
  border-radius: 100%;
  color: #fff;
}

#jumptoplink a i {
  padding-top: 8px;
  font-size: 22px;
}





#start-tbl {
  display: flex;
  padding: 35px 0 20px 0;
}

#start-tbl-left {
  box-sizing: border-box;
  padding-right: 50px;
  position: relative;
  flex-grow: 1;
}

#start-tbl-right {
  flex: 0 0 800px;
}


#start-produkte-tbl {
  display: table;
  width: 100%;
  height: 100%;
}

.start-produkte-row {
  display: table-row;
}

.start-produkt {
  display: table-cell;
  vertical-align: top;
  width: 50%;
  height: 50%;
  box-sizing: border-box;
  padding: 25px;
}

.start-produkt a {
  display: block;
  width: 100%;
  /*height: 100%;*/
  position: relative;
}

.start-produkt a img {
  display: block;
  width: 100%;
}

.start-produkt a span {
  position: absolute;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.85);
  color: #494949;
  display: block;
  width: 100%;
  padding: 5px;
  font-weight: 500;
  text-align: center;
  box-sizing: border-box;
}

.start-news {
  padding-bottom: 30px;
}

.start-news-titel {
  font-weight: 500;
  padding-bottom: 8px;
  font-size: 18pt;
}

/*
#start-news-more { position: absolute; bottom: 0; left: 0; }
#start-news-more a { display: inline-block; font-size: 12pt; background-color: #00998a; color: #fff; text-align: center; padding: 7px 10px 5px 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
*/


#dbsuche {}

#dbsuche-head {
  display: flex;
  gap: 50px;
}

#dbsuche-body {
  display: flex;
  gap: 50px;
}

.dbsuche-felder {
  flex: 0 0 375px;
}

.dbsuche-feld {
  flex: 0 0 33.33333%;
  overflow: hidden;
}

.dbsuche-feld .custom-select .ui-selectmenu-button.ui-button {
  width: auto;
  display: block;
}

.dbsuche-feld-abstand {
  margin-right: 25px;
  position: relative;
}

#dbsuche-direkt-suche-button {
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  background-color: #00998a;
  color: #fff;
  height: 100%;
  width: 35px;
  text-align: center;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

#dbsuche-direkt-suche-button i {
  padding-top: 10px;
}

.dbsuche-feld input[type="text"] {
  height: 35px;
  width: 100%;
  padding: 6px;
  border: 1px solid #00998a;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  box-sizing: border-box;
  font-family: Arial, Verdana, Sans-serif;
}

#dbsuche-buttons {
  flex-grow: 1;
}

.dbsuche-button {
  text-align: center;
  margin-right: 25px;
  display: inline-block;
}

.dbsuche-button div {
  margin-bottom: 10px;
}



.acc-box {
  padding-bottom: 15px;
}

.acc-box-head {
  background-color: #a2a0a0;
  height: 37px;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  font-size: 13pt;
}

.acc-box-head-tbl {
  display: table;
  padding: 7px 10px;
  width: 100%;
  box-sizing: border-box;
}

.acc-box-head-tr {
  display: table-row;
}

.acc-box-head-text {
  text-align: left;
  display: table-cell;
  vertical-align: middle;
}

.acc-box-head-icon {
  text-align: right;
  width: 22px;
  display: table-cell;
  vertical-align: middle;
}

.acc-box-content {
  padding: 15px 15px 10px 15px;
  border: 1px solid #a2a0a0;
  border-top: 0;
  display: none;
}

.acc-box-content ul {
  padding-left: 21px;
}


.ui-selectmenu-button span.ui-selectmenu-text {
  padding: 0;
}

.ui-selectmenu-button span.ui-icon {
  top: 33%;
}

.overflow-menu {
  max-height: 350px;
}


.ckc-background {
  background-color: #00998a !important;
}

.ckc-border {
  border-color: #00998a !important;
}

a.prod-table-link {
  color: #fff;
}


.suche-eigenschaften-button {
  margin-top: 26px;
  padding: 7px 10px 5px 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
  background-color: #eaeaea;
  display: inline-block;
  border: 1px solid #bdbdbd;
  color: #000;
}

.suche-eigenschaften-button:hover {
  color: #000;
}

.suche-eigenschaften-button-reset {
  margin-top: 26px;
  padding: 7px 10px 5px 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
  background-color: #eaeaea;
  display: inline-block;
  border: 1px solid #bdbdbd;
  color: #000;
}

.suche-eigenschaften-button-reset:hover {
  color: #000;
}

#prod-suche-eigenschaften {
  column-count: 3;
}

.eigen-checkb {
  width: 100%;
  display: inline-block;
}

/* .eigen-checkb { width: 33.33%; float: left; display: inline-block; } */


.checkb-label {
  display: inline-block;
  font-weight: normal !important;
  cursor: pointer;
}

.chb-checked .checkb-icon {
  color: #00998a;
}

.chb-diabled {
  color: #7d7d7d;
}

.custom-selbox-overlay {
  position: absolute;
  width: 100%;
  height: 38px;
  background-color: rgba(219, 237, 234, 0.6);
  z-index: 100;
  left: 0;
  bottom: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}


#dbsuche-eigenschaften-mobile {
  display: none;
}

#dbsuche-eigenschaften-auswahl-mobile {
  position: relative;
  height: 100%;
}

.eigen-checkb-fullsize {
  padding-bottom: 10px;
}

.eigen-checkb-fullsize:last-child {
  padding-bottom: 45px;
}

.eigen-checkb-fullsize .eigen-checkb {
  display: block;
  float: none;
  width: auto;
}

#dbsuche-eigenschaften-liste-mobile {
  position: relative;
  width: 100%;
  height: calc(100% - 35px);
  overflow-y: auto;
}

.fancy-btn-save {
  /*position: absolute; right: 0; bottom: 0;*/
  padding: 7px 10px 5px 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
  background-color: #00998a;
  border: 1px solid #bdbdbd;
  color: #fff;
  cursor: pointer;
  text-align: center;
}

.suche-eigenschaften-button-fancybox {
  display: table;
  margin-top: 26px;
  padding: 7px 10px 5px 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
  background-color: #eaeaea;
  border: 1px solid #bdbdbd;
  color: #000;
}

.suche-eigenschaften-button-fancybox:hover {
  color: #000;
}

#dbsuche-eamb-text {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

#dbsuche-eamb-icon {
  display: table-cell;
  vertical-align: middle;
}

#dbsuche-eigenschaften-anzahl-mobile {
  display: block;
  font-size: 80%;
}



.content-big-boxen {
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
}

.cbb {
  flex: 0 0 25%;
  box-sizing: border-box;
  padding-bottom: 25px;
  padding-top: 15px;
}

.cbb-bild {
  box-sizing: border-box;
  padding: 0 15px;
}

.cbb-bild img {
  display: block;
  width: 100%;
  object-fit: cover;
  object-position: center;
}

.cbb-button {
  padding-top: 25px;
  text-align: center;
}

.cbb-button a {
  padding: 7px 20px 5px 20px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
  background-color: #00998a;
  display: inline-block;
  border: 1px solid #bdbdbd;
  color: #fff;
}

.cbb-button a:hover {
  color: #fff;
}

#prod-det-dokumente {}

.pdd-dokument {
  float: left;
  width: 50%;
}

.pdd-dokument a {
  color: #00998a;
}

.pdd-dokument a span {
  display: block;
}

.pddd-icon {
  float: left;
  font-size: 20pt;
  padding-right: 9px;
}

.pddd-datei {
  float: left;
  padding-top: 6px;
  font-size: 14pt;
}

.clearboth {
  clear: both;
}

.pdd-dokument-tab {
  float: left;
}

.pdd-dokument-tab a {
  color: #00998a;
}

.pdd-dokument-tab a span {
  display: block;
}

.pddd-icon-tab {
  float: left;
  font-size: 20pt;
  padding-right: 9px;
  font-family: 'abel', 'Open Sans', arial;
}

.pddd-datei-tab {
  float: left;
  padding-top: 6px;
  font-size: 12pt;
  font-family: 'abel', 'Open Sans', arial;
}

.ptd-close {
  position: absolute;
  padding: 4px 4px 10px 10px;
  top: -24px;
  right: -27px;
  width: 29px;
  height: 22px;
  color: #00998a;
  font-size: 16pt;
  cursor: pointer;
}

.ptd-close i {
  background-color: #f7fbfa;
}

.pdm-pdf-link {
  cursor: pointer;
}

.prod-table-doku {
  display: none;
  position: absolute;
  top: 15px;
  left: -321px;
  height: 102px;
  width: 290px;
  background-color: #fff;
  padding: 10px;
  z-index: 500;
  border: 2px solid #00998a;
}

.pdt-rel {
  position: relative;
  overflow-y: auto;
  scroll-behavior: smooth;
  height: 102px;
}


.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;
}

#content .cookie-info-text p:last-child {
  padding-bottom: 0;
}

#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;
  padding-top: 10px;
}

#coi-infotext-mobile {
  display: none;
}

#coi-infotext-mobile p {
  margin-bottom: 0;
  padding-bottom: 0;
}

#coi-infotext p {
  margin-bottom: 0;
  padding-bottom: 0;
}

.coi-infolinks {
  padding: 10px 0 5px 0;
}

/*.coi-infolinks a, .coi-infolinks a:hover { color: #3f7b3b; }*/
#coi-form-tbl {
  display: table;
  width: 100%;
}

#coi-form {}

#coi-text-and-boxes {
  display: table-cell;
  vertical-align: middle;
}

#coi-form-trenner {
  display: table-cell;
  width: 25px;
}

#coi-form-buttons {
  display: table-cell;
  vertical-align: top;
  width: 175px;
  text-align: center;
}

#coi-form-buttons button {
  width: 100%;
}

#coi-form-buttons button.btn-dark {
  color: #fff;
}

#coi-form-buttons div {
  text-align: center;
  margin-top: 15px;
  font-size: 10pt;
  color: #888;
}

#cookie-opt-in label {
  display: inline-block;
}

#coi-cookies {
  display: flex;
  flex-wrap: wrap;
}

.coi-cookie {}

.coi-checkbox {
  padding-right: 20px;
}

#cookie-info-spacer {
  /*background-color: #7da7d8;*/
}

.iframe-daten-info {
  background-color: rgb(128 128 128 / 22%);
  color: #fff;
  padding: 50px 10px;
  text-align: center;
}

.idi-text {
  color: #3a3a3a;
}

.idi-text p {
  padding-bottom: 0;
  margin-bottom: 0;
}

.idi-form {
  padding-top: 20px;
}

@media screen and (max-width: 768px) {
  .coi-cookie {
    flex: 0 0 100%;
  }

  #coi-infolinks {
    font-size: 10pt;
  }

  #coi-form {
    padding-top: 10px;
  }

  #coi-infotext-mobile {
    display: block;
  }

  #coi-infotext {
    display: none;
  }

  #coi-center {
    padding-top: 0;
  }
}



.walt-cont {
  display: flex;
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  padding-top: 50px;
}

.waltform {
  flex: 0 0 50%;
}

.waltbild {
  padding-left: 100px;
  flex: 0 0 50%;
}

.waltbild img {
  width: 340px;
}



#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-infolinks a,
#coi-infolinks a:hover {
  color: #4fa034;
}

#coi-form {
  padding-top: 10px;
}

#coi-form button {
  border: 0;
  cursor: pointer;
  background-color: #009d8b;
  color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 6px 10px;
}

#coi-form button.btn-dark {
  background-color: #464646;
}

#cookie-opt-in label {
  display: inline-block;
}

#coi-cookies {
  display: flex;
  flex-wrap: wrap;
}

.coi-cookie {}

.coi-checkbox {
  padding-right: 20px;
}

.iframe-daten-info {
  background-color: rgb(128 128 128 / 22%);
  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: #67a8d6;
  color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  display: inline-block;
  padding: 6px 10px;
}


#coi-shor-tbl {
  display: table;
  width: 100%;
}

#coi-short-text {
  display: table-cell;
  vertical-align: top;
}

#coi-short-close {
  display: table-cell;
  vertical-align: top;
  text-align: right;
  width: 100px;
}

#coi-short-close div {
  padding: 6px 10px;
  background-color: #4fa034;
  display: inline-block;
  font-size: 10pt;
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  .coi-cookie {
    flex: 0 0 100%;
  }

  #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: #009d8b;
  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; }*/


/* neue Infoboxen aus Container */
.cib-haupttitel {
  font-size: 18pt;
  font-weight: 500;
}









:root {
  color-scheme: light;
  --accent: #bff35f;
  --accent-dark: #1f3500;
  --white: #fff;
  --radius: clamp(1rem, 2vw, 1.75rem);
  --shadow: 0 1.5rem 4rem rgba(12, 28, 22, .18);
}

.gallery {
  position: relative;
  width: 100%;
  overflow: hidden;
  /* border-radius: var(--radius); */
  background: #193125;
  /* box-shadow: var(--shadow); */
  isolation: isolate;
}

.gallery__viewport {
  overflow: hidden;
}

.gallery__track {
  display: flex;
  transform: translateX(0);
  transition: transform 650ms cubic-bezier(.22, 1, .36, 1);
  will-change: transform;
}

.gallery__slide {
  position: relative;
  flex: 0 0 100%;
  min-width: 0;
  min-height: clamp(30rem, 49vw, 47rem);
  overflow: hidden;
}

.gallery__image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 8s linear;
}

.gallery:not([data-paused="true"]) .gallery__slide[aria-hidden="false"] .gallery__image {
  transform: scale(1.035);
}

.gallery__shade {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(5, 15, 10, .38), transparent 42%),
    linear-gradient(0deg, rgba(5, 15, 10, .64), transparent 55%);
  pointer-events: none;
  display: none;
}

.gallery__content {
  position: absolute;
  z-index: 1;
  bottom: clamp(1.25rem, 4vw, 4rem);
  left: clamp(1.25rem, 4vw, 4rem);
  width: min(42rem, calc(100% - 11rem));
  border: 1px solid rgba(255, 255, 255, .22);
  border-radius: clamp(1rem, 1.5vw, 1.4rem);
  background: rgb(213 213 213 / 64%);
  padding: 20px;
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, .16);
  backdrop-filter: blur(16px) saturate(120%);
  -webkit-backdrop-filter: blur(16px) saturate(120%);
}

.gallery__eyebrow {
  margin: 0 0 .65rem;
  color: var(--accent);
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.gallery__title {
  max-width: 16ch;
  margin: 0;
  font-size: clamp(1.65rem, 3.5vw, 3.65rem);
  font-weight: 650;
  letter-spacing: -.04em;
  line-height: 1.02;
  text-wrap: balance;
}

.gallery__text {
  max-width: 44rem;
  margin: 1rem 0 0;
  color: rgba(255, 255, 255, .82);
  font-size: clamp(.95rem, 1.25vw, 1.1rem);
  line-height: 1.55;
}

.gallery__text p:last-child {
  margin-bottom: 0;
  padding-bottom: 0 !important;
}

.gallery__link {
  display: inline-flex;
  align-items: center;
  gap: .65rem;
  margin-top: 1.25rem;
  border-radius: 999px;
  background: var(--accent);
  color: var(--accent-dark);
  padding: .82rem 1rem;
  font-size: .95rem;
  font-weight: 750;
  line-height: 1.2;
  text-decoration: none;
  transition: background-color 180ms ease, transform 180ms ease;
}

.gallery__link:hover {
  background: #d0ff78;
  transform: translateY(-2px);
}

.gallery__link svg {
  flex: 0 0 auto;
  width: 1.15rem;
  height: 1.15rem;
  transition: transform 180ms ease;
}

.gallery__link:hover svg {
  transform: translateX(3px);
}

.gallery__controls {
  position: absolute;
  z-index: 3;
  right: clamp(1.25rem, 4vw, 4rem);
  bottom: clamp(1.25rem, 4vw, 4rem);
  display: flex;
  align-items: center;
  gap: .35rem;
  border: 1px solid rgba(255, 255, 255, .22);
  border-radius: 999px;
  background: rgba(9, 25, 17, .68);
  padding: .35rem;
  box-shadow: 0 .75rem 2rem rgba(0, 0, 0, .2);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

.gallery__counter {
  min-width: 4rem;
  padding-inline: .25rem;
  color: rgba(255, 255, 255, .75);
  font-size: .82rem;
  font-variant-numeric: tabular-nums;
  text-align: center;
}

.gallery__button {
  display: inline-grid;
  width: 2.7rem;
  height: 2.7rem;
  flex: 0 0 auto;
  place-items: center;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: var(--white);
  cursor: pointer;
  transition: background-color 180ms ease, color 180ms ease, transform 180ms ease;
}

.gallery__button:hover {
  background: rgba(255, 255, 255, .15);
}

.gallery__button:active {
  transform: scale(.92);
}

.gallery__button--toggle {
  background: var(--accent);
  color: var(--accent-dark);
}

.gallery__button--toggle:hover {
  background: #d0ff78;
}

.gallery__button svg {
  width: 1.2rem;
  height: 1.2rem;
}

.gallery__button .icon-play,
.gallery[data-paused="true"] .gallery__button .icon-pause {
  display: none;
}

.gallery[data-paused="true"] .gallery__button .icon-play {
  display: block;
}


@media (max-width: 46rem) {
  .gallery__slide {
    min-height: min(43rem, calc(100svh - 1.5rem));
  }

  .gallery__shade {
    background: linear-gradient(0deg, rgba(5, 15, 10, .82), transparent 70%);
  }

  .gallery__content {
    right: 1rem;
    bottom: 1rem;
    left: 1rem;
    width: auto;
    padding: 1.25rem;
    padding-top: 4.4rem;
  }

  .gallery__title {
    max-width: none;
  }

  .gallery__text {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }

  .gallery__controls {
    right: 2rem;
    bottom: auto;
    top: 1.85rem;
    transform: scale(.92);
    transform-origin: right top;
  }
}

@media (max-width: 29rem) {
  .gallery__slide {
    min-height: calc(100svh - 1rem);
  }

  .gallery__content {
    right: .75rem;
    bottom: .75rem;
    left: .75rem;
  }

  .gallery__controls {
    right: 1.5rem;
    top: 1.6rem;
  }

  .gallery__link {
    border-radius: .9rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}











@media screen and (max-width: 1900px) {
  #nav li {
    padding-right: 60px;
  }
}

@media screen and (max-width: 1800px) {
  #nav li {
    padding-right: 45px;
  }
  #nav-desktop ul > li > a {
    font-size: 17pt;
  }
}

@media screen and (max-width: 1700px) {
  #nav li {
    padding-right: 32px;
  }
  #nav-desktop ul > li > a {
    font-size: 16pt;
  }
  #nav-desktop ul > li.nav-item {
    padding-right: 55px;
  }
}

@media screen and (max-width: 1600px) {
  #nav a {
    font-size: 17pt;
  }
  #nav-desktop ul > li > a {
    font-size: 14pt;
  }
}

@media screen and (max-width: 1500px) {
  #nav a {
    font-size: 15pt;
  }
  #nav-desktop ul > li > a {
    font-size: 12pt;
  }
  #nav-desktop ul > li.nav-item {
    padding-right: 55px;
  }
}

@media screen and (max-width: 1400px) {
  #nav li {
    padding-right: 20px;
  }
}

@media screen and (max-width: 1300px) {
  #nav li {
    padding-right: 15px;
  }

  #nav a {
    font-size: 14pt;
  }
  #nav-desktop ul > li.nav-item {
    padding-right: 45px;
  }
}

@media screen and (max-width: 1200px) {
  #nav a {
    font-size: 12pt;
  }
  #nav-desktop ul > li.nav-item {
    padding-right: 30px;
  }
}

@media screen and (max-width: 1100px) {
  #nav li {
    padding-right: 0;
  }
  #nav-desktop ul > li.nav-item {
    padding-right: 25px;
  }
}





@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;
  }
}

@media screen and (max-width: 1450px) {
  #start-tbl-left {
    flex: 0 0 50%;
  }

  #start-tbl-right {
    flex: 0 0 50%;
  }
}

@media screen and (max-width: 1250px) {
  #start-tbl {
    flex-wrap: wrap;
  }

  #start-tbl-left {
    flex: 0 0 100%;
    order: 2;
    padding-right: 0;
    padding-top: 50px;
  }

  #start-tbl-right {
    flex: 0 0 100%;
    order: 1;
  }

  .prodlistval {
    width: 45%;
  }

  .small-box {
    flex: 0 0 25%;
  }

  .small-box:nth-child(5n) {
    padding-right: 20px;
    padding-left: 20px;
  }

  .small-box:nth-child(5n+1) {
    padding-left: 20px;
    padding-right: 20px;
  }

  .small-box:nth-child(4n) {
    padding-right: 10px;
    padding-left: 30px;
  }

  .small-box:nth-child(4n+1) {
    padding-left: 10px;
    padding-right: 30px;
  }
}


@media only screen and (max-width: 1139px) {

  /*#nav li                             { padding-right: 35px; }*/
  .boxwrap {
    width: 50%;
  }

  .infobox1 {
    margin: 0 auto;
    width: 347px;
    float: none;
  }

  .infobox2 {
    margin: 0 auto;
    width: 347px;
    float: none;
  }

  .infobox3 {
    margin: 0 auto;
    width: 347px;
    float: none;
  }

  .inhalts-box {
    width: 50%;
  }

  .inhalts-box:nth-child(3n+1) {
    clear: none;
  }

  .inhalts-box:nth-child(2n+1) {
    clear: both;
  }
}


@media only screen and (max-width: 1100px) {
  #footer-nav {
    display: none;
  }

  #inhalt-wrap {
    padding-right: 25px;
    padding-left: 10px;
  }
}


@media screen and (max-width: 1024px) {
  #mobile-head {
    display: table;
  }

  #head {
    display: none;
  }

  #inhalt-wrap {
    padding-top: 20px !important;
  }

  #lang {
    padding: 0px 0 0 15px;
  }

  .acc-box {
    max-width: 345px;
    margin: 0 auto;
  }


  .content-big-boxen {
    justify-content: center;
  }

  .cbb {
    flex: 0 0 50%;
  }


  .small-box {
    flex: 0 0 33.33333%;
  }

  .small-box:nth-child(5n) {
    padding-right: 20px;
    padding-left: 20px;
  }

  .small-box:nth-child(5n+1) {
    padding-left: 20px;
    padding-right: 20px;
  }

  .small-box:nth-child(3n) {
    padding-right: 10px;
    padding-left: 30px;
  }

  .small-box:nth-child(3n+1) {
    padding-left: 10px;
    padding-right: 30px;
  }

  .prod-alternativen-box {
    max-width: 345px;
    margin: 0 auto 22px auto;
  }

  #start-news-more {
    position: static;
  }

  .content-left #content-inner {
    padding-right: 0;
  }

  .content-left #content-inner-produkte {
    padding-right: 0;
  }

  .eigen-checkb {
    width: 50%;
  }

  .boxwrap {
    width: 50%;
  }

  .infobox1 {
    margin: 0 auto;
    width: 347px;
    float: none;
  }

  .infobox2 {
    margin: 0 auto;
    width: 347px;
    float: none;
  }

  .infobox3 {
    margin: 0 auto;
    width: 347px;
    float: none;
  }

  .inhalts-box {
    width: 50%;
  }

  .inhalts-box:nth-child(3n+1) {
    clear: none;
  }

  .inhalts-box:nth-child(2n+1) {
    clear: both;
  }

  .content-left {
    float: none;
    width: 95%;
  }

  #infoboxen {
    float: none;
    width: 95%;
    padding: 0 15px 0 10px;
  }

  #infoboxen-produkte {
    float: none;
    width: 95%;
    padding: 0 15px 0 10px;
  }

  .content-infobox .ib-box {
    width: 50%;
    margin: 0 auto 30px auto;
  }

  .ib-prod-unternavi {
    width: 100%;
    max-width: 345px;
    margin: 0 auto 30px auto;
  }

  #merkliste.ib-box {
    margin: 0 auto 30px auto;
  }

  .ib-pic {
    width: auto;
    display: inline-block;
  }

  .prod-bild-box {
    border-style: solid;
    border-width: 1px;
    width: 45%;
    float: left;
    margin-right: 30px;
    margin-bottom: 30px;
  }

  #produkt-suche {
    width: 42%;
  }

  #produkt-anzeige {
    width: 58%;
  }

  .prodlistval {
    width: auto;
    float: none;
  }

  .prod-suche-kein-ergbenis {
    padding-top: 30px;
  }

  #prod-suche-pdf {
    float: none;
    padding: 10px 0;
    text-align: center;
  }

  #prod-suche-tbl-layout {
    float: none;
  }

  .prod-suche-table-head {
    text-align: center;
  }

  #produkt-suche.prod-suche-tabelle {
    max-width: 300px;
    width: auto;
    float: none;
    margin: 0 auto;
  }

  #produkt-anzeige.prod-anz-tabelle {
    width: auto;
    float: none;
  }


  .arrow {
    padding: 0 12px;
  }

  .walt-cont {
    flex-direction: column;
    gap: 80px;
  }

  .waltbild {
    padding-left: 0;
  }

  .waltbild img {
    width: 100%;
    max-width: 340px;
    margin: 0 auto;
    display: block;
  }
}

@media screen and (max-width: 850px) {}

@media screen and (max-width: 764px) {
  #mobile-head {
    display: table;
  }

  #head {
    display: none;
  }

  #inhalt-wrap {
    padding-top: 20px;
  }

  #lang {
    padding: 0px 0 0 15px;
  }

  .acc-box {
    max-width: 345px;
    margin: 0 auto;
  }

  .cbb {
    flex: 0 0 100%;
  }

  .small-box {
    flex: 0 0 33.33333%;
  }

  .small-box:nth-child(5n) {
    padding-right: 20px;
    padding-left: 20px;
  }

  .small-box:nth-child(5n+1) {
    padding-left: 20px;
    padding-right: 20px;
  }

  .small-box:nth-child(3n) {
    padding-right: 10px;
    padding-left: 30px;
  }

  .small-box:nth-child(3n+1) {
    padding-left: 10px;
    padding-right: 30px;
  }

  .prod-alternativen-box {
    max-width: 345px;
    margin: 0 auto 22px auto;
  }

  #dbsuche-eigenschaften-mobile {
    display: block;
  }

  #start-tbl {
    flex-wrap: wrap;
  }

  #start-tbl-left {
    flex: 0 0 100%;
    order: 2;
    padding-right: 0;
    padding-top: 50px;
  }

  #start-tbl-right {
    flex: 0 0 100%;
    order: 1;
  }

  #start-news-more {
    position: static;
  }

  .content-left #content-inner {
    padding-right: 10px;
  }

  .content-left #content-inner-produkte {
    padding-right: 10px;
  }

  #dbsuche-eigenschaften-desktop {
    display: none;
  }

  #dbsuche-head {
    flex-wrap: wrap;
  }

  #dbsuche-body {
    flex-wrap: wrap;
    padding-top: 0;
  }

  #dbsuche-head .dbsuche-feld {
    order: 2;
    flex: 0 0 100%;
  }

  #dbsuche-buttons {
    order: 1;
    flex: 0 0 100%;
    padding-bottom: 28px;
  }

  #dbsuche-buttons:after {
    content: '';
    display: block;
    clear: both;
  }

  .dbsuche-feld {
    flex: 0 0 100%;
    padding-bottom: 20px;
  }

  .dbsuche-feld-abstand {
    margin-right: 0;
  }

  .dbsuche-button {
    margin-right: 0;
  }

  .dbsuche-button:first-child {
    float: left;
  }

  .dbsuche-button:last-child {
    float: right;
  }


  #boxen {
    padding: 0 20px 0 10px;
  }

  .boxwrap {
    width: 100%;
  }

  .infobox1 {
    margin: 0 auto;
    max-width: 298px;
    width: auto;
    float: none;
  }

  .infobox2 {
    margin: 0 auto;
    max-width: 298px;
    width: auto;
    float: none;
  }

  .infobox3 {
    margin: 0 auto;
    max-width: 298px;
    width: auto;
    float: none;
  }

  .inhalts-box {
    width: auto;
    float: none;
  }

  .inhalts-box:nth-child(3n+1) {
    clear: none;
  }

  .inhalts-box:nth-child(2n+1) {
    clear: none;
  }

  .ib-box {
    max-width: 345px;
    width: auto;
    height: auto;
  }

  .ib-logo {
    max-width: 345px;
    width: auto;
    height: auto;
  }

  .ib-logo img {
    width: 100%;
    display: block;
  }

  .ib-pic {
    max-width: 298px;
    width: auto;
    height: auto;
    text-align: center;
  }

  .ib-pic img {
    width: 100%;
    display: block;
  }

  .ib-logo a {
    text-align: center;
  }

  .ib-box-text {
    padding-bottom: 35px
  }

  .prod-data-value {
    padding-left: 0;
  }

  .ifb-uebersicht {
    height: auto;
  }

  #prod-suche-pdf {
    float: none;
    padding: 10px 0;
    text-align: center;
  }

  #prod-suche-tbl-layout {
    float: none;
  }

  .prod-suche-table-head {
    text-align: center;
  }

  .prod-suche-kein-ergbenis {
    padding-top: 30px;
  }

  #content {
    padding: 0;
  }

  #content-produkte {
    padding: 0;
  }

  .content-left {
    float: none;
    width: 100%;
  }

  #content-inner {
    padding: 0 15px 25px 10px;
  }

  #content-inner-produkte {
    padding: 0 15px 25px 10px;
  }

  #wa-infotext {
    padding: 0 15px 25px 10px;
  }

  #infoboxen {
    float: none;
    width: 100%;
    padding-right: 0;
  }

  #infoboxen-produkte {
    float: none;
    width: 100%;
    padding-right: 0;
  }

  #infoboxen-inner {
    padding: 0 20px 0 10px;
  }

  #infoboxen-inner-produkte {
    padding: 0 20px 0 10px;
  }

  #footer-nav {
    display: none;
  }

  #footer-nav-mobile {
    display: block;
    padding-top: 15px;
  }

  #copyright {
    padding: 10px 0 18px 0;
  }

  #wssuche-left {
    float: none;
    width: auto;
    max-width: 300px;
  }

  #wssuche-left select {
    box-sizing: border-box;
    width: 100%;
  }

  #wssuche-right {
    float: none;
    width: auto;
    max-width: 300px;
  }

  #wssuche-right input {
    box-sizing: border-box;
    width: 100%;
  }

  .formlist li {
    float: none;
    width: 100%;
    margin-bottom: 15px;
  }

  .ffeld {
    width: 97%;
  }

  select.ffeld {
    width: 99%;
  }

  #nachricht {
    width: 97%;
  }

  /* Bildergalerie */
  #slider-info {
    position: relative;
    bottom: auto;
    right: auto;
    max-width: 100%;
    margin-bottom: 20px;
  }

  .slider-teaser {
    margin: 0;
    -moz-border-radius-topleft: 0px;
    -webkit-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
  }

  /* Produkttabelle technische Daten */
  .prod-head-full {
    display: none;
  }

  .prod-row-Titel-only {
    display: block;
  }

  .prod-head-small {
    display: table-row;
  }

  .prod-head-text-value {
    font-size: 9pt;
  }

  .prod-data-titel {
    display: none;
    width: auto;
  }

  .row-spacer {
    display: block;
  }

  .content-infobox .ib-box {
    width: 50%;
    margin: 0 auto 30px auto;
  }

  .ib-prod-unternavi {
    width: 100%;
    max-width: 345px;
    margin: 0 auto 30px auto;
  }

  #merkliste.ib-box {
    margin: 0 auto 30px auto;
  }

  .prod-bild-box {
    border-style: solid;
    border-width: 1px;
    width: 42%;
    float: left;
    margin-right: 30px;
    margin-bottom: 30px;
  }

  #produkt-suche {
    max-width: 300px;
    width: auto;
    float: none;
    margin: 0 auto;
  }

  #produkt-anzeige {
    width: auto;
    float: none;
  }

  #produkt-anzeige-inner {
    padding: 0 10px;
  }

  .prodlistval {
    width: auto;
    float: none;
    margin: 0 0 20px 0;
  }

  #pagenav {
    float: none;
    margin: 0 auto;
    width: 200px;
  }

  #prod-det-anwendungen {
    padding-bottom: 25px;
  }

  .prod-det-anwendungen-left {
    float: none;
    width: auto;
  }

  .prod-det-anwendungen-right {
    float: none;
    width: auto;
  }

  .prod-det-anwendungen-left .inner {
    margin-right: 0;
  }

  .prodTrenner {
    clear: both;
    height: 40px;
  }

  #cookie-info-spacer {
    height: 145px;
  }

  .pdd-dokument {
    float: none;
    width: 100%;
  }

  .prod-table-doku {
    left: -203px;
  }

  .ptd-close {
    right: 78px;
  }

  .produkte {
    display: block;
  }

  .prod-head-small {
    display: none;
  }

  .prod-row-Titel-only {
    display: none;
  }

  .prod-row {
    display: block;
  }

  .prod-data {
    display: block;
  }

  .prod-data-value {
    text-align: left;
  }

  .prod-titel-mobile {
    display: block;
    float: left;
    width: 210px;
  }

  .prod-data-mobile {
    display: block;
    float: left;
  }

  .prod-mobile-clear {
    clear: left;
    display: block;
  }
}

@media only screen and (max-width: 650px) {
  .content-infobox .ib-box {
    width: 100%;
    margin: 0 auto 30px auto;
  }

  .nd-text {
    padding: 30px 20px 30px 20px;
  }

  .nd-bild {
    padding-left: 20px;
  }
}


@media only screen and (max-width: 630px) {
  .small-box {
    flex: 0 0 50%;
  }

  .small-box:nth-child(3n) {
    padding-right: 20px;
    padding-left: 20px;
  }

  .small-box:nth-child(3n+1) {
    padding-left: 20px;
    padding-right: 20px;
  }

  .small-box:nth-child(2n) {
    padding-right: 10px;
    padding-left: 30px;
  }

  .small-box:nth-child(2n+1) {
    padding-left: 10px;
    padding-right: 30px;
  }

  #inhalt-wrap {
    padding-left: 5px;
    padding-right: 20px;
  }
}


@media only screen and (max-width: 550px) {
  #start-produkte-tbl {
    display: block;
  }

  .start-produkte-row {
    display: block;
  }

  .start-produkt {
    display: block;
    width: auto;
    height: auto;
  }
}


@media only screen and (max-width: 530px) {
  .prod-bild-box {
    border-style: solid;
    border-width: 1px;
    width: 100%;
    float: none;
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 500px) {
  #anze-box {
    width: 100%;
    padding: 25px 0;
  }

  #anze-batchnr {
    text-align: center;
  }

  .anzeFrmTitel {
    float: none;
    width: auto;
  }

  .anzeFrmFeld {
    float: none;
  }

  .anzeFrmFeld input[type="text"] {
    width: 38%;
  }

  #zertifikate {
    width: auto;
  }

  #zertifikate fieldset div {
    float: none;
    width: 100%;
  }

  #zertifikate fieldset div a {
    width: auto;
    margin: 10px 0;
  }

  #anaerr {
    padding: 0 10px 10px 10px;
    font-size: 9pt;
  }

  #prod-suche-navi {
    float: none;
  }

  #prod-suche-layout-changer {
    float: none;
  }

  .prod-suche-block-head {
    padding-top: 10px;
    text-align: center;
    padding-left: 15px;
  }

  .prod-suche-table-head {
    padding-top: 10px;
    text-align: center;
  }

  #prod-det-back {
    float: unset;
  }

  #prod-det-merkliste {
    float: unset;
  }

  .mklist-btn {
    margin-top: 30px;
  }
}


@media only screen and (max-width: 465px) {
  .boxenliste {
    display: block;
  }

  .small-box {
    flex: 0 0 100%;
  }

  .small-box:nth-child(2n) {
    padding-right: 0;
    padding-left: 0;
  }

  .small-box:nth-child(2n+1) {
    padding-left: 0;
    padding-right: 0;
  }

  .small-box {
    padding: 0;
    margin-left: auto;
    margin-right: auto;
    max-width: 200px;
    width: 200px;
  }
}


@media only screen and (max-width: 450px) {
  .ib-prod-unternavi {
    width: 100%;
    margin: 0 auto 30px auto;
  }
}


@media only screen and (max-width: 400px) {
  .news-vs-bild {
    float: none;
    width: 100%;
    height: 50vw;
    background-size: contain;
    background-repeat: no-repeat;
  }

  .ifb-inhalt .news-vs-bild {
    float: none;
    width: 100%;
    height: 50vw;
    background-size: contain;
    background-repeat: no-repeat;
  }

  .ib-box-text p {
    padding-top: 15px;
  }
}


@media only screen and (max-width: 345px) {
  .content-box-titel-klein {
    padding-bottom: 0;
  }

  .content-box-text-bild {
    float: none;
    width: 100%;
    height: 50vw;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
  }
}








/* Anpassungen 2023 */
@media screen and (max-width: 1400px) {
  #dbsuche-head {
    gap: 4%;
  }

  #dbsuche-body {
    gap: 4%;
  }

  .dbsuche-felder {
    flex: 0 0 calc(33.33333% - 3%);
  }

  .prod-alternativen-box tr td:first-child {
    hyphens: auto;
  }
}

@media screen and (max-width: 1250px) {
  .small-box:nth-child(5n) {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .small-box:nth-child(5n+1) {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .small-box:nth-child(4n) {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .small-box:nth-child(4n+1) {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media screen and (max-width: 1200px) {
  .content-left {
    float: none;
    width: auto;
  }

  #infoboxen-produkte {
    float: none;
    width: auto;
    padding: 0 15px 0 10px;
  }

  .content-left #content-inner-produkte {
    padding-right: 5px;
  }

  #prod-suche-eigenschaften {
    column-count: 2;
  }

  #infoboxen {
    float: none;
    width: auto;
    max-width: 500px;
    margin: 0 auto;
  }
}

@media screen and (max-width: 1024px) {
  .small-box:nth-child(5n) {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .small-box:nth-child(5n+1) {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .small-box:nth-child(3n) {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .small-box:nth-child(3n+1) {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  #dbsuche-head {
    flex-direction: column;
    gap: 20px;
  }

  #dbsuche-body {
    flex-direction: column;
    gap: 20px;
  }

  .dbsuche-felder {
    flex: 0 0 100%;
  }

  .eigen-checkb {
    width: 100%;
  }
}

@media only screen and (max-width: 800px) {
  #prod-suche-eigenschaften {
    column-count: 1;
  }

  .prod-head-text-value,
  .produkte {
    font-size: 11pt;
  }

  .prod-data-titel-small {
    font-size: 12pt;
  }
}

@media only screen and (max-width: 630px) {
  .small-box:nth-child(3n) {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .small-box:nth-child(3n+1) {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .small-box:nth-child(2n) {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .small-box:nth-child(2n+1) {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}





#designbody {
  background: none;
  background-color: #fff;
  color: #000;
  font-size: 11pt;
}

#designbody ul,
ol {
  padding-left: 21px;
}

#designbody p {
  padding-bottom: 17px;
}

.mceContentBody {
  padding-top: 0px !important;
}