:root {
    --grau: #919191;
    --akzent1: #1450a7;
    --akzent2: #c05700;
    /* --akzent2: #af5103; */
    --akzent3: #5177b4;
    --akzent4: #eaf0fe;
    --radius: 10px ;
    --outline-color: #c05700
}

html, body{
    font-size: 18px;
    font-weight: 300;
    color: var(--schwarz);
}

#inhaltsbereich .ce-gallery img{
    border-radius: var(--radius);
}

/* -- Navi & Header -- */
#oben:where(.kjf-site-hdgh){
    border: none;
    max-width: 1470px;
    padding: 0 calc(50% - 735px);
    hyphens: auto;
    hyphenate-limit-chars: auto 6 5;
    -webkit-hyphens: auto;
}

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

.infoleiste{
    float: right;
    padding-top: 20px;
    transition: var(--standardtransition);
    overflow: hidden;
}

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

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

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

.infoleiste .ce-gallery figcaption{
    display: inline-block;
}

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

#oben:where(.kjf-site-hdgh).scroll .infoleiste{
    height: 0;
    padding: 0;
}

#oben:where(.kjf-site-hdgh).scroll > .frame-default{
    margin-left: -9%;
    margin-bottom: -80px;
}

#oben:where(.kjf-site-hdgh).scroll .image-embed-item {
    max-width: 110px;
    height: auto;
}

#oben:where(.kjf-site-hdgh).scroll .cn-nav-list > li {
    padding-top: 0;
}

:where(#oben.kjf-site-hdgh) .cn-nav-list > li > :where(.cn-nav-item-head) > a {
    padding: 5px 10px;
    line-height: 1.2em;
}

:where(#oben.kjf-site-hdgh) .cn-nav-list{
    float: left;
    clear: both;
    width: 100%;
    opacity: 0;
    display: flex;
    justify-content: space-between;
    transition: var(--standardtransition);
}

:where(#oben.kjf-site-hdgh) .cn-nav-list > li{
    padding: 0;
    margin: 0;
}

:where(#oben.kjf-site-hdgh) .cn-nav-list > li > :where(.cn-nav-item-head) > a{
    color: var(--akzent2);
    padding: 15px;
    margin: 0;
}

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

:where(#oben.kjf-site-hdgh) .cn-nav-list > li:hover{
    background: var(--akzent4);
    border-radius: var(--radius) var(--radius) 0 0;
}

:where(#oben.kjf-site-hdgh) .cn-nav-sublist{
    background: var(--akzent4);
    border-radius: 0  0 var(--radius) var(--radius);
    padding: 0 15px 10px 15px;
}

:where(#oben.kjf-site-hdgh) .cn-nav-sublist li{
    float: left;
    clear: both;
    width: 100%;
}

:where(#oben.kjf-site-hdgh) .cn-nav-sublist li a {
    padding: 15px 0;
    color: var(--akzent2);
    float: left;
    margin: 0;
    width: 100%;
    font-weight: 700;
}

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

#header{
    margin-top: 265px;
    opacity: 1;
}

#header .ce-gallery{
    max-height: 1000px;
}

#header .ce-bodytext {
    position: absolute;
    bottom: 70px;
    padding: 40px 80px;
    font-size: 18px;
    font-weight: 400;
    line-height: 48px;
    max-width: 80%;
    background: none;
}

#header .ce-bodytext::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: inherit;
    width: 100%;
    height: 100%;
    background: url(/typo3conf/ext/cn_kunde_layout/Resources/Public/Images/Sites/hausdesgutenhirten/bg-form.svg) no-repeat center center/contain;
    clip-path: none;
    z-index: -1;
}

#header .ce-bodytext strong{
    font-weight: 400;
    font-size: 40px;
    padding: 0;
    margin: 0;
}

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

.down{
    display: none;
}

