/* STOCK — gemeinsames Markensystem · V6 */
:root{--orange:#ff8a00;--bg:#0c0d0e;--light:#f4f0e8}
html{scroll-padding-top:85px}body{overflow-x:hidden}
.stock-header{position:sticky;top:0;z-index:90;background:rgba(12,13,14,.96);backdrop-filter:blur(12px);border-bottom:1px solid #36383a;color:#f4f0e8;font-family:Arial,Helvetica,sans-serif}
.stock-header-inner{width:min(1250px,calc(100% - 48px));min-height:76px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:26px}
.stock-brand,.stock-footer-brand{font-weight:950;font-size:32px;letter-spacing:-2px;line-height:1;color:#fff;text-decoration:none}
.stock-brand span,.stock-footer-brand span{color:#ff8a00}
.stock-nav{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:clamp(10px,2.4vw,29px)}
.stock-nav a{font:800 12px/1.3 Arial,Helvetica,sans-serif;letter-spacing:.8px;color:#dcdcdc;text-decoration:none}
.stock-nav a:hover,.stock-nav a[aria-current=page]{color:#ff8a00}
.stock-footer{border-top:1px solid #36383a;background:#0c0d0e;color:#aaa;font-family:Arial,Helvetica,sans-serif}
.stock-footer-inner{width:min(1250px,calc(100% - 48px));margin:auto;padding:31px 0;display:flex;align-items:center;gap:25px;justify-content:space-between;flex-wrap:wrap}
.stock-footer-inner p{font-size:12px;color:#9fa0a0;margin:0}.stock-footer-inner>a:last-child{font-size:12px;font-weight:800;color:#eee;text-decoration:none}
.stock-footer-inner>a:hover{color:#ff8a00}
/* Startseite */
.home-hero{grid-template-columns:minmax(0,1.1fr) minmax(330px,.9fr);gap:clamp(26px,5vw,80px);min-height:620px;align-items:center}
.home-hero .display{font-size:clamp(50px,5.2vw,79px);line-height:1.03;letter-spacing:-2.4px;overflow-wrap:break-word}
.home-hero .lead{max-width:600px;font-size:18px}
.home-hero .hero-portrait{margin:0;padding:0;border:0;background:transparent;align-self:center;max-width:none}
.home-hero .hero-portrait img{width:100%;height:auto;max-height:640px;display:block;object-fit:contain}
.worlds{display:grid;grid-template-columns:1.35fr 1fr;gap:18px;margin-top:30px}
.world{background:#181a1b;border:1px solid #34383a;overflow:hidden;display:flex;flex-direction:column}
.world img{display:block;width:100%;aspect-ratio:16/8.2;object-fit:cover}
.world-content{padding:clamp(22px,2.8vw,35px);flex:1;display:flex;flex-direction:column;align-items:start}
.world h3{font-size:clamp(31px,3.1vw,51px);line-height:1.02;margin:17px 0 14px;overflow-wrap:anywhere}
.world h3 em{font-style:normal;color:#f5f2ed}.world p{color:#bfc1c0;font-size:16px;line-height:1.6;max-width:620px;margin:0 0 25px}
.world .btn{margin-top:auto}.world-it{background:#1c1e1f}.world-small{background:#121415}
.world-small h3{font-size:clamp(29px,2.5vw,40px)}.world-small h3 em{color:#f4f0e8}
.world-status{font-size:11px;color:#aaa;letter-spacing:1px;font-weight:800;margin-top:auto;border-top:1px solid #414141;padding-top:13px}
/* Bewerbungsprofil – die Porträtgrafik wird NICHT durch Schrift oder Rahmen überlagert */
body:has(.stock-it-portrait) .hero{grid-template-columns:minmax(0,1.12fr) minmax(310px,.88fr);gap:clamp(24px,4vw,62px);min-height:620px}
body:has(.stock-it-portrait) .hero h1{font-size:clamp(49px,5vw,78px);line-height:.98}
.stock-it-portrait{margin:0;min-width:0;max-width:550px;justify-self:end}
.stock-it-portrait img{width:100%;height:auto;display:block;object-fit:contain;max-height:645px}
body:has(.stock-it-portrait) .brush-label{clip-path:none;transform:none;background:none;color:#ff8a00;font:900 12px/1.5 Arial,sans-serif;letter-spacing:2px;padding:0}
/* Leserhythmus: einzelne sachliche helle Abschnitte bleiben im IT-Profil erhalten */
@media(max-width:900px){.home-hero{grid-template-columns:1fr 1fr;gap:24px;min-height:0}.home-hero .display{font-size:clamp(42px,6vw,65px)}.worlds{grid-template-columns:1fr 1fr}body:has(.stock-it-portrait) .hero{grid-template-columns:1fr 1fr;min-height:0;gap:22px}}
@media(max-width:700px){.stock-header-inner{padding:16px 0;display:block}.stock-brand{font-size:28px;display:inline-block;margin-bottom:16px}.stock-nav{justify-content:flex-start;gap:12px 17px}.stock-nav a{font-size:10px}.home-hero,.worlds,body:has(.stock-it-portrait) .hero{grid-template-columns:1fr}.home-hero .hero-portrait{max-width:510px;margin:auto}.home-hero .display{font-size:clamp(43px,10vw,69px)}.stock-it-portrait{width:min(100%,510px);max-width:none;margin:0 auto}body:has(.stock-it-portrait) .hero h1{font-size:clamp(50px,10vw,75px)}.world img{aspect-ratio:16/9}}
@media(max-width:420px){.stock-header-inner,.stock-footer-inner{width:calc(100% - 32px)}.stock-nav{gap:10px 13px}.stock-nav a{font-size:9px}.home-hero .display{font-size:42px}}


/* V6.1 – STOCK mit schrägem Bereichs-Tag */
.stock-brand-cluster,.stock-footer-cluster{display:flex;align-items:center;gap:12px;min-width:0}
.stock-page-tag{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:6px 14px;background:var(--orange);color:#131313;font:900 11px/1 Arial,Helvetica,sans-serif;letter-spacing:1.1px;text-transform:uppercase;transform:skewX(-18deg);box-shadow:0 0 0 1px rgba(0,0,0,.18)}
.stock-page-tag::before{content:'';display:none}
.stock-page-tag{border-radius:1px}
.stock-page-tag{position:relative}
.stock-page-tag{white-space:nowrap}
.stock-page-tag{margin-top:2px}
.stock-page-tag{font-size:10.5px}
.stock-page-tag{padding-inline:13px}
.stock-page-tag{align-self:center}
.stock-page-tag{filter:saturate(1.03)}
.stock-page-tag,.stock-page-tag *{transform:skewX(0)}
.stock-page-tag{transform:skewX(-18deg)}
.stock-page-tag{overflow:hidden}
.stock-page-tag::after{content:attr(data-blank)}
.stock-page-tag{font-weight:900}
.stock-page-tag{letter-spacing:1.2px}
.stock-page-tag{line-height:1}
.stock-page-tag{display:inline-flex}
.stock-page-tag{font-family:Arial,Helvetica,sans-serif}
.stock-page-tag{box-shadow:none}
.stock-page-tag{border:1px solid rgba(0,0,0,.08)}
.stock-page-tag{padding-top:7px;padding-bottom:6px}
.stock-page-tag{padding-left:14px;padding-right:14px}
.stock-page-tag{transform-origin:left center}
.stock-page-tag{will-change:transform}
.stock-page-tag{color:#111}
.stock-page-tag{background:linear-gradient(135deg,#ff9a22,#ff8a00)}
.stock-page-tag{font-size:10px}
.stock-page-tag{letter-spacing:1.4px}
.stock-page-tag{font-weight:900}
.stock-page-tag{position:relative}
.stock-page-tag{isolation:isolate}
.stock-page-tag{display:inline-block}
.stock-page-tag{transform:skewX(-18deg)}
.stock-page-tag{padding:8px 14px 7px}
.stock-page-tag{clip-path:polygon(9% 0,100% 0,91% 100%,0 100%)}
.stock-page-tag{white-space:nowrap}
.stock-page-tag{color:#121212}
.stock-page-tag{font:900 10px/1 Arial,Helvetica,sans-serif}
.stock-page-tag{letter-spacing:1.35px}
.stock-page-tag{ text-transform:uppercase }
.stock-page-tag{ }
.stock-page-tag span{display:inline-block;transform:skewX(18deg)}
.stock-footer-cluster .footer-tag{background:#1d1e20;color:#f4f0e8;border-color:#3b3d40}
.stock-footer-cluster .stock-footer-brand{margin-right:2px}
@media(max-width:700px){.stock-brand-cluster,.stock-footer-cluster{gap:9px}.stock-page-tag{font-size:9px;padding:7px 12px 6px}}

/* V6.2 – Einzeilige zweite Hero-Zeile auf Desktop, responsiv skaliert */
@media(min-width:701px){
 .home-hero .display em{display:block;white-space:nowrap;font-size:clamp(27px,2.75vw,43px);letter-spacing:-1.5px;line-height:1.2}
}
@media(max-width:700px){
 .home-hero .display em{display:block;white-space:normal;font-size:clamp(29px,7.6vw,46px);line-height:1.17;letter-spacing:-1.2px}
}

/* Konsistenter zweizeiliger Hero: keine erzwungenen Breaks einzelner Wörter. */
.home-hero .display{width:100%;max-width:none;overflow:visible;overflow-wrap:normal;word-break:normal;letter-spacing:-.055em}
.home-hero .hero-title-line{display:block;white-space:nowrap;line-height:1.08}
.home-hero .hero-title-line-first{font-size:clamp(27px,3.05vw,46px);color:#f4f0e8}
.home-hero .hero-title-line-second{font-size:clamp(24px,2.73vw,41px);color:#ff8a00;letter-spacing:-.05em;margin-top:.1em}
@media(max-width:900px){
.home-hero .hero-title-line-first{font-size:clamp(25px,3.25vw,35px)}
.home-hero .hero-title-line-second{font-size:clamp(21px,2.9vw,31px)}
}
@media(max-width:700px){
.home-hero .hero-title-line-first{font-size:clamp(25px,6.8vw,43px)}
.home-hero .hero-title-line-second{font-size:clamp(20px,5.7vw,36px)}
}
@media(max-width:420px){
.home-hero .hero-title-line-first{font-size:clamp(23px,6.65vw,28px)}
.home-hero .hero-title-line-second{font-size:clamp(19px,5.35vw,24px)}
}