/*!
Theme Name: Kultursponsoren LK Passau
Theme URI: https://kultursponsoren.de
Author: wald.pixel.werk
Author URI: https://waldpixelwerk.de/
Description: Theme für KuSpoPa
Version: 1.0.0
Tested up to: 8.2
Requires PHP: 7.2
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: kslkpa
Tags: custom-menu, translation-ready
*/

/* open-sans-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('./fonts/open-sans-v40-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url('./fonts/open-sans-v40-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/open-sans-v40-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('./fonts/open-sans-v40-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  src: url('./fonts/open-sans-v40-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 500;
  src: url('./fonts/open-sans-v40-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('./fonts/open-sans-v40-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url('./fonts/open-sans-v40-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('./fonts/open-sans-v40-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('./fonts/open-sans-v40-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('./fonts/open-sans-v40-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-800italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: url('./fonts/open-sans-v40-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'RatioModern';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/RatioModern-Regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}




@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'LaBohemienneScript';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/LaBohemienneScript.otf') format('openType'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


body{
--gold:#D3A34A;
--back:#F9F5F1;
--heather:#ebddc1;
--dark:#101010;
}


 :root{
    --fonts:1.145vw;
    --fontsmall:0.833rem;
    --head1:1.25rem;
    --head2:8.78rem;
    --head3:3.81rem;
    --head4:1rem;
    --head5:1rem;
    --border:0.14rem;
    --container:80vw;

  }



@media(min-width:1920px){
  :root{
    --fonts:22px;
    --container: 1620px;
  }
}

@media(orientation: portrait){
  :root{
    --fonts:3.2vw;
    --containerm:84vw;
    --containerw: 90vw;
    --fontsmall:0.9rem;
    --head1:1em;
    --head2:3.5em;
    --head3:2.5em;
  }
}

body, html{
font-family:"Open Sans";font-style:"Book";
padding:0;margin:0;left:0;top:0;position:relative;font-size:var(--fonts);line-height:1.35em;text-rendering: geometricPrecision;background-color:var(--back);color: var(--dark);white-space-collapsing:discard;min-height:100vh}

a, a:link, a:hover, a:active, a:visited{text-decoration:none;transition:color .2s ease-in-out;color:var(--dark)}
.container-inner a{display:inline;position:relative;text-decoration:underline;color:var(--gold)}


h1, h2, h3, h4, h5, h6{
 font-family: "Ratio Modern";
font-weight: 400;
font-style: normal;line-height:0.9em;
    margin-inline-start: 0px;
  margin-block-end: 0rem;
  margin-block-start: 0rem;
}





h1{font-size:var(--head1);line-height:1.35em;font-family:"Open Sans";text-transform:uppercase}
h2{font-size:var(--head2);line-height:0.9em;text-transform:uppercase;letter-spacing:-0.03em;}
h3{font-size:var(--head3);line-height:1.1em;text-transform:uppercase;letter-spacing:-0.03em;}
h4{font-size:var(--head4);line-height:1.2em;}
h5{font-size:var(--head5);line-height:1.2em;}


img{max-width:100%}


.kontakt-daten p {
    display: block;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    unicode-bidi: isolate;
}

/*animation*/


.animate{opacity:0;transition:transform .9s ease-in-out, opacity .7s ease-in-out}
.animate-left{transform:translateX(-3em)}
.animate-right{transform:translateX(3em)}
.animate-top{transform:translateY(-3em)}
.animate-bottom{transform:translateY(3em)}
.animate-done{opacity:1;transform:translateX(0) translateY(0);}



::selection{
  color:var(--back);
  background-color:var(--gold);
}

.container-padding-top{padding-top:3em;}
.container-padding-bottom{padding-bottom:3em;}


.container{width:100vw;text-align:center;display:block;position:relative;}
.container-inner{width:var(--container);display:inline-block;position:relative;text-align:left}

.mobile-only{display:none;}


.menu{display: inline-block;float:right;text-align:left;padding:1em 0;z-index:5}

.menu ul {
    display: inline-block;
    list-style-type: unset;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0px;
    unicode-bidi: isolate;
}

.menu ul a{color:var(--dark);font-weight:900;text-transform:uppercase;font-size:0.727em;transition:color .2s ease-in-out}
.menu ul a:hover, .menu ul .current_page_item a{color:var(--gold)}
.menu li {
    display: inline-block;
    width:100%;
}

.menu.white ul a{color:var(--back)}


.menu-menu-container{margin-top:1em}

.header{
    z-index: 5;
    position: relative;
}
.header-logo{margin:3em 0;text-align:center;width:100%;}
.header-logo img{width:10%;}


.menu{position:fixed;z-index:99;right:0;width:12%;top:calc(50% - 5em);line-height:1.5em}



/*start*/

