/*###################Changelog####################
##################################################

25.01.2016 	Infinite Scrolling 		Problem: Beiträge wurden nicht nachgeladen (Kategorie:ez_365)
						Lösung: Backend Umleitung einrichten (werbeagentur/alle_inhalte/ez_365)
					
02.02.2016	.nav-5 (Test)			per css ausgeblendet

04.02.2016	fonts.com			Abo erneuert + fonts per Javascript eingebunden statt:
						<link type="text/css" rel="stylesheet" href="http://fast.fonts.com/cssapi/6cfaece7-7d65-43d4-92be-a4046ec9cdcd.css"/>
					
29.02.2016	Ls-slider IE Bug		öhe und Breite per css ausgelesen und dem "ls-layer a"	übergeben
						Ort: colly.js
						Search for: Ls-slider IE Bug
					
30.06.2016	index.php
		masonry.css
		snow_konfetti.js		Fussball-Konfetti
		
29.11.2016	index.php			scrollorama auf < 1024, Abstand #content nach oben zum .header
		masonry.css
		
		doppeltes "Kundenliste"		#563 $('#breadcrumbs a[href*="kundenliste"]').remove();
		
09.12.2016	Timestamp in infinitescroll	von Mario, Problem: doppeltes Lottchen (cache?)

14.12.2016	.htaccess caching deaktiviert	Uwe    -----------"------------

02.02.2017 ausblenden des Pressebereichs
02.08.2017 Korrektur #2702 Pressebereich (auch im Footer)

22.02.2017 einblenden des Pressebereichs(inkl. Footer) #2704

*/






/***** Kunden Logos *****/
    #kunden .box img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
    opacity: 0.5;
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
     transition: opacity 0.5s;
}
#kunden .box:hover  img{
    filter: none;
    -webkit-filter: grayscale(0%);
    opacity: 1;
    
    
}

#kunden .box {
  background-color: #fff !important;
}


/**** Ende Kundenlogos ****/

/******  Detailseite ******/
.navi_detail {
    position: fixed;
    top: 15px;
    left: 15px;
    width: 400px;
    
}
.navi_detail a {
   /* color: #bbb; */
 
}

#detail .ez-logo-detail {
	position: absolute; 
	top: 30px; 
	right: 50px; 
	z-index: 1;
}

#detail h2 {
    /*min-height: 129px;*/
    padding-top: 5px;
    padding-bottom: 0px;
    
}

.ls-defaultskin {
    padding: 0px !important;
    background: #f7f7f7;
    box-shadow: 0px !important;
    -moz-box-shadow: 0px !important;
    -webkit-box-shadow: 40px !important;
    border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
}
.ls-defaultskin {
    padding: 5px;
    background: #F7F7F7;
    box-shadow: 0px 0px 0px 0px white !important;
    -moz-box-shadow:0px 0px 0px 0px white !important;
    -webkit-box-shadow: 0px 0px 0px 0px white !important;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}


.ls-defaultskin .ls-bottom-nav-wrapper {
    text-align: center;
    /*margin: -61.7% auto 0px auto !important;*/
    position: absolute !important ;
    top: 10px;
    left: 47%;
     opacity: 0;
    /*    transition: opacity .75s ease-in-out;
        -moz-transition: opacity .75s ease-in-out;
        -webkit-transition: opacity .75s ease-in-out;*/
}

.ls-defaultskin .ls-nav-prev,
.ls-defaultskin .ls-nav-next {
	width: 45px !important;
	height: 185px !important;
	z-index: 10000;
        border: 0px solid red;
	top: 45% !important;
	margin-top: -27px;	
	position: absolute;
        
}
.ls-defaultskin .ls-nav-next {
	background-position: -120px 0px !important;
        margin-right: 25px;
        opacity: 0;
     /*   transition: opacity .75s ease-in-out;
        -moz-transition: opacity .75s ease-in-out;
        -webkit-transition: opacity .75s ease-in-out;*/
}
.ls-defaultskin .ls-nav-next:hover {
	margin-right: 25px;
        opacity: 1.0 !important;
        
}

.ls-defaultskin .ls-nav-prev {
	background-position: -30px 0px !important;
        margin-left: 25px;
        opacity: 0;
   /*     transition: opacity .75s ease-in-out;
        -moz-transition: opacity .75s ease-in-out;
        -webkit-transition: opacity .75s ease-in-out;*/
}

.ls-defaultskin .ls-nav-prev:hover {
        margin-right: 25px;
        opacity: 1.0 !important;
        
}
.ls-container:hover .ls-nav-prev , .ls-container:hover .ls-nav-next, .ls-container:hover .ls-bottom-nav-wrapper {
    opacity: 1.0;
    
}
.ls-inner {
  background-color: white !important;
}
#detail {
    /*background: #bbb;*/
    position: relative;
    /*height: 80% !important;*/
}

.slider {
    position: relative;
    margin: 0 1%;
    box-shadow: 0px 1px 50px 0px rgba(0, 0, 0, 0.5) !important;

}

.infolayer_detail, .infolayer_detail_2 {
    position: absolute;
    left: 0;
    bottom: 0;
    /*margin: 0px 30px 30px 30px!important;*/
    /*padding: 0 30px 30px 30px;*/
    width: 100%
}

.infolayer_detail {
	margin-bottom: 10px;
}

.detail-content-wrapper {
	position: relative;
        box-shadow: 0px 0px 10px 0px #AAA !important;
	margin-left:30px;
	margin-right: 30px;
}

.detail-content-transparent {
	position: absolute;
	border: 0px solid #bbb;
	border-radius: 2px;
	width: 100%;
	height: 100%;
	z-index: 0;
	background-color: #fff;
        padding-bottom: 10px;
	background: -webkit-gradient(linear,left bottom,left top,color-stop(0.5, rgba(255, 255, 255, 1.0)),color-stop(1.0, rgba(255, 255, 255, 0.9)));
	background: -moz-linear-gradient(center bottom, rgba(255, 255, 255, 1.0) 50%, rgba(255, 255, 255, 0.9) 100%) repeat scroll 0% 0% transparent;
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#aaffffff', endColorstr='#ffffffff')
	
        
}

.detail-content {
	position: relative;
	width: 100%;
	overflow: hidden;
	/*min-height: 310px;*/
	padding-top: 20px;

}

.detail-content-left {
	/*background-color: #fff;*/
	width: 67%;
	float: left;
	margin-top: -5px;
}

.detail-content-right {
	/*background-color: yellow; */
	width: 33%;
	float: right;
    position: relative;
    bottom: 15px;
    margin-top: 15px;
}


.detail-info, .detail-kontakt,
.artikel-info, .artikel-kontakt {
	color: #fff;
}

.detail-info, .artikel-info {
	padding: 10px;
	background: #464639;
	margin-bottom: 5px;
	-webkit-border-radius: 2px;
         -moz-border-radius: 2px;
          border-radius: 2px;
}


