/* fira-code-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: 'Fira Code';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/fira-code-v21-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
       url('../fonts/fira-code-v21-latin-700.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}



/* fira-sans-300 - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/fira-sans-v16-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/fira-sans-v16-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/fira-sans-v16-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/fira-sans-v16-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/fira-sans-v16-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/fira-sans-v16-latin-300.svg#FiraSans') format('svg'); /* Legacy iOS */
}

/* fira-sans-300italic - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/fira-sans-v16-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/fira-sans-v16-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/fira-sans-v16-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/fira-sans-v16-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/fira-sans-v16-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/fira-sans-v16-latin-300italic.svg#FiraSans') format('svg'); /* Legacy iOS */
}

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

/* fira-sans-italic - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/fira-sans-v16-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/fira-sans-v16-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/fira-sans-v16-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/fira-sans-v16-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/fira-sans-v16-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/fira-sans-v16-latin-italic.svg#FiraSans') format('svg'); /* Legacy iOS */
}

/* fira-sans-500 - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/fira-sans-v16-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/fira-sans-v16-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/fira-sans-v16-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/fira-sans-v16-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/fira-sans-v16-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/fira-sans-v16-latin-500.svg#FiraSans') format('svg'); /* Legacy iOS */
}

/* fira-sans-600 - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/fira-sans-v16-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/fira-sans-v16-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/fira-sans-v16-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/fira-sans-v16-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/fira-sans-v16-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/fira-sans-v16-latin-600.svg#FiraSans') format('svg'); /* Legacy iOS */
}

/* fira-sans-500italic - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/fira-sans-v16-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/fira-sans-v16-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/fira-sans-v16-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/fira-sans-v16-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/fira-sans-v16-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/fira-sans-v16-latin-500italic.svg#FiraSans') format('svg'); /* Legacy iOS */
}

/* fira-sans-600italic - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/fira-sans-v16-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/fira-sans-v16-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/fira-sans-v16-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/fira-sans-v16-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/fira-sans-v16-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/fira-sans-v16-latin-600italic.svg#FiraSans') format('svg'); /* Legacy iOS */
}

/* fira-sans-700 - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/fira-sans-v16-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/fira-sans-v16-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/fira-sans-v16-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/fira-sans-v16-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/fira-sans-v16-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/fira-sans-v16-latin-700.svg#FiraSans') format('svg'); /* Legacy iOS */
}

/* fira-sans-700italic - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/fira-sans-v16-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/fira-sans-v16-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/fira-sans-v16-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/fira-sans-v16-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/fira-sans-v16-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/fira-sans-v16-latin-700italic.svg#FiraSans') format('svg'); /* Legacy iOS */
}

/* fira-sans-800 - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/fira-sans-v16-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/fira-sans-v16-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/fira-sans-v16-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/fira-sans-v16-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../fonts/fira-sans-v16-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/fira-sans-v16-latin-800.svg#FiraSans') format('svg'); /* Legacy iOS */
}

/* fira-sans-800italic - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 800;
  src: url('../fonts/fira-sans-v16-latin-800italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/fira-sans-v16-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/fira-sans-v16-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/fira-sans-v16-latin-800italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/fira-sans-v16-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/fira-sans-v16-latin-800italic.svg#FiraSans') format('svg'); /* Legacy iOS */
}


/* fira-sans-condensed-300 - latin */
@font-face {
  font-family: 'Fira Sans Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/fira-sans-condensed-v10-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/fira-sans-condensed-v10-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/fira-sans-condensed-v10-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/fira-sans-condensed-v10-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/fira-sans-condensed-v10-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/fira-sans-condensed-v10-latin-300.svg#FiraSansCondensed') format('svg'); /* Legacy iOS */
}

/* fira-sans-condensed-300italic - latin */
@font-face {
  font-family: 'Fira Sans Condensed';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/fira-sans-condensed-v10-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/fira-sans-condensed-v10-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/fira-sans-condensed-v10-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/fira-sans-condensed-v10-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/fira-sans-condensed-v10-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/fira-sans-condensed-v10-latin-300italic.svg#FiraSansCondensed') format('svg'); /* Legacy iOS */
}

/* fira-sans-condensed-regular - latin */
@font-face {
  font-family: 'Fira Sans Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/fira-sans-condensed-v10-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/fira-sans-condensed-v10-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/fira-sans-condensed-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/fira-sans-condensed-v10-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/fira-sans-condensed-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/fira-sans-condensed-v10-latin-regular.svg#FiraSansCondensed') format('svg'); /* Legacy iOS */
}

/* fira-sans-condensed-italic - latin */
@font-face {
  font-family: 'Fira Sans Condensed';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/fira-sans-condensed-v10-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/fira-sans-condensed-v10-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/fira-sans-condensed-v10-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/fira-sans-condensed-v10-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/fira-sans-condensed-v10-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/fira-sans-condensed-v10-latin-italic.svg#FiraSansCondensed') format('svg'); /* Legacy iOS */
}

/* fira-sans-condensed-500 - latin */
@font-face {
  font-family: 'Fira Sans Condensed';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/fira-sans-condensed-v10-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/fira-sans-condensed-v10-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/fira-sans-condensed-v10-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/fira-sans-condensed-v10-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/fira-sans-condensed-v10-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/fira-sans-condensed-v10-latin-500.svg#FiraSansCondensed') format('svg'); /* Legacy iOS */
}

/* fira-sans-condensed-500italic - latin */
@font-face {
  font-family: 'Fira Sans Condensed';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/fira-sans-condensed-v10-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/fira-sans-condensed-v10-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/fira-sans-condensed-v10-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/fira-sans-condensed-v10-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/fira-sans-condensed-v10-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/fira-sans-condensed-v10-latin-500italic.svg#FiraSansCondensed') format('svg'); /* Legacy iOS */
}

/* fira-sans-condensed-600 - latin */
@font-face {
  font-family: 'Fira Sans Condensed';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/fira-sans-condensed-v10-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/fira-sans-condensed-v10-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/fira-sans-condensed-v10-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/fira-sans-condensed-v10-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/fira-sans-condensed-v10-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/fira-sans-condensed-v10-latin-600.svg#FiraSansCondensed') format('svg'); /* Legacy iOS */
}

/* fira-sans-condensed-600italic - latin */
@font-face {
  font-family: 'Fira Sans Condensed';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/fira-sans-condensed-v10-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/fira-sans-condensed-v10-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/fira-sans-condensed-v10-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/fira-sans-condensed-v10-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/fira-sans-condensed-v10-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/fira-sans-condensed-v10-latin-600italic.svg#FiraSansCondensed') format('svg'); /* Legacy iOS */
}

/* fira-sans-condensed-700 - latin */
@font-face {
  font-family: 'Fira Sans Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/fira-sans-condensed-v10-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/fira-sans-condensed-v10-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/fira-sans-condensed-v10-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/fira-sans-condensed-v10-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/fira-sans-condensed-v10-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/fira-sans-condensed-v10-latin-700.svg#FiraSansCondensed') format('svg'); /* Legacy iOS */
}

/* fira-sans-condensed-700italic - latin */
@font-face {
  font-family: 'Fira Sans Condensed';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/fira-sans-condensed-v10-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/fira-sans-condensed-v10-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/fira-sans-condensed-v10-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/fira-sans-condensed-v10-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/fira-sans-condensed-v10-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/fira-sans-condensed-v10-latin-700italic.svg#FiraSansCondensed') format('svg'); /* Legacy iOS */
}

/* fira-sans-condensed-800 - latin */
@font-face {
  font-family: 'Fira Sans Condensed';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/fira-sans-condensed-v10-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/fira-sans-condensed-v10-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/fira-sans-condensed-v10-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/fira-sans-condensed-v10-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../fonts/fira-sans-condensed-v10-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/fira-sans-condensed-v10-latin-800.svg#FiraSansCondensed') format('svg'); /* Legacy iOS */
}

/* fira-sans-condensed-800italic - latin */
@font-face {
  font-family: 'Fira Sans Condensed';
  font-style: italic;
  font-weight: 800;
  src: url('../fonts/fira-sans-condensed-v10-latin-800italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/fira-sans-condensed-v10-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/fira-sans-condensed-v10-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/fira-sans-condensed-v10-latin-800italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/fira-sans-condensed-v10-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/fira-sans-condensed-v10-latin-800italic.svg#FiraSansCondensed') format('svg'); /* Legacy iOS */
}



/* basic definitions - START */
* {
  -webkit-text-size-adjust: none;
  font-family: 'Open Sans',sans-serif;
}

html, body,.siteholder {
  height: 100%;
}


#mobileindicator {
  font-size:10px;
}

.portraitoverlay {
  display: none;
}

  
.androidoverlay {
  display:none;
  background-color: #000000;
  width: 100%;
  height: 100%;
  z-index:1000001;
  top:0;
  left:0;
  text-align: center;
  padding:10vh 10vw;
  box-sizing:border-box;
  position: absolute;
}

.androidoverlay h2 {
    color:#ffffff;
    font-size: 2em;
    line-height: 1.5em;
}

html.oldandroid .androidoverlay {
  display:block;
}
html.oldandroid #mobilenav {
  display: none;
}
.clearer {
  clear:both;
}

#mobilenav {
  display: none;
}

body {
  margin: 0;
  padding:0;
  background-color: #190d0c;
  font-size: 100%;
}

.siteholder {
  width:100%;
  height: auto;
}

/* basic definitions - ENDE */


/* headarea - START */

#header {
  min-width: 1200px;
  min-height: 90px;
  height: 10vh;
  position: relative;
 /* overflow: hidden;*/
}


#logoblock {
  float: left;
  height: 10vh;
  min-height: 70px;
  width: 24%;
  /* margin-top: 1vh; */
  display: flex;
  align-items: center;
  min-height: 90px;
}

#logoblock_padder {
  float: left;
  width: 4vw;
  min-width: 45px;
  height: 41px;
}


#logopz {
  float: left;
  height: 8vh;
  min-height: 70px;
}

#logopz a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

#logopz .logo {
  height: 8vh;
  min-height: 70px;
}

#logopz .claim {
  height: 4.2vh;
  margin-left: 0.5vh;
  min-height: 30px;
}


#mainnavblock {
  float: right;
  height: 10vh;
  min-height: 90px;
  width: 75%;
  width: 93%;
  position: absolute;
  right: 0;
/*  z-index: 10;*/
}

#mainnavblock_padder {
  height: 40px;
  float: right;
  width:4vw;
  min-width: 45px;
}

#mainnav {
  float: right;
  height: 2.5em;
  position: relative;
  height: 100%;
  width: 80%;
}

#mainnav > ul {
  margin: 0;
  padding: 1em 0 0 0;
  height: 2.5em;
  position: absolute;
  bottom:2.5vh;
  right: 0;
  box-sizing:border-box;
  width: 100%;
  text-align: right;  
}

#mainnav > ul > li {
  display: inline-block;
  margin-right: 3.75vw;
  color: #ffffff;
  /*position: relative;*/
}


#mainnav > ul > li span.downarrow {
    width: 10vw;
    max-width: 149px;
    position: absolute;
    background: url(../images/svg/pfeil_hauptmenue.svg) center top no-repeat;
    background-size: contain;
    height: 1.5vh;
    top:0;
    z-index: 5000;
    display: none;
}

/*
,
#mainnav > ul > li:hover span.downarrow
*/
#mainnav > ul > li.active span.downarrow,
#mainnav > ul > li.masteractive span.downarrow {
  display: block;
}

#mainnav > ul > li span.downarrow.temphide,
#mainnav > ul > li.masteractivehide span.downarrow {
  display: none;
}





#mainnav > ul > li > a {
  color: #ddd;
  text-decoration: none;
  font-size: 1.375em;
-webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;  
}

#mainnav > ul > li > a {
  position: relative;
}

#mainnav > ul > li > a > span.new {
  position: absolute;
  background: url(../images/zf_hauptmenue_stoerer.png) 0 0 no-repeat;
  width: 25px;
  height: 25px;
  margin: -17px 0 0 97%;

}


#mainnav > ul > li > a.blur {
  -webkit-text-shadow: 0px 0px 3px #dddddd;
  -ms-text-shadow: 0px 0px 3px #dddddd;
  text-shadow: 0px 0px 3px #dddddd;
  color:rgba(255,255,255,0.3);
  color:#877770;  
  color:#888;  
}

#mainnav > ul > li > a:hover,
#mainnav > ul > li > a.active,
#mainnav > ul > li.masteractive > a {
  text-shadow: none;
  color:#fff;
}


/* headarea - ENDE */



/* footer - START */

#footer {
  min-width: 1200px;
  margin: 0 auto;
  height: 5vh;
  min-height: 45px;
  overflow:hidden;
  position: relative;
}

#footer_padder {
  height: 1vh;
  min-height: 10px;
}

#footercontent {
  float: left;
  width: 50%;
  position: relative;
}

#footercontent_padder {
  width:2vw;
  min-width: 20px;
  height: 10px;
  float: left;
}
#footercontent p {
  margin: 0 0 0 11px;
  padding: 0;
  color: #fff;
  font-size: 0.8125em;
}

#footercontent p a {
  color:#fff;
  text-decoration: none;
}

#brandcontent {
  clear:both;
  overflow: hidden;
  /*min-width: 1216px;*/
  font-size: 0.8125em;
  position: absolute;
  bottom:0;
  width: 100%;
}

#brandcontent h5 {
  color:#fff;
  text-align: center;
  font-weight: normal;
  margin:-1em 50% 0.3em 50%;
  padding:0;
  display: inline-block;
  cursor: pointer;
  color:transparent;
  background: url(../images/logo_sec.png) center center no-repeat;
  background-size: contain;
}

#brandcontent p {
  margin: 0 0 0 1.5em;
  padding: 0;
  color: #ffffff;
  text-align: center;
  display: none;
}

#brandcontent.hover {
  width: 100%;
  background-color: #fff;
  left:0;
  padding-top:0.5em;
  height: 100%;
  box-sizing:border-box;
}

#brandcontent.hover p {
  display: block;
  color: #190d0c;
  font-size:0.875em;
}

#brandcontent.hover p a {
  color: inherit;
  text-decoration: none;
}

#brandcontent.hover h5 {
  color: #000000;
  display: block;
  margin:0 0 0.3em 0;
  height: 0.5vw;
  cursor: inherit;
  color:transparent;
  background: url(../images/sec_braun.svg) center center no-repeat;
  background-size: contain;  
}



#footernav {
  float: right;
  width: 50%;
  text-align: right;
}


#footernav_padder {
  width:2vw;
  min-width: 20px;
  height: 10px;
  float: right;
}

#footernav ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  line-height: 10px;
}

#footernav ul li {
    display: inline;
    font-size: 0.8125em;
    color: #fff;
    margin-left: 10px;
    vertical-align: middle;
    line-height: 20px;
}

#footernav ul li a {
  color: #fff;
  text-decoration: none;
  vertical-align: middle;
}

#footernav ul li span.divider {
  margin-right: 10px;
}

#footernav ul li a.footer-icon-facebook {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../images/svgicons/icon_facebook_weiss.svg) center center no-repeat;
  background-size: contain;
}

#footernav ul li a.footer-icon-instagram {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../images/svgicons/icon_instagram_weiss.svg) center center no-repeat;
  background-size: contain;
}

#footernav ul li a.footer-icon-pinterest {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../images/svgicons/icon_pinterest_weiss.svg) center center no-repeat;
  background-size: contain;
}

#footernav ul li a.footer-icon-linkedin {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../images/svgicons/icon_linkedin.svg) center center no-repeat;
  background-size: contain;
}

/* footer - ENDE */



/* mainarea - START */

#mainarea {
  width: 100%;
  clear: both;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
  height: 1px;
  height: -webkit-calc(100% - 10vh - 5vh);
  height: -moz-calc(100% - 10vh - 5vh);
  height: calc(100% - 10vh - 5vh);
  box-sizing:border-box;
  min-width: 1200px;
  overflow:hidden;
  position: relative;
}


#leftcontent {
  width:66%;
/*  background-color: #000000;*/
  float: left;
  height: 100%;
}
#leftcontent_padder {
  height: 100%;
  overflow: hidden;
  box-sizing:border-box;
}

.siteholder_basetemplatewhite #leftcontent,
.siteholder_basetemplatemainstone #leftcontent {
  background-color: #bac4de;
}

.siteholder_basetemplatewhite #leftcontent_padder,
.siteholder_basetemplatemainstone #leftcontent_padder {
  height: 100%;
  overflow-y: auto;
  padding:2vw;
}

#maincontent {
  width:34%;
/*  background-color: #e5e5e5;*/
  margin-left:66%;
  overflow-y: auto;
/*  border-left:2px solid #d9d9d9;*/
  box-sizing:border-box;
  height: 100%;
}

.siteholder_basetemplatewhite #maincontent {
    background-color: #a1b0d1;
    border-left: 2px solid #dee3ef;
}

.siteholder_basetemplatemainstone #maincontent {
    border-left: 2px solid #dee3ef;
}

.slick-slide img {
  width: 100%;
}


#maincontent_padder {
  padding:3.5vh 3.5vw;
  height: 100%;
  box-sizing:border-box;
}


.siteholder_startseite #maincontent {
  width:100%%;
  margin-left:0;
  border-left:0;
}

.siteholder_startseite #maincontent_padder {
  padding:0;
  overflow-y:hidden;
  height: 100%;
}




#maincontent h2 {
    margin: 0 0 1em 0;
    padding: 0;
    font-weight: 800;
    font-size: 3.1875em;
    line-height: 1.32em;
    color: #fff;
    text-shadow: 0px 15px 5px rgba(25,13,12,1);
}

#maincontent h3 {
  margin:0 0 1em 0;
  padding:0;
  font-weight: 400;
  font-size:1.125em;
  line-height: 1.666666em;
  color:#fff;
  font-weight:800; 
  text-shadow:0px 15px 5px rgba(25,13,12,1);  
}

#maincontent p {
    margin: 0 0 1em 0;
    padding: 0;
    color: #fff;
    font-weight: 400;
    font-size: 1.3125em;
    line-height: 1.666em;
    text-shadow: 0px 7px 5px rgba(25,13,12,1);
}


#maincontent p a {
  font-weight: bold;
  color:#fff;
}


#maincontent p strong,
#maincontent p b {
  font-weight: bold;
}

.siteholder_basetemplatewhite #maincontent h2,
.siteholder_basetemplatewhite #maincontent h3,
.siteholder_basetemplatewhite #maincontent p,
.siteholder_basetemplatewhite #maincontent p a {
  color:#190d0c;
  text-shadow:none;
}

#maincontent p.zitat {
  font-style:italic; 
}
#maincontent p.medium {
  font-weight:600; 
}
#maincontent p.marginal {
  font-size: 0.8125em;
}

#maincontent p a.pdflink {
  background:url(../images/pdf-icon.svg) 0 0 no-repeat;
  background-size:contain;
  padding-left:2em;
}

#maincontent p a.pdflinkweiss {
  background:url(../images/pdf-icon-weiss.svg) 0 0 no-repeat;
  background-size:contain;
  padding-left:2em;
}

#maincontent ul {
  margin:0 0 1em 1.5em;
  padding:0;
}


#maincontent ul li {
  padding: 0;
  color: #fff;
  font-size: 1.3125em;
  line-height: 1.666em;
  text-shadow: 0px 7px 5px rgba(25,13,12,1);
}

#maincontent ul li a {
  font-weight: bold;
  color:#000;
}


#maincontent ol {
  margin:0 0 1em 2em;
  padding:0;
}


#maincontent ol li {
  padding:0;
  color: #000;
  font-weight: 400;
  font-size: 1.125em;
  line-height: 1.6666em;
}


#maincontent ol li a {
  font-weight: bold;
  color:#000;
}

.siteholder_basetemplatewhite h2
.siteholder_basetemplatemainstone h2 {
  color:#190d0c;
}


.siteholder_basetemplatewhite h2,
.siteholder_basetemplatemainstone h2 {
  margin:0 0 0.5em 0;
  padding:0;
  font-weight: 400;
  font-size:2.625em;
  line-height: 1.42em;
  color:#190d0c;
}

.siteholder_basetemplatewhite h3,
.siteholder_basetemplatemainstone h3 {
  margin:0 0 0.5em 0;
  padding:0;
  font-weight: 400;
  font-size:1.125em;
  line-height: 1.666666em;
  color:#190d0c;
  font-weight:800; 
}


.siteholder_basetemplatewhite p,
.siteholder_basetemplatemainstone p {
  margin:0 0 1em 0;
  padding:0;
  color: #190d0c;
  font-weight: 400;
  font-size: 1.125em;
  line-height: 1.6666em;
}
.siteholder_basetemplatewhite p a,
.siteholder_basetemplatemainstone p a {
  font-weight: bold;
  color:inherit;
}

.siteholder_basetemplatewhite #maincontent ul,
.siteholder_basetemplatemainstone #maincontent ul {
  list-style-type: none;
  margin:0;
  padding:0;
}

.siteholder_basetemplatewhite #leftcontent ul li,
.siteholder_basetemplatemainstone #leftcontent ul li {
  font-weight: 400;
}

.siteholder_basetemplatewhite #maincontent ul ul,
.siteholder_basetemplatemainstone #maincontent ul ul {
  margin-left:2vw;
}


.siteholder_basetemplatewhite #maincontent ul li,
.siteholder_basetemplatemainstone #maincontent ul li {
  margin:0 0 0 0;
  padding:0;
  color: #ffffff;
  font-weight: 400;
  font-size: 1.125em;
  line-height: 1.6666em;
  text-shadow:none;
}

.siteholder_basetemplatewhite #maincontent ul li a,
.siteholder_basetemplatemainstone #maincontent ul li a {
  color:#000;
  text-decoration: none;
}

.siteholder_basetemplatewhite #maincontent ol li,
.siteholder_basetemplatemainstone #maincontent ol li {
  color: #190d0c;
}

.siteholder_basetemplatewhite #maincontent ol li a,
.siteholder_basetemplatemainstone #maincontent ol li a {
  color:#fff;
}

.openfullscreen {
    position: absolute;
    left: 0;
    top: 4.25vw;
    background: url(../images/svgpz/pz_icon_vollbild.svg) 0 0 no-repeat;
    background-size: contain;
    width: 3.125vw;
    height: 3.125vw;
    margin: 0 0 0 0.5em;
    z-index: 3;
    max-width: 50px;
    max-height: 50px;
    min-width: 37px;
    min-height: 37px;
    filter: drop-shadow( 0px 5px 5px rgba(25,13,12,0.75));
    -webkit-filter: drop-shadow( 0px 5px 5px rgba(25,13,12,0.75));
    -moz-filter: drop-shadow( 0px 5px 5px rgba(25,13,12,0.75));
}

.openfullscreen_totop {
  top:0;
  margin-top:0.5em;
}

.leftcontent_produkte .openfullscreen {
    top: 0;
    right: 0;
    left: auto;
    margin: 0.5em;
}

.openfullscreen:hover {
  background: url(../images/svgpz/pz_icon_vollbild_hover.svg) 0 0 no-repeat;
  background-size: contain;  
}

.openfullscreen a {
  display: block;
  width:3.125vw;
  height: 3.125vw;
  max-width: 50px;
  max-height: 50px;
}

.sks-produkt-videobutton {
  position: absolute;
  right: 0;
  width:3.125vw;
  height: 3.125vw;
  margin:0.5em 8.5em 0 0;
  z-index:3;
  max-width: 50px;
  max-height: 50px;
  min-width: 37px;
  min-height: 37px;


  background: url(../images/sks/sks_button_video.svg) 0 0 no-repeat;
  background-size: contain; 

}

.sks-produkt-videobutton:hover {
  background: url(../images/sks/sks_button_video_hover.svg) 0 0 no-repeat;
  background-size: contain;  
  filter:drop-shadow( 0px 0px 20px rgba(0, 140, 255, 0.75)) drop-shadow( 0px 2px 5px rgba(10, 20, 40, 0.5));
  -webkit-filter:drop-shadow( 0px 0px 20px rgba(0, 140, 255, 0.75)) drop-shadow( 0px 2px 5px rgba(10, 20, 40, 0.5));
  -moz-filter:drop-shadow( 0px 0px 20px rgba(0, 140, 255, 0.75)) drop-shadow( 0px 2px 5px rgba(10, 20, 40, 0.5));


}

.sks-produkt-videobutton.active {
  background: url(../images/sks/sks_button_video_aktiv.svg) 0 0 no-repeat;
  background-size: contain;  

  filter:drop-shadow( 0px 0px 20px rgba(0, 140, 255, 0.75)) drop-shadow( 0px 2px 5px rgba(10, 20, 40, 1));
  -webkit-filter:drop-shadow( 0px 0px 20px rgba(0, 140, 255, 0.75)) drop-shadow( 0px 2px 5px rgba(10, 20, 40, 1));
  -moz-filter:drop-shadow( 0px 0px 20px rgba(0, 140, 255, 0.75)) drop-shadow( 0px 2px 5px rgba(10, 20, 40, 1));  
}

.sks-produkt-videobutton.active:hover {
  background: url(../images/sks/sks_button_video_aktiv_hover.svg) 0 0 no-repeat;
  background-size: contain;  
}

.sks-produkt-videobutton a {
  display: block;
  width:3.125vw;
  height: 3.125vw;
  max-width: 50px;
  max-height: 50px;
}


.verfugtansichtbutton {
  position: absolute;
  right: 0;
  width:3.125vw;
  height: 3.125vw;
  margin:0.5em 4.5em 0 0;
  z-index:3;
  max-width: 50px;
  max-height: 50px;
  min-width: 37px;
  min-height: 37px;

  filter:drop-shadow( 0px 5px 5px rgba(25,13,12,0.75));
  -webkit-filter:drop-shadow( 0px 5px 5px rgba(25,13,12,0.75));
  -moz-filter:drop-shadow( 0px 5px 5px rgba(25,13,12,0.75));
}
.verfugtansichtbuttonhk {
  background: url(../images/svgpz/pz_icon_fugenfarbe_hell.svg) 0 0 no-repeat;
  background-size: contain;  
}

.verfugtansichtbuttonhk.verfugtansichtbutton:hover {
  background: url(../images/svgpz/pz_icon_fugenfarbe_hell_hover.svg) 0 0 no-repeat;
  background-size: contain;  
}

.verfugtansichtbuttonhk.verfugtansichtbutton_active {
  background: url(../images/svgpz/pz_icon_fugenfarbe_dunkel.svg) 0 0 no-repeat;
  background-size: contain;  
}

.verfugtansichtbuttonhk.verfugtansichtbutton_active:hover {
  background: url(../images/svgpz/pz_icon_fugenfarbe_dunkel_hover.svg) 0 0 no-repeat;
  background-size: contain;  
}

.verfugtansichtbuttonjh {
  background: url(../images/svgpz/pz_icon_verfugtansicht.svg) 0 0 no-repeat;
  background-size: contain;  
}

.verfugtansichtbuttonjh.verfugtansichtbutton:hover {
  background: url(../images/svgpz/pz_icon_verfugtansicht_hover.svg) 0 0 no-repeat;
  background-size: contain;  
}

.verfugtansichtbuttonjh.verfugtansichtbutton_active {
  background: url(../images/svgpz/pz_icon_tuermchen.svg) 0 0 no-repeat;
  background-size: contain;  
}

.verfugtansichtbuttonjh.verfugtansichtbutton_active:hover {
  background: url(../images/svgpz/pz_icon_tuermchen_hover.svg) 0 0 no-repeat;
  background-size: contain;  
}

.verfugtansichtbutton a {
  display: block;
  width:3.125vw;
  height: 3.125vw;
  max-width: 50px;
  max-height: 50px;
}

.jhlogolinks {
  width: 25vw;
  height: 100%;
  position:absolute;
  z-index: 1;
}

.jhlogolinks i {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    line-height: 80vh;
    font-size: 13em;
    color: rgba(255,255,255,0.7);
    padding-left: 0.4em;
}

.gallery_startslider .contentinfo {
  position: absolute;
  top: 15vh;
  width: 30%;
  right: 0;
  height: 56vh;
  opacity:0.85;
  padding:2vw;
  box-sizing:border-box;
}


.gallery_startslider .contentinfo h2 {
  margin:0 0 0.5em 0;
  padding:0;
  font-weight: 400;
  font-size:2.625em;
  line-height: 1.42em;
  color:#ffffff;
}

.gallery_startslider .contentinfo p {
  margin:0 0 1em 0;
  padding:0;
  color: #ffffff;
  font-weight: 400;
  font-size: 1.75em;
  line-height: 1.21em;
}


.gallery,
.gallery2 {
  height: 100%;
  width: 100%;
  position: relative;
  margin-bottom:0;
}

.galleryelement {
    width: 100%;
    height: 100%;
    position: relative;
}

.galleryelement picture {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
}


.gallery img,
.gallery2 img {
  width: 100%;
  height:100%;
  object-fit:contain;
  display: inline;
  outline:none;
  background: url(../images/loader.gif) 50% 50% no-repeat;
}

.gallery img.product_stapel,
.gallery2 img.product_stapel {
  object-fit:cover;
  height: auto;
  position: absolute;
  left: 0;
  bottom:-16vw;
}

.gallery .mischkonzept img.product_stapel {
}

.gallery img.product_wall,
.gallery2 img.product_wall {
  object-fit:cover;
  height: auto;
}

html.object-fit img.product_wall {
  height: 100%;
}
/* fix test for tom because of firefox scaling issue on loading images with object fit */
html.object-fit img.product_wall {
  height: auto;
  width: 100%;
}

.gallery .slick-list,
.gallery2 .slick-list {
  height: 100%;
}

.gallery .slick-track,
.gallery2 .slick-track {
  height: 100%;
}

.singleimage {
  height: 100%;
  width: 100%;
  position: relative;
}

.singleimage_fullscreen {
  position: absolute;
  left:0;
  top: 0;
  background-color: #000000;
  min-width: 1200px;
  min-height: 750px;
  z-index: 1;
}

.singleimage_fullscreen .openfullscreen {
  background: url(../images/screenmin.png) 0 0 no-repeat;
  background-size: contain;    
}

.singleimage_fullscreen .openfullscreen:hover {
  background: url(../images/screenmin_aktiv.png) 0 0 no-repeat;
  background-size: contain;    
}


.singleimageelement {
    width: 100%;
    height: 100%;
}

.singleimageelement picture {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
}


.singleimage img {
  width: 100%;
  height:100%;
  object-fit:contain;
}


.incontentgallery {
/* augeblendet für pz neue Thumbgaleriebreite */
/*  position: relative; */
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.incontentgallery_fullscreen {
  position: absolute;
  left:0;
  top: 0;
  background-color: #000000;
  min-width: 1200px;
  min-height: 750px;  
  z-index: 1;
}

.incontentgallery .arrowup_container {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.incontentgallery .arrowup {
  margin:0 auto;
  width: 4.6vw;
  max-width: 56px;
}

.incontentgallery .arrowup img {
  width: 100%;
  height: auto;
  display: block;
}

.incontentgallery_fullscreen .openfullscreen {
  background: url(../images/svgpz/pz_icon_vollbild_min.svg) 0 0 no-repeat;
  background-size: contain;    
}

.incontentgallery_fullscreen .openfullscreen:hover {
  background: url(../images/svgpz/pz_icon_vollbild_min_hover.svg) 0 0 no-repeat;
  background-size: contain;    
}

.incontentgallery .slick-slider {
  margin-bottom: 0;
}

.thumbsgallery_activator {
  position: absolute;
  width: 100%;
  height: 10.5vh;
  bottom:0;
  z-index: 5;
  z-index: 2;
  text-align: center;

  left: 0;
  right: 46%;
  width: 8%;  

  max-width: 50px;
  min-height:35px;
  margin-left:0.5em;
}

.leftcontent_produkte .thumbsgallery_activator {
  left:46%;
}

.thumbsgallery_activator .activatoricon {
    color: #fff;
    background: #000;
    display: inline-block;
    background: url(../images/svgpz/pz_icon_galerie.svg) 0 0 no-repeat;
    background-size: contain;
    width: 4em;
    height: 4em;
    width: 3.125em;
    height: 3.125em;
    cursor: pointer;

  filter:drop-shadow( 0px 5px 5px rgba(25,13,12,0.75));
  -webkit-filter:drop-shadow( 0px 5px 5px rgba(25,13,12,0.75));
  -moz-filter:drop-shadow( 0px 5px 5px rgba(25,13,12,0.75));    
}

.thumbsgallery_activator .activatoricon:hover {
    background: url(../images/svgpz/pz_icon_galerie_hover.svg) 0 0 no-repeat;
    background-size: contain;
}





.thumbsgallery_activator_video {
    position: absolute;
    width: 100%;
    height: 5.5vh;
    bottom: 10vh;
    z-index: 5;
    z-index: 1;
    text-align: center;
    left: 0;
    right: 46%;
    width: 8%;
    max-width: 50px;
    min-height: 35px;
    margin-left: 0.5em;
}

.thumbsgallery_activator_referenzen {
  height:9.5vh;
}

.thumbsgallery_activator_video .activatoricon_video {
    color: #fff;
    background: #000;
    display: inline-block;
    background: url(../images/svgpz/pz_icon_video.svg) 0 0 no-repeat;
    background-size: contain;
    width: 4em;
    height: 4em;
    width: 3.125em;
    height: 3.125em;
    cursor: pointer;

  filter:drop-shadow( 0px 5px 5px rgba(25,13,12,0.75));
  -webkit-filter:drop-shadow( 0px 5px 5px rgba(25,13,12,0.75));
  -moz-filter:drop-shadow( 0px 5px 5px rgba(25,13,12,0.75));    
}

.thumbsgallery_activator_video .activatoricon_video:hover {
    background: url(../images/svgpz/pz_icon_video_hover.svg) 0 0 no-repeat;
    background-size: contain;
}

/*
.incontentgallery:hover .thumbsgallery_activator {
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
}
*/

.thumbsgallery,
.thumbsgallery2 {
  position: absolute;
  bottom:0;
  height: 12.5vh;
  background:url(../images/linie_galerie.png) center center no-repeat #ffffff;
  background-size: contain;
  width: 100%;
  text-align :center;
  padding-top:3vh;
  box-sizing:border-box;
  bottom:-12.5vh;
  z-index: 10;
content: 'viewport-units-buggyfill;height: 15.5vh;padding-top: 3vh;bottom: -12.5vh;';     
}



.thumbsgallery p,
.thumbsgallery2 p {
    margin: 0;
    padding: 0;
    position: absolute;
    width: 100%;
    top: 0.4em;
    color:#000;
    font-size:1em;
}

.thumbsgallery p b.trenner,
.thumbsgallery2 p b.trenner {
  font-weight: normal;
  padding:0 1em;
}


.thumbsgallery_withbreadcrumb, .thumbsgallery2_withbreadcrumb {
    position: absolute;
    bottom: 0;
    height: 15.5vh;
    background: url(../images/linie_galerie.png) center 63% no-repeat #ffffff;
    background-size: contain;
    width: 100%;
    text-align: center;
    padding-top: 3vh;
    box-sizing: border-box;
    bottom: -15.5vh;
    z-index: 10;
    border-top: 2px solid #404040;
content: 'viewport-units-buggyfill;height: 15.5vh;padding-top: 3vh;bottom: -15.5vh;';       
}
.thumbsgallery_withbreadcrumb p,
.thumbsgallery2_withbreadcrumb p {
    margin: 1em 0;
}


.thumbsgallery_withbreadcrumb .slick-list,
.thumbsgallery2_withbreadcrumb .slick-list {
  margin-top:2em;
}


.thumbsgallery img,
.thumbsgallery2 img {
  height: 6.5vh;
  width: auto;
  border: none; overflow: hidden; display: block;

}

.thumbsgallery span:not(.plusplustext):not(.narrow),
.thumbsgallery2 span:not(.plusplustext):not(.narrow) {
  margin-right:0.3vw;
  border: none; overflow: hidden; display: inline-block;
}

.thumbsgallery span:not(.plusplustext):not(.narrow):hover,
.thumbsgallery span.slick-center,
.thumbsgallery2 span:not(.plusplustext):not(.narrow):hover,
.thumbsgallery2 span.slick-center {
  border:5px solid #190d0c;
}
.thumbsgallery span:not(.plusplustext):not(.narrow):hover img,
.thumbsgallery span.slick-center img,
.thumbsgallery2 span:not(.plusplustext):not(.narrow):hover img,
.thumbsgallery2 span.slick-center img {
  margin:-5px;
}


.siteholder_leererblockfuerplugins #mainarea > .csc-default,
.siteholder_leererblockfuerplugins #mainarea > .csc-frame-default,
.siteholder_leererblockfuerplugins #mainarea > .frame-default {
  height:100%;
}

.siteholder_leererblockfuerplugins #mainarea > .csc-frame-default > .tx-hebrokapr,
.siteholder_leererblockfuerplugins #mainarea > .frame-default > .tx-hebrokapr {
  height:100%;
}

/* dropemnu start */
.dropmenu {
  position: absolute;
  width: 100%; 
  height: 100%;
  background-color: #bac4de;
  z-index:30;
  top:-100%;
  overflow: hidden;
}


.dropmenu_produkte .tx-hebrokapr,
.dropmenu_referenzen .tx-hebrokapr,
.dropmenu_aktuelles .tx-hebrokapr {
  height: 100%;
}

/* dropmenu aktuelles */
.dropmenu_aktuelles .leftmenuarea {
  float:left;
  width:34%;
  padding:0 4vw 0 0;
  box-sizing:border-box;
  height: 100%;
}

.dropmenu_aktuelles .leftmenuarea_padder {
  height: 100%;
  border-right:2px solid #190d0c;
  position: relative;
  padding:3.5vh 2.5vw 3.5vh 2.5vw;
  background: #a1b0d1;
  box-sizing:border-box;
}


.dropmenu_aktuelles .leftmenuarea_padder .closer {
  width: 4em;
  height: 4em;
 background:url(../images/svg/schliessen-x_inaktiv_white.svg) 0 0 no-repeat;

  background-size: contain;
  cursor: pointer;
  position: absolute;
  bottom:3.5vh;
}

.dropmenu_aktuelles .leftmenuarea_padder  .closer:hover {
  background:url(../images/svg/schliessen-x_aktiv.svg) 0 0 no-repeat;
  background-size: contain;
}

.dropmenu_unternehmen .dropmenu_unternehmen_padder_neu_leftmenu ul.submenu_stoebern {
  list-style-type: none;
  margin:0 0 0 3.5vw;
  padding:0;
}

.dropmenu_unternehmen .dropmenu_unternehmen_padder_neu_leftmenu ul.submenu_stoebern li {
  color:#dee3ef;
  font-weight: 600;
  padding-left:3.5vw;
  cursor: pointer;
  vertical-align: middle;
  padding-top:0.3vw;
  padding-bottom:0.3vw;
  padding-left:0;
  border-top:1px solid #dee3ef;
   content: 'viewport-units-buggyfill;padding-left:3.5vw;line-height: 2vw;padding-top:2.5vh;padding-bottom:2vh;';
}

