/* moved by compressor */
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700,300,700italic,300italic,900,400italic,600);@import url(https://use.typekit.net/ajj0ptr.css);
/* moved by compressor */
/* default styles for extension "tx_indexedsearch" */
		.tx-indexedsearch .tx-indexedsearch-browsebox LI { display:inline; margin-right:5px; }
		.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button { width:100px; }
		.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword { width:150px; }
		.tx-indexedsearch .tx-indexedsearch-whatis { margin-top:10px; margin-bottom:5px; }
		.tx-indexedsearch .tx-indexedsearch-whatis .tx-indexedsearch-sw { font-weight:bold; font-style:italic; }
		.tx-indexedsearch .tx-indexedsearch-noresults { text-align:center; font-weight:bold; }
		.tx-indexedsearch .tx-indexedsearch-res TD.tx-indexedsearch-descr { font-style:italic; }
		.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup { color:red; }
		.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info { background:#eeeeee; }
		.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead { margin-top:20px; margin-bottom:5px; }
		.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead H2 { margin-top:0px; margin-bottom:0px; }
		.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TD { background:#cccccc; vertical-align:middle; }
		.tx-indexedsearch .tx-indexedsearch-res .noResume { color:#666666; }
		.tx-indexedsearch .tx-indexedsearch-category { background:#cccccc; font-size:16px; font-weight:bold; }

		/* Additional styles, needed for the tableless template_css.tmpl (styles don't conflict with the original template) */
		.tx-indexedsearch .res-tmpl-css { clear:both; margin-bottom:1em; }
		.tx-indexedsearch .searchbox-tmpl-css LABEL { margin-right:1em; width:10em; float:left; }
		.tx-indexedsearch .result-count-tmpl-css, .tx-indexedsearch .percent-tmpl-css { letter-spacing:0; font-weight:normal; margin-top:-1.2em; float:right; }
		.tx-indexedsearch .info-tmpl-css dt, .tx-indexedsearch dl.info-tmpl-css dd { float:left; }
		.tx-indexedsearch .info-tmpl-css dd.item-mtime { float:none; }
		.tx-indexedsearch .info-tmpl-css dd.item-path { float:none; }
/* default styles for extension "tx_cssstyledcontent" */
	/* Headers */
	.csc-header-alignment-center { text-align: center; }
	.csc-header-alignment-right { text-align: right; }
	.csc-header-alignment-left { text-align: left; }

	div.csc-textpic-responsive, div.csc-textpic-responsive * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;  }

	/* Clear floats after csc-textpic and after csc-textpic-imagerow */
	div.csc-textpic, div.csc-textpic div.csc-textpic-imagerow, ul.csc-uploads li { overflow: hidden; }

	/* Set padding for tables */
	div.csc-textpic .csc-textpic-imagewrap table { border-collapse: collapse; border-spacing: 0; }
	div.csc-textpic .csc-textpic-imagewrap table tr td { padding: 0; vertical-align: top; }

	/* Settings for figure and figcaption (HTML5) */
	div.csc-textpic .csc-textpic-imagewrap figure, div.csc-textpic figure.csc-textpic-imagewrap { margin: 0; display: table; }

	/* Captions */
	figcaption.csc-textpic-caption { display: table-caption; }
	.csc-textpic-caption { text-align: left; caption-side: bottom; }
	div.csc-textpic-caption-c .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-c { text-align: center; }
	div.csc-textpic-caption-r .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-r { text-align: right; }
	div.csc-textpic-caption-l .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-l { text-align: left; }

	/* Float the columns */
	div.csc-textpic div.csc-textpic-imagecolumn { float: left; }

	/* Border just around the image */
	div.csc-textpic-border div.csc-textpic-imagewrap img {
		border: 2px solid black;
		padding: 0px 0px;
	}

	div.csc-textpic .csc-textpic-imagewrap img { border: none; display: block; }

	/* Space below each image (also in-between rows) */
	div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 10px; }
	div.csc-textpic .csc-textpic-imagewrap .csc-textpic-imagerow-last .csc-textpic-image { margin-bottom: 0; }

	/* colSpace around image columns, except for last column */
	div.csc-textpic-imagecolumn, td.csc-textpic-imagecolumn .csc-textpic-image { margin-right: 10px; }
	div.csc-textpic-imagecolumn.csc-textpic-lastcol, td.csc-textpic-imagecolumn.csc-textpic-lastcol .csc-textpic-image { margin-right: 0; }

	/* Add margin from image-block to text (in case of "Text & Images") */
	div.csc-textpic-intext-left .csc-textpic-imagewrap,
	div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
		margin-right: 10px;
	}
	div.csc-textpic-intext-right .csc-textpic-imagewrap,
	div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
		margin-left: 10px;
	}

	/* Positioning of images: */

	/* Center (above or below) */
	div.csc-textpic-center .csc-textpic-imagewrap, div.csc-textpic-center figure.csc-textpic-imagewrap { overflow: hidden; }
	div.csc-textpic-center .csc-textpic-center-outer { position: relative; float: right; right: 50%; }
	div.csc-textpic-center .csc-textpic-center-inner { position: relative; float: right; right: -50%; }

	/* Right (above or below) */
	div.csc-textpic-right .csc-textpic-imagewrap { float: right; }
	div.csc-textpic-right div.csc-textpic-text { clear: right; }

	/* Left (above or below) */
	div.csc-textpic-left .csc-textpic-imagewrap { float: left; }
	div.csc-textpic-left div.csc-textpic-text { clear: left; }

	/* Left (in text) */
	div.csc-textpic-intext-left .csc-textpic-imagewrap { float: left; }

	/* Right (in text) */
	div.csc-textpic-intext-right .csc-textpic-imagewrap { float: right; }

	/* Right (in text, no wrap around) */
	div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap { float: right; }

	/* Left (in text, no wrap around) */
	div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap { float: left; }

	div.csc-textpic div.csc-textpic-imagerow-last, div.csc-textpic div.csc-textpic-imagerow-none div.csc-textpic-last { margin-bottom: 0; }

	/* Browser fixes: */

	/* Fix for unordered and ordered list with image "In text, left" */
	.csc-textpic-intext-left ol, .csc-textpic-intext-left ul { padding-left: 40px; overflow: auto; }

	/* File Links */
	ul.csc-uploads { padding: 0; }
	ul.csc-uploads li { list-style: none outside none; margin: 1em 0; }
	ul.csc-uploads img { float: left; margin-right: 1em; vertical-align: top; }
	ul.csc-uploads span { display: block; }
	ul.csc-uploads span.csc-uploads-fileName { text-decoration: underline; }

	/* Table background colors: */

	table.contenttable-color-1 { background-color: #EDEBF1; }
	table.contenttable-color-2 { background-color: #F5FFAA; }
	table.contenttable-color-240 { background-color: black; }
	table.contenttable-color-241 { background-color: white; }
	table.contenttable-color-242 { background-color: #333333; }
	table.contenttable-color-243 { background-color: gray; }
	table.contenttable-color-244 { background-color: silver; }
/* default styles for extension "tx_felogin_pi1" */
		.tx-felogin-pi1 label {
			display: block;
		}

/**/


@font-face {
  font-family: 'fontello';
  src: url('../../typo3conf/ext/stoebich/Resources/Public/fonts/fontello.eot');
  src: url('../../typo3conf/ext/stoebich/Resources/Public/fonts/fontello.eot#iefix') format('embedded-opentype'),
       url('../../typo3conf/ext/stoebich/Resources/Public/fonts/fontello.woff') format('woff'),
       url('../../typo3conf/ext/stoebich/Resources/Public/fonts/fontello.ttf') format('truetype'),
       url('../../typo3conf/ext/stoebich/Resources/Public/fonts/fontello.svg#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-right-open:before { content: '\e800'; } /* '' */
.icon-search:before { content: '\e801'; } /* '' */
.icon-left-open:before { content: '\e802'; } /* '' */
.icon-resize-full-alt:before { content: '\e803'; } /* '' */
.icon-pause:before { content: '\e804'; } /* '' */
.icon-menu:before { content: '\e805'; } /* '' */
.icon-cancel:before { content: '\e806'; } /* '' */
.icon-check-empty:before { content: '\e807'; } /* '' */
.icon-check:before { content: '\e808'; } /* '' */
.icon-info:before { content: '\e809'; } /* '' */
.icon-down-open:before { content: '\e80a'; } /* '' */
.icon-up-open:before { content: '\e80b'; } /* '' */
.icon-doc-new:before { content: '\e80c'; } /* '' */
.icon-logo:before { content: '\e80d'; } /* '' */
.icon-merkzettel-minus:before { content: '\e80e'; } /* '' */
.icon-facebook:before { content: '\e80f'; } /* '' */
.icon-youtube:before { content: '\e810'; } /* '' */
.icon-merkzettel:before { content: '\e811'; } /* '' */
*{
	color:#464646;
	/*font-family: 'Source Sans Pro', sans-serif;*/
    font-family: myriad-pro, sans-serif;    
	line-height: 1.43em;
}
body{
	margin: 0;
	
}
/* Code for Firefox */
::-moz-selection{
	color: #fff;
    background: #E2001A;
}
::selection { 
    color: #fff;
    background: #E2001A;
}
ul, ol{
	margin: 0;
	padding: 0;
	font-size: 14px;
}
ol{
	padding-left: 20px;
}
a{
	text-decoration: none;
	color: inherit;
   	outline: 0;
}
a:hover{
	color:#cd041c;
}
a:active{
    background-color: transparent;
}
img {
    outline: none;
    border: none;
}
img[src*=".svg"] {
    width: 100%; 
}
p {
	margin: 0 0 18px;
    color: #464646;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}
p > a {
	font-style: italic;
}
h1{
	font-size: 20px;
	font-weight: 900;
}
h2 {
    font-size: 40px;
    line-height: 50px;
    text-align: left;
    font-weight: 700;
    margin: 0 0 20px;

}
h3{
	font-weight: 900;
	font-size: 25px;
}
h4{
	font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
    margin-top: 0;
}
hr {
    height: 1px;
    width: auto;
    max-width: 1600px;
    margin: 0 auto 50px;
    border: none;
    background-color: #d7d7d7;
    border-left: 180px solid #FFF;
    border-right: 180px solid #FFF;
}
strong{
	font-weight: 700;	
}

@media screen and (max-width: 1380px) {
    hr {
        max-width: 90%;
        border: none;
    }
}
@media screen and (max-width: 650px) {
    h2 {
        font-size: 30px;
        line-height: 40px;
    }
}
@media screen and (max-width: 359px) {
    h2 {
        padding: 0 20px;
    }
    hr {
        max-width: 100%;
    }
}
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('../../typo3conf/ext/stoebich/Resources/Public/plugin/fancybox/source/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('../../typo3conf/ext/stoebich/Resources/Public/plugin/fancybox/source/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('../../typo3conf/ext/stoebich/Resources/Public/plugin/fancybox/source/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('../../typo3conf/ext/stoebich/Resources/Public/plugin/fancybox/source/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('../../typo3conf/ext/stoebich/Resources/Public/plugin/fancybox/source/fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('../../typo3conf/ext/stoebich/Resources/Public/plugin/fancybox/source/fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}
/**
 *
 */
.ce-menu{
	position: absolute;
	right: 50px;
	top: 50px;
	width: calc(100% - 470px);
	height: calc(100% - 100px)
}
.ce-menu .capture {
    background-color: #f7f7f7;
    border: 1.4em solid #f7f7f7;
    bottom: 10px;
    box-sizing: border-box;
    max-height: 80%;
    max-width: 590px;
    opacity: 0.9;
    overflow: hidden;
    position: absolute;
    right: 20px;
}
.ce-menu .capture h4{
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: 0.65rem;
    margin-top: 0;
    line-height: 1.4rem;
}
.ce-menu .capture p {
    color: #464646;
    font-size: 0.8rem;
    font-weight: 400;
    line-height: 1.25rem;
    margin: 0 0 1.2rem;
}
/**
 * 	Main
 */
header > .inner .menutoggle {
    display: none;
}
ul.main{
	list-style: none;
	padding-top: 30px;
	position: relative;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
ul.main a {
    font-size: 16px;
}
ul.main * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
ul.main:after{
	content: "";
	display: block;
	clear: both;
}
ul.main > li{
	font-size: 20px;
	float: left;
	height: 55px;
	line-height: 55px;
}
ul.main li.hassub > span {
    display: none;
}
ul.main li.hassub ul li > span {
    display: block;
    height: 50px;
    width: 60px;
    line-height: 47px;
    text-align: center;
    color: #464646;
    font-size: 25px;
    float: right;
    background-color: #FFF;
    cursor: pointer;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
ul.main li.hassub ul li > span:hover {
    background-color: #f0f0f0;
}
ul.main > li > a {
	/* PSD */
	padding-left: 20px;
	padding-right: 20px;
	/*padding-left: 5px;
    padding-right: 5px;*/
}
ul.main > li.act > a {
	color: #CD041C;
}
ul.main > li > ul {
	overflow: hidden;
	position: absolute;
	left: 0;
	background-color: #fff;
	list-style: none;
	background-image: url('../../typo3conf/ext/stoebich/Resources/Public/img/raster.png');
	width: 100%;
	padding: 50px;
	box-sizing: border-box;
	display: none;
	z-index: 1;
	background-position: center center;
	background-attachment: fixed;
	-moz-box-shadow:    10px 0px 10px -10px rgba(87,87,87,1),-10px 0px 10px -10px rgba(87,87,87,1),0  10px 10px -10px rgba(87,87,87,1);
	-webkit-box-shadow:	10px 0px 10px -10px rgba(87,87,87,1),-10px 0px 10px -10px rgba(87,87,87,1),0  10px 10px -10px rgba(87,87,87,1);
	box-shadow:         10px 0px 10px -10px rgba(87,87,87,1),-10px 0px 10px -10px rgba(87,87,87,1),0  10px 10px -10px rgba(87,87,87,1);
}
ul.main > li > ul > li.back {
    display: none;
}
ul.main > li > ul:before{
	-moz-box-shadow: 0 5px 17px rgba(87, 87, 87, 0.75);
	-webkit-box-shadow: 0 5px 17px rgba(87, 87, 87, 0.75);
	box-shadow: 0 5px 17px rgba(87, 87, 87, 0.75);
    content: "";
    height: 17px;
    left: -10%;
    position: absolute;
    top: -17px;
    width: 120%;
}
ul.main > li:hover > ul {
	display: block;
}
ul.main > li > ul li{
	box-sizing: border-box;
    list-style-type: none;
    margin-bottom: 10px;
    margin-left: 0;
    width: 350px;
}
ul.main > li > ul li:first-child{
	margin-top: 0;
}
ul.main > li > ul li > a{
	font-weight: 300;
	font-size: 16px;
    display: block;
    line-height: 30px;
    padding: 10px 20px;
    background-color: #fff;
}
ul.main > li > ul li.hassub > a{
	margin-right: 40px;
}
ul.main > li > ul > li div.ce-menu{
	display: none;
	background-size: cover;
	background-position: center center;
    background-repeat: no-repeat;
}
ul.main > li > ul > li:first-child div.ce-menu,
ul.main > li > ul > li:hover div.ce-menu,
ul.main > li > ul > li.active div.ce-menu{
	display: block;
}
ul.main li ul li ul {
    top: 0;
    bottom: 0;
    left: 400px;
    padding-left: 0;
    width: 0;
    padding-top: 40px;
	overflow: hidden;
	position: absolute;
	background-color: #fff;
	background-image: url('../../typo3conf/ext/stoebich/Resources/Public/img/raster.png');
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    z-index: 10;
    background-position: center center;
    background-attachment: fixed;
}
ul.main > li > ul > li > ul {
    top: 50px;
    bottom: auto;
}
ul.main > li > ul > li > ul li {
    width: 50%;
    float: left;
    overflow: hidden;
    padding-right: 0px;
    -webkit-transition: padding 0.5s ease;
    -moz-transition: padding 0.5s ease;
    -o-transition: padding 0.5s ease;
    transition: padding 0.5s ease;
}
ul.main > li > ul > li > ul li > a {
    min-width: 115px;
}
ul.main > li > ul > li > ul.active li {
    padding-right: 10px;
}
ul.main li ul li ul.active {
    left: 0;
    width: 350px;
    padding-left: 50px;
}
ul.main li ul li ul > li.back {
    display: block;
    height: 30px;
    width: 30px;
    line-height: 28px;
    text-align: center;
    color: #464646;
    font-size: 25px;
    background-color: #FFF;
    cursor: pointer;
    position: absolute;
    top: 0;
    padding: 0;
    margin: 0;
    z-index: 0;
}

/**
 * 	Language
 */
ul.m-lang {
	position: absolute;
	right: 0;
	top: 35px;
	list-style: none;
}
ul.m-lang > select {
	display: none;
}
ul.m-lang > li:first-child {
	height: 50px;
	line-height: 50px;
	text-transform: uppercase;
	font-size: 23px;
	font-weight: 300;
	padding-left: 20px;
	width: auto;
	background: none;
	border: none;
	display: block !important;
    font-weight: 600;
    color: #979797;
}
ul.m-lang:hover li {
	display: block;
}
ul.m-lang > li.act,
ul.m-lang > li:hover a {
	color: #464646;
	font-weight: bold;
}
ul.m-lang > li {
	color: #464646;
	width: 158px;
	background-color: #f7f7f7;
	border-top: 2px solid #e6e6e6;
	text-align: right;
	padding-right: 22px;
	height: 30px;
	line-height: 30px;
	display: none;
}
/**
 * 	
 */
.m-bradcrumb {
    clear: both;
    border-bottom: 1px solid #d7d7d7;
    padding: 5px 0;
    margin: 0 auto 50px;
    max-width: 1240px;
}
.m-bradcrumb ul {
    margin: 0;
    padding: 0;
}
.m-bradcrumb ul li {
    display: inline-block;
    list-style-type: none;
    margin-left: 4px;
    padding-left: 4px;
    position: relative;
}
.m-bradcrumb ul li:first-child {
    margin-left: 0;
    padding-left: 0;
}
.m-bradcrumb ul li:before {
    content: '›';
    position: absolute;
    display: inline-block;
    color: #c6c6c6;
    font-style: italic;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    margin-left: -6px;
}
.m-bradcrumb ul li:first-child:before {
    display: none;
}
.m-bradcrumb ul li a {
    color: #c6c6c6;
    font-style: italic;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
}
.m-bradcrumb ul li.current a {
    color: #979797;
}
ul.main li.hassub ul li > span::before {
    background: #fff url('../../typo3conf/ext/stoebich/Resources/Public/img/raster.png') repeat scroll 0 0;
    content: "";
    display: block;
    float: left;
    height: 50px;
    width: 9px;
    background-position: center center;
    background-attachment: fixed;
}

@media screen and (max-height: 1050px) {
    ul.main li.hassub ul li > span {
        height: 40px;
        line-height: 38px;
        width: 50px;
    }
    ul.main > li > ul li > a{
        line-height: 30px;
        padding: 5px 20px;
    }
    ul.main > li > ul li {
        
    }
}
@media screen and (max-height: 840px) {
    ul.main li.hassub ul li > span {
        height: 30px;
        line-height: 28px;
        width: 40px;
    }
    ul.main > li > ul li > a{
        line-height: 20px;
        padding: 5px 10px;
    }
    ul.main > li > ul li.hassub > a{
        margin-right: 30px;
    }
    ul.main > li > ul li {
        
    }
    ul.main li.hassub ul li > span::before {
    	height: 30px;
    }
}

@media screen and (max-width: 1617px) {
    .m-bradcrumb {
        margin: 0 180px 50px;
    }
}

@media screen and (max-width: 1380px) {
    .m-bradcrumb {
        margin: 0 auto 50px;
        max-width: 90%;
    }
    ul.main > li > a {
        font-size: 16px;
        padding: 5px 12px !important;
    }
}
@media screen and (max-width: 1260px) {
    header > .inner .menutoggle {
        display: block;
        float: left; 
        font-size: 30px;
        line-height: 85px;
        height: 85px;
        width: 85px;
        text-align: center;
        cursor: pointer;
    }
    header > .inner .menutoggle:before {
        line-height: 85px;
    }
    ul.main {
        z-index: 30;
        display: block;
        position: absolute;
        width: 100%;
        top: 85px;
        left: 0;
        background-color: #FFF;
        margin: 0;
        background-image: url('../../typo3conf/ext/stoebich/Resources/Public/img/raster.png');
        background-repeat: repeat;
        padding: 0;
        -moz-box-shadow: 0 10px 10px rgba(87, 87, 87, 0.5);
        -webkit-box-shadow: 0 10px 10px rgba(87, 87, 87, 0.5);
        box-shadow: 0 10px 10px rgba(87, 87, 87, 0.5);
        overflow-y: scroll;
        overflow-x: hidden;
        bottom: 0;
        -webkit-transition: padding 1s; /* Safari */
    	transition: padding 1s;
    }
    ul.main.open{
    	padding: 50px 0px 40px;
    	-webkit-transition: padding 1s; /* Safari */
    	transition: padding 1s;
    }
    ul.main li {
        font-size: 20px;
        float: none;
        height: auto !important;
        line-height: 30px !important;
        width: 90% !important;
        margin: 0 auto 10px !important;
    }
    ul.main li > a {
        font-size: 16px;
        line-height: 20px !important;
        padding: 5px 10px !important;
        background-color: #FFF;
        float: none;
        width: auto;
        display: block;
        position: relative;
    }
    ul.main li.hassub > a {
        margin-right: 40px;
    }
    ul.main li.hassub > span {
        height: 30px !important;
        line-height: 28px !important;
        width: 40px !important;
        display: block;
        text-align: center;
        color: #464646;
        font-size: 25px;
        float: right;
        background-color: #FFF;
        cursor: pointer;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }
    ul.main li.hassub > span::before {
	    background: #fff url('../../typo3conf/ext/stoebich/Resources/Public/img/raster.png') repeat scroll 0 0;
	    content: "";
	    display: block;
	    float: left;
	    height: 40px;
	    width: 9px;
	}
    
    
    ul.main li.hassub > span:hover {
        background-color: #f0f0f0;
    }
    ul.main > li ul {
        overflow: hidden;
        position: absolute;
        background-color: #fff;
        list-style: none;
        background-image: url('../../typo3conf/ext/stoebich/Resources/Public/img/raster.png');
        width: 100% !important;
        box-sizing: border-box;
        z-index: 1;
        min-height: 100% !important;
        left: 100% !important;
        display: block;
        padding: 50px 0 40px !important;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;
        top: 0 !important;
        box-shadow: none;
    }
    ul.main > li ul.active {
        left: 0% !important;
        box-shadow: 0px 10px 10px rgba(87, 87, 87, 0.5);
    }
    ul.main > li ul:before{
        box-shadow: none;
    }
    ul.main > li ul > li.back {
        padding: 0;
        margin: 0;
        display: block;
        height: 30px;
        width: 30px !important;
        line-height: 28px;
        text-align: center;
        color: #464646;
        font-size: 25px;
        background-color: #FFF;
        cursor: pointer;
        position: absolute;
        left: 5%;
        top: 10px !important;
    }
    ul.main > li > ul > li > ul li {
        float: none;
    }
    ul.main > li ul > li {
        padding: 0;
        min-height: 0;
    }
    ul.main > li > ul > li > ul.active li {
        padding: 0;
    }
    ul.main > li ul > li a {
        font-weight: 400;
    }
    ul.main > li ul > li.hassub > a {
        margin-right: 40px;
    }
    ul.main > li ul > li div.ce-menu {
        display: none !important;
    }

}

@media screen and (min-width: 1261px) {
    ul.main {
        display: block !important;
    }
}
@media screen and (max-width: 750px) {
    header > .inner .menutoggle {
        float: right; 
    }
    ul.m-lang {
        right: 5%;
        top: 90px;
        width: 42.5%;
        background-color: #FFF;
    }
    ul.m-lang:hover > li {
        display: none;
    }
    ul.m-lang > li:first-child {
        height: auto;
        line-height: 20px;
        font-size: 15px;
        padding: 5px 10px;
        text-align: left;
        display: block;
    }
    ul.m-lang > li:first-child:before {
        content: 'Language: ';
        display: inline;
        text-transform: none;
    }
    /*ul.m-lang > li:first-child:after {
        content: '›';
        display: block;
        line-height: 20px;
        float: right;
        font-size: 25px;
        line-height: 15px;
        font-weight: 400;
    }
    /*ul.m-lang > select {
        display: block;
        border: none;
        padding: 0;
        margin: 0;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        position: absolute;
        z-index: 5;
        width: 100%;
        opacity: 0.01;
    }*/
    ul.main {
        padding: 0 0 40px;
        top: 225px;
    }
    ul.main > li ul {
        padding: 40px 0 40px !important;
    }
    ul.main > li ul > li.back {
        top: 0px !important;
    }
}
/**
 * 	
 */
ul.m-pagination{
	list-style: none;
	float: right;
}
ul.m-pagination li{
	float: left;
	width: 25px;
	height: 25px;
	margin-left: 5px;
	background-color:#f7f7f7;
	text-align: center;
	border:1px solid #DBDBDB;
}
/**
 * 	
 */
.m-breadcrumb{
	margin: 0 auto;
    max-width: 1240px;
    padding: 0 180px;
    position: relative;
    list-style: none;
    
    padding-bottom: 10px;
    margin-bottom: 25px;
}
.m-breadcrumb ul{
    list-style: none;
    border-bottom: 1px solid #d7d7d7;
}
.m-breadcrumb:after,
.m-breadcrumb ul:after{
	display:block;
	content:"";
	clear: left;	
}
.m-breadcrumb li{
	float: left;
	color:#979797;
	font-size: 14px;
	font-weight: 300;
	font-style: italic;
}
.m-breadcrumb li:first-child{
	padding-left: 0;
}
.m-breadcrumb li:before{
	content: ">";
	color:#c6c6c6;
	font-size: 14px;
	font-weight: 300;
	font-style: italic;
	padding-left: 5px;
	padding-right: 5px;
}
.m-breadcrumb li:first-child:before{
	display: none;
}
.m-breadcrumb li a{
	color:#c6c6c6;
	font-size: 14px;
	font-weight: 300;
	font-style: italic;
}
@media screen and (max-width: 1380px) {
    .m-breadcrumb{
        padding: 0;
        max-width: 90%;
        padding-bottom: 10px;
    }
}
.row .inner{
	padding: 50px 180px;
    max-width: 1260px;
    background-image: url('../../typo3conf/ext/stoebich/Resources/Public/img/raster.png');
}
.row .inner:after{
	content:"";
	display: block;
	clear:both;
}
.row .inner .column-50{
	width: 50%;
	box-sizing: border-box;
	padding-left: 10px;
	float: left;
}
.row .inner .column-50:first-child{
	padding-left: 0;
	padding-right: 10px;
}
.f-search{
	height: 0px;
	position: relative;
    z-index: 1;
    width: 120px;
    height: 52px;
}
form.f-search > .search{
	position: absolute;
	height: 50px;
	border-top: 2px solid #e6e6e6;
	background-color: #f7f7f7;
	bottom: -52px;
	display: none;
	padding-left: 10px;
	padding-right: 10px;
	width: 160px;
}

.f-search:hover .search,
.f-search > .search:hover,
.f-search > .icon-search:hover + .f-search > .search,
.f-search.act .search{
	display: block;
}
.f-search > p{
	margin: 0;
}
.f-search > .icon-search{
	width: 24px;
	height: 24px;
	position: absolute;
	left: 75px;
	margin-top: 17px;
}
.f-search > .icon-search input{
	position: absolute;
	top:0px;
	left:0px;
	opacity: 0.01;
	cursor: pointer;
}
.f-search > .icon-search:before{
	color:#979797;
	font-size: 23px;
	-ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}
.f-search > .search input{
	border:none;
	border-bottom:1px solid #464646;
	background-color: #f7f7f7;
	text-align: right;
	width: 100%;
	font-size: 16px;
	padding: 5px;
	margin-top: 10px;
	padding-bottom: 8px;
}

@media screen and (max-width: 750px) {
    .f-search{
        height: 40px !important;
        position: relative;
        z-index: 1;
        width: auto;
        border-bottom: 1px solid #979797;
        margin: 30px 5% 0;
        width: calc(90% - 40px);
    }
    form.f-search > .search{
        padding: 0;
        width: auto;
        float: none;
        box-sizing: content-box;
        display: block;
        height: auto;
        position: relative;
        background-color: transparent;
        border: none;
        margin-right: 31px;
        bottom: auto;
    }
    .f-search > .search input{
        border: none;
        background-color: transparent;
        text-align: left;
        width: 100%;
        font-size: 16px;
        padding: 10px 5px;
        margin-top: 0;
        box-sizing: border-box;
    }
    .f-search > .icon-search{
        width: 30px;
        height: 31px;
        padding: 0;
        padding-top: 9px;
        margin: 0;
        float: right;
        position: relative;
        left: auto;
        display: block;
        overflow: hidden;
    }
    .f-search > .icon-search input{
        position: absolute;
        top:0px;
        left:0px;
        opacity: 0.01;
        cursor: pointer;
        border: none;
        padding: 0;
        margin: 0;
        height: 40px;
        width: 30px;
    }
    .f-search > .icon-search:before{
        color:#979797;
        font-size: 23px;
        -ms-transform: rotate(90deg); /* IE 9 */
        -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
        transform: rotate(90deg);
    }
}

input, button, .f-button, select {
    -webkit-appearance: none;
    -moz-appearance:    none;
    appearance:         none;
    border-radius: 0;
}
.f-button,
button:disabled,
button[disabled]{
	background-color: #ccc;
	color:#3a3a3a;
	min-width: 130px;
	text-align: center;
	display: inline-block;
	line-height: 22px;
    border: 2px solid #3a3a3a;
    font-style: italic;
    outline: 2px solid #464646;
    cursor: pointer;
    border: none;
    outline: none;
    padding: 4px;
}
.f-button:hover{
	color:#fff;
	background-color: #3a3a3a;
}
/**
 *
 */
.f-zipsearch{
	padding: 50px 85px;
	background-color: #f7f7f7;
}
.f-zipsearch input[type="text"]{
	background: none;
	border:none;
	border-bottom: 1px solid #464646;
	height: 30px;
	line-height: 30px;
	color:#979797;
	font-style: italic;
    font-weight: 300;
    font-size: 16px;
    width: 100%;
}
.f-zipsearch input[type="submit"]{
	border:none;
	background-color: #464646;
	color:#fff;
	min-width: 142px;
	text-align: center;
	display: block;
    float: none;
	line-height: 22px;
	width: 98%;
	font-weight: 300;
    font-style: italic;
    font-size: 14px;
    margin: 2px;
    border: 2px solid #3a3a3a;
    outline: 2px solid #464646;
    cursor: pointer;
}
.f-zipsearch select{
	width: 100%;
}



/* Selectbox */

.selectwrapper {
    width: 100%;
    margin: 0 auto 5px;
    height: 30px;
    border-bottom: 1px solid #464646;
    overflow: hidden;
    background-image: url('../../typo3conf/ext/stoebich/Resources/Public/img/arrowdown.png');
    background-position: right center;
    background-repeat: no-repeat;
}
.selectwrapper select {
    margin: 0;
    width: 110%;
    box-sizing: content-box;
    height: 30px;
    border: none;
    padding: 0 10px 0 10px;
    outline: none;
    display: block;
    background-color: transparent;
}
/****/

.f-contactperson {
    display: none;
    margin: 0;
    overflow: hidden;
}
.f-contactperson input[type="text"] {
	border: none;
	border-bottom: 1px solid #464646;
	text-align: left;
	width: 100%;
	font-size: 16px;
	padding: 5px;
	margin-bottom: 10px;
	padding-bottom: 8px;
    background-color: transparent;
    box-sizing: border-box;
}
.f-contactperson input[type="submit"] {
	background-color: #464646;
	color:#fff;
	min-width: 142px;
	text-align: center;
	display: inline-block;
	line-height: 22px;
    border: 2px solid #3a3a3a;
    font-style: italic;
    outline: 2px solid #464646;
    margin: 2px;
    cursor: pointer;
}


/*** Search results ***/
.ce-search {
    margin: 0 0 10px;
    padding: 20px 0 0;
}
.ce-search > form {
    overflow: hidden;
    display: block;
}
.ce-search > form input[type="text"] {
	border: none;
	border-bottom: 1px solid #464646;
	text-align: left;
	width: 200px;
	font-size: 16px;
    line-height: 18px;
	padding: 5px;
	margin-bottom: 10px;
	padding-bottom: 8px;
    background-color: #f7f7f7;
    box-sizing: border-box;
    float: left;
    display: block;
    margin-right: 10px;
}
.ce-search > form input[type="submit"] {
	background-color: #464646;
	color:#fff;
    width: auto;
    float: left;
	min-width: 142px;
	text-align: center;
	display: block;
	line-height: 22px;
    border: 2px solid #3a3a3a;
    font-style: italic;
    outline: 2px solid #464646;
    margin: 2px;
    cursor: pointer;
}
.checkbox input {
	border: 1px solid #373737;
    float: left;
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    -webkit-appearance: checkbox;
}
.checkbox {
    margin: 10px auto;
    font-size: 0.75em;
    max-width: 300px;
}
.checkbox span {
    width: 90%;
    margin-left: 5px;
    display: inline-block;
}

































body{
	overflow-x: hidden;
}
.clear {
    clear: both;
}
/**
 * 	Header
 */
body > header {
	z-index: 11;
	position: fixed;
	width: 100%;
	background-color: #fff;
	top:0;
    height: 85px;
    -webkit-transition: height 1s ease;
    -moz-transition: height 1s ease;
    -o-transition: height 1s ease;
    transition: height 1s ease;
}
body > header > .inner {
	position: relative;
	max-width: 1240px;
	margin: 0 auto;
	padding-left: 180px;
	padding-right: 180px;
    z-index: 10;
    height: 100%;
}
@media all and (max-width: 1260px) {
    body > header.open {
        height: 100%;
    }
}

body > header .inner:after{
	content:"";
	display: block;
	clear:both;
}
body > header .inner .logo{
	float: left;
    font-size: 45px;
    left: 10px;
    position: absolute;
    top: 12px;
    color: #E2001A;
}
body:after{
	-moz-box-shadow: 0 5px 17px rgba(87, 87, 87, 0.5);
	-webkit-box-shadow: 0 5px 17px rgba(87, 87, 87, 0.5);
	box-shadow: 0 5px 17px rgba(87, 87, 87, 0.5);
    content: "";
    height: 85px;
    left: -10%;
    position: fixed;
    width: 120%;
    top: 0;
    z-index: 1;
}
@media screen and (max-width: 750px) {
    body > header > .inner{
        padding-right: 0;
        overflow: hidden;
    }
}
/**
 */
body > .main{
	padding-top: 85px;
    /*z-index: 1;*/
    /*position: relative;*/
}
body > .main a{
    color: #656565;
}
body > .main.videoplay {
    position: static;
}
/**
 */
.st-action{
	position: absolute;
	right: 0;
	width: 180px;
	top:0px;
	height: 52px;
	padding-top: 33px;
}
@media screen and (max-width: 750px){
    .st-action {
        display: block;
        height: auto;
        padding: 0;
        width: 100%;
        position: absolute;
        height: 140px;
        overflow: hidden;
        top: 85px;
        left: 0;
        right: 0;
        background-color: #fff;
        background-image: url('../../typo3conf/ext/stoebich/Resources/Public/img/raster.png');
        z-index: 10;
    }
}
/**
 * 	Footer
 */
body > footer{
	max-width: 1240px;
	margin:  0 auto;
	padding: 50px 180px 30px;
}
body > footer:after{
	content:"";
	display: block;
	clear:both;
}
body > footer ul{
	list-style: none;
}
body > footer > ul:first-child{
	border-top:1px solid #464646;
	margin-bottom: 50px;
}
body > footer ul a{
	text-decoration: none;
	font-size: 18px;
    font-weight: 300;
}
body > footer ul a i{
	font-size: 20px;
}
body > footer ul:first-child ul{
	float: left;
	width: 33.3333%;
	box-sizing: border-box;
}
body > footer ul:first-child ul li{
	height: 31px;
	line-height: 31px;
	margin-top: 18px;
	padding-left: 10px;
	border-bottom: 1px solid #464646;
}
body > footer ul:first-child li:nth-child(1) ul{
	padding-right: 10px;
}
body > footer ul:first-child li:nth-child(2) ul{
	padding-left: 10px;
	padding-right: 10px;
}
body > footer ul:first-child li:nth-child(3) ul{
	padding-left: 10px;
}
body > footer ul:first-child:after{
	content:"";
	display: block;
	clear:both;
}
body > footer ul.social{
	float: right;
}
body > footer ul.social li{
	float: left;
	margin-left: 25px;
}
body > footer h6{
	float: left;
	font-style: italic;
    font-weight: 300;
    font-size: 16px;
    margin: 0;
    margin-top: 6px;
}

@media screen and (max-width: 1380px) {
    body > footer{
        max-width: 90%;
        padding: 50px 0 30px;
    }
}
@media screen and (max-width: 750px) {
    body > footer ul:first-child ul{
        width: 50%;
    }
    body > footer ul:first-child li:first-child {
        display: none;
    }
}
@media screen and (max-width: 450px) {
    body > footer ul:first-child ul{
        width: 100%;
    }
}
/**
 * Bildbeschreibung
 */
[class*="ce-"] .img,
[class*="ce-"] .demoimage{
    position: relative;
}
[class*="ce-"] .img:after,
[class*="ce-"] .demoimage:after{
    content: "";
    display: block;
    clear: both;
}
[class*="ce-"] .img .lightbox + .info{
    cursor: pointer;
}
/** box */
[class*="ce-"] .img div.info,
[class*="ce-"] .demoimage div.info{
    width: 100%;
    height: 100%;
    position: absolute;
    top:0;
    left:0;
    overflow: hidden;
    z-index: 1;
}
[class*="ce-"] .img:hover div.info,
[class*="ce-"] .img div.info.open,
[class*="ce-"] .demoimage:hover div.info,
[class*="ce-"] .demoimage div.info.open{
    top:0;
}
[class*="ce-"] .img div.info p,
[class*="ce-"] .demoimage div.info p {
    background-color: rgba(255, 255, 255, 0.8);
    box-sizing: border-box;
    margin: 0;
    overflow: hidden;
    padding: .5rem 1rem;
    position: absolute;
    bottom: -25%;
    opacity: 0;
    width: 100%;
    transition: opacity 0.5s ease .0s, bottom 1s ease 0s;
    border: 1px solid #D7D7D7;
}
[class*="ce-"] .img:hover div.info p,
[class*="ce-"] .img div.info.open p,
[class*="ce-"] .demoimage:hover div.info p,
[class*="ce-"] .demoimage div.info.open p{
    opacity: 1;
    bottom: 0;
    transition: opacity 1s ease .5s, bottom 1s ease 0s;
}
/** Info Icon */
[class*="ce-"] .img div.info + div.icon-info:before,
[class*="ce-"] .demoimage div.info + div.icon-info:before{
    background: #e2001a none repeat scroll 0 0;
    border: 0 solid #e2001a;
    border-radius: 50%;
    bottom: 10px;
    color: #fff;
    cursor: pointer;
    height: 25px;
    line-height: 25px;
    position: absolute;
    right: 10px;
    text-align: center;
    width: 25px;
    z-index: 2;
    top: -30px;
}
[class*="ce-"] .img div.info.open + div.icon-info:before,
[class*="ce-"] .demoimage div.info.open + div.icon-info:before{
    content: '\e806';
}
/** Sonder */
.ce-productversion .img div.info + div.icon-info:before{
    top: -39px;
    right: 0;
}
.ce-productversion .img div.info p,
.collapsecontent .img div.info p{
    background-color: rgba(255, 255, 255, 1);
}

.demoimage-legend {
    width: 50%;
    float: left;
}

span.circle {
    border: 1px solid;
    border-radius: 100%;
    width: 20px;
	background-color: #ffffff;
    height: 20px;
    display: inline-block;
    line-height: 1em;
    text-align: center;
    margin: 10px 10px 10px 5px;
}

[class*="ce-"] .demoimage-legend .text {
    position: absolute;
    margin-top: 9px;
	max-width: 45%;
}

/**
 * PopUp
 */
.popupoverlay {
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.85);
    opacity: 0;
    display: none;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    z-index: 150;
    position: fixed;
}
.popupmessage {
    margin: -85px auto auto;
    left: 0;
    right: 0;
    top: 50%;
    width: 350px;
    padding: 30px;
    background-color:#FFF;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    position: absolute;
    text-align: center;
}
.popupmessage p {
    text-align: center;
    font-size: 21px;
    line-height: 23px;
    margin-bottom: 35px;
}
.popupmessage .f-button {
    display: inline-block;
    margin-left: 10px;
}
.popupoverlay.open {
    opacity: 1;
    display: block;
}
@media screen and (max-width: 430px) {
    .popupmessage {
        margin: -100px auto auto;
        width: auto;
    }
}
@media screen and (max-width: 380px) {
    .popupmessage .f-button {
        display: block;
        width: auto;
        text-align: center;
        margin: 0 0 10px;
    }

}
/**
 */
#swipebox-bottom-bar > .info{
    box-sizing: border-box;
    /*display: flex;*/
    flex-direction: column;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    text-shadow: none;
}
#swipebox-bottom-bar > .info .inner{
    max-width: 680px;;
    margin: 0 auto;
}
#swipebox-arrows{
    max-width: 800px;
    position: relative;
    width: 92%;
    z-index: 2;
}














/*! Swipebox v1.3.0 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox */html.swipebox-html.swipebox-touch{overflow:hidden!important}#swipebox-overlay img{border:none!important}#swipebox-overlay{width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999!important;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#swipebox-container{position:relative;width:100%;height:100%}#swipebox-slider{-webkit-transition:-webkit-transform .4s ease;transition:transform .4s ease;height:100%;left:0;top:0;width:100%;white-space:nowrap;position:absolute;display:none;cursor:pointer}#swipebox-slider .slide{height:100%;width:100%;line-height:1px;text-align:center;display:inline-block}#swipebox-slider .slide:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}#swipebox-slider .slide .swipebox-inline-container,#swipebox-slider .slide .swipebox-video-container,#swipebox-slider .slide img{display:inline-block;max-height:100%;max-width:100%;margin:0;padding:0;width:auto;height:auto;vertical-align:middle}#swipebox-slider .slide .swipebox-video-container{background:0 0;max-width:1140px;max-height:100%;width:100%;padding:5%;-webkit-box-sizing:border-box;box-sizing:border-box}#swipebox-slider .slide .swipebox-video-container .swipebox-video{width:100%;height:0;padding-bottom:56.25%;overflow:hidden;position:relative}#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe{width:100%!important;height:100%!important;position:absolute;top:0;left:0}#swipebox-slider .slide-loading{background:url('../../typo3conf/ext/stoebich/Resources/Public/plugin/swipebox/src/img/loader.gif') center center no-repeat}#swipebox-bottom-bar,#swipebox-top-bar{-webkit-transition:.5s;transition:.5s;position:absolute;left:0;z-index:999;height:50px;width:100%}#swipebox-bottom-bar{bottom:-50px}#swipebox-bottom-bar.visible-bars{-webkit-transform:translate3d(0,-50px,0);transform:translate3d(0,-50px,0)}#swipebox-top-bar{top:-50px}#swipebox-top-bar.visible-bars{-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)}#swipebox-title{display:block;width:100%;text-align:center}#swipebox-close,#swipebox-next,#swipebox-prev{background-image:url('../../typo3conf/ext/stoebich/Resources/Public/plugin/swipebox/src/img/icons.png');background-repeat:no-repeat;border:none!important;text-decoration:none!important;cursor:pointer;width:50px;height:50px;top:0}#swipebox-arrows{display:block;margin:0 auto;width:100%;height:50px}#swipebox-prev{background-position:-32px 13px;float:left}#swipebox-next{background-position:-78px 13px;float:right}#swipebox-close{top:0;right:0;position:absolute;z-index:9999;background-position:15px 12px}.swipebox-no-close-button #swipebox-close{display:none}#swipebox-next.disabled,#swipebox-prev.disabled{opacity:.3}.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider{-webkit-animation:rightSpring .3s;animation:rightSpring .3s}.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider{-webkit-animation:leftSpring .3s;animation:leftSpring .3s}.swipebox-touch #swipebox-container:after,.swipebox-touch #swipebox-container:before{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .3s ease;transition:all .3s ease;content:' ';position:absolute;z-index:999;top:0;height:100%;width:20px;opacity:0}.swipebox-touch #swipebox-container:before{left:0;-webkit-box-shadow:inset 10px 0 10px -8px #656565;box-shadow:inset 10px 0 10px -8px #656565}.swipebox-touch #swipebox-container:after{right:0;-webkit-box-shadow:inset -10px 0 10px -8px #656565;box-shadow:inset -10px 0 10px -8px #656565}.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before,.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after{opacity:1}@-webkit-keyframes rightSpring{0%{left:0}50%{left:-30px}100%{left:0}}@keyframes rightSpring{0%{left:0}50%{left:-30px}100%{left:0}}@-webkit-keyframes leftSpring{0%{left:0}50%{left:30px}100%{left:0}}@keyframes leftSpring{0%{left:0}50%{left:30px}100%{left:0}}@media screen and (min-width:800px){#swipebox-close{right:10px}#swipebox-arrows{width:92%;max-width:800px}}#swipebox-overlay{background:#0d0d0d}#swipebox-bottom-bar,#swipebox-top-bar{text-shadow:1px 1px 1px #000;background:#000;opacity:.95}#swipebox-top-bar{color:#fff!important;font-size:15px;line-height:43px;font-family:Helvetica,Arial,sans-serif}
#swipebox-overlay {
    background: rgba(0,0,0,0.6);
    width: 100% !important;
}
#swipebox-slider {
    cursor: default;
}
#swipebox-slider .slide img {
    max-height: 80%;
    max-width: 90%;
    padding: 25px;
    background-color: #FFF;
    box-sizing: border-box;
}
#swipebox-title {
    line-height: 20px;
    padding: 10px 40px 10px 0;
    width: auto;
    text-shadow: none;
}
#swipebox-top-bar, #swipebox-bottom-bar {
    background: #FFF;
    opacity: 1;
    display: block !important;
}
#swipebox-top-bar {
    height: auto;
    min-height: 50px;
    top: -50px !important;
    transform: translate3d(0,50px,0) !important;
}
#swipebox-bottom-bar {
    bottom: -50px !important;
    transform: translate3d(0,-50px,0) !important;
}
#swipebox-slider .slide img[src$=".svg"] {
    height: 65%;
    max-height: none;
}
/**
 */