.detail-kontakt, .artikel-kontakt {
	padding: 10px;
	background: #FF5300;
	-webkit-border-radius: 2px;
         -moz-border-radius: 2px;
          border-radius: 2px;
	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF5300', endColorstr='#E13900'); /* for IE */
	
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top left, #FF5300 0%, #E13900 100%);
	
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top left, #FF5300 0%, #E13900 100%);
	
	/* Opera */ 
	background-image: -o-linear-gradient(top left, #FF5300 0%, #E13900 100%);
	
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #FF5300), color-stop(1, #E13900));
	
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top left, #FF5300 0%, #E13900 100%);
	
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to bottom right, #FF5300 0%, #E13900 100%);
}

.detail-kontakt a, .artikel-kontakt a {
	display: inline-block;
	padding: 5px 5px 5px 5px;
	background-color: #fff;
	color: #eb4800;
        margin-top:10px;
        font-family:"HelveticaNeueW01-65Medi" !important;
        border-bottom: 1px solid #d94700;
}


.detail .noclick {
    /*position: relative !important;*/
}

.detail .infolayer_detail_2 {
    background: none;
    width: 100%;
    z-index: 1;
    padding-bottom: 0px;
    border-bottom: 0px solid white;
}

.infolayer_detail_right, .infolayer_detail_left {
	 padding: 0px 15px 0 20px;
}
.infolayer_detail_left p{
	 font-weight: 100;
}

.detailseite_infolayer_description, .vorspann_detailseite_infolayer_description {
    margin-bottom: 40px;
    font-family: "Memphis SR W01 Medium" !important;
    position: relative;
    /*bottom: 30px;*/
}
.detailseite_infolayer_description strong, .infolayer-description strong {
  font-family:"HelveticaNeueW01-65Medi" !important;
}

.vorspann_detailseite_infolayer_description {
    margin-bottom: 20px;
    margin-top: 20px;
  
}

.infolayer_detail_right table, .infolayer-artikel table {
	padding: 0;
	margin: 0;
	text-shadow: 0px -1px 0px rgba(0,0,0,0.25);
}

.infolayer_detail_right table a, .infolayer-artikel table a {
	text-shadow: 0px 0px 0px rgba(0,0,0,0.25);
}

.infolayer_detail_right th, .infolayer-artikel th, .detail-content h3 {
    font-family:"HelveticaNeueW01-Thin" !important;
    font-size: 14pt;
    text-align: left;
    font-weight: 100;
}

 .infolayer-icon_up, .infolayer-icon_down {
	position: absolute;
	bottom: 0px;
	width: 80px;
	height: 34px;
	z-index: 1;
}

.detail .infolayer-icon_up, .infolayer-icon_down {
    background-color: #fff;
    opacity: 1;
    position: relative;
    margin: 0 auto;
    z-index: 5;
}

.detail .infolayer-icon_up {
    background: url("../images/infolayer_up.jpg") no-repeat top left;
        bottom: 0px;
	box-shadow: 0px -3px 3px 0px rgba(0,0,0, 0.2) !important;
    -webkit-box-shadow: 0px -3px 3px 0px rgba(0,0,0, 0.2) !important;
    -moz-box-shadow: 0px -3px 3px 0px rgba(0,0,0, 0.2) !important;
}

.detail .infolayer-icon_down {
    background: url("../images/infolayer_down.jpg") no-repeat top left;
    box-shadow: 0px -3px 3px 0px rgba(0,0,0, 0.2) !important;
    -webkit-box-shadow: 0px -3px 3px 0px rgba(0,0,0, 0.2) !important;
    -moz-box-shadow: 0px -3px 3px 0px rgba(0,0,0, 0.2) !important;
    opacity: 0.9;

}

.detail_hover {
  
    height: 30%;
    background: none;
    position: absolute;
    bottom: 0px;
    opacity: 0.5;
    left: 0;
    width: 100%;
    z-index: 2;
    color: black;
    height: 50px;

}


.page-footer {
	margin: 20px 
}


/****** End  Detailseite ******/




/**** Base styles ****/


#ascrail2000 {
    position: relative;
    top: 211px;
    z-index: 9999;
  
}

.detail #ascrail2000 {
    margin-top: 0px !important;
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;

}
h2, h4 {
      -webkit-margin-before: 0px !important;
    -webkit-margin-after: 0px !important;
    -webkit-margin-start: 0px !important;
    -webkit-margin-end: 0px !important;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

html {
  overflow-y: scroll;
  
}

body { 
  font: 13px 'HelveticaNeueW01-Thin', Arial, sans-serif;
  background: #fff;
  color: #464639;
  line-height: 1.6em;
}

.page {
    background-color: #828175;
}

a {
  color: #000;
  text-decoration: none;
}

#breadcrumbs a:hover {
  color: #ddd;
}
#mobile_navi_pfeil {
    display: none;
}
td a:hover, .linklayer-teaserbox a{
    background-color: #f5e5de;
}

a img {
  border: none;
}

/****** Headlines ******/
h1, h2, h3, 
h1 p, h2 p, h3 p {
	font-size: 46px;
	padding: 0 0 0px 0;
	line-height: 110%;
	text-shadow: 1px -1px 0 #ddd;
	font-family: "HelveticaNeueW01-Thin" !important;

	
}

h1, h1 p {
	font-size: 35px;
	padding-bottom: 15px;
}

h2 {
	/*padding-bottom: 40px;*/
}

h2, h2 p {
	font-size: 46px;
}

h3 {
	/*padding-bottom: 30px;*/
}
.detailseite_infolayer_description h3 {
    padding-bottom: 20px
}

.infolayer h3, h3 p {
	font-size: 38px;
	
}

h4 {
	font-size: 10px;
	padding: 0 0 8px 0;
}

h2 strong, h3 strong {
    font-family:"HelveticaNeueW01-65Medi" !important;
}

h1.weiss, h1.weiss p,
h2.weiss, h2.weiss p,
h3.weiss, h3.weiss p,
h4.weiss, h4.weiss a, 
div.weiss, div.weiss p {
	color: #fff;
	text-shadow: 0px -1px 0px rgba(0,0,0,0.25);
        /*font-family: "HelveticaNeueW01-Thin" !important;*/
        font-weight: 100 !important;
}



h1, h1.schwarz, h1.schwarz p,
h2.schwarz, h2.schwarz p, 
h3.schwarz, h3.schwarz p,
h4.schwarz, h4.schwarz a,
div.schwarz, div.schwarz p,
.infolayer_detail_left h4 a,
.infolayer_detail_left h4.weiss
{
	color: #464639;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.15);
	font-weight: 100;
	
}

h2.schwarz p, h3.schwarz p  {
   font-family: "HelveticaNeueW01-Thin" !important;
   font-weight: 100 !important;
   /*margin-top: 5px;*/
}

.infolayer h4, .main_content h4, .infolayer_detail_left h4 a, .layer-box-content h4{
    font-family:"HelveticaNeueW01-65Medi" !important;
}

h1.orange, h1.orange p,
h2.orange, h2.orange p,
h3.orange, h3.orange p,
h4.orange, h4.orange a,
div.orange, div.orange p {
	color: #FF3300;
	text-shadow: 0px -1px 0 #333;
        font-weight: 100 !important;

}
.td-left, .td-right {
}
.td-right {
    font-family: "Memphis SR W01 Medium" !important;
    }
.td-right strong {
    font-family:"Memphis SR W01 Bold" !important;
    }
.td-left {
    font-family:"HelveticaNeueW01-65Medi" !important;
    font-weight: 100;
    font-size: 11px;
}


.col5 .description-text {
	padding-top: 30px;
}

.col3 .description-text {
	padding-top: 20px;
}

.col3 .description-text p {
	font-weight: normal;
}

/****** END Headlines ******/


.header {
	background-color: #828175;
	height: 224px;
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 5000;
	border: 0px solid green;
	padding: 10px 30px 11px 30px;
	display: block;	
}

.header .col6 , .header .col3 {
	float: left;
}

.ez-logo {
	margin: 0 auto;
	/*padding-right: 10%;
	padding-top: 17%;*/
	max-width: 70%;
        width: 100%;
        height: 100%;	
}
.ez-logo img {
      position: relative;
      top: 40%;
      margin: 0 auto;
        
}

/**** Footer: Anschrift, Sitemap ****/

.footer {
	padding: 30px 0px 30px 0px;
	overflow: hidden;
    background: #828175;
        
}



.box-wrapper {
	padding: 20px 20px;
    font-family:"Memphis SR W01 Medium" !important;
    font-weight: 100 !important;
    font-size: 15px;
        
}
.tel {
	padding: 0px 0px;
    font-family:"Memphis SR W01 Medium" !important;
    font-weight: 100 !important;
    font-size: 15px;
    color: #848377;
        
}


.sitemap-box .box-wrapper {
	margin-top: 13px;
	padding-top: 0px;
        
}

.address-box .box-wrapper  {
	position:relative;
	padding-top: 52px;
}

.sitemap-box .sitemap-list-box  {
        padding-top: 12px !important;      
}        
        
.address-box, .sitemap-box {
	float: left;
	background-color: #4c4c3f;
    -webkit-border-radius: 2px;
	-moz-border-radius: 2px;
          border-radius: 2px;
}

.address-box {
	width: 39%;
	min-width: 300px;
	margin-left: 30px;
	color: #848377;
    text-shadow: 0px -1px 0px rgba(0,0,0,0.5);
	padding-bottom: 500px;
	margin-bottom: -500px;
        
}

.box-wrapper ul.post-links li.schwarz a {
        background-color:  #848377;
        text-shadow: 0px 1px 0px rgba(255,255,255,0.3);
}

.box-wrapper ul.post-links li.schwarz a:hover {
        
	background-color:  #7b7a6f;
        
}

