:root{
    --frame-width-large: 1600px;
    --frame-width-medium: 870px;
    --frame-width-small: 600px;
    --frame-spacing: 8px;
    --frame-spacing-small: 8px;
    --frame-spacing-xs: 8px;
    --frame-spacing-small-xs: 8px;
    --frame-spacing-sm: 8px;
    --frame-spacing-small-sm: 8px;
    --frame-spacing-md: 8px;
    --frame-spacing-small-md: 8px;
    --frame-spacing-lg: 8px;
    --frame-spacing-small-lg: 8px;
    --frame-spacing-xl: 8px;
    --frame-spacing-small-xl: 8px;
    --bs-list-group-item-padding-x: 20px;
}

.popover{
    --bs-popover-header-color: var(--bs-primary);
    --bs-popover-border-color: var(--bs-secondary);
    --bs-popover-header-bg: #ffffff;
    --bs-popover-font-size: 1rem;
}

.popover-header{
    display: none;
}

@font-face {
    font-family: "Inter";
    src: url("../fonts/Inter/Inter.ttf");
}

body{
    margin: 0;
    padding: 0;
    width: 100%;
    overflow-x: hidden;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.44;
}

h2{
    font-size: 46px;
    line-height: 1.2;
    font-weight: 500;
}

h3{
    font-size: 26px;
    font-weight: 600;
    line-height: 1.2;
}

h4{
    font-size: 18px;
    font-weight: 600;
}

a{
    text-decoration: none;
    --bs-link-color-rgb: 0,0,0;
    --frame-link-color: black;
}

blockquote{
    border-left: none;
}

.frame-background-dark{
    --frame-spacing: -90px;
}

.frame-background-dark:not(:last-child){
    margin-bottom: 90px;
}

.frame-backgroundimage{
    background-size: 33%;
    background-repeat: no-repeat;
    background-position: left top;
}

.frame-background-dark h2{
    padding-top: 66px;
}



.bg-light{background-color: rgba(var(--bs-light-rgb), 5%) !important;}

.form-control, .form-group input[type="file"],
.frame-type-felogin_login input[type="text"],
.frame-type-felogin_login input[type="password"]{
    font-size: 18px;
}

/* Header */
#adnz_wideboard_1{
    margin-bottom: 30px;
}

.navbar-mainnavigation{
    padding-top: 0;
    padding-bottom: 0;
    box-shadow: none;
    background: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    background: white;
}

.frame .text-white a{
    --frame-link-color: white;
    --bs-link-color-rgb: 255,255,255;
}

.navbar-mainnavigation:after{
    content: '';
    position: fixed;
    top:80px;
    left: 0;
    right: 0;
    height: 4px;
    background: var(--bs-secondary);
}

.navbar-toggler{
    width: 80px;
    height: 80px;
    background: var(--bs-primary);
    border-radius: 0;
    border: none;
    outline: none;
    --bs-navbar-toggler-focus-width: 0;
}

.navbar-toggler-icon:after,
.navbar-toggler-icon,
.navbar-toggler-icon:before{
    background-color: white;
    width: 35px;
    height: 3px;
}

.navbar-toggler:not(.collapsed) .navbar-toggler-icon{
    height: 0;
}

.navbar-toggler.collapsed .navbar-toggler-icon{
    height: 3px;
}

.navbar-toggler.collapsed .navbar-toggler-icon:before{
    top: -8px;
}

.navbar-toggler.collapsed .navbar-toggler-icon:after{
    top: 8px;
}

ul.topmenu{
    position: absolute;
    top: 27px;
    left: 145px;
    list-style-type: none;
    padding-inline-start: 0;
    font-size: 14px;
    gap: 15px;
    --bs-link-color-rgb: 0,0,0;
}

div.right-menu{
    position: absolute;
    top: 27px;
    right: 20px;
    font-size: 14px;
    align-items: baseline;
}

div.right-menu .double-line p{
    position: relative;
    top: -1em;
}

div.right-menu > div:not(:last-child){
    margin-right: 20px;
}

/*div.right-menu > div:last-child{*/
/*    position: relative;*/
/*    top: 3px;*/
/*}*/

/* Navigation */
.navbar-collapse{
    max-width: 100%;
    position: relative;
}

.navbar-mainnavigation .navbar-brand-image{
    position: absolute;
    left: calc(50% - 136px);
    top: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.navbar-mainnavigation .navbar-brand-image:after{
    background: white;
    text-align: center;
    margin-top: 15px;
    padding: 0 10px;
    position: relative;
    z-index: 999;
    font-size: 15px;
    font-weight: 500;
}

.navbar-mainnavigation ul.navbar-nav{
    flex-direction: row;
    gap: 50px;
    margin-top: 66px;
    padding-inline-start: 0;
    --bs-nav-link-color: black;
    --bs-nav-link-font-size: 20px;
    width: auto;
    margin-left: -12px;
    margin-right: -12px;
    justify-content: space-between;
}

.navbar-mainnavigation ul.navbar-nav > li{
    flex: 0 0 calc((100% / 6) - (250px / 6));
    max-width: calc((100% / 6) - (250px / 6));
}

.navbar-mainnavigation ul.navbar-nav > li > a {
    font-size: 22px;
    line-height: 1.18;
    font-weight: 600;
    white-space: nowrap;
}

.navbar-mainnavigation .nav-link-toggle{
    display: none;
}

.navbar-nav .dropdown-menu{
    display: block;
    border: none;
    border-radius: 0;
    box-shadow: none;
    --mainnavigation-dropdown-padding-y: 0;
    --mainnavigation-dropdown-padding-x: 4px;
}

.navbar-mainnavigation .navbar-brand-image>.navbar-brand-logo-normal:after{
    background: white;
    display: block;
}

.navbar-mainnavigation .navbar-nav:before{
    content: "";
    position: fixed;
    left: 0;
    right: 0;
    top: 80px;
    height: 100%;
    max-height: 764px;
    box-shadow: 0 20px 15px #00000080;
    background: white no-repeat right bottom;
    background-size: 20%;
}

.navbar-mainnavigation .nav-link:not(.nav-link-toggle):before{
    display: none;
}

.navi-row{
    position: relative;
    margin-top: 30px;
}

.navi-row h4{
    font-size: 22px;
}

.navi-row > div:last-child{
    font-size: 23px;
    padding: 40px 49px 0;
}

.current-date{
    margin-top: 73px;
    position: relative;
    z-index: 1;
    font-size: 14px;
    line-height: 17px;
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 8px;
}

.weather2-item{
    border-top:none;
    border-bottom: none;
    background: none;
}

.menulist{
    position: relative;
    z-index: 1;
    margin-top: 31px;
    width: 100%;
    order: 1;
    margin-left: -55px;
}

.menulist ul{
    list-style-type: none;
    padding-inline-start: 0;
    font-size: 14px;
}

.menulist ul li{
    margin-bottom: 15px;
}

.navi-row a:hover svg,
.sociallinks-list a:hover svg{
    fill: var(--bs-primary);
}

/* Maincontent */
#page-content{
    margin-top: 105px;
}

