/* VIRTUAL AI ADS – Design-System 2026-10-28. Zentral fuer alle Seiten, wird als letzte CSS-Datei geladen. */
:root{
  --vaa-c-bg:#f8f7f4;--vaa-c-surface:#fbfaf8;--vaa-c-ink:#111111;--vaa-c-muted:#6b6862;--vaa-c-line:#dedad3;--vaa-c-accent:#ff5a00;--vaa-c-accent-hover:#e04e00;--vaa-c-on-accent:#ffffff;
  --vaa-f-display:"Barlow Condensed",Arial,sans-serif;--vaa-f-text:"DM Sans",Arial,sans-serif;
  --vaa-fs-h1:clamp(44px,6vw,80px);--vaa-lh-h1:.95;--vaa-fw-h1:600;--vaa-ls-h1:-.005em;
  --vaa-fs-h2:clamp(34px,4.2vw,56px);--vaa-lh-h2:1;--vaa-fw-h2:600;--vaa-ls-h2:-.005em;
  --vaa-fs-h3:20px;--vaa-lh-h3:1.3;--vaa-fw-h3:600;--vaa-ls-h3:0;
  --vaa-fs-body:17px;--vaa-lh-body:1.6;--vaa-fw-body:400;--vaa-ls-body:0;
  --vaa-fs-kicker:12px;--vaa-lh-kicker:1.2;--vaa-fw-kicker:600;--vaa-ls-kicker:.14em;
  --vaa-fs-btn:12px;--vaa-lh-btn:1;--vaa-fw-btn:600;--vaa-ls-btn:.09em;
  --vaa-sp-kicker-title:12px;--vaa-sp-title-desc:16px;--vaa-sp-desc-content:32px;--vaa-sp-section:96px;
  --vaa-w-content:1200px;--vaa-w-text:640px;--vaa-gutter:max(20px,calc((100vw - var(--vaa-w-content)) / 2));
  --vaa-r-card:12px;--vaa-r-btn:6px;--vaa-r-pill:999px;--vaa-shadow-card:0 6px 24px rgba(17,17,17,.06);--vaa-border:1px solid var(--vaa-c-line);
  --vaa-btn-h:46px;--vaa-btn-px:24px;--vaa-ease:.2s ease;
  --bg:var(--vaa-c-bg);--ink:var(--vaa-c-ink);--muted:var(--vaa-c-muted);--line:var(--vaa-c-line);--or:var(--vaa-c-accent);--orange:var(--vaa-c-accent);--accent:var(--vaa-c-accent);--pad:var(--vaa-gutter);
}
@media (max-width:760px){:root{--vaa-fs-body:16px;--vaa-sp-section:64px;--vaa-btn-h:44px;--vaa-btn-px:20px}}

