/* =========================================================
   BERGEDORFER LIEDERTAFEL
   TYPO3 14.3 / Bootstrap Package 16
   Design-Layer auf Basis des Bootstrap Package
   ========================================================= */
:root{
  --blt-red:#b30b43;
  --blt-red-dark:#861039;
  --blt-navy:#211b1d;
  --blt-navy-light:#35292e;
  --blt-gold:#c5a267;
  --blt-cream:#f8f4ef;
  --blt-text:#242424;
  --blt-muted:#6d6d6d;
  --blt-border:#e7e3dd;
  --blt-shadow:0 10px 30px rgba(0,0,0,.08);
}
html{scroll-behavior:smooth}
body{color:var(--blt-text);background:#fff;font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.65}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:Georgia,"Times New Roman",serif;color:var(--blt-text);font-weight:500}
a{color:var(--blt-red)}
a:hover{color:var(--blt-red-dark)}
.frame-container{max-width:1320px}
.btn{border-radius:2px;font-weight:600}
.btn-primary{--bs-btn-bg:var(--blt-red);--bs-btn-border-color:var(--blt-red);--bs-btn-hover-bg:var(--blt-red-dark);--bs-btn-hover-border-color:var(--blt-red-dark);--bs-btn-active-bg:var(--blt-red-dark);--bs-btn-active-border-color:var(--blt-red-dark)}

/* Bootstrap-Package Header */
.navbar-mainnavigation,.navbar-transition{background:#fff!important;box-shadow:0 2px 12px rgba(0,0,0,.06)}
.navbar-mainnavigation .navbar-brand,.navbar-transition .navbar-brand{padding-top:.7rem;padding-bottom:.7rem}
.navbar-mainnavigation .navbar-brand img,.navbar-transition .navbar-brand img{width:auto;max-height:66px}
.navbar-mainnavigation .nav-link,.navbar-transition .nav-link{position:relative;color:#1f1f1f!important;font-size:15px;font-weight:600}
.navbar-mainnavigation .nav-link:hover,.navbar-mainnavigation .nav-link.active,.navbar-transition .nav-link:hover,.navbar-transition .nav-link.active{color:var(--blt-red)!important}

/* Utility classes für die folgenden Startseitenbereiche */
.blt-section{padding:85px 0}
.blt-section--cream{background:var(--blt-cream)}
.blt-section--dark{color:#fff;background:var(--blt-navy)}
.blt-section--dark h1,.blt-section--dark h2,.blt-section--dark h3{color:#fff}
.blt-eyebrow{display:block;margin:0 0 12px;color:var(--blt-gold);font-size:12px;line-height:1.2;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.blt-divider{width:54px;height:2px;margin:18px auto 28px;background:var(--blt-gold)}

/* Hero – kann zunächst als HTML-Content-Element verwendet werden */
.blt-hero{position:relative;min-height:620px;display:flex;align-items:center;overflow:hidden;background:var(--blt-navy);color:#fff}
.blt-hero__media{position:absolute;inset:0}
.blt-hero__media img{width:100%;height:100%;object-fit:cover;object-position:center}
.blt-hero__media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(33,27,29,.88) 0%,rgba(75,18,40,.60) 48%,rgba(33,27,29,.12) 100%)}
.blt-hero__inner{position:relative;z-index:2;width:100%;max-width:1320px;margin:auto;padding:80px 24px}
.blt-hero__kicker{margin:0 0 8px;color:var(--blt-gold);font-family:Georgia,"Times New Roman",serif;font-size:clamp(24px,2.4vw,34px)}
.blt-hero h1{max-width:720px;margin:0 0 22px;color:#fff;font-size:clamp(48px,5.6vw,78px);line-height:.98;letter-spacing:-1.8px}
.blt-hero__text{max-width:610px;margin:0 0 30px;font-size:18px;line-height:1.55;color:rgba(255,255,255,.92)}
.blt-hero__actions{display:flex;flex-wrap:wrap;gap:12px}
.blt-hero__actions .btn{padding:.85rem 1.35rem}
.blt-hero__actions .btn-light{background:#fff;border-color:#fff;color:#171717}
.blt-hero__badge{position:absolute;z-index:3;right:6%;bottom:45px;width:150px;height:150px;border:4px solid rgba(185,150,85,.85);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:var(--blt-red);color:#fff;box-shadow:0 10px 30px rgba(0,0,0,.25);font-family:Georgia,"Times New Roman",serif;transform:rotate(-4deg)}
.blt-hero__badge small{font-size:16px}
.blt-hero__badge strong{font-size:34px;line-height:1}

/* Cards */
.card{border:1px solid var(--blt-border);border-radius:2px;box-shadow:0 4px 18px rgba(0,0,0,.045)}
.card-title{font-family:Georgia,"Times New Roman",serif}

/* Footer */
.footer-section{background:var(--blt-navy)!important;color:rgba(255,255,255,.72)}
.footer-section h1,.footer-section h2,.footer-section h3,.footer-section h4,.footer-section h5{color:#fff}
.footer-section a{color:rgba(255,255,255,.78);text-decoration:none}
.footer-section a:hover{color:#fff}

@media(max-width:991.98px){
  .navbar-mainnavigation .navbar-brand img,.navbar-transition .navbar-brand img{max-height:54px}
    .blt-hero{min-height:560px}
  .blt-hero__badge{width:120px;height:120px;right:25px;bottom:25px}
  .blt-hero__badge strong{font-size:28px}
}
@media(max-width:767.98px){
  body{font-size:16px}
  .blt-section{padding:60px 0}
  .blt-hero{min-height:610px;align-items:flex-end}
  .blt-hero__media:after{background:linear-gradient(0deg,rgba(33,27,29,.94) 0%,rgba(75,18,40,.6) 58%,rgba(33,27,29,.2) 100%)}
  .blt-hero__inner{padding:110px 20px 145px}
  .blt-hero h1{font-size:clamp(42px,12vw,58px)}
  .blt-hero__text{font-size:16px}
  .blt-hero__badge{left:20px;right:auto;bottom:20px;width:105px;height:105px}
  .blt-hero__badge small{font-size:13px}
  .blt-hero__badge strong{font-size:25px}
}


/* 1.7 – Kompaktere Startseite; Bootstrap-Grid bleibt unveraendert. */
.frame-type-text .frame-container,.frame-type-textmedia .frame-container,
.frame-type-html .frame-container,.frame-type-text .textmedia-text,
.frame-type-textmedia .textmedia-text{text-align:left}
.frame-type-text .textmedia-text p,.frame-type-textmedia .textmedia-text p,
.frame-type-text .textmedia-text li,.frame-type-textmedia .textmedia-text li{text-align:left}
/* Gesamtbreite begrenzen statt den Text ueber die ganze Seite zu ziehen. */
.blt-intro{width:100%;padding:54px clamp(20px,4vw,56px) 62px;background:var(--blt-cream);box-sizing:border-box;text-align:left}
.blt-intro,.blt-intro *{box-sizing:border-box}
.blt-intro .blt-intro__inner{width:100%;max-width:1080px;margin:0 auto;text-align:left}
.blt-intro .blt-intro__inner h1{margin:0;color:#111;font-family:Georgia,"Times New Roman",serif;font-size:clamp(30px,3.2vw,44px);font-weight:500;line-height:1.2;text-align:left}
.blt-intro__accent{width:65px;height:3px;margin:18px 0 30px;background:var(--blt-gold)}
.blt-intro .blt-intro__inner p{margin:0 0 18px;color:#30282b;font-size:18px;line-height:1.65;text-align:left;hyphens:auto}
.blt-intro .blt-intro__inner p:last-child{margin-bottom:0}
.blt-intro strong{color:var(--blt-red-dark);font-weight:600}
.blt-intro .blt-intro__quote{margin:28px 0;padding:16px 24px;border-left:3px solid var(--blt-gold);color:var(--blt-red-dark);font-family:Georgia,"Times New Roman",serif;font-size:clamp(22px,2.1vw,27px);font-style:italic;line-height:1.45;text-align:left}
/* Bestehende HTML-Struktur: Text neben dem Foto, danach schmaler Textbereich. */
.blt-intro .row{--bs-gutter-x:clamp(24px,3vw,40px)}
.blt-intro .row.mt-4{margin-top:1.25rem!important}
.blt-intro .row.mt-4>.col-lg-9{max-width:790px}
.blt-intro figure img{display:block;width:100%;height:auto}
/* Probenzeiten als eigener, mittiger Abschluss. */
.blt-intro .blt-intro__inner .blt-rehearsal{margin-top:42px!important;padding:32px 12px!important;border-top:1px solid #211b1d;border-bottom:1px solid #211b1d;text-align:center!important}
.blt-intro .blt-intro__inner .blt-rehearsal p{margin:0 auto!important;max-width:100%;text-align:center!important;color:#211b1d;font-family:Georgia,"Times New Roman",serif;font-size:18px;line-height:1.6}
@media(max-width:991.98px){.blt-intro .row.mt-4>.col-lg-9{max-width:100%}}
@media(max-width:767.98px){
 .blt-intro{padding:38px 20px 45px}
 .blt-intro .blt-intro__inner h1{font-size:clamp(28px,7vw,36px)}
 .blt-intro__accent{margin:18px 0 27px}
 .blt-intro .blt-intro__inner p{font-size:17px;line-height:1.65;margin-bottom:16px}
 .blt-intro .blt-intro__quote{padding:14px 18px;margin:25px 0}
 .blt-intro .blt-intro__inner .blt-rehearsal{margin-top:32px!important;padding:26px 6px!important}
 .blt-intro .blt-intro__inner .blt-rehearsal p{font-size:17px}
}