@import url("https://fonts.googleapis.com/css?family=Open+Sans");

.w-25 {
    width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

.w-auto {
    width: auto !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.h-auto {
    height: auto !important
}

.mw-100 {
    max-width: 100% !important
}

.mh-100 {
    max-height: 100% !important
}

.m-0 {
    margin: 0 !important
}

.mt-0, .my-0 {
    margin-top: 0 !important
}

.mr-0, .mx-0 {
    margin-right: 0 !important
}

.mb-0, .my-0 {
    margin-bottom: 0 !important
}

.ml-0, .mx-0 {
    margin-left: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.mt-1, .my-1 {
    margin-top: .25rem !important
}

.mr-1, .mx-1 {
    margin-right: .25rem !important
}

.mb-1, .my-1 {
    margin-bottom: .25rem !important
}

.ml-1, .mx-1 {
    margin-left: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.mt-2, .my-2 {
    margin-top: .5rem !important
}

.mr-2, .mx-2 {
    margin-right: .5rem !important
}

.mb-2, .my-2 {
    margin-bottom: .5rem !important
}

.ml-2, .mx-2 {
    margin-left: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.mt-3, .my-3 {
    margin-top: 1rem !important
}

.mr-3, .mx-3 {
    margin-right: 1rem !important
}

.mb-3, .my-3 {
    margin-bottom: 1rem !important
}

.ml-3, .mx-3 {
    margin-left: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.mt-4, .my-4 {
    margin-top: 1.5rem !important
}

.mr-4, .mx-4 {
    margin-right: 1.5rem !important
}

.mb-4, .my-4 {
    margin-bottom: 1.5rem !important
}

.ml-4, .mx-4 {
    margin-left: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.mt-5, .my-5 {
    margin-top: 3rem !important
}

.mr-5, .mx-5 {
    margin-right: 3rem !important
}

.mb-5, .my-5 {
    margin-bottom: 3rem !important
}

.ml-5, .mx-5 {
    margin-left: 3rem !important
}

.p-0 {
    padding: 0 !important
}

.pt-0, .py-0 {
    padding-top: 0 !important
}

.pr-0, .px-0 {
    padding-right: 0 !important
}

.pb-0, .py-0 {
    padding-bottom: 0 !important
}

.pl-0, .px-0 {
    padding-left: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.pt-1, .py-1 {
    padding-top: .25rem !important
}

.pr-1, .px-1 {
    padding-right: .25rem !important
}

.pb-1, .py-1 {
    padding-bottom: .25rem !important
}

.pl-1, .px-1 {
    padding-left: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.pt-2, .py-2 {
    padding-top: .5rem !important
}

.pr-2, .px-2 {
    padding-right: .5rem !important
}

.pb-2, .py-2 {
    padding-bottom: .5rem !important
}

.pl-2, .px-2 {
    padding-left: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.pt-3, .py-3 {
    padding-top: 1rem !important
}

.pr-3, .px-3 {
    padding-right: 1rem !important
}

.pb-3, .py-3 {
    padding-bottom: 1rem !important
}

.pl-3, .px-3 {
    padding-left: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.pt-4, .py-4 {
    padding-top: 1.5rem !important
}

.pr-4, .px-4 {
    padding-right: 1.5rem !important
}

.pb-4, .py-4 {
    padding-bottom: 1.5rem !important
}

.pl-4, .px-4 {
    padding-left: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.pt-5, .py-5 {
    padding-top: 3rem !important
}

.pr-5, .px-5 {
    padding-right: 3rem !important
}

.pb-5, .py-5 {
    padding-bottom: 3rem !important
}

.pl-5, .px-5 {
    padding-left: 3rem !important
}

.m-auto {
    margin: auto !important
}

.mt-auto, .my-auto {
    margin-top: auto !important
}

.mr-auto, .mx-auto {
    margin-right: auto !important
}

.mb-auto, .my-auto {
    margin-bottom: auto !important
}

.ml-auto, .mx-auto {
    margin-left: auto !important
}

@media (min-width: 576px) {
    .m-sm-0 {
        margin: 0 !important
    }

    .mt-sm-0, .my-sm-0 {
        margin-top: 0 !important
    }

    .mr-sm-0, .mx-sm-0 {
        margin-right: 0 !important
    }

    .mb-sm-0, .my-sm-0 {
        margin-bottom: 0 !important
    }

    .ml-sm-0, .mx-sm-0 {
        margin-left: 0 !important
    }

    .m-sm-1 {
        margin: .25rem !important
    }

    .mt-sm-1, .my-sm-1 {
        margin-top: .25rem !important
    }

    .mr-sm-1, .mx-sm-1 {
        margin-right: .25rem !important
    }

    .mb-sm-1, .my-sm-1 {
        margin-bottom: .25rem !important
    }

    .ml-sm-1, .mx-sm-1 {
        margin-left: .25rem !important
    }

    .m-sm-2 {
        margin: .5rem !important
    }

    .mt-sm-2, .my-sm-2 {
        margin-top: .5rem !important
    }

    .mr-sm-2, .mx-sm-2 {
        margin-right: .5rem !important
    }

    .mb-sm-2, .my-sm-2 {
        margin-bottom: .5rem !important
    }

    .ml-sm-2, .mx-sm-2 {
        margin-left: .5rem !important
    }

    .m-sm-3 {
        margin: 1rem !important
    }

    .mt-sm-3, .my-sm-3 {
        margin-top: 1rem !important
    }

    .mr-sm-3, .mx-sm-3 {
        margin-right: 1rem !important
    }

    .mb-sm-3, .my-sm-3 {
        margin-bottom: 1rem !important
    }

    .ml-sm-3, .mx-sm-3 {
        margin-left: 1rem !important
    }

    .m-sm-4 {
        margin: 1.5rem !important
    }

    .mt-sm-4, .my-sm-4 {
        margin-top: 1.5rem !important
    }

    .mr-sm-4, .mx-sm-4 {
        margin-right: 1.5rem !important
    }

    .mb-sm-4, .my-sm-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-sm-4, .mx-sm-4 {
        margin-left: 1.5rem !important
    }

    .m-sm-5 {
        margin: 3rem !important
    }

    .mt-sm-5, .my-sm-5 {
        margin-top: 3rem !important
    }

    .mr-sm-5, .mx-sm-5 {
        margin-right: 3rem !important
    }

    .mb-sm-5, .my-sm-5 {
        margin-bottom: 3rem !important
    }

    .ml-sm-5, .mx-sm-5 {
        margin-left: 3rem !important
    }

    .p-sm-0 {
        padding: 0 !important
    }

    .pt-sm-0, .py-sm-0 {
        padding-top: 0 !important
    }

    .pr-sm-0, .px-sm-0 {
        padding-right: 0 !important
    }

    .pb-sm-0, .py-sm-0 {
        padding-bottom: 0 !important
    }

    .pl-sm-0, .px-sm-0 {
        padding-left: 0 !important
    }

    .p-sm-1 {
        padding: .25rem !important
    }

    .pt-sm-1, .py-sm-1 {
        padding-top: .25rem !important
    }

    .pr-sm-1, .px-sm-1 {
        padding-right: .25rem !important
    }

    .pb-sm-1, .py-sm-1 {
        padding-bottom: .25rem !important
    }

    .pl-sm-1, .px-sm-1 {
        padding-left: .25rem !important
    }

    .p-sm-2 {
        padding: .5rem !important
    }

    .pt-sm-2, .py-sm-2 {
        padding-top: .5rem !important
    }

    .pr-sm-2, .px-sm-2 {
        padding-right: .5rem !important
    }

    .pb-sm-2, .py-sm-2 {
        padding-bottom: .5rem !important
    }

    .pl-sm-2, .px-sm-2 {
        padding-left: .5rem !important
    }

    .p-sm-3 {
        padding: 1rem !important
    }

    .pt-sm-3, .py-sm-3 {
        padding-top: 1rem !important
    }

    .pr-sm-3, .px-sm-3 {
        padding-right: 1rem !important
    }

    .pb-sm-3, .py-sm-3 {
        padding-bottom: 1rem !important
    }

    .pl-sm-3, .px-sm-3 {
        padding-left: 1rem !important
    }

    .p-sm-4 {
        padding: 1.5rem !important
    }

    .pt-sm-4, .py-sm-4 {
        padding-top: 1.5rem !important
    }

    .pr-sm-4, .px-sm-4 {
        padding-right: 1.5rem !important
    }

    .pb-sm-4, .py-sm-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-sm-4, .px-sm-4 {
        padding-left: 1.5rem !important
    }

    .p-sm-5 {
        padding: 3rem !important
    }

    .pt-sm-5, .py-sm-5 {
        padding-top: 3rem !important
    }

    .pr-sm-5, .px-sm-5 {
        padding-right: 3rem !important
    }

    .pb-sm-5, .py-sm-5 {
        padding-bottom: 3rem !important
    }

    .pl-sm-5, .px-sm-5 {
        padding-left: 3rem !important
    }

    .m-sm-auto {
        margin: auto !important
    }

    .mt-sm-auto, .my-sm-auto {
        margin-top: auto !important
    }

    .mr-sm-auto, .mx-sm-auto {
        margin-right: auto !important
    }

    .mb-sm-auto, .my-sm-auto {
        margin-bottom: auto !important
    }

    .ml-sm-auto, .mx-sm-auto {
        margin-left: auto !important
    }
}

@media (min-width: 768px) {
    .m-md-0 {
        margin: 0 !important
    }

    .mt-md-0, .my-md-0 {
        margin-top: 0 !important
    }

    .mr-md-0, .mx-md-0 {
        margin-right: 0 !important
    }

    .mb-md-0, .my-md-0 {
        margin-bottom: 0 !important
    }

    .ml-md-0, .mx-md-0 {
        margin-left: 0 !important
    }

    .m-md-1 {
        margin: .25rem !important
    }

    .mt-md-1, .my-md-1 {
        margin-top: .25rem !important
    }

    .mr-md-1, .mx-md-1 {
        margin-right: .25rem !important
    }

    .mb-md-1, .my-md-1 {
        margin-bottom: .25rem !important
    }

    .ml-md-1, .mx-md-1 {
        margin-left: .25rem !important
    }

    .m-md-2 {
        margin: .5rem !important
    }

    .mt-md-2, .my-md-2 {
        margin-top: .5rem !important
    }

    .mr-md-2, .mx-md-2 {
        margin-right: .5rem !important
    }

    .mb-md-2, .my-md-2 {
        margin-bottom: .5rem !important
    }

    .ml-md-2, .mx-md-2 {
        margin-left: .5rem !important
    }

    .m-md-3 {
        margin: 1rem !important
    }

    .mt-md-3, .my-md-3 {
        margin-top: 1rem !important
    }

    .mr-md-3, .mx-md-3 {
        margin-right: 1rem !important
    }

    .mb-md-3, .my-md-3 {
        margin-bottom: 1rem !important
    }

    .ml-md-3, .mx-md-3 {
        margin-left: 1rem !important
    }

    .m-md-4 {
        margin: 1.5rem !important
    }

    .mt-md-4, .my-md-4 {
        margin-top: 1.5rem !important
    }

    .mr-md-4, .mx-md-4 {
        margin-right: 1.5rem !important
    }

    .mb-md-4, .my-md-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-md-4, .mx-md-4 {
        margin-left: 1.5rem !important
    }

    .m-md-5 {
        margin: 3rem !important
    }

    .mt-md-5, .my-md-5 {
        margin-top: 3rem !important
    }

    .mr-md-5, .mx-md-5 {
        margin-right: 3rem !important
    }

    .mb-md-5, .my-md-5 {
        margin-bottom: 3rem !important
    }

    .ml-md-5, .mx-md-5 {
        margin-left: 3rem !important
    }

    .p-md-0 {
        padding: 0 !important
    }

    .pt-md-0, .py-md-0 {
        padding-top: 0 !important
    }

    .pr-md-0, .px-md-0 {
        padding-right: 0 !important
    }

    .pb-md-0, .py-md-0 {
        padding-bottom: 0 !important
    }

    .pl-md-0, .px-md-0 {
        padding-left: 0 !important
    }

    .p-md-1 {
        padding: .25rem !important
    }

    .pt-md-1, .py-md-1 {
        padding-top: .25rem !important
    }

    .pr-md-1, .px-md-1 {
        padding-right: .25rem !important
    }

    .pb-md-1, .py-md-1 {
        padding-bottom: .25rem !important
    }

    .pl-md-1, .px-md-1 {
        padding-left: .25rem !important
    }

    .p-md-2 {
        padding: .5rem !important
    }

    .pt-md-2, .py-md-2 {
        padding-top: .5rem !important
    }

    .pr-md-2, .px-md-2 {
        padding-right: .5rem !important
    }

    .pb-md-2, .py-md-2 {
        padding-bottom: .5rem !important
    }

    .pl-md-2, .px-md-2 {
        padding-left: .5rem !important
    }

    .p-md-3 {
        padding: 1rem !important
    }

    .pt-md-3, .py-md-3 {
        padding-top: 1rem !important
    }

    .pr-md-3, .px-md-3 {
        padding-right: 1rem !important
    }

    .pb-md-3, .py-md-3 {
        padding-bottom: 1rem !important
    }

    .pl-md-3, .px-md-3 {
        padding-left: 1rem !important
    }

    .p-md-4 {
        padding: 1.5rem !important
    }

    .pt-md-4, .py-md-4 {
        padding-top: 1.5rem !important
    }

    .pr-md-4, .px-md-4 {
        padding-right: 1.5rem !important
    }

    .pb-md-4, .py-md-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-md-4, .px-md-4 {
        padding-left: 1.5rem !important
    }

    .p-md-5 {
        padding: 3rem !important
    }

    .pt-md-5, .py-md-5 {
        padding-top: 3rem !important
    }

    .pr-md-5, .px-md-5 {
        padding-right: 3rem !important
    }

    .pb-md-5, .py-md-5 {
        padding-bottom: 3rem !important
    }

    .pl-md-5, .px-md-5 {
        padding-left: 3rem !important
    }

    .m-md-auto {
        margin: auto !important
    }

    .mt-md-auto, .my-md-auto {
        margin-top: auto !important
    }

    .mr-md-auto, .mx-md-auto {
        margin-right: auto !important
    }

    .mb-md-auto, .my-md-auto {
        margin-bottom: auto !important
    }

    .ml-md-auto, .mx-md-auto {
        margin-left: auto !important
    }
}

@media (min-width: 992px) {
    .m-lg-0 {
        margin: 0 !important
    }

    .mt-lg-0, .my-lg-0 {
        margin-top: 0 !important
    }

    .mr-lg-0, .mx-lg-0 {
        margin-right: 0 !important
    }

    .mb-lg-0, .my-lg-0 {
        margin-bottom: 0 !important
    }

    .ml-lg-0, .mx-lg-0 {
        margin-left: 0 !important
    }

    .m-lg-1 {
        margin: .25rem !important
    }

    .mt-lg-1, .my-lg-1 {
        margin-top: .25rem !important
    }

    .mr-lg-1, .mx-lg-1 {
        margin-right: .25rem !important
    }

    .mb-lg-1, .my-lg-1 {
        margin-bottom: .25rem !important
    }

    .ml-lg-1, .mx-lg-1 {
        margin-left: .25rem !important
    }

    .m-lg-2 {
        margin: .5rem !important
    }

    .mt-lg-2, .my-lg-2 {
        margin-top: .5rem !important
    }

    .mr-lg-2, .mx-lg-2 {
        margin-right: .5rem !important
    }

    .mb-lg-2, .my-lg-2 {
        margin-bottom: .5rem !important
    }

    .ml-lg-2, .mx-lg-2 {
        margin-left: .5rem !important
    }

    .m-lg-3 {
        margin: 1rem !important
    }

    .mt-lg-3, .my-lg-3 {
        margin-top: 1rem !important
    }

    .mr-lg-3, .mx-lg-3 {
        margin-right: 1rem !important
    }

    .mb-lg-3, .my-lg-3 {
        margin-bottom: 1rem !important
    }

    .ml-lg-3, .mx-lg-3 {
        margin-left: 1rem !important
    }

    .m-lg-4 {
        margin: 1.5rem !important
    }

    .mt-lg-4, .my-lg-4 {
        margin-top: 1.5rem !important
    }

    .mr-lg-4, .mx-lg-4 {
        margin-right: 1.5rem !important
    }

    .mb-lg-4, .my-lg-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-lg-4, .mx-lg-4 {
        margin-left: 1.5rem !important
    }

    .m-lg-5 {
        margin: 3rem !important
    }

    .mt-lg-5, .my-lg-5 {
        margin-top: 3rem !important
    }

    .mr-lg-5, .mx-lg-5 {
        margin-right: 3rem !important
    }

    .mb-lg-5, .my-lg-5 {
        margin-bottom: 3rem !important
    }

    .ml-lg-5, .mx-lg-5 {
        margin-left: 3rem !important
    }

    .p-lg-0 {
        padding: 0 !important
    }

    .pt-lg-0, .py-lg-0 {
        padding-top: 0 !important
    }

    .pr-lg-0, .px-lg-0 {
        padding-right: 0 !important
    }

    .pb-lg-0, .py-lg-0 {
        padding-bottom: 0 !important
    }

    .pl-lg-0, .px-lg-0 {
        padding-left: 0 !important
    }

    .p-lg-1 {
        padding: .25rem !important
    }

    .pt-lg-1, .py-lg-1 {
        padding-top: .25rem !important
    }

    .pr-lg-1, .px-lg-1 {
        padding-right: .25rem !important
    }

    .pb-lg-1, .py-lg-1 {
        padding-bottom: .25rem !important
    }

    .pl-lg-1, .px-lg-1 {
        padding-left: .25rem !important
    }

    .p-lg-2 {
        padding: .5rem !important
    }

    .pt-lg-2, .py-lg-2 {
        padding-top: .5rem !important
    }

    .pr-lg-2, .px-lg-2 {
        padding-right: .5rem !important
    }

    .pb-lg-2, .py-lg-2 {
        padding-bottom: .5rem !important
    }

    .pl-lg-2, .px-lg-2 {
        padding-left: .5rem !important
    }

    .p-lg-3 {
        padding: 1rem !important
    }

    .pt-lg-3, .py-lg-3 {
        padding-top: 1rem !important
    }

    .pr-lg-3, .px-lg-3 {
        padding-right: 1rem !important
    }

    .pb-lg-3, .py-lg-3 {
        padding-bottom: 1rem !important
    }

    .pl-lg-3, .px-lg-3 {
        padding-left: 1rem !important
    }

    .p-lg-4 {
        padding: 1.5rem !important
    }

    .pt-lg-4, .py-lg-4 {
        padding-top: 1.5rem !important
    }

    .pr-lg-4, .px-lg-4 {
        padding-right: 1.5rem !important
    }

    .pb-lg-4, .py-lg-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-lg-4, .px-lg-4 {
        padding-left: 1.5rem !important
    }

    .p-lg-5 {
        padding: 3rem !important
    }

    .pt-lg-5, .py-lg-5 {
        padding-top: 3rem !important
    }

    .pr-lg-5, .px-lg-5 {
        padding-right: 3rem !important
    }

    .pb-lg-5, .py-lg-5 {
        padding-bottom: 3rem !important
    }

    .pl-lg-5, .px-lg-5 {
        padding-left: 3rem !important
    }

    .m-lg-auto {
        margin: auto !important
    }

    .mt-lg-auto, .my-lg-auto {
        margin-top: auto !important
    }

    .mr-lg-auto, .mx-lg-auto {
        margin-right: auto !important
    }

    .mb-lg-auto, .my-lg-auto {
        margin-bottom: auto !important
    }

    .ml-lg-auto, .mx-lg-auto {
        margin-left: auto !important
    }
}

@media (min-width: 1200px) {
    .m-xl-0 {
        margin: 0 !important
    }

    .mt-xl-0, .my-xl-0 {
        margin-top: 0 !important
    }

    .mr-xl-0, .mx-xl-0 {
        margin-right: 0 !important
    }

    .mb-xl-0, .my-xl-0 {
        margin-bottom: 0 !important
    }

    .ml-xl-0, .mx-xl-0 {
        margin-left: 0 !important
    }

    .m-xl-1 {
        margin: .25rem !important
    }

    .mt-xl-1, .my-xl-1 {
        margin-top: .25rem !important
    }

    .mr-xl-1, .mx-xl-1 {
        margin-right: .25rem !important
    }

    .mb-xl-1, .my-xl-1 {
        margin-bottom: .25rem !important
    }

    .ml-xl-1, .mx-xl-1 {
        margin-left: .25rem !important
    }

    .m-xl-2 {
        margin: .5rem !important
    }

    .mt-xl-2, .my-xl-2 {
        margin-top: .5rem !important
    }

    .mr-xl-2, .mx-xl-2 {
        margin-right: .5rem !important
    }

    .mb-xl-2, .my-xl-2 {
        margin-bottom: .5rem !important
    }

    .ml-xl-2, .mx-xl-2 {
        margin-left: .5rem !important
    }

    .m-xl-3 {
        margin: 1rem !important
    }

    .mt-xl-3, .my-xl-3 {
        margin-top: 1rem !important
    }

    .mr-xl-3, .mx-xl-3 {
        margin-right: 1rem !important
    }

    .mb-xl-3, .my-xl-3 {
        margin-bottom: 1rem !important
    }

    .ml-xl-3, .mx-xl-3 {
        margin-left: 1rem !important
    }

    .m-xl-4 {
        margin: 1.5rem !important
    }

    .mt-xl-4, .my-xl-4 {
        margin-top: 1.5rem !important
    }

    .mr-xl-4, .mx-xl-4 {
        margin-right: 1.5rem !important
    }

    .mb-xl-4, .my-xl-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-xl-4, .mx-xl-4 {
        margin-left: 1.5rem !important
    }

    .m-xl-5 {
        margin: 3rem !important
    }

    .mt-xl-5, .my-xl-5 {
        margin-top: 3rem !important
    }

    .mr-xl-5, .mx-xl-5 {
        margin-right: 3rem !important
    }

    .mb-xl-5, .my-xl-5 {
        margin-bottom: 3rem !important
    }

    .ml-xl-5, .mx-xl-5 {
        margin-left: 3rem !important
    }

    .p-xl-0 {
        padding: 0 !important
    }

    .pt-xl-0, .py-xl-0 {
        padding-top: 0 !important
    }

    .pr-xl-0, .px-xl-0 {
        padding-right: 0 !important
    }

    .pb-xl-0, .py-xl-0 {
        padding-bottom: 0 !important
    }

    .pl-xl-0, .px-xl-0 {
        padding-left: 0 !important
    }

    .p-xl-1 {
        padding: .25rem !important
    }

    .pt-xl-1, .py-xl-1 {
        padding-top: .25rem !important
    }

    .pr-xl-1, .px-xl-1 {
        padding-right: .25rem !important
    }

    .pb-xl-1, .py-xl-1 {
        padding-bottom: .25rem !important
    }

    .pl-xl-1, .px-xl-1 {
        padding-left: .25rem !important
    }

    .p-xl-2 {
        padding: .5rem !important
    }

    .pt-xl-2, .py-xl-2 {
        padding-top: .5rem !important
    }

    .pr-xl-2, .px-xl-2 {
        padding-right: .5rem !important
    }

    .pb-xl-2, .py-xl-2 {
        padding-bottom: .5rem !important
    }

    .pl-xl-2, .px-xl-2 {
        padding-left: .5rem !important
    }

    .p-xl-3 {
        padding: 1rem !important
    }

    .pt-xl-3, .py-xl-3 {
        padding-top: 1rem !important
    }

    .pr-xl-3, .px-xl-3 {
        padding-right: 1rem !important
    }

    .pb-xl-3, .py-xl-3 {
        padding-bottom: 1rem !important
    }

    .pl-xl-3, .px-xl-3 {
        padding-left: 1rem !important
    }

    .p-xl-4 {
        padding: 1.5rem !important
    }

    .pt-xl-4, .py-xl-4 {
        padding-top: 1.5rem !important
    }

    .pr-xl-4, .px-xl-4 {
        padding-right: 1.5rem !important
    }

    .pb-xl-4, .py-xl-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-xl-4, .px-xl-4 {
        padding-left: 1.5rem !important
    }

    .p-xl-5 {
        padding: 3rem !important
    }

    .pt-xl-5, .py-xl-5 {
        padding-top: 3rem !important
    }

    .pr-xl-5, .px-xl-5 {
        padding-right: 3rem !important
    }

    .pb-xl-5, .py-xl-5 {
        padding-bottom: 3rem !important
    }

    .pl-xl-5, .px-xl-5 {
        padding-left: 3rem !important
    }

    .m-xl-auto {
        margin: auto !important
    }

    .mt-xl-auto, .my-xl-auto {
        margin-top: auto !important
    }

    .mr-xl-auto, .mx-xl-auto {
        margin-right: auto !important
    }

    .mb-xl-auto, .my-xl-auto {
        margin-bottom: auto !important
    }

    .ml-xl-auto, .mx-xl-auto {
        margin-left: auto !important
    }
}

@media (min-width: 1570px) {
    .m-ws-0 {
        margin: 0 !important
    }

    .mt-ws-0, .my-ws-0 {
        margin-top: 0 !important
    }

    .mr-ws-0, .mx-ws-0 {
        margin-right: 0 !important
    }

    .mb-ws-0, .my-ws-0 {
        margin-bottom: 0 !important
    }

    .ml-ws-0, .mx-ws-0 {
        margin-left: 0 !important
    }

    .m-ws-1 {
        margin: .25rem !important
    }

    .mt-ws-1, .my-ws-1 {
        margin-top: .25rem !important
    }

    .mr-ws-1, .mx-ws-1 {
        margin-right: .25rem !important
    }

    .mb-ws-1, .my-ws-1 {
        margin-bottom: .25rem !important
    }

    .ml-ws-1, .mx-ws-1 {
        margin-left: .25rem !important
    }

    .m-ws-2 {
        margin: .5rem !important
    }

    .mt-ws-2, .my-ws-2 {
        margin-top: .5rem !important
    }

    .mr-ws-2, .mx-ws-2 {
        margin-right: .5rem !important
    }

    .mb-ws-2, .my-ws-2 {
        margin-bottom: .5rem !important
    }

    .ml-ws-2, .mx-ws-2 {
        margin-left: .5rem !important
    }

    .m-ws-3 {
        margin: 1rem !important
    }

    .mt-ws-3, .my-ws-3 {
        margin-top: 1rem !important
    }

    .mr-ws-3, .mx-ws-3 {
        margin-right: 1rem !important
    }

    .mb-ws-3, .my-ws-3 {
        margin-bottom: 1rem !important
    }

    .ml-ws-3, .mx-ws-3 {
        margin-left: 1rem !important
    }

    .m-ws-4 {
        margin: 1.5rem !important
    }

    .mt-ws-4, .my-ws-4 {
        margin-top: 1.5rem !important
    }

    .mr-ws-4, .mx-ws-4 {
        margin-right: 1.5rem !important
    }

    .mb-ws-4, .my-ws-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-ws-4, .mx-ws-4 {
        margin-left: 1.5rem !important
    }

    .m-ws-5 {
        margin: 3rem !important
    }

    .mt-ws-5, .my-ws-5 {
        margin-top: 3rem !important
    }

    .mr-ws-5, .mx-ws-5 {
        margin-right: 3rem !important
    }

    .mb-ws-5, .my-ws-5 {
        margin-bottom: 3rem !important
    }

    .ml-ws-5, .mx-ws-5 {
        margin-left: 3rem !important
    }

    .p-ws-0 {
        padding: 0 !important
    }

    .pt-ws-0, .py-ws-0 {
        padding-top: 0 !important
    }

    .pr-ws-0, .px-ws-0 {
        padding-right: 0 !important
    }

    .pb-ws-0, .py-ws-0 {
        padding-bottom: 0 !important
    }

    .pl-ws-0, .px-ws-0 {
        padding-left: 0 !important
    }

    .p-ws-1 {
        padding: .25rem !important
    }

    .pt-ws-1, .py-ws-1 {
        padding-top: .25rem !important
    }

    .pr-ws-1, .px-ws-1 {
        padding-right: .25rem !important
    }

    .pb-ws-1, .py-ws-1 {
        padding-bottom: .25rem !important
    }

    .pl-ws-1, .px-ws-1 {
        padding-left: .25rem !important
    }

    .p-ws-2 {
        padding: .5rem !important
    }

    .pt-ws-2, .py-ws-2 {
        padding-top: .5rem !important
    }

    .pr-ws-2, .px-ws-2 {
        padding-right: .5rem !important
    }

    .pb-ws-2, .py-ws-2 {
        padding-bottom: .5rem !important
    }

    .pl-ws-2, .px-ws-2 {
        padding-left: .5rem !important
    }

    .p-ws-3 {
        padding: 1rem !important
    }

    .pt-ws-3, .py-ws-3 {
        padding-top: 1rem !important
    }

    .pr-ws-3, .px-ws-3 {
        padding-right: 1rem !important
    }

    .pb-ws-3, .py-ws-3 {
        padding-bottom: 1rem !important
    }

    .pl-ws-3, .px-ws-3 {
        padding-left: 1rem !important
    }

    .p-ws-4 {
        padding: 1.5rem !important
    }

    .pt-ws-4, .py-ws-4 {
        padding-top: 1.5rem !important
    }

    .pr-ws-4, .px-ws-4 {
        padding-right: 1.5rem !important
    }

    .pb-ws-4, .py-ws-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-ws-4, .px-ws-4 {
        padding-left: 1.5rem !important
    }

    .p-ws-5 {
        padding: 3rem !important
    }

    .pt-ws-5, .py-ws-5 {
        padding-top: 3rem !important
    }

    .pr-ws-5, .px-ws-5 {
        padding-right: 3rem !important
    }

    .pb-ws-5, .py-ws-5 {
        padding-bottom: 3rem !important
    }

    .pl-ws-5, .px-ws-5 {
        padding-left: 3rem !important
    }

    .m-ws-auto {
        margin: auto !important
    }

    .mt-ws-auto, .my-ws-auto {
        margin-top: auto !important
    }

    .mr-ws-auto, .mx-ws-auto {
        margin-right: auto !important
    }

    .mb-ws-auto, .my-ws-auto {
        margin-bottom: auto !important
    }

    .ml-ws-auto, .mx-ws-auto {
        margin-left: auto !important
    }
}

@font-face {
    font-family: "Campton Light";
    src: url("../Fonts/FS-WebFonts-253509742/5695468/ffa2a131-998b-4420-8aa9-7526939a00ef.woff2") format("woff2"), url("../Fonts/FS-WebFonts-253509742/5695468/83d872ed-e852-48fe-8195-1d9f39e656c3.woff") format("woff")
}

@font-face {
    font-family: "Campton Bold";
    src: url("../Fonts/FS-WebFonts-253509742/5695488/c3b56908-18d5-4d6a-9cb6-1c8bbceb6ff7.woff2") format("woff2"), url("../Fonts/FS-WebFonts-253509742/5695488/ae814eb0-14da-4198-85e0-2ca858fc1698.woff") format("woff")
}

body {
    font-size: 16px;
    line-height: 20px;
    color: #000;
    background-color: #fff;
    font-family: "Campton Light", sans-serif;
    padding-top: 132px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

input:focus, select:focus, textarea:focus, button:focus {
    outline: none
}

h1, h2, h3 {
    margin-top: 10px;
    margin-bottom: 10px;
    color: #000;
    font-family: "Campton Bold", sans-serif
}

h4, h5, h6 {
    font-family: "Campton Bold", sans-serif
}

h1 {
    font-size: 24px;
    line-height: 24px
}

header h1 {
    margin-bottom: 40px
}

h2 {
    font-size: 20px;
    line-height: 20px
}

h3 {
    font-size: 20px;
    line-height: 20px
}

h1 span, h2 span, h3 span {
    color: #000;
    display: block
}

section {
    margin-bottom: 20px
}

a {
    color: #004B95
}

p {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 16px
}

.img-wrapper {
    margin-bottom: 20px
}

.text-media {
    margin-bottom: 40px
}

.ce-outer ul {
    margin-bottom: 20px;
    padding: 0;
    padding-left: 20px;
    list-style: none
}

.ce-outer ul li {
    margin-bottom: 10px;
    position: relative
}

.ce-outer ul li:before {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: #004B95;
    position: absolute;
    top: 4px;
    left: -18px
}

.form-group {
    margin-bottom: 20px
}

.image-as-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.image-as-background img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;'
}

.half-square {
    width: 100%;
    display: block;
    position: relative;
    border: 1px solid black
}

.half-square:after {
    content: '';
    display: block;
    padding-bottom: 50%
}

.button {
    background-color: #004B95;
    border: none;
    color: #fff;
    font-size: 20px;
    padding: 13px 20px
}

.button-wide {
    width: 100%
}

.mt-10 {
    margin-top: 10px
}

.mb-10 {
    margin-bottom: 10px
}

.mt-20 {
    margin-top: 20px
}

.mb-20 {
    margin-bottom: 20px
}

.mb-40 {
    margin-bottom: 40px
}

.p-10 {
    padding: 10px
}

.p-20 {
    padding: 20px
}

.container-background-color__default {
    background-color: none
}

.container-background-color__primary {
    background-color: #004B95;
    margin: 10px;
    margin-bottom: 20px
}

.container-background-color__secondary {
    background-color: #ececec;
    margin: 10px;
    margin-bottom: 20px
}

.header__img {
    position: relative;
    height: 400px;
    margin-bottom: 20px
}

.header__img-content {
    height: 100%
}

.header__img-content .container {
    height: 100%
}

.header__img-content .container .row {
    height: 100%
}

.header__img-content .container .row .fullheight {
    height: 100%
}

.header__img-content .header__img-content-content {
    padding: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    height: calc(100% - 40px);
    background-color: #fff
}

.header__img-content .header__img-content-content h1, .header__img-content .header__img-content-content h2, .header__img-content .header__img-content-content h3 {
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 30px
}

.header__img-content .header__img-content-content .header__img-content-content-subline {
    text-transform: none;
    color: #000;
    margin-bottom: 0px
}

.header__img-content .header__img-search-content {
    padding: 10px;
    background-color: #004B95;
    color: #fff;
    top: 50%;
    transform: translate(0, -50%);
    position: relative
}

.header__img-content .header__img-search-content label {
    display: block
}

.header__img-content .header__img-search-content .header__img-search-content-group {
    display: table;
    width: 100%
}

.header__img-content .header__img-search-content .header__img-search-content-group input[type="text"] {
    width: calc(100% - 42px);
    float: left;
    margin: 0px;
    font-size: 16px;
    padding: 8px 0px 8px 12px;
    border-left: 1px solid #707070;
    border-bottom: 1px solid #707070;
    border-top: 1px solid #707070;
    border-right: none;
    border-radius: 0px;
    line-height: 22px;
    color: #000
}

.header__img-content .header__img-search-content .header__img-search-content-group button {
    background-color: #fff;
    border-right: 1px solid #707070;
    border-bottom: 1px solid #707070;
    border-top: 1px solid #707070;
    border-left: none;
    padding: 7px;
    float: left;
    padding-right: 12px
}

.header__img-content .header__img-search-content .header__img-search-content-group button img {
    height: 20px
}

.header__slider {
    width: 100%;
    position: relative
}

.header__slider .header__slider-item .header__slider-item-wrapper {
    height: auto !important;
    width: 100%;
    position: relative
}

.header__slider .header__slider-item .header__slider-item-wrapper:after {
    content: '';
    display: block;
    width: 100%;
    padding-bottom: 43.82%
}

.header__slider .header__slider-item .header__slider-item-wrapper .header__slider-item-img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px
}

.header__slider .header__slider-item .header__slider-item-wrapper .header__slider-item-content {
    width: 100%;
    display: block;
    position: relative;
    max-width: 260px;
    position: absolute;
    background-color: rgba(255, 255, 255, 0.9);
    left: 10px;
    top: 50%;
    transform: translate(0, -50%)
}

.header__slider .header__slider-item .header__slider-item-wrapper .header__slider-item-content:after {
    content: '';
    display: block;
    padding-bottom: 100%
}

.header__slider .header__slider-item .header__slider-item-wrapper .header__slider-item-content .header__slider-item-content-headline {
    position: absolute;
    padding: 20px;
    color: #000;
    font-size: 30px;
    line-height: 34px;
    font-weight: bold;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    overflow: hidden
}

.header__slider .header__slider-item a {
    text-decoration: none
}

.header__slider .slick-dots {
    position: absolute;
    display: block;
    bottom: 20px;
    left: 50%;
    transform: translate(-50%, 0);
    padding: 0px;
    margin: 0px
}

.header__slider .slick-dots li {
    margin-left: 7.5px;
    margin-right: 7.5px
}

.header__slider .slick-dots li button {
    font-size: 0px;
    width: 16px;
    height: 16px;
    background-color: transparent;
    border: 1px solid #004B95;
    border-radius: 50%;
    padding: 0px !important
}

.header__slider .slick-dots .slick-active button {
    background-color: #004B95
}

@media (max-width: 991.98px) {
    .header__img {
        height: auto
    }

    .header__img .image-as-background {
        height: auto;
        position: relative
    }

    .header__img .image-as-background img {
        height: auto
    }
}

#navigation {
    position: fixed;
    background-color: #fff;
    z-index: 1000;
    width: 100%;
    left: 0px;
    top: 0px
}

.navigation__top-menu {
    margin-top: 20px;
    margin-bottom: 20px
}

.navigation__logo img {
    height: 92px;
    width: auto;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.navigation__logo .navigation__logo-small {
    display: none;
    height: 30px;
    margin-top: 6px
}

.navigation__quick-menu {
    margin-left: -10px;
    padding-top: 48px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.navigation__quick-menu ul {
    list-style: none;
    display: table;
    width: 100%;
    table-layout: fixed;
    padding: 0;
    margin: 0;
    text-align: right
}

.navigation__quick-menu ul li {
    display: inline-block;
    text-align: center;
    padding: 11px 15px;
    position: relative;
    vertical-align: middle
}

.navigation__quick-menu ul li ul {
    padding: 15px;
    display: none;
    text-align: left;
    padding-top: 10px;
    position: absolute;
    width: 350px;
    left: 0;
    top: 42px;
    background: #ececec;
    z-index: 1001
}

.navigation__quick-menu ul li ul li {
    margin-bottom: 10px;
    text-align: left;
    display: block;
    padding: 0
}

.navigation__quick-menu ul li ul li a {
    text-transform: none
}

.navigation__quick-menu ul li ul li:last-child {
    margin-bottom: 0
}

.navigation__quick-menu ul li ul:after {
    content: '';
    display: block;
    position: absolute;
    left: 20px;
    top: -10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #ececec transparent
}

.navigation__quick-menu ul li:hover ul {
    display: inline-block
}

.navigation__quick-menu ul li a {
    color: #000;
    text-decoration: none
}

.navigation__quick-menu ul li a:hover {
    text-decoration: none
}

.navigation__quick-menu ul li:last-child {
    padding-right: 0
}

.navigation__search, .navigation__search-mobile {
    position: relative;
    padding-top: 49px;
    float: right;
    width: 100%;
    -webkit-transition: padding 0.3s ease-in-out;
    -moz-transition: padding 0.3s ease-in-out;
    -o-transition: padding 0.3s ease-in-out;
    transition: padding 0.3s ease-in-out
}

.navigation__search .navigation__search-group, .navigation__search-mobile .navigation__search-group {
    display: table;
    width: 100%
}

.navigation__search .navigation__search-group input[type="text"], .navigation__search-mobile .navigation__search-group input[type="text"] {
    width: calc(100% - 42px);
    float: left;
    margin: 0px;
    font-size: 16px;
    padding: 9px 0px 9px 12px;
    border-left: 1px solid #707070;
    border-bottom: 1px solid #707070;
    border-top: 1px solid #707070;
    border-right: none;
    border-radius: 0px;
    line-height: 22px
}

.navigation__search .navigation__search-group button, .navigation__search-mobile .navigation__search-group button {
    border-right: 1px solid #707070;
    border-bottom: 1px solid #707070;
    border-top: 1px solid #707070;
    border-left: none;
    background-color: transparent;
    padding: 10px 8px;
    float: left;
    padding-right: 12px;
    height: 42px
}

.navigation__search .navigation__search-group button img, .navigation__search-mobile .navigation__search-group button img {
    height: 20px
}

.navigation__search-mobile {
    padding-top: 0px;
    margin-bottom: 20px;
    float: none;
    width: 100%
}

.navigation__main-menu-toggle {
    padding: 11px 8px;
    margin-top: 50px;
    width: 42px;
    height: 42px;
    background-color: #004B95;
    float: right;
    margin-left: 8px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.navigation__main-menu-toggle span {
    width: 100%;
    height: 3px;
    background-color: #fff;
    margin-bottom: 5px;
    display: block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.navigation__main-menu-toggle.active span {
    display: none
}

.navigation__main-menu-toggle.active span:first-child {
    display: block;
    transform-origin: 13% 185%;
    transform: rotate(45deg)
}

.navigation__main-menu-toggle.active span:last-child {
    display: block;
    transform: rotate(-45deg)
}

.navigation__main-menu {
    display: none;
    position: relative;
    background-color: #fff
}

.navigation__main-menu a {
    color: #000
}

.navigation__main-menu a:hover {
    text-decoration: none
}

.navigation__main-menu .navigation__main-menu-main {
    position: relative;
    width: 50%;
    padding: 0px;
    margin: 0px;
    list-style: none;
    display: table;
    z-index: 1000;
    padding-bottom: 20px
}

.navigation__main-menu .navigation__main-menu-main li {
    width: 100%;
    float: none;
    font-family: "Campton Bold", sans-serif;
    margin-bottom: 10px
}

.navigation__main-menu .navigation__main-menu-main li ul {
    position: absolute;
    right: -100%;
    margin-top: 20px;
    padding-left: 20px;
    font-size: 14px;
    list-style: none;
    display: none;
    top: 0px;
    padding: 0px;
    margin: 0px;
    width: 100%;
    background-color: #fff
}

.navigation__main-menu .navigation__main-menu-main li ul:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: -100%;
    background-color: #fff;
    display: block;
    z-index: -1
}

.navigation__main-menu .navigation__main-menu-main li ul li {
    margin-bottom: 10px;
    width: 100%;
    float: none;
    font-weight: 300
}

.navigation__main-menu .navigation__main-menu-main li ul li:last-child {
    margin-bottom: 0px
}

.navigation__main-menu .navigation__main-menu-main li ul li ul {
    margin-top: 10px;
    list-style: none
}

.navigation__main-menu .navigation__main-menu-main li ul li ul li {
    margin-bottom: 10px;
    text-transform: none
}

.navigation__main-menu .navigation__main-menu-main li:hover ul {
    display: block
}

.navigation__main-menu .navigation__main-menu-main li .navigation__main-menu-sub-big {
    list-style: none;
    margin: 0 p;
    padding: 0
}

.navigation__main-menu .navigation__main-menu-main li .navigation__main-menu-sub-big li {
    margin-bottom: 10px;
    width: 100%;
    float: none;
    font-family: "Campton Bold", sans-serif
}

.navigation__hotline {
    padding: 13px 13px 13px 35px !important;
    position: relative;
    display: inline-block;
    cursor: pointer;
    line-height: 1;
    text-align: left !important;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin-right: 20px
}

.navigation__hotline:after {
    content: '';
    display: block;
    position: absolute;
    width: 18px;
    height: 18px;
    background-image: url("../Images/icon_phone_black.png");
    background-size: contain;
    top: 12px;
    left: 10px
}

.navigation__hotline .navigation__hotline-dropdown {
    display: none;
    position: absolute;
    background-color: #ececec;
    padding: 20px 10px;
    left: 0;
    width: 253px;
    z-index: 1001;
    top: 100%
}

.navigation__hotline .navigation__hotline-dropdown ul {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    width: auto;
    position: relative;
    background-color: transparent;
    top: 0
}

.navigation__hotline .navigation__hotline-dropdown ul:after {
    display: none
}

.navigation__hotline .navigation__hotline-dropdown ul li {
    margin-bottom: 10px;
    line-height: 22px;
    color: #004B95
}

.navigation__hotline .navigation__hotline-dropdown ul li:last-child {
    margin-bottom: 0
}

.navigation__hotline .navigation__hotline-dropdown ul li:before {
    display: none !important
}

.navigation__hotline .navigation__hotline-dropdown ul li a {
    color: #004B95
}

.navigation__hotline .navigation__hotline-dropdown ul li a:hover {
    color: #000
}

.navigation__hotline:hover .navigation__hotline-dropdown {
    display: block
}

.navigation__webshops {
    padding: 13px 13px 13px 35px !important;
    position: relative;
    display: inline-block;
    cursor: pointer;
    line-height: 1;
    text-align: left !important;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.navigation__webshops:after {
    content: '';
    display: block;
    position: absolute;
    width: 20px;
    height: 18px;
    background-image: url("../Images/icon_shop.png");
    background-size: contain;
    top: 11px;
    left: 10px
}

.navigation__webshops .navigation__webshops-dropdown {
    display: none;
    position: absolute;
    background-color: #ececec;
    padding: 20px 10px;
    left: 0;
    width: 176px;
    z-index: 1001;
    top: 100%
}

.navigation__webshops .navigation__webshops-dropdown ul {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    width: auto;
    position: relative;
    background-color: transparent;
    top: 0
}

.navigation__webshops .navigation__webshops-dropdown ul:after {
    display: none
}

.navigation__webshops .navigation__webshops-dropdown ul li {
    margin-bottom: 10px
}

.navigation__webshops .navigation__webshops-dropdown ul li:last-child {
    margin-bottom: 0
}

.navigation__webshops .navigation__webshops-dropdown ul li:before {
    display: none !important
}

.navigation__webshops:hover .navigation__webshops-dropdown {
    display: block
}

.navigation__shop-menu-mobile {
    list-style: none;
    padding: 0;
    margin: 0;
    padding-bottom: 10px;
    border-top: 1px solid #000;
    padding-top: 10px
}

.navigation__shop-menu-mobile li {
    margin-bottom: 10px;
    font-weight: bold
}

.navigation__shop-menu-mobile li:last-child {
    margin-bottom: 0px
}

.sticky .navigation__logo img {
    height: 42px
}

.sticky .navigation__quick-menu, .sticky .navigation__search {
    padding-top: 0px
}

.sticky .navigation__main-menu-toggle, .sticky .navigation__hotline {
    margin-top: 0px
}

.breadcrumb {
    background-color: transparent;
    padding: 0px;
    font-size: 12px
}

.breadcrumb li a {
    color: #707070
}

@media (max-width: 767.98px) {
    .navigation__main-menu-toggle {
        margin-top: 0px
    }

    body {
        padding-top: 82px
    }
}

.content__text-content {
    margin-bottom: 40px;
    margin-top: 20px
}

.container__grid {
    margin-bottom: 30px
}

.content__grid {
    margin-bottom: 20px
}

.content__grid h1, .content__grid h2, .content__grid h3 {
    color: #004B95;
    text-transform: none;
    font-size: 20px;
    margin-top: 0;
    margin-bottom: 40px
}

.content__grid-single {
    width: 100%;
    display: block;
    position: relative;
    position: relative
}

.content__grid-single:after {
    content: '';
    display: block;
    padding-bottom: 100%
}

.content__grid-single .content__grid-single-content {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    text-transform: none;
    color: #004B95
}

.content__grid-single .content__grid-single-content .content__grid-single-content-headline {
    font-size: 20px;
    font-family: "Campton Bold", sans-serif;
    margin-bottom: 20px;
    line-height: 28px
}

.content__grid-single .content__grid-single-content .content__grid-single-content-copy {
    font-size: 16px;
    color: #000;
    text-transform: none
}

.content__grid-single .content__grid-single-content .content__grid-single-link {
    position: absolute;
    bottom: 20px;
    left: 20px;
    font-size: 16px
}

.content__grid-single .content__grid-single-content .content__grid-single-link a {
    color: #004B95;
    position: relative;
    display: block;
    padding-left: 22px;
    margin-bottom: 10px
}

.content__grid-single .content__grid-single-content .content__grid-single-link a:after {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    background-image: url("../Images/more-blue.png");
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 2px
}

.content__grid-single .content__grid-single-content .content__grid-single-link a:hover {
    text-decoration: none;
    color: #000
}

.content__grid-single .content__grid-single-content .content__grid-single-link a:hover:after {
    background-image: url("../Images/more-black.png")
}

.content__grid-single .content__grid-single-content .content__grid-single-link a:empty:after {
    display: none
}

.content__grid-single .content__grid-single-content .content__grid-single-link a:last-child {
    margin-bottom: 0px
}

.content__grid-double {
    position: relative
}

.content__grid-double .content__grid-double-content {
    width: 100%;
    height: 100%;
    display: table
}

.content__grid-double .content__grid-double-content h1, .content__grid-double .content__grid-double-content h2, .content__grid-double .content__grid-double-content h3 {
    margin-bottom: 20px
}

.content__grid-double .content__grid-double-content h1 span, .content__grid-double .content__grid-double-content h2 span, .content__grid-double .content__grid-double-content h3 span {
    margin-top: 10px;
    color: #000
}

.content__grid-double .content__grid-double-img {
    width: 100%;
    display: block;
    position: relative;
    width: calc(50% - 10px);
    float: left;
    overflow: hidden
}

.content__grid-double .content__grid-double-img:after {
    content: '';
    display: block;
    padding-bottom: 100%
}

.content__grid-double .content__grid-double-img .image-as-background {
    height: auto
}

.content__grid-double .content__grid-double-content-wrapper {
    width: 100%;
    display: block;
    position: relative;
    width: calc(50% - 10px);
    float: left;
    margin-left: 10px;
    overflow: hidden
}

.content__grid-double .content__grid-double-content-wrapper:after {
    content: '';
    display: block;
    padding-bottom: 100%
}

.content__grid-double .content__grid-double-content-text {
    color: #000;
    padding: 20px;
    position: absolute
}

.content__grid-double .content__grid-double-link {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: left;
    padding-bottom: 20px;
    padding-top: 10px;
    font-size: 16px;
    padding-left: 20px
}

.content__grid-double .content__grid-double-link a {
    color: #004B95;
    padding-left: 22px;
    display: block;
    position: relative;
    margin-bottom: 10px;
    margin-top: 7px
}

.content__grid-double .content__grid-double-link a:after {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    background-image: url("../Images/more-blue.png");
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 2px
}

.content__grid-double .content__grid-double-link a:hover {
    text-decoration: none;
    color: #000
}

.content__grid-double .content__grid-double-link a:hover:after {
    background-image: url("../Images/more-black.png")
}

.content__grid-double .content__grid-double-link a:last-child {
    margin-top: 0;
    margin-bottom: 0
}

.content__grid-double.grid-primary {
    color: #fff
}

.content__grid-double.grid-primary .content__grid-double-link a {
    color: #fff
}

.content__grid-double.grid-primary .content__grid-double-link a:after {
    background-image: url("../Images/more-white.png")
}

.content__grid-single.grid-tertiary .content__grid-single-content {
    color: #000 !important
}

.content__grid-single.grid-primary .content__grid-single-link a {
    color: #fff
}

.content__grid-single.grid-primary .content__grid-single-link a:hover {
    color: #fff
}

.content__grid-single.grid-primary .content__grid-single-link a:after {
    background-image: url("../Images/more-white.png")
}

.content__grid-single.grid-tertiary .content__grid-single-content {
    color: #000 !important
}

.grid-tertiary {
    background-color: #ececec
}

.grid-secondary {
    background-color: #fff;
    border: 1px solid #707070
}

.grid-primary {
    background-color: #004B95
}

.grid-primary h1, .grid-primary h2, .grid-primary h3 {
    color: #fff !important;
    font-size: 20px;
    line-height: 20px;
    word-break: break-all;
    margin-bottom: 0px;
    text-transform: inherit
}

.grid-primary .content__grid-double-content-text {
    color: #fff !important
}

.grid-primary .content__grid-single-content {
    color: #fff !important
}

.grid-primary .content__grid-single-content .content__grid-single-content-copy {
    color: #fff !important
}

.grid-primary .content__grid-single-content .content__grid-single-link {
    color: #fff !important
}

.grid-primary .content__grid-single-content .content__grid-single-link:after {
    background-image: url("../Images/more-white.png") !important
}

.content__post-list {
    margin-bottom: 40px
}

.content__post-list h1, .content__post-list h2, .content__post-list h3 {
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 40px;
    margin-top: 40px
}

.content__post-list .content__post-list-item .content__post-list-item-img {
    width: 100%;
    display: block;
    position: relative;
    position: relative;
    margin-bottom: 20px
}

.content__post-list .content__post-list-item .content__post-list-item-img:after {
    content: '';
    display: block;
    padding-bottom: 100%
}

.content__post-list .content__post-list-item .content__post-list-item-content {
    position: relative;
    height: 100%;
    margin-bottom: 20px
}

.content__post-list .content__post-list-item .content__post-list-item-content .content__post-list-item-content-headline {
    margin-bottom: 20px;
    font-size: 20px;
    max-height: 48px;
    height: 48px;
    overflow: hidden;
    color: #004B95
}

.content__post-list .content__post-list-item .content__post-list-item-content .content__post-list-item-content-text {
    height: 96px;
    overflow: hidden
}

.content__post-list .content__post-list-item .content__post-list-item-content .content__post-list-item-content-text p {
    margin: 0px
}

.content__post-list .content__post-list-item .content__post-list-item-content .content__post-list-item-content-date {
    margin-top: 34px;
    color: #707070
}

.content__post-list .content__post-list-item .content__post-list-item-content .content__post-list-item-content-link {
    margin-top: 34px;
    text-align: right
}

.content__post-list .content__post-list-item .content__post-list-item-content .content__post-list-item-content-link a {
    color: #004B95;
    position: relative;
    padding-right: 25px
}

.content__post-list .content__post-list-item .content__post-list-item-content .content__post-list-item-content-link a:hover {
    text-decoration: none
}

.content__post-list .content__post-list-item .content__post-list-item-content .content__post-list-item-content-link a:after {
    content: '';
    background-image: url("../Images/more-blue.png");
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    top: 2px;
    right: 0px;
    width: 16px;
    height: 16px
}

.content__news-slider-wrapper {
    margin-bottom: 20px;
    padding: 20px;
    background-color: #ececec
}

.content__news-slider-wrapper h1, .content__news-slider-wrapper h2, .content__news-slider-wrapper h3 {
    margin-bottom: 40px;
    text-align: center;
    color: #004B95;
    font-size: 24px
}

.content__news-slider-wrapper .content__news-slider-link {
    margin-top: 10px;
    margin-bottom: 20px
}

.content__news-slider-wrapper .content__news-slider-link a {
    color: #004B95
}

.content__news-slider-wrapper .content__news-slider .content__news-slider-item {
    padding: 10px;
    background-color: #fff
}

.content__news-slider-wrapper .content__news-slider .content__news-slider-item .content__news-slider-headline {
    margin-bottom: 20px;
    color: #707070;
    font-size: 20px;
    height: 72px;
    overflow: hidden
}

.content__news-slider-wrapper .content__news-slider .content__news-slider-item .content__news-slider-text {
    margin-bottom: 10px;
    height: 72px;
    overflow: hidden
}

.content__news-slider-wrapper .content__news-slider .content__news-slider-item .content__news-slider-text p {
    margin: 0px
}

.content__news-slider-wrapper .content__news-slider .content__news-slider-item .content__news-slider-info {
    color: #004B95
}

.content__news-slider-wrapper .content__news-slider .content__news-slider-item .content__news-slider-info a {
    color: #004B95;
    position: relative;
    padding-right: 35px;
    display: block
}

.content__news-slider-wrapper .content__news-slider .content__news-slider-item .content__news-slider-info a:hover {
    text-decoration: none
}

.content__news-slider-wrapper .content__news-slider .content__news-slider-item .content__news-slider-info a:after {
    content: '';
    background-image: url("../Images/more.png");
    background-position: center center;
    background-size: 10px;
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 25px;
    height: 25px;
    background-color: #004B95;
    border: 1px solid #ececec
}

.content__news-slider-wrapper .content__news-slider .slick-next, .content__news-slider-wrapper .content__news-slider .slick-prev {
    color: transparent;
    border: none;
    background-color: transparent;
    width: 25px;
    height: 50px;
    position: absolute
}

.content__news-slider-wrapper .content__news-slider .slick-next {
    right: -35px;
    top: 50%;
    transform: translate(0, -50%)
}

.content__news-slider-wrapper .content__news-slider .slick-next:after {
    content: '';
    display: block;
    width: 25px;
    height: 50px;
    background-image: url("../Images/slider-arrow.png");
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 0px;
    left: 0px
}

.content__news-slider-wrapper .content__news-slider .slick-prev {
    left: -35px;
    top: 50%;
    transform: translate(0, -50%)
}

.content__news-slider-wrapper .content__news-slider .slick-prev:after {
    content: '';
    display: block;
    width: 25px;
    height: 50px;
    background-image: url("../Images/slider-arrow.png");
    background-size: contain;
    background-repeat: no-repeat;
    transform: rotate(180deg);
    position: absolute;
    top: 0px;
    left: 0px
}

.content__grid-link-base {
    margin-bottom: 20px;
    background-color: #004B95;
    color: #fff;
    height: 170px;
    position: relative;
    padding: 20px;
    font-size: 20px
}

.content__grid-link-base .content__grid-single-content-headline {
    text-decoration: none !important;
    font-family: "Campton Bold", sans-serif
}

.content__grid-link-base .content__grid-link-link {
    position: absolute;
    bottom: 20px;
    left: 20px;
    font-size: 16px;
    color: #fff
}

.content__grid-link-base .content__grid-link-link a {
    position: relative;
    display: block;
    padding-left: 22px;
    margin-bottom: 10px
}

.content__grid-link-base .content__grid-link-link a:after {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    background-image: url("../Images/more-blue.png");
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    left: 0px;
    top: 2px
}

.content__grid-link-base .content__grid-link-link a:hover {
    text-decoration: none;
    color: #fff
}

.content__grid-link-base .content__grid-link-link a:hover:after {
    background-image: url("../Images/more-white.png")
}

.content__grid-link-base .content__grid-link-link a:empty:after {
    display: none
}

.content__grid-link-base .content__grid-link-link a:last-child {
    margin-bottom: 0
}

.content__grid-link-primary {
    background-color: #004B95;
    color: white
}

.content__grid-link-primary .content__grid-link-link {
    color: white
}

.content__grid-link-primary .content__grid-link-link a {
    color: white
}

.content__grid-link-primary .content__grid-link-link a:after {
    background-image: url("../Images/more-white.png")
}

.content__grid-link-primary .content__grid-link-link a:hover {
    color: #ececec
}

.content__grid-link-primary .content__grid-link-link a:hover:after {
    background-image: url("../Images/more-gray.png")
}

.content__grid-link-secondary {
    background-color: #004B95;
    color: #fff
}

.content__grid-link-secondary .content__grid-link-link {
    color: #fff
}

.content__grid-link-secondary .content__grid-link-link a {
    color: #fff
}

.content__grid-link-secondary .content__grid-link-link a:after {
    background-image: url("../Images/more-white.png")
}

.content__grid-link-tertiary {
    background-color: #fff;
    border: 1px solid #000;
    color: #000
}

.content__grid-link-tertiary .content__grid-link-link {
    color: #000
}

.content__grid-link-tertiary .content__grid-link-link a {
    color: #000
}

.content__grid-link-tertiary .content__grid-link-link a:after {
    background-image: url("../Images/more-blue.png")
}

.content__grid-link-active {
    background-color: #004B95;
    border: 1px solid #707070;
    color: #fff
}

.content__grid-link-active .content__grid-link-link a {
    color: #fff
}

.content__grid-link-active .content__grid-link-link a:after {
    background-image: url("../Images/more-white.png")
}

.content__promobox {
    margin-bottom: 20px;
    position: relative
}

.content__promobox .content__promobox-item {
    height: 440px;
    width: 100%;
    position: relative
}

.content__promobox .content__promobox-item .content__promobox-item-img {
    position: absolute;
    width: 100%;
    height: 100%
}

.content__promobox .content__promobox-item .content__promobox-item-content {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    width: 100%;
    max-width: 290px;
    display: block;
    background-color: rgba(255, 255, 255, 0.8);
    margin-left: 8.33333333%
}

.content__promobox .content__promobox-item .content__promobox-item-content:after {
    content: '';
    display: block;
    padding-bottom: 100%
}

.content__promobox .content__promobox-item .content__promobox-item-content .content__promobox-item-content-wrapper {
    position: absolute;
    left: 0px;
    top: 0px;
    padding: 20px;
    height: 100%
}

.content__promobox .content__promobox-item .content__promobox-item-content .content__promobox-item-content-wrapper .content__promobox-item-content-headline {
    margin-bottom: 20px;
    font-size: 20px;
    color: #004B95
}

.content__promobox .content__promobox-item .content__promobox-item-content .content__promobox-item-content-wrapper .content__promobox-item-content-text {
    margin-bottom: 40px
}

.content__promobox .content__promobox-item .content__promobox-item-content .content__promobox-item-content-wrapper .content__promobox-item-content-link {
    text-align: right;
    position: absolute;
    bottom: 20px;
    right: 20px
}

.content__promobox .content__promobox-item .content__promobox-item-content .content__promobox-item-content-wrapper .content__promobox-item-content-link a {
    color: #004B95;
    position: relative;
    padding-right: 35px
}

.content__promobox .content__promobox-item .content__promobox-item-content .content__promobox-item-content-wrapper .content__promobox-item-content-link a:hover {
    text-decoration: none
}

.content__promobox .content__promobox-item .content__promobox-item-content .content__promobox-item-content-wrapper .content__promobox-item-content-link a:after {
    content: '';
    background-image: url("../Images/more.png");
    background-position: center center;
    background-size: 10px;
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 25px;
    height: 25px;
    background-color: #004B95;
    border: 1px solid #ececec
}

.content__promobox .content__promobox-item .content__promobox-item-content .content__promobox-item-content-wrapper .content__promobox-item-content-link a:empty:after {
    display: none
}

.content__promobox .slick-next, .content__promobox .slick-prev {
    color: transparent;
    border: none;
    background-color: transparent;
    width: 25px;
    height: 50px;
    position: absolute;
    z-index: 2
}

.content__promobox .slick-next {
    right: 20px;
    top: 50%;
    transform: translate(0, -50%)
}

.content__promobox .slick-next:after {
    content: '';
    display: block;
    width: 25px;
    height: 50px;
    background-image: url("../Images/slider-arrow.png");
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 0px;
    left: 0px
}

.content__promobox .slick-prev {
    left: 20px;
    top: 50%;
    transform: translate(0, -50%)
}

.content__promobox .slick-prev:after {
    content: '';
    display: block;
    width: 25px;
    height: 50px;
    background-image: url("../Images/slider-arrow.png");
    background-size: contain;
    background-repeat: no-repeat;
    transform: rotate(180deg);
    position: absolute;
    top: 0px;
    left: 0px
}

.content__promobox .slick-dots {
    position: absolute;
    list-style: none;
    padding: 0px;
    margin: 0px;
    bottom: 10px;
    left: 50%;
    transform: translate(-50%, 0)
}

.content__promobox .slick-dots li {
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px
}

.content__promobox .slick-dots li:first-child {
    padding-left: 0px
}

.content__promobox .slick-dots li:last-child {
    padding-right: 0px
}

.content__promobox .slick-dots li button {
    color: transparent;
    background-color: transparent;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1px solid #004B95;
    border: none;
    padding: 0px;
    margin: 0px;
    display: block
}

.content__promobox .slick-dots .slick-active button {
    background-color: #004B95 !important
}

@media (max-width: 991.9px) {
    .content__promobox .slick-prev, .content__promobox .slick-next {
        display: none !important
    }

    .content__news-slider .slick-prev, .content__news-slider .slick-next {
        display: none !important
    }
}

.content__servicebox {
    margin-bottom: 20px
}

.content__servicebox .content__servicebox-headline {
    margin-bottom: 10px;
    font-size: 20px;
    color: #004B95
}

.content__servicebox .content__servicebox-icon {
    margin-top: 10px;
    width: 100%;
    display: block;
    position: relative;
    background-color: #004B95;
    max-width: 61px;
    max-height: 61px;
    position: relative
}

.content__servicebox .content__servicebox-icon:after {
    content: '';
    display: block;
    padding-bottom: 100%
}

.content__servicebox .content__servicebox-icon a img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 15px;
    width: 100%;
    z-index: 2
}

.content__product-grid {
    margin-bottom: 20px;
    width: 100%;
    display: block;
    position: relative;
    position: relative
}

.content__product-grid:after {
    content: '';
    display: block;
    padding-bottom: 100%
}

.content__product-grid .content__product-grid-img {
    position: absolute;
    width: 100%;
    height: 100%
}

.content__product-grid .content__product-grid-content {
    width: 100%;
    display: block;
    position: relative;
    background-color: rgba(255, 255, 255, 0.8);
    position: absolute;
    width: 100%;
    max-width: calc(50% - 20px);
    left: 10px;
    top: 10px
}

.content__product-grid .content__product-grid-content:after {
    content: '';
    display: block;
    padding-bottom: 100%
}

.content__product-grid .content__product-grid-content .content__product-grid-content-text {
    padding: 10px;
    font-size: 20px;
    color: #000;
    position: absolute;
    top: 0px
}

.content__product-grid .content__product-grid-content .content__grid-single-content-headline {
    margin-bottom: 20px;
    font-family: "Campton Bold", sans-serif
}

.content__product-grid .content__product-grid-content .content__grid-single-content-copy {
    font-size: 16px;
    color: #000;
    text-transform: none
}

.content__product-grid .content__product-grid-content .content__product-grid-content-link {
    position: absolute;
    bottom: 20px;
    left: 10px
}

.content__product-grid .content__product-grid-content .content__product-grid-content-link a {
    color: #004B95;
    position: relative;
    display: block;
    padding-left: 22px;
    margin-bottom: 10px
}

.content__product-grid .content__product-grid-content .content__product-grid-content-link a:after {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    background-image: url("../Images/more-blue.png");
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 2px
}

.content__product-grid .content__product-grid-content .content__product-grid-content-link a:hover {
    text-decoration: none;
    color: #000
}

.content__product-grid .content__product-grid-content .content__product-grid-content-link a:hover:after {
    background-image: url("../Images/more-black.png")
}

.content__product-grid .content__product-grid-content .content__product-grid-content-link a:empty:after {
    display: none
}

.content__product-grid .content__product-grid-content .content__product-grid-content-link a:last-child {
    margin-bottom: 0
}

.content__map-form input[type="text"] {
    width: 100%;
    border: 1px solid #707070;
    margin: 0px;
    font-size: 16px;
    padding: 8px 0px 8px 12px
}

.content__map-form input[type="checkbox"] {
    display: none
}

.content__map-form input[type="checkbox"] + label:before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    border: 1px solid #707070;
    display: inline-block;
    vertical-align: middle;
    line-height: 1.2;
    text-align: center;
    color: #004B95
}

.content__map-form input[type="checkbox"]:checked + label:before {
    content: '\2714'
}

.content__map-form label {
    font-weight: normal;
    display: inline-block
}

.content__map-address-wrapper {
    display: table;
    position: relative
}

.content__map-address-wrapper:after {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    bottom: 10px;
    height: 1px;
    background-color: #fff
}

.content__map-address-wrapper .content__map-address {
    margin-bottom: 10px;
    margin-top: 10px;
    padding-bottom: 20px;
    border-bottom: 1px solid #004B95
}

.img-fluid {
    width: 100%;
    height: auto
}

.pu-form, .kontakt__section {
    margin-bottom: 40px
}

.pu-form label, .kontakt__section label {
    display: none
}

.pu-form .form-group, .kontakt__section .form-group {
    margin-bottom: 10px
}

.pu-form .form-group input[type="text"], .pu-form .form-group input[type="email"], .pu-form .form-group input[type="password"], .pu-form .form-group input[type="number"], .pu-form .form-group input[type="tel"], .pu-form .form-group select, .pu-form .form-group textarea, .kontakt__section .form-group input[type="text"], .kontakt__section .form-group input[type="email"], .kontakt__section .form-group input[type="password"], .kontakt__section .form-group input[type="number"], .kontakt__section .form-group input[type="tel"], .kontakt__section .form-group select, .kontakt__section .form-group textarea {
    height: auto;
    padding: 10px 8px;
    border: 1px solid #707070;
    border-radius: 0
}

.pu-form .form-group input[type="text"]::placeholder, .pu-form .form-group input[type="email"]::placeholder, .pu-form .form-group input[type="password"]::placeholder, .pu-form .form-group input[type="number"]::placeholder, .pu-form .form-group input[type="tel"]::placeholder, .pu-form .form-group select::placeholder, .pu-form .form-group textarea::placeholder, .kontakt__section .form-group input[type="text"]::placeholder, .kontakt__section .form-group input[type="email"]::placeholder, .kontakt__section .form-group input[type="password"]::placeholder, .kontakt__section .form-group input[type="number"]::placeholder, .kontakt__section .form-group input[type="tel"]::placeholder, .kontakt__section .form-group select::placeholder, .kontakt__section .form-group textarea::placeholder {
    color: #707070;
    opacity: 1
}

.pu-form .form-group input[type="text"]:-ms-input-placeholder, .pu-form .form-group input[type="email"]:-ms-input-placeholder, .pu-form .form-group input[type="password"]:-ms-input-placeholder, .pu-form .form-group input[type="number"]:-ms-input-placeholder, .pu-form .form-group input[type="tel"]:-ms-input-placeholder, .pu-form .form-group select::-ms-input-placeholder, .pu-form .form-group textarea:-ms-input-placeholder, .kontakt__section .form-group input[type="text"]:-ms-input-placeholder, .kontakt__section .form-group input[type="email"]:-ms-input-placeholder, .kontakt__section .form-group input[type="password"]:-ms-input-placeholder, .kontakt__section .form-group input[type="number"]:-ms-input-placeholder, .kontakt__section .form-group input[type="tel"]:-ms-input-placeholder, .kontakt__section .form-group select::-ms-input-placeholder, .kontakt__section .form-group textarea:-ms-input-placeholder {
    color: #707070
}

.pu-form .form-group input[type="text"]::-ms-input-placeholder, .pu-form .form-group input[type="email"]::-ms-input-placeholder, .pu-form .form-group input[type="password"]::-ms-input-placeholder, .pu-form .form-group input[type="number"]::-ms-input-placeholder, .pu-form .form-group input[type="tel"]::-ms-input-placeholder, .pu-form .form-group select::-ms-input-placeholder, .pu-form .form-group textarea::-ms-input-placeholder, .kontakt__section .form-group input[type="text"]::-ms-input-placeholder, .kontakt__section .form-group input[type="email"]::-ms-input-placeholder, .kontakt__section .form-group input[type="password"]::-ms-input-placeholder, .kontakt__section .form-group input[type="number"]::-ms-input-placeholder, .kontakt__section .form-group input[type="tel"]::-ms-input-placeholder, .kontakt__section .form-group select::-ms-input-placeholder, .kontakt__section .form-group textarea::-ms-input-placeholder {
    color: #707070
}

.pu-form .row, .kontakt__section .row {
    margin-left: -5px;
    margin-right: -5px
}

.pu-form .row [class*=col], .kontakt__section .row [class*=col] {
    padding-left: 5px;
    padding-right: 5px
}

.pu-form .checkbox input[type="checkbox"], .kontakt__section .checkbox input[type="checkbox"] {
    width: 20px;
    height: 20px;
    border: 1px solid #707070;
    background-color: #fff;
    display: inline-block;
    margin-bottom: -4px;
    text-align: center;
    line-height: 1.2;
    margin-right: 5px;
    appearance: none;
    -webkit-appearance: none;
    position: relative;
    margin-left: 0px
}

.pu-form .checkbox .form-check-label, .kontakt__section .checkbox .form-check-label {
    display: block;
    padding-left: 0px
}

.pu-form .checkbox input[type="checkbox"]:checked, .kontakt__section .checkbox input[type="checkbox"]:checked {
    background-color: #004B95;
    border-color: #004B95
}

.pu-form .checkbox input[type="checkbox"]:checked:before, .kontakt__section .checkbox input[type="checkbox"]:checked:before {
    content: '\2713';
    color: #fff
}

.pu-form .radio input[type="radio"], .kontakt__section .radio input[type="radio"] {
    display: none
}

.pu-form .radio input[type="radio"] + label, .kontakt__section .radio input[type="radio"] + label {
    position: relative;
    padding: 0px
}

.pu-form .radio input[type="radio"] + label:before, .kontakt__section .radio input[type="radio"] + label:before {
    content: '';
    width: 20px;
    height: 20px;
    border: 1px solid #707070;
    background-color: #fff;
    border-radius: 50%;
    display: inline-block;
    margin-bottom: -4px;
    text-align: center;
    line-height: 1.2;
    margin-right: 5px
}

.pu-form .radio input[type="radio"]:checked + label:before, .kontakt__section .radio input[type="radio"]:checked + label:before {
    content: '\2022';
    color: #fff;
    background-color: #004B95;
    border-color: #004B95
}

.pu-form .btn-primary, .kontakt__section .btn-primary {
    background-color: #004B95;
    border: none;
    color: #fff;
    font-size: 20px;
    padding: 13px 20px;
    border-radius: 0px;
    width: 100%;
    display: block
}

.grid-tertiary .content__grid-double-link {
    background-color: #ececec
}

.grid-tertiary .content__grid-double-content-text h1, .grid-tertiary .content__grid-double-content-text h2, .grid-tertiary .content__grid-double-content-text h3 {
    color: #000
}

.grid-secondary .content__grid-double-link {
    background-color: #fff
}

.grid-primary .content__grid-double-link {
    background-color: #004B95
}

.news-single {
    margin-bottom: 40px
}

.news-single .news-img-wrap {
    float: left;
    padding-top: 6px;
    padding-right: 15px;
    padding-bottom: 15px
}

.news-single .news-list-date {
    color: #707070
}

.news-single .news-related-files {
    padding-bottom: 30px
}

.news-single .news-related-files ul {
    padding: 0px;
    margin: 0px
}

.news-single .news-related-files ul li:before {
    display: none
}

.news-single .news-related-files a {
    color: #004B95;
    position: relative;
    padding-left: 52px;
    display: block;
    margin-bottom: 30px
}

.news-single .news-related-files a:before {
    content: '';
    width: 42px;
    height: 42px;
    background-image: url("../Images/PapierUnion_Website_Icons_DOC.png");
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    display: block;
    left: 0px;
    top: -10px
}

.news-single .news-text-wrap {
    margin-bottom: 40px
}

.news-single .news-backlink-wrap {
    border-top: 1px solid #ececec;
    padding-top: 20px
}

.news-single .news-backlink-wrap a {
    position: relative;
    padding-left: 25px;
    color: #004B95
}

.news-single .news-backlink-wrap a:hover {
    text-decoration: none
}

.news-single .news-backlink-wrap a:before {
    content: '';
    background-image: url("../Images/more-blue.png");
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    transform: rotate(180deg);
    display: block;
    position: absolute;
    top: 2px;
    left: 0px;
    width: 16px;
    height: 16px
}

.accordeon .accordeon__panel {
    border-bottom: 1px solid #707070
}

.accordeon .accordeon__panel:last-child {
    border-bottom: none
}

.accordeon .accordeon__panel .accordeon__panel__title {
    padding-top: 20px;
    padding-bottom: 20px;
    cursor: pointer;
    position: relative;
    padding-right: 45px
}

.accordeon .accordeon__panel .accordeon__panel__title h4 {
    margin: 0px
}

.accordeon .accordeon__panel .accordeon__panel__title .icon {
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    position: absolute;
    right: 10px;
    top: 20px;
    pointer-events: none
}

.accordeon .accordeon__panel .accordeon__panel__title .icon:after {
    content: '';
    width: 25px;
    height: 25px;
    background-image: url("../Images/more.png");
    display: block;
    background-size: 10px;
    background-color: #004B95;
    background-position: center center;
    background-repeat: no-repeat;
    border: 1px solid #C5C5C5
}

.accordeon .accordeon__panel .accordeon__panel__title .icon-plus {
    transform: rotate(90deg) scale(1)
}

.accordeon .accordeon__panel .accordeon__panel__title .icon-minus {
    transform: rotate(90deg) scale(-1)
}

.accordeon .accordeon__panel .accordeon__panel__content {
    padding-bottom: 20px;
    display: none
}

.accordeon .accordeon__panel .accordeon__panel__content .text-media {
    margin-bottom: 0px
}

#cookie__notice {
    position: fixed;
    width: 100%;
    bottom: 0px;
    left: 0px;
    border-top: 1px solid #707070;
    padding-bottom: 20px;
    padding-top: 20px;
    background-color: #fff
}

#cookie__notice p {
    margin: 0px;
    margin-bottom: 20px
}

#cookie__notice .btn-primary {
    background-color: #004B95;
    border: none;
    color: #fff;
    font-size: 14px;
    padding: 13px 20px;
    border-radius: 0px;
    width: 100%;
    display: block
}

.ce-outer .pull-right {
    margin-left: 20px;
    margin-bottom: 20px
}

.ce-outer .pull-left {
    margin-right: 20px;
    margin-bottom: 20px
}

@media (max-width: 767.98px) {
    .content__grid-link-base {
        padding: 10px
    }

    .content__grid-link-base .content__grid-link-link {
        right: 10px
    }

    .content__grid-single .content__grid-single-content {
        padding: 10px;
        font-size: 18px;
        line-height: 20px
    }

    .content__grid-single .content__grid-single-content .content__grid-single-content-headline {
        font-size: 18px;
        line-height: 20px
    }

    .content__grid-single .content__grid-single-content .content__grid-single-link {
        right: 10px
    }
}

.location__result-tabs .location__results-tab-header a {
    background-color: #ececec;
    color: #000;
    display: block;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 30px;
    height: 130px;
    font-size: 20px;
    padding-bottom: 10px;
    margin-bottom: 40px;
    font-weight: bold
}

.location__result-tabs .location__results-tab-header a:hover {
    text-decoration: none
}

.location__result-tabs .location__results-tab-header a.location__active {
    color: #004B95;
    background-color: #fff;
    border: 1px solid #004B95
}

.location__result-tabs .location__results-tab {
    margin-right: -10px;
    margin-left: -10px
}

.location__result-tabs .location__results-tab .additional {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 10px;
    color: #004B95
}

.location__result-tabs .location__results-tab header h3 {
    margin-bottom: 0px
}

.location__result-tabs .location__results-tab ul li {
    margin-bottom: 0px
}

.location__result-tabs .location__results-tab p {
    margin-top: 0px;
    margin-bottom: 10px
}

.location__result-tabs .location__results-tab p:empty {
    display: none
}

.location__result-tabs .location__results-tab .text-media {
    margin-bottom: 0px
}

.location__result-tabs .location__results-tab .text-media div {
    margin-bottom: 10px
}

.info-window h3 {
    margin-top: 0px;
    margin-bottom: 0px
}

.info-window .additional-map {
    margin-top: 0px;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 10px;
    color: #004B95;
    font-weight: 500
}

.info-window p {
    margin-top: 0px
}

.info-window div {
    font-weight: 500;
    margin-bottom: 10px;
    font-size: 16px
}

.info-window ul {
    margin-bottom: 0px
}

.info-window ul li {
    margin-bottom: 0px;
    font-size: 16px
}

.info-window ul li:before {
    top: 6px
}

.gm-style .gm-style-iw-c {
    border-radius: 0 !important
}

.content__social-media-plugin {
    width: 100%;
    position: relative;
    border: 1px solid #ececec
}

.content__social-media-plugin:after {
    content: '';
    display: block;
    padding-bottom: calc(200% + 22px)
}

.content__social-media-plugin .content__social-media-plugin-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden
}

.content__social-media-plugin .content__social-media-plugin-wrapper .content__social-media-plugin-menu {
    padding-bottom: 5px;
    padding-top: 5px;
    border-bottom: 1px solid #ececec
}

.content__social-media-plugin .content__social-media-plugin-wrapper .content__social-media-plugin-menu ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
    width: 100%;
    text-align: center
}

.content__social-media-plugin .content__social-media-plugin-wrapper .content__social-media-plugin-menu ul li {
    display: inline-block;
    margin: 5px
}

.content__social-media-plugin .content__social-media-plugin-wrapper .content__social-media-plugin-menu ul li img {
    width: 30px;
    height: 30px
}

.content__social-media-plugin .content__social-media-plugin-wrapper .content__social-media-plugin-menu ul li:first-child .social-active {
    display: block
}

.content__social-media-plugin .content__social-media-plugin-wrapper .content__social-media-plugin-menu ul li:first-child .social-unactive {
    display: none
}

.content__social-media-plugin .content__social-media-plugin-wrapper .content__social-media-plugin-menu ul li .social-active {
    display: none
}

.content__social-media-plugin .content__social-media-plugin-wrapper .content__social-media-plugin-menu ul li .social-unactive {
    display: block
}

.content__social-media-plugin .content__social-media-plugin-wrapper .content__social-media-plugin-content {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.content__social-media-plugin .content__social-media-plugin-wrapper .content__social-media-plugin-content .content__social-media-plugin-content-item {
    width: 100%;
    display: none;
    position: relative;
    height: 100%
}

.content__social-media-plugin .content__social-media-plugin-wrapper .content__social-media-plugin-content .content__social-media-plugin-content-item:first-child {
    display: block
}

.content__social-media-plugin .content__social-media-plugin-wrapper .content__social-media-plugin-content .content__social-media-plugin-content-item iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px
}

.content__social-media-plugin .content__social-media-plugin-wrapper .content__social-media-plugin-content .content__social-media-plugin-content-item #instafeed .img-container {
    width: 46%;
    float: left;
    margin: 1% 2%;
    border: 1px solid #ebe9e9;
    text-align: center;
    position: relative
}

@media (max-width: 767.98px) {
    .location__result-tabs .location__results-tab-header a {
        font-size: 18px;
        padding-top: 20px;
        margin-bottom: 20px
    }
}

#footer {
    margin-top: 10px;
    background-color: #ececec;
    padding-top: 40px;
    padding-bottom: 20px;
    margin-bottom: -20px
}

#footer .footer__menu {
    padding: 0px;
    list-style: none;
    margin-bottom: 20px
}

#footer .footer__menu li {
    margin-bottom: 10px
}

#footer .footer__menu li:last-child {
    margin-bottom: 0px
}

#footer .footer__menu li a {
    color: #004B95;
    text-decoration: none
}

#footer .footer__menu li a:hover {
    color: #000;
    text-decoration: none
}

