/* =========================================================
   GRAVURPARADIES – custom.css
   PrestaShop 1.7.8.6 • Theme: Deo_Axu
   Akzentfarbe: #7a6a5a (warmes Kupfer/Braun)

   Bereinigt: doppelte/überschriebene Regeln entfernt
   (Slideshow-Button-Farbe, box-service Bild-Regel,
   product-availability Badge, "Mein Name ist Alexa"-Padding)
   ========================================================= */

/* =========================================================
   01) FONTS – Inter lokal (WOFF2)
   ========================================================= */

@font-face{
  font-family:"Inter";
  src:url("../fonts/Inter-Regular.woff2") format("woff2");
  font-weight:400;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"Inter";
  src:url("../fonts/Inter-Medium.woff2") format("woff2");
  font-weight:500;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"Inter";
  src:url("../fonts/Inter-Bold.woff2") format("woff2");
  font-weight:700;
  font-style:normal;
  font-display:swap;
}

/* Inter auf alle Elemente */
body, h1, h2, h3, h4, h5, h6, p, a, span, li, button, input, textarea, select{
  font-family:"Inter", sans-serif !important;
}

/* =========================================================
   02) BASIS
   ========================================================= */

html{ scroll-behavior:smooth; }

body{
  font-family:"Inter", sans-serif;
  color:#323232;
}

img{
  max-width:100%;
  height:auto;
}

/* =========================================================
   03) HEADER / TOPBAR
   ========================================================= */

#header .header-nav .topnav,
#header .header-nav .topnav .inner,
#header .header-nav .topnav .wrapper{
  padding-top:0 !important;
  padding-bottom:0 !important;
  min-height:auto !important;
}

#header .header-nav .topnav .widget_text,
#header .header-nav .topnav .textwidget{
  margin:0 !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
  line-height:1.2 !important;
}

#header .header-nav .topnav,
#header .header-nav .topnav *{
  text-transform:none !important;
  letter-spacing:0 !important;
}

#header .header-nav .topnav .widget_text,
#header .header-nav .topnav .textwidget{
  font-family:"Inter", sans-serif !important;
  font-size:14px !important;
  font-weight:400 !important;
  color:#ffffff !important;
}

#header .header-nav .topnav .textwidget strong{
  font-weight:600 !important;
  color:#ffffff !important;
}

#header .header-nav .topnav .textwidget > div{
  gap:18px !important;
}

#header .header-nav .topnav img.emoji{
  width:0.95em !important;
  height:0.95em !important;
  vertical-align:middle !important;
}

/* Mobile Header */
@media (max-width:767px){
  #header .header-container,
  #header .header-top,
  #header .header-top .inner{
    padding-top:0 !important;
    padding-bottom:0 !important;
    margin-top:0 !important;
    margin-bottom:0 !important;
  }
  #header .box-middle-header{
    display:flex !important;
    align-items:center !important;
    flex-wrap:nowrap !important;
    padding:6px 10px !important;
  }
  #header .box-middle-header > .DeoColumn{
    width:auto !important;
    max-width:none !important;
    flex:0 0 auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }
  #header .box-middle-header > .center-middle-header.DeoColumn{
    flex:1 1 auto !important;
  }
  #header .logo.block.DeoLogoStore img{
    display:block !important;
    width:auto !important;
    max-height:56px !important;
    margin:0 !important;
  }
  #header .box-middle-header > .right-middle-header.DeoColumn:nth-child(2){
    margin-left:auto !important;
    display:none !important;
  }
  #header .box-middle-header > .right-middle-header.DeoColumn:nth-child(3){
    margin-left:auto !important;
  }
  #header .DeoAdvancedSearch,
  #header .deo-search-advanced{
    display:none !important;
  }
}

@media (max-width:576px){
  .top-bar-custom{
    padding:10px 10px !important;
    line-height:1.25 !important;
    font-size:12px !important;
    margin-bottom:10px !important;
  }
  /* Drei Topbar-Zeilen (Kartenlegen per Email / Ausführliche Ausarbeitung / ...) enger */
  #header .header-nav .topnav .textwidget > div {
    gap: 8px !important;
  }
}

/* =========================================================
   04) MEGAMENÜ
   ========================================================= */

.deo-horizontal-menu{
  border:0 !important;
  box-shadow:none !important;
}
.deo-horizontal-menu .navbar-nav,
.deo-horizontal-menu .megamenu-content{
  box-shadow:none !important;
}

@media (max-width:991px){
  .deo-horizontal-menu .megamenu-content{
    background:#ffffff !important;
    color:#2e2e2e !important;
  }
  .deo-horizontal-menu .megamenu-content .nav-item > a,
  .deo-horizontal-menu .megamenu-content .nav-item > a:visited{
    color:#2e2e2e !important;
  }
  .deo-horizontal-menu .megamenu-content .nav-item > a:hover,
  .deo-horizontal-menu .megamenu-content .nav-item > a:focus{
    background:#f3ece6 !important;
    color:#2e2e2e !important;
  }
}

/* ===== HAUPTMENÜ – heller & feiner ===== */
.deo-horizontal-menu .megamenu > .nav-item > .nav-link,
.deo-horizontal-menu .megamenu > .nav-item > .nav-link .menu-title,
.deo-horizontal-menu .megamenu > .nav-item > .nav-link:hover,
.deo-horizontal-menu .megamenu > .nav-item > .nav-link:hover .menu-title,
.deo-horizontal-menu .megamenu > .nav-item.active > .nav-link,
.deo-horizontal-menu .megamenu > .nav-item.active > .nav-link .menu-title {
    color: #323232 !important;
    font-weight: 450 !important;
}

/* =========================================================
   05) STARTSEITE
   ========================================================= */

