@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');

:root {
    --thema-first-color: #164863;
    --thema-second-color: #427D9D;
    --thema-third-color: #9BBEC8;
    --thema-fourth-color: #DDF2FD;
    --thema-fifth-color: #F3F6F9;
    --thema-text-color: #404040;
    --thema-black-color: #000000;
    --thema-white-color: #ffffff;
    --thema-border-color: #e7e7e7;
    --thema-container-max-width: 1400px;
    --thema-container-padding: 30px;
    --thema-header-height: 120px;
    --thema-section-padding: 100px;
}
@media (max-width: 991.99px) {
    :root {
        --thema-container-padding: 15px;
        --thema-header-height: 100px;
        --thema-section-padding: 50px;
    }
}
*, ::before, ::after { margin:0; padding:0; box-sizing:border-box; /*transition:all .2s linear;*/ }
h1, h2, h3, h4, h5, h6 { line-height:normal; }
.responsive-img { vertical-align:bottom; }
/* font-size:clamp(30px, 10vw, 50px); */
html.mainpage, html.mainpage body { height:100%; }
body { color:var(--thema-black-color); font-size:18px; font-family: 'Poppins', sans-serif; background-color:var(--thema-white-color); }
/*body.mobile-nav-active { overflow-y:hidden; }*/

.social-media { display:flex; align-items:flex-start; justify-content:center; flex-wrap:wrap; margin:0; padding:0; list-style:none; text-align:center; }
.social-media > li { margin-left:3px; margin-right:3px; }
.social-media > li > a { width:37px; height:37px; display:inline-block; color:var(--thema-black-color); font-size:17px; line-height:37px; border:1px solid var(--thema-black-color); /*border-radius:50%;*/ }
.social-media > li > a:hover { color:var(--thema-first-color) !important; border-color:var(--thema-first-color); }

.link-btn { display:inline-block; padding:15px 45px; color:var(--thema-white-color); border-radius:30px; background-color:var(--thema-first-color); }
.link-btn:hover { color:var(--thema-first-color); background-color:var(--thema-white-color); }

.header { height:var(--thema-header-height); position:relative; z-index:7; }
.header > .container { height:var(--thema-header-height); display:flex; align-items:center; justify-content:space-between; }
.header .site-logo { max-width:200px; display:inline-block; overflow:hidden; }
.header .mobile-trigger { display:none; padding:10px 20px; color:var(--thema-white-color); font-size:20px; font-weight:600; background-color:var(--thema-first-color); cursor:pointer; }

.nav { width:auto; height:auto; line-height:normal; position:relative; z-index:1; background-color:transparent; box-shadow:none !important; }
.nav .nav-list { margin:0; padding:0; list-style:none; display:flex; align-items:center; justify-content:space-around; flex-wrap:nowrap; }
.nav .nav-list > li { padding-left:var(--thema-container-padding); position:relative; }
.nav .nav-list > li a { padding:0; color:var(--thema-black-color); }
.nav .nav-list > li i { height:auto; margin-left:5px; }
.nav .nav-list > li .nav-title { padding:0; color:var(--thema-black-color); font-size:20px; font-weight:600; }
.nav .nav-list > li .nav-title:hover { color:var(--thema-second-color); background-color:transparent; }
.nav .nav-list > li a:hover { color:var(--thema-second-color); background-color:transparent; }

.nav .dropdown-content { width:300px !important; padding:var(--thema-container-padding); position:absolute; top:calc( var(--thema-container-padding) * 1.5 ) !important; left:0 !important; z-index:1; border:1px solid var(--thema-border-color); border-top:5px solid var(--thema-first-color); background-color:var(--thema-white-color); box-shadow:none !important; transition:none; }
.nav .dropdown-content ol, .navigation .dropdown-content ul { margin:0; padding:0; list-style:none; }
.nav .dropdown-content li { min-height:inherit; float:none; margin-bottom:5px; line-height:normal; position:relative; z-index:1; }
.nav .dropdown-content li a { min-height:inherit; display:block; overflow:hidden; margin:2px 0px; padding:0px; color:var(--black-color); font-size:18px; line-height:normal; position:relative; background-color:transparent; }
.nav .dropdown-content li a > strong { display:inline-block; overflow:hidden; font-size:18px; font-weight:500; }
.nav .dropdown-content li a > i { width:auto; height:auto; float:none; margin:0; position:absolute; left:0; top:0; }
.nav .dropdown-content li a > span { display:inline-block; overflow:hidden; padding-left:15px; vertical-align:top; }
.nav .dropdown-content ol ol { padding-top:10px; padding-bottom:20px; }
.nav .dropdown-content li:hover { background-color:transparent; }

