/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 10 2026 | 20:19:34 */
/* CSS Code hier einfügen./* ============================================================
   IT24 – Checkout minimal
   Bestehendes modernes Checkout-Layout behalten
   ============================================================ */

/* Standard-Kopf entschärfen */
body.woocommerce-checkout .entry-hero,
body.woocommerce-checkout .entry-hero-container,
body.woocommerce-checkout .page-header {
  display: none !important;
}

/* Checkout-Bereich sauber platzieren */
body.woocommerce-checkout .site-main,
body.woocommerce-checkout .content-area,
body.woocommerce-checkout .entry-content,
body.woocommerce-checkout .woocommerce {
  max-width: 1240px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Etwas mehr Luft oben/unten */
body.woocommerce-checkout .woocommerce {
  margin-top: 34px !important;
  margin-bottom: 56px !important;
}

/* Optional: dezente IT24-Überschrift über dem Checkout */
body.woocommerce-checkout .woocommerce::before {
  content: "Kasse";
  display: block;
  max-width: 980px;
  margin: 0 auto 24px;
  padding: 22px 28px;
  border: 1px solid #EDEEF2;
  border-left: 5px solid #F5C400;
  border-radius: 16px;
  background:
    radial-gradient(circle at 92% 14%, rgba(245,196,0,0.12), transparent 24%),
    linear-gradient(135deg, #ffffff, #F7F8FA);
  color: #1C1E26;
  font-family: var(--it24-font-headline, inherit);
  font-size: clamp(1.35rem, 1.8vw, 1.9rem);
  font-weight: 750;
  line-height: 1.15;
  letter-spacing: -0.025em;
}

/* Buttons nur farblich absichern, Layout nicht anfassen */
body.woocommerce-checkout button,
body.woocommerce-checkout .button,
body.woocommerce-checkout input[type="submit"] {
  border-radius: 6px;
}

/* Kaufen-Button gelb lassen / vereinheitlichen */
body.woocommerce-checkout button[type="submit"],
body.woocommerce-checkout #place_order {
  background: #F5C400 !important;
  border-color: #F5C400 !important;
  color: #1C1E26 !important;
  font-weight: 800 !important;
}

body.woocommerce-checkout button[type="submit"]:hover,
body.woocommerce-checkout #place_order:hover {
  background: #DDB000 !important;
  border-color: #DDB000 !important;
  color: #1C1E26 !important;
}

/* Mobile */
@media (max-width: 560px) {
  body.woocommerce-checkout .woocommerce {
    margin-top: 22px !important;
    margin-bottom: 42px !important;
  }

  body.woocommerce-checkout .woocommerce::before {
    max-width: calc(100% - 24px);
    padding: 20px 22px;
    font-size: 1.45rem;
  }
}

Zum Beispiel:
.example {
    color: red;
}
/* ============================================================
   IT24 – Checkout Bestätigungsfelder sichtbar und sauber
   Keine Verschiebung, nur Styling
   ============================================================ */

