/*
 * WohnWeitblick Premium – stabile Conversion-Optimierung V135
 *
 * Diese Datei verändert ausschließlich eindeutig benannte Elemente
 * des aktuellen Premium-Angebots. Es werden keine generischen
 * Teilstring-Selektoren und keine DOM-Manipulationen verwendet.
 */


/* =========================================================
   1. Grundrahmen und Hero
   ========================================================= */

#wk-premium-offer-v75 .wk-premium-shell-v81 {
  max-width: 1240px !important;
  margin-inline: auto !important;
  padding: clamp(22px, 3vw, 36px) !important;
  border: 1px solid rgba(169, 130, 47, 0.28) !important;
  border-radius: 22px !important;
  background:
    radial-gradient(
      circle at 88% 4%,
      rgba(225, 208, 117, 0.14),
      transparent 27%
    ),
    linear-gradient(
      145deg,
      #fffef9 0%,
      #faf9f3 100%
    ) !important;
  box-shadow:
    0 20px 55px rgba(35, 64, 58, 0.08) !important;
}

#wk-premium-offer-v75 .wk-premium-hero-v81 {
  display: grid !important;
  grid-template-columns:
    minmax(0, 1fr)
    minmax(285px, 330px) !important;
  align-items: center !important;
  gap: clamp(28px, 4vw, 54px) !important;
  padding-bottom: clamp(24px, 3vw, 34px) !important;
}

#wk-premium-offer-v75 .wk-premium-hero-copy-v81 h2 {
  max-width: 790px !important;
  margin: 11px 0 13px !important;
  color: #132f35 !important;
  font-size: clamp(31px, 3.35vw, 45px) !important;
  font-weight: 780 !important;
  line-height: 1.06 !important;
  letter-spacing: -0.043em !important;
}

#wk-premium-offer-v75 .wk-premium-hero-copy-v81 h2 span {
  display: block !important;
  margin-top: 4px !important;
  color: #507d71 !important;
}

#wk-premium-offer-v75 .wk-premium-hero-copy-v81 > p {
  max-width: 720px !important;
  margin: 0 !important;
  color: #586d71 !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
}


/* =========================================================
   2. Preis- und Kaufkarte
   ========================================================= */

#wk-premium-offer-v75 .wk-premium-purchase-v83 {
  position: relative !important;
  overflow: hidden !important;
  padding: 23px !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-radius: 18px !important;
  background:
    radial-gradient(
      circle at 100% 0%,
      rgba(239, 223, 133, 0.15),
      transparent 38%
    ),
    linear-gradient(
      145deg,
      #315b51 0%,
      #244a43 100%
    ) !important;
  box-shadow:
    0 19px 40px rgba(27, 67, 58, 0.2) !important;
}

#wk-premium-offer-v75 .wk-premium-purchase-label-v83 {
  color: #f0e39b !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  line-height: 1.4 !important;
}

#wk-premium-offer-v75 .wk-premium-purchase-price-v83 {
  margin: 12px 0 14px !important;
}

#wk-premium-offer-v75 .wk-premium-purchase-price-v83 strong {
  color: #ffffff !important;
  font-size: 40px !important;
  font-weight: 820 !important;
  line-height: 1 !important;
}

#wk-premium-offer-v75 .wk-premium-purchase-price-v83 small {
  margin-top: 7px !important;
  color: rgba(255, 255, 255, 0.92) !important;
  font-size: 10px !important;
  font-weight: 720 !important;
}

#wk-premium-offer-v75 .wk-premium-regular-price-v98 {
  margin-top: 3px !important;
  color: rgba(255, 255, 255, 0.68) !important;
  font-size: 9px !important;
  font-style: normal !important;
}

#wk-premium-offer-v75 .wk-premium-purchase-v83 > p {
  margin: 0 0 17px !important;
  color: rgba(255, 255, 255, 0.87) !important;
  font-size: 11px !important;
  line-height: 1.55 !important;
}


/* CTA: dunkler Text auf hellem Gold für deutlichen Kontrast */

#wk-premium-offer-v75 .wk-premium-purchase-v83 .wk-premium-buy-v82 {
  width: 100% !important;
  min-height: 52px !important;
  padding: 11px 14px !important;
  border: 1px solid #e8d57f !important;
  border-radius: 11px !important;
  background:
    linear-gradient(
      135deg,
      #fff2ad 0%,
      #efd982 100%
    ) !important;
  box-shadow:
    0 9px 21px rgba(18, 48, 41, 0.22) !important;
  color: #173f36 !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 1.3 !important;
  text-shadow: none !important;
  cursor: pointer !important;
}

