/* ===== styles ===== */
  :root{
    /* New palette: 61BFC2 · F6F0DB · 1C1C1C · 0B5450 · 4D7236 */
    --ink:#1C1C1C;
    --deep:#0B5450;
    --teal:#0B5450;
    --turq:#61BFC2;
    --turq-soft:#D8F0F1;
    --paper:#EAF3F1;
    --paper-dim:#E0EEEB;
    --sand:#EAF3F1;
    --ink-soft:#4a4a4a;
    --line:#C8E3E4;
    --white:#FFFFFF;
    --green:#4D7236;

    /* Fonts: Montserrat Light for nav, Arial Black for headings/display */
    --display:'Arial Black', 'Arial Bold', sans-serif;
    --nav:'Montserrat', sans-serif;
    --body:'Montserrat', sans-serif;
    --mono:'Montserrat', sans-serif;

    /* Nav sizing tokens — large by default, compact when scrolled */
    --nav-py: 22px;
    --nav-logo-size: 48px;
    --nav-font-size: 14px;
    --nav-label-size: 14px;
  }
  *{box-sizing:border-box; margin:0; padding:0;}
  html{scroll-behavior:smooth;}
  body{background:var(--paper); color:var(--ink); font-family:var(--body); font-weight:300; line-height:1.55; -webkit-font-smoothing:antialiased;}
  img,svg{display:block; max-width:100%;}
  a{color:inherit; text-decoration:none;}
  ul{list-style:none;}
  .wrap{max-width:1180px; margin:0 auto; padding:0 32px;}
  @media (max-width:640px){ .wrap{padding:0 20px;} }

  h1,h2,h3,h4{font-family:var(--display); font-weight:900; color:var(--deep); letter-spacing:-0.01em;}
  .eyebrow{font-family:var(--nav); font-weight:300; font-size:12.5px; letter-spacing:.16em; text-transform:uppercase; color:var(--turq); display:flex; align-items:center; gap:10px; margin-bottom:14px;}
  .eyebrow::before{content:""; width:26px; height:2px; background:var(--green); display:inline-block;}

  /* ---------- TOPBAR (large at top, compacts on scroll) ---------- */
  .topbar{position:sticky; top:0; z-index:100; background:rgba(11,84,80,0.97); backdrop-filter:blur(10px); border-bottom:2px solid rgba(97,191,194,0.25); transition:padding .3s ease, border-color .3s ease;}
  .topbar-inner{display:flex; align-items:center; gap:20px; padding:var(--nav-py) 24px; max-width:1180px; margin:0 auto; transition:padding .3s ease;}
  .topbar.compact{ --nav-py:10px; --nav-logo-size:34px; --nav-font-size:12.5px; --nav-label-size:12px; border-bottom-width:1px; border-color:rgba(97,191,194,0.15);}
  .topbar.compact .topbar-inner{padding:10px 24px;}
  .topbar.compact .logo-mark{width:34px; height:34px;}
  .topbar.compact .logo{font-size:15px;}
  .topbar.compact .logo-pro{font-size:9px;}
  .topbar.compact .step-label{font-size:12px;}
  .topbar.compact .page-pill{padding:5px 11px; font-size:12px;}

  .nav-flow{position:relative; display:flex; align-items:center; justify-content:flex-end; flex:1 1 auto; min-width:0; padding-left:18px;}

  /* Logo: stacked PRO / Aquaponik with mark */
  .logo{font-family:var(--display); font-weight:900; font-size:19px; color:var(--white); display:flex; align-items:center; gap:12px; flex-shrink:0; padding:4px 0; transition:color .25s, font-size .3s;}
  .logo-mark{width:var(--nav-logo-size); height:var(--nav-logo-size); border-radius:50%; flex-shrink:0; transition:width .3s, height .3s;}
  .logo-text-stack{display:flex; flex-direction:column; line-height:1.05;}
  .logo-pro{font-family:var(--nav); font-weight:700; font-size:11px; letter-spacing:.22em; text-transform:uppercase; color:var(--turq); transition:font-size .3s;}
  .logo-name{font-family:var(--nav); font-weight:300; font-size:19px; color:var(--white); letter-spacing:-0.01em; transition:font-size .3s;}
  .logo-name span{color:var(--turq);}
  .logo.done .logo-name{color:var(--turq);}

  .page-links{display:flex; gap:8px; flex-shrink:0;}
  .page-pill{font-family:var(--nav); font-weight:300; font-size:13.5px; color:rgba(246,240,219,0.75); background:rgba(255,255,255,0.07); border:1px solid rgba(255,255,255,0.18); padding:8px 16px; border-radius:3px; white-space:nowrap; letter-spacing:.05em; text-transform:uppercase; transition:all .2s;}
  .page-pill:hover{border-color:var(--turq); color:var(--white);}
  .page-pill.current{background:var(--turq); border-color:var(--turq); color:var(--ink);}

  /* ---------- STEPPER (fish-nav) ---------- */
  .stepper{flex:0 1 auto; min-width:0; margin-left:auto;}
  .fish-lane{position:absolute; top:-10px; left:0; right:0; height:15px; pointer-events:none;}
  .steps-row{display:flex; align-items:center;}
  .step-item{display:flex; align-items:center; flex-shrink:0; padding:4px 0; cursor:pointer; min-width:0;}
  .step-connector{flex:0 0 12px; height:2px; background:transparent !important; margin:0 4px; transition:none;}
  .step-connector.lead{margin:0 4px 0 0;}
  .step-connector.done{background:transparent !important;}
  .step-label{font-family:var(--nav); font-weight:300; font-size:13px; letter-spacing:.08em; text-transform:uppercase; color:rgba(246,240,219,0.45); transition:all .3s; white-space:nowrap; overflow:visible; text-overflow:clip; max-width:none;}
  .step-item.done .step-label{color:rgba(246,240,219,0.65);}
  .step-item.active .step-label{color:var(--white); font-weight:700; overflow:visible; text-overflow:clip; max-width:none; text-shadow:0 0 6px rgba(97,191,194,0.9), 0 0 18px rgba(97,191,194,0.45);}
  @media (max-width:760px){ .step-label{display:none;} .step-item.active .step-label{display:inline;} .logo-name{font-size:15px;} .page-pill{padding:6px 10px; font-size:12px;} .step-connector{flex-basis:14px;} }
  @media (max-width:520px){ .step-connector{flex-basis:8px; margin:0 2px;} .step-connector.lead{margin:0 2px 0 0;} .page-links{gap:4px;} }


  /* fish marker: plain unicode emoji — this is the only way it genuinely renders as the native iOS/Apple design on Apple devices, since it uses the OS's own emoji font rather than an embedded (and copyrighted) image */
  .fish-swimmer{position:absolute; top:0; left:0; font-size:15px; line-height:15px; transform:translate(-50%,0) scaleX(-1); transition:left .12s linear; pointer-events:none; z-index:3;}
  .fish-swimmer.rev{transform:translate(-50%,0) scaleX(1);}

  /* ---------- HERO ---------- */
  .hero{position:relative; overflow:hidden; padding:80px 0 46px; background:var(--deep); border-bottom:none;}
  .hero-grid{display:grid; grid-template-columns:1.05fr .95fr; gap:50px; align-items:center; padding-bottom:36px;}
  @media (max-width:940px){ .hero-grid{grid-template-columns:1fr;} }
  .hero .eyebrow{color:var(--turq);}
  .hero .eyebrow::before{background:var(--turq);}
  .hero h1{font-family:var(--display); font-weight:900; color:var(--paper); font-size:clamp(34px,4.8vw,56px); line-height:1.04; margin-bottom:20px; letter-spacing:-0.02em;}
  .hero h1 em{font-style:italic; color:var(--turq);}
  .hero p.lead{font-family:var(--nav); font-weight:300; font-size:17px; color:rgba(246,240,219,0.75); max-width:52ch; margin-bottom:28px;}
  .hero-ctas{display:flex; gap:14px; flex-wrap:wrap;}
  .btn{font-family:var(--nav); font-weight:700; font-size:14px; letter-spacing:.06em; text-transform:uppercase; padding:14px 28px; border-radius:2px; display:inline-flex; align-items:center; gap:8px; transition:transform .15s, background .2s, color .2s; cursor:pointer; border:1px solid transparent;}
  .btn-primary{background:var(--turq); color:var(--ink); border-color:var(--turq);}
  .btn-primary:hover{background:#7fd0d2; transform:translateY(-1px);}
  .btn-outline{border-color:var(--deep); color:var(--deep);}
  .btn-outline:hover{background:var(--deep); color:var(--white);}
  .hero .btn-outline{border-color:rgba(97,191,194,0.6); color:var(--turq);}
  .hero .btn-outline:hover{background:var(--turq); color:var(--ink); border-color:var(--turq);}

  .stat-row{display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid rgba(97,191,194,0.22);}
  .stat-row .stat{padding:22px 18px 22px 14px; border-right:1px solid rgba(97,191,194,0.22);}
  .stat-row .stat:last-child{border-right:none;}
  .stat .num{font-family:var(--display); font-weight:900; font-size:clamp(22px,2.4vw,28px); color:var(--turq);}
  .stat .lbl{font-family:var(--nav); font-weight:300; font-size:12px; letter-spacing:.05em; color:rgba(246,240,219,0.6); margin-top:4px;}
  @media (max-width:640px){ .stat-row{grid-template-columns:repeat(2,1fr);} .stat:nth-child(2n){border-right:none;} }

  .hero-art svg{width:100%; height:auto;}

  /* ---------- SECTION GENERIC ---------- */
  section{padding:84px 0;}
  section.tight{padding:60px 0;}
  .section-head{max-width:640px; margin-bottom:48px;}
  .section-head h2{font-size:clamp(27px,3.4vw,38px); line-height:1.12; margin-bottom:14px; letter-spacing:-0.02em;}
  .section-head p{font-family:var(--nav); font-weight:300; font-size:16px; color:var(--ink-soft);}
  .band-deep{background:var(--deep); color:var(--paper);}
  .band-deep h2,.band-deep h3,.band-deep h4{color:var(--paper);}
  .band-deep .section-head p{color:rgba(246,240,219,0.7);}
  .band-deep .eyebrow{color:var(--turq);}

  /* ---------- BUILD PROCESS (new) ---------- */
  .build-timeline{position:relative; padding-left:2px;}
  .build-item{display:grid; grid-template-columns:120px 1fr; gap:28px; position:relative; padding:0 0 46px 0;}
  .build-item:last-child{padding-bottom:0;}
  .build-item::before{content:""; position:absolute; left:59px; top:36px; bottom:-10px; width:2px; background:var(--line);}
  .build-item:last-child::before{display:none;}
  .build-phase{font-family:var(--mono); font-size:12px; color:var(--teal); text-align:right; padding-top:6px;}
  .build-phase .wk{display:block; font-size:11px; color:var(--ink-soft); margin-top:4px;}
  .build-marker{position:relative;}
  .build-card{background:var(--paper); border:1px solid rgba(11,84,80,0.15); border-radius:4px; padding:26px 28px; margin-left:0;}
  .build-num{position:absolute; left:-2px; top:0; width:26px; height:26px; border-radius:50%; background:var(--deep); color:var(--paper); font-family:var(--nav); font-weight:700; font-size:12px; display:flex; align-items:center; justify-content:center; z-index:2;}
  .build-row{display:grid; grid-template-columns:120px 1fr; gap:28px;}
  .build-card h4{font-family:var(--display); font-weight:900; font-size:17px; margin-bottom:8px; color:var(--deep);}
  .build-card p{font-family:var(--nav); font-weight:300; font-size:14px; color:var(--ink-soft);}
  .build-card .who{display:inline-block; margin-top:12px; font-family:var(--nav); font-weight:300; font-size:11.5px; letter-spacing:.06em; background:rgba(97,191,194,0.18); color:var(--deep); padding:5px 10px; border-radius:2px;}
  @media (max-width:700px){
    .build-row, .build-item{grid-template-columns:1fr;}
    .build-phase{text-align:left; padding-top:0; padding-bottom:8px;}
    .build-item::before{left:12px;}
  }

  /* ---------- BENEFITS GRID ---------- */
  .benefits-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); border:1px solid var(--line);}
  @media (max-width:900px){ .benefits-grid{grid-template-columns:repeat(2,1fr);} }
  @media (max-width:600px){ .benefits-grid{grid-template-columns:1fr;} }
  .benefit{background:var(--paper); padding:28px 26px; transition:background .2s;}
  .benefit:hover{background:rgba(97,191,194,0.15);}
  .benefit .ico{font-size:24px; margin-bottom:14px;}
  .benefit h3{font-family:var(--display); font-weight:900; font-size:15px; color:var(--deep); margin-bottom:8px; letter-spacing:-0.01em;}
  .benefit p{font-family:var(--nav); font-weight:300; font-size:13.5px; color:var(--ink-soft);}

  /* ---------- AUDIENCE SPLIT ---------- */
  .audience-grid{display:grid; grid-template-columns:1.15fr .85fr; border:1px solid var(--line); border-radius:6px; overflow:hidden;}
  @media (max-width:860px){ .audience-grid{grid-template-columns:1fr;} }
  .audience-col{padding:42px 38px;}
  .audience-col.primary{background:var(--deep); color:var(--paper);}
  .audience-col.primary h3{color:var(--paper);}
  .audience-col.secondary{background:var(--paper-dim);}
  .audience-col h3{font-size:23px; margin-bottom:6px;}
  .audience-col .tag{font-family:var(--mono); font-size:12px; letter-spacing:.1em; text-transform:uppercase; opacity:.8; margin-bottom:18px; display:block;}
  .audience-col ul li{padding:9px 0; border-top:1px solid rgba(255,255,255,.2); font-size:15px; display:flex; gap:10px;}
  .audience-col.secondary ul li{border-top:1px solid var(--line); color:var(--ink-soft);}
  .audience-col ul li::before{content:"—"; opacity:.6; flex-shrink:0;}
  .audience-col ul li:first-child{border-top:none;}

  /* ---------- CYCLE ---------- */
  .cycle-wrap{display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:center;}
  @media (max-width:900px){ .cycle-wrap{grid-template-columns:1fr;} }
  .steps{}
  .step{display:grid; grid-template-columns:48px 1fr; gap:18px; padding:20px 0; border-top:1px solid var(--line);}
  .step:last-child{border-bottom:1px solid var(--line);}
  .step .n{font-family:var(--mono); font-size:20px; color:var(--turq); font-weight:600;}
  .step h4{font-size:16.5px; margin-bottom:6px; color:var(--deep);}
  .step p{font-size:14px; color:var(--ink-soft);}

  /* ---------- STATS BAND ---------- */
  .proof-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:rgba(97,191,194,.15); border:1px solid rgba(97,191,194,.15); margin-bottom:32px;}
  @media (max-width:700px){ .proof-grid{grid-template-columns:1fr;} }
  .proof{background:var(--deep); padding:32px 28px;}
  .proof .num{font-family:var(--display); font-size:42px; font-weight:900; color:var(--turq); letter-spacing:-0.02em;}
  .proof .lbl{font-family:var(--nav); font-weight:300; font-size:13px; letter-spacing:.04em; color:rgba(246,240,219,0.65); margin-top:6px;}
  .flags{display:flex; flex-wrap:wrap; gap:10px 22px; font-size:13px; color:rgba(246,240,219,0.65); font-family:var(--nav); font-weight:300;}

  /* ---------- IMAGE GALLERIES ---------- */
  .gallery-label{font-family:var(--mono); font-size:12px; letter-spacing:.08em; text-transform:uppercase; color:var(--turq); margin:36px 0 14px;}

  /* ---------- BENTO IMAGE GALLERY ---------- */
  .bento-grid{display:grid; grid-template-columns:repeat(4, 1fr); grid-auto-rows:130px; grid-auto-flow:dense; gap:12px;}
  .bento-grid.three{grid-template-columns:repeat(3, 1fr); grid-auto-rows:200px;}
  @media (max-width:760px){ .bento-grid{grid-template-columns:repeat(2, 1fr); grid-auto-rows:120px;} .bento-grid.three{grid-template-columns:repeat(2, 1fr);} }
  .bento-tile{position:relative; display:block; border-radius:14px; overflow:hidden; box-shadow:0 3px 14px rgba(11,36,39,0.12);}
  .bento-tile img{width:100%; height:100%; object-fit:cover; display:block; transition:transform .5s cubic-bezier(.2,.7,.3,1);}
  .bento-tile:hover img{transform:scale(1.08);}
  .bento-tile .cap{position:absolute; left:0; right:0; bottom:0; padding:26px 14px 12px; background:linear-gradient(to top, rgba(11,36,39,0.88), transparent); color:var(--white); font-size:12.5px; font-weight:600; opacity:0; transform:translateY(6px); transition:all .3s;}
  .bento-tile:hover .cap{opacity:1; transform:translateY(0);}
  .bento-tile.big{grid-column:span 2; grid-row:span 2;}
  .bento-tile.wide{grid-column:span 2;}
  .bento-tile.tall{grid-row:span 2;}
  @media (max-width:760px){ .bento-tile.big{grid-column:span 2; grid-row:span 2;} .bento-tile.wide{grid-column:span 2;} .bento-tile.tall{grid-row:span 1;} }

  .feature-photo{position:relative; display:block; border-radius:16px; overflow:hidden; height:340px; box-shadow:0 6px 24px rgba(11,36,39,0.16);}

  /* ---------- VIDEO EMBED ---------- */
  .video-wrap{position:relative; width:100%; padding-top:56.25%; border-radius:16px; overflow:hidden; box-shadow:0 6px 24px rgba(11,36,39,0.16); margin-top:36px; background:var(--deep);}
  .video-wrap iframe{position:absolute; inset:0; width:100%; height:100%; border:0;}
  .feature-photo img{width:100%; height:100%; object-fit:cover; display:block; transition:transform .6s cubic-bezier(.2,.7,.3,1);}
  .feature-photo:hover img{transform:scale(1.04);}
  .feature-photo .cap{position:absolute; left:0; right:0; bottom:0; padding:36px 24px 18px; background:linear-gradient(to top, rgba(11,36,39,0.85), transparent); color:var(--white); font-size:15px; font-weight:700;}

  .product-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(320px,1fr)); gap:24px; margin-top:20px;}
  .product-card{border-radius:14px; overflow:hidden; border:1px solid var(--line); background:var(--white); box-shadow:0 3px 14px rgba(11,36,39,0.1); transition:transform .25s, box-shadow .25s;}
  .product-card:hover{transform:translateY(-3px); box-shadow:0 10px 24px rgba(11,36,39,0.18);}
  .product-card img{width:100%; height:380px; object-fit:contain; object-position:center; display:block; cursor:pointer; background:var(--paper-dim); padding:12px; box-sizing:border-box;}
  .product-card figcaption{padding:16px 18px; font-family:var(--display); font-weight:700; font-size:16px; color:var(--deep);}

  /* ---------- LIGHTBOX (click any gallery/product image to see it full-size) ---------- */
  .lightbox{position:fixed; inset:0; z-index:400; display:none; align-items:center; justify-content:center; background:rgba(6,20,22,0.92); padding:40px; cursor:zoom-out;}
  .lightbox.open{display:flex;}
  .lightbox img{max-width:92vw; max-height:88vh; object-fit:contain; border-radius:8px; box-shadow:0 20px 60px rgba(0,0,0,0.5); cursor:default;}
  .lightbox-close{position:fixed; top:20px; right:28px; background:none; border:none; color:var(--white); font-size:34px; line-height:1; cursor:pointer; z-index:401;}

  /* ---------- TECH ---------- */
  .tech-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:26px; margin-bottom:36px;}
  @media (max-width:860px){ .tech-grid{grid-template-columns:1fr;} }
  .tech-card{border:1px solid rgba(11,84,80,0.18); background:var(--paper); padding:26px; border-radius:4px;}
  .tech-card .k{font-family:var(--nav); font-weight:300; font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--turq); margin-bottom:10px;}
  .tech-card h4{font-family:var(--display); font-weight:900; font-size:16px; margin-bottom:10px; color:var(--deep); letter-spacing:-0.01em;}
  .tech-card p{font-family:var(--nav); font-weight:300; font-size:13.5px; color:var(--ink-soft);}

  details.spec{border:1px solid rgba(11,84,80,0.15); border-radius:3px; background:var(--paper); margin-bottom:12px; overflow:hidden;}
  details.spec summary{list-style:none; cursor:pointer; padding:19px 24px; display:flex; justify-content:space-between; align-items:center; font-family:var(--nav); font-weight:700; font-size:14px; letter-spacing:.02em; color:var(--deep);}
  details.spec summary::-webkit-details-marker{display:none;}
  details.spec summary::after{content:"+"; font-family:var(--display); font-size:22px; color:var(--turq); transition:transform .2s;}
  details.spec[open] summary::after{transform:rotate(45deg);}
  details.spec .spec-body{padding:0 24px 22px; font-family:var(--nav); font-weight:300; font-size:13.5px; color:var(--ink-soft); max-width:70ch;}


  /* ---------- PRO EVENTFARM ---------- */
  body:not(.audience-landwirt) #proeventfarm{display:none;}
  body:not(.audience-landwirt) .landwirt-nav-item,
  body:not(.audience-landwirt) .landwirt-nav-connector{display:none;}

  #proeventfarm{background:var(--paper);}
  .eventfarm-hero{
    display:grid;
    grid-template-columns:1.02fr .98fr;
    gap:44px;
    align-items:center;
    margin-bottom:42px;
  }
  .eventfarm-copy h2{font-size:clamp(30px,3.8vw,44px); line-height:1.08; margin-bottom:16px;}
  .eventfarm-copy .lead{font-family:var(--nav); font-size:16px; line-height:1.72; color:var(--ink-soft); max-width:58ch; margin-bottom:24px;}
  .eventfarm-image{
    position:relative;
    min-height:390px;
    border-radius:16px;
    overflow:hidden;
    box-shadow:0 8px 28px rgba(11,36,39,.14);
    background:var(--paper-dim);
  }
  .eventfarm-image img{width:100%; height:100%; min-height:390px; object-fit:cover; display:block;}
  .eventfarm-image .cap{
    position:absolute; left:0; right:0; bottom:0;
    padding:48px 22px 18px;
    color:#fff; font-size:13px; font-weight:700;
    background:linear-gradient(to top,rgba(11,36,39,.82),transparent);
  }
  .eventfarm-pillars{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:1px;
    background:var(--line);
    border:1px solid var(--line);
    margin-top:34px;
  }
  .eventfarm-pillar{background:var(--paper); padding:28px 25px;}
  .eventfarm-pillar .num{font-family:var(--display); font-size:12px; color:var(--turq); letter-spacing:.08em; margin-bottom:12px;}
  .eventfarm-pillar h3{font-size:18px; margin-bottom:8px;}
  .eventfarm-pillar p{font-family:var(--nav); font-size:13.5px; color:var(--ink-soft);}
  .eventfarm-offer{
    margin-top:34px;
    padding:28px;
    border-left:3px solid var(--green);
    background:rgba(153,214,180,.14);
  }
  .eventfarm-offer h3{font-size:20px; margin-bottom:8px;}
  .eventfarm-offer p{font-family:var(--nav); font-size:14px; color:var(--ink-soft); margin-bottom:16px;}
  .eventfarm-tags{display:flex; flex-wrap:wrap; gap:8px;}
  .eventfarm-tag{
    padding:7px 11px;
    border:1px solid var(--line);
    border-radius:999px;
    background:rgba(255,255,255,.7);
    font-family:var(--nav);
    font-size:11.5px;
    font-weight:700;
    color:var(--deep);
  }
  @media (max-width:900px){
    .eventfarm-hero{grid-template-columns:1fr;}
    .eventfarm-image{min-height:320px;}
    .eventfarm-image img{min-height:320px;}
    .eventfarm-pillars{grid-template-columns:1fr;}
  }

  /* ---------- ABOUT ---------- */
  .about-grid{display:grid; grid-template-columns:1fr 1fr; gap:56px;}
  @media (max-width:900px){ .about-grid{grid-template-columns:1fr;} }
  .pillars{display:grid; gap:20px; margin-top:18px;}
  .pillar{border-left:3px solid var(--green); padding-left:18px;}
  .pillar .k{font-family:var(--nav); font-weight:300; font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:var(--turq); margin-bottom:4px;}
  .pillar h4{font-family:var(--display); font-weight:900; font-size:15px; margin-bottom:4px; color:var(--deep);}
  .pillar p{font-family:var(--nav); font-weight:300; font-size:13.5px; color:var(--ink-soft);}

  .team-card{border:1px solid rgba(11,84,80,0.18); background:var(--paper); padding:32px; border-radius:4px;}

  /* ---------- PARTNER CARDS (Darüber hinaus) ---------- */
  .partner-grid{display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-top:40px;}
  @media (max-width:760px){ .partner-grid{grid-template-columns:1fr;} }
  .partner-card{border-radius:16px; overflow:hidden; display:flex; flex-direction:column;}
  .partner-card .p-head{padding:28px 26px 22px; position:relative;}
  .partner-card .p-eyebrow{font-family:var(--mono); font-size:10.5px; letter-spacing:.14em; text-transform:uppercase; margin-bottom:10px; font-weight:700;}
  .partner-card .p-title{font-family:var(--display); font-size:26px; font-weight:700; color:var(--white); margin-bottom:2px;}
  .partner-card .p-sub{font-size:12px; font-weight:600; margin-bottom:14px;}
  .partner-card .p-desc{font-size:13.5px; line-height:1.65; color:rgba(255,255,255,0.6);}
  .partner-card .p-body{padding:20px 26px 26px; flex:1; display:flex; flex-direction:column;}
  .partner-card ul{flex:1; margin-bottom:20px;}
  .partner-card li{display:flex; gap:10px; font-size:13px; color:rgba(255,255,255,0.65); padding:9px 0; border-bottom:1px solid rgba(255,255,255,0.08); align-items:flex-start;}
  .partner-card li:last-child{border-bottom:none;}
  .partner-card li::before{content:"→"; flex-shrink:0; font-weight:700; margin-top:1px;}
  .partner-card .p-btn{display:flex; align-items:center; justify-content:center; padding:13px 20px; border-radius:6px; font-weight:700; font-size:13.5px; text-decoration:none; transition:filter .18s;}
  .partner-card .p-btn:hover{filter:brightness(1.1);}

  .partner-card.seesushi{background:var(--paper); border:1px solid rgba(232,93,93,0.15);}
  .partner-card.seesushi .p-head{background:var(--paper);}
  .partner-card.seesushi .p-title{color:var(--deep);}
  .partner-card.seesushi .p-desc{color:var(--ink-soft);}
  .partner-card.seesushi .p-sub{color:#B66A20;}
  .partner-card.seesushi li{color:var(--ink-soft); border-bottom-color:var(--line);}
  .partner-card.seesushi li::before{color:#E85D5D;}
  .partner-card.seesushi .p-btn{background:#E85D5D; color:#fff;}

  .partner-card.hofkueche{background:var(--paper); border:1px solid rgba(212,170,0,0.2);}
  .partner-card.hofkueche .p-head{background:var(--paper); border-bottom:1px solid rgba(212,170,0,0.18);}
  .partner-card.hofkueche .p-title{color:var(--deep);}
  .partner-card.hofkueche .p-desc{color:var(--ink-soft);}
  .partner-card.hofkueche .p-sub{color:#8A6B00;}
  .partner-card.hofkueche .p-title span{color:#9A7800;}
  .partner-card.hofkueche li{color:var(--ink-soft); border-bottom-color:var(--line);}
  .partner-card.hofkueche li::before{color:#9A7800;}
  .partner-card.hofkueche .p-btn{background:#D4AA00; color:#1A1400;}
  .team-card .avatar{width:54px; height:54px; border-radius:50%; background:var(--deep); color:var(--paper); display:flex; align-items:center; justify-content:center; font-family:var(--display); font-weight:900; font-size:18px; margin-bottom:16px;}
  .team-card h4{font-family:var(--display); font-weight:900; font-size:17px; color:var(--deep); margin-bottom:2px;}
  .team-card .role{font-family:var(--nav); font-weight:300; font-size:12px; letter-spacing:.08em; text-transform:uppercase; color:var(--turq); margin-bottom:16px;}
  .team-card p{font-family:var(--nav); font-weight:300; font-size:13.5px; color:var(--ink-soft); margin-bottom:12px;}
  .badges{display:flex; flex-wrap:wrap; gap:8px; margin-top:16px;}
  .badge{font-family:var(--nav); font-weight:300; font-size:11px; letter-spacing:.06em; background:rgba(97,191,194,0.18); border:1px solid rgba(11,84,80,0.2); padding:5px 10px; border-radius:2px; color:var(--deep);}

  /* ---------- ECOSYSTEM ---------- */
  .eco-grid{display:grid; grid-template-columns:1fr 1fr; gap:26px;}
  @media (max-width:860px){ .eco-grid{grid-template-columns:1fr;} }
  .eco-card{border:1px solid rgba(11,84,80,0.18); border-radius:4px; padding:30px; background:var(--paper);}
  .eco-card .tag{font-family:var(--nav); font-weight:300; font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--turq); margin-bottom:10px; display:block;}
  .eco-card h4{font-family:var(--display); font-weight:900; font-size:19px; margin-bottom:12px; color:var(--deep); letter-spacing:-0.01em;}
  .eco-card ul li{font-family:var(--nav); font-weight:300; font-size:13.5px; color:var(--ink-soft); padding:6px 0; display:flex; gap:8px;}
  .eco-card ul li::before{content:"→"; color:var(--green); flex-shrink:0;}
  .eco-card .link{display:inline-block; margin-top:16px; font-family:var(--nav); font-weight:700; font-size:13px; letter-spacing:.06em; text-transform:uppercase; color:var(--deep); border-bottom:1px solid var(--deep); padding-bottom:2px;}

  /* ---------- CONTACT ---------- */
  .contact-grid{display:grid; grid-template-columns:.9fr 1.1fr; gap:52px;}
  @media (max-width:900px){ .contact-grid{grid-template-columns:1fr;} }
  .contact-info p{margin-bottom:10px; font-size:15px; color:#AFC9C8;}
  .contact-info .label{font-family:var(--mono); font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:var(--turq); margin:20px 0 8px;}
  .form-card{background:var(--white); border-radius:8px; padding:34px; color:var(--ink);}
  .form-card h3{margin-bottom:8px;}
  .form-card p{color:var(--ink-soft); font-size:14px; margin-bottom:22px;}
  .toggle-row{display:flex; gap:10px; margin-bottom:20px;}
  .toggle-btn{flex:1; padding:12px; text-align:center; border:1px solid var(--line); border-radius:3px; font-size:14px; font-weight:600; cursor:pointer; background:var(--paper); color:var(--ink-soft);}
  .toggle-btn.active{background:var(--deep); color:var(--white); border-color:var(--deep);}
  .form-card label{display:block; font-size:13px; font-weight:600; color:var(--ink-soft); margin-bottom:6px; margin-top:15px;}
  .form-card input,.form-card textarea{width:100%; border:1px solid var(--line); border-radius:3px; padding:12px 14px; font-family:var(--body); font-size:14px; background:var(--paper);}
  .form-card textarea{resize:vertical; min-height:88px;}
  .form-card .btn-primary{margin-top:20px; width:100%; justify-content:center;}

  footer{background:var(--ink); color:rgba(246,240,219,0.5); padding:34px 0; font-family:var(--nav); font-weight:300; font-size:13px; letter-spacing:.04em;}
  .footer-row{display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px;}

  .reveal{opacity:0; transform:translateY(16px); transition:opacity .55s ease, transform .55s ease;}
  .reveal.in{opacity:1; transform:none;}
  @media (prefers-reduced-motion:reduce){ .reveal{opacity:1; transform:none; transition:none;} html{scroll-behavior:auto;} }

  /* ---------- PAGE VIEWS (switch "pages" within the same file, no reload) ---------- */
  .page-view{display:none;}
  .page-view.active{display:block;}
  .page-intro{padding:64px 0 60px; background:var(--deep);}
  .page-intro .wrap{max-width:760px;}
  .page-intro .eyebrow{color:var(--turq);}
  .page-intro .eyebrow::before{background:var(--turq);}
  .page-intro h1{color:var(--white); font-size:clamp(30px,4.4vw,46px); line-height:1.08; margin-bottom:16px;}
  .page-intro h1 em{color:var(--turq); font-style:italic;}
  .page-intro .lead{color:#AFC9C8;}

  /* ---------- LEGAL PAGES (Impressum, Datenschutz, AGB) ---------- */
  .legal-body{max-width:760px; padding:56px 0 100px; font-size:15px; line-height:1.75; color:var(--ink-soft);}
  .legal-body h2{font-size:19px; color:var(--deep); margin:36px 0 12px;}
  .legal-body h2:first-child{margin-top:0;}
  .legal-body h3{font-size:16px; color:var(--deep); margin:26px 0 8px;}
  .legal-body p{margin-bottom:14px;}
  .legal-body ul{margin:0 0 14px 20px; list-style:disc;}
  .legal-body li{margin-bottom:6px;}
  .legal-body a{color:var(--teal); text-decoration:underline;}
  .legal-body strong{color:var(--deep);}
  .legal-body .stand{font-family:var(--mono); font-size:12.5px; color:var(--ink-soft); margin-top:30px;}

  /* ---------- SITE FOOTER ---------- */
  .site-footer{background:var(--ink); padding:36px 0; margin-top:0;}
  .site-footer .wrap{display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:16px;}
  .site-footer .copy{font-size:13px; color:#6E9391;}
  .site-footer nav{display:flex; gap:22px; flex-wrap:wrap;}
  .site-footer nav a{font-family:var(--nav); font-weight:300; font-size:13px; color:rgba(246,240,219,0.5); letter-spacing:.06em; transition:color .2s;}
  .site-footer nav a:hover{color:var(--turq);}

  /* Emoji rendered as consistent images (via Twemoji) instead of relying on the OS font —
     this is what makes flags actually show as flags on every device, not just letter codes. */
  /* Emoji render as plain unicode text — this shows the native OS emoji design
     (e.g. Apple's own on iPhone/Mac), which is the closest match to each platform's look. */

  /* ---------- CONTACT MODAL ---------- */
  .modal-overlay{position:fixed; inset:0; z-index:300; display:none; align-items:flex-start; justify-content:center; background:rgba(8,26,29,0.72); backdrop-filter:blur(5px); padding:60px 20px; overflow-y:auto;}
  .modal-overlay.open{display:flex;}
  .modal-card{position:relative; background:var(--deep); color:var(--paper); border-radius:4px; padding:34px 34px 30px; max-width:520px; width:100%; box-shadow:0 20px 60px rgba(0,0,0,0.45); border:1px solid rgba(97,191,194,0.25);}
  .modal-close{position:absolute; top:14px; right:16px; background:none; border:none; color:#AFC9C8; font-size:26px; line-height:1; cursor:pointer; padding:4px 8px; transition:color .2s;}
  .modal-close:hover{color:var(--white);}
  .modal-title{color:var(--white); font-size:24px; margin-bottom:10px;}
  .modal-address{font-size:12.5px; color:#8FB0AF; line-height:1.6; margin-bottom:24px; padding-bottom:20px; border-bottom:1px solid rgba(255,255,255,0.12);}
  .modal-tag{font-family:var(--mono); font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:var(--turq); margin-bottom:12px;}
  .modal-card .toggle-row{display:flex; gap:10px; margin-bottom:8px;}
  .modal-card .toggle-btn{flex:1; padding:12px; text-align:center; border:1px solid rgba(255,255,255,0.18); border-radius:8px; font-size:13.5px; font-weight:600; cursor:pointer; background:rgba(255,255,255,0.04); color:#AFC9C8; transition:all .2s;}
  .modal-card .toggle-btn.active{background:var(--turq); color:var(--ink); border-color:var(--turq);}
  .form-row-2{display:grid; grid-template-columns:1fr 1fr; gap:14px;}
  @media (max-width:480px){ .form-row-2{grid-template-columns:1fr;} }
  .modal-card label{display:block; font-size:12.5px; font-weight:600; color:#AFC9C8; margin-bottom:6px; margin-top:14px;}
  .modal-card input, .modal-card select, .modal-card textarea{
    width:100%; border:1px solid rgba(255,255,255,0.18); border-radius:6px; padding:11px 13px;
    font-family:var(--body); font-size:13.5px; background:rgba(255,255,255,0.05); color:var(--white);
  }
  .modal-card input::placeholder, .modal-card textarea::placeholder{color:#5E8482;}
  .modal-card select{color:#AFC9C8;}
  .modal-card select option{background:var(--deep); color:var(--white);}
  .modal-card textarea{resize:vertical; min-height:80px;}
  .modal-card input:focus, .modal-card select:focus, .modal-card textarea:focus{outline:none; border-color:var(--turq);}
  .privacy-note{display:flex; align-items:flex-start; gap:8px; font-size:12px; color:#8FB0AF; line-height:1.6; margin-top:18px; background:rgba(255,255,255,0.04); border-radius:6px; padding:12px 14px;}
  /* ---------- DARÜBER HINAUS: light section, partner cards remain branded ---------- */
  #darueber-hinaus .section-head h2{color:var(--deep);}
  #darueber-hinaus .section-head p{color:var(--ink-soft);}
  #darueber-hinaus .eyebrow{color:var(--turq);}
  #darueber-hinaus .eyebrow::before{background:var(--green);}
  #darueber-hinaus .partner-card{min-height:100%;}
  #darueber-hinaus .partner-card .p-desc{color:var(--ink-soft)!important;}
  #darueber-hinaus .partner-card .p-eyebrow{color:var(--deep);}
  #darueber-hinaus .partner-card .p-title{color:var(--deep)!important;}
  #darueber-hinaus .partner-card li{color:var(--ink-soft)!important;}
  #darueber-hinaus .start-choice{border-top-color:var(--line)!important;}
  #darueber-hinaus .start-choice .eyebrow{color:var(--green)!important;}
  #darueber-hinaus .start-choice h3{color:var(--deep)!important;}
  #darueber-hinaus .start-choice p{color:var(--ink-soft)!important;}


  /* Originale Startseite: grüne Akzentfarbe statt Blau */
  body.at-home:not(.audience-landwirt):not(.audience-gastronom){
    --turq:#79B59A;
    --turq-soft:#E3F0E9;
  }
  body.at-home:not(.audience-landwirt):not(.audience-gastronom) .hero h1 em,
  body.at-home:not(.audience-landwirt):not(.audience-gastronom) .hero .eyebrow,
  body.at-home:not(.audience-landwirt):not(.audience-gastronom) .stat .num,
  body.at-home:not(.audience-landwirt):not(.audience-gastronom) .proof .num{color:#79B59A;}
  body.at-home:not(.audience-landwirt):not(.audience-gastronom) .hero .eyebrow::before{background:#79B59A;}
  body.at-home:not(.audience-landwirt):not(.audience-gastronom) .btn-primary{background:#79B59A;border-color:#79B59A;color:#173324;}
  body.at-home:not(.audience-landwirt):not(.audience-gastronom) .btn-primary:hover{background:#8FC9AD;border-color:#8FC9AD;}
  body.at-home:not(.audience-landwirt):not(.audience-gastronom) .hero .btn-outline{border-color:rgba(121,181,154,.72);color:#79B59A;}
  body.at-home:not(.audience-landwirt):not(.audience-gastronom) .hero .btn-outline:hover{background:#79B59A;color:#173324;border-color:#79B59A;}

/* ===== nav-pro-inline-fix ===== */
/* Requested change: keep PRO beside Aquaponik in the navigation. */
.logo-text-stack{flex-direction:row;align-items:baseline;gap:.38em;line-height:1}
.logo-pro{font-size:11px;letter-spacing:.12em;margin:0}
.topbar.compact .logo-pro{font-size:9px}

/* ===== nav-pro-prominent-fix ===== */
.logo-text-stack{gap:0}
.logo-pro{font-size:19px;letter-spacing:-0.01em;font-weight:700;margin:0}
.topbar.compact .logo-pro{font-size:15px}

/* ===== audience-visibility-and-home ===== */
  /* Neutraler Start: bleibt auch nach einer Zielgruppenwahl die ursprüngliche Farbwelt. */
  body.at-home.audience-landwirt, body.at-home.audience-gastronom{
    --ink:#1C1C1C; --deep:#0B5450; --teal:#0B5450; --turq:#61BFC2; --turq-soft:#D8F0F1;
    --paper:#EAF3F1; --paper-dim:#E0EEEB; --sand:#EAF3F1; --ink-soft:#4a4a4a; --line:#C8E3E4; --white:#FFFFFF; --green:#4D7236;
  }
  body.at-home.audience-landwirt .hero, body.at-home.audience-gastronom .hero{background:var(--deep);}
  body.at-home.audience-landwirt .topbar, body.at-home.audience-gastronom .topbar{background:rgba(11,84,80,0.97); border-bottom-color:rgba(97,191,194,0.25);}
  body.at-home.audience-landwirt .hero h1 em, body.at-home.audience-gastronom .hero h1 em{color:var(--turq);}
  body.at-home.audience-landwirt .hero .eyebrow, body.at-home.audience-gastronom .hero .eyebrow{color:var(--turq);}
  body.at-home.audience-landwirt .hero .eyebrow::before, body.at-home.audience-gastronom .hero .eyebrow::before{background:var(--turq);}

  /* Konzept, Bauprozess, Vorteile und Technik sind vor der Auswahl unsichtbar. */
  body:not(.has-audience) #konzept,
  body:not(.has-audience) #bauprozess,
  body:not(.has-audience) #vorteile,
  body:not(.has-audience) #technik{display:none;}

  /* Auch in der Navigation erscheinen diese Punkte erst nach der Auswahl. */
  body:not(.has-audience) .audience-nav-item,
  body:not(.has-audience) .audience-nav-connector{display:none;}

  .gastro-content{display:none;}
  body.audience-gastronom .land-content{display:none;}
  body.audience-gastronom .gastro-content{display:block;}
  body.audience-landwirt .gastro-content{display:none;}
  body.audience-gastronom #proeventfarm{display:block;}
  body.audience-gastronom #proeventfarm .land-content{display:none;}
  body.audience-gastronom #proeventfarm .gastro-content{display:block;}

  .hero-ctas{margin-top:10px;}
  .hero-ctas .btn{min-width:260px; justify-content:center;}

/* ===== audience-theme ===== */
  /* Zielgruppen-Themes: Die Startseite bleibt neutral. Die Markenfarbe PROAquaponik bleibt immer #61BFC2. */
  body.audience-landwirt{
    /* Landwirt: ruhiges Celadon als Hauptfarbe, Bright Fern/Green Yellow nur als Akzente. */
    --ink:#173324;
    --deep:#99D6B4;
    --teal:#99D6B4;
    --turq:#99D6B4;
    --turq-soft:#E4F5EA;
    --paper:#F7FCF8;
    --paper-dim:#EDF8F1;
    --sand:#F7FCF8;
    --ink-soft:#3D5B49;
    --line:#B9E2CB;
    --white:#FFFFFF;
    --green:#29BF12;
    --land-celadon:#99D6B4;
    --land-fern:#29BF12;
    --land-yellow:#ABFF4F;
    --theme-dark:#2F6048;
    --theme-accent:#5D9D74;
  }

  body.audience-gastronom{
    /* Gastronomie: eigene, natürliche Grünwelt – bewusst anders als die Landwirt-Palette. */
    --ink:#1E3B32;
    --deep:#3F725E;
    --teal:#3F725E;
    --turq:#79B59A;
    --turq-soft:#E3F0E9;
    --paper:#F7FBF8;
    --paper-dim:#ECF4EF;
    --sand:#F7FBF8;
    --ink-soft:#486359;
    --line:#C6DDD1;
    --white:#FFFFFF;
    --green:#5C9B78;
    --gastro-green:#3F725E;
    --gastro-sage:#79B59A;
    --gastro-mint:#B9D8C7;
    --gastro-olive:#6F845B;
    --theme-dark:#285444;
    --theme-accent:#5C9B78;
  }

  /* Hero, Header und Navigation folgen der jeweiligen Themenwelt. */
  body.audience-landwirt .hero{background:var(--deep);}
  body.audience-gastronom .hero{background:var(--deep);}
  body.audience-landwirt .topbar{background:color-mix(in srgb, var(--deep) 92%, #173324 8%); border-bottom-color:rgba(255,255,255,.28);}
  body.audience-gastronom .topbar{background:color-mix(in srgb, var(--deep) 92%, #1E3B32 8%); border-bottom-color:rgba(255,255,255,.3);}

  body.audience-landwirt .hero h1,
  body.audience-landwirt .hero p.lead,
  body.audience-landwirt .hero .eyebrow,
  body.audience-gastronom .hero h1,
  body.audience-gastronom .hero p.lead,
  body.audience-gastronom .hero .eyebrow{color:#fff;}

  body.audience-landwirt .hero h1 em,
  body.audience-landwirt .hero .eyebrow,
  body.audience-gastronom .hero h1 em,
  body.audience-gastronom .hero .eyebrow{color:#61BFC2;}
  body.audience-landwirt .hero .eyebrow::before,
  body.audience-gastronom .hero .eyebrow::before{background:#61BFC2;}

  /* Elemente innerhalb der Themenwelten: keine fremden Neonfarben als Hauptflächen. */
  body.audience-landwirt .section-label,
  body.audience-landwirt .step .n,
  body.audience-landwirt .gallery-label,
  body.audience-landwirt .choice-kicker{color:var(--theme-accent);}
  body.audience-gastronom .section-label,
  body.audience-gastronom .step .n,
  body.audience-gastronom .gallery-label,
  body.audience-gastronom .choice-kicker{color:var(--theme-accent);}

  body.audience-landwirt .btn-primary{background:var(--theme-dark); border-color:var(--theme-dark); color:#fff;}
  body.audience-gastronom .btn-primary{background:var(--theme-accent); border-color:var(--theme-accent); color:#fff;}

  body.audience-landwirt .audience-choice-card:nth-child(1){border-color:var(--land-celadon);}
  body.audience-landwirt .audience-choice-card:nth-child(2){border-color:var(--land-celadon);}
  body.audience-gastronom .audience-choice-card:nth-child(1){border-color:var(--gastro-sage);}
  body.audience-gastronom .audience-choice-card:nth-child(2){border-color:var(--gastro-green);}
  body.audience-gastronom .audience-choice-card:hover{border-color:var(--gastro-green);}

  /* Der Markenname neben dem Logo bleibt immer exakt im Logo-Türkis. */
  body.audience-landwirt .logo-pro,
  body.audience-gastronom .logo-pro,
  body.audience-landwirt .logo-name,
  body.audience-gastronom .logo-name,
  body.audience-landwirt .logo-name span,
  body.audience-gastronom .logo-name span,
  body.audience-landwirt .logo.done .logo-name,
  body.audience-gastronom .logo.done .logo-name{
    color:#61BFC2 !important;
  }

  body.audience-landwirt .audience-choice-card strong{color:var(--theme-dark);}
  body.audience-gastronom .audience-choice-card strong{color:var(--theme-dark);}
  body.audience-landwirt .audience-choice-card b{color:var(--theme-dark);}
  body.audience-gastronom .audience-choice-card b{color:var(--theme-accent);}

  /* Diagramme, Karten, Icons und Nummern übernehmen die Themenfarbe über die bestehenden Variablen. */
  body.audience-landwirt .benefit:hover{background:color-mix(in srgb, var(--land-celadon) 35%, white);}
  body.audience-gastronom .benefit:hover{background:color-mix(in srgb, var(--gastro-sage) 22%, white);}
  body.audience-landwirt .proof .num{color:var(--land-celadon);}
  body.audience-gastronom .proof .num{color:#FFFFFF !important; text-shadow:0 1px 8px rgba(0,0,0,.16);}
  .gastro-label{display:none;}
  body.audience-gastronom .land-label{display:none;}
  body.audience-gastronom .gastro-label{display:inline;}
  body.audience-gastronom .landwirt-nav-item{display:flex;}
  body.audience-gastronom .landwirt-nav-connector{display:block;}

/* ===== audience-choice-redesign ===== */
  /* ---------- TARGET-GROUP SELECTION: clearer, more premium decision area ---------- */
  .audience-choice{
    position:relative;
    padding:88px 0 92px;
    background:var(--paper);
    overflow:hidden;
  }
  .audience-choice::before{
    content:"";
    position:absolute;
    top:0; left:0; right:0;
    height:1px;
    background:var(--line);
  }
  .audience-choice-intro{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:40px;
    margin-bottom:38px;
  }
  .audience-choice-copy{max-width:700px;}
  .audience-choice .section-head{margin-bottom:0;}
  .audience-choice h2{
    font-size:clamp(32px,4vw,48px);
    line-height:1.06;
    margin-bottom:15px;
    letter-spacing:-.025em;
  }
  .audience-choice-copy p{
    max-width:64ch;
    font-size:16px;
    color:var(--ink-soft);
  }
  .audience-choice-hint{
    display:flex;
    align-items:center;
    gap:10px;
    flex-shrink:0;
    padding:9px 13px;
    border:1px solid var(--line);
    border-radius:999px;
    color:var(--ink-soft);
    font-family:var(--nav);
    font-size:11px;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
    background:rgba(255,255,255,.45);
  }
  .hint-dot{
    width:7px;
    height:7px;
    border-radius:50%;
    background:var(--turq);
    box-shadow:0 0 0 4px rgba(97,191,194,.12);
  }
  .audience-choice-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:20px;
  }
  .audience-choice-card{
    position:relative;
    min-height:360px;
    display:flex;
    flex-direction:column;
    text-align:left;
    padding:30px 32px 26px;
    border:1px solid var(--line);
    border-radius:10px;
    background:rgba(255,255,255,.38);
    color:var(--deep);
    cursor:pointer;
    overflow:hidden;
    box-shadow:0 8px 28px rgba(11,84,80,.05);
    transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease;
  }
  .audience-choice-card::before{
    content:"";
    position:absolute;
    left:0; top:0; bottom:0;
    width:5px;
    background:var(--line);
    transition:width .22s ease, background .22s ease;
  }
  .audience-choice-card::after{
    content:"";
    position:absolute;
    width:220px;
    height:220px;
    right:-90px;
    top:-100px;
    border-radius:50%;
    background:rgba(97,191,194,.08);
    pointer-events:none;
    transition:transform .35s ease, background .25s ease;
  }
  .audience-choice-card:hover{
    transform:translateY(-4px);
    background:var(--white);
    border-color:var(--turq);
    box-shadow:0 18px 42px rgba(11,84,80,.12);
  }
  .audience-choice-card:hover::before{width:7px;background:var(--turq);}
  .audience-choice-card:hover::after{transform:scale(1.35);background:rgba(97,191,194,.13);}
  .audience-choice-card.selected{
    transform:translateY(-3px);
    background:var(--white);
    border-color:var(--deep);
    box-shadow:0 18px 42px rgba(11,84,80,.14);
  }
  .audience-choice-card.selected::before{width:7px;background:var(--deep);}
  .choice-top{
    position:relative;
    z-index:1;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin-bottom:30px;
  }
  .choice-number{
    font-family:var(--display);
    font-size:13px;
    letter-spacing:.08em;
    color:var(--turq);
  }
  .choice-kicker{
    font-family:var(--nav);
    font-size:11px;
    font-weight:700;
    letter-spacing:.14em;
    text-transform:uppercase;
    color:var(--ink-soft);
  }
  .choice-icon{
    position:relative;
    z-index:1;
    width:62px;
    height:62px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    margin-bottom:22px;
    color:var(--deep);
    background:rgba(97,191,194,.13);
    border:1px solid rgba(97,191,194,.28);
  }
  .choice-icon svg{width:35px;height:35px;}
  .choice-content{
    position:relative;
    z-index:1;
    display:flex;
    flex-direction:column;
    flex:1;
  }
  .choice-content strong{
    font-family:var(--display);
    font-size:clamp(28px,3vw,38px);
    line-height:1;
    letter-spacing:-.025em;
    color:var(--deep);
    margin-bottom:15px;
  }
  .choice-desc{
    max-width:42ch;
    font-family:var(--nav);
    font-size:14.5px;
    line-height:1.7;
    color:var(--ink-soft);
  }
  .choice-footer{
    position:relative;
    z-index:1;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin-top:28px;
    padding-top:17px;
    border-top:1px solid var(--line);
    font-family:var(--nav);
    font-size:13px;
    font-weight:700;
    color:var(--deep);
  }
  .choice-arrow{
    width:34px;
    height:34px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid var(--line);
    border-radius:50%;
    font-size:18px;
    transition:transform .2s ease, background .2s ease, color .2s ease;
  }
  .audience-choice-card:hover .choice-arrow,
  .audience-choice-card.selected .choice-arrow{
    transform:translate(2px,-2px);
    background:var(--deep);
    color:var(--white);
    border-color:var(--deep);
  }
  .audience-choice-footnote{
    margin-top:18px;
    font-family:var(--nav);
    font-size:11.5px;
    color:var(--ink-soft);
    opacity:.75;
  }

  /* Subtle target-group differentiation without breaking the neutral start page. */
  .audience-choice-card.land-card::before{background:#B9E2CB;}
  .audience-choice-card.gastro-card::before{background:#B9D8C7;}
  .audience-choice-card.land-card:hover,
  .audience-choice-card.land-card.selected{border-color:#99D6B4;}
  .audience-choice-card.gastro-card:hover,
  .audience-choice-card.gastro-card.selected{border-color:#79B59A;}
  .audience-choice-card.land-card:hover::before,
  .audience-choice-card.land-card.selected::before{background:#5D9D74;}
  .audience-choice-card.gastro-card:hover::before,
  .audience-choice-card.gastro-card.selected::before{background:#5C9B78;}

  @media (max-width:760px){
    .audience-choice{padding:64px 0 68px;}
    .audience-choice-intro{display:block;margin-bottom:28px;}
    .audience-choice-hint{display:inline-flex;margin-top:18px;}
    .audience-choice-grid{grid-template-columns:1fr;gap:14px;}
    .audience-choice-card{min-height:320px;padding:25px 24px 22px;}
    .choice-top{margin-bottom:24px;}
  }
  @media (max-width:480px){
    .audience-choice h2{font-size:31px;}
    .audience-choice-card{min-height:300px;}
    .choice-icon{width:54px;height:54px;}
    .choice-content strong{font-size:29px;}
  }
  @media (prefers-reduced-motion:reduce){
    .audience-choice-card,.audience-choice-card::before,.audience-choice-card::after,.choice-arrow{transition:none;}
  }

/* ===== final-audience-nav-fit ===== */
  /* PROAquaponik bleibt in beiden Zielgruppen-Themenwelten im festen Marken-Teal. */
  body.audience-landwirt .logo-pro,
  body.audience-landwirt .logo-name,
  body.audience-landwirt .logo-name span,
  body.audience-gastronom .logo-pro,
  body.audience-gastronom .logo-name,
  body.audience-gastronom .logo-name span{
    color:#0B5450 !important;
  }

  /* Kompakter Zielgruppen-Einstieg: auf Desktop in einem Viewport erfassbar. */
  .audience-choice{
    padding:48px 0 42px;
  }
  .audience-choice-intro{
    margin-bottom:24px;
    gap:28px;
  }
  .audience-choice h2{
    font-size:clamp(30px,3.5vw,42px);
    margin-bottom:10px;
  }
  .audience-choice-copy p{
    font-size:15px;
    line-height:1.5;
    max-width:60ch;
  }
  .audience-choice-grid{
    gap:16px;
  }
  .audience-choice-card{
    min-height:258px;
    padding:22px 26px 20px;
    border-radius:8px;
  }
  .choice-top{
    margin-bottom:18px;
  }
  .choice-icon{
    width:52px;
    height:52px;
    margin-bottom:15px;
  }
  .choice-icon svg{
    width:29px;
    height:29px;
  }
  .choice-content strong{
    font-size:clamp(25px,2.5vw,34px);
    margin-bottom:9px;
  }
  .choice-desc{
    font-size:13.5px;
    line-height:1.5;
  }
  .choice-footer{
    margin-top:17px;
    padding-top:12px;
    font-size:12px;
  }
  .choice-arrow{
    width:30px;
    height:30px;
    font-size:16px;
  }
  .audience-choice-footnote{
    margin-top:11px;
    font-size:10.5px;
  }

  @media (max-width:760px){
    .audience-choice{padding:48px 0 52px;}
    .audience-choice-card{min-height:270px;padding:22px 24px 20px;}
  }

/* ===== brand-wordmark-final-fix ===== */
  /* PROAquaponik: kompletter Schriftzug immer im dunklen Türkis – in beiden Themenwelten. */
  .logo .logo-pro,
  .logo .logo-name,
  .logo .logo-name span,
  .logo.done .logo-name,
  body.audience-landwirt .logo .logo-pro,
  body.audience-landwirt .logo .logo-name,
  body.audience-landwirt .logo .logo-name span,
  body.audience-gastronom .logo .logo-pro,
  body.audience-gastronom .logo .logo-name,
  body.audience-gastronom .logo .logo-name span {
    color:#0B5450 !important;
  }

/* ===== brand-wordmark-context-final ===== */
  /* Startseite: PROAquaponik weiß. Themenwelten: vollständiger Schriftzug im Logo-Türkis. */
  body.at-home .logo .logo-pro,
  body.at-home .logo .logo-name,
  body.at-home .logo .logo-name span,
  body.at-home .logo.done .logo-name {
    color:#FFFFFF !important;
  }

  body.audience-landwirt .logo .logo-pro,
  body.audience-landwirt .logo .logo-name,
  body.audience-landwirt .logo .logo-name span,
  body.audience-gastronom .logo .logo-pro,
  body.audience-gastronom .logo .logo-name,
  body.audience-gastronom .logo .logo-name span {
    color:#0B5450 !important;
  }

/* ===== logo-final-color-fix ===== */
  /* Logo-Farben: Startseite weiß, beide Themenwelten komplett Dunkel-Türkis */
  body.at-home .logo .logo-pro,
  body.at-home .logo .logo-name,
  body.at-home .logo .logo-name span,
  body.at-home .logo.done .logo-name {
    color:#FFFFFF !important;
  }

  body.audience-landwirt .logo .logo-pro,
  body.audience-landwirt .logo .logo-name,
  body.audience-landwirt .logo .logo-name span,
  body.audience-landwirt .logo.done .logo-name,
  body.audience-gastronom .logo .logo-pro,
  body.audience-gastronom .logo .logo-name,
  body.audience-gastronom .logo .logo-name span,
  body.audience-gastronom .logo.done .logo-name {
    color:#0B5450 !important;
  }

/* ===== nav-overlap-and-logo-reset-fix ===== */
  /* Navigation: rechter Seitenbereich bekommt immer einen eigenen, reservierten Platz. */
  .topbar-inner{gap:18px;}
  .nav-flow{min-width:0; padding-left:12px; padding-right:8px; gap:12px;}
  .stepper{min-width:0; flex:1 1 auto; overflow:hidden;}
  .steps-row{min-width:0; justify-content:flex-end;}
  .step-item{flex-shrink:1; min-width:0;}
  .step-label{font-size:12px; letter-spacing:.055em; overflow:hidden; text-overflow:ellipsis;}
  .step-connector{flex:0 0 8px; margin:0 3px;}
  .page-links{position:relative; z-index:5; flex:0 0 auto; margin-left:4px; padding-left:8px; border-left:1px solid rgba(97,191,194,.22);}
  @media (max-width:1050px){
    .topbar-inner{gap:10px;}
    .nav-flow{padding-left:6px; padding-right:4px; gap:7px;}
    .step-label{font-size:11px; letter-spacing:.04em;}
    .step-connector{flex-basis:6px; margin:0 2px;}
    .page-links{margin-left:0; padding-left:6px;}
  }
  @media (max-width:760px){
    .page-links{border-left:0; padding-left:0;}
  }

/* ===== final-nav-fix ===== */
  /* Navigation bleibt in allen Scroll-Zuständen kompakt, damit alle Punkte Platz haben. */
  .topbar{--nav-py:10px; border-bottom-width:1px;}
  .topbar-inner{padding:10px 24px;}
  .logo-mark{width:34px; height:34px;}
  .logo{font-size:15px;}
  .logo-pro{font-size:15px;}
  .step-label{font-size:12px;}
  .page-pill{padding:5px 11px; font-size:12px;}
  .topbar.compact{--nav-py:10px; border-bottom-width:1px;}
  .topbar.compact .topbar-inner{padding:10px 24px;}
  .topbar.compact .logo-mark{width:34px; height:34px;}
  .topbar.compact .logo{font-size:15px;}
  .topbar.compact .logo-pro{font-size:15px;}
  .topbar.compact .step-label{font-size:12px;}
  .topbar.compact .page-pill{padding:5px 11px; font-size:12px;}

/* ===== cooperation-redesign ===== */
  /* ---------- SEE SUSHI / KOOPERATION ---------- */
  #darueber-hinaus.cooperation-section{border-top:1px solid var(--line); border-bottom:1px solid var(--line); background:var(--paper); overflow:hidden;}
  #darueber-hinaus .coop-intro{padding:74px 0 34px;}
  #darueber-hinaus .coop-intro-grid{display:grid; grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr); gap:54px; align-items:center;}
  #darueber-hinaus .coop-kicker{font-family:var(--nav); font-size:12px; letter-spacing:.16em; text-transform:uppercase; color:var(--turq); margin-bottom:12px;}
  #darueber-hinaus .coop-intro h2{font-size:clamp(38px,5vw,66px); line-height:.98; margin:0 0 20px; letter-spacing:-.035em; color:var(--deep);}
  #darueber-hinaus .coop-intro h2 em{font-style:italic; color:#B6872F;}
  #darueber-hinaus .coop-intro .lead{font-size:17px; line-height:1.7; color:var(--ink-soft); max-width:60ch;}
  #darueber-hinaus .coop-animation{position:relative; display:flex; justify-content:center; align-items:center; min-height:250px; margin:4px auto 10px; padding:0; background:transparent; border:0; border-radius:0; box-shadow:none; isolation:isolate;}
  #darueber-hinaus .coop-animation::before,
  #darueber-hinaus .coop-animation::after{content:""; position:absolute; border-radius:50%; pointer-events:none; z-index:-1; filter:blur(.2px); opacity:.75;}
  #darueber-hinaus .coop-animation::before{width:210px; height:210px; background:radial-gradient(circle, rgba(92,155,120,.18) 0%, rgba(92,155,120,.06) 48%, transparent 72%); transform:translate(-78px,8px); animation:coopFloatA 5.5s ease-in-out infinite;}
  #darueber-hinaus .coop-animation::after{width:180px; height:180px; background:radial-gradient(circle, rgba(121,181,154,.16) 0%, rgba(153,214,180,.08) 48%, transparent 72%); transform:translate(82px,-12px); animation:coopFloatB 6.5s ease-in-out infinite;}
  #darueber-hinaus .coop-animation video{display:block; width:min(500px,86vw); height:auto; aspect-ratio:7/4; object-fit:contain; background:transparent; border:0; border-radius:0; box-shadow:none; filter:drop-shadow(0 14px 22px rgba(11,84,80,.13)); animation:coopVideoFloat 6s ease-in-out infinite;}
  #darueber-hinaus .coop-animation-cap{display:flex; justify-content:center; gap:12px; align-items:center; margin-top:-8px; font-size:10.5px; letter-spacing:.12em; text-transform:uppercase; color:#2F6048;}
  #darueber-hinaus .coop-animation-cap span{padding:6px 10px; border-radius:999px; background:rgba(255,255,255,.42); backdrop-filter:blur(6px);}
  @keyframes coopVideoFloat{0%,100%{transform:translateY(0) rotate(-.4deg)}50%{transform:translateY(-7px) rotate(.4deg)}}
  @keyframes coopFloatA{0%,100%{transform:translate(-78px,8px) scale(1)}50%{transform:translate(-68px,-2px) scale(1.06)}}
  @keyframes coopFloatB{0%,100%{transform:translate(82px,-12px) scale(1)}50%{transform:translate(70px,2px) scale(1.08)}}
  @media (prefers-reduced-motion:reduce){#darueber-hinaus .coop-animation video,#darueber-hinaus .coop-animation::before,#darueber-hinaus .coop-animation::after{animation:none;}}
  #darueber-hinaus .coop-story{padding:30px 0 84px;}
  #darueber-hinaus .coop-story-grid{display:grid; grid-template-columns:.88fr 1.12fr; gap:46px; align-items:stretch;}
  #darueber-hinaus .coop-photo{position:relative; min-height:430px; border-radius:16px; overflow:hidden; box-shadow:0 8px 30px rgba(11,36,39,.14);}
  #darueber-hinaus .coop-photo img{width:100%; height:100%; object-fit:cover; display:block;}
  #darueber-hinaus .coop-photo .cap{position:absolute; left:0; right:0; bottom:0; padding:44px 20px 18px; background:linear-gradient(to top,rgba(11,36,39,.82),transparent); color:#fff; font-size:13px; font-weight:600;}
  #darueber-hinaus .coop-story-copy{display:flex; flex-direction:column; justify-content:center;}
  #darueber-hinaus .coop-story-copy .eyebrow{margin-bottom:12px;}
  #darueber-hinaus .coop-story-copy h3{font-size:clamp(27px,3vw,40px); line-height:1.08; margin-bottom:18px;}
  #darueber-hinaus .coop-story-copy p{font-size:15px; color:var(--ink-soft); line-height:1.75; margin-bottom:20px;}
  #darueber-hinaus .coop-link{display:inline-flex; width:max-content; align-items:center; gap:8px; font-family:var(--nav); font-weight:700; font-size:13px; letter-spacing:.05em; color:var(--deep); border-bottom:1px solid var(--deep); padding-bottom:3px;}
  #darueber-hinaus .coop-quote{margin-top:26px; padding:18px 20px; border-left:3px solid var(--turq); background:rgba(97,191,194,.10); color:var(--deep); font-weight:600; line-height:1.55;}
  #darueber-hinaus .coop-model{background:var(--deep); color:var(--paper); padding:76px 0;}
  #darueber-hinaus .coop-model .eyebrow{color:var(--turq);}
  #darueber-hinaus .coop-model .eyebrow::before{background:var(--turq);}
  #darueber-hinaus .coop-model h3{color:var(--paper); font-size:clamp(28px,3.2vw,42px); max-width:760px; line-height:1.08; margin-bottom:18px;}
  #darueber-hinaus .coop-model .model-lead{color:rgba(246,240,219,.72); max-width:760px; font-size:15.5px; line-height:1.7; margin-bottom:34px;}
  #darueber-hinaus .coop-benefit-grid{display:grid; grid-template-columns:repeat(5,1fr); gap:1px; background:rgba(97,191,194,.22); border:1px solid rgba(97,191,194,.22);}
  #darueber-hinaus .coop-benefit{background:var(--deep); padding:22px 20px; min-height:150px;}
  #darueber-hinaus .coop-benefit .num{font-family:var(--display); font-size:27px; color:var(--turq); margin-bottom:16px;}
  #darueber-hinaus .coop-benefit h4{font-size:15px; color:var(--paper); margin-bottom:8px;}
  #darueber-hinaus .coop-benefit p{font-size:12.5px; line-height:1.55; color:rgba(246,240,219,.62);}
  #darueber-hinaus .coop-offers{padding:76px 0 84px;}
  #darueber-hinaus .coop-offers-head{max-width:760px; margin-bottom:32px;}
  #darueber-hinaus .coop-offers-head h3{font-size:clamp(28px,3.2vw,42px); line-height:1.08; margin-bottom:14px;}
  #darueber-hinaus .coop-offers-head p{color:var(--ink-soft); font-size:15px; line-height:1.7;}
  #darueber-hinaus .coop-offer-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); border:1px solid var(--line);}
  #darueber-hinaus .coop-offer{background:var(--paper); padding:24px 22px; min-height:170px;}
  #darueber-hinaus .coop-offer .num{font-family:var(--display); font-size:13px; color:var(--turq); letter-spacing:.12em; margin-bottom:12px;}
  #darueber-hinaus .coop-offer h4{font-size:16px; margin-bottom:7px;}
  #darueber-hinaus .coop-offer p{font-size:13px; color:var(--ink-soft); line-height:1.6;}
  #darueber-hinaus .coop-fish{padding:0 0 84px;}
  #darueber-hinaus .coop-fish-grid{display:grid; grid-template-columns:1.2fr .8fr; gap:42px; align-items:center;}
  #darueber-hinaus .coop-fish-copy h3{font-size:clamp(30px,3.4vw,45px); line-height:1.04; margin-bottom:16px;}
  #darueber-hinaus .coop-fish-copy h3 em{font-style:italic; color:var(--turq);}
  #darueber-hinaus .coop-fish-copy p{font-size:14.5px; color:var(--ink-soft); line-height:1.75; margin-bottom:16px;}
  #darueber-hinaus .coop-fish-stat{margin-top:22px; display:flex; gap:14px; align-items:flex-start; padding:18px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line);}
  #darueber-hinaus .coop-fish-stat .big{font-family:var(--display); font-size:46px; line-height:1; color:var(--deep);}
  #darueber-hinaus .coop-fish-stat span{font-size:12.5px; color:var(--ink-soft); line-height:1.55; max-width:44ch;}
  #darueber-hinaus .coop-fish-collage{display:grid; grid-template-columns:1fr 1fr; gap:10px;}
  #darueber-hinaus .coop-fish-collage figure{margin:0; border-radius:12px; overflow:hidden; height:190px; box-shadow:0 5px 18px rgba(11,36,39,.12);}
  #darueber-hinaus .coop-fish-collage figure:first-child{grid-column:span 2; height:270px;}
  #darueber-hinaus .coop-fish-collage img{width:100%; height:100%; object-fit:cover; display:block;}
  #darueber-hinaus .coop-workshops{background:var(--paper-dim); padding:72px 0 78px;}
  #darueber-hinaus .coop-workshops-grid{display:grid; grid-template-columns:.92fr 1.08fr; gap:44px; align-items:center;}
  #darueber-hinaus .coop-workshops-photo{height:380px; border-radius:16px; overflow:hidden; box-shadow:0 8px 28px rgba(11,36,39,.13);}
  #darueber-hinaus .coop-workshops-photo img{width:100%; height:100%; object-fit:cover; display:block;}
  #darueber-hinaus .coop-workshops-copy h3{font-size:clamp(28px,3.2vw,42px); line-height:1.08; margin-bottom:16px;}
  #darueber-hinaus .coop-workshops-copy p{font-size:15px; color:var(--ink-soft); line-height:1.75; margin-bottom:24px;}
  #darueber-hinaus .coop-cta{display:inline-flex; align-items:center; justify-content:center; padding:13px 20px; background:var(--deep); color:var(--paper); border:1px solid var(--deep); font-family:var(--nav); font-weight:700; font-size:13px; letter-spacing:.06em; text-transform:uppercase; border-radius:3px; transition:transform .15s,filter .2s;}
  #darueber-hinaus .coop-cta:hover{transform:translateY(-1px); filter:brightness(1.08);}
  #darueber-hinaus .coop-final{padding:60px 0 72px; text-align:center;}
  #darueber-hinaus .coop-final p{max-width:720px; margin:0 auto; font-size:14px; color:var(--ink-soft); line-height:1.7;}
  @media(max-width:900px){
    #darueber-hinaus .coop-intro-grid,#darueber-hinaus .coop-story-grid,#darueber-hinaus .coop-fish-grid,#darueber-hinaus .coop-workshops-grid{grid-template-columns:1fr;}
    #darueber-hinaus .coop-benefit-grid{grid-template-columns:repeat(2,1fr);}
    #darueber-hinaus .coop-offer-grid{grid-template-columns:1fr 1fr;}
    #darueber-hinaus .coop-animation{max-width:680px;}
  }
  @media(max-width:600px){
    #darueber-hinaus .coop-intro{padding-top:52px;}
    #darueber-hinaus .coop-intro-grid{gap:30px;}
    #darueber-hinaus .coop-benefit-grid,#darueber-hinaus .coop-offer-grid{grid-template-columns:1fr;}
    #darueber-hinaus .coop-photo{min-height:340px;}
    #darueber-hinaus .coop-fish-collage figure:first-child{height:230px;}
    #darueber-hinaus .coop-fish-collage figure{height:150px;}
    #darueber-hinaus .coop-workshops-photo{height:300px;}
  }

/* ===== cooperation-theme-scroll ===== */
  /* ---------- EIGENE KOOPERATIONSTHEMENWELT ---------- */
  :root{
    --coop-pink:#5C9B78;
    --coop-coral:#79B59A;
    --coop-mint:#99D6B4;
    --coop-blue:#79B59A;
  }
  body{transition:background-color .55s ease, color .35s ease;}
  body.cooperation-active{
    --deep:#2F6048;
    --teal:#79B59A;
    --turq:#79B59A;
    --turq-soft:#E4F5FF;
    --paper:#F7FBF8;
    --paper-dim:#ECF4EF;
    --sand:#F7FBF8;
    --ink:#173324;
    --ink-soft:#486359;
    --line:#B9D8C7;
    --green:#50B97F;
    --theme-dark:#2F6048;
    --theme-accent:#5C9B78;
  }
  /* Navigation adopts the cooperation palette while this section is active. */
  body.cooperation-active .topbar{
    background:linear-gradient(90deg,rgba(92,155,120,.96) 0%,rgba(240,147,147,.96) 32%,rgba(153,214,180,.96) 67%,rgba(121,181,154,.96) 100%);
    border-bottom-color:rgba(255,255,255,.35);
  }
  body.cooperation-active .logo-pro,
  body.cooperation-active .logo-name,
  body.cooperation-active .logo-name span{color:#fff !important;}
  body.cooperation-active .step-item.active .step-label{
    color:#fff;
    text-shadow:0 0 8px rgba(255,255,255,.55);
  }
  body.cooperation-active .page-pill.current{background:var(--coop-pink);border-color:var(--coop-pink);color:#fff;}

  #darueber-hinaus.cooperation-section{
    background:linear-gradient(135deg,rgba(92,155,120,.08) 0%,rgba(240,147,147,.06) 28%,rgba(153,214,180,.10) 62%,rgba(121,181,154,.09) 100%), var(--paper);
    border-top:4px solid transparent;
    border-image:linear-gradient(90deg,var(--coop-pink),var(--coop-coral),var(--coop-mint),var(--coop-blue)) 1;
  }
  #darueber-hinaus .coop-kicker{color:var(--coop-pink);}
  #darueber-hinaus .coop-intro h2 em{color:var(--coop-blue);}
  #darueber-hinaus .coop-animation-cap{color:#2F6048;}
  #darueber-hinaus .coop-quote{border-left-color:var(--coop-pink);background:rgba(92,155,120,.10);}
  #darueber-hinaus .coop-model{
    background:linear-gradient(135deg,var(--coop-pink) 0%,var(--coop-coral) 28%,var(--coop-mint) 66%,var(--coop-blue) 100%);
    color:#fff;
  }
  #darueber-hinaus .coop-model .eyebrow{color:#fff;}
  #darueber-hinaus .coop-model .eyebrow::before{background:#fff;}
  #darueber-hinaus .coop-model h3{color:#fff;}
  #darueber-hinaus .coop-model .model-lead{color:rgba(255,255,255,.86);}
  #darueber-hinaus .coop-benefit-grid{background:rgba(255,255,255,.35);border-color:rgba(255,255,255,.38);}
  #darueber-hinaus .coop-benefit{background:rgba(32,44,69,.18);backdrop-filter:blur(5px);}
  #darueber-hinaus .coop-benefit .num{color:#fff;}
  #darueber-hinaus .coop-benefit h4{color:#fff;}
  #darueber-hinaus .coop-benefit p{color:rgba(255,255,255,.82);}
  #darueber-hinaus .coop-offers-head h3 em,
  #darueber-hinaus .coop-fish-copy h3 em{color:var(--coop-pink);}
  #darueber-hinaus .coop-offer .num{color:var(--coop-blue);}
  #darueber-hinaus .coop-offer:hover{background:rgba(153,214,180,.18);}
  #darueber-hinaus .coop-fish-stat .big{color:var(--coop-pink);}
  #darueber-hinaus .coop-workshops{background:linear-gradient(135deg,rgba(153,214,180,.24),rgba(121,181,154,.16));}
  #darueber-hinaus .coop-cta{background:var(--coop-pink);border-color:var(--coop-pink);}
  #darueber-hinaus .coop-final{background:linear-gradient(90deg,rgba(92,155,120,.08),rgba(121,181,154,.10));}

  @media (prefers-reduced-motion:reduce){
    body{transition:none;}
  }

/* ===== coop-pink-single-tone-fix ===== */
/* Kooperation: ein einheitlicher Rosaton, keine Farbverläufe */
body.cooperation-active .topbar{background:#5C9B78 !important;border-bottom-color:rgba(255,255,255,.38) !important;}
body.cooperation-active .logo-pro,
body.cooperation-active .logo-name,
body.cooperation-active .logo-name span{color:#fff !important;}
body.cooperation-active .step-item.active .step-label{color:#fff !important;text-shadow:none !important;}
body.cooperation-active .page-pill.current{background:#5C9B78 !important;border-color:#5C9B78 !important;color:#fff !important;}
#darueber-hinaus.cooperation-section{background:#F4F9F6 !important;border-top:4px solid #5C9B78 !important;border-image:none !important;}
#darueber-hinaus .coop-model{background:#5C9B78 !important;color:#fff !important;}
#darueber-hinaus .coop-benefit-grid{background:rgba(255,255,255,.28) !important;border-color:rgba(255,255,255,.42) !important;}
#darueber-hinaus .coop-benefit{background:rgba(180,65,72,.16) !important;}
#darueber-hinaus .coop-workshops{background:#F4F9F6 !important;}
#darueber-hinaus .coop-final{background:#F4F9F6 !important;}

/* Animation labels stay anchored to the animation instead of moving with the video. */
#darueber-hinaus .coop-animation{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:390px;padding:24px 0 58px;}
#darueber-hinaus .coop-animation video{position:relative;z-index:2;}
#darueber-hinaus .coop-animation-cap{position:absolute;left:50%;bottom:8px;z-index:4;transform:translateX(-50%);display:flex;justify-content:center;align-items:center;gap:10px;width:max-content;max-width:90%;margin:0 !important;white-space:nowrap;color:#2F6048;}
#darueber-hinaus .coop-animation-cap span{display:inline-flex;align-items:center;justify-content:center;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.82);box-shadow:0 4px 14px rgba(86,107,174,.10);backdrop-filter:blur(6px);}
@media(max-width:600px){#darueber-hinaus .coop-animation{min-height:300px;padding-bottom:54px;}#darueber-hinaus .coop-animation-cap{font-size:9px;gap:6px;bottom:2px;}#darueber-hinaus .coop-animation-cap span{padding:6px 8px;}}

/* ===== coop-cleanup-v3 ===== */
/* Kooperation: keine obere Trennlinie */
#darueber-hinaus.cooperation-section{border-top:none !important;}

/* ===== about-contact-blue-theme ===== */
/* Über uns + Kontakt: gleiche Akzentfarbe wie die neutrale Startseite */
body.page-about-active, body.page-contact-active { --section-accent:#79B59A; }
body.page-about-active .page-intro, body.page-contact-active .page-intro { background:#79B59A; }
body.page-about-active .page-intro .eyebrow, body.page-contact-active .page-intro .eyebrow { color:#79B59A; }
body.page-about-active .page-intro .eyebrow::before, body.page-contact-active .page-intro .eyebrow::before { background:#79B59A; }
body.page-about-active .page-intro h1 em, body.page-contact-active .page-intro h1 em { color:#79B59A; }
body.page-about-active .page-pill.current, body.page-contact-active .page-pill.current { background:#79B59A; border-color:#79B59A; color:#173324; }
body.page-about-active .page-pill:hover, body.page-contact-active .page-pill:hover { border-color:#79B59A; }

/* ===== landwirt-nav-readable-fix ===== */
  /* Landwirt-Navigation: Logo-Dunkelgrün, kompakte Schrift, keine Kürzungen */
  body.audience-landwirt .step-label{
    color:#173324;
    font-size:11px;
    letter-spacing:.035em;
    font-weight:400;
    white-space:nowrap;
    overflow:visible;
    text-overflow:clip;
    max-width:none;
  }
  body.audience-landwirt .step-item.done .step-label{
    color:#173324;
  }
  body.audience-landwirt .step-item.active .step-label{
    color:#173324;
    font-weight:700;
    text-shadow:none;
  }
  body.audience-landwirt .step-connector{
    flex-basis:8px;
    margin-left:2px;
    margin-right:2px;
  }
  body.audience-landwirt .stepper{
    margin-left:14px;
  }
  @media (max-width:1100px){
    body.audience-landwirt .step-label{font-size:10px;}
    body.audience-landwirt .step-connector{flex-basis:5px;margin-left:1px;margin-right:1px;}
    body.audience-landwirt .stepper{margin-left:8px;}
  }

/* ===== navigation-final-color-size-fix ===== */
  /* Gemeinsame, kompakte Navigation: vollständige Begriffe ohne Auslassung */
  body.audience-landwirt .step-label,
  body.audience-gastronom .step-label {
    font-size:10px;
    letter-spacing:.025em;
    white-space:nowrap;
    overflow:visible;
    text-overflow:clip;
    max-width:none;
    text-shadow:none;
  }

  body.audience-landwirt .step-label,
  body.audience-landwirt .step-item.done .step-label,
  body.audience-landwirt .step-item.active .step-label,
  body.audience-landwirt .page-pill {
    color:#173324;
  }

  body.audience-gastronom .step-label,
  body.audience-gastronom .step-item.done .step-label,
  body.audience-gastronom .step-item.active .step-label,
  body.audience-gastronom .page-pill {
    color:#173324;
  }

  body.audience-landwirt .step-item.active .step-label,
  body.audience-gastronom .step-item.active .step-label {
    font-weight:700;
  }

  body.audience-landwirt .step-connector,
  body.audience-gastronom .step-connector {
    flex-basis:5px;
    margin-left:1px;
    margin-right:1px;
  }

  body.audience-landwirt .stepper,
  body.audience-gastronom .stepper {
    margin-left:8px;
  }

  /* Über uns / Kontakt: gleiche Textfarbe wie die jeweilige Themenwelt */
  body.audience-landwirt .page-pill,
  body.audience-gastronom .page-pill {
    border-color:currentColor;
    background:transparent;
  }

  body.audience-landwirt .page-pill:hover,
  body.audience-gastronom .page-pill:hover {
    color:inherit;
    border-color:currentColor;
    background:rgba(255,255,255,.18);
  }

  @media (max-width:1100px){
    body.audience-landwirt .step-label,
    body.audience-gastronom .step-label {font-size:9.2px;}
    body.audience-landwirt .step-connector,
    body.audience-gastronom .step-connector {flex-basis:3px;}
    body.audience-landwirt .stepper,
    body.audience-gastronom .stepper {margin-left:5px;}
  }

/* ===== gastro-green-order-and-seesushi ===== */
body.audience-gastronom #page-home{display:flex;flex-direction:column;}
body.audience-gastronom #start{order:1;}
body.audience-gastronom #zielgruppe{order:2;}
body.audience-gastronom #proeventfarm{order:3;}
body.audience-gastronom #konzept{order:4;}
body.audience-gastronom #bauprozess{order:5;}
body.audience-gastronom #vorteile{order:6;}
body.audience-gastronom #technik{order:7;}
body.audience-gastronom #proeventfarm{order:3;}
body.audience-gastronom #referenzen{order:8;}
body.audience-gastronom #darueber-hinaus{order:9;}
body.audience-gastronom #page-home > section.band-deep.tight{order:10;}
body.audience-gastronom #page-home > footer{order:11;}

body.audience-gastronom .gastro-nav-item,
body.audience-gastronom .gastro-nav-connector{display:flex;}
body.audience-landwirt .gastro-nav-item,
body.audience-landwirt .gastro-nav-connector,
body:not(.has-audience) .gastro-nav-item,
body:not(.has-audience) .gastro-nav-connector{display:none;}
body.audience-gastronom .landwirt-nav-item,
body.audience-gastronom .landwirt-nav-connector{display:none !important;}
body.audience-gastronom .gastro-nav-item .step-label{color:#285444 !important;}
body.audience-gastronom .step-label,
body.audience-gastronom .page-pill{color:#285444 !important;}
body.audience-gastronom .step-item.active .step-label{color:#285444 !important;}
body.audience-gastronom .step-connector{background:#79B59A;}
body.audience-gastronom .section-head .eyebrow,
body.audience-gastronom .section-label,
body.audience-gastronom .step .n,
body.audience-gastronom .gallery-label{color:#5C9B78;}
body.audience-gastronom .section-head .eyebrow::before{background:#5C9B78;}
body.audience-gastronom .btn-primary{background:#285444;border-color:#285444;color:#fff;}
body.audience-gastronom .btn-primary:hover{background:#3F725E;border-color:#3F725E;}

.seesushi-gastro-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:34px;}
.seesushi-gastro-gallery figure{margin:0;background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;}
.seesushi-gastro-gallery img{width:100%;height:220px;display:block;object-fit:cover;}
.seesushi-gastro-gallery figcaption{padding:10px 12px;color:var(--ink-soft);font-family:var(--nav);font-size:11px;line-height:1.4;}
@media(max-width:820px){.seesushi-gastro-gallery{grid-template-columns:repeat(2,1fr);}.seesushi-gastro-gallery img{height:190px;}}
@media(max-width:560px){.seesushi-gastro-gallery{grid-template-columns:1fr;}}

/* ===== nav-technik-referenzen-spacing ===== */
  /* Etwas mehr visueller Abstand vor REFERENZEN */
  .step-item[data-target="#referenzen"]{
    margin-left:8px;
  }
  @media (max-width:1100px){
    .step-item[data-target="#referenzen"]{margin-left:6px;}
  }

/* ===== gastro-proeventfarm-and-nav-final ===== */
/* Gastronomie: kompakte Navigation, damit alle Punkte auch auf Desktop sauber Platz haben. */
body.audience-gastronom .step-label{
  font-size:12px !important;
  letter-spacing:.055em !important;
  white-space:nowrap;
}
body.audience-gastronom .step-connector{
  flex-basis:4px !important;
  margin-left:2px !important;
  margin-right:2px !important;
}
body.audience-gastronom .steps-row{gap:0 !important;}
body.audience-gastronom .page-links{gap:5px !important;}
body.audience-gastronom .page-pill{
  font-size:8.8px !important;
  letter-spacing:.02em !important;
  padding:6px 8px !important;
}
@media (max-width:1050px){
  body.audience-gastronom .step-label{font-size:11px !important;}
  body.audience-gastronom .page-pill{font-size:11px !important; padding:5px 8px !important;}
}
@media (max-width:760px){
  body.audience-gastronom .step-label{font-size:11px !important;}
}

/* PROEventFarm x Gastronomie: warme Braun-/Goldwelt nach dem gelieferten Logo und Küchenbild. */
body.audience-gastronom #proeventfarm{
  --pf-brown:#6B472C;
  --pf-brown-deep:#3A291F;
  --pf-caramel:#C3894F;
  --pf-gold:#D3A06B;
  --pf-cream:#F5EEE6;
  --pf-paper:#FBF7F2;
  --pf-line:#D9C4AE;
  background:var(--pf-paper) !important;
  color:var(--pf-brown-deep);
  border-top:1px solid var(--pf-line);
}
body.audience-gastronom #proeventfarm .land-content{display:none !important;}
body.audience-gastronom #proeventfarm .gastro-content{display:block !important;}
body.audience-gastronom .proeventfarm-gastro-shell{padding:86px 0 96px;}
body.audience-gastronom .proeventfarm-gastro-brand{
  display:flex; align-items:center; gap:26px; margin-bottom:34px;
}
body.audience-gastronom .proeventfarm-gastro-logo{
  width:112px; height:112px; object-fit:contain; flex:0 0 auto;
}
body.audience-gastronom .proeventfarm-gastro-brand .eyebrow{
  color:var(--pf-caramel) !important;
}
body.audience-gastronom .proeventfarm-gastro-brand .eyebrow::before{
  background:var(--pf-caramel) !important;
}
body.audience-gastronom .proeventfarm-gastro-brand h2{
  color:var(--pf-brown-deep);
  max-width:780px;
  margin-bottom:0;
}
body.audience-gastronom .proeventfarm-gastro-hero{
  display:grid;
  grid-template-columns:.82fr 1.18fr;
  gap:28px;
  align-items:stretch;
}
body.audience-gastronom .proeventfarm-gastro-copy{
  background:var(--pf-brown-deep);
  color:#fff;
  padding:42px 40px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  border-radius:10px;
}
body.audience-gastronom .proeventfarm-gastro-copy .lead{
  color:rgba(255,255,255,.88);
  max-width:52ch;
}
body.audience-gastronom .proeventfarm-gastro-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:max-content;
  margin-top:10px;
  padding:13px 18px;
  border-radius:5px;
  background:var(--pf-caramel);
  color:#fff;
  text-decoration:none;
  font-family:var(--nav);
  font-size:12px;
  letter-spacing:.03em;
  font-weight:700;
}
body.audience-gastronom .proeventfarm-gastro-image{
  min-height:430px;
  overflow:hidden;
  border-radius:10px;
  background:#2E2923;
}
body.audience-gastronom .proeventfarm-gastro-image img{
  width:100%; height:100%; min-height:430px; display:block;
  object-fit:cover; object-position:center;
}
body.audience-gastronom .proeventfarm-gastro-points{
  display:grid; grid-template-columns:repeat(3,1fr);
  gap:1px; margin-top:28px;
  background:var(--pf-line);
  border:1px solid var(--pf-line);
  border-radius:10px; overflow:hidden;
}
body.audience-gastronom .proeventfarm-gastro-point{
  background:#fff; padding:28px 26px;
}
body.audience-gastronom .proeventfarm-gastro-point .pf-num,
body.audience-gastronom .proeventfarm-gastro-offer .pf-kicker{
  display:block; color:var(--pf-caramel);
  font-family:var(--nav); font-size:11px; font-weight:700;
  letter-spacing:.09em; margin-bottom:11px;
}
body.audience-gastronom .proeventfarm-gastro-point h3{
  color:var(--pf-brown-deep); font-size:19px; margin-bottom:8px;
}
body.audience-gastronom .proeventfarm-gastro-point p,
body.audience-gastronom .proeventfarm-gastro-offer p{
  color:#6B625B; font-family:var(--nav); font-size:13.5px; line-height:1.65;
}
body.audience-gastronom .proeventfarm-gastro-offer{
  margin-top:28px; padding:34px 36px;
  background:var(--pf-cream);
  border:1px solid var(--pf-line);
  border-radius:10px;
}
body.audience-gastronom .proeventfarm-gastro-offer h3{
  color:var(--pf-brown-deep); font-size:25px; margin-bottom:8px;
}
body.audience-gastronom .proeventfarm-gastro-tags{
  display:flex; flex-wrap:wrap; gap:8px; margin-top:18px;
}
body.audience-gastronom .proeventfarm-gastro-tags span{
  padding:8px 11px; border:1px solid #C9A983;
  border-radius:999px; color:var(--pf-brown);
  background:rgba(255,255,255,.55);
  font-family:var(--nav); font-size:11px;
}
@media (max-width:820px){
  body.audience-gastronom .proeventfarm-gastro-brand{align-items:flex-start;}
  body.audience-gastronom .proeventfarm-gastro-logo{width:86px;height:86px;}
  body.audience-gastronom .proeventfarm-gastro-hero{grid-template-columns:1fr;}
  body.audience-gastronom .proeventfarm-gastro-image,
  body.audience-gastronom .proeventfarm-gastro-image img{min-height:300px;}
  body.audience-gastronom .proeventfarm-gastro-points{grid-template-columns:1fr;}
}
@media (max-width:520px){
  body.audience-gastronom .proeventfarm-gastro-shell{padding:60px 0 70px;}
  body.audience-gastronom .proeventfarm-gastro-brand{gap:16px; margin-bottom:24px;}
  body.audience-gastronom .proeventfarm-gastro-logo{width:68px;height:68px;}
  body.audience-gastronom .proeventfarm-gastro-copy{padding:30px 25px;}
  body.audience-gastronom .proeventfarm-gastro-offer{padding:27px 24px;}
}

/* ===== gastro-final-navigation-and-seesushi ===== */
/* Gastronomie: Navigation klar und vollständig weiß. */
body.audience-gastronom .step-label,
body.audience-gastronom .step-item.done .step-label,
body.audience-gastronom .step-item.active .step-label,
body.audience-gastronom .step-label.gastro-label{
  color:#FFFFFF !important;
  text-shadow:none !important;
}
/* Gastronomie: PROEventFarm wird direkt von Aquaponik gefolgt. */
body.audience-gastronom .gastro-technik-nav{display:flex !important;}
/* PROEventFarm immer in der gewünschten Schreibweise darstellen, nicht als PROEVENTFARM. */
.gastro-proevent-nav .step-label{ text-transform:none !important; }
body.audience-gastronom .gastro-nav-item .step-label{color:#FFFFFF !important;}
/* SeeSushi-CTA */
body.audience-gastronom .seesushi-cta{
  display:inline-flex;
  margin-top:22px;
  background:#2F6B4F;
  border-color:#2F6B4F;
  color:#FFFFFF;
}
body.audience-gastronom .seesushi-cta:hover{
  background:#24563F;
  border-color:#24563F;
  color:#FFFFFF;
}

/* ===== gastro-final-navigation-fix ===== */
/* Gastronomie: Navigationsschrift immer weiß. */
body.audience-gastronom .topbar .step-label,
body.audience-gastronom .topbar .step-label.gastro-label,
body.audience-gastronom .topbar .step-label.land-label,
body.audience-gastronom .topbar .step-item.done .step-label,
body.audience-gastronom .topbar .step-item.active .step-label,
body.audience-gastronom .topbar .page-pill{color:#FFFFFF !important;text-shadow:none !important;}
body.audience-gastronom .topbar .step-item.active .step-label{font-weight:700;}
/* SeeSushi: klarer CTA-Button. */
body.audience-gastronom .seesushi-cta{display:inline-flex !important;align-items:center;justify-content:center;min-height:46px;padding:12px 20px;border-radius:6px;background:#2F6B4F !important;border:1px solid #2F6B4F !important;color:#FFFFFF !important;font-weight:700;text-decoration:none;}
body.audience-gastronom .seesushi-cta:hover{background:#24563F !important;border-color:#24563F !important;color:#FFFFFF !important;}

/* ===== gastro-content-order-final ===== */
/* Gastronomie-Dramaturgie: Möglichkeiten → SeeSushi → PROEventFarm → Aquaponik. */
body.audience-gastronom #page-home{
  display:flex;
  flex-direction:column;
}
body.audience-gastronom #page-home > section#start{order:0;}
body.audience-gastronom #page-home > section#zielgruppe{order:1;}
body.audience-gastronom #page-home > section#konzept{order:2;}
body.audience-gastronom #page-home > section#bauprozess{order:3;}
body.audience-gastronom #page-home > section#vorteile{order:4;}
body.audience-gastronom #page-home > section#proeventfarm{order:5;}
body.audience-gastronom #page-home > section#technik{order:6;}
body.audience-gastronom #page-home > section#referenzen{order:7;}
body.audience-gastronom #page-home > section#darueber-hinaus{order:8;}
body.audience-gastronom #page-home > section.band-deep.tight{order:9;}
body.audience-gastronom #page-home > footer{order:10;}

/* ===== final-green-theme-pass ===== */
  /* Letzte Farbangleichung: Blau- und Rosatöne der gesamten Landingpage konsequent durch die PROAquaponik-Grünwelt ersetzen. */
  body.at-home:not(.audience-landwirt):not(.audience-gastronom){
    --turq:#79B59A;
    --turq-soft:#E3F0E9;
    --line:#C6DDD1;
  }
  body.at-home:not(.audience-landwirt):not(.audience-gastronom) .hero h1 em,
  body.at-home:not(.audience-landwirt):not(.audience-gastronom) .hero .eyebrow,
  body.at-home:not(.audience-landwirt):not(.audience-gastronom) .stat .num,
  body.at-home:not(.audience-landwirt):not(.audience-gastronom) .proof .num{color:#79B59A !important;}
  body.at-home:not(.audience-landwirt):not(.audience-gastronom) .hero .eyebrow::before{background:#79B59A !important;}
  body.at-home:not(.audience-landwirt):not(.audience-gastronom) .btn-primary{background:#5C9B78 !important;border-color:#5C9B78 !important;color:#fff !important;}
  body.at-home:not(.audience-landwirt):not(.audience-gastronom) .btn-primary:hover{background:#6FA889 !important;border-color:#6FA889 !important;}
  body.at-home:not(.audience-landwirt):not(.audience-gastronom) .hero .btn-outline{border-color:rgba(121,181,154,.72) !important;color:#79B59A !important;}
  body.at-home:not(.audience-landwirt):not(.audience-gastronom) .hero .btn-outline:hover{background:#79B59A !important;color:#173324 !important;border-color:#79B59A !important;}

  /* Unterthema Kooperation: alle Unterpunkte bleiben auf dem dunklen Header klar lesbar. */
  body.cooperation-active .step-label{color:#FFFFFF !important;}
  body.cooperation-active .step-item.done .step-label,
  body.cooperation-active .step-item.active .step-label{color:#FFFFFF !important;}
  body.cooperation-active .step-item.active .step-label{text-shadow:0 0 6px rgba(121,181,154,.65) !important;}
  body.cooperation-active .page-pill.current{background:#5C9B78 !important;border-color:#5C9B78 !important;color:#FFFFFF !important;}

  /* Kooperation: ruhige, durchgehend grüne Markenwelt. */
  #darueber-hinaus.cooperation-section{
    background:#EAF3F1 !important;
    border-top:1px solid #C8E3E4 !important;
    border-bottom:1px solid #C8E3E4 !important;
  }
  #darueber-hinaus .coop-kicker,
  #darueber-hinaus .coop-intro h2 em,
  #darueber-hinaus .coop-fish-copy h3 em{color:#5C9B78 !important;}
  #darueber-hinaus .coop-quote{border-left-color:#5C9B78 !important;background:rgba(92,155,120,.10) !important;}
  #darueber-hinaus .coop-model{background:#2F6048 !important;}
  #darueber-hinaus .coop-animation-cap{color:#2F6048 !important;}
  #darueber-hinaus .coop-offer .num{color:#5C9B78 !important;}
  #darueber-hinaus .coop-fish-stat .big{color:#5C9B78 !important;}
  #darueber-hinaus .coop-cta{background:#5C9B78 !important;border-color:#5C9B78 !important;}
  #darueber-hinaus .coop-workshops{background:linear-gradient(135deg,rgba(153,214,180,.24),rgba(121,181,154,.16)) !important;}
  #darueber-hinaus .coop-final{background:linear-gradient(90deg,rgba(92,155,120,.08),rgba(121,181,154,.10)) !important;}

  /* Über uns / Kontakt: ebenfalls grün statt Blau. */
  body.page-about-active, body.page-contact-active{--section-accent:#5C9B78 !important;}
  body.page-about-active .page-intro, body.page-contact-active .page-intro{background:#5C9B78 !important;}
  body.page-about-active .page-intro .eyebrow, body.page-contact-active .page-intro .eyebrow{color:#FFFFFF !important;}
  body.page-about-active .page-intro .eyebrow::before, body.page-contact-active .page-intro .eyebrow::before{background:#FFFFFF !important;}
  body.page-about-active .page-intro h1 em, body.page-contact-active .page-intro h1 em{color:#E3F0E9 !important;}
  body.page-about-active .page-pill.current, body.page-contact-active .page-pill.current{background:#5C9B78 !important;border-color:#5C9B78 !important;color:#FFFFFF !important;}
  body.page-about-active .page-pill:hover, body.page-contact-active .page-pill:hover{border-color:#79B59A !important;}

  /* Zielgruppen-Auswahl: auch die frühere blaue Gastro-Markierung bleibt grün. */
  .audience-choice-card.gastro-card::before{background:#B9D8C7 !important;}
  .audience-choice-card.gastro-card.selected{border-color:#79B59A !important;}
  .audience-choice-card.gastro-card.selected::before{background:#5C9B78 !important;}

/* ===== final-theme-consistency ===== */
/* Final harmonization: both audience worlds use identical navigation sizing; only colors differ. */
.topbar, .topbar.compact{--nav-py:10px; border-bottom-width:1px;}
.topbar-inner, .topbar.compact .topbar-inner{padding:10px 24px; gap:18px;}
.logo-mark, .topbar.compact .logo-mark{width:34px;height:34px;}
.logo, .topbar.compact .logo{font-size:15px;}
.logo-pro, .topbar.compact .logo-pro{font-size:15px;letter-spacing:-.01em;font-weight:700;}
.step-label, .topbar.compact .step-label{font-size:12px;letter-spacing:.055em;}
.page-pill, .topbar.compact .page-pill{padding:5px 11px;font-size:12px;}

/* The brand wordmark always follows the color of the navigation subtopics. */
body.audience-landwirt .logo .logo-pro, body.audience-landwirt .logo .logo-name, body.audience-landwirt .logo .logo-name span,
body.audience-landwirt .step-label, body.audience-landwirt .step-item.done .step-label { color:#5D9D74 !important; }
body.audience-gastronom .logo .logo-pro, body.audience-gastronom .logo .logo-name, body.audience-gastronom .logo .logo-name span,
body.audience-gastronom .step-label, body.audience-gastronom .step-item.done .step-label { color:#79B59A !important; }
body.audience-landwirt .step-item.active .step-label, body.audience-gastronom .step-item.active .step-label { color:#fff !important; }

/* Reference figures: strong contrast in both audience worlds. */
body.audience-landwirt .proof .num, body.audience-gastronom .proof .num { color:#fff !important; text-shadow:0 1px 8px rgba(0,0,0,.16); }

/* Landwirt navigation uses the same compact layout as Gastronomie. */
body.audience-landwirt .step-label, body.audience-gastronom .step-label { max-width:none; overflow:visible; text-overflow:clip; white-space:nowrap; }

/* Direct start / contact / about block */
#darueber-hinaus .start-choice{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;}
#darueber-hinaus .start-choice-actions{display:flex;gap:10px;flex-wrap:wrap;}
#darueber-hinaus .start-choice-actions a{display:inline-flex;align-items:center;justify-content:center;padding:11px 17px;border:1px solid var(--deep);color:var(--deep);font-family:var(--nav);font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;border-radius:3px;}
#darueber-hinaus .start-choice-actions a.primary{background:var(--deep);color:#fff;}
@media(max-width:760px){.topbar-inner,.topbar.compact .topbar-inner{padding:10px 14px;gap:10px;} .step-label,.topbar.compact .step-label{font-size:11px;}}

/* ===== proeventfarm-land-enhancement ===== */
/* PROEventFarm: bestehende Sektion, keine zusätzliche Sektion. */
body.audience-landwirt #proeventfarm{
  --pf-brown:#6B472C;
  --pf-brown-deep:#3A291F;
  --pf-caramel:#C3894F;
  --pf-gold:#D3A06B;
  --pf-cream:#F5EEE6;
  --pf-paper:#FBF7F2;
  --pf-line:#D9C4AE;
  background:var(--pf-paper) !important;
  color:var(--pf-brown-deep);
  border-top:1px solid var(--pf-line);
}
body.audience-landwirt #proeventfarm .proeventfarm-land-brand{
  display:flex;align-items:center;gap:26px;margin-bottom:34px;
}
body.audience-landwirt #proeventfarm .proeventfarm-land-logo{
  width:112px;height:112px;object-fit:contain;flex:0 0 auto;
}
body.audience-landwirt #proeventfarm .proeventfarm-land-brand .eyebrow{color:var(--pf-caramel) !important;}
body.audience-landwirt #proeventfarm .proeventfarm-land-brand .eyebrow::before{background:var(--pf-caramel) !important;}
body.audience-landwirt #proeventfarm .proeventfarm-land-brand h2{color:var(--pf-brown-deep);max-width:820px;margin-bottom:0;}
body.audience-landwirt #proeventfarm .eventfarm-hero{grid-template-columns:.82fr 1.18fr;gap:28px;}
body.audience-landwirt #proeventfarm .eventfarm-copy{background:var(--pf-brown-deep);color:#fff;padding:42px 40px;border-radius:10px;}
body.audience-landwirt #proeventfarm .eventfarm-copy h2{color:#fff;}
body.audience-landwirt #proeventfarm .eventfarm-copy .eyebrow{color:var(--pf-gold) !important;}
body.audience-landwirt #proeventfarm .eventfarm-copy .eyebrow::before{background:var(--pf-gold) !important;}
body.audience-landwirt #proeventfarm .eventfarm-copy .lead{color:rgba(255,255,255,.9);}
body.audience-landwirt #proeventfarm .eventfarm-image{border-radius:10px;background:#2E2923;box-shadow:0 8px 28px rgba(58,41,31,.16);}
body.audience-landwirt #proeventfarm .eventfarm-image .cap{background:linear-gradient(to top,rgba(58,41,31,.9),transparent);}
body.audience-landwirt #proeventfarm .eventfarm-pillars{grid-template-columns:repeat(2,1fr);background:var(--pf-line);border-color:var(--pf-line);}
body.audience-landwirt #proeventfarm .eventfarm-pillar{background:#fff;}
body.audience-landwirt #proeventfarm .eventfarm-pillar .num{color:var(--pf-caramel);}
body.audience-landwirt #proeventfarm .eventfarm-pillar h3{color:var(--pf-brown-deep);}
body.audience-landwirt #proeventfarm .eventfarm-pillar p{color:#6B625B;}
body.audience-landwirt #proeventfarm .eventfarm-offer{background:var(--pf-cream);border-left-color:var(--pf-caramel);}
body.audience-landwirt #proeventfarm .eventfarm-offer h3{color:var(--pf-brown-deep);}
body.audience-landwirt #proeventfarm .eventfarm-offer p{color:#6B625B;}
body.audience-landwirt #proeventfarm .eventfarm-tag{border-color:#C9A983;color:var(--pf-brown-deep);background:rgba(255,255,255,.75);}
body.audience-landwirt #proeventfarm .btn-primary{background:var(--pf-caramel);border-color:var(--pf-caramel);color:#fff;}

/* Landwirt-Abschlussbereich: hoher Kontrast auf dem hellen Grün. */
body.audience-landwirt #page-home > section.band-deep.tight{background:#99D6B4 !important;color:#173324;}
body.audience-landwirt #page-home > section.band-deep.tight .eyebrow,
body.audience-landwirt #page-home > section.band-deep.tight h2{color:#173324 !important;}
body.audience-landwirt #page-home > section.band-deep.tight .eyebrow::before{background:#2F6048 !important;}
body.audience-landwirt #page-home > section.band-deep.tight p{color:#315443 !important;}
body.audience-landwirt #page-home > section.band-deep.tight .btn-primary{background:#2F6048 !important;border-color:#2F6048 !important;color:#fff !important;}
body.audience-landwirt #page-home > section.band-deep.tight .btn-outline{border-color:#2F6048 !important;color:#2F6048 !important;}
body.audience-landwirt #page-home > footer{background:#173324 !important;color:#EAF5EE !important;}
body.audience-landwirt #page-home > footer span,
body.audience-landwirt #page-home > footer a{color:#DCEDE3 !important;}

@media(max-width:900px){
  body.audience-landwirt #proeventfarm .proeventfarm-land-brand{align-items:flex-start;}
  body.audience-landwirt #proeventfarm .proeventfarm-land-logo{width:86px;height:86px;}
  body.audience-landwirt #proeventfarm .eventfarm-hero{grid-template-columns:1fr;}
  body.audience-landwirt #proeventfarm .eventfarm-pillars{grid-template-columns:1fr;}
}

/* ===== styles ===== */
/* Landwirt: 07 · Bewährte Praxis – Textkontrast */
body.audience-landwirt #referenzen,
body.audience-landwirt #referenzen .section-title,
body.audience-landwirt #referenzen h2,
body.audience-landwirt #referenzen h3,
body.audience-landwirt #referenzen p,
body.audience-landwirt #referenzen .eyebrow,
body.audience-landwirt #referenzen .card,
body.audience-landwirt #referenzen .card *,
body.audience-landwirt #referenzen .ref-card,
body.audience-landwirt #referenzen .ref-card * { color:#173324 !important; }

  /* ---------- Icons statt Emojis ---------- */
  .benefit .ico{width:48px; height:48px; display:flex; align-items:center; justify-content:center; border-radius:50%; margin-bottom:14px; color:var(--deep); background:rgba(97,191,194,.13); border:1px solid rgba(97,191,194,.28); font-size:0;}
  .benefit .ico svg{width:28px; height:28px;}
  .toggle-btn .tb-ico{display:inline-flex; vertical-align:-4px; margin-right:7px;}
  .toggle-btn .tb-ico svg{width:19px; height:19px;}
  .privacy-note .pn-ico{display:inline-flex; flex-shrink:0; margin-top:1px;}
  .privacy-note .pn-ico svg{width:15px; height:15px;}
  .flags > span{display:inline-flex; align-items:center; gap:6px;}
  .flags .flag-ico{display:inline-flex;}
  .flags .flag-ico svg{width:14px; height:14px;}

/* ===== styles ===== */
  /* ---------- Kontakt: bessere Lesbarkeit ---------- */
  .modal-card .modal-address{color:#D6E8E5 !important;}
  .modal-card .modal-tag{color:#CDEBDC !important;}
  .modal-card label{color:#EEF6F4 !important;}
  .modal-card .modal-close{color:#EEF6F4 !important;}
  .modal-card .toggle-btn:not(.active){color:#EEF6F4 !important; border-color:rgba(255,255,255,0.35) !important;}
  .modal-card .toggle-btn.active{color:#0B2427 !important;}
  .modal-card input, .modal-card textarea, .modal-card select{color:#FFFFFF !important; border-color:rgba(255,255,255,0.32) !important; background:rgba(255,255,255,0.08) !important;}
  .modal-card input::placeholder, .modal-card textarea::placeholder{color:#A9C7C4 !important; opacity:1;}
  .modal-card .privacy-note{color:#D6E8E5 !important;}
  html body .modal-card .btn.btn-primary[type="submit"]{background:#79B59A !important; color:#0B2427 !important; border-color:#79B59A !important;}
  html body .modal-card .btn.btn-primary[type="submit"]:hover{background:#8FC6AC !important; border-color:#8FC6AC !important;}

/* ===== cooperation-original-home-theme-final ===== */
/* SeeSushi / Kooperation: zurück zur neutralen Original-Farbwelt der Startseite. */
body.cooperation-active{
  --deep:#0B5450;
  --teal:#0B5450;
  --turq:#61BFC2;
  --turq-soft:#D8F0F1;
  --paper:#EAF3F1;
  --paper-dim:#E0EEEB;
  --sand:#EAF3F1;
  --ink:#1C1C1C;
  --ink-soft:#4A4A4A;
  --line:#C8E3E4;
  --green:#4D7236;
  --theme-dark:#0B5450;
  --theme-accent:#61BFC2;
}
body.cooperation-active .topbar{
  background:#0B5450 !important;
  border-bottom-color:rgba(97,191,194,.25) !important;
}
body.cooperation-active .step-item.active .step-label{
  color:#FFFFFF !important;
  text-shadow:0 0 6px rgba(97,191,194,.55) !important;
}
body.cooperation-active .page-pill.current{
  background:#61BFC2 !important;
  border-color:#61BFC2 !important;
  color:#0B5450 !important;
}
#darueber-hinaus.cooperation-section{
  background:#EAF3F1 !important;
  border-top:1px solid #C8E3E4 !important;
  border-bottom:1px solid #C8E3E4 !important;
}
#darueber-hinaus .coop-kicker{
  color:#61BFC2 !important;
}
#darueber-hinaus .coop-intro h2 em{
  color:#B6872F !important;
}
#darueber-hinaus .coop-quote{
  border-left-color:#61BFC2 !important;
  background:rgba(97,191,194,.10) !important;
}
#darueber-hinaus .coop-model{
  background:#0B5450 !important;
  color:#FFFFFF !important;
}
#darueber-hinaus .coop-model .eyebrow::before{background:#61BFC2 !important;}
#darueber-hinaus .coop-animation-cap{color:#0B5450 !important;}

/* ===== Aus Alt mach Neu – Video unter dem Hero ===== */
#aus-alt-mach-neu{border-top:1px solid rgba(191,237,227,.12); padding:72px 0 84px;}
#aus-alt-mach-neu .intro-video-frame{position:relative; border-radius:16px; overflow:hidden; background:#0B2427; box-shadow:0 14px 40px rgba(0,0,0,.35); aspect-ratio:16/9;}
#aus-alt-mach-neu .intro-video-frame video{display:block; width:100%; height:100%; object-fit:cover; background:#0B2427;}
@media (max-width:760px){ #aus-alt-mach-neu{padding:52px 0 60px;} #aus-alt-mach-neu .intro-video-frame{border-radius:12px;} }
body.audience-gastronom #aus-alt-mach-neu{order:1;}

/* ===== AquaSushi Member – hervorgehobener Button in der Menüleiste ===== */
body .topbar .page-pill.member-pill{background:#F2C46B !important; border-color:#F2C46B !important; color:#0B2427 !important; font-weight:700 !important; text-shadow:none !important;}
body .topbar .page-pill.member-pill:hover{background:#F6D48E !important; border-color:#F6D48E !important; color:#0B2427 !important;}
@media (max-width:1680px){ body.audience-gastronom .member-pill .mp-long{display:none;} }
@media (max-width:1200px){ .member-pill .mp-long{display:none;} }
@media (max-width:520px){
  body .topbar .page-links{gap:4px !important;}
  body .topbar .page-pill, body .topbar.compact .page-pill{padding:5px 7px !important; font-size:10.5px !important; letter-spacing:.02em !important;}
}
@media (max-width:520px){
  body .topbar .logo{gap:6px !important;}
  body .topbar .logo-mark{width:28px !important; height:28px !important;}
  body .topbar .logo-name, body .topbar .logo-pro{font-size:14px !important;}
  body .topbar .step-connector.lead{display:none !important;}
}

/* ===== Aus Alt mach Neu – gestaltetes Startbild ===== */
#aus-alt-mach-neu .iv-cover{position:absolute; inset:0; width:100%; height:100%; padding:0; border:0; cursor:pointer; background:url("../assets/img/aus-alt-mach-neu-vorschau.jpg") center/cover no-repeat; color:#fff; font-family:var(--body); text-align:left; transition:opacity .35s ease;}
#aus-alt-mach-neu .iv-cover::after{content:""; position:absolute; inset:0; background:radial-gradient(circle at 50% 50%,rgba(11,36,39,0) 0,rgba(11,36,39,.25) 70%); pointer-events:none;}
#aus-alt-mach-neu .iv-chip{position:absolute; top:22px; z-index:1; font-family:var(--nav); font-size:12px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; padding:7px 12px; border-radius:3px;}
#aus-alt-mach-neu .iv-chip-alt{left:22px; background:rgba(11,36,39,.72); color:#BFEDE3; border:1px solid rgba(191,237,227,.35);}
#aus-alt-mach-neu .iv-chip-neu{right:22px; background:#F2C46B; color:#0B2427;}
#aus-alt-mach-neu .iv-play{position:absolute; left:50%; top:50%; z-index:1; width:96px; height:96px; margin:-48px 0 0 -48px; border-radius:50%; background:#F2C46B; color:#0B2427; display:flex; align-items:center; justify-content:center; box-shadow:0 0 0 10px rgba(242,196,107,.22),0 14px 34px rgba(0,0,0,.35); transition:transform .25s ease, box-shadow .25s ease;}
#aus-alt-mach-neu .iv-play svg{width:46px; height:46px; margin-left:5px;}
#aus-alt-mach-neu .iv-cover:hover .iv-play,#aus-alt-mach-neu .iv-cover:focus-visible .iv-play{transform:scale(1.07); box-shadow:0 0 0 16px rgba(242,196,107,.18),0 18px 40px rgba(0,0,0,.4);}
#aus-alt-mach-neu .iv-cover:focus-visible{outline:3px solid #F2C46B; outline-offset:-3px;}
#aus-alt-mach-neu .iv-caption{position:absolute; left:32px; bottom:28px; z-index:1; display:flex; flex-direction:column; gap:6px;}
#aus-alt-mach-neu .iv-title{font-size:clamp(24px,3.2vw,44px); font-weight:700; line-height:1.05; color:#fff;}
#aus-alt-mach-neu .iv-title em{font-style:italic; color:#F2C46B;}
#aus-alt-mach-neu .iv-meta{font-family:var(--nav); font-size:12.5px; letter-spacing:.1em; text-transform:uppercase; color:#BFEDE3;}
#aus-alt-mach-neu .intro-video-frame.is-playing .iv-cover{opacity:0; pointer-events:none;}
@media (max-width:760px){
  #aus-alt-mach-neu .iv-chip{top:12px; font-size:9.5px; padding:5px 8px; letter-spacing:.08em;}
  #aus-alt-mach-neu .iv-chip-alt{left:12px;} #aus-alt-mach-neu .iv-chip-neu{right:12px;}
  #aus-alt-mach-neu .iv-play{width:64px; height:64px; margin:-32px 0 0 -32px; box-shadow:0 0 0 7px rgba(242,196,107,.22),0 10px 24px rgba(0,0,0,.35);}
  #aus-alt-mach-neu .iv-play svg{width:30px; height:30px; margin-left:3px;}
  #aus-alt-mach-neu .iv-caption{left:14px; bottom:12px; gap:3px;}
  #aus-alt-mach-neu .iv-meta{font-size:10px;}
}
@media (max-width:760px){ #aus-alt-mach-neu .iv-chip-more{display:none;} }

/* ===== Über uns: Partner Dominik Edlinger ===== */
.partner-feature{display:grid; grid-template-columns:minmax(240px,380px) 1fr; gap:48px; align-items:center; margin-top:64px; padding:32px; border:1px solid rgba(11,84,80,0.18); background:var(--paper); border-radius:4px;}
.partner-photo{margin:0; border-radius:4px; overflow:hidden; aspect-ratio:4/5; box-shadow:0 8px 28px rgba(11,36,39,.14);}
.partner-photo img{width:100%; height:100%; object-fit:cover; object-position:50% 18%; display:block;}
.partner-copy .eyebrow{margin-bottom:12px;}
.partner-copy h3{font-family:var(--display); font-weight:900; font-size:clamp(24px,2.4vw,32px); color:var(--deep); margin-bottom:4px;}
.partner-copy .role{font-family:var(--nav); font-weight:300; font-size:12px; letter-spacing:.08em; text-transform:uppercase; color:var(--turq); margin-bottom:18px;}
.partner-copy p{font-size:15px; line-height:1.75; color:var(--ink-soft); margin-bottom:14px;}
.partner-copy .partner-lead{font-size:16px; color:var(--ink);}
@media (max-width:900px){ .partner-feature{grid-template-columns:1fr; gap:26px; padding:22px; margin-top:44px;} .partner-photo{max-width:360px;} }

/* ===== Über uns: Foto Manfred Hudjetz ===== */
.team-card .team-head{display:flex; align-items:center; gap:22px; margin-bottom:20px;}
.team-card .team-photo{margin:0; flex:0 0 140px; aspect-ratio:4/5; border-radius:4px; overflow:hidden; box-shadow:0 6px 20px rgba(11,36,39,.14);}
.team-card .team-photo img{width:100%; height:100%; object-fit:cover; object-position:50% 20%; display:block;}
.team-card .team-head h4{font-size:20px; margin-bottom:6px;}
.team-card .team-head .role{margin-bottom:0;}
@media (max-width:420px){ .team-card .team-photo{flex-basis:108px;} .team-card .team-head{gap:16px;} }
.team-card .team-photo{background:#fff;}

/* ===== Über uns: beide Personen im gleichen Format ===== */
.about-intro{max-width:1080px;}
.about-intro > p{max-width:820px;}
.about-intro .pillars{grid-template-columns:repeat(3,1fr); gap:28px; margin-top:30px;}
@media (max-width:900px){ .about-intro .pillars{grid-template-columns:1fr; gap:20px;} }
.person-feature + .partner-feature{margin-top:28px;}
.partner-photo.person-photo-light{background:#fff;}
.partner-photo.person-photo-light img{object-position:50% 0%;}

/* ===== Sprachumschalter ===== */
.lang-menu{position:relative; display:inline-block;}
.lang-menu > summary{list-style:none; cursor:pointer; display:inline-flex; align-items:center; gap:5px;}
.lang-menu > summary::-webkit-details-marker{display:none;}
.lang-menu > summary::after{content:""; width:5px; height:5px; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:rotate(45deg) translateY(-2px); opacity:.8;}
.lang-menu .lang-list{position:absolute; right:0; top:calc(100% + 8px); z-index:60; min-width:150px; background:#0B2427; border:1px solid rgba(191,237,227,.25); border-radius:6px; padding:6px; box-shadow:0 14px 34px rgba(0,0,0,.35); display:flex; flex-direction:column;}
.lang-menu .lang-list a{color:#DFF6F1; font-family:var(--nav); font-size:13px; letter-spacing:.04em; padding:9px 12px; border-radius:4px;}
.lang-menu .lang-list a:hover{background:rgba(191,237,227,.12);}
.lang-menu .lang-list a.current{color:#F2C46B; font-weight:700;}
.lang-footer{display:flex; gap:6px; margin-left:18px;}
.site-footer .lang-footer a{font-family:var(--nav); font-size:12px; letter-spacing:.08em; padding:3px 8px; border:1px solid rgba(127,160,160,.45); border-radius:3px; color:inherit; opacity:.85;}
.site-footer .lang-footer a.current{border-color:#F2C46B; color:#F2C46B; opacity:1;}
@media (max-width:520px){ body .topbar .lang-menu{display:none;} }
@media (max-width:1600px){ .member-pill .mp-long{display:none;} }
@media (max-width:1900px){ body.audience-gastronom .member-pill .mp-long{display:none;} }
body .topbar .lang-menu > summary.page-pill{padding-left:9px !important; padding-right:9px !important;}
@media (max-width:1500px){ body.audience-gastronom .topbar .step-label, body.audience-landwirt .topbar .step-label{letter-spacing:.02em !important; font-size:11.5px !important;} }
@media (max-width:1100px){ body .topbar .lang-menu{display:none;} }
@media (min-width:761px) and (max-width:1100px){ body.has-audience .topbar .step-item:not(.active) .step-label{display:none !important;} }

/* ===== Sprachumschalter auf allen Bildschirmgrößen sichtbar ===== */
@media (max-width:1100px){ body .topbar .lang-menu{display:inline-block !important;} }
@media (max-width:560px){
  body .topbar .logo-text-stack{display:none !important;}
  body .topbar .lang-menu > summary.page-pill{padding-left:7px !important; padding-right:7px !important;}
  .lang-menu .lang-list{min-width:140px;}
}
/* Auf Handys ist die Schritt-Navigation zu eng (war schon im Original überlagert) – dort ausblenden */
@media (max-width:760px){ body .topbar #stepperNav, body .topbar .step-connector.lead{display:none !important;} body .topbar #navFlow{justify-content:flex-start !important; flex:1 1 auto !important;} }