/*
 * DEVELOPER HELPER
 * 
 * font-family: 'PT Sans', sans-serif;
 * 
 */
/* pt-sans-regular - latin */
@font-face {
   font-family: 'PT Sans';
   font-style: normal;
   font-weight: 400;
   src: url('../fonts/pt-sans-v17-latin-regular.eot');
   /* IE9 Compat Modes */
   src: local(''),
      url('../fonts/pt-sans-v17-latin-regular%EF%B9%96.eot#iefix') format('embedded-opentype'),
      /* IE6-IE8 */
      url('../fonts/pt-sans-v17-latin-regular.woff2') format('woff2'),
      /* Super Modern Browsers */
      url('../fonts/pt-sans-v17-latin-regular.woff') format('woff'),
      /* Modern Browsers */
      url('../fonts/pt-sans-v17-latin-regular.ttf') format('truetype'),
      /* Safari, Android, iOS */
      url('../fonts/pt-sans-v17-latin-regular.svg#PTSans') format('svg');
   /* Legacy iOS */
}

/* pt-sans-italic - latin */
@font-face {
   font-family: 'PT Sans';
   font-style: italic;
   font-weight: 400;
   src: url('../fonts/pt-sans-v17-latin-italic.eot');
   /* IE9 Compat Modes */
   src: local(''),
      url('../fonts/pt-sans-v17-latin-italic%EF%B9%96.eot#iefix') format('embedded-opentype'),
      /* IE6-IE8 */
      url('../fonts/pt-sans-v17-latin-italic.woff2') format('woff2'),
      /* Super Modern Browsers */
      url('../fonts/pt-sans-v17-latin-italic.woff') format('woff'),
      /* Modern Browsers */
      url('../fonts/pt-sans-v17-latin-italic.ttf') format('truetype'),
      /* Safari, Android, iOS */
      url('../fonts/pt-sans-v17-latin-italic.svg#PTSans') format('svg');
   /* Legacy iOS */
}

/* pt-sans-700 - latin */
@font-face {
   font-family: 'PT Sans';
   font-style: normal;
   font-weight: 700;
   src: url('../fonts/pt-sans-v17-latin-700.eot');
   /* IE9 Compat Modes */
   src: local(''),
      url('../fonts/pt-sans-v17-latin-700%EF%B9%96.eot#iefix') format('embedded-opentype'),
      /* IE6-IE8 */
      url('../fonts/pt-sans-v17-latin-700.woff2') format('woff2'),
      /* Super Modern Browsers */
      url('../fonts/pt-sans-v17-latin-700.woff') format('woff'),
      /* Modern Browsers */
      url('../fonts/pt-sans-v17-latin-700.ttf') format('truetype'),
      /* Safari, Android, iOS */
      url('../fonts/pt-sans-v17-latin-700.svg#PTSans') format('svg');
   /* Legacy iOS */
}

/* pt-sans-700italic - latin */
@font-face {
   font-family: 'PT Sans';
   font-style: italic;
   font-weight: 700;
   src: url('../fonts/pt-sans-v17-latin-700italic.eot');
   /* IE9 Compat Modes */
   src: local(''),
      url('../fonts/pt-sans-v17-latin-700italic%EF%B9%96.eot#iefix') format('embedded-opentype'),
      /* IE6-IE8 */
      url('../fonts/pt-sans-v17-latin-700italic.woff2') format('woff2'),
      /* Super Modern Browsers */
      url('../fonts/pt-sans-v17-latin-700italic.woff') format('woff'),
      /* Modern Browsers */
      url('../fonts/pt-sans-v17-latin-700italic.ttf') format('truetype'),
      /* Safari, Android, iOS */
      url('../fonts/pt-sans-v17-latin-700italic.svg#PTSans') format('svg');
   /* Legacy iOS */
}

body {
   background: #1261a9;
}

body,
body * {
   font-family: 'PT Sans', sans-serif;
   font-size: 16px;
   line-height: 1.2;
   text-rendering: optimizeLegibility;
   -webkit-text-size-adjust: none;
   /* Prevent font scaling in landscape */
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}

.container-fluid {
   max-width: 1170px;
}

a,
a:hover {
   color: #1261A9;
}

a.active {
   font-weight: 700;
}

