:root {
    --rot: #e3000f;
    --weiss: #FFFFFF;
    --grau: #4F4F4E;
    --weisstrans: rgba(255,255,255,0.9);
    --grautrans: rgb(79,79,78,0.4);
    --hellgrau: #E5E5E5;
    --transformer: all 0.8s ease;
    --transformer-font: font-size 0.8s ease;
    /*--abst35px: 35px;*/
    /*-- NEU: 2022-09-20 -- */
    --abst35px: 25px;
    /*--abst70px: 70px;*/
    /*-- NEU: 2022-09-20 -- */
    --abst70px: 50px;     
    /*--abst105px: 105px;*/
    /*-- NEU: 2022-09-20 -- */
    --abst105px: 90px;
    /*--abst35pxminus: -35px;*/
    /*-- NEU: 2022-09-20 -- */
    --abst35pxminus: -25px;
    /*--abst70pxminus: -70px;*/
    /*-- NEU: 2022-09-20 -- */
    --abst70pxminus: -50px;
    /*--abst105pxminus: -105px;*/
    /*-- NEU: 2022-09-20 -- */
    --abst105pxminus: -90px;
    /*--abst17px: 17px;*/
    /*-- NEU: 2022-09-20 -- */
    --abst17px: 15px;
}

@font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Noto Sans'),
         url('../fonts/NotoSans-Regular.ttf') format('ttf'),
         url('../fonts/noto-sans-v27-latin-ext_latin-regular.woff') format('woff');
}

@font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Noto Sans'),
         url('../fonts/NotoSans-Bold.ttf') format('ttf'),
         url('../fonts/noto-sans-v27-latin-ext_latin-700.woff') format('woff');
}

html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    float: left;
    clear: both;
}

body {
    font-family: 'Noto Sans', Sans-serif;
    /*font-size: 20px;*/
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5em;    
    color: var(--grau);
}

.text-right {
    text-align: right;
}

.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

.text-justify {
    text-align: justify;
}

img {
    max-width: 100%;
    height: auto;
}

.ce-gallery.videocontainer .video[data-type="external"] {
    background: #eee;
}

.video-embed .video-defer {
    opacity: 1;
}

.ce-gallery.videocontainer {
    width: 100%;
	float: left;
	clear: both;  
}

.ce-gallery.videocontainer .video-column {
    width: 100%;
    float: left;
}

.ce-gallery.videocontainer[data-ce-columns="1"] .video-column {
	width: 100%;
	float: left;
	clear: both;
}

.ce-gallery.videocontainer figure.video {
	display: block;
}

.video-embed iframe, 
.video-embed a.videoiframelink,
.iframevideo a.videoiframelink {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-embed a.videoiframelink,
.iframevideo a.videoiframelink  {
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0;
    color: transparent;
    overflow: hidden;
    text-indent: -999px;
    display: none;
}

.loadiframenow a.videoiframelink,
.mediaconsent.loadok a.videoiframelink,
.frame-type-textmedia.frame-layout-10 .videobox  a.videoiframelink  {
    display: flex;
}

.video-embed a.videoiframelink::before,
.iframevideo a.videoiframelink::before,
.frame-type-textmedia.frame-layout-10 .videobox  a.videoiframelink::before {
    content: "";
    display: block;
    width: 70px;
    height: 50px;
    background: #000000;
    border-radius: 5px;
    transition: opacity 0.3s ease;
	box-shadow: 0 0 60px 0 #FFFFFF;
	opacity: 0.8;
}

.video-embed a.videoiframelink:hover::before,
.iframevideo a.videoiframelink:hover::before,
.frame-type-textmedia.frame-layout-10 .videobox  a.videoiframelink:hover::before {
	opacity: 0.9;
}

.video-embed a.videoiframelink::after,
.iframevideo a.videoiframelink::after,
.frame-type-textmedia.frame-layout-10 .videobox  a.videoiframelink::after {
    content: "";
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 10px 0 10px 20px;
    border-color: transparent transparent transparent #FFFFFF;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -10px 0 0 -8px;
    z-index: 3;
}

.video[data-type="external"] .video-embed {
    padding: 0;
}

.videobox {
    padding-top: 56.25%;
    overflow: hidden;
}

.mediaconsent > a.videoiframelink {
    display: none;
}

body.lb_body {
    height: auto !important;
    max-width: 800px;
    width: 90vw;
}

.fancybox-slide--iframe .fancybox-content {
    background: none !important;
}

.mapsoverlay {
    overflow-y: auto;
}

.mapsoverlay .cookie_only-this {
    margin-bottom: 10px;
}

#lightbox {
    width: calc(100% - 100px);
    margin: 0;
    padding: 50px;   
    float: left;
    clear: both;
    border-radius: 60px 0 60px 0;
    background: var(--weiss); 
}

#lightbox > .frame:first-child header > * {
    margin-top: 0;
}

/* -- Headervideo -- */
.frame-type-textmedia.frame-layout-11 > .rahmen {
    width: 100% !important;
    max-width: none !important;
    float: left !important;
    clear: both !important;
    margin: 0 !important;
    display: block !important;
}

.frame-type-textmedia.frame-layout-11 .ce-gallery {
    margin: 0;
    width: 100%;
    float: left;
    clear: both;
    position: relative;
}

.frame-type-textmedia.frame-layout-11 .ce-gallery::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.frame-type-textmedia.frame-layout-11 .video-embed .video-preview {
    height: 100%;
}

.frame-type-textmedia.frame-layout-11 .video-embed .video-preview img {
    width: 100%;
    max-width: none;
    height: auto;
}

.frame-type-textmedia.frame-layout-11.loadingok .video-embed .video-preview {
    display: none;
}

.frame-type-textmedia.frame-layout-11 .video[data-type="internal"] .video-embed .video-embed-item {
    width: 100%;
}

/* -- Allgemein -- */
* {
    outline: none;
}

.frame {
    width: 100%;
    float: left;
    clear: both;
}

#oben > .rahmen {
    width: 90%;
    margin: 0 5%;
    float: left;
    clear: both;
    /*max-width: 1550px;
    margin: 0 auto; */
}

#inhaltsbereich > .frame > .rahmen,
.footer_oben > .rahmen,
.footer_unten > .rahmen,
.newscontent > .rahmen {
    width: 90%;
    max-width: 1210px;
    margin: 0 auto;
}

/* -- Layout 100% -- */
#inhaltsbereich > .frame.frame-layout-30 > .rahmen {
    width: 100%;
    float: left;
    clear: both;
    margin: 0;
    max-width: none;
}

/* -- Cookie -- */
.btn,
.btn:hover,
.btn-secondary,
.btn-secondary:hover,
.btn-secondary.disabled, 
.btn-secondary:disabled,
.btn-secondary:not(:disabled):not(.disabled):active, 
.btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle,
.btn:focus, 
.btn.focus,
.btn-secondary:focus, 
.btn-secondary.focus,
#cookie_einstellungen:hover,
.cookie_only-this:hover {
    background: var(--rot) !important;
    border-color: var(--rot) !important;
    color: var(--weiss) !important;
    box-shadow: none !important;
}


#cookie_einstellungen {
    background: var(--rot);
    color: var(--weiss);
    border-radius: 3px;
    -webkit-appearance: none;
    padding: 11px 20px 10px;
    border: 0;
    cursor: pointer;
    font-family: inherit;
    font-size: 16px;
}

.modal-body {
    font-size: 16px;
    line-height: 1.5em;
}

.modal-body .btn-secondary {
    display: none;
}


a {
    color: var(--rot);
    text-decoration: none;
    transition: var(--transformer);
}

a:hover{
    text-decoration: underline;
    /*font-size: 110%;
    text-shadow: 1px 0px 0 var(--rot);*/
}

a[href^="tel:"] {
    text-decoration: none;
    white-space: nowrap;
}

a[href^="tel:"]:hover,
#footer a[href^="tel:"]:hover {
    font-weight: 400;
    text-decoration: none;
}

a.more,
a.more_weiss {
    background: var(--rot);
    color: var(--weiss);
    display: inline-block;
    /*padding: 10px 30px;*/
    padding: 10px 50px;
    margin: 0 10px 10px 0;
    font-weight: 400;
    transition: var(--transformer);
    text-align: center;
}

a.more.zoomlink,
a.more_weiss.zoomlink,
.newssliderfilterbox header h4.zoomlink,
.hnavi > li > a.zoomlink  {
    position: relative;
    height: 1.5em;
    overflow: hidden;
}

.hnavi > li > a.zoomlink .zoombox {
    transition: var(--transformer-font);
}

a.more.zoomlink .zoombox,
a.more_weiss.zoomlink .zoombox,
.newssliderfilterbox header h4.zoomlink .zoombox,
.hnavi > li > a.zoomlink .zoombox {
    font-size: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 10px;
    bottom: 0;
}

.hnavi > li > a.zoomlink .zoombox {
    top: 0;
}

a.more.zoomlink:hover .zoombox,
a.more_weiss.zoomlink:hover .zoombox,
.newssliderfilterbox header:hover h4.zoomlink .zoombox,
.hnavi > li:hover > a.zoomlink .zoombox {
    /*font-size: 110%;*/
    /* -- NEU: 2022-09-20 -- */
    font-size: 105%;

}

a.more_weiss {
    background: var(--weiss);
    color: var(--rot);
    box-shadow: inset 0 0 0 1px var(--rot);
}

a.more:hover,
a.more_weiss:hover,
a.bullet:hover  {
    text-decoration: none;
    /*font-size: 110%;*/
    /* -- NEU: 2022-09-20 -- */
    font-size: 105%;
}

a.more_weiss:hover {
    /*text-shadow: 1px 0px 0 var(--rot);*/
}

a.bullet {
    display: inline-block;
    position: relative;
    padding: 0 0 0 25px;
    transition: var(--transformer);
    color: var(--grau);
}

a.bullet::before {
    content: '';
    display: block;
    position: absolute;
    top: 6px;
    left: 0;
    width: 16px;
    height: 16px;
    background: var(--rot);
    border-radius: 5px 0 5px 0;
}

a.link-download {
    display: inline-block;
    position: relative;
    padding: 0 0 5px 25px;
    color: var(--grau);   
    transition: none;
}

a.link-download::before {
    /*content: '🡇';*/
    content: '';
    background: url(../images/download.svg) left top no-repeat;
    background-size: 100% auto;
    display: block;
    position: absolute;
    top: 7px;
    left: 0;
    width: 13px;
    height: 18px;
    /*width: 16px;
    height: 16px;
    font-size: 20px;
    line-height: 1em;
    border-bottom: 2px solid var(--grau);*/
}

a.link-download:hover {
    text-decoration: none;
    color: var(--rot);
}

a.link-download:hover::before {    
    border-color: var(--rot);
}

p {
    margin: 0 0 1em 0;
}

