/* Baptisten Theme 2026 – dynamic CI page background + desktop header ornaments */
:root{
  --bt-dd-primary:var(--bt-primary,#005a7a);
  --bt-dd-secondary:var(--bt-secondary,#72aac6);
  --bt-dd-dark:var(--bt-dark,#003546);
  --bt-dd-light:var(--bt-light,#eaf6f8);
  --bt-dd-paper:var(--bt-paper,#fff);
  --bt-dd-magenta:#c8006e;
  --bt-dd-gold:#cbb449;
  --bt-dd-orange:#e17d02;
  --bt-dd-view-1:var(--bt-dd-primary);
  --bt-dd-view-2:var(--bt-dd-secondary);
  --bt-dd-view-3:var(--bt-dd-gold);
  --bt-dd-bg-opacity:.34;
  --bt-dd-bg-blur:0px;
  --bt-dd-bg-scale:1;
  --bt-dd-header-opacity:.28;
}
body.bt-dynamic-bg-light{--bt-dd-bg-opacity:.26;--bt-dd-bg-blur:.18px;--bt-dd-bg-scale:.96}
body.bt-dynamic-bg-distinct{--bt-dd-bg-opacity:.38;--bt-dd-bg-blur:.10px;--bt-dd-bg-scale:1}
body.bt-dynamic-bg-aggressive{--bt-dd-bg-opacity:.52;--bt-dd-bg-blur:0px;--bt-dd-bg-scale:1.04}
body.bt-dynamic-header-light{--bt-dd-header-opacity:.14}
body.bt-dynamic-header-distinct{--bt-dd-header-opacity:.24}
body.bt-dynamic-header-aggressive{--bt-dd-header-opacity:.36}

body.bt-dynamic-bg-enabled{background:transparent!important}
/* Wichtig: nicht pauschal position:relative auf alle Body-Kinder setzen. Das überschreibt sticky/fixed Header. */
body.bt-dynamic-bg-enabled :where(#page,.site,.site-main,main,.site-footer,footer:not(.site-header),.elementor-location-footer){position:relative;z-index:1}
body.bt-dynamic-bg-enabled :where(.site-header,.elementor-location-header,[data-elementor-type="header"]){z-index:1000}
body.bt-dynamic-bg-enabled .mobile-panel{z-index:2200}
.bt-dynamic-bg{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;isolation:isolate;background:var(--bt-dd-paper)}
.bt-dynamic-bg__softwash{position:absolute;inset:-12vmax;background:radial-gradient(circle at 12% 18%,color-mix(in srgb,var(--bt-dd-view-2) 10%,transparent),transparent 28%),radial-gradient(circle at 88% 12%,color-mix(in srgb,var(--bt-dd-view-3) 12%,transparent),transparent 30%),radial-gradient(circle at 68% 92%,color-mix(in srgb,var(--bt-dd-view-1) 9%,transparent),transparent 32%);filter:blur(16px);opacity:.78;transition:background 900ms ease}
.bt-dynamic-bg__stage{position:absolute;inset:0;transform:scale(var(--bt-dd-bg-scale));transform-origin:center;opacity:var(--bt-dd-bg-opacity);filter:blur(var(--bt-dd-bg-blur));transition:opacity 240ms ease,filter 240ms ease,transform 240ms ease}

.bt-dd-shape{position:absolute;display:block;will-change:transform;background:var(--bt-dd-color,var(--bt-dd-view-1));opacity:var(--bt-dd-opacity,.24);mix-blend-mode:multiply;transform:translate3d(0,0,0) rotate(var(--bt-dd-rot,0deg));box-shadow:none;pointer-events:none}
/* CI-Formen: überlagerte, abgerundete Logoflächen/Bühne/Buch – bewusst weich statt harter Polygonkanten. */
.bt-dd-shape--pane{border-radius:45px;transform:translate3d(0,0,0) rotate(var(--bt-dd-rot,0deg)) skewX(var(--bt-dd-skew,-5deg))}
.bt-dd-shape--wing{border-radius:45px;transform:translate3d(0,0,0) rotate(var(--bt-dd-rot,0deg)) skewY(var(--bt-dd-skew,4deg))}
.bt-dd-shape--stage{border-radius:45px;transform:translate3d(0,0,0) rotate(var(--bt-dd-rot,0deg)) skewX(var(--bt-dd-skew,-7deg))}
.bt-dd-shape--book{background:transparent!important;opacity:calc(var(--bt-dd-opacity,.24) * .96);border-radius:45px}
.bt-dd-shape--book:before,.bt-dd-shape--book:after{content:"";position:absolute;top:0;bottom:0;width:57%;border-radius:45px;background:var(--bt-dd-color,var(--bt-dd-view-1))}
.bt-dd-shape--book:before{left:0;transform:rotate(-7deg);transform-origin:100% 52%}.bt-dd-shape--book:after{right:0;transform:rotate(7deg);transform-origin:0 52%;opacity:.82}
.bt-dd-shape--cross{background:transparent!important;opacity:calc(var(--bt-dd-opacity,.22) * .55);border-radius:45px}
.bt-dd-shape--cross:before,.bt-dd-shape--cross:after{content:"";position:absolute;inset:22% 0;border-radius:999px;background:var(--bt-dd-color,var(--bt-dd-view-1))}.bt-dd-shape--cross:after{inset:0 40%;transform:rotate(90deg)}
.bt-dd-shape--dot{border-radius:999px}.bt-dd-shape--line{height:2px!important;min-height:2px!important;border-radius:999px;transform-origin:left center}.bt-dd-shape--plusline{height:2px!important;min-height:2px!important;background:repeating-linear-gradient(90deg,var(--bt-dd-color,var(--bt-dd-view-1)) 0 22px,transparent 22px 34px);border-radius:999px;transform-origin:left center}
.bt-dd-shape--image{overflow:hidden;border-radius:45px;opacity:calc(var(--bt-dd-opacity,.18) * .52);background:color-mix(in srgb,var(--bt-dd-view-1) 18%,#fff);border:1px solid color-mix(in srgb,var(--bt-dd-view-1) 14%,transparent)}
.bt-dd-shape--image img{width:100%;height:100%;object-fit:cover;opacity:.28;filter:saturate(.86) contrast(.92) blur(.35px);mix-blend-mode:multiply}

.bt-dd-header-layer{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;border-radius:inherit;opacity:var(--bt-dd-header-opacity);transition:opacity 220ms ease}.bt-dd-header-layer~*,.site-header>.topbar,.site-header>.brand-row,.site-header>.mainnav-row{position:relative;z-index:2}.site-header,.elementor-location-header,.elementor[data-elementor-type="header"],header[data-elementor-type="header"]{isolation:isolate}.bt-dd-header-layer .bt-dd-shape{mix-blend-mode:multiply;border-radius:45px}.bt-dd-header-layer .bt-dd-shape--image,.bt-dd-header-layer .bt-dd-shape--line,.bt-dd-header-layer .bt-dd-shape--plusline{display:none}.site-header.is-scrolled .bt-dd-header-layer,.elementor-location-header.bt-dd-is-scrolled .bt-dd-header-layer,.elementor[data-elementor-type="header"].bt-dd-is-scrolled .bt-dd-header-layer{opacity:calc(var(--bt-dd-header-opacity) * .74)}
body.bt-dynamic-loop-active .bt-dynamic-bg__softwash{transition:background 1400ms ease}body.bt-dynamic-loop-active .bt-dd-shape{transition:background-color 1400ms ease,opacity 520ms ease}
body.is-contrast .bt-dynamic-bg{background:#031016}body.is-contrast .bt-dynamic-bg__softwash{opacity:.42}body.is-contrast .bt-dd-shape{mix-blend-mode:screen}body.is-contrast .bt-dd-header-layer .bt-dd-shape{mix-blend-mode:screen}
@media (max-width:1024px){.bt-dd-header-layer{display:none!important}.bt-dynamic-bg__stage{opacity:calc(var(--bt-dd-bg-opacity) * .70)}}
@media (prefers-reduced-motion:reduce){.bt-dynamic-bg__softwash,.bt-dynamic-bg__stage,.bt-dd-header-layer,.bt-dd-shape{transition:none!important;will-change:auto!important}}


/* 2.0.2-beta.63: GemeindeHub-/Modul-Frontends sicher über dem echten dynamischen Seitenhintergrund halten.
   Der dynamische Hintergrund ist ein fixed Layer mit z-index:0. Dynamische Plugin-Ausgaben können direkt im Body
   liegen und brauchen deshalb einen eigenen Stacking-Kontext, damit Filter, Details/Summary und Eingabeflächen
   nicht von CI-Flächen optisch überdeckt werden. */
body.bt-dynamic-bg-enabled :where(
  .bgh-wrap,
  .bgh-listing-page,
  .bgh-directory-modern,
  .bgh-directory-filter,
  .bgh-directory-name-search,
  .bgh-directory-results,
  .bgh-profile-page,
  .bgh-detail,
  .bgh-detail-shell,
  .bgh-admincenter,
  .ghpl-wrap,
  .ghpl-public,
  .ghv-wrap,
  .ghv-public,
  .bgh-wp-news-grid
){
  position:relative;
  z-index:2;
}
body.bt-dynamic-bg-enabled :where(.bgh-filter-details,.bgh-filter-summary,.bgh-directory-filter-grid){
  position:relative;
  z-index:3;
}