:root {
  --navy: #183955;
  --navy-deep: #102b42;
  --blue: #547b98;
  --blue-soft: #eaf1f4;
  --coral: #cb6d50;
  --coral-dark: #a94f37;
  --coral-soft: #f9e7df;
  --sea: #687c78;
  --sea-soft: #e7eeeb;
  --warm: #fbf6ee;
  --ink: #1d3342;
  --muted: #586a72;
  --line: #d5dedf;
  --shadow: 0 24px 70px rgba(16, 43, 66, 0.15);
  --radius-small: 6px;
  --radius-medium: 14px;
  --radius-large: 22px;
}

body {
  background: #fffdf9;
}

h1,
h2,
h3 {
  letter-spacing: -0.035em;
}

.operator-bar {
  background: #102b42;
}

.site-header {
  border-bottom-color: rgba(16, 43, 66, 0.17);
}

.domain-mark {
  letter-spacing: -0.045em;
}

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

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

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

.hero {
  padding: 58px 0 70px;
  background: linear-gradient(90deg, #f5ede1 0 64%, #eaf1f4 64% 100%);
}

.hero::before {
  top: 38px;
  right: 5vw;
  width: 132px;
  height: 132px;
  background: transparent;
  border: 1px solid rgba(169, 79, 55, 0.28);
  border-radius: 50%;
}

.hero::after {
  right: auto;
  bottom: 0;
  left: 0;
  width: 41%;
  height: 8px;
  background: var(--coral);
}

.hero-layout {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  align-items: stretch;
  gap: 0;
}

.hero-image {
  z-index: 1;
  grid-column: 1 / 7;
  grid-row: 1;
  min-height: 510px;
  aspect-ratio: auto;
  border-radius: 0 22px 22px 0;
  box-shadow: var(--shadow);
}

.hero-image::before {
  top: auto;
  bottom: 0;
  left: 0;
  width: 9px;
  height: 42%;
  background: var(--coral);
}

.hero-image img {
  position: absolute;
  inset: 0;
  object-position: 55% center;
}

.hero-copy {
  z-index: 3;
  grid-column: 7 / 13;
  grid-row: 1;
  padding: clamp(32px, 4vw, 52px);
  background: rgba(255, 253, 249, 0.97);
  border-left: 6px solid var(--coral-dark);
  box-shadow: 0 20px 58px rgba(16, 43, 66, 0.16);
}

.hero-copy h1 {
  max-width: 610px;
  font-size: clamp(44px, 3.6vw, 52px);
}

.hero-lead {
  max-width: 610px;
  color: #405766;
}

.secondary-paths a:first-child {
  color: var(--coral-dark);
}

.basis-note {
  padding: 34px 0;
  color: var(--ink);
  background: #eaf1f4;
  border-bottom: 1px solid #ccd9de;
}

.basis-layout {
  grid-template-columns: 0.72fr 0.95fr 1.65fr;
  align-items: center;
  gap: 32px;
}

.basis-note .section-kicker {
  margin: 0;
  color: var(--coral-dark);
}

.basis-note h2 {
  color: var(--navy-deep);
  font-size: 28px;
}

.basis-note p:last-child {
  color: #425c68;
}

.presence-section {
  padding: 100px 0 94px;
  background: #fffdf9;
}

.presence-layout {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  gap: clamp(50px, 8vw, 112px);
}

.presence-intro {
  align-self: start;
  padding: 0 0 0 30px;
  border-left: 5px solid var(--coral);
}

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

.presence-points {
  margin: 0;
  padding: 0;
  list-style: none;
}

.presence-points li {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  gap: 20px;
  padding: 22px 0;
  border-top: 1px solid var(--line);
}

.presence-points li:last-child {
  border-bottom: 1px solid var(--line);
}

.presence-points > li > span {
  padding-top: 4px;
  color: var(--coral-dark);
  font-size: 14px;
  font-weight: 850;
  letter-spacing: 0.09em;
}

.presence-points h3 {
  margin-bottom: 6px;
}

.presence-points p {
  color: var(--muted);
}

.conversation-section {
  padding: 92px 0 110px;
  background: #f2f5f4;
}

.conversation-stage {
  position: relative;
  min-height: 630px;
}

.conversation-image {
  width: 78%;
  min-height: 520px;
  margin-left: auto;
  border-radius: 22px 22px 0 22px;
  box-shadow: var(--shadow);
}

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

.conversation-copy {
  position: absolute;
  z-index: 3;
  bottom: 0;
  left: 0;
  width: min(58%, 650px);
  padding: clamp(35px, 5vw, 62px);
  color: #e9f1f4;
  background: var(--navy-deep);
  border-top: 7px solid var(--coral);
}

.conversation-copy .section-kicker {
  color: #f0ae98;
}

.conversation-copy h2 {
  color: #ffffff;
}

.conversation-copy p {
  color: #d7e4e9;
}

.conversation-copy .text-link {
  color: #f2b7a4;
}

.preparation-section {
  padding: 104px 0;
  background: #fffdf9;
}

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

.preparation-copy > p:not(.section-kicker) {
  color: var(--muted);
}

.preparation-list {
  margin: 30px 0 0;
  padding: 0;
  list-style: none;
}

.preparation-list li {
  display: grid;
  grid-template-columns: minmax(150px, 0.48fr) minmax(0, 1fr);
  gap: 18px;
  padding: 15px 0;
  border-top: 1px solid var(--line);
}

.preparation-list li:last-child {
  border-bottom: 1px solid var(--line);
}

.preparation-list strong {
  color: var(--navy-deep);
}

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

.preparation-image {
  min-height: 610px;
  border-radius: 22px 0 22px 22px;
  box-shadow: var(--shadow);
}

.preparation-image img {
  position: absolute;
  inset: 0;
  object-position: 43% center;
}

.support-section {
  background: #183955;
}

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

.support-list > div {
  border-color: rgba(255, 255, 255, 0.2);
}

.property-section {
  background: #f8f1e7;
}

.property-layout {
  grid-template-columns: minmax(0, 0.78fr) minmax(0, 1.22fr);
}

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

.seller-path {
  padding-top: 0;
}

.buyer-path {
  max-width: 86%;
  opacity: 0.76;
}

.career-link {
  background: #eaf1f4;
  border-block-color: #ccdadd;
}

.career-layout .button-outline {
  border-color: var(--coral-dark);
  color: var(--coral-dark);
}

.career-layout .button-outline:hover {
  color: #fff;
  background: var(--coral-dark);
}

.trust-section {
  background: #e7eeeb;
}

.trust-facts {
  border-color: rgba(104, 124, 120, 0.42);
}

.trust-facts > div {
  border-color: rgba(104, 124, 120, 0.42);
}

.form-section {
  background: #fbf6ee;
}

#kontaktformular {
  border-top-color: var(--coral-dark);
  border-radius: 4px 18px 18px 18px;
}

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

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

