/* =========================================================
   DRIVERS MALL – MEIN KONTO FINAL
   ========================================================= */

body.woocommerce-account{
    background:#f5f5f5 !important;
}


/* =========================================================
   KOMPLETTE SEITE
   ========================================================= */

body.woocommerce-account .dmsp-account-page{
    width:100% !important;
    min-height:700px;

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

    background:#f5f5f5 !important;

    font-family:
        Inter,
        Arial,
        sans-serif;
}


body.woocommerce-account .dmsp-account-page *,
body.woocommerce-account .dmsp-account-page *:before,
body.woocommerce-account .dmsp-account-page *:after{
    box-sizing:border-box;
}


body.woocommerce-account .dmsp-container{
    width:100% !important;
    max-width:1350px !important;

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

    padding-left:28px !important;
    padding-right:28px !important;
}


/* =========================================================
   HERO
   ========================================================= */

body.woocommerce-account .dmsp-account-hero{
    position:relative;

    width:100%;

    overflow:hidden;

    padding:
        72px 0 64px !important;

    background:
        linear-gradient(
            90deg,
            rgba(3,3,3,.90) 0%,
            rgba(5,5,5,.79) 40%,
            rgba(17,2,2,.65) 70%,
            rgba(55,0,0,.60) 100%
        ),
        url("https://drivers-mall.de/wp-content/uploads/2026/09/19718.jpg")
        center 48% / cover no-repeat !important;

    border-bottom:
        1px solid rgba(213,170,67,.40) !important;

    color:#fff !important;
}


body.woocommerce-account .dmsp-account-hero:before{
    content:"";

    position:absolute;
    inset:0;

    pointer-events:none;

    background:
        radial-gradient(
            circle at 80% 30%,
            rgba(182,0,0,.20),
            transparent 38%
        );
}


body.woocommerce-account .dmsp-account-hero .dmsp-container{
    position:relative;
    z-index:2;
}


body.woocommerce-account .dmsp-account-hero-inner{
    max-width:820px !important;
}


body.woocommerce-account .dmsp-account-hero .dmsp-kicker{
    display:inline-flex !important;

    align-items:center;

    min-height:34px;

    margin:0 0 20px !important;
    padding:0 15px !important;

    border:
        1px solid rgba(213,170,67,.48) !important;

    border-radius:999px !important;

    background:
        rgba(10,10,10,.48) !important;

    color:#f1d27a !important;

    font-size:10px !important;

    font-weight:650 !important;

    letter-spacing:1.25px !important;

    text-transform:uppercase;
}


body.woocommerce-account .dmsp-account-hero h1{
    margin:0 !important;

    padding:0 !important;

    color:#fff !important;

    font-size:
        clamp(
            44px,
            4.7vw,
            62px
        ) !important;

    line-height:1.06 !important;

    letter-spacing:-2px !important;

    font-weight:700 !important;

    text-shadow:
        0 4px 24px rgba(0,0,0,.45);
}


body.woocommerce-account .dmsp-account-hero p{
    max-width:700px !important;

    margin:
        19px 0 0 !important;

    color:#d0d0d0 !important;

    font-size:16px !important;

    line-height:1.7 !important;
}


body.woocommerce-account .dmsp-account-hero-trust{
    display:flex !important;

    flex-wrap:wrap;

    gap:
        11px 25px !important;

    margin-top:27px !important;
}


body.woocommerce-account .dmsp-account-hero-trust span{
    display:inline-flex !important;

    align-items:center;

    gap:8px;

    color:#efefef !important;

    font-size:11px !important;
}


body.woocommerce-account .dmsp-account-hero-trust i{
    color:#d5aa43 !important;

    font-size:12px !important;
}


/* =========================================================
   HAUPTBEREICH
   ========================================================= */

body.woocommerce-account .dmsp-account-content{
    padding:
        34px 0 90px !important;

    background:#f5f5f5 !important;
}


/* =========================================================
   3 VORTEILSBOXEN
   ========================================================= */

body.woocommerce-account .dmsp-account-top-trust{
    display:grid !important;

    grid-template-columns:
        repeat(3,minmax(0,1fr)) !important;

    gap:12px !important;

    margin:
        0 0 24px !important;
}


