/* Erzeugt von tools/warm-startseite.py — nicht von Hand ändern. */
html{scroll-behavior:smooth}
.w-home a{color:#3B1027}.w-home a:hover{color:#B8245A}
@keyframes wIn{from{opacity:0;transform:translateY(.55em) rotate(3deg)}to{opacity:1;transform:none}}
@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes draw{to{stroke-dashoffset:0}}
@keyframes fl{from{transform:translateY(-7px) rotate(-2deg)}to{transform:translateY(7px) rotate(1deg)}}
@keyframes tk{0%,26%{transform:translateY(0)}33%,59%{transform:translateY(-1.5em)}66%,92%{transform:translateY(-3em)}100%{transform:translateY(-4.5em)}}
@keyframes ck{0%,3%{background-color:transparent;transform:scale(1)}8%{background-color:#B8245A;transform:scale(1.28)}12%,88%{background-color:#B8245A;transform:scale(1)}96%,100%{background-color:transparent}}
@keyframes ckv{0%,6%{opacity:0}12%,88%{opacity:1}96%,100%{opacity:0}}
@keyframes ckt{0%,6%{opacity:.55}12%,88%{opacity:1}96%,100%{opacity:.55}}
@keyframes mq{to{transform:translateX(-50%)}}
@keyframes pop{from{opacity:.35;transform:translateY(28px) scale(.95)}to{opacity:1;transform:none}}
@keyframes grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes pnIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(245,158,108,.65)}70%{box-shadow:0 0 0 14px rgba(245,158,108,0)}100%{box-shadow:0 0 0 14px rgba(245,158,108,0)}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes nudge{0%,100%{transform:translateX(0)}50%{transform:translateX(5px)}}.w-home .w{display:inline-block;opacity:0;animation:wIn .7s cubic-bezier(.2,.8,.2,1) forwards}
.w-home .grp{position:relative;display:inline-block;white-space:nowrap}
.w-home .ul{stroke-dasharray:320;stroke-dashoffset:320;animation:draw .9s cubic-bezier(.6,0,.2,1) 1s forwards}
.w-home .fu{opacity:0;animation:fadeUp .7s cubic-bezier(.2,.8,.2,1) forwards}
.w-home .fl{animation:fl 5s ease-in-out infinite alternate}
.w-home .sp{animation:spin 26s linear infinite;transform-origin:50% 50%}
.w-home .tk{display:block;height:1.5em;overflow:hidden}
.w-home .tk>span{display:block;animation:tk 12s cubic-bezier(.7,0,.2,1) infinite}
.w-home .tk b{display:block;height:1.5em;line-height:1.5em;white-space:nowrap;font-weight:700}
.w-home .ck{animation:ck 9s ease infinite}
.w-home .ck svg{opacity:0;animation:ckv 9s ease infinite}
.w-home .ct{opacity:.55;animation:ckt 9s ease infinite}
.w-home .d1 .ck,.w-home .d1 .ck svg,.w-home .d1 .ct{animation-delay:.8s}
.w-home .d2 .ck,.w-home .d2 .ck svg,.w-home .d2 .ct{animation-delay:2.6s}
.w-home .d3 .ck,.w-home .d3 .ck svg,.w-home .d3 .ct{animation-delay:4.4s}
.w-home .bar{transition:background-color .25s ease}
.w-home .bar:hover{background-color:#4E1735}
.w-home .bar .ar{display:inline-block;animation:nudge 1.8s ease-in-out infinite}
.w-home .hdr{position:sticky;top:env(safe-area-inset-top,0px);z-index:40;background-color:rgba(251,244,236,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid #EBCFC6}
.w-home .dnav{display:flex}
.w-home .mm{display:none;position:relative}
.w-home .mm summary{list-style:none;cursor:pointer}
.w-home .mm summary::-webkit-details-marker{display:none}
.w-home .mmn{position:absolute;right:0;top:calc(100% + 10px);min-width:240px;background-color:#FFFFFF;border-radius:20px;box-shadow:0 20px 40px rgba(59,16,39,.18);padding:12px;display:flex;flex-direction:column}
.w-home .mmn a{padding:12px 14px;border-radius:12px;text-decoration:none;font-weight:600}
.w-home .mmn a:hover{background-color:#F6DDD5}
@media (max-width: 900px){.w-home .dnav{display:none}.w-home .mm{display:block}}
@media (max-width: 560px){.w-home .hcta{display:none}}
.w-home .wbtn{transition:transform .2s ease,box-shadow .25s ease,background-color .25s ease,color .25s ease}
.w-home .wbtn .ar{display:inline-block;transition:transform .25s cubic-bezier(.2,.8,.2,1)}
.w-home .wbtn:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(59,16,39,.24)}
.w-home .wbtn:hover .ar{transform:translateX(7px)}
.w-home .wbtn:active{transform:scale(.97)}
.w-home .ob:hover{background-color:#3B1027;color:#FFFFFF}
.w-home a:focus-visible,.w-home summary:focus-visible{outline:3px solid #F59E6C;outline-offset:3px}
.w-home .nl{position:relative;text-decoration:none}
.w-home .nl::after{content:"";position:absolute;left:0;right:0;bottom:4px;height:2px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.w-home .nl:hover::after{transform:scaleX(1)}
.w-home .ph{transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.w-home .phw:hover .ph{transform:scale(1.04)}
.w-home .ring{transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.w-home .phw:hover .ring{transform:translate(8px,-8px)}
.w-home .mqw{overflow:hidden}
.w-home .mq{display:flex;width:max-content;animation:mq 110s linear infinite}
.w-home .mq.rv{animation-direction:reverse;animation-duration:130s}
.w-home .mqw:hover .mq{animation-play-state:paused}
.w-home .qc{background-color:#55203C;transition:transform .3s ease,background-color .3s ease}
.w-home .qc:hover{transform:translateY(-6px) rotate(-1deg);background-color:#6A2A4C}
.w-home .cd{transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease}
.w-home .cd:hover{transform:translateY(-6px);box-shadow:0 24px 44px rgba(59,16,39,.14)}
.w-home .pl{display:flex;justify-content:space-between;gap:12px;align-items:baseline;padding:12px 0;border-top:1px solid #EBCFC6;text-decoration:none;transition:padding .25s ease,color .25s ease}
.w-home .pl:hover{padding-left:6px;color:#B8245A}
.w-home .pl .ar{display:inline-block;transition:transform .25s ease}
.w-home .pl:hover .ar{transform:translateX(5px)}
.w-home .sr{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.w-home .wtab{background-color:#FFFFFF;color:#3B1027;border:1.5px solid #EBCFC6;cursor:pointer;transition:background-color .25s ease,color .25s ease,transform .2s ease,box-shadow .25s ease,border-color .25s ease}
.w-home .wtab:hover{transform:translateY(-4px);border-color:#B8245A}
.w-home .pn{display:none}
.w-home #st1:checked~.tabs .t1,.w-home #st2:checked~.tabs .t2,.w-home #st3:checked~.tabs .t3,.w-home #st4:checked~.tabs .t4,.w-home .sel:not(:has(.sr:checked)) .t2{background-color:#B8245A;border-color:#B8245A;color:#FFFFFF;box-shadow:0 16px 32px rgba(184,36,90,.3)}
.w-home #st1:checked~.pans .p1,.w-home #st2:checked~.pans .p2,.w-home #st3:checked~.pans .p3,.w-home #st4:checked~.pans .p4,.w-home .sel:not(:has(.sr:checked)) .p2{display:flex;animation:pnIn .5s cubic-bezier(.2,.8,.2,1) both}
.w-home #st1:focus-visible~.tabs .t1,.w-home #st2:focus-visible~.tabs .t2,.w-home #st3:focus-visible~.tabs .t3,.w-home #st4:focus-visible~.tabs .t4{outline:3px solid #F59E6C;outline-offset:3px}
.w-home .wdot{animation:pulse 2.4s ease-out infinite}
.w-home .fq summary{list-style:none;cursor:pointer}
.w-home .fq summary::-webkit-details-marker{display:none}
.w-home .fq .plus{transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.w-home .fq[open] .plus{transform:rotate(45deg)}
.w-home .fq[open] .fa{animation:pnIn .4s cubic-bezier(.2,.8,.2,1) both}
.w-home .jl{transform-origin:left}
@supports (animation-timeline: view()){@media (prefers-reduced-motion: no-preference){.w-home .pop{animation:pop linear both;animation-timeline:view();animation-range:entry 0px entry 240px}
.w-home .ul2{stroke-dasharray:320;stroke-dashoffset:320;animation:draw linear both;animation-timeline:view();animation-range:entry 60px cover 45%}
.w-home .jl{animation:grow linear both;animation-timeline:view();animation-range:entry 100px cover 50%}
}
}
@media (max-width: 980px){.w-home .jl{display:none}}
@media (max-width: 520px){.w-home .grp{white-space:normal}}
@media (prefers-reduced-motion: reduce){.w-home .w,.w-home .fu,.w-home .fl,.w-home .sp,.w-home .ul,.w-home .tk>span,.w-home .ck,.w-home .ck svg,.w-home .ct,.w-home .mq,.w-home .wdot,.w-home .bar .ar{animation:none}
.w-home .w,.w-home .fu,.w-home .ct{opacity:1}
.w-home .ul{stroke-dashoffset:0}
.w-home .ck{background-color:#B8245A}
.w-home .ck svg{opacity:1}
.w-home .mqw{overflow-x:auto}
}

/* Startseite: Abstände der alten Blogkarten im warmen Rahmen */
.w-home .w-blog .blog-home{padding:0!important;background:none!important}
.w-home .w-blog .blog-home h2,.w-home .w-blog .eyebrow-k{display:none}
.w-home .w-blog .blog-home,.w-home .w-blog .blog-home>*{max-width:none!important;margin-left:0!important;margin-right:0!important}
.w-home .w-blog .blog-kopf{justify-content:flex-end;margin:-70px 0 10px!important}
/* home.css gibt jedem Abschnitt 100px Polster und den Fragen ein eigenes Plus */
.w-home > section:first-of-type{padding:0!important}
.w-home .blog-home{--block:transparent;box-shadow:none!important;clip-path:none!important}
.w-home details summary:after,.w-home details summary::after{content:none!important;display:none!important}