/* PD Page Manager – original design preserved. Global WordPress font families used. */

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{-webkit-tap-highlight-color:transparent;margin:0;background:#FFFBF9;color:#1F1A19;font:400 16px/1.55 "Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:#B5503E}
a:hover{color:#8E3A2B}
p{margin:0}
h1,h2{margin:0;text-wrap:balance}
@keyframes livedot{0%{box-shadow:0 0 0 0 rgba(255,255,255,.85)}70%{box-shadow:0 0 0 9px rgba(255,255,255,0)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}}
@keyframes livedotRed{0%{box-shadow:0 0 0 0 rgba(214,67,27,.6)}70%{box-shadow:0 0 0 7px rgba(214,67,27,0)}100%{box-shadow:0 0 0 0 rgba(214,67,27,0)}}
@media (prefers-reduced-motion:reduce){*{animation:none!important}}

/* Conditional blocks replace framework-only sc-if directives. */
.pd-condition{display:contents}
.pd-condition[hidden], [hidden]{display:none!important}
.pd-visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.pd-skip{position:fixed;z-index:99;top:8px;left:8px;padding:10px 18px;color:white;background:#1F1A19;border-radius:12px;transform:translateY(-160%)}
.pd-skip:focus-visible{transform:translateY(0)}
a:focus-visible,button:focus-visible{outline:3px solid #1F1A19;outline-offset:3px}
.pd-alarm-switch-ui{flex:none;position:relative;width:60px;height:36px;padding:0;border:0;border-radius:999px;background:#E2D6D1;transition:background .25s}
.pd-alarm-switch-knob{position:absolute;top:3px;left:3px;width:30px;height:30px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.25);transition:left .25s cubic-bezier(.3,1.4,.5,1)}
.pd-alarm-message{padding:0 4px;font-size:14px;line-height:1.4;font-weight:600;color:#7A3426;text-align:center}
.pd-alarm-section.is-checked .pd-alarm-switch-ui{background:#34C759}
.pd-alarm-section.is-checked .pd-alarm-switch-knob{left:27px}
.pd-alarm-section.is-checked .pd-alarm-message{font-weight:800;color:#1D7A45}
@media (prefers-reduced-motion:reduce){.pd-alarm-switch-ui,.pd-alarm-switch-knob{transition:none}}
.pd-hover-1:hover{background:#B93614;color:#fff}
.pd-hover-2:hover{border-color:#E8795F;color:#1F1A19}
.pd-hover-3:hover{border-color:#E8795F;color:#1F1A19}
.pd-hover-4:hover{background:#178F47;color:#fff}
.pd-hover-5:hover{color:#B5503E}
.pd-hover-6:hover{color:#B5503E}
.pd-hover-7:hover{background:#3A302D}

#pd-alarm-toggle:hover{box-shadow:0 0 0 2px #E8795F,0 8px 20px -14px rgba(90,40,30,.35)!important}

/* WordPress/Divi sets #main-content to white. Preserve the designed page background.
   The landing page itself has its own, collision-free ID. */
#main-content, #pd-workshop-vorbereitung-main {
    background-color: transparent !important;
}
