/* ============================================================
   OWNERS Design System v4 — owners-frontpage.css
   CLEAN BUILD — keine Konflikte, keine Duplikate
   Premium Magazin Layout: wechselnde Größen, Raster, Rhythmus
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&family=Inter:wght@300;400;500&display=swap');

/* ══════════════════════════════════════════════════════════
   1. DESIGN TOKENS
══════════════════════════════════════════════════════════ */
:root {
  /* OWNERS Tokens auch auf :root — damit .ow-art Zugriff hat */
  --ow-black:   #0B0B0B;
  --ow-dark:    #111111;
  --ow-dark2:   #161616;
  --ow-white:   #F5F3EF;
  --ow-gold:    #C6A96B;
  --ow-goldf:   rgba(198,169,107,.18);
  --ow-goldt:   rgba(198,169,107,.07);
  --ow-stone:   #B8B6B1;
  --ow-stonet:  rgba(184,182,177,.15);
  --ow-text:    #E0DDD8;
  --ow-muted:   #898782;
  --ow-serif:   'Cormorant Garamond', Georgia, serif;
  --ow-sans:    'Inter', 'Helvetica Neue', sans-serif;
  --ow-ease:    cubic-bezier(0.25, 0.46, 0.45, 0.94);
  /* Shorthand aliases (für bestehende Regeln) */
  --black:   var(--ow-black);
  --dark:    var(--ow-dark);
  --dark2:   var(--ow-dark2);
  --white:   var(--ow-white);
  --gold:    var(--ow-gold);
  --goldf:   var(--ow-goldf);
  --goldt:   var(--ow-goldt);
  --stone:   var(--ow-stone);
  --stonet:  var(--ow-stonet);
  --text:    var(--ow-text);
  --muted:   var(--ow-muted);
  --serif:   var(--ow-serif);
  --sans:    var(--ow-sans);
  --ease:    var(--ow-ease);
  --ew1:24px; --ew2:24px; --ew3:24px; --eh:1.5px; --eg:6px;
}

/* ══════════════════════════════════════════════════════════
   2. RESET & BASE
══════════════════════════════════════════════════════════ */
.ow, .ow * { box-sizing: border-box; margin: 0; padding: 0; }

.ow {
  background: var(--black);
  color: var(--text);
  font-family: var(--sans);
  font-size: 15px;
  font-weight: 300;
  line-height: 1.75;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

/* Avada-Overrides: Container neutralisieren */
.ow .fusion-row,
.ow .fusion-builder-row,
.ow .fusion-layout-column .fusion-column-wrapper,
.ow .awb-content-wrap {
  padding: 0 !important;
  margin: 0 !important;
  max-width: none !important;
}

/* Avada PTB / Footer ausblenden */
.fusion-page-title-bar,
#wrapper_footer,
.fusion-footer-widget-area,
.fusion-copyright-footer,
.fusion-footer { display: none !important; }

.ow a { color: inherit; text-decoration: none; }
.ow img { display: block; max-width: none; border: none; }

/* ══════════════════════════════════════════════════════════
   3. GLOBALER SHELL — EINZIGER CONTAINER
══════════════════════════════════════════════════════════ */
.ow-shell {
  width: 100%;
  max-width: 1170px; /* Exakt Avada site_width */
  margin: 0 auto;
  padding-left: 30px;  /* Exakt Avada 100% Width Padding */
  padding-right: 30px;
}

/* ══════════════════════════════════════════════════════════
   4. UTILITY
══════════════════════════════════════════════════════════ */
.ow-cat {
  font-family: var(--sans); font-size: 9px; font-weight: 500;
  letter-spacing: .22em; text-transform: uppercase; color: var(--gold);
  display: block; margin-bottom: 10px;
}
.ow-date {
  font-family: var(--sans); font-size: 10px; font-weight: 300;
  letter-spacing: .06em; color: var(--muted);
}
.ow-sep { color: var(--muted); margin: 0 8px; opacity: .4; }
.ow-eyebrow {
  font-family: var(--sans); font-size: 9px; font-weight: 500;
  letter-spacing: .26em; text-transform: uppercase; color: var(--gold);
}
.ow-eyebrow--rule {
  display: flex; align-items: center; gap: 14px; margin-bottom: 26px;
}
.ow-eyebrow--rule::before {
  content: ''; display: block; width: 24px; height: 1px;
  background: var(--gold); flex-shrink: 0; opacity: .6;
}
.ow-link-arrow {
  font-family: var(--sans); font-size: 9px; font-weight: 500;
  letter-spacing: .18em; text-transform: uppercase;
  color: var(--stone); transition: color .4s;
}
.ow-link-arrow::after { content: ' →'; }
.ow-link-arrow:hover  { color: var(--gold); }
.ow-ph { background: var(--black); display: block; width: 100%; }

/* E-Signatur Divider */
.ow-e {
  display: block; flex-shrink: 0;
  width: var(--ew1); height: calc(var(--eh)*3 + var(--eg)*2);
  opacity: .55;
  background:
    linear-gradient(var(--gold),var(--gold)) 0 0px  / 24px 1.5px no-repeat,
    linear-gradient(var(--gold),var(--gold)) 0 6px  / 24px 1.5px no-repeat,
    linear-gradient(var(--gold),var(--gold)) 0 12px / 24px 1.5px no-repeat;
}
.ow-e--div  { margin-bottom: 28px; }
.ow-e--sm   { opacity: .4; margin-bottom: 18px; }
.ow-e--sig  { opacity: .6; }

/* Fade-In */
.ow-fade { opacity: 0; transform: translateY(16px); transition: opacity .9s var(--ease), transform .9s var(--ease); }
.ow-fade.is-visible { opacity: 1; transform: none; }

/* ══════════════════════════════════════════════════════════
   5. FEATURED STORY — Cinematic Hero Bild + Text darunter
══════════════════════════════════════════════════════════ */
.ow-feat {
  background: var(--black);
  padding: clamp(12px,1.5vw,20px) 0 0;
}

/* Bild: Volle Viewport-Breite — aus Shell herausgezogen */
.ow-feat__fig {
  display: block;
  position: relative;
  overflow: hidden;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  margin-bottom: 0;
  text-decoration: none;
}
.ow-feat__fig::before {
  content: '';
  display: block;
  padding-top: 36%; /* schmales Banner ~3:1 */
}
@media (max-width: 900px) { .ow-feat__fig::before { padding-top: 44%; } }
@media (max-width: 600px) { .ow-feat__fig::before { padding-top: 75%; } }

.ow-feat__fig img,
.ow-feat-img {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  object-fit: cover; object-position: center 30%;
  display: block;
  transition: transform 2.4s var(--ease), filter 2.4s var(--ease);
  filter: brightness(.82) saturate(.88);
}
.ow-feat__fig:hover img { transform: scale(1.03); filter: brightness(.9) saturate(1); }

/* Subtiler Vignetten-Gradient */
.ow-feat__veil {
  position: absolute; inset: 0;
  background: linear-gradient(to bottom, transparent 55%, rgba(11,11,11,.32) 100%);
  pointer-events: none; z-index: 1;
}

/* Goldlinie am Bild-Unterkante beim Hover */
.ow-feat__fig::after {
  content: ''; position: absolute; bottom: 0; left: 0; right: 0;
  height: 2px; background: var(--gold); opacity: 0;
  transform: scaleX(0); transform-origin: left;
  transition: opacity .4s, transform .7s var(--ease); z-index: 2;
}
.ow-feat__fig:hover::after { opacity: .65; transform: scaleX(1); }

/* Textbereich: direkt unter dem Bild */
.ow-feat__body {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  gap: 24px;
  align-items: start;
  padding: 18px 0 24px;
  border-bottom: 1px solid var(--stonet);
}
@media (max-width: 680px) {
  .ow-feat__body { grid-template-columns: 1fr; }
  .ow-feat__body-right { display: none; }
}

.ow-feat__meta { display: flex; align-items: center; margin-bottom: 14px; }

.ow-feat__title {
  font-family: var(--serif);
  font-size: clamp(22px, 2.8vw, 36px);
  font-weight: 400; line-height: 1.15; letter-spacing: -.015em;
  color: var(--white); margin-bottom: 12px;
}
.ow-feat__title a { color: inherit; transition: opacity .4s; }
.ow-feat__title a:hover { opacity: .75; }

.ow-feat__exc {
  font-size: 14px; line-height: 1.85; color: var(--stone); letter-spacing: .01em;
}

/* Pfeil-Box rechts */
.ow-feat__arrow {
  display: flex; align-items: center; justify-content: center;
  width: 48px; height: 48px; flex-shrink: 0;
  border: 1px solid var(--goldf); font-size: 18px; color: var(--gold);
  transition: background .3s, border-color .3s;
}
.ow-feat__arrow:hover { background: var(--goldt); border-color: rgba(198,169,107,.4); }

/* ══════════════════════════════════════════════════════════
   6. MAGAZIN-GRID — Premium Layout mit Raster-Wechsel
══════════════════════════════════════════════════════════ */
.ow-grid {
  background: var(--black);
  padding: 0 0 clamp(32px,4vw,48px);
}

/* Section-Divider mit Label */
.ow-grid__divider {
  display: flex; align-items: center; gap: 20px;
  padding: clamp(18px,2.5vw,28px) 0 clamp(14px,2vw,22px);
}
.ow-grid__divider-line {
  flex: 1; height: 1px;
  background: linear-gradient(to right, var(--stonet) 0%, transparent 100%);
}

/* ── Reihe 1: GROSS (2/3) + MITTEL (1/3) ──────────────── */
.ow-grid__row1 {
  display: grid !important;
  grid-template-columns: 2fr 1fr !important;
  gap: clamp(16px,2vw,28px);
  margin-bottom: clamp(16px,2vw,28px);
  align-items: start;
}

/* ── Reihe 2: 3 GLEICHE nebeneinander ─────────────────── */
.ow-grid__row2 {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: clamp(16px,2vw,28px);
  padding-top: clamp(16px,2vw,28px);
  border-top: 1px solid var(--stonet);
}

/* ══════════════════════════════════════════════════════════
   7. CARDS — Bild oben, Text darunter, NIE abgeschnitten
══════════════════════════════════════════════════════════ */
.ow-card {
  display: flex !important; flex-direction: column !important;
  background: transparent;
}

/* Bild-Container mit festem Seitenverhältnis via ::before */
.ow-card__fig {
  display: block; position: relative;
  overflow: hidden; text-decoration: none;
  margin-bottom: 10px;
}
.ow-card__fig::before {
  content: ''; display: block;
}
/* Seitenverhältnisse */
.ow-card--lead   .ow-card__fig::before { padding-top: 54%; }    /* ~16:9 kompakt */
.ow-card--medium .ow-card__fig::before { padding-top: 68%; }    /* 3:2 */
.ow-card--small  .ow-card__fig::before { padding-top: 66.67%; } /* 3:2   */
/* Row1: Medium-Card Bild füllt die Höhe des Lead-Bildes */
.ow-grid__row1 .ow-card--medium .ow-card__fig {
  margin-bottom: 10px;
}
.ow-grid__row1 .ow-card--medium .ow-card__fig::before {
  padding-top: 78% !important;
}

/* Bild: absolut, füllt Container vollständig */
.ow-card__fig img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center 25% !important;
  display: block !important;
  transition: transform 2.2s var(--ease), filter 2.2s var(--ease) !important;
  filter: brightness(.8) saturate(.88) !important;
}
.ow-card__fig:hover img {
  transform: scale(1.04) !important;
  filter: brightness(.9) saturate(1) !important;
}

