/* source-sans-pro-300 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/source-sans-pro-v14-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/source-sans-pro-v14-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v14-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v14-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v14-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v14-latin-300.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-300italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/source-sans-pro-v14-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/source-sans-pro-v14-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v14-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v14-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v14-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v14-latin-300italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/source-sans-pro-v14-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/source-sans-pro-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v14-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/source-sans-pro-v14-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/source-sans-pro-v14-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v14-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v14-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v14-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v14-latin-italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
* {
	/* bereits aktiv */
	/*
    hyphens: auto;
    */
    -ms-hyphens: auto;
	-webkit-hyphens: auto;
	-webkit-hyphenate-limit-before: 3; /* Safari */
	-webkit-hyphenate-limit-after: 5;
	-webkit-hyphenate-limit-lines: 2;
	hyphenate-limit-chars: auto 5;
	hyphenate-limit-lines: 2;
}

.ce_text_extented.font-style-quote p {
	border: none !important;
}
.newsteaser.one_third {
	width: 33%;
}
.newsteaser .info, .newsreader .comments, .mod_newslist .info {
	display: none !important;
}
.mod_newslist.anwendungsliste .info {
	display: block !important;
}
.ce_download:not(.ce_download_small) {
	background: #fff;
	color: #696969;
	border-top:1px solid #ddd; border-bottom:1px solid #ddd;
}
.ce_download a, .ce_download a span.size,.ce_download h1, .ce_download h2 {
	color: inherit;
}
.ce_download:after {
	color: #ddd;
}
.ce_text ul li, .ce_text_extented ul li {
    margin-left:20px;
    list-style-type: disc;
}
.ce_testimonial .name {
	font-weight: bold;
}
.historie table {
	line-height:110%;
}
.historie table td {
  height: 40px;
  vertical-align: top;
  padding-right:5px;
}
.historie table td:nth-child(1){
	color: #e30000;
}
.ce_form label a {
	text-decoration:underline;
}
.ce_gallery .capt {
	font-size: 1.2rem !important;
}
.ce_hyperlink.onlineshop a {
	margin-top: 20px;
	padding: 8px;
	width: 100%;
}
.syndication {
	display: none !important;
}
video {
    width: 100% !important;
    height: auto !important;
    max-height:1080px !important;
}
.ce_youtube .privacy a { 
	color: #fff; 
	text-decoration: underline;
}
.mejs__video {
    max-height:900px !important;
}


/********* SIDEBARBOX / CTA *********/

#sidebarbox {
    height: 240px;
    position: fixed;
    top: calc(450px + 60px);
    right: 0;
    width: 250px;
    transform: translateX(250px);
    transition: transform 350ms ease-in-out;
    background-color: #e30000;
    z-index: 99;
}
.sidebarboxInner {
    margin:0;
    padding:20px;
}
.sidebarboxInner p {
    color: #fff;
}
.sidebarboxInner a {
    color: #fff;
}
.sidebarboxInner a.link{
    text-decoration: underline;
}
    
.ctabox input[type="checkbox"]:checked ~ #sidebarbox {
    transform: translateX(0);
}

.ctabox input[type=checkbox] {
    transition: all 0.3s;
    box-sizing: border-box;
    display: none;
}
.sidebarIconToggle {
    background: url(../img/theme/i_com.png);
    background-color: #e30000;
    transition: all 0.3s;
    box-sizing: border-box;
    cursor: pointer;
    position: fixed;
    right: 0;
    top: 500px;
    z-index: 99;
    height: 60px;
    width: 60px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 0;
}

.ctabox input[type=checkbox]:checked ~ .sidebarIconToggle {
    background: url(../img/theme/i_close.png);
    background-color: #e30000;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 0;
}

/********* Artikelbox *********/

.artikelbox {
	padding-bottom: 20px;
}
.artikelbox h2 {
	background-color: #ddd;
	padding-left: 20px;
}
.artikelbox .ce_image {
	padding: 0 20px;
}
.artikelbox .ce_textarea {
	padding: 0 20px;
}
.artikelbox .ce_textarea table{
	padding-bottom: 20px;
}
.artikelbox .download {
	padding: 20px;
}
.artikelbox .download.last {
	padding: 20px 20px 0 20px;
}
.artikelbox .download a {
	color: #000;
	font-weight: bold;
}
.artikelbox .download a:before {
	font-family: "FontAwesome";
	font-weight: normal;
	content: "\f019";
	margin-right: 8px;
}
.artikelbox .shoplink {
	padding: 0 20px;
}
.artikelbox .shoplink a {
	color: #000;
	font-weight: bold;
}
.artikelbox .shoplink a:before {
	font-family: "FontAwesome";
	font-weight: normal;
	content: "\f07a";
	margin-right: 8px;
}
.artikelbox.artikelbox_full {
	height:auto;
    overflow:hidden;
	width: 98%;
	margin-bottom:2%;
	margin-right:2%;
    border:1px solid rgba(0,0,0,0.1);
}

/********* Artikelbox PAGE *********/

