.newsdetail {
    color:var(--gzdklgrau);
    font-family:Roboto, sans-serif;
    margin-top:1px;
}

.newsdetail .catmenu {
    display:flex;
    flex-wrap:wrap;
    list-style: none;
    padding:0 20px 12px 20px;
    margin:0;
    max-width:90%;
}

.newsdetail .catmenu li {
    padding:0;
    margin:0;
    text-align:left;
    font-family:RobotoCondensedBold;
    font-size:1.25rem;
    letter-spacing: 4px;
    line-height:30px;
    text-transform:uppercase;
    color:var(--gzrot);
}

.newsdetail .catmenu li::after {
    content: ",";
    padding-right:6px;
}

.newsdetail .catmenu li:last-child::after {
    content: "";
    padding-right:0;
}

.newsdetail h1 {
    font-family:Georgia;
    font-size:2.5rem;
    line-height:50px;
    color:var(--gzdklgrau);
    text-align:left;
    padding:0 20px 18px 20px;
    margin:0;
    word-break:break-all;
}

.newsdetail h2 {
    font-family:Georgia;
    font-size:2.375rem;
    line-height:48px;
    color:var(--gzrot);
    text-align:left;
    padding:20px 20px 0 20px;
    margin:0;
}

.newsdetail h3 {
    font-family:Georgia;
    font-size:1.875rem;
    line-height:36px;
    color:var(--gzdklgrau);
    text-align:left;
    padding:20px 20px 0 20px;
    margin:0;
}

.newsdetail h4 {
    font-family:RobotoCondensedBold;
    font-size:1.25rem;
    line-height:30px;
    letter-spacing:4px;
    color:var(--gzdklgrau);
    text-align:left;
    padding:20px 20px 0 20px;
    margin:0;
    text-transform:uppercase;
}

.newsdetail h5 {
    font-family:Roboto;
    font-size:1.125rem;
    line-height:28px;
    letter-spacing:0.18px;
    color:var(--gzdklgrau);
    text-align:left;
    padding:20px 20px 0 20px;
    margin:0;

}

.newsdetail a {
    color:var(--gzdklgrau);
    text-decoration:underline;
}

.newsdetail a:hover {
    color:var(--gzdklgrau);
    text-decoration:none;
}

.newsdetail .teaser,.newsdetail .bodytext, .newsdetail .ce-bodytext  {
    padding:0 20px 18px 20px;
    margin:0;
    text-align:left;
    font-size:1.125rem;
    letter-spacing: 0.18px;
    line-height:27px;
}

.newsdetail .author_short {
    padding:0 20px 18px 20px;
    margin:0;
    text-align:left;
    font-size:1rem;
    letter-spacing: 0.16px;
    line-height:26px;
}

.newsdetail .detnoimage {
    display:none;
}

.newsdetail .firstimage img {
    width:100%;
    height:auto;
    margin:0;
    padding:0;
}

.newsdetail .swiper {
    width:100%;
    height:auto;
    padding-bottom:50px;
}

.newsdetail .swiper .swiper-slide img {
    width:100%;
    height:auto;
}

.newsdetail .swiper .swiper-button-next:after, .newsdetail .swiper .swiper-button-prev:after {
    content:unset;
}

.newsdetail .swiper .swiper-button-next, .newsdetail .swiper .swiper-button-prev {
    top:calc(50% - 50px);
}

.newsdetail .swiper .swiper-button-prev img {
    rotate: 180deg;
    transform: scaleY(-1);
}

.newsdetail .swiper figure {
    margin:0;
    padding:0;
}

.newsdetail .swiper figure figcaption {
    margin:0;
    padding:10px 20px 0 20px;
    font-size:1rem;
    line-height: 26px;
    letter-spacing: 0.16px;
    text-align: center;
}

.newsdetail .swiper .swiper-pagination {
    bottom:20px;
    display:flex;
    justify-content: space-evenly;
}

.newsdetail .swiper-pagination-bullet {
    width:16px;
    height:16px;
    opacity:unset;
    background-color:var(--gzgrau);
}

.newsdetail .swiper-pagination-bullet-active {
    background-color:var(--gzrot);
}

.newsdetail video {
    width:100%;
    height:100%;
}

.newsdetail .print_only {
    display:none;
}