#hero{height:calc(100vh - 14em);min-height:34em;margin-top:10em;}
#hero .container-inner{    top: 50%;
    transform: translateY(-50%);}


.quote-pre{margin-bottom:2rem}

.quote h2:before{content:"»";margin-left:-0.32em;font-family:"Open Sans"}
.quote h2:after{content:"«";font-family:"Open Sans"}
.quote-text{position:relative}
.quote-text h2{display:inline}
.quote-text-after{display:inline-block;text-transform: uppercase;font-size:var(--head1);margin-left: 2em;transform: translateY(-1.1em);}


@keyframes revealMask {
   0% {
        clip-path: inset(0 100% 0 0);
    }
    100% {
        clip-path: inset(0 0 0 0);
    }
}

.quote-name-container{margin-top: -3.4em;
    height: 7em;position:relative;display:inline-block}


.quote-name{color:var(--gold);font-family: "LaBohemienneScript";font-size:4.45em; line-height:2em;


clip-path: inset(0 100% 0 0);}

.quote-active .quote-name{
    animation: revealMask 2s ease-in-out forwards;}



.quote-name-2, .quote-name-3{position:absolute;left:0;top:0}
.quote-active .quote-name-2{-webkit-text-stroke: 0.01em var(--gold);animation-delay:.4s}
.quote-active .quote-name-3{-webkit-text-stroke: 0.02em var(--gold); animation: revealMask 1.2s ease-in-out forwards;animation-delay:1s}


.quote-name-after{text-transform: uppercase;font-size:var(--head1);color:var(--gold);margin-top:0.8em}


#news{padding-top:5em;margin-bottom:4em;}

.news-image{width:37%;float:left;display:inline-block;position:relative;}
.news-image img{width:100%;min-height:38em;object-fit: cover;}
.news-right{position:absolute;left:42%;width:50%;height:100%}
.news-head{position:relative;width:85%;margin-left:10%;margin-top:5rem;margin-bottom:0rem;display:inline-block;}
.news-pre-container{width:75%;margin-left:19%;height:15em;display:inline-block;position:relative;overflow:visible;}

.news-pre-container-inner{width:100%;height:auto;overflow-y:scroll;position:relative;}
.news-line-container{height:3em;position:relative;margin-left:calc(50% - 1px)}
.news-preview-line.line-down{height:0em}
.news-preview-line.line-down-active{height:100%}
        .news-preview-container-inner::-webkit-scrollbar {
            width: 2px;
        }

        .news-preview-container-inner::-webkit-scrollbar-track {
            background: var(--heather); /* Helleres Orange für den Hintergrund */
        }

       .news-preview-container-inner::-webkit-scrollbar-thumb {
            background: var(--gold); /* Kräftiges Orange für die Scrollbar */
        }

        /* Eigene Scroll-Pfeile */
        .scroll-up,
        .scroll-down {
            width: 1em;
            height: 1em;
            position: absolute;
            left: 100%;
            transform: translateX(-50%);
            cursor: pointer;
            z-index: 10;

            user-select: none;
        }

        .scroll-up { top: 0em; }
        .scroll-down { bottom: 0em;}

         .scroll-down img {transform:rotate(180deg)}

.scroll-up img, .scroll-down img{width:1em;height:1em}
.news-line-container:nth-child(1) .news-preview-line.line-down{height:2em}
.news-line-container:nth-child(1) .news-preview-line.line-down-active{height:100%}
.news-line-container:nth-child(1){    margin-top: -3.4em;
    height: 6em;}
.news-pre-inner{height:auto;}
.news-preview-single{width:100%;margin-bottom:0.5em;margin-top:0.5em}
.news-preview-head{font-weight:500;text-transform: uppercase;font-size:1.05em;letter-spacing:-0.006em;line-height:1.45em;}
.news-preview-text{font-size:0.95em;letter-spacing:0.01em;}
.news-preview-text a{color:var(--gold)}
.news-more a{text-decoration:none}
.news-more img{height:1.4em;margin-right:1em;transform:translateY(0.4em) rotate(-90deg)}
.news-more{bottom:-0.4em;left:0;color:var(--gold);font-weight:800;letter-spacing:-0.005em;line-height:1.3em;position:absolute;text-transform: uppercase;}


#ideen{margin-bottom:16em;}

.ideen-content{position:relative;}
.ideen-headline{text-align:right;display:inline-block;width:37%;margin-top:20rem;float:left}
.ideen-text{width:50%;margin-left:9%;display:inline-block;margin-top:20rem}

.line-down{width:var(--border);position:absolute;background-color:var(--gold);transition:height 1.5s ease-in-out;height:2em}
.ideen-line{height:2em;left:42.5%;top:0}

.line-down-active.ideen-line{height:calc(100% - 4.2em);}