.tx-indexedsearch-browsebox{
    display: flex;
    gap: 10px;
    list-style-type: none;
    padding-inline-start: 0;
    flex-wrap: wrap;
}

.tx-indexedsearch-page-selector {
    padding: 6px 12px;
    background: var(--bs-primary);
    --bs-link-color-rgb: 255, 255, 255;
    --bs-link-hover-color-rgb: 255, 255, 255;
}

.tx-indexedsearch-page-selector a:hover{
    font-weight: bolder;
}

.row-meinungen{
    margin-top: 130px;
    margin-bottom: 150px !important;
    --bs-gutter-x: 60px;
}

.row-meinungen > div:last-child > p{
    position: relative;
    padding-top: 10px;
    border-top:solid 1.5px var(--bs-secondary);
    font-weight: 500;
}

.row-meinungen > div:last-child > p:before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 4.5px;
    background: black;
    width: 115px;
    max-width: 100%;
}

.block-carousel{
    margin-bottom: 30px;
    padding-top: 30px;
    padding-bottom: 20px;
}

.block #allmediacarousel {
    height: 380px;
    overflow-y: hidden;
    width: 100%;
}

.carousel-control-prev-icon, .carousel-control-next-icon{
    background-color: var(--bs-primary);
    width: 3rem;
    height: 3rem;
    background-size: 66%;
}

.news-filter{
    margin-bottom: 150px !important;
    padding: 115px 10%;
    background: var(--bs-dark);
}

.cat-container{
    display: flex;
    column-gap: 15px;
    font-size: 26px;
    position: relative;
}

#news-category{
    background: none;
    border: solid 1px var(--bs-primary);
    color: white;
    font-size: 26px;
    position: relative;
    z-index: 100;
}

.cat-container label{
    width: 10px;
    height: 10px;
    border-left: solid 1px white;
    border-bottom: solid 1px white;
    position: absolute;
    right: 130px;
    top: 20px;
    transform: rotate(-45deg);
}

#news-category option{
    color:black;
    font-size: 18px;
}

#cat-filter{
    border-radius: 0;
    font-size: 26px;
}

/* Top10 News */
.top10-news{
    margin-bottom: 100px !important;
}

/* News */
.news-list-view{
    --bs-border-width: 0;
}

.news-list-view h3{
    font-size: 22px;
    font-weight: 600;
}

.news-list-view.template-second h3{
    hyphens: auto;
}

.news-list-item{
    overflow: hidden;
}

.news-list-item .lead{
    font-size: 18px;
    font-weight: 400;
}

.news-list-item .lead img{
    display: none;
}

.news-list-item .lead .carousel-caption{
    display: none;
}

.news-list-view .img-fluid{
    border-radius: 10px;
    height: auto;
    transition: transform 0.5s ease-in-out;
    width: 100%;
}

.news-list-view img.author-image{
    border-radius: 100%;
    max-width: 100%;
    height: auto;
}

.news-list-view a:hover img{
    transform: scale(1.5);
    opacity: 1;
}

.news-list-item > a,
.news-list-item.row > div > a{
    display: block;
    overflow: hidden;
    border-radius: 10px;
}

.news-single .cat-name,
.news-list-item .cat-name{
    text-transform: uppercase;
    font-weight: 600;
}

.news-list-item .cat-tag span,
.news-list-item span.cat-tag{
    padding: 3px 7px;
    font-size: 20px;
    display: inline-block;
}

.news-list-item .news-meta{
    font-size: 16px;
    line-height: 1.25;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    column-gap: 10px;
}

.news-list-item .news-meta:first-child{
    margin-bottom: 10px;
}

.news-list-item .caption{
    position: absolute;
    color: white;
    --bs-link-color: white;
    --bs-link-color-rgb: 255,255,255;
    --frame-link-color: white;
}

.news-list-item .caption a{
    --frame-link-color: white;
    --bs-link-color-rgb: 255,255,255;
    --frame-link-hover-color: white;
}

.news-list-item .share-icon:hover,
.news-single .share-icon:hover{
    --bs-secondary : var(--bs-primary);
    cursor: pointer;
}

.sociallinks p{
    margin-bottom: 0;
    margin-top: 50px;
}

.paid-marker{
    border: solid 1px var(--bs-secondary);
    text-transform: uppercase;
    color: var(--bs-secondary);
    display: inline-block;
    padding: 2.5px 8px;
    /* margin-left:18px; */
}

.paid-marker.text-white{
    border-color: white;
}


/* News Topnews 2*/
.top-row{
    --bs-gutter-x: 0;
}

.top-row > div:first-child{
    flex: 0 0 60%;
    max-width: 60%;
}



.top-row > div:last-child{
    flex: 0 0 40%;
    max-width: 40%;
}

.top-row > div:last-child *:is(.news,.news-list-view,ul) {
    height: 100%;
}

.top-row .template-top > ul{
    display: block;
}

.top-row > div:last-child ul{
    flex-direction: column;
    justify-content: space-between;
}

.top-row  .list-group-item{
    padding-top: 0;
    padding-bottom: 0;
}

.top-row > div:last-child .list-group-item{
    padding-left: 0;
    padding-right: 0;
}

.top-row > div:last-child .news-list-item > div:last-child{
    position: relative;
}

.top-row > div:last-child .news-list-item .share-icon{
    position: absolute;
    right: 5px;
    top: 0;
}


/* News - Topnews*/
.template-top > ul{
    display: grid;
    grid-template-areas:
        "news1 news2"
        "news1 news3"
        "news1 news4";
    grid-template-columns: 60% 40%;
    margin-left: -15px;
    /* margin-right: -15px; */
}

.template-top > ul > li:first-child{
    grid-area: news1;
}

.template-top > ul > li:nth-child(2){
    grid-area: news2;
}

.template-top > ul > li:nth-child(3){
    grid-area: news3;
    display: flex;
    align-items: center;
}

.template-top > ul > li:nth-child(4){
    grid-area: news4;
    display: flex;
    align-items: flex-end;
}

