/* ===== Shared structure for *automatik skins (tokens come from the site layer) ===== */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 16px);-webkit-text-size-adjust:100%;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--ink);font:400 1.0625rem/1.65 var(--font-body);-webkit-font-smoothing:antialiased;overflow-x:clip}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-underline-offset:.22em}
a,button,summary{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
h1,h2,h3,h4{font-family:var(--font-display);color:var(--ink);margin:0;font-weight:var(--display-weight,650);text-transform:var(--display-case,none);letter-spacing:var(--display-track,-.02em);text-wrap:balance}
p{margin:0 0 1em}
ul,ol{margin:0;padding:0}
::selection{background:var(--hl);color:var(--hl-ink)}
:focus-visible{outline:3px solid var(--focus,var(--hl));outline-offset:3px;border-radius:6px}
.wrap{width:min(var(--max,1240px),100% - 2*var(--gutter));margin-inline:auto}
.skip{position:absolute;left:16px;top:-80px;z-index:200;background:var(--ink);color:var(--bg);padding:12px 18px;border-radius:10px;text-decoration:none;font-weight:700}
.skip:focus{top:12px}
.px-icon{width:1.25em;height:1.25em;flex:none}
.lead{font-size:clamp(1.06rem,1rem + .3vw,1.2rem);line-height:1.68;color:var(--ink-2);max-width:60ch}
.micro{font-size:.85rem;color:var(--ink-3)}
.section{padding-block:var(--section)}
.section-heading{max-width:820px;margin-bottom:clamp(36px,5vw,64px)}
.section-heading h2{margin-bottom:18px}
.section-heading .lead{margin-bottom:0}
.check-list{list-style:none;display:grid;gap:12px}
.check-list li{display:flex;gap:12px;align-items:flex-start;line-height:1.5}
.check-list .px-icon{width:20px;height:20px;margin-top:2px;flex:none;color:var(--accent)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:12px 24px;border-radius:var(--btn-radius,999px);border:1.5px solid var(--accent);background:var(--accent);color:var(--accent-ink);font:650 .98rem/1.2 var(--font-body);text-decoration:none;cursor:pointer;transition:transform .2s var(--ease),background-color .2s,border-color .2s,color .2s,box-shadow .2s}
.button .px-icon{width:18px;height:18px;transition:transform .25s var(--ease)}
.button:hover{background:var(--accent-2);border-color:var(--accent-2);transform:translateY(-1px)}
.button:hover .px-icon{transform:translate(2px,-2px)}
.button:active{transform:scale(.98)}
.button-lg{min-height:58px;padding:14px 30px;font-size:1.04rem}
.button-outline{background:transparent;color:var(--ink);border-color:var(--line-strong)}
.button-outline:hover{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.button[disabled]{opacity:.5;cursor:not-allowed;transform:none}
.text-link{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-weight:650;color:var(--link,var(--ink));text-decoration:underline;text-decoration-color:color-mix(in srgb,currentColor 35%,transparent);text-underline-offset:.3em;transition:text-decoration-color .2s}
.text-link:hover{text-decoration-color:currentColor}

/* Header */
.site-header-bar{position:sticky;top:0;z-index:60;background:var(--header-bg);-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3);border-bottom:1px solid transparent;transition:border-color .25s,background-color .25s,box-shadow .25s}
.site-header-bar.is-scrolled{border-bottom-color:var(--line)}
.site-header.header{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:var(--header-h);padding:0;position:relative}
.brand.brand-identity{display:inline-flex;align-items:center;gap:10px;text-decoration:none;min-height:44px;flex:none}
.brand-identity .brand-logo{width:34px;height:34px;flex-basis:34px}
.site-header .brand .brand-name,.site-footer .brand .brand-name{font:var(--display-weight,650) 1.25rem/1 var(--font-display)!important;letter-spacing:-.02em!important;color:var(--ink)}
#primary-navigation{display:flex;align-items:center;gap:16px}
.nav-links{display:flex;align-items:center;gap:2px}
.nav-links a{display:inline-flex;white-space:nowrap;align-items:center;min-height:44px;padding:8px 12px;border-radius:999px;font-size:.94rem;font-weight:550;color:var(--ink-2);text-decoration:none;transition:color .2s,background-color .2s}
.nav-links a:hover{color:var(--ink);background:var(--hover,rgba(0,0,0,.05))}
.nav-links a[aria-current=page]{color:var(--hl-ink);background:var(--hl)}
.nav-links a.language{width:44px;justify-content:center;padding:0;margin-left:6px;border:1px solid var(--line-strong);font-size:.78rem;font-weight:750;letter-spacing:.05em;color:var(--ink)}
.nav-cta{min-height:44px;padding:10px 18px;font-size:.92rem}
.mobile-nav-toggle{display:none}
.mobile-nav-toggle[hidden]{display:none!important}
@media (max-width:1200px) and (min-width:1081px){.nav-links a{padding:8px 9px;font-size:.9rem}#primary-navigation{gap:10px}}
@media (max-width:1080px){
 :root{--header-h:66px}
 .site-header.mobile-nav-ready .mobile-nav-toggle{display:inline-flex;align-items:center;gap:10px;min-height:44px;min-width:44px;padding:8px 16px 8px 14px;margin-left:auto;border:1px solid var(--line-strong);border-radius:999px;background:var(--surface);color:var(--ink);font:650 .92rem/1 var(--font-body);cursor:pointer}
 .mobile-nav-toggle[aria-expanded=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
 .mobile-nav-icon{position:relative;display:block;width:18px;height:12px}
 .mobile-nav-icon span{position:absolute;left:0;width:100%;height:2px;border-radius:2px;background:currentColor;transition:transform .25s var(--ease),opacity .2s,top .25s var(--ease)}
 .mobile-nav-icon span:nth-child(1){top:0}.mobile-nav-icon span:nth-child(2){top:5px}.mobile-nav-icon span:nth-child(3){top:10px}
 .mobile-nav-toggle[aria-expanded=true] .mobile-nav-icon span:nth-child(1){top:5px;transform:rotate(45deg)}
 .mobile-nav-toggle[aria-expanded=true] .mobile-nav-icon span:nth-child(2){opacity:0}
 .mobile-nav-toggle[aria-expanded=true] .mobile-nav-icon span:nth-child(3){top:5px;transform:rotate(-45deg)}
 .site-header.mobile-nav-ready #primary-navigation{position:fixed;left:0;right:0;top:var(--header-h);bottom:0;z-index:59;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;gap:24px;padding:16px var(--gutter) max(24px,env(safe-area-inset-bottom));background:var(--bg);overflow-y:auto;overscroll-behavior:contain;border-top:1px solid var(--line);animation:navIn .28s var(--ease)}
 .site-header.mobile-nav-ready #primary-navigation[hidden]{display:none!important}
 .site-header.mobile-nav-ready .nav-links{flex-direction:column;align-items:stretch;gap:0}
 .site-header.mobile-nav-ready .nav-links a{min-height:60px;padding:10px 2px;border-radius:0;border-bottom:1px solid var(--line);font:var(--display-weight,650) clamp(1.35rem,1.1rem + 1.4vw,1.8rem)/1.2 var(--font-display);text-transform:var(--display-case,none);letter-spacing:var(--display-track,-.02em);color:var(--ink);background:none;justify-content:space-between}
 .site-header.mobile-nav-ready .nav-links a::after{content:"→";font:400 1.1rem var(--font-body);color:var(--ink-3)}
 .site-header.mobile-nav-ready .nav-links a[aria-current=page]{color:var(--accent);background:none}
 .site-header.mobile-nav-ready .nav-links a.language{width:auto;margin:0;border:0;border-bottom:1px solid var(--line);font:700 1rem var(--font-body);letter-spacing:.06em;color:var(--ink-2);text-transform:none}
 .site-header.mobile-nav-ready .nav-links a.language::before{content:"Sprache / Language";font:500 .95rem var(--font-body);letter-spacing:0;color:var(--ink-3);margin-right:auto}
 .site-header.mobile-nav-ready .nav-links a.language::after{content:none}
 .site-header.mobile-nav-ready .nav-cta{width:100%;min-height:58px;font-size:1.04rem;flex:none}
 html.nav-open,html.nav-open body{overflow:hidden}
 html.nav-open .site-header-bar{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--bg);border-bottom-color:var(--line)}
 html.nav-open #site-assistant{display:none}
 .site-header:not(.mobile-nav-ready) #primary-navigation{flex-wrap:wrap}
}
@keyframes navIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}

/* Shared blocks */
.experience-entry{display:grid;grid-template-columns:minmax(0,1.4fr) auto;gap:32px;align-items:center;padding:clamp(28px,4vw,48px);border-radius:var(--radius-lg);position:relative;overflow:hidden;isolation:isolate}
.experience-entry h2{font-size:clamp(1.6rem,1.2rem + 1.6vw,2.4rem);margin:0 0 10px;max-width:24ch}
.experience-entry p{margin:0;max-width:56ch}
.experience-entry-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;justify-content:flex-end}
.service-top{display:flex;align-items:center;justify-content:space-between}
.service-icon{display:grid;place-items:center;flex:none}
.service-icon .px-icon{width:24px;height:24px}
.service-card h3{margin-bottom:10px}
.service-card p{margin:0}
.offer{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);margin-top:20px;padding:clamp(28px,4vw,52px);border-radius:var(--radius-lg)}
.offer h3{font-size:clamp(1.4rem,1.2rem + .8vw,1.9rem);margin-bottom:22px}
.offer-note{display:flex;flex-direction:column;justify-content:space-between;gap:28px}
.boundary{display:flex;gap:12px;margin:0;font-size:.97rem}
.boundary .px-icon{margin-top:2px;width:22px;height:22px}
.offer-note .button{align-self:flex-start}
.process-grid{list-style:none;margin:0}
.process-step h3{margin-bottom:10px}
.process-step p{margin:0}
.demo-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,88px);align-items:center}
.demo-copy h2{margin-bottom:18px}
.demo-copy .lead{margin-bottom:30px}
.demo-frame{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--line);background:#fff}
#demo iframe{display:block;border:0;width:100%;max-width:100%}
.packages-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start;margin:0}
.package-card{position:relative;display:flex;flex-direction:column;min-width:0}
.package-head{margin-bottom:22px}
.package-index{display:inline-block;margin-bottom:14px}
.package-head p{margin:0}
.package-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin:0 0 20px;padding-top:20px}
.package-price strong{font-variant-numeric:tabular-nums}
.package-price small{flex-basis:100%;font-size:.8rem}
.package-setup{display:flex;align-items:center;gap:8px;margin:-6px 0 22px;font-size:.88rem;font-weight:650}
.package-setup span{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;font-weight:800;line-height:1}
.package-card>.button{width:100%;margin-bottom:26px}
.package-card .check-list{font-size:.95rem;gap:11px}
.package-more{margin-top:14px}
.package-more summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;list-style:none;cursor:pointer;font-weight:650;font-size:.92rem;padding-top:12px}
.package-more summary::-webkit-details-marker{display:none}
.package-more summary .px-icon{width:18px;height:18px;transition:transform .25s var(--ease)}
.package-more[open] summary .px-icon{transform:rotate(45deg)}
.package-more .check-list{margin-top:12px}
.faq{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,6vw,96px);align-items:start}
.faq-intro{position:sticky;top:calc(var(--header-h) + 32px)}
.faq-intro h2{margin-bottom:22px}
.faq-list{display:grid}
.faq summary{display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;cursor:pointer}
.faq summary::-webkit-details-marker{display:none}
.faq summary .px-icon{flex:none;transition:transform .3s var(--ease),background-color .25s,color .25s}
.faq details[open] summary .px-icon{transform:rotate(45deg)}
.faq details p{margin:0}
.closing{padding:0;margin-block:0 var(--section)}
.closing-inner{position:relative;overflow:hidden;isolation:isolate;padding:clamp(44px,7vw,100px) clamp(28px,6vw,88px);border-radius:var(--radius-lg)}
.closing h2{max-width:18ch;margin:0 0 18px;font-size:clamp(2.1rem,1.4rem + 3vw,4rem)}
.closing p{max-width:60ch;margin:0 0 34px}
.closing-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px}
.closing-mail{font-weight:650;min-height:44px;display:inline-flex;align-items:center;overflow-wrap:anywhere}

