@font-face{font-family:DM Sans;src:url('/blog/assets/dm-sans.woff2') format('woff2');font-weight:100 900;font-display:swap}:root{--blue:#1b6ca8;--navy:#0c3a5c;--ink:#112c40;--muted:#536978;--line:#dce5ec;--bg:#f4f7fb}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:white;color:var(--ink);font:16px/1.6 'DM Sans',Arial,sans-serif}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid var(--blue);outline-offset:5px}p,h1,h2,h3{margin:0}h1,h2,h3{line-height:1.12}header{height:96px;max-width:1440px;margin:auto;padding:0 56px;display:flex;gap:32px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:8px;text-decoration:none}.brand>span{font-size:29px;font-weight:800;letter-spacing:-1px;line-height:1}.brand small{display:block;font-size:10px;font-weight:500;letter-spacing:0;margin-top:5px}nav{display:flex;gap:28px}nav a{text-decoration:none;font-size:14px;font-weight:600}nav a:hover,nav a[aria-current]{color:var(--blue)}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:15px 22px;border-radius:5px;background:var(--blue);color:white;text-decoration:none;font-weight:650;font-size:15px;line-height:1.3;transition:background .2s}.button:hover{background:var(--navy)}.button span{font-size:21px;line-height:1}.nav-cta{padding:13px 18px;font-size:14px}.skip{position:absolute;left:10px;top:-100px;background:white;z-index:9;padding:12px}.skip:focus{top:10px}.hero{padding:69px 56px 0;max-width:1440px;margin:auto}.eyebrow{font-size:12px;font-weight:750;letter-spacing:1.7px;color:var(--blue)}h1{font-size:clamp(42px,5.8vw,78px);font-weight:650;letter-spacing:-3.4px}h1 em{font-style:normal;color:var(--blue)}.hero h1{margin:19px 0 24px}.lead{font-size:20px;color:var(--muted);line-height:1.65;max-width:610px}.hero-copy{position:relative}.hero .lead{max-width:680px}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:28px}.text-link{font-size:15px;font-weight:650;text-underline-offset:7px}.hero-product{margin-top:50px;border-radius:12px 12px 0 0;background:var(--navy);padding:24px 36px 0;overflow:hidden}.product-caption{display:flex;justify-content:space-between;color:#ccdfed;font-size:12px;letter-spacing:1.2px;margin-bottom:20px}.product-caption span:last-child{letter-spacing:0;color:#a8c4d6}.screen{height:350px;overflow:hidden;border-radius:7px 7px 0 0;box-shadow:0 15px 60px #0003}.screen img{display:block;width:100%;height:auto}.product-note{display:flex;justify-content:space-between;color:#c9dce8;font-size:12px;padding:20px 0}.product-note span:first-child{color:white;font-weight:600}.platform{padding:100px 56px;max-width:1440px;margin:auto;display:grid;grid-template-columns:1fr 1.1fr;gap:100px}.section-heading h2{margin:20px 0}.section-heading p:last-child{color:var(--muted);max-width:365px;font-size:17px}h2{font-size:44px;letter-spacing:-1.7px;font-weight:600}.feature-list article{display:flex;gap:25px;padding:28px 0;border-bottom:1px solid var(--line)}.feature-list article:first-child{padding-top:0}.number{color:var(--blue);font-size:13px;font-weight:600;padding-top:3px}.feature-list h3{font-size:23px;font-weight:600;margin-bottom:11px;letter-spacing:-.6px}.feature-list p{font-size:16px;color:var(--muted);max-width:445px}.knowledge{padding:76px 56px 90px;background:var(--bg)}.knowledge>*,.listing-content{max-width:1328px;margin-left:auto;margin-right:auto}.section-top{display:flex;justify-content:space-between;align-items:end;gap:30px}.section-top h2{margin-top:18px}.section-intro{margin-top:23px;margin-bottom:38px;color:var(--muted);font-size:17px}.article-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.article-card{background:#fff;border:1px solid var(--line);border-radius:7px;padding:30px;text-decoration:none;display:flex;flex-direction:column;min-height:310px;transition:transform .2s,border-color .2s}.article-card:hover{transform:translateY(-4px);border-color:var(--blue)}.card-meta{display:flex;justify-content:space-between;gap:16px;font-size:12px;color:var(--muted);margin-bottom:22px}.card-meta span:first-child{color:var(--blue);font-weight:700}.article-card h3{font-size:29px;letter-spacing:-.8px;max-width:500px}.article-card p{color:var(--muted);margin-top:16px;font-size:16px}.card-bottom{margin-top:auto;padding-top:28px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted)}.card-bottom b{font-size:24px;font-weight:400;color:var(--blue)}.consult{background:var(--navy);padding:66px 56px;display:flex;justify-content:space-between;align-items:center;gap:35px;color:white}.consult>div{max-width:800px}.consult .eyebrow{color:#9cd8d7}.consult h2{margin:15px 0 20px;font-size:48px}.consult p:not(.eyebrow){color:#c3d9e8;font-size:17px}.light{background:white;color:var(--navy)}.light:hover{background:#e8f3fa}footer{padding:48px 56px 25px;max-width:1440px;margin:auto}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-bottom:36px}.footer-top p{font-size:15px;color:var(--muted)}.footer-top>a:last-child{font-size:15px;text-underline-offset:5px}.footer-bottom{border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.footer-bottom div{display:flex;gap:24px}.listing-head,.article-head{padding:65px 56px 56px;max-width:1440px;margin:auto}.listing-head h1{font-size:64px;max-width:900px;margin:20px 0 25px}.listing-content{padding:0 56px 85px}.category-nav{display:flex;gap:20px;border-bottom:1px solid var(--line);margin-bottom:30px}.category-nav a{padding:12px 0;font-size:14px;text-decoration:none}.category-nav a[aria-current]{border-bottom:2px solid var(--blue);color:var(--blue);font-weight:700}.article-head{background:var(--bg);max-width:none;padding-left:max(56px,calc((100vw - 1328px)/2));padding-right:max(56px,calc((100vw - 1328px)/2))}.back{display:inline-block;margin-bottom:35px;font-size:14px;text-decoration:none;color:var(--muted)}.article-head h1{max-width:1050px;font-size:62px;letter-spacing:-2px;margin:20px 0 25px}.article-head .lead{max-width:820px}.article-byline{display:flex;gap:22px;flex-wrap:wrap;margin-top:30px;font-size:13px;color:var(--muted)}.reading-layout{display:grid;grid-template-columns:250px minmax(0,740px);justify-content:center;gap:65px;padding:60px 56px 90px}aside{position:sticky;top:35px;align-self:start}aside>.eyebrow{margin-bottom:18px}aside>a{display:block;text-decoration:none;line-height:1.45;padding:9px 0;font-size:14px;color:var(--muted)}aside>a:hover{color:var(--blue)}aside .aside-cta{border-top:1px solid var(--line);margin-top:20px;padding-top:24px;line-height:1.8}.aside-cta strong{color:var(--blue)}.prose{font-size:18px;line-height:1.85}.prose section{margin-top:44px;scroll-margin-top:30px}.prose h2{font-size:30px;letter-spacing:-.7px;margin-bottom:18px;line-height:1.25}.prose p{margin:15px 0}.prose a{color:var(--blue);text-underline-offset:4px}.prose ul,.prose ol{padding-left:23px}.prose li{margin:10px 0}.takeaway{background:#eef5fa;border-left:3px solid var(--blue);padding:22px 26px}.takeaway p{margin:10px 0 0;font-size:18px;line-height:1.7}.sources{border-top:1px solid var(--line);padding-top:30px;font-size:14px}.sources h2{font-size:24px}.status-note{padding:18px 23px;background:#eef5fa;font-size:16px;border-radius:5px}
@media(min-width:1500px){.consult{padding-left:calc((100vw - 1328px)/2);padding-right:calc((100vw - 1328px)/2)}}@media(max-width:1000px){header{padding:0 28px;gap:18px}nav{gap:16px}.hero{padding:55px 28px 0}.platform{padding:70px 28px;gap:45px}.knowledge,.consult{padding-left:28px;padding-right:28px}h1{letter-spacing:-2px}.screen{height:265px}.product-note span:last-child{display:none}.reading-layout{padding:40px 28px 70px;gap:30px;grid-template-columns:190px minmax(0,1fr)}.listing-head,.article-head{padding:50px 28px}.listing-content{padding:0 28px 65px}.article-head h1{font-size:48px}.article-card h3{font-size:25px}.footer-top{align-items:start}footer{padding:38px 28px 25px}}
@media(max-width:720px){header{height:auto;min-height:88px;flex-wrap:wrap;padding:18px 22px 0;gap:16px}.brand>span{font-size:25px}.brand img{width:36px;height:36px}.brand small{font-size:9px}.nav-cta{font-size:13px;padding:12px 13px;gap:10px}nav{order:3;width:100%;justify-content:space-between;padding:12px 0 16px;gap:9px}nav a{font-size:12px}.hero{padding:38px 22px 0}.eyebrow{font-size:11px;letter-spacing:1.2px}h1{font-size:44px;letter-spacing:-1.7px}.hero h1{margin:18px 0 22px}.lead{font-size:18px}.hero-actions{align-items:start;flex-direction:column;gap:22px}.hero-product{padding:17px 15px 0;margin-top:35px;border-radius:8px 8px 0 0}.product-caption{font-size:10px;gap:14px;margin-bottom:14px;letter-spacing:.5px}.product-caption span:last-child{max-width:100px;text-align:right}.screen{height:auto;max-height:230px;aspect-ratio:1.55}.screen img{width:680px;max-width:none}.product-note{font-size:11px;padding:15px 0}.platform{grid-template-columns:1fr;padding:54px 22px;gap:35px}.section-heading h2,h2{font-size:36px;letter-spacing:-1.2px}.section-heading p:last-child{max-width:100%}.feature-list article{gap:20px;padding:22px 0}.feature-list h3{font-size:22px}.knowledge{padding:50px 22px}.section-top{align-items:start;flex-direction:column;gap:22px}.section-intro{font-size:16px}.article-grid{grid-template-columns:1fr;gap:18px}.article-card{padding:24px;min-height:0}.article-card h3{font-size:26px}.card-meta{font-size:11px}.consult{padding:46px 22px;align-items:start;flex-direction:column}.consult h2{font-size:39px}.consult p:not(.eyebrow){font-size:16px}.desktop{display:none}.footer-top{flex-wrap:wrap;gap:25px}.footer-top p{font-size:14px}.footer-top>a:last-child{width:100%}footer{padding:36px 22px 24px}.listing-head,.article-head{padding:35px 22px 38px}.listing-head h1,.article-head h1{font-size:40px;letter-spacing:-1.3px}.listing-content{padding:0 22px 50px}.article-byline{gap:8px 17px;font-size:12px}.reading-layout{display:block;padding:30px 22px 55px}aside{position:static;margin-bottom:30px;border-bottom:1px solid var(--line);padding-bottom:22px}aside .aside-cta{display:none}.prose{font-size:17px;line-height:1.8}.prose h2{font-size:27px}.takeaway{padding:18px 20px}.takeaway p{font-size:17px}.back{margin-bottom:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Original SU24 wordmark supplied by the brand owner. Preserve its aspect ratio. */
header{height:132px}.brand{flex-shrink:0}.brand img{display:block;width:180px;height:auto}footer .brand img{width:230px;height:auto}@media(max-width:720px){header{height:auto;min-height:132px;padding-top:8px;gap:8px}.brand img{width:158px;height:auto}footer .brand img{width:220px;height:auto}}
/* --- Ergänzungen: Screenshot-Platzhalter + Produktentwicklung --- */
.shot{margin:30px 0;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#fff}
.shot img{display:block;width:100%;height:auto}
.shot figcaption{font-size:13px;color:var(--muted);padding:13px 17px;border-top:1px solid var(--line)}
.shot .ph{aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;text-align:center;padding:26px;color:var(--muted);font-size:14px;background:repeating-linear-gradient(45deg,#eef3f8,#eef3f8 14px,#e6eef6 14px,#e6eef6 28px)}
.shot .ph b{display:block;color:var(--navy);font-weight:750;margin-bottom:7px;font-size:15px}
.badge{color:#0a7d55!important;font-weight:700}
.steps{counter-reset:s;list-style:none;padding-left:0}
.steps li{position:relative;padding-left:46px;margin:18px 0}
.steps li::before{counter-increment:s;content:counter(s);position:absolute;left:0;top:-2px;width:30px;height:30px;border-radius:50%;background:var(--blue);color:#fff;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center}