*{
margin: 0;
padding: 0;
font: inherit;
}

body{
min-height: 100vh;
}

img, picture, svg, video{
display: block;
max-width: 100%;
}

strong, b{
font-weight: 700;
}

.invisible{
display: none;
visibility: none;
}

body, html {
height: 100%;
font-size: 16px;
font-family: 'Roboto','Open Sans',Verdana,Arial, Helvetica,sans-serif;
background-color: var(--background-color);
color: var(--text-color);
margin: 0px 0px;
padding: 0px 0px;
}


input[type="text"], input[type="search"], textarea{
color: rgba(var(--input-text-rgb),1);
}

input[type="text"]::placeholder, input[type="search"]::placeholder, textarea::placeholder{
color: rgba(var(--input-text-rgb),0.45);
}


a, :visited, a:active, a:focus{
color: var(--text-color);
text-underline-offset: 0.3em;
}



a.skip-content{
position: absolute;
left: -9999px;
z-index: 9999;
font-size: 0.9rem;
padding: 0px 10px;
border-radius: 0px 0px 8px 0px;
line-height: 30px;
height: 30px;
background-color: var(--text-color);
color: white;
opacity: 0;
display: block;
width: fit-content;
text-decoration: none;
}

a.skip-content:focus-visible{
left: 0px!important;
opacity: 1!important;
}




em, i{
font-style: italic;
}

#main h1, #main h2, #main h3, #main h4{
-ms-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
-webkit-hyphenate-limit-before: 4; 
-webkit-hyphenate-limit-after: 3;  
-ms-hyphenate-limit-chars: 5 4 3; 
hyphenate-limit-chars: 5 4 3;
}

#wrapper{
width: 100%;
}

#mobilfloat{
display: none;
visibility: hidden;
}

#main{
min-height: 600px;
width: 100%;
padding: 50px 0px 50px 0px;
margin: 0px auto 0px auto;  
}


.news #main{
padding-top: 0px;
}

#main .inside{
width: calc(100% - 40px);
max-width: 1272px;
padding: 0px 20px 0px 20px;
margin: 0px auto 0px auto;  
}

.home #main .inside, .fullwidth #main .inside{
width: 100%;
max-width: 100%;
padding: 0px 0px 0px 0px;
margin: 0px auto 0px auto;  
}

.home #main .inside .mod_article, .fullwidth #main .inside .mod_article{
width: calc(100% - 40px);
max-width: 1272px;
padding: 0px 20px 0px 20px;
margin: 0px auto 0px auto;  
}



.mod_article p , .mod_article li{
font-size: 1.2rem;
line-height: 1.3em;
padding: 0px 0px 0px 0px;
margin: 0px 0px 12px 0px;
}

p.info{
	font-size: 1rem;
}

#header{
color: var(--text-color-light);
background-color: var(--background-theme);
min-height: 152px;
height: 152px;	
overflow: visible;
border-bottom: solid 40px #ffffff;
}


#header .inside{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
height: 100%;
}



.footer-logobox{
margin-left: 0px;
width: 100%;
max-width: 355px;
margin-top: 0px;
position: relative;
z-index: 5;
}



.logobox a, .footer-logobox a{
display: inline-block;
width: 100%;
height: fit-content;
}

.logobox picture{
width: 75%;
margin: auto auto -40px auto;
display: block;
text-align: center;
}

.footer-logobox picture{
width: 75%;
margin: 0px auto 0px auto;
display: block;
text-align: center;
}

.logobox picture img, .footer-logobox img{
width: 100%;
height: 100%;
object-fit: contain;
margin: auto auto;
}

.header-subwrapper{
width: 100%;
max-width: var(--max-content-width);
margin-right: auto;
padding: 0px 20px 0px 20px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
}



/* navigation */


.mod_navigation{
width: 100%;
max-width: 1050px;
margin: 16px 0px 45px auto;
overflow: visible;
position: relative;
}


.mod_navigation ul.level_1{
display: flex;
flex-direction: row;
justify-content: flex-start;
flex-wrap: wrap;
margin: 0px 0px 0px auto;
width: fit-content;
}

.mod_navigation ul li, .mod_navigation ul li a{
color: var(--nav-color);
text-decoration: none;
font-weight: 500;
font-style: normal;
font-size: 1rem;
text-align: center;
position: relative;
padding-top: 5px;
padding-left: 0px;
padding-right: clamp(0.625rem, -1.518rem + 3.348vi, 2.5rem); /*padding von 10px bis 40px*/
padding-bottom: 5px;
white-space: nowrap;
position: relative;
}


.mod_navigation ul.level_2 li, .mod_navigation ul.level_2 li a{
	font-size: 0.85rem;
}


.mod_navigation ul li a:hover{
text-decoration: underline;
text-underline-offset: 0.3em;
}


.mod_navigation ul li a.active, .mod_navigation ul li a.trail{
font-weight: 600;
text-decoration: underline;
}


.mod_navigation ul.level_1 li::after, .mod_customnav  ul li::after{
content: '';
width: 1px;
display: block;
border-right: solid 1px var(--nav-color);
position: absolute;
top: 0;
bottom: 0;
height: calc(100% - 10px);
margin: auto 0px auto 0px;
right: clamp(0.625rem, -1.518rem + 3.348vi, 2.5rem); /*versatz von 10px bis 40px*/
}

.mod_navigation ul.level_1 li:last-of-type, .mod_navigation ul.level_1 li:last-of-type a{
margin: 0px 0px 0px 0px;
padding-right: 0px;
}

.mod_navigation ul.level_1 li:last-of-type::after, .mod_customnav ul li:last-of-type::after{
border-right:0;
}




.mod_navigation ul.level_2{
display: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
flex-direction: column;
flex-wrap: wrap;
justify-content: flex-start;
position: absolute;
z-index: 99;
width: fit-content;
max-width: 250px;
background-color: var(--background-theme);
text-align: left;
border-top: 10px solid var(--background-theme);
}

@media only screen and (max-width: 1800px) {
.mod_navigation ul.level_1 li:last-of-type ul.level_2{
left: auto;
right: -10px;
}

}



.mod_navigation ul.level_2 li.submenu:hover ul.level_2{
display: flex;
}

.mod_navigation ul.level_2 li::after{
display: none;
}

.mod_navigation ul.level_2 li{
text-align: left;
margin: 0px 0px 0px 0px;
padding: 5px 0px 5px 0px;
}

.mod_navigation ul.level_2 li > a{
margin: 0px 0px 0px 0px;
padding: 10px 5px 5px 10px;
display: block;
text-align: left;
}


.mod_navigation ul.level_1 li.submenu:hover ul.level_2{
display: flex;
}



/* Header Suche */

#header .mod_form{
width: fit-content;
margin-left: auto;

}


#header .mod_search .formbody{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
position: relative;
isolation: isolate;
}


#header .mod_search label{
display: none;
}

#header .mod_search input.searchtext{
background-color: #ffffff;
padding: 10px 10px;
border-radius: 12px;
font-size: 0.8rem;
border: 0;
min-width: 250px;
}


#header .mod_search input.searchtext:focus{
outline-color: var(--background-theme);
}

#header .mod_search .widget.search_button{
position: absolute;
top: 4px;
bottom: 4px;
right: 2px;
z-index: 2;
border-radius: 0px 12px 12px 0px;
overflow: hidden;
}

#header .mod_search button.search_button{
text-indent: -9999px;
overflow: hidden;
background-color: #ffffff;
border: 0;
padding: 10px 10px;
width: 45px;
height: 100%;
margin: 0px 0px 0px 0px;
cursor: pointer;
background-image: URl('/files/design/icons/icon_pfeil.svg');
background-repeat: no-repeat;
background-position: center center;
}


.navsearch{
margin-top: 25px;
padding: 10px 10px 10px 10px;
} 


.navsearch .searchtext label{
font-size: 1.2rem;
font-weight: 600;
padding-bottom: 12px;
text-transform: capitalize;
}


.navsearch .formbody button.submit{
width: 100%;
  min-width: 50%;
}


.navsearch span.mandatory{
display: none;
}


.mod_search.search_form .formbody{
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
width: 100%;
border-bottom: dotted 1px rgba(var(--text-color-rgb),0.8);
}


.mod_search.search_form .formbody .widget.widget-submit{
width: 200px;
text-align: right;
}

.mod_search.search_form .formbody .widget.widget-radio{
width: 100%;
flex-grow: 1;
}

.mod_search.search_form .formbody .widget.widget-text{
min-width: 320px;
width: auto;
flex-grow: 1;
}

.mod_search.search_form .formbody .radio_container{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;

}



.mod_search.search_form .formbody .radio_container span{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
margin-right: 30px; 
}


.mod_search.search_form .formbody .radio_container label{
padding-left: 20px; 
}



.search_form .header{
padding-bottom:50px;
border-bottom: dotted 1px rgba(var(--text-color-rgb),0.8);
}


.search_form .header strong{
font-style: italic;
}

article.searchresult{
padding:20px;
border: dotted 1px rgba(var(--text-color-rgb),0.8);
margin-bottom: 40px;
border-radius: 8px;
}

article.searchresult h3{
margin-top: 0px;
}


article.searchresult h3 a{
text-decoration: none;
}

article.searchresult h3 a:hover{
text-decoration: underline;
}

article.searchresult p:last-of-type{
margin-bottom: 0px;	
}

.mod_search .searchresult .relevance{
display: none;
}


@media only screen and (max-width: 680px) {

.searchresult h3{
line-height: 1.3em;
}

.mod_search.search_form .formbody .widget-submit .submit, .mod_search.search_form .formbody .widget.widget-submit{
width: 100%;
}

.mod_search.search_form .formbody .radio_container {
flex-direction: column;
}

.mod_search.search_form .formbody .radio_container span {
margin-right: 0px;
}

.mod_search.search_form .formbody .radio_container >span >input{
width: auto;
}


.mod_search.search_form .formbody .widget-text{
order: 1;
}

.mod_search.search_form .formbody .widget-radio{
order: 2;
}

.mod_search.search_form .formbody .widget-submit{
order: 3;
}


}

/* Footer */


#footer{
color: var(--nav-color);
background-color: var(--background-theme);
border-top: solid #ffffff 80px;
display: block;
overflow: visible;
width: 100%;
position: relative;
}


/* darkmode */
#footer::before{
content: '';
width: 100%;
height:1px;
display: block;
/* border-top: solid 3px #000000; */
/* border-top: solid 3px transparent; */
position: absolute;
top: 0px;
left: 0px;
z-index: 0;
}


#footer .inside{
width: calc(100% - 50px);
max-width: var(--max-content-width);
margin: 0px auto 0px auto;
padding: 0px 20px 50px 20px;
display: block;
overflow: visible;
position: relative;
isolation: isolate;
}


.footer-row{
position: relative;
display: flex;
padding-bottom: 30px;
margin-bottom: 30px;
flex-direction: row;
justify-content: flex-end;
align-content: flex-end;
align-items: flex-end;
flex-wrap: nowrap;
width: 100%;
z-index: 5;
}

.dotted-line{
border-bottom: dotted 1px rgb(var(--text-color-rgb),1);
}



.totop_button{
background-color: rgba(255,255,255,0.65);
display: block;
padding: 8px 10px;
margin: 0px 0px 0px auto;
width: fit-content;
text-decoration: none;
border-radius: 6px;
}

.totop_text{
font-size: 0.85rem;
font-weight: 500;
text-align: center;
white-space: nowrap;
color: var(--text-color);
}

.totop_button:hover{
background-color: rgba(255,255,255,1);
color: var(--text-color);
}

.totop_text > span{
font-size: 20px;

}


/* Footer Navigation */


#footer .mod_customnav ul{
display: flex;
flex-direction: row;
justify-content: flex-start;
flex-wrap: wrap;
margin: 0px auto 0px 0px;
width: fit-content;
}

#footer .mod_customnav ul li, #footer .mod_customnav ul li a{
color: var(--nav-color);
text-decoration: none;
font-weight: 500;
font-style: normal;
font-size: 1rem;
text-align: left;
position: relative;
padding: 5px 20px 5px 0px;
white-space: nowrap;
}

#footer .mod_customnav ul li a:hover{
text-decoration: underline;
text-underline-offset: 0.3em;
}





#footer .mod_customnav  ul li::after{
content: '';
width: 1px;
height: calc(100% - 10px);
margin: auto 0px auto 0px;
right: 20px;
}



.footer-copyright{
margin-top: 30px;
}



/* Social Icons */

.social-icons{
display: flex;
flex-direction: row;
justify-content: flex-end;
flex-wrap: nowrap;
margin:0px 0px 0px auto;
}

.social-icons > a{
display: block;
width: 35px;
height: 35px;
border-radius: 50em;
margin-left: 15px;
background-color: var(--text-color);
color: var(--text-color-light);
font-size: 20px;
text-align: center;
vertical-align: middle;
line-height: 35px;
text-decoration: none;
font-weight: 300;
}


h1:has(span), h2:has(span), h3:has(span){
font-weight: 900;
padding-bottom: 8px;

}

h1 > span, h2 > span, h3 > span{
display: inline-block;
margin: 0px 0px;
padding: 0px 0px;
position: relative;
isolation: isolate;
}

h1 > span::after, h2 > span::after, h3 > span::after{
content: '';
width: 100%;
height: 1px;
position: absolute;
direction: block;
border-bottom: 5px solid var(--background-theme);
left: 0px;
bottom: -1px;
z-index: -1;
}

h1.noline > span::after, h2.noline > span::after, h3.noline > span::after{
display: none;
}

/* News */


.mod_newsreader, .mod_newsreader .layout_full{
	overflow: visible;
}

.layout_full h1{
font-size: 3rem;
font-family: 'Roboto Condensed','Roboto', Arial, Helvetica,sans-serif;
font-style: normal;
font-weight: 700;
margin: 0px 0px 0px 0px;
padding: 35px 0px 25px 0px;
}


.layout_full p > br{
display: none;
}

.layout_full .news_subwrapper{
width: 100%;
padding-top: 50px;
display:flex;
flex-direction:row;
justify-content:flex-start;
}

.layout_full .ce_text, .layout_full .ce_text > *, .layout_full .newsfull_teaser > *{
font-size: 1.3rem;
line-height: 135%;
} 

.layout_full .newsfull_teaser{
font-style: italic;
}

.meldung .layout_full .newsfull_teaser{
font-style: normal;
}

.layout_full .ce_text h2, .layout_full .ce_text h2 > strong, .layout_full .ce_text h3, .layout_full .ce_text h3 > strong{
font-size: 1.5rem;
font-weight: 600;
margin: 0px 0px 20px 0px;
padding: 50px 0px 0px 0px;
}

.layout_full .ce_text:first-of-type h2:nth-child(1){
padding: 0px 0px 0px 0px;
}

.layout_full > .image_container{
max-height: 800px;
overflow: hidden;
position: relative;

}

.layout_full > .image_container .caption{
padding: 15px 0px 5px 0px;
font-size: 1rem;
font-style: italic;
background-color: var(--background-color);
position: absolute;
bottom: 0;
width: 100%;
}

.layout_full > .image_container > img[width]{
width: 100%;
}

.layout_full .ce_text .image_container{
margin: 25px 0px 25px 0px;
display:flex;
flex-direction:column;
justify-content:center;
text-align:center;
max-height: 680px;
overflow: hidden;
position: relative;
}

.layout_full .ce_text .image_container img{
width: 100%;
max-width: 100%;
max-height: 100%;
}

.layout_full .ce_text .image_container .caption{
padding: 5px 0px 0px 0px;
font-size: 1rem;
font-style: italic;
background-color: var(--background-color);
position: absolute;
bottom: 0;
width: 100%;
text-align: left;
}