#footer .footer__social-menu {
    list-style: none;
    padding: 0;
    margin: 0
}

#footer .footer__social-menu li {
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px
}

#footer .footer__social-menu li img {
    width: 30px;
    height: 30px
}

#footer .footer__social-menu li:first-child {
    margin-left: 0
}

#footer .footer__social-menu li:last-child {
    margin-right: 0
}

#footer .footer__external-menu {
    list-style: none;
    padding: 0px;
    margin: 0px;
    margin-top: 20px
}

#footer .footer__external-menu li {
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px
}

#footer .footer__external-menu li a img {
    width: 80px
}

#footer .footer__external-menu li:first-child {
    margin-left: 0
}

#footer .footer__external-menu li:last-child {
    margin-right: 0
}

#footer .footer__copyright {
    padding-top: 40px
}

.search__input-wrapper {
    background-color: #004B95;
    padding: 10px
}

.search__input-wrapper .search__input-header {
    color: #fff;
    margin-bottom: 10px
}

.search__input-wrapper .search__input-input {
    display: table;
    width: 100%
}

.search__input-wrapper .search__input-input input[type="text"] {
    width: calc(100% - 42px);
    float: left;
    margin: 0px;
    font-size: 16px;
    padding: 8px 0px 8px 12px;
    border-left: 1px solid #707070;
    border-bottom: 1px solid #707070;
    border-top: 1px solid #707070;
    border-right: none;
    border-radius: 0px;
    line-height: 22px;
    color: #000
}

