html    {
    font-size: 100%;
}

body {
	/* [disabled]background-color: fff; */
	color: #3b3f4a; 
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 1em; /* 16px */
	line-height: 1.5em; /* 24px */
}

/* ----------------------------------------------------------------------------- * 
 *                             ANIMATION                                *
 * ----------------------------------------------------------------------------- */

.animationscontainer {
			width: 98%; 
			height:auto;
			overflow: hidden; 
			padding: 0% 2% 2% 0; 
		}
		 .animation {
			animation: autodrehen 3s;  /*  Aufruf der der keyframe-Regel im CSS-Selektor */
		}



		/* Definition der Animation in der @keyframes-Regel:   */
		@keyframes autodrehen {
		   100% {transform:rotateY(360deg)}
		}

h1, h2, h3,h4  {
	font-weight: bold;
	line-height: 1.3em;
}

h1  {
	font-size: 3.0em;
	line-height: 1.3em;
	margin: 20px 5px 10px 0px;
	color: #4A5052;
	text-align: center;
	text-shadow: 2px 2px 4px #b5b5b6;
	filter: dropshadow(color=#b5b5b6, offx= 2, offy=2);
	/* [disabled]border:  solid 1px #66F; */
	padding-top: 1em;
}

h2  {
	font-size: 1.3em; /* 26px */
	line-height: 1.5em;
	color: #666;
	margin: 0 auto 15px auto;
	width: 90%;
	/* [disabled]border: solid 1px #333; */
	text-align: center;
}


h3  {
	color: #930; 
	font-size: 1.6em; /* 22px */
	font-weight: normal;
}

h4  {
	font-size: 2.4em; /* 26px */
	line-height: 1.3em;
	color: #b83030;
	margin: 0 0 30px 0;
	/* [disabled]border: solid 1px #333; */
}
h6 {  /* Bildquelle */
	float:right;
	padding-right:30px;
	font-size:0.8em;
	color:#333;
	font-weight: normal;
	position: relative;
	top: -10px;
}

p.teaserheadline {
	margin: 0.8em 0px 0.8em 20px;
	font-size:1.6em; /* 22px */
	font-weight:bold;
	color: #900;
	font-family: 'Gentium Book Basic', serif;
	font-style: italic;
   }
	
p.teasertext    {
	color: #56201b; 
	font-family: "Trebuchet MS",Helvetica,Arial;
	font-size: 1.1em; /* 19px */
	line-height: 1.368em; /* 26px */
	margin: 0.8em 20px;
}

a:link, a:visited {
    color: #2b2d2e;
    text-decoration: none;
}

a:hover, a:focus, a:active {
    color: #005580;
    text-decoration: none;
}

.highlight{
	color: #F30;
}

ul, ol {
    padding: 0;
    margin: 0 0 0.625em 20px;
}

.page-wrapper {
	/* [disabled]background-color: #fff; */
	margin: 10px 0 0 0;
	width:100%;
	padding:0;
}
#top_kontakt{
	border:solid 0px;
	width:89%;
	padding:5px 5%;
	background-color: #dee3e6;
	font-size: 0.9em;
	line-height: 1.7em;
}
header {
	height: 130px;
	/* [disabled]border:solid 1px #CC0; */
	padding-top:50px;
	padding-bottom: 10px;
	/* [disabled]padding-right: 200px; */
}
.logo{
	width:26%;
	margin: 0 0 0 5%;
	/* [disabled]display: block; */
	float: left;
	/* [disabled]border: solid 1px #333; */
}
.logo img{
	max-width:100%;
	height:auto;
}
.logo_aside{
	width:10%;
	margin: 0 0 0 5%;
	/* [disabled]display: block; */
	float: left;
	z-index:10;
	padding-top: 12px;
	/* [disabled]border: solid 1px #333; */
}
.logo_aside img{
	max-width:90%;
	height:auto;
}
.link_content_top {
	/* [disabled]margin-top:20px; */
	float: right;
	margin-right: 80px;
	/* [disabled]font-weight: bold; */
	font-size: 120%;
	background: linear-gradient(top, #e5ecd8 0%, #b6cc8a 50%, #c4d69e 100%);
	background: -moz-linear-gradient(top, #e5ecd8 0%, #b6cc8a 50%, #c4d69e 100%);
	background: -webkit-linear-gradient(top, #e5ecd8 0%, #b6cc8a 50%, #c4d69e 100%);
	background: -ms-linear-gradient(top, #e5ecd8 0%, #b6cc8a 50%, #c4d69e 100%);
	background: -o-linear-gradient(top, #e5ecd8 0%, #b6cc8a 50%, #c4d69e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5ecd8, endColorstr=#c4d69e,GradientType=1);
	padding: 6px 12px;
	width: 100px;
}
.link_content_top a {
	text-decoration: none;
	color: #903;
}
#content_top{
	margin: 0px 0px 0px 0px;
	/* [disabled]float: right; */
	padding: 0;
	width: 100%;
	height: 800px;
	background: none;
	/* [disabled]background-position: right top; */
	/* [disabled]background-repeat: no-repeat; */
	/* [disabled]-webkit-background-size: cover; */
	/* [disabled]-moz-background-size: cover; */
	-o-background-size: cover;
	/* [disabled]background-size: cover; */
	/* [disabled]-webkit-transition:height 100ms ease-out; */
	/* [disabled]-moz-transition:height 100ms ease-out; */
	-o-transition:height 100ms ease-out;
	/* [disabled]transition:height 100ms ease-out; */
}
#content_top_elektroinstallation{
	margin: 0px 0px 0px 0px;
	/* [disabled]float: right; */
	padding: 0;
	width: 100%;
	height: 100%;
	background: url(../bg_pic/top_elektroinstallation.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-transition:height 100ms ease-out;
	-moz-transition:height 100ms ease-out;
	-o-transition:height 100ms ease-out;
	transition:height 100ms ease-out;
}

.headline_werbeagentur {
	font-size:2.5em;
	color:#FFF;
	text-shadow: 0.05em 0.05em 0.2em #000;
	text-align:right;
	font-weight: bold;
	margin-top: 23%;
	height:130px;
	float: right;
	/* [disabled]margin: 0px 250px 0px 0px; */
	margin-right: 22%;
	line-height: 1.4em;
}	
.headline_innen {
	font-size:3em;
	color:#FFF;
	text-shadow: 0.05em 0.05em 0.2em #000;
	text-align:right;
	font-weight: bold;
	margin-top: 15%;
	float: right;
	margin-right: 22%;
	line-height: 1.4em;
}	
.text_werbeagentur {
	font-size:1.2em;
	font-weight:100;
	float: right;
	text-align:center;
	width:45%;
	/* [disabled]margin: 0px 250px 0px 0px; */
	padding: 20px 0px 0px 0px;
	margin-right: 20%;
	line-height: 1.3em;
	margin-bottom: 50px;
	margin-top:70px;
	color:#FFF;
}


.einblender_top {  /* loxone logo - derzeit leer */
	float: right;
	margin-top:20px;
	margin-right:  0.6em;
	padding: 0px 0px 0px 0px;
	color:#F62D10;
	position: relative;
	height:20px;
	/* [disabled]top: -30%; */
}
.einblender_top img {
	box-shadow: 5px 5px 10px 2px #000000;
	-moz-box-shadow: 5px 5px 10px 2px #000000;
	-webkit-box-shadow: 5px 5px 10px 2px #000000;
	transition: width 1s;
}

#einblender_sliding {  /* loxone logo sliding */
	z-index:10;
	height:30%;
	background: rgba(240,240,240,0.9);
	padding: 2px 2% 5px 2%;
	color:#520c02;
	width:96%;
	position:fixed;
	bottom: 45%; /* in die Mitte verschieben */
	right:0;
	text-align:left;
	font-size: 1.1em;
	font-weight:100;
	line-height:1.3em;
	/* [disabled]border:solid 5px #999; */
	border-bottom:solid 1px #cecccc;
	border-top:solid 1px #eae9e9;
	box-shadow: 5px 5px 10px 2px #616c75;
	-moz-box-shadow: 5px 5px 10px 2px #616c75;
	-webkit-box-shadow: 5px 5px 10px 2px #616c75;
	visibility:visible;
}

.einblender_sliding_top {
	width:98%;
	/* [disabled]border:solid 1px #FC0; */
	height:25px;
	text-align:right;
	padding-bottom:5px;
}
.einblender_sliding_wrap {
	height:260px;
	display: flex; /* Aktiviert das Flex-Modell */
	align-items: center; /* Zentriert den Child vertikal, relativ zum Parent */
	justify-content: center; /* Zentriert den Child horizontal, relativ zum Parent */
	/* [disabled]border: solid 1px  #03C; */
}
.einblender_sliding_content_left {
	float:left;
	width: 31%;
	display: table-cell;
	vertical-align: middle;
	/* [disabled]border:solid 1px #093; */
}
.einblender_sliding_content_left img {
	max-width:100%;
	height:auto;
}
.einblender_sliding_content_right {
	float:left;
	width: 55%;
	padding: 20px 2% 2px 1%;
	display: table-cell;
	vertical-align: middle;
	/* [disabled]border:solid 1px #093; */
}

.line{
	border-top:solid 1px #CCC;
	width:100%;
	margin: 80px 0 60px 0;
	padding: 0;
}

.clr{
	clear:both;	
}



/* NAVIGATION  */

/* hide the checkbox and the label */

input#responsive-nav,
label.responsive-nav-label {
  display: none;
  width:100%;
  
}

/* declarations for the not-responsove-menu */

nav {
	margin: 40px 5% 0 0;
	width: 59%;
	/* [disabled]line-height:2em; */
	float: right;
	/* [disabled]border: solid 1px #333; */
}

nav ul {
	margin:0 auto;
	padding: 0;
	display:table;
}

nav a {
	display: block;
	text-decoration: none;
	padding: 5px 10px;
	font-size: 1em;
}


nav ul li {
  position: relative;
  float: left;
  list-style: none;
  transition: 0.5s;
  text-align:left;
}

nav ul li a {
  padding: 6px 20px;
  color:#2b2d2e;
}

nav ul > li.submenu > a:after {  /*  die class submenu brauchts nur bei der dreistufigen Hierarchie */
  position: relative;
  float: right;
  content: '';
  margin-left: 10px;
  margin-top: 5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #fff;
  border-bottom: 5px solid transparent;
}

nav ul ul li.submenu > a:after {  /*  die class submenu brauchts nur bei der dreistufigen Hierarchie */
  margin-left: auto;
  margin-right: -10px;
  border-left: 5px solid #fff;
  border-right: 5px solid transparent;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}

nav ul li a:hover {
  color: #052a44;
}

nav ul ul {
	position: absolute;
	top: -9999px;
	left: -9999px;
	background: #fff;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
	border:none;
	padding-top: 20px;  
	z-index:150;
	background-color:#fff;

}

nav ul ul li {
	float: none;
	width: 240px;
	border-left: solid 1px #f2f3f4;
	border-bottom: solid 1px #f2f3f4;
	padding:10px 0 15px 0px;
	margin-bottom:15px;
	}

nav ul ul li a {
	padding: 2px 30px;
	font-size: 0.9em;
}

nav ul ul li.smarthome, nav ul ul li.sicherheit, nav ul ul li.team, nav ul ul li.elektroinstallation, nav ul ul li.haustechnik, nav ul ul li.photovoltaik, nav ul ul li.baustrom, nav ul ul li.solarangebot, nav ul ul li.formal {
	background-size: 50px 50px;
}

nav ul ul li.smarthome{
	background: url(../bg_pic/icon_smarthome.png) no-repeat 10px 0px;
	padding-left: 50px;
}
nav ul ul li.sicherheit{
		background: url(../bg_pic/icon_sicherheit.png) no-repeat 10px 0px;
	padding-left: 50px;
	}
	nav ul ul li.team{
	background: url(../bg_pic/icon_team.png) no-repeat 10px 0px;
	padding-left: 50px;
	}
	nav ul ul li.elektroinstallation{
	background: url(../bg_pic/icon_elektroinstallation.png) no-repeat 10px 0px;
	padding-left: 50px;
	
	}
	nav ul ul li.haustechnik{
	background: url(../bg_pic/icon_haustechnik.png) no-repeat 10px 0px;
	padding-left: 50px;
	}
	nav ul ul li.photovoltaik{
	background: url(../bg_pic/icon_photovoltaik.png) no-repeat 10px 0px;
	padding-left: 50px;
	}
	nav ul ul li.solarnutzung{
	background: url(../bg_pic/icon_solarnutzung.png) no-repeat 10px 0px;
	padding-left: 50px;
	}
	nav ul ul li.solaranlagen{
	background: url(../bg_pic/icon_solaranlagen.png) no-repeat 10px 0px;
	padding-left: 50px;
	}
	nav ul ul li.solarangebot{
	background: url(../bg_pic/icon_solarangebot.png) no-repeat 10px 0px;
	padding-left: 50px;
	}
	nav ul ul li.baustrom{
	background: url(../bg_pic/icon_baustrom.png) no-repeat 10px 0px;
	padding-left: 50px;
	}
	nav ul ul li.formal{
	background: url(../bg_pic/icon_formal.png) no-repeat 10px 0px;
	padding-left: 52px;
	}
	nav ul ul li.formal_eingerueckt{
	padding-left: 54px;
	}

nav ul ul li:last-child {
   border-bottom: 1px solid #f2f5f7;
   padding-bottom:20px;
   border:none;
   margin-bottom:0px;
}

nav ul li:hover > ul {
  top: 100%;
  left: 0;
}

nav ul ul li:hover > ul {
  top: 0;
  left: 200px;
}


/*   CONTENT     */

.main {
	color: #56201b;
	/* [disabled]background-color:#fdf7f2; */
	padding: 0px;
	width: 100%;
	margin: 40px auto 40px auto;
	/* [disabled]border: solid 1px #333; */
}

.mainContent {
	color: #333;
	width: 100%;
	border-top: 1px solid transparent;
}
.promolink_bgcolor{
	width:94%;
	margin: 4% auto;
	border:solid 2px #416370;
	border-radius:5px;
	background-color:#2fa5dc;
	text-align: center;
	padding: 10px 0;
 }
.promolink_bgcolor dl dt{
	font-size:1.7em;
	line-height:1.3em;
	color:#3c5c71;
	padding: 10px 0;
	font-weight: 800;
}
.promolink_bgcolor dl dd{
	font-size:1.4em;
	line-height:1.3em;
	color:#0e3a18;
	padding: 8px 0;
	font-weight: 800;
}
.promolink_bgcolor dl dt{
	color:#FFF;
}
.promolink_bgcolor dl dd{
	color:#FFF;
}

footer {
	background-color:#E3E3E3;
	color: #383838;
	text-align: center;
	padding: 6px 0px;
	margin-top:10px;
	font-size: 1.15em;
	width: 100%;
}

.footer_c {
	background-color:#dddcdc;
	color: #6b6969;
	text-align: center;
	padding: 4px 0px;
	margin-top:6px;
	font-size: 0.9em;
	width: 100%;
}

.totop{
	visibility:visible;
	height:30px;
	width:28px;
	background-color:#C0D6EB;
	padding: 3px 1px 2px 2px;
	position:fixed;
	bottom:1px;
	right:0px;
	text-align:center;
	font-size: 0.9em;
	opacity: 0.6;
	filter: alpha(opacity=80); /* For IE8 and earlier */
}

.more{
	font-size:0.85em;
	float:right;
	margin-top: 1em;
}

.bluewrapper {
	width:100%;
	padding:5em 0em 2em 0em;
	margin: 80px 0 80px 0;
	/* [disabled]border-top: solid 1px #c8c6c6; */
	/* [disabled]border-bottom: solid 1px #c8c6c6; */
	background-image: url(../bg_pic/bg_smarthome_div_gespiegelt.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: cover;
	/* [disabled]background-color: #d6e2ed; */
}
 .promo_top_wrap_sub_2_spalten {
	width:95%;
	margin: 0 auto;
	font-size: 1em;
	line-height: 1.4em;
	/* [disabled]position: relative; */
	/* [disabled]left: 2%; */
	/* [disabled]float: left; */
	display: block;
	/* [disabled]border: solid 1px #333; */
	max-width: 1600px;
	padding: 0;
	
}

 .promo_top_wrap_sub_2_spalten img {
	 max-width:100%;
	 height:auto;
 }

.promo_top_sub_left_2sp {
	float: left;
	width: 45%;
	padding: 5px 0px 0px 10px;
	margin: 60px 30px 0 0;
	max-width: 750px;
	/* [disabled]border: solid 1px #999; */
}


.promo_top_sub_level2_2sp_left {
	float: left;
	width: 40%;
	padding: 10px 0px 5px 0px;
	margin: 0;
	font-size: 100%;
	/* [disabled]border: solid 1px #666; */
	/* [disabled]text-align: right; */
	/* [disabled]background-color: #F9F9F9; */
}
.promo_top_sub_level2_2sp_left_narrow {
	float: left;
	width: 8%;
	padding: 0px 0px 5px 0px;
	margin: 0;
	font-size: 100%;
	/* [disabled]border: solid 1px #666; */
	text-align: left;
	/* [disabled]background-color: #F9F9F9; */
}
.promo_top_sub_level2_2sp_right {
	float: left;
	width: 50%;
	padding: 5px 4px 0px 0px;
	margin: 0px 0px 0px 10px;
	/* [disabled]background-color: #FFFBF0; */
	/* [disabled]height: 180px; */
	/* [disabled]border: solid 1px #333; */
}   

.promo_top_sub_long_2sp {  /* promo_top lang  */
	/* [disabled]float: left; */
	width: 90%;
	padding: 0px 0px 0px 0px;
	margin: 20px 20px 20px 0;
	/* [disabled]background-color: #FF9; */
	/* [disabled]position: relative; */
	/* [disabled]left: 5%; */
}

.promo_top_sub_right_2sp {
	float: left;
	width: 40%;
	padding: 0px 0px 0px 0px;
	margin: 60px 0 0 50px;
	overflow: visible;
	/* [disabled]border: solid 1px #666; */
	/* [disabled]min-width: 400px; */
	max-width: 750px;
	/* [disabled]background-color: #ccc; */
	/* [disabled]height: 300px; */
	/* [disabled]position: relative; */
	/* [disabled]left: 10%; */
}   
.promo_top_sub_right_2sp_large {
	float: left;
	width: 85%;
	padding: 0px 0px 0px px;
	margin: 0 0 0 0px;
	overflow: visible;
}   
.promo_top_wrap_sub_2_spalten dl {
	margin:10px 0px 1px 0px;
	padding:0;
 }
 .promo_top_wrap_sub_2_spalten dl dt {
	margin:0px 0px 10px 0px;
	padding:0;
	font-weight: bold;
	font-size: 120%;
 }
.promo_top_wrap_sub_2_spalten dl dt a {
	color:#003B59;
	font-size: 100%;
	text-decoration: none;
}
.promo_top_wrap_sub_2_spalten dl dt a:hover {
	color:#005c8c;
}
 .promo_top_wrap_sub_2_spalten dl dd{
	margin:0px 0px 5px 0px;
	padding:0;
 }
 .promo_top_wrap_sub_2_spalten a {
		color:#333; 
 }

.content_wrap_sub_3_spalten_photovoltaik {
	width:100%;
	padding:100px auto 100px auto;
	background-image: url(../bg_pic/bg_photovoltaik_div.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: cover;
	font-size: 1em;
	line-height: 1.7em;
	/* [disabled]border:solid 1px #036; */
	/* [disabled]margin-top: 10px; */
}
.content_wrap_sub_3_spalten {
	width:100%;
	padding:120px auto 80px auto;
	background-image: url(../bg_pic/bg_smarthome_div.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: cover;
	font-size: 1em;
	line-height: 1.7em;
}
.content_wrap_sub_3_spalten dl, .content_wrap_sub_3_spalten_photovoltaik dl {
	margin:5% 0 3% 0;
	padding:0;
	color: #482F10;
	text-align:center;
 }
 .content_wrap_sub_3_spalten dl dt, .content_wrap_sub_3_spalten_photovoltaik dl dt {
	margin:20px 2% 10px 2%;
	padding:0;
	font-weight: normal;
	font-size: 2.8em;
	font-weight:500;
	color:#184461;
	line-height:2em;
 }

.content_wrap_sub_3_spalten dl dt a, .content_wrap_sub_3_spalten_photovoltaik dl dt a {
	color:#003B59;
	font-size: 100%;
	text-decoration: none;
}
.content_wrap_sub_3_spalten dl dt a:hover, .content_wrap_sub_3_spalten_photovoltaik dl dt a:hover {
	color:#FFF;
}
 .content_wrap_sub_3_spalten dl dd, .content_wrap_sub_3_spalten_photovoltaik dl dd{
	margin:0px 0px 3px 0px;
	padding:0;
 }
 .content_wrap_sub_3_spalten dl dd.more, .content_wrap_sub_3_spalten_photovoltaik dl dd.more{
	margin:9px 0px 0px 0px;
	padding:0;
 }
 .content_wrap_sub_3_spalten a {
	color:#2D4B0D;
 }
.content_wrap_sub_3_spalten_photovoltaik a {
	color:#1d3558;
}


.content_sub_left_3sp {
	float: left;
	padding: 20px 2% 10px 2%;
	margin: 0px;
	width: 34%;
	height:100%;
	/* [disabled]border: solid 1px #333; */
}
.content_sub_left_3sp img {
	max-width:80%;
	height:auto;
}
.content_sub_middle_3sp {
	float: left;
	padding: 20px 2% 1px 2%;
	margin: 0px 0px 100px 0;
	width: 34%;
	height: 100%;
	/* [disabled]border: solid 1px #333; */
}
.content_sub_right_3sp {
	float: left;
	width: 18%;
	padding: 20px 2% 1px 2%;
	margin: 0;
	/* [disabled]position: relative; */
	text-align: right;
	height: 100%;
	/* [disabled]border: solid 1px #333; */
}   
.content_sub_right_3sp img {
	max-width:80%;
	height:auto;
}

.whitewrapper {
	width:94%;
	padding:0em 0em 0em 0em;
	margin: 35px auto 20px auto;
	display:block;
}
.greywrapper {
	width:90%;
	padding: 2% 5% 1% 5%;
	background-color: #f8f9fa;
	/* [disabled]border: solid 1px #333; */
	display:table;
	margin-top: 30px;
}
.redwrapper {
	width:90%;
	padding: 2% 5%;
	background-color: #e12e42;
	/* [disabled]border: solid 1px #333; */
	display:table;
	color: fff;
}
.promo_text{
	width:94%;
	padding:0em 0em 0em 0em;
	margin: 20px auto 80px auto;
	max-width: 1500px;
	/* [disabled]background-color: #0C3; */
	/* [disabled]height: auto; */
	font-size: 1.1em;
}
.promo_text img{
	max-width:100%;
	height: auto;
}
.promo_text_left{
	float:left;
	margin:0;
	padding:1em 0 0 0;
	width:55%;
	/* [disabled]border: solid 1px #333; */
}
.promo_text_right{
	float:left;
	margin:0em 0em 0em 2%;
	padding:0;
	width:42%;
	/* [disabled]border: solid 1px #333; */
}
.promo_text dl dt{
	color:#bc232b;
	font-size:1.3em;
	font-weight:normal;
	margin: 4px 0 20px 0;
	line-height:1.3em;
}
.promo_text dl dd{
	font-size:0.95em;
}
.promo_text dl dt a{
	font-size:1.15em;
	color: #1c5185;
}


.promo_bigpic{
	width:100%;
	padding:1em 0em 0em 0em;
	margin: 0px auto 80px auto;
	/* [disabled]max-width: 1500px; */
}
.promo_bigpic img{
	max-width:100%;
	height: auto;
}
.promo_bigpic_left{
	float:left;
	margin:0;
	padding:0;
	width:45%;
}
.promo_bigpic_right{
	float:left;
	margin:0em 0em 0em 1em;
	padding:0;
	width:45%;
}
.promo_bigpic dl dt{
	color:#86252b;
	font-size:1.25em;
	font-weight:bold;
}
.promo_bigpic dl dt{
	margin-top: 20px;	
}
.promo_bigpic dl dt a{
	font-size:1.15em;
	color: #86252b;	
}

.panel_list {
	align:left;
	/* [disabled]left:5%; */
	width:95%;
	margin: 0 auto 60px auto;
	/* [disabled]border: solid 1px #333; */
	padding: 0 0 0 0%;
}
 
.panel_element {
	align:left;
	float:left;
	/* [disabled]border:1px #999 solid; */
	display: block;
	margin: 0 10px 0 0;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 5px;
	width: 28%;
}
.panel_element em {
	float:left;
	display: block;
	width: 30%;
	/* [disabled]border:solid 1px #999; */
}
.panel_element em img {
	max-width: 100%;
	height:auto;
}

.panel_element p {
	float:left;
	margin:auto 2px auto 10px;
	padding:0px 0 0 0;
	display: block;
	width: 66%;
	font-size: 1em;
}
p.one_lines{
	padding:2.5em 0 0 0;	
}
p.two_lines{
	padding:1.5em 0 0 0;	
}
p.three_lines{
	padding:0.8em 0 0 0;
}
.panel_element a{
color:#3c3d3e;
text-decoration:none;
}
.panel_element dl{
	font-size:1em;
	margin:0;
	padding:0;
}
.panel_element dt{
	font-weight:bold;
	margin:0;
	padding:0;	
}
.panel_element dd{
	margin:0;
	padding:0;	
}
.zaehler_smarthome {
	font-size: 3em;
	font-weight: 500;
	color: #FFF;
	background-image: url(bg_pic/Zaehler_smarthome.jpg);
	background-repeat: repeat-x;
	height: 90px;
	width: 120px;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}
.zaehler_pv {
	font-size: 3em;
	font-weight: 500;
	color: #FFF;
	background-image: url(bg_pic/Zaehler_pv.jpg);
	background-repeat: repeat-x;
	height: 90px;
	width: 120px;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}

/* Liste mit Bulls und Linien */
.beispielliste {
	position: relative;
	padding-left: 1px;   /* Abstand vertkale Linie von den Bulls  */
	width: 100%;
	border-left: 2px solid #0460a1;  /* vertkale Linie  */
	margin: 30px 15px 15px 15px;
} 
 
.beispielliste .beispiel { /* Eintraege mit HL und Text */
	font-size: 1.0em;
	width: 89%;
	position: relative;
	line-height: 1.3em;
	margin-bottom: 35px; /* Abstand der einzelnen Beitraege voneinander */
	margin-left:10px;
	text-align: left;
	display: block;
	padding: 0 9px; /* Abstand Beitraege mit vert. Linie links und rechts  */
	/* [disabled]border:solid 1px #0C6; */
} 
 .beispielliste .beispiel a {
	 font-weight:600;
	 color:#039;
 }
.beispielliste .beispiel:before {  /* Linie horizontal zw. vertikaler L. und Bull  */
    content: ""; 
    position: absolute; 
    top: 8px; 
    left: 0px; 
    width: 0px;   /* Laenge hor. Line  */
    height: 1px; 
    background: #096; 
} 
 
.beispielliste .beispiel:first-child:after {  /* ??  */
    content: ""; 
    position: absolute; 
    top: 0px; 
    left: -12px; 
    width: 5px; 
    height: 8px; 
    background: #fff; 
	display:none;
 } 
 
.beispielliste .beispiel:last-child:after { /* Abstand ??  */
    content: ""; 
    position: absolute; 
    top: 9px; 
    bottom: 0; 
    left: -12px; 
    width: 5px; 
    background: #3F0; 
	display:none;
 } 
 
.beispielliste .beispiel .beispiel-label { /* Headline mit Bull  */
	position: relative;
	font-weight: bold;
	/* [disabled]text-transform: uppercase; */
	font-size: 1.1em;
	color: #294559;
	/* [disabled]border:solid 1px #9F9; */
	top:-6px;
	line-height: 1.3em;
 } 
 .beispiel-description {
	font-size:0.95em;
	font-weight: lighter;
 }
 	
.beispielliste .beispiel .beispiel-label:before { 
    content: ''; 
    position: absolute; 
 	top: 2px;  /* Bull Position  */
    left: -28px; 
  	/*  ohne Verlauf - einfach Farbe 
    width: 13px; 
    height: 13px; 
    border-radius: 100%; 
    background: #0077cc;  */
	display: block;
	background-color: black;
	border-radius: 100%;
	height: 15px;
	width: 15px;
	background: radial-gradient(circle at 50% 120%, #1c7fbe, #062745 10%, #1c8bbe 80%, #2a77ab 100%);
 }
 
 .content_wrap_2_spalten {  /* mit sub_sub für kleine Aufteilung footer_gross_index  */
	font-size: 1em;
	line-height: 1.4em;
	width:100%;
	margin: 30px auto 0 auto;
	display: block;
	/* [disabled]border: solid 2px #333; */
	/* [disabled]max-width: 1800px; */
	padding: 0   0;
}
.content_wrap_2_spalten dl dt{
	font-size:1.1em;
	text-align: left;
}

.content_wrap_2_spalten_left {
	float: left;
	width: 32%;
	padding: 5px 15px 5px 10%;
	margin: 0px 0px 0px 0px;
	/* [disabled]border: solid 1px #999; */
	text-align: center;
}

.content_wrap_2_spalten_right {
	float: right;
	width: 40%;
	padding: 0px 1% 0px 0%;
	margin: 0px 0 0 2%;
	/* [disabled]border: solid 1px #666; */
	text-align: center;
}   
.content_wrap_2_spalten_sublevel_left{
	float:left;
	width:40%;
	margin-bottom:15px;
	text-align:center;
	/* [disabled]border: solid 1px #666; */
}
.content_wrap_2_spalten_sublevel_right{
	float:left;
	width:50%;
	padding: 2% 0 0 3%;
	/* [disabled]border: solid 1px #666; */
}

 .content_wrap_2_spalten ul{
	font-size:1em;
	margin-top: 0px;
 }
 .content_wrap_2_spalten img {
	max-width:100%;
	height:auto;
 }
 .content_wrap_2_spalten_right img.shadowbild {
	border: solid 1px #d1d1d1;
	box-shadow: 3px 4px 5px #d1d6db;
 }
.content_wrap_2_spalten dl {
	margin:0px 0px 0px 0px;
	padding:0;
	/* [disabled]text-align:left; */
 }
 .content_wrap_2_spalten dl dt {
	font-size: 1.3em;
	margin:0px 0px 8px 0px;
	padding:0;
	font-weight: bold;
	/* [disabled]color: #565656; */
	line-height: 1.3em;
 }
 .content_wrap_2_spalten dl dt.toptext {
	position: relative;
	top: -100px;
 }
.content_wrap_2_spalten dl dt a {
	color:#003B59;
	font-size: 100%;
	text-decoration: none;
}
.content_wrap_2_spalten dl dt a:hover {
	color:#005c8c;
}
 .content_wrap_2_spalten dl dd{
	margin:0px 0px 5px 0px;
	padding:0;
	line-height: 1.6em;
	text-align:left;
 }
  .content_wrap_2_spalten dl dd.print{
	  padding: 30px 0 0 0;
		color:#999;
		font-size:0.8em;
  }
 .content_wrap_2_spalten a {
		color:#333; 
 }
 

@media screen and (max-width:79em) {
#einblender_sliding {
	font-size: 1.1em;
	height:34%
}
#einblender_sliding img {
	max-width:90%;
}
 .content_wrap_2_spalten {
		font-size: 0.9em;
	 }
}

@media screen and (max-width:69em) {
#einblender_sliding {
	font-size: 1em;
}
#einblender_sliding img {
	max-width:85%;
}
.content_wrap_sub_3_spalten_photovoltaik {
	font-size:0.9em;
}

}

/* Declarations for the mobile menu */

/*@media screen and (max-width:28.125em) { */
@media screen and (max-width:45em) {
  
  h1  {
		font-size: 1.4em;
		padding-top:10px;
		margin-top:20px;
		margin-bottom:0px;
	}
	h2  {
	font-size: 1.1em; /* 26px */
	}
  .page-wrapper {
	/* [disabled]background-color: #fff; */
	margin: 0px 0 0 0;
  }
  #top_kontakt{
	width:96%;
	padding:5px 2%;
	line-height: 2.2em;
}
  header {
	height: 70px;
	/* [disabled]border:solid 1px #CC0; */
	padding-top:20px;
	padding-bottom: 30px;
	padding-left:0;
	text-align:center;
}
header img{
	max-width:65%;
}
.logo{
	width:98%;
	/* [disabled]display: block; */
	float: none;
	margin-bottom:26px;
	margin-left:0;
	padding: 10px 0px 14px 0px;
	text-align:center;
	height:90px;
	/* [disabled]border:solid 1px #096; */
}
.logo img{
	max-width:50%;
	height:auto;
}
.logo_aside{
	width:90%;
	/* [disabled]display: block; */
	float: none;
	margin-right:0px;
	margin-bottom:14px;
	height:90px;
	/* [disabled]border:solid 1px #096; */
}

	 #content_top{
		background: url(../bg_pic/smart1_kl.jpg);
		background-position: right top;
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		height:100%;
	 }
	  
	  .headline_werbeagentur {
		font-size:1.4em;
		margin-top: 12%;
		margin-right: 20%;
		line-height: 1.4em;
		margin-bottom: 0px;
		visibility:hidden;
	}

	.text_werbeagentur {
		font-size:0.9em;
		padding: 0px 0px 0px 0px;
		line-height: 1em;
		margin-bottom: 10px;
		margin-top:10px;
		margin-right: 20%;
		color:#FFF;
	}
	
	.einblender_top { /* loxone logo */
		margin-top:10%;
		margin-right: 0.6em;
		width:150px;
	}
	.einblender_top img {
		width:100%;
	}
	
#einblender_sliding {  /* loxone logo sliding */
		height:260px;
		top:3%;
		left:0px;
		background: rgba(240,240,240,0.9);
		padding: 3px 1% 3px 1%;
		width:98%;
		height:58%;
		font-size: 1em;
		font-weight:500;
		/* [disabled]border:solid 1px #999; */
}
.einblender_sliding_top {
	height:12px;	
}
.einblender_sliding_top img {
	width:9%;
	height:auto;	
}
.einblender_sliding_wrap{
	display:block;
	margin-top:30px;
	width:100%;
	/* [disabled]border:solid 1px #999; */
}
.einblender_sliding_content_left {
	display:block;
	float:none;
	width: 95%;
	text-align:center;
	/* [disabled]border:solid 1px #999; */
}
.einblender_sliding_content_left img {
	width:70%;
	height:auto;
}
.einblender_sliding_content_right {
	display:block;
	float:none;
	width: 95%;
	text-align:center;
	padding: 10px 2% 0px 1%;
	/* [disabled]border:solid 1px #999; */
}

	  
	  /*    NAVIGATION    */
	  
	label.responsive-nav-label { /*  grauer Block Menue*/
	  width:100%;
	  position: relative;
	  display: block;
	  padding: 10px 0px 10px 0px;
	  background: #ecf2f5;
	  cursor: pointer;
	  color: #3d4041;
	  font-size:1.4em;
	  background-color:#f5f8f9;
	  margin:-40px 0 0px 0;
	  text-align:center;
	}
	  
	label.responsive-nav-label span {  /* kleines Strich-Icon Menue */
	  margin-right: 0px;  
	}
	input#responsive-nav[type=checkbox]:checked ~ nav {
	  position: relative;
	  top: 0;
	}
	
	
	nav {
	border:solid 0px #CCC;
	position: absolute;
	top: -9999px;
	left:0px;
	padding: 10px 0px;
	margin-top:0px;
	margin-left:0px;
	line-height:0.9em;
	width:100%;
	z-index: 100001;
	background-color:#FFF;
	margin-right: 0px;
	}
	
	nav ul {
		margin:0 ;
		margin:0 auto; /* Ausrichtung center */
	}
	
	
	nav a:after {
	  display: none;
	}
	
	nav li {
	  float: none !important;
	  width: 100% !important;
	  border-bottom: none !important; 
	  padding-bottom:10px;
	  margin:0 0 0 20%; /* Ausrichtung Submenue */
	  text-align:center;
	}
	  
	nav li a {
	margin-bottom: 1px !important;
	padding: 4px 5px 10px 6px !important;
	font-size:1.25em; 
	font-weight:500;
	}
	  
	nav ul li a:hover {
	/* [disabled]color: #064405; */
	}
	  
	
	  
	nav ul ul {
	  position: relative !important;
	  width: 100%;
	  left: 0 !important;
	  top: 0 !important;
	  background: none !important;
	  box-shadow: none;
	  padding-top: 0px;
	}
	  
	nav ul ul li {
	  padding: 0 0 0 0px;
	  margin:0 ; 
	}
	nav ul ul li a{
	font-size:1em;
	font-weight:200;
	padding: 5px 0px;
	}
	
	nav ul ul li.smarthome{
	background: none;
	padding-left: 0px;
	}
	nav ul ul li.sicherheit{
	background: none;
	padding-left: 0px;
	}
	nav ul ul li.team{
	background: none;
	padding-left: 0px;
	}
	nav ul ul li.elektroinstallation{
	background: none;
	padding-left: 0px;
	
	}
	nav ul ul li.haustechnik{
	background:none;
	padding-left: 0px;
	}
	nav ul ul li.baustrom{
	background:none;
	padding-left: 0px;
	}
	nav ul ul li.solarangebot{
	background:none;
	padding-left: 0px;
	}
	nav ul ul li.photovoltaik{
	background:none;
	padding-left: 0px;
	}
	nav ul ul li.solarnutzung{
	background:none;
	padding-left: 0px;
	}
	nav ul ul li.solaranlagen{
	background:none;
	padding-left: 0px;
	}
	nav ul ul li.formal{
	background:none;
	padding-left: 0px;
	}
	nav ul ul li.formal_eingerueckt{
	background:none;
	padding-left: 0px;
	}


