/* Bades Huk – Styling der Gutenberg-Kernbloecke (Frontend). Nutzt die :root-Variablen aus base.css. */

/* Full-Bleed: eingebettete Original-Design-Abschnitte randlos ausgeben.
   Elementor streckt die Sektion (section-stretched, ohne Scrollbalken); der innere
   Container wird auf volle Breite gesetzt, damit Hero-Bild und farbige Baender randlos laufen. */
.elementor-section.elementor-section-stretched > .elementor-container{max-width:100%!important;padding-left:0!important;padding-right:0!important;width:100%}
.elementor-widget-html.bh-fullbleed,
.elementor-widget-html.bh-fullbleed > .elementor-widget-container{width:100%}
.elementor-widget-html.bh-fullbleed > .elementor-widget-container{padding:0}

.bh-content{padding:60px 0 72px;font-size:1.02rem;line-height:1.7;color:var(--ink)}
.bh-content > *{margin-top:0}

/* Typografie */
.bh-content h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;font-size:clamp(1.8rem,3.4vw,2.6rem);color:var(--ink);margin:2em 0 .5em;line-height:1.15}
.bh-content h2:first-child{margin-top:0}
.bh-content h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;font-size:1.55rem;color:var(--gold-d);margin:1.6em 0 .4em}
.bh-content h4{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;font-size:1.28rem;color:var(--ink);margin:1.2em 0 .3em}
.bh-content p{color:var(--muted);margin:0 0 1em}
.bh-content a{color:var(--gold-d);text-decoration:underline;text-underline-offset:2px}
.bh-content strong,.bh-content b{color:var(--ink)}
.bh-content ul,.bh-content ol{color:var(--muted);margin:0 0 1.2em;padding-left:1.25em}
.bh-content li{margin-bottom:.5em}
.bh-content .eyebrow{font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;color:var(--gold-d);font-weight:600;margin-bottom:.2em}

/* Akkordeon (core/details) */
.bh-content .wp-block-details{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:16px 22px;margin:0 0 12px}
.bh-content .wp-block-details summary{cursor:pointer;font-family:'Cormorant Garamond',serif;font-size:1.2rem;font-weight:600;color:var(--ink);list-style:none}
.bh-content .wp-block-details[open] summary{color:var(--gold-d)}
.bh-content .wp-block-details p{margin-top:12px}

/* Tabellen (Preise) */
.bh-content .wp-block-table{margin:1em 0 1.6em}
.bh-content .wp-block-table table{border-collapse:collapse;width:100%;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.bh-content .wp-block-table td,.bh-content .wp-block-table th{padding:13px 20px;border-bottom:1px solid var(--line);font-size:.95rem;text-align:left}
.bh-content .wp-block-table tr:last-child td{border-bottom:0}

/* Bilder */
.bh-content .wp-block-image{margin:1.2em 0}
.bh-content .wp-block-image img{border-radius:var(--radius);border:1px solid var(--line);max-width:100%;height:auto}
.bh-content figcaption{font-size:.85rem;color:var(--muted);text-align:center;margin-top:10px}

/* Karten (Spalten/Gruppen) */
.bh-content .wp-block-columns{gap:24px;margin:1em 0 1.6em}
.bh-content .bh-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:24px 24px 26px;height:100%}
.bh-content .bh-card h3,.bh-content .bh-card h4{margin-top:0}
.bh-content .bh-card img{border-radius:10px;margin-bottom:14px}

/* Info-/Hinweisbox */
.bh-content .callbox{background:var(--sand-2);border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:12px;padding:16px 20px;margin:1.4em 0;color:var(--muted)}
.bh-content .callbox p{margin:0}

/* Buttons */
.bh-content .wp-block-button__link,.bh-content .wp-block-button a{background:var(--gold);color:#fff;border-radius:999px;padding:.7em 1.5em;font-weight:600;text-decoration:none;display:inline-block}
.bh-content .wp-block-button__link:hover{background:var(--gold-d)}

/* Trenner */
.bh-content hr{border:0;border-top:1px solid var(--line);margin:2.4em 0}

/* Kopfbild der Unterseiten */
.banner--page{position:relative;min-height:320px;display:flex;align-items:flex-end;overflow:hidden;background:linear-gradient(120deg,#A9C3C9,#6E8B92)}
.banner--page > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.banner--page::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(18,25,27,.28),rgba(18,25,27,.72))}
.banner--page .banner-inner{position:relative;z-index:2;color:#fff;padding:80px 0 42px;max-width:720px}
.banner--page h1{font-family:'Cormorant Garamond',serif;font-size:clamp(2.3rem,4.6vw,3.6rem);color:#fff;margin:0 0 10px;line-height:1.1}
.banner--page p{color:rgba(255,255,255,.92);font-weight:300;font-size:1.05rem}