:root {
    --schrift: #585858;
    --rosa: #e95297;
    --blau: #056ab3;
    --gruen: #43a735;
    --rot: #e74011;
    --orange: #f39205;
    --radius: 0 ;
    --outline-color: #c05700;
    --hellgrau: #e9e9e9;
    --creme: #feefdc;
    --grau: #b3b3b3;

    --hoben: 161px;
    --navbg: #ffffff;
    --outline: #c05700;
}

html, body{
    font-size: 18px;
    font-weight: 300;
    color: var(--schwarz);
    line-height: 1.4em;
    hyphens: auto;
    hyphenate-limit-chars: auto 6 5;
    -webkit-hyphens: auto;
}

@supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {
    body{
        /* Safari-spezifische Regeln */
        hyphens: auto;
        -webkit-hyphens: auto; 
        -webkit-hyphenate-limit-before: 4;
        -webkit-hyphenate-limit-after: 5;
    }
}
@media not all and (min-resolution: 0.001dpcm) {
    body{
        hyphens: auto;
        -webkit-hyphens: auto; 
        -webkit-hyphenate-limit-before: 4;
        -webkit-hyphenate-limit-after: 5;
    }
}  

a, a:hover, a:active, a:visited,
:is(a, button, input, textarea, summary){
    color: var(--blau);
}

strong{
    color: var(--schrift);
}

/* -- Navi & Header -- */
#oben{
    border: none;
    width: 1700px;
    padding: 5px calc(50% - 850px) 0;
}

#oben > .frame-default .ce-gallery{
    margin: 10px 0;
}

#oben .image-embed-item {
    max-width: 640px;
    height: auto;
    transition: ease-out all 0.3s;
}

.infoleiste{
    right: calc(50% - 850px);
    padding-top: 5px;
    transition: var(--standardtransition);
    overflow: hidden;
    position: absolute;
}

.infoleiste .ce-gallery figcaption{
    color: var(--schwarz);
    font-weight: 700;
}

.infoleiste .ce-gallery .ce-row{
    float: left;
}

.infoleiste .ce-gallery .ce-row + .ce-row{
    margin-left: 15px;
}

.infoleiste .ce-gallery picture{
    float: left;
    margin-right: 10px;
}

.infoleiste .ce-gallery a{
    display: flex;
    align-items: center;
}

#oben > .frame-default{
    position: relative;
    transition: var(--standardtransition);
}

#oben.scroll .infoleiste{
    height: 0;
    padding: 0;
}

#oben.scroll > .frame-default{
    margin-left: -5%;
    margin-bottom: -80px;
}

#oben.scroll .image-embed-item {
    max-width: 110px;
    height: auto;
}

:focus-visible {
    outline: var(--outline) auto 2px;
}

#mobnav, 
ul.hnavi input[name="togglesub"] {
    position: absolute;
    top: 0;
    right: 0;
    visibility: hidden; 
}

label[for="mobnav"] {
    float: right;
    display: block;
    position: absolute;
    right: 40px;
    top: 20px;
    transition: var(--standardtransition);
}

label[for="mobnav"] .mob_button {
    float: left;
    position: relative;
    z-index: 5;
    margin: 4px;
    width: 52px;
    height: 52px;
    cursor: pointer;
    display: none;
    right: -20px;
    top: 0;
}

label[for="mobnav"] .mob_button span {
    background-color: var(--rot);
    height: 3px;
    left: 6px;
    margin-top: -1px;
    position: absolute;
    top: 50%;
    width: 30px;
    transition: all 0.3s ease 0.3s;
    border-radius: 10px;
}

label[for="mobnav"] .mob_button span::after, 
label[for="mobnav"] .mob_button span::before {
    backface-visibility: hidden;
    background-color: var(--rot);
    content: "";
    height: 3px;
    position: absolute;
    transform: translateZ(0px);
    transition: all 0.3s ease 0.3s;
    width: 100%;
    display: block;
    border-radius: 10px;
}

label[for="mobnav"] .mob_button span::before {
    transform: translateY(-10px);
}

label[for="mobnav"] .mob_button span::after {
    transform: translateY(10px);
}

#mobnav:checked + label .mob_button span {
    background-color: transparent;
}