.privacy-note {
  color: #34534e;
  background: #e7eeeb;
  border-left-color: #687c78;
}

.site-footer {
  background: #102b42;
}

@media (max-width: 1060px) {
  .hero-copy {
    grid-column: 7 / 13;
  }

  .hero-image {
    grid-column: 1 / 7;
    min-height: 500px;
  }

  .basis-layout {
    grid-template-columns: 0.68fr 0.9fr 1.55fr;
  }
}

@media (max-width: 920px) {
  .hero-copy h1 {
    font-size: 42px;
  }

  .basis-layout {
    grid-template-columns: 1fr 1fr;
  }

  .basis-note p:last-child {
    grid-column: 1 / -1;
  }

  .conversation-copy {
    width: 64%;
  }
}

@media (max-width: 820px) {
  .hero {
    padding: 30px 0 44px;
    background: #f5ede1;
  }

  .hero::before {
    top: auto;
    right: -40px;
    bottom: 120px;
    width: 120px;
    height: 120px;
  }

  .hero::after {
    width: 54%;
  }

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

  .hero-copy {
    display: contents;
    padding: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
  }

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

  .hero-copy h1 {
    order: 2;
    margin-bottom: -8px;
    font-size: clamp(34px, 8vw, 44px);
  }

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

  .hero-actions {
    order: 4;
  }

  .hero-image {
    order: 5;
    width: 100%;
    min-height: 0;
    aspect-ratio: 16 / 9;
    border-radius: 0 18px 18px 18px;
  }

  .basis-layout,
  .presence-layout,
  .preparation-layout {
    grid-template-columns: 1fr;
  }

  .presence-section,
  .preparation-section {
    padding: 74px 0;
  }

  .presence-layout,
  .preparation-layout {
    gap: 38px;
  }

  .conversation-section {
    padding: 72px 0;
  }

  .conversation-stage {
    display: flex;
    min-height: 0;
    flex-direction: column;
  }

  .conversation-image {
    width: 100%;
    min-height: 0;
    aspect-ratio: 16 / 9;
    margin: 0;
    border-radius: 18px 18px 0 0;
  }

  .conversation-copy {
    position: static;
    width: 100%;
    padding: 34px 28px 38px;
    border-top-width: 6px;
  }

  .preparation-image {
    min-height: 0;
    aspect-ratio: 16 / 9;
    border-radius: 18px 0 18px 18px;
  }

  .preparation-copy {
    order: -1;
  }

  .property-intro {
    border-left-color: var(--coral);
  }

  .buyer-path {
    max-width: none;
  }
}

