html{
    max-width:100vw;
    overflow-x:hidden;
    font-size:15px;
    /* scroll-behavior: smooth; */
}
html.menu-open{
    overflow:hidden;
}
body {
    overflow:hidden;
    font-family:var(--sans)!important;
}
body .wp-bs-4-jumbotron .container,
body .container {max-width: 96%;}
@media (min-width: 576px) {body .container, body .wp-bs-4-jumbotron .container {max-width: 520px; max-width:96%;}}
@media (min-width: 768px) {body .container, body .wp-bs-4-jumbotron .container {max-width: 680px;}}
@media (min-width: 992px) {body .container, body .wp-bs-4-jumbotron .container {max-width: 900px;}}
@media (min-width: 1200px) {body .container, body .wp-bs-4-jumbotron .container {max-width: 1100px;}}

*:focus{outline:none!important;}

*{
    -webkit-transition:background-color 0.5s ease, opacity 0.5s ease, background-position 0.5s ease;
    -o-transition:background-color 0.5s ease, opacity 0.5s ease,
    background-position 0.5s ease;
    transition:background-color 0.5s ease, opacity 0.5s ease,
    background-position 0.5s ease;
}
body .bg-primary{
    background-color:var(--primary)!important;
}
body .bg-warmwhite{
    background-color:var(--warmwhite)!important;
}
body .bg-damndark{
    background-color:var(--damndark)!important;
}
body .bg-secondary{
    background-color:var(--secondary)!important;
}

#content.site-content{
    position:relative;
    background:var(--secondary);
    /* background:#323232; */
    /* background-color:#9b9b9b; */

    padding-bottom:2rem;
}
.rot-content-background{
    position: absolute;
    top: 0;
    left:0;
    width:100%;
    height:100%;
    background-image: url('./fa-icons-svg/hgpia1200-min.png');
    background-attachment:fixed;
    background-repeat:no-repeat;
    background-size: cover;
    background-position: center;
}
.home #content.site-content{
    padding-bottom:0;
}
footer#colophon{
    margin-top:0!important;
}
.mt-logoh-half{
    margin-top:0px;
}
body .dropdown-menu{
    right: 0;
    left: auto;
}
body a{color:var(--primary); font-weight:500;}
/* #content{background-image: url(/wp-content/uploads/2021/02/dotpattern.png);} */
body a:hover, body a:active, body a:focus, body .btn-link:hover, body .entry-meta a:hover, body .comments-link a:hover, body .edit-link a:hover {
    color: var(--primary-hover);
    text-decoration:none;
}
body a.mitwirkende-link{display:inline-block;transition:all 0.2s;}
body a.mitwirkende-link:hover{
    margin-left:0.1rem;
}
.min-h-15{min-height:15rem;}

@media(min-width:576px){body .h-sm-50{height:50%!important;}}
@media(min-width:768px){
    body .h-md-50{height:50%!important;}
    .mt-logoh-half{
        margin-top:84px;
    }
}
@media(min-width:992px){body .h-lg-50{height:50%!important;}}
@media(min-width:1200px){body .h-xl-50{height:50%!important;}}

@media(min-width:576px){body .h-sm-100{height:100%!important;}}
@media(min-width:768px){body .h-md-100{height:100%!important;}}
@media(min-width:992px){body .h-lg-100{height:100%!important;}}
@media(min-width:1200px){body .h-xl-100{height:100%!important;}}

h1, h2, .h1, .h2 {
    font-family:var(--sans);
    padding-bottom:0.1em;
    font-weight:800!important;
    text-transform:uppercase;
    line-height:1.125;
    hyphens:auto;
    -webkit-hyphenate-character: auto;
}
h3, h4, h5, h6, .h3, .h4, .h5, .h6 {
    font-family:var(--sans);
    padding-bottom:0.1em;
}
p.serif,
h1.serif, h2.serif, .h1.serif, .h2.serif,
h3.serif, h4.serif, h5.serif, h6.serif,
.h3.serif, .h4.serif, .h5.serif, .h6.serif {
    font-family:var(--serif);
    padding-bottom:0.1em;
    font-weight:normal!important;
    text-transform:none;
    letter-spacing:-0.03em;
}
h3.serif.work-title{
    padding-bottom:0;
    padding-top:0.2em;
    display:inline-block;
}
h3.serif.work-title a{
    color: var(--warmwhite);
}
.serif{
    font-family:var(--serif);
}
.serif-bold{
    font-family:var(--serif-bold)!important;
}
.separator-short{
    display: block;
    margin-top: 1.2rem;
    border-top: 2px solid var(--text);
    width: 7rem;
    margin-bottom: 1.2rem;
}
.separator-full{
    display: block;
    margin-top: 1.2rem;
    border-top: 2px solid var(--text);
    width: 100%;
    padding-bottom: 1.2rem;
}
.separator-full p {
    display: inline-block;
    background: var(--warmwhite);
    text-transform: uppercase;
    margin-left: 4rem;
    margin-top: -1.2rem;
    position: absolute;
    margin-top: -1.25rem;
    font-size:1.45rem;
    font-family: var(--serif);
    padding: 0.2rem 0.5rem 0;
    color:var(--text);
}
.rcp-sidebar .separator-full p {

    margin-top: -0.95rem;
    font-size:1.15rem;
    font-family: var(--serif);
    padding: 0.1rem 0.4rem 0;
    color:var(--text);
}

