select.reloadviaselect {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none
}

.seviceBoxes .halfHeight:after, .arrowRight:after, .toTopBtn a:after, .bigslide .infoTxt p:before, .bigslide .scroll:after, .subnav li a:after, .accordionHeadline:after {
    font-family: "gbn", "Titillium Web", sans-serif !important;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased
}

.peoplebox .fce-text p, main .testimonial .fce-text p, main .testimonial .institute, .seviceBoxes h3, .seviceBoxes .questions p, .seviceBoxes .questions a, .seviceBoxes .questions span, .bigslide h2, .bigslide h2 b, .subslideTxt h2 b, .subslideTxt p, .contentNav .textBlock h3, .contentNav .textBlock p, .keyfigures .bigItem, .keyfigures .smalItem, main li, p, h1, h2.big, h2, h5, .supportNav .breadcrumb, .supportNav .breadcrumb a, .supportNav .breadcrumb p, footer .contactadress, footer .sub li a, td, .news .dare .day {
    font-family: "Titillium Web", sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-weight: 400
}

.textbox .fce-text p, .imagebox .txtBlock p, .bigslide .infoTxt p, :root, blockquote p, *, .copyright {
    font-family: "Titillium Web", sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-weight: 400
}

.btn, .peoplebox .tname, main .testimonial .tname, .imagebox h3, .toTopBtn a, .bigslide h1, .bigslide h3, .bigslide .scroll, .subslideTxt h1, .subnav li a, .contentNav .heading b, .main caption, .news-backlink-wrap a, .AdressBox .link, h3, h4, b, strong, .bold, .supportNav .lang li, footer li a, th, .news .article .header h3, .news .eventItem .headline, .news .dare, .news .dare .month, .accordionHeadline h3, .accordionHeadline h3 span {
    font-family: "Titillium Web", sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-weight: 600
}

.btn, .seviceBoxes .questions, .seviceBoxes .halfHeight, .seviceBoxes .socials a, .seviceBoxes .socials span, .arrowRight:after, .arrowRight:hover:after, .splink:hover:after, .news .eventItem:hover:after, .imagebox .txtBlock, .imagebox:hover .txtBlock, .linkbox, .linkbox:hover, .galleryitem .overlay, .galleryitem:hover .overlay, .removeItem:after, .removeItem:hover:after, .news a:hover span, .bluebox .smal, .bluebox:hover .smal, a, #header, #header .logo-main img, #header .mainNav a, #header .logo-main, .sticky, .sticky .logo-main img, .sticky .mainNav, .sticky .logo-main {
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.btn:hover, .seviceBoxes .questions:hover, .seviceBoxes .halfHeight:hover, .seviceBoxes .socials a:hover, .seviceBoxes .socials span:hover, .arrowRight:hover:after, .splink:hover:after, .news .eventItem:hover:after, .imagebox .txtBlock:hover, .linkbox:hover, .galleryitem .overlay:hover, .removeItem:hover:after, .news a:hover span:hover, .bluebox .smal:hover, a:hover, #header:hover, #header .logo-main img:hover, #header .mainNav a:hover, #header .logo-main:hover, .sticky:hover, .sticky .logo-main img:hover, .sticky .mainNav:hover, .sticky .logo-main:hover {
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    transition: all .2s ease-in
}

.slick-slider {
    position: relative;
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}
.seviceBoxes .socials a:hover svg path{
    fill: #304757;
}
.slick-dots {
    list-style-type: none;
    margin-left: 0;
    padding: 0;
    text-align: right;
    display: block;
    margin-top: -35px;
    z-index: 99999999999;
    position: relative;
    right: 10px
}

.slick-dots li {
    display: inline-block;
    margin-left: 10px
}

.slick-dots button {
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    width: 14px;
    height: 14px;
    border: 1px solid #fff;
    display: inline-block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    font-size: 1px;
    line-height: 1px;
    content: ""
}

.slick-dots button:hover {
    border: 1px solid #6F8795;
    background: #6F8795;
    -webkit-box-shadow: inset 0 0 10px #61adcf;
    -moz-box-shadow: inset 0 0 10px #61adcf;
    box-shadow: inset 0 0 10px #61adcf;
    -moz-transition-duration: .3s;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    -moz-transition-property: border-color, background-image, background-color, box-shadow, opacity, height, width, color, background, margin;
    -webkit-transition-property: border-color, background-image, background-color, box-shadow, opacity, height, width, color, background, margin;
    -o-transition-property: border-color, background-image, background-color, box-shadow, opacity, height, width, color, background, margin;
    transition-property: border-color, background-image, background-color, box-shadow, opacity, height, width, color, back
}

.slick-active button {
    background: #6F8795;
    border: 1px solid #6F8795
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block
}

.slick-track:before {
    display: table;
    content: ""
}

.slick-track:after {
    display: table;
    content: "";
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir='rtl'] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.icon-angle-left, .icon-angle-right {
    display: inline;
    position: absolute;
    color: #6F8795;
    font-size: 40px;
    top: 50%;
    margin-top: -20px
}

.icon-angle-left:hover, .icon-angle-right:hover {
    color: #6F8795;
    cursor: pointer
}

.icon-angle-left {
    left: -40px
}

.icon-angle-right {
    right: -40px
}

/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
html {
    font-family: sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article, aside, footer, header, nav, section {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

figcaption, figure, main {
    display: block
}

figure {
    margin: 1em 40px
}

hr {
    -webkit-box-sizing: content-box;
    -webkit-box-sizing-box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

a:active, a:hover {
    outline-width: 0
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b, strong {
    font-weight: inherit
}

b, strong {
    font-weight: bolder
}

code, kbd, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

audio, video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

button, input, optgroup, select, textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

button, html [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: button
}

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    -webkit-box-sizing: border-box;
    -webkit-box-sizing-box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type="checkbox"], [type="radio"] {
    -webkit-box-sizing: border-box;
    -webkit-box-sizing-box-sizing: border-box;
    padding: 0
}

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
    height: auto
}

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details, menu {
    display: block
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

template {
    display: none
}

[hidden] {
    display: none
}

html {
    -webkit-box-sizing: border-box;
    -webkit-box-sizing-box-sizing: border-box
}

*, *::before, *::after {
    -webkit-box-sizing: inherit;
    -webkit-box-sizing-box-sizing: inherit
}

@-ms-viewport {
    width: device-width
}

html {
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent
}

body {
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.5;
    color: #304757;
    background-color: #fff
}

[tabindex="-1"]:focus {
    outline: none !important
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: .5rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[title], abbr[data-original-title] {
    cursor: help
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

ol, ul, dl {
    margin-top: 0;
    margin-bottom: 1rem
}

ol ol, ul ul, ol ul, ul ol {
    margin-bottom: 0
}

dt {
    font-weight: bold
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

a {
    color: #304757;
    text-decoration: underline
}

a:hover {
    color: #6F8795;
    text-decoration: underline
}

a:not([href]):not([tabindex]) {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([tabindex]):focus {
    outline: 0
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto
}

figure {
    margin: 0 0 1rem
}

img {
    vertical-align: middle
}

[role="button"] {
    cursor: pointer
}

a, area, button, [role="button"], input, label, select, summary, textarea {
    -ms-touch-action: manipulation;
    -ms-touch-action-touch-action: manipulation
}

table {
    border-collapse: collapse;
    background-color: transparent
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #636c72;
    text-align: left;
    caption-side: bottom
}

th {
    text-align: left
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color
}

input, button, select, textarea {
    line-height: inherit
}

input[type="radio"]:disabled, input[type="checkbox"]:disabled {
    cursor: not-allowed
}

input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] {
    -webkit-appearance: listbox
}

textarea {
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit
}

input[type="search"] {
    -webkit-appearance: none
}

output {
    display: inline-block
}

[hidden] {
    display: none !important
}

select.reloadviaselect {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none
}

.seviceBoxes .halfHeight:after, .arrowRight:after, .toTopBtn a:after, .bigslide .infoTxt p:before, .bigslide .scroll:after, .subnav li a:after, .accordionHeadline:after {
    font-family: "gbn", "Titillium Web", sans-serif !important;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased
}

.peoplebox .fce-text p, main .testimonial .fce-text p, main .testimonial .institute, .seviceBoxes h3, .seviceBoxes .questions p, .seviceBoxes .questions a, .seviceBoxes .questions span, .bigslide h2, .bigslide h2 b, .subslideTxt h2 b, .subslideTxt p, .contentNav .textBlock h3, .contentNav .textBlock p, .keyfigures .bigItem, .keyfigures .smalItem, main li, p, h1, h2.big, h2, h5, .supportNav .breadcrumb, .supportNav .breadcrumb a, .supportNav .breadcrumb p, footer .contactadress, footer .sub li a, td, .news .dare .day {
    font-family: "Titillium Web", sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-weight: 400
}

.textbox .fce-text p, .imagebox .txtBlock p, .bigslide .infoTxt p, :root, blockquote p, *, .copyright {
    font-family: "Titillium Web", sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-weight: 400
}

.btn, .peoplebox .tname, main .testimonial .tname, .imagebox h3, .toTopBtn a, .bigslide h1, .bigslide h3, .bigslide .scroll, .subslideTxt h1, .subnav li a, .contentNav .heading b, .main caption, .news-backlink-wrap a, .AdressBox .link, h3, h4, b, strong, .bold, .supportNav .lang li, footer li a, th, .news .article .header h3, .news .eventItem .headline, .news .dare, .news .dare .month, .accordionHeadline h3, .accordionHeadline h3 span {
    font-family: "Titillium Web", sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-weight: 600
}

.btn, .seviceBoxes .questions, .seviceBoxes .halfHeight, .seviceBoxes .socials a, .seviceBoxes .socials span, .arrowRight:after, .arrowRight:hover:after, .splink:hover:after, .news .eventItem:hover:after, .imagebox .txtBlock, .imagebox:hover .txtBlock, .linkbox, .linkbox:hover, .galleryitem .overlay, .galleryitem:hover .overlay, .removeItem:after, .removeItem:hover:after, .news a:hover span, .bluebox .smal, .bluebox:hover .smal, a, #header, #header .logo-main img, #header .mainNav a, #header .logo-main, .sticky, .sticky .logo-main img, .sticky .mainNav, .sticky .logo-main {
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.btn:hover, .seviceBoxes .questions:hover, .seviceBoxes .halfHeight:hover, .seviceBoxes .socials a:hover, .seviceBoxes .socials span:hover, .arrowRight:hover:after, .splink:hover:after, .news .eventItem:hover:after, .imagebox .txtBlock:hover, .linkbox:hover, .galleryitem .overlay:hover, .removeItem:hover:after, .news a:hover span:hover, .bluebox .smal:hover, a:hover, #header:hover, #header .logo-main img:hover, #header .mainNav a:hover, #header .logo-main:hover, .sticky:hover, .sticky .logo-main img:hover, .sticky .mainNav:hover, .sticky .logo-main:hover {
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    transition: all .2s ease-in
}

.blue {
    color: #6F8795
}

.lightGray {
    color: #F8F9F9
}

@-ms-viewport {
    width: device-width
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-overflow-style: scrollbar
}

*, *::before, *::after {
    -webkit-box-sizing: inherit;
    -webkit-box-sizing-box-sizing: inherit
}

.container {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    padding-left: 20px;
    padding-right: 20px;
    clear: both
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 20px;
    padding-right: 20px
}

.row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -20px;
    margin-left: -20px
}

@media (min-width: 576px) {
    .container {
        padding-right: 15px;
        padding-left: 15px
    }

    .row {
        margin-left: -15px;
        margin-right: -15px
    }
}

@media (min-width: 768px) {
    .container {
        padding-right: 20px;
        padding-left: 20px
    }

    .row {
        margin-left: -20px;
        margin-right: -20px
    }
}

@media (min-width: 992px) {
    .container {
        padding-right: 20px;
        padding-left: 20px
    }

    .row {
        margin-left: -20px;
        margin-right: -20px
    }
}

@media (min-width: 1200px) {
    .container {
        padding-right: 20px;
        padding-left: 20px
    }

    .row {
        margin-left: -20px;
        margin-right: -20px
    }
}

@media (min-width: 1440px) {
    .container {
        padding-right: 20px;
        padding-left: 20px
    }

    .row {
        margin-left: -20px;
        margin-right: -20px
    }
}

@media (min-width: 576px) {
    .container {
        width: 540px;
        max-width: 100%
    }
}

@media (min-width: 768px) {
    .container {
        width: 720px;
        max-width: 100%
    }
}

@media (min-width: 992px) {
    .container {
        width: 960px;
        max-width: 100%
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1140px;
        max-width: 100%
    }
}

@media (min-width: 1280px) {
    .container {
        width: 1200px;
        max-width: 100%
    }
}

@media (min-width: 1440px) {
    .container {
        width: 1272px;
        max-width: 100%
    }
}

@media (min-width: 576px) {
    .container-fluid {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width: 768px) {
    .container-fluid {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width: 992px) {
    .container-fluid {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width: 1200px) {
    .container-fluid {
        padding-right: 15px;
        padding-left: 15px
    }
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters > .col, .no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: left
}

@media (min-width: 576px) {
    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width: 768px) {
    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
        padding-right: 10px;
        padding-left: 10px
    }
}

@media (min-width: 992px) {
    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
        padding-right: 5px;
        padding-left: 5px
    }
}

@media (min-width: 1200px) {
    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
        padding-right: 5px;
        padding-left: 5px
    }
}

.col {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

.col-auto {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto
}

.col-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.33333%;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%
}

.col-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

.col-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.col-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.66667%;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%
}

.col-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.33333%;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%
}

.col-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%
}

.col-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.33333%;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%
}