.a-backtolist {
    list-style: outside none none;
    max-width: 1240px;
    padding: 0 180px 0;
    position: relative;
    text-align: right;
    margin: 0 auto;
}
.a-backtolist  > a {
    float: right;
}
@media screen and (max-width: 1380px) {
    .a-backtolist {
        max-width: 90%;
        padding: 0 0 0;
    }
}
/**
 */
.ce-productfinder {
	float: right;
	background-color: #e2001a;
	width: 120px;
	height: 70px;
	color:#fff;
	text-align: center;
	position: relative;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 15px;
	z-index: 100;
	cursor: pointer;
}
.ce-productfinder:after {
	background-image: url('../../typo3conf/ext/stoebich/Resources/Public/img/ce-productfinder/pfeil.png');
	content: " ";
	position: absolute;
	width: 60px;
	height: 30px;
	bottom: -29px;
	left:100px;
	margin-left: -30px;
}
.ce-productfinder > a{
	font-style: normal;
    font-weight: 700;
    font-size: 20px;
    text-transform: uppercase;
}
.ce-productfinder > a:hover{
	color:#fff;
}
@media screen and (max-width: 750px) {
    .ce-productfinder{
        position: absolute;
        top: 175px;
        left: 5%;
        width: 42.5%;
        line-height: 20px;
        height: auto;
        text-align: center;
        padding: 0;
        z-index: 20;
        -webkit-transition: opacity 0.45s cubic-bezier(1, 0, 1, 0);
        -moz-transition: opacity 0.45s cubic-bezier(1, 0, 1, 0);
        -o-transition: opacity 0.45s cubic-bezier(1, 0, 1, 0);
        transition: opacity 0.45s cubic-bezier(1, 0, 1, 0);
    }
    .ce-productfinder > a{
        font-size: 14px;
        line-height: 20px;
        padding: 5px 0;
        display: block;
    }
    .ce-productfinder:after {
        display: none;
    }
}
.ce-productfindercon {
    display: none;
    position: fixed;
    top: 0;
    width: 100%;
    background-image: url('../../typo3conf/ext/stoebich/Resources/Public/img/raster.png');
    background-color: #f7f7f7;
    box-shadow: 0 20px 20px rgba(0, 0, 0, 0.5);
    padding: 100px 0 50px;
    z-index: 2;
    max-height: 100%;
    overflow-y: auto;
    box-sizing: border-box;
}
.ce-productfindercon > .inner{
	margin: 0 auto;
    max-width: 1240px;
    padding: 0 180px;
}
.ce-productfindercon > .inner > h1 {
    font-weight: 800;
    font-size: 50px;
    color: #464646;
    line-height: 60px;
    margin: 0 0 10px;
}
.ce-productfindercon h3 {
    font-weight: 300;
}
.ce-productfindercon h3 > b {
    font-weight: 800;
}
.ce-productfindercon > .inner > .close {
    float: right;
    height: 30px;
    width: 30px;
    margin: 25px 85px 25px 0;
    display: none;
}
.ce-productfindercon .close:before {
    text-align: center;
    line-height: 30px;
    color: #464646;
    font-size: 32px;
    margin: 0;
}

