.hbp-optionen .hb-icon{display:inline-block;height:1em;vertical-align:-.125em;width:1em}.hbp-optionen{--c-primary:var(--hb-dark-blue-500,#004e87);--c-text:var(--hb-grey-500,#2b2f36);--c-text-2:var(--hb-grey-400,#595959);--c-line:var(--hb-grey-200,#e4e4e4);--radius:16px;font-family:var(--hb-font-family-base,"Roboto",sans-serif);padding:var(--hb-space-7,48px) var(--hb-space-4,16px)}.hbp-optionen__inner{margin:0 auto;max-width:1420px}.hbp-optionen__title{color:var(--c-text);font-size:2rem;font-weight:700;line-height:1.2;margin:0 0 var(--hb-space-6,32px);text-align:center}.hbp-optionen__grid{align-items:stretch;display:grid;gap:var(--hb-space-6,32px);grid-template-columns:1fr .88fr 1fr}.hbp-optionen__card{align-items:flex-start;border-radius:var(--radius);box-shadow:0 8px 24px rgba(0,0,0,.06);display:flex;flex-direction:column;padding:var(--hb-space-6,32px)}.hbp-optionen__card--kleiner{background:#fff;border:2px solid var(--card-color)}.hbp-optionen__card--groesser{background:var(--card-color);border:2px solid var(--card-color)}.hbp-optionen__badge{border-radius:50px;color:#fff;display:inline-block;font-size:.6875rem;font-weight:700;letter-spacing:.04em;line-height:1.3;margin-bottom:var(--hb-space-3,12px);padding:4px 12px;text-transform:uppercase}.hbp-optionen__card--kleiner .hbp-optionen__badge{background:var(--card-color);background:color-mix(in srgb,var(--card-color) 67%,#fff)}.hbp-optionen__card--groesser .hbp-optionen__badge{background:var(--akzent)}.hbp-optionen__card-title{color:var(--c-text);font-size:1.5rem;font-weight:700;line-height:1.2;margin:0 0 6px}.hbp-optionen__subtitle{color:var(--c-text-2);font-size:.8125rem;line-height:1.45;margin:0}.hbp-optionen__price{color:var(--c-text);font-size:.875rem;margin:var(--hb-space-5,24px) 0 0}.hbp-optionen__price-value{font-size:1.375rem;font-weight:700}.hbp-optionen__card--groesser .hbp-optionen__card-title,.hbp-optionen__card--groesser .hbp-optionen__price,.hbp-optionen__card--groesser .hbp-optionen__subtitle{color:#fff}.hbp-optionen__cta{margin-top:auto;padding-top:var(--hb-space-6,32px);width:100%}.hbp-optionen__btn{align-items:center;border:2px solid transparent;display:inline-flex;font-size:1rem;font-weight:700;justify-content:center;line-height:1.2;min-height:44px;padding:10px 20px;text-align:center;text-decoration:none;transition:background-color .3s ease-in-out,border-color .3s ease-in-out,color .3s ease-in-out,box-shadow .3s ease-in-out;width:100%}.hbp-optionen__card--kleiner .hbp-optionen__btn{border-radius:50px}.hbp-optionen__card--kleiner .hbp-optionen__btn:hover{background:color-mix(in srgb,var(--card-color) 10%,#fff)}.hbp-optionen__card--kleiner .hbp-optionen__btn:active{box-shadow:0 0 3px 0 var(--card-color) inset}.hbp-optionen__card--groesser .hbp-optionen__btn{background:var(--akzent);border-color:var(--akzent);border-radius:8px;color:#fff}.hbp-optionen__card--groesser .hbp-optionen__btn:hover{background:color-mix(in srgb,var(--akzent) 78%,#fff);border-color:color-mix(in srgb,var(--akzent) 78%,#fff)}.hbp-optionen__card--groesser .hbp-optionen__btn:active{box-shadow:inset 0 0 20px 0 rgba(0,0,0,.45)}.hbp-optionen__btn:focus{outline:none}.hbp-optionen__btn:focus-visible{outline:var(--hb-focus-ring,2px solid #0374c7);outline-offset:2px}.hbp-optionen__skala{align-self:center;background:#fff;border-radius:20px;box-shadow:0 8px 24px rgba(0,0,0,.06);padding:var(--hb-space-5,24px)}.hbp-optionen__skala-inner{align-items:flex-start;display:flex;gap:var(--hb-space-2,8px);justify-content:center}.hbp-optionen__skala-pfeil{color:var(--c-line);flex:0 0 auto;font-size:1.25rem;margin-top:3px}.hbp-optionen__skala-linie{background:var(--c-line);flex:1 1 auto;height:2px;margin-top:9px;min-width:16px}.hbp-optionen__skala-punkt{align-items:center;display:flex;flex:0 0 auto;flex-direction:column;gap:6px}.hbp-optionen__skala-dot{background:var(--dot-color);border-radius:50%;height:20px;width:20px}.hbp-optionen__skala-label{color:var(--dot-color);font-size:.9375rem;font-weight:700;line-height:1.2;white-space:nowrap}@media (max-width:991px){.hbp-optionen__grid{grid-template-columns:1fr 1fr}.hbp-optionen__skala{display:none}}@media (max-width:639px){.hbp-optionen{padding:var(--hb-space-6,32px) var(--hb-space-4,16px)}.hbp-optionen__title{font-size:1.625rem}.hbp-optionen__grid{gap:var(--hb-space-5,24px);grid-template-columns:1fr}.hbp-optionen__card{padding:var(--hb-space-5,24px)}.hbp-optionen__card-title{font-size:1.375rem}}@media (prefers-reduced-motion:reduce){.hbp-optionen__btn{transition:none}}.hbp-optionen__card--groesser .hbp-optionen__btn{filter:none;transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.hbp-optionen__card--groesser .hbp-optionen__btn:hover{background:var(--akzent);background:color-mix(in srgb,var(--akzent) 88%,#fff);border-color:color-mix(in srgb,var(--akzent) 88%,#fff);color:#fff;filter:none}.hbp-optionen__card--groesser .hbp-optionen__btn:active{background:color-mix(in srgb,var(--akzent) 67%,#000);border-color:color-mix(in srgb,var(--akzent) 67%,#000);box-shadow:inset 0 2px 4px rgba(0,0,0,.15)}.hbp-optionen__card--groesser .hbp-optionen__btn:focus{outline:none}.hbp-optionen__card--groesser .hbp-optionen__btn:focus-visible{outline:1px dashed var(--akzent);outline-offset:2px}.hbp-optionen__card--groesser .hbp-optionen__btn:disabled,.hbp-optionen__card--groesser .hbp-optionen__btn[aria-disabled=true]{cursor:not-allowed;opacity:.5;pointer-events:none}.hbp-optionen__card--kleiner .hbp-optionen__btn{background:#fff;border-color:var(--akzent);color:var(--akzent);filter:none}.hbp-optionen__card--kleiner .hbp-optionen__btn:hover{background:#fff;border-color:color-mix(in srgb,var(--akzent) 88%,#fff);color:color-mix(in srgb,var(--akzent) 88%,#fff);filter:none}.hbp-optionen__card--kleiner .hbp-optionen__btn:active{background:#fff;border-color:color-mix(in srgb,var(--akzent) 67%,#000);box-shadow:inset 0 2px 4px rgba(0,0,0,.15);color:color-mix(in srgb,var(--akzent) 67%,#000)}.hbp-optionen__card--kleiner .hbp-optionen__btn{border-color:var(--card-color);color:var(--card-color)}.hbp-optionen__card--kleiner .hbp-optionen__btn:hover{border-color:color-mix(in srgb,var(--card-color) 88%,#fff);color:color-mix(in srgb,var(--card-color) 88%,#fff)}.hbp-optionen__card--kleiner .hbp-optionen__btn:active{border-color:color-mix(in srgb,var(--card-color) 67%,#000);color:color-mix(in srgb,var(--card-color) 67%,#000)}.hbp-optionen__card--kleiner .hbp-optionen__btn:focus-visible{outline-color:var(--card-color)}.hbp-optionen__card--kleiner .hbp-optionen__btn:focus-visible{outline:1px dashed var(--card-color);outline-offset:2px}.hbp-optionen .hbp-optionen__card--kleiner .hbp-optionen__btn{border-radius:8px;border-width:1px;font-weight:500}.hbp-optionen .hbp-optionen__card--groesser .hbp-optionen__title-plus{color:var(--akzent)}.hbp-optionen .hbp-optionen__skala-inner{align-items:flex-start;display:flex;gap:0;justify-content:space-between;padding:0 28px;position:relative}.hbp-optionen .hbp-optionen__skala-inner:before{background:#d9d9d9;content:"";height:3px;left:8px;position:absolute;right:8px;top:8px}.hbp-optionen .hbp-optionen__skala-pfeil{border-bottom:7.5px solid transparent;border-top:7.5px solid transparent;font-size:0;height:0;margin:0;position:absolute;top:2px;width:0}.hbp-optionen .hbp-optionen__skala-pfeil svg{display:none}.hbp-optionen .hbp-optionen__skala-pfeil--links{border-right:12px solid #d9d9d9;left:0}.hbp-optionen .hbp-optionen__skala-pfeil--rechts{border-left:12px solid #d9d9d9;right:0}.hbp-optionen .hbp-optionen__skala-linie{display:none}.hbp-optionen .hbp-optionen__skala-punkt{flex:1 1 0;gap:8px;min-width:0;position:relative;z-index:1}.hbp-optionen .hbp-optionen__skala-dot{box-shadow:0 0 0 3px #fff;height:19px;width:19px}.hbp-optionen .hbp-optionen__badge{align-items:center;display:inline-flex;line-height:1;padding:5px 12px}.hbp-optionen .hbp-optionen__btn:focus{border-style:solid}.hbp-optionen .hbp-optionen__card--kleiner .hbp-optionen__btn:focus:not(:hover):not(:active){border-color:var(--card-color)}.hbp-optionen .hbp-optionen__card--groesser .hbp-optionen__btn:focus:not(:hover):not(:active){border-color:var(--akzent)}.hbp-optionen__card--pkg-creator-website{--card-color:#d982c7;--akzent:#d982c7}.hbp-optionen__card--pkg-starter{--card-color:#2babab;--akzent:#2babab}.hbp-optionen__card--pkg-business{--card-color:#d9214f;--akzent:#d9214f}.hbp-optionen__card--pkg-enterprise{--card-color:#067ac7;--akzent:#067ac7}.hbp-optionen__card--pkg-enterprise-plus{--card-color:#cca55c;--akzent:#2b2f36}.hbp-optionen__skala-punkt--starter{--dot-color:#2babab}.hbp-optionen__skala-punkt--business{--dot-color:#d9214f}.hbp-optionen__skala-punkt--enterprise{--dot-color:#067ac7}.hbp-optionen .hbp-optionen__card--groesser.hbp-optionen__card--pkg-enterprise-plus .hbp-optionen__card-title,.hbp-optionen .hbp-optionen__card--groesser.hbp-optionen__card--pkg-enterprise-plus .hbp-optionen__price,.hbp-optionen .hbp-optionen__card--groesser.hbp-optionen__card--pkg-enterprise-plus .hbp-optionen__subtitle,.hbp-optionen .hbp-optionen__card--groesser.hbp-optionen__card--pkg-enterprise-plus .hbp-optionen__title-plus{color:var(--c-text)}