.mod_newsreader .back{
display: none;
}

.mod_newslist.detailiste .layout_latest:nth-child(10){
display: none;
}


/* newsliste GRid */
.list-grid-wrapper{
display: grid;
grid-template-columns: repeat(3, 1fr);
padding: 10px;
gap: 60px;
}

.list-grid-wrapper > article{
min-width: calc((100% / 3) - 60px);
}


.list-grid-wrapper > div.banner_wrapper_col3, .list-grid-wrapper > aside.banner_wrapper_col3{
grid-column: 1 / span 3;
display: flex;
flex-direction: row;
gap: 20px;
padding: 50px 0px;
margin: -20px 0px;
}


.list-grid-wrapper > article:nth-child(1){
grid-column: 1 / span 2;
}

.list-grid-wrapper > article.layout_latest:nth-of-type(6),.list-grid-wrapper > article.layout_latest:nth-of-type(16){
grid-column: 2 / span 2;
}

.list-grid-wrapper > article:nth-of-type(10){
grid-column: 1 / span 2;
}


.list-grid-wrapper > article:nth-child(1) figure, .list-grid-wrapper > article.layout_latest:nth-of-type(6) figure, .list-grid-wrapper > article.layout_latest:nth-of-type(16) figure, .list-grid-wrapper > article.layout_latest:nth-of-type(10) figure{
aspect-ratio: 4.5 / 2.5;
}

.list-grid-wrapper > article:nth-child(1) h3, .list-grid-wrapper > article.layout_latest:nth-of-type(6) h3, .list-grid-wrapper > article.layout_latest:nth-of-type(16) h3, .list-grid-wrapper > article.layout_latest:nth-of-type(10) h3{
min-height: auto;
}




.list-grid-wrapper > div.sonderbanner, .list-grid-wrapper > aside.sonderbanner{
	grid-column: 1 / span 3;
	padding-top: 50px;
}

/* tags */
.mod_tagcloudnews{
display: block;
padding: 0px 0px 0px 0px;
margin: 0px 0px 2rem 0px;
}

.mod_tagcloudnews ul{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: fit-content;
display:flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
gap: 6px
}

.mod_tagcloudnews ul li > a{
display: block;
padding:6px 16px;
margin: 0px;
text-align: center;
color: var(--text-color-light);
background-color: var(--text-color);
text-decoration: none;
font-size: 0.85rem;
font-weight: 600;
}

.mod_tagcloudnews ul li > a:hover, .mod_tagcloudnews ul li > a:active{
background-color: var(--background-theme);
text-decoration: none;
}


.news_suboptions{
margin-top: 2rem;
}

.block-wrapper{
display: block;
width: 100%;
}


.two-coumns{
columns: 2;
column-gap: 70px;
display: flex;
flex-direction: row;
align-items: stretch;
place-content: stretch;
}
/* author */

.mod_author{
display:flex;
flex-direction: row;
flex-wrap: nowrap;
width: 100%;
padding: 15px;
border: dotted 1px rgba(var(--text-color-rgb),0.25);
align-items: center;
flex-grow: 1;
}


.mod_author .article_autor{
display:flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
flex-grow: 1;
width: 100%;
}


.mod_author .author-image{
width: 85px;
height: 85px;
display: block;
overflow: hidden;
border-radius: 50em;
margin-right: 20px;
}

.layout_full .ce_text  .mod_author .author-image figure{
width: 100%;
height: 100%;
margin: 0px 0px;
display: block;
overflow: hidden;
position: relative;
}

.mod_author .author-image figure img{
width: 100%;
height: 100%;
object-fit: cover;
}

.mod_author .author-container{
width: fit-content;
}

.article_autor .mod_author p{
font-size: 1rem;
}

.author-container p strong, .author-container p strong a{
font-size: 1rem;
font-weight: 700;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

.author-container .author-links{
display:flex;
flex-direction: columns;
flex-wrap: wrap; 
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

.author-container .author-email, .author-container .author-links li, .author-container p.author-links{
font-size: 1rem;
font-weight: 400;
text-decoration: none;
}

.author-container p, .author-container p a{
padding: 0px 0px 6px 0px;
margin: 0px 0px 0px 0px;
font-size: 1rem;
font-weight: 400;
text-decoration: none;
} 


.author-container a{
text-decoration: none;
}

.author-container a:hover, .author-social-link a:hover{
text-decoration: underline;	
}

.author-container .author-phone{
padding-left: 30px;
position: relative;
}

.author-container .author-phone::before{
content: '';
width: 25px;
height: 25px;
display: block;
position: absolute;
top: 0px;
left: 0px;
background-image: URL("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 30 30'%3E%3Cpath style='fill: black;'  d='M23.8,20.1c-.2.4-.5.7-.9,1.1-.9.9-2.1,1.3-3.4,1.2-2.2-.2-5.4-1.5-8.1-4.2-2.7-2.7-4-5.9-4.2-8.1-.1-1.2.3-2.5,1.2-3.4.4-.4.7-.7,1.1-.9.7-.5,1.6-.2,1.8.6l.9,2.7c.3.8.1,1.2-.2,1.5l-.7.7c-.4.4-.4.9-.1,1.4.4.6,1.2,1.6,2.6,3,1.4,1.4,2.4,2.2,3,2.6.4.3,1,.2,1.4-.1l.7-.7c.3-.3.8-.4,1.5-.2l2.7.9c.8.3,1.1,1.2.6,1.8'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center center;
background-size: 100% 100%;
}

.ce_text.kontaktbox{
margin-top: 2rem;
padding: 20px;
background-color: var(--background-theme);
color: var(--text-color);
font-size: 0.85rem;
flex-grow: 1;
}

.ce_text.kontaktbox p{
font-size: 1.15rem;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

.ce_text.kontaktbox a{
font-weight: 600;

}

.mod_newslist:not(.shortlist):not(.bigteaser-pagelist):not(.first_news):not(.galerie_first):not(.list-grid-wrapper){
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: 1fr;
gap: 66px;
}

.mod_newslist.first_news, .mod_newslist.galerie_first {
display: block;
}

.home #main .home_specialarticle .mod_newslist, .fullwidth #main .specialarticle > *{
display: block;
padding: 0px 20px 0px 20px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
width: calc(100% - 40px);
max-width: 1272px;
}

.home #main .inside .mod_article.home_specialarticle{
display: none;
background-color: var(--background-theme);
width: 100%;
max-width: 100%;
padding: 50px 0px;
margin: 100px auto 0px auto;
}

.fullwidth #main .inside .mod_article.specialarticle{
background-color: rgba(var(--text-color-rgb),0.2);
width: 100%;
max-width: 100%;
padding: 50px 0px;
margin: 60px auto 60px auto;
}

.home #main .inside .mod_article.home_specialarticle:has(article){
display: block;
}

.mod_newslist.first_news .first_news,  .home_specialarticle .mod_newslist .first_news, .mod_newslist.galerie_first .layout_latest{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
position: relative;
padding-bottom: 50px;
margin-bottom: 50px;

}

.mod_newslist.galerie_first .layout_latest{
border-bottom: dotted 1px rgba(var(--text-color-rgb), 0.8);
}

.home_specialarticle .mod_newslist .first_news{
padding-bottom: 0px;
margin-bottom: 0px;
}

.mod_newslist.first_news .news_box, .home_specialarticle  .mod_newslist .news_box, .mod_newslist.galerie_first .news_box{
width: calc((100% / 3) + 120px);
position: static;
z-index: 2;
}

.mod_newslist.first_news .news_img,  .home_specialarticle .mod_newslist .news_img, .mod_newslist.galerie_first .news_img{
width: 100%;	
position: relative;
z-index: 1;
}

.mod_newslist.first_news .news_img .caption,  .home_specialarticle .mod_newslist .news_img{
font-size: 0.8rem;
padding: 5px 0px 0px;
font-style: italic;
text-align: right;
}


.home_specialarticle .mod_newslist .news_img figure{
position: relative;
}


.mod_newslist.first_news h2, .home_specialarticle .mod_newslist h2, .mod_newslist.galerie_first .layout_latest h2{
width: 140%;
margin: 50px 0px 40px 0px;
display: block;
}

.mod_newslist.first_news h2 > a, .home_specialarticle .mod_newslist h2 a, .mod_newslist.galerie_first .layout_latest h2 > a, .mod_newslist.galerie_first .layout_latest h2 > a:hover{
background-color: var(--text-color);	
color: var(--text-color-light);
font-weight: 900;
font-size: 2.5rem;
text-decoration: none;
padding: 5px 0px;
line-height: 1.6em;
font-style: normal;
}

.mod_newslist.first_news h2 > a span, .home_specialarticle .mod_newslist h2 a span, .mod_newslist.galerie_first h2 a span{
padding: 0px 6px;
display: inline;
-webkit-box-decoration-break: clone;  
box-decoration-break: clone;
}

.mod_newslist.first_news .news_teaser, .mod_newslist.first_news .news_teaser p, .home_specialarticle .mod_newslist .news_teaser, .home_specialarticle .mod_newslist .news_teaser p, .mod_newslist.galerie_first .news_teaser, .mod_newslist.galerie_first .news_teaser p{
font-size: 1.2rem;
line-height: 1.3em;
padding: 0px;
margin: 0px;
}

.mod_newslist.first_news .news_teaser, .mod_newslist.first_news .news_info, .home_specialarticle  .mod_newslist .news_teaser, .home_specialarticle .mod_newslist .news_info, .mod_newslist.galerie_first .news_teaser .news_info, .mod_newslist.galerie_first .news_info{
padding-right: 40px;
}


.mod_newslist .layout_latest{
position: relative;
overflow: visible;
display: flex;
flex-direction: column;
}

.mod_newslist .layout_latest a, .mod_newslist .layout_latest a:hover{
text-decoration: none;
}

.mod_newslist.block, .home #main .inside .mod_article, .fullwidth #main .inside .mod_article, .mod_article.block{
overflow: visible;
}

.mod_newslist.galerie-pagelist{
overflow: visible;
}

.mod_newslist article, .mod_newslist.first_news article img,  .mod_newslist.first_news article h2{
transition: transform .4s ease-in-out;
}

.mod_newslist:not(.first_news) article:hover, .mod_eventlist article:hover{
transform: scale(1.04);
}

.mod_newslist.first_news article:hover img, .mod_newslist.first_news article:hover h2{
transform: scale(1.04);
}



.mod_newslist.first_news, .mod_newslist.first_news > .block{
overflow: visible;
}

.news_author{
display: inline-block;
border-left: solid 1px var(--text-color);
padding-left: 8px;
margin-left: 5px;
}

.news_author a, .news_author a:active{
text-decoration: none; 
}

.mod_newslist .layout_latest::after, .mod_eventlist .layout_upcoming::after{
content: '';
width: 1px;
height: 100%;
position: absolute;
border-right: solid 1px rgba(var(--text-color-rgb),0.25);
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
right: -33px;
top: 0px;
}

.mod_newslist.list-col3 .layout_latest:nth-child(3n)::after, .mod_eventlist.list-col3 article:nth-of-type(3n)::after, .mod_eventlist.eventbox article:nth-of-type(3n)::after, .mod_newslist.detailiste article:nth-child(3n)::after{
display: none;
}

.mod_newslist .layout_latest h2 a, .mod_newslist .layout_latest h3 a{
position: static;
}

.mod_newslist .layout_latest h2 a::before, .mod_newslist .layout_latest h3 a::before{
height: 100%;
left: 0px;
position: absolute;
top: 0px;
width: 100%;
z-index: 1;
content: "";
}

.mod_newslist .layout_latest a, .mod_newslist .layout_latest .info{
order: 2;
}

.mod_newslist .layout_latest h2,  .mod_newslist .layout_latest h3{
order: 3;
}

.mod_newslist .layout_latest .ce_text{
order: 4;
}

.mod_newslist .layout_latest figure{
width: 100%;
height: auto;
aspect-ratio: 4/3;
order: 1;
position: relative;
overflow: hidden;
}


.mod_newslist .layout_latest figure picture{
width: 100%;
height: 100%;
}

.mod_newslist .layout_latest figure .caption, .mod_newslist .layout_latest figure figcaption, .home_specialarticle  .mod_newslist figure .caption{
font-size: 0.8rem;
padding: 5px 5px 5px 5px;
font-style: italic;
text-align: right;
background-color: rgba(255,255,255, 0.55);
position: absolute;
bottom: 0;
width: calc(100% - 10px);
text-shadow: 1px 1px rgba(255,255,255,0.6);
}


.mod_newslist .layout_latest figure img{
width: 100%;
height: 100%;
object-fit: cover;
transition: transform .4s;
}




.mod_newslist .layout_latest .info{
font-size: 1rem;
padding: 15px 0px 20px 0px;
margin: 0px 0px 0px 0px;
}


@media only screen and (max-width: 680px) {
.mod_newslist .layout_latest .info, p.news_info, p.info{
font-size: 0.85rem;
}

}


.mod_newslist .layout_latest h3, .mod_newslist .layout_latest h3 a, .mod_newslist .layout_latest h3 a:hover, .mod_newslist .layout_latest h2, .mod_newslist .layout_latest h2 a, .mod_newslist .layout_latest h2 a:hover, .mod_newslist .layout_short h3, .mod_newslist .layout_short h3 a, .mod_newslist .layout_short h3 a:hover, .marktlist-item h3, .marktlist-item h3 a, .marktlist-item h3 a:hover{
font-size: 1.65rem;
font-weight: 800;
font-style: italic;
line-height: 1.2em;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
color: var(--text-color);
text-decoration: none;

}

.mod_newslist .layout_short h3, .mod_newslist .layout_short h3 a, .mod_newslist .layout_short h3 a:hover{
font-size: 1.35rem;
font-weight: 700;	
}

.mod_newslist .layout_latest h2, .mod_newslist .layout_latest h3{
min-height: 105px;
padding: 0px 0px 15px 0px;
}

