* {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     *behavior: script/boxsizing.htc);
}
body {
     font-size: 16px;
     font-family: 'lato', sans-serif;
     font-weight: 400;
     color: #000;
}
/*****************************************************
--------------------------- ALLGEMEIN
******************************************************/
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
     padding-right: 0;
     padding-left: 0;
}
#container {
     max-width: 1920px;
     margin: 0 auto;
     background: #fff;
}
#container-nav {
     max-width: 1920px;
     margin: 0 auto;
     background: #007bc0;
     -webkit-box-shadow: 0 1px 5px 0 #000000;
     box-shadow: 0 1px 5px 0 #000000;
}
.row {
     max-width: 100%;
     margin-right: 0;
     margin-left: 0;
}
iframe {
     width: 100%;
     margin: 20px 0 0 0;
}
@media screen and (min-width: 768px) {
     iframe {
          margin: 0;
     }
}
p.iwcc-text{
 color: #000;
}

/********************************************************************************Video***/
.responsive-video iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     border: 1px #666 solid;
}
.responsive-video {
     position: relative;
     padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
     padding-top: 0px;
     height: 0;
}
@media screen and (min-width: 900px) {
     .responsive-video iframe {
          width: 100%;
          height: 100%;
     }
}
hr {
     margin-bottom: 20px;
     border: #fff solid 1px;
}
@media screen and (min-width: 790px) {
     hr {
          margin-bottom: 40px;
     }
}
.spalten {
     margin: 0 auto 0 auto;
     -webkit-column-count: 2;
     -webkit-column-gap: 50px;
     -moz-column-count: 2;
     -moz-column-gap: 50px;
     column-count: 2;
     column-gap: 50px;
}
@media screen and (max-width: 790px) {
     .spalten {
          margin: 0 auto 0 auto;
          -webkit-column-count: 1;
          -webkit-column-gap: 0;
          -moz-column-count: 1;
          -moz-column-gap: 0;
          column-count: 1;
          column-gap: 0;
     }
}
img {
     max-width: 100%;
     height: auto;
}
.border1 {
     border: 1px solid #ffffff;
}
h1 {
     display: block;
     margin: 10px 0 10px 0;
     padding: 0;
     font-size: 1.3em;
     font-weight: 100;
     color: #fff;
     text-transform: uppercase;
}
h2 {
     display: block;
     margin: 10px 0 10px 0;
     padding: 0;
     font-size: 0.8em;
     font-weight: 400;
     color: #fff;
     text-transform: uppercase;
     letter-spacing: 0.2em;
}
h3 {
     display: block;
     margin: 10px 0 10px 0;
     padding: 0;
     font-size: 0.8em;
     font-weight: 400;
     color: #333;
     text-transform: uppercase;
     letter-spacing: 0.2em;
}
p {
     font-size: 0.8em;
     font-weight: 400;
     line-height: 1.3em;
     -moz-hyphens: auto;
     -o-hyphens: auto;
     -webkit-hyphens: auto;
     -ms-hyphens: auto;
     hyphens: auto;
     padding: 0;
     margin: 0;
     text-align: justify;
     color: #fff;
}
a, a:hover, a:focus, a:active {
     color: #fff;
     text-decoration: none;
}
p a, p a:hover, p a:focus, p a:active, p a:visited {
     text-decoration: none;
     color: #fff;
}
.paround {
     padding: 10px;
}
.padtop {
     padding-top: 15px;
}
.padleft {
     padding-left: 4px;
}
.padmiddle {
     padding: 0 2px;
}
.padright {
     padding-right: 4px;
}
.padleft-img {
     padding-left: 0;
}
.padmiddle-img {
     padding: 0;
}
.padright-img {
     padding-right: 0;
}
.padbottom {
     padding-bottom: 15px;
}
.imaround {
     padding: 10px;
}
.mtop {
     margin-top: 2px;
}
.mbottom {
     margin-bottom: 2px;
}
@media only screen and (min-width: 340px) and (max-width:768px) {
     h1 {
          font-size: 1.7em;
     }
     h2 {
          margin: 50px 0 20px 0;
          font-size: 0.9em;
     }
     h3 {
          margin: 12px 0 20px 0;
          font-size: 0.9em;
     }
     p {
          font-size: 1em;
          line-height: 1.3em;
          font-weight: 300;
     }
     .paround {
          padding: 20px;
     }
     .padleft {
          padding-left: x;
     }
     .padmiddle {
          padding: 0;
     }
     .padright {
          padding-right: 0x;
     }
     .padleft-img {
          padding-left: 0;
     }
     .padmiddle-img {
          padding: 40px 0;
     }
     .padright-img {
          padding-right: 0;
     }
}
@media only screen and (min-width: 768px) and (max-width:992px) {
     h1 {
          font-size: 3em;
     }
     h2 {
          margin: 15px 0 30px 0;
          font-size: 1.4em;
     }
     h3 {
          margin: 15px 0 30px 0;
          font-size: 1.4em;
     }
     p {
          font-size: 1em;
          line-height: 1.4em;
          font-weight: 300;
     }
     .paround {
          padding: 30px 55px;
     }
     .padleft {
          padding-left: 50px;
     }
     .padmiddle {
          padding: 0 25px;
     }
     .padright {
          padding-right: 50px;
     }
     .padleft-img {
          padding-left: 0;
     }
     .padmiddle-img {
          padding: 40px 0;
     }
     .padright-img {
          padding-right: 0;
     }
}
@media only screen and (min-width:992px) and (max-width:1200px) {
     h1 {
          font-size: 3.5em;
          margin: 0 0 20px 0;
     }
     h2 {
          margin: 15px 0 30px 0;
          font-size: 1.7em;
     }
     h3 {
          margin: 15px 0 30px 0;
          font-size: 1.7em;
     }
     p {
          font-size: 1.1em;
          line-height: 1.4em;
          font-weight: 300;
     }
     .paround {
          padding: 40px 80px;
     }
     .padleft {
          padding-left: 50px;
     }
     .padmiddle {
          padding: 0 25px;
     }
     .padright {
          padding-right: 50px;
     }
     .padleft-img {
          padding-left: 10px;
     }
     .padmiddle-img {
          padding: 0 5px;
     }
     .padright-img {
          padding-right: 10px;
     }
}
@media only screen and (min-width:1200px) {
     h1 {
          font-size: 4em;
          margin: 0 0 20px 0;
     }
     h2 {
          margin: 15px 0 40px 0;
          font-size: 1.9em;
     }
     h3 {
          margin: 15px 0 40px 0;
          font-size: 1.9em;
     }
     p {
          font-size: 1.3em;
          line-height: 1.4em;
          font-weight: 300;
     }
     .paround {
          padding: 50px 120px;
     }
     .padleft {
          padding-left: 50px;
     }
     .padmiddle {
          padding: 0 25px;
     }
     .padright {
          padding-right: 50px;
     }
     .padleft-img {
          padding-left: 10px;
     }
     .padmiddle-img {
          padding: 0 5px;
     }
     .padright-img {
          padding-right: 10px;
     }
}
.imgtitle {
     text-align: center;
     padding-top: 10px;
}
.jobs {
     display: flex;
     flex-direction: row;
     justify-content: flex-start;
     align-items: center;
     gap: 20px;
     flex-wrap: wrap;
}
.jobangebot {
     padding: 10px 20px;
     background-color: #222;
     width: 250px;
     max-width: 90%;
     gap: 20px;
     text-align: center;
}