.quote-pre{font-size:var(--head1);line-height:1.35em;text-transform: uppercase}
#quote-2{margin-bottom:20em;}
#quote-2 .container-inner {
    text-align: center;
    width: 70%;
    margin-right: 8%;
}


/*about*/


#about-ideen{margin-top:10em;overflow:hidden;margin-bottom:5em}


.about-ideen-head h1{font-size:var(--head3);line-height:1.1em;text-transform:uppercase;letter-spacing:-0.03em;font-family: "Ratio Modern";}
.about-ideen-head{text-align:right;width:34%;display: inline-block;float:left}
.about-ideen-text{width:31%;margin-left:4%;display: inline-block;float:left;margin-top:5em;line-height:1.37em}
.about-image-1 {
    float: right;
    display: inline-block;
    width: 71%;
    overflow: visible;
    margin-top: 7em;
    left: 42%;
    position: absolute;
}
.about-image-1 img{width:120%;height:25em;object-fit: cover}

.about-image-2{float:right;display:inline-block;width:58%;overflow:visible;margin-top:34em;}
.about-image-2 img{width:50%;height:25em;object-fit: cover}


.full-link{width:100%;overflow:hidden;text-align:center;position:relative;}
.full-link-inner{width:var(--container);text-align:left;display:inline-block;}
.full-link-text{margin-left:4%;position:relative;font-weight:800;display:inline-block;color: var(--gold);text-transform:uppercase;padding-top:0.5em}
.full-link-text a{color:var(--gold)}
.full-link-line{position:absolute;top:0em;right:0;width:100vw;height:var(--border);background-color:var(--gold);}

#about-ks{margin-top:10em}
.about-ks-head{float:right;display:inline-block;width:58%;}


.about-ks-content{width:100%;display:inline-block;margin-top:7em;}

.about-ks-image{width:35%;display:inline-block;float:left}
.about-ks-image img{width:100%;height:15em;object-fit: cover}

.about-ks-text{margin-left:7%;width:30%;display:inline-block;line-height:1.35em}


#about-quote{margin-top:15em;overflow:hidden;}

#about-quote .quote-name-after{text-align:right}




.quote-multiple{display:inline-block;height:45em;position:relative;}
.quote-single{opacity:0;pointer-events: none;transition:opacity .3s ease-in-out, transform .3s ease-in-out;left:0;top:0;position:absolute;}
.quote-single-1{transform: translateX(-10em)}
.quote-single-2{transform: translateX(10em)}
.quote-text{transition:transform .3s ease-in-out;}
.quote-single-1 .quote-text{transform: translateX(-10em)}
.quote-single-2 .quote-text{transform: translateX(10em)}
.quote-single-active .quote-text{transform: translateX(0em)}
.quote-single-active{opacity:1;pointer-events: auto;transform:translateX(0)}


.quote-single-1 .quote-name-container{
 width:93%;
 text-align:right;
    margin-right: 5em;
}

.quote-name-after{width:84%;}


.quote-single-1 .quote-name-2, .quote-single-1 .quote-name-3{right:0}

.quote-single-1 .quote-text-after{margin-left:0;width:51%;transform: translateY(-2.1em);}




.quote-single-2 .quote-name-container {
    width: 123%;
    text-align: right;
    margin-right: 0;
}
.quote-single-2 .quote-text{text-align:right;width: 110%;}

.quote-single-2 .quote-name-2, .quote-single-2 .quote-name-3{right:0}

.quote-single-2 .quote-text-after{margin-left:0;width:51%;transform: translateY(-2.1em);}

.quote-single-2 .quote-name-after {
    width: 123%;}

    .about-memoriam-image{margin-left: 44%;
    width: 27%;display:inline-block;position:relative;}

    .about-memoriam-bu{position:absolute;bottom:0;left:0;padding-bottom:0.5em;transform:rotate(-90deg);transform-origin:0 100%;}


        .about-memoriam-text{margin-left: 44%;
    width: 31%;display:inline-block;position:relative;margin-top:5em;line-height:1.35em;margin-bottom:10em;}

.full-link-right .full-link-text{float:right;margin-left:0}

.full-link-right img{transition:transform .3s ease-in-out}
.full-link-right:hover img{transform:translateX(0.5em) translateY(0.2em);}

.full-link-right{margin-bottom:20em;}
.full-link-right .full-link-line{left:0;right:unset}


/*kultursponsoren*/
#ks-filter{margin-top:10em}
.ks-container {
    width: 70%;
    margin-left: 15%;
    text-align:right;
}
.ks-headline h1{font-size:var(--head3);line-height:1.1em;text-transform:uppercase;letter-spacing:-0.03em;font-family: "Ratio Modern";}

