/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
/** Layout **/
body {
 background: #ffffff;
}

#content {
    max-width: calc(1200px + 10%);
    padding: 0 5%;
}

.single-post #content .entry-content {
    max-width: calc(1200px - 200px);
    margin: 0 auto
}

.single-post .alignwide {
  max-width: 1200px;
  width: 100vw;
}

#primary-menu li:hover > .sub-menu-wrap.menu-level-0 > ul {
    max-width: 1295px;
}

/** Highlight Color **/
h1:after, 
h2:after,
blockquote:before, 
blockquote:after,
#atomion-searchicon,
.widget-title:after,
.woocommerce .widget_price_filter .ui-slider .ui-slider-range,
.woocommerce .widget_product_search button,
.product-page-sections .section-headding:after,
.woocommerce input.button.alt, .woocommerce input.button.alt:hover,
#atomion-more-latest-posts h3:after,
#masthead .atomion-megamenu-img-element > a:after,
#masthead .sub-menu-wrap.menu-level-0 > .sub-menu > li.menu-item-has-children > a:after,
#masthead .sub-menu-wrap.menu-level-0 > .sub-menu > li > .menu-image-hovered:after,
#masthead .sub-menu-wrap.menu-level-0 > .sub-menu > li > .menu-image-not-hovered:after,
#masthead .sub-menu-wrap.menu-level-1 li.menu-item-has-children > a:after,
#masthead .sub-menu-wrap.menu-level-0 > .sub-menu > li.menu-item-has-children:not(.atomion-megamenu-img-element) > a:after,
#masthead .sub-menu-wrap.menu-level-0 > .sub-menu > li.menu-item-has-children > a:after,
#masthead .sub-menu-wrap.menu-level-0 > .sub-menu > li > .menu-image-title-above.menu-image-not-hovered span.menu-image-title:after,
#masthead .sub-menu-wrap.menu-level-0 > .sub-menu > li > .menu-image-title-above.menu-image-hovered span.menu-image-title:after,
#atomion-reading-progress .bar,
.search-lightbox .search__inner--down,
nav.woocommerce-MyAccount-navigation ul li a:after,
#atomion-review-overview .bar {
    background-color: #d09558;
}


.wgm-info a,
.pre-headline,
a.versandkosten,
.product-page-sections .section-headding,
#comments .reply a,
#content a:hover:not(.button),
#content p a,
.shariff-button a:hover span,
#masthead #account .atomion-account a,
#header .main-navigation .sub-menu li.current-menu-item > a,
.atomion-post-category,
.atomion-post-category a,
#blog-sidebar i#atomion-searchicon:hover,
.entry-content ul li:before,
#atomion-summary-wrapper ul li:before,
#search.search-dropdown #atomion-search.open,
.search-lightbox #atomion-searchfield,
.search-lightbox  .search__info,
.search-lightbox  #btn-search-close,
.atomion-select-ppp a.text-option.selected,
#masthead #mobile-navigation #cart.filled a.header-cart-link,
.entry-content ul li a,
.checkout-focus-label,
.atomion-account-orders-right a,
.atomion-account-orders-right a.atomion-order-link,
html .wp-block-search .wp-block-search__button:hover,
html .wp-block-calendar #today,
html .wp-block-calendar tfoot a {
    color: #d09558;
}

.widget .tagcloud a:hover,
.woocommerce-checkout input[type='checkbox']:checked  + label::before,
.woocommerce-account input[type='checkbox']:checked  + label::before,
.woocommerce-cart input[type='radio']:checked  + label::before,
.woocommerce-checkout input[type='radio']:checked  + label::before,
.woocommerce-checkout label.checkbox input[type="checkbox"]:checked:before,
.woocommerce-account label.checkbox input[type="checkbox"]:checked:before,
.woocommerce-checkout label.woocommerce-form__label-for-checkbox input[type="checkbox"]:checked:before,
.woocommerce-account label.woocommerce-form__label-for-checkbox input[type="checkbox"]:checked:before,
#content .wp-block-atomion-block-hero-slider .slick-dots li.slick-active,
span.cb-style.checked {
  background-color: #d09558;
  border-color: #d09558;
}