/*****************************************************
--------------------------- EXTRAS
******************************************************/
.cc-revoke, .cc-window {
     font-family: Helvetica, Calibri, Arial, sans-serif;
     font-size: 10px !Important;
     line-height: 1.5em;
}
.cc-banner .cc-message {
     opacity: 0.5;
}
.bg-blue {
     /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#007bc0+0,4096ee+100 */
     background: #007bc0; /* Old browsers */
     background: -moz-linear-gradient(top, #4096ee 0%, #007bc0 100%); /* FF3.6-15 */
     background: -webkit-linear-gradient(top, #4096ee 0%, #007bc0 100%); /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(to bottom, #4096ee 0%, #007bc0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4096ee', endColorstr='#007bc0', GradientType=0); /* IE6-9 */
}
.bg-red {
     /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e2162e+1,e3001b+100 */
     background: #e2162e; /* Old browsers */
     background: -moz-linear-gradient(top, #e2162e 1%, #e3001b 100%); /* FF3.6-15 */
     background: -webkit-linear-gradient(top, #e2162e 1%, #e3001b 100%); /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(to bottom, #e2162e 1%, #e3001b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2162e', endColorstr='#e3001b', GradientType=0); /* IE6-9 */
}
.bg-grey {
     /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b2b2b2+1,9a9a9a+100 */
     background: #b2b2b2; /* Old browsers */
     background: -moz-linear-gradient(top, #b2b2b2 1%, #9a9a9a 100%); /* FF3.6-15 */
     background: -webkit-linear-gradient(top, #b2b2b2 1%, #9a9a9a 100%); /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(to bottom, #b2b2b2 1%, #9a9a9a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b2b2b2', endColorstr='#9a9a9a', GradientType=0); /* IE6-9 */
}
.bg-ant {
     background: #333;
}
.center {
     text-align: center;
}
.info {
     text-align: center;
     font-size: 0.6em;
     padding: 5px 0;
}
@media only screen and (min-width: 340px) and (max-width:768px) {
     .info {
          font-size: 0.7em;
          padding: 7px 0;
     }
}
@media only screen and (min-width: 768px) and (max-width:992px) {
     .info {
          font-size: 1.2em;
          padding: 7px 0;
     }
}
@media only screen and (min-width:992px) and (max-width:1200px) {
     .info {
          font-size: 1.5em;
          padding: 15px 0;
     }
}
@media only screen and (min-width:1200px) {
     .info {
          font-size: 1.6em;
          padding: 15px 0;
     }
}
/*****************************************************
--------------------------- HEADER
******************************************************/
.topimage {
     padding: 51px 0 1px 0;
}
/*****************************************************
--------------------------- CONTENT
******************************************************/
.btn {
     font-size: 12px;
}
@media only screen and (min-width:500px) {
     .btn {
          font-size: 14px;
     }
}
/*****************************************************
--------------------------- TEASER
******************************************************/
.teaser {
     background: #fff;
     padding: 12px 5px;
}
.padaside {
     padding: 3px 3px;
}
@media screen and (min-width: 340px) and (max-width: 768px) {
     .teaser {
          padding: 32px 5px;
     }
     .padaside {
          padding: 3px 3px;
     }
}
@media screen and (min-width: 768px) and (max-width: 992px) {
     .teaser {
          padding: 45px 25px;
     }
     .padaside {
          padding: 3px 3px;
     }
}
@media screen and (min-width: 992px) {
     .teaser {
          padding: 75px 35px;
     }
     .padaside {
          padding: 15px 15px;
     }
}
/*****************************************************
--------------------------- FOOTER
******************************************************/
footer {
     background: #007bc0;
     color: #000;
     padding: 50px 25px 10px 25px;
     font-weight: 300;
     font-size: 0.9em;
     text-align: center;
}
footer a, footer a:hover, footer a:active, footer a:visited, footer a:focus {
     color: #000;
     text-decoration: none;
}
.claim {
     font-size: 1em;
     text-transform: uppercase;
     margin: 30px 0 70px 0;
     letter-spacing: 0.4em;
}
@media only screen and (min-width: 340px) and (max-width:768px) {
     .claim {
          font-size: 1.1em;
     }
     footer {
          font-size: 1em;
     }
}
@media only screen and (min-width: 768px) and (max-width:992px) {
     .claim {
          font-size: 1.2em;
     }
     footer {
          font-size: 1em;
     }
}
@media only screen and (min-width: 992px) {
     .claim {
          font-size: 1.2em;
     }
     footer {
          font-size: 1em;
     }
}
/*****************************************************
--------------------------- NAVIGATION
******************************************************/
.container-fluid {
     padding-right: 0;
     padding-left: 0;
     max-width: 1280px;
     margin: 0 auto;
}
nav {
     margin: 0;
}
.menu-icon {
     padding-left: 30px;
}
.navbar {
     margin-bottom: 0;
     border: none;
     background: none;
}
.navbar-right {
     margin-right: 0 !Important;
}
.navbar-header {
     color: #fff;
     background: #007bc0;
}
.navbar-default {
     background-color: #fff;
     border: none;
     border-radius: 0;
     box-shadow: none;
     -webkit-box-shadow: none;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
     color: #fff;
     background: #e3001b;
     font-size: 0.8em !Important;
     font-weight: 400;
     text-transform: uppercase;
     padding: 5px 30px !Important;
}
.navbar-default .navbar-nav > li > a {
     color: #fff;
     font-size: 0.7em !Important;
     font-weight: 400;
     text-transform: uppercase;
     letter-spacing: 0.8px;
     border-right: none;
     text-shadow: none;
     padding: 5px 30px !Important;
     margin: 0;
}
.navbar-brand {
     padding: 15px 25px;
     text-transform: uppercase;
     font-size: 1em;
     font-weight: 300;
     text-shadow: none;
}
.navbar-default .navbar-brand {
     color: #fff;
}
.navbar-brand {
     color: #fff !Important;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
     border: none;
     box-shadow: none;
     background: #007bc0;
}
.navbar-default .navbar-nav > li > a:hover {
     background: #e3001b;
}
.navbar-default .navbar-nav > li > a:focus {
     background: #e3001b;
}
.navbar-default .navbar-nav > li > a:active {
     background: #e3001b;
}
.dropdown-menu {
     background-color: #aaa;
}
 /*.navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }*/
.dropdown-menu > li > a {
     display: block;
     padding: 3px 20px;
     clear: both;
     line-height: 1.42857143;
     color: #fff;
     white-space: nowrap;
     font-size: 0.8em !Important;
     font-weight: 300;
     text-transform: uppercase;
}
.dropdown-menu > li > a:hover {
     background: #e3001b;
}
.navbar-nav .open .dropdown-menu > li > a {
     color: #fff;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
     color: #fff;
     font-weight: 300;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
     color: #fff;
     font-weight: 300;
}
.navbar-toggle {
     margin-right: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 960px) {
     .container-fluid {
          padding-left: 0;
     }
     .menu-icon {
          padding-left: 50px;
     }
     nav {
          padding: 0;
          margin: 0;
     }
     .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
          font-size: 0.9em;
          padding: 5px 65px !Important;
     }
     .navbar-default .navbar-nav > li > a {
          font-size: 0.9em;
          padding: 5px 65px !Important;
          border-right: 1px solid #fff;
     }
     .navbar-default .navbar-nav > li > a:hover {
          color: #fff;
     }
   .dropdown-menu > li > a {
          font-size: 0.9em;
     }


}
@media only screen and (min-width: 768px){
 .navbar-right .dropdown-menu {
    left: 0;
    right: auto;
  }
 
}
@media only screen and (min-width: 960px) {
     .container-fluid {
          padding-left: 0;
     }
     .menu-icon {
          padding-left: 50px;
     }
     nav {
          margin: 0;
          padding: 0;
     }
     .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
          padding: 5px 65px !Important;
     }
     .navbar-default .navbar-nav > li > a {
          padding: 5px 65px !Important;
          border-right: 1px solid #fff;
     }
     .navbar-default .navbar-nav > li:first-child {
          border-left: 1px solid #fff;
     }
     .navbar-default .navbar-nav > li > a:hover {
          color: #fff;
     }
     .dropdown-menu > li > a {
          font-size: 1em;
     }
 
}
@media only screen and (min-width: 1200px) {
     .navbar-brand {
          display: none;
     }
     .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
          padding: 15px 20px !Important;
     }
     .navbar-default .navbar-nav > li > a {
          padding: 15px 20px !Important;
     }
}
.navbar-default .navbar-toggle .icon-bar {
     background-color: #fff;
}
/*****************************************************
--------------------------- MEDIA
******************************************************/
/* CHANGING BREAKPOINT OF BOOTSTRAP 3 NAVIGATION BAR*/
@media (max-width: 1300px) {
     .navbar-header {
          float: none;
     }
     .navbar-toggle {
          display: block;
     }
     .navbar-collapse {
          border-top: 1px solid transparent;
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
     }
     .navbar-collapse.collapse {
          display: none !important;
     }
     .navbar-collapse.collapse.in {
          display: block !important;
     }
     .navbar-nav {
          float: none !important;
          margin: 7.5px -15px;
     }
     .navbar-nav > li {
          float: none;
     }
     .navbar-nav > li > a {
          padding-top: 10px;
          padding-bottom: 10px;
     }
     .navbar-form {
          padding: 10px 15px;
          margin-top: 8px;
          margin-right: -15px;
          margin-bottom: 8px;
          margin-left: -15px;
          border-top: 1px solid transparent;
          border-bottom: 1px solid transparent;
          -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
          width: auto;
          float: none !important;
     }
}
/*****************************************************
--------------------------- Breakpoint-Balken
******************************************************/
.XS {
     display: none;
}
@media screen and (max-width: 340px) {
     .XS {
          background: #090;
          display: block;
     }
}
.SM {
     display: none;
}
@media screen and (min-width: 340px) and (max-width: 768px) {
     .SM {
          background: #906;
          display: block;
     }
}
.MD {
     display: none;
}
@media screen and (min-width: 768px) and (max-width: 992px) {
     .MD {
          background: #03F;
          display: block;
     }
}
.LG {
     display: none;
}
@media screen and (min-width: 992px) {
     .LG {
          background: #FC0;
          display: block;
     }
}
/**********************************************Breakpoint Vorlagen***/
@media screen and (min-width: 340px) and (max-width: 768px) {}
@media screen and (min-width: 768px) and (max-width: 992px) {}
@media screen and (min-width: 992px) {}