.ks-filter-container{width:92%;margin-left:8%;margin-top:0em;}
.search-filter-container{margin:1em 0;text-align:right;text-transform: uppercase;color:var(--gold);font-weight:800;width:calc(100% / 11);float:left;display: inline-block;}
.search-filter{display: inline-block;cursor:pointer;transition:color .3s ease-in-out}
.search-filter.active{color:var(--dark)}

.ks-filter-suche {
    position: relative;
    display: inline-block;
    width: 56%;
    float: right;
    margin-top: 1em;
}
.ks-filter-suche input[type="text"]{width:100%;font-family:"Open Sans";padding:0.1em 0.1em 0em 1.8em;background-color:var(--back);border:solid 1px var(--dark);box-sizing:border-box;}
.search-icon{position:absolute;top:0.15em;left:0.3em;height:1em;}
.search-icon img{height:0.8em}

.ks-members{ display: grid;
  grid-template-columns: repeat(3, 1fr); /* 3 gleich große Spalten */
  gap: 0em}

.ks-member-container{position:relative;transition: all .5s ease-in-out;min-height:17em;transition:all .5s ease-in-out}
.ks-member-small{min-height:3em;}
.ks-member-container.hidden{pointer-events:none;opacity:0}
  .ks-member-single{width:95%;margin-right:5%;position:relative;z-index:2;overflow:hidden;transition: all .3s ease-in-out;}
  .ks-member-single-hidden{opacity: 0;}
  .ks-member-head{font-size:0.8em;font-weight:500;line-height:1em;text-transform: uppercase;}
  .ks-member-text{font-size:0.75em;margin-bottom:3em;display:inline-block;width:100%}

.ks-member-bg{font-family: "Ratio Modern";position:relative;color:var(--heather);position:absolute;left:-3rem;font-size:22em;line-height:1em;top:-4rem;transition:all .5s ease-in-out}
.ks-member-small .ks-member-bg, .ks-member-small.ks-member-container:nth-child(even) .ks-member-bg{font-size:2.5em;left:0;top:0;right:unset;}


.ks-member-container:nth-child(even) .ks-member-bg {

 
    width: 100%;
    text-align: right;
}


.ks-member-small:nth-child(even) .ks-member-bg {
    left: unset;
    right: 80%;
    width: 20%;
    text-align: right;
}


#ks-filter{margin-bottom:15em;}

#ks-mg{margin-bottom:10em;}


/*galerie*/

.galerie-headline h1{font-size:var(--head3);line-height:1.1em;text-transform:uppercase;letter-spacing:-0.03em;font-family: "Ratio Modern";}

#akt-galerie{overflow:hidden;margin-top:10em;}

.galerie{height:60em;position: relative;}
.galerie-cur-container {
    position: absolute;
    left: 0;
    width: 43%;
    height: 45.5em;
}

.galerie-cur-pagination{position:absolute;bottom:0;width:100%;left:0;text-align:center;color:var(--gold);line-height:2em;text-transform: uppercase;font-weight:800}
.galerie-cur-container img{cursor:pointer;height:2.8em;margin:0 1.5em;transform:translateY(0.9em)}
.galerie-cur-container img.galerie-cur-pagination-left{transform:translateY(0.9em) rotate(180deg)}


.galerie-images-container{position:absolute;left:0;top:0;width:20%;height:30em;transform:translateX(100vw);transition:all 1s ease-in-out;opacity:0}

.galerie-images{width:100%;height:100%;position:absolute;}
.galerie-images img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit: contain;object-position:left bottom;opacity:0;transition:opacity .3s ease-in-out}
.galerie-images img.cur{opacity:1}
.galerie-image-text{position:absolute;bottom:0;width:100%;transform:rotate(-90deg);transform-origin:0 100%;margin-left:-.4em;}

.galerie-cur{width:43%;height:35em;top:5em;opacity:1;transform:translateX(0)}
.galerie-sec {
    width: 23%;
    height: 24em;
    top: 0em;
    left: 54%;
    opacity: 1;
    transform: translateX(0);
    cursor:pointer;
}
.galerie-third {
    width: 25%;
    height: 24em;
    top: 29em;
    left: 70%;
    opacity: 1;
    transform: translateX(0);
    cursor:pointer;
}

#akt-more{position:absolute;top:28.5em;z-index:3;}

.full-link-text img{transform:translateY(0.2em);margin-left:0.5em; margin-right:2em;height:1em;}

#akt-more .full-link-text {
    cursor: pointer;
    margin-right: -6em;
}



.veranstaltungen-container{
width:81%;
margin-left:10%;
}

.veranstaltungen-video{margin-top:4em;margin-bottom:0.5em}
.veranstaltungen-video video{width:100%}