/* -- Überschriften -- */
h1 {
    font-family: 'Noto Sans', Sans-serif;
    /*font-size: 50px;*/
    /*font-size: 45px;*/
    /*-- NEU: 2022-09-20 -- */
    font-size: 40px; 
    margin: var(--abst35px) 0;
    font-weight: 400;
    line-height: 1.2em;
    /*margin: var(--abst70px) 0;*/
    color: var(--grau);
}

h2 {
    font-family: 'Noto Sans', Sans-serif;
    /*font-size: 42px;*/
    /*font-size: 40px;*/
    /*-- NEU: 2022-09-20 -- */    
    font-size: 36px;
    font-weight: 400;
    line-height: 1.2em;
    margin: var(--abst35px) 0;
    color: var(--grau);
}

h3 {
    font-family: 'Noto Sans', Sans-serif;
    /*font-size: 32px;*/
    font-size: 30px;
    font-weight: 400;
    line-height: 1.2em;
    margin: var(--abst35px) 0;
    color: var(--grau);
}

h4 {
    font-family: 'Noto Sans', Sans-serif;
    /*font-size: 26px;*/
    font-size: 24px;
    font-weight: 400;
    line-height: 1.2em;
    margin: var(--abst35px) 0;
    color: var(--grau);
}

h1 span.hlabsatz,
h2 span.hlabsatz,
h3 span.hlabsatz,
h4 span.hlabsatz {
    display: block;
}

.zweizeilig {
    margin-bottom: 0;
}

.zweizeilig + * {
    margin-top: 10px;
}

/* -- Generell bei Text neben dem Bild margin-top auf 0 -- */
.ce-textpic.ce-intext.ce-nowrap .ce-bodytext > header > * {
    margin-top: 0;
}

/* -- Bilder mit Haken Border -> abgerundete Ecken -- */
.ce-gallery.ce-border .ce-column img {
    border-radius: 30px 0 30px;
    overflow: hidden;
}

.image-caption {
    font-size: 15px;
    line-height: 1.2em;
    margin-top: 8px;
}

/* -- Aufzählung -- */
#inhaltsbereich .ce-bodytext ul {
    margin: 0 0 20px 0;
    padding: 0;
    list-style-type: none;
}

#inhaltsbereich .ce-bodytext ul li {
    padding-left: 40px;
    position: relative;
}

#inhaltsbereich .ce-bodytext ul li::before {
    content: '';
    background: var(--rot);
    position: absolute;
    top: 10px;
    left: 18px;
    display: block;
    width: 7px;
    height: 7px;
}

#inhaltsbereich .ce-bodytext ul.auf_pfeil {
    list-style: none;
    padding: 0;
}

#inhaltsbereich .ce-bodytext ul.auf_pfeil li,
#inhaltsbereich .ce-bodytext ul.auf_ohne li.auf_pfeil_li {
    padding-left: 40px;
    background: url(../images/bullet_pfeil.svg) 15px 3px no-repeat;
    background-size: 13px auto;
}

#inhaltsbereich .ce-bodytext ul.auf_pfeil li::before {
    display: none;
}

#inhaltsbereich .ce-bodytext ul.auf_pfeil li.auf_ohne_li {
    background: none;
}

#inhaltsbereich .ce-bodytext ul.auf_pfeil li > a.link-download {
    padding: 0 0 5px 0;
}

#inhaltsbereich .ce-bodytext ul.auf_ohne li > a.link-download {
    padding: 0 0 5px 40px;
}

#inhaltsbereich .ce-bodytext ul.auf_pfeil li > a.link-download::before {
    left: -25px;
}

#inhaltsbereich .ce-bodytext ul.auf_ohne li > a.link-download::before {
    left: 14px;
}

#inhaltsbereich .ce-bodytext ul.auf_ohne {
    list-style: none;
    padding: 0;
}

#inhaltsbereich .ce-bodytext ul.auf_ohne li {
    padding-left: 0; 
}

#inhaltsbereich .ce-bodytext ul.auf_ohne li::before {
    display: none;
}

/* -- Oben -- */
#oben {
    width: 100%;
    float: left;
    clear: both;
    margin: 0; 
    padding: var(--abst35px) 0 0 0;
    position: fixed;
    /* -- NEU: 2022-10-17 -- */
    /*box-shadow: 0 0 5px rgba(0,0,0,0.10);*/
    box-shadow: 0 0 5px rgba(0,0,0,0.05);    
    background: var(--weiss);
    z-index: 5; 
}

/* -- Wenn gescrollt wird, dann kleiner -- */
/*#oben.scrolled {
    padding-top: var(--abst17px);
}*/

#oben.scrolled .logo {
    margin-bottom: var(--abst17px);
}

#oben.scrolled ul.hnavi > li > a {
    padding-bottom: 10px;
}

/* -- NEU: 2022-09-21 -- Suche auf Hover -- */ 
.suchbox {
    padding-bottom: 29px;
}

#oben.scrolled .sprachen ul:first-child {
    padding-bottom: 24px;
}

#oben.scrolled .suchbox {
    padding-bottom: 12px;
}

.logo {
    float: left;
    /* width: 460px; */
    width: 320px;
    margin-bottom: var(--abst35px);
}

/* -- NEU: 2022-09-12 --  */
.logo {
    position: absolute;
    top: auto;
    left: auto;
}

.logo .ce-gallery {
    margin: 0;
    width: 100%;
}

.logo .ce-column:nth-child(2) {
    float: right;
}

.logo a {
    display: block;
}

/* -- NEU: 2022-09-12 -- */
#oben > .rahmen > .rahmen {
    float: left;
    margin: 0 0 0 425px;
    width: calc(100% - 550px);
}

/*
ul.hnavi {
    float: left; 
    width: auto;
    max-width: calc(100% - 450px);
    margin: 20px 0 0 var(--abst105px); 
    padding: 0;
    list-style: none;   
    font-size: 22px;
    position: relative;
}
*/

/* -- NEU: 2022-09-12 -- */
ul.hnavi {
    float: left;
    /* float: right; */
    clear: both;
    width: 100%;
    max-width: none;
    /* max-width: 1280px; */
    margin: 20px 0 0 ; 
    padding: 0;
    list-style: none;   
    font-size: 22px;
    position: relative;
    display: flex;
    justify-content: space-between;
}

/*
ul.hnavi > li {
    display: inline-block;
    vertical-align: top;
    margin: 0 var(--abst35px) 0 0;
}
*/

/* -- NEU: 2022-09-12 -- */
ul.hnavi > li {
    display: inline-block;
    vertical-align: top;
    /*margin: 0 var(--abst35px) 0 var(--abst35px);*/
    margin: 0;
}

.mobpfeil {
    display: none;
}

ul.hnavi > li a {
    display: block;
    text-decoration: none;
    color: var(--grau);
    padding: 0 var(--abst35px);
    transition: var(--transformer);
}

ul.hnavi > li.ifsub {
    cursor: pointer;
}  

/* -- NEU: 2022-09-13 
ul.hnavi > li.ifsub > a {
    pointer-events: none;
}*/

ul.hnavi > li:hover > a {
    /*text-shadow: 1px 0px 0 var(--grau);*/
    text-shadow: none;
}

ul.hnavi > li.ifsub[data-toggled="on"] > a,
ul.hnavi > li.act > a {
    color: var(--rot);
    /*text-shadow: 1px 0px 0 var(--rot);*/
}

/* -- Ebene 2 -- 
.klappnavi {
    position: absolute;
    background: var(--hellgrau);
    left: var(--abst35pxminus);
    top: auto;
    padding: 0 calc(33% + var(--abst35px))  0 0;
    box-shadow: 0 0 5px rgba(0,0,0,0.10);
    display: none;
    width: 67%;
    opacity: 0.7;
}
*/
/* -- NEU: 2022-09-12 -- */
.klappnavi {
    position: absolute;
    /*background: var(--hellgrau);*/
    background: var(--weiss);
    left: 0;
    right: 0;
    top: auto;
    padding: 0 33%  0 0;
    /*box-shadow: 0 0 5px rgba(0,0,0,0.10);*/
    /* -- NEU: 2022-10-17 -- */
    /*box-shadow: inset 0 0 5px rgba(0,0,0,0.10);*/
    box-shadow: inset 0 0 5px rgba(0,0,0,0.05);

    display: none;
    width: 67%;
    opacity: 1;
    /* -- NEU: 2022-09-20 -- */
    font-size: 20px;
}

.hnavi > li.ifsub:hover .klappnavi {
    display: block;
    animation: fade_in_show 1s;
}

.klappnavi > ul {
    padding: 0;
    list-style: none;
    /*margin: var(--abst17px) 0 var(--abst17px) var(--abst35px); */
    margin: 0 0 var(--abst17px) var(--abst35px);
    width: calc(50% - var(--abst35px));
    float: left;
}

.klappnavi > ul li {
    display: block; 
    /*border-top: 1px solid var(--weiss);*/
    border-top: 1px solid var(--hellgrau);
}

.klappnavi > ul li:first-child {
    border: 0;
}

.klappnavi > ul li a {
    display: block;    
    padding: var(--abst17px) var(--abst17px) var(--abst17px) 0;
/* -- NEU: 2022-09-12 -- */
    transition: none;
}

.klappnavi > .unavi > li.ifsub > a {
    position: relative;    
}
/*
.klappnavi > .unavi > li.ifsub > a::after {
    content: '>';
    display: block;
    position: absolute;
    right: var(--abst17px);
    top: calc(50% - 1em);
    background: red;
}
*/

.klappnavi > .unavi > li.ifsub > a::after {
    content: '';
    background: url(../images/pfeil_dunkelgrau.svg) left top no-repeat;
    background-size: 15px auto;
    display: block;
    position: absolute;
    width: 15px;
    height: 22px;
    right: var(--abst17px);
    top: calc(50% - 11px);
}

.klappnavi > ul li:hover a {
    color: var(--rot);
    text-shadow: none;
}

.klappnavi > ul li:hover.ifsub > a::after {
    background: url(../images/slider_pfeil_rot_klein_next.svg) left top no-repeat;
    background-size: 15px auto;   
} 

.klappnavi > ul li.act a {
    /*background: var(--weiss);*/
    background: var(--hellgrau);
    position: relative;
}

.klappnavi > ul li.act a::before {
    content: '';
    display: block;
    position: absolute;
    left: var(--abst35pxminus);
    /*background: var(--weiss);
    top: -1px;
    bottom: -1px;*/
    background: var(--hellgrau);
    top: -1px;
    bottom: -1px;
    width: var(--abst35px);
    border-top: 1px solid var(--hellgrau);
}

.klappnavi > ul li:first-child.act a::before {
    top: 0;
}
/*
ul.hnavi > li.ifsub:hover .klappnavi {
    display: block;
}
*/
/*
.klappnavi li.ifsub:hover > .klappnavi_weiss,*/
.klappnavi li.ifsub.act > .klappnavi_weiss {
    display: block !important;
}

