@charset "UTF-8";
/*
 Theme Name: Verlegeshop
 Description: Child Theme für den Verlegeshop für Fussbodenheizungen
 Template: eduacademy
 Author: Sebastian Bauer - Digital Vitamins GmbH
 Text Domain: verlegeshop
 Version: 1.6.0
*/
.my-tooltip {
  position: relative;
}

.my-tooltip::after {
  content: attr(data-tooltip);
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  background: rgb(202.037037037, 209.0740740741, 247.962962963);
  color: black;
  padding: 6px 10px;
  border-radius: 4px;
  font-size: 13px;
  line-height: 1.4;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.15s ease-in-out;
  z-index: 1000;
  box-shadow: 0px 3px 8px -2px rgba(0, 0, 0, 0.43);
  font-weight: normal;
  font-family: Helvetica, Arial, sans-serif;
}

.my-tooltip:hover::after,
.my-tooltip:hover::before {
  opacity: 1;
}

.dv-vsaddons-product-box {
  background-color: white;
  border-radius: 28px;
}
.dv-vsaddons-product-box .dv-vsaddons-product-box__image-wrapper {
  background-color: white;
  border-radius: 28px;
  border: none;
  padding: 0;
}
.dv-vsaddons-product-box .dv-vsaddons-product-box__image-wrapper img {
  border-radius: 28px;
  width: 100%;
  height: auto;
}
.dv-vsaddons-product-box .dv-vsaddons-product-box__body {
  background-color: #253753;
  color: white;
  padding: 20px;
  border-radius: 28px;
}
.dv-vsaddons-product-box .dv-vsaddons-product-box__body button[type=submit].btn-lavendar {
  background-color: #7083EC;
  border-radius: 12px;
  width: 100%;
}

.dv-vsaddons-modal {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999999;
}

.dv-vsaddons-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.85);
}

