/* Color settings for main navigation mai-aktion 2025 */

body.photobook {
    background-color: #616161 !important;
}

.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;
}

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: #872985 !important;
}

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

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

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

.photobook #wrapper #navigation-menulevel ul li a.hasChilds:hover {
    background-image: url(/website/var/assets/public/overlay/aktion/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/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/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/styles/sibling_prev_hover_lila.png) left 50% no-repeat !important;
}

.sibling-navigation .parent a:hover {
    background: url(/website/var/assets/public/overlay/aktion/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/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/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/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/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/styles/d3-lila.png) !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, #753194, #dc4976);
    top: -100px;
    left: -40px;
    width: 400px;
    height: 400px;
    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); } 
}

.photobook .contentNote .noteHeader {
    background-color: #333333 !important;
}

/* Animated Top-Header */

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

#header-container {
    overflow: hidden;
}

@property --stepone {
    syntax: '<percentage>';
    initial-value: 80%;
    inherits: false;
}


#header-container::before {
    content: "";
    display: block;
    top: 0;
    left: 0;
    /* width: 960px; */
    /* height: 120px; */
    position: absolute;
    background-image: conic-gradient(#6FADD4, #453A89, #C01B83, #D76953, #C01B83, #6FADD4);
    z-index: 0;
    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);
}


@keyframes top-header-spin { 
    100% { transform: rotate(360deg); } 
}

.mobile-header {
    background-image: linear-gradient(to right, #6FADD4 5%, #453A89 37%, #C01B83 85%, #D76953 99%)
}



.offer-text-overlay-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    pointer-events: none;
    user-select: none;
    z-index: 5000;
}
.offer-text-overlay-wrapper.link {
    padding-top: 15px;    
}
.offer-text-overlay-wrapper.product {
    padding-top: 20px;
}
.offer-text-overlay-line {
    color: #fff;
    font-size: var(--font-size-17);
    font-family: RobotoMedium, Arial, sans-serif;
    padding: 0 10px;
    float: right;
    clear: both;
}
.offer-text-overlay-wrapper.link .offer-text-overlay-line {
    min-height: 26px;
    /* line-height: 26px; */
}
.offer-text-overlay-wrapper.product .offer-text-overlay-line {
    min-height: 28px;
    /* line-height: 28px; */
    font-size: var(--font-size-20);
}


.offer-text-overlay-wrapper.link .offer-text-overlay-line.line1.aktion {
    background-color:#000;
    letter-spacing:0.06em;
}
.offer-text-overlay-wrapper.link .offer-text-overlay-line.line2.aktion {
    background-color:#d0188f;letter-spacing:0.02em;
}

.offer-text-overlay-wrapper.product .offer-text-overlay-line.line1.aktion {
    background-color:#000;
    letter-spacing:0.06em;
}
.offer-text-overlay-wrapper.product .offer-text-overlay-line.line2.aktion {
    background-color:#d0188f;letter-spacing:0.02em;
}

.photobook .contentNote .noteLowerStapledNote.red.aktion {
    background-image: linear-gradient(45deg, #c01c83, #900faf);
}

/*
.syndication-start-interferer-downloads-wrapper {
    background-image: linear-gradient(to right, #8eb8e5, #7b9ad4, #7c82cc);
}
.photobook .syndication-start-interferer-downloads-1,
.photobook .syndication-start-interferer-downloads-2,
.photobook .syndication-start-interferer-downloads-3 {
    background-color: unset;
}

.syndication-start-interferer-downloads-icon {
    display: none;
}

.photobook .syndication-start-interferer-downloads-1 .text-top a,
.photobook .syndication-start-interferer-downloads-2 .text-top a,
.photobook .syndication-start-interferer-downloads-3 .text-top a,
.photobook .syndication-start-interferer-downloads-1 .text-bottom a,
.photobook .syndication-start-interferer-downloads-2 .text-bottom a,
.photobook .syndication-start-interferer-downloads-3 .text-bottom a {
    color: #000000;
}

.photobook .syndication-start-interferer-downloads-1 .text-top a:hover,
.photobook .syndication-start-interferer-downloads-2 .text-top a:hover,
.photobook .syndication-start-interferer-downloads-3 .text-top a:hover,
.photobook .syndication-start-interferer-downloads-1 .text-bottom a:hover,
.photobook .syndication-start-interferer-downloads-2 .text-bottom a:hover,
.photobook .syndication-start-interferer-downloads-3 .text-bottom a:hover {
    color: #fff !important;
}


.photobook .syndication-start-interferer-downloads-1-content .text-top, 
.photobook .syndication-start-interferer-downloads-2-content .text-top, 
.photobook .syndication-start-interferer-downloads-3-content .text-top {
    margin-left: 0;
    width: 100%;
    text-align: center;
}
.photobook .syndication-start-interferer-downloads-wrapper .text-bottom {
    padding-left: 0;
    width: 100%;
    text-align: center;
}
*/


@media only screen and (max-width: 700px) and (orientation: portrait) {
    
    .offer-text-overlay-wrapper {
        transform-origin: top right;
        transform: scale(0.8);
    }
    
}


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