/* -- Ebene 3 -- */
.klappnavi_weiss {
    /*background: var(--weiss);*/
    background: var(--hellgrau);
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: calc(67% + 20px);
}

.uunavi {
    width: calc(100% - var(--abst70px));
    /*margin: var(--abst17px) var(--abst35px) ;*/
    margin: 0 var(--abst35px) var(--abst17px) var(--abst35px);
    padding: 0;
}



.klappnavi li.ifsub:hover .klappnavi_weiss .uunavi li a,
.klappnavi_weiss .uunavi li a {
    color: var(--grau);
}

.klappnavi li.ifsub .klappnavi_weiss .uunavi li:hover a,
.klappnavi li.ifsub .klappnavi_weiss .uunavi li.act a {
    color: var(--rot); 
} 

.klappnavi > ul li.act .uunavi li a {
    background: none;
}

.klappnavi > ul li.act .uunavi li a::before {
    display: none;
}

.funktionen {
    float: right;
    margin: 13px 0 0 0;
}

/* -- Suche -- */
.suchbox {
    display: inline-block;
    vertical-align: top;
    position: relative;
    /* margin: 0 20px 0 0; */
    margin: 0;
    cursor: pointer;
    padding-left: 20px;
}

.suchklick {
    width: 40px;
    height: 40px;
    background: url(../images/lupe.svg) left top no-repeat;
    background-size: 22px auto;
    cursor: pointer;
    display: block;
    margin-top: 5px;
/* -- NEU: 2022-09-12 -- */
    margin-top: 10px;    
    transition: var(--transformer);

}

/* -- NEU: 2022-09-21 -- */
/* 
.suchklick.an,
.suchklick:hover  {
    background: url(../images/lupe_rot.svg) left top no-repeat;
    background-size: 22px auto;
}
*/
.suchbox:hover .suchklick {
    background: url(../images/lupe_rot.svg) left top no-repeat;
    background-size: 22px auto;   
}

.suchklick .resp_suche {
    display: none;
}

.suchebox {
    display: none;
    position: absolute;
    right: 0;
    /*top: 75px;*/
    top: 79px;
    background: var(--weiss);
    /*padding: 10px 20px;*/
    padding: var(--abst17px) var(--abst35px);
    /* -- NEU: 2022-10-17 -- */
    /*box-shadow: inset 0 0px 5px rgba(0,0,0,0.10);*/
    box-shadow: inset 0 0px 5px rgba(0,0,0,0.05);
} 

#oben.scrolled .suchebox {
    /* top: 71px; */
    top: 62px;
}

/* -- NEU: 2022-09-21 -- */
.suchbox:hover .suchebox {
    display: block;
}

.suchebox form,
.suchebox fieldset {
    width: 100%;
    float: left;
    clear: both;
    margin: 0;
    padding: 0;
    border: 0;
    display: block;
}

.suchebox form {
    border: 1px solid var(--grau);
    width: calc(100% - 2px);
}

.suchebox .tx-indexedsearch-form {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 31px);
}

.suchebox .tx-indexedsearch-form .tx-indexedsearch-searchbox-sword {
    border: 0;
    padding: 3px 5px;
    font-size: 15px;
    line-height: 1.2em;
    color: var(--grau);
    width: 190px;
}

.suchebox .tx-indexedsearch-search-submit {
    width: 25px;
    display: inline-block;
    vertical-align: top;
    margin: 4px 0 0 0;
    padding: 0;
}

.suchebox .tx-indexedsearch-search-submit .tx-indexedsearch-searchbox-button {
    width: 25px;
    height: 25px;
    background: url(../images/lupe_rot.svg) left top no-repeat;
    background-size: 22px auto;
    cursor: pointer;
    display: block;
    border: 0;
    padding: 0;
}

/* -- Sprachen -- */
.sprachen {
    display: inline-block;
    vertical-align: top;
    /*font-weight: 700;*/
/* -- NEU: 2022-09-12 -- */    
    font-weight: 400;
    font-size: 22px;
    height: 34px;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 80px;
    z-index: 2;
    line-height: 1.2em;
    float: right;
    margin-top: 2px;

    display: none;
}

.sprachen:hover, .sprachen.hover {
	overflow: visible;
}

.sprachen:after {
	content: "";
	position: absolute;
	left: 5px;
	top: 11px;
	cursor: pointer;
	background: url(../images/pfeil_unten_rot.svg) left top no-repeat;
    width: 12px;
    height: 12px;
    background-size: 12px auto;
}

.sprachen a {
    color: var(--grau);
}

.sprachen a:hover {
    text-decoration: none;
    color: var(--grau);
}

.sprachen ul {
    margin: 0;
    padding: 0px;
    list-style: none;
}

.sprachen ul:first-child {
    padding-bottom: 41px;
}

.sprachen ul.dropdown {
    position: absolute;
    left: 0;
    right: 0;
    top: auto;
    /* -- NEU: 2022-10-17 --*/
    /*box-shadow: inset 0 0 5px rgba(0,0,0,0.10);*/
    box-shadow: inset 0 0 5px rgba(0,0,0,0.05);    
/* -- NEU: 2022-09-13 -- */
    background: var(--weiss);  
    padding: 10px 0;  

}


.sprachen ul li {
	padding: 5px 10px 5px 20px;
	/*background: var(--weiss);*/
	border-bottom: 0px;
	z-index: 0;
}

.sprachen ul li {
	/*background: var(--hellgrau);*/
}

.sprachen ul li:before {
	display: none;
}

.sprachen ul li.sp_act {
	display: block;
	background: var(--weiss);
}

/* -- Header -- */
#header {
    width: 100%;
    float: left;
    clear: both;
    margin: 0;
    padding: 0;   
}

#header.sub {
    max-height: calc(100vh - 130px);
    overflow: hidden;
    min-height: 250px;
}

#header .frame,
#header .frame .rahmen,
#header .frame .ce-gallery,
#header .frame .ce-gallery .ce-row,
#header .frame .ce-gallery .ce-column,
#header .frame .ce-gallery .image,
#header .frame .ce-textpic  {
    width: 100%;
    float: left;
    clear: both;
    margin: 0;
    padding: 0; 
    display: block
}

#header .frame .ce-gallery .image img {
    width: 100%;
    max-width: none;
    height: auto;
}

#header .frame-style-slider .ce-textpic {
    position: relative;
}

#header .frame-style-slider .ce-gallery {
    max-height: calc(100vh - 130px);
    overflow: hidden;
    position: relative;
}

#header .frame-style-slider .ce-bodytext {
    background: var(--weisstrans);
    padding: var(--abst35px) var(--abst70px);
    max-width: 420px;
    border-radius: 50px 0 50px 0;
    position: absolute;
    bottom: var(--abst70px);
    /*right: 15%;*/
    right: 0;
}

.frame-style-slider .ce-intext.ce-right .ce-gallery, .frame-style-slider .ce-intext.ce-left .ce-gallery, .frame-style-slider .ce-above .ce-gallery {
    margin-bottom: 10px;
}

/* -- NEU: 2022-09-12 -- */
.sliderrahmen {
    max-width: 1210px;
    float: none;
    clear: both;
    margin: 0 auto;
    position: relative;
}

#header .frame-style-slider .ce-bodytext h1,
#header .frame-style-slider .ce-bodytext h2,
#header .frame-style-slider .ce-bodytext h3,
#header .frame-style-slider .ce-bodytext h4 {
    margin: 0 0 var(--abst35px) 0;
}

#header .frame-style-slider .ce-bodytext p {
    margin-bottom: var(--abst35px);
}

#header .frame-style-slider .ce-bodytext p:last-child,
#header .frame-style-slider .ce-bodytext a.more {
    margin-bottom: 0;
}

#header .frame-style-slider .owl-prev,
#header .frame-style-slider .owl-next {
    position: absolute;
    top: calc(50% - 37px);
    left: var(--abst35px);
    width: 48px;
    height: 75px;
    background: url(../images/slider_pfeil_weiss_prev.svg) left top no-repeat;
    background-size: auto 75px;
    overflow: hidden;
}

#header .frame-style-slider .owl-next {
    background: url(../images/slider_pfeil_weiss_next.svg) left top no-repeat;
    background-size: auto 75px;
    right: var(--abst35px);
    left: auto;
}

#header .frame-style-slider .owl-prev span,
#header .frame-style-slider .owl-next span {
    text-indent: -999px;
    display: block;
}

/* -- Mob-Button -- */
.mob_button {
    display: none;
}

/* -- Inhaltsbereich -- */
#inhaltsbereich {
    width: 100%;
    float: left;
    clear: both;
    margin: var(--abst70px) 0;
    min-height: 500px;
}

#inhaltsbereich > .frame:first-child > .rahmen h1/*,
#inhaltsbereich > .frame:first-child > .rahmen h2*/ {
    margin-top: 0;
}

#inhaltsbereich > .frame .ce-bodytext p:last-child {
    margin-bottom: 0;
}

#inhaltsbereich > .frame:first-child header:first-child .zweizeilig + h2 {
    margin-top: var(--abst35px);
}

/* -- ERstes Element -- */
#inhaltsbereich > .frame.frame-bggrau:first-child {
    margin-top: var(--abst70pxminus);
}

/* -- Letzte Elemente direkt an den Footer -- */
#inhaltsbereich > .frame-type-textmedia.frame-layout-20:last-child,
#inhaltsbereich > .frame.frame-bggrau:last-child,
#inhaltsbereich > .frame-type-textmedia.frame-layout-11:last-child {
    margin-bottom: var(--abst70pxminus);
}

#inhaltsbereich .frame-bggrau .ce-textpic.ce-nowrap .ce-gallery {
    margin-bottom: 0;
}

/* -- Footer -- */
#footer {
    width: 100%;
    float: left;
    clear: both;
    margin: 0;
    /* padding: 70px 0 var(--abst35px) 0; */
    padding: var(--abst35px) 0;
    background: var(--grau);
    color: var(--weiss);
}

#footer a {
    color: var(--weiss);
    text-decoration: none; 
}

#footer a:hover {
    text-decoration: underline;
/* -- NEU: 2022-09-23 - kein Fett, im Layout aber fett gewünscht. Auf Wunsch von Zollner entfernt -- */
    /*font-weight: 700;*/
}

#footer p {
    margin: 0;
}

#footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer_oben {
    width: 100%;
    float: left;
    clear: both;
    margin: 0 0 var(--abst70px) 0;
    padding: 0;
}

.footer_unten {
    width: 100%;
    float: left;
    clear: both;
    margin: 0;
    padding: 0;   
    font-size: 15px;
    line-height: 1.2em;
}

.footer_unten > .rahmen > div:first-child {
    width: 100px;
    float: left;
}