.template-top > ul > li:not(:first-child){
    margin-left: -15px;
    /* margin-right: -15px; */
}

.template-top > ul > li:not(:first-child) .row > div:last-child{
    position: relative;
}

.template-top .caption{
    bottom: 50px;
    left: 50px;
    right: 50px;
    margin-bottom: 15px;
}

.template-top .caption > div > svg,
.template-top .caption > div > span,
.template-top .caption > div > img{
    margin-right: 8px;
}

.template-top .caption h3 {
    margin-top: 15px;
    font-size: 46px;
    line-height: 1.22;
}

.template-top .news-list-item .cat-name{
    color: var(--bs-primary);
}

.template-top .news-list-item .caption .cat-name{
    color:white;
    margin-right: 0;
}

.template-top .share-icon{
    position: absolute;
    right: 5px;
    top: 0;
}

.template-top .news-list-item > div:first-child:not(:has(img)){
    display: none;
}

.template-top .news-list-item > div:first-child:not(:has(img)) + div{
    flex: 0 0 100%;
    width: 100%;
}


/* News 2 Spalting*/
.template-2col .row{
    --bs-gutter-x: 20px;
}

.template-2col .list-group-item{
    --bs-list-group-item-padding-x: 10px;
}

.template-2col > ul{
    flex-direction: row;
    margin-left: calc((-1 * var(--bs-list-group-item-padding-x)) + 5px);
    margin-right: calc((-1 * var(--bs-list-group-item-padding-x)) + 5px);
}

.template-2col > ul > li{
    flex: 0 0 50%;
    max-width: 50%;
}

.template-2col .news-list-item:not(:has(img)){
    height: calc(100% - 16px);
    background-color: var(--bs-dark);
    border-radius: 10px;
}

.template-2col li:hover img.img-fluid,
.template-leser li:hover img.img-fluid,
.template-interessen div.news-list-item:hover img.img-fluid,
.template-top > ul > li:first-child:hover img.img-fluid{
    filter: brightness(0.5);
    transform: scale(1.5);
}

.template-2col .caption{
    bottom: 50px;
    left: 35px;
    right: 35px;
}

.template-2col .caption > svg,
.template-2col .caption > span,
.template-2col .caption > img{
    margin-right: 8px;
}

.template-2col.news-list-view h3{
    margin-top: 15px;
    margin-bottom: 10px;
}

/* News Videos */
.news:has(div.template-videos){
    padding-bottom:15px;
}

.template-videos{
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: white #404040;
}

.template-videos .list-group-item{
    background: none;
}

.template-videos a{
    --frame-link-color: #ffffff;
    --frame-link-hover-color: #ffffff;
}

.template-videos .list-group{
    flex-wrap: nowrap;
    flex-direction: row;
    padding-bottom: 60px;
    position: relative;
    margin-right: -15px;
    margin-left: -15px;
}

.template-videos .list-group > li{
    flex: 0 0  45%;
    max-width: 45%;
    position: relative;
    left: 0;
    transition: left 0.3s ease-in-out;
}

.template-videos video.img-fluid{
    aspect-ratio: 623 / 447;
}

.video-info{
    margin-top: 15px;
    position: relative;
}

.video-info > svg,
.video-info > span,
.video-info > img{
    margin-right: 8px;
}

.template-videos .news-list-item h3{
    margin-top: 20px;
    font-size: 32px;
    line-height: 1.2;
}

.template-videos .news-list-item img{
    opacity: 0.5;
    position: relative;
}

.template-videos .news-list-item > a{
    position: relative;
}

.template-videos .news-list-item > a:after{
    content: '';
    width: 82px;
    height:82px;
    /*background-image: url("../images/icons/video.png");*/
    background-size: contain;
    display: block;
    position: absolute;
    top: calc(50% - 41px);
    left: calc(50% - 41px);
    z-index: 500;
    opacity: 0.5;
}

.template-videos .news-list-item.active > a:after{
    opacity: 1;
}

.template-videos .news-list-item.active img{
    opacity: 1;
}

.template-videos .share-icon{
    --bs-secondary: white;
    position: absolute;
    right: 0;
    top: 5px;
}

.template-videos .share-icon:hover{
    --bs-secondary: var(--bs-primary);
}

.news-list-link{
    position: absolute;
    top: 66px;
    right: 25px;
    color: var(--frame-link-color);
    font-size: 32px;
    display: flex;
    align-items: center;
}

.news-list-link:after{
    content: '';
    width: 20px;
    height: 20px;
    border-top: solid 2.5px var(--frame-link-color);
    border-right: solid 2.5px var(--frame-link-color);
    transform: rotate(45deg);
    margin-left: 20px;
}



/* News Leserbeitraege */
.template-leser a{
    --frame-link-color: #ffffff;
    --frame-link-hover-color: #ffffff;
}

.template-leser .list-group-item{
    background: none;
}

.template-leser .news-list-item span.cat-tag{
    margin-bottom: 10px;
}

.template-leser .list-group{
    display: grid;
    grid-template-columns: repeat(auto-fill, calc(100% / 6 - 20px));
    grid-template-rows: repeat(auto-fill, 50%);
    gap: 20px;
    grid-row-gap: 5px;
    padding-bottom: 100px;
    grid-auto-flow: column;
    width: 200%;
}

.template-leser .list-group > li{
    grid-column: span 1;
    grid-row: span 1;
    left: 0;
    transition: 0.3s left ease-in-out;
    padding: 0;
    aspect-ratio: 384 / 303;
    background: rgba(255,255,255,0.25);
    border-radius: 10px;
}

.template-leser .list-group > li:nth-child(1),
.template-leser .list-group > li:nth-child(4){
    grid-column: span 2;
    grid-row: span 2;
    aspect-ratio: 788 / 626;
    border-radius: 10px;
}

.template-leser .news-list-item .caption{
    bottom: 45px;
    left: 45px;
    right: 45px;
}

.template-leser .news-list-item,.template-leser .news-list-item > a, .template-leser .news-list-item .img-fluid{
    height: 100%;
}


.news-list-item .img-fluid{
    object-fit: cover;
}

/* News Meistgelesen */
.template-mostread ul.list-group{
}

.template-mostread ul.list-group li{
    border-top: solid 1.5px #666666;
    padding: 10px 0;
    border-radius: 0;
}

.template-mostread ul.list-group li:last-child{
    border-bottom: solid 1.5px #666666;
}

.template-mostread ul.list-group li > div{
    display: flex;
    align-items: center;
}

.template-mostread.islist ul.list-group li > div{
    display: block;
}