.mod_newslist .layout_latest .ce_text, .mod_newslist .layout_latest .ce_text p{
font-size: 1.2rem;
line-height: 1.3em;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

.mod_newslist .layout_latest .ce_text .news_cat, .layout_short .news_cat{
display: inline-block;
position: relative;
color: var(--background-theme);
font-weight: 600;
padding: 0px 15px 0px 0px;
margin: 0px 5px 0px 0px;
}

.mod_newslist .layout_latest .ce_text .news_cat::after, .layout_short .news_cat::after{
content: '';
display: block;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
position: absolute;
right: 0px;
top: 0px;
bottom: 0px;
left: auto;
height: 5px;
width: 5px;
font-size: 5px;
background-color: var(--background-theme);
border-radius: 50em;
margin: auto 0px;
border: 0px;
}


.mod_newslist .layout_latest .ce_text a, .mod_newslist .layout_latest .ce_text p a{
text-decoration: none;
}


.layout_short{
padding-bottom: 30px;
padding-top: 15px;
}

.layout_short .info{
margin-bottom: 8px;
}




.mod_newslist.galerie_first{

}


.mod_newslist.galerie_first .news_teaser{
padding-right: 40px;	
}

.mod_newslist.galerie_first .news_teaser .news_cat{
	display: none;
}


.mod_newslist.galerie_first .layout_latest::after{
display: none;	
}

.ce_details details{
padding-bottom: 40px;
position: relative;
}


summary::after {
content: "mehr";
position: absolute;
bottom: -35px;
margin: 0px auto;
text-align: center;
border: solid 1px #000;
border-radius: 6px;
width: 60%;
min-width: 200px;
left: 0;
right: 0;
display: inline-block;
cursor: pointer;
}

details[open] summary:after {
content: "";
display: none;
}

details button{
display: none;
}

details[open] button {
content: "weniger";
margin: 15px auto 0px auto;
text-align: center;
border: solid 1px #000;
background-color: transparent;
border-radius: 6px;
width: 60%;
min-width: 200px;
display: block;
cursor: pointer;
}

details > summary::marker, details > summary::-webkit-details-marker, details[open] > summary::-webkit-details-marker,
details[open] > summary::marker, summary::-webkit-details-marker{ 
display: none;
}


.ce_details details summary{
cursor: pointer;
position: relative;
list-style: none;
}

.mod_newslist .layout_latest .ce_details details p{
padding-top: 12px;
}

.mod_newslist .layout_latest .ce_details details summary p{
padding-top: 0px;
}

.first_news.blaulicht_news h3{
min-height: auto;
padding: 0px 0px 15px;
}

.first_news.blaulicht_news .ce_details p{
margin-bottom: 12px;
}

.first_news.blaulicht_news{
padding-bottom: 25px;
}






.ce_text.first_news{
display: flex;
flex-flow: row;
justify-content: flex-start;
position: relative;
padding-bottom: 50px;
margin-bottom: 50px;
}


.ce_text.first_news:first-child:last-child{
padding-bottom: 0px;
margin-bottom: 0px;
}


.ce_text.first_news .news_box {
width: calc(33.3333% + 120px);
z-index: 2;
}

.ce_text.first_news  .news_img {
width: 100%;
z-index: 1;
}


.ce_text.first_news h2, .ce_text.first_news h1 {
width: 140%;
margin: 50px 0px 40px;
hyphens: auto;
hyphenate-limit-chars: 5 4 3;
display: block;
}

.ce_text.first_news h2 > span, .ce_text.first_news h1 > span {
background-color: var(--text-color);
font-weight: 900;
text-decoration: none;
padding: 5px 6px;
font-style: normal;
color: var(--text-color-light);
font-size: 2.5rem;
line-height: 1.6em;
display: inline;
-webkit-box-decoration-break: clone;  
box-decoration-break: clone;
}

.ce_text.first_news h2 > span span, .ce_text.first_news h1 > span span {
padding: 0px 6px;
color: var(--text-color-light);
}



.ce_text.first_news h2 span::after, .ce_text.first_news h1 span::after{
display: none;
}



.mod_newslist.first_news.firstnews_list .first_news{
display: flex;
flex-direction: columns;
flex-wrap: wrap;
justify-content: flex-start;
position: relative;
padding-bottom: 0px;
margin-bottom: 0px;
} 


.mod_newslist.first_news.firstnews_list.news_img{
order: 1;
}

.mod_newslist.first_news.firstnews_list .news_box{
width: 100%;
order: 2;
}

.mod_newslist.first_news.firstnews_list h2{
width: auto;
margin: 0px 0px 0px 0px;
}

.mod_newslist.first_news.firstnews_list h2  > a{
background-color: transparent;
font-size: 1.65rem;
font-weight: 800;
font-style: italic;
line-height: 1.2em;
padding: 0px;
margin: 0px;
color: var(--text-color);
text-decoration: none;
}


.mod_newslist.first_news.firstnews_list h2  > a span{
padding: 0px 0px;
}




/* share buttons */
.mod_sharebuttons{
display:flex;
flex-direction: column;
flex-wrap: nowrap;
width: 100%;
padding: 15px 0px 15px 0px;
margin: 0px 0px 0px 0px;
border-bottom: dotted 1px rgba(var(--text-color-rgb),0.25);
justify-content: space-between;
align-content: flex-end;
align-items: flex-end;
overflow: hidden;
}

.mod_sharebuttons h6{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-size: 1rem;
font-weight: 700;
}


.plain_share .sharebuttons ul{
display: flex;
flex-flow: row;
justify-content: flex-end;
margin: 0px 0px 0px auto;
}

.plain_share .sharebuttons li{
padding: 0px 0px 0px 15px;
margin: 0px 0px 0px 0px;
}

.plain_share .sharebuttons li a, .share_link a{
display: block;
width: 35px;
height: 35px;
border-radius: 50em;
background-color: var(--text-color);
background-position: center center;
background-repeat: no-repeat;
color: var(--text-color-light);
font-size: 20px;
text-align: center;
vertical-align: middle;
line-height: 35px;
text-decoration: none;
font-weight: 300;
text-indent: -999px;
}

.plain_share .sharebuttons li a:hover, .ctlg_master .company_social li a:hover{
background-color: var(--background-theme);	
}


.plain_share .sharebuttons li a.tiktok, .ctlg_master .company_social li a.tiktok{
background-image: URL("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='stroke: white; fill: white;' viewBox='0 0 448 512'%3E%3Cpath d='M448,209.91a210.06,210.06,0,0,1-122.77-39.25V349.38A162.55,162.55,0,1,1,185,188.31V278.2a74.62,74.62,0,1,0,52.23,71.18V0l88,0a121.18,121.18,0,0,0,1.86,22.17h0A122.18,122.18,0,0,0,381,102.39a121.43,121.43,0,0,0,67,20.14Z'/%3E%3C/svg%3E");
background-size: 100% 100%;
}

.plain_share .sharebuttons li a.youtube, .ctlg_master .company_social li a.youtube{
background-image: URL("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='stroke: white; fill: white;' viewBox='0 0 576 512'%3E%3Cpath d='M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z'/%3E%3C/svg%3E");
background-size: 70% auto;
}

.plain_share .sharebuttons li a.facebook, .ctlg_master .company_social li a.facebook{
background-image: URL("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' viewBox='0 0 50 50'%3E%3Cpath style='stroke: white; fill: white;' d='M32.1,22.8l-.4,3.1c0,.5-.5.9-1,.9h-5.1v13.1c-.5,0-1.1,0-1.6,0-1.2,0-2.4-.1-3.6-.4v-12.9h-3.9c-.4,0-.7-.3-.7-.7v-3.9c0-.4.3-.7.7-.7h3.9v-5.9c0-3.6,2.9-6.6,6.5-6.6h4.6c.4,0,.7.3.7.7v3.9c0,.4-.3.7-.7.7h-3.3c-1.4,0-2.6,1.2-2.6,2.6v4.6h5.5c.6,0,1.1.6,1,1.2'/%3E%3C/svg%3E");
background-size: 100% 100%;
}

.plain_share .sharebuttons li a.twitter, .ctlg_master .company_social li a.twitter{
background-image: URL("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' viewBox='0 0 50 50'%3E%3Cpath style='stroke: white; fill: white;' d='M16.1,15.3h3.4l13.9,19.4h-3.4l-13.9-19.4ZM28.2,22.8l9.5-10.2h-3.6l-7.5,8-5.7-8h-9.9l10,14-10,10.7h3.6l8-8.5,6.1,8.5h9.9l-10.4-14.5Z'/%3E%3C/svg%3E");
background-size: 100% 100%;
}


.plain_share .sharebuttons li a.linkedin, .ctlg_master .company_social li a.linkedin{
background-image: URL("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' viewBox='0 0 50 50'%3E%3Cpath style='fill: white;' d='M19.5,15.7c0,1.7-1.4,3-3,3s-3-1.4-3-3,1.4-3,3-3,3,1.4,3,3'/%3E%3Cpath style='stroke: white; fill: white;' d='M18.8,35.9h-4.6c-.1,0-.2-.1-.2-.2v-14.7c0-.1.1-.2.2-.2h4.6c.1,0,.2.1.2.2v14.7c0,.1-.1.2-.2.2'/%3E%3Cpath style='stroke: white; fill: white;'  d='M36.2,26.3v8.6c0,.6-.5,1-1,1h-3c-.6,0-1-.5-1-1v-7.1c0-1.4-1.1-2.5-2.5-2.5s-2.5,1.1-2.5,2.5v7.1c0,.6-.5,1-1,1h-3c-.6,0-1-.5-1-1v-13.1c0-.6.5-1,1-1h3c.6,0,1,.5,1,1v.6c1-1.3,2.7-2.2,4.5-2.2,2.8,0,5.5,2,5.5,6.1'/%3E%3C/svg%3E");
background-size: 100% 100%;
}


.plain_share .sharebuttons li a.xing, .ctlg_master .company_social li a.xing{
background-image: URL("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='50px' height='50px' viewBox='0 0 540.543 540.543'%3E%3Cpath style='stroke: white; fill: white;' d='M129.989,378.772c8.274,0,15.361-5.006,21.243-15.036c53.813-95.423,81.806-145.093,83.991-149.028l-53.593-93.458 c-5.667-9.804-12.858-14.707-21.567-14.707H81.953c-5.019,0-8.495,1.634-10.459,4.902c-2.399,3.268-2.289,7.301,0.325,12.087 l52.613,91.176c0.214,0.232,0.214,0.331,0,0.331L41.75,361.453c-2.172,4.149-2.172,8.066,0,11.757 c2.173,3.715,5.557,5.562,10.129,5.562H129.989z'/%3E%3Cpath style='stroke: white; fill: white;' d='M488.492,0h-78.758c-8.495,0-15.472,4.902-20.912,14.707C277.053,212.97,219.206,315.596,215.283,322.555l110.784,203.282 c5.227,9.804,12.418,14.706,21.567,14.706h78.104c4.791,0,8.28-1.634,10.459-4.902c2.172-3.715,2.068-7.748-0.325-12.099 L326.073,322.555v-0.318L498.627,16.995c2.393-4.571,2.393-8.592,0-12.087C496.662,1.634,493.284,0,488.492,0z'/%3E%3C/svg%3E");
background-size: 90% 60%;
}


.plain_share .sharebuttons li a.whatsapp, .ctlg_master .company_social li a.whatsapp{
background-image: URL("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' viewBox='0 0 50 50'%3E%3Cpath style='stroke: white; fill: white;' d='M25.4,35.1c-2.1,0-4-.6-5.6-1.5-.2,0-.3-.2-.5-.3l-4.5,1.2,1.2-4.5c-1.1-1.8-1.8-3.8-1.8-6.1,0-6.2,5-11.2,11.2-11.2s11.2,5,11.2,11.2-5,11.2-11.2,11.2M24.9,9.8c-7.3.2-13.3,6.1-13.6,13.4-.1,2.6.4,5.1,1.6,7.2l-1.6,7.1c0,.3.2.6.5.5l7.1-1.6h0c2.1,1.1,4.6,1.7,7.2,1.6,7.2-.3,13.1-6.3,13.4-13.5.3-8.2-6.4-14.9-14.6-14.7'/%3E%3Cpath style='stroke: white; fill: white;' d='M32,28.8c-.2.3-.4.6-.7.9-.7.7-1.7,1.1-2.7,1-1.8-.2-4.4-1.2-6.6-3.4-2.2-2.2-3.2-4.8-3.4-6.6-.1-1,.3-2,1-2.7.3-.3.6-.5.9-.7.5-.4,1.3-.1,1.5.5l.7,2.2c.2.6.1,1-.2,1.3l-.6.6c-.3.3-.3.7-.1,1.1.3.5.9,1.3,2.1,2.5,1.1,1.1,2,1.7,2.5,2.1.4.2.8.2,1.1-.1l.6-.6c.3-.3.6-.4,1.3-.2l2.2.7c.6.2.9.9.5,1.5'/%3E%3C/svg%3E");
background-size: 100% 100%;
}

.plain_share .sharebuttons li a.instagram, .ctlg_master .company_social li a.instagram{
background-image: URL("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' viewBox='0 0 50 50'%3E%3Cpath style='stroke: white; fill: white;' d='M35.2,30.8c0,2.3-1.9,4.3-4.3,4.3h-11.9c-2.3,0-4.3-1.9-4.3-4.3v-11.9c0-2.3,1.9-4.3,4.3-4.3h11.9c2.3,0,4.3,1.9,4.3,4.3v11.9ZM31.4,12.5h-12.8c-3.3,0-6,2.7-6,6v12.8c0,3.3,2.7,6,6,6h12.8c3.3,0,6-2.7,6-6v-12.8c0-3.3-2.7-6-6-6'/%3E%3Cpath style='stroke: white; fill: white;' class='st1' d='M25,29.1c-2.3,0-4.3-1.9-4.3-4.3s1.9-4.3,4.3-4.3,4.3,1.9,4.3,4.3-1.9,4.3-4.3,4.3M25,18.4c-3.5,0-6.4,2.9-6.4,6.4s2.9,6.4,6.4,6.4,6.4-2.9,6.4-6.4-2.9-6.4-6.4-6.4'/%3E%3Cpath style='stroke: white; fill: white;' class='st1' d='M31.8,19.3c-.7,0-1.3-.6-1.3-1.3s.6-1.3,1.3-1.3,1.3.6,1.3,1.3-.6,1.3-1.3,1.3'/%3E%3C/svg%3E");
background-size: 100% 100%;
}

.plain_share .sharebuttons li a.mail{
background-image: URL("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 30 30'%3E%3Cpath style='fill:transparent;' d='M15,29.9C6.8,29.9.1,23.2.1,15S6.8.1,15,.1s14.9,6.7,14.9,14.9-6.7,14.9-14.9,14.9'/%3E%3Cpolygon style='fill:white;' points='20.9 9.5 9.1 9.5 6.6 9.5 6.6 9.5 13.8 14.5 15 15.4 16.3 14.5 23.4 9.5 23.4 9.5 20.9 9.5'/%3E%3Cpolygon style='fill:white;' points='16.7 15 23.9 20 23.9 10 16.7 15'/%3E%3Cpolygon style='fill:white;' points='6.1 10 6.1 20.1 13.3 15 6.1 10'/%3E%3Cpolygon style='fill:white;' points='16.3 15.5 15 16.4 13.8 15.5 6.6 20.5 6.6 20.6 9.1 20.6 20.9 20.6 23.4 20.6 23.4 20.5 16.3 15.5'/%3E%3C/svg%3E");
background-size: 100% 100%;
}


.plain_share .sharebuttons li a.tumblr{
background-image: URL("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' viewBox='0 0 50 50'%3E%3Cpath style='fill:white;' d='M20.4,31.1c0,1.1.1,1.9.3,2.4.2.6.6,1.1,1.2,1.6.6.5,1.3.9,2.1,1.1.8.3,1.8.4,2.8.4s1.8,0,2.6-.3c.8-.2,1.7-.5,2.7-1v-3.7c-1.2.8-2.3,1.1-3.5,1.1s-1.2-.2-1.8-.5c-.4-.2-.7-.5-.8-.9-.1-.4-.2-1.2-.2-2.6v-6h5.5v-3.6h-5.5v-5.9h-3.3c-.1,1.2-.4,2.2-.8,3-.4.8-.9,1.4-1.6,2-.6.6-1.4,1-2.3,1.3v3.3h2.5v8.1Z'/%3E%3C/svg%3E");
background-size: 100% 100%;
}


.plain_share .sharebuttons li a.reddit{
background-image: URL("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' viewBox='0 0 50 50'%3E%3Cpath id='reddit' style='stroke: white; fill: white;' d='M29.4,28.4c-1.1,0-1.9-.9-1.9-1.9s.9-1.9,1.9-1.9,1.9.9,1.9,1.9-.8,1.9-1.9,1.9M30,31.9c0,0-1.5,2.2-5,2.2s-4.9-2.1-5-2.2c-.2-.3-.1-.7.2-.9.3-.2.7-.1.9.2,0,0,1.2,1.6,3.9,1.6s3.9-1.6,3.9-1.6c.2-.3.6-.4.9-.2.3.2.4.6.2.9M18.7,26.5c0-1.1.8-1.9,1.9-1.9s1.9.9,1.9,1.9-.8,1.9-1.9,1.9-1.9-.9-1.9-1.9M38.9,23.9c0-1.7-1.4-3.2-3.2-3.2s-1.6.3-2.2.9c-1.9-1.5-4.5-2.5-7.3-2.7l1.6-4.9,4.1,2c0,0,0,.1,0,.2,0,1.1.8,1.9,1.9,1.9s1.9-.9,1.9-1.9-.9-1.9-1.9-1.9-1,.2-1.3.5l-4.1-2.1c-.3-.2-.7-.2-1,0-.3.1-.6.4-.7.7l-1.8,5.3c-3.4,0-6.4,1.1-8.6,2.8-.6-.5-1.3-.9-2.2-.9-1.7,0-3.2,1.4-3.2,3.2s.8,2.5,2,2.9c0,.4-.1.8-.1,1.2,0,5.1,5.4,9.2,12,9.2s12-4.1,12-9.2,0-.8-.1-1.2c1.2-.5,2-1.6,2-2.9'/%3E%3C/svg%3E");
background-size: 100% 100%;
}



.plain_share .sharebuttons li a.google{
background-image: URL("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='google' style='stroke: white; fill: white;' viewBox='0 0 488 512'%3E%3Cpath d='M488 261.8C488 403.3 391.1 504 248 504 110.8 504 0 393.2 0 256S110.8 8 248 8c66.8 0 123 24.5 166.3 64.9l-67.5 64.9C258.5 52.6 94.3 116.6 94.3 256c0 86.5 69.1 156.6 153.7 156.6 98.2 0 135-70.4 140.8-106.9H248v-85.3h236.1c2.3 12.7 3.9 24.9 3.9 41.4z'/%3E%3C/svg%3E");
background-size: 60% 60%;

}


.news_suboptions p.share_link{
display: inline-block;
padding: 0px 0px 0px 0px;
margin: auto 0px 0px 0px;
overflow: hidden;
width: fit-content;
}


/* breadcrumb */
#breadcrumb{
width: 100%;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

#breadcrumb .inside{
width: calc(100% - 40px);
max-width: 1272px;
padding: 0px 0px 0px 0px;
margin: 0px auto 0px auto;
}

