@font-face {
    font-family: "Mark Pro";
    src: url("../font/Mark-Pro.otf") format("opentype");
}

@font-face {
    font-family: "Mark Pro Thin Italic";
    src: url("../font/Mark-Pro-Thin-Italic.otf") format("opentype");
}

@font-face {
    font-family: "Mark Pro Medium";
    src: url("../font/Mark-Pro-Medium.otf") format("opentype");
}

@font-face {
    font-family: "Mark Pro Medium Italic";
    src: url("../font/Mark-Pro-Medium-Italic.otf") format("opentype");
}

@font-face {
    font-family: "MarkProHeavy" !important;
    src: url("../font/Mark-Pro-Heavy.otf") format("opentype");
}

@font-face {
    font-family: "MarkProHeavy Italic";
    src: url("../font/Mark-Pro-Heavy-Italic.otf") format("opentype");
}

@font-face {
    font-family: "Mark Pro Hairline";
    src: url("../font/Mark-Pro-Hairline.otf") format("opentype");
}

@font-face {
    font-family: "Mark Pro Bold";
    src: url("../font/Mark-Pro-Bold.otf") format("opentype");
}

@font-face {
    font-family: "Mark Pro Bold Italic";
    src: url("../font/Mark-Pro-Bold-Italic.otf") format("opentype");
}

@font-face {
    font-family: "Mark Pro Black";
    src: url("../font/Mark-Pro-Black.otf") format("opentype");
}


.meto-startslider-top .uk-overlay > div {
    padding-left: 80px;
    width: 48%;
}

/* Farben */

.meto-tuerkis{
    color: #00c1d5;
}

.meto-center{
	margin-left: auto;
	margin-right: auto;
}

/* Service Tool Menu */

#meto-service-tool-menu{
    position: fixed;
    top: 30%;
    right: 20px;
    z-index: 1000;
    background: white;
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.15);
}

#meto-service-tool-menu.uk-section{
    padding: 0;
    border-radius: 15px;
}

#meto-service-tool-menu.uk-section .uk-container{
    padding: 0;
}

#meto-service-tool-menu.uk-section .uk-container .el-item::before{
    left: 0;
    margin-bottom: 0;
    height: 0px;
}

#meto-service-tool-menu.uk-section .uk-container .el-item{
    width: 80px;
    padding-bottom: 10px;
    padding-top: 10px;
    border-bottom: 1px solid #c1c1c1;
}

#meto-service-tool-menu.uk-section .uk-container .el-item:last-child{
    border-bottom: none;
}

#meto-service-tool-menu.uk-section .uk-container .el-item:last-child svg,
#meto-service-tool-menu.uk-section .uk-container .el-item:last-child a{
    color: red;
}

#meto-service-tool-menu.uk-section .uk-container .el-item > .uk-grid{
    display: inline;
    overflow-wrap: break-word;
    text-align: center;
    margin-left: 0;
}

#meto-service-tool-menu.uk-section .uk-container .el-item > .uk-grid > *{
    padding-left: 0;
}

#meto-service-tool-menu.uk-section .uk-icon svg{
    width: 40px;
}

#meto-service-tool-menu.uk-section .uk-container .el-item .el-content{
    font-size: 12px;
    
}

.meto-tool-side a{
    color: #00c1d1;
}

.meto-tool-side > li > div > div > a{
    padding: 25px 15px;
}


.tm-header .uk-navbar-nav li {
    margin-right: 10px;
}

.tm-header .uk-navbar-nav > li > a{
    background: #00c1d5;
    height: 8px;
    padding: 10px 28px;
    min-height: 41px;
    border-radius: 500px;
    color: white;
}
.uk-light .uk-navbar-nav > li:hover > a,
.uk-light .uk-navbar-nav > li > a:focus{
    color: white;
}

.tm-header .uk-navbar-nav > li.uk-active > a{

}

.btn, .uk-button{
    padding: 0 25px 0 15px;
}

.meto-sechs-reihe h4{
    font-size: 28px;
}

.uk-h5, h5{
    font-family: "Mark Pro Bold";
}

.meto-intro{
    font-size: 24px;
    line-height: 30px;
}

#module-96 .uk-navbar-container:not(.uk-navbar-transparent){
    background-color: transparent;
}

#module-96 .uk-navbar-nav > li > a{
    height: 20px;
    min-height: 20px;
    font-size: 14px;
}

#module-96 .uk-navbar-nav > li.uk-active > a::before {
    background-color: transparent;
    height: 0;
}

#module-96 .uk-navbar-dropdown-nav{
    font-size: 14px;
}

#module-96 .uk-navbar-dropdown{
    width: 240px;
    top: 30px !important;
    padding: 15px;
}

#module-96 .uk-table{
    margin-bottom: 0;
}


.meto-accordion .el-item{
    background: #f0f0f0;
}

.meto-accordion .uk-accordion-content{
    margin-top: 0;
    padding: 20px 35px;
    background-color: white;
}

.meto-accordion .el-item .el-title{
    padding: 10px 40px;
    background: #f0f0f0;
}

