body, p, h1, h2, h3 {}
body{
  background: -moz-linear-gradient(top, #33476a 0%, #02021b 100%);
  background: -webkit-linear-gradient(top, #33476a 0%,#02021b 100%);
  background: linear-gradient(to bottom, #33476a 0%,#02021b 100%);
}
h1{margin-top:0;}
h2{margin-bottom: 12px;}
.main-section{color:#fff;}
.main-section p, .main-section h1, .main-section h2, .main-section h3, .main-section a, .nav.nav-sidebar li a{color:#fff;}
.mfp-wrap{width:100%;}
table.table tbody{display:table-row-group;}
td:nth-child(1), td:nth-child(2), td:nth-child(3), td:nth-child(4){background:initial;}
tr:nth-child(odd){background:transparent;}
tr:nth-child(even){background:rgba(255, 255, 255, 0.2);}

ul, ol{padding-left: 20px;}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{
}

.language-menu li {width:42px;height:30px;}
.language-menu li a{color:transparent;width: 42px;height: 30px;display: inline-block;}
.language-menu li a.flag-de{background:url(../img/de.png);background-size:contain;}
.language-menu li a.flag-en{background:url(../img/en.png);background-size:contain;}

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close{display:none;}
.main-section section{padding-bottom:50px;}
.pagelevel-1{padding-top:50px;}
.main-section section.pagelevel-1{padding-bottom:0;}
.pagelevel-1 .nav.nav-sidebar{display:none;}
.pagelevel-1 .image{margin-bottom:0;}
.pagelevel-1 h1{font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:600;font-size:60px;}
.pagelevel-1 h2{font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:600;font-size: 55px;margin-top: 0;}

.nav.nav-sidebar > li{background:#fff;color:#3c3c3c;margin-bottom: 20px;position:relative;}
.nav.nav-sidebar > li:after{position:absolute;content:"▼";font-size:18px;bottom:-19px;right:50%;transform: translateX(50%);color:#fff}
.nav.nav-sidebar > li:hover:after,
.nav.nav-sidebar > li.active:after{color:rgba(200, 200, 200, 0.50);}
.nav.nav-sidebar > li:hover, .nav.nav-sidebar > li:focus, .nav.nav-sidebar > li:active,
.nav.nav-sidebar > li.active{background:rgba(200, 200, 200, 0.50);}
.nav.nav-sidebar li a, .nav.nav-sidebar li.active > a,
.nav.nav-sidebar li.active > a:active, .nav.nav-sidebar li.active > a:hover, .nav.nav-sidebar li.active > a:focus{color:#3c3c3c;border:0;
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;}
.nav.nav-sidebar li a:hover{background:transparent;}
.nav.nav-sidebar > li:last-child:after{display:none;}

.next-prev-nav{margin-top:25px;}
.next-prev-nav:after, .next-prev-nav:before{display:table;content:"";clear:both;}
.next-prev-nav .btn:first-child{float:left;}
.next-prev-nav .btn:last-child{float:right;}

.next-prev-nav .prev{float:left;}

.next-prev-nav .next{float:right;}
.next-prev-nav .prev:before{content:"◄";display:inline-block;margin-right:3px;}
.next-prev-nav .next:after{content:"►";display:inline-block;margin-left:3px;}

main figure a{position:relative;cursor:pointer;    width: 100%;
  height: 100%;
  display: block;}
main figure a:after{
  
  position: absolute;
  content: "";
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background:transpartent;
  -webkit-transition: background 0.3s; /* Safari */
  transition: background: 0.3s;
}
main figure:hover a:after{  
  background: rgba(0, 0, 0, 0.50);  
}

.btn-link:hover, .btn-link:focus {
    text-decoration: none;
    background-color: #ececec;
    color: #000;
}

main figure:hover a:before{
  font-family:"FontAwesome";
  content: "\f002";
  font-size:50px;
  position:absolute;
  top:50%;left:50%;transform: translate(-50%, -50%);z-index:5;
}

#c5304{overflow-x: scroll;}


@media (max-width:480px){
.navbar-header-main .navbar-brand.navbar-brand-image > img{max-width:80%;}
.language-menu li.active{}
}
@media (max-width:767px){
.language-menu li.active{display:none;}
.pagelevel-1 h1 {
    font-size: 40px;
}
.pagelevel-1 h2 {
    font-size: 32px;
}
}