.ce-productfindercon .closefinder {
    display: none;
}
.ce-productfindercon .entry-wrapper {
    clear: both;
    width: 100%;
    margin-bottom: 100px;
    position: relative;
}
.ce-productfindercon .entry-wrapper > div.choose {
    width: 32.4%;
    margin-left: 1.4%;
    background-color: #FFF;
    padding: 20px;
    float: left;
    box-sizing: border-box;
}
.ce-productfindercon .entry-wrapper > div.choose * {
    position: relative;
}
.ce-productfindercon .entry-wrapper > div.choose:before {
    content: "";
    display: block;
    position: absolute;
    width: 32.4%;
    height: 100%;
    top: 0;
    background-color: #FFF;
    z-index: -5;
    margin-left: -20px;
    bottom: 0;
}
.ce-productfindercon .entry-wrapper > div.choose:first-child {
    margin-left: 0;
}
.ce-productfindercon .entry-wrapper > div.choose > img{
	display: block;
    height: auto;
    margin-bottom: -20px;
    margin-left: -20px;
    margin-top: -20px;
    position: relative;
    width: calc(100% + 40px);
}

/********************************* if productfinder is missing *********************************/

.ce-productfindercon .entry-wrapper > div.choose:first-child {
    background-color: transparent;
}
.ce-productfindercon .entry-wrapper > div.choose:first-child * {
    display: none;
}
.ce-productfindercon .entry-wrapper > div.choose:first-child:before {
    background-image: url('../../typo3conf/ext/stoebich/Resources/Public/img/ce-productfinder/finderkomfort.jpg');
    background-position: center center;
    background-size: cover;
}

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

