:root {
    --weiss: #fff;
    --schwarz: #000;
    --grau: #919191;
    --akzent1: #01437d;
    --akzent2: #ffffd1;
    --akzent3: #ddf0ff;
    --radius: 0;
}

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

: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-martin) .frame .ce-textpic,
#oben:where(.kjf-site-martin) .frame .ce-gallery,
#oben:where(.kjf-site-martin) .frame .ce-row{
    overflow: visible;
}

p {
    margin: 0 0 30px 0;
}

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

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

#oben:where(.kjf-site-martin) > .frame-default .ce-gallery{
    margin: 5px 0;
}

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

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

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

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

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

:where(#oben.kjf-site-martin) .cn-nav-list > li.ifsub.hor{
    position: inherit;
}

:where(#oben.kjf-site-martin) .hor .cn-nav-sublist{
    width: 90%;
    min-width: 0;
    padding: 20px 5% !important;
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
    float: left;
    clear: both;
}


:where(#oben.kjf-site-martin) .cn-nav-sublist > li{
    clear: both;
    text-align: left;
}

:where(#oben.kjf-site-martin) .hor .cn-nav-sublist > li {
    float: left;
    display: block;
    margin-bottom: 0;
}

@-moz-document url-prefix() {
    :where(#oben.kjf-site-martin) .hor .cn-nav-sublist > li {
        float: none;
        width: auto;
    }
}

:where(#oben.kjf-site-martin) .hor .cn-nav-sublist > li.ifsub{
    margin-bottom: 20px;
}

:where(#oben.kjf-site-martin) .hor .cn-nav-sublist > li.ifsub > :where(.cn-nav-item-head) > a{
    margin-bottom: 0;
}

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

:where(#oben.kjf-site-martin) .cn-nav-sublist > li > :where(.cn-nav-item-head) > a{
    font-size: 20px;
    margin-bottom: 20px;
}

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

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

:where(#oben.kjf-site-martin) .hor .cn-nav-sublist li a{
    padding: 0;
    margin-top: 2px;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    line-height: 1.2em; 
    hyphens: manual;
}

:where(#oben.kjf-site-martin) .hor .cn-nav-nested-list li a{
    margin: 0;
    padding: 7px 0;
    width: 100%;
}

:where(#oben.kjf-site-martin) .cn-nav-nested-list,
:where(#oben.kjf-site-martin) .cn-nav-nested-list li{
    display: block;
    clear: both;
    float: left;
    width: 100%;
}

:where(#oben.kjf-site-martin) .cn-nav-nested-list li a{
    font-weight: 400;
}

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

:where(#oben.kjf-site-martin) ul.cn-nav-nested-list li::before{
    display: none;
}
:where(#oben.kjf-site-martin) .cn-nav-nested-list li.act a{
    font-weight: 700;
}

#header .ce-bodytext{
    color: var(--schwarz);
    background: var(--akzent2);
    font-weight: 400;
    left: 5%;
    bottom: -40px;
    padding-bottom: 0;
}

#header .ce-bodytext strong{
    color: var(--akzent1);
    font-weight: 700;
}

#header .ce-bodytext strong:last-child{
    margin-bottom: 0;
}

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

#header .ce-bodytext strong:first-of-type:after {
    background-color: var(--akzent1);
}

#header .ce-bodytext strong:nth-child(1n +2 ):after{
    display: none;
}

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

.sub .down{
    top: 660px;
}

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

/* -- mobile Navi -- */

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

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

#inhaltsbereich a:not(.more){
    color: var(--akzent1);
    text-decoration: underline;
}

h3 ,h4, h5{
    color: var(--akzent1);
}

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

#inhaltsbereich > .frame + .frame{
    margin-top: 130px;
}

#inhaltsbereich > .frame + .frame.frame-space-before-1{
    margin-top: 0;
}

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

.frame-layout-1 h1,
.frame-layout-1 h2,
.frame-layout-1 h3,
.frame-layout-1 h4,
.frame-layout-1 h5{
    color: var(--akzent2);
}

.frame-layout-1 h1::after,
.frame-layout-1 h2:not(.folgt)::after{
    background: var(--akzent2);
}

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

.frame-layout-2 h1,
.frame-layout-2 h2,
.frame-layout-2 h3,
.frame-layout-2 h4,
.frame-layout-2 h5{
    color: var(--akzent1);
}

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

.frame-layout-2 .ce-bodytext a.more{
    background: var(--akzent1);
    color: var(--akzent2);
}

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

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

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

.table th,
.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(--akzent1);
}

.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(--akzent1) !important;
    font-size: 26px;
}

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

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

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

.news .news-listslider-view .box{
    background: var(--weiss);
    padding: 30px 35px;
    width: calc(100% - 70px);
    margin-top: 0;
    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: 35px;
    /* margin-bottom: -30px ; */
    z-index: 1;
    transition: var(--standardtransition);
    background: var(--akzent1);
}

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

