/*
 * LKC Modules CSS
 * Generelle Child-Theme-CSS-Basis fuer luebecker-kneipenchor.de
 * Stand: 2026-07-24
 * Abgeleitet aus Styleguide plus Home, Lautstaerke11, Mitmachen, Jahresrueckblicke, Kontakt, Impressum.
 */

:root {
  --lkc-navy: #0D0D2C;
  --lkc-navy-deep: #090922;
  --lkc-navy-deeper: #050511;
  --lkc-navy-light: #17173E;
  --lkc-offwhite: #E5E5E9;
  --lkc-red: #E03131;
  --lkc-text: var(--lkc-offwhite);
  --lkc-text-soft: rgba(229, 229, 233, 0.76);
  --lkc-text-muted: rgba(229, 229, 233, 0.56);
  --lkc-line: rgba(229, 229, 233, 0.24);
  --lkc-line-soft: rgba(229, 229, 233, 0.18);
  --lkc-line-strong: rgba(229, 229, 233, 0.36);
  --lkc-panel: rgba(229, 229, 233, 0.055);
  --lkc-panel-soft: rgba(229, 229, 233, 0.045);
  --lkc-panel-strong: rgba(8, 8, 31, 0.78);
  --lkc-font-head: Oswald, "Bebas Neue", Impact, "Arial Narrow", sans-serif;
  --lkc-font-body: Inter, "Source Sans 3", "Source Sans Pro", Arial, sans-serif;
  --lkc-wrap: 1180px;
  --lkc-wrap-wide: 1360px;
  --lkc-wrap-narrow: 900px;
  --lkc-pad-x: clamp(16px, 3vw, 22px);
  --lkc-section-y: clamp(56px, 8vw, 112px);
  --lkc-section-y-lg: clamp(72px, 10vw, 132px);
  --lkc-gap: clamp(20px, 3vw, 34px);
  --lkc-gap-lg: clamp(28px, 5vw, 64px);
  --lkc-shadow-card: 0 1.25rem 3.5rem rgba(0, 0, 0, 0.22);
  --lkc-shadow-card-hover: 0 1.5rem 4rem rgba(0, 0, 0, 0.32), 0 0 0 1px rgba(224, 49, 49, 0.12);
  --lkc-shadow-form: 0 28px 70px rgba(0, 0, 0, 0.28);
  --lkc-motion-fast: 160ms ease;
  --lkc-motion-card: 180ms ease;
}

.lkc-page, .lkc-page *, .lkc-page *::before, .lkc-page *::after { box-sizing: border-box; }
.lkc-page { width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); color: var(--lkc-text); font-family: var(--lkc-font-body); overflow: hidden; }
.lkc-page a { color: var(--lkc-text); transition: color var(--lkc-motion-fast), border-color var(--lkc-motion-fast), background var(--lkc-motion-fast), transform var(--lkc-motion-fast); }
.lkc-page a:hover { color: var(--lkc-red); }

/* Legacy compatibility while existing pages are migrated */
#lkc-jahresrueckblicke, #lkc-mitsingen, #lkc-impressum, .lkc-contact-main, .lkc-l11-orga-contact, .lkc-hero { color: var(--lkc-text); font-family: var(--lkc-font-body); }

.lkc-page--navy, .lkc-page--mitmachen, .lkc-page--recaps, .lkc-page--contact, .lkc-page--impressum, .lkc-page--l11, .lkc-page--home {
  position: relative;
  background: radial-gradient(circle at 18% 12%, rgba(224,49,49,.12), transparent 28%), radial-gradient(circle at 82% 18%, rgba(229,229,233,.05), transparent 30%), linear-gradient(180deg, var(--lkc-navy) 0%, var(--lkc-navy-deep) 100%);
}
.lkc-page--grid::before, .lkc-page--mitmachen::before, .lkc-page--recaps::before, .lkc-page--contact::before, .lkc-page--impressum::before, .lkc-section--grid::before {
  content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(229,229,233,.035) 1px, transparent 1px), linear-gradient(180deg, rgba(229,229,233,.025) 1px, transparent 1px); background-size: 74px 74px; opacity: .28; pointer-events: none;
}

.lkc-section { position: relative; z-index: 1; padding: var(--lkc-section-y) var(--lkc-pad-x); }
.lkc-section--large { padding-top: var(--lkc-section-y-lg); padding-bottom: var(--lkc-section-y-lg); }
.lkc-wrap, .lkc-inner, .lkc-recap-inner, .lkc-contact-main__inner, .lkc-l11-orga-contact__inner { position: relative; z-index: 1; width: min(var(--lkc-wrap), 100%); margin-inline: auto; }
.lkc-wrap--wide { width: min(var(--lkc-wrap-wide), 100%); }
.lkc-wrap--narrow { width: min(var(--lkc-wrap-narrow), 100%); }
.lkc-stack { display: grid; gap: var(--lkc-gap); }
.lkc-split, .lkc-grid-2, .lkc-module-grid, .lkc-contact-main__grid, .lkc-recap-header, .lkc-feature-row { display: grid; grid-template-columns: minmax(0, .92fr) minmax(340px, 1.08fr); gap: var(--lkc-gap-lg); align-items: start; }
.lkc-grid-3, .lkc-card-grid, .lkc-cardgrid, .lkc-choirgrid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--lkc-gap); }
.lkc-grid-4 { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--lkc-gap); }

.lkc-kicker, .lkc-eyebrow, .lkc-label, .lkc-recap-kicker, .lkc-contact-main__eyebrow, .lkc-l11-orga-contact__eyebrow, .lkc-topline { display: inline-flex; align-items: center; gap: 10px; margin: 0 0 18px; color: var(--lkc-text-soft); font-size: .78rem; font-weight: 900; letter-spacing: .16em; text-transform: uppercase; }
.lkc-kicker::before, .lkc-eyebrow::before, .lkc-recap-kicker::before, .lkc-topline::before { content: ""; display: block; width: 44px; height: 2px; background: var(--lkc-red); }
.lkc-display, .lkc-title, .lkc-card-title, .lkc-page h1, .lkc-page h2, .lkc-page h3, .lkc-recap-card-copy h2, .lkc-contact-main h1, .lkc-contact-main h2, .lkc-l11-orga-contact h2, #lkc-impressum h1, #lkc-impressum h2 { margin: 0; color: var(--lkc-text); font-family: var(--lkc-font-head); text-transform: uppercase; letter-spacing: .045em; }
.lkc-display, .lkc-page h1, .lkc-contact-main h1, #lkc-impressum h1 { max-width: 980px; font-size: clamp(3rem, 8vw, 7.8rem); font-weight: 900; line-height: 1.02; }
.lkc-title, .lkc-page h2, .lkc-contact-main h2, .lkc-l11-orga-contact h2, #lkc-impressum h2 { font-size: clamp(1.8rem, 3.5vw, 3.4rem); line-height: 1.04; }
.lkc-card-title, .lkc-page h3 { font-size: clamp(1.25rem, 2.4vw, 1.8rem); line-height: 1.04; }
.lkc-lead, .lkc-intro, .lkc-recap-intro, .lkc-contact-main__lead, .lkc-l11-orga-contact__text, .lkc-subline { max-width: 820px; margin: 24px 0 0; color: var(--lkc-text-soft); font-size: clamp(1.05rem, 1.6vw, 1.32rem); line-height: 1.68; }
.lkc-copy, .lkc-page p, .lkc-note, .lkc-contact-main p, #lkc-impressum .lkc-note { color: var(--lkc-text-soft); font-size: 1rem; line-height: 1.72; }
.lkc-copy strong, .lkc-page strong, .lkc-intro strong, .lkc-lead strong { color: var(--lkc-text); font-weight: 800; }

.lkc-card, .lkc-panel, .lkc-box, .lkc-contact-main__panel, .lkc-l11-orga-contact__box, #lkc-impressum .lkc-card { position: relative; border: 1px solid var(--lkc-line); background: var(--lkc-panel); padding: clamp(22px, 3vw, 42px); }
.lkc-card--redline::before, .lkc-panel::before, .lkc-panel--redline::before { content: ""; position: absolute; top: -1px; left: 24px; width: 64px; height: 3px; background: var(--lkc-red); }
.lkc-card--top-red, .lkc-panel--top-red, .lkc-contact-main__panel--chorleitung, .lkc-l11-orga-contact__box { border-top: 8px solid var(--lkc-red); }
.lkc-note, .lkc-alert { margin-top: 24px; border-left: 3px solid var(--lkc-red); padding-left: 16px; color: var(--lkc-text-soft); font-size: .95rem; line-height: 1.55; }

.lkc-button, .lkc-page .wp-element-button, .lkc-contact-main__button, .lkc-l11-orga-contact__button, .lkc-social-link, .lkc-video-button { appearance: none; display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 15px 24px; border: 2px solid var(--lkc-red); border-radius: 0; background: var(--lkc-red); color: #fff; font-family: var(--lkc-font-body); font-size: .86rem; font-weight: 950; letter-spacing: .1em; line-height: 1.1; text-transform: uppercase; text-decoration: none; cursor: pointer; }
.lkc-button:hover, .lkc-page .wp-element-button:hover, .lkc-contact-main__button:hover, .lkc-l11-orga-contact__button:hover, .lkc-social-link:hover, .lkc-video-button:hover { transform: translateY(-2px); background: transparent; color: var(--lkc-text); }
.lkc-button--ghost, .lkc-button.is-ghost, .lkc-social-link.is-ghost { background: transparent; color: var(--lkc-text); border-color: var(--lkc-text); }
.lkc-button-row, .lkc-actions, .lkc-contact-main__actions, .lkc-l11-orga-contact__actions, .lkc-final-actions, .lkc-social-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; }

.lkc-feature-list, .lkc-facts { display: grid; gap: 12px; margin: 24px 0 0; padding: 0; list-style: none; }
.lkc-feature-list li, .lkc-facts li { border-top: 1px solid var(--lkc-line); padding-top: 12px; color: var(--lkc-text-soft); font-size: .98rem; line-height: 1.55; }
.lkc-feature-list b, .lkc-facts b { display: block; color: var(--lkc-text); font-family: var(--lkc-font-head); text-transform: uppercase; letter-spacing: .08em; font-size: 1.05rem; margin-bottom: 3px; }
.lkc-tags, .lkc-tag-row, .lkc-signature-strip, .lkc-contact-main__tags, .lkc-l11-orga-contact__tags, .lkc-footerline { display: flex; flex-wrap: wrap; gap: 12px 24px; margin-top: clamp(30px, 4vw, 42px); padding-top: 22px; border-top: 1px solid var(--lkc-line); color: var(--lkc-text-muted); font-size: .8rem; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }
.lkc-tags span::before, .lkc-tag-row span::before, .lkc-signature-strip span::before, .lkc-contact-main__tags span::before, .lkc-l11-orga-contact__tags span::before { content: "?"; margin-right: 8px; color: var(--lkc-red); }