.ce-productfindercon .entry-wrapper > div.choose .f-button {
    margin-top: 50px;
}
.ce-productfindercon .entry-wrapper > div.choose .selectwrapper {
    width: 75%;
    margin: 5px auto;
}
.ce-productfindercon .entry-wrapper > div.choose .f-productsearch {
    position: relative;
    width: 75%;
    margin: 50px auto 0;
}
.ce-productfindercon .entry-wrapper > div.choose input[type="search"],
.ce-productfindercon .entry-wrapper > div.choose #productsearchfield {
    width: 100%;
    margin: 0;
    height: 30px;
    line-height: 30px;
    border: none;
    outline: none;
    display: block;
    background: #f7f7f7;
    border-bottom: 1px solid #464646;
    padding: 0 10px;
    box-sizing: border-box;
}
.ce-productfindercon .entry-wrapper > div.choose #productsearchsuggestion {
    position: absolute;
    width: 100%;
    top: 0;
    margin: 31px 0 auto;
}
.ce-productfindercon .entry-wrapper > div.choose #productsearchsuggestion a {
    display: block;
    border-top: 2px solid #c6c6c6;
    background-color: #d7d7d7;
    line-height: 20px;
    padding: 5px 10px;
    color: #464646;
    display: none;
    cursor: pointer;
}
.ce-productfindercon .entry-wrapper > div.choose #productsearchsuggestion a.show {
    display: block;
}
.ce-productfindercon .entry-wrapper > div.choose #productsearchsuggestion a span {
    color: #e2001a;
}




.ce-productfindercon .progressbar {
    width: 100%;
    height: 40px;
    position: relative;
    margin: 0;
    display: none;
    clear: both;
}
.ce-productfindercon .progressbar > div {
    height: 8px;
    background-color: #f7f7f7;
    position: absolute;
    width: 99%;
    margin: 16px auto 0;
    left: 0;
    right: 0;
}
.ce-productfindercon .progressbar > div > div {
    width: 50%;
    float: left;
    height: 9px;
    background-color: #464646;
}
.ce-productfindercon .progressbar > div > a {
    float: left;
    display: block;
    background-color: #464646;
    color: #FFF;
    margin: -11px auto auto -40px;
    padding: 0 15px 0 10px;
    font-size: 22px;
    line-height: 28px;
    height: 30px;
    width: 55px;
}
.ce-productfindercon .progressbar > div > a i {
    margin-left: 10px;
    color: #FFF;
    font-size: 14px;
    line-height: 30px;
    float: right;
    display: block;
}
.ce-productfindercon .progressbar.state-firststep > div > div,
.ce-productfindercon .progressbar.state-firststep > div > a {
    display: none;
}
.ce-productfindercon .progressbar > a {
    z-index: 5;
    position: relative;
    display: none;
    float: right;
    border: 4px solid #464646;
    background-color: #f7f7f7;
    height: 32px;
    width: 32px;
    line-height: 32px;
    text-align: center;
    color: #464646;
    font-weight: 600;
    font-size: 15px;
    border-radius: 50%;
}
.ce-productfindercon .progressbar > a.done, .ce-productfindercon .progressbar > a.current  {
    display: block;
}
.ce-productfindercon .progressbar > a.done  {
    color: #FFF;
    background-color: #464646;
    margin-right: 10px;
    float: left;
}
.ce-productfindercon .progressbar > a:first-child  {
    display: none;
}
.ce-productfindercon .progressbar.state-firststep > a:first-child  {
    color: #464646;
    font-size: 20px;
    border-color: #f7f7f7;
    background-color: #f7f7f7;
    float: left;
    margin-right: 10px;
    display: block;
}


