/* roboto-100 - latin */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 100;
	src: url('../fonts/roboto-v30-latin-100.eot'); /* IE9 Compat Modes */
	src: local(''),
		url('../fonts/roboto-v30-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('../fonts/roboto-v30-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
		url('../fonts/roboto-v30-latin-100.woff') format('woff'), /* Modern Browsers */
		url('../fonts/roboto-v30-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
		url('../fonts/roboto-v30-latin-100.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-100italic - latin */
@font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 100;
	src: url('../fonts/roboto-v30-latin-100italic.eot'); /* IE9 Compat Modes */
	src: local(''),
		url('../fonts/roboto-v30-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('../fonts/roboto-v30-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */
		url('../fonts/roboto-v30-latin-100italic.woff') format('woff'), /* Modern Browsers */
		url('../fonts/roboto-v30-latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */
		url('../fonts/roboto-v30-latin-100italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-300 - latin */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/roboto-v30-latin-300.eot'); /* IE9 Compat Modes */
	src: local(''),
		url('../fonts/roboto-v30-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('../fonts/roboto-v30-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
		url('../fonts/roboto-v30-latin-300.woff') format('woff'), /* Modern Browsers */
		url('../fonts/roboto-v30-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
		url('../fonts/roboto-v30-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-300italic - latin */
@font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 300;
	src: url('../fonts/roboto-v30-latin-300italic.eot'); /* IE9 Compat Modes */
	src: local(''),
		url('../fonts/roboto-v30-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('../fonts/roboto-v30-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
		url('../fonts/roboto-v30-latin-300italic.woff') format('woff'), /* Modern Browsers */
		url('../fonts/roboto-v30-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
		url('../fonts/roboto-v30-latin-300italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
	src: local(''),
		url('../fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('../fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
		url('../fonts/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
		url('../fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
		url('../fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-italic - latin */
@font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 400;
	src: url('../fonts/roboto-v30-latin-italic.eot'); /* IE9 Compat Modes */
	src: local(''),
		url('../fonts/roboto-v30-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('../fonts/roboto-v30-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
		url('../fonts/roboto-v30-latin-italic.woff') format('woff'), /* Modern Browsers */
		url('../fonts/roboto-v30-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
		url('../fonts/roboto-v30-latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500 - latin */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/roboto-v30-latin-500.eot'); /* IE9 Compat Modes */
	src: local(''),
		url('../fonts/roboto-v30-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('../fonts/roboto-v30-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
		url('../fonts/roboto-v30-latin-500.woff') format('woff'), /* Modern Browsers */
		url('../fonts/roboto-v30-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
		url('../fonts/roboto-v30-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500italic - latin */
@font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 500;
	src: url('../fonts/roboto-v30-latin-500italic.eot'); /* IE9 Compat Modes */
	src: local(''),
		url('../fonts/roboto-v30-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('../fonts/roboto-v30-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
		url('../fonts/roboto-v30-latin-500italic.woff') format('woff'), /* Modern Browsers */
		url('../fonts/roboto-v30-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
		url('../fonts/roboto-v30-latin-500italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/roboto-v30-latin-700.eot'); /* IE9 Compat Modes */
	src: local(''),
		url('../fonts/roboto-v30-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('../fonts/roboto-v30-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
		url('../fonts/roboto-v30-latin-700.woff') format('woff'), /* Modern Browsers */
		url('../fonts/roboto-v30-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
		url('../fonts/roboto-v30-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700italic - latin */
@font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 700;
	src: url('../fonts/roboto-v30-latin-700italic.eot'); /* IE9 Compat Modes */
	src: local(''),
		url('../fonts/roboto-v30-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('../fonts/roboto-v30-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
		url('../fonts/roboto-v30-latin-700italic.woff') format('woff'), /* Modern Browsers */
		url('../fonts/roboto-v30-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
		url('../fonts/roboto-v30-latin-700italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-900 - latin */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 900;
	src: url('../fonts/roboto-v30-latin-900.eot'); /* IE9 Compat Modes */
	src: local(''),
		url('../fonts/roboto-v30-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('../fonts/roboto-v30-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
		url('../fonts/roboto-v30-latin-900.woff') format('woff'), /* Modern Browsers */
		url('../fonts/roboto-v30-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
		url('../fonts/roboto-v30-latin-900.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-900italic - latin */
@font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 900;
	src: url('../fonts/roboto-v30-latin-900italic.eot'); /* IE9 Compat Modes */
	src: local(''),
		url('../fonts/roboto-v30-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('../fonts/roboto-v30-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
		url('../fonts/roboto-v30-latin-900italic.woff') format('woff'), /* Modern Browsers */
		url('../fonts/roboto-v30-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
		url('../fonts/roboto-v30-latin-900italic.svg#Roboto') format('svg'); /* Legacy iOS */
}



* {
	margin:0;
	padding:0;
}

a, a * {outline:none !important; text-decoration: none; color: #fff;}
main a{color:#000; text-decoration:underline;}
a img {border:none;}
u{text-decoration: underline !important;}
h4 {margin:0; padding:0;}
strong{font-weight:400; /*color:#000;*/}
menu, ol, ul {padding: 0;}
.content_normal ul{padding: 0 0 0 20px;}

.ov ul,.content .mlnav_position ul{list-style:none; padding: 0; margin:0;}
.content ul {padding: 0 0 5px 20px;}
.editmode {color:#f00; font-size: 16px;font-weight:700;}
body {font-family:Roboto, Arial, Helvetica, sans-serif; font-size:16px; font-weight: 300; background-size:cover; background-repeat:no-repeat; background-color:#343434;}

.content {position:relative; width:1125px; max-width:100%; margin:0 auto;}
.content h3    { color: #114a62; font-size: 24px; font-weight: 300; line-height: 24px; margin: 15px 0; padding:0; }

.content h3.js_toggle_open, .content h3.js_toggle_close   { color: #114a62; font-size: 24px; font-weight: 300; line-height: 24px; margin: 15px 0; padding:0; text-decoration:none; font-style:normal; }
.content h3.js_toggle_open:hover, .content h3.js_toggle_close:hover  { color: #de3115;}
.js_toggle:hover .js_toggle_open, .js_toggle:hover .js_toggle_close { color: #de3115;}
.js_toggle:hover .icon_toggle_open, .js_toggle:hover .icon_toggle_close {background: transparent url(../img/icon_content_open.png) 0 0 no-repeat;}

.content h2     { font-size: 33px; padding:0; margin:20px 0; font-weight:300; color:#114a62 }
.content .js_content_active h3, .content .js_content_active h2    { color: #de3115;}
.content.projekte h1 { font-size:33px; padding-bottom: 0.1em; font-weight:300; color:#000; border-bottom:1px solid #000; margin:0 4px 40px 0; }

.header {z-index:100002; height:175px; background-color:#343434; position:fixed; left:0; right:0; top:0; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; transition:all 0.5s ease;}
.header ul.nav {list-style:none; padding:0 !important; position:absolute; top:130px; left:24%; margin:0 !important; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; transition:all 0.5s ease;}
.header ul.nav li {float:left; margin-right:25px;}
.header ul.nav li a {color:rgba(255, 255, 255, 0.8); text-decoration:none; font-size:16px; font-weight:300; letter-spacing:0.1em;}
.header ul.nav li:hover a, .header ul.nav li.active a, .header ul.nav li a:focus {color:#fff; text-decoration:underline;}
.header .nav-toggle {display:none; padding:8px 15px 8px 45px; width:190px; position:absolute; right:30%; top:13px; color: rgba(255, 255, 255, 0.8); font-size: 16px; font-weight: 300; letter-spacing: 0.1em; text-decoration: none; text-decoration:none; border-bottom:1px solid #ccc; background-image:url(../img/menu-opener.png); background-position:left center; background-repeat:no-repeat;}
.header .nav-toggle.closed {border-bottom:none;}
.header .nav-toggle.closed:hover {color:#fff; text-decoration:underline;}
.header .nav-toggle.opened {background-color:#343434; border-bottom:1px solid #ccc;}
.header .nav-toggle.opened:hover {color:#fff; border-bottom:1px solid #ccc; text-decoration:underline;}

.logo {position:absolute; left:0; top:55px; width:75px; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; transition:all 0.5s ease;}

.home {position:absolute; right:0; top:30px; -moz-opacity:0.8; opacity:0.8; filter:alpha(opacity=80); -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; transition:all 0.5s ease;}
.home:hover {-moz-opacity:1; opacity:1; filter:alpha(opacity=100);}
.mail {position:absolute; right:32px; top:30px; -moz-opacity:0.8; opacity:0.8; filter:alpha(opacity=80); -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; transition:all 0.5s ease;}
.mail:hover {-moz-opacity:1; opacity:1; filter:alpha(opacity=100);}

.footer {z-index:100000001; height:30px; background-color:#343434; position:fixed; bottom:0; left:0px; right:0; /*overflow:hidden;*/ -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; transition:all 0.5s ease;}
.footer ul.nav {list-style:none; padding:0 !important; margin:0 auto !important; float:right;}
.footer ul.nav li {float:left; margin-right:25px;}
.footer ul.nav li a {color:rgba(255, 255, 255, 0.8); text-decoration:none; font-size:12px; font-weight:300;}
.footer ul.nav li:hover a, .footer ul.nav li.active a, .footer ul.nav li a:focus {color:#fff; text-decoration:underline;}
.contact_data {color: #fff; padding:20px;}
.address1 {font-size: 24px; font-weight: 300; font-style: italic;}
.address2 {font-size: 24px; font-weight: 400;}
.address3 {font-size: 18px; font-weight: 300;}

.network {z-index:100000003; position:fixed; left:0; top:0; bottom:0; background-image:url(../img/slider_bg.png); background-position:right top; background-repeat:repeat-y; background-color:#fff; overflow:hidden; -moz-transition:width 0.5s ease; -webkit-transition:width 0.5s ease; transition:width 0.5s ease;}
.network.closed {width:90px;}
.network.closed:hover {width:110px;}
.network.opened {width:49%;}
.network.opened:hover {width:50%;}
.network-toggle {display:block; float:right; width:90px; background-repeat:no-repeat; background-position:right 55px;}
.network.closed .network-toggle {background-image:url(../img/slider_arrow.png);}
.network.opened .network-toggle {background-image:url(../img/slider_arrow_close.png);}
.network-content {float:left; margin:0 auto; width:0; text-align:right; font-style:italic; font-weight:500; font-size:24px; color:#333; overflow:hidden;}
.network-content p {padding:0 5%; padding-top:200px; color:#000;}
.network-content a {color:#666; text-decoration:none;}
.network-content a:hover {color:#000; text-decoration:underline;}

.network.opened .network-content{width:90%}
.network.closed .network-content{width:0%}

.network_opened{left:49%; right:-44%}
.network_closed{left:0; right:0%}


.page-viewport {position:fixed; top:175px; bottom:30px; right:0; overflow:hidden; z-index:100000; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; transition:all 0.5s ease;}

.full_page_section {position:relative;}
.full_page_section .content {display:table;}
.full_page_section .content .table-cell {display:table-cell; vertical-align:middle;}
.full_page_section span {margin:10px 0 0 11%; display:inline-block; font-size:95px; font-weight:100; letter-spacing:0.02em; line-height:117px; padding:0 20px; background-color:rgba(0,0,0,0.7); color:#fff;}
.full_page_section span.bold {font-weight:300;}
.full_page_section span.follow {padding-right:110px; background-image:url(../img/follow_arrow.png); background-position:right 43px; background-repeat:no-repeat;}

.link-down-container {text-align:center; margin-top:100px;}
.link-down {display:inline-block; width:26px; height:25px; background-image:url(../img/icon_open.png); -moz-opacity:0.8; opacity:0.8; filter:alpha(opacity=80);}
.link-down:hover {-moz-opacity:1; opacity:1; filter:alpha(opacity=100);}
.header .link-down {position:absolute; right:80px; top:130px; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; transition:all 0.5s ease;}
.link-up {display:inline-block; width:26px; height:25px; background-image:url(../img/icon_close.png); -moz-opacity:0.8; opacity:0.8; filter:alpha(opacity=80);}
.link-up:hover {-moz-opacity:1; opacity:1; filter:alpha(opacity=100);}
.header .link-up {display:none; position:absolute; right:80px; top:130px; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; transition:all 0.5s ease;}

.overlay {display:none;}

.page-section:not(.full_page_section) {position:relative; overflow-y: scroll; -webkit-overflow-scrolling: touch;}

.flipp_cards_section {position:relative; overflow:auto;}
.flipp_cards_section .content {width:888px; padding-top:50px;}
.flipp_cards_section .content.projekte {width:888px; padding-top:10px;}
.full-width {padding:0 0 50px;}

.flip-container {cursor:pointer; margin:3px; float:left; overflow:visible; position:relative; -webkit-perspective:1000; -moz-perspective:1000; -ms-perspective:1000; perspective:1000; -ms-transform:perspective(1000px); -moz-transform:perspective(1000px); -moz-transform-style:preserve-3d; -ms-transform-style:preserve-3d; transform-style:preserve-3d;}
.flip-container.responsive-on {display:none;}
.flip-container.responsive-off {display:block;}
.flip-container:hover .back, .flip-container.hover .back {-webkit-transform:rotateY(0deg); -moz-transform:rotateY(0deg); -o-transform:rotateY(0deg); -ms-transform:rotateY(0deg); transform:rotateY(0deg);}
.flip-container:hover .front, .flip-container.hover .front {-webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg); -o-transform:rotateY(180deg); transform:rotateY(180deg);}

.flip-container .back.norotate, .flip-container.hover .back.norotate {display:none !important; }
.flip-container:hover .front.norotate , .flip-container.hover .front.norotate {-webkit-transform:none !important; -moz-transform:none !important; -o-transform:none !important; transform:none !important;}


.no-csstransforms3d .flip-container:hover .back,.no-csstransforms3d .flip-container.hover .back {display:block;}
.no-csstransforms3d  .flip-container:hover .front,.no-csstransforms3d  .flip-container.hover .front {display:none;}
.flip-container, .front {width:290px; height:175px; overflow:visible;}
.flipper {position:relative; -webkit-transition:0.6s; -webkit-transform-style:preserve-3d; -ms-transition:0.6s; -moz-transition:0.6s; -moz-transform:perspective(1000000000px); -moz-transform-style:preserve-3d; -ms-transform-style:preserve-3d; transition:0.6s; transform-style:preserve-3d;}
.front, .back {position:absolute; top:0; left:0; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; backface-visibility:hidden; -webkit-transition:0.6s; -webkit-transform-style:preserve-3d; -moz-transition:0.6s; -moz-transform-style:preserve-3d; -o-transition:0.6s; -o-transform-style:preserve-3d; -ms-transition:0.6s; -ms-transform-style:preserve-3d; transition:0.6s; transform-style:preserve-3d;}
.front {-webkit-transform:rotateY(0deg); -ms-transform:rotateY(0deg); z-index:2;}
.back {width:290px; height:175px; overflow:visible; -webkit-transform:rotateY(-180deg); -moz-transform:rotateY(-180deg); -o-transform:rotateY(-180deg); -ms-transform:rotateY(-180deg); transform:rotateY(-180deg); -moz-box-shadow:0 0 15px #000; -webkit-box-shadow:0 0 15px #000; box-shadow:0 0 15px #000;}

#content .front{ -moz-box-shadow:0 0 15px #000; -webkit-box-shadow:0 0 15px #000; box-shadow:0 0 15px #000;}

.flipp_card_text_large {font-size:34px; font-weight:100; height:120px; left:10px; line-height:38px; margin:0; overflow:hidden; padding:0; position:absolute; top:26px; width:265px;}
.flipp_card_text {position:absolute; left:10px; bottom:13px; font-size:25px; line-height:25px; font-weight:300; padding-right:10px;}
.magnifier {background-image:url(../img/Lupe_dark.png); background-size:cover; position:absolute; width:40px; height:40px; right:10px; top:10px;}
.magnifier:hover {width:44px; height:44px; right:8px; top:8px;}
.tx_inner_text {font-size: 18px; font-weight: 300; line-height: 32px; margin:0; min-width: 243px; padding: 0; color:#ffffff;}
.tx_inner_text h2 {font-size: 33px; font-weight: 300; text-align:center; margin-top:0; color:#fff;}
.white-bg {background-color:#ffffff; /*margin-bottom:250px*/}
.grey-bg {background-color:#e3e3e3;}
.galerie{margin-bottom:70px;}
.column33 {/*color: #706f6f; font-size:18px; font-weight:300; line-height:22px;*/ margin-top:40px; padding-right:6px; width:290px; float:left;}
.column33.last-child {padding-right:0 !important;}
.column33 a {color: #343436; font-style: italic; font-weight: 300; text-decoration: none;}
.column33 a:hover {color:#000000; text-decoration:underline;}
.column33 h4 {border-bottom: 1px solid #343436; color: #343436; font-size: 24px; font-weight: 300; line-height: 24px; margin: 0 0 15px; padding-bottom: 5px;}
/*.column33 img{-moz-box-shadow:0 0 10px #999; -webkit-box-shadow:0 0 10px #999; box-shadow:0 0 10px #999;}
.js_toggle .column33 img, .js_toggle .column66 img{-moz-box-shadow:0 0 15px #000; -webkit-box-shadow:0 0 15px #000; box-shadow:0 0 15px #000;}*/
.column66 {/*color: #706f6f; font-size:18px; font-weight:300; line-height:22px;*/ margin-top:40px; padding-right:2%; width:62%; float:left;}
.column75 { width:75%;}
.column100 {margin-top:40px; width:100%;}

.column16 {background-color:#f3f3f3; margin:0 3px 3px 0; float:left;  width:144px; height:86px;}
.colum16 img{border:none;}

.content_normal{background-color: rgba(0, 0, 0, 0.8); min-height:500px; color:#fff; width:840px; margin:63px auto 0 auto; padding:20px;}
.content_normal h2{ font-size: 33px; padding-bottom: 0.3em; margin:0; font-weight:300; color:#fff }


/* ############## alte styles  ############################# */
/* Navbox Filter Overlay*/
.tx_inner_filter { position: absolute; top:115px; right: 5px; width: 220px; height:360px; border:1px solid #ccc; background: transparent url(../img/overlay_filter.png) repeat; color: #fff; z-index:100; -webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.75);box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.75); }
.tx_inner_filter ul { padding:40px 20px 20px 20px; }
.tx_inner_filter li { padding: 0 0 0.6em 0; letter-spacing:0.1em; color:rgba(255,255,255,0.8); font-size:16px; cursor:pointer; font-weight:300; }
.tx_inner_filter li.current, .tx_inner_filter li:hover { text-decoration:underline; color: #fff; cursor:pointer; }


/* Das Bild deckt beide Anzeigemodis ab; die Scripte ändern die Position. */
.js_header_img{display:none;}
.js_nbi { position: absolute; }
.front .magnifier  {display:none;}

.js_nbht  { position: absolute; width:290px; height:175px; overflow:visible;}
.js_nbht .magnifier  { position: absolute; top:0; right:0;  width:50px; height:50px;}
.js_nbht .magnifier img { width:40px; height:40px; margin:5px 5px 0 0;}
.js_nbht .magnifier img:hover { width:43px; height:43px}
.js_nbht div.text_large { position: absolute; top:36px; width:255px; height:90px; margin:0; padding:0; overflow:hidden; left:10px; font-size:38px; line-height:40px; font-weight:100;}
.js_nbht .text_title { position: absolute; bottom:5px; left:10px; font-size:25px; font-weight:400;}

.js_nbht div.text_large.white { height:120px;} /*Sonderfall Leistungs Navi*/

.tf             { position:absolute; left:0px; bottom:0px; width: 100%; background-color: #343436; height: 28px;}
.tf_inner       { min-width: 320px; max-width: 990px; margin:0 auto; position:relative; height:160px; padding-top:25px; overflow:visible;}

.tf_firm	{ position: absolute; left: 0px; bottom: 0; margin:30px 0 0px 50px; color:#fff; font-size:18px; font-weight:300;}
.tf_firm strong	{ font-size:22px; font-weight:400; color:#fff;}
.tf_firm em		{font-size:22px; font-style:italic;}

.tf .tf_nav ul  { position:absolute; right:20px; top:0px; list-style:none; }
.tf .tf_nav li  { float: left; padding: 3px 0 3px 20px; }
@media only screen and (max-width: 520px){
	.tf .tf_nav li  { padding: 3px 0 3px 8px; font-size:10px; }
}
@media only screen and (max-width: 450px){
	.tf  { height: 45px; }
}
.tf .tf_nav li a:link  { color:#fff; font-size:12px; }

/* OVERLAY */
.ov        { width: 100%; height: 100%; position:absolute; top: 0px; background: transparent url(../img/overlay.png) repeat; z-index: -15; padding-left: 47px;}
.ov_inner  { min-width: 320px; max-width: 885px /*930px*/; margin: 0 auto; padding-top: 225px;}
.ov_inner_pv  { min-width: 320px; max-width: 885px /*930px*/; margin: 0 auto; padding-top: 225px;}
.ov_margin { padding: 20px; background-color: #fff; position:relative;}
.ov_margin_pv { padding:0; background-color: #fff; position:relative; }
/*.ov_close  { width: 10%; float: right; text-align: right; padding: 0 0 20px 0; }*/
.ov_close  { width: 10%; position:absolute; top:25px; right:-45px; z-index:50000000000;}
.ov_close:hover  {cursor:pointer;}
.ov h4     { width: 80%; float: left; font-size:24px; color:#706f6f; font-weight:300; }
.ov h4     {color:#343436; font-weight:400; }
.ov h6    {width:500px; float: left; font-size:18px; color:#706f6f; font-weight:300; color:#343436; font-weight:300; }
.ov_canvas_position{ margin-top:90px;}

.ovl_engineering .ov_margin { background-color: transparent;  }

.ovl_leistungen .ov_content { margin: 0px 20px; height: 550px }

/* position relative notwendig für Script! */
.ovl_leistungen .ov_left    { width: 65%; float: left; position: relative; }
.ovl_leistungen .ov_right   { width: 34%; float: right; color: #343436; font-size: 16px; font-weight:300; margin-top:40px;}
.ovl_leistungen h5          { font-size: 24px; font-weight: 300; padding: 2em 0 0.25em 0; margin: 0 0 1.25em 0; 
	color: #de3115; border-bottom: 1px solid #de3115; }
.ovl_leistungen li          { padding: 0 0 1em 0; color: #343436; font-size: 13px; font-weight:300; }
.ovl_leistungen li a:link, .ovl_leistungen li a:visited { padding:0; color: #343436; font-size: 16px; font-weight:400; display:block; }
.ovl_leistungen li a:hover, .ovl_leistungen li a:active { font-weight:400; color: #de3115; text-decoration:underline; }

.ovl_dummy  { background-color: #777;  z-index: 7;}

#js_ovll_ia { position: absolute; left: 0px; top: 0px; z-index: 1;  }
#js_ovll_ib { position: absolute; left: 0px; top: 0px; z-index: 2; display: none; }
#js_ovll_ic { position: absolute; left: 0px; top: 0px; z-index: 2; display: none; }
#js_ovll_id { position: absolute; left: 0px; top: 0px; z-index: 2; display: none; }

/* Overlay leistungen -> Grundzustand alle Texte ausgeblendet */
.js_ovlt { display: none; }

.mlnav_position{position: fixed; top: 80px; right: 5px; z-index:1000000; width: 300px; display: none; overflow: hidden;}

.mlnac_canvas{position:relative}   

.mlnav_margin{margin:270px 0 0 0 }
.mlnav_content{ width: 240px; margin:0 0 0 10px; color: #343436; font-size: 12px; font-weight:300; padding: 0 20px;  background-color:rgba(227,227,227,0.9);}
.mlnav_content h5          { font-size: 18px; font-weight: 300; padding:3px 0; margin: 0 0 5px 0; color: #de3115; border-bottom: 1px solid #de3115; }
.mlnav_content li          { padding: 0 0 5px 0; color: #343436; font-size: 11px; font-weight:300; }
.mlnav_content li a:link, .ovl_leistungen li a:visited { padding:0; color: #343436; font-size: 13px; font-weight:400; display:block; text-decoration:none; }
.mlnav_content li a:hover, .ovl_leistungen li a:active { font-weight:400; color: #de3115; text-decoration:underline; }  

/* FARBEN  Schriften Kacheln */

.black{color:#000;}
.blue, .Text_blau{color:#084862;}
.red, .Text_rot{color:#de3115;}
.redln, .Text_rot_large, .js_nbht .text_title.Text_rot_large{color:#f00; position: absolute; top:36px; width:255px; height:125px; margin:0; padding:0; overflow:hidden; left:10px; font-size:38px; line-height:40px; font-weight:100;}
.Text_weiss_large, .js_nbht .text_title.Text_weiss_large{color:#fff; position: absolute; top:36px; width:255px; height:125px; margin:0; padding:0; overflow:hidden; left:10px; font-size:38px; line-height:40px; font-weight:100;}
.white{color:#fff;}
.bg_grey{background: rgba(119,119,119,0.5);}

/* Hintergrundfarbe Rückseite: ############# */
.grau{background-color:#B0B2B4;}
.hellgrau{background-color:#E3E3E3;}
.dunkelgrau{background-color:#424246;}
.rot{background-color:#de3115;}
.hellblau{background-color:#00AAD7;}
.dunkelblau{background-color:#084862;}
.weiss{background-color:#fff;}

.tc_paragraph		{ background:#e3e3e3 url(../img/border_white.gif) center 50px repeat-x; height: 100px; clear:left;  }

/* Navbox Filter Overlay*/
.tx_inner_filter { position: absolute; top:200px; right: 5px; width: 220px; height:360px; border:1px solid #ccc; background: transparent url(../img/overlay_filter.png) repeat; color: #fff; z-index:10000000000000; -webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.75);box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.75); }
.tx_inner_filter ul { padding:40px 20px 20px 20px; list-style:none; }
.tx_inner_filter li { padding: 0 0 0.6em 0; letter-spacing:0.1em; color:rgba(255,255,255,0.8); font-size:16px; cursor:pointer; font-weight:300; }
.tx_inner_filter li.current, .tx_inner_filter li:hover { text-decoration:underline; color: #fff; cursor:pointer; }
.close_filter{position:absolute; left:15px; top:8px;}

.formfield input, .formfield textarea {width:100%; margin-bottom:10px;}
.kontaktform{width:60%; float:right; margin:20px 0 0 20px;}
.float_left{float:left;}

.loader{position: fixed; top: 175px; left: 0; height: 2000px; z-index: 50000000000; width: 100%; background:rgba(52, 52, 52, 0.98) url(../img/loader-si.gif) center 300px no-repeat;}
.js_toggle_open, .js_toggle_close{cursor:pointer; margin:20px 0; font-weight:400; text-decoration:underline; font-style:italic;}
.js_toggle_open:hover, .js_toggle_close:hover{color:#de3115}
.js_toggle_open:hover .icon_toggle_open{background: transparent url(../img/icon_content_open.png) 0 0 no-repeat;}
.icon_toggle_open{background: transparent url(../img/icon_content_open.png) 0 -54px no-repeat; width:26px; height:26px; text-decoration:none; margin:0 auto;}
.icon_toggle_open:hover{background: transparent url(../img/icon_content_open.png) 0 0 no-repeat;}
.icon_toggle_close{background: transparent url(../img/icon_content_close.png) 0 -54px no-repeat; width:26px; height:26px; text-decoration:none; margin:25px auto 0 auto;}
.icon_toggle_close:hover{background: transparent url(../img/icon_content_close.png) 0 0 no-repeat;}
.js_toggle_content{clear:left; padding-top:20px;}

.google-maps {
	position: absolute !important;
	overflow: hidden !important; /*war visible*/
	margin-top:20px;
	width: 100%;
	height: 555px;
}
.google-maps iframe {
	/*position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 555px !important;
	overflow: hidden !important;*/
}
.map_responsive{display:block;}
.map_responsive_on{display:none;}

/* ############################ */

@media only screen and (max-width: 1850px){
	.network.opened .network-content{width:80%}
}


@media only screen and (max-width: 1260px){
	.header .content {width:1000px;}
	.footer .content {width:910px;}
	.header ul.nav { left:12%; }
}
@media only screen and (max-width: 1160px){
	.header .content {width:882px;}
	.footer .content {width:792px;}
	.header .link-down, .header .link-up {right:0;}
}
@media only screen and (max-width: 1050px){
	.full_page_section span {font-size:80px; line-height:99px; margin-left:13%;}
	.full_page_section span.follow {background-position:right 30px;}
	.link-down-container {margin-top:80px;}
}
@media only screen and (max-width: 1024px){
	.header .link-down, .header .link-up {top:50px;}
	.header .link-down, .header .link-up {top:58px;}
	.logo {width:50px; top:15px;}
	.home, .mail {top:15px;}
	.header {height:90px;}
	.page-viewport {top:90px;}
	.flipp_cards_section .content {padding-top:22px;}
	.loader{position: fixed; top: 60px;}
	.footer {left:45px;}
	.network.closed {width:45px;}
	.network-toggle {width:45px;}
	.network_closed{left:45px;}
	.loader {left: 45px;}
	.header {left:45px;}
	.network.closed:hover {width:60px;}
	.network.opened .network-toggle {background-position:10px 55px;}
	.tx_inner_filter {right: -65px;}
	.ov_inner{padding-top:20px;}
}
@media only screen and (max-width: 999px){
	.flipp_cards_section .content {width:592px;}
	.flip-container.responsive-off {display:none;}
	.flip-container.responsive-on {display:block;}
	.header .content {width: 750px;}
	.content {width: 750px;}
	.header ul.nav {left:15%;}

	.header ul.nav {left:auto; right:30%; top:52px !important; overflow:hidden; max-height:0;}
	.header ul.nav li {float:none; margin-right:0;}
	.header ul.nav li a {display:block; padding:8px 15px; width:220px; background-color:#343434; border-bottom:1px solid #ccc;}

	.full_page_section span {font-size:60px; line-height:74px; margin-left:10%;}
	.full_page_section span.follow {background-position:right 10px;}
	.link-down-container {margin-top:60px;}
	.flipp_cards_section .content.projekte {width:590px;}
	.network.opened .network-content{width:80%}
	.content_normal{ width:80%;}
	.ov {padding-left:25px;}
	.ov_inner {width:90%;}
	.bx-wrapper-pv li strong em{left:66%;}
	.header .nav-toggle {display:block;}
	.column66, .column75 { width:100%;}
}
@media only screen and (max-width: 850px){
	.header .content {width:650px;}
	.header ul.nav {left:auto; right:30%; top:52px !important; overflow:hidden; max-height:0;}
	.header ul.nav li {float:none; margin-right:0;}
	.header ul.nav li a {display:block; padding:8px 15px; width:220px; background-color:#343434; border-bottom:1px solid #ccc;}

}
@media only screen and (max-width:767px){
	.header .content {width:500px;}
	.flipp_cards_section .content.projekte {width:450px;}
	.kontaktform{width:100%; float:none; margin:20px 0;}
	.float_left{float:none;}
	.ov_close  {right:-10px;}
	.ov { padding-left:25px;}
	.ov_inner {width:90%; padding-top:65px}
	.bx-wrapper-pv li strong {font-size: 20px;height: 30px;margin-top: -35px;width: 100%;}
	.bx-wrapper-pv li span {font-size: 14px;}
	.bx-wrapper-pv .bx-controls-direction a {top: 270px;}
	.bx-wrapper-pv li strong em{ top:10px; font-size:14px;}
	.bx-wrapper-pv .bx-pager, .bx-wrapper .bx-controls-auto {bottom: 180px;}
	.tx_inner_filter { visibility:hidden}
}

@media only screen and (max-width: 680px){
	.flipp_cards_section .content {width:296px;}
	.column33 {padding-right:0; width:100%; padding-top:30px;}
	.column33.first-child {padding-top:0 !important;}
	.content {width: 386px;}
	.full_page_section span {font-size:40px; line-height:50px; margin-left:0;}
	.full_page_section span.follow {background-position:right center;}
	.link-down-container {margin-top:60px;}
}
@media only screen and (max-width: 580px){
	.header .content {width:400px;}
	.header ul.nav {right:18%;}
	.header .nav-toggle {right:18%;}
}
@media only screen and (max-width: 580px){
	.header .content {width:400px;}
	/*.header ul.nav {right:18%;}
	.header .nav-toggle {right:18%;}*/
	.header ul.nav {right:0;}
	.header .nav-toggle {right:0;}
	.network {display:none;}
	.network.closed .network-content{display:none;}

	.network_closed{left:0; right:0%}
	.header, .page-viewport, .footer {left:0;}
	.flipp_cards_section .content.projekte {width:300px;}
	.loader {left: 0;}
	.tf_firm	{font-size:12px; margin:20px 0 50px 5px;}
	.tf_firm strong	{ font-size:14px;}
	.tf_firm em		{font-size:14px;}
	.map_responsive{display:none;}
	.map_responsive_on{display:block;}
	.ov_close  {right:0px; top:10px}
	.ov { padding-left:0;}
	.ov_inner {width:100%; padding-top:65px}
	.bx-wrapper-pv li strong {font-size: 16px; height: 30px; margin-top: -30px;width: 100%;}
	.bx-wrapper-pv li span {font-size: 13px;}
	.bx-wrapper-pv .bx-controls-direction a {top: 160px;}
	/*.bx-wrapper .bx-prev, .bx-wrapper-pv .bx-prev {background-position: 0 -32px;}
	.bx-wrapper .bx-next, .bx-wrapper-pv .bx-next {background-position: -43px -32px;}*/
	.bx-wrapper-pv .bx-pager, .bx-wrapper .bx-controls-auto {display:none}
	.tx_inner_filter { visibility:hidden}
}
@media only screen and (max-width: 430px){
	.home, .mail, .header .link-down, .header .link-up {display:none;}
	.header .content {width:310px;}
	.header ul.nav {right:0;}
	.header .nav-toggle {right:0;}
	.network {display:none;}
	.header, .page-viewport, .footer {left:0;}
	.full_page_section span {font-size:30px; line-height:38px; margin-left:0;}
	.full_page_section span.follow {background-position:right center;}
	.link-down-container {margin-top:50px;}
	.content {width: 296px;}
	.content h2{font-size:20px}
	.mlnav_position{top: 35px;}
	.mlnav_content  {margin-top:-5px;}
	.mlnav_content h5 { font-size: 14px; padding: 0; margin: 0 0 2px 0;  }
	.mlnav_content li          { padding: 0; display:inline;}
	.mlnav_content li a:link{ padding:0 20px 0 0; display:inline; white-space:pre; }
	.phone_none{display:none;}

}

.ovl_hidden { position: absolute; top: -2000px; }