.sitemap-box {
	width: 60%;
	padding-bottom: 500px;
	margin-bottom: -500px;
        
       
}

.sitemap-list-box {
	/*width: 99%;*/
}

.sitemap-box ul li a{

        font-size: 18px;
	font-family:"HelveticaNeueW01-Thin" !important;

        
}

ul.sitemap-list {
	float: left;
	width: 33.3%;
	list-style: none;
	margin: 0;
  	padding: 0;
}

ul.sitemap-list li a, .box-wrapper h4.weiss{
	color: #848377;
	text-shadow: 0px -1px 0px rgba(0,0,0,0.5);
        }

ul.sitemap-list li a:hover{
	color: #aaa;
}
.footer ul.post-links li.schwarz a {
         border-bottom: 1px solid #333;
}
ul.sitemap-list li.first-item a {
	font-size: 24px;
}

ul.sitemap-list li {
        margin-bottom: 10px;
}

/* SEO */

.main_content {
	background-color: #828175;
	padding: 55px 30px 20px 45px;
	font-size: 11pt;
}

.main_content .wpcolumn {
    width: 30% !important;
    margin-right: 3% !important;
}

.main_content strong {
    font-family:"HelveticaNeueW01-65Medi" !important;
}
.main_content a {
    color: #464639;
}

/**** Ende Footer ****/






/****** Navi-Icons******/

.navi_icons {
	height: 12px;
	padding-bottom: 10px;
	margin-left: 5px;

	
}
.navi_icons a{
	/*height: 12px;
	width: 20px;
	display: block;*/
	height: 12px;
	width: 30px;
	
	padding-left: 24px;
	padding-top: 0px;
	vertical-align: top;
	font-size: 11px;
	line-height: 9px;
	color: #C0BFBA;
	 text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.5);
	
}

.navi_icons a span {
	display:none;
	transition: width 2s;
-moz-transition: width 2s; /* Firefox 4 */
-webkit-transition: width 2s; /* Safari and Chrome */
-o-transition: width 2s; /* Opera */
	line-height: 5px;
	
	vertical-align: top;
	margin-top: 2px;
	padding-right: 10px;
}

.navi_icons a:hover spanXXX {
	/*width: 150px;*/
	line-height: 5px;
	display:inline-block;
	vertical-align: top;
	margin-top: 2px;
	padding-right: 10px;
}
.navi_icon_home, .navi_icon_kontakt, .navi_icon_impressum, .navi_icon_telefon {
	/*width: 20px;*/
	height: 12px;
	float: left;
	padding-right: 0px;
}

.navi_icon_home {
	background: url("../images/kontakt.png") no-repeat -0px 0px;
}
.navi_icon_kontakt {
	background: url("../images/mail.png") no-repeat -0px 0px;
	padding-right: 0px;
}
.navi_icon_impressum {
	background: url("../images/impressum.png") no-repeat -0px 0px;
}
.navi_icon_telefon {
	background: url("../images/telefon.jpg") no-repeat -0px 0px;
	margin-top: 0px;
	height: 14px;
	
}

.navi_icon_impressum span {
	margin-left: -10px;

	
}
.agb {
	margin-left: -35px !important;
}

.category-agb .layer-box-content {width: 95% !important;}

/*.navi_icon_home a:hover {
	background: url("../images/kontakt.png") no-repeat -354px -15px;
}
.navi_icon_kontakt a:hover {
	background: url("../images/bg_navi_hover.png") no-repeat -385px -15px;
}
.navi_icon_impressum a:hover{
	background: url("../images/bg_navi_hover.png") no-repeat -415px -15px;
}*/


/****** Navi-Icons******/


/****** Navigation ******/

/* NEU */
#site-navi {
    padding-top: 0px;
    position: absolute;
    top: 37%;
    left: 30px;
    z-index: 1;
    /*display: none;*/
    font-family:"HelveticaNeueW01-Thin" !important;
    /*width: 754px;*/
    width: 220%;
    
}

#detail #site-navi {

    width: 100%;
    
}

#site-navi .current-cat-active a {
	-webkit-box-shadow:0px 1px 4px 0px rgba(0,0,0,0.15) !important;
	-moz-box-shadow:0px 1px 4px 0px rgba(0,0,0,0.15) !important;
	box-shadow:0px 1px 4px 0px rgba(0,0,0,0.15) !important;
	border-bottom: 1px solid rgba(0,0,0,0.25);
}

#site-navi ul.nav ul {
	display: none;
}

#site-navi ul.nav:hover ul {
	display: block;
}


#site-navi ul.nav {
	float: left;
	width: 244px;
	padding: 0;
	margin: 0;
	opacity: 1 !important;
	
}

#site-navi ul.nav li {
	width: 244px;
}

#site-navi ul.nav .nav-tree, #site-navi ul.nav .nav-root {
	-webkit-box-shadow:0px 1px 4px 0px rgba(0,0,0,0.15) !important;
	-moz-box-shadow:0px 1px 4px 0px rgba(0,0,0,0.15) !important;
	box-shadow:0px 1px 4px 0px rgba(0,0,0,0.15) !important;
	border-bottom: 1px solid rgba(0,0,0,0.25);
}


#site-navi ul.nav li {
	list-style: none;
	padding-left: 0;
	
}


#site-navi .nav-1, #site-navi .nav-2 {
	width: 100%;
}

#site-navi .nav-parent, #site-navi .nav-children {
	border: 0px solid green; 
	float: left;
}

#site-navi .nav-parent {
	width: 26%;
}

/*Kann nach neuer Navi entfallen Zeile #919 bis #929*/
#site-navi .listCol1 {
	width: 26%;
}

#site-navi .listCol2 {
	width: 25%;
}

#site-navi .listCol3 {
	width: 23%;
}


/*Kann nach Freischaltung der neue Navi entfallen! siehe Zeile #2459 */
#site-navi .nav-1, #site-navi .nav-2, #site-navi .nav-3,  #site-navi .nav-4 {
	padding: 15px 0;
	/*width: 694px*/
	width: 220%;

}
#site-navi .nav-1 {
	background-color: #ea4000;
	border-radius: 2px 2px 0px 0px;
	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF5300', endColorstr='#E13900'); /* for IE */
	
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top left, #FF5300 0%, #E13900 100%);
	
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top left, #FF5300 0%, #E13900 100%);
	
	/* Opera */ 
	background-image: -o-linear-gradient(top left, #FF5300 0%, #E13900 100%);
	
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #FF5300), color-stop(1, #E13900));
	
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top left, #FF5300 0%, #E13900 100%);
	
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to bottom right, #FF5300 0%, #E13900 100%);
 }
 
  

#site-navi .nav-2 {
	background-color: #828175;
	border: 0px solid blue;
	border-radius: 0px 0px 0px 0px;
	/*box-shadow: 0 1px 1px 1px #555;*/
	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#79796c', endColorstr='#6f6f62'); /* for IE */
	
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top left, #79796c 0%, #6f6f62 100%);
	
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top left, #79796c 0%, #6f6f62 100%);
	
	/* Opera */ 
	background-image: -o-linear-gradient(top left, #79796c 0%, #6f6f62 100%);
	
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #79796c), color-stop(1, #6f6f62));
	
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top left, #79796c 0%, #6f6f62 100%);
	
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to bottom right, #79796c 0%, #6f6f62 100%);
		
}

#site-navi .nav-3 {
	background-color: #828175;
	border: 0px solid blue;
	border-radius: 0px 0px 0px 0px;
	/*box-shadow: 0 1px 1px 1px #555;*/
	
	background: #838276; /* Old browsers */
