body {
    font-family: var(--bodyfont);
}

.content {
    font-size: 18px;
}


/*
font-family: 'Fira Sans', sans-serif;
font-family: 'Roboto', sans-serif;
*/

body.modal-open {
    overflow: hidden;
}

.flatpickr-calendar.open {
    box-shadow: 0px 0px 30px #00000066;
}

.module-fragebogen-form .modal-content {
    padding: 20px;
}

.modal-background.white {
    background-color: #fff;
}

.navbar-item img {
    height: 36px;
    max-height: none;
}

.navbar .navbar-menu,
.navbar-brand {
    margin-top: 0.75em;
    margin-bottom: 0.75em;
}

.navbar .navteaser {
    padding: 0 2rem;
    line-height: 1.2;
}

section.padding-false {
    padding: 0;
}

.burger.has-icon {
    padding: 10px 15px;
    font-size: 2em;
    line-height: 1;
}

li.column.image img {
    margin: 0 auto;
}

footer {
    background-color: #003045;
    padding-top: 3em;
    padding-bottom: 6em;
}

footer a {
    color: #eef6f6;
}

footer a:hover {
    color: #ccd3d3;
}

footer p {
    color: #ccd9d9;
}

footer ul.nav {
    font-size: 0.9em;
}

.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
    color: inherit;
}

.content h1 {
    font-family: 'Fira Sans', sans-serif;
    font-size: 30px;
    color: rgba(95, 160, 0, 1);
}

.module-image-form-section .content h1 {
    color: #fff;
    line-height: 1.28em;
}

.module-image-form-section .margin-right h1 {
    margin-right: 0.7em !important;
    font-size: 32px;
}

.content h2 {
    font-family: 'Roboto', sans-serif;
    font-size: 26px;
    color: #233a6f;
    font-weight: bold;
}

.content h3 {
    font-family: 'Roboto', sans-serif;
    font-size: 24px;
    color: #233a6f;
    font-weight: bold;
}

.content h1+h2 {
    margin-top: 0 !important;
}

.navbar .row1,
.navbar .row2 {
    text-align: right;
    line-height: 1.2;
    font-family: 'Fira Sans', sans-serif;
    color: #233A6F;
}

.navbar .row1 a,
.navbar .row2 a {
    color: #233A6F;
}

.navbar .row1 {
    margin-top: 0.2em;
    font-size: 18px;
}

.navbar .row2 {
    font-size: 20px;
    font-weight: bold;
}

.telias-box {
    background: #f4f7ec;
    padding: 1.5em 2em 1.5em;
}

.telias-box a {
    color: #000000;
    font-weight: bold;
    text-decoration: underline;
}

img.rounded {
    border-radius: 50%;
    border: 3px solid #5FA000;
}

.module-contact-person .cta,
.module-contact-person .cta strong {
    margin-top: 10px;
    color: #233a6f;
    font-size: 26px;
}

.module-contact-person .cta h1 {
    font-size: 30px;
    font-weight: 800;
    color: #233a6f;
    margin-bottom: 25px;
}

.module-contact-person h2,
.module-contact-person h1 {
    font-family: 'Fira Sans';
}

.modal-card .contact-form {
    max-width: none;
}

ul.content-box-features {
    margin: 0 0 0 10px;
}

ul.content-box-features>li {
    list-style: none;
    position: relative;
    padding: 0 0 0 36px;
}

ul.content-box-features>li:before {
    content: '';
    display: inline-block;
    height: 22px;
    width: 22px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('../img/checkmark.svg');
    position: absolute;
    left: 0;
}

.position-left {
    padding-right: 1.5em;
}

.header-form-heading-bg {
    font-family: 'Fira Sans', sans-serif;
    color: #233A6F;
}

.hide {
    display: none;
}

.show {
    display: inline-block;
}

.content a.button,
.contact-form button {
    border-radius: 5px;
    line-height: 2.5em;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 1.5em;
    padding-left: 1.5em;
    height: 2.5em;
    min-width: 300px;
    font-weight: bold;
}

.content.slick-content {
    max-width: 65%;
}

