html{
    max-width:100vw;
    overflow-x:hidden;
    font-size:15px;

}

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: 840px;}}
@media (min-width: 1200px) {body .container, body .wp-bs-4-jumbotron .container {max-width: 1040px;}}

*: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.01s ease;
}
body {overflow:hidden; line-height:1.56;}
body .dropdown-menu{
    right: 0;
    left: auto;
}
a:visited,
body .rot-link a:visited,
body a,
body .rot-link a{color:var(--secondary-dark);}

body .rot-link a:focus,
body .rot-link a:hover,
body .rot-link a:active,
body a:focus{color:var(--primary-dark);}
body a:hover{color:var(--primary-dark);text-decoration:none;}


.rot-body-bg,
.rot-parallax-bg{
    position:fixed;
    -webkit-position:fixed;
    top:0;
    left:0;
    width:100%;
    height:150vh;
    /* background-image: url("./fa-icons-svg/dotpattern2.svg"); */
    background-size:620px;
    background-position: left top;
    pointer-events:none;
}


#content{
    background-image: none;
    /* background-image: url("./fa-icons-svg/dotpattern2.svg"); */
    background-size:620px;
    background-position: left -8%;
    padding-top: 0em;
    background-attachment:scroll;
}
@media(min-width:576px){
    .rot-parallax-bg{background-size:620px; background-position: left -1.7%;}
    #content{padding-top:0em;}
}
@media(min-width:768px){#content{background-size:720px; background-position: left -10%;}}
@media(min-width:992px){#content{background-size:760px; background-position: left -12%;}}
@media(min-width:1200px){
    .rot-parallax-bg{
        background-size:820px;
        background-position: left -12%;
    }
    #content{
        padding-top:0em;
    }
}
.min-h-15{min-height:15rem;}
@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, h3, .h1, .h2, .h3{
    padding-bottom:0.8rem;
    text-transform: uppercase;
    letter-spacing:0.14em;
}
h1, h2, .h1, .h2{
    padding-bottom: var(--margin-p);
}
h4, h5, h6, .h4, .h5, .h6 {
    padding-bottom:0.6rem;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    margin-bottom: 0.7rem;
}
h1, .h1{font-size:1.275rem;}
h2, .h2{font-size:1.275rem;}
h3, .h3{font-size:1.275rem;}

h4, .h4{
    font-size: 1.2rem;
    font-weight: 700!important;
    letter-spacing: 0.5px;
}
h5, .h5{
    font-size: 0.92rem;
    font-weight: 700!important;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    line-height: 1.7;
}

h6, .h6{font-size:1rem;}

@media(min-width:1200px){
    h1, .h1{font-size:1.375rem;}
    h2, .h2{font-size:1.375rem;}
    h3, .h3{font-size:1.375rem;}
}

body p{margin-bottom:1.6rem;}
body [class*="col-"]>p:last-child:not(.rot-description){margin-bottom:0;}
body [class*="col-"]>div:last-child{margin-bottom:0;}
body [class*="col-"]>div:last-child{margin-bottom:0;}


ul{padding-left: 1.5rem;}
.mt-p{margin-top: var(--margin-p);}
.mb-p{margin-bottom: var(--margin-p);}


.rot-sidebar .col-12{padding:0;}
@media(min-width:768px){.rot-sidebar .col-12{padding-left:15px; padding-right:15px;}}


.rot-btn-row a,
body .btn{
    border-radius:1px;
    padding: 0.45rem 0.8rem 0.3rem;
}

.rot-btn-row a:hover, body .btn:hover{text-decoration:none!important;}


.rot-btn-row {
    display:flex;
    margin-left:-0.4rem;
    margin-right:-0.4rem;
}
body .rot-btn-row>.wp-block-button{
    padding-left:0.4rem;
    padding-right:0.4rem;
    margin-right:0;
    margin-left:0;
    margin-bottom:0.8rem;

}
.rot-btn-row a:focus,
body .btn:focus, .btn.focus {
    outline: 0!important;
    box-shadow: none!important;
}
.btn.rot-btn{
    background-color: var(--secondary);
    padding:0.5rem 0.9rem;
    line-height: 1;
    bottom: 0.2em;
    position: relative;
    font-weight: 500;
}

.wp-block-button__link{
    font-size:0.95rem;
    text-transform:uppercase;
    font-weight:600;
}
.btn-row-primary a,
body .btn-primary{
    background-color:var(--primary);
    border-color:var(--primary);
    color:var(--text);
}
.btn-row-primary a:hover,
body .btn-primary:hover,
body .btn-primary:focus{
    background-color:var(--primary-hover);
    border-color:var(--primary-hover);
    color:var(--floral);
    text-decoration:none!important;
}
.btn-row-primary a:visited,
body .btn-primary:visited{
    background-color:var(--primary-hover);
    border-color:var(--primary-hover);
    color:var(--floral);
}
.btn-row-primary a:visited:hover,
.btn-row-primary a:focus:hover,
body .btn-primary:visited:hover,
body .btn-primary:focus:hover{
    background-color:var(--primary);
    border-color:var(--primary);
    color:var(--text);
}

.btn-row-secondary a,
body .btn-secondary{
    background-color:var(--secondary-dark);
    border-color:var(--secondary-dark);
    color:var(--white);
}
.btn-row-secondary a:hover,
.btn-row-secondary a:focus,
body .btn-secondary:hover,
body .btn-secondary:focus{
    background-color:var(--secondary-hover);
    border-color:var(--secondary-hover);
    color:var(--floral);
}
.btn-row-secondary a:visited,
body .btn-secondary:visited{
    background-color:var(--secondary-hover);
    border-color:var(--secondary-hover);
    color:var(--floral);
}
.btn-row-secondary a:visited:hover,
.btn-row-secondary a:focus:hover,
body .btn-secondary:visited:hover,
body .btn-secondary:focus:hover{
    background-color:var(--secondary);
    border-color:var(--secondary);
    color:var(--text);
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.02rem var(--grey-medium);
}



.rot-card :not(.hover-caption) .btn.rot-btn{margin-top:0.3rem;}
.light-purple .rot-btn.rot-btn-transparent75{
    color:var(--primary-hover);
}
.rot-btn.rot-btn-transparent75{
    background-color: rgba(255, 255, 255, 0.75);
}
.linking-bark:hover .rot-btn.rot-btn-transparent75,
.rot-btn.rot-btn-transparent75:hover{
    background-color: rgba(255, 255, 255, 0.5);
}
.btn.btn-white{
    color:var(--text);
    background-color: floralwhite;
    border-color: floralwhite;
}
.btn.btn-white:visited,
.btn.btn-white:focus,
.btn.btn-white:active,
.btn.btn-white:hover{
    color:var(--text);
    background-color: var(--floral-darker);
    border-color: floralwhite;
}


.rot-content-row{
    padding:25px 15px;
    background:white;
    /* outline:15px solid rgba(255,255,255,0.5); */
    position:relative;
    /* border: 1px solid rgba(0, 0, 0, 0.125); */
}
.rot-content-row.bg-transparent{
    padding:15px 0;
    background:transparent;
    outline:none;
    position:relative;
}
/* .rot-sidebar{
    padding-right:0;
    padding-left:0;
} */

.rot-card{
    padding: 1rem 2rem;
    font-size: 1em;
    background-color: #f1f1f1;
    border-radius: 2px;
    margin-bottom: 1rem;
    max-width: 100%;
    position: relative;
}
.rot-card-sm{
    padding:1rem 2rem;
}

.rot-card-lg{
    padding:2rem 3rem;
}
.rot-card h1,
.rot-card h2,
.rot-card h3,
.rot-card h4,
.rot-card h5,
.rot-card h6,
.rot-card .h1,
.rot-card .h2,
.rot-card .h3,
.rot-card .h4,
.rot-card .h5,
.rot-card .h6{
    margin-bottom:0;
}
.jumbotrom-heading{
    margin-bottom:0!important;
    padding-bottom:0!important;
}
.rot-card.grow{
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
}
.rot-card figure{margin-right:0; display:block!important;}
.rot-card figure img{width:100%;}

.color-white{color:var(--floral);}

.secondary-dark{
    background-color: var(--secondary-dark)!important;
    color: floralwhite;
}

.primary{
    background-color: var(--primary)!important;
    color: var(--text);
}
.secondary{
    background-color: var(--secondary)!important;
    color: var(--text);
}
.light-purple{
    background-color: var(--primary-hover)!important;
    color: floralwhite;
}
.dark-purple{
    background-color: var(--primary-superdark)!important;
    color: floralwhite;
}
.light-yellow{
 background-color:var(--secondary-light)!important;
}
.extremely-light-yellow{
    background-color: var(--secondary-lighter)!important;
    border: none;
}
.rot-card.white{
    background-color:white;
}
.rot-card.grey{
    background-color: var(--grey);
    color:white;
}
.rot-card.grey [class*="rot-btn-transparent"],
.rot-card.grey a{
    color: var(--text);
}
.white-bordered{
    background-color:white!important;
    border: 2px solid var(--primary-superdark);
    margin-left:2rem;
    margin-right:2rem;
}
p.jumbo-p, p .jumbo-p, .jumbo-p p{
    font-size: 115%;
    margin-bottom: 0;
}
p.tiny-p, p .tiny-p, .tiny-p p{
    font-size: 80%;
}
.h3-medium{font-weight:400!important;}

/* text-center */
 .img-circle figure{
    border-radius: 450px;
    overflow: hidden;
 }
.rot-card.text-center figure{text-align:center;}
 .img-w-70 figure{
     width:70%;
     margin-left:15%!important;
}
.h4-light{
 font-weight: 600;
 margin-bottom: 0;
}
h3 .light-h3{
    font-size: 2rem;
    display: inline-block;
    padding: 0.75rem 0 0 0;
    font-weight: 200;
}
.heading-light,
.heading-light h1,
.heading-light h2,
.heading-light h3,
.heading-light h4,
.heading-light h5,
.heading-light h6,
.heading-light [class*=h]{
    font-weight:300;
}
.heading-mb-3 [class^="h"]{
    margin-bottom:1rem;
}

p.jumbo-p,
p.h4{color:var(--text-light);}

.light-purple p.jumbo-p,
.light-purple p.h4{color:floralwhite;}

.rot-card>*:last-child{margin-bottom:0;}

.rot-card.grey.multi-link:hover,
.rot-card.grey.linking-bark:hover,
.rot-card.grey.is-link:hover{
    background-color: var(--grey-hover)!important;
}
.rot-card.light-yellow.multi-link:hover,
.rot-card.light-yellow.linking-bark:hover,
.rot-card.light-yellow.is-link:hover{
    background-color:var(--secondary-dark)!important;
}
.rot-card.light-purple.multi-link:hover,
.rot-card.light-purple.linking-bark:hover,
.rot-card.light-purple.is-link:hover{
    background-color:var(--primary-hover)!important;
}


.multi-link:hover,
.linking-bark.bg-phone:hover{
    background-position: 50% 50%;
}
.hover-caption{
    position:absolute;
    display:block;
    top:0;
    right:0;
    bottom:0;
    left:0;
    font-size:2rem;

    text-align:center;
    font-weight:600;
    padding:0.5rem;
    opacity:0;

    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
            flex-direction: column !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
            align-items: center !important;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
            justify-content: center !important;

}
.hover-caption a{
    display:inline-block;
    margin: 0.25rem 0;
    font-size:2rem;
    color:inherit;
}
.hover-caption a.rot-btn.rot-btn-transparent75:hover{
    background-color:rgba(255, 255, 255, 0.9);
}
.hover-caption a:hover,
.hover-caption a:visited,
.hover-caption a:focus{
    color:inherit;
}
.multi-link:hover >*,
.linking-bark.bg-phone:hover >*{
/* .rot-card.linking-bark:hover >*{ */
    opacity:0;
}
.multi-link:hover .hover-caption,
.linking-bark.bg-phone:hover .hover-caption{
    opacity:0.7;
}
.multi-link{padding:3rem 2rem;}
/* .multi-link a:first-child{position:relative; top:0;}
.multi-link a:last-child{position:relative; bottom:0} */
.rot-card.linking-bark a,
.rot-card.linking-bark a.rot-btn,
.multi-link a.rot-btn,
.multi-link a{bottom:auto;top:auto;}

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

.smaller-font{
    color:grey; font-size:0.85em;
}
/*STRETCHED IMG*/

.rot-img-stretched.h-auto figure{height:auto; padding-bottom:0;}
.rot-img-stretched figure{height:1px; padding-bottom:75%; overflow:hidden; position:relative;}
@media(min-width:576px){
    .rot-img-stretched.h-auto figure{height:auto; padding-bottom:75%;}
    .rot-img-stretched figure{height:100%; padding-bottom:50%; margin-top:0;}
    .rot-img-stretched.h-auto figure{height:100%; padding-bottom:0; margin-top:0; max-height:none;}
    .rot-img-stretched.h-auto figure img{max-height:100vh;}
}
.rot-img-stretched figure img{
    max-width: 100%;
    position: relative;
    height: auto;
    width: auto;
}
.max-50vh{    max-height:50vh;}
.max-70vh{    max-height:70vh;}
.max-100vh{    max-height:100vh;}
.min-20r{ min-height:20rem;}
.min-25r{ min-height:25rem;}
.min-30r{ min-height:30rem;}
.min-35r{ min-height:35rem;}
.max-20r{ max-height:20rem!important;}
.max-25r{ max-height:25rem!important;;}
.max-30r{ max-height:30rem!important;;}
.max-35r{ max-height:35rem!important;}

@media(min-width:576px){
    .rot-img-stretched figure img{
        max-width: none;
        position: absolute;
        object-fit: cover;
        height: 100%;
        width: 100%;
    }

}
@media(min-width:768px){.rot-img-stretched figure{padding:0; padding-bottom:75%;}}
/*
[class*="col-"][class*="mb-"] *:last-child,
.row[class*="mb-"] *{margin-bottom:0;} */

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

.rot-heading{
    line-height: 1.25;
    /* border-bottom: 3px solid var(--secondary); */
    display: inline-block;
    position: relative;
    margin-bottom: 0.25em;
    font-weight: 500;
    padding-bottom: 0.25em;
    padding: 4rem 3rem 4rem 0;
    font-size: 1.9em;
    color: var(--text);
    margin-top: 0;
    width: 100%;
}
.rot-description{
    font-size:1.28em;

    font-weight: 300;
    color: var(--text);
    display:inline-block;
    margin-bottom:3em;
}

.rot-nosb .rot-heading{font-size:2.2rem;}
p.rot-subtitle{font-size:1.4em;color:var(--primary-superdark);}

@media(min-width:768px){
    p.rot-subtitle{font-size:1.65em;}
    p.rot-description{margin-bottom:0;}
    .rot-nosb .rot-heading{font-size:2.4rem;}
}

.rot-body .post-thumbnail,
.rot-body .entry-title{display:none;}

/* Angebot columns section */

.category-angebot .entry-meta{display:none;}

.obj-pos-top img{object-position:center top;}
@media(min-width:1200px){
    .obj-pos-top img{object-position:center 18%;}
}
.rot-content-pic{
    /* padding: 1rem 0; */
    overflow: hidden;
    height: 0;
    padding-bottom: 75%;
    position:relative;
}
.rot-content-pic2{
    position:relative;
    height:1px;
    padding-bottom:100%;
    width:100%;
    overflow:hidden;
    border-radius:2px;
    margin-bottom:1.5rem;
}
.rot-content-pic2 figure{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    margin:0;
}
.rot-content-pic2 figure img{
    position: relative;
}
.img-top-10percent img{top:-10%;}
.img-top-15percent img{top:-15%;}
.img-top-20percent img{top:-20%;}
.img-top-25percent img{top:-25%;}

.rot-content-pic img{min-width:100%;}
.rot-content-pic.mobile-show-full{

    padding-bottom:0;
}
.rot-content-pic.mobile-show-full img{
    position:relative;
}
.rot-content-pic.inner img{
    max-width: 100%;
    position: relative;
    height: auto;
    width: auto;
}
@media(min-width:576px){
    .rot-content-pic.inner img{
        max-width: none;
        position: absolute;
        object-fit: cover;
        height: 100%;
        width: 100%;
    }

}
@media(min-width:768px){.rot-content-pic{padding:0; padding-bottom:75%;}}

.rot-content-pic-xs-lower{
    padding-bottom: 50%;
}
@media(min-width:576px){
    .rot-content-pic-xs-lower{
        padding-bottom: 75%;
    }
}
.rot-image-pos-top img{transform:translateY(0);}
.rot-image-pos-10 img{transform:translateY(-10%);}
.rot-image-pos-20 img{transform:translateY(-20%);}
.rot-image-pos-40 img{transform:translateY(-40%);}
@media(max-width:575px){
    .rot-image-pos-xs-top img{transform:translateY(0);}
    .rot-image-pos-xs-10 img{transform:translateY(-10%);}
    .rot-image-pos-xs-20 img{transform:translateY(-20%);}
    .rot-image-pos-xs-40 img{transform:translateY(-40%);}
}

/*ACCORDION*/
.acc-smallerheading h1,
.acc-smallerheading h2,
.acc-smallerheading h3,
.acc-smallerheading h4,
.acc-smallerheading h5,
.acc-smallerheading h6{
    font-size:1.5em;
}
.c-accordion__item,
.c-accordion__item *{
    -webkit-transition:background-color 0.5s ease;
    -o-transition:background-color 0.5s ease;
    transition:background-color 0.5s ease;
}
.c-accordion__title{
    display: block;

    padding: 0px;
    color: white;
    line-height: 1 /* 0.55;*/;
    font-weight: 500;
    font-size: 2.25em;
}
.c-accordion__title:after{
    color: white;
    display: inline-block;
    line-height: 0.48;
    font-weight: bold;
    position: absolute;
    font-family: FontAwesome;
    top: 54%;
    right: 0;
    content: "\f055";
    -webkit-transform: translateY(-40%);
    transform: translateY(-40%);
}

.read-more .c-accordion__title:after{
    color:inherit;
}
.is-open .c-accordion__title:after {
    content: "\f056";
}
.c-accordion__item{
    background-color: var(--secondary-dark);
    /* background-color: var(--secondary-lighter);
    background-color: var(--primary-hover); */
    border-radius: 4px;
    padding: 1.5rem;
    border: none;
    border-radius: 4px;
    margin-top: 1.5rem;
}
.c-accordion__item:hover{
    background-color: var(--secondary);
}
.c-accordion__content {
    /* display: none; */
    color: white;
    font-size: 1.125em;
    padding-top: 2em;
}
footer.light-purple,
.accordion-light-purple{

    background-color: var(--primary-hover);
}
.c-accordion__item.title-h4 h2{font-size:1.5rem!important; font-weight:500;}

.accordion-light-yellow {background-color:var(--secondary-lighter);}
.accordion-light-yellow .c-accordion__title{color: var(--primary-superdark);}
.accordion-light-yellow .c-accordion__title:after{color: var(--primary-superdark);}
.accordion-light-yellow.c-accordion__item:hover{background-color: #ffefb5;}
.accordion-light-yellow .c-accordion__content {color: var(--primary-superdark);}

.accordion-grey {background-color:var(--grey);}
.accordion-grey .c-accordion__title{color: white;}
.accordion-grey .c-accordion__title:after{color: white;}
.accordion-grey.c-accordion__item:hover{background-color: var(--grey-hover);}
.accordion-grey .c-accordion__content {color: var(--text);}

.read-more.c-accordion__item{padding:0.5em 1em;}
.read-more .c-accordion__title{
    margin-bottom:0.25rem;
    font-size: 1.5rem;
}
.rot-card .c-accordion__item.read-more{
    margin-left: -1em;
    margin-right: -1em;
    background-color:inherit;
    color:inherit;
}
.rot-card .c-accordion__item.read-more h2.c-accordion__title,
.rot-card .c-accordion__item.read-more .c-accordion__content{
    background-color:inherit;
    color:inherit;
    font-size:inherit;
}
@media(max-width:767px){
    .read-more .c-accordion__title{
        margin-bottom:0.25rem;
        font-size: 1.25rem!important;
    }
}
/* .rot-article footer{display:none;} */

/* single-bottom post nav*/
.single .rot-postnav .post-navigation .nav-links a {
    color: inherit;
    margin-bottom: 0;
    display: inline-block;
    padding: 1.4rem 2rem;
    width: 100%;
    position:relative;
    pointer-events:none;
}
.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: calc(100% - 7.5px);
    background-color: var(--grey-light);
    background-color:transparent;
    background-image: url(./fa-icons-svg/stroke-bg.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    color: var(--text);
    border: none;
    border-radius: 2px;
    font-family: 'Amatic SC';
    font-size: 2.6rem;
    font-weight: 500;
    line-height:1.1;
    transition:all 0.5s;
    position:relative;

}
.rot-postnav .post-navigation .nav-next:before,
.rot-postnav .post-navigation .nav-previous:before {
    content:"";
    width: calc(100% - 7.5px);
    background-color:transparent;
    background-image: url(./fa-icons-svg/stroke-bg.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    filter:hue-rotate(245deg);
    -webkit-filter:hue-rotate(245deg);
    opacity:1;
    z-index:0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    pointer-events: none;

    transition:all 0.5s;

}


@media(min-width:768px){
    .rot-postnav .post-navigation .nav-next,
    .rot-postnav .post-navigation .nav-previous {
        font-size: 2.8rem; font-weight: 500;width: calc(50% - 7.5px);
    }

}
@media(min-width:1200px){
    .rot-postnav .post-navigation .nav-next,
    .rot-postnav .post-navigation .nav-previous {
        font-size: 3.2rem; font-weight: 500;
    }
}
.rot-postnav .post-navigation .nav-next{float:right;}

.rot-postnav .post-navigation .nav-next:hover:before,
.rot-postnav .post-navigation .nav-previous:hover:before {
    opacity:0;
}
.card.comments-area{margin-top:1.5rem;}

.wpcf7 form .wpcf7-response-output:after{
    content: "\f00d";
    font-family: fontAwesome;
    font-size: 1.7rem;
    color: var(--text);
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 0.5rem;
    margin-right: 1rem;
    display: block;
    cursor:pointer
}
.wpcf7 form .wpcf7-response-output{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(--secondary);
    border: none;
    padding: 5%;
    border-radius: 4px;
    color: var(--text);
    font-weight: 400;
    text-align: center;
    font-size: 2rem;
    box-shadow: 4px 5px var(--text);
    cursor:pointer;
}
.wpcf7-not-valid-tip {
    color: var(--secondary);
    font-size: 1em;
    font-weight: normal;
    display: block;
}
.wpcf7-not-valid-tip~input {
    background:var(--secondary);
}

video{border-radius:2px; overflow:hidden;}
.aligncenter figcaption{text-align:center;}

.faq-section h4:not(:first-child){
    margin-top:2rem;
    margin-bottom:1rem;
}
.faq-section em{
    margin-top:0;
    margin-bottom:1.5rem;
    display:inline-block;
}
/* .faq-section h4~p{
    margin-top:2rem;
} */
.wp-block-image.is-resized{
    display:block!important;
}

.testim-pic{
padding: 2rem;
position: relative;
}
.testim-pic:after{
    content: "";
    padding: 2rem;
    position: absolute;
    top: 0.8rem;
    right: 0.8rem;
    bottom: 0.8rem;
    left: 0.8rem;
    border-radius: 50%;
    /* height: 100%; */
    border: 3px solid var(--yellow);
    display: block;

}


.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;
}
.da_popup .discountlogo{pointer-events:none; z-index:-1; top:auto; bottom:-4rem;}
.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: 36rem;
    width: 90%;
    margin-top: 2vh;
}

body #mc_embed_signup,
.sib-form {
    background-attachment: inherit;
    font-size: 0.9rem;
    font-family: inherit;
    padding: 2rem 1.75rem;
    margin: 0;
    line-height:1.25;
    background-color:white;
}
body #mc_embed_signup{margin:1rem;}
body #mc_embed_signup h2{margin-top:1rem;}
body #mc_embed_signup div.mce_inline_error {
    margin: 0 0 1em 0;
    padding: 5px 10px;
    background-color: var(--dark-purplehaze);
    font-weight: inherit;
    z-index: 1;
    color: #fff;
    position:absolute;
}
.mc_fieldset input[type="checkbox"]{
    margin-right:0.75rem;
}

