/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Dennis Reinitz
 Author URI:   https://pfefferwerk.de
 Template:     generatepress
 Version:      0.1
*/


/* Available Root Variables 


    --wp--preset--color--contrast: var(--contrast);
    --wp--preset--color--contrast-2: var(--contrast-2);
    --wp--preset--color--contrast-3: var(--contrast-3);
    --wp--preset--color--base: var(--base);
    --wp--preset--color--base-2: var(--base-2);
    --wp--preset--color--base-3: var(--base-3);
    --wp--preset--color--primary-color-blue: var(--primary-color-blue);
    --wp--preset--color--primary-color-yellow: var(--primary-color-yellow);


*/

details {
    margin-bottom:.5rem;
}

article > div > .entry-content > .gb-container {
    margin-bottom:3rem;
}

.display-none {
    display:none !important;
}

.cooperation-partner-slider .owl-stage {
    min-height:175px;
    height: 175px;
}

.cooperation-partner-slider .owl-stage-outer::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  box-shadow: 
  /* Linke Seite - mehrere Schatten mit abnehmender Deckkraft */
    inset -5px 0 5px -5px rgba(255,255,255,1),
    inset -10px 0 5px -5px rgba(255,255,255,0.8),
    inset -15px 0 5px -5px rgba(255,255,255,0.6),
    inset -20px 0 5px -5px rgba(255,255,255,0.4),
    inset -25px 0 5px -5px rgba(255,255,255,0.2),
    inset -30px 0 5px -5px rgba(255,255,255,0.1),
    
    /* Rechte Seite - mehrere Schatten mit abnehmender Deckkraft */
    inset 5px 0 5px -5px rgba(255,255,255,1),
    inset 10px 0 5px -5px rgba(255,255,255,0.8),
    inset 15px 0 5px -5px rgba(255,255,255,0.6),
    inset 20px 0 5px -5px rgba(255,255,255,0.4),
    inset 25px 0 5px -5px rgba(255,255,255,0.2),
    inset 30px 0 5px -5px rgba(255,255,255,0.1);
 z-index:100;
}


.cooperation-partner-slider .owl-stage .owl-item,
.cooperation-partner-slider .owl-stage .owl-item .carousel-slider__item,
.cooperation-partner-slider .owl-stage .owl-item .carousel-slider__item a {
   height:100%;
}

.cooperation-partner-slider .owl-stage .owl-item .carousel-slider__item a {
    display: grid;
    justify-content: center;
    align-items: end;
}
.cooperation-partner-slider .owl-stage .owl-item .carousel-slider__item .carousel-slider__caption p {
    font-weight:400;
}
/*

Artikel im Slider auf der Startseite

*/

.swiper .swiper-slide .slider-article .alignwide {
    margin-left: 0px !important;
    width: 100%;
    max-width: 100%;
}

.swiper .swiper-slide .slider-article .alignwide.wp-block-post-featured-image img {

    max-height: 420px;
}

.swiper .swiper-pagination-bullet-active {
    transform: scale(1.5);
}

/**

Pfeil-Element
    
*/

.arrow-container {
    min-height: 50px;

    position: relative;

}

.arrow-head {
    width: 0;
    height: 0;
    border-left: 20px solid black;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);

}

.arrow-text {
    position: absolute;
    top: 0;
    left: 0;
    right: 20px;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Arial, sans-serif;
    font-size: 14px;
    border: none;
    border-right: none;
    box-sizing: border-box;
}



.arrow-container.bg-white .arrow-text {
    background-color: white;
}

.arrow-container.bg-white.color-blue .arrow-text,
.arrow-container.bg-white.color-blue .arrow-text a {
    color: var(--primary-color-blue);
}

.arrow-container.bg-white.color-yellow .arrow-text,
.arrow-container.bg-white.color-yellow .arrow-text a {
    color: var(--primary-color-yellow);
}

.arrow-container.bg-white .arrow-head {
    border-left: 20px solid white;
}




.arrow-container.bg-blue .arrow-text {
    background-color: var(--primary-color-blue);
}

.arrow-container.bg-blue .arrow-text,
.arrow-container.bg-blue .arrow-text a {
    color: white;
}

.arrow-container.bg-blue .arrow-head {
    border-left: 20px solid var(--primary-color-blue);
}



.arrow-container.bg-yellow .arrow-text {
    background-color: var(--primary-color-yellow);
}