.content.slick-content a.button {
    border: 1px solid rgba(0, 0, 0, 0.3) !important;
    background: rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.7);
    border-radius: 3px;
}

.content.slick-content a.button:hover {
    color: #ddd;
    background: rgba(0, 0, 0, 0.3);
}

.has-background-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #fff;
}

.breakout {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}

.contact-form .is-success input[type=checkbox]:checked+label:before {
    background-color: #89BA17;
    border-color: #518500;
}

.contact-content {
    color: #003045;
    padding-right: 4em;
}

.contact-wrapper {
    padding: 0.25em;
}

.module-image-form-section .content-text.padding-top-small {
    margin-top: auto !important;
    margin-bottom: 16% !important;
}

.module-image-form-section .content-text.padding-top-medium {
    margin-top: auto !important;
    margin-bottom: 8% !important;
}

.module-image-form-section .content-text.padding-top-large {
    margin-top: auto !important;
    margin-bottom: 4% !important;
}

.contact-form {
    color: #434343;
    box-shadow: 0px 23.25pt 3.3125pc -11.25pt rgba(0, 0, 0, .76);
}

@media screen and (min-width: 1088px) {
    .contact-form {
        max-width: 350px;
    }
    .has-form-right .contact-form {
        margin: 0 0 3em 3em;
        right: 0;
    }
    .has-form-left .contact-form {
        margin: 0 3em 3em 0;
    }
}

@media screen and (max-width: 1087px) {
    .contact-form.box {
        border-radius: 0 !important;
    }
    .navbar-brand .navbar-item {
        margin: 0 auto;
    }
}

.navbar-burger {
    margin-left: inherit;
    position: absolute;
    left: 20px;
}

.module-modal-content {
    display: none;
}

.contact-form label {
    font-weight: normal;
    font-size: 0.9em;
    margin-bottom: 0 !important;
}

.contact-form .b-checkbox label {
    padding-left: 25px;
}

.contact-form input:focus {
    border-color: #518500;
    box-shadow: 0 0 0 0.125em rgba(143, 187, 85, .5);
}

.contact-form .select select,
.contact-form .select:not(.is-multiple):not(.is-loading)::after,
.contact-form input {
    border-color: #87BB42;
}

.contact-form.box {
    padding: 0.75em 1em;
}

.contact-form .header-form-heading-bg {
    border-bottom: 1px solid #5FA000;
}

.contact-form .header-contact-bg-pad {
    padding: 1em 0 0;
}

.contact-form .header-form-heading-bg,
.contact-form .header-form-text {
    margin-bottom: 0.75em;
}

.contact-form .header-form-text {
    padding: 0.5em 0 0;
    letter-spacing: 1px;
}

.contact-form button.is-fullwidth {
    margin-top: 20px;
    border-radius: none;
    font-size: 1.3em;
    height: auto;
}

.contact-form .b-checkbox {
    background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjMDAwMDAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PGRlZnM+PGcgaWQ9ImEiPjxwYXRoIGZpbGw9IiMwMDAwMDAiIHN0cm9rZT0ibm9uZSIgZD0iIE0gNTUuMjUgMzUuNzUgUSA1NS4yNSAzOC4yIDYxLjU1IDQzLjggNjIuMiA0NC4zNSA2Ny4yNSA0OC40IDU1LjIgNDguMyAyNi4xNSA0Ny4yIDIyLjQ1IDQ3LjIgMjEuMSA0OC4yNSAyMC4xNSA0OSAyMC4xNSA1MC45IDIwLjE1IDU1IDQ3Ljc1IDU0LjIgNTguNDUgNTMuOSA2Ni43NSA1Mi45NSA2OC4xIDUyLjggNjkuMjUgNTIuNiA2Ny4xNSA1NC42IDYyLjA1IDU5LjMgNTQuOSA2NiA1NC45IDY2LjIgNTQuOSA2NyA1NS4xNSA2Ny4wNSBMIDU1LjQgNjYuOTUgUSA2MC41IDY3Ljc1IDcwLjU1IDU5LjggNzkuOSA1Mi40IDc5LjkgNTAuMjUgNTguMyAzMi45NSA1OC4xNSAzMi45NSA1Ni43IDMyLjk1IDU1Ljg1IDM0IDU1LjI1IDM0Ljg1IDU1LjI1IDM1Ljc1IFoiPjwvcGF0aD48L2c+PC9kZWZzPjxnIHRyYW5zZm9ybT0ibWF0cml4KCAxLCAwLCAwLCAxLCAwLDApICI+PHVzZSB4bGluazpocmVmPSIjYSI+PC91c2U+PC9nPjwvc3ZnPg==");
}