/* Service-Leiste */
.row.box-service.box-flex-center.title-normal.title-center{
  padding:5px 20px !important;
}
.row.box-service .DeoColumn{
  padding-top:10px !important;
  padding-bottom:10px !important;
}

/* Storybar */
#index .tl-storybar{
  background:#4a4a4a;
  padding:10px;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
}
#index .tl-storybar__inner{
  max-width:1100px;
  margin:0 auto;
  padding:0 34px;
  font-family:"Inter", sans-serif;
  color:#e9e9e9;
}
#index .tl-story-h2{
  margin:0 0 6px;
  font-size:20px;
  font-weight:700;
  line-height:1.2;
  color:#ffffff;
}
#index .tl-story-h3{
  margin:0 0 14px;
  font-size:15px;
  font-weight:600;
  line-height:1.25;
  color:#f1f1f1;
}
#index .tl-storybar__inner p{
  margin:0 0 12px;
  font-size:15px;
  line-height:1.65;
  font-weight:400;
  color:#e2e2e2;
}
#index .tl-storybar__inner strong{
  font-weight:700;
  color:#ffffff;
}
#index .tl-storybar__inner p:last-child{ margin-bottom:0; }
#index .tl-story-cta{
  margin-top:10px;
  font-weight:700;
  color:#ffffff;
}

@media (max-width:767px){
  #index .tl-storybar{ padding:22px 0; }
  #index .tl-storybar__inner{ padding:0 18px; }
}

/* Slideshow Button */
.DeoSlideshow .btn-slideshow{
  background: #8b6347 !important;
  border-color: #8b6347 !important;
  color: #fffaf0 !important;
}
.DeoSlideshow .btn-slideshow:hover{
  color:#000 !important;
  background:#FFF !important;
  border-color:#FFF !important;
}

/* Slideshow Texte */
.DeoSlideshow .second-text{ color:#323232; }
.DeoSlideshow .third-text{ color:#323232; }

/* ===== SLIDER SCHRIFTART auf Inter umstellen ===== */
.DeoSlideshow .first-text,
.DeoSlideshow .second-text,
.DeoSlideshow .third-text,
.DeoSlideshow .btn-slideshow {
    font-family: 'Inter', sans-serif !important;
}

/* Slider-Texte auf Smartphones im Hochformat komplett ausblenden */
@media (max-width: 576px) and (orientation: portrait) {
    .DeoSlideshow .first-text,
    .DeoSlideshow .second-text,
    .DeoSlideshow .third-text,
    .DeoSlideshow .btn-slideshow {
        display: none !important;
    }
}

/* Slider-Texte im Handy-Querformat verkleinern */
@media (orientation: landscape) and (max-height: 500px) {
    .DeoSlideshow .first-text {
        font-size: 13px !important;
        line-height: 1.25 !important;
    }
    .DeoSlideshow .second-text,
    .DeoSlideshow .third-text {
        font-size: 16px !important;
        line-height: 1.25 !important;
    }
    .DeoSlideshow .btn-slideshow {
        font-size: 11px !important;
        padding: 5px 12px !important;
    }
}

/* Slider-Texte fürs Tablet im Hochformat anpassen */
@media (min-width: 577px) and (max-width: 1024px) and (orientation: portrait) {
    .DeoSlideshow .first-text {
        font-size: 15px !important;
        line-height: 1.3 !important;
    }
    .DeoSlideshow .second-text,
    .DeoSlideshow .third-text {
        font-size: 24px !important;
        line-height: 1.3 !important;
    }
    .DeoSlideshow .btn-slideshow {
        font-size: 14px !important;
        padding: 8px 18px !important;
    }
}

@media (min-width: 992px) {
    .DeoSlideshow.medium-text .second-text {
        font-size: 30px !important;
    }
    .DeoSlideshow.medium-text .third-text {
        font-size: 30px !important;
    }
}

/* Banner Bild-Beschreibung */
.block.banner.banner-axu-one.effect-zoom .image_description{
  background:rgba(255,255,255,0.75) !important;
}
.block.banner.banner-axu-one .image_description p{
  font-weight:600 !important;
}

/* Sub-Title Widget – Klammern entfernen */
.sub-title-widget{
  font-size:0 !important;
}
/* Startseite – individuelle Untertitel aus dem Deo Axu Homepagebuilder */
/* Nur Hauptinhalt – Footer bleibt davon unberührt */
.page-index #wrapper .sub-title-widget {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  font-size: 15px !important;
  font-weight: 450 !important;
  line-height: 1.5 !important;
}

.page-index #wrapper .sub-title-widget::before {
  content: none !important;
  display: none !important;
}

/* Produktseite – ähnliche Produkte */
.page-product .sub-title-widget::before {
  content: "Finde die Legung, die gerade zu deiner Situation passt ❤" !important;
  font-size: 15px !important;
  font-weight: 450 !important;
  display: block !important;
}

/* Newsletter-Block im Footer */
.footer-container .sub-title-widget::before,
#ps_emailsubscription .sub-title-widget::before {
  content: "Erhalte kommende Angebote und Aktionen direkt dein Postfach 💗" !important;
  font-size: 15px !important;
  font-weight: 450 !important;
  display: block !important;
}

/* Titel Block */
.title-normal .title_block{
  font-size:20px;
  font-weight:600;
  position:relative;
  margin-bottom:0px;
  letter-spacing:1px;
}