.veranstaltungen-headline{margin-top:8em;text-align:right}




 .video-container {
            position: relative;
            max-width: 100%;
        }

        video {
            width: 100%;
            display: block;
        }

        .play-button {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background-color: rgba(0, 0, 0, 0.6);
            color: white;
            border: none;
            padding: 2em;
            cursor: pointer;
            border-radius: 50%;
            width: 8em;
            height: 8em;
            display: flex;
            justify-content: center;
            align-items: center;
            transition:all .2s ease-in-out;
        }

        .play-button.hidden {
        opacity:0;
        pointer-events:none;
        }


#akt-galerie-veranst{position:relative;height:80em;margin-top:12em;overflow:hidden;}


#akt-galerie-veranst .container-inner{}



.galerie-v-images-container{position:absolute;left:0;top:0;width:20%;height:30em;transform:translateX(100vw);transition:all 1s ease-in-out;opacity:0}
.galerie-v-images{width:100%;height:100%;position:absolute;}
.galerie-v-images img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit: contain;object-position:right top;opacity:0;transition:opacity .3s ease-in-out}
.galerie-v-images img.cur{opacity:1}
.galerie-v-image-text{position:absolute;top:0;text-align:right;width:100%;transform:rotate(-90deg) translateY(0.4em);transform-origin:100% 0;margin-right:-1.9em;}


.galerie-v-cur {
    width: 30%;
    height: 45em;
    top: 8em;
    opacity: 1;
    transform: translateX(0);
}

.galerie-v-sec {
    width: 28%;
    height: 19em;
    top: 0em;
    left: 60%;
    opacity: 1;
    transform: translateX(0);
}
.galerie-v-third {
    width: 39%;
    height: 24em;
    top: 29em;
    left: 34%;
    opacity: 1;
    transform: translateX(0);
}



#akt-galerie-veranst .full-link{position:absolute;top:23.5em;z-index:3}


#akt-galerie-veranst .full-link-text {
    cursor: pointer;
	margin-right:-10em;

}

.go-left{transform:translateX(-100vw);}

/*kontakt*/

#kontakt{margin-top:10em}

.kontakt-headline h1{font-size:var(--head3);line-height:1.1em;text-transform:uppercase;letter-spacing:-0.03em;font-family: "Ratio Modern";}
.kontakt-headline{margin-bottom:5em;}
.kontakt-daten{margin-bottom:5em;line-height:2em;}
.kontakt-daten-headline{margin-bottom:0.5em;text-transform: uppercase;font-weight:500;letter-spacing:-0.006em;font-size:1.05em;display:inline-block;}

.datenschutz-impressum-headline{trext-transform:uppercase;color:var(--gold);font-size:1.05em;margin-bottom:3em;font-weight:800;text-transform:uppercase;}
.datenschutz-impressum-headline img{margin-right:0.5em;transform:translateY(0.25em);height:1.2em;}

.datenschutz-impressum-container{margin-bottom:10em;width:50%;position:relative;overflow:hidden;}
.datenschutz-impressum-content{height:18em;position:relative;transition:height 1s ease-in-out}
.datenschutz-impressum-overlay{position:absolute;height:16em;bottom:0;left:0;width:100%;background: rgb(249,245,241);
background: linear-gradient(180deg, rgba(249,245,241,0) 0%, rgba(249,245,241,1) 65%);
color:var(--gold);
text-transform: uppercase;
font-size:0.75em;
cursor:pointer;
overflow:hidden;
transition:height 1s ease-in-out}
.datenschutz-impressum-overlay-inner{padding-top:14em;font-weight:900}



/*antrag*/

.antrag-hero{width:100vw;height:100vh;position:relative;z-index:1;margin-top:-11em}
.antrag-hero img{width:100%;height:100%;object-fit: cover}

#antrag{margin-top:-18em;z-index:3}
.antrag-left{width:38%;float:left;display: inline-block;margin-bottom:15em;}
.antrag-headline{width:100%;float:left;display: inline-block;}

.antrag-headline h1, .antrag-du h2{font-size:var(--head3);line-height:1.1em;text-transform:uppercase;letter-spacing:-0.03em;font-family: "Ratio Modern";}
.antrag-headline h1{color:var(--back)}
.antrag-du{width:100%;float:left;margin-top:22em;text-align:right}
.antrag-text{width:81%;float:left;margin-top:10em}


.antrag-right{float:right;background-color:var(--back);width: 58%;position:relative;
    margin-right: 4%;display:inline-block;box-sizing:border-box;padding:8em 6em}


form p {
    display: block;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    unicode-bidi: isolate;
}

.wpcf7-list-item-label{display:none;}




