/*

I               Schriften von Google
II              allgemeines
III             Text und Medien 
III bis         klassen
IV              Header
IV bis          Menü
IV ter          Menü desktop only
IV quater       Menü responsive
IV quinquies    Header und Menü ganz gross
V               Footer
VI              Blocks
VII             Print-Optimierungen
VIII            Animationen
*/



/* part I */


/* latin-ext */
@font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 100;
    font-display: swap;
    src: url(./fonts/lato/v24/S6u-w4BMUTPHjxsIPx-mPCLQ7A.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 100;
    font-display: swap;
    src: url(./fonts/lato/v24/S6u-w4BMUTPHjxsIPx-oPCI.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(./fonts/lato/v24/S6u_w4BMUTPHjxsI9w2_FQft1dw.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(./fonts/lato/v24/S6u_w4BMUTPHjxsI9w2_Gwft.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(./fonts/lato/v24/S6u8w4BMUTPHjxsAUi-qJCY.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(./fonts/lato/v24/S6u8w4BMUTPHjxsAXC-q.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(./fonts/lato/v24/S6u_w4BMUTPHjxsI5wq_FQft1dw.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(./fonts/lato/v24/S6u_w4BMUTPHjxsI5wq_Gwft.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 900;
    font-display: swap;
    src: url(./fonts/lato/v24/S6u_w4BMUTPHjxsI3wi_FQft1dw.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 900;
    font-display: swap;
    src: url(./fonts/lato/v24/S6u_w4BMUTPHjxsI3wi_Gwft.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url(./fonts/lato/v24/S6u8w4BMUTPHh30AUi-qJCY.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url(./fonts/lato/v24/S6u8w4BMUTPHh30AXC-q.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(./fonts/lato/v24/S6u9w4BMUTPHh7USSwaPGR_p.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(./fonts/lato/v24/S6u9w4BMUTPHh7USSwiPGQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(./fonts/lato/v24/S6uyw4BMUTPHjxAwXjeu.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(./fonts/lato/v24/S6uyw4BMUTPHjx4wXg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(./fonts/lato/v24/S6u9w4BMUTPHh6UVSwaPGR_p.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(./fonts/lato/v24/S6u9w4BMUTPHh6UVSwiPGQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(./fonts/lato/v24/S6u9w4BMUTPHh50XSwaPGR_p.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(./fonts/lato/v24/S6u9w4BMUTPHh50XSwiPGQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  









/* part II */

html {
    font-family: Lato, sans-serif;
    font-size: 18px;
}

body {
    --submenu-width: 16rem;
    --menu-background: #009fcc;
    --menu-color: white;
    --text-color: #222;
    --link-color: #009fcc;

    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    color: var(--text-color);
    font-weight: 300;
}

a {
    color: var(--link-color);
}

a:hover {
    text-decoration: none;
}

.wegenstettertal-wrap {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    max-width: 100%;
    margin: 0 auto;
}


.wegenstettertal-inner {
    background: white;
    display: flex;
    flex-direction: row;
    flex: 1;
}




.wegenstettertal-inner *+section {
    background: #f1f1f1;
}

.wegenstettertal-content {
    flex: 69;
    padding: 2.5rem 2.5rem;
    line-height: 1.5;
	
	
}

.wegenstettertal-content.wp-block-image > a > img,  .wegenstettertal-content .wp-block-image > a > img {
		box-shadow: 0.5rem 0.5rem 0.5rem #CCC;
	}

.wegenstettertal-content > main {
    margin-bottom: 4rem;
}



.wp-block-post-title > a {
    text-decoration: none;
}

.wp-block-post-title > a:hover,.wp-block-post-title > a:focus {
    text-decoration: underline;
}

.wp-block-post-date > time > a {
    text-decoration: none;
}

.wp-block-post-date > time > a:hover, .wp-block-post-date > time > a:focus {
    text-decoration: underline;
}


.wp-block-query-pagination-next, .wp-block-query-pagination-previous {
    text-decoration: none;
}

.wp-block-query-pagination-next:hover, .wp-block-query-pagination-previous:hover, .wp-block-query-pagination-next:focus, .wp-block-query-pagination-previous:focus {
    text-decoration: underline;
}


/* III bis         klassen */


.eo-abgesagt {
	background: #555555!important;
}

.eo-abgesagt .fc-title::before {
	content: "ABGESAGT ";
	background: #AA0000;
	border-radius:4px;
}
  
.wgs-gallerien> figure {
    float:left;
    max-width:300px;
    margin-right: 1rem!important;
}

.sr-only {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
  

.wgt-size-like-h4 {
	font-size: 1em;
}

.active-no-click {
    pointer-events: none;
}

.archiv-layouted .wp-block-post-template.is-flex-container {
    gap:2.5em;
}

.post-inhalt-layouted {
    display: flex;
    flex-direction: row-reverse;
    gap: 1rem;
}

.archiv-layouted .wp-block-post-template.is-flex-container.is-flex-container.columns-2 > li {
    width: calc(50% - 1.625em)!important;
}

.post-inhalt-zusammen {
    flex: 62;
    display: block;
}

.post-inhalt-layouted > *:first-child {
    flex: 38;
}


.post-inhalt-layouted > *:first-child > figure > a > img{
    height: clamp(15vw, 30vh, 256px);
}


.archiv-layouted  li > .wp-block-post-title {
    min-height: 3em;
}


@media (min-width: 2400px){

     .archiv-layouted .wp-block-post-template.is-flex-container.is-flex-container.columns-2 > li {
            width: calc(33.33333% - 2.83333em)!important;
    }
}

@media (min-width: 4000px){
    .archiv-layouted .wp-block-post-template.is-flex-container {
        gap:4em;
    }
     .archiv-layouted .wp-block-post-template.is-flex-container.is-flex-container.columns-2 > li {
            width:calc(25% - 7em)!important;
    }
}





@media (max-width: 959px){
    
    .post-inhalt-layouted {
        flex-direction: column;
    }

    .post-inhalt-zusammen {
        flex: unset;
    }

    .post-inhalt-layouted > *:first-child {
        flex: unset;
    }
    .post-inhalt-layouted > *:first-child {
        width: 62%!important;
    }
    .archiv-layouted .wp-block-post-template.is-flex-container {
        gap:1em;
    }
     .archiv-layouted .wp-block-post-template.is-flex-container.is-flex-container.columns-2 > li {
            width:calc(50% - .625em)!important;
    }

}




@media screen and (min-width: 1199px)and (max-width: 1460px){
    .archiv-layouted  li > .wp-block-post-title {
        min-height: unset;
    }
    
    .archiv-layouted .wp-block-post-template.is-flex-container {
        flex-direction: row;
    }
     .archiv-layouted .wp-block-post-template.is-flex-container.is-flex-container.columns-2 > li {
            width:100%!important;
    }

}


@media (max-width: 799px){
    
    .archiv-layouted  li > .wp-block-post-title {
        min-height: unset;
    }
    
    .archiv-layouted .wp-block-post-template.is-flex-container {
        flex-direction: row;
    }
     .archiv-layouted .wp-block-post-template.is-flex-container.is-flex-container.columns-2 > li {
            width:100%!important;
    }
    .post-inhalt-layouted > *:first-child {
        width: 38%!important;
    }

}


/* IV              Header */

.wegenstettertal-header {
    display: flex;
    flex-direction: column;
}

.wegenstettertal-logo-banner {
    padding: 22px 0 22px 40px;
    background: white;
    display: flex;
    flex-direction: row;
}
.wegenstettertal-logo-img {
    
    max-height: 120px;
    max-width: 100%;
    object-fit: contain;
    object-position: left;
}
        
.wegenstettertal-img-eingang {
    height: 300px;
    width: 100%;
    object-fit: cover;
    object-position: center;
}



/* IV bis          Menü */


.wegenstettertal-nav-holder, #hauptmenue:target, #hauptmenue[data-wegenstettertal-menu-is-open="true"]  {
    background: var(--menu-background);
    color: var(--menu-color);
    padding: 0 0 0 1rem;
}

        
.wegenstettertal-menu-primary.nav-depth-0 {
    color: var(--menu-color);
    margin: 0;
    display: inline-flex;
    flex-direction: row;
    justify-content: flex-start;
}

        
.wegenstettertal-nav-item {
    padding: 0;
    margin: 0 2px 0 0;
    display: block;
}

.wegenstettertal-nav-item:focus, .wegenstettertal-nav-item-link:focus {
    box-shadow: 1px 1px 5px black;
}

.wegenstettertal-nav-item.active {

    background-color: var(--menu-color);
    color: var(--menu-background);
}

.nav-depth-0 > .wegenstettertal-nav-item.active > a.wegenstettertal-nav-item-link{
    color: var(--menu-background);
    background-color: var(--menu-color);
}

.wegenstettertal-nav-item.active > a.wegenstettertal-nav-item-link{
    color: var(--menu-background);
    
}

p.wegenstettertal-nav-item-link {
    margin: 0;
}


.wgs-soft-hover {
    background-color: var(--menu-color)!important;
}

.wegenstettertal-nav-item.has-children {
    background-image: url(./img/down.png);
    background-size: 20px!important;
    background-position: calc(100% - 1.5rem) 0.9rem!important;
    background-repeat: no-repeat!important;
}

.wegenstettertal-nav-item.has-children.active {
    background-image: url(./img/down-highlight.png)!important;
}

.wgs-soft-hover.wegenstettertal-nav-item.has-children {
    background-image: url(./img/down-highlight.png)!important;    
}
.nav-depth-1 .wegenstettertal-nav-item.has-children {
    background-image: url(./img/down-highlight.png);
}
.nav-depth-1 .wegenstettertal-nav-item.has-children:hover {
    background-image: url(./img/down.png);
}

.wegenstettertal-nav-item.has-children:hover {
    background-color: #009fcc;;
    background-image: url(./img/down.png); /* kein important, nur fuer non-js fallback*/
}

.wegenstettertal-nav-item.has-children:focus{
    background-image: url("./img/cross-plus.png");
} 

.wegenstettertal-nav-item.has-children:focus:hover{
    background-image: url("./img/cross-plus-highlight.png");
} 




.wegenstettertal-nav-item.submenu-open > ul {
    display: block;
}

        
.wegenstettertal-menu-primary.nav-depth-0 > li > a.wegenstettertal-nav-item-link {
    color: var(--menu-color);
}
.wegenstettertal-menu-primary  p.wegenstettertal-nav-item-link {
    color: var(--menu-background);
}
        
        
.wegenstettertal-nav-item-link {
    padding: 0.9rem 1.25rem;
    color: var(--text-color);
    font-size: 1.25rem;
    text-decoration: none;
    display: block;
    font-weight: 500;
}

.has-children > .wegenstettertal-nav-item-link {
    margin: 0 3.75rem 0 0;
    padding-right: 0;
}

        
.wegenstettertal-menu-primary.nav-depth-0 > li:hover > .wegenstettertal-nav-item-link {
    background: var(--menu-color);
    color: var(--menu-background);
}

.wegenstettertal-nav-item-link:hover {
    background: var(--menu-color);
    color: var(--menu-background);
}
.nav-depth-1 .wegenstettertal-nav-item-link:hover {
    background: var(--menu-background);
    color: var(--menu-color);
    text-decoration: none;
}

.nav-depth-1 .wegenstettertal-nav-item:hover > .wegenstettertal-nav-item-link {
    background: var(--menu-background);
    color: var(--menu-color);
    text-decoration: none;
}
        




.wegenstettertal-nav-item-single {
    display: none;
}

.wegenstettertal-menu-primary {
    padding: 0;
    margin: 0;
}

.wegenstettertal-menu-primary.nav-depth-1 {
    display: none;
    position:absolute;
    flex-direction: column;
    width: var(--submenu-width);
    
} 
.wegenstettertal-menu-primary.nav-depth-2 {
    display: none;
    position:absolute;
    flex-direction: column;
    width: calc(var(--submenu-width)-1.5rem);
    
} 
        
        


.wegenstettertal-menu-primary.nav-depth-1 li {
    border: 1px solid #eee;
    background: var(--menu-color);
    color: var(--text-color);
}


.wegenstettertal-menu-overlay {
    background-color: #0000;
}

.wegenstettertal-nav-holder {
    display: flex;
    flex-direction: row;
    justify-content:center;
}

a.mini-menu-trigger {
    display: none;
}



/* IV ter          Menü desktop only */


@media screen and (min-width: 1200px) {
    
    
    .wegenstettertal-nav-holder {
        hyphens: none;
    }
    
    .wegenstettertal-nav-primary {
        width: 100%;
    }

    .wgs-desktop .wegenstettertal-menu-primary.nav-depth-0 li:hover .wegenstettertal-menu-primary.nav-depth-1 {
        display: block;
        z-index: 9;
    } 
    
    .wgs-desktop .wegenstettertal-menu-primary.nav-depth-1 li:hover .wegenstettertal-menu-primary.nav-depth-2 {
        display: block;
        z-index: 12;
    } 

    #wegenstettertal-tablet-overlay {
        background: #0000;

    }


    body.dunkel #wegenstettertal-tablet-overlay {
        position: absolute;
        width: 100%;
        height: 100%;
        background: #000A;
        max-width: 100%;
    }

    .wegenstettertal-nav-item.submenu-open, .wegenstettertal-nav-item.submenu-open>a {
        background: var(--menu-color)!important;
        color: var(--menu-background)!important;
    }
    
    .wegenstettertal-nav-item.submenu-open {
        background-image: url(./img/down-highlight.png)!important;
        background-size: 20px!important;
        background-position: calc(100% - 1.5rem) 0.9rem!important;
        background-repeat: no-repeat!important;
    }

    .nav-depth-0 >.wegenstettertal-nav-item.has-children:not(.tablet-open):not(.submenu-open):not(.wgs-soft-hover):focus:hover{
        background-image: url("./img/cross-plus.png");
    } 
}








/* IV quater       Menü responsive */

.wegenstettertal-close-menu {
    display: none;
}

@media screen and (max-width: 1199px){

    
    .wegenstettertal-inner {
        flex-direction: column-reverse;
    }
    
    .senfkorn {
        display: none;
    }

    .wegenstettertal-nav-holder {
        justify-content: flex-end;
    }
    
    .wegenstettertal-nav-item-single {
        display: flex;
        margin: auto 1rem 18px 21px!important;
    }
    
    .wegenstettertal-nav-item-single:first-child {
        margin-left: 2.5rem!important;
    }
    
    .wegenstettertal-close-menu {
        display: none;
        padding: 1rem 1rem;
        margin-left: auto;
        text-decoration: none;
    }


    .wegenstettertal-close-menu >  .hamburger {
        margin: auto;
        padding: 6px 20px 6px 6px;
        color: var(--menu-color)!important;
    }

    [data-wegenstettertal-menu-is-open] .wegenstettertal-close-menu {
        display: flex;
    }

    #hauptmenue {
        display: none;
    }

    #hauptmenue:target, #hauptmenue[data-wegenstettertal-menu-is-open="true"] {
        display: flex;;
        position: fixed;
        top:0;
        right:0;
        bottom:0;
        z-index:10;
        flex-direction: column;
        padding-bottom: 2rem;
        overflow: scroll;
    }


    #hauptmenue[data-wegenstettertal-menu-is-open="true"] + .wegenstettertal-menu-overlay, #hauptmenue:target + .wegenstettertal-menu-overlay {
        z-index: 9;
        background-color: #000A; /* abdunkeln */
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .wegenstettertal-menu-primary.nav-depth-0 {
        flex-direction: column;
    }

    .wegenstettertal-menu-primary.nav-depth-0 > li {
        flex-direction: column;
    }

    .nav-depth-0 > .wegenstettertal-nav-item {
        display: flex;
    }

    .nav-depth-0 > .wegenstettertal-nav-item > .wegenstettertal-nav-item-link {
        display: flex;
        margin-right: 5rem;
        
    }

    .wegenstettertal-menu-primary .nav-depth-1 {
        position: revert;
    }

    .wegenstettertal-menu-primary .nav-depth-2 {
        position: revert;
    }

    a.mini-menu-trigger {
        font-weight: 700;
        font-size: medium;
        padding: 1rem 1.5rem 1rem 1rem;
        margin-top: auto;
        margin-bottom: auto;
        margin-left: auto;
        vertical-align: middle;
        text-decoration: none;
        display: flex;
        color: var(--menu-color);
        text-decoration: none;
    }

    span.wegenstettertal-hamburger {
        font-stretch: ultra-expanded;
        padding: 0.25rem 0.5rem 0.25rem 1rem
    }

    .wegenstettertal-open-menu span.wegenstettertal-hamburger {
        padding: 0.125rem 0.5rem 0.125rem 1rem
    }


    .wegenstettertal-nav-item.has-children:focus:hover{
        background-image: url("./img/cross-plus.png");
    } 

    .nav-depth-1>li.has-children:focus:not(:hover){
        background-image: url("./img/cross-plus-highlight.png");
    } 
    
    .wegenstettertal-nav-primary {
        padding-left: 2.5rem;
        padding-top: 2.5rem;
    }


    .wegenstettertal-nav-item.submenu-open > ul{
        padding-left: 1.5rem;
    }

    .wegenstettertal-nav-item.has-children:hover {
        background-image: url(./img/down.png)!important;
    }

}

        











/* part V: footer  */
.wegenstettertal-footer {
    background-color: #95a5a8;
    color: white;
    padding: 2.5rem 2.5rem;
}
        
.wegenstettertal-footer a {
    color: white;
    text-decoration: none;
}
        
.wegenstettertal-footer a:hover {
    text-decoration: underline;
}

.wegenstettertal-footer-two-col {
    display: flex;
    gap: 1rem;
    flex-direction: row;
}

.wegenstettertal-footer-left, .wegenstettertal-footer-right {
    flex: 1;
    flex-direction: column;
    display: flex;
    gap: 1rem;
}


@media screen and (max-width: 895px){
    .wegenstettertal-footer-two-col {
        flex-direction: column;

    }
}

@media screen and (max-width: 1499px){
    .wegenstettertal-footer-right> *:first-child {
        flex: 1;
    }
}

@media screen and (min-width: 1500px){
    .wegenstettertal-footer-right {
        flex-direction: row;
        flex: 2;
    }
    .wegenstettertal-footer-left {
        flex: 1;
    }
}

@media screen and (min-width: 1920px){
    .wegenstettertal-footer-right {
        flex: 1;
    }
    .wegenstettertal-footer-left {
        flex-direction: row;
    }
    .wegenstettertal-footer-left * {
        flex: 1;
    }
}


/* VI              Blocks */

/* block  fragevideo */

.fragevideo {
    display: flex;
    flex-direction: column;
    width: 192px;
    border-radius: 0.5rem;
    box-shadow: 0.5rem 0.5rem 0.5rem #CCC;
    overflow: hidden;
    margin: 0 12px 12px 0;
}


.fragevideo>a[data-pswp-type]>img {
    height:108px;
    -o-object-fit:cover;
    object-fit:cover;
    -o-object-position:middle center;
    object-position:middle center;
    width:192px
}
   


.pswp__fragevideo-container {
    position: relative;
    width: 100%;
    height: 100%;
    pointer-events: none;
}
.pswp__fragevideo-container iframe {
    background: #444;
    width: 100%;
    height: 100%;
    max-width: 800px;
    max-height: 600px;
    pointer-events: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


/* block  fragevideosammlung */

.fragevideosammlung {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}


/* block  wgs-breadcrumb */

.wegenstettertal-breadcrumb-inner {
    display: flex;
    flex-direction: row;
}

.wegenstettertal-breadcrumb-inner > p > a{
    color: var(--menu-background);
    text-decoration: none;
    font-weight: 500;
}

.wegenstettertal-breadcrumb-inner > p > a:hover{
    text-decoration: underline;
}


/* block  wgs-framed */

.wegenstettertal-framed {
    background: #eee;
    border: 1px solid #aaa;
    padding: 0.5rem 0.5rem;
}


/* block  wgs-person */


/* block  wgs-side */

.wegenstettertal-aside li {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.wegenstettertal-aside a{
    color: var(--menu-background);
    text-decoration: none;
    font-weight: 500;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
   
}

a.link-mittagstisch {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0;
}

.link-mittagstisch > :nth-child(2){
	padding: 0 1rem;
}


.wegenstettertal-aside a:hover{
    text-decoration: underline;
}

.wegenstettertal-aside a[aria-current]{
    color:var(--text-color);
    pointer-events: none;
}

.wegenstettertal-aside ul {
    list-style: none;
    padding-left: 2rem;
}

.wegenstettertal-aside {
    margin: 2.889rem 0 1.667rem 1rem;
    width: 31%;
    flex: 31;
    max-width: 384px;
}

.wegenstettertal-aside-mobil { /* > .wegenstettertal-aside { */
    display: none;
}

.wgs-sidebar-below {
    display: flex;
    flex-direction: column;
}

.wgs-sidebar-below > h4 {
    margin-bottom: 0;
    padding-left: 2rem;
}


/* block  wgs-map */

.wgs-map > a > img {
    width: 100%;
}

.wgs-maps-img {
    width: 100%;height: 200px;object-fit: cover;object-position: 50% 50%;
}

/* block  wgs-sitemap */


/* block  wgs-eventlist */

.wegenstettertal-activities-toggle-all, .wegenstettertal-activities-calendar-link {
    font-family: inherit !important;
    font-size: inherit !important;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
    box-shadow: none;
    background: var(--menu-background);
    color: white;
    font-weight: 500;
    border: none;
    margin: 0.5rem 1rem 1rem 0;
	text-decoration: none;
}

.wegenstettertal-activities-toggle-all:hover, .wegenstettertal-activities-calendar-link:hover {
    text-decoration: underline;
}

.wegenstettertal-activities-toggle-all:focus, .wegenstettertal-activities-calendar-link:focus {
    text-decoration: underline;
}

.wegenstettertal-activity {
    padding: 0.5rem;
    margin-bottom: 1rem;
}

.wegenstettertal-activity > details{
    margin-bottom: 2.5rem;
}

.wegenstettertal-activity > details[open]{
    margin-bottom: 1rem;
}

.wegenstettertal-activity[data-activity-open="open"], .wegenstettertal-activities[data-all-open="open"] > .wegenstettertal-activity{
    box-shadow: 1px 1px 3px #AAAA;
    border-radius: 1rem;
}




ul.eo-event-meta  > li {
    padding-bottom: 1rem;
}


/* block  wgs-losungen */

.wgs-losung {
    background-color: #0000001A;
    padding: 0.5rem 1rem;
    display: flex;
    flex-direction: column;
	margin-block:0; /* revert ua-styles of blockquote */
	margin-inline:0;
}

.wgs-losung > p {
    padding: 0;
    margin: 0;
}

.wgs-losung > .wgs-losung-day-caption {
    margin-top: 8px;
    margin-bottom: 8px;
}


.wgs-losung > .wgs-losung-ot-passage{
    margin-top: 7px;
    margin-bottom: 5px;
}


.wgs-losung > .wgs-losung-nt-passage{
    margin-top: 22px;
    margin-bottom: 4px;
}

.wgs-losung > .wgs-losung-nt-text{
    margin-bottom: 22px;
}


/* VII             Print-Optimierungen */

@media print {

    .wegenstettertal-img-eingang, .wegenstettertal-nav-holder , .wegenstettertal-aside {
        display: none;
    }

    .instagram-link-footer:after {
        content: "/ref.kirche.wegenstettertal/";
    }

    .wegenstettertal-footer {
        color: black;
        background: white;
    }
        .wegenstettertal-footer a {
        color: black;
        background: white;
    }
    
    .wgs-losung-title h2 {
        font-size: 1rem;
        padding: 0;
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
    }

    .wegenstettertal-footer-right.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column  {
        flex-basis: revert !important;
    }
    
    .wegenstettertal-activity {
        padding: 0;
        margin: 0;
    }
    
    .wegenstettertal-activity > details {
        margin-bottom: 0;
    }
    
    .wegenstettertal-activity > details > summary{
        display: none;
    }
    
    .wegenstettertal-activities-toggle-all, .wegenstettertal-activities-calendar-link {
        display: none;
    }

    .senfkorn > p {
        transform: rotate(-7.5deg)!important;
    }

    .wegenstettertal-logo-img {
        max-height: 64px;    
    }
    
}


/* VIII            Animationen */


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

    .wegenstettertal-menu-overlay {
        transition-property: background-color;
        transition-duration: 0.330s;
        transition-delay: 0s;
        transition-timing-function: ease-in;
    }

    #wegenstettertal-tablet-overlay {
        transition-property: background-color;
        transition-duration: 0.330s;
        transition-delay: 0s;
        transition-timing-function: ease-in;
    }
}




.wegenstettertal-nav-anim-rechts-0{
    transform: translate(100%, 0);
}

.wegenstettertal-nav-anim-timing {
    transition: all 0.55s ease-in-out;
}

.wegenstettertal-nav-anim-rechts-rein {
    transform: translate(0, 0);
}

.wegenstettertal-nav-anim-dark-bg {
    background-color: #0000;
}


















.wegenstettertal-person-photo {
    width:250px;
    height: auto;
}






.tablet-open{
    z-index: 12!important;
}



  



@media print{
    .wgs-back-to-top{
        display: none!important;
        visibility: hidden!important;
        height: 0!important;
    }
}

.wgs-back-to-top  {
    position:fixed;
    bottom:50px;
    right:0;
    text-decoration: none;
    font-size: 2rem;
    background: var(--menu-background);
    display: none;
    width:2.7rem;
    height:2.7rem;
    text-align:center;
    box-shadow: 1px 1px 2px #555;
    backdrop-filter: blur(1px);
}

.wgs-back-to-top > img {
    filter: invert(1);
    height: 1em;
}

.wgs-back-to-top:hover {
    background: var(--menu-color);
    box-shadow: none;
}

.wgs-back-to-top:hover > img {
    filter: none;
}




@media screen and (max-width:767px){
    
    .wgs-back-to-top{
        bottom:20px;
        right:0;
        width:2.4rem;
        height:2.4rem;
        font-size:1.75rem;
    }
    
}












.wgs-gallery.klein {

    display: flex;
    flex-wrap: wrap;
    flex-direction: row;

    justify-content: space-between;


}

.wgs-gallery.klein a {

    height: 8rem;
    max-height: 8rem;
}

.wgs-gallery.klein a img {

    height: 100%;
    max-height: 100%;
    width: auto;


}



.wgs-img-wrap {

    width: 15em;
    max-width: 15em;
    display:flex;
    flex-direction: row;
    background-image: attr(data-wgs-src);;
    background-position: 50% 50%;
    background-size: cover;
    transform: rotate(0deg);

    max-height: 100%;
}





.wgs-gallery[data-wgs-gallery-type="squares-equal"] {

    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    /*padding-left: 3em;
    padding-right: 3em;*/

}

.wgs-gallery[data-wgs-gallery-type="squares-equal"]  .wgs-gallery-bilderhalter {

    width:310px;
    display: flex;
}




.wgs-gallery[data-wgs-gallery-type="squares-equal"] .wgs-gallery-bilderhalter >a {

    margin: 1em;
    overflow:hidden;
    height: calc(( 100vw + (-4em) )/3);
    transform: rotate(0deg);

}

.wgs-gallery[data-wgs-gallery-type="squares-equal"] .wgs-gallery-bilderhalter >a>img {

}


.wgs-gallery[data-wgs-gallery-type="squares-equal"]  .portrait>a,.wgs-gallery[data-wgs-gallery-type="squares-equal"]  .portrait>div  {
    width:100%;
}
.wgs-gallery[data-wgs-gallery-type="squares-equal"]  .portrait>a>img {

    width:100%;
    height:auto;
}




.wgs-gallery[data-wgs-gallery-type="squares-equal"]  .landscape>a>img {

    width:auto;
    height:100%;
    max-width: unset;
}

.wgs-gallery[data-wgs-gallery-type="squares-equal"]  .portrait>div>img {

    width:100%;
    height:auto;
}

.wgs-gallery[data-wgs-gallery-type="squares-equal"]  .landscape>div>img {

    width:auto;
    height:100%;
    max-width: unset;
}



.wgs-gallery[data-wgs-gallery-type="squares-equal"]  .wgs-gallery-bilderhalter a>.wgs-img-overlay {

    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #f6f0dfd3;
    color: black!important;
    transition-property: opacity;
    transition-delay: 0;
    transition-duration: 0.8s;
    opacity: 0;
}

.wgs-gallery[data-wgs-gallery-type="squares-equal"] .wgs-gallery-bilderhalter >a:hover > .wgs-img-overlay {

    display: flex;
    flex-direction: column;
    opacity: 1;
}

.wgs-gallery[data-wgs-gallery-type="squares-equal"] .wgs-gallery-bilderhalter >a > .wgs-img-overlay > p {

    margin: auto auto;
    padding: 1em 1em;
    text-align: center;
    display: flex;

}

.wgs-gallery[data-wgs-gallery-type="squares-equal"] .wgs-gallery-bilderhalter >a:hover > .wgs-img-overlay > p {


}






.wgs-gallery[data-wgs-gallery-type="masonry"] {

    display:block;
    /*padding-left: 3em;
    padding-right: 3em;*/
    box-sizing: content-box;

}

.wgs-gallery[data-wgs-gallery-type="masonry"] .wgs-gallery-inner {

    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    box-sizing: content-box;

}

.wgs-gallery[data-wgs-gallery-type="masonry"] .wgs-pswp-img-anchor{
    width:100%;
}


.wgs-gallery[data-wgs-gallery-type="masonry"] * {

    box-sizing: inherit;
}


.wgs-gallery[data-wgs-gallery-type="masonry"]  .wgs-gallery-bilderhalter {

    display: flex;


}

.wgs-gallery[data-wgs-gallery-type="masonry"] .wgs-gallery-bilderhalter >.wgs-pswp-img-anchor {

    margin: 1em;
    transform: rotate(0deg);

}


.wgs-gallery[data-wgs-gallery-type="masonry"] .wgs-gallery-bilderhalter>a >img, .wgs-gallery[data-wgs-gallery-type="masonry"] .wgs-gallery-bilderhalter>div >img {

    height: auto;
    width: 100%;
    vertical-align: top;
    max-width: 640px;/* $$$  */
    max-height: 640px;/* $$$  */
}


.wgs-gallery[data-wgs-gallery-type="masonry"]  .wgs-gallery-bilderhalter a>.wgs-img-overlay {

    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #f6f0dfd3;
    color: black!important;
    transition-property: opacity;
    transition-delay: 0;
    transition-duration: 0.8s;
    opacity: 0;
}

.wgs-gallery[data-wgs-gallery-type="masonry"] .wgs-gallery-bilderhalter >a:hover > .wgs-img-overlay {

    display: flex;
    flex-direction: column;
    opacity: 1;
}

.wgs-gallery[data-wgs-gallery-type="masonry"] .wgs-gallery-bilderhalter >a > .wgs-img-overlay > p {

    margin: auto auto;
    padding: 1em 1em;
    text-align: center;
    display: flex;

}

.wgs-gallery[data-wgs-gallery-type="masonry"] .wgs-gallery-bilderhalter >a:hover > .wgs-img-overlay > p {


}




 
@media screen and (max-width: 511px){
    .wegenstettertal-content {
        flex: 69;
        padding: 0.75rem 0.75rem;
    }
}

.temp-block-submenu > ul {
    display: none!important;
}













@media screen and (max-width: 991px){


    .wgs-gallery {

        /*padding-left: 1em;
        padding-right: 1em;*/
    }


}




@media screen and (max-width: 767px){


    .wgs-gallery {

        padding-left: 8.4vw;
        padding-right: 8.4vw;
    }

    .wgs-gallery[data-wgs-gallery-type="masonry"], .wgs-gallery[data-wgs-gallery-type="squares-equal"] { /* use this kind of selector in order to override both specific rules */

        padding-left: calc(8.4vw + (-1em));
        padding-right: calc(8.4vw + (-1em));
    }

    .wgs-gallery[data-wgs-gallery-type="squares-equal"] > div {

        width:49%;
    }

    .wgs-gallery > div:nth-child(odd) > a {

        margin: 2.6vw 2.6vw 2.6vw 0;
    }

    .wgs-gallery > div:nth-child(even) > a {

        margin: 2.6vw 0 2.6vw 2.6vw;
    }


    .wgs-gallery[data-wgs-gallery-type="squares-equal"]  .wgs-gallery-bilderhalter {

        width:310px;
    }


}










.test-list, .test-list-text {
    max-width: 1200px;
    list-style: none;
}

.test-list-text .js-masonry-elm {
    padding: 1em;
    box-sizing: border-box;
}




.wgs-gallery[data-wgs-gallery-type="squares-equal"] .wgs-gallery-bilderhalter >a,   .wgs-gallery[data-wgs-gallery-type="squares-equal"] .wgs-gallery-bilderhalter>  .wgs-pswp-img-anchor {

    margin: 1em;
    overflow:hidden;
    height: 274px; /*calc(( 100vw + (-4em) )/3);*/
    max-height: 274px;
    transform: rotate(0deg);

}


@media screen and (min-width:1920px){
    
    .wgs-gallery[data-wgs-gallery-type="squares-equal"] .wgs-gallery-bilderhalter >a,   .wgs-gallery[data-wgs-gallery-type="squares-equal"] .wgs-gallery-bilderhalter>  .wgs-pswp-img-anchor {
        height: 360px; /*calc(( 100vw + (-4em) )/3);*/
        max-height: 360px;
    }
    
    .wgs-gallery[data-wgs-gallery-type="squares-equal"]  .wgs-gallery-bilderhalter {
        width:398px;
    }
}



.wgs-event-featured-bild-mobil {
	
}






/* Simple Masonry Flexbox & Vanilla JS ベース設定 */

.js-masonry-list {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
@media only screen and (min-width: 1025px) {
  .js-masonry-list {
    /*column-gap: 2.5%;*/
  }
  .js-masonry-elm {
    width: 20%;
    margin-bottom: 2.5%;
  }
}
@media only screen and (min-width: 921px) and (max-width: 1024px) {
  .js-masonry-list {
    /*column-gap: 1.25%;*/
  }
  .js-masonry-elm {
    width: 33.33%;
    margin-bottom: 1.25%;
  }
}
@media only screen and (min-width: 481px) and (max-width: 920px) {
  .js-masonry-list {
    /*column-gap: 2%;*/
  }
  .js-masonry-elm {
    width: 50%;
    margin-bottom: 2%;
  }
}
@media only screen and (max-width: 480px) {
  .js-masonry-elm {
    width: 100%;
    margin-bottom: 20px;
  }
}



.pswp__button, .pswp__button--arrow{
    background: linear-gradient(45deg, #FFF2, #FFFA);
}