/* CONTENT */

.main{
	/* [disabled]margin: 40px auto 40px auto; */
}
.content_wrap_sub_3_spalten_photovoltaik {
	font-size:1em;
	margin-top:0;
	/* [disabled]border:solid 1px #009; */
}
 .content_wrap_sub_3_spalten dl dt, .content_wrap_sub_3_spalten_photovoltaik dl dt {
	margin:10px 0 20px 0;
	padding:0;
	font-weight: normal;
	font-size: 2.5em;
	font-weight:bold;
	color:#184461;
 }
.promo_top_sub_left_2sp {
	float: left;
	width: 98%;
	margin: 0px 0px 30px 0px;
}
.promo_top_sub_right_2sp {
	float: left;
	width: 98%;
	margin: 30px 0px 0px 10px;
}
.promo_top_sub_level2_2sp_left {
	float: left;
	width: 95%;
}
.promo_top_sub_level2_2sp_right {
	float: left;
	width: 95%;
	margin:0;
}
.promolink_bgcolor{
	padding:2%;	
}

.promolink_bgcolor dl{
	margin:6px auto; 
	line-height:1.4em;
 }
.promolink_bgcolor dl dt{
	font-size:1.3em;
	/* [disabled]color:#FFF; */
	padding: 10px 0;
	font-weight: 600;
}
.promolink_bgcolor dl dd{
	font-size:1.1em;
	/* [disabled]color:#FC0; */
	padding: 8px 0;
	font-weight: 600;
}
.content_wrap_sub_3_spalten, .content_wrap_sub_3_spalten_phptovoltaik {
	padding:0px;
}
.content_sub_left_3sp {
	padding: 20px 0px 20px 10px;
	width: 95%;
}
.content_sub_left_3sp img {
	max-width:100%;
}
.content_sub_middle_3sp {
	padding: 0px 10px 0px 20px;
	margin: 50px 0px 50px 0;
	width: 85%;
}
.content_sub_middle_3sp dl dt {
		line-height:1.2em;
}
.content_sub_middle_3sp dl dd {
		line-height:1.3em;
}
.content_sub_right_3sp {
	width: 90%;
	padding: 10px 0px 20px 10px;
	margin: 0;
	text-align:center;
}   	
.content_sub_right_3sp img {
	max-width:50%;
}
.panel_list{
	/* [disabled]border:solid 1px #333; */
	margin: 0 0 40px 0;
	width:100%;
}
.panel_element{
	width:95%;
}
.panel_element em img{
	max-width:90%;
	max-height:auto;
}

