{"id":54,"date":"2014-10-06T13:42:37","date_gmt":"2014-10-06T13:42:37","guid":{"rendered":"https:\/\/dietees.de\/my-account\/"},"modified":"2026-05-25T20:10:53","modified_gmt":"2026-05-25T18:10:53","slug":"my-account","status":"publish","type":"page","link":"https:\/\/dietees.de\/my-account\/","title":{"rendered":"Dashboard"},"content":{"rendered":"\n<div class=\"woocommerce\"><\/div>\n\n<style>\nbody.woocommerce-account.logged-in .page-title {\n    background:\n        radial-gradient(ellipse at 50% 100%, rgba(26, 160, 160, 0.08) 0%, transparent 70%),\n        #ffffff !important;\n    padding: 28px 0 !important;\n    border-bottom: 1px solid #eef2ef !important;\n}\nbody.woocommerce-account.logged-in .page-title-inner h1 {\n    font-size: 22px !important;\n    letter-spacing: 2px !important;\n    color: #1f4d38 !important;\n    font-weight: 700 !important;\n    text-transform: uppercase !important;\n    margin: 0 !important;\n}\n\/* Hide the duplicate \"DASHBOARD\" sub-line \/ breadcrumb *\/\nbody.woocommerce-account.logged-in .page-title .is-small,\nbody.woocommerce-account.logged-in .page-title .breadcrumbs {\n    display: none !important;\n}\n\n\n\/* === Outer wrapper ======================================================== *\/\nbody.woocommerce-account.logged-in .woocommerce {\n    max-width: 1100px !important;\n    margin: 30px auto !important;\n    padding: 0 16px !important;\n}\n\n\n\/* =============================================================================\n   SIDEBAR NAVIGATION  \u2014  clean, minimal, no rectangles, no icons\n   ============================================================================= *\/\nbody.woocommerce-account.logged-in .woocommerce-MyAccount-navigation {\n    background: #ffffff;\n    border: 1px solid #eef2ef;\n    border-radius: 14px;\n    padding: 14px 0 !important;\n    box-shadow:\n        0 1px 2px rgba(31, 77, 56, 0.04),\n        0 14px 40px -20px rgba(31, 77, 56, 0.15);\n}\n\n\/* \"dietees #1\" header at top of sidebar *\/\nbody.woocommerce-account.logged-in\n    .woocommerce-MyAccount-navigation > *:first-child:not(ul) {\n    display: block;\n    padding: 0 22px 14px;\n    margin-bottom: 6px;\n    border-bottom: 1px dashed #eef2ef;\n    font-size: 14px;\n    font-weight: 700;\n    color: #1f4d38;\n    letter-spacing: 0.3px;\n}\n\n\/* Kill ALL bullet\/marker artifacts (the dark rectangles on the right) *\/\nbody.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul,\nbody.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li {\n    list-style: none !important;\n    list-style-type: none !important;\n    list-style-image: none !important;\n    background-image: none !important;\n}\nbody.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li::before,\nbody.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li::after,\nbody.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li::marker,\nbody.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li a::before,\nbody.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li a::after {\n    content: none !important;\n    display: none !important;\n    background: none !important;\n}\n\nbody.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul {\n    margin: 0 !important;\n    padding: 6px 10px !important;\n}\nbody.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li {\n    margin: 0 !important;\n    border: 0 !important;\n    padding: 0 !important;\n}\n\n\/* Nav link base *\/\nbody.woocommerce-account.logged-in\n    .woocommerce-MyAccount-navigation ul li a {\n    display: block !important;\n    padding: 12px 16px !important;\n    border-radius: 0 !important;\n    border-left: 3px solid transparent !important;\n    color: #3a4640 !important;\n    font-size: 13.5px !important;\n    font-weight: 600 !important;\n    letter-spacing: 0.4px !important;\n    text-transform: uppercase !important;\n    text-decoration: none !important;\n    transition: color 0.15s ease, border-color 0.15s ease, background 0.15s ease !important;\n}\n\n\/* Hover *\/\nbody.woocommerce-account.logged-in\n    .woocommerce-MyAccount-navigation ul li a:hover {\n    color: #148484 !important;\n    background: #f7fbfb !important;\n    border-left-color: #1aa0a0 !important;\n}\n\n\/* Active *\/\nbody.woocommerce-account.logged-in\n    .woocommerce-MyAccount-navigation ul li.is-active a {\n    color: #0f6868 !important;\n    background: linear-gradient(90deg, rgba(26, 160, 160, 0.10) 0%, transparent 100%) !important;\n    border-left-color: #1aa0a0 !important;\n}\n\n\/* Tee Coins menu: gold accent *\/\nbody.woocommerce-account.logged-in\n    .woocommerce-MyAccount-navigation-link--tee-coins a {\n    color: #8a6a1e !important;\n}\nbody.woocommerce-account.logged-in\n    .woocommerce-MyAccount-navigation-link--tee-coins a:hover {\n    color: #6e530f !important;\n    background: #fdfaf0 !important;\n    border-left-color: #b8923e !important;\n}\nbody.woocommerce-account.logged-in\n    .woocommerce-MyAccount-navigation-link--tee-coins.is-active a {\n    color: #6e530f !important;\n    background: linear-gradient(90deg, rgba(184, 146, 62, 0.14) 0%, transparent 100%) !important;\n    border-left-color: #b8923e !important;\n}\n\n\/* Logout: subtle warning tint on hover *\/\nbody.woocommerce-account.logged-in\n    .woocommerce-MyAccount-navigation-link--customer-logout a:hover {\n    color: #b3261e !important;\n    background: #fdf5f5 !important;\n    border-left-color: #b3261e !important;\n}\n\n\n\/* =============================================================================\n   MAIN CONTENT AREA\n   ============================================================================= *\/\nbody.woocommerce-account.logged-in .woocommerce-MyAccount-content {\n    background: #ffffff;\n    border: 1px solid #eef2ef;\n    border-radius: 14px;\n    padding: 32px 36px !important;\n    box-shadow:\n        0 1px 2px rgba(31, 77, 56, 0.04),\n        0 14px 40px -20px rgba(31, 77, 56, 0.15);\n}\n\n\/* \"Hallo dietees\" welcome banner *\/\nbody.woocommerce-account.logged-in\n    .woocommerce-MyAccount-content > p:first-child {\n    font-size: 17px !important;\n    color: #1f4d38 !important;\n    margin: 0 0 14px !important;\n    padding: 16px 18px !important;\n    background: linear-gradient(135deg, #f1f8f8 0%, #e8f4f4 100%) !important;\n    border-left: 3px solid #1aa0a0 !important;\n    border-radius: 10px !important;\n}\nbody.woocommerce-account.logged-in\n    .woocommerce-MyAccount-content > p:first-child strong {\n    color: #0f6868 !important;\n}\nbody.woocommerce-account.logged-in\n    .woocommerce-MyAccount-content > p:first-child a {\n    color: #148484 !important;\n    font-weight: 600;\n    text-decoration: underline;\n    text-underline-offset: 2px;\n}\n\n\/* Intro paragraph (the orange-link one) *\/\nbody.woocommerce-account.logged-in\n    .woocommerce-MyAccount-content > p:nth-child(2) {\n    color: #3a4640 !important;\n    font-size: 14.5px !important;\n    line-height: 1.7 !important;\n    margin: 0 0 26px !important;\n}\nbody.woocommerce-account.logged-in\n    .woocommerce-MyAccount-content > p:nth-child(2) a {\n    color: #148484 !important;\n    font-weight: 600;\n    text-decoration: none;\n    border-bottom: 1px dotted #1aa0a0;\n    padding-bottom: 1px;\n    transition: color 0.15s ease, border-color 0.15s ease;\n}\nbody.woocommerce-account.logged-in\n    .woocommerce-MyAccount-content > p:nth-child(2) a:hover {\n    color: #0f6868 !important;\n    border-bottom-color: #0f6868;\n}\n\n\n\/* =============================================================================\n   DASHBOARD TILES  \u2014  colored gradient cards\n   IMPORTANT: every rule is scoped to the EXACT href of one of the five\n   dashboard endpoints, so it never leaks onto orders-table action buttons\n   (Anzeigen \/ Bezahlen \/ Abbrechen) or any other a.button on My Account.\n   ============================================================================= *\/\n\n\/* Grid container (only the dashboard's button grid) *\/\nbody.woocommerce-account.logged-in .woocommerce-MyAccount-content .row {\n    display: grid !important;\n    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;\n    gap: 14px !important;\n    margin: 0 !important;\n}\nbody.woocommerce-account.logged-in .woocommerce-MyAccount-content .row > .col,\nbody.woocommerce-account.logged-in .woocommerce-MyAccount-content .row > [class*=\"col-\"] {\n    padding: 0 !important;\n    max-width: 100% !important;\n    flex: 1 1 auto !important;\n}\n\n\/* Shared tile look \u2014 applied ONLY to the five dashboard endpoints *\/\nbody.woocommerce-account.logged-in\n    .woocommerce-MyAccount-content a.button[href*=\"\/orders\"],\nbody.woocommerce-account.logged-in\n    .woocommerce-MyAccount-content a.button[href*=\"\/edit-address\"],\nbody.woocommerce-account.logged-in\n    .woocommerce-MyAccount-content a.button[href*=\"\/payment-methods\"],\nbody.woocommerce-account.logged-in\n    .woocommerce-MyAccount-content a.button[href*=\"\/edit-account\"],\nbody.woocommerce-account.logged-in\n    .woocommerce-MyAccount-content a.button[href*=\"\/tee-coins\"] {\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    min-height: 96px !important;\n    padding: 22px 18px !important;\n    border: 0 !important;\n    border-radius: 12px !important;\n    color: #ffffff !important;\n    font-size: 14px !important;\n    font-weight: 700 !important;\n    letter-spacing: 1px !important;\n    text-transform: uppercase !important;\n    text-decoration: none !important;\n    text-align: center !important;\n    line-height: 1.3 !important;\n    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.18) !important;\n    transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease !important;\n    position: relative;\n    overflow: hidden;\n}\n\n\/* Hover lift \u2014 same five tiles *\/\nbody.woocommerce-account.logged-in\n    .woocommerce-MyAccount-content a.button[href*=\"\/orders\"]:hover,\nbody.woocommerce-account.logged-in\n    .woocommerce-MyAccount-content a.button[href*=\"\/edit-address\"]:hover,\nbody.woocommerce-account.logged-in\n    .woocommerce-MyAccount-content a.button[href*=\"\/payment-methods\"]:hover,\nbody.woocommerce-account.logged-in\n    .woocommerce-MyAccount-content a.button[href*=\"\/edit-account\"]:hover,\nbody.woocommerce-account.logged-in\n    .woocommerce-MyAccount-content a.button[href*=\"\/tee-coins\"]:hover {\n    transform: translateY(-3px);\n    filter: brightness(1.06);\n}\n\n\/* Glossy top highlight \u2014 same five tiles *\/\nbody.woocommerce-account.logged-in\n    .woocommerce-MyAccount-content a.button[href*=\"\/orders\"]::after,\nbody.woocommerce-account.logged-in\n    .woocommerce-MyAccount-content a.button[href*=\"\/edit-address\"]::after,\nbody.woocommerce-account.logged-in\n    .woocommerce-MyAccount-content a.button[href*=\"\/payment-methods\"]::after,\nbody.woocommerce-account.logged-in\n    .woocommerce-MyAccount-content a.button[href*=\"\/edit-account\"]::after,\nbody.woocommerce-account.logged-in\n    .woocommerce-MyAccount-content a.button[href*=\"\/tee-coins\"]::after {\n    content: \"\" !important;\n    display: block !important;\n    position: absolute;\n    top: 0; left: 0; right: 0;\n    height: 50%;\n    background: linear-gradient(180deg,\n        rgba(255, 255, 255, 0.16) 0%,\n        rgba(255, 255, 255, 0) 100%);\n    pointer-events: none;\n}\n\n\/* Per-tile colours *\/\n\n\/* Bestellungen \u2014 Teal *\/\nbody.woocommerce-account.logged-in\n    .woocommerce-MyAccount-content a.button[href*=\"\/orders\"] {\n    background: linear-gradient(135deg, #1aa0a0 0%, #148484 100%) !important;\n    box-shadow: 0 8px 22px -10px rgba(26, 160, 160, 0.55) !important;\n}\n\n\/* Adressen \u2014 Sage green *\/\nbody.woocommerce-account.logged-in\n    .woocommerce-MyAccount-content a.button[href*=\"\/edit-address\"] {\n    background: linear-gradient(135deg, #6e8b73 0%, #527058 100%) !important;\n    box-shadow: 0 8px 22px -10px rgba(110, 139, 115, 0.55) !important;\n}\n\n\/* Zahlungsmethoden \u2014 Slate teal *\/\nbody.woocommerce-account.logged-in\n    .woocommerce-MyAccount-content a.button[href*=\"\/payment-methods\"] {\n    background: linear-gradient(135deg, #5a8b8b 0%, #3d6868 100%) !important;\n    box-shadow: 0 8px 22px -10px rgba(90, 139, 139, 0.55) !important;\n}\n\n\/* Kontodetails \u2014 Deep green *\/\nbody.woocommerce-account.logged-in\n    .woocommerce-MyAccount-content a.button[href*=\"\/edit-account\"] {\n    background: linear-gradient(135deg, #2f6b4f 0%, #1f4d38 100%) !important;\n    box-shadow: 0 8px 22px -10px rgba(31, 77, 56, 0.55) !important;\n}\n\n\/* Meine Tee Coins \u2014 Gold (the hero tile) *\/\nbody.woocommerce-account.logged-in\n    .woocommerce-MyAccount-content a.button[href*=\"\/tee-coins\"] {\n    background:\n        radial-gradient(circle at 100% 0%, rgba(255, 230, 150, 0.35) 0%, transparent 60%),\n        linear-gradient(135deg, #d4a04b 0%, #b8923e 50%, #8a6a1e 100%) !important;\n    box-shadow: 0 10px 26px -10px rgba(184, 146, 62, 0.65) !important;\n}\n\n\n\/* =============================================================================\n   ORDERS TABLE  \u2014  \/my-account\/orders\/\n   The action column has buttons: Anzeigen (view), Bezahlen (pay),\n   Abbrechen (cancel). These match by class, not href.\n   ============================================================================= *\/\n\n\/* Table itself *\/\nbody.woocommerce-account.logged-in .woocommerce-orders-table,\nbody.woocommerce-account.logged-in table.account-orders-table {\n    width: 100% !important;\n    border-collapse: separate !important;\n    border-spacing: 0 8px !important;\n    margin: 6px 0 18px !important;\n}\n\nbody.woocommerce-account.logged-in .woocommerce-orders-table thead {\n    background: transparent !important;\n}\nbody.woocommerce-account.logged-in .woocommerce-orders-table thead th {\n    padding: 10px 14px !important;\n    border: 0 !important;\n    background: transparent !important;\n    color: #56635c !important;\n    font-size: 11px !important;\n    font-weight: 700 !important;\n    letter-spacing: 1.2px !important;\n    text-transform: uppercase !important;\n    text-align: left !important;\n}\n\nbody.woocommerce-account.logged-in .woocommerce-orders-table tbody tr {\n    background: #fbfdfb !important;\n    border-radius: 10px !important;\n    box-shadow: 0 1px 2px rgba(31, 77, 56, 0.04) !important;\n    transition: box-shadow 0.15s ease, transform 0.15s ease !important;\n}\nbody.woocommerce-account.logged-in .woocommerce-orders-table tbody tr:hover {\n    box-shadow: 0 6px 18px -8px rgba(31, 77, 56, 0.18) !important;\n    transform: translateY(-1px);\n}\n\nbody.woocommerce-account.logged-in .woocommerce-orders-table tbody td {\n    padding: 14px 16px !important;\n    border: 0 !important;\n    border-top: 1px solid #eef2ef !important;\n    border-bottom: 1px solid #eef2ef !important;\n    color: #2a3531 !important;\n    font-size: 14px !important;\n    vertical-align: middle !important;\n    background: transparent !important;\n}\nbody.woocommerce-account.logged-in .woocommerce-orders-table tbody td:first-child {\n    border-left: 1px solid #eef2ef !important;\n    border-top-left-radius: 10px !important;\n    border-bottom-left-radius: 10px !important;\n}\nbody.woocommerce-account.logged-in .woocommerce-orders-table tbody td:last-child {\n    border-right: 1px solid #eef2ef !important;\n    border-top-right-radius: 10px !important;\n    border-bottom-right-radius: 10px !important;\n    text-align: right !important;\n}\n\n\/* Order number \u2014 Teal instead of orange *\/\nbody.woocommerce-account.logged-in\n    .woocommerce-orders-table .woocommerce-orders-table__cell-order-number a {\n    color: #148484 !important;\n    font-weight: 700 !important;\n    text-decoration: none !important;\n    border-bottom: 1px dotted #1aa0a0 !important;\n}\nbody.woocommerce-account.logged-in\n    .woocommerce-orders-table .woocommerce-orders-table__cell-order-number a:hover {\n    color: #0f6868 !important;\n}\n\n\/* === Action buttons in the orders table === *\/\n\nbody.woocommerce-account.logged-in\n    .woocommerce-orders-table__cell-order-actions {\n    white-space: nowrap;\n}\nbody.woocommerce-account.logged-in\n    .woocommerce-orders-table__cell-order-actions .button,\nbody.woocommerce-account.logged-in\n    .woocommerce-orders-table__cell-order-actions a.button {\n    display: inline-block !important;\n    min-width: 0 !important;\n    margin: 2px 0 2px 6px !important;\n    padding: 8px 16px !important;\n    border-radius: 8px !important;\n    font-size: 11.5px !important;\n    font-weight: 700 !important;\n    letter-spacing: 1px !important;\n    text-transform: uppercase !important;\n    line-height: 1.2 !important;\n    border: 0 !important;\n    text-decoration: none !important;\n    text-shadow: none !important;\n    transition: filter 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease !important;\n}\n\n\/* View \/ Anzeigen \u2014 outline Teal *\/\nbody.woocommerce-account.logged-in\n    .woocommerce-orders-table__cell-order-actions a.button.view {\n    background: #ffffff !important;\n    color: #148484 !important;\n    border: 1.5px solid #1aa0a0 !important;\n    padding: 6.5px 14px !important;\n}\nbody.woocommerce-account.logged-in\n    .woocommerce-orders-table__cell-order-actions a.button.view:hover {\n    background: #1aa0a0 !important;\n    color: #ffffff !important;\n    transform: translateY(-1px);\n}\n\n\/* Pay \/ Bezahlen \u2014 solid gold (primary CTA \u2014 needs to stand out) *\/\nbody.woocommerce-account.logged-in\n    .woocommerce-orders-table__cell-order-actions a.button.pay {\n    background: linear-gradient(135deg, #f0a020 0%, #d8870e 100%) !important;\n    color: #ffffff !important;\n    box-shadow: 0 4px 12px -4px rgba(240, 160, 32, 0.5) !important;\n}\nbody.woocommerce-account.logged-in\n    .woocommerce-orders-table__cell-order-actions a.button.pay:hover {\n    filter: brightness(1.06);\n    transform: translateY(-1px);\n    box-shadow: 0 8px 18px -6px rgba(240, 160, 32, 0.7) !important;\n}\n\n\/* Cancel \/ Abbrechen \u2014 outline red *\/\nbody.woocommerce-account.logged-in\n    .woocommerce-orders-table__cell-order-actions a.button.cancel {\n    background: #ffffff !important;\n    color: #b3261e !important;\n    border: 1.5px solid #e0a8a4 !important;\n    padding: 6.5px 14px !important;\n}\nbody.woocommerce-account.logged-in\n    .woocommerce-orders-table__cell-order-actions a.button.cancel:hover {\n    background: #b3261e !important;\n    color: #ffffff !important;\n    border-color: #b3261e !important;\n    transform: translateY(-1px);\n}\n\n\n\/* =============================================================================\n   Mobile\n   ============================================================================= *\/\n@media (max-width: 760px) {\n    body.woocommerce-account.logged-in .woocommerce {\n        margin: 16px auto !important;\n        padding: 0 12px !important;\n    }\n    body.woocommerce-account.logged-in .woocommerce-MyAccount-content {\n        padding: 22px 18px !important;\n    }\n    body.woocommerce-account.logged-in\n        .woocommerce-MyAccount-content .row {\n        grid-template-columns: repeat(2, 1fr) !important;\n        gap: 10px !important;\n    }\n    body.woocommerce-account.logged-in\n        .woocommerce-MyAccount-content a.button {\n        min-height: 80px !important;\n        padding: 16px 12px !important;\n        font-size: 12px !important;\n        letter-spacing: 0.5px !important;\n    }\n    body.woocommerce-account.logged-in\n        .woocommerce-MyAccount-content > p:first-child {\n        font-size: 15px !important;\n        padding: 12px 14px !important;\n    }\n}\n\n<\/style>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"page-my-account.php","meta":{"footnotes":"","_lseo_meta_title":"My Account | Manage Orders & Data | Dietees","_lseo_meta_desc":"Your My Account area at Dietees: manage your orders, addresses and personal data easily and securely, all in one place. Log in now!","_lseo_focus_kw":"Mein Konto","_lseo_schema_type":"auto","_lseo_faq_json":"","_lseo_robots_noindex":false,"_lseo_robots_nofollow":false,"_lseo_og_title":"My Account | Manage Orders & Data | Dietees","_lseo_og_desc":"Your My Account area at Dietees: manage your orders, addresses and personal data easily and securely, all in one place. Log in now!","_lseo_og_image":0,"_lseo_twitter_img":0},"class_list":["post-54","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dietees.de\/wp-json\/wp\/v2\/pages\/54","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dietees.de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dietees.de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dietees.de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dietees.de\/wp-json\/wp\/v2\/comments?post=54"}],"version-history":[{"count":10,"href":"https:\/\/dietees.de\/wp-json\/wp\/v2\/pages\/54\/revisions"}],"predecessor-version":[{"id":31578,"href":"https:\/\/dietees.de\/wp-json\/wp\/v2\/pages\/54\/revisions\/31578"}],"wp:attachment":[{"href":"https:\/\/dietees.de\/wp-json\/wp\/v2\/media?parent=54"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}