/*
Theme Name: agenda.N V2
Theme URI: https://www.agenda-n.de
Author: agenda.N
Description: Variante A (kompakte Startseite). Schlankes Theme für agenda.N. Kein Page Builder, keine Plugins nötig. Seiten werden bei der Aktivierung automatisch angelegt.
Version: 2.2.54
Requires at least: 6.0
Requires PHP: 7.4
License: Proprietary
Text Domain: agenda-n
*/

/* Schrift laut CI: Source Sans Pro (Copy und Web-Headline). Selbst gehostet, siehe README.md. */
@font-face{font-family:'Source Sans Pro';font-weight:300;font-style:normal;font-display:swap;src:local('Source Sans Pro Light'),local('SourceSansPro-Light'),local('Source Sans 3 Light'),url('assets/fonts/source-sans-pro-300.woff2') format('woff2')}
@font-face{font-family:'Source Sans Pro';font-weight:400;font-style:normal;font-display:swap;src:local('Source Sans Pro'),local('SourceSansPro-Regular'),local('Source Sans 3'),url('assets/fonts/source-sans-pro-400.woff2') format('woff2')}
@font-face{font-family:'Source Sans Pro';font-weight:600;font-style:normal;font-display:swap;src:local('Source Sans Pro SemiBold'),local('SourceSansPro-SemiBold'),local('Source Sans 3 SemiBold'),url('assets/fonts/source-sans-pro-600.woff2') format('woff2')}

/* CI-Farben laut CI-Vorgaben (21.04.2022), RGB-Werte aus dem PDF */
:root{
  --blue:#497e9d;      /* 70C/0M/0Y/43K */
  --green:#84ad52;     /* 60C/0M/85Y/8K */
  --magenta:#aa3787;   /* 22C/90M/0Y/0K */
  --gray:#646b70;      /* 15C/0M/0Y/70K */
  --deep:#31683c;      /* Mischfarbe Blau x Grün */
  --brown:#5f3b39;     /* Mischfarbe Grün x Magenta */
  --petrol:#1d3545;    /* Mischfarbe Blau x Grau, für Über uns */
  /* Abstufungen (Tints) der CI-Farben */
  --blue-10:#edf2f5;--blue-20:#dbe5eb;--blue-30:#c8d8e2;
  --green-10:#f3f7ee;--green-20:#e6efdc;
  --magenta-10:#f6ebf3;--magenta-20:#eed7e7;
  --gray-10:#f0f0f1;--gray-20:#e0e1e2;--gray-30:#d0d3d4;
  /* Text: CI-Grau, plus ein dunklerer Ton derselben Familie für Betonung */
  --text:#2f3437;
  --text-soft:#646b70;
  --line:#d0d3d4;
  --bg:#f7f9fa;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:'Source Sans Pro','Source Sans 3',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;font-weight:400;color:var(--text-soft);background:var(--bg);line-height:1.5}
a{color:inherit;text-decoration:none}
img,svg{max-width:100%}
.navlink:hover{text-decoration:underline;text-underline-offset:6px}
.btn:hover{filter:brightness(.93)}
.card{transition:transform .15s ease}
.card:hover{transform:translateY(-3px)}
:focus-visible{outline:3px solid var(--magenta);outline-offset:3px}
.skip-link{position:absolute;left:-9999px;top:0;background:#fff;color:#000;padding:12px 18px;z-index:100}
.skip-link:focus{left:8px;top:8px}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.nav-main ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 14px;font-size:15px;font-weight:600}
.nav-main li{margin:0}
.nav-main .current-menu-item>a,.nav-main .current_page_item>a{color:var(--blue);border-bottom:3px solid var(--magenta);padding-bottom:2px}
.formfeld{display:block;width:100%;font:inherit;font-size:18px;padding:12px 14px;border:1px solid #9aa7ae;border-radius:10px;background:#fff;color:var(--text)}
.formlabel{display:block;font-weight:600;margin:0 0 6px}
.hp{position:absolute;left:-9999px;height:0;overflow:hidden}
.inhalt-text h2{font-size:28px;line-height:1.2;margin:32px 0 12px}
.inhalt-text p,.inhalt-text li{font-size:18px;line-height:1.65}
.inhalt-text a{text-decoration:underline;text-underline-offset:3px;color:var(--blue)}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}.card:hover{transform:none}}

