.elementor-kit-6{--e-global-color-primary:#CB061A;--e-global-color-secondary:#333333;--e-global-color-text:#F5F6F7;--e-global-color-accent:#0A84FF;--e-global-color-59ff0dc:#00C2B8;--e-global-color-7a95794:#FFC400;--e-global-color-4439ae8:#FFFFFF;--e-global-color-ac622b8:#000000;--e-global-color-2ca7284:#0B57D0;--e-global-color-c90ca65:#0847AD;--e-global-color-07f4043:#D9DEE5;--e-global-typography-primary-font-family:"Open Sans";--e-global-typography-primary-font-size:20px;--e-global-typography-primary-font-weight:700;--e-global-typography-primary-line-height:28px;--e-global-typography-secondary-font-family:"Open Sans";--e-global-typography-secondary-font-size:18px;--e-global-typography-secondary-font-weight:600;--e-global-typography-secondary-line-height:26px;--e-global-typography-text-font-family:"Open Sans";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:25px;--e-global-typography-accent-font-family:"Open Sans";--e-global-typography-accent-font-size:14px;--e-global-typography-accent-font-weight:600;--e-global-typography-accent-line-height:20px;color:var( --e-global-color-secondary );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{background-color:var( --e-global-color-2ca7284 );color:var( --e-global-color-4439ae8 );border-style:solid;border-color:var( --e-global-color-2ca7284 );border-radius:10px 10px 10px 10px;}.elementor-kit-6 button:hover,.elementor-kit-6 button:focus,.elementor-kit-6 input[type="button"]:hover,.elementor-kit-6 input[type="button"]:focus,.elementor-kit-6 input[type="submit"]:hover,.elementor-kit-6 input[type="submit"]:focus,.elementor-kit-6 .elementor-button:hover,.elementor-kit-6 .elementor-button:focus{background-color:#0847AD;color:var( --e-global-color-4439ae8 );border-style:solid;border-color:#0847AD;border-radius:10px 10px 10px 10px;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 p{margin-block-end:16px;}.elementor-kit-6 a{color:var( --e-global-color-2ca7284 );}.elementor-kit-6 a:hover{color:var( --e-global-color-c90ca65 );}.elementor-kit-6 h1{color:var( --e-global-color-secondary );font-size:36px;font-weight:700;line-height:44px;}.elementor-kit-6 h2{color:var( --e-global-color-secondary );font-size:30px;font-weight:700;line-height:38px;}.elementor-kit-6 h3{color:var( --e-global-color-secondary );font-size:24px;font-weight:600;line-height:32px;}.elementor-kit-6 h4{color:var( --e-global-color-secondary );font-size:20px;font-weight:600;line-height:28px;}.elementor-kit-6 h5{color:var( --e-global-color-secondary );font-size:18px;font-weight:600;line-height:26px;}.elementor-kit-6 h6{color:var( --e-global-color-secondary );font-size:16px;font-weight:600;line-height:24px;}.elementor-kit-6 label{color:#333333;font-family:"Open Sans", Sans-serif;font-weight:600;line-height:20px;}.elementor-kit-6 input:not([type="button"]):not([type="submit"]),.elementor-kit-6 textarea,.elementor-kit-6 .elementor-field-textual{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:#333333;background-color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#D9DEE5;border-radius:8px 8px 8px 8px;padding:11px 14px 11px 14px;}.elementor-kit-6 input:focus:not([type="button"]):not([type="submit"]),.elementor-kit-6 textarea:focus,.elementor-kit-6 .elementor-field-textual:focus{border-style:solid;border-color:#0A84FF;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-6{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-6 p{margin-block-end:16px;}.elementor-kit-6 h1{font-size:32px;line-height:40px;}.elementor-kit-6 h2{font-size:28px;line-height:36px;}.elementor-kit-6 h3{font-size:22px;line-height:30px;}.elementor-kit-6 h4{font-size:20px;line-height:28px;}.elementor-kit-6 h5{font-size:18px;line-height:26px;}.elementor-kit-6 h6{font-size:16px;line-height:24px;}.elementor-kit-6 label{font-size:14px;line-height:20px;}.elementor-kit-6 input:not([type="button"]):not([type="submit"]),.elementor-kit-6 textarea,.elementor-kit-6 .elementor-field-textual{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-6 p{margin-block-end:16px;}.elementor-kit-6 h1{font-size:28px;line-height:36px;}.elementor-kit-6 h2{font-size:24px;line-height:32px;}.elementor-kit-6 h3{font-size:20px;line-height:28px;}.elementor-kit-6 h4{font-size:18px;line-height:26px;}.elementor-kit-6 h5{font-size:17px;line-height:24px;}.elementor-kit-6 h6{font-size:16px;line-height:24px;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{border-width:1px 1px 1px 1px;padding:12px 20px 12px 20px;}.elementor-kit-6 button:hover,.elementor-kit-6 button:focus,.elementor-kit-6 input[type="button"]:hover,.elementor-kit-6 input[type="button"]:focus,.elementor-kit-6 input[type="submit"]:hover,.elementor-kit-6 input[type="submit"]:focus,.elementor-kit-6 .elementor-button:hover,.elementor-kit-6 .elementor-button:focus{border-width:1px 1px 1px 1px;}.elementor-kit-6 label{font-size:14px;line-height:20px;}.elementor-kit-6 input:not([type="button"]):not([type="submit"]),.elementor-kit-6 textarea,.elementor-kit-6 .elementor-field-textual{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* =========================================================
   KAVENTIX DESIGN SYSTEM
   AP02A | CLEAN BUILD
   Rev. 1.0.0 | Stand: 2026-08-29

   Nur zentrale technische Design-Tokens.
   Keine komponentenspezifischen Styles.
========================================================= */

:root {
  /* Spacing */
  --kvt-space-xs: 4px;
  --kvt-space-sm: 8px;
  --kvt-space-md: 16px;
  --kvt-space-lg: 24px;
  --kvt-space-xl: 32px;
  --kvt-space-2xl: 48px;
  --kvt-space-3xl: 64px;
  --kvt-space-4xl: 80px;

  /* Radius */
  --kvt-radius-input: 8px;
  --kvt-radius-button: 10px;
  --kvt-radius-card: 16px;
  --kvt-radius-large: 20px;
  --kvt-radius-pill: 999px;

  /* Shadow */
  --kvt-shadow-card: 0 8px 24px rgba(0, 0, 0, 0.08);

  /* Layout */
  --kvt-content-width: 1200px;
  --kvt-page-padding-desktop: 24px;
  --kvt-page-padding-tablet: 20px;
  --kvt-page-padding-mobile: 16px;
}
/* =========================================================
   KAVENTIX | Shiptastic Abholstations-Popup
   DESIGN-CSS Rev. 1.0.1 | Stand: 2026-09-08

   ZWECK
   - ausschließlich optische Angleichung des nativen
     Shiptastic-Abholstations-Popups an den Kaventix Clean Build
   - keine Änderung der WooCommerce-/Germanized-/Shiptastic-Logik
   - kein JavaScript
   - keine display-/visibility-/pointer-events-Regeln
   - keine Änderung der bestätigten Layerwerte
     (99998 / 99999 / 100000 bleiben im Checkout-CSS Rev. 1.0.6)

   DESIGNBASIS
   - Clean-Build-Raster: 1340 px
   - Open Sans
   - Blau: #0A84FF
   - Dunkelblau: #0B57D0
   - Gelb: #FFC400
   - Rot: #CB061A
   - Text: #111827
   ========================================================= */


/* =========================================================
   1. POPUP-KARTE
   ========================================================= */

.wc-stc-modal-content[data-id="pickup-location"]
.wc-stc-modal-content-inner {
  width: min(1340px, calc(100% - 40px));

  border: 1px solid rgba(17, 24, 39, 0.10);
  border-radius: 22px;

  background:
    linear-gradient(
      180deg,
      #ffffff 0%,
      #fbfbfc 100%
    );

  box-shadow:
    0 22px 60px rgba(17, 24, 39, 0.18);

  overflow: hidden;

  font-family:
    "Open Sans",
    system-ui,
    -apple-system,
    "Segoe UI",
    Roboto,
    Arial,
    sans-serif;

  color: #111827;
}


/* =========================================================
   2. POPUP-HEADER
   ========================================================= */

.wc-stc-modal-content[data-id="pickup-location"]
.wc-stc-modal-content-inner
header {
  padding: 18px 22px;

  border-bottom: 1px solid rgba(17, 24, 39, 0.10);
  border-top-left-radius: 22px;
  border-top-right-radius: 22px;

  background:
    radial-gradient(
      520px 130px at 8% 0%,
      rgba(10, 132, 255, 0.10),
      transparent 62%
    ),
    radial-gradient(
      520px 130px at 96% 0%,
      rgba(255, 196, 0, 0.16),
      transparent 64%
    ),
    linear-gradient(
      180deg,
      #ffffff 0%,
      #fbfbfc 100%
    );
}

.wc-stc-modal-content[data-id="pickup-location"]
.wc-stc-modal-content-inner
header h4 {
  margin: 0;

  color: #111827;

  font-size: 20px;
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: -0.01em;
}


/* =========================================================
   3. SCHLIESSEN-BUTTON – NUR OPTIK
   ========================================================= */

.wc-stc-modal-content[data-id="pickup-location"]
.wc-stc-modal-close {
  width: 36px;
  height: 36px;

  flex: 0 0 36px;

  border: 1px solid rgba(17, 24, 39, 0.12);
  border-radius: 999px;

  background-color: #ffffff;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 18px 18px;

  box-shadow:
    0 5px 14px rgba(17, 24, 39, 0.07);

  cursor: pointer;
}

@media (hover: hover) {
  .wc-stc-modal-content[data-id="pickup-location"]
  .wc-stc-modal-close:hover {
    border-color: rgba(255, 196, 0, 0.90);
    background-color: #fff8df;
  }
}


/* =========================================================
   4. INHALTSBEREICH
   ========================================================= */

.wc-stc-modal-content[data-id="pickup-location"]
.wc-stc-modal-content-inner
article {
  padding: 22px;

  color: #111827;

  font-size: 14px;
  line-height: 1.5;
}


/* =========================================================
   5. LABELS
   ========================================================= */

.wc-stc-modal-content[data-id="pickup-location"]
form label {
  color: #111827;

  font-size: 13px;
  font-weight: 700;
  line-height: 1.35;
}


/* =========================================================
   6. SUCHFELDER
   ========================================================= */

.wc-stc-modal-content[data-id="pickup-location"]
input.input-text,

.wc-stc-modal-content[data-id="pickup-location"]
input[type="text"],

.wc-stc-modal-content[data-id="pickup-location"]
input[type="search"] {
  min-height: 48px;

  padding: 12px 14px;

  color: #111827;
  background: #ffffff;

  font-family:
    "Open Sans",
    system-ui,
    -apple-system,
    "Segoe UI",
    Roboto,
    Arial,
    sans-serif;

  font-size: 15px;
  line-height: 1.4;

  border: 1px solid rgba(17, 24, 39, 0.16);
  border-radius: 12px;

  box-shadow: none;
}

.wc-stc-modal-content[data-id="pickup-location"]
input.input-text:focus,

.wc-stc-modal-content[data-id="pickup-location"]
input[type="text"]:focus,

.wc-stc-modal-content[data-id="pickup-location"]
input[type="search"]:focus {
  outline: none;

  border-color: rgba(10, 132, 255, 0.62);

  box-shadow:
    0 0 0 4px rgba(10, 132, 255, 0.12);
}


/* =========================================================
   7. SUCHBUTTON
   ========================================================= */

.wc-stc-modal-content[data-id="pickup-location"]
#wc-shiptastic-search-pickup-location-submit {
  min-height: 48px;

  padding: 12px 18px;

  color: #ffffff;
  background: #0A84FF;

  font-family:
    "Open Sans",
    system-ui,
    -apple-system,
    "Segoe UI",
    Roboto,
    Arial,
    sans-serif;

  font-size: 14px;
  font-weight: 800;
  line-height: 1.2;

  border: 1px solid rgba(10, 132, 255, 0.45);
  border-radius: 14px;

  box-shadow:
    0 8px 20px rgba(10, 132, 255, 0.16);

  cursor: pointer;
}

