/* libre-franklin-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: 'Libre Franklin';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/libre-franklin-v18-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* libre-franklin-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: 'Libre Franklin';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/libre-franklin-v18-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* libre-franklin-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: 'Libre Franklin';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/libre-franklin-v18-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* libre-franklin-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: 'Libre Franklin';
  font-style: italic;
  font-weight: 500;
  src: url('fonts/libre-franklin-v18-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* libre-franklin-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: 'Libre Franklin';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/libre-franklin-v18-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* libre-franklin-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: 'Libre Franklin';
  font-style: italic;
  font-weight: 600;
  src: url('fonts/libre-franklin-v18-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* libre-franklin-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: 'Libre Franklin';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/libre-franklin-v18-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* libre-franklin-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: 'Libre Franklin';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/libre-franklin-v18-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* libre-franklin-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: 'Libre Franklin';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/libre-franklin-v18-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* libre-franklin-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: 'Libre Franklin';
  font-style: italic;
  font-weight: 800;
  src: url('fonts/libre-franklin-v18-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

body{
  font-family: 'Libre Franklin';
  font-weight: 400;
  line-height: 1.5;
  
  padding-left: 4rem;
  padding-top: 0rem;
  padding-right: 4rem;
  
      font-feature-settings: 'kern';
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    min-height: calc(100vh - 3rem);
    display: flex;
    flex-direction: column;
}

a{
	color: black;
	text-decoration: none;
}


ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

main{
	margin-top: 150px;
}

.page-wrap{
    flex: 1 auto;
    margin-bottom: 3rem;

}

img{
	max-width: 100%;
	height: auto;
}


/* footer */

footer {
    margin-top: auto;
    
 }
.footer-nav ul{
	display: flex;
}

.footer-nav li{
	margin-right: 2rem;
	    text-transform: uppercase;

}

/* footer */

/* header */


header{
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999999999;
	background: white;
	padding-bottom: 0.25rem;
}


.header__seitentitel{
	margin-bottom: 0.5rem;
	    margin-block-end: 0;
	    
	    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
	
}

.header__seitentitel h1{
	margin-bottom: 0.75rem;
}


.header__archive{
	font-size: 32px;
}


.header__contact{
	display: inline-block;
	
	text-transform: uppercase;
}

/* header */


/* intro */
.intro{
	margin-top: 2rem;
	margin-bottom: 3rem;
	display: flex;
}

.intro img{
    margin-left: auto;
    margin-right: auto;
    width: 66vw;
    height: auto;
    max-height: 70vh;
    width: auto;
}
/*    
    intro
*/

/* post liste */

.post__content{
	display: none;
}

.posts-header,
.post__tabelle{
	position: relative;
	display: grid;
	grid-template-columns: 0.75fr 0.5fr 0.5fr 1.5fr 1fr 1fr 1fr;
	
	padding-top: 0.3rem;
	padding-bottom: 0.3rem;
}

.posts-header{
	margin-bottom: 1.5rem;
	text-transform: uppercase;
}

.post__tabelle h2{
	all:unset;
}

.post__tabelle a::before{
	content: " ";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	
}

.post__tabelle:hover .tabelle__text span{
	transition: background, 0.5s;
	background: black;
}


.post__tabelle:hover .tabelle__pictures span{
	transition: background, 0.5s;
	background: black;
}

.post--offen .post__tabelle a::before,
.post__tabelle a:hover::before{
	border-bottom: 1px solid black;
}


.tabelle__pictures span{
	border: 1.5px solid black;
	margin-right: 5px;
	display: inline-block;
	height: 1rem;
	aspect-ratio: 1/1.7;
}

.tabelle__text span{
	border: 1.5px solid black;
	margin-right: 5px;
	display: inline-block;
	height: 1rem;
	aspect-ratio: 1/1;
	border-radius: 50%;
	
}

/*
.post__tabelle a:hover .tabelle__text {
	background: black;
}
*/

/* post liste */
.post-liste{
	    display: flex;
    flex-direction: column;
    min-height: 75vh;
}

.post__content{
	margin-top: 0.5rem;
	
}

.post__bilder{
	display: flex;
	margin-left: 12%;
	    flex-wrap: wrap;
}
.post__bilder img{
	height: 300px;
	width: auto;
	margin-right: 1rem;
	margin-bottom: 1rem;
} 


.post__text{
	margin-left: 28%;
}

.post__text p:first-of-type{
	margin-top: 0;
}

.search {
  all: unset;
  	border-bottom: 1px solid black;
	margin-bottom: 2rem;
	padding: 0.25rem;
	width: 300px; 
/*
	margin-left: auto;
	margin-right: 2rem;
*/
	font-size: 92%;

}

.sort{
	cursor: pointer;
}

.sort.asc, .sort.desc {
	position: relative;
  }
.sort.asc::after {
	position: absolute;
  content: "\2191";
  padding-left: 3px;
  }
.sort.desc::after {
	position: absolute;
  content: "\2193";
  padding-left: 3px
  }

/* lightbox */

.glightbox-open header{
	background: #EDEDED
}

.goverlay {
	background: #EDEDED;
    }
    
    
    .glightbox-container {
    width: 100%;
    height: calc(100% - 100px);
    position: fixed;
    top: 100px;
    
    
    }
    
    
        .gslide-image img {
        max-height: calc(94vh - 100px);
        }
        
        
     .glightbox-clean .gclose{
	     right: auto;
	     left: 2rem;
	     top: 2rem;
     }   
     
     
     .glightbox-clean .gslide-media{
	     box-shadow: none;
	     min-width: 300px;
     }
     
     
     .glightbox-clean .gclose, .glightbox-clean .gnext, .glightbox-clean .gprev{
	     background: none;
     }
     
     .glightbox-clean .gclose:hover, .glightbox-clean .gnext:hover, .glightbox-clean .gprev:hover{
	  	     background: none;
   
     }
     
     
     .glightbox-clean .gclose path, .glightbox-clean .gnext path, .glightbox-clean .gprev path{
	     fill: black;
     }
     
   .glightbox-mobile .goverlay{
	   background: #EDEDED;
   }


   .gslide-description{  
    background: transparent!important;
    }   
    
    
    .glightbox-container .ginner-container{
	    align-items: normal;
    }
   
/*
   .gslide-description{  
         position: absolute;
    left: 0;
    bottom: 0;
    width: 400px;
    height: 50vh;
    background: transparent!important;
        display: flex;
    align-items: flex-end;
    max-width: none!important;
    }
*/
    
    .glightbox-clean .description-left .gdesc-inner, .glightbox-clean .description-right .gdesc-inner{
	    position: relative;
	    height: auto;
    }
    
    .glightbox-clean .gslide-title{
	    margin-bottom: 0;
    }
    
    .glightbox-clean .gdesc-inner{
	    padding-left: 0;
	    padding-bottom: 1rem;
    }
    
    
   .page-content h1,
    .page-content h2,
    .page-content h3{
	all: unset;
	text-decoration: underline;       
       }
       
   
   
/*    start   */  
       .start-page-link{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    
       }
       
       .header__contact,
       .footer-nav{
	       position: relative;
	             z-index: 1000001112;
  
       }
       
       
       .page-template-index header{
	       background: none;
       }