.dv-vsaddons-modal__dialog {
  position: relative;
  width: 100vw;
  height: 100vh;
  padding: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dv-vsaddons-modal__img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.dv-vsaddons-modal__close {
  position: fixed;
  top: 1rem;
  right: 1.5rem;
  background: none;
  border: none;
  font-size: 3rem;
  color: white;
  cursor: pointer;
}

.dv-vsaddons-modal-open {
  overflow: hidden;
}

.dv-vsaddons-product-box__cart {
  margin-top: 30px;
}

.dv-vs-project-data {
  width: 1000px;
}

.dv-vsaddons-product-box__price {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 6px;
  row-gap: 2px;
}

.dv-vsaddons-product-box__price del {
  flex: 0 0 100%;
  text-decoration: none;
  color: #a0a0a0;
  font-size: 0.85em;
  display: flex;
  align-items: center;
}

.dv-vsaddons-product-box__price del::before {
  content: "statt ";
  font-size: 0.7em;
  margin-right: 5px;
}

.dv-vsaddons-product-box__price del .woocommerce-Price-amount {
  position: relative;
  display: inline-block;
  padding: 0 3px; /* Puffer für den Strich */
}

.dv-vsaddons-product-box__price del .woocommerce-Price-amount::after {
  content: "";
  position: absolute;
  left: -2px;
  right: -2px;
  top: 50%;
  height: 25px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0,100 C20,80 40,40 60,30 C80,20 95,5 100,0 L90,10 C70,30 50,50 30,70 C10,90 5,95 0,100 Z' fill='%23ff0000'/%3E%3C/svg%3E");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  transform: translateY(-50%);
  pointer-events: none;
}

.dv-vsaddons-product-box__price ins {
  text-decoration: none;
  font-weight: bold;
  font-size: 1.2em;
  display: inline;
}

.dv-vsaddons-product-box__price .price-unit-small {
  display: inline;
  margin-left: 2px;
}

.dv-vsaddons-product-box__price .screen-reader-text {
  display: none;
}

@font-face {
  font-family: "Satoshi-Variable";
  src: url("/wp-content/themes/verlegeshop/assets/fonts/satoshi/Satoshi-Variable.woff2") format("woff2-variations");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
html, body, body * {
  font-family: "Satoshi-Variable", "Inter", sans-serif !important;
  font-weight: 500;
  font-variation-settings: "wght" 500;
}

body {
  font-family: "Satoshi-Variable", "Inter", sans-serif !important;
  font-weight: 500;
  font-variation-settings: "wght" 500;
  line-height: 130%;
  font-size: 22px;
  background-color: var(--wp--preset--color--ti-bg-alt) !important;
}
body span.dashicons {
  font-family: dashicons !important;
}
body h1.alignwide.wp-block-post-title {
  font-size: 32px;
  margin-top: 110px;
}
body .vs-cart-row-top {
  display: grid;
  grid-template-columns: auto 1fr auto auto;
  gap: 14px;
  align-items: center;
}
body .vs-cart-row-bottom {
  margin-top: 0;
}
body .vs-cart-row-top {
  margin-bottom: 0 !important;
  font-size: 16px;
}
body .wc-block-components-main {
  margin-top: 60px !important;
}
body table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-quantity-selector {
  margin-bottom: 0 !important;
}
body .vs-cart-remove-link {
  font-size: 0.85rem;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
  font-weight: 400;
  font-variation-settings: "wght" 500;
  font-size: 12px;
  line-height: 100%;
}
body {
  /* Description immer einzeilig */
}
body .vs-cart-row-top .wc-block-components-product-metadata__description,
body .vs-cart-row-top .wc-block-components-product-metadata__description p {
  margin: 0;
  white-space: nowrap;
}
body .wc-block-cart-item__remove-link {
  display: none !important;
}
body .wc-block-components-product-name {
  text-decoration: none;
  color: black;
}
body .wp-block-woocommerce-cart {
  margin-top: 0 !important;
}
body {
  /* Quantity-Wrapper */
}
body .wc-block-components-quantity-selector {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  height: 35px !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  background: none !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}
body {
  /* Rahmen als Overlay (perfekte rote Ecken) */
}
body .wc-block-components-quantity-selector::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  border: 2px solid rgb(202.037037037, 209.0740740741, 247.962962963) !important; /* Stärke hier anpassen */
  border-radius: inherit !important;
  pointer-events: none !important;
  z-index: 2 !important;
}
body {
  /* Innen-Elemente: nichts darf eigenen Rand zeichnen */
}
body .wc-block-components-quantity-selector__input,
body .wc-block-components-quantity-selector__button {
  position: relative !important;
  z-index: 1 !important;
  height: 35px !important;
  border: 0 !important;
  border-color: transparent !important;
  box-shadow: none !important;
  outline: none !important;
  background: transparent !important;
}
body {
  /* Input */
}
body .wc-block-components-quantity-selector__input {
  width: 44px !important;
  padding: 0 8px !important;
  text-align: center !important;
  font-size: 16px !important;
  line-height: 35px !important;
}
body {
  /* Buttons */
}
body .wc-block-components-quantity-selector__button {
  width: 44px !important;
  padding: 0 !important;
  line-height: 35px !important;
  font-size: 22px !important;
  cursor: pointer !important;
}
body {
  /* Disabled */
}
body .wc-block-components-quantity-selector__button:disabled {
  opacity: 0.45 !important;
  cursor: not-allowed !important;
}
body .wc-block-cart__main .wc-block-cart-items td.wc-block-cart-item__product {
  border-top: 1px solid rgb(202.037037037, 209.0740740741, 247.962962963);
}
body .wc-block-cart__main table.wc-block-cart-items.wp-block-woocommerce-cart-line-items-block {
  border-bottom: 1px solid rgb(202.037037037, 209.0740740741, 247.962962963);
}
body .wc-block-cart-items__header-total {
  display: none;
}
body .wc-block-cart-items__header-image {
  position: relative;
  font-size: 0;
  text-transform: none !important;
}
body {
  /* Neuer Text */
}
body .wc-block-cart-items__header-image::after {
  content: "Ausgewählte Produkte";
  font-size: 22px;
  font-weight: 600;
  font-variation-settings: "wght" 600;
}
body .wc-block-cart-items__header-image {
  text-transform: none !important;
}
body .wp-site-blocks {
  padding-left: 0;
  padding-right: 0;
  background-color: var(--wp--preset--color--ti-bg-alt) !important;
}
body .wp-site-blocks .alignfull.page-title-outer {
  max-width: 1420px !important;
  margin: auto !important;
  min-width: 1317px;
}
body .wp-site-blocks .alignfull.page-title-outer h1.has-text-align-left.page-title.wp-block-post-title {
  font-size: 32px;
  font-weight: 500;
  font-variation-settings: "wght" 600;
  margin-top: 30px;
}
body .wp-site-blocks .alignfull.page-title-outer .page-title {
  max-width: 1420px;
}
body a {
  color: #7083EC;
}
body header.wp-block-template-part > div:nth-child(2) {
  background-color: unset !important;
}
body header.wp-block-template-part {
  position: fixed;
  z-index: 1000;
  width: 100%;
  left: 0;
  top: 16px;
  color: white;
  padding: 0;
}
body header.wp-block-template-part .real-header {
  background-color: unset !important;
}
body header.wp-block-template-part .wp-site-blocks > .wp-block-template-part > .wp-block-group.has-background.real-header2 {
  max-width: 1400px;
  margin-left: auto !important;
  margin-right: auto !important;
}
body header.wp-block-template-part .wp-block-group:not(.is-nowrap) {
  padding-left: 50px;
  padding-right: 50px;
}
body header.wp-block-template-part .wp-block-group.alignwide {
  background-color: #253753;
  padding: 10px;
  border-radius: 20px;
}
body header.wp-block-template-part > div:first-child {
  display: none;
}
body header.wp-block-template-part h1 {
  font-family: "Satoshi-Variable", "Inter", sans-serif !important;
  font-weight: 500;
  font-variation-settings: "wght" 500;
  font-size: 22px;
  line-height: 150%;
}
body .hero {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
body .hero h1 {
  font-family: "Satoshi-Variable", "Inter", sans-serif !important;
  font-weight: 500;
  font-variation-settings: "wght" 500;
  font-size: 56px;
  line-height: 120%;
}
body .hero .wp-container-core-group-is-layout-a46246a7 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: stretch;
  justify-items: stretch;
  width: 100%;
}
@media (max-width: 781px) {
  body .hero .wp-container-core-group-is-layout-a46246a7 {
    grid-template-columns: 1fr;
  }
}
body .hero .wp-container-core-group-is-layout-a46246a7 > .wp-block-group {
  width: 100%;
  height: 100%;
  justify-self: stretch;
  align-self: stretch;
  min-width: 0;
}
body .hero .wp-container-core-group-is-layout-a46246a7 > .wp-block-group-is-layout-constrained {
  height: 100%;
}
body .hero .wp-container-core-group-is-layout-a46246a7 .wp-block-image {
  height: 100%;
  margin: 0 !important; /* rausnehmen, wenn du die Margin behalten willst */
}
body .hero .wp-container-core-group-is-layout-a46246a7 .wp-block-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  aspect-ratio: auto !important; /* überschreibt dein aspect-ratio:1 */
}
body .hero-subline {
  font-family: "Satoshi-Variable", "Inter", sans-serif !important;
  font-weight: 500;
  font-variation-settings: "wght" 500;
  font-size: 22px;
  line-height: 1.2em !important;
}
body a.wp-block-button__link.wp-element-button {
  height: 38px;
  font-family: "Satoshi-Variable", "Inter", sans-serif !important;
  font-weight: 500;
  font-variation-settings: "wght" 500;
  font-size: 16px !important;
  line-height: 100%;
  background-color: #7083EC;
  border-radius: 12px;
  border: none;
  padding: 8px 16px !important;
}
body main.content-page {
  max-width: 1420px !important;
  margin: auto;
  padding-bottom: 250px !important;
}
body main.content-page p {
  max-width: 1420px !important;
}
body main > div:first-of-type {
  background: #f6f6f6 !important;
}
body a.wp-block-button__link.wp-element-button {
  background-color: #7083EC;
  border-radius: 12px;
  border: none;
}
body .process-thats-how {
  margin-top: 10px;
  margin-bottom: 48px;
}
body .process {
  display: flex;
  gap: 20px;
  margin-bottom: 70px;
}
body .process .wp-block-group:not(.is-nowrap) {
  padding-left: 0;
  padding-right: 0;
}
body .process .process-step {
  flex: 1;
  border-radius: 20px;
  border: 2px solid grey;
}
body .process .process-headline {
  color: #7083EC;
  font-family: "Satoshi-Variable", "Inter", sans-serif !important;
  font-weight: 500;
  font-variation-settings: "wght" 500;
  font-size: 56px !important;
  line-height: 100%;
  margin-bottom: 18px;
}
body .process .has-text-align-left {
  font-family: "Satoshi-Variable", "Inter", sans-serif !important;
  font-weight: 500;
  font-variation-settings: "wght" 500;
  font-size: 32px;
  line-height: 100%;
}
body .process .has-text-align-left.has-small-font-size {
  font-family: "Satoshi-Variable", "Inter", sans-serif !important;
  font-weight: 400;
  font-variation-settings: "wght" 400;
  font-size: 16px !important;
  line-height: 22px;
}
body .process-post {
  margin-bottom: 100px;
}
body .wp-block-heading {
  font-family: "Satoshi-Variable", "Inter", sans-serif !important;
  font-weight: 500;
  font-size: 56px;
  line-height: 100%;
  margin-bottom: 50px;
}
body .has-medium-font-size {
  font-family: "Satoshi-Variable", "Inter", sans-serif !important;
  font-weight: 500 !important;
  font-variation-settings: "wght" 500;
  font-size: 22px !important;
  line-height: 140% !important;
}
body .product-headline-outer {
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 48px;
}
body .product-headline-wrapper {
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 50px;
}
body h2.product-headline {
  padding: 10px 0 !important;
  font-family: "Satoshi-Variable", "Inter", sans-serif !important;
  font-weight: 500;
  font-variation-settings: "wght" 500;
  font-size: 32px;
  line-height: 100%;
  margin-bottom: 51px;
}
body h2.product-headline span.lavendar {
  color: #7083EC;
}
body h2.product-headline span.dashicons {
  padding-top: 10px;
}
body .products {
  display: flex;
  gap: 20px;
  max-width: var(--wp--style--global--wide-size);
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 185px;
}
body .products .product {
  padding: 0 !important;
}
body .products .product .input-text.qty.text, body .products .product .taxonomy-product_cat {
  display: none;
}
body .products .product .single_add_to_cart_button {
  background-color: #7083EC;
  color: white;
  border-radius: 20px;
}
body .products .product .dv-vsaddons-product-box__excerpt {
  font-family: "Satoshi-Variable", "Inter", sans-serif !important;
  font-weight: 500;
  font-variation-settings: "wght" 500;
  font-size: 22px;
  line-height: 100%;
}
body .products .product .dv-vsaddons-product-box__title {
  font-family: "Satoshi-Variable", "Inter", sans-serif !important;
  font-weight: 500;
  font-variation-settings: "wght" 500;
  font-size: 32px;
  line-height: 100%;
}
body .products .product .dv-vsaddons-product-box__price {
  font-family: Inter;
  font-weight: 500;
  font-variation-settings: "wght" 500;
  font-size: 32px;
  line-height: 100%;
  margin-bottom: 30px;
}
body .cta-wrapper {
  margin-bottom: 340px !important;
  max-width: var(--wp--style--global--wide-size) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
body .project-data-startpage-link-row {
  margin-top: 40px;
}
body .project-data-startpage-link-row .or {
  margin-left: 20px;
  margin-right: 20px;
}
body .project-text {
  font-family: "Satoshi-Variable", "Inter", sans-serif !important;
  font-weight: 500;
  font-variation-settings: "wght" 500;
  font-size: 32px;
  line-height: 100%;
  margin-top: 0;
}
body .wp-site-blocks {
  width: 100%;
}
body footer {
  background-color: #253753;
  margin: 0 !important;
  padding: 0;
  padding-bottom: 115px;
  padding-top: 115px;
}
body footer h3.wp-block-heading {
  font-family: "Satoshi-Variable", "Inter", sans-serif !important;
  font-weight: 500;
  font-variation-settings: "wght" 500;
  font-size: 22px;
  line-height: 100%;
  margin-bottom: 30px;
}
body footer.wp-block-template-part {
  padding-bottom: 115px;
  padding-top: 115px;
}
body footer .has-ti-bg-inv-background-color {
  background-color: rgba(0, 0, 0, 0) !important;
}
body footer .is-layout-constrained > .alignwide {
  max-width: none;
}
body footer .wp-block-group {
  padding: 0 !important;
  padding-bottom: 116px;
  font-family: "Satoshi-Variable", "Inter", sans-serif !important;
  font-weight: 500;
  font-variation-settings: "wght" 500;
  font-size: 16px;
  line-height: 1.2em;
}
body footer ul.wp-block-social-links {
  display: none !important;
}
body .wp-site-blocks > .wp-block-template-part > .wp-block-group.has-background:not(.real-header) {
  margin: 0 !important;
  padding: 0 !important;
}
body .wp-site-blocks > .wp-block-template-part > .wp-block-group.has-background:not(.real-header).footer-main {
  max-width: 1420px !important;
  margin: auto !important;
  margin-top: 115px;
  background-color: red;
}
body .wp-site-blocks > .wp-block-template-part > .wp-block-group.has-background:not(.real-header).footer-bottom {
  margin: auto !important;
  margin-top: 10px !important;
  max-width: 1420px !important;
}
body .is-layout-constrained > .alignwide {
  max-width: 1316px !important;
}
body .bottom-copyright {
  margin-top: 50px !important;
}
body .price-unit-small, body .delivery-time {
  font-weight: 500;
  font-variation-settings: "wght" 500;
  font-size: 14px;
}
body .wc-block-cart__sidebar .vs-button,
body .wc-block-cart__sidebar .vs-button a.wc-block-components-button:not(.is-link) {
  background-color: #7083EC !important;
  color: white;
  border-radius: 12px;
}
body .wc-block-cart__sidebar .wp-block-woocommerce-cart-order-summary-block.vs-order-summary {
  background-color: #253753;
  border-radius: 20px;
  padding: 16px;
  margin-bottom: 50px;
  color: white;
}
body .wc-block-cart__sidebar .wp-block-woocommerce-cart-order-summary-block.vs-order-summary .wc-block-components-totals-footer-item {
  border-top: 2px solid #7083EC;
  padding-top: 12px;
  margin-top: 12px;
}
body .wc-block-cart__sidebar .vs-order-summary-credit {
  background-color: white;
  color: black;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  margin-top: 0;
  display: flex;
  padding: 10px 20px;
  align-items: baseline;
  gap: 12px;
  font-size: 14px;
  line-height: 1.3;
  margin-bottom: 33px;
}
body .wc-block-cart__sidebar .vs-order-summary-credit__label {
  flex: 1 1 auto;
}
body .wc-block-cart__sidebar .vs-order-summary-credit__value {
  flex: 0 0 auto;
  margin-left: auto;
  text-align: right;
  white-space: nowrap;
  font-weight: 600;
  font-variation-settings: "wght" 600;
}
body .wc-block-cart__sidebar .wp-block-woocommerce-cart-order-summary-block.vs-order-summary .wp-block-woocommerce-cart-order-summary-coupon-form-block {
  display: none !important;
}
body [data-page=checkout] {
  padding-top: 125px;
}
body h2 {
  font-size: 32px;
}
body .wc-block-checkout__sidebar.wp-block-woocommerce-checkout-totals-block {
  margin-top: -105px;
  border-top-left-radius: 20px;
  font-size: 16px;
}
body .wc-block-checkout__sidebar.wp-block-woocommerce-checkout-totals-block .wp-block-woocommerce-checkout-order-summary-block,
body .wc-block-checkout__sidebar.wp-block-woocommerce-checkout-totals-block .wc-block-components-order-summary {
  background-color: #253753;
  color: white;
  border-radius: 20px 20px 0 0;
}
body .wc-block-checkout__sidebar.wp-block-woocommerce-checkout-totals-block .wc-block-components-button.wp-element-button {
  background-color: #7083EC;
  border-radius: 20px;
  padding: 0px;
}
body .wc-block-checkout__sidebar.wp-block-woocommerce-checkout-totals-block .wc-block-components-order-summary-item__individual-price {
  display: none;
}
body .wc-block-checkout__sidebar.wp-block-woocommerce-checkout-totals-block .wp-block-woocommerce-checkout-order-summary-subtotal-block {
  border-top: 1px solid #7083EC;
  margin: 20px;
  padding: 30px 0 10px;
}
body .wc-block-checkout__sidebar.wp-block-woocommerce-checkout-totals-block .wc-block-components-totals-item {
  padding: 0;
}
body .wc-block-checkout__sidebar.wp-block-woocommerce-checkout-totals-block .wp-block-woocommerce-checkout-order-summary-totals-block {
  padding-bottom: 0;
}
body .wc-block-checkout__sidebar.wp-block-woocommerce-checkout-totals-block .wp-block-woocommerce-checkout-order-summary-block {
  border-top: 1px solid #7083EC;
}
body .wc-block-checkout__sidebar.wp-block-woocommerce-checkout-totals-block .wc-gzd-checkout-submit {
  margin-top: 0;
  padding: 0 20px 20px;
  background-color: #253753;
  color: white;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}
body .wc-block-checkout__sidebar.wp-block-woocommerce-checkout-totals-block .wc-gzd-checkout-submit .wp-block-woocommerce-checkout-order-summary-block {
  border-radius: 0;
}
body .wc-block-checkout__sidebar.wp-block-woocommerce-checkout-totals-block .wc-gzd-checkout-submit .wc-block-components-checkout-return-to-cart-button {
  display: none;
}
body .wc-block-checkout__sidebar.wp-block-woocommerce-checkout-totals-block .wc-gzd-checkout-submit .wc-block-checkout__actions.wp-block-woocommerce-checkout-actions-block {
  padding-bottom: 0 !important;
}
body .wc-block-checkout__sidebar.wp-block-woocommerce-checkout-totals-block .wc-gzd-checkout-submit .wc-block-components-checkout-place-order-button {
  margin-bottom: 0 !important;
  height: 46px;
  font-size: 18px;
}
body .wc-block-checkout__sidebar.wp-block-woocommerce-checkout-totals-block .wc-gzd-checkout-submit .wc-block-checkout__actions_row {
  height: 46px;
}

body .wp-block-template-part:not(.verlegeshop-footer) {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* cart page css start here 21-01-2026 */
.page-id-375 h1.has-text-align-left.page-title.wp-block-post-title {
  display: none;
}

.project-form-container {
  max-width: 1317px;
  margin: 0 auto;
  display: flex;
  gap: 25px;
  padding-bottom: 350px;
}

.project-form-main {
  flex: 1;
  border-radius: 8px;
  width: 800px;
  margin-right: 150px;
}

.project-form-sidebar {
  width: 448px;
  height: fit-content;
  position: sticky;
  top: 120px;
  z-index: 100;
}

.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title .wc-block-components-checkout-order-summary__title-text {
  font-size: 20px !important;
}

body .wc-block-checkout__sidebar.wp-block-woocommerce-checkout-totals-block .wp-block-woocommerce-checkout-order-summary-subtotal-block {
  padding: 20px 0 0px;
}

.wc-block-components-formatted-money-amount {
  font-size: 16px !important;
}

.wc-block-components-sidebar.wc-block-checkout__sidebar {
  height: fit-content;
  position: sticky;
  top: 120px;
  z-index: 100;
}

.sidebar-card-wrap .discount-info p {
  margin: 0;
}
.sidebar-card-wrap #info-widget-2.info-widget {
  display: none !important;
}

.project-form-header {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 50px;
  font-size: 32px;
  color: #1a1a1a;
  font-weight: 500;
  font-variation-settings: "wght" 500;
}

.project-form-header .step-number {
  color: #7c8cff;
  font-weight: 600;
  font-variation-settings: "wght" 600;
}

.project-form-tabs {
  display: flex;
  gap: 0;
  margin-bottom: 30px;
  border-radius: 16px;
  padding: 4px;
  border: 1px solid #7083ec;
}

.project-form-tabs .tab-btn {
  flex: 1;
  padding: 16px 8px;
  border: none;
  background: transparent;
  color: #7083ec;
  font-size: 18px;
  cursor: pointer;
  border-radius: 0;
  transition: all 0.3s;
  font-weight: 400;
  font-variation-settings: "wght" 400;
  border-radius: 16px !important;
}

.project-form-tabs .tab-btn:first-child {
  border-radius: 20px 0 0 20px;
}

.project-form-tabs .tab-btn:last-child {
  border-radius: 0 20px 20px 0;
}

.project-form-tabs .tab-btn.active {
  background: #7083ec;
  color: white;
}

.project-form-tabs .tab-btn:first-child.active {
  border-radius: 12px;
}

.project-form-tabs .tab-btn:last-child.active {
  border-radius: 0 20px 20px 0;
}

.project-form-tabs .tab-btn:not(:first-child):not(:last-child).active {
  border-radius: 0;
}

.project-form-content {
  display: none;
}

.project-form-content.active {
  display: block;
}

.form-section-title {
  font-size: 24px;
  font-weight: 500;
  font-variation-settings: "wght" 500;
  color: #000000;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}

.form-field-group {
  margin-bottom: 30px;
}

.form-field-group .field-label {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 18px;
  font-weight: 500;
  font-variation-settings: "wght" 500;
  color: #000;
  margin-bottom: 8px;
}

.form-field-group .field-label .required-mark {
  color: #333;
}

.form-field-group .field-label .info-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  border: 1px solid #bbb;
  border-radius: 50%;
  font-size: 9px;
  color: #888;
  cursor: help;
}

.form-field-group .field-input,
.form-field-group .field-select,
.form-field-group .field-textarea {
  width: 100% !important;
  padding: 14px 12px !important;
  border: 1px solid #7083EC;
  border-radius: 16px;
  font-size: 16px !important;
  transition: border-color 0.2s;
  background: transparent;
  color: black;
}

.form-field-group .field-input:focus,
.form-field-group .field-select:focus,
.form-field-group .field-textarea:focus {
  outline: none;
  border-color: #090909;
}

.form-field-group .field-select {
  appearance: none;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 30px;
  cursor: pointer;
  color: black;
}

.form-field-group .field-textarea {
  min-height: 120px;
  resize: vertical;
  color: #000;
}

.info-widget {
  margin-top: 60px;
}

.upload-area {
  border: 1px dashed #4b4a4a;
  border-radius: 16px;
  padding: 16px 20px;
  text-align: center;
  background: transparent;
  cursor: pointer;
  transition: all 0.2s;
}
.upload-area.is-active {
  background-color: #c1c9f7;
  border-color: #007bff;
}
.upload-area:hover {
  background: #c1c9f7;
}

.upload-area .upload-icon {
  font-size: 28px;
  color: #999;
  margin-bottom: 8px;
}

.upload-area .upload-main-text {
  font-size: 15px;
  color: #2e2c2c;
  margin-bottom: 4px;
  font-weight: 500;
  font-variation-settings: "wght" 500;
}

.upload-area .upload-sub-text {
  font-size: 15px;
  color: #2e2c2c;
  font-weight: 500;
  font-variation-settings: "wght" 500;
}

.upload-box label.field-label {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 18px;
  font-weight: 500;
  font-variation-settings: "wght" 500;
  color: #000;
  margin-bottom: 8px;
}

.info-note-box {
  border-radius: 6px;
  font-size: 15px;
  color: #000000;
  line-height: 1.5;
  margin: 25px 0px;
}

.upload-box.upload-box-selected {
  background: rgb(224.62, 228.54, 251.08);
}
.upload-box {
  border: 2px solid #c1c9f7;
  border-radius: 16px;
  padding: 15px;
}

.upload-box .upload-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.optional-button.optional-button-selected .dashicons {
  padding-top: 5px;
}
.optional-button.optional-button-selected {
  background: #7c8cff;
  color: white;
}
.optional-button {
  color: #7c8cff;
  font-size: 14px;
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: 1px solid #7083ec;
  padding: 6px 14px;
  padding-right: 20px;
  border-radius: 16px;
  transition: all 0.2s;
}

.optional-button:hover {
  background: #7c8cff;
  color: white;
}

.checkbox-field {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-top: 10px;
}

.checkbox-field input[type=checkbox] {
  width: 16px;
  height: 16px;
  cursor: pointer;
  margin-top: 2px;
  accent-color: #7c8cff;
}

.checkbox-field .checkbox-text {
  font-size: 16px;
  color: #000000;
  line-height: 1.4;
  font-weight: 400;
  font-variation-settings: "wght" 400;
}

.form-action-buttons {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}

.form-action-buttons .action-btn {
  padding: 13px 22px;
  border: none;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 400;
  font-variation-settings: "wght" 400;
  cursor: pointer;
  transition: all 0.2s;
}

.form-action-buttons .action-btn.btn-back {
  border: 1px solid #7c8cff;
  background: transparent;
  color: #7c8cff;
}

.form-action-buttons .action-btn.btn-back:hover {
  background: #7c8cff;
  border-color: #7c8cff;
  color: #fff;
}

.form-action-buttons .action-btn.btn-back:hover {
  color: #fff;
  background: #7c8cff;
  border-color: #7c8cff;
}

.form-action-buttons .action-btn.btn-primary {
  background: #7c8cff;
  color: white;
}

.form-action-buttons .action-btn.btn-primary:hover {
  background: #253753;
}

.sidebar-card {
  background: #253753;
  padding: 22px;
  border-radius: 16px;
  color: white;
  margin-bottom: 20px;
}

.sidebar-card .card-title {
  font-size: 20px;
  font-weight: 400;
  font-variation-settings: "wght" 400;
  margin-bottom: 10px;
  color: #fff;
}

.sidebar-card .price-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 0;
  font-size: 14px;
  border-bottom: 1px solid #7083ec;
  font-weight: 400;
  font-variation-settings: "wght" 400;
}