.smaller{font-size:0.9rem; font-weight:500;}
.gold{color:var(--primary);}
.border-right{
    border-right: 2px solid var(--text)!important;
    border-left: 2px solid var(--text)!important;
}
p{
    font-size: 1.15rem;
    letter-spacing: 0px;
    line-height: 1.45;
}
p.display,
p.ubertitel{
    font-size: 1.35rem;
}
p.display,
p.ubertitel{
    font-size: 1.35rem;
}
.rcp-sidebar p.display,
.rcp-sidebar p.ubertitel{
    font-size: 1.15rem;
}
.entry-content ul{
    font-size:1.15rem;
    line-height: 2;
}
.rot-article-single ul{
    font-size:1rem;
    line-height: 1.5;
    list-style-type:none;
    padding-inline-start:0;
}
body h1, body .h1{font-size:2rem}
.lead{font-size:1.6rem;}
.mt-2r{margin-top:2rem!important;}
@media(min-width:576px){
    .mt-sm-2r{margin-top:2rem!important;}

}
@media(min-width:768px){
    body h1, body .h1{font-size:2.25rem;}
    .lead{font-size:1.8rem;}

}
@media(min-width:992px){
    .rcp-sidebar .zitat.border-right{border-left:2px solid var(--text)!important;}
    body h1, body .h1{font-size:2.5rem}
    .lead{font-size:2rem;}
    .mt-lg-2r{margin-top:2rem!important;}
    .separator-full p {
        padding:0.6rem 1rem 0.41rem;
        margin-top: -1.25rem;
        font-size:1.45rem;
    }
    .hentry.offset-lg-2 {
        margin-left: 16.666667%;
    }
}
@media(min-width:1200px){
    body.home .border-right{border-left:none!important;}
    .rot-content-background{
        background-size: contain;
        background-position: left center;
    }
    .hentry.offset-xl-0 {
        margin-left: 0%;
    }
    [class*=col].xl-container-width{
        flex: 0 0 100%;
        max-width: 1100px!important;
        margin-left: auto!important;
        margin-right: auto!important;
    }
    .separator-full p {
        padding: 0.2rem 1rem 0;
        margin-top: -1.2rem;
        font-size: 1.55rem;
        letter-spacing: 1px;
        font-family: var(--serif);
        line-height: 1.3;
        /* background: var(--text); */
        /* color: white; */
        font-weight: 100;
    }

}




.page-content, .entry-content, .entry-summary {
    margin: 0 0 0;
}
.gliederung{
    text-transform: uppercase;
    margin-bottom: 1.15rem;
}

body.page:not(.home) .rot-article-page .subtitle{
    font-size:1.35rem;
    border:none!important;
    padding-bottom:0;
    margin-bottom:0;
}
.subtitle[class*="col-"]{
    border-bottom: none!important;
    padding-bottom: 0em;
    margin-bottom: 0.4em;
}
.subtitle[class*="col-"] p{
    border-bottom: 2px solid var(--text-medium)!important;
    padding-bottom: 0.8em;
    margin-bottom: 0.4em;
}
.boxed{
    padding: 0.8rem 0 0.3rem;
    margin-bottom: 2.1rem;
}
.boxed h3{
    padding-bottom:0!important;
}
.bg-grey{
    background:var(--text);
    color:white!important;
}
.bg-warmwhite{
    background:var(--warmwhite);
    color:var(--text);
}
body .border-bottom{
    border-bottom:2px solid var(--text-medium)!important;
    padding-bottom:0.4em;
    margin-bottom: 0.4em;
}
body .border-top{
    border-top:2px solid var(--text)!important;
    padding-top:0.4em;

}
.bg-meer{
    background-image:url('/wp-content/uploads/2021/06/Wasser_1.jpg');
    background-attachment: fixed;
    background-size: cover;
}
.aus-icon{
    max-width: none;
    margin-left: 11%;
    margin-right: 11%;
}
.iconh{
    font-family: var(--sans);
    padding-bottom: 0.1em;
    font-style: italic;
    text-align: center;
}
.iconp{
    margin-top: 0;
    text-align:center;
}

.home main>article{margin-bottom:0;}
.color-primary{
    color:var(--primary);
}

.lightweight{
    font-weight:200!important;
}



body .btn-primary:focus, body .btn-outline-primary:focus {
    box-shadow: none!important;
}
.btn-textcolor{
    color: #fff;
    background-color: var(--text);
    border-color: var(--text);
    display: inline-block;
    width: auto;
}
.btn-textcolor:focus,
.btn-textcolor:active,
.btn-textcolor:hover{
    color: #fff;
    background-color: var(--text-light);
    border-color: var(--text-light);
}