a:hover {
   text-decoration: none;
   padding: 0 0 2px 0;
   color: #1261A9;
   border-bottom: 2px solid #1261A9;
}

hr {
   clear: both;
}

#logo {
   width: 300px;
   max-width: 100%;
   height: 90px;
   overflow: hidden;
   margin: auto;
   text-indent: -9999px;
   margin: 25px auto 30px auto;
   background: url(../img/logo.jpg) center center no-repeat;
   background-size: contain;
}

#header {
   position: fixed;
   width: 100%;
   z-index: 200;
}

#subNav {
   background: rgba(19, 96, 167, 1);
   height: 60px;
   position: fixed;
   top: 140px;
   width: 100%;
   z-index: 100;
}

#header .row {
   position: relative;
}

#header nav {
   text-align: center;
   width: 100%;
   position: relative;
   position: absolute;
   margin: auto;
   bottom: -30px;
   background: transparent;
}

#header nav ul {
   background: rgba(255, 255, 255, 0.98);
   list-style: none;
   height: 40px;
   line-height: 35px;
}

#header nav li {
   display: inline-block;
   margin: 0 8px;
   position: relative;
   padding-bottom: 40px;
}

#header nav li.active #secondNav {
   display: inline-block;
}

#header nav li:hover #secondNav {
   z-index: 999;
   display: inline-block;
}

#header #secondNav li {}

#header #secondNav {
   display: none;
   position: absolute;
   z-index: 111;
   top: 32px;
   height: 30px;
   padding-left: 150px;
   left: -150px;
   width: 800px;
   text-align: left;
   /*     background: rgba(0, 0, 0, 0); */
   background: rgba(19, 96, 167, 1);
}

#header #secondNav:after {
   bottom: 100%;
   left: 160px;
   top: -8px;
   border: solid transparent;
   content: " ";
   height: 0;
   width: 0;
   position: absolute;
   pointer-events: none;
   border-color: rgba(213, 60, 60, 0);
   border-bottom-color: rgba(19, 96, 167, 1);
   border-width: 5px;
   margin-left: -5px;
}

#secondNav li a {
   color: white;
}

#secondNav li a:hover {
   border-bottom: 2px solid white;
}

/* #stage {
   width: 100%;
   height: auto;
   background: #dfdfdf;
   text-align: center;
} */
.videoWrapper .desc {
   padding: 12px 30px;
   max-width: 500px;
   border: 2px solid #FFF;
   margin: 20px 20px 45px 20px;
   position: relative;
   display: inline-block;
   -webkit-align-self: center;
   -ms-align-self: center;
   align-self: center;
   background-color: rgba(255, 255, 255, 0.3);
   color: #FFF;
}

.videoWrapper figure {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-justify-content: center;
   -ms-justify-content: center;
   justify-content: center;
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   z-index: 1;
   background: #DFDFDF top center no-repeat;
   background-size: cover;
   background-position: top center;
   -webkit-flex-direction: column;
   -ms-flex-direction: column;
   flex-direction: column;
   //min-height: 300px;
}

.videoWrapper .play {
   position: absolute;
   text-transform: uppercase;
   height: 66px;
   width: 66px;
   /*     top: 50%; */
   // top: 25%;
   left: 50%;
   //margin-top: -33px;
   margin-left: -33px;
   color: white;
   border-radius: 66px;
   box-sizing: border-box;
   border: 2px solid white;
   font-size: 20px;
   text-align: center;
   line-height: 66px;
}

.videoWrapper a {
   color: white;
}

.videoWrapper a:hover {
   color: white;
   text-decoration: none !important;
}

.videoWrapper:hover .play {
   color: #1261A9;
   border-color: #1261A9;
   background: rgba(255, 255, 255, 0.6);
   font-weight: bold;
}

.videoWrapper:hover .play a {
   text-decoration: none !important;
   border-bottom: 0 !important;
}

#teaser {
   width: 100%;
   height: auto;
   background: #dfdfdf;
   text-align: center;
}

#teaser img {
   width: 100%;
   height: auto;
   max-width: 100%;
}

.video-small {
   width: 166px;
   position: relative;
   margin: auto;
   cursor: pointer;
}

.video-small figure {
   display: block;
   width: 100%;
   height: 104px;
   background: center center no-repeat;
   background-size: cover;
}

.video-small h3 {
   font-size: 12px;
   text-align: center;
   margin: 5px 0 0 0;
}

