@charset "UTF-8";
/* barlow-condensed-regular - latin */
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 400;
  src: url("/fonts/barlow-condensed-v5-latin-regular.eot");
  src: local(""), url("/fonts/barlow-condensed-v5-latin-regular.eot?#iefix") format("embedded-opentype"), url("/fonts/barlow-condensed-v5-latin-regular.woff2") format("woff2"), url("/fonts/barlow-condensed-v5-latin-regular.woff") format("woff"), url("/fonts/barlow-condensed-v5-latin-regular.ttf") format("truetype"), url("/fonts/barlow-condensed-v5-latin-regular.svg#BarlowCondensed") format("svg");
}

/* barlow-condensed-italic - latin */
@font-face {
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 400;
  src: url("/fonts/barlow-condensed-v5-latin-italic.eot");
  src: local(""), url("/fonts/barlow-condensed-v5-latin-italic.eot?#iefix") format("embedded-opentype"), url("/fonts/barlow-condensed-v5-latin-italic.woff2") format("woff2"), url("/fonts/barlow-condensed-v5-latin-italic.woff") format("woff"), url("/fonts/barlow-condensed-v5-latin-italic.ttf") format("truetype"), url("/fonts/barlow-condensed-v5-latin-italic.svg#BarlowCondensed") format("svg");
}

/* barlow-condensed-600 - latin */
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 600;
  src: url("/fonts/barlow-condensed-v5-latin-600.eot");
  src: local(""), url("/fonts/barlow-condensed-v5-latin-600.eot?#iefix") format("embedded-opentype"), url("/fonts/barlow-condensed-v5-latin-600.woff2") format("woff2"), url("/fonts/barlow-condensed-v5-latin-600.woff") format("woff"), url("/fonts/barlow-condensed-v5-latin-600.ttf") format("truetype"), url("/fonts/barlow-condensed-v5-latin-600.svg#BarlowCondensed") format("svg");
}

/* barlow-condensed-600italic - latin */
@font-face {
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 600;
  src: url("/fonts/barlow-condensed-v5-latin-600italic.eot");
  src: local(""), url("/fonts/barlow-condensed-v5-latin-600italic.eot?#iefix") format("embedded-opentype"), url("/fonts/barlow-condensed-v5-latin-600italic.woff2") format("woff2"), url("/fonts/barlow-condensed-v5-latin-600italic.woff") format("woff"), url("/fonts/barlow-condensed-v5-latin-600italic.ttf") format("truetype"), url("/fonts/barlow-condensed-v5-latin-600italic.svg#BarlowCondensed") format("svg");
}

* {
  font-family: 'Barlow Condensed';
  font-weight: 400;
}

body {
  font-family: 'Barlow Condensed';
  font-weight: 400;
}

body .no-margin {
  margin: 0;
  padding: 0;
}

body nav#global {
  display: block;
  font-size: 16px;
  color: #555555;
  background-color: #e9e9e9;
}

body nav#global div {
  text-align: right;
}

body nav#global div a {
  text-decoration: none;
  color: #555555;
  padding-left: 10px;
  padding-right: 10px;
  border-right: 1px solid #555555;
  line-height: 35px;
}

body nav#global div a img {
  width: 8px;
  height: 6px;
}

body nav#global div a.dropdown:after {
  display: inline-block;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23575756;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M15.07,17.11l6.74-7.64H29v.45L17.58,22.23H12.5L1.22,9.92V9.47H8.28Z'/%3E%3C/svg%3E");
  width: 8px;
  height: 6px;
}

body nav#global div a:last-child {
  border-right: 0px;
}

body nav#global div a:hover {
  color: #ff6600;
}

body div#navigation {
  margin-left: 0px;
  margin-right: 0px;
  margin: auto;
  padding: 0;
}

body div#navigation #logo {
  position: relative;
  width: 166px;
  height: 109px;
  margin-top: 40px;
  margin-bottom: 40px;
  z-index: 111;
}

body div#navigation .navbar-nav {
  float: right;
  margin-top: 97px;
  margin-left: 0px;
  margin-right: 0px;
}

body div#navigation .navbar-nav .nav-item {
  float: right;
}

body div#navigation .navbar-nav .nav-item .nav-link {
  color: #004587;
  font-size: 20px;
  margin-left: 25px;
  padding: 0;
}

