/* General -----------------------------------------------------------------------------------------------------------*/
body {
    color: #3b4348;
    background-color: #fff;
    font-size: 16px;
}

a:hover {
    text-decoration: none;
}

article {
    overflow: hidden;
}

blockquote {
    background: whitesmoke url("../images/quote.png") no-repeat 1.25rem 1.5625rem;
    border: 0.0625rem solid #e8e8e8;
    padding: 1.25rem 1.25rem 1.25rem 3.75rem;
    color: #6f7579;
}
blockquote p {
    font-size: 0.8125rem;
    font-weight: normal;
    line-height: 1.375rem;
}

.bm10 {
    margin-bottom: 0.625rem;
}

.bm20 {
    margin-bottom: 1.25rem;
}

.bm30 {
    margin-bottom: 1.875rem;
}

.grid-container {
    display: grid;
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 2em 1fr 24em 2em;
    grid-template-areas:
        "header   header         header         header"
        "left-gap breadcrumb-bar breadcrumb-bar right-gap"
        "left-gap widget-bar     widget-bar     right-gap"
        "left-gap content        sidebar        right-gap"
        "footer   footer         footer         footer";
    grid-gap: 1em 0;
}

.header {
    grid-area: header;
}

.left-gap {
    grid-area: left-gap;
}

.widget-bar {
    grid-area: widget-bar;
    min-width: 0;
}

.content {
    grid-area: content;
}

.sidebar {
    grid-area: sidebar;
    margin: 0 0 0 3em;
}

.right-gap {
    grid-area: right-gap;
}

.footer {
    grid-area: footer;
}

/* Header */
.header-container {
    background-color: #ffffff;
    height: auto;
}

.header-top {
    display: flex;
    justify-content: space-between;
    position: relative;
}

.logo-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 1em 0.4em 1em;
}

.logo-image {
    width: 10em;
    padding-bottom: 0.4em;
}

.header-title {
    color: #3f4b55;
    font-size: 1rem;
    font-weight: bold;
    position: relative;
}

.footer-top-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

.footer-item {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.footer-bottom {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

/* Header - Logo and Nav ---------------------------------------------------------------------------------------------*/
span.tag-line {
    color: #3f4b55;
    font-size: 1rem;
    font-weight: bold;
    position: relative;
    margin-left: 1rem;
}

.logo-heading {
    color: #004f9f;
    font-weight: 600;
    display: inline;
    margin-right: 0.9375rem;
    position: relative;
    top: 0.25rem;
}
.logo-heading a {
    color: #fff;
}
.logo-heading a:hover {
    color: #eaeaea;
}

.main-nav {
    align-self: center;
    margin-right: 1em;
}
.main-nav div > ul {
    width: auto;
    margin: 0;
}
.main-nav div > ul > li {
    position: relative;
    float: left;
    list-style: none;
}
.main-nav div > ul > li a {
    font-family: "Open Sans", sans-serif;
    font-size: 1.2rem;
    color: #004f9f;
}
.main-nav div > ul > li a:hover {
    color: #004f9f;
}
.main-nav div > ul > li:hover > a {
    color: #004f9f;
}
.main-nav div > ul > li:last-child {
    padding-right: 0;
}
.main-nav div > ul li.current-menu-item a {
    color: #004f9f;
}
.main-nav .sub-menu {
    display: none;
    position: absolute;
    z-index: 1000;
    list-style: none;
    width: 16rem;
    margin: 0;
    padding: 0.4rem;
    background-color: #fff;
    border: 1px solid #dedede;
    border-radius: 0.4rem;
}
.main-nav .sub-menu li {
    padding: 0.4rem 1rem 0.4rem 1rem;
    white-space: nowrap;
    border-radius: 2rem;
    overflow: hidden;
    text-overflow: ellipsis;
}
.main-nav .sub-menu li:hover {
    background-color: #f5f9ff;
}
.level-three-sub-menu {
    left: 16rem;
    transform: translateY(-2.313rem); /* -37px */
}
.main-nav .responsive-nav {
    display: none;
}

.menu-button {
    background-color: transparent;
    border-radius: 2rem;
    border: none;
    cursor: pointer;
    color: #004f9f;
    font-size: 1.2rem;
    padding: 0.375rem 1.5rem;
}
.menu-button.enabled {
    font-weight: 600;
}
.menu-button:hover {
    background-color: #f5f9ff;
}

/* Header - breadcrumbs ----------------------------------------------------------------------------------------------*/
.breadcrumb-bar {
    grid-area: breadcrumb-bar;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 0.4rem 1rem 0.4rem 1rem;
    background-color: #f5f5f5;
    border-radius: 0.4rem;
}
.breadcrumb-bar-logout {
    margin-left: auto;
}
.breadcrumb-bar-logout-button {
    padding: 0.1rem 0.6rem;
    color: #444;
    background-color: #fff;
    border: 1px solid #dedede;
    border-radius: 0.4rem;
}
.breadcrumb-wrapper {
    display: flex;
    flex-direction: row;
    margin: 0 1rem 0 0;
    max-width: 16rem;
    align-items: center;
}
.breadcrumb-separator {
    margin: 0 0.6rem 0 0;
}
.breadcrumb-link {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.breadcrumb-current-location {
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Header - Search ---------------------------------------------------------------------------------------------------*/
.search-area-wrapper {
    background: #353b65 url("../images/main-bg-sh.jpg") center top;
    background-size: 100%;
}
.search-area-wrapper .search-area {
    padding: 1.6rem 0;
    margin: 0 20% 0 20%;
}

h3.search-header {
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
    font-size: 1.8rem;
    color: #fff;
    text-align: center;
    margin-bottom: 0;
}

p.search-tag-line {
    font-family: "Droid Serif", serif;
    font-style: italic;
    font-size: 1.125rem;
    line-height: 1.75rem;
    color: #fff;
    text-align: center;
    margin: 0 0 0.5rem 0;
}

form.search-form {
    margin: 0;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
}
form.search-form .input-common, form.search-form input.search-term, form.search-form input.search-btn {
    font-family: "Open Sans", sans-serif;
    box-shadow: none;
    border-radius: 2rem;
    display: inline-block;
    border: none;
    vertical-align: bottom;
    height: 3rem;
}
form.search-form #search-term-proposals-container input.search-term {
    font-size: 0.875rem;
    height: 1.5rem;
    line-height: 1.5rem;
    padding: 0.75rem 1.25rem 0.75rem 1.25rem;
    width: calc(100% - 4rem);
    color: #3b4348;
    margin-bottom: 0;
}
form.search-form input.search-term.loading {
    background-image: url("../images/search-loader.gif");
    background-repeat: no-repeat;
    background-position-x: right 1.25rem;
    background-position-y: 50%;
}
form.search-form input.search-btn {
    background-color: #3f4b55;
    font-size: 0.875rem;
    line-height: 1.1875rem;
    font-weight: 600;
    padding: 0.875rem 1.875rem 0.9375rem;
    color: #fff;
}
form.search-form input.search-btn:hover {
    background-color: #4b5760;
}

#search-error-container {
    text-align: center;
    width: calc(100% - 1.4rem);
}
#search-error-container label {
    color: #fff;
    padding: 0.3125rem;
    font-size: 0.875rem;
}

.lt-ie8 form.search-form input.search-btn {
    padding-top: 0.75rem;
    padding-bottom: 0.8125rem;
}

.search-results-container {
    padding: 0 2rem 1rem 2rem;
    border: 1px solid #dedede;
    border-radius: 0.4rem;
}
.search-results {
    display: flex;
    flex-direction: column;
}
.search-result-item {
    display: flex;
    justify-content: space-between;
}
.search-result-paragraph {
    margin: 0.6rem 0 0.6rem 2rem;
    overflow: auto;
}
.search-result-preview-button {
    margin-left: 1rem;
    height: 2.4rem;
    border: 1px solid #dedede;
    border-radius: 0.4rem;
    background-color: #fff;
    color: #3b4348;
    white-space: nowrap;
}
.article-search {
    display: flex;
    flex-direction: column;
}
.article-search-result-container{
    margin-top: 0.5rem;
}
.article-search-result {
    margin-left: 1.8rem;
}
.asset-search-result-container {
    display: flex;
    justify-content: space-between;
}
.asset-search-result {
    margin-left: 1.8rem;
}
.contact-person-search-container {
    display: flex;
    flex-direction: column;
}
.contact-person-result-container {
    margin-top: 0.5rem;
}
.contact-person-result-btn {
    margin-left: 1.8rem;
    border: none;
    background-color: white;
    font-size: 1rem;
}
.contact-person-result-btn:hover {
    color: #395996;
}
.contact-person-result-collapse-container {
    margin-top: 0.5rem;
    margin-left: 2rem;
    background-color: #efefef;
    padding: 0.5rem;
}
.contact-person-result-collapse-sub-container {
    margin-left: 1rem;
}
.contact-person-icon-container {
    margin-right: 0.6rem;
    justify-content: center;
}
.contact-person-fax-container {
    display: flex;
    flex-direction: row;
}
.contact-person-email-container {
    display: flex;
    flex-direction: row;
}
.contact-person-mobile-container {
    display: flex;
    flex-direction: row;
}
.contact-person-phone-container {
    display: flex;
    flex-direction: row;
}
.contact-person-email {
    color: #f18800;
}
.contact-person-phone-container {
    margin-left: 0.2rem;
}
.contact-person-mobile-container {
    margin-left: 0.2rem;
}
.contact-person-email-container {
    margin-left: 0.2rem;
}
.contact-person-fax-container {
    margin-left: 0.2rem;
}
.asset-search-container {
    display: flex;
    flex-direction: column;
}
.asset-result-container {
    margin-top: 0.5rem;
}

/* Header - Meta Data Info -------------------------------------------------------------------------------------------*/
.meta-data-info {
    display: flex;
    flex-direction: column;
    margin: 1rem;
    padding: 0.4rem;
    border: 1px solid #dedede;
    border-radius: 0.4rem;
}

/* Page - Container --------------------------------------------------------------------------------------------------*/
.page-container {
    width: 100%;
}
.page-container > .container {
    padding: 2.5rem 2.1875rem;
    background-color: #fff;
}

.breadcrumb {
    margin-bottom: 0.625rem;
    background-color: #fcfcfc;
    font-size: 0.75rem;
}

.passage-title {
    font-size: 1rem;
    color: #3b4348;
}

.hentry .wp-post-image {
    margin: 0 0 1.25rem;
}

.pages-nav a {
    margin-right: 0.625rem;
}

#pagination .btn {
    margin-bottom: 0.3125rem;
}

video {
    width: 100%;
}

.image-gallery-link {
    display: inline-block;
    margin: 0 1rem 1rem 0;
    overflow: hidden;
}
.image-gallery-link img {
    transition: transform .3s ease;
}
.image-gallery-link img:hover {
    width: 100%;
    height: 100%;
    transform: scale(1.1);
}

/* WordPress Core --------------------------------------------------------------------------------------------------- */
.alignnone {
    margin: 0.3125rem 0 1.25rem;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 0.3125rem auto 1.25rem auto;
}

.alignright {
    float: right;
    margin: 0.3125rem 0 1.25rem 1.25rem;
}

.alignleft {
    float: left;
    margin: 0.3125rem 1.25rem 1.25rem 0;
}

.aligncenter {
    display: block;
    margin: 0.3125rem auto 1.25rem auto;
}

a img.alignright {
    float: right;
    margin: 0.3125rem 0 1.25rem 1.25rem;
}

a img.alignnone {
    margin: 0.3125rem 0 1.25rem;
}

a img.alignleft {
    float: left;
    margin: 0.3125rem 1.25rem 1.25rem 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 0.0625rem solid #f0f0f0;
    max-width: 96%;
    /* Image does not overflow the content area */
    padding: 0.3125rem 0.3125rem 0.625rem;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 0.3125rem 1.25rem 1.25rem 0;
}

.wp-caption.alignleft {
    margin: 0.3125rem 1.25rem 1.25rem 0;
}