.frame-downloads .ce-gallery{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.frame-downloads .ce-gallery .ce-column{
    width: calc(100% - 32px) !important;
}

.frame-downloads .ce-gallery .ce-row{
    width: 33%;
}

.ce-border .ce-column{
    border: 1px solid var(--akzent1);
    border-radius: var(--radius);
    padding: 15px;
    width: calc(100% - 32px);
}


#inhaltsbereich figcaption{
    margin-top: 10px;
}

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

#inhaltsbereich a.link-file{
    padding: 2px 0 2px 25px;
    background: url(/typo3conf/ext/cn_kunde_layout/Resources/Public/Images/Sites/hausdesgutenhirten/download.svg) no-repeat left center/20px auto;
}
/* -- Navi & Header -- */
/* -- Inhaltsbereich -- */

#inhaltsbereich.sub.ohne{
    margin-top: 250px;
    border-top: 1px solid var(--grau);
}


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

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

#inhaltsbereich > .frame-default .ce-gallery img{
    border-radius: var(--radius);
}

h1, h2, h3, h4, h5, h6{
    color: var(--akzent2);
    padding-bottom: 0;
    margin-bottom: 1em;
    clear: both;
}

.ce-bodytext h1, .ce-bodytext h2, .ce-bodytext h3, .ce-bodytext h4, .ce-bodytext h5, .ce-bodytext h6{
    clear: none;
}

.zweizeilig{
    margin-bottom: 0;
}


h1{
    font-size: 40px;
}

h2{
    font-size: 28px;
}

h3{
    font-size: 24px;
}

h3.folgt{
    padding-left: 25px;
}

.ce-bodytext h2,
.ce-bodytext h3,
.ce-bodytext h4{
    margin-bottom: 0.5em;
}

header,
header + .ce-textpic.ce-intext,
header + .ce-textpic.ce-above,
.tx-powermail{
    float: left;
    clear: both;
    width: 100%;
}

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

#inhaltsbereich > .frame-layout-0{
    margin-bottom: 125px;
} */

.table{
    text-align: left;
}

.frame:not(.frame-schlicht,.frame-bildslider) header h2{
    /* color: var(--weiss); */
    background: none !important;
    float: left;
    /* padding: 10px 25px; */
    border-radius: 50px;
}

.frame-layout-2 header h2,
.frame-type-menu_pages header h2{
    color: var(--weiss);
}

.frame-schlicht.frame-layout-2 header h2,
.frame-bildslider.frame-layout-2 header h2{
    /* color: var(--weiss); */
    font-size: 24px;
}

.frame-schlicht h3.folgt{
    padding-left: 0;
}

.frame-layout-1{
    padding: 80px 0;
    background: var(--akzent4);
    margin-top: 0;
}

.frame-layout-2{
    padding: 80px 0;
    background: var(--akzent3);
    margin-top: 0;
    color: var(--weiss);
}

.ce-nowrap .ce-bodytext {
    padding-left: 0;
}
#inhaltsbereich > .frame:not(.breadcrumb).frame-layout-1 + .frame-layout-1,
#inhaltsbereich > .frame:not(.breadcrumb).frame-layout-1 + .frame-layout-2,
#inhaltsbereich > .frame:not(.breadcrumb).frame-layout-2 + .frame-layout-1,
#inhaltsbereich > .frame:not(.breadcrumb).frame-layout-2 + .frame-layout-2{
    margin-top: 0;
}

#inhaltsbereich > .frame:last-of-type:not(.frame-layout-1, .frame-layout-2){
    margin-bottom: 100px;
}

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

.ce-intext.ce-left .ce-gallery{
    margin-right: 40px;
}

.ce-intext.ce-right .ce-gallery{
    margin-left: 40px;
}

#inhaltsbereich .ce-bodytext a.link-external,
#inhaltsbereich .ce-bodytext a.more{
    color: var(--weiss);
    background: var(--akzent2);
    /* float: left;
    clear: both; */
    display: inline-block;
    padding: 10px 25px;
    border-radius: 50px;
    /* width: calc(100% - 50px); */
    font-size: 24px;
    text-align: center;
    font-weight: 700;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    transition: var(--standardtransition);
}