.antrag-right input[type="text"], .antrag-right input[type="email"], .antrag-right input[type="tel"], .antrag-right input[type="number"], .antrag-right input[type="date"]{border:solid 1px var(--dark);padding:0.5em;box-sizing: border-box;font-family:"Open Sans";width:100%;background-color:var(--back)}
.antrag-right input[type="text"]::placeholder, .antrag-right input[type="email"]::placeholder, .antrag-right input[type="tel"]::placeholder{color:#ddd}

.inputsub{width:100%;margin-top:0.5em;font-size:0.75em;display: inline-block}

.form-head{text-transform:uppercase;font-size:0.75em;letter-spacing:-0.006em;margin-top:4em;font-weight:500;margin-bottom:1.5em;}

.form-grid{display:grid;width:100%;margin-bottom:1em}

.form-grid-2-1{ grid-template-columns: 61% 32%;
            gap: 7%;}

            .form-grid-1-2-small{ grid-template-columns: 18% 61% ;
            gap: 7%;}

            .form-grid-2-1-small{ grid-template-columns: 61% 18%;
            gap: 7%;}

.form-text{font-size:0.75em;line-height:1.25em;letter-spacing:0.01em;}

.form-radio{display:inline-block;float:left;margin-right:1.5em;}
.form-radio input[type="radio"]{margin-left:0.5em;   transform:translateY(0.5em);}

.form-check-text{display:inline-block;float:right;width:calc(100% - 3em)}

.wpcf7-list-item {
    display: inline-block;
    margin: 0 0.5em 0 0em;
}


input[type="radio"],
input[type="checkbox"] {
    appearance: none; /* Entfernt das Standard-Styling */
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 1.5em;
    height: 1.5em;
    border: solid 1px var(--dark);
    background-color: var(--back);
    display: inline-block;
    cursor: pointer;
       transform:translateY(-0.5em);
 
}

input[type="radio"]:checked,
input[type="checkbox"]:checked {
    background-color: var(--dark);
}


input[type="submit"]{ appearance: none; /* Entfernt das Standard-Styling */
    -webkit-appearance: none;
    -moz-appearance: none;
color:var(--gold);
border:none;
background:none;
font-size:1.05em;
font-weight:800;
}

.form-check{margin-bottom:1em;display: inline-block;}


.antrag-right-line {
    width: var(--border);
    height: 34em;

    position: absolute;
    left: 3em;
    top: 31em;
}


.antrag-line{height:2em;left:0;top:0}

.line-down-active.antrag-line{height:calc(100%);}

.form-send{
    margin-top: 6em;
    transform: translateX(-3em);
}

.form-send img {
    height: 1em;
    transform: translate(-0.3em, 0.1em);
    margin-left: -0.2em;
}

.form-privacy{
    margin-top: 4em;
    transform: translateX(-3em);
}

/*single*/



#single{margin-top:10em}

.single-headline h1{font-size:var(--head3);line-height:1.1em;text-transform:uppercase;letter-spacing:-0.03em;font-family: "Ratio Modern";}
.single-headline{margin-bottom:5em;width:70%}
.single-content{margin-bottom:15em;line-height:2em;width:70%}


/*archive*/

.year-navigation{margin-top:7.5em;}
.year-navigation a{font-weight:600;text-decoration:unset;color:var(--dark)}
.year-link{margin-right:1.5em;}

.post-item{margin-top:4em;display:inline-block;width:100%;margin-bottom:5em;}
.posts-list{margin-bottom:5em;}
.post-top{margin-left:-5em;width:calc(100% + 5em);margin-bottom:5em;}
.post-top h1 {
    font-size: var(--head3);
    line-height: 1em;
    font-family: "Ratio Modern";
    text-transform: uppercase;
	hyphens: auto;
  overflow-wrap: break-word;
  word-break: normal;
}

.year-link.active, .year-navigation a:hover{color:var(--gold)}
.post-left{width:32%;display:inline-block;float:left;}
.post-right{width:56%;display:inline-block;float:right;}

.post-item:nth-child(even) .post-left {
    float: right;
    margin-right: 4%;
}

.post-item:nth-child(even) .post-image-1 {
    margin-right: 10%;
}
.post-item:nth-child(even) .post-right{float:left;text-align:right;}

.post-image-1{width:92%;display:inline-block;margin-top:5em}
.post-image-2{width:50%;margin-top:2em;}


.post-item:nth-child(even) .post-image-1{margin-left:-22%;}

/*footer*/

footer{text-align:center;border-bottom:solid var(--gold) var(--border);margin-bottom:1.5em}

footer a:hover{color:var(--gold)}
.footer-logos{width:70%;margin-left:15%;box-sizing:border-box;border:solid var(--gold) var(--border);padding:1em 3em}
.footer-logos img{width:10em;height:6em;object-fit: contain;margin-right:2em}

.footer-links{margin-top:5em;text-align:center;}
.footer-links a{color:var(--dark);text-decoration:none;text-transform:uppercase;display:inline-block;font-size:0.72rem;font-weight:900;margin:1em 4em}


@media (orientation:portrait){
    body{max-width:100vw;overflox-x:hidden}


    .menu{display:none;}

    .header-logo img {
    width: 40%;
}

#hero {
    margin-top: 8em;
    height: unset;
    min-height: unset;
}

#hero .container-inner {
    top: unset;
    transform: unset;
}

