body.ce-kit-8{color:#000000;font-family:"Outfit", sans-serif;font-weight:400;line-height:1.5em;background-color:#FFFEF6;}a, .elementor a{color:#4054B2;font-weight:400;}a:hover, .elementor a:hover{color:#1D264F;}body.ce-kit-8 h1{color:#000000;font-size:40px;font-weight:700;}body.ce-kit-8 h2{color:#000000;font-size:36px;font-weight:700;}body.ce-kit-8 h3{color:#000000;font-size:32px;font-weight:700;}body.ce-kit-8 h4{color:#000000;font-size:28px;font-weight:700;}body.ce-kit-8 h5{color:#000000;font-size:24px;font-weight:700;}body.ce-kit-8 h6{color:#000000;font-size:20px;font-weight:700;}body.ce-kit-8 .ce-display-small{font-size:12px;font-weight:400;text-transform:uppercase;}body.ce-kit-8 .ce-display-medium{font-size:22px;font-weight:700;}body.ce-kit-8 .ce-display-large{font-size:38px;font-weight:700;line-height:1.3em;}body.ce-kit-8 .ce-display-xl{font-size:48px;font-weight:700;line-height:1.3em;}body.ce-kit-8 .ce-display-xxl{font-size:64px;font-weight:700;}.elementor-button{line-height:1em;background-color:#000000;border-style:solid;border-width:2px 2px 2px 2px;border-color:#000000;}.elementor-button, a.elementor-button:not(#e){color:#FFFFFF;}.elementor-button:hover, .elementor-button:focus, a.elementor-button:not(#e):hover, a.elementor-button:not(#e):focus{color:#FFFFFF;}.elementor-button:hover, .elementor-button:focus{background-color:#333333;border-style:solid;border-color:#333333;}.elementor-button.elementor-size-sm{font-size:16px;padding:12px 20px 12px 20px;border-radius:8px 8px 8px 8px;}.elementor-button.elementor-size-md{font-size:16px;padding:15px 20px 15px 20px;border-radius:8px 8px 8px 8px;}.elementor-button.elementor-size-lg{font-size:18px;padding:18px 24px 18px 24px;border-radius:8px 8px 8px 8px;}.elementor-button-primary .elementor-button{background-color:#000000;}.elementor-button-primary .elementor-button:hover, .elementor-button-primary .elementor-button:focus{background-color:#333333;}.elementor-button-secondary .elementor-button, .elementor-button-secondary a.elementor-button:not(#e){color:#000000;}.elementor-button-secondary .elementor-button{background-color:#FFFFFF;border-style:solid;border-width:2px 2px 2px 2px;}.elementor-button-secondary .elementor-button:hover, .elementor-button-secondary .elementor-button:focus{background-color:#F4F4F4;}.elementor-button-secondary .elementor-button.elementor-size-md{padding:15px 20px 15px 20px;}.btn:not(.btn-primary, .btn-secondary){font-size:16px;line-height:1em;background-color:#000000;border-style:solid;border-width:2px 2px 2px 2px;border-color:#000000;padding:15px 20px 15px 20px;border-radius:8px 8px 8px 8px;}.btn:not(.btn-primary, .btn-secondary), a.btn:not(.btn-primary, .btn-secondary){color:#FFFFFF;}.btn:not(.btn-primary, .btn-secondary):hover, .btn:not(.btn-primary, .btn-secondary):hover:active, .btn:not(.btn-primary, .btn-secondary):focus{background-color:#333333;border-style:solid;border-color:#333333;}.btn-primary{font-weight:400;text-transform:none;background-color:#000000;padding:15px 20px 15px 20px;border-radius:8px 8px 8px 8px;}.btn-primary:hover, .btn-primary:hover:active, .btn-primary:focus{background-color:#333333;}.btn-secondary{font-weight:400;text-transform:none;border-style:solid;border-width:2px 2px 2px 2px;border-color:#000000;padding:15px 20px 15px 20px;border-radius:8px 8px 8px 8px;}.btn-secondary:hover, .btn-secondary:hover:active, .btn-secondary:focus{background-color:#F4F4F4;border-style:solid;border-width:2px 2px 2px 2px;border-color:#000000;}.elementor-view-stacked .elementor-icon{background-color:#E6E6E6;color:#000000;padding:16px;}.elementor-view-framed .elementor-icon, .elementor-view-default .elementor-icon{color:#E6E6E6;}.elementor-view-framed .elementor-icon{background-color:#000000;padding:16px;}.elementor-view-stacked .elementor-icon:hover{background-color:#0030FF;}.elementor-view-framed .elementor-icon:hover, .elementor-view-default .elementor-icon:hover{color:#0030FF;}.elementor-icon{font-size:30px;}.elementor-view-framed.elementor-shape-square .elementor-icon{border-radius:8px 8px 8px 8px;}.elementor-view-stacked.elementor-shape-square .elementor-icon{border-radius:8px 8px 8px 8px;}body.ce-kit-8 img, body.ce-kit-8 .elementor-image-carousel .swiper-slide > *{border-radius:24px 24px 24px 24px;}body.ce-kit-8 label{font-weight:600;}body.ce-kit-8 .form-control, body.ce-kit-8 .elementor-field-textual{background-color:#FFFEF6;border-style:solid;border-width:2px 2px 2px 2px;border-color:#000000;border-radius:2px 2px 2px 2px;padding:12px 12px 12px 12px;}select.form-control:not([size]):not([multiple]){height:auto;}body.ce-kit-8 #wrapper{background-color:#FFFEF6;}body.ce-kit-8 #content{background-color:#FFFEF6;}body.ce-kit-8 .container{width:1440px;max-width:100%;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1440px;}body.ce-kit-8 .breadcrumb li:not(#e), body.ce-kit-8 .ce-breadcrumb__item{color:#000000;}body.ce-kit-8 header.page-header, body.ce-kit-8 header.page-header *, body.ce-kit-8 .ce-page-title *{color:#000000;text-align:center;}.elementor-lightbox{background-color:#020101;}@media(max-width:1024px){body.ce-kit-8 h1{font-size:52px;}body.ce-kit-8 h2{font-size:32px;}}@media(max-width:767px){body.ce-kit-8 h1{font-size:40px;}body.ce-kit-8 .ce-display-medium{font-size:18px;}body.ce-kit-8 .ce-display-large{font-size:32px;}body.ce-kit-8 .ce-display-xl{font-size:32px;}}/* Start custom CSS for page-settings *//*fabre farbe Texte*/

:root {
    --primary-color: #0030FF; /* Farbe für Links */
    --primary-hover-color: #0030FF; /* Hover-Farbe für Links */
    --wishlist-text-color: #0030FF; /* Wunschlisten-Titel & Texte */
}

a.text-primary {
    color: var(--primary-color) !important;
}

a.text-primary:hover {
    color: var(--primary-hover-color) !important;
}

p.wishlist-list-item-title {
    color: var(--wishlist-text-color) !important;
}

#header, .header-container {
    background: #FFFEF6 !important;
}
#footer, .footer-container {
    background: #FFFEF6 !important;
}

