/* POPP Design-System: Tokens + Global Classes (generiert) */
:root{
  --popp-eins: #057f46;
  --popp-eins-h2: #9bebc4;
  --popp-eins-h3: #d6f6e6;   /* hellstes Mint — aktive Preis-Karte 23 ("POPP Eins h3", Feedback check 01) */
  --popp-eins-h1: #12b265;
  --popp-eins-dk1: #035730;
  --popp-eins-dk2: #003d1f;
  --popp-zwei-h2: #ebe8e6;
  --popp-zwei-h2a: #e0dcd9;   /* zartes Taupe-Grau — Teaser-Panel 11 ("POPP Zwei h2a", Feedback check 01) */
  --popp-zwei-h1: #b0a6a0;
  --popp-taupe: #bdb8af;   /* Taupe für Container-Hintergrund (Klasse .popp-bg-taupe, @20%) */
  --popp-zwei: #9f9289;
  --popp-zwei-dk1: #7d736d;
  --popp-zwei-dk2: #5e5852;
  --popp-zwei-dk3: #403a37;
  --popp-schwarz: #000000;
  --popp-weiss: #ffffff;
  --popp-panel: #f4f3f2;   /* = POPP Zwei h3: Content-Block-BG (Teaser 11, Mängel-Karte 16) — Audit B#5 / check 02 */
  --popp-radius: 4px;      /* Standard-Eckenradius (Karten/Felder/Boxen) — Audit B#6 */
  --popp-fb-max: 1283px;   /* Full-bleed-Container-Box @1400-Seite: Content ~1203, Seitenrand ~98px (PDF-Maßstab 1.0) */
  --popp-fb-pad: 98px;     /* Seitenrand (Page-Edge → Content) @1400 — für absolut positionierte Bänder (Hero-Kachel, Team-Box) */
  --popp-section-pad: 48px; /* vertikaler Abstand gestapelter Sektionen auf einer Seite (Gap=0 → .popp-section/.popp-band-panel tragen ihn); zentral tunebar */
  --popp-font-base: "Plus Jakarta Sans", system-ui, sans-serif;
  --popp-font-hand: "Caveat", cursive;
}
.popp-hauptmenue{font-family:var(--popp-font-base); font-weight:700; font-size:20px; line-height:26px; color:var(--popp-zwei-dk2);}
.popp-euro{font-family:var(--popp-font-base); font-weight:500; font-size:36px; line-height:36px; color:var(--popp-zwei-dk2);}
.popp-ft-aufz{font-family:var(--popp-font-base); font-weight:300; font-size:18px; line-height:26px; color:var(--popp-schwarz);}
.popp-h2{font-family:var(--popp-font-base); font-weight:700; font-size:30px; line-height:38px; color:var(--popp-eins); letter-spacing:0.02em; margin:0px 0px 0px 36px;}
.popp-footer-text{font-family:var(--popp-font-base); font-weight:300; font-size:15px; line-height:24px; color:var(--popp-zwei-h2);}
.popp-marginalien{font-family:var(--popp-font-base); font-weight:400; font-size:14px; line-height:20px; color:var(--popp-zwei-dk2);}
.popp-mb-submenue{font-family:var(--popp-font-base); font-weight:400; font-size:15px; line-height:18px; color:var(--popp-zwei-dk3);}
.popp-mb-hauptmenue{font-family:var(--popp-font-base); font-weight:700; font-size:28px; line-height:40px; color:var(--popp-zwei-dk2);}
.popp-akk-item{font-family:var(--popp-font-base);}
.popp-akk-head{font-family:var(--popp-font-base);}
.popp-akk-body{font-family:var(--popp-font-base);}
.popp-akk-chevron{font-family:var(--popp-font-base);}
.popp-akk-group{font-family:var(--popp-font-base);}
.popp-subline{font-family:var(--popp-font-hand); font-weight:500; font-size:37px; line-height:38px; color:var(--popp-schwarz); letter-spacing:0.025em;}
.popp-ft{font-family:var(--popp-font-base); font-weight:300; font-size:18px; line-height:26px; color:var(--popp-zwei-dk2);}
.popp-button-hell{font-family:var(--popp-font-base); font-weight:600; font-size:14px; line-height:26px; color:var(--popp-zwei-dk3); text-transform:uppercase; background-color:var(--popp-zwei-h1); border-radius:4px; padding:5px 45px 5px 45px; border:0;display:inline-block;text-decoration:none;cursor:pointer;letter-spacing:.13em;}
.popp-box{font-family:var(--popp-font-base); font-weight:300; font-size:15px; line-height:24px; color:var(--popp-schwarz);}
.popp-footer-h{font-family:var(--popp-font-base); font-weight:700; font-size:20px; line-height:26px; color:var(--popp-zwei-h2);}
.popp-container{max-width:1360px; padding:0px 40px 0px 40px; margin-inline:auto;}
.popp-button-kompakt{font-family:var(--popp-font-base); font-weight:600; font-size:14px; line-height:26px; color:var(--popp-weiss); text-transform:uppercase; background-color:var(--popp-eins); border-radius:4px; padding:5px 45px 5px 45px; border:0;display:inline-block;text-decoration:none;cursor:pointer;letter-spacing:.13em;}
.popp-h3{font-family:var(--popp-font-base); font-weight:700; font-size:20px; line-height:26px; color:var(--popp-zwei-dk2);}
.popp-button{font-family:var(--popp-font-base); font-weight:600; font-size:14px; line-height:26px; color:var(--popp-weiss); text-transform:uppercase; background-color:var(--popp-eins); border-radius:4px; padding:5px 45px 5px 45px; border:0;display:inline-block;text-decoration:none;cursor:pointer;letter-spacing:.13em;}
.popp-bu{font-family:var(--popp-font-base); font-weight:300; font-size:16px; line-height:20px; color:var(--popp-zwei-dk2); font-style:italic;}
.popp-footer-letzte-zeile{font-family:var(--popp-font-base); font-weight:400; font-size:14px; line-height:18px; color:var(--popp-zwei-h2); text-transform:uppercase; letter-spacing:.08em;}
.popp-submenue{font-family:var(--popp-font-base); font-weight:400; font-size:15px; line-height:18px; color:var(--popp-zwei-dk3);}
.popp-h1-kachel{font-family:var(--popp-font-base); font-weight:600; font-size:48px; line-height:51px; color:var(--popp-weiss);}
.popp-h1{font-family:var(--popp-font-base); font-weight:600; font-size:48px; line-height:51px; color:var(--popp-eins); padding-bottom:.14em;}
.popp-meta{font-family:var(--popp-font-base); font-weight:600; font-size:13px; color:var(--popp-zwei-dk1);}
/* Container-Hintergrund: Taupe #bdb8af @ 20% Deckkraft (Ergänzung 2026-07-02).
   Im Elementor-Editor als CSS-Klasse „popp-bg-taupe" am Container setzen. */
.popp-bg-taupe{background-color:color-mix(in srgb, var(--popp-taupe) 20%, transparent);}