.quote-pre {
    margin-bottom: 1rem;
}

.quote-name {
    color: var(--gold);

    font-size: 2.45em;
    line-height: 3.3em;
    clip-path: inset(0 100% 0 0);
}



.quote-text-after {
    display: inline-block;
    text-transform: uppercase;
    font-size: var(--head1);
    margin-left: 2em;
    transform: translateY(-.5em);
        margin-left: 1em;
}


.quote-name-after {
    text-transform: uppercase;
    font-size: var(--head1);
    color: var(--gold);
    margin-top: -1.2em;
}


    .news-image {
        width: 90%;
        float: right;
        display: inline-block;
        position: relative;
    }

.news-right {
    position: relative;
    left: 0;
    width: 100%;
    height: 100%;
}


#news {
    padding-top: 10em;
    margin-bottom: 4em;
}


    .news-head {
        position: relative;
        width: 85%;
        margin-left: 0;
        margin-top: 5rem;
        margin-bottom: 2rem;
        display: inline-block;
    }


.news-preview-container {
    width: 90%;
    margin-left: 0;
    height: 14em;
    display: inline-block;
    position: relative;
    overflow: visible;
}

.news-preview-container-inner {
    width: 100%;
    height: 14em;
    overflow-y: scroll;
    position: relative;
}

.news-more {
    bottom: unset;
    left: 0;
    color: var(--gold);
    font-weight: 800;
    letter-spacing: -0.005em;
    line-height: 1.3em;
    position: relative;
    text-transform: uppercase;
    margin-top: 2em;
}


.ideen-headline {
    text-align: right;
    display: inline-block;
    width: 37%;
    margin-top: 10rem;
    float: left;
}


.ideen-text {
    width: 54%;
    margin-left: 9%;
    display: inline-block;
    margin-top: 10rem;
}


#quote-2 .container-inner {
    text-align: center;
    width: 100%;
    margin-right: 0%;
}


.footer-links a {
    margin: 1em 1.5em;
}


#about-ideen {
    margin-top: 10vh;
}


.about-ideen-text {
    width: 90%;
    margin-left: 10%;
}


.about-ideen-head {
    text-align: right;
    width: 80%;
    display: inline-block;
    float: left;
}


.about-image-1 {
    float: right;
    display: inline-block;
    width: 77%;
    overflow: visible;
    margin-top: 2em;
    left: 0;
    position: relative;
}

.about-image-2 {
    float: right;
    display: inline-block;
    width: 100%;
    overflow: visible;
    margin-top: 2em;
}



.about-image-2 img {
    width: 80%;
    height: 25em;
    object-fit: cover;
}



.about-ks-head {
    float: right;
    display: inline-block;
    width: 78%;
}

.about-ks-image {
    width: 85%;
    display: inline-block;
    float: left;
}


.about-ks-text {
    margin-left: 7%;
    width: 93%;
    display: inline-block;
    line-height: 1.35em;
    margin-top: 2em;
}


.about-ks-content {
    width: 100%;
    display: inline-block;
    margin-top: 2em;
}

.about-ideen-text {
    margin-top: 2em;}

#about-quote .quote-single-1 .quote-text-after {
    margin-left: 0;
    width: 43%;
    transform: translateY(-2.1em);
}

.quote-single-2 .quote-name-container {
    width: 115%;}

    .quote-single-2 .quote-name-after {
    width: 115%;
}


.quote-multiple {
    display: inline-block;
    height: 33em;
}


.about-memoriam-image {
    margin-left: 14%;
    width: 67%;
    display: inline-block;
    position: relative;
}


.about-memoriam-text {
    margin-left: 20%;
    width: 78%;
    display: inline-block;
    position: relative;
    margin-top: 2em;
    line-height: 1.35em;
    margin-bottom: 10em;
}


.ks-container {
    width: 100%;
    margin-left: 0%;
    text-align: right;
}



.ks-filter-container {
    width: 100%;
    margin-left: 0;
    margin-top: 4em;
}


.search-filter-container {
    margin: 1em 0;
    text-align: center;}


    .ks-filter-suche {
    position: relative;
    display: inline-block;
    width: 80%;
    float: right;
    margin-top: 1em;
}

.search-icon img {
    height: 1.3em;
}

.ks-members {
    display: inline-block;
    width: 100%;
}