.lkc-video-grid, .lkc-recap-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(1.4rem, 3vw, 2.5rem); }
.lkc-video-card, .lkc-recap-card { position: relative; min-width: 0; overflow: hidden; background: linear-gradient(145deg, rgba(229,229,233,.065), rgba(229,229,233,.025)); border: 1px solid var(--lkc-line-soft); box-shadow: var(--lkc-shadow-card); transition: transform var(--lkc-motion-card), border-color var(--lkc-motion-card), box-shadow var(--lkc-motion-card); }
.lkc-video-card:hover, .lkc-video-card:focus-within, .lkc-recap-card:hover, .lkc-recap-card:focus-within { transform: translateY(-.25rem); border-color: rgba(224,49,49,.72); box-shadow: var(--lkc-shadow-card-hover); }
.lkc-video-card__media, .lkc-recap-video-wrap, .lkc-media, .lkc-photo, .lkc-video-wrap { position: relative; overflow: hidden; aspect-ratio: 16 / 9; background: var(--lkc-navy-deeper); border-bottom: 1px solid var(--lkc-line-soft); }
.lkc-video-card__media::before, .lkc-recap-video-wrap::before { content: ""; position: absolute; z-index: 2; top: 0; left: 0; width: 4.4rem; height: .28rem; background: var(--lkc-red); pointer-events: none; }
.lkc-video-card video, .lkc-recap-video-wrap video, .lkc-media img, .lkc-photo img, .lkc-video-wrap video, .lkc-video-wrap iframe { display: block; width: 100%; height: 100%; margin: 0; object-fit: contain; background: var(--lkc-navy-deeper); }
.lkc-video-card__body, .lkc-recap-card-content { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 1.2rem; align-items: start; padding: clamp(1.25rem, 3vw, 1.8rem); }
.lkc-year-badge, .lkc-recap-year { display: inline-flex; align-items: center; justify-content: center; min-width: 4.8rem; min-height: 2.3rem; padding: .35rem .65rem; color: var(--lkc-text); background: var(--lkc-red); font-family: var(--lkc-font-head); font-size: 1rem; font-weight: 900; line-height: 1; letter-spacing: .08em; }
.lkc-gallery, .lkc-image-band { display: grid; grid-template-columns: repeat(12, 1fr); gap: var(--lkc-gap); }
.lkc-gallery > *, .lkc-image-band > * { grid-column: span 4; }

.lkc-timeline, .lkc-program { display: grid; gap: var(--lkc-gap); }
.lkc-time-row { display: grid; grid-template-columns: minmax(110px, .32fr) minmax(0, 1fr); gap: 18px; padding: 18px 0; border-top: 1px solid var(--lkc-line); }
.lkc-time { color: var(--lkc-red); font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }

.lkc-form-module, .lkc-formarea { min-width: 0; }
.lkc-formbox { border: 1px solid var(--lkc-line-strong); background: var(--lkc-offwhite); color: var(--lkc-navy); overflow: hidden; min-height: 760px; position: relative; box-shadow: var(--lkc-shadow-form); }
.lkc-formbox::before { content: ""; position: absolute; inset: 0; pointer-events: none; border: 8px solid rgba(13,13,44,.06); z-index: 2; }
.lkc-formhead { position: relative; z-index: 3; display: flex; align-items: center; justify-content: space-between; gap: 16px; background: var(--lkc-red); color: #fff; padding: 15px 20px; font-family: var(--lkc-font-head); text-transform: uppercase; letter-spacing: .08em; font-size: clamp(1.1rem, 2vw, 1.35rem); line-height: 1.1; }
.lkc-formhead span { color: rgba(255,255,255,.78); font-family: var(--lkc-font-body); font-size: .72rem; font-weight: 800; letter-spacing: .14em; white-space: nowrap; }
.lkc-formembed, .lkc-forminner { position: relative; z-index: 1; background: var(--lkc-offwhite); padding: 0; }
.lkc-formembed iframe, .lkc-forminner iframe { background: var(--lkc-offwhite) !important; }
.lkc-formnote-subtle { margin: 12px 0 0; color: var(--lkc-text-muted); font-size: .82rem; line-height: 1.45; text-align: right; }
.lkc-formnote-subtle a { color: rgba(229,229,233,.8); font-weight: 800; text-decoration: none; border-bottom: 1px solid rgba(224,49,49,.58); }
.lkc-page .wpcf7-submit, .lkc-page button[type="submit"], .lkc-page input[type="submit"] { appearance: none; min-height: 50px; padding: 14px 22px; border: 2px solid var(--lkc-red); border-radius: 0; background: var(--lkc-red); color: #fff; font: inherit; font-size: .86rem; font-weight: 950; letter-spacing: .1em; line-height: 1.1; text-transform: uppercase; cursor: pointer; }
.lkc-page input[type="text"], .lkc-page input[type="email"], .lkc-page input[type="tel"], .lkc-page textarea, .lkc-page select { width: 100%; border: 1px solid var(--lkc-line); border-radius: 0; background: rgba(229,229,233,.065); color: var(--lkc-text); padding: 15px 16px; font: inherit; line-height: 1.4; outline: none; }
.lkc-page input:focus, .lkc-page textarea:focus, .lkc-page select:focus { border-color: var(--lkc-red); box-shadow: 0 0 0 3px rgba(224,49,49,.2); }

.lkc-page--recaps { position: relative; background: radial-gradient(circle at 18% 12%, rgba(224,49,49,.12), transparent 28%), radial-gradient(circle at 82% 18%, rgba(229,229,233,.05), transparent 30%), linear-gradient(180deg, var(--lkc-navy) 0%, var(--lkc-navy-deep) 100%); }

.lkc-section-head { margin-bottom: clamp(3rem, 6vw, 5rem); }
.lkc-outro { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 1.5rem; margin-top: clamp(3rem, 6vw, 5rem); padding-top: 1.5rem; border-top: 1px solid var(--lkc-line); color: var(--lkc-text-soft); }
.lkc-signature { align-self: end; color: var(--lkc-text-muted); font-family: var(--lkc-font-head); font-size: .9rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; white-space: nowrap; }

@media (max-width: 980px) { .lkc-grid-3, .lkc-grid-4, .lkc-card-grid, .lkc-cardgrid, .lkc-choirgrid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .lkc-gallery > *, .lkc-image-band > * { grid-column: span 6; } }
@media (max-width: 860px) { .lkc-split, .lkc-grid-2, .lkc-module-grid, .lkc-contact-main__grid, .lkc-recap-header, .lkc-section-head, .lkc-feature-row, .lkc-video-grid, .lkc-recap-grid { grid-template-columns: 1fr; } .lkc-button-row, .lkc-actions, .lkc-contact-main__actions, .lkc-l11-orga-contact__actions, .lkc-final-actions, .lkc-social-actions { flex-direction: column; align-items: stretch; } .lkc-button, .lkc-page .wp-element-button, .lkc-page .wpcf7-submit, .lkc-page button[type="submit"], .lkc-page input[type="submit"], .lkc-contact-main__button, .lkc-l11-orga-contact__button { width: 100%; } .lkc-formbox { min-height: 820px; } .lkc-formnote-subtle { text-align: left; } .lkc-signature { white-space: normal; } }
@media (max-width: 620px) { .lkc-section { padding-left: 16px; padding-right: 16px; } .lkc-grid-3, .lkc-grid-4, .lkc-card-grid, .lkc-cardgrid, .lkc-choirgrid, .lkc-gallery, .lkc-image-band { grid-template-columns: 1fr; } .lkc-gallery > *, .lkc-image-band > * { grid-column: auto; } .lkc-card, .lkc-panel, .lkc-box, .lkc-contact-main__panel, .lkc-l11-orga-contact__box, #lkc-impressum .lkc-card { padding: 22px 18px; } .lkc-display, .lkc-page h1, .lkc-contact-main h1, #lkc-impressum h1 { font-size: clamp(2.6rem, 15vw, 4.8rem); } .lkc-video-card__body, .lkc-recap-card-content, .lkc-time-row { grid-template-columns: 1fr; } .lkc-year-badge, .lkc-recap-year { width: fit-content; } .lkc-formhead { align-items: flex-start; flex-direction: column; gap: 4px; } .lkc-formhead span { white-space: normal; } }

/* =========================================================
   14 Standard LKC Background Watermark
   Standard: dezentes grosses LKC im Hintergrund jeder LKC-Seite.
   ========================================================= */

.lkc-page--watermark::after {
  content: "LKC";
  position: absolute;
  right: -0.08em;
  bottom: -0.28em;
  z-index: 0;
  color: rgba(229, 229, 233, 0.035);
  font-family: var(--lkc-font-head);
  font-size: clamp(10rem, 28vw, 25rem);
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  pointer-events: none;
  user-select: none;
}

.lkc-page--watermark .lkc-section,
.lkc-page--watermark .lkc-wrap {
  position: relative;
  z-index: 1;
}

/* =========================================================
   15 Sitewide LKC Watermark Overrides
   Ensures the standard LKC watermark wins over older page-local ::after art.
   ========================================================= */

#lkc-home.lkc-page--watermark,
#lkc-lautstaerke-11.lkc-page--watermark,
#lkc-impressum.lkc-page--watermark,
#lkc-datenschutz.lkc-page--watermark,
.lkc-contact-main.lkc-page--watermark,
.lkc-l11-orga-contact.lkc-page--watermark {
  position: relative;
}

#lkc-home.lkc-page--watermark::after,
#lkc-lautstaerke-11.lkc-page--watermark::after,
#lkc-impressum.lkc-page--watermark::after,
#lkc-datenschutz.lkc-page--watermark::after,
.lkc-contact-main.lkc-page--watermark::after,
.lkc-l11-orga-contact.lkc-page--watermark::after,
.lkc-page--watermark::after {
  content: "LKC";
  position: absolute;
  right: -0.08em;
  bottom: -0.28em;
  top: auto;
  z-index: 0;
  color: rgba(229, 229, 233, 0.035);
  font-family: var(--lkc-font-head);
  font-size: clamp(10rem, 28vw, 25rem);
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  pointer-events: none;
  user-select: none;
  width: auto;
  height: auto;
  background: transparent;
}

#lkc-home.lkc-page--watermark > *,
#lkc-lautstaerke-11.lkc-page--watermark > *,
#lkc-impressum.lkc-page--watermark > *,
#lkc-datenschutz.lkc-page--watermark > *,
.lkc-contact-main.lkc-page--watermark > *,
.lkc-l11-orga-contact.lkc-page--watermark > *,
.lkc-page--watermark .lkc-section,
.lkc-page--watermark .lkc-wrap {
  position: relative;
  z-index: 1;
}

/* =========================================================
   16 Contact Page Modules
   ========================================================= */

.lkc-contact-orga {
  margin-bottom: var(--lkc-gap-lg);
}

.lkc-contact-orga .lkc-panel {
  max-width: 980px;
}

.lkc-contact-mail {
  margin-top: 22px;
  padding-top: 18px;
  border-top: 1px solid var(--lkc-line);
  color: var(--lkc-text-soft);
  font-weight: 700;
  overflow-wrap: anywhere;
}

.lkc-contact-form-panel .lkc-formembed,
.lkc-contact-form-panel .wpcf7 {
  background: transparent;
  color: var(--lkc-text);
}

.lkc-contact-form-panel .wpcf7 form,
.lkc-contact-form-panel .wpcf7-form {
  display: grid;
  gap: 16px;
}

.lkc-contact-form-panel .wpcf7-form p {
  margin: 0 0 16px;
}

.lkc-contact-form-panel .wpcf7-response-output {
  margin: 20px 0 0 !important;
  padding: 14px 16px !important;
  border: 1px solid var(--lkc-line) !important;
  color: var(--lkc-text);
}

/* LKC hotfix 2026-07-24: watermark, decorative marker, contact cards */
  .lkc-page--watermark, #lkc-home.lkc-page--watermark, #lkc-lautstaerke-11.lkc-page--watermark, #lkc-impressum.lkc-page--watermark, #lkc-datenschutz.lkc-page--watermark, .lkc-contact-main.lkc-page--watermark, .lkc-l11-orga-contact.lkc-page--watermark { position: relative; }
  .lkc-page--watermark::after, #lkc-home.lkc-page--watermark::after, #lkc-lautstaerke-11.lkc-page--watermark::after, #lkc-impressum.lkc-page--watermark::after, #lkc-datenschutz.lkc-page--watermark::after, .lkc-contact-main.lkc-page--watermark::after, .lkc-l11-orga-contact.lkc-page--watermark::after {
    content: "LKC" !important; position: absolute !important; right: -0.08em !important; top: -0.20em !important; bottom: auto !important; z-index: 0 !important; width: auto !important; height: auto !important; background: transparent !important; color: rgba(229,229,233,0.035) !important; font-family: var(--lkc-font-head) !important; font-size: clamp(10rem, 28vw, 25rem) !important; font-weight: 900 !important; line-height: 1 !important; letter-spacing: 0.02em !important; text-transform: uppercase !important; pointer-events: none !important; user-select: none !important;
  }
  .lkc-page--watermark > *, .lkc-page--watermark .lkc-section, .lkc-page--watermark .lkc-wrap, #lkc-home.lkc-page--watermark > *, #lkc-lautstaerke-11.lkc-page--watermark > *, #lkc-impressum.lkc-page--watermark > *, #lkc-datenschutz.lkc-page--watermark > *, .lkc-contact-main.lkc-page--watermark > *, .lkc-l11-orga-contact.lkc-page--watermark > * { position: relative; z-index: 1; }
  .lkc-tags span::before, .lkc-tag-row span::before, .lkc-signature-strip span::before, .lkc-contact-main__tags span::before, .lkc-l11-orga-contact__tags span::before { content: "?" !important; }
  .lkc-panel--redline { border-top: 1px solid var(--lkc-line) !important; }
  .lkc-panel--redline::before { content: ""; position: absolute; top: -1px; left: 24px; width: 64px; height: 3px; background: var(--lkc-red); }

/* LKC Home layout fix 2026-07-24 */
.lkc-page--home > .lkc-section--large:first-of-type {
  padding-top: clamp(32px, 5vw, 72px);
}

.lkc-page--home .lkc-home-hero {
  padding-top: 0;
}

.lkc-home-atf-title {
  margin-top: 0;
  margin-bottom: clamp(22px, 4vw, 44px);
}

.lkc-home-banner {
  min-height: 0;
}

.lkc-home-banner img {
  height: auto;
  min-height: 0;
  object-fit: contain;
  background: var(--lkc-navy-deeper);
}

.lkc-page--home .lkc-section > .lkc-wrap,
.lkc-page--home .lkc-home-final > .lkc-wrap {
  width: min(var(--lkc-wrap-wide), 100%);
}

@media (max-width: 860px) {
  .lkc-home-banner img {
    width: 100%;
    height: auto;
    object-fit: contain;
  }
}


/* LKC Home lively style repair 2026-07-24: restores tilted photo frame, 4 desktop cards, fuller CTA */
#lkc-home .lkc-home-about-grid { align-items: center; }
#lkc-home .lkc-home-photo { position: relative; isolation: isolate; transform: rotate(-2deg); border: 2px solid rgba(229,229,233,.22); background: linear-gradient(135deg, rgba(229,229,233,.10), rgba(229,229,233,.015)), rgba(229,229,233,.035); box-shadow: 18px 22px 0 rgba(224,49,49,.22), 0 28px 70px rgba(0,0,0,.38); overflow: visible; }
#lkc-home .lkc-home-photo::before, #lkc-home .lkc-home-photo::after { content: ""; position: absolute; z-index: 2; pointer-events: none; }
#lkc-home .lkc-home-photo::before { width: 120px; height: 26px; left: 8%; top: -15px; transform: rotate(-5deg); background: rgba(224,49,49,.95); box-shadow: 0 8px 24px rgba(0,0,0,.28); }
#lkc-home .lkc-home-photo::after { width: 86px; height: 86px; right: -22px; bottom: -22px; border-right: 10px solid var(--lkc-red); border-bottom: 10px solid var(--lkc-red); }
#lkc-home .lkc-home-photo img { display: block; transform: rotate(2deg) scale(1.015); }
#lkc-home .lkc-card-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; align-items: stretch; }
#lkc-home .lkc-home-value-card { position: relative; min-height: 100%; transform: rotate(-.6deg); transition: transform .18s ease, border-color .18s ease, background .18s ease; }
#lkc-home .lkc-home-value-card:nth-child(even) { transform: rotate(.7deg) translateY(12px); }
#lkc-home .lkc-home-value-card:nth-child(3) { transform: rotate(-1deg) translateY(4px); }
#lkc-home .lkc-home-value-card:hover { transform: translateY(-5px) rotate(0deg); border-color: rgba(224,49,49,.7); background: rgba(229,229,233,.075); }
#lkc-home .lkc-home-value-card::before { width: 44px !important; height: 5px !important; left: 18px !important; top: 0 !important; border-radius: 999px !important; background: var(--lkc-red) !important; }
#lkc-home .lkc-home-value-card span { display: inline-grid; place-items: center; width: 42px; height: 42px; border: 1px solid rgba(229,229,233,.32); border-radius: 999px; background: rgba(13,13,44,.62); color: var(--lkc-red); margin-bottom: 18px; }
#lkc-home .lkc-home-final { border: 1px solid rgba(229,229,233,.22); background: radial-gradient(circle at 18% 12%, rgba(224,49,49,.25), transparent 32%), linear-gradient(135deg, rgba(229,229,233,.085), rgba(229,229,233,.025)); box-shadow: 0 30px 90px rgba(0,0,0,.34); transform: rotate(.35deg); overflow: hidden; }
#lkc-home .lkc-home-final::before { content: ""; position: absolute; width: 180px; height: 180px; right: -54px; top: -70px; border: 22px solid rgba(224,49,49,.35); border-radius: 50%; }
#lkc-home .lkc-home-final-inner { display: grid; grid-template-columns: minmax(0, 1fr) minmax(240px, .42fr); gap: clamp(22px, 4vw, 52px); align-items: center; transform: rotate(-.35deg); }
#lkc-home .lkc-home-final-copy .lkc-display { margin-bottom: 16px; }
#lkc-home .lkc-home-final-notes { display: grid; gap: 12px; }
#lkc-home .lkc-home-final-notes span { display: block; padding: 14px 16px; border: 1px solid rgba(229,229,233,.22); background: rgba(13,13,44,.52); color: var(--lkc-offwhite); font-weight: 700; line-height: 1.3; }
#lkc-home .lkc-home-final-notes strong { display: block; color: var(--lkc-red); font-family: Oswald, "Bebas Neue", "Arial Narrow", Impact, sans-serif; text-transform: uppercase; letter-spacing: .08em; font-size: 1.15rem; }
@media (max-width: 1020px) { #lkc-home .lkc-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }
@media (max-width: 760px) { #lkc-home .lkc-home-photo, #lkc-home .lkc-home-photo img, #lkc-home .lkc-home-final, #lkc-home .lkc-home-final-inner { transform: none; } #lkc-home .lkc-home-photo { box-shadow: 10px 14px 0 rgba(224,49,49,.20), 0 22px 54px rgba(0,0,0,.34); } #lkc-home .lkc-home-final-inner { grid-template-columns: 1fr; } #lkc-home .lkc-home-value-card, #lkc-home .lkc-home-value-card:nth-child(even), #lkc-home .lkc-home-value-card:nth-child(3) { transform: none; } }
@media (max-width: 560px) { #lkc-home .lkc-card-grid { grid-template-columns: 1fr !important; } }


/* LKC Lautstaerke 11 modular CSS 2026-07-24 */
#lkc-lautstaerke-11 {
      --lkc-navy: #0D0D2C;
      --lkc-offwhite: #E5E5E9;
      --lkc-red: #E03131;
      --lkc-line: rgba(229, 229, 233, 0.28);
      --lkc-soft: rgba(229, 229, 233, 0.74);
      --lkc-panel: rgba(229, 229, 233, 0.045);

      width: 100vw;
      margin-left: calc(50% - 50vw);
      margin-right: calc(50% - 50vw);
      background: var(--lkc-navy);
      color: var(--lkc-offwhite);
      font-family: Inter, "Source Sans 3", "Source Sans Pro", Arial, sans-serif;
      overflow: hidden;
    }

    #lkc-lautstaerke-11 * {
      box-sizing: border-box;
    }

    #lkc-lautstaerke-11 a {
      color: inherit;
    }

    #lkc-lautstaerke-11 h1,
    #lkc-lautstaerke-11 h2,
    #lkc-lautstaerke-11 h3,
    #lkc-lautstaerke-11 h4,
    #lkc-lautstaerke-11 .lkc-button,
    #lkc-lautstaerke-11 .lkc-label,
    #lkc-lautstaerke-11 .lkc-kicker,
    #lkc-lautstaerke-11 .lkc-time,
    #lkc-lautstaerke-11 .lkc-chip {
      font-family: Oswald, "Bebas Neue", "Arial Narrow", Impact, sans-serif;
      text-transform: uppercase;
      letter-spacing: 0.06em;
    }

    #lkc-lautstaerke-11 .lkc-wrap {
      width: min(1180px, calc(100% - 40px));
      margin: 0 auto;
    }

    #lkc-lautstaerke-11 .lkc-hero {
      width: 100%;
      margin: 0;
      padding: 0;
      background: var(--lkc-navy);
      border-bottom: 1px solid var(--lkc-line);
    }

    #lkc-lautstaerke-11 .lkc-video-frame {
      position: relative;
      width: 100%;
      margin: 0;
      padding: 0;
      background: var(--lkc-navy);
      overflow: hidden;
    }

    #lkc-lautstaerke-11 .lkc-video-poster {
      display: block;
      width: 100%;
      height: auto;
      margin: 0;
      padding: 0;
      background: var(--lkc-navy);
    }

    #lkc-lautstaerke-11 .lkc-header-video {
      position: absolute;
      inset: 0;
      display: block;
      width: 100%;
      height: 100%;
      object-fit: contain;
      background: var(--lkc-navy);
      opacity: 0;
      visibility: hidden;
      transition: opacity 180ms ease;
    }

    #lkc-lautstaerke-11 .lkc-video-frame.is-playing .lkc-header-video {
      opacity: 1;
      visibility: visible;
    }

    #lkc-lautstaerke-11 .lkc-video-frame.is-stopped .lkc-header-video {
      opacity: 0;
      visibility: hidden;
    }

    #lkc-lautstaerke-11 .lkc-video-controls {
      position: absolute;
      right: 24px;
      bottom: 24px;
      z-index: 5;
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
    }

    #lkc-lautstaerke-11 .lkc-video-button {
      min-height: 46px;
      padding: 0 18px;
      border: 1px solid var(--lkc-offwhite);
      background: rgba(13, 13, 44, 0.82);
      color: var(--lkc-offwhite);
      font-family: Oswald, "Bebas Neue", "Arial Narrow", Impact, sans-serif;
      text-transform: uppercase;
      letter-spacing: 0.06em;
      font-size: 0.92rem;
      font-weight: 900;
      cursor: pointer;
    }

    #lkc-lautstaerke-11 .lkc-video-button.primary {
      background: var(--lkc-red);
      border-color: var(--lkc-red);
    }

    #lkc-lautstaerke-11 .lkc-video-button:disabled {
      opacity: 0.45;
      cursor: not-allowed;
    }

    #lkc-lautstaerke-11 .lkc-video-button:not(:disabled):hover {
      border-color: var(--lkc-red);
      background: rgba(224, 49, 49, 0.9);
    }

    #lkc-lautstaerke-11 .lkc-mobile-hero-copy {
      display: none;
      padding: 28px 0 38px;
      border-bottom: 1px solid var(--lkc-line);
      background: var(--lkc-navy);
    }

    #lkc-lautstaerke-11 .lkc-mobile-kicker {
      margin: 0 0 14px;
      color: var(--lkc-soft);
      font-size: 0.86rem;
      line-height: 1.35;
    }

    #lkc-lautstaerke-11 .lkc-mobile-hero-copy h1 {
      margin: 0;
      font-size: clamp(2.75rem, 13vw, 4.9rem);
      line-height: 0.92;
      font-weight: 900;
    }

    #lkc-lautstaerke-11 .lkc-redline {
      width: 92px;
      height: 5px;
      margin: 20px 0 22px;
      background: var(--lkc-red);
    }

    #lkc-lautstaerke-11 .lkc-mobile-claim {
      margin: 0 0 18px;
      font-family: Oswald, "Bebas Neue", "Arial Narrow", Impact, sans-serif;
      text-transform: uppercase;
      letter-spacing: 0.08em;
      font-size: clamp(1.45rem, 8vw, 2.5rem);
      line-height: 1;
      font-weight: 900;
    }

    #lkc-lautstaerke-11 .lkc-mobile-text {
      margin: 0;
      color: var(--lkc-soft);
      font-size: 1.04rem;
      line-height: 1.6;
    }

    #lkc-lautstaerke-11 .lkc-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      margin-top: 26px;
    }

    #lkc-lautstaerke-11 .lkc-button {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 48px;
      padding: 0 22px;
      border: 1px solid var(--lkc-offwhite);
      color: var(--lkc-offwhite) !important;
      text-decoration: none;
      font-size: 0.95rem;
      font-weight: 800;
      background: transparent;
    }

    #lkc-lautstaerke-11 .lkc-button.primary {
      background: var(--lkc-red);
      border-color: var(--lkc-red);
    }

    #lkc-lautstaerke-11 .lkc-section {
      padding: 78px 0;
      border-bottom: 1px solid var(--lkc-line);
      background: var(--lkc-navy);
    }

    #lkc-lautstaerke-11 .lkc-section.alt {
      background: rgba(229, 229, 233, 0.025);
    }

    #lkc-lautstaerke-11 .lkc-section h2 {
      margin: 0;
      font-size: clamp(2.2rem, 5.2vw, 4.7rem);
      line-height: 0.95;
      font-weight: 900;
    }

    #lkc-lautstaerke-11 .lkc-section h2::after {
      content: "";
      display: block;
      width: 72px;
      height: 5px;
      margin-top: 20px;
      background: var(--lkc-red);
    }

    #lkc-lautstaerke-11 .lkc-lead {
      max-width: 900px;
      margin: 26px 0 0;
      color: var(--lkc-soft);
      font-size: clamp(1.04rem, 1.5vw, 1.22rem);
      line-height: 1.65;
    }

    #lkc-lautstaerke-11 .lkc-cardgrid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 18px;
      margin-top: 40px;
    }

    #lkc-lautstaerke-11 .lkc-card {
      border: 1px solid var(--lkc-line);
      background: var(--lkc-panel);
      overflow: hidden;
    }

    #lkc-lautstaerke-11 .lkc-card-image {
      height: 190px;
      border-bottom: 1px solid var(--lkc-line);
      background: #070720;
      overflow: hidden;
    }

    #lkc-lautstaerke-11 .lkc-card-image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      filter: saturate(0.75) contrast(1.08) brightness(0.82);
    }

    #lkc-lautstaerke-11 .lkc-card-content {
      padding: 24px;
    }

    #lkc-lautstaerke-11 .lkc-card h3 {
      margin: 0 0 12px;
      font-size: 1.45rem;
      line-height: 1.05;
      font-weight: 900;
    }

    #lkc-lautstaerke-11 .lkc-card p {
      margin: 0;
      color: var(--lkc-soft);
      line-height: 1.62;
    }

    #lkc-lautstaerke-11 .lkc-image-band {
      display: grid;
      grid-template-columns: repeat(12, 1fr);
      gap: 14px;
      margin-top: 42px;
    }

    #lkc-lautstaerke-11 .lkc-image-tile,
    #lkc-lautstaerke-11 .lkc-feature-media,
    #lkc-lautstaerke-11 .lkc-social-image,
    #lkc-lautstaerke-11 .lkc-homebase-photo {
      position: relative;
      border: 1px solid var(--lkc-line);
      background: #070720;
      overflow: hidden;
      margin: 0;
    }

    #lkc-lautstaerke-11 .lkc-image-tile {
      min-height: 260px;
    }

    #lkc-lautstaerke-11 .lkc-image-tile.wide {
      grid-column: span 6;
    }

    #lkc-lautstaerke-11 .lkc-image-tile.small {
      grid-column: span 3;
    }

    #lkc-lautstaerke-11 .lkc-image-tile.medium {
      grid-column: span 4;
    }

    #lkc-lautstaerke-11 .lkc-image-tile img,
    #lkc-lautstaerke-11 .lkc-feature-media img,
    #lkc-lautstaerke-11 .lkc-social-image img,
    #lkc-lautstaerke-11 .lkc-homebase-photo img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      filter: saturate(0.82) contrast(1.08) brightness(0.78);
    }

    #lkc-lautstaerke-11 .lkc-image-tile::after,
    #lkc-lautstaerke-11 .lkc-feature-media::after,
    #lkc-lautstaerke-11 .lkc-social-image::after,
    #lkc-lautstaerke-11 .lkc-homebase-photo::after {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(180deg, rgba(13, 13, 44, 0.02), rgba(13, 13, 44, 0.72));
      pointer-events: none;
    }

    #lkc-lautstaerke-11 .lkc-image-tile span,
    #lkc-lautstaerke-11 .lkc-feature-media figcaption,
    #lkc-lautstaerke-11 .lkc-social-image figcaption,
    #lkc-lautstaerke-11 .lkc-homebase-photo figcaption {
      position: absolute;
      left: 16px;
      right: 16px;
      bottom: 14px;
      z-index: 2;
      color: var(--lkc-offwhite);
      font-family: Oswald, "Bebas Neue", "Arial Narrow", Impact, sans-serif;
      text-transform: uppercase;
      letter-spacing: 0.06em;
      font-size: 1rem;
      font-weight: 900;
    }

    #lkc-lautstaerke-11 .lkc-gallery {
      margin-top: 42px;
      display: grid;
      grid-template-columns: repeat(12, 1fr);
      gap: 14px;
    }

    #lkc-lautstaerke-11 .lkc-photo {
      position: relative;
      min-height: 260px;
      border: 1px solid var(--lkc-line);
      background: #070720;
      overflow: hidden;
    }

    #lkc-lautstaerke-11 .lkc-photo.large {
      grid-column: span 6;
      min-height: 420px;
    }

    #lkc-lautstaerke-11 .lkc-photo.medium {
      grid-column: span 4;
    }

    #lkc-lautstaerke-11 .lkc-photo.small {
      grid-column: span 3;
    }

    #lkc-lautstaerke-11 .lkc-photo.wide {
      grid-column: span 6;
      min-height: 300px;
    }

    #lkc-lautstaerke-11 .lkc-photo img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      filter: saturate(0.82) contrast(1.08) brightness(0.78);
      transform: scale(1.01);
    }

    #lkc-lautstaerke-11 .lkc-photo::after {
      content: "";
      position: absolute;
      inset: 0;
      background:
        linear-gradient(180deg, rgba(13, 13, 44, 0.02), rgba(13, 13, 44, 0.7)),
        linear-gradient(90deg, rgba(13, 13, 44, 0.18), transparent);
      pointer-events: none;
    }

    #lkc-lautstaerke-11 .lkc-photo-caption {
      position: absolute;
      left: 16px;
      right: 16px;
      bottom: 14px;
      z-index: 2;
      color: var(--lkc-offwhite);
      font-family: Oswald, "Bebas Neue", "Arial Narrow", Impact, sans-serif;
      text-transform: uppercase;
      letter-spacing: 0.06em;
      font-size: 1rem;
      font-weight: 900;
    }

    #lkc-lautstaerke-11 .lkc-choirgrid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 14px;
      margin-top: 38px;
    }

    #lkc-lautstaerke-11 .lkc-feature-row .lkc-choirgrid {
      grid-template-columns: repeat(2, 1fr);
      margin-top: 0;
      align-content: start;
    }

    #lkc-lautstaerke-11 .lkc-choir {
      min-height: 92px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 18px;
      border: 1px solid var(--lkc-line);
      background: rgba(229, 229, 233, 0.035);
      text-align: center;
    }

    #lkc-lautstaerke-11 .lkc-choir span {
      font-family: Oswald, "Bebas Neue", "Arial Narrow", Impact, sans-serif;
      text-transform: uppercase;
      letter-spacing: 0.06em;
      font-size: 1.12rem;
      font-weight: 900;
    }

    #lkc-lautstaerke-11 .lkc-feature-row {
      display: grid;
      grid-template-columns: minmax(0, 1fr) 420px;
      gap: 28px;
      align-items: stretch;
      margin-top: 38px;
    }

    #lkc-lautstaerke-11 .lkc-feature-media {
      min-height: 310px;
    }

    #lkc-lautstaerke-11 .lkc-program {
      margin-top: 42px;
      display: grid;
      gap: 28px;
    }

    #lkc-lautstaerke-11 .lkc-day {
      border: 1px solid var(--lkc-line);
      background: rgba(229, 229, 233, 0.035);
    }

    #lkc-lautstaerke-11 .lkc-dayhead {
      padding: 24px;
      border-bottom: 1px solid var(--lkc-line);
      background: rgba(229, 229, 233, 0.04);
    }

    #lkc-lautstaerke-11 .lkc-dayhead h3 {
      margin: 0;
      font-size: clamp(1.8rem, 3vw, 2.7rem);
      line-height: 1;
      font-weight: 900;
    }

    #lkc-lautstaerke-11 .lkc-dayhead p {
      margin: 8px 0 0;
      color: var(--lkc-soft);
      font-weight: 700;
    }

    #lkc-lautstaerke-11 .lkc-stop {
      display: grid;
      grid-template-columns: minmax(0, 1fr) 390px;
      gap: 24px;
      padding: 24px;
      border-bottom: 1px solid var(--lkc-line);
    }

    #lkc-lautstaerke-11 .lkc-stop:last-child {
      border-bottom: 0;
    }

    #lkc-lautstaerke-11 .lkc-time-row {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-bottom: 13px;
    }

    #lkc-lautstaerke-11 .lkc-time {
      display: inline-block;
      padding: 7px 10px;
      background: var(--lkc-red);
      color: var(--lkc-offwhite);
      font-size: 0.82rem;
      font-weight: 800;
    }

    #lkc-lautstaerke-11 .lkc-stop h4 {
      margin: 0 0 11px;
      font-size: clamp(1.35rem, 2.2vw, 2rem);
      line-height: 1.05;
      font-weight: 900;
    }

    #lkc-lautstaerke-11 .lkc-stop p {
      margin: 0;
      color: var(--lkc-soft);
      line-height: 1.62;
    }

    #lkc-lautstaerke-11 .lkc-stop p + p {
      margin-top: 12px;
    }

    #lkc-lautstaerke-11 .lkc-note-row {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin-top: 16px;
    }

    #lkc-lautstaerke-11 .lkc-note {
      display: inline-flex;
      align-items: center;
      min-height: 38px;
      padding: 8px 10px;
      border: 1px solid var(--lkc-line);
      color: var(--lkc-offwhite);
      background: rgba(229, 229, 233, 0.04);
      font-size: 0.92rem;
      font-weight: 700;
      text-decoration: none;
    }

    #lkc-lautstaerke-11 a.lkc-note:hover,
    #lkc-lautstaerke-11 a.lkc-button:hover,
    #lkc-lautstaerke-11 a.lkc-social-link:hover {
      border-color: var(--lkc-red);
      background: rgba(224, 49, 49, 0.16);
    }

    #lkc-lautstaerke-11 .lkc-map {
      min-height: 235px;
      border: 1px solid var(--lkc-line);
      background: #070720;
      overflow: hidden;
    }

    #lkc-lautstaerke-11 .lkc-map iframe {
      display: block;
      width: 100%;
      height: 100%;
      min-height: 235px;
      border: 0;
      filter: grayscale(1) contrast(1.05) brightness(0.72);
    }

    #lkc-lautstaerke-11 .lkc-homebase {
      border: 1px solid var(--lkc-red);
      background:
        linear-gradient(135deg, rgba(224, 49, 49, 0.14), rgba(229, 229, 233, 0.035));
    }

    #lkc-lautstaerke-11 .lkc-homebase-photo {
      min-height: 260px;
      margin-top: 18px;
    }

    #lkc-lautstaerke-11 .lkc-split {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 22px;
      margin-top: 40px;
    }

    #lkc-lautstaerke-11 .lkc-panel {
      border: 1px solid var(--lkc-line);
      background: var(--lkc-panel);
      padding: 28px;
    }

    #lkc-lautstaerke-11 .lkc-panel h3 {
      margin: 0 0 14px;
      font-size: clamp(1.7rem, 3vw, 2.7rem);
      line-height: 1;
      font-weight: 900;
    }

    #lkc-lautstaerke-11 .lkc-panel p {
      margin: 0;
      color: var(--lkc-soft);
      line-height: 1.65;
    }

    #lkc-lautstaerke-11 .lkc-socialbox {
      display: grid;
      grid-template-columns: 1.1fr 0.9fr;
      gap: 28px;
      align-items: center;
      margin-top: 40px;
      border: 1px solid var(--lkc-red);
      background:
        linear-gradient(135deg, rgba(224, 49, 49, 0.16), rgba(229, 229, 233, 0.035));
      padding: 30px;
      overflow: hidden;
    }

    #lkc-lautstaerke-11 .lkc-socialbox.with-image {
      grid-template-columns: 0.85fr 1.15fr 0.85fr;
    }

    #lkc-lautstaerke-11 .lkc-social-image {
      min-height: 260px;
    }

    #lkc-lautstaerke-11 .lkc-hashtag {
      display: block;
      margin: 0;
      color: var(--lkc-offwhite);
      font-family: Oswald, "Bebas Neue", "Arial Narrow", Impact, sans-serif;
      text-transform: none;
      letter-spacing: clamp(0.002em, 0.1vw, 0.025em);
      font-size: clamp(1.45rem, 4.5vw, 4.45rem);
      line-height: 0.95;
      font-weight: 900;
      white-space: nowrap;
      word-break: keep-all;
      overflow-wrap: normal;
    }

    #lkc-lautstaerke-11 .lkc-socialbox p {
      margin: 18px 0 0;
      color: var(--lkc-soft);
      line-height: 1.65;
      font-size: 1.08rem;
    }

    #lkc-lautstaerke-11 .lkc-social-actions {
      display: grid;
      gap: 12px;
    }

    #lkc-lautstaerke-11 .lkc-social-link {
      display: flex;
      align-items: center;
      justify-content: center;
      min-height: 52px;
      padding: 0 18px;
      border: 1px solid var(--lkc-offwhite);
      color: var(--lkc-offwhite) !important;
      text-decoration: none;
      font-family: Oswald, "Bebas Neue", "Arial Narrow", Impact, sans-serif;
      text-transform: uppercase;
      letter-spacing: 0.06em;
      font-weight: 900;
      text-align: center;
    }

    #lkc-lautstaerke-11 .lkc-social-link.primary {
      background: var(--lkc-red);
      border-color: var(--lkc-red);
    }

    #lkc-lautstaerke-11 .lkc-final {
      padding: 84px 0;
      text-align: center;
      background:
        radial-gradient(circle at 50% 0%, rgba(229, 229, 233, 0.08), transparent 34%),
        var(--lkc-navy);
    }

    #lkc-lautstaerke-11 .lkc-final h2 {
      margin: 0;
      font-size: clamp(2.5rem, 7vw, 6.2rem);
      line-height: 0.9;
      font-weight: 900;
    }

    #lkc-lautstaerke-11 .lkc-final p {
      max-width: 760px;
      margin: 24px auto 0;
      color: var(--lkc-soft);
      font-size: 1.14rem;
      line-height: 1.65;
    }

    #lkc-lautstaerke-11 .lkc-mapnote {
      margin: 24px 0 0;
      color: rgba(229, 229, 233, 0.58);
      font-size: 0.88rem;
      line-height: 1.5;
    }

    @media (max-width: 980px) {
      #lkc-lautstaerke-11 .lkc-stop,
      #lkc-lautstaerke-11 .lkc-split,
      #lkc-lautstaerke-11 .lkc-socialbox,
      #lkc-lautstaerke-11 .lkc-socialbox.with-image,
      #lkc-lautstaerke-11 .lkc-feature-row {
        grid-template-columns: 1fr;
      }

      #lkc-lautstaerke-11 .lkc-cardgrid,
      #lkc-lautstaerke-11 .lkc-choirgrid,
      #lkc-lautstaerke-11 .lkc-feature-row .lkc-choirgrid {
        grid-template-columns: 1fr 1fr;
      }

      #lkc-lautstaerke-11 .lkc-photo.large,
      #lkc-lautstaerke-11 .lkc-photo.medium,
      #lkc-lautstaerke-11 .lkc-photo.small,
      #lkc-lautstaerke-11 .lkc-photo.wide,
      #lkc-lautstaerke-11 .lkc-image-tile.wide,
      #lkc-lautstaerke-11 .lkc-image-tile.medium,
      #lkc-lautstaerke-11 .lkc-image-tile.small {
        grid-column: span 6;
      }

      #lkc-lautstaerke-11 .lkc-map,
      #lkc-lautstaerke-11 .lkc-map iframe {
        min-height: 280px;
      }
    }

    @media (max-width: 760px) {
      #lkc-lautstaerke-11 .lkc-mobile-hero-copy {
        display: block;
      }

      #lkc-lautstaerke-11 .lkc-wrap {
        width: min(100% - 28px, 1180px);
      }

      #lkc-lautstaerke-11 .lkc-video-controls {
        left: 14px;
        right: 14px;
        bottom: 14px;
      }

      #lkc-lautstaerke-11 .lkc-video-button {
        flex: 1 1 100%;
        width: 100%;
        background: rgba(13, 13, 44, 0.88);
      }

      #lkc-lautstaerke-11 .lkc-video-button.primary {
        background: var(--lkc-red);
      }

      #lkc-lautstaerke-11 .lkc-photo.large,
      #lkc-lautstaerke-11 .lkc-photo.medium,
      #lkc-lautstaerke-11 .lkc-photo.small,
      #lkc-lautstaerke-11 .lkc-photo.wide,
      #lkc-lautstaerke-11 .lkc-image-tile.wide,
      #lkc-lautstaerke-11 .lkc-image-tile.medium,
      #lkc-lautstaerke-11 .lkc-image-tile.small {
        grid-column: span 12;
      }

      #lkc-lautstaerke-11 .lkc-photo,
      #lkc-lautstaerke-11 .lkc-photo.large,
      #lkc-lautstaerke-11 .lkc-photo.wide,
      #lkc-lautstaerke-11 .lkc-image-tile,
      #lkc-lautstaerke-11 .lkc-feature-media,
      #lkc-lautstaerke-11 .lkc-social-image,
      #lkc-lautstaerke-11 .lkc-homebase-photo {
        min-height: 310px;
      }
    }

    @media (max-width: 520px) {
      #lkc-lautstaerke-11 .lkc-section {
        padding: 58px 0;
      }

      #lkc-lautstaerke-11 .lkc-stop,
      #lkc-lautstaerke-11 .lkc-dayhead,
      #lkc-lautstaerke-11 .lkc-card-content,
      #lkc-lautstaerke-11 .lkc-panel,
      #lkc-lautstaerke-11 .lkc-choir,
      #lkc-lautstaerke-11 .lkc-socialbox {
        padding: 18px;
      }

      #lkc-lautstaerke-11 .lkc-cardgrid,
      #lkc-lautstaerke-11 .lkc-choirgrid,
      #lkc-lautstaerke-11 .lkc-feature-row .lkc-choirgrid {
        grid-template-columns: 1fr;
      }

      #lkc-lautstaerke-11 .lkc-actions {
        flex-direction: column;
      }

      #lkc-lautstaerke-11 .lkc-button,
      #lkc-lautstaerke-11 .lkc-social-link {
        width: 100%;
      }

      #lkc-lautstaerke-11 .lkc-hashtag {
        font-size: clamp(1.28rem, 6.8vw, 2.1rem);
        letter-spacing: 0.002em;
      }

      #lkc-lautstaerke-11 .lkc-photo,
      #lkc-lautstaerke-11 .lkc-photo.large,
      #lkc-lautstaerke-11 .lkc-photo.wide,
      #lkc-lautstaerke-11 .lkc-image-tile,
      #lkc-lautstaerke-11 .lkc-feature-media,
      #lkc-lautstaerke-11 .lkc-social-image,
      #lkc-lautstaerke-11 .lkc-homebase-photo {
        min-height: 260px;
      }
    }

    @media (max-width: 760px) {
      #lkc-lautstaerke-11 .lkc-video-frame {
        overflow: visible;
      }

      #lkc-lautstaerke-11 .lkc-header-video {
        top: 0;
        left: 0;
        right: 0;
        bottom: auto;
        width: 100%;
        height: auto;
        object-fit: contain;
      }

      #lkc-lautstaerke-11 .lkc-video-controls {
        position: static;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 8px;
        width: min(100% - 28px, 1180px);
        margin: 10px auto 0;
        padding-bottom: 14px;
        background: transparent;
      }

      #lkc-lautstaerke-11 .lkc-video-button {
        width: auto;
        min-height: 32px;
        padding: 0 10px;
        border: 1px solid rgba(229, 229, 233, 0.38);
        background: rgba(13, 13, 44, 0.54);
        color: rgba(229, 229, 233, 0.82);
        font-size: 0.68rem;
        font-weight: 800;
        letter-spacing: 0.05em;
      }

      #lkc-lautstaerke-11 .lkc-video-button.primary {
        background: rgba(224, 49, 49, 0.78);
        border-color: rgba(224, 49, 49, 0.86);
        color: var(--lkc-offwhite);
      }

      #lkc-lautstaerke-11 .lkc-video-button:disabled {
        opacity: 0.28;
      }
    }

    @media (max-width: 430px) {
      #lkc-lautstaerke-11 .lkc-video-controls {
        justify-content: flex-start;
      }

      #lkc-lautstaerke-11 .lkc-video-button {
        min-height: 30px;
        padding: 0 8px;
        font-size: 0.62rem;
      }
    }