body div#navigation .navbar-nav .nav-item .nav-link.closed:after {
  display: inline-block;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23003087;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M21.37,11.9v0H7.6v0a2.09,2.09,0,0,0-1.93,2V25a2.12,2.12,0,0,0,2.2,2H21.1a2.11,2.11,0,0,0,2.2-2V13.9A2.09,2.09,0,0,0,21.37,11.9Zm-5.78,8v2.9a.71.71,0,0,1-.7.71h-.8a.71.71,0,0,1-.71-.71v-2.9a2.21,2.21,0,1,1,2.21,0Z'/%3E%3Cpath class='cls-1' d='M7.6,10.73h2.75V8a3.76,3.76,0,0,1,4.14-3.8A3.75,3.75,0,0,1,18.62,8v2.73h2.75V8c0-2.61-1.87-6.31-6.88-6.31S7.6,5.46,7.6,8Z'/%3E%3C/svg%3E");
  width: 16px;
  height: 16px;
  padding-left: 2px;
}

body div#navigation .navbar-nav .nav-item .nav-link.nav-aktiv {
  border-bottom: 2px solid #ff6600;
}

body div#navigation .navbar-nav .nav-item .nav-link:hover {
  color: #ff6600;
}

body div#navigation .navbar-nav .nav-item .subnav {
  z-index: 110;
  opacity: 0;
  visibility: hidden;
  transition: visibility 0s, opacity 0.25s linear;
  position: absolute;
  background-color: white;
  width: 100%;
  height: auto;
  left: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding: 30px 20px 20px 20px;
  border-top: 4px solid #ff6600;
  border-bottom: 4px solid #ff6600;
}

body div#navigation .navbar-nav .nav-item .subnav .container {
  margin-right: 0px;
  padding-right: 0px;
}

body div#navigation .navbar-nav .nav-item .subnav .row {
  margin: 0 auto;
}

body div#navigation .navbar-nav .nav-item .subnav .subnav-listing {
  vertical-align: top !important;
}

body div#navigation .navbar-nav .nav-item .subnav .subnav-listing a {
  display: block;
  font-size: 18px;
  line-height: 36px;
  color: #555555;
  text-decoration: none;
}

body div#navigation .navbar-nav .nav-item .subnav .teaser-block {
  white-space: nowrap;
  text-align: right;
}

body div#navigation .navbar-nav .nav-item .subnav .teaser-block .image-teaser {
  display: inline-block;
  padding-left: 10px;
  text-align: left;
}

body div#navigation .navbar-nav .nav-item .subnav .teaser-block .image-teaser img {
  display: block;
  clear: both;
}

body div#navigation .navbar-nav .nav-item .subnav .teaser-block .image-teaser a {
  color: #555555;
  line-height: 36px;
  text-decoration: none;
  font-size: 18px;
}

body div#navigation .navbar-nav .nav-item:hover .subnav {
  visibility: visible;
  opacity: 1;
  z-index: 101;
}

body main {
  clear: both;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 18px;
  /* STÖRER */
}

body main input.more, body main button.btn-primary {
  border: 0px;
  padding: 5px 30px;
  background-color: #004587;
  color: white;
}

body main .dataTables_info {
  display: none;
}

body main input.form-control, body main textarea {
  max-width: 650px !important;
}

body main div {
  padding-top: 0px;
}

body main h1 {
  font-family: Barlow Condensed;
  font-weight: 400;
  font-size: 48px;
  color: #004587;
}

body main h2 {
  font-family: Barlow Condensed;
  font-weight: 400;
  font-size: 48px;
  color: #ff6600;
}

body main h3 {
  font-family: Barlow Condensed;
  font-weight: 400;
  font-size: 48px;
  color: #ff6600;
  padding-left: 35px;
  background-image: url("data:image/svg+xml,%3Csvg id='Ebene_1' data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 25'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23003087;%7D%3C/style%3E%3C/defs%3E%3Cpolygon class='cls-1' points='0 0 0 25 19 12.51 0 0'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left 20px;
  background-size: 25px 25px;
}

body main .p-left-40 {
  padding-left: 40px;
}

body main .p-right-40 {
  padding-right: 40px;
}

body main div.action-row {
  clear: both;
  display: block;
  width: 100%;
  padding: 0px;
  margin: 0px;
  height: 160px;
  background-color: #004587;
  margin-top: 40px;
  margin-bottom: 40px;
}

body main div.action-row > div.bg {
  position: relative;
  background-color: #ff6600;
  left: 0%;
  width: calc(50% - 200px);
  height: 160px;
  margin-top: -160px;
  z-index: 1;
}

body main div.action-row > div.container > div > div {
  display: inline-block;
  height: 160px;
}

body main div.action-row > div.container > div > div:first-child {
  background-color: #ff6600;
  padding-right: 40px;
  z-index: 10;
  clip-path: polygon(0% 0%, 0% 100%, 87% 100%, 100% 50%, 87% 0%);
}

body main div.action-row > div.container > div > div:first-child h2 {
  line-height: 160px;
  font-size: 48px;
  font-weight: 400;
  color: #004587;
}

body main div.action-row > div.container > div > div:last-child {
  color: white;
  font-size: 20px;
  padding-left: 40px;
}

/* carousel / slider */
img, svg {
  display: block;
  max-width: 100%;
  height: auto;
}

.banner {
  width: 100%;
  height: 100%;
  text-align: center;
  margin: auto;
}

#slider {
  display: none;
}