#breadcrumb .inside nav{
padding: 20px 0px; 
width: 95%;
}

#breadcrumb ul{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-content: flex-start;
align-items: flex-start;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}


#breadcrumb ul::after{
content: '';
width: 40px;
height: 20px;
position: absolute;
right: 0px;
top: 0px;
z-index: 1;
background: transparent;
background: linear-gradient(90deg,rgba(0, 0, 0, 0) 0%, var(--background-color) 100%);
}


#breadcrumb ul li.home > a{
text-indent: -9999px;
position: relative;
display: block;
min-width: 25px;
line-height: 1.2em;

}

#breadcrumb ul li.home > a::after{
content: '';
position: absolute;
width: 20px;
height: 16px;
display: block;
left: 0;
top: 0;
background-image: URL("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='stroke: black; fill: black;' viewBox='0 0 576 512'%3E%3Cpath d='M575.8 255.5c0 18-15 32.1-32 32.1l-32 0 .7 160.2c0 2.7-.2 5.4-.5 8.1l0 16.2c0 22.1-17.9 40-40 40l-16 0c-1.1 0-2.2 0-3.3-.1c-1.4 .1-2.8 .1-4.2 .1L416 512l-24 0c-22.1 0-40-17.9-40-40l0-24 0-64c0-17.7-14.3-32-32-32l-64 0c-17.7 0-32 14.3-32 32l0 64 0 24c0 22.1-17.9 40-40 40l-24 0-31.9 0c-1.5 0-3-.1-4.5-.2c-1.2 .1-2.4 .2-3.6 .2l-16 0c-22.1 0-40-17.9-40-40l0-112c0-.9 0-1.9 .1-2.8l0-69.7-32 0c-18 0-32-14-32-32.1c0-9 3-17 10-24L266.4 8c7-7 15-8 22-8s15 2 21 7L564.8 231.5c8 7 12 15 11 24z'/%3E%3C/svg%3E");
background-size: 100% 100%;
}


@media (prefers-color-scheme: dark) {
#breadcrumb ul li.home > a::after{
background-image: URL("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'  style='stroke: white; fill: white;' viewBox='0 0 576 512'%3E%3Cpath d='M575.8 255.5c0 18-15 32.1-32 32.1l-32 0 .7 160.2c0 2.7-.2 5.4-.5 8.1l0 16.2c0 22.1-17.9 40-40 40l-16 0c-1.1 0-2.2 0-3.3-.1c-1.4 .1-2.8 .1-4.2 .1L416 512l-24 0c-22.1 0-40-17.9-40-40l0-24 0-64c0-17.7-14.3-32-32-32l-64 0c-17.7 0-32 14.3-32 32l0 64 0 24c0 22.1-17.9 40-40 40l-24 0-31.9 0c-1.5 0-3-.1-4.5-.2c-1.2 .1-2.4 .2-3.6 .2l-16 0c-22.1 0-40-17.9-40-40l0-112c0-.9 0-1.9 .1-2.8l0-69.7-32 0c-18 0-32-14-32-32.1c0-9 3-17 10-24L266.4 8c7-7 15-8 22-8s15 2 21 7L564.8 231.5c8 7 12 15 11 24z'/%3E%3C/svg%3E");
}
}

#breadcrumb ul li{
padding-right: 10px;
padding-left: 10px;
line-height: 1.2em;
}

#breadcrumb ul li:first-of-type{
padding-left: 0px;
}

#breadcrumb ul li:last-of-type{
padding-right: 0px;
overflow: hidden;
white-space: nowrap;
}


#breadcrumb ul li > a{
font-weight: 600;
}

#breadcrumb ul li, #breadcrumb ul li a, #breadcrumb ul li span{
color: var(--text-color);
text-decoration: none;
position: relative;
isolation: isolate;
}

#breadcrumb ul li:has(a){
border-right: solid 1px var(--text-color);
}

#breadcrumb ul li > a:not(.home)::after{
content: "";
width: 100%;
height: 1px;
position: absolute;
border-bottom: 3px solid var(--background-theme);
left: 0px;
bottom: -1px;
z-index: -1;
}

/* pagination */


.pagination{
width: 100%;
max-width: 800px;
display: block;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
text-align: center;
grid-column: 1/-1;
}

.pagination p{
display: none;
}

.pagination ul{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
margin:  0px auto 0px auto;
padding: 0px 0px 0px 0px;
width: fit-content;
list-style-type: none;
background-color: rgb(var(--background-theme-rgb),1);
min-height: 30px;
border-radius: 8px;
overflow: hidden;
}

.pagination ul li{
display: inline-block;
text-align: center;
padding: 0px 0px;
margin: 0px 0px 0px 0px;
min-width: 40px;
min-height: 40px;
width: 40px;
border-right: solid 2px var(--background-color);
}

.pagination ul li a, .pagination ul li span{
display: block;
padding: 0px 0px;
height: 100%;
line-height: 40px;
vertical-align: middle;
margin: 0px 0px 0px 0px;
width: 100%;
font-size: 0.95rem;
font-weight: normal;
text-decoration: none;
color: #ffffff;
text-align: center;
}


.pagination ul li span{
color: #000000!important;
background-color: rgba(255,255,255,0.5);
}

.pagination ul li a:hover{
background-color: rgba(255,255,255,0.5);
color: #000000!important;
}

.pagination .next, .pagination .last{
padding: 0px 0px;
margin: 0px 0px 0px 0px;
width: auto;
}

.pagination .previous, .pagination .first{
padding: 0px 0px;
margin: 0px 0px 0px 0px;
width: auto;
}



.pagination ul li.last a i{
color: #ffffff;
display: inline-block;
border-left: solid 2px #ffffff;
font-style: normal;
height: 11px;
line-height: 12px;
max-height: 11px;
margin: auto;
padding-left: 1px;
}


.pagination ul li.first a i{
color: #ffffff;
display: inline-block;
border-right: solid 2px #ffffff;
font-style: normal;
height: 11px;
line-height: 12px;
max-height: 11px;
margin: auto;
padding-right: 2px;
}



/* zitat */

.zitat-single{
margin: 1.5rem 0px;
padding: 4rem 2rem 1rem 2rem;
/*border-top: dotted 1px rgba(var(--text-color-rgb),1);*/
/*border-bottom: dotted 1px rgba(var(--text-color-rgb),1);*/
position: relative;
isolation: isolate
}


.zitat-single blockquote{
text-align: center;
font-family: 'Times','Times New Roman',serif;
font-size: 1.65rem;
position: relative;
margin-bottom: 0px;
max-width: 650px;
width: 50%;
margin-left: auto;
margin-right: auto;
}

.zitat-single::before{
content:"\201C";
position: absolute;
font-family: 'Times New Roman',serif;
font-weight: 600;
font-size: 130px;
font-style:italic;
color: rgb(var(--background-theme-rgb));
left: 0;
top: 3rem;
z-index: 0;
right: 0px;
margin: 0px auto;
width: 75px;
}

.zitat-single blockquote p{
font-size: 1.65rem;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-style: italic;
line-height: 110%;
font-weight: 600;
text-decoration: underline;
text-decoration-color: rgb(var(--background-theme-rgb));
text-decoration-thickness: 3px;
}


.zitat-single blockquote p strong{
display: block;
font-size: 1.65rem;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-style: italic;
}

.zitat-single blockquote span{
text-align: right;
display: block;
position: relative;
margin-left: auto;
width: fit-content;
font-family: 'Source Sans Pro',Verdana,sans-serif;
font-style: normal;
font-size: 0.8rem;
margin-top: 15px;
padding: 0px 0px 0px;
}


.zitat-single blockquote span::before{
content: "";
display: block;
width: 30px;
height: 1px;
border-top: solid 1px var(--text-color);
position: absolute;
bottom: -2px;
margin: auto 0px;
top: 0px;
left: -40px;
}

@media only screen and (max-width: 680px) {
.zitat-single blockquote{
width: 100%;
}

}



/* related news content */
.relatednews_box{
margin: 1.5rem 0px;
padding: 2rem 2rem;
position: relative;
isolation: isolate;
border: dotted 1px rgba(var(--text-color-rgb),1);
border-radius: 8px;
display: flex;
flex-direction: column;
}

.relatednews_box .related_header{
font-size: 1.2rem;
font-weight: bold;
display: block;
color:  var(--text-color);
padding: 0px 0px 0.5rem;
  margin: -1rem 0px 1rem 0px;
display: block;
border-bottom: dotted 1px rgba(var(--text-color-rgb),1);
}

.relatednews_box .relatednews_item{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
width: 100%;
margin: 0px 0px 2rem 0px;
padding: 0px 0px 2rem 0px;
justify-content: flex-start;
align-content: flex-start;
border-bottom: dotted 1px rgba(var(--text-color-rgb),1);
}

.relatednews_box .relatednews_item:last-of-type{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-bottom: 0px;
}


.relatednews_box .related_img{
max-width: 50%;
margin-right: 20px;
aspect-ratio: 3 / 1;
overflow: hidden;
min-height: 180px;
}


.relatednews_box .related_img .image_container{
margin: 0px 0px;
display: block;
text-align: left;
overflow: visible;
position: relative;

}

.relatednews_box .related_img img{
width: 100%;
height: 100%;
object-fit: cover;
}

