:root {
    --weiss: #fff;
    --schwarz: #000;
    --grau: #323232;
    --akzent1: #ef9449;
    --akzent2: #7d1027;
    --akzent3: #d8effd;
    --radius: 15px;
}

:is(a, button, input, textarea, summary){
    --outline-size:max(2px,0.08em);
    --outline-style: solid;
    --outline-color: currentColor;
}

:is(a, button, input, textarea, summary):focus{
    outline:
        var(--outline-size) 
        var(--outline-style)
        var(--outline-color);
    outline-offset:var(--outline-offset,var(--outline-size));
}

#oben:where(.kjf-site-magdalena) .frame .ce-textpic,
#oben:where(.kjf-site-magdalena) .frame .ce-gallery,
#oben:where(.kjf-site-magdalena) .frame .ce-row{
    overflow: visible;
}

a, a:hover, a:active, a:visited {
    color: var(--akzent1);
    text-decoration: none;
}

/* -- Header & Navi -- */
#oben:where(.kjf-site-magdalena){
    background: var(--weiss);
    border-color: var(--akzent2);
    color: var(--akzent2);
}

:where(#oben.kjf-site-magdalena) .cn-nav-list > li.ifsub > :where(.cn-nav-item-head) > a{
    cursor: default !important;
}

:where(#oben.kjf-site-magdalena) .cn-nav-list > li > :where(.cn-nav-item-head) > a{
    color: var(--akzent2);
}

:where(#oben.kjf-site-magdalena) .cn-nav-list > li > :where(.cn-nav-item-head) > a:focus{
    text-decoration: underline;
}

:where(#oben.kjf-site-magdalena) .cn-nav-list > li + li{
    margin-left: 2px;
}

#header ul:not(.cn-nav-list,.cn-nav-sublist) li::before{
    background-color: var(--akzent2);
}

:where(#oben.kjf-site-magdalena) .cn-nav-list > li:hover,
:where(#oben.kjf-site-magdalena) .cn-nav-list > li.act,
:where(#oben.kjf-site-magdalena) .cn-nav-sublist {
    background: var(--akzent2);
}

:where(#oben.kjf-site-magdalena) .cn-nav-sublist li a{
    color: var(--weiss);
}

:where(#oben.kjf-site-magdalena) .cn-nav-list > li:hover > :where(.cn-nav-item-head) > a,
:where(#oben.kjf-site-magdalena) .cn-nav-sublist li a:hover { 
    color: var(--weiss) !important;
}

:where(#oben.kjf-site-magdalena) .cn-nav-sublist li.act a,
:where(#oben.kjf-site-magdalena) .cn-nav-list li.act > :where(.cn-nav-item-head) > a {
    color: var(--akzent1) !important;
}

:where(#oben.kjf-site-magdalena) .cn-nav-sublist{
    padding-bottom: 30px;
    border-radius: 0 0 var(--radius) var(--radius);
}

:where(#oben.kjf-site-magdalena) .cn-nav-sublist::after{
    display: none;
}

#header .ce-bodytext{
    color: var(--akzent2) !important;
    background: rgba(239, 148, 73, 0.9) !important;
    bottom: -60px;
    left: 2%;
}

#header .ce-bodytext strong {
    padding-bottom: 0px;
    margin-bottom: 0px;
}

#header .ce-bodytext ul{
    margin-bottom: 0;
}

#header .ce-bodytext::before, #header .ce-bodytext::after{
    display: none !important;
}

#header .ce-bodytext strong::after {
    /* background-color: var(--akzent2); */
    display: none;
}

.down{
    color: var(--akzent1);
    background: url(/typo3conf/ext/cn_kunde_layout/Resources/Public/Images/Sites/magdalena/pfeil.png) center center/contain;
}

.sub .down{
    top: 660px;
}

.down:hover{
    transform: scale(1.1);
}

/* -- mobile Navi -- */