.news .news-content a.more:hover{
    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(--grau);
    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-listslider-view .article .news-img-wrap .no-media-element,
.news .news-listslider-view .article .news-img-wrap a,
.news .news-listslider-view .article .news-img-wrap img{
    float: left;
    clear: both;
    width: 100%;
}

.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(--akzent1);
}

.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.news-single .article .news-img-wrap.weitere > .outer{
    float: left;
    max-width: 32%;
}

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

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

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

.powermail_submit:hover{
    background: var(--akzent2);
    color: var(--akzent1);
}

.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(--akzent1);
    padding: 15px 40px;
    left: 0;
    font-size: 22px;
    word-spacing: 1px;
    display: inline-block;
    background: var(--akzent2);
}

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

.frame-layout-1 .ce-bodytext a.more{
    padding: 20px 80px;
}

.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;
}

.frame-textge .row > div{
    color: var(--akzent2);
}

.frame-textge .row > div:before{
    background: var(--akzent1);
}

#inhaltsbereich .frame-textge .row > div .ce-bodytext a:not(.more){
    color: var(--akzent2) !important;
}
.frame-textge .row > div .ce-bodytext a.more{
    color: var(--akzent1);
}

.frame-glossar .cnmc-accordion{
    margin: 0 calc(50% - 400px);
    position: relative;
    width: 100%;
    max-width: 800px;
    float: left;
    clear: both;
}

.frame-glossar .cn_multicontent_teaser{
    margin-bottom: 50px;
    float: left;
    clear: both;
    width: 100%;
}

.frame-glossar .cn_multicontent_teaser ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
    float: left;
    clear: both;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.frame-glossar .cn_multicontent_teaser ul li{
    padding: 6px 0;
    width: 40px;
    text-align: center;
    border: 1px solid var(--schwarz);
    float: left;
    margin: 2px;
}

.frame-glossar .cn_multicontent_teaser ul li::before{
    display: none;
}

.frame-glossar .frame-default h2{
    display: none;
}

.ui-accordion-header{
    background: var(--akzent2);
    text-align: left;
    color: var(--akzent1);
    text-decoration: underline;
    border: none;
    font-weight: 700;
    width: 100%;
}

.ui-accordion-header::after{
    top: 0;
    font-weight: 700;
}

#inhaltsbereich .frame-type-menu_subpages ul{
    float: left;
    clear: both;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#inhaltsbereich .frame-type-menu_subpages ul li{
    padding: 0;
    margin: 0 20px 15px 0;
}

#inhaltsbereich .frame-type-menu_subpages ul li::before{
    display: none;
}

#inhaltsbereich .frame-type-menu_subpages ul li a{
    padding: 5px 10px;
    border: 1px solid var(--akzent1);
    transition: var(--standardtransition);
}

#inhaltsbereich .frame-type-menu_subpages ul li a:hover{
    background: var(--akzent2);
}

#inhaltsbereich .frame-type-menu_subpages ul li.act a{
    font-weight: 700;
}

.breadcrumb{
    display: block;
    margin-top: -40px !important;
}

#inhaltsbereich > .frame.breadcrumb + .frame {
    margin-top: 60px;
}

#inhaltsbereich > .frame.breadcrumb + .frame-type-menu_subpages + .frame{
    margin-top: 80px;
}

.to-top {
    background-image: url('/typo3conf/ext/cn_kunde_layout/Resources/Public/Images/Sites/st-martin/pfeil.png');
    transform: rotate(180deg);
}

.to-top:hover{
    background: url('/typo3conf/ext/cn_kunde_layout/Resources/Public/Images/Sites/st-martin/pfeil.png') center center no-repeat,var(--akzent2);
    background-size: 90% auto;
}

.news .news-list-view .article .morelink {
    float: left;
    margin-top: 20px;
}

/* -- Inhaltsbereich -- */

/* -- Footer -- */

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

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

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

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

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

#footer .tx_cn-multicontent:nth-child(2) ul li,
#footer .tx_cn-multicontent:nth-child(2) ul li a {
    color: var(--akzent1);
}

#footer ul:not(.cn-nav-list,.cn-nav-sublist,.cn-nav-nested-list) li{
    padding-left: 0;
}

#footer ul:not(.cn-nav-list,.cn-nav-sublist,.cn-nav-nested-list) li::before{
    display: none;
}

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

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

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

#footer .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/st-martin/pfeil.png) center center/contain no-repeat !important;
    transform: rotate(-90deg);
}

.news .news-listslider-view .owl-nav button.owl-prev,
#footer .owl-carousel .owl-nav button.owl-prev{
    left: -80px;
    background: url(/typo3conf/ext/cn_kunde_layout/Resources/Public/Images/Sites/st-martin/pfeil.png) center center/contain no-repeat !important;
    transform: rotate(90deg);
}

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

/* -- Footer -- */
.sr:not(:focus), .skip-link:not(:focus) {
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
    clip: rect(0 0 0 0);
    clip-path: inset(100%);
    white-space: nowrap;
  }