.ks-member-head , .ks-member-text{
    font-size: 1em;}


    .ks-member-container:nth-child(even) .ks-member-bg {
    left: unset;
    left: unset;
    right: -0.1em;
}



.galerie-cur {
    width: 100%;
    height: 35em;
    top: 2em;
    opacity: 1;
    transform: translateX(0);
}


.galerie-cur-container {
    position: absolute;
    left: 0;
    width: 100%;
    height: 40.5em;
}


.galerie-sec {
    width: 83%;
    height: 24em;
    top: 44em;
    left: 17%;
    opacity: 1;
    transform: translateX(0);
    cursor: pointer;
}




.galerie {
    height: 100em;
    position: relative;
}


#akt-more {
    position: absolute;
    top: 75.5em;
    z-index: 3;
}


.galerie-third {
    width: 65%;
    height: 24em;
    top: 74em;
    left: 0%;
    opacity: 1;
    transform: translateX(0);
    cursor: pointer;
}


#akt-more .full-link-text {
    cursor: pointer;
    margin-right: -2em;
}


.veranstaltungen-container {
    width: 100%;
    margin-left: 0%;
}


.veranstaltungen-video {
    margin-top: 2em;
    margin-bottom: 0.5em;
}


.galerie-v-cur {
    width: 84%;
    height: 35em;
    top: 0;
    opacity: 1;
    transform: translateX(0);
    left: 8%;
}

#akt-galerie-veranst .full-link {
    position: absolute;
    top: 72.5em;
    z-index: 3;
}

.galerie-v-sec {
    width: 68%;
    height: 29em;
    top: 41em;
    left: 24%;
    opacity: 1;
    transform: translateX(0);
}

.galerie-v-third {
    width: 69%;
    height: 34em;
    top: 72em;
    left: 8%;
    opacity: 1;
    transform: translateX(0);
}

#akt-galerie-veranst {
    position: relative;
    height: 120em;
    margin-top: 12em;
    overflow: hidden;
}

.datenschutz-impressum-container {
    margin-bottom: 10em;
    width: 100%;}


    .antrag-hero {
    margin-top: -13em;
}

.antrag-left {
    width: 100%;
    float: left;
    display: inline-block;
    margin-bottom: 15em;
}


.antrag-right {
    float: right;
    background-color: var(--back);
    width: 100%;
    position: relative;
    margin-right: 0%;
    display: inline-block;
    box-sizing: border-box;
    padding: 0;
}

.antrag-right-line{display:none;}
.inputsub, .form-text{font-size:1rem}


.form-send {
    margin-top: 6em;
    transform: unset;
}


.form-privacy {
    margin-top: 4em;
    transform: unset;
    margin-bottom: 10em;
}


.form-radio {
    display: inline-block;
    float: left;
    margin-right: 0px;
}



  

.mobile-only{display:inherit}





    .mobile-menu {
        width: 2em;
        height: 2em;
        position: absolute;
        z-index: 3;
        left: 2em;
        top: 2em;
        margin-bottom: 1em;
        display: inline-block;
        float: right;
    }
  .mobile-line{width:100%;height:4px;border-radius:2px;background-color:var(--dark);position:absolute;top:0;left:0;transition:transform .3s ease-in-out}
  .mobile-line:nth-child(1){transform:translateY(0)}
  .mobile-line:nth-child(2){transform:translateY(0.5em)}
  .mobile-line:nth-child(3){transform:translateY(1em)}

    .menu-open   .mobile-line:nth-child(1), .menu-open .mobile-line:nth-child(2){transform:translateY(0.5em) rotate(45deg)}
    .menu-open   .mobile-line:nth-child(3){transform:translateY(0.5em) rotate(-45deg)}



.menu{padding:0;min-height: 4em;position:fixed;top:0;left:0;        z-index: 9999;display:inline-block;width:100%;}
.menu-left{text-align:left;height:0;overflow:hidden;background-color:var(--white);transition:height .3s ease-in-out}
.menu-left ul{padding:5em 0 2em 0;}
.menu-left li{width:90%;margin:0.2em 0;margin-left:5%;font-size:1.25rem}
.menu ul {
    display: inline-block;

}
	
	
	.single-headline{width:100%}
.single-content{width:100%}
	
	
	.wpcf7-list-item {
    display: inline-block;
    margin: 0 0.3em 0 -0.3em;
}
	
	
	.post-top {
    margin-left: 0;
    width: calc(100%);
    margin-bottom: 3em;
}
	.post-left{width:100%;display:inline-block;float:left;}
.post-right{width:100%;display:inline-block;float:right;}

.post-image-1{width:100%;display:inline-block;margin-top:3em;margin-right:unset;}
.post-image-2{width:70%;margin-top:2em;}
	
	
	#akt-galerie-veranst .full-link-text {
    cursor: pointer;
    margin-right: -4em;
}
	
	

}