/* @override 
	http://neu.universal-rohrleitungsbau.de/css/style.css */



/*reset*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}
/*position*/
.clear {clear:both;}.top { top: 0;}.btm { bottom: 0;}.left {float:left;}.right {float:right;}.cleft {text-align:left;}.cright {text-align:right;}.ccenter {text-align:center;}.cvcenter {vertical-align:middle;}.ctop {vertical-align:top;}.cbtm {vertical-align:bottom;}.block {display:block;}.iblock {display:inline-block}.abs {position:absolute;}.rel {position:relative;}.fix {position:fixed;}
/*width,height*/
.wscreen {left:0;margin-left:0 !important;}.w100 {width:100%;}.w75 {width:75%;}.w66 {width:66%;}.w50 {width:50%;}.w33 {width:33%;}.w25 {width:25%;}.hscreen {top:0;margin-top:0 !important;}.h100 {height:100%;}.h75 {height:75%;}.h50 {height:50%;}.h25 {height:25%;}

/*misc glob*/
.trans, a, .cases div, .tgl-call, .cert > div {transition:all .4s ease-in-out 0s;}
.pad { padding: 2em;}
.pads { padding: .5em;}

/*colors*/
.blue { color: #24658f;}
.bluet { background: rgba(36, 101, 143, .75);}
.blue-light { color: #d6dde1;}
.dark { color: #373737;}

/*font glob*/
body, input, textarea {font: 400 .9em/1.4 'Lato', sans-serif; color: #373737;}
b, strong, .b {font-weight: 700;}

a {color: #373737;}
a:hover {}
a.btn, .tgl-call { background: #24658f; display: inline-block; margin: 1em 0; padding: 1.2em; color: #fff; text-decoration: none; text-transform: uppercase; font-size: 80%; font-weight: 700; border-bottom-right-radius: 1em;}
a.btn:hover, .tgl-call:hover { background: #373737;}


/*struct*/
body { }
.cont { margin: 0 auto; max-width: 1000px; padding: 0 2em;}
.top { background: #373737; color: #d6dde1; font-size: 80%; padding: .2em 0 .5em;}
.top i.material-icons { font-size: 150%; display: inline-block; padding: 0 .2em 0 1em; position: relative; top: .15em;}
.mod-languages { display: inline-block; padding-left: 1em;}

#logo { height: 5em; width: 30%; overflow: hidden; margin: 3em 0 2em; float: left;}
#logo img { max-height: 100%; max-width: 100%;}
header { background: #f0f5f9;}
nav { float: right; margin: 4.7em 0 0;}
nav div li { display: inline-block; padding: 0 .5em;}
nav div a { display: inline-block; text-decoration: none; height: 3em; line-height: 3em; padding: 0 1.2em; font-size: 85%; text-transform: uppercase; border-bottom-right-radius: 1em;}
nav div .current-menu-item a, nav div a:hover { background: #24658f; color: #fff;}

.slider { min-height: 27em; background: url(../img/bck-1.jpg) no-repeat; background-size: cover; position: relative; }
.slider .icons { position: absolute; bottom: -1.7em; width: 100%;}
.icons a { float: left; color: #fff; padding: 2em 0 3em; margin-left: 1%; width: 24%; background: rgba(36, 101, 143, .5); text-decoration: none; border-bottom-right-radius: 1em; text-transform: uppercase;}
.icons a:first-child { margin-left: 0; width: 25%;}
.icons a:hover { background: rgba(36, 101, 143, .9);}
.icons a i.material-icons { font-size: 2.5em; padding-bottom: .3em;}

#main { padding: 7em 0; background: url(../img/mainbck.png) repeat-x;}
h2, h3, h4 { line-height: 1;}
h2 { font-size: 2.4em; font-weight:400; color: #24658f; margin: 1.5em 0 .5em;}
h2:first-child { margin-top: 0;}
h3 { margin: 2em 0 .5em; font-size: 1.8em; font-weight: 300;}
h2 + h3 { margin-top: 0;}
p { margin: 1em 0;}
#main .left ul { list-style: disc; margin-left: 1.5em;}
#main .left li { margin: 0 0 .2em;}

.box { background: #d6dde1; padding: 1em; border-bottom-right-radius: 1em;}
.box img { background: #fff;}
.check i { position: relative; top: .2em; color: #24658f;}

.banner { height: 200px; background: url(../img/banner.jpg) no-repeat center bottom; background-size: cover; }


.laufband { background: #24658f; color: #fff;}
ul#laufband { -webkit-transition: all 0s linear; -moz-transition: all 0s linear; -o-transition: all 0s linear; transition: all 0s linear; list-style:none; margin:0;}
#laufband li { padding: 0 1em; font-size: 2em; font-weight: normal;}


footer { background: #d6dde1; min-height: 10em; color: #777;}
footer img { margin-top: 3em;}
footer a { text-decoration: none;}
footer i.material-icons { font-size: 5em; display: block; padding: .3em;}
footer a { color: #777;}
footer a:hover { color: #24658f;}

.btm { background: #373737; color: #d6dde1; padding: .8em 0; font-size: 80%;}
.btm a { color: #d6dde1;}


/*page specific*/
.cases a { float: left;	width: 48%; margin: 0 2% 2em 0; background-size: cover; background-repeat: no-repeat; position: relative; text-decoration: none; color: #fff; overflow: hidden; border-bottom-right-radius: 1em;}
.cases a div { font-size: 90%; position: absolute; bottom: -6.5em; width: 80%; padding: 2% 10%;}
.cases a:hover div { bottom: 0;}
.cases h3 { margin-top: .5em; font-weight: 700; font-size: 1.1em; text-transform: uppercase;}

.cases .karmann { background-image: url(../img/cases-karmann.jpg); background-position: bottom;}
.cases .gruenenthal { background-image: url(../img/cases-gruenenthal.jpg);}
.cases .petro { background-image: url(../img/cases-petro.jpg);}
.cases .statoil { background-image: url(../img/cases-statoil.jpg);}

.btn.tgl-call { display: block; cursor: pointer; font-size: 1.1em; margin: 1em 0 0;}
.btn.tgl-call.active { background: #373737;}
.tgl-cont { background: #d6dde1; margin: 0 .7em 0 0; padding: .5em; border-bottom-right-radius: 1em;}
.box-leistung { padding: 1em; border: 3px solid #24658f; border-bottom-right-radius: 1em; background: #fff;}
.box-leistung + .box-leistung { margin: .5em 0 0;}
.box-leistung h4 { color: #24658f; font-size: 1.3em;}
.leist-univ { text-align: right; padding: 1em 1em 0; color: #555; font-size: 1.2em;}

.ansprechpartner { padding: 1em 0;}
.ansprechpartner > div { float: left; min-height: 12em; width: 19em; background: #d6dde1; padding: 1em; margin: 0 1em 1em 0;}
.ansprechpartner h4 { color: #24658f; font-size: 1.2em; margin: .5em 0;}
.ansprechpartner p { font-style: italic; font-size: 1.1em;}
.ansprechpartner p span { color: #777; font-size: 80%; font-style: normal; display: block;}


.contact > h3 { display: none;}
.control-label { padding: 1em 0 0; color: #777;}
.controls input, .controls textarea { display: block; padding: 1em; border-bottom-right-radius: 1em; width: 90%; border-width: 0; box-shadow: none; background: #d6dde1;}
.controls input:focus, .contact textarea:focus { background: #24658f; color: #fff;}
.form-actions button { margin: 2em 0 0; padding: 1em; font-weight: bold;}


.cert > div { margin: 0 0 1em; padding: 1em; background: #d6dde1; min-height: 180px;}
.cert > div.active { background: rgba(36, 101, 143, .75); color: #fff; cursor: pointer;}
.cert > div:after { content: " "; clear: both;}
.cert a { float: left; padding: 0 2em 1em 0;}
.cert h3 { margin: .5em 0 0; font-size: 1.5em;}
.cert h3:first-line { font-size: .7em;}
.cert p { font-size: 1.1em;}

.siegel { margin: 2em 0; background: #d6dde1; padding: 1em; border-bottom-right-radius: 1em;}
.siegel, .siegel img { max-width: 100%;}


/*ipad*/
@media (max-width: 970px){

#logo { float: none; width: 100%; text-align: center; margin: 2em 0; display: block; height: 6em;}
#logo img { max-width: 50%; margin: 0 auto; display: block;}
nav { float: none; text-align: center; display: block; width: 100%; margin: 0; padding: 0 0 2em;}
.cases p { display: none;}
.cases h3 { font-size: 90%;}

}/*eo media*/


/*iphone*/
@media (max-width: 720px){

.cont { overflow: hidden;}
.left, .right { float: none;}
.w50, .w33, .w25, .w66 { width: 100%;}

.top .cright { text-align: center;}
.top span { display: block;}
#logo { padding: 2em 0 1em;}
#logo img { max-width: 100%;}
nav { padding-bottom: .5em;}
nav div a { display: block; padding: .5em 0;}

.slider { padding: 1em 0;}
.slider .icons { position: static;}
.icons a, .icons a:first-child { display: block; width: 100%; margin: .2em 0;}

#main > .cont > .right { display: none;}

.cases .bluet { bottom: 0;}
.cases a { width: 100%; float: none; display: block; margin: 0 0 1em;}

footer { text-align: center;}
footer .pad { padding-left: 0; padding-right: 0;}
footer img.w66 { width: 60%; display: block; margin: 3em auto 0;}
footer .cright { text-align: center;}


}/*eo media*/


div.mod-languages ul {
	margin: 0;
	padding: 0;
	list-style:none;
}
div.mod-languages li {
	margin-left: 5px;
	margin-right: 5px;
}

div.mod-languages ul.lang-inline li {
	display:inline;
}

div.mod-languages ul.lang-block li {
	display:block;
}

div.mod-languages img {
	border:none;
}

div.mod-languages a {
	text-decoration: none;
}