body.woocommerce-account .dmsp-account-top-trust > div{
    min-height:74px;

    display:flex !important;

    align-items:center;

    gap:13px;

    padding:
        14px 17px !important;

    border:
        1px solid #e0e0e0 !important;

    border-radius:11px !important;

    background:#fff !important;

    box-shadow:
        0 7px 24px rgba(0,0,0,.035) !important;
}


body.woocommerce-account .dmsp-account-top-trust > div > span{
    width:38px;
    height:38px;

    flex:0 0 38px;

    display:flex !important;

    align-items:center;
    justify-content:center;

    border:
        1px solid rgba(213,170,67,.40) !important;

    border-radius:9px !important;

    background:
        rgba(213,170,67,.07) !important;

    color:#a87918 !important;

    font-size:13px !important;
}


body.woocommerce-account .dmsp-account-top-trust strong{
    display:block !important;

    color:#202020 !important;

    font-size:12px !important;

    line-height:1.3 !important;

    font-weight:650 !important;
}


body.woocommerce-account .dmsp-account-top-trust small{
    display:block !important;

    margin-top:4px;

    color:#858585 !important;

    font-size:10px !important;

    line-height:1.4 !important;
}


/* =========================================================
   WOOCOMMERCE ACCOUNT GRID
   ========================================================= */

body.woocommerce-account
.dmsp-account-shell > .woocommerce{
    width:100% !important;

    display:grid !important;

    grid-template-columns:
        290px
        minmax(0,1fr) !important;

    gap:22px !important;

    align-items:start !important;

    margin:0 !important;
}


/* =========================================================
   LINKE NAVIGATION
   ========================================================= */