.search__input-wrapper .search__input-input button {
    background-color: #fff;
    border-right: 1px solid #707070;
    border-bottom: 1px solid #707070;
    border-top: 1px solid #707070;
    border-left: none;
    padding: 7px;
    float: left;
    padding-right: 12px;
    height: 40px
}

.search__input-wrapper .search__input-input button img {
    height: 20px
}

.search__result-tabs h2 {
    margin-bottom: 20px
}

.search__result-tabs .search__results-tab-header ul {
    padding: 0px;
    list-style: none;
    display: table;
    width: 100%;
    table-layout: fixed;
    margin-bottom: 20px
}

.search__result-tabs .search__results-tab-header ul li {
    display: table-cell;
    margin-bottom: none
}

.search__result-tabs .search__results-tab-header ul li a {
    border: 1px solid transparent;
    border-bottom-color: #004B95;
    display: block;
    padding: 10px;
    text-transform: uppercase;
    color: #707070;
    position: relative
}

.search__result-tabs .search__results-tab-header ul li a .seach__results-tab-header-count {
    display: inline-block;
    color: #fff;
    background-color: #707070;
    padding: 2.5px;
    margin-left: 10px;
    position: absolute;
    margin-top: -2.5px;
    right: 10px;
    top: 10px
}

.search__result-tabs .search__results-tab-header ul li a.search__active {
    border-color: #004B95;
    border-bottom-color: transparent;
    color: #004B95
}

