/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v23-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v23-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v23-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v23-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v23-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v23-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-300italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/open-sans-v23-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v23-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v23-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v23-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v23-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v23-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v23-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v23-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v23-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v23-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v23-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v23-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/open-sans-v23-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v23-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v23-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v23-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v23-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v23-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v23-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v23-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v23-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v23-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v23-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v23-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/open-sans-v23-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v23-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v23-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v23-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v23-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v23-latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v23-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v23-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v23-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v23-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v23-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v23-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/open-sans-v23-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v23-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v23-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v23-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v23-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v23-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-800 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/open-sans-v23-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v23-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v23-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v23-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v23-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v23-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-800italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: url('../fonts/open-sans-v23-latin-800italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v23-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v23-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v23-latin-800italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v23-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v23-latin-800italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

html, body {height:100%;margin:0}
body {overflow-y:scroll;font-family: 'Open Sans', sans-serif; Arial, sans-serif;font-size:16px;color:#3e3d3d;}
/* GRID */
.fullwidth {width:100%;min-height:1px;}
.row {max-width:1440px;margin:auto;clear:both}
#header:after,#header:before,#main:before,#main:after,#footer:before,#footer:after,.row:before,.row:after,.col:before, .col:after, #team:before, #team:after {display: table;content:" ";box-sizing: border-box;clear:both}
.col {float:left;min-height:1px}
.one {width:8.333333%}
.two {width:16.666666%}
.three {width:24.999999%}
.four {width:33.333333%}
.five {width:41.666666%}
.six {width:49.999999%}
.seven {width:58.333333%}
.eight {width:66.666666%}
.nine {width:74.999999%;margin-bottom:20px;}
.ten {width:83.333333%}
.eleven {width:91.666666%}
.twelve {width:100%}
/*CONTENT*/
img {vertical-align:top;}
a < img {border: none;}
h1, h2 {text-transform:uppercase;color:#FFFFFF;font-weight:300;margin:30px 0}
.team-col img {margin:0;padding:0;vertical-align:top}
.heizen li {list-style:decimal;}
a:link { color: #FF1B18; }
a:visited { color: #FF1B18; }
#mainnavi {text-transform:uppercase;float:right}
#mainnavi ul {list-style:none;margin:0;padding:0;margin-top:50px;}
#mainnavi li {float:left}
#mainnavi a {border-bottom:1px solid #FF1B18;display:block;padding-bottom:10px;margin:0 15px;text-decoration:none;color:#3e3d3d;font-size:16px}
#mainnavi a.active {border-bottom:1px solid #256FB9;}
#mainnavi ul li {position:relative;}
#mainnavi ul li:hover ul {display:block;}
#mainnavi ul li ul {top: 100%;position: absolute;overflow: visible;z-index: 999;display: none;width: 200px;margin: 0;/*padding-top: 20px;*/padding-top: 0px;right:0;float: right;}
#mainnavi ul li ul li {float:none;margin-right:0px;}
#mainnavi ul li ul li > a {font-size:1em;text-transform:none;background-color:#FF1B18;color:white;border-bottom:1px dotted white;padding:10px;width: auto;}
#mainnavi ul li ul li > a:hover {background-color:#256FB9;color:white;}
.slicknav_menu {display:none;}
.maps {margin-bottom: 30px;}
#logo {margin-top:18px;margin-bottom:18px}
#main {padding-bottom:40px;background-image:url(team-bg.jpg);background-size:100% auto;background-repeat:no-repeat;background-color:#878787}
#header:after,#header:before,#main:before,#main:after,#footer:before,#footer:after,.row:before,.row:after,.col:before, .col:after, #team:before, #team:after {display: table;content:" ";box-sizing: border-box;clear:both}
#teaser {/*background-color:green;*/margin-top:20px;margin-bottom:60px;max-width:100%;height:auto;}
#teaser img {width:95%;}
#teaser h2 {font-size: 1em;font-weight: normal;background-color:rgb(255, 27, 24);color:#FFF;padding:5% 7%;width:81%;margin:0px;outline:medium none;text-transform:uppercase;}
#teaser a {text-decoration:none;}
.line {background-image:url(../images/teaser/linie.gif);background-repeat:repeat-x;width:100%;margin-bottom:20px;}
.line-gray {background-image:url(../images/teaser/line-gray.gif);background-repeat:repeat-x;width:100%;margin-bottom:20px;}
.metanavi {text-align:right;}
.metanavi p {font-size:0.9em;padding-bottom:10px;}
.copyright p {font-size:0.9em;padding-bottom:10px;}
.metanavi a {text-decoration:none;color:#3e3d3d;}
.headline h1, .headline h2 {color: #ff1b18;font-size:1.4em; text-align:left;letter-spacing: 0px;font-weight:400;text-transform:uppercase;}
.headline h3 {color: #256FB9;font-size:1.3em; text-align:left;letter-spacing: 0px;font-weight:normal;}
.introtext {margin-bottom:20px;}
.content img {max-width: 90%;margin-top:30px;padding:5px;border:1px dotted gray;}
.content p {padding-left:10px;}
.content h3 {color:#256FB9;}
.bottom-25 {margin-bottom: 25px;}
.top-25 {margin-top: 25px;}
.content h2 {color: #FF1B18;font-size:1.4em; text-align:left;letter-spacing: 0px;font-weight:400;text-transform:uppercase;}
.subtitle a {color: #FF1B18;}
.profile {margin-top:55px;}
.profile p {font-size:0.8em;}
.top-50 h2 {margin-top: 50px;}
.headline p {padding-right:25px;}
.headline a {text-decoration:none;font-weight:500;color:#FF1B18;}
.headline img {margin-top: 35px;max-width:100%;}
.logos img {margin-top:1%;}
strong {color:#676767;}
.introduce img {margin-top:25px;}
hr {background-image:url(../images/teaser/linie.gif);background-repeat:repeat-x;width:100%;margin-bottom:20px;}
.separate {border-bottom: 1px dotted #FF1B18; padding-bottom:25px;}
.separate-last {border:none;padding-bottom:25px;}
.separate a, .separate-last a {color: #256FB9; text-decoration: none;}
.separate h3 {color: #256FB9;}
.back-to {padding:5px; background-color:#256FB9;width:100%;text-align:center;}
.back-to a {text-decoration:none; color:white;}
.no-border {border:none!important;}
.dotted {border-bottom: 1px dotted gray;}
.news h3 {color: #256FB9;}
em {font-size: 0.85em;}
.padding-bottom-15 {padding-bottom: 15px;}
.date p {font-weight:300;font-size:0.6em;text-align:left;margin-left:-150px;}

/* ########### ######  SUB NAVI ###################### */
.subnavi {margin-top: 90px;list-style-type:none;float:right;margin-right:50px;}
.subnavi li {padding-bottom:10px;list-style-type:none;}
.subnavi a {padding:6px; background-color:#256FB9;display:block;color:#3E3D3D;text-decoration:none;font-size:0.9em;}
.subnavi a:hover {padding:6px; background-color:#FF1B18;color:white;}
.content table tr td img {padding-top:50px;}
.content table tr td p {padding-right:80px;}


/* ########### ######  BREADCRUMB NAVI ###################### */
.breadcrumb {list-style-type:none;margin-left:-20px;}
.breadcrumb li {list-style-type:none;display:inline;padding-right:10px;font-size:0.9em;text-transform: uppercase;}
.breadcrumb li:first-child {color:#ff1b18}
.breadcrumb a {color:#3E3D3D;text-decoration:none;}
.breadcrumb a:hover {color:#256FB9;}


#ref-table th, #ref-table-2 th {text-align:left;}
#ref-table, #ref-table-2 {width: 100%; border-collapse:separate;border-spacing:0.6em;}
#ref-table td:nth-child(even) {border: 1px solid #F0F0EF;padding: 1.5%;font-size: 0.9em;}     
#ref-table td:nth-child(odd) {border: 1px solid #FF1B18;padding: 1.5%;color: #FF1B18; font-size: 0.9em;}

#ref-table-2 {margin-left:10px;}
#ref-table-2 td:nth-child(even) {border: 1px solid #F0F0EF;padding: 1.5%;font-size: 0.9em;}     
#ref-table-2 td:nth-child(odd) {border: 1px solid #FF1B18;padding: 1.5%;color: #FF1B18; font-size: 0.9em;}


#phases th {text-align:left;}
#phases {width: 100%; border-collapse:separate;border-spacing:0.6em;}
#phases td:nth-child(even) {border-bottom: 2px dotted #F0F0EF;padding:0.5%;}     
#phases td:nth-child(odd) {border-bottom: 2px dotted #F0F0EF;padding:0.5%;}

.padding-none {padding-top:0px!important;margin-top:0px!important;}


/* #######################  REFERENZEN ########################################### */
.ref-wrap {margin-top: 10px; margin-right: 10px;overflow: hidden;padding: 10px; float: left;border: 1px solid rgb(236, 236, 236); }
.ref-wrap-last {margin-top: 10px; margin-right: 10px;overflow: hidden; width: 290px; padding: 10px; float: left;border: 1px solid #d6d6d6; height:114px;}
.ref-pic {}
.ref-body ul li {font-size: 0.9em;list-style-type:circle;}
.ref-topic {background-color: #256FB9; padding: 5px; color:white; text-shadow: 0 1px 0 #F4F4F4;font-size: 0.9em;min-height:41px;}


/* #####################  FLIP THAT #################################*/

/* entire container, keeps perspective */
.flip-container {perspective: 1000;}
	/* flip the pane when hovered */
	.flip-container:hover .flipper, .flip-container.hover .flipper {transform: rotateY(180deg);}

.flip-container, .front, .back {width: 100%;height: 480px;}

/* flip speed goes here */
.flipper {transition: 1s;transform-style: preserve-3d;position: relative;}

/* hide back of pane during swap */
.front, .back {backface-visibility: hidden;position: absolute;top: 0;left: 0;}

/* front pane, placed above back */
.front {z-index: 2;	/* for firefox 31 */transform: rotateY(0deg);
}

/* back, initially hidden pane */
.back {transform: rotateY(180deg);}



/* ###################### Sitemap #######################################*/
#sitemap li {line-height:2.5em;}
#sitemap li a {color:#3e3d3d;border-bottom:1px dotted gray;line-height:2.5em;text-decoration:none;}
#sitemap li a:hover {color:#256FB9;}




/* ###################### hover teaser #######################################*/
#heizung {width:100%;height:10%;overflow:hidden;transition: all ease 1s;position:absolute;bottom:0; left:0;z-index:9999999;background-color:rgba(60, 100, 173,0.9);}
#heizung:hover {height:100%}
#sanitaer {width: 100%;height:10%;overflow:hidden;transition: all ease 1s;position:absolute;bottom:0; right:0;z-index:9999999;background-color:rgba(168, 168, 168,0.9);}
 {color:white;}
#sanitaer:hover {height:100%}
#lueftung {width:100%;height:10%;overflow:hidden;transition: all ease 1s;position:absolute;bottom:0; left:0;z-index:9999999;background-color:rgba(60, 100, 173,0.9);}
#lueftung:hover {height:100%}
#elektro {width:100%;height:10%;overflow:hidden;transition: all ease 1s;position:absolute;bottom:0; left:0;z-index:9999999;background-color:rgba(60, 100, 173,0.9);}
#elektro:hover {height:100%}
/* ###################### end hover teaser #######################################*/



/*
 * jQuery Nivo Slider v3.2
 * http://nivo.dev7studios.com
 *
 * Copyright 2012, Dev7studios
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */
 
/* The Nivo Slider styles */


.nivoSlider {
	position:relative;
	width:100%;
	height:auto;
	overflow: hidden;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	max-width: none;
}
.nivo-main-image {
	display: block !important;
	position: relative !important; 
	width: 100% !important;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
	background:white; 
	filter:alpha(opacity=0); 
	opacity:0;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
	overflow:hidden;
}
.nivo-box img { display:block; }

/* Caption styles */
.nivo-caption {
	position:absolute;
	text-align:center;
	left:0px;
	bottom:0px;
	background:rgb(255, 27, 24, 0.7);
	color:#fff;
	width:100%;	
	z-index:8;
	padding: 50px;
	overflow: hidden;
	display: none;
	font-size:1.8em;
	text-transform: uppercase;
	-moz-opacity: 0.8;
	filter:alpha(opacity=8);
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.nivo-caption p {
	padding:5px;
	margin:auto;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
	display:none;
}
.nivo-nextNav {
	right:0px;
	display:none;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	text-align:center;
	padding: 15px 0;
	max-height: 14px;
}
.nivo-controlNav a {
	cursor: pointer;
    color: white;
    padding: 3px;
    background: #FFF;
    text-indent: -9999px;
    display: inline-block;
    width: 4px;
    height: 4px;
    margin: 0 5px;
    border-radius: 7px;
    border: 2px solid #FFF;
}
.nivo-controlNav a.active {
	font-weight:bold;
    background: #FF1B18;
}





/*!
 * SlickNav Responsive Mobile Menu v1.0.10
 * (c) 2016 Josh Cope
 * licensed under MIT
 */
.slicknav_btn {
  position: relative;
  display: block;
  vertical-align: middle;
  float: right;
  padding: 0.438em 0.625em 0.438em 0.625em;
  line-height: 1.125em;
  cursor: pointer; }
  .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
    margin-top: 0.188em; }

.slicknav_menu {
  *zoom: 1; }
  .slicknav_menu .slicknav_menutxt {
    display: block;
    line-height: 1.188em;
    float: left; }
  .slicknav_menu .slicknav_icon {
    float: left;
    width: 1.125em;
    height: 0.875em;
    margin: 0.188em 0 0 0.438em; }
    .slicknav_menu .slicknav_icon:before {
      background: transparent;
      width: 1.125em;
      height: 0.875em;
      display: block;
      content: "";
      position: absolute; }
  .slicknav_menu .slicknav_no-text {
    margin: 0; }
  .slicknav_menu .slicknav_icon-bar {
    display: block;
    width: 1.125em;
    height: 0.125em;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
  .slicknav_menu:before {
    content: " ";
    display: table; }
  .slicknav_menu:after {
    content: " ";
    display: table;
    clear: both; }

.slicknav_nav {
  clear: both; }
  .slicknav_nav ul {
    display: block; }
  .slicknav_nav li {
    display: block; }
  .slicknav_nav .slicknav_arrow {
    font-size: 0.8em;
    margin: 0 0 0 0.4em; }
  .slicknav_nav .slicknav_item {
    cursor: pointer; }
    .slicknav_nav .slicknav_item a {
      display: inline; }
  .slicknav_nav .slicknav_row {
    display: block; }
  .slicknav_nav a {
    display: block; }
  .slicknav_nav .slicknav_parent-link a {
    display: inline; }

.slicknav_brand {
  float: left; }

.slicknav_menu {
  font-size: 16px;
  box-sizing: border-box;
  background: #FFF;
  padding: 5px; }
  .slicknav_menu * {
    box-sizing: border-box; }
  .slicknav_menu .slicknav_menutxt {
    color: #fff;
    font-weight: bold;
    text-shadow: 0 1px 3px #000; }
  .slicknav_menu .slicknav_icon-bar {
    background-color: #fff; }

.slicknav_btn {
  margin: 5px 5px 6px;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #FF1B18; }

.slicknav_nav {
  color: #fff;
  margin: 0;
  padding: 0;
  font-size: 1em;
  list-style: none;
  overflow: hidden; 
  text-transform:uppercase;}
  .slicknav_nav ul {
    list-style: none;
    overflow: hidden;
    padding: 0;
    margin: 0 0 0 20px; }
  .slicknav_nav .slicknav_row {
    padding: 5px 10px;
    margin: 2px 5px; }
    .slicknav_nav .slicknav_row:hover {
      background: #256FB9;
      color: #fff; }
  .slicknav_nav ul li ul li > a {text-transform:none;}

  .slicknav_nav a {
    padding: 5px 10px;
    margin: 2px 5px;
    text-decoration: none;
    color: #fff;
    background: #FF1B18}
    .slicknav_nav a:hover {
      background: #256FB9;
      color: #FFF; }
  .slicknav_nav .slicknav_txtnode {
    margin-left: 15px; }
  .slicknav_nav .slicknav_item a {
    padding: 0;
    margin: 0; }
  .slicknav_nav .slicknav_parent-link a {
    padding: 0;
    margin: 0; }

.slicknav_brand {
  color: #fff;
  font-size: 18px;
  line-height: 30px;
  padding: 7px 12px;
  height: 44px; }
  

a[href^="http://"]:not([href*="haustechnik-einfeldt.de"]):after,
a[href^="https://"]:not([href*="haustechnik-einfeldt.de"]):after {
content: url('../fonts/external-link_sm2.png');
  vertical-align:unset;
  padding-left:4px;
}






@media handheld, only screen and (max-width:1300px) {
.row {max-width:1000px}
/*.one {width:50px}
.three {width:300px} 
.seven {width:600px} 
.ten {width:900px}*/
.service-wrapper {max-width:441px}
.service-title h1 {font-size:1.5em}
#digital, #produktion {top:39%}
/*.service-content {width:31%;padding: 3.75% 10%;}*/
.direction-next, .direction-prev {height:43px;width:70px}
.nivo-controlNav a {max-width: 165px;}
#slides {min-height:570px}
.referenz-description {padding: 4%;position: absolute;bottom: 0;width: 92%;}
.referenz {position: relative;}
}

@media handheld, only screen and (max-width:1100px) {
.row {max-width:900px}
/*.one {width:50px}
.three {width:200px} 
.seven {width:600px} 
.two {width:200px}
.eight {width:800px}
.ten {width:800px}*/
.service-wrapper {max-width:392px}
.service-title {bottom: 10px;}
.service-title h1 {font-size:1em}
#digital, #produktion {top:35%}
/*.service-content {width:31%;padding: 6% 10%;}*/
#klassik-close, #produktion-close, #digital-close, #marketing-close {font-size:21px}
#mainnavi a {font-size:14px}
.team-description h2,.team-description2 h2 {font-size:17px}
.team-description p, .team-description2 p {font-size:14px}
.nivo-controlNav a {max-width:138px}
.direction-next, .direction-prev {width:60px;background-size:100% auto;}
#slides {min-height:533px}
.service p {font-size:14px!important;margin:0}
#main {min-height:700px}
.referenz {min-height: 133px;}
.referenz-description p {font-size:14px}
.referenz-link {max-height: 133px;overflow:hidden}
#mainnavi ul li ul {right:0;}
#mainnavi ul li ul li > a {width:auto}
}

@media handheld, only screen and (max-width:950px) {
.row {max-width:700px}
/*.one {width:25px}
.two {width:200px}
.three {width:150px} 
.seven {width:500px} 
.eight {width:800px}
.ten {width:650px}*/
#logo {width:100%}
#digital, #produktion {top: 29%;}
.service-wrapper {max-width: 319px;}
.service-content {width: 41%;padding: 15px 5%;}
#mainnavi ul {margin-top: 25px;}
#mainnavi a {font-size:12px}
.nivo-controlNav a {max-width: 102px;}
.nivo-directionNav a {top:107%!important}
#slides {min-height:411px}
.referenz {min-height: 109px;}
.referenz-link {max-height: 109px;overflow: hidden;}
#mainnavi ul li ul {right: 0;
float: right;width: auto;}
#mainnavi ul li ul li > a {width: 100%;
text-align: right;
box-sizing: border-box;
margin: 0;font-size: 12px;}
}

@media handheld, only screen and (max-width:765px) {
.row {padding:0 5%;}
.one, .two, .three, .four, .five, .six, .seven, .eight, .nine, .ten, .eleven, .twelve {width:100%}
#logo-div {text-align:center}
#mainnavi {display:none;}
.slicknav_menu {display:block;}    
#mainnavi ul {margin:0}
#mainnavi ul li ul {display: block;
position: relative;
padding: 0;
width: 100%;}
#mainnavi ul li ul li > a {box-sizing: border-box;
margin: 0;font-size:15px;text-align: left;}
#mainnavi li {width:100%}
#mainnavi a {font-size: 15px;padding:10px 0;box-sizing: border-box;
margin: 0;}
#slides {display:none}
.nivo-controlNav {display:none}
.slides-col {display:none}
h1 {font-size:15px}
.col p {width:100%!important}
.service {width:100%;position:relative;background-color: #9B070E!important;max-height:none;}
.service-content {width: 90%;position:relative!important}
.service img {width:100%}
.block {display:block}
#marketing-close, #digital-close, #klassik-close, #produktion-close {display:none}
.referenz {width:100%}
.referenz-link {max-height:none}
.referenz-description {position: relative;}
#filternavi li {width:100%}
.fa{display:none}
.kontakt1, .kontakt2 {width: 100%;}
.team-col {width:100%}
#video {width: 90%!important;margin-left: -45%!important;height: 178px!important;margin-top: 0px!important;left:50%;top: 10px!important;}
.team-col:last {margin-top:-100%}
#video-screen-wrapper {overflow:hidden;position: absolute;top: 98%;left: 0;}
.main2 {min-height:4100px!important}
.main2 .ten {position:relative}
#slider {display:none;}

}