/*
 Theme Name:     AWEOS Theme
 Theme URI:      https://aweos.de
 Description:    Das offizielle Theme der Werbeagentur AWEOS. Individuell auf die Kundenbedürfnisse angepasst.
 Author:         aweos
 Author URI:     https://aweos.de
 Template:       Divi
 Version:        1.0.0
*/
/* Eigenen CSS-Code hier einfügen
------------------------------------------------------- */
/* barlow-condensed-300 - latin */
@font-face {
    font-family: 'Barlow Condensed';
    font-style: normal;
    font-weight: 300;
    src: local(''),
        url('/wp-content/themes/AWEOS/fonts/barlow-condensed-v5-latin-300.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('/wp-content/themes/AWEOS/fonts/barlow-condensed-v5-latin-300.woff') format('woff');
    /* Modern Browsers */
}

/* barlow-condensed-regular - latin */
@font-face {
    font-family: 'Barlow Condensed';
    font-style: normal;
    font-weight: 400;
    src: local(''),
        url('/wp-content/themes/AWEOS/fonts/barlow-condensed-v5-latin-regular.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('/wp-content/themes/AWEOS/fonts/barlow-condensed-v5-latin-regular.woff') format('woff');
    /* Modern Browsers */
}

/* barlow-condensed-italic - latin */
@font-face {
    font-family: 'Barlow Condensed';
    font-style: italic;
    font-weight: 400;
    src: local(''),
        url('/wp-content/themes/AWEOS/fonts/barlow-condensed-v5-latin-italic.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('/wp-content/themes/AWEOS/fonts/barlow-condensed-v5-latin-italic.woff') format('woff');
    /* Modern Browsers */
}

/* barlow-condensed-700 - latin */
@font-face {
    font-family: 'Barlow Condensed';
    font-style: normal;
    font-weight: 700;
    src: local(''),
        url('/wp-content/themes/AWEOS/fonts/barlow-condensed-v5-latin-700.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('/wp-content/themes/AWEOS/fonts/barlow-condensed-v5-latin-700.woff') format('woff');
    /* Modern Browsers */
}

/* .et_pb_section.faq, .et_pb_section#testimonials {
    display: none;
} */
button#CookieBoxPreferencesButton {
    display: none !important;
}

#two, #three {
    display: none;
}
.et_pb_row.tab-content {
    display: flex;
    align-items: center;
}
#testimonials .et_pb_row {
    padding: 0;
}
#testimonials ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
    list-style: none;
    padding: 0px;
}

iframe.startseite-videos {
    border-radius: 20px;
}



/* Gesamter Bereich */
.xmas-container {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
.xmas-container h3 {
    padding-top: 13px;
}
.xmas-section {
    position: relative;
    display: flex;
    flex-direction: column;
    /* Erster Verlauf (Standard) */
    background: linear-gradient(135deg, rgba(121, 182, 208, 1) 0%, rgba(48, 127, 161, 1) 100%);
    border-radius: 20px;
    color: white;
    padding: 20px;
    gap: 40px;
    z-index: 1;
    overflow: hidden;
}
.xmas-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* Zweiter Verlauf (Farben vertauscht für stärkeren Kontrast beim Hover) */
    background: linear-gradient(90deg, rgba(48, 127, 161, 1) 0%, rgba(121, 182, 208, 1) 100%);
    opacity: 0;
    transition: opacity 0.8s ease;
    z-index: -1;
}

.xmas-section:hover::before {
    opacity: 1;
}
/* Dreispaltige Zeilen */
.xmas-row-3col,
.xmas-row-3 {
    display: flex;
    gap: 20px;
    width: 100%;
}
/* Einheitliche Kartenbreite */
.xmas-set {
    flex: 1;
    background-color: white;
    border-radius: 10px;
    text-align: center;
    padding: 15px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.xmas-set img {
    width: 100%;
    border-radius: 10px;
    object-fit: cover;
}
/* Textblock links oben */
.xmas-textblock {
    flex: 1;
    background: none;
    color: white;
    box-shadow: none;
    padding: 10px 0;
    text-align: center;
}
.xmas-textblock p {
    font-size: 20px;
    line-height: 1.5;
    font-weight: 500;
    color: white;
}

/* Icons */
#merkur-xmas::before {
    content: "";
    background-image: url("https://merkur-razors.com/wp-content/uploads/2024/11/merkur-stahlwaren-weihnachten.svg");
    background-size: cover;
    background-repeat: no-repeat;
    display: inline-block;
    width: 43px;
    height: 43px;
    margin-right: 10px;
    vertical-align: -6px;
}
#merkur-hut::after {
    content: "";
    background-image: url("https://merkur-razors.com/wp-content/uploads/2025/12/christmas-hat.svg");
    background-size: cover;
    background-repeat: no-repeat;
    display: inline-block;
    width: 38px;
    height: 38px;
    margin-left: 10px;
    vertical-align: -6px;
    transform: rotate(10deg);
}
/* Button */
.xmas-button {
    display: inline-block;     
    color: white;     
    background: #fe330e;    
    border: #fe330e 3px solid; 
    padding: 8px 13px;     
    border-radius: 12px;     
    font-size: 20px;     
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none !important;
    margin-top: 10px;
    transition: all 0.3s;
}
.xmas-button:hover {
    background: white;
    color: #fe330e;     
    text-decoration: none !important;
}

/* Beschreibung */
.xmas-description {
    color: black;
}

/* Überschrift */
#merkur-xmas {
    color: black;
    font-size: 30px;
}

/* Responsive */
@media (max-width: 768px) {

    .xmas-row-3col,
    .xmas-row-3 {
        flex-direction: column;
    }

    .xmas-set,
    .xmas-textblock {
        width: 100%;
    }
}

  

p.merkur-blog-font-size {
    font-size: 20px !important;
}

#testimonials li {
    background: #f7f7f7;
    border-radius: 10px;
    flex-direction: row;
    display: flex;
    align-items: center;
    padding: 10px;
    justify-content: space-between;
}
#testimonials li.aw-active {
    background: #fff;
    box-shadow: 0px 0px 40px #00000024;
    cursor: pointer;
}
#testimonials img {
    width: 45%;
}
.partner-text h3 {
    display: flex;
    align-items: center;
    width: max-content;
    position: relative;
    padding-bottom: 20px;
    font-size: 22px;
}
.partner-text h3:before {
    content: '\e033 \e033 \e033 \e033 \e033';
    font-family: etmodules;
    color: #fcc14f;
    font-size: 14px;
    position: absolute;
    left: 0;
    bottom: 5px;
    line-height: 100%;
}

.wp-singular h3 {
    padding-top: 20px;
}

.wp-singular h2 {
    padding-bottom: 5px !important;
}

.wp-singular th {
    font-size: 16px;
}

.wp-singular td {
    font-size: 16px;
}

.blog-product-row{
  display:flex;
  align-items:center;
  gap:32px;
  margin:56px 0;
  padding-bottom:40px;
  border-bottom:1px solid #eee;
}

.blog-product-text{
  flex:1 1 auto;
  min-width:0;
}

.blog-product-box{
  flex:0 0 380px;   /* rechts genug Platz */
  max-width:380px;
}

/* Theme-Grid neutralisieren (wichtig!) */
.blog-product-box .woocommerce ul.products,
.blog-product-box .woocommerce-page ul.products{
  display:block !important;
  margin:0 !important;
}

.blog-product-box .woocommerce ul.products li.product,
.blog-product-box .woocommerce-page ul.products li.product{
  float:none !important;
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
}

/* Titel nicht „buchstabenweise“ umbrechen */
.blog-product-box .woocommerce-loop-product__title,
.blog-product-box .woocommerce-loop-product__title a{
  word-break:normal !important;
  overflow-wrap:normal !important;
  hyphens:auto;
}

/* Bild sauber */
.blog-product-box img{
  width:100%;
  height:auto;
}

/* Mobile */
@media (max-width: 900px){
  .blog-product-row{
    flex-direction:column;
  }
  .blog-product-box{
    flex:1 1 auto;
    max-width:100%;
  }
}

.wp-singular .entry-content a {
    text-decoration: underline;
}

.wp-singular .woocommerce-page ul.products li.product .onsale, .woocommerce ul.products li.product .onsale {
    display: none !important
}

.wp-singular .entry-content a:hover {
    color: #fe330f;
}

#testimonials li strong {
    display: block;
    color: #000;
    font-weight: bold;
    font-size: 16px;
}
#testimonials li p {
    display: inline-block;
    font-size: 16px;
    color: #939393;
    margin-left: 20px;
    width: 55%;
}
#testimonials li:last-child {
    background: linear-gradient(180deg, #79b6d0 0%, #307fa1 100%);
    color: #fff;
    font-size: 22px;
    text-transform: uppercase;
    justify-content: center;
}
.faq .et_pb_row {
    padding: 0;
}
.faq .et_pb_accordion .et_pb_toggle {
    margin-bottom: 0px;
    position: relative;
}
.faq .et_pb_toggle_open, .faq .et_pb_toggle_close {
    padding: 20px 0px;
    background-color: unset;
    z-index: 1;
    border: none;
    border-bottom: 1px solid #d9d9d9;
}
.faq .et_pb_toggle_content {
    padding-top: 10px;
    font-size: 20px;
}
.faq h5.et_pb_toggle_title {
    font-size: 22px;
}
.faq .et_pb_toggle_title:before {
    font-size: 22px;
    color: #307fa1;
}
/*Allgemeines*/
.woocommerce span.onsale, .woocommerce-page span.onsale {
    background: #fe330e !important;
    line-height: 100% !important;
    left: 130px !important;
    font-weight: bold !important;
}

/* STANDARD – Kategorie- / Shop-Seite (Produktübersicht) */
.new-badge {
    position: absolute;
    top: 11px;
    left: 10px;
    background-color: #fff;
    color: #e94e24;
    outline: 1px solid #e94e24;
    font-size: 20px;
    font-weight: bold;
    padding: 0px 14px;
    border-radius: 3px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    z-index: 10;
}

.link-container-en {
    display: flex;
    flex-direction: column;
    gap: 10px; /* Abstand zwischen den Links */
    margin-top: 10px;
  }

  .link-container-en a {
    text-decoration: none;
    color: black;
    font-family: sans-serif;
    transition: all 0.2s ease;
  }

  .link-container-en a:hover {
    color: #4a95b4;
    text-decoration: underline;
  }

/* Einzelproduktseite – dort weiter rechts platzieren */
body.single-product .new-badge {
    left: 64px;
}

.varianten-flex {
    display: flex;
    align-items: flex-end; /* sorgt dafür, dass die Bilder unten bündig sind */
  }
  
  .varianten-flex-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    gap: 20px;
  }
  
  .varianten-flex-item:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;                
    transform: translateY(-50%); 
    width: 2px;                
    height: 40px;            
    background-color: #ccc;  
    left: 65px;
  }

  /* Haar weiter nach rechts schieben */
  .varianten-flex-item:last-child {
    margin-left: 20px; /* verschiebt nur das letzte Item */
  }

/* Container */
.farben-kreis{
    display:flex; gap:8px; align-items:center; flex-wrap:nowrap;
  }
  .farben-kreis a{ 
    display:inline-flex; line-height:0; border-radius:50%; position:relative;
  }
  
  /* Häkchen beim aktiven (href="#") */
  .farben-kreis a[href="#"]::after{
    content:"✓";
    position:absolute; right:1px;
    width:20px; height:20px; display:grid; place-items:center;
    font-size:14px; font-weight:700;
    background:#3281a2; color:#fff; border-radius:50%;
    box-shadow:0 2px 6px rgba(0,0,0,.25);
  }
  
  /* Bilder */
  .farben-kreis img{
    width:45px; height:45px; object-fit:cover; border-radius:50%;
    border:2px solid #fff; outline:1px solid #fff; display:block;
    transition:all .4s ease; cursor:pointer; transform-origin:center;
    margin-inline:7px; box-shadow:0 0 1px rgba(255,255,255,0);
    filter:brightness(95%) saturate(95%);
  }
  
  /* Hover/Focus NUR für NICHT-aktive Links */
  .farben-kreis a:not([href="#"]):hover img,
  .farben-kreis a:not([href="#"]):focus-visible img{
    transform:scale(1.18);
    border-color:#eee;
    outline:1px double #3281a2;
    box-shadow:3px 4px 9px rgba(48,105,128,.5);
    filter:brightness(105%) saturate(120%);
  }
  

/* Optional für Responsive */
@media (max-width: 890px) {
    body.single-product .new-badge {
        left: 10px;
        top: 11px;

    }
}

@media (max-width: 400px) {
    body.single-product .new-badge {
        left: 20px;
    }
}

@-moz-document url-prefix() {
    @media (max-width: 900px) {
      .woocommerce-product-gallery__image.flex-active-slide {
        margin-left: 0px;
      }
    }
  
    /* Optional: Standard für größere Viewports */
    @media (min-width: 901px) {
      .woocommerce-product-gallery__image.flex-active-slide {
        margin-left: 40px;
      }
    }
  }

/* Zusätzliche Informationen Kachel auf Produktseiten */


td.woocommerce-product-attributes-item__value {
    font-size: 20px;

}

th.woocommerce-product-attributes-item__label {
    font-size: 20px;
}


/* Elterncontainer: Stacking-Kontext sauber setzen */
.woocommerce ul.products li.product,
.single-product .product {
  position: relative;
  z-index: auto;       /* kein eigener niedriger z-index */
}

/* SALE-Badge immer über NEU-Badge */
.woocommerce .onsale {
  position: absolute;  /* WooCommerce hat das i.d.R. schon, zur Sicherheit */
  z-index: 50;         /* höher als alles andere am Produktkärtchen */
}
.woocommerce .new-badge {
  position: absolute;
  z-index: 40;
}

/* Cleaned & deduplicated (comments removed) */
body.woocommerce ul.products li.product { position: relative; }

body.woocommerce ul.products li.product .onsale {
  position: absolute;
  top: 10px;
  right: 10px !important;
  left: auto !important;
  z-index: 60 !important;
  margin: 0 !important;
  padding: 8px 8px !important;
  transform: translateZ(0);
}

.woocommerce ul.products li.product .new-badge {
  position: absolute;
  z-index: 50;
}

@media (max-width: 1130px) {
  .woocommerce ul.products li.product .onsale {
    font-size: 14px !important;
    padding: 6px 8px !important;
  }
  .single-product .onsale { 
    left: clamp(8px, 2.5vw, 20px); 
    padding: 6px 8px !important;

}
}

@media (max-width: 480px) {
  .single-product .onsale { left: clamp(6px, 5vw, 14px); }
}

/* Nur beim Hauptprodukt ausblenden, wenn dieses Produkt .onsale hat */
.single-product div.product:has(.entry-summary):has(.onsale) .new-badge,
.single-product div.product:has(.entry-summary):has(.onsale) .bestseller-badge {
  display: none !important;
}


/* STANDARD – Kategorie- / Shop-Seite (Produktübersicht) */
.bestseller-badge {
    position: absolute;
    top: 10px;
    left: 10px;
    background-color: #306980; /* Goldton */
    color: white;
    font-size: 20px;
    font-weight: bold;
    padding: 1px 14px;
    border-radius: 3px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    z-index: 10;
}

/* Einzelproduktseite – dort weiter rechts platzieren */
body.single-product .bestseller-badge {
    left: 64px;
}

.floating-shop-btn {
    position: fixed;
    bottom: 26px;
    right: 80px;
    font-weight: bold;
    background: #3281a2;
    color: #fff;
    padding: 8px 12px;
    border-radius: 7px;
    z-index: 9999;
    border: 1px solid #ffffff00;
    box-shadow: inset 0 0 0 rgba(255, 255, 255, 0);
    transition: all 0.4s ease-in-out;
}

.floating-shop-btn:hover {
    background: #4197bc;
    color: #fff;
    border-radius: 5px;
    border: 1px solid #ffffffbc;
    text-decoration: none;
    box-shadow: inset 0 0 3px rgba(255,255,255,0.6), 3px 3px 8px rgba(0,0,0,0.235);
}

/* Footer sichtbar → Button nach unten ziehen + ausfaden */
.floating-shop-btn.fade-out {
    opacity: 0;
    transform: translateY(50px);
    pointer-events: none;
}

/* Footer nicht sichtbar → normal einblenden */
.floating-shop-btn.fade-in {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}


/* Optional für Responsive */
@media (max-width: 890px) {
    body.single-product .bestseller-badge {
        left: 10px;
    }
}

@media (max-width: 400px) {
    body.single-product .bestseller-badge {
        left: 20px;
    }
}

/* Firefox-spezifisch */
@-moz-document url-prefix() {
    @media (max-width: 900px) {
        .woocommerce-product-gallery__image.flex-active-slide {
            margin-left: 0px;
        }
    }

    @media (min-width: 901px) {
        .woocommerce-product-gallery__image.flex-active-slide {
            margin-left: 40px;
        }
    }
}


/* Bildcontainer auf Einzelproduktseite */
.woocommerce div.product div.images {
    position: relative;
}

body.woocommerce .woocommerce-error {
    background: #79b6d0 !important;
    background: linear-gradient(180deg, #79b6d0 0%, #307fa1 100%) !important;
    border-radius: 10px;
    margin: 0 auto;
    margin-bottom: 0;
    margin-top: 40px;
    width: 90%;
    max-width: 1180px;
}

.woocommerce ul#shipping_method .amount {
    font-weight: normal;
}

h3.kategorie-subheadline {
    padding-top: 40px;
    text-decoration: underline;
}

.woocommerce-checkout span.woocommerce-Price-amount.amount {
    font-weight: normal;
}

ul.woocommerce-error a {
    color: #fff;
}

.woocommerce ul#shipping_method li label {
    font-size: 20px;
    font-weight: normal;
}

.wc-block-checkout__terms a {
    font-size: 14px;
    text-decoration: underline;
}

#offcanvas_container .ps__rail-y {
    display: none !important;
}

#offcanvas_container #offcanvas_menu_inner > li.menu-item.menu-item-has-children.visible > a {
    background-color: #3281a2 !important;
    color: #fff !important;
}
#offcanvas_container #offcanvas_menu_inner > li.menu-item.menu-item-has-children.visible > a:after {
    color: #fff !important;
    background-color: #3281a2 !important;
}
#offcanvas_container #offcanvas_menu_inner > li.menu-item.menu-item-has-children > a:after {
    color: #484848 !important;
}

body #offcanvas_menu_inner>li.menu-item.visible>a, body #offcanvas_menu_inner>li.menu-item.visible>ul>li.menu-item.visible>a {
    background-color: #5a9ebb;
    color: #fff;
}
@media (max-width:980px) {
.wpml-ls-menu-item .wpml-ls-flag {
    padding-block: 7px;
}
}