/* Footer */
.site-footer-bar{background:var(--footer-bg);color:var(--footer-ink-2);padding-top:clamp(48px,6vw,80px)}
.site-footer.footer{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:40px 80px;padding:0 0 48px;border:0}
.site-footer .brand .brand-name{color:var(--footer-ink)}
.footer-brand p{margin:18px 0 14px;max-width:44ch;font-size:.95rem}
.footer-mail{color:var(--footer-ink);font-weight:650;display:inline-flex;min-height:44px;align-items:center}
.site-footer nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px 24px;align-content:start}
.site-footer nav a{display:flex;align-items:center;min-height:44px;color:var(--footer-ink-2);text-decoration:none;font-size:.95rem}
.site-footer nav a:hover{color:var(--footer-ink);text-decoration:underline}
.footer-base{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 24px;padding-block:22px max(22px,env(safe-area-inset-bottom));border-top:1px solid var(--footer-line);font-size:.82rem}
.footer-base small{font-size:inherit}
.footer-base a{color:var(--footer-ink-2)}

/* Inner pages */
.page-heading{padding-block:clamp(40px,6vw,88px) clamp(24px,3vw,40px)}
.page-heading h1{max-width:20ch;margin-bottom:22px;font-size:clamp(2.3rem,1.5rem + 3.2vw,4.25rem)}
.page-heading .prose{max-width:70ch;margin-top:28px;color:var(--ink-2)}
body:not([data-page=home]) main>.section.wrap:not(.page-heading){padding-top:clamp(24px,3vw,40px)}
.prose{line-height:1.75}
.contact-section{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(28px,5vw,72px);align-items:start}
.contact-section>div:first-child{position:sticky;top:calc(var(--header-h) + 24px);padding:clamp(24px,3vw,36px);border-radius:var(--radius-lg);background:var(--card-dark,var(--ink));color:var(--card-dark-ink-2,rgba(255,255,255,.8))}
.contact-section>div:first-child h2{color:var(--card-dark-ink,#fff);font-size:clamp(1.6rem,1.3rem + 1vw,2.2rem);margin-bottom:14px}
.contact-section>div:first-child a{color:var(--card-dark-link,#fff);font-weight:700;display:inline-flex;min-height:44px;align-items:center;overflow-wrap:anywhere}
.contact-section>div:first-child p{font-size:.97rem}
.contact-section>div:last-child{padding:clamp(24px,3.5vw,44px);border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line)}
.contact-section form{display:grid;gap:18px}
.contact-section label{display:block;font-size:.93rem;font-weight:650;color:var(--ink)}
.contact-section input:not([type=checkbox]),.contact-section textarea{display:block;width:100%;margin-top:8px;min-height:52px;padding:13px 16px;border:1.5px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--field-bg,var(--bg));font:400 1rem/1.4 var(--font-body);color:var(--ink);transition:border-color .2s,box-shadow .2s}
.contact-section textarea{min-height:150px;resize:vertical}
.contact-section input:not([type=checkbox]):focus,.contact-section textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 18%,transparent)}
.contact-section label.consent{display:flex;gap:12px;align-items:flex-start;font-weight:400;font-size:.92rem;color:var(--ink-2)}
.contact-section label.consent a{color:var(--accent)}
.contact-section [type=checkbox]{width:22px;height:22px;margin:1px 0 0;flex:none;accent-color:var(--accent)}
.contact-section button.button{justify-self:start}
.form-status{padding:16px 18px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--accent) 10%,var(--surface));border:1px solid var(--accent);color:var(--ink)}
.trap{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.legal{max-width:860px;overflow-wrap:anywhere}
.legal .prose,.legal p{white-space:pre-line;color:var(--ink-2)}

/* Blog */
.journal-head{padding-block:clamp(40px,6vw,88px) 32px}
.journal-head h1{max-width:18ch}
.journal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-bottom:var(--section)}
.journal-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);padding:14px 14px 28px;transition:transform .3s var(--ease),box-shadow .3s}
.journal-card:hover{transform:translateY(-3px)}
.journal-card>:not(.journal-image){padding-inline:12px}
.journal-card time{display:block;color:var(--ink-3);font-size:.85rem;margin-top:12px}
.journal-card h2{font-size:clamp(1.35rem,1.1rem + .8vw,1.8rem);margin:10px 0 12px}
.journal-card h2 a{text-decoration:none}
.journal-card p{color:var(--ink-2)}
.journal-image{margin:0}.journal-image img{border-radius:var(--radius);width:100%}
.journal-image figcaption{font-size:.78rem;color:var(--ink-3);margin-top:8px}
.journal-article{max-width:860px;padding-bottom:24px}
.journal-breadcrumb{padding-top:32px;font-size:.9rem;color:var(--ink-3)}
.journal-article h1{font-size:clamp(2.1rem,1.4rem + 2.8vw,3.6rem);margin:12px 0 18px}
.journal-body{color:var(--ink-2)}
.journal-body h2{font-size:clamp(1.4rem,1.2rem + .8vw,1.8rem);margin:40px 0 14px}
.journal-body ul{padding-left:1.2em;margin-bottom:1em}
.journal-next{display:grid;border-top:1px solid var(--line);margin-top:48px;padding-top:24px;margin-bottom:var(--section)}
.journal-next h2{font-size:1.5rem;margin-bottom:8px}
.journal-next a{display:flex;min-height:44px;align-items:center;font-weight:650;color:var(--accent)}