.arrow-container.bg-yellow .arrow-text,
.arrow-container.bg-yellow .arrow-text a {
    color: white;
}

.arrow-container.bg-yellow .arrow-head {
    border-left: 20px solid var(--primary-color-yellow);
}

/**

Header

**/


.site-header.grid-container {
    border-top: 5px solid var(--primary-color-yellow);
}

/**

Header Navigation

*/

.navigation-branding .sticky-navigation-logo img {
    /*background: white;*/
    /*padding: 7px 20px 10px;*/

    padding: 20px;
    margin-top: -15px;
}

ul#menu-main-menu>li:first-child {
    border-left: 1px solid white;
}

ul#menu-main-menu>li:last-child {
    /*border-right: 2px solid white ;*/
}

ul#menu-main-menu>li {
    /*border-left: 1px solid white ;*/
    border-right: 1px solid white;
}

ul#menu-main-menu li a,
.inside-navigation .menu-bar-items a {
    text-shadow: 0px 0.5px 0.5px #666
}

.inside-navigation .menu-bar-items {
    border-right: 1px solid white;
}


/* Secondary Navigation (Social Menu) */

.secondary-navigation .main-nav ul li a {
    font-family: inherit;
    font-weight: 400;
    text-transform: none;
    font-size: 13px;
    padding-left: 10px !important;
    padding-right: 10px !important;
    line-height: 40px;
}



.site-footer .menu-social-menu-container ul {

    display: flex;
    flex-wrap: nowrap;
    gap: 20px;

}

#menu-newsletter-menu li.menu-item>a>span,
.site-footer .menu-social-menu-container li.menu-item>a>span,
.secondary-navigation li.menu-item>a>span {
    display: none
}

#menu-newsletter-menu li.menu-item>a::before,
.site-footer .menu-social-menu-container li.menu-item>a::before,
.secondary-navigation li.menu-item>a::before {
    width: 30px;
    height: 30px;
    display: block;
    transition: all .3s ease-in-out;
    opacity: .6;
    transform: scale(.8);
    mask-size: contain;
    -webkit-mask-size: contain;

}

#menu-newsletter-menu li.menu-item>a::before,
.site-footer .menu-social-menu-container li.menu-item>a::before {
    width: 50px;
    height: 50px;
    opacity: 1;
}

#menu-newsletter-menu li.menu-item>a::before {
    width: 55px;
    height: 55px;
}

.secondary-navigation li.menu-item:hover>a::before {
    /*transform:scale(1.05);*/
    opacity: 1;
}




.nl-abo a::before {
    content: '';
    mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg" color="currentColor"><path d="M9 9L13.5 12L18 9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M3 13.5H5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M1 10.5H5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M5 7.5V7C5 5.89543 5.89543 5 7 5H20C21.1046 5 22 5.89543 22 7V17C22 18.1046 21.1046 19 20 19H7C5.89543 19 5 18.1046 5 17V16.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path></svg>');
    mask-repeat: no-repeat;
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg  viewBox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg" color="currentColor"><path d="M9 9L13.5 12L18 9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M3 13.5H5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M1 10.5H5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M5 7.5V7C5 5.89543 5.89543 5 7 5H20C21.1046 5 22 5.89543 22 7V17C22 18.1046 21.1046 19 20 19H7C5.89543 19 5 18.1046 5 17V16.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path></svg>');
    -webkit-mask-repeat: no-repeat;
    background-color: currentColor;
    /* Hier wird die Farbe angewendet */
}