.et_pb_gutters3.et-db #et-boc .et-l .et_pb_column_1_2 .et_pb_module {
    margin-bottom: 10px;
}

/* #footer-widgets img, .zahlungsarten img {
    background: #f7f7f7;
    padding: 9px;
    border-radius: 6px;
    width: 25%;
    height: 40px;
    object-fit: contain;
    margin-right: 5px;
} */

.widget_text .fwidget .et_pb_widget .widget_custom_html {
    margin-bottom: 16.347% !important;

}

.zahlungsicons {
    margin-bottom: 30px;
}

.zahlungsicons img {
    background: #f7f7f7;
    padding: 9px;
    border-radius: 6px;
    width: 25%;
    height: 40px;
    object-fit: contain;
    margin-right: 5px;
}

.socialicons a,
.socialicons a:hover,
.socialicons a:focus {
  text-decoration: none;
}

.socialicons a {
    display: inline-block;
    background-color: #f7f7f7;
    padding: 3px 7px;
    margin-right: 5px;
    border-radius: 6px;
    transition: background-color 0.3s ease;
  }
  
  .socialicons a:hover {
    background-color: #4A95B4;
  }
  
  .socialicons img {
    position: relative;
    left: 7%;
    text-align: center;
    display: block;
    height: 30px;
    object-fit: contain;
    transition: filter 0.3s ease;
  }
  
  .socialicons a:hover img {
    filter: brightness(0) invert(1);
  }

  
  /* Einheitliche Basis-Klasse für Icons */
  .icon {
    height: 24px;
  }
  
  /* Optionale individuelle Breiten */
  .icon.instagram {
    width: 85%;
  }
  
  .icon.facebook {
    width: 76%;
  }
  
  .icon.youtube {
    width: 92%;
    left: 3% !important;
  }
  
  .icon.tiktok {
    width: 86%;
  }
  

.zahlungsarten .et_pb_text_inner {
    display: flex;
}

.zahlungsarten img {
    background: #fff;
    width: 80px;
}

.logged-in caption {
    display: none;
}

.logged-in header#main-header {
    top: 32px;
}

.v2.einblenden img#logo {
    width: 70%;
}

.v2.einblenden .kontakt-head {
    display: none;
}

body .et_pb_row {
    width: 90%;
    max-width: 1180px;
    margin: 0 auto;
}

body .container {
    width: 85%;
    max-width: 1180px;
    margin: auto;
}

body {
    color: black;
    font-family: 'Barlow Condensed';
    line-height: 30px !important;
}

h1, h2, h3, h4, h5 {
    color: #000;
    font-family: GT Super Display, Times New Roman, "serif";
    font-family: 'Barlow Condensed';
    font-weight: bold;
    line-height: 130%;
    text-transform: uppercase;
    letter-spacing: 1px;
}

p {
    font-size: 20px;
    font-weight: 300;
    line-height: 1.4;
}
strong {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4;
}

a {
    transition: 800ms;
    font-size: 20px;
}

a:hover {
    text-decoration: underline;
    cursor: pointer;
}

a.mail, a.tel, span.standort {
    position: relative;
    padding-left: 30px;
    color: #000;
}

a.mail:before, a.tel:before, span.standort:before {
    content: '';
    width: 18px;
    height: 18px;
    position: absolute;
    left: 0px;
    top: 0px;
    background-size: 100%;
    background-repeat: no-repeat;
}

a.mail:before {
    background-image: url("/wp-content/themes/AWEOS/svgs/email-border.svg");
}

a.tel:before {
    background-image: url("/wp-content/themes/AWEOS/svgs/phone-border.svg");
}

span.standort:before {
    background-image: url("/wp-content/themes/AWEOS/svgs/location-black.svg");
}

.et_pb_column {
    margin-bottom: 0px;
}

/* Unterseite
---------------------------------------------------*/
/*Timeline*/
#historie .et_pb_image {
    position: relative;
    top: -60px;
}
.kategorie-text a {
    color: rgb(48, 127, 161);
}
.kategorie-text a:hover {
    text-decoration-style: solid;
}

.kategorie-text h4 {
    text-transform: none;
    font-size: 22px;
}

.kategorie-text h3 {
    margin-top: 25px;
}

#historie .et_pb_row {
    display: flex;
    align-items: center;
}

div#historie {
    padding: 20px 0px;
}

div#historie h2 {
    margin-bottom: 20px;
    padding: 0px;
}

div#historie .content-details h2 {
    margin-bottom: 0px;
}

.content-details strong {
    font-weight: bold;
    font-size: 18px;
}

#historie .et_pb_module.et_pb_text {
    margin: 0;
}

span.ctl-story-time {
    background: #307fa1;
    padding: 2px 10px;
    border-radius: 20px;
    font-size: 16px;
    color: white !important;
}

#historie .cool-timeline-horizontal.white-timeline .clt_caru_slider ul.slick-slider .slick-list li.slick-slide .timeline-post {
    background: none;
    border: none;
    border-radius: 0px;
    position: relative;
}

#historie .content-details {
    padding: 0px;
}

.cool-timeline-horizontal .clt_caru_slider ul.slick-slider .slick-list li.slick-slide {
    margin: 0;
}

div#historie .content-title h2, div#historie .content-title {
    color: #000;
    background: none;
    padding: 0px;
    display: flex;
    align-items: center;
    margin-bottom: 0px;
    font-weight: bold;
}

#historie .cool-timeline-horizontal .clt_carousel_slider ul.slick-slider .slick-list li .ctl-story-time:after, #historie .cool-timeline-horizontal .clt_carousel_slider ul.slick-slider .slick-list li .ctl-story-time:after {
    background: #307fa1;
}

#historie .cool-timeline-horizontal .clt_carousel_slider ul.slick-slider .slick-list li.slick-slide.slick-current:after, #historie .cool-timeline-horizontal.ht-design-2 .clt_carousel_slider ul.slick-slider .slick-list li.slick-slide:after {
    display: none;
}

#historie li.slick-current span.ctl-story-time {
    background: #f7f7f7;
    color: #000 !important;
    box-shadow: 0px 0px 7px #00000020;
}

#historie .cool-timeline-horizontal .clt_carousel_slider ul.slick-slider .slick-list li.slick-current .ctl-story-time:after, #historie .cool-timeline-horizontal .clt_carousel_slider ul.slick-slider .slick-list li.slick-current .ctl-story-time:after {
    background: #f7f7f7;
    box-shadow: 0px 0px 7px #00000020;
}

i.far.fa-arrow-alt-circle-left:before {
    content: '\34';
    color: #000;
    font-size: 30px;
    position: absolute;
    left: 15px;
    font-family: 'ETmodules';
    font-style: normal;
}

.extra-margin p {
    margin-top: 18px;
}

.tablepress-4 {
font-size: 19px;

}

.tablepress thead th {
    font-size: 22px;
    padding: 5px;
    padding-left: 8px;
}

.anker-links-kategorie {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    padding: 0;
    gap: 15px;
    flex-direction: row;
}

.anker-links-kategorie li {
    background-color: #294f58;
    border-radius: 10px;
    padding: 7px 10px;
    text-align: center;
    margin-bottom: 15px;
}

.anker-links-kategorie li a {
    text-decoration: none;
    color: #ffffff; /* White text */
}

.anker-links-kategorie li a:hover {
    color: #5cb3de; /* Yellow color on hover */
}

ul.kategorie-unordered-list-bullet {
    list-style-type: none; /* Entfernt die Standard-Aufzählungszeichen */
    padding-left: 0; /* Entfernt den linken Abstand, der standardmäßig vorhanden ist */
    font-size: 20px;
    position: relative; 
    font-weight: 300;
}

ol.kategorie-ordered-list-bullet {
    padding-left: 0; /* Entfernt den linken Abstand, der standardmäßig vorhanden ist */
    font-size: 20px;
    position: relative; 
    font-weight: 300;
    list-style: decimal !important;
}

.kategorie-unordered-list-bullet li {
    list-style: none;
    padding-left: 15px; /* Genügend Platz für das benutzerdefinierte Aufzählungszeichen */
    position: relative; /* Ermöglicht absolute Positionierung des Pseudo-Elements */
}

.kategorie-unordered-list-bullet li::before {
    content: ''; /* Hier könntest du ein Symbol einfügen */
    font-size: 16px; /* Größe des benutzerdefinierten Aufzählungszeichens */
    color: #171717; /* Farbe des benutzerdefinierten Aufzählungszeichens */
    position: absolute;
    left: 0;
    top: 0.6em; /* Vertikale Position anpassen, um mit dem Text auszurichten */
    width: 7px;
    height: 7px;
    border-radius: 50%; /* Macht das Aufzählungszeichen kreisförmig */
    background-color: #101010; /* Hintergrundfarbe des Aufzählungszeichens */
    margin-top: 3px;
}

.kategorie-ordered-list-bullet li {
    padding-left: 15px; /* Genügend Platz für das benutzerdefinierte Aufzählungszeichen */
    position: relative; /* Ermöglicht absolute Positionierung des Pseudo-Elements */
}

.kategorie-ordered-list-bullet {
    list-style-position: inside; /* Nummerierung wird nach innen verschoben */
}

i.far.fa-arrow-alt-circle-right:before {
    content: '\35';
    color: #000;
    font-size: 30px;
    position: absolute;
    right: 15px;
    font-family: 'ETmodules';
    font-style: normal;
}

.timeline-wrapper.white-timeline-wrapper.hori-items-1 {
    display: flex;
    flex-direction: column;
}

body .cool-timeline-horizontal .clt_caru_slider ul.slick-slider .slick-list li.slick-slide .timeline-post .ctl_info {
    line-height: normal;
    display: flex;
    align-items: center;
}

.full-width {
    width: 40%;
    margin-right: 10%;
    background: #fff;
    padding: 15px;
    border-radius: 10px;
}

div#historie .content-title {
    display: none;
}

body .cool-timeline-horizontal .full-width img.story-img {
    width: 60%;
    margin: 0 auto;
}

#historie .content-details {
    padding: 0px;
    width: 50%;
}

.emotional-images img {
    border-radius: 20px 0px 20px 0px;
    box-shadow: 0px 0px 20px #0000001a;
}

#historie .et_pb_column.et_pb_column_1_2 {
    z-index: 99;
}

.produkt-text-umbruch {
    padding-top: 45px;
}

.service-kacheln .et_pb_row {
    padding: 0px 0px 10px 0px;
}

.service-kacheln .et_pb_column.et_pb_column_1_3 {
    background: #fff;
    padding: 20px;
    border-radius: 20px 0px 20px 0px;
    transition: 800ms;
}

.service-kacheln .et_pb_column.et_pb_column_1_3:hover {
    box-shadow: 0px 0px 20px #00000020;
    background: linear-gradient(180deg, #79b6d0 0%, #307fa1 100%);
}

.service-kacheln .et_pb_column.et_pb_column_1_3:hover h3, .service-kacheln .et_pb_column.et_pb_column_1_3:hover a, .service-kacheln .et_pb_column.et_pb_column_1_3:hover p {
    color: white;
    transition: 0ms;
}

.service-kacheln .et_pb_column.et_pb_column_1_3:hover a {
    text-decoration: underline;
}

.service-kacheln a:before {
    content: '\35';
    font-family: 'ETmodules';
    position: absolute;
    left: 0px;
    top: 2px;
}

.service-kacheln a {
    position: relative;
    padding-left: 25px;
    margin-top: 10px;
    display: block;
}

.et_pb_section.header-unterseite {
    padding: 0px;
}
.kategorie-text .faq-html li:first-child {
    display: list-item;
}
/* Warenkorb
------------------------------------------------------- */
div#header-widget-area {
    display: inline-block;
    position: relative;
}

.woocommerce .cart-collaterals .cross-sells ul.products li, 
.woocommerce-page .cart-collaterals .cross-sells ul.products li {
    width: 48% !important;
}

.woocommerce .cart-collaterals .cross-sells ul.products h2, 
.woocommerce-page .cart-collaterals .cross-sells ul.products h2 {
    font-size: 17px;
}

.xoo-wsc-clist-section{
    display:none;
}

.dropdown-cart-button {
    background: none;
    padding-left: 0;
    padding-right: 0px;
    border: none;
    position: relative;
}

.dropdown-cart-button .dropdown {
    width: 320px;
    bottom: 60px;
    border: none;
    border-radius: 6px;
    padding: 30px 30px 20px;
    -webkit-box-shadow: 0 10px 40px rgb(0 0 0 / 10%);
    box-shadow: 0 10px 40px rgb(0 0 0 / 10%);
}

.dropdown-cart-button .dropdown .cart_list a {
    width: 100%;
    text-align: right;
    margin-left: 0;
    font-weight: 700 !important;
    font-size: 14px;
}

.dropdown-cart-button .dropdown .cart_list li {
    padding: 10px 0;
    line-height: 100%;
}

.dropdown-cart-button .dropdown .cart_list img {
    width: 50px;
    height: 50px !important;
    object-fit: contain;
}

.single-product .dropdown span.woocommerce-Price-amount.amount {
    color: #000;
    font-weight: normal;
    font-size: 25px !important;
}

p.total.total-cart-tax.wc-gzd-total-mini-cart {
    font-size: 0px;
}

.dropdown-cart-button .dropdown .cart_list .quantity {
    width: 100%;
    text-align: right;
    padding: 0px;
}

.dropdown-cart-button a.button.wc-forward {
    display: block;
    margin-bottom: 12px;
}

.woocommerce a.button, .woocommerce-page a.button, .woocommerce a.button.alt, .woocommerce-page a.button.alt {
    border: none;
    margin-right: 10px;
    line-height: 1.3em !important;
    color: #fff;
    background-color: #000;
    font-size: 14px;
    border-radius: 0px;
    padding: 8px 15px !important;
    font-weight: 700;
}
.xoo-wsc-empty-cart a.button.btn, a.xoo-wsc-ft-btn.button.btn.xoo-wsc-cart-close.xoo-wsc-ft-btn-continue, a.button.wp-element-button.product_type_simple.add_to_cart_button.ajax_add_to_cart, a.xoo-wsc-ft-btn.button.btn.xoo-wsc-ft-btn-cart, a.xoo-wsc-ft-btn.button.btn.xoo-wsc-ft-btn-checkout {
    color: white;
        background: linear-gradient(180deg, #79b6d0 0%, #307fa1 100%);
}
.woocommerce a.button:hover:after, .woocommerce-page a.button:hover:after {
    display: none;
}

a.button.wc-forward {
    background: #111 !important;
    color: #fff !important;
    text-align: center;
    padding: 8px 15px !important;
    padding-left: 40px;
    font-weight: 700;
    font-size: 16px;
    border: none !important;
    border-radius: 0;
}

.dropdown-cart h4.widgettitle {
    display: none;
}

.dropdown-cart-button .dropdown-total, .home .et-fixed-header .dropdown-cart-button .dropdown-total {
    background: url(/wp-content/themes/AWEOS/svgs/warenkorb-black.svg);
    background-repeat: no-repeat;
    font-size: 0;
    padding: 0px;
    display: flex;
    background-color: #fff;
    border-radius: 50%;
    height: 60px;
    width: 60px;
    line-height: 60px;
    text-align: center;
    box-shadow: 0px 0px 40px #00000094;
    transition: 800ms;
    background-size: 60%;
    background-position: 50%;
    transform: translateZ(0);
    will-change: transform;
}

div#header-widget-area {
    position: fixed;
    bottom: 20px;
    right: 20px;
    transform: translateZ(0);
    will-change: transform;
}

div#header-widget-area:hover .dropdown-cart-button .dropdown-total {
    background-image: url(/wp-content/themes/AWEOS/svgs/warenkorb-white.svg);
    transform: scale(1.1);
    background-color: #ff330d;
}

div#widget_shopping_mini_cart-2 {
    width: 100%;
}

.home .dropdown-cart-button .dropdown-total {
    background: url(/wp-content/themes/AWEOS/svgs/warenkorb-black.svg);
    background-repeat: no-repeat;
    background-color: #fff;
    background-size: 60%;
    background-position: 50%;
    border-radius: 50%;
    height: 60px;
    width: 60px;
    line-height: 60px;
    text-align: center;
    box-shadow: 0px 0px 40px #00000094;
    transition: 800ms;
}

#widget_shopping_mini_cart-2-content bdi {
    font-size: 0;
}

#widget_shopping_mini_cart-2-content .dropdown bdi {
    font-size: 22px;
}

.dropdown-cart-button .dropdown .buttons .button {
    margin: 0;
    border-radius: 6px;
    background: linear-gradient(180deg, #79b6d0 0%, #307fa1 100%) !important;
    transition: 800ms;
    transform: translateZ(0);
    will-change: transform;
}

.dropdown-cart-button .dropdown .buttons .button:hover {
    transform: scale(1.05);
}

span.cart-contents-count {
    font-size: 11px;
    color: #202020;
    position: absolute;
    right: 13px;
    top: 14px;
}

.woocommerce a.remove {
    height: 1.1em;
    width: 1.2em;
}

@media (max-width:768px) {
    .woocommerce .cart_item .quantity {
    padding-left: 20px;
}
    .woocommerce table.shop_table_responsive tr td::before, 
    .woocommerce-page table.shop_table_responsive tr td::before {
        font-size: 21px;
    }
    span.woocommerce-Price-amount.amount bdi {
        font-size: 21px !important;
    }
}

/* Head / Header
------------------------------------------------------- */
ul#top-menu .wpml-ls-item {
    padding: 0px;
    padding-left: 20px;
}

body #main-header {
    box-shadow: none;
    padding-bottom: 0px;
    background: #fff;
    position: fixed !important;
    top: 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    align-content: center;
    padding: 15px 0px;
}

body.home #main-header {
    background: #0000;
}

.home header#main-header img#logo {
    content: url(/wp-content/themes/AWEOS/svgs/merkur_logo_125jahre-white.svg);
}

.home .v2 #top-menu a, .home .v2 .kontakt-head a {
    color: white !important;
}

.v2 #top-menu ul.sub-menu a {
    color: #333 !important;
}

.home .et-cart-info span:before {
    background-image: url(/wp-content/themes/AWEOS/svgs/warenkorb-white.svg);
}

.home .v2 .kontakt-head a:before {
    background-color: white;
}

.v2 .et-fixed-header #top-menu a {
    color: #000 !important;
}

header#main-header.et-fixed-header {
    background: #fff;
}

header#main-header.et-fixed-header .kontakt-head a:before {
    background-color: #f7f7f7;
}

header#main-header.et-fixed-header .kontakt-head strong {
    color: #000;
}

header#main-header.et-fixed-header img#logo {
    content: url(/wp-content/themes/AWEOS/svgs/merkur_logo_125jahre.svg);
}

header#main-header.et-fixed-header .et-cart-info span:before {
    color: #000;
}