.relatednews_box .related_img a{
display: inline-block;
width: 100%;
height: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.relatednews_box .related_teaser{
width: 100%;
}


.relatednews_box .related_teaser, .relatednews_box .related_teaser p, .relatednews_box .related_teaser a{
font-size: 0.95rem;	
text-decoration: none;
}

.relatednews_box .related_teaser h4, .relatednews_box .related_teaser h4 a{
margin: 0px 0px 0px 0px;
padding: 0px 0px;	
font-size: 1.4rem;
font-weight: 600;
}

.relatednews_box .related_teaser .related_date{
padding: 0px 0px 5px 0px;	
}

@media only screen and (max-width: 680px) {
.relatednews_box .related_img{
width: 40%;
max-width: 40%;
}

.relatednews_box .related_teaser{
width: 60%;
}
}




.mod_calendar{
padding-bottom: 1rem;
padding-top: 1rem;
overflow: visible;
}

.mod_calendar .cal_wrapper{
overflow: visible;
width: 100%;
}

.mod_calendar:has(.eventboxcal), .mod_article.block:has(.eventboxcal){
overflow: visible;
}

.mod_calendar table{

}

table.calendar {
width: 100%;
border-collapse: collapse;
border-spacing: 0px;

}


.ce_eventfilter{
display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 50px;
  padding: 0px 0px 50px;
}

.ce_eventfilter > .mod_calendar, .ce_eventfilter > .mod_mae_event_filter{
padding-bottom: 0rem;
  padding-top: 0rem;
display: flex;
}

@media (max-width: 850px) {
.mod_calendar .cal_wrapper{
overflow: hidden;
overflow-x: visible;
}
}

.mod_calendar .calnav_wrapper{
padding-bottom: 25px;
}

.mod_calendar .calnav_wrapper .calnav{
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
width: 100%;
}

.mod_calendar th.current, .mod_calendar .calnav .current {
border-right: 0;
border-left: 0;
text-align: center;
color: var(--background-theme);
font-size: 2rem;
text-transform: uppercase;
font-weight: 700;
}

.mod_calendar th.previous, .mod_calendar .calnav .previous{
border-right: 0;
font-size: 1rem;
font-weight: 700;
}

.mod_calendar th.next, .mod_calendar .calnav .next {
border-left: 0;
font-size: 1rem;
text-align: right;
font-weight: 700;
}

.mod_calendar th.previous a, .mod_calendar th.next a, .mod_calendar .calnav .previous a, .mod_calendar .calnav .next a{
text-decoration: none;
}

.mod_calendar th.label {
font-weight: 700;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.07143em;
padding: 12px;
border-top: 1px solid var(--text-color);
border-bottom: 1px solid var(--text-color);
border-right: 1px dotted var(--text-color);

}


.mod_calendar td {
vertical-align: top;
width: 14.28571%;
height: 164px;
padding: 0px;
border-right: 1px dotted var(--text-color);
border-bottom: 1px dotted var(--text-color);
aspect-ratio: 1 / 1 ;
position: relative;
}

.mod_calendar td:first-of-type, .mod_calendar th.label:first-of-type {
border-left: 1px solid var(--text-color);
}

.mod_calendar td:last-of-type, .mod_calendar th.label:last-of-type {
border-right: 1px solid var(--text-color);
}

.mod_calendar tbody tr:last-of-type td{
border-bottom: 1px solid var(--text-color);
}

.mod_calendar td.today {
font-weight: 600;
background-color: rgb(var(--background-theme-rgb), 0.2);
}
.mod_calendar .event {
font-size: 0.76667em;
}
.mod_calendar .minicalendar td {
padding: 0.16667em;
text-align: center;
}

.calendar .head {
padding: 20px 8px;

}

.calendar .time {
display:block;
}

.calendar th.weekend, .calendar td.weekend .header {
color: var(--background-theme);
}

.calendar .weekend {
background-color:rgba(198, 209, 214, 0.2);
}


.calendar td .header{
font-weight: 700;
font-size: 1.2rem;
padding: 2px 0px 4px 2px;
color: var(--text-color);
}

.calendar td .event{
margin-bottom: 8px;
background-color: rgba(255,255,255,0.26);
padding: 8px;
position: relative;
}

.calendar td .event a{
text-decoration: none;	
}

.calendar td .event a:hover{
text-decoration: none;	
color: var(--background-theme);
text-underline-offset: auto;
}

.calendar td .event:last-of-type{
margin-bottom: 0px;
}

.calendar td  .eventboxcal{
position: absolute;
width: 380px;
max-width: 380px;
background-color: #ffffff;
z-index: 2;
opacity: 1;
border: solid 1px var(--border-color2);
border-radius: 8px;
left: -25%;
padding: 10px;
box-shadow: 5px 6px 10px rgba(160,160,160,0.4);
}

/* Bildergalerie News */

.mod_newslist.bigteaser-4-10 {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: 1fr;
grid-column-gap: var( --gap);
grid-row-gap: var( --gap);
}
.mod_newslist.bigteaser-4-10 .layout_latest, .bigteaser-pagelist .layout_latest{
position: relative;
}

.bigteaser-4-10 .layout_latest:nth-child(1) { grid-area: 1 / 1 / 2 / 3; }
.bigteaser-4-10 .layout_latest:nth-child(2) { grid-area: 1 / 3 / 2 / 4; }
.bigteaser-4-10 .layout_latest:nth-child(3) { grid-area: 2 / 1 / 3 / 2; }
.bigteaser-4-10 .layout_latest:nth-child(4) { grid-area: 2 / 2 / 3 / 3; }
.bigteaser-4-10 .layout_latest:nth-child(5) { grid-area: 2 / 3 / 3 / 4; }
.bigteaser-4-10 .layout_latest:nth-child(6) { grid-area: 3 / 1 / 4 / 2; }
.bigteaser-4-10 .layout_latest:nth-child(7) { grid-area: 3 / 2 / 4 / 4; }  


.bigteaser-4-10 .layout_latest:nth-child(1)  .ce_text, .bigteaser-4-10 .layout_latest:nth-child(7)  .ce_text, .bigteaser-pagelist .layout_latest:nth-child(1)  .ce_text, .bigteaser-pagelist .layout_latest:nth-child(7)  .ce_text {
display: none;
}


.mod_newslist.galerie_teaser .layout_latest .ce_text .news_cat, .mod_newslist.galerie_teaser .layout_latest .ce_text {
display: none;
}

.mod_newslist.bigteaser-4-10 article:last-of-type::after, .mod_newslist.bigteaser-4-10 article:nth-child(2)::after, .mod_newslist.bigteaser-4-10 article:nth-child(5)::after, .bigteaser-pagelist article:nth-child(2)::after, .bigteaser-pagelist article:nth-child(5)::after, .bigteaser-pagelist article:nth-child(7)::after, .bigteaser-pagelist article:nth-child(10)::after, .bigteaser-pagelist article:nth-child(12)::after, .bigteaser-pagelist article:nth-child(15)::after, .list-grid-wrapper article:nth-child(5)::after, .list-grid-wrapper article:nth-child(8)::after, .list-grid-wrapper article:nth-child(11)::after, .list-grid-wrapper article:nth-child(13)::after, .list-grid-wrapper article:nth-child(16)::after{
	display: none;
}


.mod_newslist.bigteaser-4-10 .layout_latest::before, .bigteaser-pagelist .layout_latest::before {
/*content: ''*/
/*position: absolute;*/
/*border-bottom: dotted var(--line-thickness) rgba(var(--text-color-rgb), 0.8);*/
z-index: 1;
}


.mod_newslist.bigteaser-4-10 .layout_latest::before, .bigteaser-pagelist .layout_latest::before {
inline-size: 100vw;
block-size: var(--line-thickness);
inset-inline-start: 0;
inset-block-start: calc(var(--line-offset) * -1);
}

.bigteaser-pagelist {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-content: stretch;
align-content: stretch;
gap: 66px;
}

.bigteaser-pagelist .layout_latest{
width: calc((100% / 3) - 46px);
}

.bigteaser-pagelist .layout_latest:nth-child(10n + 1),
.bigteaser-pagelist .layout_latest:nth-child(10n + 7) {
width: calc(((100% / 3) * 2 ) - 20px);
}



.galerie-pagelist .ce_text{
display: none;
}

.ce_headline.pagenavheader{
font-weight: 600;
font-size: 2em;
padding-bottom: 33px;
margin: 0px 0px 33px 0px;
border-bottom: dotted 1px rgba(var(--text-color-rgb), 0.8);
border-top: 0;
}

.mod_newslist.galerie_teaser .layout_latest figure, 
.mod_newslist.galerie-pagelist .layout_latest figure{
aspect-ratio: 1/1.65;
}


.mod_newslist.galerie-pagelist.galerie_teaser .layout_latest:nth-child(1) figure{
aspect-ratio: 1/1.65!important;
}

.galerie_first .layout_latest figure, .bigteaser-4-10 .layout_latest:nth-child(1)  figure, .bigteaser-4-10 .layout_latest:nth-child(7)  figure, .bigteaser-pagelist .layout_latest:nth-child(1)  figure, .bigteaser-pagelist .layout_latest:nth-child(7) figure, .galerie-pagelist .layout_latest:nth-child(10n + 1) figure, .galerie-pagelist .layout_latest:nth-child(10n + 7) figure, .mod_newslist.galerie-pagelist.galerie_teaser.bigteaser-4-10 .layout_latest:nth-child(1) figure{
aspect-ratio: 4/3!important;

}


@media only screen and (max-width: 680px) {




.bigteaser-4-10 .layout_latest:nth-child(1) { grid-area: unset; }
.bigteaser-4-10 .layout_latest:nth-child(2) { grid-area: unset ; }
.bigteaser-4-10 .layout_latest:nth-child(3) { grid-area: unset ; }
.bigteaser-4-10 .layout_latest:nth-child(4) { grid-area: unset ; }
.bigteaser-4-10 .layout_latest:nth-child(5) { grid-area: unset ; }
.bigteaser-4-10 .layout_latest:nth-child(6) { grid-area: unset ; }
.bigteaser-4-10 .layout_latest:nth-child(7) { grid-area: unset ; }  

.galerie_first .layout_latest figure, .bigteaser-4-10 .layout_latest:nth-child(1) figure, .bigteaser-4-10 .layout_latest:nth-child(7) figure, .bigteaser-pagelist .layout_latest:nth-child(1) figure, .bigteaser-pagelist .layout_latest:nth-child(7) figure, .galerie-pagelist .layout_latest:nth-child(10n+1) figure, .galerie-pagelist .layout_latest:nth-child(10n+7) figure, .mod_newslist.galerie-pagelist.galerie_teaser.bigteaser-4-10 .layout_latest:nth-child(1) figure{
aspect-ratio: 1/1.65 !important;
}


.mod_newslist .layout_latest::after, .mod_eventlist .layout_upcoming::after{
display: none;
}
}


/* Bildergalerie */


.ce_gallery > ul, .content-gallery > ul{
margin: 2rem 0px;
padding: 0px;
overflow: visible;
list-style: none;
display: grid;
grid-template-rows: 1fr;
grid-column-gap: 5px;
grid-row-gap: 5px;

}


.ce_gallery > ul.cols_2, .content-gallery > ul.cols_2{
grid-template-columns: repeat(2, 1fr);
}


.ce_gallery > ul.cols_3, .content-gallery > ul.cols_3{
grid-template-columns: repeat(3, 1fr);
}


.ce_gallery > ul.cols_4, .content-gallery > ul.cols_4{
grid-template-columns: repeat(4, 1fr);
}



.ce_gallery > ul li, .content-gallery > ul li{
float: none;
width: 100%;
aspect-ratio: 4/3;
padding: 0px;
margin: 0px 0px 0px 0px;
}



.layout_full .ce_gallery .image_container{
margin: 0px 0px;
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
max-height: 680px;
overflow: hidden;
position: relative;
width: 100%;
height: 100%;
}

.layout_full .ce_gallery .image_container a{
display: block;
width: 100%;
height: 100%;
}

.layout_full .ce_gallery .image_container img{
width: 100%;
height: 100%;
object-fit: cover;
transition: transform .4s;
}

.layout_full .ce_gallery .image_container img:hover{
transform: scale(1.1);
}



.ce_listview > h2{
font-size: 2rem;
font-weight: 700;
margin-bottom: 3rem;
}

.authorinfo_box{
display: block;
padding-bottom: 60px;
margin-bottom: 60px;
border-bottom: dotted 1px var(--text-color);
}

.authorinfo_head{
padding-bottom: 20px;
}

.authorinfo_head p{
font-size: 1rem;
font-weight: normal;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
position: relative;
}

.authorinfo_head p > span{
font-weight: 700;
position: relative;
padding-right: 12px;
margin-right: 12px;
display: inline-block;
}

.authorinfo_head p > span::after{
content: '';
display: block;
width: 1px;
height: 100%;
border-right: solid 1px var(--text-color);
position: absolute;
right:0px;
top: 0px;
}

.authorinfo_img{
width: calc((100% / 3) - 5px);	
padding: 50px 0px;
}

.authorinfo_img figure, .kontakt-box figure img{
width: 100%;
height: 100%;
max-height: 200px;
max-width: 200px;
margin: 0px -100px 0px auto;
display: block;
overflow: hidden;
position: relative;
border-radius: 50em;
aspect-ratio: 1/1;
}


.authorinfo_img figure img {
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
object-fit: cover;
}

.authorinfo_content{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
}

.authorinfo_content > div{
width: 100%;	
}

.authorinfo_content > div:first-of-type{
width: 100%;	
max-width: calc((100% / 3) - 45px);	
display: block;
text-align: right;
padding-right: 40px;
border-right: dotted 1px var(--text-color);
}

.authorinfo_content > div:last-of-type{
padding-left: 40px;	
}

.authorinfo_content > div:first-of-type p strong{
display: block;	
}


/* Events */


.mod_eventlist.eventbox article{
transition: transform .4s ease-in-out;
}




.mod_eventlist.eventbox {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: 1fr;
gap: 66px;
overflow: visible;

}

.mod_eventlist.eventbox > h2{
display: none!important;
}


.mod_eventlist .layout_upcoming, .eventboxcal{
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: flex-start;
position: relative;
overflow: visible;
max-width: 380px;
}


.layout_upcoming .event_img, .eventboxcal .event_img{
order: 1;
}

.layout_upcoming .event_categorie, .eventboxcal .event_categorie{
order: 2;
}


.layout_upcoming .event_date, .eventboxcal .event_date{
order: 4;
}


.layout_upcoming .event_location, .eventboxcal .event_location{
order: 5
}



.layout_upcoming .event_share, .eventboxcal .event_share{
order: 6;
}


.layout_upcoming .event_link, .eventboxcal .event_link{
order: 7;
}



.layout_upcoming .event_title{
padding-bottom: 20px;
order: 3;
}

.layout_upcoming .event_title h3, .layout_upcoming .event_title h3 a{
font-weight: 700;
font-size: 1.6rem;
font-style: italic;
line-height: 125%;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
overflow: hidden;

}


.event_shortdate{
display: none;
width: fit-content;
min-width: 90px;
background-color: var(--background-theme);
color: var(--text-color);
padding: 8px 16px;
border-radius: 0px 8px 8px 0px;
font-size: 0.85rem;
}

.event_img:has(img) .event_shortdate{
position: absolute;
top: 10px;
left: 0px;
display: block;
}

.eventboxcal .event_img:has(img) .event_shortdate{
top: 20px;
}

.mod_eventreader  .event_img:has(img) .event_shortdate{
left: 15px;
}


.mod_eventreader .event_img{
max-height: 400px;
overflow:hidden;
}

.event_date, .event_location,  .event_organizer,  .event_share,  .event_link{
padding-bottom: 10px;
padding-top: 10px;
position: relative;
}


.event_date,  .event_location,  .event_organizer,  .event_share{
padding-left: 35px;
}

.layout_upcoming p, .event_details p{
margin-bottom: 0px;
padding-bottom: 0px;
position: relative;
}

.layout_upcoming a, .layout_upcoming a:visited, .layout_upcoming a:active, .layout_upcoming a:focus{
text-decoration: none;
}

.event_date p::before, .event_location p::before, .event_organizer p::before,  .event_share p::before{
content: '';
position: absolute;
left: -30px;
top: 0px;
display: block;
width: 25px;
height: 25px;
}

.event_location p::before{
background-color: transparent;
background-image: URL("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 30 30'%3E%3Cpath style='fill: %232b2b2a' d='M19.4,7.4c-1.2-1.2-2.7-1.8-4.4-1.8s-3.2.6-4.4,1.8c-1.2,1.2-1.8,2.7-1.8,4.4s.1,1.6.4,2.2l4.4,9.5c.1.3.3.5.6.6.3.2.5.2.8.2s.6,0,.8-.2c.3-.2.4-.4.6-.6l4.4-9.5c.3-.6.4-1.3.4-2.2,0-1.7-.6-3.2-1.8-4.4M15,15c-.9,0-1.6-.3-2.2-.9-.6-.6-.9-1.4-.9-2.2s.3-1.6.9-2.2c.6-.6,1.3-.9,2.2-.9s1.6.3,2.2.9c.6.6.9,1.4.9,2.2s-.3,1.6-.9,2.2c-.6.6-1.3.9-2.2.9'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: 0px center;
background-size: 100% auto;

}

.event_date p::before{
background-color: transparent;
background: transparent URL("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg  xmlns='http://www.w3.org/2000/svg' version='1.1' style='fill: %232b2b2a' viewBox='0 0 30 30'%3E%3Cpath d='M19.3,7.6c-1.4-.8-2.9-1.2-4.5-1.2s-3.1.4-4.5,1.2c-1.4.8-2.5,1.8-3.3,3.2-.8,1.3-1.2,2.8-1.2,4.4s.4,3,1.2,4.4c.8,1.3,1.9,2.4,3.3,3.2,1.4.8,2.9,1.2,4.5,1.2s3.1-.4,4.5-1.2c1.4-.8,2.5-1.8,3.3-3.2.8-1.3,1.2-2.8,1.2-4.4s-.4-3-1.2-4.4c-.8-1.3-1.9-2.4-3.3-3.2M17.9,20.6c-1,.6-2,.8-3.2.8s-2.2-.3-3.2-.8c-1-.6-1.8-1.3-2.3-2.3-.6-.9-.9-2-.9-3.1s.3-2.2.9-3.1c.6-.9,1.3-1.7,2.3-2.3,1-.6,2-.8,3.2-.8s2.2.3,3.2.8c1,.6,1.8,1.3,2.3,2.3.6.9.9,2,.9,3.1s-.3,2.2-.9,3.1c-.6.9-1.3,1.7-2.3,2.3M16.1,10.9c0,0-.2-.1-.3-.1h-.8c-.1,0-.2,0-.3.1,0,0-.1.2-.1.3v4h-2.6c-.1,0-.2,0-.3.1,0,0-.1.2-.1.3v.7c0,.1,0,.2.1.3,0,0,.2.1.3.1h3.8c.1,0,.2,0,.3-.1,0,0,.1-.2.1-.3v-5.1c0-.1,0-.2-.1-.3'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: 0px center;
background-size: 100% auto;

}

.event_share p::before{
background-color: transparent;
background: transparent URL("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg  xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 30 30'%3E%3Cpath style='fill: %232b2b2a' d='M15.6,14.7c0,0,0-.2,0-.2,0,0-.1,0-.2,0h-.6c0,0-.2,0-.2,0,0,0,0,.1,0,.2v2.2h-2.2c0,0-.2,0-.2,0s0,.1,0,.2v.6c0,0,0,.2,0,.2s.1,0,.2,0h2.2v2.2c0,0,0,.2,0,.2,0,0,.1,0,.2,0h.6c0,0,.2,0,.2,0,0,0,0-.1,0-.2v-2.2h2.2c0,0,.2,0,.2,0,0,0,0-.1,0-.2v-.6c0,0,0-.2,0-.2,0,0-.1,0-.2,0h-2.2v-2.2ZM7.9,12.4h14.1v10.3H7.9v-10.3ZM10.6,7.4c0,0,.1,0,.2,0h.6c0,0,.2,0,.2,0,0,0,0,.1,0,.2v2.9c0,0,0,.2,0,.2,0,0-.1,0-.2,0h-.6c0,0-.2,0-.2,0,0,0,0-.1,0-.2v-2.9c0,0,0-.2,0-.2M18.3,7.4c0,0,.1,0,.2,0h.6c0,0,.2,0,.2,0,0,0,0,.1,0,.2v2.9c0,0,0,.2,0,.2,0,0-.1,0-.2,0h-.6c0,0-.2,0-.2,0,0,0,0-.1,0-.2v-2.9c0,0,0-.2,0-.2M20.8,8.6v-1c0-.4-.2-.8-.5-1.1-.3-.3-.7-.5-1.1-.5h-.6c-.4,0-.8.2-1.1.5-.3.3-.5.7-.5,1.1v1h-3.9v-1c0-.4-.2-.8-.5-1.1-.3-.3-.7-.5-1.1-.5h-.6c-.4,0-.8.2-1.1.5-.3.3-.5.7-.5,1.1v1h-1.3c-.3,0-.6.1-.9.4-.3.3-.4.6-.4.9v12.9c0,.3.1.6.4.9s.6.4.9.4h14.1c.3,0,.6-.1.9-.4.3-.3.4-.6.4-.9v-12.9c0-.3-.1-.6-.4-.9-.3-.3-.6-.4-.9-.4h-1.3Z'/%3E%3C/svg%3E") no-repeat 0px center;
background-repeat: no-repeat;
background-position: 0px center;
background-size: 100% auto;

}


.event_organizer p::before{
background-color: transparent;
background-image: URL("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 30 30'%3E%3Cpath style='fill: %232b2b2a' d='M19.4,7.4c-1.2-1.2-2.7-1.8-4.4-1.8s-3.2.6-4.4,1.8c-1.2,1.2-1.8,2.7-1.8,4.4s.1,1.6.4,2.2l4.4,9.5c.1.3.3.5.6.6.3.2.5.2.8.2s.6,0,.8-.2c.3-.2.4-.4.6-.6l4.4-9.5c.3-.6.4-1.3.4-2.2,0-1.7-.6-3.2-1.8-4.4M15,15c-.9,0-1.6-.3-2.2-.9-.6-.6-.9-1.4-.9-2.2s.3-1.6.9-2.2c.6-.6,1.3-.9,2.2-.9s1.6.3,2.2.9c.6.6.9,1.4.9,2.2s-.3,1.6-.9,2.2c-.6.6-1.3.9-2.2.9'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: 0px center;
background-size: 100% auto;

}

.event_categorie{
font-size: 0.85rem;
font-weight: 700;
color: var(--background-theme);
padding-top: 15px;
padding-bottom: 15px;
}

.mod_eventreader .event_categorie{
width: fit-content;
margin-left: auto;
padding-bottom: 0px;
font-size: 1rem;
}

.event_categorie span{
padding-right: 8px;	
margin-right: 5px;	
border-right: solid 1px var(--background-theme);
}

.event_categorie span:last-of-type{
border-right: 0;

}

.layout_upcoming .event_link{
width: 100%;
text-align: center;
padding-top: 30px;
margin-top: auto;
}

.layout_upcoming .event_link a{
display: block;
width: 100%;
max-width: 90%;
margin: 0px auto 0px auto;
padding: 8px 10px;
background-color: var(--background-theme);
color: var(--text-color);
border-radius: 6px;
font-size: 1rem;
}

.layout_upcoming .event_link a:hover, .calendar td .event .event_link a:hover{
color: var(--text-color-light);
}

.mod_eventlist .layout_upcoming.bygone{
opacity: 0.5;
order: 9999;
} 

.mod_eventlist article.bygone:hover {
  transform: scale(1);
}

.layout_upcoming.bygone .event_share{
display: none;
}

.mod_eventlist .layout_upcoming.bygone a {
pointer-events: none;
cursor: default;
text-decoration: none;
}

.mod_eventreader{
	overflow: visible;
}

.event.layout_full{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
	overflow: visible;
}




.event.layout_full .event_details{
padding-bottom: 50px;
}

.event.layout_full > div{
width: 100%;
}

.event.layout_full > div:last-of-type{
width: calc(33.3333% + 160px);
margin-left: 33px;
border-left: solid 1px var(--text-color);
padding-left: 33px;
padding-right: 2px;
}


.event.layout_full .event_desc{
font-size: 1.15rem;
line-height: 160%;
}

.event.layout_full .image_container img{
width: 100%;
height: 100%;
max-width: unset;
object-fit: cover;
aspect-ratio: 2/1;
}

.event.layout_full .banner_wrapper > div{
display: block;
background-color: #c0c0c0;
width: 100%;
height: 300px;
}

.mod_eventreader .back{
width: fit-content;
margin: 4rem 0px 20px 0px;
}

.mod_eventreader .back a{
display: block;
width: 100%;
background-color: var(--text-color);
text-align: center;
padding: 12px 30px;
color: #ffffff;
text-decoration: none;
border-radius: 6px;
}

.event_data .mod_banner{
margin-top: 20px;
}



@media only screen and (max-width: 680px) {
.event.layout_full{
flex-direction: column;
}

.event.layout_full > div:last-of-type{
width: 100%;
  margin-left: 0px;
  border-left: 0;
  padding-left: 0px;
  padding-right: 0px;
}

}

/* Banner */


#bigsize .inside{
width: 100%;
max-width: var(--max-content-width);
text-align: center;
margin: 0px auto;
padding: 25px 0px 50px 0px;
border-bottom: dotted 1px rgba(var(--text-color-rgb), 0.8);
}

.mod_banner{
width: 100%;
position: relative;
margin: 0px auto;
overflow:visible;
}

.mod_banner:has(.banner_empty){
display: none;
}

.layout_full .news_subwrapper .innerbanner{
width: 100%;
min-width: 380px;
max-width: 380px;
margin-left: 65px;
}


.news_subwrapper .innerbanner aside:first-of-type{
margin-bottom: 2rem;	

}

.innerbanner .banner_wrap{
padding-bottom: 30px;
position: relative;
margin-top: 25px;
}



.innerbanner .banner_wrapper_col3{
grid-template-columns: 1fr;
grid-template-rows: auto;
gap: 66px;
border-top: 0;
border-bottom: 0;
padding: 0px 0px;
margin: 0px 0px;
}

.mod_banner .banner_wrap::before{
content: "Anzeige";
position: absolute;
top: -14px;
right: 0px;
display: block;
font-size: 11px;
text-transform: uppercase;
color: rgb(176, 176, 176);
}




.mod_banner.banner_wrapper_col3::before{
display: none;
}


.layout_full .news_subwrapper .innerbanner .banner_image img{
width: 100%;
}


.banner_wrapper_demo, .banner_wrapper_col3{
padding: 50px 0px;
margin: 50px 0px;
width: 100%;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 66px;
border-top: dotted 1px rgba(var(--text-color-rgb), 0.8);
border-bottom: dotted 1px rgba(var(--text-color-rgb), 0.8);
}

.banner_wrapper_demo > div, .banner_wrapper_col3 > div{
display: block;
background-color: #c0c0c0;
width: 100%;
height: 300px;
}


.sonderbanner{
margin-bottom: 50px;
margin-top: 0px;
}

.mod_banner.mobil-bigsize{
	padding: 20px 0px 0px 0px;
margin: 20px 0px 0px 0px;
}

.mod_banner.content-bigsize{
padding: 50px 0px 0px 0px;
margin: 50px 0px 0px 0px;
width: 100%;
display: block;
border-top: dotted 1px rgba(var(--text-color-rgb), 0.8);
}

figure.banner_wrap .banner_image{
border: solid 1px rgba(var(--text-color-rgb), 0.15);
}

.banner_wrapper{
display: block;
width: 100%;
height: 100%;
}

.banner_wrapper .mod_banner:not(.slickbanner) div{
display: block;
width: 100%;
height: 100%;
max-width: 380px;
margin-left: auto;
max-height: 650px;
}


.banner_wrapper .slickbanner{
display: block;
width: 100%;
height: 100%;
max-width: 380px;
margin-left: auto;
max-height: 650px;
overflow: hidden;
}

.banner_wrapper .slickbanner.slick-slider{
overflow: visible;
}

.banner_wrap{
margin: 0px auto;
width: fit-content;
position: relative;
}

.banner_wrapper .slickbanner .banner_wrap{
margin-top: 18px;
padding-bottom: 25px;
}

.banner_wrapper .slickbanner.slick-slider .banner_wrap{
padding-bottom: 0px;
}

.banner_wrapper .slickbanner .banner_wrap > div{
margin: 0px auto;
}

.slick-slider .slick-slide {
margin-left: 15px;
padding: 0 0px 0px 0px;
}

.slick-slider .slick-list {
margin-left: -15px;
}
.slick-slider .slick-track {
display: flex;
}


.slickbanner .slick-prev{
left: -20px
}

.slickbanner .slick-next {
right: -12px;
}

.section{
padding-top: 50px;
margin-top: 50px;
border-top: dotted 1px rgba(var(--text-color-rgb),0.8);
}


#mobilfloat:has(.mobil-footer-banner){
display: block;
visibility: visible;
}

.mobil-footer-banner{
position: fixed;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: auto;
min-height: 90px;
max-height: 250px;
overflow: visible;

display: block;
z-index: 99;
}


.mobil-footer-banner .banner-wrapper{
width: fit-content;
  height: auto;
  position: relative;
  overflow: visible;
  border: 0px;
  margin: 30px auto 0px auto;
  display: block;
}


.mobil-footer-banner .banner-wrapper aside{
  background-color: rgb(231, 230, 230);
}


.mobil-footer-banner .banner-wrapper span{
width: 70px;
  height: 20px;
  display: block;
  position: absolute;
  top: -20px;
  right: 0px;
  color: rgb(146, 147, 150);
  background-color: rgb(238, 238, 238);
  text-align: right;
  font-weight: 400;
  padding: 3px 10px 0px 0px;
border-radius: 8px 0px 0px 0px;
  font-size: 14px;
  margin: 0px auto;
  z-index: -1;
  cursor: pointer;
}

.mobil-footer-banner.hide{
bottom: -283px;
}


.mobil-footer-banner .banner-wrapper .banner_wrap::before{
color: rgb(146, 147, 150);
padding-right: 25px;
  top: -15px;
}

/* Marktplatz */

.filter_wrapper .formbody{
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-column-gap: 50px;
grid-row-gap: 0px;
}


.filter_wrapper.filter_detail{
margin-bottom: 70px;
border-bottom: dotted 1px rgba(var(--text-color-rgb), 0.8);

}


.filter_wrapper.filter_detail .formbody .widget-radio.aznav{
padding: 0px 0px 0px;
}

.filter_wrapper .col3-form .formbody{
grid-template-columns: repeat(3, 1fr); 
}

.filter_wrapper label, .filter_wrapper .widget-select, select.select-css{
min-width: 300px;
width: 99%;
}

.filter_wrapper .widget-select{
margin-right: 50px;
}


.filter_wrapper label, .filter_wrapper .widget-select label{
display: none;

}

.filter_wrapper .widget-submit{
margin-bottom: 0px;
width: fit-content;
margin-left: auto;

}


.filter_wrapper .widget-submit .submit{
min-width: 200px;
}

.filter_wrapper .reset{
margin-bottom: 0px;
width: fit-content;
margin-left: auto;
}

.filter_wrapper .reset a{
background-color: rgba(var(--text-color-rgb),0.4);
color: var(--text-color-light);
padding: 11px 20px;
width: auto;
min-width: 50%;
margin: 0px auto;
border-radius: 6px;
font-size: 1rem;
display: block;
text-align: center;
border: 0px;
cursor: pointer;
text-decoration: none;
}

.filter_wrapper .reset a:hover{
background-color: rgba(var(--text-color-rgb),1);
}


.aznav_wrapper{
display: block;
width: 100%;
padding: 0px 0px 50px 0px;
}


.aznav_wrapper ul, .widget-radio.aznav fieldset{
display: flex;
flex-direction: row;
justify-content: space-between;
flex-wrap: nowrap;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 100%;
height: 50px;
line-height: 30px;
border-radius: 8px;
overflow: hidden;
border: solid 1px var(--text-color);
}


.aznav_wrapper ul li, .formbody .widget-radio.aznav span{
background-color: var(--text-color);
color: var(--text-color-light);
border-right: solid 1px var(--text-color-light);
text-align: center;
padding: 0px;
margin: 0px;
display: grid;
font-size: 1.2rem;
flex: 1 0 0px;
}

.aznav_wrapper ul li a{
color: var(--text-color-light);
text-decoration: none;
display: block;
width: auto;
height: auto;
text-align: center;
font-size: 1.2rem;
vertical-align: middle;
line-height: 49px;
}

.aznav_wrapper ul li:hover a, .aznav_wrapper ul li.activeLetter a{
background-color: var(--text-color-light);
color: var(--text-color);
}


.formbody .widget-radio.aznav{
width: 100%;
grid-column: 1/-1;
display: block;
padding: 0px 0px 50px 0px;
}

.formbody .widget-radio.aznav span{
display: flex;
flex-direction: row;
justify-content: flex-start;
flex-wrap: nowrap;
overflow: hidden;
position: relative;
isolation: isolate;
}

.formbody .widget-radio.aznav span input[type="radio"]{
position: absolute;
z-index: -2;
top: 0;
left: -100%;
}

.formbody .widget-radio.aznav span input[type="radio"]:checked + label {
background-color: var(--text-color-light);
color: var(--text-color);
}


.formbody .widget-radio.aznav span label{
min-width: fit-content;
width: 100%;
height: 100%;
text-align: center;
font-size: 1.2rem;
vertical-align: middle;
line-height: 51px;
}


.formbody .widget-radio.aznav span label:hover{
background-color: var(--text-color-light);
color: var(--text-color);
cursor: pointer;
}

.catalog_list{
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 33px;
grid-row-gap: 33px; 
}


.catalog_list .list_noentry{
text-align: center;
width: 100%;
grid-column: 1/-1;
display: block;
margin: 0px auto;
padding: 50px 0px 50px 0px;
border-top: dotted 1px rgba(var(--text-color-rgb), 0.8);
}


.marktlist-item {
position: relative;
border: dotted 1px  rgba(var(--text-color-rgb),0.4);
aspect-ratio: 1/1;
overflow: hidden;
padding: 12px;
display: flex;
flex-direction: column;
grid-column: span 1;
background-color: rgba(var(--text-color-theme-rgb),0.05);
}



.marktlist-item:has(figure) {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(2, 1fr);
aspect-ratio: 2/1;
grid-column: span 2;
grid-column-gap: 33px;
max-height: 266px;
width: calc(100% - 28px);
background-color: transparent;
background: linear-gradient(to left, rgba(var(--text-color-theme-rgb),0.05) calc(50% + 18px), #fff calc(50% - 28px));
}


.marktlist-item:has(figure) .contact{
display: block;
}

.marktlist-item .company_logo{
padding: 10px 10px 10px 10px;
grid-row: span 2;
border-right: dotted 1px var(--text-color);
}

.marktlist-item .company_logo a{
display: block;
width: 100%;
height: 100%;
}


.marktlist-item .company_logo figure{
text-align: center;
height: 100%;
}

.marktlist-item .company_logo img{
margin: auto auto;
object-fit: contain;
width: 100%;
height: 100%;
max-height: 200px;
}

#main .marktlist-item h3, .marktlist-item h3 a, .marktlist-item h3 a:hover{
font-size: 1.2rem;
margin-top: auto;
hyphens: none;
min-height: 4em;
}

.marktlist-item h3 span{
display: block;
width: 100%;
font-weight: normal;
font-size: 1rem;
}


.marktlist-item .contact{
padding-top: 20px;
margin-top: auto;
display: block;
}

.marktlist-item .contact p{
margin-bottom: 5px;
font-size: 0.95rem;
}

.marketplace_detail_top{
display: flex;
flex-direction: row;
margin: 0px 0px 3rem 0px;
padding: 0px 0px 0px 0px;
}

.marketplace_detail_top .marketplace_detail_col1{
width: 100%;
max-width: calc(335px - 1rem);
padding-right: 1rem;
position: relative;
}

.marketplace_detail_top .marketplace_detail_col2{
width: calc(100% - 335px);
}

.marketplace_detail_right, .marketplace_detail_left{
float: none;
display: block;
min-width: 300px;
min-height: 100px;
}

.marketplace_detail_right{
width: calc(100% - 335px);
margin-left: auto;
}

.marketplace_detail_left{
margin-right: 35px;
width: 300px;
max-width: 300px;
}

.marketplace .back{
width: 100%;
display: block;
clear: both;
padding: 1rem 0px;
}


.marketplace_detail_left{
position: relative;
}


.company_ausbildung_icon{
max-width: 90px;
position: absolute;
right: -30px;
margin-top: -20px;
z-index: 9;
}

.ctlg_master h2, .ctlg_master h1{
font-size: 2rem;
font-weight: 700;
margin: 0px 0px 20px 0px;
line-height: 1.3em;
}

.ctlg_master h2 > span, .ctlg_master h1 > span{
font-size: 1.5rem;
font-weight: 700;
padding: 5px 0px;
display: block;
}

.ctlg_master h2 > span::after, .ctlg_master h1 > span::after{
display: none;
}

.ctlg_master, .ctlg_master p{
margin: 0px 0px 8px 0px;
}

.ctlg_master .company_address, .ctlg_master .company_contact, .ctlg_master .company_profil, .ctlg_master .company_ausbildung{
margin-bottom: 2rem;
}


.company_profil h3, .company_profil h2, .company_profil h4{
margin-top: 3rem;
}

.ctlg_master .company_contact a, .ctlg_master .company_profil a{
font-weight: 700;
color: var(--text-color);	
text-decoration: none;
}

.ctlg_master .company_profil{
line-height: 130%;
}

.ctlg_master .company_profil a{
font-weight: 600;
font-size: 1rem;
color: var(--text-color);
text-decoration: none;
}

.company_contact_wrapper{
display: grid;
  grid-template-columns: repeat(3, 1fr);
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
gap: 60px;
}


.ctlg_master .company_logo{
width: 100%;
text-align: center;
border-right: dotted 1px var(--text-color);
}

.ctlg_master .company_logo .image_container, .ctlg_master .company_logo figure{
margin: 1rem 0rem 0rem 0rem; 
width: 100%;
height: 200px;
text-align: center;
vertical-align: middle;
display: inline-block;
position: relative;
min-height: 200px;
}


.ctlg_master .company_logo img{
max-height: 95%;
max-width: 95%;
width: auto;
height: auto;
margin: auto;
}

.company_profil_img, .company_profil_img .image_container, .company_profil_img, .company_profil_img figure{
display:block;
width: 100%;
clear: both;
}

.company_profil_img img{
width: 100%;
height: auto;
margin: 1rem 0px;
}

.ctlg_master .company_profil ul, .ctlg_master .company_profil ol{
margin-left: 2rem;
list-style-type: initial;
}

.ctlg_master .company_social ul{
display: flex;
  flex-flow: row;
  justify-content: flex-end;
  margin: 0px 0px 0px auto;
}

.ctlg_master .company_social li {
  padding: 0px 0px 0px 15px;
  margin: 0px;
  overflow: hidden;
}


.ctlg_master .company_social li a{
  display: block;
  width: 35px;
  height: 35px;
  border-radius: 50em;
  background-color: var(--text-color);
  background-position: center center;
  background-repeat: no-repeat;
  color: var(--text-color-light);
  font-size: 20px;
  text-align: center;
  vertical-align: middle;
  line-height: 35px;
  text-decoration: none;
  font-weight: 300;
  text-indent: -999px;
}



.ctlg_master .company_galerie {
position: relative;
display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin: 0px;
  padding: 0px;
  gap: 60px;
}

.ctlg_master .company_galerie.gcol_1{
  grid-template-columns: 1fr;
}


.ctlg_master .company_galerie.gcol_2{
  grid-template-columns: repeat(2, 1fr);
}

.ctlg_master .company_galerie .gallery_item{
wdith: 100%;
}


.ctlg_master .company_galerie .gallery_item figcaption{
padding: 10px 0px;
  font-size: 1rem;
  line-height: 1.3em;
display: block;
border-bottom: solid 1px rgba(var(--text-color-rgb),0.4);
}


.ce_hyperlink{
width: fit-content;
min-width: calc(100% / 3);
margin: 4rem auto 2rem auto;
padding: 0px 0px 0px 0px;
}

.ce_hyperlink > a{
width: auto;
text-decoration: none;
margin: 0px auto;
padding: 8px 10px;
border-radius: 6px;
font-size: 1rem;
display: block;
text-align: center;
}

.button_black > a, a.button_black{
background-color: var(--text-color);
color: var(--text-color-light);
padding: 15px 20px;
}

.button_black > a:hover, a.button_black:hover, .formbody button.submit:hover, .mod_eventreader .back a:hover{
background-color: var(--background-theme);
color: var(--text-color);
}


.crossinfo-section{
margin: 60px auto 60px;
padding: 60px;
border: solid 4px var(--crossinfo-color);
border-radius: 20px;
width: auto;
}

.crossinfo-section h1, .crossinfo-section h2 , .crossinfo-section h3 {
margin-top: 0px;
}

.crossinfo-section h1 > span::after, .crossinfo-section h2 > span::after, .crossinfo-section h3 > span::after {
border-bottom: 5px solid var(--crossinfo-color);
}


.crossinfo-section .news_cat {
color: var(--crossinfo-color);
}



.crossinfo-section .news_cat::after{
background-color: var(--crossinfo-color);
}


.crossinfo-section .layout_short .info{
display: none;
}



.crossinfo-section .mod_newslist .layout_short h3, .crossinfo-section .mod_newslist .layout_short h3 a, .crossinfo-section .mod_newslist .layout_short h3 a:hover{
font-size: 1.2rem;
}




.faq-list dl{
font-size: 1.2rem;
line-height: 1.3em;
}

.faq-list dt{
font-weight: 600; 
padding-bottom: 8px;
}

.faq-list dt::before{
content: '';
background-image: URl("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 30 30'  style='fill: none; stroke: %232b2b2a;'%3E%3Cline x1='5.2' y1='15.2' x2='23.5' y2='15.2'/%3E%3Cpolyline  points='19.5 11.5 23.5 15.2 19.5 18.9'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: 100% auto;
background-position: left center;
display: inline-block;
font-weight: 600;
width: 28px;
margin: 0px 5px 0px 0px;
padding: 6px 0px 10px 0px;
}


.faq-list dd{
font-weight: normal;
padding-bottom: 25px;
}



/* Formulare */

.formbody label{
display: block;
width: 100%;
}

.nolabel .formbody:not(.widget-checkbox) label{
display: none;
}

.nolabel .formbody .widget-checkbox label{
display: block;
line-height: 1.35em;
}


.formbody .widget{
display: flex;
flex-direction: column;
flex-wrap: nowrap;
margin-bottom: 18px;

}

.formbody input, .formbody textarea{
border: solid 1px var(--text-color);
border-radius: 8px;
padding: 10px 6px;
font-size: 1rem;
margin: 2px;
color: rgb(var(--input-text-rgb));
}

.formbody textarea.bigarea{
height: 350px;
}


.formbody select, .mod_mae_event_filter select, .mod_calendar .select-css{
border: solid 1px var(--text-color);
border-radius: 8px;
padding: 12px 6px;
margin: 2px;
color: rgba(var(--text-color-rgb),0.45);
background-color: var(--background-color);
}


.formbody select:open, .mod_mae_event_filter select:open, .mod_calendar .select-css:open{
color: rgb(var(--input-text-rgb));
}


.formbody input::placeholder,.formbody textarea::placeholder{

font-size: 1rem;
}


.widget-explanation, .widget-explanation p{
font-size: 1rem;
}

.checkbox_container{
padding-bottom: 25px;
}

.checkbox_container legend{
padding-bottom: 12px;
font-weight: 600;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-content: flex-start;
}


.checkbox_container span{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-content: flex-start;
}

.checkbox_container .checkbox{
width: 20px;
height: 20px;
margin-right: 12px;
cursor: pointer;
}


.widget p.error{
color: var(--text-error);
font-size: 1rem;
padding: 10px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

.widget input.error, .widget textarea.error{
border-color: var(--text-error);
}


.formbody button.submit{
background-color: var(--text-color);
color: var(--text-color-light);
padding: 15px 20px;
width: auto;
min-width: 50%;
margin: 0px auto;
border-radius: 6px;
font-size: 1rem;
display: block;
text-align: center;
border: 0;
cursor: pointer;
}



.kontakt-box{
padding: 30px 30px 30px 30px;
margin: 0px 0px 0px 0px;
background-color: rgba(var(--text-color-rgb),0.2);
}

.kontakt-box .ce_image{
margin-bottom: 50px;
}

.kontakt-box h3,.kontakt-box h4, .kontakt-box h5, .kontakt-box h6{
margin: 0px 0px 20px 0px; 
font-weight: 700;
padding-bottom: 8px;
}

.kontakt-box .image_container, .kontakt-box .image_container img{
margin: 0px auto 0px auto;
position: relative;
isolation: isolate;
}

.kontakt-box .image_container .caption{
font-weight: 500;
font-size: 1rem;
background-color: var(--text-color);
color: var(--background-color);
position: absolute;
bottom: 15px;
padding: 12px 20px;
margin-left: 20px;
}

.kontakt-box p, .kontakt-box a{
font-size: 1rem;
font-weight: normal;
}



@media only screen and (max-width: 1024px) {
.two-coumns{
columns: 1;
flex-direction: column;
}
}


/* mobil */

@media only screen and (max-width: 680px) {
header .mod_customnav, header .mod_navigation, #header .mod_form{
display: none;  
}


.layout_full .ce_text, .layout_full .ce_text > *, .layout_full .newsfull_teaser > * {
  font-size: 1.15rem;
  line-height: 135%;
}

#header{
min-height: 70px;
height: 70px;
}

.mobile_menu_trigger{
display: block; 
}

.mobile_menu .inner {
background-color: var(--background-theme);
}

.nav_trigger {
display: block;
position: absolute;
top: 25%;
right: 20px;
width: 35px;
height: 35px;
border: medium;
background-color: transparent;
overflow: hidden;
padding-bottom: 5px;
}

.nav_trigger .nav__inner {
display: block;
width: 100%;
height: 3px;
background-color: rgb(255, 255, 255);
font-size: 0px;
transform: translateY(0px);
transition-property: transform, background;
transition-duration: 0.3s;
}

.nav_trigger .nav__inner::before, .nav_trigger .nav__inner::after {
position: absolute;
content: "";
width: 100%;
height: 100%;
background-color: rgb(255, 255, 255);
left: 0px;
transform: translateY(-9px);
transition-property: transform;
transition-duration: 0.3s;
}

.nav_trigger .nav__inner::after {
transform: translateY(9px);
}


.mobile_menu .btn-close{
text-decoration: none;
width: 20px;
height: 20px;
line-height: 20px;
padding: 5px;
margin: 10px 10px 0px auto;
position: relative;
border-radius: 50em;
border: solid 1px var(--nav-color);
color: var(--nav-color);
display: block;
text-align: center;
font-size: 20px;

}

.mobile_menu nav ul.level_1 {
flex-direction: column;
margin: 0px 0px 0px 0px;
width: 100%;
}

.mobile_menu nav ul li, .mod_navigation ul.level_2 li{
width: 100%;
padding: 0px;
text-align: left;
border-bottom: solid 1px var(--text-color);
position: relative;
}
.mobile_menu .mod_navigation ul li.submenu > a::after{
content: '+';
position: absolute;
font-size: 1.1rem;
font-weight: normal;
display: block;
width: 15px;
height: auto;
margin: auto 0px auto 0px;
padding: 10px 0px 10px 0px;
right: 10px;
top: 0px;
bottom: 0px;
vertical-align: middle;
}

.mobile_menu nav ul li a{
padding: 10px 0px 10px 10px;
display: block;
text-align: left;
text-decoration: none;	
}

.mobile_menu nav ul li a:hover{
text-decoration: none;	
}






.mobile_menu nav ul li.active, .mobile_menu nav ul li.trail{
background-color: rgba(255,255,255,0.3);
}

.mobile_menu .mod_navigation ul.level_2{
position: relative;
width: 100%;
margin: 0px 0px 0px 0px;
border-top: solid 1px var(--text-color);
background-color: rgba(255,255,255,0.45);
}

.mobile_menu .mod_navigation ul.level_2 li a{
padding: 10px 0px 10px 20px;	
}

.mobile_menu .mod_navigation ul.level_2 li:last-of-type{
border-bottom: 0px;	
}

.mobile_menu .mod_navigation ul.level_1 li.submenu_show ul.level_2{
display: flex!important;
max-width: 100%;
right: 0;
left: 0;
}

.mobile_menu nav ul.level_1 li.submenu:hover ul.level_2 {
display: none;
}

.mobile_menu nav ul.level_1 li::after,  .mobile_menu nav ul li::after{
display: none;
}

.mod_newslist, .mod_eventlist.eventbox {
grid-template-columns: repeat(1, 1fr);
}

.filter_wrapper .formbody, .filter_wrapper .col3-form .formbody, .ce_eventfilter{
	grid-template-columns: 1fr;
}

.formbody .widget-radio.aznav{
	grid-column: 1;
	  order: 4;
	  padding: 0px 0px 25px 0px;
}

.filter_wrapper .widget-select {
  margin-right: 0px;
}

.filter_wrapper .formbody div:nth-child(1){
	order: 1;
}


.filter_wrapper .formbody div:nth-child(2){
	order: 2;
}


.filter_wrapper .formbody div:nth-child(3){
	order: 3;
}
.aznav_wrapper ul, .widget-radio.aznav fieldset{
	flex-wrap: wrap;
	overflow: visible;
	border-radius: 0;
	border: 0;
	height:auto;
}

.widget-radio.aznav fieldset{
display: grid;
grid-template-columns: repeat(7, 1fr);

}


.filter_wrapper .reset{
	order: 5;
	margin-bottom: 12px;
}

.formbody .widget-radio.aznav span{
	flex-wrap: wrap;
	min-width: calc(100% / 8.6);
	border-bottom: solid 1px var(--text-color-light);
}


.marketplace_detail_top {
  flex-direction: column;
  margin: 0px 0px 2rem;
}


.marketplace_detail_top .marketplace_detail_col1 {
  width: 100%;
  max-width:  100%;
  padding-right: 0;

}

.marketplace_detail_top .marketplace_detail_col2 {
  width: 100%;
}

.ctlg_master .company_galerie.gcol_2 , .ctlg_master .company_galerie{
  grid-template-columns: 1fr;
}

.company_contact_wrapper {
  grid-template-columns: 1fr;
  gap: 0px;
}


.ctlg_master .company_social ul {
  justify-content: flex-start;
  margin: 0px auto 0px 0px;
}

.ctlg_master .company_logo {
  width: 100%;
  text-align: center;
  border-right: 0;
}


.ctlg_master .company_logo .image_container, .ctlg_master .company_logo figure{
margin: 0rem 0rem 1rem 0rem;
}

.marketplace_detail_right {
  width: 100%;
  margin-left: 0;
}

.mod_newslist .layout_latest h2, .mod_newslist .layout_latest h3{
	min-height: unset;
}

.mod_newslist .layout_latest, .mod_eventlist .layout_upcoming, .mod_newslist.first_news .first_news{
	border-bottom: dotted 1px rgba(var(--text-color-rgb),0.25);
	padding-bottom: 25px;
	margin-bottom: 25px;
}


.layout_full > .image_container .caption, .layout_full .ce_text .image_container .caption{
	position: relative;
	line-height: 100%;
}


.banner_wrapper .slickbanner{
	max-width: 360px;
}


#bigsize{
	display: none;
}

.footer-row {
position: relative;
display: flex;
padding-bottom: 30px;
margin-bottom: 30px;
flex-direction: row;
justify-content: flex-start;
align-content: flex-start;
align-items: flex-start;
flex-wrap: wrap;
}


.footer-logobox::after{
background-position: bottom left!important;	
}

.footer-logobox{
max-width: 200px;
}

.layout_full .news_subwrapper{
flex-direction: column;
}

.two-coumns{
flex-direction: column;
}

a.skip-content:focus-visible{
left: -9999px!important;
opacity: 0!important;
}


.mod_newslist.first_news .first_news, .home_specialarticle .mod_newslist .first_news, .mod_newslist.galerie_first .layout_latest{
flex-direction: column;
flex-wrap: wrap;
}

.mod_newslist.first_news .news_box, .home_specialarticle .mod_newslist .news_box, .mod_newslist.galerie_first .news_box, .mod_newslist.first_news h2, .home_specialarticle .mod_newslist h2, .mod_newslist.galerie_first .layout_latest h2{
width: 100%;
order: 2;
}

.mod_newslist.first_news h2, .mod_newslist.galerie_first .layout_latest h2{
position: absolute;
top: -30px;
margin: 0px 0px 40px 0px;
}


.mod_newslist.first_news h2 > a, .home_specialarticle .mod_newslist h2 a, .mod_newslist.galerie_first .layout_latest h2 > a, .mod_newslist.galerie_first .layout_latest h2 > a:hover{
font-size: 1.5rem;
line-height: 1.8em;
}

.mod_newslist.first_news .news_img, .home_specialarticle .mod_newslist .news_img, .mod_newslist.galerie_first .news_img{
order: 1;
margin-top: 40px;
}


.mod_newslist:not(.shortlist):not(.bigteaser-pagelist):not(.first_news):not(.galerie_first):not(.list-grid-wrapper){
grid-template-columns: 1fr;
row-gap: 60px;
column-gap: 0px;
}

.bigteaser-pagelist.galerie-pagelist{
display: flex;
  flex-direction: column;
}

.bigteaser-pagelist .layout_latest:nth-child(10n+1), .bigteaser-pagelist .layout_latest:nth-child(10n+7), .bigteaser-pagelist .layout_latest {
  width: 100%;
}

.galerie-pagelist .banner_wrapper .slickbanner, .galerie-pagelist .banner_wrapper .slickbanner .banner_wrap, .innerbanner .banner_wrap{
max-width: calc(100vw - 40px);
}


.banner_wrapper_demo, .banner_wrapper_col3, .list-grid-wrapper > div.banner_wrapper_col3, .list-grid-wrapper > aside.banner_wrapper_col3{
grid-template-columns: 1fr;
    flex-direction: column;
}

.mod_newslist.first_news .news_teaser, .mod_newslist.first_news .news_info, .home_specialarticle .mod_newslist .news_teaser, .home_specialarticle .mod_newslist .news_info, .mod_newslist.galerie_first .news_teaser .news_info, .mod_newslist.galerie_first .news_info{
padding-right: 0px;
}


.banner_wrapper_col3 .banner_wrap {
	margin-bottom: 25px;
}

.crossinfo-section{
padding: 20px;
}

.layout_full h1{
font-size: 1.9rem;
}

.layout_full .ce_text h2, .layout_full .ce_text h2 > strong, .layout_full .ce_text h3, .layout_full .ce_text h3 > strong{
font-size: 1.3rem;
}


.footer-logobox{
margin-left: -20px;
}

.social-icons{
margin-top: 20px;
}

.totop_button {
position: absolute;
top: 9px;
right: 2px;
z-index: 9;

}

#footer .mod_customnav ul li, #footer .mod_customnav ul li a{
padding: 5px 10px 5px 0px;
font-size: 0.85rem;
}

#footer .mod_customnav ul li::after {
right: 10px;
}