.dropmenu_unternehmen .dropmenu_unternehmen_padder_neu_leftmenu ul.submenu_stoebern li:first-child {
  padding-top: 0.3vw;
}

.dropmenu_unternehmen .dropmenu_unternehmen_padder_neu_leftmenu ul.submenu_stoebern li span.activearrow {
    position: absolute;
    display: none;
}

.dropmenu_unternehmen .dropmenu_unternehmen_padder_neu_leftmenu ul.submenu_stoebern li.active span.activearrow {
    position: absolute;
    width: 20px;
    right: -16px;
    height: 2vw;  
    background: url(../images/svg/pfeil_submenue.svg) left center no-repeat;
    background-size: contain;
    display: block;
    min-height: 32px;
}

.dropmenu_unternehmen .dropmenu_unternehmen_padder_neu_leftmenu ul.submenu_stoebern li:first-child {
  border-top:0;
}

.dropmenu_unternehmen .dropmenu_unternehmen_padder_neu_leftmenu ul.submenu_stoebern li.active {
  color:#190d0c;
}

.dropmenu_unternehmen .dropmenu_unternehmen_padder_neu_leftmenu ul.submenu_stoebern li:hover {
  color:#fff;
}



.dropmenu_unternehmen .dropmenu_unternehmen_padder_neu_leftmenu ul.submenu_stoebern li .icomoonimage i {
  font-size: 1.75vw;
  color:#dee3ef;
}

.dropmenu_unternehmen .dropmenu_unternehmen_padder_neu_leftmenu ul.submenu_stoebern li.active .icomoonimage i {
  color:#000;
}

.dropmenu_unternehmen .dropmenu_unternehmen_padder_neu_leftmenu ul.submenu_stoebern li:hover .icomoonimage i {
  color:#fff;
}


.dropmenu_unternehmen .dropmenu_unternehmen_padder_neu_leftmenu ul.submenu_stoebern li .image {
  display: inline-block;
  width: 1.75vw;
  height: 1.75vw;
  vertical-align: middle;
  margin-right: 0.3vw;
  float: left;
  content: 'viewport-units-buggyfill; width: 2.5vw; height:2.5vw;margin-right: 1vw;';
}

.dropmenu_unternehmen .dropmenu_unternehmen_padder_neu_leftmenu ul.submenu_stoebern li .image .inactive {
  width: 100%;
  height: 100%;  
}
.dropmenu_unternehmen .dropmenu_unternehmen_padder_neu_leftmenu ul.submenu_stoebern li .image .active {
  display: none;
  width: 100%;
  height: 100%;  
}
.dropmenu_unternehmen .dropmenu_unternehmen_padder_neu_leftmenu ul.submenu_stoebern li.active .image .inactive,
.dropmenu_unternehmen .dropmenu_unternehmen_padder_neu_leftmenu ul.submenu_stoebern li:hover .image .inactive {
  display: none;
}
.dropmenu_unternehmen .dropmenu_unternehmen_padder_neu_leftmenu ul.submenu_stoebern li.active .image .active,
.dropmenu_unternehmen .dropmenu_unternehmen_padder_neu_leftmenu ul.submenu_stoebern li:hover .image .active {
  display: block;
}



.dropmenu_unternehmen .dropmenu_unternehmen_padder_neu_leftmenu ul.submenu_stoebern li .image img {
  width: 100%;
  height: 100%;
}


.dropmenu_unternehmen .dropmenu_unternehmen_padder_neu_leftmenu ul.submenu_stoebern li[data-id="16"] .image .active img {
  filter: drop-shadow(0px 0px 10px rgba(0,140,255,0.75)) drop-shadow(0px 0px 5px rgba(100,224,255,0.6));
    -webkit-filter: drop-shadow(0px 0px 10px rgba(0,140,255,0.75)) drop-shadow(0px 0px 5px rgba(100,224,255,0.6));
    -moz-filter: drop-shadow(0px 0px 10px rgba(0,140,255,0.75)) drop-shadow(0px 0px 5px rgba(100,224,255,0.6));
}

.dropmenu_unternehmen .dropmenu_unternehmen_padder_neu_leftmenu ul.submenu_stoebern li span {
  display: block;
  margin-left: 2.25vw;
  font-family: 'Fira Sans', sans-serif !important;
  font-weight: 600 !important;
}



.dropmenu_unternehmen .rightmenuarea {

  padding:3.5vh 2vw 3.5vh 0;
  box-sizing:border-box;
  height: 100%;  

}


.dropmenu_unternehmen .rightmenuarea:before {
    content: ' ';
    margin-left: -4vw;
    width: calc(100% + 4vw);
    height: 100%;
    position: absolute;
    top: 0;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e7ebf3+0,bac4de+100 */
  background: #e7ebf3; /* Old browsers */
  background: -moz-radial-gradient(center, ellipse cover,  #e7ebf3 0%, #bac4de 100%); /* FF3.6-15 */
  background: -webkit-radial-gradient(center, ellipse cover,  #e7ebf3 0%,#bac4de 100%); /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(ellipse at center,  #e7ebf3 0%,#bac4de 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7ebf3', endColorstr='#bac4de',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

  z-index:-1;
}

.dropmenu_unternehmen .rightmenuarea .shadowleft  {
  width:1vw;
  height: 100%;
  position: absolute;
  margin-top:30px;
  z-index: 4;
  background: -moz-linear-gradient(left, rgba(40,40,40,0.65) 0%, rgba(40,40,40,0.02) 38%, rgba(40,40,40,0) 39%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(40,40,40,0.65)), color-stop(38%,rgba(40,40,40,0.02)), color-stop(39%,rgba(40,40,40,0)));
  background: -webkit-linear-gradient(left, rgba(40,40,40,0.65) 0%,rgba(40,40,40,0.02) 38%,rgba(40,40,40,0) 39%);
  background: -o-linear-gradient(left, rgba(40,40,40,0.65) 0%,rgba(40,40,40,0.02) 38%,rgba(40,40,40,0) 39%);
  background: -ms-linear-gradient(left, rgba(40,40,40,0.65) 0%,rgba(40,40,40,0.02) 38%,rgba(40,40,40,0) 39%);
  background: linear-gradient(to right, rgba(40,40,40,0.65) 0%,rgba(40,40,40,0.02) 38%,rgba(40,40,40,0) 39%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6404040', endColorstr='#00404040',GradientType=1 );
  display: none;
}

.dropmenu_unternehmen .rightmenuarea .shadowright  {
  right: 0;
  width:1vw;
  height: 100%;
  position: absolute;
  margin-top:30px;
  z-index: 4;
  background: -moz-linear-gradient(left, rgba(40,40,40,0) 61%, rgba(40,40,40,0.02) 62%, rgba(40,40,40,0.65) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(61%,rgba(40,40,40,0)), color-stop(62%,rgba(40,40,40,0.02)), color-stop(100%,rgba(40,40,40,0.65)));
  background: -webkit-linear-gradient(left, rgba(40,40,40,0) 61%,rgba(40,40,40,0.02) 62%,rgba(40,40,40,0.65) 100%);
  background: -o-linear-gradient(left, rgba(40,40,40,0) 61%,rgba(40,40,40,0.02) 62%,rgba(40,40,40,0.65) 100%);
  background: -ms-linear-gradient(left, rgba(40,40,40,0) 61%,rgba(40,40,40,0.02) 62%,rgba(40,40,40,0.65) 100%);
  background: linear-gradient(to right, rgba(40,40,40,0) 61%,rgba(40,40,40,0.02) 62%,rgba(40,40,40,0.65) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00404040', endColorstr='#a6404040',GradientType=1 );
  display: none;
}

.dropmenu_unternehmen .rightmenuarea .scrollarea_outer  {
  position: relative;
  clear: right;
    
    width:calc(100% - 2vw);
}


.dropmenu_unternehmen .rightmenuarea .scrollarea_outer:before  {
  content:'';
  position: absolute;
  top:0;
  width:calc(100%  - 2px);
  border-top:1px solid #7f96b2;
}

.dropmenu_unternehmen .rightmenuarea .template {
  display: -webkit-box;
  display: -ms-flexbox;  
  display: -webkit-flex;
  display: flex;
 
  
  -webkit-flex-direction:row;
  flex-direction:row;
  
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  
  -webkit-align-items: flex-start;
  align-items: flex-start;

  /*padding-top:2em;*/
  box-sizing: content-box;
  justify-content: space-between;

  margin-top: 10px;
}


.dropmenu_unternehmen .rightmenuarea  a {
    color: #190d0c;
    font-size: 1.125em;
    text-decoration: none;
    display: block;
    padding: 0.5em 0;
    
}

.dropmenu_unternehmen .rightmenuarea .templateliste .row {
    width: 100%;
    display: flex;
    border-bottom: 1px solid #a1b0d1;
}

.dropmenu_unternehmen .rightmenuarea .templateliste a {
    margin-left:0;
    padding-right: 20px;
}

.dropmenu_unternehmen .rightmenuarea .scrollarea  {
    overflow: hidden;
    height: 100%;
    min-width: 100%;
}


.dropmenu_unternehmen .rightmenuarea .templateliste:hover .aktuellesmenuitem {
  opacity: 1;
  color: #99a8b5;
}

.dropmenu_unternehmen .rightmenuarea .template:hover .aktuellesmenuitem .dot,
.dropmenu_unternehmen .rightmenuarea .template:hover .aktuellesmenuitem .dotcontent {
  opacity: 0.4;
}
.dropmenu_unternehmen .rightmenuarea .templateliste:hover .aktuellesmenuitem:hover .dot,
.dropmenu_unternehmen .rightmenuarea .templateliste:hover .aktuellesmenuitem:hover .dotcontent {
  opacity: 1 !important;
  color:#190d0c;
}


.dropmenu_unternehmen .rightmenuarea .templateliste:hover .aktuellesmenuitem,
.dropmenu_unternehmen .rightmenuarea .templateliste:hover .aktuellesmenuitem:hover,
.dropmenu_unternehmen .rightmenuarea .templateliste:hover .aktuellesmenuitem:hover {
  opacity: 1 !important;
}

.dropmenu_unternehmen .rightmenuarea .template2xn .aktuellesmenuitem-smartklinkerservice .image :before {
  content: ' ';
  position: absolute;
  right: 15px;
  top: 25px;
  width: 23px;
  height: 23px;
  background: url('../images/sks/sks_diode.svg') 0 0 no-repeat;
  background-size: contain;
  filter: drop-shadow(0px 0px 10px rgba(0,140,255,0.75)) drop-shadow(0px 0px 5px rgba(100,224,255,0.6));
  -webkit-filter: drop-shadow(0px 0px 10px rgba(0,140,255,0.75)) drop-shadow(0px 0px 5px rgba(100,224,255,0.6));
  -moz-filter: drop-shadow(0px 0px 10px rgba(0,140,255,0.75)) drop-shadow(0px 0px 5px rgba(100,224,255,0.6));
}

.dropmenu_unternehmen .rightmenuarea .template .dot {
  float: left;
}

.dropmenu_unternehmen .rightmenuarea .template .dotcontent {
  display: block;
  margin-left:0.5em;
}

.dropmenu_unternehmen .rightmenuarea .aktuellesmenuitem {
  margin-right: 0;
  display: block;
  width: 31vw;
  border-right: 0;
  padding-right: 0;
}


.dropmenu_unternehmen .rightmenuarea .aktuellesmenuitem .caption {
  height:3.5em;
  overflow: hidden;
  position: relative;
}
.dropmenu_unternehmen .archivlink {
  /* margin-right: 1.5vw; */
  display: block;
  width: 100%;
  border-right: 1px solid #cccccc;
  cursor: pointer;
  /* margin-right: 1.5vw; */
  cursor: pointer;
  background: url('../../../fileadmin/templates/images/svgpz/archivlink/pz_archiv_pfeil_inaktiv.svg') center bottom no-repeat;
  background-size: 20px;
  margin-bottom: 20px;
  /* padding-right: 1.5vw; */
}

.dropmenu_unternehmen .archivlink_padder {
  position: relative;
  text-align: center;
}

.dropmenu_unternehmen .archivlink:hover {
    background: url(../images/svgpz/archivlink/pz_archiv_pfeil.svg) center bottom no-repeat;
    background-size: 20px;
}

.dropmenu_unternehmen .archivlink.active {
    background: url(../images/svgpz/archivlink/pz_archiv_x_inaktiv.svg) center bottom no-repeat;
    background-size: 20px;
}

.dropmenu_unternehmen .archivlink.active:hover {
    background: url(../images/svgpz/archivlink/pz_archiv_x.svg) center bottom no-repeat;
    background-size: 20px;
}

.dropmenu_unternehmen .archivlink_padder {
    position: relative;
}

.dropmenu_unternehmen .archivlink:hover .archivlink_padder,
.dropmenu_unternehmen .archivlink.active .archivlink_padder {
  
}

.dropmenu_unternehmen .archivlink p {
  /* padding-right: 40px; */
  line-height: 1.2em;
  color: #99a8b5;
  cursor: pointer;
  display: inline-block;
  text-transform: uppercase;
  margin-bottom: 1em;
}

.dropmenu_unternehmen .archivlink:hover p,
.dropmenu_unternehmen .archivlink.active p {
  /*background:url(../images/button_archiv.png) top right no-repeat;*/
  color:#000;
}

.dropmenu_unternehmen .archivlink:hover p i {
  color:#000;
}

.dropmenu_unternehmen .archivlink .opener {
   background: url(../images/svg/archivpfeil.svg) 0 0 no-repeat;
    background-size: contain;
    width: 2vw;
    height: 1vw;
    position: absolute;
    bottom: -1vw;
    right: 1vw;
    cursor: pointer;
    display: none;
}

.dropmenu_unternehmen .archivlink:hover .opener {
   background: url(../images/svg/archivpfeil_aktiv.svg) 0 0 no-repeat;
    background-size: contain;
}

.dropmenu_unternehmen .archivlink.active .opener {
   display: none;
}


.dropmenu_unternehmen .archivlink .closer {
    background: url(../images/archiv_schliessen-x.svg) 0 0 no-repeat;
    background-size: contain;
    width: 2.5vw;
    height: 1.5vw;
    position: absolute;
    bottom: -0.9vw;
    right: 0.8vw;
    display: none;
    cursor: pointer;
    display: none;
}

.dropmenu_unternehmen .archivlink .closer:hover {
    background: url(../images/archiv_schliessen-x_hover.svg) 0 0 no-repeat;
    background-size: contain;
}

.dropmenu_unternehmen .archivlink.active .closer {
 /* display:block;*/
}

/*
.dropmenu_unternehmen .rightmenuarea .aktuellesmenuitem_archiv {
  display: none;
}

.dropmenu_unternehmen .rightmenuarea .aktuellesmenuitem_archiv_visible {
  display: block;
}
*/
.dropmenu_unternehmen .rightmenuarea .templateliste .row_aktuellesmenuitem_archiv {
  display: none;
}

.dropmenu_unternehmen .rightmenuarea .templateliste .row_aktuellesmenuitem_archiv_visible {
  display: flex;
}

.dropmenu_unternehmen .rightmenuarea .template2xn .aktuellesmenuitem {
  padding-bottom: 1.5em;
  margin-right:0;
  width: 14.5vw;
  position: relative;
  border-right: 0;
  padding-right: 0.2vw;
}


.dropmenu_unternehmen .rightmenuarea .template2xn .aktuellesmenuitem a {
  border-bottom: 0;
  color:#000;
  font-weight: normal;
}

.dropmenu_unternehmen .rightmenuarea .template2xn .aktuellesmenuitem a strong {
  font-weight: 500;
}




.dropmenu_unternehmen .rightmenuarea .template2xn .aktuellesmenuitem .image {
  display: inline-block;
  width: 14.5vw;
  height: 5vw;
  padding-right: 0;
}

.dropmenu_unternehmen .rightmenuarea .template2xn .aktuellesmenuitem .image img {
  display: block;
  border:1px solid #462e24;
  width: 100%;
  height: auto;

  -webkit-box-shadow: 0px 5px 10px 0px rgba(0,38,71,0.25);
  -moz-box-shadow: 0px 5px 10px 0px rgba(0,38,71,0.25);
  box-shadow: 0px 5px 10px 0px rgba(0,38,71,0.25);
}

.dropmenu_unternehmen .rightmenuarea .template1xn .aktuellesmenuitem {
  width: 61.9vw;
  padding-bottom:0.5vw;
  border-right: 0;  
}
.dropmenu_unternehmen .rightmenuarea .template1xn .aktuellesmenuitem .image {
  display: inline-block;  
  width: 61.9vw;
  height: 30.95vw;
  padding-right: 0;  
}
.dropmenu_unternehmen .rightmenuarea .template1xn .aktuellesmenuitem .image img {
  display: block;
  border:1px solid #462e24;
  width: 100%;
  height: auto;
}

.dropmenu_unternehmen .rightmenuarea .template1xn .aktuellesmenuitem a {
  border-bottom: 0;
  color:#ffffff;
}


.dropmenu_unternehmen .rightmenuarea .template2xn .aktuellesmenuitem {
  width: 30vw;
  padding-bottom:0vw;
   content: 'viewport-units-buggyfill; width: 29.5vw; padding-bottom:0vw; margin-right: 2vw;';
}

.dropmenu_unternehmen .rightmenuarea .template2xn:hover .aktuellesmenuitem {
   opacity: 0.4;
}
.dropmenu_unternehmen .rightmenuarea .template2xn:hover .aktuellesmenuitem:hover {
  opacity: 1;
}

.dropmenu_unternehmen .rightmenuarea .template2xn .aktuellesmenuitem .image {
  width: 29.8vw;
  width: 30vw;
  height: 14.5vw;
  height: 17.5vw;
  height: 14.3vw;
    content: 'viewport-units-buggyfill; width: 29.8vw; height:14.5vw;';
}
.dropmenu_unternehmen .rightmenuarea .template2xn  a {
  line-height: 1.28em;
}


.dropmenu_unternehmen .rightmenuarea .template2xn .aktuellesmenuitem .caption a {
  padding-right: 1em;
}

.dropmenu_unternehmen .rightmenuarea .template2xn .aktuellesmenuitem .caption .iconimage {
  float: left;
  padding:0.7vw 0.5vw 0 0.01vw;
  width: 2.5em;
}

.dropmenu_unternehmen .rightmenuarea .template2xn .aktuellesmenuitem .caption .iconimage img {
  width: 100%;
  height:auto;
}
/*
.dropmenu_unternehmen .rightmenuarea .template2xn .aktuellesmenuitem-smartklinkerservice .caption .iconimage img {
filter: drop-shadow(0px 0px 10px rgba(0,140,255,0.75)) drop-shadow(0px 0px 5px rgba(100,224,255,0.6));
-webkit-filter: drop-shadow(0px 0px 10px rgba(0,140,255,0.75)) drop-shadow(0px 0px 5px rgba(100,224,255,0.6));
-moz-filter: drop-shadow(0px 0px 10px rgba(0,140,255,0.75)) drop-shadow(0px 0px 5px rgba(100,224,255,0.6));
}
*/

.dropmenu_unternehmen .rightmenuarea .template2xn .aktuellesmenuitem .caption .iconimage .icomoonimage i {
  font-size: 2.5em;
}



.dropmenu_unternehmen .rightmenuarea .template3xn .aktuellesmenuitem {
  width: 19.7vw;
}
.dropmenu_unternehmen .rightmenuarea .template3xn .aktuellesmenuitem .image {
  width: 19.7vw;
  height: 9.85vw;
}


.dropmenu_unternehmen .rightmenuarea .headline h2 {
  color:#000;
  font-weight: 500;
  font-size: 1.75em;
  padding:0;
  margin:0.5em 0;
}



.dropmenu .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    background: url(../images/svgpz/pz_scrollbutton_hell.svg) 0 0 no-repeat;
    background-size: contain;
    height: 35px;
    width: 35px;
}

.dropmenu .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  display: none;
}

.dropmenu .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  margin:16px 0;
  background-color: #190d0c;
  border-radius:0;
}

/* dropmenu aktuelles ende */


/* dropmenu unternehmen */






/* dropmenu service */



/* dropmenu produkte */


.dropmenu_produkte .menuline {
    position: absolute;
    width: 28.9%;
    height: 90%;
    border-right: 2px solid #000;
    margin-top: 2vw;
    /* margin-bottom: 2vw; */
    box-sizing: border-box;
    padding-left: 2.5vw;
}
.dropmenu_produkte .closer {
  width: 7vh;
  height: 7vh;
 background:url(../images/svg/schliessen-x_inaktiv_white.svg) 0 0 no-repeat;
  background-size: contain;
  cursor: pointer;
  position: absolute;
  bottom:2vh;
  left:2vw;
}

.dropmenu_produkte .closer:hover {
  background:url(../images/svg/schliessen-x_aktiv.svg) 0 0 no-repeat;
    background-size: contain;
}

.dropmenu_produkte .tx-hebrokapr:before {
    content: ' ';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: calc(28.9% - 2px);
    background: #a1b0d1;
    border-right: 2px solid #000;
}

.dropmenu_produkte .tx-hebrokapr:after {
  content: ' ';
  position: absolute;
  right:0;
  top:0;
  bottom:0;
  left: 28.9%;
    background: #e7ebf3;
    background: -moz-radial-gradient(center, ellipse cover, #e7ebf3 0%, #bac4de 100%);
    background: -webkit-radial-gradient(center, ellipse cover, #e7ebf3 0%,#bac4de 100%);
    background: radial-gradient(ellipse at center, #e7ebf3 0%,#bac4de 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7ebf3', endColorstr='#bac4de',GradientType=1 );
  z-index:-1;
}

.dropmenu_produkte .leftmenuarea {
  float:left;
  width:34%;
  padding:3.5vh 4vw 3.5vh 2.5vw;
  box-sizing:border-box;
  height: 100%;
}

.dropmenu_produkte .leftmenuarea_padder {
  height: 100%;
  border-right:2px solid #000;
  padding-right: 2.5vw;
  position: relative;
  margin-right:4%;
}

.dropmenu_produkte .leftmenuarea_padder .closer {
  width: 4em;
  height: 4em;
 background:url(../images/svg/schliessen-x_inaktiv.svg) 0 0 no-repeat;
  background-size: contain;
  cursor: pointer;
  position: absolute;
  bottom:2vh;
}

.dropmenu_produkte .leftmenuarea_padder  .closer:hover {
  background:url(../images/button_schliessen.png) 0 0 no-repeat;
  background-size: contain;
}


.dropmenu_produkte .leftmenuarea h3.mainitem {
  color:#dee3ef;
  font-weight: 600;
  font-size:1.75em;
  
  cursor: pointer;
  margin: 2.5vh 0 2vh 0;
  line-height: 2.5vw;  
}

.dropmenu_produkte .leftmenuarea h3.mainitem_stoebern i {
    font-size: 2.75vw;
    display: inline-block;
    vertical-align: middle;
    margin-right: 1vw;
}


.dropmenu_produkte .leftmenuarea h3.mainitem.active span.activearrow {
    position: absolute;
    width: 20px;
    right: -20px;
    height: 2vw;  
    background: url(../images/svg/pfeil_submenue.svg) -5px center no-repeat;
    background-size: contain;
    display: block;
    min-height: 32px;

    margin-top:-1.75em;    
}


.dropmenu_produkte .leftmenuarea h3.mainitem.active {
  color:#190d0c;
}

.dropmenu_produkte .leftmenuarea h3.mainitem:hover {
  color:#fff;
}

/*
.dropmenu_produkte .leftmenuarea h3.mainitem_farben {
  margin-top:0;
}
*/

.dropmenu_produkte .leftmenuarea h3.mainitem_stoebern.active,
.dropmenu_produkte .leftmenuarea h3.mainitem_stoebern:hover {
}


.dropmenu_produkte .leftmenuarea .dividerline {
  border-bottom: 1px solid #dee3ef;
}


.dropmenu_produkte .leftmenuarea h3.mainitem_alle i,
.dropmenu_produkte .leftmenuarea h3.mainitem_farben i,
.dropmenu_produkte .leftmenuarea h3.mainitem_riemchen i,
.dropmenu_produkte .leftmenuarea h3.mainitem_farbwelten i,
.dropmenu_produkte .leftmenuarea h3.mainitem_produktneuheiten i,
.dropmenu_produkte .leftmenuarea h3.mainitem_suchen i {
    font-size: 2.75vw;
    display: inline-block;
    vertical-align: middle;
    margin-right: 1vw;
}


.dropmenu_produkte .leftmenuarea ul.submenu_stoebern {
  list-style-type: none;
  margin:0 0 1vw 3.5vw;
  padding:0;
  display:none;
}

.dropmenu_produkte .leftmenuarea ul.submenu_stoebern_realopen {
  display: block;
}

.dropmenu_produkte .leftmenuarea ul.submenu_stoebern li {
  color:#dee3ef;
  font-weight: 600;
  font-size:1.75em;
  padding-left:3.5vw;
  cursor: pointer;
  line-height: 1.55vw;
  vertical-align: middle;
  padding-top:0.3vw;
  padding-bottom:0.3vw;
  padding-left:0;
  border-top:1px solid #dee3ef;
}
.dropmenu_produkte .leftmenuarea ul.submenu_stoebern li.active {
  color:#190d0c;
}
.dropmenu_produkte .leftmenuarea ul.submenu_stoebern li:hover {
  color:#fff;
}

.dropmenu_produkte .leftmenuarea ul.submenu_stoebern li.active span.activearrow {
    position: absolute;
    width: 20px;
    right: -20px;
    height: 2vw;  
    background: url(../images/svg/pfeil_submenue.svg) -5px center no-repeat;
    background-size: contain;
    display: block;
    min-height: 32px;
}

.dropmenu_produkte .leftmenuarea ul.submenu_stoebern li .image {
  display: inline-block;
  width: 1.9vw;
  height: 1.9vw;
  vertical-align: middle;
   content: 'viewport-units-buggyfill;width: 1.9vw;height: 1.9vw;';
 }

.dropmenu_produkte .leftmenuarea ul.submenu_stoebern li .icomoonimage i {
  font-size: 1.9vw;
}

.dropmenu_produkte .leftmenuarea ul.submenu_stoebern li .image .inactive {
  width: 100%;
  height: 100%;  
}
.dropmenu_produkte .leftmenuarea ul.submenu_stoebern li .image .active {
  display: none;
  width: 100%;
  height: 100%;  
}
.dropmenu_produkte .leftmenuarea ul.submenu_stoebern li.active .image .inactive,
.dropmenu_produkte .leftmenuarea ul.submenu_stoebern li:hover .image .inactive {
  display: none;
}
.dropmenu_produkte .leftmenuarea ul.submenu_stoebern li.active .image .active,
.dropmenu_produkte .leftmenuarea ul.submenu_stoebern li:hover .image .active {
  display: block;
}



.dropmenu_produkte .leftmenuarea ul.submenu_stoebern li .image img {
  width: 100%;
  height: 100%;
}

.dropmenu_produkte .leftmenuarea .form_suchen {
  display: none;
  margin-left:3.5vw;  
}

.dropmenu_produkte .leftmenuarea .form_suchen p {
  color:#190d0c;
  padding-right: 5vw;
  line-height: 1.5em;
  font-size: 1.125em;
}

.dropmenu_produkte .leftmenuarea .form_suchen_realopen {
  display: block;
}

.dropmenu_produkte .leftmenuarea .form_suchen .row {
  margin-bottom:0.7vw;
  position: relative;
}


.dropmenu_produkte .leftmenuarea .form_suchen .row_farben .removeitem {
  display: none;
}

.dropmenu_produkte .leftmenuarea .form_suchen .row .fieldarea {
  background-color: #dee3ef;
  padding:1em;
  box-sizing:border-box;
  display: none;
    -webkit-box-shadow: 0px 5px 10px 0px rgba(0,38,71,0.25);
    -moz-box-shadow: 0px 5px 10px 0px rgba(0,38,71,0.25);
    box-shadow: 0px 5px 10px 0px rgba(0,38,71,0.25);  
}

.dropmenu_produkte .leftmenuarea .form_suchen .row .fieldarea p.mehrfachauswahl {
  color:#a1b0d1;
  font-size: 0.75em;
  margin:1em 0 0 0;
  padding:0;
  text-align: center;
  font-style: italic;
}


.dropmenu_produkte .leftmenuarea .form_suchen .row .fieldarea .item {
  display: inline-block;
  width: 100%;
  color:#190d0c;
  margin-bottom: 0.25em;
}
.dropmenu_produkte .leftmenuarea .form_suchen .row .fieldarea_farben {
  text-align: center;
}

.dropmenu_produkte .leftmenuarea .form_suchen .row_farben label .item,
.dropmenu_produkte .leftmenuarea .form_suchen .row .fieldarea_farben .item {
  display: inline-block;
  width: 11%;
  cursor: pointer;
  margin-right: 0.25em;
}
.dropmenu_produkte .leftmenuarea .form_suchen .row_farben label .item {
  width: 7%;
  line-height: 1.5vw;
}
.dropmenu_produkte .leftmenuarea .form_suchen .row_farben label .item img {
  vertical-align: sub;
}

.dropmenu_produkte .leftmenuarea .form_suchen .row_farben label .item img,
.dropmenu_produkte .leftmenuarea .form_suchen .row .fieldarea_farben .item img {
  width: 100%;
  height: auto;
}

.dropmenu_produkte .leftmenuarea .form_suchen .fieldarea_farben input[type="checkbox"], 
.dropmenu_produkte .leftmenuarea .form_suchen input[type="submit"] {
  display: none;
}

.dropmenu_produkte .leftmenuarea .form_suchen input[name="suchwort"] {
border: 0;
    border-top: 1px solid #7f96b2;
    border-bottom: 1px solid #fff;
    background-color: #dee3ef;
    color: #190d0c;
    width: 100%;
    padding: 0.5em;
    box-sizing: border-box;
    font-size: 1.125em;
}

/* do not group these rules */
.dropmenu_produkte .leftmenuarea .form_suchen input[name="suchwort"]::-webkit-input-placeholder {
    color: #a1b0d1;
}
.dropmenu_produkte .leftmenuarea .form_suchen input[name="suchwort"]:-moz-placeholder {
    /* FF 4-18 */
    color: #a1b0d1;
}
.dropmenu_produkte .leftmenuarea .form_suchen input[name="suchwort"]::-moz-placeholder {
    /* FF 19+ */
    color: #a1b0d1;
}
.dropmenu_produkte .leftmenuarea .form_suchen input[name="suchwort"]:-ms-input-placeholder {
    /* IE 10+ */
    color: #a1b0d1;
}


.dropmenu_produkte .leftmenuarea .form_suchen label {
    display: block;
    line-height: 1.5vw;
    padding: 0.2em;
    text-align: center;
    text-transform: uppercase;
    color: #ffffff;
    font-size: 1.125em;
    letter-spacing: 0.1em;
    border-top: 1px solid #463a3a;
    border-bottom: 1px solid #463a3a;
    cursor: pointer;
    font-weight: 500;
    background: #190d0c;
-webkit-box-shadow: 0px 5px 10px 0px rgba(0,38,71,0.25);
    -moz-box-shadow: 0px 5px 10px 0px rgba(0,38,71,0.25);
    box-shadow: 0px 5px 10px 0px rgba(0,38,71,0.25);    
}

.dropmenu_produkte .leftmenuarea .form_suchen .pulldown_arrow {
  position: absolute;
  right: 0;
  width:1vw;
  height: 1vw;
  right: 1vw;
  background: url(../images/svg/pfeil_pulldown.svg) 0 0 no-repeat;
  background-size: contain;
  margin-top:-1px;
}

.dropmenu_produkte .leftmenuarea .form_suchen label span {
  font-size: 1em;
  text-transform: none;
  letter-spacing: normal;
  color:#fff;
}


.dropmenu_produkte .rightmenuarea {
  margin-left: 34%;
  width:66%;
  padding:3.5vh 4vw 3.5vh 0;
  box-sizing:border-box;
  height: 100%;  
}


.dropmenu_produkte .rightmenuarea .shadowleft  {
  width:1vw;
  height: 100%;
  position: absolute;
  margin-top:30px;
  z-index: 4;
  background: -moz-linear-gradient(left, rgba(40,40,40,0.65) 0%, rgba(40,40,40,0.02) 38%, rgba(40,40,40,0) 39%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(40,40,40,0.65)), color-stop(38%,rgba(40,40,40,0.02)), color-stop(39%,rgba(40,40,40,0)));
  background: -webkit-linear-gradient(left, rgba(40,40,40,0.65) 0%,rgba(40,40,40,0.02) 38%,rgba(40,40,40,0) 39%);
  background: -o-linear-gradient(left, rgba(40,40,40,0.65) 0%,rgba(40,40,40,0.02) 38%,rgba(40,40,40,0) 39%);
  background: -ms-linear-gradient(left, rgba(40,40,40,0.65) 0%,rgba(40,40,40,0.02) 38%,rgba(40,40,40,0) 39%);
  background: linear-gradient(to right, rgba(40,40,40,0.65) 0%,rgba(40,40,40,0.02) 38%,rgba(40,40,40,0) 39%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6404040', endColorstr='#00404040',GradientType=1 );
  display: none;
}

.dropmenu_produkte .rightmenuarea .shadowright  {
  right: 0;
  width:1vw;
  height: 100%;
  position: absolute;
  margin-top:30px;
  z-index: 4;
  background: -moz-linear-gradient(left, rgba(40,40,40,0) 61%, rgba(40,40,40,0.02) 62%, rgba(40,40,40,0.65) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(61%,rgba(40,40,40,0)), color-stop(62%,rgba(40,40,40,0.02)), color-stop(100%,rgba(40,40,40,0.65)));
  background: -webkit-linear-gradient(left, rgba(40,40,40,0) 61%,rgba(40,40,40,0.02) 62%,rgba(40,40,40,0.65) 100%);
  background: -o-linear-gradient(left, rgba(40,40,40,0) 61%,rgba(40,40,40,0.02) 62%,rgba(40,40,40,0.65) 100%);
  background: -ms-linear-gradient(left, rgba(40,40,40,0) 61%,rgba(40,40,40,0.02) 62%,rgba(40,40,40,0.65) 100%);
  background: linear-gradient(to right, rgba(40,40,40,0) 61%,rgba(40,40,40,0.02) 62%,rgba(40,40,40,0.65) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00404040', endColorstr='#a6404040',GradientType=1 );
  display: none;
}

.dropmenu_produkte .rightmenuarea .scrollarea_outer.withbordertop  {
  position: relative;
  clear: right;
}

.dropmenu_produkte .rightmenuarea .scrollarea_outer.withbordertop:before {
  content:'';
  position: absolute;
  top:0;
  width:calc(100% - 1vw + 3px);
  border-top:1px solid #7f96b2;
}

.dropmenu_produkte .rightmenuarea .template {
   display: -webkit-box; 
   display: -ms-flexbox; 
   display: -webkit-flex; 
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  /* padding-top: 2em; */
  box-sizing: border-box;
  justify-content: space-between;
  margin-top: 20px;
  width: calc(100% - 1vw);
}

.dropmenu_produkte .rightmenuarea .template::after {
  content: "";
  flex: 0 0 14.5vw;
}

.dropmenu_produkte .rightmenuarea .template[data-cnt="2"]::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="4"]::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="6"]::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="8"]::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="10"]::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="12"]::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="14"]::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="16"]::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="18"]::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="20"]::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="22"]::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="24"]::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="26"]::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="28"]::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="30"]::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="32"]::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="34"]::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="36"]::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="38"]::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="40"]::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="42"]::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="44"]::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="46"]::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="48"]::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="50"]::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="52"]::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="54"]::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="56"]::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="58"]::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="60"]::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="62"]::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="64"]::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="66"]::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="68"]::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="70"]::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="72"]::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="74"]::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="76"]::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="78"]::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="80"]::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="82"]::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="84"]::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="86"]::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="88"]::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="90"]::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="92"]::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="94"]::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="96"]::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="98"]::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="100"]::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="102"]::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="104"]::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="106"]::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="108"]::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="110"]::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="112"]::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="114"]::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="116"]::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="118"]::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="120"]::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="122"]::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="124"]::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="128"]::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="130"]::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="132"]::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="134"]::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="136"]::after {
  content: "";
  flex: 0 0 30vw;
}


.dropmenu_produkte .rightmenuarea .template[data-cnt="2"] .resultsplitarea::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="4"] .resultsplitarea::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="6"] .resultsplitarea::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="8"] .resultsplitarea::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="10"] .resultsplitarea::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="12"] .resultsplitarea::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="14"] .resultsplitarea::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="16"] .resultsplitarea::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="18"] .resultsplitarea::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="20"] .resultsplitarea::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="22"] .resultsplitarea::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="24"] .resultsplitarea::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="26"] .resultsplitarea::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="28"] .resultsplitarea::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="30"] .resultsplitarea::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="32"] .resultsplitarea::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="34"] .resultsplitarea::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="36"] .resultsplitarea::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="38"] .resultsplitarea::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="40"] .resultsplitarea::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="42"] .resultsplitarea::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="44"] .resultsplitarea::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="46"] .resultsplitarea::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="48"] .resultsplitarea::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="50"] .resultsplitarea::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="52"] .resultsplitarea::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="54"] .resultsplitarea::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="56"] .resultsplitarea::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="58"] .resultsplitarea::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="60"] .resultsplitarea::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="62"] .resultsplitarea::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="64"] .resultsplitarea::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="66"] .resultsplitarea::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="68"] .resultsplitarea::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="70"] .resultsplitarea::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="72"] .resultsplitarea::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="74"] .resultsplitarea::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="76"] .resultsplitarea::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="78"] .resultsplitarea::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="80"] .resultsplitarea::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="82"] .resultsplitarea::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="84"] .resultsplitarea::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="86"] .resultsplitarea::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="88"] .resultsplitarea::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="90"] .resultsplitarea::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="92"] .resultsplitarea::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="94"] .resultsplitarea::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="96"] .resultsplitarea::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="98"] .resultsplitarea::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="100"] .resultsplitarea::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="102"] .resultsplitarea::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="104"] .resultsplitarea::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="106"] .resultsplitarea::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="108"] .resultsplitarea::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="110"] .resultsplitarea::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="112"] .resultsplitarea::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="114"] .resultsplitarea::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="116"] .resultsplitarea::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="118"] .resultsplitarea::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="120"] .resultsplitarea::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="122"] .resultsplitarea::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="124"] .resultsplitarea::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="128"] .resultsplitarea::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="130"] .resultsplitarea::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="132"] .resultsplitarea::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="134"] .resultsplitarea::after,
.dropmenu_produkte .rightmenuarea .template[data-cnt="136"] .resultsplitarea::after {

  content: "";
  flex: 0 0 30vw;
}