body.woocommerce-account
.dmsp-account-shell
.woocommerce-MyAccount-navigation{
    width:100% !important;

    float:none !important;

    position:sticky;

    top:170px;

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

    overflow:hidden;

    border:
        1px solid #dfdfdf !important;

    border-radius:12px !important;

    background:#fff !important;

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


body.woocommerce-account
.dmsp-account-shell
.woocommerce-MyAccount-navigation ul{
    margin:0 !important;

    padding:8px !important;

    list-style:none !important;
}


body.woocommerce-account
.dmsp-account-shell
.woocommerce-MyAccount-navigation ul li{
    margin:0 !important;

    padding:0 !important;

    list-style:none !important;

    border:0 !important;
}


body.woocommerce-account
.dmsp-account-shell
.woocommerce-MyAccount-navigation ul li:before{
    display:none !important;
}


body.woocommerce-account
.dmsp-account-shell
.woocommerce-MyAccount-navigation li + li{
    margin-top:4px !important;
}


body.woocommerce-account
.dmsp-account-shell
.woocommerce-MyAccount-navigation a{
    position:relative;

    width:100%;

    min-height:49px;

    display:flex !important;

    align-items:center;

    padding:
        10px 13px 10px 45px !important;

    border:0 !important;

    border-radius:8px !important;

    background:transparent !important;

    color:#555 !important;

    font-size:11px !important;

    line-height:1.3 !important;

    font-weight:550 !important;

    text-decoration:none !important;

    box-shadow:none !important;

    transition:
        background .18s ease,
        color .18s ease;
}


body.woocommerce-account
.dmsp-account-shell
.woocommerce-MyAccount-navigation a:hover{
    background:#f7f7f7 !important;

    color:#a00000 !important;
}


body.woocommerce-account
.dmsp-account-shell
.woocommerce-MyAccount-navigation
.is-active a{
    background:
        linear-gradient(
            90deg,
            #fff1f1,
            #fffafa
        ) !important;

    color:#a10000 !important;

    font-weight:650 !important;
}


body.woocommerce-account
.dmsp-account-shell
.woocommerce-MyAccount-navigation
.is-active a:after{
    content:"";

    position:absolute;

    left:0;
    top:9px;
    bottom:9px;

    width:3px;

    border-radius:3px;

    background:#b60000;
}


/* =========================================================
   NAV ICONS
   ========================================================= */

body.woocommerce-account
.dmsp-account-shell
.woocommerce-MyAccount-navigation a:before{
    position:absolute;

    left:16px;
    top:50%;

    transform:translateY(-50%);

    width:17px;

    color:#b18424 !important;

    font-family:
        "Font Awesome 6 Free" !important;

    font-size:12px !important;

    font-style:normal !important;

    font-weight:900 !important;

    text-align:center;
}


body.woocommerce-account
.woocommerce-MyAccount-navigation-link--dashboard a:before{
    content:"\f015";
}


body.woocommerce-account
.woocommerce-MyAccount-navigation-link--orders a:before{
    content:"\f570";
}


body.woocommerce-account
.woocommerce-MyAccount-navigation-link--downloads a:before{
    content:"\f019";
}


body.woocommerce-account
.woocommerce-MyAccount-navigation-link--edit-address a:before{
    content:"\f3c5";
}


body.woocommerce-account
.woocommerce-MyAccount-navigation-link--edit-account a:before{
    content:"\f007";
}


body.woocommerce-account
.woocommerce-MyAccount-navigation-link--customer-logout a:before{
    content:"\f2f5";
}


/* =========================================================
   RECHTER CONTENT
   ========================================================= */

body.woocommerce-account
.dmsp-account-shell
.woocommerce-MyAccount-content{
    width:100% !important;

    min-height:390px;

    float:none !important;

    margin:0 !important;

    padding:
        29px !important;

    border:
        1px solid #dfdfdf !important;

    border-radius:12px !important;

    background:#fff !important;

    box-shadow:
        0 10px 32px rgba(0,0,0,.05) !important;

    color:#575757 !important;

    font-size:13px !important;

    line-height:1.75 !important;
}


body.woocommerce-account
.dmsp-account-shell
.woocommerce-MyAccount-content p{
    margin:
        0 0 16px !important;
}


body.woocommerce-account
.dmsp-account-shell
.woocommerce-MyAccount-content p:last-child{
    margin-bottom:0 !important;
}


body.woocommerce-account
.dmsp-account-shell
.woocommerce-MyAccount-content a{
    color:#a00000 !important;

    font-weight:550;

    text-decoration:none !important;
}


body.woocommerce-account
.dmsp-account-shell
.woocommerce-MyAccount-content a:hover{
    color:#d00000 !important;
}


/* =========================================================
   DASHBOARD WILLKOMMENSBOX
   ========================================================= */

body.woocommerce-account
.dmsp-account-shell
.woocommerce-MyAccount-content > p:first-child{
    padding:
        17px 19px !important;

    border:
        1px solid #e5e5e5 !important;

    border-left:
        3px solid #d5aa43 !important;

    border-radius:8px !important;

    background:
        linear-gradient(
            90deg,
            #fffdf8,
            #fff
        ) !important;

    color:#333 !important;
}


/* =========================================================
   ÜBERSCHRIFTEN
   ========================================================= */

body.woocommerce-account
.dmsp-account-shell h2,
body.woocommerce-account
.dmsp-account-shell h3{
    position:relative;

    margin:
        0 0 22px !important;

    padding:
        0 0 13px !important;

    color:#181818 !important;

    font-size:22px !important;

    line-height:1.25 !important;

    font-weight:650 !important;
}


body.woocommerce-account
.dmsp-account-shell h2:after,
body.woocommerce-account
.dmsp-account-shell h3:after{
    content:"";

    position:absolute;

    left:0;
    bottom:0;

    width:40px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            #d5aa43,
            #b60000
        );
}


/* =========================================================
   LOGIN / REGISTRIERUNG
   ========================================================= */

body.woocommerce-account
.dmsp-account-shell
#customer_login{
    grid-column:1 / -1;

    width:100%;

    display:grid !important;

    grid-template-columns:
        repeat(2,minmax(0,1fr)) !important;

    gap:22px !important;
}


body.woocommerce-account
.dmsp-account-shell
#customer_login > div{
    width:100% !important;

    float:none !important;

    margin:0 !important;

    padding:
        30px !important;

    border:
        1px solid #dfdfdf !important;

    border-radius:13px !important;

    background:#fff !important;

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