.v2 #header-infos .logo_container {
    position: relative;
    width: 20%;
    display: inline-block;
    vertical-align: top;
}

.et_header_style_left #et-top-navigation nav>ul>li>a, .et_header_style_split #et-top-navigation nav>ul>li>a {
    padding-bottom: 20px;
}

.v2.einblenden #et-secondary-nav .menu-item-has-children>a:first-child, .v2.einblenden #top-menu .menu-item-has-children>a:first-child {
    padding-bottom: 33px;
}

#top-menu li.current-menu-item>a {
    color: hsl(206deg 73% 49%);
}

#top-menu li {
    padding-left: 22px;
    padding-right: 0px;
}

#top-menu li li a:hover {
    background: #f7f7f7;
}

.v2 {
    display: contents;
    position: relative;
    visibility: unset;
}

.v2 img#logo {
    width: 80%;
}

span.logo_helper {
    display: block;
}

.container.et_menu_container {
    width: 90%;
    max-width: 1180px;
}

.v2 div#et-top-navigation {
    z-index: 222;
    background: #0000;
    text-align: left;
    padding: 0px !important;
    position: relative;
    right: 0px;
    padding-top: 35px !important;
}
.custom-link a {
    color: rgb(48, 127, 161);
    text-decoration: underline;
    text-decoration-style: dotted;
}

.custom-link a:hover {
    text-decoration-style: solid;
}
.et-cart-info span:before {
    color: #fff;
    font-size: 20px;
    background-image: url(/wp-content/themes/AWEOS/svgs/warenkorb-black.svg);
    background-size: 100%;
    width: 25px;
    height: 25px;
    position: absolute;
    content: '';
    right: -10px;
    top: -5px;
}

#main-header.et-fixed-header .et-cart-info span:before {
    color: #fff;
    background-image: url(/wp-content/themes/AWEOS/svgs/warenkorb-black.svg);
}

nav#top-menu-nav, ul#top-menu {
    text-align: right;
}

#et-top-navigation .nav li ul {
    border-radius: 0px 0px 10px 10px;
    right: 0px;
    padding: 20px;
    border-color: #3885a6;
    width: max-content;
}
#top-menu li ul.sub-menu li {
    padding: 0;
    width: 100%;
}

.v2 #top-menu a {
    opacity: 1;
    color: #000;
    font-size: 20px;
    font-weight: normal;
    width: 100%;
}

div#header-infos {
    display: flex;
    align-items: center;
    justify-content: space-between;
    align-content: center;
}

.kontakt-head.tel {
    text-align: right;
    width: 33%;
    display: inline-block;
    vertical-align: top;
}

.kontakt-head {
    text-align: right;
    width: auto;
    display: inline-block;
    position: absolute;
    top: 0px;
    right: 0%;
    z-index: 9999;
}

#et-top-navigation .et-cart-info {
    float: right;
}

.v2 ul {
    list-style: none;
}

.v2 .kontakt-head li {
    display: inline-flex;
    position: relative;
    text-align: left;
    padding-left: 35px;
    font-size: 16px;
}

.v2 .kontakt-head a {
    color: #000;
}

.v2 .kontakt-head strong {
    font-size: 18px;
    font-weight: normal;
}

.kontakt-head li.beratung-bnt {
    padding-left: 0px;
}

.v2 a.phone:before {
    background-image: url("/wp-content/themes/AWEOS/svgs/phone-border.svg");
}

.v2 a.kontakt:before {
    background-image: url("/wp-content/themes/AWEOS/svgs/email-border.svg");
}

.kontakt-scroll a.phone:before {
    background-image: url("/wp-content/themes/AWEOS/svgs/phone-white.svg");
}

.kontakt-scroll a.kontakt:before {
    background-image: url("/wp-content/themes/AWEOS/svgs/mails-white.svg");
}

.v2 .kontakt-head a:before {
    background-size: 50%;
    background-color: #f7f7f7;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: 50%;
    width: 25px;
    height: 25px;
    display: inline-block;
    content: '';
    position: absolute;
    left: 0;
}

.menue-button a {
    padding: 10px 22px !important;
    color: #fff !important;
    background: #7db5b2;
    border-radius: 10px;
}

#top-menu li.mega-menu>ul {
    width: 100% !important;
    left: 0 !important;
    right: 0px !important;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
#top-menu li.mega-menu-downloads>ul {
    /*left: 0 !important;*/
    /*right: 0 !important;*/
    margin-right: -67px;
    display: flex;
    flex-direction: row;
    align-content: space-around;
    justify-content: space-between;
    align-items: center;
}
#top-menu li.mega-menu-downloads>ul a:hover, .nav ul li a:hover{
    background: none;
}
#top-menu li.mega-menu-downloads>ul>li>a:first-child {
    padding-top: 0 !important;
    font-weight: bold;
    border-bottom: 1px solid rgba(0,0,0,0.03);
}
#top-menu li.mega-menu>ul>li {
    width: 33%;
    margin: 0;
    display: inline-flex !important;
    flex-direction: column !important;
}

#top-menu li.mega-menu.mega-menu-parent-3>ul>li {
    width: 30%;
}
#top-menu li.mega-menu>ul>li>a {
    width: 90%;
    padding: 0 19px 10px;
}
#top-menu li.mega-menu.mega-menu-parent li>.sub-menu {
    background: none;
}

/* Fix: Sub-Submenu innerhalb Mega-Menu (z.B. "Für Frauen" unter "Rasierhobel") */
#top-menu li.mega-menu > ul > li > ul.sub-menu {
    position: relative !important;
    display: none !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    top: auto !important;
    left: auto !important;
}

#top-menu li.mega-menu > ul > li:hover > ul.sub-menu {
    display: block !important;
}

#top-menu li.mega-menu > ul > li > ul.sub-menu > li {
    width: 100% !important;
    padding: 0 !important;
}

#top-menu li.mega-menu > ul > li > ul.sub-menu > li > a {
    font-weight: normal !important;
    font-size: 14px !important;
    padding: 4px 19px 4px 30px !important;
    color: #666 !important;
}

#top-menu li.mega-menu > ul > li > ul.sub-menu > li > a:hover {
    color: #3885a6 !important;
}

/* Pfeil-Indikator für Mega-Menu Items mit Sub-Submenu */
#top-menu li.mega-menu .menu-item-has-children > a:first-child {
    position: relative !important;
    padding-right: 25px !important;
}

#top-menu li.mega-menu .menu-item-has-children > a:first-child:after {
    display: inline-block !important;
    font-family: 'ETmodules' !important;
    content: "3" !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    display: inline-block !important;
    -webkit-transform: rotate(-90deg) !important;
    transform: rotate(-90deg) !important;
    transition: transform 0.2s ease !important;
}

#top-menu li.mega-menu .menu-item-has-children:hover > a:first-child:after {
    -webkit-transform: rotate(0deg) !important;
    transform: rotate(0deg) !important;
}

.et_mobile_menu li a:hover, .nav ul li a:hover {
    background-color: transparent;
}

.kontakt-scroll {
    display: none;
}

.v2.einblenden .kontakt-scroll {
    position: fixed;
    top: 50%;
    display: block;
    left: 10px;
}

.kontakt-scroll a.phone, .kontakt-scroll a.kontakt {
    width: 45px;
    height: 45px;
    display: block;
    position: relative;
    border-radius: 50%;
    margin-bottom: 20px;
    box-shadow: 0px 0px 10px #00000038;
    background-color: #7db5b2;
}

.kontakt-scroll a.phone {
    font-size: 0px;
    color: #fff;
    transition: unset;
}

.kontakt-scroll a.phone:before, .kontakt-scroll a.kontakt:before {
    content: '';
    background-size: 45%;
    background-repeat: no-repeat;
    background-position: 50%;
    width: 45px;
    height: 45px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    transform: translateZ(0);
    will-change: transform;
}

.kontakt-scroll a.kontakt:hover, a.back-to-top:hover {
    transform: scale(1.2);
}

.kontakt-scroll a.phone:hover {
    font-size: 14px;
    display: flex;
    align-items: center;
    text-decoration: none;
    width: 100%;
    padding: 20px;
    padding-left: 50px;
    border-radius: 40px;
    transform: none;
}

#offcanvas_menu_inner li.menu-item>a {
    padding-right: 0px !important;
}

/* Body
------------------------------------------------------- */
/* Formular 1 */
.form1 p.cta-text {
    padding-bottom: 10px;
}

.form1 p.cta-text {
    padding-bottom: 10px;
}

.form1 form.wpcf7-form {
    -webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, .1);
    box-shadow: 0 10px 40px rgba(0, 0, 0, .1);
    border: none;
    border-radius: 10px;
    padding: 30px 20px;
    background: hsl(0deg 0% 100%);
    padding-bottom: 0;
}
.product-template-default .ppc-button-wrapper {
    display: none;
}
.wps-form-column {
    flex: 1;
    padding: 0.5rem 0;
    width: 100%;
    position: relative;
}

.wps-form span.wpcf7-list-item, .rechtstext {
    margin-left: 0px;
    font-size: 15px;
    line-height: 1.4;
}

.form1 .wpcf7-list-item label {
    position: relative;
    left: 0;
    padding: 0;
}

.wps-form span.wpcf7-list-item, .rechtstext {
    margin-left: 0px;
    font-size: 15px;
    line-height: 1.4;
}

.form1 input.wpcf7-form-control.wpcf7-submit {
    background: linear-gradient(180deg, #79b6d0 0%, #307fa1 100%);
    border: none;
    padding-left: 10px;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    line-height: 100%;
}

.form1 input.wpcf7-form-control.wpcf7-submit:hover {
    cursor: pointer;
}

.form1 input.wpcf7-form-control.wpcf7-submit:hover:disabled {
    cursor: not-allowed;
}

.wps-form-row .wpcf7-list-item-label a {
    color: #000;
    text-decoration: none;
    font-size: 14px;
    border-bottom: dashed 1px #000;
}

.form1 .acceptance-52 input[type=checkbox] {
    width: 15px !important;
    height: 15px;
    top: 3px;
    position: relative;
}

.wps-form-row .kuerzer.first .wpcf7-form-control {
    width: 97%;
}

.wps-form-row .wpcf7-form-control {
    width: 100%;
}

.wps-form-row input.wpcf7-form-control, .wps-form-row textarea.wpcf7-form-control, select.wpcf7-form-control.wpcf7-select, textarea.wpcf7-form-control.wpcf7-textarea {
    background: #fff;
    border: 1px solid #307fa1;
    padding: 10px;
    padding-left: 20px;
    font-size: 16px;
    border-radius: 10px;
    width: 100%;
    height: 40px;
}

.form1 label {
    position: absolute;
    top: 0;
    left: 10px;
    z-index: 2;
    background: #fff;
    font-size: 14px;
    line-height: 100%;
    padding: 0px 10px;
}

.wps-form-row {
    padding-bottom: 0px;
    flex-direction: row;
    display: flex;
    width: 100%;
}

.form1 textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required {
    height: 60px;
}

.wpcf7 form.sent .wpcf7-response-output, .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
    margin: 0px;
    position: relative;
    bottom: 20px;
    border-radius: 10px;
    font-size: 16px;
}

.wpcf7-response-output {
    border-color: #46b450;
    background-color: #e8f5e9; /* Hellgrüner Hintergrund */
    color: #2e7d32; /* Dunkelgrüne Schriftfarbe */
    padding: 20px;
    margin-top: 20px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0; /* Anfangs unsichtbar */
    transform: translateY(20px); /* Anfangs nach unten verschoben */
    animation: fadeInUp 0.5s ease-out 0.3s forwards; /* Animation hinzufügen */
}

@keyframes fadeInUp {
    to {
        opacity: 1; /* Sichtbar machen */
        transform: translateY(0); /* In die ursprüngliche Position bewegen */
    }
}

.wpcf7-not-valid-tip {
    font-size: 16px;
    padding-left: 10px;
}

select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required, select.wpcf7-form-control.wpcf7-select {
    -webkit-appearance: none;
    background-image: url(/wp-content/themes/AWEOS/svgs/down-arrow.svg);
    background-position: 96% 50%;
    background-repeat: no-repeat;
    background-size: 14px;
}

/*Startseite*/
.home #page-container {
    padding-top: 0px !important;
}

.et_pb_section.startseite-headerbild {
    height: 85vh;
    background: rgb(121, 182, 208);
    background: linear-gradient(180deg, rgba(121, 182, 208, 1) 0%, rgba(48, 127, 161, 1) 100%);
}

.startseite-headerbild .text-header .et_pb_module {
    width: 60%;
}

.startseite-headerbild .et_pb_module.et_pb_image.bild-rechts {
    margin: 0 auto;
    width: 40%;
    position: absolute;
    right: 0;
    bottom: -70px;
}

.text-header .bild-rechts span {
    width: 100%;
    text-align: center;
}

.startseite-headerbild .bild-rechts span.et_pb_image_wrap:before {
    background: #0000 radial-gradient(ellipse at center center, #000 0, #0000008c 30%, #0000004d 40%, #0000001a 50%, #0000 60%) repeat scroll 0 0;
    bottom: -50px;
    content: "";
    height: 40px;
    left: 0;
    right: 0;
    opacity: .4;
    position: absolute;
    width: 100%;
    z-index: 0;
    animation: scale 2.5s infinite ease-in-out;
}

.startseite-headerbild .bild-rechts img {
    animation: bounce 2.5s infinite ease-in-out;
    width: 55%;
}

.button-bild-rechts a {
    display: block; 
    animation: bounce 2.5s infinite ease-in-out;
    background-color: #fe330e;
    padding: 5px 20px;
    font-size: 25px !important;
    font-weight: bold;
    border-radius: 30px;
    position: absolute;
    right: 50px;
    left: unset;
    width: auto !important;
    transform: rotate(10deg); /* Dreht das Element um 10 Grad */
    transition: transform 0.3s ease; /* Optional: Sanfte Animation beim Wechsel */
}

.button-bild-rechts p {
    margin-top: 0px !important;
    font-weight: bold;
}

@keyframes scale {
    50% {
        transform: scale(0.7);
    }
}

@keyframes bounce {
    50% {
        transform: translateY(20px);
    }
}

.et_pb_row.more-images {
    position: absolute;
    bottom: 10%;
    right: 0;
    left: 0px;
    padding: 0px;
    width: 90%;
    max-width: 90%;
    display: flex;
    justify-content: flex-end;
    text-align: right;
}

.et_pb_row.more-images:before {
    content: 'weitere Produkte';
    color: #fff;
    position: absolute;
    top: -40px;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    font-size: 20px;
}

.et_pb_row.more-images-en:before {
    content: 'further products';
}

.more-images .et_pb_column.et_pb_column_1_3 {
    display: flex;
    background: #2d7898;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0px 20px 30px 0px #0000003b;
    transition: 800ms;
    width: 50px;
    margin-right: 1%;
    right: 0px;
    flex-direction: row;
    transform: translateZ(0);
    will-change: transform;
}

.more-images .et_pb_column.et_pb_column_1_3:hover {
    transform: scale(1.1);
    background: #2a7da0;
}

.more-images .et_pb_image .et_pb_image_wrap, .more-images img {
    height: auto;
    object-fit: cover;
}

.et_pb_row.text-header {
    height: 100%;
    padding: 0px;
}

.text-header .et_pb_column.et_pb_column_4_4 {
    display: inline-flex;
    width: 100%;
    height: 100%;
    align-items: center;
}

.text-header h1 {
    color: #fff;
    font-size: 46px;
    padding: 0px;
    letter-spacing: normal;
    line-height: 100%;
}

.text-header p {
    color: #fff;
    margin-top: 10px;
    font-size: 26px;
}
.et-l.et-l--post .et_pb_section#more-products{
margin-top: 50px;
}
.et-l.et-l--post li {
    font-size: 20px;
    font-weight: 300;
    line-height: 1.4;
}
.text-header p:last-of-type {
    width: max-content;
}
/* .single-post a:before {
    display: block;
    position: absolute;
    left: -15px;
    color: #000;
    content: '\35';
    font-family: 'ETmodules';
    top: 3px;
    font-size: 16px;
    opacity: 1;
}
.single-post a{
    text-decoration:underline ;
    position: relative;
    left: 10px;
} */

.text-header a, .unternehmen a, .bewertung-button a {
    color: #fff;
    padding: 12px 20px;
    border-radius: 20px;
    background: #4c9cb7;
    background: #3281a2;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    box-shadow: 0px 20px 40px #00000029;
    letter-spacing: 1px;
    transition: 800ms;
    top: 20px;
}

.text-header a {
    background: #fe330e;
}

.text-header a:hover {
    background: #fff;
    color: #3281a2;
    text-decoration: none;
}

/* .text-header p:last-of-type:hover {
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
} */

.unternehmen a {
    padding: 8px 20px;
    display: inline-block;
    margin-top: 15px;
}

.unternehmen a:hover {
    background-color: #000;
    color: white;
    text-decoration: none;
}

.unternehmen .et_pb_module.et_pb_image.first {
    z-index: 9999;
    width: 54%;
    top: 50px;
    position: relative;
    left: 0px;
}