@media (hover: hover) {
  .wc-stc-modal-content[data-id="pickup-location"]
  #wc-shiptastic-search-pickup-location-submit:hover {
    color: #111827;
    background: #FFC400;
    border-color: rgba(255, 196, 0, 0.90);
  }
}


/* =========================================================
   8. SELECT2 – AUSGEWÄHLTE ABHOLSTATION
   ========================================================= */

.wc-stc-modal-content[data-id="pickup-location"]
.select2-container {
  width: 100% !important;
}

.wc-stc-modal-content[data-id="pickup-location"]
.select2-container--default
.select2-selection--single {
  min-height: 48px;

  border: 1px solid rgba(17, 24, 39, 0.16);
  border-radius: 12px;

  background: #ffffff;

  box-shadow: none;
}

.wc-stc-modal-content[data-id="pickup-location"]
.select2-container--default
.select2-selection--single
.select2-selection__rendered {
  padding-left: 14px;
  padding-right: 42px;

  color: #111827;

  font-size: 14px;
  line-height: 46px;
}

.wc-stc-modal-content[data-id="pickup-location"]
.select2-container--default
.select2-selection--single
.select2-selection__arrow {
  height: 46px;
  right: 10px;
}


/* =========================================================
   9. AUSWAHLAKTION
   ========================================================= */