.video-small .play {
   position: absolute;
   text-transform: uppercase;
   height: 40px;
   width: 40px;
   margin-top: 30px;
   margin-left: 62px;
   /*top: 50%;
    left: 50%;*/
   /*margin-top: -30px;
    margin-left: -30px;*/
   color: white;
   border-radius: 40px;
   box-sizing: border-box;
   border: 2px solid white;
   font-size: 11px;
   text-align: center;
   line-height: 38px;
}

.video-small:hover .play {
   color: #1261A9;
   border-color: #1261A9;
   background: rgba(255, 255, 255, 0.6);
   font-weight: bold;
}

#newsCarousel {
   margin-top: 15px;
}

#newsCarousel h1 {
   font-size: 14px;
   margin: 15px 0 0 0;
}

#newsCarousel article {
   /*    border-bottom: 1px solid #C7CACC; */
}

#newsCarousel article:first-child {
   padding-left: 0px;
}

#newsCarousel article:last-child {
   padding-right: 0px;
}

#newsBar {
   border-top: 1px solid #C7CACC;
   padding-top: 25px;
   margin-top: 25px;
   padding-bottom: 25px;
}

#newsCarousel p {
   font-size: 14px;
   color: #87898b;
   line-height: 1.4;
}

#newsCarousel i {
   font-size: 10px;
   margin: 0 0 0 10px;
}

/*
#newsCarousel .slide {
	
	display: flex;
	
	
}
*/
#newsCarousel h1 {
   display: inline-block;
   padding: 0 0 5px 0;
}

#newsCarousel a:hover h1 {
   padding: 0 0 3px 0;
   border-bottom: 2px solid #1261A9;
}

#newsCarousel .newsImage {
   width: 100%;
   height: 150px;
   background-position: center center;
   background-size: cover;
}

#news article {
   margin: 0 0 20px 0;
   border-bottom: 1px solid #C7CACC;
}

#news article.news a.link {
   position: absolute;
   top: -120px;
   opacity: 0;
}

#news .images {
   overflow: hidden;
}

#news article.news a.image {
   float: left;
   width: 200px;
   display: block;
   margin: 0 15px 15px 0;
}

#news article.news a.image:hover {
   border: 0 none;
}

#news article.news figure {
   height: 150px;
   width: 100%;
   background: center center no-repeat;
   background-size: cover;
}

#news article.news .image i {
   font-size: 12px;
   line-height: 1.2;
   text-align: center;
   display: inline-block;
   margin: 10px 0 0 0;
}

#newsCarousel .owl-dot {
   width: 10px;
   height: 10px;
   border-radius: 10px;
   background: #87898b;
   display: inline-block;
   margin: 0 5px;
}

#newsCarousel .owl-dot.active {
   background: #1261A9;
}

#newsCarousel .owl-dots {
   text-align: center;
   margin: 15px 0 0 0;
}

#mobileNavigation {
   display: none;
}

#videoStage .arrow {
   cursor: pointer;
   font-size: 25px;
   vertical-align: middle;
   display: inline-block;
   margin: auto;
   position: relative;
   float: right;
   top: 40px;
   color: #1261A9;
}

#videoStage .arrow.icon-arrow {
   float: left;
}

h1,
h2,
h3 {
   margin: 0;
}

h1 {
   font-weight: bold;
   font-size: 36px;
   color: #1261a9;
   margin: 0 0 20px 0;
}

h2 {
   font-weight: bold;
   font-size: 18px;
   color: #1261a9;
}

h3 {
   font-weight: bold;
   font-size: 14px;
   color: #1261a9;
}

#content .text h1,
#content .text h2,
#content .text h3 {
   font-weight: bold;
   font-size: 30px;
   color: #1261a9;
   margin: 0 0 15px 0;
}

#content .text h2 {
   font-size: 24px;
}

#content .text h3 {
   font-size: 18px;
}

#content .text a {
   text-decoration: none;
   padding: 0 0 2px 0;
   color: #1261A9;
   border-bottom: 0px solid #1261A9;
}

#content .text a:hover {
   text-decoration: none;
   padding: 0 0 2px 0;
   color: #1261A9;
   border-bottom: 1px solid #1261A9;
}

