/*
 Theme Name:   YOOtheme MyTheme
 Template:     yootheme
 Author:       John Doe
 Description:  YOOtheme Child Theme
 Version:      1.0.0
 Text Domain:  yootheme-mytheme

*/

html {
    hyphens: auto;
}
.uk-navbar-container {background-image: url(/wp-content/uploads/2025/03/blurry_schwarz_quer.svg)!important ;background-size:cover!important; }
.uk-card.uk-card-primary { background: linear-gradient(0deg, rgba(108,194,0,1) 0%, rgba(0,155,93,1) 100%);}


.uk-button.uk-button-primary 
{
    border: 1px solid transparent;
    padding-left: 13px;
}
a.uk-button-primary span 
{
    border-right: solid 5px white;
    line-height: 38px;
    font-size: 11px;
    box-sizing: border-box;
    padding-right: 10px;
}

#tm-dialog .uk-modal-dialog, #tm-dialog-mobile .uk-modal-dialog {  
background-image: url(https://mm3659567.live-website.com/wp-content/uploads/2025/03/blurry_schwarz_quer.svg)!important;
background-size:cover; }

.uk-navbar-toggle .uk-icon  { color: white;}


.uk-section-primary.uk-section { background: #6CC200 ;}

.uk-subnav-pill>.uk-active>a {
    background-color: #6CC200!important;
    color: white !important;
    transition: all 0.3s cubic-bezier(0, 0.89, 0.57, 0.98);
}
.uk-subnav-pill>.uk-active>a::before {
    content: '>';
    width: 10px;
    height: 10px;
    display: flex;
    align-content: center;
    align-items: center;
    
}
.uk-subnav-pill>a::before {
    transition: all 1s cubic-bezier(0, 0.89, 0.57, 0.98);
    width: 0px;
    opacity:0;
}

.uk-subnav-pill a {
    color: #4a4a4a!important;
}
span.highlight-g {
    color: #6CC200;
}

.uk-button {
    padding: 0.5em 1em!important;
    display: flex!important;
    justify-content: flex-start;
    width: fit-content;
}

.button-custom:before {
    content: url(../../uploads/2025/03/Arrow.svg)!important;
    width: 33px;
    height: 33px;
    padding: 14px;
    background: #009b5d;
}

.button-custom {
    display: flex;
    align-items: center;
}

a.uk-button-primary {
        margin-left: 0.8em;
        transition: 0.2s all ease-in-out;
}
a.uk-button-primary:hover {
    margin-left: 0.0em;
}

.uk-link, a {
    color: #bebebe!important;
    text-decoration: none;
}
.uk-button-primary {
    color: white!important;
}

.uk-button-secondary {
    background-color: #6cc200!important;
    color: #fff!important;
    border: 1px solid transparent;
}
.uk-button-secondary svg {
    width: 50px;
    height: 50px;
    transition: 0.2s all ease-in-out;
}
.uk-button.uk-button-secondary.uk-button-large {
    padding: 0.5em!important;
}

.uk-button-secondary:hover {
    border-color: transparent!important;
    color: #fff!important;
}
.uk-button-secondary:hover svg {
    margin-top: 1em;
}
.scroll-down .uk-position-relative{
    display: flex;
    justify-content: center;
    top: -5.3em;
}
.uk-link-toggle:hover .uk-link, .uk-link:hover, a:hover {
    color: #37a95d !important;
    text-decoration: none !important;
    letter-spacing: 3px;
}


.uk-link-toggle .uk-link, .uk-link, a {
    transition: 0.2s all ease-in-out;
}

.transition-panel {
    height: 30vh;
}

.uk-navbar .uk-navbar-right a{
    font-size: 17px;
    color: white!important;
}
.uk-navbar .uk-navbar-right a:hover{
    color: #37a95d !important;
}

.uk-navbar .uk-navbar-right a span svg path {
    fill: #fff;
        transition: 0.1s all ease-in-out;
    stroke: #fff;
    color:#fff;
}
.uk-navbar .uk-navbar-right a span svg {
    width: 25px;
    height: 25px;
    transform: rotate(21deg);
        transition: 0.3s all ease-in;
}
.uk-navbar .uk-navbar-right a:hover span svg {
    transform: rotate(35deg);
}
.uk-navbar .uk-navbar-right a:hover span svg path {
    fill: #37a95d;
        stroke: #37a95d;
        color:#37a95d;
}
.uk-navbar .uk-navbar-right #navbar-buttons .uk-width-1-1 .uk-width-large .uk-flex-middle{
    justify-content: space-evenly;
}
#tm-dialog {
        z-index: 998;
}
.uk-modal {
    top: -100vh!important;
    height: 100vh;
    transition: all .3s cubic-bezier(.7,-0.01,.23,1)!important;
}
.uk-modal-dialog {
    opacity: 1!important;
}
.uk-modal.uk-open  {
        top: 0!important;
        opacity: 1!important;
}
.uk-navbar-container .uk-container {
    position: relative;
    z-index: 999;
}