.news_link {
    color:#fff !important;
    line-height:30px;
    letter-spacing: 1px;
    background-repeat:no-repeat;
    padding:0 0 5px 30px;
}

.news_link:hover {
    text-decoration:none;
}

.news_mail_link {
 background-image: url('../../Images/news_mail_icon.svg');
}

.pdf_link {
 background-image: url('../../Images/news_pdf_icon.svg');
}

.teilen {
 background-image: url('../../Images/news_social_icon.svg');
}

#news_info_btn {
    width:41px;
    height:47px;
    background-color:var(--gzrot);
    position:fixed;
    right:0;
    /*top:176px;*/
    top:0px;
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-size:1.875rem;
    color:#fff;
    padding:5px 0 5px 0;
    margin:0;
    border:none;
    text-align:center;
    z-index:1001;
    rotate: 0;
}

#news_info_btn[aria-expanded="true"]  {
    background-image: url("../../Images/arrow_up_det.svg");
    background-repeat:no-repeat;
    background-position:center;
}

#news_info_btn:hover {
    cursor:pointer;
}

#news_info_panel {
    font-family: 'Roboto';
    color:#fff;
    font-size:1rem;
    position:fixed;
    /*top:176px;*/
    top:-14px;
    background:var(--gzrot);
    padding:25px 30px;
    margin:0;
    border:none;
    text-align:left;
    z-index:1000;
    right:0px;
    width:calc(100% - 60px);
    max-width:340px;
}

#news_info_panel h2 {
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-size:1.875rem;
    color:#fff;
    padding:0 0 20px 0;
    margin:0;
}

.news_authorimage {
    text-align:center;
    margin:0;
    padding:20px 0 0 0;
}

.news_authorimage img {
    margin:0;
    padding:0;
    border-radius: 50%;
}

.news_related_links {
    list-style-type: none;
    padding:0;
    margin:0;
}

.news_related_links li {
    padding:0;
    margin:0 0 16px 0;
}

.news_related_links p {
    padding:0px;
    margin:0;
    font-weight:bold;
}

.news_related_links a {
    color:#fff;
    text-decoration: underline;
    letter-spacing: 1px;
    font-weight:normal;
}
.news_related_links a:hover {
    color:#fff;
    text-decoration: none;
}

#news_info_panel .text {
    line-height:26px;
    letter-spacing: 1px;
    word-break: break-word;
}

#news_info_panel .text a {
    color:white;
    font-weight: normal;
    text-decoration:underline;
}

.news-img-caption {
    color:var(--gzdklgrau);
    font-size:1rem;
    line-height:26px;
    letter-spacing: 0.16px;
    padding:5px 0 0 0;
    margin:0;
}

.link_btns, .desktop_social_buttons {
    display:none;
}

 #detail_related_news {
    display:none;
 }

.swiperred {
    padding:0;
    margin:0;
    background:unset;
}

.nspacer {
    display:block;
    height:70px;
}

/* Info Button & Layer */

  .toggle-btn { inline-size: fit-content; }
  .panel[hidden] { display: none; }

  .panel {
    transition: opacity .18s ease, transform .18s ease;
    opacity: 1; transform: translateY(0);
  }
  .panel.is-hiding { opacity: 0; transform: translateX(4px); }

  @media (prefers-reduced-motion: reduce) {
    .panel { transition: none; }
  }