.wc-stc-modal-content[data-id="pickup-location"]
.pickup-location-search-actions {
  margin-top: 20px;
}

.wc-stc-modal-content[data-id="pickup-location"]
.pickup-location-search-actions
a.submit-pickup-location {
  min-height: 46px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 12px 18px;

  color: #ffffff;
  background: #0A84FF;

  font-family:
    "Open Sans",
    system-ui,
    -apple-system,
    "Segoe UI",
    Roboto,
    Arial,
    sans-serif;

  font-size: 14px;
  font-weight: 800;
  line-height: 1.2;

  text-decoration: none;

  border: 1px solid rgba(10, 132, 255, 0.45);
  border-radius: 14px;

  box-shadow:
    0 8px 20px rgba(10, 132, 255, 0.16);
}

@media (hover: hover) {
  .wc-stc-modal-content[data-id="pickup-location"]
  .pickup-location-search-actions
  a.submit-pickup-location:hover {
    color: #111827;
    background: #FFC400;
    border-color: rgba(255, 196, 0, 0.90);
    text-decoration: none;
  }
}


/* =========================================================
   10. SELECT2-DROPDOWN – AUSSERHALB DES POPUP-DOM
   Nur Gestaltung; Layering bleibt im Checkout-CSS Rev. 1.0.6.
   ========================================================= */