.wp-caption.alignright {
    margin: 0.3125rem 0 1.25rem 1.25rem;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 0.6875rem;
    line-height: 1.0625rem;
    margin: 0;
    padding: 0 0.25rem 0.3125rem;
}

.sticky {
    visibility: visible;
}

.gallery-caption {
    visibility: visible;
}

.bypostauthor {
    visibility: visible;
}

/* Comments ----------------------------------------------------------------------------------------------------------*/
.commentlist {
    list-style: none;
    margin: 0;
    border-bottom: 0.0625rem solid #F2F2F2;
}
.commentlist > li.comment:first-child {
    border-top: none;
}
.commentlist li.comment {
    border: none;
    border-top: 0.0625rem solid #F2F2F2;
    list-style: none;
    margin: 0.625rem 0 0;
    padding: 1.25rem 0 0;
}
.commentlist li.comment article {
    *zoom: 1;
    padding-bottom: 1.25rem;
}
.commentlist li.comment article:before, .commentlist li.comment article:after {
    display: table;
    content: "";
    line-height: 0;
}
.commentlist li.comment article:after {
    clear: both;
}
.commentlist li.comment .children {
    margin-left: 4.375rem;
}

li.comment > article .avatar {
    background: #fff;
    float: left;
    margin: 0 0.625rem 0.625rem 0;
    position: relative;
    z-index: 1;
    -webkit-border-radius: 3.75rem;
    -moz-border-radius: 3.75rem;
    border-radius: 3.75rem;
}

#respond .allowed-tags code {
    background-color: transparent;
    border: none;
    white-space: pre-wrap;
}
#respond form label {
    font-weight: bold;
}

/* Page - Sidebar ----------------------------------------------------------------------------------------------------*/
.page-content {
    margin-bottom: 1.25rem;
}

.page-sidebar #twitter_update_list > ul {
    margin: 0 0 0.625rem;
}
.page-sidebar #twitter_update_list > ul > li {
    background: none;
    padding: 0 0 0.625rem;
    margin-bottom: 0.625rem;
}
.page-sidebar #twitter_update_list > ul > li .timePosted, #twitter_update_list > ul > li .timePosted {
    display: none;
}
.page-sidebar #twitter_update_list > ul > li span {
    display: block;
    font-size: 0.6875rem;
}
.page-sidebar .flickr-photos img {
    background-color: #f2f2f2;
}
.page-sidebar .flickr-photos img:hover {
    background-color: #cccccc;
}

#searchform input {
    margin-bottom: 0.625rem;
}
#searchform label.screen-reader-text {
    display: none;
}

.widget h3 {
    font-weight: 600;
    font-size: 1.25rem;
}
.widget ul li {
    list-style: none;
    padding: 0.5rem 1.5rem 0.5rem 1.5rem;
    background: url("../images/li-arrow.png") no-repeat 0.5rem 0.9375rem;
    border-bottom: 0.0625rem solid #f2f2f2;
}
.widget ul li:last-child {
    border-bottom: none;
}
.widget > div > ul,
.widget > ul {
    margin: 0;
}

.support-widget {
    display: flex;
    border: 1px solid #dedede;
    border-radius: 0.4rem;
    margin: 1em 0 1em 0;
    padding: 0.8rem 0.8rem;
    text-align: left;
}
.support-widget-image-container {
    margin-right: 1rem;
    align-self: center;
}
.support-widget-image {
    max-width: unset;
    border-radius: 0.4rem;
}
.support-widget h3 {
    margin: 0;
    padding: 0;
    color: #004f9f;
}
.support-content {
    display: flex;
    flex-direction: column;
    margin-bottom: 0.8rem;
    font-size: 0.9rem;
}
.support-content-line {
    display: flex;
    align-items: center;
}
.support-content-line a {
    color: #3b4348;
}
.support-content-line a:hover {
    color: #395996;
}
.support-content-image {
    max-width: unset;
    margin-right: 0.4rem;
}

.quick-links-widget {
    border: 0.0625rem solid #d7d9dc;
    padding: 0.625rem 0.9375rem 0.9375rem;
}
.quick-links-widget h3 {
    margin: 0;
    padding: 0;
}
.quick-links-widget .menu {
    margin: 0;
    padding: 0;
}
.quick-links-widget .menu > li {
    border-bottom: none;
    padding: 0.3125rem 0.3125rem 0.3125rem 1.25rem;
    background-position: 0.3125rem 0.8125rem;
    float: left;
    width: 35%;
    margin-right: 5%;
}
.quick-links-widget .sub-menu {
    display: none;
}

/* newsSlider component --------------------------------------------------------------------------------------------- */
:root {
    --swiper-theme-color: #444;
}
.swiper-container-wrapper {
    display: flex;
}
.swiper-container {
    width: 80vw;
    height: 380px;
    margin-left: 1rem;
    margin-right: 1rem;
}
.swiper-slide {
    display: flex;
    justify-content: center;
}
.swiper-slide-link-wrapper {
    display: flex;
    position: absolute;
    width: auto;
    height: auto;
}
.swiper-slide-image {
    object-fit: cover;
    width: 336px;
    height: 336px;
    border-radius: 0.4rem;
}
.swiper-slide-headline-container {
    display: flex;
    position: absolute;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.5);
    height: 6.4rem;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 0 0 0.4rem 0.4rem;
}
.swiper-slide-headline-paragraph {
    margin: 0.4rem 0.8rem;
    align-self: center;
    font-size: 1rem;
    font-weight: 700;
}
.swiper-pagination-bullet {
    width: 12px;
    height: 12px;
}
.custom-swiper-prev-button,
.custom-swiper-next-button {
    z-index: 1;
    background-color: #bbb;
    color: #fff;
    border: 0;
    border-radius: 0.4rem;
    font-size: 2rem;
    align-self: center;
    width: 2rem;
    height: 4rem;
    transition: 0.4s ease;
    margin-top: -44px;
}
.custom-swiper-prev-button:hover,
.custom-swiper-next-button:hover {
    background-color: #444;
    transition: 0.4s ease;
}

/* infoBox component ------------------------------------------------------------------------------------------------ */
.info-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 1em 0 1em 0;
    padding: 0.8rem;
    border: 1px solid #dedede;
    border-radius: 0.4rem;
    overflow: hidden;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center top;
}
.info-box-container {
    display: flex;
    flex-direction: column;
}
.info-box-paragraph {
    margin: 0 0 0.6rem 0;
    align-self: center;
}
.info-box-link {
    margin-top: -16px;
}
.info-box-link-button {
    padding: 0.4rem 0 0.4rem 0;
    width: 100%;
    background-color: #f18800;
    border: none;
    border-radius: 2rem;
    font-size: 1rem;
    font-weight: 600;
    color: #fff;
}
.info-box-link-button:hover {
    background-color: #004f9f;
}

/* pageViewCounter component ---------------------------------------------------------------------------------------- */
.page-view-counter {
    display: flex;
    flex-direction: column;
    margin: 1em 0 1em 0;
    padding: 0 0.8rem 0.8rem 0.8rem;
    border: 1px solid #dedede;
    border-radius: 0.4rem;
}
.page-view-counter-hint {
    color: #ac0000;
    font-weight: bold;
}
.page-view-counter-export-placeholder {
    font-weight: bold;
}
.page-view-counter-export-button {
    padding: 0.4rem 0 0.4rem 0;
    width: 22rem;
    background-color: #f18800;
    border: none;
    border-radius: 2rem;
    font-size: 1rem;
    font-weight: 600;
    color: #fff;
}
.page-view-counter-export-button:hover {
    background-color: #004f9f;
}

/* hintField component ---------------------------------------------------------------------------------------------- */
.hint-field {
    display: flex;
    align-items: center;
    margin: 1rem 0;
    border: 1px solid #dedede;
    border-radius: 0.4rem;
    background-color: #f8f8f8;
}
.hint-field-icon {
    width: 64px;
    height: 64px;
    margin: 1rem;
}
.hint-field-container {
    display: flex;
    flex-direction: column;
    font-size: 1rem;
    margin: 1rem 1rem 1rem 0;
    color: #3b4348;
}
.hint-field-title {
    font-size: 1rem;
    font-weight: 700;
    margin: 0 0 0.4rem 0;
}
.hint-field-text {
    margin: 0 0 -22px 0;
}

/* shopItem component ----------------------------------------------------------------------------------------------- */
.shop-item-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin: 1rem 0 1rem 0;
    padding: 1rem;
    border: 1px solid #dedede;
    border-radius: 0.4rem;
}
.shop-item-image {
    margin: 1rem;
}
.shop-item-properties {
    display: flex;
    flex-direction: column;
    margin: 1rem;
    max-width: 18rem;
}
.shop-item-name {
    text-align: right;
    font-weight: 600;
}
.shop-item-short-description {
    margin-bottom: 1rem;
}
.shop-item-price {
    margin-top: 1rem;
    align-self: flex-end;
    font-weight: 600;
}
.price-overriden {
    font-size: 0.6rem;
    font-weight: normal;
    text-decoration-line: line-through;
}
.price-promotional {
    font-weight: 600;
}

/* eventList page --------------------------------------------------------------------------------------------------- */
.event-separator {
    margin: 1.2rem 0;
}

/* franchise center manager accounts page --------------------------------------------------------------------------- */
.account-management-header {
    font-size: 2rem;
    font-weight: 600;
}

.account-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.account {
    display: flex;
    flex-direction: column;
    flex-basis: 0;
    flex-grow: 1;
    margin: 0 1.0rem 1.0rem 0;
    padding: 0.8rem 1rem 0.6rem 1rem;
    min-width: 20rem;
    max-width: 100%;
    border: 1px solid #dedede;
    border-radius: 0.4rem;
}

.account-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.4rem;
    padding: 0 0 0.4rem 0;
    border-bottom: 1px solid #dedede;
}

.account-header-title {
    align-self: center;
    font-size: 1.2rem;
    font-weight: 600;
}

.account-control {
    width: 2.25rem;
    height: 2.25rem;
    color: #fff;
    background-color: #f18800;
    border: none;
    border-radius: 50%;
}

.account-control:hover {
    background-color: #004f9f;
}

.account-data {
    display: flex;
    justify-content: space-between;
}

.account-data-title {
    margin-right: 0.5rem;
    font-weight: 600;
}

.account-meta {
    margin-top: 0.4rem;
    font-size: 0.6rem;
}

.account-button {
    padding: 0.4rem 0.8rem 0.4rem 0.8rem;
    color: #fff;
    background-color: #f18800;
    font-size: 1rem;
    font-weight: 600;
    border: none;
    border-radius: 2rem;
}

.account-button:hover {
    background-color: #004f9f;
    width: auto;
}

.account-button-icon {
    margin-right: 0.2rem;
}

.account-button-wrapper {
    display: flex;
    flex-direction: row-reverse;
}

.account-modal-background {
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.5);
}

.account-modal-content {
    display: flex;
    flex-direction: column;
    margin: 10% auto;
    padding: 1.2rem;
    background-color: #fff;
    border: 1px solid #dedede;
    border-radius: 0.4rem;
}

.account-modal-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem;
}
.account-modal-title {
    font-size: 1.4rem;
    font-weight: 600;
}
.account-modal-close-button {
    padding: 0;
    font-size: 2rem;
    font-weight: 600;
    background-color: #fff;
    border: none;
}
.account-modal-close-button:hover {
    color: red;
}

.account-form {
    display: flex;
    flex-direction: column;
    margin: 0;
}
.account-form > input {
    width: auto;
}

/* franchise partner consent form ----------------------------------------------------------------------------------- */
.consent-message {
    padding: 0 1rem;
}

.consent-button, .privacy-protection-close-button {
    padding: 0.4rem 0.8rem 0.4rem 0.8rem;
    color: #fff;
    background-color: #f18800;
    font-size: 1rem;
    font-weight: 600;
    border: none;
    border-radius: 2rem;
}
.consent-button {
    float: right;
    margin-right: 1rem;
}
.privacy-protection-close-button {
    align-self: flex-end;
}
.consent-button:hover, .privacy-protection-close-button:hover {
    background-color: #004f9f;
    width: auto;
}
.consent-button-icon, .privacy-protection-close-button-icon {
    margin-right: 0.2rem;
}

