
.ubermenu-has-submenu-drop>.ubermenu-target>.ubermenu-sub-indicator {
    color: #000;
    margin-top: -12px !important
}

#header.white .ubermenu-has-submenu-drop>.ubermenu-target>.ubermenu-sub-indicator {
    color: #fff
}

#header.white.sticky .ubermenu-has-submenu-drop>.ubermenu-target>.ubermenu-sub-indicator,
.ubermenu-active.ubermenu-has-submenu-drop>.ubermenu-target>.ubermenu-sub-indicator {
    color: #000 !important
}

.ubermenu-nav .ubermenu-autocolumn:first-child .related__article:after {
    display: none
}

.ubermenu-nav .ubermenu-tabs .ubermenu-autocolumn:first-child .related__article:after {
    display: block
}

.ubermenu-nav .related__article {
    padding-bottom: 10px;
    overflow: hidden
}

.ubermenu-nav .related__article-content {
    margin-bottom: 0
}

.related__article-content p {
    margin-bottom: 0
}

.ubermenu .ubermenu-nav .ubermenu-column-1-5 {
    padding-bottom: 0
}

.ubermenu .ubermenu-active .ubermenu-submenu .ubermenu-submenu-type-stack {
    padding-bottom: 0
}

.archive-item__date .svg-icon,
.insta__date .svg-icon {
    width: 13px;
    height: 13px;
    top: 2px;
    position: relative;
    fill: #bfbfbf
}

.am2-content .product-review__box-title--summary .svg-icon,
.product-review__box-title .svg-icon,
.product-review__box-title--summary .svg-icon {
    fill: #792121;
    width: 26px;
    height: 26px;
    position: relative;
    top: 3px;
    margin-right: 8px
}

.archive-item__tags .svg-icon,
.homepage-item-v2__categories .svg-icon,
.insta__tags .svg-icon {
    fill: #bfbfbf;
    width: 14px;
    height: 14px;
    position: relative;
    top: 2px
}

.am2-content .product-review__box-title .svg-icon-small,
.product-review__box-title .svg-icon-small {
    fill: #792121;
    width: 14px;
    height: 14px;
    position: relative;
    top: 2px;
    margin-right: 3px
}

.sidebar__item .reading-time .reading-time__icon .svg-icon {
    fill: #000;
    width: 16px;
    height: 16px;
    position: relative;
    top: -2px
}

.archive-categories ul li .svg-icon {
    fill: #792121;
    width: 18px;
    height: 17px;
    position: relative;
    top: 3px;
    margin-right: 3px
}

.my_product_close .svg-icon {
    fill: #545454;
    width: 16px;
    height: 16px;
    position: relative
}

.page__hero {
    background-color: #e0cbcb
}

@media (min-width:769px) {
    .desktop-no-initial-image {
        background-image: none !important
    }
}

.page__hero .reading-time .svg-icon {
    fill: #000;
    width: 14px;
    height: 14px
}

.ubermenu-sub-indicators .ubermenu-item-has-children>.ubermenu-target.ubermenu-noindicator {
    display: inline-block;
    margin-right: 0;
    padding-right: 0 !important
}

.ubermenu-content-block.custom-arrow {
    display: inline-block;
    padding-top: 7px;
    padding-left: 10px;
    padding-right: 20px
}

.ubermenu-content-block.custom-arrow .svg-icon {
    width: 10px;
    height: 10px;
    fill: #000;
    transition: none !important
}

#header.white nav.ubermenu .ubermenu-content-block.custom-arrow .svg-icon {
    fill: #fff
}

#header.white nav.ubermenu .ubermenu-active .ubermenu-content-block.custom-arrow .svg-icon {
    fill: #000
}

#header.white.sticky nav.ubermenu .ubermenu-content-block.custom-arrow .svg-icon {
    fill: #000
}

.reading-time .reading-time__icon {
    margin-left: 5px
}

.reading-time .reading-time__icon .svg-icon {
    position: relative;
    top: 2px
}

.hero-title[data-color=white]+.reading-time .reading-time__icon .svg-icon {
    fill: #fff
}


.page__hero.hero-mark--right-bottom .hero-title[data-overlay=black][data-mobile-vertical=bottom],
.page__hero.hero-mark--right-bottom .hero-title[data-overlay=red][data-mobile-vertical=bottom],
.page__hero.hero-mark--right-bottom .hero-title[data-overlay=white][data-mobile-vertical=bottom] {
    padding-right: 75px !important
}