#wk-premium-offer-v75
.wk-premium-purchase-v83
.wk-premium-buy-v82 span {
  color: #173f36 !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  text-shadow: none !important;
}

#wk-premium-offer-v75
.wk-premium-purchase-v83
.wk-premium-buy-v82:hover {
  transform: translateY(-1px) !important;
  background:
    linear-gradient(
      135deg,
      #fff6c0 0%,
      #f3df8f 100%
    ) !important;
  box-shadow:
    0 13px 26px rgba(18, 48, 41, 0.28) !important;
}

#wk-premium-offer-v75
.wk-premium-purchase-v83
.wk-premium-buy-v82:focus-visible {
  outline: 3px solid rgba(255, 237, 151, 0.55) !important;
  outline-offset: 3px !important;
}

#wk-premium-offer-v75 .wk-premium-purchase-trust-v83 {
  display: flex !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 5px 12px !important;
  margin-top: 11px !important;
  color: rgba(255, 255, 255, 0.78) !important;
  font-size: 8.5px !important;
  font-weight: 650 !important;
}

#wk-premium-offer-v75 .wk-premium-purchase-trust-v83 span::before {
  margin-right: 4px !important;
  color: #f0df82 !important;
  content: "\2713" !important;
}


/* =========================================================
   3. Vorschau und Karten
   ========================================================= */

#wk-premium-offer-v75 .wk-premium-preview-v81 {
  padding: 15px !important;
  border-radius: 17px !important;
  background: rgba(255, 255, 255, 0.8) !important;
}

#wk-premium-offer-v75 .wk-premium-preview-heading-v81 {
  margin-bottom: 8px !important;
}

#wk-premium-offer-v75 .wk-premium-preview-heading-v81 h3 {
  margin: 3px 0 0 !important;
  color: #18363b !important;
  font-size: 17px !important;
  line-height: 1.3 !important;
}

#wk-premium-offer-v75 .wk-premium-example-note-v83 {
  display: block !important;
  margin: 0 0 10px !important;
  padding: 9px 11px !important;
  border-radius: 9px !important;
}

#wk-premium-offer-v75 .wk-premium-example-note-v83 p {
  margin: 0 !important;
  color: #586b67 !important;
  font-size: 10px !important;
  line-height: 1.5 !important;
}

#wk-premium-offer-v75 .wk-premium-gallery-v81 {
  gap: 8px !important;
}

#wk-premium-offer-v75 .wk-premium-mini-v81 {
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 10px !important;
  overflow: hidden !important;
}


/* =========================================================
   4. Präzise PDF-Karte – keine DOM-Manipulation
   ========================================================= */

#wk-premium-offer-v75 .wk-premium-mini-pdf-v81 {
  grid-column: span 12 !important;
  display: grid !important;
  grid-template-columns:
    150px
    minmax(0, 1fr) !important;
  align-items: center !important;
  gap: clamp(22px, 3vw, 38px) !important;
  min-height: 205px !important;
  padding: clamp(18px, 2.3vw, 27px) !important;
  border: 1px solid rgba(61, 99, 89, 0.15) !important;
  border-radius: 15px !important;
  background:
    radial-gradient(
      circle at 92% 8%,
      rgba(221, 208, 130, 0.1),
      transparent 31%
    ),
    linear-gradient(
      145deg,
      #ffffff 0%,
      #f7faf7 100%
    ) !important;
}

#wk-premium-offer-v75 .wk-mini-pdf-page-v81 {
  position: relative !important;
  width: 142px !important;
  min-height: 182px !important;
  margin: 0 auto !important;
  padding: 14px !important;
  border: 1px solid rgba(39, 77, 68, 0.18) !important;
  border-radius: 7px !important;
  background:
    linear-gradient(
      155deg,
      #315b51 0 28%,
      #fffef9 28% 100%
    ) !important;
  box-shadow:
    8px 9px 0 #edf1ed,
    15px 18px 28px rgba(36, 71, 63, 0.14) !important;
  transform: none !important;
}

#wk-premium-offer-v75 .wk-mini-pdf-brand-v81 {
  color: #ffffff !important;
}

#wk-premium-offer-v75 .wk-mini-pdf-brand-v81 span {
  color: #f2e69c !important;
}

#wk-premium-offer-v75 .wk-mini-pdf-brand-v81 b {
  color: #244a43 !important;
  background: #f1df8d !important;
}

#wk-premium-offer-v75 .wk-mini-pdf-page-v81 h4 {
  margin: 25px 0 14px !important;
  color: #17363b !important;
  font-size: 12px !important;
  line-height: 1.22 !important;
}