.col-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.66667%;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%
}

.col-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.pull-0 {
    right: auto
}

.pull-1 {
    right: 8.33333%
}

.pull-2 {
    right: 16.66667%
}

.pull-3 {
    right: 25%
}

.pull-4 {
    right: 33.33333%
}

.pull-5 {
    right: 41.66667%
}

.pull-6 {
    right: 50%
}

.pull-7 {
    right: 58.33333%
}

.pull-8 {
    right: 66.66667%
}

.pull-9 {
    right: 75%
}

.pull-10 {
    right: 83.33333%
}

.pull-11 {
    right: 91.66667%
}

.pull-12 {
    right: 100%
}

.push-0 {
    left: auto
}

.push-1 {
    left: 8.33333%
}

.push-2 {
    left: 16.66667%
}

.push-3 {
    left: 25%
}

.push-4 {
    left: 33.33333%
}

.push-5 {
    left: 41.66667%
}

.push-6 {
    left: 50%
}

.push-7 {
    left: 58.33333%
}

.push-8 {
    left: 66.66667%
}

.push-9 {
    left: 75%
}

.push-10 {
    left: 83.33333%
}

.push-11 {
    left: 91.66667%
}

.push-12 {
    left: 100%
}

.offset-1 {
    margin-left: 8.33333%
}

.offset-2 {
    margin-left: 16.66667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.33333%
}

.offset-5 {
    margin-left: 41.66667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.33333%
}

.offset-8 {
    margin-left: 66.66667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.33333%
}

.offset-11 {
    margin-left: 91.66667%
}