/* Trustsymbol-Boxen (Service-Leiste) */
.row.box-service .block.service .image_description h3{
    font-size: 16px !important;
    margin: 8px 0 6px !important;
    line-height: 1.3 !important;
}
.row.box-service .block.service .image_description p{
    font-size: 13px !important;
    line-height: 1.4 !important;
    margin: 0 !important;
}
.row.box-service .media img{
    max-width: 55px !important;
    max-height: 55px !important;
    height: auto !important;
    width: auto !important;
}
.row.box-service .col-no-padding{
    padding-left: 20px !important;
    padding-right: 20px !important;
}
.row.box-service .DeoColumn{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    display:flex !important;
}
.row.box-service.box-flex-center.title-normal.title-center{
    padding: 0 20px 5px 20px !important;
}
.row.box-service .block.service{
    padding-top: 0 !important;
    padding-bottom: 20px !important;
    display:flex !important;
    flex-direction:column !important;
    width:100% !important;
}

/* Vier Bild-Kacheln "Meine Angebote für dich" (Kartenlegen/Horoskope/Analysen/Lebensberatung) */

/* Gemeinsame Basis: Kurztitel-Zuordnung + feste Kastenhöhe für Handy-Hochformat und Tablet-Querformat */
@media (max-width: 576px), (min-width: 992px) and (max-width: 1199px) {
    .banner.banner-style-two h3 {
        font-size: 0 !important;
    }
    .box-banners.row > .DeoColumn:nth-child(2) .banner.banner-style-two h3::before {
        content: "Kartenlegen";
        font-size: 14px;
    }
    .box-banners.row > .DeoColumn:nth-child(3) .banner.banner-style-two h3::before {
        content: "Horoskope";
        font-size: 14px;
    }
    .box-banners.row > .DeoColumn:nth-child(4) .banner.banner-style-two h3::before {
        content: "Analysen";
        font-size: 14px;
    }
    .box-banners.row > .DeoColumn:nth-child(5) .banner.banner-style-two h3::before {
        content: "Lebensberatung";
        font-size: 14px;
    }
    .banner.banner-style-two .image_description {
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
    }
    .banner.banner-style-two .image_description a {
        font-size: 11px !important;
    }
}

/* Nur Handy Hochformat: Beschreibungstext ausblenden, kompaktere Box, kurze Link-Texte */
@media (max-width: 576px) {
    .banner.banner-style-two .image_description {
        padding: 8px !important;
        height: 92px !important;
    }
    .banner.banner-style-two .image_description p:not(:last-child) {
        display: none !important;
    }
    .banner.banner-style-two h3::before {
        font-size: 11px !important;
        line-height: 1.2 !important;
        white-space: normal !important;
        word-break: normal !important;
        hyphens: auto !important;
        text-align: center !important;
        display: block !important;
    }

    /* Titel bei Kachel 4 (Lebensberatung) kürzen */
    .box-banners.row > .DeoColumn:nth-child(5) .banner.banner-style-two h3::before {
        content: "Beratung";
    }

    /* Link-Text ausblenden, kürzeren Ersatztext einsetzen */
    .banner.banner-style-two .image_description a {
        font-size: 0 !important;
    }
    .banner.banner-style-two .image_description a::before {
        font-size: 10.5px;
        line-height: 1.3;
        white-space: normal;
        word-break: normal;
        hyphens: auto;
        text-align: center;
        display: block;
    }
    .box-banners.row > .DeoColumn:nth-child(2) .banner.banner-style-two .image_description a::before {
        content: "Jetzt buchen";
    }
    .box-banners.row > .DeoColumn:nth-child(3) .banner.banner-style-two .image_description a::before {
        content: "Weitere Infos";
    }
    .box-banners.row > .DeoColumn:nth-child(4) .banner.banner-style-two .image_description a::before {
        content: "Jetzt entdecken";
    }
    .box-banners.row > .DeoColumn:nth-child(5) .banner.banner-style-two .image_description a::before {
        content: "Jetzt sichern";
    }
}

/* Nur Tablet Querformat: Beschreibungstext bleibt sichtbar, etwas mehr Platz */
@media (min-width: 992px) and (max-width: 1199px) {
    .banner.banner-style-two .image_description {
        padding: 10px !important;
        height: 130px !important;
    }
    .banner.banner-style-two .image_description p:not(:last-child) {
        font-size: 12px !important;
        line-height: 1.3 !important;
    }
}

/* =========================================================
   06) KATEGORIE-SEITEN
   ========================================================= */

.page-category #left-column,
#category #left-column{
  display:none !important;
}
.page-category #content-wrapper,
#category #content-wrapper{
  flex:0 0 100% !important;
  max-width:100% !important;
  width:100% !important;
}
.page-category #content-wrapper.col-sm-9,
.page-category #content-wrapper.col-md-9,
.page-category #content-wrapper.col-lg-9,
.page-category #content-wrapper.col-xl-9,
#category #content-wrapper.col-sm-9,
#category #content-wrapper.col-md-9,
#category #content-wrapper.col-lg-9,
#category #content-wrapper.col-xl-9{
  flex:0 0 100% !important;
  max-width:100% !important;
  width:100% !important;
}

/* Produkttitel in der Kategorie-Übersicht: Umbruch statt Abschneiden auf Handy */
@media (max-width: 576px) {
    .thumbnail-container .product-title,
    .thumbnail-container .product-title a {
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: unset !important;
        word-break: normal !important;
        hyphens: auto !important;
    }
}

/* =========================================================
   07) PRODUKTSEITE – TYPO & TABS
   ========================================================= */

.description-short{
  font-size:15px;
  line-height:1.6;
  margin-top:15px;
  margin-bottom:30px;
}