.mail-btn{
    width:auto;
    transition: all 0.3s;
}

.mail-btn:after{
    content: "\f003";
    font-family: FontAwesome;
    color: white;
    display: inline-block;
    width: 0;
    overflow: hidden;
    font-size: 1.2rem;
    transition: all 0.3s;
    line-height: 1;
    top: 3px;
    position: relative;
    padding-left: 0.5rem;
}

.mail-btn:hover:after{
    width:auto;
}

body .btn {
    border-radius:0;
}
.btn:focus, .btn.focus {
    outline: 0;
    box-shadow: none;
}
.btn.rot-btn{
    background-color: var(--secondary);
    padding: 0.25em 0.8em 0.5em;
    line-height: 1;
    bottom: 0.2em;
    position: relative;
    font-weight: 500;
}
.btn-primary{
    background-color:var(--primary)!important;
    border-color:var(--primary)!important;
    color:white!important;
}
.btn-primary:hover,
.btn-primary:focus{
    background-color:var(--primary-dark)!important;
    border-color:var(--primary-dark)!important;
    color:white!important;
}
.btn-primary:visited{
    background-color:var(--primary)!important;
    border-color:var(--primary)!important;
    color:white!important;
}

.btn-primary.btn.btn-white,
.btn.btn-white{
    color:var(--text)!important;
    background-color: white!important;
    border-color: var(--text)!important;
}
.btn-primary.btn.btn-white:after,
.btn.btn-white:after{
    color:var(--text)!important;
}
.btn-primary.btn.btn-white:visited,
.btn-primary.btn.btn-white:focus,
.btn-primary.btn.btn-white:active,
.btn-primary.btn.btn-white:hover,
.btn.btn-white:visited,
.btn.btn-white:focus,
.btn.btn-white:active,
.btn.btn-white:hover{
    color:var(--text)!important;
    background-color: rgb(221, 221, 221)!important;
    border-color: var(--text)!important;
}
.btn.rot-btn-transparent75:visited,
.btn.rot-btn-transparent75:active,
.btn.rot-btn-transparent75{
    color:var(--text);
    background-color: var(--white75);
    border-color: var(--white75);
}
.btn.rot-btn-transparent75:focus,
.btn.rot-btn-transparent75:hover{
    color:var(--text);
    background-color: white;
    border-color: white;
}
p.jumbo-p, p .jumbo-p, .jumbo-p p{
    font-size: 115%;
    margin-bottom: 0;
}
.rot-article-single p.jumbo-p{
    min-height:3rem;
}
.rot-article-single p.jumbo-p:nth-last-of-type(3),
.rot-article-single p.jumbo-p:nth-last-of-type(2){
    min-height:auto;
}
@media(min-width:992px){
    .rot-article-single p.jumbo-p{
        min-height:4rem;
    }
}
p.tiny-p, p .tiny-p, .tiny-p p{
    font-size: 80%;
}
p.jumbo-p,
p.h4{
    color:var(--text);
    margin-bottom:0.8rem;
}
p.jumbo-p strong{
    font-weight: 300;
    font-size: 1.25rem;
    max-width: 26em;
    line-height: 1.65rem;
    display: inline-block;
    letter-spacing: 0.03em;
}