.template-mostread ul.list-group li > div > div:first-child{
    align-self: center;
}

.template-mostread ul.list-group li .news-index{
    display: flex;
    width: 40px;
    height: 40px;
    justify-content: center;
    align-items: center;
    font-weight: 800;
    font-size: 26px;
    border-radius: 100%;
    margin-right: 28px;
    margin-top:5px;
    margin-bottom:5px;
}

.template-mostread.islist ul.list-group{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: -16px;
    margin-right: -16px;
    width: auto;
    margin-bottom: 50px;
}

.template-mostread ul.list-group.islist li > div{
    display: block;
}

.template-mostread.islist ul.list-group li{
    flex: 0 0 33.33%;
    max-width: 33.33%;
    padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
    border-top: none;
    border-bottom: none;
}

.template-mostread.islist .news-meta{
    margin: 10px 0;
}

/* News Meinungen */
.template-meinung .list-group-item{
    --bs-list-group-item-padding-x : 0;
    border-bottom: solid 1.5px var(--bs-secondary);
    border-radius: 0;
    margin-bottom: 30px;
}

.template-meinung .list-group-item:not(:first-child){
    margin-top: 30px;
}

.news-list-view.template-meinung h3{
    font-size: 32px;
}

/* News Liste*/
.template-list ul,
.template-galerie ul{
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: -16px;
    margin-right: -16px;
    width: auto;
    margin-bottom: 50px;
}

.template-list video.img-fluid{
    aspect-ratio: 405 / 291;
}

.template-list ul.list-group li,
.template-galerie ul.list-group li{
    flex: 0 0 33.33%;
    max-width: 33.33%;
}

.template-list .news-list-item > a,
.template-galerie .news-list-item > a,
.template-list .news-meta,
.template-galerie .news-meta{
    margin-bottom: 10px;
}

.template-list .news-list-link,
.template-galerie .news-list-link{
    top: 5px;
}

.template-list ul.f3-widget-paginator.pagination,
.template-galerie ul.f3-widget-paginator.pagination{
    justify-content: center;
}

/* News Detail */
.news-single{
    width: 75%;
}

.news-single .news-detail-row img{
    border-radius: 10px;
    max-height: 670px;
    object-fit: contain;
    object-position: left;
    max-width: 100%;
    width: auto !important;
    height:auto;
    margin: 0 auto;
}

.news-single .news-text-wrap > *{
    width: 100%;
    margin-left: 0;
    margin-right: -20px;
}

.news-single .news-text-wrap > p:has(strong:only-child){
    margin-bottom: 0;
}

.news-text-wrap .frame-container{
    --bs-gutter-x: 0;
    margin: 20px 0;
}

.news-single .news-text-wrap h3{
    font-size: 18px;
    margin-top: 2em;
    margin-bottom: 1em;
}

.news-single .news-text-wrap h3.title2{
    font-size: 32px;
    margin-top: 1em;
    margin-bottom: 0.5em;
}

.news-single .news-text-wrap .frame-header h2{
    font-size: 32px;
}


.news-single .news-text-wrap h3.element-subheader{
    margin-top: 0;
    margin-bottom: 0;
}

.news-single .textmedia, .news-single .textpic{
    gap:20px;
    flex-direction: column-reverse;
}

.news-single .news-text-wrap > div.lead,
.news-single .news-text-wrap > div.carousel:first-child,
.news-single .news-text-wrap > div.d-block:first-child{
    width: 100%;
    margin-right: 0;
}

.news-single .news-text-wrap > div.d-block:not(:has(div.carousel-caption) > img){
    margin-bottom: 1rem;
}

.news-single .news-text-wrap > div.news-author{
    width: 100%;
    padding-right: 20px;
    /* float: left; */
    margin-right: 0;
    margin-left: 0;
}

.news-single .news-text-wrap > div.news-author:has(img){
    display: grid;
    grid-template-columns: 100px calc(100% - 100px);
    grid-column-gap: 20px;
    margin-bottom: 1rem;
    align-items: center;
    grid-template-areas: "authorImage authorText";
}

.news-single .news-text-wrap > div.news-author:has(img) img{
    grid-area: authorImage;
    max-width: 100px;
    order: 1;
}

.news-single .news-text-wrap > div.news-author:has(img) div{
    grid-area: authorText;
    display: flex;
}

.news-single .news-text-wrap > div.news-author:not(:has(img)){
    font-weight: 500;
    width: 100%;
    margin-bottom: 1em;
    font-size: 18px;
    font-style: italic;
    display: flex;
    gap: 6px;
}

.news-single .news-text-wrap > div.news-author:not(:has(img)):before{
    content: 'von';
}

.news-single .news-author p:has(img){
    display: flex;
    white-space: nowrap;
    gap: 10px;
    align-items: center;
    flex-direction: row-reverse;
}

.news-single .news-text-wrap > div.news-author:has(:only-child) {
    display: flex;
}

.news-single .carousel,
.news-single iframe{
    margin-bottom: 35px !important;
    margin-top: 25px;
    max-width: 100%;
}

.news-single iframe[src*='youtube']{
    height:auto;
    aspect-ratio: 16/9;
}

.news-single .news-detail-row .news-author img{
    border-radius: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    object-position: center;
}

.news-single .carousel-caption{
    font-size: 16px;
    color: var(--bs-secondary);
    margin-top: 15px;
    position: static;
    padding-top: 0;
    text-align: left;
    display: block;
    column-gap: 1ch;
    row-gap: 1ch;
}

.news-single .carousel-caption p{
    display: inline;
}

.news-single article.quote,
.news-single blockquote.quote{
    background: var(--bs-light);
    padding: 30px 15px;
    text-align: center;
    font-size: 26px;
    margin-bottom: 30px;
    border-radius: 10px;
    border-left: none;
}

.news-single article.quote p,
.news-single blockquote.quote p{
    margin-bottom: 0;
}

.news-single article.quote .quote-author,
.news-single blockquote.quote .quote-author{
    font-size: 18px;
    font-style: normal;
    line-height: 1.2;
    display: block;
}

.news-single article.quote p:not(:has(span.quote-author)),
.news-single blockquote.quote p:not(:has(span.quote-author)){
    margin-bottom: 20px !important;
}

.news-single article.quote:has(img.quoute-img) ,
.news-single blockquote.quote:has(img.quoute-img) {
    display: grid;
    column-gap: 10%;
    grid-template-columns: 30% 60%;
    grid-template-areas:
        "img text1"
        "img text2"
        "img text3";
    max-width: 650px;
    margin: 30px auto;
}