body #mc_embed_signup img,
.sib-image-form-block img {
    max-width: 80%;
    height: auto!important;
    width: 10rem!important;
}

.mc-field-group label{font-weight:600; margin-top:0.9rem; margin-bottom:0.7rem;}
.mc-field-group p{line-height:1.45;}
.mc-field-group p.smaller{font-size:0.85rem;}
.content__gdpr p.top-p{
    margin-bottom:0;
}
.content__gdpr p.bottom-p{
    margin-top:0;
}



input[type="button"], input[type="reset"], input[type="submit"], .btn-outline-primary, .button.add_to_cart_button, .wc-proceed-to-checkout .checkout-button.button, .price_slider_amount button[type="submit"] {
    border-color: var(--secondary-dark)!important;
}
input[type="button"], input[type="reset"], input[type="submit"], .sp-services-section .sp-single-service .sp-service-icon, .button.add_to_cart_button, .wc-proceed-to-checkout .checkout-button.button, .price_slider_amount button[type="submit"] {
    background-color: var(--secondary-dark)!important;
}
input[type="button"]:hover, input[type="button"]:active, input[type="button"]:focus, input[type="submit"]:hover, input[type="submit"]:active, input[type="submit"]:focus, .button.add_to_cart_button:hover, .wc-proceed-to-checkout .checkout-button.button:hover, .price_slider_amount button[type="submit"]:hover {
    background-color:var(--secondary)!important;
    border-color:var(--secondary)!important;
}
button[type="submit"] {
    background-color:var(--secondary-dark)!important;
    border-color:var(--secondary-dark)!important;
}
input[type="button"]:active, input[type="button"]:hover, input[type="reset"]:active, input[type="reset"]:hover, input[type="submit"]:active, input[type="submit"]:hover {
    color: #fff;
    background-color: var(--secondary-dark)!important;
    border-color: var(--secondary-dark)!important;
    cursor: pointer;
}

