/*
        Theme Name: Blaue Maus
        Description: Theme for Blaue Maus
        Author: SAY Media Consulting
        Author URI: https://www.say-consulting.de
        Template: twentytwentyfive
        Version: 1.0
        Tags:
*/

::selection,
::-moz-selection  {
    background: #281e1a;
    color: var(--wp--preset--color--accent-5);
}

footer *::selection {
    /*background: var(--wp--preset--color--accent-3);*/
    color: #281e1a;
    background: var(--wp--preset--color--accent-5);
}
*{
    scroll-behavior: smooth;
    scroll-margin-top: 120px;
}
.flex{
    display: flex;
}
.stripes_overlay p sup,
h1 sup{
    font-size: .5em;
}
.sticky-img{
    top: calc(150px + var(--wp-admin--admin-bar--position-offset, 0px)) !important;
}
.wp-block-heading.is-style-text-display{
    filter: drop-shadow(5px 6px 0 #0003);
    filter: drop-shadow(5px 6px 0 #e1aa55);
}
.wp-block-separator.is-style-wide{
    overflow: visible;
    height: 2px;
    background-color: #fff0 !important;
    border-top: 1px solid  #000 !important;
    border-bottom: 3px solid  #000 !important;
    position: relative;
    margin:  0px 10px !important;
}

.wp-block-separator.is-style-wide:before, .wp-block-separator.is-style-wide:after{
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background-color: #000;
    position: absolute;
    top: -3px;
    left: -9px;
}
.wp-block-separator.is-style-wide:after{
    right: -9px;
    left: auto;
}
.is-style-text-annotation {
    z-index: 3;
    /*display: inline-block;*/
}
.is-style-section-5, .is-style-section-4 {
    position: relative;
    margin-left: 10% !important;
    box-sizing: border-box;
    z-index: 1;
}

.is-style-section-3:before,
.is-style-section-3:after,
.is-style-section-4:before,
.is-style-section-4:after,
.is-style-section-5:before,
.is-style-section-5:after{
    content: '';
    position: absolute;
}
.is-style-section-3:before {
    width: 14%;
    height: 100%;
    top: 0;
    background: inherit;
    transform: translateY(-20px);
    filter: brightness(.85);
    right:  -10%;
    left: auto;
    clip-path: polygon(100% 0%,80% 50%,100% 100%,0% 101%,0% 50%,0% 0%);
}
.is-style-section-3:after {
    width: 5%;
    height: 20px;
    bottom: 0;
    right: -5px;
    background: inherit;
    clip-path: polygon(0 0, 100% 0,  100% 100%);
    filter: brightness(.6);
}
.is-style-section-5:before{
    width: 14%;
    height: 100%;
    top: 0;
    left: -10%;
    background: inherit;
    transform: translateY(-20px);
    filter: brightness(.85);
    clip-path: polygon(100% 0%, 100% 50%, 100% 100%, 0 100%, 20% 50%, 0 0);
    z-index: -1;
}
.is-style-section-5:after{
    width: 4%;
    height: 20px;
    bottom: 0;
    left: 0;
    background: inherit;
    clip-path: polygon(100% 0, 0 0, 0 100%);
    filter: brightness(.6);
}
.is-style-section-5.is-style-section-5-right{
    margin-left: unset !important;
    margin-right: 10% !important;
}
.is-style-section-5.is-style-section-5-right:before{
    right: -10%;
    left: unset;
    clip-path: polygon(100% 0, 80% 50%, 100% 100%, 0 100%, 0 50%, 0 0);
}
.is-style-section-5.is-style-section-5-right:after{
    right: 0;
    left: unset;
    clip-path: polygon(100% 0, 0 0, 105% 105%);
}
.is-style-section-4 {
    margin-right: 10% !important;
}
.is-style-section-4:before,
.is-style-section-4:after{
    width: 14%;
    height: 100%;
    top: 0;
    left: -10%;
    background: inherit;
    transform: translateY(10px);
    filter: brightness(.7);
    clip-path: polygon(100% 0%, 100% 50%, 100% 100%, 0 100%, 20% 50%, 0 0);
    z-index: -1;
    display: inline-block !important;
}
.is-style-section-4:after {
    right:  -10%;
    left: auto;
    clip-path: polygon(100% 0%,80% 50%,100% 100%,0% 101%,0% 50%,0% 0%);
    z-index: -1;
}
.stripes_overlay{
    background: repeating-linear-gradient(
        -45deg,
        rgba(0, 0, 0, 0.2),
        rgba(0, 0, 0, 0.2) 10px,
        rgba(0, 0, 0, 0.3) 10px,
        rgba(0, 0, 0, 0.3) 20px
        );
}
.blend_mode_1 .wp-block-cover__image-background{
    opacity: 0.1;
    mix-blend-mode: difference;
}
.blend_mode_2 .wp-block-cover__image-background{
    mix-blend-mode: darken;
}
.cover_opacity_1 .wp-block-cover__image-background{
    opacity: 0.3;
}
.vintage_circle_group{
    position: relative;
}
.scratchy_mask, .vintage_circle_group > .wp-block-group, .wp-block-button:not(.is-style-chevron) a, .wp-block-button:not(.is-style-chevron) .wp-element-button{
    mask: url(../../../wp-content/uploads/2026/04/scratch.png) left/contain no-repeat, linear-gradient(#000 0 0);
    mask-composite: add, add;
    mask-size: cover, auto;
    mask-composite: exclude;
    /*width: 100%;
      height: 100%;*/
}
.wp-block-button:not(.is-style-chevron){
    outline: 2px dashed #000;
    border: 3px solid #0000;
}
.wp-block-button.is-style-chevron{
    filter: drop-shadow(3px 3px 5px #999);
}
.wp-block-button.is-style-chevron a{
    position: relative;
}
.wp-block-button.is-style-chevron a{
    padding: 2em .5em 2em .5em;
}
.wp-block-button.is-style-chevron a::before,
.wp-block-button.is-style-chevron a::after{
    position: absolute;
    content: '';
    bottom: -30px;
}
.wp-block-button.is-style-chevron a::before{
    width: 0;
    height: 0;
    border-bottom: 30px solid transparent;
    border-left: 100px solid var(--wp--preset--color--accent-3);
    left: 0;
}
.wp-block-button.is-style-chevron a::after{
    width: 0;
    height: 0;
    border-bottom: 30px solid transparent;
    border-right: 100px solid var(--wp--preset--color--accent-3);
    right: 0;
}
.vintage_circle_group > .wp-block-group{
    margin: auto !important;
    position: absolute;
    width: 100%;
    margin: auto !important;
    top: 0;
    height: 100%;
    /*display: flex;
      justify-content: center;
      align-items: center;*/
}
.vintage_circle_group > .wp-block-image{
    position: relative;
}
.cover_is_contain .wp-block-cover__image-background{
    object-fit: contain !important;
}
.smc-header{
    position: fixed;
    width: 100% !important;
    z-index: 100;
    transition: .3s all ease;
}
.smc-header a:hover{
    text-decoration: none;
}
.smc-header:not(.scrolled){
    background: transparent !important;
    border-bottom: 0 !important;
}
.smc-header:not(.scrolled) p,
.smc-header:not(.scrolled) a,
.smc-header:not(.scrolled) svg,
.smc-header:not(.scrolled) sup,
.smc-header:not(.scrolled) a.wp-block-navigation-item__content{
    color: var(--wp--preset--color--accent-5);
}
.smc-header:not(.scrolled) .wp-block-navigation__submenu-container p,
.smc-header:not(.scrolled) .wp-block-navigation__submenu-container a{
    color: var(--wp--preset--color--accent-3);
}
.smc-header:not(.scrolled) .wp-block-cover__image-background,
.smc-header:not(.scrolled) .wp-block-cover__background{
    background: transparent !important;
    color: #fff !important;
}
.smc-header .current-menu-item > a{
    color: var(--wp--preset--color--accent-1) !important;
}
.smc-header li:not(.wp-block-navigation__submenu-container li, :last-child)::after,
.smc-header .wp-block-navigation__submenu-container li::after{
    content:'';
    position: absolute;
    width: 16px;
    height: 16px;
    display: inline-block;
    background-size: cover;
    filter: invert(78%) sepia(41%) saturate(449%) hue-rotate(346deg) brightness(104%) contrast(97%);
}
.smc-header li:not(.wp-block-navigation__submenu-container li, :last-child)::after{
    right: calc((var(--wp--preset--spacing--50) / -2) - 7px);
    background-image: url('../../uploads/2026/04/black-star-icon.png');
}
.smc-header .wp-block-navigation__submenu-container li:hover::after{
    background-image: url('../../uploads/2026/04/black-star-icon.png');
    left: .8em;
}
.smc-header .wp-block-navigation__submenu-container li:hover,
.wp-block-navigation__submenu-container li a.active{
    background-color: var(--wp--preset--color--accent-3) !important;
}
.smc-header .wp-block-navigation__submenu-container li:hover span,
.wp-block-navigation__submenu-container li a.active{
    color: #fff !important;
}
.wp-block-navigation__submenu-icon{
    font-size: 0 !important;
}



.wp-block-navigation__submenu-container li{
    margin-bottom: 0 !important;
}
.wp-block-navigation__submenu-container li a{
    padding: .3em 3em .3em 2em !important;
    position: relative;
}
.wp-block-navigation__submenu-container li:not(:last-child) a::after{
    content: '';
    position: absolute;
    height: 1px;
    width: 80%;
    background-color: #fbd285;
    left: 10%;
    bottom: -1px;
}
.smc-header .wp-block-navigation-item a{
    filter: drop-shadow(1px 1px 0 #0003);
}
/*.smc-header .wp-block-navigation-item:not(:last-child):after{
    background-color: #f00;
}*/
.grp_first_section .wp-block-cover{
    overflow: visible !important;
}
.has_grain, .with_line , .is-style-text-annotation, .wp-block-group.is-style-section-1, .to-the-edge {
    position: relative;
}
.has_grain:after, .has_grain:before, .to-the-edge:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0 ;
    height: 100%;
    width: 100%;
    pointer-events: none;
}
.has_grain:before{
    box-shadow: inset 0px 0px 48px 32px #000;
}
.has_grain:after{
    background: url("../../uploads/2026/04/grain.svg");
    background-size: 100px;
    mix-blend-mode: multiply;
}
.to-the-edge:before{
    width: 50vw;
    left: -50vw;
    background: inherit;
}
.has-border-style{
    border-style: dashed;
}
#geschichte .year-bubble{
    aspect-ratio: 1;
    place-content: center;
}

/*------------------------------------------------------------------------------Whisky Slider*/
.inline-slider .slick-dots{
    display: flex;
    gap: 1.5em;
    margin: 0 auto;
    padding: 0;
    list-style-type: none;
}
.inline-slider .slick-dots li button{
    font-size: 0;
    cursor: pointer;
    background-image: url('../../uploads/2026/04/black-star-icon.png');
    background-size: contain;
    aspect-ratio: 1;
    width: 30px;
    border: none;
    background-color: unset;
    filter: invert(12%) sepia(70%) saturate(2278%) hue-rotate(342deg) brightness(87%) contrast(89%)
        drop-shadow(1px 0px .3px #B3AEA5)
        drop-shadow(-1px 0px .3px #B3AEA5)
        drop-shadow(0px 1px .3px #B3AEA5)
        drop-shadow(0px -1px .3px #B3AEA5);
}
.inline-slider .slick-dots li.slick-active button{
    filter: invert(78%) sepia(41%) saturate(449%) hue-rotate(346deg) brightness(104%) contrast(97%)
        drop-shadow(1px 0px .3px #B3AEA5)
        drop-shadow(-1px 0px .3px #B3AEA5)
        drop-shadow(0px 1px .3px #B3AEA5)
        drop-shadow(0px -1px .3px #B3AEA5);
}
.inline-slider .slick-dots li button:focus{
    outline: none;
}
.inline-slider .slick-slide{
    margin-right: 1em;
    margin-left: 1em;
}

/*------------------------------------------------------------------------------Restaurant Kontaktformular*/
.restaurant-formular{
    box-sizing: border-box;
}
.restaurant-formular form{
    text-align: center;
    margin: 0 auto;
    width: 700px;
}
.restaurant-formular form > div{
    flex-direction: column;
    gap: 1em;
}
.restaurant-formular form div.flex div{
    flex-basis: 50%;
    justify-content: center;
    gap: 1em;
}
.restaurant-formular form p{
    margin: 0;
}
.restaurant-formular input:not([type="checkbox"]),
.restaurant-formular select,
.restaurant-formular textarea{
    width: 100%;
    padding: 1.7em 1em 1.7em 1em;
    border: none;
    border-radius: 5px;
    filter: drop-shadow(3px 3px 3px #DDD);
    box-sizing: border-box;
    font-family: var(--wp--preset--font-family--merriweather-light-18-pt);
}
.restaurant-formular textarea{
    resize: vertical;
}
.restaurant-formular .personenzahl input{
    background-color: var(--wp--preset--color--accent-3);
    color: #fff;
    font-weight: 600;
}
.restaurant-formular .personenzahl input::placeholder{
    color: #fff;
}
.restaurant-formular input[type="submit"]{
    width: 50%;
    font-weight: 600;
    font-size: 1em;
    padding: 1em;
    background-color: var(--wp--preset--color--accent-1);
    cursor: pointer;
}

/*------------------------------------------------------------------------------Yoast FAQ*/
.schema-faq{
    display: flex;
    flex-direction: column;
    gap: 1em;
}
.schema-faq-question{
    font-weight: 600;
}
.schema-faq-question, .smc-acc > .wp-block-group:nth-child(1){
    position: relative;
    display: inline-block;
    width: 100%;
    cursor: pointer;
    padding-right: 2em;
    box-sizing: border-box;
    font-size: var(--wp--preset--font-size--large);
    font-family: var(--wp--preset--font-family--barlow-condensed);
    text-transform: uppercase;
}
.schema-faq-question:hover, .smc-acc > .wp-block-group:nth-child(1):hover{
    text-decoration: underline;
}
.schema-faq-question:after, .smc-acc > .wp-block-group:nth-child(1):after{
    content: '+';
    position: absolute;
    right: 0;
    top: 0;
}
.schema-faq-section.active .schema-faq-question:after, .smc-acc.active > .wp-block-group:nth-child(1){
    content: '-';
}
.schema-faq-section:not(.active) .schema-faq-answer, .smc-acc:not(.active)  > .wp-block-group:nth-child(2){
    display: none;
}

.width_edges{
    position: relative
}
.width_edges > .wp-block-group  >  .wp-block-group {
    position: absolute;
    width: 70px;
    height: 100%;
    top: -30%;
    left: -50px;
    clip-path: polygon(100% 0%, 100% 50%, 100% 100%, 0 100%, 20% 50%, 0 0);
    filter: brightness(.7);
}
.width_edges > .wp-block-group  >  .wp-block-group:after {
    content: "";
    position: absolute;
    right: 0;
    clip-path: polygon(100% 0, 0% 100%, 100% 100%);
    height: 30%;
    width: 20px;
    background: #0005;
}
.width_edges > .wp-block-group  >  .wp-block-group:last-child:after {
    right: auto;
    left: 0;
    clip-path: polygon(100% 100%, 0 0, 0 100%);
}
.width_edges > .wp-block-group  >  .wp-block-group:last-child {
    left: auto;
    right: -50px;
    clip-path: polygon(100% 0, 80% 50%, 100% 100%, 0 100%, 0 50%, 0 0);
}
.gutschein-grid .wp-block-cover,
.gutschein-grid .wp-block-cover .wp-block-cover__inner-container,
.gutschein-grid .wp-block-cover .wp-block-cover__inner-container > div{
    height: 100%;
    width: 100%;
}

/*------------------------------------------------------------------------------woocommerce*/
.woocommerce-breadcrumb{
    margin: 0 !important;
    text-align: center;
}
.price{
    font-size: var(--wp--preset--font-size--x-large);
    font-weight: 600;
    color: var(--wp--preset--color--accent-3) !important;
    font-family: var(--wp--preset--font-family--barlow-condensed);
    margin: 0;
}
.woocommerce-tabs .tabs .active{
    background-color: var(--wp--preset--color--accent-3) !important;
    color: #fff !important;
}
.woocommerce-tabs .tabs{
    font-size: var(--wp--preset--font-size--large);
    font-family: var(--wp--preset--font-family--barlow-condensed);
    border-bottom: solid 3px var(--wp--preset--color--accent-3) !important;
    margin: 0 !important;
    padding-bottom: .5em !important;
}
.quantity input{
    background-color: var(--wp--preset--color--accent-5);
    border: none;
    border-radius: 5px;
}
.wp-block-woocommerce-product-collection .wc-block-product-template li .wc-block-components-product-button{
    width: fit-content;
    align-self: center;
}
.single_add_to_cart_button{
    background-color: var(--wp--preset--color--accent-3) !important;
    position: relative;
    font-family: var(--wp--preset--font-family--barlow-condensed) !important;
    font-weight: 600 !important;
    font-size: var(--wp--preset--font-size--large) !important;
}
.single_add_to_cart_button{
    margin-left: 2em;
}
.wc-block-product-template{
    gap: 4em !important;
}
.wc-block-product{
    display: flex;
    flex-direction: column;
    gap: .5em;
}
.wp-block-woocommerce-product-collection h2,
.wp-block-woocommerce-product-collection .wc-block-product-template li .woocommerce-Price-amount{
    font-family: var(--wp--preset--font-family--barlow-condensed) !important;
    font-weight: 600 !important;
    font-size: var(--wp--preset--font-size--large) !important;
    color: var(--wp--preset--color--accent-3) !important;
}
.single_add_to_cart_button::before,
.single_add_to_cart_button::after{
    position: absolute;
    content: '';
    width: 70px;
    box-sizing: border-box;
    height: 100%;
    background-color: var(--wp--preset--color--accent-3);
    top: 0;
    clip-path: polygon(0 0,var(--s) 0,100% 50%,var(--s) 100%,0 100%,calc(100% - var(--s)) 50%);
    --s: 50px;
    z-index: -1;
}
.single_add_to_cart_button::before{
    left: -20px;
}
.single_add_to_cart_button::after{
    right: -20px;
    transform: rotate(180deg);
}

@media(prefers-reduced-motion: no-preference){

}
@media(max-width: 781px){
    .inline-slider .slick-dots li button{
        width: 15px;
    }
    footer{
        text-align: center;
        text-align-last: center;
    }
    .mobile-center,
    .sub-footer nav ul{
        justify-content: center !important;
    }
    .mobile-center nav ul{
        align-items: center;
    }
    .mobile-no-margin{
        margin-top: 1em !important;
    }
    .wp-block-heading.is-style-text-display{
        filter: drop-shadow(2px 3px 0 #e1aa55);
    }
}
@media(max-width: 1199px){
    .wp-block-navigation__submenu-container{
        padding-left: 0 !important;
    }
}
@media(min-width: 1200px){
    .has-text-align-left.is-style-text-annotation:after, .has-text-align-right.is-style-text-annotation:before,
    .has-text-align-center.is-style-text-annotation:after, .has-text-align-center.is-style-text-annotation:before{
        content: '';
        position: absolute;
        top: calc(50% - 3px);
        left: -100px;
        width: 100px;
        border-top: 1px solid #000;
        border-bottom: 3px solid #000;
        height: 3px;
        list-style-type: circle;
    }
    .has-text-align-center.is-style-text-annotation:after,
    .has-text-align-left.is-style-text-annotation:after{
        right: -100px;
        left: auto;
    }
    .is-style-text-annotation:after{
        right: -100px;
        left: auto;
    }
    .has-base-color .is-style-text-annotation:after,
    .has-base-color .is-style-text-annotation:before{
        border-color:  var(--wp--preset--color--base) !important;
    }
    .is-content-justification-left > .wp-block-group.is-style-section-1:after,
    .is-content-justification-right >  .wp-block-group.is-style-section-1:before,
    .is-content-justification-center > .wp-block-group.is-style-section-1:after,
    .is-content-justification-center > .wp-block-group.is-style-section-1:before{
        content: '● ⬤ ●';
        position: absolute;
        top: calc(50% - 7px);
        font-size: 16px;
        line-height: 16px;
    }
    .wp-block-group.is-style-section-1:after{
        right: -139px;
    }
    .wp-block-group.is-style-section-1:before{
        left: -139px;
    }
    .wp-block-navigation__submenu-container{
        white-space: nowrap;
        background: url('../../uploads/2026/04/exclusive-paper.png');
        outline: 5px solid var(--wp--preset--color--accent-5);
    }
}
@media(min-width: 1600px){

}
@media(min-width: 2000px){

}