/* Arbeitsbedingungen entwickeln | Redesign 2026 | Fragebogen ist bewusst ausgeschlossen */
:root{--bg:#f7f8f5;--text:#20312d;--muted:#63746e;--accent:#23614f;--accent-light:#e1eee7;--card:#fff;--border:#dfe7e0;--forest:#173d35;--sand:#f5efe5;--page-gutter:max(5.1vw,calc((100vw - 1320px)/2));--radius:22px;--shadow:0 18px 55px rgba(24,59,47,.065)}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{background:#f7f8f5;color:var(--text);font-family:Inter,"Segoe UI",system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.65}
::selection{background:#c9e8d7;color:#153b2c}
a,button,summary{transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}
:where(a,button,input,textarea,summary):focus-visible{outline:3px solid #c39f6d;outline-offset:3px}
header#top{padding:13px var(--page-gutter);height:84px;background:rgba(250,251,248,.94);border-bottom:1px solid rgba(31,70,55,.11);box-shadow:0 4px 25px rgba(20,50,38,.025);backdrop-filter:blur(20px);gap:22px}
header#top .home-logo{gap:12px;white-space:normal;max-width:305px;font-size:14px;letter-spacing:-.035em;font-weight:800;line-height:1.24;color:#1c4134}
header#top .header-logo-symbol{width:43px;height:43px;flex:0 0 43px}
header#top nav{display:flex;align-items:center;justify-content:flex-end;gap:clamp(8px,1.6vw,23px)}
header#top nav a{margin:0;font-size:13px;letter-spacing:.005em;font-weight:680;color:#51655c;padding:10px 3px;border-radius:8px;white-space:nowrap}
header#top nav a:hover{color:#165846}
header#top nav a[href="#kontakt"],header#top nav a[href="index.html#kontakt"]{color:white;background:var(--accent);padding:11px 19px;border-radius:100px;box-shadow:0 7px 19px rgba(35,97,79,.16)}
header#top nav a[href="#kontakt"]:hover,header#top nav a[href="index.html#kontakt"]:hover{background:#134635;transform:translateY(-1px)}
.nav-toggle{display:none;align-items:center;justify-content:center;gap:7px;background:#edf4ee;border:1px solid #d4e1d9;border-radius:13px;color:#245642;font:700 13px/1 system-ui,sans-serif;min-height:42px;padding:11px 14px;cursor:pointer}
.nav-toggle svg{width:18px;height:18px}
.hero{isolation:isolate;min-height:680px;grid-template-columns:minmax(0,1.22fr) minmax(315px,.78fr);gap:clamp(40px,5vw,90px);padding:clamp(83px,8vw,135px) var(--page-gutter) clamp(85px,8vw,126px);overflow:hidden;background:radial-gradient(ellipse 42% 68% at 100% 4%,#e0eee2 0,transparent 100%),linear-gradient(132deg,#f4f8f4 0%,#f9f8f4 58%,#f0f5ee 100%)}
.hero::before{content:"";position:absolute;left:calc(var(--page-gutter) - 36px);top:65px;width:58px;height:58px;border-top:2px solid rgba(38,104,78,.12);border-left:2px solid rgba(38,104,78,.12);border-radius:12px 0 0;z-index:-1}
.hero::after{content:"";position:absolute;width:680px;height:680px;right:-410px;bottom:-460px;border:1px solid rgba(44,111,82,.15);border-radius:50%;box-shadow:0 0 0 85px rgba(44,111,82,.025),0 0 0 170px rgba(44,111,82,.022);z-index:-1}
.hero > div:first-child{max-width:800px;z-index:1}
.hero .eyebrow{font-size:11px;font-weight:850;letter-spacing:.16em;display:inline-flex;align-items:center;gap:12px;margin-bottom:27px;color:#2b735a}
.hero .eyebrow:before{content:"";height:2px;width:30px;background:#d5a87a;display:block;border-radius:2px}
.hero h1{font-size:clamp(46px,5.25vw,82px);line-height:1.055;letter-spacing:-.067em;color:#172e28;font-weight:760;max-width:820px;margin-bottom:25px;text-wrap:balance}
.hero .lead{font-size:clamp(17px,1.5vw,20px);line-height:1.8;max-width:670px;margin-bottom:32px;color:#52645b}
.buttons{gap:12px}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 23px;border-radius:13px;font-size:14px;line-height:1.3;border:1px solid var(--accent);text-align:center;box-shadow:none;text-decoration:none}
.button:hover{transform:translateY(-2px)}
.button.primary,.button.app-button{background:var(--accent);color:#fff;box-shadow:0 10px 22px rgba(29,98,71,.14)}
.button.primary:hover,.button.app-button:hover{background:#184d3d;border-color:#184d3d;box-shadow:0 14px 27px rgba(29,98,71,.18)}
.button.secondary{background:#fff;color:#285c4d;border-color:#c8d8cd}
.button.secondary:hover{background:#edf5ef}
.hero-offer{margin-top:27px;color:#59716a;font-size:13px!important;font-weight:650}
.hero-card{position:relative;overflow:hidden;border:1px solid rgba(201,225,211,.5);border-radius:27px;min-height:470px;align-self:center;background:radial-gradient(circle at 90% 3%,rgba(126,188,148,.25),transparent 40%),linear-gradient(145deg,#1b4d3e 0%,#11382f 100%);box-shadow:0 30px 65px rgba(20,64,46,.2);padding:clamp(26px,3.7vw,49px) clamp(25px,3vw,42px);transform:rotate(1deg)}
.hero-card::before{content:"";position:absolute;right:-92px;top:-115px;height:300px;width:300px;border:1px solid rgba(241,249,230,.2);border-radius:50%;box-shadow:0 0 0 55px rgba(244,248,232,.035),0 0 0 120px rgba(244,248,232,.025);pointer-events:none}
.hero-card::after{content:"ARBEIT  /  ENTWICKELN";position:absolute;bottom:26px;right:35px;letter-spacing:.16em;font-size:9px;color:rgba(232,251,237,.4);font-weight:800}
.hero-card .metric{position:relative;z-index:1;padding:22px 0;border-bottom:1px solid rgba(237,250,238,.17)}
.hero-card .metric{color:#c9dfd1}
.hero-card .metric:first-child{padding-top:0}
.hero-card .metric:last-child{border-bottom:0}
.hero-card .metric strong{color:#edfaef;font-size:clamp(22px,2vw,29px);letter-spacing:-.055em;line-height:1.2;font-weight:760;margin-bottom:9px}
.hero-card .metric :is(p,span){color:#c9dfd1;font-size:14px;line-height:1.65}
main > .section{padding:clamp(76px,7.5vw,110px) var(--page-gutter)}
.section h2{font-size:clamp(32px,3.5vw,51px);line-height:1.12;letter-spacing:-.052em;color:#1e3930;text-wrap:balance;max-width:920px}
.section-intro{font-size:clamp(16px,1.5vw,18px);line-height:1.75;color:#697970;max-width:900px;margin-bottom:37px}
#vorgehen{background:#fff}
#zielgruppe{background:#edf3ed}
#ergebnis{background:#f8f9f6}
#angebot{background:#fff}
#ueber-mich{background:#edf3ed}
#einrichtungen{background:#fafbf8}
#faq{background:#fff}
#kontakt{background:#eff3ee}
#impressum{background:#f8f9f6}
.cards,.method-grid,.benefit-grid,.deliverable-grid,.package-grid{gap:18px}
.card,.method-card,.benefit-card,.deliverable-card,.package-card,.sample-output{border:1px solid #dbe5dd;background:#fff;border-radius:20px;padding:clamp(23px,2.5vw,33px);box-shadow:0 7px 24px rgba(19,52,38,.025)}
.card,.method-card,.benefit-card,.deliverable-card,.package-card{transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}
.card:hover,.method-card:hover,.benefit-card:hover,.deliverable-card:hover,.package-card:hover{transform:translateY(-4px);border-color:#bdcfbf;box-shadow:var(--shadow)}
.card h3,.method-card h3,.benefit-card h3,.deliverable-card h3,.package-card h3{font-size:clamp(19px,1.8vw,23px);font-weight:740;line-height:1.3;letter-spacing:-.035em;color:#1d4234}
.card p,.method-card p,.benefit-card p,.deliverable-card p,.package-card p{color:#66786c;line-height:1.72;font-size:15px}
.card span{background:#e5f1e8;color:#2d7455}
.package-card.recommended{border:1.5px solid #75a48b;box-shadow:0 13px 36px rgba(38,96,67,.08)}
.package-card span{background:#e6f2eb}
.package-card .recommendation{background:#276c53}
.mid-cta,.early-cta,.section-cta{border:1px solid #c8dccd;background:#e6f2e8;border-radius:22px;padding:clamp(23px,3vw,35px);box-shadow:none}
.early-cta .button.primary,.section-cta .button.primary{box-shadow:none}
.process-flow{gap:14px}
.process-node{background:#f8faf8;border:1px solid #e0eae2;border-radius:18px;padding:24px!important;box-shadow:none!important}
.process-node h3{color:#1c4837}
.resonance-line{border-left:4px solid #cba373;background:#fff;border-radius:0 12px 12px 0;padding:22px 26px;color:#324c40}
.audience-occasions{margin-top:28px;border-radius:24px}
#ueber-mich .about{border-radius:27px;overflow:hidden;box-shadow:0 25px 48px rgba(22,52,34,.06)}
#ueber-mich .about-profile{background:#1b4d3e;color:#eaf6eb}
#ueber-mich .about-profile h2{color:#fff}
#ueber-mich .about-content{background:#fff}
#einrichtungen h2{font-size:clamp(25px,2.6vw,36px);text-align:center;max-width:900px;margin:0 auto 40px}
.institution-marquee{border-radius:18px;overflow:hidden}
#faq .faq-accordion{max-width:1050px;margin-inline:auto}
.faq-item{border:1px solid #dae5de;border-radius:15px;background:#fbfdfa;overflow:hidden;margin-bottom:10px}
.faq-item[open]{box-shadow:0 10px 24px rgba(26,68,47,.045)}
.faq-item summary{cursor:pointer;font-size:16px;font-weight:690;color:#224436}
.faq-item summary:hover{color:#1a7650}
#kontakt .contact{border-radius:28px;overflow:hidden;box-shadow:0 24px 60px rgba(24,65,47,.10);border:0;background:#173f32;color:#edf7f0}
#kontakt .contact-copy :is(h2,h3){color:#fff}
#kontakt .contact-copy p{color:#cfdfd4}
#kontakt .contact-action-card{border-radius:21px;background:#fff;color:#243d32;border:1px solid #dbe5dc;box-shadow:0 14px 30px rgba(13,43,28,.08)}
#kontakt .contact-action-card :is(h3,label){color:#254737}
#kontakt .contact-action-card :is(input,textarea){border:1px solid #ccdbce;border-radius:11px;background:#fbfdfa}
#kontakt .contact-action-card :is(input,textarea):focus{border-color:#427d5f}
#impressum{padding-top:70px;padding-bottom:75px}
#impressum .legal-grid{gap:18px}
#impressum .legal-card{border:1px solid #e1e7df;border-radius:19px;background:#fff}
footer{padding:30px var(--page-gutter)!important;background:#173e32!important;color:#d2e2d7!important;border-top:0!important;font-size:13px}
footer a{color:#eff8ee!important;text-decoration:underline;text-underline-offset:3px}
.scroll-top{border-radius:14px!important;background:#2d7053!important;box-shadow:0 9px 25px rgba(24,64,43,.24)!important}
/* Blog: gleiche Gewichtung für alle Fachaufsätze */
.library-main{width:100%;max-width:none;padding:0 var(--page-gutter) 100px!important;background:#f7f8f5}
.library-intro{padding-top:clamp(66px,7vw,100px);padding-bottom:clamp(65px,7vw,90px);grid-template-columns:minmax(0,1.65fr) minmax(270px,.7fr);min-height:auto}
.library-intro h1{font-size:clamp(45px,5.2vw,74px);color:#1a352b;line-height:1.06}
.library-intro-aside{background:#e5efe7;border:1px solid #d7e4db;border-radius:25px}
.library-intro-text{color:#64776d}
.library-directory{border-top:1px solid #d6e2da;padding-top:48px}
.library-directory-heading h2,.library-resources-heading h2{color:#203d31}
.library-searchbox{border-radius:14px;border-color:#d6e2db;box-shadow:0 10px 25px rgba(23,71,45,.028)}
.library-filter{border:1px solid #d3dfd6}
.library-filter.is-active{background:#245f4d;border-color:#245f4d;color:#fff}
.library-grid{gap:18px}
.library-card{border:1px solid #dce6df;border-radius:19px;box-shadow:0 6px 22px rgba(24,62,39,.024);padding:29px 26px 24px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.library-card:hover{transform:translateY(-4px);border-color:#b8d1c1;box-shadow:0 18px 40px rgba(19,65,41,.07)}
.library-card h3{line-height:1.23;letter-spacing:-.034em;color:#224436}
.library-resources{background:#f7f8f5}
.library-resource-card{border-radius:19px;border-color:#dce6dd}
/* Danke-Seite: nur falls verlinkt */
body.thanks-modern{min-height:100dvh;background:radial-gradient(circle at 70% 15%,#deece1,transparent 45%),#f7f9f5}
body.thanks-modern main{border-radius:26px;border:1px solid #dce7df;box-shadow:0 25px 70px rgba(29,69,48,.08)}
@media(max-width:1080px){
 header#top{padding-inline:4vw}
 header#top .home-logo{max-width:265px;font-size:12px}
 header#top nav{gap:10px}
 header#top nav a{font-size:12px}
 .hero{grid-template-columns:minmax(0,1.2fr) minmax(285px,.8fr);gap:35px}
 .hero h1{font-size:clamp(45px,5.4vw,65px)}
}
@media(max-width:830px){
 header#top{height:auto;min-height:74px;flex-direction:row;align-items:center;flex-wrap:wrap;justify-content:space-between;padding:12px 5vw}
 .nav-toggle{display:inline-flex}
 header#top nav{order:3;width:100%;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:3px 13px;padding:8px 0 6px;border-top:1px solid #e0e8e0}
 body.js-nav header#top nav:not(.is-open){display:none}
 header#top nav a{font-size:14px;min-height:40px;padding:9px 10px}
 header#top nav a[href="#kontakt"],header#top nav a[href="index.html#kontakt"]{padding:10px 18px}
 .hero{grid-template-columns:1fr;gap:38px;min-height:0;padding:72px 6vw 80px}
 .hero h1{max-width:800px;font-size:clamp(45px,7.5vw,68px)}
 .hero-card{max-width:780px;width:100%;min-height:auto;transform:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:30px}
 .hero-card .metric{border-bottom:0;border-right:1px solid rgba(237,250,238,.17);padding:0 16px 0 0}
 .hero-card .metric:last-child{border-right:0}
 .hero-card .metric strong{font-size:23px}
 main>.section{padding:70px 6vw}
 .library-main{padding-inline:6vw!important}
 .library-intro{grid-template-columns:1fr;gap:25px}
 .library-intro-aside{min-height:200px}
 .library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:610px){
 header#top .home-logo{max-width:235px;font-size:12px}
 header#top .header-logo-symbol{height:36px;width:36px;flex-basis:36px}
 .hero{padding:60px 6vw 70px}
 .hero h1{font-size:clamp(40px,10vw,53px);line-height:1.07;letter-spacing:-.06em}
 .hero .lead{font-size:17px;line-height:1.68}
 .hero .eyebrow{font-size:10px;letter-spacing:.1em}
 .hero-card{grid-template-columns:1fr;padding:30px 25px}
 .hero-card .metric{border-right:0;border-bottom:1px solid rgba(237,250,238,.17);padding:14px 0}
 .hero-card .metric:last-child{border-bottom:0}
 .hero-card .metric strong{font-size:24px}
 .section h2{font-size:clamp(30px,8vw,41px)}
 main>.section{padding:63px 6vw}
 .cards,.method-grid,.benefit-grid,.deliverable-grid,.package-grid,.check-list{grid-template-columns:1fr}
 .mid-cta,.early-cta,.section-cta{flex-direction:column;align-items:flex-start}
 .library-main{padding-inline:6vw!important}
 .library-intro{padding-top:50px;padding-bottom:55px}
 .library-intro h1{font-size:clamp(39px,9vw,55px)}
 .library-grid{grid-template-columns:1fr;gap:14px}
 .library-card{min-height:0}
 .library-directory-heading,.library-resources-heading{align-items:flex-start;flex-direction:column;gap:10px}
 .library-heading-count{margin:0}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}}

.home-library-teaser{background:linear-gradient(125deg,#1b4e3b,#174031)!important;color:white;position:relative;overflow:hidden}
.home-library-teaser::after{content:"";position:absolute;width:410px;height:410px;border-radius:50%;border:1px solid rgba(242,247,230,.17);right:-160px;top:-175px;box-shadow:0 0 0 65px rgba(241,248,230,.035),0 0 0 130px rgba(241,248,230,.02)}
.home-library-inner{display:flex;gap:35px;align-items:center;justify-content:space-between;position:relative;z-index:1}
.home-library-copy{max-width:740px}.home-library-copy h2{color:white;margin:0 0 18px;font-size:clamp(33px,3.7vw,50px)}.home-library-copy p:not(.home-library-eyebrow){color:#cedfd2;margin:0;font-size:17px;max-width:690px;line-height:1.7}
.home-library-eyebrow{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:#add5b8;font-weight:800;margin-bottom:19px}
.home-library-actions{flex:0 0 auto;display:flex;align-items:flex-start;flex-direction:column;gap:14px}.home-library-actions .button{color:#1a4a36;background:#e7f2e7;border-color:#e7f2e7;box-shadow:none;white-space:nowrap}.home-library-actions .button:hover{background:white}.home-library-actions span{font-size:12px;color:#bfd5c6}
@media(max-width:850px){.home-library-inner{flex-direction:column;align-items:flex-start}}