background: -moz-linear-gradient(left,  #79796c 0%, #5d5d4e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#79796c), color-stop(100%,#5d5d4e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #79796c 0%,#5d5d4e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #79796c 0%,#5d5d4e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #79796c 0%,#5d5d4e 100%); /* IE10+ */
background: linear-gradient(to right,  #79796c 0%,#5d5d4e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#79796c', endColorstr='#5d5d4e',GradientType=1 ); /* IE6-9 */

		
}

#site-navi .nav-4 {
	background-color: #828175;
	border: 0px solid blue;
	border-radius: 0px 0px 2px 2px;
	/*box-shadow: 0 1px 1px 1px #555;*/
	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#79796c', endColorstr='#6f6f62'); /* for IE */
	
background: #79796c; /* Old browsers */
background: -moz-linear-gradient(left,  #79796c 0%, #555142 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#79796c), color-stop(100%,#555142)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #79796c 0%,#555142 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #79796c 0%,#555142 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #79796c 0%,#555142 100%); /* IE10+ */
background: linear-gradient(to right,  #79796c 0%,#555142 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#79796c', endColorstr='#555142',GradientType=1 ); /* IE6-9 */

		
}

#site-navi .nav-1, #site-navi .nav-2 {
	/*background-color: #ddd;*/
	
}

#site-navi .nav-1 li a, #site-navi .nav-2 li a, #site-navi .nav-3 li a, #site-navi .nav-4 li a {
    color: #fff;
    font-size: 18px; /*Kann nach neuer Navi entfallen siehe Zeile #2475/*
    padding: 0px;
    /*background-color: #ddd;*/
    padding: 5px 10px 5px 10px;
	display: inline-block;
	margin: 3px 0 0 0; /*Kann nach neuer Navi entfallen siehe Zeile #2475 ff.*/
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

#site-navi .nav-parent li a {
	font-size: 24px;
	/*padding-bottom: 10px;*/
	padding: 7px 10px 8px 10px;
	margin: 0 0 0 10px;
}

#site-navi .nav-root {
	margin: 0;
	padding: 15px 0;
	border-radius: 2px 2px 2px 2px;
}

#site-navi .nav-root a {
	display: inline-block;
	color: #fff;
	font-size: 24px;
	padding: 7px 10px 8px 10px;
	margin: 0 0 0 10px;
}

#site-navi .nav-root a:hover {
	background-color: #c4c4b0;
	border-bottom: 1px solid rgba(0,0,0,0.25);
	margin-bottom: -1px;
}

#site-navi .nav-1 li a:hover, #site-navi .nav-1 li.current-cat a {
	background-color: #e94000;
	border-bottom: 1px solid rgba(0,0,0,0.25);
	margin-bottom: -1px;
}

#site-navi .nav-2 li a:hover, #site-navi .nav-2 li.current-cat a,
#site-navi .nav-3 li a:hover, #site-navi .nav-3 li.current-cat a,
#site-navi .nav-4 li a:hover, #site-navi .nav-4 li.current-cat a
	{
	background-color: #706f65;
	border-bottom: 1px solid rgba(0,0,0,0.25);
	margin-bottom: -1px;
}

#site-navi .current-cat-active a {
	display: block;
	font-size: 24px;
	padding: 12px 0 12px 18px;
	background: url("../images/bg_navi.png") no-repeat -100px -104px;
    -webkit-border-radius: 2px;
	-moz-border-radius: 2px;
    border-radius: 2px;
	background-color: #fff;
	width: 227px;
	text-shadow: 1px -1px 0 #DDD;
}

#site-navi .nav-root {
	background-color: #d5d5c1;
	/*width: 694px;*/
	width: 220%;
}

#site-navi ol, #site-navi ul {
    padding-left: 0px;
}
#site-nav .nav-children li {
    /*padding-right: 20px;*/
    
    
}




/* ALT */

#site-nav {
    padding-top: 0px;
    position: absolute;
    top: 37%;
    left: 30px;
    z-index: 1;
}

#detail #site-nav {
     left: 40px;
}

#site-nav #nav-1, #site-nav ul#nav-2{
  float: left;
  width: 245px;
  padding: 0;
     
}

 #site-nav #nav-1, #site-nav ul#nav-2{
        -webkit-box-shadow:0px 1px 4px 0px rgba(0,0,0,0.15) !important;
	-moz-box-shadow:0px 1px 4px 0px rgba(0,0,0,0.15) !important;
	box-shadow:0px 1px 4px 0px rgba(0,0,0,0.15) !important;
	border-bottom: 1px solid rgba(0,0,0,0.25);
}



#site-nav ul#nav-2 {
	margin-left: 10px;
}

#site-nav ul#nav-1 ul, #site-nav ul#nav-2 ul {
	display: none;
	margin-top: -2px;   
}

#site-nav ul#nav-1:hover ul, #site-nav ul#nav-2:hover ul {
	display: block;
        
}

#site-nav ul {
  list-style: none;
  padding-left: 0;
  font-size: 24px;
  /*height:40px; Striche Navi*/
  
 
}

#site-nav ul#nav-1 ul {
	width: 245px !important;
	/*background-color: #ddd;*/
	
}

#site-nav ul li, #site-nav ul li a {
	color: #FF3300;
}

#site-nav ul li a {
	display: block;
	padding: 12px 0 12px 18px;
	color: #464639;
        font-family: "HelveticaNeueW01-Thin";
}

#site-nav ul#nav-1 li.cat-item {
	background-color: #fff;
	
}

#site-nav ul#nav-2 ul li.cat-item {
	background-color: #fff;
}


#site-nav ul#nav-1 li.current-cat a, #site-nav ul#nav-1 li.cat-item a {
	 background: url("../images/bg_navi.png") no-repeat -100px -15px;
        -webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-bottom-radius: 2px;
	
}


#site-nav ul#nav-1 li.current-cat-active a {
	 background: url("../images/bg_navi.png") no-repeat -100px -104px;
        -webkit-border-radius: 2px;
	-moz-border-radius: 2px;
        border-radius: 2px;
}

/*#site-nav ul#nav-1 li.current-cat-active a:after {border-bottom: 1px solid #ccc; 
    color: transparent; content: "."; display: block; 
    height: 12px; width: 210px; padding-top: 0px;
    }Striche Navi*/
    
    
#site-nav ul#nav-1 li.current-cat-active a:hover, #site-nav ul#nav-2 li.current-cat-active a:hover {

	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}


#site-nav ul#nav-2 li.current-cat-active a {
	 background: url("../images/bg_navi.png") no-repeat -355px -104px;
        -webkit-border-radius: 2px;
	-moz-border-radius: 2px;
        border-radius: 2px;
}



#site-nav ul#nav-1 li.current-cat ul li a, #site-nav ul#nav-1 ul li.cat-item a {
	 background: none;
}

/****** Trennlinie für KUNDEN ******/

#site-nav ul#nav-2 li.cat-item hr.stripline {
	height: 1px; 
	margin: 0 10px 0px 10px; 
	padding: 0px; 
	border: none; 
	border-top: 1px solid #ddd;
}


.cat-back {
  display: block;
  float: left;
  width: 48px;
  height: 43px;
  border: 0px solid red;
  background: url("../images/bg_navi.png") no-repeat -42px -105px;
    -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  margin-right: 10px;
        -webkit-box-shadow:0px 1px 4px 0px rgba(0,0,0,0.15) !important;
	-moz-box-shadow:0px 1px 4px 0px rgba(0,0,0,0.15) !important;
	box-shadow:0px 1px 4px 0px rgba(0,0,0,0.15) !important;
	border-bottom: 1px solid rgba(0,0,0,0.65);
	  margin-top: -0.5px;
        
}
.cat-back:hover{cursor: pointer;}
.cat-back a {
   width: 48px;
  height: 43px;
  display: block;



}

.cat-back.hide {
	visibility: hidden;
}

.single .cat-back.hide {
	visibility: visible;
}

/****** END Navigation ******/

/****** Breadcrumb Navigation ******/

#breadcrumbs {
	margin: 0;
	padding: 7px 0 0 8px;
	list-style: none;
        
}

#breadcrumbs li {
	float: left;
	color: #464639;
	padding-right: 20px;
        font-size: 11px;
        text-shadow: 0px 1px 0px rgba(255,255,255,0.2);
        font-family: "Memphis SR W01 Medium" !important;
        
}

#breadcrumbs li a {
	color: #C0BFBA;
        text-shadow: 0px -1px 0px rgba(0,0,0,0.5);
}

#breadcrumbs li a:hover {
	color: #fff;
        
        
}

#breadcrumbs li span {
	/*padding-right: 20px;*/
	font-family: "Memphis SR W01 Medium" !important;
        }


/****** END Breadcrumb Navigation ******/

/**** Content ****/

#content {
  padding: 0px;
position: relative;
top: 210px; /*Uwe am 29.11.2016*/

}

pre, code {
  font-family: Monaco, monospace;
  font-size: 12px;
  background: #111;
  color: #F5F5F5;
}

