/* 
Theme Name: Verstaerken
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: 'Open Sans', sans-serif; font-weight: 300; font-size: 18px; line-height: 25px; color: #FFF; text-align:center; background: #1c1c1c; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}



/* Images & Links */
a {color: #e2e2e2;text-decoration:underline;}
a img {border: none;outline: none;}

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



.bree {font-family: 'Bree Serif', serif;font-weight: 400;}
.opensanslight{font-family: 'Open Sans', sans-serif; font-weight: 300;}
.opensansregular{font-family: 'Open Sans', sans-serif; font-weight: 400;}
.opensanssemi{font-family: 'Open Sans', sans-serif; font-weight: 600;}
.opensanbold{font-family: 'Open Sans', sans-serif; font-weight: 700;}





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

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

.full {width: 100%; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.inner {max-width: 960px; }
@media (max-width: 1000px) {.inner {width: 92%;}}

.lightdark {background: #353535;}
.dark {background: #1c1c1c;}

.overflow {overflow: hidden; display: block;}
.textcenter {text-align: center !important;}

.paddingtop100 {padding-top: 100px !important;}
.paddingbottom100 {padding-bottom: 100px !important;}

.margincenter {margin-right: auto !important; margin-left: auto !important;}
.margintop115 {margin-top: 115px;}
.marginbottom30 {margin-bottom: 30px;}
.marginbottom50 {margin-bottom: 50px;}

@media (max-width: 767px) {
.paddingtop100 {padding-top: 50px !important;}
.paddingbottom100 {padding-bottom: 50px !important;}
}



.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: 4.2%; float:left;}
.span1{width: 4.48333333333%;}
.span2{width: 13.1666666667%;}
.span3{width: 21.85%;}
.span4{width: 30.5333333333%;}
.span5{width: 39.2166666667%;}
.span6{width: 47.9%;}
.span7{width: 56.5833333333%;}
.span8{width: 65.2666666667%;}
.span9{width: 73.95%;}
.span10{width: 82.6333333333%;}
.span11{width: 91.3166666667%;}
.span12{width: 100%;margin-right: 0;}
.last{ margin-right:0 !important; clear:right !important; }


@media (max-width: 767px) {.span1,.span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11 {width: 100%; float: none; margin-right: 0px;}
.inhalt_2_spaltig .span6 {margin-bottom: 70px;}
.inhalt_3_spaltig .span4 {margin-bottom: 70px;}
.inhalt_3_spaltig .span6:last-of-type,
.inhalt_3_spaltig .span4:last-of-type {margin-bottom: 0px;}
}




/* **************************************************
			    		HEADER
************************************************** */
#header {height: 131px;	position: relative; padding: 0}
#header .logo{text-indent:100%; white-space:nowrap; overflow:hidden; display:block; width:311px; height:81px; position: absolute; top: 25px; left: 50%; margin-left:-155px; background: url(images/logo-wide-ch.svg) no-repeat; background-size: 100%; z-index: 99999;}
.no-svg #header .logo { background-image: url(images/logo-wide-ch.png) no-repeat; }

@media (max-width: 767px) {
#header {height: 85px;}
#header .logo{width:200px; height:52px; top: 15px; margin-left:-100px;}
}


/* ******************************************************************************************************
							Content
****************************************************************************************************** */

img{width: 100%; height: auto; display: block;}

.content {position: relative;  }	
.content p{margin: 0px; padding: 0px 0px 30px 0px;}
.content ul li {padding: 8px 0; border-bottom: 1px solid #000;}

.content h2 {font-family: 'Bree Serif', serif;font-weight: 400; text-transform:uppercase; font-size: 44px; line-height: 54px; color: #FFF; letter-spacing: 0.03em; margin: 0 0 60px 0; padding: 0; font-weight: normal; text-align:center}

strong {font-family: 'Open Sans', sans-serif; font-weight: 600;}

.lead {font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 28px; line-height: 40px; text-align:center; text-transform: uppercase;}
.lead p:last-child{padding-bottom: 0px;;}

@media (max-width: 767px) {
.content h2 { font-size: 30px; line-height: 40px; margin: 0 0 30px 0;}
.lead {font-size: 22px; line-height: 32px; }
}




.frontangebot {margin-bottom: 4.2%; }
.frontangebot a{text-decoration: none;}


.frontangebottitle {background: #353535; text-align: center; color: #FFF; text-transform: uppercase; font-size: 14px; line-height: 22px; padding: 10px 0; margin-top: 1px;-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;}

.frontangebotimg {overflow: hidden; position: relative;}
.frontangebotimg .mask {background: url(images/hover80.png);opacity: 0; visibility:hidden;position:absolute; top: 0%;left: 0%; display: inline-block; height: 100%; width: 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;}
.frontangebot:hover .mask {opacity:1.0;visibility:visible;}
.frontangebot:hover .frontangebottitle {background: #10a804;}

.span4.frontangebot:last-of-type {
    float: none;
    display: flex;
    margin: 0 auto;
    text-align: center;
}

@media (min-width: 767px) {
.frontangebot:nth-of-type(3n) { margin-right: 0px !important;} 
}

@media (max-width: 767px) {
.span4.frontangebot {width: 47.9% ;margin-right: 4.2%; float:left;}
.frontangebot:nth-of-type(2n) { margin-right: 0px !important;} 
}
@media (max-width: 599px) {
.span4.frontangebot {width:100% ;margin-right: 0%; float:none;}
}




table.referenzliste {margin-bottom: 0px !important;}
table.referenzliste th {font-family: 'Open Sans', sans-serif; font-weight: 600; padding: 0 10px 12px 0; border-bottom: 2px solid #777; }
table.referenzliste td {border-bottom: 1px solid #777; padding: 12px 10px 12px 0 !important;}
.td1 {width: 8% !important;}
.td2 {width: 24% !important;}
.td3 {width: 24% !important;}
.td4 {width: 18% !important;}
.td5 {}

@media (max-width: 767px) {
table.referenzliste th {display: none; }
/* Force table to not be like tables anymore */
table, thead, tbody, th, td, tr { display: block; }
/* Hide table headers (but not display: none;, for accessibility) */
th tr { position: absolute;top: -9999px;left: -9999px;}
table.referenzliste td { border: none; border-bottom: none !important; position: relative;text-align: left !important; padding-left: 50%; padding-top: 0px !important; padding-bottom: 5px !important;}
table tr td:first-child 	{ padding-top: 15px !important;}
table tr td:last-child 	{ padding-bottom: 15px !important;}
tr { border-bottom: 1px solid #777; }
/*td:before { /position: absolute;top: 6px;left: 6px;width: 45%; padding-right: 10px; white-space: nowrap;}*/

table.referenzliste td:first-child:before{content: "Jahr: "; font-weight: 600;}
table.referenzliste td:nth-child(2):before{content: "Objekt: "; font-weight: 600;}
table.referenzliste td:nth-child(3):before{content: "Auftraggeber: "; font-weight: 600;}
table.referenzliste td:nth-child(4):before{content: "Bausumme: "; font-weight: 600;}
table.referenzliste td:nth-child(5):before{content: "Funktion: "; font-weight: 600;}
}













/* ANSPRECHPARTNER DIENSTLEISTUNGEN */
.apcontent {padding: 25px 20px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.apname {font-weight: 700; margin-bottom: 2px;}
.apfunktion { margin-bottom: 12px;}
.aptelefon {}
.apmail a{}
.apmail a:hover {;}


.span4.person:nth-of-type(3n) { margin-right: 0px !important;}
.person {margin-bottom: 2.%;}








/* **************************************************
			    		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, .flexsliderhome {margin: 0; padding: 0;}
.flexslider .slides > li, .flexsliderhome .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img, .flexsliderhome .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, .flexsliderhome { margin: 0 auto;  position: relative;  zoom: 1; width: 100%; display: block;  clear: both; }
.flexslider .slides, .flexsliderhome .slides { zoom: 1; }

.flexslider li { padding:0 !important; border-bottom: none !important; }


/* Direction Nav */
.flex-direction-nav {*height: 0; z-index: 99999 !important;}
.flex-direction-nav a  { text-decoration:none; display: block; width: 24px; height: 28px; margin: -14px 0 0 0; position: absolute; top: 50%; 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_previous.svg) no-repeat top; background-size: 24px 28px; left: 20px; }
.flex-direction-nav .flex-next { background: url(images/pfeil_next.svg) no-repeat top; background-size: 24px 28px; right: 20px; }
.no-svg .flex-direction-nav .flex-prev{ background: url(images/pfeil_previous.png.png) no-repeat;}
.no-svg .flex-direction-nav .flex-next{ background: url(images/pfeil_next.png) no-repeat;}
.flex-prev:hover, .flex-next:hover {background-position: bottom;}

/* Control Nav - PAGINATION*/
.flex-control-nav {width: 100%; margin: 0 auto; position: relative; left: auto; right: auto; bottom: 0; text-align: center;margin-top: 15px;}
.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.svg) no-repeat top; background-size: 15px 31px; cursor: pointer; text-indent: -9999px;}
.no-svg .flex-control-nav li a { background-image: url(images/pagination.png) no-repeat; }
.flex-control-nav li a:hover {background-position: bottom;}
.flex-control-nav li a.flex-active {background-position: bottom !important; cursor: default;}


/* CUSTOM Direction Nav */
.slideshow-next {	position: absolute; width: 40px; height: 80px; top: 25%; right: 0px; background: url(images/pfeil_next.svg) no-repeat top; background-size: 40px 80px; cursor: pointer; text-indent: -300% !important;}
.slideshow-prev{	position: absolute; width: 40px; height: 80px; top: 25%; left: 0px; background: url(images/pfeil_previous.svg) no-repeat top; background-size: 40px 80px; cursor: pointer; text-indent: -300% !important;}
.no-svg .slideshow-next { background-image: url(images/pfeil_next.png) no-repeat; }
.no-svg .slideshow-prev { background-image: url(images/pfeil_previous.png) no-repeat; }






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

form input, form textarea { padding: 10px 20px; width:100%; box-sizing: border-box; font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 18px; line-height: 24px; color: #FFF; background: #515151;border: 1px solid #515151;margin:0 0 10px 0 !important;-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;}
form input:hover, form textarea:hover {outline:none; border: 1px solid #55dd05;}
form input:focus, form textarea:focus {outline:none; border: 1px solid #55dd05;}

form textarea {height: 250px;}
form input[type=submit] { padding: 10px 20px; width:auto; border:1px solid #515151; background:#515151; color:#fff; margin: 0; -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;}
form input[type=submit]:hover {color:#FFF; background: #151515; border:1px solid #1c1c1c; cursor: pointer;}

.wpcf7 select {background-color: #f0eeeb;border: 1px solid #f0eeeb;margin: 0;padding: 20px;  margin:0 0 20px 0;width:100%; box-sizing: border-box;font-family: 'Montserrat', Arial, serif; font-weight: 400; font-size: 16px; line-height: 22px; color: #afaca3;  }

/*Styling Contact Form 7 validation with border*/
span .wpcf7-not-valid {border: 1px solid #6b6b6b;}
span .wpcf7-not-valid-tip {color: #fff !important; font-size: 14px !important; margin-top: -8px;}

/*Improve validation error message box*/
div.wpcf7-validation-errors {background: #ffe2e2;border: 1px solid #ff0000;color: #C10000;}
div.wpcf7-response-output {margin: 2em 0;padding: 15px;border-radius: 5px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;	}

/*Hide validation error message box*/
div.wpcf7-validation-errors {display: none !important;}

/*Styling response based on mail sent status*/
.wpcf7-spam-blocked { background: #e2e2e2; border: 1px solid #bcbcbc !important; color: #383838;}
.wpcf7-mail-sent-ng {background: #fcf8e3;border: 1px solid #ac9163 !important; color: #8a6d3b;}
.wpcf7-mail-sent-ok {background: #transparent; border: none !important; color: #FFF; font-family: 'Bree Serif', serif;font-weight: 400; text-transform:uppercase; font-size: 18px; line-height: 22px;
}

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */

img.ajax-loader { display: none; }

.screen-reader-response ul{ display: none; }
.screen-reader-response{ display: block; font-family: 'Bree Serif', serif;font-weight: 400; text-transform:uppercase; font-size: 18px; line-height: 22px; color: #444; letter-spacing: 0.01em; margin: 0 0 20px 0; padding: 0; font-weight: normal;}







/* **************************************************
			    		FOOTER
************************************************** */
#footer {width: 100%; overflow: hidden; position: relative; margin: 0 auto; clear:both;  background: #444; height: 150px; margin: -150px auto 0 auto;}
#footercontent {margin: 0 auto;overflow: hidden;display: block; padding: 30px 0 ;text-align: center; color: #000; text-align: left; font-size: 16px !important; line-height: 24px !important;}
#footercontent a{color: #000;text-decoration: none;}
#footercontent a:hover{color: #646464;text-decoration: underline;}

ul.footermenu {}
ul.footermenu li {float: left; margin-right: 30px; }
ul.footermenu li a{font-size: 16px !important; line-height: 24px; color: #FFF !important; text-decoration: none !important;}
ul.footermenu li a:hover{color: #e4368b !important;}
ul.footermenu li.current_page_item a, ul.footermenu li.current-page-ancestor a{ color: #e4368b !important;}



/* **************************************************
			    		Floats and MISCS
************************************************** */
.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; }


table{width: 100% !important;border-spacing:0px !important; margin: 0 0 40px 0;;}
table td{border-spacing:0px !important; vertical-align:top; font-size: 16px; line-height: 20px; padding: 8px 10px 8px 0; border-bottom: 1px solid #000;}

.textright {text-align: right;}



/* **************************************************
			    		SMOOTH LINKS
************************************************** */
#hauptnavigation li a,
ul.footerdmenu li a, {
-o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s;transition:.5s;}