html body:not(#vaa1):not(#vaa2):not(#vaa3){background:var(--vaa-c-bg)!important;color:var(--vaa-c-ink);font-family:var(--vaa-f-text)}

/* ---------- Typografie ---------- */
html body:not(#vaa1):not(#vaa2):not(#vaa3) main h1,html body:not(#vaa1):not(#vaa2):not(#vaa3) header.hero h1,html body:not(#vaa1):not(#vaa2):not(#vaa3) .legal-main h1{font-family:var(--vaa-f-display)!important;font-size:var(--vaa-fs-h1)!important;line-height:var(--vaa-lh-h1)!important;font-weight:var(--vaa-fw-h1)!important;letter-spacing:var(--vaa-ls-h1)!important;text-transform:uppercase!important;margin:0!important}
html body:not(#vaa1):not(#vaa2):not(#vaa3) main h2,html body:not(#vaa1):not(#vaa2):not(#vaa3) section.outro h2,html body:not(#vaa1):not(#vaa2):not(#vaa3) .contact h2{font-family:var(--vaa-f-display)!important;font-size:var(--vaa-fs-h2)!important;line-height:var(--vaa-lh-h2)!important;font-weight:var(--vaa-fw-h2)!important;letter-spacing:var(--vaa-ls-h2)!important;text-transform:uppercase!important;margin:0!important}
html body:not(#vaa1):not(#vaa2):not(#vaa3) main :is(h1,h2) :is(em,span.accent){font-style:normal}
html body:not(#vaa1):not(#vaa2):not(#vaa3) main :is(.price-card h2,.hero-services h2,.price-partners article h2,article.price-card h3,.service-list h3,.card h3,.svc h3,.cols3 h3,.steps h3,.rel h3),
html body:not(#vaa1):not(#vaa2):not(#vaa3) main.article h2,html body:not(#vaa1):not(#vaa2):not(#vaa3) .legal-main h2,html body:not(#vaa1):not(#vaa2):not(#vaa3) .legal-main h3{font-family:var(--vaa-f-text)!important;font-size:var(--vaa-fs-h3)!important;line-height:var(--vaa-lh-h3)!important;font-weight:var(--vaa-fw-h3)!important;letter-spacing:var(--vaa-ls-h3)!important;text-transform:none!important}
html body:not(#vaa1):not(#vaa2):not(#vaa3) main.article h2,html body:not(#vaa1):not(#vaa2):not(#vaa3) .legal-main h2{margin:40px 0 12px!important}
html body:not(#vaa1):not(#vaa2):not(#vaa3) :is(main,header.hero) :is(.eyebrow,.pf-kicker,.kick,.mp-kick,.overline,.section-number,.video-kicker),html body:not(#vaa1):not(#vaa2):not(#vaa3) section.outro .kick{font-family:var(--vaa-f-text)!important;font-size:var(--vaa-fs-kicker)!important;line-height:var(--vaa-lh-kicker)!important;font-weight:var(--vaa-fw-kicker)!important;letter-spacing:var(--vaa-ls-kicker)!important;text-transform:uppercase!important;color:var(--vaa-c-accent)!important;margin:0 0 var(--vaa-sp-kicker-title)!important}
html body:not(#vaa1):not(#vaa2):not(#vaa3) :is(main,header.hero) :is(.eyebrow,.pf-kicker,.kick,.mp-kick,.overline) .dot{background:var(--vaa-c-accent)!important}
html body:not(#vaa1):not(#vaa2):not(#vaa3) main p,html body:not(#vaa1):not(#vaa2):not(#vaa3) main li,html body:not(#vaa1):not(#vaa2):not(#vaa3) main dd,html body:not(#vaa1):not(#vaa2):not(#vaa3) header.hero p.lead{font-size:var(--vaa-fs-body);line-height:var(--vaa-lh-body)}
html body:not(#vaa1):not(#vaa2):not(#vaa3) main :is(h1,h2)+:is(p,.lead,.answer,.hero-lead,.pf-lead,.pf-sub,.mp-lead,.section-intro,.product-lead),
html body:not(#vaa1):not(#vaa2):not(#vaa3) header.hero h1+p.lead,
html body:not(#vaa1):not(#vaa2):not(#vaa3) :is(.work-intro,.services-head,.pricing-head,.journal-head,.pf-head,.pf-hero-row,.switzerland-head,.faq-heading,.insta-feed-heading,.section-title,.work-head,.process-top) p{
  font-family:var(--vaa-f-text)!important;font-size:var(--vaa-fs-body)!important;line-height:var(--vaa-lh-body)!important;font-weight:var(--vaa-fw-body)!important;letter-spacing:0!important;text-transform:none!important;
  max-width:var(--vaa-w-text)!important;margin:var(--vaa-sp-title-desc) 0 0!important;color:var(--vaa-c-muted)!important;text-align:left}

/* ---------- Abschnittskoepfe: immer untereinander, linksbuendig ---------- */
html body:not(#vaa1):not(#vaa2):not(#vaa3) :is(.work-intro,.services-head,.pricing-head,.journal-head,.pf-head,.pf-hero-row,.switzerland-head,.faq-heading,.insta-feed-heading,.section-title,.work-head,.process-top){
  display:block!important;grid-template-columns:none!important;max-width:none!important;width:auto!important;text-align:left!important;margin:0 0 var(--vaa-sp-desc-content)!important;padding:0!important;border:0!important}
html body:not(#vaa1):not(#vaa2):not(#vaa3) :is(.work-intro,.services-head,.pricing-head,.journal-head,.pf-head,.pf-hero-row,.switzerland-head,.faq-heading,.insta-feed-heading,.section-title,.work-head,.process-top)>*{max-width:none;width:auto!important;margin-left:0!important;margin-right:0!important;text-align:left!important}
html body:not(#vaa1):not(#vaa2):not(#vaa3) .pf-hero-row{margin-bottom:0!important}
html body:not(#vaa1):not(#vaa2):not(#vaa3) .section-top{display:flex!important;flex-wrap:wrap;justify-content:flex-start!important;align-items:baseline;gap:6px 16px;margin:0 0 var(--vaa-sp-kicker-title)!important;padding:0!important;border:0!important}
html body:not(#vaa1):not(#vaa2):not(#vaa3) .section-top .eyebrow{margin:0!important}
html body:not(#vaa1):not(#vaa2):not(#vaa3) .section-top .section-side{font-family:var(--vaa-f-text)!important;font-size:var(--vaa-fs-kicker)!important;letter-spacing:var(--vaa-ls-kicker)!important;font-weight:var(--vaa-fw-kicker)!important;color:var(--vaa-c-muted)!important;text-transform:uppercase}
html body:not(#vaa1):not(#vaa2):not(#vaa3) section.outro,html body:not(#vaa1):not(#vaa2):not(#vaa3) section.outro>div{text-align:left!important}
html body:not(#vaa1):not(#vaa2):not(#vaa3) section.outro p{margin-left:0!important;margin-right:0!important;max-width:var(--vaa-w-text)!important}

/* ---------- Abstaende zwischen Abschnitten ---------- */
html body:not(#vaa1):not(#vaa2):not(#vaa3) main>section:not([class*="hero"]):not(.wh):not(.pf-hero),
html body:not(#vaa1):not(#vaa2):not(#vaa3) main>.blk,html body:not(#vaa1):not(#vaa2):not(#vaa3) main>.mp{padding-top:calc(var(--vaa-sp-section) / 2)!important;padding-bottom:calc(var(--vaa-sp-section) / 2)!important}
html body:not(#vaa1):not(#vaa2):not(#vaa3) main>section:not([class*="hero"]):not(.wh):not(.pf-hero):last-of-type{padding-bottom:var(--vaa-sp-section)!important}

/* ---------- Inhaltsbreite und Seitenrand ---------- */
html body:not(#vaa1):not(#vaa2):not(#vaa3) main.pf-main{--pf-pad:var(--vaa-gutter)}

/* ---------- Knoepfe ---------- */
html body:not(#vaa1):not(#vaa2):not(#vaa3) :is(a.header-cta,a.nav-cta,a.button-accent,a.mp-cta,main a.button.button-black,.pf-box-primary){
  display:inline-flex!important;align-items:center;justify-content:center;gap:10px;min-height:var(--vaa-btn-h);padding:0 var(--vaa-btn-px)!important;border:1px solid var(--vaa-c-accent)!important;border-radius:var(--vaa-r-btn)!important;
  background:var(--vaa-c-accent)!important;color:var(--vaa-c-on-accent)!important;font-family:var(--vaa-f-text)!important;font-size:var(--vaa-fs-btn)!important;line-height:var(--vaa-lh-btn)!important;font-weight:var(--vaa-fw-btn)!important;letter-spacing:var(--vaa-ls-btn)!important;text-transform:uppercase!important;text-decoration:none!important;box-shadow:none!important;transition:background-color var(--vaa-ease),border-color var(--vaa-ease)}
html body:not(#vaa1):not(#vaa2):not(#vaa3) :is(a.header-cta,a.nav-cta,a.button-accent,a.mp-cta,main a.button.button-black):hover{background:var(--vaa-c-accent-hover)!important;border-color:var(--vaa-c-accent-hover)!important}
html body:not(#vaa1):not(#vaa2):not(#vaa3) header :is(a.header-cta,a.nav-cta){min-height:40px;padding:0 18px!important}
html body:not(#vaa1):not(#vaa2):not(#vaa3) :is(.pf-more,a.text-link,main .button-outline,main .button-ghost){
  display:inline-flex!important;align-items:center;justify-content:center;gap:10px;min-height:var(--vaa-btn-h);padding:0 var(--vaa-btn-px)!important;border:1px solid var(--vaa-c-ink)!important;border-radius:var(--vaa-r-btn)!important;
  background:transparent!important;color:var(--vaa-c-ink)!important;font-family:var(--vaa-f-text)!important;font-size:var(--vaa-fs-btn)!important;line-height:var(--vaa-lh-btn)!important;font-weight:var(--vaa-fw-btn)!important;letter-spacing:var(--vaa-ls-btn)!important;text-transform:uppercase!important;text-decoration:none!important;transition:background-color var(--vaa-ease),color var(--vaa-ease)}
html body:not(#vaa1):not(#vaa2):not(#vaa3) :is(.pf-more,a.text-link,main .button-outline,main .button-ghost):hover{background:var(--vaa-c-ink)!important;color:var(--vaa-c-surface)!important}
html body:not(#vaa1):not(#vaa2):not(#vaa3) a.text-link span{color:inherit!important}

/* ---------- Filterknoepfe ---------- */
html body:not(#vaa1):not(#vaa2):not(#vaa3) :is(.pf-chips,.chips,.filters,.mt-chips){display:flex!important;flex-wrap:wrap;gap:8px!important;margin:0 0 24px!important}
html body:not(#vaa1):not(#vaa2):not(#vaa3) :is(.pf-chip,.chip,.filters>button,.mt-chip){height:32px!important;min-height:0!important;padding:0 12px!important;border:1px solid var(--vaa-c-line)!important;border-radius:var(--vaa-r-pill)!important;background:transparent!important;color:var(--vaa-c-ink)!important;font:600 11px/1 var(--vaa-f-text)!important;letter-spacing:.06em!important;text-transform:uppercase!important;white-space:nowrap;cursor:pointer;flex:0 0 auto}
html body:not(#vaa1):not(#vaa2):not(#vaa3) :is(.pf-chip,.chip,.filters>button,.mt-chip):hover{border-color:var(--vaa-c-ink)!important}
html body:not(#vaa1):not(#vaa2):not(#vaa3) :is(.pf-chip.on,.chip.on,.filters>button.active,.mt-chip.on){background:var(--vaa-c-ink)!important;border-color:var(--vaa-c-ink)!important;color:var(--vaa-c-surface)!important}
@media (max-width:760px){
  html body:not(#vaa1):not(#vaa2):not(#vaa3) :is(.pf-chips,.chips,.filters,.mt-chips){flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none;margin-left:calc(-1 * var(--vaa-gutter))!important;margin-right:calc(-1 * var(--vaa-gutter))!important;padding:0 var(--vaa-gutter) 4px!important}
  html body:not(#vaa1):not(#vaa2):not(#vaa3) :is(.pf-chips,.chips,.filters,.mt-chips)::-webkit-scrollbar{display:none}
}

/* ---------- Kacheln ---------- */
html body:not(#vaa1):not(#vaa2):not(#vaa3) main :is(.pf-media,.work-card .visual,.card .media,.mt-media){border-radius:var(--vaa-r-card)!important;overflow:hidden}
html body:not(#vaa1):not(#vaa2):not(#vaa3) main :is(.price-card,.faq-prices article,.product-section article){border-radius:var(--vaa-r-card)!important}

/* ---------- Handy: Kopfzeilen-Knopf erst nach dem Hero ---------- */
@media (max-width:900px){
  html body:not(#vaa1):not(#vaa2):not(#vaa3):not(.vaa-scrolled) header :is(a.header-cta,a.nav-cta){opacity:0;pointer-events:none;visibility:hidden}
  html body:not(#vaa1):not(#vaa2):not(#vaa3) header :is(a.header-cta,a.nav-cta){transition:opacity .25s ease,visibility .25s}
}

/* ---------- Cookie-Banner auf dem Handy als schmale Leiste ---------- */
@media (max-width:760px){
  html body:not(#vaa1):not(#vaa2):not(#vaa3) #vaa-cookie-banner{left:8px!important;right:8px!important;bottom:8px!important;top:auto!important;max-width:none!important;padding:10px 12px!important;border-radius:10px!important;display:flex!important;flex-direction:column;gap:8px!important;font-size:12px!important;line-height:1.4!important}
  html body:not(#vaa1):not(#vaa2):not(#vaa3) #vaa-cookie-banner p{margin:0!important;font-size:12px!important;line-height:1.4!important}
  html body:not(#vaa1):not(#vaa2):not(#vaa3) #vaa-cookie-banner :is(h2,h3,strong){font-size:13px!important;margin:0!important}
  html body:not(#vaa1):not(#vaa2):not(#vaa3) #vaa-cookie-banner .vaa-cookie-actions{gap:8px!important}
  html body:not(#vaa1):not(#vaa2):not(#vaa3) #vaa-cookie-banner button{min-height:34px!important;padding:0 12px!important;font-size:12px!important}
}

/* ---------- Abschluss vor der Fusszeile ---------- */
.vaa-closing{box-sizing:border-box;padding:var(--vaa-sp-section) var(--vaa-gutter);border-top:var(--vaa-border);background:var(--vaa-c-bg)}
.vaa-closing p.vaa-k{margin:0 0 var(--vaa-sp-kicker-title);font:var(--vaa-fw-kicker) var(--vaa-fs-kicker)/var(--vaa-lh-kicker) var(--vaa-f-text);letter-spacing:var(--vaa-ls-kicker);text-transform:uppercase;color:var(--vaa-c-accent)}
.vaa-closing h2{margin:0 0 var(--vaa-sp-desc-content)!important;font-family:var(--vaa-f-display)!important;font-size:var(--vaa-fs-h2)!important;line-height:var(--vaa-lh-h2)!important;font-weight:var(--vaa-fw-h2)!important;text-transform:uppercase;color:var(--vaa-c-ink)}
.vaa-closing a{display:inline-flex;align-items:center;min-height:var(--vaa-btn-h);padding:0 var(--vaa-btn-px);border-radius:var(--vaa-r-btn);background:var(--vaa-c-accent);color:var(--vaa-c-on-accent);font:var(--vaa-fw-btn) var(--vaa-fs-btn)/var(--vaa-lh-btn) var(--vaa-f-text);letter-spacing:var(--vaa-ls-btn);text-transform:uppercase;text-decoration:none;transition:background-color var(--vaa-ease)}
.vaa-closing a:hover{background:var(--vaa-c-accent-hover)}

/* ---------- Seitenkopf (Hero) der Unterseiten: einheitlich linksbuendig ---------- */
html body:not(#vaa1):not(#vaa2):not(#vaa3) main section.price-hero{text-align:left!important}
html body:not(#vaa1):not(#vaa2):not(#vaa3) main section.price-hero>*{margin-left:0!important;margin-right:0!important;text-align:left!important}
html body:not(#vaa1):not(#vaa2):not(#vaa3) main section.price-hero .eyebrow{justify-content:flex-start!important}
html body:not(#vaa1):not(#vaa2):not(#vaa3) main section:is(.price-hero,.product-hero,.hero,.wh,.pf-hero) :is(h1)+p{max-width:var(--vaa-w-text)!important;margin:var(--vaa-sp-title-desc) 0 0!important}
html body:not(#vaa1):not(#vaa2):not(#vaa3) main section:is(.price-hero,.product-hero){padding-left:var(--vaa-gutter)!important;padding-right:var(--vaa-gutter)!important}
html body:not(#vaa1):not(#vaa2):not(#vaa3) .wrap{box-sizing:border-box!important;width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;padding-left:var(--vaa-gutter)!important;padding-right:var(--vaa-gutter)!important}
html body:not(#vaa1):not(#vaa2):not(#vaa3) main.article.wrap>*{max-width:760px}
html body:not(#vaa1):not(#vaa2):not(#vaa3) main.article.wrap>:is(figure,.cta,section){max-width:var(--vaa-w-content)}
/* weitere zweispaltige Koepfe untereinander */
html body:not(#vaa1):not(#vaa2):not(#vaa3) :is(section.faq.section-pad,section.faq-prices,.cta-grid,section.product-cta,section.video-intro){display:block!important;grid-template-columns:none!important}
html body:not(#vaa1):not(#vaa2):not(#vaa3) :is(section.faq.section-pad,section.faq-prices,.cta-grid,section.product-cta,section.video-intro)>*{width:auto!important;max-width:none!important;margin-left:0!important;margin-right:0!important;text-align:left!important}
html body:not(#vaa1):not(#vaa2):not(#vaa3) :is(section.faq.section-pad,section.faq-prices,.cta-grid,section.product-cta,section.video-intro)>*+*{margin-top:var(--vaa-sp-desc-content)!important}
html body:not(#vaa1):not(#vaa2):not(#vaa3) :is(.cta-grid,section.product-cta,section.video-intro) p{max-width:var(--vaa-w-text)!important}
html body:not(#vaa1):not(#vaa2):not(#vaa3) section.faq-prices>article{max-width:none!important}
html body:not(#vaa1):not(#vaa2):not(#vaa3) main .price-tag{color:var(--vaa-c-accent)!important;font-family:var(--vaa-f-text)!important;font-size:var(--vaa-fs-kicker)!important;font-weight:var(--vaa-fw-kicker)!important;letter-spacing:var(--vaa-ls-kicker)!important}
@media (max-width:900px){
html body:not(#vaa1):not(#vaa2):not(#vaa3) header.header{width:auto!important;max-width:none!important;margin-left:12px!important;margin-right:12px!important;box-sizing:border-box!important}
html body:not(#vaa1):not(#vaa2):not(#vaa3) .section-top{flex-direction:row!important;align-items:baseline!important;text-align:left!important}
html body:not(#vaa1):not(#vaa2):not(#vaa3) .section-top .section-side{text-align:left!important;margin:0!important;width:auto!important;display:inline!important}
}
html body:not(#vaa1):not(#vaa2):not(#vaa3) main .work-card .card-caption{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;text-align:left!important;gap:12px!important}
html body:not(#vaa1):not(#vaa2):not(#vaa3) main .work-card .card-title{font-family:var(--vaa-f-text)!important;font-size:var(--vaa-fs-h3)!important;line-height:var(--vaa-lh-h3)!important;font-weight:500!important;text-transform:none!important;text-align:left!important}
@media (max-width:900px){
html body:not(#vaa1):not(#vaa2):not(#vaa3) header :is(a.header-cta,a.nav-cta){min-height:36px!important;padding:0 12px!important;font-size:11px!important;letter-spacing:.06em!important;white-space:nowrap}
html body:not(#vaa1):not(#vaa2):not(#vaa3) header.nav{flex-wrap:nowrap!important}
html body:not(#vaa1):not(#vaa2):not(#vaa3) header.nav .logo{font-size:19px!important;flex:1 1 auto;min-width:0}
html body:not(#vaa1):not(#vaa2):not(#vaa3) header.nav.open{flex-wrap:wrap!important}
}
/* ---------- Kopfzeile: gleiches Aussehen fuer alle Seitentypen ---------- */
html body:not(#vaa1):not(#vaa2):not(#vaa3) header.header{margin-left:var(--vaa-gutter)!important;margin-right:var(--vaa-gutter)!important}
html body:not(#vaa1):not(#vaa2):not(#vaa3) header.nav{position:sticky!important;top:14px!important;z-index:60!important;display:flex;align-items:center;justify-content:space-between;gap:24px;box-sizing:border-box;min-height:96px;margin:34px var(--vaa-gutter) 0!important;padding:0 44px!important;background:rgba(250,249,246,.96)!important;border:1px solid rgba(17,17,16,.12)!important;border-radius:22px!important;box-shadow:0 14px 34px rgba(17,17,16,.055)!important}
html body:not(#vaa1):not(#vaa2):not(#vaa3) header.nav .logo{display:inline-flex;align-items:center;text-decoration:none}
html body:not(#vaa1):not(#vaa2):not(#vaa3) header.nav .logo img{display:block;height:24px;width:auto}
html body:not(#vaa1):not(#vaa2):not(#vaa3) header.nav>nav{display:flex!important;gap:clamp(18px,2.4vw,40px)!important;flex-wrap:nowrap;width:auto!important;order:0!important;border:0!important;padding:0!important;overflow:visible!important;-webkit-mask-image:none!important;mask-image:none!important}
html body:not(#vaa1):not(#vaa2):not(#vaa3) header.nav>nav a{font-family:var(--vaa-f-text)!important;font-size:20px!important;color:var(--vaa-c-ink)!important;text-decoration:none!important}
html body:not(#vaa1):not(#vaa2):not(#vaa3) header.nav>nav a:hover,html body:not(#vaa1):not(#vaa2):not(#vaa3) header.nav>nav a[aria-current="page"]{color:var(--vaa-c-accent)!important}
html body:not(#vaa1):not(#vaa2):not(#vaa3) header.nav :is(.lang,.language-switch){font-size:14px;color:var(--vaa-c-muted);white-space:nowrap;display:inline-flex;align-items:center;gap:6px}
html body:not(#vaa1):not(#vaa2):not(#vaa3) header.nav :is(.lang,.language-switch) button{border:0;background:none;font:inherit;color:inherit;cursor:pointer;padding:2px 3px}
html body:not(#vaa1):not(#vaa2):not(#vaa3) header.nav :is(.lang button.on,.language-switch button[aria-pressed="true"]){color:var(--vaa-c-ink);font-weight:700}
html body:not(#vaa1):not(#vaa2):not(#vaa3) header.nav .nav-toggle{display:none}
html body:not(#vaa1):not(#vaa2):not(#vaa3) header.vaa-nav .nav-cta{flex:0 0 auto}
@media (max-width:900px){
html body:not(#vaa1):not(#vaa2):not(#vaa3) header.nav{min-height:0;margin:10px 12px 0!important;top:10px!important;padding:10px 10px 10px 18px!important;border-radius:16px!important;gap:8px!important;flex-wrap:nowrap!important}
html body:not(#vaa1):not(#vaa2):not(#vaa3) header.nav .logo{order:1;flex:1 1 auto;min-width:0}
html body:not(#vaa1):not(#vaa2):not(#vaa3) header.nav .logo img{height:21px}
html body:not(#vaa1):not(#vaa2):not(#vaa3) header.nav .nav-cta{order:2}
html body:not(#vaa1):not(#vaa2):not(#vaa3) header.nav .nav-toggle{order:3;display:inline-flex!important;width:40px;height:40px;align-items:center;justify-content:center;flex-direction:column;gap:6px;background:transparent;border:0;padding:0;cursor:pointer}
html body:not(#vaa1):not(#vaa2):not(#vaa3) header.nav .nav-toggle i{display:block;width:22px;height:2px;background:var(--vaa-c-ink);border-radius:2px;transition:transform .2s ease}
html body:not(#vaa1):not(#vaa2):not(#vaa3) header.nav.open .nav-toggle i:first-child{transform:translateY(4px) rotate(45deg)}
html body:not(#vaa1):not(#vaa2):not(#vaa3) header.nav.open .nav-toggle i:last-child{transform:translateY(-4px) rotate(-45deg)}
html body:not(#vaa1):not(#vaa2):not(#vaa3) header.nav>nav{order:4!important;display:none!important;width:100%!important;flex-direction:column!important;gap:0!important;padding:8px 0 4px!important}
html body:not(#vaa1):not(#vaa2):not(#vaa3) header.nav.open{flex-wrap:wrap!important}
html body:not(#vaa1):not(#vaa2):not(#vaa3) header.nav.open>nav{display:flex!important}
html body:not(#vaa1):not(#vaa2):not(#vaa3) header.nav>nav a{display:block;padding:13px 4px!important;font-size:18px!important;border-bottom:1px solid var(--vaa-c-line)}
html body:not(#vaa1):not(#vaa2):not(#vaa3) header.nav :is(.lang,.language-switch){order:5!important;display:none!important;width:100%;padding:12px 4px 6px}
html body:not(#vaa1):not(#vaa2):not(#vaa3) header.nav.open :is(.lang,.language-switch){display:flex!important}
}
/* alte Artikel-Navigation durch die einheitliche Kopfzeile ersetzt */
html body:not(#vaa1):not(#vaa2):not(#vaa3)>nav.nav.wrap{display:none!important}
html body:not(#vaa1):not(#vaa2):not(#vaa3) header.hero.wrap:not(.x1),html body:not(#vaa1):not(#vaa2):not(#vaa3) main.article.wrap:not(.x1){padding-left:var(--vaa-gutter)!important;padding-right:var(--vaa-gutter)!important;margin-left:0!important;margin-right:0!important}
html body:not(#vaa1):not(#vaa2):not(#vaa3) header.nav>nav a{font-weight:400!important}
html body:not(#vaa1):not(#vaa2):not(#vaa3) header.nav>nav a[aria-current="page"]{font-weight:400!important}
@media (max-width:900px){html body:not(#vaa1):not(#vaa2):not(#vaa3) .section-top{flex-direction:column!important;align-items:flex-start!important;gap:4px!important}
html body:not(#vaa1):not(#vaa2):not(#vaa3) .section-top .section-side{display:block!important;width:100%!important;max-width:none!important;flex:1 1 auto!important;white-space:normal!important;word-spacing:normal!important}
html body:not(#vaa1):not(#vaa2):not(#vaa3) .section-top .section-side br{display:none}}
html body:not(#vaa1):not(#vaa2):not(#vaa3) main .price-card a:not(.button){display:inline-flex!important;align-items:center;justify-content:space-between;gap:10px;min-height:var(--vaa-btn-h);padding:0 var(--vaa-btn-px)!important;border:1px solid var(--vaa-c-ink)!important;border-radius:var(--vaa-r-btn)!important;background:transparent!important;color:var(--vaa-c-ink)!important;font-family:var(--vaa-f-text)!important;font-size:var(--vaa-fs-btn)!important;font-weight:var(--vaa-fw-btn)!important;letter-spacing:var(--vaa-ls-btn)!important;text-transform:uppercase!important;text-decoration:none!important}
html body:not(#vaa1):not(#vaa2):not(#vaa3) main .price-card a:not(.button):hover{background:var(--vaa-c-ink)!important;color:var(--vaa-c-surface)!important}
html body:not(#vaa1):not(#vaa2):not(#vaa3) main .price-card.price-featured a:not(.button){border-color:var(--vaa-c-accent)!important;background:var(--vaa-c-accent)!important;color:var(--vaa-c-on-accent)!important}
html body:not(#vaa1):not(#vaa2):not(#vaa3) main .price-card.price-featured a:not(.button):hover{background:var(--vaa-c-accent-hover)!important;border-color:var(--vaa-c-accent-hover)!important}
html body:not(#vaa1):not(#vaa2):not(#vaa3) main .price-card a:not(.button) *{color:inherit!important}

/* ---------- Kopfzeile im neuen Look: Icons, aktiver Punkt, Sprache mit Globus, runder CTA ---------- */
html body:not(#vaa1):not(#vaa2):not(#vaa3) :is(header.header,header.nav){background:#fff!important}
html body:not(#vaa1):not(#vaa2):not(#vaa3) :is(header.header #main-nav,header.nav>nav){align-items:center!important;gap:6px!important}
html body:not(#vaa1):not(#vaa2):not(#vaa3) :is(header.header #main-nav,header.nav>nav) a{display:inline-flex!important;align-items:center!important;gap:10px!important;padding:10px 16px!important;border-radius:999px!important;color:var(--vaa-c-ink)!important;font-weight:400!important;transition:background-color var(--vaa-ease),color var(--vaa-ease)!important;text-decoration:none!important;border-bottom:0!important}
html body:not(#vaa1):not(#vaa2):not(#vaa3) :is(header.header #main-nav,header.nav>nav) a::before{content:"";flex:0 0 auto;width:22px;height:22px;background-color:currentColor;-webkit-mask:var(--vaa-ico) center/contain no-repeat;mask:var(--vaa-ico) center/contain no-repeat}
html body:not(#vaa1):not(#vaa2):not(#vaa3) :is(header.header #main-nav,header.nav>nav) a::after{display:none!important}
html body:not(#vaa1):not(#vaa2):not(#vaa3) :is(header.header #main-nav,header.nav>nav) a[href$="portfolio.html"]{--vaa-ico:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223.5%22%20y%3D%223.5%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%222%22%2F%3E%3Crect%20x%3D%2213.5%22%20y%3D%223.5%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%222%22%2F%3E%3Crect%20x%3D%223.5%22%20y%3D%2213.5%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%222%22%2F%3E%3Crect%20x%3D%2213.5%22%20y%3D%2213.5%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%222%22%2F%3E%3C%2Fsvg%3E")}
html body:not(#vaa1):not(#vaa2):not(#vaa3) :is(header.header #main-nav,header.nav>nav) a[href*="#services"]{--vaa-ico:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203%2021%208l-9%205-9-5%209-5z%22%2F%3E%3Cpath%20d%3D%22m3%2012.5%209%205%209-5%22%2F%3E%3Cpath%20d%3D%22m3%2017%209%205%209-5%22%2F%3E%3C%2Fsvg%3E")}
html body:not(#vaa1):not(#vaa2):not(#vaa3) :is(header.header #main-nav,header.nav>nav) a[href$="preise.html"]{--vaa-ico:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20.6%2013.4%2013.4%2020.6a2%202%200%200%201-2.8%200L3%2013V3h10l7.6%207.6a2%202%200%200%201%200%202.8z%22%2F%3E%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%221.5%22%2F%3E%3C%2Fsvg%3E")}
html body:not(#vaa1):not(#vaa2):not(#vaa3) :is(header.header #main-nav,header.nav>nav) a[href*="#about"]{--vaa-ico:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%228%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M4%2021c0-4.4%203.6-7%208-7s8%202.6%208%207%22%2F%3E%3C%2Fsvg%3E")}
html body:not(#vaa1):not(#vaa2):not(#vaa3) :is(header.header #main-nav,header.nav>nav) a[href$="blog.html"]{--vaa-ico:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M14%203H7a2%202%200%200%200-2%202v14a2%202%200%200%200%202%202h10a2%202%200%200%200%202-2V8z%22%2F%3E%3Cpath%20d%3D%22M14%203v5h5%22%2F%3E%3Cpath%20d%3D%22M9%2013h6M9%2017h6%22%2F%3E%3C%2Fsvg%3E")}
html body:not(#vaa1):not(#vaa2):not(#vaa3) :is(header.header #main-nav,header.nav>nav) a:hover{background:#f4f2ee!important}
html body:not(#vaa1):not(#vaa2):not(#vaa3) :is(header.header #main-nav,header.nav>nav) a[aria-current="page"],html body:not(#vaa1):not(#vaa2):not(#vaa3) :is(header.header #main-nav,header.nav>nav) a.on{background:#f4f2ee!important;color:var(--vaa-c-ink)!important;box-shadow:inset 0 0 0 1px rgba(17,17,16,.04)}
html body:not(#vaa1):not(#vaa2):not(#vaa3) :is(header.header #main-nav,header.nav>nav) a[aria-current="page"]::before,html body:not(#vaa1):not(#vaa2):not(#vaa3) :is(header.header #main-nav,header.nav>nav) a.on::before{background-color:var(--vaa-c-accent)}
html body:not(#vaa1):not(#vaa2):not(#vaa3) :is(header.header,header.nav) :is(.language-switch,.lang){display:inline-flex!important;align-items:center!important;gap:8px!important;padding-left:22px!important;border-left:1px solid var(--vaa-c-line)!important;font-size:15px!important;color:var(--vaa-c-muted)!important}
html body:not(#vaa1):not(#vaa2):not(#vaa3) :is(header.header,header.nav) :is(.language-switch,.lang)::before{content:"";width:22px;height:22px;margin-right:4px;background-color:var(--vaa-c-ink);-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22M3%2012h18%22%2F%3E%3Cpath%20d%3D%22M12%203c2.5%202.6%203.8%205.6%203.8%209s-1.3%206.4-3.8%209c-2.5-2.6-3.8-5.6-3.8-9S9.5%205.6%2012%203z%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22M3%2012h18%22%2F%3E%3Cpath%20d%3D%22M12%203c2.5%202.6%203.8%205.6%203.8%209s-1.3%206.4-3.8%209c-2.5-2.6-3.8-5.6-3.8-9S9.5%205.6%2012%203z%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat}
html body:not(#vaa1):not(#vaa2):not(#vaa3) :is(header.header,header.nav) :is(.language-switch,.lang) button{font-size:15px!important;color:var(--vaa-c-muted)!important;font-weight:500!important}
html body:not(#vaa1):not(#vaa2):not(#vaa3) :is(header.header,header.nav) :is(.language-switch button[aria-pressed="true"],.lang button.on){color:var(--vaa-c-ink)!important;font-weight:700!important}
html body:not(#vaa1):not(#vaa2):not(#vaa3) header :is(a.header-cta,a.nav-cta):not(.x1):not(.x2):not(.x3){border-radius:999px!important;min-height:52px!important;padding:0 26px!important;gap:12px!important;font-size:13px!important}
html body:not(#vaa1):not(#vaa2):not(#vaa3) header :is(a.header-cta,a.nav-cta):not(.x1):not(.x2):not(.x3)::after{content:"";width:18px;height:18px;background-color:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2012h14%22%2F%3E%3Cpath%20d%3D%22m13%206%206%206-6%206%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2012h14%22%2F%3E%3Cpath%20d%3D%22m13%206%206%206-6%206%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;transition:transform var(--vaa-ease)}
html body:not(#vaa1):not(#vaa2):not(#vaa3) header :is(a.header-cta,a.nav-cta):not(.x1):not(.x2):not(.x3):hover::after{transform:translateX(3px)}
@media (max-width:1180px) and (min-width:901px){html body:not(#vaa1):not(#vaa2):not(#vaa3) :is(header.header #main-nav,header.nav>nav) a{padding:8px 10px!important;gap:7px!important;font-size:17px!important}html body:not(#vaa1):not(#vaa2):not(#vaa3) :is(header.header #main-nav,header.nav>nav) a::before{width:19px;height:19px}html body:not(#vaa1):not(#vaa2):not(#vaa3) header :is(a.header-cta,a.nav-cta):not(.x1):not(.x2):not(.x3){padding:0 18px!important;min-height:46px!important}}
@media (max-width:900px){
html body:not(#vaa1):not(#vaa2):not(#vaa3) :is(header.header #main-nav,header.nav>nav){gap:2px!important}
html body:not(#vaa1):not(#vaa2):not(#vaa3) :is(header.header #main-nav,header.nav>nav) a{border-radius:12px!important;padding:12px 10px!important;font-size:18px!important;border-bottom:0!important}
html body:not(#vaa1):not(#vaa2):not(#vaa3) header :is(a.header-cta,a.nav-cta):not(.x1):not(.x2):not(.x3){min-height:38px!important;padding:0 14px!important;font-size:11px!important;gap:8px!important}
html body:not(#vaa1):not(#vaa2):not(#vaa3) header :is(a.header-cta,a.nav-cta):not(.x1):not(.x2):not(.x3)::after{width:14px;height:14px}
html body:not(#vaa1):not(#vaa2):not(#vaa3) :is(header.header,header.nav) :is(.language-switch,.lang){border-left:0!important;padding-left:10px!important}
}
html body:not(#vaa1):not(#vaa2):not(#vaa3) :is(header.header #main-nav,header.nav>nav) a{white-space:nowrap!important}
html body:not(#vaa1):not(#vaa2):not(#vaa3) header.header>.wordmark{flex-shrink:0;min-width:max-content}
@media (max-width:1440px) and (min-width:901px){html body:not(#vaa1):not(#vaa2):not(#vaa3) :is(header.header #main-nav,header.nav>nav) a{padding:8px 12px!important;gap:8px!important;font-size:18px!important}html body:not(#vaa1):not(#vaa2):not(#vaa3) :is(header.header #main-nav,header.nav>nav) a::before{width:20px;height:20px}html body:not(#vaa1):not(#vaa2):not(#vaa3) :is(header.header #main-nav,header.nav>nav){gap:2px!important}html body:not(#vaa1):not(#vaa2):not(#vaa3) :is(header.header,header.nav) :is(.language-switch,.lang){padding-left:16px!important}html body:not(#vaa1):not(#vaa2):not(#vaa3) header :is(a.header-cta,a.nav-cta):not(.x1):not(.x2):not(.x3){padding:0 20px!important;min-height:48px!important}}
@media (max-width:1240px) and (min-width:901px){html body:not(#vaa1):not(#vaa2):not(#vaa3) :is(header.header #main-nav,header.nav>nav) a{padding:7px 8px!important;gap:6px!important;font-size:16px!important}html body:not(#vaa1):not(#vaa2):not(#vaa3) :is(header.header #main-nav,header.nav>nav) a::before{width:18px;height:18px}html body:not(#vaa1):not(#vaa2):not(#vaa3) :is(header.header,header.nav) :is(.language-switch,.lang)::before{display:none}html body:not(#vaa1):not(#vaa2):not(#vaa3) :is(header.header,header.nav) :is(.language-switch,.lang){padding-left:12px!important}html body:not(#vaa1):not(#vaa2):not(#vaa3) header.header,html body:not(#vaa1):not(#vaa2):not(#vaa3) header.nav{padding-left:24px!important;padding-right:24px!important}html body:not(#vaa1):not(#vaa2):not(#vaa3) header :is(a.header-cta,a.nav-cta):not(.x1):not(.x2):not(.x3){padding:0 16px!important;font-size:12px!important}html body:not(#vaa1):not(#vaa2):not(#vaa3) header :is(a.header-cta,a.nav-cta):not(.x1):not(.x2):not(.x3)::after{display:none}}
@media (max-width:1440px) and (min-width:1241px){html body:not(#vaa1):not(#vaa2):not(#vaa3) :is(header.header #main-nav,header.nav>nav) a{padding:8px 10px!important;gap:7px!important;font-size:17px!important}html body:not(#vaa1):not(#vaa2):not(#vaa3) :is(header.header #main-nav,header.nav>nav) a::before{width:18px;height:18px}html body:not(#vaa1):not(#vaa2):not(#vaa3) header.header{column-gap:18px!important;padding-left:32px!important;padding-right:32px!important}html body:not(#vaa1):not(#vaa2):not(#vaa3) header.nav{gap:18px!important;padding-left:32px!important;padding-right:32px!important}html body:not(#vaa1):not(#vaa2):not(#vaa3) :is(header.header,header.nav) :is(.language-switch,.lang){padding-left:14px!important;gap:6px!important}html body:not(#vaa1):not(#vaa2):not(#vaa3) :is(header.header,header.nav) :is(.language-switch,.lang)::before{width:18px;height:18px}html body:not(#vaa1):not(#vaa2):not(#vaa3) header :is(a.header-cta,a.nav-cta):not(.x1):not(.x2):not(.x3){padding:0 18px!important;min-height:46px!important;font-size:12px!important}}
html body:not(#vaa1):not(#vaa2):not(#vaa3) header.header{width:auto!important;max-width:none!important;box-sizing:border-box!important}
html body:not(#vaa1):not(#vaa2):not(#vaa3) header.nav{width:auto!important;max-width:none!important}
@media (min-width:901px){html body:not(#vaa1):not(#vaa2):not(#vaa3) header.header,html body:not(#vaa1):not(#vaa2):not(#vaa3) header.nav{margin-left:32px!important;margin-right:32px!important}}
@media (max-width:900px){
html body:not(#vaa1):not(#vaa2):not(#vaa3) header.header:not(:has(#main-nav.is-open)) .language-switch.language-switch{display:none!important}
html body:not(#vaa1):not(#vaa2):not(#vaa3) header.nav:not(.open) :is(.language-switch,.lang).x0,html body:not(#vaa1):not(#vaa2):not(#vaa3) header.nav:not(.open) :is(.language-switch,.lang){display:none!important}
html body:not(#vaa1):not(#vaa2):not(#vaa3) :is(header.header #main-nav,header.nav>nav){position:static!important;align-items:stretch!important;justify-content:flex-start!important;text-align:left!important;background:transparent!important;box-shadow:none!important;transform:none!important}
html body:not(#vaa1):not(#vaa2):not(#vaa3) :is(header.header #main-nav,header.nav>nav) a{justify-content:flex-start!important;width:100%!important;box-sizing:border-box}
html body:not(#vaa1):not(#vaa2):not(#vaa3) header.nav.open :is(.language-switch,.lang),html body:not(#vaa1):not(#vaa2):not(#vaa3) header.header:has(#main-nav.is-open) .language-switch{justify-content:flex-start!important;border-left:0!important;padding:12px 10px 6px!important;width:100%!important}
html body:not(#vaa1):not(#vaa2):not(#vaa3) header.nav.open{background:#fff!important}
}
html body:not(#vaa1):not(#vaa2):not(#vaa3) header.nav{height:auto!important;max-height:none!important}
html body:not(#vaa1):not(#vaa2):not(#vaa3) header.nav:has(.lang) .language-switch-injected{display:none!important}
@media (max-width:900px){html body:not(#vaa1):not(#vaa2):not(#vaa3):not(.vaa-scrolled) header :is(a.header-cta,a.nav-cta):not(.x1):not(.x2):not(.x3){display:none!important}}
html:not(#vaa1),html body:not(#vaa1):not(#vaa2):not(#vaa3){overflow-x:clip!important}
html body:not(#vaa1):not(#vaa2):not(#vaa3) header.nav:has(.lang) .language-switch-injected{visibility:hidden!important;opacity:0!important;pointer-events:none!important;position:absolute!important;width:0!important;height:0!important;overflow:hidden!important;padding:0!important;border:0!important}

/* ---------- Kopfzeile sauber: Flex-Layout, Logo nie abgeschnitten, ein einheitlicher Aktiv-Zustand ---------- */
@media (min-width:901px){
html body:not(#vaa1):not(#vaa2):not(#vaa3) header.header,html body:not(#vaa1):not(#vaa2):not(#vaa3) header.nav{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important;grid-template-columns:none!important;padding-left:40px!important;padding-right:24px!important}
html body:not(#vaa1):not(#vaa2):not(#vaa3) header.header>.wordmark,html body:not(#vaa1):not(#vaa2):not(#vaa3) header.nav>.logo{flex:0 0 auto!important;width:auto!important;max-width:none!important;overflow:visible!important;margin:0 8px 0 0!important}
html body:not(#vaa1):not(#vaa2):not(#vaa3) header.header>.wordmark img,html body:not(#vaa1):not(#vaa2):not(#vaa3) header.nav>.logo img{height:24px!important;width:auto!important;max-width:none!important;object-fit:contain!important}
html body:not(#vaa1):not(#vaa2):not(#vaa3) :is(header.header #main-nav,header.nav>nav){flex:1 1 auto!important;justify-content:center!important;margin:0!important;min-width:0}
html body:not(#vaa1):not(#vaa2):not(#vaa3) :is(header.header,header.nav) :is(.language-switch,.lang){flex:0 0 auto!important;margin:0!important}
html body:not(#vaa1):not(#vaa2):not(#vaa3) header :is(a.header-cta,a.nav-cta):not(.x1):not(.x2):not(.x3){flex:0 0 auto!important;margin:0!important}
}
html body:not(#vaa1):not(#vaa2):not(#vaa3) :is(header.header #main-nav,header.nav>nav) a,html body:not(#vaa1):not(#vaa2):not(#vaa3) :is(header.header #main-nav,header.nav>nav) a[aria-current="page"],html body:not(#vaa1):not(#vaa2):not(#vaa3) :is(header.header #main-nav,header.nav>nav) a.on{background:transparent!important;box-shadow:none!important;color:var(--vaa-c-ink)!important}
html body:not(#vaa1):not(#vaa2):not(#vaa3) :is(header.header #main-nav,header.nav>nav) a::before,html body:not(#vaa1):not(#vaa2):not(#vaa3) :is(header.header #main-nav,header.nav>nav) a[aria-current="page"]::before,html body:not(#vaa1):not(#vaa2):not(#vaa3) :is(header.header #main-nav,header.nav>nav) a.on::before{background-color:currentColor!important}
html body:not(#vaa1):not(#vaa2):not(#vaa3) :is(header.header #main-nav,header.nav>nav) a:hover{background:#f4f2ee!important}
html body:not(#vaa1):not(#vaa2):not(#vaa3) :is(header.header #main-nav,header.nav>nav) a.vaa-active,html body:not(#vaa1):not(#vaa2):not(#vaa3) :is(header.header #main-nav,header.nav>nav) a.vaa-active:hover{background:#f4f2ee!important;box-shadow:inset 0 0 0 1px rgba(17,17,16,.06)!important}
html body:not(#vaa1):not(#vaa2):not(#vaa3) :is(header.header #main-nav,header.nav>nav) a.vaa-active::before{background-color:var(--vaa-c-accent)!important}

/* Startseite Hero: Lead etwas tiefer, mehr Luft zum Knopf, nicht ins Bild laufen */
html body:not(#vaa1):not(#vaa2):not(#vaa3) section#hero .hero-copy h1+p.hero-lead{margin-top:32px!important;max-width:560px!important}
html body:not(#vaa1):not(#vaa2):not(#vaa3) section#hero .hero-copy p.hero-lead+.button{margin-top:36px!important}
html body:not(#vaa1):not(#vaa2):not(#vaa3) section#hero .hero-copy .hero-note{margin-top:16px!important}
@media (max-width:760px){html body:not(#vaa1):not(#vaa2):not(#vaa3) section#hero .hero-copy h1+p.hero-lead{margin-top:20px!important}html body:not(#vaa1):not(#vaa2):not(#vaa3) section#hero .hero-copy p.hero-lead+.button{margin-top:24px!important}}

/* Logo etwas grösser */
@media (min-width:901px){html body:not(#vaa1):not(#vaa2):not(#vaa3) header.header>.wordmark img,html body:not(#vaa1):not(#vaa2):not(#vaa3) header.nav>.logo img{height:30px!important}}
@media (max-width:900px){html body:not(#vaa1):not(#vaa2):not(#vaa3) header.header>.wordmark img,html body:not(#vaa1):not(#vaa2):not(#vaa3) header.nav>.logo img{height:24px!important;max-width:170px!important}}

/* Hover im Menue: Text und Icon orange */
html body:not(#vaa1):not(#vaa2):not(#vaa3) :is(header.header #main-nav,header.nav>nav) a:hover,html body:not(#vaa1):not(#vaa2):not(#vaa3) :is(header.header #main-nav,header.nav>nav) a:focus-visible,html body:not(#vaa1):not(#vaa2):not(#vaa3) :is(header.header #main-nav,header.nav>nav) a.vaa-active:hover{color:var(--vaa-c-accent)!important}
html body:not(#vaa1):not(#vaa2):not(#vaa3) :is(header.header #main-nav,header.nav>nav) a:hover::before,html body:not(#vaa1):not(#vaa2):not(#vaa3) :is(header.header #main-nav,header.nav>nav) a:focus-visible::before{background-color:var(--vaa-c-accent)!important}
html body:not(#vaa1):not(#vaa2):not(#vaa3) :is(header.header,header.nav) :is(.language-switch,.lang) button:hover{color:var(--vaa-c-accent)!important}

/* Handy: kein CTA in der Kopfzeile, Menue als Panel von rechts */
@media (max-width:900px){
html body:not(#vaa1):not(#vaa2):not(#vaa3) header :is(a.header-cta,a.nav-cta):not(.x1):not(.x2):not(.x3){display:none!important}
html body:not(#vaa1):not(#vaa2):not(#vaa3) :is(header.header #main-nav,header.nav>nav){display:flex!important;position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:auto!important;width:min(84vw,360px)!important;height:100vh!important;height:100dvh!important;margin:0!important;padding:96px 20px 24px!important;flex-direction:column!important;gap:4px!important;background:#fff!important;box-shadow:-20px 0 50px rgba(17,17,16,.18)!important;transform:translateX(105%)!important;transition:transform .35s cubic-bezier(.2,.8,.2,1)!important;z-index:70!important;overflow-y:auto!important;visibility:visible!important;opacity:1!important}
html body:not(#vaa1):not(#vaa2):not(#vaa3) header.header #main-nav.is-open,html body:not(#vaa1):not(#vaa2):not(#vaa3) header.nav.open>nav{transform:translateX(0)!important}
html body:not(#vaa1):not(#vaa2):not(#vaa3) :is(header.header,header.nav) :is(.menu-toggle,.nav-toggle){position:relative!important;z-index:80!important}
html body:not(#vaa1):not(#vaa2):not(#vaa3) header.header:has(#main-nav.is-open) .language-switch,html body:not(#vaa1):not(#vaa2):not(#vaa3) header.nav.open :is(.language-switch,.lang){position:fixed!important;top:28px!important;right:72px!important;left:auto!important;width:auto!important;z-index:81!important;padding:0!important}
html body:not(#vaa1):not(#vaa2):not(#vaa3) header.nav.open{flex-wrap:nowrap!important}
}

@media (max-width:900px){html body:not(#vaa1):not(#vaa2):not(#vaa3) header.nav.open>nav:not(#x1):not(#x2){transform:translateX(0)!important}}

@media (max-width:900px){
html:not(#vaa1),html body:not(#vaa1):not(#vaa2):not(#vaa3){overflow-x:hidden!important;max-width:100vw!important}
html body:not(#vaa1):not(#vaa2):not(#vaa3) :is(header.header #main-nav,header.nav>nav){visibility:hidden!important;transition:transform .35s cubic-bezier(.2,.8,.2,1),visibility 0s linear .35s!important}
html body:not(#vaa1):not(#vaa2):not(#vaa3) header.header #main-nav.is-open,html body:not(#vaa1):not(#vaa2):not(#vaa3) header.nav.open>nav:not(#x1):not(#x2){visibility:visible!important;transition:transform .35s cubic-bezier(.2,.8,.2,1),visibility 0s!important}
}

@media (max-width:900px){html body:not(#vaa1):not(#vaa2):not(#vaa3) .site-footer .site-footer-right{max-width:100%!important;min-width:0!important}html body:not(#vaa1):not(#vaa2):not(#vaa3) .site-footer .site-footer-right nav{display:flex!important;flex-wrap:wrap!important;gap:8px 18px!important;white-space:normal!important;max-width:100%!important}html body:not(#vaa1):not(#vaa2):not(#vaa3) .site-footer .site-footer-right nav>*{white-space:nowrap}}

/* Handy: Menue wieder als wischbare Leiste unter dem Logo (wie frueher) */
@media (max-width:900px){
html body:not(#vaa1):not(#vaa2):not(#vaa3) :is(header.header,header.nav){display:flex!important;flex-wrap:wrap!important;align-items:center!important;row-gap:0!important;padding:12px 16px 10px!important}
html body:not(#vaa1):not(#vaa2):not(#vaa3) :is(header.header,header.nav) :is(.menu-toggle,.nav-toggle){display:none!important}
html body:not(#vaa1):not(#vaa2):not(#vaa3) :is(header.header,header.nav)>:is(.wordmark,.logo){order:1;flex:1 1 auto}
html body:not(#vaa1):not(#vaa2):not(#vaa3) :is(header.header,header.nav) :is(.language-switch,.lang):not(.language-switch-injected){order:2;display:inline-flex!important;position:static!important;width:auto!important;padding:0!important;border:0!important;visibility:visible!important}
html body:not(#vaa1):not(#vaa2):not(#vaa3) :is(header.header #main-nav,header.nav>nav):not(#y1):not(#y2){order:3!important;position:static!important;transform:none!important;visibility:visible!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;width:100%!important;height:auto!important;margin:10px 0 0!important;padding:10px 28px 2px 0!important;gap:6px!important;border-top:1px solid var(--vaa-c-line)!important;background:transparent!important;box-shadow:none!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent);transition:none!important}
html body:not(#vaa1):not(#vaa2):not(#vaa3) :is(header.header #main-nav,header.nav>nav):not(#y1):not(#y2)::-webkit-scrollbar{display:none}
html body:not(#vaa1):not(#vaa2):not(#vaa3) :is(header.header #main-nav,header.nav>nav):not(#y1):not(#y2) a{flex:0 0 auto!important;width:auto!important;padding:8px 12px!important;font-size:15px!important;border-radius:999px!important;border:0!important;gap:7px!important}
html body:not(#vaa1):not(#vaa2):not(#vaa3) :is(header.header #main-nav,header.nav>nav):not(#y1):not(#y2) a::before{width:17px!important;height:17px!important}
}

@media (max-width:900px){
html:not(#z1) body:not(#vaa1):not(#vaa2):not(#vaa3):not(#vaa4):not(#vaa5) :is(header.header,header.nav){display:flex!important;flex-wrap:wrap!important;align-items:center!important;row-gap:0!important;column-gap:10px!important}
html:not(#z1) body:not(#vaa1):not(#vaa2):not(#vaa3):not(#vaa4):not(#vaa5) :is(header.header,header.nav) :is(.menu-toggle,.nav-toggle){display:none!important}
html:not(#z1) body:not(#vaa1):not(#vaa2):not(#vaa3):not(#vaa4):not(#vaa5) :is(header.header,header.nav)>:is(.wordmark,.logo){order:1!important;flex:1 1 auto!important;min-width:0}
html:not(#z1) body:not(#vaa1):not(#vaa2):not(#vaa3):not(#vaa4):not(#vaa5) :is(header.header,header.nav)>:is(.language-switch,.lang):not(.language-switch-injected){order:2!important;display:inline-flex!important;position:static!important;width:auto!important;flex:0 0 auto!important;padding:0!important;margin:0!important;border:0!important;visibility:visible!important;opacity:1!important;white-space:nowrap}
html:not(#z1) body:not(#vaa1):not(#vaa2):not(#vaa3):not(#vaa4):not(#vaa5) :is(header.header,header.nav)>:is(.language-switch,.lang)::before{width:16px!important;height:16px!important}
html:not(#z1) body:not(#vaa1):not(#vaa2):not(#vaa3):not(#vaa4):not(#vaa5) :is(header.header #main-nav,header.nav>nav):not(#y1):not(#y2):not(#y3){order:3!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;position:static!important;transform:none!important;visibility:visible!important;width:100%!important;flex:0 0 100%!important;height:auto!important}
}

@media (max-width:900px){
html:not(#z1) body:not(#vaa1):not(#vaa2):not(#vaa3):not(#vaa4):not(#vaa5):not(#vaa6) :is(header.header,header.nav){position:sticky!important;padding:12px 14px 8px 18px!important}
html:not(#z1) body:not(#vaa1):not(#vaa2):not(#vaa3):not(#vaa4):not(#vaa5):not(#vaa6) :is(header.header,header.nav)>:is(.wordmark,.logo){flex:0 1 auto!important;max-width:58%!important}
html:not(#z1) body:not(#vaa1):not(#vaa2):not(#vaa3):not(#vaa4):not(#vaa5):not(#vaa6) :is(header.header,header.nav)>:is(.wordmark,.logo) img{height:22px!important;width:auto!important;max-width:100%!important}
html:not(#z1) body:not(#vaa1):not(#vaa2):not(#vaa3):not(#vaa4):not(#vaa5):not(#vaa6) :is(header.header,header.nav)>:is(.language-switch,.lang):not(.language-switch-injected){margin-left:auto!important;gap:4px!important;font-size:13px!important}
html:not(#z1) body:not(#vaa1):not(#vaa2):not(#vaa3):not(#vaa4):not(#vaa5):not(#vaa6) :is(header.header,header.nav)>:is(.language-switch,.lang):not(.language-switch-injected) button{font-size:13px!important;padding:2px 3px!important}
html:not(#z1) body:not(#vaa1):not(#vaa2):not(#vaa3):not(#vaa4):not(#vaa5):not(#vaa6) :is(header.header,header.nav)>:is(.language-switch,.lang):not(.language-switch-injected)::before{display:none!important}
html:not(#z1) body:not(#vaa1):not(#vaa2):not(#vaa3):not(#vaa4):not(#vaa5):not(#vaa6) :is(header.header #main-nav,header.nav>nav):not(#y1):not(#y2):not(#y3):not(#y4){margin:10px -14px 0 0!important;padding:10px 44px 2px 0!important;gap:4px!important;scroll-snap-type:x proximity}
html:not(#z1) body:not(#vaa1):not(#vaa2):not(#vaa3):not(#vaa4):not(#vaa5):not(#vaa6) :is(header.header #main-nav,header.nav>nav):not(#y1):not(#y2):not(#y3):not(#y4) a{padding:7px 11px!important;font-size:14px!important;background:#f4f2ee!important;scroll-snap-align:start}
html:not(#z1) body:not(#vaa1):not(#vaa2):not(#vaa3):not(#vaa4):not(#vaa5):not(#vaa6) :is(header.header #main-nav,header.nav>nav):not(#y1):not(#y2):not(#y3):not(#y4) a.vaa-active{background:#111!important;color:#fff!important}
html:not(#z1) body:not(#vaa1):not(#vaa2):not(#vaa3):not(#vaa4):not(#vaa5):not(#vaa6) :is(header.header #main-nav,header.nav>nav):not(#y1):not(#y2):not(#y3):not(#y4) a.vaa-active::before{background-color:var(--vaa-c-accent)!important}
html:not(#z1) body:not(#vaa1):not(#vaa2):not(#vaa3):not(#vaa4):not(#vaa5):not(#vaa6) :is(header.header,header.nav)::after{content:"›";position:absolute;right:10px;bottom:12px;width:26px;height:26px;border-radius:50%;background:var(--vaa-c-accent);color:#fff;font:600 18px/24px var(--vaa-f-text);text-align:center;pointer-events:none;box-shadow:0 2px 8px rgba(0,0,0,.15);animation:vaaNudge 1.6s ease-in-out 3}
html:not(#z1) body:not(#vaa1):not(#vaa2):not(#vaa3):not(#vaa4):not(#vaa5):not(#vaa6) :is(header.header,header.nav).vaa-end::after{opacity:0;transition:opacity .2s}
}
@keyframes vaaNudge{0%,100%{transform:translateX(0)}50%{transform:translateX(4px)}}

@media (max-width:900px){html:not(#z1) body:not(#vaa1):not(#vaa2):not(#vaa3):not(#vaa4):not(#vaa5):not(#vaa6) .site-footer .site-footer-right nav{flex-wrap:nowrap!important;justify-content:space-between!important;gap:0 10px!important;width:100%!important}html:not(#z1) body:not(#vaa1):not(#vaa2):not(#vaa3):not(#vaa4):not(#vaa5):not(#vaa6) .site-footer .site-footer-right nav>*{font-size:clamp(10px,3.1vw,13px)!important;white-space:nowrap!important;margin:0!important;padding:0!important}html:not(#z1) body:not(#vaa1):not(#vaa2):not(#vaa3):not(#vaa4):not(#vaa5):not(#vaa6) .site-footer .site-footer-right{width:100%!important}}

@media (max-width:900px){html[lang="en"]:not(#z1) body:not(#vaa1):not(#vaa2):not(#vaa3):not(#vaa4):not(#vaa5):not(#vaa6) .site-footer .site-footer-right nav{gap:0 6px!important}html[lang="en"]:not(#z1) body:not(#vaa1):not(#vaa2):not(#vaa3):not(#vaa4):not(#vaa5):not(#vaa6) .site-footer .site-footer-right nav>*{font-size:clamp(8px,2.4vw,12px)!important}}

@media (max-width:900px){html[lang="en"]:not(#z1) body:not(#vaa1):not(#vaa2):not(#vaa3):not(#vaa4):not(#vaa5):not(#vaa6):not(#vaa7) .site-footer .site-footer-right nav>*{font-size:clamp(10px,2.9vw,13px)!important}}

/* doppelten Seitenrand vermeiden: .wrap in Abschnitt mit eigenem Rand */
html:not(#z1) body:not(#vaa1):not(#vaa2):not(#vaa3):not(#vaa4):not(#vaa5):not(#vaa6) main section[class*="section-pad"] .wrap:not(#w1){padding-left:0!important;padding-right:0!important}
@media (max-width:900px){html:not(#z1) body:not(#vaa1):not(#vaa2):not(#vaa3):not(#vaa4):not(#vaa5):not(#vaa6) main section[class*="section-pad"]{padding-left:20px!important;padding-right:20px!important}}

/* Kontaktbereich: Beschreibung lesbar, auf dem Handy kompakter */
html:not(#z1) body:not(#vaa1):not(#vaa2):not(#vaa3):not(#vaa4):not(#vaa5):not(#vaa6):not(#vaa7) section.contact :is(h2+p,div>p:not(.eyebrow)){color:rgba(17,17,17,.78)!important}
@media (max-width:900px){
html:not(#z1) body:not(#vaa1):not(#vaa2):not(#vaa3):not(#vaa4):not(#vaa5):not(#vaa6):not(#vaa7) section.contact{padding-top:48px!important;padding-bottom:40px!important}
html:not(#z1) body:not(#vaa1):not(#vaa2):not(#vaa3):not(#vaa4):not(#vaa5):not(#vaa6):not(#vaa7) section.contact h2{font-size:clamp(28px,8.5vw,36px)!important;line-height:1!important}
html:not(#z1) body:not(#vaa1):not(#vaa2):not(#vaa3):not(#vaa4):not(#vaa5):not(#vaa6):not(#vaa7) section.contact h2+p,html:not(#z1) body:not(#vaa1):not(#vaa2):not(#vaa3):not(#vaa4):not(#vaa5):not(#vaa6):not(#vaa7) section.contact div>p:not(.eyebrow){font-size:15px!important;line-height:1.5!important;margin-top:12px!important}
html:not(#z1) body:not(#vaa1):not(#vaa2):not(#vaa3):not(#vaa4):not(#vaa5):not(#vaa6):not(#vaa7) section.contact form label{font-size:11px!important;letter-spacing:.12em!important}
html:not(#z1) body:not(#vaa1):not(#vaa2):not(#vaa3):not(#vaa4):not(#vaa5):not(#vaa6):not(#vaa7) section.contact form :is(input,textarea){min-height:0!important;height:40px!important;padding:6px 0!important;font-size:16px!important}
html:not(#z1) body:not(#vaa1):not(#vaa2):not(#vaa3):not(#vaa4):not(#vaa5):not(#vaa6):not(#vaa7) section.contact form textarea{height:64px!important}
html:not(#z1) body:not(#vaa1):not(#vaa2):not(#vaa3):not(#vaa4):not(#vaa5):not(#vaa6):not(#vaa7) section.contact form :is(label,.field,p){margin-top:0!important;margin-bottom:0!important}
html:not(#z1) body:not(#vaa1):not(#vaa2):not(#vaa3):not(#vaa4):not(#vaa5):not(#vaa6):not(#vaa7) section.contact form{gap:10px!important}
html:not(#z1) body:not(#vaa1):not(#vaa2):not(#vaa3):not(#vaa4):not(#vaa5):not(#vaa6):not(#vaa7) section.contact form button[type=submit]{min-height:50px!important;padding:12px 18px!important;margin-top:8px!important}
html:not(#z1) body:not(#vaa1):not(#vaa2):not(#vaa3):not(#vaa4):not(#vaa5):not(#vaa6):not(#vaa7) section.contact a[href^="mailto:"]{font-size:15px!important;margin:12px 0 18px!important}
}

/* Fusszeile auf dem Handy kompakter */
@media (max-width:900px){
html:not(#z1) body:not(#vaa1):not(#vaa2):not(#vaa3):not(#vaa4):not(#vaa5):not(#vaa6):not(#vaa7) .site-footer.site-footer{padding:22px 20px 18px!important}
html:not(#z1) body:not(#vaa1):not(#vaa2):not(#vaa3):not(#vaa4):not(#vaa5):not(#vaa6):not(#vaa7) .site-footer.site-footer .site-footer-mid{display:flex!important;flex-direction:column!important;gap:8px!important;padding-bottom:14px!important}
html:not(#z1) body:not(#vaa1):not(#vaa2):not(#vaa3):not(#vaa4):not(#vaa5):not(#vaa6):not(#vaa7) .site-footer.site-footer .payment-icons,html:not(#z1) body:not(#vaa1):not(#vaa2):not(#vaa3):not(#vaa4):not(#vaa5):not(#vaa6):not(#vaa7) .site-footer.site-footer .site-footer-social{display:grid!important;gap:6px!important}
html:not(#z1) body:not(#vaa1):not(#vaa2):not(#vaa3):not(#vaa4):not(#vaa5):not(#vaa6):not(#vaa7) .site-footer.site-footer .payment-icons{grid-template-columns:repeat(4,1fr)!important}
html:not(#z1) body:not(#vaa1):not(#vaa2):not(#vaa3):not(#vaa4):not(#vaa5):not(#vaa6):not(#vaa7) .site-footer.site-footer .site-footer-social{grid-template-columns:repeat(5,1fr)!important}
html:not(#z1) body:not(#vaa1):not(#vaa2):not(#vaa3):not(#vaa4):not(#vaa5):not(#vaa6):not(#vaa7) .site-footer.site-footer .payment-icons>span{height:30px!important;min-height:0!important;font-size:11px!important;border-radius:7px!important}
html:not(#z1) body:not(#vaa1):not(#vaa2):not(#vaa3):not(#vaa4):not(#vaa5):not(#vaa6):not(#vaa7) .site-footer.site-footer .site-footer-social>a{height:32px!important;min-height:0!important;border-radius:7px!important}
html:not(#z1) body:not(#vaa1):not(#vaa2):not(#vaa3):not(#vaa4):not(#vaa5):not(#vaa6):not(#vaa7) .site-footer.site-footer .site-footer-social svg{width:16px!important;height:16px!important}
html:not(#z1) body:not(#vaa1):not(#vaa2):not(#vaa3):not(#vaa4):not(#vaa5):not(#vaa6):not(#vaa7) .site-footer.site-footer .payment-mastercard i,html:not(#z1) body:not(#vaa1):not(#vaa2):not(#vaa3):not(#vaa4):not(#vaa5):not(#vaa6):not(#vaa7) .site-footer.site-footer .payment-mastercard::before,html:not(#z1) body:not(#vaa1):not(#vaa2):not(#vaa3):not(#vaa4):not(#vaa5):not(#vaa6):not(#vaa7) .site-footer.site-footer .payment-mastercard::after{transform:scale(.75)}
html:not(#z1) body:not(#vaa1):not(#vaa2):not(#vaa3):not(#vaa4):not(#vaa5):not(#vaa6):not(#vaa7) .site-footer.site-footer .site-footer-bottom{padding-top:14px!important;gap:10px!important;display:flex!important;flex-direction:column!important}
html:not(#z1) body:not(#vaa1):not(#vaa2):not(#vaa3):not(#vaa4):not(#vaa5):not(#vaa6):not(#vaa7) .site-footer.site-footer .site-footer-brand{display:flex!important;align-items:center!important;justify-content:space-between!important;height:auto!important}
html:not(#z1) body:not(#vaa1):not(#vaa2):not(#vaa3):not(#vaa4):not(#vaa5):not(#vaa6):not(#vaa7) .site-footer.site-footer .site-footer-logo{font-size:22px!important;height:auto!important}
html:not(#z1) body:not(#vaa1):not(#vaa2):not(#vaa3):not(#vaa4):not(#vaa5):not(#vaa6):not(#vaa7) .site-footer.site-footer .site-footer-brand>span{font-size:11px!important}
html:not(#z1) body:not(#vaa1):not(#vaa2):not(#vaa3):not(#vaa4):not(#vaa5):not(#vaa6):not(#vaa7) .site-footer.site-footer .site-footer-right,html:not(#z1) body:not(#vaa1):not(#vaa2):not(#vaa3):not(#vaa4):not(#vaa5):not(#vaa6):not(#vaa7) .site-footer.site-footer .site-footer-right nav{height:auto!important;margin:0!important;padding:0!important}
}

/* Formular auf dem Handy kompakt */
@media (max-width:900px){html:not(#z1):not(#z2) body:not(#vaa1):not(#vaa2):not(#vaa3):not(#vaa4):not(#vaa5):not(#vaa6):not(#vaa7) .project-form{gap:6px!important;row-gap:6px!important}html:not(#z1):not(#z2) body:not(#vaa1):not(#vaa2):not(#vaa3):not(#vaa4):not(#vaa5):not(#vaa6):not(#vaa7) .project-form label{gap:2px!important;margin:0!important;padding:0!important;min-height:0!important;height:auto!important;font-size:10px!important}html:not(#z1):not(#z2) body:not(#vaa1):not(#vaa2):not(#vaa3):not(#vaa4):not(#vaa5):not(#vaa6):not(#vaa7) .project-form input:not([type=hidden]){height:34px!important;min-height:0!important;max-height:34px!important;padding:4px 0!important;margin:0!important;line-height:1.2!important}html:not(#z1):not(#z2) body:not(#vaa1):not(#vaa2):not(#vaa3):not(#vaa4):not(#vaa5):not(#vaa6):not(#vaa7) .project-form textarea{height:52px!important;min-height:52px!important;max-height:80px!important;padding:4px 0!important;margin:0!important}html:not(#z1):not(#z2) body:not(#vaa1):not(#vaa2):not(#vaa3):not(#vaa4):not(#vaa5):not(#vaa6):not(#vaa7) .project-form button,html:not(#z1):not(#z2) body:not(#vaa1):not(#vaa2):not(#vaa3):not(#vaa4):not(#vaa5):not(#vaa6):not(#vaa7) .project-form .button{min-height:46px!important;height:46px!important;margin-top:8px!important}html:not(#z1):not(#z2) body:not(#vaa1):not(#vaa2):not(#vaa3):not(#vaa4):not(#vaa5):not(#vaa6):not(#vaa7) .project-form small{font-size:12px!important;margin-top:2px!important}html:not(#z1):not(#z2) body:not(#vaa1):not(#vaa2):not(#vaa3):not(#vaa4):not(#vaa5):not(#vaa6):not(#vaa7) #contact h2{font-size:clamp(26px,7.6vw,32px)!important}html:not(#z1):not(#z2) body:not(#vaa1):not(#vaa2):not(#vaa3):not(#vaa4):not(#vaa5):not(#vaa6):not(#vaa7) #contact h2+p{margin-top:10px!important;font-size:14px!important}html:not(#z1):not(#z2) body:not(#vaa1):not(#vaa2):not(#vaa3):not(#vaa4):not(#vaa5):not(#vaa6):not(#vaa7) #contact a[href^="mailto:"]{margin:10px 0 12px!important}}

/* Handy: Logo groesser, Globus vor DE/EN, Pfeil deckend */
@media (max-width:900px){html:not(#z1):not(#z2) body:not(#vaa1):not(#vaa2):not(#vaa3):not(#vaa4):not(#vaa5):not(#vaa6):not(#vaa7) :is(header.header,header.nav)>:is(.wordmark,.logo){max-width:66%!important}html:not(#z1):not(#z2) body:not(#vaa1):not(#vaa2):not(#vaa3):not(#vaa4):not(#vaa5):not(#vaa6):not(#vaa7) :is(header.header,header.nav)>:is(.wordmark,.logo) img{height:28px!important}html:not(#z1):not(#z2) body:not(#vaa1):not(#vaa2):not(#vaa3):not(#vaa4):not(#vaa5):not(#vaa6):not(#vaa7) :is(header.header,header.nav)>:is(.language-switch,.lang):not(.language-switch-injected)::before{display:inline-block!important;content:""!important;width:16px!important;height:16px!important;margin-right:4px!important}html:not(#z1):not(#z2) body:not(#vaa1):not(#vaa2):not(#vaa3):not(#vaa4):not(#vaa5):not(#vaa6):not(#vaa7) :is(header.header,header.nav)::after{background:var(--vaa-c-accent)!important;opacity:1!important;box-shadow:0 0 0 6px #fff,0 2px 8px rgba(0,0,0,.15)!important;z-index:5}}

@media (max-width:900px){html:not(#z1):not(#z2):not(#z3) body:not(#vaa1):not(#vaa2):not(#vaa3):not(#vaa4):not(#vaa5):not(#vaa6):not(#vaa7) :is(header.header,header.nav)::after{right:12px!important;bottom:14px!important;width:26px!important;height:26px!important;line-height:24px!important}}

/* Handy: keine Kugel, Logo und DE/EN sicher in einer Zeile */
@media (max-width:900px){html:not(#z1):not(#z2):not(#z3) body:not(#vaa1):not(#vaa2):not(#vaa3):not(#vaa4):not(#vaa5):not(#vaa6):not(#vaa7):not(#vaa8) :is(header.header,header.nav){flex-wrap:wrap!important}html:not(#z1):not(#z2):not(#z3) body:not(#vaa1):not(#vaa2):not(#vaa3):not(#vaa4):not(#vaa5):not(#vaa6):not(#vaa7):not(#vaa8) :is(header.header,header.nav)>:is(.language-switch,.lang)::before{display:none!important;content:none!important}html:not(#z1):not(#z2):not(#z3) body:not(#vaa1):not(#vaa2):not(#vaa3):not(#vaa4):not(#vaa5):not(#vaa6):not(#vaa7):not(#vaa8) :is(header.header,header.nav)>:is(.wordmark,.logo){flex:0 1 auto!important;max-width:calc(100% - 80px)!important}html:not(#z1):not(#z2):not(#z3) body:not(#vaa1):not(#vaa2):not(#vaa3):not(#vaa4):not(#vaa5):not(#vaa6):not(#vaa7):not(#vaa8) :is(header.header,header.nav)>:is(.wordmark,.logo) img{height:26px!important;max-width:100%!important;width:auto!important}html:not(#z1):not(#z2):not(#z3) body:not(#vaa1):not(#vaa2):not(#vaa3):not(#vaa4):not(#vaa5):not(#vaa6):not(#vaa7):not(#vaa8) :is(header.header,header.nav)>:is(.language-switch,.lang):not(.language-switch-injected){margin-left:auto!important;flex:0 0 auto!important}}

@media (max-width:900px){html:not(#z1):not(#z2):not(#z3):not(#z4) body:not(#vaa1):not(#vaa2):not(#vaa3):not(#vaa4):not(#vaa5):not(#vaa6):not(#vaa7):not(#vaa8) :is(header.header,header.nav)>:is(.wordmark,.logo){min-width:0!important;flex:1 1 0!important;max-width:none!important}html:not(#z1):not(#z2):not(#z3):not(#z4) body:not(#vaa1):not(#vaa2):not(#vaa3):not(#vaa4):not(#vaa5):not(#vaa6):not(#vaa7):not(#vaa8) :is(header.header,header.nav)>:is(.wordmark,.logo) img{width:100%!important;max-width:200px!important;height:auto!important;max-height:26px!important;object-fit:contain!important;object-position:left center!important}}