.popup-inner .wpcf7-form,
.popup-inner .newsletter-form{
    width:100%;
}
@media(min-width:576px){
    .popup-inner .newsletter-form{width:100%;}
    .popup-inner .wpcf7-form input, .popup-inner .newsletter-form input{margin-bottom:0.4rem; border-radius:0.02rem!important;}
}
@media(min-width:768px){
    .popup-inner .newsletter-form{width:100%; overflow:visible!important;}
    .popup-inner .newsletter-form .discountlogo{bottom: 5rem;}
    body #mc_embed_signup img,
    .sib-image-form-block img {
        max-width: 80%;
        height: auto!important;
        width: 10rem!important;
    }
}
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus {
    -webkit-box-shadow:none; box-shadow:none; border-radius:0.02rem;
}
@media(min-width:992px){

}
@media(min-width:1200px){

}

.da_popup .close-it{
    top: 0;
    right: 15px;
    width: 92px;
    height: 62px;
    background: transparent url(./fa-icons-svg/times.svg);
    background-position:left top;
    background-size: contain;
    background-repeat:no-repeat;
    cursor: pointer;
    z-index:10;
      /* border-radius: 50%;
      text-align: center;
      background: white;
      position:absolute;
      cursor:pointer;
      line-height:1.4;
      z-index:10; */
    transition:all 0.3s;
}
.da_popup .close-it a{
    color:transparent;
    position: absolute;
    width: 100%;
    height: 100%;
}
.da_popup .close-it:hover{opacity:0.7;}
.da_popup h2{
    color:white;
}