.uk-modal-close-full {
    display: none!important;
}

.menu-nav-big .el-item{
    font-size: xxx-large;
    transition: all .3s ease-in;
    display:flex;
    align-items: center;
    font-weight: 600;
    letter-spacing: 1.2px!important;
}

.menu-nav-big a {
        color: #ededed!important;
}
.menu-nav-big .el-content {
    display: flex;
    align-items: center;
}
.menu-nav-big .el-item a:hover {
    color: #ffffff !important;
    text-decoration: none !important;
    letter-spacing: 3px;
}
.menu-nav-big .el-content:before {
    content: '';
    background-image: url(../../uploads/2025/03/Arrow.svg);
    background-repeat: no-repeat;
    background-position: left;
    background-origin: content-box, padding-box;
    padding: 0em 0em 0em 0em;
    background-size: 0.1em;
    opacity: 0;
    width: 12em;
    height: 90px;
    background-color: #6CC200;
    display: inline-flex;
    position: absolute;
    z-index: -1;
    left: -30%;
    filter: grayscale(80%);
    transition: all .7s cubic-bezier(.74,.02,0,1);
}
.menu-nav-big .el-item:hover .el-content:before {
    left: 0%;
    opacity: 1;
    padding: 0em 0em 0em 0.49em;
    background-size: 1.1em;
    transition: all .3s cubic-bezier(0,.89,.57,.98);
    filter: grayscale(0%);
}
.menu-nav-big .el-item:hover a {
    color: #ffffff !important;
    text-decoration: none !important;
    letter-spacing: 3px;
    padding-left: 1.25em;
}
.menu-nav-small a:hover {
    color: #6CC200 !important;
    
}

html .tm-header .uk-navbar-toggle svg .line-2,
html .tm-header .uk-navbar-toggle svg .line-4 {
    transform: rotate(0deg);
    transition: all 0.6s cubic-bezier(0, 0.89, 0.57, 0.98);
}

html .tm-header .uk-navbar-toggle svg .line-4 {
    transform-origin: 0;
}

html .tm-header .uk-navbar-toggle svg .line-1 {
    opacity: 1;
    translate: 0vw;
    transition: all 0.3s cubic-bezier(0, 0.89, 0.57, 0.98);
}

html .tm-header .uk-navbar-toggle:hover svg .line-1 {
    translate: 6px;
    opacity: 0.5;
    transition: all 0.3s cubic-bezier(0, 0.89, 0.57, 0.98);
}

.uk-navbar-toggle:active svg .line-1 {
    opacity: 0;
    transition: all 1s cubic-bezier(0, 0.89, 0.57, 0.98);
}

.uk-navbar-toggle:active .uk-icon {
    color: #6CC200;
    transition: all 1s cubic-bezier(0, 0.89, 0.57, 0.98);
}

html.uk-modal-page .tm-header .uk-navbar-toggle svg .line-2,
html.uk-modal-page .tm-header .uk-navbar-toggle svg .line-4 {
    color: #6CC200;
}

html.uk-modal-page .tm-header .uk-navbar-toggle svg .line-2 {
    transform: rotate(45deg);
}