@media (max-width: 991.99px) {
    .nav { display:none; }
    .header .mobile-trigger { display:inline-block; }
}

main {  }

.headline-section { height:100%; max-height:calc(100% - var(--thema-header-height)); min-height:375px; overflow:hidden; margin-bottom:var(--thema-section-padding); color:var(--thema-white-color); position:relative; border-bottom:1px solid var(--thema-border-color); background-image:url(/images/headline-bg.webp); background-repeat:no-repeat; background-position:center center; background-size:cover; }
.headline-section::before { width:100%; height:100%; opacity:0.7; position:absolute; left:0; top:0; z-index:0; background-color:var(--thema-first-color); content:""; }
.headline-section > .container { text-align:center; color:var(--thema-white-color); position:relative; top:50%; z-index:1; transform:translateY(-50%); }
.headline-section .headline { margin:0; margin-bottom:20px; font-size:50px; }
.headline-section .headline, .headline-slider .title { font-size:40px; font-weight:700; }
.headline-section .link-btn { margin-top:40px; color:var(--thema-first-color); background-color:var(--thema-white-color); }
.headline-slider {   }
.headline-slider .owl-dots { text-align:center; }
.headline-slider .owl-dots > .owl-dot { width:20px; height:20px; display:inline-block; margin-left:2px; margin-right:2px; line-height:normal; border:2px solid var(--thema-white-color); border-radius:50%; background-color:transparent; }
.headline-slider .owl-dots > .owl-dot.active { background-color:var(--thema-white-color); }
.headline-slider .owl-slide {  }
@media (max-width: 1199.99px) {
    .headline-section { max-height:calc(70% - var(--thema-header-height)); }
    .headline-section .headline, .headline-slider .title { font-size:40px; }
}
@media (max-width: 991.99px) {
    .headline-section { max-height:calc(50% - var(--thema-header-height)); }
    .headline-section .headline, .headline-slider .title { font-size:30px; }
}

.section { padding-top:var(--thema-section-padding); padding-bottom:var(--thema-section-padding); text-align:center; }
.section-title { margin:0 auto; margin-bottom:40px; text-align:center; color:var(--thema-first-color); font-size:40px; font-weight:700; }
.section-summary { margin:0 auto; margin-bottom:40px; text-align:center; font-size:16px; line-height:26px; }
@media (max-width: 991.99px) {
    .section-title { font-size:30px; }
}

.services-section { }
.services { display:flex; align-items:flex-start; justify-content:space-between; flex-wrap:wrap; overflow:hidden; margin:0; margin-bottom:50px; padding:0; text-align:center; }
.services > li { width:calc(25% - 20px); margin-bottom:30px; padding:30px; text-align:left; color:var(--thema-white-color); background-color:var(--thema-second-color); }
.services > li .title { min-height:75px; display:inline-block; color:var(--thema-white-color); font-size:20px; font-weight:700; }
.services > li .summary { min-height:165px; margin:0; font-size:16px; line-height:26px; }
.services > li .link { display:inline-block; color:var(--thema-white-color); font-weight:600; }
.services > li .link i { margin-left:15px; }
@media (max-width: 1199.99px) {
    .services > li { width:calc(50% - 20px); }
}
@media (max-width: 767.99px) {
    .services > li { width:100%; }
}

.blogs-section { margin-bottom:var(--thema-section-padding); }
.blogs { display:flex; align-items:flex-start; justify-content:center; flex-wrap:wrap; overflow:hidden; margin:0; padding:0; text-align:center; }
.blogs > li { width:calc(33% - 10px); margin-bottom:30px; text-align:left; border:1px solid var(--thema-border-color); background-color:var(--thema-white-color); }
.blogs > li .image { display:inline-block; }
.blogs > li .image img { border-bottom:1px solid var(--thema-border-color); }
.blogs > li .details { min-height:170px; overflow:hidden; padding:30px; }
.blogs > li .parent { display:block; color:var(--thema-second-color); font-size:18px; font-weight:400; }
.blogs > li .title { display:inline-block; margin-top:10px; color:var(--thema-first-color); font-size:22px; font-weight:600; }
@media (min-width: 1200px) {
    .blogs > li:nth-child(3n+2) { margin-left:20px; margin-right:20px; }
}
@media (max-width: 991.99px) {
    .blogs > li { width:calc(50% - 20px); }
    .blogs > li:nth-child(2n+2) { margin-left:20px; }
}
@media (max-width: 767.99px) {
    .blogs > li { width:100%; }
}