/* Hero-Slider Button Outline + Block: Button is-style-squared + -default + -outline:hover */
#content .hero-slider-content a.outline:hover,
.wp-block-button.is-style-squared .wp-block-button__link:hover,
.wp-block-button.is-style-default .wp-block-button__link:hover,
.wp-block-button.is-style-outline .wp-block-button__link:hover {
    color: #d09558!important;
}

#content .hero-slider-content a.outline:hover::before, 
#content .hero-slider-content a.outline:hover::after,
html .wp-block-search .wp-block-search__button:hover {
    border-color: #d09558;
}

#atomion-review-overview .bar-block {
  border: 2px solid #d09558;
}


.input__label-content--yoshiko::after {
  color:#d09558;
  }
.input__field--yoshiko:focus + .input__field--yoshiko,
.input--filled .input__field--yoshiko, textarea.input__field--yoshiko:focus {
  background-color: transparent;
  border-color: #d09558;
}

/** Menü Hover + Active **/
#primary-menu.nav-menu > li > a:after,
#primary-menu.menu > li > a:after {
  background: #d09558;
}

/** Gutenberg-Block: Seperator **/
.wp-block-separator.atomion-divider-primary,
.wp-block-separator.atomion-divider-full-primary {
  background-color: #d09558;
  border-color: #d09558;  
}

/** Headlines **/
h1, h2, h3, h4, h5, h6 {
  color: #404040;
}

/** Text **/
body, 
p, small,
.woocommerce-cart .cart-collaterals .cart_totals p small,
.select2-container--default .select2-selection--single .select2-selection__rendered,
input,
textarea,
input::placeholder, 
textarea::placeholder {
  color: #404040; 
}

/* Notification Colors */
.woocommerce-info {
  border-top-color: #d09558;
  float: left;
  width: 100%;
}

.woocommerce-info a,
.woocommerce-info:before {
  color: #d09558;
}

.woocommerce-message {
  border-top-color: #6FB34E;
}

.woocommerce-message a,
.woocommerce-message::before { 
  color: #6FB34E;
}

.woocommerce-error {
    border-top-color: #b20000;
}

.woocommerce-error a,
.woocommerce-error::before {
  color: #b20000;
}

.woocommerce form .form-row.woocommerce-invalid .select2-container, 
.woocommerce form .form-row.woocommerce-invalid input.input-text, 
.woocommerce form .form-row.woocommerce-invalid select {
  border-color: #b20000;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
/* Top Bar */
#top-bar .inner,
#top-bar .menu-item .sub-menu {
  background-color: #dd9933;
}

#top-bar .inner *,
#header #top-bar li.current-menu-item a {
  color: white;
  font-size: 97%;
}

/* Heder Main */
#header .boxed {
    max-width: 1200px;
    margin: 0 auto;
}
#header, 
.header-main .header-inner {
  height: auto;
  background-color: #0a0000;
}

.header-main #logo {
  max-height: 100%;
}

#desktop-navigation #logo img {
  width: 150px;
}

#logo img {
  padding: 10px;
}


#header .header-element a,
#cart, 
#social i,
#mobile-navigation button.toggle {
  color: #d09558;
}

#mobile-navigation .line {
  stroke: #d09558;
}

#masthead #mobile-navigation #cart > a {
  color: #d09558;   
}

#masthead #mobile-navigation #cart > a.header-cart-link.filled {
  color: ;   
}

#header #mobile-navigation .header-element a,
#mobile-navigation #social i,
#mobile-navigation button.toggle {
  color: #d09558;  
}

#header #mobile-navigation li.current-menu-item a {
  color: #37B9E3;  
}

#mobile-navigation #primary-menu.nav-menu > li > a:after,
#mobile-navigation #primary-menu.menu > li > a:after {
  background-color: #37B9E3;  
}

#social i {
  color: #d09558;  
}

#primary-men.nav-menu>li,
#primary-men.menu>li {
  height: 125px;
  display: flex !important;
  align-items: center;
}
#header li.current-menu-item a, 
#header #desktop-navigation .main-navigation #primary-menu > li:hover > a,
#header .main-navigation .sub-menu .menu-level-1 li a:hover,
#header .main-navigation .atomion-simple-menu .sub-menu li a:hover,
#header .main-navigation .atomion-simple-menu .sub-menu li a:hover:after,
#header .header-element:hover > a,
#cart #mini-cart-widget a, 
#cart:hover,
#cart a, 
#cart p, 
#social a:hover i,
.modal-content #german_market_privacy_declaration_field {
    color: #404040;
    text-decoration: none;
}