#inhaltsbereich .ce-bodytext a.link-external:hover,
#inhaltsbereich .ce-bodytext a.more:hover{
    text-decoration-thickness: 3px;
}

#inhaltsbereich .ce-bodytext a.link-external{
    background: var(--akzent1);
}

.frame-type-menu_pages{
    background: var(--akzent3);
    padding: 120px 0;
}

.frame-type-menu_pages h1{
    color: var(--weiss);
}

.frame-type-menu_pages h2{
    background: var(--akzent1) !important;
}

.frame-type-menu_pages.frame-layout-10{
    opacity: 0;
}

.frame-type-menu_pages.frame-layout-10 header{
    width: 65%;
    margin: 65px 0 0 0;
}

.frame-type-menu_pages.frame-layout-20 header{
    max-width: 800px;
}


.frame-type-menu_pages ul.menu-mit-bildern {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}

.frame-type-menu_pages.frame-layout-20 ul.menu-mit-bildern{
    float: left;
    clear: both;
    width: 100%;
}

.frame-type-menu_pages ul.menu-mit-bildern li{
    width: calc(33% - 20px);
    margin-bottom: 40px;
    border-radius: var(--radius);
    background: var(--weiss);
    font-size: 24px;
    font-weight: 700;
    color: var(--schwarz);
    overflow: hidden;
    box-shadow: 0 0 6px rgba(0, 0, 0, 50%);
}

.frame-type-menu_pages ul.menu-mit-bildern li img{
    transform: scale(1);
    transform-origin: bottom center;
    transition: var(--standardtransition);
}
.frame-type-menu_pages ul.menu-mit-bildern li:hover img{
    transform: scale(1.1);
}

.frame-type-menu_pages ul.menu-mit-bildern li img{
    border-radius: var(--radius) var(--radius) 0 0;
}

.frame-type-menu_pages ul.menu-mit-bildern li .box{
    padding: 25px 25px 45px;
    width: calc(100% - 50px);
    float: left;
    color: var(--schwarz);
}

.frame-type-menu_pages ul.menu-mit-bildern li:hover .box{
    text-decoration: underline;
}

.frame-type-menu_pages.frame-layout-10 ul.menu-mit-bildern li.mitbild:first-of-type{
    margin-left: 15px;
}

.frame-type-menu_pages.frame-layout-10 ul.menu-mit-bildern li.mitbild:nth-child(3n+4),
.frame-type-menu_pages.frame-layout-20 ul.menu-mit-bildern li.mitbild:nth-child(3n+2){
    margin-left: 20px;
    margin-right: 20px;
}

.frame-type-news_pi1 header:has(.ce-headline-center){
    display: flex;
    justify-content: center;
}

.frame-type-news_pi1 header h2{
    background-color: var(--akzent1);
    text-align: center;
}

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

.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 .news-content{
    background: var(--weiss);
    clip-path: none;
    border-radius: 0 0 var(--radius) var(--radius);
    color: var(--schwarz);
    padding: 15px 20px 0;
}

.news .news-listslider-view .news-list-date{
    display: block;
    text-align: left;
    color: var(--schwarz);
    margin: 10px 0 20px;
    font-weight: 400;
}

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

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

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

/* .news .news-list-view .article + .article{
    border-top: 1px solid var(--akzent1);
    padding-top: 20px;
}

.news .news-list-view .article .news-img-wrap{
    width: calc(33% - 40px);
}

.news .news-list-view .article .news-img-wrap img{
    width: 100%;
    object-fit: cover;
    border-radius: var(--radius);
} */



.news .news-list-view{
    display: flex;
    flex-wrap: wrap;
    float: left;
    clear: both;
    width: 100%;
}

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

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

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