@media (min-width: 576px) {
    .col-sm {
        -webkit-flex-basis: 0;
        -webkit-flex-basis--ms-flex-preferred-size: 0;
        -webkit-flex-basis--ms-flex-preferred-size-flex-basis: 0;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -webkit-flex-grow--ms-flex-positive: 1;
        -webkit-flex-grow--ms-flex-positive-flex-grow: 1;
        max-width: 100%
    }

    .col-sm-auto {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .col-sm-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.33333%;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-sm-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-sm-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-sm-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-sm-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-sm-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-sm-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-sm-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-sm-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.66667%;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-sm-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .pull-sm-0 {
        right: auto
    }

    .pull-sm-1 {
        right: 8.33333%
    }

    .pull-sm-2 {
        right: 16.66667%
    }

    .pull-sm-3 {
        right: 25%
    }

    .pull-sm-4 {
        right: 33.33333%
    }

    .pull-sm-5 {
        right: 41.66667%
    }

    .pull-sm-6 {
        right: 50%
    }

    .pull-sm-7 {
        right: 58.33333%
    }

    .pull-sm-8 {
        right: 66.66667%
    }

    .pull-sm-9 {
        right: 75%
    }

    .pull-sm-10 {
        right: 83.33333%
    }

    .pull-sm-11 {
        right: 91.66667%
    }

    .pull-sm-12 {
        right: 100%
    }

    .push-sm-0 {
        left: auto
    }

    .push-sm-1 {
        left: 8.33333%
    }

    .push-sm-2 {
        left: 16.66667%
    }

    .push-sm-3 {
        left: 25%
    }

    .push-sm-4 {
        left: 33.33333%
    }

    .push-sm-5 {
        left: 41.66667%
    }

    .push-sm-6 {
        left: 50%
    }

    .push-sm-7 {
        left: 58.33333%
    }

    .push-sm-8 {
        left: 66.66667%
    }

    .push-sm-9 {
        left: 75%
    }

    .push-sm-10 {
        left: 83.33333%
    }

    .push-sm-11 {
        left: 91.66667%
    }

    .push-sm-12 {
        left: 100%
    }

    .offset-sm-0 {
        margin-left: 0%
    }

    .offset-sm-1 {
        margin-left: 8.33333%
    }

    .offset-sm-2 {
        margin-left: 16.66667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.33333%
    }

    .offset-sm-5 {
        margin-left: 41.66667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.33333%
    }

    .offset-sm-8 {
        margin-left: 66.66667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.33333%
    }

    .offset-sm-11 {
        margin-left: 91.66667%
    }
}

@media (min-width: 768px) {
    .col-md {
        -webkit-flex-basis: 0;
        -webkit-flex-basis--ms-flex-preferred-size: 0;
        -webkit-flex-basis--ms-flex-preferred-size-flex-basis: 0;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -webkit-flex-grow--ms-flex-positive: 1;
        -webkit-flex-grow--ms-flex-positive-flex-grow: 1;
        max-width: 100%
    }

    .col-md-auto {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .col-md-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.33333%;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-md-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-md-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-md-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-md-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-md-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-md-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-md-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-md-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.66667%;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-md-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .pull-md-0 {
        right: auto
    }

    .pull-md-1 {
        right: 8.33333%
    }

    .pull-md-2 {
        right: 16.66667%
    }

    .pull-md-3 {
        right: 25%
    }

    .pull-md-4 {
        right: 33.33333%
    }

    .pull-md-5 {
        right: 41.66667%
    }

    .pull-md-6 {
        right: 50%
    }

    .pull-md-7 {
        right: 58.33333%
    }

    .pull-md-8 {
        right: 66.66667%
    }

    .pull-md-9 {
        right: 75%
    }

    .pull-md-10 {
        right: 83.33333%
    }

    .pull-md-11 {
        right: 91.66667%
    }

    .pull-md-12 {
        right: 100%
    }

    .push-md-0 {
        left: auto
    }

    .push-md-1 {
        left: 8.33333%
    }

    .push-md-2 {
        left: 16.66667%
    }

    .push-md-3 {
        left: 25%
    }

    .push-md-4 {
        left: 33.33333%
    }

    .push-md-5 {
        left: 41.66667%
    }

    .push-md-6 {
        left: 50%
    }

    .push-md-7 {
        left: 58.33333%
    }

    .push-md-8 {
        left: 66.66667%
    }

    .push-md-9 {
        left: 75%
    }

    .push-md-10 {
        left: 83.33333%
    }

    .push-md-11 {
        left: 91.66667%
    }

    .push-md-12 {
        left: 100%
    }

    .offset-md-0 {
        margin-left: 0%
    }

    .offset-md-1 {
        margin-left: 8.33333%
    }

    .offset-md-2 {
        margin-left: 16.66667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.33333%
    }

    .offset-md-5 {
        margin-left: 41.66667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.33333%
    }

    .offset-md-8 {
        margin-left: 66.66667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.33333%
    }

    .offset-md-11 {
        margin-left: 91.66667%
    }
}

@media (min-width: 992px) {
    .col-lg {
        -webkit-flex-basis: 0;
        -webkit-flex-basis--ms-flex-preferred-size: 0;
        -webkit-flex-basis--ms-flex-preferred-size-flex-basis: 0;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -webkit-flex-grow--ms-flex-positive: 1;
        -webkit-flex-grow--ms-flex-positive-flex-grow: 1;
        max-width: 100%
    }

    .col-lg-auto {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .col-lg-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.33333%;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-lg-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-lg-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-lg-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-lg-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-lg-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-lg-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lg-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-lg-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.66667%;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-lg-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .pull-lg-0 {
        right: auto
    }

    .pull-lg-1 {
        right: 8.33333%
    }

    .pull-lg-2 {
        right: 16.66667%
    }

    .pull-lg-3 {
        right: 25%
    }

    .pull-lg-4 {
        right: 33.33333%
    }

    .pull-lg-5 {
        right: 41.66667%
    }

    .pull-lg-6 {
        right: 50%
    }

    .pull-lg-7 {
        right: 58.33333%
    }

    .pull-lg-8 {
        right: 66.66667%
    }

    .pull-lg-9 {
        right: 75%
    }

    .pull-lg-10 {
        right: 83.33333%
    }

    .pull-lg-11 {
        right: 91.66667%
    }

    .pull-lg-12 {
        right: 100%
    }

    .push-lg-0 {
        left: auto
    }

    .push-lg-1 {
        left: 8.33333%
    }

    .push-lg-2 {
        left: 16.66667%
    }

    .push-lg-3 {
        left: 25%
    }

    .push-lg-4 {
        left: 33.33333%
    }

    .push-lg-5 {
        left: 41.66667%
    }

    .push-lg-6 {
        left: 50%
    }

    .push-lg-7 {
        left: 58.33333%
    }

    .push-lg-8 {
        left: 66.66667%
    }

    .push-lg-9 {
        left: 75%
    }

    .push-lg-10 {
        left: 83.33333%
    }

    .push-lg-11 {
        left: 91.66667%
    }

    .push-lg-12 {
        left: 100%
    }

    .offset-lg-0 {
        margin-left: 0%
    }

    .offset-lg-1 {
        margin-left: 8.33333%
    }

    .offset-lg-2 {
        margin-left: 16.66667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.33333%
    }

    .offset-lg-5 {
        margin-left: 41.66667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.33333%
    }

    .offset-lg-8 {
        margin-left: 66.66667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.33333%
    }

    .offset-lg-11 {
        margin-left: 91.66667%
    }
}

@media (min-width: 1200px) {
    .col-xl {
        -webkit-flex-basis: 0;
        -webkit-flex-basis--ms-flex-preferred-size: 0;
        -webkit-flex-basis--ms-flex-preferred-size-flex-basis: 0;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -webkit-flex-grow--ms-flex-positive: 1;
        -webkit-flex-grow--ms-flex-positive-flex-grow: 1;
        max-width: 100%
    }

    .col-xl-auto {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .col-xl-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.33333%;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-xl-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-xl-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xl-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-xl-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-xl-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-xl-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-xl-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xl-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-xl-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.66667%;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-xl-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .pull-xl-0 {
        right: auto
    }

    .pull-xl-1 {
        right: 8.33333%
    }

    .pull-xl-2 {
        right: 16.66667%
    }

    .pull-xl-3 {
        right: 25%
    }

    .pull-xl-4 {
        right: 33.33333%
    }

    .pull-xl-5 {
        right: 41.66667%
    }

    .pull-xl-6 {
        right: 50%
    }

    .pull-xl-7 {
        right: 58.33333%
    }

    .pull-xl-8 {
        right: 66.66667%
    }

    .pull-xl-9 {
        right: 75%
    }

    .pull-xl-10 {
        right: 83.33333%
    }

    .pull-xl-11 {
        right: 91.66667%
    }

    .pull-xl-12 {
        right: 100%
    }

    .push-xl-0 {
        left: auto
    }

    .push-xl-1 {
        left: 8.33333%
    }

    .push-xl-2 {
        left: 16.66667%
    }

    .push-xl-3 {
        left: 25%
    }

    .push-xl-4 {
        left: 33.33333%
    }

    .push-xl-5 {
        left: 41.66667%
    }

    .push-xl-6 {
        left: 50%
    }

    .push-xl-7 {
        left: 58.33333%
    }

    .push-xl-8 {
        left: 66.66667%
    }

    .push-xl-9 {
        left: 75%
    }

    .push-xl-10 {
        left: 83.33333%
    }

    .push-xl-11 {
        left: 91.66667%
    }

    .push-xl-12 {
        left: 100%
    }

    .offset-xl-0 {
        margin-left: 0%
    }

    .offset-xl-1 {
        margin-left: 8.33333%
    }

    .offset-xl-2 {
        margin-left: 16.66667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.33333%
    }

    .offset-xl-5 {
        margin-left: 41.66667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.33333%
    }

    .offset-xl-8 {
        margin-left: 66.66667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.33333%
    }

    .offset-xl-11 {
        margin-left: 91.66667%
    }
}

.npl {
    padding-left: 0 !important
}

.npr {
    padding-right: 0 !important
}

.np {
    padding-left: 0 !important;
    padding-right: 0 !important
}

@media (min-width: 576px) {
    .sm-npl {
        padding-left: 0 !important
    }

    .sm-npr {
        padding-right: 0 !important
    }

    .sm-np {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
}

@media (min-width: 768px) {
    .md-npl {
        padding-left: 0 !important
    }

    .md-npr {
        padding-right: 0 !important
    }

    .md-np {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
}

@media (min-width: 768px) {
    .md-npl {
        padding-left: 0 !important
    }

    .md-npr {
        padding-right: 0 !important
    }

    .md-np {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
}

@media (min-width: 992px) {
    .lg-npl {
        padding-left: 0 !important
    }

    .lg-npr {
        padding-right: 0 !important
    }

    .lg-np {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
}

@media (min-width: 1200px) {
    .xl-npl {
        padding-left: 0 !important
    }

    .xl-npr {
        padding-right: 0 !important
    }

    .xl-np {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
}

.fullwidth {
    width: 100%
}

.wrapper {
    margin-left: 0px;
    padding: 0 0px
}

.clear {
    clear: both
}

.left {
    float: left
}

.right {
    float: right
}

.npb {
    padding-bottom: 0 !important
}

.nmb {
    margin-bottom: 0 !important
}

.nm {
    margin-left: 0;
    margin-right: 0
}

iframe {
    width: 100%
}

.mbottom-10 {
    margin-bottom: 10px;
    display: inline-block
}

.mtop-10 {
    margin-top: 10px;
    display: inline-block
}

.mright-10 {
    margin-right: 10px;
    display: inline-block
}

.mleft-10 {
    margin-left: 10px;
    display: inline-block
}

.m-10 {
    margin: 10px;
    display: inline-block
}

.mbottom-20 {
    margin-bottom: 20px;
    display: inline-block
}

.mtop-20 {
    margin-top: 20px;
    display: inline-block
}

.mright-20 {
    margin-right: 20px;
    display: inline-block
}

.mleft-20 {
    margin-left: 20px;
    display: inline-block
}

.m-20 {
    margin: 20px;
    display: inline-block
}

.mbottom-30 {
    margin-bottom: 30px;
    display: inline-block
}

.mtop-30 {
    margin-top: 30px;
    display: inline-block
}

.mright-30 {
    margin-right: 30px;
    display: inline-block
}

.mleft-30 {
    margin-left: 30px;
    display: inline-block
}

.m-30 {
    margin: 30px;
    display: inline-block
}

.mbottom-40 {
    margin-bottom: 40px;
    display: inline-block
}

.mtop-40 {
    margin-top: 40px;
    display: inline-block
}

.mright-40 {
    margin-right: 40px;
    display: inline-block
}

.mleft-40 {
    margin-left: 40px;
    display: inline-block
}

.m-40 {
    margin: 40px;
    display: inline-block
}

.mbottom-50 {
    margin-bottom: 50px;
    display: inline-block
}

.mtop-50 {
    margin-top: 50px;
    display: inline-block
}

.mright-50 {
    margin-right: 50px;
    display: inline-block
}

.mleft-50 {
    margin-left: 50px;
    display: inline-block
}

.m-50 {
    margin: 50px;
    display: inline-block
}

.mbottom-60 {
    margin-bottom: 60px;
    display: inline-block
}

.mtop-60 {
    margin-top: 60px;
    display: inline-block
}

.mright-60 {
    margin-right: 60px;
    display: inline-block
}

.mleft-60 {
    margin-left: 60px;
    display: inline-block
}

.m-60 {
    margin: 60px;
    display: inline-block
}

.mbottom-70 {
    margin-bottom: 70px;
    display: inline-block
}

.mtop-70 {
    margin-top: 70px;
    display: inline-block
}

.mright-70 {
    margin-right: 70px;
    display: inline-block
}

.mleft-70 {
    margin-left: 70px;
    display: inline-block
}

.m-70 {
    margin: 70px;
    display: inline-block
}

.mbottom-80 {
    margin-bottom: 80px;
    display: inline-block
}

.mtop-80 {
    margin-top: 80px;
    display: inline-block
}

.mright-80 {
    margin-right: 80px;
    display: inline-block
}

.mleft-80 {
    margin-left: 80px;
    display: inline-block
}

.m-80 {
    margin: 80px;
    display: inline-block
}

.mbottom-90 {
    margin-bottom: 90px;
    display: inline-block
}

.mtop-90 {
    margin-top: 90px;
    display: inline-block
}

.mright-90 {
    margin-right: 90px;
    display: inline-block
}

.mleft-90 {
    margin-left: 90px;
    display: inline-block
}

.m-90 {
    margin: 90px;
    display: inline-block
}

.mbottom-100 {
    margin-bottom: 100px;
    display: inline-block
}

.mtop-100 {
    margin-top: 100px;
    display: inline-block
}

.mright-100 {
    margin-right: 100px;
    display: inline-block
}

.mleft-100 {
    margin-left: 100px;
    display: inline-block
}

.m-100 {
    margin: 100px;
    display: inline-block
}

.ptop-10 {
    padding-top: 10px;
    display: inline-block
}

.pbottom-10 {
    padding-bottom: 10px;
    display: inline-block
}

.pleft-10 {
    padding-left: 10px;
    display: inline-block
}

.pright-10 {
    padding-right: 10px;
    display: inline-block
}

.p-10 {
    padding: 10px;
    display: inline-block
}

.ptop-20 {
    padding-top: 20px;
    display: inline-block
}

.pbottom-20 {
    padding-bottom: 20px;
    display: inline-block
}

.pleft-20 {
    padding-left: 20px;
    display: inline-block
}

.pright-20 {
    padding-right: 20px;
    display: inline-block
}

.p-20 {
    padding: 20px;
    display: inline-block
}

.ptop-30 {
    padding-top: 30px;
    display: inline-block
}

.pbottom-30 {
    padding-bottom: 30px;
    display: inline-block
}

.pleft-30 {
    padding-left: 30px;
    display: inline-block
}

.pright-30 {
    padding-right: 30px;
    display: inline-block
}

.p-30 {
    padding: 30px;
    display: inline-block
}

.ptop-40 {
    padding-top: 40px;
    display: inline-block
}

.pbottom-40 {
    padding-bottom: 40px;
    display: inline-block
}

.pleft-40 {
    padding-left: 40px;
    display: inline-block
}

.pright-40 {
    padding-right: 40px;
    display: inline-block
}

.p-40 {
    padding: 40px;
    display: inline-block
}

.ptop-50 {
    padding-top: 50px;
    display: inline-block
}

.pbottom-50 {
    padding-bottom: 50px;
    display: inline-block
}

.pleft-50 {
    padding-left: 50px;
    display: inline-block
}

.pright-50 {
    padding-right: 50px;
    display: inline-block
}

.p-50 {
    padding: 50px;
    display: inline-block
}

.ptop-60 {
    padding-top: 60px;
    display: inline-block
}

.pbottom-60 {
    padding-bottom: 60px;
    display: inline-block
}

.pleft-60 {
    padding-left: 60px;
    display: inline-block
}

.pright-60 {
    padding-right: 60px;
    display: inline-block
}

.p-60 {
    padding: 60px;
    display: inline-block
}

.ptop-70 {
    padding-top: 70px;
    display: inline-block
}

.pbottom-70 {
    padding-bottom: 70px;
    display: inline-block
}

.pleft-70 {
    padding-left: 70px;
    display: inline-block
}

.pright-70 {
    padding-right: 70px;
    display: inline-block
}

.p-70 {
    padding: 70px;
    display: inline-block
}

.ptop-80 {
    padding-top: 80px;
    display: inline-block
}

.pbottom-80 {
    padding-bottom: 80px;
    display: inline-block
}

.pleft-80 {
    padding-left: 80px;
    display: inline-block
}

.pright-80 {
    padding-right: 80px;
    display: inline-block
}

.p-80 {
    padding: 80px;
    display: inline-block
}

.ptop-90 {
    padding-top: 90px;
    display: inline-block
}

.pbottom-90 {
    padding-bottom: 90px;
    display: inline-block
}

.pleft-90 {
    padding-left: 90px;
    display: inline-block
}

.pright-90 {
    padding-right: 90px;
    display: inline-block
}

.p-90 {
    padding: 90px;
    display: inline-block
}

.ptop-100 {
    padding-top: 100px;
    display: inline-block
}

.pbottom-100 {
    padding-bottom: 100px;
    display: inline-block
}

.pleft-100 {
    padding-left: 100px;
    display: inline-block
}

.pright-100 {
    padding-right: 100px;
    display: inline-block
}

.p-100 {
    padding: 100px;
    display: inline-block
}

.absolute {
    position: absolute
}

.block {
    display: block !important
}

.align-left {
    text-align: left !important
}

.centerblock {
    padding: 60px 40px
}

.btn {
    padding: 18px 20px 17px 20px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    background: #172B49;
    display: inline-block;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: 1px
}

.btn:hover, .btn.active {
    background: #6F8795;
    color: #fff;
    text-decoration: none
}

.invertet {
    background: #6F8795
}

.invertet:hover, .invertet.active {
    background: #172B49
}

.btnlight {
    background: #fff;
    border-bottom: 1px solid #C5CFD5;
    color: #6F8795
}

.backgroundb, .backgroundbBTN {
    background: #6F8795
}

.backgroundb2, .backgroundb2BTN {
    background: #304757
}

.backgroundb8, .backgroundb8BTN {
    background: #8C9FAA
}

.backgroundb6, .backgroundb6BTN {
    background: #A9B7BF
}

.backgroundb4, .backgroundb4BTN {
    background: #C5CFD5
}

.backgroundb15, .backgroundb15BTN {
    background: #EAEDEF
}

.backgroundb10, .backgroundb10BTN {
    background: #F0F3F4
}

.backgroundb5, .backgroundb5BTN {
    background: #F8F9F9
}

.backgroundnavy, .backgroundnavyBTN {
    background: #172B49
}

.backgroundyellow, .backgroundyellowBTN {
    background: #F1A948
}

.backgroundred, .backgroundredBTN {
    background: #D8232A
}

.backgroundWhite {
    background: #fff
}

main .backgroundb, main .backgroundb2, main .backgroundb8, main .backgroundb6, main .backgroundb4, main .backgroundb15, main .backgroundb10, main .backgroundb5, main .backgroundnavy, main .backgroundyellow, main .backgroundred {
    padding: 40px
}

.backgroundb, .backgroundb2, .backgroundb8, .backgroundb6, .backgroundnavy, .backgroundred, .backgroundyellow {
    color: #fff
}

.backgroundb h1, .backgroundb h2, .backgroundb h3, .backgroundb h4, .backgroundb h5, .backgroundb p, .backgroundb a, .backgroundb li, .backgroundb span, .backgroundb2 h1, .backgroundb2 h2, .backgroundb2 h3, .backgroundb2 h4, .backgroundb2 h5, .backgroundb2 p, .backgroundb2 a, .backgroundb2 li, .backgroundb2 span, .backgroundb8 h1, .backgroundb8 h2, .backgroundb8 h3, .backgroundb8 h4, .backgroundb8 h5, .backgroundb8 p, .backgroundb8 a, .backgroundb8 li, .backgroundb8 span, .backgroundb6 h1, .backgroundb6 h2, .backgroundb6 h3, .backgroundb6 h4, .backgroundb6 h5, .backgroundb6 p, .backgroundb6 a, .backgroundb6 li, .backgroundb6 span, .backgroundnavy h1, .backgroundnavy h2, .backgroundnavy h3, .backgroundnavy h4, .backgroundnavy h5, .backgroundnavy p, .backgroundnavy a, .backgroundnavy li, .backgroundnavy span, .backgroundred h1, .backgroundred h2, .backgroundred h3, .backgroundred h4, .backgroundred h5, .backgroundred p, .backgroundred a, .backgroundred li, .backgroundred span, .backgroundyellow h1, .backgroundyellow h2, .backgroundyellow h3, .backgroundyellow h4, .backgroundyellow h5, .backgroundyellow p, .backgroundyellow a, .backgroundyellow li, .backgroundyellow span {
    color: #fff
}

.peoplebox .tname {
    font-size: 14px;
    padding-top: 10px;
    letter-spacing: .25px;
    line-height: 20px;
    color: #304757;
    margin-bottom: 0
}

.peoplebox .fce-text p {
    font-size: 14px;
    padding-top: 0px;
    line-height: 20px;
    color: #304757;
    padding-right: 20px
}

.textbox .fce-text {
    padding-left: 45px
}

.textbox .fce-text p {
    font-size: 15px;
    line-height: 21px
}

.textbox .fce-text:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 30px;
    background: #fff;
    height: 2px;
    margin-left: -45px;
    margin-top: 6px
}

main .testimonial {
    padding-top: 0px;
    padding-bottom: 0
}

main .testimonial img, main .testimonial .imgTestimonial {
    background-position: bottom right;
    background-size: contain;
    background-repeat: no-repeat
}

main .testimonial .txt {
    padding-top: 75px;
    padding-bottom: 65px
}

main .testimonial .fce-text {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 35px
}

main .testimonial .fce-text p {
    font-size: 32px;
    line-height: 40px;
    color: #304757;
    text-align: center
}

main .testimonial .institute {
    font-size: 16px;
    line-height: 24px;
    color: #304757;
    text-align: center
}

main .testimonial .tname {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .25px;
    color: #304757;
    text-align: center;
    margin-bottom: 0
}

.adressBlock {
    border-left: 5px solid #F0F3F4
}

.seviceBoxes {
    margin-bottom: 120px
}

.seviceBoxes h1, .seviceBoxes h2, .seviceBoxes h3 {
    margin-top: 0
}

.seviceBoxes p {
    margin-bottom: 5px
}

.seviceBoxes h3 {
    font-size: 32px;
    line-height: 40px;
    color: #304757
}

.seviceBoxes .newsletter .wrap, .seviceBoxes .questions .wrap, .seviceBoxes .halfHeight .wrap {
    padding: 50px 20px
}

.seviceBoxes .questions {
    border-right: 5px solid #fff
}

.seviceBoxes .newsletter {
    border-right: 10px solid #fff
}

.seviceBoxes .newsletter h3 {
    margin-bottom: 95px
}

.seviceBoxes .questions h3 {
    margin-bottom: 33px
}

.seviceBoxes .questions p, .seviceBoxes .questions a, .seviceBoxes .questions span {
    font-size: 24px;
    line-height: 36px;
    text-decoration: none;
    padding-bottom: 10px
}

.seviceBoxes .questions .icon {
    margin-right: 15px;
    font-size: 20px;
    position: relative;
    top: 3px
}

.seviceBoxes .questions .gbnfont-telefon {
    top: 0
}

.seviceBoxes .halfHeight {
    position: relative
}

.seviceBoxes .halfHeight h3, .seviceBoxes .halfHeight p {
    color: #fff
}

.seviceBoxes .halfHeight a {
    text-decoration: none
}

.seviceBoxes .halfHeight:after {
    content: "i";
    font-size: 30px;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -15px;
    color: #C5CFD5
}

.seviceBoxes .halfHeight:hover {
    background: #172B49
}

.seviceBoxes .socials {
    margin-top: 41px
}

.seviceBoxes .socials a, .seviceBoxes .socials span {
    color: #C5CFD5;
    display: inline-block;
    margin-right: 25px
}

.seviceBoxes .socials a:hover, .seviceBoxes .socials span:hover {
    color: #304757
}

.seviceBoxes .socials a span, .seviceBoxes .socials span span {
    margin-right: 0px
}

.arrowRight {
    position: relative
}

.arrowRight:after {
    text-transform: lowercase;
    content: "i";
    font-size: 31px;
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -20px;
    color: #C5CFD5
}

.arrowRight:hover:after {
    right: 10px
}

.splink:hover:after {
    right: 10px !important
}

.news .eventItem:hover:after {
    right: 15px !important
}

.imagebox a {
    text-decoration: none
}

.imagebox h3 {
    font-size: 24px;
    line-height: 32px;
    padding-bottom: 12px;
    margin: 0
}

.imagebox .txtBlock {
    margin-right: 35px;
    padding: 20px 60px 44px 30px;
    margin-top: -55px;
    z-index: 9;
    position: relative
}

.imagebox .txtBlock p {
    font-size: 17px;
    line-height: 24px;
    margin-bottom: 5px
}

.imagebox:hover .txtBlock {
    background: #172B49
}

.imagebox:hover .txtBlock h3, .imagebox:hover .txtBlock p, .imagebox:hover .txtBlock a {
    color: #fff
}

.toTopBtn {
    display: none;
    position: fixed;
    z-index: 999999;
    bottom: 60px;
    right: 20px
}

.toTopBtn a {
    font-size: 14px;
    line-height: 21px;
    color: #C5CFD5;
    text-decoration: none
}

.toTopBtn a:after {
    content: "k";
    font-size: 27px;
    position: absolute;
    top: -20px;
    right: -3px;
    color: #C5CFD5
}

.slideshow {
    margin-top: -40px
}

.bigslide {
    margin-bottom: 120px;
    background-size: cover;
    background-repeat: no-repeat
}

.bigslide h1, .bigslide h2, .bigslide h3, .bigslide p {
    color: #fff
}

.bigslide h1 {
    font-size: 60px;
    line-height: 68px;
    margin-bottom: 10px;
    margin-top: 0
}

.bigslide h2 {
    font-size: 60px;
    margin-top: 0;
    line-height: 68px;
    margin-bottom: 10px
}

.bigslide .btn {
    margin-right: 10px;
    margin-top: 50px
}

.bigslide .infoTxt {
    margin-top: 10vh
}

.bigslide .infoTxt p {
    font-size: 18px;
    margin-left: 65px;
    line-height: 24px;
    padding-right: 40px
}

.bigslide .infoTxt p:before {
    margin-left: -60px;
    content: "i";
    font-size: 60px;
    float: left;
    margin-top: 20px
}

.bigslide h3 {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 10px
}

.bigslide .scroll {
    position: absolute;
    bottom: -2px;
    width: 54px;
    padding-top: 30px;
    height: 54px;
    left: 50%;
    margin-left: -27px;
    text-align: center;
    background: #C5CFD5;
    font-size: 14px;
    background: #fff;
    color: #C5CFD5
}

.bigslide .scroll:after {
    content: "e";
    font-size: 27px;
    position: absolute;
    top: -5px;
    left: 0;
    color: #C5CFD5;
    width: 100%
}

.sublide .container {
    height: 450px;
    background-size: cover;
    background-repeat: no-repeat
}

.subslideTxt {

    margin-left: -126px
}

.subslideTxt .firstcont {
    padding: 20px 50px 60px 83px;
    margin-left: -38px
}

.subslideTxt h1 {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 10px;
    padding-right: 13%;
    margin-top: 10px
}

.subslideTxt h2 {
    margin-bottom: 15px;
    padding-right: 13%;
    margin-top: 35px
}

.subslideTxt h2 b {
    font-size: 32px;
    line-height: 40px
}

.subslideTxt p {
    font-size: 18px;
    line-height: 26px;
    padding-right: 13%;
    margin-bottom: 10px
}

main .specialeft {
    padding: 30px 40px 40px 40px;
    border-right: 7px solid #fff
}

main .specialeft .row .col {
    padding-left: 30px
}

.subnav ul {
    margin-left: 0;
    margin-bottom: 60px
}

.subnav li {
    list-style-type: none
}

.subnav li a {
    text-decoration: none;
    font-size: 14px;
    line-height: 21px;
    color: #6F8795;
    display: block;
    border-bottom: 1px solid #6F8795;
    padding: 9px 5px 9px 10px;
    position: relative
}

.subnav li a:after {
    content: "j";
    font-size: 8px;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -9px;
    color: #6F8795
}

.subnav li a.active {
    color: #172B49;
    border-bottom: 1px solid #172B49
}

.subnav li a.active:after {
    display: none
}

.subnav li a:hover {
    background: #6F8795;
    color: #fff
}

.subnav li a:hover:after {
    color: #fff
}

.contentNav {
    margin-top: 40px;
    min-height: 731px
}

.contentNav .gleft {
    margin-left: -20px
}

.contentNav .heading b {
    font-size: 18px;
    line-height: 24px;
    color: #8C9FAA
}

.contentNav .txtwrap, .contentNav .navbg {
    display: none
}

.contentNav .txtwrap:first-child, .contentNav .navbg:first-child {
    display: block
}

.contentNav .imageBlock.rightalign {
    margin-left: -8.33333%;
    padding: 0 20px 0 0
}

.contentNav .imageBlock.leftalign {
    margin-right: -8.33333%;
    padding: 0 20px 0 0
}

.contentNav .textBlock {
    padding-top: 24px;
    margin-top: 40px;
    padding-left: 51px;
    padding-bottom: 51px
}

.contentNav .textBlock h3 {
    font-size: 32px;
    margin-top: 46px;
    line-height: 40px;
    color: #304757;
    margin-bottom: 25px
}

.contentNav .textBlock p {
    font-size: 16px;
    line-height: 24px;
    color: #304757
}

.contentNav .menuBlock {
    background: #fff;
    padding: 30px 52px;
    margin-top: -51px
}

.contentNav .menuBlock a {
    text-align: left
}

.contentNav .menuBlock a:after {
    font-size: 18px;
    margin-top: -14px
}

.colorblock p {
    font-size: 32px;
    line-height: 40px
}

.colorblock h2 {
    padding-top: 0;
    margin-top: 0
}

hr {
    background: #304757
}

.accordionHeadline h3 {
    margin: 0
}

.none {
    display: none
}

.lang a {
    text-decoration: none
}

.height100 {
    height: 100%
}

.keyfigures {
    margin-left: -5px
}

.keyfigures p {
    text-align: center
}

.keyfigures .bigItem {
    font-size: 53px;
    line-height: 50px
}

.keyfigures .smalItem {
    font-size: 18px;
    line-height: 24px;
    margin: 0
}

.AdressBox .headline, .AdressBox .imageheadline {
    margin-bottom: 10px
}

.AdressBox .subline {
    margin-bottom: 10px
}

.AdressBox img {
    margin-bottom: 20px
}

.adress {
    margin-bottom: 60px
}

.adress p {
    margin-bottom: 0
}

.links {
    margin-bottom: 60px
}

.link {
    text-decoration: none;
    border-bottom: 1px solid #6F8795;
    padding: 10px 0
}

.linkbox {
    text-decoration: none;
    padding-bottom: 60px !important;
    height: 100%;
    -webkit-box-shadow: 0px 0px 0px 0px transparent;
    -moz-box-shadow: 0px 0px 0px 0px transparent;
    box-shadow: 0px 0px 0px 0px transparent
}

.linkbox p, .linkbox a {
    text-decoration: none
}

.linkbox .tname {
    font-size: 16px;
    margin-bottom: 15px
}

.linkbox .fce-text {
    margin-right: 25px
}

.linkbox:hover {
    -webkit-box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.25)
}

.nomargin {
    padding-top: 5px !important;
    padding-bottom: 5px !important
}

.nounderline {
    text-decoration: none !important
}

.nounderline p, .nounderline a, .nounderline h2, .nounderline h3, .nounderline h4 {
    text-decoration: none !important
}

.col .frame {
    display: inline
}

#map {
    height: 80vh;
    width: 100%;
    display: block
}

.seviceBoxes .questions {
    padding-right: 0;
    border-right: 0
}

.AdressBlock {
    padding-left: 0
}

.splink:after {
    text-transform: lowercase !important;
    content: "i" !important;
    font-size: 25px !important;
    position: absolute !important;
    top: 75% !important;
    right: 15px !important;
    margin-top: -25px !important;
    visibility: inherit;
    font-family: "gbn", "Titillium Web", sans-serif
}

.news .eventItem:after {
    text-transform: lowercase !important;
    content: "i" !important;
    font-size: 25px !important;
    position: absolute !important;
    top: 50% !important;
    right: 20px !important;
    margin-top: -25px !important;
    visibility: inherit;
    color: #C5CFD5;
    font-family: "gbn", "Titillium Web", sans-serif
}

.grid:after {
    content: "";
    display: block;
    clear: both
}

.grid-item {
    float: left;
    border: 2px solid #fff;
    overflow: hidden
}

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

main li {
    padding-bottom: 20px
}

main .subnav li {
    padding-bottom: 0px;
    margin-bottom: 0
}

#temp_2 .specialeft .nm {
    margin-left: -30px;
    margin-right: 30px
}

#temp_2 .specialeft .col .fullwidth {
    margin-left: -15px;
    margin-right: -15px;
    width: inherit
}

#temp_2 .specialeft .col .col {
    padding-left: 15px;
    padding-right: 15px
}

#temp_2 .specialeft .nm .subnav ul {
    margin-left: 0;
    padding-left: 0;
    width: 50%
}

.main caption {
    font-size: 24px;
    line-height: 36px;
    color: #304757;
    margin-top: 40px;
    margin-bottom: 10px
}

.seviceBoxes {
    margin-top: 40px
}

.specialNav li {
    padding-left: 0px
}

.specialNav li a {
    padding-left: 15px
}

.specialNav li a:after {
    left: 0;
    margin-top: -10px;
    right: inherit
}

.col .frame-space-after-medium {
    clear: both;
    margin-bottom: 40px;
    width: 100%;
    display: inline-block
}

.noimageSlide .subslideTxt {
    margin-top: 0
}

.noimageSlide .container {
    height: inherit
}

.noimageSlide .container .firstcont {
    margin-top: 0
}

.image-caption {
    font-size: 13px;
    line-height: 20px;
    margin-top: 8px;
    color: #6F8795
}

.filtercat {
    width: 300px;
    display: inline-block;
    margin-left: 10px
}

.galleryitem .overlay {
    background: rgba(48, 71, 87, 0.9);
    height: 100%;
    width: 100%;
    position: absolute;
    opacity: 0
}

.galleryitem .overlay span {
    position: absolute;
    cursor: pointer;
    top: 50%;
    left: 50%;
    color: #fff;
    font-size: 20px;
    margin-top: -20px
}

.galleryitem .overlay a {
    color: #fff;
    text-decoration: none;
    display: inline-block
}

.galleryitem .overlay .openLightbox span {
    margin-top: -15px;
    margin-right: -50px
}

.galleryitem .overlay .addToCard {
    margin-left: -50px;
    background: #fff;
    color: rgba(48, 71, 87, 0.9);
    padding: 0px 15px 3px 15px
}

.galleryitem:hover .overlay {
    display: block;
    opacity: 1
}

.lightbox:hover {
    cursor: pointer
}

.Lightbox {
    display: none;
    position: absolute;
    top: 0;
    z-index: 9999999999999999;
    left: 0
}

.lbclose {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 13%;
    font-size: 40px;
    z-index: 9999999999999999;
    top: -3px;
    text-decoration: none
}

.lbclose:before {
    content: "w";
    color: #fff;
    font-family: "gbn" !important
}

.lbclose:hover, .lbclose:active, .lbclose::selection {
    text-decoration: none
}

.lbclose:hover {
    cursor: pointer
}

.lgwrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4)
}