.footer_unten > .rahmen > div > div {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
}

.footer_unten > .rahmen > div:nth-child(2) {
    width: calc(100% - 100px);
    text-align: right;
    float: right;
}

.footer_unten > .rahmen > div:nth-child(2n+0) > div {
    margin-left: 0;
    margin-right: 0;
}

.footer_unten > .rahmen > div:nth-child(3n+0) > div {
    margin-left: 0;
    margin-right: 0;
}

.footer_unten > .rahmen > div:nth-child(3) {
    text-align: left;
}

.footer_unten .socialmedia .ce-column {
    margin-right: 2px;
}

.footer_unten .socialmedia .ce-gallery {
    margin: 0;
}

.footer_unten .quicklinks ul {
    width: 100%;
    float: left;
    clear: both;
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer_unten .quicklinks ul li {
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 10px;
}

.copyright {
    /* max-width: 230px; */
    float: left;
    clear: both;
    width: 100%;
    max-width: 100%;
    margin: 20px 0 0 0;
}

.footer_unten > .rahmen {
    max-width: unset;
}

/* -- Indexed_Search -- */
.tx-indexedsearch-searchbox {
    width: 100%; 
    float: left;
    clear: both;
    margin: 0 0 20px 0;
    padding: 0;
}

.tx-indexedsearch-searchbox #tx_indexedsearch,
.tx-indexedsearch-searchbox #tx_indexedsearch fieldset,
.tx-indexedsearch-searchbox #tx_indexedsearch .tx-indexedsearch-form  {
    width: 100%; 
    float: left;
    clear: both;
    margin: 0;
    padding: 0;
    border: 0;
}

.tx-indexedsearch-searchbox #tx_indexedsearch fieldset legend,
.tx-indexedsearch-searchbox #tx_indexedsearch .tx-indexedsearch-form label,
.tx-indexedsearch-searchbox #tx_indexedsearch fieldset .advancedsearchsettings, 
.tx-indexedsearch-info-sword, 
.tx-indexedsearch-info, 
.tx-indexedsearch-percent,
.tx-indexedsearch-icon {
    display: none;
}

.tx-indexedsearch-searchbox #tx_indexedsearch fieldset {
    border: 1px solid var(--grau);
    width: calc(100% - 2px);
    max-width: 600px;
}

.tx-indexedsearch-searchbox #tx_indexedsearch fieldset .tx-indexedsearch-form {
    background-color: red;
    width: calc(100% - 50px);
    float: left;
}

.tx-indexedsearch-searchbox #tx_indexedsearch fieldset .tx-indexedsearch-form .tx-indexedsearch-searchbox-sword {
    box-sizing: unset;
    width: calc(100% - 20px);
    border: 0;
    padding: 5px 10px;
    font-family: 'Noto Sans', Sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.5em;   
}

.tx-indexedsearch-searchbox #tx_indexedsearch .tx-indexedsearch-search-submit {
    width: 40px;
    height: 40px;
    float: left;
}

.tx-indexedsearch-searchbox #tx_indexedsearch .tx-indexedsearch-search-submit .tx-indexedsearch-searchbox-button {
    background: url(../images/lupe.svg) center center no-repeat;
    background-size: 22px auto;
    cursor: pointer;
    display: block;
    border: 0;
    width: 40px;
    height: 40px;
    overflow: hidden;
    text-indent: -999px;
    margin: 0;
}

.tx-indexedsearch-info-noresult {
    width: 100%; 
    float: left;
    clear: both;
    margin: 0;
    padding: 0;
}

.tx-indexedsearch-browsebox {
    width: 100%;
    float: left;
    clear: both;
    margin: 0 0 20px 0;
}

.tx-indexedsearch-browsebox p {
    margin: 0;
}

.tx-indexedsearch-res {
    border-bottom: 1px solid var(--hellgrau);
    width: 100%;
    float: left;
    clear: both;
    margin: 10px 0;
    padding: 10px 0;
}

.tx-indexedsearch-res h3 {
    margin: 0;
}

.tx-indexedsearch-res + div.tx-indexedsearch-browsebox {
    margin: var(--abst35px) 0 0 0;
}

#inhaltsbereich div.tx-indexedsearch-browsebox ul.tx-indexedsearch-browsebox {
    width: 100%;
    float: left;
    clear: both;
    margin: 0;
    padding: 0;
    list-style: none; 
    text-align: center;
}

#inhaltsbereich div.tx-indexedsearch-browsebox ul.tx-indexedsearch-browsebox li {
    display: inline-block;
    vertical-align: top;
    margin: 0 5px 5px 5px;
}

/* -- Multicontent -- */ 
.cnmc-accordion {
    width: 100%;
    float: left;
    clear: both;
    margin: 0;
    /*border-bottom: 1px solid var(--grau);*/
    border-bottom: 1px solid var(--grautrans);
}

.ui-accordion-header {
    /*border-top: 1px solid var(--grau);*/
    border-top: 1px solid var(--grautrans);
    width: calc(100% - var(--abst70px));
    float: left;
    clear: both;
    margin: 0;
    /*padding: var(--abst35px) var(--abst70px) var(--abst35px) 0;*/
    padding: var(--abst17px) var(--abst70px) var(--abst17px) 0;
    cursor: pointer;
    position: relative;
    transition: var(--transformer);
}

.ui-accordion-header a,
.cnmc-accordion a {
    color: var(--grau);
    text-decoration: none;
    display: block;
}

/* -- NEU: 2022-09-12 -- */
.ui-accordion-header-active {
    padding-top: var(--abst35px);
    padding-bottom: 0;
}

.ui-accordion-header-active a {
    color: var(--rot);
}

.ui-accordion-header a:hover {
    text-decoration: none;  
} 

.ui-accordion-header-icon {
    position: absolute;
    top: calc(50% - 20px);
    right: 0;
    width: 40px;
    height: 40px;
    text-align: center;
}

.ui-accordion-header-icon::after {
    content: '+';
    font-family: 'Noto Sans', Sans-serif;
    font-size: 26px;
    color: var(--rot);
    font-weight: 400;
    line-height: 1.5em;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
}

.ui-accordion-header-active .ui-accordion-header-icon::after {
    /*content: '\2012';*/
}

.ui-accordion-content {
    width: 100%;
    float: left;
    clear: both;
   /* margin: var(--abst17px) 0 var(--abst35px) 0;*/
   margin: var(--abst35px) 0 var(--abst35px) 0;
}

/* -- Multicontent Slider -- */
#inhaltsbereich .frame-style-slider.frame-layout-1 .owl-carousel {
    background: var(--hellgrau);
}

#inhaltsbereich .frame-style-slider.frame-layout-1 .owl-carousel .frame >.rahmen {
    width: calc(100% - var(--abst70px) - var(--abst70px));
    margin: var(--abst70px);
    float: left;
    clear: both;
}

#inhaltsbereich .frame-style-slider.frame-layout-1 .owl-carousel .frame >.rahmen header > * {
    margin-top: 0;
}

#inhaltsbereich .frame-style-slider .owl-carousel .owl-nav button.owl-prev, 
#inhaltsbereich .frame-style-slider .owl-carousel .owl-nav button.owl-next {
    position: absolute;
    top: calc(50% - 45px);
    left: -90px;
    width: 70px;
    z-index: 1;
}

#inhaltsbereich .frame-style-slider .owl-carousel .owl-nav button.owl-next {
    left: auto;
    right: -90px;
}

#inhaltsbereich .frame-style-slider .owl-carousel .owl-nav button.owl-prev span, 
#inhaltsbereich .frame-style-slider .owl-carousel .owl-nav button.owl-next span {
    text-indent: -999px;
    overflow: hidden;
    display: block;
    width: 50px;
    height: 90px;
    background: url(../images/slider_pfeil_rot_prev.svg) 0 center no-repeat;
    background-size: 100% auto;
    margin-left: 20px;
}

#inhaltsbereich .frame-style-slider .owl-carousel .owl-nav button.owl-next span {
    background: url(../images/slider_pfeil_rot_next.svg) 0 center no-repeat;
    background-size: 100% auto;
    margin-left: 0;
}

#inhaltsbereich .frame-style-slider .owl-dots {
    width: 100%;
    float: left;
    clear: both;
    margin-top: var(--abst17px);
    text-align: center;
}

#inhaltsbereich .frame-style-slider .owl-dots .owl-dot {
    display: inline-block;
    vertical-align: top;
    width: 16px;
    height: 16px;
    background: var(--hellgrau);
    border-radius: 5px 0 5px 0;
    margin: 0 3px;
}

#inhaltsbereich .frame-style-slider .owl-dots .owl-dot.active {
    background: var(--grau);
}
/* -- Trenner -- */
.frame-type-div hr.ce-div,
.news-text-wrap hr,
.ce-bodytext hr {
    width: 100%;
    height: 1px; 
    border: 0;
    margin: var(--abst35px) 0;
    padding: 0;
    background: var(--grau);
}

.frame-type-div.frame-layout-1 hr.ce-div {
    background: var(--rot);
}

/* -- News -- */
.news {
    width: 100%;
    float: left;
    clear: both;
    margin: 0;
    padding: 0;
}

.news .article:after {
    display: none;
}

.news .no-news-found {
    width: 100%;
    float: left;
    clear: both;
    margin: 0;
    padding: 0;
    color: var(--grau);
    font-style: normal;  
}

/* -- Startseite -- */
.news-listslider-container {
    width: 100%;
    float: left;
    clear: both;
    margin: var(--abst35px) 0 0 0;
    padding: 0; 
}

.news-listslider-container .article {
    width: 100%;
    float: left;
    clear: both;
    display: block;
    vertical-align: top;
    background: var(--hellgrau);
    margin: 0;
    padding: 0;
    position: relative;
    opacity: 1;
}

.news .news-listslider-container .article .news-img-wrap {
    width: 100%;
    float: left;
    clear: both;
    margin: 0;
    padding: 0;
    background: none;
    display: flex;
    height: auto;
    aspect-ratio: 3/2;
    align-items: stretch;
    overflow: hidden;
}

.news .news-listslider-container .article .news-img-wrap img {
    float: left;
    clear: both;
    width: 100%;
    max-width: none;
    height: auto;
    display: block;
    object-fit: cover;
    object-position: 50% 100%;    
    transition: var(--transformer);
}

.news .news-listslider-container .article .news-img-wrap .no-media-element {
    width: 100%;
    display: flex;
    align-content: center;
    text-align: center;
    background: var(--weiss);
    /* -- NEU: 2022-10-17 -- */
    /*box-shadow: inset 0 0 0 1px rgba(0,0,0,0.10);*/
    box-shadow: inset 0 0 0 1px rgba(0,0,0,0.05);
}