.detached .wrap { display: flex; margin: 0; padding: 40px 0 0 0; } /*flex-wrap: wrap;?? */
.detached .ce_image.image { flex: 0 0 50%; padding: 0 40px 40px 40px;}
.detached .download { padding: 20px 0; }
.detached .download.last { 	padding: 20px 0; }
.detached .download a { color: #000; font-weight: bold; }
.detached .download a:hover { color: #e30000; }
.detached .download a:before {
	font-family: "FontAwesome";
	font-weight: normal;
	content: "\f019";
	margin-right: 8px;
}
.detached .shoplink { padding: 0; }
.detached .shoplink a { color: #000; font-weight: bold; }
.detached .shoplink a:hover { color: #e30000; }
.detached .shoplink a:before {
	font-family: "FontAwesome";
	font-weight: normal;
	content: "\f07a";
	margin-right: 8px;
}

/********* THUMBS *********/

.wrap_row { 
	display: flex; 
	flex-wrap: wrap; 
	margin: 0; 
	padding: 40px 0 0 0;
}
.thumb { 
	position: relative; 
	width: 100%; 
	flex: 0 0 33.33%; 
	border: 1px solid rgba(0,0,0,0.1);
}
.thumb h3 { margin-bottom: 0; }
.wrap_inner { 
	position: relative; 
	display: flex; 
	flex-direction: column; 
	min-width: 0; 
	word-wrap: break-word; 
	height: 100%; 
}
a.thumb_link { 
	display: flex; 
	flex-wrap: wrap; 
	margin: 0; 
	padding: 0; 
	height: 100%;
}
.thumb_header { padding: 15px; }
.thumb_content { 
	margin-left: auto; margin-right: auto; margin-top: auto; 
	padding-bottom: 15px; 
}
.thumb a.thumb_link img { 
	vertical-align: middle; 
	transition: All 0.3s ease; 
	-webkit-transition: All 0.3s ease; 
}
.thumb a.thumb_link:hover img { 
	transform: scale3d(1.1,1.1,1); 
	-webkit-transform: scale3d(1.1,1.1,1); 
}

/********* Lieferprogramm *********/

.lieferprogramm h1, .lieferprogramm .h1 {
	background-color: #ddd;
	padding: 5px 0 5px 20px;
	margin-right: 2.4%;
	margin-bottom: 30px;
	border-left: 2px solid #e30000;
}
.lieferprogramm .h1 {
	margin-top: 20px;
}
.lieferprogramm .container {
	padding-top: 0 !important;
}
.lieferprogramm .mod_pageimage .inside > .container {
	height: 450px;
}
.mew_download .artikelbox .ce_image {
	overflow:visible;
}
.mew_download .artikelbox img {
	border: solid 1px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.15);
}

/********* Nav Lieferprogramm *********/

.lieferprogramm .subnav a {
	padding: 5px 10px 5px 35px;
}
.lieferprogramm .subnav a.a-level_1 {
	padding-left:20px;
}
.lieferprogramm .subnav a.a-level_1:before {
	font-family: "FontAwesome";
	font-weight: normal;
	content: "\f101";
	margin-right: 8px;
}
.lieferprogramm .subnav a:hover, .lieferprogramm .subnav a.active {
    background: rgb(245,245,245);
}
.lieferprogramm .subnav a.a-level_2:before {
	font-family: "FontAwesome";
	font-weight: normal;
	content: "\f105";
	margin-right: 8px;
}
.lieferprogramm .subnav a.a-level_3 {
	padding-left:50px;
}
.lieferprogramm .subnav a.a-level_3:before {
	font-family: "FontAwesome";
	font-weight: normal;
	content: "\·";
	margin-right: 8px;
}

.lieferprogramm_sub { width: 100%; }
.lieferprogramm_sub ul { 
	font-size: 18px;
	display: flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; 
	justify-content:flex-start; -webkit-justify-content:flex-start; -ms-justify-content:flex-start; -ms-flex-pack:start;
	/*justify-content:space-between; -webkit-justify-content:space-between; -ms-justify-content:space-between; -ms-flex-pack:justify;*/
}
.lieferprogramm_sub li { 
	display: table; 
	width: 30.9%; 
	height: 68px; 
	margin: 0 2.4% 3% 0;
}
.lieferprogramm_sub a { 
	padding: 0 15px; 
	display: table-cell; 
	vertical-align: middle; 
	text-align: center; 
	background-color: #ddd;
	background-image: url(../img/theme/chevron.png);
	transition: background-color 0.3s;
} 
.lieferprogramm_sub a:hover { background-color: #e30000; color: #fff; }

/********* MASONRY *********/

.artikelgrid {
    max-width:845px;
    box-sizing: border-box;
}
.artikelgrid:after {
    clear:both;
    display:block;
    content: '';
}
.artikelgrid-sizer,
.artikelgrid-item {
    width:48%;
}
.artikelgutter-sizer {
    width:2%;
}
.artikelgrid-item {
    height:auto;
    overflow:hidden;
    float:left;
    margin-bottom:2%;
    border:1px solid rgba(0,0,0,0.1);
}
.artikelgrid-item figure {
    width:100%;
    height:100%;
    position:relative;
    display:block;
}
.artikelgrid-item figure img {
    width:100% !important;
    height:auto;
    max-width:none;
}

/********* Viewports *********/
@media only screen and (max-width: 960px) {
	.thumb { flex: 0 0 50%; }
	.detached .wrap { display: block; }
}
	
@media only screen and (max-width: 767px) {
	#sidebarbox { top: calc(200px + 60px); }
	.sidebarIconToggle { top: 200px; }
	.lieferprogramm .mod_pageimage .inside > .container { height: 200px; }
	.lieferprogramm .container { margin-top: 30px; }
	.artikelgrid { max-width:1200px; }
	.artikelgrid-sizer, .artikelgrid-item { width:100%; }
	.artikelgrid-item { margin-bottom:20px; }
	.lieferprogramm h1, .lieferprogramm .h1 { margin-right: 0;}
	.lieferprogramm_sub li { width: 47%; margin: 0 3% 3% 0; }
	.artikelbox.artikelbox_full { width: 100%; margin-right:0; }
	.artikelbox .ce_image { padding: 0 12%; }
}
@media only screen and (max-width: 640px) {
	.lieferprogramm_sub li { width: 100%; margin: 0 0 3% 0; }
}	
	