.search__result-tabs .search__results-tab-header ul li a.search__active .seach__results-tab-header-count {
    background-color: #004B95
}

.search__result-tabs .search__results-tab-header ul li a:hover {
    text-decoration: none
}

.search__result-tabs .search__results-tab-header ul li:before {
    display: none
}

.search__result-tabs .search__results-wrapper {
    margin-bottom: 40px
}

.search__result-tabs .search__results-wrapper .search__results-tab {
    display: none;
    opacity: 0;
    transition: opacity 0.3s linear
}

.search__result-tabs .search__results-wrapper .search__results-tab .search__results-result {
    margin-bottom: 20px
}

.search__result-tabs .search__results-wrapper .search__results-tab .search__results-result a {
    color: inherit;
    text-decoration: none
}

.search__result-tabs .search__results-wrapper .search__results-tab .search__results-result a:hover {
    text-decoration: none
}

.search__result-tabs .search__results-wrapper .search__results-tab .search__results-result .search__results-result-img {
    width: 100%;
    display: block;
    position: relative
}

.search__result-tabs .search__results-wrapper .search__results-tab .search__results-result .search__results-result-img:after {
    content: '';
    display: block;
    padding-bottom: 100%
}

.search__result-tabs .search__results-wrapper .search__results-tab .search__results-result .search__results-result-headline {
    color: #004B95;
    margin-bottom: 5px
}