.sidebar-card .price-row .price-desc {
  line-height: 1.4;
  flex: 1;
  padding-right: 12px;
  font-size: 14px;
  color: #fff;
}

.sidebar-card .price-row .price-amount {
  font-size: 16px;
  font-weight: 400;
  font-variation-settings: "wght" 400;
  white-space: nowrap;
}

.sidebar-card .divider-line {
  height: 1px;
  background: #7083ec;
  margin: 12px 0;
}

.sidebar-card .total-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 0 0 0;
}

.sidebar-card .total-row .total-text {
  font-size: 20px;
  font-weight: 400;
  font-variation-settings: "wght" 400;
}

.sidebar-card-wrap {
  background: #fff;
  border-radius: 16px;
}

.sidebar-card-wrap .discount-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.sidebar-card-wrap .discount-info {
  padding: 0px 22px 22px 22px;
  font-size: 16px;
  font-weight: 500;
  font-variation-settings: "wght" 500;
  color: #2f2e2e;
}

.sidebar-card .total-row .total-amount {
  font-size: 20px;
  font-weight: 400;
  font-variation-settings: "wght" 400;
}

.sidebar-card .discount-info {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  font-size: 12px;
  color: rgba(255, 255, 255, 0.9);
  line-height: 1.4;
}

.info-widget {
  background: #C1C9F7;
  border-radius: 16px;
  padding: 18px;
}