.ce-productfindercon .answer-wrapper {
    clear: both;
    width: 100%;
    display: none;
    padding-top: 25px;
    padding-bottom: 100px;
}
.ce-productfindercon .answer-wrapper h3 {
    margin-top: 0;
}
.ce-productfindercon .answer-wrapper > div {
    display: none;
}
.ce-productfindercon .answer-wrapper .choose {
    width: 15.5%;
    margin-left: 1.4%;
    float: left;
    position: relative;
}
.ce-productfindercon .answer-wrapper .choose:first-child {
    margin-left: 0;
}
.ce-productfindercon .answer-wrapper form > div {
    margin-bottom: 20px;
}
.ce-productfindercon .answer-wrapper form > div:first-child {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
.ce-productfindercon .answer-wrapper form > div:first-child .choose {
    width: auto;
}
.ce-productfindercon .answer-wrapper .choose img {
    width: 100%;
    height: auto;
    z-index: 5;
    position: relative;
    display: block;
}
.ce-productfindercon .answer-wrapper .choose input {
    height: 1px;
    width: 1px;
    border: none;
    outline: none;
    opacity: 0.01;
    position: absolute;
}
.ce-productfindercon .answer-wrapper .choose label {
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    height: 40px;
    background-color: #FFF;
    z-index: 7;
    cursor: pointer;
    text-align: center;
}
.ce-productfindercon .answer-wrapper .choose label:before {
    content: '\e807';
    font-family: 'fontello';
    line-height: 40px;
    text-align: center;
    color: #464646;
    font-size: 15px;
    display: inline-block;
    width: 12px;
    text-align: left;
}
.ce-productfindercon .answer-wrapper .choose input:checked + label:before {
    content: '\e808';
    font-family: 'fontello';
}
.ce-productfindercon .answer-wrapper .choose a.info {
    position: absolute;
    right: 2px;
    width: 32px;
    height: 32px;
    border: 2px solid #c6031a;
    background-color: #e2001a;
    outline: 2px solid #e2001a;
    color: #FFF;
    display: block;
    z-index: 10;
    text-align: center;
    color: #FFF;
    line-height: 32px;
    cursor: pointer;
    margin-top: -38px;
}
.ce-productfindercon .answer-wrapper .choose a.info .icon-info {
    display: block;
    color: #FFF;
    line-height: 32px;
    text-align: center;
    width: 32px;
}
.ce-productfindercon .answer-wrapper .choose a.info .icon-info:before,
.ce-productfindercon .answer-wrapper .choose a.info .icon-cancel:before {
    line-height: 32px;
    font-size: 18px;
}
.ce-productfindercon .answer-wrapper .choose a.info .icon-cancel {
    display: none;
}
.ce-productfindercon .answer-wrapper .choose.info-toggle {
    z-index: 15;
}
.ce-productfindercon .answer-wrapper .choose.info-toggle a.info .icon-info {
    display: none;
}
.ce-productfindercon .answer-wrapper .choose.info-toggle a.info .icon-cancel {
    display: block;
    color: #FFF;
    line-height: 32px;
    text-align: center;
    width: 32px;
}
.ce-productfindercon .answer-wrapper .choose p.infotext {
    position: absolute;
    background-color: #e2001a;
    width: 100%;
    box-sizing: border-box;
    padding: 15px 20px;
    color: #FFF;
    font-size: 14px;
    line-height: 17px;
    display: none;
}
.ce-productfindercon .answer-wrapper .choose p.caption {
    background-color: #d7d7d7;
    color: #464646;
    width: 100%;
    box-sizing: border-box;
    padding: 15px 20px;
    font-size: 14px;
    line-height: 17px;
    margin: 0;
}



@media screen and (max-width: 1380px) {
    .ce-productfindercon > .inner {
        padding: 0;
        max-width: 90%;
    }
}
@media screen and (max-width: 1200px) {
    .ce-productfindercon .answer-wrapper .choose,
    .ce-productfindercon .answer-wrapper .choose:first-child,
    .ce-productfindercon .answer-wrapper form > div:first-child .choose {
        width: 23.6%;
        margin: 0 0.7% 1.4%;
    }
    .ce-productfindercon .answer-wrapper form > div,
    .ce-productfindercon .answer-wrapper form > div:first-child {
        display: block;
        position: static;
    }
    .ce-productfindercon .answer-wrapper form {
        display: block;
        overflow: hidden;
    }
    .ce-productfindercon .answer-wrapper form > div .clear {
        display: none;
    }
    .ce-productfindercon .answer-wrapper form > div {
        margin: 0;
    }
}


@media screen and (max-width: 959px) {
    
    .ce-productfindercon > .inner {
        padding: 0;
        max-width: 90%;
    }
    .ce-productfindercon > .inner > .close {
        margin-right: 0;
    }
    .ce-productfindercon .entry-wrapper > div.choose .selectwrapper {
        width: 100%;
    }
    .ce-productfindercon .entry-wrapper > div.choose .f-productsearch {
        width: 100%;
    }
}

@media screen and (max-width: 900px) {
    .ce-productfindercon .answer-wrapper .choose,
    .ce-productfindercon .answer-wrapper .choose:first-child,
    .ce-productfindercon .answer-wrapper form > div:first-child .choose {
        width: 48.6%;
    }

    .ce-productfindercon > .inner > h1 {
        font-size: 35px;
        float: none;
        margin-right: 35px;
        line-height: 42px;
    }
    .ce-productfindercon > .inner > .close {
        margin-top: 0;
    }
    .ce-productfindercon .entry-wrapper > div.choose {
        width: 100%;
        float: none;
        margin: 0 0 20px;
    }
    
/********************************* if productfinder is missing *********************************/
    .ce-productfindercon .entry-wrapper > div.choose:first-child {
        display: none;
    }
/************************************************************************************************/
    
    .ce-productfindercon .entry-wrapper > div.choose:before {
        display: none;
    }
    .ce-productfindercon .entry-wrapper > div.choose .f-button {
        margin-top: 5px;
    }
    .ce-productfindercon .entry-wrapper > div.choose .f-productsearch {
        margin: 5px auto;
    }

}
@media screen and (max-width: 650px) {
    .ce-productfindercon .closefinder {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 30px;
        background-color: rgba(255, 255, 255, 0.7);
        text-align: center;
        border-top: 2px solid #FFF;
        display: block;
        cursor: pointer;
    }
    .ce-productfindercon .closefinder i {
        display: inline-block;
        height: 30px;
        line-height: 30px;
        font-size: 25px;
    }
    .ce-productfindercon .answer-wrapper .choose,
    .ce-productfindercon .answer-wrapper .choose:first-child,
    .ce-productfindercon .answer-wrapper form > div:first-child .choose {
        width: 100%;
        margin: 0 0 10px;
        float: none;
    }
    .ce-productfindercon .answer-wrapper .choose img {
        display: none;
    }
    .ce-productfindercon .answer-wrapper .choose p.caption {
        padding-right: 50px;
        min-height: 80px;
    }
    .ce-productfindercon .answer-wrapper .choose a.info {
        margin-top: auto;
        bottom: 2px;
    }
    .ce-productfindercon .answer-wrapper .choose.info-toggle img {
        display: block;
    }
    .ce-productfindercon .answer-wrapper .choose.info-toggle p.caption {
        display: none;
    }
    .ce-productfindercon .answer-wrapper .choose.info-toggle a.info {
        margin-top: -38px;
        bottom: auto;
    }
    .ce-productfindercon .answer-wrapper .choose p.infotext {
        position: relative;
    }
    .ce-productfindercon .progressbar > a.done {
        display: none;
    }
    .ce-productfindercon .progressbar > a.last {
        display: block;
    }
}
@media screen and (max-width: 320px) {
    .ce-productfindercon .answer-wrapper .choose, 
    .ce-productfindercon .entry-wrapper > div.choose,
    .ce-productfindercon .entry-wrapper > div.choose:first-child,
    .ce-productfindercon .answer-wrapper .choose:first-child {
        width: auto;
        margin: 0 -20px 20px;
    }
    .ce-productfindercon > .inner {
        padding: 0px 20px;
        max-width: none;
    }
}


.ce-productfindererg {
	margin: 0 auto 50px;
    margin-top: 50px;
    max-width: 1260px;
    padding: 0 180px;
    clear: both;
    overflow: hidden;
}
.ce-productfindererg > .inner {
    width: 66.6666%;
    float: right;
    position: relative;
}
.ce-productfindererg a.toggle-options {
    display: none;
}
.ce-productfindererg div.wrap-options {
	width: 31.93333%;
    margin: 0.7%;
    float: left;
	position: relative;
}
.ce-productfindererg div.wrap-options div.pinBox-wrapper {
    -webkit-transition: height 0.5s ease;
    -moz-transition: height 0.5s ease;
    -o-transition: height 0.5s ease;
    transition: height 0.5s ease;
}
.ce-productfindererg div.options {
	width: 100%;
    margin: 0;
	background-color: #e6e6e6;
    padding: 30px;
    box-sizing: border-box;
}
.ce-productfindererg div.options > a.f-button {
	display: block;
    margin: 0 0 10px;
    line-height: 20px;
    padding: 6px 10px;
    text-align: left;
}
.ce-productfindererg div.options > a.f-button i {
	display: block;
    height: 32px;
    line-height: 32px;
    width: 32px;
    text-align: center;
    background-color: #C6031A;
    float: right;
    margin: -6px -10px auto auto;
}
.ce-productfindererg div.options > a.f-button i:before {
	font-size: 20px;
    color: #FFF;
	display: block;
    height: 32px;
    line-height: 32px;
    width: 32px;
    text-align: center;
    margin: 0;
}
.ce-productfindererg div.options > a.f-button.active {
	outline-color: #e2001a;
    border-color: #c6031a;
    background-color: #e2001a;
}
.ce-productfindererg div.options > a.wishlist-button, .ce-productfindererg div.options > a.contact-button {
    padding: 0 5px !important;
    line-height: 22px !important;
    width: 48% !important;
    margin: 0 1% !important;
    float: left !important;
    text-align: center !important;
    box-sizing: border-box !important;
    margin-bottom: 30px !important;
    min-width: 0 !important;
}
.ce-productfindererg div.options hr {
	margin: 30px 0;
    height: 1px;
    background-color: #FFF;
    clear: both;
    padding: 0;
    width: 100%;
    border: none;
    max-width: none;
}
.ce-productfindererg div.options div.accordion {
	width: 100%;
}
.ce-productfindererg div.options div.accordion > div {
	margin: 0 0 10px;
    position: relative;
}
.ce-productfindererg div.options div.accordion > div h4 {
	font-size: 14px;
    font-weight: 400;
    color: #464646;
    padding: 10px 20px;
    line-height: 20px;
    background-color: #d7d7d7;
    margin: 0 0 2px;
}
.ce-productfindererg div.options div.accordion > div input {
    height: 1px;
    width: 1px;
    border: none;
    outline: none;
    opacity: 0.01;
    position: absolute;
}
.ce-productfindererg div.options div.accordion > div label {
    position: absolute;
    right: 2px;
    top: 2px;
    width: 40px;
    height: 36px;
    background-color: #FFF;
    cursor: pointer;
    text-align: center;
}
.ce-productfindererg div.options div.accordion > div label:before {
    content: '\e807';
    font-family: 'fontello';
    line-height: 36px;
    text-align: center;
    color: #464646;
    font-size: 15px;
    display: inline-block;
    width: 12px;
    text-align: left;
}
.ce-productfindererg div.options div.accordion > div input:checked + label:before {
    content: '\e808';
}
.ce-productfindererg div.options div.accordion > div p {
	font-size: 14px;
    font-weight: 400;
    color: #464646;
    padding: 15px 20px;
    line-height: 20px;
    background-color: #d7d7d7;
    margin: 0;
    display: none;
}
.ce-productfindererg div.options div.accordion > div.open p {
    display: block;
}
.ce-productfindererg > .inner > div {
	width: 47.9%;
    margin: 1.05%;
    float: left;
}
.ce-productfindererg > .inner > div.product {
    background-color: #f7f7f7;
    text-align: right;
}
.ce-productfindererg > .inner > div.product:nth-child(odd){
	clear: left;	
}
.ce-productfindererg > .inner > div.product > .img{
	background-size: cover;
    height: 0;
    padding-bottom: 68%;
    width: 100%;
    margin: 0 0 25px;
}
.ce-productfindererg > .inner > div.product > h4 {
    font-weight: 600;
    font-size: 16px;
    padding: 0 20px;
    text-align: left;
}
.ce-productfindererg > .inner > div.product > p {
    padding: 0 20px;
    text-align: left;
    margin: 0 0 30px;
}
.ce-productfindererg > .inner > div.product > a.f-button {
    margin: 0 20px 20px auto;
}


@media screen and (max-width: 1380px) {
    .ce-productfindererg {
        padding: 0;
        max-width: 90%;
    }
}
@media screen and (max-width: 1024px) {
    .ce-productfindererg > .inner > div {
        width: 97.2%;
        margin: 1.4%;
        float: none;
    }
    .ce-productfindererg > .inner {
        width: 50%;
        float: right;
        position: relative;
    }
    .ce-productfindererg div.wrap-options {
        width: 48.6%;
        margin: 0.7%;
    }
}
@media screen and (max-width: 650px) {
    .ce-productfindererg > .inner > div {
        width: 100%;
        margin: 0 0 20px;
        float: none;
        clear: both;
    }
    .ce-productfindererg > .inner {
        width: 100%;
        float: right;
        position: relative;
    }
    .ce-productfindererg a.toggle-options {
        display: block;
        line-height: 20px;
        padding: 10px 30px;
        font-size: 16px;
        background-color: #E6E6E6;
        margin-bottom: 10px;
        font-weight: 600;
    }
    .ce-productfindererg a.toggle-options i {
        float: right;
        display: block;
    }
    .ce-productfindererg a.toggle-options .icon-up-open {
        display: none;
    }
    .ce-productfindererg a.toggle-options.open .icon-up-open {
        display: block;
    }
    .ce-productfindererg a.toggle-options.open .icon-down-open {
        display: none;
    }
    .ce-productfindererg div.wrap-options {
        width: 100%;
        margin: 0 0 20px;
    }
    .ce-productfindererg .pinBox-wrapper {
        height: auto !important;
    }
    .ce-productfindererg .options {
        display: none;
    }
    .ce-productfindererg .options.open {
        display: block;
    }
}
@media screen and (max-width: 320px) {
    .ce-productfindererg div.options > div.accordion {
        width: auto;
        margin: 0 -20px;
    }
    .ce-productfindererg div.options {
        padding: 30px 20px;
    }
    .ce-productfindererg {
        max-width: none;
    }
}




/**
 * 	
 */
.ce-textblock, .ce-smalltextblock {
    margin: 0 auto 50px;
    overflow: hidden;
    padding: 0 180px;
    max-width: 1240px;
}
.ce-textblock h2, .ce-smalltextblock h2 {
    width: 32.4%;
    float: left;
    margin: 0;
    -moz-hyphens: none;
    -o-hyphens: none;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}
.ce-textblock .text, .ce-smalltextblock .text {
    width: 66.2%;
    float: right;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    margin-top: 8px;
}
.ce-smalltextblock h2 {
    width: 66.2%;
}
.ce-smalltextblock .text {
    width: 32.4%;
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
}

@media screen and (max-width: 1580px) {
    .ce-textblock h2, .ce-smalltextblock h2 {
        font-size: 30px;
        line-height: 40px;
    }
}
@media screen and (max-width: 1380px) {
    .ce-textblock, .ce-smalltextblock {
        padding: 0;
        max-width: 90%;
    }
}
@media screen and (max-width: 1160px) {
    .ce-textblock h2, .ce-smalltextblock h2 {
        width: 49.2%;
        margin-bottom: 20px;
    }
    .ce-textblock .text, .ce-smalltextblock .text {
        width: 49.2%;
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        column-gap: 0;
    }
}
@media screen and (max-width: 750px) {
    .ce-textblock h2, .ce-smalltextblock h2 {
        width: auto;
        float: none;
    }
    .ce-textblock .text, .ce-smalltextblock .text {
        width: auto;
        float: none;
    }
}
@media screen and (max-width: 359px) {
    .ce-textblock, .ce-smalltextblock {
        max-width: 100%;
        float: none;
    }
    .ce-textblock p, .ce-smalltextblock p {
        padding: 0 20px;
    }
}
/**
 */
.ce-logoslider{
	margin-top: 70px;
}
.ce-logoslider ul{
	list-style: none;
}
.ce-logoslider ul li{
	float: left;
	padding-left: 15px;
	padding-right: 15px;
}
.ce-logoslider ul li img{
	display: inline-block;
	padding: 10px;
	background-color: #fff;
	opacity: 0.75;
}
/***/
.ce-productversion {
    max-width: 1240px;
    margin: 0 auto 50px;
    padding: 0 180px;
}
.ce-productversion > div {
    overflow: hidden;
}
.ce-productversion > div > div {
    margin: 0 0.7% 1.4%;
    width: 23.6%;
    float: left;
    background-color: #f7f7f7;
}
.ce-productversion > div > div p {
    text-align: center;
    font-weight: 300;
    line-height: 25px;
    padding: 15px 0;
    margin: 0 20px;
    border-bottom: 1px solid #d7d7d7;
}
.ce-productversion > div > div .img {
    box-sizing: border-box;
    margin: 0 20px 25px;
    padding: 30px 25px 5px;
}
.ce-productversion > div > div .img a {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: block;
    height: 0;
    padding-bottom: 100%;
    width: 100%;
}
@media screen and (max-width: 1380px) {
    .ce-productversion {
        max-width: 90%;
        padding: 0;
    }
}
@media screen and (max-width: 1000px) {
    .ce-productversion > div > div {
        margin: 0 0.7% 1.4% !important;
        width: 48.6%;
        float: left;
    }
}
@media screen and (max-width: 570px) {
    .ce-productversion > div > div {
        margin: 0 0 1.4%;
        width: 100%;
        float: left;
    }
    .ce-productversion > div > div p {
        margin: 0;
    }
}
@media screen and (max-width: 359px) {
    .ce-productversion {
        max-width: 100%;
    }
}
.ce-misccols {
    max-width: 1240px;
    margin: 0 auto 50px;
    padding: 0 180px;
    overflow: hidden;
}
.ce-misccols > div {
    float: left;
    width: 32.4%;
    margin-left: 1.4%;
    text-align: center;
}
.ce-misccols > div:first-child {
    margin-left: 0;
    text-align: left;
}
.ce-misccols > div > img {
    margin: 20px 0;
}
.ce-misccols > div > table {
    width: 100%;
}
.ce-misccols > div > table td, .ce-misccols > div > table th {
    background-color: #f7f7f7;
    padding: 15px 20px;
    line-height: 30px;
    font-size: 16px;
    font-weight: 300;
    color: #464646;
    border-right: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
}
.ce-misccols > div > table th {
    background-color: #d7d7d7;
    font-weight: 600;
}
@media screen and (max-width: 1380px) {
    .ce-misccols {
        max-width: 90%;
        padding: 0;
    }
}
@media screen and (max-width: 1050px) {
    .ce-misccols > div {
        float: left;
        width: 48.6%;
        margin: 0 0.7%;
        text-align: center;
    }
    .ce-misccols > div:first-child {
        float: none;
        width: 100%;
        margin: 0 0 20px;
        overflow: hidden;
    }
}
@media screen and (max-width: 820px) {
    .ce-misccols > div {
        float: none;
        width: 100%;
        margin: 0 0 20px;
        overflow: hidden;
    }
}
@media screen and (max-width: 400px) {
    .ce-misccols div table th {
        display: none;
    }
    .ce-misccols div table td {
        display: block;
        background-color: #f7f7f7;
        line-height: 20px;
        padding: 20px;
        margin: 0;
        border: none;
        border-bottom: 1px solid #FFF;
        text-align: right;
    }
    .ce-misccols div table td:before {
        display: block;
        float: left;
        line-height: 20px;
        font-weight: 600;
        content: attr(data-label);
    }
    .ce-misccols div table td:first-child {
        background-color: #d7d7d7;
        border-bottom: none;
    }
}
@media screen and (max-width: 359px) {
    .ce-misccols {
        max-width: 100%;
    }
    .ce-misccols > div > p {
        padding: 0 20px;
    }
}
.ce-productlist {
	margin: 0 auto;
    max-width: 1240px;
    padding: 0 180px;
    position: relative;
    overflow: hidden;
}
.ce-productlist > .ce-product {
	width: 31.93333%;
    margin: 0 0.7% 1.4%;
    float: left;
    background-color: #f7f7f7;
    text-align: right;
    min-height: 475px;
}
.ce-productlist > .ce-product  > .img {
	overflow: hidden;
    width: 100%;
    height: 300px;
    position: relative;
    margin: 0px 0px 25px;
}
.ce-productlist > .ce-product  > .img img {
	width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    left: calc( 40% + 10% );
    top: calc( 40% + 10% );
    transform: translate(-50%, -50%);
}
.ce-productlist > .ce-product  > h4 {
    font-weight: 600;
    font-size: 16px;
    padding: 0 20px;
    text-align: left;
}
.ce-productlist > .ce-product > p {
    padding: 0 20px;
    text-align: left;
    margin: 0 0 30px;
}
.ce-productlist > .ce-product > a.f-button {
    margin: 0 20px 20px auto;
}
@media screen and (max-width: 1380px) {
    .ce-productlist {
        margin: 0 auto 20px;
        max-width: 90%;
        padding: 0;
    }
}
@media screen and (min-width: 1024px){
    .ce-productlist > .ce-product:nth-child( 3n + 1 ) {
        clear: left;
    }
}
@media screen and (max-width: 1024px) {
    .ce-productlist > .ce-product {
        width: 48.6%;
    }
    .ce-productlist > .ce-product:nth-child( 2n + 1 ) {
        clear: left;
    }
}
@media screen and (max-width: 750px) {
    .ce-productlist > .ce-product {
        min-height: 380px;
    }
    .ce-productlist > .ce-product  > .img {
        height: 200px;
    }
}
@media screen and (max-width: 500px) {
    .ce-productlist > .ce-product {
        width: 100%;
        margin: 0 0 20px;
        float: none;
        clear: both;
        min-height: none;
    }
    .ce-productlist > .ce-product  > .img {
        height: auto;
    }
    .ce-productlist > .ce-product  > .img img {
        position: static;
        left: auto;
        float: left;
        top: auto;
        transform: none;
    }
}
.ce-textimageentity {
	max-width: 1240px;
    margin: 0 auto 50px;
    padding: 0 180px;
}
.ce-textimageentity:after{
	clear: both;
    content: "";
    display: block;
    height: 0;
}
.ce-textimageentity .img{
	float: right;
	width: 33.333%;
	box-sizing: border-box;
	padding-left: 10px;
}
.ce-textimageentity .img p {
	font-size: 12px;
	margin-top: 5px;
}
.ce-textimageentity .img img{
	width: 100%;
	height: auto;
	display: block;
}
.ce-textimageentity .text{
	float: left;
	padding-right: 10px;
	width: 66.6666%;
    box-sizing: border-box;
}
@media screen and (max-width: 1380px) {
    .ce-textimageentity{
        max-width: 90%;
        padding: 0;
    }
}
@media screen and (max-width: 750px) {
    .ce-textimageentity .text, .ce-textimageentity .img {
        width: 50%;
    }
}
@media screen and (max-width: 650px) {
    .ce-textimageentity .text, .ce-textimageentity .img {
        width: 100%;
        float: none;
        padding: 0;
        margin: 0 0 20px;
    }
}
.ce-parallaxtext {
	overflow: hidden;
	position:relative;
	height: auto;
    margin: 0 0 50px;
    min-height: 450px;
}
.ce-parallaxtext:before {
    display: block;
    background-image: url('../../typo3conf/ext/stoebich/Resources/Public/img/layer.png');
    background-repeat: repeat;
    background-attachment: fixed;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.ce-parallaxtext > .inner {
    z-index: 1;
    overflow: hidden;
    padding: 50px 180px;
	max-width: 1240px;
    margin: 0 auto;
    position: relative;
}
.ce-parallaxtext > .inner .headline {
    float: left;
    width: 66.66%;
    display: block;
    box-sizing: border-box;
    padding-right: 10px;
    color: #FFF;
}
.ce-parallaxtext > .inner .headline h2 {
    margin-bottom: 10px;
    color: #FFF;
    padding: 0;
}
.ce-parallaxtext > .inner .text {
    float: left;
    width: 33.33%;
    display: block;
    box-sizing: border-box;
    padding: 10px 0 0 10px;
    color: #FFF;
}
.ce-parallaxtext * {
    color: #FFF;
}
@media screen and (max-width: 1380px) {
    .ce-parallaxtext > .inner {
        max-width: 90%;
        padding: 50px 0;
    }
}
@media screen and (max-width: 1160px) {
    .ce-parallaxtext > .inner .headline {
        width: 50%;
    }
    .ce-parallaxtext > .inner .text {
        width: 50%;
    }
}
@media screen and (max-width: 780px) {
    .ce-parallaxtext > .inner .headline {
        width: 100%;
        float: none;
        padding: 0 0 20px;
    }
    .ce-parallaxtext > .inner .text {
        width: 100%;
        float: none;
        padding: 0 0 20px;
    }
}
.ce-slider{
	position: relative;
	height: 700px;
}
.ce-slider:after{
	content:"";
	display: block;
	clear:both;
}
.ce-slider .flex-direction-nav{
	list-style: none;
}
.ce-slider .flex-nav-prev{
	bottom: 120px;
	left: 10px;
	font-size: 28px;
	position: absolute;
}
.ce-slider .flex-nav-next{
	bottom: 120px;
	right: 10px;
	font-size: 28px;
	position: absolute;
}
.ce-slider .flex-nav-next a,
.ce-slider .flex-nav-prev a{
	font-size: 30px;
}
.ce-slider ul.slides{
}
.ce-slider ul.slides:after{
	content:"";
	display: block;
	clear:both;
}
.ce-slider ul.slides li{
	display: none;
	background-size: cover;
	background-position: center;
	overflow: hidden;
	box-sizing: border-box;
	position: relative;
	height: 700px;
}
.ce-slider ul.slides li:first-child{
	display: block;
}
.ce-slider ul.slides li .block{
	background-color: #f7f7f7;
	opacity: 0.9;
	position: absolute;
	bottom:0;
	padding: 50px 0;
	width: 100%;
	box-sizing: border-box;
	background-image: url('../../typo3conf/ext/stoebich/Resources/Public/img/raster.png');
	/*background-attachment:fixed;*/
}
.ce-slider ul.slides li .block > .inner{
	margin: 0 auto;
    overflow: hidden;
    max-width: 1260px;
    padding:0 180px;
}
.ce-slider ul.slides li .block > .inner .text > a.next{
    background-color: #f7f7f7;
    background-image: url('../../typo3conf/ext/stoebich/Resources/Public/img/raster.png');
    bottom: 0;
    font-style: italic;
    height: 1.36em;
    padding-top: 1.2em;
    position: absolute;
    right: 0;
    width: 48.75%;
    background-attachment:fixed;
    padding-bottom: 10px;
}
.ce-slider ul.slides li .block:after{
	content:"";
	display: block;
	clear:both;
}
.ce-slider ul.slides li .block h2{
    width: 32.4%;
    float: left;
    margin: 0;
    -moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto; 
    font-size: 30px;
    font-weight: normal;
    display: block;
}
.ce-slider ul.slides li .block .text {
    width: 66.2%;
    float: right;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    margin-top: 8px;
    overflow: hidden;
    position: relative;
}
.ce-slider ul.slides li .block > .inner > .button{
    clear: both;
    padding-top: 10px;
    text-align: right;
    width: 100%;
}
@media screen and (max-width: 820px) {
	.ce-slider ul.slides li .block h2 {
    	width: 100%;
    }
    .ce-slider ul.slides li .block {
    	padding: 20px 0;
    }
    .ce-slider ul.slides li .block .text {
    	width: 100%;
    	-webkit-column-count: 1;
    	-moz-column-count: 1;
    	column-count: 1;
    	height: 172px;
        height: auto;
    }
    .ce-slider ul.slides li .block > .inner .text > a.next {
    	width: 100%;
    }
}
@media screen and (max-width: 360px){
	.ce-slider,
	.ce-slider ul.slides li{
		height: 540px;
        height: auto;
	}
	.ce-slider ul.slides li .block > .inner{
		padding: 0 40px;
	}
	.ce-slider ul.slides li .block h2{
		padding: 0;
	}
	.ce-slider .flex-nav-prev{
		left:0;
	}
	.ce-slider .flex-nav-next{
		right: 0;
	}
	.ce-slider ul.slides li .block{
		height: 300px;
        height: auto;
        position: relative;
	}
}

@media screen and (min-width: 360px) and (max-width: 1100px) {
	.ce-slider ul.slides li .block > .inner{
		padding: 0 70px;
	}
}
@media screen and (min-width: 820px) and (max-width: 1380px) {
    .ce-slider ul.slides li .block h2{
    	width: 49.2%;
    }
    .ce-slider ul.slides li .block .text{
    	width: 49.2%;
    	-webkit-column-count: 1;
    	-moz-column-count: 1;
    	column-count: 1;
    }
    .ce-slider ul.slides li .block > .inner .text > a.next{
    	width: 100%;
    }
}

/**
 * 	
 */
.ce-teaserlist {
    margin: 0 auto;
    background-image: url('../../typo3conf/ext/stoebich/Resources/Public/img/ce-teaserlist/bg.png');
    background-color: #f7f7f7;
    background-repeat: repeat-x;
    margin-bottom: 50px;
    padding-bottom: 0px;
    padding-bottom: 20px;
    padding-top: 20px;
    margin-top:-300px;
    -webkit-transition: margin-top 1s;
    transition: margin-top 1s;
}
.ce-teaserlist.content{
	margin-top: 0;
}
.ce-teaserlist.view{
	margin-top: 0;
	-webkit-transition: margin-top 1s;
    transition: margin-top 1s;
}
.ce-teaserlist:after{
	content:"";
	display: block;
	clear:both;
}
.ce-teaserlist > .inner{
	margin: 0 auto;
    max-width: 1260px;
    padding: 0 180px;
}
.ce-teaserlist > .inner > .ce-teaser{
	float: left;
	width: 33.3333%;
	box-sizing: border-box;
	padding-left: 10px;
	padding-right: 10px;
	position: relative;
	-webkit-transition: top 1s;
    transition: top 1s;
    margin-bottom: 20px;
}
/**
 * 	Teaser
 */
.ce-teaser .inner:after{
	content:"";
	display: block;
	clear:both;
}
.ce-teaser  > .inner{
	background-color: #fff;
	padding-bottom: 60px;
	height: 100%;
	box-sizing: border-box;
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.42);
	-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.42);
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.42);
	position: relative;
}
/*.ce-teaser > .inner .img{
    height: 300px;
    margin: 0 0 25px;
    overflow: hidden;
    position: relative;
    width: 100%;
}*/
.ce-teaser > .inner .img{
    position: relative;
    overflow: hidden;
}
.ce-teaser > .inner .img img{
    width: 100%;
    height: auto;
    display: block;
    position: relative;
}
.ce-teaser > .inner .img img[src$=".svg"]{
   width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    left: calc( 40% + 10% );
    top: calc( 40% + 10% );
    transform: translate(-50%, -50%);
}
.ce-teaser > .inner .img img[src$=".svg"] + span{
    content: "";
    display: block;
    height: 225px;
    position: relative;
    width: 100%;
}