/*   */

  @media screen AND (min-width:1024px) {
    .newsdetail .linkbtns_link{
        width:30px;
        height:auto;
        padding:23px 0 20px 0;
    }

    .newsdetail {
        padding:0 60px 0 60px;
        position:relative;
    }

    .newsdetail .catmenu {
        padding:0 0 32px 0;
    }

    .newsdetail .teaser, .newsdetail .author_short, .newsdetail .bodytext, .newsdetail .ce-bodytext  {
        padding:0 0 18px 0;

    }

    .newsdetail .author_short {
        padding:0 0 36px 0;
    }

    .newsdetail h1 {
        font-size:50px;
        padding: 0 0 34px 0;
    }

    .newsdetail h2, .newsdetail h3, .newsdetail h4, .newsdetail h5 {
        padding:20px 20px 0 0px;
    }

    .newsdetail .catmenu li {
        color:var(--gzrot);

    }

    .newsdetail .news-img-caption {
        text-align:left;
    }

/*
    Textfluss
    .newsdetail .bodytext, .firstimage {
        width:calc(100% - 426px);
    }
*/

     .newsdetail .detnoimage {
        display:block;
        width:100%;
        background-color:var(--gzgrau);
        background-image:url('/typo3conf/ext/oegz_sitepackage/Resources/Public/Images/oegz_logo.svg');
        background-position: center;
        background-repeat:no-repeat;
        height:471px;
    }

    .firstimage {
        width:100% !important;
     }

    .panel[hidden] { display: block; }

    .panel { transition: none; }

    .panel.is-hiding { opacity: 100; transform: unset; }

/*
     Textfluss
     #news_info_panel {
        position:absolute;
        margin-top:-112px;
        width:326px;
        right:60px;
        top:unset;
     }
*/

    #news_info_panel {
        position:unset;
        margin: -56px 0 10px 20px;
        width:326px;
        float:right;
     }

     #news_info_btn {
        display:none;
     }

     .desktop_social_buttons {
        display:block;
        position:relative;
     }

     .link_btns {
        padding:0;
        margin:0;
        display: flex;
        flex-wrap:nowrap;
        justify-content:flex-end;
        position:absolute;
        top:-40px;
        width:calc(100% - 36px);
        list-style-type: none;
     }

     .link_btns li {
        background:var(--gzrot);
        width:77px;
        height:77px;
        padding:0;
        margin:0;
        margin-left:22px;
        border-radius: 50%;
        transition: transform 0.3s ease;
        transform-origin: center center;
     }

     .link_btns li:hover {
        transform: scale(1.06);
     }

      .link_btns li a{
        display:block;

      }

    .newsdetail .swiper {
        background:var(--gzrot);
        position:unset;
        margin:auto;
        padding-top:80px;
        padding-bottom:80px;
    }

    .newsdetail .swiper figure figcaption {
        color:white;
        text-align:left;
        padding-left:0px;
    }

    .swiperred {
        background:var(--gzrot);
        padding:0 60px 0 60px;
        width:100%;
        position:relative;
        left:-60px;
        border-bottom:60px solid white;
     }

    .newsdetail .swiper-pagination-bullet {
        background-color:var(--gzgrau);
    }

    .newsdetail .swiper-pagination-bullet-active {
        background-color:var(--gzrot) !important;
    }

    .newsdetail blockquote {
        border-image: linear-gradient(to right, #DD232C 60%, transparent 40%) 1;
    }

    .newsdetail .swiper .swiper-pagination {
        bottom:-40px;
    }

    .newsdetail .swiper .swiper-button-next, .newsdetail .swiper .swiper-button-prev {
        top: calc(50% + 15px);
    }

    .nspacer {
        display:block;
        height:50px;
    }
  }


@media screen AND (min-width:1440px) {

    .frame-type-news_newsdetail {
        width:100% !important;
    }
    .newsdetail {
        /*padding: 0 136px 0 136px;*/
        padding:0;
        width:1175px;
        margin:auto;
    }

    #news_info_panel {
        right:0px;
    }

    #detail_related_news {
        display:block;
        background:var(--gzgrau);
        padding-top:60px;
        width:100%;
    }

    .newsdetail .swiper {
        padding-bottom:65px;
        padding-top:50px;
    }

    .newsdetail .swiperred {
        width:1055px;
        left:0px;
        border-bottom:80px solid white;
    }

    .newsdetail .swiper .swiper-pagination {
        bottom:-50px;
    }

    .nspacer {
        display:none;
    }
}


.mejs__button {
    display: inline-block !important;
}


.swiper-wrapper {
    height:auto !important;
}

#footer {
    border-top:7px solid white;
}


.related_detail ul {
    display: flex;
    flex-wrap:wrap;
    list-style-type:none;
    padding-left:0px;
    font-weight:bold;
    color: var(--gzrot);
}

.newsdetail .a11y-me-mb-4 {
    text-align: left;
}

.a11y-me-row {
    display:block !important;
}

.a11y-me-row p {
    text-align:left;
    padding: 0 20px 18px 20px;
}

@media screen AND (min-width:1024px) {
    .a11y-me-row p {

        padding: 0 20px 18px 0px;
    }
}