/* Doybit 0.46.0. Eight approved Studio-Glass references; presentation layer only. */
:root{--sg-ink:#080b2e;--sg-muted:#4d608a;--sg-blue:#0670e8;--sg-line:rgba(255,255,255,.94);--sg-glass:rgba(251,254,255,.78);--sg-shadow:0 5px 20px #518ed712;--sg-radius:22px;color-scheme:light}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body.public-body{font-family:Arial,Helvetica,sans-serif!important;background:#e4f2ff!important;color:var(--sg-ink)!important;overflow-x:visible!important;line-height:1.4!important}
body.public-body::before{content:"";position:fixed;inset:-12px;background:linear-gradient(#d6eeff55,#e8f5ffbb),url('/assets/img/studio/macbook-1536.webp') center top/cover;filter:blur(9px);z-index:-2;pointer-events:none}
body.public-body::after{display:none!important}
body.public-body *{box-sizing:border-box}
.public-body h1,.public-body h2,.public-body h3{color:var(--sg-ink)!important;letter-spacing:-.045em;line-height:1.12;font-weight:750;overflow-wrap:anywhere}
.public-body p{color:var(--sg-muted);line-height:1.38}
.public-body a{color:inherit;text-decoration:none}
.public-body a:focus-visible,.public-body button:focus-visible,.public-body summary:focus-visible,.public-body input:focus-visible,.public-body select:focus-visible,.public-body textarea:focus-visible{outline:3px solid #005dcc!important;outline-offset:4px}
.public-body main{max-width:1400px;margin:auto;padding:0 32px 0!important;min-height:60vh}
.public-body .shell{max-width:1400px!important;width:100%!important;margin:0!important;padding:0!important}
.public-body .site-header{position:relative!important;top:auto!important;background:none!important;border:0!important;box-shadow:none!important;padding:14px 50px 18px!important;z-index:20;max-width:1436px;margin:auto;backdrop-filter:none!important}
.public-body .nav-wrap{background:#f7fcffac!important;border:1px solid #fff;border-radius:24px!important;box-shadow:var(--sg-shadow);min-height:48px!important;padding:8px 18px!important;gap:20px!important;backdrop-filter:blur(15px);display:flex!important;align-items:center}
.public-body .brand{min-width:0!important;flex:0 0 auto!important;padding:0!important}
.public-body .brand img{width:124px!important;height:32px!important;object-fit:contain;filter:none!important}
.public-body .main-nav{display:flex;align-items:center;gap:7px!important;flex:1;justify-content:center;min-width:0}
.public-body .main-nav>a{font-size:11px!important;font-weight:600!important;padding:8px 6px!important;border:0!important;white-space:nowrap;border-radius:13px;color:#080d31!important}
.public-body .main-nav>a[aria-current]{background:#d4eaff!important;color:#0061d7!important;box-shadow:none!important}
.public-body .nav-withdraw-function{display:none!important}
.public-body .nav-actions{gap:6px!important;flex:0 0 auto!important;min-width:0}
.public-body .nav-account,.public-body .nav-cart,.public-body .nav-admin{background:#fbfdffcc!important;color:#071336!important;border:1px solid #fff!important;border-radius:20px!important;font-size:11px!important;min-height:36px!important;padding:8px 12px!important;box-shadow:0 3px 9px #578bc321;white-space:nowrap}
.public-body .nav-account::before{display:none!important}
.public-body .mobile-nav{display:none}
.public-body .button,.public-body button.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:39px!important;padding:10px 23px!important;font-size:12px!important;font-weight:650!important;line-height:1.3!important;border-radius:25px!important;box-shadow:0 3px 8px #5a97d821;border:1px solid #fff!important;white-space:normal}
.public-body .button.primary{background:linear-gradient(135deg,#0671e8,#005ccc)!important;color:white!important;box-shadow:0 4px 12px #0972e840,inset 0 1px 2px #ffffff80!important}
.public-body .button.ghost,.public-body .button.secondary{background:#ffffffcc!important;color:#0c1638!important}
.public-body .button:disabled{opacity:.62;cursor:not-allowed}
.public-body [hidden]{display:none!important}
.sg-kicker{font-size:14px;display:block;color:#3d537f;margin:0 0 6px}
.sg-frame{border:1px solid var(--sg-line);border-radius:var(--sg-radius);background:linear-gradient(115deg,#ffffffcf,#f8fcffd9 55%,#f0f8ffb5);box-shadow:var(--sg-shadow);padding:18px 24px;margin:12px 0;backdrop-filter:blur(12px)}
.sg-frame h2{font-size:26px;margin:0 0 8px}.sg-frame p{font-size:13px;margin:0 0 10px}.sg-head{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:16px}.sg-head>div{flex:1}.sg-head>p{flex:0 1 39%;font-size:12px;margin-top:2px}.sg-head>a{color:var(--sg-blue);font-size:12px;align-self:center}
.sg-hero{position:relative;min-height:326px;margin:-1px -8px 0;padding:16px 28px 72px;border-radius:26px;background:linear-gradient(105deg,#ffffffd9,#eef8ffb3 49%,#ffffff08 69%);isolation:isolate}
.sg-hero-copy{position:relative;z-index:2;width:52%;max-width:600px}.sg-hero h1{font-size:46px!important;line-height:1.02!important;margin:7px 0 12px!important;letter-spacing:-.045em!important}.sg-hero h1 em{font-style:normal;display:block;color:#1674ef!important}.sg-hero p{font-size:15px!important;max-width:470px;margin:0 0 16px}.sg-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.sg-actions a span{font-size:18px}
.sg-device{position:absolute;z-index:0;right:-7%;top:-66px;width:80%;max-width:1030px;aspect-ratio:1.5;margin:0;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000 28%);overflow:visible}.sg-device-photo{display:block;width:100%;height:auto;max-width:none!important;border-radius:0!important;box-shadow:none!important}.sg-projector{position:absolute;left:0;top:0;transform-origin:0 0;width:1000px;height:620px;overflow:hidden;background:#eaf5ff;opacity:0}.sg-projector.is-ready{opacity:1}.sg-device figcaption{position:absolute;right:13%;bottom:13%;font-size:9px;color:#324e7a;background:#fff9;border-radius:12px;padding:2px 7px}
.sg-concept{background:linear-gradient(125deg,#f2faff,#ddebff);width:100%;height:100%;color:#102954;border:1px solid #cddff7;overflow:hidden;font-size:18px;line-height:1.3;font-family:Arial,sans-serif}.sg-concept h3{font-size:34px!important;letter-spacing:-.04em!important;margin:16px 0 10px!important}.sg-concept h4{font-size:25px!important;margin:10px 0!important}.sg-concept p{font-size:19px!important;line-height:1.4;margin:0 0 22px!important}.sg-concept svg{width:24px;height:24px;vertical-align:middle;flex-shrink:0}.sg-windowbar{height:35px;display:flex;align-items:center;gap:8px;background:#fbfdffdd;padding:0 16px;font-size:13px}.sg-windowbar i{width:10px;height:10px;border-radius:50%;background:#fc6869}.sg-windowbar i:nth-child(2){background:#efbb47}.sg-windowbar i:nth-child(3){background:#49c5a2}.sg-windowbar span{margin-left:14px}.sg-app-layout{display:grid;grid-template-columns:210px 1fr;height:calc(100% - 35px)}.sg-app-layout aside{padding:27px 16px;border-right:1px solid #c9ddf5;background:#e4f0ff99}.sg-app-layout aside>img{width:164px;height:auto;margin:0 8px 29px}.sg-app-layout aside span{display:flex;gap:10px;align-items:center;font-size:18px;padding:15px 12px;margin:6px 0;border-radius:10px}.sg-app-layout aside span.sg-selected{background:#0c73e9;color:#fff}.sg-app-main{padding:26px 28px;min-width:0}.sg-app-main>small{font-size:13px;color:#23599c}.sg-app-foot{display:block;margin-top:20px;font-size:16px;color:#2c557d}.sg-app-programs{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.sg-app-programs>div{background:#fff9;border:1px solid #fff;border-radius:14px;padding:12px;text-align:center;min-width:0}.sg-app-programs img{width:120px;height:120px;object-fit:contain;margin:auto}.sg-app-programs strong{display:block;font-size:14px;overflow-wrap:anywhere}.sg-app-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:14px 0}.sg-app-metrics>div{background:#ffffffba;border-radius:13px;padding:15px;font-size:16px}.sg-app-metrics strong{display:block;font-size:23px;margin-top:9px}.sg-app-calendar,.sg-app-document{background:#fff8;border:1px solid #fff;border-radius:13px;padding:18px;margin-top:18px;font-size:17px}.sg-cal-head{display:grid;grid-template-columns:170px repeat(7,1fr);gap:6px;margin-top:20px;font-size:14px}.sg-cal-row{display:grid;grid-template-columns:170px 1fr;gap:16px;margin:17px 0;font-size:14px}.sg-booking{background:#a2cffe;border-radius:5px;padding:10px;margin-right:15%;text-align:center;font-size:14px}.booking-1{margin-left:15%;margin-right:3%;background:#e2ccff}.booking-2{margin-left:30%;margin-right:15%;background:#a9e1d0}.sg-app-row{display:flex;justify-content:space-between;border-bottom:1px solid #d7e4f5;padding:15px;font-size:18px}.sg-app-row b{font-size:15px;background:#d9edff;padding:4px 12px;border-radius:6px}.sg-app-chart{height:125px;display:flex;align-items:end;gap:22px;padding:18px;margin-top:10px}.sg-app-chart i{flex:1;height:50%;background:linear-gradient(#5bafff,#006bdf);border-radius:5px 5px 0 0}.sg-app-chart i:nth-child(2n){height:75%}.sg-app-chart i:nth-child(3n){height:95%}.sg-app-editorial{position:relative;border-radius:20px;overflow:hidden;height:310px}.sg-app-editorial img{width:100%;height:100%;object-fit:cover}.sg-app-editorial>div{position:absolute;left:0;right:0;bottom:0;padding:15px 24px;background:#ffffffd9}.sg-app-editorial>div h4{font-size:25px!important}.sg-app-editorial svg{display:none}.sg-app-search{background:#fff;border-radius:10px;padding:20px;margin:30px 0}.sg-contact-brand{display:grid;place-items:center;height:350px;background:linear-gradient(135deg,#ffffff75,#b7daff);border-radius:30px}.sg-contact-brand img{width:500px;max-width:85%;height:auto}
.sg-trust{display:flex;gap:10px;position:absolute;z-index:3;bottom:12px;left:28px;right:28px}.sg-trust>div{display:flex;align-items:center;gap:9px;border:1px solid #fff;border-radius:24px;background:#f8fcffb8;padding:9px 10px;max-width:260px;min-width:0;flex:0 1 31%}.sg-trust strong{display:block;font-size:11px;line-height:1.25}.sg-trust small{display:block;font-size:9px;color:#51668c;margin-top:3px}.sg-icon-round{width:46px;height:46px;flex:0 0 46px;border:1px solid #fff;border-radius:50%;display:grid;place-items:center;background:linear-gradient(140deg,#fff,#d9edff);box-shadow:0 3px 8px #4482c824;color:#0674f4}.sg-icon-round svg{width:29px;height:29px}
.sg-program-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px}.sg-program-card{display:flex;flex-direction:column;grid-column:span 3;min-width:0;border:1px solid white;border-radius:19px;background:#fbfdffb8;box-shadow:0 2px 8px #82b5dd0c;padding:9px 11px 10px;transition:transform .15s}.sg-program-card:hover{transform:translateY(-3px)}.sg-program-grid.home-grid .sg-program-card:nth-child(n+5){grid-column:span 4}.sg-program-grid.catalog-grid .sg-program-card:nth-child(-n+3){grid-column:span 4}.sg-card-art{position:relative;border-radius:16px;background:radial-gradient(at 15% 20%,#fff,#dcefff);height:98px;display:flex;align-items:center;justify-content:center;overflow:hidden}.sg-card-art::after{content:"";position:absolute;width:150%;height:75%;background:#ffffff50;border-radius:50%;transform:rotate(-24deg);top:45%;left:30%;pointer-events:none}.sg-card-art img{width:88px;height:88px;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 8px 7px #6988bd30)}.sg-art-rechnung,.sg-art-write{background:linear-gradient(125deg,#f8f4ff,#e3dcff)}.sg-art-formpilot,.sg-art-lohnblick{background:linear-gradient(125deg,#fff9f1,#e8f1ff)}.sg-flag{position:absolute;left:9px;top:5px;z-index:2;font-size:10px;background:#006de8;color:#fff;padding:4px 13px;border-radius:13px;box-shadow:0 3px 7px #137de855}.sg-program-card h3{font-size:18px!important;margin:9px 0 4px!important;letter-spacing:-.045em}.sg-program-card p{font-size:12px;margin:0 0 8px;line-height:1.25;flex:1}.sg-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:5px}.sg-status{font-size:10px;padding:4px 9px;border-radius:12px;background:#e0efff;color:#1d578e;display:inline-flex;align-items:center;gap:6px}.sg-status:before{content:"";width:7px;height:7px;border-radius:50%;background:#1779e7}.sg-arrow{display:grid;place-items:center;border:1px solid #fff;background:#ffffffce;width:30px;height:30px;border-radius:50%;box-shadow:0 2px 7px #4787c529;font-size:18px;flex-shrink:0}.catalog-grid .sg-card-art{height:145px}.catalog-grid .sg-card-art img{width:128px;height:128px}.catalog-grid .sg-program-card{padding:10px 13px 13px}.catalog-grid .sg-program-card h3{font-size:21px!important}.catalog-grid .sg-program-card p{font-size:14px;min-height:65px}
.sg-values{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.sg-values article{min-width:0;text-align:center;border-left:1px solid #dce8f7;padding:0 10px}.sg-values article:first-child{border-left:0}.sg-values .sg-icon-round{margin:0 auto 8px;width:53px;height:53px}.sg-values h3{font-size:15px!important;margin:0 0 5px!important}.sg-values p{font-size:12px!important;margin:0!important}.sg-values.boxed article{background:#fff9;border:1px solid #fff!important;border-radius:16px;padding:13px;display:flex;text-align:left;gap:12px}.sg-values.boxed .sg-icon-round{border-radius:15px;margin:0;flex-shrink:0}.sg-values.boxed{gap:12px}.sg-values.six{grid-template-columns:repeat(3,minmax(0,1fr))}
.sg-cta{display:grid;grid-template-columns:58% 42%;gap:6px;position:relative;overflow:hidden;min-height:142px;padding-top:13px;padding-bottom:13px}.sg-cta>div:first-child{position:relative;z-index:2}.sg-cta h2{font-size:25px}.sg-cta p{font-size:12px}.sg-cta .sg-kicker{font-size:12px}.sg-cta-image{position:absolute;right:0;top:0;width:44%;height:100%;mask-image:linear-gradient(90deg,transparent,#000 25%)}.sg-cta-image>img{width:100%;height:100%;object-fit:cover;object-position:70% 55%}.sg-cta-image>span{position:absolute;top:36%;left:45%;background:linear-gradient(#42baff,#075beb);color:white;width:50px;height:50px;border:2px solid #bbddff;border-radius:13px;box-shadow:0 8px 18px #226dde66;display:grid;place-items:center}.sg-cta-image svg{width:34px;height:34px}
.sg-article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.sg-article-card{border:1px solid #fff;border-radius:16px;overflow:hidden;background:#ffffffbc;box-shadow:0 3px 8px #629bd513;display:flex;flex-direction:column;min-width:0}.sg-article-photo{position:relative;height:128px;overflow:hidden}.sg-article-photo img{width:100%;height:100%;object-fit:cover;display:block}.sg-article-photo>span{position:absolute;left:10px;top:10px;font-size:10px;background:#fffdf8df;padding:5px 12px;border-radius:18px}.sg-article-card>div:last-child{padding:12px;flex:1;display:flex;flex-direction:column}.sg-article-card h3{font-size:17px!important;margin:0 0 6px!important}.sg-article-card p{font-size:13px;margin:0 0 8px;flex:1}.sg-article-card strong{color:#006ce9;font-size:12px}.sg-home-articles .sg-article-photo{height:70px}.sg-home-articles .sg-article-card h3{font-size:13px!important}.sg-home-articles .sg-article-card p{font-size:11px}.sg-home-articles .sg-article-card>div:last-child{padding:8px 12px}.sg-featured-article{display:grid;grid-template-columns:48% 1fr;gap:28px;padding:10px}.sg-featured-article>img{width:100%;height:190px;object-fit:cover;border-radius:18px}.sg-featured-article>div{align-self:center;padding:0 15px 0 0}.sg-featured-article h2{font-size:25px}.sg-featured-article small,.sg-featured-article strong{color:#006ce9}.sg-filterbar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:15px}.sg-filterbar button,.public-body .program-filter{appearance:none;background:#fff9;border:1px solid #fff;border-radius:22px;padding:10px 19px;color:#102346;font-size:12px;cursor:pointer;min-height:42px;box-shadow:0 3px 9px #488fce13}.sg-filterbar button[aria-pressed=true],.public-body .program-filter[aria-pressed=true]{background:#006ce4!important;color:#fff!important}.sg-filterbar svg{width:19px;height:19px;vertical-align:middle;margin-right:5px}.sg-filter-result{font-size:11px!important;color:#436183;min-height:16px;margin:5px 0 0!important}.public-body .program-explorer-controls{padding:0!important;border:0!important;background:none!important}.public-body .program-filter-buttons{display:flex;gap:8px;flex-wrap:wrap;justify-content:start!important}.public-body .program-filter-result{font-size:11px;min-height:15px;margin:4px 0 0}
.sg-process{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.sg-process article{border:1px solid #fff;background:#ffffffaa;border-radius:19px;padding:14px;min-width:0;position:relative}.sg-process small{color:#006be4;font-size:11px;background:#eef7ff;padding:7px 9px;border-radius:20px;border:1px solid #fff}.sg-process .sg-icon-round{border-radius:15px;margin:15px auto}.sg-process h3{font-size:17px!important;text-align:center;margin:0 0 10px!important}.sg-process p{font-size:12px!important;margin:0!important}
.sg-topic-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:16px 0}.sg-topic-grid>a{background:#fff9;border:1px solid #fff;border-radius:18px;padding:14px;min-width:0}.sg-topic-grid .sg-icon-round{border-radius:13px;margin:0 0 15px}.sg-topic-grid h2{font-size:17px!important;margin:0 0 8px!important}.sg-topic-grid p{font-size:12px;margin:0 0 8px;min-height:42px}.sg-topic-grid .sg-arrow{margin-left:auto}.sg-searchbar{display:flex;align-items:center;gap:15px;padding:7px 12px 7px 18px}.sg-searchbar>svg{width:26px;height:26px;color:#10254b;flex-shrink:0}.sg-searchbar label{flex:1;min-width:0}.sg-searchbar input{border:0!important;background:transparent!important;box-shadow:none!important;font-size:13px!important;padding:10px 4px!important;width:100%!important;margin:0!important}.sg-searchbar button{min-width:115px}
.sg-faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 18px;align-items:start}.public-body .sg-faq details{margin:0;background:#ffffffa6;border:1px solid #dceafb;border-radius:13px;overflow:hidden;padding:0;box-shadow:none}.sg-faq summary{padding:12px 14px;font-size:12px;font-weight:600;cursor:pointer;line-height:1.35;min-height:42px}.sg-faq details p{padding:0 14px 14px;font-size:12px;margin:0}.sg-faq details[open]{background:#e3f1ffcf}.sg-support{display:flex;gap:20px;align-items:center}.sg-support>.sg-icon-round{width:75px;height:75px;flex-basis:75px}.sg-support>.sg-icon-round svg{width:44px;height:44px}.sg-support>div{flex:1}.sg-support h2{font-size:24px}.sg-support p{margin:0}.sg-support .button{flex:0 1 auto}
.sg-contact-layout{display:grid;grid-template-columns:57% 1fr;gap:14px}.sg-contact-layout .sg-frame{margin:12px 0 0}.sg-contact-form h2{font-size:28px}.sg-contact-form>p{font-size:14px}.sg-form{display:grid;gap:14px;margin-top:20px}.sg-field{display:block;position:relative;color:#445b83;font-size:12px}.sg-field>span:first-child{display:block;margin:0 0 5px 3px}.sg-field>.sg-field-icon{position:absolute;left:16px;top:34px;display:block;color:#5278a8;z-index:1;pointer-events:none}.sg-field-icon svg{width:21px;height:21px}.public-body .sg-field input,.public-body .sg-field select,.public-body .sg-field textarea{width:100%!important;padding:14px 15px 14px 48px!important;font-size:14px!important;line-height:1.4!important;min-height:49px;background:#ffffffaa!important;border:1px solid #dce8fa!important;border-radius:17px!important;margin:0!important;box-shadow:none!important;color:#203b66!important}.public-body .sg-field textarea{min-height:170px;resize:vertical}.sg-form .button{min-height:49px!important}.public-body .consent-row{display:flex!important;align-items:flex-start;gap:9px!important;font-size:11px!important;color:#49668d}.public-body .consent-row input{flex:0 0 18px;width:18px!important;height:18px!important;min-height:18px!important;appearance:auto;margin:1px 0 0!important}.consent-row a{color:#0063cd!important;text-decoration:underline!important}.sg-contact-reasons{display:grid;gap:8px;margin-top:15px}.sg-contact-reasons>a{display:flex;align-items:center;gap:12px;border:1px solid #fff;border-radius:18px;background:#fff9;padding:8px;min-height:53px}.sg-contact-reasons .sg-icon-round{border-radius:13px;width:43px;height:43px;flex-basis:43px}.sg-contact-reasons strong{display:block;font-size:12px}.sg-contact-reasons small{display:block;font-size:10px;color:#4d6389}.sg-contact-reasons .sg-arrow{margin-left:auto}.sg-contact-small h3{font-size:17px}.sg-contact-small p{font-size:12px}.sg-contact-small .button{width:100%;margin-top:4px}.sg-contact-small{margin-top:12px!important}.sg-contact-small a:not(.button){color:#005fd0}.sg-about-split{display:grid;grid-template-columns:1fr 48%;gap:24px;align-items:center}.sg-about-split>img{width:100%;height:185px;object-fit:cover;border-radius:20px}.sg-about-split.reverse{grid-template-columns:46% 1fr}.sg-about-split.reverse>img{order:-1}.sg-about-split h2{font-size:26px}.sg-about-split p{font-size:13px}.sg-about-values .sg-values article{background:#fff9;border:1px solid white;border-radius:18px;padding:14px;text-align:left}.sg-about-values .sg-icon-round{border-radius:15px}.sg-family{display:grid;grid-template-columns:1fr 48%;gap:20px;align-items:center}.sg-family .sg-program-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.sg-family .sg-program-card{grid-column:auto!important;padding:10px;font-size:11px}.sg-family .sg-program-card h3{font-size:12px!important;text-align:center}.sg-family .sg-program-card p{display:none}.sg-family .sg-card-art{height:64px}.sg-family .sg-card-art img{width:64px;height:64px}.sg-family .sg-card-bottom .sg-arrow{display:none}.sg-family .sg-status{font-size:9px}.sg-family .sg-flag{display:none}
.sg-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.sg-feature-card{border:1px solid #fff;border-radius:18px;background:#ffffffad;overflow:hidden;padding:9px 12px 12px;min-width:0}.sg-feature-art{height:90px;background:linear-gradient(130deg,#f8fcff,#d9ecff);border-radius:13px;display:grid;place-items:center;margin-bottom:10px;overflow:hidden}.sg-feature-art>.sg-icon-round{border-radius:14px;width:60px;height:60px}.sg-feature-art img{width:100%;height:100%;object-fit:cover}.sg-feature-card h3{font-size:17px!important;margin:0 0 7px!important}.sg-feature-card p{font-size:12px;min-height:58px}.sg-feature-card>a{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#006ce9}.sg-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.sg-gallery details{background:#fff9;border:1px solid white;border-radius:16px;overflow:hidden;margin:0}.sg-gallery summary{cursor:zoom-in;font-size:12px;color:#17518e;font-weight:600;padding:8px;list-style:none}.sg-gallery summary>span:first-child{display:block;margin:0 3px 7px}.sg-gallery summary:after{display:none!important}.sg-concept-thumbnail{width:100%;aspect-ratio:1.613;position:relative;overflow:hidden;border-radius:10px}.sg-concept-thumbnail>.sg-concept{width:1000px;height:620px;transform-origin:0 0;transform:scale(var(--sg-preview-scale,.25))}.sg-gallery details[open]{grid-column:1/-1}.sg-gallery details[open] summary>.sg-concept-thumbnail{display:none}.sg-gallery-full{padding:0 10px 10px}.sg-gallery-full>.sg-concept-thumbnail{max-width:1000px;margin:auto}.sg-caption{font-size:10px!important;margin:8px 0 0!important;color:#476183}.sg-product-details{padding:14px 18px}.sg-product-details>summary{cursor:pointer;font-size:13px;min-height:34px;display:flex;align-items:center;list-style:inside}.sg-product-details .section{margin:12px 0!important;padding:0!important}.sg-product-details .shell{margin:0!important}.sg-product-details h2{font-size:23px}.sg-product-details .product-premium-buy{margin:12px 0!important;background:#fff9!important;border:1px solid #dce9fa!important;box-shadow:none!important;border-radius:15px!important;padding:20px!important}.sg-system{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.sg-system article{padding:12px;border:1px solid #fff;border-radius:14px;background:#fff9;min-width:0}.sg-system small{display:block;font-size:11px;color:#46618a}.sg-system strong{display:block;font-size:12px;margin-top:5px;overflow-wrap:anywhere}
.public-body .site-footer{max-width:1336px;margin:14px auto 12px;padding:14px 26px 8px!important;border:1px solid #fff!important;border-radius:22px!important;background:#f7fcffbd!important;color:#12244a!important;box-shadow:none!important;backdrop-filter:blur(12px)}
.public-body .footer-grid{display:grid;grid-template-columns:25% 35% 18% 1fr!important;gap:20px!important;align-items:start!important}.public-body .footer-grid>div{min-width:0;border-left:1px solid #d6e5f7;padding-left:20px}.public-body .footer-grid>div:first-child{border:0;padding:0}.public-body .footer-grid strong{font-size:11px;display:block;margin-bottom:3px}.public-body .footer-grid a{display:block;font-size:10px;color:#4b6188;margin:3px 0!important;line-height:1.3}.public-body .footer-brand-block p{font-size:11px;max-width:220px;margin:7px 0!important}.public-body .footer-logo{width:110px!important;height:auto!important}.public-body .footer-signature{display:none!important}.sg-footer-programs{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.public-body .footer-bottom{font-size:9px;padding-top:9px!important;margin-top:8px!important;border-top:1px solid #dae8f7;display:flex;justify-content:space-between;color:#526b94}
/* Shared customers, shopping, legal and system templates retain their protected forms. */
.public-body main>.section,.public-body .knowledge-article-layout,.public-body .knowledge-article-hero,.public-body .shop-page-hero,.public-body .customer-page-hero,.public-body .legal-hero,.public-body .info-hero{background:#faffffb8!important;border:1px solid #fff!important;border-radius:22px!important;padding:24px!important;margin:12px 0!important;box-shadow:var(--sg-shadow)!important}
.public-body main>.section:before,.public-body main>.section:after{display:none!important}
.public-body .shop-page-hero h1,.public-body .customer-page-hero h1,.public-body .legal-hero h1{font-size:42px!important;line-height:1.1!important}.public-body .customer-panel,.public-body .account-card,.public-body .shop-empty,.public-body .cart-summary-card,.public-body .cart-item,.public-body .checkout-summary,.public-body .checkout-panel,.public-body .legal-content,.public-body .info-card{background:#ffffffbc!important;border:1px solid #fff!important;box-shadow:0 4px 14px #769fbe11!important;border-radius:18px!important;min-width:0}
.public-body input,.public-body textarea,.public-body select{font-family:inherit;border-radius:12px!important;background:#ffffffc9!important;border-color:#cddff3!important;max-width:100%;color:#173253!important;min-height:44px}.public-body .account-form label{font-size:13px!important;color:#304f77!important}.public-body .account-form small{font-size:11px!important}.public-body .account-form{gap:14px!important}.public-body .alert{border-radius:14px!important;overflow-wrap:anywhere}.public-body .contact-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.public-body .custom-app-request-grid{display:grid;grid-template-columns:40% 1fr;gap:28px}.public-body .custom-app-request-help{margin:15px 0;font-size:13px}.public-body .custom-app-request-grid h2{font-size:28px}.public-body .custom-app-form-card{background:#ffffffa9;border:1px solid #fff;border-radius:18px;padding:22px}.public-body .custom-app-request-grid p{font-size:13px}.public-body .knowledge-article-hero-grid{display:grid;grid-template-columns:60% 1fr;gap:24px;align-items:center}.public-body .knowledge-article-hero h1{font-size:36px!important;line-height:1.13!important}.public-body .knowledge-article-cover img{width:100%;height:200px;object-fit:cover;border-radius:17px}.public-body .knowledge-article-meta{font-size:12px;display:flex;gap:12px;flex-wrap:wrap}.public-body .knowledge-article-layout{display:grid;grid-template-columns:25% 1fr;gap:32px;align-items:start}.public-body .knowledge-article-aside{position:sticky;top:20px;background:#f3f9ffa9!important;border-radius:18px!important;padding:18px!important;box-shadow:none!important;font-size:12px;min-width:0}.public-body .knowledge-article-content{min-width:0;max-width:780px!important;background:none!important;padding:0!important;box-shadow:none!important;color:#283f61}.public-body .knowledge-article-content h2{font-size:25px!important;margin:28px 0 13px!important}.public-body .knowledge-article-content p,.public-body .knowledge-article-content li{font-size:15px!important;line-height:1.65!important}.public-body .knowledge-article-content a,.public-body .knowledge-article-aside a{color:#005fd1!important;text-decoration:underline}.public-body .knowledge-article-aside li{margin:12px 0}.public-body .knowledge-article-aside ol{padding-left:16px}
@media(min-width:1400px){.sg-hero{min-height:430px;padding-top:26px;padding-bottom:84px}.sg-hero h1{font-size:64px!important}.sg-hero-copy{width:49%}.sg-hero p{font-size:19px!important;max-width:600px}.sg-device{top:-90px;right:-8%;width:80%}.sg-trust strong{font-size:14px}.sg-trust small{font-size:11px}.sg-trust>div{max-width:320px}.sg-frame h2{font-size:32px}.sg-frame p{font-size:16px}.sg-program-card h3{font-size:24px!important}.sg-program-card p{font-size:16px}.sg-card-art{height:140px}.sg-card-art img{width:130px;height:130px}.sg-program-card{padding:12px 15px 14px}.sg-status{font-size:13px}.sg-values h3{font-size:18px!important}.sg-values p{font-size:15px!important}.sg-article-photo{height:170px}.sg-article-card h3{font-size:20px!important}.sg-article-card p{font-size:16px}.public-body .button{font-size:15px!important;min-height:44px!important}.sg-cta{min-height:185px}.sg-cta h2{font-size:32px}.sg-cta p{font-size:15px}.sg-feature-art{height:124px}.sg-feature-card h3{font-size:22px!important}.sg-feature-card p{font-size:15px}.sg-hero-gastgeberzentrale h1{font-size:55px!important}}
@media(max-width:1100px){.public-body .nav-wrap{gap:12px!important}.public-body .main-nav>a{font-size:10px!important;padding:8px 4px!important}.public-body .main-nav{gap:2px!important}.public-body .site-footer{margin-right:32px;margin-left:32px}.sg-hero-gastgeberzentrale h1{font-size:39px!important}.sg-hero-custom h1{font-size:39px!important}.sg-hero-about h1 em{font-size:33px}.sg-head h2{font-size:25px}}
@media(max-width:900px){.public-body .main-nav{display:none!important}.public-body .mobile-nav{display:block;order:3;position:relative}.public-body .mobile-nav summary{padding:10px 13px;background:#ffffffc9;border:1px solid #fff;border-radius:22px;font-size:12px;list-style:none;cursor:pointer;min-height:40px}.public-body .mobile-nav nav{position:absolute;right:0;top:50px;width:250px;display:grid;background:#f4fafff5;border:1px solid #fff;border-radius:18px;padding:12px;box-shadow:0 8px 30px #234f8840}.public-body .mobile-nav nav a{padding:12px 9px;font-size:13px;min-height:44px}.public-body .nav-actions{margin-left:auto}.public-body .site-header{padding-left:32px!important;padding-right:32px!important}.sg-hero{min-height:350px}.sg-hero-copy{width:55%}.sg-hero h1{font-size:39px!important}.sg-hero p{font-size:14px!important}.sg-device{width:88%;right:-16%;top:-10px}.sg-trust{gap:6px}.sg-trust>div{flex:1;max-width:none;padding:7px}.sg-trust .sg-icon-round{width:35px;height:35px;flex-basis:35px}.sg-trust .sg-icon-round svg{width:22px;height:22px}.sg-program-card h3{font-size:16px!important}.sg-program-card p{font-size:11px}.sg-card-art{height:90px}.sg-values{gap:8px}.sg-values article{padding:0 5px}.sg-values h3{font-size:13px!important}.sg-values p{font-size:11px!important}.sg-values.boxed{grid-template-columns:repeat(2,minmax(0,1fr))}.sg-contact-layout{grid-template-columns:55% 1fr;gap:10px}.sg-contact-layout .sg-frame{padding:18px}.sg-head{display:block}.sg-head>p{margin-top:6px;font-size:12px}.sg-process{gap:7px}.sg-process article{padding:10px}.sg-process p{font-size:11px!important}.sg-topic-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sg-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sg-family{grid-template-columns:1fr}.sg-cta{grid-template-columns:64% 1fr}.sg-cta-image{width:40%}.sg-cta h2{font-size:24px}.sg-about-split h2{font-size:23px}.sg-about-split p{font-size:12px}.sg-support{flex-wrap:wrap}.sg-support .button{margin-left:auto}.sg-system{grid-template-columns:repeat(2,minmax(0,1fr))}.public-body .footer-grid{grid-template-columns:1fr 1.3fr!important;gap:20px!important}.public-body .footer-grid>div:nth-child(3){border-left:0;padding-left:0}}
@media(max-width:600px){.public-body main{padding:0 12px!important}.public-body .site-header{padding:10px 12px 14px!important}.public-body .nav-wrap{padding:7px 10px!important;gap:7px!important;min-height:52px!important;border-radius:23px!important}.public-body .brand img{width:102px!important;height:27px!important}.public-body .nav-account,.public-body .nav-cart{min-height:40px!important;padding:10px!important;font-size:11px!important}.public-body .nav-admin{display:none!important}.public-body .nav-actions{gap:5px!important}.public-body .mobile-nav summary{padding:10px;min-width:44px}.public-body .mobile-nav nav{width:min(270px,calc(100vw - 44px))}.sg-frame{padding:18px 15px;margin:11px 0;border-radius:21px}.sg-hero{margin:0;min-height:0;padding:18px 17px 0;display:flex;flex-direction:column;border-radius:24px;overflow:hidden}.sg-hero-copy{width:100%;max-width:none}.sg-kicker{font-size:12px}.sg-hero h1{font-size:38px!important;line-height:1.07!important;margin:8px 0 12px!important}.sg-hero-gastgeberzentrale h1{font-size:31px!important}.sg-hero-custom h1{font-size:34px!important}.sg-hero-about h1 em{font-size:30px}.sg-hero p{font-size:15px!important;line-height:1.42!important;margin-bottom:16px}.sg-actions{gap:9px}.public-body .button{font-size:12px!important;min-height:44px!important;padding:11px 18px!important}.sg-hero .sg-actions a{flex:1 0 auto}.sg-device{position:relative;right:auto;top:auto;width:140%;max-width:none;margin:-38px -38% -30px -13%;mask-image:linear-gradient(90deg,transparent,#000 13%);aspect-ratio:1.5;flex-shrink:0}.sg-device figcaption{right:23%;bottom:13%;font-size:8px;max-width:60%;text-align:center}.sg-trust{position:relative;left:auto;right:auto;bottom:auto;gap:7px;display:grid;grid-template-columns:1fr;margin:0 0 17px;z-index:4}.sg-trust>div{max-width:none;border-radius:17px;padding:8px 12px;flex:none}.sg-trust strong{font-size:12px}.sg-trust small{font-size:11px}.sg-trust .sg-icon-round{width:36px;height:36px;flex-basis:36px}.sg-program-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.sg-program-card,.sg-program-grid.home-grid .sg-program-card:nth-child(n+5),.sg-program-grid.catalog-grid .sg-program-card:nth-child(-n+3){grid-column:auto!important;padding:8px}.sg-program-card:last-child:nth-child(odd){grid-column:1/-1!important}.sg-program-card h3{font-size:16px!important;line-height:1.13!important}.sg-program-card p{font-size:12px;line-height:1.35}.sg-card-art,.catalog-grid .sg-card-art{height:98px}.sg-card-art img,.catalog-grid .sg-card-art img{width:86px;height:86px}.sg-status{font-size:9px;padding:4px 7px}.sg-arrow{width:28px;height:28px}.sg-program-card:last-child:nth-child(odd) .sg-card-art img{width:90px;height:90px}.catalog-grid .sg-program-card h3{font-size:17px!important}.catalog-grid .sg-program-card p{font-size:12px;min-height:0}.sg-head{margin-bottom:14px}.sg-frame h2,.sg-head h2{font-size:26px!important}.sg-head>a{display:inline-block;margin-top:5px}.sg-head>p{font-size:13px}.sg-values,.sg-values.six,.sg-values.boxed{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sg-values article{border:0!important;padding:9px 2px}.sg-values h3{font-size:14px!important;line-height:1.2!important}.sg-values p{font-size:12px!important}.sg-values.boxed article{display:block;padding:12px}.sg-values.boxed .sg-icon-round{margin:0 0 12px}.sg-cta{display:block;min-height:0;padding-bottom:145px}.sg-cta p{font-size:14px}.sg-cta-image{width:100%;height:165px;top:auto;bottom:0;mask-image:linear-gradient(180deg,transparent,#000 20%)}.sg-cta-image>img{object-position:70% 50%}.sg-cta-image>span{left:55%;top:25%;width:42px;height:42px}.sg-cta .sg-kicker{font-size:12px}.sg-article-grid{grid-template-columns:1fr;gap:12px}.sg-article-photo,.sg-home-articles .sg-article-photo{height:160px}.sg-article-card h3,.sg-home-articles .sg-article-card h3{font-size:19px!important}.sg-article-card p,.sg-home-articles .sg-article-card p{font-size:14px}.sg-article-card>div:last-child,.sg-home-articles .sg-article-card>div:last-child{padding:14px}.sg-article-card strong{font-size:14px;min-height:27px}.sg-featured-article{grid-template-columns:1fr;gap:12px}.sg-featured-article>img{height:175px}.sg-featured-article>div{padding:5px 7px 7px}.sg-process{grid-template-columns:1fr;gap:10px}.sg-process article{display:grid;grid-template-columns:55px 1fr;column-gap:13px;padding:14px}.sg-process small{position:absolute;top:8px;right:9px;padding:3px 7px}.sg-process .sg-icon-round{grid-row:1/3;margin:10px 0 0}.sg-process h3{text-align:left;margin:7px 0!important;font-size:20px!important;padding-right:32px}.sg-process p{font-size:14px!important;grid-column:2}.sg-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sg-topic-grid>a:last-child{grid-column:1/-1}.sg-topic-grid h2{font-size:18px!important}.sg-topic-grid p{font-size:13px;min-height:0}.sg-faq{grid-template-columns:1fr}.sg-faq summary{font-size:14px;padding:14px}.sg-faq details p{font-size:14px}.sg-searchbar{gap:9px;padding:7px 10px}.sg-searchbar>svg{width:22px;height:22px}.sg-searchbar button{min-width:0;padding:11px 15px!important}.sg-searchbar input{font-size:12px!important}.sg-support{gap:13px}.sg-support>.sg-icon-round{width:56px;height:56px;flex-basis:56px}.sg-support h2{font-size:24px}.sg-support p{font-size:14px}.sg-support .button{width:100%;margin:5px 0 0}.sg-contact-layout{grid-template-columns:1fr;gap:0}.sg-contact-layout .sg-frame{padding:19px 16px}.sg-contact-form>p{font-size:14px}.sg-field{font-size:13px}.sg-contact-reasons strong{font-size:14px}.sg-contact-reasons small{font-size:12px}.sg-contact-small p{font-size:14px}.sg-about-split,.sg-about-split.reverse{grid-template-columns:1fr;gap:18px}.sg-about-split p{font-size:14px}.sg-about-split>img{height:175px}.sg-family .sg-program-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sg-family .sg-program-card{grid-column:auto!important}.sg-family .sg-program-card:last-child:nth-child(odd){grid-column:auto!important}.sg-family .sg-status{padding:4px 3px;font-size:8px}.sg-family .sg-status:before{display:none}.sg-family .sg-card-art{height:60px}.sg-family .sg-card-art img{width:60px;height:60px}.sg-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sg-feature-card{padding:8px}.sg-feature-card h3{font-size:16px!important}.sg-feature-card p{font-size:12px;min-height:0}.sg-feature-card a{font-size:11px;min-height:35px}.sg-feature-art{height:90px}.sg-gallery{grid-template-columns:1fr}.sg-gallery summary{font-size:14px}.sg-caption{font-size:11px!important}.sg-system{grid-template-columns:1fr 1fr}.sg-system strong{font-size:12px}.public-body .site-footer{margin:12px;padding:18px 16px 12px!important}.public-body .footer-grid{grid-template-columns:1fr 1fr!important;gap:19px!important}.public-body .footer-grid>div{padding-left:10px}.public-body .footer-grid strong{font-size:12px}.public-body .footer-grid a{font-size:11px;margin:6px 0!important}.sg-footer-programs{grid-template-columns:1fr}.public-body .footer-brand-block p{font-size:12px}.public-body .footer-bottom{display:block;font-size:10px}.public-body .footer-bottom>span{display:block;margin-top:4px}.public-body .custom-app-request-grid{grid-template-columns:1fr;gap:15px}.public-body .custom-app-form-card{padding:16px}.public-body .custom-app-form-two{grid-template-columns:1fr!important}.public-body .knowledge-article-hero-grid,.public-body .knowledge-article-layout{grid-template-columns:1fr;gap:20px}.public-body .knowledge-article-hero h1{font-size:30px!important}.public-body .knowledge-article-aside{position:relative;top:auto}.public-body .knowledge-article-cover img{height:170px}.public-body main>.section,.public-body .knowledge-article-layout,.public-body .knowledge-article-hero,.public-body .shop-page-hero,.public-body .customer-page-hero,.public-body .legal-hero,.public-body .info-hero{padding:18px!important}.public-body .shop-page-hero h1,.public-body .customer-page-hero h1,.public-body .legal-hero h1{font-size:32px!important}.public-body .cart-layout,.public-body .cart-item,.public-body .checkout-layout,.public-body .customer-layout{grid-template-columns:1fr!important}.public-body table{font-size:12px}.public-body th,.public-body td{overflow-wrap:anywhere}.public-body .legal-content h2{font-size:24px!important}}
@media(max-width:359px){.public-body .brand img{width:90px!important}.public-body .nav-account{padding:10px 7px!important}.public-body .mobile-nav summary{padding:10px 8px}.sg-hero h1{font-size:33px!important}.sg-hero-custom h1{font-size:30px!important}.sg-hero-gastgeberzentrale h1{font-size:27px!important}.sg-program-card h3{font-size:14px!important}.sg-card-bottom{gap:3px}.sg-status{font-size:8px}.sg-hero-about h1 em{font-size:26px}.sg-trust small{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.public-body *, .public-body *:before,.public-body *:after{animation:none!important;transition:none!important}}

/* Browser comparison correction: contain the decorative scene and reset legacy footer tiles. */
.sg-hero{overflow:hidden}
body.public-body h1,body.public-body h2,body.public-body h3{font-weight:700!important}
body.public-body .main-nav>.nav-contact{display:inline-block!important}
body.public-body .site-footer .footer-grid{background:transparent!important;padding:0!important;border:0!important;box-shadow:none!important;min-height:0!important}
body.public-body .site-footer .footer-grid>div{display:block!important;min-height:0!important;background:none!important;border-radius:0!important;box-shadow:none!important;grid-column:auto!important}
body.public-body .site-footer .footer-grid a{padding:0!important;min-height:0!important;text-transform:none!important;letter-spacing:0!important;font-weight:400!important;line-height:1.4!important;margin:3px 0!important;font-size:11px!important}
body.public-body .site-footer .footer-grid strong{font-size:12px!important;letter-spacing:0!important;text-transform:none!important;margin:0 0 5px!important}
body.public-body .site-footer .footer-brand-block{padding:0!important}
body.public-body .site-footer .footer-logo{margin:0!important}
.sg-frame .sg-trust{position:static;margin-top:20px;flex-wrap:wrap}
.sg-article-filters{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.sg-article-filters svg{width:23px;height:23px}.sg-article-filters [aria-pressed=true]{background:#d8ecff!important;color:#005acc!important}
.sg-more{margin-top:20px}.sg-more summary{cursor:pointer;font-size:14px;padding:12px 0}.sg-more[open] summary{margin-bottom:12px}
.sg-article-grid>[data-sg-article-category]{display:flex}.sg-article-grid>[data-sg-article-category]>.sg-article-card{width:100%}
@media(min-width:901px) and (max-width:1399px){.sg-hero>.sg-trust>div{max-width:205px}.sg-cta{grid-template-columns:66% 1fr}}
@media(max-width:900px){body.public-body .mobile-nav nav{left:auto!important;right:0!important;transform:none!important}}
@media(max-width:600px){body.public-body .custom-app-request-grid{grid-template-columns:1fr!important}.sg-article-filters .button{flex:1 0 40%}}
@media(min-width:901px) and (max-width:1399px){
.sg-hero{padding:14px 24px 64px;min-height:326px}.sg-hero-copy{width:54%}.sg-hero h1{font-size:44px!important}.sg-hero p{font-size:14px!important;max-width:465px}
.sg-head{margin-bottom:10px}.sg-head>p{flex-basis:39%;font-size:11px}.sg-frame h2{font-size:24px}.sg-frame>.sg-values h3{font-size:14px!important}.sg-frame>.sg-values p{font-size:11px!important}
.sg-program-card{padding:8px 10px 9px}.sg-program-card p{font-size:11.5px;line-height:1.24}.sg-program-card h3{font-size:17px!important}.sg-card-art{height:94px}
body.public-body .site-footer .footer-grid>div:last-child{display:grid!important;grid-template-columns:1fr 1fr;gap:0 10px!important}
body.public-body .site-footer .footer-grid>div:last-child>strong{grid-column:1/-1}
body.public-body .site-footer .footer-grid{grid-template-columns:25% 34% 17% 1fr!important;gap:14px!important}
body.public-body .site-footer .footer-grid>div{padding-left:12px}
}
/* A flex card must not stretch its source illustration or shrink its controls. */
.sg-card-art,.sg-card-bottom{flex-shrink:0}.sg-program-card p{flex-grow:1}
@media(min-width:1400px){.sg-device{max-width:768px;right:-3%;top:-20px}.sg-hero-copy{width:48%}}
body.public-body .site-footer .footer-grid a{overflow-wrap:anywhere;min-width:0}
@media(min-width:901px) and (max-width:1399px){body.public-body .site-footer .footer-grid>div:last-child{grid-template-columns:repeat(2,minmax(0,1fr))}}
.public-body .button>svg{width:20px!important;height:20px!important;flex:0 0 20px}
@media(min-width:901px) and (max-width:1399px){.sg-hero-custom h1{font-size:35px!important}.sg-hero-knowledge h1{font-size:40px!important}}
.sg-card-photo{position:absolute;inset:0}.sg-card-photo>img{width:100%!important;height:100%!important;object-fit:cover!important;filter:none!important;border-radius:0!important}.sg-art-gastgeberzentrale>img{width:55px!important;height:55px!important;position:absolute;bottom:5px;left:9px;z-index:2}.sg-art-gastgeberzentrale:after{display:none}
.sg-product-art{width:100%;height:100%;max-width:240px;position:relative;z-index:1;filter:drop-shadow(0 6px 6px #5875a64d)}
/* Consistent protected account and checkout forms. */
body.public-body .account-shell{padding:24px!important;margin:12px 0;background:#f8fcffb9!important;border:1px solid #fff;border-radius:24px}
body.public-body .account-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px!important;min-height:0!important;align-items:start!important}
body.public-body .account-intro h1{font-size:44px!important;line-height:1.1!important}
body.public-body .account-intro>p{font-size:16px!important;line-height:1.5!important}
body.public-body .account-card{padding:26px!important;border-radius:20px!important}
body.public-body .account-card-head{gap:18px!important}
body.public-body .account-points span,body.public-body .checkout-card,body.public-body .customer-profile-card,body.public-body .customer-program,body.public-body .customer-empty{background:#fcfeffba!important;border:1px solid #fff!important;box-shadow:0 3px 14px #4477ad0d!important;border-radius:18px!important}
body.public-body .customer-hero{background:#f7fcffb8!important;border:1px solid #fff;border-radius:24px;padding:26px!important;margin:12px 0}
body.public-body .customer-hero h1{font-size:42px!important;line-height:1.1!important}
body.public-body .sg-form .sg-field{display:block!important;padding:0!important;gap:0!important;line-height:1.3!important;font-weight:500!important}
body.public-body .sg-form .consent-row{background:transparent!important;border:0!important;padding:0!important;font-weight:400!important}
body.public-body .sg-form .sg-field textarea{height:170px;min-height:170px}
@media(max-width:600px){body.public-body .account-grid{grid-template-columns:1fr!important;gap:24px!important}body.public-body .account-shell{padding:18px!important}body.public-body .account-intro h1{font-size:34px!important}.public-body .account-card{padding:20px!important}}
/* 0.46.42: account login/register pages switch to single column on compact tablets.
   The earlier 50/50 Studio Glass rule overrode the shared <=800px account grid. */
@media (min-width:601px) and (max-width:900px){
  body.public-body .account-grid{grid-template-columns:minmax(0,1fr)!important;gap:24px!important}
  body.public-body .account-intro h1{font-size:clamp(34px,5vw,42px)!important}
  body.public-body .account-card{width:100%;max-width:640px;min-width:0;justify-self:center}
}

body.public-body .sg-form .sg-field>span:first-child{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
body.public-body .sg-form .sg-field>.sg-field-icon{top:14px}
body.public-body .sg-form .consent-row{font-size:11px!important;line-height:1.45!important;margin:0!important}
@media(min-width:901px) and (max-width:1399px){.sg-home-articles .sg-head{margin-bottom:5px}.sg-home-articles .sg-article-card h3{font-size:12px!important}.sg-home-articles .sg-article-card p{font-size:10.5px}.sg-values h3{letter-spacing:-.065em!important}}
.sg-device{max-width:768px}
@media(max-width:600px){.sg-device{max-width:none}}
.sg-release-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sg-release-gallery img{width:100%;height:auto;border-radius:16px}.sg-release-gallery p{grid-column:span 1}
@media(max-width:600px){.sg-release-gallery{grid-template-columns:1fr}}
.sg-product-benefits .sg-values.boxed article{padding:10px;gap:9px;align-items:center}.sg-product-benefits .sg-icon-round{width:35px;height:35px;flex-basis:35px}.sg-product-benefits .sg-icon-round svg{width:24px;height:24px}.sg-product-benefits .sg-values h3{font-size:13px!important}.sg-product-benefits .sg-values p{font-size:11px!important}.sg-product-benefits>p{font-size:12px!important}
@media(min-width:901px) and (max-width:1399px){.sg-feature-art{height:78px}.sg-feature-card{padding:8px 10px 10px}.sg-feature-card h3{font-size:16px!important}.sg-feature-card p{font-size:11px;min-height:47px;line-height:1.3}.sg-feature-card>a{font-size:10px}.sg-feature-card .sg-arrow{width:24px;height:24px}.sg-feature-card .sg-icon-round{width:48px;height:48px}}
@media(max-width:600px){.sg-product-benefits .sg-values.boxed article{display:block}.sg-product-benefits .sg-icon-round{margin-bottom:10px}}
body.public-body .nav-cart::before{display:none!important}
body.public-body .nav-cart{position:relative}
body.public-body .nav-cart .sg-nav-count{font-size:9px!important;display:grid!important;place-items:center;position:absolute;right:-3px;top:-3px;width:15px;height:15px;background:#102649;color:#fff;border-radius:50%;padding:0!important;margin:0!important}
body.public-body .text-button{min-height:44px;background:transparent!important;color:#0066d6!important;font-size:12px!important;padding:8px!important;border-radius:12px;border:0;box-shadow:none!important;cursor:pointer}
@media(max-width:600px){body.public-body .nav-actions .sg-nav-label{display:none!important}body.public-body .nav-actions a[data-mobile-label]::before{display:inline!important;content:attr(data-mobile-label)!important;font-size:11px!important;font-weight:600!important;line-height:1.3!important}.public-body .nav-cart,.public-body .nav-account{min-width:44px!important}}
body.public-body .sg-hero>.sg-hero-caption{position:absolute;z-index:4;right:20px;bottom:2px;font-size:8px!important;max-width:42%;margin:0!important;padding:2px 7px;border-radius:10px;background:#ffffffc4;color:#355277!important;line-height:1.2!important}
body.public-body .nav-account{display:inline-flex;align-items:center;gap:7px}
body.public-body .nav-account>svg{width:14px;height:14px;flex:0 0 14px}
@media(min-width:901px){body.public-body .site-header{padding-top:13px!important;padding-bottom:14px!important}body.public-body .nav-wrap{padding-top:2px!important;padding-bottom:2px!important}body.public-body .brand img{width:116px!important;height:30px!important}}
@media(max-width:600px){body.public-body .nav-account>svg{display:none}body.public-body .sg-hero>.sg-hero-caption{position:relative;bottom:auto;right:auto;max-width:none;align-self:center;font-size:9px!important;margin:0 0 8px!important;order:2}.sg-hero>.sg-trust{order:3}}
.sg-card-art>.sg-card-live{position:static!important;width:100%!important;height:100%!important;object-fit:cover!important;filter:none!important}
body.public-body .knowledge-article-hero-grid>div{min-width:0!important}
body.public-body .knowledge-article-hero .eyebrow{white-space:normal!important;overflow-wrap:anywhere!important;max-width:100%}
@media(max-width:600px){body.public-body .knowledge-article-hero-grid{grid-template-columns:minmax(0,1fr)!important}body.public-body .knowledge-article-hero h1{overflow-wrap:anywhere!important}}
/* 0.46.1: bring the 992px desktop composition closer to the approved reference.
   Keep the hero photo at or below 768 CSS px so its 1536px source covers DPR2. */
@media(min-width:901px) and (max-width:1100px){
 .sg-frame{padding-block:13px;margin-block:9px}
 .sg-head{margin-bottom:7px}
 .sg-program-grid{gap:9px}
 .sg-program-card{padding:7px 9px 8px}
 .sg-program-card h3{margin:7px 0 3px!important}
 .sg-program-card p{margin-bottom:5px}
 .sg-card-art{height:82px}
 .sg-card-art img{width:76px;height:76px}
 .sg-values .sg-icon-round{width:44px;height:44px;flex-basis:44px;margin-bottom:5px}
 .sg-values .sg-icon-round svg{width:26px;height:26px}
 .sg-cta{min-height:130px;padding-block:10px}
 .sg-cta h2{margin-bottom:5px}
 .sg-cta p{margin-bottom:6px}
 .sg-home-articles .sg-article-photo{height:62px}
 .sg-home-articles .sg-article-card>div:last-child{padding:7px 10px}
}
.sg-faq>.sg-faq-more{grid-column:1/-1;background:#f4faffc7!important}
.sg-faq-more>.sg-faq{padding:8px 12px 12px}
.sg-faq-more>summary{color:#0063d4;min-height:44px}
@media(min-width:901px) and (max-width:1100px){
 .sg-hero-about{min-height:294px}
 .sg-hero-about h1{font-size:38px!important}
 .sg-hero-about h1 em{font-size:29px}
 .sg-hero-about .sg-hero-copy{width:57%}
 .sg-hero-about .sg-actions .button{font-size:11px!important;padding-inline:14px!important;gap:6px}
 .sg-about-split>img{height:146px}
 .sg-about-split{gap:17px}
 .sg-about-values .sg-values article{padding:9px}
 .sg-family .sg-card-art{height:54px}
}

/* VISUAL 0.46.2: Akzentkarten und Footer */
/* VISUAL-FEINSCHLIFF 0.46.2 - Runde 3: nur Darstellung, keine Funktions-/Statusaenderungen.
   Akzentfarben greifen die freigegebenen Hilfe- und Ueber-Doybit-Referenzen auf.
   Karten und Fokusflaechen bleiben echtes HTML und tastaturbedienbar. */
.sg-topic-grid > a,
.sg-about-values .sg-values article {
  position: relative;
  box-shadow: 0 6px 18px rgb(46 92 156 / 6%);
}
.sg-topic-grid > a .sg-icon-round,
.sg-about-values .sg-values article .sg-icon-round {
  color: #075fba;
  background: linear-gradient(145deg,#f5faff,#dcefff);
  box-shadow: 0 5px 12px rgb(41 99 174 / 10%);
}
.sg-topic-grid > a:nth-child(2) .sg-icon-round,
.sg-about-values .sg-values article:nth-child(2) .sg-icon-round {
  color:#6434b0;
  background:linear-gradient(145deg,#faf6ff,#e9defe);
}
.sg-topic-grid > a:nth-child(3) .sg-icon-round,
.sg-about-values .sg-values article:nth-child(3) .sg-icon-round {
  color:#906009;
  background:linear-gradient(145deg,#fffdf2,#fff1cd);
}
.sg-topic-grid > a:nth-child(4) .sg-icon-round,
.sg-about-values .sg-values article:nth-child(4) .sg-icon-round {
  color:#126c52;
  background:linear-gradient(145deg,#f1fff8,#d5f5e8);
}
.sg-topic-grid > a:nth-child(5) .sg-icon-round {
  color:#884797;
  background:linear-gradient(145deg,#fff9ff,#f1dff8);
}
.sg-topic-grid > a:focus-visible,
.sg-topic-grid > a:focus-within,
.sg-about-values a:focus-visible {
  outline:3px solid #005dcc;
  outline-offset:3px;
}
@media (hover:hover) and (prefers-reduced-motion:no-preference) {
  .sg-topic-grid > a {transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;}
  .sg-topic-grid > a:hover {
    transform:translateY(-3px);
    border-color:#c6e3ff;
    box-shadow:0 10px 24px rgb(46 92 156 / 13%);
  }
}
@media (prefers-reduced-motion:reduce) {
  .sg-topic-grid > a {transition:none!important;}
}

/* Bei 901-1100px sind zweispaltige Rechtstexte im Footer bisher zu schmal.
   Mehr Raum ohne Links zu verstecken und ohne Seitenuerberlauf zu erzwingen. */
@media (min-width:901px) and (max-width:1100px) {
 body.public-body .site-footer .footer-grid {
   grid-template-columns:18% 29% 14% minmax(0,1fr)!important;
 }
 body.public-body .site-footer .footer-grid>div:last-child a {
   overflow-wrap:break-word!important;
   word-break:normal!important;
   hyphens:auto;
 }
}

/* 0.46.4 – Compact, intentional product context without lengthening the default mockup layout. */
.sg-product-context>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:42px;cursor:pointer;font-weight:700;font-size:15px;color:var(--sg-ink)}
.sg-product-context>summary small{font-size:11px;color:#40628a;font-weight:500;text-align:right}
.sg-product-context[open]>summary{margin-bottom:15px}
.sg-usecase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px}
.sg-usecase-grid article{border:1px solid #fff;background:#faffffe0;border-radius:15px;padding:14px;min-width:0}
.sg-usecase-grid h3{font-size:15px!important;margin:0 0 7px!important}
.sg-usecase-grid p{margin:0!important;font-size:12px!important}
.sg-product-context>h3{font-size:17px!important;margin:16px 0 10px!important}
.sg-related-programs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.sg-related-programs a{display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid #dbeaff;border-radius:14px;padding:12px;min-width:0}
.sg-related-programs strong{font-size:13px;color:#0c2446}
.sg-related-programs span{font-size:11px;color:#35628b}
.sg-related-programs a:hover{border-color:#6caef2;background:#f1f9ff}
.sg-context-disclaimer{margin:15px 0 0!important;font-size:11px!important;color:#476087!important}
@media(max-width:600px){.sg-product-context>summary{display:block;min-height:44px}.sg-product-context>summary small{display:block;text-align:left;margin-top:4px}.sg-usecase-grid,.sg-related-programs{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.sg-related-programs a{transition:none}}

/* 0.46.5: product identity in illustrative Studio Glass macOS windows. */
.sg-app-main{position:relative}.sg-app-product-icon{position:absolute;top:18px;right:20px;width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 3px 6px #2d56832b)}.sg-app-main:has(>.sg-app-product-icon)>h3{padding-right:50px}

.sg-field-hint{display:block;margin:0 3px 7px;color:#4b6488;font-size:12px;line-height:1.4}.sg-form .sg-field:has(.sg-field-hint)>.sg-field-icon{top:76px}

/* 0.46.6 Studio Glass: readable cards and status information across small screens.
   Original Doybit brand assets and product imagery are not altered. */
@media (min-width: 601px) and (max-width: 1100px){
 .sg-hero-copy>p{max-width:415px!important;line-height:1.47!important}
 .public-body .footer-grid a{font-size:11px!important;line-height:1.45!important}
 .public-body .footer-grid strong{font-size:12px!important}
}
@media (max-width: 600px){
 .sg-program-card p{font-size:13px!important;line-height:1.42!important}
 .sg-program-card .sg-status{font-size:11px!important;padding:5px 8px!important;max-width:calc(100% - 32px)}
 .sg-program-card h3{font-size:17px!important;overflow-wrap:anywhere}
 .sg-program-card .sg-arrow{flex-shrink:0;min-width:30px;min-height:30px}
 .sg-hero .sg-trust strong{font-size:13px!important}
 .sg-hero .sg-trust small{font-size:12px!important}
 .public-body .footer-grid a{font-size:12px!important;line-height:1.5!important}
 .public-body .footer-grid strong{font-size:13px!important}
 .public-body .footer-brand-block p{font-size:12px!important}
 .public-body .footer-bottom{font-size:11px!important;line-height:1.5;flex-wrap:wrap;gap:6px}
}
@media (max-width: 359px){
 .sg-program-grid{grid-template-columns:minmax(0,1fr)!important}
 .sg-program-grid .sg-program-card,.sg-program-grid.home-grid .sg-program-card:nth-child(n+5),
 .sg-program-grid.catalog-grid .sg-program-card:nth-child(-n+3),
 .sg-program-grid .sg-program-card:last-child:nth-child(odd){grid-column:1/-1!important}
 .sg-program-card{padding:12px!important}
 .sg-program-card h3{font-size:18px!important}
 .sg-program-card p{font-size:13px!important;max-width:52ch}
 .sg-card-art,.catalog-grid .sg-card-art{height:130px!important}
 .sg-card-art img,.catalog-grid .sg-card-art img{width:108px!important;height:108px!important}
 .sg-program-card .sg-status{font-size:11px!important}
}
@media (hover:hover){
 .sg-program-card:focus-visible,.sg-article-card:focus-visible{transform:translateY(-2px)}
}
.sg-program-card:focus-visible,.sg-article-card:focus-visible{outline:3px solid #0872e9!important;outline-offset:3px}

/* 0.46.7: distinct but restrained product stages, and calmer catalogue at 992px.
   No perspective transforms of photographed MacBook pixels. */
.sg-program-card[data-sg-stage="planned"] .sg-status{
 background:#efeaff!important;color:#594b87!important;border:1px solid #ded3fa;
}
.sg-program-card[data-sg-stage="planned"] .sg-status:before{background:#8a75d1!important}
.sg-program-card[data-sg-stage="development"] .sg-status{
 background:#e3f1ff!important;color:#225d95!important;border:1px solid #d0e6ff;
}
.sg-program-card[data-sg-stage="development"] .sg-status:before{background:#147adb!important}
.sg-program-card[data-sg-stage="released"] .sg-status{
 background:#e8f7ef!important;color:#215d48!important;border:1px solid #c8ead9;
}
.sg-program-card[data-sg-stage="released"] .sg-status:before{background:#278a60!important}
.sg-program-card .sg-arrow{transition:background-color .15s ease,border-color .15s ease}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 .sg-program-card:hover .sg-arrow{background:#dceeff;border-color:#bddfff}
}
@media(min-width:901px) and (max-width:1100px){
 .catalog-grid .sg-card-art{height:112px}
 .catalog-grid .sg-card-art img{height:102px;width:102px}
 .catalog-grid .sg-program-card{padding:9px 11px 11px}
 .catalog-grid .sg-program-card h3{font-size:19px!important;line-height:1.18}
 .catalog-grid .sg-program-card p{font-size:12.5px!important;line-height:1.4;min-height:0}
 .sg-program-grid.catalog-grid{align-items:stretch}
}
@media(max-width:600px){
 .sg-program-card .sg-status{white-space:normal;line-height:1.25}
}
@media(prefers-reduced-motion:reduce){
 .sg-program-card .sg-arrow{transition:none!important}
}

/* Non-JS fallback follows the inner display of the 0.46.10 angled photograph.
   Only the HTML screen is projected; desk and photograph stay undistorted. */
.sg-device:not(.is-projected)::after{
 content:attr(data-sg-device-fallback);
 position:absolute;z-index:1;left:43.034%;top:23.34%;width:42.253%;height:43.652%;
 display:flex;align-items:center;justify-content:center;text-align:center;
 box-sizing:border-box;padding:4%;color:#28517a;
 background:linear-gradient(140deg,#f4fbff,#e6f3ff);
 clip-path:polygon(7.7% 10.1%,100% 0,94.8% 100%,0 92.4%);
 font-size:clamp(10px,1.45vw,20px);font-weight:750;letter-spacing:-.02em;
}
.sg-device.is-projected::after{content:none}
@media(max-width:600px){.sg-device:not(.is-projected)::after{font-size:clamp(10px,2.5vw,16px)}}
@media(min-width:901px) and (max-width:1200px){
 .sg-hero-home .sg-hero-copy>p{max-width:395px!important}
}
/* Reserve space for the readable trust pills so they cannot cover hero actions. */
@media(min-width:601px){.sg-hero{padding-bottom:106px}}

/* 0.46.13: catalogue prices wrap naturally, including on narrow screens. */
.sg-card-price{display:grid;gap:3px;margin:3px 0 12px;padding-top:10px;border-top:1px solid #cedff0;flex-shrink:0;overflow-wrap:anywhere}
.sg-card-price>span,.sg-card-price>small{font-size:11px;line-height:1.4;color:#405b78}
.sg-card-price>strong{font-size:21px;line-height:1.2;font-weight:700;color:#124f88;letter-spacing:-.025em}
@media(max-width:600px){.sg-card-price>span,.sg-card-price>small{font-size:12px}.sg-card-price>strong{font-size:22px}}

/* 0.46.15: optional target audience in the new product layout. */
.public-body .product-audience-line{font-size:14px;line-height:1.5;color:#244266;padding:13px 22px;margin-top:12px;margin-bottom:10px}
.public-body .product-audience-line strong{color:#124987}
/* 0.46.14: visible history and a second, independently projected Mac scene. */
.sg-about-history{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:start;scroll-margin-top:24px}
.sg-history-intro p{font-size:14px;line-height:1.55;margin:12px 0 0}
.sg-history-timeline{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.sg-history-timeline li{padding:16px;border:1px solid #fff;border-radius:18px;background:#ffffffb8;min-width:0}
.sg-history-timeline li>span{display:inline-block;font-size:14px;font-weight:700;color:#0066c7;margin-bottom:10px}
.sg-history-timeline h3{font-size:17px!important;line-height:1.25!important;margin:0 0 8px!important;overflow-wrap:anywhere}
.sg-history-timeline p{font-size:12px;line-height:1.5;margin:0}
.sg-history-transparency{grid-column:1/-1;padding:14px 17px;border-radius:16px;background:#e5f1ff;border:1px solid #d3e5f6}
.sg-history-transparency p{font-size:12px;line-height:1.55;margin:0}
.sg-history-transparency p+p{margin-top:8px}
.sg-about-mac-scene{margin:0;min-width:0;overflow:hidden;border:1px solid #fff;border-radius:22px;background:linear-gradient(135deg,#f4fbff,#d9edff)}
.sg-about-mac-scene .sg-about-mac-device{position:relative;top:auto;right:auto;left:auto;width:155%;max-width:none;margin:-10% 0 -20% -45%;mask-image:none;aspect-ratio:1.5}
.sg-about-mac-scene figcaption{position:relative;margin:0;padding:10px 13px;font-size:11px;line-height:1.45;text-align:center;color:#405b78;background:#ffffffb8}
@media(max-width:900px){.sg-about-history{grid-template-columns:minmax(0,1fr);gap:18px}.sg-history-intro p{font-size:14px}.sg-history-timeline p{font-size:13px}}
@media(max-width:600px){.sg-history-timeline{grid-template-columns:minmax(0,1fr);gap:10px}.sg-history-timeline li{padding:15px}.sg-history-timeline h3{font-size:18px!important}.sg-history-timeline p,.sg-history-transparency p{font-size:14px}.sg-about-mac-scene{margin-top:15px}.sg-about-mac-scene figcaption{font-size:12px}}

/* 0.46.17 - GastgeberZentrale: helles, kontrastreiches Komplettpaket.
   Bewusst auf #pakete begrenzt; keine Änderung an anderen Produktseiten. */
.public-body #pakete .guest-offer-featured{
  position:relative; isolation:isolate; overflow:hidden;
  color:#12284b;
  border:1px solid #a9d2fb;
  background:radial-gradient(ellipse at 86% 8%,rgba(155,206,255,.64),transparent 46%),
             radial-gradient(ellipse at 11% 94%,rgba(188,224,255,.72),transparent 45%),
             linear-gradient(125deg,#f6fbff 0%,#e8f5ff 52%,#d5eaff 100%);
  box-shadow:0 16px 42px rgba(25,80,143,.105),inset 0 1px 0 #fff;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
}
.public-body #pakete .guest-offer-featured::before{
  content:"";position:absolute;z-index:-1;inset:0 0 auto auto;width:48%;height:100%;
  background:linear-gradient(135deg,transparent 24%,rgba(255,255,255,.33) 24%,rgba(255,255,255,.33) 44%,transparent 44%);
  pointer-events:none;
}
/* studio-glass.css erzwingt dunkle Überschriften mit !important;
   die Lesbarkeit wird innerhalb dieser hellen Karte ausdrücklich gesichert. */
.public-body #pakete .guest-offer-featured h3{
  color:#102448!important;
  line-height:1.13!important;
  letter-spacing:-.037em;
}
.public-body #pakete .guest-offer-featured-copy>p{
  color:#314e73;
  font-size:clamp(14px,1.25vw,16px);
  line-height:1.58;
}
.public-body #pakete .guest-offer-badges span{
  background:linear-gradient(135deg,#0867dc,#237bfb);
  color:#fff;
  box-shadow:0 5px 12px rgba(15,97,203,.18);
}
.public-body #pakete .guest-offer-badges b{
  background:#ffffffb8;
  border:1px solid #c9e2fe;
  color:#17416e;
}
.public-body #pakete .guest-offer-points{gap:9px}
.public-body #pakete .guest-offer-points span{
  background:rgba(255,255,255,.88);
  border:1px solid #d3e7fb;
  color:#21466f;
  box-shadow:0 4px 13px rgba(28,93,163,.055);
  font-size:12px;
  line-height:1.4;
  font-weight:650;
}
.public-body #pakete .guest-offer-featured .guest-offer-featured-buy{
  background:linear-gradient(140deg,rgba(255,255,255,.95),rgba(232,244,255,.9));
  border:1px solid #bcdafa;
  border-radius:24px;
  box-shadow:0 12px 30px rgba(30,94,165,.09),inset 0 1px 0 #fff;
  color:#102448;
}
.public-body #pakete .guest-offer-featured-buy>small{
  color:#28568c;
  font-size:11px;
}
.public-body #pakete .guest-offer-featured-buy>strong{
  color:#102448;
  line-height:1.1;
}
.public-body #pakete .guest-offer-featured-buy>p{
  color:#3b587c;
  font-size:13px;
  line-height:1.55;
}
.public-body #pakete .guest-offer-featured-buy .button.primary{
  background:linear-gradient(135deg,#0a73ef,#0860d2);
  border:1px solid #1774eb;
  color:#fff;
  box-shadow:0 8px 18px rgba(14,98,220,.12);
}
/* Nicht kaufbare Produkte bleiben funktional deaktiviert; der Status muss lesbar sein. */
.public-body #pakete .guest-offer-featured-buy .button.primary:disabled{
  opacity:1;
  cursor:not-allowed;
}
/* Bundle- und Einzelkarten: gleiche Inhalte, feineres Abstands- und Kontrastsystem. */
.public-body #pakete .guest-bundle-card,
.public-body #pakete .guest-world-purchase-card{
  background:linear-gradient(150deg,#fff 0%,#f9fcff 100%);
  border-color:#d5e5f7;
  box-shadow:0 10px 26px rgba(27,73,129,.065),inset 0 1px 0 #fff;
}
.public-body #pakete .guest-bundle-card h3,
.public-body #pakete .guest-world-purchase-card h4,
.public-body #pakete .guest-bundle-price strong,
.public-body #pakete .guest-world-purchase-buy strong{
  color:#102448!important;
}
.public-body #pakete .guest-bundle-card>p,
.public-body #pakete .guest-world-purchase-card p{
  color:#405a7a;
  font-size:13px;
  line-height:1.5;
}
@media (max-width:800px){
 .public-body #pakete .guest-offer-featured{gap:16px}
 .public-body #pakete .guest-offer-featured .guest-offer-featured-buy{padding:21px}
}
@media (max-width:560px){
 .public-body #pakete .guest-offer-featured{padding:20px;gap:16px;border-radius:20px}
 .public-body #pakete .guest-offer-featured h3{font-size:clamp(26px,7vw,34px)!important}
 .public-body #pakete .guest-offer-featured-copy>p{font-size:14px;line-height:1.55}
 .public-body #pakete .guest-offer-points{gap:7px;margin-top:17px}
 .public-body #pakete .guest-offer-points span{font-size:12px;line-height:1.38;padding:8px 10px}
 .public-body #pakete .guest-offer-featured-buy>strong{font-size:36px}
 .public-body #pakete .guest-bundle-card{padding:20px}
 .public-body #pakete .guest-world-purchase-card{padding:18px}
}

/* Doybit 0.46.18 – lokale Korrektur für zwei mobile Hero-Szenen.
   Die Startseite, das GastgeberZentrale-Angebot, andere Produktseiten
   sowie Checkout/Verkauf bleiben unverändert. */
@media (max-width: 600px) {
  /* FAQ: Mac-Szene darf nicht unter dem erklärenden Absatz beginnen. */
  body.public-body .sg-hero-help .sg-device {
    margin-top: 0 !important;
  }
  /* Programme: Bildbereich kompakter, ohne den Text zu überlagern. */
  body.public-body .sg-hero-programs .sg-device {
    margin-top: 0 !important;
    margin-bottom: -100px !important;
  }
}


/* Doybit 0.46.20 – lesbare Rechtsnavigation auf schmalen Smartphones.
   Behebt den horizontalen Überlauf auf 320px; nur Rechtsseiten, kein Footer. */
@media (max-width: 520px) {
  body.public-body main .legal-nav {
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: stretch;
  }
  body.public-body main .legal-nav a {
    min-width: 0;
    width: 100%;
    overflow-wrap: anywhere;
    gap: 10px;
  }
  body.public-body main .legal-nav a > span {
    flex: 0 0 auto;
  }
}

/* 0.46.27 – Editorial artwork cleaned again and tablet overlap removed.
   Product, price and content rules outside the hero remain unchanged. */
body.public-body{
  background:linear-gradient(180deg,#d8eefe 0%,#e8f5ff 52%,#e7f3ff 100%)!important;
}
/* Avoid the giant ghost MacBook formerly repeated underneath every page. */
body.public-body::before{
  inset:-28px;
  background:linear-gradient(180deg,rgba(234,247,255,.36),rgba(229,244,255,.75)),url('/assets/img/editorial/doybit-studio-soft-bg.webp') center top/cover;
  filter:blur(14px) saturate(1.12);
  opacity:.93;
}
body.public-body .nav-wrap,.sg-frame,body.public-body .site-footer{
  border-color:rgba(255,255,255,.94)!important;
  background:linear-gradient(135deg,rgba(255,255,255,.79),rgba(244,250,255,.69))!important;
  box-shadow:0 12px 35px rgba(58,115,181,.1),inset 0 1px 0 #fff!important;
  backdrop-filter:blur(22px) saturate(1.35);
  -webkit-backdrop-filter:blur(22px) saturate(1.35);
}
.sg-hero-editorial{
  background:linear-gradient(90deg,rgba(249,253,255,.88) 0%,rgba(245,251,255,.73) 32%,rgba(245,251,255,.12) 71%),rgba(255,255,255,.28);
  border:1px solid rgba(255,255,255,.86);
  box-shadow:0 10px 32px rgba(79,141,199,.11);
  overflow:hidden;
}
/* A single photographic hero replaces the simultaneously rendered projector.
   Visual fragments in old source artwork have been removed in alpha channel. */
.sg-hero-editorial>.sg-device{display:none!important}
.sg-hero-editorial .sg-editorial-hero{
  display:block;
  position:absolute;
  z-index:0;
  right:-2%;top:0;
  width:67%;height:100%;
  object-fit:contain;
  object-position:right center;
  pointer-events:none;
  mask-image:linear-gradient(90deg,transparent 0%,#000 28%);
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 28%);
}
.sg-hero-editorial .sg-hero-copy{width:51%;z-index:2}
.sg-hero-editorial .sg-hero-caption{z-index:2;background:rgba(255,255,255,.72);border-radius:20px;padding:3px 8px}
.sg-hero-editorial .sg-trust>div,.sg-program-card,.sg-feature-card,.sg-article-card,.sg-values.boxed article{
  background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(246,251,255,.82))!important;
  box-shadow:0 7px 19px rgba(63,116,178,.105),inset 0 1px 0 #fff!important;
  border-color:#fff!important;
}
.sg-program-card{border-radius:21px;padding:12px 14px 14px;min-height:0}
.sg-card-art{background:linear-gradient(128deg,#f6fbff,#e4f0ff 62%,#f8f4ff);box-shadow:inset 0 1px 0 #fff}
.sg-program-card .sg-card-price{border-color:#d9e9fa;margin:5px 0 9px;padding-top:8px;gap:1px}
.sg-program-card .sg-card-price>strong{color:#0867c8;font-size:19px}
.sg-article-card,.sg-feature-card{border-radius:19px}
.sg-feature-art{background:linear-gradient(125deg,#eff8ff,#dbeeff 55%,#f8f4ff)}
.sg-icon-round{box-shadow:0 6px 16px rgba(31,117,225,.2),inset 0 1px 0 #fff}
@media (min-width:1400px){
  .sg-hero-editorial .sg-editorial-hero{width:65%;right:0}
  .sg-hero-editorial .sg-hero-copy{width:49%}
}
@media (min-width:901px){
  .sg-hero-help h1,.sg-hero-about h1{font-size:42px!important;line-height:1.06!important}
  .sg-hero-help .sg-hero-copy,.sg-hero-about .sg-hero-copy{width:54%;max-width:660px}
  .sg-hero-knowledge h1{font-size:48px!important;line-height:1.06!important}
  .sg-hero-knowledge .sg-hero-copy{width:54%;max-width:660px}
  .sg-hero-contact h1{font-size:48px!important;line-height:1.06!important}
}
@media (min-width:601px) and (max-width:900px){
  .sg-hero-editorial{
    min-height:0;
    padding-bottom:0;
    display:flex;
    flex-direction:column;
    background:linear-gradient(180deg,rgba(255,255,255,.90),rgba(249,253,255,.60));
  }
  .sg-hero-editorial .sg-hero-copy{width:100%;max-width:none}
  .sg-hero-editorial .sg-editorial-hero{
    position:relative;
    order:1;
    top:auto;
    right:auto;
    width:calc(100% + 48px);
    max-width:none;
    height:clamp(220px,42vw,340px);
    margin:8px -24px -8px;
    object-fit:contain;
    object-position:center center;
    mask-image:linear-gradient(180deg,transparent 0%,#000 12%);
    -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 12%);
  }
  /* Overrides also cover the legacy absolutely positioned badges/caption. */
  body.public-body .sg-hero-editorial>.sg-hero-caption{
    order:2;position:relative;left:auto;right:auto;bottom:auto;
    max-width:100%;margin:8px auto!important;text-align:center;align-self:center;
  }
  .sg-hero-editorial>.sg-trust{
    position:relative;order:3;left:auto;right:auto;bottom:auto;
    width:100%;margin:8px 0 16px;flex-wrap:wrap;z-index:3;
  }
  .sg-hero-editorial>.sg-trust>div{flex:1 1 30%;max-width:none}
}
@media (max-width:600px){
  .sg-hero-editorial{padding-bottom:0;background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(249,253,255,.56))}
  .sg-hero-editorial .sg-hero-copy{width:100%;max-width:none}
  .sg-hero-editorial .sg-editorial-hero{
    position:relative;order:1;top:auto;right:auto;
    width:calc(100% + 34px);height:clamp(185px,55vw,285px);
    margin:8px -17px -8px;
    object-fit:contain;
    object-position:center center;
    mask-image:linear-gradient(0deg,transparent 0%,#000 11%);
    -webkit-mask-image:linear-gradient(0deg,transparent 0%,#000 11%);
  }
  .sg-hero-editorial .sg-hero-caption{order:2;position:relative;margin:8px 0!important;text-align:center}
  .sg-hero-editorial .sg-trust{order:3}
  .sg-program-card{padding:9px}
  .sg-program-card .sg-card-price>strong{font-size:18px}
}

/* 0.46.28: intact editorial scenes in separate layout cells.
   Neither the copy nor the trust badges can cover the laptop anymore. */
body.public-body .sg-hero-editorial{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);
  align-items:center;
  gap:12px 22px;
  min-height:0;
  padding:24px 28px 16px;
  background:linear-gradient(125deg,rgba(249,253,255,.94),rgba(239,249,255,.72));
}
body.public-body .sg-hero-editorial>.sg-hero-copy{
  grid-column:1;grid-row:1;
  width:100%;max-width:none;min-width:0;
}
body.public-body .sg-hero-editorial>.sg-editorial-hero{
  grid-column:2;grid-row:1;
  position:relative;inset:auto;
  width:100%;height:auto;max-width:570px;justify-self:end;
  margin:0;aspect-ratio:3/2;
  object-fit:contain;object-position:center;
  border-radius:18px;
  mask-image:none;-webkit-mask-image:none;
}
body.public-body .sg-hero-editorial>.sg-hero-caption{
  grid-column:2;grid-row:2;
  position:static;inset:auto;
  max-width:100%;justify-self:end;
  margin:0!important;font-size:10px!important;
}
body.public-body .sg-hero-editorial>.sg-trust{
  grid-column:1/-1;grid-row:3;
  position:static;inset:auto;
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  width:100%;margin:0;gap:10px;
}
body.public-body .sg-hero-editorial>.sg-trust>div{
  width:100%;max-width:none;min-width:0;
}
@media(min-width:901px){
  body.public-body .sg-hero-editorial h1{
    font-size:clamp(34px,3.35vw,50px)!important;
    line-height:1.08!important;
  }
  body.public-body .sg-hero-editorial h1 em{font-size:inherit!important}
  body.public-body .sg-hero-editorial p{font-size:16px!important}
  body.public-body .sg-hero-editorial .sg-hero-copy>p{max-width:none!important}
}
@media(max-width:900px){
  body.public-body .sg-hero-editorial{
    grid-template-columns:minmax(0,1fr);
    gap:12px;padding:22px 24px 18px;
  }
  body.public-body .sg-hero-editorial>.sg-editorial-hero{
    grid-column:1;grid-row:2;
    width:100%;max-width:680px;max-height:none;justify-self:center;
  }
  body.public-body .sg-hero-editorial>.sg-hero-caption{
    grid-column:1;grid-row:3;justify-self:center;text-align:center;
  }
  body.public-body .sg-hero-editorial>.sg-trust{grid-row:4}
}
@media(max-width:600px){
  body.public-body .sg-hero-editorial{padding:18px 17px 16px;gap:10px}
  body.public-body .sg-hero-editorial>.sg-editorial-hero{border-radius:12px}
  body.public-body .sg-hero-editorial>.sg-trust{grid-template-columns:1fr;gap:7px}
}

/* 0.46.29: fully framed product devices, including projected screens. */
body.public-body .sg-hero:not(.sg-hero-editorial){
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);
  align-items:center;
  gap:12px 22px;
  min-height:0;
  padding:24px 28px 16px;
  background:linear-gradient(125deg,rgba(249,253,255,.94),rgba(239,249,255,.72));
}
body.public-body .sg-hero:not(.sg-hero-editorial)>.sg-hero-copy{
  grid-column:1;grid-row:1;
  width:100%;max-width:none;min-width:0;
}
body.public-body .sg-hero:not(.sg-hero-editorial)>.sg-device{
  grid-column:2;grid-row:1;
  position:relative;inset:auto;
  width:100%;height:auto;max-width:570px;justify-self:end;
  margin:0;aspect-ratio:3/2;
  object-fit:contain;object-position:center;
  border-radius:18px;
  mask-image:none;-webkit-mask-image:none;
}
body.public-body .sg-hero:not(.sg-hero-editorial)>.sg-hero-caption{
  grid-column:2;grid-row:2;
  position:static;inset:auto;
  max-width:100%;justify-self:end;
  margin:0!important;font-size:10px!important;
}
body.public-body .sg-hero:not(.sg-hero-editorial)>.sg-trust{
  grid-column:1/-1;grid-row:3;
  position:static;inset:auto;
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  width:100%;margin:0;gap:10px;
}
body.public-body .sg-hero:not(.sg-hero-editorial)>.sg-trust>div{
  width:100%;max-width:none;min-width:0;
}
@media(min-width:901px){
  body.public-body .sg-hero:not(.sg-hero-editorial) h1{
    font-size:clamp(28px,3.1vw,46px)!important;
    line-height:1.08!important;
  }
  body.public-body .sg-hero:not(.sg-hero-editorial) h1 em{font-size:inherit!important}
  body.public-body .sg-hero:not(.sg-hero-editorial) p{font-size:16px!important}
  body.public-body .sg-hero:not(.sg-hero-editorial) .sg-hero-copy>p{max-width:none!important}
}
@media(max-width:900px){
  body.public-body .sg-hero:not(.sg-hero-editorial){
    grid-template-columns:minmax(0,1fr);
    gap:12px;padding:22px 24px 18px;
  }
  body.public-body .sg-hero:not(.sg-hero-editorial)>.sg-device{
    grid-column:1;grid-row:2;
    width:100%;max-width:680px;max-height:none;justify-self:center;
  }
  body.public-body .sg-hero:not(.sg-hero-editorial)>.sg-hero-caption{
    grid-column:1;grid-row:3;justify-self:center;text-align:center;
  }
  body.public-body .sg-hero:not(.sg-hero-editorial)>.sg-trust{grid-row:4}
}
@media(max-width:600px){
  body.public-body .sg-hero:not(.sg-hero-editorial){padding:18px 17px 16px;gap:10px}
  body.public-body .sg-hero:not(.sg-hero-editorial)>.sg-device{border-radius:12px}
  body.public-body .sg-hero:not(.sg-hero-editorial) h1{font-size:clamp(28px,7.7vw,38px)!important;line-height:1.1!important}
  body.public-body .sg-hero:not(.sg-hero-editorial) h1 em{font-size:inherit!important}
  body.public-body .sg-hero:not(.sg-hero-editorial)>.sg-trust{grid-template-columns:1fr;gap:7px}
}

/* 0.46.30: custom-app examples with complete, labelled concept screens. */
/* 0.46.33: keep related article links within narrow mobile viewports. */
@media(max-width:650px){
 body.public-body .knowledge-related-grid{grid-template-columns:minmax(0,1fr)}
 body.public-body .knowledge-related-grid>a{min-width:0;overflow-wrap:anywhere}
}
body.public-body .sg-custom-preview{
  background:#eaf5ff;
}
body.public-body .sg-custom-preview>img{
  object-fit:contain;
}
body.public-body .sg-concept-label{
  position:absolute;right:10px;bottom:7px;z-index:1;
  font-size:10px;line-height:1.3;color:#355277;
  background:rgba(255,255,255,.94);border-radius:12px;padding:3px 8px;
}
body.public-body .sg-cta.sg-cta-custom{
  display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);
  align-items:center;gap:18px;min-height:0;padding:22px 24px;
}
body.public-body .sg-cta-custom>.sg-cta-image{
  position:relative;inset:auto;width:100%;height:auto;aspect-ratio:3/2;
  mask-image:none;-webkit-mask-image:none;overflow:hidden;border-radius:16px;
}
body.public-body .sg-cta-custom>.sg-cta-image>img{
  display:block;width:100%;height:100%;object-fit:contain;object-position:center;
}
@media(max-width:900px){
  body.public-body .sg-cta.sg-cta-custom{
    grid-template-columns:minmax(0,1fr);gap:14px;
  }
  body.public-body .sg-cta-custom>.sg-cta-image{
    max-width:600px;justify-self:center;
  }
}
@media(max-width:600px){
  body.public-body .sg-cta.sg-cta-custom{padding:18px 15px;gap:14px}
}

/* 0.46.37: Lesbarer Kontrast fuer die Ueberschrift der Rechtsnavigation. */
body.public-body main .legal-nav > strong { color: #53647c; }

/* Doybit 0.46.50 – Werkstatt & Eigenentwicklung: dezentes Vertrauenssignal. */
.public-body .doybit-built-note{display:inline-flex;align-items:center;gap:10px;max-width:350px;margin-top:12px;padding:10px 12px;color:#edf3ff;border:1px solid rgba(165,182,234,.20);border-radius:13px;background:rgba(255,255,255,.045);text-decoration:none;font-size:11.5px;font-weight:680;line-height:1.3;transition:border-color .15s,background .15s}
.public-body .doybit-built-note svg{flex:none;width:19px;height:19px;color:#acb9ff}.public-body .doybit-built-note>span:nth-child(2){display:block;flex:1}.public-body .doybit-built-note small{display:block;margin-top:4px;color:#a9bad4;font-size:10px;font-weight:480}.public-body .doybit-built-note:hover,.public-body .doybit-built-note:focus-visible{border-color:rgba(200,207,255,.57);background:rgba(255,255,255,.085);color:#fff}
.public-body .doybit-built-about{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);align-items:center;gap:clamp(22px,4vw,54px);padding-block:clamp(30px,5vw,64px)}
.public-body .doybit-built-about-copy h2,.public-body .doybit-built-lead h2,.public-body .doybit-built-detail h2{max-width:720px}.public-body .doybit-built-about-copy p,.public-body .doybit-built-lead p,.public-body .doybit-built-detail p{line-height:1.72}
.public-body .doybit-built-about-points{display:grid;gap:12px}.public-body .doybit-built-about-points article,.public-body .doybit-built-cards article,.public-body .doybit-built-clarity{padding:23px;border:1px solid #dce3f2;border-radius:22px;background:linear-gradient(150deg,#fff,#f4f6fc);box-shadow:0 12px 36px rgba(25,40,80,.045)}
.public-body .doybit-built-about-points svg,.public-body .doybit-built-cards svg{width:25px;height:25px;color:#5d59d9}.public-body .doybit-built-about-points h3,.public-body .doybit-built-cards h3{margin:10px 0 6px;font-size:17px;line-height:1.35}.public-body .doybit-built-about-points p,.public-body .doybit-built-cards p{margin:0;font-size:13px;color:#58677d}
.public-body .doybit-built-lead{padding-block:clamp(32px,5vw,70px)}.public-body .doybit-built-intro{max-width:790px}.public-body .doybit-built-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:34px}
.public-body .doybit-built-detail{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:clamp(22px,4vw,56px);padding-block:clamp(24px,4vw,52px)}.public-body .doybit-built-clarity{align-self:start}.public-body .doybit-built-clarity h3{margin:0 0 14px;font-size:19px}.public-body .doybit-built-clarity p,.public-body .doybit-built-clarity li{font-size:13px;color:#526178;line-height:1.65}.public-body .doybit-built-clarity ul{padding-left:19px}.public-body .doybit-built-clarity li+li{margin-top:9px}
@media(max-width:780px){.public-body .doybit-built-about,.public-body .doybit-built-detail{grid-template-columns:1fr}.public-body .doybit-built-about-points{grid-template-columns:repeat(3,minmax(0,1fr))}.public-body .doybit-built-about-points article{padding:15px}.public-body .doybit-built-about-points h3{font-size:14px}.public-body .doybit-built-about-points p{font-size:11.5px}}
@media(max-width:560px){.public-body .doybit-built-cards,.public-body .doybit-built-about-points{grid-template-columns:1fr}.public-body .doybit-built-cards article,.public-body .doybit-built-about-points article{padding:20px}.public-body .doybit-built-note{max-width:100%}}
@media(prefers-reduced-motion:reduce){.public-body .doybit-built-note{transition:none}}

/* 0.46.50 – einzigartige, leichtgewichtige Technik-Illustration statt leerem Standard-Hero */
body.public-body .doybit-built-hero{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);align-items:center;gap:clamp(22px,4vw,64px);padding:clamp(24px,4vw,66px)}
body.public-body .doybit-built-hero-copy h1{margin:13px 0 20px;max-width:640px;font-size:clamp(33px,3.5vw,56px);letter-spacing:-.045em;line-height:1.10;color:#111b38}
body.public-body .doybit-built-hero-copy h1 span{color:#1372df}
body.public-body .doybit-built-hero-copy>p{max-width:570px;font-size:clamp(14px,1.3vw,17px);line-height:1.65;color:#526580}
body.public-body .doybit-built-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
body.public-body .doybit-built-hero-foot{margin-top:22px;font-size:11px;line-height:1.5;color:#667994}
body.public-body .doybit-built-diagram{width:100%;min-width:0;overflow:hidden;padding:0 0 18px;border-radius:26px;border:1px solid #d7dfef;background:linear-gradient(155deg,#fff 4%,#f5f8ff 65%,#edf4fc);box-shadow:0 30px 68px rgba(35,58,104,.12),inset 0 1px 0 #fff}
body.public-body .doybit-built-diagram-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 19px;border-bottom:1px solid #e4e9f3;color:#64738d;font-size:10px;letter-spacing:.08em}
body.public-body .doybit-built-diagram-bar strong{color:#24355e;font-size:11px}
body.public-body .doybit-built-diagram-dots{display:flex;gap:5px}
body.public-body .doybit-built-diagram-dots i{width:8px;height:8px;border-radius:50%;background:#c3cbde}
body.public-body .doybit-built-diagram-dots i:first-child{background:#9f93f4}
body.public-body .doybit-built-diagram-dots i:nth-child(2){background:#68c2d7}
body.public-body .doybit-built-diagram-core{display:flex;align-items:center;flex-direction:column;text-align:center;padding:30px 16px 4px}
body.public-body .doybit-built-diagram-symbol{width:62px;height:62px;display:grid;place-items:center;border-radius:20px;background:linear-gradient(145deg,#5544d7,#008de1);color:#fff;box-shadow:0 12px 30px rgba(66,95,201,.24);margin-bottom:12px}
body.public-body .doybit-built-diagram-symbol svg{width:31px;height:31px}
body.public-body .doybit-built-diagram-core strong{font-size:19px;letter-spacing:-.025em;color:#182644}
body.public-body .doybit-built-diagram-core small{font-size:11px;color:#677c96;margin-top:4px}
body.public-body .doybit-built-diagram-branch{width:66%;height:30px;margin:8px auto 0;display:flex;justify-content:space-between;position:relative;border-bottom:2px solid #c7d5ec}
body.public-body .doybit-built-diagram-branch:before{content:"";position:absolute;top:0;left:50%;height:30px;border-left:2px solid #c7d5ec}
body.public-body .doybit-built-diagram-branch span{width:2px;height:9px;align-self:end;background:#c7d5ec;transform:translateY(9px)}
body.public-body .doybit-built-diagram-modules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:15px 18px 0}
body.public-body .doybit-built-diagram-modules>div{min-width:0;display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 6px 12px;border:1px solid #dfe7f6;border-radius:15px;background:#fff;text-align:center}
body.public-body .doybit-built-diagram-modules svg{width:23px;height:23px;color:#5962d9}
body.public-body .doybit-built-diagram-modules strong{font-size:11.5px;color:#1d2c4b}
body.public-body .doybit-built-diagram-modules small{font-size:9.5px;color:#667b95;line-height:1.4}
body.public-body .doybit-built-diagram-bottom{display:flex;align-items:center;justify-content:center;gap:8px;margin:17px 16px 0;font-size:10.5px;color:#52698b}
body.public-body .doybit-built-diagram-bottom svg{width:16px;height:16px}
@media(max-width:820px){body.public-body .doybit-built-hero{grid-template-columns:1fr;padding:23px}body.public-body .doybit-built-diagram{max-width:520px;justify-self:center}}
@media(max-width:440px){body.public-body .doybit-built-hero{padding:20px 16px}body.public-body .doybit-built-diagram-bar{padding:13px 12px;font-size:8px}body.public-body .doybit-built-diagram-modules{gap:6px;padding:14px 11px 0}body.public-body .doybit-built-diagram-modules strong{font-size:10px}body.public-body .doybit-built-diagram-modules small{font-size:8.5px}}

/* 0.46.55: Eight homepage products in balanced rows, not 4 + 3 + 1.
   Scoped to the homepage; product catalog and compact related-product tiles are unchanged.
   Two cards per row for desktop-mode phones, tablets and standard desktop screens.
   Very wide desktops receive two complete rows of four instead of an orphan card. */
@media (min-width: 601px) and (max-width: 1599px) {
  body.public-body .sg-program-grid.home-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(12px, 1.7vw, 22px);
  }
  body.public-body .sg-program-grid.home-grid > .sg-program-card,
  body.public-body .sg-program-grid.home-grid > .sg-program-card:nth-child(n+5) {
    grid-column: auto !important;
  }
  body.public-body .sg-program-grid.home-grid .sg-card-art { height: clamp(110px, 10vw, 146px); }
  body.public-body .sg-program-grid.home-grid .sg-card-art img { width: clamp(92px, 9vw, 126px); height: clamp(92px, 9vw, 126px); }
  body.public-body .sg-program-grid.home-grid > .sg-program-card h3 { font-size: clamp(18px, 1.5vw, 23px) !important; }
  body.public-body .sg-program-grid.home-grid > .sg-program-card p { font-size: clamp(13px, 1.08vw, 15px); line-height: 1.45; }
}
@media (min-width: 1600px) {
  body.public-body .sg-program-grid.home-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
  }
  body.public-body .sg-program-grid.home-grid > .sg-program-card,
  body.public-body .sg-program-grid.home-grid > .sg-program-card:nth-child(n+5) {
    grid-column: auto !important;
  }
}

/* 0.46.56: cohesive German-language macOS concept previews for all eight unreleased products.
   Reuse real product-preview assets, overlay a separate sharp Doybit app icon, preserve admin-selected
   card images and product state. These are concepts, not screenshots of released apps. */
body.public-body .sg-card-art:has(>.sg-card-editorial)::after{display:none}
body.public-body .sg-card-art>.sg-card-editorial{display:block;position:absolute!important;inset:0;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:52% 50%;filter:none!important;z-index:0}
body.public-body .sg-card-art>.sg-card-app-icon{display:block;position:absolute!important;left:clamp(12px,3%,27px);top:50%;transform:translateY(-50%);width:clamp(42px,16%,83px)!important;height:auto!important;aspect-ratio:1;object-fit:contain!important;filter:drop-shadow(0 6px 9px #244e8159)!important;z-index:2}
body.public-body .sg-card-art>.sg-card-concept{position:absolute;bottom:7px;left:9px;background:#ffffffea;border:1px solid #d6e4efb8;border-radius:999px;color:#28587a;letter-spacing:.02em;font-size:9px;line-height:1.15;padding:3px 8px;font-weight:650;z-index:3}
body.public-body .sg-card-art>.sg-flag{z-index:4}
@media(max-width:600px){body.public-body .sg-card-art>.sg-card-app-icon{width:clamp(38px,24%,60px)!important;left:8px}body.public-body .sg-card-art>.sg-card-concept{font-size:8px;padding:2px 6px;bottom:4px;left:5px}}
@media(min-width:601px) and (max-width:900px){body.public-body .sg-card-art>.sg-card-app-icon{width:clamp(38px,19%,70px)!important}}


/* 0.46.65: WebsitePrüfer feature catalog typography only.
   Same Studio-Glass grid, same breakpoints, same card layout on all product pages. */
#prueffunktionen .sg-feature-catalog article {
  border-color:#e3effb;
  background:rgba(255,255,255,.83);
  box-shadow:0 3px 15px rgba(43,95,150,.045);
  padding:15px 16px;
}
#prueffunktionen .sg-catalog-tag {
  display:block;
  margin-bottom:7px;
  color:#416f9c;
  font-size:10px;
  font-weight:750;
  line-height:1.3;
  letter-spacing:.075em;
  text-transform:uppercase;
}
#prueffunktionen .sg-feature-catalog h3 {
  color:#183658;
  font-size:15px!important;
  line-height:1.32;
  margin:0 0 8px!important;
}
#prueffunktionen .sg-feature-catalog .sg-catalog-lead {
  margin:0 0 5px!important;
  color:#285981;
  font-size:12px!important;
  font-weight:700;
  line-height:1.42;
}
#prueffunktionen .sg-feature-catalog .sg-catalog-description {
  color:#48617b;
  font-size:12px!important;
  line-height:1.52;
  margin:0!important;
  overflow-wrap:anywhere;
}

/* 0.46.66: WebsitePruefer premium micro-icons (approved design sketch).
   Scoped strictly to #prueffunktionen; original grid, breakpoints, pages and assets unchanged. */
#prueffunktionen .sg-feature-catalog article.sg-catalog-card {
  display:grid;
  grid-template-columns:46px minmax(0,1fr);
  align-content:start;
  align-items:start;
  gap:12px;
  min-width:0;
  padding:16px;
  border-color:rgba(220,235,249,.9);
  background:rgba(255,255,255,.91);
  box-shadow:0 6px 21px rgba(43,95,150,.065);
}
#prueffunktionen .sg-catalog-icon {
  display:grid;
  place-items:center;
  width:46px;
  height:46px;
  border-radius:14px;
  background:var(--catalog-pastel, #eaf3ff);
  color:var(--catalog-ink, #1768c5);
  flex:none;
}
#prueffunktionen .sg-catalog-icon svg {
  display:block;
  width:25px;
  height:25px;
  stroke-width:1.85;
}
#prueffunktionen .sg-catalog-copy {min-width:0}
#prueffunktionen .sg-catalog-tone-blue {--catalog-pastel:#e9f3ff;--catalog-ink:#196ed1}
#prueffunktionen .sg-catalog-tone-violet {--catalog-pastel:#f0ebff;--catalog-ink:#6942ca}
#prueffunktionen .sg-catalog-tone-mint {--catalog-pastel:#e3f8f2;--catalog-ink:#10836f}
#prueffunktionen .sg-catalog-tone-amber {--catalog-pastel:#fff4df;--catalog-ink:#b9760b}
#prueffunktionen .sg-catalog-tone-rose {--catalog-pastel:#ffedf1;--catalog-ink:#be3152}
#prueffunktionen .sg-catalog-tone-cyan {--catalog-pastel:#e6f8ff;--catalog-ink:#128bc2}
#prueffunktionen .sg-catalog-tone-coral {--catalog-pastel:#fff1e9;--catalog-ink:#d65f22}
#prueffunktionen .sg-feature-catalog .sg-catalog-tag {margin-bottom:5px}
#prueffunktionen .sg-feature-catalog h3 {margin-bottom:6px!important}
@media (min-width:601px) and (max-width:800px) {
  #prueffunktionen .sg-feature-catalog article.sg-catalog-card {
    grid-template-columns:37px minmax(0,1fr);
    gap:9px;
    padding:12px;
  }
  #prueffunktionen .sg-catalog-icon {width:37px;height:37px;border-radius:11px}
  #prueffunktionen .sg-catalog-icon svg {width:21px;height:21px}
}


/* 0.46.70: responsive catalogue, consistent captions, accessible readability and footer.
   Changes are deliberately restricted to the public storefront. */
@media (min-width:1200px) {
  body.public-body .sg-program-grid.home-grid,
  body.public-body .sg-program-grid.catalog-grid {
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:16px;
  }
  body.public-body .sg-program-grid.home-grid>.sg-program-card,
  body.public-body .sg-program-grid.catalog-grid>.sg-program-card {
    grid-column:auto!important;
  }
}
@media (min-width:601px) and (max-width:1199px) {
  body.public-body .sg-program-grid.home-grid,
  body.public-body .sg-program-grid.catalog-grid {
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px;
  }
  body.public-body .sg-program-grid.home-grid>.sg-program-card,
  body.public-body .sg-program-grid.catalog-grid>.sg-program-card {
    grid-column:auto!important;
  }
}
/* Product cards should not hide their content behind narrow truncation on phones. */
body.public-body .sg-program-grid:is(.home-grid,.catalog-grid)>.sg-program-card {min-width:0}
body.public-body .sg-program-grid:is(.home-grid,.catalog-grid)>.sg-program-card p {
  font-size:14px!important;
  line-height:1.5!important;
  min-height:0;
  overflow-wrap:break-word;
}
body.public-body .sg-program-grid:is(.home-grid,.catalog-grid)>.sg-program-card h3 {
  font-size:19px!important;
  line-height:1.28!important;
  letter-spacing:-.03em;
}
body.public-body .sg-program-grid:is(.home-grid,.catalog-grid)>.sg-program-card .sg-card-bottom {margin-top:auto}
body.public-body .sg-program-grid:is(.home-grid,.catalog-grid)>.sg-program-card .sg-status {font-size:12px!important;line-height:1.3}
body.public-body .sg-program-grid:is(.home-grid,.catalog-grid)>.sg-program-card .sg-card-price>span,
body.public-body .sg-program-grid:is(.home-grid,.catalog-grid)>.sg-program-card .sg-card-price>small {font-size:12px;line-height:1.4}
@media (max-width:600px) {
  body.public-body .sg-program-grid.home-grid,
  body.public-body .sg-program-grid.catalog-grid {grid-template-columns:minmax(0,1fr)!important;gap:13px}
  body.public-body .sg-program-grid.home-grid>.sg-program-card,
  body.public-body .sg-program-grid.catalog-grid>.sg-program-card {
    grid-column:1/-1!important;
    padding:14px!important;
    border-radius:19px;
  }
  body.public-body .sg-program-grid:is(.home-grid,.catalog-grid) .sg-card-art {height:152px!important}
  body.public-body .sg-program-grid:is(.home-grid,.catalog-grid) .sg-card-editorial {object-fit:cover}
  body.public-body .sg-program-grid:is(.home-grid,.catalog-grid)>.sg-program-card h3 {font-size:21px!important}
  body.public-body .sg-program-grid:is(.home-grid,.catalog-grid)>.sg-program-card p {font-size:14px!important;line-height:1.5!important}
  body.public-body .sg-program-grid:is(.home-grid,.catalog-grid)>.sg-program-card .sg-card-price>strong {font-size:20px}
}
/* Galleries: one figure owns its image and caption. The link still opens the existing lightbox. */
body.public-body .sg-release-gallery {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  align-items:stretch;
}
body.public-body .sg-release-gallery-item {
  margin:0;
  padding:12px;
  display:flex;
  flex-direction:column;
  min-width:0;
  border:1px solid rgba(210,227,246,.9);
  background:rgba(255,255,255,.84);
  border-radius:19px;
  box-shadow:0 5px 15px rgba(36,83,130,.065);
}
body.public-body .sg-release-gallery-item>.product-image-link {
  display:flex;
  justify-content:center;
  align-items:center;
  min-width:0;
  overflow:hidden;
  border-radius:13px;
  background:#f0f7ff;
  aspect-ratio:16/10;
}
body.public-body .sg-release-gallery-item>.product-image-link img {
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  border-radius:0;
}
body.public-body .sg-release-gallery-item>.sg-caption {
  display:block;
  margin:11px 4px 3px!important;
  font-size:13px!important;
  color:#385576;
  line-height:1.48;
  text-align:left;
}
body.public-body .sg-release-gallery-item>.product-image-link:focus-visible {outline:3px solid #086bd4;outline-offset:3px}
@media (max-width:700px) {
  body.public-body .sg-release-gallery {grid-template-columns:minmax(0,1fr);gap:13px}
  body.public-body .sg-release-gallery-item {padding:9px;border-radius:16px}
  body.public-body .sg-release-gallery-item>.sg-caption {font-size:12px!important}
}
/* Keep public footer navigation legible without changing its destination links. */
body.public-body .site-footer .footer-grid>div>strong {
  display:block;
  font-size:14px!important;
  line-height:1.4;
  color:#1b3656;
  margin-bottom:9px;
}
body.public-body .site-footer .footer-grid a,
body.public-body .site-footer .footer-grid .sg-footer-programs>a {
  font-size:13px!important;
  line-height:1.5!important;
  text-decoration-thickness:1px;
  text-underline-offset:3px;
}
body.public-body .site-footer .footer-brand-block p {font-size:13px!important;line-height:1.5}
body.public-body .site-footer .footer-bottom {font-size:12px!important;line-height:1.5}
@media (min-width:1200px) {
  body.public-body .site-footer .footer-grid {
    grid-template-columns:minmax(0,1.05fr) minmax(0,1.17fr) minmax(0,1fr) minmax(0,.9fr)!important;
    gap:20px!important;
  }
}
@media (min-width:701px) and (max-width:1199px) {
  body.public-body .site-footer .footer-grid {
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:23px!important;
  }
  body.public-body .site-footer .footer-brand-block {grid-column:auto!important}
}
@media (max-width:600px) {
  body.public-body .site-footer .footer-grid {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px 12px!important}
  body.public-body .site-footer .footer-brand-block {grid-column:1/-1!important}
  body.public-body .site-footer .footer-grid a {font-size:13px!important;line-height:1.5!important}
  body.public-body .site-footer .footer-grid>div>strong {font-size:14px!important}
  body.public-body .site-footer .footer-bottom {font-size:11px!important}
}

/* 0.46.71 – Compact public footer, including "Desktopwebsite" in phone browsers.
   Preserve every destination and keyboard access; keep four columns through
   701px so a ~980px desktop viewport does not stack the help block below. */
body.public-body .site-footer {
  padding:18px 22px 10px!important;
}
body.public-body .site-footer .footer-grid {
  display:grid!important;
  grid-template-columns:minmax(0,1.02fr) minmax(0,1.18fr) minmax(0,1.5fr) minmax(0,1.15fr)!important;
  gap:clamp(12px,1.6vw,24px)!important;
  align-items:start!important;
}
body.public-body .site-footer .footer-grid>div {
  min-width:0!important;
  padding-left:clamp(10px,1.2vw,17px)!important;
}
body.public-body .site-footer .footer-grid>.footer-brand-block {
  padding-left:0!important;
  grid-column:auto!important;
}
body.public-body .site-footer .footer-grid>div:nth-child(3),
body.public-body .site-footer .footer-grid>div:nth-child(4) {
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  column-gap:12px!important;
  row-gap:3px!important;
  align-content:start!important;
}
body.public-body .site-footer .footer-grid>div:nth-child(3)>strong,
body.public-body .site-footer .footer-grid>div:nth-child(4)>strong {
  grid-column:1/-1!important;
}
body.public-body .site-footer .sg-footer-programs {
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:3px 10px!important;
}
body.public-body .site-footer .footer-grid a,
body.public-body .site-footer .footer-grid .sg-footer-programs>a {
  display:block;
  min-width:0;
  min-height:0!important;
  margin:0!important;
  padding:3px 0!important;
  font-size:12px!important;
  line-height:1.35!important;
  overflow-wrap:normal!important;
  word-break:normal;
  hyphens:auto;
}
body.public-body .site-footer .footer-grid>div>strong {
  font-size:13px!important;
  margin:0 0 7px!important;
}
body.public-body .site-footer .footer-brand-block p {
  margin:5px 0 10px!important;
  font-size:12px!important;
  line-height:1.45!important;
}
body.public-body .site-footer .doybit-built-note {
  margin-top:0!important;
  padding:8px 10px;
  max-width:100%;
  font-size:11px;
  line-height:1.35;
}
body.public-body .site-footer .footer-bottom {
  margin-top:13px!important;
  padding-top:10px!important;
  font-size:11px!important;
}
body.public-body .site-footer a:focus-visible {
  outline:3px solid #086bd4!important;
  outline-offset:2px!important;
  border-radius:4px;
}
@media (min-width:701px) and (max-width:1100px) {
  body.public-body .site-footer .footer-grid {
    grid-template-columns:minmax(0,.95fr) minmax(0,1.25fr) minmax(0,1.55fr) minmax(0,1.3fr)!important;
    gap:12px!important;
  }
  body.public-body .site-footer .footer-grid>div {padding-left:10px!important}
  body.public-body .site-footer .footer-grid>.footer-brand-block {padding-left:0!important}
  body.public-body .site-footer .footer-grid>div:nth-child(3),
  body.public-body .site-footer .footer-grid>div:nth-child(4) {
    column-gap:8px!important;
  }
  body.public-body .site-footer .footer-grid a {
    font-size:11.5px!important;
  }
}
@media (max-width:700px) {
  body.public-body .site-footer {padding:18px 17px 12px!important}
  body.public-body .site-footer .footer-grid {
    grid-template-columns:minmax(0,1fr)!important;
    gap:16px!important;
  }
  body.public-body .site-footer .footer-grid>div,
  body.public-body .site-footer .footer-grid>.footer-brand-block {
    grid-column:1/-1!important;
    padding:0!important;
    border-left:0!important;
  }
  body.public-body .site-footer .footer-grid>div:not(:first-child) {
    border-top:1px solid #d6e5f7;
    padding-top:12px!important;
  }
  body.public-body .site-footer .footer-grid>div:nth-child(3),
  body.public-body .site-footer .footer-grid>div:nth-child(4),
  body.public-body .site-footer .sg-footer-programs {
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:2px 12px!important;
  }
  body.public-body .site-footer .footer-grid a,
  body.public-body .site-footer .footer-grid .sg-footer-programs>a {
    font-size:13px!important;
    line-height:1.35!important;
    padding:6px 0!important;
  }
  body.public-body .site-footer .footer-brand-block p {max-width:none}
  body.public-body .site-footer .footer-bottom {
    margin-top:12px!important;
    padding-top:10px!important;
  }
}

/* 0.46.72 – Smartphone-Footer: native details disclosure; desktop footer stays unchanged.
   Hidden duplicate nav is intentional, so both viewport modes work without JS. */
body.public-body .site-footer .footer-mobile-accordion {display:none!important}
@media (max-width:700px) {
  body.public-body .site-footer .footer-grid {gap:0!important}
  body.public-body .site-footer .footer-grid>.footer-desktop-links {display:none!important}
  body.public-body .site-footer .footer-mobile-accordion {
    display:grid!important;
    gap:8px;
    margin-top:12px;
  }
  body.public-body .site-footer .footer-mobile-details {
    display:block;
    min-width:0;
    background:rgba(255,255,255,.58);
    border:1px solid #d9e6f3;
    border-radius:14px;
    overflow:hidden;
  }
  body.public-body .site-footer .footer-mobile-details>summary {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    min-height:48px;
    padding:11px 14px;
    cursor:pointer;
    list-style:none;
    font-weight:750;
    font-size:15px;
    line-height:1.3;
    color:#173657;
  }
  body.public-body .site-footer .footer-mobile-details>summary::-webkit-details-marker {display:none}
  body.public-body .site-footer .footer-mobile-details>summary::marker {content:""}
  body.public-body .site-footer .footer-disclosure-symbol {
    display:block;
    flex:0 0 10px;
    height:10px;
    border-right:2px solid #306b9c;
    border-bottom:2px solid #306b9c;
    transform:rotate(45deg) translateY(-2px);
  }
  body.public-body .site-footer .footer-mobile-details[open] .footer-disclosure-symbol {
    transform:rotate(225deg) translateY(-1px);
  }
  body.public-body .site-footer .footer-mobile-details>summary:focus-visible {
    outline:3px solid #086bd4;
    outline-offset:-3px;
    border-radius:12px;
  }
  body.public-body .site-footer .footer-mobile-links {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:2px 10px;
    padding:9px 14px 13px;
    border-top:1px solid #d9e6f3;
  }
  body.public-body .site-footer .footer-mobile-links a {
    display:flex;
    align-items:center;
    min-width:0;
    min-height:38px;
    padding:7px 2px;
    font-size:13px;
    line-height:1.35;
    color:#36567a;
    overflow-wrap:anywhere;
  }
  body.public-body .site-footer .footer-mobile-links a:focus-visible {
    outline:3px solid #086bd4;
    outline-offset:1px;
  }
  body.public-body .site-footer .footer-bottom {
    margin-top:10px!important;
  }
}
@media (max-width:350px) {
  body.public-body .site-footer .footer-mobile-links {
    grid-template-columns:minmax(0,1fr);
  }
}

/* 0.46.73: KORREKTUR der mobilen Doppelnavigation.
   Die alten Regeln für div:nth-child(3/4) erzwingen display:grid!important und
   haben bei gleichem Klassenanteil eine höhere Spezifität als die 0.46.72-Regel.
   Beide alten Navigationsblöcke müssen hier tatsächlich ausgeblendet werden. */
@media screen and (max-width:700px) {
  html body.public-body footer.site-footer .footer-grid > div.footer-desktop-links:nth-child(n+2) {
    display:none!important;
  }
  html body.public-body footer.site-footer .footer-grid > div.footer-brand-block:first-child {
    display:flex!important;
  }
  html body.public-body footer.site-footer > .footer-mobile-accordion {
    display:grid!important;
  }
}
@media screen and (min-width:701px) {
  html body.public-body footer.site-footer > .footer-mobile-accordion {
    display:none!important;
  }
}


/* 0.46.74: the "Individuell von Doybit entwickelt" brand note should be
   genuinely compact on phones without hiding context or reducing touch targets.
   Specific to mobile footer; desktop footer from 0.46.71 stays intact. */
@media screen and (max-width:700px) {
  html body.public-body footer.site-footer .footer-brand-block a.doybit-built-note {
    display:grid!important;
    grid-template-columns:20px minmax(0,1fr) 14px;
    align-items:center;
    column-gap:9px;
    width:100%;
    max-width:100%;
    min-height:48px!important;
    padding:7px 10px!important;
    margin:0!important;
    border-radius:13px;
    font-size:12px!important;
    line-height:1.25!important;
  }
  html body.public-body footer.site-footer .footer-brand-block a.doybit-built-note svg {
    width:20px;
    height:20px;
  }
  html body.public-body footer.site-footer .footer-brand-block a.doybit-built-note > span:nth-child(2) {
    display:block;
    min-width:0;
  }
  html body.public-body footer.site-footer .footer-brand-block a.doybit-built-note small {
    display:block;
    margin-top:2px;
    font-size:10.5px;
    line-height:1.2;
  }
  html body.public-body footer.site-footer .footer-brand-block a.doybit-built-note > span:last-child {
    text-align:center;
  }
}