body.woocommerce-account
.dmsp-account-shell
#customer_login > div:only-child{
    grid-column:1 / -1;

    max-width:650px;

    margin:
        0 auto !important;
}


body.woocommerce-account
.dmsp-account-shell
form.login,
body.woocommerce-account
.dmsp-account-shell
form.register{
    margin:0 !important;

    padding:0 !important;

    border:0 !important;

    background:transparent !important;
}


/* =========================================================
   FORMULARE
   ========================================================= */

body.woocommerce-account
.dmsp-account-shell
.form-row{
    width:100% !important;

    float:none !important;

    margin:
        0 0 16px !important;

    padding:0 !important;
}


body.woocommerce-account
.dmsp-account-shell
.form-row label{
    display:block !important;

    margin-bottom:6px !important;

    color:#555 !important;

    font-size:10px !important;

    line-height:1.4 !important;

    font-weight:550 !important;
}


body.woocommerce-account
.dmsp-account-shell
input.input-text,
body.woocommerce-account
.dmsp-account-shell
input[type="text"],
body.woocommerce-account
.dmsp-account-shell
input[type="email"],
body.woocommerce-account
.dmsp-account-shell
input[type="password"],
body.woocommerce-account
.dmsp-account-shell
input[type="tel"],
body.woocommerce-account
.dmsp-account-shell select,
body.woocommerce-account
.dmsp-account-shell textarea{
    width:100% !important;

    min-height:47px !important;

    margin:0 !important;

    padding:
        10px 13px !important;

    border:
        1px solid #d7d7d7 !important;

    border-radius:7px !important;

    background:#fff !important;

    color:#222 !important;

    box-shadow:none !important;

    outline:0 !important;

    font-size:12px !important;
}


body.woocommerce-account
.dmsp-account-shell
input:focus,
body.woocommerce-account
.dmsp-account-shell
textarea:focus,
body.woocommerce-account
.dmsp-account-shell
select:focus{
    border-color:
        rgba(182,0,0,.58) !important;

    box-shadow:
        0 0 0 3px
        rgba(182,0,0,.055) !important;
}


/* =========================================================
   BUTTONS
   ========================================================= */

body.woocommerce-account
.dmsp-account-shell
button.button,
body.woocommerce-account
.dmsp-account-shell
a.button,
body.woocommerce-account
.dmsp-account-shell
.woocommerce-button{
    min-height:45px !important;

    display:inline-flex !important;

    align-items:center;
    justify-content:center;

    padding:
        0 20px !important;

    border:0 !important;

    border-radius:7px !important;

    background:
        linear-gradient(
            180deg,
            #171717,
            #050505
        ) !important;

    color:#fff !important;

    font-size:11px !important;

    line-height:1 !important;

    font-weight:650 !important;

    text-decoration:none !important;

    box-shadow:none !important;
}


body.woocommerce-account
.dmsp-account-shell
button.button:hover,
body.woocommerce-account
.dmsp-account-shell
a.button:hover{
    background:
        linear-gradient(
            180deg,
            #ca0000,
            #900000
        ) !important;

    color:#fff !important;
}


body.woocommerce-account
.dmsp-account-shell
.woocommerce-form-login button.button,
body.woocommerce-account
.dmsp-account-shell
.woocommerce-form-register button.button,
body.woocommerce-account
.dmsp-account-shell
button[name="save_account_details"]{
    background:
        linear-gradient(
            180deg,
            #cf0000,
            #920000
        ) !important;
}


/* =========================================================
   TABELLEN
   ========================================================= */

body.woocommerce-account
.dmsp-account-shell
table.shop_table{
    width:100% !important;

    margin:0 !important;

    overflow:hidden;

    border:
        1px solid #e2e2e2 !important;

    border-radius:9px !important;

    border-collapse:separate !important;

    background:#fff !important;
}


body.woocommerce-account
.dmsp-account-shell
table.shop_table th{
    padding:
        13px !important;

    border-color:#ececec !important;

    background:#fafafa !important;

    color:#777 !important;

    font-size:9px !important;

    font-weight:650 !important;

    letter-spacing:.5px;

    text-transform:uppercase;
}