html.uk-modal-page .tm-header .uk-navbar-toggle svg .line-4 {
    transform: rotate(-45deg);
    transform-origin: 3px 13px;
}

html.uk-modal-page .tm-header .uk-navbar-toggle svg .line-1 {
    opacity: 0.1;
    translate: 20px;
}

.tm-height-expand {
    height: 100%;
}

.uk-modal-body {
    padding-bottom: 0 !important;
}

.menu-nav-socials div {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

#builderwidget-2 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

html #tm-dialog.uk-modal-full .dialog-toggle-second {
    width: 80px;
    height: 80px;
    background: #6CC200;
    display: flex;
    justify-content: center;
    transform: translateY(10vh);
    opacity: 0;
    transition: all 0.8s cubic-bezier(0, 0.89, 0.57, 0.98);
}

#tm-dialog {
    overflow: hidden;
}

.toggle-second {
    content: url(../../uploads/2025/03/Arrow.svg);
    rotate: -90deg;
    padding: 1em;
    transition: all 0.8s cubic-bezier(0, 0.89, 0.57, 0.98);
}

html #tm-dialog.uk-modal-full .dialog-toggle-second .toggle-second {
    transform: translateX(-10vh);
    transition: all 1s cubic-bezier(0, 0.89, 0.57, 0.98);
}

html #tm-dialog.uk-modal-full.uk-open .dialog-toggle-second .toggle-second {
    transform: translateX(0);
    transition: all 0.8s cubic-bezier(0, 0.89, 0.57, 0.98);
}

html #tm-dialog.uk-modal-full.uk-open .dialog-toggle-second {
    transform: translateY(0);
    opacity: 1;
    transition: all 0.8s cubic-bezier(0, 0.89, 0.57, 0.98);
}

html #tm-dialog.uk-modal-full.uk-open .dialog-toggle-second:active {
    transform: translateY(-100vh) !important;
    transition-delay: 11ms;
}

html #tm-dialog.uk-modal-full .menu-nav-social-button {
    opacity: 0;
    transition: all 1.8s cubic-bezier(0, 0.89, 0.57, 0.98);
    transform: translateY(5vh);
}

html #tm-dialog.uk-modal-full.uk-open .menu-nav-social-button {
    opacity: 1;
    transform: translateY(0);
    transition: all 0.8s cubic-bezier(0, 0.89, 0.57, 0.98);
}

html #tm-dialog.uk-modal-full .dialog-toggle-second .toggle-second {
    transform: translateX(-10vh);
        transition: all 1s cubic-bezier(0,.89,.57,.98);
}

html #tm-dialog.uk-modal-full.uk-open .dialog-toggle-second .toggle-second {
        transform: translateX(0);
            transition: all .8s cubic-bezier(0,.89,.57,.98);
}
html #tm-dialog.uk-modal-full.uk-open .dialog-toggle-second {
     transform: translateY(0);
    opacity: 1;
        transition: all .8s cubic-bezier(0,.89,.57,.98);
}
html #tm-dialog.uk-modal-full.uk-open .dialog-toggle-second:active {
        transform: translateY(-100vh)!important;
        transition-delay: 100ms;
}
html #tm-dialog.uk-modal-full .menu-nav-social-button {
    opacity: 0;
    transition: all 0.8s cubic-bezier(0,.89,.57,.98);
    transform: translateX(20vw);
}

html #tm-dialog.uk-modal-full.uk-open .menu-nav-social-button {
            transition: all 1.0s cubic-bezier(0,.89,.57,.98);
           opacity: 1;     
               transform: translateX(0);
}
.dialog-toggle-second:hover {
    padding-bottom: 1em;
}

.menu-nav-social-button ul li.el-item a span svg {
    width: 35px;
}

.uk-link-muted a, .uk-link-toggle .uk-link-muted, a.uk-link-muted {
    color: #fff!important;
}
.card-equal .uk-panel.uk-width-1-1 {
    height: 100%;
}

.logo-image {
    scale: 1.2;
}
.advantage-li span.el-image {
    color: #6CC200;
    border: 2px solid #6CC200;
    padding: 2px;
}
.button-custom.alt .uk-button.uk-button-primary:hover, .button-custom.alt a:hover{
    border: 1px solid #fff;
    background: #009b5d45!important;
    color: #fff!important;
}

