/* GLOBAL */
*{	margin: 0;
	padding: 0;
box-sizing: border-box;
}

sup, sub {
   position: relative;
   vertical-align: baseline;
   top: -0.6em;
	font-size: 10px;
}
sub { top: 0.6em; }

html{
font-size: 16px;
height: 100%; 
/*overflow: auto;
margin: 0;*/
-webkit-overflow-scrolling: touch;	
	}
body
{
height: 100%; overflow: auto; margin: 0;
-webkit-overflow-scrolling: touch;
background:#FFF;
font-family: 'Open Sans', sans-serif;
color:#333333;
}
@font-face {
	font-family: 'montserratmedium';
	font-display: swap;
	font-weight: bold;
	        src: local('Arial'), url('fonts/montserrat-medium-webfont.woff2') format('woff2'),
         url('fonts/montserrat-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}/*
@font-face {
    font-family: 'montserratmedium';
    src: local('Arial'), url('fonts/montserrat-medium-webfont.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;

}*/

/*################################# Anfang Slide Show NEU ##########################################*/
.slideshow{
	width: 100%;
	/*height: 100vh;*/
	height: 50vh;
	position: relative;
	overflow: hidden;
}

.slideshow-item{
	width: inherit;
	height: inherit;
	position: absolute;
	opacity: 0;
	animation: blubb 39s infinite;
}


.slideshow-item img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	animation: zoom 39s infinite;
}

.button
{
        padding:7px 14px;
        border: 1px solid #333333;

		background-image: linear-gradient(bottom, #333333 0%, #333333 100%);
        background-image: linear-gradient(to bottom, #717277 0%, #333333 100%);
        /*background-color: #eb653c;*/
        color: #FFFFFF;
        text-shadow: 1px 1px 0px #333333;
        text-decoration:none;
        border-radius:5px;
        box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.3);
		/*float: right;*/
}

.button:hover
{
        /*background:none #EBE8DE;*/
        border-color: #d78e27;
        text-shadow:none;
        color: #d78e27;
}

.link{
	position: sticky;
	float:right;
	margin-top: 10px;
	padding-right:10px;
	padding-bottom: 10px;
}

.slideshow-item:nth-child(1),
.slideshow-item:nth-child(1) img{
	animation-delay: 0s;
}

.slideshow-item:nth-child(2),
.slideshow-item:nth-child(2) img{
	animation-delay: 7s;
}
.slideshow-item:nth-child(3),
.slideshow-item:nth-child(3) img{
	animation-delay: 14s;
}
.slideshow-item:nth-child(4),
.slideshow-item:nth-child(4) img{
	animation-delay: 21s;
}
.slideshow-item:nth-child(5),
.slideshow-item:nth-child(5) img{
	animation-delay: 28s;
}

.slideshow-item-text{
	max-width: 50%;
	position: absolute;
	top: 30%;
	bottom: 10%;
	left: 0;
	transform translateY(-50%);
	background-color: rgba(0,0,0,.6);
	color: #fff;
	padding: 3rem 4rem;
	border-bottom-right-radius: 8px;
	border-top-right-radius: 8px;
}
.slideshow-item-text h5{
	font-size: 1.4rem;
	font-weight: 700;
	color: #ff9900;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-bottom: 0.8rem;
}

.slideshow-item-text p{
	font-size: 0.9rem;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	letter-spacing: 1px;
	font-weight: 300;
}



@keyframes blubb {
	15%{
	opacity: 1;
	z-index: 2;
	}
	32%{
	opacity: 0;	
	z-index: -1;
	}
/*	63%{
	opacity: 1;	
		z-index: -8;
	}
	93%{
	opacity: 0;	
		z-index: 33;
	}*/
}



@keyframes zoom{
		100%{
			transform: scale(1.3);
		}
	}

@media screen and (max-width: 1400px){
.slideshow-item-text{
	max-width: 80%;
	padding: 3rem 1rem;
	}
	.slideshow-item-text h5{
		font-size: 1.4rem;
	}
			.slideshow-item-text p{
		font-size: 0.8rem;
	}
}

@media screen and (max-width: 1000px){
.slideshow-item-text{
	max-width: 80%;
	padding: 3rem 1rem;
	}
	.slideshow-item-text h5{
		font-size: 1.4rem;
	}
			.slideshow-item-text p{
		font-size: 0.8rem;
	}
	.button
{
        padding:7px 14px;
        border: 1px solid #333333;

		background-image: linear-gradient(bottom, #333333 0%, #333333 100%);
        background-image: linear-gradient(to bottom, #717277 0%, #333333 100%);
        /*background-color: #eb653c;*/
        color: #FFFFFF;
        text-shadow: 1px 1px 0px #333333;
        text-decoration:none;
        border-radius:5px;
        box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.3);
		float: right;
}
}

@media screen and (max-width: 768px){
.slideshow-item-text{
	max-width: 100%;
	padding: 2rem;
	top: initial;
	bottom: 0;
	transform: initial;
	
	}
	.slideshow-item-text h5{
		font-size: 1rem;
	}
	
		.slideshow-item-text p{
		font-size: 0.8rem;
	}

.button
{
        padding:7px 14px;
        border: 1px solid #333333;
	font-size: 8px;
        /*background-image: linear-gradient(bottom, #E56038 0%, #ff8c66 100%);
        background-image: linear-gradient(to bottom, #ff8c66 0%, #E56038 100%);*/
		background-image: linear-gradient(bottom, #333333 0%, #333333 100%);
        background-image: linear-gradient(to bottom, #717277 0%, #333333 100%);
        /*background-color: #eb653c;*/
        color: #FFFFFF;
        text-shadow: 1px 1px 0px #333333;
        text-decoration:none;
        border-radius:5px;
        box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.3);
		float: right;
	
}
}


/*################################# Ende Slide Show NEU ##########################################*/

#navidruid{
	font-family: 'montserratmedium';

}
@font-face {
    font-family: 'questrialregular';
    src: url('fonts/questrial-regular-webfont.woff2') format('woff2'),
         url('fonts/questrial-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.eulum a:hover{color: #d78e27; text-decoration:underline;}

/*##################### Cookie-Styles ############################# */
.cc-window{opacity:1;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{transition:transform 1s ease}.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s}
.cc-link,.cc-revoke:hover{text-decoration:underline}.cc-revoke,.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-banner .cc-btn:last-child{min-width:140px}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1}
.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-banner{-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{-ms-flex:1;flex:1}.cc-compliance{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-compliance>.cc-btn{-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em}
@media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-ms-flex-align:unset;align-items:unset}}
.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}
.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}
/*############################################## Ende Cookie Style ######################################################*/

div.bg {
background-image: url(img/Luna-gr.jpg);
background-color:orange;
width:800px;height:600px;
border:1px solid red;
padding:20px;
}
.bgbuilder5{
background:url(img/NTN-Kugellagerfabrik-Feuchtraumleuchte-Nautilus.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; 
height: 520px;
}
.bgbuilder6{
background:url(img/U-Bahnhof-Essen-VIA-Verkehrsbetriebe.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; 
height: 520px;
}
.bgbuilder7{
background:url(img/Sporthalle-Stockdorf-Deckenleuchte-Mithra.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; 
height: 520px;
}
.bgbuilder8{
background:url(img/Mittelschule-Gauting-Panelleuchte-Malina.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; 
height: 520px;
}
.bgbuilder9{
background:url(img/LED-Retrofit-Erkrath.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; 
height: 520px;
}
.bgbuilder10{
background:url(img/LED-Roehren-Lichtband-Schuenke.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; 
height: 520px;
}

.bgbuilder11{
background:url(img/Teterower-Kunstoffe-Pendelleuchte-Asteri.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; 
height: 520px;
}

.bgbuilder12{
background:url(img/LED-Roehre-Lucerna-Via-Verkehrsbetriebe.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; 
height: 520px;
}

.bgbuilder13{
background:url(img/Senvion-Hamburg.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; 
height: 520px;
}
.bgbuilder14{
background:url(img/Senvion-Vorher_Nachher.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; 
height: 702px;
}
.bgbuilder15{
background:url(img/Garant-LED-Lichtbandsystem-Ortus.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; 
height: 702px;
}

.bgbuilder16{
background:url(img/LED-Strassenleuchte-Gelia-in-Willich.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; 
height: 520px;
}

.bgbuilder17{
background:url(img/SPC-Direktvermarktung-Windkraftanlagen.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; 
height: 520px;
}
.bgbuilder18{
background:url(img/Kartoffel-Lagerung-und-Verarbeitung-bei-gruenem-Licht.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; 
height: 520px;
}
.bgbuilder19{
background:url(img/Stadt-Krauschwitz-Strassenleuchte-Luminis.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; 
height: 520px;
}
.bgbuilder20{
background:url(img/led-zylinderleuchte-ilias-referenz.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; 
height: 520px;
}


.vorteile3 h4{
font-weight: bold;	

}
h4 {font-weight: bold;}

.broadtitle{
font-size: 28px;
color: #FFF;
font-weight:
bold;
text-shadow: 1px 1px #333333;
float: right;
position: relative;
padding-top: 50px;
padding-right: 50px;}

/* ################ Neu eingefügt ################ */
img {
max-width: 100%;
height: auto;
border:solid 1px #d78e27;
}

.koopprojekt{
font-weight: bold;	
font-size:14px;
line-height: 14px;
padding-bottom: 10px;
padding-right: 50px;
width: 150px;
float: left;
}


.koop{
font-weight: bold;	
font-size:14px;
line-height: 14px;
padding-bottom: 10px;
width: 200px;

}
.koop2{
width: 120px;
text-align: center;
border: none;
float: left;
padding-right: 0px;}

.koop3{
width: 220px;
text-align:center;
border: none;
float: left;
padding-top: 25px;}
.koop4{
width: 120px;
text-align:center;
border: none;
float: left;
padding-top: 25px;}

.koop5{
width: 180px;
text-align:center;
border: none;
float: left;
padding-top: 25px;}

.koop6{
width: 252px;
border: none;
float: left;
padding-top: 30px;}
.koop7{
width: 70px;
text-align:center;
padding-left:10px;
border: none;
float: left;
}

.koopleuchtwert{
width: 180px;
text-align:center;
border: none;
float: left;
padding-top: 25px;}

/* ################ Ende ################ */

#fig{
line-height: 10px;
font-size:12px;
width:200px;
font-style: italic;
}

[icon ^="rechteck"] {
background: transparent url(img/rechteck_mini.png) no-repeat top left; padding-left: 1.0em;
}

p
{
margin:5px 0;
line-height:25px;
}
table {font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; max-width: 900px; z-index:1;}
table tr{height: 1.5em;}
table td{padding: 0.5em;}
table tr:nth-child(even) { background-color: #dddddd; height: 1.5em;}
table thead tr th{background-color: #696a6f; color: whitesmoke; border-bottom: 3px solid #ff9900; padding: 0.5em; text-align: left; font-weight: bold;}

table a:hover
{text-decoration: underline;
color: #f08100;
}
a
{
text-decoration:none;
color:inherit;
transition: color .5s ease;
}
strong
{
font-weight:bold;
}

hr
{
background-color: #D6D0C1;
border:0;
height:1px;
margin:20px 0;
}

/* HEADER */

header
{
position:relative;
width:auto;
margin: 0 0 0 0;
}

header h1
{
margin:35px 0 0 0;
font-size:55px;
color:#e56038;
font-family: 'Baumans', cursive;
}

header div
{
width: auto;
background-image: url(img/lichtbild7.jpg);

}

header div .logo
{
margin:0;
font-size:25px;
color:#d78e27;
text-align: right;
padding-right: 40px; 
padding-top: 30px;
height: 100px;
}
header div .logo img{ border: 0px;}
header p
{
font-family: 'Open Sans', sans-serif;
font-size:16px;
color: #4A463B;
margin-left:132px;
}

/* 3 COLUMNS */

#cpbildhome {
border: solid 0.1em #d78e27;
margin-bottom: 4px;
max-width: 288px;
font-weight:bold;
background-color:#B3B3B3; color:#FFFFFF;
padding-left:8px;
padding-right:4px;
padding-top: 2px;
/*text-align:justify;*/
line-height:1.8em;
background: rgb(179,179,179); /* Old browsers */
background: -moz-linear-gradient(top, rgba(179,179,179,1) 1%, rgba(113,114,119,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(179,179,179,1)), color-stop(100%,rgba(113,114,119,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(179,179,179,1) 1%,rgba(113,114,119,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(179,179,179,1) 1%,rgba(113,114,119,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(179,179,179,1) 1%,rgba(113,114,119,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(179,179,179,1) 1%,rgba(113,114,119,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3b3b3', endColorstr='#717277',GradientType=0 ); /* IE6-9 */
box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.3);
}

.button
{
        padding:7px 14px;
        border: 1px solid #333333;
        /*background-image: linear-gradient(bottom, #E56038 0%, #ff8c66 100%);
        background-image: linear-gradient(to bottom, #ff8c66 0%, #E56038 100%);*/
		background-image: linear-gradient(bottom, #333333 0%, #333333 100%);
        background-image: linear-gradient(to bottom, #717277 0%, #333333 100%);
        /*background-color: #eb653c;*/
        color: #FFFFFF;
        text-shadow: 1px 1px 0px #333333;
        text-decoration:none;
        border-radius:5px;
        box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.3);
		float: right;
}


.button2
{
        padding:3px 5px;
		margin-top: 10px;
       /* border: 1px solid #333333;
        background-image: linear-gradient(bottom, #E56038 0%, #ff8c66 100%);
        background-image: linear-gradient(to bottom, #ff8c66 0%, #E56038 100%);*/
		/*background-image: linear-gradient(bottom, #333333 0%, #333333 100%);
        background-image: linear-gradient(to bottom, #717277 0%, #333333 100%);*/
        /*background-color: #eb653c;*/
        color: #000;
       /* text-shadow: 1px 1px 0px #333333;*/
        text-decoration:none;
		float: right;
}

.button2:hover
{
        /*background:none #EBE8DE;*/
        border-color: #d78e27;
        text-shadow:none;
        color: #d78e27;
		text-decoration:underline;
}

#koop_pics
{
line-height:25px;
width:auto;
max-width:900px;
margin:0 auto;
}

#koop_pics figcaption
{

padding-bottom:10px;
margin: 5px 0;
display:block;
line-height: 15px;
font-size:12px;
width:300px;
margin:0 auto;
float: left;
}

#koop_pics .img-item
{
float:left;
margin-right:15px;
}


/*##################################### Four pics ############################# */

#four_pics figure{
margin-bottom:25px;
}
#four_pics
{
line-height:25px;
font-family: 'Open Sans', sans-serif;
clear:both;
width:auto;
max-width:900px;
margin:0 auto;
}
#four_pics figcaption
{

padding-bottom:10px;
margin: 5px 0;
display:block;
line-height: 15px;
font-size:12px;
width:200px;
}
#four_pics figcaption strong
{
border-bottom: 1px solid #b9b9ba;
padding: 2px;
}
#four_pics .img-item
{
float:left;
margin-right:15px;

}

#four_pics .img-item a
{
position:relative;
display:block;
}


.thumb-screen
{
display:block;
position:absolute;
top:0;
left:0;
width:100%;
height: 98%;
max-height: 100%;
/*height:113px;*/
background: #000 url(img/zoom.png) center center no-repeat;
z-index:99;
opacity: 0;
transition: opacity .5s ease;
}

.thumb-screen:hover{opacity:0.5;}


/* SPACER */

#spacer
{
width:auto;
height:2px;
background-color: #d78e27;
position:relative;
z-index: -2;

}
/* #################################### Ende Four Pics ######################## */

/*##################################### Two pics ############################# */

#two_pics figure{
margin-bottom: 20px;
padding-left: 150px;

}
#two_pics
{
line-height:25px;
font-family: 'Open Sans', sans-serif;
clear:both;
width:auto;
max-width:900px;
margin:0 auto;
}

#two_pics figcaption
{
line-height:15px;
font-size:12px;
max-width:340px;
font-style: italic;
margin-top: -6px;
}

#two_pics .img-item
{
float:left;
margin-right:-100px;

}

#two_pics .img-item a
{
position:relative;
display:block;
max-width: 222px;
height: 348px;
max-height: 348px;
}
.thumb-screen
{
display:block;
position:absolute;
top:0;
left:0;
width:100%;
height: 96%;
max-height: 100%;
/*height:113px;*/
background: #000 url(img/zoom.png) center center no-repeat;
z-index:99;
opacity: 0;
transition: opacity .5s ease;
}

.thumb-screen:hover{opacity:0.5;}


/* #################################### Ende Two Pics ######################## */

/*##################################### Anfang Pictext PV ###########################*/

.pv-pic
{

font-family: 'Open Sans', sans-serif;
width:auto;
max-width:900px;
padding-bottom: 20px;
margin:0 auto;
padding-top: 25px;
}

.pv-picpic{
max-width: 300px;
	float: left;
	
}

.pv-pic img
{
float:left;
max-width: 250px;
border: 0px !important;
padding-right: 25px;
	clear:both;

	
}
.pv-pictext{
float: left;
/*font-family: 'Hi Melody', cursive;*/
font-family: 'questrialregular';
font-size: 20px;
color: #696a6f;
max-width: 400px; 

	
}

/*#pv-two_pics .img-item a
{
position:relative;
display:block;
max-width: 222px;
height: 348px;
max-height: 348px;
}*/

/*##################################### Ende Two Pics PV ###########################*/

/* ###################### Two Columns ########################### */

#two_columns, #text_columns
{
line-height:25px;
font-family: 'Open Sans', sans-serif;
clear:both;
width:auto;
max-width:900px;
margin:0 auto;
}

#two_columns figcaption
{
line-height: 10px;
font-size:12px;
max-width: 340px;
font-style: italic;
}

#textvorteile.img-item figcaption
{
line-height: 1.0em;
font-size:12px;
max-width:350px;
line-height: 1.2em;
font-style: italic;
}
#textvorteile2.img-item figcaption
{
line-height: 10px;
font-size:12px;
max-width:350px;
font-style: italic;
}

#two_columns .img-item
{
float:left;
margin-right:25px;

}

#two_columns .img-item a
{
position:relative;
display:block;
}
#two_columns .img-item2
{
float:right;
margin-left:25px;
}
#two_columns .img-item2 a
{
position:relative;
display:block;
}


/* ###################### Ende Two Columns ########################### */

/* FOUR COLUMNS */

#four_columns figcaption strong
{
border-bottom: 1px solid #D6D0C1;
padding-bottom:10px;
margin: 10px 0;
display:block;
}
#four_columns figcaption
{
line-height: 25px;
font-size:14px;
width:200px;
}

#four_columns, #text_columns
{
line-height:25px;
font-family: 'Open Sans', sans-serif;
clear:both;
width:auto;
/*max-width:900px;*/
max-width:908px;
margin:0 auto;
}

#four_columns h1 
{
font-size:20px;
border-bottom: 1px solid #d78e27;
padding: 20px 0;
margin-bottom: 20px;
font-weight: bold;
}
#four_columns h2
{
font-size:14px;
border-bottom: 1px solid #d78e27;
padding: 20px 0;
margin-bottom: 20px;
font-weight: bold;
}
#text_columns h3
{
font-size:20px;
border-bottom: 1px solid #d78e27;
padding: 20px 0;
margin-bottom: 20px;
font-weight: bold;
}


#four_columns .img-item
{
float:left;
margin-right:15px;

}

#four_columns .img-item a
{
position:relative;
display:block;
}


.thumb-screen
{
display:block;
position:absolute;
top:0;
left:0;
width:100%;
height: 96%;
max-height: 100%;
/*height:113px;*/
background: #000 url(img/zoom.png) center center no-repeat;
z-index:99;
opacity: 0;
transition: opacity .5s ease;
}

.thumb-screen:hover
{
opacity:0.5; 

/*border:#F00 2px;*/
}


/* SPACER */

#spacer
{
width: auto;
height:1px;
background-color: #d78e27;
position:relative;
}

/*###################### Über uns ##################################*/		
#aboutus{
line-height:25px;
font-family: 'Open Sans', sans-serif;
clear:both;
width:auto;
/*max-width:900px;*/
max-width:900px;
margin:0 auto;
}
#aboutus h1{
font-size:20px; font-weight:bold;	
border-bottom: 1px solid #d78e27;
padding: 20px 0;
margin-bottom: 20px;
}	
#aboutus h2{
font-size:20px; font-weight:bold;	
border-bottom: 1px solid #d78e27;
padding: 20px 0;
margin-bottom: 20px;
}
/*###################### Über uns Ende ##################################*/

/*###################### Über uns ##################################*/		
#inhaltlicht2{
line-height:25px;
font-family: 'Open Sans', sans-serif;
/*clear:both;*/
width:auto;
/*max-width:900px;*/
max-width:1600px;
margin:0 auto;
}
#inhaltlicht2{
line-height:25px;
font-family: 'Open Sans', sans-serif;
/*clear:both;*/
width:auto;
/*max-width:900px;*/
max-width:2600px;
margin:0 auto;
}
#inhaltlicht h1{
font-size:20px; font-weight:bold;	
border-bottom: 1px solid #d78e27;
padding: 20px 0;
margin-bottom: 20px;
}	
#inhaltlicht h2{
font-size:18px; font-weight:bold;	
border-bottom: 1px solid #D6D0C1;
padding: 12px 0;
margin-bottom: 20px;
}
#aboutus h2{
font-size:18px; font-weight:bold;	
border-bottom: 1px solid #D6D0C1;
padding: 12px 0;
margin-bottom: 20px;
}

#presse{
line-height:25px;
font-family: 'Open Sans', sans-serif;
/*clear:both;*/
width:auto;
/*max-width:900px;*/
max-width:1600px;
margin:0 auto;
margin-bottom: 100px;
}
#presse h1{
font-size:20px; font-weight:bold;	
border-bottom: 1px solid #d78e27;
padding: 20px 0;
margin-bottom: 20px;
}	
#presset h2{
font-size:18px; font-weight:bold;	
border-bottom: 1px solid #D6D0C1;
padding: 12px 0;
margin-bottom: 20px;
}

.textlicht{
line-height:25px;
font-family: 'Open Sans', sans-serif;
/*clear:both;*/
width:auto;
/*max-width:900px;*/
max-width: 900px;
margin:0 auto;
padding-left: 10px;
/* float: left;*/
	}
.textlicht a{
	color: #d78e27;
	}
.textlicht a:hover{color: #d78e27; text-decoration:underline;
}
.textlicht ul li ul li{
font-size:14px;
line-height:1.5em;
list-style:none;
color: #262626;
margin:0 0 0 0;  /*Abstaende der Icons wird oben durch margin wieder nach links gerutscht */  
padding: 4px 10px 8px 10px;   /* RE Positionierung der Icons  */ 
text-align:left;
background: none;
}

.textlicht2{
line-height:25px;
font-family: 'Open Sans', sans-serif;
/*clear:both;*/
width:auto;
/*max-width:900px;*/
max-width: 900px;
margin:0 auto;
padding-left: 10px;
/* float: left;*/
	}
.textlicht2 a{
	color: #d78e27;
	}
.textlicht2 a:hover{color: #d78e27; text-decoration:underline;
}
.bildle1{
float: left;
max-width: 50%;
margin: 2% 2% 1% 1%;
font-style: italic;
font-size:12px;
line-height: 1.2em;
			}
.bildle2{
float: right;
/*max-width: 50%;*/
margin: 1% 1% 1% 1%;

font-style: italic;
font-size:12px;
line-height: 1.2em;
max-width: 50%;
}

.cpbild{
max-width: 400px;
float: left;
padding-top: 90px;
padding-right: 20px;
padding-left: 20px;
/*margin:0 auto;
clear:both;*/
}
.cpbildp{
max-width: 400px;
float: left;
padding-top: 20px;
padding-right: 20px;
padding-left: 20px;
/*margin:0 auto;
clear:both;*/
}

.cpbild img{
border: 1px solid #d78e27;
box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.3);
 }

.textlicht img{
border: 1px solid #d78e27;


 }
.cpbild2{
max-width: 300px;
/*height: 100%;*/
float: left;
padding-top: 0px;
padding-left: 20px;
padding-right: 20px;

}

.cpbild2 img{
border: 1px solid #d78e27;
box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.3);
}

.cpbild3{
max-width: 150px;
float: left;
padding-left: 80px;
padding-top: 35px;
border: none;
box-shadow:none;}

.cpbild3 img{
border: none;
box-shadow:none;
}

.cpbild4{
/*height: 100%;*/
float: left;
padding-top: 15px;
padding-left: 20px;
padding-right: 20px;

}

.cpbild4 img{
border: 1px solid #d78e27;
box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.3);
}

.wrapper_rechts {float: right;
max-width:260px; height:auto;
}		 

#textvorteile{
padding-top: 8px;	
}
#textvorteile figcaption{
line-height: 1.1em;}		 
.vorteile{
max-width: 650px;
float: left;
/*margin-top: 65px;*/
padding-left: 0px;
/*inline-box-align: initial;*/
}
.vorteile2{

max-width: 600px;
float: left;
padding-left: 0px;
padding-right: 20px;

}

.vorteile3{
max-width: 550px;
float: left;
padding-left: 0px;
padding-right: 10px;
}
.vorteile4{
max-width: 450px;
float: left;
padding-left: 0px;
padding-right: 10px;
}

.vorteile ul li {
font-size:12px;
line-height:1.5em;
list-style:none;
color: #262626;
margin:0 0 0 -2.5em  ;  /*Abstaende der Icons wird oben durch margin wieder nach links gerutscht */  
padding: 0 0 8px 10px;   /* RE Positionierung der Icons  */ 
text-align:left;
background:url(img/rechteck_klein.jpg) no-repeat left top;		 
}

vorteile ul li ul li{
list-style:none;
color: #262626;
margin-top: 0.8em;
padding: 0em 0 0em 0em;   /* RE Positionierung der Icons  */ 
text-align:left;
background: no-repeat;
}

.textlicht h3{
font-weight: bold;
border-bottom: solid 1px #b9b9ba;
font-size: 16px;
margin-bottom: 10px;
padding-bottom: 10px;
max-width: none;}
.textlicht h2{
font-weight: bold;
border-bottom: solid 1px #b9b9ba;
font-size: 16px;
margin-bottom: 10px;
padding-bottom: 10px;
max-width: none;}
.textlicht ul li {
font-size:14px;
line-height:1.5em;
list-style:none;
margin-left: 30px;
/*Abstaende der Icons wird oben durch margin wieder nach links gerutscht */  
padding: 0 0 8px 10px;   /* RE Positionierung der Icons  */ 
text-align:left;
background:url(img/rechteck_klein2.jpg) no-repeat left top;

}
/*.textlicht ul li span{
color: #000;}*/






/*###################### Über uns Ende ##################################*/		

/* FOUR COLUMNS */

#, #text_columns
{
line-height:25px;
font-family: 'Open Sans', sans-serif;
clear:both;
width:auto;
/*max-width:900px;*/
max-width:908px;
margin:0 auto;
}

# h2, #text_columns h3
{
font-size:20px;
border-bottom: 1px solid #D6D0C1;
padding: 20px 0;
margin-bottom: 20px;
}

# .img-item
{
float:left;
margin-right:25px;

}

# .img-item a
{
position:relative;
display:block;
}


/* FOOTER */
/* #############################  Footer HÖHE ###############################*/
footer
{
position:relative;
clear:both;
width:auto;
height:900px;
background:#333333;
margin-top: 30px;
border-top: 2px solid #d78e27;
}
/*############################################################################*/
footer .wrapper
{
line-height:22px;
margin: 0 auto;
padding-top:30px;
width:auto;
max-width:1200px;
font-size:14px;
}

footer .wrapper .column
{
font-family: 'Open Sans', sans-serif;
color:#ababab;
float:left;
width:380px;
margin-right:20px;
}

footer .wrapper .column.midlist ul li
{
display:block;
width:auto;
/*padding:0 0 10px 25px;*/
padding-top: 8px;
padding-left: 15px;
padding-bottom: 20px;
margin-bottom:8px;
border-bottom: 1px solid #444444;
/* background:url(img/arrowright2.png) left 6px no-repeat;*/
background:url(img/rechteck_mini2.png) no-repeat left top;
}

footer .wrapper .column.midlist ul li a:hover
{
color: #d78e27;
}

footer .wrapper .column.listelinks ul li
{
display:block;
width:auto;
margin-bottom:8px;
border-bottom: 1px solid #444444;
}

footer .wrapper .column.listelinks ul li a span
{
margin-left:60px;
display:block;
padding-top: 8px;
padding-left: 5px;
padding-bottom: 20px;
}


footer .wrapper .column.listelinks ul li span
{
margin-left:95px;
display:block;
}

footer .wrapper .column.listelinks ul li span a:hover
{
color: #d78e27;
}
footer .wrapper .column.listelinks ul li a:hover
{
color: #d78e27;
}
footer .wrapper .column.listelinks ul li a img
{
transition: border .25s ease;
float:left;
border:3px solid #444444;
}

footer .wrapper .column.listelinks ul li a img:hover
{
border-color: #666666;
}

footer .wrapper .column h4
{
font-size: 16px;
color: #fff;
border-bottom: 1px solid #444444;
padding: 0 0 10px 0;
margin-bottom: 10px;
}

#copyright
{
background: #1D1D1D;
height:70px;
position:absolute;
bottom:0;
left:0;
width:100%;
}
#copyright .wrapper
{
font-family: 'Open Sans', sans-serif;
padding-top:25px;
color: #5e5e5e;
font-size:14px;
position:relative;
}
#copyright .wrapper .social
{
position:absolute;
right:0;
top:25px;
}
#copyright .wrapper .social a
{
transition: opacity .25s ease;
opacity: 0.3;
margin-left: 12px;
display:block;
float:left;
}
#copyright .wrapper .social a:hover
{
opacity: 0.7;
}
#copyright .wrapper a
{
color: #ABABAB;
}

#copyright .wrapper a:hover
{
color: #fff;
}


/* SKIPLINK */
.go-top
{
position: fixed;
bottom: 2em;
right: 2em;
text-decoration: none;
color: white;
background-color: rgba(0, 0, 0, 0.3);
font-size: 12px;
padding: 1em;
display: none;
}

.go-top:hover
{
background-color: rgba(0, 0, 0, 0.6);
}


/* SLIDESHOW */
/* Prevent the slideshow from flashing on load */
.slidesjs-container
{
border-top: 1px #d6d0c1 solid;
}
#slides
{
display: none
}
/*#slides
{
display: none
}*/

/* Center the slideshow */
.container
{
/*z-index:-2;*/

width:auto;
margin: 0 auto;
position: relative;
}

/* Show active item in the pagination */
/*.slidesjs-pagination .active
{
color:red;
}

#slider_content1 p .responsive_button, #slider_content2 p .responsive_button, #slider_content3 p .responsive_button, #slider_content4 p .responsive_button, #slider_content5 p  .responsive_button, #slider_content6 p .responsive_button #slider_content7 p .responsive_button
{
display:none;
color:#000;
}*/


/* MISC */
.clear
{
clear:both;
}
.hidden
{
position:absolute;
clip: rect(1px 1px 1px 1px); /* IE6 & 7 */
  clip: rect(1px, 1px, 1px, 1px);
}


/* ############# Logistik ################### */

.logistik{float: left; 
max-width: 150px;
width: 140px;
padding-right: 40px;
/*clear: both;*/
display:block;
}
.logistik ul li{
margin-left: 0em;	
}
.logistik-c1{
max-width: 800px; margin: 0px auto;	
}
.logistik-c1a{
max-width: 215px; float: left;  margin-right: 25px;
}

.logistik-c2{
max-width: 600px; margin: 0px auto;
}
.logistik-sub{
width: 200px; border: 1px solid #717277; background-color: #d78e27; border-top-left-radius: 1em; border-top-right-radius: 1em; color: #FFF; font-weight: bold; padding: 4px; text-align:center;	
}
.logistik-subtext{
border: 1px solid #717277; border-bottom-left-radius: 1em; border-bottom-right-radius: 1em; width: 200px; padding-left: 8px; padding-bottom: 8px; margin-bottom:20px;	
}

/* ############# Ende Logistik ################### */

/* MEDIA QUERIES FOR A RESPONSIVE LAYOUT */

@media (min-width: 2000px){
header div
{
width: auto;
background-image: url(img/lichtbild8.jpg);

}	
}
@media (max-width: 1680px){
header div
{
width: auto;
background-image: url(img/lichtbild6.jpg);
	}
}
@media (max-width: 360){
header div
{
width: auto;
background-image: url(img/lichtbild-smartphone.jpg);
}
}

@media (max-width: 1215px)
{



footer .wrapper .column
{
font-size: 14px;
width: 230px;
}

footer{
height: 740px;}
}

@media (max-width: 915px)
{
.bgbuilder5{
background:url(img/NTN-Kugellagerfabrik-Feuchtraumleuchte-Nautilus.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; 
height: 320px;
}
.bgbuilder6{
background:url(img/U-Bahnhof-Essen-VIA-Verkehrsbetriebe.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; 
height: 320px;
}

.broadtitle{
font-size: 21px;
color: #FFF;
font-weight: bold;
text-shadow: 1px 1px #333333;
float: right;
position: relative;
padding-top: 25px;
padding-right: 25px;}	

#inhaltlicht{
line-height:25px;
font-family: 'Open Sans', sans-serif;
width:auto;
max-width:1600px;
margin:50px auto;}
		
#vorteile{
float: none;
margin: 30px auto 0 auto;
width: 60%;
}
#boxcontent article
{
float: none;
margin: 30px auto 0 auto;
width: 60%;
}
#spacer
{
height: 1px;
}


#{
width: 500px;
}
# .img-item:nth-of-type(3), # .img-item:nth-of-type(4){margin-top: 25px;}
#text_columns article.column1, #text_columns .column2{
float:none;
max-width: 500px;
margin: 50px 30px 0 30px;
}
.column2 .row{
float:none;
margin:0 0 40px 50px;
}
footer .wrapper .column
{
font-size: 12px;
width: 230px;
}
}

@media (max-width: 800px)
{
/*#################### Bilder Landing Page ######################*/
.bgbuilder5{
background:url(img/NTN-Kugellagerfabrik-Feuchtraumleuchte-Nautilus.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; 
height: 320px;
}
.bgbuilder6{
background:url(img/U-Bahnhof-Essen-VIA-Verkehrsbetriebe.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; 
height: 320px;
}
.broadtitle{
font-size: 21px;
color: #FFF;
font-weight:
bold;
text-shadow: 1px 1px #333333;
float: right;
position: relative;
padding-top: 25px;
padding-right: 25px;}
	
	
/*################### Ende Bilder Landing Page #################*/
	
#inhaltlicht{
line-height:25px;
font-family: 'Open Sans', sans-serif;
width:auto;
max-width:1600px;
margin:50px auto;}
		
#vorteile
{
float: none;
margin: 30px auto 0 auto;
width: 60%;
}
.container
{
height:1px;
top: -1500px;
}
header
{height:120px;}
#spacer
{height:1px;}

footer
{
padding-bottom:70px;
height: auto;
}
footer .wrapper
{
width: 350px;
margin: 0 auto;
}
footer .wrapper .column
{
margin-top:30px;
float:none;
font-size: 12px;
width: auto;
}
footer .wrapper .social
{
display:none;
}
		
footer .wrapper .column .listelinks
{
margin-top:30px;
float:none;
font-size: 10px;
width: 300px;
}

}
		


@media (max-width: 500px)
{
	
/*#################### Bilder Landing Page ######################*/

.bgbuilder5{
background:url(img/NTN-Kugellagerfabrik-Feuchtraumleuchte-Nautilus.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; 
height: 220px;
}
.bgbuilder6{
background:url(img/U-Bahnhof-Essen-VIA-Verkehrsbetriebe.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; 
height: 220px;
}
.broadtitle{
font-size: 20px;
color: #FFF;
font-weight:
bold;
text-shadow: 1px 1px #333333;
float: right;
position: relative;
padding-top: 50px;
padding-right: 50px;}	
			
/*################### Ende Bilder Landing Page #################*/

#inhaltlicht{
line-height:25px;
font-family: 'Open Sans', sans-serif;
width:auto;
max-width:1600px;
margin:50px auto;}
		
#two_pics figure{
margin-bottom: 20px;
padding-left: 0px;
}
#vorteile
{
float: none;
margin: 30px auto 0 auto;
width: 60%;
}

.cpbild{
width: 200px;
float:none;
margin: 10px auto 0 auto;
}
header
{
margin-top: 0px;
text-align: center;
}        
#spacer
{
 height:auto;
padding-bottom:15px;
}
#
{
/*width:auto;*/
}
#aboutus{
width:auto;
}
# .img-item
{
width: 200px;
float:none;
margin: 25px auto 0 auto;
				          }
# h2
{margin: 0 30px;}
.column2 .row{
margin: 0 0 40px 10px;
width:auto;
}
footer .wrapper{width:auto;}
footer .wrapper .column{
margin: 0 auto 15px auto;
max-width:300px;
}
input{width:auto;}
#mobileMenu
{
display: block;
z-index: 99;
}
.toggleMobile
{
position: fixed;
top: 10px;
left: 10px;
display: block;
width: 40px;
height: 36px;
cursor: pointer;
z-index: 999;
}
.toggleMobile span.menu1, .toggleMobile span.menu2, .toggleMobile span.menu3
{
display: block;
position: absolute;
width: 40px;
height: 8px;
left: 0;
background: #EDA28C;
-webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
}
.toggleMobile span.menu1
{
top: 0;
}
.toggleMobile span.menu2
{
top: 14px;
}
.toggleMobile span.menu3
{
top: 28px;
}
.toggleMobile.active span.menu1
{
top: 14px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
transition: all 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95);
}
.toggleMobile.active span.menu2
{
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
transition: all 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95);
}
.toggleMobile.active span.menu3
{
opacity: 0;
-webkit-transition: opacity 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
transition: opacity 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
}
/*header nav
{
display:none;
}*/
header h1
{
font-size:40px;
}
header p
{
margin-left: 60px;
font-size:14px;
}
			
}

/* KEYFRAMES */

@keyframes stylie-transform-keyframes {
0% {transform:translateX(30px) translateY(46px) rotate(0deg) translate(-50%, -50%);animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
100% {transform:translateX(260px) translateY(-150px) rotate(0deg) translate(-50%, -50%);}
}

@keyframes stylie-transform2-keyframes {
0% {transform:translateX(40px) translateY(40px) rotate(0deg) translate(-50%, -50%);animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
100% {transform:translateX(50px) translateY(40px) rotate(0deg) translate(-50%, -50%);}
}


@media (max-width: 400px) {
.bgbuilder5{
background:url(img/NTN-Kugellagerfabrik-Feuchtraumleuchte-Nautilus.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; 
height: 220px;
}
.bgbuilder6{
background:url(img/U-Bahnhof-Essen-VIA-Verkehrsbetriebe.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; 
height: 220px;
}
.broadtitle{
font-size: 16px;
color: #FFF;
font-weight:
bold;
text-shadow: 1px 1px #333333;
float: right;
position: relative;
padding-top: 10px;
padding-right: 10px;}
	


.dialog-card{
width: 250px;
margin-left: -125px;
padding: 25px 30px;
}

}
/*################## Ende Kontaktbutton ##################*/	
#toplink{ 
/*display: none;*/
display: none;
position: fixed;
right: 15px;
bottom: 10px;	
width: 38px;
height: 38px;
border-radius: 50%;
color: #ababab;
text-align: center;
line-height: 32px;
font-size: 30px;
z-index:2;
border:1px solid #ababab;
box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.3);
background-color:  #333333;
text-decoration: none;
 }
#toplink a{
color: #d78e27;	}
#toplink a:hover{
color: #d78e27;
	}

a[href^="tel"]:link,
a[href^="tel"]:visited,
a[href^="tel"]:hover {
text-decoration: none;
color: #000;
}

@media only screen and (max-device-width: 960px) {
a[href^="tel"]:link,
a[href^="tel"]:visited,
a[href^="tel"]:hover {
text-decoration: underline;
color: #d78e27;
   }
}

/*################### Akkordeon FAQs ######################### */

* {
  margin: 0;
  padding: 0;
}

ul, li { list-style: none !important;}

#containerfaq {
  width: 100%;
  margin: 15px auto;
  overflow: auto;
}

.faq img {
border:0px !important;
}



.faq li { padding: 20px; }

.faq li.q {
  
  font-weight: normal;
	color:#696a6f;
  font-size: 18px;
  border-bottom: 1px #ddd solid;
  cursor: pointer;
}

.faq li.a {
  
  display: none;
  color:#696a6f;
}

.rotate {
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
padding-top: -60px;
}
@media (max-width:800px) {

#containerfaq { width: 90%; }
}

@media screen and (max-width: 768px){
#four_pics{
margin-left: 25%; margin-right: 25%;

	
	}
}