.news-single article.quote:has(img.quoute-img) img,
.news-single article.quote:has(img.quoute-img) p:first-child,
.news-single blockquote.quote:has(img.quoute-img) img{
    grid-area: img;
    border-radius: 100%;
    max-width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

.news-single article.quote:has(img.quoute-img) p,
.news-single blockquote.quote:has(img.quoute-img) p{
    text-align: left;
}

.news-single article.quote:has(img.quoute-img) p:nth-child(2) ,
.news-single blockquote.quote:has(img.quoute-img) p:nth-child(2) {
    grid-area: text1;
}

.news-single article.quote:has(img.quoute-img) p:nth-child(3) ,
.news-single blockquote.quote:has(img.quoute-img) p:nth-child(3) {
    grid-area: text2;
}

.news-single article.quote:has(img.quoute-img) p:nth-child(4) ,
.news-single blockquote.quote:has(img.quoute-img) p:nth-child(4) {
    grid-area: text3;
}


.news-single p.footer{
    font-size: 15px;
    margin-bottom:0;
    margin-top: 18px;
}

.news-detail-row{
    margin-bottom: 90px;
}

.news-single .news-detail-row a{
    --frame-link-color: var(--bs-primary);
    text-decoration: underline;
}

.news-single .news-detail-row .news-footer a{
    text-decoration: none;
}

.paid-popup{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
}

.popup-content{
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
    background: white;
    padding: 40px;
    border-radius: 15px 15px 0 0;
    box-shadow: 0 0 99px #000000;
    display: flex;
    position: relative;
    flex-wrap: wrap;
}

.popup-content .close{
    position: absolute;
    top: 5px;
    right: 25px;
    font-size: 26px;
}

.popup-content .close:hover{
    cursor: pointer;
}

.popup-content:before{
    content: '';
    width: 86px;
    height: 86px;
    background-color: white;
    background-repeat: no-repeat;
    background-size: 65%;
    background-position: center center;
    border-radius:  100%;
    position: absolute;
    left: calc(50% - 43px);
    top: -40px;
}

.popup-login{
    flex: 0 0 100%;
    max-width: 100%;
    border-top: solid 1px rgb(33,33,33);
    padding-top: 15px;
}

.popup-left, .popup-right{
    flex: 0 0 50%;
    max-width: 50%;
}

.popup-offer{
    font-size: 32px;
    margin-bottom: 0;
}

.popup-price{
    font-size: 20px;
}

.popup-offer .text-primary{
    font-weight: 800;
    white-space: nowrap;
}

.news-gallery{
    /* margin-bottom: 40px; */
}

.news-single .lead{
    margin-bottom: 30px;
    font-size: 26px;
}

.news-single .carousel .carousel-item{
    padding-left: 0;
    padding-right: 0;
}

.news-single .carousel .carousel-item iframe{
    aspect-ratio: 16/9;
}

.newsletter > div{
    padding: 15px;
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 50%;
}

.newsletter > div:after{
    position: absolute;
    bottom: -33px;
    right: 0;
    color: rgba(255,255,255,0.5);
    font-size: 92px;
    font-weight: 700;
}


.newsletter img{
    max-width: 200px;
}

.newsletter .form-control{
    display: inline-block;
    width: 75%;
    border:none;
    box-shadow: none;
    margin-bottom: 15px;
    padding: 8px 12px;
}

.navi-row .newsletter .form-control{
    background: #6666661A;
    border-radius: 15px;
    padding: 8px 12px;
}

.newsletter a{
    --frame-link-color: var(--bs-primary);
    --frame-link-hover-color: black;
    background-color: white;
    padding: 12px 20px;
    max-width: 100%;
    border-radius: 15px;
    font-size: 20px;
    font-weight: 500;
}

#bookmarkModal .modal-dialog{
    display: flex;
    align-items: center;
    height: 100%;
}

.tx-poll:has(form) .poll-result{
    display: none;
}

.news-single .tx-poll .poll-answer-image,
.news-single .tx-poll .poll-answer-description{
    margin-left: 0;
}

.news-single .tx-poll .poll-answer-image{
    margin-bottom: 15px;
}

.news-single  .tx-poll .poll-question .poll-question-answers{
    display: flex;
    flex-wrap: wrap;
    row-gap: 30px;
    margin: 0 -15px;
}

.news-single .news-detail-row .tx-poll img{
    border-radius: 0;
}

.poll-answer{
    flex:  0 0 25%;
    max-width: 25%;
    padding: 0 15px;
}

/* News Kommentare */
.tx_nsnewscomments .comment-box .comment-head{
    background: none;
    border: none;
    padding: 0;
}

.news-comment .tx_nsnewscomments .error-msg{
    text-transform: none;
}

.tx_nsnewscomments .infobox + .comments-container{
    margin-top: 40px;
}

.tx_nsnewscomments .comments-container > .comments-list > li:first-child{
    border-top: solid 1.5px var(--bs-secondary);
}

.tx_nsnewscomments .comments-list li{
    border-bottom: solid 1.5px var(--bs-secondary);
}

.tx_nsnewscomments .comments-list .comment-box{
    border: none;
    box-shadow: none;
}

.tx_nsnewscomments .comment-box .comment-content{
    padding: 0;
    font-size: 18px;
}

.tx_nsnewscomments .comments-list .comment-avatar{
    width: 50px;
    height: 50px;
    box-shadow: none;
}

.tx_nsnewscomments .reply-list{
    margin-top: 0;
}

.tx_nsnewscomments .reply-list li:first-child{
    border-top: solid 1.5px var(--bs-secondary);
}

.tx_nsnewscomments .reply-list li:last-child{
    border-bottom: none;
}

.tx_nsnewscomments .comment-box .comment-head::before{
    display: none;
}

.tx_nsnewscomments .comment-footer{
    padding: 0;
    position: relative;
}

.tx_nsnewscomments .comment-footer .report-comment{
    position: absolute;
    right:0;
    top: 0;
    font-size: 16px;
    color: var(--bs-secondary);
}

.tx_nsnewscomments .comment-main-level{
    padding-left: 0;
}

.comment-author{
    font-size: 16px;
    color: black;
}

button.commentLikes{
    border:none;
    background:none;
}

.news-footer{
    border-top: solid 2px var(--bs-secondary);
    border-bottom: solid 2px var(--bs-secondary);
    padding: 15px 0;
}

.news-footer > div:first-child{
    display: flex;
    column-gap: 20px;
    max-width: calc(100% - 100px);
    flex-wrap: wrap;
}

