.blaue-stunde .rechner-hero{padding-bottom:clamp(2rem,4vw,4rem)}.blaue-stunde .rechner-intro{max-width:70rem;margin:0 auto 2.4rem}.blaue-stunde .rechner-intro .lead{max-width:61ch;font-size:var(--t-lead);margin-top:1.2rem;line-height:1.65}.blaue-stunde .rechner-workspace{max-width:70rem;margin-inline:auto}.blaue-stunde .rechner-tabs{background:var(--karte-hell-fest);border:var(--karte-rand);border-radius:20px 20px 0 0;grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;padding:.4rem;display:grid}.blaue-stunde .rechner-tabs button{color:var(--tinte);font:inherit;font-size:var(--font-size-body);cursor:pointer;background:0 0;border:0;border-radius:14px;min-height:48px;padding:.8rem .5rem}.blaue-stunde .rechner-tabs button[aria-selected=true]{background:var(--pflaume-2);color:var(--papier)}.blaue-stunde .rechner-tabs button:hover:not([aria-selected=true]){background:var(--papier)}.blaue-stunde .rechner{background:var(--papier);border:var(--karte-rand);box-shadow:var(--karte-schatten);text-align:left;border-top:0;border-radius:0 0 24px 24px;grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);display:grid}.blaue-stunde .rechner-felder{border-right:var(--karte-rand);align-content:start;gap:1.25rem;min-width:0;padding:clamp(1.25rem,3vw,2.4rem);display:grid}.blaue-stunde .rechner-felder h2{font-size:var(--d-md)}.blaue-stunde .rechner-small,.blaue-stunde .rechner-felder small{font-size:var(--font-size-sm);color:var(--tinte-leise);line-height:1.6}.blaue-stunde .rechner-felder label{min-width:0;font-size:var(--font-size-body);gap:.45rem;display:grid}.blaue-stunde .rechner-felder input{border:1px solid var(--tinte-leise);background:var(--papier);width:100%;min-width:0;max-width:100%;min-height:48px;color:var(--tinte);font:inherit;font-size:max(1rem, var(--font-size-body));--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;border-radius:10px;padding:.7rem .8rem;display:block}.blaue-stunde .rechner-felder input:focus-visible,.blaue-stunde .rechner details summary:focus-visible,.blaue-stunde .rechner-faq summary:focus-visible{outline:3px solid var(--pflaume-1);outline-offset:3px}.blaue-stunde .rechner-felder input[aria-invalid=true]{border-color:var(--pflaume-1);border-width:2px}.blaue-stunde .rechner-number{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.7rem;display:grid}.blaue-stunde .rechner-number>span{color:var(--tinte-leise);font-size:var(--font-size-sm)}.blaue-stunde .rechner-reset{min-height:44px;color:var(--pflaume-2);text-underline-offset:.25em;font:inherit;font-size:var(--font-size-sm);cursor:pointer;background:0 0;border:0;justify-self:start;padding:.4rem 0;text-decoration:underline}.blaue-stunde .rechner-privacy{border-top:var(--karte-rand);padding-top:.8rem}.blaue-stunde .rechner-ergebnis{background:var(--karte-hell);border-radius:0 0 24px;align-content:start;min-width:0;padding:clamp(1.25rem,3vw,2.4rem)}.blaue-stunde .rechner-result-heading{align-items:center;gap:1.2rem;display:flex}.blaue-stunde .rechner-result-heading>div:last-child{flex:1;min-width:0}.blaue-stunde .rechner-caption{color:var(--tinte-leise);font-size:var(--font-size-sm);display:block}.blaue-stunde .rechner-result-title{font-size:var(--d-md);overflow-wrap:anywhere;margin:.35rem 0 .6rem}.blaue-stunde .rechner-result-heading p:not(.rechner-hand){font-size:var(--font-size-body)}.blaue-stunde .rechner-dial{aspect-ratio:1;flex:0 0 208px;width:208px;position:relative}.blaue-stunde .rechner-dial svg{width:100%;height:auto;display:block}.blaue-stunde .rechner-dial-caption{flex-direction:column;justify-content:center;align-items:center;line-height:1.45;display:flex;position:absolute;inset:22%}.blaue-stunde .rechner-dial-caption span{font-size:var(--font-size-sm)}.blaue-stunde .rechner-dial-caption strong{font-family:var(--display);font-size:var(--d-lg);font-weight:600}.blaue-stunde .rechner-dial-marker{fill:var(--tinte);stroke:var(--papier);stroke-width:2px}.blaue-stunde .rechner-phase-menstruation{--rechner-phase:var(--p-rose)}.blaue-stunde .rechner-phase-follikel{--rechner-phase:var(--p-pink)}.blaue-stunde .rechner-phase-ovulation{--rechner-phase:var(--p-amber)}.blaue-stunde .rechner-phase-luteal{--rechner-phase:var(--p-mint)}.blaue-stunde .rechner-cycle-range{font-size:var(--font-size-sm);margin-top:1.5rem}.blaue-stunde .rechner-phase-band{border-radius:8px;gap:3px;height:12px;margin:.8rem 0 1rem;display:flex;overflow:hidden}.blaue-stunde .rechner-phase-band span{background:var(--rechner-phase)}.blaue-stunde .rechner-phase-list{margin:0}.blaue-stunde .rechner-phase-list>div{border-bottom:var(--karte-rand);border-left:3px solid #0000;padding:.7rem .55rem}.blaue-stunde .rechner-phase-list>div[data-highlight=true]{border-left-color:var(--pflaume-1);background:var(--papier)}.blaue-stunde .rechner-phase-list dt{font-weight:600;font-size:var(--font-size-body);align-items:center;gap:.5rem;display:flex}.blaue-stunde .rechner-phase-dot{background:var(--rechner-phase);border:1px solid var(--tinte-leise);border-radius:50%;flex:0 0 .65rem;width:.65rem;height:.65rem}.blaue-stunde .rechner-phase-list dd{font-size:var(--font-size-sm);flex-wrap:wrap;justify-content:space-between;column-gap:.6rem;margin:.25rem 0 0 1.15rem;display:flex}.blaue-stunde .rechner-phase-list dd span:last-child{color:var(--tinte-leise)}.blaue-stunde .rechner-assumption{font-size:var(--font-size-sm);color:var(--tinte-leise);margin-top:1.2rem;line-height:1.65}.blaue-stunde .rechner-empty{text-align:center;align-content:center;justify-items:center;gap:1rem;min-height:100%;padding-block:1rem;display:grid}.blaue-stunde .rechner-empty .rechner-dial{width:220px}.blaue-stunde .rechner-empty h3{font-size:var(--d-md)}.blaue-stunde .rechner-empty>p{max-width:36ch}.blaue-stunde .rechner-hinweis{border-left:3px solid var(--pflaume-1);background:var(--papier);color:var(--pflaume-2);padding:.8rem 1rem}.blaue-stunde .rechner-dates{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.5rem 0 0;padding:0;list-style:none;display:grid}.blaue-stunde .rechner-dates li{border:var(--karte-rand);background:color-mix(in srgb, var(--rose-2) 65%, var(--papier));border-radius:14px;align-items:center;gap:.7rem;padding:.85rem;display:flex}.blaue-stunde .rechner-dates time{font-size:var(--font-size-sm);display:block}.blaue-stunde .rechner-date-tile{background:var(--papier);font-size:var(--font-size-sm);border-radius:8px;flex-direction:column;flex:0 0 52px;align-items:center;padding:.25rem;line-height:1.4;display:flex}.blaue-stunde .rechner-date-tile strong{font-size:var(--d-md);font-family:var(--display)}.blaue-stunde .rechner-switch-hint{font-size:var(--font-size-sm);color:var(--tinte-leise);margin-top:1rem}.blaue-stunde .rechner-switch-hint a{color:var(--pflaume-2);text-underline-offset:.25em;padding-block:.5rem;display:inline-block}.blaue-stunde .rechner-context{padding-top:2rem}.blaue-stunde .rechner-editorial{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(2rem,6vw,5rem);max-width:70rem;margin-inline:auto;display:grid}.blaue-stunde .rechner-editorial h2{font-size:var(--d-md);margin-bottom:1rem}.blaue-stunde .rechner-editorial p{line-height:1.8}.blaue-stunde .rechner-faq details{border-bottom:1px solid var(--tinte-leise)}.blaue-stunde .rechner-faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;min-height:48px;padding:1rem .25rem 1rem 0;font-weight:600;line-height:1.55;list-style:none;display:flex}.blaue-stunde .rechner-faq details p{font-size:var(--font-size-body);padding-bottom:1.25rem}.blaue-stunde .rechner-direct-links{flex-wrap:wrap;gap:1rem 2rem;max-width:70rem;margin:3rem auto 0;display:flex}.blaue-stunde .rechner-direct-links a{color:var(--pflaume-2);font-size:var(--font-size-body);text-underline-offset:.3em;padding-block:.7rem}.blaue-stunde .rechner-app-copy{max-width:50ch;margin:1rem auto 1.5rem}@media (width<=760px){.blaue-stunde .rechner{grid-template-columns:1fr}.blaue-stunde .rechner-felder{border-right:0;border-bottom:var(--karte-rand)}.blaue-stunde .rechner-ergebnis{border-radius:0 0 24px 24px}.blaue-stunde .rechner-editorial{grid-template-columns:1fr}.blaue-stunde .rechner-tabs button{font-size:var(--font-size-sm);overflow-wrap:anywhere;padding-inline:.25rem}.blaue-stunde .rechner-dial{flex-basis:240px;width:240px;max-width:100%}.blaue-stunde .rechner-result-heading{gap:.6rem}.blaue-stunde .rechner-result-heading:has(.rechner-dial){flex-direction:column;align-items:flex-start}.blaue-stunde .rechner-result-heading .rechner-dial{align-self:center}.blaue-stunde .rechner-dates{grid-template-columns:1fr}}.blaue-stunde .rechner-hand{font-family:var(--hand);font-size:var(--d-md);color:var(--pflaume-1);line-height:1.3}.blaue-stunde .rechner-faq summary::-webkit-details-marker{display:none}.blaue-stunde .rechner-faq summary:after{content:"";border-right:2px solid var(--pflaume-1);border-bottom:2px solid var(--pflaume-1);flex:0 0 .55rem;width:.55rem;height:.55rem;margin-right:.2rem;transition:transform .3s;transform:rotate(45deg)}.blaue-stunde .rechner-faq details[open] summary:after{transform:rotate(225deg)}@media (width>=761px) and (width<=1100px){.blaue-stunde .rechner-result-heading:has(.rechner-dial){flex-direction:column;align-items:flex-start}.blaue-stunde .rechner-result-heading .rechner-dial{align-self:center}}@media (prefers-reduced-motion:reduce){.blaue-stunde .rechner-faq summary:after{transition:none}}