p code {
  padding: 1px 3px;
}

pre {
  padding: 10px;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
}

ul, ol { padding-left: 1.3em;}


button {
  -webkit-appearance: push-button;
}

#site-footer {
  clear: both;
  margin: 20px 0px;
  border-top: 2px solid white;
  padding-top: 10px;
  line-height: 30px;
  font-size: 95%;
  font-style: italic;
}


/**** CONTENT ****/

#container {
    position: relative;
    top: 0px;
    padding: 20px 0 30px 30px !important; 
  background: #828175;
  padding: 0px;
  margin-bottom: 0px;
  border-radius: 0px;
  clear: both;
  -webkit-border-radius: 0px;
     -moz-border-radius: 0px;
          border-radius: 0px;
}

.centered { margin: 0 auto; }

.box, .header .col6, .header .col3 {
  font-size: 13px;
  line-height: 1.4em;
  float: left;
  color: #fff;
  /*margin-bottom: -15px;*/
  position: relative;
  -webkit-box-shadow:0px 0px 5px 0px #555 !important;
  -moz-box-shadow:0px 0px 5px 0px #555 !important;
        box-shadow:0px 0px 5px 0px #555 !important;
}
.header .col6, .header .col3 {
	margin-top: 0px !important;
	border: 0px solid green;
	height: 80%;
        -webkit-border-radius: 2px;
         -moz-border-radius: 2px;
          border-radius: 2px;
}

 .header .col3{
	background: #FF5300;
	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF5300', endColorstr='#E13900'); /* for IE */
	
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top left, #FF5300 0%, #E13900 100%);
	
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top left, #FF5300 0%, #E13900 100%);
	
	/* Opera */ 
	background-image: -o-linear-gradient(top left, #FF5300 0%, #E13900 100%);
	
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #FF5300), color-stop(1, #E13900));
	
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top left, #FF5300 0%, #E13900 100%);
	
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to bottom right, #FF5300 0%, #E13900 100%);
	z-index: 9999;
 }
 
 
  .header .col6 {
	
	background: #4C4C3F;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#49493C', endColorstr='#4C4C3F'); /* for IE */
	
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top left, #49493C 0%, #4C4C3F 100%);
	
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top left, #49493C 0%, #4C4C3F 100%);
	
	/* Opera */ 
	background-image: -o-linear-gradient(top left, #49493C 0%, #4C4C3F 100%);
	
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #49493C), color-stop(1, #4C4C3F));
	
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top left, #49493C 0%, #4C4C3F 100%);
	
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to bottom right, #49493C 0%, #4C4C3F 100%);
 }
 
 
 

.box h2 {
  margin-bottom: -6px;
  line-height: 100%;
  margin-left: 0px;
}

.box img, .header .col6 img, .header .col3 img{
  display: block;
  width: 100%;

    border-radius: 2px !important;
    -moz-border-radius: 2px !important;
    -webkit-border-radius: 2px !important;
}

.clicklayer {
	position: absolute; 
	top: 0; 
	left: 0; 
	width:100%; 
	height:70%;
	z-index: 8;
	/*border: 1px solid green;*/
	display: block;
}
.post-9910 .clicklayer{ /*clicklayer für 365*/
	height: 100%;
}

.clicklayer a {
	display:block;
	width:100%;
	min-height: 100%;
	height: auto !important;
	height:100%;
	background: white;
	opacity: 0.01;
	filter: alpha(opacity=1); /* IE 6-8 */
	/*display: none;*/
	/*border: 1px solid yellow;*/
}


.layer-box-content {
	position: absolute;
	/*top: 12px;
	left: 20px;*/
	z-index: 7;
	/*padding-right: 30px;*/
	padding: 15px 20px 20px 20px;
}

/*********  CSS für Artikeltyp "nur Text" ****/

.nur_text .layer-box-content {
	position: relative;
	/*top: 15px !important;
	left: 20px;*/
	z-index: 7;
	margin-bottom: 75px;
        
}
.layer-box-content {
    font-family: "Memphis SR W01 Medium" !important;
    
}
.nur_text img {
  display: none;
  position:absolute;
  top: 0px;
}
.nur_text  {
    padding-bottom: 35px;
    background-color: white;
}

.nur_text .infolayer-artikel {
	position: relative;
	top: 20px;
	left: 15px;
	z-index: 7;
	
}

/******* Ende "nur Text" ******/

.infolayer-artikel {
	position: absolute;
	bottom: 30px;
	left: 4%;
	z-index: 7;
	width: 92%;
}


/**** Artikel LINKs ****/

.linklayer-teaserbox {
	position: absolute;
	left: 20px;
	z-index: 7;
	width: 100% !important;
	height: 100%;
	border: 0px solid red;
}


.linklayer-teaserbox ul.post-links {
	position: absolute;
	margin-bottom: 0px !important;
	/*width: 360px !important;*/
	bottom: 30px !important;
	padding-bottom: 0px;
}

ul.post-links {
	list-style: none;
	margin: 0;
	padding :0;
    font-family:"HelveticaNeueW01-Thin" !important;
    /*border: 1px solid green;*/
	 
}
.category-no_link ul.post-links {display: none;}
.col5 ul.post-links.links-pad-big {
	padding-top: 30px;
}

.col5 ul.post-links.links-pad-small {
	padding-top: 10px;
}


.col3 ul.post-links.links-pad-big {
	padding-top: 25px;
}

.col3 ul.post-links.links-pad-small {
	padding-top: 25px;
}

ul.post-links li {
	display: inline-block;
	vertical-align: bottom;
	margin-top: 10px;
}

ul.post-links li a {
	display: inline-block;
	vertical-align: bottom;
	font-weight: normal;
}

.col5 ul.post-links li.font-big, .detail-content ul.post-links li.font-big {
	padding-right: 15px;
}

.col5 ul.post-links li.font-big {
	/*margin-bottom: -5px;*/
	
}

.col3 ul.post-links li.font-big {
	padding-right: 10px;
}

.col5 ul.post-links li {
	padding-right: 10px;
}

.col3 ul.post-links li, .detail-content ul.post-links li {
	padding-right: 7px;
}

.col3 ul.post-links li.font-big a {
	font-size: 15pt;
}

.col5 ul.post-links li.font-big a, .detail-content ul.post-links li.font-big a {
	font-size: 19pt;
}

.col5 ul.post-links li a, .detail-content ul.post-links li a {
	padding: 6px 15px;
}

.col3 ul.post-links li a {
	padding: 4px 10px;
}

.col3 ul.post-links li.font-big a {
	padding: 8px 15px;
}

.col5 ul.post-links li.font-big a, .detail-content ul.post-links li.font-big a {
	padding: 10px 20px;
}

.col5 ul.post-links li:last-child, .col3 ul.post-links li:last-child, 
.detail-content ul.post-links li:last-child {
	padding-right: 0;
}



.linklayer-teaserbox ul.post-links li.weiss a:hover {
    /*display: none;*/
    background-color: #f5e5de;
}

.box-wrapper ul.post-links {
	position: absolute;
	bottom: 0px;
}
#detail .box-wrapper ul.post-links {
	position: relative;
	bottom: 40px;
}


.infolayer_detail_left ul.post-links {
	/*float: left;*/
	position: absolute !important;
	bottom: 30px;
}

#kunden .post-links {
	position: relative;
	left: 0px;
	bottom: 0px;
}

#kunden .col3 ul.post-links.links-pad-small {
    padding-top: 0px;
}

.footer ul.post-links li{
    font-size: 12pt !important;
}

.footer ul.post-links li a {
    padding: 5px 20px;
}

ul.post-links li.schwarz {
	color: #464639;
}