.hero-title[data-overlay=black][data-mobile-vertical=bottom]+.mark,
.hero-title[data-overlay=red][data-mobile-vertical=bottom]+.mark,
.hero-title[data-overlay=white][data-mobile-vertical=bottom]+.mark {
    margin-right: 5px
}

.hero-title[data-overlay=black] {
    text-align: center;
    background-color: rgba(0, 0, 0, .9);
    padding: 25px
}

.hero-title[data-overlay=black]+.mark+.reading-time,
.hero-title[data-overlay=black]+.reading-time {
    padding-bottom: 5px;
    padding-right: 5px
}

.hero-title[data-overlay=white] {
    text-align: center;
    background-color: rgb(252, 249, 252, .9);
    padding: 25px
}

.hero-title[data-overlay=white]+.mark+.reading-time,
.hero-title[data-overlay=white]+.reading-time {
    padding-bottom: 5px;
    padding-right: 5px
}

.hero-title[data-overlay=red] {
    text-align: center;
    background-color: rgb(121, 33, 33, .9);
    padding: 25px
}

.hero-title[data-overlay=red]+.mark+.reading-time,
.hero-title[data-overlay=red]+.reading-time {
    padding-bottom: 5px;
    padding-right: 5px
}

html.no-touch #header,
html.touch #header {
    opacity: 1 !important;
    visibility: visible !important;
    transition: all ease .3s !important
}

.language-switcher .mlp-language-box ul li a:hover {
    color: #000 !important
}

.language-switcher .mlp-language-box ul li a[href^="https:"]:hover {
    color: #792121 !important
}

.layout--setka-full {
    grid-column: 1/-1 !important
}

.grecaptcha-badge {
    visibility: hidden;
    opacity: 0
}

.subscribe__form form {
    margin-bottom: 0
}

.subscribe__subtitle--small {
    font-size: 12px;
    margin-bottom: 20px;
    display: block;
    float: left;
    width: 100%
}

@media (max-width:768px) {
    .subscribe__subtitle--small {
        margin-top: 55px
    }
}

body .subscribe__form form.mailster-form input[type=submit] {
    top: 0;
    right: 0
}

@media (max-width:768px) {
    body .subscribe__form form.mailster-form input[type=submit] {
        top: auto;
        right: auto;
        left: 0;
        bottom: -95px
    }
}

.subscribe__form form.mailster-form .input.mce_inline_error {
    border-color: #bf4d4d
}

.subscribe__form form.mailster-form .mce_inline_error {
    background: #bf4d4d;
    padding: 5px 8px;
    color: #fff
}

#mce-responses .response {
    color: #fff;
    padding: 9px 16px;
    width: 100%;
    color: #fff;
    float: left;
    margin-bottom: 16px
}

#mce-success-response {
    background-color: #6fbf4d
}

#mce-error-response {
    background: #bf4d4d
}

@media (max-width:768px) {
    body .subscribe__form form.mailster-form input[type=submit] {
        top: auto;
        right: auto;
        left: 0;
        bottom: -25px
    }
}


@media (max-width:768px) {
    .subscribe__subtitle--small {
        margin-top: 35px
    }
}





/* Components */
.menu {
    margin: 0;
    padding: 0;
    list-style: none;
    font-family: "milliardextralight", Arial, Helvetica, sans-serif;
}

.menu .sub-menu {
    display: none;
}

.menu--main-menu {
    /* in sake of wordpress css class naming standards -.-  */
    margin-top: 7px;
    margin-right: 50px;
    display: none;
}

.menu--main-menu .menu-item-has-children {
    position: relative;
}

.menu--main-menu .menu-item-has-children>.sub-menu {
    padding: 10px;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 100;
    list-style-type: none;
    min-width: 180px;
    top: 100%;
    left: 0;
    z-index: -1;
    opacity: 0;
    transition: 0.2s ease-in-out;
}

.menu--main-menu .menu-item-has-children>.sub-menu li {
    display: block;
    margin: 0;
    float: none;
}

.menu--main-menu .menu-item-has-children>.sub-menu li a {
    padding: 12px 10px !important;
    text-align: left;
}

.menu--main-menu .menu-item-has-children:hover>.sub-menu,
.menu--main-menu .menu-item-has-children:active>.sub-menu,
.menu--main-menu .menu-item-has-children:focus>.sub-menu {
    opacity: 1;
    z-index: 100;
}

.menu--main-menu .menu-item {
    float: left;
    margin: 0 0 0 15px;
}

.menu--main-menu .menu-item a {
    text-align: center;
    display: block;
    color: #111;
}