body#product #main .product-description.product-page-description,
body#product .tab-content .product-description.product-page-description{
  max-width:980px;
  margin:0 auto;
  font-size:16px;
  line-height:1.65;
  color:#3a3a3a !important;
}
body#product #main .product-description.product-page-description p,
body#product #main .product-description.product-page-description li,
body#product .tab-content .product-description.product-page-description p,
body#product .tab-content .product-description.product-page-description li{
  font-size:16px !important;
  line-height:1.65 !important;
  color:#444444 !important;
  margin:0 0 12px !important;
}
body#product #main .product-description.product-page-description h1,
body#product .tab-content .product-description.product-page-description h1{
  font-size:26px !important;
  font-weight:700 !important;
  margin:0 0 14px !important;
  padding-bottom:10px !important;
  border-bottom:1px solid #e7e2de !important;
  color:#2f2f2f !important;
}
body#product #main .product-description.product-page-description h2,
body#product .tab-content .product-description.product-page-description h2{
  font-size:19px !important;
  margin:16px 0 10px !important;
  font-weight:700 !important;
  color:#2f2f2f !important;
}
body#product #main .product-description.product-page-description h3,
body#product .tab-content .product-description.product-page-description h3{
  font-size:16px !important;
  margin:16px 0 10px !important;
  font-weight:700 !important;
  color:#2f2f2f !important;
}

/* Tabs-Nav */
body#product #main .product-tabs.tabs .nav.nav-tabs > li > a,
body#product #main .product-tabs.tabs .nav-tabs .nav-link{
  color:#4f4f4f !important;
}
body#product #main .product-tabs.tabs .nav.nav-tabs > li.active > a,
body#product #main .product-tabs.tabs .nav-tabs .nav-link.active{
  color:#ffffff !important;
}

/* Preise */
.product-prices,
.current-price,
.product-price{
  font-weight:400;
}

/* =========================================================
   08) PRODUKTSEITE – PERSONALISIERUNGSBOX
   ========================================================= */

body#product section.product-customization{
  position:relative !important;
  background:#ffffff !important;
  border:1px solid #e7ddd6 !important;
  border-radius:16px !important;
  padding:22px 18px 16px !important;
  margin:14px 0 10px !important;
  box-shadow:0 10px 24px rgba(0,0,0,.04) !important;
}
body#product section.product-customization::before{
  content:"Jetzt personalisieren" !important;
  position:absolute !important;
  top:-12px !important;
  left:14px !important;
  background:#f3ece6 !important;
  border:1px solid #e7ddd6 !important;
  border-radius:999px !important;
  padding:4px 10px !important;
  font-size:12px !important;
  font-weight:700 !important;
  color:#2f2f2f !important;
  line-height:1 !important;
}
body#product section.product-customization .card.card-block{
  border:none !important;
  box-shadow:none !important;
  padding:0 !important;
  background:transparent !important;
}

/* =========================================================
   09) PRODUKTSEITE – PRODUKTBILD (Desktop/Tablet/Handy)
   ========================================================= */

/* Tablet (768–1399px): Bildspalte etwas breiter, Bild proportional begrenzt */
@media (min-width:768px) and (max-width:1399px){
  body#product section#main.product-detail > .row:first-of-type > [class*="col-"]:first-child{
    flex:0 0 58% !important;
    max-width:58% !important;
  }
  body#product section#main.product-detail > .row:first-of-type > [class*="col-"]:last-child{
    flex:0 0 42% !important;
    max-width:42% !important;
  }

  body#product section#main.product-detail .images-container,
  body#product section#main.product-detail .deo-carousel.product-images{
    max-width:480px !important;
    margin:0 auto !important;
  }

  body#product section#main.product-detail img.deo-js-qv-product-cover,
  body#product section#main.product-detail .product-cover img{
    width:auto !important;
    max-width:100% !important;
    height:auto !important;
    object-fit:contain !important;
    display:block !important;
    margin:0 auto !important;
  }
}

/* Desktop (ab 992px): Slick-Leerraum unter dem Bild entfernen */
@media (min-width: 992px){
  body#product #main .images-container{
    max-width: 680px !important;
    margin: 0 auto !important;
  }
  body#product #main .deo-carousel.product-images .slick-list{
    height: auto !important;
  }
  body#product #main .deo-carousel.product-images .image-container{
    padding: 0 !important;
    height: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  body#product #main .deo-carousel.product-images img,
  body#product #main .product-cover img,
  body#product #main .product-cover picture img{
    display: block !important;
    margin: 0 auto !important;
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
  }
}
/* Hinweis: Für 992–1399px überschneiden sich beide Blöcke oben (480px vs. 680px
   max-width). Da der 768–1399px-Block spezifischer ist, gewinnt dort 480px.
   Falls du in diesem Bereich lieber 680px hättest, sag Bescheid, dann passen
   wir das gezielt an. */

/* =========================================================
   10) TRUST / REASSURANCE – PRODUKTSEITE
   ========================================================= */

body#product .blockreassurance_product{
  background:transparent !important;
  padding:0 !important;
  margin-top:14px !important;
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  gap:6px !important;
}
body#product .blockreassurance_product > .clearfix,
body#product .blockreassurance_product > div:empty{ display:none !important; }

