/*
Theme Name: Inovado Child
Description: Inovado Child Theme
Author: Jane Jenner
Template: inovado
Version: 1.0
*/

@import url("../inovado/style.css");

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

body{border-top: 2px solid #444444; font-family: 'PT Sans', Arial, Helvetica sans-serif;}

.wrapall {
    background-image: url(https://www.webseiten-die-passen.de/wp-content/uploads/2015/01/hg-body.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}
	@media only screen and (max-width: 850px){
	.wrapall{ background-image: url(https://www.webseiten-die-passen.de/wp-content/uploads/2015/01/hg-body-gerade.jpg);}}
	@media only screen and (max-width: 767px){
	.wrapall{background-image: none; background-color: #ffffff;}
}


/*------------------------------------------------------------------------------------------*/
/*Alles, was zum Header gehört*/
/*------------------------------------------------------------------------------------------*/
.container {width: auto; max-width: 1180px;}
.fit-vids-style{display: none!important;}

/*Logobreite*/
.container .three.columns { width: 22.45762712%; float: right;}

.header .logo img{ width: 99.9%; height: auto;}

/*Breite der gesamten Menüleiste*/
.container .thirteen.columns  { width: 55% !important; }

	@media only screen and (max-width: 980px){	
	.container {width: 99% !important;}

	.container .three.columns  { width: 25% !important; }

	.container .thirteen.columns,  .container .twelve.columns { width: 69.5% !important;}
        }
	
	@media only screen and (max-width: 850px){
		.container .twelve.columns{width: 97% !important;}	
         }


	@media only screen and (max-width: 767px){
	.container {width: 97% !important; margin: 0 auto;}
	.container .three.columns{ float: none; }
	.header .logo{background-image: url(bg-logo-mobile.jpg); background-repeat: repeat-x !important; width: 99%;}
	.header .logo img{ height: auto; max-width: 400px;}
	.container .twelve.columns, .container .thirteen.columns { width: 94%; float: none;}
	}

	@media only screen and (max-width: 479px){
	.header .logo img{ width: 99.9% !important; height: auto; box-shadow: none !important;}
	}




/*------------------------------------------------------------------------------------------*/
/*Alles, was zur Menüleiste gehört*/
/*------------------------------------------------------------------------------------------*/

#header-v3{background-color: transparent;}

#alt-breadcrumbs, #no-title, #no-title-divider { border: medium none !important;}

#breadcrumbs {display: none;}

/*Position der Menüleiste*/
ul#nav{float: left;}
#header-v3 #navigation ul { float: left;}

/*Schriftfarben der Menüpunkte*/
#header-v3 #navigation ul#nav > li > a:hover, 
#header-v3 #navigation ul#nav > li.sfHover > a  { color: #666666;}

#header-v3 #navigation ul#nav > li.current-menu-item > a,
#header-v3 #navigation ul#nav > li.current-menu-item > a:hover,
#header-v3 #navigation ul#nav > li.current-page-ancestor > a,
#header-v3 #navigation ul#nav > li.current-page-ancestor > a:hover,
#header-v3 #navigation ul#nav > li.current-menu-ancestor > a,
#header-v3 #navigation ul#nav > li.current-menu-ancestor > a:hover,
#header-v3 #navigation ul#nav > li.current-menu-parent > a,
#header-v3 #navigation ul#nav > li.current-menu-parent > a:hover,
#header-v3 #navigation ul#nav > li.current_page_ancestor > a,
#header-v3 #navigation ul#nav > li.current_page_ancestor > a:hover {
    color: #ffffff; 
}

/*Breite des Submenus*/
html body #navigation .sub-menu li a,
html body #navigation .sub-menu li .sub-menu li a,
html body #navigation .sub-menu li .sub-menu li .sub-menu li a {width: 120px;}

/* Weitere Einstellungen fürs Submenu --> hier könnte man Opacity und Rundung einstellen*/
#navigation .sub-menu {
    background: none repeat scroll 0 0 #ffffff;
    border-radius: 0 0 0px 0px;
    border-top: none;
	box-shadow: none; 
}

/*Abstände der Menüleiste nach oben und rechts in responsiven Varianten */
#header-v3 #navigation ul#nav > li {
	border-right: 5px solid #ffffff;}

#header-v3 #navigation ul#nav > li > a {
	padding: 52px 15px 9px 15px;}

html body #navigation .sub-menu{
	margin-top: 2px !important;}

	@media only screen and (max-width: 1200px){
	#header-v3 #navigation ul#nav > li > a {padding: 51px 15px 8px 15px;}}
	
	@media only screen and (max-width: 1160px){
	#header-v3 #navigation ul#nav > li > a {padding: 49px 15px 8px 15px;} 
	html body #navigation .sub-menu{margin-top: -2px !important;}}
	
	@media only screen and (max-width: 1110px){
	#header-v3 #navigation ul#nav > li > a {padding: 48px 15px 8px 15px;}}
	
	@media only screen and (max-width: 1080px){
	#header-v3 #navigation ul#nav > li > a {padding: 47px 10px 8px 10px;}
	html body #navigation .sub-menu{margin-top: -3px !important;}}
	
	@media only screen and (max-width: 1050px){
	#header-v3 #navigation ul#nav > li > a {padding: 45px 10px 8px 10px;}
	html body #navigation .sub-menu{margin-top: -6px !important;}}
	
	@media only screen and (max-width: 1030px){
	#header-v3 #navigation ul#nav > li > a {padding: 44px 10px 8px 10px;}
	html body #navigation .sub-menu{margin-top: -7px !important;}}
	
	@media only screen and (max-width: 995px){	
	#header-v3 #navigation ul#nav > li > a {padding: 45px 10px 5px 10px;}
	html body #navigation .sub-menu{margin-top: -10px !important;}}
	
	@media only screen and (max-width: 975px){	
	#header-v3 #navigation ul#nav > li > a {padding: 45px 10px 5px 10px;}	}

	@media only screen and (max-width: 950px){	
	#header-v3 #navigation ul#nav > li > a {padding: 45px 10px 5px 10px;}
	}	

	@media only screen and (max-width: 925px){	
	#header-v3 #navigation ul#nav > li > a {padding: 44px 10px 5px 10px;}
	}	

	@media only screen and (max-width: 900px){	
	#header-v3 #navigation ul#nav > li > a {padding: 42px 10px 5px 10px;}
	html body #navigation .sub-menu{margin-top: -12px !important;}}	

	@media only screen and (max-width: 875px){	
	#header-v3 #navigation ul#nav > li > a {padding: 41px 10px 5px 10px;}
	}	

	@media only screen and (max-width: 850px){	
	#header-v3 #navigation ul#nav > li > a {padding: 40px 10px 5px 10px;}
	}	
	
	@media only screen and (max-width: 825px){	
	#header-v3 #navigation ul#nav > li > a {padding: 38px 10px 5px 10px;}
	}						

	@media only screen and (max-width: 790px){	
	#header-v3 #navigation ul#nav > li > a {padding: 38px 10px 5px 10px;}
	html body #navigation .sub-menu{margin-top: -20px !important;}}		

	@media only screen and (max-width: 980px){	
	#header-v3 #navigation ul#nav > li > a {font-size: 15px !important;}
	h1 {font-size: 20px !important; font-weight: 600 !important;}}	

	@media only screen and (max-width: 790px){
	select {font-size: 18px !important; 
	color: #666666; 
	height: 45px; 
	}
	
	/* hide browser-styling (arrow) in IE10 */
	select::-ms-expand {display:none;}

	
	option {font-weight: 500 !important;font-size: 17px;line-height: 1.6;padding: 3px 0;}
	}


/*------------------------------------------------------------------------------------------*/
/*Alles, was zum Slider gehört*/
/*------------------------------------------------------------------------------------------*/

/*#rev_slider_2_1, #rev_slider_3_1, #rev_slider_4_1, #rev_slider_5_1, #rev_slider_6_1, #rev_slider_7_1, #rev_slider_8_1, #rev_slider_9_1, #rev_slider_10_1, #rev_slider_11_1 {
	background-image: url(https://www.webseiten-die-passen.de/wp-content/uploads/2015/01/hg-slider.png);
	background-repeat: repeat-y;
	background-position: left top;
	position: relative; 
	left: -5px; }*/

/*ausgeblendet 230826
.tp-shadowcover	{width:100%;height:100.3% !important;top:0px;left:0px;background: #fff;position: absolute; z-index: -1;}
.tp-shadow2:before, .tp-shadow2:after,
.tp-shadow3:before, .tp-shadow4:after
{
   -webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.3)!important;
  -moz-box-shadow: 0 10px 20px rgba(0,0,0,0.3)!important;
  box-shadow: 0 10px 20px rgba(0,0,0,0.3)!important;
}*/

.custom .tp-bullet { background: rgba(153,153,153,0.3)!important;}
.custom .tp-bullet:hover, .custom .tp-bullet.selected {background: rgba(255,174,3,0.9)!important;}

/*Formatierung des Slidertextes*/
.tp-caption, h3.slider{font-size: 16px !important; line-height: 1.6em !important;}	
h3.slider{margin-bottom: 0 !important; font-weight: 600!important;}	
.tp-caption a,  .tp-caption a:visited{  color: #666666 !important;  font-size: 16px !important;}

	@media only screen and (max-width: 1050px){
	.tp-caption, h3.slider{font-size: 15px !important;} 
	.grau{padding-left: 50px !important;}}
	
	@media only screen and (max-width: 980px){	
	#rev_slider_2_1, #rev_slider_3_1, #rev_slider_4_1, #rev_slider_5_1, #rev_slider_6_1, #rev_slider_7_1, #rev_slider_8_1, 		  #rev_slider_9_1, #rev_slider_10_1, #rev_slider_11_1{margin-top: -20px !important;}
	.tp-caption, h3.slider{font-size: 15px !important;} 
	.grau{padding-left: 45px !important;}}
	
	
	
	@media only screen and (max-width: 767px){
	#rev_slider_2_1, #rev_slider_3_1, #rev_slider_4_1, #rev_slider_5_1, #rev_slider_6_1, #rev_slider_7_1, #rev_slider_8_1, #rev_slider_9_1, #rev_slider_10_1, #rev_slider_11_1{
	background-image: none;
	position: relative; left: 0; 
	} 
	.grau {background-image: none !important;} 
	.tp-caption{margin-left: -35px !important;}	}	
	
	
	@media only screen and (max-width: 479px){
	#rev_slider_2_1_wrapper, #rev_slider_3_1_wrapper, #rev_slider_4_1_wrapper, #rev_slider_5_1_wrapper, #rev_slider_6_1_wrapper, #rev_slider_7_1_wrapper, #rev_slider_8_1_wrapper, #rev_slider_9_1_wrapper, #rev_slider_10_1_wrapper, #rev_slider_11_1_wrapper {
	display: none !important;}	}



/*------------------------------------------------------------------------------------------*/
/*Alles, was zum Contentbereich gehört plus Footer und Copyright*/
/*------------------------------------------------------------------------------------------*/

#page-wrap{height: auto; min-height: 400px;}	
	
	@media only screen and (max-width: 479px){
	#content, #page-wrap{padding-top: 0px !important;}	
	}

/*Kästen ab dem Slider*/	 
#content{padding-top: 25px;}
	
.container .twelve.columns,  .container .sixteen.columns, #portfolio-wrap{ width: 73.30508475%; /*width: auto; max-width:865px;*/}

#text-hg{ 
	background-image: url(https://www.webseiten-die-passen.de/wp-content/uploads/2017/03/hg-text.jpg); 
	background-repeat: no-repeat; 
	padding: 90px 60px 120px 40px; 
	background-size: 100% auto;}

#text-hg a.textlink{border-bottom: 2px dotted #ccc;}
#text-hg a.textlink:hover{border-bottom: none;}

.retinaiconbox [class^="retinaicon-"], .retinaiconbox [class*=" retinaicon-"] { font-size: 25px; margin-top:5px;}

#text-hg-unten{
	background-image: url(https://www.webseiten-die-passen.de/wp-content/uploads/2015/01/hg-text-unten.png);
	background-repeat: no-repeat;  
	background-size: 100% auto; 
	height: auto; 
	min-height: 51px;}
	
h1{
	color: #ffffff !important; 
	display: inline-block; 
	width: auto; 
	background-color: #ffae03; 
	margin-top: 15px;
	margin-bottom: 30px; 
	padding-left: 40px; 
	margin-left: -40px; 
	padding-right: 20px;}

li{margin-bottom: 10px;}	

.retinaiconbox{ margin-bottom: 25px;}

.toggle .toggle-title {
	color: #666666!important; 
	font-weight: 500 !important; 
	padding: 8px 44px 7px 10px!important;
	background-image: url(https://www.webseiten-die-passen.de/wp-content/uploads/2015/05/toggle-bg.png);
	background-position:right top;
	background-repeat:repeat-y;
	text-indent: 0px !important;}
	
.toggle .toggle-title span{
	float: right;
	display:block;
	margin:-10px -44px -10px 0px;
	width:42px;
	height:42px;
	color:#999999;
	}	
	
/*Kästen auf Referenzenseite*/
.teaserbox {
    background-image: none !important;
    border: 1px solid #ddd;
    border-radius: 3px;
    box-shadow: 1px 1px 3px 0 rgba(180, 180, 180, 0.2);
    display: block;
    margin: 0;
    padding: 0;
}

.teaserbox .border { background: none repeat scroll 0 0 #ffffff; border: 0px solid #e3e3e3; box-shadow: none; padding: 25px;}
a.button.alternative-1 {display: none !important; background-color: #ffffff!important;	border: none;}
.testimonial-author {color: #999999;}
.pp_social{display: none;}
#copyright{display: none;}
#footer {padding: 10px 0; color: #fefefe !important;}
#footer a{color: #ffffff !important;}	
#text-3{text-align: right; max-width: 377px;}

	@media only screen and (max-width: 1000px){	
	#text-hg{padding-top: 55px;}}

	@media only screen and (max-width: 980px){	
	#text-hg{padding-bottom: 50px;}}
	
	@media only screen and (max-width: 850px){	
	h1 {margin-top: 30px;}
	#text-2, #text-3{width: 99.8%; text-align: center;}
	#text-3{margin-top: -15px !important; max-width:1000px; }}

	@media only screen and (max-width: 767px){
	#text-hg{
		background-image: url(https://www.webseiten-die-passen.de/wp-content/uploads/2017/03/hg-text-responsive.jpg);
		background-repeat:no-repeat;
	}
	
	.tp-shadow3{background-image: none !important; }
	h1{padding-left: 20px;  }	
	#footer{margin-top: -80px !important;}
	.teaserbox{text-align: left !important; }
	.one_half{width:98% !important;}
	.teaserbox a.button {text-align: center !important;}
	
	}
	
	@media only screen and (max-width: 767px) and (orientation: landscape){
		#text-hg .toggle .toggle-title, #text-hg p, #text-hg li, #footer, h3, .testimonial-author { -webkit-text-size-adjust: none}}

	@media only screen and (max-width: 479px){
	#text-hg{background-image: none; padding: 10px;}
	h1{ display: block; padding-left: 10px; margin-left: -10px; margin-top: 5px; color: #666 !important; background-color: transparent;}
	#text-hg-unten{display: none;}
	}

/*Footer*/
@media only screen and (max-width: 767px){
	#footer{text-align: center!important;}
	.eight.columns{width:99%!important;}

}

/*------------------------------------------------------------------------------------------*/
/*die Druckausgabe*/
/*------------------------------------------------------------------------------------------*/

@media print {
 body{border-top: none !important;}
 .wrapall{background-image: none; }
 .container{width:100%;} 
 .container .three.columns {width: 6cm; height: auto; margin-right: -1px !important;}
 .container .thirteen.columns {display: none;}
 #header-v3{height: 5px !important;}	
 #rev_slider_2_1_wrapper, #rev_slider_3_1_wrapper, #rev_slider_4_1_wrapper, #rev_slider_5_1_wrapper, #rev_slider_6_1_wrapper, #rev_slider_8_1_wrapper, #rev_slider_9_1_wrapper, #rev_slider_10_1, #rev_slider_11_1 {display: none !important;}
#text-hg{ padding: 0 !important; }
.container .twelve.columns,  .container .sixteen.columns, #portfolio-wrap{width: 95%; }
.container .eight.columns {width: 95%;}
.toggle{margin-bottom:30px;}
.toggle .toggle-title{ width: 90% !important; padding:0 !important; font-weight: 700 !important; border: none;}
.toggle .toggle-title span{display: none;}
.toggle .toggle-inner{display:block;padding: 0;	border: none;}
#copyright{display: block;}	
#footer{display: none !important;}

}