.news .news-listslider-container .article .news-img-wrap .no-media-element img {
    width: 100%;
    height: auto;
    max-width: 70%;
    object-fit: unset;
    object-position: unset;
    display: inline-block;
    float: none;
    clear: none;
    margin: 0 auto;
}

.news .news-listslider-container .article .news-content {
    width: calc(100% - 30px);
    float: left;
    clear: both;
    display: block;
    margin: var(--abst35px) var(--abst17px) var(--abst35px) var(--abst17px);
}

.news .news-listslider-container .news-list-cat {
    width: 100%;
    float: left;
    clear: both;
    margin: 0;
    padding: 0;
    /*font-size: 20px;*/
    /* -- NEU: 2022-09-20 -- */
    font-size: 18px;
    color: var(--grau);
}

.news .news-listslider-container .news-text {
    width: 100%;
    float: left;
    clear: both;
    margin: 0 0 var(--abst70px) 0;
}

.news .news-listslider-container .news-text p {
    margin: 0;
}

.news .news-listslider-container .newslist_bommellink {
    display: block;
    margin-top: 0;
    position: absolute;
    padding: 0 0 0 25px;    
    transition: var(--transformer);
    left: var(--abst17px);
    bottom: var(--abst35px);
}

.news .news-listslider-container .newslist_bommellink::before {
    content: '';
    display: block;
    position: absolute;
    top: 6px;
    left: 0;
    width: 16px;
    height: 16px;
    background: var(--rot);
    border-radius: 5px 0 5px 0;
}

.newslistlink {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    text-indent: -999px;
}

.news .news-listslider-container .article:hover img {
    transform: scale(1.10);
}

.news .news-listslider-container .article:hover .newslist_bommellink{
    /*font-size: 110%;*/
    /* -- NEU: 2022-09-20 -- */
    font-size: 105%;
}


/* -- News-Slider -- */
.news .news-listslider-container .owl-dots {
    width: auto;
    height: 16px;
    display: inline-block;
    position: absolute;
    top: calc(var(--abst35pxminus) - 12px);
    right: 20px;    
    opacity: 0;
}

.news .news-listslider-container .owl-dot {
    display: inline-block;
    vertical-align: top;
    width: 16px;
    height: 16px;
    background: var(--hellgrau);
    border-radius: 5px 0 5px 0; 
    margin: 0 3px;
    float: left;
}

.news .news-listslider-container .owl-dot.active {
    background: var(--grau);  
}

.news .news-listslider-container .owl-nav {
    opacity: 0;
}

.news .news-listslider-container button.owl-prev,
.news .news-listslider-container button.owl-next {
    display: block;
    background: url(../images/slider_pfeil_rot_klein_prev.svg) left top no-repeat;
    background-size: 15px auto;
    width: 15px;
    height: 24px;
    position: absolute;
    top: calc(var(--abst35pxminus) - 16px);
    right: 25px; 
    overflow: hidden;
}

.news .news-listslider-container button.owl-prev span,
.news .news-listslider-container button.owl-next span {
    display: block;
    text-indent: -999px;
}

.news .news-listslider-container button.owl-next {
    background: url(../images/slider_pfeil_rot_klein_next.svg) left top no-repeat;
    background-size: 15px auto;
    right: 0; 
    left: auto;
}

.news .news-listslider-container.owl-carousel .owl-dots.disabled,
.news .news-listslider-container.owl-carousel .owl-nav.disabled {
    display: block !important;
}

/* -- Listenansicht -- */
/* -- List 1 -- */
.news-list-container {
    width: 100%;
    float: left;
    clear: both;
    margin: 0;
    padding: 0;
}

.news-list-container .article {
    width: calc(33% - var(--abst17px));
    display: inline-block;
    vertical-align: top;
    background: var(--hellgrau);
    margin: 0 0 var(--abst35px) 0;
    padding: 0;
    position: relative;
    opacity: 0;
}

.news-list-container .article:nth-child(3n+2) {
    margin-left: var(--abst17px);
    margin-right: var(--abst17px);
}

.news .news-list-container .article .news-img-wrap {
    width: 100%;
    float: left;
    clear: both;
    margin: 0;
    padding: 0;
    background: none;
    display: flex;
    height: auto;
    aspect-ratio: 3/2;
    align-items: stretch;
    overflow: hidden;
}

.news .news-list-container .article .news-img-wrap img {
    float: left;
    clear: both;
    width: 100%;
    max-width: none;
    height: auto;
    display: block;
    object-fit: cover;
    object-position: 50% 100%;    
    transition: var(--transformer);
}

.news .news-list-container .article .news-img-wrap .no-media-element {
    width: 100%;
    display: flex;
    align-content: center;
    text-align: center;
    background: var(--weiss);
    /* -- NEU: 2022-10-17 -- */
    /*box-shadow: inset 0 0 0 1px rgba(0,0,0,0.10);*/
    box-shadow: inset 0 0 0 1px rgba(0,0,0,0.05);
}

.news .news-list-container .article .news-img-wrap .no-media-element img {
    width: 100%;
    height: auto;
    max-width: 70%;
    object-fit: unset;
    object-position: unset;
    display: inline-block;
    float: none;
    clear: none;
    margin: 0 auto;
}

.news .news-list-container .article .news-content {
    width: calc(100% - 30px);
    float: left;
    clear: both;
    display: block;
    margin: var(--abst35px) var(--abst17px) var(--abst35px) var(--abst17px);
}

.news .news-list-container .news-list-cat {
    width: 100%;
    float: left;
    clear: both;
    margin: 0;
    padding: 0;
    /*font-size: 20px;*/
    /* -- NEU: 2022-09-20 -- */
    font-size: 18px;
    color: var(--grau);
}

.news .news-list-container .news-text {
    width: 100%;
    float: left;
    clear: both;
    margin: 0 0 var(--abst70px) 0;
}

.news .news-list-container .news-text p {
    margin: 0;
}

.news .news-list-container .newslist_bommellink {
    display: block;
    margin-top: 0;
    position: absolute;
    left: var(--abst17px);
    bottom: var(--abst35px);
    padding: 0 0 0 25px;    
    transition: var(--transformer);
}

.news .news-list-container .newslist_bommellink::before {
    content: '';
    display: block;
    position: absolute;
    top: 6px;
    left: 0;
    width: 16px;
    height: 16px;
    background: var(--rot);
    border-radius: 5px 0 5px 0;
}

.newslistlink {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    text-indent: -999px;
}

.news .news-list-container .article:hover img {
    transform: scale(1.10);
}

.news .news-list-container .article:hover .newslist_bommellink{
    /*font-size: 110%;*/
    /* -- NEU: 2022-09-20 -- */
    font-size: 105%;
}

/* -- Pagebrowser -- */
.news .f3-widget-paginator {
    width: 100%;
    float: left;
    clear: both;
    margin: 0;
    padding: 0;
    list-style: none; 
    text-align: center; 
}

.news .f3-widget-paginator li {
    display: inline-block;
    vertical-align: top;
    margin: 0 5px 5px 5px;
}

.news .f3-widget-paginator li a {
    display: block;
}


/* -- Detailansicht -- */
.newsheader {
    width: 100%;
    float: left;
    clear: both;
    margin: var(--abst70pxminus) 0 var(--abst70px) 0;
    padding: 0;
}

.newsheader .news-img-wrap.vorschaubild,
.newsheader .news-img-wrap.vorschaubild .outer,
.newsheader .news-img-wrap.vorschaubild .mediaelement.mediaelement-image {
    width: 100%;
    float: left;
    clear: both;
    margin: 0;
    padding: 0;
    background: none;
}

.news .article .newsheader .news-img-wrap.vorschaubild a {
    display: block;
    float: left;
    clear: both;
    padding: 0;
    border: 0;
    background: none;
    pointer-events: none;
    width: 100%;
}

.news .article .newsheader .news-img-wrap.vorschaubild a img {
    display: block;
}

.newscontent {
    width: 100%;
    float: left;
    clear: both;
    margin: 0;
    padding: 0;
}

.news .article h3 {
    margin: var(--abst35px) 0;
/* -- NEU: 2022-09-16 - Auf Wunsch auf 22px -- */
    font-size: 22px;    
/* -- NEU: 2022-09-20 -- */
    font-size: 20px;
}

.news.news-single .article {
    width: 100%;
    float: left;
    clear: both;
    margin: 0;
    padding: 0;
}

.news.news-single .article h3 {
    font-size: 30px;
}

.news-kat {
    width: 100%;
    float: left;
    clear: both;
    margin: 0 0 var(--abst35px);
}

.news_hl {
    width: 100%;
    float: left;
    clear: both;
    margin: 0; 
}

.news .article .teaser-text {
    width: 100%;
    float: left;
    clear: both;
    margin: 0;
    padding: 0;  
}

.news-single .teaser-text {
    font-size: 20px;
    color: var(--grau);
}

.news-text-wrap {
    width: 100%;
    float: left;
    clear: both;
    margin: 0 0 var(--abst35px) 0;
    padding: 0;     
}

.news-zusatz {
    width: 100%;
    float: left;
    clear: both;
    margin: var(--abst35px) 0 var(--abst35px) 0;
    padding: 0;       
}

.news-zusatz .frame-type-textmedia .ce-textpic.ce-intext h2,
.news-zusatz .frame-type-textmedia .ce-textpic.ce-intext h3,
.news-zusatz .frame-type-textmedia .ce-textpic.ce-intext h4 {
    margin-top: 0;
}

.news-related {
    width: 100%;
    margin: 0 0 var(--abst35px) 0;
    padding: 0;
    border: 0;
    display: block;
    float: left;
    clear: both;
}

.news-related h4 {
    margin: var(--abst35px) 0;
}

.news-related-files ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.news-related-files ul li {
    display: block;
    margin: 0;   
    line-height: inherit;
}

.news-related ul li span {
    border-right:none;
    display: block;
    margin-right: 0;
    padding-right: 0;
    color: var(--grau);
}

.news-related-files ul li a {
    padding: 0 0 0 25px;
    position: relative;
    color: var(--grau);    
    display: inline-block;
}


.news-related-files ul li a::before {
    content: '';
    display: block;
    position: absolute;
    top: 6px;
    left: 0;
    width: 16px;
    height: 16px;
    background: var(--rot);
    border-radius: 5px 0 5px 0;
}

.news-related-files ul li a:hover {
    text-decoration: none;
    text-shadow: 1px 0px 0 var(--grau);
}

.news-single .article .news-img-wrap.weitere {
    width: 100%; 
    float: left;
    clear: both;
    margin: var(--abst70px) 0 0 0;
    padding: 0;
    opacity: 0;
}

.news-single .article .news-img-wrap.weitere .outer {
    float: none;
    display: inline-block;
    vertical-align: top;
    width: 31%;
    margin: 0 2% 0 0;
}