body.wc-stc-body-modal-active
.wc-stc-pickup-location-select-dropdown {
  overflow: hidden;

  border: 1px solid rgba(17, 24, 39, 0.14);
  border-radius: 12px;

  background: #ffffff;

  box-shadow:
    0 14px 34px rgba(17, 24, 39, 0.16);

  font-family:
    "Open Sans",
    system-ui,
    -apple-system,
    "Segoe UI",
    Roboto,
    Arial,
    sans-serif;
}

body.wc-stc-body-modal-active
.wc-stc-pickup-location-select-dropdown
.select2-search--dropdown {
  padding: 8px;

  background: #ffffff;
}

body.wc-stc-body-modal-active
.wc-stc-pickup-location-select-dropdown
.select2-search__field {
  min-height: 42px;

  padding: 9px 12px;

  color: #111827;
  background: #ffffff;

  font-family:
    "Open Sans",
    system-ui,
    -apple-system,
    "Segoe UI",
    Roboto,
    Arial,
    sans-serif;

  font-size: 14px;

  border: 1px solid rgba(17, 24, 39, 0.16);
  border-radius: 10px;

  outline: none;
}

body.wc-stc-body-modal-active
.wc-stc-pickup-location-select-dropdown
.select2-search__field:focus {
  border-color: rgba(10, 132, 255, 0.62);

  box-shadow:
    0 0 0 3px rgba(10, 132, 255, 0.10);
}