body.woocommerce-account
.dmsp-account-shell
table.shop_table td{
    padding:
        14px 13px !important;

    border-color:#ededed !important;

    background:#fff !important;

    color:#444 !important;

    font-size:11px !important;
}


/* =========================================================
   ADRESSEN
   ========================================================= */

body.woocommerce-account
.dmsp-account-shell
.woocommerce-Addresses{
    display:grid !important;

    grid-template-columns:
        repeat(2,minmax(0,1fr)) !important;

    gap:15px !important;

    margin-top:20px !important;
}


body.woocommerce-account
.dmsp-account-shell
.woocommerce-Address{
    width:100% !important;

    float:none !important;

    margin:0 !important;

    padding:
        20px !important;

    border:
        1px solid #e2e2e2 !important;

    border-radius:9px !important;

    background:#fafafa !important;
}


body.woocommerce-account
.dmsp-account-shell
.woocommerce-Address-title{
    display:flex !important;

    align-items:center;

    justify-content:space-between;

    gap:10px;
}


body.woocommerce-account
.dmsp-account-shell
.woocommerce-Address-title h3{
    margin-bottom:15px !important;
}


body.woocommerce-account
.dmsp-account-shell address{
    color:#666 !important;

    font-size:11px !important;

    font-style:normal !important;

    line-height:1.8 !important;
}


/* =========================================================
   PASSWORT / FIELDSET
   ========================================================= */

body.woocommerce-account
.dmsp-account-shell fieldset{
    margin:
        26px 0 18px !important;

    padding:
        20px !important;

    border:
        1px solid #e1e1e1 !important;

    border-radius:9px !important;

    background:#fafafa !important;
}


body.woocommerce-account
.dmsp-account-shell fieldset legend{
    padding:
        0 8px;

    color:#333;

    font-size:11px;

    font-weight:650;
}


/* =========================================================
   NOTICES
   ========================================================= */

body.woocommerce-account
.dmsp-account-shell
.woocommerce-message,
body.woocommerce-account
.dmsp-account-shell
.woocommerce-info,
body.woocommerce-account
.dmsp-account-shell
.woocommerce-error{
    padding:
        15px 17px 15px 48px !important;

    border:
        1px solid #e1e1e1 !important;

    border-radius:8px !important;

    background:#fff !important;

    color:#444 !important;

    font-size:11px !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:950px){

    body.woocommerce-account
    .dmsp-account-shell > .woocommerce{
        grid-template-columns:
            235px
            minmax(0,1fr) !important;

        gap:16px !important;
    }


    body.woocommerce-account
    .dmsp-account-top-trust{
        grid-template-columns:1fr !important;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:720px){

    body.woocommerce-account .dmsp-container{
        padding-left:16px !important;
        padding-right:16px !important;
    }


    body.woocommerce-account
    .dmsp-account-hero{
        padding:
            50px 0 44px !important;
    }


    body.woocommerce-account
    .dmsp-account-hero h1{
        font-size:39px !important;
    }


    body.woocommerce-account
    .dmsp-account-hero-trust{
        display:block !important;
    }


    body.woocommerce-account
    .dmsp-account-hero-trust span{
        margin-top:9px;
    }


    body.woocommerce-account
    .dmsp-account-content{
        padding:
            25px 0 60px !important;
    }


    body.woocommerce-account
    .dmsp-account-shell > .woocommerce{
        display:block !important;
    }


    body.woocommerce-account
    .dmsp-account-shell
    .woocommerce-MyAccount-navigation{
        position:static !important;

        width:100% !important;

        margin-bottom:15px !important;
    }


    body.woocommerce-account
    .dmsp-account-shell
    .woocommerce-MyAccount-navigation ul{
        display:grid !important;

        grid-template-columns:
            repeat(2,minmax(0,1fr));

        gap:4px;
    }


    body.woocommerce-account
    .dmsp-account-shell
    .woocommerce-MyAccount-navigation li + li{
        margin-top:0 !important;
    }


    body.woocommerce-account
    .dmsp-account-shell
    .woocommerce-MyAccount-content{
        width:100% !important;

        padding:20px !important;
    }


    body.woocommerce-account
    .dmsp-account-shell
    #customer_login{
        display:grid !important;

        grid-template-columns:1fr !important;
    }


    body.woocommerce-account
    .dmsp-account-shell
    #customer_login > div{
        padding:21px !important;
    }


    body.woocommerce-account
    .dmsp-account-shell
    .woocommerce-Addresses{
        grid-template-columns:1fr !important;
    }

}