/* Gold-Linie Hover */
.ow-card__fig::after {
  content: ''; position: absolute; bottom: 0; left: 0; right: 0;
  height: 2px; background: var(--gold); opacity: 0;
  transform: scaleX(0); transform-origin: left;
  transition: opacity .4s, transform .6s var(--ease); z-index: 2;
}
.ow-card__fig:hover::after { opacity: .6; transform: scaleX(1); }

/* Text */
.ow-card__title {
  font-family: var(--serif); font-weight: 400; line-height: 1.2; letter-spacing: -.012em;
  color: var(--white); margin-bottom: 10px;
}
.ow-card__title a { color: inherit; transition: opacity .4s; }
.ow-card__title a:hover { opacity: .72; }
.ow-card--lead   .ow-card__title { font-size: clamp(20px,2.4vw,30px); }
.ow-card--medium .ow-card__title { font-size: clamp(17px,1.9vw,23px); }
.ow-card--small  .ow-card__title { font-size: clamp(14px,1.5vw,18px); }

.ow-card__exc {
  font-size: 13px; font-weight: 300; line-height: 1.82;
  color: var(--stone); margin-bottom: 12px; letter-spacing: .01em;
}
.ow-card__exc--sm {
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}

.ow-card__foot {
  display: flex; align-items: center; justify-content: space-between;
  margin-top: auto; padding-top: 12px;
  border-top: 1px solid var(--stonet);
}

/* ══════════════════════════════════════════════════════════
   8. THEMENWELTEN
══════════════════════════════════════════════════════════ */
.ow-themes {
  background: var(--black);
  padding: clamp(52px,7vw,80px) 0;
  border-top: 1px solid var(--stonet);
}
.ow-themes__header {
  display: grid !important; grid-template-columns: 1fr 1fr !important;
  gap: clamp(32px,4vw,56px);
  margin-bottom: clamp(48px,6vw,80px); align-items: end;
}
.ow-themes__header .ow-eyebrow { margin-bottom: 18px; }
.ow-themes__hl {
  font-family: var(--serif);
  font-size: clamp(32px,4vw,52px); font-weight: 300;
  line-height: 1.1; letter-spacing: -.025em; color: var(--white);
}
.ow-themes__hl em { font-style: italic; color: var(--gold); opacity: .88; }
.ow-themes__intro {
  font-size: 14px; line-height: 1.9; color: var(--muted);
  max-width: 360px; align-self: end; letter-spacing: .01em;
}
.ow-themes__grid {
  display: grid !important; grid-template-columns: repeat(5,1fr) !important;
  border-top: 2px solid rgba(198,169,107,.35);
  margin-top: clamp(24px,3vw,36px);
}
.ow-theme-item {
  padding: clamp(28px,3.5vw,40px) 22px clamp(28px,3.5vw,40px) 0;
  border-right: 1px solid rgba(198,169,107,.1);
  transition: background .5s var(--ease);
  margin-top: 2px;
}
.ow-theme-item:last-child { border-right: none; padding-right: 0; }
.ow-theme-item:hover { background: rgba(198,169,107,.04); }
.ow-theme-item__nr {
  font-size: 9px; font-weight: 300; letter-spacing: .14em;
  color: rgba(198,169,107,.28); margin-bottom: 18px;
}
.ow-theme-item__name {
  font-family: var(--serif); font-size: clamp(16px,1.8vw,22px);
  font-weight: 300; color: var(--white); line-height: 1.2; margin-bottom: 12px;
}
.ow-theme-item__name a { color: inherit; transition: color .4s; }
.ow-theme-item__name a:hover { color: var(--gold); }
.ow-theme-item__desc { font-size: 11px; line-height: 1.85; color: var(--muted); letter-spacing: .01em; }

/* ══════════════════════════════════════════════════════════
   9. EDITOR'S NOTE
══════════════════════════════════════════════════════════ */
.ow-editor {
  background: var(--black);
  padding: clamp(52px,7vw,80px) 0;
  border-top: 1px solid var(--stonet);
}
.ow-editor__inner {
  display: grid !important; grid-template-columns: 1fr 2fr !important;
  gap: clamp(40px,5vw,80px); align-items: center;
}
.ow-editor__img-wrap { aspect-ratio: 3/4; overflow: hidden; position: relative; }
.ow-editor__img-wrap img,
.ow-editor__img {
  width: 100%; height: 100%; object-fit: cover; object-position: center top;
  filter: brightness(.86) saturate(.82);
  transition: filter 2s var(--ease);
}
.ow-editor__img-col:hover .ow-editor__img-wrap img { filter: brightness(.93) saturate(1); }
.ow-editor__ph { width: 100%; aspect-ratio: 3/4; background: var(--black); }
.ow-editor__caption { margin-top: 20px; }
.ow-editor__name { font-family: var(--serif); font-size: 17px; font-weight: 400; color: var(--white); margin-bottom: 4px; }
.ow-editor__role { font-size: 9px; font-weight: 300; letter-spacing: .16em; text-transform: uppercase; color: var(--muted); }
.ow-editor__quote {
  font-family: var(--serif); font-size: clamp(22px,2.8vw,40px);
  font-weight: 300; line-height: 1.3; letter-spacing: -.015em;
  color: var(--white); margin: 24px 0 28px;
}
.ow-editor__quote em { font-style: italic; }
.ow-editor__body { font-size: 14px; line-height: 1.95; color: var(--muted); letter-spacing: .01em; }
.ow-editor__body p + p { margin-top: 16px; }
.ow-editor__sig { display: flex; align-items: center; gap: 14px; margin-top: 20px; }
.ow-editor__sig-mark {
  display: block; flex-shrink: 0;
  width: var(--ew1); height: calc(var(--eh)*3 + var(--eg)*2); opacity: .6;
  background:
    linear-gradient(var(--gold),var(--gold)) 0 0px  / 24px 1.5px no-repeat,
    linear-gradient(var(--gold),var(--gold)) 0 6px  / 24px 1.5px no-repeat,
    linear-gradient(var(--gold),var(--gold)) 0 12px / 24px 1.5px no-repeat;
}
.ow-editor__sig-name { font-family: var(--serif); font-size: 15px; font-weight: 400; font-style: italic; color: var(--white); opacity: .82; }

/* ══════════════════════════════════════════════════════════
   10. BRIEFING — zentriert, lesbar
══════════════════════════════════════════════════════════ */
.ow-briefing {
  background: var(--black);
  background-image: var(--ow-briefing-bg, none);
  background-size: cover; background-position: center;
  padding: clamp(28px,4vw,48px) 0;
  position: relative;
  border-top: 1px solid var(--goldf);
}
.ow-briefing__veil { position: absolute; inset: 0; background: rgba(11,11,11,.88); z-index: 0; }
.ow-briefing .ow-shell { position: relative; z-index: 1; }