element.style {
    min-height: 322px;
    will-change: background-position-x, background-position-y;
    background-image: url(https://mm3659567.live-website.com/wp-content/uploads/2025/03/Group-57.svg);
    background-position: calc(-70px) calc(50% + 8.82134px);
}
.advantage-li.alt{
        color: #fff;
    border: 2px solid #fff;
}
.uk-tab a {
    color: #000000 !important;
    text-decoration: none;
}
.uk-navbar-right a.uk-navbar-toggle.active {
    background: none!important;
}
#tm-dialog-mobile .uk-modal-dialog .uk-modal-body {
        max-width: 88%!important;
}
#tm-dialog-mobile div.uk-margin-auto-bottom {
    margin-bottom: 0!important;
}
#tm-dialog-mobile div.uk-margin-auto-bottom, #tm-dialog-mobile div.uk-margin-auto-bottom #builderwidget-3, #tm-dialog-mobile div.uk-margin-auto-bottom #builderwidget-3#1 {
    height: 100%!important;
}

.toggle-mobile {
    display: flex;
    justify-content: flex-end;
        margin-top: 2.5em;
}
#tm-dialog-mobile .uk-modal-body {
        overflow: hidden;
}

#tm-dialog-mobile .toggle-second {
    width: 1.5em;
    padding: 0.5em;
    background: #6CC200;
}
#tm-dialog-mobile .menu-nav-big .el-item:hover a {
    color: #ffffff !important;
    text-decoration: none !important;
    letter-spacing: 3px;
    padding-left: 2.25em;
}
.menu-nav-big .el-item a:hover {
    color: #ffffff !important;
    text-decoration: none !important;
    letter-spacing: none;
}
.flipcard-leistung .hd-flipcard-inner .el-card.uk-panel{
display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #28331a08;
}
.flipcard-leistung {
        height: 14em;
}
.uk-checkbox {
        width: 20px!important;
    height: 20px!important;
                border: 1px solid #3c9761!important;
}
.uk-input {
        color: #4a4a4a!important;
            border: 1px solid #3c9761!important;
            background: #fff;
}
.quform-button-submit .quform-submit {
    background: #3c9761!important;
    border: none;
    color: white;
    font-size: 24px;
    text-transform: uppercase;
    width: 100%;
}
.quform-button-submit:hover .quform-submit {
    background: transparent!important;
                border: 1px solid #3c9761!important;
                    color: #3c9761;
}
.quform-button-submit:active .quform-submit {
        background: #6cc200!important;
}

.quform-button-submit {
    width: 100%;
}

.leistung-panele a {
        color: white!important;
            transition: all .7s cubic-bezier(.74,.02,0,1);
}
.leistung-panele a:hover {
        color: white!important;
        transition: all .7s cubic-bezier(.74,.02,0,1);
}
.leistung-panele a img {
        transition: all .7s cubic-bezier(.74,.02,0,1);
}
.leistung-panele a:hover img {
        scale: 1.2;
        transition: all .7s cubic-bezier(.74,.02,0,1);
}

.noclick {
    pointer-events: none;
}
@media (max-width:640px) {
    .menu-nav-big .el-content:before {
    height: 8%;
    }
	.uk-link-toggle .uk-link, .uk-link, a {
        font-size: 24px;
    }
    .uk-link-toggle:hover .uk-link, .uk-link:hover, a:hover {
    color: #37a95d !important;
    text-decoration: none !important;
    letter-spacing: 1.5px;}
	
    .uk-text-large {
    font-size: 1.2rem!important;
    }
    
    .uk-button-primary {
        font-size: 16px!important;
    }
    .button-custom:before {
    width: 24px;
    height: 24px;
    }
}
@media (min-width:640px) {
    



}
@media (max-width:960px) {
    .scroll-down .uk-position-relative{
    display: flex;
    justify-content: center;
    top: -4em;
}
}

@media (min-width:960px) {




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




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



		
}