/* ==========================================================================
   Beiträge Detail
   ========================================================================== */
.node--type-beitrag.node--view-mode-full.node--view-mode-full{
    border-top: var(--hr);
    padding-top: 40px;
}
.node--type-beitrag.node--view-mode-full.node--view-mode-full .kategorie-titel{
    justify-content: space-between;
    color: var(--gold);
    font-weight: 700;
    line-height: 1.501em;
    max-width: var(--width-beitrag);
    margin-left: auto;
    margin-right: auto;
}
.node--type-beitrag.node--view-mode-full .kategorie-titel .close{
    color:var(--gold); 
    font-size: 0.933rem;  
    cursor: pointer;
}
.node--type-beitrag.node--view-mode-full .kategorie-titel .icon{
    border:var(--hr);
    font-size: 1rem;
    font-weight:800;
    text-align: center;
    width: 30px;
    height: 30px;
    display: inline-block;
    margin-left: 0.25rem;
}
.node--type-beitrag.node--view-mode-full .kategorie-titel .close:hover .icon{
    color:var(--white);
    background-color: var(--gold);
}
.node--type-beitrag.node--view-mode-full .kategorie-titel a{
    color:var(--gold);
    font-weight: 400;
}
.node--type-beitrag.node--view-mode-full h2.node-title,
.node--type-beitrag.node--view-mode-full h2.node-title > p{
    font-size: 2.4rem;
    width: 100%;
    max-width: var(--width-beitrag);
    hyphens: none;
    line-height: 1.389em;
    max-width: var(--width-beitrag);
    margin: 0 auto;
}
.paragraph--type--text-bold{
    max-width: var(--width-beitrag);
    margin-left: auto;
    margin-right: auto;    
}
.node--type-beitrag.node--view-mode-full .einleitung,
.paragraph--type--text-bold .text{
    font-weight: 700;
    font-size: 1.126rem;
    max-width: var(--width-beitrag);
    margin-top: 2rem;
    line-height: 1.666em;
}
.paragraph--type--text{
    font-weight: 400;
    font-size: 1.2rem;
    max-width: var(--width-beitrag);
    margin-top: 2rem;
    margin-left: auto;
    margin-right: auto;
}
.paragraph--type--text .text{
    max-width: var(--width-beitrag);    
}
.paragraph--type--hauptbild{
    margin-top: 2.5rem;
    max-width: var(--width-beitrag);
    margin-left: auto;
    margin-right: auto;
}
.paragraph--type--hauptbild .bild-title-date{
    font-size: 1rem;
    margin-bottom: 0.5em;
}
.paragraph--type--hauptbild .bild-title-date .title{
    font-weight: 700;
}
.paragraph--type--hauptbild .bild-title-date .date{
    font-weight: 400;
    margin-left: 1rem;
}
.paragraph--type--hauptbild .copyright{
    font-size: 0.866rem;
    font-weight: 300;
    height: 2em;
    margin-bottom: 1em;
}
.paragraph--type--hauptbild .copyright .char-copy{
    margin-right: 0.5em;
}
.paragraph--type--hauptbild .description{
    margin: 0;
    font-size: 1rem;
    line-height: 1.2em;;
}
.paragraph--type--hauptbild .description p{
    line-height: 1.333em;
}
.paragraph--type--text .text p{
    font-size: 1.2rem;
    line-height: 1.667em;
    max-width: var(--width-beitrag);
}
.paragraph--type--text .text p strong{
    font-weight: 700;
    color: var(--gold);
    line-height: 1.667em;
}
.paragraph--type--frage-antwort{
    max-width: var(--width-beitrag);
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 1.667em;
    margin: 45px auto 0;
}
.paragraph--type--frage-antwort .frage-wrapper,
.paragraph--type--frage-antwort .antwort-wrapper{
    max-width: var(--width-beitrag);    
}
.paragraph--type--frage-antwort .fragender,
.paragraph--type--frage-antwort .antwortender{
    color: var(--gold);
    margin-right: 0.25em;
    font-weight: 700;
}
.paragraph--type--frage-antwort .antwort-wrapper{
    margin-top: 0.85em;
}
.paragraph--type--bild-group{
    margin-top: 92px;
    gap:40px;
    max-width: var(--max-width);
    margin-left: auto;
    margin-right: auto;
}
.paragraph--type--bild-group:has(.image-wrapper + .image-wrapper){
    max-width: var(--max-width);
}
.paragraph--type--bild-group .image-wrapper{
    width: 50%;
    max-width: 580px;
}
/*.paragraph--type--bild-group .image-wrapper:has(+ .image-wrapper),
.paragraph--type--bild-group .image-wrapper + .image-wrapper{
    margin-left: 0;
}*/
.paragraph--type--bild-group .image-wrapper .copyright{
    font-size: 0.866rem;
    font-weight: 300;
    height: 2em;
    margin-bottom: 1em;
}
.paragraph--type--bild-group .image-wrapper .copyright .char-copy{
    margin-right: 0.75em;
}
.paragraph--type--bild-group .image-wrapper .description{
    margin: 0;
}
.paragraph--type--bild-group .image-wrapper .description p{
    font-size: 1rem;
    line-height: 1.2em;    
}
.paragraph--type--more-info{
    margin-top: 75px;
    max-width: var(--width-beitrag);
    margin-left: auto;
    margin-right: auto;
}
.paragraph--type--more-info label{
    font-weight: 700;
    margin-bottom: 0.5em;
    display: block;
}
.paragraph--type--more-info a{
    display:block;
    margin-bottom: 0.5em;
}
.paragraph--type--more-info .icon{
    margin-left: 0.25em;
}
.paragraph--type--more-info .icon img{
    width:20px;
    margin-top: 4px;
    filter: brightness(0) saturate(100%) invert(18%) sepia(43%) saturate(11%) hue-rotate(100deg) brightness(97%) contrast(91%);
}
.paragraph--type--more-info .more-info-wrapper .flex:hover .icon img{
    filter:unset;
}
/* ==========================================================================
   Beiträge List
   ========================================================================== */
