:root{--navy:#071b2b;--navy-2:#0d2a3e;--ink:#102231;--muted:#60717d;--paper:#f8f7f3;--white:#fff;--line:#d9dfdf;--amber:#f4aa25;--amber-dark:#d88a0d;--tint:#eef1ee;--radius:3px;--shadow:0 18px 50px rgba(7,27,43,.12);--shell:min(1180px,calc(100vw - 48px));font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);font-size:16px;line-height:1.65}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea,select{font:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:1000;top:10px;left:10px;background:var(--amber);padding:10px 16px;transform:translateY(-200%)}.skip-link:focus{transform:none}.shell{width:var(--shell);margin-inline:auto}.utility{height:32px;background:#04121d;color:#aec0ca;font-size:.69rem;letter-spacing:.12em;text-transform:uppercase}.utility__inner{height:100%;display:flex;align-items:center;justify-content:flex-end;gap:26px}.utility__inner span{margin-right:auto}.utility a:hover{color:var(--white)}.site-header{position:sticky;top:0;z-index:100;background:rgba(248,247,243,.96);backdrop-filter:blur(18px);border-bottom:1px solid rgba(16,34,49,.1)}.nav-wrap{height:86px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:16px}.brand__mark{font-size:1.45rem;font-weight:800;letter-spacing:.2em;line-height:1;color:var(--navy)}.brand__mark span{color:var(--amber)}.brand__claim{padding-left:15px;border-left:1px solid #b6c0c4;font-size:.63rem;line-height:1.35;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.main-nav{display:flex;align-items:center;gap:31px}.main-nav>a{font-size:.82rem;font-weight:650;letter-spacing:.02em;position:relative}.main-nav>a:not(.nav-contact)::after{content:"";position:absolute;left:0;right:100%;bottom:-9px;height:2px;background:var(--amber);transition:.25s}.main-nav>a:hover::after,.main-nav>a.active::after{right:0}.nav-contact{padding:11px 18px;border:1px solid var(--navy)}.nav-contact:hover,.nav-contact.active{background:var(--navy);color:white}.nav-toggle{display:none;background:none;border:0;padding:10px}.nav-toggle span:not(.sr-only){display:block;width:24px;height:2px;background:var(--navy);margin:5px}.hero{min-height:680px;height:calc(100vh - 118px);max-height:850px;position:relative;display:flex;align-items:center;background:var(--navy);color:white;overflow:hidden}.hero__media{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,18,29,.98) 0%,rgba(4,18,29,.8) 43%,rgba(4,18,29,.12) 78%),url('../images/spem-hero-og.png') center/cover no-repeat;transform:scale(1.01)}.hero__content{position:relative;z-index:2}.hero h1,.page-hero h1{font-size:clamp(3.2rem,6.1vw,6.7rem);line-height:.94;letter-spacing:-.055em;margin:24px 0 28px;max-width:920px;font-weight:650}.hero h1 em,.page-hero h1 em,h2 em{font-family:Georgia,serif;font-weight:400}.hero h1 em{color:#ffca66}.hero__content>p:not(.eyebrow){font-size:1.13rem;line-height:1.7;max-width:660px;color:#d2dde4}.eyebrow{margin:0 0 12px;text-transform:uppercase;font-size:.68rem;font-weight:800;letter-spacing:.2em;color:var(--amber-dark)}.eyebrow--light{color:#ffbd45}.button-row{display:flex;gap:14px;margin-top:38px}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;min-height:49px;padding:11px 21px;border:1px solid transparent;font-size:.78rem;font-weight:750;letter-spacing:.04em;transition:.2s;cursor:pointer}.button--primary{background:var(--amber);color:#14222b}.button--primary:hover{background:#ffc04d;transform:translateY(-2px)}.button--ghost{border-color:rgba(255,255,255,.45);color:white}.button--ghost:hover{border-color:white;background:rgba(255,255,255,.08)}.button--light{border-color:#b8c2c6;background:white;color:var(--navy)}.hero__rail{position:absolute;right:0;top:0;bottom:0;width:70px;border-left:1px solid rgba(255,255,255,.15);z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:52px}.hero__rail span{writing-mode:vertical-rl;text-transform:uppercase;font-size:.57rem;letter-spacing:.26em;color:#a9bbc5}.trust-strip{background:white;border-bottom:1px solid var(--line)}.trust-strip__inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px;color:#829098;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.trust-strip__inner strong{color:var(--ink);font-size:.68rem}.section{padding:112px 0}.section--tint{background:var(--tint)}.section--navy{background:var(--navy);color:white}.split{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:10vw;align-items:start}.split--intro{grid-template-columns:1.05fr .95fr}.section h2,.cta h2{font-size:clamp(2.3rem,4.4vw,4.9rem);line-height:1.03;letter-spacing:-.045em;margin:0;font-weight:600}.section h2 em,.cta h2 em{color:#907148}.large-copy{font-size:1.25rem;line-height:1.7;color:#344955;margin-top:0}.text-link{display:inline-flex;gap:35px;align-items:center;margin-top:24px;font-size:.76rem;font-weight:800;letter-spacing:.04em;border-bottom:1px solid #829098;padding-bottom:7px}.text-link:hover{color:var(--amber-dark)}.text-link--light{color:#d7e2e7}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:55px}.section-heading .text-link{margin-bottom:7px}.section-heading--light h2{color:white}.section-intro{max-width:480px;margin:0 0 7px;color:var(--muted);font-size:1.05rem}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#cbd3d4;border:1px solid #cbd3d4}.service-card{min-height:290px;padding:34px;display:flex;flex-direction:column;justify-content:space-between;background:white;position:relative;transition:.25s}.service-card:hover{background:#fdfaf3;transform:translateY(-4px);box-shadow:var(--shadow);z-index:2}.service-card--wide{grid-column:1/-1;min-height:250px}.service-card--dark{background:var(--navy);color:white}.service-card--dark:hover{background:var(--navy-2)}.service-card__no{font-size:.64rem;letter-spacing:.15em;color:var(--amber-dark)}.service-card h3{font-size:1.7rem;line-height:1.15;margin:0 0 12px}.service-card p{max-width:500px;color:var(--muted);margin:0}.service-card--dark p{color:#b8c6ce}.service-card__arrow{position:absolute;right:32px;top:30px;font-size:1.3rem}.method .split>div>p:last-child{color:var(--muted);max-width:400px}.steps{list-style:none;margin:0;padding:0}.steps li{display:grid;grid-template-columns:70px 1fr;gap:25px;border-top:1px solid var(--line);padding:28px 0}.steps li:last-child{border-bottom:1px solid var(--line)}.steps span{font-size:.7rem;color:var(--amber-dark);font-weight:800}.steps h3{margin:0 0 6px;font-size:1.35rem}.steps p{margin:0;color:var(--muted)}.event-list article{display:grid;grid-template-columns:150px 1fr 45px;gap:40px;align-items:center;padding:30px 0;border-top:1px solid rgba(255,255,255,.18)}.event-list article:last-child{border-bottom:1px solid rgba(255,255,255,.18)}.event-date{font-family:Georgia,serif;font-size:1.25rem;color:#ffbd45}.event-list h3{font-size:1.4rem;margin:0}.event-list p{margin:6px 0;color:#b7c6ce}.event-list article>a{font-size:1.5rem}.cta{padding:90px 0;background:#11384d;color:white;position:relative;overflow:hidden}.cta::after{content:"";position:absolute;width:380px;height:380px;border:1px solid rgba(244,170,37,.24);border-radius:50%;right:-80px;top:-170px;box-shadow:0 0 0 70px rgba(244,170,37,.04),0 0 0 140px rgba(244,170,37,.03)}.cta__inner{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:end;gap:50px}.page-hero{padding:112px 0 88px;background:var(--navy);color:white;overflow:hidden}.page-hero__inner{display:grid;grid-template-columns:1fr auto;align-items:end;gap:40px}.page-hero h1{font-size:clamp(3rem,5.5vw,6rem);margin:19px 0 24px}.page-hero .lead{font-size:1.15rem;color:#bdcbd2;max-width:750px}.hero-number{font:400 clamp(8rem,19vw,17rem)/.7 Georgia,serif;color:rgba(255,255,255,.035);letter-spacing:-.08em}.service-detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.detail-card{background:white;min-height:330px;padding:28px;display:flex;flex-direction:column;transition:.25s}.detail-card:hover{background:var(--navy);color:white;transform:translateY(-5px)}.detail-card>span{font-size:.65rem;color:var(--amber-dark)}.detail-card h3{font-size:1.25rem;line-height:1.2;margin:50px 0 14px}.detail-card p{font-size:.9rem;color:var(--muted);margin:0}.detail-card:hover p{color:#b7c6ce}.detail-card strong{font-size:.7rem;margin-top:auto;letter-spacing:.04em}.prose p{color:#455a66}.prose h2{font-size:1.8rem;margin:48px 0 10px;letter-spacing:-.02em}.prose h2:first-child{margin-top:0}.prose a{text-decoration:underline;text-underline-offset:3px}.check-list{list-style:none;padding:0}.check-list li{padding:13px 0 13px 30px;border-bottom:1px solid var(--line);position:relative}.check-list li::before{content:"✓";position:absolute;left:0;color:var(--amber-dark)}.service-copy{align-items:start}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.feature-grid article{background:white;padding:27px;min-height:230px;border-top:3px solid var(--amber)}.feature-grid article>span{color:var(--amber-dark)}.feature-grid h3{font-size:1.22rem;margin:38px 0 8px}.feature-grid p{color:var(--muted);font-size:.9rem}.resource-list{border-top:1px solid var(--line)}.resource-list article{display:grid;grid-template-columns:170px 1fr 120px;gap:35px;align-items:center;padding:29px 0;border-bottom:1px solid var(--line)}.resource-type{text-transform:uppercase;font-size:.64rem;font-weight:800;letter-spacing:.14em;color:var(--amber-dark)}.resource-list h3{margin:0;font-size:1.25rem}.resource-list p{margin:5px 0;color:var(--muted)}.resource-list small{color:var(--muted)}.resource-list article>a{font-size:.75rem;font-weight:800}.tile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.resource-tile{padding:31px;background:white;min-height:300px;display:flex;flex-direction:column}.resource-tile>span,.link-grid a>span{font-size:.63rem;text-transform:uppercase;letter-spacing:.15em;color:var(--amber-dark)}.resource-tile h3{font-size:1.45rem;line-height:1.2;margin:45px 0 12px}.resource-tile p{color:var(--muted)}.resource-tile a{margin-top:auto;font-size:.75rem;font-weight:800}.link-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(255,255,255,.16)}.link-grid a{padding:33px;background:var(--navy);position:relative}.link-grid a:hover{background:var(--navy-2)}.link-grid h3{font-size:1.3rem;margin:22px 0 8px}.link-grid p{color:#adbec8}.link-grid strong{position:absolute;right:28px;top:28px}.team-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.team-card{background:white}.team-card__portrait{height:230px;background:linear-gradient(135deg,#0c2e44,#31556a);color:rgba(255,255,255,.85);display:flex;align-items:center;justify-content:center;font:400 5.5rem Georgia,serif;letter-spacing:-.08em}.team-card__portrait--alt{background:linear-gradient(135deg,#b07721,#e5b55d)}.team-card>div:last-child{padding:34px}.team-card h3{font-size:1.8rem;margin:0 0 20px}.team-card ul{padding-left:19px;color:var(--muted);font-size:.9rem}.team-card li{margin:9px 0}.values{background:var(--navy);color:white;padding:75px 0}.values__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:55px}.values article{border-left:1px solid rgba(255,255,255,.2);padding-left:28px}.values span{color:var(--amber);font-size:.66rem}.values h3{font-size:1.3rem}.values p{color:#afc0c9}.reference-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.reference-card{min-height:180px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:27px;display:flex;flex-direction:column;justify-content:space-between;background:white}.reference-card span{display:inline-flex;width:42px;height:42px;border-radius:50%;background:var(--navy);color:white;align-items:center;justify-content:center;font-size:.58rem;letter-spacing:.05em}.reference-card h3{font-size:1rem;line-height:1.35;margin:20px 0 0}.light{color:white!important}.prose--light p{color:#b6c5cd}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw}.contact-details{margin-top:50px;border-top:1px solid var(--line)}.contact-details>a,.contact-details>div{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid var(--line)}.contact-details span{font-size:.67rem;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}.contact-details strong{text-align:right}.contact-form{padding:42px;background:white;box-shadow:var(--shadow)}.contact-form label,.editor-form label,.login-card label{display:block;font-size:.71rem;font-weight:750;letter-spacing:.03em;margin-bottom:19px}.field-row,.editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-form input,.contact-form textarea,.editor-form input,.editor-form textarea,.editor-form select,.login-card input{display:block;width:100%;border:1px solid #bbc5c8;background:#fafaf8;padding:12px 13px;margin-top:7px;color:var(--ink);border-radius:0}.contact-form input:focus,.contact-form textarea:focus,.editor-form input:focus,.editor-form textarea:focus,.editor-form select:focus,.login-card input:focus{outline:3px solid rgba(244,170,37,.3);border-color:var(--amber-dark)}.checkbox{display:flex!important;align-items:flex-start;gap:12px;font-weight:400!important;line-height:1.5}.checkbox input{width:auto;margin:4px 0 0}.checkbox a{text-decoration:underline}.form-note{font-size:.72rem;color:var(--muted)}.hp{position:absolute!important;left:-9999px!important}.legal{max-width:850px}.legal-note{background:#fff4db;border-left:4px solid var(--amber);padding:20px}.site-footer{background:#04121d;color:#a9bbc5;padding:75px 0 25px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:50px}.brand--footer .brand__mark{color:white}.footer-grid h2{font-size:.68rem;text-transform:uppercase;letter-spacing:.15em;color:white;margin:0 0 18px}.footer-grid>div>a,.footer-grid address a{display:block;margin:7px 0}.footer-grid address{font-style:normal}.footer-bottom{border-top:1px solid rgba(255,255,255,.13);margin-top:50px;padding-top:22px;display:flex;justify-content:space-between;font-size:.7rem}.footer-bottom span:last-child{display:flex;gap:22px}.flash{position:relative;z-index:90;padding:12px 24px;text-align:center;font-size:.85rem}.flash--success{background:#dcefe4;color:#14552e}.flash--error{background:#ffe2dc;color:#842a1d}

/* Redaktion */
.admin-body{background:#eef1ee}.admin-header{height:74px;padding:0 max(24px,calc((100vw - 1320px)/2));background:var(--navy);color:white;display:flex;align-items:center;justify-content:space-between}.admin-header .brand__mark{color:white}.admin-header .brand__claim{color:#aec0ca;border-color:#476174}.admin-header nav{display:flex;align-items:center;gap:24px;font-size:.8rem}.admin-header nav form{margin:0}.admin-header nav button{background:none;color:var(--amber);border:0;cursor:pointer}.admin-main{padding:55px 24px}.login-card{width:min(440px,calc(100vw - 40px));margin:7vh auto;padding:45px;background:white;box-shadow:var(--shadow)}.login-card h1{font-size:2.6rem;margin:0}.login-card form{margin:30px 0 20px}.admin-shell{max-width:1320px;margin:auto}.admin-shell--narrow{max-width:1000px}.admin-title{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:35px}.admin-title h1{font-size:2.7rem;letter-spacing:-.04em;margin:0}.admin-title p:last-child{color:var(--muted)}.admin-tabs{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:15px}.admin-tabs a{background:#dde3e1;padding:9px 14px;font-size:.75rem}.admin-tabs a.active{background:var(--navy);color:white}.badge{display:inline-flex;background:var(--amber);color:var(--navy);min-width:19px;height:19px;border-radius:20px;align-items:center;justify-content:center}.admin-table-wrap{background:white;overflow:auto}.admin-table{width:100%;border-collapse:collapse;font-size:.82rem}.admin-table th{text-align:left;background:#f7f8f6;padding:15px;border-bottom:1px solid var(--line);font-size:.65rem;text-transform:uppercase;letter-spacing:.08em}.admin-table td{padding:17px 15px;border-bottom:1px solid var(--line);vertical-align:top}.admin-table td small{display:block;color:var(--muted)}.status{font-size:.68rem;padding:5px 8px;background:#e7e9e8}.status--published{background:#d9eee1;color:#176033}.row-actions{white-space:nowrap}.row-actions a,.row-actions button{font-size:.7rem;margin-right:8px}.row-actions form{display:inline}.row-actions button{background:none;border:0;color:#a1392a;cursor:pointer}.editor-form{background:white;padding:38px;box-shadow:var(--shadow)}.editor-grid--three{grid-template-columns:repeat(3,1fr)}.editor-form .checkbox--admin{margin-top:29px;align-items:center}.editor-actions{display:flex;gap:12px;margin-top:30px}.contact-admin-list{display:grid;gap:15px}.contact-admin-card{display:grid;grid-template-columns:260px 1fr auto;gap:35px;padding:29px;background:white;border-left:4px solid transparent}.contact-admin-card.is-new{border-left-color:var(--amber)}.contact-admin-meta{display:flex;flex-direction:column;font-size:.78rem}.contact-admin-meta span,.contact-admin-meta time{color:var(--muted)}

@media(max-width:980px){:root{--shell:min(100% - 34px,740px)}.utility{display:none}.nav-wrap{height:72px}.nav-toggle{display:block}.main-nav{position:fixed;inset:72px 0 0;background:var(--paper);display:flex;flex-direction:column;align-items:stretch;padding:30px;gap:0;transform:translateX(100%);transition:.25s}.main-nav.is-open{transform:none}.main-nav>a{font-size:1.15rem;padding:17px;border-bottom:1px solid var(--line)}.nav-contact{margin-top:20px;text-align:center}.hero{height:auto;min-height:700px}.hero__rail{display:none}.hero__media{background:linear-gradient(90deg,rgba(4,18,29,.96),rgba(4,18,29,.62)),url('../images/spem-hero-og.png') 65% center/cover}.trust-strip__inner{flex-wrap:wrap;justify-content:flex-start;padding:20px 0}.trust-strip__inner strong{width:100%}.split,.split--intro,.contact-grid{grid-template-columns:1fr;gap:50px}.service-detail-grid,.feature-grid{grid-template-columns:repeat(2,1fr)}.reference-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.section{padding:85px 0}.section-heading{align-items:start}.hero-number{display:none}.team-card__portrait{height:180px}.admin-header nav a:not(:last-of-type){display:none}.contact-admin-card{grid-template-columns:1fr}.admin-table{min-width:900px}}
@media(max-width:650px){:root{--shell:calc(100% - 30px)}.brand__claim{display:none}.hero{min-height:660px}.hero__content{padding:70px 0}.hero h1,.page-hero h1{font-size:clamp(2.8rem,13vw,4.3rem)}.button-row{flex-direction:column;align-items:stretch}.hero__media{background:linear-gradient(rgba(4,18,29,.8),rgba(4,18,29,.94)),url('../images/spem-hero-og.png') 66% center/cover}.trust-strip__inner span{width:calc(50% - 12px)}.section{padding:70px 0}.section-heading,.cta__inner,.admin-title{flex-direction:column;align-items:flex-start}.section h2,.cta h2{font-size:2.45rem}.service-grid,.tile-grid,.team-grid,.values__grid,.link-grid{grid-template-columns:1fr}.service-card--wide{grid-column:auto}.service-card{min-height:250px}.event-list article{grid-template-columns:1fr 30px;gap:12px}.event-date{grid-column:1/-1}.resource-list article{grid-template-columns:1fr;gap:10px}.feature-grid,.service-detail-grid{grid-template-columns:1fr}.detail-card{min-height:270px}.reference-grid{grid-template-columns:1fr 1fr}.reference-card{min-height:150px}.contact-form,.editor-form{padding:25px}.field-row,.editor-grid,.editor-grid--three{grid-template-columns:1fr}.page-hero{padding:75px 0}.page-hero__inner{display:block}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:15px}.admin-header{padding:0 18px}.admin-header nav{gap:12px}.admin-main{padding:35px 14px}.admin-title h1{font-size:2.2rem}.login-card{padding:30px}.contact-admin-card{padding:22px}.editor-form .checkbox--admin{margin-top:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Schutz vor Überbreite durch das außerhalb des Bildes geparkte Mobilmenü und lange Fachbegriffe. */
html,body{overflow-x:hidden}.service-card,.detail-card,.resource-list article>*{min-width:0}.service-card h3,.detail-card h3{overflow-wrap:anywhere}