.calnav div:first-child, .calnav div:last-child{
width: 50%;
flex-grow: 1;
order: 2;
}

.calnav div.current{
order: 1;
width: 100%;
flex-grow: 1;
padding-bottom: 25px;
}

.calendar td .eventboxcal{
width: 360px;
max-width: 360px;
min-width: 300px;
left: 0;
right:0;
margin-left: auto;
margin-right: auto;
}


.list-grid-wrapper{
display: block;
grid-template-columns: 1fr;
}

.list-grid-wrapper .banner_wrapper{
padding-bottom: 50px;
}

.list-grid-wrapper > article{
min-width: 100%;
width: 100%;
margin-bottom: 60px;
}

.list-grid-wrapper > div.banner_wrapper_col3{
flex-direction: column;
}

.banner_wrapper div{
margin-bottom: 60px;
}

.catalog_list{
grid-template-columns: 1fr;
display: block;
}


.marktlist-item:has(figure), .marktlist-item{
aspect-ratio: unset;
margin-bottom: 35px;
background: rgba(var(--text-color-theme-rgb),0.05);
padding: 0px 0px;
}

.marktlist-item h3, .marktlist-item .contact{
padding: 6px 12px;
min-height: auto;
}

.marktlist-item:has(figure){
grid-template-columns: 1fr;
grid-template-rows: repeat(2, 1fr);
max-height: unset;
width: auto;

}