.privacy-protection-link {
    color: #1e5799;
    font-weight: bold;
    cursor: pointer;
}

.privacy-protection-modal-background {
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.5);
}
.privacy-protection-modal-container {
    display: flex;
    flex-direction: column;
    margin: 10% auto;
    padding: 1.2rem;
    max-width: 60%;
    max-height: 80%;
    background-color: #fff;
    border: 1px solid #dedede;
    border-radius: 0.4rem;
    overflow: auto;
}

/* reminder message modals -------------------------------------------------------------------------------------------*/
.reminder-modal-background {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
}

.reminder-modal-container {
    display: flex;
    flex-direction: column;
    margin: auto;
    padding: 0.8rem 1.2rem;
    max-width: 60%;
    background-color: #fff;
    border: 1px solid #dedede;
    border-radius: 0.4rem;
    overflow: auto;
}

.reminder-headline {
    margin-top: 0;
    text-align: center;
}

.reminder-modal-button {
    align-self: flex-end;
    padding: 0.4rem 0.8rem 0.4rem 0.8rem;
    color: #fff;
    background-color: #f18800;
    font-size: 1rem;
    font-weight: 600;
    border: none;
    border-radius: 2rem;
}

.reminder-modal-button:hover {
    background-color: #004f9f;
    width: auto;
}

.reminder-modal-button-icon {
    margin-right: 0.2rem;
}

/* Birthday Wishes Modal --------------------------------------------------------------------------------------------.*/
.birthday-wish-modal-main-container {
    display: flex;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0.5)
}
.birthday-wish-modal-container {
    z-index: 12;
    display: flex;
    flex-direction: column;
    margin: auto;
    padding: 0.8rem 1.2rem;
    max-width: 35%;
    background-color: #fff;
    border: 1px solid #dedede;
    border-radius: 0.4rem;
    overflow: auto;
}
.birthday-wish-modal-content {
    display: flex;
    flex-direction: column;
}
.birthday-wish-headline-message-container {
    margin-top: -1rem;
}
.birthday-wish-headline-message-container {
    text-align: center;
}
.birthday-wish-message-container {
    font-size: 1.1rem;
    margin-top: 1rem;
    display: flex;
    flex-direction: column;
}
.birthday-wish-message-end {
    margin-top: 1rem;
}
.birthday-wish-modal-button-container {
    align-self: flex-end;
    margin-top: 1rem;
}
.birthday-wish-modal-button {
    align-self: flex-end;
    padding: 0.4rem 0.8rem 0.4rem 0.8rem;
    color: #fff;
    background-color: #f18800;
    font-size: 1rem;
    font-weight: 600;
    border: none;
    border-radius: 2rem;
}
.birthday-wish-modal-button:hover {
    background-color: #004f9f;
    width: auto;
}

/* Confetti animation ------------------------------------------------------------------------------------------------*/
.birthday-wish-confetti-container {
    display: flex;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 250%;
    overflow: auto;
    z-index: 11;
}
.confetti {
    width: 0.5rem;
    height: 0.5rem;
    background-color: #f2d74e;
    position: absolute;
    left: 50%;
    animation: confetti 5s ease-in-out -2s infinite;
    transform-origin: left top;
}

@keyframes confetti {
    0% { transform: rotateZ(15deg) rotateY(0deg) translate(0,0); }
    25% { transform: rotateZ(5deg) rotateY(360deg) translate(-5vw,20vh); }
    50% { transform: rotateZ(15deg) rotateY(720deg) translate(5vw,60vh); }
    75% { transform: rotateZ(5deg) rotateY(1080deg) translate(-10vw,80vh); }
    100% { transform: rotateZ(15deg) rotateY(1440deg) translate(10vw,110vh); }
}

/* Birthday Email page -----------------------------------------------------------------------------------------------*/
.birthday-email-title {
    color: #004f9f;
}
.birthday-email-info-text-container {
    margin: 1rem 0 1rem 0;
    font-size: 0.9rem;
    border-left: 6px solid #004f9f;
    padding: 0.5rem;
    background-color: #eeffff;
}
.birthday-email-test-email-container {
    display: flex;
    justify-content: flex-end;
    margin-bottom: -1rem;
}
.birthday-email-test-email-btn {
    align-self: flex-end;
    padding: 0.4rem 0.8rem 0.4rem 0.8rem;
    color: #fff;
    background-color: #f18800;
    font-size: 1rem;
    font-weight: 600;
    border: none;
    border-radius: 2rem;
}
.birthday-email-test-email-btn:hover {
    color: #ffffff;
    background-color: #004f9f;
}
.birthday-email-subject-input {
    width: 20rem;
}
.birthday-email-submit-btn-container {
    margin-top: 1rem;
    display: flex;
    justify-content: flex-end;
}
.birthday-email-submit-btn {
    align-self: flex-end;
    padding: 0.4rem 0.8rem 0.4rem 0.8rem;
    color: #fff;
    background-color: #f18800;
    font-size: 1rem;
    font-weight: 600;
    border: none;
    border-radius: 2rem;
}
.birthday-email-submit-btn:hover {
    color: #fff;
    background-color: #004f9f;
}

/* Not visible for Roles include -------------------------------------------------------------------------------------*/
.footer-page-visibility-container {
    display: flex;
    justify-content: center;
    background: white !important;
}
.not-visible-for-roles-main-container {
    display: flex;
    justify-content: center;
    margin-bottom: -1rem;
}
.not-visible-for-roles-text {
    font-size: 0.9rem;
}
.role-name {
    font-size: 0.9rem;
    font-weight: 550;
}
.not-visible-for-roles {
    display: flex;
    flex-direction: row;
}
.for-all-visible {
    font-size: 0.9rem;
}

/* calender component ----------------------------------------------------------------------------------------------- */
.calendar-component {
    border: 1px solid #dedede;
    border-radius: 0.4rem;
    font-weight: bold;
    margin: 1em 0 1em 0;
    padding: 4rem 0.8rem;
    text-align: center;
}

/* user component --------------------------------------------------------------------------------------------------- */
.user-component {
    border: 1px solid #dedede;
    border-radius: 0.4rem;
    margin: 1em 0 1em 0;
    padding: 0.4rem 0.8rem;
    text-align: center;
}

.user-component .headline {
    margin: 0.8rem 0;
    font-weight: bold;
}

.user-component .entry {
    margin: .625rem 0 0 3.75rem;
    font-size: 1rem;
}

.user-component .link {
    margin: 0.8rem 0;
    font-size: 1rem;
    font-weight: bold;
}

.user-component .link a:hover {
    color: #3b4348;
}

.user-component .logout-link {
    margin: 0.8rem 0;
}

/* headline component ----------------------------------------------------------------------------------------------- */
.headline-component {
    background-color: #004f9f;
    border-radius: 0.4rem;
    color: #ffffff;
    font-weight: bold;
    margin: 1em 0 1em 0;
    padding: 1rem 0.8rem;
    text-align: left;
}

.headline-component-alignment-left {
    text-align: left;
}

.headline-component-alignment-center {
    text-align: center;
}

.headline-component-alignment-right {
    text-align: right;
}

/* Home --------------------------------------------------------------------------------------------------------------*/
.row.separator {
    margin-bottom: 0.625rem;
}

.home-listing-area h2 {
    font-weight: 600;
    font-size: 1.375rem;
    padding-bottom: 0.625rem;
    border-bottom: 0.0625rem solid #f2f2f2;
}

/* Articles List Widget ----------------------------------------------------------------------------------------------*/
.articles-list {
    margin-bottom: 1.25rem;
}
.articles-list > h3 {
    font-weight: 600;
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
}
.articles-list > h3 span {
    color: #6f7579;
    font-size: 1rem;
}
.articles-list > h3 a {
    color: #3b4348;
}
.articles-list > h3 a:hover {
    color: #395996;
}

ul.articles {
    list-style: none;
    margin: 0;
}
ul.articles .article-entry {
    position: relative;
    border-bottom: 0.0625rem solid #f2f2f2;
    padding: 0 0 0 1.5rem;
    background: url("../images/standard.png") no-repeat 0 0.1875rem;
}
ul.articles .article-entry.standard {
    background: url("../images/standard.png") no-repeat 0 0.1875rem;
}
ul.articles .article-entry.video {
    background: url("../images/video.png") no-repeat 0 0.1875rem;
}
ul.articles .article-entry.image {
    background: url("../images/image.png") no-repeat 0 0.1875rem;
}
ul.articles .article-entry.gallery {
    background: url("../images/image.png") no-repeat 0 0.1875rem;
}
ul.articles li.article-entry:last-child {
    border-bottom: 0.0625rem solid #f2f2f2;
}

.article-entry > h4 {
    font-size: 0.8125rem;
    margin-bottom: 0.3125rem;
    font-weight: 600;
}
.article-entry > h4 a {
    color: #3b4348;
}
.article-entry > h4 a:hover {
    color: #395996;
}
.article-entry .article-meta {
    display: block;
    margin-bottom: 0.625rem;
}
.article-entry .like-count {
    position: absolute;
    bottom: 0rem;
    right: 0rem;
    line-height: 1.125rem;
    font-weight: 600;
    padding: 0.1875rem 0.3125rem 0.1875rem 1.25rem;
    border: 0.0625rem solid #f2f2f2;
    border-bottom: none;
    background: url("../images/like.png") no-repeat 0.375rem 0.5rem;
}
.article-entry:hover .like-count {
    background: url("../images/like.png") no-repeat 0.375rem -1.375rem;
    color: #395996;
}

#footer .article-entry .like-count {
    border-color: #535b61;
}
#footer .article-entry:hover .like-count {
    color: #fff;
}
#footer ul.articles li.article-entry:last-child {
    border-bottom: 0.0625rem solid #535b61;
}

/* Articles List -----------------------------------------------------------------------------------------------------*/
.hentry .post-meta {
    padding: 0.25rem 0.1875rem 0.25rem 0rem;
    border-top: 0.0625rem solid #f2f2f2;
    border-bottom: 0.0625rem solid #f2f2f2;
    margin-bottom: 0.9375rem;
    font-size: 0.75rem;
}

.hentry .post-meta > span {
    display: inline-block;
    padding-left: 1.375rem;
    margin-right: 0.9375rem;
    line-height: 1.375rem;
}

.hentry .post-meta .date {
    background: url("../images/calendar-icon.png") no-repeat left center;
}

.hentry .post-meta .author {
    background: url("../images/user.png") no-repeat left center;
}

.like-btn .like-it {
    display: inline-block;
    height: 1.25rem;
    line-height: 1.25rem;
    padding: 0.3125rem 0.8125rem;
    padding-left: 1.5625rem;
    background: #fafafa url("../images/like-btn.png") no-repeat 0.625rem -1.25rem;
    cursor: pointer;
    -webkit-border-radius: 0.1875rem;
    -moz-border-radius: 0.1875rem;
    border-radius: 0.1875rem;
    color: #8cd24e;
}
.like-btn .like-it:hover {
    background: #b6b6b6 url("../images/like-btn.png") no-repeat 0.625rem 0.625rem;
    color: #fff;
}
.like-btn .like-it.already-voted {
    cursor: default;
}
.like-btn .like-it.already-voted:hover {
    background: #fafafa url("../images/like-btn.png") no-repeat 0.625rem -1.25rem;
    color: #8cd24e;
}

.hentry.type-post .post-title {
    padding-left: 2.1875rem;
    background: url("../images/standard-large.png") no-repeat 0 0.1875rem;
    font-size: 1.25rem;
    line-height: 1.875rem;
}
.hentry.type-post h1.post-title {
    font-size: 1.625rem;
    line-height: 2.25rem;
    background-position: 0 0.375rem;
}
.hentry.type-post h1.post-title a {
    color: #3B4348;
}

