:root{--ink:#0a2038;--navy:#061b31;--deep:#031526;--blue:#195c91;--sky:#badcf0;--paper:#f6f7f5;--muted:#526373;--line:#d9e2e7;--white:#fff;--gold:#f2bd66;--wrap:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65;background:var(--paper)}a{color:inherit}button{font:inherit}img{max-width:100%;height:auto}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #ea9f35;outline-offset:4px}p{margin:0 0 1.1em}.shell{width:min(var(--wrap),calc(100% - 64px));margin-inline:auto}.topline{background:var(--navy);color:#c6d4e0;font-size:.75rem;letter-spacing:.07em}.topline .shell{min-height:33px;display:flex;align-items:center;justify-content:space-between;gap:20px}.topline a{text-decoration:none;color:#fff}.header{background:#fff;position:relative;z-index:30;border-bottom:1px solid #e6ecef}.header-inner{height:92px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0}.brand-logo{width:78px;height:78px;object-fit:contain}.brand-text{font-size:.9rem;font-weight:900;line-height:1.13;letter-spacing:.055em;text-transform:uppercase}.brand-text small{display:block;font-size:.59rem;font-weight:600;color:#5b7080;letter-spacing:.13em;margin-top:5px}.nav{display:flex;align-items:center;gap:25px;font-size:.91rem;font-weight:650}.nav a,.nav summary{text-decoration:none}.nav a:hover,.nav summary:hover{color:var(--blue)}.nav details{position:relative}.nav summary{cursor:pointer;list-style:none}.nav summary::-webkit-details-marker{display:none}.nav summary:after{content:'⌄';margin-left:6px;color:var(--blue)}.dropdown{position:absolute;top:calc(100% + 18px);left:-25px;min-width:240px;padding:11px;background:white;border:1px solid #e0e9ef;box-shadow:0 16px 35px #0921371c;border-radius:10px}.dropdown a{display:block;padding:9px 12px;border-radius:5px}.dropdown a:hover{background:#f1f6f8}.nav-cta,.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:50px;padding:14px 20px;background:var(--gold);color:#102237!important;text-decoration:none;font-size:.89rem;font-weight:800;line-height:1.2;border:1px solid transparent;border-radius:4px;transition:transform .2s,background .2s;cursor:pointer}.button:hover,.nav-cta:hover{transform:translateY(-2px);background:#ffd291}.button.secondary{background:transparent;border-color:#ffffffa0;color:#fff!important}.button.secondary:hover{background:#ffffff18}.button.ink{background:var(--ink);color:#fff!important}.button.outline{border-color:#c6d3dc;background:transparent;color:var(--ink)!important}.menu-toggle{display:none;border:1px solid #d8e2e8;border-radius:5px;background:white;color:var(--ink);padding:9px 12px;font-weight:800}.hero{position:relative;min-height:650px;background:var(--navy);color:white;overflow:hidden}.hero-bg{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(2,17,31,.98) 0%,rgba(3,24,42,.92) 35%,rgba(3,24,42,.37) 71%,rgba(3,24,42,.17)),url('/assets/training-selbstschutz.webp');background-size:cover;background-position:center}.hero .shell{position:relative;min-height:650px;display:flex;align-items:center}.hero-copy{width:min(700px,63%);padding:86px 0 100px}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:#70b7dc;font-size:.76rem;letter-spacing:.18em;font-weight:800;text-transform:uppercase;line-height:1.3}.eyebrow:before{content:'';width:24px;height:2px;background:var(--gold)}h1,h2,h3{line-height:1.13;letter-spacing:-.035em;margin:0 0 .48em;text-wrap:balance;overflow-wrap:normal;word-break:normal}h1{font-size:clamp(3rem,6.2vw,5.8rem);font-weight:850;max-width:780px}h1 em{font-style:normal;color:#8ac4e6}h2{font-size:clamp(2.1rem,3.6vw,3.6rem);font-weight:800}h3{font-size:1.26rem;letter-spacing:-.02em}.hero p{font-size:1.15rem;color:#e2ebf1;max-width:590px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.hero-badge{position:absolute;right:0;bottom:32px;display:flex;align-items:center;gap:12px;color:#fff;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.hero-badge span{width:44px;height:1px;background:var(--gold)}.trustbar{background:#0b2941;color:#e0edf6}.trustbar .shell{display:flex;justify-content:space-between;gap:25px;padding:20px 0;font-size:.8rem;font-weight:700;letter-spacing:.04em}.trustbar b{color:var(--gold);margin-right:7px}.section{padding:104px 0}.section.white{background:white}.section.bluewash{background:#eaf1f4}.section.dark{background:var(--navy);color:white}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:42px}.section-head h2{max-width:700px;margin-bottom:0}.section-head p{max-width:450px;margin:0;color:var(--muted)}.section.dark .section-head p{color:#b9cfdd}.intro-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:90px;align-items:start}.intro-grid p{font-size:1.07rem;color:var(--muted)}.intro-grid .bigline{font-size:1.3rem;font-weight:650;color:var(--ink);line-height:1.5}.textlink{font-weight:800;color:#165f91;text-decoration:none;border-bottom:1px solid #93b9cf;padding-bottom:3px}.textlink:hover{color:#0b3049}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{display:flex;flex-direction:column;min-height:240px;background:#fff;border:1px solid var(--line);padding:30px;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s}.card:hover{transform:translateY(-4px);border-color:#98bbd0;box-shadow:0 15px 28px #0c2d4312}.card .num{font-size:.74rem;letter-spacing:.12em;font-weight:800;color:#3d779a;margin-bottom:36px}.card p{color:var(--muted);font-size:.94rem;line-height:1.65}.card .arrow{color:#176a9d;font-weight:900;margin-top:auto}.pillar-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px}.pillar{background:#102d43;padding:46px;min-height:290px}.pillar .label{display:block;color:#9dd1ec;font-size:.75rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-bottom:20px}.pillar p{color:#c8d9e5}.pillar .textlink{color:#fff;border-color:#638da6}.logo-band{display:grid;grid-template-columns:1fr 260px;gap:70px;align-items:center}.logo-box{background:#fff;padding:9px;border:1px solid #d9e2e7;box-shadow:0 15px 30px #0a253410}.logo-box img{display:block;width:100%}.quote{font-size:clamp(1.9rem,3.1vw,3rem);font-weight:800;line-height:1.2;letter-spacing:-.04em}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.step{border-top:2px solid #2474a5;padding-top:22px}.step b{display:block;color:#4586ad;margin-bottom:14px;font-size:.76rem;letter-spacing:.14em}.step p{font-size:.94rem;color:var(--muted)}.cta-section{background:#d9eaf3}.cta-inner{display:grid;grid-template-columns:1fr auto;align-items:center;gap:35px}.cta-inner p{color:#426076;max-width:650px;margin:0}.footer{background:#031526;color:#c0d0dc;padding:68px 0 24px}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:50px}.footer h3{color:#fff;font-size:.9rem;letter-spacing:.05em;text-transform:uppercase}.footer p,.footer a,.footer button{font-size:.87rem}.footer a,.footer button{color:#c0d0dc;text-decoration:none}.footer a:hover,.footer button:hover{color:#fff}.footer ul{padding:0;margin:0;list-style:none}.footer li{margin:8px 0}.footer button{background:none;border:0;padding:0;cursor:pointer}.footer-bottom{border-top:1px solid #ffffff22;margin-top:55px;padding-top:20px;display:flex;justify-content:space-between;gap:25px;font-size:.75rem}.subhero{background:var(--navy);color:white;position:relative;overflow:hidden}.subhero:after{content:'';position:absolute;right:-130px;top:-230px;width:650px;height:650px;border:1px solid #ffffff20;border-radius:50%;box-shadow:0 0 0 70px #ffffff05,0 0 0 140px #ffffff04}.subhero .shell{position:relative;z-index:1;padding-top:80px;padding-bottom:88px}.crumb{font-size:.79rem;color:#a9c4d5;margin-bottom:38px}.crumb a{color:#d6e8f1;text-decoration:none}.subhero h1{font-size:clamp(2.65rem,5.2vw,5.15rem);max-width:900px}.subhero p{color:#d4e2ea;font-size:1.15rem;max-width:760px}.subhero .actions{margin-top:27px}.article-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:90px}.article-copy section{margin-bottom:54px}.article-copy h2{font-size:clamp(1.75rem,2.8vw,2.7rem)}.article-copy h3{font-size:1.15rem;margin-top:25px}.article-copy p,.article-copy li{color:#425669;font-size:1.03rem}.article-copy ul{padding-left:21px}.article-copy li{padding-left:3px;margin:7px 0}.article-copy a:not(.button){color:#165f91}.aside{align-self:start;position:sticky;top:24px;background:#eaf1f4;border-top:4px solid #2776a5;padding:28px}.aside h3{font-size:1.25rem}.aside p{font-size:.91rem;color:#4a6477}.aside .button{width:100%;margin-top:5px}.aside .phone{display:block;text-align:center;margin-top:15px;font-weight:800;text-decoration:none;font-size:.91rem}.topics-list{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#d5e1e7;border:1px solid #d5e1e7;margin-top:26px}.topics-list div{background:#f7fafb;padding:21px}.topics-list strong{display:block;color:var(--ink);margin-bottom:5px}.topics-list span{font-size:.91rem;color:#536b7b}.faq details{border-top:1px solid #d7e1e8;padding:19px 0}.faq details:last-child{border-bottom:1px solid #d7e1e8}.faq summary{font-weight:750;cursor:pointer;padding-right:25px}.faq details p{margin-top:14px}.related{border-top:1px solid #d8e3e8;padding-top:25px;margin-top:30px}.related a{display:inline-block;margin:0 16px 10px 0}.contact-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.contact-card{padding:25px;background:#f1f6f8;border:1px solid #d7e3e8}.contact-card h3{margin-top:0}.contact-card p{font-size:.93rem}.contact-card .textlink{font-size:.93rem}.legal-content h2{margin-top:1.6em;font-size:1.55rem}.legal-content p{line-height:1.75}.consent{position:fixed;z-index:90;left:0;right:0;bottom:0;background:white;color:var(--ink);border-top:1px solid #c4d6e1;box-shadow:0 -12px 45px #00172c28}.consent[hidden]{display:none}.consent .shell{display:grid;grid-template-columns:1fr auto;gap:30px;padding:25px 0}.consent h2{font-size:1.3rem;margin:0 0 7px}.consent p{font-size:.87rem;color:#455d6e;margin:0;max-width:840px}.consent .consent-actions{display:flex;gap:9px;align-items:center}.consent .button{white-space:nowrap;font-size:.78rem;min-height:44px;padding:11px 14px}.consent a{color:#155e8c}.mobile-cta{display:none}.skip{position:absolute;left:-9999px;top:0;background:#fff;padding:10px;z-index:100}.skip:focus{left:0}@media(max-width:1050px){.shell{width:min(var(--wrap),calc(100% - 44px))}.brand-text{display:none}.nav{gap:17px}.intro-grid{gap:40px}.article-grid{gap:40px}.footer-grid{gap:25px}.hero-copy{width:68%}}@media(max-width:790px){.topline .shell{justify-content:center}.topline .minor{display:none}.header-inner{height:75px}.brand-text{display:block;font-size:.79rem}.brand-logo{width:66px;height:66px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:75px;left:0;right:0;background:white;border-top:1px solid #e3ebef;box-shadow:0 16px 30px #061b3120;padding:12px 22px 24px;max-height:calc(100vh - 75px);overflow-y:auto}.nav.open{display:flex;align-items:stretch;flex-direction:column;gap:0}.nav>a,.nav summary{display:block;padding:11px 4px}.nav .nav-cta{margin-top:10px}.nav details{border-bottom:1px solid #e7eef1}.dropdown{position:static;min-width:0;box-shadow:none;border:0;border-radius:0;padding:0 0 7px 15px}.dropdown a{padding:8px}.hero,.hero .shell{min-height:610px}.hero-bg{background-image:linear-gradient(90deg,rgba(2,17,31,.97) 0%,rgba(3,24,42,.84) 55%,rgba(3,24,42,.36)),url('/assets/training-selbstschutz.webp');background-position:56% center}.hero-copy{width:90%;padding:70px 0 100px}.hero-badge{left:0;right:auto}.trustbar .shell{display:grid;grid-template-columns:1fr 1fr}.section{padding:75px 0}.section-head,.cta-inner{display:block}.section-head p{margin-top:20px}.intro-grid,.article-grid{grid-template-columns:1fr;gap:35px}.aside{position:static}.card-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.logo-band{grid-template-columns:1fr 200px;gap:30px}.footer-grid{grid-template-columns:1fr 1fr}.cta-inner .actions{margin-top:25px}.consent .shell{grid-template-columns:1fr;gap:15px}.consent .consent-actions{flex-wrap:wrap}.subhero .shell{padding-top:60px;padding-bottom:65px}.subhero:after{opacity:.4}}@media(max-width:480px){.shell{width:calc(100% - 34px)}.hero,.hero .shell{min-height:600px}.hero-copy{width:100%}.hero h1{font-size:clamp(2.7rem,11.4vw,3.5rem)}.hero p,.subhero p{font-size:1rem}.actions .button{width:100%}.hero-badge{bottom:19px}.trustbar .shell{font-size:.72rem;gap:9px}.section{padding:62px 0}.card-grid,.pillar-grid,.logo-band,.contact-cards{grid-template-columns:1fr}.card{min-height:205px}.card .num{margin-bottom:22px}.pillar{padding:30px;min-height:0}.logo-box{width:min(220px,100%)}.steps{gap:18px}.footer-grid{grid-template-columns:1fr 1fr;gap:25px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:8px}.subhero h1{font-size:clamp(2.6rem,10.5vw,3.6rem)}.topics-list{grid-template-columns:1fr}.consent .shell{padding:17px 0}.consent p{font-size:.78rem;line-height:1.45}.consent h2{font-size:1.1rem}.consent .consent-actions{display:grid;grid-template-columns:1fr 1fr}.consent .button{white-space:normal}.mobile-cta{display:flex;position:fixed;bottom:0;z-index:25;background:#fff;box-shadow:0 -4px 20px #03152618;left:0;right:0;padding:8px;gap:8px}.mobile-cta a{flex:1;min-height:44px;padding:10px}.footer{padding-bottom:90px}.consent{z-index:90}}
/* Zusätzliche Themenbilder und Empfehlungen */
.photo-block{margin:0 0 50px}.photo-block img,.feature-image img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:2px}.photo-block figcaption,.feature-image figcaption{font-size:.73rem;color:#667d8c;margin-top:8px;letter-spacing:.03em}.career-feature{background:#123b57;color:#fff}.career-grid,.regional-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.career-feature h2{max-width:600px}.career-feature p{color:#d7e8f1;font-size:1.04rem}.career-feature .button{margin-top:10px}.career-feature .feature-image figcaption{color:#c5d9e5}.feature-image{margin:0}.regional-grid p{color:#425d70;font-size:1.02rem}.surftipp{background:#e7f1f3}.surftipp-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:70px;align-items:center}.surftipp p{max-width:740px;color:#425d70}.surftipp h2{max-width:760px}.hero-credit{position:absolute;right:0;bottom:13px;color:#e0e8ef;font-size:.67rem;letter-spacing:.04em;text-shadow:0 1px 3px #000}@media(max-width:790px){.career-grid,.regional-grid{grid-template-columns:1fr;gap:30px}.surftipp-grid{grid-template-columns:1fr;gap:10px}.surftipp-grid .button{justify-self:start}}@media(max-width:480px){.subhero h1{font-size:clamp(1.95rem,8.5vw,2.75rem)}.hero-credit{bottom:52px;font-size:.6rem}.career-feature .button{width:100%}.surftipp-grid .button{width:100%}}
@media(max-width:480px){h2,.article-copy h2{font-size:clamp(1.55rem,7.5vw,2.05rem)}}

@media(max-width:480px){h2,.article-copy h2{font-size:clamp(1.45rem,7vw,2.05rem)}.subhero h1{font-size:clamp(1.55rem,7.3vw,2.55rem)}}