/* Color settings for main navigation wg 2024 */

/*
.photobook #wrapper #navigation-menu,
.photobook #wrapper .mobile-menu-wrapper {
    background-color: #222 !important;
    border-top: 1px solid #222 !important;
    border-bottom: 1px solid #222 !important;
}

.photobook #wrapper #navigation-menu ul li.mainItem {
    border-top: 1px solid #222 !important;
}


.photobook .customerarea-separator {
    background: none !important;
}

.photobook #customerarea-tab-button {
    border-top: 1px solid #222 !important;
    border-left: 1px solid #222 !important;
    border-right: 1px solid #222 !important;
}

.mobile-header {
    background-image: linear-gradient(62deg,#49307E, #9A005E 40%, #280A65 85%);
}

.photobook .syndication-start-interferer-downloads-1:hover .text-top,
.photobook .syndication-start-interferer-downloads-2:hover .text-top,
.photobook .syndication-start-interferer-downloads-3:hover .text-top,
a:hover, a:focus, a:active,
.photobook #metaNav ul li a:hover,
.photobook #metaNav ul li a:focus,
.photobook #metaNav ul li a:active,
.customerarea-element .paginationControl .backButton a:hover,
.customerarea-element .paginationControl .forwardButton a:hover,
.customerarea-element .paginationControl .numbers span.pagination-number,
.photobook .customerarea-element .item-action.reorder:hover .item-action-icon,
.photobook .customerarea-element .item-action.share:hover .item-action-icon,
.customerarea-order-details-delivery-wrapper .order-item-shipments tr.highlightRow td,
section#orderupload #upload-captcha #refresh-captcha:hover,
section#orderupload #upload-captcha #captcha-error,
.customerarea-element #customerarea-sharing-index-wrapper .share-actions li:hover,
.embed-share-preview-wrapper:hover,
.customerarea-element #customerarea-sharing-embed-wrapper .preview-and-copy .copyToClipboard:hover,
.customerarea-element #customerarea-sharing-embed-wrapper .preview-and-copy a:hover,
.cart-index-current-used-promotion-code .remove-button form input:hover,
.shop-continue-link:hover,
.details-alternative {
    color: #9711a9 !important;
}

#navigation-menu .mainItem > a:hover {
    color: #fff !important;
}

.photobook .headline-right span.discount-price,
.photobook .noteBody span.discount-price {
    color: #720681 !important;
}

.tab-navigation-bar .tab-navigation-button.active,
.tab-navigation-bar .tab-navigation-button.label {
    background-color: #720681 !important;
}

.photobook #wrapper #navigation-menulevel ul li a.hasChilds:hover {
    background-image: url(/website/var/assets/public/overlay/aktion/11-november-wvvk/styles/menulevel_plus_hover_lila.png) !important;;
}

.photobook #wrapper #navigation-menu ul.submenu li:hover a.hasChilds {
    background: url(/website/var/assets/public/overlay/aktion/11-november-wvvk/styles/menulevel_plus_hover_lila.png) 155px 50% no-repeat !important;;
}

.sibling-navigation .next-sibling a:hover,
.customerarea-element .paginationControl .forwardButton a:hover,
.shop-continue-link:hover {
    background: url(/website/var/assets/public/overlay/aktion/11-november-wvvk/styles/sibling_next_hover_lila.png) right 50% no-repeat !important;;
}

.sibling-navigation .prev-sibling a:hover,
.customerarea-element .paginationControl .backButton a:hover,
.photobook a.backlink:hover {
    background: url(/website/var/assets/public/overlay/aktion/11-november-wvvk/styles/sibling_prev_hover_lila.png) left 50% no-repeat !important;;
}

.sibling-navigation .parent a:hover {
    background: url(/website/var/assets/public/overlay/aktion/11-november-wvvk/styles/sibling_parent_hover_lila.png) left 50% no-repeat !important;;
}

.templates-filter .filter-read-more:hover, .faq-filter .filter-read-more:hover {
    background: url(/website/var/assets/public/overlay/aktion/11-november-wvvk/styles/show_more_hover_lila.png) no-repeat scroll !important;
    background-position: center 12px !important;
}
.photobook .textblock .read-more-link:hover {
    background: url(/website/var/assets/public/overlay/aktion/11-november-wvvk/styles/read_more_icon_hover_lila.png) left bottom no-repeat !important;;
}

.photobook .headline-right .price-wrapper,
.photobook .noteBody span.discount-price {
    background-color: #FECF16 !important;
}

.syndication-start-interferer-downloads-1:hover .syndication-start-interferer-downloads-icon {
    background-image: url(/website/var/assets/public/overlay/aktion/11-november-wvvk/styles/k-lila.png) !important;
}
.syndication-start-interferer-downloads-2:hover .syndication-start-interferer-downloads-icon {
    background-image: url(/website/var/assets/public/overlay/aktion/11-november-wvvk/styles/fb-lila.png) !important;
}
.syndication-start-interferer-downloads-3:hover .syndication-start-interferer-downloads-icon {
    background-image: url(/website/var/assets/public/overlay/aktion/11-november-wvvk/styles/d3-lila.png) !important;
}

*/