ul.post-links li.weiss {
	color: #fff;
}
.weiss a {color: #fff;}

#presse ul.post-links li.weiss a,
ul.post-links li.schwarz a,
ul.post-links li a  {
	color: #464639;
	background-color: #ededed;
    border-bottom: 1px solid #ddd;
}

ul.post-links li.weiss a {
	color: #eb4800;
	background-color: #fff;
    border-bottom: 1px solid #d94700;
}

.infolayer ul.post-links li.weiss a {
	color: #464639;
	border-bottom: 1px solid #ddd;
	background-color: #EDEDED;
}


.col5 .layer-box-content  {
        /*width: 98%;*/
}

.col3 .infolayer, .col5 .infolayer  {
	position: absolute;
	bottom: 0px;
	left: 0px;
	/*width: 93%;*/
	z-index: 10;
	background-color: #fff;
	color: #464639;
	min-height: 65px;
	/*padding: 15px 20px 30px 20px;*/
	display: none;
	background: -webkit-gradient(linear,left bottom,left top,color-stop(0.5, rgba(255, 255, 255, 1.0)),color-stop(1.0, rgba(255, 255, 255, 0.9)));
	background: -moz-linear-gradient(center bottom, rgba(255, 255, 255, 1.0) 50%, rgba(255, 255, 255, 0.9) 100%) repeat scroll 0% 0% transparent;
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#aaffffff', endColorstr='#ffffffff')
}

 .col3 .infolayer, .col5 .infolayer {
        width: 100%;
 }
 
 .col3 .infolayer .infolayer-content, .col5 .infolayer   .infolayer-content {
	padding: 15px 20px 30px 20px;
}

.infolayer-icon {
	position: absolute;
	bottom: 10px;
	left: 10px;
	width: 21px;
	height: 21px;
	z-index: 9;
	background: url("../images/infolayer_icon.gif") no-repeat top left;
}

/*1305*/
.infolayer-description {
	position: relative;
	/*bottom: 54px;*/
	/*padding-top: 26px;*/
}

.col5 .infolayer-description {
	/*padding-bottom: 40px;*/
	margin-top: 10px;
	
}

.col3 .infolayer-description {
	/*padding-bottom: 30px;*/
	margin-top: 10px;
}

.infolayer ul, .linklayer-teaserbox ul, .infolayer_detail_left ul {
	list-style: none;
	margin-left: 0;
	padding: 0;
}

.detailseite_infolayer_description ul {
	list-style: disc;
	margin-left: 10px;
}

body.no-js .box:hover .infolayer {
	display: block;
}

.wpcolumn {
	float: left;
}

.wpcolumn p {
  margin-bottom: 15px;
}

.wpcolumn-1, div.advanced_wp_column  {
	width: 48% !important;
        margin-right: 4%;
}

.wpcolumn-2 {
	width: 48%;
}


.advanced_wp_gutter {
    width: 4%;
}

.advanced_wp_columns_wrapper {
    width: 100%;
}

.wpcolumn-clearfix {
	clear: both;
}


/*****Hier die Boxes ****/


 .col3, .col5, .col6 {
	margin-right: 15px !important;
	margin-top: 15px !important;
	overflow: hidden;
	}
.col6 {
    overflow: visible;
}
.col3 {
    width: 31.5%;
}


.col5, .col6 {
    width: 63%;
}

.infolayer-headline {
    position: relative;
    /*bottom: 36px;
    padding-top: 30px;
    padding-bottom: 13px;*/
}
	

.col3 img { max-width: 100%; }
.col5 img { max-width: 100%; }




/**** Transitions ****/

.transitions-enabled.masonry,
.transitions-enabled.masonry .masonry-brick {
  -webkit-transition-duration: 0.7s;
     -moz-transition-duration: 0.7s;
       -o-transition-duration: 0.7s;
          transition-duration: 0.7s;
}

.transitions-enabled.masonry {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.transitions-enabled.masonry  .masonry-brick {
  -webkit-transition-property: left, right, top;
     -moz-transition-property: left, right, top;
       -o-transition-property: left, right, top;
          transition-property: left, right, top;
}


/* disable transitions on container */
.transitions-enabled.infinite-scroll.masonry {
  -webkit-transition-property: none;
     -moz-transition-property: none;
       -o-transition-property: none;
          transition-property: none;
}





/* Infinite Scroll loader */
#infscr-loading { 
  text-align: center;
  z-index: 100;
  position: fixed;
  left: 45%;
  bottom: 40px;
  width: 250px;
  padding: 10px;

  opacity: 0.8;
  color: #ff5300;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
}











/**** Corner stamp ****/

.corner-stamp {
  width: 280px;
  height: 340px;
  padding: 10px;
  margin: 10px;
  float: right;
  background: red;
  color: white;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
}

/**** Pygments ****/

code .s1,
code .s { color: #78BD55; } /* string */
code .mi, /* integer */
code .cp, /* doctype */
code .kc { color: #5298D4; } /*boolean*/
code .k { color: #E39B79; } /* keyword */
code .kd, /* storage */
code .na { color: #A9D866; } /* markup attribute */
code .p  { color: #EDB; } /* punctuation */
code .o  { color: #F63; }   /* operator */
code .nb { color: #AA97AC;} /* support */

/* comment */
code .c,
code .c1 { color: #666; font-style: italic; }

code .nt { color: #A0C8FC; } /* Markup open tag */

code .nf { color: #9EA8B8; } /* css id */
code .nc { color: #A78352; }  /* CSS class */
code .m  { color: #DE8E50; } /* CSS value */
code .nd { color: #9FAD7E; } /* CSS pseudo selector */

/**** Clearfix ****/
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

#nav-below {
  display: block !important;
  /*margin-top: -250px !important;*/
}



#presse ul.post-links li.weiss a:hover, .infolayer .post-links a:hover, .infolayer_detail_left .post-links a:hover  {
    background-color: #d0d0d0;
}
    


/* pause and play buttons */
div#pause_layer, div#play_layer {
    position: absolute;
    z-index: 8;
    top: 50%;
    left: 50%;
    width: 190px;
    height: 190px;
    visibility: hidden;
}
div#pause_layer img, 
div#play_layer img {
    width: 100% !important;
    height: 100% !important;
}
div#play_layer {
    /*background: url(../images/btn.play.png) no-repeat 0 0;*/
    z-index: 9;
}
.ls-bottom-nav-wrapper {
    z-index: 15 !important;
    display: none !important;
}

.ls-nav-prev, .ls-nav-next, .ls-bottom-nav-wrapper {
    display: none;
}


.ls-bottom-nav-wrapper a {
    visibility: hidden;
}
.ls-bottom-nav-wrapper a.ls-nav-start, 
.ls-bottom-nav-wrapper a.ls-nav-stop {
    visibility: hidden !important;
}

/* if you want the vimeo buttons to be visible always then uncomment this
.detail-content-wrapper {
	margin-left: 80px;
	margin-right: 80px;
}
*/



.box h6 {
    font-size: 14pt;
    font-family:"HelveticaNeueW01-Thin" !important;
}
.linklayer-teaserbox ul.post-links a:hover {
    /*display: none;*/
    background-color: #ddd;
   
}

#closy {display: none;}
/*******  Media query < 1150px *****/
    @media screen and (max-width: 1150px) {
    .infolayer h3, h3 p {
	    font-size: 35px;   
    }
     
}
/*******  Ende Media query < 1150px *****/

/*******  Media query < 1000px *****/
    @media screen and (max-width: 1024px) {

    
     #clock, #clock_datum {display: none !important;}
}
/*******  Ende Media query < 1150px *****/

.infolayer {
    /* display: block !important; */ /*nur für Arbeitszwecke nutzen*/
}

.col5 .hero-portrait {
	display: none;
}

/*******  Media query < 768px *****/
    @media screen and (max-width: 768px) {
    #closy {
	    display: block;
	    background: rgba(255,0,0,0) ;
	    z-index: 999;
	    position: absolute;
	    height: 30px;
	    bottom: 0;
	    width: 100%;
	    
    }
		 
     .main_content .wpcolumn , .main_content .wpcolumn-1, .main_content .wpcolumn-2
    {
    transition: width 2s;
    -moz-transition: width 2s; /* Firefox 4 */
    -webkit-transition: width 2s; /* Safari and Chrome */
    -o-transition: width 2s; /* Opera */
    }
    .main_content .wpcolumn , .main_content .wpcolumn-1, .main_content .wpcolumn-2 {
    width: 100% !important;
    }
    .sitemap-box  {
    /*margin-left: 15px !important;*/
    /*display: none;*/
    }
    h1, h1 p {
    font-size: 28px;	
    }
    .main_content {
    padding: 5px 30px 20px 45px;
    }
    .detail-content-left {
	float: none;
	width: 100%;
    }
    .detail-content-right {
	float: none;
	width: 100%;
    }
    
    .detailseite_infolayer_description,
     {
    margin-bottom: 0px;
    }
    #breadcrumbs li {
	font-size: 13px;
    }
    .main_content {
    font-size: 13px;
    }
    #content {
    /*top: 370px;*/
    }
    
    #site-nav ul#nav-2 {
    margin-left: 0px;
    }
}

/*******  Ende Media query < 768px *****/
 @media screen and (max-width: 680px) {
    
	#site-navi {
		width: 80%;
		/*padding-bottom: 50px;*/
		overflow: hidden;
		
	}
	.ez-logo-detail {
	    display: none;
	}

	
	.detail #site-navi {
		
		left: 10px;
	}
	.navi_detail {
		width: 100%;
	}
	#site-navi .nav-root {
		width: 170%;
	}
	.nav-tree {
		width: 170%;
	}
	
	#site-navi ul.nav {
		/*width: 500px;*/
	}
	
	#site-navi .nav-1 li a,
	#site-navi .nav-2 li a,
	#site-navi .nav-3 li a,
	#site-navi .nav-4 li a {
	    font-size: 16px !important;
	}
	
	#site-navi .listCol1,
	#site-navi .listCol2,
	#site-navi .listCol3 {
	    width: 100% !important;
	}
	
	#site-navi .nav-2{
	    margin-bottom: 0 !important;
	    
	}
	
	#site-navi .nav-parent, #site-navi .nav-children {
    	float: none;
	}
	
	#site-navi .nav-1, #site-navi .nav-2 {
		float: left;
		width: 50% !important;
		padding-bottom: 20px;
		margin-bottom: -70px;
		padding-top: 5px;
		padding-bottom: 0 !important;
	}
	
	#site-navi .nav-3 {
		display: block !important;
		width: 50% !important;
		float: right;
	}

	#site-navi .nav-4 {
		padding-left: 10px;
	}
	
	
	#site-navi .nav-4:after {
	    content: '';
	    width: 100%;
	    text-align: center;
	    position: absolute;
	    bottom: 0;
	    height: 30px;
	    background-color: #4C4C3F;
	    background-image: url("../images/navi_pfeil_dunkel_big.jpg");
	    background-repeat: no-repeat;
	    background-position: center;
	    left: 0;
	    font-size: 20px;
	    line-height: 30px;
	    transform: rotate(180deg);   
	}
	
	
	
	
	#site-navi .nav-3 .nav-parent {
		display: none !important;
	}
	
	#site-navi .nav-4 .nav-children {
		margin-top:  60px !important;
	}
	
	.current-cat-active + ul li div.nav-root,
	.current-cat-active + ul li div.nav-tree {
	    width: 112% !important;
	    }
	
	#site-navi .current-cat-active a, #site-navi .nav-root a, #site-navi .nav-parent li a {
		font-size: 24px;
		padding-top: 15px;
		padding-bottom: 20px;
	}
	#site-navi ul.nav {
	   
	    /*height: 394px !important;*/
	}
	.nav-tree{
	    /*overflow: hidden;
	    height: 355px;*/
	}
	
	
	#site-navi .nav-children li a {
		font-size: 20px;
		line-height: 100%; 
	}
	
	
	#site-navi .listContainer1, #site-navi .listContainer2, #site-navi .listContainer3 {
		padding-left: 10px;
	}
	
	#site-navi .nav-tree {
		overflow: hidden;
	}
	
	#site-navi .nav-root {
		padding-top: 30px;
		padding-bottom: 30px;
	} 
	
	#site-navi .current-cat-active a {
	    background: url("../images/bg_navi.png") no-repeat scroll -100px -104px #ccc;
	    /*width: 480px;*/
	    padding: 10px 0 10px 20px;
	    text-shadow: 0px 0px 0px rgba(0,0,0,0.25);
	}
	#site-navi ul.nav li {
    
	width: 100% !important;
	}
	#site-navi .nav-root {
	    padding-top: 0px;
	    padding-bottom: 0px;
	}
    
	 
}