.unternehmen .et_pb_module.et_pb_image.second {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 50%;
    z-index: 2;
    transform: rotateZ(5deg);
}
.unternehmen .et_pb_module.et_pb_image.second img {
    border-radius: 6px;
}
.topseller .et_pb_row.topseller-reihe {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 20px;
}
.topseller.et_pb_section .et_pb_column.et_pb_column_1_5 {
    width: 100%;
    margin: 0;
    padding: 20px;
    background-color: #fff;
    border-radius: 10px;
    line-height: 1.4;
    font-size: 18px;
    transition: 800ms;
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.topseller .et_pb_column.et_pb_column_1_5:hover, .topseller .et_pb_column.et_pb_column_1_5.focus {
    background: linear-gradient(180deg, #79b6d0 0%, #307fa1 100%);
    box-shadow: 0px 20px 40px #00000040;
}

.topseller .et_pb_column.et_pb_column_1_5.focus {
    color: white;
}

.topseller .et_pb_column.et_pb_column_1_5:hover {
    margin-top: -20px;
    cursor: pointer;
}

.topseller .et_pb_column.et_pb_column_1_5:hover h4, .topseller .et_pb_column.et_pb_column_1_5:hover p, .topseller .et_pb_column.et_pb_column_1_5:hover a {
    color: #fff;
    transition: 0ms;
}

.topseller .et_pb_module.et_pb_image {
    text-align: center;
    margin: 0;
}

.topseller img {
    margin-bottom: 0px;
    width: 100%;
    margin-top: -80px;
    height: 170px;
    object-fit: contain;
    padding-bottom: 20px;
}

.topseller h2 {
    padding-bottom: 20px;
}

.topseller p {
    padding-bottom: 0px;
}

.topseller h4 {
    color: #000;
    padding-bottom: 5px;
    font-size: 20px;
}

.topseller .focus h4 {
    color: #fff;
}

.topseller a {
    position: relative;
    padding-left: 15px;
    margin-top: 10px;
    display: block;
}

.topseller a:before {
    content: '\35';
    position: absolute;
    left: -5px;
    font-family: 'ETmodules';
    top: 0px;
}

.topseller .focus a:before, .topseller .focus a {
    color: white;
}

/*Modell-Slider*/


.et_pb_section.slider-modell {
    padding-bottom: 0;
}

.slider-modell ul#responsive {
    height: 300px !important;
}

.slider-modell li.lslide, .slider-modell li.clone {
    height: 100%;
}

.slider-modell img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.lSSlideOuter .lSPager.lSpg>li.active a {
    background: #ff330d;
}

/*Kategorie-Layout*/

@media (max-width: 980px) {
    /* Reihenfolge drehen */
    #content-area { display:flex; flex-direction:column-reverse; flex-wrap:nowrap; align-items:stretch; }
  
    /* Spalten neutralisieren */
    #left-area, #sidebar { float:none !important; width:100% !important; clear:none !important; overflow:auto; }
  
    /* Sidebar nicht sticky auf Mobile */
    #sidebar, #sidebar .et_pb_widget_area, #sidebar .widget { position:static !important; top:auto !important; }
  
    /* Widgets nicht künstlich “abwärts” klären */
    #sidebar .widget { clear:none; margin-top:0; }
  
    /* alte clearfix-Pseudoelemente abschalten, falls vorhanden */
    #content-area::before, #content-area::after { content:none !important; display:none !important; }
  }

.et_pb_row.zweier-reihe {
    padding: 0px;
}

.zweier-reihe h3 {
    font-size: 32px;
    color: #000;
}

#kategorien .et_pb_row.ueberschrift {
    margin-bottom: 30px;
}

.zweier-reihe a:before {
    content: '\35';
    position: absolute;
    left: -5px;
    font-family: 'ETmodules';
    top: 2px;
}

.zweier-reihe a {
    color: #000;
    position: relative;
    padding-left: 20px;
    display: block;
    margin-top: 5px;
}

div#kategorien {
    padding-bottom: 5%;
    padding-top: 3%;
}

.zweier-reihe .et_pb_column:hover, .zweier-reihe .et_pb_column.focus {
    color: #fff;
    background: linear-gradient(180deg, #79b6d0 0%, #307fa1 100%);
    cursor: pointer;
}

.zweier-reihe .et_pb_column:hover h3, .zweier-reihe .et_pb_column.focus h3, .zweier-reihe .et_pb_column:hover a, .zweier-reihe .et_pb_column.focus a {
    color: white;
}

.zweier-reihe.drei .et_pb_module.et_pb_image {
    right: 0px;
    bottom: 20px;
}

.zweier-reihe .et_pb_column {
    width: 49%;
    margin-right: 2%;
    margin-bottom: 2%;
    box-shadow: 0px 0px 40px #00000024;
    padding: 25px 35px;
    border-radius: 20px;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    transition: 800ms;
}

.zweier-reihe .et_pb_column.et_pb_column_1_3 {
    width: 32%;
}

.zweier-reihe .et_pb_module.et_pb_text {
    width: 70%;
}

.zweier-reihe .et_pb_module.et_pb_image {
    width: 150px;
    height: 150px;
    margin: 0 !important;
    position: absolute;
    right: 20px;
    bottom: 20px;
    transform: rotate(-15deg);
}

.zweier-reihe .et_pb_image .et_pb_image_wrap {
    width: 100%;
    height: 100%;
}

.zweier-reihe img {
    height: 100%;
    object-fit: contain;
    width: 100%;
}

.ueberschrift-header span, .ueberschrift-header a {
    color: #fff;
    font-size: 18px;
}

.header-unterseite .et_pb_fullwidth_image {
    position: relative;
}

.header-unterseite .et_pb_fullwidth_image:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    content: '';
    background: radial-gradient(circle, #fff0 0%, #fff0 16%, #000000d9 100%);
}

.et_pb_module.et_pb_fullwidth_code.ueberschrift-header {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    max-width: 1180px;
    width: 90%;
    display: flex;
    height: 100%;
    align-items: center;
}

.ueberschrift-header h1 {
    color: #fff;
    font-size: 40px;
    padding-bottom: 0px;
    line-height: 100%;
}

.shop-infos img {
    box-shadow: 0px 20px 40px #00000030;
    border-radius: 10px;
}

.et_pb_row.kacheln-kategorie {
    margin-bottom: 100px;
    padding: 0px;
}

.tabs .et_pb_row, .et_pb_row.tabs {
    padding: 0;
    display: flex;
    align-items: stretch;
}

body .kacheln-kategorie.et_pb_row_4col>.et_pb_column.et_pb_column_1_4 {
    padding: 15px;
    border-radius: 20px;
    display: flex;
    width: 23.5%;
    margin-right: 2%;
    margin-bottom: 0px;
    background-color: #fff;
    transition: 800ms;
    justify-content: space-around;
}

body .kacheln-kategorie.et_pb_row_4col>.et_pb_column.et_pb_column.et_pb_column_1_4:last-child {
    margin-right: 0;
}

.kacheln-kategorie .et_pb_column.et_pb_column_1_4:hover {
    cursor: pointer;
    background: linear-gradient(180deg, #79b6d0 0%, #307fa1 100%);
    box-shadow: 0px 0px 20px #0000001a;
}

.kacheln-kategorie .et_pb_column.et_pb_column_1_4:hover h3, .kacheln-kategorie .et_pb_column.et_pb_column_1_4:hover p {
    color: white;
}

.kacheln-kategorie .et_pb_text_inner {
    padding-left: 60px;
}

.kacheln-kategorie h3 {
    padding-bottom: 0px;
}

.kacheln-kategorie h3:before {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 40px;
    height: 40px;
    background-color: #f7f7f7;
    content: '';
    border-radius: 50%;
    background-position: 50%;
    background-size: 60%;
    background-repeat: no-repeat;
}

.kacheln-kategorie .first h3:before {
    background-image: url(/wp-content/themes/AWEOS/svgs/razor.svg);
    background-size: 80%;
}

.kacheln-kategorie .second h3:before {
    background-image: url(/wp-content/themes/AWEOS/svgs/shaving-razor.svg);
}

.kacheln-kategorie .third h3:before {
    background-image: url(/wp-content/themes/AWEOS/svgs/shaving.svg);
}

.kacheln-kategorie .fourth h3:before {
    background-image: url(/wp-content/themes/AWEOS/svgs/shaving-brush.svg);
}


/* Bereich für die ähnlichen Produkte */

.kacheln-kategorie .pinsel h3:before {
    background-image: url(/wp-content/uploads/2025/08/rasierpinsel.png);
}

.kacheln-kategorie .seifen h3:before {
    background-image: url(/wp-content/uploads/2025/08/rasierseife.png);
}

.kacheln-kategorie .zubehoer h3:before {
    background-image: url(/wp-content/uploads/2025/08/rasierzubehoer.png);
}

.et_pb_section.grey {
    background-color: #f7f7f7;
}

.et_pb_section.grey:before {
    content: '';
    background-image: url(/wp-content/themes/AWEOS/svgs/line.svg);
    position: absolute;
    top: -50px;
    left: 0px;
    width: 100%;
    height: 100px;
    background-repeat: no-repeat;
    background-size: 100%;
}

.et_pb_section.grey:after {
    content: '';
    background-image: url(/wp-content/themes/AWEOS/svgs/line.svg);
    position: absolute;
    bottom: -50px;
    left: 0px;
    width: 100%;
    height: 100px;
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: 99;
    transform: rotate(180deg);
}

.tabs ul {
    padding: 0px;
}

.tabs img {
    border-radius: 40px 0px 40px 0px;
    box-shadow: 0px 0px 20px #0000001a;
}

.tabs .et_pb_module.et_pb_image {
    display: none;
    height: 100%;
}

.tabs .et_pb_module.et_pb_image.aw-active {
    display: block;
    margin: 0;
    height: 100%;
}
.tabs.retail-uk li{
    border-radius: 20px;
    padding: 20px;
    list-style: none;
    background-color: #f7f7f7;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 20px;
    font-size: 18px;
    cursor: pointer;
}
.tabs.online-uk li {
    border-radius: 20px;
    padding: 20px;
    list-style: none;
    background-color: #fff;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 20px;
    font-size: 18px;
    cursor: pointer;
}
.tabs li {
    border-radius: 20px;
    padding: 20px;
    list-style: none;
    background-color: #fff;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 20px;
    font-size: 18px;
    cursor: pointer;
}

.tabs li:last-child {
    margin-bottom: 0px;
}

.tabs li.aw-active {
    color: #fff;
    background: linear-gradient(180deg, #79b6d0 0%, #307fa1 100%);
    box-shadow: 0px 0px 20px #0000001a;
    position: relative;
}

.tabs li:hover {
    box-shadow: 0px 0px 20px #0000001a;
}

.tabs li.aw-active:before {
    content: '';
    position: absolute;
    right: 0px;
    top: -20px;
    width: 100px;
    height: 100px;
    background-position: 50%;
    background-size: 40%;
    background-repeat: no-repeat;
}

@keyframes rotate {
    50% {
        transform: rotate(15deg);
    }
}

.tabs li.aw-active:before {
    animation: rotate 2s infinite ease-in-out;
}
.tabs li.traditional-shaving-img:before{
    background-image: url(/wp-content/uploads/2022/02/merkur_razor_rasierhobel.png);
}
.tabs li.unisex:before {
    background-image: url(/wp-content/uploads/2022/02/merkur_razor_rasierhobel.png);
}

.tabs li.klingen:before {
    background-image: url(/wp-content/uploads/2022/02/merkur-klinge-vorschau.png);
    background-size: 80%;
    top: -40px;
}

.tabs li.sets:before {
    background-image: url(/wp-content/uploads/2022/02/merkur-razor_rasierset-etui.png);
    background-size: 110%;
    top: -30px;
}

.tabs h2 {
    padding-bottom: 20px;
}

.tabs li.aw-active h4 {
    color: #fff;
    padding-bottom: 0px;
    font-size: 22px;
}

.tabs li h4 {
    color: #000;
    padding-bottom: 0px;
    font-size: 22px;
}

.kategorie-bilder  {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}

.kategorie-bilder img {
    width: 32%;
    margin-right: 2%;
    border-radius: 10px;
    object-fit: cover;
}

.kategorie-bilder-extra {
    display: flex !important
}

.kategorie-bilder img:last-child {
    margin: 0;
}

/* video.video-stream.html5-main-video {
    top: 0px;
}

.html5-video-player {
    bottom: 183px;
}


.kategorie-video {
    height: 320px !important;
    width:100% !important;
    overflow: hidden;
} */

iframe[src*="1ZryP1lWCNk"] {
    height: 281px;
}

iframe[src*="pGZkRlZDVQ4"] {
    height: 281px;
}

@media (max-width: 1100px) {
.kategorie-content {
    flex: 0 0 189px !important;
}
}

.kategorie-flex {
    display: flex;
}

@media (max-width: 1100px) {
    .kategorie-flex {
        flex-direction: column !important; /* Ab 1100px: Elemente nebeneinander */
        gap: 2rem;
    }

    .kategorie-video {
        flex: 0 0 283px !important;
        width: 100%; /* Volle Breite für kleine Bildschirme */
    }
}

.iframe {
    border-radius:16px;
}

.page-id-10 .fluid-width-video-wrapper iframe,
.page-id-10 .fluid-width-video-wrapper object,
.page-id-10 .fluid-width-video-wrapper embed,
.page-id-522 .fluid-width-video-wrapper iframe,
.page-id-522 .fluid-width-video-wrapper object,
.page-id-522 .fluid-width-video-wrapper embed {
    border-radius: 20px;
    margin-top: 15px;
    padding-bottom: 10px;
}

/*Seitenleiste*/
/* Footer
------------------------------------------------------- */
#main-footer .footer-widget h4, #main-footer .footer-newsletter h4 {
    color: #fff;
    font-weight: bold;
    font-size: 24px;
    border-bottom: 1px solid;
    padding-bottom: 5px;
    margin-bottom: 15px;
}


#main-footer {
    padding-top: 50px;
}

#main-footer .et_pb_widget a {
    color: #fff;
}

#footer-widgets .footer-widget li a:hover {
    color: #fff;
    text-decoration: underline;
}

div#footer-bottom {
    background: #fff;
    padding: 15px 0px;
}

.footer-leiste {
    display: flex;
    width: 90%;
    max-width: 1180px;
    margin: 0 auto;
    position: relative;
    justify-content: center;
    border-top: 1px solid #f3f3f3;
    padding: 10px 0px;
}

div#footer-bottom {
    background: #fff;
    color: #000;
    padding: 0;
    font-size: 16px;
}

#footer-bottom a {
    color: #000;
    font-size: 16px;
}

#footer-widgets .footer-widget li:before {
    display: none;
}

#main-footer #footer-widgets .footer-widget li {
    padding: 0px;
}

#footer-widgets .footer-widget li a {
    color: #fff;
    text-decoration: none;
    position: relative;
    padding-left: 25px;
    font-size: 18px;
}

#footer-widgets .footer-widget li a:before {
    content: '\35';
    font-family: 'ETmodules';
    position: absolute;
    left: 0px;
}

.copyrigt {
    margin-right: 30px;
}

/*404
------------------------------------------------------- */
.headline {
    text-align: center;
    width: 90%;
    margin: 0 auto;
    margin-top: 25vh;
    margin-bottom: 10vh;
}

.headline h1 {
    padding-bottom: 20px;
}

.headline a {
    padding: 7px 20px;
    background-color: #fe330e;
    border-radius: 10px;
    color: #fff;
    font-weight: bold;
    transition: 800ms;
    margin-top: 10px;
}

.headline a:hover {
    background-color: #000;
    text-decoration: none;
}

/*Produktdetailsseite
------------------------------------------------------- */
.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
    top: 0;
    right: 0;
}

@-moz-document url-prefix() {
.woocommerce div.product .produktimages div.images img {
    margin: 0;
}

.woocommerce div.product div.images img{
    display: inline;
}
}

.woocommerce .woocommerce-breadcrumb, .woocommerce .woocommerce-breadcrumb a {
    margin: 0;
    padding: 0;
    font-size: 14px;
    color: #767676;
}

.single-product .produktinfos span.woocommerce-Price-amount.amount {
    color: #307fa1;
    font-weight: 700;
    font-size: 30px !important;
    position: relative;
    padding-right: 60px;
}

.single-product .produktinfos h1 {
    font-size: 26px;
}

.dropdown span.woocommerce-Price-amount.amount, li.product span.woocommerce-Price-amount.amount {
    position: relative;
    padding-right: 55px;
    line-height: 100%;
}
[lang="en-us"] .dropdown span.woocommerce-Price-amount.amount:before, [lang="en-us"] li.product span.woocommerce-Price-amount.amount:before {
    content: 'incl. VAT';
}
.dropdown span.woocommerce-Price-amount.amount:before, li.product span.woocommerce-Price-amount.amount:before {
    content: 'inkl. MwSt.';
    position: absolute;
    right: 0;
    bottom: 4px;
    color: #898989;
    font-weight: normal;
    font-size: 14px;
    line-height: 100%;
}

[lang="en-us"] .single-product .produktinfos span.woocommerce-Price-amount.amount:before {
    content: 'incl. VAT';
    position: absolute;
    right: 0;
    bottom: 3px;
    color: #898989;
    font-weight: normal;
    font-size: 14px;
    line-height: 100%;
}
.single-product .produktinfos span.woocommerce-Price-amount.amount:before {
    content: 'inkl. MwSt.';
    position: absolute;
    right: 0;
    bottom: 3px;
    color: #898989;
    font-weight: normal;
    font-size: 14px;
    line-height: 100%;
}

.et_pb_module.et_pb_text.lieferzeit {
    padding: 10px 20px;
    background: #f7f7f7;
    border-radius: 8px;
    font-size: 18px;
    margin-top: 13px;
    color: #898989;
    margin-bottom: 15px !important;
}

.lieferzeit strong {
    font-weight: bold;
    font-size: 16px;
}

.lieferzeit p {
    font-size: 16px;
}

.single-product div#sidebar, .single-product #main-content .container:before {
    display: none;
}

.single-product #main-header .container, .single-product #main-footer .container, .single-product .et_pb_section {
    width: 90%;
    max-width: 1180px;
    margin: 0 auto;
}

.single-product .container {
    max-width: 100%;
    width: 100%;
    padding-top: 0px !important;
}

.zahlungen .et_pb_text_inner, .zahlungen .et_pb_text_inner p {
    display: inline-flex;
}

.zahlungen img {
    background: #f7f7f7;
    padding: 5px;
    border-radius: 6px;
    width: 55px;
    height: 30px;
    object-fit: contain;
    margin-right: 5px;
}

.single-product div#left-area {
    width: 100%;
    padding: 0px;
}

.et_pb_module.et_pb_text.versand, .et_pb_module.et_pb_text.versand p {
    font-size: 14px;
    color: #898989;
}

#more-products .et_pb_row, .produktdetails .et_pb_row {
    max-width: 1180px !important;
    width: 90% !important;
}

.et_pb_section.produktdetails, .et_pb_section#more-products {
    background: #f7f7f7 !important;
    padding: 2% 0 !important;
    max-width: 100%;
    width: 100%;
    position: relative;
}

.et_pb_section.produktdetails:before, .et_pb_section#more-products:before {
    content: '';
    background-image: url(/wp-content/themes/AWEOS/svgs/line.svg);
    position: absolute;
    bottom: -40px;
    left: 0px;
    width: 100%;
    height: 100px;
    background-repeat: no-repeat;
    background-size: 100%;
    transform: rotate(180deg);
}

.woocommerce div.product .produktimages div.images img,
.woocommerce div.product div.images .flex-control-thumbs li img {
  box-sizing: border-box;
}

.woocommerce div.product div.images .flex-control-thumbs {
    margin-top: 0;
}

.woocommerce div.product div.images .flex-control-thumbs li {
    margin-right: 0;
    margin-bottom: 15px;
    border-radius: 6px;
    width: 70px;
    background: #fff;
}

.woocommerce div.product div.images.woocommerce-product-gallery {
    margin-bottom: 0;
    display: flex;
    flex-direction: row;
}

.woocommerce div.product div.images .flex-control-thumbs {
    margin-top: 0;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    width: 30%;
}

.woocommerce-product-gallery .flex-control-thumbs {
    order: -10;
}

.single-product .produktimages {
    width: 65% !important;
    margin-right: 5% !important;
}

.woocommerce div.product .produktimages div.images img {
    width: 85%;
    max-height: 450px;
    margin: 0 auto;
    padding: 30px;
    background: white;
    border-radius: 6px;
    object-fit: contain;
}

