/* ----- JOURNAL STYLES ----- */

/*-- Header ---*/

  .journal-header,
  .journal-footer{
    max-width:calc(100vw - 30px);
  }


@media (min-width:1200px){
  .journal-header,
  .journal-footer{
    max-width:calc(100vw - 5rem);
  }
}

  .journal-header{
    border-bottom:1px solid var(--color-gray);
    background-color: #fff;
    position: relative;
    margin-bottom:2.5rem;
  }

  @media (max-width:600px){
    .journal-header{margin-bottom:1.85rem}
  }

  .journal-logo{
    margin:0 auto;
    max-width:500px;
    margin-top:.75rem;
    margin-bottom:.75rem;
    transition:max-width .2s;
  }

  @media (max-width:991px){
    .journal-logo{
      max-width:400px;
    }
  }

    @media (max-width:600px){
      .journal-logo{
        max-width:250px;
      }
    }

  .journal-top-nav{
    position: absolute;
    right:0;
    top:1rem;
  }

  .journal-top-nav a{
    color:var(--color-gray);
    font-weight:500;
    font-size:1rem;
  }

  /* Footer */
  .journal-footer{
    border-top:1px solid var(--color-gray);
    padding-top:1.5rem;
    padding-bottom:1.5rem;
    margin-top:12rem;
    font-size:1rem;
    font-weight:500;
  }

  @media (max-width:991px){
    .journal-footer{margin-top:6rem}
  }

  .journal-footer a{
    color:var(--color-gray);
  }
  .journal-footer a:hover{
  color:var(--color-prime-dark)
  }

  .journal-footer-menue ul{
    list-style: none;
    margin:0;
    padding:0;
    text-align: center;
    display:flex;
    flex-wrap: wrap;
    justify-content: center;
    gap:.5rem 1.75em
  }


/* -- Journal w Aside-- */

.journal-content-row{
  position: relative;
}

@media (min-width:992px){
.journal-content-row::after{
  content:'';
  position: absolute;
  top:0;
  bottom:0;
  left:calc(75% - 1.25rem);
  width:1px;
  background-color: #bdbdbd;
}
}

@media (max-width:991px){
.journal-content-aside{
  padding-top:2.5rem;
}
.journal-content-main:not(:has( .journal-pagination)){
  border-bottom:1px solid #bdbdbd;
}
}


@media (min-width:992px){

.journal-sticky{
  position: sticky;
  top:var(--t,auto);
}
}

/* -- Post Teaser ---- */

@media (min-width:992px){
.journal-post-teaser{max-width:calc(100% - 2.5rem);}
}

.journal-post-teaser{padding-bottom:4rem;}

@media (max-width:600px){
.journal-post-teaser{padding-bottom:2.5rem;}
}

.journal-post-teaser + .journal-post-teaser{
  padding-top:2.5rem;
  border-top:1px solid #bdbdbd
}

.journal-post-teaser-img{
  aspect-ratio:1.5;
  object-fit: cover;
  display:block;
  width:100%;
}

.journal-post-teaser-head:hover{
  text-decoration: none;
}

.journal-post-teaser-head h2{
  color:#000;
  font-size:2.875rem;
  font-weight:600;
  line-height: 1.15;
  text-wrap:balance;
  margin:1.25rem 0;
}

@media (max-width:991px){
  .journal-post-teaser-head h2{
    font-size:2.5rem;
  }
}

@media (max-width:600px){
  .journal-post-teaser-head h2{
    font-size:2rem;
  }
}

.journal-post-teaser-head:hover h2{
  color:var(--color-prime-dark);
}

.journal-post-teaser-meta{
  color:var(--color-gray);
  font-weight:500;
  font-size:1.025rem;
  margin-bottom:1.2rem;
}
.journal-post-teaser-meta a{
  color:var(--color-gray);
}
.journal-post-teaser-meta a:hover{
  color:var(--color-prime-dark);
}

.journal-post-teaser-meta,
.journal-single-meta,
.journal-post-date,
.journal-single-author{
  padding-left:22px;
  position: relative;
}

.journal-post-date{padding-left:39px}

.journal-single-meta::before,
.journal-post-teaser-meta::before,
.journal-post-date::before,
.journal-single-author::before{
  content:'';
  position:absolute;
  height:15px;
  width:15px;
  top:5px;
  left:0;
  background-color:var(--color-prime-dark);
  -webkit-mask: var(--icon) no-repeat center/contain;
  mask: var(--icon) no-repeat center/contain;
  --icon: url('../assets/tag.svg');
}

.journal-post-date::before{
  top:3px;
  left:17px;
  --icon: url('../assets/calendar.svg');
}

.journal-single-author::before{
  left:-22px;
  --icon: url('../assets/user.svg');
}

@media (max-width:767px){
  .journal-post-date{
    display:block;
    padding-left:0;
  }
  .journal-post-date::before{
    left:-22px;
    top:4px;
  }
}



.journal-post-teaser-desc{
  max-width:72ch;
  margin-bottom:0;
}