.single-faq .hentry h1.post-title {
    font-size: 1.5rem;
    line-height: 2.125rem;
}

.hentry.format-image {
    margin-bottom: 4rem;
}

.hentry.format-image .post-title {
    background: none;
    padding-left: 0;
}

.hentry.format-video .post-title {
    background: url("../images/video-large.png") no-repeat 0 0.1875rem;
}

.hentry.type-post .lead-text {
    margin-bottom: 1.25rem;
}

.hentry.type-post .lead-text p {
    line-height: 1.5rem;
    margin: 0;
}

.hentry.type-post .article-link {
    font-weight: bold;
    margin-top: 3rem;
}

.hentry.type-post .article-link a:hover {
    color: #3b4348;
}

.hentry.type-post .rich-text-content {
    line-height: 1.5rem;
}

.hentry.type-post .rich-text-content a {
    color: #1e5799;
    font-weight: bold;
}

.rich-text-content-frame {
    border: 1px solid #dedede;
    border-radius: 0.4rem;
    margin: 1em 0 1em 0;
    padding: 1.5rem 0.8rem;
    overflow: hidden;
}

.faq.hentry .post-title {
    background: url("../images/question-large.png") no-repeat 0 0.3125rem;
    padding-left: 1.875rem;
}

.post-video {
    margin-bottom: 1.25rem;
}
.post-video .video-wrapper {
    width: 100%;
    position: relative;
    padding: 0;
    padding-top: 56.2%;
}
.post-video .video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.page-404 h1.title-404 {
    font-size: 12.5rem;
    line-height: 13.125rem;
    font-weight: 800;
    text-align: center;
    margin: 1.875rem;
}
.page-404 h2 {
    font-size: 1.875rem;
    text-align: center;
}
.page-404 h3 {
    font-size: 1.625rem;
    text-align: center;
}
.page-404 p {
    font-size: 0.875rem;
    text-align: center;
}

/* Shop Category Page -----------------------------------------------------------------------------------------------*/
.category-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}
.category-card-btn {
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
    width: 100%;
    background-color: #f18800;
    border: none;
    font-size: 0.8rem;
    font-weight: 600;
    color: #fff;
    text-align: center;
    margin-top: 2rem;
}
.category-card-btn:hover {
    background-color: #004f9f;
}
.category-card-btn-disabled {
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
    width: 100%;
    background-color: grey;
    border: none;
    font-size: 0.8rem;
    font-weight: 600;
    color: #fff;
    text-align: center;
    margin-top: 2rem;
    cursor: default;
}
.category-name {
    color: #004f9f;
    font-size: 1.1em;
}
.category-name:hover {
    color: #f18800;
}

/* Shop page ---------------------------------------------------------------------------------------------------------*/
.shop-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin: 1rem 0 1rem 0;
    border: 1px solid #dedede;
    border-radius: 0.4rem;
    width: 28rem;
}
.shop-article-description {
    font-size: 0.9em;
}
.shop-item-properties {
    text-align: center;
}
.shop-image{
}
.article-name {
    color: #004f9f;
    font-size: 1.1em;
}
.article-name:hover {
    color: #f18800;
}

/* Article details page ----------------------------------------------------------------------------------------------*/
.shop-item-overview-picture-cart-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.shop-item-overview-price-container {
    margin-top: 1rem;
    width: 410px;
}
.article-title-div {
    margin-left: 1rem;
    margin-bottom: 2rem;
    margin-top: -1rem;
}
.article-title {
    color: black;
    margin-bottom: -0.1rem;
}
.article-price {
    text-align: right;
}
.tax-div {
    text-align: right;
}
.article-not-deliverable {
    text-align: right;
}
.add-to-card-btn {
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
    width: 100%;
    background-color: #f18800;
    border: none;
    font-size: 1rem;
    font-weight: 600;
    color: #fff;
    text-align: center;
    margin-top: 2rem;
}
.add-to-card-btn:hover {
    background-color: #004f9f;
}
.add-to-card-btn-disable {
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
    width: 100%;
    background-color: grey;
    border: none;
    font-size: 1rem;
    font-weight: 600;
    color: #fff;
    text-align: center;
    margin-top: 2rem;
    cursor: default;
}
.green-circle:before {
    content: ' \25CF'; /* unicode symbol for a circle */
    font-size: 22px;
    color: lawngreen;
    margin-right: 0.5rem;
}
.red-circle:before {
    content: ' \25CF'; /* unicode symbol for a circle */
    font-size: 20px;
    color: red;
    margin-right: 0.5rem;
}
.article-description {
    margin-left: 1rem;
}
.article-image {
    max-width: 450px;
    max-height: 400px;
}