.view-beitraege{
    margin-top: 39px;
}
.view-beitraege .view-header{
    margin: 30px 0 0;
}
.view-beitraege .view-header .button{
    margin: 0 0 20px auto;
    max-width: 180px;
    text-align: right;
}
.view-beitraege .view-header .button a{
    color: var(--white);
    background-color: var(--gold);
}
.view-beitraege .view-header .button:hover a{
    color: var(--blue);
    background-color: var(--white);
    border-color: var(--blue);
}
.view-beitraege .view-content{
    display: flex;
    flex-wrap: wrap;
    column-gap: 40px;
    row-gap: 100px;
}
.view-beitraege .view-content .views-row{
    width:100%;
    max-width: 320px;
    position: relative;
}
.view-beitraege .view-content .views-row .image img{
    border: var(--hr-l);
}
.view-beitraege .view-content .views-row .created{
    font-size: 0.933rem;
    font-weight: 300;
    margin-top: 1em;
}
.view-beitraege .view-content .views-row .kategorie-titel{
    font-size: 0.933rem;
    font-weight: 700;
    color: var(--gold);
    margin-top: 0.5em;
}
.view-beitraege .view-content .views-row .title{
    font-size: 1.333rem;
    font-weight: 700;
}
.view-beitraege .view-content .views-row .text{
    font-size: 1.066rem;
    font-weight: 400;
    margin-top: 0.75em;
}
.view-beitraege .view-content .views-row .text .views-more-link{
    display: block;
    font-size: 0.933rem;
    font-weight: 700;
    color: var(--gold);  
    margin-top: 0.5em;  
}
/* ==========================================================================
   Beiträge List Events
   ========================================================================== */
   .view-beitraege.events .view-content .views-row{
    max-width: 440px;
   } 
/* ==========================================================================
   Beiträge Filter
   ========================================================================== */
.views-exposed-form .form--inline {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }
  .views-exposed-form .form--inline a {
    border: 1px solid var(--gold);
    padding: 0.1em 0.5em;
    text-align: center;
    display: block;
    min-width: 30px;
    color: var(--gold);
    font-size: 0.933rem;
    height: 30px;
    font-weight: 700;
  }
  .views-exposed-form .form--inline a:hover, 
  .views-exposed-form .form--inline a.active {
    background-color: var(--gold);
    color: var(--white);
  }
  /* ==========================================================================
   Title
   ========================================================================== */
  .region-highlighted .block h2{
    font-size: 1.866rem;
    font-weight: 700;
    color: var(--gold);
    max-width: 660px;
    margin: 32px 0 6.25rem;
    line-height: 1.286em;
    hyphens: none;
  }
  .block-views-blockbeitraege-block-1,
  .block-views-blockbeitraege-block-2{
    border-top: var(--hr);
    margin-top: 92px;
  }
  .block-views-blockbeitraege-block-2{
    margin-top:100px;
  }
  .block-views-blockbeitraege-block-1 > h2,
  .block-views-blockbeitraege-block-2 > h2{
    color: var(--gold);
    font-size: 1.866rem;
    margin: 32px 0 -16px;
  }
  .block-views-blockbeitraege-block-1 .view-beitraege,
  .block-views-blockbeitraege-block-2 .view-beitraege{
    margin: 0;;
  }