footer#colophon{
    position: relative;
}
/* footer#colophon:before{
    z-index: 10;
    height: auto;
    background-image: url(./fa-icons-svg/brushstrokeblue1920.svg);
    background-size: 60rem;
    background-position: right bottom;
    content: "";
    display: block;
    position: absolute;
    top: -3rem;
    bottom: auto;
    left: 0;
    right: 0;
    width: 100%;
    background-repeat: repeat-x;
    padding-bottom: 4rem;
    transform:rotate(180deg);
    pointer-events:none;
} */
@media(min-width:576px){
    footer#colophon:before{background-size:80rem;}
}
@media(min-width:768px){
    footer#colophon:before{background-size:100rem; background-position:10% bottom; top:-4rem; padding-bottom:6rem;
    }
}
@media(min-width:1200px){
    footer#colophon:before{background-size:100%;}
}
@media(min-width:1500px){
    footer#colophon:before{background-size:100%;top:-6rem; padding-bottom:7rem;}
}
@media(min-width:1900px){
    footer#colophon:before{background-size:100%;top:-7.7rem; padding-bottom:8rem;}
}
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:0rem;
}
body .site-footer a{
    color: var(--text-light)!important;
}
.footer-widgets .widget{text-align:center;}
.footer-widgets .widget ul{
    display:flex;
    list-style:none;
    font-size:1.2rem;
    padding-left:0;
}
.footer-widgets .widget ul li{
    display:block;
    margin:0 1rem;
}