.meto-accordion .uk-accordion-title::before{
    content: "";
    float: left;
	background: none;
}

.meto-accordion .el-item .uk-accordion-title::before{
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="20" height="20" fill="%23ff8c8c"><path d="M256 8c137 0 248 111 248 248S393 504 256 504 8 393 8 256 119 8 256 8zm113.9 231L234.4 103.5c-9.4-9.4-24.6-9.4-33.9 0l-17 17c-9.4 9.4-9.4 24.6 0 33.9L285.1 256 183.5 357.6c-9.4 9.4-9.4 24.6 0 33.9l17 17c9.4 9.4 24.6 9.4 33.9 0L369.9 273c9.4-9.4 9.4-24.6 0-34z"/></svg>');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    margin-left: -33px;
}

.meto-accordion .el-item.uk-open .uk-accordion-title::before{
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="20" height="20" fill="%23ff8c8c"><path d="M504 256c0 137-111 248-248 248S8 393 8 256 119 8 256 8s248 111 248 248zM273 369.9l135.5-135.5c9.4-9.4 9.4-24.6 0-33.9l-17-17c-9.4-9.4-24.6-9.4-33.9 0L256 285.1 154.4 183.5c-9.4-9.4-24.6-9.4-33.9 0l-17 17c-9.4 9.4-9.4 24.6 0 33.9L239 369.9c9.4 9.4 24.6 9.4 34 0z"/></svg>');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    margin-left: -33px;
}


#meto-no-mobil-two .uk-card-hover:not(.uk-card-default):not(.uk-card-primary):not(.uk-card-secondary):hover {
 background: transparent;
 box-shadow: none;
}

.meto-small-padding{
    padding: 40px;
}

.meto-small-breit{
    padding-right: 10%;
}

.meto-team-hoehe{
    min-height: 650px;
}

ol.meto-schritte .el-content{
    padding-top: 10px;
}

.uk-card-primary.uk-card-body .uk-text-muted, 
.uk-card-primary > :not([class*="uk-card-media"]) .uk-text-muted, 
.uk-light .uk-text-muted, 
.uk-overlay-primary .uk-text-muted, 
.uk-section-primary:not(.uk-preserve-color) .uk-text-muted, 
.uk-section-secondary:not(.uk-preserve-color) .uk-text-muted, 
.uk-tile-primary:not(.uk-preserve-color) .uk-text-muted, 
.uk-tile-secondary:not(.uk-preserve-color) .uk-text-muted {
    color: white !important;
}

/* Plus icon */

.uk-list.meto-icon-plus li.el-item::before{
    
    background-image: url('data:image/svg+xml;utf8,<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20" height="20"><path fill-rule="evenodd" clip-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm1-11a1 1 0 10-2 0v2H7a1 1 0 100 2h2v2a1 1 0 102 0v-2h2a1 1 0 100-2h-2V7z" fill="#ffffff"/></svg>');
    background-repeat: no-repeat;
    background-position: 0% 50%;
    margin-right: 10px;

}




/* ende */

.meto-content-nav .el-item{
    left: 20px;
    padding-right: 10px;
}

.meto-content-nav .el-item .el-link::before{
    position: absolute;
    content: "";
    left: 0px;
	top: 10%;   
}

.meto-content-nav .el-item .el-link{
    padding-left: 5px;
    color: black;
}

.meto-content-nav .el-item .el-link::before{
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="20" height="20" fill="%23ff8c8c"><path d="M256 8c137 0 248 111 248 248S393 504 256 504 8 393 8 256 119 8 256 8zm113.9 231L234.4 103.5c-9.4-9.4-24.6-9.4-33.9 0l-17 17c-9.4 9.4-9.4 24.6 0 33.9L285.1 256 183.5 357.6c-9.4 9.4-9.4 24.6 0 33.9l17 17c9.4 9.4 24.6 9.4 33.9 0L369.9 273c9.4-9.4 9.4-24.6 0-34z"/></svg>');
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
   
}


.meto-btn-weiss .uk-button{
    background-color: white !important;
}

.meto-btn-weiss .uk-button > span{
    color: black;
}

.uk-section-primary:not(.uk-preserve-color) .uk-accordion-title {
    color: black;
    border-radius: 10px;
}



.meto-txt-rot, h3 .meto-txt-rot, h4 .meto-txt-rot {
    color: #ff8c8c;
}

.meto-txt-blau{
    color: #00C1D5;
}

h2.meto-txt-weiss, .meto-bg-dunkelgrau .uk-panel{
    color: white;
}


.meto-txt-hellblau, h5 .meto-txt-hellblau, h5 .meto-txt-hellblau {
    color: #00C1D5;
}

.meto-bg-rosa{
    background-color: #FFEEEE !important;
}

.meto-bg-babyblau{
    background-color: #E9FFFE;
    padding-bottom: 0;
}

.meto-bg-hellblau{
    background-color: #f1fbfd;
}

.meto-bg-gruen{
    background-color: #00c0ae !important;
}

.meto-bg-mintgruen{
    background-color: #e2f4f0;
}