.lkc-l11-orga-contact {
      --lkc-navy: #0D0D2C;
      --lkc-offwhite: #E5E5E9;
      --lkc-red: #E03131;
      --lkc-muted: rgba(229, 229, 233, 0.76);
      --lkc-line: rgba(229, 229, 233, 0.22);

      position: relative;
      overflow: hidden;
      background:
        linear-gradient(180deg, rgba(13, 13, 44, 0.98), rgba(13, 13, 44, 1)),
        radial-gradient(circle at 80% 20%, rgba(224, 49, 49, 0.2), transparent 32%),
        var(--lkc-navy);
      color: var(--lkc-offwhite);
      font-family: Inter, "Source Sans 3", "Source Sans Pro", Arial, sans-serif;
      padding: clamp(62px, 8vw, 112px) 20px;
    }

    .lkc-l11-orga-contact *,
    .lkc-l11-orga-contact *::before,
    .lkc-l11-orga-contact *::after {
      box-sizing: border-box;
    }

    .lkc-l11-orga-contact::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        linear-gradient(90deg, rgba(229, 229, 233, 0.045) 1px, transparent 1px),
        linear-gradient(180deg, rgba(229, 229, 233, 0.035) 1px, transparent 1px);
      background-size: 74px 74px;
      opacity: 0.32;
      pointer-events: none;
    }

    .lkc-l11-orga-contact::after {
      content: "11";
      position: absolute;
      right: 0.02em;
      top: -0.2em;
      font-family: Oswald, "Bebas Neue", Impact, sans-serif;
      font-size: clamp(13rem, 34vw, 31rem);
      line-height: 1;
      color: rgba(229, 229, 233, 0.045);
      pointer-events: none;
      user-select: none;
    }

    .lkc-l11-orga-contact__inner {
      position: relative;
      z-index: 1;
      width: min(1160px, 100%);
      margin: 0 auto;
    }

    .lkc-l11-orga-contact__box {
      max-width: 980px;
      border: 1px solid var(--lkc-line);
      border-top: 1px solid var(--lkc-line);
      position: relative;
      background: rgba(8, 8, 31, 0.78);
      padding: clamp(28px, 5vw, 54px);
      backdrop-filter: blur(6px);
    }

    .lkc-l11-orga-contact__eyebrow {
      margin: 0 0 18px;
      color: var(--lkc-offwhite);
      font-size: 0.82rem;
      font-weight: 950;
      letter-spacing: 0.18em;
      text-transform: uppercase;
    }

    .lkc-l11-orga-contact__eyebrow::after {
      content: "";
      display: block;
      width: 58px;
      height: 5px;
      margin-top: 14px;
      background: var(--lkc-red);
    }

    .lkc-l11-orga-contact h2 {
      max-width: 860px;
      margin: 0;
      color: var(--lkc-offwhite);
      font-family: Oswald, "Bebas Neue", Impact, sans-serif;
      font-size: clamp(3rem, 8vw, 7rem);
      line-height: 1.02;
      letter-spacing: 0.035em;
      text-transform: uppercase;
    }

    .lkc-l11-orga-contact__text {
      max-width: 760px;
      margin: 24px 0 0;
      color: var(--lkc-muted);
      font-size: clamp(1.05rem, 2vw, 1.28rem);
      line-height: 1.72;
    }

    .lkc-l11-orga-contact__text strong {
      color: var(--lkc-offwhite);
      font-weight: 800;
    }

    .lkc-l11-orga-contact__actions {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 16px 22px;
      margin-top: 32px;
    }

    .lkc-l11-orga-contact__button {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 52px;
      padding: 15px 24px;
      border: 2px solid var(--lkc-red);
      border-radius: 0;
      background: var(--lkc-red);
      color: #fff;
      font-size: 0.86rem;
      font-weight: 950;
      letter-spacing: 0.1em;
      line-height: 1.1;
      text-transform: uppercase;
      text-decoration: none;
      transition: transform 160ms ease, background 160ms ease, color 160ms ease;
    }

    .lkc-l11-orga-contact__button:hover {
      transform: translateY(-2px);
      background: transparent;
      color: var(--lkc-offwhite);
    }

    .lkc-l11-orga-contact__plain-mail {
      color: var(--lkc-muted);
      font-size: 1rem;
      font-weight: 700;
      overflow-wrap: anywhere;
    }

    .lkc-l11-orga-contact__plain-mail a {
      color: var(--lkc-offwhite);
      text-decoration: none;
    }

    .lkc-l11-orga-contact__plain-mail a:hover {
      color: var(--lkc-red);
    }

    .lkc-l11-orga-contact__tags {
      display: flex;
      flex-wrap: wrap;
      gap: 12px 24px;
      margin-top: 34px;
      padding-top: 22px;
      border-top: 1px solid var(--lkc-line);
      color: var(--lkc-muted);
      font-size: 0.8rem;
      font-weight: 900;
      letter-spacing: 0.13em;
      text-transform: uppercase;
    }

    .lkc-l11-orga-contact__tags span::before {
      content: "★";
      margin-right: 8px;
      color: var(--lkc-red);
    }

    @media (max-width: 760px) {
      .lkc-l11-orga-contact {
        padding: 52px 18px;
      }

      .lkc-l11-orga-contact__box {
        padding: 26px 20px;
      }

      .lkc-l11-orga-contact h2 {
        font-size: clamp(2.75rem, 14vw, 5.1rem);
        line-height: 1.06;
      }

      .lkc-l11-orga-contact__actions {
        flex-direction: column;
        align-items: stretch;
      }

      .lkc-l11-orga-contact__button {
        width: 100%;
      }
    }

