@font-face {
    font-family: 'Rubik';
    src: url('../fonts/Rubik-BlackItalic.woff2') format('woff2'),
        url('../fonts/Rubik-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Rubik';
    src: url('../fonts/Rubik-BoldItalic.woff2') format('woff2'),
        url('../fonts/Rubik-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Rubik';
    src: url('../fonts/Rubik-Bold.woff2') format('woff2'),
        url('../fonts/Rubik-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Rubik';
    src: url('../fonts/Rubik-ExtraBoldItalic.woff2') format('woff2'),
        url('../fonts/Rubik-ExtraBoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Rubik';
    src: url('../fonts/Rubik-SemiBold.woff2') format('woff2'),
        url('../fonts/Rubik-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Rubik';
    src: url('../fonts/Rubik-Black.woff2') format('woff2'),
        url('../fonts/Rubik-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Rubik';
    src: url('../fonts/Rubik-Regular.woff2') format('woff2'),
        url('../fonts/Rubik-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Rubik';
    src: url('../fonts/Rubik-Light.woff2') format('woff2'),
        url('../fonts/Rubik-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Rubik';
    src: url('../fonts/Rubik-LightItalic.woff2') format('woff2'),
        url('../fonts/Rubik-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Rubik';
    src: url('../fonts/Rubik-ExtraBold.woff2') format('woff2'),
        url('../fonts/Rubik-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Rubik';
    src: url('../fonts/Rubik-MediumItalic.woff2') format('woff2'),
        url('../fonts/Rubik-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Rubik';
    src: url('../fonts/Rubik-Italic.woff2') format('woff2'),
        url('../fonts/Rubik-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Rubik';
    src: url('../fonts/Rubik-SemiBoldItalic.woff2') format('woff2'),
        url('../fonts/Rubik-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Rubik';
    src: url('../fonts/Rubik-Medium.woff2') format('woff2'),
        url('../fonts/Rubik-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Caveat';
    src: url('../fonts/Caveat-Bold.woff2') format('woff2'),
        url('../fonts/Caveat-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Caveat';
    src: url('../fonts/Caveat-SemiBold.woff2') format('woff2'),
        url('../fonts/Caveat-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Caveat';
    src: url('../fonts/Caveat-Medium.woff2') format('woff2'),
        url('../fonts/Caveat-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Caveat';
    src: url('../fonts/Caveat-Regular.woff2') format('woff2'),
        url('../fonts/Caveat-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Bold.woff2') format('woff2'),
        url('../fonts/OpenSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-LightItalic.woff2') format('woff2'),
        url('../fonts/OpenSans-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Italic.woff2') format('woff2'),
        url('../fonts/OpenSans-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Light.woff2') format('woff2'),
        url('../fonts/OpenSans-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-ExtraBold.woff2') format('woff2'),
        url('../fonts/OpenSans-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-ExtraBoldItalic.woff2') format('woff2'),
        url('../fonts/OpenSans-ExtraBoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-BoldItalic.woff2') format('woff2'),
        url('../fonts/OpenSans-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Regular.woff2') format('woff2'),
        url('../fonts/OpenSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-MediumItalic.woff2') format('woff2'),
        url('../fonts/OpenSans-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-SemiBoldItalic.woff2') format('woff2'),
        url('../fonts/OpenSans-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Medium.woff2') format('woff2'),
        url('../fonts/OpenSans-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-SemiBold.woff2') format('woff2'),
        url('../fonts/OpenSans-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

html, body {
    width: 100%;
    font-size: 18.9px;
    font-family: 'Rubik', Arial, Helvetica, sans-serif;
    font-weight: 300;
    overflow-x: hidden !important;
}

.content a,
.topbar a {
    text-decoration: none;
    transition: all .2s;
    font-weight: 400;
    color: #097bb1;
}

.content a:hover,
.topbar a:hover {
    color: #1b99d3;
    transition: all .2s;
}

body {
    background: #f2f2f2;
}

.btn {
    border: 0;
}

.btn-dark {
    background: #3b3b47;
    color: #a6a6c3 !important;
}

.btn-dark:hover {
    background: #a6a6c3;
    color: #dcdcea !important;
}

.btn-light {
    background: #fff;
    color: #3b3b47 !important;
}

.btn-light:hover {
    background: #eee;
    color: #3b3b47 !important;
}

nav a,
nav p,
nav span {
    font-size: 21px;
    color: #333 !important;
    border-bottom: solid #fff 1px;
    text-transform: uppercase;
    font-weight: 300;
}

nav a:hover,
nav p:hover,
nav span:hover {
    font-weight: 400;
    border-bottom: solid #333 1px;
}

.footer, .header {
    background: #fff;
    color: #333;
}

.footer a {
    color: #333;
}

.footer a:hover {
    color: #333;
}

.back-to-top {
    position: fixed;
    right: 8em;
    bottom: 0;
    z-index: 2000;
    padding: .75em;
    background: rgba(255,255,255,.5);
    color: #68a73f !important;
}

.showcase {
    width: 100%;
    height: 400px;
}

.navbar-toggler {
    margin: 0 0 0 auto;
    border-color: #ffa060 !important;
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,178,126, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !important;
}

nav a.active {
    color: #68a73f !important;
    border-bottom: solid #68a73f 1px;
}

.topbar a.active {
    color: #68a73f !important;
    border-bottom: solid #68a73f 1px;
}

.logo {
    max-width: 500px;
    width: 100%;
}

.bg-karriere {
    background: #fff url('../img/partials/karriere.jpg') no-repeat center center;
    background-size: 100%;
    min-height: 400px;
}

.bg-services {
    background: #097bb1 url('../img/backgrounds/bg_leistungen.jpg') no-repeat center right !important;
    background-size: 50% auto !important;
}

.bg-qantos {
    background: #097bb1;
    color: #fff;
}

.bg-qantos h2 {
    color: #fff;
}

.bg-qantos a {
    color: #fff;
}

.color-qantos {
    color: #097bb1;
}

h2 {
    font-weight: 400;
    color: #097bb1;
    text-transform: uppercase;
}

.lead {
    font-weight: 400;
}

.color-senata {
    color: #940138;
}

.btn-primary {
    background: #097bb1;
    color: #fff !important;
}

.btn-primary:hover {
    background: #1b99d3;
    color: #fff !important;
}

.btn-secondary {
    background: #5f983a;
    color: #fff !important;
}

.btn-secondary:hover {
    background: #68a73f;
    color: #fff !important;
}

.logo-referenz {
    background-size: contain !important;
    width: 100%;
    height: 100px;
    margin: 0 auto 0 auto;
    display: block;
}

.logo-alstom        { background: url(../img/logos/logo-alstom.svg) no-repeat center center; }
.logo-bombardier    { background: url(../img/logos/logo-bombardier.svg) no-repeat center center; }
.logo-deutschebahn  { background: url(../img/logos/logo-db.svg) no-repeat center center; }
.logo-etna          { background: url(../img/logos/logo-etna.jpg) no-repeat center center; }
.logo-faiveley      { background: url(../img/logos/logo-faiveley.png) no-repeat center center; }
.logo-grammer       { background: url(../img/logos/logo-grammer.svg) no-repeat center center; }
.logo-kaessbohrer   { background: url(../img/logos/logo-kaessbohrer-gelaendefahrzeuge-ag.jpg) no-repeat center center; }
.logo-liebherr      { background: url(../img/logos/logo-liebherr.svg) no-repeat center center; }
.logo-lms           { background: url(../img/logos/logo-lms.png) no-repeat center center; }
.logo-optiplan      { background: url(../img/logos/logo-optiplan.jpg) no-repeat center center; }
.logo-rcs           { background: url(../img/logos/logo-rcs-gmbh.png) no-repeat center center; }
.logo-rheinbahn     { background: url(../img/logos/logo-rheinbahn.svg) no-repeat center center; }
.logo-sbf           { background: url(../img/logos/logo-sbf.png) no-repeat center center; }
.logo-schalke       { background: url(../img/logos/logo-schalke.jpg) no-repeat center center; }
.logo-siemens       { background: url(../img/logos/logo-siemens.svg) no-repeat center center; }
.logo-skoda         { background: url(../img/logos/logo-skoda-transportation.png) no-repeat center center; }
.logo-stadler       { background: url(../img/logos/logo-stadler.svg) no-repeat center center; }
.logo-systemair     { background: url(../img/logos/logo-systemair.png) no-repeat center center; }
.logo-voith         { background: url(../img/logos/logo-voith.svg) no-repeat center center; }
.logo-vossloh       { background: url(../img/logos/logo-vossloh.svg) no-repeat center center; }

.leform-inline div.leform-form-2:first-child {
	display: inline-block !important;
}

.leform-inline div.leform-form-3:first-child {
	display: inline-block !important;
}

.leform-inline .leform-element-38 {
	display: inline-block !important;
}



.hidden {
	display: none !important;
}
	
.img-qantos {
    border-radius: 7px;
    box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
}

ol.cols {
	-moz-column-count: 2;
	-moz-column-gap: 2em;
	-webkit-column-count: 2;
	-webkit-column-gap: 2em;
	column-count: 2;
	column-gap: 2em;
	line-height: 1.75em;
}

.modal-content a {
	color: #fff;
}

.list-plus {
    list-style: none;
    line-height: 1.5em;
}

.list-plus li:before {
    color: #097bb1;
    font-weight: bold;
    content: "+";
    margin-right: 1em;
}

.cookiemonster-button {
    left: 0;
    border-radius: 0 7px 0 0;
}

@media (max-width: 768px) {

    .col-12.p-5 {

        padding: 1rem !important;

    }

}

.bg-black {
    background: #000;
}

input[type=checkbox].leform-checkbox {
    display: block !important; 
}