.woocommerce div.product div.images .flex-control-thumbs li img {
    width: 100%;
    opacity: 0.3;
    padding: 15%;
}

.single-product .produktinfos {
    box-shadow: 0px 0px 40px #00000030;
    padding: 20px;
    width: 30% !important;
    border-radius: 6px;
    background-color: #fff;
    font-size: 20px;
    line-height: 1.4;
    position: relative;
    right: 0px;
    top: 0px;
    z-index: 9 !important;
}

.et_pb_section.produktdetails.et_section_regular {
    padding-bottom: 0px !important;
    padding-top: 5% !important;
}

.et_pb_module.et_pb_wc_title, .et_pb_module.et_pb_wc_description, .et_pb_module.et_pb_wc_price {
    margin-bottom: 10px !important;
}

.woocommerce div.product div.images .woocommerce-product-gallery__wrapper {
    width: 100%;
}

.single-product .produktinfos:before {
    position: absolute;
    right: 5px;
    top: 5px;
    background-color: #f7f7f7;
    width: 50px;
    height: 50px;
    z-index: 999;
    content: '';
    border-radius: 50%;
    background-position: 50%;
    background-size: 80%;
    background-repeat: no-repeat;
}

/* Ursprünglich hattest du drei Blöcke mit je identischen Styles, nur die Klassen-Liste ist unterschiedlich. 
   Wir packen alle Klassen in einen einzigen Selektor. */

.single-product .product_cat-rasierhobel .produktinfos:before,
.single-product .product_cat-safety-razor .produktinfos:before,
.single-product .product_cat-rasierklingen .produktinfos:before,
.single-product .product_cat-razor-blades .produktinfos:before,
.single-product .product_cat-rasierseifen	.produktinfos:before,
.single-product .product_cat-shaving-creams	.produktinfos:before,
.single-product .product_cat-rasierpinsel .produktinfos:before,
.single-product .product_cat-shaving-brush .produktinfos:before,
.single-product .product_cat-bartpflege .produktinfos:before,
.single-product .product_cat-beard-care .produktinfos:before,
.single-product .product_cat-rasierhobel-ersatzteile .produktinfos:before,
.single-product .product_cat-safety-razor-spare-parts .produktinfos:before,
.single-product .product_cat-nasenhaartrimmer .produktinfos:before,
.single-product .product_cat-nose-hair-trimmer .produktinfos:before,
.single-product .product_cat-hornhauthobel .produktinfos:before,
.single-product .product_cat-callus-planer .produktinfos:before,
.single-product .product_cat-rasierset .produktinfos:before,
.single-product .product_cat-shaving-set .produktinfos:before,
.single-product .product_cat-rasierzubehoer .produktinfos:before,
.single-product .product_cat-accessories .produktinfos:before
{
   background-image: url(/wp-content/uploads/2023/09/merkur-made-in-germany.png);
   background-size: 94%;
}


.quantity.buttons_added {
    display: flex !important;
    padding: 0px;
    width: max-content !important;
    align-items: center;
    border: 1px solid #f7f7f7;
}

.woocommerce .quantity input.qty {
    background: none !important;
    color: #000 !important;
    font-size: 18px !important;
    border-radius: 0;
    position: relative;
    height: 40px !important;
    width: 40px !important;
    padding: 0px;
}

.woocommerce-page .quantity .minus, .woocommerce .quantity .plus {
    border: none !important;
    background: #f7f7f7 !important;
    color: #202020 !important;
    position: relative;
    font-size: 40px !important;
    padding: 0px 10px;
    height: 40px !important;
    width: 40px !important;
}

.et-db #et-boc .et-l .usps ul {
    padding: 0px;
    list-style: none;
    display: flex;
}

div#produktbeschreibungen {
    padding: 0 !important;
    margin: 0 auto;
    margin-top: 6%;
    margin-bottom: 2%;
}

.et_pb_module.et_pb_wc_tabs.et_pb_tabs {
    border: none !important;
}

.et-db #et-boc .et-l .et_pb_tabs_controls li.et_pb_tab_active, .et-db #et-boc .et-l .et_pb_tabs_controls li {
    border: none;
    float: unset;
    display: inline-flex;
}

.et-db #et-boc .et-l .et_pb_all_tabs .et_pb_active_content, .et-db #et-boc .et-l .et_pb_tab {
    padding: 0px;
}

.et-db #et-boc .et-l ul.et_pb_tabs_controls:after {
    border: none;
}

.et_pb_wc_tabs h2 {
    display: none;
}

.et-db #et-boc .et-l .et_pb_tabs_controls li a {
    padding-left: 0px;
    border: none;
    background-color: unset;
    font-size: 26px;
}

.et-db #et-boc .et-l ul.et_pb_tabs_controls {
    background-color: unset;
    padding-bottom: 13px !important;
    margin-bottom: 20px;
    position: relative;
}
[lang="en-us"] .et-db #et-boc .et-l ul.et_pb_tabs_controls:before {
    content: '(weight in g and dimensions in mm)';
}
.et-db #et-boc .et-l ul.et_pb_tabs_controls:before {
    content: '(Gewicht in g und Maße in mm)';
    position: absolute;
    left: 0px;
    bottom: 0px;
    font-size: 16px;
    width: 100%;
    height: 20px;
    display: block;
    color: #000;
    z-index: 9999999;
    font-style: italic;
}
ul.wc_payment_methods.payment_methods.methods label {
    font-weight: bold;
    font-size: 16px;
}
.woocommerce form .form-row input.input-text {
    font-size: 16px;
    color: black;
}
.et-db #et-boc #produktbeschreibungen .et-l ul.et_pb_tabs_controls {
    background-color: unset;
}

.et-db #et-boc .et-l #produktbeschreibungen ul.et_pb_tabs_controls:after {
    display: none;
}

#produktbeschreibungen li.description_tab.et_pb_tab_active {
    text-decoration: underline;
}

.single-product .et_pb_wc_description ul {
    padding: 0px !important;
    list-style: none !important;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.single-product .et_pb_wc_description li {
    position: relative;
    padding-left: 25px;
    font-size: 16px;
    width: 100%;
}

.single-product .et_pb_wc_description li:before {
    content: '\4e';
    font-family: etmodules;
    position: absolute;
    left: 0px;
    top: 6px;
    background-color: #307fa1;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    color: #fff;
}

#produktbeschreibungen .et_pb_row.produktbeschreibung-absatz {
    padding: 0px !important;
    font-size: 18px;
}

.entry-summary p.price span {
    font-size: 26px !important;
    padding-right: 5px;
    color: #000;
    font-weight: bold;
}

form.cart {
    margin: 20px 0px !important;
}

.product .product_meta {
    margin-top: 0;
}

.posted_in a {
    font-size: 14px;
    color: #000;
    text-decoration: underline;
}

.woocommerce div.product form.cart .button {
    border: none;
    color: #fff !important;
    background: linear-gradient(180deg, #79b6d0 0%, #307fa1 100%);
    font-weight: bold;
    padding: 7px 20px;
    width: 100%;
    margin: 20px 0px;
    margin-bottom: 10px;
}

.woocommerce div.product form.cart .button:hover {
    background-color: black;
}

.woocommerce button.button:hover:after, .woocommerce-page button.button:hover:after {
    display: none;
}

#produktbeschreibungen .et_pb_row {
    width: 100% !important;
    padding: 40px 0px !important;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle, .woocommerce .widget_price_filter .ui-slider .ui-slider-range {
    background: linear-gradient(180deg, #79b6d0 0%, #307fa1 100%);
}

.price_label {
    font-size: 18px;
}

.woocommerce .widget_price_filter .price_slider_amount .button {
    border: none;
    padding: 4px 20px;
    background: #fff;
    border-radius: 10px;
    font-size: 18px;
}

#produktbeschreibungen span.et_pb_image_wrap {
    width: 100%;
}

#produktbeschreibungen img {
    box-shadow: 0px 0px 40px #00000030;
    border-radius: 10px;
    width: 70%;
}

#produktbeschreibungen .bildreihe img {
    box-shadow: none;
}

.bildreihe .et_pb_column.et_pb_column_1_3 {
    width: 32% !important;
    margin-right: 2% !important;
}

p.woocommerce-mini-cart__total.total {
    display: none;
}

/*Kategorieseiten
------------------------------------------------------- */
.woocommerce nav.woocommerce-pagination ul {
    border: none;
}

.woocommerce .woocommerce-pagination ul.page-numbers li, .woocommerce-page .woocommerce-pagination ul.page-numbers li {
    border: none;
    background: #fff;
    border-right: 1px solid #f7f7f7;
}

.term-description {
    width: 85%;
    max-width: 1180px;
    margin: auto;
    padding-top: 50px;
}

body.archive ul.products {
    clear: both;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

body p.woocommerce-info {
    background: #fff !important;
    color: #333 !important;
    box-shadow: 0px 0px 40px #00000030 !important;
    border-radius: 10px;
}

.archive header#main-header {
    background: #fff;
}

.background-image, .et_pb_section.header-unterseite {
    position: relative;
    height: 500px;
}

.woocommerce .background-image img, .woocommerce-page .background-image img, .header-unterseite .et_pb_fullwidth_image, .header-unterseite img {
    height: 100%;
    max-width: 100%;
    width: 100%;
    object-fit: cover;
    object-position: bottom;
}

.background-image:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    content: '';
    background: radial-gradient(circle, #fff0 0%, #fff0 16%, #000000d9 100%);
}

.background-text-container {
    position: absolute;
    top: 0%;
    max-width: 1180px;
    margin: 0 auto;
    width: 90%;
    left: 0px;
    right: 0px;
    z-index: 99;
    display: flex;
    align-items: center;
    height: 100%;
}

.background-text-container h1 {
    color: white;
    font-size: 40px;
    padding-bottom: 0px;
}

.breadcrumb-leiste a, .breadcrumb-leiste span {
    color: #fff;
    font-size: 16px;
}

#main-content .container:before {
    display: none;
}

.archive #sidebar {
    float: left;
    width: 20%;
    padding: 0px !important;
    position: sticky;
    top: 150px;
    left: 0px;
}

.archive div#left-area {
    float: right;
    padding: 0px;
    margin: 0;
    width: 75%;
}

.archive input#woocommerce-product-search-field-0 {
    border: none;
    background: #fff;
    border-radius: 10px 0px 0px 10px;
    padding: 10px;
    font-size: 18px;
}

.archive #woocommerce_product_search-3 button {
    border: none;
    padding: 10px;
    font-size: 18px;
    border-radius: 0px 10px 10px 0px;
    position: relative;
    right: 3px;
    color: white;
    background: #4a95b4;
}

.archive div#main-content {
    background: #f7f7f7;
}

.archive li.product {
    width: 23.5% !important;
    margin-bottom: 2% !important;
    clear: both !important;
}

.archive li.product:nth-child(4n) {
    margin-right: 0px !important;
}

li.cat-item.current-cat {
    text-decoration: underline;
}

.et_pb_widget a {
    color: #000;
}

li.product {
    text-align: center;
    background: #fff;
    padding: 30px 10px !important;
    border-radius: 10px;
    width: 18.4% !important;
    margin-right: 2% !important;
    margin-bottom: 0% !important;
    transition: 800ms;
}

.woocommerce a.button:hover, .woocommerce-page a.button:hover {
    color: #000;
    /* transform: scale(1.1); */
}

.woocommerce a.button:hover {
    text-decoration: dotted;
    transform: none !important;
    transition: none !important;
    border: none !important;
}

li.product:hover {
    transform: scale(1.05);
    cursor: pointer;
}

li.product:last-child {
    margin-right: 0 !important;
}
.woocommerce ul.products li.product .price del, .woocommerce-page ul.products li.product .price del {
    font-size: 24px;
}
.woocommerce ul.products li.product .price {
    color: #000 !important;
    font-size: 24px;
}

.product p.wc-gzd-additional-info {
    display: none;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-weight: bold;
    font-size: 20px;
    position: relative;
    padding-bottom: 5px;
    font-size: 20px !important;
}

.woocommerce ul.products li.product a {
    text-decoration: none;
    display: flex;
    flex-direction: column;
}

.shop-kategorien h2 {
    padding-bottom: 30px;
}

a.button.viewproduct {
    color: #000;
    font-weight: normal;
    font-size: 18px;
    padding: 0px !important;
    margin: 0 auto;
    margin-top: 10px !important;
    background: none;
    text-decoration: underline !important;
    width: max-content;
}

.et_pb_section.shop-kategorien.grey:before {
    display: none;
}

.woocommerce ul.products li.product a img {
    width: 80%;
    margin: 0 auto !important;
    height: 100px;
    object-fit: contain;
}

a.button.viewproduct:before {
    display: block;
    position: absolute;
    left: -5px;
    color: #000;
    content: '\35';
    font-family: 'ETmodules';
    top: 3px;
    font-size: 16px;
    opacity: 1;
}

.woocommerce a.button.viewproduct:hover {
    border: none;
    background-color: unset;
}

.woocommerce a.button.viewproduct:after {
    display: none;
}

.et_shop_image:hover .et_overlay, span.et_overlay {
    display: none !important;
}



.et_pb_widget select {
        border: none;
        background: #fff;
        border-radius: 10px;
        padding: 2px;
        font-size: 18px;
        height: 42px;
        color: #8e8e8e;
}

.select2-container--default .select2-selection--single {
    border: none;
    background: #fff;
    border-radius: 10px;
    padding: 2px;
    font-size: 18px;
    height: 42px;
    color: #8e8e8e;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    border: none;
    font-size: 20px;
    font-weight: bold;
    height: 30px;
    color: #403e3e;
    padding-left: 19px;
    padding-block: 19px;
    line-height: 1px !important;
    border-radius: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    display: none;
}

.select2-results__option {
    padding: 2px;
    padding-left: 8px;
    user-select: none;
    -webkit-user-select: none;
    letter-spacing: 1px;
    font-size: 16px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    margin-left: -4px;
    margin-top: 4px;
    position: absolute;
    top: 50%;
    width: 0;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    right: 10px;
    font-weight: 700;
}


/*______________________________________  Englisch_______________________________     */


/* nach der select2.css laden */
@media (min-width: 1400px) {
    /* Breite des sichtbaren Feldes */
    .select2-container { 
      width: 100% !important;        
      margin-bottom: 23px;
    }
    }
@media (min-width: 980px) {
    /* Breite des sichtbaren Feldes */
    .select2-container { 
      width: 43.6vw;        
      margin-bottom: 23px;
    }
    }
@media (max-width: 980px) {
    /* Breite des sichtbaren Feldes */
    .select2-container { 
      width: 43.6vw !important;        
      margin-bottom: 15px;

    }
    .select2-container .select2-selection--single {
      width: 43.6vw !important;
    }
  
    /* Dropdown (ist ein DIV, kein SPAN) */
    .select2-dropdown {
      width: 43.6vw !important;
    }
  
    /* Falls Select2 das Dropdown nach oben setzt: weiterhin gleiche Breite */
    .select2-dropdown.select2-dropdown--above,
    .select2-dropdown.select2-dropdown--below {
      width: 43.6vw !important;
    }
  }
  
  @media (max-width: 580px) {
    .select2-container { 
        width: 89vw !important;
        margin-bottom: 15px;
      }
      .select2-container .select2-selection--single {
        width: 89vw !important;
      }
    
      /* Dropdown (ist ein DIV, kein SPAN) */
      .select2-dropdown {
        width: 89vw !important;
      }
    
      /* Falls Select2 das Dropdown nach oben setzt: weiterhin gleiche Breite */
      .select2-dropdown.select2-dropdown--above,
      .select2-dropdown.select2-dropdown--below {
        width: 89vw !important;
      }
  }

/*Warenkorb und Kasse
------------------------------------------------------------*/
div.woocommerce div.woocommerce-info {
    background: #EEEEEE !important;
    color: #000 !important;
    margin-top: 40px;
}

a.showcoupon {
    text-decoration: underline;
    color: #000;
    font-size: 18px;
}
.woocommerce-cart a.button.wc-backward, button#place_order, a.checkout-button.button.alt.wc-forward {
    border-radius: 10px;
    color: #fff;
    background: #79b6d0 !important;
    background: linear-gradient(180deg, #79b6d0 0%, #307fa1 100%) !important;
    border: none;
}

.woocommerce div.product form.cart .button:hover {
    transform: scale(1.05);
}

button#place_order:hover, a.checkout-button.button.alt.wc-forward:hover {
    color: #fff;
    border: none;
    background: #79b6d0;
    background: linear-gradient(180deg, #79b6d0 0%, #307fa1 100%);
    padding: 0.3em 1em;
    transform: scale(1.1);
}

a.button.wc-backward:hover {
    border: none;
}

body.woocommerce-cart table.wc-block-cart-items {
    border: none;
}

.woocommerce-message a.button.wc-forward {
    background: #317ea1 !important;
    border-radius: 10px;
}

body .woocommerce-message {
    background: linear-gradient(180deg, #79b6d0 0%, #307fa1 100%) !important;
    margin-bottom: 20px;
    margin-top: 41px;
    width: auto;
    max-width: 1180px;
    border-radius: 10px;
    font-weight: bold;
}

table.wc-block-cart-items, .wc-block-components-sidebar {
    background: #f7f7f7 !important;
    border-radius: 10px;
    padding: 0px;
    font-size: 18px;
}

.wc-block-checkout__form {
    padding: 15px;
    border-radius: 10px;
    background: #f7f7f7;
}

table.cart th, #main-content table.cart th, table.cart td, #main-content table.cart td, table.cart tr, #main-content table.cart tr, #content-area table tr, #content-area table td, #content-area table th {
    padding: 10px 15px;
}

.is-large.wc-block-cart .wc-block-cart-items:after {
    display: none;
}

.wc-block-components-totals-wrapper:after {
    width: 95%;
    margin: 0 auto;
}

.wc-block-components-totals-wrapper:first-child:after {
    display: none;
}

.wc-block-components-totals-wrapper, .is-large.wc-block-cart .wc-block-cart__totals-title {
    padding: 10px 15px;
}

.is-large.wc-block-cart .wc-block-cart-items, .is-large.wc-block-cart .wc-block-cart-items td {
    border: none;
}

.wc-block-components-formatted-money-amount {
    font-size: 20px !important;
}

.wc-block-components-checkout-step__description,
span.wc-block-components-order-summary__button-text,
.wc-block-components-totals-item__label,
h2.wc-block-components-title.wc-block-cart__totals-title,
h2.wc-block-components-title {
    font-size: 18px !important;
}

.wc-block-components-product-metadata__description li,
.wc-block-checkout__sidebar .wc-block-components-product-name,
.wc-block-components-formatted-money-amount,
.wc-block-components-totals-coupon .wc-block-components-panel__button,
.wc-block-components-totals-item__description {
    font-size: 16px;
}