#mobnav:checked + label .mob_button span::before {
    transform: translateY(0px) rotate(-45deg);
    background-color: var(--rot);
}

#mobnav:checked + label .mob_button span::after {
    transform: translateY(0px) rotate(45deg);
    background-color: var(--rot);
}

ul.hnavi, 
ul.hnavi ul {
    list-style: none;
    margin: 0;
    padding: 0;
    --linkfarbe: var(--schrift);
}

ul.hnavi{
    opacity: 0;
    margin-top: 40px;
    transition: var(--standardtransition);
}

.hauptnavi.links ul.hnavi{
    float: right;
}

.hauptnavi.rechts ul.hnavi{
    float: left;
    width: 100%;
}

.splitnavi{
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.splitnavi .frame-type-textmedia{
    margin: 0 80px ;
}

.hauptnavi.links,
.hauptnavi.rechts{
    flex-grow: 1;
}

.hauptnavi.rechts ul.hnavi li:last-child{
    float: right;
}

.hauptnavi.rechts > ul.hnavi > li:last-child > a{
    background-color: var(--gruen);
    background-image: url(/fileadmin/cn_website/fachakademie/images/link.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 15px) center;
    background-size: 30px;
    color: var(--weiss);
    padding-right: 60px;
    width: calc(100% - 90px);
    font-weight: 700;
}

.hauptnavi.rechts > ul.hnavi > li:last-child > a:hover{
    background-color: var(--rot);
}

.klappnavi {
    display: none;
    position: absolute;
    left: 0;
    bottom: 0;
    background: var(--navbg);
}

ul.hnavi > li {
    display: inline-block;
    vertical-align: top;
    padding: 0 0 23px 0;
    margin: 0;
    flex-grow: 1;
    position: relative;
}

ul.hnavi > li + li{
    margin-left: 20px;
}

ul.hnavi > .ifsub > label > .navtoggle,
ul.unavi > .ifsub > label > .navtoggle {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 24px;
    height: 24px;
    cursor: pointer;
    margin: 0;
    position: absolute;
    right: 0;
    top: 10px;
}

ul.hnavi .navtoggle::before,
ul.hnavi .navtoggle::after {
    content: '';
    display: block;
    width: 10px;
    height: 1px;
    background: var(--rot);
    transform: rotate(45deg);
    position: absolute;
    top: 10px;
    left: 2px;
}

ul.hnavi .navtoggle::after {    
    transform: rotate(-45deg);
    left: 9px;
}

ul.hnavi > li > a {
    line-height: 1.2em;
    color: var(--schrift);
    padding: 10px 30px;
    margin: 0;
    width: calc(100% - 60px);
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    border-radius: 25px;
    overflow: hidden;
    min-width: fit-content;
}

ul.hnavi li.ifsub:hover > .klappnavi,
ul.hnavi li.ifsub:has(input[name="togglesub"]:checked) > .klappnavi {
    display: flex;
}

ul.hnavi > li:hover,
ul.hnavi > li.act{
    background: none;
}

ul.hnavi li > a:hover,
ul.hnavi li.ifsub:hover > a,
ul.hnavi li.act > a {
    background: var(--blau);
    color: var(--weiss) !important;
}

ul.unavi {
    display: block;
    float: left;
    text-align: left;
    min-width: 200px;
    background: var(--weiss) !important;
    padding: 0;
    border-left: 5px solid var(--weiss);
    border-right: 5px solid var(--weiss);
    box-shadow: 0px 1px 1px var(--schrift);
}

ul.unavi > li {
    float: left;
    clear: both;
    width: 100%;
}

.unavi li + li{
    border-top: 1px solid var(--blau);
}

ul.unavi > li > a {
    padding: 15px 25px;
    color: var(--blau);
    float: left;
    margin: 0;
    width: calc(100% - 50px);
    font-weight: 700;
}

.unavi::after{
    display: none;
}

#oben.scroll .hnavi{
    margin-top: 0;
}

#oben.scroll .hnavi > li {
    padding-top: 0;
}

a.link-file{
    padding: 15px 20px 15px 40px;
    background-image: url(/fileadmin/cn_website/fachakademie/images/download.svg);
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 20px;
    background-color: #056ab3;
    color: var(--weiss) !important;
    border-radius: 35px;
    display: inline-block;
    transition: var(--standardtransition);
}