.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 .morelink {
    color: var(--) !important;
    position: absolute;
    bottom: 10px;
    right: 10px;
    margin-top: 0;
}

/* .news .news-list-view .article .morelink:hover{
    background: var(--weiss);
    color: var(--akzent1) !important;
} */

.news .news-content h3 a{
    min-height: inherit;
}

.news .news-content a.more{
    padding-left: 0;
    color: var(--akzent1);
}

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

.news .article .teaser-text{
    font-weight: 700;
}

.news .news-listslider-view .owl-nav button.owl-next,
.news .news-listslider-view .owl-nav button.owl-prev,
.owl-nav button.owl-next,
.owl-nav button.owl-prev{
    position: absolute;
    right: -70px;
    top: calc(50% - 40px);
    width: 50px;
    height: 81px;
    background: url(/typo3conf/ext/cn_kunde_layout/Resources/Public/Images/Sites/hausdesgutenhirten/next.svg) center center no-repeat !important;
    background-size: contain !important;
    transform: rotate(0deg);
    color: var(--akzent2);
}

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

.news.news-single .article .news-img-wrap{
    float: right;
    width: calc(100% - 820px);
}

.news.news-single .article .news-img-wrap .outer{
    width: 100%;
    margin-right: 0;
}

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

.news.news-single .header h1{
    margin-bottom: 20px;
}

.news.news-single .news-list-date{
    text-align: left;
}

.news .row .col-md-3{
    width: 380px;
    float: left;
}
.news .row .col-md-7{
    width: calc(100% - 400px);
    float: right;
}

.news .row .col-md-7 .col-md-12 {
    float: left;
    clear: both;
    width: 100%;
}

.news .row .col-md-7 .col-md-12 + .col-md-12 {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 2px solid var(--akzent2);
}

.news .row .col-md-7 .col-md-12 > span{
    float: left;
    clear: both;
    width: 100%;
    /* margin-bottom: 20px; */
}

.frame-layout-2 .owl-nav button.owl-next,
.frame-layout-2 .owl-nav button.owl-prev{
    filter: brightness(0) invert(1);
}

.frame-bildslider .ce-row,
.frame-bildslider .ce-row .video{
    border-radius: var(--radius);
}

.news .news-listslider-view .owl-nav button.owl-prev,
.owl-nav button.owl-prev {
    right: auto;
    left: -70px;
    transform: rotate(180deg);
}

.to-top{
    background-image: url(/typo3conf/ext/cn_kunde_layout/Resources/Public/Images/Sites/hausdesgutenhirten/next.svg) !important;
    border-color: var(--akzent1);
}

#inhaltsbereich .frame-schmaler > .rahmen{
    width: 85%;
    padding: 0 7.5%;
    max-width: 1250px;
    margin: 0 auto;
}

.ytp-pause-overlay{
    opacity: 0 !important;
}

.videoiframelink::after{
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/typo3conf/ext/cn_kunde_layout/Resources/Public/Images/Sites/hausdesgutenhirten/overlay-video.png) center center no-repeat;
    background-size: contain;
    cursor: pointer;
}

.ui-accordion-header{
    background: var(--weiss);
    border-top: 1px solid var(--grau);
    /* border-bottom: 1px solid var(--grau); */
}

.ui-accordion-header::after{
    content: '';
    background: url(/typo3conf/ext/cn_kunde_layout/Resources/Public/Images/Sites/hausdesgutenhirten/next.svg) center center/contain no-repeat;
    width: 30px;
    height: 30px;
    transform: rotate(90deg);
}

.ui-accordion-header.ui-state-active::after {
    transform: rotate(-90deg);
}

.frame-kachel .row > div{
    /* width: calc(100% - 2px);
    float: left;
    clear: both; */
    /* border: 1px solid var(--akzent1); */
    border-radius: var(--radius);
    overflow: hidden;
    box-shadow: 0 0 0 1px var(--akzent1);
}