/* ===== Bausteine für Seiteninhalte (Editor-Blöcke mit CSS-Klassen) ===== */
.an-sec{margin:0}
.an-sec--plain{background:transparent}
.an-sec--deep{background:var(--blue);color:#fff;position:relative;overflow:hidden}
.an-sec--tint{background:var(--blue-20)}
.an-sec--green{background:var(--green);color:var(--text)}
.an-in{max-width:1200px;margin:0 auto;padding:88px 24px}
.an-in--hero{padding:96px 24px 104px;position:relative;z-index:1}
.an-in--bottom-tight{padding-bottom:40px}
.an-in--top-tight{padding-top:40px}
.an-hero::before{content:"";position:absolute;right:-140px;top:-60px;width:760px;height:760px;opacity:.2;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 600' fill='none' stroke='white' stroke-width='2'%3E%3Ccircle cx='300' cy='300' r='110'/%3E%3Ccircle cx='300' cy='300' r='150'/%3E%3Ccircle cx='300' cy='300' r='190'/%3E%3Ccircle cx='300' cy='300' r='230'/%3E%3Ccircle cx='300' cy='300' r='270'/%3E%3Cline x1='300' y1='0' x2='300' y2='600'/%3E%3C/svg%3E") no-repeat center/contain}
.an-stripe{height:8px;background:linear-gradient(90deg,var(--deep) 0 20%,var(--green) 20% 40%,var(--brown) 40% 60%,var(--magenta) 60% 80%,var(--gray) 80% 100%);position:relative;z-index:1}

.an-h1{margin:0;font-weight:600;font-size:clamp(40px,6.4vw,84px);line-height:1.02;letter-spacing:-.01em;max-width:980px}
.an-h2{margin:0;font-weight:600;font-size:clamp(28px,3.6vw,42px);line-height:1.08;letter-spacing:-.01em;color:var(--blue)}
.an-h2--big{font-size:clamp(30px,4vw,48px);line-height:1.05}
.an-h2--mid{margin-bottom:16px}
.an-h2--space{margin-bottom:40px}
.an-h2--tight{margin-bottom:12px}
.an-sec--green .an-h2,.an-h2--ink{color:inherit}
.an-h2--ink{margin-bottom:12px}
.an-h3{margin:20px 0 12px;font-weight:600;font-size:30px;line-height:1.1;letter-spacing:-.005em;color:var(--text)}
.an-kicker{margin:0 0 8px;font-size:15px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-soft)}
.an-lead{margin:0;font-size:20px;line-height:1.55;font-weight:300;color:var(--text-soft);max-width:720px}
.an-lead--space{margin:0 0 44px}
.an-lead--ink{font-size:20px;line-height:1.5;font-weight:400;color:inherit}
.an-hero__claim{margin:28px 0 0;font-weight:600;font-size:24px;letter-spacing:.01em;color:#fff}
.an-hero__text{margin:20px 0 0;font-size:22px;line-height:1.5;max-width:780px;color:#fff;font-weight:400}

.an-row{display:flex;flex-wrap:wrap;gap:32px 64px}
.an-row--top{align-items:flex-start;gap:40px 64px}
.an-row--center{align-items:center}
.an-col-a{flex:1 1 360px}
.an-col-b{flex:1.4 1 420px;font-size:20px;line-height:1.6;font-weight:300;color:var(--text-soft)}
.an-col-b p{margin:0 0 16px}
.an-col-b p:last-child{margin:0}
.an-col-c{flex:1 1 320px}
.an-col-e{flex:1.3 1 400px}
.an-col-f{flex:1 1 300px;display:flex;flex-direction:column;gap:20px}

.an-buttons{margin:40px 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:20px 32px}
.an-buttons--plain{margin:0}
.an-btn .wp-block-button__link{display:inline-block;font:inherit;font-weight:600;font-size:18px;padding:16px 30px;border-radius:999px;border:0;cursor:pointer}
.an-btn--white .wp-block-button__link{background:#fff;color:var(--blue)}
.an-btn--deep .wp-block-button__link{background:var(--deep);color:#fff}
.an-btn .wp-block-button__link:hover{filter:brightness(.93)}
.an-btn--link .wp-block-button__link{background:transparent;color:inherit;padding:0;font-weight:600;border-radius:0}
.an-btn--link .wp-block-button__link:hover{filter:none;text-decoration:underline;text-underline-offset:6px}

.an-cards{display:flex;flex-wrap:wrap;gap:20px}
.an-card{position:relative;flex:1 1 250px;border-radius:20px;padding:32px 28px;display:flex;flex-direction:column;gap:14px;min-height:340px;transition:transform .15s ease}
.an-card:hover{transform:translateY(-3px)}
.an-card--deep{background:var(--deep);color:#fff}
.an-card--magenta{background:var(--magenta);color:#fff}
.an-card--gray{background:var(--gray);color:#fff}
.an-card--blue{background:var(--blue);color:#fff}
.an-card--outline{border:2px solid var(--blue);padding:30px 26px;color:var(--text)}
.an-card__k{margin:0;font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.9)}
.an-card--outline .an-card__k{color:var(--text-soft)}
.an-card__h{margin:0;font-weight:600;font-size:30px;line-height:1.1;letter-spacing:-.005em}
.an-card--outline .an-card__h{color:var(--blue)}
.an-card__t{margin:0;font-size:18px;line-height:1.5;color:#fff;flex-grow:1}
.an-card--outline .an-card__t{color:var(--text-soft)}
.an-card__link{margin:0;font-weight:600}
.an-card--outline .an-card__link{color:var(--blue)}
.an-card__link a::after{content:"";position:absolute;inset:0;border-radius:20px}

.an-steps{display:flex;flex-wrap:wrap;gap:28px 24px}
.an-step{flex:1 1 190px;border-top:4px solid var(--blue);padding-top:16px}
.an-step__n{margin:0;font-weight:600;font-size:16px;color:var(--text-soft)}
.an-step__h{margin:4px 0 12px;font-weight:600;font-size:26px;color:var(--text)}
.an-step__t{overflow-wrap:anywhere;hyphens:auto;margin:0;font-size:16px;line-height:1.7;color:var(--text-soft)}

.an-beleg{flex:1 1 420px;background:#fff;border-radius:20px;padding:36px 32px;border:1px solid var(--line)}
.an-pill{display:inline-block;margin:0;font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--magenta);padding:6px 14px;border-radius:999px}
.an-beleg__t{margin:0;font-size:18px;line-height:1.6;color:var(--text-soft)}
.an-dashed{margin-top:20px;border:2px dashed var(--gray-30);border-radius:20px;padding:28px 32px;color:var(--text-soft);font-size:17px;line-height:1.5;display:flex;flex-wrap:wrap;gap:8px 24px;align-items:center}
.an-dashed p{margin:0}
.an-dashed__k{font-weight:600;color:var(--text)}

.an-people{flex:1.6 1 440px;display:flex;flex-wrap:wrap;gap:20px}
.an-person{flex:1 1 260px;display:flex;flex-direction:column;gap:12px}
.an-initials{margin:0;width:72px;height:72px;border-radius:50%;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:26px}
.an-person .wp-block-image{margin:0}
.an-photo{margin:0 0 4px}
.an-photo img{width:112px;height:112px;border-radius:50%;object-fit:cover;display:block}
.an-persons .an-photo img{width:160px;height:160px}
.an-person__name{margin:0;font-weight:600;font-size:24px;color:var(--text)}
.an-person__text{margin:0;font-size:17px;line-height:1.55;color:var(--text-soft)}
.an-morelink{margin:0;font-weight:600;color:var(--deep)}
.an-morelink a:hover{text-decoration:underline;text-underline-offset:6px}
.an-contacts{margin:0;font-size:17px;line-height:1.7}
.an-contacts a,.an-lead a,.an-col-b a{text-decoration:underline;text-underline-offset:3px}
.an-lead--mid{margin:0 0 20px}

/* Fußbereich nach CI: Grau mit weißem Logo */
.an-footer{background:var(--gray);color:#fff}

/* ===== Weitere Bausteine für die Fachseiten ===== */
.an-hero__kicker{margin:0 0 16px;font-size:15px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#fff}
.an-hero__lead{margin:24px 0 0;font-size:24px;line-height:1.45;max-width:700px;color:#fff;font-weight:400}
.an-in--hero-sm{padding:80px 24px 88px;position:relative;z-index:1}
.an-h1--mid{font-size:clamp(38px,5.6vw,70px);max-width:980px}
.an-chips{display:flex;flex-wrap:wrap;gap:12px;margin:36px 0 0}
.an-chip{margin:0;border:2px solid #fff;border-radius:999px;padding:8px 18px;font-weight:600;font-size:16px;color:#fff}
.an-chips--solid .an-chip{border-color:var(--blue);color:var(--blue)}
.an-chips--deep .an-chip{border-color:var(--deep);color:var(--deep)}
.an-hero .an-buttons{margin-top:36px}
.an-intro{margin:0 0 20px;font-size:20px;line-height:1.6;font-weight:300;color:var(--text-soft);max-width:760px}
.an-intro--space{margin-bottom:40px}
.an-intro strong{font-weight:600;color:var(--text)}
.an-cards--3 .an-wcard{flex:1 1 260px}
.an-wcard{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px}
.an-wcard__h{margin:0 0 10px;font-weight:600;font-size:26px;color:var(--deep)}
.an-wcard__t{margin:0;font-size:17px;line-height:1.55;color:var(--text-soft)}
.an-lcards{display:flex;flex-wrap:wrap;gap:20px}
.an-lcard{flex:1 1 320px;background:#fff;border-radius:20px;padding:28px;border-top:6px solid var(--blue)}
.an-lcard--magenta{border-top-color:var(--magenta)}
.an-lcard__k{margin:0;font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-soft)}
.an-lcard__h{margin:6px 0 8px;font-weight:600;font-size:24px;line-height:1.2;color:var(--text)}
.an-lcard__t{margin:0;font-size:17px;line-height:1.55;color:var(--text-soft)}
.an-line{margin:28px 0 0;display:flex;flex-wrap:wrap;gap:12px 32px;font-size:18px;color:var(--text)}
.an-step--lg .an-step__h{font-size:28px}
.an-step--lg .an-step__t{font-size:18px;line-height:1.6}
.an-steps--lg .an-step{flex:1 1 220px}
.an-strong-text{margin:36px 0 0;font-size:20px;line-height:1.6;color:var(--text);max-width:760px}
.an-band{background:var(--deep);color:#fff;border-radius:24px;padding:48px 40px;display:flex;flex-wrap:wrap;gap:20px 48px;align-items:center}
.an-band__a{flex:1 1 220px}
.an-band__a .an-kicker{color:rgba(255,255,255,.9)}
.an-band .an-h2{color:#fff;font-size:clamp(28px,3.4vw,40px)}
.an-band__t{flex:2 1 400px;margin:0;font-size:22px;line-height:1.5;color:#fff}
.an-in--band{padding-top:48px;padding-bottom:40px}
.an-in--beleg{padding-top:48px;padding-bottom:88px}
.an-beleg--wide{max-width:900px;padding:40px 36px}
.an-beleg--wide .an-beleg__t{margin:0 0 14px}
.an-beleg--wide .an-beleg__t:last-child{margin:0}
.an-belegs{display:flex;flex-wrap:wrap;gap:20px}
.an-beleg--sm{flex:1 1 300px;padding:28px 28px}
.an-beleg--sm .an-h3{font-size:24px;margin:14px 0 8px}
.an-tag{margin:12px 0 0;font-size:14px;font-weight:600;color:var(--text-soft)}
.an-beleg .an-pill--gray{background:var(--gray)}
.an-note{margin-top:28px;background:var(--blue-20);border-radius:20px;padding:28px 32px}
.an-note .an-h3{margin:0 0 10px;font-size:22px}
.an-note p{margin:0 0 8px;font-size:18px;line-height:1.6;color:var(--text)}
.an-persons{display:flex;flex-wrap:wrap;gap:24px}
.an-persons .an-person{flex:1 1 440px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:36px 32px;gap:0}
.an-persons .an-initials{width:80px;height:80px;font-size:28px;margin-bottom:16px}
.an-persons .an-person__name{font-size:30px;margin:0 0 4px}
.an-persons .an-person__role{margin:0 0 14px;font-size:16px;font-weight:600;color:var(--text-soft)}
.an-persons .an-person__text{margin:0 0 12px;font-size:17px;line-height:1.6}
.an-persons .an-person__text strong{font-weight:600;color:var(--text)}
.an-persons .an-person__text:last-child{margin:0}
.an-together{margin-top:24px;background:var(--deep);color:#fff;border-radius:20px;padding:32px 36px}
.an-together .an-h3{margin:0 0 8px;color:#fff;font-size:24px}
.an-together p{margin:0;font-size:19px;line-height:1.6;color:#fff}
.an-sdg{flex:1 1 250px;background:#fff;border-radius:20px;padding:28px}
.an-sdg__n{margin:0;font-weight:600;font-size:44px;line-height:1;color:var(--magenta)}
.an-sdg__h{margin:8px 0 10px;font-weight:600;font-size:22px;color:var(--text)}
.an-sdg__t{margin:0 0 10px;font-size:16px;line-height:1.55;color:var(--text-soft)}
.an-sdg__a{margin:0;font-size:15px;line-height:1.55;color:var(--text-soft)}
.an-sdg__a strong{font-weight:600;color:var(--text)}
.an-pills{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 28px}
.an-pillb{margin:0;border:2px solid var(--blue);border-radius:999px;padding:8px 16px;font-weight:600;font-size:16px;color:var(--text)}
.an-pills--deep .an-pillb{border-color:var(--deep)}
.an-subh{margin:0 0 12px;font-weight:600;font-size:20px;color:var(--text)}
.an-small{margin:0;font-size:15px;font-weight:600;color:var(--text-soft)}
.an-row--vision{padding:0}
.an-vision__h{font-size:22px;line-height:1.4;font-weight:600;color:var(--text);margin:16px 0 0}
.an-col-b--body{font-size:19px}
.an-form-wrap{flex:1.4 1 420px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:32px}
.an-form{display:flex;flex-direction:column;gap:18px}
.an-form-msg{border-radius:10px;padding:14px 16px;font-size:18px;margin:0 0 20px}
.an-form-msg--ok{background:var(--green-20)}
.an-form-msg--err{background:var(--magenta-20)}
.an-form__check{display:flex;gap:12px;align-items:flex-start;font-size:16px;line-height:1.5;color:var(--text-soft)}
.an-form__check input{margin-top:5px;width:18px;height:18px}
.an-form .an-submit{align-self:flex-start;background:var(--deep);color:#fff;font:inherit;font-weight:600;font-size:18px;padding:16px 30px;border:0;border-radius:999px;cursor:pointer}
.an-col-g{flex:1 1 320px}
.an-col-g p{margin:0 0 20px;font-size:18px;line-height:1.7}
.an-sec--green .an-kicker{color:var(--text)}
.an-col-form{flex:1.4 1 420px}

/* Startseite: Foto-Hero. Bild liegt in assets/hero.jpg (groß) und assets/hero-klein.jpg (Handy). */
.an-hero--photo{background:linear-gradient(180deg,rgba(38,72,98,.66) 0%,rgba(38,72,98,.52) 42%,rgba(38,72,98,.26) 62%,rgba(38,72,98,0) 78%),var(--blue) url('assets/hero.jpg') no-repeat 47% bottom/cover}
.an-hero--photo::before{display:none}
.an-hero--photo .an-in--hero{min-height:900px;padding-bottom:320px}
.an-hero--photo .an-btn--link .wp-block-button__link{background:rgba(38,72,98,.6);padding:14px 24px;border-radius:999px}
@media (max-width:700px){
  .an-hero--photo{background-image:linear-gradient(180deg,rgba(38,72,98,.7) 0%,rgba(38,72,98,.45) 45%,rgba(38,72,98,0) 75%),url('assets/hero-klein.jpg')}
  .an-hero--photo .an-in--hero{min-height:0;padding-bottom:340px}
}

/* Lange deutsche Wörter dürfen umbrechen (kein seitliches Überlaufen am Handy) */
.an-lcard,.an-step,.an-wcard,.an-card,.an-beleg,.an-sdg,.an-person,.an-col-a,.an-col-b,.an-col-c,.an-col-e,.an-col-f,.an-col-g,.an-col-form,.an-people{min-width:0}
.an-h1,.an-h2,.an-h3,.an-lcard__h,.an-card__h,.an-step__h,.an-wcard__h,.an-sdg__h,.an-person__name,.an-pillb{overflow-wrap:break-word;hyphens:auto;-webkit-hyphens:auto}
@media (max-width:480px){.an-lcard__h{font-size:22px}.an-card__h{font-size:26px}}
.an-lcard__h{font-size:22px}

/* ---- Handy: Burger-Menü und Akkordeon ---- */
.nav-toggle{display:none;background:none;border:0;padding:10px;margin:0 -10px 0 auto;cursor:pointer;width:48px;height:44px;flex-direction:column;justify-content:center;gap:6px}
.nav-toggle span{display:block;height:3px;border-radius:2px;background:var(--text);transition:transform .2s,opacity .2s}
.an-head.is-open .nav-toggle span:nth-child(1){transform:translateY(9px) rotate(45deg)}
.an-head.is-open .nav-toggle span:nth-child(2){opacity:0}
.an-head.is-open .nav-toggle span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}
.an-acc>summary{cursor:pointer;list-style:none;font-weight:600;color:var(--text);position:relative;padding-right:36px}
.an-acc>summary::-webkit-details-marker{display:none}
.an-acc>summary::after{content:"+";position:absolute;right:0;top:0;font-size:28px;line-height:1;color:var(--blue);font-weight:400}
.an-acc[open]>summary::after{content:"\2212"}
.an-acc.an-step>summary{font-size:24px;margin:4px 0 12px}
.an-acc.an-lcard>summary{font-size:22px;line-height:1.25}
.an-acc.an-lcard[open]>summary{margin-bottom:8px}
.an-acc.an-lcard>.an-lcard__k{margin:12px 0 0}
.an-acc>summary{overflow-wrap:break-word;hyphens:auto;-webkit-hyphens:auto}
@media (min-width:901px){
  .an-acc>summary{pointer-events:none;padding-right:0}
  .an-acc>summary::after{display:none}
  .an-acc.an-lcard>summary{font-size:22px;margin:0 0 8px}
}
@media (max-width:900px){
  .nav-toggle{display:flex}
  .an-head .nav-main,.an-head>.btn{display:none}
  .an-head.is-open .nav-main{display:block;flex:0 0 100%}
  .an-head.is-open .nav-main ul{flex-direction:column;gap:0;font-size:18px}
  .an-head.is-open .nav-main li a{display:block;padding:14px 0;border-bottom:1px solid var(--line)}
  .an-head.is-open>.btn{display:inline-block;margin-top:4px}
  .an-head{padding-top:14px!important;padding-bottom:14px!important}
}
@media (max-width:700px){
  .an-in{padding-top:56px;padding-bottom:56px}
  .an-in--bottom-tight{padding-bottom:24px}
  .an-in--top-tight{padding-top:24px}
  .an-in--beleg{padding-top:32px;padding-bottom:56px}
  .an-in--hero{padding-top:48px}
  .an-in--hero-sm{padding-top:48px;padding-bottom:56px}
  .an-h2--space{margin-bottom:24px}
  .an-card{min-height:0;padding:24px 22px;gap:10px}
  .an-card__h{font-size:24px}
  .an-card__t{font-size:16px}
  .an-beleg{padding:26px 22px}
  .an-hero--photo .an-in--hero{padding-bottom:240px}
  .an-lcard{padding:20px 22px}
  .an-persons .an-person{padding:26px 22px}
}
.an-acc.an-step:not([open])>summary{margin-bottom:0}

.an-btn--ghost .wp-block-button__link{background:rgba(38,72,98,.6);color:#fff;border:2px solid #fff}
/* Große Überschriften am Desktop nicht trennen, sondern ausgewogen umbrechen */
@media (min-width:701px){.an-h1,.an-h2{hyphens:manual;-webkit-hyphens:manual}}
.an-h1,.an-h2{text-wrap:balance}

/* v1.5.5: WordPress setzt in jede Gruppe einen Innen-Container. Er darf das Layout nicht schlucken. */
.wp-block-group>.wp-block-group__inner-container{display:contents}
/* v1.5.5: Bausteine am Desktop: Schrift etwas kleiner, Wörter nur an Silben trennen */
@media (min-width:901px){
  .an-acc.an-step>summary{font-size:21px;hyphens:manual;-webkit-hyphens:manual}
  .an-acc.an-step>p{overflow-wrap:break-word;min-width:0;hyphens:auto;-webkit-hyphens:auto}
}

/* v1.5.6: endlos laufende Logoleiste (reines CSS) */
.an-logos__k{margin:36px 0 14px;font-weight:600;color:var(--text);font-size:17px}
.an-logos{position:relative;overflow:hidden;display:flex;width:100%;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.an-logos__track{flex:none;display:flex;align-items:center;margin:0;padding:0;list-style:none;
  min-width:100%;animation:an-marquee 70s linear infinite}
.an-logos:hover .an-logos__track,.an-logos:focus-within .an-logos__track{animation-play-state:paused}
.an-logos__i{flex:none;margin:0 28px;padding:0;display:flex;align-items:center}
.an-logos__i img{display:block;height:auto;width:auto;max-height:56px;max-width:210px;
  filter:grayscale(1);opacity:.75;mix-blend-mode:multiply;transition:filter .2s,opacity .2s}
.an-logos__i:hover img{filter:none;opacity:1}
@keyframes an-marquee{from{transform:translateX(0)}to{transform:translateX(-100%)}}
@media (prefers-reduced-motion:reduce){
  .an-logos{-webkit-mask-image:none;mask-image:none}
  .an-logos__track{animation:none;flex-wrap:wrap;justify-content:center;gap:20px 0}
  .an-logos__dup{display:none}
}
@media (max-width:700px){.an-logos__i{margin:0 20px}.an-logos__i img{max-height:44px;max-width:160px}}

/* v1.6.2: Hero-Slider: Text links, Bild rechts mit weicher Farbfläche, Auswahl als Farbleiste */
.an-hero--slider{padding:0;background:#1d2f3a}
.an-hero--slider::before{display:none}
.an-stage{display:grid}
.an-bgs{grid-area:1/1;position:relative;overflow:hidden}
.an-bg{--t:62,107,133;--img:url('assets/slides/unternehmen.jpg');--pos:47% 100%;
  position:absolute;inset:0;opacity:0;transition:opacity .9s ease;overflow:hidden;background:rgb(var(--t))}
/* Foto vollflächig. Dunkler Verlauf links für den Text, Zielgruppenfarbe steigt von unten zur Farbleiste auf */
.an-bg::after{display:none}
.an-bg::before{content:"";position:absolute;inset:0;z-index:1;background-repeat:no-repeat;
  background-image:
    linear-gradient(0deg,rgba(var(--t),.82) 0,rgba(var(--t),.38) 20%,rgba(var(--t),0) 44%),
    linear-gradient(90deg,rgba(10,20,26,var(--s1,.62)) 0,rgba(10,20,26,var(--s2,.42)) 36%,rgba(10,20,26,.10) 68%,rgba(10,20,26,0) 100%),
    linear-gradient(rgba(var(--t),.10),rgba(var(--t),.10)),var(--img);
  background-size:100% 100%,100% 100%,100% 100%,cover;background-position:0 0,0 0,0 0,var(--pos)}
.an-bg--unternehmen{--s1:.70;--s2:.52}
.an-bg--venues{--s1:.68;--s2:.50}
.an-bg--vereine{--s1:.66;--s2:.48}
.an-bg--stiftungen{--t:42,88,51;--img:url('assets/slides/stiftungen.jpg');--pos:50% 30%}
.an-bg--unternehmen{--t:62,107,133}
.an-bg--venues{--t:85,91,95;--img:url('assets/slides/venues.jpg');--pos:50% 40%}
.an-bg--vereine{--t:145,47,115;--img:url('assets/slides/vereine.jpg');--pos:50% 50%}
.an-bg.is-active{opacity:1}
.an-hero--slider:not(.is-ready) .an-bg:first-child{opacity:1}
.an-fg{grid-area:1/1;position:relative;z-index:1;display:flex;flex-direction:column;min-height:620px}
.an-fg .an-in{width:100%;box-sizing:border-box}
.an-slides{display:grid}
.an-slide{grid-area:1/1;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility 0s .6s}
.an-slide.is-active{opacity:1;visibility:visible;transition:opacity .6s ease}
.an-hero--slider:not(.is-ready) .an-slide:first-child{opacity:1;visibility:visible}
.an-in--slide{padding:84px 24px 0}
.an-in--slide :is(p,h2){max-width:540px}
.an-h1--slide{font-size:clamp(30px,3.4vw,48px);line-height:1.08;margin:0}
.an-in--slide .an-hero__text{margin-top:18px;font-size:20px;line-height:1.5}
.an-slide__link{margin:20px 0 0;font-weight:600;font-size:18px}
.an-slide__link a{color:#fff;text-decoration:underline;text-underline-offset:5px}
.an-in--slide,.an-in--ctl{text-shadow:0 1px 14px rgba(0,0,0,.28)}
.an-in--ctl{padding:30px 24px 56px;margin-top:auto}
.an-in--ctl .an-buttons{margin:0;gap:12px 14px}
.an-in--ctl .an-btn .wp-block-button__link{font-size:17px;padding:13px 24px;text-shadow:none}
.an-tabsbar{display:flex;background:#1d2f3a;position:relative}
.an-tabs{flex:1;display:grid;grid-template-columns:repeat(4,1fr)}
.an-tab{appearance:none;-webkit-appearance:none;position:relative;overflow:hidden;border:0;border-radius:0;background:#1d2f3a;color:#fff;font:inherit;font-weight:600;font-size:16px;text-align:left;height:44px;padding:0 24px;cursor:pointer;display:flex;align-items:center}
.an-tab::before{content:"";position:absolute;inset:0;background:var(--c);opacity:.55;transition:opacity .4s ease}
.an-tab.is-active::before,.an-tab:hover::before{opacity:1}
.an-tab__t{position:relative;z-index:1}
.an-tab__bar{position:absolute;left:0;bottom:0;height:4px;width:0;background:rgba(255,255,255,.92);z-index:1}
.an-tab--stiftungen{--c:var(--deep)}
.an-tab--unternehmen{--c:#3e6b85}
.an-tab--venues{--c:var(--gray)}
.an-tab--vereine{--c:var(--magenta)}
.an-tab.is-active .an-tab__bar{animation:an-prog 6.5s linear forwards}
.an-hero--slider.is-paused .an-tab__bar,.an-hero--slider.is-stopped .an-tab__bar{animation-play-state:paused}
@keyframes an-prog{to{width:100%}}
.an-tab:focus-visible{outline:3px solid #fff;outline-offset:-4px}
.an-claim{margin:0 0 14px;font-weight:600;font-size:22px;color:var(--text)}
@media (prefers-reduced-motion:reduce){
  .an-bg,.an-slide,.an-tab::before{transition:none}
  .an-tab.is-active .an-tab__bar{animation:none;width:100%}
}
@media (max-width:900px){
  .an-fg{min-height:0}
  .an-bg::before{background-image:linear-gradient(180deg,rgba(10,20,26,.58) 0,rgba(10,20,26,.34) 45%,rgba(var(--t),.18) 70%,rgba(var(--t),.80) 100%),var(--img);background-size:100% 100%,cover}
  .an-bg::after{display:none}
  .an-bg--stiftungen{--img:url('assets/slides/stiftungen-klein.jpg');--pos:62% 100%}
  .an-bg--unternehmen{--img:url('assets/slides/unternehmen-klein.jpg');--pos:47% 100%}
  .an-bg--venues{--img:url('assets/slides/venues-klein.jpg');--pos:50% 100%}
  .an-bg--vereine{--img:url('assets/slides/vereine-klein.jpg');--pos:30% 100%}
  .an-in--slide{padding-top:44px}
  .an-in--slide .an-hero__text{font-size:18px}
  .an-slide__link{font-size:17px}
  .an-h1--slide{font-size:clamp(30px,6vw,42px)}
  .an-in--ctl{padding:26px 24px 190px}
  .an-tabs{grid-template-columns:1fr 1fr}
  .an-tab{height:46px;font-size:15px;padding:0 16px}
}
@media (max-width:700px){
  .an-h1--slide{font-size:clamp(28px,8vw,38px)}
}

/* v1.7.0: Überzeugung und Sport als Plattform */
.an-why{display:flex;flex-wrap:wrap;gap:36px 64px;margin-top:8px}
.an-why__i{flex:1 1 420px;min-width:0}
.an-why__q{margin:0 0 14px;font-weight:600;font-size:30px;line-height:1.1;color:var(--blue);overflow-wrap:break-word}
.an-why__t{margin:0;font-size:21px;line-height:1.6;color:var(--text)}
.an-pboxes{display:flex;flex-wrap:wrap;gap:20px;margin-top:8px}
.an-pbox{--c:var(--blue);flex:1 1 240px;min-width:0;background:#fff;border:1px solid var(--line);border-top:6px solid var(--c);border-radius:20px;padding:26px 24px}
.an-pbox--magenta{--c:var(--magenta)}
.an-pbox--deep{--c:var(--deep)}
.an-pbox--gray{--c:var(--gray)}
.an-pbox>summary{font-size:24px;line-height:1.2;font-weight:600;color:var(--text)}
.an-pbox__k{display:block;margin:0 0 8px;font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-soft)}
.an-pbox__t{margin:14px 0 0;font-size:17px;line-height:1.6;color:var(--text-soft)}
@media (max-width:900px){
  .an-pbox{padding:20px 22px}
  .an-pbox>summary{font-size:22px;margin:0}
  .an-pbox[open]>summary{margin-bottom:0}
}

/* v1.8.0: Warum agenda.N und Leistungsfelder */
.an-sec--night{background:#264862;color:#fff}
.an-sec--night .an-kicker{color:rgba(255,255,255,.8)}
.an-sec--night .an-h2{color:#fff}
.an-xintro{margin:0 0 40px;max-width:820px;font-size:24px;line-height:1.5;color:#fff}
.an-xcards{display:flex;flex-wrap:wrap;gap:20px}
.an-xcard{--c:#84ad52;flex:1 1 240px;min-width:0;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);border-top:5px solid var(--c);border-radius:20px;padding:26px 24px}
.an-xcard--lblue{--c:#8fb8d0}
.an-xcard--pink{--c:#d27cb6}
.an-xcard--sand{--c:#c9b79c}
.an-xcard>summary{color:#fff}
.an-xcard__k{display:block;margin:0 0 10px;font-size:14px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:rgba(255,255,255,.85)}
.an-xcard__s{display:block;font-size:20px;line-height:1.25;font-weight:600;color:#fff}
.an-xcard__t{margin:16px 0 0;font-size:17px;line-height:1.6;color:rgba(255,255,255,.92)}
.an-acc.an-xcard>summary::after{color:#fff;top:-4px}
.an-fields{display:block}
.an-field{--c:var(--blue);border-top:1px solid var(--line);padding:40px 0}
.an-field--deep{--c:var(--deep)}
.an-field--magenta{--c:var(--magenta)}
.an-field--gray{--c:var(--gray)}
.an-field>summary{font-size:34px;line-height:1.1;font-weight:600;color:var(--text);margin-bottom:24px}
.an-field__k{display:block;margin:0 0 10px;font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--c)}
.an-field__body{display:grid;grid-template-columns:1.1fr 1fr;gap:28px 56px;align-items:start}
.an-field__t{margin:0 0 20px;font-size:20px;line-height:1.6;color:var(--text)}
.an-tags{display:flex;flex-wrap:wrap;gap:8px}
.an-tag{margin:0;font-size:14px;font-weight:600;color:var(--c);border:1.5px solid var(--c);border-radius:999px;padding:5px 12px}
.an-field__get{background:#fff;border:1px solid var(--line);border-top:5px solid var(--c);border-radius:20px;padding:24px 28px}
.an-field__gh{margin:0 0 16px;font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-soft)}
.an-checks{list-style:none;margin:0;padding:0}
.an-checks li{position:relative;margin:0;padding:0 0 13px 34px;font-size:17px;line-height:1.5;color:var(--text)}
.an-checks li:last-child{padding-bottom:0}
.an-checks li::before{content:"";position:absolute;left:0;top:2px;width:20px;height:20px;border-radius:50%;background:var(--c)}
.an-checks li::after{content:"";position:absolute;left:7px;top:6px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
@media (max-width:900px){
  .an-field{padding:20px 0}
  .an-field>summary{font-size:24px;margin:0}
  .an-field[open]>summary{margin-bottom:20px}
  .an-field__body{grid-template-columns:1fr;gap:22px}
  .an-field__t{font-size:18px}
  .an-xcard{padding:20px 22px}
  .an-xcard[open]>summary{margin-bottom:0}
  .an-xintro{font-size:20px}
}

/* v1.8.1: Tags als Links */
.an-tag{padding:0}
.an-tag a{display:block;padding:5px 12px;color:inherit;text-decoration:none;border-radius:999px;transition:background .15s,color .15s}
.an-tag a:hover,.an-tag a:focus-visible{background:var(--c);color:#fff}

/* v1.9.0: Referenzen und Arbeitsbeispiele */
.an-kicker--cases{margin-top:56px}
.an-cases{gap:24px}
.an-case{--c:var(--blue);flex:1 1 300px;display:flex;flex-direction:column;padding:32px 28px;border-top:5px solid var(--c)}
.an-case--deep{--c:var(--deep)}
.an-case--magenta{--c:var(--magenta)}
.an-case .an-pill{align-self:flex-start;background:var(--c);text-transform:none;letter-spacing:.02em;font-size:15px}
.an-case__l{margin:14px 0 0;font-size:14px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-soft)}
.an-case .an-h3{margin:8px 0 14px;font-size:26px;line-height:1.2}
.an-case .an-beleg__t{margin:0 0 24px;font-size:17px}
.an-case .an-field__gh{margin:auto 0 14px;padding-top:4px}
@media (max-width:900px){.an-kicker--cases{margin-top:40px}.an-case{padding:26px 22px}}
.an-logos{min-height:64px;margin-top:8px}
@media (max-width:700px){.an-logos{min-height:50px}}
.an-logos{margin-top:28px}

/* v1.10.0: Über uns, Partnernetzwerk */
.an-persons .an-person__role{margin:4px 0 16px}
.an-persons .an-person__vita{margin-top:auto;padding-top:18px;border-top:1px solid var(--line);font-size:16px;color:var(--text-soft)}
.an-persons .an-person__text:not(.an-person__vita){margin-bottom:20px}
.an-morelink--space{margin-top:28px}
.an-pills--net{margin:0}
.an-pills--net .an-pillb{background:#fff;border-color:var(--blue)}

/* v1.12.0: Footer im Stil der bisherigen Seite (Kreise in Blau, Dunkelgrün, Hellgrün) */
.an-footer{--u:max(.05vw,.5px);position:relative;color:#fff;font-size:17px;line-height:1.5;
  background:
    radial-gradient(circle calc(var(--u)*934) at calc(100% + var(--u)*364) 0,#65a13f calc(var(--u)*934 - 1px),transparent calc(var(--u)*934)),
    radial-gradient(circle calc(var(--u)*1164) at calc(100% - var(--u)*405) calc(var(--u)*1000),#035c30 calc(var(--u)*1164 - 1px),transparent calc(var(--u)*1164)),
    #0c7495}
.an-footer a{color:#fff;text-decoration:none}
.an-footer a:hover,.an-footer a:focus-visible{color:#f3c6e4;text-decoration:underline;text-underline-offset:4px}
.an-footer__in{max-width:1200px;margin:0 auto;padding:56px 24px 72px;display:grid;grid-template-columns:repeat(4,1fr);gap:36px 40px}
.an-footer__col h2{margin:0 0 22px;font-size:30px;line-height:1.15;font-weight:600;color:#fff}
.an-footer__col ul{list-style:none;margin:0;padding:0}
.an-footer__col li{margin:0 0 8px}
.an-footer__col p{margin:0 0 22px}
.an-footer__social a{display:inline-flex;align-items:center;gap:12px}
.an-footer__social svg{flex:none}
.an-footer__copy{margin:0;padding:0 24px 22px;max-width:1200px;margin-inline:auto;font-size:14px;color:rgba(255,255,255,.8)}
@media (max-width:900px){
  .an-footer{--u:.3px}
  .an-footer__in{grid-template-columns:1fr 1fr;padding:44px 24px 40px}
  .an-footer__col h2{font-size:24px;margin-bottom:14px}
}
@media (max-width:520px){.an-footer__in{grid-template-columns:1fr}}

/* v2.0.0: Startseite kompakt */
.an-sec--tint .an-why{margin-bottom:32px}
.an-pminis{display:flex;flex-wrap:wrap;gap:16px}
.an-pmini{--c:var(--blue);flex:1 1 220px;min-width:0;background:#fff;border:1px solid var(--line);border-top:5px solid var(--c);border-radius:16px;padding:18px 20px}
.an-pmini.an-pbox--magenta{--c:var(--magenta)}
.an-pmini.an-pbox--deep{--c:var(--deep)}
.an-pmini.an-pbox--gray{--c:var(--gray)}
.an-pmini .an-pbox__k{margin:0 0 6px}
.an-pmini__t{margin:0;font-size:20px;line-height:1.25;font-weight:600;color:var(--text)}
.an-morelink--space{margin-top:28px}
.an-morelink--light,.an-morelink--light a{color:#fff}
.an-xcard--mini .an-xcard__k{margin:0 0 10px}
.an-xcard--mini .an-xcard__s{margin:0}
.an-steps--mini{display:flex;flex-wrap:wrap;gap:20px}
.an-stepm{flex:1 1 170px;min-width:0;border-top:4px solid var(--blue);padding-top:14px}
.an-stepm__n{margin:0 0 4px;font-size:14px;font-weight:600;color:var(--blue)}
.an-stepm__h{margin:0 0 8px;font-size:22px;font-weight:600;color:var(--text)}
.an-stepm__t{margin:0;font-size:16px;line-height:1.5;color:var(--text-soft)}
.an-lead--tags{margin:36px 0 12px;font-size:18px}
.an-tags--plain{--c:var(--blue)}
.an-fcards{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.an-fcard{--c:var(--blue);min-width:0;background:#fff;border:1px solid var(--line);border-top:5px solid var(--c);border-radius:20px;padding:28px 28px 26px}
.an-fcard.an-field--deep{--c:var(--deep)}
.an-fcard.an-field--magenta{--c:var(--magenta)}
.an-fcard.an-field--gray{--c:var(--gray)}
.an-fcard .an-field__k{margin:0 0 8px}
.an-fcard__h{margin:0 0 12px;font-size:26px;line-height:1.2;font-weight:600;color:var(--text)}
.an-fcard__t{margin:0 0 20px;font-size:18px;line-height:1.55;color:var(--text-soft)}
.an-case--mini .an-h3{margin:14px 0 10px}
.an-case--mini .an-beleg__t{margin:0}
.an-persons--mini .an-person{display:grid;grid-template-columns:128px 1fr;gap:0 24px;align-items:start;align-content:start}
.an-persons--mini .an-photo{grid-row:1/span 3;margin:0}
.an-persons--mini .an-photo img{width:128px;height:128px}
.an-persons--mini .an-person>:not(.an-photo){grid-column:2}
.an-persons--mini .an-person__text:last-child{margin:0}
@media (max-width:900px){.an-persons--mini .an-person{grid-template-columns:96px 1fr;gap:0 16px}.an-persons--mini .an-photo img{width:96px;height:96px}.an-fcards{grid-template-columns:1fr}.an-fcard{padding:22px 22px}.an-fcard__h{font-size:22px}}

.an-case__link{margin:18px 0 0;font-weight:600;font-size:16px;color:var(--deep)}
.an-case__link a{color:inherit;text-decoration:none}
.an-case__link a:hover,.an-case__link a:focus-visible{text-decoration:underline;text-underline-offset:5px}
.an-case--mini{display:flex;flex-direction:column}
.an-case--mini .an-case__link{margin-top:auto;padding-top:18px}

/* Kontaktband in Magenta */
.an-sec--pink{background:var(--magenta);color:#fff}
.an-sec--pink :is(.an-h2,.an-h2--ink,.an-lead,.an-lead--ink,.an-kicker,.an-kicker--ink,.an-contacts){color:#fff}
.an-sec--pink .an-contacts a{color:#fff}
.an-sec--pink .an-btn--white .wp-block-button__link{background:#fff;color:var(--magenta)}
.an-btn--outline .wp-block-button__link{background:transparent;color:#fff;border:2px solid #fff;padding:14px 28px}
.an-btn--outline .wp-block-button__link:hover{background:#fff;color:var(--magenta);filter:none}
.an-sec--pink .an-buttons--plain{display:flex;flex-wrap:wrap;gap:14px}

/* Hero: Buttons untereinander, linksbündig, gleich breit */
.an-in--ctl .an-buttons{flex-direction:column;align-items:flex-start;gap:12px;width:max-content;max-width:100%}
.an-in--ctl .an-buttons .wp-block-button{width:100%}
.an-in--ctl .an-buttons .wp-block-button__link{display:block;width:100%;text-align:center;box-sizing:border-box}

/* Anker unter der festen Kopfzeile, Über uns */
section[id]{scroll-margin-top:96px}
.an-h2--after{margin-top:56px}
/* Hero: Buttons direkt unter dem Text */
.an-in--ctl{margin-top:0;padding-top:26px}

/* Hero: Höhe bestimmt die aktive Slide, Buttons rücken an den Text */
.an-slides{display:block;position:relative}
.an-slide{position:absolute;left:0;top:0;width:100%}
.an-slide.is-active,.an-hero--slider:not(.is-ready) .an-slide:first-child{position:relative}
.an-in--ctl{padding-top:22px}

@media (max-width:900px){.an-fg{min-height:690px}}

/* Footer: drei Spalten (ohne Navigation) */
.an-footer__in{grid-template-columns:repeat(3,1fr)}
@media (max-width:900px){.an-footer__in{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.an-footer__in{grid-template-columns:1fr}}

/* Zeile vor dem Kontaktband: andere Situation */
.an-in--switch{padding-top:30px;padding-bottom:30px}
.an-switch{margin:0;font-size:19px;line-height:1.5;color:var(--text)}
.an-switch a{font-weight:600;color:var(--deep);text-decoration:underline;text-underline-offset:5px}
.an-switch a:hover,.an-switch a:focus-visible{color:var(--magenta)}

/* Claim (Startseite): ruhig, zweifarbig */
.an-in--claim{padding-top:72px;padding-bottom:56px}
.an-claimh{margin:0;font-weight:600;letter-spacing:-.015em;font-size:clamp(30px,4.7vw,64px);line-height:1.1}
.an-claimh span{display:block}
.an-cl1{color:var(--blue)}
.an-cl2{color:var(--blue)}
.an-claimsub{margin:26px 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:4px 0;font-weight:500;font-size:clamp(17px,1.5vw,20px);letter-spacing:.04em;color:var(--gray)}
.an-claimsub span{display:inline-block;color:inherit}
.an-claimsub span+span::before{content:"\00b7";margin:0 14px;color:var(--green);font-weight:700}
.an-claimtxt{margin:24px 0 0;max-width:720px;font-size:19px;line-height:1.65;color:var(--text-soft,#4a5155)}
@media (max-width:700px){.an-in--claim{padding-top:48px;padding-bottom:40px}.an-claimsub{margin-top:20px}.an-claimtxt{font-size:18px}}
@media (max-width:700px){.an-claimsub{font-size:15.5px;letter-spacing:.02em}.an-claimsub span+span::before{margin:0 9px}}

/* v1.16.3 / 2.2.3: Ruhige Seiten ("an-sec--calm"): ein Hintergrund, feine Linien, keine Kästchen */
.an-sec--calm{background:transparent}
.an-sec--calm .an-in{padding-top:64px;padding-bottom:64px}
.an-sec--calm+.an-sec--calm .an-in{padding-top:0}
.an-sec--calm+.an-sec--calm .an-in::before{content:"";display:block;height:1px;background:var(--line);margin-bottom:64px}
/* Rollen */
.an-roles{display:grid;grid-template-columns:repeat(3,1fr);gap:32px 56px}
.an-role{min-width:0}
.an-role::before{content:"";display:block;width:40px;height:3px;background:var(--blue);margin-bottom:18px}
.an-role__h{margin:0 0 10px;font-weight:600;font-size:26px;line-height:1.2;color:var(--text)}
.an-role__t{margin:0;font-size:18px;line-height:1.6;color:var(--text-soft)}
/* Leistungsfelder: eine Farbe, keine Box */
.an-sec--calm .an-field{--c:var(--blue)}
.an-sec--calm .an-field:first-of-type{border-top:0;padding-top:8px}
.an-sec--calm .an-field__get{background:none;border:0;border-left:1px solid var(--line);border-radius:0;padding:4px 0 4px 40px}
.an-sec--calm .an-checks li{padding-left:28px}
.an-sec--calm .an-checks li::before{display:none}
.an-sec--calm .an-checks li::after{left:4px;top:5px;border-color:var(--blue)}
/* Schritte */
.an-sec--calm .an-step{border-top:1px solid var(--line);padding-top:18px}
.an-sec--calm .an-step__n{color:var(--blue)}
/* Ergebnis */
.an-res{display:grid;grid-template-columns:1fr 1.7fr;gap:24px 56px;align-items:start}
.an-res__a,.an-res__t{min-width:0}
.an-res__t{margin:0;font-size:clamp(21px,2.1vw,26px);line-height:1.5;color:var(--text)}
/* Belege */
.an-refs{display:grid;grid-template-columns:1.2fr 1fr;gap:0}
.an-ref{min-width:0;padding-right:56px}
.an-ref+.an-ref{padding-right:0;padding-left:56px;border-left:1px solid var(--line)}
.an-ref__l{margin:0 0 10px;font-size:16px;font-weight:600;color:var(--blue)}
.an-ref__h{margin:0 0 14px;font-weight:600;font-size:30px;line-height:1.2;color:var(--text)}
.an-ref__h--sm{font-size:26px}
.an-ref__t strong{color:var(--text)}
.an-ref__t{margin:0 0 16px;font-size:18px;line-height:1.6;color:var(--text-soft)}
.an-ref__k{margin:28px 0 8px;font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-soft)}
.an-ref__list{margin:0;font-size:18px;line-height:1.6;color:var(--text)}
@media (max-width:900px){
  .an-sec--calm .an-in{padding-top:48px;padding-bottom:48px}
  .an-sec--calm+.an-sec--calm .an-in::before{margin-bottom:48px}
  .an-roles{grid-template-columns:1fr;gap:28px}
  .an-sec--calm .an-field__get{border-left:0;padding:0}
  .an-res{grid-template-columns:1fr;gap:16px}
  .an-refs{grid-template-columns:1fr}
  .an-ref{padding-right:0}
  .an-ref+.an-ref{padding-left:0;border-left:0;border-top:1px solid var(--line);margin-top:36px;padding-top:36px}
}

/* Kopfzeile bleibt beim Scrollen oben (Logo, Menü, Erstgespräch) */
.an-header{position:sticky;top:0;z-index:1000}
.admin-bar .an-header{top:32px}
@media (max-width:782px){.admin-bar .an-header{top:46px}}
@media (max-width:900px){
  .an-head{flex-wrap:nowrap!important;gap:10px!important}
  .an-head.is-open{flex-wrap:wrap!important}
  .an-head>a:first-child{order:1;flex:1 1 auto;min-width:0}
  .an-head>a:first-child img{height:36px!important}
  .an-head>.btn{display:inline-block!important;order:2;flex:0 0 auto;font-size:14px!important;padding:9px 14px!important;white-space:nowrap}
  .an-head>.nav-toggle{order:3;margin:0 -10px 0 0;flex:0 0 auto}
  .an-head .nav-main{order:4}
  .an-head.is-open>.btn{margin-top:0}
  .btn__more{display:none}
  .an-sec--calm .an-in{scroll-margin-top:80px}
}
@media (max-width:360px){.an-head>a:first-child img{height:30px!important}.an-head>.btn{padding:8px 11px!important;font-size:13px!important}}

/* Zielgruppenseiten: Hero in der Farbe der Startseiten-Kachel */
.an-sec--deep.an-hero--stiftungen{background:var(--deep)}
.an-sec--deep.an-hero--vereine{background:var(--magenta)}
.an-sec--deep.an-hero--venues{background:var(--gray)}
.an-sec--deep.an-hero--unternehmen{background:#3e6b85}

/* Zielgruppenseiten: alle Heroes gleich hoch (Desktop), Text mittig in der Fläche */
@media (min-width:901px){
  .an-in--hero-sm{min-height:480px;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box}
}

@media (max-width:700px){.an-hero--vereine::before,.an-hero--venues::before,.an-hero--unternehmen::before{opacity:.15}}




/* Hero-Grafiken v3 (groß, laufen über die Fläche hinaus) */
.an-hero--vereine::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 600' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg transform='translate(40 260) rotate(-45)'%3E%3Cpolygon points='0,-9 106,-9 106,-30 140,0 106,30 106,9 0,9'/%3E%3C/g%3E%3Cg transform='translate(120 300) rotate(-45)'%3E%3Cpolygon points='0,-13 182,-13 182,-42 230,0 182,42 182,13 0,13'/%3E%3C/g%3E%3Cg transform='translate(150 390) rotate(-45)'%3E%3Cpolygon points='0,-17 316,-17 316,-56 380,0 316,56 316,17 0,17'/%3E%3C/g%3E%3Cg transform='translate(300 360) rotate(-45)'%3E%3Cpolygon points='0,-11 138,-11 138,-36 180,0 138,36 138,11 0,11'/%3E%3C/g%3E%3Cg transform='translate(330 450) rotate(-45)'%3E%3Cpolygon points='0,-15 244,-15 244,-50 300,0 244,50 244,15 0,15'/%3E%3C/g%3E%3C/svg%3E")}
.an-hero--venues::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 600' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='370' y1='203' x2='600' y2='128'/%3E%3Cline x1='370' y1='218' x2='600' y2='188'/%3E%3Cline x1='370' y1='238' x2='600' y2='268'/%3E%3Cline x1='370' y1='253' x2='600' y2='328'/%3E%3Cline x1='290' y1='203' x2='110' y2='128'/%3E%3Cline x1='290' y1='218' x2='110' y2='188'/%3E%3Cline x1='290' y1='238' x2='110' y2='268'/%3E%3Cline x1='290' y1='253' x2='110' y2='328'/%3E%3Cpolygon points='280,480 380,480 362,250 298,250'/%3E%3Cline x1='290' y1='326' x2='370' y2='326'/%3E%3Cline x1='285' y1='400' x2='375' y2='400'/%3E%3Crect x='320' y='282' width='20' height='28' rx='10'/%3E%3Cline x1='288' y1='250' x2='372' y2='250'/%3E%3Crect x='306' y='206' width='48' height='44'/%3E%3Ccircle cx='330' cy='228' r='12'/%3E%3Cpolygon points='298,206 330,176 362,206'/%3E%3Cline x1='330' y1='176' x2='330' y2='158'/%3E%3C/svg%3E")}
.an-hero--unternehmen::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 600' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='350' cy='150' r='88'/%3E%3Cline x1='462.0' y1='150.0' x2='496.0' y2='150.0'/%3E%3Cline x1='447.0' y1='206.0' x2='476.4' y2='223.0'/%3E%3Cline x1='406.0' y1='247.0' x2='423.0' y2='276.4'/%3E%3Cline x1='350.0' y1='262.0' x2='350.0' y2='296.0'/%3E%3Cline x1='294.0' y1='247.0' x2='277.0' y2='276.4'/%3E%3Cline x1='253.0' y1='206.0' x2='223.6' y2='223.0'/%3E%3Cline x1='238.0' y1='150.0' x2='204.0' y2='150.0'/%3E%3Cline x1='253.0' y1='94.0' x2='223.6' y2='77.0'/%3E%3Cline x1='294.0' y1='53.0' x2='277.0' y2='23.6'/%3E%3Cline x1='350.0' y1='38.0' x2='350.0' y2='4.0'/%3E%3Cline x1='406.0' y1='53.0' x2='423.0' y2='23.6'/%3E%3Cline x1='447.0' y1='94.0' x2='476.4' y2='77.0'/%3E%3Cg transform='translate(246 236.5) scale(.45)'%3E%3Cpath vector-effect='non-scaling-stroke' d='M220 300 A45 45 0 0 1 222 212 A60 60 0 0 1 335 190 A50 50 0 0 1 420 235 A42 42 0 0 1 400 300 Z'/%3E%3Cpath vector-effect='non-scaling-stroke' d='M330 300 L300 355 L322 355 L302 415 L348 338 L325 338 L345 300'/%3E%3C/g%3E%3C/svg%3E")}

/* Ruhige Seiten: Überschriften in Grau (dunklerer Ton der CI-Graufamilie) */
.an-sec--calm .an-h2{color:var(--text)}

/* Kontaktseite (ruhig): Formular ohne Karte, Kontaktdaten als offene Spalte */
.an-sec--calm .an-form-wrap{background:transparent;border:0;border-radius:0;padding:0}
.an-sec--calm .an-form-wrap .an-h2{margin-top:0}
.an-contact__p{margin:0 0 24px;font-size:18px;line-height:1.7}
.an-contact__p a{color:var(--deep)}

/* Stiftungen: zwei Ausgangslagen mit Einstieg */
@media (min-width:901px){.an-roles--2{grid-template-columns:repeat(2,1fr);max-width:1000px}}
.an-role__e{margin:12px 0 0;font-size:17px;line-height:1.55;color:var(--text)}
.an-role__e strong{color:var(--blue);font-weight:600}

/* Kontaktseite ohne Formular: E-Mail im Vordergrund */
.an-contact__mail{font-size:clamp(24px,3vw,32px);font-weight:600;color:var(--deep);text-decoration:none;border-bottom:2px solid currentColor}
.an-contact__mail:hover{border-bottom-color:transparent}
.an-contact .an-buttons{margin:4px 0 28px}
.an-contact__p--tel{margin-top:8px}
.an-contact__hint{font-size:16px;color:var(--text-soft)}

/* Über uns (ruhig) */
.an-sec--calm .an-h2--gap{margin-top:56px}
.an-roles--gap{row-gap:40px}
@media (min-width:901px){
  .an-refs--3{grid-template-columns:repeat(3,1fr)}
  .an-refs--3 .an-ref{padding-right:32px}
  .an-refs--3 .an-ref+.an-ref{padding-left:32px}
  .an-refs--3 .an-ref:last-child{padding-right:0}
}
.an-sec--calm .an-persons{gap:56px}

.an-sec--deep.an-hero--sdg::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 600' fill='none' stroke='white' stroke-width='2'%3E%3Ccircle cx='300' cy='300' r='270'/%3E%3Ccircle cx='300' cy='300' r='153'/%3E%3Cline x1='452.8' y1='292.3' x2='569.7' y2='286.3'/%3E%3Cline x1='448.8' y1='335.5' x2='562.6' y2='362.6'/%3E%3Cline x1='445.5' y1='347.3' x2='556.8' y2='383.4'/%3E%3Cline x1='426.7' y1='385.8' x2='523.6' y2='451.4'/%3E%3Cline x1='419.2' y1='395.9' x2='510.4' y2='469.2'/%3E%3Cline x1='386.9' y1='425.9' x2='453.3' y2='522.2'/%3E%3Cline x1='376.5' y1='432.5' x2='435.0' y2='533.8'/%3E%3Cline x1='335.7' y1='448.8' x2='363.0' y2='562.5'/%3E%3Cline x1='323.4' y1='451.2' x2='341.3' y2='566.8'/%3E%3Cline x1='279.2' y1='451.6' x2='263.4' y2='567.5'/%3E%3Cline x1='267.1' y1='449.4' x2='242.0' y2='563.7'/%3E%3Cline x1='225.6' y1='433.7' x2='168.7' y2='535.9'/%3E%3Cline x1='214.9' y1='427.1' x2='149.8' y2='524.4'/%3E%3Cline x1='181.9' y1='397.3' x2='91.7' y2='471.7'/%3E%3Cline x1='174.5' y1='387.5' x2='78.6' y2='454.5'/%3E%3Cline x1='154.4' y1='347.0' x2='43.1' y2='383.0'/%3E%3Cline x1='151.1' y1='335.2' x2='37.2' y2='362.1'/%3E%3Cline x1='147.3' y1='291.2' x2='30.4' y2='284.5'/%3E%3Cline x1='148.5' y1='278.4' x2='32.7' y2='262.0'/%3E%3Cline x1='161.0' y1='236.1' x2='54.7' y2='187.2'/%3E%3Cline x1='166.6' y1='225.1' x2='64.5' y2='167.9'/%3E%3Cline x1='193.9' y1='189.8' x2='112.8' y2='105.5'/%3E%3Cline x1='203.1' y1='181.6' x2='129.0' y2='91.1'/%3E%3Cline x1='240.2' y1='159.2' x2='194.5' y2='51.5'/%3E%3Cline x1='251.7' y1='154.8' x2='214.8' y2='43.8'/%3E%3Cline x1='294.9' y1='147.1' x2='291.0' y2='30.1'/%3E%3Cline x1='307.2' y1='147.2' x2='312.7' y2='30.3'/%3E%3Cline x1='349.8' y1='155.3' x2='387.9' y2='44.7'/%3E%3Cline x1='361.3' y1='159.8' x2='408.1' y2='52.6'/%3E%3Cline x1='399.0' y1='183.3' x2='474.6' y2='94.1'/%3E%3Cline x1='408.0' y1='191.6' x2='490.6' y2='108.7'/%3E%3Cline x1='434.3' y1='226.8' x2='537.1' y2='170.8'/%3E%3Cline x1='439.7' y1='237.5' x2='546.5' y2='189.8'/%3E%3Cline x1='451.7' y1='280.0' x2='567.7' y2='264.8'/%3E%3C/svg%3E")}

/* SDG-Icons (eigene Linien-Icons, nicht die offiziellen UN-Piktogramme) */
.an-role--icon{padding-top:0}
.an-role__icon{display:inline-flex;width:56px;height:56px;margin-bottom:12px;border-radius:10px;overflow:hidden}
.an-role__icon img{width:56px;height:56px;display:block}


/* Über uns: Hero-Farbe Dunkelrot/Braun (links neben Magenta in der Leiste) */
.an-sec--deep.an-hero--sdg{background:var(--petrol)}

/* Kontakt: Hero-Farbe Hellgrün + stilisierter Telefonhörer (modern, nur Outline) */
.an-sec--deep.an-hero--kontakt{background:var(--green)}
.an-sec--deep.an-hero--kontakt::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 600' fill='none' stroke='white' stroke-width='2'%3E%3Cg transform='translate(20 20) scale(24)'%3E%3Cpath vector-effect='non-scaling-stroke' d='M6.62,10.79c1.44,2.83,3.76,5.14,6.59,6.59l2.2-2.2c0.27-0.27,0.67-0.36,1.02-0.24c1.12,0.37,2.33,0.57,3.57,0.57c0.55,0,1,0.45,1,1V20c0,0.55-0.45,1-1,1C9.61,21,2,13.39,2,4c0-0.55,0.45-1,1-1h3.5c0.55,0,1,0.45,1,1c0,1.25,0.2,2.45,0.57,3.57c0.11,0.35,0.03,0.74-0.25,1.02L6.62,10.79z'/%3E%3C/g%3E%3C/svg%3E")}

/* ---- Startseite, Rückmeldung 11.10. ---- */
/* Vier Stichworte mit vollem Text, Zahl mit Quelle */
.an-pmini__d{margin:10px 0 0;font-size:16px;line-height:1.55;color:var(--text-soft)}
.an-pmini__fact{margin:14px 0 0;padding-top:12px;border-top:1px solid var(--line);font-size:16px;line-height:1.45;font-weight:600;color:var(--text)}
.an-pmini__src{margin:4px 0 0}
.an-src{font-size:13px;line-height:1.4;color:var(--text-soft);font-weight:400}
.an-src a{color:inherit;text-decoration:underline;text-underline-offset:3px}
/* Zwischenzeile über den Kompetenzfeldern (dunkler Abschnitt) */
.an-xlabel{margin:0 0 16px;font-size:15px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.78)}
/* Prozess als Farbleiste: fünf Schritte, fünf Farben der Leiste */
.an-steps--stripe .an-stepm:nth-child(1),.an-steps--stripe .an-step:nth-child(1){--c:var(--deep)}
.an-steps--stripe .an-stepm:nth-child(2),.an-steps--stripe .an-step:nth-child(2){--c:var(--green)}
.an-steps--stripe .an-stepm:nth-child(3),.an-steps--stripe .an-step:nth-child(3){--c:var(--brown)}
.an-steps--stripe .an-stepm:nth-child(4),.an-steps--stripe .an-step:nth-child(4){--c:var(--magenta)}
.an-steps--stripe .an-stepm:nth-child(5),.an-steps--stripe .an-step:nth-child(5){--c:var(--gray)}
.an-steps--mini.an-steps--stripe{flex-wrap:nowrap;gap:0}
.an-steps--stripe .an-stepm{border-top:10px solid var(--c);padding:16px 20px 0 0}
.an-steps--stripe .an-stepm__n{color:var(--text-soft)}
.an-steps--stripe .an-step{border-top:10px solid var(--c)}
@media (max-width:820px){
  .an-steps--mini.an-steps--stripe{flex-direction:column}
  .an-steps--stripe .an-stepm{flex:none;border-top:0;border-left:10px solid var(--c);padding:10px 0 18px 18px}
}
/* Arbeitsbeispiele: Leistungen in einer Zeile */
.an-case__leist{margin:14px 0 0;font-size:15px;line-height:1.5;color:var(--text-soft)}
.an-case__leist strong{color:var(--text);font-weight:600}

/* ---- Startseite gestrafft (11.10.): weniger Luft zwischen den Abschnitten ---- */
.home .an-sec:not(.an-hero) .an-in{padding-top:64px;padding-bottom:64px}
.home .an-sec .an-in.an-in--claim{padding-top:60px;padding-bottom:52px}
.home .an-sec--plain+.an-sec--plain .an-in{padding-top:8px}
.home .an-h2--space{margin-bottom:28px}
.home .an-lead--space{margin-bottom:32px}
.home .an-morelink--space{margin-top:22px}
.home .an-xintro{margin-bottom:30px}
.home .an-sec--tint .an-why{margin-bottom:28px}
.home .an-kicker--cases{margin-top:36px}
@media (max-width:700px){
  .home .an-sec:not(.an-hero) .an-in{padding-top:44px;padding-bottom:44px}
  .home .an-sec .an-in.an-in--claim{padding-top:40px;padding-bottom:36px}
  .home .an-sec--plain+.an-sec--plain .an-in{padding-top:4px}
  .home .an-h2--space{margin-bottom:20px}
}

/* „Warum Sport?“ mit Quelle (11.10.) */
.an-why__src{margin:10px 0 0}
.an-src--inline{font-size:12.5px;white-space:nowrap;margin-left:4px}
@media (max-width:700px){.an-src--inline{white-space:normal}}

.an-lead--ink a{color:inherit;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.an-roles--entry{margin-top:48px}
.an-btn--outline-deep .wp-block-button__link{background:transparent;color:var(--deep);border:2px solid var(--deep);padding:14px 28px}
.an-btn--outline-deep .wp-block-button__link:hover{background:var(--deep);color:#fff;filter:none}
.an-contact__hint a{color:inherit;text-decoration:underline;text-underline-offset:3px}

/* 11.10.2026 Rückmeldung alle Seiten */
/* Claim Startseite = Größe der Hero-Headline */
.an-claimh{font-size:clamp(30px,3.4vw,48px);line-height:1.08}
@media (max-width:900px){.an-claimh{font-size:clamp(30px,6vw,42px)}}
@media (max-width:700px){.an-claimh{font-size:clamp(28px,8vw,38px)}}
/* Magenta-Kontaktband: Überschrift wie Footer-Überschrift */
.an-sec--pink .an-h2--big{font-size:30px;line-height:1.15}
.an-sec--pink .an-lead--ink{font-size:18px}
@media (max-width:900px){.an-sec--pink .an-h2--big{font-size:24px}}
/* kleinere Buttons in Hero und Kontaktband */
.an-in--ctl .an-btn .wp-block-button__link{font-size:15px;padding:10px 20px}
.an-sec--pink .an-btn .wp-block-button__link{font-size:16px;padding:12px 24px}
/* Logo mobil nicht verzerren */
.an-head>a:first-child img{flex:none;object-fit:contain}
@media (max-width:900px){.an-head>a:first-child img{height:auto!important;width:100%!important;max-width:161px}}
/* Team-Karten Startseite mobil: Foto oben, Text volle Breite */
@media (max-width:640px){
  .an-persons--mini .an-person{display:flex;flex-direction:column}
  .an-persons--mini .an-photo{margin:0 0 16px}
  .an-persons--mini .an-photo img{width:96px;height:96px}
  .an-persons--mini .an-person__name{font-size:26px}
  .an-persons--mini .an-person__role{overflow-wrap:break-word;hyphens:auto;-webkit-hyphens:auto}
}
/* Kontakt: Hörer kleiner und deutlicher, Buttons */
.an-sec--deep.an-hero--kontakt::before{width:340px;height:340px;right:8%;top:50%;transform:translateY(-50%);opacity:.38;background-size:contain;background-repeat:no-repeat;background-position:center;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.1' stroke-linejoin='round'%3E%3Cpath d='M6.62,10.79c1.44,2.83,3.76,5.14,6.59,6.59l2.2-2.2c0.27-0.27,0.67-0.36,1.02-0.24c1.12,0.37,2.33,0.57,3.57,0.57c0.55,0,1,0.45,1,1V20c0,0.55-0.45,1-1,1C9.61,21,2,13.39,2,4c0-0.55,0.45-1,1-1h3.5c0.55,0,1,0.45,1,1c0,1.25,0.2,2.45,0.57,3.57c0.11,0.35,0.03,0.74-0.25,1.02L6.62,10.79z'/%3E%3C/svg%3E")}
@media (max-width:900px){.an-sec--deep.an-hero--kontakt::before{width:220px;height:220px;right:-30px;opacity:.22}}
.an-buttons--contact{display:flex;flex-wrap:wrap;gap:12px;margin:8px 0 18px}
.an-buttons--contact .wp-block-button__link{font-size:16px;padding:12px 24px}
.an-buttons--contact .an-btn--outline-deep .wp-block-button__link{padding:10px 22px}
.an-buttons--contact{margin-top:22px}
/* Kontakt-Hörer: größer, darf angeschnitten sein, Deckkraft wie andere Hero-Icons */
.an-sec--deep.an-hero--kontakt::before{width:640px;height:640px;right:-90px;top:-20px;transform:none;opacity:.2;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='.13' stroke-linejoin='round'%3E%3Cpath d='M6.62,10.79c1.44,2.83,3.76,5.14,6.59,6.59l2.2-2.2c0.27-0.27,0.67-0.36,1.02-0.24c1.12,0.37,2.33,0.57,3.57,0.57c0.55,0,1,0.45,1,1V20c0,0.55-0.45,1-1,1C9.61,21,2,13.39,2,4c0-0.55,0.45-1,1-1h3.5c0.55,0,1,0.45,1,1c0,1.25,0.2,2.45,0.57,3.57c0.11,0.35,0.03,0.74-0.25,1.02L6.62,10.79z'/%3E%3C/svg%3E")}
@media (max-width:900px){.an-sec--deep.an-hero--kontakt::before{width:420px;height:420px;right:-120px;top:-10px;opacity:.15}}
/* Startseite mobil (Variante B, 11.10.2026): Claim rückt in den ersten Bildschirm */
@media (max-width:700px){
  .an-fg{min-height:0!important}
  .an-in--ctl{padding-bottom:32px!important}
  .an-in--ctl .wp-block-button:nth-child(n+2){display:none!important}
  .home .an-sec .an-in.an-in--claim{padding-top:22px!important}
}
/* Startseite mobil (Variante B): keine Buttons im Slider (Erstgespräch steht in der festen Kopfzeile),
   keine Leerfläche, Claim rückt in den ersten Bildschirm */
@media (max-width:900px){
  .an-hero--slider .an-fg{min-height:0!important}
  .an-hero--slider .an-in--ctl{display:none!important}
  .an-hero--slider .an-in--slide{padding-bottom:36px!important}
  .home .an-sec .an-in.an-in--claim{padding-top:22px!important}
}

/* ===== Unterseiten-Gestaltung Variante 3 „Karten“ (Entscheidung 11.10.2026) ===== */
main:has(> .an-hero--stiftungen){--zg:var(--deep)}
main:has(> .an-hero--vereine){--zg:var(--magenta)}
main:has(> .an-hero--venues){--zg:var(--gray)}
main:has(> .an-hero--unternehmen){--zg:#3e6b85}
main:has(> .an-hero--sdg){--zg:var(--petrol)}
main:has(> .an-hero--kontakt){--zg:var(--deep)}
main:has(> .an-hero--stiftungen, > .an-hero--vereine, > .an-hero--venues, > .an-hero--unternehmen, > .an-hero--sdg, > .an-hero--kontakt){background:#edf1f4}
main:has(> .an-hero--stiftungen, > .an-hero--vereine, > .an-hero--venues, > .an-hero--unternehmen, > .an-hero--sdg, > .an-hero--kontakt) > .an-sec--calm .an-in::before{display:none!important}
main:has(> .an-hero--stiftungen, > .an-hero--vereine, > .an-hero--venues, > .an-hero--unternehmen, > .an-hero--sdg, > .an-hero--kontakt) > .an-sec--plain{background:#edf1f4}
/* Situation */
main:has(> .an-hero--stiftungen, > .an-hero--vereine, > .an-hero--venues, > .an-hero--unternehmen, > .an-hero--sdg, > .an-hero--kontakt) .an-roles--2{gap:20px!important;max-width:none!important}
main:has(> .an-hero--stiftungen, > .an-hero--vereine, > .an-hero--venues, > .an-hero--unternehmen, > .an-hero--sdg, > .an-hero--kontakt) .an-role{background:#fff;border-radius:16px;padding:26px 28px;box-shadow:0 2px 10px rgba(29,53,69,.06)}
main:has(> .an-hero--stiftungen, > .an-hero--vereine, > .an-hero--venues, > .an-hero--unternehmen, > .an-hero--sdg, > .an-hero--kontakt) .an-role::before{background:var(--zg)}
main:has(> .an-hero--stiftungen, > .an-hero--vereine, > .an-hero--venues, > .an-hero--unternehmen, > .an-hero--sdg, > .an-hero--kontakt) .an-roles--entry .an-role{border-top:5px solid var(--zg)}
/* Leistung: Felder als Karten im 2er-Raster */
main:has(> .an-hero--stiftungen, > .an-hero--vereine, > .an-hero--venues, > .an-hero--unternehmen, > .an-hero--sdg, > .an-hero--kontakt) .an-fields>.wp-block-group__inner-container{display:grid;grid-template-columns:1fr 1fr;gap:20px}
main:has(> .an-hero--stiftungen, > .an-hero--vereine, > .an-hero--venues, > .an-hero--unternehmen, > .an-hero--sdg, > .an-hero--kontakt) .an-fields .an-field{margin:0;background:#fff;border:0;border-radius:16px;padding:30px 32px;box-shadow:0 2px 10px rgba(29,53,69,.06)}
main:has(> .an-hero--stiftungen, > .an-hero--vereine, > .an-hero--venues, > .an-hero--unternehmen, > .an-hero--sdg, > .an-hero--kontakt) .an-fields .an-field:last-child:nth-child(odd){grid-column:1/-1}
main:has(> .an-hero--stiftungen, > .an-hero--vereine, > .an-hero--venues, > .an-hero--unternehmen, > .an-hero--sdg, > .an-hero--kontakt) .an-fields .an-field__body{display:block}
main:has(> .an-hero--stiftungen, > .an-hero--vereine, > .an-hero--venues, > .an-hero--unternehmen, > .an-hero--sdg, > .an-hero--kontakt) .an-fields .an-field__t{font-size:17px}
main:has(> .an-hero--stiftungen, > .an-hero--vereine, > .an-hero--venues, > .an-hero--unternehmen, > .an-hero--sdg, > .an-hero--kontakt) .an-fields .an-field__get{margin-top:18px;border-left:0;padding-left:0}
main:has(> .an-hero--stiftungen, > .an-hero--vereine, > .an-hero--venues, > .an-hero--unternehmen, > .an-hero--sdg, > .an-hero--kontakt) .an-fields .an-field:last-child:nth-child(odd) .an-field__body{display:grid;grid-template-columns:1.1fr 1fr;gap:28px 56px}
main:has(> .an-hero--stiftungen, > .an-hero--vereine, > .an-hero--venues, > .an-hero--unternehmen, > .an-hero--sdg, > .an-hero--kontakt) .an-fields .an-field:last-child:nth-child(odd) .an-field__get{margin-top:0}
/* Vorgehen */
main:has(> .an-hero--stiftungen, > .an-hero--vereine, > .an-hero--venues, > .an-hero--unternehmen, > .an-hero--sdg, > .an-hero--kontakt) .an-sec--calm .an-step{background:#fff;border:0;border-radius:16px;padding:24px;box-shadow:0 2px 10px rgba(29,53,69,.06)}
main:has(> .an-hero--stiftungen, > .an-hero--vereine, > .an-hero--venues, > .an-hero--unternehmen, > .an-hero--sdg, > .an-hero--kontakt) .an-sec--calm .an-step__n{color:var(--zg)}
/* Ergebnis */
main:has(> .an-hero--stiftungen, > .an-hero--vereine, > .an-hero--venues, > .an-hero--unternehmen, > .an-hero--sdg, > .an-hero--kontakt) .an-res{background:#fff;border-radius:16px;padding:40px 44px;border-left:6px solid var(--zg);box-shadow:0 2px 10px rgba(29,53,69,.06)}
/* Beleg */
main:has(> .an-hero--stiftungen, > .an-hero--vereine, > .an-hero--venues, > .an-hero--unternehmen, > .an-hero--sdg, > .an-hero--kontakt) .an-refs{display:block}
main:has(> .an-hero--stiftungen, > .an-hero--vereine, > .an-hero--venues, > .an-hero--unternehmen, > .an-hero--sdg, > .an-hero--kontakt) .an-refs>.wp-block-group__inner-container{display:grid;grid-template-columns:1fr 1fr;gap:20px}
main:has(> .an-hero--stiftungen, > .an-hero--vereine, > .an-hero--venues, > .an-hero--unternehmen, > .an-hero--sdg, > .an-hero--kontakt) .an-ref,main:has(> .an-hero--stiftungen, > .an-hero--vereine, > .an-hero--venues, > .an-hero--unternehmen, > .an-hero--sdg, > .an-hero--kontakt) .an-ref+.an-ref{background:#fff;border:0;border-radius:16px;padding:32px;margin:0;box-shadow:0 2px 10px rgba(29,53,69,.06)}
main:has(> .an-hero--stiftungen, > .an-hero--vereine, > .an-hero--venues, > .an-hero--unternehmen, > .an-hero--sdg, > .an-hero--kontakt) .an-ref:only-child{grid-column:1/-1}
@media (max-width:900px){
  main:has(> .an-hero--stiftungen, > .an-hero--vereine, > .an-hero--venues, > .an-hero--unternehmen, > .an-hero--sdg, > .an-hero--kontakt) .an-fields>.wp-block-group__inner-container,main:has(> .an-hero--stiftungen, > .an-hero--vereine, > .an-hero--venues, > .an-hero--unternehmen, > .an-hero--sdg, > .an-hero--kontakt) .an-refs>.wp-block-group__inner-container{grid-template-columns:1fr}
  main:has(> .an-hero--stiftungen, > .an-hero--vereine, > .an-hero--venues, > .an-hero--unternehmen, > .an-hero--sdg, > .an-hero--kontakt) .an-fields .an-field:last-child:nth-child(odd) .an-field__body{display:block}
  main:has(> .an-hero--stiftungen, > .an-hero--vereine, > .an-hero--venues, > .an-hero--unternehmen, > .an-hero--sdg, > .an-hero--kontakt) .an-fields .an-field:last-child:nth-child(odd) .an-field__get{margin-top:18px}
  main:has(> .an-hero--stiftungen, > .an-hero--vereine, > .an-hero--venues, > .an-hero--unternehmen, > .an-hero--sdg, > .an-hero--kontakt) .an-fields .an-field{padding:22px 20px}
  main:has(> .an-hero--stiftungen, > .an-hero--vereine, > .an-hero--venues, > .an-hero--unternehmen, > .an-hero--sdg, > .an-hero--kontakt) .an-role{padding:22px 20px}
  main:has(> .an-hero--stiftungen, > .an-hero--vereine, > .an-hero--venues, > .an-hero--unternehmen, > .an-hero--sdg, > .an-hero--kontakt) .an-res{padding:28px 22px}
  main:has(> .an-hero--stiftungen, > .an-hero--vereine, > .an-hero--venues, > .an-hero--unternehmen, > .an-hero--sdg, > .an-hero--kontakt) .an-ref,main:has(> .an-hero--stiftungen, > .an-hero--vereine, > .an-hero--venues, > .an-hero--unternehmen, > .an-hero--sdg, > .an-hero--kontakt) .an-ref+.an-ref{padding:24px 20px}
}
.an-ref__h,.an-ref__t,.an-ref__l,.an-ref__list{overflow-wrap:break-word;hyphens:auto;-webkit-hyphens:auto}
.an-role__h,.an-role__t,.an-role__e{overflow-wrap:break-word;hyphens:auto;-webkit-hyphens:auto}

/* Kontakt: die beiden Spalten ebenfalls als Karten */
main:has(> .an-hero--stiftungen, > .an-hero--vereine, > .an-hero--venues, > .an-hero--unternehmen, > .an-hero--sdg, > .an-hero--kontakt) .an-row--top{gap:20px}
main:has(> .an-hero--stiftungen, > .an-hero--vereine, > .an-hero--venues, > .an-hero--unternehmen, > .an-hero--sdg, > .an-hero--kontakt) .an-contact{background:#fff;border-radius:16px;padding:32px 34px;box-shadow:0 2px 10px rgba(29,53,69,.06)}
main:has(> .an-hero--stiftungen, > .an-hero--vereine, > .an-hero--venues, > .an-hero--unternehmen, > .an-hero--sdg, > .an-hero--kontakt) .an-contact .an-kicker{margin-top:0}
@media (max-width:900px){main:has(> .an-hero--stiftungen, > .an-hero--vereine, > .an-hero--venues, > .an-hero--unternehmen, > .an-hero--sdg, > .an-hero--kontakt) .an-contact{padding:24px 20px}}
main:has(> .an-hero--kontakt) .an-row--top{align-items:stretch}

/* ===== Startseite an die Unterseiten angeglichen (Variante A, 11.10.2026) ===== */
.home main{background:#edf1f4}
.home .an-sec--tint{background:transparent}
.home .an-sec--plain{background:#fff}
.home .an-pmini,.home .an-fcard{border:0;border-radius:16px;box-shadow:0 2px 10px rgba(29,53,69,.06)}
.home .an-fcard{border-top:5px solid var(--c)}
.home .an-pmini{border-top:5px solid var(--c);padding:22px 22px}
.home .an-why{gap:20px}
.home .an-why__i{background:#fff;border-radius:16px;padding:28px 30px;box-shadow:0 2px 10px rgba(29,53,69,.06)}
.home .an-case{background:#fff;border-radius:16px;padding:28px;box-shadow:0 2px 10px rgba(29,53,69,.06)}
.home .an-steps--stripe .an-stepm{background:#fff;border-radius:16px;border-top:0;padding:0 20px 20px;overflow:hidden;box-shadow:0 2px 10px rgba(29,53,69,.06)}
.home .an-steps--stripe .an-stepm::before{content:"";display:block;height:10px;margin:0 -20px 16px;background:var(--c)}
.home .an-persons--mini .an-person{border:0;border-radius:16px;box-shadow:0 2px 10px rgba(29,53,69,.06)}
@media (max-width:900px){
  .home .an-why__i{padding:22px 20px}
  .home .an-case{padding:22px 20px}
  .home .an-steps--stripe .an-stepm{padding:0 18px 18px}
  .home .an-steps--stripe .an-stepm::before{margin:0 -18px 14px}
}
@media (max-width:784px){
  .home .an-steps--stripe .an-stepm{border-left:0;padding:0 18px 18px}
  .home .an-steps--stripe .an-stepm::before{display:block;margin:0 -18px 14px}
}