a.link-file:hover{
    background-color: var(--rot);
}

.frame-bewerben{
    position: absolute;
    display: none;
    right: -5vw;
    top: 95px;
}

.frame-bewerben a{
    display: block;
    background-color: var(--gruen);
    background-image: url(/fileadmin/cn_website/fachakademie/images/link.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 5px) center;
    background-size: 30px;
    color: var(--weiss);
    border-radius: 25px 0 0 25px;
    padding: 10px 40px 10px 30px;
    width: 130px;
    font-weight: 700 !important;
}

/* #oben.scroll .hnavi > li:first-of-type{
    margin-left: 40px;
} */

#header > .frame > .rahmen,
#inhaltsbereich > .frame > .rahmen,
#footer > .frame > .rahmen{
    max-width: 1470px;
    margin: 0 auto;
}

#inhaltsbereich.sub > .frame > .rahmen{
    max-width: 1170px;
}

#header{
    margin-top: var(--hoben);
    transition: var(--standardtransition);
    background: var(--blau);
    padding: 40px 0;
}

#oben.scroll + #header{
    margin-top: 64px;
}

#header .ce-gallery{
   max-width: 860px;
}

#header .ce-bodytext {
    position: absolute;
    top: 90px;
    right: 5%;
    left: inherit;
    padding: 40px;
    font-size: 36px;
    font-weight: 400;
    line-height: 1.4em;
    background: var(--rot);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 750px;
    height: 420px;
}

#header .ce-bodytext a{
    color: var(--weiss);
    font-size: 18px;
}

#header .ce-bodytext::before{
    content: '';
    position: absolute;
    top: 0;
    left: 10%;
    width: 80%;
    height: 25px;
    background: var(--orange);
    clip-path: none;
}

#header .ce-bodytext::after{
    display: none;
}

#header .ce-bodytext a.more{
    position: absolute;
    left: 40px;
    bottom: 40px;
    padding: 0 0 0 40px;
    text-decoration: underline;
}

#header.sub{
    padding-bottom: 0;
    overflow: visible;
}

#header.sub .ce-textpic{
    overflow: visible;
}

#header.sub .ce-gallery,
#header.sub .ce-gallery .ce-column,
#header.sub .ce-gallery .ce-column .image,
#header.sub .ce-gallery .ce-column .image img {
    width: auto;
}

#header.sub .ce-gallery{
    float: right;
    margin-right: 15%;
    box-shadow: 40px 40px 0 0 var(--rosa);
}

.weiterbildung #header.sub .ce-gallery{
    box-shadow: 40px 40px 0 0 var(--orange);
}

.aktuell #header.sub .ce-gallery{
    box-shadow: 40px 40px 0 0 var(--rot);
}

.kontakt #header.sub .ce-gallery{
    box-shadow: 40px 40px 0 0 var(--gruen);
}


#inhaltsbereich.sub > .frame.breadcrumb{
    margin-top: 80px;
    margin-bottom: 40px;
}

.down,
.to-top{
    display: none;
}

#inhaltsbereich .ce-gallery{
    max-width: 75%;
}

.news .news-content a.more,
.ce-bodytext a.more{
    color: var(--weiss);
    text-align: left;
    font-weight: 400;
    font-size: 14px;
}

.news .news-content a.more::before,
.ce-bodytext a.more::before{
    background-image: url(/fileadmin/cn_website/fachakademie/images/link.svg);
    filter: invert(1);
    opacity: 85%;
    transition: var(--standardtransition);
    height: 31px;
    top: calc(50% - 15px);
}

.news .news-content a.more:hover::before,
.ce-bodytext a.more:hover::before{
    transform: rotate(45deg);
}

h1, h2{
    color: var(--schrift);
    margin: 0 0 0.5em;
    padding: 0;
    font-weight: 400;
    line-height: 1.4em;
    font-size: 28px;
}

h2.folgt, h3, h4, h5, h6{
    color: var(--schrift);
    line-height: 1.4em;
    margin: 0;
    font-weight: 400;
    font-size: inherit;
    line-height: 1.4em;
}