/* Werkstatt & simulation */
#workbench[data-brand][data-lang]{--wb-accent:var(--accent);--wb-ink:var(--ink);--wb-bg:var(--bg);--wb-line:var(--line-strong);font-family:var(--font-body);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:clamp(18px,3vw,36px);width:min(var(--max,1240px),100% - 2*var(--gutter));margin:0 auto var(--section)}
#workbench h2,#workbench h3{font-family:var(--font-display)}
#workbench button{border-radius:var(--btn-radius,999px);padding-inline:20px}
#workbench input,#workbench textarea,#workbench select{border-radius:var(--radius-sm)}
.workflow-simulation[data-brand]{--accent:var(--accent-sim,var(--accent));--sim-ink:var(--ink);--sim-muted:var(--ink-2);--sim-line:var(--line-strong);font-family:var(--font-body);max-width:var(--max,1240px);padding:0 var(--gutter);margin:0 auto var(--section);color:var(--ink)}
.workflow-simulation h2,.workflow-simulation h3{font-family:var(--font-display)}
.workflow-simulation button{border-radius:var(--btn-radius,999px)}
.workflow-simulation .sim-workbench{background:var(--surface);border-color:var(--line);box-shadow:none}
.workflow-simulation[data-brand] .sim-output{background:var(--bg-2)}
body .workflow-simulation .sim-notice,body .workflow-simulation .sim-footnote{color:var(--ink-2)}
body .workflow-simulation .sim-crosslink{color:var(--accent)}