@media (max-width: 768px) {
    .menu--main-menu {
        display: none;
    }
}

.menu--responsive-menu {
    position: relative;
    float: left;
    width: 100%;
    display: block;
}

.menu--responsive-menu .sub-menu {
    position: relative;
    padding: 0;
    margin: 0;
    background: rgba(0, 0, 0, 0.3);
}

.menu--responsive-menu .menu-item {
    position: relative;
    display: block;
    margin: 0;
}

.menu--responsive-menu .menu-item a {
    padding: 5px;
    color: #111;
    display: block;
    text-transform: uppercase;
}

.menu--responsive-menu .menu-item .submenu-button {
    position: absolute;
    z-index: 9;
    top: 0;
    right: 0px;
    border: 0;
}

.menu--responsive-menu .menu-item .submenu-button polygon {
    fill: #111;
}

.menu--responsive-menu .menu-item .submenu-button.rotate-arrow {
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.menu--responsive-menu-more {
    display: inline;
    float: left;
    width: 70%;
}

.menu--responsive-menu-more ul {
    width: 100%;
    float: left;
    display: inline;
}

.menu--responsive-menu-more .menu-item {
    position: relative;
    display: inline;
    float: left;
    width: 50%;
    margin: 0;
}

.menu--responsive-menu-more .menu-item a {
    padding: 5px;
    color: #111;
    display: block;
    font-size: 16px;
}

/* responsive menu elements */
.resp-menu {
    position: fixed;
    transform: translate3d(0, 0, 0);
    top: 0;
    width: 280px;
    max-height: 100%;
    right: -295px;
    overflow-y: auto;
    background: #fff;
    z-index: 600;
    padding: 10px;
    padding-top: 50px;
    transition: 0.3s ease-in-out;
    box-shadow: 0 0 3px #000;
}

.resp-menu__title {
    float: left;
    width: 100%;
    text-transform: uppercase;
    color: #fff;
    background: #792121;
    margin: 0;
    padding: 4px 3px;
    line-height: 1;
    font-size: 18px;
    font-weight: 100;
    margin-top: 15px;
    margin-bottom: 5px;
}

.resp-menu__latest-news-wrap {
    float: left;
    width: 100%;
}

.resp-menu__latest-news {
    float: left;
    width: 100%;
    list-style-type: none;
    padding: 0;
    margin: 0;
    font-family: "milliardextralight", Arial, Helvetica, sans-serif;
}

.resp-menu__latest-news li {
    line-height: 1;
}

.resp-menu__latest-news li:not(:last-child) {
    margin-bottom: 10px;
}

.resp-menu__latest-news a {
    color: #792121;
}

.resp-menu .latest-news__title {
    float: left;
    width: 100%;
    font-weight: bold;
    font-size: 16px;
    color: #792121;
    margin: 5px 0 10px;
}

.resp-buttons {
    position: absolute;
    right: 10px;
    top: 15px;
    display: inline-block;
    z-index: 700;
}

@media (min-width: 769px) {
    .resp-buttons {
        display: none;
    }
}

body.search-open .resp-buttons {
    opacity: 0;
    -ms-transform: scale(0);
    transform: scale(0);
}

.resp-menu-icon {
    position: relative;
    display: inline-block;
    width: 28px;
    height: 21px;
    cursor: pointer;
}

.resp-menu-icon__line {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    left: 0;
    border-top: 2px solid #792121;
    width: 100%;
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
    transition: 0.1s ease-in;
}

.resp-menu-icon__line--top {
    top: 0px;
}

.resp-menu-icon__line--middle {
    top: 9px;
}

.resp-menu-icon__line--bottom {
    top: 18px;
}

.menu-open {
    overflow: hidden;
}

.menu-open .resp-menu {
    right: 0;
}

.menu-open .overlay {
    opacity: 1;
    z-index: 450;
}

.menu-open .header__logo {
    left: 80%;
    -ms-transform: translateX(-70%);
    transform: translateX(-70%);
}

@media (max-width: 440px) {
    .menu-open .header__logo {
        left: 60%;
    }
}

.menu-open .resp-menu-icon__line--top {
    top: 10px;
    -ms-transform: rotate(405deg);
    transform: rotate(405deg);
    color: #B39977;
}

.menu-open .resp-menu-icon__line--middle {
    opacity: 0;
}

.menu-open .resp-menu-icon__line--bottom {
    top: 10px;
    -ms-transform: rotate(315deg);
    transform: rotate(315deg);
    color: #B39977;
}