.lgcontent {
    padding: 20px;
    min-height: 400px;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center
}

.lgcontent img {
    width: 100%;
    height: auto
}

.addToCardForm {
    display: none;
    background: #304757
}

.addToCardForm img {
    height: 100px;
    width: auto;
    margin: 2px;
    padding: 10px 5px
}

.overlay .check {
    display: none
}

.news-list-view .article.col-md-4 .backgroundWhite {
    height: 100%
}

.news-list-view .article.col-md-4 .backgroundWhite .arrowRight {
    height: 100%
}

.news .article:last-child {
    padding-bottom: 15px;
    margin-bottom: 15px
}

.breakDates {
    display: block;
    height: 10px;
    line-height: 10px;
    padding: 0;
    margin: 0
}

.timepadding {
    padding-top: 8px;
    padding-bottom: 10px
}

.newsBlog .article.lkayout2 {
    border-bottom: 1px solid #EAEDEF
}

.newsBlog .splink:after {
    display: none
}

.eventItem .backgroundb5 {
    height: 100%
}

.eventItem .backgroundb5 a {
    height: 100%
}

main:after {
    content: "";
    clear: both;
    display: block
}

.news-single h3 {
    margin-top: 0
}

.news-single .news-img-wrap {
    display: block;
    width: 100% !important;
    float: none !important
}

.news .no-news-found {
    color: #000
}

.lkayout6 .arrowRight {
    margin-left: -8.3333%;
    margin-right: 8.3333%
}

.lkayout6 .arrowRight .header {
    padding-top: 20px !important
}

.lkayout6 .arrowRight .header, .lkayout6 .arrowRight .teaser-text {
    padding-left: 8.3333% !important;
    background: #6F8795
}

