/* Doktorfy Popup-Baukasten (15.10.2026): ein einheitliches Aussehen fuer alle Popups. Layouts per Klasse: .dyp-stack (Standard), .dyp-split (Bild links, ab 640 px). */
.dyp-ov{position:fixed;inset:0;z-index:2147483200;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(16,24,40,.55);opacity:0;transition:opacity .25s;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.dyp-ov.on{opacity:1}
.dyp-box{position:relative;width:100%;max-width:440px;max-height:calc(100dvh - 32px);overflow:auto;background:#fff;color:#101828;border-radius:20px;padding:28px 24px 22px;box-shadow:0 24px 70px -12px rgba(16,60,90,.45);transform:translateY(14px);transition:transform .25s;font-family:"Inter",-apple-system,system-ui,sans-serif;text-align:center}
.dyp-ov.on .dyp-box{transform:none}
.dyp-x{position:absolute;right:10px;top:10px;width:44px;height:44px;border:0;border-radius:50%;background:#f2f4f7;color:#344054;font-size:24px;line-height:1;cursor:pointer}
.dyp-x:hover{background:#e4e7ec}
.dyp-eyebrow{display:inline-block;background:#eaf7ff;color:#1384ba;font-weight:700;font-size:12.5px;border-radius:999px;padding:6px 12px;margin-bottom:12px}
.dyp-title{font-size:26px;line-height:1.15;font-weight:800;letter-spacing:-.02em;margin:0 0 10px}
.dyp-text{font-size:15px;line-height:1.5;color:#475467;margin:0 0 18px}
.dyp-btn,.dyp-cta{display:flex;align-items:center;justify-content:center;width:100%;height:52px;border-radius:14px;background:#0a0a0a;color:#fff!important;font-weight:700;font-size:16px;text-decoration:none;border:0;cursor:pointer;margin-top:14px}
.dyp-skip{margin-top:12px;background:none;border:0;color:#475467;font:inherit;font-size:14px;min-height:44px;cursor:pointer;text-decoration:underline}
.dyp-card{position:relative;width:300px;max-width:100%;height:150px;margin:0 auto;border-radius:16px;overflow:hidden;background:#eaf7ff;border:1px solid #cdebf8}
.dyp-prize{position:absolute;inset:0;display:grid;place-items:center;font-size:40px;font-weight:800;color:#1384ba}
.dyp-canvas{position:absolute;left:0;top:0;width:100%!important;height:150px!important;max-height:none!important;display:block;touch-action:none;cursor:grab}
.dyp-canvas:focus-visible{outline:3px solid #1a9fd4}
.dyp-result{margin-top:12px}
.dyp-win{font-size:18px;font-weight:800}
.dyp-code{display:flex;gap:8px;align-items:center;justify-content:center;margin:10px 0 6px}
.dyp-code code{background:#eaf7ff;border:1px dashed #1a9fd4;border-radius:10px;padding:10px 14px;font-size:18px;font-weight:800;letter-spacing:.06em}
.dyp-copy{height:44px;padding:0 14px;border-radius:10px;border:1px solid #e5eaf0;background:#fff;font:inherit;font-weight:600;cursor:pointer}
.dyp-note{font-size:13.5px;color:#475467;line-height:1.45}
.dyp-split{display:grid;gap:0;padding:0;text-align:left}
@media(min-width:640px){.dyp-box.dyp-split{max-width:680px;grid-template-columns:1fr 1fr}.dyp-split>img{width:100%;height:100%;object-fit:cover}}
.dyp-split>.dyp-body{padding:28px 24px}
html.hd-menu-open .dyp-ov{display:none}
@media(max-width:560px){.dyp-box{padding:26px 18px 18px;border-radius:18px}.dyp-title{font-size:24px}}
@media(prefers-reduced-motion:reduce){.dyp-ov,.dyp-box{transition:none}}

/* Hero-Layout: blaues Kopfband mit grosser Zahl, minimaler Text */
.dyp-hero{padding:0 0 22px;overflow:hidden}
.dyp-top{background:linear-gradient(135deg,#1a9fd4,#0f7fb0);color:#fff;padding:30px 20px 26px;display:flex;flex-direction:column;align-items:center;gap:2px;margin-bottom:18px}
.dyp-big{font-size:64px;line-height:1;font-weight:800;letter-spacing:-.03em}
.dyp-sub{font-size:14px;font-weight:600;opacity:.92}
.dyp-hero .dyp-title{margin:0 18px 14px;font-size:24px}
.dyp-hero .dyp-card,.dyp-hero .dyp-result{margin-left:auto;margin-right:auto}
.dyp-hero .dyp-result{padding:0 22px}
.dyp-hero .dyp-x{background:rgba(255,255,255,.22);color:#fff}
.dyp-hero .dyp-x:hover{background:rgba(255,255,255,.34)}
.dyp-card{box-shadow:0 10px 26px -14px rgba(16,60,90,.55)}