:root{--navy:#073b70;--deep:#062f58;--gold:#c7953d;--cream:#faf6ee;--sand:#f1eadf;--paper:#fffefa;--ink:#0b3b6c;--muted:#52697d;--line:#e9dfd0;--bluewash:#f1f6fa;--radius:12px;--shadow:0 8px 28px rgba(6,47,88,.08);--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Segoe UI",Arial,sans-serif;line-height:1.48}img{max-width:100%;display:block}h1,h2,h3{font-family:Georgia,"Times New Roman",serif;color:var(--navy);line-height:1.04;margin:0 0 .45em;font-weight:700}h1{font-size:clamp(3rem,5vw,5.2rem)}h2{font-size:clamp(2rem,3.1vw,3.15rem)}h3{font-size:1.3rem}p{margin:.35em 0 1em}.container{width:min(calc(100% - 48px),var(--max));margin:auto}.section{padding:68px 0}.center{text-align:center}.center .sub{margin-inline:auto}.sub{max-width:720px;color:var(--muted)}.eyebrow{font-size:.74rem;letter-spacing:.22em;text-transform:uppercase;font-weight:700;color:var(--navy);margin-bottom:18px}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;background:white;padding:10px;z-index:99}
.site-header{height:86px;background:rgba(255,254,250,.98);position:sticky;top:0;z-index:30;border-bottom:1px solid rgba(233,223,208,.65)}.header-inner{height:86px;display:flex;align-items:center;gap:24px}.brand-lockup{display:block;width:300px;flex:0 0 300px}.brand-lockup img{width:100%;height:70px;object-fit:contain}.nav{list-style:none;display:flex;gap:25px;align-items:center;padding:0;margin:0}.site-header nav{margin-left:auto}.nav a{color:var(--navy);text-decoration:none;font-size:.9rem;font-weight:650}.nav a:hover{text-decoration:underline;text-underline-offset:5px}.menu-btn{display:none;border:0;background:transparent;color:var(--navy);font-size:1.8rem}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--gold);border-radius:10px;padding:13px 24px;text-decoration:none;font-weight:700;font-size:.94rem;transition:.18s;cursor:pointer}.btn-primary{background:var(--gold);color:#fff}.btn-secondary{background:#fff;color:var(--navy)}.btn-dark{background:var(--navy);border-color:var(--navy);color:#fff}.btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(7,59,112,.12)}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #e3ae4e;outline-offset:3px}
.hero{background:linear-gradient(90deg,#fffdf8 0 48%,#f0e8dc 48%);overflow:hidden}.hero-grid{display:grid;grid-template-columns:48% 52%;min-height:515px}.hero-copy{padding:58px 48px 44px 0}.hero-copy h1{letter-spacing:-.035em}.hero-copy h1:after{content:"";display:block;width:80px;height:2px;background:var(--gold);margin-top:14px}.hero-copy .lead{font-family:Georgia,serif;font-size:1.2rem;max-width:540px}.hero-actions{display:flex;gap:16px;margin:28px 0 31px}.hero-image{margin-right:calc((100vw - min(100vw - 48px,var(--max)))/-2);min-height:515px}.hero-image img{width:100%;height:100%;object-fit:cover}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.principle{display:flex;gap:10px;align-items:center;font-size:.82rem}.principle img{width:38px;height:38px}.principle b{font-family:Georgia,serif;font-size:1.05rem}.principle small{color:var(--muted)}
.topics{background:linear-gradient(#fffefa,#fbf6ed)}.grid{display:grid;gap:18px}.cards-6{grid-template-columns:repeat(6,1fr)}.topic-card{background:#fff;border:1px solid var(--line);border-radius:9px;padding:14px 14px 12px;box-shadow:0 5px 18px rgba(6,47,88,.05);display:flex;flex-direction:column;min-height:290px}.topic-card .icon{width:34px;height:34px;margin-bottom:8px}.topic-card h3{font-size:1.12rem;min-height:58px}.topic-photo{height:112px;object-fit:cover;border-radius:5px;margin:2px 0 12px}.card-link{color:var(--navy);font-weight:700;text-decoration:none;font-size:.85rem;margin-top:auto}.card-link:after{content:"  →";color:var(--gold)}
.method-band{padding:35px 0 42px;background:#fff}.method-row{display:grid;grid-template-columns:1fr 40px 1fr 40px 1fr 1.2fr;gap:18px;align-items:center}.method-item{text-align:center}.method-item img{width:47px;height:47px;margin:0 auto 7px}.method-item h3{margin:0;font-size:1.3rem}.method-item p{font-size:.84rem;color:var(--muted);margin:5px 0}.arrow{font-family:Georgia,serif;font-size:1.7rem;text-align:center}.hand{font-family:"Segoe Print","Bradley Hand",cursive;color:var(--navy);font-size:1.28rem;transform:rotate(-4deg);text-align:center}.hand:after{content:"";display:block;width:120px;height:2px;background:var(--gold);margin:7px auto 0;transform:rotate(-2deg)}
.tools-home{background:#fbf7ef}.cards-4{grid-template-columns:repeat(4,1fr)}.tool-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px;box-shadow:0 5px 16px rgba(6,47,88,.05)}.tool-card img{width:42px;height:42px}.tool-card p{color:var(--muted);font-size:.9rem;min-height:52px}.tool-card .btn{width:100%;padding:10px}.privacy-strip{display:flex;align-items:center;gap:15px;margin-top:18px;background:#edf5fb;padding:16px 20px;border-radius:8px}.privacy-strip img{width:31px}.privacy-strip p{margin:0;font-size:.9rem}
.life{background:#fff}.timeline{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-top:30px;position:relative}.timeline:before{content:"";position:absolute;top:35px;left:7%;right:7%;height:1px;background:var(--gold);z-index:0}.stage{text-align:center;position:relative;z-index:1}.stage-icon{width:70px;height:70px;background:var(--cream);border-radius:50%;display:grid;place-items:center;margin:0 auto 12px}.stage-icon img{width:38px;height:38px}.stage b{font-family:Georgia,serif;font-size:1rem}.stage small{display:block;color:var(--muted);font-size:.78rem;margin-top:3px}
.book-section{background:linear-gradient(90deg,#f8f2e8,#fff 60%)}.book-grid{display:grid;grid-template-columns:215px 1.45fr .8fr;gap:38px;align-items:center}.book-real{width:205px;filter:drop-shadow(0 14px 18px rgba(0,0,0,.17))}.book-copy h2{font-size:2.55rem}.book-copy .subtitle{font-family:Georgia,serif;font-size:1.18rem}.quote{background:#f1f6fa;border-radius:10px;padding:35px 28px;text-align:center;font-family:Georgia,serif;font-style:italic;font-size:1.15rem;color:var(--navy)}
.mission{padding:0;background:#fff}.mission-grid{display:grid;grid-template-columns:32% 44% 24%;min-height:280px}.mission-photo img{width:100%;height:100%;object-fit:cover}.mission-copy{padding:42px}.mission-values{background:#fbf7ef;padding:38px 30px}.value{display:flex;gap:13px;margin-bottom:20px}.value img{width:36px;height:36px}.value b{display:block;font-family:Georgia,serif}.value span{font-size:.84rem;color:var(--muted)}
.partner{padding:28px 0;background:#edf5fb}.partner-cta{display:flex;align-items:center;gap:22px}.partner-cta img{width:48px}.partner-cta div{flex:1}.partner-cta h3{margin:0}.partner-cta p{margin:3px 0;color:var(--muted)}
.footer{background:linear-gradient(100deg,#073b70,#052e55);color:#fff;padding:38px 0}.footer-grid{display:grid;grid-template-columns:260px 1fr;gap:35px;align-items:start}.brand-footer img{width:235px}.footer-links{display:flex;gap:18px;flex-wrap:wrap;justify-content:flex-end}.footer a{color:#fff;text-decoration:none;font-size:.82rem}.footer small{opacity:.8}
.page-hero{padding:68px 0 50px;background:linear-gradient(110deg,#fffdf8,#f7efe3)}.page-hero p{font-size:1.15rem;max-width:760px}.article{max-width:820px}.article h2{margin-top:2rem}.notice{padding:16px 18px;background:#fff6e4;border-left:3px solid var(--gold);border-radius:6px}.card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:22px;box-shadow:0 5px 18px rgba(6,47,88,.05)}.cards-3{grid-template-columns:repeat(3,1fr)}.method{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:28px 0}.method .card{border-top:3px solid var(--gold)}
.tool-section{padding:56px 0}.tool-shell{display:grid;grid-template-columns:.72fr 1.28fr;gap:34px;align-items:start}.tool-panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:25px;box-shadow:var(--shadow)}.tool-steps{display:flex;gap:6px;margin:0 0 24px}.tool-steps span{flex:1;background:#f1f4f6;border-radius:999px;padding:7px 10px;text-align:center;font-size:.75rem}.tool-steps span:first-child{background:#e8f0f7;color:var(--navy);font-weight:700}.group{background:#fbfaf7;border:1px solid #eee5d9;border-radius:10px;padding:16px;margin-bottom:16px}.group h3{font-size:1.15rem;margin-bottom:13px}.field{display:grid;grid-template-columns:1fr 150px 34px;gap:10px;align-items:center;margin-bottom:10px}.field label{font-size:.9rem;font-weight:650}.field input{width:100%;padding:11px 12px;border:1px solid #b8c4ce;border-radius:7px;font:inherit;text-align:right}.currency{text-align:center}.sumline{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:11px;margin-top:10px;font-weight:700}.result{background:#edf5fb;border-radius:10px;padding:19px;margin-top:16px}.result strong{font-family:Georgia,serif;font-size:1.7rem}.tool-actions{display:flex;gap:10px;margin-top:15px}.reset{background:#fff;color:var(--navy);border:1px solid #b8c4ce;border-radius:8px;padding:10px 14px;cursor:pointer}.add-row{border:0;background:transparent;color:var(--navy);font-weight:700;cursor:pointer;padding:8px 0}.privacy-note{display:flex;gap:12px;background:#f0f7f3;padding:14px;border-radius:8px;color:#285746}.privacy-note img{width:28px}.check-list{display:grid;gap:10px}.check-item{display:flex;gap:10px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fff}.check-item input{width:19px;height:19px}.bar{height:14px;background:#e6edf2;border-radius:999px;overflow:hidden;margin:10px 0}.bar>span{display:block;height:100%;background:var(--gold);width:0;transition:.2s}
@media(max-width:1050px){.brand-lockup{width:235px;flex-basis:235px}.nav{gap:14px}.nav a{font-size:.82rem}.header-inner>.btn{padding:11px 16px}.cards-6{grid-template-columns:repeat(3,1fr)}.topic-card h3{min-height:auto}.timeline{grid-template-columns:repeat(4,1fr);row-gap:25px}.timeline:before{display:none}}
@media(max-width:900px){.site-header,.header-inner{height:74px}.brand-lockup{width:245px;flex-basis:245px}.brand-lockup img{height:58px}.menu-btn{display:block;margin-left:auto}.site-header nav{margin:0}.nav{display:none;position:absolute;top:74px;left:0;right:0;background:#fff;padding:22px 28px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}.nav.open{display:flex}.header-inner>.btn{display:none}.hero{background:var(--cream)}.hero-grid{grid-template-columns:1fr}.hero-copy{padding:48px 0 30px}.hero-image{margin:0 -24px;min-height:390px}.hero-image img{height:390px}.method-row{grid-template-columns:1fr 30px 1fr 30px 1fr}.method-row .hand{grid-column:1/-1}.book-grid{grid-template-columns:180px 1fr}.quote{grid-column:1/-1}.mission-grid{grid-template-columns:1fr 1.5fr}.mission-values{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.footer-grid{grid-template-columns:1fr}.footer-links{justify-content:flex-start}.tool-shell{grid-template-columns:1fr}}
@media(max-width:580px){.container{width:min(calc(100% - 28px),var(--max))}.section{padding:48px 0}.brand-lockup{width:225px;flex-basis:225px}.hero-copy{padding-top:34px}.hero-copy h1{font-size:2.75rem}.hero-copy .lead{font-size:1.05rem}.hero-actions{flex-direction:column}.principles{grid-template-columns:1fr;gap:12px}.hero-image{margin:0 -14px;min-height:280px}.hero-image img{height:280px}.cards-6,.cards-4,.cards-3,.method{grid-template-columns:1fr}.topic-card{display:grid;grid-template-columns:34px 1fr 95px;grid-template-rows:auto auto;column-gap:10px;min-height:0;align-items:center}.topic-card .icon{grid-row:1/3;margin:0}.topic-card h3{font-size:1rem;margin:0}.topic-photo{grid-column:3;grid-row:1/3;width:95px;height:68px;margin:0}.topic-card .card-link{grid-column:2;margin:4px 0 0}.method-row{grid-template-columns:1fr}.arrow{transform:rotate(90deg)}.timeline{grid-template-columns:1fr}.stage{display:grid;grid-template-columns:64px 1fr;text-align:left;align-items:center}.stage-icon{width:58px;height:58px;margin:0}.stage small{grid-column:2}.book-grid{grid-template-columns:1fr}.book-real{width:180px;margin:auto}.book-copy{text-align:center}.mission-grid{grid-template-columns:1fr}.mission-photo{height:230px}.mission-copy{padding:34px 14px}.mission-values{grid-template-columns:1fr;padding:28px 14px}.partner-cta{align-items:flex-start;flex-wrap:wrap}.partner-cta .btn{width:100%}.field{grid-template-columns:1fr 110px 24px}.tool-actions{flex-direction:column}.footer-links{display:grid;grid-template-columns:repeat(2,1fr)}h2{font-size:2rem}}


/* ==========================================================
   PHASE 4C – begrenzter visueller/UX-Feinschliff
   Bestehende Architektur, Navigation, Tools, Logo und Bildassets bleiben erhalten.
   ========================================================== */

/* Sticky header / anchor UX */
html{scroll-padding-top:104px}
[id]{scroll-margin-top:104px}

/* Hero: Desktop-H1 bewusst ca. 10–15 % ruhiger als Phase 4B */
@media(min-width:901px){
  .hero-copy h1{font-size:clamp(2.7rem,4.25vw,4.55rem)}
}

/* Themenkarten: ruhigere Umbrüche bei sechs gleichwertigen Desktopkarten */
@media(min-width:1051px){
  .topic-card{padding:15px 13px 13px}
  .topic-card h3{font-size:1.06rem;line-height:1.16;min-height:62px}
}

/* Marken-/Methodenbereich: gemeinsame optische Grundlinie und harmonisierte Abstände */
.method-row{grid-template-columns:1fr 34px 1fr 34px 1fr 1.2fr;gap:20px}
.method-item{display:grid;grid-template-rows:52px auto auto;align-items:start}
.method-item img{width:47px;height:47px;align-self:center}
.method-item h3{line-height:1.08}
.method-item p{min-height:2.5em}
.arrow{align-self:center;transform:translateY(-12px)}

/* Mission: starke H2, aber klar unterhalb der Hero-Hierarchie */
.mission-copy h2{font-size:clamp(1.85rem,2.35vw,2.65rem);line-height:1.08}

/* Responsive anchor offsets and method alignment */
@media(max-width:900px){
  html{scroll-padding-top:90px}
  [id]{scroll-margin-top:90px}
  .method-row{grid-template-columns:1fr 30px 1fr 30px 1fr}
  .method-item{grid-template-rows:52px auto auto}
}
@media(max-width:580px){
  html{scroll-padding-top:86px}
  [id]{scroll-margin-top:86px}
  .method-row{grid-template-columns:1fr}
  .method-item{grid-template-rows:auto}
  .method-item p{min-height:0}
  .arrow{transform:rotate(90deg);margin:2px auto}
}

/* Phase 5A: neue Textinformationen im bestehenden Designsystem */
.mission-copy .notice{margin:18px 0;padding:15px 18px}.mission-copy .notice h3{font-size:1.12rem;line-height:1.25}.mission-copy .notice p{font-size:.9rem;line-height:1.48;margin-bottom:0}.footer-contact{padding:0 0 22px;color:#fff;font-size:.86rem}.footer-contact a{color:#fff;text-underline-offset:3px}.footer-contact a:focus-visible{outline:3px solid #e3ae4e;outline-offset:3px}@media(max-width:580px){.mission-copy .notice{padding:14px}.footer-contact{line-height:1.9}}

/* Phase 5E: restrained additions; original visual identity retained. */
.brand-lockup img{height:auto;max-height:70px}.brand-lockup{min-width:0}
@media(min-width:1000px) and (max-width:1250px){.header-inner{gap:12px}.brand-lockup{width:245px;flex-basis:245px}.nav{gap:12px}.nav a{font-size:.83rem}}
.markenlinie{font-size:1rem;letter-spacing:.07em;font-weight:700;color:var(--navy);text-align:center;padding:14px 16px;background:var(--cream)}
.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:25px 0}.feature-card{border:1px solid var(--line);border-radius:var(--radius);padding:26px;background:white;box-shadow:var(--shadow)}.feature-card h3{margin-top:12px}.feature-card .price{font:700 2rem Georgia,serif;color:var(--navy)}.feature-card .small{font-size:.9rem;color:var(--muted)}.feature-card .btn{margin-top:14px}.webinar-panel{background:var(--cream);border:1px solid var(--line);border-radius:var(--radius);padding:28px;margin:30px 0}.webinar-panel label{display:block;font-weight:700;margin:15px 0 7px}.webinar-panel select{width:100%;max-width:450px;padding:12px;border:1px solid var(--muted);border-radius:6px;background:white;font:inherit}.webinar-panel .btn{margin:16px 0 8px}.info-note{font-size:.93rem;color:var(--muted)}.section-narrow{max-width:850px}.simple-teaser{background:var(--cream);padding:32px;border-radius:var(--radius);margin:25px auto}.simple-teaser h2{font-size:clamp(1.8rem,3vw,2.6rem)}
@media(max-width:800px){.feature-grid{grid-template-columns:1fr}.webinar-panel{padding:18px}.brand-lockup img{max-height:64px}}