/*
 Theme Name:   YOOtheme MyTheme
 Template:     yootheme
 Author:       John Doe
 Description:  YOOtheme Child Theme
 Version:      1.0.0 @import url("https://use.typekit.net/lxt7mls.css");
 Text Domain:  yootheme-mytheme
*/


@font-face {
  font-family: kallisto; /* set name */
  src: url(fonts/KallistoMedium/KallistoMedium.woff2) format("woff2"),
  src: url(fonts/KallistoMedium/KallistoMedium.woff) format("woff"); /* url of the font */
}

@font-face {
  font-family: kallisto; /* set name */
  src: url(fonts/KallistoThin/KallistoThin.woff2) format("woff2"),
  src: url(fonts/KallistoThin/KallistoThin.woff) format("woff"); /* url of the font */
}

@font-face {
  font-family: 'Roboto Condensed'; /* set name */
  src: url(fonts/RobotoCondensed/RobotoCondensed-VariableFont_wght.woff) format("woff"); /* url of the font */
}



.uk-heading-medium, .uk-heading-large {font-weight: 700 !important; letter-spacing: 1px;}






html {
    font-family: loos-compressed , 'Roboto Condensed', sans-serif !important;
    font-weight: 200 !important;
    color: black !important;
    word-break: break-word;
    hyphens: auto;
}
header {
    z-index: 1000;
}
main {
    z-index: 1;
    position: relative;
}
 /*.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, .uk-heading-2xlarge, .uk-heading-3xlarge, .uk-heading-large, .uk-heading-medium, .uk-heading-small, .uk-heading-xlarge, h1, h2, h3, h4, h5, h6 {
    font-family: kallisto, sans-serif !important;
    color: #600B5B !important;
    text-transform: uppercase !important;
} */
 span strong, p strong, strong {
    color: #600B5B !important;
}
 .uk-text-lead {
    /*font-size: 26px !important;
    */
    color: black !important;
    font-family: loos-compressed, 'Roboto Condensed', sans-serif !important;
    font-weight: 200 !important;
}

 .uk-h2, h2 {
    font-size: 
    /*60px*/
     !important;
}
 .rounded img {
    border-radius: 25px !important;
    transition: all .3s ease-in-out;
}
 .roundedleft img {
    border-top-left-radius: 25px !important;
    border-bottom-left-radius: 25px !important;
}
 .roundedleft + .uk-panel p {
    padding-left: 25px;
}
 .rounded .el-meta.uk-text-meta {
    padding-left: 25px;
    padding-right: 25px;
}
 .rounded .el-content.uk-panel {
    padding-left: 25px;
    padding-right: 25px;
}

 .roundedright img {
    border-top-right-radius: 25px !important;
    border-bottom-right-radius: 25px !important;
}
 .roundedright + .uk-panel p {
    padding-right: 25px;
}

.newsimage.rounded * {
    border-radius: 25px;
}

#newsroom .el-item a img{
    width: 100%;
    height: 100%;
    aspect-ratio: 1 / 0.8;
    object-fit: cover;
}

.uk-button {}
 .uk-slidenav-container.uk-position-bottom-right {
    position: relative !important;
    margin-top: 25px;
    justify-content: flex-end;
}
 .uk-slidenav-container.uk-position-bottom-right .uk-slidenav {
    color: #600B5B !important;
}
 header .uk-icon {
    color: #600B5B !important;
}
 header .uk-icon svg {
    width: 2.5em;
    height: 2.5em;
}
 header .uk-container {
    padding-left: 5% !important;
    padding-right: 5% !important;
}
/*header .uk-logo {
    padding-top: 1em !important;
     padding-bottom: 1em !important;
}
*/

 .uk-slideshow .uk-slideshow-items h3.el-title {
    color: white !important;
    font-weight: 800 !important;
    font-size: 96px !important;
}
 .uk-slideshow .uk-slideshow-items .el-meta.uk-text-meta {
    font-family: kallisto, sans-serif !important;
    color: white !important;
    font-size: 60px !important;
     font-weight: 400;
    margin-top: 0 !important;
}
 .uk-slideshow .uk-slideshow-items .el-overlay {
    width: 100% !important;
}
#hero-slideshow .el-content{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    
}



#hero-slideshow .uk-slideshow-items {
    height: 80vh;}
    
    