@media(max-width:430px){

    body.woocommerce-account
    .dmsp-account-shell
    .woocommerce-MyAccount-navigation ul{
        grid-template-columns:1fr;
    }

}


/* =========================================================
   MEIN KONTO – GRID POSITION FINAL FIX
   ========================================================= */


/*
 * WooCommerce erzeugt einen Notices-Wrapper vor Navigation
 * und Inhalt. Wenn er leer ist, darf er keinen Grid-Platz
 * belegen.
 */
body.woocommerce-account
.dmsp-account-shell
.woocommerce-notices-wrapper:empty{
    display:none !important;
}


/*
 * Falls eine echte Meldung vorhanden ist,
 * läuft sie über beide Spalten.
 */
body.woocommerce-account
.dmsp-account-shell
.woocommerce-notices-wrapper:not(:empty){
    grid-column:1 / -1 !important;

    width:100% !important;

    margin:0 0 4px !important;
}


/* =========================================================
   GRID
   ========================================================= */

body.woocommerce-account
.dmsp-account-shell > .woocommerce{
    display:grid !important;

    grid-template-columns:
        300px
        minmax(0,1fr) !important;

    column-gap:22px !important;
    row-gap:18px !important;

    align-items:start !important;

    width:100% !important;
}


/* =========================================================
   NAVIGATION IMMER LINKS
   ========================================================= */

body.woocommerce-account
.dmsp-account-shell
.woocommerce-MyAccount-navigation{
    grid-column:1 !important;

    width:100% !important;
    max-width:none !important;

    float:none !important;

    clear:none !important;

    margin:0 !important;

    align-self:start !important;
}


/* =========================================================
   INHALT IMMER RECHTS
   ========================================================= */

body.woocommerce-account
.dmsp-account-shell
.woocommerce-MyAccount-content{
    grid-column:2 !important;

    width:100% !important;
    max-width:none !important;

    float:none !important;

    clear:none !important;

    margin:0 !important;

    align-self:start !important;

    min-height:310px !important;
}


/* =========================================================
   NAVIGATION KOMPAKTER
   ========================================================= */

body.woocommerce-account
.dmsp-account-shell
.woocommerce-MyAccount-navigation ul{
    display:block !important;

    width:100% !important;

    margin:0 !important;

    padding:9px !important;
}


body.woocommerce-account
.dmsp-account-shell
.woocommerce-MyAccount-navigation li{
    display:block !important;

    width:100% !important;
}


body.woocommerce-account
.dmsp-account-shell
.woocommerce-MyAccount-navigation a{
    width:100% !important;

    min-height:48px !important;
}


/* =========================================================
   DASHBOARD CONTENT ETWAS HOCHWERTIGER
   ========================================================= */

body.woocommerce-account
.dmsp-account-shell
.woocommerce-MyAccount-content{
    padding:30px !important;
}


body.woocommerce-account
.dmsp-account-shell
.woocommerce-MyAccount-content > p{
    max-width:850px;
}


/* erste Begrüßungsbox */

body.woocommerce-account
.dmsp-account-shell
.woocommerce-MyAccount-content > p:first-child{
    margin-bottom:18px !important;

    padding:18px 20px !important;
}


/* zweite Erklärung nicht so eingequetscht */

body.woocommerce-account
.dmsp-account-shell
.woocommerce-MyAccount-content > p:nth-child(2){
    margin-bottom:0 !important;

    padding:3px 2px !important;

    color:#626262 !important;

    font-size:13px !important;

    line-height:1.8 !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:950px){

    body.woocommerce-account
    .dmsp-account-shell > .woocommerce{
        grid-template-columns:
            240px
            minmax(0,1fr) !important;

        column-gap:16px !important;
    }

}