.dropmenu_produkte .rightmenuarea .caption {
  margin-top: 1.5%;
  height:2.6em;
  position: relative;
}

.dropmenu_produkte .rightmenuarea .referenzmenuitem .iconimageholder { 
    position: absolute;
    top: 0;
    right: 0;
}

.dropmenu_produkte .rightmenuarea .referenzmenuitem .iconimageholder .iconimage {
  display: inline-block;
  vertical-align: middle;
  display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 1.25em;
    height: 1.25em;
    top: -0.5em;
    right:-0.68em;
}


.dropmenu_produkte .rightmenuarea .referenzmenuitem .iconnachhaltigkeitholder { 
    position: absolute;
    top: 0;
    left: 0;
}
.dropmenu_mobile .iconnachhaltigkeitholder {
    position: absolute;
    top: 4vw;
    left: 5%;
}


.dropmenu_mobile .iconnachhaltigkeitholder .iconimage,
.dropmenu_produkte .rightmenuarea .referenzmenuitem .iconnachhaltigkeitholder .iconimage {
  display: inline-block;
    vertical-align: middle;
    position: relative;
    width: auto;
    height: 1.25em;
    top: -0.5em;
    left: -0.625em;
}

.dropmenu_mobile .iconnachhaltigkeitholder .iconimage-1,
.dropmenu_produkte .rightmenuarea .referenzmenuitem .iconnachhaltigkeitholder .iconimage-1 {
     left: -1em;
}

.dropmenu_mobile .iconnachhaltigkeitholder .iconimage img,
.dropmenu_produkte .rightmenuarea .referenzmenuitem .iconnachhaltigkeitholder .iconimage img {
  height: 100%;
  width: auto;
}


.dropmenu_produkte .rightmenuarea .referenzmenuitem .iconimage-smartglow {
  position: absolute;
    top:0.6em;
    right: 0.68em;
    filter: drop-shadow(0px 0px 10px rgba(0,140,255,0.75)) drop-shadow(0px 0px 5px rgba(100,224,255,0.6));
    -webkit-filter: drop-shadow(0px 0px 10px rgba(0,140,255,0.75)) drop-shadow(0px 0px 5px rgba(100,224,255,0.6));
    -moz-filter: drop-shadow(0px 0px 10px rgba(0,140,255,0.75)) drop-shadow(0px 0px 5px rgba(100,224,255,0.6));
}

.dropmenu_produkte .rightmenuarea .referenzmenuitem .iconimage img { 
  width: 100%;
  height: auto;
}


.dropmenu_produkte .rightmenuarea .caption a {
    color:#000;
    font-size:1.125em;
    font-weight: bold;
    text-decoration: none;
}

.dropmenu_produkte .rightmenuarea .caption-farbwelten {
  padding-top: 3px;
}

.dropmenu_produkte .rightmenuarea .caption-farbwelten a {
    color:#000;
    font-size:1em;
    font-weight: normal;
    text-decoration: none;
}


.dropmenu_produkte .rightmenuarea .scrollarea  {
    height: auto;
    clear: right;
}

.dropmenu_produkte .rightmenuarea .referenzmenuitem {
  padding-bottom: 1.5em;
  width: 14.5vw;
  position: relative;
}

.dropmenu_produkte .rightmenuarea .template:hover .referenzmenuitem {
  opacity: 0.4;
}

.dropmenu_produkte .rightmenuarea .template .referenzmenuitem:hover {
  opacity: 1;
}

.dropmenu_produkte .rightmenuarea .referenzmenuitem .image {
  display: inline-block;
  width: 14.5vw;
  height: 5vw;
  height: 11.3vw;
  height: 11.5vw;
  content: 'viewport-units-buggyfill;  width: 13.5vw; height: 4.6vw;';
}

.dropmenu_produkte .rightmenuarea .referenzmenuitem .image img {
  display: block;
  border:1px solid #404040;
  width: 100%;
  height: auto;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(0,38,71,0.25);
  -moz-box-shadow: 0px 5px 10px 0px rgba(0,38,71,0.25);
  box-shadow: 0px 5px 10px 0px rgba(0,38,71,0.25);  
}


.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  top:0;
  bottom:auto;
  opacity: 1;
}


.dropmenu_produkte .rightmenuarea .template1xn .referenzmenuitem {
  width: 61.9vw;
  padding-bottom:0.5vw;
}
.dropmenu_produkte .rightmenuarea .template1xn .referenzmenuitem .image {
  width: 61.9vw;
  height: 30.95vw;
}


.dropmenu_produkte .rightmenuarea .template2xn .referenzmenuitem {
  width: 30vw;
  width: 29.5vw;
  padding-bottom:0.5vw;
}
.dropmenu_produkte .rightmenuarea .template2xn .referenzmenuitem .image {
  width: 30vw;
  width: 29.5vw;
  height: 17.5vw;
  height: 13.5vw;
}


.dropmenu_produkte .rightmenuarea .template3xn .referenzmenuitem {
  width: 19.7vw;
}
.dropmenu_produkte .rightmenuarea .template3xn .referenzmenuitem .image {
  width: 19.7vw;
  height: 15.6vw;
}

.dropmenu_produkte .rightmenuarea .headline {
  width: 60%;
  display: inline-block;
  width:49%;
  width:30%;
  display: none;
}

.dropmenu_produkte .rightmenuarea .headline h2 {
  color:#000000;
  font-weight: 500;
  font-size: 1.75em;
  padding:0;
  margin:0.5em 0;
}

.dropmenu_produkte .rightmenuarea .legende {
    top: 0;
    width:100%;
    text-align: right;
    padding-right: 1vw;
    box-sizing: border-box; 
    padding-bottom: 10px;
}

.dropmenu_produkte .rightmenuarea .legende .legendcion {
    /*float: left;
    width: 50%;*/
    line-height: 1.62em;
    font-size: 1em;
    font-style: italic;
    color: #fff;
    text-align: right;    
    display: inline-block;
    white-space: nowrap;
    padding-left: 6%;
}


.dropmenu_produkte .rightmenuarea .legende .legendcion .iconimage{
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.4em;
  width: 1vw;
}

.dropmenu_produkte .rightmenuarea .legende .legendeicon-smartglow .iconimage {
    filter: drop-shadow(0px 0px 10px rgba(0,140,255,0.75)) drop-shadow(0px 0px 5px rgba(100,224,255,0.6));
    -webkit-filter: drop-shadow(0px 0px 10px rgba(0,140,255,0.75)) drop-shadow(0px 0px 5px rgba(100,224,255,0.6));
    -moz-filter: drop-shadow(0px 0px 10px rgba(0,140,255,0.75)) drop-shadow(0px 0px 5px rgba(100,224,255,0.6));
}


.dropmenu_produkte .rightmenuarea .legende .legendcion .iconimage img {
    width: 100%;
    height: auto;
    vertical-align: text-top;    
}


.dropmenu_produkte .rightmenuarea .legende .legendcion a {
  color: inherit;
}

.dropmenu_produkte .rightmenuarea .legende .legendeicon-nachhaltigkeit {
  position: relative;
}

.dropmenu_produkte .rightmenuarea .legende .legendeicon-nachhaltigkeit .iconimage {
  width: auto;
  height: 1vw; 
}

.dropmenu_produkte .rightmenuarea .legende .legendeicon-nachhaltigkeit .iconimage img {
  height: 100%;
  width: auto;
  display: block;
}  

.dropmenu_produkte .rightmenuarea .legende .legendeicon-nachhaltigkeit .infotooltip {
  display: none;
  position: absolute;
  top: 1.5vw;
  left: -52%;
  z-index: 1;
  width: 32vw;
  height: 8vw;
}

.dropmenu_produkte .rightmenuarea .legende .legendeicon-nachhaltigkeit:hover .infotooltip {
  display: flex;
}

.dropmenu_produkte .rightmenuarea .legende .legendeicon-nachhaltigkeit .infotooltip img {
  width: auto;
  height: 100%;
}

.dropmenu_produkte .rightmenuarea .legende .legendeicon-nachhaltigkeit .infotooltip img:last-child {
  margin-left: -10px;
}

 /* dropmenu referenzen */



.dropmenu_referenzen .tx-hebrokapr:before {
    content: ' ';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: calc(28.9% - 2px);
    background: #a1b0d1;
    border-right: 2px solid #000;
}

