@font-face {
    font-family: 'Aller Display';
    src: url('font/AllerDisplay-Regular.eot');
    src: url('font/AllerDisplay-Regular.eot?#iefix') format('embedded-opentype'),
        url('font/AllerDisplay-Regular.woff2') format('woff2'),
        url('font/AllerDisplay-Regular.woff') format('woff'),
        url('font/AllerDisplay-Regular.ttf') format('truetype'),
        url('font/AllerDisplay-Regular.svg#AllerDisplay-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Aller';
    src: url('font/Aller-Light.eot');
    src: url('font/Aller-Light.eot?#iefix') format('embedded-opentype'),
        url('font/Aller-Light.woff2') format('woff2'),
        url('font/Aller-Light.woff') format('woff'),
        url('font/Aller-Light.ttf') format('truetype'),
        url('font/Aller-Light.svg#Aller-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

:root {
    --light-blue: #1b9eef;
    --blue: #0071bc;
    --dark-blue: #225270;
    --gray: #606060;
    --orange: #f77d2b;
    --green: #009245;
    --black: #000000;

    --main-nav-height: 14rem;
    --main-nav-height-md: 10rem;
    --navbar-height: 4.875rem;
}

body {font-family:'Aller';font-weight:300;color:var(--black)}

/* colors */
.a-defcolor {color:white!important}
.a-light-blue {color:var(--light-blue)!important}
.a-blue {color:var(--blue)!important}
.a-dark-blue {color:var(--dark-blue)!important}
.a-gray {color:var(--gray)!important}
.a-orange {color:var(--orange)!important}
.a-green {color:var(--green)!important}
.a-defcolor:hover, .a-light-blue:hover, .a-blue:hover, .a-dark-blue:hover, .a-gray:hover, .a-orange:hover, .a-green:hover {opacity:.8;}

.text-defcolor, .text-white {color:white!important}
.text-light-blue {color:var(--light-blue)!important}
.text-blue {color:var(--blue)!important}
.text-dark-blue {color:var(--dark-blue)!important}
.text-gray {color:var(--gray)!important}
.text-orange {color:var(--orange)!important}
.text-green {color:var(--green)!important}

.bg-defcolor {background-color:white!important}
.bg-light-blue {background-color:var(--light-blue)!important}
.bg-blue {background-color:var(--blue)!important}
.bg-dark-blue {background-color:var(--dark-blue)!important}
.bg-gray {background-color:var(--gray)!important}
.bg-orange {background-color:var(--orange)!important}
.bg-green {background-color:var(--green)!important}
.bg-white {background-color:white!important}

.border-defcolor {border-color:white!important}
.border-light-blue {border-color:var(--light-blue)!important}
.border-blue {border-color:var(--blue)!important}
.border-dark-blue {border-color:var(--dark-blue)!important}
.border-gray {border-color:var(--gray)!important}
.border-orange {border-color:var(--orange)!important}
.border-green {border-color:var(--green)!important}

.btn-defcolor, .btn-defcolor:hover, .btn-i-defcolor:hover, .btn-i-defcolor.active, .btn-i-defcolor {color:white!important;background-color:white;border-color:white}
.btn-light-blue, .btn-1 {color:white!important;background-color:var(--light-blue);border-color:var(--light-blue)}
.btn-light-blue:hover, .btn-1:hover {color:var(--light-blue)!important;background-color:white;border-color:var(--light-blue)}
.btn-blue, .btn-2 {color:white!important;background-color:var(--blue);border-color:var(--blue)}
.btn-blue:hover, .btn-2:hover {color:var(--blue)!important;background-color:white;border-color:var(--blue)}
.btn-dark-blue, .btn-3 {color:white!important;background-color:var(--dark-blue);border-color:var(--dark-blue)}
.btn-dark-blue:hover, .btn-3:hover {color:var(--dark-blue)!important;background-color:white;border-color:var(--dark-blue)}
.btn-gray, .btn-4 {color:white!important;background-color:var(--gray);border-color:var(--gray)}
.btn-gray:hover, .btn-4:hover {color:var(--gray)!important;background-color:white;border-color:var(--gray)}
.btn-orange, .btn-5 {color:white!important;background-color:var(--orange);border-color:var(--orange)}
.btn-orange:hover, .btn-5:hover {color:var(--orange)!important;background-color:white;border-color:var(--orange)}
.btn-green, .btn-6 {color:white!important;background-color:var(--green);border-color:var(--green)}
.btn-green:hover, .btn-6:hover {color:var(--green)!important;background-color:white;border-color:var(--green)}

.btn-i-light-blue:hover, .btn-i-light-blue.active {color:white!important;background-color:var(--light-blue);border-color:var(--light-blue)}
.btn-i-light-blue {color:var(--light-blue)!important;background-color:white;border-color:var(--light-blue)}
.btn-i-blue:hover, .btn-i-blue.active {color:white!important;background-color:var(--blue);border-color:var(--blue)}
.btn-i-blue {color:var(--blue)!important;background-color:white;border-color:var(--blue)}
.btn-i-dark-blue:hover, .btn-i-dark-blue.active {color:white!important;background-color:var(--dark-blue);border-color:var(--dark-blue)}
.btn-i-dark-blue {color:var(--dark-blue)!important;background-color:white;border-color:var(--dark-blue)}
.btn-i-gray:hover, .btn-i-gray.active {color:white!important;background-color:var(--gray);border-color:var(--gray)}
.btn-i-gray {color:var(--gray)!important;background-color:white;border-color:var(--gray)}
.btn-i-orange:hover, .btn-i-orange.active {color:white!important;background-color:var(--orange);border-color:var(--orange)}
.btn-i-orange {color:var(--orange)!important;background-color:white;border-color:var(--orange)}
.btn-i-green:hover,.btn-i-green.active {color:white!important;background-color:var(--green);border-color:var(--green)}
.btn-i-green {color:var(--green)!important;background-color:white;border-color:var(--green)}

.qc-cmp2-persistent-link {background:var(--gray)!important;border-color:var(--gray);color:white!important}

/* font */
.font-weight-bold, strong {font-family:'Aller Display';font-weight:normal;}
.fs-0 {font-style:0}
.fs-1 {font-size:.75rem}
.fs-2 {font-size:1rem}
.fs-3 {font-size:1.25rem}
.fs-4 {font-size:1.5rem}
.fs-5 {font-size:2rem}
.fs-6, .navbar-brand {font-size:3rem}
.fs-7 {font-size:4rem}
.fs-8 {font-size:6rem}
.fs-9 {font-size:8rem}

/* part */
.btn-olvas {
    font-family:'Aller Display';
    font-weight:normal;
    border-radius:0!important;
    position:absolute;
    bottom:-1.5rem;
    right:2rem;
}

/* navbar */
.navbar-light .navbar-toggler {color:white;border-color:white}
.navbar {position:relative;}
.navbar-brand {position:absolute;top:3px;z-index:1060}
.navbar .navbar-nav.fs-6 {margin-left:156px;}

/* headline */
.headline {border-bottom:1rem solid;display:inline-block;}
.headline h1, .headline h2, .headline h4 {display:inline;}
.headline h4 {border-top:1px solid var(--black);padding-top:.5rem;text-transform:uppercase;}

/* map */
.map-section {position:relative;}
.map-section .map {
    border-top: 1rem solid;
    border-bottom: 1rem solid;
    height:450px;
}
.map-section .contact {
    position:absolute;
    top:2rem;
    left:15%;
    display:block;
    background-color:white;
    border:1px solid var(--gray);
    padding: 1rem;
}
.map-section .contact .headline {border-bottom:.5rem solid;display:inline-block;margin-bottom:.25rem}

@media screen and (max-width:1199px){
}
@media screen and (max-width:991px){
    .fs-3 {font-size:1.125rem}
    .fs-6 {font-size:2.5rem}
    .navbar-brand {position:relative;;top:0}
    .navbar .navbar-nav.fs-6 {margin-left:0;}
    .headline h4 {padding-top:.25rem;}
    .map-section .contact {left:10%;}
}
@media screen and (max-width:768px){
    .error-page, .login-page, .forgot-page, .user-page, .userconfirm-page,
    .error-page > div, .login-page > div, .forgot-page > div, .user-page > div, .userconfirm-page > div {min-height:calc(100vh - var(--main-nav-height-md))}
    .map-section .contact {
        position:relative;
        top:0;
        left:0;
        border:0 none;
    }
}
@media screen and (max-width:480px){
    .fs-3 {font-size:1rem}
    .fs-4 {font-size:1.125rem}
    .fs-5 {font-size:1.25rem}
    .fs-6 {font-size:2rem}
    .fs-7 {font-size:3rem}
    .headline h4 {display:block;}
}
@media (orientation: landscape) {
}
@media (orientation: portrait) {
}
@media (max-width: 991px) and (orientation:landscape) {
}
@media (max-width: 768px) and (orientation:landscape) {
}
@media (max-width: 480px) and (orientation:landscape) {
}
@media screen and (min-width:1200px){
    .d-xl-grid {display: grid!important}
}
@media screen and (min-width:992px){
    .d-lg-grid {display: grid!important}
}
@media screen and (min-width:768px){
    .d-md-grid {display: grid!important}
    .simple-btn-list .btn-group {height:100%}
}
@media screen and (min-width:576px){
    .d-sm-grid {display: grid!important}
}