/* BIKEBOX Landingpage Schrauberkurse – gehoert zu Kategorie 1390 (ShopBuilder-Code-Widget). Bei Aenderungen NEUEN Dateinamen (v2) verwenden, CDN cached. */
@font-face{font-family:'sklReforma';src:url('https://cdn02.plentymarkets.com/9jjteml718ur/frontend/template/fonts/ReformaGrotesk89.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:'sklReforma';src:url('https://cdn02.plentymarkets.com/9jjteml718ur/frontend/template/fonts/ReformaGrotesk79.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:'sklSource';src:url('https://cdn02.plentymarkets.com/9jjteml718ur/frontend/template/fonts/SourceSansPro-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'sklSource';src:url('https://cdn02.plentymarkets.com/9jjteml718ur/frontend/template/fonts/SourceSansPro-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}
.skl-page{font-family:'sklSource',sans-serif;font-size:17px;line-height:1.55;color:#192947;background:#fff;overflow:hidden;width:100%}
.skl-page div,.skl-page p,.skl-page span,.skl-page a,.skl-page img,.skl-page h1,.skl-page h2,.skl-page h3{box-sizing:border-box}
.skl-page p{margin:0 0 14px 0;max-width:34em;text-wrap:pretty}
.skl-page img{display:block;max-width:none}
.skl-wrap{max-width:1200px;margin:0 auto;padding-left:20px;padding-right:20px;position:relative}
.skl-h1,.skl-h2,.skl-h3{font-family:'sklReforma',sans-serif !important;text-transform:uppercase !important;border:0 !important;background:none !important;padding:0 !important;text-align:left !important}
.skl-h1::after,.skl-h2::after,.skl-h3::after,.skl-h1::before,.skl-h2::before,.skl-h3::before{content:none !important;display:none !important}
.skl-h1{font-weight:700 !important;font-size:56px !important;line-height:.92 !important;letter-spacing:0 !important;color:#fff !important;margin:0 0 22px 0 !important}
.skl-h2{font-weight:700 !important;font-size:42px !important;line-height:.95 !important;letter-spacing:0 !important;color:#00476B !important;margin:0 0 20px 0 !important;text-wrap:balance}
.skl-h3{font-weight:600 !important;font-size:22px !important;line-height:1.1 !important;letter-spacing:.01em !important;color:#00476B !important;margin:0 0 6px 0 !important;text-transform:none !important}
.skl-kicker{display:flex;align-items:center;gap:14px;font-weight:600;font-size:13px;line-height:1.2;letter-spacing:.26em;text-transform:uppercase;color:#00476B;margin:0 0 16px 0}
.skl-kicker-line{display:block;width:40px;height:3px;background:#E8E000;flex:none}
.skl-kicker-cyan{color:#37BBDD}
.skl-ph{background:#E8E000;color:#192947;padding:0 5px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.skl-page a.skl-btn{display:inline-flex;align-items:center;gap:18px;background:#E8E000;color:#192947 !important;font-family:'sklSource',sans-serif;font-weight:600;font-size:18px;line-height:1.2;padding:18px 26px;border-radius:2px;text-decoration:none !important;border:0}
.skl-page a.skl-btn:hover{background:#fff}
.skl-page a.skl-link{white-space:nowrap;color:#00476B !important;text-decoration:underline;text-decoration-color:#E8E000;text-decoration-thickness:3px;text-underline-offset:3px;font-weight:600}
.skl-page a.skl-link:hover{background:#E8E000}
.skl-series{height:4px;background:linear-gradient(90deg,#E8E000 0%,#37BBDD 50%,#00476B 100%)}

.skl-hero{position:relative;background:#041B2A;color:#fff;min-height:660px;display:flex;align-items:flex-end}
.skl-hero-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:64% 60%}
.skl-hero-shade{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(4,27,42,.1) 0%,rgba(4,27,42,.35) 30%,rgba(4,27,42,.92) 55%,#041B2A 70%)}
.skl-hero-inner{width:100%;padding-top:48px;padding-bottom:52px}
.skl-hero-text{position:relative;max-width:560px}
.skl-hero-text p{font-size:19px;line-height:1.5;color:#fff;margin-bottom:28px}
.skl-hero-bar{position:absolute;left:0;right:0;bottom:0}

.skl-rule{padding:72px 0 64px 0}
.skl-rule-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:44px}
.skl-plate{display:inline-block;position:relative;background:#fff;border:3px solid #192947;padding:11px;margin:0 0 30px 0;transform:rotate(-1.2deg)}
.skl-plate-in{border:1.5px solid #192947;padding:14px 26px 16px 26px;text-align:center}
.skl-plate-t1{display:block;font-family:'sklReforma',sans-serif;font-weight:700;font-size:34px;line-height:1;letter-spacing:.04em;text-transform:uppercase;color:#192947}
.skl-plate-t2{display:block;font-family:'sklReforma',sans-serif;font-weight:600;font-size:19px;line-height:1.1;letter-spacing:.05em;text-transform:uppercase;color:#192947;margin-top:6px}
.skl-screw{position:absolute;width:8px;height:8px;border-radius:50%;border:1.5px solid #192947;background:#F3F6F8}
.skl-screw-a{top:1px;left:1px}
.skl-screw-b{top:1px;right:1px}
.skl-screw-c{bottom:1px;left:1px}
.skl-screw-d{bottom:1px;right:1px}
.skl-tape{position:absolute;right:-34px;top:-8px;width:110px;height:22px;background:#E8E000;transform:rotate(28deg);opacity:.95}
.skl-rule-photo{position:relative;margin:0 -20px;overflow:hidden}
.skl-rule-photo img{width:100%;height:340px;object-fit:cover;object-position:40% 70%;transform:scale(1.4);transform-origin:38% 72%}
.skl-rule-mark{position:absolute;left:0;bottom:0;width:140px;height:8px;background:#E8E000}

.skl-dates{background:#F3F6F8;padding:72px 0 80px 0}
.skl-dates-head{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;margin-bottom:28px}
.skl-dates-head p{margin:0}
.skl-rail{display:none}
.skl-tags{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;align-items:start}
.skl-tag{position:relative;padding-top:34px}
.skl-tag::before{content:'';position:absolute;left:50%;top:0;width:2px;margin-left:-1px;height:62px;background:#192947;z-index:2}
.skl-card{position:relative;padding:3px;background:#37BBDD;clip-path:polygon(24px 0,calc(100% - 24px) 0,100% 24px,100% 100%,0 100%,0 24px)}
.skl-card-in{background:#fff;padding:50px 22px 24px 22px;clip-path:polygon(23px 0,calc(100% - 23px) 0,100% 23px,100% 100%,0 100%,0 23px);min-height:100%}
.skl-hole{position:absolute;left:50%;top:22px;width:16px;height:16px;margin-left:-8px;border-radius:50%;background:#F3F6F8;border:2px solid #192947;z-index:1}
.skl-tag-date{display:block;font-family:'sklReforma',sans-serif;font-weight:600;font-size:34px;line-height:1;color:#00476B;margin:0 0 8px 0}
.skl-tag-kind{display:block;font-weight:600;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#192947;margin:0 0 14px 0}
.skl-tag-text{display:block;font-size:16px;line-height:1.45;margin:0 0 18px 0}
.skl-tag-topics{display:block;border-top:1px solid rgba(25,41,71,.25);padding-top:12px;font-family:'sklReforma',sans-serif;font-weight:600;font-size:16px;line-height:1.35;letter-spacing:.02em;color:#00476B}
.skl-tag-navy .skl-card,.skl-tag-navy .skl-card-in{background:#00476B}
.skl-tag-navy .skl-tag-date,.skl-tag-navy .skl-tag-kind,.skl-tag-navy .skl-tag-text,.skl-tag-navy .skl-tag-topics{color:#fff}
.skl-tag-navy .skl-tag-topics{border-top-color:rgba(255,255,255,.3)}
.skl-tag-navy .skl-hole{border-color:#fff}
.skl-tag-yellow .skl-card,.skl-tag-yellow .skl-card-in{background:#E8E000}
.skl-tag-yellow .skl-tag-date{color:#192947}
.skl-tag-yellow .skl-card{transform:rotate(-1.5deg);transform-origin:50% 30px}

.skl-facts{padding:72px 0 64px 0}
.skl-facts-grid{margin-top:8px;display:grid;grid-template-columns:minmax(0,1fr);gap:0 40px;border-top:2px solid #00476B}
.skl-fact{padding:18px 0 20px 0;border-bottom:1px solid rgba(25,41,71,.2)}
.skl-fact-label{display:block;font-weight:600;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:#192947;margin-bottom:6px}
.skl-fact-value{display:block;font-family:'sklReforma',sans-serif;font-weight:600;font-size:28px;line-height:1.05;color:#00476B;margin-bottom:6px}
.skl-fact-sub{display:block;font-size:16px;line-height:1.45}

.skl-faq{background:#F3F6F8;padding:72px 0 72px 0}
.skl-faq-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}
.skl-q{padding:20px 0 6px 0;border-top:2px solid #00476B}
.skl-q p{margin-bottom:12px}

.skl-signup{background:#00476B;color:#fff;position:relative}
.skl-signup-inner{padding-top:64px;padding-bottom:60px;display:grid;grid-template-columns:minmax(0,1fr);gap:18px}
.skl-signup .skl-h2{color:#fff !important}
.skl-signup p{color:#fff;font-size:19px;margin:0}
.skl-arrow{font-family:'sklReforma',sans-serif;font-weight:700;font-size:72px;line-height:.8;color:#E8E000}
.skl-tapeband{height:10px;background:repeating-linear-gradient(135deg,#E8E000 0 14px,#192947 14px 28px)}

@media (min-width:640px){
.skl-wrap{padding-left:40px;padding-right:40px}
.skl-h1{font-size:84px !important}
.skl-h2{font-size:56px !important}
.skl-tags{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px}
.skl-facts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.skl-fact-wide{grid-column:1 / -1}
.skl-rule-photo{margin:0}
.skl-rule-photo img{height:420px}

}
@media (min-width:1000px){
.skl-hero{min-height:620px;align-items:center}
.skl-hero-img{left:30%;width:70%;object-position:62% 68%}
.skl-hero-shade{background:linear-gradient(90deg,#041B2A 0%,#041B2A 30%,rgba(4,27,42,.8) 40%,rgba(4,27,42,.15) 62%,rgba(4,27,42,0) 100%)}
.skl-hero-inner{padding-top:80px;padding-bottom:88px}
.skl-h1{font-size:104px !important}
.skl-rule{padding:104px 0 96px 0}
.skl-rule-grid{grid-template-columns:5fr 7fr;gap:72px;align-items:center}
.skl-rule-photo{margin-right:-40px}
.skl-rule-photo img{height:560px}
.skl-dates{padding:104px 0 112px 0}
.skl-dates-head{grid-template-columns:7fr 5fr;gap:48px;align-items:end;margin-bottom:44px}
.skl-dates-head p{padding-bottom:26px}
.skl-rail{display:block;height:10px;background:#00476B;border-radius:2px;margin:0 -12px}
.skl-tags{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.skl-tag::before{height:80px}
.skl-tag-1{padding-top:40px}
.skl-tag-2{padding-top:64px}
.skl-tag-3{padding-top:30px}
.skl-tag-4{padding-top:56px}
.skl-tag-2::before{height:104px}
.skl-tag-3::before{height:70px}
.skl-tag-4::before{height:96px}
.skl-tag-date{font-size:30px}
.skl-facts{padding:104px 0 96px 0}
.skl-facts-wrap{display:grid;grid-template-columns:4fr 8fr;gap:64px;align-items:start}
.skl-faq{padding:104px 0}
.skl-faq-grid{grid-template-columns:4fr 8fr;gap:64px;align-items:start}
.skl-faq-head{position:sticky;top:120px}
.skl-signup-inner{grid-template-columns:8fr 4fr;align-items:end;padding-top:88px;padding-bottom:80px}
.skl-arrow{font-size:120px;text-align:right}
}

@media (max-width:639px){.skl-hero-img{width:190%;height:auto;left:-62%;top:-150px;object-fit:fill}}