#wk-premium-offer-v75 .wk-mini-pdf-property-v81 {
  margin-bottom: 20px !important;
}

#wk-premium-offer-v75 .wk-mini-pdf-page-v81 > strong {
  color: #456b61 !important;
  font-size: 7px !important;
  line-height: 1.35 !important;
}

#wk-premium-offer-v75 .wk-mini-pdf-copy-v81 > span {
  color: #907614 !important;
  font-size: 9px !important;
}

#wk-premium-offer-v75 .wk-mini-pdf-copy-v81 h3 {
  max-width: 620px !important;
  margin: 8px 0 9px !important;
  color: #18373c !important;
  font-size: clamp(20px, 2vw, 27px) !important;
  line-height: 1.15 !important;
  letter-spacing: -0.03em !important;
}

#wk-premium-offer-v75 .wk-mini-pdf-copy-v81 p {
  max-width: 650px !important;
  margin: 0 !important;
  color: #617470 !important;
  font-size: 12px !important;
  line-height: 1.6 !important;
}

#wk-premium-offer-v75 .wk-mini-pdf-copy-v81 ul {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
  margin: 14px 0 0 !important;
  padding: 0 !important;
}

#wk-premium-offer-v75 .wk-mini-pdf-copy-v81 li {
  padding: 6px 9px !important;
  border: 1px solid rgba(63, 100, 90, 0.1) !important;
  border-radius: 999px !important;
  background: #edf4ef !important;
  color: #45645c !important;
  font-size: 8.5px !important;
}


/* =========================================================
   5. Leistungsübersicht
   ========================================================= */

#wk-premium-offer-v75 .wk-premium-included-v81 {
  margin-top: 11px !important;
  padding: 16px !important;
  border-radius: 14px !important;
}

#wk-premium-offer-v75 .wk-premium-included-v81 h3 {
  font-size: 15px !important;
}

#wk-premium-offer-v75 .wk-premium-scope-v81 {
  margin-top: 10px !important;
}


/* =========================================================
   6. Responsive Darstellung
   ========================================================= */

@media (max-width: 850px) {
  #wk-premium-offer-v75 .wk-premium-hero-v81 {
    grid-template-columns: 1fr !important;
  }

  #wk-premium-offer-v75 .wk-premium-purchase-v83 {
    width: 100% !important;
    max-width: 540px !important;
  }
}

@media (max-width: 680px) {
  #wk-premium-offer-v75 .wk-premium-shell-v81 {
    padding: 17px !important;
    border-radius: 18px !important;
  }

  #wk-premium-offer-v75 .wk-premium-hero-copy-v81 h2 {
    font-size: 29px !important;
  }

  #wk-premium-offer-v75 .wk-premium-purchase-v83 {
    padding: 20px !important;
  }

  #wk-premium-offer-v75 .wk-premium-mini-options-v81,
  #wk-premium-offer-v75 .wk-premium-mini-matrix-v81,
  #wk-premium-offer-v75 .wk-premium-mini-finance-v81,
  #wk-premium-offer-v75 .wk-premium-mini-plan-v81,
  #wk-premium-offer-v75 .wk-premium-mini-pdf-v81 {
    grid-column: span 12 !important;
  }

  #wk-premium-offer-v75 .wk-premium-mini-pdf-v81 {
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    text-align: center !important;
  }

  #wk-premium-offer-v75 .wk-mini-pdf-copy-v81 h3,
  #wk-premium-offer-v75 .wk-mini-pdf-copy-v81 p {
    margin-inline: auto !important;
  }

  #wk-premium-offer-v75 .wk-mini-pdf-copy-v81 ul {
    justify-content: center !important;
  }

  #wk-premium-offer-v75 .wk-premium-included-v81 {
    grid-template-columns: 1fr !important;
  }

  #wk-premium-offer-v75 .wk-premium-included-v81 ul {
    grid-template-columns: 1fr !important;
  }
}