#hero-slideshow .uk-position-cover:not(.uk-position-cover.uk-container) {
    background: linear-gradient(180deg,rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.81) 100%);
    background-color: transparent!important;
}
 .uk-container.uk-container-expand-right {
    padding-right: 0 !important;
}
 .uk-container.uk-container-expand-left {
    padding-left: 0 !important;
}

 .uk-button.uk-button-default.uk-button-large span.uk-icon {
    background: #600B5B;
     border-radius: 100px;
    color: white;
    padding: 9px;
}
 .uk-button.uk-button-default.uk-button-large span.uk-icon svg {
    width: 30px;
    height: 30px;
}
 .uk-button.uk-button-default.uk-button-large:hover {
    background: #600B5B !important;
    color: white !important;
}


.no-icon .uk-button.uk-button-primary.uk-button-large {
    padding-right: 40px;
    padding-left: 40px;
}
.uk-button.uk-button-default.uk-button-large,
.uk-button.uk-button-primary.uk-button-large {
    border: solid 2px #600B5B;
    font-family: kallisto, sans-serif !important;
    letter-spacing: 3px !important;
    padding-right: 7px;
    transition: all .3s ease-in-out;
    gap: 1em;
}

/* Unterschiede */
.uk-button.uk-button-default.uk-button-large {
    color: black !important;
    background: white !important;
}

.uk-button.uk-button-primary.uk-button-large {
    color: white !important;
    background: #600B5B !important;
}


 .uk-button.uk-button-primary.uk-button-large span.uk-icon {
    background: white;
     border-radius: 100px;
    color: #600B5B;
    padding: 9px;
}
 .uk-button.uk-button-primary.uk-button-large span.uk-icon svg {
    width: 30px;
    height: 30px;
}
 .uk-button.uk-button-primary.uk-button-large:hover {
    background: white !important;
    color: black !important;
}
 #slider .down .uk-button.uk-button-default {
    background-color: white !important;
    padding: 20px;
}
 #slider .down .uk-button.uk-button-default span svg {
    width: 40px;
     height: 40px;
}
 #slider h1.el-title {
    color: white !important;
}
 #slider .el-meta {
    color: white !important;
}
 #slider {
}

#start-scroll:before {
position: absolute;
    content: '';
    bottom: initial;
    -webkit-border-radius: 0;
    border-radius: 0;
    border-bottom-right-radius: 110%;
    box-shadow: 28px 36px 0px 27px #ffffff;
    background-color: transparent;
    height: 24px;
    width: 31px;
    translate: -24px 13px;
}
#start-scroll:after {
    position: absolute;
    content: '';
    bottom: initial;
    -webkit-border-radius: 0;
    border-radius: 0;
    border-bottom-left-radius: 110%;
    box-shadow: -9px 16px 0px 8px #ffffff;
    background-color: transparent;
    height: 24px;
    width: 31px;
    translate: -10.7px 13px;
    z-index: 1;
}

#start-scroll:hover {
    z-index: 20;
    position: relative;
    transition: all .3s ease-in-out;
    width: 81.6px;
    
}

#start-sroll a:hover 

#start-scroll a.el-content:hover {
        width: 130px;
}
#start-scroll a.el-content .uk-icon {
    transition: all .3s ease-in-out;
}
#start-scroll a.el-content:hover .uk-icon{
        translate: 0px 5px;
}


.nav-outside .uk-slidenav-container{
    translate: 0 -6em;
}
.nav-outside {
    overflow: visible!important;
}

.nav-outside div[aria-hidden="true"] {
    opacity: 1;
    transition: opacity .3s ease-in-out;
}

.nav-outside div[aria-hidden="false"] {
    opacity: 1;
    transition: opacity .3s ease-in-out;
}
.uk-slidenav {
    color: #600B5B!important;
}

/*.uk-offcanvas-bar {
    max-width: none;
    height: 160px;
}

/*.uk-offcanvas {
    position: absolute!important;
}*/

#tm-dialog .uk-nav.uk-nav-default {
    gap: 1.5em;
    display: flex;
}

/*#tm-dialog .uk-offcanvas-bar .uk-panel:has(.fusion-menu){
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-right: 16vw;
    margin-top: -40px;
}*/

ul.uk-nav.uk-nav-default li.menu-item a {
        color: #600B5B;
        opacity: 0.5;
        font-size: 16px;
        font-family: 'kallisto';
}