body#product .blockreassurance_product > div,
body#product .blockreassurance_product > li{
  background:#f3ece6 !important;
  border:1px solid #e7ddd6 !important;
  border-radius:10px !important;
  padding:6px 12px !important;
  box-sizing:border-box !important;
  display:grid !important;
  grid-template-columns:34px 1fr !important;
  grid-template-rows:min-content min-content !important;
  column-gap:14px !important;
  row-gap:2px !important;
  align-content:center !important;
  align-items:center !important;
  min-height:0 !important;
  min-width:0 !important;
}
body#product .blockreassurance_product .item-product{
  grid-column:1 !important;
  grid-row:1 / span 2 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:2px 0 4px !important;
  margin:0 !important;
}
body#product .blockreassurance_product .item-product img,
body#product .blockreassurance_product .item-product svg{
  width:26px !important;
  height:auto !important;
  display:block !important;
}
body#product .blockreassurance_product .block-title,
body#product .blockreassurance_product .title{
  grid-column:2 !important;
  margin:0 !important;
  padding:0 !important;
  font-weight:700 !important;
  font-size:13px !important;
  line-height:1.15 !important;
}
body#product .blockreassurance_product p{
  grid-column:2 !important;
  margin:0 !important;
  padding:0 !important;
  font-size:13px !important;
  line-height:1.25 !important;
}
@media (max-width:576px){
  body#product .blockreassurance_product{
    grid-template-columns:1fr !important;
  }
}
@media (min-width:768px) and (max-width:1399px){
  body#product .blockreassurance_product{
    grid-template-columns:1fr !important;
  }
}

/* Trust-Bereich unten (tl-trust-bottom) – immer 1 Spalte */
.tl-trust-bottom{
  max-width:980px;
  margin:18px auto 10px;
  padding:6px;
  background:#faf7f5;
  border:1px solid #eadfd8;
  border-radius:14px;
}
body#product .tl-trust-bottom .blockreassurance_product{
  margin:0 !important;
  padding:0 !important;
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:5px !important;
}
.tl-trust-bottom .blockreassurance_product p,
.tl-trust-bottom .blockreassurance_product .block-title,
.tl-trust-bottom .blockreassurance_product span{
  margin:0 !important;
}

/* =========================================================
   11) PRODUKTSEITE – WARENKORB / LIEFERZEIT / ZAHLUNGSMETHODEN
   ========================================================= */

/* Mehr Abstand zwischen Warenkorb-Bereich, Lieferzeit-Hinweis und Zahlungsmethoden */
body#product .product-add-to-cart .product-quantity {
    margin-bottom: 14px !important;
}
body#product .product-add-to-cart #product-availability {
    display: block !important;
    margin: 14px 0 !important;
}
body#product #ps_checkout-payment-method-logo-block-container {
    display: block !important;
    margin-top: 14px !important;
}

/* Lieferzeiten-Hinweis: dezenter Badge in Beige/Braun, Icon als runder Kreis links */
body#product .product-add-to-cart #product-availability .available {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: #f7f1e6 !important;
    border: 1px solid #e3d5c2 !important;
    border-radius: 999px !important;
    padding: 8px 18px 8px 40px !important;
    color: #6f4f39 !important;
    position: relative !important;
}
body#product .product-add-to-cart #product-availability .available .deo-custom-icons {
    position: absolute !important;
    left: 10px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 22px !important;
    height: 22px !important;
    line-height: 22px !important;
    border-radius: 50% !important;
    color: #ffffff !important;
    background: #8b6347 !important;
    font-size: 13px !important;
    text-align: center !important;
}
body#product .product-add-to-cart #product-availability .available span {
    display: inline !important;
    padding: 0 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-transform: none !important;
    letter-spacing: .2px !important;
    color: #6f4f39 !important;
}