.info-widget .widget-title {
  font-size: 20px;
  font-weight: 500;
  font-variation-settings: "wght" 500;
  color: #1a1a1a;
  margin-bottom: 10px;
}

.info-widget .widget-description {
  font-size: 16px;
  color: #000000;
  line-height: 1.5;
  margin-bottom: 12px;
  font-weight: 400;
  font-variation-settings: "wght" 400;
}

.info-widget .widget-button {
  background: white;
  color: #7c8cff;
  border: 1px solid #7c8cff;
  padding: 8px 18px;
  border-radius: 5px;
  font-size: 12px;
  cursor: pointer;
  transition: all 0.2s;
  font-weight: 500;
  font-variation-settings: "wght" 500;
}

div#info-widget-2 {
  text-align: center;
}

div#info-widget-2 button.widget-button {
  margin: 50px auto;
  background: transparent;
  border-radius: 12px;
  padding: 12px 20px;
  color: #7083EC;
  font-size: 16px;
  border-color: #7083EC;
  font-weight: 400;
  font-variation-settings: "wght" 400;
}

div#info-widget-2 .widget-title {
  text-align: left;
}

div#info-widget-2 .widget-description {
  text-align: left;
}

div#info-widget-2 button.widget-button:hover {
  background: #253753;
  border-color: #253753;
  color: #fff;
}