.contact-form .validate:not(.valid-true) {
    display: none;
}

@keyframes highlight {
    0% {
        /*color: inherit; */
    }
    100% {
        color: red;
    }
}

.content.testimonial q::before,
.content.testimonial q::after {
    font-size: 2.5em;
    position: absolute;
    color: rgba(95, 160, 0, 1);
}

.content.testimonial q::before {
    margin-left: -20px;
    margin-top: -10px;
}

.content.testimonial q::after {
    margin-left: 5px;
    margin-top: -10px;
}

.highlight {
    animation: highlight 0.5s;
}

input:not([type="file"]).error,
textarea.error,
select.error {
    border: 1px solid red !important;
}

input:not([type="file"]).no-error,
textarea.no-error,
select.no-error {
    border: 1px solid green !important;
}

div.error-field {
    color: red;
    font-size: small;
}


/*
.contact-form input, .contact-form select {
    color: #222;
    background: rgba(255,255,255,0.7);
    border: 1px solid rgba(0,0,0,0.2);
    letter-spacing: 1px;
    padding-top: 6px;
    padding-bottom: 6px;    
    opacity: 1;
    box-shadow: none;
  }
  */

.contact-form input::placeholder {
    color: #666 !important;
}

.contact-form input::-webkit-input-placeholder {
    color: #666 !important;
}

.contact-form input:-ms-input-placeholder {
    color: #666 !important;
}

.contact-form input::-ms-input-placeholder {
    color: #666 !important;
}

form.modal-card-body box.ajax-form.contact-form {
    border-radius: 0;
    background: #f3f3f3 !important;
}

@media screen and (min-width: 769px) {
    .modal-card.autosize,
    .modal-content {
        width: auto;
    }
    .modal-card.autosize .modal-card-body {
        padding: 0;
    }
}

header {
    left: 0;
    top: 0;
    right: 0;
    z-index: 10000;
    width: 100%;
}

.headline {
    font-size: 3rem;
}

header .header-bg {
    position: absolute;
    /*background-image: linear-gradient(90deg,#2b24b4,#1b1926);*/
    height: 100%;
    display: block;
    width: 100%;
    top: 0;
    z-index: -1;
}

.module-image-form-section .content>div {
    padding: 1.5rem 2rem 1.5rem;
}

.xnavbar-item.fixed-width {
    font-size: 1em;
    /* padding: 1rem; */
    margin: 0.25rem 0rem;
    height: auto;
    margin-left: 15px;
    min-width: 160px;
}

.xnavbar-item.is-dark {
    color: rgba(244, 244, 244, 0.8);
}

.xnavbar-item.fixed-width .icon i {
    font-size: 1.1em;
}

.xnavbar-item.button {
    border-radius: 5px;
}

.xnavbar-item.button.is-white:hover {
    color: #5FA000;
}

.xnavbar-item.button.is-primary {
    background-color: #5FA000;
    color: #fff;
}

.is-fixed-top .xnavbar-item {
    font-size: 1em;
}

nav.navbar {
    border-bottom: 4px solid rgba(95, 160, 0, 0.9);
}

@media screen and (min-width: 1088px) {
    header.has-fixed-nav nav.navbar {
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        position: fixed;
        width: 100%;
    }
}

.section {
    position: relative;
}

.img-shadow img {
    box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.2);
}