ul.uk-nav.uk-nav-default li.menu-item.uk-active a {
        opacity: 1;
}
ul.uk-nav.uk-nav-default li.menu-item:hover a {
        opacity: 1;
}


div.uk-navbar-right {
    z-index: 1001;
    padding-right: 5%;
    padding-left: 2.5%;
}

.uk-navbar-container .uk-container {
    padding-right: 0!important;
}

.uk-navbar-container {
        background: #fff;
}
.uk-navbar-right {
    justify-content: flex-end !important;
    align-items: unset;
    gap: 20px !important;
}

.uk-navbar-item .uk-grid-margin .uk-width-1-1 .uk-flex-middle {
    gap: 10px;
}


/* UI-KIT Menu Close/Open Animation */
a.uk-navbar-toggle[aria-expanded="true"] svg .line-1,
a.uk-navbar-toggle[aria-expanded="true"] svg .line-4{
    opacity: 0;
}

a.uk-navbar-toggle[aria-expanded="true"] svg .line-2,
a.uk-navbar-toggle[aria-expanded="true"] svg .line-3 {
    opacity: 1;
}

a.uk-navbar-toggle[aria-expanded="true"] svg .line-2 {
    transform: rotate(45deg)
}
a.uk-navbar-toggle[aria-expanded="true"] svg .line-3 {
    transform: rotate(-45deg)
}
/* UI-KIT Menu Close/Open Animation Ende*/



/*#tm-dialog-mobile .uk-offcanvas-bar{
    backdrop-filter: blur(30px);
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.9) 100%);
    height: 100vh;
}*/

#tm-dialog-mobile ul.uk-nav.uk-nav-default li.menu-item.uk-active a {
        color: #600B5B;
        opacity: 1;
}

#tm-dialog-mobile ul.uk-nav.uk-nav-default li.menu-item a {
        color: #600B5B;
        opacity: 0.7;
        font-size: 18px;
        font-weight: 600;
        text-shadow: 0 0 15px rgba(255,255,255,.5), 0 0 10px rgba(255,255,255,.5);
}
#tm-dialog-mobile ul.uk-nav.uk-nav-default {
        margin-left: 0em;
}

#tm-dialog.uk-modal {
        height: 120px;
        float: right;
        left: unset;
        margin-right: 18vw;
}

#tm-dialog.uk-modal .uk-modal-dialog {
    height: 100%;
}

#tm-dialog.uk-modal .uk-modal-dialog .uk-modal-body {
    height: 119px;
    padding: 0;
    margin: 0;
    background: transparent;
}

#tm-dialog.uk-modal .uk-modal-close-full {
    display: none;
}
#tm-dialog .uk-panel.widget.widget_builderwidget {
    display: flex;
    align-items: center;
}
#tm-dialog-mobile .uk-offcanvas-bar {
    background: rgb(255 255 255 / 83%);
        backdrop-filter: blur(7px);
}
.tm-header-mobile div.uk-navbar-right {
    background: none;
}

.aspect-ratio .el-image {
    aspect-ratio: 1/0.6;
    object-fit: cover;
}
.aspect-ratio-1 .el-image {
    aspect-ratio: 1/0.8;
    object-fit: cover;
}
.uk-card-default.rounded {
    background: transparent;
    padding-bottom: 1em;
    border: transparent;
}
.el-slidenav.uk-invisible {
    visibility: visible!important;
    opacity: 0.2;
}
.el-slidenav svg polyline {
        stroke-width: 3;
}

.reverse-sticky {
    background: transparent!important;
}
.reverse-sticky a {
    translate: 0px -29px;
}
.reverse-sticky .uk-button.uk-button-primary.uk-button-large {
    backdrop-filter: blur(3px);
    background: #600b5b !important;
    border: solid 0px #600B5B;
}

.reverse-sticky .uk-button.uk-button-primary.uk-button-large:hover {
    color: white !important;
    background: #600b5b80 !important;
    
    border: solid 0px #600B5B;
}

.god-index {
    z-index: 10000;
    position: relative;
}

.slide-light a svg polyline{
    stroke: white!important;
}

.loop-checkbox div.uk-form-controls div.uk-grid label div {
    margin: auto;
}
.loop-checkbox div.uk-form-controls div.uk-grid label p {
    margin: 0 !important;
}
.loop-checkbox .uk-form-controls .uk-grid-small {
    justify-content: space-around;
}