.ce-teaser > .inner  > h3,
.ce-teaser > .inner  > .text,
.ce-teaser > .inner  > .links{
	padding-left: 45px;
	padding-right: 40px;
}
.ce-teaser > .inner  > .text{
	margin-bottom: 50px;
}
.ce-teaser > .inner  > .links a{
    float: left;
}
.ce-teaser > .inner  > .links a:first-child{
	float: right;
}
.ce-teaser > .inner > .links{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 30px;
    text-align: right;
}
/* Red */
.ce-teaser.red  > .inner{
	background-color: #E2001A;
}
.ce-teaser.red  > .inner *{
	color:#fff;
}
.ce-teaser.red > .inner .f-button{
	background-color: #fff;
	color:#464646;
	border-color: #fff;
	outline-color: #fff;
}


@media screen and (max-width: 1380px) {
    .ce-teaserlist > .inner {
        padding: 0;
        max-width: 90%;
    }
}
@media screen and (max-width: 1250px) {
    .ce-teaserlist {
        margin-top:-200px;
    }
}
@media screen and (max-width: 1160px) {
    .ce-teaserlist > .inner > .ce-teaser{
        width: 50%;
    }
    .ce-teaserlist > .inner > .ce-teaser .inner{
        overflow: hidden;
        padding-bottom: 40px;
    }
    .ce-teaserlist > .inner > .ce-teaser.productfinder {
        padding-top: 50px;
        width: 100%;
        clear: both;
    }
    .ce-teaserlist > .inner > .ce-teaser.productfinder .inner {
        padding-bottom: 25px;
        background-color: #e2001a;
    }
    .ce-teaserlist > .inner > .ce-teaser.productfinder .inner h3 {
    }
    .ce-teaserlist > .inner > .ce-teaser.productfinder .inner .text {
    }
    .ce-teaserlist > .inner > .ce-teaser.productfinder .inner .f-button {
        color: #464646;
        background-color: #FFF;
    }
    .ce-teaserlist > .inner > .ce-teaser.productfinder .inner * {
        color: #FFF;
    }
    .ce-teaserlist > .inner > .ce-teaser.productfinder .inner > .links a:first-child {
        margin-left: 50px;
    }
    .ce-teaserlist > .inner > .ce-teaser.productfinder .imgwrapper{
        width: 49%;
        float: left;
        overflow: hidden;
        position: relative;
        height: 369px;
    }
    .ce-teaserlist > .inner > .ce-teaser.productfinder .imgwrapper img{
        height: 369px;
        width: 656px;
        left: 50%;
        margin-left: -328px;
        position: absolute;
    }
}
@media screen and (max-width: 900px) {
    .ce-teaserlist {
        margin-top:-100px;
    }
}
@media screen and (max-width: 820px) {
    .ce-teaserlist > .inner > .ce-teaser{
        top: 10px;
        width: 100%;
        float: none;
        clear: both;
        padding-top: 10px;
    }
    .ce-teaserlist {
        padding-bottom: 30px;
    }
    /*.ce-teaserlist > .inner > .ce-teaser > .inner > img {
        display: none;
    }*/
    .ce-teaserlist > .inner > .ce-teaser.productfinder {
        padding-top: 10px;
    }
    .ce-teaserlist > .inner > .ce-teaser.productfinder .inner h3 {
        padding: 0 20px;
        margin-left: 0;
    }
    .ce-teaserlist > .inner > .ce-teaser.productfinder .inner .text {
        padding: 0 20px;
        margin-left: 0;
    }
    .ce-teaserlist > .inner > .ce-teaser.productfinder .imgwrapper{
        display: none;
    }
    .ce-teaserlist > .inner > .ce-teaser.productfinder .inner > .links a:first-child {
        margin-left: 0;
    }
    .ce-teaser > .inner > h3, .ce-teaser > .inner > .text, .ce-teaser > .inner > .links {
        padding: 0 20px;
    }
    .ce-teaserlist > .inner > .ce-teaser.productfinder .inner, .ce-teaserlist > .inner > .ce-teaser .inner {
        padding-bottom: 30px;
    }
}
@media screen and (max-width: 750px){
    .ce-teaserlist > .inner > .ce-teaser{
        padding-left: 0;
        padding-right: 0;
    }
}
@media screen and (max-width: 400px) {
    .ce-teaserlist {
        margin-top:0;
    }
}


#ce-videoslider-layer{
	background-color: #000000;
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2;
    opacity: 0;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
}
#ce-videoslider-layer.view{
	display: block;
	opacity: .7;
	-webkit-transition: opacity .5s;
    transition: opacity .5s;
}
.ce-videoslider{
	position: relative;
    margin-bottom: 0;
}
.ce-videoslider .layer{
	position: absolute;
	background-color: #000;
	opacity: 0.3;
	background-image: url('../../typo3conf/ext/stoebich/Resources/Public/img/raster.png');
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	cursor: pointer;
}
.ce-videoslider.play{
	z-index: 3;
}
.ce-videoslider .layer::after {
    background-image: url('../../typo3conf/ext/stoebich/Resources/Public/img/ce-videoslider/play.png');
    content: "";
    height: 78px;
    left: 50%;
    margin-left: -39px;
    margin-top: -39px;
    position: absolute;
    top: 50%;
    width: 78px;
}
.ce-videoslider.play .layer{
	opacity: 0;
	transition: opacity 1s;
}
.ce-videoslider > iframe{
	display: block;
}
/**
 * 	Pausebutton
 */