.marktlist-item .company_logo{
border-right: 0;
border-bottom: dotted 1px var(--text-color);
background: var(--background-color);
margin-bottom: 35px;
}



.ce_gallery > ul.cols_2, .content-gallery > ul.cols_2, .ce_gallery > ul.cols_3, .content-gallery > ul.cols_3, .ce_gallery > ul.cols_4, .content-gallery > ul.cols_4{
grid-template-columns: repeat(2, 1fr);
}


.layout_full .news_subwrapper .innerbanner{
margin-left: 0px;
min-width: calc(100vw - 40px);
max-width: calc(100vw - 40px);
}

.ce_text.kontaktbox {
margin-bottom: 2rem;
}


.mod_author{
width: auto;
}


#mobilfloat:has(.banner){
display: block;
visibility: visible;
}


.ce_text.first_news {
flex-flow: column;
padding-bottom: 10px;
margin-bottom: 10px;
}

.ce_text.first_news .news_box{
width: 100%;
}

.ce_text.first_news h1 {
width: 100%;
margin: 0px 0px 20px;
}


.ce_text.first_news h2 > span, .ce_text.first_news h1 > span, .ce_text.first_news h2, .ce_text.first_news h1{
font-size: 2rem;
}

.formbody input, .formbody textarea{
width: calc(100% - 1rem);
}

}




