.shop-fokus{background:var(--grund);width:100%;max-width:min(560px,100vw - 2rem);color:var(--tinte);border:0;padding:0;box-shadow:0 30px 80px -20px #0000008c}.shop-fokus::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#050709b8}.shop-fokus__inhalt{border-top:4px solid var(--signal);gap:1rem;padding:clamp(1.4rem,1rem + 2vw,2.4rem);display:grid;position:relative}.shop-fokus__zu{width:2.5rem;height:2.5rem;color:var(--leise);cursor:pointer;background:0 0;border:0;font-size:1.1rem;position:absolute;top:.6rem;right:.6rem}.shop-fokus__zu:hover{color:var(--tinte)}.shop-fokus__inhalt:focus{outline:none}.shop-fokus__sponsor{justify-items:start;gap:.55rem;margin:0;padding-right:2.6rem;display:grid}.shop-fokus__sponsor .mono{font-size:var(--t-mini);letter-spacing:.08em;text-transform:uppercase;color:var(--leise)}.shop-fokus__logo{object-fit:contain;border:1px solid var(--linie);background:#fff;width:auto;max-width:15rem;height:3.2rem;padding:.5rem .8rem;display:block}.shop-fokus__titel{font-family:var(--schrift-display);letter-spacing:-.02em;margin:0;font-size:clamp(1.6rem,1.2rem + 1.6vw,2.3rem);font-weight:600;line-height:1.12}.shop-fokus__text{color:var(--tinte-2);font-size:var(--t-klein,1rem);white-space:pre-line;margin:0;line-height:1.55}.shop-fokus__preis{flex-wrap:wrap;align-items:baseline;gap:.4rem .9rem;margin:0;display:flex}.shop-fokus__betrag{font-family:var(--schrift-display);color:var(--signal-text);letter-spacing:-.02em;font-size:2rem;font-weight:600}.shop-fokus__preis .mono{font-size:var(--t-mini);color:var(--tinte-2)}.shop-fokus__knoepfe{flex-wrap:wrap;gap:.6rem;margin-top:.3rem;display:flex}@media not (min-width:600px){.shop-fokus__knoepfe .knopf{flex:100%}}@font-face{font-family:GLT Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://hub.germanlegaltechhub.com/einbettung/schrift/open-sans-latin-400.woff2)format("woff2")}@font-face{font-family:GLT Open Sans;font-style:normal;font-weight:600;font-display:swap;src:url(https://hub.germanlegaltechhub.com/einbettung/schrift/open-sans-latin-600.woff2)format("woff2")}@font-face{font-family:GLT Open Sans;font-style:normal;font-weight:700;font-display:swap;src:url(https://hub.germanlegaltechhub.com/einbettung/schrift/open-sans-latin-700.woff2)format("woff2")}.shop-fokus.shop-fokus--partner{--tp-tx:#14171a;width:100%;max-width:min(980px,100vw - 48px);max-height:calc(100dvh - 48px);color:var(--tp-tx);background:#fff;border-radius:16px;font-family:GLT Open Sans,Open Sans,system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden;box-shadow:0 40px 100px -30px #000000b3,0 0 0 1px #ffffff12}.shop-fokus--partner::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#050709b8}.tpp{grid-template-columns:57fr 43fr;max-height:calc(100dvh - 48px);display:grid}.shop-fokus--ohne-foto .tpp{grid-template-columns:1fr}.shop-fokus--ohne-foto.shop-fokus--partner{max-width:min(620px,100vw - 48px)}.tpp__text{overscroll-behavior:contain;flex-direction:column;align-items:flex-start;min-height:0;padding:48px;display:flex;position:relative;overflow-y:auto}.tpp__text:focus{outline:none}.tpp__logo{height:var(--tp-lg);width:auto;max-width:240px;margin:0 0 40px;display:block}.tpp__logo--name{height:auto;font-size:18px;font-weight:700}.tpp__zweit{top:calc(48px + var(--tp-lg) / 2 - 14px);object-fit:contain;pointer-events:none;width:auto;max-width:38%;height:28px;position:absolute;right:48px}.tpp__kicker{letter-spacing:.11em;text-transform:uppercase;color:color-mix(in srgb, var(--tp-tx) 64%, #fff);align-items:center;gap:12px;margin:0 0 20px;font-size:11px;font-weight:600;line-height:1.45;display:flex}.tpp__kicker:before{content:"";background:var(--tp-ak);flex:none;width:22px;height:2px}.tpp__titel{letter-spacing:-.015em;color:var(--tp-tx);text-wrap:balance;margin:0 0 22px;padding:0;font-family:inherit;font-size:clamp(28px,2.4vw,34px);font-weight:700;line-height:1.16}.tpp__zeile{display:block}.tpp__hl{color:var(--tp-ak)}.tpp__satz{max-width:44ch;color:color-mix(in srgb, var(--tp-tx) 88%, #fff);text-wrap:pretty;white-space:pre-line;margin:0 0 32px;font-size:17px;line-height:1.6}.tpp__preis{flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin:-12px 0 24px;display:flex}.tpp__betrag{letter-spacing:-.015em;color:var(--tp-ak);font-size:26px;font-weight:700}.tpp__zaehler{color:color-mix(in srgb, var(--tp-tx) 70%, #fff);font-size:13.5px}.tpp__knopf{isolation:isolate;background:var(--tp-ak);color:#fff;min-height:52px;font:inherit;letter-spacing:.01em;cursor:pointer;border:0;border-radius:12px;align-items:center;gap:8px;padding:0 26px;font-size:15px;font-weight:700;line-height:1;transition:background-color .15s;display:inline-flex;position:relative;overflow:hidden}.tpp__knopf:hover{background:color-mix(in srgb, var(--tp-ak) 88%, #fff)}.tpp__knopf:after{content:"";z-index:-1;pointer-events:none;opacity:0;background:linear-gradient(105deg,#0000 0%,#ffffff2e 30%,#fff9 50%,#ffffff2e 70%,#0000 100%);width:50%;position:absolute;top:0;bottom:0;left:-75%;transform:skew(-18deg)}.tpp__knopf:hover:after{animation:.85s cubic-bezier(.3,.6,.3,1) both tpp-glanz}@keyframes tpp-glanz{0%{opacity:1;left:-75%}to{opacity:1;left:135%}}.tpp__knopf svg{transition:transform .25s}.tpp__knopf:hover svg{transform:translate(4px)}.tpp__knopf:focus-visible,.tpp__zu:focus-visible{outline:3px solid var(--tp-ak);outline-offset:2px}.tpp__ort{color:color-mix(in srgb, var(--tp-tx) 74%, #fff);align-items:center;gap:8px;margin:20px 0 0;font-size:14px;line-height:1.4;display:flex}.tpp__ort svg{width:16px;height:16px;color:var(--tp-ak);flex:none}.tpp__fuss{justify-content:space-between;align-items:center;gap:16px;width:100%;margin-top:auto;padding-top:34px;display:flex}.tpp__weiter{font:inherit;cursor:pointer;color:color-mix(in srgb, var(--tp-tx) 70%, #fff);text-underline-offset:4px;text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--tp-tx) 32%, transparent);text-decoration-color:color-mix(in srgb, var(--tp-tx) 32%, transparent);background:0 0;border:0;margin:0;padding:6px 0;font-size:13.5px;line-height:1.3}.tpp__weiter:hover{color:var(--tp-tx)}.tpp__weiter:focus-visible{outline:2px solid var(--tp-ak);outline-offset:3px;border-radius:4px}.tpp__marker{letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb, var(--tp-tx) 54%, #fff);font-size:10px;font-weight:600;line-height:1}.tpp__bild{background:#fff;min-height:100%;position:relative;overflow:hidden}.tpp__bild>img,.tpp__bild-klein>img{object-fit:cover;object-position:var(--tp-mx) var(--tp-my);width:100%;height:100%;display:block;position:absolute;inset:0}.tpp__bild-klein{display:none}.tpp__zu{z-index:3;cursor:pointer;width:40px;height:40px;color:var(--tp-tx);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffb3;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:12px;right:12px;box-shadow:0 0 0 1px #ffffff1f}.tpp__zu svg{width:16px;height:16px}@media (prefers-reduced-motion:reduce){.tpp__knopf:after{display:none}.tpp__knopf svg{transition:none}}@media (max-height:640px){.tpp__text{padding-top:32px;padding-bottom:28px}.tpp__logo{margin-bottom:24px}}@media not (min-width:900px){.shop-fokus.shop-fokus--partner{max-width:min(620px,100vw - 48px)}.tpp{flex-direction:column;display:flex}.tpp__bild{display:none}.tpp__text{padding:40px}.tpp__logo{margin-right:56px}.tpp__zweit{top:calc(40px + var(--tp-lg) / 2 - 14px);right:96px}.tpp__bild-klein{border-radius:12px;width:100%;height:180px;margin:0 0 22px;display:block;position:relative;overflow:hidden}}@media not (min-width:600px){.shop-fokus.shop-fokus--partner{border-radius:20px 20px 0 0;width:100%;max-width:100%;max-height:92dvh;margin:auto 0 0}.tpp{max-height:92dvh}.tpp__text{padding:26px 22px 22px;padding-bottom:calc(22px + env(safe-area-inset-bottom))}.tpp__logo{height:calc(var(--tp-lg) * .82);margin:0 56px 24px 0}.tpp__zweit{top:calc(26px + var(--tp-lg) * .41 - 10px);max-width:30vw;height:20px;right:62px}.tpp__zu{width:44px;height:44px}.tpp__titel{margin-bottom:16px;font-size:26px}.tpp__bild-klein{height:150px;margin-bottom:18px}.tpp__satz{margin-bottom:22px;font-size:16px}.tpp__knopf{justify-content:center;align-self:stretch}.tpp__ort{margin-top:16px}.tpp__fuss{flex-wrap:wrap;padding-top:24px}}