/*******  Media query < 480px *****/
    @media screen and (max-width: 480px) {
	.navi_icons a {padding-left:28px;}
    
    
    .col5 .hero-landscape {
		display: none;
	}
	
    .col5 .hero-portrait {
		display: block;
	}
    #site-navi {
		width: 90%;    
	}
	.navi_detail {
		width: 100%;
	}
	#site-navi .nav-root {
		width: 113%;
	}
	.nav-tree {
		width: 113%;
	}
    #site-navi ul.nav li
    {
	width: 100% !important;
	}
	
    #site-navi ul.nav {
	width: 90%;
    }
    
    .detail #site-navi ul.nav {
    width: 75%;
    }
    #site-navi .current-cat-active a  {
	width: 105%;
    }
    #container .col3, #container .col5 {
	left: 15px !important;
    }
    .header {
	padding-left: 15px;
    }
    
    .page .cat-back {
	
	display: none;
    }
    .site.navi {
	position: relative;
	width: 100%;
    }
    
    #site-navi .current-cat-active a {
    background: url("../images/navi_pfeil.png") no-repeat scroll -50px -18px #fff;
    background-position: right;
    }
    .address-box, .sitemap-box {
    margin-left: 15px !important;
    }
    #mobile_navi {
    
    width: 100%;
    height: 0px;
    border: 0px solid green;
    background: #4C4C3F;
    border-radius: 2px;
    -webkit-box-shadow:0px 0px 5px 0px #555 !important;
  -moz-box-shadow:0px 0px 5px 0px #555 !important;
    box-shadow:0px 0px 5px 0px #555 !important;
    
    
}
    
    #mobile_navi_pfeil {
	width: 80px;
	height: 34px;
	background: url("../images/navi_pfeil_dunkel_big.jpg") no-repeat scroll center;
	margin-left: 36%;
	    border-radius: 2px;
	-webkit-box-shadow:0px 0px 5px 0px #555 !important;
      -moz-box-shadow:0px 0px 5px 0px #555 !important;
	box-shadow:0px 2px 5px 0px #555 !important;
	display: block;
    }
    #site-navi {
	left: 5%;
    }
	
    .header .col6, .header .col3 {
	height: 50%;
    }
    
    
    #site-navi .nav-1 li a, #site-navi .nav-2 li a {
    color: #fff;
    font-size: 16px;
  
    /*background-color: #ddd;*/
    padding: 3px 10px 3px 10px;
	display: inline-block;
	margin: 5px 0 0 0;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	}

	.nav-parent li {
	    margin-left: 0px;
	    
	}
	
	#content {
	padding: 0px;
	position: relative;
	top: 154px;
}
	.infolayer ul, .linklayer-teaserbox ul, .infolayer_detail_left ul, .col3 ul.post-links.links-pad-big {
	    padding-top: 0px;
	   
	}
	
	h2, h2 p, h3, h3 p {
	    font-size: 23px;
	}
	ul.sitemap-list {
	    width: 100%;
	    margin-top: 15px;
	}
	
	.address-box {
	    min-width: 250px;
	}
	
	#team h3.schwarz p{
	    text-shadow: 1px 1px 3px #fff;
	}
	#team h3 {
	    margin-top: -10px;
	}
	
	#team h2 {
	    margin-top: -10px !important;
	}
	.layer-box-content {
	    padding-top: 10px;
	}
	h4 {
	    font-size: 13px;
	}
	
	
	.detail-content-wrapper {
	    margin-left: 15px;
	    margin-right: 15px;
	}
	
	.footer {
	    marin-top: 331px;
	}
	
	.detail .nav {
	    display: none !important;
	    opacity: 0 !important;
	    visibility: hidden !important;
	}
	
	.ls-nav-prev, .ls-nav-next, .ls-bottom-nav-wrapper {
	    display: none !important;
	    opacity: 0 !important;
	    visibility: hidden !important;
	}
	
	/*.page iframe {display: none;} ausblenden von Film-iframes auf Handy*/
}
/*******  Ende Media query < 480px *****/

body {
    
}

.header_dunkel {
    
    height: 300px; background-color: #000; top: -300px; position: relative; left: -30px; opacity: 0.4;
}


/*******  FILM Startseite *****/

.page.mobile iframe, .page.tablet iframe, .page.phone iframe {display: none;} /*ausblenden von Film-iframes auf Handy*/
.page.desktop .noShow {display: none !important;}
.detailseite_infolayer_description iframe {display: none;}
.logged-in .detailseite_infolayer_description iframe {display: block;}
.col3 .layer-box-content iframe {display: none;}