.content_box{
margin: 1.5rem 0px 1rem 0px;
padding: 2rem 2rem;
display: block;
border-radius: 8px;
}


.content_box .box_title{
margin-top: 0px; 
font-weight: 600;
font-style: italic;
margin-bottom: 0.8em;
font-size: 1.2em;
}


.content_box .box_entry{
margin-top: 0px; 
}



.content_box .box_entry p:last-of-type{
padding-bottom: 0px;
margin-bottom: 0px;
}

.content_box.box_grey{
background-color: rgba(217,217,217,0.3);
border: dotted 2px rgba(102,102,102,0.7);
}

.content_box.box_red{
background-color: rgba(226,140,140,0.3);
border: dotted 2px rgba(182,31,41,1);
}

.content_box.box_yellow{
background-color: rgba(241, 208, 139,0.3);
border: dotted 2px rgba(247,166,0,1);
}


.content_box.box_green{
background-color: rgba(204, 225, 124,0.3);
border: dotted 2px rgba(162,198,23,1);
}


.content_box.box_blue{
background-color: rgba(0,158,224,0.3);
border: dotted 2px rgba(0,158,224,1);
}


/* Video */
.ce_youtube iframe{
border: solid 1px rgb(00,158,224);
background-color: rgba(245, 245, 245,0.5);
width: 99%;
}


.ce_youtube{
margin-bottom: 1.5rem;
}



.ce_youtube .innerplayer{
position: relative;
padding-bottom: 56.25%;
padding-top: 0;
height: 0;
overflow: hidden;
}

.ce_youtube iframe,
.ce_youtube object,
.ce_youtube embed {
position: absolute;
top: 0;
left: 0;
width: 99%;
height: 99%;
}


/* Slick slider nav*/

.slick-prev, .slick-next{
background-color: var(--text-color);
color: var(--text-color-light);
border-radius: 25px;
opacity: 1;
line-height: 30px;
width: 30px;
height: 30px;
-webkit-transform: none;
-ms-transform: none;
transform: none;
top: 95%;
}

.slick-btn{
background-color: var(--text-color);
color: var(--text-color);
border-radius: 25px;
opacity: 1;
line-height: 30px;
width: 60px;
height: 30px;
position: absolute;	
margin: 0px auto 0px auto;
font-size: 0px;
display: none;
overflow: hidden;
cursor: pointer;
top: 95%;
left: 0;
right: 0;
z-index: 99;
}


.slick-slider:has(.slick-next) .slick-btn{
display: block;
}


.slick-btn.play::before{
content: '\25B6';
height: 16px;
width: 16px;
border: 0;
font-size: 15px;
color: var(--text-color-light);
line-height: 100%;
position: absolute;
  left: 4px;
  right: 0;
  top: 0px;
  bottom: 0px;
  margin: auto auto;
  z-index: 1;
  display: block;
}


.slick-btn.pause::before{
content: '\23F8';
height: 16px;
width: 16px;
border: 0;
font-size: 18px;
color: var(--text-color-light);
line-height: 100%;
position: absolute;
  left: 0px;
  right: 0;
  top: 0px;
  bottom: 4px;
  margin: auto auto;
  z-index: 1;
  display: block;
}

.slick-prev::before {
content: '\276E';
height: 16px;
width: 16px;
border: 0;
font-size: 16px;
color: var(--text-color-light);
line-height: 100%;
opacity: 1;
display: block;
margin: auto auto;
position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}


.slick-next::before {
content: '\276F';
height: 16px;
width: 16px;
border: 0;
font-size: 16px;
color: var(--text-color-light);
line-height: 100%;
opacity: 1;
display: block;
margin: auto auto;
position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: -2px;
}


/* Infobox Service */

.infobox-content{
display: block;
padding: 0px 0px;
margin: 0px 0px;
position: relative;
width: 100%;
aspect-ratio: 3/2;
isolation: isolate;
max-height: 350px;
border-radius: 12px;
}

.infobox-content .teaserbox_content{
width: calc(100% - 40px);
height: calc(100% - 40px);
position: absolute;
left: 0;
bottom: 0;
z-index: 9;
color: #ffffff;
padding: 20px;
margin-top: auto;
display: flex;
flex-direction: column;
justify-content: flex-end;
}

.infobox-content .teaserbox_content p:last-of-type{
margin-bottom: 0;
padding-bottom: 0;
}


.infobox-content .image_container{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}

.infobox-content .image_container::after{
content: '';
width: 100%;
height: 100%;
position: absolute;
top: 0;
left:0;
right:0;
bottom: 0;
background: #000000;
background: linear-gradient(90deg,rgba(0, 0, 0, 0.9) 0%, rgba(77, 74, 74, 0.75) 50%, rgba(255, 255, 255, 0) 91%);
}






.infobox-content .image_container img{
transition: transform .4s;
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}


.infobox-content:hover .image_container img{
transform: scale(1.07);
}


.infobox-content h3{
color: #ffffff;
font-size: 1.75rem;
text-transform: uppercase;
margin: 0px 0px 20px 0px;
font-weight: 500;
width: 60%;
line-height: 100%;
}

.infobox-content h2{
color: #ffffff;
font-size: 2.8rem;
text-transform: uppercase;
margin: 0px 0px 0px 0px;
font-weight: 700;
width: fit-content;
line-height: 1.3em;
}

.ce_text  p.icontext{
display: flex; 
flex-direction: row;
justify-content: flex-start;
}


.ce_text  p.icontext img{
margin: 8px 0px 0px 15px;
height: auto;
}

.infobox-content p{
font-size: 1rem;
font-weight: 400;
width: 70%;
}



.infobox-content a{
display: block;
font-size: 1.1rem;
width: auto;
padding: 8px 80px 8px 15px;
border-radius: 12px;
color: #000000;
text-decoration: none;
text-transform: uppercase;
background-color: #ffffff;
position: static;
white-space: nowrap;
}


.infobox-content a::before {
height: 100%;
left: 0px;
position: absolute;
top: 0px;
width: 100%;
z-index: 1;
content: "";
}

.infobox-content p:has(a){
width: 70%;
margin-top: 8px;   
}


.infobox-content p:has(a) span{
position: relative;
display: block;
width: 0px;
height: 0px;
float: right;
margin-right: -80px;
margin-top: 10px;
}

.infobox-content p:has(a) span::after{
content: '';
width: 35px;
height: 35px;
display: block;
position: absolute;
top: 0;
right: 5px;
bottom: 0;
margin: auto 0px auto auto;
background-color: transparent;
background-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg id='Ebene_1' xmlns='http://www.w3.org/2000/svg' version='1.1' style='stroke: %232b2b2a; fill: none;' viewBox='0 0 30 30'%3E%3Cline class='st0' x1='5.2' y1='15.2' x2='23.5' y2='15.2'/%3E%3Cpolyline class='st0' points='19.5 11.5 23.5 15.2 19.5 18.9'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right center;
background-size: 106% auto;
}

.infobox-content.infobox-kh a:hover, .infobox-content.infobox-gla a:hover{
background-color: #ffffff;  
}

.infobox-content.infobox-kh a{
background-color: rgba(162,195,14,1);
}

.infobox-content.infobox-gla a{
background-color: rgba(249,165,39,1);
}




@media only screen and (max-width: 680px) {
	.infobox-content h2 {
font-size: 2.3rem;
width: 100%;
}

.infobox-content p:has(a), .infobox-content p, .infobox-content h3 {
  width: 100%;

}
	.infobox-content  {
margin-bottom: 25px !important;
}

}



button.ccbutton, .ccbutton > a {
cursor: pointer;
border: 0px;
min-width: 300px;
background-color: var(--text-color);
color: var(--text-color-light);
padding: 15px 20px;
width: fit-content;
margin: 2rem 0px;
text-decoration: none;
border-radius: 6px;
font-size: 1rem;
display: block;
text-align: center;
}

.contao-cookiebar .highlight .success{
--ccb-btn-bg: #4e9e3e;
  --ccb-btn-bg-hvr: #4c933f;
  --ccb-btn-bdr: #3e7830;
  --ccb-btn-clr: #fff;	
}

.contao-cookiebar .highlight .save{
--ccb-btn-bg: #3a7d2d;
  --ccb-btn-bg-hvr: #69c957;
  --ccb-btn-bdr: #4e973c;
  --ccb-btn-clr: #fff;
}


.contao-cookiebar .highlight .deny{
--ccb-btn-bg: #973c49;
  --ccb-btn-bg-hvr: #954256;
  --ccb-btn-bdr: #a92c2c;
  --ccb-btn-clr: #fff;
}