:root{--background:#f4f4f5;--background-dark:#2c2c2a;--background-light:#f4f4f5;--text-color:#222d3a;--headline-color:#222d3a;--main-color:#96a2b0;--white:#fff;--border-color:#d9d9d9;--highlight-color:#b41c30;--fairplay-blue:#373737;--h1-size:42px;--h1-size-big:63px;--h1-line-height:103%;--h2-size:30px;--h2-line-height:120%;--h3-size:32px;--h3-line-height:137%;--h4-size:20px;--h4-line-height:120%;--h5-size:20px;--h5-line-height:120%;--p-size:16px;--p-size-m:16px;--p-line-height:165%;--gutter-inline:12px;--gutter-elements:24px}.branchenTeaser{width:100%}.branchenTeaser .branchenGrid{border-radius:32px;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;display:grid;overflow:hidden;box-shadow:0 40px 80px #0000001f}@media (max-width:991.98px){.branchenTeaser .branchenGrid{border-radius:24px;grid-template-columns:1fr}}.branchenTeaser .branchenCard{background:var(--background-dark);border-right:1px solid #ffffff14;align-items:flex-end;min-height:600px;transition:transform .4s,box-shadow .4s,filter .4s;display:flex;position:relative;overflow:hidden}.branchenTeaser .branchenCard:last-child{border-right:none}@media (max-width:991.98px){.branchenTeaser .branchenCard{min-height:520px}}@media (max-width:768.98px){.branchenTeaser .branchenCard{border-bottom:1px solid #ffffff14;border-right:none;min-height:440px}.branchenTeaser .branchenCard:last-child{border-bottom:none}}.branchenTeaser .branchenCard:hover .branchenOverlay{opacity:.5}.branchenTeaser .branchenImage{position:absolute;inset:0}.branchenTeaser .branchenImage img{object-fit:cover}.branchenTeaser .branchenOverlay{background:linear-gradient(#0000004d 0%,#000000d9 100%);transition:opacity .4s;position:absolute;inset:0}.branchenTeaser .branchenContent{z-index:5;color:var(--white);flex-direction:column;gap:16px;max-width:420px;padding:48px;display:flex;position:relative}@media (max-width:991.98px){.branchenTeaser .branchenContent{max-width:100%;padding:32px}}.branchenTeaser .branchenContent h3{letter-spacing:.02em;color:var(--white);text-shadow:0 2px 12px #0006;margin:0;font-size:30px;font-weight:700}.branchenTeaser .branchenContent p{color:var(--white);text-shadow:0 1px 8px #0000004d;margin:0;font-size:16px;line-height:165%}.branchenTeaser .branchenContent .customBtn{align-self:flex-start}
:root{--background:#f4f4f5;--background-dark:#2c2c2a;--background-light:#f4f4f5;--text-color:#222d3a;--headline-color:#222d3a;--main-color:#96a2b0;--white:#fff;--border-color:#d9d9d9;--highlight-color:#b41c30;--fairplay-blue:#373737;--h1-size:42px;--h1-size-big:63px;--h1-line-height:103%;--h2-size:30px;--h2-line-height:120%;--h3-size:32px;--h3-line-height:137%;--h4-size:20px;--h4-line-height:120%;--h5-size:20px;--h5-line-height:120%;--p-size:16px;--p-size-m:16px;--p-line-height:165%;--gutter-inline:12px;--gutter-elements:24px}.benefitCard{background:var(--white);border-radius:24px;flex-direction:column;height:100%;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden;box-shadow:0 8px 32px #00000014}.benefitCard:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000001f}.benefitCard .benefitImage{flex-shrink:0;width:100%;height:380px;position:relative}@media (max-width:991.98px){.benefitCard .benefitImage{height:320px}}.benefitCard .benefitImage img{object-fit:cover}@media (min-width:991.98px){.benefitCard.reversed{flex-direction:column-reverse}}.benefitCard .benefitContent{text-align:center;background:#9ba5b0;flex-direction:column;flex-grow:1;align-items:center;gap:20px;padding:40px 32px;display:flex}@media (max-width:991.98px){.benefitCard .benefitContent{padding:32px 24px}}.benefitCard .benefitIcon{background:#ffffff40;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:100px;height:100px;display:flex}.benefitCard .benefitIcon img{object-fit:contain;width:60px;height:60px}.benefitCard h4{color:var(--white);margin:0;font-size:20px;font-weight:500;line-height:140%}@media (max-width:991.98px){.benefitCard h4{font-size:18px}.row>[class*=col-]:not(:last-child){margin-bottom:24px}}@media (min-width:991.98px) and (max-width:1199.98px){.row>.col-lg-4:nth-child(3){margin-top:24px}}