/* Shopping Card Component -----------------------------------------------------------------------------------------------------*/
.shopping-card-sidebar {
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 1rem;
    border: 1px solid #dedede;
    border-radius: 0.4rem;
}
.shopping-card-title-div {
    display: flex;
    justify-content: center;
}
.shopping-card-container {
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin-top: 1rem;
    margin-bottom: 1rem;
    color: #004f9f;
}
.shopping-card-container:hover {
    color: #f18800;
}
/* Keyframes for glowing, these are triggered from shopping cart component js file */
@-webkit-keyframes glowing {
    0% { -webkit-box-shadow: 0 0 3px #015AAA; }
    50% { -webkit-box-shadow: 0 0 40px #015AAA; }
    100% { -webkit-box-shadow: 0 0 3px #015AAA; }
}
@-moz-keyframes glowing {
    0% { -moz-box-shadow: 0 0 3px #015AAA; }
    50% { -moz-box-shadow: 0 0 40px #015AAA; }
    100% { -moz-box-shadow: 0 0 3px #015AAA; }
}
@-o-keyframes glowing {
    0% { box-shadow: 0 0 3px #015AAA; }
    50% { box-shadow: 0 0 40px #015AAA; }
    100% { box-shadow: 0 0 3px #015AAA; }
}
@keyframes glowing {
    0% { box-shadow: 0 0 3px #015AAA; }
    50% { box-shadow: 0 0 40px #015AAA; }
    100% { box-shadow: 0 0 3px #015AAA; }
}
.shopping-card-title {
    color: #004f9f;
    font-size: 1.5em;
}
.shopping-card-article {
    align-self: center;
    font-size: 1em;
}
.shopping-card-price {
    align-self: center;
    font-size: 1.1em;
}
.shopping-card-mwst {
    align-self: center;
    font-size: 1em;
}
.to-shopping-card-btn {
    display: flex;
    justify-content: center;
    color: #004f9f;
    font-size: 1.1em;
}
.to-shopping-card-btn:hover {
    color: #f18800;
}
.component-shopping-cart-last-orders-btn {
    color: #f18800;
}
.component-shopping-cart-last-orders-btn:hover {
    color: #004f9f;
}

/* Shopping Card -----------------------------------------------------------------------------------------------------*/
.shopping-card-top-main-container {
    display: flex;
}
.shopping-card-main-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    max-width: min-content;
    margin-right: auto;
}
.shopping-card-item-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin: 1rem 0 1rem 0;
    border: 1px solid #dedede;
    border-radius: 0.4rem;
    width: 450px;
    height: fit-content;
    padding: 1rem;
}
.shopping-card-item-properties {
    text-align: right;
    width: 255px;
}
.shopping-card-item-name {
    text-align: right;
    color: #004f9f;
    font-size: 1.1em;
}
.shopping-card-item-price {
    text-align: right;
    font-size: 1.2em;
    margin-top: 1rem;
}
.shopping-card-one-item-price {
    text-align: right;
    font-size: 0.8em;
}
.shopping-card-item-manipulation {
    display: flex;
    justify-content: flex-end;
    flex-direction: row;
    margin-top: 2rem;
}
.shopping-card-remove-btn-container {
    margin-right: 1rem;
    padding: 0.6rem;
}
.shopping-card-remove-btn {
    border: 1px solid #dedede;
    padding: 0.6rem;
    color: #004f9f;
}
.shopping-card-remove-btn:hover {
    box-shadow: 1px 4px 20px rgb(177, 176, 176);
    color: #f18800;
    cursor: pointer;
}
.shopping-card-item {
    border: 1px solid #dedede;
    padding: 0.5rem;
    display: flex;
    flex-direction: row;
}
.shopping-card-item-decrease {
    margin-right: 1.5rem;
    color: #004f9f;
}
.shopping-card-item-decrease:hover {
    cursor: pointer;
    color: #f18800;
}
.shopping-cart-increase {
    margin-left: 1.5rem;
    color: #004f9f;
}
.shopping-cart-increase:hover {
    cursor: pointer;
    color: #f18800;
}
.shopping-card-money-container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    margin: 1rem 0 1rem 0;
    border: 1px solid #dedede;
    border-radius: 0.4rem;
    width: 22rem;
    height: fit-content;
    padding: 1rem;
}
.shopping-card-money-subtotal {
    display: flex;
    justify-content: space-between;
}
.shopping-card-money-tax {
    display: flex;
    justify-content: space-between;
}
.shopping-card-money-final {
    display: flex;
    justify-content: space-between;
}
.shopping-card-pay-btn {
    padding: 1rem 1rem 1rem 1rem;
    width: 100%;
    background-color: #f18800;
    border: none;
    font-size: 1rem;
    font-weight: 600;
    color: #fff;
    text-align: center;
    margin-top: 2rem;
}
.shopping-card-pay-btn:hover {
    background-color: #004f9f;
}
.shopping-card-continue-shopping-container {
    margin-top: 1rem;
    align-self: center;
}

/* Ordering Page -----------------------------------------------------------------------------------------------------*/
.ordering-page-address-buy-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 2rem;
}
.ordering-page-address-container {
    display: flex;
    flex-direction: column;
    border: 1px solid #dedede;
    border-radius: 0.4rem;
    width: 28rem;
    padding: 1rem;
}
.order-addresses {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.order-delivery-address {
    min-width: 10rem;
    width: fit-content;
    padding: 1rem;
}
.order-bill-address {
    min-width: 10rem;
    width: fit-content;
    padding: 1rem;
}
.order-page-customer-name {
    font-size: 1em;
}
.order-page-customer-street {
    font-size: 1em;
}
.order-page-customer-city {
    font-size: 1em;
}
.order-page-customer-email {
    font-size: 1em;
}
.address-title {
    font-size: 1.2em;
    color: #004f9f;
}
.order-change-address-container {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 3rem;
    margin-right: 1rem;
}
.order-change-addresses-btn {
    background-color: #004f9f;
    border: none;
    font-size: 1rem;
    font-weight: 600;
    color: #fff;
    text-align: center;
    width: fit-content;
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
}
.order-change-addresses-btn:hover {
    color: #ffffff;
    background-color: #f18800;
}
.ordering-page-address-inputs {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 20rem;
    margin-left: 1rem;
}
.ordering-page-top-buy-container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    border: 1px solid #dedede;
    border-radius: 0.4rem;
    width: 28rem;
    height: fit-content;
    padding: 1rem;
}
.ordering-page-dropdown-container {
    margin-top: .5rem;
}
.ordering-page-center-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.ordering-page-select-center-label {
    font-size: 1.1em;
}
.ordering-page-select-center {
    width: fit-content;
}
.ordering-page-shipping-service-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.ordering-page-shipping-service-label {
    font-size: 1.1em;
}
.ordering-page-select-shipping-service {
    width: fit-content;
}
.ordering-page-message-textarea {
    margin-top: -0.5rem;
    margin-bottom: 1rem;
    min-width: 27rem;
    max-width: 27rem;
    height: 3rem;
}
.ordering-page-terms-conditions-container {
    margin-left: 0.2rem;
    margin-top: -0.5rem;
    margin-bottom: 0.5rem;
}
.ordering-page-terms-conditions-text {
    font-size: 0.8em;
}
.ordering-page-required-star {
    color: #f18800;
}
.ordering-page-required-message {
    font-size: 0.8em;
}
.ordering-page-terms-conditions-link {
    color: #004f9f;
}
.ordering-page-terms-conditions-link:hover {
    color: #f18800;
}
.ordering-page-buy-btn {
    padding: 1rem 1rem 1rem 1rem;
    width: 100%;
    background-color: #f18800;
    border: none;
    font-size: 1rem;
    font-weight: 600;
    color: #fff;
    text-align: center;
    margin-bottom: -1.5rem;
}
.ordering-page-buy-btn:hover {
    background-color: #004f9f;
}
.ordering-page-buy-btn-inactive {
    padding: 1rem 1rem 1rem 1rem;
    width: 100%;
    background-color: grey;
    border: none;
    font-size: 1rem;
    font-weight: 600;
    color: #fff;
    text-align: center;
}
.ordering-page-buy-btn-inactive:hover {
    cursor: default;
}
.ordering-page-article-container {
    margin-top: 1.5rem;
}
table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
}
th {
    border: 1px solid #dddddd;
    text-align: center;
    padding: 8px;
}
td {
    text-align: center;
    border: 1px solid #dddddd;
    padding: 8px;
}
tr:nth-child(even) {
    background-color: #ececec;
}

/* Logistic overview page ------------------------------------------------------------------------------------------- */
.logisticOverviewFilterContainer {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.locationOverviewSubmitContainer {
    margin-top: 1.5rem;
    margin-left: 2rem;
}
.locationOverviewSubmitButton {
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
    background-color: #f18800;
    border: none;
    font-size: 1rem;
    font-weight: 600;
    color: #fff;
    border-radius: 1rem;
    text-align: center;
}
.locationOverviewSubmitButton:hover {
    background-color: #004f9f;
}
.locationOverviewSubmitButton:disabled {
    background-color: grey;
    cursor: default;
}
.logisticOverviewMainContainer {
    margin-top: 2rem;
}
.logisticOverviewTableContainer {
    padding: .5rem;
    background-color: #fff;
}
.logisticOverviewNumberContainer {
    display: flex;
    flex-direction: column;
    margin-bottom: 1rem;
}
.logisticOverviewQuantityMainContainer {
    display: flex;
    align-items: center;
}
.logisticOverviewFooterActionContainer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem .5rem 0 0.5rem;
    background-color: #F4F4F4;
}
.logisticOverviewSendEmailAgainContainer {
    display: flex;
    justify-content: flex-end;
    width: 100%;
}
.logisticOverviewBuyAgainBtn {
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
    background-color: #f18800;
    border: none;
    font-size: 0.8rem;
    font-weight: 600;
    color: #fff;
    border-radius: .5rem;
}
.logisticOverviewBuyAgainBtn:hover {
    background-color: #004f9f;
}

/* Custom Order Address Page -----------------------------------------------------------------------------------------*/
.custom-order-address-container {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    margin-top: 2rem;
}
.custom-delivery-address {
    display: flex;
    flex-direction: column;
    border: 1px solid #dedede;
    border-radius: 0.4rem;
    padding: 1rem;
    width: 25rem;
}
.custom-delivery-order-title {
    font-size: 1.2em;
    font-weight: 600;
    color: #004f9f;
}
.custom-delivery-company-container {
    margin-left: 0.5rem;
}
.custom-delivery-company-input {

}
.custom-delivery-name-container {
    display: flex;
    flex-direction: row;
    width: 25rem;
    margin-left: 0.5rem;
}
.custom-delivery-name-input {
}
.custom-delivery-street-nr-container {
    display: flex;
    flex-direction: row;
    margin-left: 0.5rem;
    width: 25rem;
}
.custom-delivery-street-input {

}
.custom-delivery-houseNr-input {
    width: 5rem;
}
.custom-delivery-zip-city-container {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    width: 21rem;
}
.custom-delivery-zipcode-input {
    width: 5rem;
}
.custom-delivery-city-input {

}
.custom-bill-address {
    display: flex;
    flex-direction: column;
    border: 1px solid #dedede;
    border-radius: 0.4rem;
    width: fit-content;
    padding: 1rem;
}
.custom-bill-address-title {
    font-size: 1.2em;
    font-weight: 600;
    color: #004f9f;
}
.custom-bill-company-container {
    margin-left: 0.5rem;
}
.custom-bill-company-input {

}
.custom-bill-name {
    display: flex;
    flex-direction: row;
    width: 25rem;
    margin-left: 0.5rem;
}
.custom-bill-firstname-input {
}
.custom-bill-street-nr-container {
    display: flex;
    flex-direction: row;
    width: 21rem;
    margin-left: 0.5rem;
}
.custom-bill-street-input {

}
.custom-bill-zip-city-container {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    width: 21rem;
}
.custom-bill-zipcode-input {
    width: 5rem;
}
.custom-address-submit-btn {
    display: flex;
    justify-content: flex-end;
    margin-top: 2rem;
    margin-right: 4rem;
}
.custom-address-cancel-btn {
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
    background-color: #004f9f;
    width: 5rem;
    border: none;
    font-weight: 600;
    font-size: 1rem;
    color: #fff;
    text-align: center;
    margin-right: 2rem;
}
.custom-address-cancel-btn:hover {
    color: #ffffff;
    background-color: #f18800;
}
.custom-delivery-bill-submit-btn {
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
    background-color: #f18800;
    border: none;
    font-size: 1rem;
    font-weight: 600;
    color: #fff;
    text-align: center;
}
.custom-delivery-bill-submit-btn:hover {
    background-color: #004f9f;
}

/* Order Complete Page -----------------------------------------------------------------------------------------------*/
.order-complete-user-info-container {
    margin-top: 3rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}
.order-complete-delivery-address {
    border: 1px solid #dedede;
    border-radius: 0.4rem;
    padding: 1rem;
    min-width: 14rem;
}
.order-complete-order-infos {
    border: 1px solid #dedede;
    border-radius: 0.4rem;
    padding: 1rem;
    min-width: 14rem;
}
.order-complete-back-btns {
    display: flex;
    justify-content: center;
}
.order-complete-back-to-shop-page {
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
    background-color: #f18800;
    border: none;
    font-size: 0.8rem;
    font-weight: 600;
    color: #fff;
    margin-right: 2rem;
}
.order-complete-back-to-shop-page:hover {
    background-color: #004f9f;
    color: #fff;
}
.order-complete-back-to-start-page {
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
    background-color: #004f9f;
    border: none;
    font-size: 0.8rem;
    font-weight: 600;
    color: #fff;
}
.order-complete-back-to-start-page:hover {
    background-color: #f18800;
    color: #fff;
}
.order-complete-order-number-title {
    font-size: 1em;
    font-weight: 600;
}
.order-complete-payment-method-title {
    font-size: 1em;
    font-weight: 600;
}
.order-complete-customer-name {
    font-size: 1em;
}
.order-complete-customer-street {
    font-size: 1em;
}
.order-page-customer-city {
    font-size: 1em;
}

/* All Orders Page ---------------------------------------------------------------------------------------------------*/
.allOrderMainContainer {
    margin-top: 2rem;
}
.all-orders-buy-again-btn {
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
    background-color: #f18800;
    border: none;
    font-size: 0.8rem;
    font-weight: 600;
    color: #fff;
    border-radius: .5rem;
}
.all-orders-buy-again-btn:hover {
    background-color: #004f9f;
}
.allOrderFooterContainer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem .5rem 0 0.5rem;
    background-color: #F4F4F4;
}
.allOrdersRemarkInput {
    width: 40rem;
    height: 4rem;
    min-width: 30rem;
    min-height: 2rem;
    max-width: 46rem;
    max-height: 8rem;
}
.allOrderOrderAgainContainer {
    display: flex;
    justify-content: flex-end;
    width: 100%;
}
.allOrderQuantityMainContainer {
    display: flex;
    align-items: center;
}
.allOrderTableContainer {
    padding: .5rem;
    background-color: #fff;
}
.inProgress {
    box-shadow: 0 8px 8px 2px #fffce1 !important;
}
.inProgress:hover {
    box-shadow: 0 8px 8px 2px #fffff1 !important;
}
.approved {
    box-shadow: 0 8px 8px 2px #DFF0D8 !important;
}
.approved:hover {
    box-shadow: 0 8px 8px 2px #ebf4e8 !important;
}
.rejected {
    box-shadow: 0 8px 8px 2px #F2DEDE !important;
}
.rejected:hover {
    box-shadow: 0 8px 8px 2px #f1e7e7 !important;
}


/* Area leader approve page ------------------------------------------------------------------------------------------*/
.approvePageMainContainer {
    margin-top: 2rem;
}

/* these accordion classes are used in other pages */
.accordion-group {
    background-color: #F4F4F4;
    box-shadow: 0 8px 8px 2px #e3e3e3;
    margin-bottom: 0.8rem;
}
.accordion-group:hover {
    box-shadow: 0 8px 8px 2px #dcefff;
}
.accordion-custom-heading {
    padding: 0.2rem;
    font-weight: 600;
}
.accordion-toggle {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
}
.approvePageAddressAndMessageContainer {
    display: flex;
    flex-direction: row;
}
.approvePageMessageContainer {
    margin: 1rem;
}
.approvePageAddressContainer {
    display: flex;
    flex-direction: row;
    margin: 1rem;
}
.approvePageDeliveryAddressContainer {
    display: flex;
    flex-direction: column;
    margin-right: 2rem;
}
.approvePageBillAddressContainer {
    display: flex;
    flex-direction: column;
}
.approvePageTableContainer {
    padding: .5rem;
    background-color: #fff;
}
.approvePageQuantityMainContainer {
    display: flex;
    align-items: center;
}
.approvePageDecreaseContainer {
    margin-right: .5rem;
}
.approvePageIncreaseContainer {
    margin-left: .5rem;
}
.decreaseBtn {
    border-radius: .5rem;
    border: 2px solid #2196F3;
    background-color: #fff;
    color: #000;
}
.increaseBtn {
    border-radius: .5rem;
    border: 2px solid #2196F3;
    background-color: #fff;
    color: #000;
}
.decreaseBtn:hover {
    border: 2px solid #1b7ecc;
}
.increaseBtn:hover {
    border: 2px solid #1b7ecc;
}
.approvePageFooterContainer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem .5rem 0 0.5rem;
    background-color: #F4F4F4;

}
.approvePageRemarkInput {
    width: 40rem;
    height: 4rem;
    min-width: 30rem;
    min-height: 2rem;
    max-width: 46rem;
    max-height: 8rem;
}
.approvePageButtonContainer {
    margin-right: .5rem;
}
.approveBtn {
    background-image: none;
    background-color: #217A25;
    margin-left: .5rem;
}
.approveBtn:hover {
    background-color: #1c6a1f;
}
.rejectBtn {
    background-image: none;
    background-color: #FF7070;
}
.rejectBtn:hover {
    background-color: #e36464;
}
.approvePageHistoryTopMainContainer {
    margin-top: 10rem;
}
.accordion-history-custom-heading {
    padding: .5rem 1.5rem;
    font-weight: 600;
}

/* Edit user properties page -----------------------------------------------------------------------------------------*/
.edit-profile-main-title-container {
    display: flex;
    justify-content: space-between;
}
.edit-profile-main-container {
    margin-top: 0.5rem;
}
.edit-profile-name-inputs-container {
    display: flex;
}
.edit-profile-required-field-message {
    color: red;
    text-align: right;
}
.edit-profile-required-symbol {
    color: red;
}
.edit-profile-title-container {
    margin-right: 1rem;
}
.edit-profile-title-select {
    width: 5rem;
}
.edit-profile-title-input {
    width: 8rem;
}
.edit-profile-firstname-container {
    margin-right: 2rem;
}
.edit-profile-title-container {
    margin-bottom: 1rem;
}
.edit-profile-title {
    font-size: 1.2em;
    font-weight: 600;
    color: #004f9f;
}
.edit-profile-address-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: fit-content;
}
.edit-profile-private-address-container {
    width: 21rem;
    margin-right: 2rem;
    border-right: 1px solid lightgrey;
 }
.edit-profile-zip-city-container {
    display: flex;
    justify-content: space-evenly;
    margin-left: -1.2rem;
}
.edit-profile-zip-input {
    width: 4rem;
}
.edit-profile-country-select {
    width: fit-content;
}
.edit-profile-postal-address-container {
    width: 21rem;
}
.edit-profile-contacts-container {
}
.edit-profile-phone-container {
    display: flex;
    justify-content: space-evenly;
    max-width: fit-content;
}
.edit-profile-mobile-container {
    margin-right: 2rem;
}
.edit-profile-fax-email-container {
    display: flex;
}
.edit-profile-fax-container {
    margin-right: 2rem;
}
.edit-profile-submit-container {
    display: flex;
    justify-content: flex-end;
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.edit-profile-submit-btn {
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
    background-color: #f18800;
    border: none;
    font-size: 1rem;
    font-weight: 600;
    color: #fff;
    border-radius: 1rem;
    text-align: center;
}
.edit-profile-submit-btn:hover {
    background-color: #004f9f;
    color: #ffffff;
}
.edit-profile-cancel-btn {
    margin-right: 4rem;
    padding: 0.5rem 1.5rem 0.5rem 1.5rem;
    background-color: #004f9f;
    border: none;
    font-size: 1rem;
    font-weight: 600;
    color: #fff;
    border-radius: 1rem;
    text-align: center;
}
.edit-profile-cancel-btn:hover {
    background-color: #f18800;
    color: #ffffff;
}
@media (max-width: 1344px) {
    .edit-profile-private-address-container {
        margin-right: 2.1rem;
        border-right: none;
    }
}

/* Franchise Partner Admin Edit Profile ------------------------------------------------------------------------------*/
.fp-admin-edit-profile-title {
    color: #004f9f;
}
.fp-admin-edit-profile-form-container {
    margin-top: 1rem;
    display: flex;
    flex-direction: row;
}
.fp-admin-edit-profile-submit-container {
    margin-top: 1.5rem;
    margin-left: 2rem;
    margin-bottom: 1rem;
}
.fp-admin-edit-profile-search-btn {
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
    background-color: #f18800;
    border: none;
    font-size: 1rem;
    font-weight: 600;
    color: #fff;
    border-radius: 1rem;
    text-align: center;
}
.fp-admin-edit-profile-search-btn:hover {
    color: #fff;
    background-color: #004f9f;
}
.fp-admin-edit-profile-submit-btn {
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
    background-color: #f18800;
    border: none;
    font-size: 1rem;
    font-weight: 600;
    color: #fff;
    border-radius: 1rem;
    text-align: center;
}
.fp-admin-edit-profile-submit-btn:hover {
    color: #fff;
    background-color: #004f9f;
}
.fp-admin-edit-profile-required-field-message {
    display: flex;
    justify-content: flex-end;
    color: red;
    margin-bottom: 2rem;
    margin-top: -1rem;
}
.fp-admin-edit-profile-searched-person-title-container {
    color: #004f9f;
}
.fp-admin-edit-profile-searched-person-title {
    font-size: 1.2rem;
}
.fp-admin-edit-profile-required-symbol {
    color: red;
}
.fp-admin-edit-profile-title-salutation-container {
    display: flex;
    flex-direction: row;
}
.fp-admin-edit-profile-academic-title-container {
    margin-right: 2rem;
}
.fp-admin-edit-profile-name-input-container {
    margin-right: 2rem;
}
.fp-admin-edit-profile-name-birth-container {
    display: flex;
}
.fp-admin-edit-profile-address-container {
    display: flex;
}
.fp-admin-edit-profile-title-container {
    margin-bottom: 1rem;
}
.fp-admin-edit-profile-private-address-container {
    margin-right: 2rem;
}
.fp-admin-edit-profile-zip-city-container {
    display: flex;
}
.fp-admin-edit-profile-zip-container {
    margin-right: 1rem;
}
.fp-admin-edit-profile-zip-input {
    width: 4rem;
}
.fp-admin-edit-profile-phone-container {
    display: flex;
}
.fp-admin-edit-profile-mobile-container {
    margin-right: 2rem;
}
.fp-admin-edit-profile-fax-email-container {
    display: flex;
}
.fp-admin-edit-profile-fax-container {
    margin-right: 2rem;
}
.fp-admin-edit-profile-submit-container {
    display: flex;
    justify-content: flex-end;
}

/* User Profile ------------------------------------------------------------------------------------------------------*/
.my-profile-profile-container {
    margin-top: 0.5rem;
}
.my-profile-contact-container {
    display: flex;
    flex-direction: row;
}
.my-profile-phone-mobile-container {
    flex-direction: column;
    margin-right: 2.2rem;
}
.my-profile-phone-title {
    font-weight: 900;
    margin-right: 0.5rem;
}
.my-profile-fax-title {
    font-weight: 900;
    margin-right: 1.6rem;
}
.my-profile-mobile-container {
    margin-right: 2.3rem;
}
.my-profile-mobile-title {
    font-weight: 900;
    margin-right: 1.5rem;
}
.my-profile-email-title {
    font-weight: 900;
    margin-right: 0.5rem;
}
.my-profile-partner-title {
    font-weight: 900;
    margin-right: 1.5rem;
}
.my-profile-location-count-title {
    font-weight: 900;
    margin-right: 0.5rem;
}
.my-profile-address-container {
    display: flex;
    flex-direction: row;
    margin-top: -1rem;
    margin-bottom: 1rem;
}
.my-profile-private-address-container {
    margin-right: 5rem;
}
.my-profile-private-zip-city-container {
    display: flex;
    flex-direction: row;
}
.my-profile-private-zip-container {
    margin-right: 0.5rem;
}
.my-profile-postal-zip-city-container {
    display: flex;
    flex-direction: row;
}
.my-profile-private-title {
    font-size: 1.5rem;
    font-weight: 600;
    color: #004f9f;
}
.my-profile-postal-title {
    font-size: 1.5rem;
    font-weight: 600;
    color: #004f9f;
}
.my-profile-postal-zip-container {
    margin-right: 0.5rem;
}
.my-profile-title-edit-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.my-profile-name {
    color: #004f9f;
}
.my-profile-edit-btn-container {
    margin-top: 1.5rem;
}
.my-profile-edit-btn {
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
    background-color: #f18800;
    border: none;
    font-size: 1rem;
    font-weight: 600;
    color: #fff;
    text-align: center;
    border-radius: 1rem;
}
.my-profile-edit-btn:hover {
    background-color: #004f9f;
    color: #ffffff;
}
.my-profile-locations-container {
    margin-top: 1rem;
    margin-bottom: 2rem;
}
.my-profile-location-title-create-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.my-profile-title {
    color: #004f9f;
}
.my-profile-create-location-container {
    margin-top: 1.5rem;
}
.my-profile-create-location-btn {
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
    background-color: #f18800;
    border: none;
    font-size: 1rem;
    font-weight: 600;
    color: #fff;
    text-align: center;
    border-radius: 4rem;
}
.my-profile-create-location-btn:hover {
    background-color: #004f9f;
    color: #ffffff;
}
.my-profile-location-container {
    margin-top: 0.5rem;
    margin-left: 0.5rem;
}
.my-profile-edit-location-btn {
    color: #f18800;
}
.my-profile-edit-location-btn:hover {
    color: #004f9f;
}

/* Administration Interface ------------------------------------------------------------------------------------------*/
.admin-interface-title {
    color: #004f9f;
}
.admin-interface-link-collection-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 1rem;
}
.admin-interface-btn-container {
    padding: 1rem;
}
.admin-interface-btn {
    padding: 0.5rem 0.7rem 0.5rem 0.7rem;
    background-color: #f18800;
    border: none;
    font-size: 1rem;
    font-weight: 600;
    color: #fff;
    text-align: center;
    border-radius: 1rem;
}
.admin-interface-btn:hover {
    color: white;
    background-color: #004f9f;
}

/* Franchise Location Management -------------------------------------------------------------------------------------*/
.location-management-title {
    color: #004f9f;
}
.location-management-in-title-city {
    color: #f18800;
}
.location-management-school-title {
    font-weight: 900;
    margin-right: 0.5rem;
}
.location-management-required-field-message {
    margin-top: -0.5rem;
    color: red;
    text-align: right;
}
.location-management-street-main-container {
    display: flex;
    flex-direction: row;
}
.location-management-street-container {
    margin-right: 1rem;
}
.location-management-street-addition-input {
    max-width: 7rem;
}
.location-management-plz-city-container {
    display: flex;
    flex-direction: row;
}
.location-management-plz-input {
    margin-right: 1rem;
    max-width: 5rem;
}
.location-management-phone-fax-container {
    display: flex;
    flex-direction: row;
}
.location-management-phone-container {
    margin-right: 1rem;
}
.location-management-submit-container {
    display: flex;
    justify-content: flex-end;
}
.location-management-submit-btn {
    padding: 0.5rem 0.7rem 0.5rem 0.7rem;
    background-color: #f18800;
    border: none;
    font-size: 1rem;
    font-weight: 600;
    color: #fff;
    text-align: center;
    border-radius: 1rem;
}
.location-management-submit-btn:hover {
    background-color: #004f9f;
    color: #ffffff;
}
.location-management-required-symbol {
    color: red;
}
.location-management-cancel-btn {
    margin-right: 4rem;
    padding: 0.5rem 1.5rem 0.5rem 1.5rem;
    background-color: #004f9f;
    border: none;
    font-size: 1rem;
    font-weight: 600;
    color: #fff;
    text-align: center;
    border-radius: 1rem;
}
.location-management-cancel-btn:hover {
    background-color: #f18800;
    color: #ffffff;
}
.location-management-not-allowed-txt {
    margin-top: 4rem;
    margin-bottom: 4rem;
    text-align: center;
    font-size: 1.5rem;
    font-weight: 700;
    color: red;
}
.location-management-back-to-profile-container {
    display: flex;
    justify-content: center;
    margin-bottom: 1rem;
}
.location-management-back-to-profile-btn {
    margin-right: 4rem;
    padding: 0.7rem 1.5rem 0.7rem 1.5rem;
    background-color: #f18800;
    color: white;
    border: none;
    font-size: 1rem;
    font-weight: 600;
    text-align: center;
    border-radius: 4rem;
}
.location-management-back-to-profile-btn:hover {
    color: white;
    background-color: #004f9f;
    cursor: pointer;
}

/* Not visible for User error message --------------------------------------------------------------------------------*/
.user-not-allowed-txt {
    margin-top: 4rem;
    margin-bottom: 4rem;
    text-align: center;
    font-size: 1.5rem;
    font-weight: 700;
    color: red;
}
.back-to-home-page-container {
    display: flex;
    justify-content: center;
    margin-bottom: 1rem;
}
.back-to-home-page-btn {
    margin-right: 4rem;
    padding: 0.7rem 1.5rem 0.7rem 1.5rem;
    background-color: #f18800;
    color: white;
    border: none;
    font-size: 1rem;
    font-weight: 600;
    text-align: center;
    border-radius: 4rem;
}
.back-to-home-page-btn:hover {
    color: white;
    background-color: #004f9f;
    cursor: pointer;
}

/* Delete User Page --------------------------------------------------------------------------------------------------*/
.delete-user-main-title {
    color: #004f9f;
}
.delete-user-form-container {
    margin-top: 1rem;
    display: flex;
    flex-direction: row;
}
.delete-user-submit-container {
    margin-top: 1.5rem;
    margin-left: 2rem;
}
.delete-user-submit-btn {
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
    background-color: #f18800;
    border: none;
    font-size: 1rem;
    font-weight: 600;
    color: #fff;
    border-radius: 1rem;
    text-align: center;
}
.delete-user-data-title {
    font-size: 1.1rem;
    font-weight: 700;
    color: #004f9f;
}
.delete-user-locations-container {
    margin-top: 0.5rem;
    margin-left: 0.5rem;
}
.delete-user-locations-title {
    font-weight: 650;
}
.delete-user-locations-not-found {
    margin-top: 0.5rem;
    margin-left: 0.5rem;
    font-weight: 550;
}
.delete-user-accounts-container {
    margin-left: 0.5rem;
    margin-bottom: 2rem;
}
.delete-user-accounts-title {
    font-weight: 650;
}
.delete-user-accounts-not-found {
    margin-left: 0.5rem;
    margin-bottom: 2rem;
    font-weight: 550;
}
.delete-user-delete-container {
    display: flex;
    justify-content: flex-end;
}
.delete-user-delete-btn {
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
    background-color: #f18800;
    border: none;
    font-size: 1rem;
    font-weight: 600;
    color: #fff;
    border-radius: 1rem;
    text-align: center;
}
.delete-user-delete-btn:hover {
    background-color: #004f9f;
}
.delete-user-modal-footer-container {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    height: 2.5rem;
}
.delete-user-modal-cancel-btn {
    height: fit-content;
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
    background-color: #004f9f;
    border: none;
    font-size: 1rem;
    font-weight: 600;
    color: #fff;
    border-radius: 1rem;
    text-align: center;
    margin-right: 2rem;
}
.delete-user-modal-cancel-btn:hover {
    background-color: #f18800;
}
.delete-user-modal-delete-btn {
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
    background-color: red;
    border: none;
    font-size: 1rem;
    font-weight: 600;
    color: #fff;
    border-radius: 1rem;
    text-align: center;
}
.delete-user-modal-delete-btn:hover {
    color: white;
    background-color: #004f9f;
}

/* Franchise Locations Admin Page ------------------------------------------------------------------------------------*/
.franchise-location-admin-main-title {
    color: #004f9f;
}
.franchise-location-admin-form-container {
    margin-top: 1rem;
    display: flex;
    flex-direction: row;
}
.franchise-location-submit-container {
    margin-top: 1.5rem;
    margin-left: 2rem;
}
.franchise-location-admin-submit-btn {
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
    background-color: #f18800;
    border: none;
    font-size: 1rem;
    font-weight: 600;
    color: #fff;
    border-radius: 1rem;
    text-align: center;
}
.franchise-location-admin-submit-btn:hover {
    background-color: #004f9f;
}
.franchise-location-admin-user-data-container {
    margin-top: 2rem;
}
.franchise-location-admin-locations-main-container {
    margin-bottom: 1rem;
}
.franchise-location-admin-title-btn-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.franchise-location-admin-title {
    font-size: 1.5rem;
    font-weight: 600;
    color: #004f9f;
}
.franchise-location-admin-add-btn {
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
    background-color: #f18800;
    border: none;
    font-size: 1rem;
    font-weight: 600;
    color: #fff;
    border-radius: 1rem;
    text-align: center;
}
.franchise-location-admin-add-btn:hover {
    background-color: #004f9f;
}
.franchise-location-admin-location {
    border: none;
    background-color: white;
    font-size: 1rem;
    color: #f18800;
}
.franchise-location-admin-location:hover {
    color: #004f9f;
}
.franchise-location-admin-location-form-container {
    display: flex;
    flex-direction: row;
}
.franchise-location-admin-location {
    margin-right: 1rem;
}
.franchise-location-admin-delete-modal-btn {
    background-color: white;
    border: none;
    color: #f18800;
}
.franchise-location-admin-delete-modal-btn:hover {
    color: #004f9f;
}
.franchise-location-admin-delete-btn {
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
    background-color: red;
    border: none;
    font-size: 1rem;
    font-weight: 600;
    color: #fff;
    border-radius: 1rem;
    text-align: center;
}
.franchise-location-admin-delete-btn:hover {
    color: white;
    background-color: #004f9f;
}
.franchise-location-admin-add-location-main-container {
    margin-top: 2rem;
    display: none;
}
.franchise-location-admin-required-field-message {
    color: red;
    text-align: right;
}
.edit-profile-required-symbol {
    color: red;
}
.franchise-location-admin-add-location-container {
    margin-top: 2rem;
 }
.franchise-location-admin-add-title {
    color: #004f9f;
}
.franchise-location-admin-modal-cancel-btn {
    height: fit-content;
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
    background-color: #004f9f;
    border: none;
    font-size: 1rem;
    font-weight: 600;
    color: #fff;
    border-radius: 1rem;
    text-align: center;
    margin-right: 2rem;
}
.franchise-location-admin-modal-cancel-btn:hover {
    background-color: #f18800;
}
.franchise-location-admin-modal-footer-container {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}
.franchise-admin-location-not-found-container {
    margin-top: 1rem;
    margin-left: 1rem;
}
.franchise-admin-location-not-found-message {
    font-size: 1rem;
    color: lightcoral;
}
/* Franchise Locations Page ------------------------------------------------------------------------------------------*/
/* Firefox support */
::file-selector-button {
    background-color: #004f9f;
    color: white;
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
    border: none;
}
/* Firefox support */
::file-selector-button:hover {
    background-color: #f18800;
    color: white;
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
    cursor: pointer;
    border: none;
}
.upload-file-input {
    margin-top: 1rem;
    color: #f18800;
    max-width: 20rem;
}
.upload-file-input:hover {
    color: #004f9f;
    cursor: pointer;
}
.franchise-location-upload-btn {
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
    background-color: #f18800;
    border: none;
    font-size: 1rem;
    font-weight: 600;
    color: #fff;
    text-align: center;
}
.franchise-location-upload-btn:hover {
    background-color: #004f9f;
    color: #ffffff;
}

/* Franchise Partner create Page -------------------------------------------------------------------------------------*/
.franchise-partner-create-main-title {
    color: #004f9f;
}
.franchise-partner-create-required-field-message {
    display: flex;
    justify-content: flex-end;
    color: red;
}
.franchise-partner-create-required-symbol {
    color: red;
}
.franchise-partner-create-salutation-title-container {
    display: flex;
    flex-direction: row;
}
.franchise-partner-create-title-container {
    margin-left: 2rem;
}
.franchise-partner-create-personal-info-container {
    color: #004f9f;
}
.franchise-partner-create-text-input-container {
    display: flex;
    flex-direction: column;
}
.franchise-partner-create-password-info-text {
    max-width: 30rem;
    font-size: 0.8rem;
    border-left: 6px solid #004f9f;
    padding: 0.5rem;
    background-color: #eeffff;
}
.franchise-partner-create-name-container {
    display: flex;
    flex-direction: row;
}
.franchise-partner-create-lastname-container {
    margin-left: 2rem;
}
.franchise-partner-create-debitor-audi-container {
    display: flex;
    flex-direction: row;
}
.franchise-partner-create-audi-container {
    margin-left: 2rem;
}
.franchise-partner-create-addresses-container {
    display: flex;
    flex-direction: row;
}
.franchise-partner-create-postal-address-container {
    margin-left: 3rem;
}
.franchise-partner-create-private-title {
    color: #004f9f;
}
.franchise-partner-create-private-city-zip-container {
    display: flex;
    flex-direction: row;
}
.franchise-partner-create-private-zip {
    width: 5rem;
}
.franchise-partner-create-private-city-container {
    margin-left: 1rem;
}
.franchise-partner-create-postal-title {
    color: #004f9f;
}
.franchise-partner-create-postal-cit-zip-container {
    display: flex;
    flex-direction: row;
}
.franchise-partner-create-postal-zip {
    width: 5rem;
}
.franchise-partner-create-postal-city-container {
    margin-left: 1rem;
}
.franchise-partner-create-contact-title {
    color: #004f9f;
}
.franchise-partner-create-phone-mobile-container {
    display: flex;
    flex-direction: row;
}
.franchise-partner-create-mobile-container {
    margin-left: 2rem;
}
.franchise-partner-create-email-fax-container {
    display: flex;
    flex-direction: row;
}
.franchise-partner-create-email-container {
    margin-left: 2rem;
}
.franchise-partner-create-submit-btn-container {
    display: flex;
    justify-content: flex-end;
}
.franchise-partner-create-btn {
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
    background-color: #f18800;
    border: none;
    font-size: 1rem;
    font-weight: 600;
    color: #fff;
    text-align: center;
    border-radius: 1rem;
}
.franchise-partner-create-btn:hover {
    background-color: #004f9f;
    color: white;
}

/* FAQs --------------------------------------------------------------------------------------------------------------*/
.faq-item {
    padding: 0.75rem 1.5625rem 0.625rem 2.8125rem;
    border: 0.0625rem solid #fff;
    border-bottom: 0.0625rem solid #e8e8e8;
    position: relative;
}

.faq-icon {
    background-image: url("../images/faq-plus.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    position: absolute;
    display: inline-block;
    height: 1.0625rem;
    width: 1.0625rem;
    top: 0.9375rem;
    left: 0.9375rem;
    cursor: pointer;
}

.faq-item.active .faq-icon {
    background-image: url("../images/faq-minus.png");
}

.faq-item.active {
    background-color: #f5f5f5;
    border: 0.0625rem solid #eaeaea;
    margin-bottom: 0.3125rem;
}
.faq-item.active h3.faq-question {
    color: #395996;
}

.faq-item h3.faq-question {
    color: #666565;
    font-size: 0.875rem;
    line-height: 1.375rem;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    margin: 0;
}
.faq-item h3.faq-question a {
    color: inherit;
}
.faq-item h3.faq-question a:hover {
    color: #395996;
}

.faq-item .faq-answer {
    margin-top: 0.625rem;
}

/* Contact -----------------------------------------------------------------------------------------------------------*/
#contact-form label {
    font-weight: 700;
}

textarea.error,
input[type=text].error,
.error {
    border-color: red;
}

.error-container {
    color: red;
}

#contact-form .error-container label {
    font-weight: 400;
}

#contact-loader {
    display: none;
}

#message-sent {
    font-weight: 600;
    color: #4a4e51;
}

/* Tag Cloud ---------------------------------------------------------------------------------------------------------*/
.tagcloud a {
    margin: 0.1875rem;
    font-size: 0.6875rem;
}

/* Dummy page --------------------------------------------------------------------------------------------------------*/
.dummy-text {
    color: #1e5799;
    font-size: 4rem;
    font-weight: bold;
    line-height: 4.5rem;
    margin: 10rem 0;
    text-align: center;
}

/* Footer ------------------------------------------------------------------------------------------------------------*/
.footer-link-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    margin-top: 0.6rem;
    margin-bottom: -0.6rem;
}
.footer-link-wrapper {
    background: url("../images/li-arrow.png") no-repeat 0.5rem 0.5rem;
    margin: 0 0 0.6rem 0;
    padding: 0 2.4rem 0.6rem 1.2rem
}
.footer-link {
    color: #ddd;
}
.footer-link:hover {
    color: #fff;
}
#footer-wrapper {
    background: url("../images/footer-bg.png");
}
#footer-wrapper > #footer {
    padding: 0.6rem 0.6rem;
}