/* Checkout Hintergrund grau */
#checkout, 
#checkout-personal-information-step,
#checkout-addresses-step,
#checkout-delivery-step,
#checkout-payment-step,
#checkout #js-checkout-summary {
    background-color: #f5f5f5 !important;
}

/*fabre farbe für Auswahö punkt mönllich weiblich usw*/
label.radio-inline > span:nth-child(1) > span:nth-child(2) {
    background-color: #0030FF !important; /* Kräftiges Blau */
}

/* Nur im Schritt-Titel-Bereich Rahmen entfernen */
.checkout-step h1.step-title,
.checkout-step h1.step-title * {
  border-top: none !important;
  border-right: none !important;
  border-bottom: none !important;
  border-left: none !important;
  text-decoration: none !important;
}

/* LAYOUT ANPSSUNG FÜR MENENANGABE FELD IN MOBILER ANSICHT */
@media (max-width: 767px) {
    .product-line-grid-right .row {
        display: flex;
        flex-wrap: nowrap; /* Verhindert das Umrutschen */
        align-items: center; /* Sorgt für gleichmäßige Ausrichtung */
    }

    .product-line-grid-right .qty {
        flex: 1; /* Stellt sicher, dass das Mengenfeld den verfügbaren Platz nutzt */
        max-width: 60%; /* Verhindert zu viel Platzverbrauch */
    }

    .product-line-grid-right .price {
        flex: 1;
        max-width: 40%; /* Stellt sicher, dass der Preis sichtbar bleibt */
        text-align: right; /* Richtet den Preis rechts aus */
    }
}