:where(#oben.kjf-site-magdalena) .cn-nav-mobile span,
:where(#oben.kjf-site-magdalena) .cn-nav-mobile span::after,
:where(#oben.kjf-site-magdalena) .cn-nav-mobile span::before {
    background-color: var(--akzent2);
}
/* -- mobile Navi -- */

/* -- Header & Navi -- */
/* -- Inhaltsbereich -- */
h1, h2, h3, h4, h5,
h2.folgt, h3.folgt, h4.folgt, h5.folgt{
    color: var(--akzent2);
}

#inhaltsbereich a:not(.more){
    color: var(--akzent2);
    text-decoration: underline;
}
/* 
h3.folgt, h4{
    color: var(--akzent2);
}

h4.folgt, h5{
    color: var(--akzent2);
} */

h1::after, h2:not(.folgt)::after{
    background-color: var(--akzent1);
}

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

.frame-layout-1{
    background: var(--akzent3);
    padding: 60px 0;
}

ul{
    list-style-type: none;
    padding: 0 !important;
}

:where(#oben.kjf-site-magdalena) ul:not(.cn-nav-list,.cn-nav-sublist) li{
    padding-left: 40px;
    position: relative;
}

:where(#oben.kjf-site-magdalena) ul:not(.cn-nav-list,.cn-nav-sublist) li::before{
    content: '';
    position: absolute;
    width: 0.8em;
    height: 0.8em;
    border-radius: var(--radius);
    background: var(--akzent1);
    top: 0.35em;
    left: 0;
}

#inhaltsbereich .table th,
#inhaltsbereich .table td{
    border: 1px solid var(--akzent1);
}

.ce-bodytext a:hover,
a.more:hover{
    text-decoration-color: var(--akzent1);
}

blockquote::before{
    color: var(--akzent1);
}

.frame-bild50 .ce-gallery .ce-row::after {
    display: none;
}

.frame-textkacheln .row .col-{
    box-shadow: 0 0 0 1px var(--akzent2);
}

.frame-kacheln .row .col- .linkoverlay:hover + .frame header::before {
    background: var(--akzent2);
}

.frame-kacheln .row .col- header h2 a{
    color: var(--akzent2);
}

.frame-kacheln .row .col- .linkoverlay:hover + .frame header h2 a{
    color: var(--akzent1) !important;
}

.frame-kacheln .row .col- .linkoverlay:hover + .frame header{
    background: var(--akzent2);
}

.frame-kacheln .row .col- .linkoverlay:hover + .frame .ce-gallery .image-embed-item{
    transform: scale(1.1);
}

.frame-schraeg {
    background: var(--akzent3);
    color: var(--weiss);
}

.ce-bodytext a.more{
    color: var(--akzent1);
    opacity: 0;
}

.frame-type-news_pi1.frame-layout-1 .news {
    margin-top: 20px;
}

.news .news-content a.more::before,
.ce-bodytext a.more::before {
    display: none;
}

.news .news-content h3 a{
    color: var(--akzent2) !important;
    font-size: 26px;
}

.news .kategoriebild{
    height: 135px;
    text-align: center;
    display: none;
}

.news .kategoriebild img{
    height: 100%;
    width: auto;
    display: inline-block;
}

.news-list-view .no-media-element img{
    max-width: 500px;
}

.news .news-listslider-view h3{
    opacity: 0;
}

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

.news .news-listslider-view .article .news-content {
    width: 100%;
    padding: 0;
    background: none;
    color: var(--grau);
    clip-path: none
}

.news .news-listslider-view .box{
    background: var(--weiss);
    padding: 35px 30px 0;
    width: calc(100% - 60px);
    /* margin-top: -60px; */
    float: left;
    clear: both;
    margin-bottom: 40px;
}

.news .news-content a.more {
    font-weight: 700;
    padding: 25px 0;
    width: 100% !important;
    color: var(--akzent2);
    text-align: center !important;
    margin-top: 15px;
    margin-bottom: 30px ;
    z-index: 1;
    transition: var(--standardtransition);
}