@media (max-width:600px){
  .journal-post-teaser-meta,
  .journal-post-teaser-desc{
    font-size:1rem;
  }
}

.journal-post-teaser-more,
.journal-post-teaser-more:hover{
  color:var(--color-prime-dark);
}


/* ---- Aside / Sidebar Module ----- */

.journal-content-aside{
  padding-bottom:2rem;
  gap:3.5rem 0;
}

.journal-content-aside .journal-aside-events,
.journal-content-aside .journal-aside-buchtipp{
  max-width:100%;
  overflow:hidden;
}


/* Rubriken */
.journal-aside-rubriken{}

.journal-aside-head{
  font-size:1.35rem;
  line-height: 1.2;
  font-weight:600;
  color:var(--color-prime-dark);
  border-top:2px solid;
  border-bottom:2px solid;
  padding:.4em 0 .5em;
  text-wrap:balance;
}

.journal-aside-rubriken ul{
  list-style: none;
  margin:1.5rem 0 0 0;
  padding:0;
  display:flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap:1.1rem 0;
}

.journal-aside-rubriken li{
  font-size: 1.2rem;
  line-height: 1;
  font-weight:600;
  position: relative;
  padding-left:1.6em;
}

.journal-aside-rubriken li::before{
  content:'';
  position: absolute;
  left:0;
  top:.05em;
  height:1em;
  width:1em;
  background-color:var(--color-prime-dark);
  -webkit-mask: var(--icon) no-repeat center/cover;
  mask: var(--icon) no-repeat center/cover;
  --icon: url('../assets/arrow.svg');
}

.journal-aside-rubriken li a{
  color:#000;
}
.journal-aside-rubriken li a:hover,
.journal-aside-rubriken li a.current{
  color:var(--color-prime-dark);
  text-decoration: underline;
}

/* Autoreninfo */
.journal-aside-autorin{}