body.woocommerce-checkout .wc-gzd-checkbox-placeholder,
body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper,
body.woocommerce-checkout .wc-block-checkout__terms,
body.woocommerce-checkout .wc-block-components-checkbox,
body.woocommerce-checkout .wc-block-components-checkbox label {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Bereich der Pflichtbestätigungen */
body.woocommerce-checkout .wc-gzd-checkbox-placeholder,
body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper,
body.woocommerce-checkout .wc-block-checkout__terms {
  margin: 18px 0 !important;
  padding: 14px 16px !important;
  border: 1px solid #E2E5EA !important;
  border-left: 4px solid #F5C400 !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  color: #2E3344 !important;
  font-size: 0.88rem !important;
  line-height: 1.5 !important;
}

/* Einzelne Checkbox-Zeilen */
body.woocommerce-checkout .wc-block-components-checkbox,
body.woocommerce-checkout .woocommerce-form__label-for-checkbox,
body.woocommerce-checkout label.checkbox {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  margin: 10px 0 !important;
  color: #1C1E26 !important;
  font-size: 0.88rem !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
}

/* Checkbox selbst */
body.woocommerce-checkout input[type="checkbox"] {
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  margin-top: 3px !important;
  accent-color: #F5C400 !important;
}

/* Links in Rechtstexten */
body.woocommerce-checkout .wc-gzd-checkbox-placeholder a,
body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper a,
body.woocommerce-checkout .wc-block-checkout__terms a,
body.woocommerce-checkout .wc-block-components-checkbox a {
  color: #1C1E26 !important;
  font-weight: 700 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}

body.woocommerce-checkout .wc-gzd-checkbox-placeholder a:hover,
body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper a:hover,
body.woocommerce-checkout .wc-block-checkout__terms a:hover,
body.woocommerce-checkout .wc-block-components-checkbox a:hover {
  color: #000000 !important;
}



/* ============================================================
   IT24 – Warenkorb im Shopdesign · 17.07.2026
   ============================================================ */
body.woocommerce-cart .entry-hero,
body.woocommerce-cart .entry-hero-container-inner,
body.woocommerce-cart .hero-container,
body.woocommerce-cart header.entry-header,
body.woocommerce-cart h1.entry-title {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.woocommerce-cart #primary,
body.woocommerce-cart .content-area {
  background: #f7f8fa !important;
}

body.woocommerce-cart .content-container,
body.woocommerce-cart .site-container {
  max-width: 1280px !important;
}

body.woocommerce-cart .content-wrap {
  padding-top: 42px !important;
  padding-bottom: 54px !important;
}

body.woocommerce-cart .wp-block-woocommerce-cart.alignwide {
  max-width: 1240px !important;
  margin: 0 auto !important;
}

body.woocommerce-cart .wc-block-components-sidebar-layout {
  align-items: flex-start !important;
  gap: 30px !important;
}

body.woocommerce-cart .wc-block-cart__main {
  width: calc(66.666% - 15px) !important;
  padding: 28px 30px 30px !important;
  border: 1px solid #e1e5eb !important;
  border-radius: 20px !important;
  background: #fff !important;
  box-shadow: 0 14px 38px rgba(20,30,50,.07) !important;
}

body.woocommerce-cart .wc-block-cart__sidebar {
  width: calc(33.333% - 15px) !important;
  padding: 26px !important;
  border: 1px solid #e1e5eb !important;
  border-radius: 20px !important;
  background: #fff !important;
  box-shadow: 0 14px 38px rgba(20,30,50,.07) !important;
}

body.woocommerce-cart .wc-block-cart-items__header {
  border-bottom: 2px solid #f5c400 !important;
}
body.woocommerce-cart .wc-block-cart-items__header th {
  padding: 0 0 14px !important;
  color: #536078 !important;
  font-size: .78rem !important;
  font-weight: 750 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

body.woocommerce-cart .wc-block-cart-items__row td {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
  border-bottom: 1px solid #e7eaf0 !important;
}

body.woocommerce-cart .wc-block-cart-item__image {
  width: 118px !important;
  padding-right: 22px !important;
}
body.woocommerce-cart .wc-block-cart-item__image img {
  width: 96px !important;
  height: 96px !important;
  padding: 7px !important;
  border: 1px solid #e2e6ec !important;
  border-radius: 14px !important;
  background: #fff !important;
  object-fit: contain !important;
}

body.woocommerce-cart .wc-block-components-product-name {
  color: #18243b !important;
  font-size: 1rem !important;
  font-weight: 750 !important;
  line-height: 1.35 !important;
  text-decoration: none !important;
}
body.woocommerce-cart .wc-block-components-product-name:hover {
  color: #9a7600 !important;
}
body.woocommerce-cart .wc-block-components-product-metadata,
body.woocommerce-cart .wc-block-components-product-details {
  color: #677184 !important;
  font-size: .84rem !important;
  line-height: 1.45 !important;
}
body.woocommerce-cart .wc-block-cart-item__total-price-and-sale-badge-wrapper {
  color: #18243b !important;
  font-size: 1rem !important;
  font-weight: 800 !important;
}

body.woocommerce-cart .wc-block-components-quantity-selector {
  min-width: 112px !important;
  height: 40px !important;
  margin-top: 12px !important;
  border: 1px solid #d8dde5 !important;
  border-radius: 9px !important;
  background: #fff !important;
}
body.woocommerce-cart .wc-block-cart-item__remove-link {
  color: #6d7585 !important;
  font-size: .8rem !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}

body.woocommerce-cart .wc-block-cart__totals-title {
  margin: 0 0 20px !important;
  padding: 0 0 15px !important;
  border-bottom: 2px solid #f5c400 !important;
  color: #18243b !important;
  font-size: 1.28rem !important;
  font-weight: 800 !important;
  letter-spacing: -.015em !important;
  text-transform: none !important;
}
body.woocommerce-cart .wc-block-components-totals-wrapper {
  padding: 17px 0 !important;
  border-color: #e5e8ee !important;
}
body.woocommerce-cart .wc-block-components-totals-item__label {
  color: #4f596b !important;
  font-size: .9rem !important;
}
body.woocommerce-cart .wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
body.woocommerce-cart .wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
  color: #18243b !important;
  font-size: 1.18rem !important;
  font-weight: 800 !important;
}

body.woocommerce-cart .wc-block-cart__submit-button {
  min-height: 56px !important;
  border: 1px solid #f5c400 !important;
  border-radius: 10px !important;
  background: #f5c400 !important;
  color: #151a24 !important;
  box-shadow: 0 10px 24px rgba(245,196,0,.24) !important;
  font-size: 1rem !important;
  font-weight: 800 !important;
  letter-spacing: .01em !important;
  text-decoration: none !important;
}
body.woocommerce-cart .wc-block-cart__submit-button:hover {
  border-color: #ddb000 !important;
  background: #ddb000 !important;
  color: #10141d !important;
  transform: translateY(-1px) !important;
}

body.woocommerce-cart .wc-block-cart__main .wp-block-woocommerce-product-collection {
  margin-top: 32px !important;
  padding-top: 26px !important;
  border-top: 1px solid #e3e7ed !important;
}
body.woocommerce-cart .wc-block-cart__main .wp-block-woocommerce-product-collection > h2 {
  margin: 0 0 22px !important;
  color: #18243b !important;
  font-size: 1.22rem !important;
  font-weight: 800 !important;
  letter-spacing: -.01em !important;
}
body.woocommerce-cart .wc-block-cart__main .wc-block-product {
  padding: 14px !important;
  border: 1px solid #e2e6ec !important;
  border-radius: 14px !important;
  background: #fff !important;
}
body.woocommerce-cart .wc-block-cart__main .wc-block-components-product-image img,
body.woocommerce-cart .wc-block-cart__main .wp-block-woocommerce-product-image img {
  aspect-ratio: 1/1 !important;
  border-radius: 10px !important;
  object-fit: contain !important;
}
body.woocommerce-cart .wc-block-cart__main .wp-block-post-title {
  min-height: 3.9em !important;
  margin: 12px 0 8px !important;
  color: #18243b !important;
  font-size: .92rem !important;
  font-weight: 750 !important;
  line-height: 1.3 !important;
}
body.woocommerce-cart .wc-block-cart__main .wp-block-button__link {
  min-height: 42px !important;
  border-radius: 8px !important;
  background: #f5c400 !important;
  color: #151a24 !important;
  font-size: .84rem !important;
  font-weight: 800 !important;
}

@media (max-width: 1024px) {
  body.woocommerce-cart .content-wrap { padding: 28px 18px 42px !important; }
  body.woocommerce-cart .wc-block-components-sidebar-layout { gap: 22px !important; }
  body.woocommerce-cart .wc-block-cart__main,
  body.woocommerce-cart .wc-block-cart__sidebar { width: 100% !important; }
}

@media (max-width: 767px) {
  body.woocommerce-cart .content-wrap { padding: 18px 12px 32px !important; }
  body.woocommerce-cart .wc-block-cart__main,
  body.woocommerce-cart .wc-block-cart__sidebar {
    padding: 18px !important;
    border-radius: 15px !important;
  }
  body.woocommerce-cart .wc-block-cart-item__image { width: 82px !important; padding-right: 12px !important; }
  body.woocommerce-cart .wc-block-cart-item__image img { width: 70px !important; height: 70px !important; }
  body.woocommerce-cart .wc-block-components-product-name { font-size: .92rem !important; }
  body.woocommerce-cart .wc-block-cart-items__row td { padding-top: 18px !important; padding-bottom: 18px !important; }
  body.woocommerce-cart .wc-block-cart__main .wp-block-post-title { min-height: 0 !important; }
}