.rot-card{
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.wp-block-image{overflow:hidden; border-radius:4px;}

.rot-nosb .rot-heading{font-size:2.2rem;}
p.rot-subtitle{font-size:1.4em;color:var(--primary-superdark);}
.home .rot-article{margin-top:0rem!important;}
.rot-article .rot-article{margin-top:0!important;}

@media(min-width:768px){
    .rot-heading{font-size:2.6rem;}
    p.rot-subtitle{font-size:1.65em;}
    .rot-article .rot-article{margin-top:0rem!important;}
    .rot-nosb .rot-heading{font-size:2.4rem;}
    .aus-icon {
        margin-left: 15%;
        margin-right: 15%;
    }
}
@media(min-width:992px){
    .subtitle{
        border-bottom: none!important;
        margin-bottom: 0em;
    }
}

.rot-body .post-thumbnail{display:none;}
body.page:not(.home) .post-thumbnail,
body.page:not(.home) .entry-title{display:block;}

body.page:not(.home) .entry-title:not(.rcp-title){
    display: inline-block;
    /* max-width: 24.1rem; */
}


/* single-bottom post nav*/
.single .rot-postnav .post-navigation .nav-links {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: start;
    -ms-flex-line-pack: start;
        align-content: start;


}
.single .rot-postnav.verein .post-navigation .nav-links {
    -webkit-box-orient: horizontal;    -webkit-box-direction: reverse;    -ms-flex-direction: row-reverse;    flex-direction: row-reverse;

}
.single .rot-postnav .post-navigation .nav-links a {
    color: inherit;
    margin-bottom: 0;
    display: inline-block;
    padding: 0.5rem 1.2rem;
    width: 100%;
}
.nav-links span{
    letter-spacing: -0.4px;
    font-size: 1.5rem;
    font-family:var(--serif);
    color:var(--text);
}
.nav-links .lh-07 span{

    font-size: 2rem;
}
/* .rot-postnav .nav-links:after {
    display: block;
    clear: both;
    content: "";
} */
.rot-postnav .post-navigation .nav-next,
.rot-postnav .post-navigation .nav-previous {
    float: left;
    text-align: center;
    width: auto;
    /* background-color: var(--primary); */
    /* color: white; */
    border: none;
    border-radius: 0;
    max-width:49%;
    width:49%;
}
.lh-07{
    line-height:0.7;
}
.rot-postnav .post-navigation .nav-next{float:right; text-align:left;}
.rot-postnav .post-navigation .nav-previous{
    /* border-right: 3px solid white;  */
    text-align:right;
}
.rot-postnav .post-navigation .nav-next{
    /* border-left: 3px solid white;  */
    text-align:left;
}

.rot-postnav .post-navigation .nav-next:hover,
.rot-postnav .post-navigation .nav-previous:hover {
    /* background-color: var(--primary-dark); */
    color:var(--text-medium);
}

.wpcf7 form .wpcf7-response-output:after{
    content: "\f00d";
    font-family: fontAwesome;
    font-size: 1.7rem;
    color: white;
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 0.5rem;
    margin-right: 1rem;
    display: block;
    cursor:pointer
}
.wpcf7 form .wpcf7-response-output:hover:after{
    color: var(--text-light);
}
.wpcf7 form .wpcf7-response-output,
.wpcf7 form.sent .wpcf7-response-output {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translateY(-50%);
    transform: translate(-50%,-50%);
    background: var(--primary);
    border: none;
    padding: 5%;
    border-radius: 0px;
    font-family: inherit;
    color: var(--text);
    font-weight: 500;
    text-align: center;
    font-size: 1.3rem;
    box-shadow: 4px 5px var(--text);
    cursor: inherit;
}
.wpcf7-not-valid-tip {
    color: var(--secondary);
    font-size: 1em;
    font-weight: normal;
    display: block;
}
.wpcf7-not-valid-tip~input {
    background:var(--secondary);
}

.da_popup{
    z-index: 1000;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: fixed;
    display: none;
    background-color: rgba(0, 0, 0, 0.8);
    overflow-y:auto;
}
.popup-inner,
.popup-inner-editing{
    position: fixed!important;
    top: 50%;
    left: 50%;
    transform: translate(-50% , -50%);
    max-height: 94vh;
    overflow-y: auto;
    overflow-x: hidden;
    max-width: 40rem;
    width: 90%;
    margin-top: 2vh;
}

.da_popup .close-it{
    top: 0;
    right: 0.4rem;
    width: 2.4rem;
    height: 2.4rem;
    font-size: 2rem;
    border-radius: 0;
    text-align: center;
    background: white;
    position: absolute;
    cursor: pointer;
    line-height: 1.25;

}
.da_popup .close-it:hover{background-color:var(--primary);}
.da_popup form{
    max-height: 96vh;
    max-width: 100%;
    overflow: auto;

}

.site-footer {
    padding-top: 1rem;
    padding-bottom: 4rem;
}


footer#colophon{
    position: relative;
    background: var(--grey-hover);
    border-top: 2px solid var(--text);
}



footer#colophon:before{
    z-index: 10;
    height: auto;

    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: auto;
    left: 0;
    right: 0;
    width: 100%;
    background-repeat: repeat-x;
    padding-bottom: 0;
    transform:rotate(180deg);
    pointer-events:none;
}
@media(min-width:576px){
    .rot-postnav .post-navigation .nav-next, .rot-postnav .post-navigation .nav-previous {
        width:auto;
    }
}
@media(min-width:768px){
    footer#colophon:before{
        background-size:150vw;
    }
    .nav-links span{
        font-size:2rem;
    }
}
body .site-footer.text-muted{
    color:white!important;
}
.menu-footer-menu-container{
    display:flex;
    display:-ms-flexbox;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}
.footer-widgets{
    padding-top:4rem;
}
body .site-footer a{
    color: var(--text)!important;
}
.footer-widgets .widget{text-align:center;}
.footer-widgets .widget ul{
    display:flex;
    list-style:none;
    font-size: 1rem;
    font-weight: 600;
    padding-left:0;
}
.footer-widgets .widget ul li{
    display:block;
    margin:0 1rem;
}

/*---- wildoner ---*/
body .category-heading{
    display: inline-block;
    padding-bottom: 0.2rem;
    /* border-bottom: 3px solid var(--primary); */
    font-weight: 400!important;
    text-transform: inherit;
    margin-top: 1rem;
    margin-bottom: 1.6em!important;
    background-color: var(--grey);
    padding: 4px 16px;
    color: white;
    font-size:1.35rem;
}
@media(min-width:576px){
    body .category-heading{
        display: inline-block;
    }

}
@media(min-width:768px){
    body .category-heading{
        font-size:1.35rem;
    }

}
@media(min-width:992px){
    body .category-heading{
        font-size:1.45rem;
    }

}

