@import url('https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cantata+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,100..900;1,100..900&display=swap'); 
.nav-link, .text-font{ font-family: "Hanken Grotesk", sans-serif !important;} 
@font-face { font-family: "higuen"; src: url("https://www.dolomitikas.com/fonts/higuen-serif.otf");}

*{margin: 0; padding: 0; box-sizing: border-box;}
body{
    background: #133134 !important;
    height: 100%;
    margin: 0;
    position: relative;
}


.logo img{width: 400px !important; transition: all 0.3s ease !important;}
.scrolled .logo img { width: 250px !important;}
.header-icon{ width: 35px;height: 35px;border-radius: 25px;background-color: #00524e;display: flex;align-items: center;justify-content: center;overflow: hidden;transition-duration: 0.3s;}
.icons{ width: 35px;height: 35px;border-radius: 25px;background-color: #fff;display: flex;align-items: center;justify-content: center;overflow: hidden;transition-duration: 0.3s;}
.icons:hover {transition-duration: 0.3s;}
.icons:hover .icon {animation: slide-in-top 0.3s both !important;}
.header-icon:hover {transition-duration: 0.3s;}
.header-icon:hover .icon {animation: slide-in-top 0.3s both !important;}
.button{ display: flex;align-items: center;justify-content: center;overflow: hidden;transition-duration: 0.3s;}
.button:hover .text {animation: slide-in-top 0.3s both !important;}

/* .heading{font-family: "higuen" !important;} */


.heading {
  font-family: "Cantata One", serif;
  font-weight: 400;
  font-style: normal;
}


.main{margin-right:300px;padding: 0 59px !important;}
.bg-theme{background: #133134 !important;}
.sidebar{width:300px;height:100vh;overflow:auto;right:0px;top:0px;bottom:0px;background:#006367 !important;}
.sidebar-link{display:block;font-size:16px;color:#a8b6cf!important;}
.sidebar-link:hover{background-color:#1d2535!important;color:#a8b6cf!important;}
.sidebar-link.active{background:linear-gradient(to left, #274696, #1e59a5)!important;color:#ffffff!important;}
.navbar-nav { --bs-nav-link-padding-y: 6px !important; }
.text-warning{color: #112d1e !important}
.nav-item a:hover{color: #000 !important;transition: all 0.5s ease !important;}
.img-text{top: 50% !important;margin-top:-0.75rem!important;left: 50% !important;transform: translate(-50%, -50%) !important;color: white !important;text-align: center !important;width: 100% !important;}
.img-text h2{ font-size: 8rem !important; opacity: 0.59 !important; transition: all 0.3s ease !important;}
.text-success{color: #fff !important;}
.bg-success{background: #00524e !important;}
.side-color{color: #ac663e !important;}
.side-bg{background: #ac663e !important;}

.img-card:hover .img-text h2{opacity: 1 !important; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.7) !important;}
.img-card img {transition: all 0.3s ease !important;}
.img-card:hover img { filter: brightness(0.5) !important; }
a.underline {text-decoration: none !important;}
a.underline:hover { text-decoration: underline !important; transition: all 1s ease !important}

/* Jomi custom */
h1.display-1 {
    font-size: 80px;
    font-family: 'Open Sans', sans-serif !important;
    margin-top: 50px;
    color: #f0c0b3 !important;
    font-weight: 800;
}

h2 {
    font-weight: 800;
    font-family: 'Open Sans', sans-serif !important;
    text-transform: none;
    color: #f0c0b3;
}

p, ul li, .textblock a:link {
    color: #fff;
    text-align: left;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;  
    font-size: 17px;
    line-height: 28px;
}

.headerfoto {
    width: 99% !important;
}

p.fs-5.text-font {
    font-size: 18px !important;
}

.textblock {
    max-width: 840px;
    margin: auto;
}


.textblock:last-of-type {
    margin-bottom: 150px;
}

.sideicons span {
    line-height: 33px;
}
.sideicons a, .sideicons a:link {
    color: #fff;
    text-decoration: none;
}

.sideicons a:hover {
    color: #000 !important;
    transition: all 0.5s ease !important;
}

.sideicons img {
    color: #fff;
}

.navbar-nav a.nav-link {
    line-height: 20px;
}
ul.references li {
    text-align: right;
    list-style: none;
    line-height: 45px;
}
.sidebar ul li a {
    text-decoration: none;
}
.slash {
    color: #fff;
}

.owl-carousel .item p {
    font-size: 13px;
}

.form-control-lg {
    font-size: 18px;
}

.imprint ul li {
    font-size: 19px;
    font-family: "Hanken Grotesk", sans-serif;
}
    
.imprint h3, .imprint p, .imprint ul, .imprint ol, .imprint a:link {
    text-align: left;    
}

.imprint a, .imprint a:link {
    color: #ac663e;
}

.whatsapp {
    background-color: #5cb85c;
    color: #fff;
    display: inline-block;
    font-size: 18px !important;
    padding: 15px 20px;
    border-radius: 50px;
    text-decoration: none;
}

.whatsapp img {
    vertical-align: -7px;
    margin-left: 4px;
}

.whatsapp:hover {
    background-color: #3cc43c;
}


/* hamburger navigation */
.sticky-top .fs-1 {
    color: #fff;
}

.sticky-top .btn {
    border: 1px solid #fff;
}


footer {
    color: #fff;
    text-align: center;
}

footer span {
    line-height: 25px;
}





/* .embed-video{height: 400px !important; width: 100% !important;} */
.video-container { position: relative; width: 100%; padding-bottom: 56.25%;  height: 0; overflow: hidden;}
.embed-video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;}
@media(max-width:992px) {
    .logo img {width: 265px !important;  }
    .img-text h2 { font-size: 5rem !important; }
    /* .embed-video{height: 225px !important; width: 100% !important;} */
    .main{margin-right:0px!important;float:none;padding-right:0px;width:100%;min-height:100vh!important;padding: 0px !important;}
    .sidebar{position:fixed;z-index:9999;background:#ffffff;box-shadow:0px 0px 100px rgba(0,0,0,0.2);right:-300px;top:0;bottom:0;transition:0.5s all;}
    .show-sidebar{right:0px !important}
    .h100{min-height:auto;}
    
    /* Jomi custom */
    h1.display-1 {
        font-size: 90px;
    }
    
    ul.references li {
        text-align: center;
    }
    
}
@media (max-width: 1300px) {
    .img-text h2 { font-size: 5rem !important; }
    p.fs-5.text-font {
        font-size: 18px !important;
    }
    
    h1.display-1 {
        font-size: 75px;
    }
}
@media (max-width: 668px) {
    .img-text h2 {
        font-size: 2.6rem !important; 
    }
    
    /* Jomi custom */
    h1.display-1 {
        font-size: 45px;
    }
    p.fs-5.text-font {
        font-size: 17px !important;
    }
    
    .references {
        padding-left: 0;
    }
    
    .form-control-lg {
        font-size: 13px;
    }
    
    .footerheadline {
        font-size: 17px;
        line-height: 27px;
    }
    
}
#owl-menu .img-wrapper {position: relative !important;}
#owl-menu .owl-nav {position: absolute !important;top: 50% !important;width: 100% !important;transform: translateY(-50%) !important;display: flex !important;justify-content: space-between !important;pointer-events: none !important;z-index: 10 !important; /* Ensures the nav buttons are above the images */margin-top: -20px !important;}
.owl-prev span,.owl-next span {font-size: 50px !important;margin-top: -15px !important;}
.owl-theme .owl-nav {margin-top: 0px !important;}
#owl-menu .owl-prev,#owl-menu .owl-next {pointer-events: auto !important;background-color: rgba(0, 0, 0, 0.5) !important;color: white !important;border-radius: 50% !important;width: 40px !important;height: 40px !important;display: flex !important;align-items: center !important;justify-content: center !important;transition: background-color 0.3s ease !important;}
#owl-menu .owl-prev {margin-left: 10px !important;}
#owl-menu .owl-next {margin-right: 10px !important;}
#owl-menu .owl-prev:hover,#owl-menu .owl-next:hover {background-color: rgba(0, 0, 0, 0.7) !important;}

@keyframes slide-in-top {
    0% {transform: translateY(-50px);opacity: 0; }
    100% {transform: translateY(0);opacity: 1; }
  }