/* CSS Structure */

/* 1. Variables */
/* 2. Example Attribute Order */
/* 3. Salesforce Overrides */
/* 4. Standard Styles */
/* 4.1. Heading */
/* 4.2. Border */
/* 4.3. Padding */
/* 4.4. Buttons */
/* 4.5. Inputs */
/* 4.6. Outputs */
/* 4.7. Grids */
/* 4.8. Other Standard Styles */
/* 4.9. Login Page */

/* 5. Shop Standard Styles */
/* 6. Shop Main Components */
/* 6.0.1 Shop Start */
/* 6.1. Shop Header */
/* 6.2. Shop Search Main */
/* 6.2.1 Shop Search Breadcrumbs */
/* 6.3. Shop Search Bar */
/* 6.4. Shop Search Result */
/* 6.5. Shop Search Result Column, Shop Items */
/* 6.6. Shop Checkout */
/* 6.7. Shop Overlay */
/* 6.8. Shop Cart */
/* 6.9. Shop Search Filter */
/* 6.91. Shop Confirmation Page */
/* 6.92. Shop Detail */
/* 6.92.1 Shop Detail Carousel */
/* 6.92.2 Shop Detail Rec Carousel */

/* 7. Media queries */

/* 15. MD Standard Styles */
/* 16. MD Main Components */

/* 99. Header */
/* 99.1 Header - Logo */


