/* ==========================================================================
   Freie Seite / Landingpage – nur für Seiten mit diesem Template geladen.
   Ergänzt die Breiten-/Abstandslogik für frei kombinierbare Block-Sektionen,
   ohne bestehende Theme-Styles (theme.css) zu verändern.
   ========================================================================== */

.landingpage {
  padding-bottom: clamp(3rem, 6vw, 7rem);
}

/* Lesbare Standardbreite für normale Inhalte, volle Breite für
   alignwide/alignfull-Blöcke (Core-Block-Standardverhalten, das dieses
   klassische Theme bislang nicht implementiert hatte). */
.landingpage-content > * {
  margin-left: auto;
  margin-right: auto;
  max-width: var(--max-width-narrow);
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.landingpage-content > .alignwide {
  max-width: var(--max-width);
}

.landingpage-content > .alignfull {
  max-width: none;
  padding-left: 0;
  padding-right: 0;
}

/* Gleichmäßiger, großzügiger Abstand zwischen frei kombinierten Sektionen –
   entspricht der Vertikal-Rhythmik von .section im Rest des Themes. */
.landingpage-content > * + * {
  margin-top: clamp(3rem, 6vw, 7rem);
}

/* Dezente Box für Call-to-Action- und Kontakt-Sektionen (siehe
   inc/block-patterns.php), im bestehenden Design-System gehalten. */
.dkusz-section-box {
  background: var(--surface-alt);
  border-radius: var(--radius-lg);
  padding: clamp(2.5rem, 5vw, 4.5rem) clamp(1.5rem, 4vw, 3rem);
  text-align: center;
}

.dkusz-section-box .contact-info {
  justify-content: center;
}

/* Buttons innerhalb der Landingpage optisch an .button-primary angleichen,
   ohne die Button-Block-Attribute anzufassen. */
.landingpage-content .wp-block-button__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.6rem;
  min-height: 54px;
  padding: 0 2rem;
  border-radius: 999px;
  font-weight: 600;
  font-size: 0.95rem;
  background: var(--text);
  color: var(--bg);
  transition: transform var(--transition-fast), background-color var(--transition-fast), box-shadow var(--transition-fast), color var(--transition-fast);
}

.landingpage-content .wp-block-button__link:hover,
.landingpage-content .wp-block-button__link:focus-visible {
  background: var(--accent);
  color: var(--accent-contrast);
  transform: translateY(-3px);
  box-shadow: var(--shadow-md);
}

.landingpage-content .wp-block-button.is-style-outline .wp-block-button__link {
  background: transparent;
  color: var(--text);
  border: 1px solid var(--border-strong);
}