.frame-layout-1{
    background: var(--creme);
    padding: 50px 0;
    margin-top: 0 !important;
}

.frame-layout-2{
    background: var(--hellgrau);
    padding: 50px 0;
    margin-top: 0 !important;
}

header{
    margin-bottom: 40px;
}

h1::after, h2:not(.folgt)::after{
    display: none;
}

#inhaltsbereich{
    margin-top: 0;
}

.frame-type-textmedia ul ul{
      list-style-type: "- ";
    padding-left: 1.5em;
}

.frame-meldungen{
    border-top: 1px dotted var(--weiss);
    padding: 20px 0;
    text-align: center;
    color: var(--weiss);
    background: var(--blau);
}

.frame-meldungen strong{
    color: var(--weiss);
}

.frame-bildtext{
    opacity: 0;
    padding-bottom: 0 !important;
}

#inhaltsbereich > .frame-bildtext > .rahmen{
    max-width: 100%;
    width: 100%;
}

#inhaltsbereich > .frame:not(.breadcrumb) + .frame-bildtext{
    margin-top: 0;
}

.frame-bildtext .ce-textpic{
    overflow: visible;
}

.frame-bildtext .ce-gallery,
.frame-bildtext .ce-intext.ce-nowrap .ce-gallery{
    width: 50%;
    margin: 0;
}

.frame-bildtext .ce-right .ce-bodytext{
    margin-left: calc(50% - 720px);
    padding-right: 150px;
}

.frame-bildtext .ce-left .ce-bodytext{
    margin-right: calc(50% - 720px);
    padding-left: 150px;
}

.news .news-list-view {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
}

.news .news-list-view h3 a{
    font-size: 20px;
    font-weight: 400;
    color: var(--schrift) !important;
    min-height: inherit;
    text-decoration: none !important;
}

.news .news-list-view h3{
    margin-bottom: 30px !important;

}
    
.news .news-list-view .article {
    float: left;
    position: relative;
    /* width: 29%; */
    /* margin-bottom: 40px; */
    margin: 0;
    box-shadow: 0 0 2px var(--schwarz);
    background: var(--weiss);
}

/* .news .news-list-view .article:nth-child(3n+ 2) {
    margin: 0 2% 40px;
} */

.news .news-list-view .article .news-img-wrap {
    width: 100%;
    margin: 0;
}

.news .news-list-view .article .news-img-wrap img {
    width: 100%;
    height: 400px;
    object-fit: cover;
}

.news .news-list-view .article .content {
    width: 96%;
    padding: 10px 2% 60px 2%;
    margin-top: 0;
}

.news-list-date{
    color: var(--schrift);
}

.news .news-list-view .article .morelink {
    position: absolute;
    bottom: 10px;
    font-weight: 700;
    width: calc(100% - 100px) !important;
    padding: 20px 0 20px 40px;
    font-size: 18px;
    color: var(--schrift) !important;
}

.news .news-list-view .article .morelink::before {
    content: '';
    position: absolute;
    left: 0;
    top: calc(50% - 25px);
    width: 31px;
    height: 50px;
    background: url(/fileadmin/cn_website/fachakademie/images/link.svg) center center no-repeat;
    background-size: contain;
    filter: invert(1);
    opacity: 85%;
}

.news.news-single .zusatzcontent > div.frame-type-html {
    width: auto;
    float: left;
    min-width: 50%;
}

.news-list3-view .article .news-img-wrap{
    max-width: 350px;
    box-shadow: 0 0 5px var(--creme);
    margin-right: 50px !important;
}

.news-list3-view .article .news-content{
    width: calc(100% - 400px);
    display: inline-block;
}

.news-list3-view .article + .article{
    border-top: 1px solid var(--grau);
    padding-top: 30px;
}

.news-list3-view .article .news-list-date{
    text-align: left;
}

/* -- News-Slider -- */
.news-listslider-view:not(.owl-carousel) .article{
    width: 31.5%;
}

.news .news-listslider-view{
    float: left;
    clear: both;
    width: 100%;
}

.news .news-listslider-view .owl-stage-outer{
    float: left;
    clear: both;
    width: 100%;
}

.news .news-listslider-view .article{
    border: none;
}