/* LKC Lautstaerke 11 modular polish 2026-07-24 */
#lkc-lautstaerke-11.lkc-page--l11 { position: relative; }
#lkc-lautstaerke-11 .lkc-l11-module { position: relative; z-index: 1; }
#lkc-lautstaerke-11 .lkc-cardgrid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
#lkc-lautstaerke-11 .lkc-card { transform: rotate(-.4deg); }
#lkc-lautstaerke-11 .lkc-card:nth-child(even) { transform: rotate(.55deg) translateY(10px); }
#lkc-lautstaerke-11 .lkc-image-tile, #lkc-lautstaerke-11 .lkc-photo, #lkc-lautstaerke-11 .lkc-feature-media { box-shadow: 14px 18px 0 rgba(224,49,49,.18), 0 24px 60px rgba(0,0,0,.34); }
#lkc-lautstaerke-11 .lkc-l11-orga-contact__box::before { content: ""; position: absolute; top: -1px; left: clamp(24px, 5vw, 54px); width: 78px; height: 5px; background: var(--lkc-red); }
#lkc-lautstaerke-11 .lkc-final .lkc-actions { justify-content: center; }
@media (max-width: 980px) { #lkc-lautstaerke-11 .lkc-cardgrid { grid-template-columns: 1fr; } #lkc-lautstaerke-11 .lkc-card, #lkc-lautstaerke-11 .lkc-card:nth-child(even) { transform: none; } }





/* LKC Lautstaerke 11 layout polish 2026-07-24 */
#lkc-lautstaerke-11 .lkc-socialbox--share {
  display: grid !important;
  grid-template-columns: minmax(280px, .54fr) minmax(0, .46fr) !important;
  grid-template-rows: auto 1fr auto !important;
  gap: clamp(18px, 3vw, 34px) !important;
  align-items: stretch !important;
  background:
    radial-gradient(circle at 88% 10%, rgba(229,229,233,.16), transparent 28%),
    linear-gradient(135deg, rgba(224,49,49,.96), rgba(168,24,30,.94)) !important;
  min-height: 430px;
}
#lkc-lautstaerke-11 .lkc-socialbox--share .lkc-social-image {
  grid-row: 1 / 4;
  align-self: stretch;
  min-height: 100%;
}
#lkc-lautstaerke-11 .lkc-socialbox--share .lkc-social-copy {
  align-self: start;
  max-width: 520px;
}
#lkc-lautstaerke-11 .lkc-socialbox--share .lkc-social-actions {
  grid-column: 2;
  grid-row: 3;
  align-self: end;
  margin-top: auto !important;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