.frame-kachel header .zweizeilig,
.frame-kachel header .folgt{
    float: left;
    clear: both;
}

/* .frame-kachel .row > div + div{
    margin-top: 20px;
} */

.frame-kachel .row > div .ce-gallery{
    width: 50%;
    margin: 0;
    height: 100%;
}

.frame-kachel .row > div .ce-gallery .ce-row,
.frame-kachel .row > div .ce-gallery .ce-column,
.frame-kachel .row > div .ce-gallery .image,
.frame-kachel .row > div .ce-gallery img{
    height: 100%;
}

.frame-kachel .row > div .ce-gallery img{
    object-fit: cover;
    object-position: center;
}

.frame-kachel .row > div .ce-bodytext{
    padding: 20px;
}

.frame-kachel .row > div .ce-bodytext h2{
    font-size: 32px;
}

/* Event Kalender */
.news td{
    vertical-align: top;
}

.news .row .col-md-3{
    width: 380px;
    float: left;
    margin-bottom: 20px;
}

.hasevents{
    background: var(--akzent2);
    color: var(--weiss);
}

/* .event .eventdot{
    display: block;
    width: 20px;
    height: 20px;
    border-radius: var(--radius);
    background: var(--akzent2);
    margin: 0 auto;
    transition: none;
} */

.othermonth {
    opacity: 0;
    font-size: 0px;
}
/* Event Kalender */

/* -- Formular -- */
.powermail_form{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.powermail_form > div:first-child{
    position: absolute;
}

.tx-powermail .powermail_fieldset{
    background: var(--weiss);
    padding: 20px;
}

.powermail_legend{
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px;
    float: left;
    clear: both;
    width: 100%;
}

.tx-powermail input:not(.powermail_submit):not(.powermail_checkbox):not(.powermail_radio),
.tx-powermail textarea{
    border-color: var(--akzent1);
}

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

.tx-powermail .powermail_fieldwrap.layout1{
    width: 49%;
    clear: none;
}

.tx-powermail .powermail_fieldwrap > label{
    font-weight: 700;
}

.tx-powermail .powermail_fieldwrap.layout1 + .powermail_fieldwrap.layout1{
    margin-left: 2%;
}

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

.powermail_submit:hover{
    background-color: var(--akzent3);
    color: var(--weiss);
    border-color: var(--akzent3);
}

.powermail_fieldset.powermail_fieldset_5 .powermail_fieldwrap_type_check{
    width: calc(100% - 200px);
    clear: none;
}

.tx-powermail .powermail_fieldwrap[class*='powermail_fieldwrap_anzahl']{
    width: 180px;
    clear: none;
    margin-bottom: 0;
}
/* -- Formular -- */
.frame-team > .rahmen{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    grid-auto-columns: auto;
}

.frame-type-shortcut.frame-default > div > .frame-default{
    float: left;
    clear: both;
    width: 100%;
}

.frame-videoslider{
    opacity: 0;
}

.frame-videoslider .ce-gallery.videocontainer .video-column {
    max-width: 100% !important;
    float: left;
}
.frame-bild50 .ce-gallery .ce-row::after{
    display: none !important;
}
/* -- Footer -- */
#footer{
    margin-top: 0;
}

#footer .tx_cn-multicontent:first-child{
    border-top: 25px solid var(--akzent3);
    padding: 100px 0;
}

#footer .tx_cn-multicontent:first-child .col-33:last-child ul{
    float: right;
}

#footer .tx_cn-multicontent:last-child{
    background: var(--akzent3);
    margin-top: 0;
}

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

#footer .tx_cn-multicontent:last-child .row > div > div{
    margin: 0 !important;
    width: 100% !important;
}

#footer .tx_cn-multicontent:last-child .frame-type-textmedia:last-child .ce-gallery a{
    display: flex;
    align-items: center;    
}