/* Preise und Mengen auf eine Linie mit dem Produktnamen bringen */
/* Flexbox für eine saubere Ausrichtung der Produktinformationen */
.cart-summary-products .media {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

/* Sorgt dafür, dass der Name und die Preis/Mengen-Info in einer Zeile bleiben */
.cart-summary-products .media-body {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

/* Produktname links ausrichten */
.cart-summary-products .product-name {
  flex-grow: 1;
  text-align: left;
  margin-right: 10px;
}

/* Menge und Preis rechts ausrichten */
.cart-summary-products .product-quantity,
.cart-summary-products .product-price {
  font-weight: bold;
  color: #333; /* Neutrale Farbe statt PrestaShop-Blau */
  min-width: 50px;
  text-align: right;
}

/* Sicherstellen, dass die Produktbilder nicht verschoben werden */
.cart-summary-products .media-left {
  margin-right: 10px;
}

#checkout #checkout-personal-information-step,
#checkout #checkout-addresses-step,
#checkout #checkout-delivery-step,
#checkout #checkout-payment-step,
#checkout #js-checkout-summary {
  border-radius: 10px;
  overflow: hidden;
}

/* Formularfelder abrunden – Nur im Checkout */
#checkout input,
#checkout select,
#checkout textarea {
  border-radius: 10px;
  border: 1px solid #ccc;
  padding: 10px;
}

/* Buttons abrunden – Nur für den Checkout */
#checkout .btn {
  border-radius: 10px;
}

/* Breadcrumbs nur im Checkout anpassen */
#checkout .breadcrumb {
  border-radius: 10px;
}

/* Schatten entfernen nur für den Checkout */
#checkout .container {
  box-shadow: none !important;
}

/* Abstand zwischen den Checkout-Schritten vergrößern */
#checkout .checkout-step + .checkout-step {
  margin-top: 12px;
}

/* Checkboxen und Radio-Buttons anpassen – Nur für den Checkout */
#checkout input[type="checkbox"],
#checkout input[type="radio"] {
  width: 18px;
  height: 18px;
  accent-color: #0030ff;
}

#checkout-delivery-step .step-title,
#checkout-payment-step .step-title {
    padding-top: 20px; /* Schiebt Text + Nummer weiter nach unten */
}

/* Fokusrahmen für alle Eingabefelder im Checkout */
#checkout input:focus,
#checkout textarea:focus,
#checkout select:focus {
    border: 2px solid #0033FF !important;
    outline: none !important;
}

/* Stile nur für den Checkout-Bereich */
#checkout-personal-information-step,
#checkout-addresses-step,
#checkout-payment-step {
    font-family: 'Arial', sans-serif !important;
    color: #333 !important;
}

/* Eingabefelder */
#checkout-personal-information-step input,
#checkout-addresses-step input,
#checkout-payment-step input,
#checkout-personal-information-step select,
#checkout-addresses-step select,
#checkout-payment-step select {
    font-family: 'Arial', sans-serif !important;
    background-color: #fff !important;
    color: #000 !important;
    border: 1px solid #ccc !important;
    padding: 10px !important;
}

/* Labels */
#checkout-personal-information-step label,
#checkout-addresses-step label,
#checkout-payment-step label {
    font-weight: bold !important;
    color: #000 !important;
}

/* Buttons */
#checkout-personal-information-step button,
#checkout-addresses-step button,
#checkout-payment-step button {
    background-color: #000 !important;
    color: #fff !important;
    border-radius: 5px !important;
    padding: 12px 20px !important;
    text-transform: uppercase !important;
}

/* Links */
#checkout-personal-information-step a,
#checkout-addresses-step a,
#checkout-payment-step a {
    color: #0033ff !important;
    text-decoration: none !important;
}

#checkout-personal-information-step a:hover,
#checkout-addresses-step a:hover,
#checkout-payment-step a:hover {
    text-decoration: underline !important;
}

/* Checkboxen */
#checkout-personal-information-step input[type="checkbox"],
#checkout-addresses-step input[type="checkbox"],
#checkout-payment-step input[type="checkbox"] {
    accent-color: #000 !important;
}

/* Hinweise und kleine Texte */
#checkout-personal-information-step small,
#checkout-addresses-step small,
#checkout-payment-step small {
    font-size: 12px !important;
    color: #666 !important;
}

/* Standard: alle Produkt-Links im Produktgitter ausblenden */
.product-grid a {
  display: none !important;
}

/* nur die Links im Produktgitter anzeigen, die zur aktuellen Sprache passen */
body.lang-de .product-grid a[href^="/de/"],
body.lang-en .product-grid a[href^="/en/"],
body.lang-fr .product-grid a[href^="/fr/"] {
  display: block !important;
}















/* Nur die Icons (Material-Icons) in dunkelblau (#0033ff) ändern */
.links .link-item i.material-icons {
    color: #0033ff !important;
}

/* Optional: Hover-Effekt für die Icons (z.B. bei Mausüberhang) */
.links .link-item:hover i.material-icons {
    color: #002a9d !important; /* Ein etwas dunkleres Blau */
}






  .links .link-item {
    background-color: #f0f0f0 !important;
    border-radius: 6px; /* Beispielwert für "leicht gerundet" */
}/* End custom CSS */