.infobox{
    background-color: #6666660D;
    padding: 50px;
    background-repeat: no-repeat;
    background-position: right bottom;
    margin-top: -8px;
    margin-left: 15px;
    margin-right: -45px;
}

.news-text-wrap .infobox{
    margin-top: 40px;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 40px;
    padding: 40px;
    padding-bottom: 24px;
    border-left: none;
    font-size: inherit;
}

.news-single .news-text-wrap .infobox h3{
    margin-top: 0;
}

.news-comment{
    margin-bottom: 120px !important;
    width: 80%;
}

/* News Related */
.template-interessen{
    margin-top: 35px;
    margin-bottom: 115px;
}

.template-interessen .related-news{
    display: flex;
    flex-wrap: nowrap;
    column-gap: 20px;
    column-count: 2;
    padding-inline-start: 0;
}

.template-interessen .list-group-item{
    position: relative;
    flex: 0 0 25%;
    max-width: 25%;
    left: 0;
    transition: left 0.3s ease-in-out;
    border-radius: 10px;
    background: var(--bs-dark);
    aspect-ratio: 240 / 356;
}

.template-interessen .news-list-item a{
    --frame-link-color: white;
    --frame-link-hover-color: white;
}

.template-interessen .news-list-item img{
    transition: all 0.3s ease-in-out;
}

.template-interessen .news-list-item .caption{
    bottom: 20px;
    left: 20px;
    right: 20px;
    color: white;
    max-height: 80%;
}

.template-interessen .news-list-item .caption img{
    border-radius: 0;
    position: relative;
    top: -5px;
}

.template-interessen .news-list-item .caption h3{
    font-size: 22px;
}

.template-interessen .news-list-item span.cat-tag{
    display: inline-block;
    margin-bottom: 0;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Template Second */
.template-second .news-list-item:not(:has(.img-fluid))  > div:first-child{
    display: none;
}

.template-second .news-list-item:not(:has(.img-fluid))  > div:last-child{
    flex: 0 0 100%;
    width: 100%;
}

.template-second video.img-fluid{
    aspect-ratio:  1 / 1;
}

.template-second .row{
    --bs-gutter-x: 20px;
}

    /* Formulare */

.form-control,.btn{
    border-radius: 0;
}

.btn{
    border-radius: 15px;
    max-width: 100%;
    font-weight: 500;
}

.powermail_fieldwrap_type_select{
    position: relative;
}

.powermail_fieldwrap_type_submit{
    flex: 0 0 100%;
    width: 100%;
}

.powermail_fieldwrap_type_select:after{
    content: '';
    width: 15px;
    height: 15px;
    position: absolute;
    display: block;
    right: 40px;
    top: 35px;
    border-bottom: solid 1.5px black;
    border-right: solid 1.5px black;
    z-index: 500;
    transform: rotate(45deg);
}

.powermail_fieldset_15 .form-group,
.form-group.powermail_fieldwrap_speichern,
.powermail_fieldset_14 .form-group{
    flex: 0 0 100%;
    max-width: 100%;
}


.form-group.powermail_fieldwrap_titel,
.powermail_fieldset_12 .form-group.powermail_fieldwrap_name,
.form-group.powermail_fieldwrap_autorkuerzel,
.form-group.powermail_fieldwrap_fotograffotografin,
.form-group.powermail_fieldwrap_captcha,
.form-group.powermail_fieldwrap_thema,
.form-group.powermail_fieldwrap_anrede,
.form-group.powermail_fieldwrap_strasse,
.form-group.powermail_fieldwrap_type_text,
.form-group.powermail_fieldwrap_type_textarea{
    flex: 0 0 100%;
    max-width: 100%;
}

span.mandatory{
    color: var(--bs-primary);
}

.tx-powermail .powermail_fieldset .powermail_field_error,
.tx-powermail .powermail_fieldset div.error{
    background: none;
    color: var(--bs-primary);
}

.tx-powermail .powermail_fieldset .powermail-errors-list{
    background: none;
    border: none;
    color: var(--bs-primary);
}

.tx-powermail .powermail_fieldset .powermail-errors-list>li{
    color: var(--bs-primary);
}

.tx-powermail .checkbox label{
    display: flex;
    align-items: center;
    column-gap: 20px;
}

.tx-powermail .checkbox label p{
    margin-bottom: 0;
}

/* Login */
.felogin-hidden{
    margin-bottom: 80px;
}

.tx-felogin-pi1{
    max-width: 750px;
}

.tx-felogin-pi1 label{
    width: 100%;
    max-width: 750px;
}

/*Spinner*/
.spinner-container {
    display: none;
    justify-content: center;
    align-items: center;
    position: fixed;
    left:0;
    top:0;
    right:0;
    bottom:0;
    z-index: 99999;
    background: rgba(255,255,255,0.9);
}

.spinner-container .card{
    width: 100%;
    max-width: 500px;
    height: 320px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 16px;
}

.spinner {
    border: 4px solid rgba(0, 0, 0, 0.1);
    border-top: 4px solid var(--bs-primary);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 1s linear infinite;
    margin: 30px 0;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/*Personnell*/
.personnel>.card{
    border: none;
    border-radius: 0;
    max-width: calc(25% - (9rem / 4)) !important;
}

.personnel>.card img.person{
    border-radius: 0 !important;
    margin-bottom: 0 !important;
}

.personnel>.card p{
    margin-bottom: 0;
}

a.person-email{
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Nachrufe */
.tx-nachrufe{
    margin-bottom: 50px !important;
}

.tx-nachrufe form{
    margin-top: 15px;
    margin-bottom: 30px;
}

.tx-nachrufe .row{
    --bs-gutter-y : 30px;
}

#nachruf-name{
    padding: 4px 8px;
    border-radius: 15px;
    border: solid 1px;
}

/* Footer */
.footer-section-meta{
    background: none;
    display: none;
}

.footer-section-content{
    background: none;
    --frame-color: black;
    --frame-link-color: black;
}

footer .frame-background-secondary{
    --frame-spacing: 16px;
    --frame-spacing-xs: 16px;
    --frame-spacing-sm: 16px;
    --frame-spacing-md: 16px;
    --frame-spacing-lg: 16px;
    --frame-spacing-xl: 16px;
    font-size: 14px;
}

footer  .gallery-row img{
    max-width: 320px;
}

footer .frame-background-secondary ul{
    display: flex;
    padding-inline-start: 0;
    list-style-type: none;
    justify-content: flex-end;
    margin-bottom: 0;
}

footer .frame-background-secondary ul a{
    --frame-link-color: #ffffff;
    --frame-link-hover-color: #ffffff;
}

footer .frame-background-secondary ul li{
    margin-left: 21px;
}

footer .frame-background-secondary p{
    margin-bottom: 0;
}

.footer-row{
    margin-top: 45px;
    margin-bottom: 70px;
    row-gap: 45px;
    align-items: flex-end;
}

.footer-row h3{

}

.footer-nav{
    margin-top: 90px;
}

/* Cookiebanner*/
#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-consents-list li.CookiebotWidget-approved svg{
    fill: var(--bs-primary) !important;
}

#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-change {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
}