.info-widget .widget-button:hover {
  background: #7c8cff;
  color: white;
}

.description-text {
  font-size: 16px;
  color: #343434;
  line-height: 1.5;
}

@media (max-width: 968px) {
  .project-form-container {
    flex-direction: column;
  }
  .project-form-sidebar {
    width: 100%;
  }
}
.checkbox-field .option {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  font-size: 16px;
  color: #000;
}

.checkbox-field .option input {
  display: none;
}

.checkbox-field .custom-radio {
  width: 20px;
  height: 20px;
  border: 1px solid #5b6cff;
  border-radius: 50%;
  position: relative;
}

.checkbox-field .option input:checked + .custom-radio::after {
  content: "";
  width: 10px;
  height: 10px;
  background: #5b6cff;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.upload-area .upload-icon img {
  width: 24px;
}

.dv-vsaddons-product-box:last-of-type .tooltip-box {
  position: absolute;
  left: 50%;
  top: 30px;
  transform: translateX(-50%);
  background: #cfd8ff;
  color: #1f2a44;
  padding: 12px 14px;
  border-radius: 10px;
  font-size: 13px;
  line-height: 1.5;
  width: 400px;
  opacity: 0;
  visibility: hidden;
  transition: 0.2s ease;
  z-index: 50;
}