.search__result-tabs .search__results-wrapper .search__results-tab.search__shown {
    display: block;
    opacity: 1
}

.search__result-tabs .search__results-tab-footer {
    text-align: right
}

.search__result-tabs .search__results-tab-footer .search__results-tab-footer-single {
    color: #004B95;
    text-transform: uppercase;
    position: relative;
    padding-right: 35px
}

.search__result-tabs .search__results-tab-footer .search__results-tab-footer-single:hover {
    text-decoration: none
}

.search__result-tabs .search__results-tab-footer .search__results-tab-footer-single:after {
    content: '';
    background-image: url("../Images/more.png");
    background-position: center center;
    background-size: 10px;
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    top: -2px;
    right: 0px;
    width: 25px;
    height: 25px;
    background-color: #004B95;
    border: 1px solid #c5c5c5
}

.search__result-tabs .search__results-tab-footer ul {
    list-style: none
}

.search__result-tabs .search__results-tab-footer ul li {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    margin-right: 5px
}

.search__result-tabs .search__results-tab-footer ul li a {
    color: #004B95
}

.search__result-tabs .search__results-tab-footer ul li:before {
    display: none
}

.search__result-tabs .search__results-tab-footer ul li.search__pagination {
    width: 22px;
    height: 22px;
    background-color: #004B95;
    text-align: center
}