form{
    padding: 1rem;
    background: var(--primary);
    margin-top:1.5rem;
}
body form a{
    color:var(--text);
    font-weight:600;
}
@media(min-width:576px){
    form{
        margin-top: 2rem;
        padding: 1rem 2rem;
    }
}
/*PAGE*/

/* .rot-article-page .entry-content{margin-top:0;} */
.rot-article-page {
    position: relative;
    margin-left: -15px;
    margin-right: -15px;
}
.rot-article-page .entry-header {
    margin-top: 2rem;
    margin-bottom: 1rem;
}
.rot-article-page .entry-title {
    font-size: 1.95rem;
    max-width:90%;
}

.rot-article-page .post-thumbnail {
    max-width: 14rem;
    margin-top:0;
}
.rot-article-page .rot-post-thumb-link {
    padding-bottom: calc(145%);
    margin-top: 0rem;
}
footer#colophon p,
body.page:not(.home) p,
.rot-article-page p{
    font-size:1rem;
    margin-bottom:1.3em;
}
.rot-article-page h2{
    margin-top:1.2em;
}
.rot-article-page h2,
.rot-article-page h3,
.rot-article-page h4{
    margin-bottom:0.5em;
}
@media(min-width:576px){
    .rot-article-page .entry-title {
        font-size: 2.45rem;
        max-width:90%;
    }
}
@media(min-width:768px){
    .rot-cpt-poster,
    .rot-article-page .post-thumbnail {
        max-width: 100%;
        margin-left:0rem;
    }
}
@media(min-width:992px){
    .rot-cpt-poster,
    .rot-article-page .post-thumbnail {
        max-width: 100%;
        margin-left:3rem;
    }
    .rot-article-page .rot-cpt-item.col-sm-6 .rot-cpt-poster,
    .rot-article-page .rot-cpt-item.col-md-6 .rot-cpt-poster,
    .rot-article-page .rot-cpt-item.col-lg-6 .rot-cpt-poster {
        max-width: 100%;
        margin-left:0rem;
    }
    .rot-article-page .entry-title {
        font-size: 2.95rem;
    }
}
@media(min-width:1200px){

}

/* SINGLE ENTRY */

.rot-article-single {
    position: relative;
    margin-left:-15px;
    margin-right:-15px;
}

.entry-header .untertitel,
.rot-article-single .entry-header .untertitel{
    margin-bottom:0;
    font-family: var(--serif);
    font-size: 1.25rem;
}
.rot-article-single .entry-meta{
    padding-top:0.8rem;
    margin-bottom: 1rem;
}
.rot-article-page .entry-meta,
.rot-article-single.mitwirkende .entry-meta{
    padding-top:0.2rem;
    margin-bottom: 1rem;
}
.entry-meta.page-meta,
.entry-meta.mitwirkende-meta{
    font-size:1.1rem;
}
.rot-article-single .rot-meta-infos {
    margin-top: 1rem;
    /* margin-left: 15px; */
    text-align: left;
    padding-top: 0.3rem;
    padding-right: 0.7rem;
    border: none;
    position:static;
}
.rot-article-single .rot-meta-info {
    padding-right: 1rem;
    padding-left: 0;
    display: inline-block;
    padding-bottom: 0.3em;
    border-bottom: 2px solid var(--primary);
    font-size:0.9em;
}
.rot-article-single .rot-meta-infos .rot-meta-info:last-child {
    padding-right: 0rem;
}


body.single header#masthead{
    position:relative;
}

.thumb-overlay{
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
    background: rgba(255,255,255,0.1);
    color: var(--text);
    opacity:0;
    transition:opacity 0.5s;
    pointer-events:none;

}
.rot-page-thumbnail:hover .thumb-overlay{opacity:1;}
.thumb-overlay span{
    max-width: 80%;
    text-align: center;
    font-size: 1.15rem;
    font-style: italic;
    margin-bottom:2rem;
    padding:0.1rem 0.7rem;
    opacity:0;
    transition: opacity 1s;
}

.rot-article-single h4.rot-role {
    margin-top: 0.1em;
}
body:not(.home) .entry-content h3,
body:not(.home) .entry-content h4,
body:not(.home) .entry-content h5,
body:not(.home) .entry-content h6,
.rot-article-single .entry-content h3,
.rot-article-single .entry-content h4,
.rot-article-single .entry-content h5,
.rot-article-single .entry-content h6{
    font-family: var(--sans);
    padding-bottom: 0.8rem;
}
.rcp-body.category-team .entry-header .entry-title,
.rcp-body.category-team>div>.entry-header{
    border:none;
}
.rot-article-single .rot-single-thumb{
    margin-bottom:1rem;
}
.overlay-clickme{
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    color: var(--text);
}

