/* COLORS --------------------------------------------------------------------------------------------------------------------------------------------------------- */
.content a {
  color:#36B9B3;
}
.color-petrol {
  background-color:#830055;
  color:white;
}
.color-white {
  background-color:#FFFFFF;
}
.color-lightblue {
  background-color:#f2f7f9;
}
.color-calltoaction {
  background-color:#36B9B3;
  color:#fff;
}
.color-darkblue {
  background-color:#600035;
}

/* BASICS --------------------------------------------------------------------------------------------------------------------------------------------------------- */

.tx-almimgcopyright .row {
  margin-bottom:25px;
}
.gallerysetting1 .swiper-image {
  background-size:contain !important;
}
.gallerysetting1 .swiper-button-next, .gallerysetting1 .swiper-button-prev {
  top:auto !important;
  bottom:0px;
}
.main-cta.secondary-btn {
  display:inline-block;
  float:right;
  margin-top:22px;
  color:#ffffff;
  box-shadow:inset 0px 0px 0px 2px #ffffff;
}
/* text */
h1, h2, h3, h4 {
  color:#004d7e;
}
.introtext {
  color:#004d7e;
}
a {
  color:#36B9B3;
}
.primary-btn, .content a.primary-btn {
  background-color:#36B9B3;
  color:#fff;
}
.secondary-btn,.content a.secondary-btn {
  box-shadow:inset 0px 0px 0px 2px #36B9B3;
  color:#36B9B3;
}
.tertiary-btn,  .content a.tertiary-btn {
  color:#36B9B3;
  background-color:transparent;
}

.icon-test::before {
  background-image:url('../Images/icon-test.svg');
}
.icon-more::before {
  background-image:url('../Images/icon-arrow-right-orange.svg');
}
.icon-anmelden::before {
  background-image:url('../Images/icon-check.svg');
}
.icon-calendar::before {
  background-image:url('../Images/icon-calendar.svg');
}
.icon-calendar.active::before {
  background-image:url('../Images/icon-calendar-dark.svg');
}
.icon-share::before {
  background-image:url('../Images/icon-share.svg');
}
.icon-share.active::before {
  background-image:url('../Images/icon-share-dark.svg');
}
.icon-email::before {
  background-image:url('../Images/icon-email.svg');
}
.icon-facebook::before {
  background-image:url('../Images/icon-facebook.svg');
}
.icon-twitter::before {
  background-image:url('../Images/icon-twitter.svg');
}
.icon-copy::before {
  background-image:url('../Images/icon-copy.svg');
}
.icon-print::before {
  background-image:url('../Images/icon-print.svg');
}
.close-btn {
  background-image:url("../Images/icon-big-close-white.svg");
}
.logo-nk {
  display: none;
}
/* header navigation */
header nav ul{
  background-color:#830055;
}
nav ul li a {
  color:#fff;
}
nav ul li {
  border-bottom:2px solid #f2f2f2;
}
header nav > ul > li:first-child {
    border-top: 2px solid #f2f2f2;
}
nav ul li a:hover {
    background-color: #f2f6f6;
}

/* second level list*/
header nav ul ul {
    border-top: 2px solid #f2f2f2;
    background-color: #f2f6f6;
}
header nav ul ul li {
    border-bottom: 2px solid #e0e0e0;
}

/* third level list */
header nav ul ul ul {
  border-top: 2px solid #e0e0e0;
  padding:10px 0;
}
header nav ul ul ul li {
  border:none;
}
header nav ul ul ul li a {
  padding: 5px 20px 5px 50px;
  border:none;
  font-size: 16px;
}

/* Important Information Banner */
.infobanner {
    background-color: #ffd777;
    color:#333333;
}
.infobanner a{
  color:#333333;
}


/* ARTICLE --------------------------------------------------------------------------------------------------------------------------------------------------------- */

article nav ul > li.active a,
article nav ul ul > li.active a {
  font-weight:bold;
}
article nav ul > li.active.has-children a,
article nav ul ul > li.active.has-children a {
  font-weight:normal;
}

