/* Customer feedback, 15 October 2026. */
/* The moving brand band follows the markings of a road. */
.brand-strip{padding:29px 0;background:#c5d93d;color:#17221c;border-block:4px solid #26372d;box-shadow:inset 0 1px #e8edb7,inset 0 -1px #e8edb7;isolation:isolate}
.brand-strip:before,.brand-strip:after{content:'';position:absolute;inset-inline:-98px;height:3px;background:repeating-linear-gradient(90deg,#f6f7df 0 60px,transparent 60px 98px);pointer-events:none;animation:road-markings 5s linear infinite}
.brand-strip:before{top:11px}
.brand-strip:after{bottom:11px}
.brand-strip>div{font-size:clamp(28px,3.4vw,48px);line-height:1.2;letter-spacing:-.035em;animation-duration:34s}
.brand-strip:hover>div,.brand-strip:hover:before,.brand-strip:hover:after{animation-play-state:paused}
@keyframes road-markings{to{transform:translateX(-98px)}}
@media(max-width:700px){.brand-strip{padding:24px 0;border-block-width:3px}.brand-strip:before{top:9px}.brand-strip:after{bottom:9px}.brand-strip>div{font-size:30px}}
@media(prefers-reduced-motion:reduce){.brand-strip>div,.brand-strip:before,.brand-strip:after{animation:none!important}}
body.motion-off .brand-strip>div,body.motion-off .brand-strip:before,body.motion-off .brand-strip:after{animation:none!important}
.section-label{font-size:16px}
.offer .section-label,.location-cards .section-label{font-size:14px}
.page-hero.licence-overview-hero>.section-label{font-size:clamp(17px,calc(1.4vw + 2px),21px)}
h2,.intro h2,.reviews-featured h2,.contact h2{font-size:calc(clamp(2rem,3.8vw,4.1rem) + 2px)}
.team-card h3{font-size:22px}
.team-card{display:flex;flex-direction:column;min-width:0}
.team-card>img,.team-placeholder{width:100%;aspect-ratio:1/1.12;height:auto;flex-shrink:0;object-fit:cover;object-position:50% 36%;margin:0}
.team-placeholder{display:grid;place-items:center;background:radial-gradient(ellipse at 50% 40%,#35463c,#1b2d26);overflow:hidden}
.team-placeholder>img{width:58%;max-width:190px;height:auto;aspect-ratio:1;object-fit:contain;border-radius:50%;filter:none}
.team-card p{margin-top:auto;padding-top:2px}
.class-card[data-category="Aufstieg"]{border-color:#bad07773;background:linear-gradient(135deg,#334a30,#182c26)}
.class-card[data-category="Aufstieg"] p{line-height:1.65}
.upgrade-note{padding:18px 22px;border-inline-start:3px solid #c5d93d;background:#91ac4920;margin:28px 0}
.upgrade-sources{font-size:13px;line-height:1.8;margin-top:28px;color:var(--soft)}
.upgrade-sources a{text-decoration:underline;text-underline-offset:4px}
.training-section{background:#101d1b;color:#eef3e7}
.training-section>.section-heading>p,.social-platform>.section-heading>p{max-width:470px;color:#c1cdbb}
.training-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.training-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-width:0;min-height:330px;padding:34px;border:1px solid #94a9755e;border-radius:12px;background:linear-gradient(140deg,#273b30,#172a25);box-shadow:0 16px 40px #0002;transition:transform .3s,border-color .3s,box-shadow .3s}
.training-card:before{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(ellipse at 95% 0,#d6e98b18,transparent 70%)}
.training-card:hover{transform:translateY(-5px);border-color:#d0df88;box-shadow:0 24px 50px #0004}
.training-card h3{position:relative;font-family:DM,Arial,sans-serif;font-size:clamp(28px,2.8vw,42px);line-height:1.2;letter-spacing:-.035em;max-width:calc(100% - 50px);margin-bottom:22px}
.training-card p{position:relative;color:#c8d2c0;max-width:540px;margin-bottom:28px}
.training-card .card-link{position:relative;margin-top:auto;color:#d1e29a}
.training-card .training-mark{position:absolute;inset-block-start:32px;inset-inline-end:28px;width:40px;height:40px;border-radius:50%;opacity:.75}
.training-card.training-0{background:linear-gradient(135deg,#d2df88,#afc350);border-color:#d9e7a2;color:#17231b}
.training-card.training-0 p,.training-card.training-0 .card-link{color:#283b20}
.training-card.training-1{background:linear-gradient(140deg,#3c5143,#1b3029)}
.training-card.training-2,.training-card.training-3{min-height:300px}
.picture-story{--page-picture:url('/assets/about-yilmaz-motorcycle-wide.jpg');background:#162a24}
.picture-story:before{background-size:cover;background-position:right top;background-repeat:no-repeat}
.history-section{overflow:hidden;background:linear-gradient(140deg,#172820,#101c1b)}
.history-map{position:relative;max-width:1040px;margin:12px auto 50px;padding-inline-start:190px}
.history-route{position:absolute;inset-block:0;inset-inline-start:0;width:160px;height:100%;min-height:520px;overflow:visible;fill:none;stroke-width:2}
.history-route-base{stroke:#76927145;stroke-dasharray:5 8}
.history-route-progress{stroke:#c8dc75;stroke-width:3;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--history-progress,1));filter:drop-shadow(0 0 7px #c8dc7540)}
.history-stops{list-style:none;padding:0;margin:0;display:grid;gap:44px}
.history-stop{position:relative;display:grid;grid-template-columns:150px minmax(0,1fr);gap:25px;min-height:235px;align-items:center;padding:38px 0;border-top:1px solid #8ba37840}
.history-year{font:700 clamp(40px,4.5vw,70px)/1 DM,Arial,sans-serif;letter-spacing:-.07em;color:#d4e5a1}
.history-stop h3{font-family:DM,Arial,sans-serif;line-height:1.2;font-size:clamp(25px,2.5vw,36px);letter-spacing:-.035em;margin-bottom:18px}
.history-stop p{color:#c1cfba;max-width:520px}
.history-stop.in-view .history-year{animation:history-year-in .65s ease both}
@keyframes history-year-in{from{opacity:.25;transform:translateY(15px)}to{opacity:1;transform:none}}
.social-platform{background:#12211e;color:#edf2e5}
.social-platform+.social-platform{background:#172820;border-top:1px solid #8197763b}
.social-video-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:1320px;gap:22px;margin:0 0 30px}
.social-slot{border:1px solid #8b9e7866;border-radius:12px;overflow:hidden;background:#1b2f27}
.social-video-empty{min-height:220px;max-height:440px;aspect-ratio:9/14;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;background:radial-gradient(ellipse at 50% 40%,#314536,#192b25);color:#c4d6ac;padding:25px;text-align:center}
.social-video-empty svg{opacity:.8}
.social-video-empty span{font-size:15px}
.social-slot h3{font:700 20px/1.5 DM,Arial,sans-serif;padding:20px 25px;letter-spacing:-.02em;border-top:1px solid #7f947140}
.social-platform .text-link{color:#d1e29d}
.header .primary-nav{gap:20px}
.header .primary-nav a{font-size:14px}
html{scroll-padding-top:calc(var(--site-header-height,100px) + 24px)}
.header .primary-nav a[aria-current=location]{color:#d6e58b}
.home .hero-title{top:max(25%,calc(var(--site-header-height,100px) + 122px))}
html[data-theme=light] .class-card[data-category="Aufstieg"]{background:linear-gradient(135deg,#eef3df,#fff);border-color:#78904a}
html[data-theme=light] .training-section{background:#eaf0e1;color:#203225}
html[data-theme=light] .training-section>.section-heading>p{color:#506447}
html[data-theme=light] .upgrade-note{background:#dbe7c8}
html:is([lang=ar],[lang=ur],[lang=hi]) .training-card h3,html:is([lang=ar],[lang=ur],[lang=hi]) .history-stop h3{font-family:inherit;letter-spacing:0;line-height:1.5}
@media(max-width:1650px){
 .header{flex-wrap:wrap;row-gap:5px;padding-bottom:5px}
 .header.is-scrolled{padding-bottom:5px}
 .header .wordmark{margin-inline-end:auto}
 .header .nav-cta{margin-inline-start:auto}
 .header .language-picker{margin-inline-start:0}
 .header .primary-nav{order:20;flex:1 0 100%;justify-content:center;border-top:1px solid #9ba9802b;gap:30px;padding-top:2px}
 .header .primary-nav a{min-height:42px}
 .mobile-menu{top:var(--site-header-height,140px);max-height:calc(100dvh - var(--site-header-height,140px))}
}
@media(max-width:980px){.history-map{padding-inline-start:115px}.history-route{width:90px}.history-stop{grid-template-columns:105px minmax(0,1fr)}.header .primary-nav{gap:20px}}
@media(max-width:1100px){.social-video-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:900px}}
@media(min-width:701px){html[dir=rtl] .picture-story:before{transform:scaleX(-1);animation:none}}
@media(max-width:700px){
 .section-label{font-size:14px}
 .offer .section-label{font-size:14px}
 h2,.intro h2,.reviews-featured h2,.contact h2{font-size:calc(clamp(2rem,8.4vw,3.2rem) + 2px)}
 .team-card h3{font-size:20px}
 .training-grid{grid-template-columns:1fr;gap:18px}
 .training-card,.training-card.training-2,.training-card.training-3{padding:28px;min-height:280px}
 .training-card h3{font-size:30px;margin-bottom:18px}
 .training-card .training-mark{inset-block-start:26px;inset-inline-end:24px;width:36px;height:36px}
 .history-map{padding-inline-start:65px;margin-bottom:32px}
 .history-route{width:48px;min-height:560px}
 .history-stop{display:block;min-height:260px;padding:28px 0}
 .history-year{display:block;font-size:52px;margin-bottom:24px}
 .history-stop h3{font-size:26px}
 .social-video-grid{gap:14px}
 .social-video-empty{min-height:180px;max-height:330px;aspect-ratio:9/14;padding:18px 10px;gap:18px}
 .social-video-empty span{font-size:13px}
 .social-slot h3{font-size:16px;padding:15px 12px}
 .header .primary-nav{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:0 4px;overflow:visible}
 .header .primary-nav a{grid-column:span 3;min-height:36px;font-size:12px;padding-inline:1px;white-space:normal;text-align:center;line-height:1.3}
 .header .primary-nav a:nth-last-child(-n+3){grid-column:span 4}
 html .page-hero.picture-story{padding-top:calc(var(--site-header-height,140px) + 36px);padding-bottom:calc(min(100vw,500px) + 32px)}
 .picture-story:before{inset:auto 0 0;height:min(100vw,500px);background-image:url('/assets/yilmaz-motorrad.webp');background-size:auto 100%;background-position:center bottom;animation:none}
 .picture-story:after,html:is([lang=ar],[lang=ur]) .picture-story:after{background:linear-gradient(180deg,#162a24 0%,transparent 45%,#0d171830 100%)}
 .home .drive-caption{max-width:88%;top:30%;font-size:clamp(2rem,10vw,4.5rem)}
}
@media(max-width:390px){.header .primary-nav a{font-size:11px;padding-inline:1px}.header .primary-nav{gap:3px}}
@media(prefers-reduced-motion:reduce){.history-route-progress{stroke-dashoffset:0}.history-stop.in-view .history-year{animation:none}.training-card:hover{transform:none}}
body.motion-off .history-route-progress{stroke-dashoffset:0}
body.motion-off .history-stop.in-view .history-year{animation:none}
@media print{.training-grid,.social-video-grid{display:block}.training-card{min-height:0;break-inside:avoid}.training-mark,.history-route,.social-video-empty{display:none}.history-map{padding:0}.history-stop{min-height:0;break-inside:avoid}}