#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-withdraw {
    border-color: var(--bs-primary) !important;
}

#CookiebotWidget .CookiebotWidget-consent-details button{
    color: var(--bs-primary) !important;
}

@media(max-width: 1200px){
    .navbar-toggler{
        width: 50px;
        height: 50px;
    }

    .navbar-mainnavigation:after{
        top: 50px;
        height: 2px;
    }

    .navbar-mainnavigation .navbar-brand-image{
        top: 4px;
        left: calc(50% - 91px);
    }

    .navbar-mainnavigation .navbar-brand-image>.navbar-brand-logo-normal{
        height: 24px;
        width: auto;
    }

    .navbar-mainnavigation .navbar-brand-image:after{
        font-size: 14px;
    }


    .navbar-mainnavigation ul.navbar-nav{
        flex-direction: row;
        row-gap: 0;
        column-gap: 0;--bs-nav-link-font-size: 18px;
        margin-top: 10px;
        margin-left: 0;
        margin-right: 0;
        width: 100%;
        justify-content: flex-start;
        flex-wrap: wrap;
        order: 2;
    }

    .navbar-nav .dropdown-menu{
        display: none;
    }

    .navbar-nav .dropdown-menu.show{
        display: block;
    }

    .navbar-mainnavigation .dropdown-menu-simple .dropdown-nav,
    .navbar-mainnavigation .dropdown-menu-mega .dropdown-nav{
        display: block;
        margin-left: -10px;
    }

    .navbar-mainnavigation ul.navbar-nav > li > a{
        font-size: 20px;
        padding-left: 0;
    }

    .navbar-mainnavigation .nav-link-toggle{
        display: inline-block;
    }

    .navbar-mainnavigation ul.navbar-nav > li{
        flex: 0 0 100%;
        max-width: 100%;
        border-top: solid 1px var(--bs-secondary);
        padding: 13px 0;
        justify-self: flex-start;
        position: relative;
    }

    .navbar-mainnavigation ul.navbar-nav > li:last-child{
        border-bottom: solid 1px var(--bs-secondary);
    }

    .current-date{
        position: static;
        order: 4;
        margin-top: 55px;
        /* text-align: right; */
        display: flex;
        align-items: center;
    }

    .current-date > div{
        display: flex;
        flex-direction: column;
    }

    .weather-info-text{
        display: inline-block;
        max-width: 180px;
        text-align: left;
        padding-left: 15px;
    }

    .weather-icon{
        display: flex;
        align-items: center;
    }

    .navi-row{
        flex-direction: column-reverse;
        width: 100%;
        order: 3;
        margin-left: -55px;
    }

    .navi-row > div:last-child{
        padding: 15px 20px 0;
        margin-bottom: 31px;
    }

    .navbar-mainnavigation .nav-link-indicator:before{
        width: 20px;
        height: 18px;
        position: relative;
        top: -7px;
    }

    .nav-link.nav-link-dropdown{
        padding-left: 6px;
        padding-right: 6px;
    }

    #mainnavigation.show{
        max-height: 754px;
        overflow: auto;
        display: flex;
        flex-direction: column;
    }

    /* News */
    .template-top > ul{
        grid-template-areas:
                "news1 news1"
                "news2 news2"
                "news3 news3"
                "news4 news4"
    ;
    }

    .template-top > ul > li:not(:first-child){
        margin-left: 0;
        margin-right: 0;
    }

    .template-top .share-icon{
        right: 25px;
    }

    .template-galerie ul.list-group li,
    .template-mostread.islist ul.list-group li,
    .template-list ul.list-group li{
        flex: 0 0 50%;
        max-width: 50%;
    }

    .template-second.news-list-view h3{
        font-size: 15px;
    }

    .template-second.news-list-view .news-list-item .lead {
        font-size: 15px;
    }

    .template-second .news-list-item:not(:has(img.img-fluid))  > div:first-child{
        display: none;
    }

    .template-second .news-list-item:not(:has(img.img-fluid))  > div:last-child{
        flex: 0 0 100%;
        width: 100%;
    }


        /* ueber uns */
    .personnel>.card{
        max-width: calc(33% - 2rem) !important;
    }

    /*Footer*/
    .nav-footer{
        border-top: solid 1.5px var(--bs-dark);
        padding-top: 20px;
        padding-bottom: 5px;
        transition: all 0.3s ease-in-out;
        position: relative;
    }

    .nav-footer h4:after{
        content: "";
        display: block;
        border-top: 1.5px solid currentColor;
        border-left: 1.5px solid currentColor;
        padding-top: 0.35em;
        padding-left: 0.35em;
        transform: rotate(-135deg);
        transition: transform 0.3s ease;
        width: 20px;
        height: 18px;
        position: absolute;
        right: 6px;
        top: 17px;
    }

    .nav-footer.show h4:after{
        transform: rotate(45deg);
    }

    .col:last-child .nav-footer{
        border-bottom: solid 1.5px var(--bs-dark);
    }

    .nav-footer .submenu p{
        display: none;
    }

    .nav-footer.show .submenu p{
        display: block;
    }
}

