/*==== B A S I S ==============================================*/
body { font-family: 'Open Sans', sans-serif; color: #000000; background:url(../img/bg.jpg) center/cover no-repeat #ffffff; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; }

.breite { width: 90%; max-width: 1340px; 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[type="submit"], .wk-button, .cookie input.accept[type="submit"]{background-color: #e63407; border-radius: 4px;}
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:#ba2904;}

/*==== 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; border:1px solid #ffffff;}
#menueToggle.close { background: url(../img/close.svg) center/cover no-repeat; }

#logo{display:block; text-align:center; color:#010101; text-decoration:none; font-weight:700; font-size:1.35em;}

#headkontakt{color:#414040; font-size:0.95em; margin:1.5em 0 0 0;}
#headkontakt .big{font-weight:600; font-size:1.2em;}
#headkontakt table td{vertical-align: bottom; padding: 0 .7em 0.3em 0;}
#headkontakt a{color:inherit; text-decoration:none;}
#headkontakt a:hover{text-decoration:underline;}
#shoplink .wk-button{padding: .5em 2em; text-transform: uppercase; letter-spacing: 0.02em;}

#navibg{background:#5291c6; margin: 3em 0 0;}
#navibg.wk-fixed{margin: 0 0;}
nav.wk-horizontal ul{background:none;}
nav.wk-horizontal ul li a, nav.wk-horizontal ul li .nav-header{text-transform: uppercase; letter-spacing: 0.02em; display: block; color:#ffffff; font-weight: 600; text-transform: uppercase; letter-spacing: 0.02em; padding: 1em 1.5em;}
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:#4478a4;}
nav.wk-horizontal ul li:hover, nav.wk-horizontal ul li.active{background:none;}

/*==== C O N T E N T ==========================================*/
.rev_slider_wrapper{margin:0.5em auto 4em!important;}
.tp-caption.slidetitel{color:#e63407; text-transform: uppercase; letter-spacing: 0.02em; font-weight:700!important; max-width:28.5%!important; white-space:pre-wrap!important;}
.tp-caption.slidetext{color:#ffffff; line-height:1.6em!important;  max-width:30%!important; white-space:pre-wrap!important;}

main .breite { padding: 2em 0 3em; color:#010101;}
main a{text-decoration:none; color:#5291c6;}
main a:hover{text-decoration:underline;}
main a.wk-button:hover{text-decoration:none;}
h1{text-transform: uppercase; letter-spacing: 0.02em; font-weight:600;}
h1 small{color:#5291c6;}
.h1abstand,.contentheading{margin-bottom:1em;}
h2{font-weight:600; color: #474646;}
h2 small{font-size: 70%;}
.responsive-container{border:5px solid #ece9e9;}
#zeiten{margin:2em 0 0 3.5em;}
#zeiten .big{font-weight:600; font-size:1.1em;}
main ul{list-style-type:none;}
main ul li{background: url(../img/libg.png) left 0.65em no-repeat; padding:0.2em 0 0.2em 1em;}
main #referenzen ul{padding-left:0; margin-top:1em;}
.mtop{margin:1.5em 0 0 0;}
.kat{margin:0 0 2em; background:#e6e6e6; padding: 0.2em 2em 0.2em 1em;}
.kat .wk-button{margin-top:1em;}
.newsitem{background:#e6e6e6; padding:1em 1.5em 1em;}
.newsitem h2{font-size: 1.2em;}
.treeview ul{padding-left:1em;}

.wk-akkordeon .pane-sliders .title{background:#e6e6e6; font-size:1.1em; color:#010101;}
.wk-akkordeon .pane-sliders .title:hover,.wk-akkordeon .pane-sliders .title.pane-toggler-down{background-color:#5291c6;color:#ffffff;}

.wk-form input[type="text"], .wk-form select, .wk-form textarea{-webkit-box-shadow:none;box-shadow:none; border: 1px solid #e6e6e6; border-radius: 0; background:#e4e3e3;}
.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 #e6e6e6; }
.wk-form input[type="submit"]{font-size:0.95em;}
.responsive-container{margin-bottom:2em;}

#newsbg{background:#ffffff; border-top:4px solid #5291c6; margin: 2em 0 -3em!important;}
#newsbg h2{color:#5291c6; text-transform: uppercase; letter-spacing: 0.02em; font-size:2.3em; font-weight:700;}
#newsbg .wk-grid.space > [class*="wk-u"], #newsbg .wk-grid.space[class*="wk-u"] > *{padding:0 1em;}
.newsflash h4{margin-bottom:0; border-top:1px solid #e6e6e6; padding:1em 0 0;}
.newsflash p, .newsflash li{font-size:0.9em;}
.newsflash a.readmore{margin-bottom:1.2em; color:#5291c6; text-decoration:none; display:block;}
.newsflash a.readmore:hover{color:#4478a4; text-decoration:none;}
.newsflash div:first-child h4{border-top:0;}

#produkte{background: url(../img/postcontentbg.jpg) left bottom no-repeat #5291c6; color:#ffffff;}
#produkte h2{font-weight:700; font-size: 2em; color:#ffffff;}
#produktliste{font-size: 1.1em; line-height: 1.6em;}

/*==== F O O T E R ============================================*/
footer{border-top:1px solid #e6e6e6;}
footer a { color: inherit; text-decoration:none;}

.footertitel{font-weight:700; font-size: 1.3em; margin-bottom: 2.5em;}
.footertitel .big, #copyright .big{text-transform: uppercase; letter-spacing: 0.02em;}
#anschrift a:hover{text-decoration:underline;}

footer .wk-button{padding: .5em 1.5em; text-transform: uppercase; letter-spacing: 0.02em; font-weight:600;}
#socialmedia img{margin-right:1em; border:1px solid #efecec;}

footer .nav { padding: 0;}
footer .nav:after{clear:both; display:block; content:"";}
footer .nav li { display: block; margin: 0.2em 1.5em 0.2em 0; background: rgba(255, 255, 255, .7);  }
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:#5291c6;}

#copyright{font-size: .7em;}
#copyright a:hover{text-decoration:underline;}

/* ==== M E D I A  Q U E R I E S ==============================*/
@media only screen and (max-width: 320px){
	#logo{font-size:1.1em;}
	#logo img{margin: 2em 0 0;}
	nav.wk-horizontal ul li{margin:0 0 0.1em 0;}
	h1{font-size: 1.7em;}
	main ul{padding-left:0;}
	.teleskop, .distanz, .podest, .platte{ margin:1em 0;}
	#produkte{padding:2em 0;}
	footer .breite { padding: 2em 0;}
	footer .wk-button{margin: 0 0 1em 0!important;}
}

@media only screen and (min-width: 320px){
	#logo img{margin: 2em 0 0;}
	nav.wk-horizontal ul li{margin:0 0 0.1em 0;}
	
	h1{font-size: 1.7em;}
	#newsbg{padding: 0 1em 2em;}
	main ul{padding-left:0;}
	.teleskop, .distanz, .podest, .platte{ margin:1em 0;}
	
	#produkte{padding:2em 0;}
	footer .breite { padding: 2em 0;}
	footer .wk-button{margin: 0 0 2em 0!important;}
	#socialmedia{margin:2em 0 0 0;}
}

@media only screen and (min-width: 768px){
	nav.wk-horizontal ul li{display:block;}
	
	#logo img{margin: 0em -5em -1em 1em; width: 50%;}
	#shoplink{text-align:center;}
	#shoplink .wk-button{margin: -0.1em 0 0 6em;}
	
	h1{font-size: 1.9em; line-height: 1em;}
	h1 small{font-size:60%;}
	#katalog{margin:2em 0 -2em;}
	#newsbg{padding: 0 3em 2em;}
	main ul{padding-left:1.2em;}
	.kat img{height:200px;}
	.kat:after{clear:both; display:block; content:"";}
	.mright{margin:0 1em 0 0;}
	.mleft{margin:0 0 0 1em;}
	.left{float:left;}
	.right{float:right;}
	.teleskop{height:300px;}
	.distanz{height:300px; margin:0 1em 0 0;}
	.podest{height:400px;}
	.platte{height:200px; margin:0 1em 0 0;}
	
	#produkte img{width:95%;}
	footer .breite { padding: 3em 0 10em; color:#414040; background: url(../img/leiter.png) right bottom no-repeat;}
	footer .nav li {float: left; width: 30%;}
	#weko{display:block;}
}

@media only screen and (min-width: 1024px){
	#menueToggle { display: none; }
    .hiddenmobile { display: block; }
	#navibg .breite{width: 100%;}
	nav.wk-horizontal ul li{margin:0 0.1em 0 0; display:inline-block;}
	nav.wk-horizontal ul li a, nav.wk-horizontal ul li .nav-header{padding: 1em 1em; font-size: 0.9em;}
	
	#logo img{margin: -1em -5em -1em 1em; width: 40%;}
	.tp-caption.slidetitel{font-size:1.3em!important;}
	.tp-caption.slidetext{font-size:0.73em!important;}
	
	h1{font-size: 2em;}
	.newsitem{height: 240px;}
	.rohr{text-align:center; margin:-5em 0 0 0;}
	
	ul.zweispaltig::after { content: ""; display: block; clear: both; }
	ul.zweispaltig li { float: left; width: 48%; margin-right: 4%; -webkit-box-sizing: border-box; box-sizing: border-box; }
	ul.zweispaltig li:nth-of-type(2n) { margin-right: 0; }

	#produktliste{font-size: 0.95em;}
	footer .breite {background: url(../img/leiter.png) center bottom no-repeat; padding: 6em 0 7em;}
	footer .wk-button{margin: -0.5em 0 2em 9em!important;}
	footer .nav {margin-left: 9em;}
	footer .nav li {width: 40%;}
	#socialmedia{margin:3em 0 0 9em;}
}

@media only screen and (min-width: 1280px){
	#navibg .breite{width: 90%;}
	nav.wk-horizontal ul li a, nav.wk-horizontal ul li .nav-header{font-size: 1em;}
	
	#logo img{margin: -3em -5em -1em 1em; width: 30%;}
	.tp-caption.slidetitel{font-size:1.5em!important;}
	.tp-caption.slidetext{font-size:0.9em!important;}
	
	.newsflash div:nth-child(2) h4{border-top:0;}
	.newsitem{height: 220px;}
	.rohr{margin:-7em 0 0 0;}
	.podest{margin:-5em 0 0 1em;}
	.kat .wk-button{font-size: 0.85em;}
	
	#produktliste{font-size: 1em;}
	footer .nav li {width: 30%;}
	#socialmedia{margin:3em 0 0 9.5em;}
}

@media only screen and (min-width: 1366px){
	nav.wk-horizontal ul li a, nav.wk-horizontal ul li .nav-header{padding: 1em 1.5em;}
	.tp-caption.slidetitel{font-size:1.65em!important;}
	.tp-caption.slidetext{font-size:0.95em!important;}
	
	.kat .wk-button{font-size: 0.95em;}
	.teleskop{margin:-4em 0 0 1em;}
	
	#produkte{padding:4em 0;}
	#produktliste{font-size: 1.1em;}
}

@media only screen and (min-width: 1440px){
	.tp-caption.slidetitel{font-size:1.8em!important;}
	.tp-caption.slidetext{font-size:1.05em!important;}
	
	h1{font-size: 2.3em;}
	.kat .wk-button{font-size: 1em;}
	
	#weko{display:inline-block;}
}