@media (max-width: 560px) {
  .domain-mark {
    font-size: 17px;
  }

  .hero-copy h1 {
    font-size: clamp(33px, 9.2vw, 38px);
  }

  .presence-intro {
    padding-left: 20px;
  }

  .presence-points li {
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 12px;
  }

  .conversation-copy {
    padding: 30px 21px 34px;
  }

  .preparation-list li {
    grid-template-columns: 1fr;
    gap: 4px;
  }
}

@media (max-width: 350px) {
  .domain-mark {
    font-size: 14px;
  }

  .hero-copy h1 {
    font-size: 31px;
  }
}

.migration-operator{margin:0;padding:8px 24px;text-align:center;font-size:12px;color:#17354d;background:#f5f7f9}.awz-logo{width:110px!important;height:74px!important}.awz-logo img{width:100%!important;height:100%!important;object-fit:contain}.migration-stats{display:flex;gap:28px;grid-column:1/-1;flex-wrap:wrap;margin-top:24px}.migration-stats div{flex:1;min-width:160px}.migration-stats strong,.migration-stats span{display:block}.migration-stats strong{font-size:24px;color:#17354d}.contact-panel{grid-column:1/-1}.contact-panel form{max-width:850px}.contact-panel fieldset{border:0;padding:0;margin:0 0 20px}.choices{display:flex;gap:16px;flex-wrap:wrap}.choice{display:flex;gap:8px;align-items:center}.field{margin:16px 0}.field label,.optional-grid label{display:block;margin-bottom:6px}.field input,.field textarea,.optional-grid input{width:100%;padding:12px;border:1px solid #a9b7c4;border-radius:3px;font:inherit;background:white;box-sizing:border-box}.optional{margin:24px 0}.optional summary{cursor:pointer;font-weight:600}.optional-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding-top:18px}.consent{display:flex;align-items:flex-start;gap:10px;margin:20px 0}.consent input{width:auto}.honeypot{position:absolute;left:-9999px}.contact-panel button{background:#17354d;color:white;padding:14px 20px;border:0;border-radius:3px;font:inherit;font-weight:600}.confidentiality{font-size:14px}.migration-about{max-width:900px;margin:50px auto;padding:24px}@media(max-width:600px){.optional-grid{grid-template-columns:1fr}.awz-logo{width:88px!important;height:60px!important}.migration-stats{gap:18px}}

.contact-panel{padding:28px;border:1px solid #c6d8d8;background:white;min-width:0}.contact-panel form{max-width:100%}.contact-panel .choices{display:grid;gap:12px}.contact-panel input[type=radio],.contact-panel input[type=checkbox]{width:auto}.awz-logo{max-width:110px}.awz-logo img{object-fit:contain}.hero-copy h1{font-size:clamp(30px,3.2vw,46px)}.image-frame{min-height:0!important;height:auto!important;aspect-ratio:auto!important}.image-frame img{position:static!important;width:100%;height:auto!important;object-fit:contain!important}.hero-image{align-self:start}.conversation-stage{display:grid;grid-template-columns:1fr 1fr;gap:32px;min-height:0;align-items:start}.conversation-image{width:100%;margin:0}.conversation-copy{position:static;width:100%}.trust-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:820px){.conversation-stage{grid-template-columns:1fr}.trust-facts{grid-template-columns:1fr}.header-inner>*{min-width:0}}