.news-single .article .news-img-wrap.weitere.newsgrid .outer {
    position: absolute;
    display: inline-block;
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: auto;

}

.news-single .article .news-img-wrap.weitere .outer .mediaelement.mediaelement-image {
    display: block;
}

.news-single .article .news-img-wrap.weitere .outer a {
    display: block;
    float: left;
    clear: both;
    padding: 0;
    border: 0;
    background: none;
}

.news .article .news-img-wrap img {
    max-width: 100%;
    height: auto;
    width: auto;
}

.newsheader .news-img-wrap img {
    width: 100% !important;
    height: auto  !important;
    max-width: none !important; 
}
.news-single .article .news-img-wrap.weitere.newsgrid .outer img {
    display: block;
}

.news-backlink-wrap {
    width: 100%;
    margin-top: var(--abst70px);
    padding: 0;
    border: 0;
    display: block;
    float: left;
    clear: both;  
}
/*
.news-backlink-wrap a {

}
*/

/* -- Powermail -- */
.tx-powermail,
.powermail_form {
    width: 100%;
    float: left;
    clear: both;
    margin: 0;
    padding: 0;
}

.powermail_fieldset {
    width: 100%;
    float: left;
    clear: both;
    margin: 0;
    padding: 0;  
    border: 0; 
}

.powermail_legend {
    width: 100%;
    float: left;
    clear: both;
    margin: 0 0 var(--abst17px) 0;
    padding: 0 0 5px 0;
    border-bottom: 1px solid var(--rot);
}

.powermail_fieldwrap {
    width: 100%;
    float: left;
    clear: both;
    margin: 0 0 var(--abst17px) 0;
    padding: 0;  
}

.powermail_label {
    width: 200px;
    float: left;
    margin: 10px var(--abst17px) 0 0;    
    display: block;
    font-family: 'Noto Sans', Sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5em;  
}

.powermail_field {
    width: calc(100% - 200px - var(--abst17px));
    float: right;
    display: block;
    background: var(--hellgrau);
    position: relative;
}

.powermail_select,
.powermail_input,
.powermail_textarea,
.powermail_submit {
    width: calc(100% - 20px);
    box-sizing: unset;
    border: 0;
    float: left;
    clear: both;
    margin: 0;
    padding: 10px;
    background: none;
    font-family: 'Noto Sans', Sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5em;   
    color: var(--grau);
    border-radius: 0;
}

.powermail_textarea {
    resize: none;
}

.powermail_submit {
    background: var(--rot);
    color: var(--weiss);
    cursor: pointer;
}

.powermail_fieldwrap_type_check .powermail_field,
.powermail_fieldwrap_type_radio .powermail_field {
    padding: 10px;
    width: calc(100% - 200px - var(--abst17px) - 20px);
}

.powermail_fieldwrap_type_submit .powermail_field {
    background: none;
}

.powermail-errors-list {
    position: absolute;
    right: 10px;
    top: 0px;
    margin: 0;
    padding: 0;
    list-style: none;
    color: var(--rot);
    font-size: 11px;
    list-style: none;
}

.powermail_fieldwrap_type_select .powermail-errors-list {
    right: 20px;
}

.powermail_fieldwrap_type_check .powermail-errors-list,
.powermail_fieldwrap_type_radio .powermail-errors-list {
    position: static;
}

.powermail_fieldwrap.nolabel .powermail_field {
    width: 100%;
    float: left;
    clear: both;
    display: block;
    position: relative;
}

.powermail_fieldwrap.powermail_fieldwrap_type_check.nolabel .powermail_field,
.powermail_fieldwrap.powermail_fieldwrap_type_radio.nolabel .powermail_field {
    width: calc(100% - 20px); 
}

input::placeholder {
    font-family: 'Noto Sans', Sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5em;   
    color: var(--grau);
}

.powermail_fieldwrap_type_captcha .powermail_field::before {
    content: 'This question is for testing whether you are a human visitor and to prevent automated spam submissions.';
    display: block;
    float: left;
    clear: both;
    width: 100%;
    margin: 0 0 10px 0;
}

.powermail_fieldwrap_type_captcha .powermail_field {
    width: calc(100% - 220px - var(--abst17px));
    padding: 10px 10px 5px;
}

input.powermail_captcha {
    float: left;
    margin: 8px 5px 0 0;
    padding: 5px;
    font-family: 'Noto Sans', Sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5em;
    color: var(--grau);
}

.powermail_field_error_container_captcha .powermail-errors-list {
    top: auto;
    bottom: 5px;
}

/* -- Rahmen -- */
/* -- 3-spaltig Bild-Linkbox (Startseite) -- */
.frame-bildlinkbox .tx_cn-columns {
    border-radius: 60px 0 60px 0;
    overflow: hidden;
}

.frame-bildlinkbox .tx_cn-columns .ce-gallery,
.frame-bildlinkbox .tx_cn-columns .ce-gallery .ce-row,
.frame-bildlinkbox .tx_cn-columns .ce-gallery .ce-column,
.frame-bildlinkbox .tx_cn-columns .ce-gallery .image {
    margin: 0;
    width: 100%;
    float: left;
    clear: both;
    display: block;
}

.frame-bildlinkbox .tx_cn-columns .ce-gallery .image img {
    width: 100%;
    height: auto;
    max-width: none;
}

.frame-bildlinkbox .tx_cn-columns .frame .rahmen,
.frame-bildlinkbox .tx_cn-columns .frame .rahmen .ce-textpic {
    height: 100%;

}

.frame-bildlinkbox .tx_cn-columns .frame .rahmen .ce-bodytext {
    height: 100%;
}

#inhaltsbereich .frame-bildlinkbox .tx_cn-columns .frame .rahmen .ce-bodytext ul {
    margin: 0;
    padding: 0;
    list-style: none;
    height: 100%;
    width: 100%;
    float: left;
    clear: both;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start;
}

#inhaltsbereich .frame-bildlinkbox .tx_cn-columns .frame .rahmen .ce-bodytext ul li {
    background: var(--hellgrau);
    margin: 8px 0;
    display: block;
    width: 100%;
    flex: 1 1 auto;    
    font-size: 32px;
}

#inhaltsbereich .frame-bildlinkbox .tx_cn-columns .frame .rahmen .ce-bodytext ul li:first-child {
    margin-top: 0;
}

#inhaltsbereich .frame-bildlinkbox .tx_cn-columns .frame .rahmen .ce-bodytext ul li:last-child {
    margin: 0;
    background: var(--rot); 
}

#inhaltsbereich .frame-bildlinkbox .tx_cn-columns .frame .rahmen .ce-bodytext ul li a {
    display: block;
    padding: var(--abst35px);
    height: calc(100% - var(--abst70px));    
    position: relative;
    color: var(--grau);
    /*font-size: 32px;*/
    /* -- NEU: 2022-09-20 -- */
    font-size: 30px;
    line-height: 1.2em;
}

#inhaltsbereich .frame-bildlinkbox .tx_cn-columns .frame .rahmen .ce-bodytext ul li a::after {
    content: '';
    background: url(../images/pfeil_dunkelgrau.svg) left top no-repeat;
    background-size: 15px auto;
    display: block;
    position: absolute;
    bottom: var(--abst35px);
    right: var(--abst35px);
    width: 15px;
    height: 22px;
    /*width: auto;
    /*line-height: 1em;
    font-size: 32px; */
}

/* -- NEU - 2022-09-12 -- */
#inhaltsbereich .frame-bildlinkbox .tx_cn-columns .frame .rahmen .ce-bodytext ul li a span {
    font-size: 100%;
    transition: var(--transformer-font);
    
    position: absolute;
}

#inhaltsbereich .frame-bildlinkbox .tx_cn-columns .frame .rahmen .ce-bodytext ul li a::after {
    text-decoration: none;
}

#inhaltsbereich .frame-bildlinkbox .tx_cn-columns .frame .rahmen .ce-bodytext ul li:hover a span {
    /*font-size: 110%;*/
    /* -- NEU: 2022-09-20 -- */
    font-size: 105%;
}


#inhaltsbereich .frame-bildlinkbox .tx_cn-columns .frame .rahmen .ce-bodytext ul li:last-child a {
    color: var(--weiss);
}

#inhaltsbereich .frame-bildlinkbox .tx_cn-columns .frame .rahmen .ce-bodytext ul li:last-child a::after  {
    background: url(../images/pfeil_weiss.svg) left top no-repeat;
    background-size: 15px auto;    
}

/* -- Text auf Bild -- */
.frame-textaufbild {
    position: relative;
}
.frame-textaufbild.frame-layout-20 > .rahmen .ce-gallery {
    aspect-ratio: 3/1.4;
}

.frame-textaufbild .ce-bodytext {
    display: none;
}

.frame-textaufbild .textrahmen {
    width: 90%;
    max-width: 1210px;
    margin: 0 auto;
}

.frame-textaufbild .textrahmen .ce-bodytext {
    display: block;    
    position: absolute;
    top: var(--abst70px);
    left: auto;
    background: var(--weisstrans);
/*    padding: var(--abst35px)  var(--abst35px);*/
/* -- NEU: 2022-09-20 -- */
/* -- Gleicher Abstand wie bei Header Bodytext -- */
    padding: var(--abst35px) var(--abst70px);
    max-width: 520px;
    border-radius: 50px 0 50px 0;
}

.frame-textaufbild .textrahmen .ce-bodytext h2,
.frame-textaufbild .textrahmen .ce-bodytext h3,
.frame-textaufbild .textrahmen .ce-bodytext h4 {
    margin: 0 0 var(--abst35px) 0;
}

/* -- grauer Hintergrund -- */
.frame-bggrau {
    background: var(--hellgrau);
    padding: var(--abst70px) 0; 
}

.frame-bggrau header:first-of-type > * {
    margin-top: 0;
}
/*
.menu-mit-bildern {
    width: 100%;
    float: left;
    clear: both;
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
    text-align: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
}

.menu-mit-bildern li {
    hyphens: auto;
    margin-left: var(--abst35px);    
    display: inline-block;
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: 100px;
}

.menu-mit-bildern li:first-child {
    margin-left: 0;
}

.menu-mit-bildern li a,
.menu-mit-bildern li a span {
    display: block;
/ * -- damit der Text über die Breite läuft?!? -- * /
    width: 120%;
    margin: 0 -10%;
    white-space: break-spaces;
    hyphens: none;
}

.menu-mit-bildern li a img {
    display: inline-block;
    transition: var(--transformer);
    width: 77px;
    height: auto;
    max-width: none;
}

.menu-mit-bildern li a {
    color: var(--grau);
}

.menu-mit-bildern li a:hover {
    text-decoration: none;
}

.menu-mit-bildern li:hover img {
    width: 85px;
}
*/

/* -- Branchenliste -- */
.frame-branchenliste {
    background: var(--hellgrau);
}