.dv-vsaddons-product-box:last-of-type .tooltip-box::before {
  content: "";
  position: absolute;
  top: -8px; /* Pfeil oben an die Box setzen */
  left: 50%; /* Mittig ausrichten */
  transform: translateX(-50%);
  /* Dreieck nach oben zeigen lassen */
  border-width: 0 8px 8px 8px;
  border-style: solid;
  border-color: transparent transparent #cfd8ff transparent;
}

.tooltip-wrapper {
  position: relative;
  display: inline-block;
  margin-left: 6px;
  margin-top: -5px;
}

.tooltip-icon {
  width: 18px;
  height: 18px;
  border: 2px solid #6c7bff;
  border-radius: 50%;
  color: #6c7bff;
  font-size: 12px;
  font-weight: bold;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.tooltip-box {
  position: absolute;
  left: 26px;
  top: 50%;
  transform: translateY(-50%);
  background: #cfd8ff;
  color: #1f2a44;
  padding: 12px 14px;
  border-radius: 10px;
  font-size: 13px;
  line-height: 1.5;
  width: 400px;
  opacity: 0;
  visibility: hidden;
  transition: 0.2s ease;
  z-index: 50;
}

.tooltip-box::before {
  content: "";
  position: absolute;
  left: -8px;
  top: 50%;
  transform: translateY(-50%);
  border-width: 8px 8px 8px 0;
  border-style: solid;
  border-color: transparent #cfd8ff transparent transparent;
}

/* desktop hover */
.tooltip-wrapper:hover .tooltip-box {
  opacity: 1;
  visibility: visible;
}

/* mobile click */
.tooltip-box.show {
  opacity: 1;
  visibility: visible;
}

.tooltip-box.left {
  left: auto; /* Standard-Position aufheben */
  right: 26px; /* Abstand nach links (gespiegelt) */
}

/* Pfeil für die linke Seite anpassen */
.tooltip-box.left::before {
  left: auto; /* Standard-Pfeil links aufheben */
  right: -8px; /* Pfeil an den rechten Rand der Box setzen */
  border-width: 8px 0 8px 8px; /* Pfeilrichtung umkehren */
  border-color: transparent transparent transparent #cfd8ff;
}

.form-field-group .field-input {
  color: #000;
}

.project-form-tabs {
  position: relative;
}

.project-form-tabs .tab-btn {
  flex: 1;
  background: transparent;
  border: none;
  padding: 12px 0;
  font-size: 14px;
  font-weight: 500;
  font-variation-settings: "wght" 500;
  color: #7b8cff;
  cursor: pointer;
  position: relative;
  z-index: 2;
}

.project-form-tabs .tab-btn.active {
  color: #fff;
}

.project-form-tabs .progress-bar {
  position: absolute;
  top: 4px;
  left: 4px;
  height: calc(100% - 8px);
  width: 33.33%;
  background: #7083ec;
  border-radius: 16px;
  transition: width 0.4s ease;
  z-index: 1;
}

.project-form-tabs.step-1 .progress-bar {
  width: 33.33%;
}

.project-form-tabs.step-2 .progress-bar {
  width: 66.66%;
}

.project-form-tabs.step-3 .progress-bar {
  width: calc(100% - 8px);
}

/* default */
.project-form-tabs .tab-btn {
  color: #7b8cff;
  position: relative;
  z-index: 2;
}

/* active tab */
.project-form-tabs .tab-btn.active {
  color: #fff;
}

/* COMPLETED TABS → white text */
.project-form-tabs.step-2 .tab-btn:nth-child(2),
.project-form-tabs.step-3 .tab-btn:nth-child(2),
.project-form-tabs.step-3 .tab-btn:nth-child(3) {
  color: #fff;
}

.wp-block-group-is-layout-constrained p {
  margin-bottom: 10px;
  font-weight: 500;
  font-variation-settings: "wght" 500;
}

body .process-thats-how {
  margin-top: 10px;
  margin-bottom: 48px !important;
}

.dv-vsaddons-product-box .dv-vsaddons-product-box__body button[type=submit].btn-lavendar {
  font-size: 16px;
  font-weight: 500;
  font-variation-settings: "wght" 500;
}

.dv-vsaddons-product-box .dv-vsaddons-product-box__body {
  position: relative;
}
.dv-vsaddons-product-box .dv-vsaddons-product-box__body .delivery-time {
  position: absolute;
  top: 10px;
  right: 20px;
}

.wp-block-group-is-layout-constrained p font {
  display: inline-block;
}

.wp-block-group-is-layout-flex p {
  margin-bottom: 10px;
}

.wp-block-group-is-layout-flex p a {
  text-decoration: none;
}

body {
  overflow-x: hidden;
}

.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content span.wp-block-navigation-item__label {
  font-size: 16px;
}

/* new css start here */
body .project-text {
  font-family: "Satoshi-Variable", "Inter", sans-serif !important;
  font-weight: 500 !important;
  font-variation-settings: "wght" 500 !important;
  line-height: 42px !important;
}

.wp-block-group-is-layout-constrained p {
  font-family: "Satoshi-Variable", "Inter", sans-serif !important;
}

body .products .product .dv-vsaddons-product-box__title {
  font-family: "Satoshi-Variable", "Inter", sans-serif !important;
}

body .products .product .dv-vsaddons-product-box__price {
  font-family: Inter !important;
}

.wp-block-column.is-vertically-aligned-top.is-layout-flow.wp-block-column-is-layout-flow p {
  line-height: 24px;
  font-size: 16px;
  font-weight: 500;
  font-variation-settings: "wght" 500;
  font-family: Satoshi-Variable !important;
}

footer.wp-block-template-part {
  max-width: 100%;
}

.gb-cart-icon {
  position: relative;
  font-size: 20px;
  text-decoration: none;
  color: #000;
  margin-left: 20px;
}

.gb-cart-icon:hover {
  color: #f04a23;
}

.gb-cart-count {
  position: absolute;
  top: -8px;
  right: -10px;
  background: #f04a23;
  color: #fff;
  font-size: 11px;
  padding: 2px 6px;
  border-radius: 50%;
}

.woocommerce-cart .wc-block-mini-cart,
.woocommerce-checkout .wc-block-mini-cart {
  display: none !important;
}

.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content {
  color: inherit;
  text-transform: capitalize;
}

.wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted, .wc-block-components-radio-control--highlight-checked label.wc-block-components-radio-control__option--checked-option-highlighted {
  border-radius: 16px !important;
  box-shadow: none !important;
  border: 1px solid #434040 !important;
}

.wc-block-components-radio-control .wc-block-components-radio-control__input:checked {
  border: 1px solid #7083EC !important;
}

.wc-block-components-radio-control .wc-block-components-radio-control__input:checked:before {
  background: #7083EC !important;
}

.wc-block-components-radio-control .wc-block-components-radio-control__input {
  border: 1px solid #7083EC !important;
}

.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox] {
  border: 1px solid #7083EC !important;
}

