/*
Theme Name: Sensophie
Theme URI: https://sensophie.de/
Author: Sensophie
Description: Individuelles WordPress-Theme für Sensophie.
Version: 2.1.0
Text Domain: sensophie
*/

@font-face {
  font-family: "Cormorant Garamond";
  src: url("fonts/cormorant-garamond-light.woff2") format("woff2");
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: "Cormorant Garamond";
  src: url("fonts/cormorant-garamond-ligh-italic.woff2") format("woff2");
  font-style: italic;
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: "Cormorant Garamond";
  src: url("fonts/cormorant-garamond-regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Cormorant Garamond";
  src: url("fonts/cormorant-garamond-semiBold.woff2") format("woff2");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("fonts/montserrat-thin.woff2") format("woff2");
  font-style: normal;
  font-weight: 100;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("fonts/montserrat-regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("fonts/montserrat-semiBold.woff2") format("woff2");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "Allura";
  src: url("fonts/Allura-Regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

:root {
  --stage: 1500px;
  --axis-outer: 1300px;
  --axis-copy: 1120px;
  --axis-text: 900px;
  --page-pad: clamp(24px, 4.7vw, 70px);
  --wine: #3d1e1e;
  --red: #4a1e1e;
  --brown: #825538;
  --blue: #8995a7;
  --rose: #dfd3d3;
  --dust: #b69e94;
  --stone: #d9d0cb;
  --cream: #f8f2ec;
  --cream-deep: #ebdfd3;
  --wesen-bg: #f1e7e7;
  --white: #fff;
  --serif: "Cormorant Garamond", Georgia, serif;
  --sans: "Montserrat", Arial, sans-serif;
  --script: "Allura", cursive;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; overflow-x: clip; }
body {
  margin: 0;
  color: var(--wine);
  background: var(--cream);
  font-family: var(--serif);
  font-size: clamp(18px, 1.35vw, 22px);
  font-weight: 300;
  line-height: 1.32;
  overflow-x: clip;
}
body.page-wesen { background: var(--wesen-bg); }
body.menu-is-open { overflow: hidden; }
img, picture, svg { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
p { margin: 0 0 1em; }
ul { margin: .3em 0 1em; padding-left: 1.05em; }
h1, h2, h3 { margin: 0; font-weight: 400; line-height: 1.04; }
address { font-style: normal; }
.main { width: 100%; position: relative; }
.axis-stage,
.section-pad,
.content-row,
.stage {
  position: relative;
  width: min(100%, var(--stage));
  margin-inline: auto;
}
.mobile-only, .mobile-break { display: none; }

/* Header: the stage guides alignment but never clips artwork. */
.site-header { position: relative; z-index: 100; width: 100%; }
.site-header__stage {
  width: min(100%, 1250px);
  min-height: 92px;
  margin-inline: auto;
  padding: 19px 28px 14px;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: start;
}
.site-brand {
  justify-self: start;
  color: #392323;
  font-family: var(--sans);
  font-size: 32px;
  letter-spacing: 0;
}
.site-nav { justify-self: center; align-self: center; }
.primary-menu, .footer-menu { list-style: none; padding: 0; margin: 0; }
.primary-menu { display: flex; gap: 32px; font-family: var(--sans); }
.primary-menu a {
  position: relative;
  font-size: 20px;
  white-space: nowrap;
}
.primary-menu a::after {
  content: "";
  position: absolute;
  height: 1px;
  inset: auto 50% -4px;
  background: currentColor;
  transition: inset .25s ease;
}
.primary-menu a:hover::after,
.primary-menu a:focus-visible::after,
.primary-menu a[aria-current="page"]::after { inset-inline: 0; }
.header-cta {
  justify-self: end;
  width: 235px;
  padding: 14px 20px 12px;
  border: 1px solid #392323;
  border-radius: 999px;
  text-align: center;
  font-family: var(--sans);
  font-size: 18px;
  letter-spacing: 0;
}
.header-cta:hover, .header-cta:focus-visible { background: rgba(255,255,255,.35); }
.menu-trigger { display: none; }
.mobile-menu-contact { display: none; }

/* Shared footer */
.site-footer { position: relative; width: 100%; }
.site-footer__stage {
  width: min(100%, 1250px);
  min-height: 510px;
  margin-inline: auto;
  padding: 120px var(--page-pad) 60px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  gap: 32px;
  font-family: var(--sans);
}
.footer-mark { width: 84px; }
.footer-menu { display: flex; flex-direction: column; align-items: center; gap: 20px; font-size: 18px; }
.footer-copy { margin: 0; font-size: 15px; }
.footer-top { width: 41px; margin-top: 16px; }
.footer-top img { width: 100%; }
.floating-top-button {
  position: fixed;
  right: max(18px, env(safe-area-inset-right));
  bottom: max(18px, env(safe-area-inset-bottom));
  z-index: 90;
  width: 34px;
  margin: 0;
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  pointer-events: auto;
  transition: opacity .2s ease, transform .2s ease, visibility .2s;
}
.floating-top-button.is-visible { opacity: 1; visibility: visible; transform: none; }
.floating-top-button img { display: block; width: 100%; height: auto; }

/* Reusable editorial elements */
.page-hero { text-align: center; padding-inline: var(--page-pad); }
.page-hero h1 { font-size: clamp(52px, 5vw, 78px); }
.page-hero h1 span,
.bottom-cta h2 span { font-family: var(--script); font-weight: 400; }
.page-hero > p { max-width: 980px; margin: 70px auto 0; font-size: clamp(20px, 1.7vw, 27px); }
.graphic-cta { display: block; }
.graphic-cta img { width: 100%; }
.photo-blob img { width: 100%; height: 100%; object-fit: contain; }

/* Ankommen */
.home-hero {
  min-height: 1000px;
  padding: 40px var(--page-pad) 120px;
  text-align: center;
}
.hero-logo { width: min(390px, 34vw); margin: 0 auto 110px; }
.hero-title--home {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: clamp(50px, 5vw, 76px);
  font-weight: 600;
}
.hero-title--home em {
  color: #702323;
  font-family: var(--script);
  font-size: 1.38em;
  font-style: normal;
  font-weight: 400;
  margin-inline: .06em;
}
.hero-subline-wrap { margin-top: 38px; }
.hero-subline { font-size: clamp(22px, 2vw, 31px); }
.hero-subline span { color: var(--blue); }
.hero-note {
  width: 430px;
  margin: 105px 28% 0 auto;
  text-align: right;
  font-size: 18px;
}
.hero-note > span { display: block; width: 1px; height: 165px; margin-left: auto; background: var(--stone); }
.stage-home-intro { min-height: 1600px; }
.blob-card { position: absolute; }
.blob-card > picture > img { width: 100%; }
.blob-card > div {
  position: absolute;
  z-index: 2;
  inset: 20% 18%;
}
.blob-card h2 { margin-bottom: .7em; font-size: clamp(34px, 3vw, 48px); font-weight: 600; }
.home-card-design { width: 735px; left: 7%; top: 40px; }
.home-card-design > div { inset: 28% 19% 18%; }
.home-card-clarity { width: 485px; right: 8%; top: 200px; text-align: center; }
.home-card-clarity > div { inset: 49% 17% 12%; }
.home-card-clarity h2 { font-size: 38px; }
.cta-home-understand {
  position: absolute;
  z-index: 3;
  width: 215px;
  top: 28%;
  right: 8%;
}
.home-card-senso { width: 480px; left: 8%; top: 820px; color: var(--white); }
.home-card-senso > div { inset: 20% 18%; }
.home-card-sophie { width: 820px; right: 6%; top: 880px; color: var(--white); text-align: center; }
.home-card-sophie > div { inset: 23% 15%; }
.home-wordmark { font-size: clamp(55px, 5.5vw, 82px) !important; }
.home-wordmark span:last-child { font-weight: 300; }
.home-card-senso .mini { font-size: 17px; }
.home-card-shadow { position: absolute; width: 550px; right: 1%; top: 1090px; opacity: .26; z-index: -1; }

/* Eintauchen */
.page-hero--eintauchen { padding-top: 120px; min-height: 690px; }
.content-row {
  max-width: var(--axis-copy);
  padding-inline: 30px;
  display: grid;
  grid-template-columns: .95fr 1.05fr;
  align-items: center;
  gap: 110px;
}
.photo-blob--drop { width: 430px; }
.eintauchen-perception article { max-width: 490px; }
.eintauchen-perception h2,
.clarify-copy h2,
.design-copy h2 { margin-bottom: 1em; font-style: italic; font-size: 31px; font-weight: 600; }
.stage-eintauchen-mid { min-height: 1080px; margin-top: 210px; }
.eintauchen-bg-left,
.eintauchen-bg-right { position: absolute; z-index: -1; pointer-events: none; }
.eintauchen-bg-left { width: 780px; left: -100px; top: 80px; opacity: .55; }
.eintauchen-bg-right { width: 600px; right: -30px; top: 350px; opacity: .54; }
.clarify-copy { position: absolute; width: 460px; left: 10%; top: 15px; }
.red-sentence { position: absolute; width: 410px; right: 12%; top: 90px; color: #fff; text-align: center; }
.red-sentence p {
  position: absolute;
  inset: 24% 14%;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  font-size: 24px;
  font-style: italic;
}
.red-sentence .rs-sans { font-family: var(--sans); font-size: .62em; font-style: normal; letter-spacing: .2em; }
.analysis-columns {
  position: absolute;
  left: 10%;
  top: 330px;
  width: 610px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 70px;
}
.analysis-columns h3 { font-family: var(--sans); font-size: 17px; letter-spacing: .19em; margin-bottom: 1.1em; }
.analysis-columns em { font-weight: 600; }
.eintauchen-design { min-height: 1160px; padding-inline: max(var(--page-pad), calc((100% - var(--axis-outer)) / 2)); }
.design-copy { display: grid; grid-template-columns: 1fr 1fr; gap: 180px; align-items: end; }
.design-copy__right { text-align: right; }
.large-whisper {
  position: relative;
  z-index: -1;
  margin: -30px auto 80px;
  color: #fff;
  text-align: center;
  font-size: clamp(48px, 5.4vw, 80px);
  font-style: italic;
  line-height: 1.08;
}
.center-text { max-width: 970px; margin: 0 auto 100px; text-align: center; }
.design-elements { width: 670px; margin: 0 auto; }
.bottom-cta--eintauchen {
  position: relative;
  width: min(100%, var(--stage));
  min-height: 560px;
  margin-inline: auto;
  padding: 145px 18%;
  overflow: visible;
  border-radius: 80px 0 80px 0;
  background: var(--red);
  color: #fff;
}
.bottom-cta h2 { font-size: clamp(52px, 5vw, 76px); }
.bottom-cta .graphic-cta { position: absolute; width: 375px; right: 9%; bottom: 95px; }

/* Wirken */
.page-hero--wirken { padding-top: 110px; min-height: 860px; }
.page-hero--wirken h1 span { color: var(--brown); font-size: 1.35em; }
.wirken-offers { min-height: 1330px; padding-top: 360px; }
.photo-blob--butterfly {
  position: absolute;
  z-index: 2;
  width: 590px;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.offer-grid {
  width: min(calc(100% - 120px), var(--axis-outer));
  margin-inline: auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 36px;
}
.offer-card { min-height: 720px; padding: 215px 45px 65px; border-radius: 30px; }
.offer-card h2, .agreement h2, .process > h2 { margin-bottom: 1.5em; color: var(--brown); font-size: 31px; font-style: italic; font-weight: 600; }
.offer-card--rose { background: var(--cream-deep); }
.offer-card--white { background: #fff; }
.offer-card--beige { background: #e7e1df; }
.agreement { max-width: var(--axis-copy); padding: 210px var(--page-pad); text-align: center; }
.agreement p { font-size: 22px; }
.process { min-height: 1425px; padding: 80px var(--page-pad) 0; }
.process > h2 { text-align: center; }
.process-list-wrap { position: relative; z-index: 2; width: min(100%, 1120px); margin: 100px auto 0; }
.process-list article { display: grid; grid-template-columns: 110px 1fr; align-items: center; margin-bottom: 48px; }
.process-list article > span {
  width: 82px;
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  border-radius: 58% 42% 49% 51% / 48% 56% 44% 52%;
  background: var(--brown);
  color: #fff;
  font-style: italic;
  font-size: 25px;
}
.process-list h3 { font-family: var(--sans); font-size: 16px; letter-spacing: .17em; }
.process-photo-cta { position: absolute; z-index: 1; width: 930px; right: -70px; bottom: -120px; }
.process-photo-cta > picture img { width: 100%; }
.graphic-cta--on-photo { position: absolute; width: 310px; right: 14%; top: 45%; }

/* Wesen */
.page-hero--wesen { min-height: 1050px; padding-top: 120px; text-align: left; }
.page-hero--wesen h1 { width: 780px; margin: 0 auto; text-align: center; }
.page-hero--wesen h1 span { display: block; color: #702323; font-size: 1.25em; }
.page-hero--wesen > p { position: absolute; left: 15%; top: 560px; margin: 0; text-align: center; font-style: italic; }
.wesen-portrait { position: absolute; width: 680px; right: 4%; top: 330px; }
.wesen-portrait img { width: 100%; }
.wesen-blobs { min-height: 3545px; }
.text-blob { position: absolute; width: 720px; }
.text-blob picture img { width: 100%; }
.text-blob > div {
  position: absolute;
  z-index: 2;
  inset: 23% 15%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.text-blob--rose { top: 0; left: 3%; }
.text-blob--beige { top: 520px; right: 3%; text-align: right; }
.text-blob--altrosa { top: 1080px; left: 3%; }
.text-blob--brown { top: 1620px; right: 3%; color: #fff; text-align: center; }
.wesen-contact { top: 2220px; left: 3%; color: #fff; }
.wesen-contact h2 { margin-bottom: .7em; font-size: 34px; font-style: italic; font-weight: 600; }
.wesen-contact .graphic-cta { width: 220px; margin: 25px auto 0; }

/* Legal, generic and error pages */
.legal-page { position: relative; min-height: 1200px; padding: 120px var(--page-pad); }
.legal-content, .generic-content { position: relative; z-index: 2; width: min(100%, 900px); margin-inline: auto; }
.legal-content h1, .generic-content h1 { margin-bottom: 1.5em; font-size: clamp(48px, 5vw, 72px); }
.legal-content h2 { margin: 2.2em 0 .8em; font-size: 30px; font-style: italic; font-weight: 600; }
.legal-content a { text-decoration: underline; text-underline-offset: .15em; }
.legal-content address { margin: 2em 0; }
.legal-content ul { margin: 1.2em 0 1.8em; padding-left: 1.35em; }
.legal-content li + li { margin-top: .35em; }
.legal-blob { position: absolute; z-index: 0; width: 700px; opacity: .12; pointer-events: none; }
.legal-blob--one { left: -100px; top: 180px; }
.legal-blob--two { right: -120px; top: 740px; }
.generic-page { min-height: 900px; padding: 120px var(--page-pad); }
.error-page { min-height: 900px; display: grid; place-items: center; padding: 100px var(--page-pad); }
.error-page__blob { position: absolute; width: min(78vw, 720px); aspect-ratio: 1.05; background: var(--rose); border-radius: 56% 44% 48% 52% / 45% 56% 44% 55%; }
.error-page__content { position: relative; z-index: 2; max-width: 520px; text-align: center; }
.error-page__code { font-family: var(--sans); letter-spacing: .2em; }
.error-page h1 { margin-bottom: .7em; font-size: 52px; }
.text-link { display: inline-block; margin-top: 25px; font-family: var(--sans); font-size: 13px; letter-spacing: .16em; }

/* Mid-sized windows: keep artwork complete and move it onto outer axes. */
@media (max-width: 1180px) and (min-width: 768px) {
  :root { --page-pad: clamp(35px, 5vw, 60px); }
  .site-header__stage { grid-template-columns: 1fr auto 1fr; }
  .header-cta { min-width: 170px; }
  .primary-menu { gap: 22px; }
  .home-card-design { width: 61vw; left: 3%; }
  .home-card-clarity { width: 41vw; right: 2%; }
  .home-card-senso { width: 41vw; left: 3%; }
  .home-card-sophie { width: 67vw; right: 1%; }
  .content-row { gap: 45px; }
  .photo-blob--drop { width: min(42vw, 430px); }
  .offer-grid { width: calc(100% - 60px); gap: 20px; }
  .offer-card { padding-inline: 28px; }
  .page-hero--wesen > p { left: 7%; }
  .wesen-portrait { width: 58vw; right: 1%; }
  .text-blob { width: 61vw; }
}

/* Mobile composition is intentionally distinct from desktop. */
@media (max-width: 699px) {
  .site-header__stage { min-height: 65px; padding: 23px 16px 12px; display: flex; justify-content: space-between; align-items: flex-start; }
  .site-brand { display: block; font-size: 18px; }
  .header-cta { display: none; }
  .menu-trigger {
    position: relative;
    z-index: 102;
    display: block;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    font-family: var(--sans);
    font-size: 15px;
  }
  .menu-trigger__close { display: none; }
  .menu-trigger[aria-expanded="true"] .menu-trigger__open { display: none; }
  .menu-trigger[aria-expanded="true"] .menu-trigger__close { display: inline; }
  .site-nav {
    position: fixed;
    z-index: 101;
    inset: 0;
    padding: 120px 32px 60px;
    display: grid;
    place-items: center;
    background: rgba(248,242,236,.98);
    opacity: 0;
    visibility: hidden;
    transition: opacity .25s ease, visibility .25s ease;
  }
  body.page-wesen .site-nav { background: rgba(241,231,231,.98); }
  .site-nav.is-open { opacity: 1; visibility: visible; }
  .primary-menu { flex-direction: column; align-items: center; gap: 32px; }
  .primary-menu a { font-size: 20px; }
  .mobile-menu-contact { display: block; margin-top: 40px; font-family: var(--sans); font-size: 22px; text-decoration: underline; text-underline-offset: .25em; }
}

@media (max-width: 767px) {
  :root { --page-pad: 23px; }
  body { font-size: clamp(16px, 4.15vw, 18px); }
  .mobile-only, .mobile-break { display: initial; }
  .page-hero h1 { font-size: clamp(41px, 12vw, 57px); }
  .page-hero > p { margin-top: 42px; font-size: 18px; }

  .home-hero { min-height: 1070px; padding: 5px 18px 60px; }
  .hero-logo { width: 75vw; margin-bottom: 75px; }
  .hero-title--home { font-size: clamp(40px, 11vw, 52px); line-height: .93; }
  .hero-title--home span { display: contents; }
  .hero-title--home em { display: block; margin: .05em 0 -.02em; font-size: 1.24em; }
  .hero-subline-wrap { margin-top: 85px; }
  .hero-subline { width: 82%; margin-inline: auto; font-size: 20px; line-height: 1.1; }
  .hero-note { width: 75%; margin: 80px 0 0 auto; padding-right: 18px; font-size: 16px; }
  .hero-note > span { height: 100px; }
  .stage-home-intro { min-height: 0; padding-top: 610px; display: flex; flex-direction: column; align-items: center; }
  .blob-card { position: relative; inset: auto !important; }
  .blob-card > div { font-size: 15px; }
  .blob-card h2 { font-size: 31px; }
  .home-card-design { width: 112%; margin-left: -8%; }
  .home-card-design > div { inset: 23% 20% 15% 22%; }
  .home-card-clarity { width: 118%; margin: 5% -8% 0 0; }
  .home-card-clarity > div { inset: 49% 26% 13% 18%; }
  .home-card-clarity h2 { font-size: 29px; }
  .cta-home-understand { width: 180px; top: 29%; right: 22%; }
  .home-card-senso { width: 112%; margin: 4% 0 0 -8%; }
  .home-card-senso > div { inset: 20% 22% 15% 23%; }
  .home-card-sophie { width: 112%; margin: 3% -6% 0 0; }
  .home-card-sophie > div { inset: 25% 20%; }
  .home-wordmark { font-size: 55px !important; }
  .home-card-shadow { display: none; }

  .page-hero--eintauchen { min-height: 640px; padding: 70px 30px 30px; }
  .page-hero--eintauchen h1 span { display: block; }
  .content-row { padding: 0 23px 260px; display: flex; flex-direction: column; gap: 90px; align-items: flex-start; }
  .photo-blob--drop { width: 78%; margin-inline: auto; }
  .eintauchen-perception article { max-width: 72%; }
  .eintauchen-perception h2, .clarify-copy h2, .design-copy h2 { font-size: 27px; }
  .stage-eintauchen-mid { min-height: 1608px; margin-top: 130px; }
  .eintauchen-bg-left { width: 145%; left: -65%; top: 280px; }
  .eintauchen-bg-right { width: 135%; right: -65%; top: 600px; }
  .clarify-copy { position: relative; inset: auto; width: 72%; margin-left: 23px; }
  .red-sentence { width: 58%; right: 8%; top: 190px; }
  .red-sentence p { font-size: 17px; }
  .analysis-columns { left: 23px; top: 500px; width: calc(100% - 46px); gap: 15px; }
  .analysis-columns article:last-child { margin-top: 160px; text-align: right; }
  .analysis-columns h3 { font-size: 13px; }
  .eintauchen-design { min-height: 1760px; padding: 80px 23px 0; }
  .design-copy { display: block; }
  .design-copy__left { max-width: 74%; }
  .design-copy__right { max-width: 64%; margin: 65px 0 0 auto; }
  .large-whisper { margin: -5px -25px 45px; font-size: 39px; }
  .center-text { max-width: 75%; margin-right: 0; font-size: 15px; }
  .design-elements { width: 180px; }
  .bottom-cta--eintauchen { min-height: 440px; padding: 100px 24px; border-radius: 54px 0 54px 0; }
  .bottom-cta h2 { font-size: 48px; }
  .bottom-cta .graphic-cta { width: 235px; right: 10%; bottom: 65px; }

  .page-hero--wirken { min-height: 720px; padding: 65px 35px 20px; }
  .page-hero--wirken > p { width: 78%; }
  .wirken-offers { min-height: 0; padding: 270px 16px 0; }
  .photo-blob--butterfly { width: 80%; }
  .offer-grid { width: 100%; display: block; }
  .offer-card { min-height: 590px; margin-bottom: 34px; padding: 155px 28px 65px; border-radius: 18px; }
  .offer-card h2 { font-size: 27px; }
  .agreement { padding: 185px 35px; }
  .agreement p { font-size: 16px; }
  .process { min-height: 1080px; padding: 45px 23px 0; }
  .process > h2 { width: 70%; text-align: left; font-size: 29px; }
  .process-list-wrap { margin-top: 70px; }
  .process-list article { grid-template-columns: 1fr 75px; align-items: start; margin-bottom: 60px; }
  .process-list article > span { grid-column: 2; grid-row: 1; width: 68px; }
  .process-list article > div { grid-column: 1; grid-row: 1; padding-top: 15px; }
  .process-list h3 { font-size: 12px; }
  .process-photo-cta { width: 120%; right: -22%; bottom: -40px; }
  .graphic-cta--on-photo { width: 210px; right: 26%; top: 38%; }

  .page-hero--wesen { min-height: 1155px; padding: 75px 0 0; }
  .page-hero--wesen h1 { width: 78%; }
  .page-hero--wesen > p { display: none; }
  .wesen-portrait { width: 135%; max-width: none; right: -18%; top: 330px; }
  .wesen-blobs { min-height: 0; padding-top: 180px; display: flex; flex-direction: column; align-items: center; }
  .text-blob { position: relative; inset: auto !important; width: 120%; }
  .text-blob > div { font-size: 15px; }
  .text-blob--rose { margin: 180px 0 180px -17%; }
  .text-blob--rose > div { inset: 21% 24% 16% 26%; }
  .wesen-mobile-centered {
    position: absolute;
    width: 70vw;
    left: 17vw;
    bottom: calc(100% + 115px);
    text-align: center;
    font-style: italic;
  }
  .text-blob--beige { margin: 30px -18% 430px 0; }
  .text-blob--beige > div { inset: 20% 25% 15% 23%; }
  .wesen-between {
    position: absolute;
    width: 72vw;
    top: calc(100% + 110px);
    right: 13vw;
    text-align: center;
  }
  .text-blob--altrosa { margin: 150px 0 160px -16%; }
  .text-blob--altrosa > div { inset: 19% 24% 16% 25%; }
  .text-blob--brown { margin: 130px -17% 150px 0; }
  .text-blob--brown > div { inset: 22% 22%; }
  .wesen-contact { margin: 150px 0 0 -15%; }
  .wesen-contact > div { inset: 18% 23%; }
  .wesen-contact h2 { font-size: 29px; }
  .wesen-contact .graphic-cta { width: 180px; }

  .site-footer__stage { min-height: 620px; padding: 150px 20px 45px; gap: 25px; }
  .main-wesen + .site-footer .site-footer__stage { min-height: 920px; }
  .footer-mark { width: 54px; }
  .footer-menu { display: flex; flex-direction: column; gap: 18px; text-align: center; }
  .footer-copy { margin-top: 45px; }
  .legal-page, .generic-page { padding-top: 80px; }
  .legal-content h1 { font-size: 46px; }
  .legal-content h2 { font-size: 25px; }
  .legal-blob { width: 130%; }
}

/* Ankommen 2026: layered artboard based on the five supplied references. */
body.page-ankommen {
  position: relative;
  background: #fbf2e8;
  color: #392323;
  font-weight: 400;
}
.page-ankommen .site-header {
  position: absolute;
  inset: 0 0 auto;
}
.ankommen-page {
  width: min(100%, 1250px);
  margin-inline: auto;
}
.ankommen-artboard {
  position: relative;
  width: 100%;
  height: min(279.76vw, 3497px);
  /* The content axis is capped at 1250px; the supplied background deliberately
     extends beyond it through its negative X origin. Only the vertical excess
     is clipped at the designed page height. */
  overflow-x: visible;
  overflow-y: clip;
  container-type: inline-size;
}
.ankommen-background,
.ankommen-logo,
.ankommen-block,
.ankommen-cloud,
.ankommen-understand,
.ankommen-glyph {
  position: absolute;
  z-index: 2;
}
.ankommen-background {
  z-index: 0;
  top: 0;
  left: -14.9194cqw;
  width: 134.1699cqw;
  max-width: none;
  pointer-events: none;
}
.ankommen-background img { width: 100%; max-width: none; }
/* Blend the translucent artwork into the page colour at the designed page
   edge so zoomed-out and unusually tall viewports never expose a hard seam. */
.ankommen-artboard::after {
  content: "";
  position: absolute;
  z-index: 1;
  left: -50vw;
  right: -50vw;
  bottom: 0;
  height: clamp(32px, 6cqw, 75px);
  background: linear-gradient(to bottom, rgba(251, 242, 232, 0), #fbf2e8 100%);
  pointer-events: none;
}
.ankommen-logo {
  top: 13.6474cqw;
  left: 50%;
  width: 28cqw;
  max-width: none;
  transform: translateX(-50%);
}
.ankommen-block { margin: 0; white-space: nowrap; }
.ankommen-block p { margin: 0; white-space: nowrap; }
.ankommen-block p + p { margin-top: 1.2em; }
.ankommen-align-right {
  direction: ltr;
  text-align: right;
}
.ankommen-variant { display: none; }
.ankommen-variant--1250 { display: inline; }
.ankommen-align-right > .ankommen-variant {
  display: none;
  width: 100%;
}
@media (min-width: 1125px) {
  .ankommen-align-right > .ankommen-variant--1250 { display: flex; }
}
.ankommen-title,
.ankommen-intro { left: 50%; transform: translateX(-50%); text-align: center; }
.ankommen-title {
  top: 51.8884cqw;
  width: 55.1931cqw;
  font-size: 4.16cqw;
  font-weight: 600;
  line-height: 5.4272cqw;
}
.ankommen-title em {
  color: #7d2f34;
  font-family: var(--script);
  font-size: 6cqw;
  font-style: normal;
  font-weight: 400;
  line-height: 0;
}
.ankommen-intro {
  top: 66.8421cqw;
  width: 56.352cqw;
  font-size: 2.24cqw;
  line-height: 3.3328cqw;
}
.ankommen-intro b {
  color: #898999;
  font-family: var(--sans);
  font-size: 1.76cqw;
  font-weight: 400;
}
.ankommen-design-heading {
  top: 85.3969cqw;
  left: 16.138cqw;
  width: 28.0679cqw;
  font-size: 2.88cqw;
  font-weight: 600;
  line-height: 3.456cqw;
}
.ankommen-design-copy {
  top: 94.0555cqw;
  left: 16.138cqw;
  width: 47.1616cqw;
  font-size: 2.08cqw;
  line-height: 2.496cqw;
}
.ankommen-quote {
  top: 119.4943cqw;
  right: 16.0378cqw;
  width: 61.4014cqw;
  color: #7986ad;
  font-size: 3.04cqw;
  font-style: italic;
  font-weight: 600;
  line-height: 3.648cqw;
}
.ankommen-start {
  top: 134.5341cqw;
  left: 16.138cqw;
  width: 36.4031cqw;
  font-size: 2.08cqw;
  line-height: 2.496cqw;
}
.ankommen-cloud {
  top: 150.3318cqw;
  left: 39.5262cqw;
  width: 52.8797cqw;
  max-width: none;
}
.ankommen-quiet,
.ankommen-guide { right: 18.919cqw; }
.ankommen-quiet {
  top: 163.3716cqw;
  font-size: 2.88cqw;
  font-weight: 600;
  line-height: 3.456cqw;
}
.ankommen-guide {
  top: 168.1235cqw;
  width: 16.7382cqw;
  font-size: 2.08cqw;
  line-height: 2.496cqw;
}
.ankommen-understand {
  top: 187.2117cqw;
  right: 18.4198cqw;
  width: 20.7674cqw;
}
.ankommen-understand img { width: 100%; }
.ankommen-senso,
.ankommen-sophie {
  font-size: 4.64cqw;
  font-weight: 600;
  line-height: 1;
}
.ankommen-senso span:last-child,
.ankommen-sophie span:first-child { color: #7d2f34; }
.ankommen-senso { top: 190.8834cqw; left: 16.138cqw; }
.ankommen-glyph {
  top: 197.7975cqw;
  left: 16.138cqw;
  width: 14.4528cqw;
}
.ankommen-senso-copy {
  top: 201.6777cqw;
  left: 16.138cqw;
  width: 31.2518cqw;
  font-size: 2.08cqw;
  line-height: 2.496cqw;
}
.ankommen-sophie {
  top: 222.6321cqw;
  right: 16.1846cqw;
  width: 36.1152cqw;
}
.ankommen-sophie-copy {
  top: 229.0169cqw;
  right: 16.1846cqw;
  width: 36.1152cqw;
  font-size: 2.08cqw;
  line-height: 2.496cqw;
}
.ankommen-right-lines {
  flex-direction: column;
  align-items: flex-end;
}
.ankommen-right-lines > span {
  display: block;
  flex: 0 0 auto;
  width: max-content;
  max-width: none;
}

/* The shared footer overlays the lower part of the supplied ankommen artboard. */
.page-ankommen .site-footer {
  position: absolute;
  z-index: 20;
  top: 0;
  left: 50%;
  width: min(100%, 1250px);
  height: min(279.76vw, 3497px);
  transform: translateX(-50%);
  container-type: inline-size;
  pointer-events: none;
}
.page-ankommen .site-footer__stage {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 0;
  padding: 0;
  display: block;
  font-family: var(--sans);
}
.page-ankommen .footer-mark,
.page-ankommen .footer-nav,
.page-ankommen .footer-copy,
.page-ankommen .footer-top { position: absolute; margin: 0; pointer-events: auto; }
.page-ankommen .footer-mark {
  top: 251.7856cqw;
  left: 50%;
  width: 6.7008cqw;
  transform: translateX(-50%);
}
.page-ankommen .footer-nav {
  top: 264.4662cqw;
  left: 50%;
  transform: translateX(-50%);
}
.page-ankommen .footer-menu {
  gap: 2.0963cqw;
  font-size: 1.44cqw;
  line-height: 1.2;
  white-space: nowrap;
}
.page-ankommen .footer-copy {
  top: 276.5997cqw;
  left: 5.681cqw;
  font-size: 1.2cqw;
}
.page-ankommen .footer-top {
  top: 272.3305cqw;
  left: 92.0692cqw;
  width: 3.2495cqw;
}

@media (min-width: 900px) and (max-width: 1124px) {
  .site-brand { font-size: 26px; }
  .primary-menu { gap: 25px; }
  .primary-menu a { font-size: 16px; }
  .header-cta { width: 190px; padding: 11px 18px 10px; font-size: 15px; }

  .ankommen-artboard { height: 282.0762vw; }
  .ankommen-variant { display: none; }
  .ankommen-variant--1024 { display: inline; }
  .ankommen-align-right > .ankommen-variant--1024 { display: flex; }
  .ankommen-background { left: -14.8718cqw; width: 134.1227cqw; }
  .ankommen-logo { top: 13.6426cqw; width: 31.25cqw; }
  .ankommen-title { top: 53.5656cqw; width: 58.4738cqw; font-size: 4.3945cqw; line-height: 5.5664cqw; }
  .ankommen-title em { font-size: 6.3477cqw; }
  .ankommen-intro { top: 68.2922cqw; width: 68.3553cqw; font-size: 2.7344cqw; line-height: 3.418cqw; }
  .ankommen-intro b { font-size: 2.1484cqw; }
  .ankommen-design-heading { top: 90.2482cqw; left: 16.1747cqw; width: 28.0762cqw; font-size: 2.8809cqw; line-height: 3.457cqw; }
  .ankommen-design-copy { top: 98.9052cqw; left: 16.1747cqw; width: 47.7171cqw; font-size: 2.1484cqw; line-height: 2.5781cqw; }
  .ankommen-quote { top: 124.3352cqw; right: 16.025cqw; width: 50.5779cqw; font-size: 3.0273cqw; line-height: 3.6328cqw; }
  .ankommen-start { top: 139.1835cqw; left: 16.1747cqw; width: 32.5861cqw; font-size: 2.1484cqw; line-height: 2.5781cqw; }
  .ankommen-cloud { top: 154.1851cqw; left: 39.5546cqw; width: 52.8611cqw; }
  .ankommen-quiet, .ankommen-guide { right: 18.9052cqw; }
  .ankommen-quiet { top: 166.2422cqw; font-size: 2.8809cqw; line-height: 3.457cqw; }
  .ankommen-guide { top: 170.994cqw; width: 16.5036cqw; font-size: 2.1484cqw; line-height: 2.5781cqw; }
  .ankommen-understand { top: 189.0989cqw; right: 18.4061cqw; width: 20.7601cqw; }
  .ankommen-senso, .ankommen-sophie { font-size: 4.6387cqw; }
  .ankommen-senso { top: 193.7459cqw; left: 16.1747cqw; }
  .ankommen-glyph { top: 200.6576cqw; left: 16.1747cqw; width: 14.4478cqw; }
  .ankommen-senso-copy { top: 204.5363cqw; left: 16.1747cqw; width: 31.7896cqw; font-size: 2.1484cqw; line-height: 2.5781cqw; }
  .ankommen-sophie { top: 224.5068cqw; right: 16.025cqw; width: 37.3035cqw; }
  .ankommen-sophie-copy { top: 230.8893cqw; right: 16.025cqw; width: 37.3035cqw; font-size: 2.1484cqw; line-height: 2.5781cqw; }

  .page-ankommen .site-footer { height: 282.0762vw; }
  .page-ankommen .footer-mark { top: 253.6501cqw; width: 6.6985cqw; }
  .page-ankommen .footer-nav { top: 266.3464cqw; }
  .page-ankommen .footer-menu { gap: 2.316cqw; font-size: 1.416cqw; }
  .page-ankommen .footer-copy { top: 274.1878cqw; left: 5.7cqw; font-size: 1.1719cqw; }
  .page-ankommen .footer-top { top: 274.1878cqw; left: 92.0792cqw; width: 3.2484cqw; }
}

@media (min-width: 700px) and (max-width: 899px) {
  .site-header__stage { min-height: 66px; padding: 18px 24px 10px; }
  .site-brand { font-size: 18px; }
  .primary-menu { gap: 24px; }
  .primary-menu a { font-size: 13px; }
  .header-cta { width: 129px; min-width: 0; padding: 8px 12px 7px; font-size: 11px; }

  .ankommen-artboard { height: 314.3959vw; }
  .ankommen-variant { display: none; }
  .ankommen-variant--778 { display: inline; }
  .ankommen-align-right > .ankommen-variant--778 { display: flex; }
  .ankommen-background { left: -14.9472cqw; width: 134.2024cqw; }
  .ankommen-logo { top: 14.1617cqw; width: 38.5604cqw; }
  .ankommen-title { top: 66.4022cqw; width: 63.5516cqw; font-size: 4.6272cqw; line-height: 4.8843cqw; }
  .ankommen-title em { font-size: 7.3907cqw; }
  .ankommen-intro { top: 81.9787cqw; width: 70.1199cqw; font-size: 2.8278cqw; line-height: 3.599cqw; }
  .ankommen-intro b { font-size: 2.1851cqw; }
  .ankommen-design-heading { top: 103.1617cqw; left: 14.9381cqw; width: 31.3168cqw; font-size: 3.2134cqw; line-height: 3.856cqw; }
  .ankommen-design-copy { top: 112.9465cqw; left: 14.9381cqw; width: 43.3438cqw; font-size: 2.5707cqw; line-height: 3.0848cqw; }
  .ankommen-quote { top: 147.3064cqw; right: 14.9414cqw; width: 51.9777cqw; font-size: 3.0848cqw; line-height: 3.7018cqw; }
  .ankommen-start { top: 163.6209cqw; left: 14.9381cqw; width: 38.9906cqw; font-size: 2.5707cqw; line-height: 3.0848cqw; }
  .ankommen-cloud { top: 178.6654cqw; left: 39.5115cqw; width: 52.8925cqw; }
  .ankommen-quiet, .ankommen-guide { right: 20.5656cqw; }
  .ankommen-quiet { top: 191.438cqw; font-size: 3.2134cqw; line-height: 3.856cqw; }
  .ankommen-guide { top: 196.1094cqw; width: 19.7473cqw; font-size: 2.5707cqw; line-height: 3.0848cqw; }
  .ankommen-understand { top: 215.5543cqw; right: 18.4242cqw; width: 20.6728cqw; }
  .ankommen-senso, .ankommen-sophie { font-size: 4.6272cqw; }
  .ankommen-senso { top: 222.4278cqw; left: 14.9381cqw; }
  .ankommen-glyph { top: 229.3436cqw; left: 14.9381cqw; width: 14.4564cqw; }
  .ankommen-senso-copy { top: 232.7471cqw; left: 14.9381cqw; width: 36.2473cqw; font-size: 2.5707cqw; line-height: 3.0848cqw; }
  .ankommen-sophie { top: 253.5652cqw; right: 14.9414cqw; width: 31.4577cqw; }
  .ankommen-sophie-copy { top: 260.1024cqw; right: 14.9414cqw; width: 31.4577cqw; font-size: 2.5707cqw; line-height: 3.0848cqw; }

  .page-ankommen .site-footer { height: 314.3959vw; }
  .page-ankommen .footer-mark { top: 286.5077cqw; width: 6.8342cqw; }
  .page-ankommen .footer-nav { top: 298.9006cqw; }
  .page-ankommen .footer-menu { gap: 2.3147cqw; font-size: 1.5424cqw; }
  .page-ankommen .footer-copy { top: 311.111cqw; left: 3.8052cqw; font-size: 1.2853cqw; }
  .page-ankommen .footer-top { top: 306.8866cqw; left: 90.6461cqw; width: 3.2665cqw; }
}

@media (min-width: 480px) and (max-width: 699px) {
  .ankommen-artboard { height: 414.3333vw; }
  .ankommen-variant { display: none; }
  .ankommen-variant--600 { display: inline; }
  .ankommen-align-right > .ankommen-variant--600 { display: flex; }
  .ankommen-background { left: -19.1702cqw; width: 154.2947cqw; }
  .ankommen-logo { top: 19.006cqw; width: 47.5cqw; }
  .ankommen-title { top: 85.9129cqw; width: 72.6911cqw; font-size: 5.3333cqw; line-height: 6.3333cqw; }
  .ankommen-title em { font-size: 8.3333cqw; }
  .ankommen-intro { top: 107.1097cqw; width: 65.1989cqw; font-size: 3.6667cqw; line-height: 4.6667cqw; }
  .ankommen-intro b { font-size: 2.8333cqw; }
  .ankommen-design-heading { top: 134.1842cqw; left: 8.9165cqw; width: 37.3589cqw; font-size: 3.8333cqw; line-height: 4.6cqw; }
  .ankommen-design-copy { top: 147.3658cqw; left: 8.9165cqw; width: 48.326cqw; font-size: 3cqw; line-height: 3.6cqw; }
  .ankommen-quote { top: 181.249cqw; right: 8.6667cqw; width: 36.3588cqw; font-size: 4cqw; line-height: 4.8cqw; }
  .ankommen-start { top: 206.3876cqw; left: 8.9165cqw; width: 45.5021cqw; font-size: 3cqw; line-height: 3.6cqw; }
  .ankommen-cloud { top: 233.7682cqw; left: 39.5606cqw; width: 54.4225cqw; }
  .ankommen-quiet, .ankommen-guide { right: 16.3333cqw; }
  .ankommen-quiet { top: 246.4821cqw; font-size: 3.8333cqw; line-height: 4.6cqw; }
  .ankommen-guide { top: 253.0267cqw; width: 23.0452cqw; font-size: 3cqw; line-height: 3.6cqw; }
  .ankommen-understand { top: 271.7242cqw; right: 17.1667cqw; width: 22.1966cqw; }
  .ankommen-senso, .ankommen-sophie { font-size: 6cqw; }
  .ankommen-senso { top: 285.8498cqw; left: 8.9165cqw; }
  .ankommen-glyph { top: 294.8997cqw; left: 8.9165cqw; width: 22.1437cqw; }
  .ankommen-senso-copy { top: 301.5192cqw; left: 8.9165cqw; width: 42.3739cqw; font-size: 3cqw; line-height: 3.6cqw; }
  .ankommen-sophie { top: 328.0296cqw; right: 8.6667cqw; width: 36.3961cqw; }
  .ankommen-sophie-copy { top: 337.7673cqw; right: 8.6667cqw; width: 36.3961cqw; font-size: 3cqw; line-height: 3.6cqw; }

  .page-ankommen .site-footer { height: 414.3333vw; }
  .page-ankommen .footer-mark { top: 373.126cqw; width: 8.9284cqw; }
  .page-ankommen .footer-nav { top: 389.2389cqw; }
  .page-ankommen .footer-menu { gap: 2.985cqw; font-size: 2cqw; }
  .page-ankommen .footer-copy { top: 408.4051cqw; left: 50%; transform: translateX(-50%); font-size: 1.6667cqw; white-space: nowrap; }
  .page-ankommen .footer-top { top: 401.5381cqw; left: 50%; width: 4.2356cqw; transform: translateX(-50%); }
}

@media (max-width: 479px) {
  .site-header__stage { padding: 18px 16px 10px; }
  .site-brand, .menu-trigger { font-size: 16px; }

  .ankommen-artboard { height: 734.1667vw; }
  .ankommen-variant { display: none; }
  .ankommen-variant--360 { display: inline; }
  .ankommen-align-right > .ankommen-variant--360 { display: flex; }
  .ankommen-background { left: -48.9189cqw; width: 212.3871cqw; }
  .ankommen-logo { top: 17.6983cqw; width: 72.2222cqw; }
  .ankommen-title { top: 109.6323cqw; width: 61.6433cqw; font-size: 7.7778cqw; line-height: 9.3333cqw; }
  .ankommen-title em { font-size: 11.9444cqw; }
  .ankommen-intro { top: 157.7219cqw; width: 57.5559cqw; font-size: 5.8333cqw; line-height: 7cqw; }
  .ankommen-intro b { font-size: 4.7222cqw; }
  .ankommen-design-heading { top: 218.4493cqw; left: 9.8629cqw; width: 62.2648cqw; font-size: 6.3889cqw; line-height: 7.6667cqw; }
  .ankommen-design-copy { top: 237.0854cqw; left: 9.8629cqw; width: 80.246cqw; font-size: 5cqw; line-height: 6cqw; }
  .ankommen-quote { top: 298.9153cqw; right: 9.7222cqw; width: 60.598cqw; font-size: 6.6667cqw; line-height: 8cqw; }
  .ankommen-start { top: 347.6093cqw; left: 9.8629cqw; width: 75.8369cqw; font-size: 5cqw; line-height: 6cqw; }
  .ankommen-cloud { top: 413.8629cqw; left: 5.9082cqw; width: 90.7042cqw; }
  .ankommen-quiet, .ankommen-guide { right: 18.8889cqw; }
  .ankommen-quiet { top: 435.0526cqw; font-size: 6.3889cqw; line-height: 7.6667cqw; }
  .ankommen-guide { top: 445.96cqw; width: 38.4085cqw; font-size: 5cqw; line-height: 6cqw; }
  .ankommen-understand { top: 477.1228cqw; right: 21.9567cqw; width: 35.8831cqw; }
  .ankommen-senso, .ankommen-sophie { font-size: 10cqw; }
  .ankommen-senso { top: 514.3492cqw; left: 9.8629cqw; }
  .ankommen-glyph { top: 529.5405cqw; left: 9.8629cqw; width: 31.2419cqw; }
  .ankommen-senso-copy { top: 539.3538cqw; left: 9.8629cqw; width: 70.6231cqw; font-size: 5cqw; line-height: 6cqw; }
  .ankommen-sophie { top: 595.2509cqw; right: 9.7222cqw; width: 61.1854cqw; }
  .ankommen-sophie-copy { top: 609.2584cqw; right: 9.7222cqw; width: 61.1854cqw; font-size: 5cqw; line-height: 6cqw; }

  .page-ankommen .site-footer { height: 734.1667vw; }
  .page-ankommen .footer-mark { top: 666.6261cqw; width: 14.8806cqw; }
  .page-ankommen .footer-nav { top: 693.481cqw; }
  .page-ankommen .footer-menu { gap: 4.9753cqw; font-size: 3.3333cqw; }
  .page-ankommen .footer-copy { top: 725.4245cqw; left: 50%; transform: translateX(-50%); font-size: 2.7778cqw; white-space: nowrap; }
  .page-ankommen .footer-top { top: 713.9796cqw; left: 50%; width: 7.0594cqw; transform: translateX(-50%); }
}

/* Wesen – exakte responsive Zeichenflächen 1250 / 1024 / 778 / 600 / 360 */
body.page-wesen { position: relative; min-height: 100%; overflow-x: clip; color: #3d1e1e; background: #f0e8e7; }
.page-wesen .site-header { position: absolute; inset: 0 0 auto; z-index: 20; }
.wesen-page { width: min(100%, 1250px); margin-inline: auto; }
.wesen-artboard { position: relative; width: 100%; height: 380.7464cqw; max-height: 4759.33px; overflow: visible; container-type: inline-size; }
.wesen-block { position: absolute; z-index: 2; box-sizing: border-box; max-width: none; margin: 0; }
.wesen-variant { display: none; }
.wesen-variant--1250 { display: block; }
.wesen-mobile-bg { display: none; }
.wesen-title { top: 23.06cqw; left: 32.7312cqw; width: 35.552cqw; font-family: var(--serif); font-size: 5.04cqw; font-weight: 600; line-height: 5.28cqw; text-align: center; white-space: nowrap; }
.wesen-title em { color: #4a1e1e; font-family: var(--script); font-size: 7.2cqw; font-style: normal; font-weight: 400; line-height: 1; }
.wesen-subtitle { top: 60.3568cqw; left: 19.1968cqw; width: 19.3cqw; color: #421e1e; font-family: var(--serif); font-size: 2.72cqw; font-style: italic; font-weight: 600; line-height: 3.264cqw; text-align: center; white-space: nowrap; }
.wesen-portrait-new { top: 38.7912cqw; left: 41.3904cqw; z-index: 1; width: 57.0816cqw; height: auto; }
.wesen-pearl { z-index: 0; height: auto; }
.wesen-pearl--1 { top: 79.268cqw; left: 3.5576cqw; width: 58.5976cqw; }
.wesen-pearl--2 { top: 116.4928cqw; left: 38.4432cqw; width: 58.5976cqw; }
.wesen-pearl--3 { top: 162.8264cqw; left: 3.56cqw; width: 58.5952cqw; }
.wesen-pearl--4 { top: 199.8848cqw; left: 38.4432cqw; width: 58.5976cqw; }
.wesen-pearl--5 { top: 243.3792cqw; left: 3.5576cqw; width: 58.5976cqw; }
.wesen-pearl--6 { top: 281.1416cqw; left: 38.4432cqw; width: 58.5976cqw; }
.wesen-copy { font-family: var(--serif); font-weight: 400; white-space: nowrap; }
.wesen-copy--1 { top: 94.6696cqw; left: 11.0808cqw; width: 41.028cqw; font-size: 2.24cqw; line-height: 2.688cqw; }
.wesen-copy--2 { top: 135.88cqw; right: 9.2688cqw; width: 45.6888cqw; font-size: 2.24cqw; line-height: 2.688cqw; text-align: right; }
.wesen-copy--3 { top: 180.6608cqw; left: 11.092cqw; width: 45.9968cqw; color: #1b1464; font-size: 3.2cqw; font-style: italic; font-weight: 600; line-height: 3.84cqw; }
.wesen-copy--4 { top: 217.8424cqw; right: 9.2688cqw; width: 46.1552cqw; color: #fff; font-size: 2.24cqw; line-height: 2.688cqw; text-align: right; }
.wesen-copy--5 { top: 262.4064cqw; left: 11.092cqw; width: 42.78cqw; color: #f2f4f9; font-size: 2.24cqw; line-height: 2.688cqw; }
.wesen-copy--6 { top: 301.276cqw; right: 9.2696cqw; width: 41.7568cqw; color: #fff; font-size: 2.24cqw; line-height: 2.688cqw; text-align: right; }
.wesen-contact-cta { top: 323.944cqw; left: 55.4592cqw; width: 26.832cqw; }
.wesen-contact-cta picture { display: block; width: 100%; }
.wesen-contact-cta img { display: block; width: 100%; height: auto !important; object-fit: contain; }

.page-wesen .site-footer { position: absolute; top: 0; left: 50%; z-index: 10; display: block; width: min(100%,1250px); height: min(380.7464vw,4759.33px); margin: 0; padding: 0; transform: translateX(-50%); background: none; pointer-events: none; container-type: inline-size; }
.page-wesen .site-footer__stage { position: relative; width: 100%; height: 100%; min-height: 0; max-width: none; padding: 0; }
.page-wesen .footer-mark,.page-wesen .footer-nav,.page-wesen .footer-copy,.page-wesen .footer-top { position: absolute; pointer-events: auto; }
.page-wesen .footer-mark { top: auto; bottom: 24.7426cqw; left: 50%; width: 6.7008cqw; transform: translateX(-50%); }
.page-wesen .footer-nav { top: auto; bottom: 13.744cqw; left: 50%; transform: translateX(-50%); }
.page-wesen .footer-menu { display: flex; gap: 2.1cqw; font-size: 1.44cqw; white-space: nowrap; }
.page-wesen .footer-copy { top: auto; bottom: 5.646cqw; left: 5.181cqw; margin: 0; font-size: 1.2cqw; white-space: nowrap; }
.page-wesen .footer-top { top: auto; right: auto; bottom: 8.0056cqw; left: 91.5696cqw; width: 3.2496cqw; }

@media (min-width:900px) and (max-width:1124px) {
  .wesen-artboard { height: 382.938477vw; max-height: none; }
  .wesen-variant { display:none; }.wesen-variant--1024 { display:block; }
  .wesen-title { top:23.011719cqw; left:32.597656cqw; width:35.821289cqw; font-size:5.078125cqw; line-height:5.280273cqw; }
  .wesen-title em { font-size:7.226563cqw; }
  .wesen-subtitle { top:60.102539cqw; left:17.710938cqw; width:20.787109cqw; font-size:2.929688cqw; line-height:3.515625cqw; }
  .wesen-portrait-new { top:38.876953cqw; left:41.390625cqw; width:56.130859cqw; }
  .wesen-pearl--1 { top:79.266602cqw; left:1.996094cqw; width:58.597656cqw; }.wesen-pearl--2 { top:116.493164cqw; left:38.442383cqw; width:58.597656cqw; }.wesen-pearl--3 { top:162.823242cqw; left:1.995117cqw; width:58.597656cqw; }.wesen-pearl--4 { top:199.884766cqw; left:38.442383cqw; width:58.597656cqw; }.wesen-pearl--5 { top:243.376953cqw; left:1.996094cqw; width:58.597656cqw; }.wesen-pearl--6 { top:281.140625cqw; left:38.442383cqw; width:58.597656cqw; }
  .wesen-copy--1 { top:92.97168cqw; left:11.995117cqw; width:41.088867cqw; font-size:2.246094cqw; line-height:2.695313cqw; }.wesen-copy--2 { top:135.913086cqw; right:8.469727cqw; width:45.823242cqw; font-size:2.246094cqw; line-height:2.695313cqw; }.wesen-copy--3 { top:180.629883cqw; left:12.160156cqw; width:45.476563cqw; font-size:3.125cqw; line-height:3.75cqw; }.wesen-copy--4 { top:217.875977cqw; right:8.469727cqw; width:46.282227cqw; font-size:2.246094cqw; line-height:2.695313cqw; }.wesen-copy--5 { top:262.219727cqw; left:11.09082cqw; width:42.896484cqw; font-size:2.246094cqw; line-height:2.695313cqw; }.wesen-copy--6 { top:301.308594cqw; right:8.469727cqw; width:41.881836cqw; font-size:2.246094cqw; line-height:2.695313cqw; }
  .wesen-contact-cta { top:322.360352cqw; left:55.292969cqw; width:26.414063cqw; }
  .page-wesen .site-footer { height:382.938477vw; }.page-wesen .footer-mark { bottom:24.402cqw; width:6.698cqw; }.page-wesen .footer-nav { bottom:13.34cqw; }.page-wesen .footer-copy { bottom:5.626cqw; left:5.186cqw; font-size:1.1719cqw; }.page-wesen .footer-top { bottom:7.672cqw; left:91.565cqw; width:3.248cqw; }
}

@media (min-width:700px) and (max-width:899px) {
  .wesen-artboard { height:634.548843vw; max-height:none; }
  .wesen-variant { display:none; }.wesen-variant--778 { display:block; }
  .wesen-title { top:28.236504cqw; left:28.340617cqw; width:43.520566cqw; font-size:6.169666cqw; line-height:6.683805cqw; }.wesen-title em { font-size:9.254499cqw; }
  .wesen-subtitle { top:67.269923cqw; left:11.757069cqw; width:24.623393cqw; font-size:3.470437cqw; line-height:4.164524cqw; }.wesen-portrait-new { top:71.305913cqw; left:23.487147cqw; width:73.879177cqw; }
  .wesen-pearl--1 {top:142.227506cqw;left:2.448586cqw;width:77.120823cqw}.wesen-pearl--2{top:214.613111cqw;left:19.551414cqw;width:77.122108cqw}.wesen-pearl--3{top:292.895887cqw;left:3.394602cqw;width:77.116967cqw}.wesen-pearl--4{top:364.073265cqw;left:20.937018cqw;width:77.120823cqw}.wesen-pearl--5{top:439.700514cqw;left:2.448586cqw;width:77.120823cqw}.wesen-pearl--6{top:510.902314cqw;left:21.16838cqw;width:77.120823cqw}
  .wesen-copy--1{top:160.520566cqw;left:11.622108cqw;width:51.79563cqw;font-size:2.827763cqw;line-height:3.393316cqw}.wesen-copy--2{top:240.195373cqw;right:11.529563cqw;width:57.681234cqw;font-size:2.827763cqw;line-height:3.393316cqw}.wesen-copy--3{top:318.476864cqw;left:11.622108cqw;width:58.764781cqw;font-size:3.598972cqw;line-height:4.318766cqw}.wesen-copy--4{top:387.77635cqw;right:11.529563cqw;width:61.70437cqw;font-size:2.827763cqw;line-height:3.393316cqw}.wesen-copy--5{top:463.884319cqw;left:11.622108cqw;width:56.570694cqw;font-size:2.827763cqw;line-height:3.393316cqw}.wesen-copy--6{top:537.48072cqw;right:11.529563cqw;width:54.786632cqw;font-size:2.827763cqw;line-height:3.393316cqw}.wesen-contact-cta{top:566.07455cqw;left:45.655527cqw;width:31.347044cqw}
  .page-wesen .site-footer{height:634.548843vw}.page-wesen .footer-mark{bottom:25.224cqw;width:6.835cqw}.page-wesen .footer-nav{bottom:14.482cqw}.page-wesen .footer-copy{bottom:6.338cqw;left:4.756cqw;font-size:1.2853cqw}.page-wesen .footer-top{bottom:8.774cqw;left:91.596cqw;width:3.267cqw}
}

@media (min-width:480px) and (max-width:699px) {
  .wesen-artboard{height:771.881667vw;max-height:none}.wesen-variant{display:none}.wesen-variant--600{display:block}
  .wesen-title{top:25.788333cqw;left:24.84cqw;width:50.553333cqw;font-size:7.166667cqw;line-height:8cqw}.wesen-title em{font-size:11.333333cqw}.wesen-subtitle{top:68.593333cqw;left:15.123333cqw;width:29.561667cqw;font-size:4.166667cqw;line-height:5cqw}.wesen-portrait-new{top:76.448333cqw;left:-.338333cqw;width:95.796667cqw}
  .wesen-pearl--1{top:169.105cqw;left:0;width:89.998333cqw}.wesen-pearl--2{top:255.791667cqw;left:10.001667cqw;width:90cqw}.wesen-pearl--3{top:348.128333cqw;left:.001667cqw;width:89.998333cqw}.wesen-pearl--4{top:437.04cqw;left:10.001667cqw;width:90cqw}.wesen-pearl--5{top:526.558333cqw;left:0;width:89.998333cqw}.wesen-pearl--6{top:614.84cqw;left:10.001667cqw;width:90cqw}
  .wesen-copy--1{top:190.743333cqw;left:13.853333cqw;width:61.055cqw;font-size:3.333333cqw;line-height:4cqw}.wesen-copy--2{top:285.01cqw;right:12.661667cqw;width:67.996667cqw;font-size:3.333333cqw;line-height:4cqw}.wesen-copy--3{top:377.556667cqw;left:13.853333cqw;width:72.201667cqw;font-size:4.333333cqw;line-height:5.2cqw}.wesen-copy--4{top:463.358333cqw;right:12.661667cqw;width:73.121667cqw;font-size:3.351667cqw;line-height:4.021667cqw}.wesen-copy--5{top:556.986667cqw;left:13.853333cqw;width:67.236667cqw;font-size:3.361667cqw;line-height:4.033333cqw}.wesen-copy--6{top:645.856667cqw;right:12.661667cqw;width:63.936667cqw;font-size:3.3cqw;line-height:3.96cqw}.wesen-contact-cta{top:675.733333cqw;left:35.631667cqw;width:40.646667cqw}
  .page-wesen .site-footer{height:771.881667vw}.page-wesen .footer-mark{bottom:39.267cqw;width:8.928cqw}.page-wesen .footer-nav{bottom:25.36cqw}.page-wesen .footer-menu{font-size:2cqw;gap:3cqw}.page-wesen .footer-copy{bottom:11.38cqw;left:50%;transform:translateX(-50%);font-size:1.6667cqw}.page-wesen .footer-top{bottom:16.02cqw;left:50%;width:4.237cqw;transform:translateX(-50%)}
}

@media (max-width:479px) {
  .page-wesen .site-nav.is-open{background:rgba(240,232,231,.98)}.wesen-artboard{height:1124.644444vw;max-height:none;overflow:hidden}.wesen-variant{display:none}.wesen-variant--360{display:block}.wesen-pearl{display:none}.wesen-mobile-bg{display:block;top:0;left:-18.055556cqw;z-index:0;width:136.388889cqw;height:auto}
  .wesen-title{top:35.507833cqw;left:21.452778cqw;width:57.883333cqw;font-size:10.555556cqw;line-height:12.744444cqw}.wesen-title em{font-size:16.666667cqw}.wesen-subtitle{top:103.67775cqw;left:10.827778cqw;width:43.358333cqw;font-size:6.111111cqw;line-height:7.333333cqw}.wesen-portrait-new{top:99.905528cqw;left:-12.355556cqw;width:115.616667cqw}
  .wesen-copy--1{top:244.430556cqw;left:9.161111cqw;width:78.411111cqw;font-size:5cqw;line-height:6cqw}.wesen-copy--2{top:387.318389cqw;right:9.333333cqw;width:81.172222cqw;font-size:5cqw;line-height:6cqw}.wesen-copy--3{top:526.526889cqw;left:9.161111cqw;width:81.819444cqw;font-size:6.666667cqw;line-height:8cqw}.wesen-copy--4{top:653.411111cqw;right:9.333333cqw;width:76.458333cqw;font-size:5cqw;line-height:6cqw}.wesen-copy--5{top:799.151333cqw;left:9.161111cqw;width:82.525cqw;font-size:5cqw;line-height:6cqw}.wesen-copy--6{top:939.511917cqw;right:9.336111cqw;width:80.152778cqw;font-size:5cqw;line-height:6cqw}.wesen-contact-cta{top:994.905278cqw;left:17.041667cqw;width:66.772194cqw}
  .page-wesen .site-footer{height:1124.644444vw}.page-wesen .footer-mark{bottom:53.98cqw;width:14.8806cqw}.page-wesen .footer-nav{bottom:29.55cqw}.page-wesen .footer-menu{font-size:3.3333cqw;gap:4.975cqw}.page-wesen .footer-copy{bottom:7.516cqw;left:50%;transform:translateX(-50%);font-size:2.7778cqw}.page-wesen .footer-top{bottom:15.244cqw;left:50%;width:7.061cqw;transform:translateX(-50%)}
}

/* Eintauchen 2026: five measured artboards over an unbroken page gradient. */
body.page-eintauchen {
  position: relative;
  min-height: 100%;
  overflow-x: clip;
  color: #392323;
  background-color: #fff;
  background-image: linear-gradient(
    to bottom,
    rgba(119, 133, 179, .40) 0%,
    rgba(144, 116, 117, .10) 50%,
    rgba(173, 96, 44, .17) 100%
  );
}

.page-eintauchen .site-header {
  position: absolute;
  inset: 0 0 auto;
  z-index: 20;
}

.eintauchen-page {
  width: min(100%, 1250px);
  margin-inline: auto;
}

.eintauchen-artboard {
  position: relative;
  width: 100%;
  height: 274.29444vw;
  max-height: 3428.6805px;
  overflow: visible;
  container-type: inline-size;
}

.eintauchen-background {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  pointer-events: none;
}

.eintauchen-background img {
  display: block;
  width: calc(100% + 1px);
  max-width: none;
  height: auto;
}

.eintauchen-block {
  position: absolute;
  z-index: 2;
  box-sizing: border-box;
  margin: 0;
}

.eintauchen-variant { display: none; }
.eintauchen-variant--1250 { display: inline; }
.eintauchen-align-right > .eintauchen-variant--1250 { display: flex; }

.eintauchen-title {
  top: 17.4134cqw;
  left: 50%;
  width: 36.08656cqw;
  transform: translateX(-50%);
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 4.16cqw;
  font-weight: 600;
  line-height: 5.36cqw;
  text-align: center;
  white-space: nowrap;
}

.eintauchen-title span,
.eintauchen-question span {
  font-family: Allura, cursive;
  font-weight: 400;
}

.eintauchen-title span {
  color: #7d2f34;
  font-size: 6cqw;
}

.eintauchen-intro {
  top: 42.90848cqw;
  left: 50%;
  width: 68.993128cqw;
  transform: translateX(-50%);
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 2.24cqw;
  font-weight: 400;
  line-height: 2.8cqw;
  text-align: center;
  white-space: nowrap;
}

.eintauchen-heading {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 3.04cqw;
  font-style: italic;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
}

.eintauchen-copy {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 2.08cqw;
  font-weight: 400;
  line-height: 2.496cqw;
  white-space: nowrap;
}

.eintauchen-align-right { text-align: right; }
.eintauchen-align-right > .eintauchen-variant {
  flex-direction: column;
  align-items: flex-end;
}
.eintauchen-align-right .line,
.eintauchen-design-copy-new .line,
.eintauchen-blob-quote .line {
  display: block;
  width: max-content;
  margin-left: auto;
}
.eintauchen-align-right .line.gap { height: 2.496cqw; }

.eintauchen-perception-heading { top: 60.003592cqw; right: 10.4cqw; color: #7c84a9; }
.eintauchen-perception-copy { top: 64.60656cqw; right: 10.4cqw; width: 36.572616cqw; }
.eintauchen-clarify-heading { top: 104.777224cqw; left: 6.4cqw; color: #7c84a9; }
.eintauchen-clarify-heading b { color: #652222; font: inherit; }
.eintauchen-clarify-copy-new { top: 109.677072cqw; left: 6.4cqw; width: 36.24664cqw; }

.eintauchen-subheading {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 3.04cqw;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
}

.eintauchen-analysis-heading { top: 116.644144cqw; left: 6.4cqw; }
.eintauchen-analysis-copy { top: 120.684216cqw; left: 6.4cqw; width: 29.570312cqw; }
.eintauchen-precision-heading { top: 132.9184cqw; left: 6.4cqw; }
.eintauchen-precision-copy { top: 137.09176cqw; left: 6.4cqw; width: 39.793008cqw; }

.eintauchen-blob-quote {
  top: 114.426208cqw;
  right: 13.70984cqw;
  width: 24.74016cqw;
  color: #7986ad;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 3.04cqw;
  font-style: italic;
  font-weight: 600;
  line-height: 3.648cqw;
  text-align: right;
  white-space: nowrap;
}

.eintauchen-design-heading-new { top: 148.20016cqw; right: 10.4cqw; color: #652222; }
.eintauchen-design-copy-new {
  top: 152.768552cqw;
  right: 10.4cqw;
  width: 32.75484cqw;
  text-align: right;
}

.eintauchen-design-quote {
  top: 169.870624cqw;
  left: 50%;
  width: 76.283984cqw;
  transform: translateX(-50%);
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 2.88cqw;
  font-weight: 600;
  line-height: 3.456cqw;
  text-align: center;
  white-space: nowrap;
}

.eintauchen-inner-sense { top: 193.391328cqw; right: 10.4cqw; width: 55.873904cqw; }

.eintauchen-question {
  top: 218.018832cqw;
  left: 24cqw;
  width: 33.325312cqw;
  color: #7f5332;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 4.16cqw;
  font-weight: 400;
  line-height: 4.56cqw;
  white-space: nowrap;
}
.eintauchen-question span { font-size: 6cqw; }

.eintauchen-contact { top: 229.191064cqw; left: 56.830336cqw; width: 19.169664cqw; }
.eintauchen-contact img { display: block; width: 100%; height: auto; }

.page-eintauchen .site-footer {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 10;
  display: block;
  width: min(100%, 1250px);
  height: min(274.29444vw, 3428.6805px);
  margin: 0;
  padding: 0;
  transform: translateX(-50%);
  background: none;
  pointer-events: none;
  container-type: inline-size;
}

.page-eintauchen .site-footer__stage { position: relative; width: 100%; height: 100%; max-width: none; }
.page-eintauchen .footer-mark,
.page-eintauchen .footer-nav,
.page-eintauchen .footer-copy,
.page-eintauchen .footer-top { position: absolute; pointer-events: auto; }
.page-eintauchen .footer-mark { top: auto; bottom: 27.9744cqw; left: 50%; width: 6.7008cqw; transform: translateX(-50%); }
.page-eintauchen .footer-nav { top: auto; bottom: 15.2938cqw; left: 50%; transform: translateX(-50%); }
.page-eintauchen .footer-menu { display: flex; gap: 2.0963cqw; font-size: 1.44cqw; white-space: nowrap; }
.page-eintauchen .footer-copy { top: auto; bottom: 3.1603cqw; left: 3.16cqw; margin: 0; font-size: 1.2cqw; white-space: nowrap; }
.page-eintauchen .footer-top { top: auto; right: auto; bottom: 7.4295cqw; left: 92.0692cqw; width: 3.2495cqw; }

@media (min-width: 900px) and (max-width: 1124px) {
  .eintauchen-artboard { height: 283.340127vw; max-height: none; }
  .eintauchen-variant { display: none; }
  .eintauchen-variant--1024 { display: inline; }
  .eintauchen-align-right > .eintauchen-variant--1024 { display: flex; }
  .eintauchen-title { top: 21.812061cqw; width: 38.120986cqw; font-size: 4.394531cqw; line-height: 5.566406cqw; }
  .eintauchen-title span { font-size: 6.347656cqw; }
  .eintauchen-intro { top: 49.186943cqw; width: 68.984463cqw; font-size: 2.734375cqw; line-height: 3.417969cqw; }
  .eintauchen-heading, .eintauchen-subheading { font-size: 2.880859cqw; }
  .eintauchen-copy { font-size: 2.148438cqw; line-height: 2.578125cqw; }
  .eintauchen-align-right .line.gap { height: 2.578125cqw; }
  .eintauchen-perception-heading { top: 69.604775cqw; right: 7.8125cqw; }
  .eintauchen-perception-copy { top: 74.901865cqw; right: 7.8125cqw; width: 37.775996cqw; }
  .eintauchen-clarify-heading { top: 108.947178cqw; left: 7.8125cqw; }
  .eintauchen-clarify-copy-new { top: 114.571377cqw; left: 7.8125cqw; width: 37.439248cqw; }
  .eintauchen-analysis-heading { top: 123.274473cqw; left: 7.8125cqw; }
  .eintauchen-analysis-copy { top: 128.007842cqw; left: 7.8125cqw; width: 30.543232cqw; }
  .eintauchen-precision-heading { top: 142.359258cqw; left: 7.8125cqw; }
  .eintauchen-precision-copy { top: 147.255322cqw; left: 7.8125cqw; width: 41.102217cqw; }
  .eintauchen-blob-quote { top: 120.090293cqw; right: 12.090781cqw; width: 24.888516cqw; font-size: 3.027344cqw; line-height: 3.632813cqw; }
  .eintauchen-design-heading-new { top: 160.484316cqw; right: 7.8125cqw; }
  .eintauchen-design-copy-new { top: 165.621953cqw; right: 7.8125cqw; width: 33.832549cqw; }
  .eintauchen-design-quote { top: 182.284258cqw; width: 77.6cqw; font-size: 2.929688cqw; line-height: 3.515625cqw; }
  .eintauchen-inner-sense { top: 207.423594cqw; right: 7.8125cqw; width: 57.712266cqw; }
  .eintauchen-question { top: 226.938252cqw; left: 26.025342cqw; width: 35.204072cqw; font-size: 4.394531cqw; line-height: 5.566406cqw; }
  .eintauchen-question span { font-size: 6.347656cqw; }
  .eintauchen-contact { top: 237.363799cqw; left: 56.853115cqw; width: 21.46958cqw; }

  .page-eintauchen .site-footer { height: 283.340127vw; }
  .page-eintauchen .footer-mark { bottom: 28.4261cqw; width: 6.6985cqw; }
  .page-eintauchen .footer-nav { bottom: 15.7298cqw; }
  .page-eintauchen .footer-menu { gap: 2.316cqw; font-size: 1.416cqw; }
  .page-eintauchen .footer-copy { bottom: 7.8884cqw; left: 5.7cqw; font-size: 1.1719cqw; }
  .page-eintauchen .footer-top { bottom: 7.8884cqw; left: 92.0792cqw; width: 3.2484cqw; }
}

@media (min-width: 700px) and (max-width: 899px) {
  .eintauchen-artboard { height: 378.54018vw; max-height: none; }
  .eintauchen-variant { display: none; }
  .eintauchen-variant--778 { display: inline; }
  .eintauchen-align-right > .eintauchen-variant--778 { display: flex; }
  .eintauchen-title { top: 26.66662cqw; width: 40.139666cqw; font-size: 4.627249cqw; line-height: 5.141388cqw; }
  .eintauchen-title span { font-size: 7.455013cqw; }
  .eintauchen-intro { top: 55.28518cqw; width: 71.340527cqw; font-size: 2.827763cqw; line-height: 3.598972cqw; }
  .eintauchen-heading { font-size: 3.213368cqw; line-height: 3.856041cqw; }
  .eintauchen-copy { font-size: 2.570694cqw; line-height: 3.084833cqw; }
  .eintauchen-subheading { font-size: 3.213368cqw; }
  .eintauchen-align-right .line.gap { height: 3.084833cqw; }
  .eintauchen-perception-heading { top: 82.59365cqw; right: 14.138817cqw; }
  .eintauchen-perception-copy { top: 89.304576cqw; right: 14.138817cqw; width: 45.200476cqw; }
  .eintauchen-clarify-heading { top: 129.206568cqw; left: 14.138817cqw; }
  .eintauchen-clarify-copy-new { top: 136.348021cqw; left: 14.138817cqw; width: 44.797609cqw; }
  .eintauchen-analysis-heading { top: 148.064075cqw; left: 14.138817cqw; }
  .eintauchen-analysis-copy { top: 154.033033cqw; left: 14.138817cqw; width: 36.546285cqw; }
  .eintauchen-precision-heading { top: 171.898033cqw; left: 14.138817cqw; }
  .eintauchen-precision-copy { top: 178.081131cqw; left: 14.138817cqw; width: 49.180591cqw; }
  .eintauchen-blob-quote { top: 200.461928cqw; right: 18.73117cqw; width: 25.361131cqw; font-size: 3.084833cqw; line-height: 3.701799cqw; }
  .eintauchen-design-heading-new { top: 217.741298cqw; right: auto; left: 14.138817cqw; }
  .eintauchen-design-copy-new { top: 224.583136cqw; right: auto; left: 14.138817cqw; width: 40.482031cqw; text-align: left; }
  .eintauchen-design-copy-new .line { margin-left: 0; }
  .eintauchen-design-quote { top: 245.288021cqw; left: 14.138817cqw; width: 65.091902cqw; transform: none; font-size: 3.213368cqw; line-height: 3.856041cqw; text-align: left; }
  .eintauchen-inner-sense { top: 273.923779cqw; right: 14.138817cqw; width: 57.093946cqw; }
  .eintauchen-question { top: 312.689165cqw; left: 20.920784cqw; width: 37.068458cqw; font-size: 4.627249cqw; line-height: 5.912596cqw; }
  .eintauchen-question span { font-size: 7.455013cqw; }
  .eintauchen-contact { top: 328.90162cqw; left: 49.241491cqw; width: 23.691979cqw; }

  .page-eintauchen .site-footer { height: 378.54018vw; }
  .page-eintauchen .footer-mark { bottom: 27.8882cqw; width: 6.8342cqw; }
  .page-eintauchen .footer-nav { bottom: 15.4953cqw; }
  .page-eintauchen .footer-menu { gap: 2.3147cqw; font-size: 1.5424cqw; }
  .page-eintauchen .footer-copy { bottom: 3.2849cqw; left: 3.8052cqw; font-size: 1.2853cqw; }
  .page-eintauchen .footer-top { bottom: 7.5093cqw; left: 90.6461cqw; width: 3.2665cqw; }
}

@media (min-width: 480px) and (max-width: 699px) {
  .eintauchen-artboard { height: 470.981783vw; max-height: none; }
  .eintauchen-variant { display: none; }
  .eintauchen-variant--600 { display: inline; }
  .eintauchen-align-right > .eintauchen-variant--600 { display: flex; }
  .eintauchen-title { top: 27.530267cqw; width: 46.264817cqw; font-size: 5.333333cqw; line-height: 6.666667cqw; }
  .eintauchen-title span { font-size: 8.333333cqw; }
  .eintauchen-intro { top: 66.5839cqw; width: 73.046067cqw; font-size: 3.666667cqw; line-height: 4.666667cqw; }
  .eintauchen-heading { font-size: 3.833333cqw; line-height: 4.6cqw; }
  .eintauchen-copy { font-size: 3cqw; line-height: 3.6cqw; }
  .eintauchen-align-right .line.gap { height: 3.6cqw; }
  .eintauchen-perception-heading { top: 105.6263cqw; right: 13.5cqw; }
  .eintauchen-perception-copy { top: 114.328133cqw; right: 13.5cqw; width: 52.7491cqw; }
  .eintauchen-clarify-heading { top: 167.5581cqw; left: 13.333333cqw; }
  .eintauchen-clarify-copy-new { top: 176.8182cqw; left: 13.333333cqw; width: 52.278817cqw; }
  .eintauchen-subheading { font-size: 3cqw; line-height: 3.6cqw; }
  .eintauchen-analysis-heading { top: 192.010017cqw; left: 13.333333cqw; }
  .eintauchen-analysis-copy { top: 199.74975cqw; left: 13.333333cqw; width: 42.649583cqw; }
  .eintauchen-precision-heading { top: 222.914717cqw; left: 13.333333cqw; }
  .eintauchen-precision-copy { top: 230.932133cqw; left: 13.333333cqw; width: 57.393717cqw; }
  .eintauchen-blob-quote { top: 265.677417cqw; right: 18.96875cqw; width: 32.5529cqw; font-size: 4cqw; line-height: 4.8cqw; }
  .eintauchen-design-heading-new { top: 292.741867cqw; right: auto; left: 13.333333cqw; font-size: 3cqw; line-height: 3.6cqw; }
  .eintauchen-design-copy-new { top: 301.613283cqw; right: auto; left: 13.333333cqw; width: 47.242517cqw; text-align: left; }
  .eintauchen-design-copy-new .line { margin-left: 0; }
  .eintauchen-design-quote { top: 323.460717cqw; left: 13.333333cqw; width: 72.886967cqw; transform: none; font-size: 3.833333cqw; line-height: 4.6cqw; text-align: left; }
  .eintauchen-inner-sense { top: 352.946133cqw; right: 13.5cqw; width: 66.62875cqw; }
  .eintauchen-question { top: 389.9126cqw; left: 19.966467cqw; width: 42.724767cqw; font-size: 5.333333cqw; line-height: 7.666667cqw; }
  .eintauchen-question span { font-size: 8.333333cqw; }
  .eintauchen-contact { top: 408.4379cqw; left: 54.359167cqw; width: 26.271733cqw; }

  .page-eintauchen .site-footer { height: 470.981783vw; }
  .page-eintauchen .footer-mark { bottom: 41.2073cqw; width: 8.9284cqw; }
  .page-eintauchen .footer-nav { bottom: 25.0944cqw; }
  .page-eintauchen .footer-menu { gap: 2.985cqw; font-size: 2cqw; }
  .page-eintauchen .footer-copy { bottom: 5.9282cqw; left: 50%; transform: translateX(-50%); font-size: 1.6667cqw; }
  .page-eintauchen .footer-top { bottom: 12.7952cqw; left: 50%; width: 4.2356cqw; transform: translateX(-50%); }
}

@media (max-width: 479px) {
  .page-eintauchen .site-nav.is-open { background: rgba(232, 234, 238, .98); }
  .eintauchen-artboard { height: 850.075vw; max-height: none; }
  .eintauchen-variant { display: none; }
  .eintauchen-variant--360 { display: inline; }
  .eintauchen-align-right > .eintauchen-variant--360 { display: flex; }
  .eintauchen-title { top: 36.467278cqw; width: 67.469611cqw; font-size: 7.777778cqw; line-height: 10cqw; }
  .eintauchen-title span { font-size: 11.944444cqw; }
  .eintauchen-intro { top: 96.732056cqw; width: 77.372111cqw; font-size: 5.833333cqw; line-height: 7.777778cqw; }
  .eintauchen-heading { font-size: 6.388889cqw; line-height: 7.666667cqw; }
  .eintauchen-copy { font-size: 5cqw; line-height: 6cqw; }
  .eintauchen-align-right .line.gap { height: 6cqw; }
  .eintauchen-perception-heading { top: 169.353306cqw; right: 9.591194cqw; }
  .eintauchen-perception-copy { top: 181.078556cqw; right: 9.591194cqw; width: 63.776167cqw; }
  .eintauchen-clarify-heading { top: 298.141278cqw; left: 10.132639cqw; width: 67.625861cqw; }
  .eintauchen-clarify-copy-new { top: 309.963639cqw; left: 10.132639cqw; width: 71.82075cqw; }
  .eintauchen-subheading { font-size: 6.388889cqw; line-height: 7.666667cqw; }
  .eintauchen-analysis-heading { top: 331.949861cqw; left: 10.132639cqw; }
  .eintauchen-analysis-copy { top: 343.738333cqw; left: 10.132639cqw; width: 71.082639cqw; }
  .eintauchen-precision-heading { top: 379.013389cqw; left: 10.132639cqw; }
  .eintauchen-precision-copy { top: 390.986861cqw; left: 10.132639cqw; width: 74.41975cqw; }
  .eintauchen-blob-quote { top: 462.242306cqw; right: 20.282944cqw; width: 52.524694cqw; color: #7c84a9; font-size: 6.388889cqw; line-height: 7.666667cqw; }
  .eintauchen-design-heading-new { top: 528.951cqw; right: auto; left: 10.132639cqw; }
  .eintauchen-design-copy-new { top: 540.958917cqw; right: auto; left: 10.132639cqw; width: 78.737667cqw; text-align: left; }
  .eintauchen-design-copy-new .line { margin-left: 0; }
  .eintauchen-design-quote { top: 579.388028cqw; left: 10.132639cqw; width: 76.805833cqw; transform: none; font-size: 6.388889cqw; line-height: 7.666667cqw; text-align: left; }
  .eintauchen-inner-sense { top: 650.264472cqw; right: 9.590917cqw; width: 75.603444cqw; }
  .eintauchen-question { top: 715.237639cqw; left: 18.846583cqw; width: 62.306861cqw; font-size: 7.777778cqw; line-height: 12.777778cqw; }
  .eintauchen-question span { font-size: 11.944444cqw; }
  .eintauchen-contact { top: 746.458083cqw; left: 50%; width: 37.403083cqw; transform: translateX(-50%); }

  .page-eintauchen .site-footer { height: 850.075vw; }
  .page-eintauchen .footer-mark { bottom: 67.5406cqw; width: 14.8806cqw; }
  .page-eintauchen .footer-nav { bottom: 40.6857cqw; }
  .page-eintauchen .footer-menu { gap: 4.9753cqw; font-size: 3.3333cqw; }
  .page-eintauchen .footer-copy { bottom: 8.7422cqw; left: 50%; transform: translateX(-50%); font-size: 2.7778cqw; }
  .page-eintauchen .footer-top { bottom: 20.1871cqw; left: 50%; width: 7.0594cqw; transform: translateX(-50%); }
}

/* Equal-specificity reset prevents inactive right-aligned breakpoint copies
   from remaining visible through an earlier desktop rule. */
.eintauchen-align-right > .eintauchen-variant { display: none; }
@media (min-width: 1125px) {
  .eintauchen-align-right > .eintauchen-variant--1250 { display: flex; }
}
@media (min-width: 900px) and (max-width: 1124px) {
  .eintauchen-align-right > .eintauchen-variant--1024 { display: flex; }
}
@media (min-width: 700px) and (max-width: 899px) {
  .eintauchen-align-right > .eintauchen-variant--778 { display: flex; }
}
@media (min-width: 480px) and (max-width: 699px) {
  .eintauchen-align-right > .eintauchen-variant--600 { display: flex; }
}
@media (max-width: 479px) {
  .eintauchen-align-right > .eintauchen-variant--360 { display: flex; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition-duration: .01ms !important; }
}

/* Wirken 2026: five measured artboards on one continuous background layer. */
body.page-wirken {
  position: relative;
  min-height: 100%;
  overflow-x: clip;
  color: #3d1e1e;
  background: #fff8f5;
}

.page-wirken .site-header {
  position: absolute;
  inset: 0 0 auto;
  z-index: 20;
}

.wirken-page {
  width: min(100%, 1250px);
  margin-inline: auto;
}

.wirken-artboard {
  position: relative;
  width: 100%;
  height: 296.716cqw;
  max-height: 3708.95px;
  overflow: visible;
  container-type: inline-size;
}

.wirken-block {
  position: absolute;
  z-index: 2;
  box-sizing: border-box;
  margin: 0;
}

.wirken-variant { display: none; }
.wirken-variant--1250 { display: block; }

.wirken-butterfly {
  top: 54.738936cqw;
  left: 26.848cqw;
  z-index: 1;
  width: 46.48cqw;
  max-width: none;
  height: auto;
}

.wirken-title {
  top: 20.64368cqw;
  left: 50%;
  width: 38.491608cqw;
  transform: translateX(-50%);
  font-family: var(--serif);
  font-size: 4.16cqw;
  font-weight: 300;
  line-height: 4.992cqw;
  text-align: center;
  white-space: nowrap;
}
.wirken-title em {
  color: #48557a;
  font-family: var(--script);
  font-size: 1.4423077em;
  font-style: normal;
  font-weight: 400;
}

.wirken-intro {
  top: 40.0288cqw;
  left: 50%;
  width: 59.9832cqw;
  transform: translateX(-50%);
  font-family: var(--serif);
  font-size: 2.24cqw;
  font-weight: 400;
  line-height: 2.4cqw;
  text-align: center;
  white-space: nowrap;
}

.wirken-card-bg {
  z-index: 0;
  border-radius: 2.4cqw;
}
.wirken-card-bg--positioning { top: 84.84292cqw; left: 4.940952cqw; width: 28.399904cqw; height: 69.223768cqw; background: #f2f3f8; }
.wirken-card-bg--design { top: 89.148496cqw; left: 35.800048cqw; width: 28.399904cqw; height: 65.124584cqw; background: #fff; }
.wirken-card-bg--guidance { top: 84.84292cqw; left: 66.659144cqw; width: 28.399904cqw; height: 69.223768cqw; background: #eceff4; }

.wirken-card-heading,
.wirken-workflow-title {
  font-family: var(--serif);
  font-style: italic;
  font-weight: 600;
  color: #421e1e;
  white-space: nowrap;
}
.wirken-card-heading { font-size: 2.4cqw; line-height: 2.88cqw; }
.wirken-card-heading--positioning { top: 105.855992cqw; left: 7.156488cqw; }
.wirken-card-heading--design { top: 108.399032cqw; left: 38.286024cqw; }
.wirken-card-heading--guidance { top: 98.24912cqw; left: 68.791072cqw; }

.wirken-card-copy,
.wirken-step {
  font-family: var(--serif);
  font-weight: 400;
  color: #3d1e1e;
  white-space: nowrap;
}
.wirken-card-copy { font-size: 2.08cqw; line-height: 2.496cqw; }
.wirken-card-copy--positioning { top: 112.232cqw; left: 7.2024cqw; width: 23.84cqw; }
.wirken-card-copy--design { top: 114.728cqw; left: 38.2216cqw; width: 23.84cqw; }
.wirken-card-copy--guidance { top: 104.744cqw; left: 68.6704cqw; width: 23.84cqw; }

.wirken-quote {
  top: 167.533576cqw;
  left: 16.783176cqw;
  width: 66.924104cqw;
  color: #48557a;
  font-family: var(--serif);
  font-size: 2.6664cqw;
  font-style: italic;
  font-weight: 600;
  line-height: 3.2cqw;
  text-align: center;
  white-space: nowrap;
}

.wirken-workflow-title {
  top: 204.513336cqw;
  left: 36.246736cqw;
  width: 30.129136cqw;
  font-size: 3.04cqw;
  line-height: 3.648cqw;
  text-align: center;
}

.wirken-number { z-index: 1; width: 7.11312cqw; height: 6.64408cqw; max-width: none; }
.wirken-number--1 { top: 215.35528cqw; left: 17.05016cqw; }
.wirken-number--2 { top: 226.1128cqw; left: 17.05096cqw; }
.wirken-number--3 { top: 236.784cqw; left: 17.05096cqw; }

.wirken-step { font-size: 2.24cqw; font-weight: 400; line-height: 2.688cqw; }
.wirken-step--1 { top: 216.031736cqw; left: 27.046312cqw; width: 57.999024cqw; }
.wirken-step--2 { top: 226.617048cqw; left: 26.941936cqw; width: 52.1994cqw; }
.wirken-step--3 { top: 237.28652cqw; left: 26.941264cqw; width: 56.981704cqw; }

.wirken-cta-blob {
  top: 233.060824cqw;
  left: 26.685872cqw;
  z-index: 0;
  width: 45.55604cqw;
  height: 42.665784cqw;
  max-width: none;
  opacity: .4;
}
.wirken-contact { top: 250.31996cqw; left: 40.079232cqw; width: 23.200728cqw; }
.wirken-contact img { width: 100%; height: auto; }

.page-wirken .site-footer {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 10;
  display: block;
  width: min(100%, 1250px);
  height: min(296.716vw, 3708.95px);
  margin: 0;
  padding: 0;
  transform: translateX(-50%);
  background: none;
  pointer-events: none;
  container-type: inline-size;
}
.page-wirken .site-footer__stage { position: relative; width: 100%; height: 100%; max-width: none; }
.page-wirken .footer-mark,
.page-wirken .footer-nav,
.page-wirken .footer-copy,
.page-wirken .footer-top { position: absolute; pointer-events: auto; }
.page-wirken .footer-mark { top: auto; bottom: 27.9744cqw; left: 50%; width: 6.7008cqw; transform: translateX(-50%); }
.page-wirken .footer-nav { top: auto; bottom: 15.2938cqw; left: 50%; transform: translateX(-50%); }
.page-wirken .footer-menu { display: flex; gap: 2.0963cqw; font-size: 1.44cqw; white-space: nowrap; }
.page-wirken .footer-copy { top: auto; bottom: 3.1603cqw; left: 3.16cqw; margin: 0; font-size: 1.2cqw; white-space: nowrap; }
.page-wirken .footer-top { top: auto; right: auto; bottom: 7.4295cqw; left: 92.0692cqw; width: 3.2495cqw; }

@media (min-width: 900px) and (max-width: 1124px) {
  .wirken-artboard { height: 330.128906vw; max-height: none; }
  .wirken-variant { display: none; }
  .wirken-variant--1024 { display: block; }
  .wirken-butterfly { top: 62.360322cqw; left: 24.5166cqw; width: 51.8555cqw; }
  .wirken-title { top: 23.475303cqw; width: 41.118535cqw; font-size: 4.394531cqw; line-height: 5.273438cqw; }
  .wirken-intro { top: 46.834961cqw; width: 73.22168cqw; font-size: 2.734375cqw; line-height: 3.417969cqw; }
  .wirken-card-bg--positioning { top: 101.359248cqw; left: 3.978574cqw; width: 28.906211cqw; height: 69.973545cqw; }
  .wirken-card-bg--design { top: 105.502783cqw; left: 35.546895cqw; width: 28.906211cqw; height: 65.830cqw; }
  .wirken-card-bg--guidance { top: 101.359248cqw; left: 66.857402cqw; width: 28.906211cqw; height: 69.973545cqw; }
  .wirken-card-heading { font-size: 2.636719cqw; line-height: 3.164063cqw; }
  .wirken-card-bg { border-radius: 2.929688cqw; }
  .wirken-card-heading--positioning { top: 120.89666cqw; left: 6.964482cqw; }
  .wirken-card-heading--design { top: 123.485781cqw; left: 38.547666cqw; font-size: 2.650391cqw; line-height: 3.180469cqw; }
  .wirken-card-heading--guidance { top: 110.584209cqw; left: 69.464023cqw; }
  .wirken-card-copy { font-size: 2.148438cqw; line-height: 2.578125cqw; }
  .wirken-card-copy--positioning { top: 127.855469cqw; left: 6.75cqw; width: 23.339844cqw; }
  .wirken-card-copy--design { top: 130.433594cqw; left: 38.318359cqw; width: 23.339844cqw; }
  .wirken-card-copy--guidance { top: 117.542969cqw; left: 69.509766cqw; width: 23.339844cqw; }
  .wirken-quote { top: 184.459cqw; left: 13.300967cqw; width: 74.151455cqw; font-size: 3.222656cqw; line-height: 3.867188cqw; }
  .wirken-workflow-title { top: 231.538223cqw; left: 38.774414cqw; width: 27.098789cqw; font-size: 2.734375cqw; line-height: 3.28125cqw; }
  .wirken-number { width: 7.596777cqw; height: 7.097559cqw; }
  .wirken-number--1 { top: 242.224316cqw; left: 13.908105cqw; }
  .wirken-number--2 { top: 253.713477cqw; left: 13.908105cqw; }
  .wirken-number--3 { top: 265.111914cqw; left: 13.908105cqw; }
  .wirken-step { font-size: 2.441406cqw; line-height: 2.929688cqw; }
  .wirken-step--1 { top: 242.92209cqw; left: 22.875586cqw; width: 63.213633cqw; }
  .wirken-step--2 { top: 254.228662cqw; left: 22.764102cqw; width: 56.893691cqw; }
  .wirken-step--3 { top: 265.624951cqw; left: 22.763506cqw; width: 62.108252cqw; }
  .wirken-cta-blob { top: 262.613cqw; left: 23.221357cqw; width: 51.162705cqw; height: 47.916719cqw; }
  .wirken-contact { top: 281.564092cqw; left: 39.62209cqw; width: 25.391563cqw; }
  .page-wirken .site-footer { height: 330.128906vw; }
  .page-wirken .footer-mark { bottom: 28.4261cqw; width: 6.6985cqw; }
  .page-wirken .footer-nav { bottom: 15.7298cqw; }
  .page-wirken .footer-menu { gap: 2.316cqw; font-size: 1.416cqw; }
  .page-wirken .footer-copy { bottom: 7.8884cqw; left: 5.7cqw; font-size: 1.1719cqw; }
  .page-wirken .footer-top { bottom: 7.8884cqw; left: 92.0792cqw; width: 3.2484cqw; }
}

@media (min-width: 700px) and (max-width: 899px) {
  .primary-menu a { font-size: 17px; }
  .wirken-artboard { height: 508.35347vw; max-height: none; }
  .wirken-variant { display: none; }
  .wirken-variant--778 { display: block; }
  .wirken-butterfly { top: 86.827044cqw; left: 22.528278cqw; width: 59.447301cqw; }
  .wirken-title { top: 28.314576cqw; width: 45.491092cqw; font-size: 4.627249cqw; line-height: 5.552699cqw; }
  .wirken-intro { top: 57.382cqw; width: 68.315cqw; font-size: 3.598972cqw; line-height: 4.498715cqw; }
  .wirken-card-bg { border-radius: 3.856041cqw; }
  .wirken-card-bg--positioning { top: 134.116787cqw; left: 11.568175cqw; width: 77.120707cqw; height: 61.696568cqw; }
  .wirken-card-bg--design { top: 199.283792cqw; left: 11.43964cqw; width: 77.120707cqw; height: 58.226144cqw; }
  .wirken-card-bg--guidance { top: 261.366cqw; left: 11.43964cqw; width: 77.120733cqw; height: 61.696568cqw; }
  .wirken-card-heading { font-size: 3.470437cqw; line-height: 4.164524cqw; }
  .wirken-card-heading--positioning { top: 151.522635cqw; left: 20.921671cqw; }
  .wirken-card-heading--design { top: 212.615283cqw; left: 20.921671cqw; }
  .wirken-card-heading--guidance { top: 271.555cqw; left: 20.921645cqw; }
  .wirken-card-copy { font-size: 2.827763cqw; line-height: 3.393316cqw; }
  .wirken-card-copy--positioning { top: 159.413882cqw; left: 20.935733cqw; width: 58.354756cqw; }
  .wirken-card-copy--design { top: 221.18509cqw; left: 20.921594cqw; width: 58.354756cqw; }
  .wirken-card-copy--guidance { top: 279.875321cqw; left: 20.921594cqw; width: 58.354756cqw; }
  .wirken-quote { top: 336.565424cqw; left: 21.571388cqw; width: 56.852121cqw; font-size: 3.213368cqw; line-height: 3.856041cqw; }
  .wirken-workflow-title { top: 386.140218cqw; left: 30.934113cqw; width: 35.667301cqw; font-size: 3.598972cqw; line-height: 4.318766cqw; }
  .wirken-number { width: 9.998843cqw; height: 9.341774cqw; }
  .wirken-number--1 { top: 400.511054cqw; left: 13.92018cqw; }
  .wirken-number--2 { top: 415.634319cqw; left: 13.92018cqw; }
  .wirken-number--3 { top: 430.636889cqw; left: 13.92018cqw; }
  .wirken-step { font-size: 2.956298cqw; line-height: 3.547558cqw; }
  .wirken-step--1 { top: 400.975373cqw; left: 27.700913cqw; width: 57.498882cqw; }
  .wirken-step--2 { top: 415.501928cqw; left: 27.706414cqw; width: 54.875385cqw; }
  .wirken-step--3 { top: 430.637532cqw; left: 27.706941cqw; width: 57.694087cqw; }
  .wirken-cta-blob { top: 429.059602cqw; left: 18.098278cqw; width: 62.345334cqw; height: 58.389871cqw; }
  .wirken-contact { top: 452.977507cqw; left: 33.988458cqw; width: 29.563cqw; }
  .page-wirken .site-footer { height: 508.35347vw; }
  .page-wirken .footer-mark { bottom: 27.8882cqw; width: 6.8342cqw; }
  .page-wirken .footer-nav { bottom: 15.4953cqw; }
  .page-wirken .footer-menu { gap: 2.3147cqw; font-size: 1.5424cqw; }
  .page-wirken .footer-copy { bottom: 3.2849cqw; left: 3.8052cqw; font-size: 1.2853cqw; }
  .page-wirken .footer-top { bottom: 7.5093cqw; left: 90.6461cqw; width: 3.2665cqw; }
}

@media (min-width: 480px) and (max-width: 699px) {
  .wirken-artboard { height: 726.211667vw; max-height: none; }
  .wirken-variant { display: none; }
  .wirken-variant--600 { display: block; }
  .wirken-butterfly { top: 109.069483cqw; left: 23.248333cqw; width: 59.833333cqw; }
  .wirken-title { top: 31.227967cqw; width: 52.243783cqw; font-size: 5.333333cqw; line-height: 6.4cqw; }
  .wirken-intro { top: 66.231667cqw; width: 51.148333cqw; font-size: 4cqw; line-height: 5cqw; }
  .wirken-card-bg { border-radius: 5cqw; }
  .wirken-card-bg--positioning { top: 162.7415cqw; left: 10cqw; width: 80cqw; height: 83.833333cqw; }
  .wirken-card-bg--design { top: 251.549767cqw; left: 10cqw; width: 80cqw; height: 83.833233cqw; }
  .wirken-card-bg--guidance { top: 345.064617cqw; left: 10cqw; width: 80cqw; height: 83.83325cqw; }
  .wirken-card-heading { font-size: 4.166667cqw; line-height: 5cqw; }
  .wirken-card-heading--positioning { top: 181.644517cqw; left: 21.2721cqw; }
  .wirken-card-heading--design { top: 269.2161cqw; left: 21.438683cqw; }
  .wirken-card-heading--guidance { top: 355.538167cqw; left: 21.438717cqw; font-size: 3.833333cqw; line-height: 4.6cqw; }
  .wirken-card-copy { font-size: 3.333333cqw; line-height: 4cqw; }
  .wirken-card-copy--positioning { top: 191.575cqw; left: 21.438333cqw; width: 57.166667cqw; }
  .wirken-card-copy--design { top: 280.408333cqw; left: 21.438333cqw; width: 57.166667cqw; }
  .wirken-card-copy--guidance { top: 366.908333cqw; left: 21.438333cqw; width: 57.166667cqw; }
  .wirken-quote { top: 450.535567cqw; left: 25.868667cqw; width: 51.48505cqw; font-size: 3.833333cqw; line-height: 4.6cqw; }
  .wirken-workflow-title { top: 525.549883cqw; left: 29.3504cqw; width: 41.294767cqw; font-size: 4.166667cqw; line-height: 5cqw; }
  .wirken-number { width: 12.965167cqw; height: 12.113167cqw; opacity: .6; }
  .wirken-number--1 { top: 537.446167cqw; left: 45.129833cqw; }
  .wirken-number--2 { top: 576.556cqw; left: 45.129833cqw; }
  .wirken-number--3 { top: 614.129333cqw; left: 45.129833cqw; }
  .wirken-step { font-size: 3.666667cqw; line-height: 4.4cqw; }
  .wirken-step--1 { top: 547.461917cqw; left: 16.048633cqw; width: 71.311183cqw; }
  .wirken-step--2 { top: 586.512cqw; left: 16.055417cqw; width: 68.094783cqw; }
  .wirken-step--3 { top: 624.18245cqw; left: 16.021717cqw; width: 67.3375cqw; }
  .wirken-cta-blob { top: 630.3081cqw; left: 13.4502cqw; width: 71.970367cqw; height: 67.4043cqw; }
  .wirken-contact { top: 656.750983cqw; left: 34.94835cqw; width: 33.331633cqw; }
  .page-wirken .site-footer { height: 726.211667vw; }
  .page-wirken .footer-mark { bottom: 41.2073cqw; width: 8.9284cqw; }
  .page-wirken .footer-nav { bottom: 25.0944cqw; }
  .page-wirken .footer-menu { gap: 2.985cqw; font-size: 2cqw; }
  .page-wirken .footer-copy { bottom: 5.9282cqw; left: 50%; transform: translateX(-50%); font-size: 1.6667cqw; }
  .page-wirken .footer-top { bottom: 12.7952cqw; left: 50%; width: 4.2356cqw; transform: translateX(-50%); }
}

@media (max-width: 479px) {
  .page-wirken .site-nav.is-open { background: rgba(255, 248, 245, .98); }
  .wirken-artboard { height: 1037.55vw; max-height: none; }
  .wirken-variant { display: none; }
  .wirken-variant--360 { display: block; }
  .wirken-butterfly { top: 127.0475cqw; left: 5.319444cqw; width: 89.416667cqw; }
  .wirken-title { top: 30.413417cqw; width: 44.642639cqw; font-size: 7.777778cqw; line-height: 10cqw; }
  .wirken-title em { font-size: 1.535714em; }
  .wirken-intro { top: 72.600167cqw; width: 78.141667cqw; font-size: 6.111111cqw; line-height: 8.333333cqw; }
  .wirken-card-bg { border-radius: 8.333333cqw; }
  .wirken-card-bg--positioning { top: 211.666222cqw; left: 10.833472cqw; width: 78.333083cqw; height: 116.666278cqw; }
  .wirken-card-bg--design { top: 334.165944cqw; left: 10.833472cqw; width: 78.333083cqw; height: 110.869083cqw; }
  .wirken-card-bg--guidance { top: 451.482333cqw; left: 10.833472cqw; width: 78.333083cqw; height: 141.110611cqw; }
  .wirken-card-heading { font-size: 6.388889cqw; line-height: 7.666667cqw; }
  .wirken-card-heading--positioning { top: 227.430056cqw; left: 16.136222cqw; }
  .wirken-card-heading--design { top: 349.150472cqw; left: 16.104944cqw; }
  .wirken-card-heading--guidance { top: 466.301028cqw; left: 16.105028cqw; }
  .wirken-card-copy { font-size: 5cqw; line-height: 6cqw; }
  .wirken-card-copy--positioning { top: 243.000417cqw; left: 16.130556cqw; width: 67.777778cqw; }
  .wirken-card-copy--design { top: 365.667083cqw; left: 16.291667cqw; width: 67.777778cqw; }
  .wirken-card-copy--guidance { top: 480.494861cqw; left: 16.069444cqw; width: 67.777778cqw; }
  .wirken-quote { top: 612.025889cqw; left: 10.688cqw; width: 78.587944cqw; font-size: 5.833333cqw; line-height: 7cqw; }
  .wirken-workflow-title { top: 718.158028cqw; left: 18.337333cqw; width: 63.316cqw; font-size: 6.388889cqw; line-height: 7.666667cqw; }
  .wirken-number { width: 21.608611cqw; height: 20.188611cqw; opacity: .6; }
  .wirken-number--1 { top: 737.428917cqw; left: 39.194167cqw; }
  .wirken-number--2 { top: 802.614889cqw; left: 39.194167cqw; }
  .wirken-number--3 { top: 866.900833cqw; left: 39.194167cqw; }
  .wirken-step { font-size: 6.111111cqw; line-height: 7.333333cqw; }
  .wirken-step--1 { top: 754.970556cqw; left: 10.094444cqw; width: 79.722222cqw; }
  .wirken-step--2 { top: 820.156667cqw; left: 9.905556cqw; width: 80.555556cqw; }
  .wirken-step--3 { top: 882.821667cqw; left: 8.814611cqw; width: 82.845222cqw; font-size: 5.555556cqw; line-height: 6.666667cqw; }
  .wirken-cta-blob { top: 900.633194cqw; left: 3.685778cqw; width: 92.58775cqw; height: 86.713583cqw; }
  .wirken-contact { top: 935.189611cqw; left: 29.16675cqw; width: 41.666528cqw; }
  .page-wirken .site-footer { height: 1037.55vw; }
  .page-wirken .footer-mark { bottom: 67.5406cqw; width: 14.8806cqw; }
  .page-wirken .footer-nav { bottom: 40.6857cqw; }
  .page-wirken .footer-menu { gap: 4.9753cqw; font-size: 3.3333cqw; }
  .page-wirken .footer-copy { bottom: 8.7422cqw; left: 50%; transform: translateX(-50%); font-size: 2.7778cqw; }
  .page-wirken .footer-top { bottom: 20.1871cqw; left: 50%; width: 7.0594cqw; transform: translateX(-50%); }
}