.dropmenu_referenzen .tx-hebrokapr:after {
  content: ' ';
  position: absolute;
  right:0;
  top:0;
  bottom:0;
  left: 28.9%;
    background: #e7ebf3;
    background: -moz-radial-gradient(center, ellipse cover, #e7ebf3 0%, #bac4de 100%);
    background: -webkit-radial-gradient(center, ellipse cover, #e7ebf3 0%,#bac4de 100%);
    background: radial-gradient(ellipse at center, #e7ebf3 0%,#bac4de 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7ebf3', endColorstr='#bac4de',GradientType=1 );
  z-index:-1;
}

.dropmenu_referenzen .leftmenuarea {
  float:left;
  width:34%;
  padding:3.5vh 4vw 3.5vh 2.5vw;
  box-sizing:border-box;
  height: 100%;

  /*overflow-x:hidden;
  overflow-y:auto;
  height:70vh;*/
}

.dropmenu_referenzen .leftmenuarea .mCSB_outside + .mCSB_scrollTools {
    left: 0;
    top:2em;
    bottom:2vw;
}
.dropmenu_referenzen .leftmenuarea .mCSB_scrollTools .mCSB_draggerRail {
    background:transparent
}


.dropmenu_referenzen .leftmenuarea_padder {
  height: 100%;
  border-right:2px solid #000;
  padding-right: 2.5vw;
  position: relative;
  margin-right: 4%;
}

.dropmenu_referenzen .menuline {
      position: absolute;
    width: 28.9%;
    height: 90%;
    border-right: 2px solid #000;
    margin-top: 2vw;
    /* margin-bottom: 2vw; */
    box-sizing: border-box;
    padding-left: 2.5vw;
}

.dropmenu_referenzen .closer {
  width: 7vh;
  height: 7vh;
 background:url(../images/svg/schliessen-x_inaktiv_white.svg) 0 0 no-repeat;
  background-size: contain;
  cursor: pointer;
  position: absolute;
  bottom:2vh;
  left:2vw;
}

.dropmenu_referenzen .closer:hover {
  background:url(../images/svg/schliessen-x_aktiv.svg) 0 0 no-repeat;
    background-size: contain;
}



.dropmenu_referenzen .leftmenuarea h3.mainitem {
  color:#dee3ef;
  font-weight: 500;
  font-size:1.75em;
  cursor: pointer;
  margin: 2.5vh 0 2vh 0;  
  line-height: 2.5vw;
}

.dropmenu_referenzen .leftmenuarea h3.mainitem_stoebern i,
.dropmenu_referenzen .leftmenuarea h3.mainitem_alle i,
.dropmenu_referenzen .leftmenuarea h3.mainitem_farben i,
.dropmenu_referenzen .leftmenuarea h3.mainitem_suchen i {
    font-size: 2.75vw;
    display: inline-block;
    vertical-align: middle;
    margin-right: 1vw;
}

.dropmenu_referenzen .leftmenuarea h3.mainitem.active span.activearrow {
    position: absolute;
    width: 20px;
    right: -20px;
    height: 2vw;  
    background: url(../images/svg/pfeil_submenue.svg) -5px center no-repeat;
    background-size: contain;
    display: block;
    min-height: 32px;

    margin-top:-1.75em;
}

.dropmenu_referenzen .leftmenuarea h3.mainitem.active {
  color:#190d0c;
}
.dropmenu_referenzen .leftmenuarea h3.mainitem:hover {
  color:#fff;
}

.dropmenu_referenzen .leftmenuarea .dividerline {
  border-bottom: 1px solid #dee3ef;
}


.dropmenu_referenzen .leftmenuarea h3.mainitem_farben {
  margin-top:0;
}


.dropmenu_referenzen .leftmenuarea ul.submenu_stoebern {
  list-style-type: none;
  margin:0 0 1vw 3.5vw;
  padding:0;
  display: none;
}

.dropmenu_referenzen .leftmenuarea ul.submenu_stoebern_realopen {
  display: block;
}

.dropmenu_referenzen .leftmenuarea ul.submenu_stoebern li {
  color:#dee3ef;
  font-weight: 500;
  font-size:1.75em;
  padding-left:3.5vw;
  cursor: pointer;
  line-height: 1.55vw;
  vertical-align: middle;
  padding-top:0.3vw;
  padding-bottom:0.3vw;
  padding-left:0;
  border-top:1px solid #dee3ef;
}
.dropmenu_referenzen .leftmenuarea ul.submenu_stoebern li.active {
  color:#190d0c;
}
.dropmenu_referenzen .leftmenuarea ul.submenu_stoebern li:hover {
  color:#fff;
}

.dropmenu_referenzen .leftmenuarea ul.submenu_stoebern li.active span.activearrow {
    position: absolute;
    width: 1vw;
    background-color: red;
    right: -1vw;
    height: 2vw;  
    background: url(../images/svg/pfeil_submenue.svg) -5px center no-repeat;
    background-size: contain;
  
}

.dropmenu_referenzen .leftmenuarea ul.submenu_stoebern li .image {
  display: inline-block;
  width: 1.9vw;
  height: 1.9vw;
  vertical-align: middle;
content: 'viewport-units-buggyfill; width: 1.9vw;  height: 1.9vw;'
}

.dropmenu_referenzen .leftmenuarea ul.submenu_stoebern li .icomoonimage i {
  font-size: 1.9vw;
}


.dropmenu_referenzen .leftmenuarea ul.submenu_stoebern li .image .inactive {
  width: 100%;
  height: 100%;  
}
.dropmenu_referenzen .leftmenuarea ul.submenu_stoebern li .image .active {
  display: none;
  width: 100%;
  height: 100%;  
}
.dropmenu_referenzen .leftmenuarea ul.submenu_stoebern li.active .image .inactive,
.dropmenu_referenzen .leftmenuarea ul.submenu_stoebern li:hover .image .inactive {
  display: none;
}
.dropmenu_referenzen .leftmenuarea ul.submenu_stoebern li.active .image .active,
.dropmenu_referenzen .leftmenuarea ul.submenu_stoebern li:hover .image .active {
  display: block;
}

.dropmenu_referenzen .leftmenuarea .form_suchen {
  display: none;
  margin-left:3.5vw;
}

.dropmenu_referenzen .leftmenuarea .form_suchen p {
    color: #190d0c;
    padding-right: 5vw;
    line-height: 1.5em;
    font-size: 1.125em;
}

.dropmenu_referenzen .leftmenuarea .form_suchen_realopen {
  display: block;
}


.dropmenu_referenzen .leftmenuarea ul.submenu_stoebern li .image img {
  width: 100%;
  height: 100%;
}


.dropmenu_referenzen .leftmenuarea .form_suchen {
  display: none;
  margin-left:3.5vw;  
}

.dropmenu_referenzen .leftmenuarea .form_suchen_realopen {
  display: block;
}

.dropmenu_referenzen .leftmenuarea .form_suchen .row {
  margin-bottom:0.7vw;
  position: relative;
}

.dropmenu_referenzen .leftmenuarea .form_suchen .row .fieldarea {
    background-color: #dee3ef;
    padding: 1em;
    box-sizing: border-box;
    display: none;
    -webkit-box-shadow: 0px 5px 10px 0px rgba(0,38,71,0.25);
    -moz-box-shadow: 0px 5px 10px 0px rgba(0,38,71,0.25);
    box-shadow: 0px 5px 10px 0px rgba(0,38,71,0.25);
}
.dropmenu_referenzen .leftmenuarea .form_suchen .row .fieldarea p.mehrfachauswahl {
    color: #a1b0d1;
    font-size: 0.75em;
    margin: 1em 0 0 0;
    padding: 0;
    text-align: center;
    font-style: italic;
}

.dropmenu_referenzen .leftmenuarea .form_suchen .row .fieldarea .item {
display: inline-block;
    width: 100%;
    color: #190d0c;
    margin-bottom: 0.25em;
}
.dropmenu_referenzen .leftmenuarea .form_suchen .row .fieldarea_farben{
  text-align: center;
}


.dropmenu_referenzen .leftmenuarea .form_suchen .row_farben .removeitem {
  display: none;
}


.dropmenu_referenzen .leftmenuarea .form_suchen .row_farben label .item,
.dropmenu_referenzen .leftmenuarea .form_suchen .row .fieldarea_farben .item {
  display: inline-block;
  width: 11%;
  cursor: pointer;
  margin-right: 0.25em;
}
.dropmenu_referenzen .leftmenuarea .form_suchen .row_farben label .item {
  width: 7%;
  line-height: 1.5vw;
}
.dropmenu_referenzen .leftmenuarea .form_suchen .row_farben label .item img {
  vertical-align: sub;
}

.dropmenu_referenzen .leftmenuarea .form_suchen .row_farben label .item img,
.dropmenu_referenzen .leftmenuarea .form_suchen .row .fieldarea_farben .item img {
  width: 100%;
  height: auto;
}



.dropmenu_referenzen .leftmenuarea .form_suchen .fieldarea_farben input[type="checkbox"], 
.dropmenu_referenzen .leftmenuarea .form_suchen input[type="submit"] {
  display: none;
}

.dropmenu_referenzen .leftmenuarea .form_suchen input[name="suchwort"] {
border: 0;
    border-top: 1px solid #7f96b2;
    border-bottom: 1px solid #fff;
    background-color: #dee3ef;
    color: #190d0c;
    width: 100%;
    padding: 0.5em;
    box-sizing: border-box;
    font-size: 1.125em;
}

/* do not group these rules */
.dropmenu_referenzen .leftmenuarea .form_suchen input[name="suchwort"]::-webkit-input-placeholder {
    color: #a1b0d1;
}
.dropmenu_referenzen .leftmenuarea .form_suchen input[name="suchwort"]:-moz-placeholder {
    /* FF 4-18 */
    color: #a1b0d1;
}
.dropmenu_referenzen .leftmenuarea .form_suchen input[name="suchwort"]::-moz-placeholder {
    /* FF 19+ */
    color: #a1b0d1;
}
.dropmenu_referenzen .leftmenuarea .form_suchen input[name="suchwort"]:-ms-input-placeholder {
    /* IE 10+ */
    color: #a1b0d1;
}


.dropmenu_referenzen .leftmenuarea .form_suchen label {
    display: block;
    line-height: 1.5vw;
    padding: 0.2em;
    text-align: center;
    text-transform: uppercase;
    color: #ffffff;
    font-size: 1.125em;
    letter-spacing: 0.1em;
    border-top: 1px solid #463a3a;
    border-bottom: 1px solid #463a3a;
    cursor: pointer;
    font-weight: 500;
    background: #190d0c;
    -webkit-box-shadow: 0px 5px 10px 0px rgba(0,38,71,0.25);
    -moz-box-shadow: 0px 5px 10px 0px rgba(0,38,71,0.25);
    box-shadow: 0px 5px 10px 0px rgba(0,38,71,0.25);
}

.dropmenu_referenzen .leftmenuarea .form_suchen .pulldown_arrow {
  position: absolute;
  right: 0;
  width:1vw;
  height: 1vw;
  right: 1vw;
  background: url(../images/svg/pfeil_pulldown.svg) 0 0 no-repeat;
  background-size: contain;
  margin-top:-1px;
}
.dropmenu_referenzen .leftmenuarea .form_suchen label span {
  font-size: 1em;
  text-transform: none;
  letter-spacing: normal;
  color:#fff;
}


.dropmenu_referenzen .rightmenuarea {
  margin-left: 34%;
  width:66%;
  padding:3.5vh 4vw 0 0;
  box-sizing:border-box;
  height: 100%;  
}

.dropmenu_referenzen .rightmenuarea .template {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  /* float: left; */
  /* padding-top: 0; */
  box-sizing: border-box;
  margin-top: 20px;
  justify-content:space-between;

  width:calc(100% - 1vw) !important;
}
.dropmenu_referenzen .rightmenuarea .template:after {
   content: "";
  flex: 0 0 14.5vw;
}

.dropmenu_referenzen .rightmenuarea .template[data-cnt="2"]::after,
.dropmenu_referenzen .rightmenuarea .template[data-cnt="4"]::after,
.dropmenu_referenzen .rightmenuarea .template[data-cnt="6"]::after,
.dropmenu_referenzen .rightmenuarea .template[data-cnt="8"]::after,
.dropmenu_referenzen .rightmenuarea .template[data-cnt="10"]::after,
.dropmenu_referenzen .rightmenuarea .template[data-cnt="12"]::after,
.dropmenu_referenzen .rightmenuarea .template[data-cnt="14"]::after,
.dropmenu_referenzen .rightmenuarea .template[data-cnt="16"]::after,
.dropmenu_referenzen .rightmenuarea .template[data-cnt="18"]::after,
.dropmenu_referenzen .rightmenuarea .template[data-cnt="20"]::after,
.dropmenu_referenzen .rightmenuarea .template[data-cnt="22"]::after,
.dropmenu_referenzen .rightmenuarea .template[data-cnt="24"]::after,
.dropmenu_referenzen .rightmenuarea .template[data-cnt="26"]::after,
.dropmenu_referenzen .rightmenuarea .template[data-cnt="28"]::after,
.dropmenu_referenzen .rightmenuarea .template[data-cnt="30"]::after,
.dropmenu_referenzen .rightmenuarea .template[data-cnt="32"]::after,
.dropmenu_referenzen .rightmenuarea .template[data-cnt="34"]::after,
.dropmenu_referenzen .rightmenuarea .template[data-cnt="36"]::after,
.dropmenu_referenzen .rightmenuarea .template[data-cnt="38"]::after,
.dropmenu_referenzen .rightmenuarea .template[data-cnt="40"]::after,
.dropmenu_referenzen .rightmenuarea .template[data-cnt="42"]::after,
.dropmenu_referenzen .rightmenuarea .template[data-cnt="44"]::after,
.dropmenu_referenzen .rightmenuarea .template[data-cnt="46"]::after,
.dropmenu_referenzen .rightmenuarea .template[data-cnt="48"]::after,
.dropmenu_referenzen .rightmenuarea .template[data-cnt="50"]::after,
.dropmenu_referenzen .rightmenuarea .template[data-cnt="52"]::after,
.dropmenu_referenzen .rightmenuarea .template[data-cnt="54"]::after,
.dropmenu_referenzen .rightmenuarea .template[data-cnt="56"]::after,
.dropmenu_referenzen .rightmenuarea .template[data-cnt="58"]::after,
.dropmenu_referenzen .rightmenuarea .template[data-cnt="60"]::after,
.dropmenu_referenzen .rightmenuarea .template[data-cnt="62"]::after,
.dropmenu_referenzen .rightmenuarea .template[data-cnt="64"]::after,
.dropmenu_referenzen .rightmenuarea .template[data-cnt="66"]::after,
.dropmenu_referenzen .rightmenuarea .template[data-cnt="68"]::after,
.dropmenu_referenzen .rightmenuarea .template[data-cnt="70"]::after,
.dropmenu_referenzen .rightmenuarea .template[data-cnt="72"]::after,
.dropmenu_referenzen .rightmenuarea .template[data-cnt="74"]::after,
.dropmenu_referenzen .rightmenuarea .template[data-cnt="76"]::after,
.dropmenu_referenzen .rightmenuarea .template[data-cnt="78"]::after,
.dropmenu_referenzen .rightmenuarea .template[data-cnt="80"]::after,
.dropmenu_referenzen .rightmenuarea .template[data-cnt="82"]::after,
.dropmenu_referenzen .rightmenuarea .template[data-cnt="84"]::after,
.dropmenu_referenzen .rightmenuarea .template[data-cnt="86"]::after,
.dropmenu_referenzen .rightmenuarea .template[data-cnt="88"]::after,
.dropmenu_referenzen .rightmenuarea .template[data-cnt="90"]::after,
.dropmenu_referenzen .rightmenuarea .template[data-cnt="92"]::after,
.dropmenu_referenzen .rightmenuarea .template[data-cnt="94"]::after,
.dropmenu_referenzen .rightmenuarea .template[data-cnt="96"]::after,
.dropmenu_referenzen .rightmenuarea .template[data-cnt="98"]::after,
.dropmenu_referenzen .rightmenuarea .template[data-cnt="100"]::after {
  content: "";
  flex: 0 0 30vw;
}



.dropmenu_referenzen .rightmenuarea .template.templateProductView {
  display: block;
  white-space: nowrap;

  font-size: 16px;
  transform: scale(0.8);
  transform-origin: 0 0;  
}
.dropmenu_referenzen .rightmenuarea .template.templateProductView .refitemcontainerwrapper {
  display: inline-block;
  border-right:2px solid #7f96b2;
  margin-right: 1vw;
  height: 100%;  
}

.dropmenu_referenzen .rightmenuarea .template.templateProductView .refitemcontainer {
  height: 100%;
}

.dropmenu_referenzen .rightmenuarea .template.templateProductView .refitemcontainer .referenzmenuitem {
  width:16em;
  float: left;
  margin-right: 1em;
}

.refitemcontainer_header {
  width: 16em;
  margin-right: 1em;
  display: inline-block;
}

.refitemcontainer_header_tall {
  width: 33em;
  display: inline-block;
  margin-right: 1em;
}

.refitemcontainer_header_tall + .refitemcontainer_header_small {
  display: none;
}

.refitemcontainer_header p {
  text-align: center;
}

.refitemcontainer_header p img {
  vertical-align: middle;
  border-radius: 50%;
  margin-right: 1em;
  border:1px solid #000;
}

.dropmenu_referenzen .rightmenuarea .template.templateProductView .refitemcontainer .referenzmenuitem .image {
  width:16em;
  height: 8.5em
}


.dropmenu_referenzen .rightmenuarea .caption {
  margin-top: 1.5%;
  height: 3.9em;
  overflow:hidden;
  position: relative;
}

.dropmenu_referenzen .rightmenuarea .caption .iconimage {
  display: inline-block;
  vertical-align: middle;
  margin-right: 1%;
  width: 2vw;
}

.dropmenu_referenzen .rightmenuarea .caption .iconimage img {
    width: 100%;
    height: auto;
}

.dropmenu_referenzen .rightmenuarea  .caption a {
    color:#000;
    font-size:1.125em;
    font-weight: bold;
    text-decoration: none;
}

.dropmenu_referenzen .rightmenuarea .shadowleft  {
  width:1vw;
  height: 100%;
  position: absolute;
  margin-top:30px;
  z-index: 4;
  background: -moz-linear-gradient(left, rgba(40,40,40,0.65) 0%, rgba(40,40,40,0.02) 38%, rgba(40,40,40,0) 39%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(40,40,40,0.65)), color-stop(38%,rgba(40,40,40,0.02)), color-stop(39%,rgba(40,40,40,0)));
  background: -webkit-linear-gradient(left, rgba(40,40,40,0.65) 0%,rgba(40,40,40,0.02) 38%,rgba(40,40,40,0) 39%);
  background: -o-linear-gradient(left, rgba(40,40,40,0.65) 0%,rgba(40,40,40,0.02) 38%,rgba(40,40,40,0) 39%);
  background: -ms-linear-gradient(left, rgba(40,40,40,0.65) 0%,rgba(40,40,40,0.02) 38%,rgba(40,40,40,0) 39%);
  background: linear-gradient(to right, rgba(40,40,40,0.65) 0%,rgba(40,40,40,0.02) 38%,rgba(40,40,40,0) 39%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6404040', endColorstr='#00404040',GradientType=1 );
  display: none;
}

.dropmenu_referenzen .rightmenuarea .shadowright  {
  right: 0;
  width:1vw;
  height: 100%;
  position: absolute;
  margin-top:30px;
  z-index: 4;
  background: -moz-linear-gradient(left, rgba(40,40,40,0) 61%, rgba(40,40,40,0.02) 62%, rgba(40,40,40,0.65) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(61%,rgba(40,40,40,0)), color-stop(62%,rgba(40,40,40,0.02)), color-stop(100%,rgba(40,40,40,0.65)));
  background: -webkit-linear-gradient(left, rgba(40,40,40,0) 61%,rgba(40,40,40,0.02) 62%,rgba(40,40,40,0.65) 100%);
  background: -o-linear-gradient(left, rgba(40,40,40,0) 61%,rgba(40,40,40,0.02) 62%,rgba(40,40,40,0.65) 100%);
  background: -ms-linear-gradient(left, rgba(40,40,40,0) 61%,rgba(40,40,40,0.02) 62%,rgba(40,40,40,0.65) 100%);
  background: linear-gradient(to right, rgba(40,40,40,0) 61%,rgba(40,40,40,0.02) 62%,rgba(40,40,40,0.65) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00404040', endColorstr='#a6404040',GradientType=1 );
  display: none;
}

.dropmenu_referenzen .rightmenuarea .scrollarea_outer  {
  position: relative;
  clear: right;
}
.dropmenu_referenzen .rightmenuarea .dividerline {
  border-top:1px solid #7f96b2;
  margin-right: calc(1vw - 3px);
}

.dropmenu_referenzen .rightmenuarea .scrollarea  {
    overflow-x: auto;
    height: auto;
    width: 100%;
    overflow-y: hidden;
}

.dropmenu_referenzen .rightmenuarea .referenzmenuitem {
  position: relative;


  padding-bottom: 1.5em;
  margin-right:2vw;
  width: 14.5vw;
}

.dropmenu_referenzen .rightmenuarea .referenzmenuitem .image {
  display: inline-block;
  width: 14.5vw;
  height: 7.2vw;
content: 'viewport-units-buggyfill;width: 13.5vw;  height: 6.7vw;';   
}

.dropmenu_referenzen .rightmenuarea .referenzmenuitem .image img {
  border:1px solid #404040;
  display: block;
  width: 100%;
  height: auto;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(0,38,71,0.25);
  -moz-box-shadow: 0px 5px 10px 0px rgba(0,38,71,0.25);
  box-shadow: 0px 5px 10px 0px rgba(0,38,71,0.25);  
}


.dropmenu_referenzen .rightmenuarea .template1xn .referenzmenuitem {
  width: 61.9vw;
  padding-bottom:0.5vw;
}
.dropmenu_referenzen .rightmenuarea .template1xn .referenzmenuitem .image {
  width: 61.9vw;
  height: 30.95vw;
}


.dropmenu_referenzen .rightmenuarea .template2xn .referenzmenuitem {
  margin-right:2vw;  
  width: 30vw;
  padding-bottom:0.5vw;
}
.dropmenu_referenzen .rightmenuarea .template2xn .referenzmenuitem .image {
  width: 30vw;
  height: 15vw;
}


.dropmenu_referenzen .rightmenuarea .template3xn .referenzmenuitem {
  margin-right:2vw;
  width: 19.5vw;
  
}

.dropmenu_referenzen .rightmenuarea .template:hover .referenzmenuitem {
  opacity: 0.35;
}

.dropmenu_referenzen .rightmenuarea .template .referenzmenuitem:hover {
  opacity: 1;
}

.dropmenu_referenzen .rightmenuarea .template3xn .referenzmenuitem .image {
  width: 19.5vw;
  height: 13.1vw;
content: 'viewport-units-buggyfill;width: 18.7vw;  height: 12.9vw;'; 
}


.dropmenu_referenzen .rightmenuarea .template3xn .caption .iconimage {
  float: left;
  margin-right: 1em;
}
.dropmenu_referenzen .rightmenuarea .template3xn .caption {
    height: 2.8em;
}

.dropmenu_referenzen .rightmenuarea .template3xn .caption a {
    line-height: 2.2em;
    line-height: 1.2em;
}


.dropmenu_referenzen .rightmenuarea .template3xn .caption .iconimage.icomoonimage i {
  font-size: 1.9vw;
}


.dropmenu_referenzen .rightmenuarea .template .referenzmenuitem,
.dropmenu_referenzen .rightmenuarea .template4xn .referenzmenuitem {
  /*margin-right:1vw;*/
  margin-right:0;
}

.dropmenu_referenzen .rightmenuarea .headline {
  width: 49%;
  display: inline-block;
  width: 30%;
}

.dropmenu_referenzen .rightmenuarea .headline h2 {
  color:#000;
  font-weight: 500;
  font-size: 1.75em;
  padding:0;
  margin:0.5em 0;

}



.dropmenu_referenzen .rightmenuarea .legende {
    width: 50%;
    float: right;
    top: 0;
    display: inline-block;
    text-align: right;
    width: 70%;
    padding-right: 1vw;
    box-sizing: border-box;
}

.dropmenu_referenzen .rightmenuarea .legende .legendcion {

    line-height: 3.3em;
    font-size: 1em;
    font-style: italic;
    color:#fff;
    white-space: nowrap;
    display: inline-block;
    margin-left: 7%;
}

.dropmenu_referenzen .rightmenuarea .legende .legendcion .iconimage{
  display: inline-block;
  vertical-align: middle;
  margin-right: 2%;
  width: 1vw;
  margin-right:0.5em;
}

.dropmenu_referenzen .rightmenuarea .legende .legendcion a {
  color:inherit;
}

.dropmenu_referenzen .rightmenuarea .legende .legendeicon-smartglow .iconimage {
     filter: drop-shadow(0px 0px 10px rgba(0,140,255,0.75)) drop-shadow(0px 0px 5px rgba(100,224,255,0.6));
    -webkit-filter: drop-shadow(0px 0px 10px rgba(0,140,255,0.75)) drop-shadow(0px 0px 5px rgba(100,224,255,0.6));
    -moz-filter: drop-shadow(0px 0px 10px rgba(0,140,255,0.75)) drop-shadow(0px 0px 5px rgba(100,224,255,0.6));  
}

.dropmenu_referenzen .rightmenuarea .legende .legendcion .iconimage img {
    width: 100%;
    height: auto;
    vertical-align: text-top;    
}

/* dropmenu end */

/* references start*/

.reference_text_dropdown {
  position: absolute;
  width: 100%; 
  height: 100%;
  background-color: #000000;
  z-index:30;
  top:-100%;  
  color:#ffffff;
  overflow-y: auto;
}
.reference_text_dropdown .mCSB_container {
  height: 100%;
}

.reference_text_dropdown .leftarea {
    box-sizing: border-box;
    margin: 13vh 0 0 8vw;
    width: 50%;
    width: calc(60% - 8vw);
    float: left;
    position: relative;
    height: calc(100% - 15vh);
}

.reference_text_dropdown .leftarea_scrollarea {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
}

.reference_text_dropdown .leftarea_scrollarea .mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
}

.reference_text_dropdown .leftarea_scrollarea .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #190d0c;
}

.reference_text_dropdown .leftarea h2 {
  margin:0 0 1em 0;
  padding:0;
  font-weight: 700;
  font-size: 2.625em;
  line-height: 1.42em;
  font-family: 'Fira Sans Condensed', sans-serif;  
    color: #190d0c;
    text-shadow: 0px 7px 5px rgba(0, 38, 71,0.1);
}


.reference_text_dropdown .leftarea h4 {
  margin:0;
  padding:0;
  color: #190d0c;
  font-weight: 700;
  font-size: 1em;
  line-height: 1.6666em;
    text-shadow: 0px 7px 5px rgba(0, 38, 71,0.1);  
}


.reference_text_dropdown .leftarea p {
  margin:0 0 1.5em 0;
  padding:0 0 0 0;
  color: #190d0c;
  font-size: 1.5em;
  line-height: 1.6666em;
    text-shadow: 0px 7px 5px rgba(0, 38, 71,0.1);  
}

.reference_text_dropdown .leftarea p a {
  color:#190d0c;
}


.reference_text_dropdown .rightarea {
box-sizing: border-box;
    padding: 13vh 0 4vh 3vw;
    margin-left: 59%;
    text-align: left;
}

.reference_text_dropdown .rightarea .contactlinkblock {
border: 1px solid #190d0c;
    width: 14vw;
    margin: 0;
    display: inline-block;
    padding: 2vw 1vw;
    box-sizing: border-box;
    /* height: 25vw; */
    text-align: center;
}

.reference_text_dropdown .rightarea .contactlinkblock img {
  width: 3vw;
  height: 3vw;
filter: drop-shadow( 0px 5px 5px rgba(25,13,12,0.75));
    -webkit-filter: drop-shadow( 0px 5px 5px rgba(25,13,12,0.75));
    -moz-filter: drop-shadow( 0px 5px 5px rgba(25,13,12,0.75));
}


.reference_text_dropdown .rightarea .contactlinkblock a {
  text-decoration: none;
}

.reference_text_dropdown .rightarea .contactlinkblock p {
  font-size: 1.75em;
  margin:3vw 0 3vw 0;
  color:#190d0c;
  text-decoration: none;
    text-shadow: 0px 7px 5px rgba(0, 38, 71,0.1);  
}



.reference_info_button {
    position: absolute;
    left: 0;
    top: 1.5vh;
    background: url(../images/svgpz/pz_icon_pfeil_li.svg) 0 0 no-repeat;
    background-size: contain;
    width: 3.125vw;
    height: 3.125vw;
    z-index: 1;
    max-width: 50px;
    max-height: 50px;
    min-width: 37px;
    min-height: 37px;
    z-index: 20;
    filter: drop-shadow( 0px 5px 5px rgba(25,13,12,0.75));
    -webkit-filter: drop-shadow( 0px 5px 5px rgba(25,13,12,0.75));
    -moz-filter: drop-shadow( 0px 5px 5px rgba(25,13,12,0.75));
    margin-left: 0.5em;
}

.reference_info_button:hover {
  background: url(../images/svgpz/pz_icon_pfeil_li_hover.svg) 0 0 no-repeat;
  background-size: contain;  
}

.reference_info_button a {
  display: block;
  width:3.125vw;
  height: 3.125vw;
  max-width: 50px;
  max-height: 50px;
}

.reference_close_button {
    width: 7vh;
    height: 7vh;
    background: url(../images/svg/schliessen-x_inaktiv_white.svg) 0 0 no-repeat;
    background-size: contain;
    cursor: pointer;
    position: absolute;
    bottom: 2vh;
    left: 2vw;
    z-index: 3;
}

.reference_close_button:hover {
  background: url(../images/svg/schliessen-x_aktiv.svg) 0 0 no-repeat;
  background-size: contain;  
}

.reference_close_button a {
  display: block;
  width:8.75vw;
  height: 8.75vw;
  max-width: 140px;
  max-height: 140px;
}


/* references end */

/* products start*/

.product_text_dropdown {
  position: absolute;
  width: 100%; 
  height: 100%;
  z-index:30;
  top:-100%;  
  color:#ffffff;
  overflow: hidden;

  background: url(../images/bglayer/pz_hg_layer_hellblau_3800.jpg) 0 0 no-repeat;
  background-size: 100% 100%;

}




@media only screen and (max-width :2500px) {
  .product_text_dropdown {  
    background:url(../images/bglayer/pz_hg_layer_hellblau_2500.jpg) 0 0 no-repeat;
    background-size: 100% 100%;  
  }
}
@media only screen and (max-width :1920px) {
  .product_text_dropdown {  
    background:url(../images/bglayer/pz_hg_layer_hellblau_1920.jpg) 0 0 no-repeat;
    background-size: 100% 100%;  
  }
}
@media only screen and (max-width :1200px) {
  .product_text_dropdown {  
    background:url(../images/bglayer/pz_hg_layer_hellblau_1200.jpg) 0 0 no-repeat;
    background-size: 100% 100%;  
  }
}
@media only screen and (max-width :768px) {
  .product_text_dropdown {  
    background:url(../images/bglayer/pz_hg_layer_hellblau_768.jpg) 0 0 no-repeat;
    background-size: 100% 100%;  
  }
}
@media only screen and (max-width :320px) {
  .product_text_dropdown {  
    background:url(../images/bglayer/pz_hg_layer_hellblau_768.jpg) 0 0 no-repeat;
    background-size: 100% 100%;  
  }
}


.product_text_dropdown .fullarea {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  overflow:hidden;
  
}

.product_text_dropdown .fullarea_inner {
  box-sizing: border-box;
  padding: 3vh 1vw 0 0;
  margin: 0 auto;
  width: 100%;
  min-width: 800px;
  max-width: 800px;
  min-width: 1050px;
  max-width: 1050px;
  overflow-y: auto;
}

.product_text_dropdown .fullarea_inner_produkte_links {
  float: none;
  width: auto;
}

.product_text_dropdown .fullarea_inner_produkte_rechts {
 margin-left: 70%;
 display: none;
}

.product_text_dropdown .fullarea_inner_produkte_rechts .zurhaendlersuche {
    border: 1px solid #190e0d;
    margin: 8.9em 0 0 4em;
    display: inline-block;
    padding: 2vw 1vw;
    box-sizing: border-box;
    text-align: center;
}

.product_text_dropdown .fullarea_inner_produkte_rechts .zurhaendlersuche a {
  color:#190e0d;
  text-decoration: none;
}

.product_text_dropdown .fullarea_inner_produkte_rechts .zurhaendlersuche p {
  margin:2em 0;
  padding:0;
  font-size: 1.5em;
}


.product_text_dropdown .fullarea_inner_produkte_rechts .zurhaendlersuche .icon {
  font-size: 3em;
  display: inline-block;
}

.product_text_dropdown .fullarea h2 {
  margin:0 0 1em 0;
  padding:0;
  color: #190e0d;
  font-weight: 400;
  font-size: 2.625em;
  line-height: 1.42em;
}

.product_text_dropdown .fullarea h2 span.celogo {
    background: url(../images/icon_ce_weiss.png) 0 0 no-repeat;
    background-size: contain;
    width: 1.3em;
    height: 0.7em;
    display: inline-block;
    vertical-align: inherit;
}



.product_text_dropdown .fullarea h4 {
  margin:0;
  padding:0;
  color: #190e0d;
  font-weight: 700;
  font-size: 1em;
  line-height: 1.6666em;
}


.product_text_dropdown .fullarea p {
  margin:0 0 1.5em 0;
  padding:0;
  color: #190e0d;
  font-weight: 400;
  font-size: 1.125em;
  line-height: 1.6666em;
}

.product_text_dropdown .fullarea p.zusatz {
  border-bottom: 1px solid #190e0d;
  padding-bottom: 1.5em;
  font-size:0.875em; 
  text-shadow: 0px 7px 5px rgba(0, 38, 71,0.1);  
}

.product_text_dropdown .fullarea .whitebox {
  background-color: #190e0d;
  padding:1vw;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(0,38,71,0.25);
  -moz-box-shadow: 0px 5px 10px 0px rgba(0,38,71,0.25);
  box-shadow: 0px 5px 10px 0px rgba(0,38,71,0.25);    
}

.product_text_dropdown .fullarea p.optikinfo {
  float: left;
  width: 50%;
  padding-right: 3%;
  box-sizing:border-box;
  font-size: 0.875em;
  color:#fff;
  margin-bottom:0;
  padding-bottom: 0;
}

.product_text_dropdown .fullarea p.optikinfo img {
  float: left;
  margin:0 0.5em 0.1em 0;
}


.product_text_dropdown .fullarea p.pdfinfo {
  margin-left: 50%;
  font-size: 1.5em;
  line-height: 1em;
  color:#fff;
  margin-bottom:0;
  padding-bottom: 0;
}

.product_text_dropdown .fullarea p.pdfinfo a {
  color:#fff;
  text-decoration: none;
  background: url(../images/svg/pz_icon_pdf.svg) left center no-repeat;
  background-size: contain;
  display: block;
  height: 1.2em;
  padding-left: 1.6em;

}

.product_text_dropdown .fullarea .weitereformatlinks .weitereformatlinks_full {
    display: flex;
    justify-content: space-between;
    margin-bottom: 2em;
    padding:0 1em;
}


.product_text_dropdown .fullarea .weitereformatlinks .weitereformatlinks_full_two {
    justify-content: center;
}



.product_text_dropdown .fullarea .weitereformatlinks .weitereformatlinks_full a.link {
    display: inline-block;
    width: 30%;
    padding: 0.5em;
    box-sizing: border-box;
    color: #fff;
    background: #190e0d;
    font-size: 1.3125em;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    border: 1px solid #463a3a;
    -webkit-box-shadow: 0px 5px 10px 0px rgba(0,38,71,0.25);
    -moz-box-shadow: 0px 5px 10px 0px rgba(0,38,71,0.25);
    box-shadow: 0px 5px 10px 0px rgba(0,38,71,0.25);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-weight: 500;
}

.product_text_dropdown .fullarea .weitereformatlinks .weitereformatlinks_full a.link:hover {
    color: #fff;
    font-size: 1.4em;
    padding: 0.4em;
}


.product_text_dropdown .fullarea .weitereformatlinks .weitereformatlinks_full_two a.link {
  margin: 0 10px;
}


.product_text_dropdown .fullarea .weitereformatlinks h2 { 
  margin-bottom: 0.5em;
  font-size: 2em;
    padding:0 0.5em;
text-shadow: 0px 7px 5px rgba(0, 38, 71,0.1);    
}
.product_text_dropdown .fullarea .weitereformatlinks .weitereformatlinks_links { 
  float: left;
    width: 48%;
    margin-right: 2%;
}
.product_text_dropdown .fullarea .weitereformatlinks .weitereformatlinks_rechts { 
  float: left;
  width: 50%;
}
.product_text_dropdown .fullarea .weitereformatlinks a {
  color:inherit;
}
.product_text_dropdown .fullarea .weitereformatlinks .weitereformatlinks_links a {
  text-decoration: none;
} 

.product_text_dropdown .fullarea .weitereformatlinks .weitereformatlinks_links p {
    padding-right: 2.5vw;
    background: url(../images/svg/pfeil_kontakt.svg) right center no-repeat;
    background-size: auto 65%;
} 


.product_text_dropdown .fullarea table.zertifikate {
  width: 100%;
  border-collapse:collapse;
  margin-bottom: 1.5em;
}

.product_text_dropdown .fullarea table.zertifikate th {
  border-bottom: 1px solid #190e0d;
  font-size: 0.875em;
}


.product_text_dropdown .fullarea table.zertifikate td {
  font-size: 1.5em;
}

.product_text_dropdown .fullarea table.zertifikate th,
.product_text_dropdown .fullarea table.zertifikate td {
  margin:0;
  padding:0;
  color: #190e0d;
  font-weight: 500;
  line-height: 1.6666em;
  text-align: left;
  padding: 0.3em;
text-shadow: 0px 7px 5px rgba(0, 38, 71,0.1);  
}

.product_text_dropdown .fullarea table.zertifikate tr.data {
  cursor: pointer;
}

.product_text_dropdown .fullarea table.zertifikate tr.data:hover {
  background-color: #ffffff;
}


.product_text_dropdown .fullarea table.zertifikate tr.data:hover td {  
  color:#000000;
  background-color: #ffffff;
}

.product_text_dropdown .fullarea table.zertifikate th.laenge,
.product_text_dropdown .fullarea table.zertifikate td.laenge {
  width: 3.5em;
  text-align: right;
}
.product_text_dropdown .fullarea table.zertifikate th.breite,
.product_text_dropdown .fullarea table.zertifikate td.breite {
  width: 2em;
  text-align: right;
}
.product_text_dropdown .fullarea table.zertifikate th.hoehe,
.product_text_dropdown .fullarea table.zertifikate td.hoehe {
  width: 0.5em;
  text-align: right;
}
.product_text_dropdown .fullarea table.zertifikate th.divider,
.product_text_dropdown .fullarea table.zertifikate td.divider {
  width: 1em;
  text-align: center;
  color:#190e0d;
}

.product_text_dropdown .fullarea table.zertifikate th.icon_laeufer,
.product_text_dropdown .fullarea table.zertifikate td.icon_laeufer,
.product_text_dropdown .fullarea table.zertifikate th.icon_kopf,
.product_text_dropdown .fullarea table.zertifikate td.icon_kopf {
  text-align: right;
}

.product_text_dropdown .fullarea table.zertifikate td.celogo {
    text-align: center;
    font-size:1.125em; 
}

.product_text_dropdown .fullarea table.zertifikate td.produktname {
  font-weight:800; 
}

.product_text_dropdown .fullarea table.zertifikate td.celogo span.cebutton {
    display: inline-block;
    /* background-color: #ffffff; */
    /* width: 4em; */

    color: #999;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
}

.product_text_dropdown .fullarea table.zertifikate td.celogo span.cebutton span {    
    display: inline-block;
    /* background-color: #ffffff; */
    /* width: 4em; */
    color: #999;
    padding: 0.1em 0.5em 0.1em 2.5em;
    background: url(/fileadmin/templates/images/ce-icon.svg) 0.5em center no-repeat;
    background-size: auto 50%;
    text-transform: uppercase;
    font-size: 0.875em;
    letter-spacing: 0.05em;
}
.product_text_dropdown .fullarea table.zertifikate tr:hover td.celogo span.cebutton span,
.product_text_dropdown .fullarea table.zertifikate td.celogo span.cebutton:hover span {    
    color: #000000;
    background: url(/fileadmin/templates/images/ce-icon_hover.svg) 0.5em center no-repeat;
    background-size: auto 50%;
}


.product_text_dropdown .zertifikatarea {
  width: 100%;
  height: 100%;
  display: none;
  background: #ffffff;
  position: absolute;
  z-index: 3;
  box-sizing:border-box;
  overflow: hidden;
}


.product_text_dropdown .zertifikatarea_padder {
  box-sizing: border-box;
  padding: 3vh 1vw 4vw 0;
  margin: 0 auto;
  width: 100%;
/*  min-width: 1600px; */
  max-width: 1600px;
  overflow-y: auto;
  height: 100%;
}

.product_text_dropdown .zertifikatarea .pdfzertifikat,
.product_text_dropdown .zertifikatarea .printzertifikat,
.product_text_dropdown .zertifikatarea .closezertifikat,
.product_text_dropdown .zertifikatarea .closedropdown {
  display: inline-block;
  width: 25%;
  height: 2.5vw;
  line-height: 2.5vw;
  vertical-align: middle;
  text-align: center;
  color:#000000;
  text-decoration: none;
  border-top:1px solid #7f7f7f;
  border-right:2px solid #000000;
  box-sizing:border-box;
  position: absolute;
  bottom:0;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 1.125em;
  background-color: #ffffff;

  background: rgb(255,255,255);
  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 41%, rgba(214,209,207,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(41%,rgba(255,255,255,1)), color-stop(100%,rgba(214,209,207,1)));
  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 41%,rgba(214,209,207,1) 100%);
  background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 41%,rgba(214,209,207,1) 100%);
  background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 41%,rgba(214,209,207,1) 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 41%,rgba(214,209,207,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d6d1cf',GradientType=0 );
}

.product_text_dropdown .zertifikatarea .pdfzertifikat {
  margin-left:25%;
  width: 50%;
}


.product_text_dropdown .zertifikatarea .printzertifikat {
  margin-left: 50%;
  display: none;
}

.product_text_dropdown .zertifikatarea .closezertifikat {
    color:#ffffff;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top, #7f7f7f 0%, #404040 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7f7f7f), color-stop(100%,#404040));
    background: -webkit-linear-gradient(top, #7f7f7f 0%,#404040 100%);
    background: -o-linear-gradient(top, #7f7f7f 0%,#404040 100%);
    background: -ms-linear-gradient(top, #7f7f7f 0%,#404040 100%);
    background: linear-gradient(to bottom, #7f7f7f 0%,#404040 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cfcac8',GradientType=0 );
}

.product_text_dropdown .zertifikatarea .closezertifikat:hover {
  color:#000;
}


.product_text_dropdown .zertifikatarea .closedropdown {
  margin-left: 75%;
  border-right: 0;
    color:#ffffff;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top, #7f7f7f 0%, #404040 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7f7f7f), color-stop(100%,#404040));
    background: -webkit-linear-gradient(top, #7f7f7f 0%,#404040 100%);
    background: -o-linear-gradient(top, #7f7f7f 0%,#404040 100%);
    background: -ms-linear-gradient(top, #7f7f7f 0%,#404040 100%);
    background: linear-gradient(to bottom, #7f7f7f 0%,#404040 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cfcac8',GradientType=0 );

}
.product_text_dropdown .zertifikatarea .closedropdown:hover {
  color:#000;
}

.product_text_dropdown .zertifikatarea table.tinytable td {
  font-size: 12px;
  color:#000000;
}


.product_text_dropdown .zertifikatarea_content .zertifikat_icons {
  float: left;
  width: 24%; 
  text-align: center;
}

.product_text_dropdown .zertifikatarea_content .zertifikat_icons img {
  width: auto;
  height: 100%;
}

.product_text_dropdown .zertifikatarea_content .zertifikat_icons_mobil {
  display: none;
}

.product_text_dropdown .zertifikatarea_content .zertifikat_spalte1 {
  float: left;
  width: 25%; 
  margin-right:2.5%;
  margin-top:2vw;
}
.product_text_dropdown .zertifikatarea_content .zertifikat_spalte1 .row,
.product_text_dropdown .zertifikatarea_content .zertifikat_spalte2 .row {
  border-bottom: 1px solid #d9d9d9;
  padding-bottom: 0.2em;
  margin-bottom: 0.2em;
}


.product_text_dropdown .zertifikatarea_content .row .label {
  margin-right:0.5em;
}

.product_text_dropdown .zertifikatarea_content .row .content {
  font-weight:800;
}

.product_text_dropdown .zertifikatarea_content .row_anwendungsbereich .label {
  float: left;
}
.product_text_dropdown .zertifikatarea_content .row_anwendungsbereich .content {
  display: block;
  margin-left:10.5em;
}


.product_text_dropdown .zertifikatarea_content .row .content span {
  font-weight:normal;
  color:#7f7f7f;
  font-style: italic;
  font-size: 0.96em;
}

.product_text_dropdown .zertifikatarea_content .zertifikat_spalte2 {
  float: left;
  width: 41%; 
  margin-right:7.5%;
  margin-top:2vw;  
}


.product_text_dropdown .zertifikatarea_content h2 {
  margin:0 0 1em 0;
  padding:0;
  font-weight: 400;
  font-size:1.75em;
  line-height: 1.42em;
  color:#000000;
}

.product_text_dropdown .zertifikatarea_content h2.maintitle {
  margin-bottom:2em;
}

.product_text_dropdown .zertifikatarea_content h2.colortitle {
  margin-bottom:1.48em;
}


.product_text_dropdown .zertifikatarea_content p.colortitle .label{
  margin-bottom:0;
}

.product_text_dropdown .zertifikatarea_content p {
  color:#000000;
  margin:0;
  padding:0;
  font-size:1.125em;
  line-height:1.666em;
}

.product_text_dropdown .zertifikatarea_content p.marginal {
  font-size: 0.8125em;
  line-height: 1.53em;
  margin-top:2em;
}


.product_info_button {
  position: absolute;
  left: 0;
  top:1.5vh;
  background: url(../images/svgpz/pz_icon_pfeil_li.svg) 0 0 no-repeat;
  background-size: contain;
  width:3.125vw;
  height: 3.125vw;
  z-index:10;
  max-width: 50px;
  max-height: 50px;
  min-width: 37px;
  min-height: 37px;
  margin:0 0 0 1em;

  filter:drop-shadow( 0px 5px 5px rgba(25,13,12,0.75));
  -webkit-filter:drop-shadow( 0px 5px 5px rgba(25,13,12,0.75));
  -moz-filter:drop-shadow( 0px 5px 5px rgba(25,13,12,0.75));
}

.product_info_button:hover {
  background: url(../images/svgpz/pz_icon_pfeil_li_hover.svg) 0 0 no-repeat;
  background-size: contain;  
}

.product_info_button a {
  display: block;
  width:3.125vw;
  height: 3.125vw;
  max-width: 50px;
  max-height: 50px;
}


.product_references_button {
  position: absolute;
  left: 0;
  top:1.5vh;
  background: url(../images/svgpz/pz_icon_referenzen.svg) 0 0 no-repeat;
  background-size: contain;
  width:3.125vw;
  height: 3.125vw;
  z-index:10;
  max-width: 50px;
  max-height: 50px;
  min-width: 37px;
  min-height: 37px;
  margin:0 0 0 5em;

  filter:drop-shadow( 0px 5px 5px rgba(25,13,12,0.75));
  -webkit-filter:drop-shadow( 0px 5px 5px rgba(25,13,12,0.75));
  -moz-filter:drop-shadow( 0px 5px 5px rgba(25,13,12,0.75));
}

.product_references_button:hover {
  background: url(../images/svgpz/pz_icon_referenzen_hover.svg) 0 0 no-repeat;
  background-size: contain;  
}

.product_references_button a {
  display: block;
  width:3.125vw;
  height: 3.125vw;
  max-width: 50px;
  max-height: 50px;
}


.product_texturansicht_button {
  position: absolute;
  left: 0;
  top:1.5vh;
  background: url(../images/svgpz/pz_icon_texturen.svg) 0 0 no-repeat;
  background-size: contain;
  width:3.125vw;
  height: 3.125vw;
  z-index:10;
  max-width: 50px;
  max-height: 50px;
  min-width: 37px;
  min-height: 37px;
    margin:0 0 0 9.25em;

  filter:drop-shadow( 0px 5px 5px rgba(25,13,12,0.75));
  -webkit-filter:drop-shadow( 0px 5px 5px rgba(25,13,12,0.75));
  -moz-filter:drop-shadow( 0px 5px 5px rgba(25,13,12,0.75));    

}

.noreferences .product_texturansicht_button {
  margin:0 0 0 5em;
}

.product_texturansicht_button:hover {
  background: url(../images/svgpz/pz_icon_texturen_hover.svg) 0 0 no-repeat;
  background-size: contain;  
}

.product_texturansicht_button.open {
  background: url(../images/svgpz/pz_icon_produktansicht.svg) 0 0 no-repeat;
  background-size: contain;  
}

.product_texturansicht_button.open:hover {
  background: url(../images/svgpz/pz_icon_produktansicht_hover.svg) 0 0 no-repeat;
  background-size: contain;  
}

.product_texturansicht_button a {
  display: block;
  width:3.125vw;
  height: 3.125vw;
  max-width: 50px;
  max-height: 50px;
}


.hebrok_tooltip_texturansichtbutton .second {
  display: none;
}

.hebrok_tooltip_texturansichtbutton.second .first {
  display: none;
}

.hebrok_tooltip_texturansichtbutton.second .second {
  display: block;
}


.hebrok_tooltip_fullscreen .second {
  display: none;
}

.hebrok_tooltip_fullscreen.second .first {
  display: none;
}

.hebrok_tooltip_fullscreen.second .second {
  display: block;
}

 


.product_close_button {

  position: absolute;
    bottom: 1vw;
    right: 1.5vw;
    width: 3.5vw;
    height: 3.5vw;
    background: url(../images/svg/schliessen-x_inaktiv_white.svg) 0 0 no-repeat;
    background-size: contain;
    cursor: pointer;
    filter: drop-shadow( 0px 5px 5px rgba(0, 38, 71,0.4));
    -webkit-filter: drop-shadow( 0px 5px 5px rgba(0, 38, 71,0.4));
    -moz-filter: drop-shadow( 0px 5px 5px rgba(0, 38, 71,0.4));
}

.product_close_button:hover {
  background: url(../images/svg/schliessen-x_aktiv.svg) 0 0 no-repeat;
  background-size: contain;  
}

.product_close_button a {
  display: block;
  width:8.75vw;
  height: 8.75vw;
  max-width: 140px;
  max-height: 140px;
}


.galleryverfugt {
  display: none;
  width: 100%;
  height: 100%;  
}

.gallerystapel {
  display: block;
  width: 100%;
  height: 100%;
}

.textureareaholder {
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top:0;

  z-index: 3;
  background: url(http://hktexturentypo3.jh-mischsortierer.de/fileadmin/templates/images/zf_hg-kachel_mischsortierer.png);
}



/* products end */


/* pagesdropdown */
.pagesdropdown {
  position: absolute;
  width: auto; 
  left:0;
  right:0;
  height: 100%;
  background-color: #e5e5e5;
  z-index:30;
  top:-100%;  
  color:#000000;
  overflow: hidden;
}

.pagesdropdown_fullscreen {
  width: 100%;
}

.openpagesdropdown {
  position: absolute;
  left: 0;
  top:0;
  background: url(../images/svgpz/pz_icon_pfeil_li.svg) 0 0 no-repeat;
  background-size: contain;
  width:3.125vw;
  height: 3.125vw;
  margin:0.5em 0 0 0.5em;
  z-index:22;
  max-width: 50px;
  max-height: 50px;
  min-width: 37px;
  min-height: 37px;

  filter:drop-shadow( 0px 5px 5px rgba(25,13,12,0.75));
  -webkit-filter:drop-shadow( 0px 5px 5px rgba(25,13,12,0.75));
  -moz-filter:drop-shadow( 0px 5px 5px rgba(25,13,12,0.75));
}

.openpagesdropdown:hover {
  background: url(../images/svgpz/pz_icon_pfeil_li_hover.svg) 0 0 no-repeat;
  background: url(../images/svgpz/pz_icon_pfeil_li_hover.svg) 0 0 no-repeat;

  background-size: contain;  
}

.openpagesdropdown a {
  display: block;
  width:3.125vw;
  height: 3.125vw;
  max-width: 50px;
  max-height: 50px;
}


.pagesdropdown_layout  {
  width: 100%;
}

.pagesdropdown_fullscreen .pagesdropdown_layout  {
  margin:0 auto;
  width: 66%;
}


.pagesdropdown_layout h2 {
  margin:0 0 0 0;
  padding:0;
  font-weight: 400;
  font-size:2.625em;
  line-height: 1.42em;
  color:#000;
}

.pagesdropdown_layout h3 {
  margin:0 0 1em 0;
  padding:0;
  font-weight: 400;
  font-size:1.125em;
  line-height: 1.666666em;
  color:#90827c;
  font-weight:800; 
}

.pagesdropdown_layout p {
  margin:0 0 1em 0;
  padding:0;
  color: #000;
  font-weight: 400;
  font-size: 1.125em;
  line-height: 1.6666em;
}

.pagesdropdown_layout p a {
  font-weight: bold;
  color:#000;
}


.pagesdropdown_layout a {
  color:#000;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}


.pagesdropdown_layout .align-center {
  text-align: center;
}
.pagesdropdown_layout .align-left {
  text-align: left;
}
.pagesdropdown_layout .align-right {
  text-align: right;
}

.pagesdropdown .closer {
  position: absolute;
  bottom: 1vw;
  right: 1.5vw;
  width: 3.5vw;
  height: 3.5vw;
  background:url(../images/svg/schliessen-x_inaktiv_white.svg) 0 0 no-repeat;
  background-size: contain;
  cursor: pointer;

    filter: drop-shadow( 0px 5px 5px rgba(0, 38, 71,0.4));
    -webkit-filter: drop-shadow( 0px 5px 5px rgba(0, 38, 71,0.4));
    -moz-filter: drop-shadow( 0px 5px 5px rgba(0, 38, 71,0.4));  
}
.pagesdropdown .closer:hover {
  background:url(../images/svg/schliessen-x_aktiv.svg) 0 0 no-repeat;
  background-size: contain;
}


.pagesdropdown_startseite .closer {
  background:url(../images/svg/schliessen-x_aktiv-schwarz.svg) 0 0 no-repeat;
  background-size: contain;

}
.pagesdropdown_startseite {
  overflow-y:auto;
}
.pagesdropdown_layout_startseite {
  padding:3vw 0 2vw 0;
  box-sizing:border-box;
  height: 100%;
  width: 100% !important;
  max-width: 1600px;
}

.pagesdropdown_layout_startseite .left {
  float: left;
  width: 58%;
  border-right:1px solid #000;
  height: 100%;
  padding-right: 4%;
  padding-left: 10.5%;
  box-sizing:border-box;
}

.pagesdropdown_layout_startseite .left .image {
  width: 40%;
  height: 15vw;
  margin:0 auto;
}
.pagesdropdown_layout_startseite .left .image img {
  width: 100%;
  height: auto;
  margin-top:4vw;
}

.pagesdropdown_layout_startseite .left a {
  color:#bfbfbf;
  text-decoration: underline;
}



.pagesdropdown_layout_startseite .right {
  margin-left:58%;
  width: 42%;
  padding-left: 5%;
  padding-right: 10%;
  box-sizing:border-box;
}
.pagesdropdown_layout_startseite .right .image {
  width: 50%;
  height: 14vw;
  margin:0 auto;
}
.pagesdropdown_layout_startseite .right .image img {
  width: 100%;
  height: auto;
  margin-top:1vw;
}
.pagesdropdown_layout_startseite .right .image img.inaktiv {
  display: block;
}
.pagesdropdown_layout_startseite .right .image img.aktiv {
  display: none;
}


.pagesdropdown_layout_startseite h2 {
  margin-bottom: 0.5em;
  line-height: 1.5em;
}

.pagesdropdown_layout_startseite p {
  font-size:1.75em;
  line-height: 1.5em;
}

.pagesdropdown_layout_startseite .right h2,
.pagesdropdown_layout_startseite .right a,
.pagesdropdown_layout_startseite .right p {
  color:#bfbfbf;
}

.pagesdropdown_layout_startseite .right:hover h2,
.pagesdropdown_layout_startseite .right a:hover,
.pagesdropdown_layout_startseite .left a:hover,
.pagesdropdown_layout_startseite .right:hover p {
  color:#000;
}

.pagesdropdown_layout_startseite .right h2 {
  margin-bottom: 2vw;
}

.pagesdropdown_layout_startseite .right:hover .image img.inaktiv {
  display: none;
}
.pagesdropdown_layout_startseite .right:hover .image img.aktiv {
  display: block;
}


.pagesdropdown_layout_startseite .right a {
  text-decoration: underline;
}



.pagesdropdown_layout1 {
  padding:3.5vh;
  box-sizing:border-box;
  height: 100%;
}

.pagesdropdown_layout1 .head {
  width: 100%;
  margin-bottom: 3.5vh;
  height: 22%;
}

.pagesdropdown_layout1 .main {
  width: 100%;
  height: 42%;
  margin-bottom: 3.5vh;
}

.pagesdropdown_layout1 .main_left {
  float: left;
  width: 48.75%;
}

.pagesdropdown_layout1 .main_right {
  margin-left:51.25%;
  width: 48.75%;
}

.pagesdropdown_layout1 .foot {
  clear: both;
  width: 100%;
  margin-bottom: 3.5vh;
  height: 22%;

}




.pagesdropdownouter_10 {
  width: auto;
  left:0;
  right: 0;
  background:url(../images/bglayer/pz_hg_layer_hellblau.jpg) 0 0 no-repeat;
  background-size: 100% 100%;
}


@media only screen and (max-width :2500px) {
  .pagesdropdownouter_10 {  
    background:url(../images/bglayer/pz_hg_layer_hellblau_2500.jpg) 0 0 no-repeat;
    background-size: 100% 100%;  
  }
}
@media only screen and (max-width :1920px) {
  .pagesdropdownouter_10 {  
    background:url(../images/bglayer/pz_hg_layer_hellblau_1920.jpg) 0 0 no-repeat;
    background-size: 100% 100%;  
  }
}
@media only screen and (max-width :1200px) {
  .pagesdropdownouter_10 {  
    background:url(../images/bglayer/pz_hg_layer_hellblau_1200.jpg) 0 0 no-repeat;
    background-size: 100% 100%;  
  }
}
@media only screen and (max-width :768px) {
  .pagesdropdownouter_10 {  
    background:url(../images/bglayer/pz_hg_layer_hellblau_768.jpg) 0 0 no-repeat;
    background-size: 100% 100%;  
  }
}
@media only screen and (max-width :320px) {
  .pagesdropdownouter_10 {  
    background:url(../images/bglayer/pz_hg_layer_hellblau_768.jpg) 0 0 no-repeat;
    background-size: 100% 100%;  
  }
}


.pagesdropdown_layout10 {
    max-width: 80.9em;
    margin: 0 auto;
}

.pagesdropdown_layout10 .head {
  padding: 3em 1em 0 1em;
}

.pagesdropdown_layout10 .head img {
  width: 18em;
  margin: 0 auto 3em auto;
  display: block;
    filter: drop-shadow( 0px 5px 5px rgba(0, 38, 71,0.4));
    -webkit-filter: drop-shadow( 0px 5px 5px rgba(0, 38, 71,0.4));
    -moz-filter: drop-shadow( 0px 5px 5px rgba(0, 38, 71,0.4));  
}

.pagesdropdown_layout10 h1 {
  font-weight: 700;
  font-family: 'Fira Sans Condensed', sans-serif;  
  font-size:2.95em;
  text-shadow: 0px 10px 5px rgba(0, 38, 71,0.1);  
}

.pagesdropdown_layout10 .main {
  display: flex;
}

.pagesdropdown_layout10 .main_left {
  padding:0 1em;
}

.pagesdropdown_layout10 .main_right {
  padding:0 1em;
}

.pagesdropdown_layout10 .main p {
    font-weight: 500;
    font-size: 1.75em;
    text-shadow: 0px 7px 5px rgba(0, 38, 71,0.1);
    line-height: 1.4em;
}


/* spinningwheelloader start */

.loader {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.75);
  z-index:1000;
  display: none;
}

.sk-fading-circle {
  margin: 30vh auto;
  width: 80px;
  height: 80px;
  position: relative;
}

.sk-fading-circle .sk-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.sk-fading-circle .sk-circle:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #eeeeee;
  border-radius: 100%;
  -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
          animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
}
.sk-fading-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg);
}
.sk-fading-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg);
}
.sk-fading-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.sk-fading-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg);
}
.sk-fading-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg);
}
.sk-fading-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.sk-fading-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg);
}
.sk-fading-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg);
}
.sk-fading-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg);
}
.sk-fading-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg); 
}
.sk-fading-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg); 
}
.sk-fading-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s; 
}
.sk-fading-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
          animation-delay: -1s; 
}
.sk-fading-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s; 
}
.sk-fading-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s; 
}
.sk-fading-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s; 
}
.sk-fading-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s; 
}
.sk-fading-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s; 
}
.sk-fading-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s;
}
.sk-fading-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s;
}
.sk-fading-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s;
}
.sk-fading-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s;
}

@-webkit-keyframes sk-circleFadeDelay {
  0%, 39%, 100% { opacity: 0; }
  40% { opacity: 1; }
}

@keyframes sk-circleFadeDelay {
  0%, 39%, 100% { opacity: 0; }
  40% { opacity: 1; } 
}
/* spinningwheelloader end */


.slick-prev {
    cursor: url(/fileadmin/templates/images/skippfeil_rechts.cur),url(../images/skippfeil_rechts.cur),pointer;
    width: 50%;
    height: 100%;
    height: 80%;
    position: absolute;
    top: 0;
    left: 0;
    color: transparent;
    border: 0;
    z-index: 2;
    background-color: transparent;
    outline:none;
}

.slick-prev:active {
    cursor: url(/fileadmin/templates/images/skippfeil_rechts_klick.cur),url(../images/skippfeil_rechts_klick.cur),pointer;
}

.slick-next {
    cursor: url(/fileadmin/templates/images/skippfeil_links.cur),url(../images/skippfeil_links.cur),pointer;
    width: 50%;
    height: 100%;
    height: 80%;
    position: absolute;
    top: 0;
    right: 0;
    color: transparent;
    border: 0;
    background-color: transparent;
    outline:none;
}

.slick-next:active {
    cursor: url(/fileadmin/templates/images/skippfeil_links_klick.cur),url(../images/skippfeil_links_klick.cur),pointer;
}


.gallery_startslider .slick-prev, .gallery_startslider .slick-prev:active,
.gallery_startslider .slick-next, .gallery_startslider .slick-next:active {
  display: none !important;
}

.dropmenu_referenzen .fadeout {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 15em;
    height: 1.5em;
/*    background: url(/fileadmin/templates/images/aktuelles_teaser_fadeout.png) bottom right no-repeat;
    background-size: contain;
*/
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e5e5e5+0,e5e5e5+100&0+0,0.84+62,1+100 */
background: -moz-linear-gradient(left,  rgba(229,229,229,0) 0%, rgba(229,229,229,0.84) 62%, rgba(229,229,229,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(229,229,229,0) 0%,rgba(229,229,229,0.84) 62%,rgba(229,229,229,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(229,229,229,0) 0%,rgba(229,229,229,0.84) 62%,rgba(229,229,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e5e5e5', endColorstr='#e5e5e5',GradientType=1 ); /* IE6-9 */
display: none;

}

.dropmenu_aktuelles .fadeout,
.dropmenu_unternehmen .fadeout,
.dropmenu_produkte .fadeout {
position: absolute;
    bottom: 0;
    right: 0;
}

.dropmenu_referenzen .template4xn .caption {
    height: 3.2em;
    height:2.7em;
}
.dropmenu_referenzen .template4xn .fadeout {
    width: 12em;
    height: 1.5em;
}
/*
.fadeout {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 60%;
    height: 2em;
    background: url(/fileadmin/templates/images/aktuelles_teaser_fadeout.png) bottom right no-repeat;
    background-size: contain;
}
*/

#maincontent .mCSB_scrollTools .mCSB_draggerContainer,
.product_text_dropdown .mCSB_scrollTools .mCSB_draggerContainer {
    top: 2vw;
    bottom: 2vw;
}

#maincontent .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.product_text_dropdown .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #8c8685;
}

#maincontent .mCSB_scrollTools .mCSB_draggerRail,
.product_text_dropdown .mCSB_scrollTools .mCSB_draggerRail,
.siteholder_basetemplatewhite #leftcontent  .mCSB_scrollTools .mCSB_draggerRail,
.siteholder_basetemplatemainstone #leftcontent  .mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}




.zertifikatarea_padder .mCSB_scrollTools .mCSB_draggerContainer,
.siteholder_basetemplatewhite #leftcontent .mCSB_scrollTools .mCSB_draggerContainer,
.siteholder_basetemplatemainstone #leftcontent .mCSB_scrollTools .mCSB_draggerContainer {
    top: 2vw;
    bottom: 3vw;
}
.zertifikatarea_padder .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.siteholder_basetemplatewhite #leftcontent .mCSB_dragger .mCSB_dragger_bar,
.siteholder_basetemplatemainstone #leftcontent .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
}






.pt-perspective {
  position: relative;
  width: 100%;
  height: 100%;
  perspective: 1200px;
  transform-style: preserve-3d;
}

.pt-page {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  overflow: hidden;
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
}

.pt-page-current,
.no-js .pt-page {
  visibility: visible;
}

.no-js body {
  overflow: auto;
}

.pt-page-ontop {
  z-index: 999;
}

.pt-page-2 {
  background-color: #58433a;
}

.pt-page-2 h2 {
  color:#ffffff;
  text-align: center;
  line-height: 100vh;
  vertical-align: middle;
}



#contactform .leftarea {
  float: left;
  width: 50%;
  box-sizing:border-box;
  padding:0 2vw 0 0;
}

#contactform h2 {
  padding-top:0;
  line-height: 1em;
}
#contactform p.margintop {
  margin-top:4vw;
}

#contactform .row_checkbox input {
  float:left;
}

#contactform .row_checkbox label {
  margin-left:1.5vw;
  display: block;
  margin-bottom: 2vw;
  line-height: 1.5em;

}



#contactform .rightarea {
  margin-left:50%;
  width: 50%;
}

#contactform .row {
  margin-bottom: 1vw;
}

#contactform input[type=text] {
    border: 1px solid #999;
    width: 100%;
    box-sizing: border-box;
    padding: 0.5vw;
    font-size: 1em;
    color:#000;
}



#contactform input[type=text]::-webkit-input-placeholder {
    color: #9e9596;
}
#contactform input[type=text]:-moz-placeholder {
    /* FF 4-18 */
    color: #9e9596;
}
#contactform input[type=text]::-moz-placeholder {
    /* FF 19+ */
    color: #9e9596;
}
#contactform input[type=text]:-ms-input-placeholder {
    /* IE 10+ */
    color: #9e9596;
}


#contactform textarea::-webkit-input-placeholder {
    color: #9e9596;
}
#contactform textarea:-moz-placeholder {
    /* FF 4-18 */
    color: #9e9596;
}
#contactform textarea::-moz-placeholder {
    /* FF 19+ */
    color: #9e9596;
}
#contactform textarea:-ms-input-placeholder {
    /* IE 10+ */
    color: #9e9596;
}


#contactform .error input[type=text],
#contactform .error textarea {
  border:1px solid #cc0000;
  background-color: #fff0f0;
}

#contactform .error label {
  color:#cc0000;
}


#contactform input.plz {
  border:1px solid #aca19c;
  width: 30%;
}
#contactform input.ort {
  border:1px solid #aca19c;
  width: 65%;
  margin-left: 4%
}

#contactform textarea {
  border:1px solid #aca19c;
  width: 100%;
  box-sizing:border-box;
  padding:0.5vw;
  height: 10vw;
  font-size: 1em;
}



#contactform .row_checkbox input {
  float:left;
}

#contactform .row_checkbox label {
  margin-left:1.5vw;
  display: block;
  margin-bottom: 2vw;
  line-height: 1.5em;
}

.contactform_infobox {
  display: flex;
  margin-bottom:2em;
}

.contactform_infobox_left {
  width:46%;
}
.contactform_infobox_right {
  width:54%;
}

#contactform .row_checkbox label a {
  color:inherit;
  font-weight: bold;
}