#footer .widget {
    color: #8f98a0;
}

#footer .widget h3 {
    color: #fff;
}
#footer .widget a {
    color: #ddd;
}
#footer .widget a:hover {
    color: #fff;
}
#footer .widget #twitter_update_list > ul {
    margin: 0 0 0.625rem;
}
#footer .widget #twitter_update_list > ul > li {
    border: none;
    background: none;
    padding: 0;
    margin-bottom: 1.25rem;
}
#footer .widget ul li {
    border-bottom: 0.0625rem solid #535b61;
}
#footer .widget ul li:last-child {
    border-bottom: none;
}

.flickr-photos {
    margin-left: -0.625rem;
}
.flickr-photos img {
    margin: 0 0 0.625rem 0.625rem;
    padding: 0.25rem;
    background-color: #8F98A0;
}
.flickr-photos img:hover {
    background-color: #b8bec3;
}

#footer-contact label {
    display: none;
}
#footer-contact input[type=text], #footer-contact textarea {
    border: none;
    box-shadow: none;
    border-radius: 0;
    background-color: #2d3338;
    color: #5a646c;
}
#footer-contact input[type=submit] {
    border: none;
    background-color: #5d686b;
    color: #aab5bf;
    padding: 0.3125rem 1.25rem;
}
#footer-contact input[type=submit]:hover {
    background-color: #525e61;
}
.lt-ie9 #footer-contact label {
    display: block;
}