/* article basics */
article {
  padding: 0 0 150px;
}
article nav ul li a{
  color: #004d7e;
}
article nav ul ul li.active ul li.active a {
  font-family:'Helvetica';
}
/* swiper */
.bildergalerie {
  position: relative;
}
.swiper-container {
  width: 100%;
  height: 400px;
  z-index: 1;
}
.swiper-button-prev, .swiper-button-next {
  background-color:#36B9B3;
  width:40px;
  height:40px;
  background-size: 30px 30px;
}
.swiper-button-prev:hover, .swiper-button-next:hover {
  opacity: 0.8;
}
.swiper-pagination-bullet {
  background-color:#36B9B3;
  width:10px;
  height:10px;
}
.swiper-pagination-bullet-active {
  background-color:#36B9B3;
}
.swiper-image {
  height:280px;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.swiper-content {
  position: absolute;
  left:0;
  bottom:0;
  padding:20px 20px 50px 20px;
  background-color: white;
  width: 100%;
  min-height:120px;
  box-sizing: border-box;
}
.swiper-content h2{
  margin:0 0 5px 0;
  font-size: 20px;
  width:100%;
  font-style:normal;
}
.swiper-content a{
  cursor:pointer;
}
/* article sections */
.sectiontitle{
  font-family:'Helvetica';
}
.teaserbox .meta {
  font-family:'Helvetica';
}
.teaserbox-book .book-title {
  font-family:'Helvetica';
}
.teaserbox-interview .text {
  color: #004d7e;
}
article .content > .date {
  color: #004d7e;
}
.content a.dropdown-btn.active.tertiary-btn,
.dropdown-btn.active {
  color:#004d7e;
}
.content .dropdown-content li a.tertiary-btn,
.dropdown-content li a {
  color:#004d7e;
}
.news-img-wrap {
  margin-bottom:25px;
}

/* Filter */
.filter-btn {
    color: #004d7e;
    border: 2px solid #004d7e;
}
.filter-btn.active {
    background-color: #004d7e;
}

/* RELATED CONTENT ------------------------------------------------------------------------------------------------------------------------------------------------ */

.related-content {
    background-color: #e8edef;
    padding: 10px 15px 30px;
    position: relative;
}
.related-content .secondary-btn {
  box-shadow:inset 0px 0px 0px 2px #004d7e;
  color:#004d7e;
}

/* FOOTER --------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* footer basics */
footer {
  position: relative;
  margin-top:0;
}
footer .content {
  padding: 60px 15px 30px;
}

/* footer navigation */
footer ul ul ul {
  margin-left:20px;
}
footer ul li a{
  color:white;
}
footer .secondary-btn,
footer .content a.secondary-btn {
  box-shadow:inset 0px 0px 0px 2px white;
  color:white;
}

/* Cookie Banner */
.cookie-banner {
    background-color: #ffd777;
    color:#333333;
    z-index: 10;
}
.cookie-banner .secondary-btn {
    color:#333333;
    box-shadow: inset 0px 0px 0px 2px #333333;
}

form select {
  margin: 5px 0 0 0;
  background-color: #f2f2f2;
  width: 100px;
  padding: 10px 32px 10px 12px;
  border: 2px solid #e0e0e0;
  font-size: 18px;
  font-family: 'Helvetica';
  box-sizing:border-box;
  display:block;
  /* appearance:none noetig: native Select-Widgets ignorieren Padding fuer die
     Hoehe und behalten eine eigene OS-Mindesthoehe, die groesser als Text-
     inputs ausfaellt. Erst appearance:none macht das Boxmodell massgeblich,
     Pfeil wird per Hintergrundbild ersetzt. */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23666666' d='M5 7l5 6 5-6z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 14px;
}
/* Newsletter-Anmeldeformular (EXT:ndk_newsletter): Abstand vor dem Absenden-Button
   um 12px erhoeht, Button etwas hoeher als die uebrigen primary-btn-Verwendungen. */
.form-submit {
  padding-top: 12px;
}
.form-submit .primary-btn {
  padding: 10px 20px 11px;
}
.tx-mmc-directmail-subscription .primary-btn {
  margin:15px 0px;
}
/* MEDIA QUERIES --------------------------------------------------------------------------------------------------------------------------------------------------------- */


@media only screen and (min-width: 430px) {
  .logo-nk {
      display: block;
      height: auto;
      width: 126px;
      float: left;
      padding: 23px 0 0 23px;
  }
}

/* min-width 768 */
@media only screen and (min-width: 768px) {

  .swiper-container {
    height: 600px;
  }
  .swiper-slide {
    background-size: cover;
  }
  .swiper-pagination-bullet {
    background-color:#fff;
  }
  .swiper-image {
    height:600px;
  }
  .swiper-content {
    position: absolute;
    left:70px;
    bottom:70px;
    padding:20px;
    width: auto;
    min-height: auto;
    max-width: calc(100% - 140px);
  }
  .swiper-content h2{
    font-size: 25px;
  }
  footer .logoblock .footer-fa-logo {
    height:90px;
  }
}

/* min-width 990 */
@media only screen and (min-width: 990px) {
  article .content {
    min-height:600px;
  }
  header nav > ul > li:first-child {
    border-top: 0;
  }
  .logo{
    padding: 15px 0 10px 25px;
  }
  .logo img {
    height:70px;
  }
  .logo-nk {
    height: auto;
    width: 143px;
    float: left;
    padding: 40px 0 0 30px;
  }
  /* buttons */
  .main-cta {
    box-shadow:inset 0px 0px 0px 2px white;
    color:white;
  }
  header nav {
      position: absolute;
      bottom:0;
  }
  nav ul li a {
    color: #004d7e;
  }
  header nav.fixed {
      background-color: #830055;
  }
  header nav > ul > li > a {
      color: white;
      font-family:'Helvetica';
  }
  header nav > ul > li > a:hover {
    background-color: transparent;
    opacity: 0.8;
  }
  header nav > ul > li.active > a {
    border-bottom: 5px solid #36B9B3;
  }
  header nav ul {
    background-color: transparent;
  }
  header nav ul ul {
    background-color: #fff;
  }
  /* dropdown navigation desktop */
  header nav ul li:hover > ul {
    display: block;
  }
  header nav ul ul li {
    min-width:250px;
  }
  header nav > ul > li > ul > li > a,
  header nav ul ul li a {
      padding: 24px 20px 20px 20px;
      color: #004d7e;
  }
  header nav ul ul li a:hover {
    background-color: #f2f6f6;
  }
  header nav ul ul ul {
    left:100%;
    top:0;
    display:none;
    border-top:none;
  }
  header nav ul ul li:hover > ul {
    display: block;
  }
  header nav ul ul ul li a{
    padding:7px 20px;
  }

  /* article */
  article {
    padding: 50px 50px 150px;
  }
  footer {
    margin-top: 0px;
  }
  .footer-curve {
    height:80px;
    top:-70px;
  }
  .footer-figuren {
    right:200px;
  }
}
/* min-width 1200 */
@media only screen and (min-width: 1200px) {
  /* footer */
  footer .content {
    padding: 60px 50px 30px;
  }
}
@media only screen and (max-width: 989px) {
  header nav ul ul,
  header nav ul ul li a:hover {
    background-color:#690144;
  }
  header nav > ul > li:first-child {
    border-top:2px solid #950161;
  }
  nav ul li,
  header nav ul ul li {
    border-bottom:2px solid #950161;
  }
  header nav ul ul ul,
  header nav ul ul {
    border-top: 2px solid #950161
  }
}
@media only screen and (max-width: 580px) {
  .main-cta.secondary-btn {
    display:inline-block;
    padding: 0px;
    width: 50px;
    font-size: 12px;
    margin-left: 5px;
    margin-top: 25px;
    float:right;
    color:#fff;
  }
  .main-cta.secondary-btn {
    box-shadow:unset;
  }
  .search-btn {
    width: 40px;
    background-position: 0px center;
  }
  .gallerysetting1 .swiper-image {
    background-size:contain;
  }
  .gallerysetting1 .swiper-slide {
    height:280px !important;
  }
  .gallerysetting1 .swiper-container {
    height:280px;
  }
}

@media only screen and (max-width: 480px) {
  .logo-nk {
    display:none;
  }
}