#contactform input[type=submit] {
  border:0;
  width: 100%;
  box-sizing:border-box;
  padding:0.5vw;
  color:#ffffff;
  text-transform: uppercase;
  font-size: 1.125em;
  letter-spacing: 0.1em;
  cursor: pointer;
  /*
  background: #7f7f7f;
  background: -moz-linear-gradient(top, #7f7f7f 0%, #404040 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7f7f7f), color-stop(100%,#404040));
  background: -webkit-linear-gradient(top, #7f7f7f 0%,#404040 100%);
  background: -o-linear-gradient(top, #7f7f7f 0%,#404040 100%);
  background: -ms-linear-gradient(top, #7f7f7f 0%,#404040 100%);
  background: linear-gradient(to bottom, #7f7f7f 0%,#404040 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f7f7f', endColorstr='#404040',GradientType=0 );
*/
    border-top: 1px solid #463a3a;
    border-bottom: 1px solid #463a3a;
    cursor: pointer;
    font-weight: 500;
    background: #190d0c;
    -webkit-box-shadow: 0px 5px 10px 0px rgba(0,38,71,0.25);
    -moz-box-shadow: 0px 5px 10px 0px rgba(0,38,71,0.25);
    box-shadow: 0px 5px 10px 0px rgba(0,38,71,0.25);

}
#contactform input[type=submit]:hover {
    color: #fff;
    font-size: 1.4em;
    padding: 0.4vw;
}
#newsletter .row_checkbox input {
  float:left;
}

#newsletter .row_checkbox label {
  margin-left:1.5vw;
  display: block;
  margin-bottom: 2vw;
  line-height: 1.5em;
  color:#ffffff;
  font-size: 1.125em;
}

#newsletter .row_checkbox label a {
  color: inherit;
}

#mc_embed_signup input[type=email],
#mc-unsubscribe-form input[type=text],
#newsletter input[type=text] {
    border: none;
    border-top: 1px solid #4c4c4c;
    border-bottom: 1px solid #bfbfbf;
    background-color: #fff;
    width: 100%;
    box-sizing: border-box;
    padding: 0.5vw;
    margin-bottom: 2vw;
    font-size: 1em;}

#mc_embed_signup input[type="email"]::-webkit-input-placeholder,
#mc-unsubscribe-form  input[type="text"]::-webkit-input-placeholder,
#newsletter input[type="text"]::-webkit-input-placeholder {
    color: #b2b2b2;
}
#mc_embed_signup input[type="email"]:-moz-placeholder,
#mc-unsubscribe-form  input[type="text"]:-moz-placeholder,
#newsletter input[type="text"]:-moz-placeholder {
    /* FF 4-18 */
    color: #b2b2b2;
}
#mc_embed_signup input[type="email"]::-moz-placeholder,
#mc-unsubscribe-form  input[type="text"]::-moz-placeholder,
#newsletter input[type="text"]::-moz-placeholder {
    /* FF 19+ */
    color: #b2b2b2;
}
#mc_embed_signup input[type="email"]:-ms-input-placeholder,
#mc-unsubscribe-form  input[type="text"]:-ms-input-placeholder,
#newsletter input[type="text"]:-ms-input-placeholder {
    /* IE 10+ */
    color: #b2b2b2;
}

#mc_embed_signup input[type=submit],
#mc-unsubscribe-form  input[type=submit],
#newsletter input[type=submit] {
  border:0;
  width: 100%;
  box-sizing:border-box;
  padding:0.5vw;
  color:#d9d9d9;
  text-transform: uppercase;
  font-size: 1.125em;
  letter-spacing: 0.1em;
  cursor: pointer;
  margin-bottom:4em;
 border-top: 1px solid #463a3a;
    border-bottom: 1px solid #463a3a;
    cursor: pointer;
    font-weight: 500;
    background: #190d0c;
    -webkit-box-shadow: 0px 5px 10px 0px rgba(0,38,71,0.25);
    -moz-box-shadow: 0px 5px 10px 0px rgba(0,38,71,0.25);
    box-shadow: 0px 5px 10px 0px rgba(0,38,71,0.25);
}
#mc_embed_signup input[type=submit]:hover,
#mc-unsubscribe-form  input[type=submit]:hover,
#newsletter input[type=submit]:hover {
  color:#fff;
}
.refcontent_mobile {
  display: none;
}

.row_reset a {
  color:#dee3ef;
  text-decoration: none;
  text-transform: uppercase;
}

.backtocontentitem {
  display: none;
}

.hebrok_tooltip {
  display: none;
  position: absolute;
  padding:0.5em;
  color:#000000;
  background-color: rgba(255,255,255,0.9);
  box-sizing:border-box;
}

.hebrok_tooltip p {
  margin:0;
  padding: 0;
  font-size:0.75em;
  text-align: center;
}

.hebrok_tooltip_right:before {
    content:"\A";
    border-style: solid;
    border-width: 0.8em 0.8em 0.8em 0;
    border-color: transparent rgba(255,255,255,0.9) transparent transparent;
    position: absolute;
    left: -0.7em;
    top: calc(50% - 0.8em);
}

.hebrok_tooltip_left:before {
    content:"\A";
    border-style: solid;
    border-width: 0.8em 0 0.8em 0.8em;
    border-color: transparent transparent transparent rgba(255,255,255,0.9);
    position: absolute;
    right: -0.77em;
    top: calc(50% - 0.8em);
}

.hebrok_tooltip_bottom:before {
  content: "\A";
    border-style: solid;
    border-width: 0 0.8em 0.8em 0.8em;
    border-color:  transparent transparent rgba(255,255,255,0.9) transparent;
    position: absolute;
    left: calc(50% - 0.8em);
    top: -0.8em; 
}

.mobileproductname {
  display: none;
}

.youtubevideo {
  width: 100%;
  height: 100%;
}


.reference_text_dropdown {
  overflow: hidden;
}

.reference_text_dropdown_padder {
  overflow: auto;
  height: 100%;
}

.reference_text_dropdown_links {
  background: url(../images/bglayer/pz_hg_detailseite_referenz_blau.jpg) right top no-repeat;
  background-size: cover;
  position: absolute;
  height: 100%;
  float: left;
  width: 66%;
  z-index: 2;
}

.reference_text_dropdown_rechts {
  background-color: #a1b0d1;
  height: 100%;
  margin-left: 60.5%;
  position: relative;
}

@media only screen and (max-width: 1850px) {
  .reference_text_dropdown_rechts {
    margin-left: 59%;
  }
}

@media only screen and (max-width: 1500px) {
  .reference_text_dropdown_rechts {
    margin-left: 58%;
  }
}


.reference_text_dropdown_rechts .backgroundcentered_image {
  background-position: center bottom;
}

.reference_text_dropdown_rechts .schwarzerrahmen {
    display: none;

    background: url(../images/svg/pfeil_produkt-zu-referenz.svg) left top no-repeat;
    background: url(../images/svg/pfeil_referenz-zu-produkt.svg) -1px top no-repeat;

    background-size: contain;
    position: absolute;
    left: 0%;
    top: 0;
    right: 80%;
    bottom: 0;
    z-index: 3;
}


.reference_text_dropdown_rechts .productlist {
  position: relative;
  display: flex;
  flex-direction:column;
  height: 100%;
}

.reference_text_dropdown_rechts .productlist .bgtext {
    position: absolute;
    display: table;
    height: 100%;  
}

.reference_text_dropdown_rechts .productlist .bgtext-wrapper {
  display: table-cell;
  vertical-align: middle;
}

.reference_text_dropdown_rechts .productlist .bgtext-wrapper p {
    margin: 0 0 0 0;
    padding: 0 3vw 0 12vw;
    color: #190d0c;
    font-size: 1.5em;
    line-height: 1.6666em;
    text-shadow: 0px 7px 5px rgba(0,38,71,0.1);  
    text-align: center;
}

.reference_text_dropdown_rechts .productitem {
  position: relative;
  text-align: center;
  border-bottom:2px solid #000;
  box-sizing: border-box;
}

.reference_text_dropdown_rechts .productlist_1 .productitem {
  height: 100%;
}
.reference_text_dropdown_rechts .productlist_2 .productitem {
  height: 50%;
}
.reference_text_dropdown_rechts .productlist_3 .productitem {
  height: 33.3333%;
}
.reference_text_dropdown_rechts .productlist_4 .productitem {
  height: 25%;
}
.reference_text_dropdown_rechts .productlist_5 .productitem {
  height: 20%;
}

.reference_text_dropdown_rechts .productitem a {
  color:#fff;
  text-decoration: none;
}

.reference_text_dropdown_rechts .productitem .bg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    z-index: 1;
}

.reference_text_dropdown_rechts .productitem .bg img {
  height: auto;
  width: 200%;
}

.reference_text_dropdown_rechts .productitem_table .image  {
  display: block;
}

.reference_text_dropdown_rechts .productitem_table .image  img {
    filter: drop-shadow( 0px 5px 5px rgba(25,13,12,0.75));
    -webkit-filter: drop-shadow( 0px 5px 5px rgba(25,13,12,0.75));
    -moz-filter: drop-shadow( 0px 5px 5px rgba(25,13,12,0.75));
}
.reference_text_dropdown_rechts .productitem_table {
  display: table;
  width: 100%;
  height: 100%;
  z-index: 2;
  position: relative;
}
.reference_text_dropdown_rechts .productitem_tablecell {
  display: table-cell;
  vertical-align: middle;

  font-size: 2.625em;
  line-height: 1.42em;
    text-shadow: 0px 7px 5px rgba(0, 38, 71,0.1);

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a1b0d1+1,a1b0d1+35,a1b0d1+100&1+0,0+35,0+100 */
background: -moz-radial-gradient(center, ellipse cover,  rgba(161,176,209,1) 0%, rgba(161,176,209,0.97) 1%, rgba(161,176,209,0) 35%, rgba(161,176,209,0) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(161,176,209,1) 0%,rgba(161,176,209,0.97) 1%,rgba(161,176,209,0) 35%,rgba(161,176,209,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  rgba(161,176,209,1) 0%,rgba(161,176,209,0.97) 1%,rgba(161,176,209,0) 35%,rgba(161,176,209,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1b0d1', endColorstr='#00a1b0d1',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

.reference_text_dropdown_rechts .productlist_3 .productitem_tablecell {
  font-size: 1.625em;
}

.reference_text_dropdown_rechts .productlist_2 .productitem_tablecell {
  font-size: 2.125em;
}

.reference_text_dropdown_rechts .productitem_tablecell .underline {
  text-decoration: underline;
}

@media only screen and (max-height: 700px) {
  .reference_text_dropdown_rechts .productitem_table .image {
    display: none;
  }
}


@media only screen and (max-height: 500px) {
  .reference_text_dropdown_rechts .productitem_table .umbruch {
    display: none;
  }
}



.reference_text_dropdown .mCSB_container {
    height: auto; 
}

video {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.frame-type-felogin_login {
  color:#646464;
  margin:0 0 1em 0;
  padding:0;
  line-height: 1.375em;
}

.frame-type-felogin_login fieldset {
  margin:1em 0;
  padding:0;
  border:0;
}

.frame-type-felogin_login fieldset legend {
  display: none;
}

.frame-type-felogin_login fieldset legend + div {
  margin: 0 0 0.1em 0;
    padding: 0;
    color: #000;
    font-weight: 400;
    line-height: 1.6666em;
}

.frame-type-felogin_login label {
  margin: 0 0 0.1em 0;
    padding: 0;
    color: #fff;
    font-weight: 400;
    font-size: 1.125em;
    line-height: 1.6666em;
}

.frame-type-felogin_login input[type=text],
.frame-type-felogin_login input[type=password] {
  border:0;
  border-top:1px solid #4c4c4c;
  border-bottom:1px solid #bfbfbf;
  background-color: #fff;
  color:#000;
  width: 100%;
  padding:0.5em;
  box-sizing:border-box;
  font-size: 1.125em;
  margin-bottom: 0.5em;
}

.frame-type-felogin_login input[type=submit] {
  margin-top:1em;
   border:1px solid #404040;
  width: 100%;
  box-sizing:border-box;
  padding:0.5vw;
  color:#fff;
  text-transform: uppercase;
  font-size: 1.125em;
  letter-spacing: 0.1em;
  cursor: pointer;
  background: rgb(255,255,255);
  background: -moz-linear-gradient(top, #7f7f7f 0%, #404040 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7f7f7f), color-stop(100%,#404040));
  background: -webkit-linear-gradient(top, #7f7f7f 0%,#404040 100%);
  background: -o-linear-gradient(top, #7f7f7f 0%,#404040 100%);
  background: -ms-linear-gradient(top, #7f7f7f 0%,#404040 100%);
  background: linear-gradient(to bottom, #7f7f7f 0%,#404040 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cfcac8',GradientType=0 );
}




.pagesdropdown_layout_listeverknuepfungen {
  height: 100%;
  overflow-y:auto;
  padding:5em;
  box-sizing:border-box; 
  background: url(../images/bglayer/pz_hg_layer_hellblau_3800.jpg) 0 0 no-repeat;
  background-size: 100% 100%;  
}



@media only screen and (max-width :2500px) {
  .pagesdropdown_layout_listeverknuepfungen {  
    background:url(../images/bglayer/pz_hg_layer_hellblau_2500.jpg) 0 0 no-repeat;
    background-size: 100% 100%;  
  }
}
@media only screen and (max-width :1920px) {
  .pagesdropdown_layout_listeverknuepfungen {  
    background:url(../images/bglayer/pz_hg_layer_hellblau_1920.jpg) 0 0 no-repeat;
    background-size: 100% 100%;  
  }
}
@media only screen and (max-width :1200px) {
  .pagesdropdown_layout_listeverknuepfungen {  
    background:url(../images/bglayer/pz_hg_layer_hellblau_1200.jpg) 0 0 no-repeat;
    background-size: 100% 100%;  
  }
}
@media only screen and (max-width :768px) {
  .pagesdropdown_layout_listeverknuepfungen {  
    background:url(../images/bglayer/pz_hg_layer_hellblau_768.jpg) 0 0 no-repeat;
    background-size: 100% 100%;  
  }
}
@media only screen and (max-width :320px) {
  .pagesdropdown_layout_listeverknuepfungen {  
    background:url(../images/bglayer/pz_hg_layer_hellblau_768.jpg) 0 0 no-repeat;
    background-size: 100% 100%;  
  }
}





.pagesdropdown_layout_listeverknuepfungen h2 {
    margin: 0 0 0.5em 0;
    padding: 0;
    font-weight: 700;
    font-size: 3.1875em;
    line-height: 1.42em;
    color: #190d0c;
    padding:0 0.75em;
    text-shadow: 0px 10px 5px rgba(0, 38, 71,0.1);    
    font-family: 'Fira Sans Condensed', sans-serif;    
}

.pagesdropdown_layout_listeverknuepfungen p {
    color: #190d0c;
    font-size:1.75em;
    text-shadow: 0px 7px 5px rgba(0, 38, 71,0.1);
}

.pagesdropdown_layout_listeverknuepfungen .overlaytext {
  padding: 0 2em;
}

.pagesdropdown_layout_listeverknuepfungen .item_list {
  padding:1em 1em 1em 2em;
  border-top:1px solid #99a8b5;
  clear: both;
  box-sizing:border-box; 
}

.pagesdropdown_layout_listeverknuepfungen .item_list_container:hover .item_list {
  color:#99a8b5;
}

.pagesdropdown_layout_listeverknuepfungen .item_list_container:hover .item_product a {
    background: url(../images/svgpz/pz_icon_aktuelleslayer_produkte_hover.svg) left center no-repeat;
    background-size: 3.125em;
}
.pagesdropdown_layout_listeverknuepfungen .item_list_container:hover .item_product a:hover {
    background: url(../images/svgpz/pz_icon_aktuelleslayer_produkte.svg) left center no-repeat;
    background-size: 3.125em;
}

.pagesdropdown_layout_listeverknuepfungen .item_list_container:hover .item_reference a {
  background:url(../images/svgpz/pz_icon_aktuelleslayer_referenzen_hover.svg) left center no-repeat;
    background-size: 3.125em;
}
.pagesdropdown_layout_listeverknuepfungen .item_list_container:hover .item_reference a:hover {
  background:url(../images/svgpz/pz_icon_aktuelleslayer_referenzen.svg) left center no-repeat;
    background-size: 3.125em;
}


.pagesdropdown_layout_listeverknuepfungen .item_list_container:hover .item_list .image {
  opacity: 0.35;
}


.pagesdropdown_layout_listeverknuepfungen .item_list a {
  display: block;
  color:inherit;
}

.pagesdropdown_layout_listeverknuepfungen .item_list a:hover {
  color:#190d0c;
}

.pagesdropdown_layout_listeverknuepfungen .item_list a:hover .image {
  opacity: 1 !important;
}


.pagesdropdown_layout_listeverknuepfungen .item_list .label {
  display: inline-block;
  vertical-align: middle;
  width: 79%;
  font-size: 1.75em;
  font-weight: 500;
  text-transform: none;
  padding-left: 3em;
  box-sizing:border-box;
  letter-spacing: 0;
}


.pagesdropdown_layout_listeverknuepfungen .item_list .image {
  display: inline-block;
  vertical-align: middle;
  width: 20%;
  text-align: right;
}

.pagesdropdown_layout_listeverknuepfungen .item_list .image img {
  border:1px solid #534a49;
  float: right;
    -webkit-box-shadow: 0px 5px 10px 0px rgba(0,38,71,0.25);
    -moz-box-shadow: 0px 5px 10px 0px rgba(0,38,71,0.25);
    box-shadow: 0px 5px 10px 0px rgba(0,38,71,0.25);
}

.pagesdropdown_layout_listeverknuepfungen .item_product a {
    background: url(../images/svgpz/pz_icon_aktuelleslayer_produkte.svg) left center no-repeat;
    background-size: 3.125em;
}

.pagesdropdown_layout_listeverknuepfungen .item_reference a {
  background:url(../images/svgpz/pz_icon_aktuelleslayer_referenzen.svg) left center no-repeat;
    background-size: 3.125em;
}


.hebrok_tooltip_verfugtansichtbutton .second {
  display: none;
}

.hebrok_tooltip_verfugtansichtbutton.second .first {
  display: none;
}

.hebrok_tooltip_verfugtansichtbutton.second .second {
  display: block;
}



.produkt_references_dropdown {
    position: absolute;
    width: 100%;
    height: 100%;

    z-index: 30;
    top: -100%;
    color: #ffffff;
    overflow: hidden;

}

.produkt_references_dropdown .plusplustextdunkelgruen {
  -webkit-background-clip: initial;
  -webkit-text-fill-color: initial;
  background-color: transparent;
  background-image: none;
  background-size: cover;
  background-position: center center;
}

.produkt_references_dropdown .bg .backgroundcentered_image {
  background-position: left center;
}

.produkt_references_dropdown .bg img {
  width: 88% !important;
}


.product_references_close_button {
    position: absolute;
    right: 2%;
    bottom: 2%;
    background: url(../images/svg/schliessen-x_inaktiv_white.svg) 0 0 no-repeat;
    background-size: contain;
    width: 2vw;
    height: 2vw;
    margin: 0.5em 0.5em 0 0;
    z-index: 1;
    max-width: 140px;
    max-height: 140px;
    min-width: 80px;
    min-height: 80px;
}

.product_references_close_button:hover {
  background: url(../images/svg/schliessen-x_aktiv.svg) 0 0 no-repeat;
  background-size: contain;  
}

.product_references_close_button a {
  display: block;
  width:4vw;
  height: 4vw;
  max-width: 140px;
  max-height: 140px;
}

.produkt_references_dropdown_infoleft {
  position: absolute;
  left:0;
  top:0;
  right: 60%;
  bottom:0; 
  text-align: center;
  vertical-align: middle; 
}

.produkt_references_dropdown_infoleft .schwarzerrahmen {
    background: url(../images/svg/pfeil_produkt-zu-referenz.svg) right top no-repeat;
    background-size: contain;
    position: absolute;
    left: 80%;
    top: 0;
    right: 0;
    bottom: 0;
    display: none;
}

.produkt_references_dropdown_infoleft_table {
  display: table;
  width: 100%;
  height: 100%;
}
.produkt_references_dropdown_infoleft_tablecell {
  display: table-cell;
  vertical-align: middle;

  font-size: 2.625em;
  line-height: 1.42em;

    text-shadow: 0px 5px 5px rgba(25,13,12,1);
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a1b0d1+1,a1b0d1+35,a1b0d1+100&1+0,0+35,0+100 */
background: -moz-radial-gradient(center, ellipse cover,  rgba(161,176,209,1) 0%, rgba(161,176,209,0.97) 1%, rgba(161,176,209,0) 35%, rgba(161,176,209,0) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(161,176,209,1) 0%,rgba(161,176,209,0.97) 1%,rgba(161,176,209,0) 35%,rgba(161,176,209,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  rgba(161,176,209,1) 0%,rgba(161,176,209,0.97) 1%,rgba(161,176,209,0) 35%,rgba(161,176,209,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1b0d1', endColorstr='#00a1b0d1',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}


.produkt_references_dropdown_infoleft_tablecell img {
    filter: drop-shadow( 0px 5px 5px rgba(25,13,12,0.75));
    -webkit-filter: drop-shadow( 0px 5px 5px rgba(25,13,12,0.75));
    -moz-filter: drop-shadow( 0px 5px 5px rgba(25,13,12,0.75));
}

.produkt_references_dropdown_infoleft_tablecell img.iconsortierung {
    display: inline-block;
    vertical-align: super;
    margin:0 6px;
    max-width: 20px;
    max-height: 20px;
}

.product_references_list {
  background-color: #000000;
  position: absolute;
  left:32%;
  top:0;
  right: 0;
  bottom:0;

    padding:3em 4em 3em calc(6% + 3em);
    box-sizing:border-box;

    background:url(../images/bglayer/pz_hg_referenzen_zum_produkt_blau.jpg) left top no-repeat;
    background-size: cover;


}

.product_references_list .referenzmenuitem .image .iconimageholder {
  position: absolute;
  right: 0;
  z-index: 1;
}

.product_references_list .referenzmenuitem .image img.iconsortierung {
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  right: 0;
  z-index: 1;
  width: 1vw;
  height: 1vw;
  right: -10px;
  top: -10px;
  border: 0;
  display: inline-block;
  position: relative;
}

.product_references_list .referenzmenuitem .image img.iconsortierung-smartglow {
  right: 10px;
  top:10px;
     filter: drop-shadow(0px 0px 10px rgba(0,140,255,0.75)) drop-shadow(0px 0px 5px rgba(100,224,255,0.6));
    -webkit-filter: drop-shadow(0px 0px 10px rgba(0,140,255,0.75)) drop-shadow(0px 0px 5px rgba(100,224,255,0.6));
    -moz-filter: drop-shadow(0px 0px 10px rgba(0,140,255,0.75)) drop-shadow(0px 0px 5px rgba(100,224,255,0.6));
}
















.product_references_list .template {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  align-content: flex-start;
  -webkit-align-content: flex-start;
  /* float: left; */
  box-sizing: border-box;
  width: 100%;
  padding-top: 20px;
  justify-content: space-between;
}

.product_references_list .template:after {
  content:'';
  flex: 0 0 18vw;
}

.product_references_list .caption {
  margin-top: 1.5%;
  height: 3em;
  overflow:hidden;
  position: relative;
}

.product_references_list .caption .iconimage {
  display: inline-block;
  vertical-align: middle;
  margin-right: 1%;
  width: 2vw;
}

.product_references_list .caption .iconimage img {
    width: 100%;
    height: auto;
}

.product_references_list  .caption a {
    color:#190d0c;
    font-size:1.125em;
    font-weight: bold;
    text-decoration: none;
}

.product_references_list .shadowleft  {
  width:1vw;
  height: 100%;
  position: absolute;
  margin-top:30px;
  z-index: 4;
  background: -moz-linear-gradient(left, rgba(100,100,100,0.65) 0%, rgba(100,100,100,0.02) 38%, rgba(100,100,100,0) 39%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(100,100,100,0.65)), color-stop(38%,rgba(100,100,100,0.02)), color-stop(39%,rgba(100,100,100,0)));
  background: -webkit-linear-gradient(left, rgba(100,100,100,0.65) 0%,rgba(100,100,100,0.02) 38%,rgba(100,100,100,0) 39%);
  background: -o-linear-gradient(left, rgba(100,100,100,0.65) 0%,rgba(100,100,100,0.02) 38%,rgba(100,100,100,0) 39%);
  background: -ms-linear-gradient(left, rgba(100,100,100,0.65) 0%,rgba(100,100,100,0.02) 38%,rgba(100,100,100,0) 39%);
  background: linear-gradient(to right, rgba(100,100,100,0.65) 0%,rgba(100,100,100,0.02) 38%,rgba(100,100,100,0) 39%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6cccccc', endColorstr='#00cccccc',GradientType=1 );
  display: none;
}

.product_references_list .shadowright  {
  right: 0;
  width:1vw;
  height: 100%;
  position: absolute;
  margin-top:30px;
  z-index: 4;
  background: -moz-linear-gradient(left, rgba(100,100,100,0) 61%, rgba(100,100,100,0.02) 62%, rgba(100,100,100,0.65) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(61%,rgba(100,100,100,0)), color-stop(62%,rgba(100,100,100,0.02)), color-stop(100%,rgba(100,100,100,0.65)));
  background: -webkit-linear-gradient(left, rgba(100,100,100,0) 61%,rgba(100,100,100,0.02) 62%,rgba(100,100,100,0.65) 100%);
  background: -o-linear-gradient(left, rgba(100,100,100,0) 61%,rgba(100,100,100,0.02) 62%,rgba(100,100,100,0.65) 100%);
  background: -ms-linear-gradient(left, rgba(100,100,100,0) 61%,rgba(100,100,100,0.02) 62%,rgba(100,100,100,0.65) 100%);
  background: linear-gradient(to right, rgba(100,100,100,0) 61%,rgba(100,100,100,0.02) 62%,rgba(100,100,100,0.65) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00cccccc', endColorstr='#a6cccccc',GradientType=1 );
  display: none;
}

.product_references_list .scrollarea_outer  {
  position: relative;
  clear: right;
  margin-top:-0;  
}

.product_references_list .scrollarea_outer:before {
  content:' ';
  position: absolute;
  top:0;
  width: calc(100% - 1vw);
  border-top:1px solid #7f96b2;
}


.product_references_list .scrollarea_outer  {
  position: relative;
  clear: right;
  margin-top:-0;  
}

.product_references_list .scrollarea  {
    overflow-x: auto;
    height: auto;
    width: 100%;
    overflow-y: hidden;
}

.product_references_list .referenzmenuitem {
  padding-bottom: 1.5em;
  width: 13.5vw;
}

.product_references_list .referenzmenuitem .image {
  display: inline-block;
  width: 13.5vw;
  height: 6.7vw;
content: 'viewport-units-buggyfill;width: 13.5vw;  height: 6.7vw;';   
}

.product_references_list .referenzmenuitem .image img {
  border:1px solid #b2b2b2;
  display: block;
  width: 100%;
  height: auto;

    filter: drop-shadow( 0px 5px 5px rgba(25,13,12,0.75));
    -webkit-filter: drop-shadow( 0px 5px 5px rgba(25,13,12,0.75));
    -moz-filter: drop-shadow( 0px 5px 5px rgba(25,13,12,0.75));
}


.product_references_list .template1xn .referenzmenuitem {
  width: 53.9vw;
  padding-bottom:0.5vw;
}
.product_references_list .template1xn .referenzmenuitem .image {
      width: 53.9vw;
    height: 26.95vw;
    position: relative;
}


.product_references_list .template2xn {
  width:calc(100% - 1vw);
}

.product_references_list .template2xn .referenzmenuitem {
  width: 27vw;
  padding-bottom:0.5vw;
}
.product_references_list .template2xn .referenzmenuitem .image {
    width: 27vw;
    height: 14vw;
    position: relative;
}


.product_references_list .template3xn .referenzmenuitem {
  width: 18vw;
  
}

.product_references_list .template:hover .referenzmenuitem {
  opacity: 0.4;
}

.product_references_list .template .referenzmenuitem:hover {
  opacity: 1;
}

.product_references_list .template3xn .referenzmenuitem .image {
  width: 17vw;
  height: 11.9vw;
content: 'viewport-units-buggyfill;width: 18.7vw;  height: 12.9vw;'; 
position: relative;
}


.product_references_list .template3xn .caption .iconimage {
  float: left;
  margin-right: 1em;
}
.product_references_list .template3xn .caption {
    height: 2.8em;
}

.product_references_list .template3xn .caption a {
    line-height: 2.2em;
    line-height: 1.2em;
}

.product_references_list .template .referenzmenuitem,
.product_references_list .template4xn .referenzmenuitem {
  
}

.product_references_list .headline {
  width: 60%;
  display: inline-block;
}

.product_references_list .headline h2 {
  color:#ffffff;
  font-weight: 500;
  font-size: 1.75em;
  padding:0;
  margin:0.5em 0;
}



.product_references_list .legende {
    width: 100%;
    float: right;
    top: 0;
    display: inline-block;
    text-align: right;
    padding-right: 1vw;
}

.product_references_list .legende .legendcion {
    line-height: 3.3em;
    font-size: 1em;
    font-style: italic;
    color:#ffffff;
    display: inline-block;
    margin-left: 3em;
}

.product_references_list .legende .legendcion .iconimage{
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.5em;
  width: 1vw;
}

.product_references_list .legende .legendcion a {
  color:inherit;
}

.product_references_list .legende .legendcion-smartglow .iconimage {
    filter: drop-shadow(0px 0px 10px rgba(0,140,255,0.75)) drop-shadow(0px 0px 5px rgba(100,224,255,0.6));
    -webkit-filter: drop-shadow(0px 0px 10px rgba(0,140,255,0.75)) drop-shadow(0px 0px 5px rgba(100,224,255,0.6));
    -moz-filter: drop-shadow(0px 0px 10px rgba(0,140,255,0.75)) drop-shadow(0px 0px 5px rgba(100,224,255,0.6));
}

.product_references_list .legende .legendcion .iconimage img {
    width: 100%;
    height: auto;
    vertical-align: text-top;    
}

.product_references_list .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    background: url(../images/svgpz/pz_scrollbutton_hell.svg) 0 0 no-repeat;
    background-size: contain;
    height: 35px;
    width: 35px;
}

.product_references_list .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  display: none;
}

.product_references_list .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  margin:16px 0;
  background-color: #190d0c;
  border-radius:0;
}





.thumbsgallery .closepanel,
.thumbsgallery2 .closepanel {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    cursor: pointer;
    border: 1px solid #8c8685;
    background: #8c8685;
    background: -moz-linear-gradient(top, #8c8685 0%,#190d0c 100%);
    background: -webkit-linear-gradient(top, #8c8685 0%,#190d0c 100%);
    background: linear-gradient(to bottom, #8c8685 0%,#190d0c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c8685', endColorstr='#190d0c',GradientType=0 );
    z-index: 1;
}

.thumbsgallery .closepanel_inner,
.thumbsgallery2 .closepanel_inner {
    display: table;
    width: 100%;
    height: 100%;
}

.thumbsgallery .closepanel_inner_content,
.thumbsgallery2 .closepanel_inner_content {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #aca19c;
}

.thumbsgallery .closepanel i,
.thumbsgallery2 .closepanel i {
    font-size: 2em;
    padding: 0 0.25em;
    color:#bab6b6;
    opacity: 1;
}

.thumbsgallery .closepanel:hover i,
.thumbsgallery2 .closepanel:hover i {
  color:#fff;
  opacity: 1;
}


.bubblecontent p {
  margin:0;
  padding:0;
  font-size: 1.125em;
  color:#000;
  font-weight: 600;
}

.bubblecontent p a {
  color: inherit;
}


.tx-haendlersuche {
  position: relative;
  height: 100%;
}

.tx-haendlersuche.open #haendler_map_canvas {
  width:calc(100% - 23%) !important;
  margin-left:23%;
}

.tx-haendlersuche .row_address {
  position: relative;
}

.tx-haendlersuche #address {
    background-color: #fff;
    border: 1px solid #4c4c4c;
    text-decoration: none;
    color: #000;
    padding: 0.5em 2em 0.5em 1em;
    display: block;
    box-sizing: border-box;
    width: 100%;
    font-size: 1.3125em;
    margin-bottom: 0.5em;
}
/* do not group these rules */
.tx-haendlersuche #address::-webkit-input-placeholder {
    font-size: 1em;
    color: #a6a6a6;
}
.tx-haendlersuche #address:-moz-placeholder {
    /* FF 4-18 */
    font-size: 1em;
    color: #a6a6a6;
}
.tx-haendlersuche #address::-moz-placeholder {
    /* FF 19+ */
    font-size: 1em;
    color: #a6a6a6;
}
.tx-haendlersuche #address:-ms-input-placeholder {
    /* IE 10+ */
    font-size: 1em;
    color: #a6a6a6;
}


.tx-haendlersuche button.submit {
  background: none;
  border:0;
  box-shadow: none;
  position: absolute;
  right: 0.25em;
  top:0.25em;
  font-size: 1.75em;
  color:#a6a6a6;
  cursor: pointer;
}

.tx-haendlersuche button.submit:hover {
  color:#000;
}


.tx-haendlersuche .reopenresultlist {
  width: 3em;
  height:3em;
  position: absolute;
  left:1.2em;
  top:1.2em;
  background: url(../images/svg/haendlersuche_lupe.svg) 0 0 no-repeat;
  background-size: contain;
  z-index: 1;
  cursor: pointer;
}


.tx-haendlersuche .reopenresultlist:hover {
  background: url(../images/svg/haendlersuche_lupe_hover.svg) 0 0 no-repeat;
  background-size: contain;
}

.tx-haendlersuche #gmapformandresultlist {
  position: absolute;
  left:0;
  top:0;
  padding:1em;
  box-sizing:border-box;
  z-index: 1;
  max-width: 25em;
  min-width: 23%;
}

.tx-haendlersuche #gmapformandresultlist.hidden {
  display: none;
}

.tx-haendlersuche #gmapformandresultlist.open {
  background-color: #fff;
  padding:1em;
  box-sizing:border-box;
  bottom:0;
  -webkit-box-shadow: 2px 0px 9px 0px rgba(0,0,0,0.41);
  -moz-box-shadow: 2px 0px 9px 0px rgba(0,0,0,0.41);
  box-shadow: 2px 0px 9px 0px rgba(0,0,0,0.41);  
  bottom:0;
}

#resultcontent {
  overflow-y:auto;
  height: 70vh;
  display: none;
}

#gmapformandresultlist.open #resultcontent {
  display: block;
}

.resulcontentitem {
  border:1px solid #d9d9d9;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100 */
  background: rgb(255,255,255); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
  padding:0.5em;
  margin-bottom: 0.5em;
  cursor: pointer;
  display: flex;
  color:#a6a6a6;
}

.resulcontentitem:hover {
  color:#000;
}

.resulcontentitem .distance {
background: url(../images/svg/haendlersuche_pinnadel.svg) 0 0 no-repeat;
    background-size: 100% 5em;
    width: 4em;
    text-align: center;
    color: #fff;
    height: 6em;
}

.resulcontentitem .distance .number {
    font-size: 1.5em;
    display: block;
    line-height: 1em;
    margin-top: 0.4em;
}

.resulcontentitem .distance .unit {
    font-size: 0.875em;
    display: block;
    line-height: 0.7em;
}

.resulcontentitem .info {
  padding-left: 1em;
  font-size:0.875em;
  width: 20em;
}

.resulcontentitem .info strong {
  font-size: 1.5em;
}






.formfield_umkreis .label {
    background-color: #fff;
    border: 1px solid #4c4c4c;
    text-transform: uppercase;
    text-decoration: none;
    color: #a6a6a6;
    padding: 0.75em 1em;
    font-weight: bold;
    display: inline-block;
    cursor: pointer;
    box-sizing: border-box;
    width: 100%;
    text-align: center;
    font-size: 1.3125em;
}



.formfield_umkreis.disabled {
  display: none;
  position: relative;
}

.formfield_umkreis.disabled .overlay {
    position: absolute;
    left: -2em;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
}

#umkreisslider.noUi-target {
    border-radius: 0;
    border: 0;
    box-shadow: none;
}

#umkreisslider.noUi-background {
    background: none;
    height: 2.5em;
  position: relative;
    margin-top: -1.25em;
}

#umkreisslider .noUi-base {
    
}

#umkreisslider.noUi-horizontal .noUi-handle {
    top: 0;
    background: url(../images/svg/scrollbutton_dunkel.svg) 0 0 no-repeat;
    background-size: contain;
    border: 0;
    box-shadow: none;
    width: 2.5em;
    height: 2.5em;
    cursor: pointer;
}

#umkreisslider.noUi-horizontal .noUi-handle::before,
#umkreisslider.noUi-horizontal .noUi-handle::after {
  display: none;
}


#gmapformandresultlist .closepanel {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    cursor: pointer;
    border: 1px solid #404040;
    background: #7f7f7f;
    background: -moz-linear-gradient(top, #7f7f7f 0%,#404040 100%);
    background: -webkit-linear-gradient(top, #7f7f7f 0%,#404040 100%);
    background: linear-gradient(to bottom, #7f7f7f 0%,#404040 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f7f7f', endColorstr='#404040',GradientType=0 );
    z-index: 1;
    display:none;
}

#gmapformandresultlist.open .closepanel {
  display: block;
}

#gmapformandresultlist.open .content {
  padding-left:3em;
}

#gmapformandresultlist .closepanel_inner {
    display: table;
    width: 100%;
    height: 100%;
}

#gmapformandresultlist .closepanel_inner_content {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #aca19c;
}

#gmapformandresultlist .closepanel i {
    font-size: 2em;
    padding: 0 0.25em;
    color:#ffffff;
    opacity: 0.8;
}

#gmapformandresultlist .closepanel:hover i {
  opacity: 1;
}



  table.seiteformate {
    width:80%;
    margin:4.5vw 10% 0 10%;
    box-sizing:border-box;
  }

  table.seiteformate tr.header th {
    border-bottom:1px solid #ffffff;
  }
  table.seiteformate th,
  table.seiteformate td {
    color:#ffffff;
    text-align:center;
    padding:0.5em;
    font-weight:normal;
    font-size:1.125em;
  }
  table.seiteformate td {
    font-size:1.5em;
  }  
  
  
  table.seiteformate tr .formate {
    text-align:left;
    width:3em;
  }
  
  table.seiteformate tr .formattitel {
    text-align:left;
    font-size:1em;
  }
  
  
  table.seiteformate tr .laenge {
    width:5em;
  }  
  table.seiteformate tr .breite {
    width:3em;
  }  
  table.seiteformate tr .hoehe {
    width:3.5em;
  }  
  table.seiteformate tr .divider {
    width:1em;
    padding-left:0;
    padding-right:0;
    color:#aca19c;
  }  
  table.seiteformate tr td.kopf {
    text-align:left;
  }    
  table.seiteformate tr td.laeufer {
    text-align:right;
  }    