.news .news-listslider-view .article .news-content{
    background: var(--weiss);
    clip-path: none;
    border-radius: var(--radius);
    color: var(--schwarz);
    padding: 30px 30px 80px;
    width: calc(100% - 60px);
}

.news .news-listslider-view .article .news-content::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 5%;
    width: 90%;
    height: 15px;
    background: var(--blau);
}

.news .news-listslider-view .owl-stage > .owl-item:nth-child(5n+2) .article .news-content::after{
    background-color: var(--rosa);
}

.news .news-listslider-view .owl-stage > .owl-item:nth-child(5n+3) .article .news-content::after{
    background-color: var(--orange);
}

.news .news-listslider-view .owl-stage > .owl-item:nth-child(5n+4) .article .news-content::after{
    background-color: var(--gruen);
}

.news .news-listslider-view .owl-stage > .owl-item:nth-child(5n+5) .article .news-content::after{
    background-color: var(--rot);
}

.news .news-listslider-view .news-list-date{
    display: none;
}

.news .news-listslider-view .article .news-img-wrap{
    aspect-ratio: 3 / 2;
    width: 100%;
    overflow: hidden;
    position: relative;
    border-radius: var(--radius);
}

.news .news-listslider-view .article .news-img-wrap a{
    width: 100%;
}

.news-img-wrap.Video a{
    position: relative;
}

.news-img-wrap.Video a::after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    background-image: url(/fileadmin/cn_website/fachakademie/images/play.svg);
    background-position: center center;
    background-size: 50px;
    background-repeat: no-repeat;
}

.news .news-listslider-view .article .news-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    position: relative;
}


.news .news-listslider-view .owl-nav button.owl-next,
.news .news-listslider-view .owl-nav button.owl-prev{
    background-image: url(/fileadmin/cn_website/fachakademie/images/next.svg) !important;
    height: 35px;
    width: 20px;
}

.news .news-listslider-view .news-content a.more{
    position: absolute;
    bottom: 10px;
    font-weight: 700;
    width: calc(100% - 100px) !important;
    font-size: 18px;
}

.news .news-content a.more, .ce-bodytext a.more{
    color: var(--schrift);
    text-decoration: underline;
}

/* .news .news-content a.more::before{
    filter: invert(1);
    opacity: 85%;
} */

.news .news-content h3 a{
    font-size: 20px;
    font-weight: 400;
    color: var(--schrift) !important;
    margin-bottom: 30px;
    min-height: inherit;
}

.news-list-category{
    display: none;
}

/* -- News-Slider -- */

/* -- bunte Kacheln -- */
.frame-farbkacheln .row{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 35px;
    grid-row-gap: 35px;
}

.frame-farbkacheln .row > div{
    position: relative;
}

.frame-farbkacheln .row > div::after{
    content: '';
    position: absolute;
    top: 0;
    left: 10%;
    width: 80%;
    height: 15px;
    background: var(--orange);
    transition: var(--standardtransition);
}

.frame-farbkacheln .row > div:nth-child(4n+1),
.frame-farbkacheln .row > div:nth-child(4n+4)::after{
    background-color: var(--rot);
}

.frame-farbkacheln .row > div:nth-child(4n+2),
.frame-farbkacheln .row > div:nth-child(4n+3)::after{
    background-color: var(--rosa);
}

.frame-farbkacheln .row > div:nth-child(4n+3),
.frame-farbkacheln .row > div:nth-child(4n+2)::after{
    background-color: var(--blau);
}

.frame-farbkacheln .row > div:nth-child(4n+4){
    background-color: var(--gruen);
}


.frame-farbkacheln .row > div .ce-textpic{
    display: flex;;
    align-items: center;
    justify-content: center;
    padding: 50px 0;
    color: var(--weiss);
    font-size: 24px;
    overflow: visible;
}

.frame-farbkacheln .row > div .ce-textpic::before {
    content: '';
    position: absolute;
    left: 15px;
    top: 10px;
    width: 31px;
    height: 50px;
    background: url(/fileadmin/cn_website/fachakademie/images/link.svg) center center no-repeat;
    background-size: contain;
    transition: var(--standardtransition);
}