.form-section { margin-bottom:var(--thema-section-padding); padding-bottom:calc(var(--thema-section-padding) / 2); background-color:var(--thema-first-color); }
.form-section .section-title { margin-bottom:0; color:var(--thema-white-color); }
.form-contact { max-width:980px; overflow:hidden; margin:0 auto; text-align:left; }
.form-contact label { color:var(--thema-third-color); font-size:16px; }
.form-contact input[type="text"], .form-contact input[type="tel"], .form-contact input[type="email"], .form-contact textarea.materialize-textarea { color:var(--thema-white-color); font-size:16px; margin-bottom:0px; border-bottom-color:var(--thema-third-color); }
.form-contact .input-field input[type="text"]:focus + label, .form-contact .input-field input[type="tel"]:focus + label, .form-contact .input-field input[type="email"]:focus + label, .form-contact .input-field .materialize-textarea:focus + label { color:var(--thema-white-color); }
.form-contact .input-field input[type="text"]:focus, .form-contact .input-field input[type="tel"]:focus, .form-contact .input-field input[type="email"]:focus, .form-contact .input-field .materialize-textarea:focus { color:var(--thema-white-color); border-bottom-color:var(--thema-white-color); box-shadow: 0 1px 0 0 var(--thema-white-color); }
.form-contact .require-text { display:none; margin-top:10px; color:var(--thema-text-color); font-size:14px; }
.form-contact .btn { height:auto; display:inline-block; overflow:hidden; padding:15px 45px; text-align:center; color:var(--thema-first-color); font-size:18px; font-weight:700; line-height:normal; text-transform:none; letter-spacing:normal; border-radius:0px; background-color:var(--thema-third-color); }

.footer { overflow:hidden; padding-bottom:80px; text-align:center; color:var(--thema-white-color); font-size:16px; background-color:var(--thema-black-color); }

.footer .links-section { padding-bottom:30px; }
.footer .links, .footer .links ol { margin:0; padding:0; list-style:none; text-align:left; }
.footer .links { display:flex; align-items:flex-start; justify-content:space-between; flex-wrap:wrap; }
.footer .links > li { max-width:25%; vertical-align:top; }
.footer .links > li .first { display:inline-block; margin-bottom:25px; color:var(--thema-white-color); font-size:20px; font-weight:600; }
.footer .links ol { margin-bottom:35px; }
.footer .links ol > li { margin-bottom:5px; }
.footer .links ol > li a { display:inline-block; color:var(--thema-white-color); }
.footer .address { margin-bottom:40px; font-style:normal; }
.footer .address a { display:inline-block; color:var(--thema-white-color); font-size:18px; font-weight:700; }
.footer a:hover { color:var(--thema-second-color) !important; }
.copyright-section { overflow:hidden; padding-top:40px; text-align:center; border-top:1px solid rgba(255,255,255,0.1); }
.copyright-section .copyright { margin-top:5px; }
.copyright-section .warning { overflow:hidden; clear:both; padding-top:30px; text-align:left; font-size:14px; }
@media (max-width: 1199.99px) {
    .footer .links > li { max-width:50%; }
}
@media (max-width: 991.99px) {
    .footer .links, .footer .links ol { text-align:center; }
    .footer .links { display:block; }
    .footer .links > li { max-width:inherit; }
}

.main-container {}
.article-container { padding-bottom:50px; }
.header-section { overflow:hidden; margin-bottom:70px; padding-top:50px; padding-bottom:50px; text-align:center; color:var(--thema-white-color); position:relative; background-color:var(--thema-first-color); }
.header-section > .container { position:relative; z-index:1; }

.article-title { margin:0; font-size:50px; font-weight:700; }
.article-summary { max-width:768px; margin:0 auto; text-align:center; }
.article-breadcrumb { overflow:hidden; margin:0px; padding:0px; list-style:none; }
.article-breadcrumb > li { display:inline-block; vertical-align:top; color:var(--thema-white-color); font-size:16px; position:relative; }
.article-breadcrumb > li + li:before { padding:0px 5px; vertical-align:top; content: "-"; }
.article-breadcrumb > li > a { display:inline-block; color:var(--thema-white-color); }
@media (max-width: 1199.99px) {
    .article-title { font-size:40px; }
}
@media (max-width: 991.99px) {
    .article-title { font-size:30px; }
}

.content-section {  }
.article-text { max-width:980px; margin-left:auto; margin-right:auto; }
.article-text h2, .article-text h3 { margin-top:0px; margin-bottom:20px; font-size:36px; font-weight:700; }
.article-text h3 { font-size:32px; }
.article-text p { margin-bottom:30px; }
.article-text p strong { font-weight:700; }
.article-text a { color:var(--thema-second-color); }
.article-text ul:not(.browser-default) { margin-bottom:30px; padding-left:40px; }
.article-text ul:not(.browser-default) li { list-style:disc; }
.article-text .article-image { margin-bottom:40px; text-align:center; }
.article-text .article-image img { border:1px solid var(--thema-border-color); }