.news .news-content a.more::before{
    content: '';
    position: absolute;
    left: 10%;
    width: 80%;
    top: 0;
    height: 100%;
    background: var(--weiss);
    border: 2px solid var(--akzent2);
    border-radius: var(--radius);
    z-index: var(--akzent1);
    display: block;
    z-index: -1;
    transform: rotate(-2deg);
    transition: var(--standardtransition);
}

.news .news-content a.more:hover{
    color: var(--weiss);
}
.news .news-content a.more:hover::before{
    background-color: var(--akzent2);
}

.news .news-list2-view .news-list-category,
.news .news-list2-view .news-list-date,
.news .news-listslider-view .news-list-category,
.news .news-listslider-view .news-list-date{
    display: inline-block;
    color: var(--akzent2);
    width: auto;
    margin: 0;
    float: left;
    font-size: 21px;
    font-weight: 700;
}

.news .news-list2-view .news-list-date,
.news .news-listslider-view .news-list-date{
    margin-left: 10px;
}

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

.news-list2-view{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-top: 60px;
}

.news .news-list2-view .article,
.news .news-list2-view .article:last-child{
    width: calc(32% - 40px);
    padding: 10px 20px 80px;
    border: 2px solid var(--akzent1);
    margin-bottom: 120px;
    position: relative;
}

.news .news-list-view .article{
    border-bottom: 1px solid var(--akzent1);
    padding-bottom: 40px;
}

.news .news-list2-view .article .news-content a.more{
    position: absolute;
    margin: 0;
    bottom: -20px;
    left: 0;
}

.news .news-list2-view .article .kategoriebild{
    margin-top: -70px;
}

.news .news-list2-view .article .kategoriebild img{
    background: var(--weiss);
}

.news.news-single .news-backlink-wrap{
    float: left;
    clear: both;
    width: 100%;
    margin-top: 40px;
}

.news.news-single .news-backlink-wrap a{
    color: var(--akzent2);
}

.news.news-single .article .news_content{
    width: calc(60% - 20px);
    margin-right: 20px;
    float: left;
}

.news.news-single .article .news-img-wrap.vorschaubild {
    width: calc(40% - 20px);
    margin-left: 20px;
}

.news.news-single .article .news-img-wrap iframe, .news.news-single .article .news-img-wrap img {
    width: 100%;
    height: auto;
}

.news-single .news-text-wrap{
    max-width: 800px;
}

.news-single h1{
    opacity: 0;
}

.news .linkoverlay {
    position: absolute !important;
    display: block;
    z-index: 3;
    background: rgba(0,0,0,0);
    transition: ease-out all 0.3s;
}

.tx-powermail input:not(.powermail_submit),
.tx-powermail textarea{
    border: 2px solid var(--akzent2) !important;
}

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

.powermail_submit{
    background: var(--weiss);
    color: var(--akzent2);
    border: 2px solid var(--akzent2);
    border-radius: var(--radius);
}

.powermail_submit:hover{
    background: var(--akzent2);
    color: var(--weiss);
    text-decoration: underline;
}

.frame-blau .row div h2,
.frame-blau .row div h3{
    color: var(--akzent2);
}

.frame-blau .row {
    margin-bottom: 50px;
}

.frame-blau .row div .frame > .rahmen{
    height: calc(100% - 70px);
    width: calc(100% - 90px);
    padding: 35px 30px;
    margin: 0 15px;
    background: var(--akzent3);
    position: relative;
    z-index: 0;
}

.ce-bodytext a.more{
    position: relative;
    color: var(--akzent2);
    width: fit-content;
    padding: 25px 40px;
    left: 0;
    transition: var(--standardtransition);
}

.ce-bodytext a.more::before{
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    height: 100%;
    background: var(--weiss);
    border: 2px solid var(--akzent2);
    border-radius: var(--radius);
    z-index: var(--akzent1);
    display: block;
    transform: rotate(-2deg);
    transition: var(--standardtransition);
    z-index: -1;
}

.frame-layout-1 .ce-bodytext a.more::before{
    z-index: 0;
}