.frame-farbkacheln .row > div .ce-gallery{
    margin: 0 60px 0 0!important;
    padding: 10px;
    overflow: visible;
}

.frame-farbkacheln .row > div .ce-gallery img{
    transition: var(--standardtransition);
    padding: 10px
}

/* Animierter Unterstrich */
.frame-farbkacheln .row > div .ce-bodytext {
    text-decoration: none;
    background:
        linear-gradient(90deg, var(--weiss) 30%, rgba(161, 213, 166, 0) 30%),
        linear-gradient(90deg, var(--weiss) 30%, var(--weiss) 100%);
    background-size: 150% 2px, 0 2px;
    background-position: 100% 100%, 0 100%;
    background-repeat: no-repeat;
    transition: var(--standardtransition);
    margin: 0;
    padding: 0;
}
 
.frame-farbkacheln .row > div .linkoverlay:focus + .frame .ce-bodytext,
.frame-farbkacheln .row > div .linkoverlay:hover + .frame .ce-bodytext {
    background-size: 0 2px, 100% 2px;
}
/* Animierter Unterstrich */

.frame-farbkacheln .row > div .linkoverlay:focus + .frame .ce-gallery img,
.frame-farbkacheln .row > div .linkoverlay:hover + .frame .ce-gallery img {
    transform: scale(1.1);
}

.frame-farbkacheln .row > div .linkoverlay:focus + .frame .ce-textpic::before,
.frame-farbkacheln .row > div .linkoverlay:hover + .frame .ce-textpic::before {
    transform: rotate(90deg);
}

.frame-farbkacheln .row > div:has(.linkoverlay:focus)::after, 
.frame-farbkacheln .row > div:has(.linkoverlay:hover):after {
    transform: scaleX(1.1);
}

/* -- bunte Kacheln -- */

.frame-border > .rahmen{
    border-top: 1px solid var(--grau);
    padding: 25px 0;
}

.frame-border .ce-intext.ce-nowrap .ce-gallery{
    margin-top: 0;
    margin-bottom: 0;
}

.frame-border .ce-bodytext{
    padding: 0 30px;
}

#inhaltsbereich > .frame-border:not(.breadcrumb) + .frame-border{
    margin-top: 0;
}

.frame-border h2{
    font-size: 22px;
    font-weight: 700;
    color: var(--blau);
    margin: 0;
}

.frame-border h3{
    font-size: 22px;
    font-weight: 400;
    color: var(--schrift);
    margin: 0;
}

/* Filter Accordeon */
.frame-style-accordion .cn_multicontent_teaser{
    margin-bottom: 50px;
}

.ui-accordion-header{
    background: none;
    margin: 0;
    border-top: 1px solid var(--grau);
    padding: 20px 75px 20px 35px;
    transition: var(--standardtransition);
    width: 100%;
}

.ui-accordion-header:hover,
.ui-accordion-header.ui-accordion-header-active{
    background: var(--blau);
    color: var(--weiss);
}

.ui-accordion-header .subheader{
    display: block;
}


/* -- Filter vorübergehend ausgeblendet -- */
.frame-filter .cn_multicontent_teaser,
.frame-filter .ui-accordion-header .subheader{
    display: none;
}

/* -- Filter vorübergehend ausgeblendet -- */

.frame-filter .ui-accordion-header .header,
.frame-filter .ui-accordion-header .subheader{
    float: left;
    clear: both;
    width: 100%;
}

.frame-filter .ui-accordion-header .header{
    font-size: 24px;
    font-weight: 700;
    color: var(--blau);
}

.frame-filter .ui-accordion-header .subheader{
    font-size: 18px;
    font-weight: 400;
    color: var(--schrift);
}

.ui-accordion-header::after{
    border: 2px solid var(--schrift);
    color: var(--schrift);
    text-align: center;
    border-radius: 50%;
    content: '\002B';
    width: 45px;
    height: 45px;
    line-height: 47px;
    top: 10px;
}

.frame-filter .ui-accordion-header::after{
    width: 45px;
    height: 45px;
    top: 20px;
    line-height: 47px;
}

.ui-accordion-header.ui-state-active::after{
    transform: rotate(180deg);
    content: '\2212';
}