body.wc-stc-body-modal-active
.wc-stc-pickup-location-select-dropdown
.select2-results__option {
  padding: 10px 12px;

  color: #111827;
  background: #ffffff;

  font-size: 14px;
  line-height: 1.4;
}

body.wc-stc-body-modal-active
.wc-stc-pickup-location-select-dropdown
.select2-results__option--highlighted[aria-selected] {
  color: #ffffff;
  background: #0A84FF;
}

body.wc-stc-body-modal-active
.wc-stc-pickup-location-select-dropdown
.select2-results__option[aria-selected="true"] {
  color: #111827;
  background: #fff8df;
}


/* =========================================================
   11. MOBILE
   Rev. 1.0.1:
   - Schließen-X bleibt innerhalb des Popup-Headers sichtbar
   - Such-/Select2-Bereiche bleiben innerhalb der Popup-Breite
   - Aktionsbereich wird einspaltig statt horizontal gequetscht
   - lange Abholstationsnamen dürfen sauber umbrechen
   - keine Änderung an Funktion, Layering oder Shiptastic-Logik
   ========================================================= */

@media (max-width: 767px) {

  .wc-stc-modal-content[data-id="pickup-location"]
  .wc-stc-modal-content-inner {
    width: calc(100% - 24px);

    border-radius: 18px;
  }

  .wc-stc-modal-content[data-id="pickup-location"]
  .wc-stc-modal-content-inner
  header {
    gap: 12px;

    padding: 15px 16px;

    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
  }

  .wc-stc-modal-content[data-id="pickup-location"]
  .wc-stc-modal-content-inner
  header h4 {
    flex: 1 1 auto;

    min-width: 0;

    font-size: 18px;
    line-height: 1.25;

    white-space: normal;
    overflow-wrap: normal;
    word-break: normal;
  }

  .wc-stc-modal-content[data-id="pickup-location"]
  .wc-stc-modal-close {
    width: 34px;
    height: 34px;

    flex: 0 0 34px;

    background-size: 17px 17px;
  }

  .wc-stc-modal-content[data-id="pickup-location"]
  .wc-stc-modal-content-inner
  article {
    width: 100%;
    min-width: 0;

    padding: 16px;
  }

  .wc-stc-modal-content[data-id="pickup-location"]
  .pickup-location-search-fields-wrapper {
    width: 100%;

    gap: 12px;

    align-items: stretch;
  }

  .wc-stc-modal-content[data-id="pickup-location"]
  .pickup-location-search-fields-wrapper
  p.form-row {
    flex: 1 1 100% !important;

    width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
  }

  .wc-stc-modal-content[data-id="pickup-location"]
  #wc-shiptastic-search-pickup-location-submit {
    width: 100%;

    align-self: stretch;
  }

  .wc-stc-modal-content[data-id="pickup-location"]
  .pickup-location-search-results,
  .wc-stc-modal-content[data-id="pickup-location"]
  #pickup_location_field,
  .wc-stc-modal-content[data-id="pickup-location"]
  .woocommerce-input-wrapper,
  .wc-stc-modal-content[data-id="pickup-location"]
  .select2-container {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .wc-stc-modal-content[data-id="pickup-location"]
  .pickup-location-search-actions {
    display: grid;

    grid-template-columns: minmax(0, 1fr);

    gap: 10px;

    width: 100%;

    align-items: stretch;
    justify-content: stretch;
  }

  .wc-stc-modal-content[data-id="pickup-location"]
  .pickup-location-search-actions
  a.submit-pickup-location {
    order: 1;

    width: 100%;

    margin-left: 0;
  }

  .wc-stc-modal-content[data-id="pickup-location"]
  .pickup-location-search-actions
  a.pickup-location-remove {
    order: 2;

    width: fit-content;

    margin: 0 auto;

    line-height: 1.35;
    text-align: center;
  }

  body.wc-stc-body-modal-active
  .wc-stc-pickup-location-select-dropdown
  .select2-results__option {
    white-space: normal;

    overflow-wrap: normal;
    word-break: normal;
  }
}