.rot-article-single .rot-post-thumb-link.square{
    max-width: none;
    padding-bottom:100%;
}
.rot-article-single .rot-post-thumb-link.landscape{
    max-width: none;
    padding-bottom:75%;
    margin-bottom:2rem;
}
.rot-article-single .rot-post-thumb-link.portrait{
    max-width: 27rem;
}

@media(min-width:576px){
    .rot-article-single .rot-post-thumb-link.square{
    max-width: none;
    padding-bottom:100%;
    }
    .rot-article-single .rot-post-thumb-link.landscape{
    max-width: none;
    padding-bottom:75%;
    margin-top:3rem;
    margin-bottom:4rem;
    }
    .rot-article-single .rot-post-thumb-link.portrait{
    max-width: 27rem;
    }

    :not(h1):not(.h1).entry-title,
    .rot-article-single .entry-title{
        font-size:2.15rem;
    }
    .entry-header .subtitle{
        font-size: 1.35rem!important;
    }
    .rot-article-single .entry-header .untertitel{
        font-size: 1.35rem;
    }
    .rot-article-single .rot-meta-infos {
        margin-top: 0;
    }
    .rot-article-single .rot-meta-info {
        padding-left:0;
        padding-right: 0;
        display: inline-block;
        border:0;
        padding-bottom:0;
    }
    .rot-article-single .rot-meta-infos .rot-meta-info:last-child {
        padding-left: 1rem;
    }
    .rot-article-single:not(.category-produktionen) .rot-meta-infos .rot-meta-info:last-child {
        padding-left: 0rem;
    }

    .rot-article-single .entry-meta{
        padding-top:1rem;
    }
    .rot-article-single .entry-summary{
        margin-left: 0rem;
        margin-right:0rem;
    }
    .rot-article-single .rot-post-thumb-link{
        padding-bottom:calc(90%);
    }
}
@media(min-width:768px){
    .border-md-right{border-right:2px solid var(--text);}
    .rot-article-single .rot-post-thumb-link{
        padding-bottom:125%;
    }
    .rot-article-single .rcp-sidebar .rot-post-thumb-link{
        padding-bottom:100%;
    }
    .rcp-sidebar .separator-full{
        position:relative;
    }
    .rcp-sidebar .separator-full p {
        font-size: 1.05rem;
        margin-left:1rem;
    }
}
@media(min-width:992px){
    .rcp-body.category-team>div>.entry-header{
        border:none;
        margin-left:0;
    }

    .h1.entry-title,
    h1.entry-title{
        font-size:2.65rem;
    }
    .rot-article-single .entry-title{
        font-size:2.65rem;
    }
    .rot-article-single .entry-header .untertitel{
        font-size: 1.65rem;
    }
    .rot-article-single .rot-meta-infos {
        margin-top: 8.5rem;
        text-align: left;
        padding-top: 0.3rem;
        padding-right: 0;
        /* border-top: 2px solid var(--primary); */
        /* border-right: 2px solid var(--primary); */
    }
    .rot-article-single:not(.category-produktionen) .rot-meta-infos {
        margin-top: 0;
        text-align: left;
        padding-top: 0.3rem;
        padding-right: 0;
        /* border-top: 2px solid var(--primary); */
        /* border-right: 2px solid var(--primary); */
    }
    .rot-article-single .rot-meta-info {
        padding-left: 0;
        padding-right: 1rem;
        display: inline-block;
        border: 0;
        padding-bottom: 0;
    }
    .rot-article-single .premiere-date {
        top:-6.5rem;
        right:15px;
    }

    .premiere-date p {
        font-size: 1.2em;
        letter-spacing: 4px;
    }
    .premiere-date span:nth-child(2) {
        font-size: 2.4em;
        font-weight: 200;
    }
    .premiere-date span:nth-child(3) {
        top: 0px;
        letter-spacing: 3px;
        font-size: 1.2em;
    }

    .rot-article-single .entry-meta{
        padding-top:1em;
        margin-bottom:1.5rem
    }
    .premiere-date span:nth-child(4) {
        display: block;
        position: absolute;
        bottom: -2em;
        width: 100%;
        left: 0;
        font-size: 1.65rem;
    }

    .rot-article-single .rot-post-thumb-link {
        padding-bottom: calc(125%);
    }
    .rot-article-single .rot-post-thumb-link.portrait {
        padding-bottom: calc(100%);
        max-width: 25rem;
    }
}