.meto-bg-hellgelb{
    background-color: beige !important;
}

.meto-bg-dunkelgrau{
    background-color: #898c8d !important;
}

.meto-termin-button {
    width: 340px !important;
}

/* List */

.uk-list.meto-list > li{
    margin-top: 0px;
}

@media (max-width: 1430px) {
    .meto-team-hoehe{
        min-height: 613px;
    }
}

@media (max-width: 1350px) {
    .meto-team-hoehe{
        min-height: 585px;
    }

    .meto-termin-button {
        width: 300px !important;
    }

}

@media (max-width: 1290px) {
    .meto-team-hoehe{
        min-height: 560px;
    }


}

@media (max-width: 1230px) {
    .meto-team-hoehe{
        min-height: 540px;
    }

    .uk-button, .btn{
        margin-bottom: 20px;
    }
    
    .meto-termin-button {
        width: 250px !important;
    }

}

@media (max-width: 1127px) {
   
    html{
        font-size: 18px;
    }

    .uk-h3, h3{
        font-size: 28px;
    }

    .meto-team-hoehe{
        min-height: 510px;
    }


}



@media (max-width: 1024px) {
    .container, .uk-container{
        padding-left: 30px;
        padding-right: 30px;
    }

    .meto-team-hoehe{
        min-height: 480px;
    }

    .meto-termin-button {
        width: 220px !important;
    }

}


@media (max-width: 959px) {
    #meto-no-mobil-two > .uk-child-width-1-1 > div:nth-child(2){
        display: none;
    }

    .btn, .uk-button{
        font-size: 16px;
        line-height: 20px;
        padding: 7px 18px 9px 10px;
    }

    .meto-team-hoehe{
        min-height: 455px;
    }

    .meto-team-shoehe{
        min-height: 400px;
    }

    
    
    .meto-termin-button {
        width: 190px !important;
    }
    

}

@media (max-width: 740px) {
    
    .meto-termin-button {
        width: 150px !important;
    }

    /* Navigation Service */

    #meto-service-tool-menu {
        width: 100%;
        right: 0;
        top: 87%;
    }

    #meto-service-tool-menu .meto-tool-side{
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-around;
        
    }

    #meto-service-tool-menu.uk-section .uk-container .el-item {
        display: inline-block;
        border-bottom: 0;
        width: 100%;
        margin-top: 0px;
        border-right: 1px solid #00c1d1;
    }

    #meto-service-tool-menu.uk-section .uk-container .el-item:last-child{
        border: none;
    }
    



}


@media (max-width: 640px) {
    
    .meto-footer-social .uk-icon > *{
        width: 60px !important;
    }
    
    .meto-footer-social .uk-grid > div{
        width: 24% !important;
    }
    
    .meto-startslider-top .uk-overlay > div{
        width: 52% !important;
    }
    
    .meto-termin-button{
        left: 70% !important;
    }
    
    .meto-startslider-top .uk-overlay > div{
        padding-left: 50px;
    }
    
    .meto-startslider-top .uk-overlay .meto-mslider-no{
        padding-left: 40px;
        width: 98%;
        display: none;
    }

    
    
    .meto-mslide h1{
        font-size: 1.5em;
    }
    
    .meto-mslide h4{
        font-size: 1.1em;
    }
    
    

    h3{
        word-break: break-word;
    }

    * + .uk-h1, 
    * + .uk-h2, 
    * + .uk-h3, 
    * + .uk-h4, 
    * + .uk-h5, 
    * + .uk-h6, 
    * + .uk-heading-2xlarge, 
    * + .uk-heading-large, 
    * + .uk-heading-medium, 
    * + .uk-heading-small, 
    * + .uk-heading-xlarge, 
    * + h1, * + h2, 
    * + h3, * + h4, * + h5, 
    * + h6 {
        margin-top: 20px;
    }

    .meto-no-mobil{
        display: none !important;
    }

    #meto-service-tool-menu{
        top: 88%;
    }

    #meto-service-tool-menu.uk-section{
        border-radius: 0;
    }

    #meto-service-tool-menu.uk-section .uk-icon svg{
        width: 40px;
    }

    
}



@media (max-width: 490px) {


    .uk-h3, h3{
        font-size: 28px;
    }

    .uk-h4, h4{
        font-size: 24px;
    }


    html, .uk-text-lead{
        font-size: 18px;
    }

    .uk-section{
        padding-top: 30px;
        padding-bottom: 20px;
    }

    * + .uk-margin {
        margin-top: 25px !important;
    }

    .meto-termin-button{
        width: 100px !important;
    }

    #meto-service-tool-menu {
        top: 89%;
        bottom: 0;
    }

    #meto-service-tool-menu.uk-section .uk-icon svg {
        width: 25px;
    }

    #meto-service-tool-menu.uk-section .uk-container .el-item > .uk-grid > * {
        margin-top: 8px;
    }
    
    
    


}

@media (max-width: 330px) {

    .uk-h3, h3{
        font-size: 26px;
    }

    .uk-h3, h3{
        font-size: 24px;
    }
}