:root{
    --navy:#031D38;
    --navy-deep:#031d38;
    --teal:#149CA6;
    --gold:#C7AB45;
    --ink:#20242b;
    --paper:#FBFAF7;
    --line:#E4E1D8;
    --muted:#5b6572;
    /* Markenfarben: weiß, gold, navy, aqua */
    --white:#FFFFFF;
    --aqua:#149CA6;
    --gold-ink:#8A7222; /* Gold für Text auf hellem Grund */
  }
  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    margin:0;
    font-family:'Inter',system-ui,sans-serif;
    color:var(--ink);
    background:var(--paper);
    line-height:1.6;
  }
  h1,h2,h3,.brandfont{font-family:'Baloo 2', system-ui, sans-serif; font-weight:700;}
  a{color:inherit;text-decoration:none;}
  img{max-width:100%;display:block;}
  .wrap{max-width:1160px;margin:0 auto;padding:0 32px;}
  .eyebrow{
    font-size:13px;letter-spacing:.14em;font-weight:700;text-transform:uppercase;
    color:var(--teal);
  }

  /* ---- brand image assets, defined once, reused via background-image ---- */
  .img-word-white{background-image:url("emb-word-white.png");background-repeat:no-repeat;background-position:left center;background-size:contain;}
  .img-word-navy{background-image:url("emb-word-navy.png");background-repeat:no-repeat;background-position:center;background-size:contain;}
  .img-ring-navy{background-image:url("emb-ring-navy.png");background-repeat:no-repeat;background-position:center;background-size:contain;}
  .icon-gold{background-image:url("pin-gold.png");}
  .icon-teal{background-image:url("pin-aqua.png");}
  .icon-white{background-image:url("pin-navy.png");}
  .icon-gold,.icon-teal,.icon-white{background-repeat:no-repeat;background-position:center;background-size:contain;}

  /* Draft ribbon */
  .draft-bar{
    background:var(--gold);
    color:var(--navy-deep);
    font-size:14px;
    font-weight:600;
    text-align:center;
    padding:9px 20px;
    letter-spacing:.02em;
  }
  .draft-bar b{font-weight:700;}

  /* brand signature stripe */
  .brand-stripe{display:flex;height:6px;}
  .brand-stripe span{flex:1;}
  .brand-stripe .g{background:var(--gold);}
  .brand-stripe .t{background:var(--teal);}
  .brand-stripe .n{background:var(--navy);}

  /* Logo */
  .logo{display:block;width:150px;height:30px;}
  .logo-img{display:flex;align-items:center;flex:1 1 0;min-width:0;}
  .logo-img img{width:100%;max-width:min(150px,16vw);height:auto;display:block;}
  .logo-lockup{display:flex;flex-direction:column;align-items:center;gap:16px;}
  .logo-lockup .ring{width:88px;height:88px;}
  .logo-lockup .word{width:170px;height:34px;}

  /* pin icon tile - the recurring brand device */
  .pin-tile{
    width:54px;height:54px;border-radius:0;background-color:transparent;
    flex:none;
    box-shadow:none;
    background-size:contain;background-position:center;background-repeat:no-repeat;
  }
  .pin-tile.sm{width:42px;height:42px;border-radius:0;background-size:contain;}
  .pin-tile.xs{width:32px;height:32px;border-radius:0;background-size:contain;}
  .pin-tile.round{border-radius:50%;}

  /* Header */
  header{
    position:sticky;top:0;z-index:50;
    background:var(--navy);
    backdrop-filter:blur(6px);
    border-bottom:1px solid rgba(255,255,255,.12);
  }
  .nav-row{display:flex;align-items:center;justify-content:space-between;padding:15px 32px;gap:20px;}
  .nav-row > nav{flex:0 0 auto;display:flex;justify-content:center;}
  .nav-right{display:flex;align-items:center;gap:16px;flex:1 1 0;justify-content:flex-end;min-width:0;}
  nav ul{display:flex;gap:30px;list-style:none;margin:0;padding:0;flex-wrap:nowrap;justify-content:center;}
  nav a{font-size:14px;font-weight:600;color:var(--gold);opacity:.9;font-family:'Inter',sans-serif;text-transform:uppercase;letter-spacing:.08em;}
  nav a:hover{opacity:1;color:var(--white);}
  nav a.nav-wein{position:relative;}
  nav a.nav-wein::after{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#8C1F3E;margin-left:6px;vertical-align:middle;}

  /* Burger-Menü (nur auf schmalen Bildschirmen sichtbar) */
  .nav-toggle{
    display:none;flex-direction:column;justify-content:center;gap:5px;
    width:44px;height:40px;padding:0 9px;border:1px solid rgba(255,255,255,.28);
    border-radius:9px;background:transparent;cursor:pointer;flex:none;
  }
  .nav-toggle span{display:block;height:2px;width:100%;background:var(--gold);border-radius:2px;
    transition:transform .22s ease, opacity .18s ease;}
  .nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg);}
  .nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0;}
  .nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

  /* language switcher */
  .lang-switch{display:flex;gap:4px;background:rgba(255,255,255,.14);border-radius:20px;padding:3px;flex:none;}
  .lang-btn{
    display:flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;
    width:32px;height:32px;padding:0;border-radius:50%;
    font-family:'Inter',sans-serif;
  }
  .lang-btn .flag{font-size:14px;font-weight:700;letter-spacing:.06em;line-height:1;color:#FFFFFF;}
  .lang-btn.active{background:var(--gold);box-shadow:0 1px 4px rgba(5,46,84,.14);}
  .lang-btn.active .flag{color:var(--navy);}
  .lang-btn:hover .flag{color:var(--gold);}
  .lang-btn.active:hover .flag{color:var(--navy);}
  .modell-kick{
    font-family:'Inter',sans-serif;font-size:12px;font-weight:700;letter-spacing:.09em;
    text-transform:uppercase;color:#8A7222;margin:0 0 4px;
  }
  #zusammenarbeit .band-title{text-transform:uppercase;letter-spacing:.04em;
    font-size:clamp(30px,4vw,56px);line-height:1.1;}

  /* ===== Brückengrafik: Unternehmen – Portaris – Partner ===== */
  .bruecke{margin:38px 0 46px;}
  .br-reihe{display:flex;align-items:center;justify-content:center;}
  .br-seite{
    flex:1 1 0;max-width:470px;min-height:330px;border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    padding:46px 7%;box-sizing:border-box;
  }
  .br-seite .br-inhalt{max-width:80%;}
  .br-links{background:linear-gradient(140deg,#F4F7FA,#E9EFF5);border:1px solid #D4DFE9;}
  .br-rechts{background:linear-gradient(220deg,#FBF7EC,#F6EFDD);border:1px solid #E7DCBE;}
  .br-seite h3{
    font-family:'Baloo 2',sans-serif;font-size:20px;line-height:1.25;margin:0 0 4px;
    color:var(--navy);text-align:center;
  }
  .br-seite .br-sub{
    font-family:'Inter',sans-serif;font-size:12px;font-weight:700;letter-spacing:.14em;
    text-transform:uppercase;text-align:center;margin:0 0 18px;
  }
  .br-links .br-sub{color:#5B6572;}
  .br-rechts .br-sub{color:#8A7222;}
  .br-seite ul{list-style:none;margin:0;padding:0;}
  .br-seite li{
    position:relative;padding-left:20px;margin-bottom:11px;
    font-family:'Inter',sans-serif;font-size:14px;line-height:1.45;color:var(--ink);
  }
  .br-seite li::before{
    content:"";position:absolute;left:0;top:6px;width:9px;height:9px;border-radius:50%;
  }
  .br-links li::before{background:#8FA7BC;}
  .br-rechts li::before{background:var(--gold);}
  .br-mitte{
    flex:none;width:252px;height:252px;border-radius:50%;z-index:2;margin:0 -54px;
    background:linear-gradient(150deg,#0A3157,#031D38);
    box-shadow:0 12px 32px rgba(3,29,56,.28);
    display:flex;flex-direction:column;align-items:center;justify-content:center;
    padding:26px 30px;box-sizing:border-box;text-align:center;
  }
  .br-mitte img{height:30px;width:auto;margin-bottom:9px;}
  .br-mitte .br-claim{
    font-family:'Baloo 2',sans-serif;font-size:16px;line-height:1.3;color:#E3CB73;
    margin:0 0 8px;padding-top:9px;border-top:1px solid rgba(255,255,255,.3);
  }
  .br-mitte p.br-text{
    font-family:'Inter',sans-serif;font-size:12.5px;line-height:1.5;color:rgba(255,255,255,.9);margin:0;
  }
  .br-ergebnis{
    display:flex;align-items:center;justify-content:center;gap:14px;margin-top:-16px;
  }
  .br-pfeil{flex:none;color:#9AA6B2;}
  .br-badge{
    background:var(--paper);border:1px solid var(--line);border-radius:999px;
    padding:13px 26px;text-align:center;
    font-family:'Inter',sans-serif;font-size:12.5px;font-weight:700;letter-spacing:.1em;
    text-transform:uppercase;line-height:1.5;color:var(--navy);
  }
  @media (max-width:980px){
    .br-reihe{flex-direction:column;}
    .br-seite{flex:0 0 auto;max-width:520px;width:100%;min-height:0;border-radius:22px;padding:28px 30px;}
    .br-seite .br-inhalt{max-width:100%;}
    .br-mitte{margin:-14px 0;width:228px;height:228px;}
    .br-reihe .br-rechts{order:3;}
    .br-ergebnis{margin-top:18px;}
    .br-pfeil{display:none;}
  }

  /* ===== Einstieg nach Situation (Startseite) ===== */
  #wo-stehen-sie{position:relative;background:var(--navy) url("netz-dunkel-bg.jpg") center/cover no-repeat;}
  #wo-stehen-sie::after{content:"";position:absolute;inset:0;background:rgba(3,29,56,.62);pointer-events:none;}
  #wo-stehen-sie > .wrap{position:relative;z-index:1;}
  #wo-stehen-sie .band-title{color:var(--white);text-transform:uppercase;letter-spacing:.04em;
    font-size:clamp(30px,4vw,56px);line-height:1.1;}
  #wo-stehen-sie .section-head p{color:rgba(255,255,255,.86);}
  .situationen{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:30px;}
  .sit{
    display:block;text-decoration:none;padding:26px 28px;border-radius:14px;
    background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.18);
    transition:background .18s ease,border-color .18s ease,transform .18s ease;
  }
  .sit:hover{background:rgba(255,255,255,.13);border-color:var(--gold);transform:translateY(-2px);}
  .sit-zitat{
    display:block;font-family:'Baloo 2',sans-serif;font-size:20px;line-height:1.32;
    color:#FFFFFF;margin-bottom:10px;
  }
  .sit-antwort{
    display:block;font-family:'Inter',sans-serif;font-size:15px;line-height:1.55;
    color:rgba(255,255,255,.82);margin-bottom:16px;
  }
  .sit-weg{
    display:inline-block;font-family:'Inter',sans-serif;font-size:13px;font-weight:700;
    letter-spacing:.07em;text-transform:uppercase;color:var(--gold);
  }
  .sit:hover .sit-weg{color:#E3CB73;}
  .sit-fuss{
    margin:26px 0 0;font-family:'Inter',sans-serif;font-size:15px;
    color:rgba(255,255,255,.80);
  }
  .sit-fuss a{color:var(--gold);text-decoration:underline;text-underline-offset:3px;}
  @media (max-width:860px){
    .situationen{grid-template-columns:1fr;}
    .sit{padding:22px 22px;}
    .sit-zitat{font-size:18px;}
  }

  /* konkrete Alltagssätze unter den Situationen */
  .konkret{margin-top:30px;}
  .konkret-kick{
    font-family:'Inter',sans-serif;font-size:12px;font-weight:700;letter-spacing:.14em;
    text-transform:uppercase;color:var(--gold);margin:0 0 14px;
  }
  .konkret-liste{display:grid;grid-template-columns:1fr;gap:0 40px;border-top:1px solid rgba(255,255,255,.14);}
  @media (min-width:861px){
    .konkret-liste{grid-template-columns:1fr 1fr;}
    /* obere Kante auch fuer die rechte Spalte */
    .konkret-liste > .kk:nth-child(2){box-shadow:0 -1px 0 rgba(255,255,255,.14);}
  }
  .kk{
    display:flex;align-items:flex-start;gap:13px;text-decoration:none;
    padding:13px 8px;border:0;border-bottom:1px solid rgba(255,255,255,.14);border-radius:0;
    background:transparent;
    font-family:'Inter',sans-serif;font-size:15px;line-height:1.5;
    color:rgba(255,255,255,.92);transition:background .16s ease,color .16s ease,padding-left .16s ease;
  }
  .kk::before{
    content:"";flex:none;width:7px;height:7px;border-radius:50%;background:var(--gold);
    margin-top:8px;transition:transform .16s ease;
  }
  .kk:hover{background:rgba(255,255,255,.08);color:#fff;padding-left:14px;}
  .kk:hover::before{transform:scale(1.35);}
  @media (max-width:860px){ .kk{font-size:14px;padding:12px 6px;gap:11px;} }

  /* Startseite: Leistungsband "Das mache ich" */
  #positionierung .lb-kick{
    margin:4px 0 14px;font-family:'Baloo 2',system-ui,sans-serif;font-weight:700;font-size:15px;
    text-transform:uppercase;letter-spacing:.07em;color:#9A7521;
  }
  #positionierung .lb-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
  #positionierung .lb-item{
    display:block;text-decoration:none;background:rgba(255,255,255,.88);
    border:1.5px solid var(--line,#E4E1D8);border-left:3px solid var(--gold);border-radius:12px;
    padding:20px 22px;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;
  }
  #positionierung .lb-item:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(3,29,56,.12);border-color:var(--gold);}
  #positionierung .lb-item b{
    display:block;margin-bottom:7px;font-family:'Baloo 2',system-ui,sans-serif;
    font-weight:700;font-size:18px;color:var(--navy);
  }
  #positionierung .lb-item span{
    display:block;font-family:'Inter',sans-serif;font-size:15px;line-height:1.55;color:var(--muted,#5B6572);
  }
  #positionierung p.lb-mehr{margin:16px 0 30px;}
  #positionierung p.lb-mehr a{
    font-family:'Baloo 2',system-ui,sans-serif;font-weight:700;font-size:16px;
    color:#9A7521;text-decoration:none;border-bottom:1.5px solid rgba(154,117,33,.4);
  }
  #positionierung p.lb-mehr a:hover{border-bottom-color:#9A7521;}

  /* Startseite: Zielgruppen-Beschriftung und Partnerblock */
  #positionierung p.lb-wem{
    margin:2px 0 12px;font-family:'Baloo 2',system-ui,sans-serif;font-weight:700;font-size:15px;
    text-transform:uppercase;letter-spacing:.07em;color:#9A7521;
  }
  #positionierung p.lb-spez{
    margin:14px 0 0;max-width:880px;font-family:'Inter',sans-serif;font-size:15px;
    line-height:1.6;color:var(--ink,#20242B);font-style:italic;
  }
  #positionierung .lb-partner{
    display:block;margin:20px 0 0;text-decoration:none;
    background:rgba(3,29,56,.055);border:1.5px solid rgba(3,29,56,.14);
    border-left:3px solid var(--navy);border-radius:12px;padding:20px 24px;
    transition:background .15s ease,border-color .15s ease;
  }
  #positionierung .lb-partner:hover{background:rgba(3,29,56,.09);border-color:rgba(3,29,56,.3);}
  #positionierung .lb-partner p.lb-wem{color:var(--navy);margin-bottom:8px;}
  #positionierung .lb-partner span{
    display:block;max-width:880px;font-family:'Inter',sans-serif;font-size:15px;line-height:1.6;color:var(--ink,#20242B);
  }
  @media(max-width:860px){ #positionierung .lb-partner{padding:16px 18px;} }

  @media(max-width:860px){
    #positionierung .lb-grid{grid-template-columns:1fr;gap:12px;}
    #positionierung .lb-item{padding:16px 18px;}
  }

  /* Startseite: Alltagsliste einklappbar */
  .konkret-liste .kk-mehr{display:none;}
  .konkret-liste.alle .kk-mehr{display:flex;}
  p.kk-toggle{margin:16px 0 0;}
  p.kk-toggle button{
    cursor:pointer;background:transparent;border:1.5px solid rgba(255,255,255,.45);border-radius:999px;
    padding:8px 20px;font-family:'Baloo 2',system-ui,sans-serif;font-weight:700;font-size:14.5px;
    letter-spacing:.02em;color:rgba(255,255,255,.92);transition:background .15s ease,color .15s ease,border-color .15s ease;
  }
  p.kk-toggle button:hover,p.kk-toggle button:focus-visible{background:var(--gold);border-color:var(--gold);color:var(--navy);}
  p.kk-toggle button [hidden]{display:none;}

  @media (min-width:861px){ .kk{font-size:14.5px;padding:12px 6px;} }

  /* dreispaltige Blöcke in der Lieferketten-Sektion: umbruchfähig */
  .lo-drei{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;}
  @media (max-width:860px){ .lo-drei{grid-template-columns:1fr;gap:16px;} }
  /* Karten dürfen nie breiter als ihr Container werden */
  .card, .core-card, .kp-item{min-width:0;max-width:100%;box-sizing:border-box;}
  .cards2, .cards3, .teaser-grid, .add-grid, .core-grid{min-width:0;}
  @media (max-width:860px){
    .cards3{grid-template-columns:1fr;}
    .cards2{grid-template-columns:1fr;}
  }
  @media (min-width:861px){ #regulatorik .cards3{grid-template-columns:repeat(2,minmax(0,1fr));} }
  /* sehr lange Komposita (z. B. Lieferkettensorgfaltspflichtengesetz) sauber umbrechen */
  .card, .sit, .kk, .kp-item, .core-card, .ptile, .add-card{overflow-wrap:anywhere;}

  /* Sprungziele nicht unter der fixierten Kopfzeile landen lassen */
  [id]{scroll-margin-top:104px;}
  @media (max-width:900px){ [id]{scroll-margin-top:126px;} }

  /* ===== Logistik-Check ===== */
  #check{position:relative;background:var(--navy) url("netz-dunkel-bg.jpg") center/cover no-repeat;}
  #check::after{content:"";position:absolute;inset:0;background:rgba(3,29,56,.68);pointer-events:none;}
  #check > .wrap{position:relative;z-index:1;}
  #check .band-title{color:var(--white);text-transform:uppercase;letter-spacing:.04em;
    font-size:clamp(28px,4vw,52px);line-height:1.1;}
  #check .section-head p{color:rgba(255,255,255,.86);}
  #check .lc-kick{color:var(--gold);}
  .lc-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center;margin-top:30px;}
  .lc-radar{display:grid;gap:14px;justify-items:center;min-width:0;}
  .lc-radar svg{width:100%;max-width:420px;height:auto;overflow:visible;}
  .lc-legend{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;
    font-family:'Inter',sans-serif;font-size:13px;color:rgba(255,255,255,.80);}
  .lc-legend span{display:inline-flex;align-items:center;gap:8px;}
  .lc-legend span[hidden]{display:none;}
  .lc-legend b{font-weight:500;}
  .lc-legend i{width:16px;height:3px;border-radius:2px;display:inline-block;}
  .lc-legend i.lc-ref{background:#A9BCCF;}
  .lc-legend i.lc-you{background:var(--gold);}
  .lc-card{background:var(--white);border-radius:16px;padding:28px;min-width:0;
    box-shadow:0 26px 52px -26px rgba(0,0,0,.55);}
  .lc-stage{min-height:360px;display:grid;align-content:start;gap:16px;}
  .lc-prog{display:flex;gap:6px;}
  .lc-prog i{flex:1;height:4px;border-radius:2px;background:var(--line);}
  .lc-prog i.done{background:var(--teal);}
  .lc-prog i.now{background:var(--gold);}
  .lc-meta{display:flex;justify-content:space-between;gap:12px;font-family:'Inter',sans-serif;font-size:13px;color:var(--muted);}
  .lc-meta b{color:#0F7C84;font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:12px;}
  .lc-frage{font-family:'Baloo 2',sans-serif;font-weight:700;font-size:21px;line-height:1.25;color:var(--navy);margin:0;}
  .lc-opts{display:grid;gap:10px;}
  .lc-opt{font:inherit;text-align:left;display:grid;grid-template-columns:24px 1fr;gap:12px;align-items:center;
    border:1.5px solid var(--line);background:var(--white);color:var(--ink);border-radius:10px;
    padding:13px 15px;cursor:pointer;font-family:'Inter',sans-serif;font-size:15px;line-height:1.45;
    transition:border-color .15s,background .15s;}
  .lc-opt:hover{border-color:var(--teal);background:#F2FAFA;}
  .lc-lv{width:24px;height:24px;border-radius:50%;border:1.5px solid var(--line);display:grid;place-items:center;
    font-family:'Inter',sans-serif;font-size:12px;font-weight:700;color:var(--muted);}
  .lc-opt.sel{border-color:var(--gold);background:#FBF7EA;}
  .lc-opt.sel .lc-lv{background:var(--gold);border-color:var(--gold);color:var(--navy);}
  .lc-row{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-top:4px;}
  .lc-fuss{font-family:'Inter',sans-serif;font-size:13px;color:var(--muted);margin:0;line-height:1.55;}
  .btn-ghost{background:transparent;color:var(--muted);border:0;padding:12px 4px;cursor:pointer;
    font-family:'Inter',sans-serif;font-size:14px;font-weight:700;}
  .btn-ghost:hover{color:var(--navy);}
  .lc-score{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;}
  .lc-score b{font-family:'Baloo 2',sans-serif;font-size:46px;line-height:1;color:var(--navy);font-variant-numeric:tabular-nums;}
  .lc-score span{font-family:'Baloo 2',sans-serif;font-size:20px;color:#0F7C84;}
  .lc-erkl{font-family:'Inter',sans-serif;font-size:15px;line-height:1.6;color:var(--ink);margin:-4px 0 0;}
  .lc-vgl{font-family:'Inter',sans-serif;font-size:13px;line-height:1.55;color:var(--muted);
    margin:0;padding-top:10px;border-top:1px solid var(--line);}
  .lc-recs{list-style:none;margin:0;padding:0;display:grid;gap:12px;}
  .lc-recs li{border-left:3px solid var(--gold);padding:3px 0 3px 14px;}
  .lc-recs b{font-family:'Baloo 2',sans-serif;font-size:16px;color:var(--navy);display:block;}
  .lc-recs small{display:block;font-family:'Inter',sans-serif;font-size:14px;color:var(--muted);line-height:1.5;}
  /* Brücke */
  .lc-bgrid{display:grid;grid-template-columns:minmax(0,1fr) 150px minmax(0,1fr);gap:26px;align-items:center;margin-top:26px;}
  .lc-col{display:grid;gap:10px;align-content:start;min-width:0;}
  .lc-colh{font-family:'Inter',sans-serif;font-size:12px;letter-spacing:.12em;text-transform:uppercase;
    color:var(--muted);margin:0 0 2px;}
  .lc-chal{font:inherit;text-align:left;border:1.5px solid var(--line);background:var(--white);border-radius:10px;
    padding:13px 15px;cursor:pointer;color:var(--ink);font-family:'Inter',sans-serif;font-size:15px;line-height:1.45;
    transition:border-color .2s,background .2s,color .2s;}
  .lc-chal:hover{border-color:var(--navy);}
  .lc-chal.on{border-color:var(--navy);background:var(--navy);color:var(--white);}
  .lc-blk{border:1.5px solid var(--line);background:var(--white);border-radius:10px;padding:13px 15px;
    display:grid;gap:2px;transition:border-color .3s,box-shadow .3s;}
  .lc-blk b{font-family:'Baloo 2',sans-serif;font-size:16px;color:var(--navy);}
  .lc-blk small{font-family:'Inter',sans-serif;font-size:14px;color:var(--muted);line-height:1.5;}
  .lc-blk.on{border-color:#1C6B43;border-width:2.5px;background:#F3FAF6;
    box-shadow:0 0 0 4px rgba(28,107,67,.16);}
  .lc-blk.on b{color:#14532D;}
  .lc-hub{display:grid;justify-items:center;}
  .lc-disc{width:116px;height:116px;border-radius:50%;background:var(--navy);display:grid;place-items:center;
    box-shadow:0 0 0 10px rgba(3,29,56,.07);}
  .lc-disc img{width:76px;height:auto;}
  @media (max-width:900px){
    .lc-grid{grid-template-columns:1fr;gap:26px;}
    .lc-card{padding:22px;}
    .lc-bgrid{grid-template-columns:1fr;gap:16px;}
    .lc-disc{width:88px;height:88px;}
    .lc-disc img{width:58px;}
  }

  /* Teaser zum Logistik-Check auf der Startseite */
  .check-teaser{
    display:flex;align-items:center;justify-content:space-between;gap:26px;flex-wrap:wrap;
    margin:30px 0 4px;padding:24px 28px;border-radius:14px;
    background:rgba(199,171,69,.12);border:1px solid rgba(199,171,69,.45);
  }
  .check-teaser .ct-kick{
    font-family:'Inter',sans-serif;font-size:12px;font-weight:700;letter-spacing:.14em;
    text-transform:uppercase;color:var(--gold);margin:0 0 6px;
  }
  .check-teaser .ct-text{
    font-family:'Inter',sans-serif;font-size:15px;line-height:1.55;
    color:rgba(255,255,255,.92);margin:0;max-width:62ch;
  }
  .check-teaser .btn{flex:none;}
  @media (max-width:760px){ .check-teaser{padding:20px 20px;} .check-teaser .btn{width:100%;text-align:center;} }

  /* Zwei-Perspektiven-Karten wie die Leistungskarten darüber:
     Pin frei stehend, farbiger Rahmen, getönter Verlauf, farbige Überschrift */
  #zwei-perspektiven .cards2 .pin-tile{
    background-color:transparent;box-shadow:none;border-radius:0;
    background-size:contain;background-position:center;background-repeat:no-repeat;
  }
  #zwei-perspektiven .cards2 > .card:nth-child(1) .pin-tile{background-image:url("pin-aqua.png");}
  #zwei-perspektiven .cards2 > .card:nth-child(2) .pin-tile{background-image:url("pin-gold.png");}
  #zwei-perspektiven .cards2 > .card:nth-child(1){
    background:linear-gradient(160deg,#fff,#eef4f5);border:1.5px solid var(--teal);
  }
  #zwei-perspektiven .cards2 > .card:nth-child(2){
    background:linear-gradient(160deg,#fff,#f6f1e2);border:1.5px solid var(--gold);
  }
  #zwei-perspektiven .cards2 > .card:nth-child(1) h3{color:#0F7C84;}
  #zwei-perspektiven .cards2 > .card:nth-child(2) h3{color:var(--gold-ink,#9A7521);}
  .btn{
    display:inline-block;padding:12px 22px;border-radius:8px;font-size:15px;font-weight:700;
    letter-spacing:.02em;font-family:'Inter',sans-serif;
  }
  .btn-primary{background:var(--navy);color:#fff;}
  .btn-primary:hover{background:var(--navy-deep);}
  header .btn-primary{background:rgba(20,156,166,.5);border:1.5px solid var(--aqua);color:var(--white);}
  header .btn-primary:hover{background:var(--aqua);color:var(--white);}
  .btn-ghost{background:transparent;color:var(--navy);border:1.5px solid var(--navy);}
  .btn-ghost:hover{background:var(--navy);color:#fff;}
  .btn-gold{background:var(--gold);color:var(--navy-deep);}

  /* Hero */
  .hero{
    position:relative;overflow:hidden;color:#fff;
    background:var(--navy);
    padding:88px 0 96px;
  }
  .hero-pins{position:absolute;inset:0;pointer-events:none;}
  .hero-pins span{position:absolute;opacity:.16;background-repeat:no-repeat;background-position:center;background-size:contain;}
  .hero-ring-wrap{
    position:absolute;right:0px; top:50%; transform:translateY(-50%);
    width:360px; max-width:28vw; aspect-ratio:377/441;
    filter:drop-shadow(0 30px 60px rgba(0,0,0,.35));
  }
  .hero-inner{position:relative;max-width:600px;}
  .hero .eyebrow{color:var(--gold);}

  /* Marktgebiet band */
  .market-band{position:relative;overflow:hidden;background:var(--white) url("europa-bg.png") center/cover no-repeat;padding:56px 0 48px;border-top:1px solid rgba(3,29,56,.08);}
  .market-band::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg, rgba(255,255,255,.72) 0%, rgba(255,255,255,.72) 45%, rgba(255,255,255,.95) 70%, #fff 100%);pointer-events:none;}
  .market-band > *{position:relative;}
  .market-band-inner{max-width:100%;}
  .market-band .market-text > p:not(.band-trust){max-width:600px;}
  .market-band .eyebrow{color:var(--gold);}
  .market-band h3{color:var(--navy);font-size:26px;margin:8px 0 12px;font-family:'Baloo 2',sans-serif;}
  .market-band p{color:rgba(3,29,56,.78);font-size:16px;line-height:1.65;margin:0 0 22px;font-family:'Inter',sans-serif;}
  .market-stats{display:flex;gap:10px;flex-wrap:wrap;}
  .market-stats span{
    background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:#fff;
    font-size:13px;font-weight:600;padding:7px 14px;border-radius:999px;font-family:'Inter',sans-serif;
  }
  .dach-radar{position:absolute;right:0;top:50%;transform:translate(-50%,-50%);width:240px;max-width:19.5vw;}
  .dach-radar svg{width:100%;height:auto;display:block;}
  .dach-legend{display:flex;gap:22px;justify-content:center;margin-top:30px;flex-wrap:wrap;position:relative;}
  .dach-legend span{display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.75);font-size:14px;font-family:'Inter',sans-serif;}
  .dach-legend i{width:10px;height:10px;border-radius:50%;display:inline-block;flex-shrink:0;}

  /* Referenzen-Karussell (Platzhalter) */
  .logo-band{padding:64px 0;background:var(--paper);}
  .logo-band .section-head{margin-bottom:32px;}
  .logo-carousel{overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);}
  .logo-track{display:flex;gap:20px;width:max-content;animation:logo-scroll 32s linear infinite;}
  .logo-carousel:hover .logo-track{animation-play-state:paused;}
  .logo-placeholder{
    flex-shrink:0;width:168px;height:78px;border-radius:12px;
    background:#fff;border:1px solid var(--line);
    display:flex;align-items:center;justify-content:center;
    color:var(--muted);font-size:13px;font-weight:600;font-family:'Inter',sans-serif;letter-spacing:.02em;text-align:center;
  }
  @keyframes logo-scroll{from{transform:translateX(0);}to{transform:translateX(-50%);}}
  .hero h1{
    font-size:46px;line-height:1.14;margin:16px 0 20px;font-weight:700;color:#fff;
  }
  .hero p.lead{font-size:17px;color:#d7e1ea;max-width:530px;margin:0 0 8px;font-family:'Inter',sans-serif;}
  .hero p.since{font-size:14px;color:#9fb2c6;margin:0 0 26px;font-family:'Inter',sans-serif;}
  .tag-chip{
    display:inline-flex;align-items:center;gap:8px;font-size:13px;letter-spacing:.1em;text-transform:uppercase;
    color:var(--navy-deep);background:var(--gold);font-weight:700;font-family:'Inter',sans-serif;
    padding:6px 14px 6px 8px;border-radius:20px;margin-bottom:22px;
  }
  .tag-chip .chip-pin{width:16px;height:20px;}
  .hero-ctas{display:flex;gap:16px;flex-wrap:wrap;}
  .hero-ctas .btn-ghost{background:rgba(20,156,166,.5);border-color:var(--aqua);color:var(--white);}
  .hero-ctas .btn-ghost:hover,
  .hero-ctas .btn-ghost:focus-visible,
  .hero-ctas .btn-ghost:active{background:var(--aqua);border-color:var(--aqua);color:var(--white);}
  .hero-ctas .btn-gold:hover{filter:brightness(1.08);}

  /* Sections generic */
  section{padding:84px 0;position:relative;}
  .section-num{
    position:absolute;top:20px;left:14px;width:30px;height:30px;border-radius:50%;
    background:rgba(3,29,56,.20);color:rgba(255,255,255,.62);
    border:1px solid rgba(255,255,255,.16);
    font-family:'Inter',sans-serif;font-size:13px;font-weight:600;line-height:1;
    display:flex;align-items:center;justify-content:center;
    box-shadow:none;z-index:5;user-select:none;
  }
  /* kleiner Pfeil nach oben, unter der Nummer */
  .nav-up{
    position:absolute;left:50%;top:38px;transform:translateX(-50%);
    width:24px;height:24px;border-radius:50%;
    background:rgba(3,29,56,.20);border:1px solid rgba(255,255,255,.16);
    display:flex;align-items:center;justify-content:center;
    opacity:.5;transition:opacity .18s ease, background .18s ease;
  }
  .nav-up:hover,.nav-up:focus-visible{opacity:1;background:rgba(3,29,56,.62);}
  .nav-up i{
    display:block;width:7px;height:7px;margin-top:2px;
    border-top:1.6px solid rgba(255,255,255,.75);
    border-left:1.6px solid rgba(255,255,255,.75);
    transform:rotate(45deg);
  }
  html{scroll-behavior:smooth;}
  @media (max-width:960px){.section-num{position:static;display:inline-flex;width:auto;height:auto;border-radius:7px;padding:4px 10px;margin:0 0 14px;}
    .nav-up{display:none;}}
  .section-head{max-width:660px;margin-bottom:48px;}
  .section-head h2{font-size:32px;font-weight:700;margin:12px 0 14px;color:var(--navy);}
  .section-head p{color:var(--muted);font-size:16px;font-family:'Inter',sans-serif;}
  .alt{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}

  /* Services */
  .cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
  .card{
    background:#fff;border:1px solid var(--line);border-radius:14px;padding:30px 26px;
  }
  .card .card-top{display:flex;align-items:center;gap:14px;margin-bottom:18px;}
  .card .card-top .step-no{font-family:'Baloo 2',sans-serif;font-size:14px;color:var(--muted);letter-spacing:.06em;}
  .card h3{font-size:20px;color:var(--navy);margin:0 0 10px;font-weight:700;}
  .card p{font-size:15px;color:var(--muted);margin:0;font-family:'Inter',sans-serif;}

  /* Partners */
  .partner-intro{max-width:760px;color:var(--muted);font-size:16px;margin-bottom:12px;font-family:'Inter',sans-serif;}
  .tier-label{
    display:flex;align-items:center;gap:12px;margin:44px 0 20px;
  }
  .tier-label h3{font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:var(--navy);font-weight:700;margin:0;font-family:'Inter',sans-serif;}
  .tier-label .line{flex:1;height:1px;background:var(--line);}
  .core-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;}
  .core-card{
    background:linear-gradient(160deg,#fff,#f6f1e2);
    border:1.5px solid var(--gold);border-radius:14px;padding:28px;position:relative;
    display:flex;gap:18px;
  }
  .core-card.pending{background:linear-gradient(160deg,#fff,#eef4f5);border-color:var(--teal);}
  .badge{
    position:absolute;top:-11px;right:20px;background:var(--gold);color:var(--navy-deep);
    font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
    padding:4px 10px;border-radius:12px;font-family:'Inter',sans-serif;
  }
  .badge.pending{background:var(--teal);color:#fff;}
  .core-card h4{margin:0 0 6px;font-size:20px;color:var(--navy);font-family:'Baloo 2',sans-serif;}
  .core-card p{margin:0;font-size:15px;color:var(--muted);font-family:'Inter',sans-serif;}
  .core-card .partner-logo{
    display:block;width:100%;max-width:230px;height:auto;margin:2px 0 14px;
    background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 12px;
  }

  .core-grid.single{grid-template-columns:1fr;}
  .kp-benefits{display:grid;grid-template-columns:1fr;gap:14px;margin:16px 0 14px;}
  .kp-item{background:rgba(255,255,255,.72);border:1px solid var(--line);border-radius:10px;padding:16px 18px;}
  .kp-item b{display:block;font-family:'Inter',sans-serif;font-size:13px;letter-spacing:.05em;text-transform:uppercase;color:#8A7222;margin-bottom:6px;line-height:1.4;}
  .kp-item p{font-size:14px;line-height:1.55;margin:0 0 8px;}
  .kp-item ul{margin:0;padding-left:18px;columns:2;column-gap:28px;}
  .kp-item li{font-family:'Inter',sans-serif;font-size:14px;line-height:1.5;color:var(--muted);margin:0 0 4px;break-inside:avoid;}
  .kp-item li::marker{color:var(--gold);}
  .core-card p.kp-note{font-size:14px;font-style:italic;}
  @media(max-width:860px){.kp-item ul{columns:1;}}

  .wide-card{
    background:linear-gradient(160deg,#fff,#eceff3);border:1.5px solid var(--navy);border-radius:12px;
    padding:22px 26px;display:flex;gap:16px;align-items:flex-start;margin:22px 0 0;
  }
  .wide-card .pin-tile{flex:none;margin-top:2px;}
  .wide-card .wc-kicker{display:block;font-family:'Inter',sans-serif;font-size:12px;letter-spacing:.09em;font-weight:700;color:#8A7222;margin-bottom:4px;}
  .wide-card h4{margin:0 0 6px;font-size:18px;color:var(--navy);font-family:'Baloo 2',sans-serif;}
  .wide-card p{margin:0;font-size:15px;color:var(--muted);font-family:'Inter',sans-serif;line-height:1.55;}
  .add-grid.three{grid-template-columns:repeat(3,1fr);}
  @media(max-width:860px){.add-grid.three{grid-template-columns:1fr;}}

  .add-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;}
  .add-card{
    background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px 24px;
    display:flex;gap:16px;align-items:flex-start;
  }
  .add-card .pin-tile{flex:none;margin-top:2px;}
  .add-card h4{margin:0 0 6px;font-size:16px;color:var(--navy);font-family:'Baloo 2',sans-serif;}
  .add-card p{margin:0;font-size:14px;color:var(--muted);font-family:'Inter',sans-serif;line-height:1.55;}
  .add-card p b{color:var(--navy);font-weight:700;}

  /* Werte / Positionierung */
  .cards2{display:grid;grid-template-columns:1fr 1fr;gap:26px;}
  .role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:8px;}
  .role-card{
    background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:22px 22px 24px;
  }
  .role-card .pin-tile{margin-bottom:16px;}
  .role-card h4{margin:0 0 8px;font-size:15px;color:var(--navy);font-family:'Baloo 2',sans-serif;line-height:1.3;}
  .role-card p{margin:0;font-size:14px;color:var(--muted);font-family:'Inter',sans-serif;line-height:1.55;}
  .ll-head{margin:26px 0 10px;font-family:'Baloo 2',system-ui,sans-serif;font-weight:700;font-size:17px;
    text-transform:uppercase;letter-spacing:.06em;color:var(--gold);}
  .ll-head:first-of-type{margin-top:10px;}
  .leistung-list{display:grid;grid-template-columns:1fr 1fr;gap:14px 32px;margin-top:8px;}
  .leistung-list div{display:flex;align-items:flex-start;gap:10px;font-size:15px;color:var(--ink);font-family:'Inter',sans-serif;}
  .leistung-list div::before{content:"";width:7px;height:7px;min-width:7px;border-radius:50%;background:var(--gold);margin-top:7px;}

  /* Nutzen / Warum-section */
  .why-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:28px;}
  .why-card{
    background:var(--navy);color:#fff;border-radius:16px;padding:32px;
  }
  .why-card:nth-child(2){background:var(--navy-deep);}
  .why-card .pin-tile{background-color:rgba(255,255,255,.12);margin-bottom:18px;}
  .why-card h3{font-size:20px;margin:0 0 10px;color:#fff;}
  .why-card p{font-size:15px;color:#c9d6e0;margin:0;font-family:'Inter',sans-serif;}
  .quote-block{
    border-left:3px solid var(--gold);padding:6px 0 6px 24px;margin-top:8px;
  }
  .quote-block p{font-size:17px;color:var(--navy);font-style:italic;margin:0 0 8px;font-family:'Baloo 2',sans-serif;font-weight:500;}
  .quote-block span{font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-family:'Inter',sans-serif;}
  .bio-photo{margin-top:40px;border-radius:16px;overflow:hidden;aspect-ratio:16/9;}
  .bio-photo img{width:100%;height:100%;object-fit:cover;display:block;}
  .bio-photo-caption{margin-top:10px;font-size:13px;color:var(--muted);font-style:italic;font-family:'Inter',sans-serif;}
  .partner-plus{
    display:flex;align-items:center;gap:16px;margin-top:22px;background:#fff;
    border:1px solid var(--line);border-radius:12px;padding:18px 22px;
  }
  .partner-plus p{margin:0;font-size:15px;color:var(--muted);font-family:'Inter',sans-serif;}

  /* Geschichte timeline */
  .timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;position:relative;}
  .timeline::before{
    content:"";position:absolute;top:16px;left:6%;right:6%;height:2px;background:var(--line);
  }
  .tl-item{position:relative;}
  .tl-item .pin-tile{margin-bottom:16px;position:relative;z-index:1;}
  .tl-item .year{font-family:'Baloo 2',sans-serif;font-weight:700;color:var(--gold);font-size:15px;letter-spacing:.04em;}
  .tl-item h3{font-size:16px;color:var(--navy);margin:6px 0 6px;font-weight:700;}
  .tl-item p{font-size:14px;color:var(--muted);margin:0;font-family:'Inter',sans-serif;}

  /* Ablauf */
  .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
  .step .pin-tile{margin-bottom:16px;}
  .step .step-num{font-family:'Baloo 2',sans-serif;font-size:13px;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;}
  .step h3{font-size:17px;color:var(--navy);margin:6px 0 8px;font-weight:700;}
  .step p{font-size:14px;color:var(--muted);margin:0;font-family:'Inter',sans-serif;}

  /* About */
  .about{display:grid;grid-template-columns:240px 1fr;gap:44px;align-items:start;}
  .avatar{
    width:240px;height:240px;border-radius:50%;overflow:hidden;
    background:linear-gradient(150deg,var(--navy),var(--teal));
    display:flex;align-items:center;justify-content:center;color:#fff;
    font-family:'Baloo 2',sans-serif;font-size:42px;font-weight:700;
    flex-shrink:0;
  }
  .avatar img{width:100%;height:100%;object-fit:cover;display:block;}
  .about h2{font-size:28px;color:var(--navy);margin:0 0 6px;}
  .about .role{color:var(--teal);font-weight:600;font-size:15px;margin-bottom:18px;font-family:'Inter',sans-serif;}
  .about p{color:var(--muted);font-size:16px;font-family:'Inter',sans-serif;}

  /* Internal claim-selector panel (NOT for publication, decision aid only) */
  .internal-panel{
    background:#fff;border:2px dashed #c9c2a8;border-radius:16px;padding:34px 36px;
  }
  .internal-panel .tag{
    display:inline-block;background:var(--gold);color:var(--navy-deep);font-size:12px;font-weight:700;
    letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:6px;margin-bottom:14px;
    font-family:'Inter',sans-serif;
  }
  .internal-panel h2{font-size:24px;color:var(--navy);margin:0 0 10px;}
  .internal-panel > p{color:var(--muted);font-size:15px;font-family:'Inter',sans-serif;max-width:720px;margin:0 0 28px;}
  .claim-current{
    display:flex;align-items:center;gap:16px;background:#f6f1e2;border:1.5px solid var(--gold);
    border-radius:12px;padding:18px 22px;margin-bottom:28px;
  }
  .claim-current .ok{
    width:30px;height:30px;border-radius:50%;background:var(--gold);color:#fff;flex:none;
    display:flex;align-items:center;justify-content:center;font-weight:700;font-family:'Inter',sans-serif;
  }
  .claim-current div b{font-family:'Baloo 2',sans-serif;font-size:17px;color:var(--navy);display:block;}
  .claim-current div span{font-size:13px;color:var(--muted);font-family:'Inter',sans-serif;}
  .claim-groups{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
  .claim-group h4{
    font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--teal);margin:0 0 12px;
    font-family:'Inter',sans-serif;font-weight:700;
  }
  .claim-group ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;}
  .claim-group li{
    font-size:15px;color:var(--ink);font-family:'Baloo 2',sans-serif;font-weight:500;
    background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:9px 12px;
  }
  .internal-note{
    margin-top:26px;font-size:14px;color:var(--muted);font-family:'Inter',sans-serif;
    background:var(--paper);border-radius:10px;padding:14px 18px;
  }

  /* Footer */
  footer{background:var(--navy-deep);color:#cfd9e2;padding:60px 0 30px;}
  .foot-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:40px;margin-bottom:36px;align-items:start;}
  footer p.claim{font-size:14px;color:#9fb2c2;margin-top:16px;text-align:center;font-family:'Inter',sans-serif;}
  footer h4{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:#8fa3b5;margin:0 0 14px;font-family:'Inter',sans-serif;}
  footer ul{list-style:none;margin:0;padding:0;font-size:15px;font-family:'Inter',sans-serif;}
  footer li{margin-bottom:9px;color:#d7e0e7;}
  .swatch-legend{display:flex;gap:16px;justify-content:center;margin-top:18px;}
  .swatch-legend span{display:flex;align-items:center;gap:6px;font-size:12px;color:#9fb2c2;font-family:'Inter',sans-serif;}
  .swatch-legend i{width:10px;height:10px;border-radius:3px;display:inline-block;}
  .foot-bottom{
    border-top:1px solid rgba(255,255,255,.12);padding-top:22px;
    display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:13px;color:#8296a8;
    font-family:'Inter',sans-serif;
  }
  .foot-bottom a{margin-left:18px;}
  .placeholder-note{color:#7c93a6;font-style:italic;}

  @media (max-width:900px){
    .cards3,.cards2,.core-grid,.why-grid,.claim-groups{grid-template-columns:1fr;}
    .add-grid,.leistung-list,.role-grid{grid-template-columns:1fr;}
    .steps,.timeline{grid-template-columns:repeat(2,1fr);}
    .timeline::before{display:none;}
    .about{grid-template-columns:1fr;}
    .foot-grid{grid-template-columns:1fr;}
    .nav-toggle{display:flex;}
    .nav-row{position:relative;flex-wrap:wrap;}
    .nav-row > nav#hauptnav{
      flex:0 0 100%;order:3;max-height:0;overflow:hidden;
      justify-content:flex-start;transition:max-height .28s ease;
    }
    .nav-row > nav#hauptnav.offen{max-height:70vh;overflow:auto;}
    nav#hauptnav ul{
      width:100%;flex-direction:column;gap:0;align-items:stretch;
      border-top:1px solid rgba(255,255,255,.14);margin-top:14px;padding-bottom:6px;
    }
    nav#hauptnav li{border-bottom:1px solid rgba(255,255,255,.08);}
    nav#hauptnav li:last-child{border-bottom:0;}
    nav#hauptnav a{display:block;padding:15px 2px;font-size:16px;letter-spacing:.06em;}
    nav#hauptnav a.current{border-bottom:0;color:var(--white);}
    .hero h1{font-size:34px;}
    .hero-ring-wrap{opacity:.22;max-width:70vw;right:auto;left:-20px;}
    .market-band{display:flex;flex-direction:column;}
    .market-band > .wrap{order:1;}
    .dach-radar{position:static;order:2;width:100%;max-width:220px;margin:28px 0 0;transform:none;}
    .market-band > .dach-legend-wrap{order:3;}
    .dach-legend{margin-top:0;justify-content:flex-start;}
  }

  /* Multi-page additions */
  nav a.current{opacity:1;color:var(--white);border-bottom:2px solid var(--gold);padding-bottom:4px;}
  .teaser-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:18px;}
  .teaser-grid > .card{flex:1 1 210px;max-width:270px;}
  .card-link{display:block;text-decoration:none;transition:transform .15s ease, box-shadow .15s ease;}
  .card-link:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(5,46,84,.12);}
  .card-link .arrow{margin-top:14px;font-size:14px;font-weight:700;color:var(--teal);font-family:'Inter',sans-serif;}
  @media (max-width:900px){
    .teaser-grid > .card{flex:1 1 240px;max-width:none;}
  }
  @media (max-width:560px){
    .teaser-grid > .card{flex:1 1 100%;max-width:none;}
  }

  /* Kontakt: Buchung & Formular */
  .booking-cta{background:var(--navy);color:#fff;border-radius:16px;padding:40px;text-align:center;margin-bottom:40px;}
  .booking-cta .pin-tile{margin:0 auto 18px;}
  .booking-cta h3{color:#fff;font-size:24px;margin:0 0 10px;}
  .booking-cta p{color:#c9d6e0;font-size:16px;font-family:'Inter',sans-serif;margin:0 auto 22px;max-width:480px;}
  .contact-form{max-width:640px;}
  .contact-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
  .contact-form label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600;color:var(--navy);font-family:'Inter',sans-serif;margin-bottom:18px;}
  .contact-form input,.contact-form textarea,.contact-form select{
    font-family:'Inter',sans-serif;font-size:15px;color:var(--ink);font-weight:400;
    border:1px solid var(--line);border-radius:8px;padding:10px 14px;background:#fff;resize:vertical;
  }
  .contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{outline:none;border-color:var(--teal);}
  .thema-feld{border:0;padding:0;margin:0 0 18px;}
  .thema-feld legend{padding:0;margin:0 0 10px;font-size:14px;font-weight:600;color:inherit;font-family:'Inter',sans-serif;}
  .thema-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;}
  .thema-grid label{flex-direction:row;align-items:center;gap:9px;margin:0;font-weight:500;font-size:14px;cursor:pointer;}
  .thema-grid input[type=checkbox]{width:17px;height:17px;flex:none;accent-color:var(--teal);cursor:pointer;margin:0;}
  @media(max-width:700px){.thema-grid{grid-template-columns:1fr;}}

  .contact-form select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='%235B6572' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:11px;padding-right:38px;cursor:pointer;}
  @media (max-width:560px){
    .contact-form .form-row{grid-template-columns:1fr;}
  }

  /* Legal pages: Impressum / Datenschutz */
  .legal-notice{
    background:#fdf6e3;border:1.5px solid var(--gold);border-radius:12px;
    padding:20px 24px;margin-bottom:40px;font-size:15px;color:var(--navy-deep);
    font-family:'Inter',sans-serif;line-height:1.6;
  }
  .legal-notice b{font-weight:700;}
  .legal-content{max-width:760px;font-family:'Inter',sans-serif;color:var(--ink);font-size:16px;line-height:1.7;}
  .legal-content h3{font-size:20px;color:var(--navy);margin:38px 0 12px;font-family:'Baloo 2',sans-serif;}
  .legal-content h3:first-child{margin-top:0;}
  .legal-content h4{font-size:16px;color:var(--navy);margin:22px 0 8px;font-family:'Inter',sans-serif;font-weight:700;}
  .legal-content p{margin:0 0 14px;}
  .legal-content ul{margin:0 0 14px;padding-left:22px;}
  .legal-content li{margin-bottom:6px;}
  .legal-content a{color:#0B6E76;text-decoration:underline;}
  .legal-content .fill-in{background:#fdf6e3;color:#8a6d1a;padding:1px 6px;border-radius:4px;font-style:normal;font-weight:600;}

  /* Hero-Bild (Startseite) */
  .hero-image{position:relative;min-height:clamp(380px,62vh,620px);display:flex;align-items:center;overflow:hidden;background:var(--navy-deep);}
  .hero-image-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
  .hero-image-scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,29,56,.88) 0%,rgba(3,29,56,.66) 45%,rgba(3,29,56,.15) 100%);}
  .hero-image-inner{position:relative;padding-top:72px;padding-bottom:64px;max-width:1160px;}
  .hero-image-inner h1{color:var(--white);font-size:clamp(37px,5vw,65px);line-height:1.12;margin:0;max-width:16ch;}
  .hero-image-inner p{color:rgba(255,255,255,.9);font-size:20px;line-height:1.6;margin:20px 0 0;max-width:48ch;}
  .hero-image-inner .hero-ctas{margin-top:32px;}
  @media(max-width:760px){
    .hero-image-scrim{background:linear-gradient(180deg,rgba(3,29,56,.55) 0%,rgba(3,29,56,.9) 80%);}
    .hero-image-inner{padding-top:56px;padding-bottom:48px;}
  }

  .hero-image-inner{display:flex;justify-content:center;}
  .hero-image-logo{width:min(1380px,92vw);height:auto;display:block;margin:0 auto;}
  @media(max-width:760px){ .hero-image-logo{width:92vw;} }

  /* Sektion 1: Kicker + Claim */
  .hero .hero-inner{max-width:100%;}
  .hero .hero-inner .lead{max-width:600px;}
  .hero h1.hero-kicker{color:var(--gold);text-transform:uppercase;letter-spacing:.04em;font-size:min(calc((100vw - 64px) / 16.504), 67.6px);line-height:1.05;margin:0 0 14px;white-space:nowrap;}
  .hero h2.hero-claim{text-transform:uppercase;color:var(--gold);font-size:min(calc((100vw - 64px) / 33.008), 33.8px);line-height:1.15;margin:0;white-space:nowrap;}
  .hero .hero-inner .lead{margin-top:30px;}
  .hero .hero-inner p.since{color:var(--gold);font-family:'Baloo 2',system-ui,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.02em;font-size:min(calc((100vw - 64px) / 33.008), 33.8px);line-height:1.2;margin:28px 0 0;max-width:none;}
  @media(max-width:760px){
    .hero h2.hero-claim{white-space:normal;}
  }

  /* Hero-Logo: Anflug aus der Nahaufnahme */
  @keyframes heroLogoFlyIn{
    0%{transform:scale(9);opacity:0;filter:blur(14px);}
    35%{opacity:1;}
    100%{transform:scale(1);opacity:1;filter:blur(0);}
  }
  .hero-image{perspective:1200px;}
  .hero-image-logo{transform-origin:50% 50%;animation:heroLogoFlyIn 1.6s cubic-bezier(.16,.84,.3,1) both;will-change:transform,opacity,filter;}
  @media(prefers-reduced-motion:reduce){ .hero-image-logo{animation:none;} }

  .dach-radar img{width:100%;height:auto;display:block;}

  .market-band .band-title{color:var(--gold-ink);text-transform:uppercase;letter-spacing:.04em;font-size:clamp(30px,4vw,56px);line-height:1.1;margin:0 0 18px;}

  .market-band .market-text p.band-trust{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin:26px 0 0;font-family:'Baloo 2',system-ui,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.02em;line-height:1.2;font-size:min(calc((100vw - 64px) / 33.008), 33.8px);}
  .market-band p.band-trust .t-de{color:var(--gold-ink);}
  .market-band p.band-trust .t-at{color:#107A82;}
  .market-band p.band-trust .t-ch{color:var(--navy);}
  .market-band p.band-trust .t-sep{color:rgba(3,29,56,.35);}

  .band-gold{background:var(--gold);}
  .band-gold .eyebrow{color:var(--navy);}
  .band-gold h2, .band-gold h3{color:var(--navy);}
  .band-gold .section-head{max-width:none;}
  .band-gold .section-head p{color:rgba(3,29,56,.82);max-width:600px;}
  .band-gold .card{background:var(--white);}

  .band-gold .band-title{color:var(--navy);text-transform:uppercase;letter-spacing:.04em;font-size:clamp(30px,4vw,56px);line-height:1.1;margin:0 0 18px;white-space:nowrap;max-width:none;}

  .band-gold .section-head p.gold-trust{display:block;color:var(--navy);font-family:'Baloo 2',system-ui,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.02em;line-height:1.2;font-size:min(calc((100vw - 64px) / 33.008), 33.8px);margin:26px 0 0;max-width:none;}

  /* Sektion 3: Pin-Kachel durch freigestelltes Pin-Symbol ersetzen */
  .band-gold .card-top .pin-tile, #werte .card-top .pin-tile{
    background-color:transparent;box-shadow:none;border-radius:0;
    background-image:url("pin-navy.png");background-size:contain;
    background-repeat:no-repeat;background-position:center;
  }

  #werte .cards3 > .card:nth-child(2) .pin-tile{background-image:url("pin-aqua.png");}

  #werte .cards3 > .card:nth-child(3) .pin-tile{background-image:url("pin-gold.png");}

  #werte .cards3 > .card:nth-child(2) h3{color:var(--aqua);}

  /* Sektion 3: großer, angeschnittener Pin im rechten Drittel */
  .band-gold{position:relative;overflow:hidden;}
  .band-gold::before{
    content:"";position:absolute;top:0;bottom:0;right:0;
    width:34%;background:url("pin-gold-dark.png") right center/contain no-repeat;
    pointer-events:none;
  }
  .band-gold > .wrap{position:relative;}

  #zielgruppen .band-title{color:var(--navy);text-transform:uppercase;letter-spacing:.04em;font-size:clamp(30px,4vw,56px);line-height:1.1;margin:0 0 18px;white-space:nowrap;max-width:none;}
  #zielgruppen .section-head{max-width:none;}
  #zielgruppen .section-head p{max-width:600px;}

  #zielgruppen p.zg-trust{display:block;color:var(--navy);font-family:'Baloo 2',system-ui,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.02em;line-height:1.2;font-size:min(calc((100vw - 64px) / 33.008), 33.8px);margin:34px 0 0;max-width:none;}

  @media(max-width:760px){
    #werte .band-title, #zielgruppen .band-title, .market-band .band-title{white-space:normal;}
  }

  /* Position 4: Netzwerkbild als Hintergrund */
  #werte{position:relative;overflow:hidden;background:var(--navy) url("netzwerk-bg.jpg") center/cover no-repeat;}
  #werte::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg, rgba(3,29,56,.55) 0%, rgba(3,29,56,.42) 55%, rgba(3,29,56,.3) 100%);pointer-events:none;}
  #werte > .wrap{position:relative;}
  #werte .band-title{color:var(--gold);text-transform:uppercase;letter-spacing:.04em;font-size:clamp(30px,4vw,56px);line-height:1.1;margin:0 0 18px;white-space:nowrap;max-width:none;}
  #werte .section-head{max-width:none;}
  #werte .section-head p{color:var(--white);max-width:600px;}
  #werte .card{background:rgba(255,255,255,.94);}
  #werte .card h3{color:var(--navy);}

  #werte .werte-note{margin:30px 0 0;max-width:780px;color:var(--white);opacity:.82;font-size:15px;line-height:1.65;}
  #werte .gold-trust{margin:0 0 28px;font-family:var(--font-head,"Baloo 2"),system-ui,sans-serif;font-size:min(calc((100vw - 64px) / 33.008), 33.8px);font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:var(--white);}

  #zielgruppen .cards2 > .card:nth-child(2) .pin-tile{background-image:url("pin-aqua.png");}
  #zielgruppen .cards2 > .card:nth-child(2) h3{color:var(--aqua);}

  #zielgruppen p.zg-trust{color:var(--white);}

  #positionierung p.pos-trust{display:block;margin:0 0 34px;max-width:none;color:var(--navy);font-family:'Baloo 2',system-ui,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.02em;line-height:1.2;font-size:min(calc((100vw - 64px) / 33.008), 33.8px);}

  #positionierung .band-title{color:var(--navy);text-transform:uppercase;letter-spacing:.04em;font-size:clamp(30px,4vw,56px);line-height:1.1;margin:0 0 18px;max-width:none;}
  #positionierung .section-head{max-width:none;}
  #positionierung .section-head p{max-width:760px;}

  #positionierung{background:var(--navy);}
  #positionierung .band-title{color:var(--aqua);}
  #positionierung .section-head p{color:var(--white);}
  #positionierung .role-card{background:var(--white);}
  #positionierung p.pos-trust{color:var(--white);}

  #positionierung .role-card .pin-tile{
    background-color:transparent;box-shadow:none;border-radius:0;
    background-image:url("pin-navy.png");background-size:contain;
    background-position:center;background-repeat:no-repeat;
  }
  #positionierung .role-card:nth-child(2) .pin-tile{background-image:url("pin-aqua.png");}
  #positionierung .role-card:nth-child(3) .pin-tile{background-image:url("pin-gold.png");}
  #positionierung .role-card:nth-child(4) .pin-tile{background-image:url("pin-navy.png");}
  #positionierung .role-card:nth-child(5) .pin-tile{background-image:url("pin-aqua.png");}

  /* Sektion 5: großer, angeschnittener Pin am rechten Rand */
  #positionierung{position:relative;overflow:hidden;}
  #positionierung > .wrap{position:relative;}

  #positionierung .role-grid{grid-auto-rows:1fr;}

  #positionierung::before{
    content:"";position:absolute;inset:0;
    background:url("pin-aqua-dark.png") left center/auto 100% no-repeat;
    pointer-events:none;
  }

  #zielgruppen p.zg-trust{margin:0 0 28px;}

  #positionierung .role-card:nth-child(1) h4{color:var(--navy);}
  #positionierung .role-card:nth-child(2) h4{color:var(--aqua);}
  #positionierung .role-card:nth-child(3) h4{color:var(--gold-ink,#9A7521);}
  #positionierung .role-card:nth-child(4) h4{color:var(--navy);}
  #positionierung .role-card:nth-child(5) h4{color:var(--aqua);}

  #positionierung{background:var(--aqua);}
  #positionierung .band-title{color:var(--navy);}
  #positionierung .section-head p{color:var(--navy);}
  #positionierung p.pos-trust{color:var(--white);}

  .dach-radar .dach-pin{position:absolute;left:20.5%;top:65%;width:10%;height:auto;transform:translate(-50%,-100%);filter:drop-shadow(0 2px 4px rgba(3,29,56,.45));}

  /* Sektion 3: weißer Grund mit Pin-Element */
  #zielgruppen{position:relative;overflow:hidden;background:var(--white);}
  #zielgruppen::before{
    content:"";position:absolute;inset:0;width:auto;
    background:url("pin-white-dark.png") right center/auto 100% no-repeat;
    pointer-events:none;
  }
  #zielgruppen > .wrap{position:relative;}
  #zielgruppen .band-title{color:var(--navy);}
  #zielgruppen .section-head p{color:var(--navy);}
  #zielgruppen p.zg-trust{color:var(--navy);}
  #zielgruppen .card{background:var(--white);box-shadow:0 10px 30px rgba(3,29,56,.10);}

  #zielgruppen .band-title{color:var(--gold-ink,#9A7521);}

  #zielgruppen .band-title{color:var(--aqua);}

  #zielgruppen .band-title{color:var(--navy);}

  #zielgruppen p.zg-trust{color:var(--aqua);}

  #sicherheit{background:var(--gold);}
  #sicherheit .eyebrow{color:var(--navy);}
  #sicherheit h2, #sicherheit h3, #sicherheit h4{color:var(--navy);}
  #sicherheit p{color:var(--navy);}
  #sicherheit .card{background:var(--white);}

  #sicherheit a{color:var(--navy);text-decoration-color:rgba(3,29,56,.45);}
  #sicherheit a:hover{color:#000;text-decoration-color:var(--navy);}

  #sicherheit .band-title{color:var(--navy);text-transform:uppercase;letter-spacing:.04em;font-size:clamp(30px,4vw,56px);line-height:1.1;margin:0 0 18px;max-width:none;}
  #sicherheit .section-head{max-width:none;}
  #sicherheit .section-head p{max-width:760px;}

  #sicherheit p.sich-trust{display:block;margin:0 0 28px;max-width:none;color:var(--navy);font-family:'Baloo 2',system-ui,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.02em;line-height:1.2;font-size:min(calc((100vw - 64px) / 33.008), 33.8px);}

  /* Sektion 2: Wasserbild als Hintergrund */
  #positionierung{background:var(--aqua) url("wasserringe-bg.jpg") center/cover no-repeat;}
  #positionierung::before{
    background:url("pin-aqua-dark.png") left center/auto 100% no-repeat;
    opacity:.55;
  }
  #positionierung .band-title{color:var(--navy);}
  #positionierung .section-head p{color:var(--navy);}
  #positionierung p.pos-trust{color:var(--white);}
  #positionierung .role-card{background:rgba(255,255,255,.94);}

  #positionierung p.pos-trust{color:var(--navy);}
  #positionierung::before{display:none;}

  #positionierung p.pos-trust{color:var(--gold-ink,#9A7521);}

  #sicherheit{position:relative;overflow:hidden;}
  #sicherheit::before{
    content:"";position:absolute;inset:0;width:auto;
    background:url("pin-gold-dark2.png") right center/auto 100% no-repeat;
    pointer-events:none;
  }
  #sicherheit > .wrap{position:relative;}

  #sicherheit p.sich-trust{color:var(--navy);}

  #sicherheit .cards3 .pin-tile{
    background-color:transparent;box-shadow:none;border-radius:0;
    background-image:url("pin-navy.png");background-size:contain;
    background-position:center;background-repeat:no-repeat;
  }
  #sicherheit .cards3 > .card:nth-child(2) .pin-tile{background-image:url("pin-aqua.png");}
  #sicherheit .cards3 > .card:nth-child(3) .pin-tile{background-image:url("pin-gold.png");}
  #sicherheit .cards3 > .card:nth-child(2) h3{color:var(--aqua);}
  #sicherheit .cards3 > .card:nth-child(3) h3{color:var(--gold-ink,#9A7521);}

  #zielgruppen::before{background-position:left center;}

  #sicherheit p.sich-trust{margin:22px 0 28px;}

  #sicherheit p.sich-trust a{color:inherit;text-decoration:underline;text-decoration-thickness:.08em;text-underline-offset:.18em;}

  #sicherheit p.sich-trust:last-of-type, #sicherheit p.sich-trust[style*="28px"]{font-size:min(calc((100vw - 64px) / 66.016), 16.9px);}

  #sicherheit a.btn-sich{
    display:inline-block;margin-top:14px;padding:12px 22px;border-radius:999px;
    background:var(--navy);color:var(--white);text-decoration:none;
    font-family:'Baloo 2',system-ui,sans-serif;font-weight:700;letter-spacing:.02em;
    font-size:min(calc((100vw - 64px) / 66.016), 16.9px);
    transition:background .18s ease,transform .18s ease;
  }
  #sicherheit a.btn-sich:hover{background:#052a4f;transform:translateY(-1px);}
  #sicherheit a.btn-sich:focus-visible{outline:2px solid var(--navy);outline-offset:3px;}

  #sicherheit a.btn-sich{
    padding:12px 22px;border-radius:8px;font-family:'Inter',sans-serif;font-size:15px;
    background:rgba(20,156,166,.5);border:1.5px solid var(--aqua);color:var(--white);
  }
  #sicherheit a.btn-sich:hover,
  #sicherheit a.btn-sich:focus-visible,
  #sicherheit a.btn-sich:active{background:var(--aqua);border-color:var(--aqua);color:var(--white);}

  #sicherheit a.btn-sich{background:rgba(3,29,56,.5);border-color:var(--navy);}
  #sicherheit a.btn-sich:hover,
  #sicherheit a.btn-sich:focus-visible,
  #sicherheit a.btn-sich:active{background:var(--navy);border-color:var(--navy);}

  #sicherheit p.sich-trust a, #sicherheit a.btn-sich{text-decoration:none;}

  #sicherheit a.btn-sich{background:var(--navy);}

  #mehr-entdecken .section-head{max-width:none;}
  #mehr-entdecken .band-title{color:var(--navy);text-transform:uppercase;letter-spacing:.04em;font-size:clamp(30px,4vw,56px);line-height:1.1;margin:0 0 18px;max-width:none;}

  #sicherheit p.sich-trust[style*="28px"]{color:var(--navy);}
  #sicherheit p.sich-trust[style*="28px"] a:not(.btn-sich){color:inherit;}
  #sicherheit a.btn-sich{color:var(--white);}

  #sicherheit a.btn-sich,
  #sicherheit a.btn-sich:link,
  #sicherheit a.btn-sich:visited,
  #sicherheit a.btn-sich:hover,
  #sicherheit a.btn-sich:focus,
  #sicherheit a.btn-sich:focus-visible,
  #sicherheit a.btn-sich:active{color:#fff !important;}

  #mehr-entdecken .teaser-grid .pin-tile{
    background-color:transparent;box-shadow:none;border-radius:0;
    background-image:url("pin-navy.png");background-size:contain;
    background-position:center;background-repeat:no-repeat;
  }
  #mehr-entdecken .teaser-grid > .card:nth-child(2) .pin-tile{background-image:url("pin-aqua.png");}
  #mehr-entdecken .teaser-grid > .card:nth-child(3) .pin-tile{background-image:url("pin-gold.png");}
  #mehr-entdecken .teaser-grid > .card:nth-child(4) .pin-tile{background-image:url("pin-navy.png");}
  #mehr-entdecken .teaser-grid > .card:nth-child(5) .pin-tile{background-image:url("pin-aqua.png");}
  #mehr-entdecken .teaser-grid > .card:nth-child(6) .pin-tile{background-image:url("pin-gold.png");}

  #mehr-entdecken .teaser-grid > .card:nth-child(1) h3{color:var(--navy);}
  #mehr-entdecken .teaser-grid > .card:nth-child(2) h3{color:var(--aqua);}
  #mehr-entdecken .teaser-grid > .card:nth-child(3) h3{color:var(--gold-ink,#9A7521);}
  #mehr-entdecken .teaser-grid > .card:nth-child(4) h3{color:var(--navy);}
  #mehr-entdecken .teaser-grid > .card:nth-child(5) h3{color:var(--aqua);}
  #mehr-entdecken .teaser-grid > .card:nth-child(6) h3{color:var(--gold-ink,#9A7521);}

  #mehr-entdecken .teaser-grid .card{display:flex;flex-direction:column;}
  #mehr-entdecken .teaser-grid .arrow{
    align-self:flex-start;margin-top:auto;padding:10px 20px;border-radius:8px;
    font-family:'Inter',sans-serif;font-size:15px;font-weight:700;letter-spacing:.02em;
    color:#fff;background:var(--navy);
    transition:filter .18s ease,transform .18s ease;
  }
  #mehr-entdecken .teaser-grid > .card:nth-child(2) .arrow{background:var(--aqua);}
  #mehr-entdecken .teaser-grid > .card:nth-child(3) .arrow{background:var(--gold);color:var(--navy);}
  #mehr-entdecken .teaser-grid > .card:nth-child(4) .arrow{background:var(--navy);}
  #mehr-entdecken .teaser-grid .card:hover .arrow{filter:brightness(1.1);transform:translateY(-1px);}

  #mehr-entdecken .teaser-grid .arrow{background:rgba(3,29,56,.5);border:1.5px solid var(--navy);}
  #mehr-entdecken .teaser-grid > .card:nth-child(2) .arrow{background:rgba(20,156,166,.5);border-color:var(--aqua);}
  #mehr-entdecken .teaser-grid > .card:nth-child(3) .arrow{background:rgba(199,171,69,.5);border-color:var(--gold);color:var(--navy);}
  #mehr-entdecken .teaser-grid > .card:nth-child(4) .arrow{background:rgba(3,29,56,.5);border-color:var(--navy);}
  #mehr-entdecken .teaser-grid .card:hover .arrow{filter:none;background:var(--navy);}
  #mehr-entdecken .teaser-grid > .card:nth-child(2):hover .arrow{background:var(--aqua);}
  #mehr-entdecken .teaser-grid > .card:nth-child(3):hover .arrow{background:var(--gold);}
  #mehr-entdecken .teaser-grid > .card:nth-child(4):hover .arrow{background:var(--navy);}

  #mehr-entdecken .teaser-grid .arrow{color:var(--navy);}
  #mehr-entdecken .teaser-grid > .card:nth-child(2) .arrow{color:#0F7C84;}
  #mehr-entdecken .teaser-grid .card:hover .arrow{color:#fff;}
  #mehr-entdecken .teaser-grid > .card:nth-child(3):hover .arrow{color:var(--navy);}

  #mehr-entdecken .teaser-grid > .card:nth-child(2) .arrow{color:#084E54;}

  #mehr-entdecken .teaser-grid .card{min-height:340px;}
  #mehr-entdecken .teaser-grid .arrow{margin-top:28px;}
  #mehr-entdecken .teaser-grid .card p{margin-bottom:0;}

  #mehr-entdecken .teaser-grid .arrow{margin-top:auto;}
  #mehr-entdecken .teaser-grid .card p{margin-bottom:28px;}

  /* Sektion 7: dunkles Netzbild als Hintergrund */
  #mehr-entdecken{position:relative;background:var(--navy) url("netz-dunkel-bg.jpg") center/cover no-repeat;}
  #mehr-entdecken > .wrap{position:relative;}
  #mehr-entdecken .band-title{color:var(--aqua);}
  #mehr-entdecken .section-head p{color:var(--white);}

  #mehr-entdecken .band-title{color:var(--white);}

  #mehr-entdecken::after{
    content:"";position:absolute;inset:0;background:rgba(0,0,0,.10);pointer-events:none;
  }

  footer .foot-logo{display:block;width:150px;height:auto;margin:0 0 18px;}

  footer .foot-logo{display:block;width:210px;height:auto;margin:0 0 18px;}

  footer .foot-grid h4{color:var(--gold);}

  .nav-row > nav{flex:1 1 0;justify-content:center;}
  .nav-row > .logo-img{flex:1 1 0;}

  /* Leistungen Sektion 1: Netzbild als Hintergrund */
  #leistungen-1{position:relative;background:var(--navy) url("netz-dunkel-bg.jpg") center/cover no-repeat;}
  #leistungen-1::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.10);pointer-events:none;}
  #leistungen-1 > .wrap{position:relative;z-index:1;}
  #leistungen-1 .eyebrow{color:var(--aqua);}
  #leistungen-1 h2, #leistungen-1 .band-title{color:var(--white);}
  #leistungen-1 .section-head p{color:var(--white);}
  #leistungen-1 .card{background:rgba(255,255,255,.94);}

  #leistungen-1 .section-head{max-width:none;}
  #leistungen-1 .band-title{color:var(--white);text-transform:uppercase;letter-spacing:.04em;font-size:clamp(30px,4vw,56px);line-height:1.1;margin:0 0 18px;max-width:none;}

  #leistungen-1 .cards3 .pin-tile{
    background-color:transparent;box-shadow:none;border-radius:0;
    background-image:url("pin-navy.png");background-size:contain;
    background-position:center;background-repeat:no-repeat;
  }
  #leistungen-1 .cards3 > .card:nth-child(1) .pin-tile{background-image:url("pin-gold.png");}
  #leistungen-1 .cards3 > .card:nth-child(2) .pin-tile{background-image:url("pin-aqua.png");}
  #leistungen-1 .cards3 > .card:nth-child(3) .pin-tile{background-image:url("pin-navy.png");}
  #leistungen-1 .cards3 > .card:nth-child(1) h3{color:var(--gold-ink,#9A7521);}
  #leistungen-1 .cards3 > .card:nth-child(2) h3{color:var(--aqua);}
  #leistungen-1 .cards3 > .card:nth-child(3) h3{color:var(--navy);}

  #leistungen-1 .tier-label h3{color:var(--white);}
  #leistungen-1 .tier-label .line{background:rgba(255,255,255,.35);}
  #leistungen-1 .leistung-list > div{color:var(--white);}

  #leistungen-2{background:var(--gold);}
  #leistungen-2 .eyebrow{color:var(--navy);}
  #leistungen-2 h2, #leistungen-2 h3{color:var(--navy);}
  #leistungen-2 .section-head p{color:var(--navy);}
  #leistungen-2 .card{background:var(--white);}

  #leistungen-2 .section-head{max-width:none;}
  #leistungen-2 .band-title{color:var(--navy);text-transform:uppercase;letter-spacing:.04em;font-size:clamp(30px,4vw,56px);line-height:1.1;margin:0 0 18px;max-width:none;}

  #leistungen-2 .cards3 .pin-tile{
    background-color:transparent;box-shadow:none;border-radius:0;
    background-image:url("pin-navy.png");background-size:contain;
    background-position:center;background-repeat:no-repeat;
  }
  #leistungen-2 .cards3 > .card:nth-child(1) .pin-tile{background-image:url("pin-gold.png");}
  #leistungen-2 .cards3 > .card:nth-child(2) .pin-tile{background-image:url("pin-aqua.png");}
  #leistungen-2 .cards3 > .card:nth-child(3) .pin-tile{background-image:url("pin-navy.png");}

  #leistungen-2 .cards3 > .card:nth-child(1) h3{color:var(--gold-ink,#9A7521);}
  #leistungen-2 .cards3 > .card:nth-child(2) h3{color:var(--aqua);}
  #leistungen-2 .cards3 > .card:nth-child(3) h3{color:var(--navy);}

  #leistungen-2 .partner-plus .pin-tile{
    background-color:transparent;box-shadow:none;border-radius:0;
    background-image:url("pin-aqua.png");background-size:contain;
    background-position:center;background-repeat:no-repeat;
  }

  #leistungen-2 .partner-plus .pin-tile{background-image:url("pin-navy.png");}
  #leistungen-2 .partner-plus p{color:var(--navy);font-weight:700;}

  #ladungsobservability .section-head{max-width:none;}
  #ladungsobservability .band-title{color:var(--navy);text-transform:uppercase;letter-spacing:.04em;font-size:clamp(30px,4vw,56px);line-height:1.1;margin:0 0 18px;max-width:none;}

  #leistungen-2{background:var(--aqua);}
  #leistungen-2 .band-title{color:var(--navy);}
  #leistungen-2 .section-head p{color:var(--navy);}

  #leistungen-2{position:relative;overflow:hidden;}
  #leistungen-2::before{
    content:"";position:absolute;inset:0;width:auto;
    background:url("pin-aqua-dark.png") left center/auto 100% no-repeat;
    pointer-events:none;
  }
  #leistungen-2 > .wrap{position:relative;}

  #leistungen-2::before{background-position:right center;}

  #ladungsobservability p.lo-trust{display:block;margin:0 0 22px;max-width:none;color:var(--navy);font-family:'Baloo 2',system-ui,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.02em;line-height:1.2;font-size:min(calc((100vw - 64px) / 33.008), 33.8px);}

  /* Leistungen Sektion 3: Nachtstraße als Hintergrund */
  #ladungsobservability{position:relative;background:var(--navy) url("strasse-nacht-bg.jpg") center/cover no-repeat;}
  #ladungsobservability::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,29,56,.72) 0%,rgba(3,29,56,.55) 45%,rgba(3,29,56,.62) 100%);pointer-events:none;}
  #ladungsobservability > .wrap{position:relative;z-index:1;}
  #ladungsobservability .band-title{color:var(--white);}
  #ladungsobservability p.lo-trust{color:var(--white);}
  #ladungsobservability .section-head p{color:var(--white);}
  #ladungsobservability .card{background:rgba(255,255,255,.94);}

  #ladungsobservability > .wrap > p{color:var(--white) !important;}
  #ladungsobservability > .wrap > div > div[style*="border-left"] > div{color:var(--white) !important;}
  #ladungsobservability > .wrap > div > div[style*="border-left"] > p{color:rgba(255,255,255,.9) !important;}

  #ladungsobservability .lo-pin{
    width:44px;height:44px;margin-bottom:12px;
    background-color:transparent;box-shadow:none;border-radius:0;
    background-size:contain;background-position:center;background-repeat:no-repeat;
  }
  #ladungsobservability .lo-pin-navy{background-image:url("pin-navy.png");}
  #ladungsobservability .lo-pin-aqua{background-image:url("pin-aqua.png");}
  #ladungsobservability .lo-pin-gold{background-image:url("pin-gold.png");}
  #ladungsobservability .lo-pin-navy + div{color:var(--navy) !important;}
  #ladungsobservability .lo-pin-aqua + div{color:var(--aqua) !important;}
  #ladungsobservability .lo-pin-gold + div{color:#9A7521 !important;}

  #zielgruppen-leistungen .cards2 .pin-tile{
    background-color:transparent;box-shadow:none;border-radius:0;
    background-size:contain;background-position:center;background-repeat:no-repeat;
  }
  #zielgruppen-leistungen .cards2 > .card:nth-child(1) .pin-tile{background-image:url("pin-gold.png");}
  #zielgruppen-leistungen .cards2 > .card:nth-child(2) .pin-tile{background-image:url("pin-aqua.png");}
  #zielgruppen-leistungen .cards2 > .card:nth-child(1) h3{color:#9A7521;}
  #zielgruppen-leistungen .cards2 > .card:nth-child(2) h3{color:var(--aqua);}
  #zielgruppen-leistungen .section-head{max-width:none;}
  #zielgruppen-leistungen .band-title{color:var(--navy);text-transform:uppercase;letter-spacing:.04em;font-size:clamp(30px,4vw,56px);line-height:1.1;margin:0 0 18px;max-width:none;}
  #zielgruppen-leistungen p.zg-trust{display:block;margin:0 0 28px;max-width:none;color:var(--aqua);font-family:'Baloo 2',system-ui,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.02em;line-height:1.2;font-size:min(calc((100vw - 64px) / 33.008), 33.8px);}

  #ladungsobservability p.lo-trust{color:var(--gold);}

  #partner-1 .section-head{max-width:none;}
  #partner-1 .band-title{color:var(--navy);text-transform:uppercase;letter-spacing:.04em;font-size:clamp(30px,4vw,56px);line-height:1.1;margin:0 0 18px;max-width:none;}

  /* Partner Sektion 1: Netzwerkbild als Hintergrund */
  #partner-1{position:relative;background:var(--navy) url("netzwerk-bg.jpg") center/cover no-repeat;}
  #partner-1::after{content:"";position:absolute;inset:0;background:rgba(3,29,56,.30);pointer-events:none;}
  #partner-1 > .wrap{position:relative;z-index:1;}
  #partner-1 .band-title{color:var(--white);}
  #partner-1 .section-head p{color:var(--white);}
  #partner-1 .card{background:rgba(255,255,255,.94);}

  /* Partner 1: Texte auf Bildgrund weiß */
  #partner-1 .partner-intro{color:var(--white);}
  #partner-1 .tier-label h3{color:var(--white);}
  #partner-1 .tier-label .line{background:rgba(255,255,255,.35);}
  #partner-1 .quote-block p{color:var(--white);}
  #partner-1 .quote-block span{color:var(--gold);}

  /* Pins freistellen */
  #partner-1 .pin-tile{
    background-color:transparent;box-shadow:none;border-radius:0;
    background-size:contain;background-position:center;background-repeat:no-repeat;
  }
  #partner-1 .pin-tile.icon-gold{background-image:url("pin-gold.png");}
  #partner-1 .pin-tile.icon-teal{background-image:url("pin-aqua.png");}
  #partner-1 .pin-tile.icon-white{background-image:url("pin-navy.png");}

  /* Kartenüberschriften nach Pinfarbe */
  #partner-1 .core-card:not(.pending) h4{color:#9A7521;}
  #partner-1 .core-card.pending h4{color:var(--aqua);}
  #partner-1 .add-card .pin-tile.icon-gold ~ div h4{color:#9A7521;}
  #partner-1 .add-card .pin-tile.icon-teal ~ div h4{color:var(--aqua);}
  #partner-1 .add-card .pin-tile.icon-white ~ div h4{color:var(--navy);}
  #partner-1 .cards3 > .card:nth-child(1) h3{color:#9A7521;}
  #partner-1 .cards3 > .card:nth-child(2) h3{color:var(--aqua);}
  #partner-1 .cards3 > .card:nth-child(3) h3{color:var(--navy);}

  /* Kartenflächen websiteweit in der Tönung ihrer Pinfarbe */
  .card:has(.pin-tile.icon-gold), .add-card:has(.pin-tile.icon-gold),
  .role-card:has(.pin-tile.icon-gold), .partner-plus:has(.pin-tile.icon-gold){
    background:linear-gradient(160deg,#fff,#f6f1e2);border:1.5px solid var(--gold);
  }
  .card:has(.pin-tile.icon-teal), .add-card:has(.pin-tile.icon-teal),
  .role-card:has(.pin-tile.icon-teal), .partner-plus:has(.pin-tile.icon-teal){
    background:linear-gradient(160deg,#fff,#eef4f5);border:1.5px solid var(--teal);
  }
  .card:has(.pin-tile.icon-white), .add-card:has(.pin-tile.icon-white),
  .role-card:has(.pin-tile.icon-white), .partner-plus:has(.pin-tile.icon-white){
    background:linear-gradient(160deg,#fff,#eceff3);border:1.5px solid var(--navy);
  }
  .card:has(.lo-pin-gold){background:linear-gradient(160deg,#fff,#f6f1e2);border:1.5px solid var(--gold);}
  .card:has(.lo-pin-aqua){background:linear-gradient(160deg,#fff,#eef4f5);border:1.5px solid var(--teal);}
  .card:has(.lo-pin-navy){background:linear-gradient(160deg,#fff,#eceff3);border:1.5px solid var(--navy);}

  /* Tönung schlägt die Sektions-Overrides */
  #partner-1 .card:has(.pin-tile.icon-gold), #leistungen-1 .card:has(.pin-tile.icon-gold),
  #leistungen-2 .card:has(.pin-tile.icon-gold), #ladungsobservability .card:has(.lo-pin-gold),
  #zielgruppen .card:has(.pin-tile.icon-gold), #zielgruppen-leistungen .card:has(.pin-tile.icon-gold),
  #werte .card:has(.pin-tile.icon-gold), #sicherheit .card:has(.pin-tile.icon-gold),
  #mehr-entdecken .card:has(.pin-tile.icon-gold){
    background:linear-gradient(160deg,#fff,#f6f1e2);
  }
  #partner-1 .card:has(.pin-tile.icon-teal), #leistungen-1 .card:has(.pin-tile.icon-teal),
  #leistungen-2 .card:has(.pin-tile.icon-teal), #ladungsobservability .card:has(.lo-pin-aqua),
  #zielgruppen .card:has(.pin-tile.icon-teal), #zielgruppen-leistungen .card:has(.pin-tile.icon-teal),
  #werte .card:has(.pin-tile.icon-teal), #sicherheit .card:has(.pin-tile.icon-teal),
  #mehr-entdecken .card:has(.pin-tile.icon-teal){
    background:linear-gradient(160deg,#fff,#eef4f5);
  }
  #partner-1 .card:has(.pin-tile.icon-white), #leistungen-1 .card:has(.pin-tile.icon-white),
  #leistungen-2 .card:has(.pin-tile.icon-white), #ladungsobservability .card:has(.lo-pin-navy),
  #zielgruppen .card:has(.pin-tile.icon-white), #zielgruppen-leistungen .card:has(.pin-tile.icon-white),
  #werte .card:has(.pin-tile.icon-white), #sicherheit .card:has(.pin-tile.icon-white),
  #mehr-entdecken .card:has(.pin-tile.icon-white){
    background:linear-gradient(160deg,#fff,#eceff3);
  }

  #partner-2{position:relative;overflow:hidden;}
  #partner-2::before{
    content:"";position:absolute;inset:0;width:auto;
    background:url("pin-white-dark.png") right center/auto 100% no-repeat;
    pointer-events:none;
  }
  #partner-2 > .wrap{position:relative;}

  #partner-2 .section-head{max-width:none;}
  #partner-2 .band-title{color:var(--navy);text-transform:uppercase;letter-spacing:.04em;font-size:clamp(30px,4vw,56px);line-height:1.1;margin:0 0 18px;max-width:none;}
  #partner-2 p.p2-trust{display:block;margin:0 0 28px;max-width:none;color:var(--aqua);font-family:'Baloo 2',system-ui,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.02em;line-height:1.2;font-size:min(calc((100vw - 64px) / 33.008), 33.8px);}

  #partner-2 .pin-tile{
    background-color:transparent;box-shadow:none;border-radius:0;
    background-size:contain;background-position:center;background-repeat:no-repeat;
  }
  #partner-2 .pin-tile.icon-gold{background-image:url("pin-gold.png");}
  #partner-2 .pin-tile.icon-teal{background-image:url("pin-aqua.png");}
  #partner-2 .pin-tile.icon-white{background-image:url("pin-navy.png");}
  #partner-2 .why-card:has(.pin-tile.icon-gold) h3{color:#9A7521;}
  #partner-2 .why-card:has(.pin-tile.icon-teal) h3{color:var(--aqua);}
  #partner-2 .why-card:has(.pin-tile.icon-gold){background:linear-gradient(160deg,#fff,#f6f1e2);border:1.5px solid var(--gold);}
  #partner-2 .why-card:has(.pin-tile.icon-teal){background:linear-gradient(160deg,#fff,#eef4f5);border:1.5px solid var(--teal);}

  #partner-2 .why-card p{color:var(--navy);}
  #partner-2 .partner-plus p{color:var(--navy);}

  #partner-2 .partner-plus .pin-tile{background-image:url("pin-navy.png");}
  #partner-2 .partner-plus{background:linear-gradient(160deg,#fff,#eceff3);border:1.5px solid var(--navy);}

  #geschichte-1{background:var(--navy);}
  #geschichte-1 .eyebrow{color:var(--aqua);}
  #geschichte-1 h2, #geschichte-1 h3, #geschichte-1 h4{color:var(--white);}
  #geschichte-1 p{color:var(--white);}

  #geschichte-1 .about{grid-template-columns:1fr;gap:0;}

  #geschichte-1 .section-head{max-width:none;}
  #geschichte-1 .band-title{color:var(--white);text-transform:uppercase;letter-spacing:.04em;font-size:clamp(30px,4vw,56px);line-height:1.1;margin:0 0 18px;max-width:none;}
  #geschichte-1 p.g1-trust{display:block;margin:0 0 28px;max-width:none;color:var(--gold);font-family:'Baloo 2',system-ui,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.02em;line-height:1.2;font-size:min(calc((100vw - 64px) / 33.008), 33.8px);}

  #geschichte-1 .bio-photo{position:relative;}
  #geschichte-1 .bio-photo::after{
    content:"";position:absolute;top:6%;left:5%;width:16%;height:64%;
    background:url("pin-white-mark.png") left top/contain no-repeat;
    opacity:.35;pointer-events:none;
  }

  #geschichte-1 .quote-block span{color:var(--gold);}
  #geschichte-1 .bio-photo-caption{color:rgba(255,255,255,.85);}

  #geschichte-1 .tl-item .pin-tile{
    background-color:transparent;box-shadow:none;border-radius:0;
    background-size:contain;background-position:center;background-repeat:no-repeat;
  }
  #geschichte-1 .tl-item .pin-tile.icon-gold{background-image:url("pin-gold.png");}
  #geschichte-1 .tl-item .pin-tile.icon-teal{background-image:url("pin-aqua.png");}
  #geschichte-1 .tl-item .pin-tile.icon-white{background-image:url("pin-white-mark.png");}
  #geschichte-1 .tl-item:has(.icon-gold) .year, #geschichte-1 .tl-item:has(.icon-gold) h3{color:var(--gold);}
  #geschichte-1 .tl-item:has(.icon-teal) .year, #geschichte-1 .tl-item:has(.icon-teal) h3{color:var(--aqua);}
  #geschichte-1 .tl-item:has(.icon-white) .year, #geschichte-1 .tl-item:has(.icon-white) h3{color:var(--white);}

  #geschichte-1 .timeline::before{display:none;}

  /* About: Nachwort aus Logistik Life */
  #geschichte-1 .nachwort{
    margin:52px 0 0;max-width:760px;padding:28px 32px;
    background:rgba(255,255,255,.05);border-left:3px solid var(--gold);border-radius:0 14px 14px 0;
  }
  #geschichte-1 .nachwort p{margin:0;}
  #geschichte-1 p.nw-kicker{
    font-family:'Baloo 2',system-ui,sans-serif;font-weight:700;font-size:15px;
    text-transform:uppercase;letter-spacing:.07em;color:var(--gold);margin-bottom:12px;
  }
  #geschichte-1 p.nw-intro{font-size:16px;line-height:1.65;color:rgba(255,255,255,.88);}
  #geschichte-1 blockquote.nw-zitat{
    margin:18px 0;font-family:'Baloo 2',system-ui,sans-serif;font-weight:500;
    font-size:20px;line-height:1.45;color:var(--white);
  }
  #geschichte-1 p.nw-schluss{font-size:16px;line-height:1.65;color:rgba(255,255,255,.88);}
  #geschichte-1 p.nw-quelle{
    margin-top:16px;font-size:13px;line-height:1.5;color:rgba(255,255,255,.58);font-style:italic;
  }

  /* Nachwort: Schaltfläche und Popup */
  #geschichte-1 p.nw-aktion{margin:20px 0 0;}
  .nw-btn{
    display:inline-flex;align-items:center;gap:8px;cursor:pointer;
    font-family:'Baloo 2',system-ui,sans-serif;font-weight:700;font-size:15px;
    letter-spacing:.02em;color:var(--gold);background:transparent;
    border:1.5px solid var(--gold);border-radius:999px;padding:9px 20px;
    transition:background .15s ease,color .15s ease;
  }
  .nw-btn:hover,.nw-btn:focus-visible{background:var(--gold);color:var(--navy);}

  .nw-modal[hidden]{display:none;}
  .nw-modal{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:24px;}
  .nw-backdrop{position:absolute;inset:0;background:rgba(3,29,56,.78);backdrop-filter:blur(2px);}
  .nw-dialog{
    position:relative;max-width:720px;width:100%;max-height:86vh;overflow-y:auto;
    background:var(--paper,#FBFAF7);color:var(--ink,#20242B);
    border-radius:16px;padding:40px 44px 34px;
    box-shadow:0 24px 60px rgba(3,29,56,.45);
  }
  .nw-dialog:focus{outline:none;}
  .nw-close{
    position:absolute;top:14px;right:16px;cursor:pointer;
    background:transparent;border:0;font-size:30px;line-height:1;
    color:var(--muted,#5B6572);padding:4px 8px;
  }
  .nw-close:hover{color:var(--navy);}
  .nw-m-kicker{
    margin:0 0 10px;font-family:'Baloo 2',system-ui,sans-serif;font-weight:700;font-size:14px;
    text-transform:uppercase;letter-spacing:.07em;color:var(--gold);
  }
  .nw-dialog h3{
    margin:0 0 6px;font-family:'Baloo 2',system-ui,sans-serif;font-weight:700;
    font-size:26px;line-height:1.25;color:var(--navy);
  }
  .nw-m-byline{margin:0 0 4px;font-family:'Inter',sans-serif;font-size:14px;color:var(--muted,#5B6572);}
  .nw-m-hinweis{margin:8px 0 0;font-family:'Inter',sans-serif;font-size:13px;font-style:italic;color:var(--muted,#5B6572);}
  .nw-m-text{margin-top:22px;}
  .nw-m-text p{margin:0 0 16px;font-family:'Inter',sans-serif;font-size:16px;line-height:1.72;color:var(--ink,#20242B);}
  .nw-m-text p:last-child{margin-bottom:0;font-weight:600;}
  .nw-m-quelle{
    margin:24px 0 0;padding-top:16px;border-top:1px solid var(--line,#E4E1D8);
    font-family:'Inter',sans-serif;font-size:13px;font-style:italic;color:var(--muted,#5B6572);
  }
  @media(max-width:760px){
    .nw-modal{padding:14px;}
    .nw-dialog{padding:34px 22px 26px;max-height:90vh;}
    .nw-dialog h3{font-size:22px;}
    .nw-m-text p{font-size:15px;}
  }

  @media(max-width:760px){
    #geschichte-1 .nachwort{padding:22px 20px;margin-top:38px;}
    #geschichte-1 blockquote.nw-zitat{font-size:18px;}
  }


  #geschichte-2 .section-head{max-width:none;}
  #geschichte-2 .band-title{color:var(--navy);text-transform:uppercase;letter-spacing:.04em;font-size:clamp(30px,4vw,56px);line-height:1.1;margin:0 0 18px;max-width:none;}

  #geschichte-2{position:relative;overflow:hidden;}
  #geschichte-2::before{
    content:"";position:absolute;inset:0;width:auto;
    background:url("pin-white-dark.png") right center/auto 100% no-repeat;
    pointer-events:none;
  }
  #geschichte-2 > .wrap{position:relative;}

  #ablauf-2 .band-title{color:var(--navy);text-transform:uppercase;letter-spacing:.04em;font-size:clamp(30px,4vw,56px);line-height:1.1;margin:0 0 18px;max-width:none;}

  /* Ablauf Sektion 1: Wasserringe als Hintergrund */
  #ablauf-1{position:relative;background:var(--aqua) url("wasserringe-bg.jpg") center/cover no-repeat;}
  #ablauf-1 > .wrap{position:relative;z-index:1;}
  #ablauf-1 .band-title, #ablauf-1 h2{color:var(--navy);}
  #ablauf-1 .section-head p{color:var(--navy);}

  #ablauf-1 .section-head{max-width:none;}
  #ablauf-1 .band-title{text-transform:uppercase;letter-spacing:.04em;font-size:clamp(30px,4vw,56px);line-height:1.1;margin:0 0 18px;max-width:none;}
  #ablauf-1 .steps p{color:var(--navy);}

  /* Ablauf: 4 Schritte als Karten, 2 pro Reihe */
  #ablauf-1 .steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;}
  #ablauf-1 .step{
    background:linear-gradient(160deg,#fff,#eef4f5);
    border:1.5px solid var(--teal);border-radius:16px;padding:28px;
    box-shadow:0 10px 30px rgba(3,29,56,.10);
  }
  #ablauf-1 .step:has(.icon-gold){background:linear-gradient(160deg,#fff,#f6f1e2);border-color:var(--gold);}
  #ablauf-1 .step:has(.icon-white){background:linear-gradient(160deg,#fff,#eceff3);border-color:var(--navy);}
  #ablauf-1 .step .pin-tile{
    background-color:transparent;box-shadow:none;border-radius:0;
    background-size:contain;background-position:center;background-repeat:no-repeat;
  }
  #ablauf-1 .step .pin-tile.icon-gold{background-image:url("pin-gold.png");}
  #ablauf-1 .step .pin-tile.icon-teal{background-image:url("pin-aqua.png");}
  #ablauf-1 .step .pin-tile.icon-white{background-image:url("pin-navy.png");}
  #ablauf-1 .step:has(.icon-gold) h3{color:#9A7521;}
  #ablauf-1 .step:has(.icon-teal) h3{color:var(--aqua);}
  #ablauf-1 .step:has(.icon-white) h3{color:var(--navy);}
  @media(max-width:760px){ #ablauf-1 .steps{grid-template-columns:1fr;} }

  #ablauf-1 .step h3.step-num{
    font-family:'Baloo 2',sans-serif;font-weight:800;text-transform:uppercase;
    letter-spacing:.04em;font-size:26px;margin:14px 0 6px;
  }
  #ablauf-1 .step:has(.icon-gold) h3.step-num{color:#9A7521;}
  #ablauf-1 .step:has(.icon-teal) h3.step-num{color:var(--aqua);}
  #ablauf-1 .step:has(.icon-white) h3.step-num{color:var(--navy);}

  #ablauf-1 p.a1-trust{display:block;margin:0 0 28px;max-width:none;color:var(--navy);font-family:'Baloo 2',system-ui,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.02em;line-height:1.2;font-size:min(calc((100vw - 64px) / 33.008), 33.8px);}

  #ablauf-1 .steps{grid-auto-rows:1fr;}
  #ablauf-1 .step{height:100%;}

  /* Ablauf: Kreislauf-Schaubild (Desktop) statt Karten (Mobil) */
  #ablauf-1 .zyklus-wrap{display:none;margin:4px auto 0;max-width:1000px;}
  #ablauf-1 .zyklus svg{display:block;width:100%;height:auto;}
  #ablauf-1 .zyk-cap{margin:14px 0 0;text-align:center;font-family:'Inter',sans-serif;font-size:15px;color:rgba(255,255,255,.78);}
  @media(min-width:861px){
    #ablauf-1 .zyklus-wrap{display:block;}
    #ablauf-1 .steps{display:none;}
  }

  #ablauf-1 .section-head p:not(.a1-trust){font-weight:700;}

  #ablauf-2{position:relative;background:var(--aqua) url("wasserringe-bg.jpg") center/cover no-repeat;}
  #ablauf-2 > .wrap{position:relative;z-index:1;}
  #ablauf-2 .band-title{color:var(--navy);}
  #ablauf-2 p{color:var(--navy) !important;}

  #ablauf-2 p{font-weight:700;}

  #ablauf-1{background:var(--navy) url("karte-pins-bg.jpg") center/cover no-repeat;}
  #ablauf-1::after{content:"";position:absolute;inset:0;background:rgba(3,29,56,.35);pointer-events:none;}
  #ablauf-1 .band-title, #ablauf-1 h2{color:var(--white);}
  #ablauf-1 p.a1-trust{color:var(--gold);}
  #ablauf-1 .section-head p:not(.a1-trust){color:var(--white);}

  #ablauf-1 p.a1-trust{color:var(--white);}

  .hero::after{
    content:"";position:absolute;inset:0;width:auto;
    background:url("pin-navy-dark.png") right center/auto 100% no-repeat;
    pointer-events:none;z-index:0;
  }
  .hero > .wrap{position:relative;z-index:1;}

  #mehr-entdecken .teaser-grid .arrow{background:transparent;}
  #mehr-entdecken .teaser-grid > .card:nth-child(2) .arrow{background:transparent;}
  #mehr-entdecken .teaser-grid > .card:nth-child(3) .arrow{background:transparent;}
  #mehr-entdecken .teaser-grid > .card:nth-child(4) .arrow{background:transparent;}
  #mehr-entdecken .teaser-grid .card:hover .arrow{background:transparent;}
  #mehr-entdecken .teaser-grid > .card:nth-child(2):hover .arrow{background:transparent;}
  #mehr-entdecken .teaser-grid > .card:nth-child(3):hover .arrow{background:transparent;}
  #mehr-entdecken .teaser-grid > .card:nth-child(4):hover .arrow{background:transparent;}
  #mehr-entdecken .teaser-grid .card:hover .arrow{color:var(--navy);}
  #mehr-entdecken .teaser-grid > .card:nth-child(2):hover .arrow{color:#0F7C84;}
  #mehr-entdecken .teaser-grid > .card:nth-child(3):hover .arrow{color:#9A7521;}

  .hero h1.hero-kicker{color:var(--white);}


  .hero .hero-ctas a.btn-ghost{background:rgba(199,171,69,.5);border-color:var(--gold);color:#fff;}
  .hero .hero-ctas a.btn-ghost:hover,
  .hero .hero-ctas a.btn-ghost:focus-visible,
  .hero .hero-ctas a.btn-ghost:active{background:var(--gold);border-color:var(--gold);color:var(--navy);}

  /* Kontakt Sektion 1: Messebild stark navy abgedunkelt */
  #kontakt-1{position:relative;background:var(--navy) url("kontakt-bg.jpg") 18% center/cover no-repeat;}
  #kontakt-1::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg, rgba(3,29,56,.35) 0%, rgba(3,29,56,.70) 30%, rgba(3,29,56,.92) 55%);pointer-events:none;}
  #kontakt-1 > .wrap{position:relative;z-index:1;}
  #kontakt-1 > .wrap > .section-head h2,
  #kontakt-1 > .wrap > .section-head p,
  #kontakt-1 > .wrap > p{color:var(--white);}
  #kontakt-1 .card h3, #kontakt-1 .card h4, #kontakt-1 .card p{color:var(--navy);}
  #kontakt-1 a:not(.btn){color:var(--gold);}
  #kontakt-1 a:not(.btn):hover{color:var(--white);}
  #kontakt-1 a.btn{color:var(--navy);}

  #kontakt-1 .field label, #kontakt-1 .tier-label h3{color:var(--white);}
  #kontakt-1 .tier-label .line{background:rgba(255,255,255,.35);}

  #kontakt-1 .section-head{max-width:none;}
  #kontakt-1 .band-title{color:var(--white);text-transform:uppercase;letter-spacing:.04em;font-size:clamp(30px,4vw,56px);line-height:1.1;margin:0 0 18px;max-width:none;}

  #kontakt-1 p.k1-trust{display:block;margin:0 0 28px;max-width:none;color:var(--gold);font-family:'Baloo 2',system-ui,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.02em;line-height:1.2;font-size:min(calc((100vw - 64px) / 33.008), 33.8px);}
  #kontakt-1 form label, #kontakt-1 label, #kontakt-1 legend{color:var(--white);}
  #kontakt-1 .card a{color:#9A7521;}
  #kontakt-1{background-position:52% center;}
  #kontakt-1::after{background:linear-gradient(90deg, rgba(3,29,56,.92) 0%, rgba(3,29,56,.78) 55%, rgba(3,29,56,.35) 100%);}

  #kontakt-1 p.k1-trust{color:var(--gold) !important;}

  #kontakt-1 .booking-cta h3{text-transform:uppercase;letter-spacing:.03em;}

  #kontakt-1 .booking-cta{background:rgba(255,255,255,.5);}

  #kontakt-1{background-position:80% center;}

  #kontakt-1 .booking-cta p{font-weight:700;}

  #kontakt-1 .booking-cta p{color:var(--navy) !important;}

  #kontakt-1 .booking-cta{background:rgba(255,255,255,.4);}

  #kontakt-1 .cards2 .card h3{text-transform:uppercase;letter-spacing:.03em;}

  #kontakt-1 .cards2 .card p{font-weight:700;}

  #kontakt-1 .cards2 .card{background:rgba(255,255,255,.4) !important;}

  #kontakt-1 .booking-cta p, #kontakt-1 .cards2 .card p,
  #kontakt-1 .booking-cta h3, #kontakt-1 .cards2 .card h3{color:var(--white) !important;}
  #kontakt-1 .cards2 .card a{color:var(--gold) !important;}

  #kontakt-1 .booking-cta, #kontakt-1 .cards2 .card{background:rgba(3,29,56,.55) !important;border-color:rgba(255,255,255,.28);}

  #kontakt-1 .cards2 .card a.btn-gold{display:inline-block;margin-top:12px;color:var(--navy) !important;text-decoration:none;}

  #kontakt-1 .cards2{align-items:stretch;}
  #kontakt-1 .cards2 .card{display:flex;flex-direction:column;}
  #kontakt-1 .cards2 .card a.btn-gold{margin-top:auto;align-self:flex-start;}

  #kontakt-1 .cards2 .card:nth-child(1) a.btn-gold{margin-top:auto;}

  #kontakt-1 .booking-cta h3, #kontakt-1 .cards2 .card h3{color:var(--gold) !important;}

  #kontakt-1 .booking-cta h3, #kontakt-1 .cards2 .card h3{font-size:24px;line-height:1.25;}

  #contact-form button.btn-gold{border:none;}

  #ablauf-1 p.a1-trust{color:var(--gold) !important;}

  #ablauf-1::after{background:linear-gradient(90deg, rgba(3,29,56,.88) 0%, rgba(3,29,56,.72) 55%, rgba(3,29,56,.45) 100%) !important;}

  #ablauf-2 a.btn-gold{display:inline-block;border:none;text-decoration:none;color:var(--navy) !important;}

  #ablauf-2 a.btn-gold{background:var(--navy) !important;color:#fff !important;}
  #ablauf-2 a.btn-gold:hover{background:#052a4f !important;}

  #zielgruppen-leistungen{position:relative;overflow:hidden;}
  #zielgruppen-leistungen::before{
    content:"";position:absolute;inset:0;width:auto;
    background:url("pin-white-dark.png") right center/auto 100% no-repeat;
    pointer-events:none;
  }
  #zielgruppen-leistungen > .wrap{position:relative;}

  #leistungen-1 p.l1-trust{display:block;margin:0 0 22px;max-width:none;color:var(--gold) !important;font-family:'Baloo 2',system-ui,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.02em;line-height:1.2;font-size:min(calc((100vw - 64px) / 33.008), 33.8px);}

  #leistungen-1 p.l1-trust{margin:22px 0 22px;}

  #leistungen-2 .partner-plus{background:var(--navy) !important;border-color:var(--navy) !important;}
  #leistungen-2 .partner-plus p{color:var(--white) !important;}
  #leistungen-2 .partner-plus .pin-tile{background-image:url("pin-white-mark.png") !important;}

  #partner-1 p.p1-trust{display:block;margin:22px 0;max-width:none;color:var(--white) !important;font-family:'Baloo 2',system-ui,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.02em;line-height:1.2;font-size:min(calc((100vw - 64px) / 33.008), 33.8px);}


  #geschichte-1 p.g1-sub{display:block;margin:22px 0;max-width:none;color:var(--white);font-family:'Baloo 2',system-ui,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.02em;line-height:1.2;font-size:min(calc((100vw - 64px) / 33.008), 33.8px);}

  /* Aufzaehlung in Karten */
  .mini-list{list-style:none;margin:14px 0 0;padding:0;}
  .mini-list li{position:relative;padding-left:18px;margin:0 0 7px;font-size:15px;line-height:1.55;color:var(--muted);font-family:'Inter',sans-serif;}
  .mini-list li::before{content:"";position:absolute;left:0;top:8px;width:6px;height:6px;border-radius:50%;background:var(--gold);}
  #zwei-perspektiven .band-title{text-transform:uppercase;letter-spacing:.04em;font-size:clamp(30px,4vw,56px);line-height:1.1;}
  #zwei-perspektiven .cards2{gap:26px;}
  #zwei-perspektiven .card{display:flex;flex-direction:column;}

  /* Hero: konkreter Anlass unter dem Claim */
  .hero-felder{
    list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 0;padding:0;
  }
  .hero-felder li{
    font-family:'Inter',sans-serif;font-size:15px;font-weight:700;letter-spacing:.03em;
    color:var(--gold);border:1px solid rgba(199,171,69,.55);border-radius:999px;
    padding:6px 16px;background:rgba(199,171,69,.10);white-space:nowrap;
  }
  .hero-felder li.hf-plus{
    color:#d7e1ea;border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.05);font-weight:500;
  }
  .hero-offen{
    margin:14px 0 0;max-width:720px;font-family:'Inter',sans-serif;
    font-size:15px;line-height:1.55;color:#9fb2c6;
  }
  @media(max-width:760px){.hero-felder li{font-size:14px;padding:5px 13px;}}
  .hero-anlass{
    max-width:720px;margin:18px 0 0;font-family:'Inter',sans-serif;
    font-size:clamp(17px,1.6vw,21px);line-height:1.55;color:var(--white);
    border-left:3px solid var(--gold);padding-left:16px;
  }
  @media(max-width:760px){.hero-anlass{font-size:17px;padding-left:12px;}}

  /* Abschluss-Baustein mit Terminlink */
  .schluss-cta{background:var(--navy);padding:46px 0;}
  .schluss-cta .cta-box{display:flex;align-items:center;justify-content:space-between;gap:34px;flex-wrap:wrap;}
  .schluss-cta h3{margin:0 0 8px;font-family:'Baloo 2',sans-serif;font-size:26px;color:var(--white);}
  .schluss-cta p{margin:0;max-width:640px;color:rgba(255,255,255,.82);font-family:'Inter',sans-serif;font-size:16px;line-height:1.6;}
  .schluss-cta p.cta-modell{margin:12px 0 0;padding-left:14px;border-left:2px solid var(--gold);color:rgba(255,255,255,.72);font-size:15px;}
  .schluss-cta .cta-aktion{display:flex;flex-direction:column;align-items:flex-start;gap:10px;}
  .schluss-cta .cta-alt{font-family:'Inter',sans-serif;font-size:14px;color:rgba(255,255,255,.7);text-decoration:underline;}
  .schluss-cta .cta-alt:hover{color:var(--white);}
  @media(max-width:760px){.schluss-cta .cta-box{flex-direction:column;align-items:flex-start;}}