/* Klarna-Logo zusätzlich neben die PayPal-Checkout-Icons (Mastercard/Visa/Amex) setzen */
#ps_checkout-payment-method-logos-container::after {
    content: "";
    display: inline-block;
    width: 56px;
    height: 32px;
    margin-left: 8px;
    align-self: center;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMTUiIGhlaWdodD0iODAiIGZpbGw9Im5vbmUiPjxyZWN0IGlkPSJiYWNrZ3JvdW5kcmVjdCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgeD0iMCIgeT0iMCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJub25lIi8+DQoNCg0KDQoNCjxkZWZzPg0KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyIiB4MT0iMC40OTU2MTQwMzUwODc3MTkzIiB5MT0iMC4wNTY5NjIwMjUzMTY0NTU2OTQiIHgyPSIwLjQ5NTYxNDAzNTA4NzcxOTMiIHkyPSIxLjAwNjMyOTExMzkyNDA1MDciPg0KPHN0b3Agc3RvcC1jb2xvcj0iI0Y1RjVGNSIvPg0KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSJ3aGl0ZSIvPg0KPC9saW5lYXJHcmFkaWVudD4NCjwvZGVmcz4NCjxnIGNsYXNzPSJjdXJyZW50TGF5ZXIiIHN0eWxlPSIiPjx0aXRsZT5MYXllciAxPC90aXRsZT48cmVjdCB4PSIwLjUiIHk9IjAuNSIgd2lkdGg9IjExNCIgaGVpZ2h0PSI3OSIgcng9IjkuNSIgZmlsbD0idXJsKCNwYWludDBfbGluZWFyKSIgaWQ9InN2Z18xIi8+PHJlY3QgeD0iMC41IiB5PSIwLjUiIHdpZHRoPSIxMTQiIGhlaWdodD0iNzkiIHJ4PSI5LjUiIHN0cm9rZT0iI0U4RThFOCIgaWQ9InN2Z18yIi8+PHJlY3QgeD0iMC41IiB5PSIwLjUiIHdpZHRoPSIxMTQiIGhlaWdodD0iNzkiIHJ4PSI5LjUiIHN0cm9rZT0iI0VERURFRCIgaWQ9InN2Z18zIi8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNi4zNzUgMzBIMTJWNDkuMzc1SDE2LjM3NVYzMFpNMjcuODU0OCAzMEgyMy4zODA1QzIzLjM4MDUgMzMuNTc0MiAyMS42OTUxIDM2LjgzNTkgMTguNzY1OCAzOC45ODQ0TDE3LjAwMDEgNDAuMjczNEwyMy44NjIxIDQ5LjM3NUgyOS41MDAxTDIzLjE3OTkgNDAuOTk2MUMyNi4xNjk0IDM4LjEwNTUgMjcuODU0OCAzNC4xOTkyIDI3Ljg1NDggMzBaTTMwLjc1MDIgMzBIMzUuMTI1MlY0OS4zNzVIMzAuNzUwMlYzMFpNNzIuNTc5IDM1LjYyNUM3MC45ODY1IDM1LjYyNSA2OS40NzE3IDM2LjEzNCA2OC40NjE4IDM3LjU3OTdWMzYuMDExOUg2NC40OTk5VjQ5Ljk3OTZINjguNTJWNDIuNjQ5NkM2OC41MiA0MC41MzIgNjkuODc5NSAzOS40OTM2IDcxLjUxMDkgMzkuNDkzNkM3My4yNTg3IDM5LjQ5MzYgNzQuMjY4NiA0MC41OTMxIDc0LjI2ODYgNDIuNjI5MlY1MEg3OC4yNDk5VjQxLjEwMjFDNzguMjQ5OSAzNy44NDQ0IDc1Ljc4MzQgMzUuNjI1IDcyLjU3OSAzNS42MjVaTTQ3Ljg0NTYgMzYuODc1OVYzNi4wMDIySDUyLjAwMDFWNDkuNjIyN0g0Ny44NDU2VjQ4Ljc0OTFDNDYuNjcwMiA0OS41NDMzIDQ1LjI1MTYgNTAgNDMuNzExNCA1MEMzOS42NTgyIDUwIDM2LjM3NTEgNDYuNzgzNSAzNi4zNzUxIDQyLjgxMjVDMzYuMzc1MSAzOC44NDE1IDM5LjY1ODIgMzUuNjI1IDQzLjcxMTQgMzUuNjI1QzQ1LjI1MTYgMzUuNjI1IDQ2LjY3MDIgMzYuMDgxNyA0Ny44NDU2IDM2Ljg3NTlaTTQwLjI4NjQgNDIuODEyNUM0MC4yODY0IDQ0LjczODQgNDEuOTY4NSA0Ni4zMDcgNDQuMDU1OSA0Ni4zMDdDNDYuMTQzMyA0Ni4zMDcgNDcuODI1MyA0NC43Mzg0IDQ3LjgyNTMgNDIuODEyNUM0Ny44MjUzIDQwLjg4NjYgNDYuMTQzMyAzOS4zMTggNDQuMDU1OSAzOS4zMThDNDEuOTY4NSAzOS4zMTggNDAuMjg2NCA0MC44ODY2IDQwLjI4NjQgNDIuODEyNVpNNTguMDI2NSAzNy45NTE0VjM2LjI0ODZINTMuODc1MVY0OS4zNzM2SDU4LjA0NjNWNDMuMjUxMkM1OC4wNDYzIDQxLjE4NDkgNjAuMzU5MyA0MC4wNzUyIDYxLjk2MDUgNDAuMDc1Mkg2Mi4wMDAxVjM2LjI0ODZDNjAuMzU5MyAzNi4yNDg2IDU4LjgzNzEgMzYuOTM3NCA1OC4wMjY1IDM3Ljk1MTRaTTkwLjk3MDUgMzYuODc1OVYzNi4wMDIySDk1LjEyNDlWNDkuNjIyN0g5MC45NzA1VjQ4Ljc0OTFDODkuNzk1IDQ5LjU0MzMgODguMzc2NCA1MCA4Ni44MzYyIDUwQzgyLjc4MzEgNTAgNzkuNSA0Ni43ODM1IDc5LjUgNDIuODEyNUM3OS41IDM4Ljg0MTUgODIuNzgzMSAzNS42MjUgODYuODM2MiAzNS42MjVDODguMzc2NCAzNS42MjUgODkuNzk1IDM2LjA4MTcgOTAuOTcwNSAzNi44NzU5Wk04My40MTEzIDQyLjgxMjVDODMuNDExMyA0NC43Mzg0IDg1LjA5MzQgNDYuMzA3IDg3LjE4MDcgNDYuMzA3Qzg5LjI2ODEgNDYuMzA3IDkwLjk3MDUgNDQuNzM4NCA5MC45NTAyIDQyLjgxMjVDOTAuOTUwMiA0MC44ODY2IDg5LjI2ODEgMzkuMzE4IDg3LjE4MDcgMzkuMzE4Qzg1LjA5MzQgMzkuMzE4IDgzLjQxMTMgNDAuODg2NiA4My40MTEzIDQyLjgxMjVaTTk5LjUgNDUuMDAxQzk4LjEyNDEgNDUuMDAxIDk3IDQ2LjEyNSA5NyA0Ny41MDFDOTcgNDguODc3IDk4LjEyNDEgNTAuMDAxIDk5LjUgNTAuMDAxQzEwMC44NzYgNTAuMDAxIDEwMiA0OC44NzcgMTAyIDQ3LjUwMUMxMDIgNDYuMTA1NyAxMDAuODc2IDQ1LjAwMSA5OS41IDQ1LjAwMVoiIGZpbGw9IiMzMzNFNDciIGlkPSJzdmdfNCIvPjwvZz48L3N2Zz4=");
    background-size: contain;
    background-repeat: no-repeat;
}
#ps_checkout-payment-method-logos-container {
    flex-wrap: nowrap !important;
    align-items: center !important;
}

/* Auf sehr schmalen Handys: Umbruch statt Überlappen erlauben */
@media (max-width: 400px) {
    #ps_checkout-payment-method-logos-container {
        flex-wrap: wrap !important;
        justify-content: center !important;
        row-gap: 8px !important;
    }
    #ps_checkout-payment-method-logos-container img {
        max-height: 22px !important;
        width: auto !important;
    }
    #ps_checkout-payment-method-logos-container::after {
        width: 40px !important;
        height: 27px !important;
    }
}

