.workshop-bubbles .workshop-reproduction{--bubble-fill:#65415f;--workshop-accent:#f1cade}.wl-frame[data-workshop=fortpflanzungswerkstatt]{--wl-tone:#603d59;--wl-light:#edc5dd;--wl-paper:#fff2fa}.rp-workshop{--rp-ink:#57394f;--rp-accent:#8b587c;--rp-soft:#fff4fa;color:#fff7fc;padding:20px 0 35px}.rp-intro{max-width:830px;margin-bottom:22px}.rp-intro h2{margin:12px 0;font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.22}.rp-intro p{line-height:1.75}.rp-kicker{text-transform:uppercase;letter-spacing:.11em;color:#edc9df;font-size:.75rem;font-weight:800}.rp-workshop button{font:inherit;cursor:pointer;color:var(--rp-ink);background:#fff9fd;border:1px solid #cbaec3;border-radius:14px;min-height:44px;padding:10px 15px;font-weight:700;line-height:1.4}.rp-workshop button[aria-pressed=true],.rp-workshop button[aria-current=step]{background:var(--rp-accent);border-color:var(--rp-accent);color:#fff}.rp-workshop button:disabled{opacity:.45;cursor:default}.rp-workshop :is(button,input,summary,canvas):focus-visible{outline-offset:4px;outline:3px solid #216d9b}.rp-workshop svg g:focus-visible{outline-offset:4px;outline:3px solid #216d9b}.rp-tabs{flex-wrap:wrap;gap:10px;margin:22px 0;display:flex}.rp-tabs button{border-radius:24px;padding:13px 20px}.rp-grid{grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);align-items:start;gap:22px;display:grid}.rp-card{background:var(--rp-soft);color:var(--rp-ink);border:1px solid #d7bacd;border-radius:28px;min-width:0;padding:24px;box-shadow:0 12px 35px #0001}.rp-card h3{color:var(--rp-ink);margin:7px 0 14px;font-size:1.45rem;line-height:1.35}.rp-card p{margin:12px 0;line-height:1.75}.rp-card small{color:#76566d;font-size:.77rem;font-weight:700}.rp-card-heading{justify-content:space-between;align-items:start;gap:15px;display:flex}.rp-phase{color:#644359;background:#e9d7e3;border-radius:18px;padding:9px 13px;font-size:.84rem;font-weight:800}.rp-side{gap:18px;display:grid}.rp-pills,.rp-toolbar,.rp-phase-buttons{flex-wrap:wrap;align-items:center;gap:9px;margin:14px 0;display:flex}.rp-pills button{padding:9px 13px;font-size:.85rem}.rp-toolbar{justify-content:space-between}.rp-toolbar label{align-items:center;gap:8px;font-size:.9rem;display:flex}.rp-toolbar input{width:20px;height:20px;accent-color:var(--rp-accent)}.rp-workshop .an-canvas-wrap{background:radial-gradient(at 50% 38%,#563d55,#252c3b 85%);height:490px}.rp-workshop .an-labels button{color:#4d3449;background:#fff8fdf2;border-color:#ac88a1;min-height:32px;padding:7px 8px;font-size:.71rem}.rp-workshop .an-labels button[aria-pressed=true]{color:#4e3449;background:#f3d2e6}.rp-workshop .an-view-controls button{min-height:42px;padding:8px 11px;font-size:.77rem}.rp-workshop .an-gesture{color:#6b5063}.rp-organ-list{gap:8px;display:grid}.rp-organ-list button{text-align:left;background:#fff4fa;align-items:center;gap:10px;display:flex}.rp-organ-list i{border:1px solid #a58b91;border-radius:50%;flex:none;width:12px;height:12px}.rp-fact{color:#593d52;background:#eddfe9;border-radius:17px;margin-top:18px;padding:16px}.rp-fact p{margin-bottom:0}.rp-note{color:inherit;opacity:.9;font-size:.83rem;line-height:1.7}.rp-card .rp-note{color:#70586a;opacity:1}.rp-anatomy-svg,.rp-cell-svg{background:#fffaf6;border:1px solid #eadde3;border-radius:22px;width:100%;height:auto;margin:14px 0;display:block}.rp-organ-hit{cursor:pointer;transition:filter .15s}.rp-organ-hit:hover,.rp-organ-hit.is-selected{filter:drop-shadow(0 0 5px #94638099)}.rp-organ-hit:focus-visible{filter:drop-shadow(0 0 5px #286aa9);outline:none}.rp-range{flex-wrap:wrap;align-items:center;gap:12px;margin:16px 0;font-size:.9rem;font-weight:700;line-height:1.5;display:flex}.rp-range strong{background:#f0dce9;border-radius:9px;margin-left:auto;padding:4px 9px}.rp-range input{width:100%;accent-color:var(--rp-accent);cursor:pointer;height:28px!important;min-height:28px!important}.rp-mini-ovary{max-width:280px;margin:auto}.rp-mini-ovary svg{width:100%;height:auto;display:block}.rp-phase-buttons button{flex:120px;padding:10px 12px;font-size:.79rem}.rp-hormones{margin-top:22px}.rp-hormones>svg{width:100%;max-height:330px;margin:16px 0;display:block}.rp-hormone-legend{flex-wrap:wrap;justify-content:center;gap:18px;font-size:.88rem;display:flex}.rp-hormone-legend span{align-items:center;gap:7px;display:flex}.rp-hormone-legend i{width:25px;height:4px;display:block}.rp-hormone-facts{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px;display:grid}.rp-hormone-facts p{background:#fff;border:1px solid #e3cfdb;border-radius:13px;padding:14px;font-size:.84rem}.rp-hormone-facts strong{margin-bottom:5px;display:block}.rp-conception-head{margin-bottom:22px}.rp-conception-head>div:first-child{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.rp-conception-head h3{margin-bottom:5px}.rp-cell-svg{background:radial-gradient(at 60% 48%,#fffbed,#fff5fa)}.rp-draggable{touch-action:none}.rp-sperm-handle{cursor:grab}.rp-sperm-handle:active{cursor:grabbing}.rp-interaction-tip{color:#523a69;background:#e8e1f2;border-radius:16px;padding:16px}.rp-interaction-tip p{font-size:.85rem}.rp-primary-action{width:100%;color:#fff!important;background:#805373!important}.rp-chromosomes{justify-content:space-between;align-items:center;gap:8px;margin:20px 0;display:flex}.rp-chromosomes span{text-align:center;background:#fff;border:1px solid #d6bdcd;border-radius:16px;flex:1;padding:10px;font-size:.8rem}.rp-chromosomes strong{margin-top:7px;font-size:1.8rem;display:block}.rp-route{padding:16px}.rp-route-label{background:#eadfea;border-radius:12px;padding:12px;font-size:.85rem;line-height:1.75}.rp-step-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0;padding:0;list-style:none;display:grid}.rp-step-grid button{text-align:left;background:#fff4fa;border-radius:19px;align-items:center;gap:12px;width:100%;height:100%;display:flex}.rp-step-grid strong{border:1px solid #c2a5b8;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;display:grid}.rp-step-grid small{margin-top:5px;font-size:.68rem;font-weight:500;line-height:1.5;display:block}.rp-sources{color:#f3ddec;border-top:1px solid #b794ac;margin-top:28px;padding-top:18px;font-size:.82rem;line-height:1.75}.rp-sources summary{cursor:pointer;min-height:44px;font-weight:700}.rp-sources a{color:#ffe4f2;text-underline-offset:3px;text-decoration:underline}.rp-route-sperm{fill:#527d9e;stroke:#2e536b;stroke-width:2px}@media (max-width:980px){.rp-grid{grid-template-columns:1fr}.rp-side{grid-template-columns:repeat(2,minmax(0,1fr))}.rp-hormone-facts{grid-template-columns:repeat(2,1fr)}.rp-organ-list{align-content:start}.rp-card{padding:20px}.rp-workshop .an-canvas-wrap{height:480px}}@media (max-width:620px){.rp-tabs button{flex:140px;font-size:.84rem}.rp-side{grid-template-columns:1fr}.rp-card{border-radius:23px;padding:16px}.rp-card h3{font-size:1.24rem}.rp-card-heading{flex-direction:column}.rp-step-grid{grid-template-columns:1fr}.rp-workshop .an-canvas-wrap{height:430px}.rp-workshop .an-labels button{font-size:.67rem}.rp-hormone-facts{grid-template-columns:1fr}.rp-conception-head .rp-pills button{flex:100px}.rp-intro h2{font-size:1.8rem}}@media (prefers-reduced-motion:reduce){.rp-organ-hit{transition:none}}.rp-hormones{scroll-margin-top:90px}.rp-hormone-chart>svg{touch-action:none;cursor:ew-resize;background:#fffafc;border:1px solid #dec9d7;border-radius:18px;width:100%;height:auto;margin:20px 0;display:block}.rp-hormone-toggles i{vertical-align:middle;width:20px;height:4px;margin-right:8px;display:inline-block}.rp-hormone-toggles button[aria-pressed=false]{opacity:.65}.rp-hormone-day{color:#57394f;background:#efdeeb;border-radius:16px;padding:17px}.rp-hormone-day p{margin:8px 0 0}.rp-hormone-height{color:#70556a;margin:7px 0 10px;font-size:.73rem;font-weight:600;display:block}.rp-hormone-chart .rp-card-heading{flex-wrap:wrap}.rp-hormone-chart .rp-phase{font-size:.8rem}.rp-hormone-chart .rp-hormone-facts p{line-height:1.7}.rp-hormone-phase-legend{color:#65495c;flex-wrap:wrap;justify-content:center;gap:15px;font-size:.85rem;display:flex}.rp-hormone-phase-legend span{align-items:center;gap:7px;display:flex}.rp-hormone-phase-legend i{border:1px solid #cbbdcc;border-radius:4px;width:18px;height:18px}