.ce-videoslider.play .layer{
	background: none;
}
.ce-videoslider.play .layer::after {
    background: #fff none repeat scroll 0 0;
    opacity: 0.7;
    border-radius: 30px;
    color: #fff;
    content: "";
    font-family: fontello;
    font-size: 30px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    width: 55px;
    color:#000;
    margin-left: -27.5px;
    margin-top: -27.5px;
}
.ce-videoslider .layer .icon-resize-full-alt{
	background: #fff none repeat scroll 0 0;
    bottom: 10px;
    color: #000;
    font-size: 30px;
    height: 45px;
    position: absolute;
    right: 10px;
    text-align: center;
    width: 50px;
}
.ce-videoslider .slider{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.ce-videoslider .slider .flex-next{
	background-image: url('../../typo3conf/ext/stoebich/Resources/Public/img/ce-videoslider/bg-button-right.png');
    height: 70px;
    line-height: 70px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    width: 39px;
}
.ce-videoslider .slider .flex-prev{
	background-image: url('../../typo3conf/ext/stoebich/Resources/Public/img/ce-videoslider/bg-button-left.png');
    display: block;
    height: 70px;
    left: 0;
    line-height: 70px;
    position: absolute;
    top: 50%;
    width: 39px;
    text-align: center;
}
.ce-videoslider .slider .flex-prev i{
	right: 5px;
}
.ce-videoslider .slider .flex-next i{
	left: 5px;
}
.ce-videoslider .slider .flex-prev i,
.ce-videoslider .slider .flex-next i{
	font-size: 25px;
	color:#464646;
	position: relative;
    top: 4px;
}
.ce-videoslider .slider .flex-viewport{
	height: 100%;
}
.ce-videoslider ul.slides li{
	width: 100%;
	width: 100%;
	display: none;
}
.ce-videoslider ul.slides li:first-child{
	display: block;
}
.ce-videoslider ul.slides li h1{
	font-size: 60px;
	text-align: center;
	font-weight: 900;
	color:#fff;
	margin-top: 120px;
	margin-bottom: 15px;
}
.ce-videoslider ul.slides li h6{
	font-size: 30px;
	font-weight: 300;
	text-align: center;
	color:#fff;
	margin: 0;
}
.ce-videoslider.play .slider{
	display: none;
}

@media screen and (max-width: 820px) {
    .ce-videoslider ul.slides li h1{
        display: none;
    }
    .ce-videoslider ul.slides li h6{
        display: none;
    }
    .ce-videoslider .flex-direction-nav {
        display: none;
    }
    .ce-videoslider .layer{
    	display: none;
    }
    .ce-videoslider .slider{
    	display: none;
    }
}
.ce-zipsearch{
	overflow: hidden;
	position:relative;
	height: 500px;
}
.ce-zipsearch:before{
	-moz-box-shadow:    inset  0  20px 20px -20px grey;
	-webkit-box-shadow: inset  0  20px 20px -20px grey;
	box-shadow:        	inset  0  20px 20px -20px grey;
	content: "";
    height: 20px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
.ce-zipsearch:after{
	-moz-box-shadow:    inset  0 -20px 20px -20px grey;
	-webkit-box-shadow: inset  0 -20px 20px -20px grey;
	box-shadow:        	inset  0 -20px 20px -20px grey;
	content: "";
    height: 20px;
    left: 0;
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 1;
}
.ce-zipsearch > .map{
	bottom:0;
	top:0;
	left:0;
	right:0;
	position: absolute;
	overflow: hidden;
	box-sizing:border-box;
    background-size: cover;
	background-position: center center;
}
.ce-zipsearch > .map > img{
	position: absolute;
	top:0;
	left:0;
	width: auto;
	height: auto;
	min-width: 100%;
	display: block;
}
.ce-zipsearch .f-zipsearch{
	position: absolute;
    right: 180px;
    top: 50px;
    width: 250px;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.42);
}
@media screen and (max-width: 780px) {
    .ce-zipsearch .f-zipsearch {
	    bottom: 0;
	    box-sizing: border-box;
	    left: 0;
	    margin: 0;
	    right: 0;
	    top: auto;
	    width: 100%;
	}
}
.ce-datasheets {
    max-width: 1240px;
    margin: 0 auto 50px;
    padding: 0 180px;
}
.ce-datasheets h2 {
    margin-top: 45px;
}
.ce-datasheets > div {
    overflow: hidden;
    width: 100%;
}
.ce-datasheets > div > div {
    margin-left: 1.4%;
    width: 23.95%;
    float: left;
}
.ce-datasheets > div > div:first-child {
    margin-left: 0;
}
.ce-datasheets > div > div h6 {
    font-weight: 400;
    font-size: 16px;
    background-color: #d7d7d7;
    color: #464646;
    line-height: 20px;
    padding: 15px 10px;
    margin: 0 0 5px;
}
.ce-datasheets > div > div p {
    font-weight: 300;
    font-size: 16px;
    display: block;
    background-color: #f7f7f7;
    color: #464646;
    line-height: 20px;
    padding: 5px 10px;
    margin: 0 0 5px;
    font-style: italic;
    background-image: url('../../typo3conf/ext/stoebich/Resources/Public/img/ce-datasheets/download-arrow.png');
    background-repeat: no-repeat;
    background-position: right center;
}

@media screen and (max-width: 1380px) {
    .ce-datasheets {
        max-width: 90%;
        padding: 0;
    }
}

@media screen and (max-width: 959px) {
    .ce-datasheets > div > div {
        margin: 0 0.7% 1.4% !important;
        width: 48.6%;
        float: left;
    }
}

@media screen and (max-width: 570px) {
    .ce-datasheets > div > div {
        margin: 0 0 1.4% !important;
        width: 100%;
        float: left;
    }
}

.ce-referenceimages {
    overflow: hidden;
    margin: 0 auto 50px;
    position: relative;
    max-width: 1240px;
    padding: 0 180px;
}
.ce-referenceimages ul{
	list-style: none;
}
.ce-referenceimages ul li{
	float: left;
	width: 15.5%;
    margin-left: 1.4%; 
        font-style: italic;
    font-size: 16px;
    
    background-image: url('../../typo3conf/ext/stoebich/Resources/Public/img/ce-referenceimages/muster.png');
    background-repeat: repeat;
    background-color: #FFF;
    
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.ce-referenceimages ul li:first-child{
	margin-left:0; 
}
.ce-referenceimages ul li img{
	display: block;
    width: 100%;
    float: left;
    opacity: 0.3;
    webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    height: auto;
}
.ce-referenceimages ul li:hover img{
	opacity: 1;
}
.ce-referenceimages ul li.showmore {
    background-color: #d7d7d7;
    background-image: url('../../typo3conf/ext/stoebich/Resources/Public/img/ce-referenceimages/arrow.png');
    background-repeat: no-repeat;
    background-position: center center;
    padding-top: 12.5%;
    padding-bottom: 3%;
    height: 0;
    text-align: center;
    position: relative;
}
.ce-referenceimages ul li.showmore a{
	display: block;
	padding-top: 62.5%;
	bottom:0;
	left:0;
	right: 0;
	top:0;
	position: absolute;
}
@media screen and (max-width: 1380px) {
    .ce-referenceimages {
        max-width: 90%;
        padding: 0;
    }
}
@media screen and (max-width: 840px) {
    .ce-referenceimages ul li {
        width: 31%;
        margin: 0 1.16666% 2.33333% !important;
    }
    .ce-referenceimages ul li.showmore {
        padding-top: 25%;
        padding-bottom: 6%;
    }
}
@media screen and (max-width: 440px) {
   .ce-referenceimages ul li {
        margin: 0 0.7% 1.4% !important;
        width: 48.6%;
        float: left;
    }
    .ce-referenceimages ul li.showmore {
        padding-top: 38.6%;
        padding-bottom: 10%;
    }
}
@media screen and (max-width: 359px) {
    .ce-referenceimages {
        max-width: 100%;
    }
}
.ce-productaccordion {
    margin: 0 auto 20px;
    max-width: 1240px;
    padding: 0;
    position: relative;
}
.ce-productaccordion .demoimage {
    float: left;
    width: 32.4%;
    overflow: hidden;
    position: relative;
    background-color: #F7F7F7;
}
.ce-productaccordion .demoimage > img {
    display: block;
    width: 100%;
}
.ce-productaccordion .ce-collapsebox {
    float: right;
    width: 66.2%;
    position: absolute;
    right: 0;
    height: 100%;
}
.ce-productaccordion .ce-collapsebox.open {
    height: auto;
}
.ce-productaccordion .ce-collapsebox:after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    bottom: 40px;
    left: 0;
    right: 0;
    height: 150px;
    background-image: url('../../typo3conf/ext/stoebich/Resources/Public/img/ce-collapsebox/fadeout.png');
    background-repeat: repeat-x;
    background-position: left top;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.ce-productaccordion .ce-collapsebox.open:after {
    opacity: 0;
}
.ce-productaccordion .ce-collapsebox .collapsecontent {
    max-height: 59%;
    max-height: calc( 100% - 150px );
}
.ce-productaccordion .ce-collapsebox .collapsecontent > a {
    display: inline-block;
    color: #FFF;
    background-color: #979797;
    font-weight: 300;
    font-size: 16px;
    line-height: 14px;
    margin: 0 10px 15px 0;
    height: 28px;
    padding: 6px 0;
    width: 40px;
    text-align: center;
}
.ce-productaccordion .ce-collapsebox .collapsecontent ul {
    margin-left: 15px;
}
.ce-productaccordion .ce-collapsebox .collapsecontent ul li {
    line-height: 20px;
    margin-bottom: 10px;
}

@media screen and (max-width: 1617px) {
    .ce-productaccordion {
        margin: 0 180px 20px;
    }
}
@media screen and (max-width: 1380px) {
    .ce-productaccordion {
        margin: 0 auto 20px;
        max-width: 90%;
        padding: 0;
    }
}
@media screen and (max-width: 959px) {
    .ce-productaccordion .demoimage {
        float: none;
        width: auto;
        margin: 0 0 20px;
        height: auto !important;
    }
    .ce-productaccordion .demoimage > img {
        float: none;
        width: auto;
        display: table;
        margin: 0 auto;
        max-width: 100%;
    }
    .ce-productaccordion .ce-collapsebox {
        float: none;
        width: 100%;
        position: relative;
        height: 250px;
    }
}
@media screen and (max-width: 359px) {
    .ce-productaccordion {
        max-width: 100%;
    }
}
.demoimage p {
    display: none;
}

.ce-requirements {
    width: 100%;
    background-image: url('../../typo3conf/ext/stoebich/Resources/Public/img/ce-referenceimages/muster.png');
    background-repeat: repeat;
    overflow: hidden;
    padding: 0;
    margin: 0 0 50px;
}
.ce-requirements > div {
    margin: 0 auto;
    max-width: 1240px;
    padding: 0 180px;
    position: relative;
    overflow: hidden;
}
.ce-requirements > div .tabsnav {
    float: left;
    height: 30px;
    padding: 0 0 10px 10px;
    background-color: #FFF;
}
.ce-requirements > div .tabsnav a {
    float: left;
    display: block;
    line-height: 20px;
    padding: 5px 15px;
    background-color: #979797;
    color: #FFF;
    font-size: 16px;
    font-weight: 600;
    margin-right: 10px;
}
.ce-requirements > div .tabsnav a.active {
    background-color: #e2001a;
}
.ce-requirements > div .tabscontent {
    margin: 90px 0;
}
.ce-requirements > div .tabscontent > div {
    overflow: hidden;
    display: none;
}
.ce-requirements > div .tabscontent > div.active {
    display: block;
}
.ce-requirements > div > .tabscontent > div > div {
    float: left;
    width: 32.4%;
    margin-left: 1.4%;
}
.ce-requirements > div > .tabscontent > div > div.wide {
    width: 49.3%;
}
.ce-requirements > div > .tabscontent > div > div:first-child {
    margin-left: 0;
}
.ce-requirements > div > .tabscontent > div > div > div.demoimage {
    position: relative;
    overflow: hidden;
    padding-bottom: 35px;
}
.ce-requirements > div > .tabscontent > div > div > div.demoimage img,
.ce-requirements > div > .tabscontent > div > div.demoimage img {
    float: left;
    width: 100%;
    height: auto;
    display: block;
}
.ce-requirements > div > .tabscontent > div > div > div.demoimage p {
    position: absolute;
    bottom: 0;
    left: 10px;
    background-color: #464646;
    color: #FFF;
    font-style: italic;
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    padding: 5px 10px;
    margin: 0;
}
.ce-requirements > div > .tabscontent > div > div table {
    border-collapse: collapse;
    white-space: nowrap;
    width: 100%;
    background-color: #f7f7f7;
    margin: 0 0 5px;
    color: #464646;
    font-size: 16px;
    line-height: 20px;
    border: medium none;
    border-spacing: 0px;
}
.ce-requirements > div > .tabscontent > div > div table th {
    font-weight: 600;
    background-color: #d7d7d7;
    padding: 20px;
}
.ce-requirements > div > .tabscontent > div > div table td {
    font-weight: 300;
    padding: 20px;
    border-left: 1px dotted #d7d7d7;
}
.ce-requirements > div > .tabscontent > div > div table td p{
    color: #464646;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    margin: 0.5em 0;
}
.ce-requirements > div > .tabscontent > div > div table td:first-child {
    border-left: none;
}
.ce-requirements > div > .tabscontent > div > div table tr {
    border-bottom: 1px dotted #d7d7d7;
}
/*.ce-requirements > div > .tabscontent > div > div table tr:first-child {
    border-bottom: none;
}*/
.ce-requirements > div > .tabscontent > div > div table tr:last-child {
    border-bottom: none;
}

@media screen and (max-width: 1380px) {
    .ce-requirements > div {
        padding: 0;
        max-width: 90%;
    }
}
@media screen and (max-width: 1250px) {
    .ce-requirements > div > .tabscontent > div > div.demoimage {
        position: relative;
        overflow: hidden;
        background-color: #F7F7F7;
        float: none;
        width: auto;
        margin: 0 0 20px;
    }
    .ce-requirements > div > .tabscontent > div > div.demoimage img {
        float: none;
        width: auto;
        display: table;
        margin: 0 auto;
        max-width: 100%;
    }
    .ce-requirements > div > .tabscontent > div > div {
        float: left;
        width: 48.6%;
        margin: 0 0.7%;
    }
    .ce-requirements > div > .tabscontent > div > div.wide {
        float: none;
        width: 100%;
        margin-left: 0;
    }
}
@media screen and (max-width: 700px) {
    .ce-requirements > div > .tabscontent > div > div {
        width: 100%;
        margin: 0;
    }
}
@media screen and (max-width: 680px) {
    .ce-requirements > div > .tabscontent > div > div table.restable th {
        display: none;
    }
    .ce-requirements > div > .tabscontent > div > div table.restable td {
        display: block;
        background-color: #f7f7f7;
        line-height: 20px;
        padding: 20px;
        margin: 0;
        border: none;
        border-bottom: 1px dotted #c6c6c6;
        text-align: right;
    }
    .ce-requirements > div > .tabscontent > div > div table.restable td i {
        text-align: center;
    }
    .ce-requirements > div > .tabscontent > div > div table.restable td:before {
        display: block;
        float: left;
        line-height: 20px;
        font-weight: 600;
        content: attr(data-label);
    }
    .ce-requirements > div > .tabscontent > div > div table.restable td:first-child {
        background-color: #d7d7d7;
        border-bottom: none;
    }
}
@media screen and (max-width: 480px) {
    .ce-requirements > div .tabsnav {
        float: none;
        height: auto;
        padding-bottom: 5px;
        overflow: hidden;
    }
    .ce-requirements > div .tabsnav a {
        float: none;
        margin-bottom: 5px;
    }
    .ce-requirements > div .tabscontent {
        margin: 50px 0;
    }
    .ce-requirements > div > .tabscontent > div > div table th {
        padding: 10px;
    }
    .ce-requirements > div > .tabscontent > div > div table td {
        padding: 10px;
    }
    .ce-requirements > div > .tabscontent > div > div table td p{
        margin: 0;
    }
}
@media screen and (max-width: 400px) {
    .ce-requirements > div > .tabscontent > div > div table th {
        padding: 10px 5px;
    }
    .ce-requirements > div > .tabscontent > div > div table td {
        padding: 10px 5px;
    }
    .ce-requirements > div > .tabscontent > div > div table td p{
        margin: 0;
    }
}

@media screen and (max-width: 359px) {
    .ce-requirements > div {
        max-width: 100%;
    }
}
.ce-produktlist{
	margin: 0 auto;
    max-width: 1240px;
    padding: 0 180px;
    position: relative;
    overflow: hidden;
}
.ce-produktlist:after{
	content:"";
	display: block;
	clear:both;
}
.ce-produktlist > ul.products{
	list-style: none;
}
.ce-produktlist > ul.products > li{
	background-color: #f7f7f7;
	margin-bottom: 20px;
}
.ce-produktlist > ul.products > li:after{
	content:"";
	display: block;
	clear:both;
}
.ce-produktlist > ul.products > li .img{
	float: left;
	width: 50%;
	clear: left;
	padding-right: 15px;
	box-sizing: border-box;
}
.ce-produktlist > ul.products > li .img > img{
	width: 100%;
	height: auto;
	display: block;
}
.ce-produktlist > ul.products > li .text{
	width: 50%;
	float: left;
	padding-left: 15px;
	box-sizing: border-box;
	padding-right: 15px;
	padding-bottom: 15px;
}
.ce-produktlist > ul.pagination{
	list-style: none;
	clear: both;
}
@media screen and (max-width: 1380px) {
    .ce-produktlist {
        margin: 0 auto 20px;
        max-width: 90%;
        padding: 0;
    }
}
.tx-indexedsearch {
    margin: 0 auto 50px;
    overflow: hidden;
    max-width: 1240px;
    padding: 0 180px;
}
.tx-indexedsearch-res .result {
    padding: 15px 20px;
    background-color: #F7F7F7;
    margin: 0 0 10px;
}
.tx-indexedsearch-res .result p {
    margin: 0;
}
.tx-indexedsearch .tx-indexedsearch-browsebox li {
    display: inline-block;
}
.tx-indexedsearch-browsebox a {
    background-color: #464646;
	color:#fff;
    width: auto;
    float: left;
	min-width: 142px;
	text-align: center;
	display: block;
	line-height: 22px;
    border: 2px solid #3a3a3a;
    font-style: italic;
    outline: 2px solid #464646;
    margin: 2px;
    cursor: pointer;
}
@media screen and (max-width: 1380px) {
    .tx-indexedsearch {
        max-width: 90%;
        padding: 0;
    }
}

.ce-image{
	position: relative;
	margin: 0 auto 50px;
}
.ce-image:before{
	background-image: url('../../typo3conf/ext/stoebich/Resources/Public/img/ce-image/layer.png');
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
}
.ce-image img{
	width: 100%;
	height: auto;
	max-height: 480px;
	display: block;
}
.ce-image > .text{
	box-sizing: border-box;
    padding: 0 1rem;
    position: absolute;
    text-align: center;
    top: 24%;
    width: 100%;
    z-index: 1;
}

.ce-image > .text > h2 {
    color: #fff;
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    margin: 10px 0;
    text-align: center;
    width: 100%;
    line-height: 1em;
}

.ce-image > .text > h1{
	color: #fff;
	font-size: 58px;
	font-style: normal;
	font-weight: 900;
	margin: 0;
	text-align: center;
	width: 100%;
	line-height: 1em;
}
.ce-image > .text > h5{
	font-size: 29px;
	width: 100%;
	color:#fff;
	text-align: center;
	font-style: normal;
	font-weight: 300;
	margin: 0;
}
@media screen and (max-width: 700px){
	.ce-image > .text > h1{
		font-size: 44px;
	}
	.ce-image > .text h5{
		display: none;
	}
}
@media screen and (max-width: 550px){
	.ce-image > .text > h1{
		font-size: 39px;
	}
}
@media screen and (max-width: 470px){
	.ce-image > .text > h1{
		font-size: 34px;
	}
}
@media screen and (max-width: 430px){
	.ce-image > .text > h1{
		font-size: 28px;
	}
}
@media screen and (max-width: 340px){
	.ce-image > .text > h1{
		font-size: 23px;
	}
}
.ce-text{
	max-width: 1240px;
    margin: 0 auto 50px;
    padding: 0 180px;
}
.ce-text > .inner{
	-webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    margin-top: 8px;
}
.ce-text > .button{
	clear: both;
    padding-top: 10px;
    text-align: right;
    width: 100%;
}
@media screen and (max-width: 1380px) {
    .ce-text {
        max-width: 90%;
        padding: 0;
    }
}
@media screen and (max-width: 750px) {
    .ce-text > .inner {
        -webkit-column-count: 2;
    	-moz-column-count: 2;
    	column-count: 2;
    }
}
@media screen and (max-width: 480px) {
    .ce-text > .inner {
        -webkit-column-count: 1;
    	-moz-column-count: 1;
    	column-count: 1;
    }
}
.ce-headline{
	max-width: 1240px;
    margin: 0 auto 50px;
    padding: 0 180px;
    margin-top: 8px;
}
.ce-headline h4{
	margin-bottom: 0;
	hyphens: none;
}
.ce-headline h2{
	hyphens: none;
    padding: 0;
}
.ce-headline p{
}
.ce-headline > .button{
    clear: both;
    padding-top: 10px;
    text-align: right;
    width: 100%;
}
@media screen and (max-width: 1380px) {
    .ce-headline{
        max-width: 90%;
        padding: 0;
    }
}
.ce-imageslider{
	max-width: 1240px;
    margin: 0 auto 50px;
    padding: 0 180px;
    position: relative;
}
/**
 * 	
 */
.ce-imageslider .slider{
	position: relative;
}
.ce-imageslider ul.slides {
	list-style: none;
}
.ce-imageslider ul.slides li{
	display: none;
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
}
.ce-imageslider ul.slides li img{
	width: 100%;
	height: auto;
	display: block;
}
.ce-imageslider ul.slides li p{
	margin-top: 5px;
	font-size: 12px;
	margin-bottom: 5px;
}
.ce-imageslider ul.slides li:first-child{
	display: block;
}
/* */
.ce-imageslider  .flex-direction-nav{
	list-style: none;	
}
.ce-imageslider  .flex-direction-nav .flex-nav-prev,
.ce-imageslider  .flex-direction-nav .flex-nav-next{
	position: absolute;
	top: 0;
	width: 25%;
	padding-bottom: 43.7%;
}
.ce-imageslider  .flex-direction-nav .flex-nav-prev{
	left:0;
}
.ce-imageslider  .flex-direction-nav .flex-nav-next{
	right: 0;
}
.ce-imageslider  .flex-direction-nav .flex-prev,
.ce-imageslider  .flex-direction-nav .flex-next{
	display: block;
    height: 100%;
    position: absolute;
    width: 100%;
}
.ce-imageslider .flex-direction-nav .flex-next .icon-right-open,
.ce-imageslider .flex-direction-nav .flex-prev .icon-left-open {
    color: #fff;
    font-size: 32px;
    margin-top: -16px;
    position: absolute;
    top: 50%;
}
.ce-imageslider .flex-direction-nav .flex-next .icon-right-open{
	right: 0;
}
/* */
.ce-imageslider ol.flex-control-thumbs{
	list-style: none;
    margin: 0;
    padding: 0;
    margin-top: 15px;
}
.ce-imageslider ol.flex-control-thumbs li{
	width: 25%;
	box-sizing: border-box;
}
.ce-imageslider ol.flex-control-thumbs li{
	display: block;
	float: left;
	padding-left: 7px;
	padding-right: 7px;
	padding-bottom: 15px;
}
.ce-imageslider ol.flex-control-thumbs li img{
	width: 100%;
	height: auto;
	display: block;
	cursor: pointer;
}
/**
 * 	
 */
.ce-imageslider .thumbnails{
	position: relative;
	margin-top: 15px;
}
.ce-imageslider .thumbnails li img{
	-webkit-touch-callout: none; /* iOS Safari */
  	-webkit-user-select: none;   /* Chrome/Safari/Opera */
  	-khtml-user-select: none;    /* Konqueror */
  	-moz-user-select: none;      /* Firefox */
  	-ms-user-select: none;       /* IE/Edge */
  	user-select: none;
  	cursor: pointer;
}
.ce-imageslider .thumbnails .flex-nav-prev, 
.ce-imageslider .thumbnails .flex-nav-next{
	padding: 0;
	height: 100%;
	width: 50px
}
@media screen and (max-width: 480px) {
	.ce-imageslider .thumbnails{
		display: none;
	}
}
@media screen and (max-width: 1380px) {
    .ce-imageslider{
		max-width: 90%;
        padding: 0;
	}
}
.ce-textblock, .ce-smalltextblock {
    margin: 0 auto 50px;
    overflow: hidden;
    padding: 0 180px;
    max-width: 1240px;
}

.ce-textblock li, .ce-smalltextblock li {
	margin: 10px 0px 10px 20px;
}

.ce-textblock h2, .ce-smalltextblock h2 {
    width: 32.4%;
    float: left;
    margin: 0;
    -moz-hyphens: none;
    -o-hyphens: none;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}
.ce-textblock .text, .ce-smalltextblock .text {
    width: 66.2%;
    float: right;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    margin-top: 8px;
}
.ce-textblock > .button,
.ce-smalltextblock > .button{
    clear: both;
    padding-top: 10px;
    text-align: right;
    width: 100%;
}
.ce-smalltextblock h2 {
    width: 66.2%;
}
.ce-smalltextblock .text {
    width: 32.4%;
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
}
@media screen and (max-width: 1580px) {
    .ce-textblock h2, .ce-smalltextblock h2 {
        font-size: 30px;
        line-height: 40px;
    }
}
@media screen and (max-width: 1380px) {
    .ce-textblock, .ce-smalltextblock {
        padding: 0;
        max-width: 90%;
    }
}
@media screen and (max-width: 1160px) {
    .ce-textblock h2, .ce-smalltextblock h2 {
        width: 49.2%;
        margin-bottom: 20px;
    }
    .ce-textblock .text, .ce-smalltextblock .text {
        width: 49.2%;
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        column-gap: 0;
    }
}
@media screen and (max-width: 750px) {
    .ce-textblock h2, .ce-smalltextblock h2 {
        width: auto;
        float: none;
    }
    .ce-textblock .text, .ce-smalltextblock .text {
        width: auto;
        float: none;
    }
}
@media screen and (max-width: 359px) {
    .ce-textblock, .ce-smalltextblock {
        max-width: 100%;
        float: none;
    }
    .ce-textblock p, .ce-smalltextblock p {
        padding: 0 20px;
    }
}
.ce-newsletter{
	max-width: 1240px;
    margin: 0 auto 50px;
    padding: 0 180px;
	text-align: center;
}
.ce-newsletter h4{
	text-align: center;
}
.ce-newsletter p{
	text-align: center;
}
.ce-newsletter p > input{
	margin-left: 10px;
	margin-bottom: 10px;
    margin-right: 10px;
}
.ce-newsletter p > input[type="text"],
.ce-newsletter p > input[type="email"]{
	border: none;
	border-bottom: 1px solid #464646;
	text-align: left;
	font-size: 16px;
	
    background-color: transparent;
    box-sizing: border-box;
    padding: 5px 5px 4px;
}
@media screen and (max-width: 1380px) {
    .ce-newsletter {
        max-width: 90%;
        padding: 0;
    }
}
.f-wishlist p{
	margin-bottom: 0;
}
.f-wishlist p textarea{
	border: none;
	border-bottom: 1px solid #464646;
	text-align: left;
	width: 100%;
	max-width: 100%;
	min-width: 100%;
	font-size: 16px;
	padding: 5px;
	margin-bottom: 10px;
	padding-bottom: 8px;
    background-color: transparent;
    box-sizing: border-box;
    height: 75px;
    max-height: 75px;
    min-height: 75px;
    resize:none;
}
.f-wishlist p input[type="email"]{
	border: none;
	border-bottom: 1px solid #464646;
	text-align: left;
	width: 100%;
	font-size: 16px;
	padding: 5px;
	margin-bottom: 10px;
	padding-bottom: 8px;
    background-color: transparent;
    box-sizing: border-box;
}
.f-wishlist p.column2 input{
	float: left;
	width: calc(50% - 10px);
}
.f-wishlist p.column2 input:first-child{
	margin-right: 20px;
}
.f-wishlist p.column2:after{
	content:"";
	display: block;
	clear: both;
}
.f-wishlist p{
	position: relative;
}
.f-wishlist p input.error{
	-webkit-box-shadow: 0px 0px 2px 1px rgba(184,2,2,0.75);
	-moz-box-shadow: 0px 0px 2px 1px rgba(184,2,2,0.75);
	box-shadow: 0px 0px 2px 1px rgba(184,2,2,0.75);
}
.f-wishlist input.error + label:before{
	content:attr(data-error);
	display: block;
	position: absolute;
	top:0;
	display: none;
}
.f-wishlist .product .info,
.f-wishlist .product .icon-info{
	display: none;
}
.f-wishlist .product .img:hover div.info {
    height: 0;
    opacity: 0;
    top: 0;
    transition: opacity 0.0s;
}
.f-contact input[type="text"] {
	border: none;
	border-bottom: 1px solid #464646;
	text-align: left;
	width: 100%;
	font-size: 16px;
	padding: 5px;
	margin-bottom: 10px;
	padding-bottom: 8px;
    background-color: transparent;
    box-sizing: border-box;
}
.f-contact input[type="submit"] {
	background-color: #ccc;
	color:#3a3a3a;
	min-width: 130px;
	text-align: center;
	display: inline-block;
	line-height: 22px;
    border: 2px solid #3a3a3a;
    font-style: italic;
    outline: 2px solid #464646;
    cursor: pointer;
    border: none;
    outline: none;
    padding: 4px;
}

.f-contact input[type="submit"]:disabled{
	background-color: #efefef;
}

.f-contact input[type="submit"]:disabled:hover{
	color: #000;
	background-color: #efefef;
}

.f-contact input[type="submit"]:hover{
	color:#fff;
	background-color: #3a3a3a;
}
.f-contact > hr {
    margin: 30px 0px;
    height: 1px;
    background-color: #FFF;
    clear: both;
    padding: 0px;
    width: 100%;
    border: medium none;
    max-width: none;
}
.f-contact p input.error{
	-webkit-box-shadow: 0px 0px 2px 1px rgba(184,2,2,0.75);
	-moz-box-shadow: 0px 0px 2px 1px rgba(184,2,2,0.75);
	box-shadow: 0px 0px 2px 1px rgba(184,2,2,0.75);
}
.ce-wishlist.action {
    cursor: pointer;
    float: left;
    height: auto;
    margin-top: 15px;
    margin-left: 25px;
    position: absolute;
    width: 24px;
    height: 24px;
    z-index: 2;
}
.ce-wishlist.action a {
    color: #979797;
    display: block;
    font-size: 24px;
    line-height: 24px;
    height: 24px;
    width: 24px;
}
.ce-wishlist.action a:before {
    margin: 0;
    font-size: 24px;
    line-height: 24px;
    height: 24px;
    width: 24px;
}
.ce-wishlist.addproductpage {
    background-color: #e2001a;
    color: #fff;
    font-size: 33px;
    height: 50px;
    margin-top: -25px;
    position: fixed;
    top: 50%;
    width: 50px;
    z-index: 3;
    cursor: pointer;
}

.f-wishlist p input[type="checkbox"] {
    border: 1px solid #373737;
    width: 10px;
    height: 10px;
}

@media screen and (max-width: 650px) {
    .ce-wishlist .options {
        display: block !important;
    }
}
@media screen and (max-width: 750px) {
	.ce-wishlist.action {
	    float: none;
	    height: 38px;
	    margin: 0 5%;
	    right: 0;
	    top: 35px;
	    width: auto;
	}
}
.ce-imagetext{
	max-width: 1240px;
    margin: 0 auto 50px;
    padding: 0 180px;
}
.ce-imagetext:after{
	clear: both;
    content: "";
    display: block;
    height: 0;
}
.ce-imagetext .img{
	float: left;
	width: 33.333%;
	box-sizing: border-box;
	padding-right: 10px;
}
.ce-imagetext .img p{
	font-size: 12px;
	margin-top: 5px;
}
.ce-imagetext .img img{
	width: 100%;
	height: auto;
	display: block;
}
.ce-imagetext .text{
	float: left;
	padding-left: 10px;
	width: 66.6666%;
	-moz-column-count: 2;
    -moz-column-gap: 20px;
    box-sizing:  border-box;
}
.ce-imagetext > .button{
    clear: both;
    padding-top: 10px;
    text-align: right;
    width: 100%;
}
@media screen and (max-width: 1380px) {
    .ce-imagetext{
        max-width: 90%;
        padding: 0;
    }
}
@media screen and (max-width: 750px) {
    .ce-imagetext .text{
        -moz-column-count: 1;
        width: 50%;
    }
    .ce-imagetext .img{
    	width: 50%;
    }
}
@media screen and (max-width: 480px) {
    .ce-imagetext .text{
        width: 100%;
        padding-left:0;
    }
    .ce-imagetext .img{
    	width: 100%;
    	padding-right:0;
    }
}
.ce-textimage{
	max-width: 1240px;
    margin: 0 auto 50px;
    padding: 0 180px;
}
.ce-textimage:after{
	clear: both;
    content: "";
    display: block;
    height: 0;
}
.ce-textimage .img{
	float: left;
	width: 33.333%;
	box-sizing: border-box;
	padding-left: 10px;
}
.ce-textimage .img p{
	font-size: 12px;
	margin-top: 5px;
}
.ce-textimage .img img{
	width: 100%;
	height: auto;
	display: block;
}
.ce-textimage .text{
	float: left;
	padding-right: 10px;
	width: 66.6666%;
	-moz-column-count: 2;
    -moz-column-gap: 20px;
    box-sizing:  border-box;
}
@media screen and (max-width: 1380px) {
    .ce-textimage{
        max-width: 90%;
        padding: 0;
    }
}
@media screen and (max-width: 750px) {
    .ce-textimage .text{
        -moz-column-count: 1;
        width: 50%;
    }
    .ce-textimage .img{
    	width: 50%;
    }
}
@media screen and (max-width: 480px) {
    .ce-textimage .text{
        width: 100%;
        padding-right:0;
    }
    .ce-textimage .img{
    	width: 100%;
    	padding-left:0;
    }
}
.ce-googlemap{
}
.ce-googlemap > ul{
	display: none;
}
.ce-contact.list .wrap-options .map {
    background-size: cover;
    padding-bottom: 100%;
    width: 100%;
}
.ce-contact.list .product .f-button {
    margin-left: 10px;
    padding-right: 10px;
}
.ce-contact.list .wrap-options .map p {
    margin: 0 0 5px;
}
.ce-contact.list .wrap-options .map h3 {
    border-bottom: 1px solid #efefef;
    font-size: 17px;
    line-height: 1.1em;
    margin: 0 0 7px;
    padding-bottom: 5px;
}
.ce-contact.list .product{
	padding-bottom: 60px;
	position: relative;
}
.ce-contact.list .product .action{
	position: absolute;
	bottom: 0;
	width: 100%;
}
.ce-contact.list .product table {
	margin: 0 auto 20px;
    text-align: left;
}
.ce-contact.list .product table td {
	padding: 0 10px;
}
.ce-contact.list.ce-productfindererg .options {
        display: block;
}
.ce-download {
    max-width: 1240px;
    margin: 0 auto 50px;
    padding: 0 180px;
}
.ce-download h2 {
    margin-top: 45px;
}
.ce-download > div {
    overflow: hidden;
    width: 100%;
}
.ce-download > div > div {
    margin-left: 1.4%;
    float: left;
}
.ce-download > div[data-column="1"] > div{
    width: 100%;
}
.ce-download > div[data-column="1"] > div > p{
    margin-bottom: 0.7em;
}
.ce-download > div[data-column="2"] > div{
    width: 49.3%;
}
.ce-download > div[data-column="3"] > div{
    width: 32.4%;
}
.ce-download > div[data-column="3"] > div:nth-child(3n+1){
    margin-left: 0;
}
.ce-download > div[data-column="4"] > div{
    width: 23.95%;
}
.ce-download > div > div:first-child {
    margin-left: 0;
}
.ce-download > div > div h6 {
    font-weight: 400;
    font-size: 16px;
    background-color: #d7d7d7;
    color: #464646;
    line-height: 20px;
    padding: 15px 10px;
    margin: 0 0 5px;
}
.ce-download > div > div p {
    font-weight: 300;
    font-size: 16px;
    display: block;
    background-color: #f7f7f7;
    color: #464646;
    line-height: 20px;
    padding: 5px 10px;
    margin: 0 0 5.6%;
    font-style: italic;
    background-image: url('../../typo3conf/ext/stoebich/Resources/Public/img/ce-datasheets/download-arrow.png');
    background-repeat: no-repeat;
    background-position: right center;
    font-weight: 400;
}
.ce-download > div > div p a{
    display: block;
}

@media screen and (max-width: 1380px) {
    .ce-download {
        max-width: 90%;
        padding: 0;
    }
}

@media screen and (max-width: 959px) {
    .ce-download > div[data-column="4"] > div {
        margin: 0 0.7% 0 ;
        width: 48.6%;
        float: left;
    }
    .ce-download > div[data-column="4"] > div > p{
        margin: 0 0 2.8%;
    }
}

@media screen and (max-width: 650px) {
    .ce-download > div[data-column="3"] > div {
        margin: 0;
        width: 100%;
        float: left;
    }
    .ce-download > div[data-column="3"] > div > p{
        margin-bottom: 1.4%;
    }
}
@media screen and (max-width: 570px) {
    .ce-download > div > div {
        margin: 0 !important;
        width: 100% !important;
        float: none !important;
    }
    .ce-download > div > div > p{
        margin: 0 0 1.4% !important;
    }
}
.ce-transportsystems {
    overflow: hidden;
    max-width: 1240px;
    margin: 0 auto 50px;
    padding: 0 180px;
}
.ce-transportsystems > div {
    width: 15.5%;
    margin-left: 1.4%;
    margin-bottom: 1.4%;
    display: block;
    overflow: hidden;
    float: left;
}
.ce-transportsystems div:first-child {
    margin-left: 0;
}
.ce-transportsystems > div > p {
    float: none;
    text-align: center;
    line-height: 19px;
    margin-left: 0;
    font-weight: 600;
    font-size: 16px;
    color: #464646;
    margin: 0 0 2px;
    background-color: #f7f7f7;
    padding: 18.5px 15px;
    height: 38px;
}
@media screen and (max-width: 1617px) {
    .ce-transportsystems div p {
        font-size: 15px;
        padding: 18.5px 5px;
    }
}
@media screen and (max-width: 1380px) {
    .ce-transportsystems {
        max-width: 90%;
        padding: 0;
    }
}
@media screen and (max-width: 1200px) {
    .ce-transportsystems > div {
        margin-left: 1.4%;
        width: 23.95%;
    }
    .ce-transportsystems > div:nth-child(4n + 1) {
        margin-left: 0;
    }
}
@media screen and (max-width: 780px) {
    .ce-transportsystems > div {
        width: 31%;
        margin: 0px 1.16666% 2.33333% !important;
    }
}
@media screen and (max-width: 620px) {
    .ce-transportsystems > div {
        width: 48%;
        margin: 0px 1% 2% !important;
    }
}
@media screen and (max-width: 400px) {
    .ce-transportsystems > div {
        width: 100%;
        margin: 0px 0 2% !important;
    }
    .ce-transportsystems div p {
        height: auto;
    }
}
@media screen and (max-width: 359px) {
    .ce-transportsystems {
        max-width: 100%;
    }
}
.ce-productdetails {
    margin: 0 auto 20px;
    overflow: hidden;
    max-width: 1240px;
    padding: 0 180px;
}
.ce-productdetails .demoimage {
    float: left;
    width: 32.4%;
    overflow: hidden;
    background-color: #f7f7f7;
}
.ce-productdetails .demoimage > img {
    float: left;
    width: 100%;
}
.ce-productdetails table {
    float: right;
    width: 66.2%;
    border-collapse: collapse;
}
.ce-productdetails table td {
    background-color: #f7f7f7;
    padding: 15px 20px;
    line-height: 30px;
    font-size: 16px;
    font-weight: 300;
    color: #464646;
    border-right: 2px solid #FFF;
    border-bottom: 2px solid #FFF;
}
.ce-productdetails table td p{
    color: #464646;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    margin: 0.5em 0;
}
.ce-productdetails table td img {
    display: block;
    float: left;
    margin-right: 30px;
}

@media screen and (max-width: 1380px) {
    .ce-productdetails {
        max-width: 90%;
        padding: 0;
    }
}

@media screen and (max-width: 959px) {
    .ce-productdetails .demoimage {
        position: relative;
        overflow: hidden;
        background-color: #F7F7F7;
        float: none;
        width: auto;
        margin: 0 0 20px;
    }
    .ce-productdetails .demoimage > img {
        float: none;
        width: auto;
        display: table;
        margin: 0 auto;
        max-width: 100%;
    }
    .ce-productdetails table {
        float: none;
        width: 100%;
    }
}

@media screen and (max-width: 580px) {
    .ce-productdetails table tr {
        border-top: 2px solid #FFF;
    }
    .ce-productdetails table tr:first-child {
        border-top: none;
    }
    .ce-productdetails table tr td {
        display: block;
        padding: 10px 15px;
        line-height: 20px;
        border: none;
        overflow: hidden;
    }
    .ce-productdetails table tr td:first-child {
        font-weight: 600;
        padding-bottom: 0;
    }
}

@media screen and (max-width: 359px) {
    .ce-productdetails {
        max-width: 100%;
    }
}
/**
 */
.ce-collapsebox {
    position: relative;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 01s ease;
}
.ce-collapsebox .collapseheader {
    background-color: #d7d7d7;
    text-align: right;
    overflow: hidden;
}
.ce-collapsebox .collapseheader > h3 {
    float: left;
    color: #464646;
    font-weight: 600;
    font-size: 16px;
    font-style: italic;
    line-height: 20px;
    margin: 20px;
    text-align: left;
}
.ce-collapsebox .collapsecontent {
    background-color: #f7f7f7;
    overflow: hidden;
    height: auto;
    padding: 25px 20px;
    position: relative;
}
.ce-collapsebox .collapsefooter {
    background-color: #f7f7f7;
    overflow: hidden;
    border-top: 1px solid #FFF;
    text-align: center;
}
.ce-collapsebox .collapsefooter a {
    display: inline-block;
    font-style: italic;
    color: #979797;
    line-height: 20px;
    padding: 10px;
    position: relative;
}
.ce-collapsebox .collapsefooter a:before, .ce-collapsebox .collapsefooter a:after {
    content: '↓';
    display: block;
    position: absolute;
    line-height: 20px;
    font-size: 16px;
    padding: 10px;
    top: 0;
    left: -20px;
    color: #c6c6c6;
}
.ce-collapsebox .collapsefooter a:after {
    left: auto;
    right: -20px;
}
.ce-collapsebox .collapsefooter a.close:before, .ce-collapsebox .collapsefooter a.close:after {
    content: '↑';
}
.ce-collapsebox .collapsefooter a.close {
    display: none;
}
.ce-collapsebox.open .collapsefooter a.close {
    display: inline-block;
}
.ce-collapsebox.open .collapsefooter a.open {
    display: none;
}
.ce-collapsebox .collapsecontent > div {
    float: left;
    padding: 15px 0;
    text-align: center;
    position: relative;
}
.ce-collapsebox .collapsecontent > div a {
    position: relative;
    width: 100%;
    display: block;
    text-align: center;
}
.ce-collapsebox .collapsecontent > div a img {
    display: inline-block;
    clear: both;
    width: 50%;
}
.ce-collapsebox .collapsecontent > div > p {
    font-size: 13px;
    text-align: center;
    line-height: 20px;
    margin: 8px 0;
    clear: both;
}
.ce-collapsebox .collapsecontent > .column-33 {
    width: 33.3333%;
}
.ce-collapsebox .collapsecontent > .column-25 {
    width: 25%;
}
.main > .ce-collapsebox {
    max-width: 1240px;
    margin: 0 auto 50px;
    padding: 0 180px;
    overflow: hidden;
}
.main > .ce-collapsebox .collapsecontent {
    display: none;
    padding: 0;
    box-sizing: border-box;
    padding: 25px 20px;
}
.main > .ce-collapsebox.startopen .collapsecontent {
    display: block;
}
@media screen and (min-width: 660px) {
    .ce-collapsebox .collapsecontent > .column-33:nth-child(3n+1) {
        clear:left;
    }
}
@media screen and (max-width: 865px) {
    .ce-collapsebox .collapsecontent > .column-25 {
        width: 33.3333%;
    }
}
@media screen and (max-width: 660px) {
    .ce-collapsebox .collapsecontent > .column-33, .ce-collapsebox .collapsecontent > .column-25 {
        width: 50%;
    }
    .ce-collapsebox .collapsecontent > .column-33:nth-child(2n+1) {
        clear:left;
    }
}
@media screen and (max-width: 470px) {
    .ce-collapsebox .collapsecontent > .column-33, .ce-collapsebox .collapsecontent > .column-25 {
        width: 100%;
    }
}
@media screen and (max-width: 359px) {
    .main > .ce-collapsebox {
        max-width: 100%;
    }
}
@media screen and (max-width: 1380px) {
    .main > .ce-collapsebox {
        max-width: 90%;
        padding: 0;
    }
}