#slider .carousel-item img {
  margin: auto;
}

.va-top {
  vertical-align: top;
}

footer {
  display: block;
  clear: both;
  background-color: #004587;
  color: white;
  font-size: 20px;
  line-height: 80px;
  text-align: center;
  margin-top: 40px;
}

footer .container-fluid a {
  color: white;
  text-decoration: none;
  margin-left: 20px;
}

footer .container-fluid a:hover {
  color: #ff6600;
}

footer .container-fluid strong {
  font-weight: 600;
}

@media (min-width: 576px) {
  #slider {
    display: block;
    margin: 0;
    padding: 0;
  }
}

@media (min-width: 768px) {
  #slider {
    display: block;
  }
  .nav-item .image-teaser a {
    line-height: 60px;
    font-size: 18px;
  }
}

@media (min-width: 992px) {
  body main .smallertext {
    font-size: 16px;
  }
  body footer {
    padding-top: 0px;
    min-height: 75px;
    line-height: 75px;
  }
  body .position-absolute-lg {
    position: absolute !important;
    left: 0px;
  }
  #slider {
    display: block;
  }
}

@media (min-width: 1200px) {
  body {
    margin-top: 0;
  }
  #slider {
    display: block;
  }
}

@media (max-width: 1200px) {
  body {
    margin-top: 70px;
  }
  body div#navigation {
    height: 100px;
  }
  body div#navigation #collapsedWrapper {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    background-color: white !important;
    height: 70px;
    width: 100%;
    padding: 0;
    margin: 0;
    z-index: 200;
  }
  body div#navigation #collapsedWrapper .navbar-toggler {
    position: absolute;
    top: 0px;
    right: 10px;
    padding: 25px 19px;
  }
  body div#navigation #collapsedMenu.navbar-collapse {
    position: absolute;
    top: 0;
    left: 100vw;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    width: 100vw;
    height: 100vh;
    transition: all .3s ease-in-out;
    z-index: 201;
    background-color: white;
  }
  body div#navigation #collapsedMenu.navbar-collapse.collapsing {
    height: 100vh !important;
    margin-right: 50%;
    transition: all .3s ease-in-out;
    display: block;
  }
  body div#navigation #collapsedMenu.navbar-collapse.show {
    left: 0;
    padding: 0;
  }
  body div#navigation #collapsedMenu .navbar-toggler {
    position: absolute;
    top: 0px;
    right: 0px;
    left: initial;
    padding: 22px 25px;
  }
  body div#navigation #collapsedMenu .navbar-nav {
    float: none;
    margin-top: 60px;
    border-top: 1px solid #d8d8d8;
  }
  body div#navigation #collapsedMenu .navbar-nav li {
    border-bottom: 1px solid #d8d8d8;
    min-height: 60px;
    line-height: 60px;
  }
  body div#navigation #collapsedMenu .navbar-nav li a {
    padding: 0 20px;
    vertical-align: center;
  }
  body div#navigation #collapsedMenu .navbar-nav li .nav-link {
    margin-left: 0px;
  }
  body div#navigation #collapsedMenu .navbar-nav li .nav-link.nav-aktiv {
    background-color: #ff6600;
    color: white;
  }
  body div#navigation #collapsedMenu .navbar-nav li .subnav {
    opacity: 1;
    visibility: visible;
    position: static;
    background-color: white !important;
    padding: 0px;
  }
  body div#navigation #collapsedMenu .navbar-nav li .subnav div.subnav-listing a {
    padding-left: 0px !important;
  }
  body div#navigation #collapsedMenu .image-teaser, body div#navigation #collapsedMenu .teaser-block {
    display: none;
  }
  body div#navigation #collapsedMenu .mobileLogo {
    left: 30px;
  }
  body div#navigation .mobileLogo {
    display: block !important;
    position: absolute;
    left: 10px;
    top: 10px;
    width: 167px;
  }
  body div#navigation .navbar-toggler {
    border-color: transparent !important;
  }
  body main .p-left-40 {
    padding-right: 20px;
    padding-left: 20px;
  }
  body main .p-right-40 {
    padding-right: 20px;
    padding-left: 20px;
  }
  body footer {
    clear: both;
    padding-top: 20px;
    padding-bottom: 20px;
    line-height: 35px;
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .d-flex {
    display: flex;
  }
  #collapsedWrapper .navbar-toggler {
    top: -64px;
  }
  #collapsedMenu .mobileLogo {
    left: 60px;
  }
}