/* =========================================================
   12) TOUCH / MOBILE – Bilder
   ========================================================= */

.images-container img,
.product-cover img,
.slick-slide img,
.product-images img{
  touch-action:pan-y pinch-zoom !important;
  pointer-events:auto !important;
}
.slick-slider{
  touch-action:pan-y pinch-zoom !important;
}

/* Zweiter Text: "PER EMAIL" */
.DeoSlideshow .second-text {
    font-size: 30px !important;
    line-height: 1.3 !important;
}

/* Dritter Text: "FÜR LIEBE, PARTNERSCHAFT..." */
.DeoSlideshow .third-text {
    font-size: 30px !important;
    line-height: 1.3 !important;
}

@media (min-width: 992px) {
    .DeoSlideshow.medium-text .second-text {
        font-size: 30px !important;
    }
    .DeoSlideshow.medium-text .third-text {
        font-size: 30px !important;
    }
}

/* =========================================================
   13) "MEIN NAME IST ALEXA" (DeoHtml-Block)
   ========================================================= */

/* Handy Hochformat: Bild+Text stapeln, Abstand zum Bildschirmrand */
@media (max-width: 576px) {
    .block.DeoHtml .block_content > div[style*="max-width: 1140px"] {
        padding: 0 20px !important;
    }
    .block.DeoHtml .block_content > div[style*="max-width: 1140px"] > div {
        gap: 0 !important;
    }
    .block.DeoHtml .block_content > div[style*="max-width: 1140px"] > div > div {
        flex: 1 1 100% !important;
        max-width: 100% !important;
    }
    .block.DeoHtml .block_content > div[style*="max-width: 1140px"] > div > div[style*="flex: 2"] {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}

/* Handy Querformat: Abstand zum Rand */
@media (orientation: landscape) and (max-height: 500px) {
    .block.DeoHtml .block_content > div[style*="max-width: 1140px"] {
        padding: 0 20px !important;
    }
    .block.DeoHtml .block_content > div[style*="max-width: 1140px"] > div > div[style*="flex: 2"] {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}

/* Tablet Hochformat: Abstand zum Rand */
@media (min-width: 577px) and (max-width: 991px) and (orientation: portrait) {
    .block.DeoHtml .block_content > div[style*="max-width: 1140px"] {
        padding: 0 24px !important;
    }
    .block.DeoHtml .block_content > div[style*="max-width: 1140px"] > div > div[style*="flex: 2"] {
        padding-left: 24px !important;
        padding-right: 24px !important;
    }
}

/* =========================================================
   14) FOOTER
   ========================================================= */

/* Handy Querformat: Abstand zum Rand */
@media (orientation: landscape) and (max-height: 500px) {
    .footer-container .container {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}

/* Tablet Hochformat: Abstand zum Rand */
@media (min-width: 577px) and (max-width: 991px) and (orientation: portrait) {
    .footer-container .container {
        padding-left: 24px !important;
        padding-right: 24px !important;
    }
}

/* =========================================================
   11) CMS-SEITEN (FAQ, Impressum, AGB etc.)
   ========================================================= */

body#cms #content.page-cms.page-content{
  max-width:980px;
  margin:0 auto 60px;
  padding:34px 28px;
  background:#fff;
  border-radius:16px;
  box-shadow:0 10px 28px rgba(0,0,0,.06);
}
body#cms #content.page-cms.page-content h1{
  font-size:34px;
  line-height:1.15;
  margin:0 0 18px;
  letter-spacing:.2px;
}
body#cms #content.page-cms.page-content,
body#cms #content.page-cms.page-content p,
body#cms #content.page-cms.page-content li{
  font-size:15px;
  line-height:1.75;
  color:#2b2b2b;
  font-weight:400;
}
body#cms #content.page-cms.page-content h2,
body#cms #content.page-cms.page-content h3{
  position:relative;
  margin:34px 0 12px;
  padding-left:14px;
  text-decoration:none !important;
}
body#cms #content.page-cms.page-content h2:before,
body#cms #content.page-cms.page-content h3:before{
  content:"";
  position:absolute;
  left:0;
  top:.25em;
  width:4px;
  height:1.15em;
  border-radius:6px;
  background:#7a6a5a;
}
body#cms #content.page-cms.page-content hr{
  border:0;
  border-top:1px solid #e7e2de;
  margin:22px 0;
}
body#cms #content.page-cms.page-content a{
  color:#7a6a5a;
  text-decoration:none;
  border-bottom:1px solid rgba(122,106,90,.35);
}
body#cms #content.page-cms.page-content a:hover{
  border-bottom-color:rgba(122,106,90,.75);
}
body#cms #content.page-cms.page-content .alert,
body#cms #content.page-cms.page-content .warning,
body#cms #content.page-cms.page-content blockquote{
  background:#f5f0eb;
  border:1px solid #e8dfd6;
  border-left:5px solid #7a6a5a;
  border-radius:12px;
  padding:14px 16px;
  margin:18px 0;
  color:#2b2b2b;
}
body#cms #content.page-cms.page-content ul,
body#cms #content.page-cms.page-content ol{
  margin:10px 0 16px 20px;
}
body#cms #content.page-cms.page-content li{ margin:6px 0; }
body#cms #content.page-cms.page-content table{
  width:100%;
  border-collapse:collapse;
  margin:14px 0 20px;
  font-size:14px;
}
body#cms #content.page-cms.page-content th,
body#cms #content.page-cms.page-content td{
  border:1px solid #e7e2de;
  padding:10px 12px;
  vertical-align:top;
}
body#cms #content.page-cms.page-content th{
  background:#faf7f5;
}
@media (max-width:767px){
  body#cms #content.page-cms.page-content{
    padding:22px 16px;
    border-radius:14px;
  }
  body#cms #content.page-cms.page-content h1{ font-size:26px; }
}

