body.ce-kit-15{color:#000000;font-family:"Outfit", sans-serif;font-weight:400;line-height:1.5em;}a, .elementor a{color:#4054B2;font-weight:400;}a:hover, .elementor a:hover{color:#1D264F;}body.ce-kit-15 h1{color:#000000;font-size:40px;font-weight:700;}body.ce-kit-15 h2{color:#000000;font-size:36px;font-weight:700;}body.ce-kit-15 h3{color:#000000;font-size:32px;font-weight:700;}body.ce-kit-15 h4{color:#000000;font-size:28px;font-weight:700;}body.ce-kit-15 h5{color:#000000;font-size:24px;font-weight:700;}body.ce-kit-15 h6{color:#000000;font-size:20px;font-weight:700;}body.ce-kit-15 .ce-display-small{font-size:12px;font-weight:400;text-transform:uppercase;}body.ce-kit-15 .ce-display-medium{font-size:22px;font-weight:700;}body.ce-kit-15 .ce-display-large{font-size:38px;font-weight:700;line-height:1.3em;}body.ce-kit-15 .ce-display-xl{font-size:48px;font-weight:700;line-height:1.3em;}body.ce-kit-15 .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-15 img, body.ce-kit-15 .elementor-image-carousel .swiper-slide > *{border-radius:24px 24px 24px 24px;}body.ce-kit-15 label{font-weight:600;}body.ce-kit-15 .form-control, body.ce-kit-15 .elementor-field-textual{background-color:#FFFFFF;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-15 #wrapper{background-color:#DEDAB9;}body.ce-kit-15 #content{background-color:#DEDAB9;}body.ce-kit-15 .container{width:1440px;max-width:100%;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1440px;}body.ce-kit-15 header.page-header, body.ce-kit-15 header.page-header *, body.ce-kit-15 .ce-page-title *{text-align:center;}@media(max-width:1024px){body.ce-kit-15 h1{font-size:52px;}body.ce-kit-15 h2{font-size:32px;}}@media(max-width:767px){body.ce-kit-15 h1{font-size:40px;}body.ce-kit-15 .ce-display-medium{font-size:18px;}body.ce-kit-15 .ce-display-large{font-size:32px;}body.ce-kit-15 .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: #000 !important;
}
#footer, .footer-container {
    background: #FFFEF6 !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;
}













/* KONTO ÜBERSCIHT SEITEs */





/* Runde Ecken für alle Link-Kästchen im Inhaltsbereich */
#content .links a {
  border-radius: 10px;
}

/* Optional: Für die inneren Span-Elemente */
#content .links a .link-item {
  border-radius: 10px;
}

/* Für Hover-Effekte beibehalten */
#content .links a:hover {
  border-radius: 10px;
}





/* konto icon fabre hover aus */


.material-icons {
  color: #424242 !important;
}

.material-icons:hover {
  color: #424242 !important;
}







#content .links a:hover .link-item {
  color: #0033ff !important;
}

#content .links a:hover .link-item .material-icons {
  color: #0033ff !important;
}/* End custom CSS */