#content .text p.make-collapse {
   font-weight: bold;
   font-size: 16px;
   color: #87898b;
   line-height: 1;
   margin: 0;
   padding: 13px 0;
   cursor: pointer;
   border-top: 1px solid #c7cacc;
}

#content .text p.make-collapse:after {
   content: "";
   font-family: 'gss';
   speak: none;
   font-style: normal;
   font-weight: normal;
   font-variant: normal;
   text-transform: none;
   line-height: 1;
   color: #1261A9;
   /* Better Font Rendering =========== */
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   content: "\e600";
   float: right;
   -webkit-transform: rotate(90deg);
   -ms-transform: rotate(90deg);
   transform: rotate(90deg);
   margin: 0 6px 0 0;
}

#content .text p.make-collapse.open:after {
   -webkit-transform: rotate(-90deg);
   -ms-transform: rotate(-90deg);
   transform: rotate(-90deg);
}

#content .text ul,
#content .text ol {
   padding: 0;
   margin: 0 0 0 20px;
}

#header,
#content {
   background: white;
}

#wrapper {
   top: 200px;
   position: relative;
}

#content {
   padding-top: 30px;
   padding-bottom: 30px;
}

#home .inner {
   margin-top: 25px;
   padding-top: 45px;
   /*     padding-bottom: 55px; */
   /*     border-bottom: 1px solid #c7cacc; */
   border-top: 1px solid #c7cacc;
   overflow: hidden;
}

#content .text * {
   color: #87898b;
   font-size: 16px;
   line-height: 1.4;
}

#content .text p {
   margin: 0 0 15px 0;
}

#gallery {}

#gallery .small {
   /*     height: 50px; */
   /*     width: 100%; */
   /*     overflow: hidden; */
   /* 	margin-bottom: 30px; */
}

#gallery .image {
   margin-bottom: 13px;
}

#gallery .big {
   display: block;
}

#gallery .big img {
   width: 100%;
}

#gallery .small .image {
   width: 50px;
   height: 50px;
   background: whitesmoke center center no-repeat;
   background-size: cover;
   margin-right: 13px;
   float: left;
}

#gallery .desc {
   margin: 20px 0;
   color: #8d8f90;
   font-size: 14px;
   font-style: italic;
}

#gallery .small img:last-child {
   margin-right: 0px;
}

#appendix {
   padding-top: 40px;
   padding-bottom: 60px;
}

#footer * {
   color: white;
   font-size: 16px;
}

#footer nav {
   text-align: center;
}

#footer nav ul {
   list-style: none;
   margin: 30px 0;
}

#footer nav li {
   display: inline-block;
   margin: 0 13px;
}

#footer a:hover {
   border-color: white;
}

#mobileNavigation {
   display: none;
}

.videoWrapper {
   position: relative;
   /*padding-bottom: 56.25%;*/
   /* 16:9 */
   /*     padding-bottom: 42%; */
   /* 16:9 */
   padding-bottom: 22%;
   /*     padding-top: 25px; */
   padding-top: 0px;
   height: 0;
   cursor: pointer;
}

.videoWrapper iframe {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}

.fancybox-outer a:hover {
   border: 0 none;
}

.Timeline p {
   margin: 0 0 0 0 !important;
}

.Timeline li {
   color: black !important;
}

.class-organisation img,
.class-geschaeftsfuehrer img {
   background-color: white;
   padding: 3px;
   border: 1px solid rgba(19, 96, 167, 1);
   margin-right: 10px;
}

/* @start presse */
.presse h1 {
   margin: 5px 0;
   text-transform: none;
   font-size: 22px;
}

.presse {
   border-bottom: 1px solid rgba(0, 0, 0, 0.1);
   margin: 0 0 40px 0;
   padding: 0 0 20px 0;
   overflow: hidden;
}

.presse figure {
   float: left;
   width: 200px;
   height: auto;
   margin-right: 20px;
   cursor: auto;
}

.presse figure.full {
   width: 400px;
}

.presse figure img {
   width: 100%;
   height: auto;
}

.presse figure.full img {
   width: 400px;
}

.presse figure,
.presse figure.full,
.presse figure img,
.presse figure.full img {
   -webkit-transition: 0.3s ease;
   transition: 0.3s ease;
}

.presse .short {
   /* font-style: italic; */
   margin-bottom: 20px;
}