#footer-bottom-wrapper {
    background-color: #353c41;
    width: 100%;
}
#footer-bottom-wrapper > #footer-bottom {
    display: flex;
    justify-content: space-evenly;
    min-height: 1.5625rem;
    height: auto !important;
    padding: 0.4rem 2rem;
}
#footer-bottom .imprint {
    margin: 0.3rem 0 0.4rem 0;
    color: #7c8288;
}

/* Accordion Styles --------------------------------------------------------------------------------------------------*/
.toggle,
.accordion {
    margin-bottom: 1.5625rem;
    padding-left: 0;
    text-align: left;
}

.toggle dt,
.accordion dt {
    position: relative;
    padding: 0.625rem 0.625rem 0.5625rem 2.1875rem;
    line-height: 1.25rem;
    margin-bottom: 0.0625rem;
    border-bottom: 0.0625rem solid #e8e8e8;
    cursor: pointer;
    font-weight: 600;
}
.toggle dt:hover,
.accordion dt:hover {
    color: #395996;
}

.toggle dt span,
.accordion dt span {
    position: absolute;
    top: 0.6875rem;
    left: 0.5625rem;
    display: block;
    width: 1.0625rem;
    height: 1.0625rem;
    background: url(../images/plus-minus.png) no-repeat 0rem 0rem;
}

