:root {
  --plum: #68405f;
  --plum-deep: #4f2d48;
  --plum-soft: #f2e9ef;
  --ochre: #c9912d;
  --ochre-dark: #94651c;
  --ochre-soft: #fbf1dc;
  --slate: #5c7589;
  --slate-soft: #e9eff3;
  --sand: #f7f1e8;
  --navy: #0c3153;
  --navy-deep: #082740;
  --blue: var(--plum);
  --blue-soft: var(--plum-soft);
  --coral: var(--ochre);
  --coral-dark: var(--ochre-dark);
  --coral-soft: var(--ochre-soft);
  --sea: var(--slate);
  --sea-soft: var(--slate-soft);
  --warm: var(--sand);
}

.domain-mark b,
.eyebrow,
.section-kicker,
.path-label {
  color: var(--plum);
}

.main-nav .nav-cta,
.button-primary {
  background: var(--plum-deep);
}

.main-nav .nav-cta:hover,
.button-primary:hover {
  background: var(--navy);
}

.hero {
  padding: 58px 0 76px;
  background: linear-gradient(118deg, var(--ochre-soft) 0 34%, var(--white) 34% 100%);
}

.hero::before {
  top: 0;
  right: auto;
  bottom: 0;
  left: 0;
  width: 11px;
  height: 100%;
  background: var(--ochre);
}

.hero::after {
  right: 0;
  bottom: 0;
  width: 37%;
  height: 8px;
  background: var(--plum);
}

.hero-layout {
  grid-template-areas: "image copy";
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
  gap: clamp(40px, 6vw, 86px);
}

.hero-copy {
  grid-area: copy;
  padding: 18px 0;
}

.hero-image {
  grid-area: image;
  aspect-ratio: 3 / 2;
  border-radius: 30px 0 30px 30px;
  box-shadow: 0 24px 64px rgba(79, 45, 72, 0.17);
}

.hero-image::before {
  top: auto;
  right: 0;
  bottom: 0;
  left: auto;
  width: 34%;
  height: 10px;
  background: var(--ochre);
}

.hero-image img {
  object-position: center center;
}

.hero h1 {
  max-width: 560px;
}

.hero-lead {
  color: #4f5e6b;
}

.secondary-paths a {
  color: var(--plum-deep);
}

.basis-note {
  position: relative;
  z-index: 3;
  padding: 0;
  color: var(--ink);
  background: var(--white);
}

.basis-layout {
  position: relative;
  margin-top: -26px;
  padding: 28px 34px 30px;
  background: var(--white);
  border-top: 7px solid var(--ochre);
  box-shadow: 0 16px 46px rgba(12, 49, 83, 0.12);
}

.basis-note .section-kicker {
  color: var(--plum);
}

.basis-note h2 {
  color: var(--navy-deep);
}

.basis-note p:last-child {
  color: #485e6e;
}

.initiative-section {
  padding: 102px 0 94px;
  background: var(--white);
}

.initiative-layout {
  display: grid;
  grid-template-columns: minmax(0, 0.78fr) minmax(0, 1.22fr);
  gap: clamp(46px, 8vw, 108px);
}

.initiative-intro {
  padding-top: 20px;
}

.initiative-intro p:last-child {
  color: var(--muted);
}

.initiative-steps {
  margin: 0;
  padding: 0;
  list-style: none;
}

.initiative-steps li {
  position: relative;
  display: grid;
  grid-template-columns: 55px minmax(0, 1fr);
  gap: 18px;
  max-width: 590px;
  padding: 22px 26px;
  background: var(--sand);
  border-left: 5px solid var(--plum);
}

.initiative-steps li + li {
  margin-top: 16px;
}

.initiative-steps li:nth-child(2) {
  margin-left: 34px;
  border-left-color: var(--ochre);
}

.initiative-steps li:nth-child(3) {
  margin-left: 68px;
  border-left-color: var(--slate);
}

.initiative-steps > li > span {
  color: var(--ochre-dark);
  font-size: 14px;
  font-weight: 850;
  letter-spacing: 0.08em;
}

.initiative-steps h3 {
  margin-bottom: 6px;
}

.initiative-steps p {
  margin: 0;
  color: var(--muted);
}

.organisation-section {
  padding: 96px 0;
  background: var(--sand);
}

.organisation-layout,
.sensitivity-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.06fr) minmax(0, 0.94fr);
  align-items: center;
  gap: clamp(42px, 7vw, 94px);
}

.organisation-copy > p:not(.section-kicker),
.sensitivity-copy > p:not(.section-kicker) {
  color: #4d6474;
}

.organisation-image {
  aspect-ratio: 4 / 5;
  max-height: 660px;
  border-radius: 0 30px 30px 30px;
  box-shadow: 0 20px 55px rgba(79, 45, 72, 0.14);
}

