.fb-beste{padding-block: clamp(48px, 6vw, 88px);background: linear-gradient(180deg, #fff 0%, var(--g-grund) 100%)}.fb-beste .mayolove-headline-with-bar{margin-bottom: 32px}.fb-beste__raster{display: grid;grid-template-areas: "credo credo vorreiter" "nachhilfe verwaltung vorreiter" "live qualitaet dialog";grid-template-columns: repeat(3, minmax(0, 1fr));gap: 18px;margin: 0;padding: 0 !important;list-style: none}.fb-beste__kachel{min-height: 290px;margin: 0;perspective: 1400px}.fb-beste__kachel--credo{grid-area: credo}.fb-beste__kachel--vorreiter{grid-area: vorreiter}.fb-beste__kachel--live{grid-area: live}.fb-beste__kachel--qualitaet{grid-area: qualitaet}.fb-beste__kachel--nachhilfe{grid-area: nachhilfe}.fb-beste__kachel--verwaltung{grid-area: verwaltung}.fb-beste__kachel--dialog{grid-area: dialog}  .fb-beste__karte{position: relative;height: 100%;transform-style: preserve-3d;transition: transform 0.7s cubic-bezier(0.3, 0.7, 0.2, 1)}.fb-beste__karte.ist-gedreht{transform: rotateY(180deg)}  .fb-beste__hinten, .fb-beste__karte.zeigt-hinten .fb-beste__vorn{visibility: hidden}.fb-beste__karte.zeigt-hinten .fb-beste__hinten{visibility: visible}.fb-beste__vorn, .fb-beste__hinten{border-radius: 22px;-webkit-backface-visibility: hidden;backface-visibility: hidden}.fb-beste__vorn{position: relative;display: flex;flex-direction: column;height: 100%;padding: 24px 26px;border: 1px solid var(--g-linie);background: #fff;box-shadow: 0 14px 34px rgb(27 35 64 / 7%);transition: box-shadow 0.25s, transform 0.25s}.fb-beste__kachel:hover .fb-beste__vorn{box-shadow: 0 20px 44px rgb(27 35 64 / 12%)}.fb-beste__vorn h3, .fb-beste__hinten h3{margin: 14px 0 6px;color: var(--g-nacht);font-size: 21px;line-height: 1.25}.fb-beste__vorn > p{margin: 0 0 16px;color: var(--g-text);font-size: 16px;line-height: 1.55}.fb-beste__bild svg{display: block;width: 100%;max-width: 250px;height: auto;overflow: visible}.fb-beste__drehen, .fb-beste__zurueck{display: inline-flex;align-items: center;align-self: flex-start;gap: 8px;min-height: 44px;margin-top: auto;padding: 8px 18px;border: 2px solid var(--g-blau-mittel);border-radius: 999px;background: #fff;color: var(--g-blau);font: 700 15px/1.2 "PT Sans", sans-serif;cursor: pointer}.fb-beste__drehen::before{content: "↻";font-size: 18px}.fb-beste__drehen:hover, .fb-beste__zurueck:hover{background: #eef1f9}.fb-beste :is(button, h3):focus-visible{outline: 3px solid var(--g-fokus);outline-offset: 3px}.fb-beste__hinten{position: absolute;inset: 0;display: flex;flex-direction: column;gap: 8px;overflow: auto;padding: 24px 26px;background: linear-gradient(140deg, #1a275e 0%, var(--g-blau) 100%);color: #fff;transform: rotateY(180deg)}.fb-beste__hinten h3{margin-top: 0;color: #fff}.fb-beste__hinten h3:focus-visible, .fb-beste__hinten button:focus-visible{outline-color: #fff}.fb-beste__lang p{margin: 0 0 10px !important;color: rgb(255 255 255 / 92%) !important;font-size: 15.5px;line-height: 1.6}.fb-beste__lang br{display: none}.fb-beste__zurueck{border-color: #fff;background: transparent;color: #fff}.fb-beste__zurueck::before{content: "←"}.fb-beste__zurueck:hover{background: rgb(255 255 255 / 12%)}  .fb-beste__kachel--credo .fb-beste__vorn{display: grid;grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);grid-template-rows: auto auto 1fr;column-gap: 32px;align-content: start}.fb-beste__kachel--credo .fb-beste__bild{grid-row: 1 / span 3;align-self: center}.fb-beste__kachel--credo .fb-beste__drehen{align-self: end;justify-self: start}  .fb-beste__kachel--credo .fb-beste__vorn{border: 0;background: radial-gradient(circle at 12% 18%, #2d4db3 0%, transparent 55%), linear-gradient(125deg, #1a275e 0%, var(--g-blau) 100%);color: #fff}.fb-beste__kachel--credo .fb-beste__vorn h3{color: #fff}.fb-beste__kachel--credo .fb-beste__vorn > p{color: rgb(255 255 255 / 90%)}.fb-beste__kachel--credo .fb-beste__drehen{border-color: #fff;background: #fff}.fb-beste__zitat{position: relative;margin: 0;padding: 26px 0 0}.fb-beste__zitat::before{position: absolute;top: -22px;left: -6px;color: var(--g-akzent);font: 700 110px/1 Georgia, serif;content: "“";opacity: 0.55}.fb-beste__zitat p{position: relative;margin: 0 !important;color: #fff !important;font-size: clamp(22px, 2.3vw, 30px) !important;font-weight: 700;line-height: 1.28 !important}.fb-beste__zitat footer{margin-top: 12px;color: #c9d4ff;font-size: 15px;font-weight: 700;letter-spacing: 0.06em;text-transform: uppercase}  .fb-beste__zeit{display: grid;gap: 14px;margin: 6px 0 4px 8px;padding: 0 0 0 20px !important;border-left: 2px solid var(--g-linie);list-style: none}.fb-beste__zeit li{position: relative;display: grid;gap: 2px;margin: 0}.fb-beste__zeit li::before{position: absolute;top: 5px;left: -28px;width: 14px;height: 14px;border: 3px solid #fff;border-radius: 50%;background: var(--g-blau-mittel);box-shadow: 0 0 0 2px var(--g-blau-mittel);content: ""}.fb-beste__zeit b{color: var(--g-blau-mittel);font-size: 18px}.fb-beste__zeit span{color: var(--g-text);font-size: 15px;line-height: 1.4}.fb-beste__kachel--vorreiter .fb-beste__bild{display: flex;flex: 1;align-items: center;order: 3}.fb-beste__kachel--vorreiter h3{margin-top: 0}.fb-beste__kachel--vorreiter .fb-beste__vorn > p{order: 2}.fb-beste__kachel--vorreiter .fb-beste__vorn > h3{order: 1}.fb-beste__kachel--vorreiter .fb-beste__drehen{order: 4;margin-top: 18px}.fb-beste__kachel--vorreiter .fb-beste__zeit{gap: 22px}  .fb-beste__chat{display: grid;gap: 8px}.fb-beste__chat p{max-width: 82%;margin: 0 !important;padding: 10px 14px;border-radius: 16px;font-size: 15px;line-height: 1.4}.fb-beste__chat .ist-links{justify-self: start;border: 1px solid var(--g-linie);border-bottom-left-radius: 4px;background: var(--g-grund);color: var(--g-text)}.fb-beste__chat .ist-rechts{justify-self: end;border-bottom-right-radius: 4px;background: var(--g-blau);color: #fff}  .bs-klein{fill: var(--g-text);font: 700 12px "PT Sans", sans-serif}.bs-haken{fill: none;stroke: #2b8a3e;stroke-width: 3.2;stroke-linecap: round;stroke-linejoin: round}.bs-pfeil{fill: none;stroke: var(--g-blau-mittel);stroke-width: 3;stroke-linecap: round;stroke-linejoin: round}.bs-null{fill: #2b8a3e}.fb-beste__kachel--verwaltung .fb-beste__vorn{border-color: transparent;background: linear-gradient(140deg, var(--g-blau-mittel) 0%, var(--g-blau) 100%);color: #fff}.fb-beste__kachel--verwaltung .fb-beste__vorn h3, .fb-beste__kachel--verwaltung .fb-beste__vorn > p{color: #fff}.fb-beste__kachel--verwaltung .fb-beste__drehen{border-color: #fff;background: transparent;color: #fff}.fb-beste__kachel--verwaltung .fb-beste__drehen:hover{background: rgb(255 255 255 / 12%)}.fb-beste__kachel--verwaltung .fb-beste__drehen:focus-visible{outline-color: #fff}.fb-beste__service{display: flex;align-items: center;justify-content: space-between;gap: 12px}.fb-beste__liste{display: grid;gap: 8px;margin: 0 !important;padding: 0 !important;list-style: none}.fb-beste__liste li{display: flex;align-items: center;gap: 8px;margin: 0;font-size: 16px;font-weight: 700}.fb-beste__liste svg{flex: none;width: 22px;height: 22px;padding: 3px;border-radius: 50%;background: #fff;fill: none;stroke: #2b8a3e;stroke-width: 3.4;stroke-linecap: round;stroke-linejoin: round}.fb-beste__stempel{display: grid;flex: none;width: 96px;height: 96px;margin: 0 !important;place-content: center;border: 3px solid #fff;border-radius: 50%;color: #fff;font-size: 12px;font-weight: 700;line-height: 1.15;text-align: center;transform: rotate(-12deg)}.fb-beste__stempel b{font-size: 28px;line-height: 1}  .bs-geraet{fill: #1f2e6e}.bs-schirm{fill: #2d57b8}.bs-hell{fill: #bcd0ff}.bs-akzent{fill: var(--g-akzent)}.bs-sockel{fill: #9fb4de}.bs-winzig{fill: #fff;font: 700 9px "PT Sans", sans-serif}.bs-welle{fill: none;stroke: var(--g-blau-mittel);stroke-width: 4;stroke-linecap: round}.bs-buegel{fill: none;stroke: var(--g-blau);stroke-width: 6;stroke-linecap: round}.bs-schloss{fill: var(--g-blau)}.bs-tafel{fill: #fff;stroke: #cfd8ea;stroke-width: 2}.bs-achse{fill: none;stroke: #cfd8ea;stroke-width: 2}.bs-kurve{fill: none;stroke: var(--g-blau-mittel);stroke-width: 4;stroke-linecap: round;stroke-linejoin: round}.bs-punkt{fill: #2b8a3e}.bs-person{fill: var(--g-blau)}.bs-zeiger{stroke: var(--g-blau);stroke-width: 4;stroke-linecap: round}.bs-stern{fill: #f0b429}.bs-faden{stroke: #9fb4de;stroke-width: 2}.bs-anhaenger{fill: var(--g-blau)}  @media (prefers-reduced-motion: no-preference){.fb-beste:not(.ist-sichtbar) .bs-buegel{transform: translateY(-10px)}.fb-beste .bs-buegel{transition: transform 0.5s 0.9s cubic-bezier(0.34, 1.56, 0.64, 1)}.fb-beste.ist-sichtbar .bs-welle{animation: bs-welle 1.6s ease-in-out infinite;animation-delay: var(--v, 0s)}.fb-beste.ist-sichtbar .bs-blinken{animation: bs-blinken 1s steps(2, jump-none) infinite}.fb-beste .bs-kurve{stroke-dasharray: 1;transition: stroke-dashoffset 1.2s 0.3s ease-out}.fb-beste:not(.ist-sichtbar) .bs-kurve{stroke-dashoffset: 1}.fb-beste .bs-punkt, .fb-beste .bs-stern{transform-box: fill-box;transform-origin: center;transition: opacity 0.4s, transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1)}.fb-beste .bs-punkt{transition-delay: 1.4s}.fb-beste .bs-stern{transition-delay: var(--v, 0s)}.fb-beste:not(.ist-sichtbar) :is(.bs-punkt, .bs-stern){opacity: 0;transform: scale(0.2)}.fb-beste .bs-landen{transition: transform 0.8s 0.2s cubic-bezier(0.34, 1.3, 0.64, 1), opacity 0.4s 0.2s}.fb-beste:not(.ist-sichtbar) .bs-landen{opacity: 0;transform: translateY(-40px)}.fb-beste.ist-sichtbar .bs-schwingen{animation: bs-schwingen 1.4s 0.9s ease-out both}.fb-beste__chat p, .fb-beste__zeit li{transition: opacity 0.5s, transform 0.5s;transition-delay: var(--v, 0s)}.fb-beste:not(.ist-sichtbar) :is(.fb-beste__chat p, .fb-beste__zeit li){opacity: 0;transform: translateY(10px)}.fb-beste__zitat p{transition: opacity 0.7s 0.1s, transform 0.7s 0.1s}.fb-beste:not(.ist-sichtbar) .fb-beste__zitat p{opacity: 0;transform: translateY(12px)}.fb-beste__kachel:hover .fb-beste__vorn{transform: translateY(-3px)}  .fb-beste .bs-haken{stroke-dasharray: 30;transition: stroke-dashoffset 0.4s;transition-delay: var(--v, 0s)}.fb-beste .bs-tag{transition-delay: var(--v, 0s)}.fb-beste:not(.ist-sichtbar) .bs-haken{stroke-dashoffset: 30}.fb-beste .bs-ziel{transform-box: fill-box;transform-origin: center;transition: opacity 0.4s 1.7s, transform 0.5s 1.7s cubic-bezier(0.34, 1.56, 0.64, 1)}.fb-beste:not(.ist-sichtbar) .bs-ziel{opacity: 0;transform: scale(0.6)}.fb-beste__liste li{transition: opacity 0.5s, transform 0.5s;transition-delay: var(--v, 0s)}.fb-beste:not(.ist-sichtbar) .fb-beste__liste li{opacity: 0;transform: translateX(-10px)}.fb-beste__stempel{transition: opacity 0.4s 1.6s, transform 0.5s 1.6s cubic-bezier(0.34, 1.56, 0.64, 1)}.fb-beste:not(.ist-sichtbar) .fb-beste__stempel{opacity: 0;transform: rotate(-12deg) scale(1.6)}}@keyframes bs-welle{0%, 100%{opacity: 0.25}50%{opacity: 1}}@keyframes bs-blinken{50%{opacity: 0}}@keyframes bs-schwingen{0%{transform: rotate(-30deg)}35%{transform: rotate(12deg)}60%{transform: rotate(-6deg)}80%{transform: rotate(3deg)}100%{transform: rotate(0)}}@media (prefers-reduced-motion: reduce){.fb-beste__karte, .fb-beste__vorn{transition: none}}  @media (max-width: 1099px){.fb-beste__raster{grid-template-areas: "credo credo" "nachhilfe verwaltung" "vorreiter vorreiter" "live qualitaet" "dialog dialog";grid-template-columns: repeat(2, minmax(0, 1fr))}.fb-beste__kachel--dialog .fb-beste__vorn{display: flex}.fb-beste__kachel--dialog .fb-beste__drehen{align-self: flex-start}}@media (max-width: 680px){.fb-beste__raster{grid-template-areas: "credo" "nachhilfe" "verwaltung" "vorreiter" "live" "qualitaet" "dialog";grid-template-columns: minmax(0, 1fr)}.fb-beste__kachel{min-height: 0}.fb-beste__kachel--credo .fb-beste__vorn{display: flex}.fb-beste__kachel--credo .fb-beste__drehen{align-self: flex-start}.fb-beste__vorn, .fb-beste__hinten{padding: 20px}}