.map-marker .uk-marker {
    padding: 25px;
    opacity: 0;
}
/*
.history-slider h3:after {
    content: "";
    position: relative;
    translate: -100vw -20px;
    display: block;
    width: 100vw;
    height: 1px;
    background-color: #000;
    z-index: 0;
}
.history-slider h3 {
    background: white;
    z-index: 1;
    }
    */
    
	.hero-content .hero-content-container {
		margin-top: -24vmax !important;
            transition: all .1s linear;
	}
	
    .uk-slider-container {
            overflow: visible !important;
    }
    
    .hero-sub img {
        object-fit: cover;
        width: 100%;
        height: 85vh;
        min-height: 600px;
    }
    
    .hero-sub video {
        width: 100%;
        height: 85vh;
        object-fit: cover;
    }
    
    /*#hero-slideshow .uk-slideshow-items {
        height: 85vh;
        min-height: 600px;
    }*/
    #hero-slideshow.home img{
        object-position: 50% 36%;
    }
    .map-description .el-title {
        aspect-ratio: 1 / 1;
        width: 30px;
        border-radius: 100%;
        background-color: transparent;
        display: flex;
        justify-content: center;
        color: #fff;
        align-items: center;
        margin-right: 0.3em;
    }
    
    .map-description.type1 .el-title {
        background-color: #F9C534;
    }
    
    .map-description.type2 .el-title {
        background-color: #8A4E77;
    }
    
    .map-description.type3 .el-title {
        background-color: #D43B1F;
    }
    
    .map-description.type4 .el-title {
        background-color: #9CC433;
    }
    
    .map-description.type5 .el-title {
        background-color: #CE59A1;
    }
    
    .map-description.type6 .el-title {
        background-color: #9286CE;
    }
    
    .map-description.type7 .el-title {
        background-color: #6FCDAF;
    }
    
    .map-description.type8 .el-title {
        background-color: #ED9027;
    }
    
    
  
    
    
    .socials svg {
        width: 28px;
        height: auto;
    }
    .scroll-up svg {
        scale: 3.5;
    }
    .scroll-up a{
        aspect-ratio: 1 / 1;
        height: 47px;
        display: flex;
        align-content: center;
        justify-content: center;
        align-items: center;
        padding: none;
    }
.footer-content > * {
    display: flex;
    align-items: center;
}

.uk-slider-items .uk-width-1-1:has(.el-item.uk-tile-default) {
    width: 35% !important;
}

.uk-slider-items .uk-width-1-1 .el-item.uk-tile-default img {
    object-fit: cover;
    aspect-ratio: 0.6 / 0.643 !important;
}

.ic-intersect {
    margin-top: -40em;
}

.ye-form--btn-content {
    display: flex;
    align-items: center;
    gap: 1em;
}
.dgnb-center {
    display: flex;
    justify-content: center;
}
#builderwidget-10, #builderwidget-11 {
    position: absolute;
    margin-right: auto;
    margin-left: auto;
    left: 0;
    right: 0;
    top: 117%;
    margin-right: 55px;
}



#builderwidget-10 .reverse-sticky .uk-width-1-1, #builderwidget-11 .reverse-sticky .uk-width-1-1{
    padding: 0;
}

#vormerken-sticky {
    width: 25em;
    opacity: 1 !important;
}

.slideshow-bottom img{
    object-position: bottom!important;
}

.slideshow-top img{
    object-position: top!important;
}

.slideshow-center img{
    object-position: center!important;
}

.hero-sub img {height:70vh;}

.uk-navbar-nav {margin-right: 20px;}
.uk-navbar-left a {
    width: 160px;
}

.uk-sticky.uk-sticky-fixed .uk-navbar-container .uk-navbar-left {
    transition: all 0.3s ease;
    width: 160px;
}

.uk-sticky.uk-sticky-fixed.uk-sticky-below .uk-navbar-container .uk-navbar-left {
    width: 110px;
}
.uk-sticky.uk-sticky-fixed.uk-sticky-below .uk-navbar-container {
    transition: all 0.3s ease;
}

.uk-sticky.uk-sticky-fixed.uk-sticky-below .uk-navbar-container {
    padding-bottom: 0;
    padding-top: 0;
}