@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 767px)  { 
  table.seiteformate {
      width: 80%;
      margin: 10% 3% 0 3%;
  }
  table.seiteformate th, table.seiteformate td {
      font-size: 1em;
  }
  table.seiteformate .laeufer img {
      width: 62%;
      height: auto;
  }
  table.seiteformate .kopf img {
      width: 61%;
      height: auto;
  }
  table.seiteformate td {
      font-size: 0.75em;
  }

}







  table.seiteformsteine {
    width:80%;
    margin:4.5vw 10% 0 10%;
    box-sizing:border-box;
  }

  table.seiteformsteine tr.header th {
    border-bottom:1px solid #ffffff;
  }
  table.seiteformsteine th,
  table.seiteformsteine td {
    color:#ffffff;
    text-align:left;
    padding:0.5em;
    font-weight:normal;
    font-size:1.125em;
  }
  table.seiteformsteine td {
    font-size:1.5em;
    border-bottom: 1px solid #333333;
  }  
  
  table.seiteformsteine tr .typ {
    text-align:left;
    width:16em;
  }
  


@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 767px)  { 
  table.seiteformsteine {
      width: 96%;
      margin: 2%;
  }
  table.seiteformsteine th, table.seiteformsteine td {
        font-size: 1.25em;
  }
  table.seiteformsteine tr .typ {
    width: auto;
  }
  table.seiteformsteine td.typ img {
      width: 100px;
  }
}


.hktexturenliste {
    padding-right: 3em !important;
    margin-top: 7vh;
}

.hktexturenliste .template {
  display: flex;
  flex-direction:row;
  flex-wrap: wrap;
  align-items: flex-start;
    box-sizing: border-box;
    width:100%;
}

.hktexturenliste .item {
  width: 18em;
  margin-right: 1em;
  padding-bottom: 2em;
}

.hktexturenliste .item .images {
  display: flex;
}

.hktexturenliste .item .image_dunkel {
  width: 49%;
  margin-right: 1%;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(0,38,71,0.25);
  -moz-box-shadow: 0px 5px 10px 0px rgba(0,38,71,0.25);
  box-shadow: 0px 5px 10px 0px rgba(0,38,71,0.25);  
}

.hktexturenliste .item .image_dunkel img {
  display: block;
}

.hktexturenliste .item .image_dunkel span {
  position: absolute;
  left:0;
  top:0;
  bottom:0;
  right: 0;
  background:url(../images/svg/fugenfarbe_dunkel.svg) center center no-repeat;
}

.hktexturenliste .item .image_dunkel:hover span {
  background:url(../images/svg/fugenfarbe_dunkel_hover.svg) center center no-repeat;
}


.hktexturenliste .item .image_hell {
  width: 49%;
  margin-left: 1%;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(0,38,71,0.25);
  -moz-box-shadow: 0px 5px 10px 0px rgba(0,38,71,0.25);
  box-shadow: 0px 5px 10px 0px rgba(0,38,71,0.25);
}

.hktexturenliste .item .image_hell img {
  display: block;
}
.hktexturenliste .item .image_hell span {
  position: absolute;
  left:0;
  top:0;
  bottom:0;
  right: 0;
  background:url(../images/svg/fugenfarbe_hell.svg) center center no-repeat;
}

.hktexturenliste .item .image_hell:hover span {
  background:url(../images/svg/fugenfarbe_hell_hover.svg) center center no-repeat;
}


.kachelarea .hktexturenliste a {
    color: inherit;
    font-weight: 500;
    font-size: initial;
    text-decoration: none;
    line-height: initial;
    height: 4em;
    height: auto;
    display: initial;
    font-weight: inherit;
}

.hktexturenliste .item .title {
  text-align: center;
  font-weight: 800;
  color:#000;
  padding-top:0.5em;
}


.hktexturenliste .shadowleft  {
  width:1vw;
  height: 100%;
  position: absolute;
  margin-top:30px;
  z-index: 4;
  background: -moz-linear-gradient(left, rgba(70,46,36,0.65) 0%, rgba(70,46,36,0.02) 38%, rgba(70,46,36,0) 39%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(70,46,36,0.65)), color-stop(38%,rgba(70,46,36,0.02)), color-stop(39%,rgba(70,46,36,0)));
  background: -webkit-linear-gradient(left, rgba(70,46,36,0.65) 0%,rgba(70,46,36,0.02) 38%,rgba(70,46,36,0) 39%);
  background: -o-linear-gradient(left, rgba(70,46,36,0.65) 0%,rgba(70,46,36,0.02) 38%,rgba(70,46,36,0) 39%);
  background: -ms-linear-gradient(left, rgba(70,46,36,0.65) 0%,rgba(70,46,36,0.02) 38%,rgba(70,46,36,0) 39%);
  background: linear-gradient(to right, rgba(70,46,36,0.65) 0%,rgba(70,46,36,0.02) 38%,rgba(70,46,36,0) 39%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6462e24', endColorstr='#00462e24',GradientType=1 );
  display: none;
}

.hktexturenliste .shadowright  {
  right: 0;
  width:1vw;
  height: 100%;
  position: absolute;
  margin-top:30px;
  z-index: 4;
  background: -moz-linear-gradient(left, rgba(70,46,36,0) 61%, rgba(70,46,36,0.02) 62%, rgba(70,46,36,0.65) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(61%,rgba(70,46,36,0)), color-stop(62%,rgba(70,46,36,0.02)), color-stop(100%,rgba(70,46,36,0.65)));
  background: -webkit-linear-gradient(left, rgba(70,46,36,0) 61%,rgba(70,46,36,0.02) 62%,rgba(70,46,36,0.65) 100%);
  background: -o-linear-gradient(left, rgba(70,46,36,0) 61%,rgba(70,46,36,0.02) 62%,rgba(70,46,36,0.65) 100%);
  background: -ms-linear-gradient(left, rgba(70,46,36,0) 61%,rgba(70,46,36,0.02) 62%,rgba(70,46,36,0.65) 100%);
  background: linear-gradient(to right, rgba(70,46,36,0) 61%,rgba(70,46,36,0.02) 62%,rgba(70,46,36,0.65) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00462e24', endColorstr='#a6462e24',GradientType=1 );
  display: none;
}

.hktexturenliste .scrollarea_outer  {
  position: relative;
  clear: right;
  margin-top:-20px;  
}

.hktexturenliste .scrollarea  {
    overflow-x: auto;
    height: auto;
    width: 100%;
    overflow-y: hidden;
}




.bluroverlay {
  position: absolute;
  left:0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 3;
 /* background-color: rgba(255,255,255,0.3);*/
}

.bluroverlay_closer {
    width: 7vh;
    height: 7vh;
    background: url(../images/svg/schliessen-x_inaktiv.svg) 0 0 no-repeat;
    background-size: contain;
    cursor: pointer;
    position: absolute;
    bottom: 2vh;
    right: 2vw;
}

.bluroverlay_closer:hover {
    background: url(../images/svg/schliessen-x_aktiv.svg) 0 0 no-repeat;
    background-size: contain;
}
.bluroverlay_content {
    position: absolute;
    left: 30%;
    top: 30%;
    width: 40%;
    background-color: #ffffff;
    z-index: 200;
    border:2px solid #a6a6a6;
  padding:2em;

}

.bluroverlay_content.center {
  text-align: center;
}

.bluroverlay_content .title {
  text-align: center;
  font-weight: 500;
  font-size:2.5em;
  color:#000;
  display: block;
  position: relative;
  margin-bottom: 0.3em;
}

.bluroverlay_content .bgline {
  position: absolute;
    top: 50%;
    bottom: 50%;
    left: 0;
    right: 0;
    border-top: 1px solid #000;
    z-index: -1;
}

.bluroverlay_content .innertitle {
    padding: 0 1em;
    background-color: white;
}

.bluroverlay_content .innertitle span {
  margin-right: 0.5em;
}

.bluroverlay_content .title.red {
  color:#e2001a;
}

.bluroverlay_content .title.red .bgline {
  border-color:#e2001a;
}

.bluroverlay_content p {
  text-align: center;
  font-size: 1.5em;
}

.bluroverlay_content p.mehrfachauswahl {
  font-size: 1em;
  color: #bac4de;
}

.bluroverlay_content .buttonarea {
  text-align: center;
  display: block;
}

.bluroverlay_content .buttonarea .zfbutton {
  margin:0 1em;
}

.bluroverlay_content .buttonarea .zfbutton.zfbutton_download {
  margin-bottom: 1em;
}

.tx-hebrokapr.blur {
  filter:blur(0.6em);
  -webkit-filter:blur(0.6em);
  filter:blur(1em);
  -webkit-filter:blur(1em);
}



.formfieldselectpanel_optionlist_search {
  list-style-type: none;
  margin:1em auto;
  padding:0;
  width: 60%;
  max-height: 50vh;
  overflow-y:auto;
}


.formfieldselectpanel_optionlist_search li {
  display: block;
  border-right: 1px solid #aca19c;
  padding:0.7em;
    background: url(../images/buttons/zf_pfeilbutton.svg) left top no-repeat;
    background-size: auto 100%;
    text-align: center;
    margin-bottom: 0.5em;
    cursor: pointer;
    color:#aca19c;
}

.formfieldselectpanel_optionlist_search li.hide {
  display: none;
}

.formfieldselectpanel_optionlist_search li.selected {
  color:#462E24;
}


.formfieldselectpanel_optionlist_search.ul_s_produkte {
  width: 90%;
}

.formfieldselectpanel_optionlist_search.ul_s_produkte li  {
  display: block;
  border: 0;
  padding: 0 0 0 3em;
  background: none;
  text-align: left;
  margin: 0 0 1.5em 0;
  color: #462E24;
  background-color: transparent;
  font-size: 1.2em;
  position: relative;
  margin-left: 1.075em;
  line-height: 1.75em;
  font-weight: 800;
}

.formfieldselectpanel_optionlist_search.ul_s_produkte li img {
  width: 20px;
  height: auto;
}

.formfieldselectpanel_optionlist_search.ul_s_produkte li.selected {
  color:#462E24;
}

.formfieldselectpanel_optionlist_search.ul_s_produkte li::before  {
  content:' ';
  position: absolute;
  top:0;
  left:0;
  height: 1.75em;
  width: 1.75em;
  margin-left:-1.075em;
  box-sizing: border-box;

  background:url(../images/svg/radiobutton.svg) 0 0 no-repeat;
  background-size: cover;    

}

.formfieldselectpanel_optionlist_search.ul_s_produkte li.selected::before  {
  background:url(../images/svg/radiobutton_aktiv.svg) 0 0 no-repeat;
  background-size: cover;    
}


.formfieldselectpanel_optionlist_search.ul_s_produkte li span {
  display: inline-block;
  width: 60%;
  float: right;
  margin-right: 1em;
}

.formfieldselectpanel_optionlist_search.ul_s_produkte li span img {
  width: 100%;
  height: auto;
}


.formfield {
  margin-bottom: 1em;
}

.formfield .label {
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.15em;
}

.formfield_select > ul {
    display: none;
}

.formfield .label {
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.15em;
}
.formfield_select.hasvalue .label {
    color: #fff;
}
.formfield_select .label {
    background: url(../images/buttons/zf_layerbutton.svg) right top no-repeat;
    background-size: auto 100%;
    border-left: 1px solid #a6a6a6;
}
.1formfield_select .label {
    background: url(../images/buttons/zf_pfeilbutton.svg) left top no-repeat;
    background-size: auto 100%;
    border: 0;
    border-right: 1px solid #a6a6a6;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 0.125em;
    color: #a6a6a6;
    padding: 1em 3em;
    font-weight: 500;
    display: inline-block;
    cursor: pointer;
    box-sizing: border-box;
    width: 100%;
    text-align: center;
}


.formfield_select .label {
  display: block;
  background-color: #ffffff;
  line-height: 1.5vw;
  padding:0.2em;
  text-align: center;
  text-transform: uppercase;
  color:#ffffff;
  font-size: 1.125em;
  letter-spacing: 0.1em;
  border-top:1px solid #404040;
  border-bottom:1px solid #404040;
  cursor: pointer;
  font-weight: 500;

  background: #190d0c;
  background: url(../images/svgpz/pz_button_ecke.svg) right top no-repeat #190d0c;

}

.formfield_select .label span {
  text-transform: none;
}

.formfield_select .label span sup {
  font-weight: 500;
  font-size: 0.8em;  
}
.zfbutton.noarrow {
    background-position: left top;
    border-right: 1px solid #aca19c;
    border-left: 0;
}

.zfbutton.light {
    background: url(../images/buttons/zf_pfeilbutton.svg) left top no-repeat;
    background-size: auto 100%;
    border: 0;
    border-right: 1px solid #cccccc;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 0.125em;
    color: #bfbfbf;
    padding: 1em 3em;
    font-weight: 500;
    display: inline-block;
    cursor: pointer;
    box-sizing: border-box;
    text-align: center;
    width: 100%;
}

.zfbutton.light:hover {
  color:#000;
}

.bluroverlay_content .zfbutton.light {
    color: #999;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
    border:1px solid #bfbfbf;  
}

.backgroundcentered_image {
  position: absolute;
  left:0;
  top:0;
  right:0;
  bottom:0;
  background-size:contain;
  background-repeat: no-repeat;
  background-position: center;
}

.backgroundcentered_image_product {
  background-size:100% auto;
  background-size:cover;
  background-repeat: no-repeat;
  background-position: center;
}


.backgroundcentered_image_product_jh {
  background-position: center bottom -16vw;
}
.backgroundcentered_image_product_riemchen {
  background-position: center bottom;
  background-size: 100% auto;
}

.csc-default.simpleimagegallery,
.csc-frame-default.simpleimagegallery,
.frame-default.simpleimagegallery {
  position: relative;
  width: 100%;
  height: 100%;
}

.singleimage_white,
.singleimage_1,
.incontentgallery_white,
.incontentgallery_1 {
  background-color: #fff;
}

.textureareaholder > table  {
  width: 100%;
  height: 100%;
}

.textureareaholder > table td {
  color:rgba(255,255,255,0.6);
  font-size: 2.5em;
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
}

.textureareaholder:after {
    content: 'Die Textur wird geladen ...';
    position: absolute;
    left: 0;
    right: 0;
    top: 45%;
    text-align: center;
    font-size: 2.5em;
    font-weight: bold;
    color: rgba(255,255,255,0.6);
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    z-index:-1;
}

.textureareaholder.noloadinginfo:after {
  content:'';
}





.dropmenu_service ul li.albasziegelwelt > ul {
    position: static;
    margin-left: 0;
    width: auto;
    display: none;

    list-style-type: none;
    margin: 3vh 0 1vw 3.5vw;
    padding: 0;    
}

.dropmenu_service ul li.albasziegelwelt > ul > li {
    float: none;
    margin-right: 0;
    margin-bottom: 0%;
    width: auto;

    color: #dee3ef;
    font-weight: 500;
    font-size: 1em;
    padding-left: 3.5vw;
    cursor: pointer;
    line-height: 1.55vw;
    vertical-align: middle;
    padding-top: 0.3vw;
    padding-bottom: 0.3vw;
    padding-left: 0;
    border-top: 1px solid #dee3ef;    
}

.dropmenu_service ul li.albasziegelwelt > ul > li > a {
    line-height: normal;
    height: auto;
    font-weight: normal;
    color: inherit;
    font-size: 1.75em;
}
.dropmenu_service ul li.albasziegelwelt > ul > li > a:hover,
.dropmenu_service ul li.albasziegelwelt > ul > li > a.active {
  color:#000;
}

.dropmenu_service ul li.albasziegelwelt > ul > li > ul > li {
  width: 29.5vw;
}

.dropmenu_service ul li.albasziegelwelt > ul > li > ul > li .menuitem {
  width: 29.5vw;
  height: 14.1vw;
}

.dropmenu_service ul li.albasziegelwelt > ul > li > ul > li > a {
    height: 2.9vw;
    display: block;
    overflow: hidden;
    line-height: 1.1vw;

    position: relative;
}




.dropmenu_service ul li.albasziegelwelt > ul > li > ul > li > a:after {
  content:' ';
  position: absolute;
  background: #e5e5e5;

  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e5e5e5+0,e5e5e5+100&0+0,1+100 */
  background: -moz-linear-gradient(left,  rgba(229,229,229,0) 0%, rgba(229,229,229,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  rgba(229,229,229,0) 0%,rgba(229,229,229,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  rgba(229,229,229,0) 0%,rgba(229,229,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e5e5e5', endColorstr='#e5e5e5',GradientType=1 ); /* IE6-9 */


  left:50%;
  right:0;
  bottom:0;
  height: 1.2vw;
}

.dropmenu_service ul li.albasziegelwelt ul:hover li div.menuitem, .dropmenu_service ul li.albasziegelwelt ul:hover li > a {
    opacity: 1;
}

.dropmenu_service ul li.albasziegelwelt > ul > li > ul > li > a > i {
  margin-right: 1em;
  float: left;
  width: 2vw;
  font-size:2.5vw;
  margin-right: 0.3em;
}

.dropmenu_service ul li.albasziegelwelt > ul > li > ul > li > a > span.normal {
  font-weight: normal;
}


.dropmenu_service ul li.albasziegelwelt > ul > li.albasziegelweltsub {
  border:0;
  padding:0;
}


.albasziegelweltcontent:before,
.albasziegelweltcontentsub:before {
    content: ' ';
    margin-left: -4vw;
    width: calc(100% + 8vw);
    height: 100%;
    position: absolute;
    top: -3.5vh;
    background: #e7ebf3;
    background: -moz-radial-gradient(center, ellipse cover, #e7ebf3 0%, #bac4de 100%);
    background: -webkit-radial-gradient(center, ellipse cover, #e7ebf3 0%,#bac4de 100%);
    background: radial-gradient(ellipse at center, #e7ebf3 0%,#bac4de 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7ebf3', endColorstr='#bac4de',GradientType=1 );
    z-index: -1;
    border: 0;
    height: calc(100% + 5vh);
}


.albasziegelweltcontent, .albasziegelweltcontentsub {
    position: absolute;
    margin-left: 34%;
    top: 0%;
    margin-top: 3.5vh;
    left: 0;  
    right: 4vw;
    bottom:1em;
    display: none;
}

.albasziegelweltsub.open .albasziegelweltcontentsub,
.albasziegelwelt.open .albasziegelweltcontent {
  display: block;
}

.albasziegelweltcontentsub h2,
.albasziegelweltcontent h2 {
    color: #000;
    font-weight: 500;
    font-size: 1.75em;
    padding: 0;
    margin: 0.5em 0;
}

.albasziegelweltcontentsub .ul,
.albasziegelweltcontent .ul {
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: flex-start;
    padding-top: 3em;
    box-sizing: border-box;    
}

.azcontentitem {
    width: 29.5vw;
    margin-right:2vw;
    padding-bottom: 0vw;
    margin-bottom: 0.5em;
}

.azcontentitem .image {
    width: 29.4vw;
    height: 14.1vw;
}

.ul-itemcount-1 .azcontentitem {
    width:58vw;
}


.ul-itemcount-1 .azcontentitem .image {
    width:59vw;
    height: 28.5vw;
}


.azcontentitem .image a {
    border-bottom: 0;
    color: #000;
    line-height: 1.28em;
}

.azcontentitem img {
    display: block;
    border: 1px solid #462e24;
    width: 100%;
    height: auto;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(0,38,71,0.25);
  -moz-box-shadow: 0px 5px 10px 0px rgba(0,38,71,0.25);
  box-shadow: 0px 5px 10px 0px rgba(0,38,71,0.25);  
}

.azcontentitem .caption {
    height: 3.5em;
    overflow: hidden;
    position: relative;
}

.azcontentitem .caption a {
    color: #000000;
    font-size: 1.125em;
    text-decoration: none;
    display: block;
    padding: 0.5em 0;
    line-height: 1.28em;
    font-weight: bold;
}

.azcontentitem .caption a .normal{
    font-weight: normal;
}


.azcontentitem .caption .iconimage {
    float: left;
    padding: 0.7vw 0.5vw 0 0.01vw;
    width: 2.5em;
    color: #000;
}

.azcontentitem .caption .iconimage i {
  font-size: 2.5em;
}


li[data-menutemplate="2"] .azcontentitem {
    width: 16vw;
    margin-right: 2%;
    padding-bottom: 0vw;
    margin-bottom: 0.5em;
}

li[data-menutemplate="2"] .azcontentitem .image {
    width: 16vw;
    height: 16vw;
    background-color: #000;
}

li[data-menutemplate="2"] .azcontentitem .caption .iconimage {
  display: none;
}

.albasziegelweltcontent_scroller {
  height: 100%;
}

.albasziegelweltcontentsub .mCSB_horizontal.mCSB_inside > .mCSB_container,
.albasziegelweltcontent .mCSB_horizontal.mCSB_inside > .mCSB_container {
  height: 100%;
}


.albasziegelweltcontentsub .shadowleft,
.albasziegelweltcontent .shadowleft  {
  width:1vw;
  height: auto !important;
  position: absolute;
  margin-top:30px;
  z-index: 4;
  background: -moz-linear-gradient(left, rgba(40,40,40,0.65) 0%, rgba(40,40,40,0.02) 38%, rgba(40,40,40,0) 39%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(40,40,40,0.65)), color-stop(38%,rgba(40,40,40,0.02)), color-stop(39%,rgba(40,40,40,0)));
  background: -webkit-linear-gradient(left, rgba(40,40,40,0.65) 0%,rgba(40,40,40,0.02) 38%,rgba(40,40,40,0) 39%);
  background: -o-linear-gradient(left, rgba(40,40,40,0.65) 0%,rgba(40,40,40,0.02) 38%,rgba(40,40,40,0) 39%);
  background: -ms-linear-gradient(left, rgba(40,40,40,0.65) 0%,rgba(40,40,40,0.02) 38%,rgba(40,40,40,0) 39%);
  background: linear-gradient(to right, rgba(40,40,40,0.65) 0%,rgba(40,40,40,0.02) 38%,rgba(40,40,40,0) 39%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6404040', endColorstr='#00404040',GradientType=1 );
  display: none;
  bottom: 0;
    top: 4em;
}
.albasziegelweltcontent .shadowleft  {
  top:5em;
}

.albasziegelweltcontentsub .shadowright,
.albasziegelweltcontent .shadowright  {
  right: 0;
  width:1vw;
  height: auto !important;
  position: absolute;
  margin-top:30px;
  z-index: 4;
  background: -moz-linear-gradient(left, rgba(40,40,40,0) 61%, rgba(40,40,40,0.02) 62%, rgba(40,40,40,0.65) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(61%,rgba(40,40,40,0)), color-stop(62%,rgba(40,40,40,0.02)), color-stop(100%,rgba(40,40,40,0.65)));
  background: -webkit-linear-gradient(left, rgba(40,40,40,0) 61%,rgba(40,40,40,0.02) 62%,rgba(40,40,40,0.65) 100%);
  background: -o-linear-gradient(left, rgba(40,40,40,0) 61%,rgba(40,40,40,0.02) 62%,rgba(40,40,40,0.65) 100%);
  background: -ms-linear-gradient(left, rgba(40,40,40,0) 61%,rgba(40,40,40,0.02) 62%,rgba(40,40,40,0.65) 100%);
  background: linear-gradient(to right, rgba(40,40,40,0) 61%,rgba(40,40,40,0.02) 62%,rgba(40,40,40,0.65) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00404040', endColorstr='#a6404040',GradientType=1 );
  display: none;
  bottom: 0;
    top: 4em;
}
.albasziegelweltcontent .shadowright  {
  top:5em;
}

.albasziegelweltcontent:hover .azcontentitem,
.albasziegelweltcontentsub:hover .azcontentitem {
  opacity: 0.4;
}

.albasziegelweltcontent:hover .ul-itemcount-1 .azcontentitem,
.albasziegelweltcontentsub:hover .ul-itemcount-1 .azcontentitem {
  opacity: 1;
}


.albasziegelweltcontent:hover .azcontentitem:hover,
.albasziegelweltcontentsub:hover .azcontentitem:hover {
  opacity: 1;
}

.dropmenu_service ul li.albasziegelwelt > ul:before {
  content:'';
  display: none;
}

.youtubevideo iframe {
  width: 100%;
  height: 100%;
}

.pagemaincontentbgimage {
  background-size: cover;
  z-index:-1;
}

.tx-hebrokapr #maincontent .pagemaincontentbgimage {
  display: none;
}


#maincontent.layerblur {
  background-color:#190d0c;
}
.layerblur {
  /*filter: sepia(100%) blur(4px) brightness(88%) hue-rotate(184deg) saturate(148%);
  -webkit-filter: sepia(100%) blur(4px) brightness(88%) hue-rotate(184deg) saturate(148%);
  -moz-filter: sepia(100%) blur(4px) brightness(88%) hue-rotate(184deg) saturate(148%);*/

filter: grayscale(100%) sepia(50%) blur(6px) hue-rotate(178deg) saturate(150%);
-webkit-filter: grayscale(100%) sepia(50%) blur(6px) hue-rotate(178deg) saturate(150%);
-moz-filter: grayscale(100%) sepia(50%) blur(6px) hue-rotate(178deg) saturate(150%);  
}

#refererlayer_bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99;
  background-color:rgba(10, 114, 247, 0.12);
  background-color:rgba(99, 110, 130, 0.12);
  
}


#refererlayer {
  position: absolute;
  top: 6vh;
  left: 15%;
  right: 15%;
  bottom: 6vh;
  z-index: 100;
  background: url(../images/bglayer/pz_hg_layer_hellblau_3800.jpg) 0 0 no-repeat;
  background-size: 100% 100%;
  border: 1px solid white;
  overflow-y:auto;
  padding:0 4em;
  box-sizing:border-box;
}


@media only screen and (max-width :2500px) {
  #refererlayer {  
    background:url(../images/bglayer/pz_hg_layer_hellblau_2500.jpg) 0 0 no-repeat;
    background-size: 100% 100%;  
  }
}
@media only screen and (max-width :1920px) {
  #refererlayer {  
    background:url(../images/bglayer/pz_hg_layer_hellblau_1920.jpg) 0 0 no-repeat;
    background-size: 100% 100%;  
  }
}
@media only screen and (max-width :1200px) {
  #refererlayer {  
    background:url(../images/bglayer/pz_hg_layer_hellblau_1200.jpg) 0 0 no-repeat;
    background-size: 100% 100%;  
  }
}
@media only screen and (max-width :768px) {
  #refererlayer {  
    background:url(../images/bglayer/pz_hg_layer_hellblau_768.jpg) 0 0 no-repeat;
    background-size: 100% 100%;  
  }
}
@media only screen and (max-width :320px) {
  #refererlayer {  
    background:url(../images/bglayer/pz_hg_layer_hellblau_768.jpg) 0 0 no-repeat;
    background-size: 100% 100%;  
  }
}


#refererlayer .pagesdropdown_layout10 .head img {
    width: 14em;
}

#refererlayer .pagesdropdown_layout10 h1 {
    font-size: calc(2vw - 3%);
}

#refererlayer .pagesdropdown_layout10 p {
  font-size:1.05vw;
}


#refererlayer .closer {
  width: 4em;
  height: 4em;
 background:url(../images/svg/schliessen-x_inaktiv_white.svg) 0 0 no-repeat;

  background-size: contain;
  cursor: pointer;
  position: absolute;
    bottom: 2em;
    right: 3em;
}

#refererlayer .closer:hover {
  background:url(../images/svg/schliessen-x_aktiv.svg) 0 0 no-repeat;
  background-size: contain;
}


.refererlayer_3spalten .main_left {
  width:40%;
}

.refererlayer_3spalten .main_center {
  width:20%;
  text-align: center;
  padding:9vh 2% 0 2%;
  box-sizing:border-box; 
}

.refererlayer_3spalten .main_center img {
  width: 100%;
  height: auto;
}


.refererlayer_3spalten .main_right {
  width:40%;
}

#refererlayer.refererlayer_3spalten .pagesdropdown_layout10 h1 {
    font-size: calc(2.2vw);
    margin-bottom: 1em;
}

.refererlayer_3spalten .pagesdropdown_layout10 .main {
    display: flex;
    width: 95%;
}

.refererlayer_3spalten h2 {
    font-weight: 500;
    font-family: 'Fira Sans Condensed', sans-serif;
    font-size: 1.8em;
    text-shadow: 0px 10px 5px rgba(0, 38, 71,0.1);
    padding:0;
    margin:0 0 1em 0;
}

.refererlayer_3spalten p b,
.refererlayer_3spalten h2 b,
.refererlayer_3spalten p strong,
.refererlayer_3spalten h2 strong {
  color:#ff0000;
  font-weight: bold;
}

.refererlayer_4spalten .pagesdropdown_layout10 {
    padding: 0 13%;
    box-sizing: border-box;
}


.refererlayer_4spalten .pagesdropdown_layout10 h1 {
  color:#ff0000;
  text-align: center;
}

.refererlayer_4spalten p b,
.refererlayer_4spalten h2 b,
.refererlayer_4spalten p strong,
.refererlayer_4spalten h2 strong {
  color:#ff0000;
  font-weight: bold;
}


.refererlayer_4spalten .pagesdropdown_layout10 .main_left {
    padding: 0 1em 0 12%;
}

.refererlayer_4spalten .pagesdropdown_layout10 .main_right {
    padding: 0 12% 0 1em;
}

.pagesdropdown_layout10 .main_sub p {
    font-weight: 500;
    font-size: 1.75em;
    text-shadow: 0px 7px 5px rgba(0, 38, 71,0.1);
    line-height: 1.4em;
    text-align: center;
}
* {
  font-family: 'Fira Sans', sans-serif;
  font-weight: 500;
}

#mainnav > ul > li > a {
  font-family: 'Fira Sans Condensed', sans-serif;
  font-weight: 400;
}

#maincontent h2,
.pagesdropdown_layout_listeverknuepfungen h2,
.pagesdropdown_layout_listeverknuepfungen .item_list .label u,
.dropmenu_unternehmen .dropmenu_unternehmen_padder_neu_leftmenu ul.submenu_stoebern li span,
.dropmenu_unternehmen .rightmenuarea .headline h2,
.dropmenu_unternehmen > div > ul > li > a,
.dropmenu_referenzen .leftmenuarea h3.mainitem,
.dropmenu_referenzen .leftmenuarea ul.submenu_stoebern li,
.dropmenu_service > div > ul > li > a,
.dropmenu_service ul li.albasziegelwelt > ul > li > a {
  font-family: 'Fira Sans Condensed', sans-serif;
  font-weight: 500;
}

#maincontent p {
    font-weight: 500;
}

.wrmultislider,
.wrmultislider_outerslider,
.wrmultislider_moduleslider,
.wrmultislider_imageslider,
.wrmultislider .slick-list,
.wrmultislider .slick-track,
.wrmultislider_imageslider_image {
  height: 100%;
}

.wrmultislider .backgroundcentered_image {
  background-size:cover;
}

.wrmultislider_textslider {
  position: absolute;
  left:0;
  right:0;
  bottom:0;
  bottom:2em;
  opacity: 0;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;  
  visibility: hidden;


}


.wrmultislider_textslider_text_inner {
  max-width: 1200px;
  margin:0 auto;
  text-align: center;
  padding-top: 4.5em;
}

.wrmultislider_textslider.slick-initialized {
  opacity: 1;
  visibility: visible;
}

.wrmultislider_textslider h2 {
  color:#fff;
  text-align: center;
  padding:0 2em;
  font-family: 'Fira Sans Condensed', sans-serif;  
  font-weight: 500;
  font-size: 5.4375em;
  margin:0;
}

.wrmultislider_textslider p {
  color:#fff;
  text-align: center;
  padding:0 2em;
  font-weight: 500;
  font-size: 1.75em;
  line-height: 1.4em;
  margin:0 0 1em 0;
}


.wrmultislider_imageslider_image {
  position: absolute;
  top:0;
  left:0;
  right: 0;
  bottom:0;
}

.wrmultislider_logo {
  position: absolute;
  left:0;
  right: 0;
  top:2em;
  text-align: center;
  z-index: 1;
}

.wrmultislider_logo img {
  width: 18vw;
  height: 18vw;

/*  filter: drop-shadow( 0px 5px 5px rgba(243,231,15,0.4));
  -webkit-filter: drop-shadow( 0px 5px 5px rgba(243,231,15,0.4));
  -moz-filter: drop-shadow( 0px 5px 5px rgba(243,231,15,0.4));  */
}

.multislider_iconlink {
  background: url(../images/svgpz/pz_icon_pfeil_unten.svg) 0 0 no-repeat;
  background-size: contain;
  width:3em;
  height: 3em;
  text-decoration: none;
  margin:0 auto 1em auto;
  display: inline-block;
}

.multislider_iconlink:hover {
  background: url(../images/svgpz/pz_icon_pfeil_unten_hover.svg) 0 0 no-repeat;
  background-size: contain;
}

.tx-powermail {
  color:#fff;
  opacity: 0;
    -webkit-transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
}

.tx-powermail.visible {
  opacity: 1;
}

.tx-powermail .container-fluid {
    max-width: 80em;
    margin: 0 auto;
}

.tx-powermail .container-fluid form {
    position: relative;
    height: 100%;
    filter: drop-shadow( 0px 5px 5px rgba(25,13,12,0.75));
    -webkit-filter: drop-shadow( 0px 5px 5px rgba(25,13,12,0.75));
    -moz-filter: drop-shadow( 0px 5px 5px rgba(25,13,12,0.75));    
}

.tx-powermail .container-fluid form.nolabel h3 {
  display: none;
}
.tx-powermail .container-fluid form fieldset.nolabel legend {
  display: none;
}

.tx-powermail .container-fluid form fieldset .powermail_fieldwrap.nolabel> label {
  display: none;
}


.tx-powermail .container-fluid form fieldset {
  margin:0;
  border:0;
    filter: drop-shadow( 0px 5px 5px rgba(25,13,12,0.75));
    -webkit-filter: drop-shadow( 0px 5px 5px rgba(25,13,12,0.75));
    -moz-filter: drop-shadow( 0px 5px 5px rgba(25,13,12,0.75));   
}

.tx-powermail .container-fluid form fieldset  {
  
}

.tx-powermail .container-fluid form fieldset  .powermail_fieldwrap_type_input {
  display: inline-block;
  width: 47%;
  margin-right: 2%;
  vertical-align: top;
  margin-bottom: 1.5em;
}

.tx-powermail .container-fluid form fieldset .powermail_fieldwrap_type_input input {
  width: 100%;
  border:0;
  box-sizing:border-box;
  font-size: 1.75em;
  padding:0.25em 0.5em;
}

/* do not group these rules */
.tx-powermail .container-fluid form fieldset .powermail_fieldwrap_type_input::-webkit-input-placeholder {
    color: #9e9596;
}
.tx-powermail .container-fluid form fieldset .powermail_fieldwrap_type_input:-moz-placeholder {
    /* FF 4-18 */
    color: #9e9596;
}
.tx-powermail .container-fluid form fieldset .powermail_fieldwrap_type_input::-moz-placeholder {
    /* FF 19+ */
    color: #9e9596;
}
.tx-powermail .container-fluid form fieldset .powermail_fieldwrap_type_input:-ms-input-placeholder {
    /* IE 10+ */
    color: #9e9596;
}

.tx-powermail .container-fluid form fieldset .powermail_fieldwrap_plz {
  width: 12%;
}

.tx-powermail .container-fluid form fieldset .powermail_fieldwrap_ort {
  width: 32.6%;
}

.parsley-errors-list {
  margin:0;
  padding:0;
}

.parsley-errors-list li {
    padding: 0.5em 0;
    font-size: 1.5em;
    margin: 0 0 0 1em;
    color:#ee3300;
}

.tx-powermail .checkbox label a {
  color:inherit;
}
.powermail_fieldwrap_type_check {
  margin: 1.5em 0 2em 0;
}


/* Customize the label (the container) */
.tx-powermail .checkbox label {
    display: block;
    position: relative;
    padding-left: 1.75em;
    margin-bottom: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    font-size:1.75em;
}

/* Hide the browser's default checkbox */
.tx-powermail .checkbox label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0.11em;
    left: 0;
    height: 1em;
    width: 1em;
    background-color: transparent;
    border: 0.196em solid #fff;
    box-sizing: border-box;


}

/* On mouse-over, add a grey background color */
.tx-powermail .checkbox label:hover input ~ .checkmark:after {
  display: block;
  opacity: 0.5;
}