.full-width-strokes,
.rot-carousel-wrapper{
    position:relative;
    margin-top:5%;
    margin-bottom:5%;
}

.full-width-strokes:after,
.full-width-strokes:before,
.rot-carousel-wrapper:after,
.rot-carousel-wrapper:before{
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 4rem;
    background-image: url(./fa-icons-svg/brushstrokepink1920.svg);
    background-image: url(./fa-icons-svg/brushstrokealt4.svg);
    background-size: 137rem;
    background-repeat: repeat-x;
    background-position: 88% top;
    z-index: 5;
    pointer-events:none;
}
/* .full-width-strokes.news-section:after, */
/* .full-width-strokes.news-section:before{ */
    /* filter:hue-rotate(245deg) brightness(1.016); */
/* } */
.full-width-strokes:before,
.rot-carousel-wrapper:before{
    top:-1.9rem;
}
.full-width-strokes.stroke-top-only:before{
    top:-2.5rem;
}

.full-width-strokes:after,
.rot-carousel-wrapper:after{
    bottom:-2.8rem;
    background-position:-28% bottom;
}
.rot-carousel-wrapper .white{background:transparent!important; padding-left:0!important; padding-right:0!important;}


.rot-carousel-wrapper .sa_vert_center{
    left:0; width:100%;
    z-index:2;
}

.rot-carousel-wrapper .sa_hover_container:after{
    opacity:0.0;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    content:"";
    background:black;
    transition:opacity 0.5s;
}
.rot-carousel-wrapper .sa_hover_container{transition:all 0.5s;}

.rot-carousel-wrapper .sa_hover_container:hover:after{
    opacity:0.2;
}
.rot-carousel-wrapper .sa_hover_container:hover h3{
    color:white;
}
.rot-carousel-wrapper .sa_hover_buttons{
    display:none!important;
}
.rot-carousel-caption{
    text-align:center;
}
.rot-carousel-caption h3{
    text-align:center;
    text-shadow: 1.5px 1.5px black;
    font-size:2.8rem;
    padding-bottom:0;
    margin-bottom:0;
    transition:all 0.5s;
}



@media(min-width:576px){
    .full-width-strokes:after,.full-width-strokes:before{background-size: 140rem;height:7rem;}
    .full-width-strokes:before{top:-2rem;}
    .full-width-strokes:after{bottom:-2.2rem; background-position:44% bottom;}
}
@media(min-width:992px){
    .full-width-strokes:after,.full-width-strokes:before{background-size: 250%;height:8rem;}
    .full-width-strokes:before{top: -2.5rem; background-position: 50% top;}
    .full-width-strokes.stroke-top-only:before{
        top: -11%; background-position: 50% top;
        transform:rotate(1.4deg); overflow:hidden;height:44%;width:105%;left:-3%; background-size:170%;
    }
    .full-width-strokes.stroke-bottom-only:after{bottom:-3.8rem; background-position:65% bottom;}
    .full-width-strokes:after{bottom:-1.9rem; background-position:185% bottom;}
}
@media(min-width:1200px){
    .full-width-strokes:after,.full-width-strokes:before{background-size: 180%;height:9rem;}
    .full-width-strokes:before{top:-2.5rem;}
    .full-width-strokes:after{bottom:-2.1rem; background-position:65% bottom;}
    .rot-carousel-caption h3 {
        text-align: center;
        font-size: 3.4rem;
    }
}
@media(min-width:1240px){
    .full-width-strokes:after,.full-width-strokes:before{background-size: 145%;height:29%;}
    .full-width-strokes:before{top:-7%; background-position:80% top;}
    .full-width-strokes:after{bottom:-7.4%; background-position:26% bottom;}
}
@media(min-width:1516px){
    .full-width-strokes:after,.full-width-strokes:before{background-size: 145%;height:29%;}
    .full-width-strokes:before{top:-12%; background-position:80% top;}
    .full-width-strokes:after{bottom:-11.4%; background-position:83% bottom;}
    .full-width-strokes.stroke-top-only:before{
        top: -15%; background-position: 50% top;
        transform:rotate(1.4deg); overflow:hidden;height:44%;width:105%;left:-3%; background-size:157%;
    }
}
.full-width-strokes.stroke-top-only:after{display:none;}
.full-width-strokes.stroke-bottom-only:before{display:none;}