.wc-block-checkout__no-payment-methods-notice.woocommerce-message.woocommerce-error.components-notice.is-info {
    background: linear-gradient(180deg, #79b6d0 0%, #307fa1 100%) !important;
    border-radius: 10px;
}

.wc-block-checkout__actions .wc-block-components-checkout-place-order-button,
.wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button,
a.components-button.wc-block-components-button.wc-block-cart__submit-button {
    width: 50%;
    padding: 1em;
    height: auto;
    border: none;
    border-radius: 10px;
    background: linear-gradient(180deg, #79b6d0 0%, #307fa1 100%) !important;
    font-size: 18px;
}

a.components-button.wc-block-components-button.wc-block-cart__submit-button {
    width: 100%;
}

.wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button {
    font-size: 14px;
}

.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox] {
    font-size: 1em;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 2px solid #50575e;
    border-radius: 50px;
    box-sizing: border-box;
    height: 24px;
    width: 24px;
    margin: 0;
    min-height: 24px;
    min-width: 24px;
    overflow: hidden;
    position: static;
    vertical-align: middle;
    background-color: #fff;
}

.wc-block-components-checkbox .wc-block-components-checkbox__mark {
    fill: #000;
    position: absolute;
    margin-left: 3px;
    margin-top: 2px;
    width: 18px;
    height: 18px;
}

ul.woocommerce-error {
    margin-right: 27px;
    max-height: 568px;

}

ul.woocommerce-error li{
    font-size: 16px;
}

.home .mobile_menu_bar:before {
    color: #fff !important;
}

.mobile_menu_bar:before {
    color: #2d7898 !important;
}

.home header.et-fixed-header .mobile_menu_bar:before {
    color: #2d7898 !important;
}

.woocommerce-cart a.checkout-button.button.alt.wc-forward {
    width: 100%;
    border-radius: 6px;
    font-size: 20px;
}

.woocommerce-checkout form.checkout.woocommerce-checkout {
    display: flex;
}

.woocommerce-checkout .woocommerce .col2-set, .woocommerce-checkout .woocommerce-page .col2-set {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.woocommerce-checkout .woocommerce .col2-set .col-1, .woocommerce-checkout .woocommerce-page .col2-set .col-1, .woocommerce-checkout .woocommerce .col2-set .col-2, .woocommerce-checkout .woocommerce-page .col2-set .col-2 {
    width: 95% !important;
}

.woocommerce-checkout div#order_review {
    width: 95%;
}

a.submit-pickup-location.button {
    background-color: #ececec;
    color: #000;
    transition: all 0.3s ease;
}

a.submit-pickup-location.button:hover {
    background-color: #000;
    color: #eee;
}

.woocommerce .woocommerce-customer-details .woocommerce-column__title {
    margin-top: 20px;
}

.schweiz-meineinkauf-checkout {
    display: block; /* Stellt sicher, dass das div sich nicht an das Bild anpasst */
    position: relative; /* Basis für absolute Positionierung des Bildes */
    padding-bottom: 20px; /* Falls nötig, um Platz für das Bild zu reservieren */
}

.schweiz-meineinkauf-checkout a {
    text-decoration: underline 1px;
}

.schweiz-meineinkauf-checkout img {
    height: 90px !important;
    width: auto !important;
    position: absolute;
    left: 86%;
    bottom: 12px;
}

@media (max-width: 1100px) {
    .schweiz-meineinkauf-checkout img {
        left: 83%;
    }
}



@media (min-width: 740px) and (max-width: 980px) {
    .schweiz-meineinkauf-checkout img {
        left: 78%;
        height: 80px !important;

}
}

@media (max-width: 740px) {
    .schweiz-meineinkauf-checkout img {
        height: 68px !important;
        width: auto !important;
        position: absolute;
        left: 82%;
        bottom: 6px;
}
}

@media (min-width: 580px) and (max-width: 650px) {
    .schweiz-meineinkauf-checkout img {
    display: none;
    }
}

@media (max-width: 580px) {
    .schweiz-meineinkauf-checkout img {
        height: 94px !important;
        width: auto !important;
        position: absolute;
        left: 79%;
        bottom: 4px;
    }
    }

@media (max-width: 390px) {
    .schweiz-meineinkauf-checkout img {
        height: 69px !important;
        left: 79%;
        left: 83%;
        bottom: 17px;
    
    }
}



/* Media Queries
------------------------------------------------------- */
@media (max-width:1440px) {
    .page-id-3969 .et_pb_section.grey:before {
        top: 0%;
    }

    .page-id-3969 .et_pb_section.grey:after {
        bottom: 0%;
    }
    .et_pb_section.grey:before {
        top: -5%;
    }

    .et_pb_section.grey:after {
        bottom: -4%;
    }

    .startseite-headerbild .bild-rechts img {
        width: 45%;
    }
    
}
@media (max-width:1330px) {
    .responsive-image{
        display: none;
    }
}
@media (max-width:1260px) {
    .entry-content .text-header .made p {
        padding-left: 100px;
        width: 100%;
        max-width: 89%;
        margin-top: 2.5%;
        margin-bottom: 3%;
    }
    
}
@media (max-width:1200px) {

    /*Startseite, Header,, Footer, Allgemeines*/
    #offcanvas_container .close-sidebar-inner .fa:before, #offcanvas_container .close-sidebar-inner .fa:after {
        height: 26px;
    }

    .kontakt-head.mail {
        text-align: left;
        width: max-content;
        position: relative;
        top: 0;
        right: 0;
    }

    .et_header_style_left #main-header #et-top-navigation .mobile_menu_bar, .et_header_style_split #main-header #et-top-navigation .mobile_menu_bar {
        padding-bottom: 0px;
    }

    .et_pb_section.startseite-headerbild {
        height: 70vh;
    }

    body .startseite-headerbild .et_pb_module.et_pb_image.bild-rechts {
        width: 50%;
    }

    body .startseite-headerbild .bild-rechts img {
        width: 35%;
    }
}


/* !!!!________ Aktuell nur für Weihnachtsangebot_______!!!!! */

@media (max-width:980px) {

.faq-bereich-bilder img {
    display: none !important;
}

}


@media(max-width: 1100px) {
    .et_pb_section.faq.grey.et_section_regular {
        height: 626px !important;
    }
    body .et_pb_column.et_pb_column_3_4 {
        width: 100%;
        margin: 0;
    }
    .responsive-image {
        display: none;
    }
    body .et_pb_column.et_pb_column_1_4 {
        width: 100%;
        display: flex;
        margin-top: 60px;
        padding-bottom: 0px;
    }

    body .seitenleiste .et_pb_widget:nth-child(2n) {
        margin-right: 0px;
    }

    body .seitenleiste .et_pb_widget {
        width: 48.2% !important;
        margin-right: 30px;
    }

    .et_pb_section.grey:before {
        top: -4%;
        height: 40px;
    }

    .et_pb_section.grey:after {
        bottom: -4%;
        height: 40px;
    }
    /* .et_pb_section.faq.grey.et_section_regular {
        height: 500px !important;
    } */
    .kacheln-kategorie .et_pb_column.et_pb_column_1_4 {
        margin-top: 0px;
    }

    #main-footer .footer-widget h4, #main-footer .footer-newsletter h4 {
        font-size: 20px;
    }

    .text-header h1 {
        font-size: 36px;
    }
}



@media(max-width: 1024px) {
    .archive input#woocommerce-product-search-field-0, .archive #woocommerce_product_search-3 button {
        font-size: 16px;
    }
    /*Startseite, Header,, Footer, Allgemeines*/
    .v2 .logo_container {
        width: 15%;
    }

    .v2 .kontakt-head li {
        padding-left: 40px;
        font-size: 16px;
    }

    p, strong, .tablepress-4 th, #tablepress-4 td {
        font-size: 18px;
    }

    .topseller h4 {
        font-size: 19px;
    }

    /*SHOP & CHECKOUT*/
    .single-product .produktinfos {
        position: relative !important;
    }

    .zahlungen img {
        width: 45px;
        height: 30px;
    }

    .single-product .produktinfos {
        padding: 10px 20px;
    }

    .et_pb_section.produktdetails:before, .et_pb_section#more-products:before {
        bottom: -30px;
        width: 100%;
        height: 40px;
    }

    .et_pb_section.produktdetails, .et_pb_section#more-products {
        padding: 4% 5% !important;
    }

    .product .related h2 {
        font-size: 20px !important;
    }

    #more-products .et_pb_row, .produktdetails .et_pb_row {
        width: 100% !important;
    }

    .single-product .produktinfos:before {
        right: 20px;
        top: 80px;
    }
    .kategorie-text .klingenwechsel {
        width: 47.5%;
    }
}

@media(max-width: 980px) {
    .safari .more-images .et_pb_column.et_pb_column_1_3 {
        height: 70px;
        }
        .safari .et_pb_section.startseite-headerbild {
            height: 90vh;
            }
    .archive input#woocommerce-product-search-field-0, .archive #woocommerce_product_search-3 button {
        font-size: 18px;
    }
    /*Startseite, Header, Footer, Allgemeines*/
    .v2 div#et-top-navigation {
        padding-top: 0px !important;
    }

    .v2 #header-infos .logo_container {
        width: 35%;
        text-align: left;
    }

    .produkt-text-umbruch {
        padding-top: 0px;
    }

    .kacheln-kategorie .et_pb_text_inner {
        padding-left: 50px;
    }

    .kontakt-head {
        display: none;
    }

    .v2 div#et-top-navigation {
        top: 0px;
    }

    .v2 .logo_container {
        width: max-content;
        text-align: left;
    }

    .v2 img#logo, .v2.einblenden img#logo {
        width: 80%;
    }

    #footer-widgets .footer-widget:nth-last-child(-n+2) {
        margin-bottom: 5% !important;
    }

    .et_pb_section.grey:before {
        top: -4%;
    }

    .et_pb_section.grey:after {
        bottom: -4%;
    }

    .tabs .et_pb_column, .et_pb_column.et_pb_column_1_2 {
        width: 48%;
        margin-right: 4%;
    }

    .topseller .et_pb_column.et_pb_column_1_5:last-child {
        display: none;
    }

    /*Unterseiten*/
    .et_pb_column.et_pb_column_1_4 {
        display: block;
    }

    .service-kacheln .et_pb_column.et_pb_column_1_3 {
        margin-bottom: 20px;
        border-radius: 20px;
    }

    .service-kacheln .et_pb_column.et_pb_column_1_3:last-child {
        margin-bottom: 0px;
    }

    /*SHOP & CHECKOUT*/
    .woocommerce-page ul.products li.product:nth-child(n) {
        margin: 0 3.5% 3.5% 0 !important;
        width: 31% !important;
    }

    .woocommerce-page ul.products li.product:nth-child(3n) {
        margin-right: 0px !important;
    }


    .is-medium table.wc-block-cart-items .wc-block-cart-items__row:after {
        display: none;
    }

    a.components-button.wc-block-components-button.wc-block-cart__submit-button {
        width: 95%;
        display: block;
        margin: 0 auto;
    }
    .topseller .et_pb_row.topseller-reihe {
        grid-template-columns: 1fr 1fr;
    }
}

@media (min-width: 578px) and (max-width: 768px) {
    /* Deine Styles hier */
    .woocommerce ul.products[class*=columns-] li.product:nth-child(2n), 
    .woocommerce-page ul.products[class*=columns-] li.product:nth-child(2n) {
        width: 30% !important;
        height: 40% !important;
        float: left !important;
    }

    .woocommerce ul.products li.product a img {
        height: 150px;
    }
  }

@media(max-width: 900px) {
    .single-product .produktinfos:before {
        right: 20px;
        top: 20px;
    }

    /*Startseite, Header,, Footer, Allgemeines*/
    .wpcf7 .ajax-loader {
        display: none;
    }

    .tabs li {
        padding-right: 20%;
    }

    .et_pb_row.more-images {
        bottom: 5%;
        justify-content: flex-start;
        text-align: left;
    }

    .text-header .et_pb_column.et_pb_column_4_4 {
        display: inline-flex;
        width: 100%;
        height: 100%;
        align-items: center;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .button-bild-rechts a {
        display: none;
    }


    .button-bild-rechts p{
        display: none;
    }

    body .startseite-headerbild .et_pb_module.et_pb_image.bild-rechts {
        width: 40%;
        position: relative;
        right: 0;
        bottom: unset;
    }

    body .startseite-headerbild .bild-rechts img {
        width: 50%;
    }

    .text-header p {
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .more-images .et_pb_column.et_pb_column_1_3 {
        width: 55px;
    }

    /*Unterseiten*/
    body .seitenleiste .et_pb_widget {
        width: 47.8% !important;
    }

    .et_pb_section.grey:before {
        top: -2.5%;
    }

    .et_pb_section.grey:after {
        bottom: -2.5%;
    }

    .kontakt-head {
        display: none;
    }

    .topseller img {
        margin-bottom: 0px;
        width: 100%;
        margin-top: 0;
    }

    .topseller .et_pb_row.et_pb_row_6 {
        padding: 0px;
    }

    .kacheln-kategorie .et_pb_text_inner {
        padding-left: 0;
        padding-top: 50px;
    }

    /*SHOP & CHECKOUT*/
    #produktbeschreibungen .et_pb_row {
        padding: 20px 0px !important;
    }

    .woocommerce div.product .produktimages div.images img {
        margin-right: 0px
    }

    .et_pb_section.produktdetails:before, .et_pb_section#more-products:before {
        bottom: -20px;
    }

    .et_pb_section.produktdetails.et_section_regular {
        height: auto;
    }

    .single-product .produktimages {
        width: 100% !important;
        margin: 0% !important;
    }

    .single-product .produktinfos {
        width: 100% !important;
    }

    .archive #woocommerce_product_search-3 button {
        right: 7px;
    }

    .woocommerce ul.products li.product .woocommerce-loop-product__title {
        padding-top: 20px;
    }

    .woocommerce span.onsale, .woocommerce-page span.onsale {
        background: #fe330e !important;
        line-height: 100% !important;
        left: 0px !important;
    }

    .woocommerce-page ul.products li.product:nth-child(n) {
        text-align: center;
    }

    a.button.viewproduct {
        margin: 0 auto;
    }

    .woocommerce div.product .produktimages div.images img {
        width: 95%;
    }

    .single-product #main-footer {
        padding-top: 0;
    }

    #more-products .et_pb_row {
        padding-bottom: 0px !important;
    }

    .woocommerce div.product div.images.woocommerce-product-gallery {
        display: flex;
        flex-direction: column;
    }

    .woocommerce-product-gallery .flex-viewport {
        margin-bottom: 20px;
    }

    .woocommerce div.product div.images .flex-control-thumbs {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        width: 100%;
        order: 2;
    }

    .woocommerce div.product .produktimages div.images img {
        width: 100%;
    }

    .woocommerce div.product div.images .flex-control-thumbs li {
        margin-right: 15px;
        width: auto;
        height: auto;
        display: flex;
    }

    .woocommerce div.product div.images .flex-control-thumbs li:nth-of-type(4n) {
        margin-right: 15px;
    }

    .woocommerce div.product div.images .flex-control-thumbs li:last-child {
        margin-right: 0px;
    }
}
@media(max-width:800px){
    .safari .et_pb_section.startseite-headerbild{
        height: 80vh !important;
    }
    .et_pb_section.startseite-headerbild{
        height: 80vh;
    }
    .text-header h1:before {
        background-image: url(/wp-content/uploads/2023/07/merkur_signet_made_in_germany-1.png);
        width: 66px;
        height: 66px;
        position: absolute;
        top: -74px;
        left: 0;
        background-size: 100%;
        background-repeat: no-repeat;
        content: '';
        display: initial !important;
    }
    .text-header .made p:before{
        display:none;
    }
    .entry-content .text-header .made p {
        padding-left: 0px;
        width: 100%;
        max-width: 100%;
        margin-top: 1.5%;
        margin-bottom: 3%;
    }

    .lSSlideOuter .lSPager.lSpg {
        margin-bottom: 15px;
    }
}