.wc-block-components-checkbox .wc-block-components-checkbox__mark {
  fill: #7083EC !important;
}

.wc-block-components-title.wc-block-components-title {
  font-size: 22px !important;
  font-weight: 500 !important;
  font-variation-settings: "wght" 500 !important;
}

.wc-block-components-radio-control .wc-block-components-radio-control__input:focus {
  outline: none !important;
  outline-offset: 0px !important;
}

.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]:focus {
  outline: none !important;
  outline-offset: 0px !important;
}

.wc-block-components-form .wc-block-components-text-input input[type=email], .wc-block-components-form .wc-block-components-text-input input[type=number], .wc-block-components-form .wc-block-components-text-input input[type=password], .wc-block-components-form .wc-block-components-text-input input[type=tel], .wc-block-components-form .wc-block-components-text-input input[type=text], .wc-block-components-form .wc-block-components-text-input input[type=url], .wc-block-components-text-input input[type=email], .wc-block-components-text-input input[type=number], .wc-block-components-text-input input[type=password], .wc-block-components-text-input input[type=tel], .wc-block-components-text-input input[type=text], .wc-block-components-text-input input[type=url] {
  border: 1px solid #434040 !important;
  border-radius: 16px !important;
}

input:focus {
  box-shadow: none;
  outline: none;
}

.wc-block-components-address-card {
  border: 1px solid #434040 !important;
  border-radius: 16px !important;
}

.wc-blocks-components-select .wc-blocks-components-select__select {
  border: 1px solid #434040 !important;
  border-radius: 16px !important;
}

.wc-blocks-components-select .wc-blocks-components-select__select:focus {
  outline: none;
}

.wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-select-input, .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-state-input, .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-text-input, .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-select-input, .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-state-input, .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-text-input {
  box-sizing: border-box;
  flex: 1 0 calc(100% - 12px) !important;
}

.wc-block-components-radio-control-accordion-content {
  padding: 0 1em 1em;
  font-size: 18px;
}

.wc-block-components-form .wc-block-components-text-input input[type=email], .wc-block-components-form .wc-block-components-text-input input[type=number], .wc-block-components-form .wc-block-components-text-input input[type=password], .wc-block-components-form .wc-block-components-text-input input[type=tel], .wc-block-components-form .wc-block-components-text-input input[type=text], .wc-block-components-form .wc-block-components-text-input input[type=url], .wc-block-components-text-input input[type=email], .wc-block-components-text-input input[type=number], .wc-block-components-text-input input[type=password], .wc-block-components-text-input input[type=tel], .wc-block-components-text-input input[type=text], .wc-block-components-text-input input[type=url] {
  font-size: 18px !important;
}

.wc-block-components-address-card address .wc-block-components-address-card__address-section:last-child {
  font-size: 18px;
}

.wc-block-components-address-card address .wc-block-components-address-card__address-section:first-child {
  font-weight: 700;
  font-variation-settings: "wght" 700;
  font-size: 18px;
}

.wc-block-components-shipping-rates-control__package .wc-block-components-radio-control__label {
  font-size: 18px;
}

.wc-block-checkout__shipping-option .wc-block-checkout__shipping-option--free {
  font-size: 18px;
}

.wp-block-woocommerce-checkout-order-summary-fee-block.wc-block-components-totals-wrapper.wc-gzd-show-total-wrapper {
  margin: 17px;
}

.wp-block-woocommerce-checkout-order-summary-shipping-block.wc-block-components-totals-wrapper.wc-gzd-show-total-wrapper {
  margin: 17px;
}

.wc-block-components-radio-control--highlight-checked div.wc-block-components-radio-control-accordion-option:after {
  display: none;
}

.wc-block-components-radio-control--highlight-checked:after {
  border-radius: 16px;
}

.wc-block-components-radio-control-accordion-option.wc-block-components-radio-control-accordion-option--checked-option-highlighted {
  border-color: #7083ec !important;
}

figure.wp-block-image.size-full.has-custom-border {
  margin-top: 32px !important;
}

.remove-product:hover {
  color: red !important;
}
.remove-product {
  color: #7083EC !important;
}

.dv-vsaddons-product-box__button {
  cursor: pointer;
}