@media(min-width:1200px){
    .rot-article-single .post-thumbnail{
        max-width:93%;
    }
    .rot-article-single .rot-post-thumb-link {
        padding-bottom: calc(115%);
    }
    .rot-article-single .rot-post-thumb-link.portrait {
        padding-bottom: calc(100%);
        max-width: 31rem;
    }
}
@media(min-width:1200px) and (max-height:920px){
    .rot-article-single .rot-post-thumb-link {
        padding-bottom: calc(105%);
    }
}
#fancybox-content{border:none!important;}
#fancybox-right-ico,
#fancybox-left-ico,
#fancybox-close{
    background-image:none!important;
    background-color:white!important;
    border-radius:100px;
}
#fancybox-left-ico:after,
#fancybox-right-ico:after,
#fancybox-close:after{
    content: "\f00d";
    font-family: FontAwesome;
    position: relative;
    width: 100%;
    height: 100%;
    top: -28%;
    font-size: 2rem;
    left: 10.4%;
    position: absolute;
}
#fancybox-left-ico:after{
    content:"\f053";
    top:-15%;
    left:10%;
}
#fancybox-right-ico:after{
    content:"\f054";
    top:-15%;
    left:26.4%;
}
#fancybox-left-ico:hover,
#fancybox-right-ico:hover,
#fancybox-close:hover{
    background-image:none;
    background-color:var(--primary)!important;
}
.da_popup .close-it{
    position: absolute;
    top: -10px;
    right: -10px;
    width: 50px;
    height: 50px;
    background: var(--warmwhite);
    cursor: pointer;
    z-index: 111103;
    /* outline: 2px solid var(--text); */
    /* border-radius:100%; */

}
#fancybox-outer #fancybox-close{
    position: absolute;
    top: -10px;
    right: -10px;
    width: 50px;
    height: 50px;
    background: var(--warmwhite);
    cursor: pointer;
    z-index: 111103;
    border-radius:0;
    /* outline: 2px solid var(--text); */
}
#fancybox-outer #fancybox-close{
    display: none;
}
.da_popup .close-it i{
    display:none;
}
.da_popup .close-it:after{
    content: 'x';
    font-family: var(--serif);
    font-size: 4rem;
    position:absolute;
    top: -0.275em;
    left: 0.14em;
}
#fancybox-outer #fancybox-close:after{
    content: 'x';
    font-family: var(--serif);
    font-size: 4rem;
    top: -0.35em;
    left: 0.14em;
}


.wpcf7 form.init .wpcf7-response-output, .wpcf7 form.resetting .wpcf7-response-output, .wpcf7 form.submitting .wpcf7-response-output {
    display: none;
}

.has-bg-featuredpic{
    background-position: 86% 0rem;
    background-repeat: no-repeat;
    background-size: 6.3rem;
}
.h-15rem{
    height:15rem;
}
.h-24rem{
    height:24rem;
}
.h1.konzertreihe{
    font-size:2.6rem;
    min-height:10rem;
}
.rot-article-single .h1.konzertreihe{
    font-size:2.3rem;
    min-height:14rem;
}
.rot-side .label-sujet{
    max-width: 9rem;
    margin-bottom: 3rem;
    position: absolute;
    top: 0;
    right: 15px;
}
.ticket-infos h5{
    letter-spacing: 0.03em;
    font-weight: 700;
    padding-bottom: 0.2em;
    line-height: 1.15;
    font-size: 1.15rem;
}