/* Site assistant */
#site-assistant{right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));background:var(--surface);border:1px solid var(--line);border-radius:22px;box-shadow:0 18px 44px -16px rgba(0,0,0,.35);color:var(--ink);font-family:var(--font-body)}
#site-assistant summary{display:flex;align-items:center;gap:10px;list-style:none;background:var(--ink);color:var(--bg);border-radius:21px;padding:12px 18px 12px 14px;font:650 .92rem/1.2 var(--font-body);cursor:pointer}
#site-assistant summary::-webkit-details-marker{display:none}
#site-assistant summary::before{content:"?";display:grid;place-items:center;width:24px;height:24px;flex:none;border-radius:50%;background:var(--hl);color:var(--hl-ink);font:800 .85rem/1 var(--font-body)}
#site-assistant details[open] summary{border-radius:21px 21px 0 0}
#site-assistant details[open]{width:min(24rem,calc(100vw - 32px))}
#site-assistant input{border-radius:var(--radius-sm);border:1.5px solid var(--line-strong);background:var(--bg);color:var(--ink)}
#site-assistant button{border-radius:999px;background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
#site-assistant a{color:var(--accent)}
#site-assistant section{border-top-color:var(--line)}

/* Motion */
@media (prefers-reduced-motion:no-preference){
 @supports (animation-timeline:view()){
  .service-card,.process-step,.package-card,.faq-list details,.journal-card{animation:rise linear both;animation-timeline:view();animation-range:entry 0% entry 30%}
 }
}
@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Responsive structure */
@media (max-width:1080px){
 .packages-grid{grid-template-columns:1fr;max-width:640px;margin-inline:auto}
 .faq{grid-template-columns:1fr}
 .faq-intro{position:static}
 .demo-section{grid-template-columns:1fr}
 .site-footer.footer{grid-template-columns:1fr}
}
@media (max-width:860px){
 .experience-entry{grid-template-columns:1fr}
 .experience-entry-actions{justify-content:flex-start}
 .offer{grid-template-columns:1fr}
 .contact-section{grid-template-columns:1fr}
 .contact-section>div:first-child{position:static}
 .journal-grid{grid-template-columns:1fr}
}
@media (max-width:600px){
 :root{--gutter:18px}
 body{font-size:1rem}
 .hero-actions{flex-direction:column;align-items:stretch}
 .hero-actions .button{width:100%}
 .hero-actions .text-link{justify-content:center}
 .experience-entry-actions{flex-direction:column;align-items:stretch}
 .experience-entry-actions .button{width:100%}
 .offer-note .button,.closing-actions .button,.contact-section button.button{width:100%}
 .site-footer nav{grid-template-columns:repeat(2,minmax(0,1fr))}
 .footer-base{padding-bottom:max(92px,env(safe-area-inset-bottom))}
 #site-assistant details:not([open]) summary{width:54px;height:54px;min-height:54px;padding:0;justify-content:center;border-radius:50%;font-size:0;gap:0}
 #site-assistant details:not([open]) summary::before{width:30px;height:30px;font-size:1rem}
 #site-assistant:has(details:not([open])){border-radius:50%;border:0}
}
@media (max-width:380px){
 .mobile-nav-label{display:none}
 .site-header.mobile-nav-ready .mobile-nav-toggle{padding:8px 13px}
}
@media print{.site-header-bar,#site-assistant,.closing{display:none}body{background:#fff;color:#000}}
/* ===== Site layer ===== */

/* Telefonautomatik: night switchboard. */
@font-face{font-family:"Archivo";src:url(/assets/font-display) format("woff2");font-weight:400 800;font-stretch:62% 125%;font-display:swap}
@font-face{font-family:"Instrument Sans";src:url(/assets/font-body) format("woff2");font-weight:400 700;font-stretch:75% 100%;font-display:swap}
:root{
 --navy:#0D1520;--navy-2:#142031;--navy-3:#1C2B40;
 --bg:#F2F0EB;--bg-2:#E7E3DA;--surface:#FFFFFF;--surface-2:#F8F6F2;
 --ink:#111A26;--ink-2:#465263;--ink-3:#6A7584;
 --accent:#F2A21B;--accent-2:#DB8D06;--accent-ink:#1A1205;
 --signal:#4FD1C1;--hl:#F2A21B;--hl-ink:#1A1205;
 --line:rgba(17,26,38,.12);--line-strong:rgba(17,26,38,.24);--hover:rgba(255,255,255,.07);
 --radius-sm:10px;--radius:16px;--radius-lg:22px;--btn-radius:12px;
 --font-display:"Archivo",ui-sans-serif,system-ui,sans-serif;--font-body:"Instrument Sans",ui-sans-serif,system-ui,sans-serif;
 --display-weight:700;--display-track:-.02em;
 --section:clamp(76px,9vw,124px);--gutter:clamp(20px,4vw,48px);--header-h:72px;--max:1240px;
 --ease:cubic-bezier(.2,.7,.2,1);
 --header-bg:rgba(13,21,32,.94);
 --footer-bg:#0D1520;--footer-ink:#EEF2F6;--footer-ink-2:rgba(238,242,246,.66);--footer-line:rgba(238,242,246,.12);
 --card-dark:#0D1520;--card-dark-link:#F2A21B;--field-bg:#F8F6F2;
}
h1,h2,h3{font-stretch:112%}
h1{font-size:clamp(2.4rem,1.5rem + 3.4vw,4.5rem);line-height:1}
h2{font-size:clamp(1.9rem,1.3rem + 2.2vw,3.1rem);line-height:1.05}
h3{font-size:clamp(1.15rem,1rem + .45vw,1.38rem);line-height:1.2;font-stretch:100%}
.eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0 0 18px;font:700 .76rem/1.2 var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:var(--accent-2)}
.eyebrow::before{content:"";width:18px;height:3px;border-radius:2px;background:var(--accent)}
.button{font-weight:700}
.text-link{--link:var(--ink)}
/* dark header */
.site-header-bar{border-bottom-color:rgba(255,255,255,.06)}
.site-header .brand .brand-name{color:#EEF2F6!important;font-stretch:115%}
.site-header .brand-identity .brand-logo{filter:brightness(0) invert(1)}
.nav-links a{color:rgba(238,242,246,.72)}
.nav-links a:hover{color:#fff;background:rgba(255,255,255,.07)}
.nav-links a[aria-current=page]{background:var(--accent);color:var(--accent-ink)}
.nav-links a.language{border-color:rgba(255,255,255,.25);color:#fff}
@media (max-width:1080px){
 .site-header.mobile-nav-ready .mobile-nav-toggle{background:var(--navy-2);color:#fff;border-color:rgba(255,255,255,.2)}
 .mobile-nav-toggle[aria-expanded=true]{background:var(--accent)!important;color:var(--accent-ink)!important;border-color:var(--accent)!important}
 .site-header.mobile-nav-ready #primary-navigation{background:var(--navy);border-top-color:rgba(255,255,255,.08)}
 .site-header.mobile-nav-ready .nav-links a{color:#EEF2F6;border-bottom-color:rgba(255,255,255,.1)}
 .site-header.mobile-nav-ready .nav-links a[aria-current=page]{color:var(--accent)}
 .site-header.mobile-nav-ready .nav-links a.language{color:rgba(238,242,246,.7);border-bottom-color:rgba(255,255,255,.1)}
 html.nav-open .site-header-bar{background:var(--navy)}
}

/* Hero (dark) */
.tel-hero{position:relative;background:var(--navy);color:#EEF2F6;padding-block:clamp(40px,6vw,92px) clamp(64px,8vw,120px);overflow:hidden;isolation:isolate}
.tel-hero::before{content:"";position:absolute;right:-10%;top:-30%;width:70%;height:140%;background:radial-gradient(closest-side,rgba(242,162,27,.18),transparent 70%);z-index:-1}
.tel-hero::after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,rgba(242,162,27,.5),transparent)}
.tel-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(36px,5vw,80px);align-items:center}
.tel-tag{display:inline-flex;align-items:center;gap:10px;margin:0 0 26px;padding:8px 14px;border-radius:999px;background:rgba(242,162,27,.12);border:1px solid rgba(242,162,27,.35);font:600 .86rem/1.2 var(--font-body);color:#F7C774}
.tel-tag .px-icon{width:16px;height:16px}
.tel-hero h1{color:#fff;margin-bottom:24px;max-width:14ch}
.tel-hero .lead{color:rgba(238,242,246,.74);margin-bottom:36px}
.tel-hero .text-link{--link:#fff}
.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px}
.tel-stage{position:relative;margin:0;min-width:0;padding:0 0 40px 70px}
.tel-photo{border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:4/4.4;box-shadow:0 40px 80px -30px rgba(0,0,0,.7)}
.tel-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.call-card{position:absolute;left:0;bottom:0;width:min(360px,78%);padding:18px;border-radius:var(--radius-lg);background:rgba(20,32,49,.94);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 60px -20px rgba(0,0,0,.7);color:#EEF2F6}
.call-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.call-head b{display:block;font:700 .98rem/1.2 var(--font-display);font-stretch:110%}
.call-head small{display:block;font-size:.76rem;color:rgba(238,242,246,.6);font-variant-numeric:tabular-nums}
.call-pulse{position:relative;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--signal);color:var(--navy);flex:none}
.call-pulse .px-icon{width:19px;height:19px}
.call-pulse::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid var(--signal);opacity:0;animation:ring 1.8s ease-out infinite}
@keyframes ring{0%{transform:scale(.8);opacity:.8}100%{transform:scale(1.35);opacity:0}}
.call-live{margin-left:auto;padding:4px 8px;border-radius:6px;background:rgba(79,209,193,.16);color:var(--signal);font:700 .66rem/1 var(--font-body);letter-spacing:.12em}
.wave{display:flex;align-items:center;gap:3px;height:36px;margin-bottom:14px;padding:0 4px}
.wave i{flex:1;height:30%;border-radius:2px;background:var(--accent);animation:wave 1.1s ease-in-out infinite}
.wave i:nth-child(3n){animation-delay:-.2s;height:60%}.wave i:nth-child(4n){animation-delay:-.45s;height:85%}.wave i:nth-child(5n){animation-delay:-.7s;height:45%}.wave i:nth-child(7n){animation-delay:-.9s;height:70%}
@keyframes wave{0%,100%{transform:scaleY(.45)}50%{transform:scaleY(1)}}
.call-card dl{display:grid;gap:0;margin:0;border-top:1px solid rgba(255,255,255,.1)}
.call-card dl div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:10px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:.84rem}
.call-card dt{color:rgba(238,242,246,.55)}
.call-card dd{margin:0;font-weight:600}
.call-card dl div:last-child{border-bottom:0}
.call-card dl div:last-child dd{color:var(--accent)}
.tel-stage figcaption{position:absolute;right:0;bottom:8px;font-size:.74rem;color:rgba(238,242,246,.5)}

/* Hours band */
.tel-hours{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,5vw,72px);align-items:center;margin-top:clamp(56px,7vw,96px);padding:clamp(26px,3.5vw,44px);border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line)}
.hours-copy h2{font-size:clamp(1.5rem,1.2rem + 1.2vw,2.2rem)}
.hours-track{display:grid;grid-template-columns:8fr 4fr 1.5fr 4.5fr 6fr;height:46px;border-radius:12px;overflow:hidden;gap:3px}
.seg{display:block}
.seg-team{background:var(--navy)}
.seg-off{background:repeating-linear-gradient(135deg,var(--accent) 0 10px,#F5B547 10px 20px)}
.hours-scale{display:flex;justify-content:space-between;margin-top:8px;font:600 .74rem/1 var(--font-body);color:var(--ink-3);font-variant-numeric:tabular-nums}
.hours-legend{list-style:none;display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:16px;font-size:.88rem;color:var(--ink-2)}
.hours-legend li{display:flex;align-items:center;gap:8px}
.hours-legend i{display:inline-block;width:18px;height:12px;border-radius:3px}

/* Try it */
.experience-entry{margin-top:20px;background:var(--navy);color:#EEF2F6}
.experience-entry h2{color:#fff}
.experience-entry p{color:rgba(238,242,246,.72)}
.experience-entry .eyebrow{color:var(--accent)}
.experience-entry .text-link{--link:#fff}

/* Services */
.services-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0}
.service-card{padding:28px 24px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line);transition:transform .3s var(--ease),border-color .3s,box-shadow .3s}
.service-card:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 20px 40px -24px rgba(17,26,38,.4)}
.service-top{margin-bottom:40px}
.service-icon{width:52px;height:52px;border-radius:14px;background:var(--navy);color:var(--accent)}
.service-card .number{font:700 .82rem/1 var(--font-display);color:var(--ink-3)}
.service-card p{color:var(--ink-2);font-size:.97rem}
.offer{margin-top:20px;background:var(--navy);color:#EEF2F6}
.offer h3{color:#fff}
.offer .check-list li{color:rgba(238,242,246,.86)}
.offer .check-list .px-icon{color:var(--accent)}
.offer-note{padding-left:clamp(0px,4vw,52px);border-left:1px solid rgba(255,255,255,.12)}
.boundary{color:rgba(238,242,246,.72)}.boundary .px-icon{color:var(--signal)}

/* Process: call log */
.process{background:var(--bg-2)}
.process-grid{display:grid;gap:12px;max-width:960px}
.process-step{display:grid;grid-template-columns:120px minmax(0,1fr) minmax(0,1.3fr);gap:8px 28px;align-items:start;padding:24px 28px;border-radius:var(--radius);background:var(--surface);border-left:4px solid var(--accent)}
.process-step .number{font:800 2.2rem/1 var(--font-display);font-stretch:125%;color:var(--navy)}
.process-step .number::after{content:" →";color:var(--accent);font-size:1.4rem}
.process-step p{color:var(--ink-2)}

/* Packages: single pilot */
.packages-grid:has(.package-card:only-child){grid-template-columns:1fr;max-width:none}
.package-card:only-child{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"head list" "price list" "btn list" "more list";column-gap:clamp(28px,5vw,72px);padding:clamp(28px,4vw,52px);border-radius:var(--radius-lg);background:var(--navy);color:#EEF2F6}
.package-card:only-child .package-head{grid-area:head}
.package-card:only-child>.button{grid-area:btn;align-self:start;justify-self:start;width:auto;background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.package-card:only-child>.button:hover{background:#fff;border-color:#fff}
.package-card:only-child>.check-list{grid-area:list;align-self:start;padding:24px;border-radius:var(--radius);background:rgba(255,255,255,.05)}
.package-card:only-child .package-more{grid-area:more}
.package-card{padding:clamp(24px,2.6vw,32px);border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line)}
.package-index{font:700 .78rem/1 var(--font-display);letter-spacing:.1em;color:var(--accent)}
.package-index::before{content:"PILOT · "}
.package-card h3{font-size:clamp(1.5rem,1.3rem + .8vw,2rem);font-stretch:110%}
.package-card:only-child h3{color:#fff}
.package-head p{color:rgba(238,242,246,.74);font-size:.98rem}
.package-card .check-list li{color:rgba(238,242,246,.84)}
.package-card .check-list .px-icon{color:var(--accent)}
.package-more summary{color:var(--accent);border-top:1px dashed rgba(255,255,255,.2)}
#packages .section-heading .lead{color:var(--ink-3);font-size:1rem}

/* FAQ */
.faq-list{gap:10px}
.faq-list details{background:var(--surface);border-radius:var(--radius);border:1px solid var(--line)}
.faq summary{min-height:66px;padding:18px 22px;font:650 1.04rem/1.4 var(--font-body);color:var(--ink)}
.faq summary .px-icon{width:32px;height:32px;padding:7px;border-radius:10px;background:var(--navy);color:var(--accent)}
.faq details[open]{border-color:var(--accent)}
.faq details[open] summary .px-icon{background:var(--accent);color:var(--accent-ink)}
.faq details p{padding:0 22px 22px;color:var(--ink-2)}
.faq-intro .text-link{--link:var(--accent-2)}

/* Closing */
.closing-inner{background:var(--accent);color:var(--accent-ink)}
.closing-inner::after{content:"";position:absolute;right:6%;top:50%;width:clamp(180px,22vw,320px);height:clamp(60px,7vw,100px);transform:translateY(-50%);background:repeating-linear-gradient(90deg,rgba(26,18,5,.85) 0 6px,transparent 6px 14px);-webkit-mask:linear-gradient(180deg,transparent,#000 30%,#000 70%,transparent);mask:linear-gradient(180deg,transparent,#000 30%,#000 70%,transparent);opacity:.18;z-index:-1}
.closing .eyebrow{color:var(--accent-ink)}.closing .eyebrow::before{background:var(--accent-ink)}
.closing p{color:rgba(26,18,5,.78)}
.closing .button-light{background:var(--navy);border-color:var(--navy);color:#fff}
.closing .button-light:hover{background:#000;border-color:#000}
.closing-mail{color:var(--accent-ink)}

/* Inner */
.footer-mail{color:var(--accent)}
.legal a,.prose a{color:var(--accent-2)}
.site-footer .brand-identity .brand-logo{filter:brightness(0) invert(1)}

@media (prefers-reduced-motion:no-preference){.call-card{animation:rise .8s .2s var(--ease) both}}

@media (max-width:1080px){
 .tel-hero-grid{grid-template-columns:1fr;gap:48px}
 .tel-stage{max-width:620px;width:100%;margin-inline:auto}
 .services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .tel-hours{grid-template-columns:1fr}
}
@media (max-width:860px){
 .process-step{grid-template-columns:80px minmax(0,1fr)}
 .process-step p{grid-column:2}
 .package-card:only-child{grid-template-columns:1fr;grid-template-areas:"head" "price" "btn" "list" "more"}
 .package-card:only-child>.check-list{margin-top:8px}
 .offer-note{padding-left:0;border-left:0;padding-top:28px;border-top:1px solid rgba(255,255,255,.12)}
 .closing-inner::after{display:none}
}
@media (max-width:600px){
 h1{font-size:clamp(2.1rem,9.6vw,2.7rem)}
 .tel-hero{padding-top:24px}
 .tel-stage{padding:0 0 0 0}
 .tel-photo{aspect-ratio:4/3.6}
 .call-card{position:relative;width:auto;margin:-60px 10px 0}
 .tel-stage figcaption{position:static;margin-top:10px}
 .services-grid{grid-template-columns:1fr}
 .service-top{margin-bottom:24px}
 .process-step{grid-template-columns:1fr;padding:20px}
 .process-step p{grid-column:auto}
 .call-card dl div{grid-template-columns:96px minmax(0,1fr)}
}
/*FOOTER-V2*/
html body:has(#site-assistant){padding-bottom:0}
.site-footer-bar{position:relative;overflow:hidden}
.fx{position:relative;margin:0 0 clamp(40px,5vw,64px)}
.fx p{margin:0}
.footer-base{justify-content:flex-start!important;align-items:center;gap:14px 22px!important}
.footer-copy{opacity:.8}
.dfb{display:inline-flex;align-items:center;gap:9px;height:38px;padding:0 14px 0 10px;border-radius:10px;background:#08080A;color:#F7F7F8!important;text-decoration:none!important;font:600 13px/1 Archivo,"Segoe UI",system-ui,sans-serif;letter-spacing:-.01em;border:1px solid rgba(255,255,255,.12);box-shadow:0 1px 2px rgba(0,0,0,.25),0 8px 24px -10px rgba(0,0,0,.5);transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s,border-color .2s;white-space:nowrap}
.dfb img{width:26px;height:auto;display:block;margin:0}
.dfb-sep{width:1px;height:16px;background:rgba(255,255,255,.16)}
.dfb small{font-size:11px!important;font-weight:500;color:#B4B4BD}
.dfb b{font-weight:700;color:#F7F7F8}
.dfb:hover,.dfb:focus-visible{transform:translateY(-2px);border-color:rgba(198,242,78,.55);box-shadow:0 0 0 1px rgba(198,242,78,.35),0 12px 30px -10px rgba(198,242,78,.45)}
.dfb:focus-visible{outline:2px solid #C6F24E;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.fx *,.dfb{animation:none!important;transition:none!important}}
.fx-console{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.4fr);border:1px solid var(--footer-line);border-radius:14px;background:rgba(255,255,255,.03);overflow:hidden}
.fx-cell{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:4px 10px;padding:18px 20px;border-right:1px solid var(--footer-line)}
.fx-cell:last-child{border-right:0}
.fx-cell small{font:600 .68rem/1 ui-monospace,"Cascadia Mono",Consolas,monospace;letter-spacing:.16em;color:var(--footer-ink-2)}
.fx-cell b{grid-column:2;font:700 1.3rem/1.1 var(--font-display);color:var(--footer-ink)}
.fx-led{grid-row:span 2;width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px rgba(242,162,27,.15)}
.fx-led.on{background:var(--signal);box-shadow:0 0 0 4px rgba(79,209,193,.18);animation:fxLed 2s ease-in-out infinite}
@keyframes fxLed{50%{box-shadow:0 0 0 8px rgba(79,209,193,0)}}
.fx-day{grid-template-columns:1fr}
.fx-bar{display:grid;grid-template-columns:8fr 9fr 7fr;gap:3px;height:12px;margin-top:8px}
.fx-bar i{border-radius:3px;background:rgba(242,162,27,.5)}.fx-bar i:nth-child(2){background:var(--signal)}
.site-footer nav a{font-size:.92rem!important;letter-spacing:.01em}
.site-footer nav a::before{content:"";flex:none;width:6px;height:6px;margin-right:10px;border-radius:50%;background:var(--accent);opacity:.7}
@media(max-width:860px){.fx-console{grid-template-columns:repeat(3,minmax(0,1fr))}.fx-day{grid-column:1/-1;border-top:1px solid var(--footer-line)}}
@media(max-width:560px){.fx-console{grid-template-columns:1fr}.fx-cell{border-right:0;border-bottom:1px solid var(--footer-line)}.fx-day{border-top:0}}

/*CONSENT-20261103*/
.dfc{position:fixed;left:16px;right:16px;bottom:16px;z-index:10000;max-width:560px;margin:0 auto;background:#14161a;color:#f4f4f5;border-radius:12px;padding:16px 18px;box-shadow:0 10px 40px rgba(0,0,0,.35);font:15px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.dfc[hidden]{display:none}
.dfc p{margin:0 0 12px;color:#f4f4f5}
.dfc a{color:#fff;text-decoration:underline}
.dfc-a{display:flex;gap:8px;flex-wrap:wrap}
.dfc-a button{flex:1 1 140px;min-height:44px;border-radius:8px;border:1px solid #f4f4f5;background:transparent;color:#f4f4f5;font:inherit;font-weight:600;cursor:pointer}
.dfc-a button:hover{background:#f4f4f5;color:#14161a}
.dfc-a button:focus-visible,.dfc-open:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.dfc-open{display:block;margin:0 auto;padding:12px 16px;min-height:44px;background:none;border:0;color:inherit;font-size:13px;text-decoration:underline;cursor:pointer;opacity:.75}