/* 
Theme Name: Bucher Dach
Version: 
Description: RHO
Author: ROMAN HOSPENTHAL aka RHO
Author URI: http://www.rhodesign.ch/
*/


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

/* HTML5 RESETS FOR OLDER BROWSERS */
article, aside, figure, figure img, hgroup, footer, header, nav, section {display: block;}
ol, ul { list-style: none; }blockquote, q { quotes: none; }blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none; }table { border-collapse: collapse; border-spacing: 0; }input, select { vertical-align: middle; }a img { border: 0; }:focus { outline: 0; }a:hover, a:active { outline: none; }

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

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

/* Opera Fix  */
body:before {content:"";height:100%;float:left;width:0;margin-top:-32767px;;}





/* ******************************************************************************************************
							Global Styles
****************************************************************************************************** */

html, body {width:100%;height:100%; -webkit-text-size-adjust: 100% !important;}
body {font-family: 'Raleway', Arial, sans-serif; font-weight: 400; font-size: 14px;line-height: 20px; letter-spacing: 0.03em; color: #192d5a; font-weight: normal; text-align:center; background: #FFF;}

/* Images & Links */
a {color: #192D5a;text-decoration:none;}
a:hover {color: #E1463E;text-decoration:none;}
a img {border: none;outline: none;}

::selection {background: #E1463E; /* Safari */}
::-moz-selection {background: #E1463E; /* Firefox */}





/* ******************************************************************************************************
							Main Containers
****************************************************************************************************** */

#wrap { width: 100%;text-align: left; height:auto !important;height:100%;min-height: 100%;position:relative;z-index:0; background: #e6e6e6;}
#main { overflow: auto; padding-bottom:160px;  margin: 0px auto; width: 100%; }
.home #wrap { background: #FFF;}

.full {width: 100%;}
.closefull {width: 99.8%; margin: 0 auto !important;}
.inner {width: 1240px;}

.bggrey {background: #e6e6e6; }
.bgwhite {background: #FFF; }
.bordertop {border-top: 2px solid #e1463e;}

.overflow {overflow: hidden; display: block;}

.col{margin-right: 2.8%;}

/* .margincenter {margin: 0 auto !important;}*/
.margincenter {margin: 0 0 0 70px;}


.left {float: left; }
.right {float: right; }

.span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12{
float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; position:relative; margin-right: 2.2%; float:left;}

.span1{width:6.31666666667%;}
.span2{width:14.8333333333%;}
.span3{width:23.35%;}
.span4{width:31.8666666667%;}
.span5{width:40.3833333333%;}
.span6{width:48.9%;}
.span7{width:57.4166666667%;}
.span8{width:65.9333333333%;}
.span9{width:74.45%; }
.span10{width:82.9666666667%;}
.span11{width:91.4833333333%;}
.span12{width: 100%;margin-left: 0;}

.last{ margin-right:0 !important; clear:right !important; }








/* **************************************************
			    		Frontblöcke
************************************************** */
.front{float:left; margin-right: 0.4%; margin-bottom: 5px; overflow: hidden; display: block;}
.three, .six, .eight { margin-right: 0px !important;}

.front1 {width: 26%;}
.front2 {width: 47.2%;}
.front3 {width: 73.6%;}


.frontblock {padding: 0; overflow: hidden; position: relative; height: auto;}
.frontblock img {display: block;position: relative; width: 100%}
.frontblock .mask {position:absolute; top: 0;left: 0; background: url(images/red80.png); display: inline-block; height: 100%; width: 100%; opacity: 0; visibility:hidden;
-webkit-transition: all 500ms ease-out;  -moz-transition: all 500ms ease-out;  -o-transition: all 500ms ease-out;  -ms-transition: all 500ms ease-out;  transition: all 500ms ease-out;}
.frontblock:hover .mask {opacity:1;visibility:visible;}


.frontblock .desc {display: block;font-family: 'Raleway', Arial, sans-serif; font-weight: 400; font-size: 30px;line-height: 30px; color: #FFF; text-align:center;margin-top: 130px;}
.frontblock .info img {width: 40px !important; margin: 10px auto 0 auto;}

.bgblue {background: #192D5A;}
.bgblueinner {text-align: center; font-family: 'Raleway', Arial, sans-serif; font-weight: 500; font-size: 20px;line-height: 25px; color: #FFF;letter-spacing: 0.03em; width: 80%; margin: 4vw auto 0 auto;}
.bgblueinner h2 { font-family: 'Raleway', Arial, sans-serif; font-weight: 400; font-size: 30px;line-height: 36px; color: #FFF; letter-spacing: 0.03em; margin-bottom: 20px;}
.bgblueinner p{margin: 0px;padding: 0px 0px 25px 0px;}
.bgblueinner a{color: #E1463E; text-decoration: underline;}
.bgblueinner a:hover{color: #FFF;}

.bgblueinner .mobilevisible h2 { font-family: 'Raleway', Arial, sans-serif; font-weight: 400; font-size: 16px;line-height: 20px; color: #FFF; letter-spacing: 0.03em; margin-bottom: 5px;}
.bgblueinner .mobilevisible {font-size: 16px;line-height: 20px; width: 60%; margin: 70px auto 0 auto;}



/* **************************************************
			    		HEADER
************************************************** */
#header {height: 140px;	margin: 0 auto; position: relative; padding: 0}
#logo {position: absolute;width: 280px;height: 45px; left: 0; top: 58px;}




/* **************************************************
			    		SUCHE
************************************************** */
::-webkit-input-placeholder {color: #4b4b4b;}
:-moz-placeholder {color: #4b4b4b;}
.placeholder {color: #4b4b4b;}

#searchform {padding: 0;background:none;position: absolute; right: 0;top: 25px;}
#searchform div {margin: 0;}
#s {position: relative;width: 17px;height: 17px;padding:5px;background: #FFF url(images/lupe.png) 3px 5px no-repeat;border:none;font-family: 'Raleway', Arial, sans-serif; font-weight: 400;font-size: 14px;  line-height: 16px;color: #192D5A;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
#s:focus {width: 150px;background: #f3f3f3 url(images/lupe.png) 3px 5px no-repeat; color:#192D5A !important;padding:5px 5px 5px 30px;}
.submit {display: none;}

/* SUCHERGEBINS  */




/* **************************************************
			    		MENU
************************************************** */

/*** ESSENTIAL STYLES SUCKERFISH***/
.sf-menu, .sf-menu * {margin: 0;padding: 0;list-style: none;}
.sf-menu li {position: relative;}
.sf-menu ul {position: absolute;display: none;top: 100%;left: -80px;z-index: 99;}
.sf-menu > li {float: left;}
.sf-menu li:hover > ul,.sf-menu li.sfHover > ul {display: block;}
.sf-menu a {display: block;position: relative;}
.sf-menu ul ul {top: 0;left: 100%;}

/*** SKIN ***/
.sf-menu {position: absolute; top: 77px; left: 420px}

.sf-menu li {white-space: nowrap; *white-space: normal;-webkit-transition: background .1s;transition: background .1s; z-index: 9999;}
.sf-menu li a {zoom: 1; /* IE7 */ font-size: 16px; color:#192d5a; letter-spacing: 0.03em; font-family: 'Raleway', Arial, sans-serif; font-weight: 500; margin-left: 30px; padding: 0 0 10px 0}
.sf-menu li a:hover {color:#e1463e;}

.sf-menu ul {min-width: 240px; *width: 240px;  padding: 35px 30px 20px 30px; background:#192d5a url(images/nav.png) no-repeat top; }
.sf-menu ul li a {color: #FFF !important; padding: 4px 0;}
.sf-menu ul li a:hover {color: #e1463e !important;}
ul.sub-menu li.current_page_item a {color: #e1463e !important;}

.sf-menu ul li {}
.sf-menu ul ul li {} 
.sf-menu li:hover,
.sf-menu li.sfHover {}

.sf-menu li.current_page_item a,
.sf-menu li.current-menu-ancestor a,
.sf-menu li.current-menu-item a {color:#e1463e ;}





/* ******************************************************************************************************
							Responsive Off-Canvas Navigation
****************************************************************************************************** */

#mobile-header {display: none; padding: 0; }
#responsivenavigation {display: none;}

a.open-button {background: url(images/hamburger.png) no-repeat; width: 20px; height: 20px; text-indent: -9999px;display: block; background-size:20px 15px; float: right; margin: 20px 0 0 0}
a.close-button {background: url(images/nav-close.png) no-repeat; width: 20px; height: 20px;text-indent: -99999px !important; display: block; position: absolute; right: 20px; top: 20px; background-size: 20px 20px;}

/* Start Sidr Content */
.sidr{display:none;position:absolute;position:fixed;top:0;height:100%;z-index:999999;width:260px;overflow-x:none;overflow-y:auto;background:#192D5A;}
.sidr.right{left:auto;right:-260px}
.sidr.left{left:-260px;right:auto}

ul.rwdmenu { margin: 20px 0 20px 30px !important; }
ul.rwdmenu li {display: block; margin: 0 0 2px 0; padding: 4px 0 ; text-align: left;}
ul.rwdmenu li a{font-family: 'Raleway', Arial, sans-serif; font-weight: 500; letter-spacing: 0.03em; color: #FFF; }
ul.rwdmenu li a:hover{color: #e1463e;}
ul.rwdmenu li.current_page_item a,
ul.rwdmenu li.current-page-ancestor a,
ul.rwdmenu li.current-menu-item a {}

ul.rwdmenu li ul{margin: 5px 0 0 20px;}

/* Ende Sidr Content */

		
		
		
		
		
		
		
		
		
		
		

/* ******************************************************************************************************
							Content
****************************************************************************************************** */
	
#content {  margin-top: 38px !important;position: relative;  }	

#content p{margin: 0px;padding: 0px 0px 25px 0px;}

#content h2 { font-family: 'Raleway', Arial, sans-serif; font-weight: 400; font-size: 30px; line-height: 36px; color: #192d5a; letter-spacing: 0.03em; margin: 0 0 25px 0;}
#content h2 a:hover{ color: #E5005A;}


.lead {font-size: 20px; line-height: 26px; margin-bottom: 30px;}
.inhalt {}
.inhal tul {margin: 0 0 30px 0;}
.inhalt ul li{ padding:2px 0;border-bottom: 1px solid #FFF;}

.inhalt h3 {font-family: 'Raleway', Arial, sans-serif; font-weight: 700; font-size: 16px;line-height: 20px; letter-spacing: 0.03em; color: #192d5a; margin-bottom: 20px;}

strong {font-family: 'Raleway', Arial, sans-serif; font-weight: 700; font-size: 16px;line-height: 20px; letter-spacing: 0.03em; color: #192d5a;}

a.mail-link {background: url(images/mail-link.png) no-repeat left; background-size: 19px 14px; padding: 0 0 0 30px;}
a.google-link {background: url(images/google-link.png) no-repeat left; background-size: 11px 17px; padding: 0 0 0 30px;}

hr { background-color: #FFF; border: 0 none; color: #FFF; height: 1px; margin: -8px 0 15px 0}

.mobilevisible {display: none}
.mobilehidden {}


.searchitem {padding: 15px 0;}

/* **************************************************
			    		LEISTUNGEN AKKORDEON
************************************************** */

#triggerbox {margin: 0 0 20px; padding: 0}

/* LEISTUNGEN TRIGGER TABLE*/
.trigger {cursor: pointer;}
table.trigger td {border-bottom: 1px solid #FFF; padding: 15px 0; vertical-align:middle !important;}
table.trigger tr:hover {}

td.td1 {}
td.td2 {width: 80px; text-align: right !important;}

.akkordeontitel {font-family: 'Raleway', Arial, sans-serif; font-weight: 700; font-size: 16px;line-height: 20px; letter-spacing: 0.03em; color: #192d5a;}

.trigger a.open{text-indent: -9999px !important;display: block; margin-right: 10px;}
.trigger a.open{background: url(images/akkordeon.png)no-repeat top; background-size:20px 42px; width:20px; height:20px;}
.trigger:hover a.open {background-position: bottom}

/* LEISTUNGEN TRIGGER AKTIV */
.trigger_active a.open{background: url(images/akkordeon.png)no-repeat bottom; background-size:20px 42px;width:20px;height:20px; }
.trigger_active a.open:hover{background-position: bottom;}
.trigger_active td {border-bottom: none !important;}

/* LEISTUNGEN TOGGLE CONTAINER */
.toggle_container {width:100%;padding: 0px 0 20px 0; border-bottom: 1px solid #FFF;}

.toggle_container ul {margin: 0 0 0 0;}
.toggle_container ul li {overflow: visible; padding: 1px 0 1px 15px !important; position: relative;}
.toggle_container ul li:before {content: "-";left: 0; position: absolute;}





table{width: 100% !important;	border-spacing:0px !important; 0 !important;}
table td{border-spacing:0px !important;vertical-align:top; font-size: 16px;line-height: 22px;}





/* **************************************************
			    		SIDEBAR
************************************************** */
ul.sidenav li {display: block; padding: 4px 0;}
ul.sidenav li a{font-family: 'Raleway', Arial, sans-serif; font-weight: 500; letter-spacing: 0.03em; display: block; color: #192D5A; }
ul.sidenav li a:hover{color: #E1463E;}
ul.sidenav li.current_page_item a,
ul.sidenav li.current-page-ancestor a,
ul.sidenav li.current-menu-item a {color: #E1463E;}



/* **************************************************
			    		SITEMAP
************************************************** */
ul.sitemap li{ border-bottom: none !important;}
ul.sitemap a{display:block; padding: 10px 0; color: #192D5A !important; border-bottom: 1px solid #FFF; font-weight: 700;}
ul.sitemap a:hover{display:block; color: #E1463E !important;}
ul.sitemap ul{margin-bottom: 0px !important;}
ul.sitemap ul li a {padding-left: 30px !important; color: #192D5A !important; font-weight: 400 !important;}
ul.sitemap ul li a:hover{display:block; color: #E1463E !important;}



/* **************************************************
			    		FOOTER
************************************************** */

#footer {width: 100%;height: 140px; overflow: hidden; clear:both; background: #FFF; position: relative; margin: -140px auto 0 auto; display: block; z-index: 9999;}
#footercontent {margin: 0 auto;overflow: hidden;display: block; padding: 30px 0 0 0;text-align: left; z-index: 99999 !important; color: #828282}
#footercontent a{color: #828282; text-decoration: underline;}
#footercontent a:hover{color: #192D5A;}

ul.footerdmenu {float: right; margin: 0 !important}
ul.footerdmenu li {float: left; margin-left: 30px;}
ul.footerdmenu li a{font-family: 'Raleway', Arial, sans-serif; font-weight: 500; letter-spacing: 0.03em; display: block; color: #828282; text-transform: uppercase; font-size: 13px; line-height: 16px; text-decoration: none !important;}
ul.footerdmenu li a:hover{color: #192D5A;}
ul.footerdmenu li.current_page_item a,
ul.footerdmenu li.current-page-ancestor a{ color: #192D5A !important;}



/* **************************************************
			    		Start Floats
************************************************** */
.alignleft{float: left;margin: 0 22px 22px 0;}
.alignright{float: right;margin: 0 0 22px 22px;}
.aligncenter{margin-left: auto !important;margin-right: auto !important; }




/* **************************************************
			    		TEAM
************************************************** */
.team{float:left; overflow: hidden; width: 32%; margin-right: 2%; margin-bottom: 10px;}

.teamblock {padding: 0; overflow: hidden; position: relative; height: auto;}
.teamblock img {width: 100%; height: 100%; display: block;}

.teamblock .more {background: url(images/red80.png);position: absolute;  z-index: 100;  left: 0;  opacity: 0;
 width:100%;height:100%;-webkit-transition: all 500ms ease-out;  -moz-transition: all 500ms ease-out;  -o-transition: all 500ms ease-out;  -ms-transition: all 500ms ease-out;  transition: all 500ms ease-out; }  
.teamblock:hover .more { opacity: 1.0;}  

.teamblock .desc { display: block;font-family: 'Raleway', Arial, sans-serif; font-weight: 500; color: #FFF; text-align:center; padding: 25% 10%}
.teamposition {font-size: 12px; line-height: 16px; margin-bottom: 2px;}
.teamname {font-size: 16px; line-height: 18px;}
.teammail{margin-top: 5px;}
.teammail img{width: 19px !important; margin-left: auto; margin-right: auto; margin-top: 7px;}




/* **************************************************
			    		Slider
************************************************** */

/* Browser Resets */
.flex-container a:active, .flexslider a:active {outline: none;}
.slides,.flex-control-nav,.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;}

/* No JavaScript Fallback - If you are not using another script, such as Modernizr, make sure you include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}



/* FlexSlider Theme
*********************************/
.flexslider { margin: 0 auto 30px auto; position: relative;  zoom: 1; width: 100%; display: block; overflow: hidden; clear: both; }
.flexslider .slides { zoom: 1; }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { text-decoration:none; display: block; width: 50px; height: 50px; margin: -25px 0 0; position: absolute; top: 40%; z-index: 10; overflow: hidden; cursor: pointer; text-indent: -300% !important;white-space: nowrap;overflow: hidden; }
.flex-direction-nav .flex-prev { background: url(images/pfeil-links.png) no-repeat top; background-size: 50px 50px; left:  0px; }
.flex-direction-nav .flex-next { background: url(images/pfeil-rechts.png) no-repeat top; background-size: 50px 50px; right:  0px; }
.flex-prev:hover, .flex-next:hover {}


/* Control Nav - PAGINATION
.flex-control-nav {width: 100%; margin: 0 auto; position: relative; left: auto; right: auto; bottom: 0; text-align: center;margin-top: 20px;}
.flex-control-nav li {margin: 0 5px; display: inline-block; zoom: 1; *display: inline;;}
.flex-control-nav li:first-child {}
.flex-control-nav li a {width: 15px; height: 15px;display: block; background: url(images/pagination.png) no-repeat top; background-size: 15px 34px; cursor: pointer; text-indent: -9999px;}
.flex-control-nav li a:hover {background-position: bottom;}
.flex-control-nav li a.flex-active {background-position: bottom !important; cursor: default;}
*/

.caption {background: #e1463e; padding: height: 70px; padding: 30px 35px ; font-family: 'Raleway', Arial, sans-serif; font-weight: 500; letter-spacing: 0.03em; color: #FFF; display: block;}
.referenztitel {font-family: 'Raleway', Arial, sans-serif; font-weight: 700; font-size: 16px;line-height: 20px; letter-spacing: 0.03em; color: #192d5a; margin-bottom: 20px; display: block;}







/* **************************************************
			    		NEWS
************************************************** */
.newsblock { position: relative; clear: both; padding: 0 0 30px; margin: 0 0 30px 0; border-bottom: 1px solid #192D5a; overflow: hidden; display: block;}
.single .newsblock { position: relative; clear: both; padding: 0 0 30px; margin: 0 0 30px 0; border-bottom: none; overflow: hidden; display: block;}
.news {}
.news p:last-of-type {padding-bottom: 0px !important; }

.newsdatum{font-size: 16px; line-height: 22px; color: #192D5a;  }
a.more-link {display: inline-block; background: #192D5a; color: #FFF; padding: 8px 20px; text-transform: uppercase; font-size: 16px; line-height: 20px; letter-spacing: 0.04em; -o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s;}
a.more-link:hover {background: #E1463E; color: #FFF;}

.pagination {clear:both; padding: 0; position:relative; font-size: 20px !important; line-height: 22px;}
.pagination span, .pagination a {display:block;float:left;margin: 0 20px 0 0;padding:0px;text-decoration:none;width:auto;color:#192D5a;} 
.pagination a:hover, .pagination .current{color:#E1463E;}





/* **************************************************
			    		SMOOTH LINKS
************************************************** */
#hauptnavigation li a,
.sidenav li a,
#footernavigation ul li a,
.footerblock a {
-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
/* ...and now for the proper property */
transition:.5s;
}






/* **************************************************
			    		CONTACT FORM 7
************************************************** */
div.wpcf7 {	width: 100% !important; margin: 40px 0 0 0;	padding: 0;}

div.wpcf7 form input, div.wpcf7 form textarea { padding: 15px 20px; margin-bottom: 20px !important; width:100%; box-sizing: border-box; margin: 0; 
font-family: 'Raleway', Arial, sans-serif; font-weight: 400; font-size: 14px;line-height: 20px; letter-spacing: 0.03em; color: #192D5a; 
background: #FFF;
border: 1px solid #192D5a;
}
div.wpcf7 form input:hover, div.wpcf7 form textarea:hover {outline:none; border: 1px solid #4b4b4b;}
div.wpcf7 form input:focus, div.wpcf7 form textarea:focus {outline:none; border: 1px solid #4b4b4b;}

div.wpcf7 form textarea {height: 250px;}
div.wpcf7 form input[type=submit] { padding: 10px 20px; width:auto; border:1px solid #192D5a; background:#192D5a; color:#fff; margin: 15px 0 0 0;}
div.wpcf7 form input[type=submit]:hover {color:#fff; background:#4b4b4b; border:1px solid #4b4b4b; cursor: pointer;}

div.wpcf7-response-output { margin: 0 0 20px 0;	padding: 0; color: #000; font-size: 18px;}
div.wpcf7 .screen-reader-response {	position: absolute;	overflow: hidden;	clip: rect(1px, 1px, 1px, 1px);	height: 1px;	width: 1px;	margin: 0;	padding: 0;	border: 0;}
div.wpcf7-mail-sent-ok {}
div.wpcf7-mail-sent-ng {}
div.wpcf7-spam-blocked {}
div.wpcf7-validation-errors {}
span.wpcf7-form-control-wrap {	position: relative;}
span.wpcf7-not-valid-tip {color: #f00;	font-size: 18px;	display: block;}
.use-floating-validation-tip span.wpcf7-not-valid-tip { 	position: absolute;	top: 20%;	left: 20%;	z-index: 100;	border: 1px solid #ff0000;	background: #fff;	padding: .2em .8em;}
span.wpcf7-list-item {margin-left: 0.5em;}
.wpcf7-display-none { display: none;}
div.wpcf7 .placeheld {color: #000;}
div.wpcf7 img.ajax-loader { border: none;vertical-align: middle;margin-left: 4px;display: none;}
div.wpcf7 div.ajax-error { display: none;}







/* ##########################################################################
                     M E D I A    Q U E R R I E S
				 http://jsfiddle.net/danield770/Vfffg/16/
########################################################################## */

/* ################### MOBILE  PORTRAIT LAYOUT 300PX  ################### */
@media screen and (max-width: 479px){

.inner {width: 290px;}
.margincenter {margin: 0 auto !important;}


#mobile-header {display: block;}
#hauptnavigation, #searchform {display: none;}

#header {height: 125px;}
#logo {top: 45px;}

.front1 {width: 49.5%;}
.front2 {width: 100%; display: block; important; float: none !important;}
.front3 {width: 49.5%;}
.two, .four, .six, .seven{margin-right: 1% !important; margin-bottom: 4px !important;}
.one, .three, .five, .eight {margin-right: 0px !important;}

.frontblock .desc {font-size: 20px;line-height: 24px; margin-top: 20px;}
.bgblueinner {width: 90%; margin: 15px auto 0 auto;}

.span5{width: 100%; margin-top: 40px;}
.span7{width: 100%;}

.team{width: 48%; margin-bottom: 5px; }
.team:nth-child(2n) {margin-right: 0;}

#footercontent .span2{width:100%; margin-bottom: 10px;}
#footercontent .span8{display: none; visibility: hidden;}

.mobilevisible {display: block;}
.mobilehidden {display: none}
.bgblueinner .mobilevisible h2 { font-weight: 400; font-size: 16px;line-height: 20px;}
.bgblueinner .mobilevisible {font-size: 16px;line-height: 20px; width: 70%; margin: 40px auto 0 auto;}
}



/* ################### MOBILE  LANDSCAPE LAYOUT 480PX  ################### */
@media only screen and (min-width: 480px) and (max-width: 599px){

.inner {width: 440px;}
.margincenter {margin: 0 auto !important;}

#mobile-header {display: block;}
#hauptnavigation, #searchform {display: none;}

#header {height: 125px;}
#logo {top: 45px;}

.front1 {width: 49.5%;}
.front2 {width: 100%; display: block; important; float: none !important;}
.front3 {width: 49.5%;}

.two, .four, .six, .seven{margin-right: 1% !important; margin-bottom: 4px !important;}
.one, .three, .five, .eight {margin-right: 0px !important;}

.frontblock .desc {font-size: 24px;line-height: 32px; margin-top: 60px;}
.bgblueinner {width: 90%; margin: 15px auto 0 auto;}

.span5{width: 100%; margin-top: 40px;}
.span7{width: 100%;}

.team:nth-child(3n) {margin-right: 0;}

#footercontent .span2{width:100%; margin-bottom: 10px;}
#footercontent .span8{display: none; visibility: hidden;}

.mobilevisible {display: block;}
.mobilehidden {display: none}
.bgblueinner .mobilevisible h2 { font-weight: 500; font-size: 20px;line-height: 25px;}
.bgblueinner .mobilevisible {font-size: 20px;line-height: 25px; width: 70%; margin: 70px auto 0 auto;}

}



/* ################### 7" Tablet 600px ################### */
@media only screen and (min-width: 600px) and (max-width: 759px){

.inner {width: 580px;}
.margincenter {margin: 0 auto !important;}

#mobile-header {display: block;}
#hauptnavigation, #searchform {display: none;}

#header {height: 125px;}
#logo {top: 45px;}

.front1 {width: 49.5%;}
.front2 {width: 100%;}
.front3 {width: 49.5%;}
.two, .four, .six, .seven{margin-right: 1% !important;}
.one, .three, .five, .eight {margin-right: 0px !important;}

.frontblock .desc {margin-top: 100px;}
.bgblueinner {width: 90%; margin: 15px auto 0 auto;}

.span5{width: 100%; margin-top: 40px;}
.span7{width: 100%;}

.team:nth-child(3n) {margin-right: 0;}

#footercontent .span2{width:100%; margin-bottom: 10px;}
#footercontent .span8{display: none; visibility: hidden;}

.mobilevisible {display: block;}
.mobilehidden {display: none}
.bgblueinner .mobilevisible h2 { font-weight: 500; font-size: 20px;line-height: 25px;}
.bgblueinner .mobilevisible {font-size: 20px;line-height: 25px; width: 50%; margin: 100px auto 0 auto;}

}






/* ################### iPad 780px ################### */
@media only screen and (min-width: 760px) and (max-width: 959px){

.inner {width: 740px;}

.sf-menu {left: 360px;}

.front1 {width: 25.7%;}
.front2 {width: 47%;}
.front3 {width: 73.4%;}
.front{float:left; margin-right: 0.8%;}

.frontblock .desc {margin-top: 80px;}

.bgblueinner {font-weight: 500; font-size: 16px;line-height: 20px; width: 90%; margin: 15px auto 0 auto;}
.bgblueinner h2 {font-size: 28px;line-height: 34px;  margin-bottom: 15px;}

.span5{width: 30.6666666667%;}
.span7{width: 65.3333333333%;}

.team{width: 48%; margin-bottom: 5px; }
.team:nth-child(2n) {margin-right: 0;}

.teamblock .desc { padding: 15% 5%}
.teamname {font-size: 14px; line-height: 14px;}

#footercontent .span2{width:23%;}
#footercontent .span8{width: 44%;}
}







/* ################### 960 ################### */
@media only screen and (min-width: 960px) and (max-width: 1239px){

.inner {width: 960px;}

.front1 {width: 25.8%;}
.front2 {width: 47.1%;}
.front3 {width: 73.5%;}
.front{float:left; margin-right: 0.6%;}

.frontblock .desc {margin-top: 80px;}
.bgblueinner {width: 90%; margin: 15px auto 0 auto;}

.span5{width: 30.6666666667%;}
.span7{width: 65.3333333333%;}

.team{width: 48%; margin-bottom: 5px; }
.team:nth-child(2n) {margin-right: 0;}

#footercontent .span2{width:30.6666666667%;}
#footercontent .span8{width: 30.6666666667%;}


}



@media only screen and (min-width: 1240px) {

.team:nth-child(3n) {margin-right: 0;}

}




/* ################### RETINA BG IMAGES  ################### */
@media all and (-webkit-min-device-pixel-ratio: 1.5) { 
#s {position: relative;width: 17px;height: 17px;padding:5px;background: #FFF url(images/lupe.png) 3px 5px no-repeat;border:none;font-family: 'Raleway', Arial, sans-serif; font-weight: 400;font-size: 14px;  line-height: 16px;color: #192D5A;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
#s:focus {width: 150px;background: #f3f3f3 url(images/lupe.png) 3px 5px no-repeat; color:#192D5A !important;padding:5px 5px 5px 30px;}

.sf-menu ul {min-width: 240px; *width: 240px;  padding: 35px 30px 20px 30px; background:#192d5a url(images/nav.png) no-repeat top; }

a.open-button {background: url(images/hamburger.png) no-repeat; width: 20px; height: 20px; text-indent: -9999px;display: block; background-size:20px 15px; float: right; margin: 20px 0 0 0}
a.close-button {background: url(images/nav-close.png) no-repeat; width: 20px; height: 20px;text-indent: -99999px !important; display: block; position: absolute; right: 20px; top: 20px; background-size: 20px 20px;}

a.mail-link {background: url(images/mail-link.png) no-repeat left; background-size: 19px 14px; padding: 0 0 0 30px;}
a.google-link {background: url(images/google-link.png) no-repeat left; background-size: 11px 17px; padding: 0 0 0 30px;}

.trigger a.open{background: url(images/akkordeon.png)no-repeat top; background-size:20px 42px; width:20px; height:20px;}
.trigger_active a.open{background: url(images/akkordeon.png)no-repeat bottom; background-size:20px 42px;width:20px;height:20px; }

.flex-direction-nav .flex-prev { background: url(images/pfeil-links.png) no-repeat top; background-size: 50px 50px; left:  0px; }
.flex-direction-nav .flex-next { background: url(images/pfeil-rechts.png) no-repeat top; background-size: 50px 50px; right:  0px; }
}