@media (max-width: 991px){
    body{
        font-size: 15px;
    }

    h2,.h2{
        font-size: 26px;
    }

    h3,.h3{
        font-size: 18px;
    }

    .form-control, .form-group input[type="file"],
    .frame-type-felogin_login input[type="text"],
    .frame-type-felogin_login input[type="password"]{
        font-size: 15px;
    }

    .powermail_fieldwrap_type_select:after{
        top: 28px;
    }

    /* Navigation */
    .container.container-mainnavigation{
        max-width: 100%;
    }

    .frame-container-default{
        max-width: 100%;
    }

    .navbar-toggler{
        left: -20px;
    }

    /*Maincontent*/
    #page-content{
        margin-top: 70px;
    }

    .row-meinungen{
        margin-bottom: 90px !important;
        row-gap: 30px;
    }

    .frame-background-dark h2{
        padding-top: 34px;
        font-size: 18px;
    }

    .frame-background-dark:not(:last-child) {
        margin-bottom: 30px;
    }
    .frame-background-dark {
        --frame-spacing: -30px;
    }

    /* News */
    .news-list-view h3,
    .template-2col.news-list-view h3{
        font-size: 15px;
    }

    .top-row {
        margin-bottom: -8px !important;
    }

    .top-row  .list-group-item{
        margin-bottom: 1rem;
    }

    .template-top .caption{
        left:35px;
        right: 35px;
        bottom:10px;
    }

    .template-2col .caption{
        bottom: 40px;
    }

    .template-2col .list-group-item{
        --bs-list-group-item-padding-y: 0;
    }

    .news-list-item .cat-tag span, .news-list-item span.cat-tag{
        font-size: 13px;
    }

    .paid-marker{
        font-size: 13px;
        padding: 1.5px 8px;
    }

    .news-filter{
        margin-bottom: 30px !important;
        padding: 30px 20px;
    }

    #news-category{
        font-size: 20px;
    }

    #cat-filter{
        font-size: 20px;
    }

    .cat-container label{
        top: 14px;
        right: 115px;
    }

    .video-info{
        margin-top: 12px;
    }

    .template-videos .list-group > li,
    .template-leser .list-group > li{
        flex: 0 0 75%;
        max-width: 75%;
        position: relative;
        left: 0;
        transition: left 0.3s ease-in-out;
    }

    .news-list-item .lead{
        font-size: 15px;
    }

    .news-list-view img.author-image{
        display: none;
    }

    .news-list-item .news-meta{
        font-size: 13px;
    }

    .template-top .caption h3{
        font-size: 20px;
    }

    .template-mostread ul.list-group li .news-index{
        margin-right: 20px;
    }

    .template-videos .news-list-item h3{
        font-size: 15px;
        margin-top: 15px;
    }

    .news-list-link{
        font-size: 15px;
        top: 35px;
    }

    .news-list-link:after{
        width: 10px;
        height: 10px;
        margin-left: 10px;
    }

    .template-interessen .list-group-item{
        flex: 0 0 33%;
        max-width: 33%;
    }

    .top-row > div:first-child{
        flex: 0 0 100%;
        max-width: 100%;
    }

    .top-row > div:last-child{
        flex: 0 0 100%;
        max-width: 100%;
    }

    .top-row > div:first-child .list-group-item{
        padding-right: 0;
    }

    .top-row > div:last-child .news-list-item .share-icon{
        right: 20px;
    }

    .template-second .news-list-item{
        --bs-gutter-x: 10px;
    }

    .template-second .news-list-item .news-meta{
        max-width: calc(100% - 50px);
    }

    .poll-answer{
        flex:  0 0 33%;
        max-width: 33%;
    }

    footer .frame-background-secondary ul{
        justify-content: flex-start;
        width: 100%;
    }

    footer .frame-background-secondary ul li{
        margin-left: 0;
        margin-right: 21px;
    }

    .news-single{
        width: 100%;
    }

    .template-2col > ul{
        flex-wrap: wrap;
    }

    .template-2col > ul > li{
        flex: 0 0 100%;
        max-width: 100%;
    }

    .template-leser .list-group{
        display: flex;
        width: auto;
        flex-wrap: nowrap;
        flex-direction: row;
        padding-bottom: 20px;
        margin-right: 0;
        margin-left: 0;
        grid-gap: 30px;
    }

    .news-list-view.template-meinung h3{
        font-size: 18px;
    }

    .template-leser .news-list-item .caption{
        bottom: 10px;
        left: 10px;
        right: 10px;
    }

    .news-comment{
        width: auto;
        row-gap: 30px;
    }

    .infobox{
        margin-top: 30px;
        margin-left: 0;
        margin-right: 0;
    }

    .news-single .news-text-wrap > div.news-author{
        width: 100%;
        float: none;
        margin-bottom: 30px;
    }

    .news-single .news-text-wrap > *{
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    .news-single article.quote{
        font-size: 18px;
    }

    .news-single article.quote .quote-author{
        font-size: 14px;
        /* line-height: 1; */
    }

    .news-single .carousel-caption{
        font-size: 14px;
    }

    /* ueber uns*/
    .personnel>.card{
        max-width: calc(50% - 1.5rem) !important;
    }

    .footer-row{
        row-gap: 30px;
        margin-top: 30px;
        margin-bottom: 30px;
    }

    footer .gallery-row img{
        margin-left: 0;
    }
}

@media(max-width: 767px){
    .news-single .lead{
        margin-bottom: 30px;
        font-size: 18px;
    }

    .news-author{
        margin-bottom: 30px;
    }

    .template-interessen .list-group-item{
        flex: 0 0 50%;
        max-width: 50%;
    }

    .cat-container{
        flex-wrap: wrap;
        row-gap: 15px;
    }

    .cat-container label{
        right: 15px;
        top:10px;
    }

    #news-category{
        font-size: 15px;
    }

    #cat-filter{
        font-size: 15px;
    }

    .news-filter{
        padding: 40px;
    }

    .sociallinks p{
        margin-top: 30px;
    }

    .footer-nav{
        margin-top: 30px;
    }

    .news-text-wrap .infobox{
        padding: 15px;
    }

    .popup-left, .popup-right{
        flex: 0 0 100%;
        max-width: 100%;
    }

    .popup-left{
        margin-bottom: 15px;
    }

    .popup-offer{
        font-size: 21px;
        margin-bottom: 10px;
    }

    .poll-answer{
        flex:  0 0 50%;
        max-width: 50%;
    }
}

@media (max-width: 575px){
    .personnel>.card{
        max-width: 100% !important;
    }

    .template-galerie ul.list-group li,
    .template-mostread.islist ul.list-group li,
    .template-list ul.list-group li{
        flex: 0 0 100%;
        max-width: 100%;
    }

    .template-top .share-icon{
        position: static;
    }

    .cc-window.cc-bottom-right.cc-type-opt-in.cc-theme-edgeless{
        width: 100%;
        max-width: 100%;
        left:0;
        right:0;
        bottom:0;
    }

    .tx_nsnewscomments .comment-footer{
        display: flex;
        flex-wrap: wrap;
    }

    .tx_nsnewscomments .comment-footer .report-comment{
        position: static;
    }

    .template-interessen .list-group-item{
        flex: 0 0 100%;
        max-width: 100%;
    }

    .template-meinung .news-list-item .lead{
        display: none;
    }

    .template-meinung .list-group-item:not(:first-child){
        margin-top:15px;
    }

    .poll-answer{
        flex:  0 0 100%;
        max-width: 100%;
    }
}