.menu-icon:active .uk-navbar-nav {
    display: none;
}

.menu-icon .uk-icon svg rect {
    transition: all 0.3s ease;
}

.menu-icon .uk-icon.open svg rect:nth-child(2) {
    opacity: 0;
}

.menu-icon .uk-icon.open svg rect:nth-child(1) {
    transform: rotate(45deg);
    translate: -6px 5px;
    transform-origin: 50% 50%;
}

.menu-icon .uk-icon.open svg rect:nth-child(3) {
    transform: rotate(-45deg);
    translate: -6px -2px;
    transform-origin: 50% 50%;
}

.menu-icon .uk-icon svg rect {
    height: 2px;
}

.menu-item a {
    font-size: 16px !important;
    color: #600b5b !important;
    font-family: Kallisto;
}

.menu-item.current-menu-item a {
    color: #600b5b !important;
}

li.menu-item:hover a {
    color: #600b5b66 !important;
}

.uk-navbar-nav:hover .menu-item.current-menu-item a {
    color: #600b5b99 !important;
}

.uk-navbar-nav {
    gap: 20px !important;
}
    
.news-panel .uk-width-expand {
    display: flex;
    flex-direction: column-reverse;
}

/*.news-panel .el-link.uk-button {
    margin-right: 0;
    margin-left: auto;
    margin-top: 0;
}*/

.news-panel div.uk-margin-top:has(.el-link.uk-button) {
    display: flex;
    padding-left: 25px;
}

.news-panel div.uk-margin-top:has(.el-link.uk-button) {
    order: 0;
}

.news-panel .el-title {
    order: 2;
}

.news-panel .el-meta {
    order: 3;
}

.news-panel .el-content {
    order: 1;
}

.uk-lightbox {
    backdrop-filter: blur(30px);
    background: rgb(220 220 220 / 60%) !important;
}
.uk-lightbox iframe {
    border-radius: 25px;
}

/* 
body.post-template-default header, body.post-template-default footer {
    display: none;
} 
*/

.uk-lightbox div.uk-position-top-right {
    left: 87.3%;
    top: 4%;
}
.uk-close {
    color: #fff !important;
    background: #561558 !important;
    border-radius: 100% !important;
}
.uk-offcanvas-close {
    padding: 10px !important;
}
.uk-lightbox .uk-transition-fade {
    opacity: 1!important;
}

.scroll-down a{
    aspect-ratio: 1 / 1;
    
}

.scroll-down a span {
    height: 100%;
    display: flex;
}

.scroll-down a span {
    height: 100%;
    display: flex;
    width: 50px;
}

#slider {
    padding: 0;
}

.scroll-down .uk-button {
    background: transparent;
}

.scroll-down svg {
    width: 100%;
}

.scroll-down svg {
    width: 100%;
    color: white;
}

.scroll-down svg line {
    transform: scaleY(1.5);
    animation: scrollLine 2.2s ease-in-out infinite;
}
.scroll-down svg polyline {
    transform: translateY(8px);
    animation: scrollassist 2.2s ease-in-out infinite;
}

.scroll-down a {
  display: inline-block;
  animation: scrollFloat 2.2s ease-in-out infinite;
  will-change: transform;
}

@keyframes scrollFloat {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(8px);
  }
}


#slider .uk-margin.uk-slideshow {
    margin-bottom: 0;
}

.uk-navbar-container #vormerken-sticky {
    display: none; 
}

.uk-navbar-container.uk-navbar-sticky #vormerken-sticky {
    display: inline; 
}



/* ==== DISABLES AUF SEITEN ==== */

/* body..page-id-1865 .uk-navbar-right .reverse-sticky, .page-id-1241 .uk-navbar-right .reverse-sticky, .page-id-1063 .uk-navbar-right .reverse-sticky {
    display: none !important;
} */

body.page-id-1865 #builderwidget-10, body.page-id-1241 #builderwidget-10, body.page-id-1063 #builderwidget-10, body.page-id-854 #builderwidget-10, body.page-id-853 #builderwidget-10{
    display: none;
}

@media(min-width:1199px){

}

@media(min-width:960px){


   .uk-navbar-toggle {display: none !important;}

}

@media(max-width:960px){

   #builderwidget-12 {display: none;}

}

@media(max-width:1215px){


    .uk-navbar-nav {display: none;}
}