.lkayout6 .arrowRight .header *, .lkayout6 .arrowRight .teaser-text * {
    color: #fff
}

.lkayout6 .arrowRight .header {
    margin-top: -200px;
    display: inline-block;
    width: 100%
}

.lkayout6 .backgroundWhite {
    background: none
}

.nomarginleftright {
    padding-left: 15px !important;
    padding-right: 15px !important
}

.specialeft .testimonial .fce-text p {
    font-size: 20px !important;
    line-height: 30px !important
}

.eventItem a .row {
    height: 100%
}

.news .dare .month, .news .dare .day {
    display: inline-block !important
}

.news .dare .day {
    padding-left: 7px
}

.logosliderhl {
    height: 60%
}

.logosliderhr {
    height: 100%;
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center center
}

.bankSlide .subslideTxt .firstcont {
    margin-left: -8.33333%
}

.bankSlide .subslideTxt {
    margin-left: 0
}

.bankSlide .firstcont {
    margin-top: -245px
}

form input, form input, form input[type="text"], form input[type="email"], form input[type="password"], form textarea, form select {
    width: 300px;
    height: 45px;
    border: 1px solid #F8F9F9 !important;
    background: #F8F9F9 !important;
    border-bottom: 1px solid #A9B7BF !important;
    color: #A9B7BF !important;
    float: left;
    margin: 10px 20px 20px 0
}

#mc_embed_signup .mc-field-group.input-group input {
    padding: 0 !important;
    margin: 0 20px 0 0 !important;
    height: 30px
}

#mc_embed_signup .mc-field-group.input-group label {
    height: 30px
}

#tx_indexedsearch input, #tx_indexedsearch input, #tx_indexedsearch input[type="text"], #tx_indexedsearch input[type="email"], #tx_indexedsearch input[type="password"], #tx_indexedsearch textarea, #tx_indexedsearch select {
    width: 300px;
    height: 45px;
    border: 1px solid #F8F9F9 !important;
    background: #F8F9F9 !important;
    border-bottom: 1px solid #A9B7BF !important;
    color: #A9B7BF !important;
    float: left;
    margin: 10px 20px 20px 0
}

#tx_indexedsearch .tx-indexedsearch-search-submit input {
    width: 200px
}

.col-md-4 .imagebox {
    height: 100%
}

.search {
    cursor: pointer
}

.searchbox {
    position: absolute;
    right: 230px;
    max-width: 300px
}

.searchbox .tx-indexedsearch-search-submit {
    display: none
}

.searchbox .tx-indexedsearch-search-submit, .searchbox .tx-indexedsearch-form {
    float: left
}

.searchbox legend {
    display: none
}

.searchbox .tx-indexedsearch-searchbox-sword {
    width: 300px;
    height: 45px;
    border: 1px solid #F8F9F9 !important;
    background: #F8F9F9 !important;
    border-bottom: 1px solid #A9B7BF !important;
    color: #A9B7BF !important
}

.tx-indexedsearch-browsebox {
    margin: 0;
    padding: 0
}

.tx-indexedsearch-browsebox li {
    list-style-type: none;
    display: inline-block;
    margin-right: 15px
}

.lgcontent .scroll {
    max-height: 80vh;
    overflow: scroll
}

.lgcontent .news-backlink-wrap {
    display: none
}

.lgcontent img {
    max-width: 634px
}

.p40 {
    padding: 40px
}

.supportNav .tx-indexedsearch-browsebox, .supportNav .tx-indexedsearch-res, .supportNav .tx-indexedsearch-browsebox {
    display: none
}

.page-navigation {
    display: block;
    clear: both;
    width: 100%;
    text-align: center
}

.removeItem {
    display: inline-block
}

.removeItem:after {
    content: "-";
    position: absolute;
    font-size: 20px;
    color: #000;
    background: #fff;
    padding: 0px 15px;
    margin-top: 35px;
    margin-left: -85px;
    opacity: 0
}

.removeItem:hover:after {
    opacity: 1
}

#galleryform {
    padding: 20px;
    background: #EAEDEF;
    display: none
}

#galleryform label {
    margin-bottom: 0
}

#galleryform input, #galleryform select {
    padding: 5px 10px;
    width: 100%
}

#galleryform #submit {
    width: 200px;
    color: #fff !important;
    background: #6F8795 !important
}

#galleryform #submit:hover, #galleryform #submit.active {
    background: #172B49 !important;
    color: #fff !important
}

.stickyBAR, #sticky-wrapper {
    z-index: 999999999 !important
}

.serviceBox {
    position: fixed;
    top: 0;
    right: -635px;
    width: 635px;
    background: #fff;
    height: 100%;
    z-index: 99999999999999999
}

.openSupport, .closeSupport {
    right: 0;
    top: 250px;
    position: fixed;
    cursor: pointer
}

.closeSupport {
    position: absolute
}

.sidbarnewsletter {
    padding: 127px 84px 144px 96px
}

.serviceContent {
    padding-right: 85px
}

.serviceContent .socials {
    padding: 20px
}

.serviceContent .socials a {
    display: inline-block
}

.bluebox {
    padding: 88px 118px 88px 96px;
    border-bottom: 1px solid #fff;
    background: #6F8795;
    color: #fff;
    display: block;
    text-decoration: none;
    cursor: pointer
}

.bluebox .big {
    text-decoration: none;
    display: block;
    font-size: 32px;
    line-height: 40px
}

.bluebox .smal {
    text-decoration: none;
    display: block;
    font-size: 18px;
    line-height: 24px
}

.bluebox:hover {
    background: #EAEDEF;
    color: #6F8795;
    text-decoration: none
}

input {
    font-family: "Titillium Web", sans-serif !important;
    color: #6F8795
}

.news .article .news-img-wrap {
    margin-bottom: 20px !important
}

.news-list-date time {
    font-weight: 600;
    color: #8C9FAA
}

.col-md-4 .subnav ul {
    margin-bottom: 30px
}

#header.sticky {
    padding-bottom: 0
}

*::-webkit-input-placeholder {
    color: #A9B7BF
}

*:-moz-placeholder {
    color: #A9B7BF;
    opacity: 1
}

*::-moz-placeholder {
    color: #A9B7BF;
    opacity: 1
}

*:-ms-input-placeholder {
    color: #A9B7BF
}

*::-ms-input-placeholder {
    color: #A9B7BF
}

.news a:hover span {
    color: #6F8795
}

.news a:hover .dare time, .news a:hover .dare .timepadding {
    color: #fff
}

.news a:hover .dare time span, .news a:hover .dare .timepadding span {
    color: #fff
}

.serviceBox .socials a, .serviceBox .socials span {
    font-size: 20px;
    text-decoration: none;
    padding-right: 25px
}

.serviceBox .socials a span, .serviceBox .socials span span {
    padding-right: 0
}

.lgcontent .news-img-wrap {
    margin-bottom: 20px
}

.lgcontent h3 {
    margin-top: 10px
}

#idnews h4, #idtermine h4 {
    margin-left: 5px
}

.ajax6 .teaser-text p {
    padding-bottom: 40px !important
}

.ajax6:after {
    top: 80% !important
}

.npt22 {
    padding-top: 40px !important
}

.mtp--20 {
    margin-top: -50px;
    position: absolute;
    margin-left: 15px
}

.mtp--20 a {
    text-decoration: none
}

.smal {
    font-size: 10px;
    color: #6F8795;
    margin-right: 8px
}

.news-backlink-wrap a {
    color: #6F8795
}

.news-backlink-wrap a:hover {
    color: #172B49
}

.ajax1 .teaser-text, .ajax1 .teaser-text span {
    color: #304757
}

.ajax1:hover .teaser-text, .ajax1:hover .teaser-text span {
    color: #304757
}

.selectarrow {
    position: absolute;
    top: 23px;
    margin-left: -45px
}

.selectarrow:after {
    content: "f";
    position: absolute;
    height: 20px;
    width: 20px;
    font-family: "gbn" !important;
    color: #6F8795
}

select.reloadviaselect {
    width: 300px;
    height: 45px;
    border: none;
    border: 1px solid #F8F9F9 !important;
    background: #F8F9F9 !important;
    border-bottom: 1px solid #A9B7BF !important;
    color: #A9B7BF !important;
    margin: 10px 20px 20px 0
}

a.ajax5 .teaser-text {
    color: #304757 !important
}

a.ajax5:hover .teaser-text {
    color: #304757 !important
}

.imageBlock img {
    position: absolute
}

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

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

.biobankslider .container {
    height: 245px
}

.Adress {
    background: #fff
}

.Adress .backgroundb5s {
    background: #fff
}

.Adress .frame-type-textpic, .Adress .AdressBox {
    border: 15px solid #F8F9F9;
    border-bottom: 0px solid #F8F9F9;
    padding-left: 20px;
    padding-right: 20px;
    background: #F8F9F9
}

.Adress .AdressBox {
    background: #F8F9F9;
    border-top: 0
}

.Adress .AdressBox .smal {
    font-size: 14px
}

.Adress .AdressBox .headline {
    padding-top: 20px
}

.Adress .AdressBox * {
    padding-left: 20px;
    padding-right: 20px
}

.Adress .AdressBox b, .Adress .AdressBox .adress p, .Adress .AdressBox .links a {
    padding-left: 0px
}

.Adress .AdressBox .imageheadline {
    margin-bottom: 0px
}

.AdressBox .adress {
    margin-bottom: 40px
}

.AdressBox .link {
    font-size: 15px;
    color: #6F8795;
    padding-top: 15px;
    padding-bottom: 15px
}

.AdressBox .link span {
    width: 30px;
    display: inline-block;
    padding-left: 0;
    padding-right: 20px
}

.AdressBox .link span:before {
    position: absolute;
    margin-top: -12px
}

.AdressBox .link.web span {
    font-size: 12px
}

.AdressBox .link:hover {
    text-decoration: none;
    color: #304757
}

.bluebox .smal {
    color: #fff
}

.bluebox:hover .smal {
    color: #6F8795
}

.peoplebox a {
    text-decoration: none
}

.news .article:last-child {
    margin-bottom: 15px !important
}

@media (max-width: 700px) {
    .col-md-6 {
        width: 100%;
        max-width: 100%;
        float: none;
        display: block;
        -webkit-flex-basis: inherit
    }

    h1, h2, h3, h4, h5, h6 {
        word-break: break-alls
    }

}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .col-md-4 {
        width: 32%;
        max-width: 32%;
        margin-right: 1%
    }

    .col-md-4 .button img {
        width: 98%
    }

    .row {
        flex-wrap: "nowrap"
    }

    .col-md-6 {
        width: 49%;
        max-width: 49%
    }

    .col-md-1 {
        max-width: 8%
    }

    .bigslide .scroll::after {
        margin-left: 0
    }

    main .specialeft {
        padding: 30px 0px 40px 40px;
        border-right: 0
    }

    .backgroundb .fce-text {
        padding-right: 40px
    }

    .firstcont {
        padding-left: 40px !important
    }

    .sub {
        margin-left: 0;
        margin-right: 0
    }

    .sub li {
        padding-bottom: 0
    }

    .contentNav .textBlock {
        padding-left: 51px !important
    }

    .galleryitem {
        width: 30%;
        max-width: 30%
    }

    footer .col-lg-8 {
        width: 66%;
        max-width: 66%
    }

    .col-md-10 {
        width: 81%;
        max-width: 81%;
        overflow: hidden
    }

    .col-md-10 .container {
        width: 90%
    }

    #page-24 .col-md-4 {
        width: 30%;
        max-width: 30%;
        margin: 1%;
        border-bottom: 30px solid #fff
    }

    #page-24 .col-md-4 .linkbox {
        padding: 0
    }

    #page-24 .col-md-4 .linkbox .tname, #page-24 .col-md-4 .linkbox .fce-text {
        padding: 40px
    }

    #page-24 .col-md-4 .linkbox .tname {
        padding-bottom: 0
    }

    #page-24 .col-md-4 .linkbox .fce-text {
        padding-top: 0
    }
}

.contentNav .textBlock {
    min-height: 350px
}

.news .l4 .article {
    padding-bottom: 0px
}

:root {
    color: #304757;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .25px
}

p {
    margin-bottom: 30px;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .25px
}

.align-center, .text-center {
    text-align: center
}

.align-right, .text-right {
    text-align: right
}

.text-justify, .text-justify {
    text-align: justify
}

.text-nowrap {
    white-space: nowrap
}

.text-lowercase {
    text-transform: lowercase
}

.text-uppercase {
    text-transform: uppercase
}

.text-capitalize {
    text-transform: capitalize
}

ul, ol {
    margin-top: 0;
    margin-bottom: 0px
}

main ol, main ul {
    margin: 0;
    margin-bottom: 15px;
    padding-left: 25px
}

ul ul, ol ul, ul ol, ol ol {
    margin-bottom: 0
}

dl {
    margin-top: 0;
    margin-bottom: 20px
}

dt, dd {
    line-height: 1.42857
}

dt {
    font-weight: bold
}

dd {
    margin-left: 0
}

blockquote p {
    border-left: 5px solid #6F8795;
    padding: 20px 80px;
    margin: 40px 0;
    letter-spacing: 1px;
    color: #172B49
}

h1, h2.big {
    font-size: 60px;
    line-height: 68px;
    color: #304757;
    margin-top: 40px;
    margin-bottom: 30px
}

h2 {
    font-size: 32px;
    line-height: 40px;
    color: #304757;
    margin-top: 60px;
    margin-bottom: 30px
}

h3 {
    font-size: 24px;
    line-height: 36px;
    color: #304757;
    margin-top: 40px;
    margin-bottom: 10px
}

