/* ---- VARIABLES ---- */
    :root {
      --red:        #1B4894;   /* PRIMÄR: dunkelblau (ex-rot) */
      --red-dark:   #0E2A5E;
      --red-glow:   rgba(27,72,148,0.35);
      --blue:       #1E5BBF;
      --blue-dark:  #123E86;
      --blue-light: #5BA7E8;
      --blue-glow:  rgba(30,91,191,0.40);
      --yellow:     #F5B81C;   /* KONTRAST-AKZENT */
      --yellow-dark:#D89A00;
      --yellow-ink: #10233F;
      --yellow-glow:rgba(245,184,28,0.40);
      --black:      #111111;
      --gray-900:   #1A1A1A;
      --gray-800:   #2C2C2C;
      --gray-700:   #3D3D3D;
      --gray-600:   #555555;
      --gray-500:   #777777;
      --gray-400:   #999999;
      --gray-300:   #BBBBBB;
      --gray-200:   #DDDDDD;
      --gray-100:   #F0F0F0;
      --white:      #FFFFFF;
      --cream:      #F7F5F2;
      --font-display: 'Barlow Condensed', sans-serif;
      --font-body:    'DM Sans', sans-serif;
      --shadow-sm:  0 2px 8px rgba(0,0,0,0.08);
      --shadow-md:  0 8px 30px rgba(0,0,0,0.12);
      --shadow-lg:  0 20px 60px rgba(0,0,0,0.18);
      --r-sm: 3px; --r-md: 8px; --r-lg: 16px;
      --ease: cubic-bezier(0.25,0.46,0.45,0.94);
      --t: 0.35s var(--ease);
      --t-fast: 0.18s ease;
    }

    /* ---- RESET ---- */
    *, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
    html { scroll-behavior:smooth; scroll-padding-top:76px; font-size:16px;
           -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
    body { font-family:var(--font-body); color:var(--black); background:var(--white);
           overflow-x:hidden; line-height:1.7; }
    img  { max-width:100%; height:auto; display:block; }
    a    { text-decoration:none; color:inherit; transition:color var(--t-fast); }
    ::selection { background:var(--red); color:var(--white); }

    /* ---- REDUCED MOTION ---- */
    @media (prefers-reduced-motion: reduce) {
      *, *::before, *::after { animation-duration:0.01ms !important;
        animation-iteration-count:1 !important; transition-duration:0.01ms !important; }
      .hero-particles { display:none; }
    }

    /* ---- FOCUS STYLES (WCAG 2.1 AA) ---- */
    :focus-visible {
      outline: 3px solid var(--red);
      outline-offset: 3px;
      border-radius: var(--r-sm);
    }

    /* ---- SCROLLBAR ---- */
    ::-webkit-scrollbar { width:6px; }
    ::-webkit-scrollbar-track { background:var(--gray-100); }
    ::-webkit-scrollbar-thumb { background:var(--red); border-radius:3px; }

    /* ---- PROGRESS BAR ---- */
    /* Backend: Insert into header/global layout slot */
    .progress-bar { position:fixed; top:0; left:0; height:3px; background:var(--red);
                    width:0%; z-index:10001; transition:width 0.1s linear; }

    /* ---- LOADER ---- */
    .loader { position:fixed; inset:0; background:var(--black); z-index:10000;
              display:flex; align-items:center; justify-content:center;
              flex-direction:column; gap:20px;
              transition:opacity 0.5s ease, visibility 0.5s ease; }
    .loader.hidden { opacity:0; visibility:hidden; pointer-events:none; }
    .loader-brand { display:flex; flex-direction:column; align-items:center; gap:16px; }
    .loader-logo { width:84px; height:84px; border-radius:50%;
                   box-shadow:0 8px 26px rgba(0,0,0,.55), 0 0 0 1px rgba(91,167,232,.25);
                   animation:ldpulse 1.6s var(--ease) infinite; }
    @keyframes ldpulse { 0%,100%{ transform:scale(1); opacity:.96; }
                         50%{ transform:scale(1.07); opacity:1; } }
    .loader-wordmark { font-family:var(--font-display); font-size:1.8rem;
                       color:var(--white); letter-spacing:5px; font-weight:800; }
    .loader-wordmark em { color:var(--blue-light); font-style:normal; }
    .loader-line { width:160px; height:2px; background:var(--gray-800);
                   border-radius:2px; overflow:hidden; }
    .loader-line::after { content:''; display:block; width:100%; height:100%;
      background:var(--red); animation:ldanim 0.8s var(--ease) infinite;
      transform-origin:left; }
    @keyframes ldanim {
      0%   { transform:scaleX(0); transform-origin:left; }
      50%  { transform:scaleX(1); transform-origin:left; }
      51%  { transform-origin:right; }
      100% { transform:scaleX(0); transform-origin:right; }
    }

    /* ---- CURSOR (desktop only) ---- */
    .cursor-dot, .cursor-ring { display:none; }
    @media (hover:hover) and (pointer:fine) {
      .cursor-dot  { display:block; position:fixed; width:7px; height:7px;
                     background:var(--red); border-radius:50%; pointer-events:none;
                     z-index:9999; transform:translate(-50%,-50%); }
      .cursor-ring { display:block; position:fixed; width:32px; height:32px;
                     border:1.5px solid var(--red); border-radius:50%; pointer-events:none;
                     z-index:9998; transform:translate(-50%,-50%);
                     transition:width .3s ease,height .3s ease; opacity:.55; }
      .cursor-ring.hover { width:52px; height:52px; opacity:.9; }
    }

    /* ---- NAVIGATION ---- */
    /* Backend: Insert into global header slot */
    .nav { position:fixed; top:0; left:0; right:0; z-index:1000; padding:18px 32px;
           background:linear-gradient(to bottom, rgba(17,17,17,0.92) 0%, rgba(17,17,17,0.55) 60%, rgba(17,17,17,0) 100%);
           transition:all var(--t); }
    .nav.scrolled { background:rgba(17,17,17,0.96); backdrop-filter:blur(24px);
                    -webkit-backdrop-filter:blur(24px); padding:10px 32px;
                    box-shadow:0 2px 24px rgba(0,0,0,0.35); }
    .nav-inner { max-width:1400px; margin:0 auto; display:flex;
                 align-items:center; justify-content:space-between; gap:24px; }
    /* Logo – echtes Marken-Logo (rund), plastischer 3D-Effekt, ragt unter der Sticky-Bar hervor */
    .nav { overflow:visible; }
    .nav-logo { display:flex; align-items:center; z-index:1001; position:relative; }
    .nav-logo-img { height:60px; width:60px; border-radius:50%; object-fit:cover;
                    background:#0c0f16;
                    box-shadow:inset 0 2px 5px rgba(255,255,255,.30),
                               inset 0 -7px 14px rgba(0,0,0,.55),
                               0 8px 22px rgba(0,0,0,.55);
                    transition:transform var(--t), box-shadow var(--t), filter var(--t);
                    will-change:transform; }
    .nav-logo::after { /* glanz / plastischer Sheen */
                    content:""; position:absolute; left:0; top:0; width:60px; height:60px;
                    border-radius:50%; pointer-events:none;
                    background:radial-gradient(circle at 34% 26%, rgba(255,255,255,.45), rgba(255,255,255,0) 42%);
                    transition:all var(--t); }
    .nav.scrolled .nav-logo-img { height:52px; width:52px; }
    .nav.scrolled .nav-logo::after { width:52px; height:52px; }
    @media (min-width:900px){
      .nav-logo-img { height:96px; width:96px; margin-bottom:-34px;   /* ragt unter die Leiste */
                      border:2px solid rgba(255,255,255,.16);
                      box-shadow:inset 0 3px 7px rgba(255,255,255,.32),
                                 inset 0 -10px 20px rgba(0,0,0,.55),
                                 0 14px 30px rgba(0,0,0,.55); }
      .nav-logo::after { width:96px; height:96px; }
      .nav.scrolled .nav-logo-img { height:78px; width:78px; margin-bottom:-24px; }
      .nav.scrolled .nav-logo::after { width:78px; height:78px; }
    }
    .nav-logo:hover .nav-logo-img { transform:translateY(-3px) scale(1.05) rotate(-2.5deg);
                    box-shadow:inset 0 3px 7px rgba(255,255,255,.4),
                               inset 0 -10px 20px rgba(0,0,0,.5),
                               0 16px 34px var(--blue-glow), 0 0 0 2px rgba(91,167,232,.35); }
    .nav-logo:hover::after { background:radial-gradient(circle at 36% 24%, rgba(255,255,255,.6), rgba(255,255,255,0) 46%); }
    @media (max-width:768px){
      .nav-logo-img { height:46px; width:46px; }
      .nav-logo::after { width:46px; height:46px; }
      .nav.scrolled .nav-logo-img { height:42px; width:42px; }
      .nav.scrolled .nav-logo::after { width:42px; height:42px; }
    }

    /* Nav links */
    .nav-links { display:none; list-style:none; gap:28px; align-items:center; }
    @media (min-width:900px) { .nav-links { display:flex; } }
    .nav-links a { color:rgba(255,255,255,.75); font-weight:500; font-size:.82rem;
                   letter-spacing:1.5px; text-transform:uppercase; position:relative; padding-bottom:4px; }
    .nav-links a::after { content:''; position:absolute; bottom:0; left:0; width:0;
                          height:2px; background:var(--red); transition:width var(--t); }
    .nav-links a:hover, .nav-links a.active { color:var(--white); }
    .nav-links a:hover::after, .nav-links a.active::after { width:100%; }

    /* CTA in nav */
    .nav-cta { display:none; }
    @media (min-width:900px) { .nav-cta { display:inline-flex; } }

    /* Language Switcher */
    .lang-switcher { display:flex; align-items:center; gap:4px;
                     font-size:.72rem; font-weight:600; letter-spacing:1.5px; }
    .lang-switcher a { color:rgba(255,255,255,.45); text-transform:uppercase; padding:4px 6px;
                       border-radius:var(--r-sm); transition:all var(--t-fast); }
    .lang-switcher a:hover { color:var(--white); background:rgba(255,255,255,.08); }
    .lang-switcher a.active { color:var(--red); background:rgba(27,72,148,.12); }
    .lang-sep { color:rgba(255,255,255,.2); font-weight:300; }

    /* Hamburger */
    .hamburger { z-index:1001; background:none; border:none; cursor:pointer;
                 width:28px; height:20px; display:flex; flex-direction:column;
                 justify-content:space-between; }
    @media (min-width:900px) { .hamburger { display:none; } }
    .hamburger span { display:block; width:100%; height:2px; background:var(--white);
                      border-radius:2px; transition:all .3s ease; transform-origin:center; }
    .hamburger.active span:nth-child(1) { transform:translateY(9px) rotate(45deg); }
    .hamburger.active span:nth-child(2) { opacity:0; transform:scaleX(0); }
    .hamburger.active span:nth-child(3) { transform:translateY(-9px) rotate(-45deg); }

    /* Mobile Menu */
    .mobile-menu { position:fixed; inset:0; background:var(--black); z-index:999;
                   display:flex; align-items:center; justify-content:center;
                   flex-direction:column; gap:4px;
                   opacity:0; visibility:hidden; transition:all .4s ease; }
    .mobile-menu.open { opacity:1; visibility:visible; }
    .mobile-menu a { font-family:var(--font-display); font-size:2.2rem; color:var(--white);
                     letter-spacing:6px; padding:10px 0; text-transform:uppercase;
                     transform:translateY(18px); opacity:0; transition:all .3s ease; }
    .mobile-menu.open a { transform:translateY(0); opacity:1; }
    .mobile-menu.open a:nth-child(1){transition-delay:.08s}
    .mobile-menu.open a:nth-child(2){transition-delay:.13s}
    .mobile-menu.open a:nth-child(3){transition-delay:.18s}
    .mobile-menu.open a:nth-child(4){transition-delay:.23s}
    .mobile-menu.open a:nth-child(5){transition-delay:.28s}
    .mobile-menu.open a:nth-child(6){transition-delay:.33s}
    .mobile-menu.open a:nth-child(7){transition-delay:.38s}
    .mobile-menu a:hover { color:var(--red); }
    .mobile-lang { display:flex; gap:16px; margin-top:32px; }
    .mobile-lang a { font-family:var(--font-display); font-size:1rem; letter-spacing:3px;
                     color:rgba(255,255,255,.4); transition:all var(--t-fast); }
    .mobile-lang a.active { color:var(--red); }
    .mobile-lang a:hover { color:var(--white); }

    /* ---- BUTTONS ---- */
    .btn { display:inline-flex; align-items:center; gap:10px; padding:14px 32px;
           font-family:var(--font-body); font-size:.82rem; font-weight:600;
           letter-spacing:1.5px; text-transform:uppercase; border:none; cursor:pointer;
           border-radius:var(--r-sm); transition:all var(--t); overflow:hidden;
           white-space:nowrap; }
    .btn-primary { background:var(--red); color:var(--white); }
    .btn-primary:hover { background:var(--red-dark); transform:translateY(-2px);
                         box-shadow:0 10px 32px var(--red-glow); }
    .btn-outline { background:transparent; color:var(--white);
                   border:1.5px solid rgba(255,255,255,.3); }
    .btn-outline:hover { border-color:var(--red); color:var(--red); transform:translateY(-2px); }
    .btn-outline-dark { background:transparent; color:var(--black);
                        border:1.5px solid rgba(0,0,0,.25); }
    .btn-outline-dark:hover { border-color:var(--red); color:var(--red); transform:translateY(-2px); }
    .btn-arrow { transition:transform .3s ease; }
    .btn:hover .btn-arrow { transform:translateX(4px); }

    /* ---- SECTIONS ---- */
    .section { padding:96px 24px; position:relative; }
    .section-dark { background:var(--black); color:var(--white); }
    .section-cream { background:var(--cream); }
    .section-white { background:var(--white); }
    .container { max-width:1200px; margin:0 auto; }
    .section-header { text-align:center; max-width:760px; margin:0 auto 64px; }
    .section-eyebrow { display:inline-flex; align-items:center; gap:12px;
                       font-size:.72rem; font-weight:600; letter-spacing:4px;
                       text-transform:uppercase; color:var(--red); margin-bottom:14px; }
    .section-eyebrow::before,.section-eyebrow::after { content:''; width:28px; height:1px; background:var(--red); }
    .section-title { font-family:var(--font-display); font-size:clamp(2rem,4.5vw,3.2rem);
                     font-weight:800; letter-spacing:3px; line-height:1.08; margin-bottom:16px; text-transform:uppercase; }
    .section-desc { font-size:1rem; line-height:1.85; font-weight:300; }
    .section-dark .section-desc { color:var(--gray-300); }
    .section-white .section-desc, .section-cream .section-desc { color:var(--gray-600); }

    /* ---- REVEAL ANIMATIONS ---- */
    .reveal,.reveal-l,.reveal-r {
      opacity:0; transition:opacity .7s var(--ease), transform .7s var(--ease);
    }
    .reveal { transform:translateY(36px); }
    .reveal-l { transform:translateX(-36px); }
    .reveal-r { transform:translateX(36px); }
    .reveal.vis,.reveal-l.vis,.reveal-r.vis { opacity:1; transform:none; }

    /* ---- HERO ---- */
    /* Backend: Insert into page hero slot (first section after nav) */
    .hero { position:relative; min-height:100vh; min-height:100dvh;
            display:flex; align-items:center; justify-content:center;
            overflow:hidden; background:var(--black); }
    .hero-video { position:absolute; top:0; left:0; width:100%; height:100%;
                  object-fit:cover; opacity:.3; pointer-events:none; }
    .hero-overlay { position:absolute; inset:0;
      background:linear-gradient(160deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.45) 55%,rgba(27,72,148,.15) 100%); }
    .hero-grid { position:absolute; inset:0;
      background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
                       linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
      background-size:64px 64px; pointer-events:none; }
    .hero-particles { position:absolute; inset:0; overflow:hidden; pointer-events:none; }
    .particle { position:absolute; width:3px; height:3px; background:var(--red);
                border-radius:50%; opacity:.35; animation:fp linear infinite; }
    @keyframes fp {
      0%   { transform:translateY(100vh); opacity:0; }
      8%   { opacity:.35; }
      92%  { opacity:.35; }
      100% { transform:translateY(-8vh); opacity:0; }
    }
    .hero-content { position:relative; z-index:2; text-align:center;
                    padding:0 24px; max-width:980px; }
    .hero-badge { display:inline-flex; align-items:center; gap:8px;
                  background:rgba(27,72,148,.14); border:1px solid rgba(27,72,148,.4);
                  border-radius:50px; padding:7px 18px; margin-bottom:24px;
                  font-size:.72rem; font-weight:600; color:rgba(255,255,255,.8);
                  letter-spacing:2.5px; text-transform:uppercase;
                  animation:fadeup .8s ease .2s both; }
    .badge-dot { width:7px; height:7px; background:var(--red); border-radius:50%;
                 animation:pulse 2s ease infinite; }
    @keyframes pulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.4;transform:scale(1.6)} }
    .hero h1 { font-family:var(--font-display); font-size:clamp(3rem,11vw,7.5rem);
               color:var(--white); line-height:.92; letter-spacing:6px; text-transform:uppercase;
               margin-bottom:22px; font-weight:900;
               animation:fadeup .8s ease .45s both; }
    .hero h1 .accent { color:var(--yellow); }
    .hero h1 .stroke { color:transparent; -webkit-text-stroke:2px rgba(255,255,255,.7); }
    .hero-sub { font-size:clamp(.95rem,2.2vw,1.2rem); color:rgba(255,255,255,.65);
                max-width:660px; margin:0 auto 40px; font-weight:300; line-height:1.85;
                animation:fadeup .8s ease .65s both; }
    .hero-btns { display:flex; flex-wrap:wrap; gap:14px; align-items:center;
                 justify-content:center; animation:fadeup .8s ease .85s both; }
    .hero-stats { display:flex; flex-wrap:wrap; justify-content:center; gap:16px;
                  margin-top:56px; animation:fadeup .8s ease 1.05s both; }
    .hero-stat { text-align:center; padding:14px 22px;
                 border:1px solid rgba(255,255,255,.1); border-radius:var(--r-md);
                 background:rgba(255,255,255,.04); backdrop-filter:blur(12px);
                 min-width:140px; }
    .hero-stat-n { font-family:var(--font-display); font-size:clamp(1.6rem,3.5vw,2.2rem);
                   color:var(--red); line-height:1; font-weight:800; }
    .hero-stat-l { font-size:.68rem; color:rgba(255,255,255,.45);
                   text-transform:uppercase; letter-spacing:2px; margin-top:6px; }
    .hero-scroll { position:absolute; bottom:28px; left:50%; transform:translateX(-50%);
                   z-index:2; display:flex; flex-direction:column; align-items:center;
                   gap:8px; color:rgba(255,255,255,.35); font-size:.65rem;
                   letter-spacing:3px; text-transform:uppercase;
                   animation:fadeup 1s ease 1.3s both; }
    .hero-scroll-line { width:1px; height:36px;
      background:linear-gradient(to bottom,var(--red),transparent);
      animation:scrdwn 2s ease infinite; }
    @keyframes scrdwn {
      0%{transform:scaleY(0);transform-origin:top}
      50%{transform:scaleY(1);transform-origin:top}
      51%{transform-origin:bottom}
      100%{transform:scaleY(0);transform-origin:bottom}
    }
    @keyframes fadeup { from{opacity:0;transform:translateY(28px)} to{opacity:1;transform:none} }

    /* ---- ÜBER UNS ---- */
    /* Backend: Insert into "about" content area */
    .about-grid { display:grid; gap:48px; align-items:center; }
    @media (min-width:768px) { .about-grid { grid-template-columns:1fr 1fr; } }
    .about-img-wrap { position:relative; border-radius:var(--r-lg); overflow:hidden;
                      aspect-ratio:4/3; background:var(--gray-100); }
    /* project photo set via .about-img-wrap img */
    .about-img-placeholder {
      width:100%; height:100%;
      background:linear-gradient(135deg,#e8e0d5 0%,#d0c8c0 100%);
      display:flex; align-items:center; justify-content:center; }
    .about-img-placeholder svg { width:80px; height:80px; opacity:.25; }
    .about-img-badge { position:absolute; bottom:16px; left:16px;
                       background:var(--red); color:var(--white);
                       padding:10px 18px; border-radius:var(--r-md);
                       font-family:var(--font-display); font-size:1.1rem;
                       letter-spacing:2px; font-weight:700; }
    .about-content { display:flex; flex-direction:column; gap:20px; }
    .about-title { font-family:var(--font-display); font-size:clamp(1.8rem,3.5vw,2.8rem);
                   letter-spacing:3px; line-height:1.08; font-weight:800; text-transform:uppercase; }
    .about-title .accent { color:var(--yellow); }
    .about-text { color:var(--gray-600); line-height:1.9; font-weight:300; font-size:.97rem; }
    .about-checks { list-style:none; display:flex; flex-direction:column; gap:10px; }
    .about-checks li { display:flex; align-items:flex-start; gap:12px;
                       font-size:.9rem; color:var(--gray-700); font-weight:400; }
    .about-checks li svg { flex-shrink:0; margin-top:3px; width:18px; height:18px;
                           fill:none; stroke:var(--red); stroke-width:1.8;
                           stroke-linecap:round; stroke-linejoin:round; }

    /* ---- LOGISTIK CARDS ---- */
    /* Backend: Insert into "features/compliance" content area */
    .logistik-grid { display:grid; gap:20px; }
    @media (min-width:600px) { .logistik-grid { grid-template-columns:repeat(2,1fr); } }
    @media (min-width:1024px) { .logistik-grid { grid-template-columns:repeat(4,1fr); } }
    .logistik-card { padding:28px 22px; background:var(--white);
                     border:1px solid var(--gray-200); border-radius:var(--r-lg);
                     transition:all var(--t); }
    .logistik-card:hover { transform:translateY(-4px); box-shadow:var(--shadow-md);
                           border-color:rgba(27,72,148,.2); }
    .lc-icon { width:44px; height:44px; background:rgba(27,72,148,.08);
               border-radius:var(--r-sm); display:flex; align-items:center;
               justify-content:center; margin-bottom:16px; }
    .lc-icon svg { width:22px; height:22px; stroke:var(--red); fill:none;
                   stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
    .logistik-card h3 { font-family:var(--font-display); font-size:1.15rem;
                        letter-spacing:1.5px; margin-bottom:10px; font-weight:700; text-transform:uppercase; }
    .logistik-card p { font-size:.88rem; color:var(--gray-600); line-height:1.75; font-weight:300; }

    /* ---- MARQUEE ---- */
    .marquee-section { padding:32px 0; overflow:hidden; background:var(--red); }
    .marquee-track { display:flex; animation:marquee 28s linear infinite; width:max-content; }
    .marquee-item { font-family:var(--font-display); font-size:clamp(1.6rem,4vw,3rem);
                    color:var(--white); white-space:nowrap; padding:0 36px;
                    letter-spacing:5px; opacity:.9; font-weight:700; text-transform:uppercase; }
    .marquee-sep { display:inline-block; width:8px; height:8px;
                   background:rgba(255,255,255,.5); border-radius:50%;
                   margin:0 20px; vertical-align:middle; }
    @keyframes marquee { 0%{transform:translateX(0)} 100%{transform:translateX(-50%)} }

    /* ---- SERVICES ---- */
    /* Backend: Insert into "services" content area */
    .services-grid { display:grid; gap:18px; }
    @media (min-width:600px) { .services-grid { grid-template-columns:repeat(2,1fr); } }
    @media (min-width:1024px) { .services-grid { grid-template-columns:repeat(3,1fr); } }
    .service-card { position:relative; border-radius:var(--r-lg); overflow:hidden;
                    background:var(--gray-900); border:1px solid rgba(255,255,255,.10);
                    transition:all var(--t); }
    /* service-card uses real <img> inside .service-card-img */
    .service-card-img { aspect-ratio:16/9; overflow:hidden; }
    .service-card-img img { width:100%; height:100%; object-fit:cover; opacity:.55;
                            transition:transform .6s ease, opacity .6s ease; }
    .service-card:hover .service-card-img img { transform:scale(1.06); opacity:.7; }
    .service-card-body { padding:24px 22px 28px; }
    .sc-num { font-family:var(--font-display); font-size:2.4rem;
              color:rgba(255,255,255,.06); line-height:1; margin-bottom:6px; font-weight:900; }
    .sc-icon { width:36px; height:36px; margin-bottom:12px; }
    .sc-icon svg { width:100%; height:100%; stroke:var(--red); fill:none;
                   stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
    .service-card h3 { font-family:var(--font-display); font-size:1.25rem;
                       letter-spacing:2px; margin-bottom:10px; color:var(--white);
                       font-weight:700; text-transform:uppercase; }
    .service-card p { font-size:.87rem; color:rgba(255,255,255,.6); line-height:1.75; font-weight:300; }
    .service-card::after { content:''; position:absolute; top:0; left:0; right:0;
                           height:3px; background:var(--red);
                           transform:scaleX(0); transform-origin:left; transition:transform var(--t); }
    .service-card:hover::after { transform:scaleX(1); }

    /* ---- INDUSTRY CATEGORIES ---- */
    /* Backend: Insert into "industries/categories" content area */
   

    /* ---- REFERENZEN ---- */
    /* Backend: Insert into "references" content area */

    /* ---- PROCESS / ABLAUF ---- */
    /* Backend: Insert into "process" or "how-it-works" content area */
    .process-steps { display:grid; gap:0; counter-reset:steps; }
    @media (min-width:768px) { .process-steps { grid-template-columns:repeat(4,1fr); } }
    .process-step { padding:32px 24px; position:relative; text-align:center; }
    @media (min-width:768px) {
      .process-step:not(:last-child)::after {
        content:''; position:absolute; top:44px; right:-1px; width:1px; height:40px;
        background:linear-gradient(to bottom,var(--red),transparent);
      }
    }
    .process-num { display:inline-flex; align-items:center; justify-content:center;
                   width:52px; height:52px; border:2px solid var(--red);
                   border-radius:50%; font-family:var(--font-display); font-size:1.4rem;
                   font-weight:800; color:var(--red); margin:0 auto 18px; }
    .process-step h3 { font-family:var(--font-display); font-size:1.1rem; letter-spacing:1.5px;
                       font-weight:700; text-transform:uppercase; margin-bottom:10px; color:var(--white); }
    .process-step p { font-size:.85rem; color:var(--gray-400); line-height:1.75; font-weight:300; }

    /* ---- FAQ ---- */
    /* Backend: Insert into "faq" content area */
    .faq-list { max-width:800px; margin:0 auto; display:flex; flex-direction:column; gap:8px; }
    .faq-item { background:var(--cream); border:1px solid var(--gray-200);
                border-radius:var(--r-md); overflow:hidden;
                transition:border-color var(--t-fast); }
    .faq-item.open { border-color:rgba(27,72,148,.25); }
    .faq-q { width:100%; text-align:left; background:none; border:none; cursor:pointer;
             padding:20px 22px; display:flex; align-items:center; justify-content:space-between;
             gap:16px; font-family:var(--font-body); font-size:.95rem; font-weight:500;
             color:var(--black); }
    .faq-icon { flex-shrink:0; width:22px; height:22px; border:1.5px solid var(--gray-400);
                border-radius:50%; display:flex; align-items:center; justify-content:center;
                transition:all var(--t-fast); }
    .faq-icon svg { width:10px; height:10px; stroke:var(--gray-500);
                    transition:transform .25s ease; }
    .faq-item.open .faq-icon { border-color:var(--red); background:var(--red); }
    .faq-item.open .faq-icon svg { stroke:var(--white); transform:rotate(45deg); }
    .faq-a { max-height:0; overflow:hidden; transition:max-height .35s ease; }
    .faq-item.open .faq-a { max-height:400px; }
    .faq-a-inner { padding:0 22px 20px; font-size:.9rem; color:var(--gray-600);
                   line-height:1.8; font-weight:300; }

    /* ---- REGIONEN ---- */
    .region-grid { display:grid; gap:20px; }
    @media (min-width:600px) { .region-grid { grid-template-columns:repeat(3,1fr); } }
    .region-card { padding:36px 28px; background:rgba(255,255,255,.04);
                   border:1px solid rgba(255,255,255,.1); border-radius:var(--r-lg);
                   text-align:center; transition:all var(--t); }
    .region-card:hover { background:rgba(255,255,255,.07); border-color:rgba(27,72,148,.3);
                         transform:translateY(-4px); }
    .region-flag { font-size:2.8rem; margin-bottom:14px; display:block; }
    .region-card h3 { font-family:var(--font-display); font-size:1.2rem; letter-spacing:2px;
                      color:var(--white); margin-bottom:10px; font-weight:700; text-transform:uppercase; }
    .region-card p { font-size:.87rem; color:var(--gray-400); line-height:1.75; font-weight:300; }

    /* ---- KONTAKT ---- */
    /* Backend: Insert into "contact" content area; form targets Netlify Forms */
    .contact-grid { display:grid; gap:48px; }
    @media (min-width:768px) { .contact-grid { grid-template-columns:1fr 1.4fr; align-items:start; } }
    .contact-info { display:flex; flex-direction:column; gap:24px; }
    .contact-method { display:flex; align-items:flex-start; gap:16px; }
    .cm-icon { width:40px; height:40px; flex-shrink:0; border:1px solid rgba(255,255,255,.12);
               border-radius:var(--r-sm); display:flex; align-items:center;
               justify-content:center; margin-top:2px; }
    .cm-icon svg { width:18px; height:18px; stroke:var(--red); fill:none;
                   stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
    .cm-label { font-size:.7rem; color:var(--gray-400); letter-spacing:2px;
                text-transform:uppercase; margin-bottom:4px; }
    .cm-value { font-size:.95rem; color:var(--white); font-weight:400; line-height:1.5; }
    .cm-value a:hover { color:var(--red); }

    /* Form */
    .contact-form { display:flex; flex-direction:column; gap:14px; }
    .form-row { display:grid; gap:14px; }
    @media (min-width:480px) { .form-row { grid-template-columns:1fr 1fr; } }
    .form-group { display:flex; flex-direction:column; }
    .form-input, .form-select, .form-textarea {
      padding:13px 16px; background:rgba(255,255,255,.06);
      border:1px solid rgba(255,255,255,.12); border-radius:var(--r-sm);
      color:var(--white); font-family:var(--font-body); font-size:.9rem;
      transition:border-color var(--t-fast), background var(--t-fast);
      outline:none; appearance:none; -webkit-appearance:none; }
    .form-input::placeholder,.form-textarea::placeholder { color:rgba(255,255,255,.35); }
    .form-input:focus,.form-select:focus,.form-textarea:focus {
      border-color:var(--red); background:rgba(255,255,255,.08); }
    .form-select { cursor:pointer; }
    .form-select option { background:var(--gray-900); color:var(--white); }
    .form-textarea { min-height:130px; resize:vertical; }
    /* Privacy checkbox */
    .form-privacy { display:flex; align-items:flex-start; gap:12px;
                    font-size:.8rem; color:rgba(255,255,255,.55); line-height:1.6; }
    .form-privacy input[type="checkbox"] { flex-shrink:0; width:16px; height:16px;
                                           accent-color:var(--red); margin-top:2px; cursor:pointer; }
    .form-privacy a { color:var(--red); text-decoration:underline; text-underline-offset:3px; }
    .form-privacy a:hover { color:var(--white); }
    /* Form states */
    .form-error { display:none; padding:12px 16px; background:rgba(27,72,148,.15);
                  border:1px solid rgba(27,72,148,.35); border-radius:var(--r-sm);
                  color:rgba(255,120,120,.9); font-size:.85rem; }
    .form-error.show { display:block; }
    .form-success { display:none; text-align:center; padding:40px 24px; }
    .form-success.show { display:block; }
    .form-success-icon { width:56px; height:56px; background:rgba(40,200,100,.15);
                         border:2px solid rgba(40,200,100,.4); border-radius:50%;
                         display:flex; align-items:center; justify-content:center;
                         margin:0 auto 16px; }
    .form-success-icon svg { width:24px; height:24px; stroke:#4caf50; fill:none;
                              stroke-width:2.5; stroke-linecap:round; stroke-linejoin:round; }
    .form-success h3 { font-family:var(--font-display); font-size:1.4rem; letter-spacing:3px;
                       color:var(--white); margin-bottom:8px; text-transform:uppercase; }
    .form-success p { color:var(--gray-400); font-size:.9rem; }

    /* ---- COMPLIANCE BANNER ---- */
    /* Backend: Insert above footer as standalone compliance section */
    .compliance-strip { padding:40px 24px; background:rgba(27,72,148,.06);
                        border-top:1px solid rgba(27,72,148,.15); }
    .compliance-strip .container { display:flex; flex-wrap:wrap; gap:20px;
                                   align-items:center; justify-content:center; }
    .comp-item { display:flex; align-items:center; gap:10px;
                 font-size:.8rem; color:var(--gray-600); }
    .comp-item svg { width:18px; height:18px; stroke:var(--red); fill:none;
                     stroke-width:1.8; flex-shrink:0; }
    .comp-sep { width:1px; height:24px; background:var(--gray-200); }

    /* ---- FOOTER ---- */
    /* Backend: Insert into global footer slot */
    .footer { background:var(--black); color:var(--gray-400); padding:64px 24px 32px; }
    .footer-grid { max-width:1200px; margin:0 auto;
                   display:grid; gap:40px; margin-bottom:48px; }
    @media (min-width:768px) { .footer-grid { grid-template-columns:1.5fr 1fr 1fr 1fr; } }
    .footer-brand p { font-size:.87rem; line-height:1.8; margin-top:12px; }
    .footer-col h4 { font-family:var(--font-display); font-size:.9rem; letter-spacing:3px;
                     color:var(--white); margin-bottom:16px; font-weight:700; text-transform:uppercase; }
    .footer-col ul { list-style:none; display:flex; flex-direction:column; gap:8px; }
    .footer-col ul li a { font-size:.87rem; color:var(--gray-500); transition:color var(--t-fast); }
    .footer-col ul li a:hover { color:var(--red); }
    .footer-bottom { max-width:1200px; margin:0 auto; padding-top:24px;
                     border-top:1px solid var(--gray-800);
                     display:flex; flex-wrap:wrap; align-items:center;
                     justify-content:space-between; gap:12px; }
    .footer-bottom p { font-size:.78rem; }
    .footer-legal-links { display:flex; gap:20px; }
    .footer-legal-links a { font-size:.78rem; color:var(--gray-500); transition:color var(--t-fast); }
    .footer-legal-links a:hover { color:var(--red); }
    /* Registry link */
    .footer-reg-link { font-size:.75rem; color:var(--gray-600); margin-top:8px; display:block; }
    .footer-reg-link a { color:var(--red); text-decoration:underline; text-underline-offset:3px; }
    .footer-reg-link a:hover { color:var(--white); }

    /* ---- LEGAL PERSON BLOCK (§ 5 TMG) ---- */
    /* Backend: This block is human-visible but JS-rendered to reduce automated scraping.
       noindex meta on container is supplementary — actual legal compliance via human visibility. */
    .legal-noindex { font-style:normal; }

    /* ---- MODALS ---- */
    /* Backend: Insert at end of body, before closing </body> tag */
    .modal-overlay { position:fixed; inset:0; background:rgba(0,0,0,.82);
                     z-index:9000; display:flex; align-items:center; justify-content:center;
                     padding:24px; opacity:0; visibility:hidden;
                     transition:opacity .35s ease, visibility .35s ease; }
    .modal-overlay.show { opacity:1; visibility:visible; }
    .modal-content { background:var(--white); border-radius:var(--r-lg);
                     padding:40px 36px; max-width:760px; width:100%;
                     max-height:88vh; overflow-y:auto; position:relative;
                     transform:translateY(12px); transition:transform .35s ease; }
    .modal-overlay.show .modal-content { transform:none; }
    .modal-close { position:absolute; top:16px; right:16px; width:36px; height:36px;
                   background:var(--gray-100); border:none; border-radius:50%; cursor:pointer;
                   display:flex; align-items:center; justify-content:center;
                   font-size:1.4rem; color:var(--gray-600);
                   transition:all var(--t-fast); }
    .modal-close:hover { background:var(--red); color:var(--white); }
    .modal-content h2 { font-family:var(--font-display); font-size:1.6rem; letter-spacing:3px;
                        margin-bottom:24px; color:var(--black); font-weight:700; text-transform:uppercase; }
    .modal-content h3 { font-family:var(--font-display); font-size:1.1rem; letter-spacing:2px;
                        margin:20px 0 8px; color:var(--black); font-weight:700; text-transform:uppercase; }
    .modal-content p, .modal-content address { font-size:.9rem; color:var(--gray-700);
                                               line-height:1.85; margin-bottom:12px;
                                               font-style:normal; }
    .modal-content a { color:var(--red); text-decoration:underline; text-underline-offset:3px; }
    .modal-content hr { border:none; border-top:1px solid var(--gray-200); margin:20px 0; }

    /* ---- COOKIE BANNER ---- */
    /* Backend: Insert before closing </body> tag */
    .cookie-banner { position:fixed; bottom:24px; left:24px; right:24px;
                     max-width:560px; background:var(--gray-900);
                     border:1px solid var(--gray-700); border-radius:var(--r-lg);
                     padding:20px 22px; z-index:8000; box-shadow:var(--shadow-lg);
                     transform:translateY(24px); opacity:0;
                     transition:transform .4s ease, opacity .4s ease;
                     pointer-events:none; }
    .cookie-banner.show { transform:none; opacity:1; pointer-events:all; }
    .cookie-text { font-size:.83rem; color:var(--gray-300); line-height:1.7; margin-bottom:14px; }
    .cookie-text a { color:var(--red); text-decoration:underline; text-underline-offset:3px; }
    .cookie-btns { display:flex; gap:10px; flex-wrap:wrap; }
    .cookie-btn { padding:9px 18px; border-radius:var(--r-sm); border:none; cursor:pointer;
                  font-family:var(--font-body); font-size:.78rem; font-weight:600;
                  letter-spacing:1px; text-transform:uppercase; transition:all var(--t-fast); }
    .cookie-accept { background:var(--red); color:var(--white); }
    .cookie-accept:hover { background:var(--red-dark); }
    .cookie-decline { background:rgba(255,255,255,.08); color:var(--gray-300); }
    .cookie-decline:hover { background:rgba(255,255,255,.14); color:var(--white); }

    /* ---- BACK TO TOP ---- */
    .back-to-top { position:fixed; bottom:24px; right:24px; width:44px; height:44px;
                   background:var(--red); color:var(--white); border:none; cursor:pointer;
                   border-radius:var(--r-sm); display:flex; align-items:center;
                   justify-content:center; z-index:7000;
                   opacity:0; transform:translateY(12px);
                   transition:all var(--t-fast); }
    .back-to-top.vis { opacity:1; transform:none; }
    .back-to-top:hover { background:var(--red-dark); transform:translateY(-2px); }
    .back-to-top svg { width:18px; height:18px; stroke:var(--white); fill:none;
                       stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }

    /* ---- UTILITIES ---- */
    .text-red { color:var(--red); }
    .sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px;
               overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }

    /* ============================================================
       ZUSÄTZLICHE KOMPONENTEN (v2) – Trust-Bar, App, Dokumentation,
       Recruiting, Legal-Pages, Sticky-CTA. Hinzugefügt beim Refactor
       auf externe Assets. Folgt demselben Designsystem (Rot/Schwarz/Cream).
       ============================================================ */

    /* ---- TRUST-BAR (unter Hero) – reine Text-Badges, keine Fremdlogos ---- */
    .trustbar { background:var(--gray-900); border-bottom:1px solid rgba(255,255,255,.06); }
    .trustbar-inner { max-width:1280px; margin:0 auto; padding:18px 24px;
      display:flex; flex-wrap:wrap; gap:14px 26px; align-items:center; justify-content:center; }
    .trust-badge { display:inline-flex; align-items:center; gap:9px; color:var(--gray-300);
      font-size:.8rem; font-weight:600; letter-spacing:.3px; }
    .trust-badge svg { width:18px; height:18px; stroke:var(--red); fill:none; stroke-width:1.7;
      flex:none; }
    .trust-badge strong { color:var(--white); font-weight:700; }
    .trust-sep { width:1px; height:18px; background:rgba(255,255,255,.12); }
    @media (max-width:640px){ .trust-sep{ display:none; } .trustbar-inner{ gap:12px 18px; } }

    /* ---- DIGITALE TRANSPARENZ / APP-SEKTION ---- */
    .app-grid { display:grid; grid-template-columns:1.05fr .95fr; gap:54px; align-items:center; }
    @media (max-width:900px){ .app-grid{ grid-template-columns:1fr; gap:36px; } }
    .app-features { list-style:none; display:grid; gap:18px; margin-top:26px; }
    .app-features li { display:flex; gap:14px; align-items:flex-start; }
    .app-features .af-ic { flex:none; width:42px; height:42px; border-radius:var(--r-md);
      background:rgba(27,72,148,.12); display:grid; place-items:center; }
    .app-features .af-ic svg { width:20px; height:20px; stroke:var(--red); fill:none; stroke-width:1.7; }
    .app-features h4 { font-family:var(--font-display); font-size:1.05rem; letter-spacing:.5px;
      margin-bottom:3px; }
    .app-features p { font-size:.9rem; color:var(--gray-600); line-height:1.6; }
    .section-dark .app-features p { color:var(--gray-300); }
    .section-dark .app-features h4 { color:var(--white); }
    /* App-Mockup (CSS only, kein echtes Screenshot bis App live) */
    .app-mock { position:relative; border-radius:22px; padding:18px;
      background:linear-gradient(160deg,#16181c,#0c0d10); border:1px solid rgba(255,255,255,.08);
      box-shadow:var(--shadow-lg); }
    .app-mock-bar { display:flex; align-items:center; gap:7px; padding:6px 4px 14px; }
    .app-mock-bar span { width:10px; height:10px; border-radius:50%; background:#33363c; }
    .app-mock-bar .amb-title { margin-left:8px; font-size:.72rem; letter-spacing:1px;
      color:var(--gray-500); text-transform:uppercase; }
    .app-mock-row { display:flex; align-items:center; justify-content:space-between;
      padding:13px 15px; border-radius:10px; background:rgba(255,255,255,.04);
      margin-bottom:9px; }
    .app-mock-row .amr-l { display:flex; align-items:center; gap:11px; }
    .app-mock-row .amr-dot { width:30px; height:30px; border-radius:8px;
      background:rgba(27,72,148,.16); display:grid; place-items:center; }
    .app-mock-row .amr-dot svg { width:15px; height:15px; stroke:var(--red); fill:none; stroke-width:1.8; }
    .app-mock-row .amr-t { font-size:.82rem; color:var(--gray-200); font-weight:600; }
    .app-mock-row .amr-s { font-size:.72rem; color:var(--gray-500); }
    .app-mock-badge { font-size:.66rem; font-weight:700; letter-spacing:.5px; padding:3px 9px;
      border-radius:20px; background:rgba(40,170,90,.16); color:#3fbf72; }
    .app-mock-note { text-align:center; font-size:.7rem; color:var(--gray-600);
      letter-spacing:.5px; margin-top:6px; }

    /* ---- AUDITFÄHIGE DOKUMENTATION ---- */
    .doc-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
      gap:20px; margin-top:8px; }
    .doc-card { background:var(--white); border:1px solid var(--gray-200); border-radius:var(--r-md);
      padding:26px 24px; transition:transform var(--t), box-shadow var(--t), border-color var(--t); }
    .doc-card:hover { transform:translateY(-4px); box-shadow:var(--shadow-md); border-color:var(--red); }
    .doc-card .doc-ic { width:46px; height:46px; border-radius:var(--r-md);
      background:rgba(27,72,148,.1); display:grid; place-items:center; margin-bottom:16px; }
    .doc-card .doc-ic svg { width:23px; height:23px; stroke:var(--red); fill:none; stroke-width:1.6; }
    .doc-card h3 { font-family:var(--font-display); font-size:1.15rem; letter-spacing:.5px; margin-bottom:8px; }
    .doc-card p { font-size:.86rem; color:var(--gray-600); line-height:1.6; margin-bottom:14px; }
    .doc-card .doc-action { font-size:.8rem; font-weight:700; color:var(--red);
      display:inline-flex; align-items:center; gap:6px; }
    .doc-status { font-size:.7rem; font-weight:700; letter-spacing:.5px; text-transform:uppercase;
      padding:3px 9px; border-radius:20px; background:var(--gray-100); color:var(--gray-500); }

    /* ---- RECRUITING (SK/CZ) – Positionen & Benefits ---- */
    .pos-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:20px; }
    .pos-card { background:var(--gray-900); border:1px solid rgba(255,255,255,.08);
      border-radius:var(--r-md); padding:28px 26px; position:relative; overflow:hidden;
      transition:transform var(--t), border-color var(--t); }
    .pos-card:hover { transform:translateY(-5px); border-color:var(--red); }
    .pos-card .pos-ic { width:50px; height:50px; border-radius:var(--r-md);
      background:rgba(27,72,148,.14); display:grid; place-items:center; margin-bottom:18px; }
    .pos-card .pos-ic svg { width:26px; height:26px; stroke:var(--red); fill:none; stroke-width:1.6; }
    .pos-card h3 { font-family:var(--font-display); color:var(--white); font-size:1.3rem;
      letter-spacing:1px; margin-bottom:8px; }
    .pos-card p { font-size:.88rem; color:var(--gray-300); line-height:1.6; }
    .pos-card .pos-tag { display:inline-block; margin-top:14px; font-size:.72rem; font-weight:700;
      letter-spacing:.5px; color:var(--red); text-transform:uppercase; }
    .benefit-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:18px; }
    .benefit-card { display:flex; gap:14px; align-items:flex-start; padding:22px;
      background:var(--white); border-radius:var(--r-md); border:1px solid var(--gray-200); }
    .benefit-card .bc-ic { flex:none; width:40px; height:40px; border-radius:var(--r-md);
      background:rgba(27,72,148,.1); display:grid; place-items:center; }
    .benefit-card .bc-ic svg { width:20px; height:20px; stroke:var(--red); fill:none; stroke-width:1.7; }
    .benefit-card h4 { font-family:var(--font-display); font-size:1.05rem; letter-spacing:.5px; margin-bottom:4px; }
    .benefit-card p { font-size:.85rem; color:var(--gray-600); line-height:1.55; }

    /* ---- REGION PIN ICON (ersetzt Emoji-Flags) ---- */
    .region-pin { width:30px; height:30px; margin:0 auto 6px; display:block;
      stroke:var(--red); fill:none; stroke-width:1.6; }

    /* ---- WHATSAPP / BOOKING BUTTONS ---- */
    .btn-whatsapp { background:#25D366; color:#fff; }
    .btn-whatsapp:hover { background:#1da851; }
    .btn-whatsapp svg { width:18px; height:18px; fill:currentColor; }
    .btn-ghost-light { background:rgba(255,255,255,.08); color:#fff; border:1px solid rgba(255,255,255,.18); }
    .btn-ghost-light:hover { background:rgba(255,255,255,.16); }

    /* ---- STICKY MOBILE CTA-BAR ---- */
    .mobile-cta-bar { position:fixed; left:0; right:0; bottom:0; z-index:60;
      display:none; gap:10px; padding:10px 14px calc(10px + env(safe-area-inset-bottom));
      background:rgba(17,17,17,.96); backdrop-filter:blur(10px);
      border-top:1px solid rgba(255,255,255,.1); transform:translateY(110%);
      transition:transform var(--t); }
    .mobile-cta-bar.show { transform:none; }
    .mobile-cta-bar .btn { flex:1; justify-content:center; padding:13px; font-size:.8rem; }
    @media (max-width:768px){ .mobile-cta-bar{ display:flex; } }

    /* ---- COOKIE SETTINGS FOOTER LINK ---- */
    .footer-legal-links button.linklike { background:none; border:none; cursor:pointer;
      color:inherit; font:inherit; padding:0; }
    .footer-legal-links button.linklike:hover { color:var(--red); }

    /* ============================================================
       LEGAL PAGES (Impressum / Datenschutz / Privacy)
       Eigenständige Seiten, eigenes schlankes Layout.
       ============================================================ */
    .legal-page { padding:130px 0 80px; background:var(--cream); min-height:100vh; }
    .legal-wrap { max-width:820px; margin:0 auto; padding:0 24px; }
    .legal-back { display:inline-flex; align-items:center; gap:7px; font-size:.82rem;
      font-weight:700; color:var(--red); margin-bottom:26px; }
    .legal-card { background:var(--white); border:1px solid var(--gray-200);
      border-radius:var(--r-lg); padding:44px 46px; box-shadow:var(--shadow-sm); }
    @media (max-width:600px){ .legal-card{ padding:30px 22px; } }
    .legal-card h1 { font-family:var(--font-display); font-size:2.2rem; letter-spacing:2px;
      margin-bottom:6px; }
    .legal-card h2 { font-family:var(--font-display); font-size:1.3rem; letter-spacing:1.5px;
      margin:30px 0 10px; color:var(--black); }
    .legal-card h3 { font-size:1rem; font-weight:700; margin:18px 0 6px; color:var(--gray-900); }
    .legal-card p, .legal-card address, .legal-card li { font-size:.92rem; color:var(--gray-700);
      line-height:1.75; margin-bottom:10px; font-style:normal; }
    .legal-card a { color:var(--red); text-decoration:underline; text-underline-offset:3px; }
    .legal-card ul { padding-left:20px; margin-bottom:10px; }
    .legal-card hr { border:none; border-top:1px solid var(--gray-200); margin:24px 0; }
    .legal-card code { background:var(--gray-100); padding:2px 6px; border-radius:4px; font-size:.85em; }
    .legal-meta { font-size:.8rem; color:var(--gray-500); margin-top:30px; }


    /* ============================================================
       TEMPLATE-ZUSATZ: Nachweise / Partner / Testimonials (Demo)
       ============================================================ */
    .partner-row { display:flex; flex-wrap:wrap; gap:10px 12px; justify-content:center;
                   margin:0 auto 30px; max-width:900px; }
    .partner-pill { font-size:.74rem; font-weight:700; letter-spacing:.5px; color:var(--gray-700);
                    background:var(--gray-100); border:1px solid var(--gray-200);
                    border-radius:30px; padding:7px 16px; text-transform:uppercase; }
    .cert-note { margin-top:26px; font-size:.8rem; color:var(--gray-500); text-align:center;
                 max-width:760px; margin-left:auto; margin-right:auto; line-height:1.6; }
    .testimonial-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:22px; }
    .testimonial { margin:0; background:var(--white); border:1px solid var(--gray-200);
                   border-left:3px solid var(--red); border-radius:var(--r-md); padding:28px 26px;
                   box-shadow:var(--shadow-sm); }
    .testimonial blockquote { margin:0 0 16px; font-size:1rem; line-height:1.7; color:var(--gray-800);
                              font-style:italic; }
    .testimonial figcaption { font-size:.82rem; font-weight:700; color:var(--red); letter-spacing:.3px; }


    /* Partners M&L – Nachweis-Status-Pills */
    .doc-status { display:inline-block; font-size:.6rem; font-weight:800; letter-spacing:.6px;
                  padding:3px 9px; border-radius:20px; text-transform:uppercase; }
    .status-on  { background:rgba(34,160,90,.14); color:#1f9d57; }
    .status-prep{ background:var(--gray-100); color:var(--gray-500); border:1px solid var(--gray-200); }

    /* ============================================================
       NEU: Compliance-Ticker (laufende Chips), Footer-Logo-Marke
       ============================================================ */
    .footer-logo-mark { width:64px; height:64px; border-radius:50%;
                        box-shadow:0 6px 18px rgba(0,0,0,.5), 0 0 0 1px rgba(91,167,232,.22); }

    /* Laufband: transparenter Streifen, Chips kräftig rot / dunkelblau */
    .cred-ticker { position:relative; overflow:hidden; max-width:1120px;
                   margin:0 auto 34px; padding:6px 0;
                   -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%);
                           mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%); }
    .cred-track { display:flex; gap:14px; width:max-content; align-items:center;
                  animation:credscroll 28s linear infinite; }
    .cred-ticker:hover .cred-track { animation-play-state:paused; }
    .cred-chip { flex:0 0 auto; font-family:var(--font-display); font-weight:700;
                 font-size:.96rem; letter-spacing:1.1px; text-transform:uppercase;
                 color:#fff; padding:10px 22px; border-radius:30px; white-space:nowrap;
                 line-height:1; border:1px solid rgba(255,255,255,.14); }
    .cred-red  { background:linear-gradient(135deg,#F5B81C 0%,#D89A00 100%);
                 color:var(--yellow-ink); box-shadow:0 6px 18px rgba(245,184,28,.40); }
    .cred-blue { background:linear-gradient(135deg,#1E5BBF 0%,#123E86 100%);
                 box-shadow:0 6px 18px rgba(30,91,191,.40); }
    @keyframes credscroll { from{ transform:translateX(0); } to{ transform:translateX(-50%); } }
    @media (prefers-reduced-motion:reduce){
      .cred-track { animation:none; flex-wrap:wrap; justify-content:center; width:auto; }
      .cred-ticker { -webkit-mask-image:none; mask-image:none; max-width:900px; }
    }

    /* ============ Footer-Karte (Büro Prievidza) + ZRSR ============ */
    .footer-map-band { border-top:1px solid rgba(255,255,255,.10); margin-top:22px; padding-top:26px; }
    .footer-map-wrap { display:grid; grid-template-columns:1.1fr .9fr; gap:24px; align-items:stretch;
                       max-width:1100px; margin:0 auto; }
    @media (max-width:760px){ .footer-map-wrap{ grid-template-columns:1fr; } }
    .footer-map-frame { position:relative; border-radius:14px; overflow:hidden; min-height:230px;
                        box-shadow:0 10px 28px rgba(0,0,0,.45); border:1px solid rgba(255,255,255,.12); }
    .footer-map-frame iframe { width:100%; height:100%; min-height:230px; border:0; display:block;
                               pointer-events:none; filter:saturate(1.05); }   /* fixiert – nicht verschiebbar */
    .footer-map-info { display:flex; flex-direction:column; justify-content:center; gap:12px; }
    .footer-map-info h4 { font-family:var(--font-display); font-size:1.25rem; letter-spacing:.3px;
                          color:#fff; margin:0 0 2px; }
    .footer-map-info p { color:rgba(255,255,255,.78); font-size:.94rem; line-height:1.55; margin:0; }
    .footer-map-btns { display:flex; gap:12px; flex-wrap:wrap; margin-top:6px; }
    .fmap-btn { display:inline-flex; align-items:center; gap:8px; padding:11px 18px; border-radius:10px;
                font-weight:700; font-size:.9rem; text-decoration:none; transition:all .2s ease; }
    .fmap-btn svg { width:17px; height:17px; }
    .fmap-route { background:var(--red); color:#fff; }                 /* navy primary */
    .fmap-route:hover { background:var(--red-dark); transform:translateY(-1px); }
    .fmap-pano { background:var(--yellow); color:var(--yellow-ink); }  /* yellow accent */
    .fmap-pano:hover { background:var(--yellow-dark); transform:translateY(-1px); }
    .footer-reg-link + .footer-reg-link { margin-top:6px; }

    /* ===================== KOLO 3: neue DE-Sektionen ===================== */
    /* Hero mobile fix (ältere Samsung: Textbreite) */
    @media (max-width:768px){
      .hero h1 { font-size:clamp(2rem,11vw,3.2rem); overflow-wrap:break-word; word-break:break-word; hyphens:auto; max-width:100%; }
      .hero p, .hero .hero-sub { max-width:100%; overflow-wrap:break-word; }
      .hero .container { width:100%; padding-left:18px; padding-right:18px; box-sizing:border-box; }
    }

    /* Modell ohne Kompromisse */
    .modell-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:20px; margin-top:18px; }
    .modell-card { background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.10); border-radius:14px; padding:24px; }
    .modell-card .mc-ic { width:46px;height:46px;border-radius:11px;background:var(--red);display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:14px; }
    .modell-card h3 { font-family:var(--font-display); font-size:1.12rem; color:#fff; margin-bottom:8px; }
    .modell-card p { color:rgba(255,255,255,.74); font-size:.92rem; line-height:1.6; }

    /* Marquee 2 (Keywords/Gewerke) */
    .mq2 { overflow:hidden; background:var(--red); padding:14px 0;
           -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
                   mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent); }
    .mq2-track { display:flex; gap:46px; width:max-content; animation:mq2scroll 30s linear infinite; }
    .mq2:hover .mq2-track { animation-play-state:paused; }
    .mq2 span { font-family:var(--font-display); font-weight:800; font-size:1.05rem; letter-spacing:2px;
                text-transform:uppercase; color:#fff; white-space:nowrap; display:inline-flex; align-items:center; gap:46px; }
    .mq2 span::after { content:"●"; color:var(--yellow); font-size:.7rem; }
    @keyframes mq2scroll { from{transform:translateX(0)} to{transform:translateX(-50%)} }

    /* Digitale Transparenz + App-Mock */
    .digi-wrap { display:grid; grid-template-columns:1.05fr .95fr; gap:40px; align-items:center; }
    @media (max-width:860px){ .digi-wrap{ grid-template-columns:1fr; } }
    .digi-list { list-style:none; margin-top:18px; display:flex; flex-direction:column; gap:16px; }
    .digi-list li { padding-left:34px; position:relative; }
    .digi-list li::before { content:""; position:absolute; left:0; top:3px; width:20px; height:20px; border-radius:6px;
                            background:var(--yellow); }
    .digi-list strong { display:block; color:#fff; font-size:1rem; margin-bottom:2px; }
    .digi-list span { color:rgba(255,255,255,.72); font-size:.9rem; line-height:1.55; }
    .app-mock { background:linear-gradient(160deg,#0f1c33,#0a1424); border:1px solid rgba(120,160,220,.25);
                border-radius:20px; padding:20px; box-shadow:0 24px 60px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.06); }
    .app-mock-head { display:flex; align-items:center; justify-content:space-between; margin-bottom:14px; }
    .app-mock-head b { color:#fff; font-family:var(--font-display); letter-spacing:.4px; }
    .app-pill { font-size:.7rem; background:rgba(245,184,28,.18); color:var(--yellow); padding:4px 10px; border-radius:20px; border:1px solid rgba(245,184,28,.35); }
    .app-row { display:flex; align-items:center; justify-content:space-between; gap:12px; background:rgba(255,255,255,.04);
               border:1px solid rgba(255,255,255,.07); border-radius:12px; padding:13px 15px; margin-bottom:10px; }
    .app-row .ar-l b { color:#fff; font-size:.92rem; display:block; }
    .app-row .ar-l span { color:rgba(255,255,255,.6); font-size:.78rem; }
    .app-ok { font-size:.74rem; font-weight:700; color:#0c1322; background:var(--yellow); padding:5px 11px; border-radius:20px; white-space:nowrap; }
    .app-ok.blue { background:var(--blue-light); color:#08203f; }
    .app-mock-foot { text-align:center; color:rgba(255,255,255,.45); font-size:.74rem; margin-top:8px; }

    /* Für wen – 3D Navy-Band */
    .fuerwen-band { position:relative; border-radius:22px; padding:46px 40px; overflow:hidden;
                    background:linear-gradient(135deg,#1B4894 0%,#0E2A5E 100%);
                    box-shadow:inset 0 2px 0 rgba(255,255,255,.18), inset 0 -26px 60px rgba(0,0,0,.45),
                               0 30px 60px rgba(14,42,94,.45); border:1px solid rgba(120,160,220,.25); }
    .fuerwen-band::after { content:""; position:absolute; inset:0; pointer-events:none;
                           background:radial-gradient(120% 80% at 18% 0%, rgba(255,255,255,.22), rgba(255,255,255,0) 55%); }
    .fuerwen-band h3 { position:relative; font-family:var(--font-display); color:#fff; font-size:clamp(1.4rem,3vw,2rem);
                       text-shadow:0 2px 18px rgba(91,167,232,.5), 0 1px 1px rgba(0,0,0,.4); margin-bottom:18px; }
    .fuerwen-chips { position:relative; display:flex; flex-wrap:wrap; gap:12px; }
    .fuerwen-chips span { background:rgba(255,255,255,.10); border:1px solid rgba(255,255,255,.22); color:#fff;
                          padding:10px 18px; border-radius:30px; font-weight:700; font-size:.92rem; letter-spacing:.4px;
                          backdrop-filter:blur(2px); box-shadow:inset 0 1px 0 rgba(255,255,255,.25); }
    .fuerwen-chips span.alt { background:var(--yellow); color:var(--yellow-ink); border-color:transparent; }

    /* Gewerke cards */
    .gewerke-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:20px; margin-top:18px; }
    .gewerk-card { position:relative; border-radius:14px; overflow:hidden; min-height:240px; display:flex; align-items:flex-end;
                   box-shadow:0 12px 30px rgba(16,35,63,.14); }
    .gewerk-card img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
    .gewerk-card .gc-ov { position:absolute; inset:0; background:linear-gradient(180deg,rgba(10,20,40,.05),rgba(10,20,40,.86)); }
    .gewerk-card .gc-tx { position:relative; padding:18px; }
    .gewerk-card h3 { color:#fff; font-family:var(--font-display); font-size:1.2rem; margin-bottom:4px; }
    .gewerk-card p { color:rgba(255,255,255,.82); font-size:.86rem; }

    /* Einsatzbereiche */
    .einsatz-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:18px; margin-top:18px; }
    .einsatz-card { border-radius:14px; overflow:hidden; box-shadow:0 10px 26px rgba(16,35,63,.12); background:#fff; }
    .einsatz-card img { width:100%; height:190px; object-fit:cover; display:block; }
    .einsatz-card .ec-b { padding:16px 18px; }
    .einsatz-card h4 { font-family:var(--font-display); color:var(--gray-900); font-size:1.05rem; margin-bottom:4px; }
    .einsatz-card p { color:var(--gray-600); font-size:.88rem; line-height:1.55; }

    /* Auditfähige Dok cards */
    .auditdoc-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:20px; margin-top:18px; }
    .auditdoc-card { background:var(--white); border:1px solid rgba(0,0,0,.07); border-radius:14px; padding:24px;
                     box-shadow:0 8px 24px rgba(16,35,63,.06); display:flex; flex-direction:column; }
    .auditdoc-card h3 { font-family:var(--font-display); font-size:1.12rem; color:var(--gray-900); margin-bottom:8px; }
    .auditdoc-card p { color:var(--gray-600); font-size:.92rem; line-height:1.6; flex:1; }
    .auditdoc-card a { margin-top:14px; align-self:flex-start; color:var(--red); font-weight:700; font-size:.9rem; text-decoration:none; }
    .auditdoc-card a:hover { text-decoration:underline; }

    /* ============ Zertifikats-Siegel-Leiste (statt Lauf-Chips) ============ */
    .cert-logos { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-start;
                  gap:18px 10px; max-width:1080px; margin:0 auto 6px; }
    .cert-seal { flex:1 1 0; min-width:104px; display:flex; flex-direction:column; align-items:center;
                 text-align:center; color:#3D4759; transition:color .2s ease, transform .2s ease; }
    .cert-seal:hover { color:var(--red); transform:translateY(-3px); }
    .cs-stamp { width:62px; height:62px; display:block; margin-bottom:9px; }
    .cs-label { font-family:var(--font-display); font-weight:700; font-size:.74rem; letter-spacing:1.2px;
                text-transform:uppercase; line-height:1.2; color:inherit; }
    @media (max-width:680px){ .cert-seal{ flex:1 1 28%; min-width:90px; } .cs-stamp{ width:54px;height:54px; } }

    /* ============ Sekundär-Gewerke-Band unter dem Hero ============ */
    .trades2 { display:flex; align-items:center; gap:0; background:var(--cream);
               border-top:1px solid rgba(16,35,63,.10); border-bottom:1px solid rgba(16,35,63,.10); overflow:hidden; }
    .trades2-lbl { flex:none; background:var(--red); color:#fff; font-family:var(--font-display); font-weight:800;
                   letter-spacing:.6px; font-size:.82rem; text-transform:uppercase; padding:14px 20px; white-space:nowrap;
                   align-self:stretch; display:flex; align-items:center; }
    .trades2-vp { overflow:hidden; flex:1;
                  -webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);
                          mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent); }
    .trades2-track { display:flex; gap:40px; width:max-content; padding:13px 24px; animation:t2scroll 32s linear infinite; }
    .trades2:hover .trades2-track { animation-play-state:paused; }
    .trades2-track span { font-family:var(--font-display); font-weight:700; font-size:.92rem; letter-spacing:1px;
                          text-transform:uppercase; color:var(--gray-800); white-space:nowrap;
                          display:inline-flex; align-items:center; gap:40px; }
    .trades2-track span::after { content:"◆"; color:var(--yellow); font-size:.62rem; }
    @keyframes t2scroll { from{transform:translateX(0)} to{transform:translateX(-50%)} }
    @media (max-width:620px){ .trades2-lbl{ font-size:.72rem; padding:12px 14px; } }
    @media (prefers-reduced-motion:reduce){ .trades2-track{ animation:none; flex-wrap:wrap; } }

    /* ===== Gewerke: Bild-Hover zurück ===== */
    .gewerk-card img { transition:transform .55s cubic-bezier(.2,.7,.2,1); }
    .gewerk-card:hover img { transform:scale(1.08); }
    .gewerk-card .gc-ov { transition:background .35s ease; }
    .gewerk-card:hover .gc-ov { background:linear-gradient(180deg,rgba(11,30,64,.10),rgba(11,30,64,.92)); }
    .gewerk-card { transition:box-shadow .3s ease, transform .3s ease; }
    .gewerk-card:hover { transform:translateY(-4px); box-shadow:0 20px 44px rgba(16,35,63,.22); }

    /* ===== Für wen: interaktive Chips (Links) ===== */
    a.fw-chip { text-decoration:none; cursor:pointer; transition:transform .18s ease, background .2s ease, box-shadow .2s ease; }
    a.fw-chip:hover { transform:translateY(-3px); box-shadow:0 10px 24px rgba(0,0,0,.28); }
    a.fw-chip:focus-visible { outline:2px solid var(--yellow); outline-offset:3px; }
    a.fw-chip.alt:hover { background:var(--yellow-dark); }
    .fuerwen-chips .fw-arrow { opacity:.7; margin-left:6px; font-weight:700; }

    /* ===== Einsatzregionen ===== */
    .regio-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:16px; margin-top:18px; }
    .regio-card { background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.12); border-radius:13px;
                  padding:18px 20px; transition:transform .2s ease, border-color .2s ease; }
    .regio-card:hover { transform:translateY(-3px); border-color:rgba(245,184,28,.5); }
    .regio-card strong { display:block; color:#fff; font-family:var(--font-display); font-size:1.08rem; letter-spacing:.3px; margin-bottom:4px; }
    .regio-card span { color:rgba(255,255,255,.66); font-size:.86rem; line-height:1.5; }
    .regio-card.alt { background:linear-gradient(135deg,var(--red),var(--red-dark)); border-color:transparent; }
    .regio-card.alt strong { color:#fff; } .regio-card.alt span { color:rgba(255,255,255,.85); }

    /* ===== Nachweise: Siegel sichtbar + Karten als Auswahl-Menü ===== */
    .nw-cta-wrap { text-align:center; margin:26px 0 4px; }
    #nwToggle .nw-caret, .nw-toggle .nw-caret { display:inline-block; transition:transform .3s ease; margin-left:8px; }
    #nwToggle[aria-expanded="true"] .nw-caret, .nw-toggle[aria-expanded="true"] .nw-caret { transform:rotate(180deg); }
    .nw-panel { overflow:hidden; max-height:0; opacity:0; transition:max-height .5s ease, opacity .4s ease, margin .4s ease; margin-top:0; }
    .nw-panel.open { max-height:4000px; opacity:1; margin-top:26px; }
    .nw-panel .doc-card { cursor:pointer; position:relative; user-select:none; transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease; }
    .nw-panel .doc-card:hover { transform:translateY(-2px); box-shadow:0 12px 26px rgba(16,35,63,.12); }
    .nw-panel .doc-card .nw-check { position:absolute; top:14px; right:14px; width:22px; height:22px; border-radius:6px;
        border:2px solid var(--gray-400); display:flex; align-items:center; justify-content:center; background:#fff; transition:all .18s ease; }
    .nw-panel .doc-card .nw-check svg { width:13px; height:13px; stroke:#fff; stroke-width:3; fill:none; opacity:0; }
    .nw-panel .doc-card.sel { border-color:var(--red); box-shadow:0 0 0 2px var(--red) inset; }
    .nw-panel .doc-card.sel .nw-check { background:var(--red); border-color:var(--red); }
    .nw-panel .doc-card.sel .nw-check svg { opacity:1; }
    .nw-reqbar { display:flex; align-items:center; justify-content:center; gap:18px; flex-wrap:wrap; margin-top:22px; }
    .nw-reqbar.hidden { display:none; }
    .nw-count { color:var(--gray-600); font-weight:600; font-size:.92rem; }

    /* Für-wen Chips als Links: Pillen-Look wiederherstellen */
    .fuerwen-chips a.fw-chip { display:inline-flex; align-items:center; background:rgba(255,255,255,.10);
        border:1px solid rgba(255,255,255,.22); color:#fff; padding:10px 18px; border-radius:30px; font-weight:700;
        font-size:.92rem; letter-spacing:.4px; box-shadow:inset 0 1px 0 rgba(255,255,255,.25); }
    .fuerwen-chips a.fw-chip.alt { background:var(--yellow); color:var(--yellow-ink); border-color:transparent; }
    .fuerwen-chips a.fw-chip.alt:hover { background:var(--yellow-dark); }

    /* ===== Recruiting: 2 große Positions-Karten mit Bild ===== */
    .pos-hero-grid { display:grid; grid-template-columns:1fr 1fr; gap:22px; margin-top:8px; }
    @media (max-width:720px){ .pos-hero-grid{ grid-template-columns:1fr; } }
    .pos-hero-card { position:relative; border-radius:16px; overflow:hidden; min-height:320px; display:flex;
                     align-items:flex-end; box-shadow:0 16px 40px rgba(16,35,63,.18);
                     transition:transform .3s ease, box-shadow .3s ease; }
    .pos-hero-card img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform .6s cubic-bezier(.2,.7,.2,1); }
    .pos-hero-card:hover img { transform:scale(1.07); }
    .pos-hero-card::after { content:""; position:absolute; inset:0;
        background:linear-gradient(180deg,rgba(10,20,40,.10) 0%,rgba(10,20,40,.55) 55%,rgba(8,16,32,.92) 100%); transition:opacity .3s ease; }
    .pos-hero-card:hover { transform:translateY(-5px); box-shadow:0 24px 52px rgba(16,35,63,.30); }
    .pos-hero-card .phc-body { position:relative; z-index:2; padding:26px 26px 28px; }
    .pos-hero-card .phc-ic { width:46px; height:46px; border-radius:12px; background:var(--yellow);
        display:flex; align-items:center; justify-content:center; margin-bottom:14px; }
    .pos-hero-card .phc-ic svg { width:25px; height:25px; stroke:var(--yellow-ink); fill:none; stroke-width:1.8; }
    .pos-hero-card h3 { font-family:var(--font-display); color:#fff; font-size:1.7rem; line-height:1.05; margin-bottom:8px; }
    .pos-hero-card p { color:rgba(255,255,255,.86); font-size:.96rem; line-height:1.55; max-width:42ch; }
    .pos-hero-card .pos-tag { display:inline-block; margin-top:14px; font-size:.74rem; font-weight:800; letter-spacing:.6px;
        text-transform:uppercase; color:var(--yellow-ink); background:var(--yellow); padding:6px 13px; border-radius:20px; }