.services-main .service-cards-accounting-period-toggle{display:flex;justify-content:center;align-items:center;gap:.8rem}.services-main .service-cards-accounting-period-toggle .accounting-period-toggle-wrapper{position:relative;display:flex;justify-content:center;align-items:center;gap:1rem;border-radius:999px;background-color:rgb(from var(--ink) r g b/35%);box-shadow:0 4px 10px #090c143d,inset 0 -1px #090c1447}.services-main .service-cards-accounting-period-toggle .accounting-period-toggle-wrapper:before{content:" ";position:absolute;top:0;left:0;width:50%;height:100%;border-radius:999px;background:linear-gradient(90deg,rgba(from var(--accent) r g b/70%),rgba(from var(--accent-alternate) r g b/70%));box-shadow:0 4px 10px #090c143d,inset 0 -1px #090c1447;transition:all .3s ease-in-out;z-index:1;transform:translate(0)}.services-main .service-cards-accounting-period-toggle .accounting-period-toggle-wrapper.toggled:before{transform:translate(100%)}.services-main .service-cards-accounting-period-toggle .accounting-period-toggle-wrapper .toggle-label{position:relative;z-index:2;font-size:clamp(12px,.75rem + .2vw,16px);font-weight:500;line-height:1.2rem;color:var(--ink);cursor:pointer;-webkit-user-select:none;user-select:none;padding:1.25rem .75rem;margin:0 .5rem}.services-main .service-cards-accounting-period-toggle .accounting-period-toggle-wrapper .toggle-label.discounted{position:relative}.services-main .service-cards-accounting-period-toggle .accounting-period-toggle-wrapper .toggle-label.discounted:before{position:absolute;display:flex;content:"-10%";--top: 0rem;--size: 2.25rem;top:var(--top);right:-1.5rem;width:var(--size);height:var(--size);border-radius:999px;font-size:.7rem;align-items:center;justify-content:center;text-align:center;padding:.1cqw;background-color:rgba(from var(--purple) r g b/90%);transform:translateY(-.5rem) rotate(40deg)}.services-main .services-cards-content-title{margin:0;font-size:var(--font-size-h2)}.services-main .services-cards-content-description{margin:0;font-size:var(--font-size-h6);line-height:150%;color:var(--ink-soft)}.services-main .service-card{--card-reveal-x: 20px;--card-hover-y: 0px;transform:translate3d(var(--card-reveal-x),var(--card-hover-y),0)!important}.services-main .service-card[data-reveal-state=revealed]{--card-reveal-x: 0px}.services-main .service-card{position:relative;perspective:1200px;transform-style:preserve-3d;display:grid;grid-template-rows:auto auto minmax(0,1fr) max-content;align-content:start;min-height:calc((1 - var(--is-mobile, 0)) * 55vh + var(--is-mobile, 0) * 55vh);width:calc((1 - var(--is-mobile, 0)) * 100% + var(--is-mobile, 0) * 100%);justify-self:center;background-color:var(--bg-dark-20);padding:8% 2% 2%;border:1px solid #e0e0e0;border-radius:16px;text-align:center;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.services-main .service-card.best-value,.services-main .service-card.discounted-10,.services-main .service-card.discounted-20,.services-main .service-card.discounted-30,.services-main .service-card.discounted-40,.services-main .service-card.discounted-50{--notch-text: "10% Rabatt"}.services-main .service-card.best-value:before,.services-main .service-card.discounted-10:before,.services-main .service-card.discounted-20:before,.services-main .service-card.discounted-30:before,.services-main .service-card.discounted-40:before,.services-main .service-card.discounted-50:before{padding:.4rem 1rem;height:2cqh;width:25%;color:var(--ink);background:linear-gradient(90deg,rgba(from var(--accent) r g b/70%),rgba(from var(--purple) r g b/80%))}.services-main .service-card.best-value{--notch-text: "Best Value"}.services-main .service-card.best-value:before{background:linear-gradient(90deg,rgba(from var(--accent-alternate) r g b/70%),rgba(from var(--purple) r g b/80%));background-size:100% 100%}.services-main .service-card.discounted-20{--notch-text: "20% Rabatt"}.services-main .service-card.discounted-30{--notch-text: "30% Rabatt"}.services-main .service-card.discounted-40{--notch-text: "40% Rabatt"}.services-main .service-card.discounted-50{--notch-text: "50% Rabatt"}.services-main .service-card:before{content:var(--notch-text, "");display:flex;justify-content:center;align-items:center;position:absolute;color:var(--ink-alternate);z-index:5;top:0;left:50%;transform:translate(-50%);--br-r: 10px;border-radius:0 0 var(--br-r) var(--br-r);background:linear-gradient(90deg,rgba(from var(--accent-alternate) r g b/70%),rgba(from var(--accent) r g b/70%));box-shadow:0 0 10px #090c1424,inset 0 -1px #090c142e}.services-main .service-card:hover{--card-hover-y: -5px;box-shadow:0 4px 20px #0000001a}.services-main .service-card:hover .card-effectivePrice{background-size:100% 100%,100% 100%;transition:background-size .3s ease-out;animation:sparkle 1.5s infinite ease-in-out}@keyframes sparkle{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}to{transform:scale(1);opacity:1}}.services-main .service-card .service-card-lower{grid-row:3/4;min-height:0;perspective:900px}.services-main .service-card .service-card-lower-inner{position:relative;min-height:100%;display:grid;transform-style:preserve-3d}.services-main .service-card .service-card-lower-face{display:grid;min-height:100%;align-content:start;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:transform .58s cubic-bezier(.22,1,.36,1),opacity .3s ease;transform-style:preserve-3d;will-change:transform,opacity}.services-main .service-card .service-card-lower-front{grid-area:1/1;grid-template-rows:minmax(0,1fr) auto auto;transform:rotateY(0);opacity:1;pointer-events:auto;z-index:2}.services-main .service-card .service-card-lower-back{position:absolute;inset:0;grid-area:1/1;grid-template-rows:minmax(0,1fr) auto;transform:rotateY(-180deg);opacity:0;pointer-events:none;z-index:1;overflow:hidden}.services-main .service-card.config-expanded .service-card-lower-front{transform:rotateY(180deg);opacity:0;pointer-events:none}.services-main .service-card.config-expanded .service-card-lower-back{transform:rotateY(0);opacity:1;pointer-events:auto;z-index:3}.services-main .service-card .card-title{grid-row:1/2;text-wrap:nowrap;font-size:clamp(20px,1.5rem,24px);font-family:Roboto,sans-serif;color:var(--ink);display:flex;height:100%;justify-content:center;align-items:center}.services-main .service-card .card-price-wrapper{grid-row:2/3;display:flex;flex-direction:column;justify-content:center;height:100%}.services-main .service-card .card-defaultPrice{position:relative;color:var(--ink-soft);text-decoration:line-through}.services-main .service-card .card-defaultPrice.force-render:after{content:" ";display:block;width:100%;min-height:var(--font-size-h6);line-height:140%;text-wrap:balance;padding-top:.4rem}.services-main .service-card .card-maintenancePrice{color:var(--ink-soft);font-style:italic;font-size:.7rem}.services-main .service-card .card-description,.services-main .service-card .card-bulletpoints{grid-row:1/2;position:relative;color:var(--ink);list-style:none;padding:0;padding-top:1cqh;margin:0;width:100%;display:flex;flex-direction:column}.services-main .service-card .card-description li,.services-main .service-card .card-bulletpoints li{position:relative;display:flex;margin-bottom:2cqh;text-align:left;align-self:center;align-items:center;width:100%;padding-left:10%;font-size:.8rem}.services-main .service-card .card-description li[data-reveal-state=revealed] .icon,.services-main .service-card .card-bulletpoints li[data-reveal-state=revealed] .icon{--speed: .4s;animation:half-spin var(--speed) normal linear}.services-main .service-card .card-description li .icon,.services-main .service-card .card-bulletpoints li .icon{--size: 1.3rem;flex:0 0 var(--size);display:grid;position:static;place-items:center;background-color:rgba(from var(--primary) r g b/60%);color:var(--ink);box-shadow:0 2px 4px rgba(from var(--primary) r g b/40%);border-radius:999px;padding:.2cqh .2cqw;margin-right:2cqw;height:var(--size);width:var(--size)}.services-main .service-card .card-description li p,.services-main .service-card .card-bulletpoints li p{font-size:.8rem}.services-main .service-card .divider{grid-row:4/5;display:block;height:1px;background-color:#cccccce0}.services-main .service-card .card-effectivePrice-wrapper{grid-row:2/3;display:flex;justify-content:center;align-items:baseline;gap:5px}.services-main .service-card .card-effectivePrice{margin-top:0;padding-top:0;background-image:linear-gradient(90deg,rgba(from var(--accent) r g b/80%) 0% 100%),linear-gradient(90deg,rgba(from var(--accent) r g b/100%) 0% 100%);background-repeat:no-repeat;background-size:100% 100%,0% 100%;background-position:0 0,0 0;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;margin-block-end:0;font-size:clamp(16px,5rem,32px);transition:background-size .7s ease-in}.services-main .service-card .card-effectivePriceOccurence{grid-row:2/3;color:rgba(from var(--accent) r g b/50%);font-size:.8rem;margin-block-end:0}.services-main .service-card .configure-text-wrapper{grid-row:4;display:flex;justify-content:center;height:100%;padding:.4rem}.services-main .service-card .configure-text-wrapper .configure-text{color:var(--ink-soft);font-size:1rem}.services-main .service-card .configure-text-wrapper .configure-text:hover:not(:disabled){color:var(--ink);cursor:pointer;text-decoration:underline}.services-main .service-card .configure-text-wrapper .configure-text:disabled{color:rgb(from var(--ink-soft) r g b/55%);cursor:not-allowed}.services-main .service-card .service-card-lower-back .service-config-panel{grid-row:1/2;display:flex;flex-direction:column;gap:.65rem;border-top:1px dashed rgb(from var(--ink-soft) r g b/30%);margin-top:.35rem;padding-top:.75rem;padding-bottom:.75rem;height:100%;max-height:100%;min-height:0;align-self:stretch;overflow-y:auto}.services-main .service-card .card-button-wrapper{grid-row:5;display:flex;justify-content:center;align-items:center;gap:1rem}.services-main .service-card .card-button-wrapper .card-bookmark-btn{--bookmark-rotations: 2.5;--rotation-time: .22s;--bookmark-rotation-time: calc(var(--bookmark-rotations) * var(--rotation-time));position:relative;display:grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:999px;perspective:2.5rem;transform-style:preserve-3d;transition:transform var(--bookmark-rotation-time) cubic-bezier(.4,0,.2,1),background-color .2s ease;transform:rotateY(0) translateY(0)}.services-main .service-card .card-button-wrapper .card-bookmark-btn:hover{background-color:rgba(from var(--accent) r g b/30%);color:var(--ink-alternate);transform:rotateY(var(--bookmark-rotate, 0deg)) translateY(-.2rem)}.services-main .service-card .card-button-wrapper .card-bookmark-btn.is-bookmarked{--bookmark-rotate: calc(var(--bookmark-rotations) * 360deg);transition:transform var(--bookmark-rotation-time) cubic-bezier(.4,0,.2,1),background-color .2s ease;transform:rotateY(var(--bookmark-rotate)) translateY(0)}.services-main .service-card .card-button-wrapper .card-bookmark-btn.is-bookmarked:hover{transform:rotateY(var(--bookmark-rotate)) translateY(-.2rem)}.services-main .service-card .card-button-wrapper .card-bookmark-btn svg{position:absolute;transition:opacity .2s ease-in-out;backface-visibility:hidden;color:var(--ink)}.services-main .service-card .card-button-wrapper .card-bookmark-btn svg:first-of-type{transform:rotateY(0)}.services-main .service-card .card-button-wrapper .card-bookmark-btn svg:last-of-type{transform:rotateY(180deg)}.services-main .service-card .card-button-wrapper .card-bookmark-btn .hide{opacity:0}.services-main .service-card .card-detail-list{list-style:none;padding:0;padding-top:1cqh;margin:0;width:100%;display:flex;flex-direction:column;justify-content:center}.services-main .service-card .card-detail-list li{position:relative;display:flex;margin-bottom:1.1cqh;text-align:left;align-self:center;align-items:center;width:100%;padding-left:5%;font-size:.8rem}.services-main .service-card .card-detail-list li[data-reveal-state=revealed] .icon{--speed: .4s;animation:half-spin var(--speed) normal linear}.services-main .service-card .card-detail-list li .icon{--size: 1.3rem;flex:0 0 var(--size);display:grid;position:static;place-items:center;color:var(--ink);margin-right:1cqw;height:var(--size);width:var(--size)}.services-main .service-card .card-detail-list li p{font-size:.8rem}.services-main .service-disclaimer{padding-top:1vh;text-align:center;font-size:.9rem;color:var(--ink-soft)}