.ow-briefing__inner {
  max-width: 560px; margin: 0 auto;
  text-align: center;
  display: flex; flex-direction: column; align-items: center;
}
.ow-briefing__inner .ow-eyebrow { margin-bottom: 18px; }
.ow-briefing__hl {
  font-family: var(--serif); font-size: clamp(28px,3.5vw,48px);
  font-weight: 300; line-height: 1.1; letter-spacing: -.02em;
  color: var(--white); margin: 16px 0 18px;
}
.ow-briefing__sub {
  font-size: 14px; line-height: 1.9; color: var(--muted);
  margin-bottom: 44px; max-width: 440px; letter-spacing: .01em;
}
.ow-briefing__form-wrap { width: 100%; max-width: 420px; }
.ow-briefing__form {
  display: flex; border: 1px solid var(--goldf);
  transition: border-color .4s;
}
.ow-briefing__form:focus-within { border-color: rgba(198,169,107,.45); }
.ow-briefing__input {
  flex: 1; background: transparent; border: none; outline: none;
  padding: 14px 18px; font-family: var(--sans); font-size: 12px;
  font-weight: 300; color: var(--white); letter-spacing: .04em; min-width: 0;
}
.ow-briefing__input::placeholder { color: rgba(184,182,177,.32); font-size: 10px; letter-spacing: .14em; text-transform: uppercase; }
.ow-briefing__btn {
  background: var(--gold); border: none; cursor: pointer;
  padding: 14px 22px; font-family: var(--sans); font-size: 9px;
  font-weight: 500; letter-spacing: .2em; text-transform: uppercase;
  color: var(--black); white-space: nowrap; transition: background .3s;
  -webkit-appearance: none; appearance: none;
}
.ow-briefing__btn:hover { background: #d4b87a; }
.ow-briefing__btn:disabled { opacity: .5; cursor: default; }
.ow-briefing__msg {
  margin-top: 10px; font-size: 11px; letter-spacing: .05em;
  min-height: 16px; color: var(--stone); text-align: center;
}
.ow-briefing__msg--ok    { color: var(--gold); }
.ow-briefing__msg--error { color: #cc8888; }
/* Datenschutz: lesbar */
.ow-briefing__privacy {
  margin-top: 18px; font-size: 11px; font-weight: 300;
  color: var(--stone); letter-spacing: .04em; line-height: 1.7;
  opacity: .85; max-width: 420px;
}

/* ══════════════════════════════════════════════════════════
   11. FOOTER
══════════════════════════════════════════════════════════ */
/* ════════════════════════════════════════════════════════
   8. FOOTER — Leiser Schlussakkord
════════════════════════════════════════════════════════ */
.ow-footer {
  background: var(--black);
  padding: clamp(52px,7vw,96px) 0 0;
  border-top: 1px solid rgba(198,169,107,.12);
}

/* ── Manifest ── */
.ow-footer__manifest {
  max-width: 640px;
  margin-bottom: clamp(40px,5vw,64px);
}
.ow-footer__manifest .ow-e { margin-bottom: 20px; }
.ow-footer__manifest-hl {
  font-family: var(--serif);
  font-size: clamp(28px,3.8vw,48px);
  font-weight: 300; color: var(--white);
  line-height: 1.12; letter-spacing: -.02em;
  margin-bottom: 18px;
}
.ow-footer__manifest-txt {
  font-size: 14px; font-weight: 300; line-height: 1.9;
  color: var(--muted); max-width: 540px;
}

/* ── Rule ── */
.ow-footer__rule {
  height: 1px;
  background: linear-gradient(90deg, rgba(198,169,107,.35) 0%, rgba(198,169,107,.08) 60%, transparent 100%);
  margin-bottom: clamp(32px,4vw,52px);
}
.ow-footer__rule--light {
  background: rgba(198,169,107,.08);
  margin-top: clamp(32px,4vw,52px);
  margin-bottom: clamp(20px,2.5vw,32px);
}

/* ── Mitte: Logo + Briefing ── */
.ow-footer__mid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(32px,5vw,80px);
  align-items: start;
}

/* Brand links */
.ow-footer__logo-img { max-height: 28px; width: auto; display: block; margin-bottom: 12px; filter: brightness(0) invert(1); opacity: .85; }
.ow-footer__logo-text { font-family: var(--serif); font-size: 22px; letter-spacing: .08em; color: var(--white); display: block; margin-bottom: 10px; }
.ow-footer__claim { font-size: 11px; font-weight: 300; color: var(--muted); letter-spacing: .04em; line-height: 1.7; margin-bottom: 24px; }

/* Kontakt Block */
.ow-footer__contact-block { margin-top: 4px; }
.ow-footer__contact-hl { font-size: 13px; font-weight: 400; color: var(--white); margin-bottom: 6px; }
.ow-footer__contact-txt { font-size: 12px; font-weight: 300; color: var(--muted); line-height: 1.75; margin-bottom: 14px; }
.ow-footer__contact-btn {
  display: inline-block;
  font-size: 10px; font-weight: 500; letter-spacing: .16em; text-transform: uppercase;
  color: var(--gold); text-decoration: none;
  padding-bottom: 3px;
  border-bottom: 1px solid rgba(198,169,107,.3);
  transition: border-color .3s, opacity .3s;
}
.ow-footer__contact-btn:hover { opacity: .75; border-color: var(--gold); }

/* Briefing rechts */
.ow-footer__briefing-label {
  font-size: 9px; font-weight: 500; letter-spacing: .2em; text-transform: uppercase;
  color: rgba(198,169,107,.5); margin-bottom: 14px; display: block;
}
.ow-footer__briefing-hl {
  font-family: var(--serif);
  font-size: clamp(18px,2.2vw,26px); font-weight: 300;
  color: var(--white); line-height: 1.2; margin-bottom: 10px;
}
.ow-footer__briefing-txt {
  font-size: 12px; font-weight: 300; color: var(--muted); line-height: 1.8; margin-bottom: 20px;
}
.ow-footer__briefing-form { margin-top: 0; }
.ow-footer__briefing-row {
  display: flex; gap: 0;
  border: 1px solid rgba(198,169,107,.2);
  border-radius: 2px; overflow: hidden;
  max-width: 380px;
}
.ow-footer__briefing-input {
  flex: 1; background: rgba(255,255,255,.03);
  border: none; outline: none;
  padding: 11px 14px;
  font-family: var(--sans); font-size: 12px; font-weight: 300;
  color: var(--white); letter-spacing: .02em;
}
.ow-footer__briefing-input::placeholder { color: rgba(184,182,177,.35); }
.ow-footer__briefing-btn {
  background: var(--gold); border: none; cursor: pointer;
  padding: 11px 18px;
  font-family: var(--sans); font-size: 10px; font-weight: 500;
  letter-spacing: .14em; text-transform: uppercase; color: var(--black);
  transition: opacity .25s;
  white-space: nowrap;
}
.ow-footer__briefing-btn:hover { opacity: .82; }

/* ── Unten: Themes + Rechtliches ── */
.ow-footer__bottom {
  display: flex; align-items: center; justify-content: space-between;
  padding-bottom: clamp(24px,3vw,36px);
  flex-wrap: wrap; gap: 12px;
}
.ow-footer__themes {
  display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
}
.ow-footer__theme {
  font-size: 10px; font-weight: 300; letter-spacing: .12em; text-transform: uppercase;
  color: rgba(184,182,177,.38);
}
.ow-footer__theme-sep { color: rgba(198,169,107,.25); font-size: 10px; }
.ow-footer__legal {
  display: flex; align-items: center; gap: 16px; flex-wrap: wrap;
}
.ow-footer__copy { font-size: 10px; font-weight: 300; color: rgba(184,182,177,.25); letter-spacing: .04em; }
.ow-footer__legal-links { display: flex; align-items: center; gap: 8px; }
.ow-footer__legal-links span { color: rgba(184,182,177,.2); font-size: 10px; }
.ow-footer__legal-link {
  font-size: 10px; font-weight: 300; letter-spacing: .08em;
  color: rgba(184,182,177,.4); text-decoration: none;
  transition: color .25s;
}
.ow-footer__legal-link:hover { color: var(--stone); }

/* ── Responsive ── */
@media (max-width: 768px) {
  .ow-footer__mid { grid-template-columns: 1fr; gap: 40px; }
  .ow-footer__bottom { flex-direction: column; align-items: flex-start; }
  .ow-footer__briefing-row { max-width: 100%; }
}
/* ══════════════════════════════════════════════════════════
   12. RESPONSIVE
══════════════════════════════════════════════════════════ */
@media (max-width: 1024px) {
  .ow-themes__grid  { grid-template-columns: repeat(2,1fr); }
  .ow-theme-item    { border-bottom: 1px solid rgba(198,169,107,.07); padding-right: 0; }
  .ow-themes__header { grid-template-columns: 1fr; }
  .ow-editor__inner { grid-template-columns: 1fr; }
  .ow-footer__inner { grid-template-columns: 1fr 1fr; gap: 28px; }
}
@media (max-width: 900px) {
  .ow-grid__row1 { grid-template-columns: 1fr; }
  .ow-feat__body { grid-template-columns: 1fr; }
  .ow-feat__body-right { display: none; }
}
@media (max-width: 680px) {
  .ow-grid__row2 { grid-template-columns: 1fr 1fr; }
  .ow-themes__grid { grid-template-columns: 1fr; }
  .ow-briefing__form { flex-direction: column; }
  .ow-briefing__input { border-bottom: 1px solid var(--goldf); }
  .ow-briefing__btn { padding: 13px; }
  .ow-footer__inner { grid-template-columns: 1fr; gap: 24px; }
}
@media (max-width: 480px) {
  .ow-grid__row2 { grid-template-columns: 1fr !important; }
  .ow-themes__grid { grid-template-columns: 1fr !important; }
  .ow-theme-item { border-right: none !important; border-bottom: 1px solid rgba(198,169,107,.12) !important; }
}

/* ══════════════════════════════════════════════════════════
   PREMIUM MAGAZINE DEKO-ELEMENTE
   Gold-Akzente, Trennlinien, Nummern, Atmosphäre
══════════════════════════════════════════════════════════ */

/* ── Goldene Kategorie-Pills ─────────────────────────── */
.ow-cat {
  display: inline-block;
  font-family: var(--sans); font-size: 8px; font-weight: 500;
  letter-spacing: .26em; text-transform: uppercase; color: var(--gold);
  padding: 3px 8px;
  border: 1px solid rgba(198,169,107,.25);
  margin-bottom: 12px;
}

/* ── Artikel-Nummern im 3er-Raster ──────────────────── */
.ow-grid__row2 { counter-reset: ow-art-counter; }
.ow-card--small {
  counter-increment: ow-art-counter;
  position: relative;
}
.ow-card--small::before {
  content: '0' counter(ow-art-counter);
  position: absolute;
  top: -1px; left: -1px;
  font-family: var(--serif); font-size: 11px; font-weight: 300;
  letter-spacing: .1em; color: var(--gold); opacity: .6;
  background: rgba(11,11,11,.85);
  padding: 4px 8px;
  z-index: 4;
  line-height: 1;
}

/* ── Gold-Trennlinie mit E-Motiv vor Grid ──────────── */
.ow-grid__divider {
  position: relative;
}
.ow-grid__divider .ow-eyebrow {
  background: var(--black);
  padding-right: 16px;
  position: relative; z-index: 1;
}

/* ── Lead-Artikel: Gold-Akzent oben links ───────────── */
.ow-card--lead .ow-card__fig::before {
  /* Goldlinie oben */
  box-shadow: inset 0 3px 0 rgba(198,169,107,.5);
}

/* ── Section-Trennlinie mit Gold-Akzent ─────────────── */
.ow-themes, .ow-editor, .ow-briefing {
  border-top: 1px solid rgba(198,169,107,.15) !important;
}

/* ── Featured: Kategorie-Tag auf dem Bild ───────────── */
.ow-feat__fig-cat {
  position: absolute;
  bottom: 20px; left: 20px;
  z-index: 3;
  font-family: var(--sans); font-size: 8px; font-weight: 500;
  letter-spacing: .22em; text-transform: uppercase;
  color: var(--gold);
  background: rgba(11,11,11,.82);
  padding: 5px 12px;
  border-left: 2px solid var(--gold);
}

/* ── Briefing: Gold-Glow auf Formular ───────────────── */
.ow-briefing__form:focus-within {
  box-shadow: 0 0 0 1px rgba(198,169,107,.2), 0 4px 16px rgba(198,169,107,.06) !important;
}

/* ── Card Hover: Gold-Titel ─────────────────────────── */
.ow-card__fig:hover + .ow-card__body .ow-card__title a {
  color: var(--gold) !important;
}

/* ── Dekorative Linie zwischen Lead und Sidebar ──────── */
.ow-grid__row1 {
  position: relative;
}
.ow-grid__row1::after {
  content: '';
  position: absolute;
  top: 0; bottom: 0;
  left: calc(66.67% - 1px); /* zwischen 2fr und 1fr */
  width: 1px;
  background: linear-gradient(to bottom, rgba(198,169,107,.12), rgba(198,169,107,.3) 50%, rgba(198,169,107,.12));
  pointer-events: none;
}

/* ── Briefing: Mehr Gold ─────────────────────────────── */
.ow-briefing__inner .ow-e--div {
  opacity: .7 !important;
  margin-bottom: 24px;
}

/* ── Footer: Gold-Trennlinie ────────────────────────── */
.ow-footer__bottom .ow-e--sm {
  opacity: .5;
}

/* ── Card Body: Mehr Luft ───────────────────────────── */
.ow-card--lead .ow-card__body   { padding-top: 4px; }
.ow-card--medium .ow-card__body { padding-top: 4px; }
.ow-card--small .ow-card__body  { padding-top: 4px; }

/* ── Ausgabe-Nummer (wie Magazin-Issue) ─────────────── */
.ow-grid__issue {
  font-family: var(--serif);
  font-size: 10px; font-weight: 300;
  letter-spacing: .14em; color: rgba(198,169,107,.45);
  text-transform: uppercase;
}

/* ── Linie rechts beim Hover auf kleinen Karten ─────── */
.ow-card--small:hover { border-left: 2px solid rgba(198,169,107,.4); padding-left: 12px; transition: all .4s var(--ease); }

/* ── Shell: Bündig mit Avada's Content ──────────────── */
/* Avada's typische site_width überschreiben */
#wrapper .ow-shell,
#main .ow-shell,
.fusion-full-width .ow-shell {
  max-width: 1200px !important;
}

/* Volle Breite für Sektionen die ans Avada-Layout heranreichen */
.ow-feat .ow-shell {
  max-width: 1200px !important;
}

/* Grid: wenn leer (keine Artikel) — kein Leerraum */
.ow-grid:empty,
.ow-grid .ow-shell:empty { display: none !important; }
.ow-grid__frame:empty { display: none !important; }

/* Featured Body: kompakter */
.ow-feat__body { padding: 20px 0 24px !important; }

/* ════════════════════════════════════════════════════════
   OWNERS HEADER — Plugin-eigener Header (GeneratePress)
════════════════════════════════════════════════════════ */

.ow-header {
  position: absolute;
  top: 0; left: 0; right: 0;
  z-index: 100;
  padding: clamp(64px,10vh,120px) 0;
}

.ow-header__inner {
  max-width: 1170px;
  margin: 0 auto;
  padding: 0 30px;
  display: flex;
  align-items: center;
  justify-content: flex-end; /* Logo rechts */
}

/* Logo */
.ow-header__logo {
  text-decoration: none;
  display: flex; flex-direction: column; gap: 3px;
}
.ow-header__logo-img {
  height: clamp(28px,3.5vh,42px);
  width: auto; display: block;
  filter: drop-shadow(0 1px 4px rgba(0,0,0,.4));
}
.ow-header__logo-text {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: clamp(20px,2.5vw,32px);
  font-weight: 400; letter-spacing: .28em;
  text-transform: uppercase; color: #F5F3EF;
  line-height: 1;
}
.ow-header__claim {
  font-family: 'Inter', sans-serif;
  font-size: 9px; font-weight: 300;
  letter-spacing: .2em; text-transform: uppercase;
  color: rgba(198,169,107,.7);
}

/* Navigation */
.ow-header__nav-list {
  list-style: none; display: flex;
  align-items: center; gap: clamp(20px,3vw,40px);
  margin: 0; padding: 0;
}
.ow-header__nav-link {
  font-family: 'Inter', sans-serif;
  font-size: 11px; font-weight: 400;
  letter-spacing: .12em; text-transform: uppercase;
  color: rgba(245,243,239,.75);
  text-decoration: none;
  transition: color .3s;
}
.ow-header__nav-link:hover,
.ow-header__nav-link.is-active { color: #C6A96B; }

/* Mobile Burger */
.ow-header__burger {
  display: none;
  flex-direction: column; gap: 5px;
  background: none; border: none; cursor: pointer; padding: 4px;
}
.ow-header__burger span {
  display: block; width: 22px; height: 1.5px;
  background: #F5F3EF; transition: all .3s;
}

/* ════════════════════════════════════════════════════════
   OWNERS HERO — Vollbild mit Bild + Text
════════════════════════════════════════════════════════ */

.ow-hero {
  position: relative;
  min-height: 100vh;
  background: #0B0B0B;
  background-image: var(--hero-bg, none);
  background-size: cover;
  background-position: center center;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  overflow: hidden;
  margin-bottom: 0;
}

/* Goldener Trennbalken zwischen Hero und Content */
.ow-hero + * {
  border-top: 1px solid rgba(198,169,107,.35);
}

.ow-hero__veil {
  position: absolute; inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(11,11,11,.25) 0%,
    rgba(11,11,11,.1) 30%,
    rgba(11,11,11,.72) 100%
  );
  z-index: 0;
}

.ow-hero__content {
  position: relative; z-index: 1;
  max-width: 1170px; margin: 0 auto;
  width: 100%; padding: 0 30px;
  padding-bottom: clamp(32px,5vh,56px);
}

.ow-hero__tagline1 {
  font-family: 'Inter', sans-serif;
  font-size: clamp(13px,1.4vw,16px);
  font-weight: 300; letter-spacing: .04em;
  color: #F5F3EF; margin: 0 0 6px;
}
.ow-hero__tagline2 {
  font-family: 'Inter', sans-serif;
  font-size: clamp(11px,1.1vw,13px);
  font-weight: 300; letter-spacing: .08em;
  color: rgba(184,182,177,.6); margin: 0 0 24px;
}

.ow-hero__sig-block { margin-top: 4px; }
.ow-hero__sig-name {
  font-family: 'Inter', sans-serif;
  font-size: 12px; font-weight: 400;
  color: #F5F3EF; margin: 0 0 2px; letter-spacing: .04em;
}
.ow-hero__sig-role {
  font-family: 'Inter', sans-serif;
  font-size: 10px; font-weight: 300;
  color: rgba(184,182,177,.6); margin: 0 0 8px; letter-spacing: .04em;
}
.ow-hero__sig-img {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: clamp(18px,2vw,26px); font-style: italic;
  font-weight: 300; color: rgba(245,243,239,.75);
  margin: 0; letter-spacing: .02em;
}

/* GeneratePress Boxed-Mode entfernen */
body,
body.ow-page {
  background: #0B0B0B !important;
  margin: 0 !important;
  padding: 0 !important;
}
.site-main,
.content-area,
.grid-container,
#page,
.site {
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
/* GeneratePress eigene Elemente ausblenden */
.site-header,
.main-navigation,
.generate-back-to-top,
#site-footer.site-footer,
.inside-article .entry-header,
.inside-right-sidebar,
.widget-area { display: none !important; }

/* ow-main: kein extra padding von GeneratePress */
#ow-main { display: block; }

/* Responsive Header */
@media (max-width: 768px) {
  .ow-header__nav { display: none; }
  .ow-header__burger { display: flex; }
  .ow-header__nav.is-open {
    display: block;
    position: fixed; inset: 0;
    background: rgba(11,11,11,.97);
    padding: 80px 30px 40px;
    z-index: 200;
  }
  .ow-header__nav.is-open .ow-header__nav-list {
    flex-direction: column; align-items: flex-start;
    gap: 24px;
  }
  .ow-header__nav.is-open .ow-header__nav-link { font-size: 18px; }
}

/* ════════════════════════════════════════════════════════
   MOCKUP DESIGN IMPLEMENTATION
════════════════════════════════════════════════════════ */

/* Signature Image */
.ow-editor__sig-img {
  height: clamp(36px,4vw,52px);
  width: auto; display: block;
  opacity: .75;
  filter: invert(1) brightness(2); /* schwarz → weiß auf dunklem BG */
  max-width: 200px;
}

/* Hero: Issue-Nummer wie Printmagazin */
.ow-feat .ow-issue-label {
  font-family: var(--sans);
  font-size: 9px; font-weight: 400;
  letter-spacing: .28em; text-transform: uppercase;
  color: var(--gold); opacity: .8;
  display: block; margin-bottom: 24px;
}

/* Hero: Headline cineastisch groß */
.ow-hero__hl-large {
  font-family: var(--serif);
  font-size: clamp(44px,7vw,88px);
  font-weight: 300; line-height: 1.04;
  letter-spacing: -.025em; color: var(--white);
  margin-bottom: 20px;
}
.ow-hero__hl-large em { font-style: italic; }

/* Hero: Text links unten, nicht klein */
.ow-hero__content {
  padding-bottom: clamp(44px,6vh,72px) !important;
}
.ow-hero__tagline1 {
  font-size: clamp(13px,1.4vw,16px) !important;
  color: rgba(198,169,107,.85) !important;
  margin-bottom: 8px !important;
  font-weight: 300 !important;
  letter-spacing: .06em !important;
}
.ow-hero__tagline2 {
  font-size: clamp(11px,1.2vw,14px) !important;
  color: rgba(184,182,177,.55) !important;
  margin-bottom: 32px !important;
}

/* Themes: größer, luftiger, wie Buchkapitel */
.ow-theme-item__name {
  font-size: clamp(20px,2.2vw,28px) !important;
  margin-bottom: 14px !important;
  line-height: 1.15 !important;
}
.ow-theme-item__desc {
  font-size: 12px !important;
  line-height: 1.9 !important;
  color: var(--muted) !important;
}
.ow-theme-item {
  padding: clamp(36px,4.5vw,52px) 24px clamp(36px,4.5vw,52px) 0 !important;
}

/* Footer: minimal, fast unsichtbar */
.ow-footer__col-title { opacity: .55 !important; }
.ow-footer__links a { opacity: .7; }
.ow-footer__links a:hover { opacity: 1; color: var(--white) !important; }

/* Signatur-Handschrift im Hero */
.ow-hero__sig-handwriting {
  height: clamp(28px,3.5vw,44px);
  width: auto; display: block;
  margin-top: 8px; opacity: .7;
  filter: invert(1) brightness(2);
}
/* E-Signatur im Hero */
.ow-e--hero {
  margin-bottom: 24px; opacity: .65;
}
/* Issue Label im Hero */
.ow-issue-label {
  font-family: var(--sans);
  font-size: 9px; font-weight: 400;
  letter-spacing: .28em; text-transform: uppercase;
  color: var(--gold); opacity: .8; margin-bottom: 20px; display: block;
}

/* ════════════════════════════════════════════════════════
   FINALE FIXES
════════════════════════════════════════════════════════ */

/* Einheitliches Schwarz — ÜBERALL */
.ow, .ow-feat, .ow-grid, .ow-themes, .ow-editor,
.ow-briefing, .ow-footer, .ow-hero, body.ow-page {
  background-color: #0B0B0B !important;
}
.ow-themes { background: #0B0B0B !important; } /* minimal dunkler für Tiefe */
.ow-editor { background: #0B0B0B !important; }

/* E-Signatur als Section-Divider */
.ow-section-divider {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: clamp(28px,4vw,44px) 0 clamp(20px,3vw,32px);
}
.ow-section-divider::before {
  content: '';
  display: block;
  width: 28px;
  height: calc(1.5px*3 + 5px*2);
  flex-shrink: 0;
  opacity: .65;
  background:
    linear-gradient(#C6A96B,#C6A96B) 0 0/28px 1.5px no-repeat,
    linear-gradient(#C6A96B,#C6A96B) 0 6.5px/21px 1.5px no-repeat,
    linear-gradient(#C6A96B,#C6A96B) 0 13px/15px 1.5px no-repeat;
}
.ow-section-divider::after {
  content: '';
  flex: 1;
  height: 1px;
  background: linear-gradient(to right, rgba(198,169,107,.2), transparent);
}

/* Goldene Hero-Trennlinie — stärker */
.ow-hero::after {
  height: 2px !important;
  background: linear-gradient(to right,
    rgba(198,169,107,.7) 0%,
    rgba(198,169,107,.2) 40%,
    transparent 70%) !important;
}

/* Logo rechts im Hero — weiter unten */
.ow-header__logo-text {
  font-size: clamp(18px,2vw,26px) !important;
  letter-spacing: .32em !important;
}
.ow-header__claim {
  text-align: right !important;
}

/* Unterschrift: dichter am Text */
.ow-editor__sig { margin-top: 16px !important; }
.ow-editor__sig-img {
  height: clamp(32px,3.5vw,48px) !important;
  opacity: .8 !important;
}

/* Hero Gold-Akzente */
.ow-hero__sig-name {
  color: rgba(198,169,107,.75) !important;
  font-size: 11px !important;
  letter-spacing: .12em !important;
  font-weight: 400 !important;
}
.ow-hero__sig-role {
  color: rgba(198,169,107,.45) !important;
  font-size: 9px !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
}

/* Hero Headline: Gold-Akzent bei em */
.ow-hero__hl-large em {
  color: rgba(198,169,107,.88) !important;
  font-style: italic !important;
}

/* Briefing: Hintergrund einheitlich */
.ow-briefing {
  background-color: #0B0B0B !important;
  background-image: none !important;
}

/* ════════════════════════════════════════════════════════
   AWARD BADGE — dezent, links im Header
════════════════════════════════════════════════════════ */

.ow-header__inner {
  justify-content: space-between !important;
  align-items: center !important;
}

.ow-award-badge {
  display: flex;
  align-items: center;
  gap: 12px;
  background: transparent;
  border-left: 1px solid rgba(198,169,107,.3);
  padding: 4px 0 4px 16px;
  transition: border-color .4s;
}
.ow-award-badge:hover {
  border-color: rgba(198,169,107,.6);
}

.ow-award-badge__logo {
  height: 40px;
  width: auto;
  display: block;
  flex-shrink: 0;
  filter: grayscale(1) brightness(2) contrast(.7);
  opacity: .65;
}

.ow-award-badge__text {
  display: flex;
  flex-direction: column;
  gap: 1px;
}

.ow-award-badge__label {
  font-family: 'Inter', sans-serif;
  font-size: 9px;
  font-weight: 500;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: rgba(245,243,239,.6);
  line-height: 1.2;
}

.ow-award-badge__sub {
  font-family: 'Inter', sans-serif;
  font-size: 8px;
  font-weight: 300;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: rgba(198,169,107,.55);
  line-height: 1.2;
}

/* Mobile: Badge kleiner */
@media (max-width: 680px) {
  .ow-award-badge { padding: 6px 10px 6px 8px; gap: 8px; }
  .ow-award-badge__logo { height: 28px; }
  .ow-award-badge__label { font-size: 9px; }
  .ow-award-badge__sub { display: none; }
}

/* ════════════════════════════════════════════════════════
   FOOTER — NEU: Minimal, Editorial, viel Luft
════════════════════════════════════════════════════════ */

.ow-footer, .ow-site-footer {
  background: #0B0B0B !important;
  padding: clamp(48px,7vh,80px) 0 clamp(28px,4vh,44px);
  border-top: none !important; /* Eigene Linie unten */
}

/* Goldene Trennlinie oben */
.ow-footer__rule {
  width: 100%;
  height: 1px;
  background: linear-gradient(
    to right,
    rgba(198,169,107,.55) 0%,
    rgba(198,169,107,.15) 35%,
    transparent 65%
  );
  margin-bottom: clamp(36px,5vh,56px);
}

/* Layout: Logo links, Legal rechts */
.ow-footer__inner {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  grid-template-columns: none !important;
  gap: 32px;
  margin-bottom: clamp(28px,4vh,44px);
}

/* Logo */
.ow-footer__logo-img {
  height: clamp(22px,3vw,34px);
  width: auto;
  display: block;
  margin-bottom: 12px;
  opacity: .88;
  filter: brightness(1.1);
}
.ow-footer__logo-text {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: clamp(16px,2vw,22px) !important;
  font-weight: 400 !important;
  letter-spacing: .28em !important;
  text-transform: uppercase !important;
  color: #F5F3EF !important;
  opacity: .88 !important;
  display: block;
  margin-bottom: 10px;
}
.ow-footer__claim {
  font-size: 11px !important;
  font-weight: 300 !important;
  color: rgba(184,182,177,.45) !important;
  letter-spacing: .06em !important;
  margin: 0 !important;
}

/* Legal Links — rechts, horizontal */
.ow-footer__legal {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}
.ow-footer__legal-link {
  font-family: 'Inter', sans-serif;
  font-size: 10px;
  font-weight: 300;
  letter-spacing: .1em;
  color: rgba(184,182,177,.4);
  text-decoration: none;
  transition: color .3s;
}
.ow-footer__legal-link:hover { color: rgba(198,169,107,.7); }
.ow-footer__legal-sep {
  color: rgba(184,182,177,.2);
  font-size: 10px;
}

/* Copyright — ganz unten, fast unsichtbar */
.ow-footer__copy {
  font-size: 9px !important;
  font-weight: 300 !important;
  color: rgba(184,182,177,.18) !important;
  letter-spacing: .12em !important;
  margin: 0 !important;
  padding-top: clamp(16px,2vh,24px) !important;
  border-top: 1px solid rgba(255,255,255,.04) !important;
}

/* ════════════════════════════════════════════════════════
   FINAL: Einheitliches Schwarz + Doppel-Labels entfernt
════════════════════════════════════════════════════════ */

/* Body + alle Container: ein einziges Schwarz */
html, body, body.ow-page,
#page, .site, #main, .site-main,
.ow, .ow-feat, .ow-grid, .ow-themes, .ow-editor,
.ow-briefing, .ow-footer, .ow-hero,
.content-area, .grid-container, .site-content {
  background-color: #0B0B0B !important;
}

/* Section-Borders: Gold statt Stone für klare Trennlinien */
.ow-themes { border-top: none !important; }
.ow-editor  { border-top: none !important; }
.ow-briefing { border-top: 1px solid rgba(198,169,107,.2) !important; }

/* Section-Divider ersetzt border-top — goldene Linie mit E-Motiv */
.ow-section-divider {
  padding-top: clamp(36px,5vw,56px) !important;
  padding-bottom: clamp(20px,3vw,32px) !important;
}

/* Hero → erste Section: Gold-Border statt .ow-hero + * */
.ow-hero::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important; left: 0 !important; right: 0 !important;
  height: 1px !important;
  background: linear-gradient(
    to right,
    rgba(198,169,107,.65) 0%,
    rgba(198,169,107,.2) 40%,
    transparent 70%
  ) !important;
  z-index: 3 !important;
}

/* Mehr Abstand Hero → Content */
.ow-feat, .ow-grid {
  padding-top: clamp(36px,5vw,60px) !important;
}

/* Doppeltes Editor's Note Label entfernen */
.ow-editor__text-col > .ow-eyebrow,
.ow-editor__text-col > .ow-eyebrow--rule { display: none !important; }

/* Themes: Doppeltes Perspektiven entfernen */
.ow-themes__header .ow-eyebrow { display: none !important; }

/* ════════════════════════════════════════════════════════
   PARALLAX HERO
════════════════════════════════════════════════════════ */
.ow-hero {
  background-attachment: fixed; /* Parallax auf Desktop */
}
@media (max-width: 768px), (hover: none) {
  .ow-hero { background-attachment: scroll; } /* Kein Parallax auf Mobile/Touch */
}

/* ════════════════════════════════════════════════════════
   PRIVACY CHECKBOX im Briefing
════════════════════════════════════════════════════════ */
.ow-briefing__consent {
  display: flex; align-items: flex-start; gap: 10px;
  margin-top: 14px; max-width: 420px;
}
.ow-briefing__consent-box {
  width: 14px; height: 14px; flex-shrink: 0;
  margin-top: 2px; cursor: pointer;
  accent-color: #C6A96B;
}
.ow-briefing__consent-label {
  font-size: 10px; font-weight: 300;
  color: rgba(184,182,177,.55); letter-spacing: .04em; line-height: 1.65;
}
.ow-briefing__consent-label a {
  color: rgba(198,169,107,.65); text-decoration: none;
  border-bottom: 1px solid rgba(198,169,107,.25);
}
.ow-briefing__consent-label a:hover { color: #C6A96B; }

/* ════════════════════════════════════════════════════════
   FOOTER VERBESSERUNGEN
════════════════════════════════════════════════════════ */

/* Mehr Platz unter Logo */
.ow-footer__brand { display: flex; flex-direction: column; gap: 10px; }
.ow-footer__logo-img { margin-bottom: 0 !important; }
.ow-footer__claim { margin-top: 2px !important; }

/* "The World Beyond" Claim im Footer */
.ow-footer__world-beyond {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: clamp(13px,1.5vw,17px);
  font-weight: 300; font-style: italic;
  color: rgba(198,169,107,.4);
  letter-spacing: .06em;
  margin-top: 6px;
}

/* Mailto Link */
.ow-footer__contact {
  font-size: 10px; font-weight: 300;
  color: rgba(184,182,177,.3); letter-spacing: .08em;
  text-decoration: none; display: block; margin-top: 8px;
  transition: color .3s;
}
.ow-footer__contact:hover { color: rgba(198,169,107,.6); }

/* Legal rechts: auch E-Mail */
.ow-footer__legal { flex-direction: column; align-items: flex-end; gap: 10px; }
.ow-footer__legal-row { display: flex; align-items: center; gap: 8px; }

/* Consent Checkbox: über dem Formular, kompakter */
.ow-briefing__consent { margin-bottom: 16px !important; margin-top: 0 !important; }

/* ════════════════════════════════════════
   HERO TEXT — mehr Luft, bessere Hierarchie
════════════════════════════════════════ */

/* Issue Label */
.ow-issue-label {
  margin-bottom: clamp(20px,3vh,32px) !important;
  display: block !important;
}

/* E-Signatur im Hero */
.ow-e--hero { margin-bottom: clamp(20px,3vh,32px) !important; }

/* Hauptheadline */
.ow-hero__hl-large {
  font-size: clamp(36px,6vw,80px) !important;
  line-height: 1.06 !important;
  margin-bottom: clamp(24px,4vh,44px) !important;
}

/* Tagline 1 (Gold) */
.ow-hero__tagline1 {
  margin-bottom: clamp(6px,1vh,10px) !important;
  font-size: clamp(12px,1.3vw,15px) !important;
}

/* Tagline 2 */
.ow-hero__tagline2 {
  margin-bottom: clamp(24px,4vh,40px) !important;
  font-size: clamp(10px,1.1vw,13px) !important;
}

/* Herausgeber-Block */
.ow-hero__sig-block {
  margin-top: 0 !important;
  padding-top: clamp(16px,2.5vh,28px);
  border-top: 1px solid rgba(198,169,107,.2);
  display: inline-block;
}

.ow-hero__sig-name {
  margin-bottom: 4px !important;
  font-size: 11px !important;
}

.ow-hero__sig-role {
  margin-bottom: 10px !important;
  font-size: 9px !important;
}

.ow-hero__sig-handwriting {
  height: clamp(28px,3vw,40px) !important;
  opacity: .65 !important;
  margin-top: 4px !important;
}

/* ════════════════════════════════════════════════════════
   UNTERSEITEN — Impressum, Datenschutz etc.
════════════════════════════════════════════════════════ */

/* Kompakter Header */
.ow-sub-header {
  position: fixed;
  top: var(--wp-admin--admin-bar--height, 0);
  left: 0; right: 0; z-index: 100;
  background: rgba(11,11,11,.92);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(198,169,107,.15);
  padding: 16px 0;
}
.ow-sub-header__inner {
  max-width: 1170px; margin: 0 auto; padding: 0 30px;
  display: flex; align-items: center; justify-content: space-between;
}
.ow-sub-header__back {
  font-family: 'Inter', sans-serif;
  font-size: 11px; font-weight: 300;
  letter-spacing: .14em; text-transform: uppercase;
  color: rgba(184,182,177,.5); text-decoration: none;
  transition: color .3s;
}
.ow-sub-header__back:hover { color: rgba(198,169,107,.8); }
.ow-sub-header__logo {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: 18px; font-weight: 400;
  letter-spacing: .28em; text-transform: uppercase;
  color: rgba(245,243,239,.88); text-decoration: none;
}
.ow-sub-header__logo img {
  height: 28px; width: auto; display: block;
  opacity: .88;
}

/* Content */
.ow-sub-main {
  background: #0B0B0B;
  min-height: 100vh;
  padding-top: clamp(96px,12vh,140px); /* Platz für fixed header */
  padding-bottom: clamp(64px,8vh,96px);
}
.ow-sub-content {
  max-width: 720px;
  margin: 0 auto;
  padding: 0 30px;
}
.ow-sub-title {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: clamp(28px,4vw,48px); font-weight: 400;
  line-height: 1.15; letter-spacing: -.018em;
  color: #F5F3EF;
  margin: 0 0 clamp(32px,5vw,52px);
  padding-bottom: clamp(20px,3vw,32px);
  border-bottom: 1px solid rgba(198,169,107,.2);
}
.ow-sub-body {
  font-family: 'Inter', sans-serif;
  font-size: 15px; font-weight: 300;
  line-height: 1.9; color: #B8B6B1;
  letter-spacing: .01em;
}
.ow-sub-body h2 {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: clamp(18px,2.2vw,26px); font-weight: 400;
  color: #F5F3EF; margin: 2.2em 0 .6em;
  border-top: 1px solid rgba(184,182,177,.1);
  padding-top: .6em;
}
.ow-sub-body h3 {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: clamp(15px,1.8vw,20px); font-weight: 400;
  color: #F5F3EF; margin: 1.8em 0 .5em;
}
.ow-sub-body p  { margin: 0 0 1.4em; }
.ow-sub-body a  { color: #C6A96B; text-decoration: none; border-bottom: 1px solid rgba(198,169,107,.25); }
.ow-sub-body a:hover { border-color: #C6A96B; }
.ow-sub-body strong { font-weight: 500; color: #E0DDD8; }
.ow-sub-body ul, .ow-sub-body ol { padding-left: 1.4em; margin: 0 0 1.4em; }
.ow-sub-body li { margin-bottom: .5em; }

/* Footer */
.ow-sub-footer {
  background: #0B0B0B;
  border-top: 1px solid rgba(198,169,107,.15);
  padding: 24px 0;
}
.ow-sub-footer__inner {
  max-width: 1170px; margin: 0 auto; padding: 0 30px;
  display: flex; align-items: center; justify-content: space-between;
}
.ow-sub-footer__home {
  font-family: 'Inter', sans-serif;
  font-size: 10px; font-weight: 300;
  letter-spacing: .14em; text-transform: uppercase;
  color: rgba(184,182,177,.4); text-decoration: none;
  transition: color .3s;
}
.ow-sub-footer__home:hover { color: rgba(198,169,107,.7); }
.ow-sub-footer__legal {
  display: flex; align-items: center; gap: 8px;
}
.ow-sub-footer__legal a {
  font-family: 'Inter', sans-serif;
  font-size: 10px; font-weight: 300;
  letter-spacing: .1em; color: rgba(184,182,177,.35);
  text-decoration: none; transition: color .3s;
}
.ow-sub-footer__legal a:hover { color: rgba(198,169,107,.6); }
.ow-sub-footer__legal span { color: rgba(184,182,177,.2); font-size: 10px; }

/* Unterseite: Rahmen um Content entfernen */
.ow-sub-body > *:first-child,
.ow-sub-body p,
.ow-sub-body div {
  border: none !important;
  outline: none !important;
}
/* WordPress fügt manchmal einen border-box um den Content */
.ow-sub-content .entry-content,
.ow-sub-content > div,
.ow-sub-body > div {
  border: none !important;
  padding: 0 !important;
  background: transparent !important;
}

/* ════════════════════════════════════════════════════════
   E-SYMBOL FIX — drei Goldlinien wie im Logo
   28px / 21px / 15px, kürzer werdend = stilisiertes E
════════════════════════════════════════════════════════ */

/* Section Divider: E-Symbol korrekt */
.ow-section-divider::before {
  content: '' !important;
  display: block !important;
  width: 28px !important;
  height: 13px !important; /* 1.5px × 3 Linien + 5px × 2 Abstände */
  flex-shrink: 0 !important;
  opacity: .75 !important;
  background:
    linear-gradient(#C6A96B,#C6A96B) 0 0     / 24px 1.5px no-repeat,
    linear-gradient(#C6A96B,#C6A96B) 0 6px  / 24px 1.5px no-repeat,
    linear-gradient(#C6A96B,#C6A96B) 0 12px / 24px 1.5px no-repeat !important;
}

/* Briefing Divider */
.ow-e-divider {
  display: block !important;
  width: 28px !important;
  height: 13px !important;
  opacity: .6 !important;
  margin-bottom: 22px !important;
  background:
    linear-gradient(#C6A96B,#C6A96B) 0 0     / 24px 1.5px no-repeat,
    linear-gradient(#C6A96B,#C6A96B) 0 6px  / 24px 1.5px no-repeat,
    linear-gradient(#C6A96B,#C6A96B) 0 12px / 24px 1.5px no-repeat !important;
}

/* .ow-e global fix */
.ow .ow-e,
.ow-art .ow-e {
  width: 28px !important;
  height: 13px !important;
  background:
    linear-gradient(#C6A96B,#C6A96B) 0 0     / 24px 1.5px no-repeat,
    linear-gradient(#C6A96B,#C6A96B) 0 6px  / 24px 1.5px no-repeat,
    linear-gradient(#C6A96B,#C6A96B) 0 12px / 24px 1.5px no-repeat !important;
}

/* ════════════════════════════════════════════════════════
   OWNERS SYMBOL — drei gleich lange Goldlinien
   Wie im Logo: alle drei identisch lang
════════════════════════════════════════════════════════ */

.ow-section-divider::before {
  width: 24px !important;
  height: 14px !important;
  background:
    linear-gradient(#C6A96B,#C6A96B) 0 0px  / 24px 1.5px no-repeat,
    linear-gradient(#C6A96B,#C6A96B) 0 6px  / 24px 1.5px no-repeat,
    linear-gradient(#C6A96B,#C6A96B) 0 12px / 24px 1.5px no-repeat !important;
  opacity: .75 !important;
}

.ow-e-divider,
.ow .ow-e,
.ow-art .ow-e {
  width: 24px !important;
  height: 14px !important;
  background:
    linear-gradient(#C6A96B,#C6A96B) 0 0px  / 24px 1.5px no-repeat,
    linear-gradient(#C6A96B,#C6A96B) 0 6px  / 24px 1.5px no-repeat,
    linear-gradient(#C6A96B,#C6A96B) 0 12px / 24px 1.5px no-repeat !important;
  opacity: .6 !important;
}

/* Maintenance + Hero Symbol ebenfalls */
.m__e, .m__contact-e, .m__contact-rule,
.ow-hero__hero-rule, .ow-art__hero-rule {
  background:
    linear-gradient(#C6A96B,#C6A96B) 0 0px  / 24px 1.5px no-repeat,
    linear-gradient(#C6A96B,#C6A96B) 0 6px  / 24px 1.5px no-repeat,
    linear-gradient(#C6A96B,#C6A96B) 0 12px / 24px 1.5px no-repeat !important;
  width: 24px !important;
  height: 14px !important;
}

/* ════════════════════════════════════════════════════════
   PARALLAX FIX — background-attachment:fixed bricht
   wenn overflow:hidden auf Parent gesetzt ist.
   Lösung: Pseudo-Element mit fixed background.
════════════════════════════════════════════════════════ */

/* Parallax deaktivieren — zu viele Browser-Probleme */
.ow-hero {
  background-attachment: scroll !important;
}

/* Echter Parallax via JS-Scroll statt CSS */

/* Bilder immer auf Container-Breite beschränken */
.ow-footer__logo-img { max-width: 160px !important; max-height: 60px !important; width: auto !important; height: auto !important; }
.ow-header__logo-img { max-height: 44px !important; width: auto !important; }
.ow-award-badge__logo { max-height: 40px !important; width: auto !important; }
.ow-editor__sig-img { max-height: 52px !important; max-width: 220px !important; width: auto !important; }
.ow-hero__sig-handwriting { max-height: 44px !important; max-width: 200px !important; width: auto !important; }

/* ════════════════════════════════════════════════════════
   SIGNATUR FIX — sichtbar auf dunklem UND hellem BG
════════════════════════════════════════════════════════ */

/* Unterschrift in Editor's Note: weiß auf schwarz */
.ow-editor__sig-img {
  height: clamp(32px,3.5vw,48px) !important;
  width: auto !important;
  display: block !important;
  max-width: 220px !important;
  /* Schwarze Unterschrift → weiß invertieren */
  filter: invert(1) brightness(1.8) !important;
  opacity: .75 !important;
}

/* Signatur im Hero */
.ow-hero__sig-handwriting {
  filter: invert(1) brightness(2) !important;
  opacity: .65 !important;
  max-height: 44px !important;
  width: auto !important;
  display: block !important;
}

/* ════════════════════════════════════════════════════════
   EDITORIAL SEITE — Header kein Hero-Abstand
════════════════════════════════════════════════════════ */

/* Editorial + alle Seiten mit ow-header: immer absolut */
.ow-header {
  position: absolute !important;
  background: transparent !important;
  border-bottom: none !important;
}

/* Editorial Shell breiter */
.oed-shell { max-width: 1200px !important; padding: 0 clamp(20px,4vw,56px) !important; }

/* ════════════════════════════════════════════════════════
   RESPONSIVE — Editorial + Allgemein
════════════════════════════════════════════════════════ */

@media (max-width: 768px) {
  /* Editorial */
  .oed-2col { grid-template-columns: 1fr !important; gap: 24px !important; }
  .oed-pub-grid { grid-template-columns: 1fr !important; }
  .oed-pub-item { grid-template-columns: 1fr !important; }
  .oed-pub-mock { display: none !important; }
  .oed-fmt-grid { grid-template-columns: 1fr 1fr !important; }
  .oed-steps { grid-template-columns: 1fr 1fr !important; }
  .oed-faq-grid { grid-template-columns: 1fr !important; gap: 0 !important; }
  .oed-sec { padding: clamp(32px,5vw,48px) 0 !important; }
  .oed-shell { padding: 0 20px !important; }

  /* Header auf Mobile: kleinere Schrift */
  .ow-header__logo-text { font-size: 16px !important; letter-spacing: .2em !important; }
  .ow-award-badge { display: none !important; }

  /* Footer auf Mobile */
  .ow-footer__inner { flex-direction: column !important; gap: 20px !important; align-items: flex-start !important; }
  .ow-footer__legal { align-items: flex-start !important; }
}

@media (max-width: 480px) {
  .oed-fmt-grid { grid-template-columns: 1fr !important; }
  .oed-steps { grid-template-columns: 1fr !important; }
  .oed-hero { min-height: 320px !important; }
}

/* ════════════════════════════════════════════════════════
   FOOTER auf ALLEN Unterseiten
════════════════════════════════════════════════════════ */
.ow-sub-footer { display: none !important; } /* Alten Sub-Footer ersetzen durch OWNERS Footer */


/* ════════════════════════════════════════════════════════
   SIGNATURE — Persoenliche Interviews (S/W + Gold)
════════════════════════════════════════════════════════ */
.ow-signature {
  background: var(--black);
  border-bottom: 1px solid rgba(198,169,107,.1);
}
.ow-sig__header {
  display: flex; align-items: center; gap: 10px;
  padding-top: clamp(28px,3.5vw,44px);
  padding-bottom: 14px;
}
.ow-sig__label {
  font-size: 9px; font-weight: 500;
  letter-spacing: .2em; text-transform: uppercase;
  color: rgba(198,169,107,.55);
}

/* Nav Tabs */
.ow-sig__nav {
  display: flex; gap: 0;
  border-bottom: 1px solid rgba(255,255,255,.05);
  padding-bottom: 0;
  margin-bottom: 0;
  overflow-x: auto;
}
.ow-sig__tab {
  background: none; border: none; cursor: pointer;
  padding: 9px 0; margin-right: 26px;
  font-family: var(--sans); font-size: 10px;
  font-weight: 400; letter-spacing: .1em;
  color: rgba(184,182,177,.28);
  border-bottom: 1.5px solid transparent;
  transition: color .2s, border-color .2s;
  white-space: nowrap;
}
.ow-sig__tab--active { color: #C6A96B; border-bottom-color: #C6A96B; }
.ow-sig__tab:hover { color: rgba(198,169,107,.7); }

/* Cards */
.ow-sig__cards { position: relative; }
.ow-sig__card {
  display: none;
  grid-template-columns: 1fr 1fr;
  min-height: 300px;
}
.ow-sig__card--active { display: grid; }

/* Bild: S/W + Gold-Akzente */
.ow-sig__img-wrap {
  position: relative; overflow: hidden;
  background: #0e0e0e;
}
.ow-sig__img {
  width: 100%; height: 100%;
  object-fit: cover; object-position: center 20%;
  display: block;
  filter: grayscale(100%) brightness(.78) contrast(1.04);
  transition: filter .4s;
}
.ow-sig__img-placeholder {
  width: 100%; height: 100%; min-height: 300px;
  background: #141414;
}
/* Gold-Akzente */
.ow-sig__gold-line {
  position: absolute; left: 0; top: 0; bottom: 0;
  width: 2px;
  background: linear-gradient(180deg,
    transparent 0%,
    rgba(198,169,107,.6) 15%,
    rgba(198,169,107,.6) 85%,
    transparent 100%);
}
.ow-sig__gold-corner {
  position: absolute; bottom: 0; left: 0;
  width: 28px; height: 28px;
  border-left: 1.5px solid rgba(198,169,107,.5);
  border-bottom: 1.5px solid rgba(198,169,107,.5);
}
.ow-sig__nr {
  position: absolute; top: 14px; right: 16px;
  font-size: 9px; font-weight: 300;
  letter-spacing: .12em;
  color: rgba(198,169,107,.3);
  font-family: var(--serif);
}

/* Body */
.ow-sig__body {
  padding: clamp(24px,3vw,36px) clamp(24px,3.5vw,44px);
  background: #0c0c0c;
  border-left: 1.5px solid rgba(198,169,107,.1);
  display: flex; flex-direction: column;
  justify-content: space-between;
}
.ow-sig__kicker {
  font-size: 8px; font-weight: 500;
  letter-spacing: .18em; text-transform: uppercase;
  color: rgba(198,169,107,.55); margin-bottom: 10px;
}
.ow-sig__name {
  font-family: var(--serif); font-weight: 400;
  font-size: clamp(20px,2.8vw,34px);
  color: #F5F3EF; line-height: 1.1; margin-bottom: 14px;
}
.ow-sig__quote {
  font-family: var(--serif); font-style: italic;
  font-size: clamp(13px,1.4vw,15px);
  color: rgba(224,221,216,.62);
  line-height: 1.65;
  border-left: 1.5px solid rgba(198,169,107,.32);
  padding-left: 14px; margin: 0 0 16px;
}
.ow-sig__exc {
  font-size: 12px; font-weight: 300;
  color: rgba(184,182,177,.38); line-height: 1.8;
  margin-bottom: 0;
}
.ow-sig__cta {
  display: inline-flex; align-items: center; gap: 10px;
  text-decoration: none; margin-top: 22px;
  font-size: 9px; font-weight: 500;
  letter-spacing: .18em; text-transform: uppercase;
  color: #C6A96B; transition: opacity .25s;
}
.ow-sig__cta:hover { opacity: .7; }
.ow-sig__cta-line {
  display: inline-block; width: 20px; height: 1px;
  background: #C6A96B; opacity: .55;
}

/* Dots */
.ow-sig__dots {
  display: flex; align-items: center; gap: 7px;
  padding-top: 12px; padding-bottom: clamp(20px,2.5vw,32px);
}
.ow-sig__dot {
  display: inline-block; width: 16px; height: 1.5px;
  background: rgba(198,169,107,.18);
  cursor: pointer; transition: all .2s;
}
.ow-sig__dot--active { background: #C6A96B; width: 26px; }
.ow-sig__count {
  font-size: 9px; letter-spacing: .1em;
  color: rgba(184,182,177,.2); margin-left: 4px;
}

@media (max-width: 680px) {
  .ow-sig__card--active { grid-template-columns: 1fr; }
  .ow-sig__img-wrap { min-height: 220px; }
  .ow-sig__img { min-height: 220px; }
}


/* ════════════════════════════════════════════════════════
   ZITAT-TRENNER zwischen Grid-Sektionen
════════════════════════════════════════════════════════ */
.ow-quote-divider {
  background: var(--black);
  border-top: 1px solid rgba(198,169,107,.08);
  border-bottom: 1px solid rgba(198,169,107,.08);
  padding: clamp(32px,4.5vw,52px) 0;
  position: relative;
}
.ow-quote-divider::before {
  content: '';
  position: absolute; left: 0; top: 0; bottom: 0;
  width: 2px;
  background: linear-gradient(180deg,
    transparent 0%,
    rgba(198,169,107,.35) 30%,
    rgba(198,169,107,.35) 70%,
    transparent 100%);
}
.ow-qd__inner {
  display: flex;
  align-items: center;
  gap: clamp(20px,3vw,44px);
}
.ow-qd__mark {
  font-family: var(--serif);
  font-size: 64px; line-height: .5;
  color: rgba(198,169,107,.1);
  flex-shrink: 0;
  padding-top: 10px;
  user-select: none;
}
.ow-qd__content { flex: 1; }
.ow-qd__text {
  font-family: var(--serif);
  font-style: italic;
  font-size: clamp(15px,1.8vw,20px);
  font-weight: 300;
  color: rgba(224,221,216,.62);
  line-height: 1.55;
  letter-spacing: -.01em;
  margin-bottom: 14px;
}
.ow-qd__attr {
  display: flex; align-items: center; gap: 10px;
}
.ow-qd__line {
  display: inline-block;
  width: 20px; height: 1px;
  background: rgba(198,169,107,.3);
  flex-shrink: 0;
}
.ow-qd__name {
  font-size: 9px; font-weight: 500;
  letter-spacing: .16em; text-transform: uppercase;
  color: rgba(198,169,107,.45);
}
.ow-qd__cta {
  flex-shrink: 0;
  display: flex; flex-direction: column;
  align-items: flex-end; gap: 5px;
  padding-left: clamp(16px,2.5vw,36px);
  border-left: 1px solid rgba(255,255,255,.05);
  text-decoration: none;
}
.ow-qd__cta-label {
  font-size: 8px; font-weight: 500;
  letter-spacing: .16em; text-transform: uppercase;
  color: rgba(184,182,177,.22);
}
.ow-qd__cta-link {
  font-size: 10px; font-weight: 400;
  letter-spacing: .12em;
  color: #C6A96B;
  transition: opacity .25s;
}
.ow-qd__cta:hover .ow-qd__cta-link { opacity: .7; }

@media (max-width: 600px) {
  .ow-qd__inner { flex-direction: column; align-items: flex-start; gap: 16px; }
  .ow-qd__cta { border-left: none; padding-left: 0; flex-direction: row; align-items: center; gap: 12px; border-top: 1px solid rgba(255,255,255,.05); padding-top: 12px; width: 100%; }
  .ow-qd__mark { display: none; }
}