.elementor-14 .elementor-element.elementor-element-a80cd84{--display:flex;--min-height:65px;--justify-content:center;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;box-shadow:0px 0px 7px 0px rgba(0,0,0,0.5);}.elementor-14 .elementor-element.elementor-element-a80cd84:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-a80cd84 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F2F2;}.elementor-14 .elementor-element.elementor-element-75f84f5d{margin:0px 240px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-nav-menu-horizontal-menu-item-margin:calc( 30px / 2 );}.elementor-14 .elementor-element.elementor-element-75f84f5d .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-3391af0-font-family ), work sens;font-size:var( --e-global-typography-3391af0-font-size );font-weight:var( --e-global-typography-3391af0-font-weight );text-transform:var( --e-global-typography-3391af0-text-transform );font-style:var( --e-global-typography-3391af0-font-style );text-decoration:var( --e-global-typography-3391af0-text-decoration );line-height:var( --e-global-typography-3391af0-line-height );letter-spacing:var( --e-global-typography-3391af0-letter-spacing );word-spacing:var( --e-global-typography-3391af0-word-spacing );}.elementor-14 .elementor-element.elementor-element-75f84f5d .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-2e24cfa );fill:var( --e-global-color-2e24cfa );padding-left:30px;padding-right:30px;padding-top:14px;padding-bottom:14px;}.elementor-14 .elementor-element.elementor-element-75f84f5d .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:30px;}.elementor-14 .elementor-element.elementor-element-75f84f5d .elementor-nav-menu--dropdown{background-color:var( --e-global-color-101145a );border-style:double;}.elementor-14 .elementor-element.elementor-element-75f84f5d .elementor-nav-menu--main .elementor-nav-menu--dropdown, .elementor-14 .elementor-element.elementor-element-75f84f5d .elementor-nav-menu__container.elementor-nav-menu--dropdown{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-14 .elementor-element.elementor-element-5de6a340{--display:flex;}.elementor-14 .elementor-element.elementor-element-b34cd0e{--spacer-size:100px;}.elementor-14 .elementor-element.elementor-element-454fd2c6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;column-gap:0px;font-family:var( --e-global-typography-text-font-family ), work sens;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-14 .elementor-element.elementor-element-454fd2c6 p{margin-block-end:16px;}.elementor-14 .elementor-element.elementor-element-454fd2c6 a:hover, .elementor-14 .elementor-element.elementor-element-454fd2c6 a:focus{color:var( --e-global-color-primary );}.elementor-14 .elementor-element.elementor-element-dcb9d3c{--spacer-size:300px;}@media(min-width:768px){.elementor-14 .elementor-element.elementor-element-a80cd84{--content-width:1600px;}.elementor-14 .elementor-element.elementor-element-5de6a340{--content-width:1600px;}}@media(max-width:1024px){.elementor-14 .elementor-element.elementor-element-75f84f5d .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-3391af0-font-size );line-height:var( --e-global-typography-3391af0-line-height );letter-spacing:var( --e-global-typography-3391af0-letter-spacing );word-spacing:var( --e-global-typography-3391af0-word-spacing );}.elementor-14 .elementor-element.elementor-element-454fd2c6{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}}@media(max-width:767px){.elementor-14 .elementor-element.elementor-element-75f84f5d .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-3391af0-font-size );line-height:var( --e-global-typography-3391af0-line-height );letter-spacing:var( --e-global-typography-3391af0-letter-spacing );word-spacing:var( --e-global-typography-3391af0-word-spacing );}.elementor-14 .elementor-element.elementor-element-454fd2c6{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}}/* Start custom CSS for nav-menu, class: .elementor-element-75f84f5d *//* Menülinks: Altes Icon links deaktivieren*/
.driem-account-menu .elementor-nav-menu > li > a::before {
  content: none !important;
  display: none !important;
}

