/* Ersatz für bisherige Inline-Stile. Die Spezifität erhält deren Vorrang
   vor den bestehenden Layoutregeln; dynamische Inline-Stile bleiben vorrangig. */

html body .trademark-title {
  font-size:26px;
}

html body .trademark {
  font-size:10px;
}

html body .hero-intro {
  display:inline-block;
  margin-bottom:8px;
}

html body .btn-tight-top {
  margin-top: -10px;
}

html body .info-section-compact {
  padding: 20px 0;
}

html body .info-grid-compact {
  gap: 20px;
}

html body .flyer-image {
  width: 100%;
  height: auto;
  border-radius: 8px;
}

html body .apfel-demo-video {
  width: 102%;
  height:auto;
  border-radius: 8px;
  margin-left: -5px;
  transition: opacity 0.4s ease-in-out;
}

html body .purchase-description {
  padding-top: 15px;
}

html body .purchase-minimum {
  font-size: 0.8rem;
  padding: 15px 0 15px;
}

html body .apfel-summe-hidden {
  display: none;
}

html body .purchase-alternative {
  padding: 15px 0;
}

html body .purchase-local {
  padding-top: 25px;
}

html body .apfel-thanks-image {
  max-width: 240px;
  height: auto;
  box-shadow: none;
  border-radius: 0;
  transition: transform 0.3s ease;
}

html body .card-full-width {
  grid-column: 1 / -1;
}

html body .order-number {
  font-weight: 700;
  font-size: 20px;
}

html body .order-contact {
  font-size: 16px;
  padding: 10px 0 20px;
  line-height: 1.8;
}

html body .order-contact-label {
  margin: 0 -50px;
}

html body .contact-list-spaced {
  margin-top: 40px;
}

html body .map-frame {
  border-radius: var(--border-radius);
  overflow: hidden;
  margin: 20px 0;
  box-shadow: var(--shadow-sm);
}

html body .contact-list-review {
  margin-top: 20px;
}

html body .order-note {
  font-size: 15px;
  color: #6b6b6b;
}

html body .apfel-turn-video {
  width: 180px;
  height: auto;
  margin-top: 15px;
}

html body .form-field {
  margin-bottom: 15px;
}

html body .form-label {
  display:block;
  font-weight:700;
  margin-bottom:5px;
}

html body .form-control {
  width:100%;
  max-width:400px;
  padding:10px;
  border:1px solid #d0cfc9;
  border-radius:6px;
}

html body .legal-note {
  font-size: 0.85rem;
  color: var(--text-muted);
}

/* Die ehemaligen h1-Abschnitte behalten ihre bisherige Größe und Gewichtung. */
html body .legal-section-heading { font-size: 2em; font-weight: 700; }

/* Ersetzt das bisherige frameborder-Attribut ohne Layoutänderung. */
.map-frame iframe { border: 0; }

/* Intrinsische Bildmaße reservieren Platz; die bisherige automatische
   Produktbildbreite vermeidet veränderte Subpixel-Rundung im Browser. */
.apfel-img { width: auto; }

/* Dezente Rücknavigation am Seitenende, entsprechend der BLP-Vorlage. */
.page-back { margin: 36px 0 0; font-size: 0.9rem; }
.page-back a { color: var(--text-muted); }
.page-back a:hover { color: var(--primary-color); }
.legal-content .page-back { margin-bottom: 36px; }

/* Sprungziele bleiben unterhalb des unveränderten Sticky-Headers sichtbar. */
#agb, #dsgvo, #widerrufsbelehrung, #bestellinformationen { scroll-margin-top: 100px; }
@media (max-width: 768px) {
  #agb, #dsgvo, #widerrufsbelehrung, #bestellinformationen { scroll-margin-top: 65px; }
}

/* Wissenswertes zum Produkt: Gestaltung entsprechend der freigegebenen Vorschau. */

  #apfel-wissenswertes {
    --apfel-red: #b63800;
    --apfel-text: #333;
    --apfel-muted: #666;
    --apfel-line: #e8e1d9;
    --apfel-paper: #fff;
    color: var(--apfel-text);
    background: #f8f9fa;
    font: 16px/1.65 'Lato', Arial, sans-serif;
    padding: 36px 24px;
    box-sizing: border-box;
  }
  #apfel-wissenswertes * { box-sizing: border-box; }
  #apfel-wissenswertes .apfel-info { max-width: 900px; margin: 0 auto; }
  #apfel-wissenswertes h2 {
    font: 700 28px/1.3 'Playfair Display', Georgia, serif;
    text-align: center;
    color: var(--apfel-red);
    margin: 0 0 14px;
  }
  #apfel-wissenswertes .apfel-intro {
    max-width: 540px;
    text-align: center;
    color: var(--apfel-muted);
    margin: 0 auto 26px;
  }
  #apfel-wissenswertes .apfel-accent { width: 60px; height: 3px; background: #e5c158; margin: 0 auto 20px; border-radius: 2px; }
  #apfel-wissenswertes .apfel-questions { background: var(--apfel-paper); border-radius: 12px; box-shadow: 0 4px 6px rgba(0,0,0,.05); padding: 6px 28px; }
  #apfel-wissenswertes details + details { border-top: 1px solid var(--apfel-line); }
  #apfel-wissenswertes summary { cursor: pointer; display: flex; align-items: center; gap: 18px; padding: 21px 0; list-style: none; font-weight: 700; line-height: 1.45; }
  #apfel-wissenswertes summary::-webkit-details-marker { display: none; }
  #apfel-wissenswertes summary .apfel-question { flex: 1; }
  #apfel-wissenswertes summary:hover, #apfel-wissenswertes details[open] summary { color: var(--apfel-red); }
  #apfel-wissenswertes .apfel-toggle { display: flex; align-items: center; color: var(--apfel-red); flex: 0 0 18px; }
  #apfel-wissenswertes .apfel-toggle-close { display: none; }
  #apfel-wissenswertes details[open] .apfel-toggle-open { display: none; }
  #apfel-wissenswertes details[open] .apfel-toggle-close { display: inline; }
  #apfel-wissenswertes .apfel-answer { padding: 0 36px 23px 0; max-width: 760px; color: #4f4f4f; }
  #apfel-wissenswertes .apfel-answer p { margin: 0 0 13px; }
  #apfel-wissenswertes .apfel-answer p:last-child { margin-bottom: 0; }
  @media(max-width: 480px) {
    #apfel-wissenswertes { padding: 28px 16px; }
    #apfel-wissenswertes h2 { font-size: 25px; }
    #apfel-wissenswertes .apfel-questions { padding: 4px 18px; }
    #apfel-wissenswertes summary { gap: 12px; padding: 19px 0; }
    #apfel-wissenswertes .apfel-answer { padding-right: 0; }
  }

#apfel-wissenswertes .apfel-toggle { justify-content: center; font: 400 24px/1 Arial, sans-serif; }