.frame-branchenliste .ce-bodytext ul {
    width: 100%;
    float: left;
    clear: both;
    margin: var(--abst35px) 0;
    padding: 0;
    list-style: none; 
    text-align: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
}

.frame-branchenliste .ce-bodytext ul li {
    display: inline-block;
    vertical-align: top;
    padding-top: var(--abst17px);
    margin: 0 0 0 var(--abst35px);
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: 100px;
}

.frame-branchenliste .ce-bodytext ul li:first-child {
    margin-left: 0;
}

.frame-branchenliste .ce-bodytext ul li a {
    color: var(--grau);
    display: block;
    width: 100%;
    margin: 0;
    max-width: 100px;
}

.frame-branchenliste .ce-bodytext ul li img {
    transition: var(--transformer);
    display: inline-block;
    vertical-align: top;
    margin-bottom: var(--abst17px);
}

.frame-branchenliste .ce-bodytext ul li:hover img {
    transform: scale(1.1);
}

.frame-branchenliste .ce-bodytext ul li a:hover {
    text-decoration: none;
}

.frame-branchenliste .ce-bodytext ul li strong {
    font-weight: 400;
    width: 120%;
    margin: 0 -10%;
    display: inline-block;
    white-space: nowrap;
    
}

/* -- News-Slider Filter (Startseite) -- */
.frame-newssliderfilter .frame-type-list > .rahmen {
    width: 100%;
    float: left;
    clear: both;
    margin: 0;
    padding: 0;
}

.newssliderfilterbox {
    width: calc(100% - 200px);
    float: left;
    clear: both;
    margin: 0;
    padding: 0;
}

.newssliderfilterbox header {
    display: inline-block;
    vertical-align: top;
    /*margin: 0 var(--abst17px) 0 0;*/
    margin: 0;
    cursor: pointer;
    text-align: center;
    white-space: nowrap;
}

.newssliderfilterbox header h4 {
    margin: 0;
    padding: 10px 30px;
    font-size: 20px;
    background: var(--weiss);
    color: var(--grau);
    transition: var(--transformer-font);
}

.newssliderfilterbox header:hover h4 {
    font-size: 120%;
}

.newssliderfilterbox header.act h4 {
    background: var(--rot);
    color: var(--weiss);
}

.frame-newssliderfilter > .rahmen > .frame-type-list,
.frame-newssliderfilter > .rahmen > .frame-type-list.zu {
    opacity: 0;
    height: 0;
    overflow: hidden;
}

.frame-newssliderfilter > .rahmen > .frame-type-list.act {
    opacity: 1;
    height: auto;
    overflow: unset;
}

.frame-newssliderfilter .news .news-listslider-container button.owl-prev, 
.frame-newssliderfilter .news .news-listslider-container button.owl-next,
.frame-newssliderfilter .news .news-listslider-container .owl-dots {
    /*top: var(--abst70pxminus);*/
    /* NEU: 2022-09-15 */
    top: -60px;
}

.frame-newssliderfilter .news .news-listslider-container .owl-dots {
    /*top: calc(var(--abst70pxminus) + 3px);*/
    /* NEU: 2022-09-15 */    
    top: -57px
}

/* -- Überlappender Slider -- */
.frame-lappenslider .frame {
    background: #E5E5E5;
    /*box-shadow: 0 0 20px 0 rgba(0,0,0,0.3);*/
    /* -- NEU: 2022-10-17 -- */
    /* box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);*/
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
    transform: scale(0.9);
    /*opacity: 0.4;*/
    opacity: 0.2;
}

.frame-lappenslider .owl-stage-outer {
    padding: 100px 0 70px;
}

.frame-lappenslider .owl-item.active.center .frame {
    transform: scale(1);
}

.frame-lappenslider .frame .ce-textpic {
    transform: scale(0.9);
}

.frame-lappenslider.frame-layout-30 .owl-item.active.center .frame {
    transform: scale(1.05);
}

.frame-lappenslider.frame-layout-30 .frame .ce-textpic {
    transform: scale(0.85);
}

.frame-lappenslider .owl-item.active.center {
    z-index: 2;
}

.frame-lappenslider .owl-item.active.center .frame {
    /*box-shadow: 0 0 0 40px #E5E5E5, 0 10px 15px 40px rgba(0,0,0,0.3);*/
    /* -- NEU: 2022-10-17 -- */
    /* box-shadow: 0 0 0 40px #e5e5e5, 0 5px 15px 40px rgb(0 0 0 / 20%); */
    box-shadow: 0 0 0 40px #e5e5e5, 0 5px 15px 40px rgba(0,0,0,0.1);

    transform: scale(1);
    opacity: 1;
}

.frame-lappenslider .owl-item {
    z-index: 0;
}

.frame-lappenslider .owl-item.active.center .frame .ce-textpic {
    transform: scale(1);
}

.frame-lappenslider .frame .ce-gallery {
    width: 45%;
    float: left;
    clear: none;
    margin: 0;
}

.frame-lappenslider .frame .ce-bodytext {
    width: 50%;
    float: right;
    clear: none;
    hyphens: auto;
}

.frame-lappenslider .frame h3 {
    margin-top: 0;
}

.frame-lappenslider .owl-carousel .owl-nav button.owl-prev, .frame-lappenslider .owl-carousel .owl-nav button.owl-next {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 70px;
    z-index: 1;
/* -- NEU: 2022-09-12 - kein Verlauf mehr -- */
/*    
    background: rgb(255,255,255);
    background: -moz-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
*/
}

.frame-lappenslider .owl-carousel .owl-nav.disabled {
    display: block !important;
}

.frame-lappenslider .owl-carousel .owl-nav button.owl-next {
    left: auto;
    right: 0;
/* -- NEU: 2022-09-12 - kein Verlauf mehr -- */
/*       
    background: rgb(255,255,255);
    background: -moz-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
*/
}

.frame-lappenslider .owl-carousel .owl-nav button.owl-prev span, .frame-lappenslider .owl-carousel .owl-nav button.owl-next span {
    text-indent: -999px;
    overflow: hidden;
    display: block;
    width: 50px;
    height: 90px;
    background: url(../images/slider_pfeil_rot_prev.svg) 0 center no-repeat;
    background-size: 100% auto;
    margin-left: 20px;
}

.frame-lappenslider .owl-carousel .owl-nav button.owl-next span {
    background: url(../images/slider_pfeil_rot_next.svg) 0 center no-repeat;
    background-size: 100% auto;
    margin-left: 0;
}

/* -- Hochzähl-Effekt -- */
.frame-countereffekt {
    background: var(--hellgrau);
    padding: var(--abst35px) 0 var(--abst35px) 0;
}

.frame-countereffekt .tx_cn-columns > .row > div > div .ce-bodytext u.zaehlerstart {
    color: inherit;
    font-size: 32px;
    font-weight: 700;
}

.frame-countereffekt .tx_cn-columns > .row > div > div .ce-bodytext strong {
    font-size: 32px;
    font-weight: 700; 
}

.frame-countereffekt .row > div {
    display: inline-block;
    vertical-align: top;
    width: calc(25% - 5px);
}

.frame-countereffekt .row > div > {
    width: 96%;
    margin: 0 2%;
}

/* -- Zwischenheader mit Playbutton -- */
.frame-bildplay {
    position: relative;
}

.frame-bildplay.frame-layout-20 > .rahmen .ce-gallery {
    aspect-ratio: 3/1.4;
}

.frame-bildplay .ce-bodytext {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center
}

.frame-bildplay .ce-bodytext p {
    display: inline-block;
}

.frame-bildplay .ce-bodytext a.data-fancybox.inline {
    background: url(../images/play.svg) left top no-repeat;
    background-size: 100% auto;
    width: 151px;
    height: 175px;
    display: block;
    overflow: hidden;
    text-indent: -999px; 
}

/* -- Design-Element -- */
.frame-designelement,
.frame-designelement_mob {
    position: relative;
    opacity: 0;
}

/* -- Nur im Responsive da -- */
.frame-designelement_mob {
    display: none;
}

#inhaltsbereich > .frame.frame-designelement > .rahmen,
#inhaltsbereich > .frame.frame-designelement_mob > .rahmen {
    width: 100%;
    float: left;
    clear: both;
    max-width: none;
    margin: 0;
}

.frame-designelement .ce-gallery,
.frame-designelement_mob .ce-gallery {
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    z-index: 2;
}

.frame-designelement .ce-textpic.ce-left .ce-gallery,
.frame-designelement_mob .ce-textpic.ce-left .ce-gallery {
    left: 0;
    right: auto;
}

.frame-designelement .ce-textpic.ce-right .ce-gallery,
.frame-designelement_mob .ce-textpic.ce-right .ce-gallery {
    left: auto;
    right: 0;
}

.frame-designelement .image-caption,
.frame-designelement_mob .image-caption {
    display: none;
}

/* -- Rahmen "Hover-Boxen" -- */
/* -- NEU: 2022-09-20 - 3-spaltige Variante -- */
.frame-hoverboxen > .rahmen > .frame,
.frame-hoverboxen_3spa > .rahmen > .frame {
    width: calc(50% - var(--abst17px));
    float: left;
    clear: none;
    margin: 0 0 var(--abst35px) 0;
}

.frame-hoverboxen_3spa > .rahmen > .frame {
    width: calc(33.3% - 20px);
}

.frame-hoverboxen_3spa > .rahmen > .frame:nth-child(3n+2) {
    margin-left: 30px;
    margin-right: 30px;
}

.frame-hoverboxen > .rahmen > .frame:nth-child(even) {
    float: right;    
}

.frame-hoverboxen > .rahmen > .frame .ce-textpic,
.frame-hoverboxen_3spa > .rahmen > .frame .ce-textpic {
    position: relative;
    cursor: pointer;
    margin: 0;
    padding: 0;
    width: 100%;
    float: left;
    clear: both;
}

.frame-hoverboxen > .rahmen > .frame .ce-gallery,
.frame-hoverboxen_3spa > .rahmen > .frame .ce-gallery {
    margin: 0;
    width: 100%;
    float: left;
    clear: both;
}

.frame-hoverboxen > .rahmen > .frame .ce-bodytext,
.frame-hoverboxen_3spa > .rahmen > .frame .ce-bodytext {
    background: var(--weisstrans);
    padding: var(--abst17px) var(--abst17px) var(--abst35px) var(--abst17px);
    /* -- 1px versatz - ka warum -- */
    width: calc(100% - var(--abst17px) - var(--abst17px) + 1px);
    position: absolute;
    left: 0;
    right: 0;
    bottom: -100%;
    max-height: calc(100% - var(--abst70px));
    overflow-y: auto;
    transition: var(--transformer);
}

.frame-hoverboxen > .rahmen > .frame .ce-bodytext header > *,
.frame-hoverboxen_3spa > .rahmen > .frame .ce-bodytext header > *  {
    margin-top: 0;
/* -- NEU: 2022-09-20 -- */
    font-size: 24px;
}