/* PREMIUM_GOLD_CTA_V285 */
#wk-premium-offer-v75 .wk-premium-purchase-v83 .wk-premium-buy-v82,
.free-premium-preview-v283 .free-premium-cta-v283 {
  border: 1px solid #c4931f !important;
  color: #173f36 !important;
  background: linear-gradient(135deg, #fff1a8 0%, #f1cc59 48%, #d7a52d 100%) !important;
  box-shadow: 0 9px 21px rgba(105, 76, 10, .23), inset 0 1px 0 rgba(255, 255, 255, .76) !important;
  text-shadow: none !important;
  transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease, filter 160ms ease !important;
}

#wk-premium-offer-v75 .wk-premium-purchase-v83 .wk-premium-buy-v82 span,
.free-premium-preview-v283 .free-premium-cta-v283 .free-premium-action-v284 {
  color: #173f36 !important;
  font-weight: 850 !important;
  text-shadow: none !important;
}

.free-premium-preview-v283 .free-premium-cta-v283 {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 58px !important;
  padding: 12px 18px !important;
  border-radius: 11px !important;
}

.free-premium-preview-v283 .free-premium-action-v284 {
  font-size: 13px !important;
  line-height: 1.3 !important;
  text-align: center !important;
}

#wk-premium-offer-v75 .wk-premium-purchase-v83 .wk-premium-buy-v82:hover,
.free-premium-preview-v283 .free-premium-cta-v283:hover {
  border-color: #ad7e13 !important;
  color: #173f36 !important;
  background: linear-gradient(135deg, #fff6bd 0%, #f5d66f 48%, #e1b33c 100%) !important;
  box-shadow: 0 12px 27px rgba(105, 76, 10, .28), inset 0 1px 0 rgba(255, 255, 255, .84) !important;
  filter: saturate(1.04) !important;
  transform: translateY(-1px) !important;
}

#wk-premium-offer-v75 .wk-premium-purchase-v83 .wk-premium-buy-v82:active,
.free-premium-preview-v283 .free-premium-cta-v283:active {
  box-shadow: 0 5px 13px rgba(105, 76, 10, .2), inset 0 1px 0 rgba(255, 255, 255, .58) !important;
  transform: translateY(0) !important;
}

#wk-premium-offer-v75 .wk-premium-purchase-v83 .wk-premium-buy-v82:focus-visible,
.free-premium-preview-v283 .free-premium-cta-v283:focus-visible {
  outline: 3px solid rgba(214, 168, 39, .45) !important;
  outline-offset: 3px !important;
}

/* PREMIUM_BUTTONS_REFINED_V286 */
#wk-premium-offer-v75 .wk-premium-purchase-v83 .wk-premium-buy-v82,
.free-premium-preview-v283 .free-premium-cta-v283 {
  border: 1px solid #ded75f !important;
  color: #173f36 !important;
  background: linear-gradient(135deg, #fbf7a0 0%, #f2ee7c 54%, #e7df58 100%) !important;
  box-shadow: 0 7px 16px rgba(28, 66, 57, .14), inset 0 1px 0 rgba(255, 255, 255, .78) !important;
  text-shadow: none !important;
  filter: none !important;
}
#wk-premium-offer-v75 .wk-premium-purchase-v83 .wk-premium-buy-v82 span,
.free-premium-preview-v283 .free-premium-cta-v283 .free-premium-action-v284 {
  color: #173f36 !important;
  font-weight: 850 !important;
  text-shadow: none !important;
}
#wk-premium-offer-v75 .wk-premium-purchase-v83 .wk-premium-buy-v82:hover,
.free-premium-preview-v283 .free-premium-cta-v283:hover {
  border-color: #d1c94c !important;
  color: #173f36 !important;
  background: linear-gradient(135deg, #fffbb2 0%, #f7f18a 54%, #eee665 100%) !important;
  box-shadow: 0 9px 20px rgba(28, 66, 57, .18), inset 0 1px 0 rgba(255, 255, 255, .86) !important;
  filter: none !important;
  transform: translateY(-1px) !important;
}
.free-premium-preview-v283 {
  overflow: hidden !important;
  padding: 22px !important;
  border: 1px solid rgba(255, 255, 255, .13) !important;
  border-left: 1px solid rgba(255, 255, 255, .13) !important;
  border-radius: 16px !important;
  background: radial-gradient(circle at 100% 0%, rgba(126, 161, 137, .30), transparent 42%), linear-gradient(145deg, #315b51 0%, #244a43 100%) !important;
  box-shadow: 0 16px 34px rgba(27, 67, 58, .18) !important;
}
.free-premium-preview-v283 > small { color: #f2e982 !important; }
.free-premium-preview-v283 h4 { color: #fff !important; }
.free-premium-preview-v283 p { color: rgba(255, 255, 255, .88) !important; }
.free-premium-preview-v283 .free-premium-facts-v283 span {
  border: 1px solid rgba(255, 255, 255, .10) !important;
  color: rgba(255, 255, 255, .82) !important;
  background: rgba(255, 255, 255, .09) !important;
}
.free-premium-preview-v283 .free-premium-facts-v283 b { color: #f4ed87 !important; }
.free-premium-preview-v283 .free-premium-cta-v283 {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 56px !important;
  padding: 11px 16px !important;
  border-radius: 11px !important;
}
.free-premium-preview-v283 em { color: rgba(255, 255, 255, .70) !important; }