@font-face{font-family:Lato;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/lato-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:Lato;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/lato-latin-700-normal.woff2) format("woff2")}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#f3f3f3;font:400 14px/1.8 Lato,"Helvetica Neue",Arial,sans-serif;color:#999}
img{max-width:100%;height:auto;border:0;vertical-align:middle}
a{color:#ff2a13;text-decoration:none;transition:color .3s}
a:hover,a:focus{color:#d80f0f}
p{margin:0 0 1.313em}
strong{font-weight:700}
h1,h2,h3,h4,h5,h6{font-family:Lato,"Helvetica Neue",Arial,sans-serif;font-weight:700;color:#272727;letter-spacing:-1px;line-height:1.1;margin:0 0 .5em}
.skip{position:absolute;left:-9999px;top:0;background:#fff;color:#272727;padding:8px 12px;z-index:100}
.skip:focus{left:10px;top:10px}
.site{width:88%;max-width:1200px;margin:0 auto;background:#fff}
/* header */
.logobar{height:150px;background:#ece800 url(/img/inba4.webp) center/cover no-repeat;text-align:center;overflow:hidden}
.logobar a{display:inline-block}
.logobar img{max-height:150px;width:auto}
.navbar{background:#343800;min-height:40px;position:relative}
#nav>ul{list-style:none;margin:0;padding:0;display:flex;justify-content:center;flex-wrap:wrap}
#nav>ul>li{position:relative}
#nav>ul>li>a{display:block;height:40px;padding:14px 10px 0;font-size:14px;line-height:14px;letter-spacing:.085em;text-transform:uppercase;color:#fff}
#nav>ul>li>a:hover,#nav>ul>li:focus-within>a{color:#b3b2b2}
#nav>ul>li.on>a{color:#b3b2b2}
#nav .has-sub>a::after{content:"";display:inline-block;width:5px;height:5px;margin:0 0 3px 6px;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg);box-shadow:2px 2px 0 -0px transparent}
#nav .sub{list-style:none;margin:0;padding:21px;position:absolute;left:0;top:40px;min-width:220px;background:#343800;display:none;z-index:50;box-shadow:0 3px 5px rgba(0,0,0,.25)}
#nav li:hover>.sub,#nav li:focus-within>.sub{display:block}
#nav .sub a{display:block;padding:6px 0;font-size:12px;line-height:24px;color:#fff;letter-spacing:0;text-transform:none}
#nav .sub a:hover,#nav .sub li.on>a{color:#b3b2b2}
.nav-toggle,.sub-toggle{display:none}
/* content */
main{display:block}
.wrap{width:77.4%;max-width:929px;margin:0 auto;padding:80px 0 70px}
.hl{position:relative;display:flex;align-items:center;margin:0 0 .8em}
.hl span{padding:0 0 2px;flex:0 1 auto}
.hl::after{content:"";flex:1 1 auto;border-top:3px double #ddd;margin-left:.5em;min-width:30px}
.hl.c::before{content:"";flex:1 1 auto;border-top:3px double #ddd;margin-right:.5em;min-width:30px}
.hl.c span{text-align:center}
.hl.h3{font-size:32px}
.hl.h4{font-size:24px}
.hl.h5{font-size:21px}
.hl.h6{font-size:14px;text-transform:uppercase}
.hl.red{color:#f00}
h6,.h6{font-size:14px;letter-spacing:-.035em;text-transform:uppercase;line-height:1.4;margin:0 0 .5em}
.center{text-align:center}
.cols{display:grid;gap:4%;grid-template-columns:1fr 1fr}
.cols.c13{grid-template-columns:31% 65%}
.cols.c23{grid-template-columns:65.3% 30.7%}
.cols.c4{grid-template-columns:repeat(4,1fr);gap:2%}
.cols.c3{grid-template-columns:repeat(3,1fr);gap:4%}
.cols.c5{grid-template-columns:repeat(5,1fr);gap:2%}
.cols>*{min-width:0}
hr{border:0;border-top:1px solid #ddd;margin:1.75em 0}
.bn{display:block;text-align:center;margin:0 0 1.5em}
/* home */
.intro{text-align:center;margin:0 0 45px}
.home .cols{margin-bottom:30px}
.sublogo{text-align:center;margin:0 0 16px}
.slider{position:relative;background:#fef200}
.slide{display:none}
.slide.on{display:block;animation:fade .7s ease}
@keyframes fade{from{opacity:.25}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.slide.on{animation:none}}
.slide p{margin:0;padding:8px 12px 12px;text-align:center;color:#999}
.dots{position:absolute;right:10px;top:10px;display:flex;gap:5px}
.dots button{width:12px;height:12px;padding:0;border:0;border-radius:0;background:rgba(0,46,120,.45);cursor:pointer}
.dots button.on,.dots button:hover,.dots button:focus{background:rgba(0,20,90,.85)}
.card{text-align:center}
.card img{margin-bottom:18px}
.card h3{font-size:21px;margin:0 0 .6em}
.shop-h{margin-top:30px}
/* collection pages */
.coll .small-logo{text-align:center;margin:0 0 20px}
.coll hr{margin:30px 0}
/* download / wallpaper / kataloge */
.dl{text-align:center}
.dl h2,.dl h3,.dl p.h6{font-size:14px;margin:.7em 0 0}
.dl p{margin:0}
.wall{text-align:center;margin-bottom:40px}
.wall img{margin-bottom:12px}
.wall a{display:block;line-height:1.8}
.scr{text-align:center;margin-bottom:40px}
.scr img{margin-bottom:10px}
.scr .off{color:#bbb;cursor:default}
.kat{text-align:center;margin-bottom:30px}
.kat p{margin:10px 0 4px;line-height:1.5}
.kat .h6{margin:12px 0 0}
.kat .h6 a{color:#272727;font-weight:700;text-transform:uppercase;font-size:11px}
.kat .h6 a:hover,.kat .h6 a:focus{color:#ff2a13}
.mid{display:block;text-align:center;margin:1.5em 0}
/* ersatzteile */
.callout{border:1px solid rgba(0,0,0,.125);padding:49px;text-align:center;margin:0 0 30px;font-size:21px;line-height:1.5}
.callout h2{font-size:45px;letter-spacing:-.035em;margin:0 0 .2em}
.callout p{margin:0 0 1em}
.btn{display:inline-block;background:#ff2a13;color:#fff;border:1px solid #ac1100;border-radius:.25em;box-shadow:0 .25em 0 0 #a71000,0 4px 9px rgba(0,0,0,.75);text-shadow:0 -1px rgba(0,0,0,.5);font:400 16px/1.3 Lato,Arial,sans-serif;padding:9px 18px 13px;cursor:pointer}
.btn:hover,.btn:focus{background:#ef2201;color:#fff;border-color:#600900;box-shadow:0 .25em 0 0 #a71000,0 4px 9px rgba(0,0,0,.75)}
.btn.big{font-size:21px;padding:12px 24px 17px}
.btn.big::before{content:"\2794";margin-right:.4em}
/* contact */
.cform label{display:block;color:#999;font-size:14px;margin:0 0 4px}
.cform input,.cform textarea{width:100%;font:13px Lato,Arial,sans-serif;color:#555;background:#fff;border:2px solid #ddd;border-radius:0;padding:0 8px;height:34px}
.cform textarea{height:176px;padding:6px 8px;resize:vertical}
.cform input.short{width:90px}
.cform input:focus,.cform textarea:focus{outline:2px solid #ff2a13;outline-offset:0;border-color:#ff2a13}
.cform p{margin:0 0 16px}
.cform .hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.small{font-size:12px;line-height:1.6}
/* legal */
.legal h1{font-size:32px;margin:0 0 .8em}
.legal h2{font-size:21px;margin:1.6em 0 .6em;letter-spacing:-.5px}
.legal p,.legal li{color:#777}
.legal ul{padding-left:22px;margin:0 0 1.3em}
.legal blockquote{margin:20px 0;padding:14px 20px;border-left:3px solid #ff2a13;background:#f6f6f6}
.legal blockquote p:last-child{margin-bottom:0}
.note{padding:12px 16px;background:#f6f6f6;border-left:3px solid #343800}
/* footer */
.ftr{background:#343800;padding:70px 20px;text-align:center;color:#fff;font-size:11px;line-height:1.3}
.ftr ul{list-style:none;margin:0 0 20px;padding:0}
.ftr li{display:inline-block;text-transform:uppercase;letter-spacing:1px}
.ftr li+li::before{content:"/";color:rgba(255,255,255,.5);margin:0 8px 0 5px}
.ftr a{color:#fff}
.ftr a:hover,.ftr a:focus{color:#b3b2b2}
.ftr p{margin:0}
.shopimg{max-width:100%}
/* responsive */
@media (max-width:979px){
 .wrap{width:88%}
 #nav>ul>li>a{padding:14px 7px 0;font-size:13px}
}
@media (max-width:800px){
 .logobar{height:auto;min-height:60px}
 .logobar img{max-height:none}
 .nav-toggle{display:block;margin:0 auto;padding:10px 12px;background:none;border:0;cursor:pointer}
 .nav-toggle span{display:block;width:34px;height:26px;border-radius:4px;background:rgba(255,255,255,.18);position:relative}
 .nav-toggle span::before{content:"";position:absolute;left:9px;right:9px;top:7px;height:12px;border-top:2px solid #fff;border-bottom:2px solid #fff}
 .nav-toggle span::after{content:"";position:absolute;left:9px;right:9px;top:12px;border-top:2px solid #fff}
 #nav{display:none;padding:0 6% 15px}
 #nav.open{display:block}
 #nav>ul{display:block}
 #nav>ul>li{border-top:1px solid rgba(255,255,255,.15)}
 #nav>ul>li>a{height:auto;padding:11px 0}
 #nav .has-sub>a::after{display:none}
 #nav .sub{position:static;display:none;box-shadow:none;padding:0 0 8px 15px;min-width:0}
 #nav li:hover>.sub,#nav li:focus-within>.sub{display:none}
 #nav li.sub-open>.sub{display:block}
 .sub-toggle{display:block;position:absolute;right:0;top:0;width:44px;height:38px;background:none;border:0;color:#fff;font-size:18px;cursor:pointer}
 .sub-toggle::after{content:"+"}
 li.sub-open>.sub-toggle::after{content:"\2212"}
 .cols,.cols.c13,.cols.c23,.cols.c3{grid-template-columns:1fr;gap:25px}
 .cols.c4{grid-template-columns:1fr;gap:25px}
 .cols.c5{grid-template-columns:1fr 1fr;gap:20px}
 .card img{max-width:62%}
 .wrap{padding:35px 0 45px}
 .callout{padding:25px}.callout h2{font-size:30px}
}
@media (max-width:480px){.site{width:100%}}