/* =========================================================
   MOBIL
   ========================================================= */

@media(max-width:720px){

    body.woocommerce-account
    .dmsp-account-shell > .woocommerce{
        display:block !important;
    }


    body.woocommerce-account
    .dmsp-account-shell
    .woocommerce-MyAccount-navigation,
    body.woocommerce-account
    .dmsp-account-shell
    .woocommerce-MyAccount-content{
        width:100% !important;

        max-width:none !important;

        float:none !important;

        margin:0 !important;
    }


    body.woocommerce-account
    .dmsp-account-shell
    .woocommerce-MyAccount-navigation{
        margin-bottom:16px !important;
    }


    body.woocommerce-account
    .dmsp-account-shell
    .woocommerce-MyAccount-content{
        padding:20px !important;
    }

}



/* =========================================================
   MEIN KONTO – ADRESSEN FINAL AUSRICHTEN
   ========================================================= */

body.woocommerce-account
.dmsp-account-shell
.woocommerce-MyAccount-content
.woocommerce-Addresses{
    width:100% !important;

    display:grid !important;

    grid-template-columns:
        repeat(2,minmax(0,1fr)) !important;

    gap:16px !important;

    align-items:stretch !important;

    margin:22px 0 0 !important;

    padding:0 !important;

    clear:both !important;
}


/* sämtliche alten WooCommerce Floats beseitigen */

body.woocommerce-account
.dmsp-account-shell
.woocommerce-MyAccount-content
.woocommerce-Addresses
.woocommerce-Address,
body.woocommerce-account
.dmsp-account-shell
.woocommerce-MyAccount-content
.woocommerce-Addresses
.col-1,
body.woocommerce-account
.dmsp-account-shell
.woocommerce-MyAccount-content
.woocommerce-Addresses
.col-2{
    width:100% !important;
    max-width:none !important;

    min-height:190px !important;

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

    margin:0 !important;

    display:flex !important;
    flex-direction:column !important;

    padding:22px !important;

    border:
        1px solid #e1e1e1 !important;

    border-radius:10px !important;

    background:#fafafa !important;

    box-shadow:none !important;
}


/* Rechnungsadresse links */

body.woocommerce-account
.dmsp-account-shell
.woocommerce-Addresses
.woocommerce-Address:first-child{
    grid-column:1 !important;
}


/* Lieferadresse rechts */

body.woocommerce-account
.dmsp-account-shell
.woocommerce-Addresses
.woocommerce-Address:nth-child(2){
    grid-column:2 !important;
}


/* Titelzeile */

body.woocommerce-account
.dmsp-account-shell
.woocommerce-Address-title{
    width:100% !important;

    display:flex !important;

    align-items:center !important;
    justify-content:space-between !important;

    gap:18px !important;

    margin:0 0 16px !important;

    padding:0 0 13px !important;

    border-bottom:
        1px solid #e8e8e8 !important;
}


/* WooCommerce Clearfix dort entfernen */

body.woocommerce-account
.dmsp-account-shell
.woocommerce-Address-title:before,
body.woocommerce-account
.dmsp-account-shell
.woocommerce-Address-title:after{
    display:none !important;
    content:none !important;
}


body.woocommerce-account
.dmsp-account-shell
.woocommerce-Address-title h2,
body.woocommerce-account
.dmsp-account-shell
.woocommerce-Address-title h3{
    flex:1;

    margin:0 !important;

    padding:0 !important;

    color:#1c1c1c !important;

    font-size:20px !important;
    line-height:1.2 !important;

    font-weight:650 !important;
}


body.woocommerce-account
.dmsp-account-shell
.woocommerce-Address-title h2:after,
body.woocommerce-account
.dmsp-account-shell
.woocommerce-Address-title h3:after{
    display:none !important;
}


/* "Adresse hinzufügen / bearbeiten" */

body.woocommerce-account
.dmsp-account-shell
.woocommerce-Address-title
.edit{
    flex:0 0 auto;

    float:none !important;

    margin:0 !important;

    color:#a50000 !important;

    font-size:10px !important;
    line-height:1.35 !important;

    font-weight:650 !important;

    text-align:right;

    text-decoration:none !important;
}