#masthead #desktop-navigation #search,
#masthead #desktop-navigation #account,
#masthead #desktop-navigation #social,
#masthead #desktop-navigation #search.search-lightbox a,
#masthead #desktop-navigation #wishlist
{
  height: 125px;
}

/*** Search **/
#atomion-search-wrapper.search-dropdown {
    width: calc(500px + 50px);
}

#atomion-searchfield {
  width: 100%;
  float: left;
  max-width: 500px;
}

#atomion-searchicon {
  border-color: #d09558;
}

#atomion-searchicon:hover {
  background-color: transparent;
  border-color: #d09558;
  color: #d09558;
}

#masthead #mobile-navigation #atomion-search-wrapper.search-lightbox {
  top: calc(-125px - 1px);
}

.atomion-lightbox-search::before,
.atomion-lightbox-search::after {
  border: 1.5em solid #d09558;
}


/** Instagram filled */
#masthead #social i.fab.fa-instagram.filled {
    background: #d09558;
    color: #0a0000;
    border-right: 2px solid #d09558;
    border-left: 2px solid #d09558;
    border-bottom: 0px solid #d09558;
    line-height: 16px;
    position: relative;
    height: 16px;
}

#top-bar i.fab.fa-instagram.filled {
  background: white;
  color: #dd9933;
  border-right: 2px solid white;
  border-left: 2px solid white;
  border-bottom: 0px solid white;  
  line-height: 12px;
  position: relative;
  height: 13px;
  font-size: 78%;
  top: -1px;
  border-radius: 1px;
}

#top-bar i.fab.fa-instagram.filled:before {
  line-height: 13px;
}

#masthead #social .fa-instagram.filled:before {
    content: "\f16d";
    font-size: 12px;
    line-height: 0;
    position: relative;
    top: -1px;
}

#masthead #social i.fab.fa-instagram.filled:hover {
  background: #404040;
  border-color: #404040;
}

#mobile-navigation #social i.fab.fa-instagram.filled,
#mobile-navigation #social i.fab.fa-instagram.filled:hover {
	background: #d09558;
    border-color: #d09558;
    color: #fff;
    height:14px;
    line-height:14px;
}

#mobile-navigation #social i.fab.fa-instagram.filled:before {
	font-size: 10px;
}

/** Instagram filled footer */
footer .social-media-icon i.fa-instagram.filled {
    background: white;
    color: #495057;
    border-radius: 2px;
    border-right: 3px solid white;
    border-left: 3px solid white;
    border-bottom: 0px solid white;
    line-height: 16px;
    position: relative;
}

footer .social-media-icon i.fa-instagram.filled:before {
    font-size: 14px;
    position: relative;
    top: -1px;
}

footer .social-media-icon:hover i.fa-instagram.filled {
  background: #495057;
  color: white;
  border-color: #495057;
}

/*--------------------------------------------------------------
# Menu
--------------------------------------------------------------*/
/* Abstand Hover-Elemente vom Parent DESKTOP */
#masthead .sub-menu-wrap.menu-level-0, 
#masthead #desktop-navigation #cart #mini-cart-widget,
#masthead #desktop-navigation #atomion-search-wrapper.search-dropdown,
#masthead #mobile-navigation #main-navigation,
#masthead #mobile-navigation #cart #mini-cart-widget {
  top: 125px;
}

#masthead #mobile-navigation #cart #mini-cart-widget {
  height: 100vh;
}

#masthead #mobile-navigation #cart.filled #mini-cart-widget {
  height: calc(100vh - 125px - 50px);
  min-height: unset;
  max-height: 100vh;
}

#desktop-navigation #primary-menu.nav-menu > li ,
#desktop-navigation #primary-menu.menu > li,
#masthead #mobile-navigation #cart > a {
  height: 125px;
}