.form-control-label {
    font-size: 12px;
    padding-top: 5px;
    margin-bottom: 5px;
    text-transform: uppercase;
    /* text-align: left; */
}

.alert-info {
    background-color: #faf7f5;
    border-color: #bdac9c;
    color: #31708f;
}

#new_comment_form .new_comment_form_content > label {
    display: block !important;
    float: none !important;
    width: 100% !important;
    text-align: left !important;
    margin-bottom: 6px !important;
}

/* =========================================================
   FOOTER – NEWSLETTER-BOX (angelehnt an tumbler-love)
   ========================================================= */

#footer .block_newsletter{
  background:#3b3f46 !important;
  padding:22px 26px !important;
  border-radius:12px !important;
}

#footer .block_newsletter .input-wrapper{
  background:transparent !important;
}
#footer .block_newsletter input[type="email"],
#footer .block_newsletter input[type="text"]{
  background:transparent !important;
  box-shadow:none !important;
  outline:none !important;
  -webkit-appearance:none;
  color:#fff !important;
}
#footer .block_newsletter input[type="email"]::placeholder,
#footer .block_newsletter input[type="text"]::placeholder{
  color:rgba(255,255,255,.75) !important;
}

#footer .block_newsletter input:-webkit-autofill,
#footer .block_newsletter input:-webkit-autofill:hover,
#footer .block_newsletter input:-webkit-autofill:focus,
#footer .block_newsletter input:-webkit-autofill:active{
  -webkit-text-fill-color:#fff !important;
  -webkit-box-shadow:0 0 0px 1000px transparent inset !important;
  box-shadow:0 0 0px 1000px transparent inset !important;
  transition:background-color 9999s ease-out 0s;
}

#footer .block_newsletter .gdpr_consent{
  border-top:0 !important;
  margin-top:14px !important;
  padding-top:14px !important;
}
#footer .block_newsletter label.psgdpr_consent_message{
  color:#c9cdd3 !important;
  font-size:13px !important;
  line-height:1.35 !important;
  display:flex !important;
  align-items:flex-start !important;
  gap:8px !important;
  margin:0 !important;
  text-align:left !important;
}
#footer .block_newsletter label.psgdpr_consent_message input[type="checkbox"]{
  margin-top:2px !important;
}
#footer .block_newsletter label.psgdpr_consent_message a{
  color:#e2e6ee !important;
  text-decoration:underline;
}
#footer .block_newsletter label.psgdpr_consent_message a:hover{
  color:#ffffff !important;
}

#footer.footer-container{
  background:#1f2024 !important;
}

/* =========================================================
   HEADER – KUNDENKONTO / LOGIN
   ========================================================= */

/* Runder Account-Button */
#header .userinfo-selector > .popup-title {
    width: 46px !important;
    height: 46px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: #fffdfa !important;
    border: 1px solid #d8c9ba !important;
    border-radius: 50% !important;

    padding: 0 !important;
    margin: 0 !important;

    transition: all .2s ease !important;
}

/* Kopf-Symbol */
#header .userinfo-selector > .popup-title .icon,
#header .userinfo-selector > .popup-title .icon::before {
    color: #7a6a5a !important;
    font-size: 18px !important;
}

/* Hover */
#header .userinfo-selector > .popup-title:hover {
    background: #f3ece6 !important;
    border-color: #bfa894 !important;
    box-shadow: 0 4px 12px rgba(90,70,55,.10) !important;
}

/* Dropdown-Fenster */
#header .userinfo-selector .popup-content,
#header .userinfo-selector .dropdown-menu {
    min-width: 180px !important;
    background: #ffffff !important;

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

    padding: 7px 0 !important;
    overflow: hidden !important;

    box-shadow: 0 10px 28px rgba(0,0,0,.12) !important;
}

/* Einträge im Dropdown */
#header .userinfo-selector .popup-content a,
#header .userinfo-selector .dropdown-menu a {
    padding: 10px 15px !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #404040 !important;

    transition: all .2s ease !important;
}

/* Einträge beim Darüberfahren */
#header .userinfo-selector .popup-content a:hover,
#header .userinfo-selector .dropdown-menu a:hover {
    background: #f6f1ed !important;
    color: #7a6a5a !important;
}

/* Smartphone – Account ohne Kreis */
@media (max-width: 576px) {
    #header .userinfo-selector > .popup-title {
        width: auto !important;
        height: auto !important;
        background: transparent !important;
        border: none !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        padding: 0 !important;
    }

    #header .userinfo-selector > .popup-title:hover {
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
    }
}

/* =========================================================
   WARENKORB – ERFOLGSMELDUNG
   ========================================================= */

[id^="growls-"] .growl.growl-notice,
.growl.growl-notice {
    background: #f3ece6 !important;
    color: #6f5848 !important;
    border: 1px solid #d8c9ba !important;
    border-radius: 8px !important;
    box-shadow: 0 6px 18px rgba(0,0,0,.12) !important;
}

/* Text und Produktlink */
[id^="growls-"] .growl.growl-notice .growl-message,
[id^="growls-"] .growl.growl-notice .growl-message a,
.growl.growl-notice .growl-message,
.growl.growl-notice .growl-message a {
    color: #6f5848 !important;
}

/* kleines X zum Schließen */
[id^="growls-"] .growl.growl-notice .growl-close,
.growl.growl-notice .growl-close {
    color: #6f5848 !important;
}