.page #content #container .col5 iframe,
#aktuelles #content #container .col5 iframe{
	width: 100%;
	height: 100%;
}

.page #content #container .col5 .layer-box-content,
#aktuelles #content #container .col5 .layer-box-content{
	/*padding: 0;*/
	margin: 0;
	width: 100%;
	height: 100%;
}

.page #content #container .col5 .description-text,
#aktuelles #content #container .col5 .description-text
{
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
}

.page #content #container .col5 .description-text p,
#aktuelles #content #container .col5 .description-text p {
	padding: 0;
	width: 100%;
	height: 100%;
}

.page #content #container .col5 .description-text p.safari-old iframe,
#aktuelles #content #container .col5 .description-text p.safari-old iframe{
	position: absolute;
	top: 0;
}
#impressum #content #container .col5 .description-text p, #datenschutz #content #container .col5 .description-text p {
    width: 93%;
}
#main-container #content {margin-top: 500px !important; } /*issuu container unten ausblenden */

iframe html  {overflow: hidden !important;}


/*_____PREVIEW FÜR neue NAVI________*/
#site-navi .nav-3, #site-navi .nav-4 {display: none;} /*auf {display: block} stellen für Liveschaltung */
/* .nav ul {display: block !important;}*/
 .nav-1,  .nav-2,  .nav-3,  .nav-4,  .nav-root {width: 290% !important;}
 #site-navi .nav-3,  #site-navi .nav-4 {display: block;}
/*.sitemap-list:nth-child(n+4) {display: none;}*/
.sitemap-list-box ul:nth-of-type(2),
.sitemap-list-box ul:nth-of-type(5),
.sitemap-list-box ul:nth-of-type(6){
	display: none;
	}
.nav-3 .nav-parent li a, .nav-4 .nav-parent li a {opacity: 0 !important;}
 #site-navi .nav-1,  #site-navi .nav-2,  #site-navi .nav-3,   #site-navi .nav-4 {
	/*padding: 11px 0;*/
	border: 0px solid red;
} /*  entfernen und Block ab Zeile 932 für Freischaltung neue Navi */

 #site-navi .listCol1 {
	width: 26%;
}

 #site-navi .listCol2 {
	width: 27%;
}

 #site-navi .listCol3 {
	width: 10%;
}

 #site-navi .nav-1 li a,  #site-navi .nav-2 li a,  #site-navi .nav-3 li a,  #site-navi .nav-4 li a {
    font-size: 20px; /*Kann nach neuer Navi entfallen siehe Zeile #2475*/
    /*margin: 3px 0 0 0; *//*Kann nach neuer Navi entfallen siehe Zeile #2475 ff*/
}
 #site-navi .nav-parent li a {
	font-size: 24px;
	/*padding-bottom: 10px;*/
	padding: 7px 10px 8px 10px;
	margin: 0 0 0 10px;
}


/*_______Preview Clock ______*/

#clock {display: block; height: 100%; width: auto; max-height: 100%; border: 0px solid red; float: right; margin-right: 6%;}
canvas {width: auto !important; max-height: 100%; border: 0px solid green !important;}
#clock_datum {display: none;}
#clock_datum {display: block; color: #727265; font-size: 16px; float: right; border: 0px solid green;  font-family:"HelveticaNeueW01-Thin"; position: relative;  width: 100%; text-align: right; left: 20px;}
#inner_circle {display: none;}
#inner_circle {display: none; width:3%; height: 3%; background: #e7561f; border-radius: 3px; position: relative; top: 51.4%; left: 48.5%;}


.navi_icon_telefon  {display: block !important;  white-space: nowrap; margin-top: -2px; width: 25px;}
.navi_icon_telefon span {line-height: 9px;}
.navi_icon_telefon a {padding-left: 20px;}
.navi_icon_impressum {margin-top: -1px;}
.navi_icon_impressum span {margin-top: 3px !important;}

/*_______Preview Branchennavi ______*/
#branchen_navi {display: none;}
 #branchen_navi {display: none;}
 .listContainer3 li a:first-letter{opacity: 1 !important;} /*Unterstriche bei Branchen ausblenden*/
/* .listContainer3 li a {padding-left: 0px !important;} */ /*Hier rausnehmen, wenn Navi ohne Unterstriche*/
 .current-cat-active a:first-letter {text-transform: uppercase;}
 .current-cat-active {display: none;}
 
/*__________layerslider auf Start-/Kategorieseite_____*/
.category .ls-layer img, .category .ls-inner, .category .ls-layer, .ls-layer a {height: 100% !important; width: 100% !important; }
.category .ls-defaultskin {border-radius: 2px !important;}

.home .ls-layer img, .home .ls-inner, .home .ls-layer {height: 100% !important; width: 100% !important; }
.home .ls-defaultskin {border-radius: 2px !important;}



/*____infolayer_down auf Detailseite______*/
/*.detailseite_infolayer_down .infolayer_detail {display: none;}*/
#snow {position: absolute; width: 5px; height: 5px; border: 0px solid red; top: 0; z-index: 9999999; display: none; opacity: 0;}
span[id^='s'] {display: none;}
.home [id^='s'] {display: block;} 


.post-9326 .clicklayer {display: none;}
.post-9326 .linklayer-teaserbox {top: 40%; height: 60%;}


@font-face {
    font-family: 'LigatureSymbols';
    src: url('http://www.echtzeit.de/wp-content/themes/echtzeit/fonts/LigatureSymbols/LigatureSymbols-2.11.eot');
    src: url('http://www.echtzeit.de/wp-content/themes/echtzeit/fonts/LigatureSymbols/LigatureSymbols-2.11.eot?#iefix') format('embedded-opentype'),
         url('http://www.echtzeit.de/wp-content/themes/echtzeit/fonts/LigatureSymbols/LigatureSymbols-2.11.woff') format('woff'),
         url('http://www.echtzeit.de/wp-content/themes/echtzeit/fonts/LigatureSymbols/LigatureSymbols-2.11.ttf') format('truetype'),
         url('http://www.echtzeit.de/wp-content/themes/echtzeit/fonts/LigatureSymbols/LigatureSymbols-2.11.svg#LigatureSymbols') format('svg');
    src: url('http://www.echtzeit.de/wp-content/themes/echtzeit/fonts/LigatureSymbols/LigatureSymbols-2.11.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.category-freisteller_teaser {box-shadow: none !important; }
.category-freisteller_teaser  .post-links {display: none;}
#ez_365 .clicklayer a {display: none; }

.category-freisteller_teaser {
	-webkit-filter: drop-shadow(0px 0px 5px  rgb(85,85,85))!important; 
	-ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=0, Color='rgb(85,85,85)')";
	filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=0, Color='rgb(85,85,85)')";
	filter: url("data:image/svg+xml;utf8,<svg height='0' xmlns='http://www.w3.org/2000/svg'><filter id='drop-shadow'><feGaussianBlur in='SourceAlpha' stdDeviation='2'/><feOffset dx='0' dy='0' result='offsetblur'/><feFlood flood-color='rgb(85,85,85)'/><feComposite in2='offsetblur' operator='in'/><feMerge><feMergeNode/><feMergeNode in='SourceGraphic'/></feMerge></filter></svg>#drop-shadow");
    }

.nav-5 {display: none;}



/* Änderungen 25.04.16 */

.post-9326 .layer-box-content{    padding-bottom: 150px;     float: left; position: relative;}
.post-9326 .linklayer-teaserbox{     position: absolute; bottom: 0; left: 3%;}
.post-9326 > div:last-of-type img{    display: none; position: absolute;  top: 0; left: 0;}
.post-9326{ background: url(http://www.echtzeit.de/wp-content/themes/echtzeit/images/artikelbilder/bg_teaser_orange_550.jpg); background-size: cover;}


/*Änderungen 02.02.2017, 02.08.2017, 22.08.2017 */
.listContainer1 .listCol2 li:nth-of-type(2),
.sitemap-list-box ul:nth-of-type(3) li:nth-of-type(6){
	display: block;
}

@media only screen and (min-width: 799px) and (max-width: 801px) and (min-height: 1158px) and (max-height: 1159px) {
  
  /*Test Silke*/  

    
}

.weitere{
	color: #fff; bottom: 50px !important; right: 30px !important; top: 97%  !important; left: auto !important; width: 100% !important; height: 30px !important; text-align: right; background: transparent;
}