.toggle dt.current span,
.accordion dt.current span {
    background-position: bottom;
}

.toggle dd,
.accordion dd {
    display: none;
    overflow: auto;
    padding: 1.25rem;
    margin-bottom: 0;
    margin-left: 0.9375rem;
}

.lt-ie8 .toggle dt span,
.lt-ie8 .accordion dt span {
    top: 0rem;
}

/* Event paragraph in eventList styles -------------------------------------------------------------------------------*/
.event-paragraph {
    flex-basis: 0;
    flex-grow: 1;
    align-self: flex-start;
    margin: 0 1rem 0 1rem;
}

.event-paragraph-icon {
    flex-shrink: 0;
    margin: 0 1rem 0 1rem;
}

/* Tabs Styles -------------------------------------------------------------------------------------------------------*/
.tabs-nav {
    list-style: none;
    overflow: hidden;
    width: 100%;
    margin: 0;
    padding-left: 0;
}

.tabs-nav li {
    float: left;
    line-height: 2rem;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    border-bottom: none;
    background: none;
}

.tabs-nav li.active {
    line-height: 1.9375rem;
}

.tabs-nav li a {
    background: #f5f5f5;
    border: 0.0625rem solid #efefef;
    border-bottom: 0.0625rem solid #efefef;
    border-top: 0.125rem solid #d7d7d7;
    border-left: none;
    color: #6f7579;
    display: block;
    letter-spacing: 0;
    outline: none;
    padding: 0 1.25rem;
    text-decoration: none;
    text-shadow: 0 0.0625rem 0 #fff;
}

.tabs-nav li:first-child a {
    border-left: 0.0625rem solid #fbdfaa;
}

.tabs-nav li a:hover {
    background: #fafafa;
    color: #395996;
}

.tabs-nav li.active a {
    color: #395996;
    background: #fff;
    border-bottom: 0.125rem solid #fff;
    border-top: 0.125rem solid #395996;
}

.tabs-container {
    border: 0.0625rem solid #efefef;
    margin: -0.0625rem 0 1.25rem;
    overflow: hidden;
    width: 100%;
}

.tabs-container .tab-content {
    padding: 1.25rem 0.9375rem;
    margin-bottom: 0rem;
}

.lt-ie9 .tabs-container .tab-content {
    background-color: #fff;
}

/* Tabs in InfoBox style overrides -----------------------------------------------------------------------------------*/

.tabs-nav--sidebar {
    width: auto;
    margin: 0 -0.8rem 0 -0.8rem;
}

.tab-li--sidebar {
    width: 50%;
    text-align: center;
}

.tabs-container--sidebar {
    border: none;
    width: auto;
    margin: 0 -0.8rem -0.8rem -0.8rem;
}

/* Search term proposals ---------------------------------------------------------------------------------------------*/

#search-term-proposals-container {
    position: relative;
    flex-grow: 1;
}
#search-term-proposals {
    position: absolute;
    border: 1px solid #dedede;
    border-bottom: none;
    width: calc(100% - 4.4rem);
    z-index: 99;
    margin-left: 1.4rem;
    font-size: 0.875rem;
}
#search-term-proposals div:hover {
    background-color: #dedede;
    color: #3b4348;
}
.search-term-proposal {
    padding: 0.5rem;
    cursor: pointer;
    background-color: #fff;
    border-bottom: 1px solid #d4d4d4;
}
.search-term-proposal.active {
    background-color: #004f9f;
    color: #fff;
}

/* Messages Styles ---------------------------------------------------------------------------------------------------*/
p.error {
    padding: 0.625rem 1.25rem 0.625rem 2.8125rem;
    background: #F9E5E6;
    border: 0.0625rem solid #F7C7C9;
    border-left-width: 0.25rem;
    color: #B3696C;
}

p.success {
    padding: 0.625rem 1.25rem 0.625rem 2.8125rem;
    background: #e3ebc6;
    border: 0.0625rem solid #c2d288;
    border-left-width: 0.25rem;
    color: #8fa442;
}

p.info {
    padding: 0.625rem 1.25rem 0.625rem 2.8125rem;
    background: #d8ecf5;
    border: 0.0625rem solid #9ac9df;
    border-left-width: 0.25rem;
    color: #528da9;
}

p.notice {
    padding: 0.625rem 1.25rem 0.625rem 2.8125rem;
    background: #fcf7d9;
    border: 0.0625rem solid #f5dc7d;
    border-left-width: 0.25rem;
    color: #c4a21b;
}

.dropcap {
    font-size: 3.875rem;
    margin-right: 0.375rem;
    padding-top: 0.25rem;
    text-transform: uppercase;
    float: left;
    position: relative;
    top: 0.3125rem;
    color: #824328;
}

/* Contact Form 7 CSS ----------------------------------------------------------------------------------------------- */
.wpcf7-form p {
    margin-bottom: 0.625rem;
}

/* Scroll Top ------------------------------------------------------------------------------------------------------- */
a#scroll-top {
    display: none;
    position: fixed;
    right: 1.25rem;
    bottom: 1.25rem;
    height: 2.625rem;
    width: 2.625rem;
    line-height: 2.625rem;
    background: #131517 url("../images/scroll-top.png") center center no-repeat;
    opacity: 0.8;
    -moz-opacity: 0.8;
    -webkit-opacity: 0.8;
    border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
}

a#scroll-top:hover {
    background-color: #353c41;
}

/*------------------------------------------------------------------------------------------------------------------- */
/* CUSTOM RESPONSIVE CSS -------------------------------------------------------------------------------------------- */
/*------------------------------------------------------------------------------------------------------------------- */
/*------------------------------------------------------------------------------------------------------------------- */
/* Responsive: Tablet to desktop ------------------------------------------------------------------------------------ */
/*------------------------------------------------------------------------------------------------------------------- */
@media (max-width: 32rem) {
    .search-area-wrapper .search-area {
        margin: 0 1.4rem 0 1.4rem;
    }
}

@media (min-width: 32rem) and (max-width: 61.1875rem) {
    .search-area-wrapper {
        background-size: auto;
    }
    .search-area-wrapper .search-area {
        margin: 0 5% 0 5%;
    }
}

@media (min-width: 1300px) {
    .grid-container {
        grid-template-columns: 8em 1fr 24em 8em;
    }
}

@media (min-width: 1500px) {
    .grid-container {
        grid-template-columns: 12em 1fr 24em 12em;
    }
}

@media (min-width: 1600px) {
    .grid-container {
        grid-template-columns: 14em 1fr 24em 14em;
    }
}

/*------------------------------------------------------------------------------------------------------------------- */
/* Responsive: Header for devices below desktop --------------------------------------------------------------------- */
/*------------------------------------------------------------------------------------------------------------------- */
@media (max-width: 1420px) {
    #burger-button {
        background-color: transparent;
        border-radius: 0.2rem;
        outline: none;
    }
    #burger-button:hover {
        background-color: #f5f9ff;
    }
    #burger-button > * {
        pointer-events: none;
    }
    #burger-menu-container {
        display: block;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1000;
    }
    .burger-menu {
        position: absolute;
        display: block;
        width: auto;
        padding: 0.4rem;
        z-index: 1;
        right: 1.6rem;
        top: 1.8rem;
        background-color: #fff;
        border: 1px solid #dedede;
        border-radius: 0.4rem;
    }
    .burger-menu-ul {
        margin: 0 0.4rem 0.4rem 0.4rem;
    }
    .burger-menu-li {
        padding: 0.2rem;
        width: 100%;
    }
    .burger-menu-button {
        padding: 0.4rem 1rem 0.4rem 1rem;
        margin: 0;
        border-radius: 2rem;
        border: none;
        cursor: pointer;
        color: #004f9f;
        background-color: transparent;
        font-size: 1.2rem;
        width: 100%;
        text-align: left;
    }
    .burger-menu-button.enabled {
        font-weight: 600;
    }
    .burger-menu-button:hover {
        background-color: #f5f9ff;
    }
}

@media (max-width: 1794px) {
    .shop-item-overview-picture-cart-container {
        justify-content: center;
    }
    .shop-item-overview-price-container {
        width: 30rem;
        border: 1px solid #dedede;
        border-radius: 0.4rem;
        margin-top: 2rem;
        margin-bottom: 1rem;
        padding: 1rem;
    }
}

/*------------------------------------------------------------------------------------------------------------------- */
/* Responsive: Landscape phone to desktop/tablet -------------------------------------------------------------------- */
/*------------------------------------------------------------------------------------------------------------------- */
@media (max-width: 1420px) {
    /* Navigation */
    .main-nav > div {
        display: none;
    }
    .main-nav div > ul > li {
        float: none;
    }
    .main-nav .responsive-nav {
        display: block;
        width: 85%;
        margin: 0.625rem auto;
        border-radius: 0;
        border: none;
    }
}

@media (max-width: 900px) {
    /* Responsive grid */
    .grid-container {
        grid-template-rows: auto auto auto auto auto auto;
        grid-template-columns: 0 1fr 0;
        grid-template-areas:
                "header   header         header"
                "left-gap breadcrumb-bar right-gap"
                "left-gap widget-bar     right-gap"
                "left-gap content        right-gap"
                "left-gap sidebar        right-gap"
                "footer   footer         footer";
    }

    /* Search Area */
    .search-area-wrapper {
        background-size: auto;
        height: auto;
    }

    /* Breadcrumb bar */
    .breadcrumb-bar {
        flex-direction: column;
        flex-wrap: nowrap;
        min-height: 1.6875rem;
    }
    .breadcrumb-bar-logout {
        order: -1;
        height: 0;
    }

    /* News Slider */
    .custom-swiper-prev-button {
        margin-left: 1em;
    }
    .custom-swiper-next-button {
        margin-right: 1em;
    }

    /* Content area */
    .content {
        margin: 0 2em 0 2em;
    }

    /* Sidebar */
    .sidebar {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin: 1em 2em 0 2em;
    }

    /* Info-Box */
    .info-box {
        margin: 1rem;
        width: 19.4rem;
    }

    /* Calendar component */
    .calendar-component {
        margin: 1rem;
        width: 19.4rem;
    }

    /* User component */
    .user-component {
        margin: 1rem;
        width: 19.4rem;
    }

    /* Footer links */
    .footer-link-container {
        flex-direction: column;
    }
    .footer-link-container div {
        margin-left: -1.2rem;
        padding: 0 1.2rem 0.6rem 1.2rem;
        width: 100%;
        border-bottom: 1px solid #535b61;
    }
    .footer-link-container div:last-child {
        border-bottom: none;
    }
}