:root,:root[data-site-theme]{color-scheme:light;--bg:#f3f2ef;--panel:#f3f2ef;--panel-2:#e8e7e3;--text:#111;--muted:#555;--gold:#111;--gold-soft:#e8e7e3;--detail:#7045ef;--line:#b9b8b5;--on-accent:#fff;--radius:0;--error:#a32323;--success:#266336}
body{background:#f3f2ef;color:#111}.site-header-inner{max-width:none;width:94%;min-height:72px;padding:10px 0}.site-brand{font-size:25px;font-weight:700;letter-spacing:-1.5px}.site-brand span{font-weight:700}.site-brand b{display:none}.site-theme-label,.theme-label{display:none!important}.site-nav a,.site-connect,.site-menu summary,.site-menu-content,.site-menu-content a,.site-button,.site-callout,.site-status,.recovery-key,.site-callout input,.connection-qr img{border-radius:0}.site-nav a{color:#111}.site-nav a[aria-current]{background:transparent;border-bottom:3px solid #ff9100}.site-button{font-weight:700;min-height:48px}.site-button.primary{background:#111;color:#fff}.site-button:hover{background:#deddd9;color:#111}.site-title{font-weight:700;letter-spacing:-2px}.site-eyebrow{font-weight:700}.site-main{width:min(1320px,92%);padding:55px 0 65px}.site-section h2{font-size:clamp(30px,4vw,54px);font-weight:700;letter-spacing:-1.5px}.site-grid{gap:0;grid-template-columns:repeat(3,minmax(0,1fr));border-left:1px solid var(--line);counter-reset:feature}.site-grid article{padding:26px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.site-grid article:before{counter-increment:feature;content:counter(feature,decimal-leading-zero);display:block;color:#7045ef;font-size:13px;font-weight:700;margin-bottom:22px}.site-grid h3{font-weight:700;font-size:24px}.site-footer{background:#111;color:#ddd}.site-footer a,.site-footer .site-brand{color:#fff}.site-callout{border-left:4px solid #7045ef}.site-help summary{font-weight:700}.site-section{margin-top:20px}.site-screen-grid{display:none}
.site-hero{min-height:690px;display:grid;grid-template-columns:48% 52%;text-align:left;padding:0;align-items:stretch;background:#f3f2ef}.site-hero:before,.site-hero:after{display:none}.home-copy{padding:35px 7% 45px;position:relative;z-index:1}.home-edition{display:flex;align-items:center;gap:25px;margin-bottom:28px}.home-edition strong{font:italic 190px/.85 Impact,'Arial Narrow',sans-serif;letter-spacing:-10px}.home-edition span{display:flex;flex-direction:column;color:#7045ef;font-size:18px;font-weight:700}.site-hero .site-title{font-size:clamp(40px,5.5vw,84px);letter-spacing:-4px;line-height:1;background:#111;color:#fff;padding:22px 7%;margin:0 -8.2% 26px;border-right:8px solid #ff9100}.site-hero .site-title span{display:block;color:#fff;font-size:clamp(20px,2.4vw,36px);letter-spacing:-1px;margin-top:12px}.site-hero .site-lead{margin:0;font-size:16px}.site-hero .site-actions{justify-content:flex-start}.home-photo{margin:0;position:relative;overflow:hidden}.home-photo img{width:100%;height:100%;object-fit:cover;object-position:64% center}.home-photo:before{content:'';position:absolute;left:0;top:0;width:65px;height:180px;background:#f3f2ef;clip-path:polygon(0 0,100% 0,0 100%)}.home-photo figcaption{position:absolute;bottom:0;right:0;background:#111;color:#fff;padding:12px 22px;font-weight:700;font-size:12px;letter-spacing:2px}.portal .card,.portal button,.portal input,.portal select,.portal textarea,.portal .badge,.portal .export-example,dialog,.button,.tour-card,.forum-post,.machine-card{border-radius:0!important}.portal h1,.hero h1{font-weight:700;letter-spacing:-2px}.portal .tabs button[aria-selected=true]{background:#111;color:#fff}.preview{border-radius:0;background:#e8e7e3;color:#555}.site-inline-row{padding:15px 0}
@media(max-width:900px){.site-hero{grid-template-columns:55% 45%;min-height:590px}.home-edition strong{font-size:135px}.home-edition span{font-size:14px}.site-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.site-hero{display:flex;flex-direction:column;min-height:0}.home-copy{padding:25px 6% 30px}.home-edition{margin-bottom:22px}.home-edition strong{font-size:110px;letter-spacing:-6px}.site-hero .site-title{font-size:48px;letter-spacing:-2px;margin-left:-6.8%;margin-right:-6.8%;padding:20px 6%}.site-hero .site-title span{font-size:25px}.home-photo{height:320px}.site-grid{grid-template-columns:1fr}.site-grid article{padding:24px}.site-header-inner{min-height:68px}.site-brand{font-size:22px}.site-title{font-size:38px}.site-main{padding-top:32px}.site-actions{gap:8px}.site-button{padding:12px 15px}}

.tour-filters,.empty-state,.export-example,dialog,dialog video{border-radius:0}.intro-route path:not(.route-shadow){stroke:#ff7800}.intro-route circle{fill:#ff7800}
.home-photo img{position:absolute;inset:0;opacity:0;transition:opacity 1s ease}.home-photo img.active{opacity:1}.home-photo:before{z-index:2}.home-photo figcaption{z-index:3}.home-photo .photo-pause{position:absolute;z-index:3;left:16px;bottom:16px;background:#111;color:#fff;border:1px solid #fff6;padding:8px 12px;font:12px SpaceGrotesk,Arial,sans-serif;cursor:pointer}@media(prefers-reduced-motion:reduce){.home-photo img{transition:none}}
/* Freigegebene Referenz 05: Typografie, Aktionsfarben und diagonale Flächen. */
:root,:root[data-site-theme]{--gold:#ff9100;--gold-soft:#ff910020;--on-accent:#111}
.site-brand,.brand,.site-title,.site-section h2,.site-grid h3,.portal h1,.hero h1,.section-title h2{font-family:Impact,'Arial Narrow',SpaceGrotesk,sans-serif;font-weight:900;letter-spacing:-.025em}.site-brand{font-size:32px}.site-nav{gap:30px}.site-nav a{font-size:18px;padding:10px 4px}.site-button.primary,.button.primary,.hero-index button{background:#ff9100;color:#111;border-color:#ff9100}.site-button.primary:hover,.button.primary:hover{background:#ffad33;color:#111}.site-button.primary:after{content:'→';font-size:27px;line-height:1;margin-left:24px}.site-button{border-radius:0;font-size:15px}.site-connect{color:#111}.site-eyebrow,.eyebrow{color:#7045ef}.site-menu summary{color:#111}.site-hero{grid-template-columns:43% 57%;min-height:760px}.home-copy{padding:35px 8% 45px}.home-edition{gap:35px;margin-bottom:22px}.home-edition strong{font-size:clamp(190px,22vw,335px);letter-spacing:-.06em;transform:skew(-6deg);font-style:normal}.home-edition span{font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(20px,2.3vw,34px);line-height:1.1}.site-hero .site-title{position:relative;z-index:4;width:calc(100% + 125px);margin-left:-9.6%;padding:18px 9%;font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(58px,6.5vw,100px);letter-spacing:-2px;border:0}.site-hero .site-title:after{content:'→';position:absolute;right:-72px;top:0;bottom:0;display:grid;place-items:center;width:72px;background:#ff9100;color:#111;font-family:Arial,sans-serif;font-size:54px}.site-hero .site-title span{font-family:SpaceGrotesk,sans-serif;font-size:22px;font-weight:700}.home-photo:before{width:165px;height:100%;clip-path:polygon(0 0,100% 0,0 75%)}.home-photo img{object-position:64% center}.site-section>h2{background:#111;color:#fff;padding:14px 24px;border-right:12px solid #ff9100;width:fit-content;min-width:40%}.site-grid article{background:transparent}.site-grid article:before{font-family:Impact,'Arial Narrow',sans-serif;font-size:36px;margin-bottom:12px}.site-grid h3{font-size:30px}.site-main>.site-title{background:#111;color:white;padding:18px 24px;border-right:12px solid #ff9100;width:fit-content}.site-callout{border-left-color:#ff9100}.site-status{color:#111}.portal-intro{position:relative;background:#e8e7e3;margin:0 0 36px;padding:45px 35px;clip-path:polygon(0 0,100% 0,100% 85%,96% 100%,0 100%)}.portal-intro h1{font-size:clamp(55px,7vw,100px);background:#111;color:#fff;padding:12px 22px;margin-left:-35px;border-right:14px solid #ff9100}.portal-intro .intro-route{color:#ff9100}.portal .tabs button[aria-selected=true]{background:#ff9100;color:#111}.hero{background-image:linear-gradient(105deg,#f3f2ef 0%,#f3f2ef 49%,transparent 49.2%),url('/assets/motorrad-cover-den-kev-11.png');background-position:center,70% 44%;background-size:cover}.hero-copy{max-width:49%}.hero h1{background:#111;color:white;padding:12px 24px;margin-left:-24px;border-right:12px solid #ff9100}.hero-index{background:#111;color:white;padding:24px}.hero-index span{color:#c0a4ff}.hero-index button{padding:12px 18px;border:0}.country-filters,.filters,.cards article{border-radius:0}.filters .selected{background:#ff9100;color:#111}
@media(max-width:1100px){.site-nav{display:none}.site-hero{grid-template-columns:48% 52%;min-height:660px}.home-edition strong{font-size:220px}.site-hero .site-title{width:calc(100% + 30px)}.home-photo:before{width:80px}.site-hero .site-title:after{width:48px;right:-48px}}
@media(max-width:600px){.site-hero{display:flex;min-height:0}.home-edition strong{font-size:155px}.home-edition span{font-size:24px}.home-copy{padding:25px 6% 30px}.site-hero .site-title{width:calc(100% + 13.6%);margin-left:-6.8%;font-size:60px;padding:18px 6%;border-right:12px solid #ff9100}.site-hero .site-title:after{display:none}.home-photo:before{width:60px;height:130px}.home-photo{height:360px;width:100%}.site-section>h2{width:100%}.site-brand{font-size:25px}.hero-copy{max-width:100%}.hero{background-image:none}.hero-index{margin-top:20px}.portal-intro{padding:28px 20px}.portal-intro h1{margin-left:-20px;font-size:54px}.site-button.primary:after{margin-left:12px}}
.home-copy{z-index:4}.home-photo{z-index:0}.site-brand,.brand{font-family:SpaceGrotesk,Arial,sans-serif;font-weight:900;letter-spacing:-1px}