.search__result-tabs .search__results-tab-footer ul li.search__pagination a {
    color: #fff
}

.search__result-tabs .search__results-tab-footer ul li.search__pagination a span {
    font-size: 24px;
    display: block;
    line-height: 18px
}

.search__result-tabs .search__results-tab-footer ul li.search__pagination a:hover {
    text-decoration: none
}

.search__result-tabs .search__results-tab-footer ul li.search__pagination:first-child, .search__result-tabs .search__results-tab-footer ul li.search__pagination:last-child {
    margin: 0px
}

.ce-table {
    width: 100%;
    margin-bottom: 20px
}

.ce-table thead th {
    background-color: #004B95;
    color: #ffffff;
    text-align: left;
    vertical-align: top;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 14px;
    text-transform: uppercase;
    padding: 20px 10px;
    border-style: solid;
    border-width: 0px;
    overflow: hidden;
    word-break: normal
}

.ce-table tbody tr td {
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    line-height: 14px;
    padding: 20px 10px;
    border-style: solid;
    border-width: 0px;
    overflow: hidden;
    word-break: normal;
    border-color: #707070
}

.ce-table tbody tr:last-child {
    border-bottom: 0.5px solid;
    border-color: #707070
}

.ce-outer .ce-uploads {
    padding-left: 0px;
    list-style: none
}