.presse .details .collapse {
   margin-top: 10px;
}

.presse .details .make-collapse {
   margin-top: 10px;
}

.presse .details {
   float: none;
   overflow: hidden;
}

#content .presse .datum {
   color: #a71d3a;
}

.presse .details .info {
   font-style: italic;
}

.presse .full {
   margin: 10px 0;
   float: left;
   width: 100%;
}

#content .presse .link {
   margin: 14px 0;
   padding-top: 10px;
   border-top: 1px solid #c7cacc;
}

#content .presse .link a {
   display: inline-block;
   margin: 1px 0;
   padding: 5px 0 1px 0;
   cursor: pointer;
   font-size: 17px;
   color: rgb(27, 122, 166);
}

#content .presse .link a:hover {
   text-decoration: none;
   margin-bottom: 0px;
   border-bottom: 1px solid rgb(27, 122, 166);
}

#content .presse .link a:before {
   content: "» ";
   color: #707a84;
   vertical-align: top;
}

/* @end */
.formError {
   z-index: 5 !important;
   width: auto;
   max-width: 300px;
   display: inline-block;
   white-space: nowrap;
}

#content .formError .formErrorContent {
   color: white;
}

#content form .error {
   display: none;
}

#content form .error * {
   color: #D50404;
   font-weight: bold;
}

#content form.load {
   position: relative;
   overflow: hidden;
}

#statusMail {
   text-align: center;
}

#content form.load {
   pointer-events: none;
   cursor: wait;
}

#content form.load:after {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: url(../img/load.gif) center center no-repeat rgba(0, 0, 0, 0.4);
}

#anmeldung td {
   vertical-align: top;
}

#anmeldung td:first-child {
   width: 33%;
   border-right: 1px solid #dedede;
}

#anmeldung td:last-child {
   padding-left: 30px;
}

.btn-default {
   padding: 6px 12px !important;
   border-bottom: 2px solid transparent;
}

.btn-default:hover {
   padding: 6px 12px !important;
   border-bottom: 1px solid !important;
}

#trauer {
   position: absolute;
   z-index: 9999;
   background-color: white;
   overflow: visible;
   border-bottom: 10px solid black;
}

#trauer p {
   font-size: 0.9em;
}

#trauer h3 {
   text-transform: uppercase;
   color: black;
   font-weight: bold;
   font-size: 1em;
   margin-bottom: 10px;
}

@media screen and (max-width: 1000px) {
   #header nav li a {
      font-size: 14px;
   }
}

@media screen and (max-width: 600px) {
   #stage .desc {
      display: none;
   }
}

@media screen and (max-width: 768px) {
   #header nav ul {
      display: none;
   }

   #logo {
      float: right;
   }

   #header nav {
      width: 80px;
      height: 80px;
      text-align: left;
      cursor: pointer;
      line-height: 1;
      position: absolute;
      bottom: 0;
   }

   #wrapper {
      top: 180px;
   }

   #subNav {
      display: none;
   }

   #header nav:after {
      font-family: 'gss';
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      /* Better Font Rendering =========== */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\e604";
      font-size: 39px;
      color: #125FA6;
      position: relative;
      top: 35px;
      margin-left: -3px;
   }

   #header nav.open:after {
      color: #949A9E;
   }

   #mobileNavigation {
      position: fixed;
      z-index: 15;
      width: 100%;
      left: -100%;
      top: 140px;
      background: rgba(255, 255, 255, 0.95);
      padding: 0;
      display: block;
      -webkit-transition: left 0.1s 0s linear;
      transition: left 0.1s 0s linear;
      z-index: 9999;
   }

   #mobileNavigation.open {
      left: 0px;
      -webkit-transition: left 0.1s 0s linear;
      transition: left 0.1s 0s linear;
   }

   #mobileNavigation li {
      list-style: none;
      width: 100%;
      float: left;
      border-bottom: 1px solid #125FA6;
      clear: left;
   }

   #mobileNavigation .second li {
      border: 0 none;
   }

   #mobileNavigation li a {
      width: 100%;
      display: inline-block;
      padding: 5px 10px;
      font-size: 18px;
      text-decoration: none;
   }

   #mobileNavigation li a:hover,
   #mobileNavigation li a.active {
      font-weight: bold;
      border: 0 none;
      text-decoration: none;
   }
}