.bgeffect {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 40px;
    z-index: -1;
    width: 100%;
    padding-bottom: 50%;
    border-radius: 50%;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(68%, #fff), to(var(--color)));
    background-image: linear-gradient(180deg, #fff 68%, var(--color));
}

.bgeffect-left {
    left: auto;
    right: 32%;
}

.bgeffect-right {
    right: auto;
    left: 32%;
}

.logo-list {
    margin: 0;
    padding: 0;
    display: table;
    table-layout: fixed;
    width: 100%;
}

footer .logo-list {
    width: auto !important;
}

.logo-list.logo-items-are-grey img {
    display: inline-block;
    filter: alpha(opacity=100);
    filter: gray;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-filter: grayscale(100%);
    opacity: .75;
}

.cookiedisclaimer a {
    color: #000;
    text-decoration: none;
}

.cookiedisclaimer a:hover {
    text-decoration: underline;
}

.cookiedisclaimer div {
    padding: 10px;
    padding-right: 10em;
    letter-spacing: 0.5px;
}

.cookiedisclaimer {
    outline: 1px solid #7b92a9;
    text-align: right;
    border-top: 1px solid #fff;
    background: #d6e0eb;
    background: -moz-linear-gradient(top, #d6e0eb 0%, #f2f6f9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d6e0eb), color-stop(100%, #f2f6f9));
    background: -webkit-linear-gradient(top, #d6e0eb 0%, #f2f6f9 100%);
    background: -o-linear-gradient(top, #d6e0eb 0%, #f2f6f9 100%);
    background: -ms-linear-gradient(top, #d6e0eb 0%, #f2f6f9 100%);
    background: linear-gradient(to bottom, #d6e0eb 0%, #f2f6f9 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#d6e0eb', endColorstr='#f2f6f9', GradientType=0);
    position: fixed;
    bottom: 0px;
    z-index: 10000;
    width: 100%;
    font-size: 12px;
    line-height: 18px;
}

.cookiedisclaimerCloser {
    color: #777;
    font: 14px/100% arial, sans-serif;
    position: absolute;
    right: 10px;
    text-decoration: none !important;
    text-shadow: 0 1px 0 #fff;
    top: 5px;
    cursor: pointer;
    border-top: 1px solid white;
    border-left: 1px solid white;
    border-bottom: 1px solid #7b92a9;
    border-right: 1px solid #7b92a9;
    padding: 5px;
    background: #ced6df;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ced6df 0%, #f2f6f9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ced6df), color-stop(100%, #f2f6f9));
    background: -webkit-linear-gradient(top, #ced6df 0%, #f2f6f9 100%);
    background: -o-linear-gradient(top, #ced6df 0%, #f2f6f9 100%);
    background: -ms-linear-gradient(top, #ced6df 0%, #f2f6f9 100%);
    background: linear-gradient(to bottom, #ced6df 0%, #f2f6f9 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ced6df', endColorstr='#f2f6f9', GradientType=0);
}

.cookiedisclaimerCloser:hover {
    border-bottom: 1px solid white;
    border-right: 1px solid white;
    border-top: 1px solid #7b92a9;
    border-left: 1px solid #7b92a9;
}

.m-none {
    margin: 0;
}

.p-none {
    padding: 0;
}

.m-t-none {
    margin-top: 0;
}

.p-t-none {
    padding-top: 0;
}

.m-r-none {
    margin-right: 0;
}

.p-r-none {
    padding-right: 0;
}

.m-b-none {
    margin-bottom: 0;
}

.p-b-none {
    padding-bottom: 0;
}

.m-l-none {
    margin-left: 0;
}

.p-l-none {
    padding-left: 0;
}

.m-xxs {
    margin: 0.125rem;
}

.p-xxs {
    padding: 0.125rem;
}

.m-t-xxs {
    margin-top: 0.125rem;
}

.p-t-xxs {
    padding-top: 0.125rem;
}

.m-r-xxs {
    margin-right: 0.125rem;
}

.p-r-xxs {
    padding-right: 0.125rem;
}

.m-b-xxs {
    margin-bottom: 0.125rem;
}

.p-b-xxs {
    padding-bottom: 0.125rem;
}

.m-l-xxs {
    margin-left: 0.125rem;
}

.p-l-xxs {
    padding-left: 0.125rem;
}

.m-xs {
    margin: 0.25rem;
}

.p-xs {
    padding: 0.25rem;
}

.m-t-xs {
    margin-top: 0.25rem;
}

.p-t-xs {
    padding-top: 0.25rem;
}

.m-r-xs {
    margin-right: 0.25rem;
}

.p-r-xs {
    padding-right: 0.25rem;
}

.m-b-xs {
    margin-bottom: 0.25rem;
}

.p-b-xs {
    padding-bottom: 0.25rem;
}

.m-l-xs {
    margin-left: 0.25rem;
}

.p-l-xs {
    padding-left: 0.25rem;
}

.m-sm {
    margin: 0.5rem;
}

.p-sm {
    padding: 0.5rem;
}

.m-t-sm {
    margin-top: 0.5rem;
}

.p-t-sm {
    padding-top: 0.5rem;
}

.m-r-sm {
    margin-right: 0.5rem;
}

.p-r-sm {
    padding-right: 0.5rem;
}

.m-b-sm {
    margin-bottom: 0.5rem;
}

.p-b-sm {
    padding-bottom: 0.5rem;
}

.m-l-sm {
    margin-left: 0.5rem;
}

.p-l-sm {
    padding-left: 0.5rem;
}

.m-md {
    margin: 1rem;
}

.p-md {
    padding: 1rem;
}

.m-t-md {
    margin-top: 1rem;
}

.p-t-md {
    padding-top: 1rem;
}

.m-r-md {
    margin-right: 1rem;
}

.p-r-md {
    padding-right: 1rem;
}

.m-b-md {
    margin-bottom: 1rem;
}

.p-b-md {
    padding-bottom: 1rem;
}

.m-l-md {
    margin-left: 1rem;
}

.p-l-md {
    padding-left: 1rem;
}

.m-lg {
    margin: 2rem;
}

.p-lg {
    padding: 2rem;
}

.m-t-lg {
    margin-top: 2rem;
}

.p-t-lg {
    padding-top: 2rem;
}

.m-r-lg {
    margin-right: 2rem;
}

.p-r-lg {
    padding-right: 2rem;
}

.m-b-lg {
    margin-bottom: 2rem;
}

.p-b-lg {
    padding-bottom: 2rem;
}

.m-l-lg {
    margin-left: 2rem;
}

.p-l-lg {
    padding-left: 2rem;
}

.m-xl {
    margin: 4rem;
}

.p-xl {
    padding: 4rem;
}

.m-t-xl {
    margin-top: 4rem;
}

.p-t-xl {
    padding-top: 4rem;
}

.m-r-xl {
    margin-right: 4rem;
}

.p-r-xl {
    padding-right: 4rem;
}

.m-b-xl {
    margin-bottom: 4rem;
}

.p-b-xl {
    padding-bottom: 4rem;
}

.m-l-xl {
    margin-left: 4rem;
}

.p-l-xl {
    padding-left: 4rem;
}

.m-xxl {
    margin: 8rem;
}

.p-xxl {
    padding: 8rem;
}

.m-t-xxl {
    margin-top: 8rem;
}

.p-t-xxl {
    padding-top: 8rem;
}

.m-r-xxl {
    margin-right: 8rem;
}

.p-r-xxl {
    padding-right: 8rem;
}

.m-b-xxl {
    margin-bottom: 8rem;
}

.p-b-xxl {
    padding-bottom: 8rem;
}

.m-l-xxl {
    margin-left: 8rem;
}

.p-l-xxl {
    padding-left: 8rem;
}

.modal-card-body .content {
    overflow: hidden;
}

@media (min-width: 1088px) {
    .shariff {
        top: 90px;
        left: 0;
        width: 40px;
        position: fixed !important;
    }
}

@media (max-width: 769px) {
    .shariff {
        top: 90px;
        right: 0;
        width: 150px;
        position: fixed !important;
        z-index: 1000;
    }
}

@media (max-width: 1087px) and (min-width: 769px) {
    .shariff {
        top: 90px;
        left: 0;
        width: 150px;
        position: fixed !important;
        z-index: 1000;
    }
}

.huddel {
    margin-top: 100px;
}