.photobook .syndication-start-interferer-downloads-wrapper,
.photobook .syndication-start-interferer-downloads-1,
.photobook .syndication-start-interferer-downloads-2,
.photobook .syndication-start-interferer-downloads-3 {
    background-color: #334D21;
}

.photobook .headline-right .normal-price,
.photobook .noteBody .normal-price,
.photobook .headline-right .price-wrapper,
.photobook .noteBody span.discount-price {
    background-color: #f4b500 !important;
}
.photobook .syndication-start-interferer-downloads-wrapper a,
.photobook .syndication-start-interferer-downloads-wrapper .text-top,
.photobook .syndication-start-interferer-downloads-wrapper .text-bottom {
    color: #fff !important;
}
.photobook .syndication-start-interferer-downloads-wrapper a:hover,
.photobook .syndication-start-interferer-downloads-wrapper .text-top:hover,
.photobook .syndication-start-interferer-downloads-wrapper .text-bottom:hover {
    color: #F3DEAC !important;
}


/* Animated Productdetails Note */

.noteLowerStapledNote.offer-animation.note {
    overflow: hidden;
    position: relative;
}
.noteLowerStapledNote.offer-animation.note {
    background-color: unset !important;
}
.noteLowerStapledNote.offer-animation.note span {
    position: relative;
}
.noteLowerStapledNote.offer-animation.note::before {
    content: "";
    display: block;
    background-image: linear-gradient(to right, #586f27, #385018);
    top: -99px;
    left: -5px;
    width: 254px;
    height: 254px;
    position: absolute;
    animation: note-spin 11s infinite;
    animation-timing-function: linear(0, 0.2 17%, 0.3 33%, 0.5 50%, 0.7 67%, 0.8 83%, 1);
    z-index: 0;
}
@keyframes note-spin { 
    100% { transform: rotate(360deg); } 
}


/* Animated Top-Header */

#header-overlay-images-wrapper {
    overflow: hidden;
    position: relative;
}
#header-overlay-images-wrapper a {
    position: relative;
}
#header-overlay-images-wrapper {
    background-color: #B40607;
}

/*
#header-overlay-images-wrapper::before {
    content: "";
    display: block;
    background-image: linear-gradient(to right, #860f96, #300c66);
    top: -425px;
    left: -5px;
    width: 970px;
    height: 970px;
    position: absolute;
    animation: overlay-text-spin 21s infinite;
    animation-timing-function: linear(0, 0.2 17%, 0.3 33%, 0.5 50%, 0.7 67%, 0.8 83%, 1);
    z-index: 0;
}
*/
#header-container {
    overflow: hidden;
}

#header-container::before {
    content: "";
    display: block;
    background-image: conic-gradient(#B40607, #890805, #B40607, #890805, #B40607);
    top: -125px;
    left: -520px;
    width: 2000px;
    height: 2000px;
    position: absolute;
    animation: top-header-spin 42s infinite;
    animation-timing-function: linear(0, 0.2 17%, 0.3 33%, 0.5 50%, 0.7 67%, 0.8 83%, 1);
    z-index: 0;
}
@keyframes top-header-spin { 
    100% { transform: rotate(360deg); } 
}



/* Mobile View */
@media only screen and (max-width: 700px) and (orientation: portrait) {
    
    .photobook .contentNote-mobile-header {
        background-color: #B40607 !important;
    }
    
    .noteLowerStapledNote.offer-animation.note::before {
        top: -40vw;
        left: -5px;
        width: 100vw;
        height: unset !important;
        aspect-ratio: 1/1;
    }    
    
    
}