.frame-hoverboxen > .rahmen > .frame:hover .ce-bodytext,
.frame-hoverboxen_3spa > .rahmen > .frame:hover .ce-bodytext  {
    bottom: 0 !important;
    padding-top: var(--abst35px);
}

/* -- Rahmen Mehrspaltig Runde Ecken -- */
.frame-mehrspaltig_rundeecken .tx_cn-columns  {
    border-radius: 60px 0 60px 0;
    overflow: hidden;
}

.frame-mehrspaltig_rundeecken .tx_cn-columns .row.equalize > div > .frame .ce-gallery {
    margin: 0;
}

.frame-mehrspaltig_rundeecken .tx_cn-columns .row > div > .frame.frame-bggrau {
    padding: 0;
}

.frame-mehrspaltig_rundeecken .tx_cn-columns .row > div > .frame.frame-bggrau > .rahmen {
    /*padding: 35px;*/
    /* -- NEU: 2022-10-17 -- */
    padding: 50px;
}

/* -- Rahmen Links 3-spaltig -- */

.frame-links3spaltig .ce-bodytext ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    float: left;
    clear: both;
    text-align: left;
}

.frame-links3spaltig .ce-bodytext ul li {
    width: calc(33.3% - var(--abst17px));
    display: inline-block;  
    vertical-align: top;
    margin: 0 0 var(--abst17px);
    text-align: center;
}

.frame-links3spaltig .ce-bodytext ul li:nth-child(3n+2){
    margin-left: var(--abst17px);
    margin-right: var(--abst17px);
}

.frame-links3spaltig .ce-bodytext ul li a.more_weiss,
.frame-links3spaltig .ce-bodytext ul li a.more {
    width: calc(100% - var(--abst35px)) !important;
    margin: 0;
    padding-left: var(--abst17px);
    padding-right: var(--abst17px);
    display: block;
}

/* -- Rahmen Standorte -- */
.frame-standorte .ce-textpic {
    width: 100%;
    float: left;
    clear: both;
    margin: 0;
    padding: 0;    
    position: relative;
}

.frame-standorte .ce-textpic .ce-gallery,
.frame-standorte .ce-textpic .ce-gallery .ce-row,
.frame-standorte .ce-textpic .ce-gallery .ce-column,
.frame-standorte .ce-textpic .ce-gallery .image {
	width: 100%;
	float: left;
	clear: both;
	margin: 0;
	padding: 0;
	display: block;
}

.frame-standorte .ce-textpic .ce-gallery.ce-border img {
	border: 0;
	padding: 0;
}

.frame-standorte .ce-textpic .ce-gallery .image img {
	width: 100%;
	max-width: none;
	height: auto;
}
 
.frame-standorte .ce-bodytext {
    width: 100%;
    float: left;
    clear: both;
    margin: 0;
    padding: 0;
    /*display: none;*/
}

/* -- Koordinaten: top, left -- */
#inhaltsbereich .frame-standorte .ce-bodytext ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#inhaltsbereich .frame-standorte .ce-bodytext ul > li {
    position: absolute;
    top: 0;
    left: 0;
}

#inhaltsbereich .frame-standorte .ce-bodytext ul > li .tooltip_ort {
    border: 1px solid var(--grau);
    padding: var(--abst17px);
    background: var(--weisstrans);
    margin: 6px 0 0 6px;
    border-radius: 15px 0 15px 0;
    display: inline-block;
    vertical-align: top;
    max-width: 400px;
    z-index: 1;
    display: none;
    position: relative;
}

#inhaltsbereich .frame-standorte .ce-bodytext ul > li ul {
    display: none;
} 

#inhaltsbereich .frame-standorte .ce-bodytext ul > li:hover .tooltip_ort {
    display: inline-block;
}


#inhaltsbereich .frame-standorte .ce-gallery.ce-border + .ce-bodytext ul > li .tooltip_ort {
    display: block;
}

.klickbutton {
    width: 16px;
    height: 16px;
    /* -- NEU: 2022-09-20 -- */
    /*background-color: var(--rot);
    border-radius: 5px 0 5px 0;*/
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    cursor: pointer;
}


/* -- Nur für Demo-Zwecke -- */
#inhaltsbereich .frame-standorte .ce-gallery.ce-border + .ce-bodytext {
    display: block;
    opacity: 0.8;
}

#inhaltsbereich .frame-standorte .ce-gallery.ce-border + .ce-bodytext .tooltip_ort {
    opacity: 0;
}

#inhaltsbereich .frame-standorte .ce-gallery.ce-border + .ce-bodytext .klickbutton {
    background: rgba(0,0,0,1);
}

#inhaltsbereich .frame-standorte .ce-gallery.ce-border + .ce-bodytext li:hover .tooltip_ort {
    opacity: 0.5;
}
/* -- Animationen -- */
@keyframes fade_in_show {
    0% {
         opacity: 0.7;
    }

    100% {
         opacity: 1;
    }
}

/* -- Logozeile -- */
.frame-logozeile .ce-gallery {
    width: 100%;
    float: left;
    clear: both;
    text-align: left;
}


.frame-logozeile .ce-textpic.ce-center .ce-gallery {
    text-align: center;;
}


.frame-logozeile .ce-gallery .ce-row {
    display: inline;
    margin: 0;
}

.frame-logozeile .ce-gallery .ce-column {
    margin: 0 0 20px 0;
    float: none;
    display: inline-block;
    vertical-align: top;
}

.frame-logozeile .ce-gallery .ce-column .image {
    display: block;
    text-align: center;    
    vertical-align: middle;
}

.frame-logozeile .ce-gallery .ce-column img {
    transition: var(--transformer);
    display: inline-block;
    vertical-align: middle;
}

.frame-logozeile .ce-gallery .ce-column:hover img {
    transform: scale(1.05);
}

.frame-logozeile .ce-gallery[data-ce-columns="2"] .ce-column  {
    width: calc(50% - 13px);
}

.frame-logozeile .ce-gallery[data-ce-columns="2"] .ce-column:nth-child(even) {
    margin-left: 20px;
}

.frame-logozeile .ce-gallery[data-ce-columns="3"] .ce-column {
    width: calc(33.3% - 17px);
}

.frame-logozeile .ce-gallery[data-ce-columns="3"] .ce-column:nth-child(3n+2) {
    margin-left: 20px;
    margin-right: 20px;
}

.frame-logozeile .ce-gallery[data-ce-columns="4"] .ce-column  {
    width: calc(25% - 24px);
    margin-right: 10px;
    margin-left: 10px;
}

/* -- Multicontentboxen -- */
.frame-multicontentboxen.frame-style-1column .frame > .rahmen,
.frame-multicontentboxen.frame-style-2column .frame > .rahmen,
.frame-multicontentboxen.frame-style-3column .frame > .rahmen,
.frame-multicontentboxen.frame-style-4column .frame > .rahmen {
    background: var(--hellgrau);
    width: 100%;
    height: 100%;
    float: left;
    clear: both;

}

.frame-multicontentboxen.frame-style-1column .row > div {
    margin-bottom: var(--abst35px); 
}

.frame-multicontentboxen .tx_cn-columns .row + .row {
    margin-top: var(--abst35px);
}

.frame-multicontentboxen.frame-style-1column .frame .ce-gallery,
.frame-multicontentboxen.frame-style-2column .frame .ce-gallery,
.frame-multicontentboxen.frame-style-3column .frame .ce-gallery,
.frame-multicontentboxen.frame-style-4column .frame .ce-gallery {
    margin-bottom: 25px;
    width: 100%;
    float: left;
    clear: both;
}

.frame-multicontentboxen.frame-style-1column .frame .ce-gallery .ce-row,
.frame-multicontentboxen.frame-style-1column .frame .ce-gallery .ce-column,
.frame-multicontentboxen.frame-style-1column .frame .ce-gallery .image,
.frame-multicontentboxen.frame-style-2column .frame .ce-gallery .ce-row,
.frame-multicontentboxen.frame-style-2column .frame .ce-gallery .ce-column,
.frame-multicontentboxen.frame-style-2column .frame .ce-gallery .image,
.frame-multicontentboxen.frame-style-3column .frame .ce-gallery .ce-row,
.frame-multicontentboxen.frame-style-3column .frame .ce-gallery .ce-column,
.frame-multicontentboxen.frame-style-3column .frame .ce-gallery .image,
.frame-multicontentboxen.frame-style-4column .frame .ce-gallery .ce-row,
.frame-multicontentboxen.frame-style-4column .frame .ce-gallery .ce-column,
.frame-multicontentboxen.frame-style-4column .frame .ce-gallery .image {
    width: 100%;
    float: left;
    clear: both;
    margin: 0;
    padding: 0;
    display: block; 
}

.frame-multicontentboxen.frame-style-1column .ce-bodytext,
.frame-multicontentboxen.frame-style-2column .ce-bodytext,
.frame-multicontentboxen.frame-style-3column .ce-bodytext,
.frame-multicontentboxen.frame-style-4column .ce-bodytext{
    width: calc(100% - var(--abst35px) - var(--abst35px));
    margin: 0 var(--abst35px) var(--abst35px) var(--abst35px);
    float: left;
    clear: both;
}

.frame-multicontentboxen.frame-style-1column .ce-gallery + .ce-bodytext h1,
.frame-multicontentboxen.frame-style-1column .ce-gallery + .ce-bodytext h2,
.frame-multicontentboxen.frame-style-1column .ce-gallery + .ce-bodytext h3,
.frame-multicontentboxen.frame-style-1column .ce-gallery + .ce-bodytext h4,
.frame-multicontentboxen.frame-style-2column .ce-gallery + .ce-bodytext h1,
.frame-multicontentboxen.frame-style-2column .ce-gallery + .ce-bodytext h2,
.frame-multicontentboxen.frame-style-2column .ce-gallery + .ce-bodytext h3,
.frame-multicontentboxen.frame-style-2column .ce-gallery + .ce-bodytext h4,
.frame-multicontentboxen.frame-style-3column .ce-gallery + .ce-bodytext h1,
.frame-multicontentboxen.frame-style-3column .ce-gallery + .ce-bodytext h2,
.frame-multicontentboxen.frame-style-3column .ce-gallery + .ce-bodytext h3,
.frame-multicontentboxen.frame-style-3column .ce-gallery + .ce-bodytext h4,
.frame-multicontentboxen.frame-style-4column .ce-gallery + .ce-bodytext h1,
.frame-multicontentboxen.frame-style-4column .ce-gallery + .ce-bodytext h2,
.frame-multicontentboxen.frame-style-4column .ce-gallery + .ce-bodytext h3,
.frame-multicontentboxen.frame-style-4column .ce-gallery + .ce-bodytext h4 {
    margin-top: 0;
}