h4 {
    font-size: 18px;
    line-height: 24px;
    color: #8C9FAA;
    margin-bottom: 5px;
    margin-top: 20px;
    letter-spacing: 1px
}

h5 {
    font-size: 16px;
    line-height: 24px;
    color: #6F8795;
    margin-bottom: 5px;
    margin-top: 20px
}

p, .product--details a, label, main li, td, th {
    font-size: 16px;
    line-height: 24px
}

a {
    color: #304757
}

@font-face {
    font-family: "gbn";
    src: url("fonts/gbn.eot");
    src: url("fonts/gbn.eot?#iefix") format("embedded-opentype"), url("fonts/gbn.woff") format("woff"), url("fonts/gbn.ttf") format("truetype"), url("fonts/gbn.svg#gbn") format("svg");
    font-weight: normal;
    font-style: normal
}

[data-icon]:before {
    font-family: "gbn" !important;
    content: attr(data-icon);
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

[class^="gbnfont-"]:before, [class*=" gbnfont-"]:before {
    font-family: "gbn" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.gbnfont-close:before {
    content: "a"
}

.gbnfont-email:before {
    content: "b"
}

.gbnfont-facebook:before {
    content: "c"
}

.gbnfont-fax:before {
    content: "d"
}

.gbnfont-hook-down-l:before {
    content: "e"
}

.gbnfont-hook-down-s:before {
    content: "f"
}

.gbnfont-hook-left-l:before {
    content: "g"
}

.gbnfont-hook-left-s:before {
    content: "h"
}

.gbnfont-hook-right-l:before {
    content: "i"
}

.gbnfont-hook-right-s:before {
    content: "j"
}

.gbnfont-hook-up-l:before {
    content: "k"
}

.gbnfont-hook-up-s:before {
    content: "l"
}

.gbnfont-linkedin:before {
    content: "m"
}

.gbnfont-zoom:before {
    content: "n"
}

.gbnfont-xing:before {
    content: "o"
}

.gbnfont-twitter:before {
    content: "p"
}

.gbnfont-telefon:before {
    content: "q"
}

.gbnfont-search:before {
    content: "r"
}

.gbnfont-pin-small:before {
    content: "s"
}

.gbnfont-pin-big:before {
    content: "t"
}

.gbnfont-menu:before {
    content: "u"
}

.gbnfont-youtube:before {
    content: "v"
}

.gbnfont-close-big-white:before {
    content: "w"
}

.gbnfont-service-nav:before {
    content: "x"
}

.gbnfont-service-nav-close:before {
    content: "y"
}

.fleft {
    float: left
}

.fright {
    float: right
}

.p60 {
    padding-top: 60px;
    padding-bottom: 60px
}

ul {
    margin: 0;
    padding: 0
}

nav li {
    display: inline-block;
    list-style-type: none
}

header .sub {
    display: none;
    position: absolute
}

header .sub li {
    float: none;
    display: block
}

.mainNav a {
    border-top: 5px solid #fff;
    padding-top: 58px;
    font-size: 21px;
    line-height: 40px;
    display: block;
    letter-spacing: 1px;
    margin-left: 45px;
    text-decoration: none;
    color: #304757
}

.mainNav a:hover {
    border-top: 5px solid #F1A948;
    color: #6F8795
}

.mainNav .active a {
    border-top: 5px solid #F1A948;
    color: #6F8795
}

.mainNav .active a:hover {
    color: #6F8795
}

.mainNav .active .sub a {
    color: #304757
}

.mainNav .active .sub a.active {
    color: #6F8795
}

.mainNav .active .sub:hover {
    color: #6F8795
}

.mainNav a {
    color: #304757
}

.mainNav ul a {
    color: #304757
}

.mainNav .sub {
    text-align: left;
    background: #F0F3F4;
    margin: 10px 0 0 20px;
    padding: 20px 30px
}

.mainNav .sub a {
    border: none;
    padding-top: 0px;
    font-size: 19px;
    letter-spacing: 1px;
    margin-left: 0px;
    padding-left: 0;
    line-height: 26px;
    margin-top: 23px;
}

.mainNav .sub a:hover {
    color: #6F8795
}

.logo-main {
    margin: 40px 0px 0 0px
}

.logo-main img {
    width: 245px
}

.supportNav {
    background: #F0F3F4
}

.supportNav .breadcrumb {
    padding: 20px 0;
    font-size: 14px;
    line-height: 20px;
    color: #304757
}

.supportNav .breadcrumb a, .supportNav .breadcrumb p {
    text-decoration: none;
    padding: 0;
    margin: 0;
    font-size: 14px;
    line-height: 20px;
    color: #304757
}

.supportNav .breadcrumb a {
    color: #6F8795
}

.supportNav .breadcrumb span.gbnfont-hook-right-s {
    font-size: 6px;
    padding: 0 10px
}

.supportNav .breadcrumb a:hover {
    text-decoration: underline
}

.supportNav .search {
    border-left: 2px solid #fff;
    border-right: 2px solid #fff
}

.supportNav .search span {
    text-align: center;
    display: block;
    padding-top: 21px;
    font-size: 18px;
    color: #6F8795;
    line-height: 25px
}

.supportNav .lang {
    border-right: 2px solid #fff;
    text-transform: uppercase
}

.supportNav .lang li {
    list-style-type: none;
    font-size: 18px;
    text-align: center;
    line-height: 25px;
    padding-top: 16px;
    color: #6F8795
}

.supportNav .lang li span {
    font-size: 10px;
    padding-left: 5px;
    color: #6F8795
}

main {
    min-height: 400px;
    margin-top: 40px;
    margin-bottom: 40px
}

main ol {
    margin-left: 13%;
    margin-right: 13%
}

main ul {
    margin-left: 13%;
    margin-right: 13%
}

main ul li {
    list-style-type: square
}

.main {
    width: 100%
}

.headerMenu {
    position: relative;
    z-index: 99999999999999
}

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

footer {
    padding: 0px
}

footer #address {
    margin-left: 35px
}

footer #address p {
    font-size: 16px;
    color: #304757;
    line-height: 24px
}

footer .contact {
    padding-top: 40px
}

footer li a {
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 10px;
    display: block;
    letter-spacing: .25px;
    color: #6F8795;
    text-decoration: none
}

footer .sub li {
    float: none;
    display: block
}

footer .sub li a {
    font-size: 14px;
    line-height: 20px;
    padding-bottom: 8px;
    display: block
}

.copyright {
    color: #fff;
    font-size: 15px;
    line-height: 20px
}

th {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .25px;
    color: #304757;
    padding-bottom: 10px
}

td {
    font-size: 16px;
    line-height: 22px;
    padding-bottom: 10px
}

.npad {
    padding: 0 !important
}

.wpadding {
    padding-right: 20px;
    padding-left: 20px
}

.wpadding time {
    margin-top: -4px
}

.news .article a {
    text-decoration: none
}

.news .article .news-img-wrap {
    margin: 0
}

.news .article .news-img-wrap a {
    border: none;
    background: none;
    padding: 0
}

.news .article .news-img-wrap a img {
    width: 100%;
    height: auto
}

.news .article .teaser-text, .news .article .header {
    padding: 0px 60px 20px 20px;
    clear: both
}

.news .article .teaser-text p, .news .article .header p {
    padding: 0;
    margin: 0
}

.news .article .header {
    padding-top: 10px
}

.news .article .header p {
    padding: 0px;
    margin: 0px
}

.news .article .header h3 {
    margin: 0;
    line-height: 32px;
    font-size: 24px;
    letter-spacing: .25px;
    color: #304757;
    padding-top: 10px;
    text-decoration: none
}

.news .underline {
    padding-left: 5px;
    text-decoration: underline;
    display: inline-block
}

.news .eventItem a {
    text-decoration: none
}

.news .eventItem .headline {
    line-height: 24px;
    font-size: 16px
}

.news .dare {
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    color: #fff;
    text-decoration: none;
    line-height: 32px;
    font-size: 24px
}

.news .dare .month {
    display: block;
    text-decoration: none
}

.news .dare .day {
    text-decoration: none;
    display: block
}

.daretext, .dare {
    display: flex;
    justify-content: center;
    flex-direction: column
}

.news .article .dare time span {
    font-size: 20px;
    line-height: 28px
}

.news .article .daretext h3 {
    font-size: 20px;
    line-height: 28px
}

#header {
    position: fixed !important;
    top: 0;
    width: 100%;
    background: #fff;
    padding-bottom: 27px
}

.sticky {
    padding-bottom: 0px
}

.sticky .logo-main img {
    height: 70px;
    width: auto
}

.sticky .mainNav a {
    padding-top: 25px
}

.sticky .mainNav ul ul a {
    padding-top: 0px
}

.sticky .logo-main {
    margin: 15px 0px 15px 0px
}

.stickys, .supportNav {
    margin-top: 160px
}

.extbase-debugger {
    z-index: 9999999999999
}

.tx-indexedsearch-title a {
    text-decoration: none
}

a.meanmenu-reveal {
    display: none
}

.mean-container .mean-bar {
    width: 100%;
    overflow: scroll;
    position: fixed;
    background: transparent;
    padding: 4px 0 140px 0;
    min-height: 42px;
    z-index: 999999999999999999999999999999999999;
    top: 40px;
    left: 0
}

.mean-container a.meanmenu-reveal {
    width: 22px;
    height: 22px;
    padding: 0px 28px 11px 13px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    color: #6F8795;
    text-decoration: none;
    font-size: 16px;
    text-indent: -9999em;
    line-height: 22px;
    font-size: 1px;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700
}

.mean-container a.meanmenu-reveal span {
    display: block;
    background: #6F8795;
    height: 3px;
    margin-top: 3px
}


.mean-container .mean-nav {
    float: left;
    width: 100%;
    background: #fff;
    margin-top: 56px
}

.mean-container .mean-nav ul {
    padding: 0;
    margin: 0;
    width: 100%;
    list-style-type: none
}

.mean-container .mean-nav ul li {
    position: relative;
    float: left;
    width: 100%
}

.mean-container .mean-nav ul li a {
    display: block;
    float: left;
    width: 90%;
    padding: 1em 5%;
    margin: 0;
    font-size: 24px;
    text-align: left;
    color: #304757;
    border-top: 1px solid #A9B7BF;
    text-decoration: none
}

.mean-container .mean-nav ul li li a {
    width: 80%;
    padding: 1em 5%;
    border-top: 1px solid #f1f1f1;
    border-top: 1px solid rgba(255, 255, 255, 0.25);
    opacity: .75;
    filter: alpha(opacity=75);
    text-shadow: none !important;
    visibility: visible
}

.mean-container .mean-nav ul li.mean-last a {
    border-bottom: none;
    margin-bottom: 0
}

.mean-container .mean-nav ul li li li a {
    width: 70%;
    padding: 1em 15%
}

.mean-container .mean-nav ul li li li li a {
    width: 60%;
    padding: 1em 20%
}

.mean-container .mean-nav ul li li li li li a {
    width: 50%;
    padding: 1em 25%
}

.mean-container .mean-nav ul li a:hover {
    background: #252525;
    background: rgba(255, 255, 255, 0.1)
}

.mean-container .mean-nav ul li a.mean-expand {
    margin-top: 1px;
    width: 55px;
    height: 55px;
    padding: 12px !important;
    text-align: center;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    font-weight: 700;
    color: #C5CFD5;
    border: none;
    line-height: 59px
}

.mean-container .mean-nav ul li a.mean-expand:hover {
    background: #fff;
    color: #C5CFD5
}

.mean-container .mean-push {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    clear: both
}

.mean-nav .wrapper {
    width: 100%;
    padding: 0;
    margin: 0
}

.mean-container .mean-bar, .mean-container .mean-bar * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.mean-remove {
    display: none !important
}

.mean-expand, .meanclose {
    font-family: "gbn" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #C5CFD5
}

.mean-container .sub, .mean-container .sub li, .mean-container .sub a {
    background: #F0F3F4
}


.mean-bar.open {
    height: 100%;
}

.open .mean-nav {
    height: 100%;
}

.mean-nav {
    background: transparent !important;
}

.menuItems ul, .menuItems li {
    background: white !important;
}

.mean-container .mean-nav ul li li a {
    width: 90%;
}

.menuItems {
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%;
}

.mean-container .sub li {
    background: #F0F3F4 !important;
}

.mean-container .mean-nav ul li li a {
    border-top: 1px solid rgba(255, 255, 255, 0);
}

input[type="text"], input[type="email"], input[type="password"], textarea, select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    border: 1px solid #304757 !important;
    outline: none;
    padding: 5px 10px;
    border-radius: 0px;
    margin: 10px 0;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px
}

input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, textarea:focus, select:focus {
    box-shadow: none
}

label {
    display: block;
    clear: both
}

select {
    width: 100%;
    padding: .75em 1em .5em 1em;
    background-color: #fff;
    background-position: right;
    background-repeat: no-repeat
}

select::-ms-expand {
    display: none
}

.lt-ie10 select {
    background-image: none
}

option {
    background: #fff;
    padding: .3em 1em .3em 1em
}

input[type="checkbox"] {
    margin-right: 10px
}

#tx_indexedsearch select {
    width: 40%;
    float: left;
    margin-right: 5%
}

main #mc_embed_signup form {
    padding: 0;
    margin: 0
}

main #mc_embed_signup input, main #mc_embed_signup .mc-field-group select {
    font-size: 16px;
    padding: 10px 10px;
    width: 100%;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important
}