.ui-accordion-header:hover .header,
.ui-accordion-header:hover .subheader,
.ui-accordion-header:hover::after,
.ui-accordion-header.ui-accordion-header-active .header,
.ui-accordion-header.ui-accordion-header-active .subheader,
.ui-accordion-header.ui-accordion-header-active::after{
    color: var(--weiss);
    border-color: var(--weiss);
}

.ui-accordion-content {
    padding: 35px;
    width: calc(100% - 70px);
}

.frame-filter .filterliste{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.frame-filter .filterliste li{
    display: inline-block;
    padding: 10px 25px;
    border: 1px solid var(--blau);
    border-radius: 25px;
    margin: 5px;
    cursor: pointer;
    transition: var(--standardtransition);
}

.frame-filter .filterliste li:first-child{
    margin-left: 0;
}

.frame-filter .filterliste li.active,
.frame-filter .filterliste li:hover{
    background: var(--blau);
    color: var(--weiss);
}

.frame-filter .filterliste li.reset-filter{
    opacity: 0;
    cursor: default;
}

.frame-filter .filterliste li.active ~ li.reset-filter{
    opacity: 1;
    cursor: pointer;
}

.frame-filter .cn_multicontent_teaser p{
    display: inline-block;
}

#inhaltsbereich > .frame-default.tx_cn-multicontent .ce-bodytext{
    max-width: 800px;
}
/* Filter Accordeon */
/* Powermail */
.tx-powermail .powermail_legend{
    margin-bottom: 20px;
}

.tx-powermail .powermail_label{
    font-size: 16px;
}

.tx-powermail .powermail_fieldwrap:not(.powermail_fieldwrap_type_textarea){
    margin: 0 0 35px 0;
    max-height: 75px;
}

.tx-powermail .powermail_fieldwrap.layout1,
.tx-powermail .powermail_fieldwrap.layout1 + .powermail_fieldwrap.layout1{
    width: 240px;
    display: inline-block;
    clear: none;
}

.tx-powermail .powermail_fieldwrap.layout2,
.tx-powermail .powermail_fieldwrap.layout1 + .powermail_fieldwrap{
    width: calc(100% - 260px);
    display: inline-block;
    clear: none;
}

.tx-powermail .powermail_fieldwrap.layout1 + .powermail_fieldwrap,
.tx-powermail .powermail_fieldwrap.layout2 + .powermail_fieldwrap.layout1{
    margin-left: 20px;
}

.tx-powermail input:not(.powermail_submit):not(.powermail_checkbox):not(.powermail_radio):not(.powermail_file),
.tx-powermail textarea{
    border: 1px solid var(--grau);
    border-radius: 5px;
    font-family: 'Noto Sans';
    color: var(--schrift);
    min-height: 28px;
    background: var(--weiss);
}

.tx-powermail input.powermail_file  {
    border: none !important;
    padding: 0 !important;
    font-family: 'Noto Sans';
    color: var(--schrift);
}

.tx-powermail input.powermail_date {
    padding: 9px 15px !important;
    width: calc(100% - 32px) !important;
}

.powermail-errors-list{
    color: var(--blau);
}

.powermail_submit{
    background-color: var(--blau);
    background-image: url(/fileadmin/cn_website/fachakademie/images/link.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 15px) center;
    background-size: 30px;
    color: var(--weiss);
    padding: 10px 100px 10px 10px;
    border-radius: 25px;
    float: left;
    border-color: var(--blau);
}

.powermail_submit:hover{
    background-color: var(--gruen);
    background-image: url(/fileadmin/cn_website/fachakademie/images/link.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 15px) center;
    background-size: 30px;
    color: var(--weiss);
}


.tx-powermail .powermail_fieldwrap_type_file .powermail_field {
    position: relative;
    z-index: 1;
}

.tx-powermail fieldset .powermail_fieldwrap .powermail_field > input[type="file"] {
    width: auto;
    cursor: pointer;
}

.tx-powermail .powermail_field > input[type="file"]::file-selector-button {
    cursor: pointer;
    display: inline-block;
    padding: 0 20px;
    border: none;
    border-radius: 500px;
    height: 38px;
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    padding-right: 70px;
    background: none;
    color: var(--weiss);
}

.tx-powermail fieldset .powermail_fieldwrap_type_file .powermail_field label {
    width: auto;
}