.soc-facebook a::before {
    content: '';
    mask-image: url('data:image/svg+xml;utf8,<svg stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17 2H14C12.6739 2 11.4021 2.52678 10.4645 3.46447C9.52678 4.40215 9 5.67392 9 7V10H6V14H9V22H13V14H16L17 10H13V7C13 6.73478 13.1054 6.48043 13.2929 6.29289C13.4804 6.10536 13.7348 6 14 6H17V2Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    mask-repeat: no-repeat;
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17 2H14C12.6739 2 11.4021 2.52678 10.4645 3.46447C9.52678 4.40215 9 5.67392 9 7V10H6V14H9V22H13V14H16L17 10H13V7C13 6.73478 13.1054 6.48043 13.2929 6.29289C13.4804 6.10536 13.7348 6 14 6H17V2Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    -webkit-mask-repeat: no-repeat;
    background-color: currentColor;
    /* Hier wird die Farbe angewendet */
}

/* Instagram */
.soc-instagram a::before {
    content: '';
    mask-image: url('data:image/svg+xml;utf8,<svg stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M3 16V8C3 5.23858 5.23858 3 8 3H16C18.7614 3 21 5.23858 21 8V16C21 18.7614 18.7614 21 16 21H8C5.23858 21 3 18.7614 3 16Z" stroke="currentColor" stroke-width="1.5"/><path d="M17.5 6.51L17.51 6.49889" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    mask-repeat: no-repeat;
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M3 16V8C3 5.23858 5.23858 3 8 3H16C18.7614 3 21 5.23858 21 8V16C21 18.7614 18.7614 21 16 21H8C5.23858 21 3 18.7614 3 16Z" stroke="currentColor" stroke-width="1.5"/><path d="M17.5 6.51L17.51 6.49889" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    -webkit-mask-repeat: no-repeat;
    background-color: currentColor;
}

/* Nebenan */
.soc-nebenan a::before {
    content: '';
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><g><path d="M14.052.24a2 2 0 0 1 1.896 0l11.74 6.73a2 2 0 0 1 1.053 1.76v12.806a2 2 0 0 1-1.052 1.761l-5 2.832v-6.662l-2.16 1.245v6.58l-4.58 2.466a2 2 0 0 1-1.897 0l-4.639-2.497v-6.547l-2.2-1.255v6.617l-5.027-2.779a2 2 0 0 1-1.052-1.761V8.731A2 2 0 0 1 2.186 6.97zM3.133 9.632l.001 11.903 2.079 1.191V17.74a1 1 0 0 1 1.495-.868l3.695 2.106a2 2 0 0 1 1.01 1.737v5.351l2.586 1.393V15.719zm23.607.313L16 15.731v11.727l2.529-1.362v-5.384a2 2 0 0 1 .864-1.646l.14-.088 3.657-2.105a1 1 0 0 1 1.499.867v5.04l2.052-1.244zM16 2.566v10.892l9.791-5.272zm-2-.006L4.363 8.031 14 13.427z" fill="currentColor"/></g></svg>');
    mask-repeat: no-repeat;
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><g><path d="M14.052.24a2 2 0 0 1 1.896 0l11.74 6.73a2 2 0 0 1 1.053 1.76v12.806a2 2 0 0 1-1.052 1.761l-5 2.832v-6.662l-2.16 1.245v6.58l-4.58 2.466a2 2 0 0 1-1.897 0l-4.639-2.497v-6.547l-2.2-1.255v6.617l-5.027-2.779a2 2 0 0 1-1.052-1.761V8.731A2 2 0 0 1 2.186 6.97zM3.133 9.632l.001 11.903 2.079 1.191V17.74a1 1 0 0 1 1.495-.868l3.695 2.106a2 2 0 0 1 1.01 1.737v5.351l2.586 1.393V15.719zm23.607.313L16 15.731v11.727l2.529-1.362v-5.384a2 2 0 0 1 .864-1.646l.14-.088 3.657-2.105a1 1 0 0 1 1.499.867v5.04l2.052-1.244zM16 2.566v10.892l9.791-5.272zm-2-.006L4.363 8.031 14 13.427z" fill="currentColor"/></g></svg>');
    -webkit-mask-repeat: no-repeat;
    background-color: currentColor;

}


/* .soc-facebook a::before {
    content: '';
    background-image: url('data:image/svg+xml;utf8,<svg width="30" height="30" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17 2H14C12.6739 2 11.4021 2.52678 10.4645 3.46447C9.52678 4.40215 9 5.67392 9 7V10H6V14H9V22H13V14H16L17 10H13V7C13 6.73478 13.1054 6.48043 13.2929 6.29289C13.4804 6.10536 13.7348 6 14 6H17V2Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
} */

/* .soc-instagram a::before {
    content: '';
    background-image: url('data:image/svg+xml;utf8,<svg width="30px" height="30px" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="currentColor"><path d="M12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M3 16V8C3 5.23858 5.23858 3 8 3H16C18.7614 3 21 5.23858 21 8V16C21 18.7614 18.7614 21 16 21H8C5.23858 21 3 18.7614 3 16Z" stroke="currentColor" stroke-width="1.5"></path><path d="M17.5 6.51L17.51 6.49889" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>');


}

.soc-nebenan a::before {
    content: '';
    background-image: url('data:image/svg+xml;utf8,<svg height="30" width="30" xmlns="http://www.w3.org/2000/svg"><g fill="none"><path d="M0 0h30v30H0z"></path><path d="M14.052.24a2 2 0 0 1 1.896 0l11.74 6.73a2 2 0 0 1 1.053 1.76v12.806a2 2 0 0 1-1.052 1.761l-5 2.832v-6.662l-2.16 1.245v6.58l-4.58 2.466a2 2 0 0 1-1.897 0l-4.639-2.497v-6.547l-2.2-1.255v6.617l-5.027-2.779a2 2 0 0 1-1.052-1.761V8.731A2 2 0 0 1 2.186 6.97zM3.133 9.632l.001 11.903 2.079 1.191V17.74a1 1 0 0 1 1.495-.868l3.695 2.106a2 2 0 0 1 1.01 1.737v5.351l2.586 1.393V15.719zm23.607.313L16 15.731v11.727l2.529-1.362v-5.384a2 2 0 0 1 .864-1.646l.14-.088 3.657-2.105a1 1 0 0 1 1.499.867v5.04l2.052-1.244zM16 2.566v10.892l9.791-5.272zm-2-.006L4.363 8.031 14 13.427z" fill="currentColor"></path></g></svg>');
    transform: scale(.95);
} */


.soc-twitter a::before {
    content: url(/wp-content/uploads/2024/10/twitter-x.svg);

}

.soc-youtube a::before {
    content: url(/wp-content/uploads/2024/10/youtube.svg);
    content: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8"?><svg width="30px" height="30px" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="currentColor"><path d="M14 12L10.5 14V10L14 12Z" fill="currentColor" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M2 12.7075V11.2924C2 8.39705 2 6.94939 2.90549 6.01792C3.81099 5.08645 5.23656 5.04613 8.08769 4.96549C9.43873 4.92728 10.8188 4.8999 12 4.8999C13.1812 4.8999 14.5613 4.92728 15.9123 4.96549C18.7634 5.04613 20.189 5.08645 21.0945 6.01792C22 6.94939 22 8.39705 22 11.2924V12.7075C22 15.6028 22 17.0505 21.0945 17.9819C20.189 18.9134 18.7635 18.9537 15.9124 19.0344C14.5613 19.0726 13.1812 19.1 12 19.1C10.8188 19.1 9.43867 19.0726 8.0876 19.0344C5.23651 18.9537 3.81097 18.9134 2.90548 17.9819C2 17.0505 2 15.6028 2 12.7075Z" stroke="currentColor" stroke-width="1.5"></path></svg>');

}

.soc-soundcloud a::before {
    content: url(/wp-content/uploads/2024/10/soundcloud.svg);
    width: 35px !important;
    height: 35px !important;

}

/*

Breadcrumbs Container 

*/

.breadcrumbs-wrap {
    padding: 30px 20px;
    background-color: white;
    font-size: 14px;
    border-top: 5px solid var(--primary-color-yellow);
}

.breadcrumbs-wrap a {
    text-decoration: none;
    color: var(--wp--preset--color--contrast);
}

.breadcrumbs-wrap .bc-separator {
    padding: 0 5px;
    font-size: 12px;
}

.breadcrumbs-wrap p {
    margin-bottom: 0;
    text-align: center
}


/**

Fallback Hero Background

**/

.fallback-hero-background::before {
    background-image: url('/wp-content/uploads/2024/05/Website_Titelbild_Programm.jpg');
}


/**

Carousel Slider: Post Carousel on home

**/
.carousel-slider-outer {
    --swiper-navigation-sides-offset: 10px;
}



.carousel-slider__post {
    border-radius: 0 !important;
    box-shadow: none !important;
    padding-left: 60px;
}

.carousel-slider__post-publication-meta {
    padding: 0 0 10px 0;
}

.carousel-slider__post-details-info {}

.carousel-slider__post-publication-date {
    color: var(--primary-color-blue);
    font-weight: bold;

}

.carousel-slider__post-content {}

.carousel-slider__post-header {}

.carousel-slider__post-image {

    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.headline-container-with-arrow-head-right,
.headline-container-with-arrow-head-left,
.carousel-slider__post-header-image_container {
    position: relative;
    display: block;
}

.carousel-slider__post-header-image_container::before {
    content: '';
    background: url(/wp-content/uploads/2024/11/stz-arrow-top-right.svg);
    background-repeat: no-repeat;
    background-size: auto 100%;
    height: 110%;
    width: 100%;
    position: absolute;
    top: -5%;
    display: block;
    z-index: 1;
    left: -35px;

}

.headline-container-with-arrow-head-right::after {
    content: '';
    background: url(/wp-content/uploads/2024/11/stz-arrow-top-right.svg);
    background-repeat: no-repeat;
    background-size: auto 100%;
    height: 250px;
    width: 100%;
    position: absolute;
    top: -1px;
    display: block;
    z-index: 1;
    left: -1px;
}

.headline-container-with-arrow-head-left::after {
    content: '';
    background: url(/wp-content/uploads/2024/11/stz-arrow-top-left.svg);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position-x: right;
    height: 250px;
    width: 100%;
    position: absolute;
    top: -1px;
    display: block;
    z-index: 1;
    right: -1px;
}

.carousel-slider__post-title {}

.carousel-slider__post-title h2 {
    font-size: calc(1.3333 * var(--wp--preset--font-size--medium));
    font-weight: bold;
}

.carousel-slider__post-excerpt {
    font-size: 1.2rem !important;
    line-height: 1.6;
    margin: 0 1rem;
    text-align: left;
}

.carousel-slider__post-meta {}

.owl-dot.active span {
    /*min-width: 20px*/
}

.gp-search-modal form {
    border: 5px solid white;
    box-shadow: var(--wp--preset--shadow--natural);
}
.gp-search-modal .gp-modal__container::after{
    content: "Abbrechen";
    width: 100%;
    display: flex;
    justify-content: center;
    cursor: pointer;
    padding: 25px;
    font-weight: bold;
    font-size: 16px;
    text-decoration: underline;
    color: #444;
}
/** 

Sidebar

**/

.sidebar#right-sidebar {
    border-left: 5px solid var(--primary-color-yellow);
}

.sidebar h5 {
    color: var(--primary-color-blue);
    font-weight: bold;
    font-size: 18px;
}

/** 

Shortcode [stz_todays_events] und [stz_upcoming_events]

**/

.stz-event-list-wrap {
    font-size: 1rem;
}

.stz-event-list {}

.stz-event-list li {
    margin-bottom: 1rem !important;
}

.event-title a {
    font-weight: bold;
    color: black;
}

.event-meta {}

.event-date-time {}

/**

Footer

**/

.site-footer {
    margin-top: 110px;
    margin-bottom: -110px;

}

#footer-widgets .inside-footer-widgets {
    transform: translateY(-110px)
}

#footer-widgets .inside-footer-widgets {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    row-gap: 60px;
    /* Optional: für Abstände zwischen den Boxen */
}