main #mc_embed_signup .button {
    padding: 18px 20px 17px 20px !important;
    text-align: center !important;
    text-transform: uppercase !important;
    color: #fff !important;
    background: #172B49 !important;
    display: inline-block !important;
    text-decoration: none !important;
    font-size: 15px !important;
    letter-spacing: 1px !important;
    height: inherit !important;
    line-height: inherit !important;
    margin: inherit !important;
    font-family: "Titillium Web", sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-weight: 600 !important
}

form select {
    background-image: url("img/hook_down_s.svg") !important;
    background-position: center right 20px !important;
    background-repeat: no-repeat !important
}

.mc-field-group strong {
    margin-top: 15px;
    display: inline-block;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px
}

main #mc_embed_signup .button {
    padding: 18px 20px 17px 20px
}

table {
    background-color: transparent
}

caption {
    font-size: 32px;
    line-height: 40px;
    color: #304757;
    margin-bottom: 5px;
    text-align: left;
    caption-side: top
}

th {
    text-align: left
}

table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px
}

tbody > tr:hover {
    background-color: #f5f5f5
}

table col[class*="col-"] {
    position: static;
    float: none;
    display: table-column
}

table td[class*="col-"], table th[class*="col-"] {
    position: static;
    float: none;
    display: table-cell
}

.table-responsive {
    overflow-x: auto;
    min-height: .01%
}

.table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd
}

thead {
    background: #EAEDEF
}

th {
    padding: 10px
}

td {
    border-bottom: 1px solid #A9B7BF;
    padding: 5px 10px
}

.accordionHeadline {
    cursor: pointer;
    font-size: 24px;
    padding: 30px 40px;
    margin-top: 1px
}

.accordionHeadline h3 {
    font-size: 24px;
    line-height: 34px
}

.accordionHeadline h3 span {
    padding-right: 15px;
    font-size: 24px;
    line-height: 34px
}

.accordionContent {
    padding: 20px 40px 20px 40px;
    display: none
}

.on .accordionContent {
    display: block
}

.arrow_down_smal {
    width: 25px;
    height: 17px;
    display: inline-block;
    background-position: -6px -455px
}

.accordionHeadline:hover {
    background: #304757;
    color: #fff
}

.accordionHeadline:hover h3, .accordionHeadline:hover span {
    color: #fff
}

.accordionHeadline:after {
    content: "f";
    position: absolute;
    right: 40px;
    margin-top: -30px
}

.accordionHeadline:hover:after {
    content: "j"
}

.accordionHeadline.on:after {
    content: "l"
}

.sticky {
    background: #fff
}

main .ce-bodytext a {
    text-decoration: underline !important;
}

@media (max-width: 1440px) {
    .menuItems ul li:last-child ul {
        margin-left: -70px
    }

}

@media (max-width: 1199px) {
    p {
        font-size: 16px;
        line-height: 22px
    }

    .bigslide h1 {
        font-size: 60px;
        line-height: 68px;
        margin-top: 20px
    }

    .bigslide h3 {
        font-size: 28px;
        line-height: 30px;
        margin-top: 20px
    }

    .bigslide .infoTxt {
        margin-top: 5vh
    }

    .bigslide .infoTxt p {
        font-size: 16px;
        line-height: 20px
    }

    .bigslide .btn {
        margin-top: 20px
    }

    .contentNav .menuBlock {
        padding: 20px 22px
    }

    .supportNav {
        margin-top: 100px
    }

    #header {
        padding-bottom: 0
    }

    .logo-main {
        margin: 15px 12px 15px -12px
    }

    .mainNav a {
        padding-top: 25px
    }

    .logo-main img {
        height: 70px;
        width: auto
    }

    .logo-main {
        margin: 15px 12px 15px -12px
    }

    .news .article .header h3 {
        font-size: 20px;
        line-height: 26px
    }

    .seviceBoxes h3 {
        font-size: 28px;
        line-height: 38px
    }

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

    .seviceBoxes .questions p, .seviceBoxes .questions a, .seviceBoxes .questions span {
        font-size: 22px;
        line-height: 34px
    }

    .bluebox, .sidbarnewsletter {
        padding: 10% 15%
    }

    .sidbarnewsletter h3 {
        margin-top: 0;
        margin-bottom: 25px
    }

    .subslideTxt h2 {
        margin-top: 25px;
        line-height: 34px
    }

    .subslideTxt h2 b {
        font-size: 28px;
        line-height: 34px
    }

    h2 {
        font-size: 26px;
        line-height: 32px;
        margin-top: 30px;
        margin-bottom: 20px
    }

    .subslideTxt h1 {
        font-size: 20px;
        line-height: 28px
    }

    main .testimonial .fce-text p {
        font-size: 28px;
        line-height: 34px
    }

    .subslideTxt p {
        font-size: 16px;
        line-height: 22px
    }

    .subslideTxt .firstcont {
        padding: 20px 50px 40px 83px
    }

    .sublide .container {
        height: 350px
    }

    main ul {
        margin-right: 0
    }

    .subnav li a {
        padding: 9px 25px 9px 10px
    }

    .imagebox .txtBlock p {
        font-size: 16px;
        line-height: 22px
    }

    .noimageSlide .container {
        height: 0
    }

    .subnav {
        max-width: 80%
    }

    main .specialeft {
        border-right: 10px solid #fff
    }

    main .specialeft {
        padding: 30px 0px 40px 40px
    }

    .news .article .teaser-text {
        padding: 0px 20px 20px 20px
    }

    .news .article .header {
        padding: 10px 20px 20px 20px
    }

    .news .article .header h3 {
        font-size: 18px;
        line-height: 24px
    }

    .news .article .ajax1 .teaser-text {
        padding: 0px 40px 20px 20px
    }

    .colorblock p.tname {
        line-height: 21px
    }

    .colorblock p {
        font-size: 28px;
        line-height: 34px
    }

    .linkbox {
        padding: 20px;
        padding-bottom: 40px !important
    }

    .splink:after {
        right: 5px !important
    }

    .arrowRight:after {
        right: 5px !important
    }

    .news .eventItem:after {
        right: 10px !important;
        top: 55% !important
    }

    .news .article .dare time span {
        font-size: 18px;
        line-height: 24px
    }

    .wpadding time {
        margin-top: -7px
    }

    .news .article:last-child {
        padding-bottom: 5px;
        margin-bottom: 5px
    }

    .newsBlog .event {
        margin-top: 10px
    }

    .selectarrow {
        right: 40px
    }

    #page-28 .news .ajax4 .header, #page-27 .news .ajax4 .header {
        padding: 10px 20px 20px 8px
    }

    #page-28 .news .ajax6 .header, #page-28 .news .ajax3 .header, #page-1 .news .ajax3 .header, #page-27 .news .ajax6 .header, #page-27 .news .ajax3 .header {
        padding: 10px 40px 20px 8px
    }

    #page-28 .news .ajax6 .teaser-text, #page-27 .news .ajax6 .teaser-text {
        padding: 0px 40px 20px 20px
    }

    #c147 .pbottom-40 {
        padding-bottom: 20px
    }

    .news .article .teaser-text {
        padding: 0px 30px 20px 20px
    }

    .contentNav .textBlock h3 {
        margin-top: 20px
    }

    .contentNav .textBlock {
        min-height: 326px
    }
}

@media (max-width: 1024px) {
    .mean-container .mean-nav ul li a {
        border-top: 1px solid #C5CFD5
    }

    .mean-container .mean-nav ul li a.mean-expand, .mean-container .mean-nav ul li a.mean-expand:hover {
        background: #A9B7BF;
        color: #fff;
        height: auto !important;
        border-top: 1px solid #A9B7BF
    }

    .mean-clicked {
        background: #F0F3F4 !important;
        padding-bottom: 2px !important;
        color: #6F8795 !important;
        border-top: 1px solid #F0F3F4 !important
    }

    .bigslide .infoTxt {
        margin-top: 1vh
    }

    .bigslide .infoTxt p {
        line-height: 19px;
        font-size: 16px
    }

    .mainNav {
        position: relative;
        z-index: 99999999999999
    }

    .mainNav a {
        font-size: 18px;
        margin-left: 23px
    }

    main ul {
        margin-left: 0%
    }

    .menuItems {
        margin-right: 0px
    }

    .menuItems ul li:last-child ul {
        margin-left: -70px
    }
}

@media (max-width: 1023px) {
    .headerMenu {
        z-index: 9
    }

    .bigslide .offset-md-1 {
        margin-left: 0
    }

    .bigslide .offset-md-1 h1 {
        font-size: 50px;
        line-height: 58px
    }

    .bigslide .offset-md-1 h2 {
        font-size: 50px;
        line-height: 58px
    }

    .bigslide .offset-md-1 .infoTxt p {
        padding-right: 10px
    }

    .bigslide .infoTxt p:before {
        font-size: 50px
    }

    .bigslide .infoTxt p {
        margin-left: 35px
    }

    .bigslide .offset-md-1 .infoTxt p {
        padding-right: 0px
    }

    .bigslide .infoTxt p:before {
        margin-left: -50px
    }

    .contentNav {
        min-height: 650px
    }

    .contentNav .textBlock {
        margin-top: 0;
        padding-left: 40px
    }

    .menuBlock {
        margin-left: 33%;
        width: 80%;
        flex: 0 0 67.66667%;
        max-width: 67.66667%;
        margin-top: -45px !important
    }

    .imageBlock {
        flex: 0 0 44.33333%;
        max-width: 44.33333%
    }

    .topnews, .newsletter, .questions, .col-md-4, .col-md-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .questions {
        margin-top: 10px
    }

    main .testimonial .txt {
        padding-top: 50px;
        padding-bottom: 30px
    }

    main .testimonial .fce-text p {
        font-size: 22px;
        line-height: 30px
    }

    .news .article {
        padding-right: 0px;
        padding-left: 0px
    }

    .news .article .header {
        padding: 10px 80px 20px 20px
    }

    .news .article .ajax1 .teaser-text {
        padding: 0px 80px 20px 20px
    }

    .news .article .header h3 {
        font-size: 24px;
        line-height: 32px
    }

    .seviceBoxes .newsletter h3 {
        margin-bottom: 40px
    }

    .sidemap {
        margin-bottom: 20px
    }

    .imagebox {
        margin-bottom: 20px
    }

    .imagebox img {
        width: 50%
    }

    .ptop-40 {
        padding-top: 0px
    }

    .pbottom-40 {
        padding-bottom: 0px
    }

    .firstcont {
        flex: 0 0 100%;
        margin-bottom: 20px;
        max-width: 100%
    }

    .col-md-4 {
        padding-left: 0px;
        padding-right: 0px
    }

    .infoTxt .col-md-4, .testimonial .col-md-4, #galleryform .col-md-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
        padding-left: 5px;
        padding-right: 5px
    }

    #galleryform .col {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 5px;
        padding-right: 5px
    }

    #galleryform .col .col-md-2 {
        flex: 0 0 10%;
        max-width: 10%
    }

    #galleryform .col input[type="checkbox"] {
        margin-top: 0
    }

    #galleryform .col label.mt-10 {
        margin-top: -6px;
        margin-left: -20px
    }

    #galleryform .pleft-20, #galleryform label {
        display: none
    }

    #galleryform .col-md-10 label {
        display: block
    }

    .tx-bwagallerys .col-md-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding-left: 5px;
        padding-right: 5px
    }

    #header.sticky {
        z-index: 99
    }

    .seviceBoxes .newsletter {
        border-right: 0px solid #fff
    }

    .offset-md-8 {
        margin-left: 0;
        text-align: right
    }

    .subslideTxt h2 b {
        font-size: 32px;
        line-height: 40px
    }

    .colorblock {
        border-top: 20px solid #fff
    }

    .news .article .teaser-text {
        padding: 0px 80px 20px 20px
    }

    .newsBlog {
        padding-left: 0px
    }

    main .specialeft {
        border-right: 0px solid #fff
    }

    .peoplebox img {
        width: 50%
    }

    .linkbox {
        padding-top: 30px !important;
        padding-bottom: 10px !important
    }

    .nomargin {
        padding-top: 0px !important;
        padding-bottom: 0px !important
    }

    .subslideTxt {
        margin-top: -80px
    }

    .subnav {
        max-width: 330px
    }

    .reloadviaselect {
        margin-left: 24px !important;
        width: 305px !important
    }

    .subnav .selectarrow {
        left: 350px
    }

    .logo-main {
        z-index: 999999999999999
    }

    .menuItems ul li:last-child ul {
        margin-left: 0px
    }

    .mean-container .mean-nav ul li li a {
        padding: 12px 5% 12px 5%
    }

    .mean-container .mean-nav ul ul li:first-child {
        padding-top: 20px
    }

    .mean-container .mean-nav ul ul li:last-child {
        padding-bottom: 20px
    }
}