/* Menülinks: Neues Icon rechts vom Text */
.driem-account-menu .elementor-nav-menu > li > a::after {
  content: "" !important;
  display: inline-flex !important;

  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  flex: 0 0 42px !important;

  margin-left: 100px !important;

  opacity: 1 !important;
  visibility: visible !important;

  border-radius: 50% !important;
  border: 1px solid rgba(255, 255, 255, 0.72) !important;

  background-color: #FAF8F6 !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 22px 22px !important;

  box-shadow:
    0 8px 18px rgba(0, 0, 0, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.85) !important;

  transform: none !important;
}

/* Mein Konto Icon */
.driem-account-menu .elementor-nav-menu > li:nth-child(1) > a::after {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='8' r='4' stroke='%23292727' stroke-width='1.8'/%3E%3Cpath d='M4.5 20C5.6 15.8 8.4 13.5 12 13.5C15.6 13.5 18.4 15.8 19.5 20' stroke='%23292727' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}

/* Warenkorb Icon */
.driem-account-menu .elementor-nav-menu > li:nth-child(2) > a::after {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.5 8.5H17.5L18.5 21H5.5L6.5 8.5Z' stroke='%23292727' stroke-width='1.8' stroke-linejoin='round'/%3E%3Cpath d='M9 8.5V6.5C9 4.8 10.3 3.5 12 3.5C13.7 3.5 15 4.8 15 6.5V8.5' stroke='%23292727' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}

/* Warenkorb: Status-Dot vorbereiten */
.driem-account-menu .elementor-nav-menu > li:nth-child(2) > a {
  position: relative !important;
}

.driem-cart-status-dot {
  display: none;
  position: absolute;

  top: 2px;
  right: 2px;

  width: 10px;
  height: 10px;

  background: #2ec45a;
  border: 2px solid #FAF8F6;
  border-radius: 50%;

  box-shadow: 0 2px 8px rgba(46, 196, 90, 0.45);

  z-index: 20;
}

/* Warenkorb: Status-Dot anzeigen, wenn Warenkorb gefüllt ist */
.driem-account-menu.driem-cart-has-items .driem-cart-status-dot {
  display: block;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-454fd2c6 *//* =========================
   DRIEM Mein Konto Seite
========================= */


/* =========================
   Grundlayout
========================= */

.woocommerce-account .woocommerce {
    width: 100% !important;
    max-width: 1600px !important;

    margin-left: -70px !important;
    margin-right: auto !important;

    padding: 70px 0 100px !important;

    display: flex !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;

    gap: 72px !important;

    background: #FAF8F6;
    color: #292727;
}


/* =========================
   Linke Navigation
========================= */

.woocommerce-account .woocommerce-MyAccount-navigation {
    width: 430px !important;
    min-width: 430px !important;
    max-width: 430px !important;

    float: none !important;
    clear: none !important;

    margin: 0 !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li {
    margin: 0;
    border-bottom: 1px solid rgba(41, 39, 39, 0.10);
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    display: flex;
    align-items: center;
    justify-content: space-between;

    min-height: 74px !important;
    padding: 0 30px !important;

    color: #292727;
    background: transparent;

    font-size: 16px !important;
    line-height: 1;
    font-weight: 400;
    letter-spacing: 0.02em;
    text-decoration: none;

    transition:
        background 0.22s ease,
        color 0.22s ease,
        padding 0.22s ease;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a::after {
    content: "→";
    opacity: 0;
    transform: translateX(-6px);

    transition:
        opacity 0.22s ease,
        transform 0.22s ease;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
    background: #ffffff;
    padding-left: 38px !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover::after {
    opacity: 1;
    transform: translateX(0);
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
    background: #292727;
    color: #ffffff !important;
    border: 1px solid #292727;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a:hover,
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a:focus,
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a:active,
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a:visited {
    color: #ffffff !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a::after,
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a:hover::after,
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a:focus::after {
    opacity: 1;
    transform: translateX(0);
    color: #ffffff !important;
}


/* =========================
   Rechter Inhaltsbereich
========================= */

.woocommerce-account .woocommerce-MyAccount-content {
    width: 1100px !important;
    min-width: 1100px !important;
    max-width: 1100px !important;

    float: none !important;
    clear: none !important;

    min-height: 360px !important;
    padding: 54px 60px !important;

    margin: 0 !important;

    background: #ffffff;
    border: 1px solid rgba(41, 39, 39, 0.10);
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.035);

    box-sizing: border-box;
}


/* =========================
   Typografie im Inhalt
========================= */

.woocommerce-account .woocommerce-MyAccount-content p {
    max-width: 100%;

    font-size: 16px;
    line-height: 1.75;
    color: #292727;
}

.woocommerce-account .woocommerce-MyAccount-content a {
    color: #292727;
    text-decoration: underline;
    text-underline-offset: 4px;
}

.woocommerce-account .woocommerce-MyAccount-content h2,
.woocommerce-account .woocommerce-MyAccount-content h3,
.woocommerce-account .woocommerce-MyAccount-content legend {
    margin: 0 0 28px;

    font-size: 34px;
    line-height: 1.1;
    font-weight: 400;
    letter-spacing: -0.02em;
    color: #292727;
}


/* =========================
   Bestellungen
========================= */

/* Nur bei Bestellungen: äußeren weißen Rahmen entfernen */
.woocommerce-account.woocommerce-orders .woocommerce-MyAccount-content {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding-top: 0 !important;
}

/* Bestellliste positionieren */
.woocommerce-account .woocommerce-MyAccount-content table.woocommerce-orders-table {
    width: 1100px !important;
    max-width: 1100px !important;
    transform: translateX(-60px) !important;
}

/* Weiter-Button links bündig mit der Bestellliste */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-pagination {
    transform: translateX(-60px) !important;
}


/* =========================
   Downloads / WooCommerce Info
========================= */

.woocommerce-account .woocommerce-info::before {
    display: none !important;
    content: none !important;
}

.woocommerce-account .woocommerce-info {
    padding-left: 26px !important;
}


/* =========================
   Adressen-Seite
========================= */

/* Weißes äußeres Fenster nur auf der Adressen-Seite entfernen */
.woocommerce-account.woocommerce-edit-address .woocommerce-MyAccount-content {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding-top: 0 !important;
}

/* Adress-Kacheln weiß machen */
.woocommerce-account.woocommerce-edit-address .woocommerce-Address {
    background: #ffffff !important;
    border: 1px solid rgba(41, 39, 39, 0.12) !important;
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.035) !important;
}

/* Abstand oben sauberer */
.woocommerce-account.woocommerce-edit-address .woocommerce-MyAccount-content > p:first-child {
    margin-top: 0 !important;
    margin-bottom: 22px !important;
}

/* Adressen bearbeiten Links */
.woocommerce-account .woocommerce-Address-title a.edit {
    color: #292727 !important;
    text-decoration: underline !important;
    text-underline-offset: 5px !important;

    transition: opacity 0.18s ease !important;
}

.woocommerce-account .woocommerce-Address-title a.edit:hover,
.woocommerce-account .woocommerce-Address-title a.edit:focus {
    opacity: 0.55 !important;
    outline: none !important;
}


/* =========================
   Adressen Karten
========================= */

.woocommerce-account .woocommerce-Addresses {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 26px;
}

.woocommerce-account .woocommerce-Address {
    padding: 34px;

    background: #FAF8F6;
    border: 1px solid rgba(41, 39, 39, 0.12);
}

.woocommerce-account .woocommerce-Address-title h3 {
    margin-bottom: 22px;

    font-size: 34px;
    font-weight: 400;
    letter-spacing: -0.02em;
}

.woocommerce-account .woocommerce-Address address {
    font-size: 15px;
    line-height: 1.7;
    font-style: normal;
}


/* =========================
   Kontodetails
========================= */

/* Äußeren weißen Hintergrund bei Kontodetails entfernen */
.woocommerce-account.woocommerce-edit-account .woocommerce-MyAccount-content {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Formular selbst transparent halten */
.woocommerce-account.woocommerce-edit-account .woocommerce-EditAccountForm {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Alle normalen Eingabefelder bei Kontodetails weiß */
.woocommerce-account.woocommerce-edit-account input.input-text,
.woocommerce-account.woocommerce-edit-account input[type="text"],
.woocommerce-account.woocommerce-edit-account input[type="email"],
.woocommerce-account.woocommerce-edit-account input[type="password"],
.woocommerce-account.woocommerce-edit-account textarea,
.woocommerce-account.woocommerce-edit-account select {
    background: #ffffff !important;
    background-color: #ffffff !important;

    color: #292727 !important;

    border: 1px solid rgba(41, 39, 39, 0.16) !important;
    border-radius: 0 !important;

    box-shadow: none !important;
}

/* Fokus bei Kontodetails */
.woocommerce-account.woocommerce-edit-account input.input-text:focus,
.woocommerce-account.woocommerce-edit-account input[type="text"]:focus,
.woocommerce-account.woocommerce-edit-account input[type="email"]:focus,
.woocommerce-account.woocommerce-edit-account input[type="password"]:focus,
.woocommerce-account.woocommerce-edit-account textarea:focus,
.woocommerce-account.woocommerce-edit-account select:focus {
    background: #ffffff !important;
    background-color: #ffffff !important;

    border-color: #292727 !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Passwort ändern Bereich: Rahmen bleibt, Hintergrund transparent */
.woocommerce-account.woocommerce-edit-account fieldset {
    background: transparent !important;

    border: 1px solid rgba(41, 39, 39, 0.18) !important;
    box-shadow: none !important;

    padding: 34px 36px !important;
    margin-top: 38px !important;
}

/* Überschrift Passwort ändern */
.woocommerce-account.woocommerce-edit-account fieldset legend {
    background: #FAF8F6 !important;
    padding: 0 16px !important;

    color: #292727 !important;
}

/* Passwort-Eingabefelder auch weiß */
.woocommerce-account.woocommerce-edit-account fieldset input.input-text,
.woocommerce-account.woocommerce-edit-account fieldset input[type="password"],
.woocommerce-account.woocommerce-edit-account fieldset input[type="text"] {
    background: #ffffff !important;
    background-color: #ffffff !important;

    border: 1px solid rgba(41, 39, 39, 0.16) !important;
    border-radius: 0 !important;

    color: #292727 !important;
    box-shadow: none !important;
}

/* Fokus im Passwortbereich */
.woocommerce-account.woocommerce-edit-account fieldset input.input-text:focus,
.woocommerce-account.woocommerce-edit-account fieldset input[type="password"]:focus,
.woocommerce-account.woocommerce-edit-account fieldset input[type="text"]:focus {
    background: #ffffff !important;
    background-color: #ffffff !important;

    border-color: #292727 !important;
    outline: none !important;
    box-shadow: none !important;
}


/* =========================
   Eingabefelder allgemein
   Lieferadresse + Rechnungsadresse
========================= */

.woocommerce-account .woocommerce-MyAccount-content input.input-text,
.woocommerce-account .woocommerce-MyAccount-content textarea,
.woocommerce-account .woocommerce-MyAccount-content select,
.woocommerce-account .woocommerce-MyAccount-content .select2-selection {
    background: #ffffff !important;
    background-color: #ffffff !important;

    color: #292727 !important;

    border: 1px solid rgba(41, 39, 39, 0.16) !important;
    border-radius: 0 !important;

    box-shadow: none !important;
}

.woocommerce-account .woocommerce-MyAccount-content input.input-text:focus,
.woocommerce-account .woocommerce-MyAccount-content textarea:focus,
.woocommerce-account .woocommerce-MyAccount-content select:focus,
.woocommerce-account .woocommerce-MyAccount-content .select2-selection:focus {
    background: #ffffff !important;
    background-color: #ffffff !important;

    border-color: #292727 !important;
    outline: none !important;

    box-shadow: none !important;
}

.woocommerce-account .woocommerce-MyAccount-content input::placeholder,
.woocommerce-account .woocommerce-MyAccount-content textarea::placeholder {
    color: rgba(41, 39, 39, 0.45) !important;
}


/* =========================
   Buttons
========================= */

.woocommerce-account .woocommerce button.button,
.woocommerce-account .woocommerce a.button,
.woocommerce-account .woocommerce input.button {
    padding: 13px 24px !important;

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

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

    font-size: 13px !important;
    line-height: 1 !important;
    font-weight: 500 !important;
    letter-spacing: 0.03em !important;
    text-transform: uppercase !important;

    transition:
        background 0.2s ease,
        color 0.2s ease,
        transform 0.2s ease !important;
}

.woocommerce-account .woocommerce button.button:hover,
.woocommerce-account .woocommerce a.button:hover,
.woocommerce-account .woocommerce input.button:hover {
    background: #FAF8F6 !important;
    color: #292727 !important;
    transform: translateY(2px);
}


/* =========================
   Formulare
========================= */

.woocommerce-account .woocommerce form .form-row input.input-text,
.woocommerce-account .woocommerce form .form-row textarea,
.woocommerce-account .woocommerce form .form-row select {
    padding: 14px 16px;

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

    border: 1px solid rgba(41, 39, 39, 0.14);
    border-radius: 0;

    font-size: 14px;
}


/* =========================
   Tabellen, z.B. Bestellungen
========================= */

.woocommerce-account .woocommerce table.shop_table {
    background: #ffffff;
    border: 1px solid rgba(41, 39, 39, 0.12);
    border-radius: 0;
}

.woocommerce-account .woocommerce table.shop_table th {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.woocommerce-account .woocommerce table.shop_table td,
.woocommerce-account .woocommerce table.shop_table th {
    padding: 18px;
    border-color: rgba(41, 39, 39, 0.10);
}


/* =========================
   WooCommerce Nachrichten
========================= */

.woocommerce-account .woocommerce-info,
.woocommerce-account .woocommerce-message,
.woocommerce-account .woocommerce-error {
    padding: 22px 26px;

    background: #FAF8F6;
    color: #292727;

    border: 1px solid rgba(41, 39, 39, 0.18);
}


/* =========================
   Mobile
========================= */

@media (max-width: 900px) {
    .woocommerce-account .woocommerce {
        display: block !important;
        padding: 50px 22px 80px !important;
        margin-left: 0 !important;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation,
    .woocommerce-account .woocommerce-MyAccount-content {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }

    .woocommerce-account .woocommerce-MyAccount-content {
        margin-top: 34px !important;
        padding: 30px 24px !important;
    }

    .woocommerce-account .woocommerce-Addresses {
        grid-template-columns: 1fr;
    }
}

/* =========================
   Mein Konto: linkes Menü fixiert, alte Position
========================= */

@media (min-width: 901px) {

    .woocommerce-account .woocommerce {
        position: relative !important;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation {
        position: fixed !important;

        top: 355px !important;
        left: calc((100vw - 1600px) / 2 + 0px) !important;

        width: 430px !important;
        min-width: 430px !important;
        max-width: 430px !important;

        z-index: 50 !important;
    }

    .woocommerce-account .woocommerce-MyAccount-content {
        margin-left: 502px !important;
    }
}

/* Mini-Springen beim Konto-Menü verhindern */
html {
    overflow-y: scroll;
}

.woocommerce-account .woocommerce-MyAccount-navigation {
    transition: none !important;
    will-change: auto !important;
}

/* =========================
   Kontodetails rechts etwas höher
========================= */

@media (min-width: 901px) {
    .woocommerce-account.woocommerce-edit-account .woocommerce-MyAccount-content {
        margin-top: -40px !important;
    }
}/* End custom CSS */