#masthead.stuck #desktop-navigation #cart,
#header .stuck #desktop-navigation #primary-men.nav-menu>li,
#header .stuck #desktop-navigation #primary-men.menu>li,
#masthead.stuck #desktop-navigation #account,
#masthead.stuck #desktop-navigation #search,
#masthead.stuck #desktop-navigation #social,
#masthead.stuck #desktop-navigation #wishlist,
#masthead.stuck #desktop-navigation #account a,
#masthead.stuck #desktop-navigation #wishlist a,
#masthead.stuck #desktop-navigation #search a,
#masthead.stuck #desktop-navigation #primary-menu.nav-menu > li > a,
#masthead.stuck #desktop-navigation #primary-menu.menu > li > a,
#masthead.stuck #mobile-navigation #cart > a {
    height: 75px;
}
.stuck .sub-menu-wrap.menu-level-0, 
#masthead.stuck #desktop-navigation #cart #mini-cart-widget,
#masthead.stuck #desktop-navigation #atomion-search-wrapper.search-dropdown,
#masthead.stuck #mobile-navigation #main-navigation,
#masthead.stuck #mobile-navigation #cart #mini-cart-widget {
  top: 75px;
}

#masthead #mobile-navigation #logo img {
  max-height: 125px;
  margin: 0 auto;  
}

#masthead.stuck #mobile-navigation #logo .sticky-logo {
  max-height: 75px;  
}

#masthead.stuck #mobile-navigation #cart #mini-cart-widget {
  height: 100vh;
  min-height: unset;
  max-height: 100vh;
}

#masthead.stuck #mobile-navigation #cart.filled #mini-cart-widget {
  height: calc(100vh - 75px - 50px);
  min-height: unset;
  max-height: 100vh;
}

#masthead.stuck #desktop-navigation #logo img.sticky-logo {
  width: 100px;
  padding: 5px;
}

#masthead .sub-menu-wrap.menu-level-0 {
  background-color: #ffffff;
}

#header .main-navigation .sub-menu li a,
#header #mobile-navigation .main-navigation .sub-menu li a {
  color: #404040;
}

#masthead #mobile-navigation #main-navigation {
  height: calc(100vh - 125px);
  width: 100%;
}

#masthead.stuck #mobile-navigation #main-navigation {
  height: calc(100vh - 75px);
}

.admin-bar #masthead:not(.stuck) #mobile-navigation #main-navigation {
  height: calc(100vh - 125px - 32px);
  width: 100%;
}

@media screen and (max-width: 600px) {
  .admin-bar #masthead:not(.stuck) #mobile-navigation #main-navigation {
    height: calc(100vh - 125px - 46px);
    width: 100%;
  }  
}


/*--------------------------------------------------------------
# WooCommerce Mini-Cart
--------------------------------------------------------------*/
#masthead #desktop-navigation #cart,
#masthead #desktop-navigation #account a,
#masthead #desktop-navigation #wishlist a,
#masthead #desktop-navigation #search a {
  height: 125px;
}

/** Mini Cart Header Element BG-Color **/
#masthead #desktop-navigation #cart {
  background-color: #000000;  
}

/** Mini Cart Header Element Icon Color **/
#masthead #desktop-navigation #cart a.header-cart-link {
  color: #d09558;    
}

/** Mini Cart filled Header Element BG-Color **/
#masthead #desktop-navigation #cart.filled {
  background-color: #d09558;
  border: 0;
}

/** Mini Cart filled Header Element Icon Color **/
#masthead #desktop-navigation #cart.filled a.header-cart-link {
  color: #ffffff;    
}

/** Mini Cart BG-Color **/
#cart #mini-cart-widget {
  background-color: #2B3137;
}

/** Mini Cart BG-Color Effect on remove product **/
#cart .blockUI.blockOverlay {
    background: #2B3137!important;
    background-color: #2B3137!important;
}

/* Mini Cart Product Seperator */
#mini-cart-widget li {
  border-bottom: 1px solid  #dddddd;
}

/* Mini Cart Trash Icon */
#cart #mini-cart-widget i {
  color: #dddddd;
}

#cart #mini-cart-widget, 
#cart #mini-cart-widget ul a,
#cart #mini-cart-widget p {
  color: #ffffff !important;
}