/* Variables Style Definition */
:root {
    /* Colors */
    --brand-color: rgb(230, 68, 21);
    --brand-color-light: rgb(230, 68, 21, 0.1);
    --background-color: #F7F7F7;
    --background-color-white: #fff;
    --text-color: #516771;
    --CTA-button-color: #66CC00;
    --success-background-light-color: rgba(0, 121, 44, 0.1);
    --darkgreen-color: #00792C;
    --warning-color: red;

    /* Font Styling */
    --font-weight-300: 300;
    --font-weight-400: 400;
    --font-weight-500: 500;
    --font-family-Light: 'Roboto-Light';
    --font-family-Normal: 'Roboto';

    /* Font Sizes */
    --h1-font-size: 36px;
    --h2-font-size: 30px;
    --h3-font-size: 26px;
    --h4-font-size: 20px;
    --Paragraph-big-font-size: 18px;
    --Paragraph-medium-font-size: 16px;
    --Paragraph-small-font-size: 14px;
    --navigation-font-size: 20px;
    --navigation-small-font-size: 11px;

    /* Borders */
    --border-light: 1px solid rgb(241, 241, 241);
    --border-dark: 1px solid #666;
    --border-brand: 1px solid rgb(230, 68, 21);
    --border-success: 3px solid #00792C;
    --border-radius-default: 3px;

    /* Padding/Margin */
    --p-m-x-small: 4px;
    --p-m-small: 8px;
    --p-m-medium: 12px;
    --p-m-large: 20px;
    --p-m-x-large: 40px;

    /* Buttons */
    --button-border-radius: 3px;
    --button-line-height: 44px;
    /* not yet used */
    --Button-font-size: 20px;

    /* Images/Icons */
    --shop-item-row-edit-Unit-icon: url('/sfsites/c/resource/myIcons/myIcons/Icon_customer-platform_ROEFIX_240422_button---expand.png');
    --shop-search-box-icon: url('/sfsites/c/resource/myIcons/myIcons/Icon_customer-platform_ROEFIX_240422_button---expand.png');
    --my-shop-login-page-icon: url('/sfsites/c/resource/myIcons/myIcons/ROE_Icon_customer-platform_WHITE_240422_user.png');
    --shop-start-header-icon: url('/sfsites/c/resource/myShopStartMainBackgroundRoefix');
    --shop-icon-burger-icon: url('/sfsites/c/resource/myIcons/myIcons/menu.png');
    --shop-cart-button-icon: url('/sfsites/c/resource/1712145888000/meineDokumenteIcons/meineDokumenteIcons/WarenkorbWEISS.png');
    --shop-search-breadcrumb-icon: url('/sfsites/c/resource/myIcons/myIcons/ROE_Icon_customer-platform_HASIT_240422_Full_home.png');
    --shop-search-bar-icon: url('/sfsites/c/resource/meineDokumenteIcons/meineDokumenteIcons/SucheRoefix.png');
    --shop-item-row-edit-quantity-icon: url('/sfsites/c/resource/myIcons/myIcons/Icon_customer-platform_ROEFIX_240422_search.png');
    --shop-icon-write-icon: url('/sfsites/c/resource/myIcons/myIcons/Icon_customer-platform_ROEFIX_240422_write.png');
    --shop-icon-trash-icon: url('/sfsites/c/resource/myIcons/myIcons/Icon_customer-platform_ROEFIX_240422_trash.png');
    --shop-cart-refresh-price-button-icon: url('/sfsites/c/resource/myIcons/myIcons/Icon_customer_platform_ROEFIX_240422_refresh.png');
    --shop-search-filter-toggle-button-icon: url('/sfsites/c/resource/myIcons/myIcons/Icon_customer_platform_ROEFIX_240422_filter-C.png');
    --shop-search-filter-toggle-button-icon-activ: url('/sfsites/c/resource/myIcons/myIcons/ROE_Icon_customer-platform_WHITE_240422_filter-C.png');
    --shop-custom-input-date-picker-icon: url('/sfsites/c/resource/meineDokumenteIcons/meineDokumenteIcons/calenderROEFIX.png');
    --shop-confirmation-icon-check: url('/sfsites/c/resource/myIcons/myIcons/Icon_customer_platform_DUNKELGRUEN_240422_circle_check.png');
    --md-filter-icon: url('/sfsites/c/resource/meineDokumenteIcons/meineDokumenteIcons/filterHASIT.png');
    --md-download-icon: url('/sfsites/c/resource/meineDokumenteIcons/meineDokumenteIcons/downloadRoefix.png');
    --md-chevrondown-icon: url('/sfsites/c/resource/myIcons/myIcons/Icon_customer-platform_ROEFIX_240422_button---expand.png');
    --md-search-bar-icon: url('/sfsites/c/resource/meineDokumenteIcons/meineDokumenteIcons/SucheRoefix.png');
    --md-first-page-icon: url('/sfsites/c/resource/meineDokumenteIcons/meineDokumenteIcons/ersteSeiteRoefix.png');
    --md-previous-page-icon: url('/sfsites/c/resource/meineDokumenteIcons/meineDokumenteIcons/vorherigeSeiteRoefix.png');
    --md-next-page-icon: url('/sfsites/c/resource/meineDokumenteIcons/meineDokumenteIcons/naechsteSeiteRoefix.png');
    --md-last-page-icon: url('/sfsites/c/resource/meineDokumenteIcons/meineDokumenteIcons/letzteSeiteRoefix.png');
    --md-page-size-icon: url('/sfsites/c/resource/myIcons/myIcons/Icon_customer-platform_ROEFIX_240422_button---expand.png');

    --md-first-page-icon-white: url('/sfsites/c/resource/meineDokumenteIcons/meineDokumenteIcons/Icon_customer_platform_ROEFIX_WHITE_240422_button_first_item_left.png');
    --md-previous-page-icon-white: url('/sfsites/c/resource/meineDokumenteIcons/meineDokumenteIcons/Icon_customer_platform_ROEFIX_WHITE_240422_button_previous.png');
    --md-next-page-icon-white: url('/sfsites/c/resource/meineDokumenteIcons/meineDokumenteIcons/Icon_customer_platform_ROEFIX_WHITE_240422_button_next.png');
    --md-last-page-icon-white: url('/sfsites/c/resource/meineDokumenteIcons/meineDokumenteIcons/Icon_customer_platform_ROEFIX_WHITE_240422_button_last_item_right.png');

    --my-header-logo: url('/sfsites/c/resource/roefixLogoClaimless');
    --my-header-logo-width: 117px;
    --custom-label: '';
    --my-login-object-position: center;
}