/* Anpassung an die Bausteine des WordPress-Block-Editors (Spalten, Bilder, Knöpfe, Listen) */
.seiteninhalt > :where(*) { margin-block: 0; }
.seiteninhalt figure.wp-block-image { margin: 0; }
.seiteninhalt .wp-block-image img { height: auto; }
.wp-block-columns { margin: 0; flex-wrap: nowrap; }
.wp-block-columns.innen { margin-inline: auto; }
.reihe { gap: 0; }
.wp-block-column > :first-child { margin-top: 0; }

/* Knöpfe aus dem Editor sehen aus wie die Knöpfe der Seite */
.wp-block-buttons.knoepfe { gap: 12px; margin: 22px 0 0; }
.wp-block-button .wp-block-button__link { display: inline-flex; align-items: center; padding: .8em 1.5em; border-radius: 999px; background: var(--akzent); color: #fff; border: 2px solid var(--akzent); font-weight: 700; font-size: .98rem; text-decoration: none; transition: background .2s, color .2s; }
.wp-block-button .wp-block-button__link:hover { background: var(--akzent-dunkel); border-color: var(--akzent-dunkel); color: #fff; }
.wp-block-button.is-style-outline .wp-block-button__link { background: transparent; color: var(--akzent); }
.wp-block-button.is-style-outline .wp-block-button__link:hover { background: var(--akzent); color: #fff; }

/* Listen */
ul.hinweise { list-style: none; padding: 0; margin: 28px 0 0; display: flex; flex-wrap: wrap; gap: 12px 32px; font-size: .95rem; }
ul.hinweise li::before { content: "✓ "; color: var(--akzent); font-weight: 800; }
p.unterschrift .schreib { display: block; font-size: 3rem; }
p.unterschrift small { font-size: .9rem; color: var(--leise); }
p.platzhalter { margin: 0; }
p.marke-klein { display: inline-block; }

/* Sylt-Band als Titelbild-Block */
.wp-block-cover.sylt-band { min-height: 0; padding: clamp(80px, 12vw, 150px) 0; align-items: center; }
.wp-block-cover.sylt-band::before { display: none; }
.wp-block-cover.sylt-band .wp-block-cover__background { background: linear-gradient(90deg, rgba(25, 18, 40, .78), rgba(25, 18, 40, .2)) !important; opacity: 1 !important; }
.wp-block-cover.sylt-band .wp-block-cover__inner-container { width: min(1120px, 100% - 32px); margin-inline: auto; color: #fff; }
.wp-block-cover.sylt-band .wp-block-cover__inner-container > * { max-width: 560px; }
.wp-block-cover.sylt-band h2, .wp-block-cover.sylt-band p { color: #fff; }
.wp-block-cover.sylt-band .wp-block-button__link { background: #fff; color: var(--akzent-dunkel); border-color: #fff; }

/* Meldung nach dem Absenden des Formulars */
.formular-meldung { margin: 0; padding: 12px 16px; border-radius: 12px; font-weight: 700; }
.formular-meldung.ok { background: #e3f3ea; color: #1d5b37; }
.formular-meldung.fehler { background: #fbe9e7; color: #8a2a1c; }

@media (max-width: 860px) {
  .wp-block-columns { flex-wrap: wrap; }
}

/* Abstände, die die Editor-Standardwerte sonst auf null setzen */
.wp-block-columns.reihe { margin-bottom: clamp(40px, 6vw, 72px); }
.wp-block-columns.reihe:last-child { margin-bottom: 0; }
.wp-block-columns.orte { margin-bottom: 56px; }
.seitenkopf .wp-block-heading + p, .kasten .wp-block-heading { margin-top: 0; }
.kasten .wp-block-heading:not(:first-child) { margin-top: 1.2em; }
figure.preise { margin: 6px 0 18px; }
figure.preise table { width: 100%; border-collapse: collapse; }
.galerie.wp-block-columns { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-top: 28px; }
.galerie figure img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 16px; }
.seitenkopf .wp-block-column > figure img, .seitenkopf .platzhalter { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 22px; }
.seitenkopf .breit img { aspect-ratio: 2400 / 1119; border-radius: 22px; width: 100%; object-fit: cover; }
@media (max-width: 860px) { .galerie.wp-block-columns { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .galerie.wp-block-columns { grid-template-columns: 1fr; } }

/* WordPress-Spalten auf das Raster der Vorschau umstellen (WordPress' eigene Spaltenregeln sind sonst stärker) */
.begruessung .wp-block-columns.innen { display: grid !important; grid-template-columns: 1.05fr .95fr; gap: clamp(32px, 6vw, 80px) !important; align-items: center !important; }
.wp-block-columns.reihe { display: grid !important; grid-template-columns: 1.1fr 1fr; gap: 0 !important; align-items: center !important; }
.wp-block-columns.zwei { display: grid !important; grid-template-columns: 1fr 1fr; gap: clamp(32px, 6vw, 72px) !important; align-items: center !important; }
.seitenkopf .wp-block-columns.innen { display: grid !important; grid-template-columns: 1.2fr .8fr; gap: clamp(28px, 5vw, 64px) !important; align-items: center !important; }
.wp-block-columns.inhalt-raster { display: grid !important; grid-template-columns: 1fr 1fr; gap: 24px !important; align-items: stretch !important; }
.wp-block-columns.orte { display: grid !important; grid-template-columns: repeat(3, 1fr); gap: 14px !important; }
.wp-block-columns.galerie { display: grid !important; }
@media (max-width: 860px) {
  .wp-block-columns.reihe, .seitenkopf .wp-block-columns.innen, .wp-block-columns.inhalt-raster { grid-template-columns: 1fr; }
  .wp-block-columns.orte { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 720px) {
  .begruessung .wp-block-columns.innen, .wp-block-columns.zwei { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  .wp-block-columns.orte { grid-template-columns: 1fr; }
}

/* Inhalte ohne eigene Abschnitte (z. B. alte Texte oder neue Beiträge): mittig und gut lesbar */
.seiteninhalt > :where(p, h1, h2, h3, h4, ul, ol, blockquote, figure, table, .wp-block-image, .wp-block-table) { width: min(760px, 100% - 32px); margin-inline: auto; }
.seiteninhalt > :first-child:where(p, h1, h2, h3, h4, ul, ol) { margin-top: clamp(40px, 6vw, 72px); }
.seiteninhalt > :last-child:where(p, ul, ol, table, figure) { margin-bottom: clamp(40px, 6vw, 72px); }