#footer-widgets .inside-footer-widgets>div {
    flex: unset;
}



#footer-widgets .inside-footer-widgets>div:nth-child(odd) {
    /* 1. und 3. Box */
    width: 37.5%;
}

#footer-widgets .inside-footer-widgets>div:nth-child(even) {
    /* 2. und 4. Box */
    width: calc(62.5% - 20px);
    /* Rest der Breite minus gap falls vorhanden */
}






/**

Experimentell

**/


/* Versteckt die Zeitanzeige von 0:00 bis 6:00 */
.tribe-events-pro-week-grid__events-time-tag[datetime="0:00"],
.tribe-events-pro-week-grid__events-time-tag[datetime="1:00"],
.tribe-events-pro-week-grid__events-time-tag[datetime="2:00"],
.tribe-events-pro-week-grid__events-time-tag[datetime="3:00"],
.tribe-events-pro-week-grid__events-time-tag[datetime="4:00"],
.tribe-events-pro-week-grid__events-time-tag[datetime="5:00"],
.tribe-events-pro-week-grid__events-time-tag[datetime="6:00"] {
    display: none !important;
}

/* Styling für Tage mit Events */
.tribe-events-pro-week-grid__header-column-daynum.has-events {
    position: relative;
}

.tribe-events-pro-week-grid__header-column-daynum.has-events::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 50%;
    transform: translateX(-50%);
    width: 4px;
    height: 4px;
    background-color: #334BFA;
    /* oder deine Akzentfarbe */
    border-radius: 50%;
}