body #fancybox-right-ico,
body #fancybox-left-ico{
    background-image:url(./fa-icons-svg/chevron_left.svg)!important;
    background-size:contain;
    background-repeat:no-repeat;
    background-position:left top;
    top:calc(50% - 12px);
    width:92px;
    height:62px;
    transition:all 0.5s;

}
body #fancybox-right-ico:hover,
body #fancybox-left-ico:hover{
    filter:brightness(0.7);
}

body #fancybox-left-ico{left:-1000px;}
body #fancybox-right-ico{
    background-image:url(./fa-icons-svg/chevron_right.svg)!important;
    right:-1000px
}
body #fancybox-right:hover #fancybox-right-ico{
    right:-12px;
}
body #fancybox-left:hover #fancybox-left-ico{
    left:-12px;
}

body #fancybox-close {
    position: absolute;
    top: -15px;
    right: -15px;
    width: 92px;
    height: 62px;
    background: transparent url(./fa-icons-svg/times.svg);
    background-position:left top;
    background-size: contain;
    background-repeat:no-repeat;
    cursor: pointer;
    z-index: 111103;
    display: none;
    transition:all 0.5s;
}
body #fancybox-close:hover {
    filter:brightness(0.5);
}

body .rot-body .entry-meta a{
    color:var(--secondary-hover)!important;
}
body .rot-body .entry-meta a:hover{
    color:black;
    color:var(--secondary)!important;
}

/*SIDEBAR*/
aside#secondary {margin-bottom:3rem;}
aside#secondary .widget#category-posts-3{background-color: var(--primary);}
aside#secondary .widget#category-posts-3 h5{font-weight:400;font-size:1rem;}

aside#secondary .widget-title{text-align:center!important; text-transform: uppercase; font-size:1rem;}
aside#secondary .widget ul li{list-style:none!important; margin-left:0.3rem; margin-right:0.3rem;}

aside#secondary .widget#category-posts-2 ul li a{color: var(--text);transition:all 0.3s;}
aside#secondary .widget#category-posts-2 ul li a:hover{color:var(--primary-hover);transform:scale(1.1);}

aside#secondary .widget#category-posts-2 ul li .cat-post-title{
    font-family:'Amatic SC';
    font-size:1.8rem;
    font-weight: 400!important;
    border-bottom: 3px solid var(--secondary);
    text-align: center;
    display:inline-block;
    padding-bottom: 0.3em;
    margin-bottom: 0;
    line-height:1.2;
}
#category-posts-2-internal .cat-post-thumbnail .cat-post-crop img {
    max-width:60%!important;
}
aside#secondary .widget{margin-bottom:3rem;}
aside#secondary .widget ul{
    padding-left:0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
}

@media(min-width:768px){
    #category-posts-2-internal .cat-post-thumbnail .cat-post-crop img {
        max-width:70%!important;
    }
    aside#secondary .widget ul{
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
        flex-direction:column;
    }

    #category-posts-2-internal h5 {margin-top:0.6rem;}
    aside#secondary .widget#category-posts-2 ul li .cat-post-title{
        font-family: 'Amatic SC';
        font-size: 2.1rem;
        text-align: left;
        line-height: 1.25;
    }
    aside#secondary .widget-title{text-align:left!important;}
    aside#secondary .widget ul li{margin-left:0; margin-right:0;}
}
@media(min-width:1200px){
    aside#secondary {margin-bottom:5rem;}
}


.rot-schnuller{
    position: absolute;
    right: 5rem;
    top: -2000px;
    width: 160px;
    height: 0;
    padding-bottom: 160px;
    background-image: url(./fa-icons-svg/brei.svg);
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none;
}
.rot-schnuller p{
    position: absolute;
    bottom: -4em;
    font-weight: 700;
    font-family: 'Amatic SC';
    font-size: 1.8rem;
    background: white;
    padding: 0.5rem;
}


body .BorlabsCookie ._brlbs-content-blocker ._brlbs-embed ._brlbs-caption {
    top: 72%;
}
body .BorlabsCookie ._brlbs-content-blocker ._brlbs-caption a {
    color: var(--primary);
}
body .BorlabsCookie ._brlbs-content-blocker ._brlbs-caption a:hover {
    color: var(--primary-dark);
}
body .BorlabsCookie ._brlbs-google-maps a._brlbs-btn {
	background: var(--secondary);
	border-radius: 1px;
    color:var(--text);
}

body .BorlabsCookie ._brlbs-google-maps a._brlbs-btn:hover {
	background: var(--secondary-dark);
    color:var(--white);
}
body .BorlabsCookie ._brlbs-content-blocker ._brlbs-caption {
    background: rgb(124 131 130 / 80%);
    color: #fff;
}

.rot-shop ul.products{

    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: revert;
    margin-left: -10px;
    width: auto;
    margin-right: -10px;
    position: relative;
}