.journal-aside-autorin > div{
 background:linear-gradient(#fff 75px,#F9F3F3 0);
 padding:0 1.1rem 2rem 1.1rem;
}
.journal-aside-autorin img{
  display:block;
  margin:0 auto 1.5rem auto;
  aspect-ratio:1;
  object-fit:cover;
  object-position: top center;
  width:150px;
  border-radius:50%;
  box-shadow:0 0 0 8px #fff,0 0 0 10px var(--color-prime-dark);
}
.journal-aside-autorin h3{
  text-align:center;
  font-weight:600;
  font-size:1.5rem;
  color:var(--color-prime-dark);
  margin-bottom:.65em;
}
.journal-aside-autorin h3 span{
  display:block;
  font-style:italic;
  color:#000;
  font-weight:400;
  font-size:1rem;
  padding-bottom:.15em;
}

.journal-aside-autorin p{
  margin:0;
  font-size:1rem;
}

.journal-aside-autorin p a{
  color:var(--color-prime-dark);
}

/* Events */
.journal-aside-events{}

.journal-aside-events ul{
  list-style: none;
  margin:1.5rem 0 0 0;
  padding:0;
  display:flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap:1.2rem 0;
}

.journal-aside-events li{
  position: relative;
  padding-left:1.6em;
  line-height: 1.25;
  border-bottom: 1px solid #E69797;
  padding-bottom:1.2rem;
}

.journal-aside-events li:last-of-type{
  border-bottom:2px solid var(--color-prime-dark);
  padding-bottom: 1.5rem
}

.journal-aside-events li::before{
    content:'';
    position: absolute;
    left:0;
    top:.15em;
    height:1em;
    width:1em;
    background-color:var(--color-prime-dark);
    -webkit-mask: var(--icon) no-repeat center/cover;
    mask: var(--icon) no-repeat center/cover;
    --icon: url('../assets/arrow.svg');
}

.journal-aside-events li a{
  font-weight:600;
  color:#000;
  text-wrap:balance;
  display: block;
  margin-bottom:.5em;
}

.journal-aside-events li a:hover{
  color:var(--color-prime-dark);
  text-decoration: none;
}

.journal-aside-events li div{
  color:var(--color-gray);
  font-size:1rem;
  line-height: 1.15;
  font-weight:400;
}

.journal-aside-more{
  padding-top:.75em;
}
.journal-aside-more a{
  color:var(--color-prime-dark);
  position: relative;
  padding-left:1.6em;
  font-weight:500;
  line-height: 1;
}

.journal-aside-more a::before{
    content:'';
    position: absolute;
    left:0;
    top:.15em;
    height:1em;
    width:1em;
    background-color:var(--color-prime-dark);
    -webkit-mask: var(--icon) no-repeat center/cover;
    mask: var(--icon) no-repeat center/cover;
    --icon: url('../assets/arrow.svg');
}

/* Buchtipp */
.journal-aside-buchtipp > div{
  background-color: #F9F3F3;
  padding:1.25rem 1.25rem 1.5rem 1.25rem;
}

.buchtipp-dz{
  color:var(--color-prime-dark);
  font-weight:600;
  font-size:1.025rem;
  margin-bottom:.6em;
}
.buchtipp-head{
  color:#000;
  font-weight:600;
  font-size:1.7rem;
  hyphens:auto;
  line-height: 1.1;
  text-wrap:balance;
}
.buchtipp-author{
  font-size:1rem;
  font-style: italic;
  color:var(--color-gray);
  margin:.5em 0;
}
.buchtipp-img img{
  width:170px;
  box-shadow:4px 4px 8px rgb(0,0,0,0.2);
  display: block;
  margin:1.5rem auto;
  rotate:-6deg;
}

/* Pagination */

@media (min-width:992px){
.journal-pagination{max-width:calc(100% - 2.5rem);}
}


.journal-pagination,
.journal-pagination a{
  color: var(--color-prime-dark);
}

.journal-pagination .current,
.journal-pagination a:hover{
  color: var(--color-gray);
  text-decoration: none;
}

.journal-pagination{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 2rem;
  padding: 1.1rem 1rem;
  border-top: 1px solid;
  border-bottom: 1px solid;
  font-size: 1.25rem;
  font-weight: 500;
  margin-bottom: 2rem
}

.journal-pagination .prev,.journal-pagination :last-child:not(.next){margin-right:auto}
.journal-pagination .next,.journal-pagination :first-child:not(.prev){margin-left:auto}

.journal-pagination:not(:has( .prev)){padding-left:4rem}
.journal-pagination:not(:has( .next)){padding-right:4rem}

.journal-pagination .prev,.journal-pagination .next{position: relative;color:#fff;}
.journal-pagination .prev:hover,.journal-pagination .next:hover{color:#fff;}

.journal-pagination .prev::before,
.journal-pagination .next::before{
  content:'';
  position: absolute;
  left:0;
  top:.25em;
  height:1.1em;
  width:1.1em;
  background-color:var(--color-prime-dark);
  -webkit-mask: var(--icon) no-repeat center/cover;
  mask: var(--icon) no-repeat center/cover;
  --icon: url('../assets/arrow.svg');
}
.journal-pagination .prev::before{scale:-1}

.journal-pagination .prev:hover::before,
.journal-pagination .next:hover::before{
  --color-prime-dark:var(--color-gray);
}

/* --- Single Post: Journal ----- */

.single-journal .article-content{
  padding-bottom:0;
}

.journal-single-header{}

.journal-single-head{
  font-size: 3.5rem;
  font-weight: 600;
  line-height: 1.15;
  text-wrap: balance;
  margin: 0;
}

@media (max-width:991px){
  .journal-single-head{
    font-size: 3rem;
    line-height:1.1;
  }
}

@media (max-width:600px){
  .journal-single-head{
    font-size: 2.5rem;
  }
}

.journal-single-meta{
  margin: 1.5rem 0 1.75rem 0;
  font-weight:500;
  font-size:1.025rem;
}
.journal-single-meta,
.journal-single-meta a{
  color:var(--color-gray);
}

.journal-single-meta a:hover{
  color:var(--color-prime-dark)
}

.journal-single-author{
  font-style: italic;
  font-weight:400;
  margin-top:.1em;
  display: block;
  padding-left: 0;
}

.journal-single-img{
  margin-bottom:5rem;
  position: relative;
  isolation: isolate;
}
.journal-single-img::after{
  content:'';
  position:absolute;
  inset:0;
  z-index: -1;
  border:2px solid var(--color-prime-dark);
  translate:1.8rem 1.8rem;
}

@media (max-width:600px){
  .journal-single-img::after{translate:1.5rem 1.5rem}
  .journal-single-img{margin-bottom:3.75rem}
}

.journal-single-img img{
  width:100%;
  aspect-ratio:1.5;
  object-fit:cover;
}

@media (max-width:600px){
  .journal-single-img img{aspect-ratio:1}
}

.journal-single-header hr{
  border-color:#E69797;
  margin:2rem 0 2.25rem 0;
}

/* --- Modul Styling Adjustm. --- */

.journal-single-main p{
  margin-bottom: 1.5em;
}

/* @media (min-width:992px){
  .journal-single-main a{word-break: keep-all;}
} */

.journal-single-main a strong,
.journal-single-main a:not(.btn),
.journal-single-main a:not(.btn):hover{
  color:var(--color-prime-dark);
}

.journal-single-main hr{
  border-color:#E69797;
}

.journal-single-main h1,
.journal-single-main h2,
.journal-single-main h3,
.journal-single-main h4,
.journal-single-main h5{
  color:#000;
  font-weight:600;
  text-wrap:balance;
}

.journal-single-main h1,
.journal-single-main h2,
.journal-single-main h3{
  font-size:1.65rem;
  margin-bottom:1.25em;
}

.journal-single-main h1 strong,
.journal-single-main h2 strong,
.journal-single-main h3 strong{
  color:var(--color-prime-dark);
}

@media(max-width:600px){
  .journal-single-main ul{
    padding-left:1.2em;
  }
}

.journal-single-main li:not(:last-child){
  padding-bottom:.6em;
}

.journal-single-main .article-image-caption{
  margin-bottom:2rem;
  margin-top:-.75rem;
  padding-top:0;
  max-width:100%;
}