/* Landingpages für Berufsgruppen (beruf/*.html) und ATS-Landingpage */
.b-hero{padding:72px 0 56px}
.b-hero h1{font-size:clamp(34px,5vw,56px);max-width:900px;margin-bottom:18px}
.b-hero h1 em{font-style:normal;color:var(--accent)}
.b-hero .lead{margin-bottom:28px;max-width:760px}
.b-fakten{display:flex;flex-wrap:wrap;gap:10px 26px;margin-top:26px;font-size:15px;color:var(--ink-2)}
.b-fakten span::before{content:"✓ ";color:#2F9E5B;font-weight:700}
.b-sec{padding:64px 0}
.b-sec--hell{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.b-sec h2{margin-bottom:12px}
.b-drei{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px}
.b-karte{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px}
.b-karte--akzent{border-top:4px solid var(--accent)}
.b-karte h3{font-size:19px;margin-bottom:8px}
.b-karte p{font-size:15.5px;color:var(--ink-2)}
.b-zwei{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.b-liste{list-style:none;display:grid;gap:12px}
.b-liste li{background:var(--bg);border-radius:12px;padding:14px 16px 14px 44px;position:relative;font-size:16px}
.b-liste li::before{content:"✓";position:absolute;left:16px;top:13px;color:#2F9E5B;font-weight:700}
.b-beispiele{grid-template-columns:repeat(auto-fill,minmax(240px,300px));margin-top:28px}
.b-paket{display:flex;gap:32px;align-items:center;justify-content:space-between;background:var(--accent-2);border-radius:24px;padding:clamp(24px,4vw,44px)}
.b-paket p{color:var(--ink-2);max-width:680px}
.b-klein{font-size:14px;margin-top:10px}
.b-paket-cta{display:flex;flex-direction:column;align-items:center;gap:10px;flex:none}
.b-link{font-size:15px;color:var(--ink-2)}
.b-andere{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:28px;font-size:15px;align-items:center}
.b-andere a{color:var(--ink-2)}
@media(max-width:860px){.b-drei,.b-zwei{grid-template-columns:1fr}.b-paket{flex-direction:column;align-items:flex-start}.b-paket-cta{align-items:flex-start}}
.brotkrumen{font-size:14px;color:var(--muted);margin-bottom:18px}
.brotkrumen a{color:var(--muted)}
.tipps{list-style:none;counter-reset:tipp;display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:28px}
.tipps li{counter-increment:tipp;background:var(--bg);border-radius:var(--radius);padding:24px 24px 22px 74px;position:relative}
.tipps li::before{content:counter(tipp);position:absolute;left:22px;top:22px;width:36px;height:36px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font:700 17px Manrope,Inter,sans-serif}
.tipps h3{font-size:18px;margin-bottom:6px}
.tipps p{font-size:15.5px;color:var(--ink-2)}
@media(max-width:760px){.tipps{grid-template-columns:1fr}}
.geschenk-hinweis{display:flex;gap:28px;align-items:center;justify-content:space-between;background:var(--accent-2);border-radius:24px;padding:clamp(24px,4vw,40px)}
.geschenk-hinweis p{color:var(--ink-2);max-width:640px}
@media(max-width:760px){.geschenk-hinweis{flex-direction:column;align-items:flex-start}}

/* Geschenkgutschein kaufen */
.geschenk-form{display:grid;grid-template-columns:1fr 1fr;gap:28px 36px;margin-top:32px;align-items:start}
.gs-pakete{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;border:0;padding:0;margin:0}
.gs-paket input{position:absolute;opacity:0}
.gs-paket-in{display:block;position:relative;background:#fff;border:2px solid var(--line);border-radius:18px;padding:22px 20px;cursor:pointer;transition:.2s;height:100%}
.gs-paket-in .badge{position:absolute;top:-12px;left:18px}
.gs-paket-in b{font:700 20px Manrope,Inter,sans-serif;display:block}
.gs-preis{display:block;font:800 30px Manrope,Inter,sans-serif;margin:6px 0 10px}
.gs-paket-in ul{list-style:none;display:grid;gap:6px;font-size:14.5px;color:var(--ink-2)}
.gs-paket-in li::before{content:"✓ ";color:var(--accent);font-weight:700}
.gs-paket input:checked+.gs-paket-in{border-color:var(--accent);box-shadow:0 0 0 4px rgba(224,122,47,.15)}
.gs-paket input:focus-visible+.gs-paket-in{outline:3px solid var(--ink);outline-offset:2px}
.gs-felder{background:#fff;border-radius:22px;padding:clamp(20px,3vw,32px);box-shadow:0 10px 30px rgba(20,33,61,.06)}
.gs-zwei{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
.gs-zustellung{border:0;padding:0;margin:4px 0 14px}
.gs-zustellung legend{font-size:14px;font-weight:600;margin-bottom:8px}
.gs-zustellung .chk{margin-bottom:8px}
.gs-felder .btn{width:100%;justify-content:center;margin-top:6px}
.gs-stempel{align-self:center}
.gs-stempel .stempel{color:var(--accent);width:230px}
.gs-danke{background:#EAF6EF;border-radius:18px;padding:22px 24px;margin-top:24px;font-size:16.5px}
.gs-danke .test{margin-top:10px;font-size:14px}
@media(max-width:900px){.geschenk-form{grid-template-columns:1fr}.gs-pakete{grid-template-columns:1fr}.gs-zwei{grid-template-columns:1fr}.gs-stempel{display:none}}
.b-vier{grid-template-columns:repeat(4,1fr)}
@media(max-width:1000px){.b-vier{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.b-vier{grid-template-columns:1fr}}
.steps--5{grid-template-columns:repeat(5,1fr)}
@media(max-width:1000px){.steps--5{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.steps--5{grid-template-columns:1fr}}
.anfrage-form{max-width:860px;margin:30px auto 0}
.af-wuensche{border:0;padding:0;margin:0 0 14px;display:grid;grid-template-columns:repeat(2,1fr);gap:4px 18px}
.af-wuensche legend{font-size:14px;font-weight:600;margin-bottom:8px}
@media(max-width:600px){.af-wuensche{grid-template-columns:1fr}}
.anfrage-form .btn{width:100%;justify-content:center}
.anfrage-form .sub-head:first-of-type{margin-top:0;border-top:0;padding-top:0}

/* Rechtstexte (impressum.html, datenschutz.html, agb.html) */
.recht .wrap{max-width:820px}
.recht h1{font-size:clamp(30px,4.5vw,44px);margin-bottom:22px}
.recht h2{font-size:21px;margin:38px 0 10px;scroll-margin-top:90px}
.recht h3{font-size:17px;margin:22px 0 6px}
.recht p,.recht li{font-size:16px;color:var(--ink-2);line-height:1.65}
.recht p{margin-bottom:12px}
.recht ul{padding-left:20px;margin-bottom:14px;display:grid;gap:6px}
.recht a{text-decoration:underline;overflow-wrap:anywhere}
.recht code{font-size:.92em;overflow-wrap:anywhere}
.r-lead{font-size:17.5px!important;color:var(--ink)!important}
.r-inhalt{display:flex;flex-wrap:wrap;gap:8px 18px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px 22px;margin-bottom:10px;font-size:15px}
.r-inhalt a{color:var(--ink-2);text-decoration:none}
.r-inhalt a:hover{color:var(--accent)}
.r-kasten{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:clamp(20px,3vw,32px);margin-top:40px;scroll-margin-top:90px}
.r-kasten h2{margin-top:0}
.r-hinweis{font-size:14.5px!important;color:var(--muted)!important}
.r-linie{border-bottom:1px solid var(--ink-2);height:28px;margin-bottom:10px!important}
.r-stand{margin-top:32px;font-size:14px!important}
.r-entwurf{background:#FFF4D6;border:1px solid #E8C467;border-radius:12px;padding:14px 18px;margin-bottom:26px;font-size:15px!important;color:#5C4A12!important}
.r-pruefen{background:#FFE58A;color:#3D3000;padding:1px 4px;border-radius:4px}

/* Kündigungsknopf (kuendigen.html) */
.kd-info{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px 22px;margin:8px 0 26px}
.kd-info p{font-size:15px!important;margin-bottom:8px}
.kd-form{margin:0}
.kd-wahl{grid-template-columns:1fr}
.kd-honig{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.kd-bestaetigung{background:#EAF6EF;border:1px solid #BFE3CC;border-radius:var(--radius);padding:clamp(18px,3vw,28px);margin-bottom:24px}
.kd-bestaetigung h2{margin-top:0}
.kd-tabelle{width:100%;border-collapse:collapse;margin:14px 0;font-size:15px}
.kd-tabelle th,.kd-tabelle td{text-align:left;vertical-align:top;padding:8px 10px;border-bottom:1px solid #CFE8D8;overflow-wrap:anywhere}
.kd-tabelle th{width:38%;font-weight:600;color:var(--ink)}
@media print{header,footer,.kd-info,.brotkrumen,#kd-drucken,.wa-knopf,.chat-knopf,[class*="whatsapp"],[class*="chat"]{display:none!important}.kd-bestaetigung{border:0;background:none}}