.article-images { margin:0; padding:0; list-style:none; text-align:center; }
.article-images > li { display:inline-block; margin:7px; vertical-align:top; }
.article-images > li > a { display:inline-block; }
.article-images > li > a img { border:1px solid var(--thema-border-color); }

.teams { display:flex; align-items:flex-start; justify-content:center; flex-wrap:wrap; overflow:hidden; margin:0; padding:0; text-align:center; }
.teams > li { width:calc(33% - 10px); margin-bottom:30px; }
.teams > li > a { display:inline-block; }
.teams > li > a img { border:1px solid var(--thema-border-color); }
.teams > li .title { display:inline-block; padding-top:15px; color:var(--thema-first-color); font-size:20px; font-weight:600; }
@media (min-width: 1200px) {
    .teams > li:nth-child(3n+2) { margin-left:20px; margin-right:20px; }
}
@media (max-width: 991.99px) {
    .teams > li { width:calc(50% - 20px); }
    .teams > li:nth-child(2n+2) { margin-left:20px; }
}
@media (max-width: 767.99px) {
    .teams > li { width:100%; }
}

.fixed-links { width:100%; margin:0px; display:none; align-items:center; padding:0px; list-style:none; text-align:center; position:fixed; left:0px; bottom:0px; z-index:2; }
.fixed-links > li { width:50%; }
.fixed-links > li > a { display:block; color:var(--thema-white-color); font-size:15px; font-weight:600; line-height:40px; cursor:pointer; background-color:var(--thema-first-color); }
.fixed-links > li .phone { background-color:#27bc80; }
.fixed-links > li .direction { background-color:#4285F4; }
@media (max-width: 991.99px) {
    .fixed-links { display:flex; }
}

.mobile-active { width:0; height:100%; position:fixed; left:-1px; top:0; z-index:990; background-color:rgba(0,0,0,0.5); cursor:pointer; }
.mobile-active-open { width:100%; left:0; }
.mobile-section { width:300px; height:100vh; overflow-y:auto; margin:0; position:fixed; left:-310px; top:0; z-index:999; background-color:var(--thema-white-color); }
.mobile-section-open { left:0; }
.mobile-section .mobile-container { overflow:hidden; }
.mobile-section .mobile-header { min-height:100px; display:flex; align-items:center; padding:30px 15px; color:var(--thema-white-color); background-color:var(--thema-first-color); }
.mobile-section .headline { font-size:20px; font-weight:700; }
.mobile-section .mobile-content { padding:20px 15px; border-bottom:1px solid var(--thema-border-color); }
.mobile-section .menu, .mobile-section .menu ol { overflow:hidden; margin:0px; padding:0; list-style:none; }
.mobile-section .menu ol { margin-left:15px; margin-bottom:15px; }
.mobile-section .menu a { display:inline-block; overflow:hidden; color:var(--thema-black-color); font-size:16px; }
.mobile-section .menu .main { font-size:18px; font-weight:700; }
.mobile-section .menu a:hover { color:var(--thema-second-color); }
.mobile-section .mobile-footer { padding:20px 15px; text-align:center; }

.cookieConsentContainer { width:300px; opacity:0; font-size:14px; position:fixed; left:30px; bottom:40px; z-index:999; background-color:#e7ebed; }
.cookieConsentContainer .cookieContent { overflow:hidden; padding:15px; color:var(--thema-black-color); }
.cookieConsentContainer .cookieDesc { display:inline-block; padding:5px; }
.cookieConsentContainer .cookieDesc a { color:var(--thema-black-color); text-decoration:underline; }
.cookieConsentContainer .cookieDesc span { cursor:pointer; }
.cookieConsentContainer .cookieButtons { display:inline-block; padding:5px; }
.cookieConsentContainer .cookieButtons span { display:inline-block; padding:7px 17px; color:var(--thema-white-color); cursor:pointer; background-color:var(--thema-black-color); }

.display-none { display:none !important; }
.border-none { border:0px !important; }
.radius-none { border-radius:0px !important; }
.shadow-none { box-shadow:none !important; text-shadow:none !important; }
.outline-none, a { outline:none !important; }
a { text-decoration:none; }

.container { width:auto; margin-left:auto; margin-right:auto; padding-left:var(--thema-container-padding); padding-right:var(--thema-container-padding); }
/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.99px) { .container { max-width: 100%; } }
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.99px) { .container { max-width: 570px; } }
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.99px) { .container { max-width: 750px; } }
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.99px) { .container { max-width: 990px; } }
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) and (max-width: 1399.99px) { .container { max-width: 1170px; } }
/* XX-Large devices (more than 1400px) */
@media (min-width: 1400px) { .container { max-width: var(--thema-container-max-width); } }