.action-btn:disabled {
  background-color: #cccccc !important;
  border-color: #bbbbbb !important;
  color: #666666 !important;
  cursor: not-allowed;
  opacity: 0.6;
  box-shadow: none;
}

.form-error {
  color: #d63638;
  font-size: 13px;
  margin-top: 6px;
}

.error {
  border-color: #d63638 !important;
}

.dv-vsaddons-product-box__button {
  position: relative;
  font-size: 16px;
}

/* tick – hidden by default */
.dv-vsaddons-product-box__button::before {
  content: "✔";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 22px;
  color: #fff;
  opacity: 0;
}

/* jab product selected ho */
.dv-vsaddons-product-box.selected .dv-vsaddons-product-box__button {
  color: transparent; /* Auswählen hide */
}

/* tick show in center */
.dv-vsaddons-product-box.selected .dv-vsaddons-product-box__button::before {
  opacity: 1;
}

#change-product-msg.active {
  display: block;
  color: #d63638; /* red highlight */
  font-weight: 600;
  background: #fff3f3;
  padding: 6px 8px;
  border-left: 3px solid #d63638;
}

.js-add-option-product.loading {
  opacity: 0.6;
  pointer-events: none;
}
.js-add-option-product.added {
  color: #1a7f37;
  font-weight: 600;
}
.js-add-option-product.disabled {
  pointer-events: none;
  color: #aaa;
  background-color: #eee;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.outer-spinner {
  margin-top: 100px;
  margin-bottom: 100px;
  text-align: center;
}
.outer-spinner .cart-spinner {
  width: 50px;
  animation: spin 2s infinite linear;
  display: inline-block;
  font-size: 30px;
  display: inline-block;
  line-height: 40px;
  text-align: center;
  vertical-align: middle;
  transform-origin: center center; /* Explizit mittig setzen */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

header .wp-block-button__link {
  background: none;
}

.wc-block-components-order-summary-item__image {
  display: none !important;
}

main[data-page=checkout] {
  font-family: "Satoshi-Variable", "Inter", sans-serif !important;
  padding-top: 110px;
}
main[data-page=checkout] .entry-content {
  margin-top: 0 !important;
}
main[data-page=checkout] h2 {
  font-weight: 500;
  font-variation-settings: "wght" 500;
  font-size: 32px;
  margin-bottom: 10px !important;
}
main[data-page=checkout] .wp-block-woocommerce-checkout {
  margin-top: 0 !important;
}
main[data-page=checkout] .wp-block-woocommerce-checkout .wc-block-components-main input, main[data-page=checkout] .wp-block-woocommerce-checkout .wc-block-components-main textarea, main[data-page=checkout] .wp-block-woocommerce-checkout .wc-block-components-main select {
  background-color: var(--wp--preset--color--ti-bg-alt) !important;
  border: 1px solid #7083EC !important;
  font-size: 16px !important;
}
main[data-page=checkout] .wc-block-checkout__main {
  margin-top: 0 !important;
}
main[data-page=checkout] .wc-block-components-checkout-step__heading {
  margin-top: 0 !important;
}
main[data-page=checkout] .wc-block-checkout__form h2 {
  font-size: 24px;
  font-weight: 500;
  font-variation-settings: "wght" 500;
}
main[data-page=checkout] .wc-block-checkout__form .wc-block-components-address-card {
  border: 1px solid #7083EC !important;
}
main[data-page=checkout] .wc-block-checkout__form p, main[data-page=checkout] .wc-block-checkout__form .wc-block-components-checkbox__label, main[data-page=checkout] .wc-block-checkout__form .wc-block-components-radio-control-accordion-content, main[data-page=checkout] .wc-block-checkout__form .wc-block-components-address-card__edit, main[data-page=checkout] .wc-block-checkout__form .wc-block-components-address-card__address-section, main[data-page=checkout] .wc-block-checkout__form input, main[data-page=checkout] .wc-block-checkout__form textarea, main[data-page=checkout] .wc-block-checkout__form select {
  font-size: 16px;
}
main[data-page=checkout] #dv-orderer-address-wrapper,
main[data-page=checkout] #dv-object-address-wrapper {
  margin-top: 20px;
  padding: 20px;
  border-radius: 20px;
  border: 1px solid #7083EC;
}
main[data-page=checkout] #dv-orderer-address-wrapper .headline,
main[data-page=checkout] #dv-object-address-wrapper .headline {
  font-size: 22px !important;
  font-weight: 500 !important;
  font-variation-settings: "wght" 500 !important;
}

.wc-block-components-form .wc-block-components-text-input input[type=email].wc-block-components-text-input {
  border: 1px solid #7083EC !important;
}

body.woocommerce-order-received main {
  font-family: "Satoshi-Variable", "Inter", sans-serif !important;
  font-weight: 500;
  font-variation-settings: "wght" 500;
}
body.woocommerce-order-received main .wp-block-woocommerce-order-confirmation-status h1 {
  font-size: 32px;
  margin-top: 105px;
  margin-bottom: 50px;
}
body.woocommerce-order-received main .wp-block-woocommerce-order-confirmation-status p {
  font-size: 24px;
}
body.woocommerce-order-received main .wc-block-order-confirmation-summary {
  font-size: 18px;
}
body.woocommerce-order-received main .wp-block-woocommerce-order-confirmation-totals-wrapper {
  margin-top: 80px;
}
body.woocommerce-order-received main .wp-block-woocommerce-order-confirmation-totals-wrapper .wp-block-woocommerce-order-confirmation-totals {
  font-size: 18px;
}
body.woocommerce-order-received main .wp-block-woocommerce-order-confirmation-totals-wrapper .wp-block-woocommerce-order-confirmation-totals th, body.woocommerce-order-received main .wp-block-woocommerce-order-confirmation-totals-wrapper .wp-block-woocommerce-order-confirmation-totals td {
  padding: 5px 16px;
}
body.woocommerce-order-received main .wc-block-order-confirmation-address-wrapper {
  margin-top: 80px;
  margin-bottom: 80px;
}
body.woocommerce-order-received main .wc-block-order-confirmation-address-wrapper .wp-block-woocommerce-order-confirmation-billing-address {
  font-size: 18px;
}
body.woocommerce-order-received main .wp-block-woocommerce-order-confirmation-additional-fields {
  font-size: 18px;
  margin-bottom: 125px;
}

.d-none {
  display: none !important;
}

body.page-kontakt main {
  max-width: 1420px !important;
  margin: auto !important;
  min-width: 1317px;
}
body.page-kontakt main p {
  margin-left: 0 !important;
}

/*# sourceMappingURL=style.css.map */