/* DigiPrompt glass surfaces */
.header{background:#0F2747!important;backdrop-filter:blur(18px) saturate(130%);-webkit-backdrop-filter:blur(18px) saturate(130%);border-bottom:1px solid rgba(255,255,255,.16)}
.nav-submenu{background:rgba(15,39,71,.96)!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.22);border-radius:12px;box-shadow:0 16px 40px #07182c55}
.nav nav>a,.nav-dropdown>summary{border-radius:9px;transition:background .2s ease,color .2s ease,transform .2s ease}.nav nav>a:hover,.nav-dropdown>summary:hover,.nav-dropdown[open]>summary{background:rgba(255,255,255,.14);color:#fff}
.button,.small-link,.service-bottom{transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease!important}.button:hover,.small-link:hover,.service-bottom:hover{transform:translateY(-2px);box-shadow:0 9px 20px #0f27472b}
.profile-photo{box-shadow:0 18px 44px rgba(15,39,71,.2);border:1px solid rgba(255,255,255,.8);border-radius:16px}
.project-details{background:linear-gradient(145deg,#f4f6f8,#e6edf3)}.project-intro{max-width:760px;margin-bottom:35px}.project-intro p{margin-top:12px;line-height:1.6}.project-detail{scroll-margin-top:100px;padding:30px 0;border-top:1px solid #cbd5df}.project-detail-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(24px,4vw,60px)}.project-detail-grid img{display:block;width:100%;height:auto;border-radius:14px;box-shadow:0 14px 32px #0f274720}.project-detail-grid .content-card{background:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.9);border-radius:16px;padding:clamp(24px,3vw,38px);box-shadow:0 12px 32px #0f274714;backdrop-filter:blur(16px)}.project-detail-grid h2{margin:8px 0 18px}.project-detail-grid h3{font-size:17px;margin:0 0 12px}.project-detail-grid ul{padding-left:20px;margin:0 0 22px;line-height:1.65}.project-detail-grid li+li{margin-top:6px}
.services .service-grid,.industry-teaser .service-grid,.projects-home .project-grid{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:0!important;padding:18px 8px 28px!important;gap:18px!important;perspective:1200px;scrollbar-width:thin;scrollbar-color:#c05f35 transparent;align-items:stretch}
.services .service-grid>*,.industry-teaser .service-grid>*,.projects-home .project-grid>*{flex:0 0 clamp(275px,32%,360px)!important;scroll-snap-align:start;opacity:.82;transform:scale(.96) rotateY(-3deg);transition:transform .25s ease,opacity .25s ease,box-shadow .25s ease;border-radius:16px!important;background:linear-gradient(145deg,rgba(255,255,255,.84),rgba(228,237,246,.72))!important;border:1px solid rgba(255,255,255,.9)!important;box-shadow:0 12px 30px rgba(15,39,71,.14),inset 0 1px 0 #fff!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:#1f2937}
.services .service-grid>*.is-active,.industry-teaser .service-grid>*.is-active,.projects-home .project-grid>*.is-active{opacity:1;transform:scale(1) rotateY(0)}.industry-teaser .service-grid>* p{color:#435066}.industry-teaser .service-grid>* .service-number{color:#46566a}
.coverflow-controls{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin:0 0 22px}.coverflow-controls button{border:1px solid #b7c4d1;border-radius:50%;width:44px;height:44px;background:rgba(255,255,255,.82);color:#0f2747;font-size:23px;cursor:pointer}.coverflow-controls button:disabled{opacity:.45;cursor:default}.coverflow-controls button:focus-visible{outline:3px solid #c05f35;outline-offset:3px}.coverflow-status{font-size:13px;color:#344458}.industry-teaser .coverflow-status{color:white}.industry-teaser .coverflow-controls button{background:#fff}
@media(max-width:720px){.project-detail-grid{grid-template-columns:1fr;gap:18px}.project-detail{padding:25px 0}.services .service-grid>*,.industry-teaser .service-grid>*,.projects-home .project-grid>*{flex-basis:83%!important}.services .service-grid,.industry-teaser .service-grid,.projects-home .project-grid{margin-right:-16px!important}.project-detail-grid .content-card{padding:22px}}
@media(prefers-reduced-motion:reduce){.button,.small-link,.service-bottom,.nav nav>a,.nav-dropdown>summary,.services .service-grid>*,.industry-teaser .service-grid>*,.projects-home .project-grid>*{transition:none!important;scroll-behavior:auto!important}}

@media (hover:hover){.services .service-grid>*,.industry-teaser .service-grid>*,.projects-home .project-grid>*{filter:blur(.7px);transition:filter .24s ease,transform .24s ease,opacity .24s ease,box-shadow .24s ease!important}.services .service-grid>*:hover,.industry-teaser .service-grid>*:hover,.projects-home .project-grid>*:hover{filter:blur(0);opacity:1;transform:translateY(-6px) scale(1)!important;box-shadow:0 18px 34px rgba(15,39,71,.24)!important}.services .service-grid>*:focus-within,.industry-teaser .service-grid>*:focus-within,.projects-home .project-grid>*:focus-within{filter:none;opacity:1;transform:scale(1)!important}}
@media(prefers-reduced-motion:reduce){.services .service-grid>*,.industry-teaser .service-grid>*,.projects-home .project-grid>*{transition:none!important}}
.header{position:sticky;top:0;z-index:100}

/* ===== Liquid Glass v1 Unterseiten (2026-11-08) ===== */
:root{--lg-glass:rgba(255,255,255,.55);--lg-glass-strong:rgba(255,255,255,.72);--lg-edge:rgba(255,255,255,.75);
--lg-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 -1px 0 rgba(15,39,71,.06) inset,0 18px 40px -18px rgba(15,39,71,.28);--lg-blur:blur(22px) saturate(170%);--lg-radius:22px}
body{background:radial-gradient(60vw 50vw at 8% 18%,rgba(192,95,53,.10),transparent 60%),radial-gradient(55vw 45vw at 92% 40%,rgba(15,39,71,.12),transparent 62%),radial-gradient(50vw 40vw at 30% 85%,rgba(120,160,210,.14),transparent 60%),#f3f6fa fixed}
.header{position:sticky;top:0;z-index:50;background:#0F2747!important;box-shadow:0 10px 30px -12px rgba(7,24,44,.5)}
.nav-submenu{border-radius:18px!important}
.button{border-radius:999px!important}
.button:not(.whatsapp-button){box-shadow:0 1px 0 rgba(255,255,255,.45) inset,0 -2px 6px rgba(0,0,0,.12) inset,0 10px 24px -10px rgba(192,95,53,.7)}
.small-link,.light-link{border-radius:999px!important}
.whatsapp-button,.whatsapp-float{background:#25D366!important;color:#fff!important;border-radius:999px!important}
.service,.project-card,.price-card,.content-card,.example-card,.faq details,.website-example,.section-order-cta{
 -webkit-backdrop-filter:var(--lg-blur);backdrop-filter:var(--lg-blur);border-radius:var(--lg-radius)!important;box-shadow:var(--lg-shadow)!important}
.service:hover,.project-card:hover{box-shadow:0 1px 0 #fff inset,0 26px 50px -20px rgba(15,39,71,.38)!important}
.project-card img,.project-detail-grid img{border-radius:calc(var(--lg-radius) - 8px)}
@media (prefers-reduced-transparency:reduce){.service,.project-card,.price-card,.content-card,.example-card,.faq details{-webkit-backdrop-filter:none;backdrop-filter:none}}
.section-order-cta strong{color:#0F2747!important}
/* Navigation-Grundlayout auch für Seiten ohne Inline-Styles (Wissen, Rechtliches) */
.header{color:#fff}.header .wrap{max-width:1200px;width:calc(100% - 80px);margin:auto}
.nav{display:flex;align-items:center;gap:24px;min-height:86px}.nav img{width:88px;height:57px;object-fit:contain}
.nav nav{display:flex;align-items:center;gap:23px;margin-left:auto;font-size:12px;font-weight:600;color:#fff}.nav nav a{color:#fff}.menu-toggle{display:none}
@media(max-width:720px){.header .wrap{width:calc(100% - 40px)}.nav{min-height:74px;justify-content:space-between}.nav img{width:76px;height:50px}.menu-toggle{display:block;background:transparent;color:#fff;border:1px solid #ffffff50;padding:10px 14px;border-radius:999px;min-height:44px}.nav nav{display:none;position:absolute;left:0;right:0;top:74px;background:#0F2747;z-index:5;padding:20px;font-size:15px}.nav nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:0}.nav nav a{padding:13px}}

/* Performance: ruhiges Scrollen (2026-11-08) */
body{background-attachment:scroll!important}
:root{--lg-glass:rgba(255,255,255,.74);--lg-glass-strong:rgba(255,255,255,.86)}
.service,.project-card,.price-card,.content-card,.example-card,.map-panel,.faq details,.website-example,.section-order-cta,.benefits,.compact-footer,.sticky-inquiry,.hero-note,.about .about-method,.industry-teaser .service,.services .service-grid>*,.industry-teaser .service-grid>*,.projects-home .project-grid>*,.project-detail-grid .content-card{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.website .price-card:after{animation:none!important}
@media (hover:hover){.website .price-card:hover:after{animation:lg-spin 9s linear infinite!important}}

/* Kontakt-Buttons (2026-11-08) */
a.contact-btn{display:inline-flex!important;align-items:center;gap:10px;width:auto!important;margin:0 12px 12px 0!important;padding:14px 24px 14px 20px!important;border-radius:999px!important;color:#fff!important;font-weight:700;font-size:16px!important;line-height:1.2;text-decoration:none!important;border:0!important;box-shadow:0 1px 0 rgba(255,255,255,.3) inset,0 10px 24px -12px rgba(15,39,71,.6);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
a.contact-btn:hover{transform:translateY(-2px)}
a.contact-btn:before{content:'';width:20px;height:20px;flex:0 0 20px;background:currentColor;-webkit-mask:var(--ico) center/contain no-repeat;mask:var(--ico) center/contain no-repeat}
a.contact-btn-mail{background:#0F2747!important;--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3 7 9 6 9-6'/%3E%3C/svg%3E")}
a.contact-btn-mail:hover{background:#1d3c63!important}
a.contact-btn-tel{background:#C05F35!important;--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.4 1.8.7 2.7a2 2 0 0 1-.5 2.1L8 9.8a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.7.7a2 2 0 0 1 1.7 2z'/%3E%3C/svg%3E")}
a.contact-btn-tel:hover{background:#a94f29!important}
a.contact-btn:focus-visible{outline:3px solid #C05F35;outline-offset:3px}
@media(max-width:720px){a.contact-btn{font-size:15px!important;padding:13px 20px 13px 16px!important}}

/* Kontrast WCAG AA (2026-11-08) */
.whatsapp-button,.whatsapp-button:hover,.whatsapp-float,.whatsapp-float:hover{background:#0E7A3E!important;color:#fff!important}
.whatsapp-button:hover,.whatsapp-float:hover{background:#0A6633!important}
a.contact-btn-tel,.about .small-link,.small-link:hover{background:#A94F29!important;color:#fff!important}
a.contact-btn-tel:hover,.about .small-link:hover{background:#8F4122!important}