/* Optional: Hover-Effekt */
.tribe-events-pro-week-grid__header-column-daynum.has-events:hover::after {
    width: 6px;
    height: 6px;
    bottom: -3px;
}

.tribe-events-pro-week-grid__header-column-daynum.has-events {
    color: #334BFA;
    /* oder deine Akzentfarbe */
    font-weight: bold;
}

/* Date Picker */

/* Styles für Event-Markierungen im Datepicker */
.datepicker td.day.has-events {
    position: relative;
}

.datepicker td.day.has-events::after {
    content: '';
    position: absolute;
    top: 2px;
    /* Statt bottom: 2px */
    left: 50%;
    transform: translateX(-50%);
    width: 4px;
    height: 4px;
    background-color: #334BFA;
    border-radius: 50%;
}

.datepicker td.day.disabled.has-events::after {
    opacity: 0.5;
}

:root {
    --tec-border-radius-default: 0px !important;
    --tec-border-width-week-event: 2px;
    --tec-box-shadow-default: 0 2px 5px 0 var(--tec-color-box-shadow);
    --tec-box-shadow-tooltip: 0 2px 12px 0 var(--tec-color-box-shadow);
    --tec-box-shadow-card: 0 1px 6px 2px var(--tec-color-box-shadow);
    --tec-box-shadow-multiday: 16px 6px 6px -2px var(--tec-color-box-shadow-secondary);
    --tec-form-color-background: var(--tec-color-background);
    --tec-form-color-border-default: var(--tec-color-text-primary);
    --tec-form-color-border-active: var(--tec-color-accent-secondary);
    --tec-form-color-border-secondary: var(--tec-color-border-tertiary);
    --tec-form-color-accent-primary: var(--tec-color-accent-primary);
    --tec-form-box-shadow-default: var(--tec-box-shadow-default);
    --tec-opacity-background: 0.07;
    --tec-opacity-select-highlighted: 0.3;
    --tec-opacity-icon-hover: 0.8;
    --tec-opacity-icon-active: 0.9;
    --tec-opacity-default: 1;
    --tec-transition: all 0.2s ease;
    --tec-transition-background-color: background-color 0.2s ease;
    --tec-transition-color-border-color: color 0.2s ease, border-color 0.2s ease;
    --tec-transition-transform: transform 0.2s ease;
    --tec-transition-border-color: border-color 0.2s ease;
    --tec-transition-color: color 0.2s ease;
    --tec-transition-opacity: opacity 0.2s ease;
    --tec-font-family-sans-serif: var(--gp-font--frutiger) !important;
    --tec-font-weight-regular: 400;
    --tec-font-weight-bold: 700;
    --tec-font-size-0: 11px;
    --tec-font-size-1: 12px;
    --tec-font-size-2: 14px;
    --tec-font-size-3: 16px;
    --tec-font-size-4: 18px;
    --tec-font-size-5: 20px;
    --tec-font-size-6: 22px;
    --tec-font-size-7: 24px;
    --tec-font-size-8: 28px;
    --tec-font-size-9: 32px;
    --tec-font-size-10: 42px;
    --tec-line-height-0: 1.38;
    --tec-line-height-1: 1.42;
    --tec-line-height-2: 1.5;
    --tec-line-height-3: 1.62
}

