@charset "UTF-8";
:root{--navy:#102238;--navydark:#0a1829;--blue:#2869df;--blue2:#55a0ef;--cyan:#7cd8e8;--ink:#17283b;--muted:#627387;--border:#dae3ed;--soft:#f4f7fb;--white:#fff;--shadow:0 18px 46px rgba(12,37,70,.08);--radius:18px;--max:1216px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--blue2);outline-offset:3px}p{margin:0 0 18px}h1,h2,h3,h4{font-weight:750;line-height:1.15;letter-spacing:-.033em;margin:0;color:var(--navy)}h1{font-size:clamp(2.65rem,5.25vw,5.25rem);letter-spacing:-.056em}h2{font-size:clamp(2rem,3.1vw,3.12rem)}h3{font-size:1.31rem}ul{padding-left:1.25rem}ul li{padding:3px 0}img{max-width:100%;height:auto}.i{display:inline-block;flex:none}.container{max-width:var(--max);margin:0 auto;padding:0 28px}.section{padding:96px 0}.section-tight{padding:68px 0}.section-soft{background:var(--soft)}.section-white{background:#fff}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:#2561c0;font-size:.73rem;font-weight:800;display:inline-flex;align-items:center;gap:9px;margin-bottom:20px}.eyebrow:before{content:"";width:24px;height:2px;background:currentColor;border-radius:5px}.lead{font-size:1.19rem;line-height:1.76;color:#51647a;max-width:680px}.muted{color:var(--muted)}.small{font-size:.85rem}.section-header{margin-bottom:42px}.section-header p{max-width:700px;margin:16px 0 0;color:var(--muted);font-size:1.1rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 21px;border-radius:9px;font-size:.9rem;font-weight:730;white-space:nowrap;line-height:1.35;transition:transform .2s,box-shadow .2s,background .2s;border:1px solid transparent}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--blue);color:white;box-shadow:0 8px 20px rgba(33,100,219,.21)}.btn-primary:hover{background:#1c56bb}.btn-outline{border-color:#b4c3d4;background:#fff;color:#19314e}.btn-outline:hover{border-color:#477db8;box-shadow:0 7px 20px rgba(20,60,100,.08)}.btn-white{background:white;color:var(--navy)}.btn-text{padding:11px 0;color:var(--blue);font-weight:750}.btn-ghost{border-color:rgba(255,255,255,.35);color:white}.btn-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.arrow{display:inline-block;transition:transform .2s}.btn:hover .arrow,.text-link:hover .arrow{transform:translateX(4px)}.text-link{font-weight:750;color:var(--blue);display:inline-flex;align-items:center;gap:9px;font-size:.93rem}.text-link:hover{color:#174795}
.utility{background:#0b1d32;color:#d5e1ef;font-size:.74rem}.utility-inner{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:12px}.utility-right{display:flex;align-items:center;gap:22px}.utility a:hover{color:white}.site-header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);border-bottom:1px solid #e3eaf1}.header-inner{height:85px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:inline-flex;gap:10px;align-items:center;min-width:205px}.brand-emblem{width:51px;height:51px;object-fit:contain;display:block}.brand-text{display:flex;flex-direction:column;line-height:1.08}.brand-text strong{font-size:1.39rem;letter-spacing:-.05em;color:#11283e}.brand-text small{font-size:.49rem;letter-spacing:.19em;text-transform:uppercase;font-weight:800;margin-top:6px;color:#526a84}.desktop-nav{display:flex;align-items:center;gap:4px;margin-left:auto}.nav-link,.nav-trigger{padding:14px 12px;border:none;background:transparent;font-size:.86rem;font-weight:700;color:#384c62;border-radius:7px;display:inline-flex;gap:7px;align-items:center}.nav-link:hover,.nav-trigger:hover,.nav-link.active,.nav-trigger.active{color:#1d5abf;background:#eef4fc}.nav-dropdown{position:relative}.nav-dropdown summary{list-style:none;cursor:pointer}.nav-dropdown summary::-webkit-details-marker{display:none}.nav-dropdown[open] .dropdown-panel{display:grid}.dropdown-panel{position:absolute;top:calc(100% + 17px);left:50%;transform:translateX(-50%);width:615px;padding:20px;grid-template-columns:repeat(2,1fr);gap:8px;background:#fff;border:1px solid #e1e8f0;border-radius:15px;box-shadow:0 22px 55px rgba(16,39,70,.18)}.dropdown-panel:before{content:"";position:absolute;top:-18px;left:0;right:0;height:20px}.dropdown-panel a{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;font-weight:720;font-size:.85rem}.dropdown-panel a:hover{background:#edf4fc;color:var(--blue)}.dropdown-panel a .i{color:var(--blue)}.header-action{margin-left:5px}.nav-toggle{display:none;width:44px;height:44px;align-items:center;justify-content:center;border:1px solid #dce4ed;background:#fff;border-radius:8px;color:var(--navy)}.mobile-nav{display:none;padding:10px 28px 25px;border-top:1px solid var(--border);background:white;max-height:78vh;overflow:auto}.mobile-nav.open{display:block}.mobile-nav>a,.mobile-nav summary{display:block;padding:13px 0;border-bottom:1px solid #e9edf3;font-weight:720}.mobile-nav details>a{display:block;padding:9px 18px;color:#506b86;font-size:.9rem}.mobile-nav summary{cursor:pointer}
.hero{position:relative;overflow:hidden;background:linear-gradient(130deg,#edf5ff 0%,#f7faff 49%,#eef3fb 100%);padding:98px 0 94px}.hero:before{content:"";position:absolute;width:660px;height:660px;right:-225px;top:-270px;background:radial-gradient(circle,rgba(93,164,250,.17),transparent 70%);pointer-events:none}.hero-grid{display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:70px;position:relative}.hero h1{max-width:725px}.hero h1 span,.sub-hero h1 em{color:var(--blue);font-style:normal}.hero .lead{margin-top:24px;margin-bottom:30px}.hero-kpis{display:flex;gap:21px;flex-wrap:wrap;margin-top:41px;color:#36536f;font-size:.86rem;font-weight:700}.hero-kpis span{display:flex;align-items:center;gap:9px}.hero-kpis .i{color:#1d6ac6}.hero-visual{min-height:485px;position:relative;display:flex;justify-content:center;align-items:center}.visual-blur{position:absolute;width:420px;height:420px;right:5px;border-radius:50%;background:linear-gradient(130deg,#d1e4fc,#e2f8fb);filter:blur(2px)}.system-card{position:relative;z-index:2;width:min(100%,480px);border:1px solid #d7e3ef;background:white;border-radius:20px;overflow:hidden;box-shadow:0 26px 80px rgba(28,72,118,.2);transform:rotate(-2deg)}.system-top{background:#102a47;color:white;padding:21px 23px;display:flex;justify-content:space-between;align-items:center}.system-heading{display:flex;align-items:center;gap:10px;font-weight:750}.system-dot{width:8px;height:8px;background:#6bdfbb;border-radius:50%;box-shadow:0 0 0 4px rgba(105,218,183,.13)}.system-body{padding:24px}.system-label{color:#788ba1;font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px}.system-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.system-tile{background:#f3f7fc;border:1px solid #e7eef5;border-radius:11px;padding:17px;display:flex;gap:13px;align-items:center;min-height:84px}.system-tile .i{color:#367be2}.system-tile strong{display:block;font-size:.84rem;color:#17334f}.system-tile small{color:#71869b;font-size:.7rem}.system-footer{margin-top:20px;padding-top:17px;border-top:1px solid #e2e9f1;display:flex;align-items:center;justify-content:space-between;font-size:.81rem;color:#52718e}.system-footer b{color:#1a806b;font-weight:760}.floating-note{position:absolute;right:-24px;bottom:25px;z-index:3;background:#fff;padding:12px 18px;border-radius:10px;box-shadow:0 14px 35px rgba(16,47,80,.2);display:flex;align-items:center;gap:10px;font-size:.8rem;font-weight:750;color:#23405a}.floating-note .i{color:#2c9b7d}
.metrics{border-bottom:1px solid #e3eaf2;border-top:1px solid #e3eaf2;background:white}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr)}.metric{padding:28px 23px;border-right:1px solid #e4eaf0}.metric:first-child{padding-left:0}.metric:last-child{border:0}.metric b{font-size:1.35rem;color:#183956;letter-spacing:-.025em}.metric span{display:block;color:#6d7e92;font-size:.8rem;margin-top:2px}.solutions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.solution-card,.consult-card{position:relative;border:1px solid #e0e8f0;border-radius:15px;padding:28px;background:white;box-shadow:0 6px 15px rgba(19,45,82,.025);transition:transform .22s,border-color .22s,box-shadow .22s}.solution-card:hover,.consult-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#a7c6f1}.icon-box{width:51px;height:51px;border-radius:12px;background:#eaf2ff;color:#276ad3;display:flex;align-items:center;justify-content:center;margin-bottom:25px}.solution-card h3{margin-bottom:11px}.solution-card p{font-size:.93rem;color:#61738a;min-height:76px;margin-bottom:15px}.solution-card .price-teaser{color:#223e5a;font-size:.82rem;font-weight:750;padding-top:17px;border-top:1px solid #e6ecf2;margin-bottom:13px}.consult-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.consult-card{padding:24px}.consult-card .icon-box{margin-bottom:20px}.consult-card h3{font-size:1.13rem;margin-bottom:10px}.consult-card p{font-size:.89rem;color:#6b7b8e;min-height:98px}.dark-band{background:#0d2744;color:white;position:relative;overflow:hidden}.dark-band:after{content:"";position:absolute;right:-100px;top:-120px;width:460px;height:460px;background:radial-gradient(circle,rgba(57,133,240,.23),transparent 65%);pointer-events:none}.dark-band h2,.dark-band h3{color:white}.dark-band .lead{color:#bccfe3}.band-flex{display:flex;align-items:center;justify-content:space-between;gap:32px;position:relative;z-index:1}.band-flex .copy{max-width:720px}.band-flex .copy p{margin-top:15px;margin-bottom:0}.band-flex .btn-row{flex-shrink:0}.split{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}.about-feature{border-radius:18px;background:linear-gradient(135deg,#dceafe,#f1f7ff);padding:36px;min-height:310px;display:grid;align-content:center}.about-feature .big{color:#2869dc;font-size:5rem;letter-spacing:-.07em;line-height:1;font-weight:800}.about-feature strong{font-size:1.3rem;margin-top:14px;color:#1b334f}.about-feature p{color:#576d83;max-width:400px;margin-top:8px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.step{border-top:2px solid #bcd3ed;padding-top:25px}.step .number{font-weight:750;font-size:.85rem;color:#2b6fd1;margin-bottom:16px}.step h3{margin-bottom:9px}.step p{color:#687c90;font-size:.95rem}.cta-box{padding:49px;background:linear-gradient(120deg,#132e4c,#173f6e);border-radius:19px;color:white;display:flex;align-items:center;justify-content:space-between;gap:40px}.cta-box h2{color:white;font-size:2.2rem}.cta-box p{color:#b6d0e7;max-width:620px;margin:14px 0 0}
.sub-hero{padding:74px 0 75px;background:linear-gradient(120deg,#f3f7fe,#f9fcff);overflow:hidden}.breadcrumb{font-size:.77rem;color:#66819c;font-weight:650;margin-bottom:39px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.breadcrumb a:hover{color:var(--blue)}.sub-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:65px;align-items:center}.sub-hero h1{font-size:clamp(2.7rem,4.2vw,4.3rem);max-width:740px}.sub-hero .lead{margin:22px 0 30px}.hero-pills{display:flex;gap:11px;flex-wrap:wrap;margin-top:31px}.hero-pills span{font-size:.8rem;color:#3e607c;padding:8px 12px;border:1px solid #dae5f2;background:#fff;border-radius:25px;font-weight:650}.abstract-panel{position:relative;display:flex;flex-direction:column;justify-content:center;padding:40px;min-height:335px;border-radius:20px;overflow:hidden;background:#113456;box-shadow:0 20px 45px rgba(8,43,79,.17);color:#fff}.abstract-panel:before{content:"";position:absolute;border:1px solid rgba(179,226,255,.15);width:350px;height:350px;border-radius:50%;right:-110px;top:-155px;box-shadow:0 0 0 50px rgba(117,176,229,.045),0 0 0 100px rgba(117,176,229,.035)}.abstract-panel .giant{width:79px;height:79px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.13);border-radius:17px;display:flex;align-items:center;justify-content:center;color:#9cd8ff;margin-bottom:35px}.abstract-panel .giant svg{width:42px;height:42px}.abstract-panel h3{color:white;font-size:1.62rem;margin-bottom:10px;position:relative}.abstract-panel p{color:#d0e3f2;max-width:290px;font-size:.92rem;position:relative}.abstract-panel .mini-label{font-size:.72rem;letter-spacing:.1em;color:#94bfde;font-weight:800;text-transform:uppercase;margin-bottom:9px}.detail-content{max-width:820px}.detail-content p{font-size:1.05rem;color:#536981}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.benefit{padding:26px;border:1px solid #e0e8f0;border-radius:13px;background:white}.benefit .i{color:#2b74d6;margin-bottom:17px}.benefit strong{display:block;font-size:1rem;color:#1b3552;margin-bottom:8px}.benefit p{color:#637990;font-size:.88rem;margin:0}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.pricing-grid.cols-4{grid-template-columns:repeat(4,1fr)}.pricing-grid.cols-2{grid-template-columns:repeat(2,1fr)}.price-card{display:flex;flex-direction:column;background:#fff;border:1px solid #dce6ef;border-radius:15px;overflow:hidden;min-width:0}.price-card.popular{border-color:#6ca6e9;box-shadow:0 11px 33px rgba(32,101,191,.09)}.price-card-header{padding:28px 25px 20px;border-bottom:1px solid #e7edf3}.tier{color:#2a5da4;font-weight:800;letter-spacing:.02em;font-size:.85rem;min-height:23px}.amount{font-size:2.2rem;font-weight:800;color:#18334f;letter-spacing:-.052em;line-height:1.2;margin-top:12px}.amount span{font-size:.82rem;letter-spacing:0;color:#61758a;font-weight:650}.price-sub{color:#76889c;font-size:.73rem;margin-top:10px;line-height:1.45;min-height:30px}.price-card-body{padding:21px 25px 26px;display:flex;flex:1;flex-direction:column}.price-list{list-style:none;margin:0 0 26px;padding:0;flex:1}.price-list li{font-size:.84rem;color:#4b647c;padding:7px 0 7px 24px;position:relative;line-height:1.45}.price-list li:before{content:"✓";position:absolute;left:0;top:7px;color:#2c80cc;font-weight:800}.price-card .btn{width:100%;white-space:normal;text-align:center;padding:12px 10px}.price-footnote{margin-top:19px;font-size:.77rem;color:#75869a}.product-note{background:#eaf3ff;border-left:3px solid #4f91eb;padding:18px 22px;color:#3a5876;font-size:.9rem;border-radius:0 9px 9px 0}.feature-split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.feature-list{list-style:none;margin:22px 0 0;padding:0}.feature-list li{display:flex;gap:13px;align-items:flex-start;padding:10px 0;color:#456076}.feature-list .i{color:#2973c7;margin-top:2px}.faq-stack{max-width:900px}.faq-stack details{border-bottom:1px solid #dce5ed;padding:16px 3px}.faq-stack summary{font-weight:750;color:#24405e;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq-stack summary:after{content:"+";font-size:1.35rem;color:#2b74d6}.faq-stack details[open] summary:after{content:"−"}.faq-stack details p{margin:15px 25px 7px 0;color:#64778c;font-size:.95rem}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.related{padding:25px;border:1px solid #dce5ee;border-radius:13px;background:white;transition:.2s}.related:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.related .icon-box{width:42px;height:42px;margin-bottom:17px}.related strong{display:block;font-size:1.04rem}.related p{font-size:.84rem;color:#6b7f92;margin:9px 0}.related .text-link{font-size:.81rem}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.service-action{padding:29px;border:1px solid #dae5f0;border-radius:14px;background:white}.service-action .icon-box{margin-bottom:20px}.service-action h3{margin-bottom:11px}.service-action p{font-size:.93rem;color:#657a8e;min-height:76px}.timeline{border-left:2px solid #c9dff5;padding-left:30px;margin-left:10px}.timeline-item{position:relative;padding:0 0 27px}.timeline-item:before{content:"";position:absolute;left:-38px;top:5px;width:12px;height:12px;border-radius:50%;background:#2b76d6;border:4px solid #eff5fc}.timeline-item b{color:#2b70c8}.timeline-item p{color:#5c7187;margin:6px 0 0}.contact-box{padding:33px;background:#f2f7fc;border:1px solid #e0e9f2;border-radius:16px}.contact-box .contact-line{display:flex;gap:13px;align-items:flex-start;margin:20px 0;color:#3f566b}.contact-box .i{color:#2a73cc}.contact-box strong{color:#233d55}.contact-box p{margin:6px 0 0}.appointments{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.appointment-card{padding:34px;border:1px solid #dce7f0;border-radius:16px;background:#fff}.appointment-card .icon-box{margin-bottom:17px}.appointment-card p{color:#647a8e}.appointment-card .btn{margin-top:10px}.notice{padding:17px 22px;background:#eaf2fb;border-radius:10px;color:#526e86;font-size:.89rem}.pill{display:inline-flex;background:#e5f0ff;color:#2463b7;border-radius:30px;padding:6px 12px;font-size:.73rem;font-weight:800;letter-spacing:.03em;margin-bottom:18px}
.footer{background:#0b1c30;color:#c4d2df;padding:70px 0 0}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:45px}.footer .brand{margin-bottom:23px}.footer .brand-text strong{color:white}.footer .brand-text small{color:#c4d1e0}.footer p{font-size:.87rem;color:#9db1c5}.footer h4{font-size:.86rem;color:white;margin-bottom:19px;letter-spacing:.01em}.footer-links{display:grid;gap:11px}.footer-links a{color:#afc1d2;font-size:.86rem}.footer-links a:hover{color:white}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid rgba(255,255,255,.12);padding:22px 0;margin-top:53px;font-size:.76rem;color:#9aafc3}.footer-bottom a{color:#d3e2f0}.footer-bottom a:hover{color:white}.footer-bottom-links{display:flex;gap:18px;flex-wrap:wrap}
@media(max-width:1120px){.header-inner{gap:10px}.nav-link,.nav-trigger{padding:13px 8px;font-size:.82rem}.brand{min-width:175px}.brand-text strong{font-size:1.2rem}.header-action{padding:11px 12px}.hero-grid{gap:30px}.pricing-grid.cols-4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:930px){.utility-right span:nth-child(2){display:none}.desktop-nav,.header-action{display:none}.nav-toggle{display:inline-flex}.header-inner{height:75px}.hero-grid,.sub-hero-grid{grid-template-columns:1fr}.hero{padding:72px 0}.hero h1{max-width:770px}.hero-visual{min-height:390px;max-width:560px;margin:auto;width:100%}.system-card{width:90%}.floating-note{right:0}.solutions-grid,.pricing-grid{grid-template-columns:repeat(2,1fr)}.consult-grid{grid-template-columns:repeat(2,1fr)}.benefit-grid,.service-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}.split{gap:35px}.related-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.container{padding:0 20px}.utility-inner{justify-content:center}.utility-right{display:none}.utility{font-size:.68rem}.hero{padding:57px 0 46px}.hero h1{font-size:clamp(2.5rem,11vw,3.5rem)}.hero .lead{font-size:1.04rem}.hero-kpis{gap:10px 17px;margin-top:30px}.hero-kpis span{font-size:.73rem}.hero-visual{min-height:365px}.visual-blur{width:270px;height:270px}.system-card{width:96%;transform:none}.system-body{padding:18px}.system-top{padding:15px}.system-tile{padding:11px;min-height:72px;gap:7px}.system-tile strong{font-size:.75rem}.system-tile small{font-size:.63rem}.floating-note{display:none}.metrics-grid{grid-template-columns:repeat(2,1fr)}.metric{padding:20px 10px;border-bottom:1px solid var(--border)}.metric:first-child{padding-left:10px}.metric:nth-child(even){border-right:0}.section{padding:65px 0}.section-tight{padding:55px 0}.solutions-grid,.pricing-grid,.pricing-grid.cols-4,.pricing-grid.cols-2,.consult-grid,.service-grid,.benefit-grid,.related-grid,.steps-grid,.appointments{grid-template-columns:1fr}.solution-card p,.consult-card p,.service-action p{min-height:0}.split,.feature-split{grid-template-columns:1fr;gap:35px}.band-flex,.cta-box{flex-direction:column;align-items:flex-start}.cta-box{padding:30px}.cta-box h2{font-size:1.8rem}.sub-hero{padding:40px 0 55px}.sub-hero-grid{gap:35px}.breadcrumb{margin-bottom:25px}.sub-hero h1{font-size:2.7rem}.abstract-panel{min-height:255px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column;align-items:flex-start}.brand-text strong{font-size:1.28rem}.price-card-header{padding:24px}.price-card-body{padding:24px}.btn-row{width:100%}.btn-row .btn{max-width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Revision 2: Positionierung, Privatkunden, getrennte Archivlösungen, eingebettete Terminbuchung */
.brand-emblem{width:58px;height:58px;min-width:58px;border-radius:50%;object-fit:contain;background:transparent}
.header-inner{gap:13px}.brand{min-width:218px;gap:9px}.brand-text small{letter-spacing:.06em;text-transform:none;font-size:.61rem}
.utility-private{display:inline-flex;gap:7px;align-items:center;padding:4px 11px;border-radius:99px;background:rgba(255,255,255,.12);color:white!important;font-weight:750;white-space:nowrap}
.utility-private:hover{background:rgba(255,255,255,.24)}.mobile-private{background:#e9f1ff;color:#0e4c99!important;border-radius:9px;margin-top:12px;padding:12px!important}
.hero .eyebrow{font-size:.76rem;letter-spacing:.1em}.btn-private{background:#fff;color:#143e75;border:1px solid #b9cfea;box-shadow:0 5px 18px rgba(26,73,131,.08)}.btn-private:hover{background:#f3f8ff}
.private-band{background:#e8f0fa}.private-panel{background:#10304f;border-radius:23px;color:#fff;padding:43px 48px}.private-row{display:grid;grid-template-columns:1fr 215px;gap:36px;align-items:center}.private-overline{color:#9ecaff;letter-spacing:.14em;font-size:.73rem;font-weight:800;margin-bottom:14px}.private-panel h2{color:white;margin-bottom:17px}.private-panel h2 span{color:#98c8fa}.private-panel p{color:#d4e2f1;max-width:690px}.private-panel .btn{margin-top:7px}.private-badge{width:200px;height:200px;border:1px solid rgba(255,255,255,.3);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#284e78,#163657);box-shadow:0 14px 44px rgba(0,0,0,.16)}.private-badge span{font-size:3rem;line-height:1;font-weight:800;letter-spacing:-.08em}.private-badge strong{color:#fff;font-size:1.28rem}.private-badge small{color:#b8d5f4;font-size:.69rem}
.archive-two-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.archive-type{display:flex;flex-direction:column;padding:36px;border:1px solid #d9e6f2;background:#fff;border-radius:18px;box-shadow:0 16px 40px rgba(17,48,80,.05)}.archive-type h3{font-size:1.65rem;margin:12px 0 18px}.archive-type p{color:#57718a}.archive-type-icon{font-size:2.3rem;color:#2367bd;display:block}.archive-tag{margin-top:15px;letter-spacing:.13em;font-size:.7rem;font-weight:800;color:#2869df}.archive-checks{padding-left:21px;color:#36516b;flex:1}.archive-checks li{margin:7px 0}.archive-type .btn{align-self:start;margin-top:18px}.archive-price{color:#163d6a;font-size:1.12rem;margin-top:14px}.table-scroller{width:100%;overflow-x:auto;border-radius:15px;border:1px solid #d9e3ef}.archive-table{width:100%;min-width:650px;border-collapse:collapse}.archive-table thead{background:#112f4b;color:white}.archive-table th,.archive-table td{text-align:left;vertical-align:top;padding:19px 24px;border-bottom:1px solid #e0e7ee}.archive-table tbody tr:nth-child(even){background:#f7f9fc}.archive-table tbody th{width:24%;font-weight:760}.archive-table th{font-size:.89rem}.archive-table td{color:#4b6177}
.legal-intro{max-width:900px;color:#53687b}.legal-intro a,.legal-details a{color:#246bd0;text-decoration:underline}.legal-fristen{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:30px 0}.legal-fristen article{padding:28px;background:white;border:1px solid #dce7f3;border-radius:14px}.legal-fristen strong{font-size:2.4rem;color:#2869df;letter-spacing:-.05em}.legal-fristen h3{font-size:1.16rem;margin:7px 0 12px}.legal-fristen p{font-size:.89rem;color:#60748a;margin:0}.legal-details{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.legal-details article{padding:25px 27px;background:#fff;border:1px solid #dce7f3;border-radius:13px}.legal-details h3{font-size:1.1rem;margin-bottom:12px}.legal-details p{font-size:.9rem;color:#60748a;margin:0}.legal-disclaimer{font-size:.82rem;color:#61758a;border-top:1px solid #d4e0ed;padding-top:18px;margin:28px 0 0}.archive-rich .section-header p{max-width:920px}.rich-two{display:grid;grid-template-columns:1.08fr .92fr;gap:34px;align-items:start;margin-bottom:39px}.rich-two h3{font-size:1.42rem;margin-bottom:13px}.rich-two p{color:#627487}.rich-feature{background:#f1f6fc;padding:28px;border-radius:14px;border:1px solid #dce7f2}.rich-feature strong{font-size:1.08rem}.rich-feature ul{color:#46627b}.legal-spot{border-left:4px solid #2869df;background:#f1f6fc;padding:27px 29px;border-radius:0 13px 13px 0;margin:32px 0}.legal-spot h3{margin-bottom:14px}.legal-spot p{color:#536a82}.inverted-link{text-decoration:underline;color:#d7e9ff}.footer-private{display:inline-flex;color:#d6eaff;background:#1a3a5b;padding:10px 13px;border-radius:7px;font-weight:750;font-size:.84rem;margin-top:4px}.footer-private:hover{color:white;background:#25517c}
.booking-picks{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:0 0 24px}.booking-pick{display:flex;text-align:left;gap:18px;align-items:center;padding:22px;border-radius:16px;border:2px solid #d6e3f2;background:#fff;color:#1c3550;transition:border-color .2s,background .2s,transform .2s;cursor:pointer}.booking-pick:hover{border-color:#72a4e8;transform:translateY(-2px)}.booking-pick[aria-pressed=true]{background:#e6f1ff;border-color:#2869df;box-shadow:0 4px 18px rgba(40,105,223,.1)}.booking-pick>span:last-child{display:flex;flex-direction:column}.booking-pick strong{font-size:1.07rem}.booking-pick small{font-size:.82rem;color:#5d7289;line-height:1.4;margin-top:5px}.booking-pick em{font-style:normal;color:#2266c0;font-size:.83rem;font-weight:800;margin-top:9px}.booking-pick-icon{width:52px;height:52px;flex:0 0 52px;display:grid;place-items:center;border-radius:12px;background:#edf5ff;color:#246ac0;font-size:1.65rem}.booking-shell{overflow:hidden;border:1px solid #d7e2ee;border-radius:17px;background:#fff;box-shadow:0 14px 36px rgba(22,58,100,.06)}.booking-shell-top{padding:18px 23px;background:#122f4b;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#fff}.booking-shell-top strong,.booking-shell-top span{display:block}.booking-shell-top span{color:#b6cee7;font-size:.76rem;margin-top:2px}.booking-external{border-radius:7px;border:1px solid #5b7897;padding:9px 14px;font-size:.85rem;white-space:nowrap}.booking-external:hover{background:#254869}.booking-embed{min-height:460px;padding:14px;background:white}.booking-embed .meetergo-iframe{min-height:640px;width:100%}.booking-empty{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:425px;padding:35px}.booking-empty h3{margin:12px 0}.booking-empty p{color:#60778d;max-width:450px}.booking-empty small{font-size:.78rem;color:#7891a8}.booking-calendar-icon{color:#2e70cd;font-size:3rem}.booking-loading{padding:13px;color:#536d86;text-align:center;font-size:.85rem}
.archive-child-link{font-size:.79rem!important;color:#41637f!important;padding-left:30px!important}.archive-overview-link{font-weight:830!important}
@media(max-width:1120px){.brand{min-width:200px}.brand-text strong{font-size:1.23rem}.header-inner{gap:8px}.utility-right{gap:12px}.nav-link,.nav-trigger{padding:13px 8px}}
@media(max-width:930px){.utility-private{display:none}.brand{min-width:0}}
@media(max-width:620px){.archive-two-grid,.legal-fristen,.legal-details,.rich-two,.booking-picks,.private-row{grid-template-columns:1fr}.archive-type{padding:26px}.private-panel{padding:30px 24px}.private-badge{width:155px;height:155px}.private-row{gap:22px}.booking-pick{padding:16px}.booking-shell-top{flex-wrap:wrap;padding:16px}.booking-embed{padding:6px}.booking-embed .meetergo-iframe{min-height:740px}.brand-emblem{width:49px;height:49px;min-width:49px}.brand-text small{font-size:.55rem}.hero .eyebrow{font-size:.64rem;letter-spacing:.07em}}

/* v4: Offizielle vollständige Unternehmensbezeichnung in Kopf und Fuß */
.brand-text .brand-company-addendum{display:block;margin-top:5px;color:#5e7792;font-size:.78rem;font-weight:760;letter-spacing:.07em;line-height:1.12}.footer .brand-company-addendum{color:#c0d4e7}
@media(max-width:1120px){.brand-text .brand-company-addendum{font-size:.72rem}}
@media(max-width:620px){.brand-text .brand-company-addendum{font-size:.72rem}}

/* HTML5-Livebetrieb: sichtbarer Fokus und Sprungziele unter Sticky-Navigation */
:focus-visible{outline:3px solid #1560bd;outline-offset:3px}html{scroll-padding-top:105px}

/* Domaincheck · NetMaster Business-Hosting · V2 */
.domaincheck-section{padding-top:75px;padding-bottom:77px}
.domaincheck-head{max-width:830px}.domaincheck-head p{color:#5a6f83;max-width:790px}
.domaincheck-panel{display:grid;grid-template-columns:.88fr 1.12fr;gap:0;overflow:hidden;border-radius:20px;background:#fff;border:1px solid #ccdaea;box-shadow:0 23px 65px rgba(21,62,105,.10)}
.domaincheck-intro{padding:40px 42px 37px;background:linear-gradient(145deg,#153a61 0%,#0e2c4b 100%);color:#fff}
.domaincheck-overline{display:block;font-size:.7rem;letter-spacing:.15em;color:#9dcaff;font-weight:800;margin-bottom:18px}
.domaincheck-intro h3{font-size:clamp(1.75rem,3vw,2.45rem);line-height:1.16;margin-bottom:18px;color:#fff}
.domaincheck-intro h3 span{color:#97c6f8}.domaincheck-intro p{color:#c6dbef;font-size:.92rem;line-height:1.72;max-width:490px}
.domaincheck-highlights{display:flex;flex-wrap:wrap;gap:10px 16px;margin-top:28px}.domaincheck-highlights span{font-size:.77rem;color:#e0efff;font-weight:650}
.domaincheck-action{padding:39px 39px 33px;display:flex;flex-direction:column;justify-content:center}
.domaincheck-action form label{display:block;color:#153852;font-size:.95rem;font-weight:800;margin:0 0 12px}
.domaincheck-form-row{display:flex;align-items:stretch;gap:10px}
.domaincheck-form-row input{font:inherit;flex:1;min-width:0;width:100%;background:#f8fbff;color:#1b3550;border:1.5px solid #c8d7e7;border-radius:10px;outline:0;padding:14px 16px;min-height:53px}
.domaincheck-form-row input:focus{border-color:#2d70c7;box-shadow:0 0 0 3px rgba(45,112,199,.12)}
.domaincheck-form-row .btn{display:inline-flex;align-items:center;justify-content:center;gap:11px;flex:0 0 auto;white-space:nowrap;padding:12px 18px;border:0;cursor:pointer;min-height:53px}
.domaincheck-hint{margin:13px 0 0;font-size:.78rem;line-height:1.55;color:#607a93}
.domaincheck-error{margin:10px 0 0;font-size:.84rem;color:#9a2c3d;font-weight:700}
.domaincheck-existing{border-top:1px solid #dfebf5;margin-top:24px;padding-top:18px;display:flex;flex-direction:column;gap:5px}
.domaincheck-existing strong{font-size:.89rem;color:#1c4264}.domaincheck-existing span{font-size:.86rem;color:#60788f;line-height:1.5}
.website-upsell{display:flex;align-items:center;justify-content:space-between;gap:25px;border-radius:15px;border:1px solid #dce8f4;background:#f4f8fd;padding:30px 34px}
.website-upsell h2{font-size:1.55rem;margin:7px 0 10px}.website-upsell p{color:#5c7186;margin:0;max-width:760px}
.website-upsell .btn{white-space:nowrap}
@media(max-width:1000px){.domaincheck-panel{grid-template-columns:1fr}.domaincheck-intro{padding:30px 34px}.domaincheck-action{padding:33px 34px}.domaincheck-highlights{margin-top:19px}}
@media(max-width:620px){.domaincheck-section{padding-top:55px;padding-bottom:60px}.domaincheck-panel{border-radius:15px}.domaincheck-intro{padding:28px 24px}.domaincheck-action{padding:26px 22px}.domaincheck-form-row{flex-direction:column}.domaincheck-form-row .btn{width:100%}.website-upsell{padding:25px 22px;flex-direction:column;align-items:flex-start}.website-upsell .btn{white-space:normal}}

/* SEO content modules preserve the approved NetMaster layout */
.seo-detail-section p{margin:0 0 1rem;line-height:1.72;color:var(--text-light,#596579)}
.seo-related-inline{margin-top:1.1rem!important;font-weight:600;font-size:.95rem}
.seo-related-inline a{color:var(--primary,#1560bd);text-decoration:underline;text-underline-offset:3px}
.seo-topic-list{list-style:none;margin:1.1rem 0 0;padding:0;display:grid;gap:13px}
.seo-topic-list li{position:relative;padding-left:25px;line-height:1.55;color:var(--text,#22262e)}
.seo-topic-list li::before{content:"✓";position:absolute;left:0;top:0;font-weight:800;color:var(--primary,#1560bd)}


/* Leistungskarten: Im Ruhezustand einheitlich hell; Dunkelblau nur bei Maus-Hover
   und Tastaturfokus. Auf Touch-Geräten kein dauerhaftes Hover-Highlight. */
.solution-card{transition:transform .22s,border-color .22s,box-shadow .22s,background-color .22s,color .22s}
@media (hover:hover) and (pointer:fine){
  .solution-card:hover{background:#102f53;color:#fff;border-color:#102f53;box-shadow:0 18px 46px rgba(12,37,70,.18)}
  .solution-card:hover h3,.solution-card:hover .price-teaser{color:#fff}
  .solution-card:hover p{color:#c7d8ed}
  .solution-card:hover .icon-box{background:rgba(255,255,255,.14);color:#b8e7ff}
  .solution-card:hover .text-link,.solution-card:hover .text-link:hover{color:#b5defe}
  .solution-card:hover .price-teaser{border-color:rgba(255,255,255,.17)}
}
.solution-card:focus-within{background:#102f53;color:#fff;border-color:#102f53;box-shadow:0 18px 46px rgba(12,37,70,.18)}
.solution-card:focus-within h3,.solution-card:focus-within .price-teaser{color:#fff}
.solution-card:focus-within p{color:#c7d8ed}
.solution-card:focus-within .icon-box{background:rgba(255,255,255,.14);color:#b8e7ff}
.solution-card:focus-within .text-link,.solution-card:focus-within .text-link:hover{color:#b5defe}
.solution-card:focus-within .price-teaser{border-color:rgba(255,255,255,.17)}
@media (prefers-reduced-motion:reduce){.solution-card{transition:none}}


/* v3.2: Korrigierter Footer und Fernwartungs-Call-to-Action */
.footer-about-link{display:flex;width:max-content;align-items:center;gap:8px;margin:14px 0 15px;color:#d7eaff;font-size:.87rem;font-weight:720;text-decoration:underline;text-decoration-color:rgba(215,234,255,.35);text-underline-offset:5px}
.footer-about-link:hover,.footer-about-link:focus-visible{color:#fff;text-decoration-color:#fff}
.footer-remote-spot{display:flex;align-items:center;gap:20px;padding:22px 26px;margin-top:42px;background:linear-gradient(110deg,#174a78 0%,#123a63 100%);border:1px solid rgba(148,200,248,.35);border-radius:16px;box-shadow:0 15px 38px rgba(0,0,0,.16)}
.footer-remote-icon{flex:0 0 54px;height:54px;width:54px;display:grid;place-items:center;background:rgba(255,255,255,.12);border-radius:13px;color:#d7eeff}
.footer-remote-copy{flex:1;min-width:0}.footer-remote-copy strong{display:block;color:#fff;font-size:1.02rem;line-height:1.4;font-weight:780}
.footer-remote-copy p{margin:4px 0 0;color:#c7dff2;font-size:.85rem;line-height:1.5}
.footer-remote-button{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:9px;background:#f5fbff;color:#103960!important;padding:12px 17px;border-radius:9px;font-weight:800;font-size:.85rem;text-align:center;min-height:48px;text-decoration:none}
.footer-remote-button:hover{background:#dceeff;color:#0a2c4c!important;transform:translateY(-1px)}
.footer-remote-button:focus-visible{outline-color:#fff}
.service-remote-featured{background:#edf6ff;border:2px solid #95bce8;box-shadow:0 15px 40px rgba(24,93,167,.11)}
.service-remote-featured .icon-box{background:#d8ebff;color:#195ba8}
.service-remote-featured .text-link{font-weight:800;color:#115bab}
@media(max-width:760px){.footer-remote-spot{flex-wrap:wrap;gap:14px;padding:21px}.footer-remote-copy{flex-basis:calc(100% - 74px)}.footer-remote-button{width:100%}}
@media(max-width:620px){.footer-remote-spot{margin-top:32px}}
@media(prefers-reduced-motion:reduce){.footer-remote-button:hover{transform:none}}


/* NetMaster 3.3 – echte Smartphone-Layouts: keine seitlich abgeschnittenen Texte.
   Enthält keine Änderungen an der Desktop-Gestaltung. */
@media (max-width: 930px) {
  .header-inner {gap: 12px;}
  .brand {flex: 0 1 auto; min-width: 0;}
  .brand-text {min-width:0;}
  .brand-text strong, .brand-text .brand-company-addendum {
    white-space:nowrap; overflow-wrap:normal; word-break:normal;
  }
  .nav-toggle {flex: 0 0 44px;}
  .sub-hero-grid, .hero-grid {grid-template-columns:minmax(0,1fr);min-width:0;}
  .sub-hero-grid > *, .hero-grid > * {min-width:0;max-width:100%;}
}
@media (max-width: 620px) {
  .site-header .header-inner {min-width:0;}
  .site-header .brand {max-width:calc(100% - 60px);gap:9px;}
  .site-header .brand-emblem {flex:0 0 49px;}
  .site-header .brand-text strong {font-size:clamp(1.08rem,5vw,1.28rem);line-height:1.1;letter-spacing:-.035em;}
  .site-header .brand-text .brand-company-addendum {font-size:clamp(.63rem,2.8vw,.72rem);letter-spacing:.04em;}
  .sub-hero, .hero {max-width:100%;}
  .sub-hero h1 {font-size:clamp(1.8rem,8.1vw,2.16rem);line-height:1.14;
    letter-spacing:-.045em;max-width:100%;overflow-wrap:break-word;hyphens:auto;}
  .sub-hero .lead {font-size:clamp(1rem,4.25vw,1.12rem);line-height:1.65;
    max-width:100%;overflow-wrap:break-word;hyphens:auto;}
  .sub-hero .eyebrow {font-size:.69rem;letter-spacing:.08em;}
  .breadcrumb {font-size:.78rem;line-height:1.55;}
  .hero h1 {font-size:clamp(2rem,9.1vw,2.75rem);line-height:1.16;overflow-wrap:break-word;hyphens:auto;}
  .section-header h2, .section h2 {overflow-wrap:break-word;hyphens:auto;}
  .pricing-grid > *, .solutions-grid > *, .related-grid > * {min-width:0;}
  .price-card .amount {overflow-wrap:break-word;}
}

/* Kleine Displays: horizontaler Seiten-Scroll durch SVG-Deko / Schatten vermeiden.
   Scrollbare Vergleichstabellen bleiben innerhalb ihres Containers bedienbar. */
@media (max-width: 620px) {
  html, body {overflow-x:clip; max-width:100%;}
  .table-scroller {max-width:100%; min-width:0; overscroll-behavior-x:contain;}
}
