/*==== B A S I S ==============================================*/

* { -webkit-box-sizing: inherit; box-sizing: inherit; background-repeat: no-repeat; }
html { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-hyphens: manual; -ms-hyphens: manual; hyphens: manual; }

body { font-family: 'Open Sans', sans-serif; color: #000000; background:#ffffff; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; }

.breite { width: 90%; max-width: 1280px; margin: 0 auto; }

.label { display: inline-block; min-width: 5em; }
.center { text-align: center; }
.upper { text-transform: uppercase; letter-spacing: 0.02em; }
.italic { font-style: italic; }
.hiddenmobile { display: none; }

input, textarea, select { font-family: inherit; font-size: 1em; }
input[type="submit"], .wk-button, .cookie input.accept[type="submit"] { background-color: #0c2b64; color: #fff; }
input[type="submit"]:hover, input[type="submit"]:active, .wk-button:hover, .wk-button:active, .cookie input.accept[type="submit"]:hover, .cookie input.accept[type="submit"]:active { background-color: #0b2556; }

/*==== H E A D E R ============================================*/
#menueToggle { background: url(../img/menu.svg) center/cover no-repeat; position: fixed; top: 10px; right: 10px; width: 60px; height: 60px; z-index: 1000; cursor: pointer; }
#menueToggle.close { background: url(../img/close.svg) center/cover no-repeat; }

header{background:#103988; color:#ffffff; padding: 3em 0 1em;}
#logo { display: inline-block; }
#logo img { display: block; }

#sprache{display:inline-block; margin: 1.5em 0;}
#sprache img{width:20px; margin-left:0.1em;}
#sprache li:first-child a:before{content:"EN"; display:inline-block; color:#ffffff; font-size: 0.95em;}
#sprache li:nth-child(2) a:before{content:"DE"; display:inline-block; color:#ffffff; font-size: 0.95em;}

#suche{display:inline-block;}
#suche label{display:none;}
#suche div.mod_search87 input[type="search"], #suche div.mod_search112 input[type="search"]{background: url(../img/suche.jpg) 0.2em center no-repeat #0c2b64; border: 0; color:#7e8aa7; padding:0.2em 0 0.2em 2.5em;}

nav.wk-horizontal ul{background:none; margin-top: 2.5em!important;}
nav.wk-horizontal ul li{margin:0 0 0.1em 0;}
nav.wk-horizontal ul li a, nav.wk-horizontal ul li .nav-header{text-transform: uppercase; letter-spacing: 0.02em; color:#ffffff; padding: 0.5em 1.3em;}
nav.wk-horizontal ul li:hover > a, nav.wk-horizontal ul li.active > a, nav.wk-horizontal ul li:hover > .nav-header, nav.wk-horizontal ul li.active > .nav-header{background:#0c2b64;}
nav.wk-horizontal ul li:hover, nav.wk-horizontal ul li.active{background:none;}

nav.wk-horizontal .nav-child{background:#103988; text-align:left; margin-top: 0em!important; width:100%;}
nav.wk-horizontal .nav-child li{margin:0 0 0.1em;}
nav.wk-horizontal .nav-child li a, nav.wk-horizontal .nav-child li .nav-header{text-transform: none; letter-spacing: 0; padding: 0.5em 1.3em; font-size: 0.95em; font-weight: 400; color:#ffffff;}

#navi.wk-fixed{background:#103988;}
#navi.wk-fixed ul{width: 90%; max-width: 1280px; margin: 0 auto; margin-top: 0!important; text-align: left; padding: 0.5em 0;}

/*==== C O N T E N T ==========================================*/
#teaser{margin:0 0;}
#teaser img{display:block;}
#produkte{background: #0c2b64; color:#ffffff; padding: 2em 0 2.5em;}
#produkte h2{color:#6e95fa; text-transform: uppercase; letter-spacing: 0.02em; font-size: 2em; margin-bottom:0;}
#typen,#typen_en{margin-top: 1em;}
#produkte a{text-decoration:none; color:#ffffff; text-transform: uppercase; letter-spacing: 0.02em; font-weight:700; display:block; margin-bottom: 1.5em;}
.page-137 #produkte a{font-size: 0.85em;}
#produkte a:hover{color:#6e95fa;}
#produkte img{width:100%;}
#produkte a:hover img{opacity:0.8;}
#produkte .prod{display:block; padding:0 0 0 1em;}

main .breite { padding: 2em 0 3em; color:#2e2e2e;}
main a{text-decoration:none; color:#17378a;}
main a:hover{text-decoration:underline;}
main a.wk-button:hover{text-decoration:none;}

h1{color:#17378a; font-weight:700; font-size: 1.8em;}
h1 small{font-weight:400; font-size:60%;}
.h1abstand, .contentheading, .h2abstand{margin-bottom: 1em;}
h3{color:#17378a;}

.mleft{margin:1em 0; display:block;}
main ul.geschichte {margin: 1em 0 3em 0.5em; border-left: 4px solid #0c2b64; padding: 0; position: relative;}
main ul.geschichte > li {margin-bottom: 1em; padding: 0 0 0 1.5em; display: block; position: relative; background:none;}
main ul.geschichte > li:before{display:none;}
main ul.geschichte:after {border-left: 8px solid transparent; border-top: 24px solid #0c2b64; border-right: 8px solid transparent; content: ""; position: absolute; left: -10px; bottom: -24px;}
main ul.geschichte .jahr{display:inline-block; background:#0c2b64; font-weight:700; color:#ffffff; font-size: 1.15em; padding: 0.2em 0.5em; margin:0.5em 0 0 -1.35em;}
.box{background:#f4f3f3; padding:0.5em 1.5em 1em;}
.verbundmechatroniker{border-top:2px solid #f4f3f3; margin-top: 2em; padding-top: 1em;}

main ul{list-style-type:none;}
main ul li{position:relative; padding:0.1em 0;}
main ul li:before{position: absolute; top: 0.5em; left:-1.3em; border-radius:50%; display: inline-block; width: 8px; height: 8px; background: #0c2b64; content: "";}

.wk-akkordeon{margin:0 0 2em;}
.wk-akkordeon .pane-sliders .title{margin:0 0 2px;background-color:#e6e8ea;color:#2e2e2e; font-size:1.2em;}
.wk-akkordeon .pane-sliders .title:hover, .wk-akkordeon .pane-sliders .title.pane-toggler-down{background-color:#aeaeaf;color:#ffffff;}

.wk-form input[type="text"], .wk-form select, .wk-form textarea{-webkit-box-shadow:none;box-shadow:none; border: 1px solid #aeaeaf; border-radius: 0; background:#f4f3f3;}
.wk-form input:focus,.wk-form input[type=text]:focus,.wk-form textarea:focus,.wk-form select:focus,.wk-form select:active, .wk-form input[type=text]:active, .wk-form input:active, 
.wk-form textarea:active {background:#fff; border: 1px solid #aeaeaf; }
.wk-form input[type="submit"]{font-size:0.95em;}
.wk-form .optionlabel{margin-right:1em;}
.page-135 .responsive-container,.page-145 .responsive-container{margin-bottom:2em;}

.article-info.muted{font-size:80%; color:#aeaeaf;}
.article-info-term{font-weight:600;}
.createdby{margin:0 0;}
.create{margin:0 0;}
.blog .items-row{border-bottom:2px solid #e6e8ea; padding: 0 0 1.5em; margin: 0 0 2.5em;}
.blog .items-row:last-child{border-bottom:none;}

/*==== F O O T E R ============================================*/
footer{background:#0c2b64; color:#ffffff; position:relative;}
footer .breite { padding: 2em 0 2em; }
footer a { color: inherit; text-decoration:none;}

footer h2{color:#6e95fa; text-transform: uppercase; letter-spacing: 0.02em; font-size: 2em; margin-bottom: 0.5em;}
footer .wk-modal{display: block; margin: 2em 0 0;}
#kontaktdaten a{color:#6e95fa;}
#kontaktdaten a:hover{text-decoration:underline;}
#kontaktdaten .big{font-weight:700;}

#socialmedia img{margin:0 0.5em 0 0;}

footer .nav { padding: 0; list-style-type:none;}
footer .nav li { margin:0.5em 0; text-transform: uppercase; letter-spacing: 0.02em; font-size:0.95em;}
footer .nav li:last-of-type { margin-right: 0; }
footer .nav li a { text-decoration: none; }
footer .nav li:hover, footer .nav li.active{color:#6e95fa;}

.down{margin:1.5em 0 0;}
#copyright{margin:0.2em;}
#copyright a:hover{text-decoration:underline;}
/* ==== M E D I A  Q U E R I E S ==============================*/
@media only screen and (min-width: 320px){
	
}
@media only screen and (max-width: 767px){
	.aikon-parallax-outer-container, .aikon_paralax{height: 300px!important;}
	nav.wk-horizontal .nav-child{display:block!important; padding: 0 0;}
	main ul{padding-left:1.3em;}
}
@media only screen and (min-width: 768px){
	.breite { width: 95%;}
    #menueToggle { display: none; }
    .hiddenmobile { display: block; }
	nav.wk-horizontal ul li{margin:0 0.1em 0 0;}
	nav.wk-horizontal ul li a, nav.wk-horizontal ul li .nav-header{padding: 0.5em 1em; font-size: 0.93em;}
	nav.wk-horizontal .nav-child{padding:0 0 0.5em;}
	
	header{padding: 1.5em 0 1em;}
	#headerinfo{text-align:right; margin-top: -2em;}
	#sprache{margin: 0em 2em 0 0;}
	#suche div.mod_search87 input[type="search"], #suche div.mod_search112 input[type="search"]{padding:0.2em 0 0.2em 2em;}
	
	#produkte a{margin-bottom: 0;}
	
	h1{font-size: 2em; line-height: 1.2em;}
	.right{float:right;}
	.mleft{margin:0 0 0 1em; width:45%;}
	.article-info.muted{text-align:right;}
	.page-135 .responsive-container,.page-145 .responsive-container{padding-bottom:45%;}
	
	footer .wk-modal{float: right; margin: -4.5em 15em 0 0;}
	footer .nav li { display: inline-block; margin:0 1.5em 0 0;}
}
@media only screen and (max-width: 1023px){
	.aikon-parallax-outer-container, .aikon_paralax{height: 400px!important;}
}
@media only screen and (min-width: 1024px){
	nav.wk-horizontal ul li a, nav.wk-horizontal ul li .nav-header{font-size: 1em;}
	
	#produkte{padding: 1.5em 0 2.5em;}
	#produkte h2{margin-bottom:1em; font-size:1.7em;}
	#typen,#typen_en{margin-top: 0.7em;}
	
	.mleft{width:auto;}
	main ul.geschichte {margin: 1em 0 3em 3em;}
	.article-info.muted{margin-bottom: -1em;}
	#azubi img{max-height:450px;}
	
	#socialmedia{margin:1em 3em 0 0; text-align: right;}
	footer{font-size:0.95em;}
	footer .wk-modal{float:none; margin: 0em 0 0 0;}
}
@media only screen and (min-width: 1280px){
	#headerinfo{margin-top: 0;}
	#produkte h2{font-size:2em;}
	#typen,#typen_en{margin-top: 1em;}
	
	#azubi img{max-height:550px;}
	
	footer{font-size:1em;}
	footer .wk-modal{float: right; margin: -4.5em 1em 0 0;}
	footer .nav {text-align:right;}
	
	/* GoTop-Link */
	#gotop { position: absolute; top:0; left: 46%; z-index: 1000; width: 104px; height: 58px; background:url(../img/gotop.jpg) top no-repeat;}
}
@media only screen and (min-width: 1366px){
	.breite { width: 90%;}
	nav.wk-horizontal .nav-child{width:14em;}
	
	h1{font-size: 2.1em;}
}
@media only screen and (min-width: 1440px){
	nav.wk-horizontal ul li a, nav.wk-horizontal ul li .nav-header{padding: 0.5em 1.3em;}
	h1{font-size: 2.3em;}
	
	footer .wk-modal{margin: -4.5em 4em 0 0;}
	#azubi img{max-height:600px;}
}