@media(max-width:768px){
    .et_pb_section.faq.grey.et_section_regular {
        height: 665px !important;
    }

    .anker-links-kategorie  {
        display: flex;
        flex-wrap: wrap;
        list-style-type: none;
        padding: 0;
        gap: 7px;
        flex-direction: column;
        margin-bottom: 0;
    }
    
}
@media(max-width:580px) {


    h3.et_pb_toggle_title {
        font-size: 19px !important;
        text-transform: none;
    }

    .et_pb_accordion_0 .et_pb_toggle_title:before {
        width: 45px !important;
        height: 45px !important;
        margin-right: -4px !important;
        margin-top: -20px !important;
    }

    .et_pb_accordion_0 .et_pb_toggle_open .et_pb_toggle_title:before {
        width: 45px !important;
        height: 45px !important;
        margin-right: -4px !important;
        margin-top: -20px !important;
    }

    .faq-akkordeon p {
        font-size: 19px !important;
        line-height: 1.4em !important;
    }

    .newsletter-section .et_pb_column:first-child ul {
        margin: 20px 0 20px 0;
       /* Remove left padding */
   }
    .newsletter-form__label {
        text-align: left;
   }

   .button-bild-rechts a {
       display: block;
       position: absolute !important;
       padding: 1px 10px;
       top: 30px;
       right: 20%;
       font-size: 15px !important;
       font-weight: bold;
   }

   .button-bild-rechts p {
       font-size: 15px;
   }

   .footer-newsletter__content {
       flex-direction: column;
       gap: 50px;
   }

   .footer-newsletter__left,
   .footer-newsletter__right {
       width: 100%;
   }	
    
    .page-id-420 .cool-timeline-horizontal .clt_carousel_slider ul.slick-slider .slick-list li:before {
    width: 96%;
}
	.page-id-420 .ctl-slick-next {
    right: -19px;
}
	.ctl-slick-next, .ctl-slick-prev {
    width: 39px;
    height: 32px;
}
	.cool-timeline-horizontal .clt_carousel_slider ul.slick-slider button{
		background: white !important;
	}
    .startseite-headerbild .bild-rechts span.et_pb_image_wrap:before {
        bottom: 24px;
    }
    body .startseite-headerbild .bild-rechts img {
        bottom: 88px;
        position: relative;
    }
    .safari .et_pb_section.startseite-headerbild {
        height: 74vh;
        }
    .woocommerce ul.products li.product .woocommerce-loop-product__title {
        font-size: 18px !important;
    }
    .kategorie-text #gallery-1 .gallery-item{
        width:100%;
    }
    .kategorie-text img[src*="https://merkur-razors.com/wp-content/uploads/2022/10/merkur-safety-razor-bladechange-knob.jpeg"] {
        padding-right:0px;
    }
    .kategorie-text img[src*="https://merkur-razors.com/wp-content/uploads/2022/10/merkur-safety-razor-bladechange.jpeg"] {
        padding-left:0px;
    }
    .kategorie-text img[src*="https://merkur-razors.com/wp-content/uploads/2022/10/merkur-rasierhobel-klingenwechsel-drehknauf.jpeg"] {
        padding-right:0px;
    }
    .kategorie-text img[src*="https://merkur-razors.com/wp-content/uploads/2022/10/merkur-rasierhobel-klingenwechsel.jpeg"] {
        padding-left:0px;
    }
    .kategorie-text div#gallery-1 {
        display: flex;
        flex-direction: column;
    }
    .topseller h4 {
        font-size: 18px;
    }
    div#header-widget-area {
        bottom: 10px;
        right: 10px;
    }
    .dropdown-cart-button .dropdown-total, .home .et-fixed-header .dropdown-cart-button .dropdown-total, .home .dropdown-cart-button .dropdown-total {
        height: 50px;
        width: 50px;
    }
    .et_pb_column {
        width: 100% !important;
    }

    /*Startseite, Header,, Footer, Allgemeines*/
    .et_pb_section.startseite-headerbild {
        height: 74vh;
        padding-bottom: 80px;
    }

    .more-images .et_pb_column.et_pb_column_1_3 {
        width: 40px !important;
        margin-right: 10px;
    }

    @media (max-width: 995px)  {
        .more-images .et_pb_image .et_pb_image_wrap, .more-images img {
            max-height: 40px !important;
        }
      }

    .text-header .et_pb_column.et_pb_column_4_4 {
        display: inline-flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: center;
    }

    .et_pb_row.more-images {
        justify-content: flex-start;
    }

    .startseite-headerbild .text-header .et_pb_module {
        width: 100%;
        margin: 0;
    }

    body .startseite-headerbild .et_pb_module.et_pb_image.bild-rechts {
        width: 70%;
        position: absolute;
        right: 5%;
        top: unset;
        bottom: -20%;
        text-align: right;
    }

    .text-header .bild-rechts span {
        width: 30%;
    }

    body .startseite-headerbild .bild-rechts img {
        width: 100%;
    }

    .form1 p {
        font-size: 16px;
    }

    .wps-form-row .kuerzer.first .wpcf7-form-control {
        width: 100%;
    }

    .topseller.et_pb_section .et_pb_column.et_pb_column_1_5 {
        padding: 15px;
    }

    .topseller span.et_pb_image_wrap {
        width: 100%;
    }

    .topseller img {
        width: 30%;
    }

    .text-header p {
        font-size: 20px;
    }

    .unternehmen .et_pb_module.et_pb_image.first {
        top: 30px;
    }

    .unternehmen .et_pb_module.et_pb_image.second {
        top: 20px;
        width: 38%;
    }

    .tabs li.aw-active p {
        width: 85%;
    }

    .tabs li.aw-active:before {
        width: 70px;
        height: 70px;
        top: 5px;
    }

    .tabs li.klingen:before {
        top: -5px;
    }

    .tabs li.sets:before {
        top: 0px;
    }

    .tabs .et_pb_row {
        display: flex;
        flex-direction: column;
    }

    .tabs .et_pb_column.et_pb_column_1_2:first-child {
        flex: 1;
        order: 2;
    }

    .et_pb_row.kacheln-kategorie {
        margin-bottom: 50px;
    }

    .kacheln-kategorie .et_pb_text_inner {
        padding-left: 60px;
        padding-top: 0px;
    }

    body .kacheln-kategorie.et_pb_row_4col>.et_pb_column.et_pb_column_1_4 {
        margin-right: 0;
        margin-bottom: 6%;
        flex-direction: column;
    }

    body {
        font-size: 16px !important;
    }

    .et_pb_row {
        padding: 10px 0px;
    }

    .v2 #header-infos .logo_container {
        width: 65%;
    }

    .v2 img#logo, .v2.einblenden img#logo {
        max-width: 60%;
    }

    .kontakt-scroll a.kontakt:hover {
        transform: none;
    }

    .kontakt-scroll a.phone:hover {
        width: 50%;
        font-size: 0px;
    }

    .et_pb_section {
        padding: 30px 0;
    }

    .v2.einblenden .kontakt-scroll {
        top: unset;
        bottom: 0;
        width: 100%;
        display: flex;
        left: 0px;
        background: #7db5b2;
        box-shadow: 0px -20px 100px #00000038;
        justify-content: center;
    }

    .v2.einblenden .kontakt-scroll .jameda-siegel {
        display: none;
    }

    .kontakt-scroll a.phone, .kontakt-scroll a.kontakt {
        width: 50%;
        margin-bottom: 0;
        box-shadow: none;
    }

    .kontakt-scroll a.phone:before, .kontakt-scroll a.kontakt:before {
        left: 0;
        top: 0;
        right: 0px;
        margin: 0 auto;
    }

    .kontakt-scroll a.phone:after {
        content: '';
        border-right: 1px solid #eee;
        position: absolute;
        right: 0px;
        width: 100%;
        height: 30px;
        top: 6px;
    }

    .form1 form.wpcf7-form {
        padding: 20px 10px;
    }

    .wps-form-row {
        display: block;
        padding-bottom: 0px;
    }

    .wps-form-row .kuerzer .wpcf7-form-control {
        width: 100%;
    }

    .wps-form-column {
        padding: 0.8rem 0;
    }

    div#footer-bottom {
        margin-bottom: 0px;
    }

    .footer-leiste {
        display: block;
        text-align: center;
    }

    .footer-infos {
        width: 100%;
        text-align: center;
    }

    body .seitenleiste .et_pb_widget {
        width: 100% !important;
    }

    .et_pb_section.grey:before {
        top: -10px;
    }

    .et_pb_section.grey:after {
        bottom: -10px;
    }

    .tabs li {
        padding-right: 15%;
    }

    .tabs li:last-child {
        margin-bottom: 20px;
    }

    .text-header a {
        padding: 8px 20px;
    }

    .et_pb_row.more-images {
        bottom: 5%;
        right: 0;
        left: 0;
        width: 90%;
        max-width: 90%;
        text-align: left;
        display: flex;
    }

    .background-image, .et_pb_section.header-unterseite {
        height: 250px;
    }

    /*Unterseiten*/
    .ueberschrift-header h1 {
        font-size: 26px;
    }

    .et_pb_module.form1 {
        margin-top: 10px;
    }

    .ctl_info.event-description.full {
        display: flex;
        flex-direction: column;
        text-align: center;
    }

    .full-width {
        width: 60%;
        flex: 1;
        order: 2;
    }

    body .cool-timeline-horizontal .full-width img.story-img {
        width: 100%;
    }

    #historie .content-details {
        width: 100%;
    }

    /*SHOP & CHECKOUT*/
    .woocommerce div.product div.images .flex-control-thumbs li {
        width: 70px;
    }

    #produktbeschreibungen .et_pb_row {
        padding: 20px 0px !important;
    }

    .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {
        float: left;
    }

    .woocommerce-page ul.products li.product:nth-child(n) {
        margin: 0% 4% 4% 0% !important;
        width: 48% !important;
        padding: 10px !important;
    }

    .woocommerce-page ul.products li.product:nth-child(2n) {
        margin-right: 0 !important;
    }

    .et_pb_section.produktdetails:before, .et_pb_section#more-products:before {
        bottom: -10px;
    }

    .woocommerce ul.products li.product a img {
        width: 90%;
    }

    .woocommerce div.product div.images.woocommerce-product-gallery {
        align-items: center;
    }

    /*PRODUKTDETAILSEITE*/
    .woocommerce div.product div.images .flex-control-thumbs li, .woocommerce div.product div.images .flex-control-thumbs li:nth-of-type(4n) {
        margin-right: 5px;
    }

    .woocommerce div.product div.images .flex-control-thumbs li:last-child {
        margin-right: 0;
    }

    .woocommerce-checkout form.checkout.woocommerce-checkout {
        display: flex;
        flex-direction: column;
    }

    .woocommerce-checkout .woocommerce .col2-set .col-1, .woocommerce-checkout .woocommerce-page .col2-set .col-1, .woocommerce-checkout .woocommerce .col2-set .col-2, .woocommerce-checkout .woocommerce-page .col2-set .col-2 {
        width: 100% !important;
    }

    .woocommerce-checkout div#order_review {
        width: 100%;
    }
}

@media(max-width:425px){
    .et_pb_section.startseite-headerbild, .safari .et_pb_section.startseite-headerbild {
        height: 70vh;
        padding-bottom: 80px;
    }
    .woocommerce-message {
        display: flex;
        flex-direction: column-reverse;
    }
}
@media (max-width:390px) {
    .entry-content .hero-slider h4 a {
        line-height: 20px;
    }
}
form.woocommerce-product-search {
    width: max-content;
}
.kategorie-text {
    padding-bottom: 30px;
}
.klingenwechsel {
    display: flex;
    padding-bottom: 25px;
}
.klingenwechsel img{
    border-radius: 10px;
}
.kategorie-text h2 {
    padding-top: 30px;
}
img[src*="https://merkur-razors.com/wp-content/uploads/2022/10/merkur-rasierhobel-klingenwechsel-drehknauf.jpeg"] {
padding-right:20px;
}
img[src*="https://merkur-razors.com/wp-content/uploads/2022/10/merkur-rasierhobel-klingenwechsel.jpeg"] {
    padding-left:20px;
    }
    img[src*="https://merkur-razors.com/wp-content/uploads/2022/10/merkur-safety-razor-bladechange-knob.jpeg"] {
        padding-right:20px;
        }
    img[src*="https://merkur-razors.com/wp-content/uploads/2022/10/merkur-safety-razor-bladechange.jpeg"] {
        padding-left:20px;
        }
    #gallery-1 img {
        border: unset !important;
        border-radius: 10px;
    }
    .kategorie-text .faq-html li {
        font-size: 20px;
        font-weight: 300;
        line-height: 100%;
        padding-left: 30px;
        display: flex;
        align-items: center;
        margin: 10px 0px;
        position: relative;
    }
    .kategorie-text .faq-html li:before {
        content: "\4e";
        font-family: 'ETmodules';
        position: absolute;
        left: 0;
        width: 18px;
        height: 18px;
        border-radius: 50%;
        font-size: 14px;
        background: #294f58;
        line-height: 20px;
        text-align: center;
        color: white;
    }
    .kategorie-text .faq-html h3 {
        padding-top: 20px;
    }
    .et_pb_row.et_pb_row_3.produkt-formular {
        width: 100% !important;
    }
    input.wpcf7-form-control.wpcf7-text {
        background: #fff;
        border: 1px solid #307fa1;
        padding: 10px;
        padding-left: 20px;
        font-size: 16px;
        border-radius: 10px;
        width: 100%;
        height: 40px;
    }
    .codedropz-upload-handler h3,  .codedropz-upload-handler p  {
        font-size: 18px;
    }
    .codedropz-upload-inner h3 {
        height: 23px;

    }
    .woocommerce-checkout table.cart th, .woocommerce-checkout #main-content table.cart th, .woocommerce-checkout table.cart td, .woocommerce-checkout #main-content table cart td, .woocommerce-checkout table.cart tr, .woocommerce-checkout #main-content table.cart tr, .woocommerce-checkout #content-area table tr, .woocommerce-checkout #content-area table td, .woocommerce-checkout #content-area table th {
        padding: 10px 15px;
        width: 100%;
    }
     table.shop_table.woocommerce-checkout-review-order-table tfoot {
        display: flex;
        flex-direction: column;
    }
     table.shop_table.woocommerce-checkout-review-order-table {
        display: flex;
        flex-direction: column;
    }
    .woocommerce-checkout tr.order-tax {
        order: 3;
    }
    .woocommerce-checkout tr.cart-subtotal {
        order: 1;
    }
    .woocommerce-checkout tr.woocommerce-shipping-totals.shipping {
        order: 2;
    }
    .woocommerce-checkout tr.order-total {
        order: 4;
    }
    table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details {
        display: flex;
        flex-direction: column;
    }
    table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details tfoot {
        display: flex;
        flex-direction: column;
    }
    .woocommerce-checkout tbody, .woocommerce-checkout thead {
        padding: 10px 15px;
        width: 100%;
    }
    /*Bewertungen*/
    #bewertungen li {
        background: #f2f2f2;
        padding: 20px;
        font-style: italic;
        border-radius: 10px;
        font-size: 20px;
    }
    #bewertungen strong {
        display: block;
        padding-top: 15px;
    }
    #bewertungen strong:before {
        content: '\e033 \e033 \e033 \e033 \e033';
        font-family: etmodules;
        display: block;
        letter-spacing: 4px;
        color: #e8c930;
    }
    a.google-bewertung .et_pb_text_inner{
        text-align: center;
    }
    .entry-content .bewertung-button {
        text-align: center;
    }
    ul#bewertungen {
        min-height: 300px;
    }
    .et_pb_section.et_pb_section_4.et_section_regular {
        padding-bottom: 0;
    }
    /*Tabelle Kategorie*/
    #tablepress-4 th{
        width: 20%;
        text-align: center;
    }

    #tablepress-4 td.column-1 {
        font-weight: bold;
    }
    #tablepress-4 th p {
        font-weight: 700 !important;
    }

    #tablepress-4 th, #tablepress-4 td{
        font-size: 19px !important;
    }
    tbody, #tablepress-4 td, #tablepress-3 th {
        border: 1px solid;
      }
      #tablepress-4 .tablepress tfoot th, .tablepress thead th {
        background-color: #294f58;
        font-weight: 700;
        vertical-align: middle;
        color: white;
    }
.table-category{
    overflow-x: auto;
}
a.lSPrev, a.lSNext {
    display: none !important;
}
.partner-formular textarea.wpcf7-form-control.wpcf7-textarea{
height:200px;
}
/*Blog*/
.blog-produkt-vorstellen li {
    -webkit-box-shadow: 0 10px 40px rgb(0 0 0 / 10%);
    box-shadow: 0 10px 40px rgb(0 0 0 / 10%);
}
.blog-beitraege article {
    -webkit-box-shadow: 0 10px 40px rgb(0 0 0 / 10%);
    box-shadow: 0 10px 40px rgb(0 0 0 / 10%);
    padding: 25px;
    border-radius: 10px;
}
.blog-bilder img {
    width: 32%;
    height: 320px;
    object-fit: cover;
    padding: 10px;
    border-radius: 25px;
}

@media  (max-width: 700px) {
    .blog-bilder img {
        display: block;
        width: 100%;
        height: 200px;
        margin: 0 auto; /* centers horizontally */
        margin-bottom: 10px;
} 
}

.beard-frame {
    display: inline-block;
    margin: 0px;
    padding: 15px;
    margin-left: 20px;
    border-radius: 10%;
    background: radial-gradient(circle at 30% 30%, #fdfdfd, #f7f7f7 60%, #dfdddd 90%);
    box-shadow:
      0 0 8px rgba(255, 255, 255, 0.8) inset,
      0 0 15px rgba(0, 0, 0, 0.3),
      0 0 5px rgba(0, 0, 0, 0.2);
  }
  .beard-frame img {
    display: block;
    border-radius: 10%;
    background-color: transparent;
  }

  @media (max-width: 980px) {
    .beard-frame {
      display: block;
      margin: 20px auto;
      margin-bottom: 30px !important;
    }
  }

body .blog-beitrag #left-area {
    width: 99%;
    padding-bottom: 23px;
}
.et_pb_pagebuilder_layout.single.et_full_width_page:not(.et-tb-has-body) .et_post_meta_wrapper {
    max-width: 1180px !important;
}
body .et_post_meta_wrapper {
    display: flex;
    flex-direction: column-reverse;
}
body .et_pb_section.blog-beitrag.et_section_regular {
    padding: 0;
}
.et_post_meta_wrapper img {
    max-width: 100% !important;
    width: 100% !important;
    height: 400px;
    object-fit: cover;
}
.et_post_meta_wrapper h1.entry-title {
    padding-bottom: 30px;
    padding-top: 20px;
    z-index: 999;
}
.et_post_meta_wrapper p.post-meta {
    display: inline-block;
    background: #294f58;
    max-width: 400px;
    border-radius: 30px;
    margin-top: 10px;
    padding: 1px 0px 3px 0px !important;
    color: white;
}
body #left-area .post-meta a {
    text-decoration: none;
    color: white;
}
body #left-area .post-meta {
    font-size: 20px;
    padding-left: 12px !IMPORTANT;
}

body #left-area .post-meta {
    display: none;
}

.et_pb_gutters3 .et_pb_column_4_4 .et_pb_blog_grid .column.size-1of3 .et_pb_post, .et_pb_gutters3.et_pb_row .et_pb_column_4_4 .et_pb_blog_grid .column.size-1of3 .et_pb_post {
    min-height: 487px;
}

span.published {
    font-size: 20px;
}

.faq-startseite-ueberschrift h2{
    padding: 0px !important;
    padding-bottom: 10px !important;
}

.faq-startseite-ueberschrift p{
    padding: 0px !important;
    font-size: 20px;
    width: 100%;
}

.faq-akkordeon-bereich {
    padding-top: 0% !important;
    padding-bottom: 0% !important;
}

.faq-akkordeon-sektion {
    padding: 0% !important;
}

.faq-akkordeon {
    border-radius: 12px; /* Leichte Rundung für modernere Optik */
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15); /* Weichere Schatten für Eleganz */
    color: #ffffff; /* Weißer Text */
    padding: 25px; /* Zusätzlicher Innenabstand */
    margin: 0 auto 20px; /* Zentriert mit Abstand nach unten */
    transition: all 0.3s ease-in-out; /* Sanfte Übergänge */
    background: linear-gradient(135deg, rgb(99, 171, 202) 0%, rgba(48, 127, 161, 1) 100%);
    border-radius: 20px;
    color: white;
    padding: 20px;
    gap: 40px;
    z-index: 1;
    overflow: hidden;
}
.faq-akkordeon::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* Zweiter Verlauf (Farben vertauscht für stärkeren Kontrast beim Hover) */
    background: linear-gradient(90deg, rgba(48, 127, 161, 1) 0%, rgb(99, 171, 202) 100%);
    opacity: 0;
    transition: opacity 2s ease;
    z-index: -1;
}
.faq-akkordeon:hover::before {
    opacity: 1;
}
























.faq-bereich-bilder img {
    width: 325px;
    height: 325px;
    object-fit: cover;
    border-radius: 10px;
    overflow: hidden;
    display: block;
}

.youtube-bereich-bilder{
    display: block;
}

.youtube-bereich-bilder img {
    width: 325px;
    height: 170px;
    object-fit: cover;
    border-radius: 10px;
    overflow: hidden;
}

