.fb{isolation:isolate;background:var(--color-kreide);color:var(--color-tinte);margin-top:1.5rem;padding-bottom:3.5rem;position:relative;overflow:hidden}.fb-wort{z-index:-1;font-family:var(--font-kopf);font-size:min(24vw, calc((100vw - 2.5rem) / var(--fb-em,3.6)));letter-spacing:-.05em;color:#14171c0d;white-space:nowrap;-webkit-user-select:none;user-select:none;margin:0;padding:2.5rem 1rem 0;font-weight:700;line-height:.8;position:relative}.fb-auto{width:124vw;margin:-2vw 0 0 -39vw;position:relative}.fb-auto img{width:100%;height:auto;display:block}.fb-auto img:first-child{filter:drop-shadow(0 1.6vw 1.8vw #0f1e3c38)}.fb-auto .fb-glanz{filter:brightness(1.3)contrast(1.05);opacity:0;-webkit-mask-image:radial-gradient(circle 15rem at var(--lx,50%) var(--ly,50%), #000, transparent 70%);mask-image:radial-gradient(circle 15rem at var(--lx,50%) var(--ly,50%), #000, transparent 70%);pointer-events:none;transition:opacity .5s;position:absolute;inset:0}@media (hover:hover){.fb:hover .fb-glanz{opacity:1}}.fb-text{padding:1.5rem 1rem 0}.fb-text h2{font-family:var(--font-kopf);letter-spacing:-.03em;max-width:14ch;font-size:clamp(2rem,7vw,3.2rem);line-height:1}.fb-text p{max-width:30rem;color:var(--color-grau);margin-top:1rem;font-size:1.05rem;line-height:1.6}.fb-link{color:var(--color-blau);text-underline-offset:.3em;align-items:center;gap:.5rem;margin-top:1.5rem;font-weight:600;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:text-decoration-color .25s;display:inline-flex}.fb-link:hover,.fb-link:focus-visible{text-decoration-color:currentColor}.fb-link svg{transition:transform .3s var(--ease-out-expo,ease)}.fb-link:hover svg{transform:translateY(3px)}.fb-link:hover .lucide-arrow-right{transform:translate(3px)}.fb-name{color:var(--color-grau);margin:2.5rem 1rem 0;font-size:.9rem}.fb-name p:first-child{border-bottom:2px solid var(--color-blau);font-family:var(--font-kopf);color:var(--color-tinte);margin-bottom:.5rem;padding-bottom:.6rem;font-size:1.05rem;font-weight:700;display:inline-block}.fb-name a{color:inherit}.fb--rechts .fb-auto{margin-left:15vw}@media (min-width:640px){.fb-wort,.fb-text{padding-inline:1.5rem}.fb-name{margin-inline:1.5rem}}@media (min-width:1024px){.fb{--fb-u:min(1vw, 19.2px);height:calc(46 * var(--fb-u));min-height:36rem;margin-top:0;padding:0}.fb-wort{top:calc(12.5 * var(--fb-u));left:calc(50vw + 12 * var(--fb-u));font-size:calc(35.6 * var(--fb-u) / var(--fb-em,3.6));padding:0;position:absolute}.fb-auto{top:calc(5.5 * var(--fb-u));left:calc(50vw - 60 * var(--fb-u));width:calc(71 * var(--fb-u));margin:0;position:absolute}.fb-text{top:calc(22 * var(--fb-u));left:calc(50vw + 15 * var(--fb-u));width:min(calc(28 * var(--fb-u)), 26rem);padding:0;position:absolute}.fb-text h2{font-size:clamp(2rem,2.9vw,3rem)}.fb-name{left:max(1.5rem,50vw - 38.5rem);bottom:calc(3 * var(--fb-u));margin:0;position:absolute}.fb--rechts .fb-wort{left:auto;right:calc(50vw + 12.5 * var(--fb-u));font-size:calc(33 * var(--fb-u) / var(--fb-em,3.6))}.fb+.fb{margin-top:calc(-4 * var(--fb-u));background:0 0}.fb--rechts .fb-auto{left:auto;right:calc(50vw - 60 * var(--fb-u));margin:0}.fb--rechts .fb-text{left:calc(50vw - 43.6 * var(--fb-u))}.fb--rechts .fb-name{text-align:right;left:auto;right:max(1.5rem,50vw - 38.5rem)}}
.mb{background:var(--color-kreide);padding:clamp(2.5rem,5vw,4.5rem) 12px 0}.mb-flaeche{isolation:isolate;color:#fff;background:radial-gradient(38% 80% at 16%,#4a86ff4d 0%,#0000 70%),linear-gradient(160deg,#123a85 0%,#0c2a63 50%,#081c45 100%);border-radius:36px;position:relative;overflow:hidden}.mb-raster{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"siegel text""siegel zahlen";align-items:center;column-gap:clamp(48px,6vw,96px);padding-block:clamp(56px,7vw,96px);display:grid}.mb-siegel{grid-area:siegel;width:clamp(240px,23vw,330px)}.mb-siegel svg{width:100%;height:auto;display:block;overflow:visible}.mb-drehung{transform-box:view-box;transform-origin:120px 120px;transition:transform 1.4s cubic-bezier(.16,1,.3,1)}.mb-ringschrift{font-family:var(--font-kopf);text-transform:uppercase;fill:var(--color-blau);font-size:11px;font-weight:700}.mb-wort{font-family:var(--font-kopf);letter-spacing:-.02em;text-anchor:middle;fill:#fff;font-size:31px;font-weight:800}.mb-zeile{font-family:var(--font-kopf);letter-spacing:.34em;text-transform:uppercase;text-anchor:middle;fill:#ffffffd1;font-size:11.5px;font-weight:700}.mb-glanz{transform:translate(0)}.mb[data-an] .mb-glanz{animation:1.5s cubic-bezier(.45,0,.25,1) 1.1s mb-glanz}@keyframes mb-glanz{to{transform:translate(380px)}}@media (hover:hover){.mb-siegel:hover .mb-glanz{transition:transform 1.1s cubic-bezier(.45,0,.25,1);transform:translate(380px)}.mb-siegel:hover .mb-drehung{transform:rotate(24deg)}}.mb-text{grid-area:text;align-self:end}.mb-text h2{max-width:16ch;font-family:var(--font-kopf);letter-spacing:-.035em;font-size:clamp(34px,3.8vw,54px);font-weight:800;line-height:1.04}.mb-text p{color:#ffffffb8;max-width:34rem;margin-top:16px;font-size:18px;line-height:1.6}.mb-zahlen{border-top:1px solid #ffffff24;grid-area:zahlen;grid-template-columns:repeat(4,minmax(0,1fr));align-self:start;margin-top:40px;padding-top:32px;display:grid}.mb-zahlen li{border-left:1px solid #ffffff24;flex-direction:column;padding-inline:24px;display:flex}.mb-zahlen li:first-child{border-left:0;padding-left:0}.mb-zahl-icon{color:#8db5ff}.mb-zahl{font-family:var(--font-kopf);letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin-top:16px;font-size:clamp(36px,3.4vw,54px);font-weight:800;line-height:1}.mb-zahl-text{color:#ffffffb3;margin-top:10px;font-size:15px;line-height:1.4}@media (min-width:768px){.mb{padding-inline:20px}.mb-flaeche{border-radius:44px}}@media (max-width:1023px){.mb-raster{grid-template-areas:"siegel text""zahlen zahlen"}.mb-siegel{width:clamp(150px,24vw,210px)}.mb-text{align-self:center}}@media (max-width:639px){.mb-raster{grid-template-columns:minmax(0,1fr);grid-template-areas:"siegel""text""zahlen"}.mb-siegel{width:188px;margin-bottom:28px}.mb-text p{font-size:17px}.mb-zahlen{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px;margin-top:32px;padding-top:28px}.mb-zahlen li,.mb-zahlen li:first-child{border-left:0;padding:0}.mb-zahlen li:nth-child(2n){border-left:1px solid #ffffff24;padding-left:20px}}@media (prefers-reduced-motion:reduce){.mb[data-an] .mb-glanz{animation:none}.mb-drehung,.mb-siegel:hover .mb-glanz{transition:none}}