@media (max-width: 767px) {
    .supportNav .breadcrumb {
        display: none;

    }

    .supportNav {
        margin-bottom: -100px;
    }

    .supportNav .search span, .supportNav .lang a {
        padding-top: 11px;
    }

    .supportNav .lang a {
        top: -7px;
        position: relative;
    }

    .supportNav .search, .supportNav .lang {
        width: 50%;
        float: left;
    }

    .searchbox {
        position: absolute;
        right: 0;
        max-width: 100%;
        top: 33px;
    }

    .bigslide {
        margin-bottom: 0px
    }

    .bigslide .btn, .bigslide .infoTxt p {
        display: none !important
    }

    .bigslide .offset-md-1 h1 {
        font-size: 35px;
        line-height: 38px
    }

    .bigslide .offset-md-1 h2 {
        font-size: 35px;
        line-height: 38px
    }

    .main .backgroundb10 {
        padding: 20px 0px !important
    }

    .event .backgroundb5 {
        padding: 0px 0px !important
    }

    .main .contentNav .backgroundb10 {
        padding: 20px !important
    }

    main .backgroundb {
        padding: 20px !important
    }

    .contentNav .gleft {
        margin-left: 0
    }

    .contentNav .textBlock h3 {
        font-size: 22px
    }

    .imageBlock, .sublide {
        display: none !important
    }

    .contentNav .menuBlock {
        padding: 0px
    }

    .subslideTxt {
        margin-top: 0px;
        margin-left: 0px
    }

    .subslideTxt .firstcont {
        margin-left: 0px
    }

    .container {
        padding-left: 0px;
        padding-right: 0px
    }

    .headerMenu {
        z-index: 99999999
    }

    .logo-main {
        margin: 40px 12px 0 10px
    }

    .sticky .logo-main {
        margin: 15px 12px 15px 10px
    }

    .contentNav {
        min-height: 424px
    }

    main .testimonial .fce-text p {
        font-size: 22px;
        line-height: 30px
    }

    .seviceBoxes h3 {
        font-size: 22px;
        line-height: 30px
    }

    .seviceBoxes .questions p, .seviceBoxes .questions a, .seviceBoxes .questions span {
        font-size: 16px;
        line-height: 25px
    }

    .logo-main img {
        width: 200px
    }

    .slideshow {
        margin-top: 100px
    }

    .subslideTxt h2 b {
        font-size: 22px;
        line-height: 30px
    }

    .imagebox .txtBlock {
        margin-right: 0px;
        padding-right: 47px !important;
        margin-top: 0px;
        margin-bottom: 30px
    }

    .backgroundWhite.col.col-md-1 {
        display: none
    }

    .backgroundWhite.col.col-md-10 {
        width: 100%
    }

    #temp_2 .specialeft .nm {
        margin-left: 0px;
        margin-right: 0px
    }

    .colorblock p {
        font-size: 22px;
        line-height: 26px
    }

    main .specialeft .row .col {
        padding-left: 10px
    }

    .mainNav a {
        font-size: 18px;
        margin-left: 23px
    }

    .news .article .news-img-wrap a img {
        width: 100%;
        margin: auto
    }

    .serviceBox, .openSupport {
        display: none
    }

    .contentNav .menuBlock {
        margin-left: 0;
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .testimonial .tname, .testimonial .institute {
        padding: 0 20px
    }

    .news .article .header h3 {
        font-size: 18px;
        line-height: 26px
    }

    p {
        font-size: 14px;
        line-height: 20px
    }

    .news .dare {
        width: 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .news .daretext {
        width: 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .subnav {
        max-width: 100%
    }

    .subnav ul {
        margin-left: 0;
        padding-left: 0
    }

    .copyright {
        padding-left: 10px
    }

    .mean-container .mean-nav ul li a {
        font-size: 20px;
        padding: 15px 5%
    }

    .row {
        margin-left: 0px;
        margin-right: 0
    }

    .imagebox img {
        width: 100%
    }

    .wpadding {
        padding-right: 0px;
        padding-left: 0px
    }

    .subslideTxt h2 {
        margin-top: 25px;
        line-height: 26px
    }

    .keyfigures .bigItem {
        font-size: 40px;
        line-height: 44px
    }

    .keyItem .backgroundb {
        padding-top: 20px !important;
        padding-bottom: 20px !important
    }

    main {
        margin-top: 100px
    }

    main main {
        margin-top: 20px
    }

    .article img {
        width: 100% !important;
        height: auto !important
    }

    .mean-container .mean-nav ul li a.mean-expand {
        width: 35px;
        height: 100%;
        padding: 0px 12px !important
    }

    .mean-container .mean-nav ul li li a {
        padding: 3px 5% 12px 5%
    }

    .seviceBoxes {
        margin-bottom: 40px
    }

    .news .article .header {
        padding: 10px 40px 20px 20px
    }

    .news .article .ajax1 .teaser-text {
        padding: 0px 40px 20px 20px
    }

    .seviceBoxes .socials span {
        font-size: 20px;
        line-height: 25px
    }

    .logo-main {
        margin: 15px 12px 15px 10px !important
    }

    .logo-main img {
        width: auto
    }

    .mean-container a.meanmenu-reveal {
        padding: 0px 18px 11px 13px
    }

    .imagebox .txtBlock {
        padding-left: 20px !important
    }

    .subslideTxt h2, .subslideTxt h1, .subslideTxt p {
        padding-right: 5%
    }

    .sublide {
        display: block !important
    }

    .slideshow {
        margin-top: 0px
    }

    .sublide .container {
        height: 180px
    }

    main .main .specialeft {
        padding: 20px 15px !important
    }

    main .main .specialeft .col-md-12 {
        padding: 0
    }

    main .main .specialeft .col {
        padding: 0px 20px !important
    }

    .subslideTxt .firstcont {
        margin-bottom: 0
    }

    .col-md-4.newsBlog {
        border: 15px solid #F0F3F4
    }

    .event {
        background: #F0F3F4;
        margin-top: 0px !important
    }

    .newsBlog .article.lkayout2 {
        border-bottom: 0px solid #EAEDEF;
        padding-bottom: 0px
    }

    .news .eventItem .header {
        padding: 10px 40px 20px 0px !important
    }

    .sublide .container {
        height: auto
    }

    .main .linkbox {
        padding: 20px 15px !important
    }

    .subnav {
        padding: 0px 15px !important
    }

    .lkayout6 .arrowRight .header {
        margin-top: -60px
    }

    p, .product--details a, label, main li, td, th {
        font-size: 15px
    }

    main #mc_embed_signup .button {
        padding: 16px 20px !important
    }

    main .main .specialeft .col {
        padding: 0px 20px 20px 20px !important
    }

    .tx-bwagallerys p, .tx-bwagallerys div {
        display: none
    }

    .tx-bwagallerys:before {
        content: "Um die Bilder sehen und anfordern zu können, besuchen Sie diese Seite bitte auf einem Tablet oder Desktop PC.";
        display: block;
        font-size: 22px
    }

    #temp_1 .ptop-40 {
        padding-top: 20px
    }

    #c1060 {
        display: none
    }

    footer #address {
        margin-left: 10px
    }

    .adressBlock {
        border-left: 0 !important
    }

    .bigslide .infoTxt {
        padding-left: 18px;
        margin-top: 0
    }

    .bigslide h3 {
        font-size: 18px !important;
        line-height: 20px !important
    }

    .bigslide h3:before {
        margin-left: -10px;
        content: "i";
        font-size: 20px;
        float: left;
        margin-top: 0px;
        font-family: "gbn", "Titillium Web", sans-serif
    }

    .firstcont {
        margin-bottom: 10px
    }

    .bigslide {
        height: 267px !important
    }

    .imgTestimonial {
        display: none
    }

    .news .article .teaser-text {
        padding: 0 50px 20px 20px;
    }

    table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }

    .bankSlide .firstcont {
        margin: 0 !important;
    }

    .sublide .container {
        height: 200px;
    }
}


@media (max-width: 700px) {
    h3 {
        font-size: 20px;
        line-height: 28px;
    }
}

@media print {
    *, *:before, *:after {
        background: transparent !important;
        color: #000 !important;
        -webkit-box-shadow: none !important;
        -webkit-box-shadow-box-shadow: none !important;
        text-shadow: none !important;
        float: none !important;
        position: inherit !important
    }

    a, a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    a[href^="#"]:after, a[href^="javascript:"]:after {
        content: ""
    }

    pre, blockquote {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    tr, img {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    p, h2, h3 {
        orphans: 3;
        widows: 3
    }

    h2, h3 {
        page-break-after: avoid
    }

    .navbar {
        display: none
    }

    .btn > .caret, .dropup > .btn > .caret {
        border-top-color: #000 !important
    }

    .label {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse !important
    }

    .table td, .table th {
        background-color: #fff !important
    }

    .table-bordered th, .table-bordered td {
        border: 1px solid #ddd !important
    }

    .sideMenu {
        display: none
    }
}


.bigslides {
    height: 100%;
    width: 100%;
    position: absolute;
}

.bb {
    width: 358px;
}

@media (max-width: 767px) {
    #c757 .white-background.container.nomargin.nomarginleftright {
        background: #F0F3F4;
    }
}


.closelightbox {
    position: absolute;
    right: 20px;
    top: 20px;

}

.closelightbox i {
    color: #000;
}

.lightboxwrap {
    position: absolute;

    left: 0;
    top: 0;
    z-index: 999999999999999999999;
    width: 100%;
    height: 100%;
    overflow: scroll;
    background: rgba(255, 255, 255, 0.7);
}

.lightboxwrap .lightboxwrapBg {

    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
}


.lightbox {
    z-index: 10;
    position: relative;
    margin: 60px auto;
    background: #F5F5F5;
    max-width: 615px;
}

.lightboxWrap {
    border-bottom: 1px solid white;
    padding: 25px 30px 23px 30px;

}


.cc_container {
    background: white;
}


.cc_container * {
    color: black;
}

.cc_btn {
    background: #738694 !important;
    color: white !important;
}

html .mean-bar {
    padding: 0 !important;
    height: 20px;
}

.subslideTxt .firstcont {
    margin-top: -80px;
}

.backgroundyellow.arrowRight:after {
    color: #fff !important;
}

.legende {

    width: 100%;
}

.legende > p {
    display: inline-block;
    margin-right: 30px;
    padding-top: 20px;
    padding-left: 30px;
    position: relative;
}

.legende span {
    font-weight: bold;
    height: 20px;
    display: inline-block;
    -webkit-box-shadow: 2px 5px 6px 0px rgba(0, 0, 0, 0.28);
    box-shadow: 2px 5px 6px 0px rgba(0, 0, 0, 0.28);
    width: 20px;
    left: -0px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border: 2px solid white;
    margin-top: 0px;
    position: absolute;
    margin-right: 10px;
    background: #304757;
}

.legende span.observe {
    background: #F1A948;
}

.slideshow.homeSlide .slick-arrow {
    display: none !important;
}


#page-324 .frame-layout-1 img {
    width: inherit;
    height: inherit;
}

.align-center {
    text-align: center;
}

.headline1, .headline3, .headline4, .headline5 {
    margin-top: 0;
    padding-top: 0;
}

.mtop-15 {
    margin-top: 15px;
}

form .row {
    display: none;
}

.desktop {
    display: block;
}

.mobile {
    display: none;
}

.svgimage {
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 600px) {
    .desktop {
        display: none;
    }

    .mobile {
        display: block;
        margin: 20px auto;
    }

    #temp_2 .specialeft .nm .subnav ul {
        width: 100%;
    }
}

@media (max-width: 425px) {

}


.order-first {
    -ms-flex-order: -1;
    order: -1;
}

.order-last {
    -ms-flex-order: 13;
    order: 13;
}

.order-0 {
    -ms-flex-order: 0;
    order: 0;
}

.order-1 {
    -ms-flex-order: 1;
    order: 1;
}

.order-2 {
    -ms-flex-order: 2;
    order: 2;
}

.order-3 {
    -ms-flex-order: 3;
    order: 3;
}

.order-4 {
    -ms-flex-order: 4;
    order: 4;
}

.order-5 {
    -ms-flex-order: 5;
    order: 5;
}

.order-6 {
    -ms-flex-order: 6;
    order: 6;
}

.order-7 {
    -ms-flex-order: 7;
    order: 7;
}

.order-8 {
    -ms-flex-order: 8;
    order: 8;
}

.order-9 {
    -ms-flex-order: 9;
    order: 9;
}

.order-10 {
    -ms-flex-order: 10;
    order: 10;
}

.order-11 {
    -ms-flex-order: 11;
    order: 11;
}

.order-12 {
    -ms-flex-order: 12;
    order: 12;
}

@media (max-width: 700px) {
    .col-sm {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .row-cols-sm-1 > * {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .row-cols-sm-2 > * {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .row-cols-sm-3 > * {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .row-cols-sm-4 > * {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .row-cols-sm-5 > * {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }

    .row-cols-sm-6 > * {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-sm-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }

    .col-sm-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .col-sm-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-sm-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-sm-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-sm-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .col-sm-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-sm-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .col-sm-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .col-sm-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-sm-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .col-sm-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }

    .col-sm-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-sm-first {
        -ms-flex-order: -1;
        order: -1;
    }

    .order-sm-last {
        -ms-flex-order: 13;
        order: 13;
    }

    .order-sm-0 {
        -ms-flex-order: 0;
        order: 0;
    }

    .order-sm-1 {
        -ms-flex-order: 1;
        order: 1;
    }

    .order-sm-2 {
        -ms-flex-order: 2;
        order: 2;
    }

    .order-sm-3 {
        -ms-flex-order: 3;
        order: 3;
    }

    .order-sm-4 {
        -ms-flex-order: 4;
        order: 4;
    }

    .order-sm-5 {
        -ms-flex-order: 5;
        order: 5;
    }

    .order-sm-6 {
        -ms-flex-order: 6;
        order: 6;
    }

    .order-sm-7 {
        -ms-flex-order: 7;
        order: 7;
    }

    .order-sm-8 {
        -ms-flex-order: 8;
        order: 8;
    }

    .order-sm-9 {
        -ms-flex-order: 9;
        order: 9;
    }

    .order-sm-10 {
        -ms-flex-order: 10;
        order: 10;
    }

    .order-sm-11 {
        -ms-flex-order: 11;
        order: 11;
    }

    .order-sm-12 {
        -ms-flex-order: 12;
        order: 12;
    }

}