.promo_bigpic_left{
	width:95%;
}
.promo_bigpic_right{
	width:95%;
}
.whitewrapper {
	width:98%;
}
.promo_text dl dt, .promo_text dl dt a{
	text-align:center;
	font-size:1.2em;
}
.promo_text dl dd{
	text-align:center;
}

.promo_text_left{
	width:98%;
	margin-bottom: 20px;
}
.promo_text_right{
	width:95%;
}
.beispielliste .beispiel { /* Eintraege mit HL und Text */
	font-size: 0.9em;
	width: 87%;
}

footer {
	font-size: 1em;
	width:98%;
	padding: 5px 1% 5px 1%;
}

.totop{
	visibility:visible;
}

 .content_wrap_2_spalten {
	width:100%;
	height:none;
	padding:0;
	margin-top:20px;
 }
  .content_wrap_2_spalten img.shadowbild {
	margin-left: 0%;
 }
 content_wrap_2_spalten ul {
		font-size:1em; 
		margin:0 auto;
 }
 .content_wrap_2_spalten dl {
	width:90%;
	padding:0;
	text-align:center;
 }
  .content_wrap_2_spalten dl dt {
	font-size: 1.2em;
	margin:0 0 0 0;
	text-align:center;
	margin:0px 0px 0px 0px;
  }
  .content_wrap_2_spalten dl dd {
	text-align:center;
	font-size: 1.1em;
	margin-top:7px;
  }
  .content_wrap_2_spalten dl dd.img {
	text-align:center;
  }
   .content_wrap_2_spalten table td {
	/* [disabled]border:solid 2px #0F3; */
	text-align:center;
	width:100%;
   }
   .content_wrap_2_spalten dl dd.print{
	  display:none;
  }
.content_wrap_2_spalten_left {
	float: left;
	width: 98%;
	margin: 0px auto 10px auto;
	text-align:center;
	padding:0 1%;
}
.content_wrap_2_spalten_right {
	float: left;
	width: 98%;
	margin: 20px auto 10px auto;
	text-align:center;
	padding: 0px 1%;
	font-size:1em;
}
.content_wrap_2_spalten_sublevel_right {
	float: none;
	width: 98%;
	margin: 0px auto 10px auto;
	/* [disabled]border:solid 2px #999; */
}
.content_wrap_2_spalten_sublevel_left{
	float:none;
	width:96%;
	padding: 2% 0 2% 2%;
	/* [disabled]border:solid 2px #999; */
}
.content_wrap_2_spalten_sublevel_right{
	float:none;
	width:98%;
	padding: 2% 0 0 2%;
	/* [disabled]border:solid 2px #999; */
}


}