/* When the checkbox is checked, add a blue background */
.tx-powermail .checkbox label input:checked ~ .checkmark {
  background-color: transparent;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.tx-powermail .checkbox label input:checked ~ .checkmark:after {
  display: block;
  opacity: 1;
}

/* Style the checkmark/indicator */
.tx-powermail .checkbox label .checkmark:after {
  left: 0.215em;
    top: -0.375em;
    width: 0.352em;
    height: 0.705em;
    border: solid white;
    border-width: 0 0.196em 0.196em 0;
    -webkit-transform:  translateZ(1px) rotate(45deg);
    -ms-transform:  translateZ(1px) rotate(45deg);
    transform:  translateZ(1px) rotate(45deg);

}

.powermail_fieldwrap_type_submit {
  text-align: center;
}

.powermail_submit {
  background: transparent;
    border: 0;
    border-radius: 0;
    /* -webkit-appearance: none; */
    color: #fff;
    text-transform: uppercase;
    font-size: 3.1875em;
    border: 10px solid #fff;
    padding: 0.5em 2em;
    margin:0 auto;
    cursor:pointer;    
    -webkit-transition: 0.1s ease-in-out;
    -moz-transition: 0.1s ease-in-out;
    -o-transition: 0.1s ease-in-out;
    transition: 0.1s ease-in-out;
}

.powermail_submit:hover {
  font-size:3.625em;
  padding:0.375em 1.26em;
}

.tx-powermail .gewinnspiel_optininfo {
     padding: 2em;  
  position: relative;
  max-width: 66em;
  margin:0 auto;
  width: 100%;
    border: 10px solid #fff;
    filter: drop-shadow( 0px 5px 5px rgba(25,13,12,0.75));
    -webkit-filter: drop-shadow( 0px 5px 5px rgba(25,13,12,0.75));
    -moz-filter: drop-shadow( 0px 5px 5px rgba(25,13,12,0.75)); 
    text-align: center;
}

.tx-powermail .gewinnspiel_optininfo h2 {
  font-size:2.6875em;
  font-weight: 700;
  font-family: 'Fira Sans Condensed', sans-serif;  
  margin:0 0 1em 0;
  padding:0;
}

.tx-powermail .gewinnspiel_optininfo p {
  font-size:1.75em;
  font-weight: 500;
  line-height: 1.4em;
  margin:0 0 1em 0;
  padding:0;
}

.tx-powermail .gewinnspiel_create_confirm {
     padding: 2em;  
  position: relative;
  max-width: 66em;
  margin:0 auto;
  width: 100%;
    border: 10px solid #fff;
    filter: drop-shadow( 0px 5px 5px rgba(25,13,12,0.75));
    -webkit-filter: drop-shadow( 0px 5px 5px rgba(25,13,12,0.75));
    -moz-filter: drop-shadow( 0px 5px 5px rgba(25,13,12,0.75)); 
    text-align: center;
}

.tx-powermail .gewinnspiel_create_confirm h2 {
  font-size:2.6875em;
  font-weight: 700;
  font-family: 'Fira Sans Condensed', sans-serif;  
  margin:0;
  padding:0;
}

.tx-powermail .gewinnspiel_create_confirm p {
  font-size:1.75em;
  font-weight: 500;
  line-height: 1.4em;
  margin:0 0 1em 0;
  padding:0;  
}



.gewinnspiel_create_confirm.brokenline,
.gewinnspiel_optininfo.brokenline {
  border-top:0;
  padding-top:8em;
}

.gewinnspiel_create_confirm.brokenline:before,
.gewinnspiel_optininfo.brokenline:before {
  content:' ';
  position: absolute;
  left:0;
  top:0;
  width: 46%;
  height: 10px;
  background-color: #fff;
}

.gewinnspiel_create_confirm.brokenline:after,
.gewinnspiel_optininfo.brokenline:after {
  content:' ';
  position: absolute;
  right:0;
  top:0;
  width: 46%;
  height: 10px;
  background-color: #fff;
}


.gewinnspiel_create_confirm .slide_legend_icon,
.gewinnspiel_optininfo .slide_legend_icon {
    position: absolute;
    top: -0.49em;
    left: calc(50% - 0.5em);
    font-size: 10em;
}



.dropmenu_produkte .leftmenuarea ul.submenu_farben {
  list-style-type: none;
  margin:0 0 1vw 3.5vw;
  padding:0;
  display:none;
}

.dropmenu_produkte .leftmenuarea ul.submenu_farben_realopen {
  display: block;
}

.dropmenu_produkte .leftmenuarea ul.submenu_farben li {
  color:#dee3ef;
  font-weight: 600;
  font-size:1.75em;
  padding-left:3.5vw;
  cursor: pointer;
  line-height: 1.55vw;
  vertical-align: middle;
  padding-top:0.3vw;
  padding-bottom:0.3vw;
  padding-left:0;
  border-top:1px solid #dee3ef;
}
.dropmenu_produkte .leftmenuarea ul.submenu_farben li.active {
  color:#190d0c;
}
.dropmenu_produkte .leftmenuarea ul.submenu_farben li:hover {
  color:#fff;
}

.dropmenu_produkte .leftmenuarea ul.submenu_farben li.active span.activearrow {
    position: absolute;
    width: 20px;
    right: -20px;
    height: 2vw;  
    background: url(../images/svg/pfeil_submenue.svg) -5px center no-repeat;
    background-size: contain;
    display: block;
    min-height: 32px;
}

.dropmenu_produkte .leftmenuarea ul.submenu_farben li .image {
  display: inline-block;
  width: 1.9vw;
  height: 1.9vw;
  vertical-align: middle;
   content: 'viewport-units-buggyfill;width: 1.9vw;height: 1.9vw;';
 }

.dropmenu_produkte .leftmenuarea ul.submenu_farben li .icomoonimage i {
  font-size: 1.9vw;
}

.dropmenu_produkte .leftmenuarea ul.submenu_farben li .image .inactive {
  width: 100%;
  height: 100%;  
}
.dropmenu_produkte .leftmenuarea ul.submenu_farben li .image .active {
  display: none;
  width: 100%;
  height: 100%;  
}
.dropmenu_produkte .leftmenuarea ul.submenu_farben li.active .image .inactive,
.dropmenu_produkte .leftmenuarea ul.submenu_farben li:hover .image .inactive {
  display: none;
}
.dropmenu_produkte .leftmenuarea ul.submenu_farben li.active .image .active,
.dropmenu_produkte .leftmenuarea ul.submenu_farben li:hover .image .active {
  display: block;
}



.dropmenu_produkte .leftmenuarea ul.submenu_farben li .image img {
  width: 100%;
  height: 100%;
}








.dropmenu_produkte .leftmenuarea ul.submenu_farbenriemchen {
  list-style-type: none;
  margin:0 0 1vw 3.5vw;
  padding:0;
  display:none;
}

.dropmenu_produkte .leftmenuarea ul.submenu_farbenriemchen_realopen {
  display: block;
}

.dropmenu_produkte .leftmenuarea ul.submenu_farbenriemchen li {
  color:#dee3ef;
  font-weight: 600;
  font-size:1.75em;
  padding-left:3.5vw;
  cursor: pointer;
  line-height: 1.55vw;
  vertical-align: middle;
  padding-top:0.3vw;
  padding-bottom:0.3vw;
  padding-left:0;
  border-top:1px solid #dee3ef;
}
.dropmenu_produkte .leftmenuarea ul.submenu_farbenriemchen li.active {
  color:#190d0c;
}
.dropmenu_produkte .leftmenuarea ul.submenu_farbenriemchen li:hover {
  color:#fff;
}

.dropmenu_produkte .leftmenuarea ul.submenu_farbenriemchen li.active span.activearrow {
    position: absolute;
    width: 20px;
    right: -20px;
    height: 2vw;  
    background: url(../images/svg/pfeil_submenue.svg) -5px center no-repeat;
    background-size: contain;
    display: block;
    min-height: 32px;
}

.dropmenu_produkte .leftmenuarea ul.submenu_farbenriemchen li .image {
  display: inline-block;
  width: 1.9vw;
  height: 1.9vw;
  vertical-align: middle;
   content: 'viewport-units-buggyfill;width: 1.9vw;height: 1.9vw;';
 }

.dropmenu_produkte .leftmenuarea ul.submenu_farbenriemchen li .icomoonimage i {
  font-size: 1.9vw;
}

.dropmenu_produkte .leftmenuarea ul.submenu_farbenriemchen li .image .inactive {
  width: 100%;
  height: 100%;  
}
.dropmenu_produkte .leftmenuarea ul.submenu_farbenriemchen li .image .active {
  display: none;
  width: 100%;
  height: 100%;  
}
.dropmenu_produkte .leftmenuarea ul.submenu_farbenriemchen li.active .image .inactive,
.dropmenu_produkte .leftmenuarea ul.submenu_farbenriemchen li:hover .image .inactive {
  display: none;
}
.dropmenu_produkte .leftmenuarea ul.submenu_farbenriemchen li.active .image .active,
.dropmenu_produkte .leftmenuarea ul.submenu_farbenriemchen li:hover .image .active {
  display: block;
}



.dropmenu_produkte .leftmenuarea ul.submenu_farbenriemchen li .image img {
  width: 100%;
  height: 100%;
}





.dropmenu_produkte .leftmenuarea ul.submenu_farbenplusprodukte {
  list-style-type: none;
  margin:0 0 1vw 3.5vw;
  padding:0;
  display:none;
}

.dropmenu_produkte .leftmenuarea ul.submenu_farbenplusprodukte_realopen {
  display: block;
}

.dropmenu_produkte .leftmenuarea ul.submenu_farbenplusprodukte li {
  color:#dee3ef;
  font-weight: 600;
  font-size:1.75em;
  padding-left:3.5vw;
  cursor: pointer;
  line-height: 1.55vw;
  vertical-align: middle;
  padding-top:0.3vw;
  padding-bottom:0.3vw;
  padding-left:0;
  border-top:1px solid #dee3ef;
}
.dropmenu_produkte .leftmenuarea ul.submenu_farbenplusprodukte li.active {
  color:#190d0c;
}
.dropmenu_produkte .leftmenuarea ul.submenu_farbenplusprodukte li:hover {
  color:#fff;
}

.dropmenu_produkte .leftmenuarea ul.submenu_farbenplusprodukte li.active span.activearrow {
    position: absolute;
    width: 20px;
    right: -20px;
    height: 2vw;  
    background: url(../images/svg/pfeil_submenue.svg) -5px center no-repeat;
    background-size: contain;
    display: block;
    min-height: 32px;
}

.dropmenu_produkte .leftmenuarea ul.submenu_farbenplusprodukte li .image {
  display: inline-block;
  width: 1.9vw;
  height: 1.9vw;
  vertical-align: middle;
   content: 'viewport-units-buggyfill;width: 1.9vw;height: 1.9vw;';
 }

.dropmenu_produkte .leftmenuarea ul.submenu_farbenplusprodukte li .icomoonimage i {
  font-size: 1.9vw;
}

.dropmenu_produkte .leftmenuarea ul.submenu_farbenplusprodukte li .image .inactive {
  width: 100%;
  height: 100%;  
}
.dropmenu_produkte .leftmenuarea ul.submenu_farbenplusprodukte li .image .active {
  display: none;
  width: 100%;
  height: 100%;  
}
.dropmenu_produkte .leftmenuarea ul.submenu_farbenplusprodukte li.active .image .inactive,
.dropmenu_produkte .leftmenuarea ul.submenu_farbenplusprodukte li:hover .image .inactive {
  display: none;
}
.dropmenu_produkte .leftmenuarea ul.submenu_farbenplusprodukte li.active .image .active,
.dropmenu_produkte .leftmenuarea ul.submenu_farbenplusprodukte li:hover .image .active {
  display: block;
}



.dropmenu_produkte .leftmenuarea ul.submenu_farbenplusprodukte li .image img {
  width: 100%;
  height: 100%;
}






.backgroundcentered_image_cover {
  background-size:cover;
}


.dropmenu_service  ul li[data-menutemplate="3"] ul li {
    width: 18vw;
    min-width: 30em;
}

.dropmenu_service  ul li[data-menutemplate="3"] ul li div.menuitem {
    width: 18vw;
    height: 55vh;
    margin-bottom: 2%;
    border: 1px solid #000000;
    background-color: #000000;
    min-width: 30em;
}

.dropmenu_service  ul li[data-menutemplate="3"] ul li div.menuitem .menuitem_bgimage {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center top;
}

.product_noreferences_infotext {
  height: 100%;
  width: 100%;
  text-align: center;
  vertical-align: middle;
  display: table;
}

.product_noreferences_infotext h2 {
  vertical-align: middle;
  display: table-cell;
  width: 100%;
  height: 100%;
  text-shadow: 0px 5px 5px rgba(100,100,100,0.8);
  font-size: 2em;
  color:#190d0c;
}

.pagemaincontentbgimagemobile {
  display: none;
}

span.removeitem {
  background: url(../images/svg/schliessen-x_aktiv.svg) 0 0 no-repeat;
    background-size: contain;
    display: inline-block;
    width: 1.25em;
    height: 1.25em;
    margin-left: 0.25em;
    margin-right: 0.5em;
    cursor: pointer;
    vertical-align: text-bottom;
}

span.removeitem:hover {
  transform:scale(1.1);
}


.dropmenu_referenzen .rightmenuarea .referenzmenuitem .iconimageholder { 
    position: absolute;
    top: 0;
    right: 0;
}


.dropmenu_referenzen .rightmenuarea .referenzmenuitem .sortierungsiconimage {
  display: inline-block;
  vertical-align: middle;
  display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 1.25em;
    height: 1.25em;
    top: -0.5em;
    right: -0.68em;
}

.dropmenu_referenzen .rightmenuarea .referenzmenuitem .sortierungsiconimage-smartglow {
  right: 10px;
  top:10px;
  position: absolute;
     filter: drop-shadow(0px 0px 10px rgba(0,140,255,0.75)) drop-shadow(0px 0px 5px rgba(100,224,255,0.6));
    -webkit-filter: drop-shadow(0px 0px 10px rgba(0,140,255,0.75)) drop-shadow(0px 0px 5px rgba(100,224,255,0.6));
    -moz-filter: drop-shadow(0px 0px 10px rgba(0,140,255,0.75)) drop-shadow(0px 0px 5px rgba(100,224,255,0.6));
}

.dropmenu_referenzen .rightmenuarea .referenzmenuitem .sortierungsiconimage img { 
  width: 100%;
  height: auto;
}

.nokachelarea {
  display: none;
}






.dropmenu_unternehmen_padder_neu {
  width:100%;
    height: 100%;
    position: relative;
}

.dropmenu_unternehmen_padder_neu_leftmenu {
    position: absolute;
    left:0;
    top:0;
    bottom:0;
    box-sizing: border-box;
    padding: 0 0vw 0 2.5vw;
    width:calc(34% - 4vw);
    background: #a1b0d1;  
    border-right: 2px solid #000;    
 }

.dropmenu_unternehmen_padder_neu_leftmenu > div > div > ul {
     list-style-type: none;
    padding: 2vh 2.5vw 3.5vh 0;
    box-sizing: border-box;
}


.dropmenu_unternehmen_padder_neu_leftmenu > div > div > ul > li {
  border-bottom: 1px solid #dee3ef;
    padding: 2.5vh 0 2vh 0;
}

.dropmenu_unternehmen_padder_neu_leftmenu > div > div > ul > li > a {
    font-family: 'Fira Sans Condensed',sans-serif;
    font-weight: 500;  
    color: #dee3ef;
    font-weight: 500;
    font-size: 1.75em;
    text-decoration: none;
    line-height: 1.42em;
}

.dropmenu_unternehmen_padder_neu_leftmenu > div > div > ul > li > a > i {
  font-size: 2.5vw;
  vertical-align: middle;
  display: inline-block;
  margin-right: 0.3em;
}

.dropmenu_unternehmen_padder_neu_leftmenu > div > div > ul > li > a > i.iconimages img {
  height: 2.5vw;
  width: auto;
}

.dropmenu_unternehmen_padder_neu_leftmenu > div > div > ul > li > a > i.iconimages img:last-child {
  display: none;
}
.dropmenu_unternehmen_padder_neu_leftmenu > div > div > ul > li:hover > a > i.iconimages img:last-child,
.dropmenu_unternehmen_padder_neu_leftmenu > div > div > ul > li.active > a > i.iconimages img:last-child {
  display: initial;
}
.dropmenu_unternehmen_padder_neu_leftmenu > div > div > ul > li:hover > a > i.iconimages img:first-child,
.dropmenu_unternehmen_padder_neu_leftmenu > div > div > ul > li.active > a > i.iconimages img:first-child {
  display: none;
}

.dropmenu_unternehmen_padder_neu_leftmenu > div > div > ul > li:hover > a,
.dropmenu_unternehmen_padder_neu_leftmenu > div > div > ul > li.active > a {
  color:#190d0c;
}

.dropmenu_unternehmen_padder_neu_leftmenu > div > div > ul > li .newactivearrow {
    position: absolute;
    width: 20px;
    right: -20px;
    height: 2vw;
    background: url(../images/svg/pfeil_submenue.svg) -4px center no-repeat;
    background-size: contain;
    display: none;
}

.dropmenu_unternehmen_padder_neu_leftmenu > div > div > ul > li:hover .newactivearrow,
.dropmenu_unternehmen_padder_neu_leftmenu > div > div > ul > li.active .newactivearrow {
  display:block;
}

/* ebene 2 links */
.dropmenu_unternehmen_padder_neu_leftmenu > div > div > ul > li > ul {
    list-style-type: none;
    margin: 0 0 0 3.5vw;
    padding: 0;
    display: none;
}

.dropmenu_unternehmen_padder_neu_leftmenu > div > div > ul > li.active > ul {
    display: block;
}

.dropmenu_unternehmen_padder_neu_leftmenu > div > div > ul > li > ul > li:first-child{
  margin-top:3vh;
}
.dropmenu_unternehmen_padder_neu_leftmenu > div > div > ul > li > ul > li:last-child{
  margin-bottom:1vw;
}

.dropmenu_unternehmen_padder_neu_leftmenu > div > div > ul > li > ul > li {
    padding-top: 0.3vw;
    padding-bottom: 0.3vw;
    border-top: 1px solid #dee3ef;
}


.dropmenu_unternehmen_padder_neu_leftmenu > div > div > ul > li > ul > li[data-uid="202"] i {

  color: transparent;
  background: url('../images/sks/sks_diode_menue.svg') 0 0 no-repeat;
  background-size: contain;
}

.dropmenu_unternehmen_padder_neu_leftmenu > div > div > ul > li > ul > li[data-uid="202"]:hover i {
  filter: drop-shadow(0px 0px 10px rgba(0,140,255,0.75)) drop-shadow(0px 0px 5px rgba(100,224,255,0.6));
  -webkit-filter: drop-shadow(0px 0px 10px rgba(0,140,255,0.75)) drop-shadow(0px 0px 5px rgba(100,224,255,0.6));
  -moz-filter: drop-shadow(0px 0px 10px rgba(0,140,255,0.75)) drop-shadow(0px 0px 5px rgba(100,224,255,0.6));
  background: url('../images/sks/sks_diode.svg') 0 0 no-repeat;
  background-size: contain;
}

.dropmenu_unternehmen_padder_neu_leftmenu > div > div > ul > li > ul > li > a {
    font-family: 'Fira Sans Condensed',sans-serif;
    font-weight: 500;  
    color: #dee3ef;
    font-weight: 500;
    font-size: 1.75em;
    text-decoration: none;
    line-height: 1.42em;
}

.dropmenu_unternehmen_padder_neu_leftmenu > div > div > ul > li > ul > li:hover > a,
.dropmenu_unternehmen_padder_neu_leftmenu > div > div > ul > li > ul > li.active > a {
  color:#190d0c;
}

.kachelarea {
  position: absolute;
  left: calc(34% - 4vw + 2px);
  top:0;
  right:0;
  bottom:0;
  display: none;
  padding-left:2vw;
}

.kachelarea.active {
  display:block;
}

.kachelarea .kachelebene {
  margin:0;
}

.kachelarea .mCSB_scrollTools .mCSB_draggerRail,
.rightmenuarea .mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.kachelarea  li {
    float: left;
    margin-bottom: 0%;
    width: 14.5vw;
    height:18.5vw;
}

/* 2 Kacheln */
.kachelarea[data-menutemplate="4"]  li {
  width: 30vw;
}

/* 3 Kacheln */
.kachelarea[data-menutemplate="5"]  li {
  width: 19.5vw;
}


.kachelarea:hover li {
  opacity: 0.4;
}


.kachelarea:hover  li:hover {
  opacity:1;
}

.kachelarea .menuitem {
    width: 14.5vw;
    height: 14.5vw;
    margin-bottom: 2%;
    border: 1px solid #462e24;
    background-color: #000000;
  }


.kachelarea[data-menutemplate="4"] .menuitem {
  width: 30vw;
  /* width: 29.5vw; */
  height: 14.35vw;
  /* height: 13.6vw; */
  /* margin-bottom: 1%; */
}

/* 3 Kacheln */
.kachelarea[data-menutemplate="5"] .menuitem {
  width: 19.5vw;
  /* width: 29.5vw; */
  height: 14.35vw;
  /* height: 13.6vw; */
  /* margin-bottom: 1%; */
}



.kachelarea:not(.produktarea) a {
    color: #000;
    font-weight: 500;
    font-size: 1.1875em;
    text-decoration: none;
    line-height: 1.4em;
    height: 4em;
    height: 2em;
    display: block;
    font-weight: bold;
}

#kachelarea157.kachelarea a {
    font-size: 1.125em;
    line-height: initial;
    height: initial;
}

.kachelarea[data-menutemplate="4"]  a,
.kachelarea[data-menutemplate="5"]  a {
    height: 2.25em;
    overflow: hidden;
    margin-bottom: 0.2em;
    font-size: 1.125em;
    line-height: 1.2em;
}
.kachelarea[data-menutemplate="4"]  a.caption,
.kachelarea[data-menutemplate="5"]  a.caption {
  margin-bottom: 0.5vw;
}

.kachelarea a span.normal {
  font-weight:normal;
}

.kachelarea a .iconimage { 
    float: left;
    padding: 0;
    width: 2.5em;
    color: #000;
    display: inline-block;
    vertical-align: top;
    padding: 0.1vw 0.5vw 0.2vw 0.1vw;
}

.kachelarea a .iconimage i { 
    font-size: 2.1em;
}

.kachelarea .menuitem a {
  display: block;
    width: 100%;
    height: 100%;
    color: #000000;
    overflow:visible;
    position: relative;
}

.kachelarea .menuitem-smartklinkerservice a::after {
  content:' ';
  position: absolute;
  right: 10px;
  top:10px;
  width: 20px;
  height: 20px;
  background:url(../images/sks/sks_diode.svg) 0 0 no-repeat;
  background-size: contain;
  filter: drop-shadow(0px 0px 10px rgba(0,140,255,0.75)) drop-shadow(0px 0px 5px rgba(100,224,255,0.6));
  -webkit-filter: drop-shadow(0px 0px 10px rgba(0,140,255,0.75)) drop-shadow(0px 0px 5px rgba(100,224,255,0.6));
  -moz-filter: drop-shadow(0px 0px 10px rgba(0,140,255,0.75)) drop-shadow(0px 0px 5px rgba(100,224,255,0.6));
}

.kachelarea .menuitem .sksmenuitemlabel {
  position: absolute;
  z-index: 10;
  color: #fff;
  right: 2.5em;
  top: 0.45em;
  font-size: 0.8em;
  text-transform: uppercase;  
}


.kachelarea .menuitem a img {
    display: block;
    width: 100%;
    height: auto;
    -webkit-box-shadow: 0px 5px 10px 0px rgba(0,38,71,0.25);
    -moz-box-shadow: 0px 5px 10px 0px rgba(0,38,71,0.25);
    box-shadow: 0px 5px 10px 0px rgba(0,38,71,0.25);
}

.kachelarea .menuitem a img.hoverimage {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
}

.kachelarea li:hover .menuitem a img.hoverimage {
  display: block;
}
.kachelarea li:hover .menuitem a img.default {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.kachelarea .submenuscroller::before {
  content: '';
  border-top: 1px solid #7f96b2;
  width: calc(100% - 1vw + 3px);
  /* height: 10px; */
  position: absolute;
  top: 0;
}

.kachelarea .submenuscroller {
  height:80vh;
  width:calc(100% - 3vw);
}


.kachelarea .submenuscroller .ul {
  list-style-type: none;
  margin:0;
  padding:0;
    /*height: 80vh;*/
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: flex-start;
    /*padding-top: 3em;*/
    box-sizing: border-box;   
    justify-content: space-between;
    margin-right: 1vw;
    margin-top: 20px;
}

.kachelarea .submenuscroller .ul:after {
  content:'';
  flex: 0 0 14.5vw;
}

.kachelarea .submenuscroller .ul[data-cnt="2"]:after,
.kachelarea .submenuscroller .ul[data-cnt="6"]:after,
.kachelarea .submenuscroller .ul[data-cnt="10"]:after,
.kachelarea .submenuscroller .ul[data-cnt="14"]:after {
  content:'';
  flex: 0 0 30vw;
}

/*
.kachelarea .submenuscroller .mCSB_container {
  height: 100%;
}
*/

.kachelarea h2 {
    color: #000;
    font-weight: 500;
    font-size: 1.75em;
    padding: 0;
    margin: 1.5vw 0 0.4vw 0;
    margin: 1.5vw 0 0.8vw 0;
}

.kachelarea .shadowleft {
    width: 1vw;
    height: auto !important;
    position: absolute;
    margin-top: 30px;
    z-index: 4;
    background: -moz-linear-gradient(left,rgba(40,40,40,0.65) 0%,rgba(40,40,40,0.02) 38%,rgba(40,40,40,0) 39%);
    background: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(40,40,40,0.65)),color-stop(38%,rgba(40,40,40,0.02)),color-stop(39%,rgba(40,40,40,0)));
    background: -webkit-linear-gradient(left,rgba(40,40,40,0.65) 0%,rgba(40,40,40,0.02) 38%,rgba(40,40,40,0) 39%);
    background: -o-linear-gradient(left,rgba(40,40,40,0.65) 0%,rgba(40,40,40,0.02) 38%,rgba(40,40,40,0) 39%);
    background: -ms-linear-gradient(left,rgba(40,40,40,0.65) 0%,rgba(40,40,40,0.02) 38%,rgba(40,40,40,0) 39%);
    background: linear-gradient(to right,rgba(40,40,40,0.65) 0%,rgba(40,40,40,0.02) 38%,rgba(40,40,40,0) 39%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6404040',endColorstr='#00404040',GradientType=1);
    display: none;
    bottom: 3vh;
    top: 9vh;
}

.kachelarea.showshadowleft .shadowleft {
  display:block;
}

.kachelarea .shadowright {
    right: 4vw;
    width: 1vw;
    height: auto !important;
    position: absolute;
    margin-top: 30px;
    z-index: 4;
    background: -moz-linear-gradient(left,rgba(40,40,40,0) 61%,rgba(40,40,40,0.02) 62%,rgba(40,40,40,0.65) 100%);
    background: -webkit-gradient(linear,left top,right top,color-stop(61%,rgba(40,40,40,0)),color-stop(62%,rgba(40,40,40,0.02)),color-stop(100%,rgba(40,40,40,0.65)));
    background: -webkit-linear-gradient(left,rgba(40,40,40,0) 61%,rgba(40,40,40,0.02) 62%,rgba(40,40,40,0.65) 100%);
    background: -o-linear-gradient(left,rgba(40,40,40,0) 61%,rgba(40,40,40,0.02) 62%,rgba(40,40,40,0.65) 100%);
    background: -ms-linear-gradient(left,rgba(40,40,40,0) 61%,rgba(40,40,40,0.02) 62%,rgba(40,40,40,0.65) 100%);
    background: linear-gradient(to right,rgba(40,40,40,0) 61%,rgba(40,40,40,0.02) 62%,rgba(40,40,40,0.65) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00404040',endColorstr='#a6404040',GradientType=1);
    display: none;
    bottom: 3vh;
    top: 9vh;
}

.kachelarea.showshadowright .shadowright {
  display:block;
}







.dropmenu_referenzen .leftmenuarea ul.submenu_farben {
  list-style-type: none;
  margin:0 0 1vw 3.5vw;
  padding:0;
  display:none;
}

.dropmenu_referenzen .leftmenuarea ul.submenu_farben_realopen {
  display: block;
}

.dropmenu_referenzen .leftmenuarea ul.submenu_farben li {
  color:#dee3ef;
  font-weight: 600;
  font-size:1.75em;
  padding-left:3.5vw;
  cursor: pointer;
  line-height: 1.55vw;
  vertical-align: middle;
  padding-top:0.3vw;
  padding-bottom:0.3vw;
  padding-left:0;
  border-top:1px solid #dee3ef;
}
.dropmenu_referenzen .leftmenuarea ul.submenu_farben li.active {
  color:#190d0c;
}
.dropmenu_referenzen .leftmenuarea ul.submenu_farben li:hover {
  color:#fff;
}

.dropmenu_referenzen .leftmenuarea ul.submenu_farben li.active span.activearrow {
    position: absolute;
    width: 20px;
    right: -20px;
    height: 2vw;  
    background: url(../images/svg/pfeil_submenue.svg) -5px center no-repeat;
    background-size: contain;
    display: block;
    min-height: 32px;
}

.dropmenu_referenzen .leftmenuarea ul.submenu_farben li .image {
  display: inline-block;
  width: 1.9vw;
  height: 1.9vw;
  vertical-align: middle;
   content: 'viewport-units-buggyfill;width: 1.9vw;height: 1.9vw;';
 }

.dropmenu_referenzen .leftmenuarea ul.submenu_farben li .icomoonimage i {
  font-size: 1.9vw;
}

.dropmenu_referenzen .leftmenuarea ul.submenu_farben li .image .inactive {
  width: 100%;
  height: 100%;  
}
.dropmenu_referenzen .leftmenuarea ul.submenu_farben li .image .active {
  display: none;
  width: 100%;
  height: 100%;  
}
.dropmenu_referenzen .leftmenuarea ul.submenu_farben li.active .image .inactive,
.dropmenu_referenzen .leftmenuarea ul.submenu_farben li:hover .image .inactive {
  display: none;
}
.dropmenu_referenzen .leftmenuarea ul.submenu_farben li.active .image .active,
.dropmenu_referenzen .leftmenuarea ul.submenu_farben li:hover .image .active {
  display: block;
}



.dropmenu_referenzen .leftmenuarea ul.submenu_farben li .image img {
  width: 100%;
  height: 100%;
}


.reference_imagegallery {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top:0;
}

.reference_imagegallery.hide {
  visibility: hidden;
}

.videogallery {
  position: absolute;
  top:0;
  background-size: cover;
  background-position: center center;
}

.videogallery,
.videogallerypanel {
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-align:center; 
}

.videogallery.hide {
  visibility:hidden;
}


.videogallerypanel iframe {
  width: 100%;
  height: 100%;
  border:0;
}

.videogallerymobile {
  display: none;
}

.thumbvideoelement {
  position: relative;
}

.thumbvideoelement i {
  display: block;
  content: ' ';
  background:url(../images/svgpz/pz_icon_video_pfeil.svg) center center no-repeat;
  background-size:auto 50%;
  position:absolute;
  left:0;
  top:0;
  right:0;
  bottom:0;
}




.tx-productdevelopment-single-hinweislayer-gradient.closed {
  display: none;
}
.tx-productdevelopment-single-hinweislayer-gradient {
  content: ' ';
  position: absolute;
  top:0;
  right:0;
  bottom:0;
  width: 100vw;
  z-index: 99;
background: -moz-linear-gradient(left,  rgba(191,201,225,0) 43%, rgba(191,201,225,0.8) 77%);
background: -webkit-linear-gradient(left,  rgba(191,201,225,0) 43%,rgba(191,201,225,0.8) 77%);
background: linear-gradient(to right,  rgba(191,201,225,0) 43%,rgba(191,201,225,0.8) 77%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00bfc9e1', endColorstr='#bfc9e1',GradientType=1 );

pointer-events: none;

}


.tx-productdevelopment-single-hinweislayer {
  position: fixed;
  right: -10px;
  top:50vh;
  transform:translateY(-50%);
  background-color: #fff;
  padding:20px 60px 20px 20px;

    border:2px solid #190d0c;

    filter: drop-shadow(0px 0px 8px rgba(25,13,12,0.5));
      -webkit-filter: drop-shadow(0px 0px 8px rgba(25,13,12,0.5));
      -moz-filter: drop-shadow(0px 0px 8px rgba(25,13,12,0.5)); 

  transition: 0.5s ease-in-out;     
  width: 23em;
    box-sizing: border-box;
    z-index:100;
}

.tx-productdevelopment-single-hinweislayer-picon {
  position: absolute;
    left: calc(-1.5em - 2px);
    top: calc(-1.5em - 2px);
    width: 3em;
    height: 3em;
    cursor: pointer;
    border-radius: 50%;
    border-left: 2px solid #190d0c;
    border-top: 2px solid #190d0c;
    border-bottom: 2px solid #190d0c;
    border-right: 2px solid transparent;
    transform: rotate(45deg);
    transition: 0.5s ease-in-out;
}

.tx-productdevelopment-single-hinweislayer-picon span {
    display: block;
    width: 100%;
    height: 100%;
    transform: rotate(-45deg);
  background: url(../images/svg/productdevelopment/pe_icon_p_hinweislayer.svg) 0 0 no-repeat;
  background-size: contain;
}

.tx-productdevelopment-single-hinweislayer.closed .tx-productdevelopment-single-hinweislayer-picon:hover span {
  background: url(../images/svg/productdevelopment/pe_icon_produktentwicklung_ohnerand_hover.svg) 0 0 no-repeat;
  background-size: contain;

}


.tx-productdevelopment-single-hinweislayer-closer {
  position: absolute;
    left: calc(-1.5em - 2px);
    bottom: calc(-1.5em - 2px);
    width: 3em;
    height: 3em;
  cursor:pointer; 

    border-radius: 50%;
    border-left: 2px solid #190d0c; 
    border-top: 2px solid #190d0c;  
    border-bottom: 2px solid #190d0c; 
    border-right: 2px solid transparent;
    transform:rotate(-45deg); 
}

.tx-productdevelopment-single-hinweislayer-closer span {
  display: block;
  width: 100%;
  height: 100%;
  transform:rotate(45deg);
  background: url(../images/svg/productdevelopment/pe_icon_x_hinweislayer.svg) 0 0 no-repeat;
  background-size: contain;

}

.tx-productdevelopment-single-hinweislayer-closer:hover span {
  background: url(../images/svg/productdevelopment/pe_icon_x_hinweislayer_hover.svg) 0 0 no-repeat;
  background-size: contain;

}



/*.tx-productdevelopment-single-hinweislayer.closed .tx-productdevelopment-single-hinweislayer-picon {
    left: calc(-2em - 2px - 14em);
    border-right: 2px solid #190d0c;
}
*/
.tx-productdevelopment-single-hinweislayer.closed {
    right: -32em;
}



.tx-productdevelopment-single-hinweislayer p {
    margin: 0 0 1em 0;
    padding: 0.3em 0 0 0;
    font-size: 28px;
    font-weight: 500;
    color: #190d0c;
    text-shadow: none;
    line-height: 30px;
}

.tx-productdevelopment-single-hinweislayer p.small {
    font-size: 18px;
    line-height: 25px;
}

.tx-productdevelopment-single-hinweislayer p.small a {
  text-decoration: none;
    color: inherit;
    background: url(../images/svg/productdevelopment/icon_pfeil_rechts.svg) right center no-repeat;
    background-size: 3em;
    padding-right: 5em;
    display: inline-block;
   }


/*
.tx-productdevelopment-single-hinweislayer-gradient,
.tx-productdevelopment-single-hinweislayer,
#hinweislayeropenerextern {
display:none !important; 
}
.mainitem_produktneuheiten {
    display:none !important;
}

.mainitem_produktneuheiten + div {
  display:none !important;
}
*/

#hinweislayeropenerextern {
  position: absolute;
    right: 0.5vw;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
}

#hinweislayeropenerextern .button {
  cursor: pointer;
  color: #fff;
  opacity: 0.7;
  font-size:2.75vw;
}

#hinweislayeropenerextern .button:hover {
  opacity: 1;
}

.referenzmenuitem .caption .icon-menue_produktneuheiten {
  font-size: 2em;
  margin-right:10px;
  display: inline-block;
  vertical-align: middle;  
}

#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-footer .sg-cookie-optin-box-copyright {
  display: none !important;
}



.dropmenu_unternehmen_padder_neu_leftmenu > div > div > ul > li[data-uid="202"] > a > i {
  background:url(../images/sks/sks_diode_menue.svg) 0 0 no-repeat;
  background-size:contain;
}

.dropmenu_unternehmen_padder_neu_leftmenu > div > div > ul > li[data-uid="202"]:hover > a > i,
.dropmenu_unternehmen_padder_neu_leftmenu > div > div > ul > li[data-uid="202"].active > a > i {
  background:url(../images/sks/sks_diode.svg) 0 0 no-repeat;
  background-size:contain;
}


.dropmenu_unternehmen_padder_neu_leftmenu > div > div > ul > li[data-uid="202"] > a > i::before {
  opacity: 0;
}




.thumbsgallery_activator_video .activatoricon_video {

  background: url(../images/sks/sks_button_video.svg) 0 0 no-repeat;
  background-size: contain; 

}

.thumbsgallery_activator_video  .activatoricon_video:hover,
.thumbsgallery_activator_video  .activatoricon_video.active {
  filter:drop-shadow( 0px 0px 20px rgba(0, 140, 255, 0.75)) drop-shadow( 0px 2px 5px rgba(10, 20, 40, 0.5));
  -webkit-filter:drop-shadow( 0px 0px 20px rgba(0, 140, 255, 0.75)) drop-shadow( 0px 2px 5px rgba(10, 20, 40, 0.5));
  -moz-filter:drop-shadow( 0px 0px 20px rgba(0, 140, 255, 0.75)) drop-shadow( 0px 2px 5px rgba(10, 20, 40, 0.5));


  background: url(../images/sks/sks_button_video_hover.svg) 0 0 no-repeat;
  background-size: contain;  
}

ul.kachelebene .legende {
  float: right;
  text-align: right;
  margin-right: 4vw;
}

ul.kachelebene .legende .ul {
  margin:0;
  padding:0;
  list-style-type:none;
}

ul.kachelebene .legende .ul .li a{
  font-family: 'Fira Sans',sans-serif;
  font-weight: 500;
  line-height: 1.62em;
  font-size: 1rem;
  font-style: italic;
  color:#fff;
  display: inline-block;
  text-decoration: underline;
  border-bottom: 0;  
}


ul.kachelebene .legende .ul .li a div.iconimage {
display: inline-block;
vertical-align: middle;
margin-right: 0.4em;
width: 1vw;
}

ul.kachelebene .legende .ul .li a div.iconimage-smartglow  {
  filter: drop-shadow(0px 0px 10px rgba(0,140,255,0.75)) drop-shadow(0px 0px 5px rgba(100,224,255,0.6));
  -webkit-filter: drop-shadow(0px 0px 10px rgba(0,140,255,0.75)) drop-shadow(0px 0px 5px rgba(100,224,255,0.6));
  -moz-filter: drop-shadow(0px 0px 10px rgba(0,140,255,0.75)) drop-shadow(0px 0px 5px rgba(100,224,255,0.6));
}

ul.kachelebene .legende .ul .li a div.iconimage img{
  width: 100%;
  height: auto;
  vertical-align: text-top;
}



.dropmenu_unternehmen .legende {
  position: absolute;
  top: 3.5vh;
  right: 4vw;
}

.dropmenu_unternehmen .legende .ul {
  margin:0;
  padding:0;
  list-style-type:none;
}

.dropmenu_unternehmen .legende .ul .li a{
  font-family: 'Fira Sans',sans-serif;
  font-weight: 500;
  line-height: 1.62em;
  font-size: 1rem;
  font-style: italic;
  color:#fff;
  display: inline-block;
  text-decoration: underline;
  border-bottom: 0;  
}


.dropmenu_unternehmen .legende .ul .li a div.iconimage {
display: inline-block;
vertical-align: middle;
margin-right: 0.4em;
width: 1vw;
}

.dropmenu_unternehmen .legende .ul .li a div.iconimage-smartglow  {
  filter: drop-shadow(0px 0px 10px rgba(0,140,255,0.75)) drop-shadow(0px 0px 5px rgba(100,224,255,0.6));
  -webkit-filter: drop-shadow(0px 0px 10px rgba(0,140,255,0.75)) drop-shadow(0px 0px 5px rgba(100,224,255,0.6));
  -moz-filter: drop-shadow(0px 0px 10px rgba(0,140,255,0.75)) drop-shadow(0px 0px 5px rgba(100,224,255,0.6));
}

.dropmenu_unternehmen .legende .ul .li a div.iconimage img{
  width: 100%;
  height: auto;
  vertical-align: text-top;
}



