/* Fonts */

/* Jura  */
@font-face {
    font-family: 'Jura';
    src: url('../fonts/Jura-Medium.eot');
    src: url('../fonts/Jura-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Jura-Medium.woff2') format('woff2'),
        url('../fonts/Jura-Medium.woff') format('woff'),
        url('../fonts/Jura-Medium.svg#Jura-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Jura';
    src: url('../fonts/Jura-Bold.eot');
    src: url('../fonts/Jura-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Jura-Bold.woff2') format('woff2'),
        url('../fonts/Jura-Bold.woff') format('woff'),
        url('../fonts/Jura-Bold.svg#Jura-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

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

@font-face {
    font-family: 'Jura';
    src: url('../fonts/Jura-SemiBold.eot');
    src: url('../fonts/Jura-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Jura-SemiBold.woff2') format('woff2'),
        url('../fonts/Jura-SemiBold.woff') format('woff'),
        url('../fonts/Jura-SemiBold.svg#Jura-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

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


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

/* Work Sans Italic */
@font-face {
    font-family: 'Work Sans';
    src: url('../fonts/WorkSans-Italic.eot');
    src: url('../fonts/WorkSans-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/WorkSans-Italic.woff2') format('woff2'),
        url('../fonts/WorkSans-Italic.woff') format('woff'),
        url('../fonts/WorkSans-Italic.svg#WorkSans-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

/* Work Sans Regular */
@font-face {
    font-family: 'Work Sans';
    src: url('../fonts/WorkSans-Regular.eot');
    src: url('../fonts/WorkSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/WorkSans-Regular.woff2') format('woff2'),
        url('../fonts/WorkSans-Regular.woff') format('woff'),
        url('../fonts/WorkSans-Regular.svg#WorkSans-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Work Sans Medium */
@font-face {
    font-family: 'Work Sans';
    src: url('../fonts/WorkSans-Medium.eot');
    src: url('../fonts/WorkSans-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/WorkSans-Medium.woff2') format('woff2'),
        url('../fonts/WorkSans-Medium.woff') format('woff'),
        url('../fonts/WorkSans-Medium.svg#WorkSans-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* Work Sans SemiBold */
@font-face {
    font-family: 'Work Sans';
    src: url('../fonts/WorkSans-SemiBold.eot');
    src: url('../fonts/WorkSans-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/WorkSans-SemiBold.woff2') format('woff2'),
        url('../fonts/WorkSans-SemiBold.woff') format('woff'),
        url('../fonts/WorkSans-SemiBold.svg#WorkSans-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/* Work Sans Bold */
@font-face {
    font-family: 'Work Sans';
    src: url('../fonts/WorkSans-Bold.eot');
    src: url('../fonts/WorkSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/WorkSans-Bold.woff2') format('woff2'),
        url('../fonts/WorkSans-Bold.woff') format('woff'),
        url('../fonts/WorkSans-Bold.svg#WorkSans-Bold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}


/* ===================================
    02. Reset
====================================== */

body {font-family: 'Work Sans', sans-serif; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; font-size:17px; color:#000000; font-weight: 300;line-height: 1.4;}
p {margin: 0 0 10px}
a:hover, a:active{color: #284E93; text-decoration: none;}


/* ===================================
    03. Typography
====================================== */

/* font family */
.alt-font {font-family: 'Jura', sans-serif; /*font-weight: 300*/}
.main-font {font-family: 'Work Sans', sans-serif;}

/* heading */
h1, h2, h3, h4, h5, h6 {font-family: 'Jura', sans-serif; margin:0 0 18px; padding:0; letter-spacing: 0; font-weight: 600;}
h1 {font-size:59px; line-height:59px;}
h2 {font-size:40px; line-height:42px}
h3 {font-size:40px; line-height:42px}
h4 {font-size:23px; line-height:26px}

/* text size */
.text-large {font-size:20px; line-height:24px}
.text-extra-large {font-size: 24px; line-height:26px}

/* text color */
.text-blue, .btn.text-blue {color:#284E93}

.superline-ms {font-size:24px; font-weight: 600; color:#284E93;}
.subline-ms {font-size: 29px; line-height:30px}

/* ===================================
    04. Background color
====================================== */

.bg-blue, .bg-blue-footer {background-color:#284E93;}
.bg-blue-slider {background-color:#162E58;}
/*.bg-blue-footer {background-color:#284E93;}*/
.bg-blue-opacity {background-color: rgba(40, 78, 147, 0.7);}


/* ===================================
    06. Button
====================================== */

/* button size */
.btn.btn-extra-large {font-size:18px; padding: 12px 40px 13px;  line-height: 25px}

/* button background */
.btn.btn-blue {background:#284E93; border-color: #284E93; color: #ffffff}
/*.btn.btn-blue:hover, .btn.btn-blue:focus {background: transparent; color: #fff}*/

/* button transparent */
.btn.btn-transparent-blue {background: transparent; border-color: #284E93; color: #284E93}
.btn.btn-transparent-blue:hover, .btn.btn-transparent-blue:focus {background: #284E93; border-color: #284E93; color: #ffffff}

/* ===================================
    19. Header
====================================== */

/* navigation */

header nav .navbar-nav > li > a {
 color: #324A6D;
 font-size: 17px;
 font-weight: 700;
 margin:0 8px;
 padding: 5px 0px 5px;
 /*text-transform: none;*/
 letter-spacing: 0em;
}

header.sticky nav.navbar.navbar-default.navbar-fixed-top ul.nav > li > a, header.sticky nav.navbar.navbar-default.navbar-top ul.nav > li > a {padding: 20px 10px 20px;}


/* dropdown menu */
nav.navbar.navbar-default ul.nav > li > a {padding:26px 10px; background: transparent; border-color: transparent; font-weight: 700; display: block;}

/* header navigation color and logo */
header a.logo img {max-height:62px;}

/* ===================================
    24. Elements
====================================== */

/* feature box style 8 */
/*.feature-box-8 .feature-box-overlay {bottom: 0; left: 0; right: 0; width: 100%; height: 1px; position: absolute; z-index: -2}*/
.feature-box-8:hover .feature-box-overlay {height: 3%; background: #284E93}
.feature-box-8:hover div, .feature-box-8:hover p {color: #284E93;}

/* accordion style */
.panel-title {font-size: 16px;}
.panel-title > i {font-size: 17px; position: relative; right: 0; padding-right: 10px; top: 50%; transform: translateY(-0%); -webkit-transform: translateY(-0%); -moz-transform: translateY(-0%); -ms-transform: translateY(-0%); -o-transform: translateY(-0%);}

/* toggles */
.toggles .panel  {background: transparent; box-shadow: none; border-radius: 0; border: 1px solid #ddd;}
.toggles .panel-title  {font-size: 17px; padding-right: 30px; position: relative;}
.toggles .panel-title > span.float-end {position: absolute; right: 0; top: 0;}
.toggles .panel-heading {padding: 18px; background-color: transparent;}
.toggles .panel-heading i {font-size: 17px; color: #626262}
.toggles .panel + .panel {margin-top: -1px;}
.toggles .panel-body {padding: 25px}


/* Referenzen-spezifische Styles */
.reference-content h2 {
    position: relative;
    margin-top: 60px;
    margin-bottom: 40px;
}

.reference-content h2:before {
    content: attr(data-step);
    display: block;
    font-size: 3rem;
    font-weight: 300;
    color: #1e3a8a;
    margin-bottom: 20px;
}

.reference-content section {
    padding: 40px 0;
}

.reference-content .bg-light-gray {
    background-color: #f5f5f5;
}

/* Accordion Styles */
.accordion-event .panel {
    border: none;
    margin-bottom: 10px;
}

.accordion-event .panel-heading {
    background: transparent;
    padding: 15px 0;
    border-bottom: 1px solid #e5e5e5;
}

.accordion-event .panel-title {
    font-size: 16px;
    cursor: pointer;
}

.accordion-event .panel-body {
    padding: 20px 0;
}

/* Image Slider in Content */
.reference-content .swiper {
    margin: 40px 0;
}

.reference-content .swiper-pagination {
    position: relative;
    margin-top: 20px;
}