body .rot-shop ul.products>li.product{
    width: 100%;
    margin: 0;
    padding: 10px;
}
@media(min-width:576px){
    body .rot-shop ul.products>li.product{
        width: 50%;
    }
}
@media(min-width:1200px){
    body .rot-shop ul.products>li.product{
        width: 50%;
    }
}
.fullwidth.header{
    padding: 1.75rem 0 1.5rem;
    /* border-bottom:1px solid rgb(20, 20, 20); */
    color:rgb(20, 20, 20);
    position:relative;
}
.fullwidth.header:after {
    content: '';
    width: 100%;
    position: absolute;
    height: 5rem;
    pointer-events: none;
    background: -moz-linear-gradient(top,  rgb(183 163 126 / 5%) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(top,  rgb(183 163 126 / 5%) 0%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom,  rgb(183 163 126 / 5%) 0%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
    bottom: 0;
    top: auto;
    transform: translateY(100%);
}
.header-inner{
    flex-wrap: nowrap!important;
    align-content: center!important;
    justify-content: space-between!important;
    position:relative;
}
.header-inner .logo-container{
    position:relative;
    width:210px;
}
.header-inner .logo-container svg{
    width: 100%;
    height: 100%;
    padding-bottom:0.35rem;
}
.header-inner .menu-item {
    background: -moz-linear-gradient(-45deg,  #b7c370 0%, #b7c370 37%, #65abbc 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg,  #b7c370 0%,#b7c370 37%,#65abbc 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg,  #b7c370 0%,#b7c370 37%,#65abbc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding-top: 2px!important;
    vertical-align: baseline!important;
    filter:brightness(0.1);
}
.header-inner .menu-item:hover {
    filter:brightness(1);
}
.header-inner .mobile-fake i,
.header-inner .menu-item.rot-active{
    filter:brightness(1);
    /* color: #b7c370; */

    /* background: -webkit-linear-gradient(90deg,rgba(145,0,99,1) 0%,rgba(219,0,7,1) 40%,rgba(232,114,10,1) 100%);
    background: -webkit-gradient(linear,left top,left bottom,from(#910063),color-stop(40%,#db0007),to(#e8720a));
    background: -webkit-linear-gradient(top,#910063 0%,#db0007 40%,#e8720a 100%);
    background: -moz-linear-gradient(top,#910063 0%,#db0007 40%,#e8720a 100%);
    background: -o-linear-gradient(top,#910063 0%,#db0007 40%,#e8720a 100%);
    background: linear-gradient(90deg,#910063 0%,#db0007 40%,#e8720a 100%); */
    background: -moz-linear-gradient(-45deg,  #b7c370 0%, #b7c370 37%, #65abbc 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg,  #b7c370 0%,#b7c370 37%,#65abbc 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg,  #b7c370 0%,#b7c370 37%,#65abbc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding-top: 2px!important;
    vertical-align: baseline!important;


}
.mobile-fake{
    opacity: 0;
    transition: opacity 0.5s;
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 1.6rem;
    line-height:1.2;
}
.mobile-fake,
.menu-container{
    opacity:0;
    transition:opacity 0.5s;
}
.visible{
    opacity:1!important;
}
.header-inner .menu-item {
    display: flex;
    align-content: flex-end;
    align-items: flex-end;
    min-height: 3.8rem;
    padding-right: 2rem;
    font-family: 'nevomedium';
    cursor: pointer;
    padding-top: 2px!important;
    vertical-align: baseline!important;
    /* background: var(--text); */
    color: #1f393b;
    transition:all 0.9s;
}
.header-inner .menu-item p {
    margin-bottom: 0!important;
    font-size:1.15rem;
}
.page-slug-vs-gratkorn .rot-brand-logo{
    height:20px!important;
}
.page-slug-vs-gratkorn .rot-header-heading{
        text-shadow: 1px 1px #c3cb9345!important;
        font-family: 'nevolight';
        font-size: 6rem;
        text-transform: none;
        text-decoration: solid;
        color: transparent;
        letter-spacing: normal;
}
body.page-slug-vs-gratkorn .logo-container svg g>g{
    transition:all 0.4s;
}
body.shrink-logo.page-slug-vs-gratkorn .logo-container svg g>g:first-child{
    transform: scale(0.8) translate(0px, 240px);
}
body.shrink-logo.page-slug-vs-gratkorn .logo-container svg g>g:nth-child(2){
    transform: translate(20% , 90%) scale(0);
}

body.page-slug-vs-gratkorn #content{
    margin-top: 60px;
}

body.page-slug-vs-gratkorn h2{
    font-family: 'nevobold';
    text-transform: none;
    font-size: 2rem;
    letter-spacing: initial;
}
body.page-slug-vs-gratkorn h3{
    font-family: 'nevomedium';
    font-size: 1.2rem;
    letter-spacing: 0.03rem;
}
body.page-slug-vs-gratkorn h4{
    padding-top: 1.2rem;
    font-family: 'nevobold';
    font-size: 1.2rem;
}
body.page-slug-vs-gratkorn #content p{
    font-family: 'nevolight';
    letter-spacing: 0.03rem;
    font-size:0.92rem;
    margin-bottom:1.2rem;
}
body.page-slug-vs-gratkorn #content ul{
    font-family: 'nevo';
    padding-left: 0px;
    font-size: 0.92rem;
    padding-inline-start: 4rem;
    list-style-position: outside;
    padding-top:0.6rem;
}




/*GALLERY CAROUSEL*/
#sync1{
    /* width:78.8%; */
    /* position: relative; */
}
#sync2{
    /* width: calc(21.2% - 20px); */
    /* position: relative; */
    /* margin-left: 20px; */
    margin-left: -9px;
    margin-right: -9px;
    width: calc(100% + 18px);
}
#sync2 .owl-stage-outer{
    /* height: calc(100% - 40px)!important; */
    /* position: relative; */
    /* overflow: hidden; */
    width: 100%;
}
#sync2 .owl-stage-outer .owl-stage{
    /* transition: all 0.2s ease 0s;
    width: 1013px;
    display: flex;
    flex-direction: column;
    transform: none;
    height: 100%;
    width: 100%!important;
    justify-content: space-around;
    flex-wrap: nowrap; */
}
#sync2 .owl-stage-outer .owl-stage .owl-item{
    /* width: 100%!important; */
    height: auto;
    /* padding-bottom: 100%;
    margin: 5px 0;
    padding: 0;
    margin: 0; */
    /* height: 100%; */
    /* border-radius: 12px; */
    overflow: hidden;
    margin: 10px 0;
    position: relative;
    /* padding-bottom: 100%; */
}
#sync2 .owl-stage-outer .owl-stage .owl-item .item{
    height: 0;
    margin: 0;
    padding: 0;
    padding-bottom: 100%;
    margin-left: 9px;
    margin-right: 9px;
    position: relative;
    border-radius: 12px;
    overflow: hidden;

}
#sync2 .owl-stage-outer .owl-stage .owl-item .item .rot-attachment-img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
}



#sync1 .item {
    background: #7b7b7b6b;
    margin: 5px;
    color: #FFF;
    text-align: center;
    border-radius: 20px;
    overflow: hidden;
}
#sync1 .item .rot-attachment-img{
    padding-bottom: 78.8%;
    top: 0;
    left: 0;
    position: relative;
    height: 0;
    margin-top: 6px;
}
#sync1 .item .rot-attachment-img img{
    height: 100%;
    width: 100%;
    position: absolute;
    object-fit: cover;
}
#sync1 .item span.attachment{
    bottom:0;
    position: absolute;
    color:transparent;
}


