/* EMBER V / DESIGN SYSTEM 4 — unified cinematic visual identity, all pages */
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700;800;900&family=Inter:wght@400;500;600;700;800&display=swap');
:root{--pink:#f64083;--hot:#ff78a8;--bg:#08070c;--panel:#150f18;--panel-2:#1a101a;--line:#503047;--muted:#baa7b6;--white:#fff4f9}
html{scroll-behavior:smooth}body{background:#08070c;color:var(--white);-webkit-font-smoothing:antialiased;overflow-x:hidden}body::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 90% 25%,#4a16301d,transparent 38%),radial-gradient(ellipse at 10% 80%,#53132b15,transparent 42%)}
.page-noise{opacity:.035;z-index:50}.shell{width:min(1290px,calc(100% - 70px))}.site-header{background:#0c0910ed!important;border-bottom:1px solid #a94a6a48!important;box-shadow:0 4px 26px #0008!important;backdrop-filter:blur(18px)}.header-inner{min-height:73px}.brand{gap:10px}.brand-mark{width:46px;height:46px;display:inline-flex;align-items:center;justify-content:center}.brand-mark img{width:44px;height:44px;object-fit:contain;filter:drop-shadow(0 0 11px #ff35786a)}.brand-words{font-family:'Barlow Condensed',Impact,sans-serif;font-style:italic;font-weight:900;font-size:29px!important;letter-spacing:.02em;color:#f8eef4}.brand-words span{color:#ff568f}.main-nav{gap:5px;align-items:center}.main-nav .nav-link{padding:11px 13px;border-radius:5px;transition:background .2s,color .2s;border:1px solid transparent;font-size:12px;font-weight:700}.main-nav .nav-link:hover{background:#5f1b3733}.main-nav .nav-link.is-active{color:#fff;background:linear-gradient(120deg,#74203caa,#b5265c88);border-color:#f3508757;box-shadow:0 0 20px #f52c6140}.main-nav .nav-link[href='behoerden.html']{border-left:1px solid #5f3449;border-radius:0 6px 6px 0;margin-left:7px;color:#ff9bc0}
.home-hero{min-height:610px!important;border-bottom:1px solid #e75a8b66!important;background:#100810}.home-art{background-size:cover!important;background-position:center 45%!important;filter:saturate(1.08) contrast(1.07)!important}.home-shade{background:linear-gradient(90deg,#08060c36,#09050cc4 36%,#09050cc9 61%,#09060c27),linear-gradient(0deg,#08070c 0%,transparent 24%,transparent 75%,#08070c28)!important}.hero-content{min-height:575px!important;padding:56px 0 65px!important}.hero-copy{max-width:790px!important;padding:7px 0 26px!important;backdrop-filter:none}.hero-symbol{width:83px!important;height:77px!important;margin:0 auto!important}.hero-symbol img{width:80px!important;height:75px!important}.hero-copy .ember-headline{font-size:clamp(85px,10.8vw,166px)!important;line-height:.86!important;letter-spacing:-.028em!important;margin:14px 0 11px!important}.hero-kicker{font-size:10px!important;letter-spacing:.35em}.hero-accent-line{margin:9px 0}.hero-tagline{margin:7px 0!important}.hero-lead{max-width:420px!important;font-size:13px!important;color:#e5cdd9!important}.hero-actions{margin:20px 0 0!important}.hero-actions .button{border-radius:7px!important}.hero-bottom{padding-bottom:20px!important}.intro-strip{border-bottom:1px solid #622e46;background:linear-gradient(90deg,#1c101d,#110b13)!important}.strip-grid>div{font-size:11px!important;letter-spacing:.065em}
/* Page mastheads — each page has an intentional illustration and centered crest */
.sub-hero{position:relative;min-height:370px!important;padding:0!important;overflow:hidden;border-bottom:1px solid #9a315b66!important;isolation:isolate;background:#120c16}.sub-art{position:absolute;inset:0;opacity:1!important;background-size:cover!important;background-position:center!important;filter:saturate(1.05) contrast(1.09)}.sub-art::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0a0710ef 0%,#0c0710cd 43%,#1008117a 100%),linear-gradient(0deg,#09080d 0%,transparent 30%)}
.sub-art-factions{background-image:url('scene-city.jpg')!important}.sub-art-team{background-image:url('scene-people.jpg')!important}.sub-art-rules{background-image:url('scene-night.jpg')!important}.sub-art-apply{background-image:url('scene-car.jpg')!important}.sub-art-support{background-image:url('scene-city.jpg')!important}.sub-art-news{background-image:url('hero.jpg')!important}.sub-hero .sub-art:not([class*='sub-art-']){background-image:url('scene-car.jpg')!important}
.sub-content{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto;align-items:end;min-height:370px;padding:38px 0 47px!important;gap:15px}.sub-content .breadcrumb{grid-column:1/-1;align-self:start;margin:0!important;font-size:11px;letter-spacing:.06em;color:#ddafc4}.sub-content .eyebrow{grid-column:1/-1;align-self:end;margin-bottom:-14px;font-size:11px;letter-spacing:.22em;color:#ff84b0}.sub-content h1{grid-column:1;font:900 clamp(59px,7.4vw,114px)/.9 'Barlow Condensed',Impact,sans-serif!important;letter-spacing:-.012em;max-width:880px;margin:12px 0 5px!important;text-transform:uppercase;color:#fff;text-shadow:0 7px 30px #000a}.sub-content h1 em,.section-heading em,.catalog-header em{color:#ff5794!important;font-style:normal}.sub-content p{grid-column:1;max-width:680px;margin:0;color:#e7d7e0!important;font-size:14px;line-height:1.7}.sub-content .button{grid-column:1;justify-self:start}.sub-index{position:absolute;bottom:20px;right:max(36px,calc((100vw - 1290px)/2));color:#faa4c7;letter-spacing:.2em;font-size:10px;font-weight:800}.sub-content::after{content:'EV';position:absolute;right:0;top:50%;font:italic 900 clamp(130px,20vw,290px)/1 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.09em;color:transparent;-webkit-text-stroke:1px #ff81ad37;text-shadow:0 0 55px #fa3a7f22;transform:translateY(-37%) skew(-8deg);pointer-events:none;z-index:-1}
.sub-hero.detail-hero{min-height:370px}.sub-hero.detail-hero .sub-content{min-height:370px}.legal-hero .sub-content{min-height:310px}.legal-hero{min-height:310px!important}
/* Visual rhythm across EVERY section */
.section-block{padding:75px 0!important}.section-block.compact-top{padding-top:58px!important}.section-heading,.catalog-header{border-bottom:1px solid #67324b69;padding-bottom:28px;margin-bottom:31px}.section-heading h2,.catalog-header h2{font:900 clamp(42px,5.3vw,71px)/.98 'Barlow Condensed',sans-serif!important;margin:10px 0 0;letter-spacing:-.015em}.eyebrow{font-weight:800;font-size:10px;letter-spacing:.24em;color:#f48baf}.section-aside p{font-size:14px;color:#c9b6c2;line-height:1.75}.text-link{color:#ff87b6}.button{border-radius:6px!important}.button-primary,.portal-button:not(.secondary){background:linear-gradient(110deg,#f93e83,#d4256b)!important;box-shadow:0 9px 35px #e5296f31;color:white!important}.button-outline,.button-ghost{background:#190f1bde;border:1px solid #a75a7c;color:#f8ebf1}.faction-grid{gap:17px}.faction-tile{min-height:282px;border:1px solid #72415c!important;background:#18101c;border-radius:9px!important;box-shadow:0 18px 55px #0006;isolation:isolate}.faction-tile-art{opacity:1;background-size:cover!important}.faction-tile-art::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0b080fea 1%,#1009108c 50%,#10091020)}.faction-tile .tile-type{border:1px solid #ef78aa77;background:#100911b8;padding:6px 9px;border-radius:4px;color:#ffc6da}.faction-tile h3{font:800 32px/1.05 'Barlow Condensed',sans-serif;text-transform:uppercase}.faction-tile:hover{transform:translateY(-5px)!important;border-color:#fe67a3!important;box-shadow:0 22px 45px #f0297733}.faction-tile .tile-bottom{padding-top:12px;border-top:1px solid #ffffff33}.tab,.tabs button{border-radius:4px!important;border:1px solid #643a52;background:#1b121d;color:#f0e7ed}.tab.is-selected,.tab[aria-pressed='true']{background:#eb3776!important;border-color:#ee6299!important;color:white!important}
.feature-picture,.editorial-card,.support-card,.team-card,.value-card{border:1px solid #68364e!important;border-radius:10px!important;overflow:hidden}.editorial-image{filter:saturate(1.14)}.feature-layout{gap:28px}.feature-line{border-bottom:1px solid #4e2f43!important}.feature-line h3{font:800 27px/1.1 'Barlow Condensed';text-transform:uppercase}.feature-line p{font-size:13px}.statement-band{border-top:1px solid #6d3751;border-bottom:1px solid #6d3751;background:linear-gradient(95deg,#3c1428 0%,#130c17 62%)!important;position:relative;overflow:hidden}.statement-band::before{content:'EV';position:absolute;right:5%;bottom:-60px;font:italic 900 240px 'Barlow Condensed';color:#ff579414}.closing-cta{background:linear-gradient(100deg,#241021,#120b14)!important;border-top:1px solid #60334c}.editorial-card{min-height:305px}.site-footer{background:#08070b!important;border-top:1px solid #68354c!important}.footer-links strong{color:#f187b0!important}
/* Application: strong two-column control center, preserve all form IDs */
.apply-layout{gap:22px!important;align-items:start}.apply-layout>div:first-child{min-width:0}.apply-layout .apply-card,.apply-layout form,.application-card,.status-panel,.tracking-card{border-radius:11px!important}.apply-layout form{background:linear-gradient(145deg,#1d111d,#0e0b12)!important;border:1px solid #703c58!important;box-shadow:0 20px 65px #0006}.apply-layout input,.apply-layout select,.apply-layout textarea,.tracking-card input,.tracking-card textarea{background:#0e0b12!important;border:1px solid #6a3b54!important;border-radius:7px!important;color:white!important}.apply-layout input:focus,.apply-layout textarea:focus,.apply-layout select:focus{outline:1px solid #ff5898}.apply-layout button[type=submit]{background:linear-gradient(105deg,#fd4b91,#c82360)!important;border-radius:7px}.application-step,.apply-side-card,.tracking-card{border-color:#744158!important;background:linear-gradient(150deg,#211221,#100c13)!important}.tracking-card,.status-checker,.tracking-wrap{box-shadow:0 20px 55px #0005}
/* Agency portal is a different product surface, polished but recognizably same brand */
.portal-page{background:radial-gradient(ellipse at top right,#3d122b58,transparent 50%),#0a0810!important;min-height:75vh}.portal-hero{background:linear-gradient(90deg,#0b0810ec,#1b0d1cba),url('scene-city.jpg') center/cover!important;border-bottom:1px solid #6f354e!important;padding:62px 0!important}.portal-hero .portal-kicker{letter-spacing:.22em;color:#ff9bc2}.portal-hero h1{font:900 clamp(55px,7vw,106px)/.9 'Barlow Condensed',sans-serif!important;letter-spacing:.01em!important;margin:14px 0!important}.portal-hero h1 em{color:#ff5e9a!important}.portal-area{padding:60px 0 90px!important}.portal-card{background:linear-gradient(145deg,#1c111e,#110d15)!important;border:1px solid #67364f!important;border-radius:13px!important;box-shadow:0 19px 48px #0005}.portal-title{text-transform:uppercase;font-family:'Barlow Condensed',sans-serif!important;font-weight:800!important;letter-spacing:.008em}.portal-kicker{font-size:10px!important;letter-spacing:.2em!important;color:#f487af}.portal-control{background:#0c0a11!important;border:1px solid #674058!important;border-radius:6px!important;min-height:47px!important}.portal-control:focus{outline:1px solid #ff5795!important}.portal-tab{border-radius:5px!important;background:#201422!important;border:1px solid #61364f!important}.portal-tab[aria-selected='true'],.portal-tab.active{background:#f13d80!important;border-color:#f13d80!important;color:#160916!important}.portal-stat{background:linear-gradient(120deg,#281529,#140d18)!important;border:1px solid #63364f!important;border-radius:9px!important}.agency-option{background:#211421;border:1px solid #5e344a;border-radius:6px}.portal-dashboard{max-width:100%}.portal-pill{background:#522239;color:#ffaccc;border:1px solid #f17ba066}
/* Supporting pages */
.team-values,.faq-block{background:linear-gradient(180deg,#110b13,#09080d)!important}.faq-block details,.faq-block .faq-item{border:1px solid #653a51!important;background:#190f19!important;border-radius:8px!important}.team-profile,.team-lead,.team-card{background:linear-gradient(135deg,#211222,#100d14)!important;border:1px solid #6d3b53!important}.team-lead h3,.team-card h3{color:#fff}.page-content article,.page-content .card{border-color:#6b3b53!important}.page-content .tabs button{border-radius:4px}.legal-hero+.section-block{min-height:350px}
/* Custom feature on each page */
.design-ribbon{display:flex;align-items:center;gap:12px;justify-content:space-between;border-top:1px solid #8e3c60;border-bottom:1px solid #4f293d;padding:13px 0;margin-bottom:30px;color:#ddafc3;font-size:10px;letter-spacing:.16em;font-weight:800}.design-ribbon .ribbon-tag{color:#ff8eaf}.design-ribbon .ribbon-line{height:1px;flex:1;background:linear-gradient(90deg,#f6508c55,transparent)}.site-footer .footer-top{padding-top:12px}.site-footer .brand-mark img{width:42px}.subpage-detail-tag{position:absolute;z-index:5;right:max(35px,calc((100vw - 1290px)/2));top:26px;border:1px solid #bb56835c;border-radius:3px;padding:5px 12px;color:#ffbad1;background:#130c158c;font-size:9px;letter-spacing:.18em;font-weight:800}
/* responsive */
@media(min-width:1100px){.main-nav{margin-left:auto!important}.sub-content h1{max-width:830px}.home-hero{min-height:625px!important}}
@media(max-width:900px){.shell{width:calc(100% - 42px)}.main-nav{position:absolute;top:72px;left:0;right:0;background:#140c16;box-shadow:0 20px 40px #000a;padding:15px!important;display:none;z-index:44}.main-nav.open{display:flex}.main-nav .nav-link{width:100%}.sub-content{min-height:330px;padding-top:28px!important}.sub-hero{min-height:330px!important}.sub-content h1{font-size:clamp(58px,9vw,87px)!important}.home-hero{min-height:610px!important}.hero-content{min-height:575px!important}.portal-area{padding:38px 0 70px!important}}
@media(max-width:600px){.shell{width:calc(100% - 34px)}.header-inner{min-height:69px}.brand-words{font-size:25px!important}.home-hero{min-height:640px!important}.home-art{background-position:center center!important}.home-shade{background:linear-gradient(90deg,#09050ca8,#09050c6b,#09050c9a),linear-gradient(0deg,#08070c,transparent 33%,#0a071075)!important}.hero-content{min-height:608px!important;padding:64px 0 80px!important}.hero-copy .ember-headline{font-size:clamp(68px,17vw,96px)!important}.hero-symbol{height:70px!important}.hero-symbol img{height:68px!important}.hero-kicker{letter-spacing:.12em!important}.hero-actions{flex-direction:column;gap:10px!important;align-items:stretch}.hero-actions .button{width:100%;min-width:0}.sub-hero,.sub-content{min-height:325px!important}.sub-content{display:block;padding:25px 0 40px!important}.sub-content .eyebrow{display:block;margin:30px 0 8px!important}.sub-content h1{font-size:clamp(51px,12vw,73px)!important;margin:10px 0!important}.sub-content p{font-size:12px!important;max-width:330px}.sub-content::after{top:53%;right:5px;font-size:140px;opacity:.45}.sub-index,.subpage-detail-tag{display:none}.section-block{padding:55px 0!important}.section-heading h2,.catalog-header h2{font-size:44px!important}.portal-hero{padding:44px 0!important}.portal-hero h1{font-size:62px!important}.portal-area{padding:30px 0 60px!important}.design-ribbon{font-size:8px}.faction-tile{min-height:255px}.site-footer{padding-top:30px}.hero-bottom{display:none!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}


/* FIX: Bewerbungsseite – bewusst gestaltetes zweispaltiges Raster */
body[data-page="bewerbungen"] .apply-layout{
 display:grid!important;
 grid-template-columns:minmax(0,0.78fr) minmax(0,1.22fr)!important;
 column-gap:clamp(28px,5vw,78px)!important;
 row-gap:30px!important;
 align-items:start!important;
}
body[data-page="bewerbungen"] .apply-layout>.design-ribbon{grid-column:1/-1;grid-row:1;min-width:0}
body[data-page="bewerbungen"] .apply-layout>.apply-intro{grid-column:1;grid-row:2;min-width:0;max-width:none}
body[data-page="bewerbungen"] .apply-layout>.apply-card{grid-column:2;grid-row:2;min-width:0;width:100%;max-width:none;padding:clamp(22px,3vw,42px);background:linear-gradient(155deg,#20121f,#110d15);border:1px solid #77425a;box-shadow:0 24px 70px #0008;border-radius:13px!important}
body[data-page="bewerbungen"] .apply-layout .apply-card form{width:100%;max-width:none;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
body[data-page="bewerbungen"] .apply-card-header{margin-bottom:23px}
body[data-page="bewerbungen"] .apply-card-header h3{font:900 clamp(34px,3.5vw,51px)/1 'Barlow Condensed',sans-serif;margin:10px 0;color:#fff;text-transform:uppercase}
body[data-page="bewerbungen"] .apply-card-header p{color:#c8b6c4;font-size:14px;line-height:1.7}
body[data-page="bewerbungen"] .apply-layout .field input,body[data-page="bewerbungen"] .apply-layout .field select,body[data-page="bewerbungen"] .apply-layout .field textarea{width:100%;min-width:0;min-height:48px}
body[data-page="bewerbungen"] .apply-layout .field textarea{min-height:190px}
body[data-page="bewerbungen"] .apply-layout .apply-steps{max-width:420px}
body[data-page="bewerbungen"] #statuspruefung .shell{display:flex;justify-content:center}
body[data-page="bewerbungen"] #statuspruefung .apply-card{width:min(100%,850px)!important;max-width:850px!important;margin:0!important;padding:clamp(25px,4vw,48px);background:linear-gradient(145deg,#20121e,#100d15);border:1px solid #75415a;border-radius:12px;box-shadow:0 22px 65px #0006}
body[data-page="bewerbungen"] #statuspruefung input{width:100%;min-height:52px}
body[data-page="bewerbungen"] #statuspruefung h3{font:900 clamp(34px,4vw,50px)/1 'Barlow Condensed',sans-serif;text-transform:uppercase;margin:10px 0 15px}
@media(max-width:850px){body[data-page="bewerbungen"] .apply-layout{grid-template-columns:minmax(0,1fr)!important;gap:25px!important}body[data-page="bewerbungen"] .apply-layout>.design-ribbon{grid-column:1;grid-row:1}body[data-page="bewerbungen"] .apply-layout>.apply-intro{grid-column:1;grid-row:2}body[data-page="bewerbungen"] .apply-layout>.apply-card{grid-column:1;grid-row:3}body[data-page="bewerbungen"] .apply-intro .apply-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:none}body[data-page="bewerbungen"] .apply-steps>div{font-size:12px;display:block}}
@media(max-width:560px){body[data-page="bewerbungen"] .apply-layout>.apply-card{padding:21px}body[data-page="bewerbungen"] .apply-intro .apply-steps{grid-template-columns:1fr}body[data-page="bewerbungen"] .apply-steps>div{display:flex}body[data-page="bewerbungen"] #statuspruefung .apply-card{padding:23px}}