.ce-bodytext a.more:hover{
    color: var(--weiss);
    text-decoration-color: var(--weiss);
}

.ce-bodytext a.more:hover::before{
    color: var(--weiss);
    background: var(--akzent2);
}

.frame-blau .ce-bodytext a.more{
    position: absolute;
    bottom: -50px;
    width: calc(100% - 140px);
    left: 30px;
    text-align: center;
}

.page52 .ce-bodytext a.more::before,
.frame-blau .ce-bodytext a.more::before{
    z-index: -1;
}

a.more span{
    position: relative;
    display: block;
}

.ui-accordion-header{
    background: var(--akzent3);
}

/* -- Inhaltsbereich -- */

/* -- Projektkarussell -- */
/* Reserve the same control gutters as the Antoniusheim project carousel. */
.frame-slider .row.owl-carousel {
    width: calc(100% - 140px);
    margin: 0 70px;
}

.frame-slider .row.owl-carousel .owl-nav button.owl-prev,
.frame-slider .row.owl-carousel .owl-nav button.owl-next {
    position: absolute;
    top: calc(50% - 40px);
    width: 50px;
    height: 81px;
    margin: 0;
    float: none;
    transform: none;
}

.frame-slider .row.owl-carousel .owl-nav button.owl-prev {
    left: -70px;
    right: auto;
}

.frame-slider .row.owl-carousel .owl-nav button.owl-next {
    left: auto;
    right: -70px;
}

@media (max-width: 550px) {
    .frame-slider .row.owl-carousel {
        width: calc(100% - 80px);
        margin: 0 40px;
    }

    .frame-slider .row.owl-carousel .owl-nav button.owl-prev,
    .frame-slider .row.owl-carousel .owl-nav button.owl-next {
        top: calc(50% - 16px);
        width: 20px;
        height: 32px;
    }

    .frame-slider .row.owl-carousel .owl-nav button.owl-prev {
        left: -40px;
    }

    .frame-slider .row.owl-carousel .owl-nav button.owl-next {
        right: -40px;
    }
}

/* -- Footer -- */
.page35 #footer{
    margin-top: 0;
}

#footer h2{
    color: var(--akzent2);
}

#footer h2::after {
    background: var(--akzent1);
}

#header .owl-dot {
    background: var(--akzent3);
    border: 1px solid var(--akzent2);
}

#header .owl-dot.active {
    background: var(--akzent1);
}

.frame-strich > .rahmen{
    border-color: var(--akzent1);
}

.to-top{
    background-image: url(/typo3conf/ext/cn_kunde_layout/Resources/Public/Images/Sites/magdalena/pfeil-rot.png);
    transform: rotate(180deg);
    border-color: var(--akzent2);
}

/* #footer .frame-strich > .rahmen{
    border-top: 10px solid var(--akzent1);
}
 */
#footer .frame-strich ul li,
#footer .frame-strich ul li a {
    color: var(--akzent2);
}

#footer .frame-strich .ce-column:first-child {
    margin-right: 50px;
}

#footer a{
    color: var(--akzent2) !important;
}

#footer .tx_cn-multicontent:last-child{
    background: var(--akzent3);
    color: var(--grau);
}

.news .news-listslider-view .owl-nav button.owl-next,
.news .news-listslider-view .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev{
    width: 80px;
    height: 80px;
}

.owl-carousel .owl-nav button.owl-next,
.news .news-listslider-view .owl-nav button.owl-next{
    right: -80px;
    background: url(/typo3conf/ext/cn_kunde_layout/Resources/Public/Images/Sites/magdalena/rechts.png) center center/contain no-repeat !important;
    transform: none;
}

.news .news-listslider-view .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-prev{
    left: -80px;
    background: url(/typo3conf/ext/cn_kunde_layout/Resources/Public/Images/Sites/magdalena/links.png) center center/contain no-repeat !important;
    transform: none;
}

#footer .tx_cn-multicontent:last-child::before {
    background: var(--akzent3);
    clip-path: none;
}

.sr {
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
}
/* -- Footer -- */