.organisation-image img {
  object-position: 61% center;
}

.action-list {
  margin: 30px 0 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid #d5c7b8;
}

.action-list li {
  display: grid;
  grid-template-columns: minmax(155px, 0.47fr) minmax(0, 1fr);
  gap: 19px;
  padding: 15px 0;
  border-bottom: 1px solid #d5c7b8;
}

.action-list strong {
  color: var(--plum-deep);
}

.action-list span {
  color: var(--muted);
}

.sensitivity-section {
  padding: 98px 0;
  background: var(--plum-soft);
}

.sensitivity-layout {
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
}

.sensitivity-image {
  aspect-ratio: 5 / 4;
  border-radius: 30px 30px 0 30px;
  box-shadow: 0 20px 55px rgba(79, 45, 72, 0.15);
}

.sensitivity-image img {
  object-position: 53% center;
}

.text-link,
.property-path a {
  color: var(--plum-deep);
}

.support-section {
  background: var(--navy-deep);
}

.support-section .section-kicker {
  color: #f1ce8c;
}

.property-intro {
  border-right-color: var(--ochre);
}

.career-link {
  background: var(--ochre-soft);
  border-color: #ead6aa;
}

.trust-section {
  background: var(--slate-soft);
}

.trust-facts {
  border-color: rgba(92, 117, 137, 0.4);
}

.trust-facts > div {
  border-color: rgba(92, 117, 137, 0.4);
}

#kontaktformular {
  border-top-color: var(--plum);
}

.intent-options label[data-selected="true"] {
  background: var(--plum-soft);
  border-color: var(--plum);
}

.intent-options input,
.consent input {
  accent-color: var(--plum);
}

.privacy-note {
  color: #4f3e22;
  background: var(--ochre-soft);
  border-left-color: var(--ochre);
}

@media (max-width: 920px) {
  .hero-layout {
    gap: 34px;
  }

  .initiative-steps li:nth-child(2) {
    margin-left: 18px;
  }

  .initiative-steps li:nth-child(3) {
    margin-left: 36px;
  }
}

@media (max-width: 820px) {
  .hero {
    background: linear-gradient(180deg, var(--white) 0 70%, var(--ochre-soft) 70% 100%);
  }

  .hero-layout {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 22px;
  }

  .hero-copy {
    display: contents;
  }

  .hero-copy .eyebrow {
    order: 1;
    margin-bottom: -9px;
  }

  .hero-copy h1 {
    order: 2;
    margin-bottom: -7px;
  }

  .hero-copy .hero-lead {
    order: 3;
    margin-bottom: -3px;
  }

  .hero-actions {
    order: 4;
  }

  .hero-image {
    order: 5;
    aspect-ratio: 3 / 2;
    border-radius: 22px 0 22px 22px;
  }

  .basis-layout {
    margin-top: -14px;
  }

  .initiative-layout,
  .organisation-layout,
  .sensitivity-layout {
    grid-template-columns: 1fr;
  }

  .initiative-layout,
  .organisation-layout,
  .sensitivity-layout {
    gap: 38px;
  }

  .initiative-section,
  .organisation-section,
  .sensitivity-section {
    padding: 72px 0;
  }

  .initiative-steps li,
  .initiative-steps li:nth-child(2),
  .initiative-steps li:nth-child(3) {
    max-width: none;
    margin-left: 0;
  }

  .organisation-copy {
    order: -1;
  }

  .organisation-image,
  .sensitivity-image {
    aspect-ratio: 3 / 2;
    max-height: none;
  }

  .organisation-image img {
    object-position: center 37%;
  }

  .sensitivity-copy {
    order: -1;
  }
}

@media (max-width: 560px) {
  .hero {
    padding-top: 24px;
  }

  .hero-layout {
    gap: 19px;
  }

  .hero h1 {
    font-size: clamp(34px, 10.8vw, 40px);
  }

  .basis-layout {
    margin-top: -10px;
    padding: 24px 20px 26px;
  }

  .initiative-steps li {
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 11px;
    padding: 20px 17px;
  }

  .action-list li {
    grid-template-columns: 1fr;
    gap: 3px;
  }
}

@media (max-width: 350px) {
  .hero h1 {
    font-size: 31px;
  }

  .initiative-steps li {
    grid-template-columns: 34px minmax(0, 1fr);
  }
}

.image-frame img{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;aspect-ratio:auto!important;object-fit:contain!important}.image-frame{height:auto!important;min-height:0!important;aspect-ratio:auto!important;display:block!important}.hero .hero-copy h1{font-size:clamp(30px,3.2vw,46px)!important;line-height:1.1!important}