#cart #mini-cart-widget .button.checkout.wc-forward,
.wgm-second-checkout input#place_order_back:hover,
#cart #mini-cart-widget .button.wc-forward:before {
  background-color: #d09558;
  border: 0;
}

.woocommerce .cart .button, 
.woocommerce .cart input.button, 
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce button.button, 
.woocommerce button.button.alt, 
.woocommerce #review_form #respond .form-submit input,
.woocommerce a.button,
input.mailpoet_submit,
input[type="submit"],
a.atomion-edit-address-button, 
.woocommerce-MyAccount-content button.button,
.atomion-account .button,
#content .hero-slider-content a.atomion-button-filled,
.wgm-second-checkout input#place_order,
[class^="wp-block-atomion-block-content-box"] .atomion-button-filled,
html .wp-block-search .wp-block-search__button {
  background-color: #d09558;
  border: 3px solid #d09558;
}

.woocommerce .button:hover, 
.woocommerce a.button:hover,
.woocommerce a.button:disabled:hover,
.woocommerce .wc-proceed-to-checkout a.checkout-button:hover, 
.woocommerce button.button:hover, 
.woocommerce #review_form #respond .form-submit input:hover,
.woocommerce input.button:hover,
.woocommerce div.product form.cart .button:hover,
.woocommerce button.button:disabled:hover, 
.woocommerce button.button:disabled[disabled]:hover,
input.mailpoet_submit:hover,
input[type="submit"]:hover,
a.atomion-edit-address-button:hover, 
.woocommerce-MyAccount-content button.button:hover,
.woocommerce button.button.alt:hover,
.woocommerce .widget_product_search button:hover,
.atomion-account .button:hover,
#content .hero-slider-content a.atomion-button-filled:hover,
#content .woocommerce .button:hover,
.wp-block-button .wp-block-button__link:hover,
.wgm-second-checkout input#place_order:hover,
[class^="wp-block-atomion-block-content-box"] .atomion-button-filled:hover {
    color: #d09558;
    border: 3px solid #d09558;
    background: transparent;
}

#mini-cart-widget a.button:hover {
    color: #d09558;
}

/*--------------------------------------------------------------
# WooCommerce
--------------------------------------------------------------*/
.woocommerce-notice--success,
.woocommerce li.product .product-image-wrapper a.added_to_cart.wc-forward,
#content .woocommerce li.product .product-image-wrapper a.added_to_cart.wc-forward {
  background-color: #6FB34E;
}

.woocommerce div.product form.cart .button {
  background-color: #6FB34E;
  border: 3px solid #6FB34E;
}

.woocommerce div.product form.cart .button:hover {
  background: transparent;
  color: #6FB34E;
  border: 3px solid #6FB34E;
}

.woocommerce ul.products li.product .onsale,
.woocommerce span.onsale {
  background-color: #d09558;
}

.woocommerce .star-rating span,
#atomion-review-overview .rating-stars .active,
#atomion-review-overview .histo-star .active {
  color: #FDB230;
}
.woocommerce .star-rating::before {
    color: #FDB230;
}

#shop-description *:not(a),
.term-description *:not(a) {
    color: #404040;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer-top {
  background-color: #495058;
}
#footer-top,
#footer-top .widget-title,
#footer-top p,
#footer-top a {
  color: #ffffff;
}
#main-footer {
  background-color: #2C3137;
}
#footer-action-bar .inner,
#main-footer .inner, 
#footer-top .inner, 
.page-template-page-blank #content .row {
    max-width: calc(1200px + 10%);
    padding-left: 5%;
    padding-right: 5%;
}
#main-footer a, 
#main-footer span, 
#main-footer .widget-title, 
#main-footer p,
#main-footer .inner > * {
  color: white;
}
#footer-bottom {
  background-color: #15191D;
}
#footer-bottom a, #footer-bottom span, #footer-bottom p {
  color: white;
}

/** footer social icons **/
footer .social-media-icon {
  background: #495057;
}
footer .social-media-icon i {
  color: white;
}
footer .social-media-icon:hover {
  background: white;
  transition: .3s all ease-in-out;
}
footer .social-media-icon:hover i {
  color: #495057;
  transition: .3s all ease-in-out;
}