body, html {
	background-color:#01013F;
	color:#ffffff;
}

.bg-light {
	background:transparent !important;
}

.navbar-light .navbar-nav nav-link, .navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
	color:#ffffff;
	font-weight:bold;
	text-transform: uppercase;
}

nav.navbar li.nav-item.active a.nav-link, nav.navbar li.nav-item:hover a.nav-link {
    color: #63b4ff;
}



div.row.border-top {
	border-top: 2px solid #2391fb !important;
}

.red {
	color:#ff0400;
}

.navbar-light .navbar-toggler-icon {
	background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='1' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");	
}

p {
    margin-top: 0;
    margin-bottom: 0.65rem;
}



.h1, h1 {
    font-size:2rem;
}

.h2, h2 {
    font-size:1.3rem;
	font-weight: bolder;
	margin-top: 1.3rem;
}

.h3, h3 {
    font-size:1.3rem;
	font-weight:normal;
	margin-top: 1.3rem;
	
}

.h4, h4 {
    font-size:1rem;
	font-weight:bold;
	margin-top: 1.3rem;
	
}

.h5, h5 {
    font-size:0.9rem;
	font-weight:normal;
	margin-top: 0rem;
	margin-bottom: 1.3rem;
	
}

div.container img {
	max-width:100%;
	height:auto;
	padding-bottom: inherit;
}

nav.sidenav ul {
	list-style: none;
	padding:0;
}

nav.sidenav ul > li > ul {
	list-style: none;
	padding-left:20px;
	padding-bottom:24px;
}

 a, a:link, a:visited {
    color: #63b4ff;
    text-decoration: none;
    background-color: transparent;
}

 a:hover {
    color: #0099ff;
}
nav.sidenav a {
	color:#ffffff;
}

nav.sidenav a.active, nav.sidenav li:hover > a {
	font-weight:bold;
	color: #63b4ff;
}

nav.sidenav .nav-link
{
	padding: .2rem 0rem;
/* 	text-transform: uppercase; */
}

/* Spaltenbreiten für Mehrspaltenmodul: */
/* .col-md-2
 {
    max-width: 12%;
}.col-md-4
 {
    max-width: 30%;
}.col-md-3
 {
    max-width: 29%;
} */


.hoverimage {
  display:none;
}
#hoverimage-holder {
  display:none;
  position:absolute;
  left:320px;
  top:0px;
  width:350px;
  height:400px;
  z-index:10;
}

#hoverimage-holder img {
  border:3px solid #ffffff;
}


.fadein {
    opacity:0;
    animation: animationFrames linear 2s;
    animation-iteration-count: 1;
   animation-fill-mode:forwards;
    
  transform-origin: 50% 50%;
  -webkit-animation: animationFrames linear 2s;
  -webkit-animation-fill-mode:forwards;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: animationFrames linear 2s;
  -moz-animation-fill-mode:forwards;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -o-animation: animationFrames linear 2s;
  -o-animation-fill-mode:forwards;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -ms-animation: animationFrames linear 2s;
  -ms-animation-fill-mode:forwards;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
}


@keyframes animationFrames{
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-moz-keyframes animationFrames{
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-webkit-keyframes animationFrames {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-o-keyframes animationFrames {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-ms-keyframes animationFrames {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

/** Slider */

.slick-slider
{
    margin-top: 20px;
}

.slider-slides {
    
    min-height:300px;
    
}



.slider-slides div.slick-slide {
    min-height:300px;
    background-size:cover;
    position:relative;
    background-position: center center;
}

.slider-slides div.slick-slide > .overlay {
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background-color:#1d304a;
    opacity:0.35;
    z-index:2;
}

.slider-slides div.slick-slide > .slider-content {
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    z-index:3;
    text-align:center;
    color:#ffffff;
    display:flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.slider-slides div.slick-slide > .slider-content a p {
    margin:0;
}

.slider-slides .slider-icon {
    position:absolute;
    right:20px;
    bottom: 20px;
    z-index:4;
}


.slick-prev:before, .slick-next:before {
    color:#b2b2b2;
    font-family: inherit;
    line-height:inherit;
    font-size:60px;
}

.slick-prev:before {
    content: '‹';
}

.slick-next:before {
    content: '›';
}

.slick-next {
    right:35px;
    z-index:9;
}

.slick-prev {
    left:35px;
    z-index:10;
}

#top-button {
    position:fixed;
    bottom: 1em;
    right: 1em;
    text-align:center;
    width:35px;
    height:35px;
    border-radius:4px;
    background-color: #ffffff;
    line-height: 33px;
}

#top-button a {
    display:inline-block;
    width:100%;
}


.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto
    {
     
    }    
    .row {
        margin-top:1.3rem;
    } 

nav.sidenav {
  display:none;
}

 nav.navbar > div.container {
    position:relative;
  }
  .languageselect{

      position: absolute;
      right: 0;
      top: 10px;
  }

@media (max-width: 991px)
{
  .dropdown>.dropdown-menu {
  display: block;

}

div.navbar-collapse.show, div.navbar-collapse.collapsing {
  border-bottom: 1px solid #009aff;
}


.dropdown-menu {
  background-color:transparent!important;
  border:none!important;
  margin-left:15px;


}
.dropdown-item:focus, .dropdown-item:hover
{
  background-color:transparent!important;  
}

.dropdown-item a.nav-item {
  color:#ffffff;
  text-decoration:none;
}
.dropdown-item a.nav-item:hover, .dropdown-item a.nav-item.active {
  color:#007bff;
}



}

@media (min-width: 992px)
{
  nav.sidenav {
  display:block;
}
}

@media (min-width: 768px)
{

  #hoverimage-holder {
    /*display:block;*/
  }
    .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto
    {
        margin-top:inherit;
    }   


    .row {
        margin-top:inherit;
    } 
}


@media (max-width:424px)
{
	a.navbar-brand {
        margin-top: 45px;
        margin-right:0;
        max-width:100%;
	}
}

@media (min-width:425px)
{
	.navbar-brand img.img-fluid{
        max-width:450px;
	}
}

.lang-inactive {
/*  filter: grayscale(75%);*/ 
}

.iwcc-wrapper-inner {
  color: #01013F;
}

.iwcc-accept-all {
  background:rgb(117, 117, 172);
  border-color:rgb(117, 117, 172);;
}

span.white > a  {
  color:#ffffff;
}

#col-md-4 a:link  {
        color:000;
          }
#col-md-4 a:visited  {
        color:000;
          }
#col-md-4 a:active  {
        color:000;
          }
#col-md-4 a:hover  {
        color:000;
          }