/* Eigenständiger Pflegefinder: glasartige Themenkarten und eine Auswahl-Anzeige. */
.finder-hub{position:relative;isolation:isolate;overflow:hidden;width:calc(100% - 32px);max-width:1368px;margin:25px auto 0;padding-top:28px;padding-bottom:29px;border:1px solid #5ba8df7e;border-radius:26px;background:linear-gradient(124deg,#06172f 0%,#0b3060 56%,#071a35 100%);color:#fff;box-shadow:0 20px 45px #071a4928}
.finder-hub:before,.finder-hub:after{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none}
.finder-hub:before{background:radial-gradient(circle at 8% 0,#2587ff5c 0,#0e77dd24 18%,transparent 48%)}
.finder-hub:after{background:radial-gradient(circle at 93% 100%,#10d8db38 0,#654bdb20 20%,transparent 49%)}
.finder-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:20px}
.finder-heading .eyebrow{color:#99e8ff}
.finder-heading h2{margin-top:6px;color:#fff;font-size:clamp(35px,3.6vw,51px)}
.finder-heading h2 span{color:#ffe126}
.finder-heading p{max-width:365px;color:#c9e2f5;font-size:12px;line-height:1.6}
.finder-body{display:grid;grid-template-columns:minmax(270px,310px) minmax(0,1fr);gap:12px;min-width:0}
.finder-console{display:flex;flex-direction:column;min-width:0;min-height:248px;padding:17px 19px 18px;border:1px solid #6ac8f295;border-radius:18px;background:linear-gradient(153deg,#154577e8,#061b39f4 78%);box-shadow:inset 0 1px #ffffff27,0 12px 28px #00133342}
.finder-dial{position:relative;align-self:center;width:180px;height:91px;flex:none;margin:0 auto 5px}
.finder-dial svg{position:absolute;inset:0;width:100%;height:100%}
.finder-dial path{fill:none;stroke-width:12;stroke-linecap:round}
.finder-arc-base{stroke:#9cbed840}
.finder-arc-progress{stroke:#28dff5;stroke-dasharray:283;stroke-dashoffset:212;filter:drop-shadow(0 0 8px #29eaff);transition:stroke-dashoffset .55s ease}
.finder-dial-value{position:absolute;left:0;right:0;top:30px;display:flex;flex-direction:column;align-items:center;line-height:1.05}
.finder-dial-value span{color:#99e9ff;font-size:9px;font-weight:800;letter-spacing:.15em}
.finder-dial-value strong{max-width:100%;color:#fff;font:700 28px/1 Barlow,Arial,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.finder-panel-kicker{color:#9eeaff;font-size:9px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.finder-console h3{margin:5px 0;color:#fff;font:700 26px/1 Barlow,Arial,sans-serif}
.finder-console p{flex:1;color:#d9ebf7;font-size:11px;line-height:1.55}
.finder-cta{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;padding-top:10px;border-top:1px solid #83c4ef63;color:#ffe126;font-size:10px;font-weight:850}
.finder-cta span{font-size:17px;line-height:.8}
.finder-cta:hover{text-decoration:underline;text-underline-offset:3px}
.finder-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;min-width:0}
.finder-option{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-width:0;min-height:248px;padding:17px 13px 15px;border:1px solid #92bff68c;border-radius:18px;background:linear-gradient(155deg,#6790cc3e,#13325e74 55%,#092043a8);color:#fff;text-align:left;box-shadow:inset 0 1px #ffffff44,0 10px 24px #0003;overflow:hidden;transition:transform .22s,border-color .22s,box-shadow .22s}
.finder-option:before{content:"";position:absolute;left:0;right:0;bottom:0;height:54%;border-radius:50% 50% 0 0;background:radial-gradient(ellipse at 50% 100%,#7bb5ff8f 0,#376bd340 36%,transparent 71%);pointer-events:none}
.finder-option:after{content:"";position:absolute;inset:0;background:linear-gradient(118deg,transparent 16%,#e6f8ff18 43%,transparent 65%);background-size:200% 100%;background-position:200% 0;transition:background-position .55s;pointer-events:none}
.finder-option:is(:hover,:focus-visible):after{background-position:0 0}
.finder-option:is(:hover,:focus-visible){transform:translateY(-3px);border-color:#8eeaff;box-shadow:inset 0 1px #ffffff66,0 0 19px #31d9ff4e}
.finder-option[aria-selected="true"]{border-color:#ffe126;box-shadow:inset 0 1px #ffffff66,0 0 0 1px #ffe12662,0 0 19px #2cd7ff55}
.finder-option-icon{display:grid;place-items:center;position:relative;width:42px;height:42px;margin-bottom:auto;border:1px solid #8ee7ffbe;border-radius:12px;background:#0b2854;color:#9ceaff;font-size:23px;line-height:1;box-shadow:0 0 12px #21bfff54}
.finder-option-number{position:relative;color:#b2ebff;font:700 39px/.95 Barlow,Arial,sans-serif}
.finder-option strong{position:relative;margin-top:5px;font:700 22px/1 Barlow,Arial,sans-serif;color:#fff;overflow-wrap:anywhere}
.finder-option small{position:relative;display:block;margin-top:5px;color:#d9eafd;font-size:10px;line-height:1.3}
.finder-hub :is(button,a,.finder-console):focus-visible{outline:3px solid #ffe126;outline-offset:3px}
@media(max-width:1150px){.finder-body{grid-template-columns:minmax(245px,290px) minmax(0,1fr)}.finder-options{grid-template-columns:repeat(2,minmax(0,1fr))}.finder-option{min-height:120px;padding:12px 14px}.finder-option-icon{width:32px;height:32px;margin-bottom:7px;font-size:18px}.finder-option-number{position:absolute;right:13px;top:12px;font-size:27px}.finder-option strong{font-size:20px}.finder-option small{margin-top:3px}}
@media(max-width:800px){.finder-heading{display:block}.finder-heading p{margin-top:10px;max-width:590px}.finder-body{grid-template-columns:1fr}.finder-console{display:grid;grid-template-columns:180px minmax(0,1fr);grid-template-rows:auto auto 1fr auto;column-gap:20px;min-height:0}.finder-dial{grid-column:1;grid-row:1/5;align-self:center}.finder-panel-kicker,.finder-console h3,.finder-console p,.finder-cta{grid-column:2}.finder-cta{align-self:end}.finder-option{min-height:113px}}
@media(max-width:570px){.finder-hub{width:calc(100% - 24px);padding:18px 15px 19px;margin-top:15px;border-radius:20px}.finder-heading h2{font-size:36px}.finder-heading p{font-size:11px}.finder-console{display:flex;min-height:0;padding:13px 15px}.finder-dial{width:160px;height:82px}.finder-dial-value{top:26px}.finder-dial-value strong{font-size:25px}.finder-options{gap:8px}.finder-option{min-height:125px;padding:10px}.finder-option strong{font-size:19px}.finder-option small{font-size:9px}.finder-option-number{top:11px;right:10px;font-size:25px}}
@media(max-width:350px){.finder-heading h2{font-size:32px}.finder-option strong{font-size:17px}.finder-option small{font-size:8px}}
@media(prefers-reduced-motion:reduce){.finder-arc-progress,.finder-option,.finder-option:after{transition:none}.finder-option:is(:hover,:focus-visible){transform:none}.finder-option:is(:hover,:focus-visible):after{background-position:200% 0}}