/* =========================================================
   12. SEHR KLEINE DISPLAYS
   ========================================================= */

@media (max-width: 420px) {

  .wc-stc-modal-content[data-id="pickup-location"]
  .wc-stc-modal-content-inner {
    width: calc(100% - 16px);
  }

  .wc-stc-modal-content[data-id="pickup-location"]
  .wc-stc-modal-content-inner
  header {
    gap: 10px;

    padding: 13px 14px;
  }

  .wc-stc-modal-content[data-id="pickup-location"]
  .wc-stc-modal-content-inner
  header h4 {
    font-size: 17px;
  }

  .wc-stc-modal-content[data-id="pickup-location"]
  .wc-stc-modal-close {
    width: 32px;
    height: 32px;

    flex-basis: 32px;

    background-size: 16px 16px;
  }

  .wc-stc-modal-content[data-id="pickup-location"]
  .wc-stc-modal-content-inner
  article {
    padding: 14px;
  }

  body.wc-stc-body-modal-active
  .wc-stc-pickup-location-select-dropdown
  .select2-results__option {
    padding: 9px 10px;

    font-size: 13px;
    line-height: 1.4;
  }
}


/* =========================================================
   13. REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

  .wc-stc-modal-content[data-id="pickup-location"] *,
  body.wc-stc-body-modal-active
  .wc-stc-pickup-location-select-dropdown * {
    transition: none !important;
    animation: none !important;
  }
}
/*
===============================================================================
KAVENTIX | WooCommerce Systemmeldungen
GESAMT-CSS Rev. 1.0.2 | Stand: 2026-09-08
===============================================================================

ZWECK
-----
Einheitliche Kaventix-Darstellung der nativen WooCommerce-Systemmeldungen:
- Erfolgsmeldungen (.woocommerce-message)
- Informationsmeldungen (.woocommerce-info)
- Fehlermeldungen (.woocommerce-error)
- native Aktionslinks / Buttons innerhalb der Meldungen

GRUNDSATZ
---------
Dieses CSS verändert ausschließlich die Darstellung.

Es werden NICHT verändert:
- WooCommerce-Meldungslogik
- Warenkorb- oder Checkout-Logik
- Add-to-Cart-Verhalten
- Weiterleitungen
- B2BKing-Logik
- Germanized-Logik
- Shiptastic-Logik
- JavaScript
- Sichtbarkeit / display
- position / z-index
- native Texte oder Links
- native Statusbedingungen

Die Meldungen bleiben vollständig von WooCommerce erzeugt und gesteuert.
===============================================================================
*/


/* ---------------------------------------------------------------------------
   1. Grundform aller nativen WooCommerce-Systemmeldungen
   --------------------------------------------------------------------------- */

.woocommerce .woocommerce-message,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-error {
  box-sizing: border-box !important;

  width: calc(100% - 40px) !important;
  max-width: 1340px !important;

  margin: 18px auto 8px !important;
  padding: 16px 18px 16px 48px !important;

  color: #333333 !important;
  background: #ffffff !important;

  border: 1px solid rgba(17, 24, 39, 0.10) !important;
  border-radius: 14px !important;

  box-shadow: 0 8px 24px rgba(17, 24, 39, 0.055) !important;

  font-family: "Open Sans", Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;
}


/* ---------------------------------------------------------------------------
   2. Statusfarben – rein visuell
   --------------------------------------------------------------------------- */

/* Erfolg */
.woocommerce .woocommerce-message {
  border-left: 4px solid #0A84FF !important;
}