#lkc-lautstaerke-11 .lkc-l11-tilt-photo {
  position: relative;
  isolation: isolate;
  transform: rotate(-2deg);
  border: 2px solid rgba(229,229,233,.24);
  background: rgba(229,229,233,.05);
  box-shadow: 18px 22px 0 rgba(13,13,44,.35), 0 26px 70px rgba(0,0,0,.36) !important;
  overflow: visible !important;
}
#lkc-lautstaerke-11 .lkc-l11-tilt-photo::before,
#lkc-lautstaerke-11 .lkc-l11-tilt-photo::after {
  content: "";
  position: absolute;
  z-index: 3;
  pointer-events: none;
}
#lkc-lautstaerke-11 .lkc-l11-tilt-photo::before {
  width: 118px;
  height: 26px;
  left: 8%;
  top: -15px;
  transform: rotate(-5deg);
  background: rgba(224,49,49,.96);
  box-shadow: 0 8px 24px rgba(0,0,0,.28);
}
#lkc-lautstaerke-11 .lkc-l11-tilt-photo::after {
  width: 82px;
  height: 82px;
  right: -22px;
  bottom: -22px;
  border-right: 10px solid var(--lkc-red);
  border-bottom: 10px solid var(--lkc-red);
}
#lkc-lautstaerke-11 .lkc-l11-tilt-photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: rotate(2deg) scale(1.015);
}
#lkc-lautstaerke-11 .lkc-gallery {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: clamp(16px, 2.4vw, 28px) !important;
  align-items: stretch !important;
}
#lkc-lautstaerke-11 .lkc-gallery .lkc-photo,
#lkc-lautstaerke-11 .lkc-gallery .lkc-photo.large,
#lkc-lautstaerke-11 .lkc-gallery .lkc-photo.wide {
  grid-column: auto !important;
  grid-row: auto !important;
  min-height: 320px;
  aspect-ratio: 4 / 3;
  transform: none !important;
}
#lkc-lautstaerke-11 .lkc-gallery .lkc-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#lkc-lautstaerke-11 .lkc-feature-row--stacked {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: clamp(22px, 4vw, 40px) !important;
}
#lkc-lautstaerke-11 .lkc-feature-row--stacked .lkc-choirgrid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
#lkc-lautstaerke-11 .lkc-feature-media--full {
  width: 100% !important;
  max-width: none !important;
  min-height: clamp(320px, 46vw, 560px) !important;
}
#lkc-lautstaerke-11 .lkc-feature-media--full img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#lkc-lautstaerke-11 .lkc-l11-orga-contact {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
#lkc-lautstaerke-11 .lkc-l11-orga-contact__inner {
  width: min(1160px, 100%) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
