:root{--navy:#102e43;--blue:#12659a;--gold:#eeb64a;--paper:#f4f6f4;--ink:#183546}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,summary{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:5px}.preview{background:var(--navy);color:white;text-align:center;font-size:11px;padding:8px;letter-spacing:1px}header{max-width:1320px;margin:auto;padding:28px 5%;display:flex;justify-content:space-between;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:800;line-height:1.2}.brand small{display:block;font-size:8px;letter-spacing:1px;margin-top:7px}.plus{color:var(--blue)}.shield{background:var(--gold);color:var(--navy);font-size:26px;clip-path:polygon(0 0,100% 0,90% 70%,50% 100%,10% 70%);padding:6px 12px 15px}nav{display:flex;gap:24px;align-items:center;font-size:13px;font-weight:600}.button{display:inline-block;background:var(--navy);color:white;border:0;border-radius:4px;padding:14px 22px;font-weight:600;font-size:14px}.hero{max-width:1320px;margin:auto;padding:55px 5% 70px;display:grid;grid-template-columns:1.2fr 1fr;gap:65px;align-items:center}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;color:var(--blue)}h1{font-size:clamp(42px,5vw,70px);line-height:1.08;letter-spacing:-3px;margin:20px 0 28px}h1 em{font-style:normal;color:var(--blue)}.lead{font-size:18px;max-width:560px;color:#536875}.actions{display:flex;gap:24px;align-items:center;margin-top:32px}.textlink{font-weight:600;font-size:14px}.sub{font-size:12px;color:#687b86;margin-top:25px}.visual{position:relative;min-height:420px;border-radius:6px;background:var(--navy);overflow:hidden;display:flex;align-items:center;justify-content:center}.circle{position:absolute;width:370px;height:370px;border:1px solid #527384;border-radius:50%;top:-60px;right:-90px;box-shadow:0 0 0 45px #ffffff05,0 0 0 90px #ffffff05}.large-shield{font-size:145px;font-weight:800;color:var(--navy);background:var(--gold);padding:0 45px 35px;clip-path:polygon(0 0,100% 0,90% 70%,50% 100%,10% 70%);transform:rotate(-8deg)}.note{position:absolute;bottom:32px;left:25px;right:25px;background:white;padding:17px 20px;font-weight:700;border-radius:4px;font-size:14px}.note small{display:block;font-weight:400;margin-left:20px;font-size:11px}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#299b7a;margin-right:8px}.visual-label{position:absolute;top:15px;left:24px;color:white;font-size:10px;letter-spacing:2px}.ribbon{background:var(--paper);display:flex;justify-content:center;gap:100px;padding:25px;font-size:13px;font-weight:600;border-block:1px solid #dce3e4}section:not(.hero){padding:80px max(5%,calc((100% - 1190px)/2));}h2{font-size:clamp(30px,3.2vw,44px);line-height:1.15;letter-spacing:-1.3px;margin:15px 0 25px}h3{font-size:25px;line-height:1.25;letter-spacing:-.5px}.sectionhead{display:grid;grid-template-columns:1.3fr 1fr;gap:100px}.sectionhead p{color:#5a6d78}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px}.cards article{padding:30px;background:var(--paper);border-top:3px solid var(--gold)}.number{font-size:10px;letter-spacing:2px;color:var(--blue);font-weight:700}.cards p{font-size:14px;color:#536875}.cards a{display:block;border-top:1px solid #cdd8db;padding-top:20px;margin-top:24px;font-weight:700;font-size:13px}summary{font-size:12px;font-weight:600}.process{background:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:80px}.process p{color:#5a6d78}ol{margin:0;padding-left:25px}li{padding:15px 0 22px 15px;border-bottom:1px solid #cdd8db}li b,li span{display:block}li span{font-size:14px;margin-top:7px}.academy{background:var(--navy);color:white;display:grid;grid-template-columns:1fr 1fr;gap:90px}.academy .eyebrow{color:var(--gold)}.academy p{max-width:500px}.light{background:var(--gold);color:var(--navy)}.academy-list{align-self:center}.academy-list p{padding:22px 0;border-bottom:1px solid #5b7481;color:var(--gold)}.academy-list b{color:white;margin-left:25px}.articles{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:35px}.articles a{border-top:1px solid #b9c8cf;padding-top:20px;font-size:10px;letter-spacing:1px;color:var(--blue)}.articles h3{font-size:22px;letter-spacing:0;color:var(--ink)}.articles span{font-size:13px;letter-spacing:0}.contact{display:grid;grid-template-columns:1fr 1.1fr;gap:90px;background:var(--paper)}.notice{font-size:12px;border-left:3px solid var(--gold);padding-left:15px}form{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:block;font-size:12px;font-weight:600}input,select,textarea{display:block;width:100%;padding:12px;margin-top:6px;border:1px solid #b2c3cc;border-radius:3px;background:white;color:var(--ink)}.wide{grid-column:1/-1}footer{padding:30px 5%;display:flex;gap:25px;align-items:center;font-size:12px}footer span{margin-right:auto}footer button{border:0;background:none;color:var(--ink)}dialog{border:0;max-width:560px;padding:35px;border-radius:5px}dialog::backdrop{background:#102e4388}#menu{display:none}.skip{position:absolute;left:-1000px}.skip:focus{left:10px;top:40px;background:white;padding:15px;z-index:5}@media(max-width:1000px){nav{gap:15px}nav .button{display:none}.hero{gap:30px}.ribbon{gap:30px}.sectionhead,.process,.academy,.contact{gap:35px}}@media(max-width:700px){header{padding:22px 6%;flex-wrap:wrap}.brand{font-size:21px}#menu{display:block;background:none;border:1px solid #b2c3cc;padding:6px 12px;border-radius:3px}nav{display:none;width:100%;flex-direction:column;align-items:flex-start;padding-top:15px}nav.open{display:flex}nav .button{display:block}.hero{grid-template-columns:1fr;padding:35px 6% 45px;gap:30px}h1{letter-spacing:-1.5px;font-size:44px}.lead{font-size:16px}.actions{flex-wrap:wrap;gap:16px}.visual{min-height:300px}.large-shield{font-size:110px}.ribbon{flex-direction:column;gap:8px;padding:22px 6%}section:not(.hero){padding:50px 6%}.sectionhead,.cards,.process,.academy,.articles,.contact{grid-template-columns:1fr;gap:25px}.sectionhead h2{margin-bottom:0}.cards article{padding:25px}.academy-list b{margin-left:15px}form{grid-template-columns:1fr}footer{flex-wrap:wrap;padding:25px 6%}footer span{width:100%;order:3}.preview{font-size:9px}h2{font-size:32px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Gestaltungsrichtung nach sicherheitsakademie.org */
:root{--navy:#18334e;--blue:#356ca6;--gold:#f5cf59;--paper:#f7f8fc;--ink:#23364a}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--paper);border-top:5px solid var(--gold)}.preview{background:#eef2f7;color:var(--navy);font-size:10px;padding:6px}header{max-width:none;background:white;border-bottom:1px solid #d8dfe7;padding:24px max(5%,calc((100% - 1260px)/2))}.brand{font-size:21px}.brand small{font-size:9px;letter-spacing:.4px;font-weight:500}.button{background:var(--blue);border-radius:30px;padding:14px 22px;color:white}.hero{display:block;position:relative;overflow:hidden;max-width:1190px;margin:32px auto 20px;padding:65px 80px 55px;border:1px solid #d8dfe7;border-top:7px solid var(--gold);border-radius:14px;background:linear-gradient(125deg,#fff9e3 0%,#fff 50%,#f1f6fc 100%)}.hero:after{content:"";width:360px;height:360px;position:absolute;right:-160px;bottom:-240px;border:55px solid #356ca608;border-radius:50%;pointer-events:none}.hero>div{position:relative;z-index:1}h1{font-size:clamp(40px,5.2vw,72px);font-weight:750;line-height:1.17;letter-spacing:-3px;margin:22px 0 26px}h1 em{display:inline-block;margin-top:16px;font-size:.66em;letter-spacing:-1.8px}.lead{max-width:800px;font-size:19px;line-height:1.75;color:var(--ink)}.eyebrow{color:#2d5279;font-size:12px;letter-spacing:1.5px}.textlink{background:var(--blue);color:white;padding:14px 22px;border-radius:30px}.ribbon{max-width:1190px;margin:0 auto 25px;background:white;border:1px solid #d8dfe7;border-radius:12px;padding:0;gap:0;display:grid;grid-template-columns:repeat(3,1fr)}.ribbon span{padding:22px;border-right:1px solid #d8dfe7}.ribbon span:last-child{border:0}.ribbon b{color:#2d5279}.ribbon small{display:block;font-weight:400;color:#566575;margin-top:3px}section:not(.hero){max-width:1190px;margin:20px auto;padding:35px 0}.cards article{background:white;border:1px solid #d8dfe7;border-top:5px solid var(--blue);border-radius:12px}.cards article:nth-child(2){border-top-color:var(--gold)}.cards article:nth-child(3){border-top-color:#e89b43}h2{font-size:34px;letter-spacing:-1px}.process,.academy,.contact{background:white!important;color:var(--ink)!important;border:1px solid #d8dfe7;border-top:5px solid var(--blue);border-radius:12px;padding:35px!important}.academy{border-top-color:var(--gold)}.academy .eyebrow{color:#2d5279}.academy-list p{color:var(--blue);border-bottom-color:#d8dfe7}.academy-list b{color:var(--ink)}.light{background:var(--blue);color:white}.articles a{background:white;border:1px solid #d8dfe7;border-top:5px solid var(--gold);border-radius:12px;padding:25px}.sectionhead{gap:70px}.cards p{color:#45596b}.number{font-size:11px}footer{background:white;border-top:1px solid #d8dfe7;margin-top:35px}input,select,textarea{border-radius:7px;border-color:#cbd5df}.sub{color:#536578}.contact .notice{color:#536578}@media(max-width:1250px){main{padding:0 28px}.hero{padding:55px}.ribbon{max-width:100%}}@media(max-width:700px){main{padding:0 16px}header{padding:20px}.hero{margin-top:20px;padding:32px 24px}.hero h1{font-size:39px;letter-spacing:-1.7px;overflow-wrap:break-word}.hero h1 em{font-size:25px;letter-spacing:-.7px;line-height:1.3}.lead{font-size:16px}.ribbon{grid-template-columns:1fr}.ribbon span{border-right:0;border-bottom:1px solid #d8dfe7;padding:16px 22px}section:not(.hero){padding:24px 0}.process,.academy,.contact{padding:25px!important}.sectionhead{gap:10px}h2{font-size:29px}.brand small{font-size:8px}.actions{gap:12px}.cards{gap:15px}}