/* Information */
.woocommerce .woocommerce-info {
  border-left: 1px solid rgba(17, 24, 39, 0.10) !important;
}

/* Fehler */
.woocommerce .woocommerce-error {
  border-left: 1px solid rgba(17, 24, 39, 0.10) !important;
}


/* ---------------------------------------------------------------------------
   3. Native WooCommerce-Statussymbole
   Nur Farbgebung – kein eigenes Icon, kein eigener Inhalt
   --------------------------------------------------------------------------- */

.woocommerce .woocommerce-message::before {
  color: #65a30d !important;
}

.woocommerce .woocommerce-info::before {
  color: #0A84FF !important;
}

.woocommerce .woocommerce-error::before {
  color: #CB061A !important;
}


/* ---------------------------------------------------------------------------
   4. Native Links innerhalb der Meldungen
   --------------------------------------------------------------------------- */

.woocommerce .woocommerce-message a:not(.button),
.woocommerce .woocommerce-info a:not(.button),
.woocommerce .woocommerce-error a:not(.button) {
  color: #0A84FF !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

.woocommerce .woocommerce-message a:not(.button):hover,
.woocommerce .woocommerce-info a:not(.button):hover,
.woocommerce .woocommerce-error a:not(.button):hover {
  text-decoration: underline !important;
}


/* ---------------------------------------------------------------------------
   5. Native WooCommerce-Aktionsbuttons in Meldungen
   Beispiel: "Warenkorb anzeigen"
   --------------------------------------------------------------------------- */

.woocommerce .woocommerce-message .button,
.woocommerce .woocommerce-info .button,
.woocommerce .woocommerce-error .button {
  margin-left: 18px !important;
  padding: 10px 16px !important;

  color: #ffffff !important;
  background: #0A84FF !important;

  border: 1px solid #0A84FF !important;
  border-radius: 10px !important;

  box-shadow: none !important;

  font-family: "Open Sans", Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;

  text-decoration: none !important;
}

.woocommerce .woocommerce-message .button:hover,
.woocommerce .woocommerce-info .button:hover,
.woocommerce .woocommerce-error .button:hover {
  color: #ffffff !important;
  background: #0877e6 !important;
  border-color: #0877e6 !important;
}


/* ---------------------------------------------------------------------------
   6. Responsive
   --------------------------------------------------------------------------- */

@media (max-width: 767px) {

  .woocommerce .woocommerce-message,
  .woocommerce .woocommerce-info,
  .woocommerce .woocommerce-error {
    width: calc(100% - 28px) !important;

    margin: 14px auto 4px !important;
    padding: 14px 14px 14px 42px !important;

    border-radius: 12px !important;

    font-size: 13px !important;
    line-height: 1.45 !important;
  }

  .woocommerce .woocommerce-message .button,
  .woocommerce .woocommerce-info .button,
  .woocommerce .woocommerce-error .button {
    margin-left: 12px !important;
    padding: 9px 13px !important;

    font-size: 12.5px !important;
  }
}


@media (max-width: 480px) {

  .woocommerce .woocommerce-message,
  .woocommerce .woocommerce-info,
  .woocommerce .woocommerce-error {
    width: calc(100% - 20px) !important;

    padding: 13px 12px 13px 40px !important;
  }

  .woocommerce .woocommerce-message .button,
  .woocommerce .woocommerce-info .button,
  .woocommerce .woocommerce-error .button {
    margin-left: 8px !important;
  }
}


/*
===============================================================================
ENDE | KAVENTIX WooCommerce Systemmeldungen
GESAMT-CSS Rev. 1.0.2 | 2026-09-08
===============================================================================
*/
/* =========================================================
   KAVENTIX | WooCommerce Produkt-Lightbox
   Rev. 1.0.0 | 2026-09-09
   Ursache:
   WooCommerce PhotoSwipe lag unter dem Sticky Header.
   Keine Änderung der WooCommerce-/Zoom-Logik.
   ========================================================= */

.pswp {
  z-index: 999999 !important;
}/* End custom CSS */