.zitat{
    padding:1rem 1.65rem;
    /* border: 2px dashed var(--grey-hover); */
    position:relative;
}
.rcp-sidebar .zitat{
    padding:0.4rem 1.35rem;
}
.zitat p{
    font-weight: 400;
    margin-bottom:0.55em;
    line-height:1.05;
}
.bildende-linie-overlay{
    font-size:1.05rem;
    font-family:var(--serif);
}
.zitat h3 {
    font-size: 2.05rem;
    max-width: 13em;
    line-height: 1;
    margin-bottom: 0;
    padding-bottom: 0!important;
}
.rcp-sidebar .zitat h3 {
    font-size: 1.65rem;
    max-width: 13em;
    line-height: 1;
    margin-bottom: 0;
    padding-bottom: 0!important;
}
.mh-30r{
    min-height:30rem;
}
[class*=eck]{
    position: absolute;
    width: 25px;
    height: 25px;
    z-index: 0;
}
.eck1{
    border-radius: 13px 0 0 0;
    top: 0;
    left: 0;
    border-top: 2px solid var(--text);
    border-left: 2px solid var(--text);
}
.eck2{
    border-radius: 0 13px 0 0;
    top: 0;
    right: 0;
    border-top: 2px solid var(--text);
    border-right: 2px solid var(--text);
}
.eck3{
    border-radius: 0 0 13px 0;
    bottom: 0;
    right: 0;
    border-bottom: 2px solid var(--text);
    border-right: 2px solid var(--text);
}
.eck4{
    border-radius: 0 0 0 13px;
    bottom: 0;
    left: 0;
    border-bottom: 2px solid var(--text);
    border-left: 2px solid var(--text);
}
.rcp-sidebar .zitat-col-posts{
    min-height: 3rem;
    margin-top:0rem;
    margin-bottom:3rem;
}
@media(min-width:576px){
    .has-bg-featuredpic{
        background-position: 95% -0.2rem;
        background-repeat: no-repeat;
        background-size: 7.6rem;
    }
    .zitat h3{
        font-size: 2.45rem;
    }

    .rot-side .label-sujet{
        max-width:11rem;
        margin-bottom:3rem;
        position: relative;
        padding-left:15px;
    }
    .zitat-col{
        min-height: 20rem;
    }
    .zitat-col-posts{
        min-height: 16rem;
    }
    .rcp-sidebar .zitat-col-posts{
        min-height: 3rem;
        margin-top:3rem;
        margin-bottom:3rem;
    }
}
@media(min-width:786px){
    .rcp-sidebar .zitat-col-posts{
        min-height: 3rem;
        margin-top:0rem;
        margin-bottom:1.75rem;
    }
    .zitat-col-posts {
        min-height: 12rem;
    }
    .rot-category-posts .zitat{
        padding: 1rem 1.6rem;
    }
    .zitat h3{
        font-size:2.45rem;
    }
    .bildende-linie-overlay{
        font-size:1.15rem;
    }

    .has-bg-featuredpic{
        background-position: 86% 0rem;
        background-repeat: no-repeat;
        background-size: 9.1rem;
    }

    .rot-side .label-sujet{
        max-width: 10rem;
        margin-bottom: 2.5rem;
        position: relative;
    }
    .has-bg-featuredpic {
        background-position: calc(50% + 255px) 0%;
    }
}
@media(min-width:992px){
    .rot-category-posts .zitat{
        max-width:36rem;
        padding: 1rem 1.4rem;
    }
    .rot-category-posts.rcp-sidebar .zitat{
        max-width:100%;
    }
    .zitat p{
        margin-bottom:0.65em;
    }
    .zitat h3{
        font-size:2.35rem;
    }
    .bildende-linie-overlay{
        font-size:1.25rem;
    }
    .has-bg-featuredpic{
        background-size: 9.1rem;
    }
    .has-bg-featuredpic {
        background-position: calc(50% + 215px) 0%;
        /* background-position: 100% top; */
    }

    .rot-side .label-sujet{
        max-width: 11.5rem;
        margin-bottom: 4.5rem;
    }
}
@media(min-width:1200px){
    .rot-category-posts .zitat{
        max-width:17.4rem;
    }
    [class*=eck]{
        position: absolute;
        width: 30px;
        height: 30px;
        z-index: 0;
    }
    .h-xl-auto{height:auto;}
    .zitat h3{
        font-size: 2.8rem;
    }
    .zitat p{
        /* font-size: 1.15rem; */
        max-width:24.5rem;
        line-height:1.25;
    }
    .bildende-linie-overlay{
        font-size:1.3rem;
    }
    .has-bg-featuredpic {
        background-position: 94% 88%;
        background-size: 28%;
        background-attachment: fixed;
    }
    .rot-side .label-sujet{
        max-width: 12rem;
        margin-bottom: 4.5rem;
    }
}
@media(min-width:1450px){
    .has-bg-featuredpic {
        background-position: 90% 88%;
        background-size: 22%;
        background-attachment: fixed;
    }
    /* .bildende-linie-overlay{
        font-size:1.55rem;
    } */
}

.ticket-infos{max-width:16rem;}


/* .rot-post-thumb-link img{
    clip-path: url('./fa-icons-svg/kollage.svg');

} */
.rot-post-thumb-link:after{
    position:absolute;
    content:'';
    top:0;
    left:0;
    width:100.5%;
    height:101%;
    /* background-image:url('./fa-icons-svg/Kollage01-min.png'); */
    background-image:url('./fa-icons-svg/Kollage02.png');
    /* background-image:url('./fa-icons-svg/kollage.svg'); */
    pointer-events:none;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

#content.bg-damndark .rot-post-thumb-link:after,
.rot-category-posts.bg-damndark .rot-post-thumb-link:after{
    background-image:url('./fa-icons-svg/Kollage02damndark.png');
}
#content.bg-warmwhite .rot-post-thumb-link:after,
.rot-category-posts.bg-warmwhite .rot-post-thumb-link:after{
    background-image:url('./fa-icons-svg/Kollage02light.png');
}
body.home .row.rot-category-posts{
    background-color:#6a79a4;
    padding:2rem;
}

.bg-damndark .spacer.separator-full{
    border-color: var(--warmwhite);
}
.bg-damndark .zitat{
    color: var(--warmwhite);
}
.bg-damndark .zitat .h2,
.bg-damndark .subtitle{
    color: var(--primary);
}
.bg-damndark .zitat .uebertitel{
    font-weight:300;
}
.bg-damndark .border-right{
    border-color: var(--warmwhite)!important;
}
.bg-warmwhite .spacer.separator-full p{
    color: var(--warmwhite);
    background: var(--damndark);
}
.bg-warmwhite .work-title a{
    color: var(--damndark)!important;
}
/* }
.bg-warmwhite .zitat .h2,
.bg-warmwhite .subtitle{
    color: var(--primary);
}
.bg-warmwhite .border-right{
    border-color: var(--warmwhite)!important;
} */