#maincontent.aktuelles-rightcontent-smartklinkerservice .mCustomScrollBox {
  margin: 10vw 0 0 0;
  height: calc(100% - 11vw);
}

#maincontent.aktuelles-rightcontent-smartklinkerservice h2,
#maincontent.aktuelles-rightcontent-smartklinkerservice p.date {
  text-align: center;
}

#maincontent.aktuelles-rightcontent-smartklinkerservice.aktuelles-rightcontent-buttonlink .mCustomScrollBox {
  margin: 11vw 0 6vw 0;
  height: calc(100% - 15vw - 90px);
}

#leftcontent.aktuelles-leftcontent-gallerymargin .singleimageelement {
  filter:drop-shadow(0px 0px 1px #404f83) drop-shadow(0px 0px 50px #000000cc);
}


#leftcontent.aktuelles-leftcontent-gallerymargin.incontentgallery,
#leftcontent.aktuelles-leftcontent-gallerymargin.leftcontent_padder {
  overflow: auto
}
#leftcontent.aktuelles-leftcontent-gallerymargin .gallery {
  filter:drop-shadow(0px 0px 1px #404f83) drop-shadow(0px 0px 50px #000000cc);
}


.aktuelles-detail-contentbuttonlink {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 84px;
  width: 34%;
  text-align: center;
  margin-bottom: 3vw;
  padding:0 3.5vw;
  box-sizing: border-box;
}



.galleryelement a,
.singleimageelement a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  text-decoration:none; 
}

.aktuelles-leftcontent-gallerymargin .singleimage {
  margin: 3vw 0 3vw 3vw;
  width: calc(100% - 3vw);
  height: calc(100% - 6vw);  
}

.aktuelles-leftcontent-gallerymargin .singleimage .openfullscreen {
  top:-3vw;
  left:-3vw;
}


.aktuelles-leftcontent-gallerymargin .singleimage.singleimage_fullscreen {
  margin: 0;
  width: 100%;
  height: 100%;  
}

.aktuelles-leftcontent-gallerymargin .singleimage .openfullscreen.fullscreenopen {
  top:0;
  left:0;
}



.aktuelles-leftcontent-gallerymargin .gallery {
  margin: 3vw 0 3vw 3vw;
  width: calc(100% - 3vw);
  height: calc(100% - 6vw);  
}

.aktuelles-leftcontent-gallerymargin .gallery .openfullscreen {
  top:-3vw;
  left:-3vw;
}


.aktuelles-leftcontent-gallerymargin .incontentgallery_fullscreen .gallery {
  margin: 0;
  width: 100%;
  height: 100%;  
}

.aktuelles-leftcontent-gallerymargin .incontentgallery_fullscreen .openfullscreen.fullscreenopen {
  top:0;
  left:0;
}

.slick-prev, .slick-next {
  width: 25%;
}

.backgroundcentered_image_sks {
  background-size: 100% auto;
  background-position: 0 0 ;
  z-index: 0;
}


.aktuelles-detail-contentbuttonlink .button {
  border: none;
  background: #dee3ef; /* Old browsers */
  background: -moz-radial-gradient(center, ellipse cover, #dee3ef 35%, #d5dbea 100%); /* FF3.6-15 */
  background: -webkit-radial-gradient(center, ellipse cover, #dee3ef 35%,#d5dbea 100%); /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(ellipse at center, #dee3ef 35%,#d5dbea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dee3ef', endColorstr='#d5dbea',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  font-family: 'Fira Sans', arial, helvetica, sans-serif !important;
  font-weight: 500 !important;
  line-height: 25px !important;
  letter-spacing: 0.1em !important;

  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1.2em;
  letter-spacing: 0.1em;
  box-shadow: 0px -3px 3px 0px rgba(0, 20, 90, 0.3) inset, /* unten dunkel */
    0px 3px 3px 0px rgba(255, 255, 255, 0.7) inset, /* hell oben */
    3px 0px 3px 0px rgba(0, 20, 90, 0.3) inset, /* links dunkel */
    -3px 0px 3px 0px rgba(0, 20, 90, 0.3) inset, /* rechts dunkel */
    0px 0px 2em 0px rgba(0, 20, 90, 0.5) inset, /* Schein innen rundum dunkel */
    0px 5px 5px 0px rgba(0, 0, 50, 1), /* Schlagschatten unten */
    0px 5px 20px 0px rgba(110, 224, 255, 0), /* Glow1 */
    0px 5px 50px 0px rgba(0, 140, 255, 0); /* Glow2 */
    -webkit-transition: all 0.4s ease-in !important;
  -moz-transition: all 0.4s ease-in !important;
  transition: all 0.4s ease-in !important;
  -webkit-transition: all 0.4s ease-in;
  -moz-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
  margin-top:10px;
  width: 100%;
}

.aktuelles-detail-contentbuttonlink:hover .button {
background: rgb(110,190,255); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, rgba(110,190,255,1) 0%, rgba(90,140,200,1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, rgba(110,190,255,1) 0%,rgba(90,140,200,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, rgba(110,190,255,1) 0%,rgba(90,140,200,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6ebeff', endColorstr='#5a8cc8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  box-shadow: 0px -3px 3px 0px rgba(0, 20, 90, 0.3) inset, /* unten dunkel */
    0px 3px 5px 0px rgba(110, 224, 255, 0.7) inset, /* hell oben */
    1px 0px 3px 0px rgba(110, 224, 255, 0.3) inset, /* links hell */
    0px 0px 3px 0px rgba(110, 224, 255, 0.3) inset, /* rechts hell */
    0px 0px 2em 0px rgba(50, 80, 150, 1) inset, /* Schein innen rundum dunkel */
    0px 5px 5px 0px rgba(0, 0, 50, 1), /* Schlagschatten unten */
    0px 5px 20px 0px rgba(110, 224, 255, 1), /* Glow1 */
    0px 5px 50px 0px rgba(0, 140, 255, 0.5); /* Glow2 */
}

.aktuelles-detail-contentbuttonlink a {
color:#808aad;
text-decoration: none;
transition-duration: 0.4s;
transition-timing-function: ease-in;
webkit-transition-duration: 0.4s;
height: 74px;
  padding:0 40px;
  display: flex;
  align-items:center;
  justify-content: center;
}

.aktuelles-detail-contentbuttonlink a:hover {
color:#000050;
text-decoration: none; 

}


/* LP Youtubeplayer start */

.lpyoutubevideo .lpyoutubevideo-wrapper {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
}

@media (max-aspect-ratio: 16/9) {
  .megasection-animate-element .lpyoutubevideo.lpyoutubevideo-autoplay.lpyoutubevideo-isnotmobile .lpyoutubevideo-wrapper {
    position: relative;
    width: 320%;
    padding-bottom: initial;
    height: 100vh;
    margin-left: -110%;
  }
}



.lpyoutubevideo-wrapper-previewimage {
  position: absolute;
  left:0;
  top:0;
  right:0;
  bottom:0;
  cursor: pointer;
  background-color: #000;
}

.lpyoutubevideo-wrapper-previewimage .loadingarrow {
  position: absolute;
  width: 30%;
  height: 30%;
  top:35%;
  left:35%;
  fill:#fff;
}

.lpyoutubevideo-wrapper-previewimage .loadingarrow svg {
  width: 100%;
  height:100%;
}
/*
.lpyoutubevideo-wrapper-previewimage::before {
  content: ' ';
  position: absolute;
  width: 30%;
  height: 30%;
  background: url(../../kbtemplates/images/svg/pz_klinkerbox_play_button.svg) center center no-repeat;
  background-size: contain;
  top:35%;
  left:35%;

}
*/

.megasection-animate-element .lpyoutubevideo.lpyoutubevideo-autoplay .lpyoutubevideo-wrapper-previewimage::before {
  display: none;
}


.lpyoutubevideo-wrapper-previewimage img {
  width: 100%;
  height: auto;
  display: block;
}



.megasection-animate-element .lpyoutubevideo.lpyoutubevideo-autoplay .lpyoutubevideo-wrapper-previewimage img {
  width: 100%;
  height: 100vh;
  display: block;
  object-fit: cover;
}


.lpyoutubevideo-wrapper-previewimage.hide {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}

.lpyoutubevideo-wrapper-video {
  position: absolute;
  left:0;
  top:0;
  right:0;
  bottom:0;
}


iframe.lpyoutubevideo-wrapper-video {
  width: 100%;
  height: 100%;
}

.lpyoutubevideo-nointeraction iframe {
  pointer-events: none;
}


.lpyoutubevideo.lpyoutubevideo-scale .lpyoutubevideo-wrapper {
  overflow: hidden;
}

.lpyoutubevideo-scale iframe {
  transform: scale(1.55) translateY(4%);
}

/* LP Youtubeplayer end */


.notavailableinfo {
  position: absolute;
  right: 0;
  top: 50%;
  z-index: 100;
  background: #fff;
  height: 70px;
  border-radius: 35px 0 0 35px;
  transform:translateY(-50%);
  pointer-events: none;
  filter: drop-shadow( 0px 5px 5px rgba(25,13,12,0.75));
  -webkit-filter: drop-shadow( 0px 5px 5px rgba(25,13,12,0.75));
  -moz-filter: drop-shadow( 0px 5px 5px rgba(25,13,12,0.75));  
}

.notavailableinfo-wrapper {
  display: flex;
  align-items: center;
  height: 100%;
}

.notavailableinfo-icon {
  height: 50px;
  width: 50px;
  margin-right: 10px;
  margin-left:10px;
  background:url(../images/svg/icon_nicht_lieferbar_detail.svg) 0 0 no-repeat;
  background-size: contain;
} 

.notavailableinfo-content {
  width: 60px;
  text-align: right;
  padding-right: 10px;
  font-size: 15px;
  line-height: 1.1em;
}

.menubildriemchen-holder {
  background: url('../../../fileadmin/templates/images/pe_mustertafel.svg') 0 0 no-repeat;
  background-size: cover;
  padding: 12% 5% 2% 5%;
  box-sizing: border-box;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(0,38,71,0.25);
  -moz-box-shadow: 0px 5px 10px 0px rgba(0,38,71,0.25);
  box-shadow: 0px 5px 10px 0px rgba(0,38,71,0.25);  
  min-height: 100%;
}

.dropmenu_nachhaltigkeit #kachelarea999999 .referenzmenuitem .image .menubildriemchen-holder img,
.dropmenu_produkte .rightmenuarea .referenzmenuitem .image .menubildriemchen-holder img {
  border: 0;
  -webkit-box-shadow: none; 
  -moz-box-shadow: none; 
  box-shadow: none; 
}

.referenzmenuitem-hinweis .image{
  border:1px solid #a1b0d1;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(0,38,71,0.25);
  -moz-box-shadow: 0px 5px 10px 0px rgba(0,38,71,0.25);
  box-shadow: 0px 5px 10px 0px rgba(0,38,71,0.25);  
}

.referenzmenuitem-hinweis a {
  text-decoration: none;
  width: 100%;
  height: 100%;
  display: block;
}



.referenzmenuitem-hinweis-verblender-eigenschaften .image {
  background:url(../images/produktmenuinfoboxen/icon_verblender_produkteigenschaften.svg) center center no-repeat,url(../images/produktmenuinfoboxen/pz_menuebutton_hg.jpg) 0 0 no-repeat;
  background-size: 70% auto, 100% 100%;
}
.referenzmenuitem-hinweis-verblender-eigenschaften:hover .image {
  background:url(../images/produktmenuinfoboxen/icon_verblender_produkteigenschaften_hover.svg) center center no-repeat,url(../images/produktmenuinfoboxen/pz_menuebutton_hg.jpg) 0 0 no-repeat;
  background-size: 70% auto, 100% 100%;
}


.referenzmenuitem-hinweis-verblender-verarbeitung .image {
  background: url(../images/produktmenuinfoboxen/icon_verblender_verarbeitungshinweise.svg) center center no-repeat, url(../images/produktmenuinfoboxen/pz_menuebutton_hg.jpg) 0 0 no-repeat;
  background-size: 70% auto, 100% 100%;
}
.referenzmenuitem-hinweis-verblender-verarbeitung:hover .image {
  background: url(../images/produktmenuinfoboxen/icon_verblender_verarbeitungshinweise_hover.svg) center center no-repeat, url(../images/produktmenuinfoboxen/pz_menuebutton_hg.jpg) 0 0 no-repeat;
  background-size: 70% auto, 100% 100%;
}

.referenzmenuitem-hinweis-riemchen-eingenschaften .image {
  background:url(../images/produktmenuinfoboxen/icon_riemchen_produkteigenschaften.svg) center center no-repeat, url(../images/produktmenuinfoboxen/pz_menuebutton_hg.jpg) 0 0 no-repeat;
  background-size: 70% auto, 100% 100%;
}
.referenzmenuitem-hinweis-riemchen-eingenschaften:hover .image {
  background:url(../images/produktmenuinfoboxen/icon_riemchen_produkteigenschaften_hover.svg) center center no-repeat, url(../images/produktmenuinfoboxen/pz_menuebutton_hg.jpg) 0 0 no-repeat;
  background-size: 70% auto, 100% 100%;
}

.referenzmenuitem-hinweis-riemchen-verarbeitung .image {
  background:url(../images/produktmenuinfoboxen/icon_riemchen_verarbeitungshinweise.svg) center center no-repeat, url(../images/produktmenuinfoboxen/pz_menuebutton_hg.jpg) 0 0 no-repeat;
  background-size: 70% auto, 100% 100%;
}
.referenzmenuitem-hinweis-riemchen-verarbeitung:hover .image {
  background:url(../images/produktmenuinfoboxen/icon_riemchen_verarbeitungshinweise_hover.svg) center center no-repeat, url(../images/produktmenuinfoboxen/pz_menuebutton_hg.jpg) 0 0 no-repeat;
  background-size: 70% auto, 100% 100%;
}

.referenzmenuitem-hinweis-plusprodukte-eingenschaften .image {
  background:url(../images/produktmenuinfoboxen/menuekachel_produkteigenschaften_plus.svg) center center no-repeat, url(../images/produktmenuinfoboxen/pz_menuebutton_hg.jpg) 0 0 no-repeat;
  background-size: 100% auto, 100% 100%;
}
.referenzmenuitem-hinweis-plusprodukte-eingenschaften:hover .image {
  background:url(../images/produktmenuinfoboxen/menuekachel_produkteigenschaften_plus_hover.svg) center center no-repeat, url(../images/produktmenuinfoboxen/pz_menuebutton_hg.jpg) 0 0 no-repeat;
  background-size: 100% auto, 100% 100%;
}

.referenzmenuitem-hinweis-plusprodukte-verfuegbarkeit .image {
  background:url(../images/produktmenuinfoboxen/menuekachel_verfuegbarkeit_plus.svg) center center no-repeat, url(../images/produktmenuinfoboxen/pz_menuebutton_hg.jpg) 0 0 no-repeat;
  background-size: 100% auto, 100% 100%;
}
.referenzmenuitem-hinweis-plusprodukte-verfuegbarkeit:hover .image {
  background:url(../images/produktmenuinfoboxen/menuekachel_verfuegbarkeit_plus_hover.svg) center center no-repeat, url(../images/produktmenuinfoboxen/pz_menuebutton_hg.jpg) 0 0 no-repeat;
  background-size: 100% auto, 100% 100%;
  border:1px solid red;
}

.image-icon {
  font-size: 2.75vw;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  margin-right: 1vw;  
  height: 2.75vw;
  width: 2.75vw;
}

h3.mainitem .image-icon-farbwelten {
  background: url(../images/svgpz/riemchenverblender/icon_menue_farbwelten.svg) 0 0 no-repeat;
  background-size: contain;
}
h3.mainitem:hover .image-icon-farbwelten {
  background: url(../images/svgpz/riemchenverblender/icon_menue_farbwelten_hover.svg) 0 0 no-repeat;
  background-size: contain;
}
h3.mainitem.active .image-icon-farbwelten {
  background: url(../images/svgpz/riemchenverblender/icon_menue_farbwelten_aktiv.svg) 0 0 no-repeat;
  background-size: contain;
}


h3.mainitem .image-icon-verblender {
  background: url(../images/svgpz/riemchenverblender/icon_menue_verblender.svg) 0 0 no-repeat;
  background-size: contain;
}
h3.mainitem:hover .image-icon-verblender {
  background: url(../images/svgpz/riemchenverblender/icon_menue_verblender_hover.svg) 0 0 no-repeat;
  background-size: contain;
}

h3.mainitem .image-icon-riemchen {
  background: url(../images/svgpz/riemchenverblender/icon_menue_riemchen.svg) 0 0 no-repeat;
  background-size: contain;
}
h3.mainitem:hover .image-icon-riemchen {
  background: url(../images/svgpz/riemchenverblender/icon_menue_riemchen_hover.svg) 0 0 no-repeat;
  background-size: contain;
}

h3.mainitem .image-icon-plusprodukte {
  background: url(../images/nachhaltigkeit/icon_menue_plusprodukte.svg) 0 0 no-repeat;
  background-size: contain;
}
h3.mainitem:hover .image-icon-plusprodukte {
  background: url(../images/nachhaltigkeit/icon_menue_plusprodukte_hover.svg) 0 0 no-repeat;
  background-size: contain;
}

.template .resultsplitarea {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
 
}

.templatesplit .resultsplitarea {
  width: calc(50% - 1px);
  display: flex;
  flex-wrap: wrap;
   justify-content: space-around;
}

.templatenosplit .resultsplitarea {
  justify-content: space-between;
}



.templatesplit .resultsplitarea:first-child {
  border-right: 1px solid #7f96b2;
}
.templatesplit .resultsplitarea:last-child {
}

.template .resultsplitarea-header {
  clear: both;
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
  font-size: 1.3vw;
  border-bottom: 1px solid #7f96b2;
  padding-bottom: 10px;
  color: #7f96b2;
}

.template .resultsplitarea-header > span {
  display: inline-block;
  padding:10px 20px;
  border-left:1px solid #7f96b2;
}
.template .resultsplitarea-header > span:first-child {
  border-left:0;
}

.templatesplit .resultsplitarea:last-child .resultsplitarea-header {
}
.dropmenu_produkte .rightmenuarea .templatesplit .resultsplitarea .referenzmenuitem {
  width: 13.5vw;
}
.dropmenu_produkte .rightmenuarea .templatesplit .resultsplitarea .referenzmenuitem .image {
  width: 13.5vw;
  height: 11vw;
}

.template .resultsplitarea-header .image-icon-verblender {
  background: url(../images/svgpz/riemchenverblender/icon_suchergebnis_verblender.svg) 0 0 no-repeat;
  background-size: contain;
}
.template .resultsplitarea-header .image-icon-riemchen {
  background: url(../images/svgpz/riemchenverblender/icon_suchergebnis_riemchen.svg) 0 0 no-repeat;
  background-size: contain;
}
.template .resultsplitarea-header .image-icon-plusprodukte {
  background: url(../images/nachhaltigkeit/icon_suchergebnisse_plusprodukte.svg) 0 0 no-repeat;
  background-size: contain;
}

.leftcontent_produkte .lpyoutubevideo .lpyoutubevideo-wrapper {
  padding-bottom: 0 !important;
}


.plusplusiconweiss {
  background: url('../../../fileadmin/templates/images/nachhaltigkeit/plus+Label.svg') 0 0 no-repeat;
  height: 1em;
  background-size: auto 100%;
  width: 2.5em;
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.5em;
}


.menuinfobox {
  border-radius: 10px;
  background-color: #fff;
  padding:20px;
  box-sizing:border-box;
  margin-right: 2.5vw;
  margin-bottom: 30px;
}

.menuinfobox p {
  color:#407840;
}

.menuinfobox p b,
.menuinfobox p strong {
  color:#004b00;
}

.dropmenuarea_mobile .menuinfobox {
  margin:20px 4vw;
  font-size: 16px;
}


/********* plusplustexte */
.plusplustext {
  font-family: 'Fira Code';
  letter-spacing: -0.05em;
}
.plusplustext .narrow {
  font-family: 'Fira Code';
  letter-spacing: -0.1em;
}

.kachelebene li:hover a .plusplustext,
li.active > a .plusplustext,
a:hover .plusplustext,
.kachelebene li:hover .alink .plusplustext,
li.active > .alink .plusplustext,
.alink:hover .plusplustext
 {
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-color: #ff5a00;
  background-image: linear-gradient(to top, #004b00, #329600);
  background-size: cover;
  background-position: center center;
}

.plusplustexthellgruen {
 -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-color: #ff5a00;
  background-image: linear-gradient(to top, #329600, #c8dc00);
  background-size: cover;
  background-position: center center;  
}

.plusplustextdunkelgruen {
 -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-color: #ff5a00;
  background-image: linear-gradient(to top, #004b00, #329600);
  background-size: cover;
  background-position: center center;  
}

.plusplustextschwarz {
  color:#190d0c;
}

.plusplustextweiss {
  color:#fff;
}

.plusplustextschwarzhover:hover,
.plusplustextweisshover:hover {
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-color: #ff5a00;
  background-image: linear-gradient(to top, #004b00, #329600);
  background-size: cover;
  background-position: center center;
}

.plusplustextsvgweiss {
  display: inline-block;
  height: 1.4em;
  width: 3.25em;
  background: url('../../../fileadmin/templates/images/nachhaltigkeit/plus+Label.svg') 0 0 no-repeat;
  background-size: contain;
  vertical-align: middle;
}

.detail-nachhaltigkeitsholder {
  position: absolute;
  left: 50%;
  top: 0.6em;
  transform: translateX(-50%);
  z-index: 1;
  background: url('../../../fileadmin/templates/images/nachhaltigkeit/pluslabel_produktdetail-01.svg') 0 0 no-repeat;
  background-size: contain;
  width: 10vw;
  height: 4vw;
}

.detail-nachhaltigkeitsholder-wrapper {
  display: flex;
  margin-left: 54%;
}

.detail-nachhaltigkeitsholder-wrapper .iconimage {
  width: auto;
  height: 1.25vw;
  margin-top: 0.85vw;
}

.detail-nachhaltigkeitsholder-wrapper .iconimage-1 {
  transform: translateX(-0.4vw);
}

.detail-nachhaltigkeitsholder-wrapper .iconimage img {
  display:block;
  width: auto;
  height: 100%;
}

.detail-nachhaltigkeitsholder .infotooltip {
  display: none;
  position: absolute;
  top: 2.5vw;
  left: -49.5%;
  z-index: 1;
  width: 32vw;
  height: 8vw;
}

.detail-nachhaltigkeitsholder:hover .infotooltip {
  display: flex;
}

.detail-nachhaltigkeitsholder .infotooltip img {
  width: auto;
  height: 100%;
}

.detail-nachhaltigkeitsholder .infotooltip img:last-child {
  margin-left: -10px;
}
@media only screen and (max-device-width : 768px)  {
  .detail-nachhaltigkeitsholder {
    top: 30vw;
    width: 30vw;
    height: 14vw;
  }
  .detail-nachhaltigkeitsholder-wrapper .iconimage {
    width: auto;
    height: 3.25vw;
    margin-top: 2.85vw;
  }
}
.anfrageverfuegbarkeitplusprodukte {
  position: absolute;
  right: 0;
  top: 50%;
  z-index: 1;
  background: #fff;
  height: 70px;
  border-radius: 35px 0 0 35px;
  transform:translateY(-70%);
  filter: drop-shadow( 0px 5px 5px rgba(25,13,12,0.75));
  -webkit-filter: drop-shadow( 0px 5px 5px rgba(25,13,12,0.75));
  -moz-filter: drop-shadow( 0px 5px 5px rgba(25,13,12,0.75));  
}

.anfrageverfuegbarkeitplusprodukte-wrapper {
  height: 100%;
}

.anfrageverfuegbarkeitplusprodukte-wrapper a {
  display: flex;
  align-items: center;
  height: 100%;
  text-decoration: none;
  color:inherit;
}

.anfrageverfuegbarkeitplusprodukte-icon {
  height: 50px;
  width: 50px;
  margin-right: 10px;
  margin-left:10px;
  background:url(../images/nachhaltigkeit/icon_verfuegbarkeit_pruefen.svg) 0 0 no-repeat;
  background-size: contain;
} 

.anfrageverfuegbarkeitplusprodukte:hover .anfrageverfuegbarkeitplusprodukte-icon {
  background:url(../images/nachhaltigkeit/icon_verfuegbarkeit_pruefen_hover.svg) 0 0 no-repeat;
  background-size: contain;
}

.anfrageverfuegbarkeitplusprodukte-content {
  width: 110px;
  text-align: left;
  padding-right: 10px;
  padding-left: 10px;
  box-sizing: border-box;
  font-size: 15px;
  line-height: 1.1em;
}

.anfrageverfuegbarkeitplusprodukte:hover .anfrageverfuegbarkeitplusprodukte-content {
  color:#ff0000;
}














/****  plusproduktenachhaltigkeit start */


.dropmenu_nachhaltigkeit #kachelarea999999 .template {
   display: -webkit-box; 
   display: -ms-flexbox; 
   display: -webkit-flex; 
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  /* padding-top: 2em; */
  box-sizing: border-box;
  justify-content: space-between;
  margin-top: 20px;
  width: calc(100% - 1vw);
  padding-top: 20px;
}

.dropmenu_nachhaltigkeit #kachelarea999999 .template::after {
  content: "";
  flex: 0 0 14.5vw;
}

.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="2"]::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="4"]::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="6"]::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="8"]::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="10"]::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="12"]::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="14"]::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="16"]::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="18"]::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="20"]::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="22"]::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="24"]::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="26"]::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="28"]::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="30"]::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="32"]::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="34"]::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="36"]::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="38"]::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="40"]::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="42"]::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="44"]::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="46"]::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="48"]::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="50"]::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="52"]::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="54"]::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="56"]::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="58"]::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="60"]::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="62"]::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="64"]::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="66"]::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="68"]::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="70"]::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="72"]::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="74"]::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="76"]::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="78"]::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="80"]::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="82"]::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="84"]::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="86"]::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="88"]::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="90"]::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="92"]::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="94"]::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="96"]::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="98"]::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="100"]::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="102"]::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="104"]::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="106"]::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="108"]::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="110"]::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="112"]::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="114"]::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="116"]::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="118"]::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="120"]::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="122"]::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="124"]::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="128"]::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="130"]::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="132"]::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="134"]::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="136"]::after {
  content: "";
  flex: 0 0 30vw;
}


.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="2"] .resultsplitarea::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="4"] .resultsplitarea::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="6"] .resultsplitarea::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="8"] .resultsplitarea::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="10"] .resultsplitarea::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="12"] .resultsplitarea::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="14"] .resultsplitarea::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="16"] .resultsplitarea::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="18"] .resultsplitarea::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="20"] .resultsplitarea::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="22"] .resultsplitarea::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="24"] .resultsplitarea::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="26"] .resultsplitarea::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="28"] .resultsplitarea::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="30"] .resultsplitarea::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="32"] .resultsplitarea::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="34"] .resultsplitarea::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="36"] .resultsplitarea::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="38"] .resultsplitarea::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="40"] .resultsplitarea::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="42"] .resultsplitarea::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="44"] .resultsplitarea::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="46"] .resultsplitarea::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="48"] .resultsplitarea::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="50"] .resultsplitarea::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="52"] .resultsplitarea::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="54"] .resultsplitarea::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="56"] .resultsplitarea::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="58"] .resultsplitarea::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="60"] .resultsplitarea::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="62"] .resultsplitarea::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="64"] .resultsplitarea::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="66"] .resultsplitarea::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="68"] .resultsplitarea::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="70"] .resultsplitarea::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="72"] .resultsplitarea::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="74"] .resultsplitarea::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="76"] .resultsplitarea::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="78"] .resultsplitarea::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="80"] .resultsplitarea::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="82"] .resultsplitarea::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="84"] .resultsplitarea::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="86"] .resultsplitarea::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="88"] .resultsplitarea::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="90"] .resultsplitarea::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="92"] .resultsplitarea::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="94"] .resultsplitarea::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="96"] .resultsplitarea::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="98"] .resultsplitarea::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="100"] .resultsplitarea::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="102"] .resultsplitarea::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="104"] .resultsplitarea::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="106"] .resultsplitarea::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="108"] .resultsplitarea::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="110"] .resultsplitarea::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="112"] .resultsplitarea::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="114"] .resultsplitarea::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="116"] .resultsplitarea::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="118"] .resultsplitarea::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="120"] .resultsplitarea::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="122"] .resultsplitarea::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="124"] .resultsplitarea::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="128"] .resultsplitarea::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="130"] .resultsplitarea::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="132"] .resultsplitarea::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="134"] .resultsplitarea::after,
.dropmenu_nachhaltigkeit #kachelarea999999 .template[data-cnt="136"] .resultsplitarea::after {

  content: "";
  flex: 0 0 30vw;
}


.dropmenu_nachhaltigkeit #kachelarea999999 .caption {
  margin-top: 1.5%;
  height:2.6em;
  position: relative;
}

.dropmenu_nachhaltigkeit #kachelarea999999 .referenzmenuitem .iconimageholder { 
    position: absolute;
    top: 0;
    right: 0;
}

.dropmenu_nachhaltigkeit #kachelarea999999 .referenzmenuitem .iconimageholder .iconimage {
  display: inline-block;
  vertical-align: middle;
  display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 1.25em;
    height: 1.25em;
    top: -0.5em;
    right:-0.68em;
}


.dropmenu_nachhaltigkeit #kachelarea999999 .referenzmenuitem .iconnachhaltigkeitholder { 
    position: absolute;
    top: 0;
    left: 0;

}

.dropmenu_nachhaltigkeit #kachelarea999999 .referenzmenuitem .iconnachhaltigkeitholder .iconimage {
  display: inline-block;
    vertical-align: middle;
    position: relative;
    width: auto;
    height: 1.25em;
    top: -0.5em;
    left: -0.625em;
}

.dropmenu_nachhaltigkeit #kachelarea999999 .referenzmenuitem .iconnachhaltigkeitholder .iconimage-1 {
     left: -1em;
}

.dropmenu_nachhaltigkeit #kachelarea999999 .referenzmenuitem .iconnachhaltigkeitholder .iconimage img {
  height: 100%;
  width: auto;
}


.dropmenu_nachhaltigkeit #kachelarea999999 .referenzmenuitem .iconimage-smartglow {
  position: absolute;
    top:0.6em;
    right: 0.68em;
    filter: drop-shadow(0px 0px 10px rgba(0,140,255,0.75)) drop-shadow(0px 0px 5px rgba(100,224,255,0.6));
    -webkit-filter: drop-shadow(0px 0px 10px rgba(0,140,255,0.75)) drop-shadow(0px 0px 5px rgba(100,224,255,0.6));
    -moz-filter: drop-shadow(0px 0px 10px rgba(0,140,255,0.75)) drop-shadow(0px 0px 5px rgba(100,224,255,0.6));
}

.dropmenu_nachhaltigkeit #kachelarea999999 .referenzmenuitem .iconimage img { 
  width: 100%;
  height: auto;
}


.dropmenu_nachhaltigkeit #kachelarea999999 .caption a {
    color:#000;
    font-size:1.125em;
    font-weight: bold;
    text-decoration: none;
}

.dropmenu_nachhaltigkeit #kachelarea999999 .caption-farbwelten {
  padding-top: 3px;
}

.dropmenu_nachhaltigkeit #kachelarea999999 .caption-farbwelten a {
    color:#000;
    font-size:1em;
    font-weight: normal;
    text-decoration: none;
}


.dropmenu_nachhaltigkeit #kachelarea999999 .scrollarea  {
    height: auto;
    clear: right;
}

.dropmenu_nachhaltigkeit #kachelarea999999 .referenzmenuitem {
  padding-bottom: 1.5em;
  width: 14.5vw;
  position: relative;
}

.dropmenu_nachhaltigkeit #kachelarea999999 .template:hover .referenzmenuitem {
  opacity: 0.4;
}

.dropmenu_nachhaltigkeit #kachelarea999999 .template .referenzmenuitem:hover {
  opacity: 1;
}

.dropmenu_nachhaltigkeit #kachelarea999999 .referenzmenuitem .image {
  display: inline-block;
  width: 14.5vw;
  height: 5vw;
  height: 11.3vw;
  height: 11.5vw;
  content: 'viewport-units-buggyfill;  width: 13.5vw; height: 4.6vw;';
}

.dropmenu_nachhaltigkeit #kachelarea999999 .referenzmenuitem .image img {
  display: block;
  border:1px solid #404040;
  width: 100%;
  height: auto;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(0,38,71,0.25);
  -moz-box-shadow: 0px 5px 10px 0px rgba(0,38,71,0.25);
  box-shadow: 0px 5px 10px 0px rgba(0,38,71,0.25);  
}


.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  top:0;
  bottom:auto;
  opacity: 1;
}


.dropmenu_nachhaltigkeit #kachelarea999999 .template1xn .referenzmenuitem {
  width: 61.9vw;
  padding-bottom:0.5vw;
}
.dropmenu_nachhaltigkeit #kachelarea999999 .template1xn .referenzmenuitem .image {
  width: 61.9vw;
  height: 30.95vw;
}


.dropmenu_nachhaltigkeit #kachelarea999999 .template2xn .referenzmenuitem {
  width: 30vw;
  width: 29.5vw;
  padding-bottom:0.5vw;
}
.dropmenu_nachhaltigkeit #kachelarea999999 .template2xn .referenzmenuitem .image {
  width: 30vw;
  width: 29.5vw;
  height: 17.5vw;
  height: 13.5vw;
}


.dropmenu_nachhaltigkeit #kachelarea999999 .template3xn .referenzmenuitem {
  width: 19.7vw;
}
.dropmenu_nachhaltigkeit #kachelarea999999 .template3xn .referenzmenuitem .image {
  width: 19.7vw;
  height: 15.6vw;
}

.dropmenu_nachhaltigkeit #kachelarea999999 .headline {
  width: 60%;
  display: inline-block;
  width:49%;
  width:30%;
  display: none;
}

.dropmenu_nachhaltigkeit #kachelarea999999 .headline h2 {
  color:#000000;
  font-weight: 500;
  font-size: 1.75em;
  padding:0;
  margin:0.5em 0;
}

.dropmenu_nachhaltigkeit #kachelarea999999 .legende {
    top: 0;
    width:100%;
    text-align: right;
    padding-right: 1vw;
    box-sizing: border-box; 
    padding-bottom: 10px;
    padding-top: 20px;
}

.dropmenu_nachhaltigkeit #kachelarea999999 .legende .legendcion {
    /*float: left;
    width: 50%;*/
    line-height: 1.62em;
    font-size: 1em;
    font-style: italic;
    color: #fff;
    text-align: right;    
    display: inline-block;
    white-space: nowrap;
    padding-left: 6%;
}


.dropmenu_nachhaltigkeit #kachelarea999999 .legende .legendcion .iconimage{
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.4em;
  width: 1vw;
}

.dropmenu_nachhaltigkeit #kachelarea999999 .legende .legendeicon-smartglow .iconimage {
    filter: drop-shadow(0px 0px 10px rgba(0,140,255,0.75)) drop-shadow(0px 0px 5px rgba(100,224,255,0.6));
    -webkit-filter: drop-shadow(0px 0px 10px rgba(0,140,255,0.75)) drop-shadow(0px 0px 5px rgba(100,224,255,0.6));
    -moz-filter: drop-shadow(0px 0px 10px rgba(0,140,255,0.75)) drop-shadow(0px 0px 5px rgba(100,224,255,0.6));
}


.dropmenu_nachhaltigkeit #kachelarea999999 .legende .legendcion .iconimage img {
    width: 100%;
    height: auto;
    vertical-align: text-top;    
}


.dropmenu_nachhaltigkeit #kachelarea999999 .legende .legendcion a {
  color: inherit;
  display: inline-block;
}

.dropmenu_nachhaltigkeit #kachelarea999999 .legende .legendeicon-nachhaltigkeit {
  position: relative;
}

.dropmenu_nachhaltigkeit #kachelarea999999 .legende .legendeicon-nachhaltigkeit .iconimage {
  width: auto;
  height: 1vw; 
}

.dropmenu_nachhaltigkeit #kachelarea999999 .legende .legendeicon-nachhaltigkeit .iconimage img {
  height: 100%;
  width: auto;
  display: block;
}  

.dropmenu_nachhaltigkeit #kachelarea999999 .legende .legendeicon-nachhaltigkeit .infotooltip {
  display: none;
  position: absolute;
  top: 1.5vw;
  left: -52%;
  z-index: 1;
  width: 32vw;
  height: 8vw;
}

.dropmenu_nachhaltigkeit #kachelarea999999 .legende .legendeicon-nachhaltigkeit:hover .infotooltip {
  display: flex;
}

.dropmenu_nachhaltigkeit #kachelarea999999 .legende .legendeicon-nachhaltigkeit .infotooltip img {
  width: auto;
  height: 100%;
}

.dropmenu_nachhaltigkeit #kachelarea999999 .legende .legendeicon-nachhaltigkeit .infotooltip img:last-child {
  margin-left: -10px;
}

#kachelarea999999 .submenuscroller {
  height: 80vh;
  width: calc(100% - 3vw);
  position: relative;
  clear: right;
}

.dropmenu_unternehmen_padder_neu_leftmenu > div > div > ul > li > ul > li > span.alink {
  font-family: 'Fira Sans Condensed',sans-serif;
  font-weight: 500;
  color: #dee3ef;
  font-weight: 500;
  font-size: 1.75em;
  text-decoration: none;
  line-height: 1.42em;
  cursor: pointer;
  pointer-events: all;
}
.dropmenu_unternehmen_padder_neu_leftmenu > div > div > ul > li > ul > li.active > span.alink,
.dropmenu_unternehmen_padder_neu_leftmenu > div > div > ul > li > ul > li:hover > span.alink {
  color:#190d0c;
}
/****  plusproduktenachhaltigkeit end */
.dropmenu_nachhaltigkeit .template,
.dropmenu_produkte .template {
  padding-top: 10px;
  padding-left: 10px;
}


.row-nachhaltigkeit .item {
  font-size: 13px;
}

.iconimage-nachhaltigkeit {
  display: inline-block;
  vertical-align: middle;
  width: 50px;
  margin-left: 10px;
}
.iconimage-nachhaltigkeit img {
  display:block;
  height: 1.25em;
  width: auto;
}

.nachhaltigkeit-sublabel {
  font-weight: 700;
  padding-left: 28px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 16px !important;
  box-sizing: border-box;
}

.nachhaltigkeit-sublabel-border {
  border-top:1px solid #000;
  margin-top: 10px;
}

.submenu_farbenplusprodukte p,
.menu-nachhaltigkeit p {
  margin-bottom: 0.55em;
  padding-left: 0.2em;
  margin-top: 1.5em;
}

.submenu_farbenplusprodukte li,
.menu-nachhaltigkeit li {
  margin-left: 13px;
}