:root {
    --weiss: #fff;
    --schwarz: #000;
    --grau: #323232;
    --akzent1: #26a1db;
    --akzent2: #e72989;
    --akzent3: #8cc047;
    --akzent4: #f39120;
    --orangetrans: #fef5ea;
    --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 .frame .ce-textpic,
#oben .frame .ce-gallery,
#oben .frame .ce-row{
    overflow: visible;
}

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

/* -- Header & Navi -- */
#oben{
    background: rgba(255, 255, 255, 75%);
    border-color: var(--akzent4);
    border-width: 30px;
    color: var(--akzent2);
    box-shadow: 0 -10px 15px var(--grau);
    transition: var(--standardtransition);
}

#oben.scroll{
    background: rgba(255, 255, 255, 95%);
}

#oben > .frame-default .ce-gallery {
    transition: var(--standardtransition);
}
#oben.scroll > .frame-default .ce-gallery {
    margin: 3px 0;
}

#oben .infoleiste{
    position: absolute;
    right: 5vw;
    top: -32px;
    font-size: 16px;
    display: flex;
}

#oben .infoleiste .ce-gallery{
    margin: 0;
}

#oben .infoleiste .ce-gallery .ce-row{
    display: inline-block;
    margin: 0 20px 0 0;
}

#oben .infoleiste .ce-gallery a{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: var(--schwarz);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    transition: var(--standardtransition);
}

#oben .infoleiste .ce-gallery a:hover{
    text-decoration-thickness: 2px;
}

#oben .infoleiste .ce-gallery img{
    height: 25px;
    width: 25px;
    margin-right: 5px ;
}

#oben .infoleiste .frame-bewerben{
    margin-right: 25px;
}
#oben .infoleiste .frame-bewerben a{
    color: var(--schwarz);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    transition: var(--standardtransition);
}
#oben .infoleiste .frame-bewerben a:hover{
    text-decoration-thickness: 2px;
}

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

.hnavi > li.ifsub > a{
    cursor: default !important;
}

.hnavi > li > a{
    color: var(--schwarz);
}

.hnavi > li > a:focus{
    text-decoration: underline;
}

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

#header{
    margin-top: 0 !important;
}

#header .ce-gallery {
    max-height: calc(100vh - 120px);
    overflow: hidden;
    max-height: 600px;
}

#header .ce-gallery img{
    border-radius: 0 0 0 50%;
}
    
    
#header ul:not(.hnavi,.unavi) li::before{
    background-color: var(--akzent2);
}

#inhaltsbereich.leer{
    padding-top: 130px;
}

.down{
    display: none;
}

.hnavi > li:hover,
.hnavi > li.act,
.unavi {
    background: var(--akzent4);
}
#oben.scroll .hnavi > li {
    padding-top: 34px;
}

.unavi li a{
    color: var(--schwarz);
}

.hnavi > li:hover > a,
.unavi li a:hover { 
    color: var(--schwarz) !important;
}

.unavi li.act a,
.hnavi li.act > a {
    color: var(--schwarz) !important;
}

.unavi{
    padding-bottom: 30px;
    border-radius: 0 0 var(--radius) var(--radius);
}

.unavi::after{
    display: none;
}

#header .ce-bodytext {
    color: var(--weiss) !important;
    background: var(--akzent2) !important;
    bottom: 20px;
    left: unset;
    right: 2%;
    line-height: normal;
}

#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(/fileadmin/cn_website/magdalena/images/pfeil.png) center center/contain;
}

.sub .down{
    top: 660px;
}

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

/* -- mobile Navi -- */

.mob_button span,
.mob_button span::after,
.mob_button 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(--akzent3);
}

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

#inhaltsbereich > .frame-default.frame-type-textmedia .ce-gallery img{
    border-radius: 50%;
}

#inhaltsbereich > .frame-default.frame-type-textmedia .ce-gallery.ce-border img{
    border-radius: 0;
}

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

#inhaltsbereich .frame-layout-0{
    padding: 60px 0;
}

#inhaltsbereich .frame-layout-2{
    background: var(--weiss);
    padding: 60px 0;
    margin: 0;
}

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

ul:not(.hnavi,.unavi) li{
    padding-left: 40px;
    position: relative;
}

ul:not(.hnavi,.unavi) li::before{
    content: '';
    position: absolute;
    width: 0.8em;
    height: 0.8em;
    border-radius: var(--radius);
    background: var(--akzent1);
    top: 0.35em;
    left: 0;
}

#inhaltsbereich{
    margin: 0;
    background: url(/fileadmin/cn_website/hep-erbendorf/images/bg.svg) center center;
    background-size: cover;
}

#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);
}

.ce-bodytext a.more{
    color: var(--akzent1);
    opacity: 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);
}

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

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

/* -- Inhaltsbereich -- */

/* -- Footer -- */

#footer{
    margin-top: 0;
}

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

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

.to-top{
    display: none;
}

#footer{
    border-top: 2px solid var(--akzent2);
}

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

#footer .tx_cn-multicontent:first-child{
    background: var(--orangetrans);
    padding: 20px 0;
}

#footer .tx_cn-multicontent:last-child{
    background: var(--weiss);
    color: var(--grau);
    border-top: 10px solid var(--akzent2);
    margin-top: 0;
}

.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(/fileadmin/cn_website/magdalena/images/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(/fileadmin/cn_website/magdalena/images/links.png) center center/contain no-repeat !important;
    transform: none;
}

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

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