#lkc-lautstaerke-11 .lkc-l11-orga-contact__box {
  width: min(980px, 100%) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
@media (max-width: 900px) {
  #lkc-lautstaerke-11 .lkc-socialbox--share { grid-template-columns: 1fr !important; grid-template-rows: auto !important; min-height: 0; }
  #lkc-lautstaerke-11 .lkc-socialbox--share .lkc-social-image,
  #lkc-lautstaerke-11 .lkc-socialbox--share .lkc-social-actions { grid-column: auto; grid-row: auto; }
  #lkc-lautstaerke-11 .lkc-feature-row--stacked .lkc-choirgrid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 640px) {
  #lkc-lautstaerke-11 .lkc-l11-tilt-photo,
  #lkc-lautstaerke-11 .lkc-l11-tilt-photo img { transform: none; }
  #lkc-lautstaerke-11 .lkc-gallery { grid-template-columns: 1fr !important; }
  #lkc-lautstaerke-11 .lkc-gallery .lkc-photo,
  #lkc-lautstaerke-11 .lkc-gallery .lkc-photo.large,
  #lkc-lautstaerke-11 .lkc-gallery .lkc-photo.wide { min-height: 260px; aspect-ratio: 4 / 3; }
  #lkc-lautstaerke-11 .lkc-feature-row--stacked .lkc-choirgrid { grid-template-columns: 1fr !important; }
}




/* LKC Lautstaerke 11 socialbox oldstyle restore 2026-07-24 */
#lkc-lautstaerke-11 .lkc-socialbox--oldstyle {
  display: grid !important;
  grid-template-columns: .85fr 1.15fr .85fr !important;
  grid-template-rows: auto !important;
  gap: 28px !important;
  align-items: center !important;
  margin-top: 40px !important;
  padding: clamp(18px, 3vw, 28px) !important;
  border: 1px solid var(--lkc-red) !important;
  background: linear-gradient(135deg, rgba(224,49,49,.16), rgba(229,229,233,.035)) !important;
  min-height: 0 !important;
  overflow: hidden !important;
  box-shadow: none !important;
}
#lkc-lautstaerke-11 .lkc-socialbox--oldstyle .lkc-social-image {
  grid-column: auto !important;
  grid-row: auto !important;
  align-self: stretch !important;
  min-height: 260px !important;
}
#lkc-lautstaerke-11 .lkc-socialbox--oldstyle .lkc-social-copy {
  align-self: center !important;
  max-width: none !important;
}
#lkc-lautstaerke-11 .lkc-socialbox--oldstyle .lkc-social-actions {
  grid-column: auto !important;
  grid-row: auto !important;
  align-self: end !important;
  display: grid !important;
  gap: 12px !important;
  margin-top: 0 !important;
}
#lkc-lautstaerke-11 .lkc-socialbox--oldstyle .lkc-social-link {
  width: 100%;
}
#lkc-lautstaerke-11 .lkc-socialbox--oldstyle .lkc-l11-social-photo {
  position: relative;
  transform: rotate(-1.4deg);
  border: 1px solid var(--lkc-line);
  background: #070720;
  box-shadow: 12px 15px 0 rgba(224,49,49,.16), 0 22px 52px rgba(0,0,0,.32) !important;
  overflow: hidden !important;
}
#lkc-lautstaerke-11 .lkc-socialbox--oldstyle .lkc-l11-social-photo::before {
  content: "";
  position: absolute;
  left: 10%;
  top: -13px;
  width: 96px;
  height: 22px;
  background: rgba(224,49,49,.88);
  transform: rotate(-5deg);
  z-index: 3;
  box-shadow: 0 8px 20px rgba(0,0,0,.24);
}
#lkc-lautstaerke-11 .lkc-socialbox--oldstyle .lkc-l11-social-photo::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(13,13,44,.02), rgba(13,13,44,.72));
  pointer-events: none;
  z-index: 1;
  border: 0;
}
#lkc-lautstaerke-11 .lkc-socialbox--oldstyle .lkc-l11-social-photo img {
  transform: rotate(1.4deg) scale(1.02) !important;
  filter: saturate(.82) contrast(1.08) brightness(.78);
}
#lkc-lautstaerke-11 .lkc-socialbox--oldstyle .lkc-l11-social-photo figcaption {
  z-index: 2;
}
@media (max-width: 980px) {
  #lkc-lautstaerke-11 .lkc-socialbox--oldstyle { grid-template-columns: 1fr !important; }
  #lkc-lautstaerke-11 .lkc-socialbox--oldstyle .lkc-social-actions { align-self: stretch !important; }
}
@media (max-width: 640px) {
  #lkc-lautstaerke-11 .lkc-socialbox--oldstyle .lkc-l11-social-photo,
  #lkc-lautstaerke-11 .lkc-socialbox--oldstyle .lkc-l11-social-photo img { transform: none !important; }
}




/* LKC Lautstaerke 11 social content stack 2026-07-24 */
#lkc-lautstaerke-11 .lkc-socialbox--stacked-content {
  grid-template-columns: minmax(280px, .92fr) minmax(320px, 1.08fr) !important;
  gap: clamp(22px, 4vw, 42px) !important;
  align-items: stretch !important;
}
#lkc-lautstaerke-11 .lkc-socialbox--stacked-content .lkc-social-side {
  display: grid;
  grid-template-rows: 1fr auto;
  gap: clamp(18px, 3vw, 28px);
  min-height: 260px;
  align-self: stretch;
}
#lkc-lautstaerke-11 .lkc-socialbox--stacked-content .lkc-social-copy {
  align-self: center !important;
  max-width: 660px !important;
}
#lkc-lautstaerke-11 .lkc-socialbox--stacked-content .lkc-social-copy p {
  max-width: 54ch;
}
#lkc-lautstaerke-11 .lkc-socialbox--stacked-content .lkc-social-actions {
  align-self: end !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 12px !important;
  width: min(520px, 100%);
  margin-top: 0 !important;
}
#lkc-lautstaerke-11 .lkc-socialbox--stacked-content .lkc-social-link {
  min-height: 48px;
}
@media (max-width: 980px) {
  #lkc-lautstaerke-11 .lkc-socialbox--stacked-content { grid-template-columns: 1fr !important; }
  #lkc-lautstaerke-11 .lkc-socialbox--stacked-content .lkc-social-side { min-height: 0; grid-template-rows: auto auto; }
  #lkc-lautstaerke-11 .lkc-socialbox--stacked-content .lkc-social-actions { width: 100%; }
}




/* LKC Lautstaerke 11 confirmed choirs 2026-07-24 */
#lkc-lautstaerke-11 .lkc-choirgrid--confirmed .lkc-choir {
  min-height: 190px;
  text-decoration: none;
}
#lkc-lautstaerke-11 .lkc-choir--logo {
  display: grid !important;
  grid-template-rows: 1fr auto;
  gap: 14px;
  align-items: center;
  justify-items: center;
  padding: 22px 18px !important;
  transition: transform .18s ease, border-color .18s ease, background .18s ease;
}
#lkc-lautstaerke-11 a.lkc-choir--logo:hover {
  transform: translateY(-4px) rotate(0deg);
  border-color: rgba(224,49,49,.75);
  background: rgba(229,229,233,.075);
}
#lkc-lautstaerke-11 .lkc-choir--logo img {
  display: block;
  width: min(148px, 72%);
  max-height: 112px;
  object-fit: contain;
  filter: drop-shadow(0 12px 26px rgba(0,0,0,.32));
}
#lkc-lautstaerke-11 .lkc-choir--logo span {
  position: static !important;
  transform: none !important;
  display: block;
  width: 100%;
  text-align: center;
  line-height: 1.08;
}
#lkc-lautstaerke-11 .lkc-choir--surprise {
  position: relative;
  display: grid !important;
  place-items: center;
  align-content: center;
  gap: 12px;
  border-color: var(--lkc-red) !important;
  background:
    radial-gradient(circle at 78% 16%, rgba(229,229,233,.20), transparent 30%),
    linear-gradient(135deg, rgba(224,49,49,.88), rgba(130,18,28,.78)) !important;
  box-shadow: 0 22px 58px rgba(224,49,49,.18);
  transform: rotate(.6deg);
}
#lkc-lautstaerke-11 .lkc-choir--surprise::before {
  content: "";
  position: absolute;
  top: -1px;
  left: 20px;
  width: 68px;
  height: 5px;
  background: var(--lkc-offwhite);
}
#lkc-lautstaerke-11 .lkc-choir--surprise span,
#lkc-lautstaerke-11 .lkc-choir--surprise strong {
  position: static !important;
  transform: none !important;
  text-align: center;
}
#lkc-lautstaerke-11 .lkc-choir--surprise strong {
  display: block;
  max-width: 13ch;
  color: var(--lkc-offwhite);
  font-family: Oswald, "Bebas Neue", "Arial Narrow", Impact, sans-serif;
  font-size: clamp(1.45rem, 2.6vw, 2.3rem);
  line-height: .98;
  letter-spacing: .05em;
  text-transform: uppercase;
}




/* LKC Lautstaerke 11 surprise copy/grid 2026-07-24 */
#lkc-lautstaerke-11 .lkc-choirgrid--confirmed {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
#lkc-lautstaerke-11 .lkc-choir--surprise strong {
  max-width: 15ch !important;
}
@media (max-width: 900px) {
  #lkc-lautstaerke-11 .lkc-feature-row--stacked .lkc-choirgrid--confirmed { grid-template-columns: 1fr !important; }
}