.tribe-events-pro .tribe-events-pro-week-grid__events-time-tag {
    align-items: center;
    display: flex;
    /* height: var(--tec-spacer-7) !important; */
    justify-content: flex-end;
    position: relative;
    transform: translateY(var(--tec-spacer-5));
}

/* 
@media (min-width: 769px) {
    .inside-right-sidebar {
        position: sticky;
        top: 100px;
    }
} */
/* @media (min-width: 769px) {
    .site-content {
        display: flex;
        gap: 40px;

    }

    #primary {
        flex: 1;
        min-width: 0;
    }

    #right-sidebar {
        width: 30%;
        border-left: 1px solid #ddd;
        padding-left: 40px;

        align-self: flex-start;
        position: sticky;
        top: min(100px, calc(100vh - 100% - 200px));
    }
} */

/* 
@media (min-width: 769px) {
    .site-content {
        display: flex;
        gap: 40px;
    }

    #primary {
        flex: 1;
        min-width: 0;
    }

    #right-sidebar {
        width: 30%;
        border-left: 1px solid #ddd;
        padding-left: 40px;
        align-self: flex-start;
    }

    .inside-right-sidebar {
        position: sticky;
        top: min(100px, calc(100vh - 100% - 140px));
    }
} */

@media (min-width: 769px) {
    .site-content {
        display: flex;
        gap: 40px;
    }

    #primary {
        flex: 1;
        min-width: 0;
    }

    #right-sidebar {
        width: 30%;
        border-left: 1px solid #ddd;
        padding-left: 40px;
        align-self: flex-start;
        position: sticky;
        top: 100px;

    }
}