.tx-powermail .powermail_fieldwrap_type_file .powermail_field::before {
    content: '';
    height: 38px;
    position: absolute;
    left: 0;
    top: 0;
    background: var(--gruen);
    z-index: -1;
    border-radius: 500px;
    width: 263px;
}
.tx-powermail .powermail_fieldwrap_type_file .powermail_field::after {
    content: '';
    position: absolute;
    left: 228px;
    top: 4px;
    background: url(/fileadmin/cn_website/fachakademie/images/link.svg);
    width: 30px;
    height: 30px;
    z-index: -1;
}

/* Powermail */

.owl-dots {
    width: 100%;
    text-align: center;
    margin-top: 30px;
}

.owl-carousel button.owl-dot {
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 100%;
    background: var(--blau);
    margin: 0 2px;
}

.owl-carousel button.owl-dot.active {
    background: var(--orange);
}
/* Suche */
.tx-indexedsearch-searchbox legend,
.tx-indexedsearch-searchbox fieldset + p,
.tx-indexedsearch-rules,
.tx-indexedsearch-info,
.tx-indexedsearch-percent,
.tx-indexedsearch-icon,
.tx-indexedsearch-info-sword,
.tx-indexedsearch-info-sword-word{
    display: none;
}

.tx-indexedsearch-searchbox {
    margin-bottom: 40px;
}

.tx-indexedsearch-searchbox fieldset{
    border: none;
    padding: 0;
}

.tx-indexedsearch-searchbox input{
    font-family: 'Noto Sans', Arial, Verdana, sans-serif;
    font-weight: 400;
    font-size: 22px;
    padding: 5px 10px;
}

.tx-indexedsearch-searchbox .tx-indexedsearch-form label,
.tx-indexedsearch-searchbox input.tx-indexedsearch-searchbox-sword{
    display: block;
    margin-bottom: 10px;
}

.tx-indexedsearch-searchbox .tx-indexedsearch-searchbox-button{
    cursor: pointer;
    background: var(--gruen);
    color: var(--weiss);
    transition: var(--standardtransition);
    border: none;
    padding: 10px 30px;
    border-radius: 25px;
}

.tx-indexedsearch-searchbox .tx-indexedsearch-searchbox-button:hover{
    background: var(--rot);
}

.tx-indexedsearch-redMarkup{
    background: var(--gruen);
    color: var(--weiss);
}
/* Suche */

.ce-nowrap .ce-bodytext {
    padding-left: 0px;
}

blockquote{
    background: var(--creme);
    margin: 0;
    padding: 18px 40px;
}

blockquote::before{
    color: var(--blau);
    left: 0;
    top: 40px;
}

.frame-feedback .row{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.frame-feedback .row > *,
.frame-feedback .owl-carousel .frame .ce-textpic{
    padding: 20px;
    width: auto !important;
    box-shadow: 0 0 2px var(--schwarz);
    margin: 1px;
}

.frame-feedback .owl-carousel .ce-textpic{
    height: calc(100% - 45px);
}

.frame-feedback .owl-carousel .rahmen{
    height: 100%;
}

#inhaltsbereich > .frame:last-child{
    padding-bottom: 60px;
}
/* -- Footer -- */

#footer,
#footer .tx_cn-multicontent:last-child{
    background: var(--hellgrau);
    color: var(--schrift);
    margin-top: 0;
    hyphens: auto;
    hyphenate-limit-chars: auto 6 5;
    -webkit-hyphens: auto;
}

#footer .tx_cn-multicontent:last-child a{
    color: var(--schrift);
}

#footer .tx_cn-multicontent:last-child::before{
    display: none;
}

#footer .tx_cn-multicontent .row > div:first-child .ce-gallery{
    margin-bottom: 80px;
}

#footer .tx_cn-multicontent .row > div:last-child .ce-gallery{
    margin-top: 80px;
    float: left;
}

#footer .tx_cn-multicontent:last-child ul li {
    padding-left: 15px;
    position: relative;
}

#footer .tx_cn-multicontent:last-child ul li::before {
    content: '>';
    display: inline-block;
    width: 10px;
    position: absolute;
    left: 0;
    top: 1px;
}