@media (max-width: 980px) {
    .youtube-bereich-bilder {
        justify-content: center; /* Horizontal mittig */
        text-align: center !important;
        display: flex;
        flex-wrap: wrap; /* Falls mehr Bilder als Platz */
    }

    .youtube-bereich-bilder img {
        width: 48%; /* Automatisch skalieren */
        height: auto; /* Höhe beibehalten */
        margin-top: 20px; /* Abstand nach oben */
        margin-inline: 5px;
    }
}

@media (max-width: 555px) {
    .youtube-bereich-bilder img {
        width: 47%; /* Automatisch skalieren */
        height: auto; /* Höhe beibehalten */
        margin-top: 20px; /* Abstand nach oben */
        margin-inline: 3px;
    }
}


/* These rules for the closed state remain unchanged from previous response, but ensuring they use the general class */
#page-container .et_pb_accordion .et_pb_toggle_title:before {
    content: "";
    background-image: url('https://merkur-razors.com/wp-content/uploads/2025/06/plus.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    width: 35px;
    height: 35px;
    margin-right: 10px;
    margin-top: -16px;
    vertical-align: middle;
    transition: transform 0.6s ease-in-out;
    transform: rotate(0deg);
}

/* These rules for the open state remain unchanged from previous response, but ensuring they use the general class */
#page-container .et_pb_accordion .et_pb_toggle_open .et_pb_toggle_title:before {
    background-image: url('https://merkur-razors.com/wp-content/uploads/2025/06/minus.png');
    transform: rotate(270deg);
    filter: brightness(100);
    width: 70px;
    height: 35px;
    margin-right: -7px;
}

/* This is the corrected rule for the accordion item styling */
.et_pb_accordion .et_pb_accordion_item {
    border-radius: 8px;
    background-color: #79b6d0 !important;
}

.faq-akkordeon:hover {
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.25);
    transform: translateY(-2px);
}

.faq-akkordeon h3 {
    font-weight: bold;
}

.faq-akkordeon p {
    font-size: 20px;
    line-height: 1.6;
    font-weight: 500;
}

.faq-akkordeon a {
    font-size: 18px !important;
    text-decoration: none;
    color: #ffffff;
    border-bottom: 2px dotted rgba(255, 255, 255, 0.7);
    padding-bottom: 2px;
    transition: color 0.3s ease, border-color 0.3s ease;
}

.faq-akkordeon a:hover {
    color: #5a160a;
    border-bottom: 1px solid #5a160a;
    text-decoration: none;
}

.et_pb_gutters3 .et_pb_column_4_4 .et_pb_module, .et_pb_gutters3.et_pb_row .et_pb_column_4_4 .et_pb_module {
    margin-bottom: 2.25%;
}

.single.et_pb_pagebuilder_layout.et_full_width_page .et_post_meta_wrapper {
    padding-top: 0px !important;
}

.akkordeon-company img {
    margin-bottom: 20px;
    margin-top: 17px;
}

.akkordeon-company a {
    color: #fff;
    padding: 12px 20px;
    border-radius: 20px;
    background: #4c9cb7;
    background: red;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    box-shadow: 0px 20px 40px #00000029;
    letter-spacing: 1px;
    transition: 800ms;
}
.et_pb_toggle_open h5.et_pb_toggle_title:before {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -0.5em;
    font-size: 16px;
    content: "\e04f";
    display: block !important;
    font-size: 22px;
    color: #307fa1;
}
/* .et_pb_toggle.et_pb_module.et_pb_accordion_item.et_pb_accordion_item_0.et_pb_toggle_open {
    display: none;
} */
/* .et_pb_module.et_pb_accordion.partner-akkordeon .et_pb_toggle.et_pb_module.et_pb_accordion_item.et_pb_accordion_item_0, .et_pb_module.et_pb_accordion.partner-akkordeon .et_pb_toggle.et_pb_module.et_pb_accordion_item.et_pb_accordion_item_6 {
    display: none;
} */
li.cat-item.cat-item-19 {
    display: none;
}
.entry-content .hero-slider span {
    display: contents;
    font-size: 14px !important;
}
.kategorie-text strong,  .kategorie-text b{
    font-weight: 510;
}
body.post-template-default.single.single-post div#sidebar {
    display: none;
}
body.post-template-default.single.single-post #left-area{
    width: 100%;
    padding-right: 0;
    padding-top: 0;
}
body.post-template-default.single.single-post .et_pb_section.et_section_regular {
    padding-top: 0;
    padding-bottom: 20PX;
}
body.post-template-default.single.single-post .et_pb_row.et_pb_row_0 {
    padding-top: 0;
}
body.post-template-default.single.single-post #commentform {
    padding-bottom: 0px;
}
.et_pb_gutters3 .et_pb_column_4_4 .et_pb_blog_grid .column.size-1of3, .et_pb_gutters3.et_pb_row .et_pb_column_4_4 .et_pb_blog_grid .column.size-1of3 {
    width: 29.667%;
    margin-right: 4.5%;
}
.produktbeschreibung-absatz a {
    color: #3581a3 !important;
}
.et_pb_row.et_pb_row_2.produktbeschreibung-absatz .et_pb_text_inner {
    font-size: 20px;
    font-weight: 300;
    line-height: 1.4;
}
.side-flags p:before {
    content: '';
    width: 52px;
    height: 52px;
    display: block;
    background-image: url(/wp-content/uploads/2023/05/usa-safety-razor.svg);

}
a.shop2 {
    color: #000;
    background-color: white;
    padding: 5px 30px;
    border-radius: 10px;
    line-height: 100%;
    display: inline-flex;
    padding-left: 40px;
    position: relative;
    align-items: center;
    transition: 500ms;
    margin-top: 10px;
}
a.shop2:before {
    content: "\35";
    font-family: 'ETmodules';
    color: #000;
    left: 10px;
    position: absolute;
}
a.shop2:hover {
    text-decoration: none;
    transform: scale(1.05) !important;
}
.side-flags {
    padding: 20px;
    border-radius: 10px;
    background: linear-gradient(180deg, #79b6d0 0%, #307fa1 100%);
    box-shadow: 0px 0px 20px #0000001a;
}
.side-flags {
    margin-bottom: 10px;
    margin-top: 10px;
    color: white;
}
.side-flags img {
    position: relative;
    margin-right: 20px;
    width: 20%;
    margin-bottom: 5px;
    margin-top: 5px;
}
.side-flags p {
    padding-bottom: 3px;
}
.is-located-in-country-us .side-flags, .is-located-in-country-ca .side-flags, .is-located-in-country-mx .side-flags{
    display: block;
}
.side-flags{
    display: none;
}
.et_post_meta_wrapper p.post-meta{
    display: none;
}
.et_post_meta_wrapper section#comment-wrap {
    display: none;
}
.page-id-4518 .et_pb_blog_grid .et_pb_post {
    padding: 18.7px;
}

.text-header .made p:before {
    background-image: url(/wp-content/uploads/2023/07/merkur_signet_made_in_germany-1.png);
    width: 90px;
    height: 90px;
    position: absolute;
    top: 29%;
    left: 0;
    background-size: 100%;
    background-repeat: no-repeat;
    content: '';
}
.text-header .made p {
    padding-left: 100px;
    width: 80%;
    max-width: 79%;
    margin-top: 2.5%;
    margin-bottom: 3%;
}
.text-header h1:before {
    display: none;
}

.xoo-wsc-ft-amt.xoo-wsc-ft-amt-tax.add {
    display: none;
}
span.xoo-wsc-ecl {
    display: none;
}
span.woocommerce-Price-amount.amount bdi {
    padding-left: 7px;
    font-size: 24px;
}
.xoo-wsc-body a {
    font-size: 18px;
}
.xoo-wsc-footer{
    font-size: 18px;
}
.page-id-2939 section.woocommerce-bacs-bank-details {
    margin-top: 20px;
}
.page-id-2939 .woocommerce-order {
    width: 90% !important;
    max-width: 1180px !IMPORTANT;
    margin: 0 auto;
        top: 50px;
        position: relative;
}
h2.wc-bacs-bank-details-heading {
    margin-top: 20px;
}
a.mehr-lesen {
    color: white;
}

/* ------------------------NEWSLETTER--------------------------- */

 .newsletter-unterseite p {
    font-size: 18px !important;
 }

 .newsletter-unterseite li {
    font-size: 18px !important;
    font-weight: bold !important;
 }

 .newsletter-unterseite li::marker {
    content: "";
  }

  .newsletter-unterseite ul {
    padding: 0 0 0em !important;
  }

 .newsletter-form__label {
     display: block;
     margin-bottom: 10px;
     font-size: 14px;
     font-weight: 500;
     text-align: right;
}
 .newsletter-form__input-group {
     display: flex;
     align-items: center;
     margin-bottom: 20px;
     box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.09);
     border-radius: 5px;
     background: white;
}
 .newsletter-form__input {
     flex: 1;
     padding: 10px;
     font-size: 16px;
     border: none !important;
     padding: 0 10px !important;
}
 .newsletter-form__button {
     padding: 10px 20px;
     font-size: 16px;
     color: white;
     font-weight: bold;
     background-color: #4A95B4;
     border: none;
     border-radius: 0 5px 5px 0;
     cursor: pointer;
}
 .newsletter-form__button:hover {
     background-color: #2F667C;
}
 .newsletter-form__info {
     font-size: 14px;
     color: #666;
     text-align: right;
     vertical-align: middle;
}
 .newsletter-form__info input[type="checkbox"] {
     border: none !important;
     background: white;
     box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.39);
     margin: 0px 8px 0 0;
     position: relative;
     top: 2px;
    /* Remove default checkbox styles */
     -webkit-appearance: none;
    /* For Safari */
     -moz-appearance: none;
    /* For Firefox */
     width: 15px;
     height: 15px;
     border-radius: 2px;
}
 .newsletter-form__info input[type="checkbox"]:checked {
    /* Background color when checkbox is checked */
     background-color: #4a95b4;
}
/* Optional: Custom checked mark (if you want to add one) */
 .newsletter-form__info input[type="checkbox"]:checked::before {
     content: '\2713';
    /* Unicode character for checkmark */
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%) scale(0.7);
     color: white;
    /* Color of the checkmark */
     font-size: 16px;
    /* Size of the checkmark */
}
 .newsletter-form__info a {
     font-size: 14px;
     text-decoration:underline;
     color: #000;
     text-align: right;
}
 .newsletter-form__link {
     color: #4a90e2;
     text-decoration: none;
}
 .newsletter-form__link:hover {
     text-decoration: underline;
}

.newsletter-section {
	padding: 30px 0 0 0;
	margin-top: 50px;
}


 .newsletter-section .et_pb_row:first-child {
     padding: 0;
}
 .newsletter-section .et_pb_column:first-child ul {
     list-style-type: none;
    /* Remove default bullets */
     padding-left: 0;
    /* Remove left padding */
}
 .newsletter-section .et_pb_column:first-child ul li {
     font-weight: 600;
    /* Set font weight to semibold */
     display: flex;
    /* Enable flexbox to align SVG and text */
     align-items: center;
    /* Vertically align items */
     margin-bottom: 0.5em;
    /* Add some space between items */
     font-size: 1rem !important;
     line-height: 1.7rem !important;
}
 .newsletter-section .et_pb_column:first-child ul li::before {
     content: '';
    /* Required for ::before pseudo-element */
     display: inline-block;
    /* Make it an inline element */
     width: 20px;
    /* Set width of the SVG */
     height: 20px;
    /* Set height of the SVG */
     margin-right: 10px;
    /* Space between SVG and text */
     background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 1.33989C16.5083 2.21075 17.7629 3.46042 18.6398 4.96519C19.5167 6.46997 19.9854 8.17766 19.9994 9.91923C20.0135 11.6608 19.5725 13.3758 18.72 14.8946C17.8676 16.4133 16.6332 17.6831 15.1392 18.5782C13.6452 19.4733 11.9434 19.9627 10.2021 19.998C8.46083 20.0332 6.74055 19.6131 5.21155 18.7791C3.68256 17.9452 2.39787 16.7264 1.48467 15.2434C0.571462 13.7604 0.0614093 12.0646 0.00500011 10.3239L0 9.99989L0.00500011 9.67589C0.0610032 7.94888 0.563548 6.26585 1.46364 4.79089C2.36373 3.31592 3.63065 2.09934 5.14089 1.25977C6.65113 0.420205 8.35315 -0.0137108 10.081 0.000330246C11.8089 0.0143713 13.5036 0.47589 15 1.33989ZM13.707 7.29289C13.5348 7.12072 13.3057 7.01729 13.0627 7.002C12.8197 6.98672 12.5794 7.06064 12.387 7.20989L12.293 7.29289L9 10.5849L7.707 9.29289L7.613 9.20989C7.42058 9.06075 7.18037 8.98692 6.9374 9.00225C6.69444 9.01757 6.46541 9.12101 6.29326 9.29315C6.12112 9.4653 6.01768 9.69433 6.00235 9.9373C5.98702 10.1803 6.06086 10.4205 6.21 10.6129L6.293 10.7069L8.293 12.7069L8.387 12.7899C8.56237 12.926 8.77803 12.9998 9 12.9998C9.22197 12.9998 9.43763 12.926 9.613 12.7899L9.707 12.7069L13.707 8.70689L13.79 8.61289C13.9393 8.42049 14.0132 8.18024 13.9979 7.93721C13.9826 7.69419 13.8792 7.46509 13.707 7.29289Z' fill='%234A95B4'/%3E%3C/svg%3E%0A");
}
 .newsletter-section .et_pb_column .et_pb_text {
     margin-bottom: 30px;
     line-height: 1.7rem;
     font-size: 18px;
}

.footer-newsletter .container {
    border-top: 1px solid #f3f3f3;
    contain-intrinsic-block-size: auto 100px;
    padding: 70px 0px;
}

.footer-newsletter .newsletter-form__label {
    display: none;
}

.footer-newsletter__title {
    text-align: left !important;
    color: black !important;
    display: inline-block;
    margin-bottom: 30px;
}

.newsletter__title {
    text-align: left !important;
    color: black !important;
    display: inline-block;
    margin-bottom: 5px;
    font-size: 30px;
}

.footer-newsletter__content {
    display: flex;
    justify-content: space-between;
    gap: 70px; /* Add spacing between the columns */
}

.footer-newsletter__left,
.footer-newsletter__right {
    flex: 1;
    /* min-width: 100%; */
}

.footer-newsletter__description p {
    font-size: 18px !important;
    margin-bottom: 5px;
}

.footer-newsletter__description li {
    font-size: 18px !important;
}



.footer-newsletter__form {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.footer-newsletter__input {
    padding: 10px;
    margin-bottom: 10px;
    width: 100%;
    box-sizing: border-box;
    /* Add any additional input styles here */
}

.footer-newsletter__submit {
    padding: 10px 20px;
    cursor: pointer;
    /* Add any additional button styles here */
}

.footer-newsletter__privacy {
    margin-top: 20px;
    font-size: 12px;
    /* Add any additional privacy text styles here */
}

.footer-newsletter__privacy-link {
    color: blue;
    text-decoration: underline;
    /* Add any additional link styles here */
}

@media (max-width: 980px) {
    #footer-widgets {
        padding: 8% 0 1% 0;
    }
}

@media (max-width: 412px) {
    /* Stile für Galaxy S22 oder ähnliche Geräte */
    body .startseite-headerbild .bild-rechts img {
        bottom: 50px;
        position: relative;
    }

    .startseite-headerbild .bild-rechts span.et_pb_image_wrap:before {
        bottom: 0px;
    }

    .button-bild-rechts a {
        display: block;
        position: absolute !important;
        padding: 1px 10px;
        top: 100px;
        right: 20%;
        font-size: 15px !important;
        font-weight: bold;
    }

  }


/* =========================================
   MERKUR Rasierhobel Kategorieseite
   ========================================= */

/* Anker-Links */
.anker-links-kategorie {
    margin-top: 20px;
}

/* Kategorie H4 Zwischenüberschriften */
.kategorie-text h4.kategorie-sub {
    margin-top: 18px;
}

/* Handhabung H2 */
h2#handhabung {
    margin-top: 28px;
}

/* Flex-Layout für Video-Sektionen */
.kategorie-flex {
    flex-direction: row;
    gap: 2rem;
    align-items: flex-start;
}

.kategorie-content {
    flex: 1;
}

.kategorie-video {
    flex: 0 0 500px;
}

/* Geordnete Listen */
ol.kategorie-ordered-list-bullet {
    margin-bottom: 18px;
}

ol.kategorie-ordered-list-bullet.mt-20 {
    margin-top: 20px;
}

/* Video-Überschrift Klingenwechsel */
h4.kategorie-video-title {
    margin-bottom: 15px;
    margin-top: 8px;
}

/* =========================================
   Vergleichstabelle
   ========================================= */

.merkur-vergleich {
    margin: 50px 0 40px 0;
}

.merkur-vergleich h2 {
    font-size: 26px;
    color: #333;
    margin-bottom: 8px;
}

.merkur-vergleich-scroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.merkur-vergleich table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
    min-width: 820px;
}

.merkur-vergleich thead tr {
    background: #3885a6;
    color: #fff;
}

.merkur-vergleich th {
    padding: 14px 12px;
    text-align: center;
    font-weight: 600;
}

.merkur-vergleich th:first-child {
    text-align: left;
    white-space: nowrap;
}

.merkur-vergleich th:last-child {
    text-align: left;
}

.merkur-vergleich tbody tr {
    border-bottom: 1px solid #e0e0e0;
}

.merkur-vergleich tbody tr:nth-child(odd) {
    background: #f0f7fa;
}

.merkur-vergleich tbody tr:nth-child(even) {
    background: #fff;
}

.merkur-vergleich td {
    padding: 14px 12px;
    text-align: center;
}

.merkur-vergleich td:first-child {
    font-weight: 700;
    text-align: left;
}

.merkur-vergleich td:last-child {
    text-align: left;
}

.merkur-vergleich td.nowrap {
    white-space: nowrap;
}

.merkur-vergleich a {
    color: #3885a6;
    text-decoration: none;
}

/* Empfehlungsbox */
.merkur-empfehlung {
    margin-top: 25px;
    padding: 20px 24px;
    background: #f9f9f9;
    border-radius: 8px;
    border-left: 4px solid #3885a6;
}

.merkur-empfehlung p {
    line-height: 1.7;
    color: #555;
    margin: 0;
}

.merkur-empfehlung strong {
    color: #333;
}

.merkur-empfehlung a {
    color: #3885a6;
}

/* Vergleich-Unterüberschriften */
.merkur-vergleich h3 {
    font-size: 20px;
    color: #333;
    margin: 35px 0 12px 0;
}

.merkur-vergleich .vergleich-text:last-child {
    margin-bottom: 0;
}

.merkur-vergleich .vergleich-text a {
    color: #3885a6;
}