

/* Header 
****************************************************************/

body.template-ips-pipe img.logo{
    margin-top: 0;
    width:194px;
}

.header h1.page-title {
	width:100%;
}

@media only screen and (max-width: 768px) {
	body.template-ips-pipe img.logo{
		width:114px;
	}

	.header h1.page-title {
	}
}

body.template-ips-pipe  .ubermenu-active .ubermenu-submenu  {
	min-width: 147px;
}


/* Footer 
****************************************************************/

body.template-ips-pipe .footer {
	min-height:180px;
}

body.template-ips-pipe .footer img {
	border-radius: 10px;
	
}

body.template-ips-pipe .footer .row div {
	padding-top:1em;
    font-size: 12px;
    line-height: 20px;
}

body.template-ips-pipe .footer .row div + div {
	padding-top:2em;
}


@media screen and (min-width:996px) {
	body.template-ips-pipe .footer .row div {
		border-right: 1px solid #fff;
	}
	body.template-ips-pipe .footer .row div + div {
		border-right: 0;
	}

}






/* columns
****************************************************************/

.columns{
	height:190px;
}

.columns_third{
	width:30%;
	float:left;
}

.columns_third + .columns_third {
	margin-left:5%
}

.columns_third img {
	width:100%;
}

@media only screen and (max-width: 768px) {
	.columns{
		height:90px;
	}
}








/* graybox
****************************************************************/
body.template-ips-pipe .graybox {
	background: #c6c5c5;
	padding:20px 25px;
	border-radius: 5px;
}

body.template-ips-pipe .graybox strong {
	color: #2b3763;
	display:block;
	padding-top:20px;
}

body.template-ips-pipe .graybox ul {
	padding-left:18px;
}

#html body.template-ips-pipe .graybox > div > .panel-grid{
	margin-bottom: 0;
}
#html body.template-ips-pipe .graybox > div > .panel-grid:first-child > .panel-grid-cell {
	padding-left:0;
}


@media only screen and (max-width: 768px) {
	#html body.template-ips-pipe .graybox .panel-grid-cell {
		margin: 0;
	}
}



/* startseite
****************************************************************/
body.template-ips-pipe .opener {
    background-image: url(/wp-content/uploads/2016/07/primaerbild_IPS_homepage.jpg);
    background-position: center 52%;
}


body.template-ips-pipe .carousel-control {
	display: none;
}


body.template-ips-pipe .carousel .meta {
    height: 150px;
    min-height: 150px;
    position: absolute;
    top: 160px;
    background: rgba(223,125,18,.8);
    margin-right: 15px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}




body.template-ips-pipe .carousel .block> a {
	color: #df7d12;
	text-decoration: none;
	display: block;
	height: 310px;
	overflow: hidden;
}

body.template-ips-pipe .carousel h3 a {
	color:#2b3763;
}


body.template-ips-pipe .carousel a.image-container {
	overflow: hidden;
}


body.template-ips-pipe .carousel a.image-container img{
	border-radius: 10px;
	width:100%;
	
}


@media only screen and (min-width: 1200px){
	body.template-ips-pipe .carousel .meta {
	    min-height: 150px;
    }
}


@media only screen and (max-width: 768px) {
	body.template-ips-pipe .carousel .meta {
		min-height: 3em;
	    width: 100%;
	    bottom: 20px;
	    height: 20px;
	    top: auto;
	    position: static;
	}
	body.template-ips-pipe .carousel .block> a {
		height:190px;
	}
}



@media only screen and (min-width: 1200px){
	body.template-ips-pipe .carousel a.image-container img{
		border-radius: 10px;
		width:555px;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1200px){
	body.template-ips-pipe .carousel .meta {
	    min-height: 157px;
	    top: 97px;
	}
    body.template-ips-pipe .carousel a.image-container img{
		border-radius: 10px;
		width:455px;
	}
}


@media only screen and (min-width: 768px) {
	body.template-ips-pipe .carousel img.attachment-post-thumbnail.wp-post-image {
		padding: 0;
		margin: 0;
		width: calc( 100% - 30px);
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		float: none;
		position: absolute;
		top: 0;
	}
}




/* ansprechpartner
****************************************************************/
body.template-ips-pipe .ansprechpartner img.so-widget-image {
	background: #fff;
    border-radius: 10px;
}




/* leistungsdetailsseite
****************************************************************/
body.template-ips-pipe ul.softwaretools {
	padding-left:18px;
}





/* Galerie
****************************************************************/
body.template-ips-pipe .galerie img {
	border-radius: 10px;
	margin-bottom:15px;
}