.ce-outer .ce-uploads li {
    margin-bottom: 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center !important;
    align-items: center !important
}

.ce-outer .ce-uploads li:before {
    display: none !important
}

.ce-outer .ce-uploads li img {
    margin-right: 10px;
    width: 42px;
    height: 42px
}

hr {
    border-top: 1px solid #707070
}

ol {
    padding-left: 20px;
    margin-bottom: 20px
}

ol li {
    margin-bottom: 10px;
    margin-bottom: 10px
}

.slick-dots li {
    display: inline-block
}

.slick-dots li:only-child {
    display: none
}

@media (max-width: 991.98px) {
    .content__grid-single-content-copy {
        display: none
    }
}

@media (max-width: 767.98px) {
    .pu-form .btn-group {
        width: 100%
    }

    .pu-form .btn-group .submit {
        width: 100%
    }

    .pu-form .btn-group .submit .btn-primary {
        width: 100%
    }

    .content__news-slider .content__news-slider-item .content__news-slider-info a {
        padding: 0px
    }

    .content__news-slider .content__news-slider-item .content__news-slider-info a:after {
        display: none
    }

    .navigation__logo img {
        height: 42px !important
    }
}

@media (max-width: 767.98px) {
    .content__grid-link-base .content__grid-link-link {
        bottom: 10px;
        left: 10px;
        line-height: 16px;
        font-size: 14px
    }

    .content__grid-link-base .content__grid-link-link a:after {
        top: -2px
    }

    .content__grid-double .content__grid-double-link {
        font-size: 14px
    }

    .header__slider .header__slider-item .header__slider-item-wrapper .header__slider-item-content {
        max-width: calc(50% - 42px) !important
    }

    .header__slider .header__slider-item .header__slider-item-wrapper .header__slider-item-content .header__slider-item-content-headline {
        font-size: 16px;
        line-height: 18px;
        padding: 10px !important
    }

    .header__slider .header__slider-item .header__slider-item-wrapper .header__slider-item-content .header__slider-item-content-headline p {
        display: none
    }

    .header__slider .slick-dots {
        width: 100%;
        text-align: center
    }

    .header__slider .slick-dots li button {
        width: 10px;
        height: 10px
    }
}