/* LKC Lautstaerke 11 choir grid width/logo sizing 2026-07-24 */
#lkc-lautstaerke-11 .lkc-feature-row--stacked .lkc-choirgrid--confirmed {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(14px, 2vw, 22px) !important;
  align-items: stretch !important;
}
#lkc-lautstaerke-11 .lkc-choirgrid--confirmed .lkc-choir {
  width: 100% !important;
  min-width: 0 !important;
}
#lkc-lautstaerke-11 .lkc-choir--logo {
  grid-template-rows: 122px auto !important;
}
#lkc-lautstaerke-11 .lkc-choir--logo img {
  width: auto !important;
  height: 104px !important;
  max-width: 86% !important;
  max-height: 104px !important;
  object-fit: contain !important;
  object-position: center center !important;
}
#lkc-lautstaerke-11 .lkc-choir--logo:first-child img {
  height: 112px !important;
  max-height: 112px !important;
}
#lkc-lautstaerke-11 .lkc-choir--logo:nth-child(2) img {
  height: 104px !important;
  max-height: 104px !important;
}
#lkc-lautstaerke-11 .lkc-feature-media--full {
  display: block !important;
  width: 100% !important;
}
@media (max-width: 900px) {
  #lkc-lautstaerke-11 .lkc-feature-row--stacked .lkc-choirgrid--confirmed { grid-template-columns: 1fr !important; }
  #lkc-lautstaerke-11 .lkc-choir--logo { grid-template-rows: 116px auto !important; }
}




/* LKC Lautstaerke 11 two choir cards + separate surprise teaser 2026-07-24 */
#lkc-lautstaerke-11 .lkc-feature-row--stacked .lkc-choirgrid--two {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: clamp(16px, 2.4vw, 28px) !important;
}
#lkc-lautstaerke-11 .lkc-choirgrid--two .lkc-choir--logo {
  min-height: 220px !important;
  grid-template-rows: 132px auto !important;
}
#lkc-lautstaerke-11 .lkc-choirgrid--two .lkc-choir--logo img {
  width: auto !important;
  height: 112px !important;
  max-width: min(260px, 82%) !important;
  max-height: 112px !important;
  object-fit: contain !important;
  object-position: center center !important;
}
#lkc-lautstaerke-11 .lkc-surprise-teaser {
  position: relative;
  width: 100%;
  margin: 0;
  padding: clamp(22px, 4vw, 38px);
  border: 1px solid rgba(224,49,49,.72);
  background:
    radial-gradient(circle at 92% 10%, rgba(224,49,49,.26), transparent 30%),
    linear-gradient(135deg, rgba(229,229,233,.07), rgba(229,229,233,.025));
  color: var(--lkc-offwhite);
  overflow: hidden;
}
#lkc-lautstaerke-11 .lkc-surprise-teaser::before {
  content: "";
  position: absolute;
  top: -1px;
  left: clamp(22px, 4vw, 38px);
  width: 82px;
  height: 5px;
  background: var(--lkc-red);
}
#lkc-lautstaerke-11 .lkc-surprise-teaser .lkc-kicker {
  margin: 0 0 10px;
  color: var(--lkc-red);
}
#lkc-lautstaerke-11 .lkc-surprise-teaser strong {
  display: block;
  max-width: 760px;
  font-family: Oswald, "Bebas Neue", "Arial Narrow", Impact, sans-serif;
  font-size: clamp(1.8rem, 4vw, 3.45rem);
  line-height: 1.02;
  letter-spacing: .055em;
  text-transform: uppercase;
}
@media (max-width: 760px) {
  #lkc-lautstaerke-11 .lkc-feature-row--stacked .lkc-choirgrid--two { grid-template-columns: 1fr !important; }
  #lkc-lautstaerke-11 .lkc-choirgrid--two .lkc-choir--logo { min-height: 190px !important; }
}




/* LKC Lautstaerke 11 blue surprise teaser 2026-07-24 */
#lkc-lautstaerke-11 .lkc-surprise-teaser--blue {
  border-color: rgba(64,154,255,.72) !important;
  background:
    radial-gradient(circle at 86% 18%, rgba(64,154,255,.35), transparent 30%),
    linear-gradient(135deg, rgba(229,229,233,.07), rgba(64,154,255,.09)) !important;
}
#lkc-lautstaerke-11 .lkc-surprise-teaser--blue::before {
  background: linear-gradient(90deg, #409aff, var(--lkc-red)) !important;
}
#lkc-lautstaerke-11 .lkc-surprise-teaser--blue .lkc-kicker {
  color: #8fc4ff !important;
}
#lkc-lautstaerke-11 .lkc-surprise-teaser--blue span {
  display: block;
  margin-top: 14px;
  color: var(--lkc-soft);
  font-weight: 800;
  letter-spacing: .04em;
}




/* LKC Lautstaerke 11 surprise kicker layout 2026-07-24 */
#lkc-lautstaerke-11 .lkc-surprise-teaser--blue {
  padding-top: clamp(26px, 4vw, 42px) !important;
}
#lkc-lautstaerke-11 .lkc-surprise-teaser--blue::before {
  top: clamp(27px, 4vw, 43px) !important;
  left: clamp(22px, 4vw, 38px) !important;
  width: 64px !important;
  height: 5px !important;
}
#lkc-lautstaerke-11 .lkc-surprise-teaser--blue .lkc-kicker {
  display: block;
  margin: 0 0 clamp(14px, 2vw, 22px) calc(64px + 18px) !important;
  color: #8fc4ff !important;
  font-size: .78rem;
  line-height: 1.15;
  letter-spacing: .14em;
}
#lkc-lautstaerke-11 .lkc-surprise-teaser--blue strong {
  max-width: 900px !important;
  font-size: clamp(2rem, 5vw, 4.4rem) !important;
}
#lkc-lautstaerke-11 .lkc-surprise-teaser--blue span { display: none !important; }
@media (max-width: 560px) {
  #lkc-lautstaerke-11 .lkc-surprise-teaser--blue .lkc-kicker { margin-left: 0 !important; padding-top: 16px; }
  #lkc-lautstaerke-11 .lkc-surprise-teaser--blue::before { top: 24px !important; }
}




/* LKC Lautstaerke 11 single surprise accent 2026-07-24 */
#lkc-lautstaerke-11 .lkc-surprise-teaser--blue::before {
  display: none !important;
  content: none !important;
}
#lkc-lautstaerke-11 .lkc-surprise-teaser--blue .lkc-kicker {
  display: flex !important;
  align-items: center !important;
  gap: 18px !important;
  margin-left: 0 !important;
  padding-top: 0 !important;
}
#lkc-lautstaerke-11 .lkc-surprise-teaser--blue .lkc-kicker::before {
  content: "";
  display: inline-block;
  flex: 0 0 64px;
  width: 64px;
  height: 5px;
  background: linear-gradient(90deg, #409aff, var(--lkc-red));
}




/* LKC Lautstaerke 11 mobile card type scale 2026-07-24 */
@media (max-width: 640px) {
  #lkc-lautstaerke-11 .lkc-surprise-teaser--blue {
    padding: 22px 18px !important;
  }
  #lkc-lautstaerke-11 .lkc-surprise-teaser--blue .lkc-kicker {
    font-size: clamp(.66rem, 2.8vw, .78rem) !important;
    line-height: 1.28 !important;
    letter-spacing: .095em !important;
    gap: 12px !important;
    margin-bottom: 14px !important;
  }
  #lkc-lautstaerke-11 .lkc-surprise-teaser--blue .lkc-kicker::before {
    flex-basis: 42px !important;
    width: 42px !important;
    height: 4px !important;
  }
  #lkc-lautstaerke-11 .lkc-surprise-teaser--blue strong {
    font-size: clamp(1.55rem, 8.6vw, 2.35rem) !important;
    line-height: 1.06 !important;
    letter-spacing: .035em !important;
    max-width: 100% !important;
    overflow-wrap: normal !important;
    hyphens: auto !important;
  }
  #lkc-lautstaerke-11 .lkc-choir--logo span {
    font-size: clamp(1.05rem, 6.5vw, 1.55rem) !important;
    line-height: 1.05 !important;
    overflow-wrap: anywhere !important;
  }
}
@media (max-width: 390px) {
  #lkc-lautstaerke-11 .lkc-surprise-teaser--blue strong {
    font-size: clamp(1.38rem, 8.2vw, 1.95rem) !important;
    letter-spacing: .02em !important;
  }
}


/* =========================================================
   404 Fehlerseite
   Stand: 2026-09-04
   ========================================================= */

.lkc-error-main {
  background: var(--lkc-navy);
}

.lkc-page--404 {
  min-height: clamp(560px, calc(100vh - 155px), 860px);
  background:
    radial-gradient(circle at 18% 12%, rgba(224, 49, 49, 0.16), transparent 30%),
    radial-gradient(circle at 84% 10%, rgba(229, 229, 233, 0.06), transparent 34%),
    linear-gradient(180deg, var(--lkc-navy) 0%, var(--lkc-navy-deep) 100%);
}

.lkc-page--404 .lkc-404-hero {
  display: flex;
  align-items: center;
  min-height: inherit;
}

.lkc-page--404 .lkc-404-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 0.58fr);
  gap: clamp(28px, 5vw, 72px);
  align-items: center;
}

.lkc-page--404 .lkc-404-copy {
  max-width: 880px;
}

.lkc-page--404 .lkc-display {
  max-width: 940px;
}

.lkc-page--404 .lkc-404-actions {
  margin-top: clamp(26px, 4vw, 42px);
}

.lkc-page--404 .lkc-404-card {
  overflow: hidden;
  transform: rotate(-1.1deg);
  box-shadow: 18px 22px 0 rgba(224, 49, 49, 0.20), 0 28px 70px rgba(0, 0, 0, 0.34);
}

.lkc-page--404 .lkc-404-card::after {
  content: "";
  position: absolute;
  right: -42px;
  top: -42px;
  width: 138px;
  height: 138px;
  border: 18px solid rgba(224, 49, 49, 0.22);
  border-radius: 999px;
  pointer-events: none;
}

.lkc-page--404 .lkc-404-number {
  display: inline-flex;
  margin-bottom: 24px;
  color: var(--lkc-red);
  font-family: var(--lkc-font-head);
  font-size: clamp(4rem, 10vw, 8.5rem);
  font-weight: 950;
  line-height: 0.82;
  letter-spacing: 0.03em;
}

.lkc-page--404 .lkc-feature-list a {
  color: var(--lkc-text);
  font-weight: 900;
  border-bottom: 1px solid rgba(224, 49, 49, 0.70);
  text-decoration: none;
}

.lkc-page--404 .lkc-feature-list a:hover {
  color: var(--lkc-red);
}

.lkc-page--404 .lkc-footerline {
  width: min(var(--lkc-wrap), calc(100% - 32px));
  margin: 0 auto;
  padding-bottom: clamp(24px, 4vw, 44px);
}

@media (max-width: 860px) {
  .lkc-page--404 .lkc-404-layout {
    grid-template-columns: 1fr;
  }

  .lkc-page--404 .lkc-404-card {
    transform: none;
    box-shadow: 10px 14px 0 rgba(224, 49, 49, 0.18), 0 22px 54px rgba(0, 0, 0, 0.30);
  }
}