#sync2 .item {
      background: #C9C9C9;
      padding: 10px 0px;
      margin: 5px;
      color: #FFF;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
      text-align: center;
      cursor: pointer;
}
#sync2 .item h1 {
        font-size: 18px;
}

#sync2 .current .item{
    background: #eef3f3;
}
#sync1.owl-theme .owl-nav [class*='owl-'] {
    /*default owl-theme theme reset .disabled:hover links */
    transition: all .3s ease;
}
#sync1.owl-theme .owl-nav [class*='owl-'].disabled:hover {
         background-color: #D6D6D6;
}

/*arrows on first carousel*/
#sync1.owl-theme {
    position: relative;
}
#sync1.owl-theme .owl-next, .owl-prev {
      width: 22px;
      height: 40px;
      margin-top: -20px;
      position: absolute;
      top: 50%;
}
#sync1.owl-theme .owl-prev {
      left: 10px;
      display:none;
}
#sync1.owl-theme .owl-next {
      right: 10px;
      display:none;
}
.entry-content{
    position:relative;
}
.retter-home-form{
    top:-114px;
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
    background-color:transparent;
    border:none;
}

.bg-tayo-gradient{
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d3c8b3+0,b29054+100 */
background: #d3c8b3; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #d3c8b3 0%, #b29054 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #d3c8b3 0%,#b29054 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #d3c8b3 0%,#b29054 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3c8b3', endColorstr='#b29054',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

border-color:transparent!important;
border-width:0!important;
padding-bottom: 7px!important;
font-weight: 700;
letter-spacing: 0.4px;
}
.bg-tayo-gradient:hover,
.bg-tayo-gradient:focus-within,
.bg-tayo-gradient:focus-visible,
.bg-tayo-gradient:active,
.bg-tayo-gradient:focus{
border-color:transparent!important;
border-width:0!important;
}


body.page-slug-mentalhirte .fullwidth.header{
	display:none;
}

body.page-slug-mentalhirte .header-inner .menu-item {
    min-height: 0.1rem;
}
body.page-slug-mentalhirte footer#colophon:before {
    background-size: 810px;
    filter: hue-rotate(264deg) brightness(0.7);
}

body.page-slug-mentalhirte footer#colophon {
    background-color: var(--text)!important;
}

#content {
    min-height: calc(100vh - var(--wp-admin--admin-bar--height) - 39vw - 150px);
}
/* @media(min-width:1200px){
	#content {
		min-height: calc(100vh - var(--wp-admin--admin-bar--height) - 710px);
	}
} */
@media(min-width:576px){
	body.page-slug-mentalhirte footer#colophon:before {
		background-size: 1500px;
	}
}
@media(min-width:1500px){
	#content {
		min-height: calc(100vh - var(--wp-admin--admin-bar--height) - 600px);
	}
	body.page-slug-mentalhirte footer#colophon:before {
		background-size: 120%;
	}
}

.bg-text{
	background-color:var(--text)!important;
}
figure.rot-svg-relative{
	margin:0!important;
}
.rot-header-fullwidth {
	border-radius:0!important;
}




.marquee {
    position: relative;
    width: 100vw;
    max-width: 100%;
    height: 2.2rem;
    overflow-x: hidden;
    /* overflow-x: visible; */
	/* border: 2px dotted green; */
    /* background: var(--primary-dark); */
    /* margin-top: 1.4rem; */
	transition: background-color .4s;
}
.marquee p{
	font-family: var(--serif);
    font-size: 1.2rem;
}
.marquee:after {
	content:'';
	bottom:0;
	width:100%;
	width: calc(100% - (2 * var(--container-margin)) + 0px);
	left:50%;
	border-bottom: 2px solid var(--text);
	transform: translateX(-50%);
	position:absolute;
}
.track {
	position: absolute;
    white-space: nowrap;
    /* will-change: transform; */
    height: 100%;
    display: flex;
    align-items: center;
    pointer-events: none;
	/* animation: marquee 4s linear infinite;
	animation-play-state:paused; */
	/* border:2px dotted red; */
	/* animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); ease-in-out */
}
/* .track{
	}
	.marquee:hover .track{
		animation-play-state: running;
		} */

.marquee:hover .track {
	/* transition: animation-timing-function 0.5s; */
	animation-play-state: running;
	/* animation-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); Ease-in */
}



@keyframes marquee{
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-50%);
	}

}

.marquee .rot-svg-relative{
	min-width:250px;
}
.marquee .rot-svg-relative svg{
	width:250px;
}

.marquee#schafe,
.marquee#schafe3,
.marquee#schafe4,
.marquee#schafe2{
	width:250px;
	height:4.5rem;
	margin-left:auto;
	margin-right:auto;
}
#logo-mentalhirte{
		width: 150px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 10rem;
		margin-top: 1rem;
}
#logo-mentalhirte svg path{
		fill:var(--text)!important;
}

body.page-slug-mentalhirte .testigor svg{
	max-width:1000px;
}
@media(min-width:1600px){
	body.page-slug-mentalhirte .jumbotron{
		padding-bottom: 450px!important;
	}
	body.page-slug-mentalhirte .testigor svg{
		max-width:1640px;
	}

}
body.page-slug-mentalhirte #content{
	background:#ffff9b;
}

.header-wrapper figure,
.header-wrapper{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.header-wrapper{
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
}
.header-wrapper figure {
    max-width: 80%;
    position: relative;
    height: fit-content;
    bottom: 2rem;
    margin-right: 10%!important;
    margin-bottom: 2rem!important;
}
@media(min-width:992px){
	.header-wrapper figure {
		max-width: 600px;
		margin-bottom: 3rem!important;
	}
}
@media(min-width:1200px){
	.header-wrapper figure{
		max-width: 800px;
		position: relative;
		height: fit-content;
		bottom: 4rem;
		margin-right: 20%!important;
		margin-bottom: 4rem!important;
	}
}
.owl-nav{
	display:none!important;
}



/*SCRAPER*/
.rot-meta-group {
    margin-bottom: 2em;
    border: 1px solid #ddd;
    padding: 1em;
    border-radius: 8px;
    background: #fafafa;
}

.rot-meta-title {
    font-size: 1.2em;
    margin-bottom: 1em;
    border-bottom: 1px solid #ccc;
    padding-bottom: 0.25em;
}

.rot-meta-fields {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.rot-meta-field {
    flex: 1 1 250px;
    display: flex;
    flex-direction: column;
    background: white;
    padding: 0.5em;
    border: 1px solid #e3e3e3;
    border-radius: 6px;
}

.meta-key {
    font-weight: 600;
    font-size: 0.9em;
    margin-bottom: 4px;
    color: #333;
}

.meta-val {
    font-size: 0.95em;
    color: #444;
}