body.woocommerce-account
.dmsp-account-shell
.woocommerce-Address address{
    margin:auto 0 0 !important;

    color:#666 !important;

    font-size:11px !important;
    line-height:1.75 !important;

    font-style:normal !important;
}


/* =========================================================
   BESTELLUNGEN – INFOBOXEN SAUBER ZENTRIEREN
   ========================================================= */

body.woocommerce-account
.dmsp-account-shell
.woocommerce-MyAccount-content
.woocommerce-info{
    position:relative !important;

    width:100% !important;

    min-height:76px !important;

    display:flex !important;

    align-items:center !important;

    gap:14px !important;

    margin:
        0 0 16px !important;

    padding:
        15px 18px 15px 54px !important;

    border:
        1px solid #e1e1e1 !important;

    border-left:
        1px solid #e1e1e1 !important;

    border-radius:9px !important;

    background:#fff !important;

    color:#555 !important;

    font-size:11px !important;
    line-height:1.55 !important;

    box-shadow:
        0 6px 20px rgba(0,0,0,.025) !important;
}


/* WooCommerce Icon exakt vertikal mittig */

body.woocommerce-account
.dmsp-account-shell
.woocommerce-MyAccount-content
.woocommerce-info:before{
    position:absolute !important;

    left:18px !important;
    top:50% !important;

    width:22px !important;
    height:22px !important;

    display:flex !important;

    align-items:center !important;
    justify-content:center !important;

    transform:
        translateY(-50%) !important;

    margin:0 !important;

    border:
        1px solid rgba(213,170,67,.40);

    border-radius:6px;

    background:
        rgba(213,170,67,.07);

    color:#b38625 !important;

    font-size:9px !important;
    line-height:1 !important;
}


/* Button immer sauber rechts mittig */

body.woocommerce-account
.dmsp-account-shell
.woocommerce-MyAccount-content
.woocommerce-info
.button{
    flex:0 0 auto !important;

    min-width:180px !important;
    min-height:45px !important;

    margin:
        0 0 0 auto !important;

    padding:
        0 18px !important;

    display:inline-flex !important;

    align-items:center !important;
    justify-content:center !important;

    white-space:nowrap !important;

    font-size:10px !important;
    line-height:1 !important;
}


/* =========================================================
   BESTELLTABELLE – BUTTONS EBENFALLS ZENTRIEREN
   ========================================================= */

body.woocommerce-account
.dmsp-account-shell
.woocommerce-orders-table
.woocommerce-orders-table__cell-order-actions{
    vertical-align:middle !important;

    text-align:right !important;
}


body.woocommerce-account
.dmsp-account-shell
.woocommerce-orders-table
.woocommerce-orders-table__cell-order-actions
.button{
    margin:
        2px !important;

    vertical-align:middle !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:720px){

    body.woocommerce-account
    .dmsp-account-shell
    .woocommerce-MyAccount-content
    .woocommerce-Addresses{
        grid-template-columns:1fr !important;
    }


    body.woocommerce-account
    .dmsp-account-shell
    .woocommerce-Addresses
    .woocommerce-Address:first-child,
    body.woocommerce-account
    .dmsp-account-shell
    .woocommerce-Addresses
    .woocommerce-Address:nth-child(2){
        grid-column:1 !important;
    }


    body.woocommerce-account
    .dmsp-account-shell
    .woocommerce-MyAccount-content
    .woocommerce-info{
        align-items:flex-start !important;

        flex-direction:column !important;

        padding:
            16px 16px 16px 50px !important;
    }


    body.woocommerce-account
    .dmsp-account-shell
    .woocommerce-MyAccount-content
    .woocommerce-info:before{
        top:18px !important;

        transform:none !important;
    }


    body.woocommerce-account
    .dmsp-account-shell
    .woocommerce-MyAccount-content
    .woocommerce-info
    .button{
        width:100% !important;

        min-width:0 !important;

        margin:
            8px 0 0 !important;
    }

}