/*==== 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; -ms-hyphens:none; -webkit-hyphens: none; hyphens: none;}

body { font-family: 'Open Sans', sans-serif; color: #4c4c4c; background:#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; }

iframe { border: 0; }
table td{vertical-align:top;}

input, textarea, select { font-size: 1em; }
input[type="submit"], .wk-button, .cookie input.accept[type="submit"] { background-color: #d40b2b; 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: #c10b28; }

.sitemap ul { padding: 0; }
.sitemap ul li:before{display:none;}
/*==== H E A D E R ============================================*/
#menueToggle { background: #a3a3a3 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: #a3a3a3 url(../img/close.svg) center/cover no-repeat; }

header{border-bottom:1px solid #dbdbdb;}
.page-108 header, .page-107 header{border-bottom:none;}
header .breite{padding: 3em 0 1.5em;}
.logo { display: inline-block; margin: -0.5em 0 0!important;}
.logo img { display: block;}

#headkontakt{color:#a3a3a3;}
#headkontakt .mail{display:inline-block; background: url(../img/mail.jpg) left no-repeat; padding:0.1em 0 0.1em 2em; margin: 1.5em 1em 0 0; font-size: 0.95em;}
#headkontakt .sprachen{display:inline-block;}
#headkontakt a{color:inherit; text-decoration:none;}
#headkontakt .mail a:hover{text-decoration:underline;}

nav.wk-horizontal ul{background:none; margin-top: 1em!important;}
nav.wk-horizontal ul li a, nav.wk-horizontal ul li .nav-header{color:#6b6b6b; font-weight: 600; padding:0.5em 0em;}
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{color:#d40b2b;}
nav.wk-horizontal ul li:hover, nav.wk-horizontal ul li.active{background:none;}

nav.wk-horizontal .nav-child{background:#ffffff; text-align:left; margin-top: -0.5em!important; width:14em; padding:0.5em 0;}
nav.wk-horizontal .nav-child li{margin:0.1em 0; border-bottom:none;}
nav.wk-horizontal .nav-child li a, nav.wk-horizontal .nav-child li .nav-header{padding: 0.5em 0em; font-size: 0.95em; font-weight: 400;}
nav.wk-horizontal .nav-child li:hover, nav.wk-horizontal .nav-child li.active{border-bottom:none;}

/*==== C O N T E N T ==========================================*/
.tp-leftarrow.default{background: url(../img/arrow-left.png) left no-repeat!important; width:50px!important; height:50px!important;}
.tp-rightarrow.default{background: url(../img/arrow-right.png) left no-repeat!important; width:50px!important; height:50px!important;}
.tp-caption.large_text{display:none!important;}

main .breite { padding: 2em 0 4em; }
main a{text-decoration:none; color:#d40b2b;}
main a:hover{text-decoration:underline;}

h1{color:#d40b2b; font-weight:700; font-size:1.8em; margin-bottom:1em;}
h1 small{color: #4c4c4c; font-weight:600; font-size:60%;}

main .big{font-size:1.2em;}
main ul{list-style-type:none; padding-left:1.5em;}
main ul li{padding:0.1em 0; position:relative;}
main ul li:before{position: absolute; top: 0.5em; left:-1.3em; display: inline-block; width: 13px; height: 13px; background: url(../img/libg.png) left no-repeat; content: "";}
figcaption{color: #4c4c4c; font-style: italic;}
.newstrenner{background:#f5f5f5; height:2px; margin:2em 0 2.5em;}
.page-169 h2, .page-170 h2{font-weight: 700; font-size: 1.7em; margin-top:2em;}
.page-169 h3, .page-170 h3{font-size:1.3em;}


.team{display:flex; flex-flow: row wrap; margin: 1.5em -0.5em;}
.teamitem{background:#f5f5f5; padding: 1em 1em; width: 100%; border-top:3px solid #d40b2b; margin:0.5em 0.5em;}
.teamitem2{background:#f5f5f5; padding: 1em 1em; width: 100%; border-top:3px solid #d40b2b;}
.page-146 main .wk-grid.space, .page-147 main .wk-grid.space {margin: 0 -0.5em;}
.page-146 .wk-grid.space > [class*="wk-u"], .wk-grid.space[class*="wk-u"] > *, .page-147 .wk-grid.space > [class*="wk-u"], .wk-grid.space[class*="wk-u"] > *{padding: 0.5em;}
.teamitem .big, .teamitem2 .big{margin-top: 0; font-size: 1em;}
.teamitem .big small, .teamitem2 .big small{font-size: 90%;}
.teamitem .mail2, .teamitem2 .mail2{background: url(../img/mail.jpg) left no-repeat; padding:0.1em 0 0.1em 2.2em; font-size: 0.9em;}

.ccc{display:flex; flex-flow: row wrap; margin: 1.5em -0.5em;}
.ccc-item{padding: 1em 1em 1.5em; width: 100%; border-top:3px solid #d40b2b; margin:0.5em 0.5em;}
.ccc-item:nth-of-type(1){background: url(../../../images/content/icons-ccc/ccc_pic_frasen.jpg) 1em 1em no-repeat #f5f5f5;}
.ccc-item:nth-of-type(2){background: url(../../../images/content/icons-ccc/ccc_pic_drehen.jpg) 1em 1em no-repeat #f5f5f5;}
.ccc-item:nth-of-type(8){background: url(../../../images/content/icons-ccc/ccc_pic_montage.jpg) 1em 1em no-repeat #f5f5f5;}
.ccc-item:nth-of-type(4){background: url(../../../images/content/icons-ccc/ccc_pic_gleitschleifen.jpg) 1em 1em no-repeat #f5f5f5;}
.ccc-item:nth-of-type(5){background: url(../../../images/content/icons-ccc/ccc_pic_qualitaet.jpg) 1em 1em no-repeat #f5f5f5;}
.ccc-item:nth-of-type(6){background: url(../../../images/content/icons-ccc/ccc_pic_materialbehandlung.jpg) 1em 1em no-repeat #f5f5f5;}
.ccc-item:nth-of-type(7){background: url(../../../images/content/icons-ccc/ccc_pic_auswuchten.jpg) 1em 1em no-repeat #f5f5f5;}
.ccc-item:nth-of-type(3){background: url(../../../images/content/icons-ccc/ccc_pic_schleifen.jpg) 1em 1em no-repeat #f5f5f5;}
.ccc-item h2{font-size: 1.2em; font-weight: 600; margin-top: 0; padding: 0em 0 0 4em; min-height: 65px;}
.ccc-item .wk-table{width:100%; border:1px solid #dbdbdb; font-size: 0.95em;}
.ccc-item .wk-table td, .wk-table th{border-left: 1px solid #dbdbdb; padding: .5em 0.4em;}
.ccc-item .wk-table-striped tr:nth-child(2n-1) td {background-color: #eae9e9;}
.ccc-item ul{padding-left: 1.5em; font-size: 0.95em;}
.pdf{background: url(../img/icon-pdf.png) left no-repeat; padding:0.2em 0 0.2em 2.2em; font-size:0.93em; display: inline-block; margin-top: 0.5em;}

main .geschichte {margin: 1em 0 3em 0.5em; border-left: 4px solid #a3a3a3; padding: 0; position: relative;}
main .geschichte > li {margin-bottom: 1em; padding: 0 0 0 1.5em; display: block; position: relative; background:none;}
main .geschichte > li::before {width: 12px; height: 12px; border-radius: 50%; background: #a3a3a3; content: ""; position: absolute; left: -8px; top: 8px;}
main .geschichte::after {border-left: 8px solid transparent; border-top: 24px solid #a3a3a3; border-right: 8px solid transparent; content: ""; position: absolute; left: -10px; bottom: -24px;}
main .geschichte .jahr{display:block; font-weight: 600; font-size: 1.1em;}

.produkte{display:flex; flex-flow: row wrap; margin: 1.5em -0.5% 0;}
.produktitem{width: 100%; margin:1em 0.5%;}
.produktitem a{display:block; overflow: hidden;}
.produktitem img{display:block; width:100%; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; transition: all 0.6s;}
.produkttitel{display:block; background:#d40b2b; color: #fff; padding:0.8em 0; text-align:center; position: relative; z-index: 999; font-size: 1.1em;}
.produktitem a:hover img{-moz-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05);}
.produktitem a:hover .produkttitel{background:#c10b28;}

.wk-table{width:100%; border: 1px solid #dbdbdb;}
.wk-table td, .wk-table th{border-left: 1px solid #dbdbdb;}
.wk-table-striped tr:nth-child(2n-1) td {background-color: #f5f5f5;}

.wk-akkordeon{margin:2em 0;}
.wk-akkordeon .pane-sliders .title{margin:0 0 2px;background-color:#f5f5f5;color:#4c4c4c; font-size:1.2em;}
.wk-akkordeon .pane-sliders .title:hover, .wk-akkordeon .pane-sliders .title.pane-toggler-down{background-color:#d40b2b;color:#ffffff;}

.wk-form input[type="text"], .wk-form select, .wk-form textarea{box-shadow:none; border: 1px solid #dbdbdb; border-radius: 0; background:#f5f5f5;}
.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 #dbdbdb; }
.page-130 .responsive-container, .page-119 .responsive-container{margin-bottom:2em;}

#fussball{background: url(../../../images/postcontent/monofil-maschine.jpg) center/cover no-repeat; height:400px;}
#monofil{margin-top: -3.7em;}
#monofil .breite, #filament .breite, #tape .breite{padding:0 0 3em;}
#monofil h2, #filament h2, #tape h2{background:#d40b2b; display:inline-block; color:#ffffff; font-size: 1.7em; padding: 0.3em 0.5em; font-weight: 600;}
#monofil h3, #filament h3, #tape h3{font-weight:600; font-size: 1.4em; margin-top: 0.5em;}
#monofil ul, #filament ul, #tape ul{list-style-type:none; padding-left:1.5em;}
#monofil ul li, #filament ul li, #tape ul li{padding:0.2em 0; position:relative; font-size: 1.15em;}
#monofil ul li a, #filament ul li a, #tape ul li a{text-decoration:none; color:inherit;}
#monofil ul li:hover a, #filament ul li:hover a, #tape ul li:hover a{text-decoration:underline;}
#monofil ul li:before, #filament ul li:before, #tape ul li:before{position: absolute; top: 0.6em; left:-1.3em; display: inline-block; width: 13px; height: 13px; background: url(../img/libg.png) left no-repeat; content: "";}
#monofil .wk-button, #filament .wk-button, #tape .wk-button{margin-top:1em; border-radius:25px!important;}
.trenner{border-top:3px solid #d6d6d6; position:relative; margin-top: 1em;}
.trenner:before{display:block; content:""; background:#d40b2b; width:20%; height:5px; position:absolute; top:-0.25em; left:0;}
#maschine{background: url(../../../images/postcontent/maschine.jpg) center/cover no-repeat; height:400px;}
#filament, #tape{margin-top: -3.7em;}
#tapebg{background: url(../../../images/postcontent/tape-maschine.jpg) center/cover no-repeat; height:400px;}

#kontakt{background: url(../../../images/postcontent/kontaktbg.jpg) center/cover no-repeat; color:#ffffff;}
#kontakt .breite{padding: 10% 0;}
#kontakt h2{font-weight:600; font-size:1.65em; background: url(../img/mail2.png) left no-repeat; padding:0.2em 0 0.2em 1.5em;}
#kontakt a{color:inherit; text-decoration:none;}
#kontakt a:hover{text-decoration:underline;}

/*==== F O O T E R ============================================*/
footer{background:#f5f5f5;}
footer .breite { padding: 2em 0 1em; }
footer a { color: inherit; text-decoration:none;}
footer a:hover{text-decoration:underline;}
#copyright{margin-top:0.2em; text-align:center;}

footer .nav { padding: 0; text-align:center;}
footer .nav li { display: inline-block; margin:0 1.5em 0 0; color:#6b6b6b;}
footer .nav li:last-of-type { margin-right: 0; }
footer .nav li a { text-decoration: none; }
footer .nav li:hover a, footer .nav li.active a{color:#d40b2b;}

/* ==== M E D I A  Q U E R I E S ==============================*/
@media only screen and (min-width: 768px){
	.breite{width:95%;}
    #menueToggle { display: none; }
    .hiddenmobile { display: block; }
	nav.wk-horizontal ul{background:none;}
	nav.wk-horizontal ul li{border-bottom:5px solid #ffffff; margin:0 0.1em 0 0;}
	nav.wk-horizontal ul li a, nav.wk-horizontal ul li .nav-header{padding:0.5em 1em 2em; font-size:0.9em;}
	nav.wk-horizontal ul li:hover, nav.wk-horizontal ul li.active{background:none; border-bottom:5px solid #d40b2b;}
	nav.wk-horizontal .nav-child{margin-top: -2em!important; width:9em; min-width: 9em;}
	nav.wk-horizontal .nav-child li a, nav.wk-horizontal .nav-child li .nav-header{padding: 0.5em 1em; font-size:0.85em;}
	
	header .breite{padding: 1.5em 0 0;}
	.logo {width: 55%;}
	.tp-caption.large_text{display:block!important;font-family: 'Open Sans', sans-serif!important; text-shadow:none!important; color:#ffffff!important; font-size:2em!important; font-weight:600!important; background: #d40b2b!important; padding: 0!important;}
	.tp-caption.large_text a{color:inherit!important; text-decoration:none!important; display:block; padding: 0.5em 0.5em!important; font-size: 1em!important;}
	
	h1{font-size:2em; line-height:1em;}
	main ul{padding-left:2.5em;}
	main .geschichte {margin: 1em 0 3em 1em;}
	.ccc-item, .teamitem{width: 47.8%;}
	.ccc-item h2{padding: 0em 0 0 3.5em;}
	.teamitem .mail2, .teamitem2 .mail2{padding:0.1em 0 0.1em 1.8em;}
	.pdf{padding:0.2em 0 0.2em 1.8em;}
	.produktitem{width: 48%;}
	.produktitem img{height:280px;}

	figcaption{text-align: right;}
    figure.left { float: left; margin: 0 1.5em 0 0; max-width: 40%; }
	figure.right { float: right; margin: 0 0 0 1.5em; max-width: 40%; }
	figure.right.aktie{margin: -1.5em 0 0 1.5em; position: relative; z-index: 999; max-width: 35%;}
	.page-169 figure.left{ max-width: 30%;}
	
	#monofil{margin-top: -4.3em;}
	#monofil h2, #filament h2, #tape h2{font-size: 2em;}
	#monofil ul, #filament ul, #tape ul{padding-left:2.5em;}
	#filament figure.right{margin: -4.2em 0 0 1.5em;}
	.trenner:before{width:10%;top:-0.2em;}
	#filament, #tape{margin-top: -4.3em;}
	#kontakt .breite{padding: 10% 0 10% 35%;}
	
	/* GoTop-Link */
	#gotop { position: fixed; bottom: 10px; right: 10px; z-index: 1000; width: 40px; height: 40px; background: #ffffff url("../img/top-link.svg") no-repeat center/cover;}
}
@media only screen and (min-width: 1024px){
	nav.wk-horizontal ul{background:none;}
	nav.wk-horizontal ul li a, nav.wk-horizontal ul li .nav-header{padding:0.5em 1.2em 2em; font-size:1em;}
	nav.wk-horizontal .nav-child{width: 10.5em;}
	nav.wk-horizontal .nav-child li a, nav.wk-horizontal .nav-child li .nav-header{padding: 0.5em 1.2em; font-size:0.95em;}

	.tp-caption.large_text a{padding: 0.5em 1em!important;}
	
	h1{font-size:2.2em;}
	.page-130 .responsive-container, .page-119 .responsive-container{padding-bottom: 45%;}
	main .geschichte {margin: 1em 0 3em 2em;}
	.ccc-item h2{padding: 0em 0 0 3.2em;}
	figure.right.aktie{max-width: 40%;}
	.produktitem{width: 32.33%;}
	.produktitem img{height:250px;}
	
	#fussball,#maschine, #tapebg{background-attachment:fixed; height:500px;}
	#kontakt{background-attachment:fixed;}	
	#copyright{text-align:left;}
}
@media only screen and (min-width: 1280px){
	nav.wk-horizontal ul{font-size:0.9em; margin-top: 2em!important;}
	nav.wk-horizontal ul li a, nav.wk-horizontal ul li .nav-header{padding:0.5em 1em 4.2em;}
	nav.wk-horizontal .nav-child{margin-top: -4em!important;}
	nav.wk-horizontal .nav-child li a, nav.wk-horizontal .nav-child li .nav-header{padding: 0.5em 1em;}
	#headkontakt{text-align:right;}
	#headkontakt .mail{padding:0.1em 0 0.1em 1.5em; margin: 0 1em 0 0;}
	
	.tp-caption.large_text{font-size:2.2em!important; margin-top: -1.5em!important;}

	h1{font-size:2.5em;}
	.ccc-item, .teamitem{width: 31.4%;}
	.produktitem img{height:320px;}
	
	#fussball,#maschine, #tapebg{height:600px;}
}
@media only screen and (min-width: 1366px){
	nav.wk-horizontal ul{margin-top: 2.7em!important;}
}
@media only screen and (min-width: 1440px){
	.breite{width:90%;}
	nav.wk-horizontal ul{font-size:0.95em; text-align: right;}
	nav.wk-horizontal .nav-child{width: 11em;}
	
	.tp-caption.large_text{font-size:2.5em!important; margin-top: -1em!important;}

	h1{font-size:2.7em;}
	.produktitem img{height:350px;}
	
	#fussball, #maschine, #tapebg{height:800px;}
	#monofil h2, #filament h2, #tape h2{font-size: 2.2em;}
}
@media only screen and (min-width: 1600px){
	.ccc-item{width: 23.6%;}
	.teamitem{width: 32%;}
}
@media only screen and (min-width: 1900px){
	nav.wk-horizontal ul{font-size:1em; margin-top: 2.4em!important;}

	.tp-caption.large_text{font-size:2.7em!important; margin-top: 0em!important;}
	
	/*#monofil{background: url(../../../images/postcontent/rolle.jpg) right 35% no-repeat;}*/
}