@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-Bold.woff2') format('woff2'),
        url('fonts/OpenSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-Light.woff2') format('woff2'),
        url('fonts/OpenSans-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-Regular.woff2') format('woff2'),
        url('fonts/OpenSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
/*############### NEWS ##################*/
.listen-ansicht-box {float: left; display: block; width: 100%;padding: 0 0 1em 0;}
.listen-ansicht {float: left; display: block; width: 100%;}

/*###################################*/
.noneDisplay {visibility: hidden; display: none}
.hidden-mobile {visibility: visible; display: block}
.hidden-temp {visibility: hidden; display: block}
.hidden {visibility: hidden; display: none}
.hidden-main {visibility: hidden; display: none}
.spacer-left {padding-left:0px;}
.spacer-right {padding-right:0px;}
.spacer-top {padding-top:40px;}
/*######## FONTS START###################*/

#foo {position: absolute; top: 0; left: 0;}

@media screen and (max-width:480px) {
.hidden-mobile {visibility: hidden; display: none}
.hidden-main {visibility: visible; display: block}
.listen-ansicht {float: left; display: block; width: 100%;padding: 0 0 1em 0;}
}
/*######## FONTS END###################*/
html, body, div, applet, object, spyn,
h1, h2, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video, iframe {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}
body, html {
  background-color:#FFF;
  font-family: 'Open Sans', sans-serif; font-weight:300;
  color: #111;
  -webkit-font-smoothing: antialiased; 
  font-size: 1.0vw; line-height:1.4vw; 
   height: 100%; 
   margin: 0;
   
}



body {
    scrollbar-width: none;
}


@media screen and (max-width:480px) {
 body {
  font-size: 4.2vw; line-height:6.8vw;
}
}

ol, ul {
  list-style: square;
  margin: 0 0 0.5em;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

p {
  margin: 0 ; padding: 0;
  }


a {
  color: #111;
  text-decoration: none; font-weight:300;
}

a:hover, a:active {

  color: #808080;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

b{font-weight: 700;}
strong {font-weight: 700; text-transform: uppercase;}

ul{
  list-style-type: none;
  margin: 0 0 1em 0em;
}

ul li{
  list-style-type: none;
  margin: 0 0 0em 0em;
}

@media screen and (max-width:480px) {
	
	ul li{
	  list-style-type: none;
	  margin: 0 0 0.5em 0em;
	}
	
}

::-moz-selection { background:#000; color: #fff; }
::selection { background:#000; color: #fff; }

/*MAIN_ENDE*/

.ias-spinner { float: left; width: 100%; display: block;font-size: 0.9vw; line-height:0.9vw; font-weight: 700; padding: 4em 0 0em 0;}
.ias-spinner img{ width: 1px; height: auto; padding: 1em 0 0 0;}


/*YOUTUBE-end*/

#logo {position:absolute; z-index: 99; left:5%; bottom:20%; padding: 0% 0.5%; background: rgba(255,255,255, 0.0);}
#logo h1{font-weight: 300; text-transform: uppercase;color:rgba(255,255,255, 1.0);color:#000;}

/*HEADERS*/
.main-content h1 {font-weight: 700; padding: 0 0 0.5em 0;text-transform: uppercase;}
.main-content h2 {font-weight: 700; padding: 0 0 0.5em 0;text-transform: uppercase; }
.single-content h1 {font-weight: 700; padding: 0 0 0.5em 0;text-transform: uppercase;}
/*
.single-content h1 span {background: #111; color: #FFF; padding: 0.5em;}
*/
.single-content h2 {padding: 0 0 0.5em 0;text-transform:none; text-transform: uppercase}
.single-content strong {display: block;margin: 0 0 -0.7em 0; font-weight: 700;text-transform:none;}
h1 {font-size: 1.4em;line-height: 1.6em; font-weight: 700; text-transform:none;}
h2 {font-size: 1.4em;line-height: 1.6em; font-weight: 700; text-transform:none;}
h5 {font-size: 0.8vw; line-height:0.8vw;}

.single-title-22 { font-size: 4.4em;line-height: 5.6em;padding: 0; margin: 0;}


/*SLOTS*/
.slot-1-0{float: left; width:98%;padding:13.5em 1% 8em 1%; text-align:center; margin:0% auto 0 auto;}

.slot-1-1{float: left; width:80%;padding:1.6em 10%; text-align:center; margin:0% auto 0 auto; background: #fff}
.slot-1-1{float: left; width:100%;padding:0em 0; text-align:center; margin:0% auto 0 auto; background: #fff}

.slot-1-2{float: left; width:98%;padding:8em 1%; text-align:center; margin:0% auto 0 auto; background: #fff}

.slot-1-3{float: left; width:80%;padding:0 10%; text-align:center; margin:0% auto 0 auto; background: #fff}


/*MAIN*/
.img {float: left; margin:0.7%; }
.img img{width:100%; height:auto;}
.page-navigation {display: block;}
.f3-widget-paginator {display: none;}
.ias-trigger .ias-trigger-next {display: none;}
.ias-spinner{ width: 100%;display: block;}


.news-container {
    display: -webkit-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -moz-box-flex;
	display: flex;
  	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;

	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	/*
	-webkit-align-items:baseline;
	-webkit-box-align:baseline;
	-ms-flex-align:baseline;
	align-items:baseline;
	*/
	justify-content: center;
}

.img {position: relative;width:100%;float: left;flex-basis:31%;}




@media screen and (max-width:480px) {
	
    h1 {font-size: 1.4em;line-height: 1.4em; font-weight: 700; text-transform:none;}
    h2 {font-size: 1.4em;line-height: 1.4em; font-weight: 700; text-transform:none;}
	.ias-spinner { float: left; width: 100%; display: block;font-size: 3.9vw; line-height:3.9vw; font-weight: 700; padding: 4em 0 0em 0;}
	.img {min-width: 99%;float:inherit; padding: 0 0 0.5em 0;}
	.slot-1-0{float: left; width:80%;padding:9em 10% 6em 10%; text-align:center; margin:0% auto 0 auto;}
	.slot-1-1{float: left; width:100%;padding:0em 0%; text-align:center; margin:0% auto 0 auto; background: #fff}
	.slot-1-2{float: left; width:100%;padding:9em 0% 6em 0%; text-align:center; margin:0% auto 0 auto;}
		
}


/*FOOTER*/

.footer {float: left; width: 77%; padding: 0% 11.5% 10% 11.5%; text-align:left;}



/*HOVER*/

.overlay {
  position: absolute;
  top: 0;
  bottom:0.4em;
  left: 0;
  right: 0;
  height:auto;
  width:auto;
  padding:5%;
  text-align: center;
  transition: .5s ease;
  background: rgba(0,0,0, 0.0);
  opacity:0;
  border: silver solid 0px;
  color: #FFF;
  
}

.overlay {
    display: -webkit-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -moz-box-flex;
	display: flex;
  	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: center;
}

.img:hover .overlay {
  transition: .5s ease;
  background: rgba(0,0,0, 0.5);
  opacity:1.0;
  -webkit-user-select: none; -webkit-touch-callout: none;
} 


@media screen and (max-width:480px) {
    
    .img .overlay {
          transition: .5s ease;
          background: rgba(0,0,0, 0.0);
          opacity:0.0;
          -webkit-user-select: none; -webkit-touch-callout: none;
        }
    .img .overlay {display: none; visibility: hidden; opacity: 0;}
    
    
}

.teaser {padding: 0 2em;}

.overlay h2 { font-weight: 700;font-size: 1.4em;line-height: 1.4em; text-transform: uppercase;}




/*SINGLE*/
.news-img-caption {text-align: left;padding: 1em 0;}
.close-detail {position: absolute;z-index: 100; left: 2em; top: 2em;}

.news-date {float: left; width: 80%; padding: 2em 10% 8em 10%; text-align: left; font-size: 0.8vw; line-height:0.9vw;}

.news-related-files {padding: 1em 0;}

.main-content {position: relative; width: 80%;float: left; padding: 0em 10%; text-align: left;  }
.single-content {position: relative; width: 80%;float: left; padding: 2em 10% 2em 10%; text-align: left;  }
.single-left .external-link {font-weight: bold;}
.main-left { float: left; width: 49%; padding: 0 1% 1em 0;}
.main-right { float: left; width: 49%; padding: 0 0% 1em 1%;}
.single-left { float: left; width: 58%; padding: 0 2% 1em 0;}
.single-left h2{font-size: 1.0vw; line-height:1.4vw; font-weight: 300; padding: 0 0 1em 0; }
.single-left a {border-bottom: solid 1px #000;}
.single-right { float: left; width: 39%; padding: 0 0% 1em 1%;}
.single-right a {border-bottom: solid 1px #000;}
.single-right h2{font-size: 1.0vw; line-height:1.4vw; font-weight: 700; padding: 0 0 1em 0; text-transform: none;}

.single-right .frame-default {padding: 0 0 1em 0;}

.biografie p{padding: 0 0% 1em 0;}

/*MORE IMAGES GRID*/
.more-image-box {float: left; width: 80%; padding: 8em 10% 2em 10%;}
.news-img-wrap-detail-list img{float: left; width: 100%; height: auto; padding: 0%;}

.first-image-box {display: none;}
.first-image-box img{ width: 100%; height: auto;}
.single-image-1-2-rows .first-image-box { float: left; width: 80%; padding: 8em 10% 0.8em 10%; display:block;}
.single-image-1-2-rows .more-image-box {float: left; width: 80%; padding: 0em 10% 2em 10%;}

.single-image-1-2-rows .news-img-wrap-detail-list {
  display: grid;
  grid-template-columns: auto auto auto;
  padding: 0%;
  grid-template-columns: repeat(2, 1fr);
  gap: 1em;    
  grid-template-rows: masonry;  
}

.single-image-0-rows .news-img-wrap-detail-list {
  display: grid;
  grid-template-columns: auto auto auto;
  padding: 0%;
  grid-template-columns: repeat(1, 1fr);
  gap: 1em;    
  grid-template-rows: masonry;  
}

.single-image-1-rows .news-img-wrap-detail-list {
  display: grid;
  grid-template-columns: auto auto auto;
  padding: 0%;
  grid-template-columns: repeat(1, 1fr);
  gap: 1em;    
  grid-template-rows: masonry;  
}

.single-image-2-rows .news-img-wrap-detail-list {
  display: grid;
  grid-template-columns: auto auto auto;
  padding: 0%;
  grid-template-columns: repeat(2, 1fr);
  gap: 1em;    
  grid-template-rows: masonry;  
}

.single-image-3-rows .news-img-wrap-detail-list {
  display: grid;
  grid-template-columns: auto auto auto;
  padding: 0%;
  grid-template-columns: repeat(3, 1fr);
  gap: 1em;    
  grid-template-rows: masonry;  
}

.single-image-4-rows .news-img-wrap-detail-list {
  display: grid;
  grid-template-columns: auto auto auto;
  padding: 0%;
  grid-template-columns: repeat(4, 1fr);
  gap: 1em;    
  grid-template-rows: masonry;  
}
.single-image-5-rows .news-img-wrap-detail-list {
  display: grid;
  grid-template-columns: auto auto auto; 
  padding: 0%;
  grid-template-columns: repeat(5, 1fr);
  gap: 1em;    
  grid-template-rows: masonry; 
}






.previous {position: fixed;z-index: 9; right: 2.0em; bottom:2em; width: 1.0em; height: auto; opacity: 0; }
.previous a {border: none;}
.previous img{width: 0.8em; height: auto;}

.next {position: fixed;z-index: 9; right: 3.5em; bottom:2em; width: 1.0em; height: auto;opacity: 0;  }
.next a {border: none;}
.next img{width: 0.8em; height: auto;}

@media screen and (max-width:480px) {
    
    .single-left h2{font-size: 4.2vw; line-height:5.8vw; font-weight: 300; padding: 0 0 1em 0; }
	
	.single-image-1-rows .outer{float: left; width: 100%;padding:2.0% 0.0%;}
	.single-image-2-rows .outer{float: left; width: 100%;padding:2.0% 0.0%;}
	.single-image-3-rows .outer{float: left; width: 100%;padding:2.0% 0.0%;}
	.single-image-4-rows .outer{float: left; width: 100%;padding:2.0% 0.0%;}
	
	.single-image-0-rows .outer img{padding: 0 0 0.5em 0;}
	.single-image-1-rows .outer img{padding: 0 0 0.5em 0;}
	.single-image-2-rows .outer img{padding: 0 0 0.5em 0;}
	.single-image-3-rows .outer img{padding: 0 0 0.5em 0;}
	.single-image-4-rows .outer img{padding: 0 0 0.5em 0;}
	
	.main-left { float: left; width: 100%; padding: 0 0% 1em 0;}
	.main-right { float: left; width: 100%; padding: 0 0% 1em 0;}
	.single-left { float: left; width: 100%; padding: 0 0% 1em 0;}
	.single-right { float: left; width: 100%; padding: 0 0% 1em 0;}
	
	.previous {position:relative;z-index: 9; right: 0%; bottom:4%; width: 1.0em; height: auto; float: right; padding: 0 5% 0 0;}
	.next {position:relative;z-index: 9; left: 0%; bottom:4%; width: 1.0em; height: auto; float: left; padding: 0 0 0 5%;}
		
}

/* Create four equal columns that sits next to each other */





/*CLOSE*/
/*CLOSE-ICON*/
.close {
  position: absolute;
  width: 2.0em;
  height: 2.0em;
  opacity: 1;
}
.close:hover {
  opacity: 1;
}
.close:before, .close:after {
  position: absolute;
  left: 1.0em;
  content: ' ';
  height: 2.0em;
  width: 3px;
  background-color: #111111;
}
.close:before {
   -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.close:after {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.close:hover:before {
  transform: rotate(90deg);
}

.close:hover:after {
  transform: rotate(90deg);
}

@media screen and (max-width:480px) {
	
	.close {
	  position: absolute;
	  width: 1.6em;
	  height: 1.6em;
	  opacity: 1;
	}
	
	.close:before, .close:after {
	  position: absolute;
	  left: 1.0em;
	  content: ' ';
	  height: 1.6em;
	  width: 3px;
	  background-color: #111111;
	}
		
}

/*CLOSE-ICON-2*/
.close-2 {
  position: absolute;
  width: 2.0em;
  height: 2.0em;
  opacity: 1;
}
.close-2:hover {
  opacity: 1;
}
.close-2:before, .close-2:after {
  position: absolute;
  left: 1.0em;
  content: ' ';
  height: 2.0em;
  width: 3px;
  background-color: #FFF;
}
.close-2:before {
   -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.close-2:after {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.close-2:hover:before {
  transform: rotate(90deg);
}

.close-2:hover:after {
  transform: rotate(90deg);
}

@media screen and (max-width:480px) {
	
	.close-2 {
	  position: absolute;
	  width: 1.4em;
	  height: 1.4em;
	  opacity: 1;
	}
	
	.close-2:before, .close-2:after {
	  position: absolute;
	  left: 1.0em;
	  content: ' ';
	  height: 1.2em;
	  width: 4px;
	  background-color: #FFF;
	}
		
}

.close-icon-box-detail .close {display: none;}

/*CLOSE*/
.close-icon-box { position:absolute; z-index:9;left:5%; top:2.0em; width: 30%; display: block;}
.close-icon-box h1 {font-size: 2.4em; line-height: 1.1em; text-align: left; }
.close-icon-box h1 a { padding: 0 0em; }
.close-icon-box {font-size: 1.4em; line-height: 1.4em; text-transform: uppercase; color: #000;}
.close-icon-box a{color: #000;text-transform: uppercase;font-weight: 700;}





.close-icon-box span {
	-webkit-transform: scale(2.0);
	-moz-transform: scale(2.0);
	-ms-transform: scale(2.0);
	-o-transform: scale(2.0);
	transform: scale(2.0);
	display: inline-block;
	font-weight:700;
}

.close-icon-box:hover span {
	-webkit-transform: scale(2.0) rotate(45deg);
	-moz-transform: scale(2.0) rotate(45deg);
	-ms-transform: scale(2.0) rotate(45deg);
	-o-transform: scale(2.0) rotate(45deg);
	transform: scale(2.0) rotate(45deg);
	display: inline-block;
	font-weight:700;
}

.close-icon-box-detail{ position: fixed; z-index:8;left:4%; top:3.1em;display:block;opacity:1;transition:all 1s ease; cursor: pointer;}
.close-icon-box-main{ position: fixed; z-index:8;left:4%; top:3.1em;display:block;opacity:1;transition:all 1s ease; cursor: pointer;}

@media screen and (max-width:480px) {
		
		.close-icon-box h1 {font-size: 1.0em; line-height: 1.2em;}
		.close-icon-box {z-index:8; width: 50%;left:10%; top:1.8em;}
		
		.close-icon-box-detail { position: absolute; font-size: 1.4em; line-height: 1.4em;left: 1.0em;  top:2.5em;display: block;opacity:1;transition:all 1s ease; cursor: pointer; }
		.close-icon-box-main { position: absolute; font-size: 1.4em; line-height: 1.4em;left: 6%;  top:2.2em;d}
		
	}


/*VIDEO*/
.close-icon-box-video { position: fixed;z-index:9999999;right:5.2%; top:2.1em;display: block;opacity:1;transition:all 1s ease; color: #FFF; cursor: pointer;}
.close-icon-box-video span {
	-webkit-transform: scale(2.0) rotate(45deg);
	-moz-transform: scale(2.0) rotate(45deg);
	-ms-transform: scale(2.0) rotate(45deg);
	-o-transform: scale(2.0) rotate(45deg);
	transform: scale(2.0) rotate(45deg);
	display: inline-block;
	font-weight:700;color: #FFF;
}
.close-icon-box-video:hover span {
	-webkit-transform: scale(2.0) rotate(-90deg);
	-moz-transform: scale(2.0) rotate(-90deg);
	-ms-transform: scale(2.0) rotate(-90deg);
	-o-transform: scale(2.0) rotate(-90deg);
	transform: scale(2.0) rotate(-90deg);
	display: inline-block;
	font-weight:700;color: #FFF;
}

/* preloader animation*/


.load-bar {
  position: relative;
  margin: 0 auto;
  width: 100%;
  height: 1px;
  background-color: #FFF;
}
.bar {
  content: "";
  display: inline;
  position: absolute;
  width: 0;
  height: 100%;
  left: 50%;
  text-align: center;
}
.bar:nth-child(1) {
  background-color: #000;
  -webkit-animation: loading 6s linear ;
          animation: loading 6s linear ;
}
.bar:nth-child(2) {
  background-color:#000;
  -webkit-animation: loading 0s linear 1s ;
          animation: loading 0s linear 1s ;
}
.bar:nth-child(3) {
  background-color: #000;
  -webkit-animation: loading 3s linear 2s;
          animation: loading 3s linear 2s;
}

@keyframes loading {
    from {left: 50%; width: 0;z-index:100;}
    33.3333% {left: 0; width: 100%;z-index: 10;}
    to {left: 0; width: 100%;}
}
@-webkit-keyframes loading {
    from {left: 50%; width: 0;z-index:100;}
    33.3333% {left: 0; width: 100%;z-index: 10;}
    to {left: 0; width: 100%;}
}

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background:#FFF;  
  z-index: 999999;}

#status {
  width: 50%;
  height: 1px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: 0px 0 0 -25%; }

@media screen and (max-width:480px) {
	
#status {
  width: 80%;
  height: 1px;
  position: absolute;
  left: 20%;
  top: 50%;
  margin: 0px 0 0 -10%; }	

}
/* loader end */      
 



/*OVERLAY H2*/
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*YOUTUBE-blog*/
.wrapper {
	float: left;
	width:80%; height:auto;
	margin: 0 auto;
	padding:0%;
}
.youtube {
	background-color: #000;
	margin-bottom: 30px;
	position: relative;
	padding-top: 56.25%;
	overflow: hidden;
	cursor: pointer;
}
.youtube img {
	width: 100%;
	top: -16.82%;
	left: 0;
	opacity: 0.7;
}
.youtube .play-button {
	width: 90px;
	height: 60px;
	background-color: #ff0000;
	box-shadow: 0 0 30px rgba( 0,0,0,0.6 );
	z-index: 1;
	opacity: 1.0;
	border-radius: 6px;
}
.youtube .play-button:before {
	content: "";
	border-style: solid;
	border-width: 15px 0 15px 26.0px;
	border-color: transparent transparent transparent #fff;
}
.youtube img,
.youtube .play-button {
	cursor: pointer;
}
.youtube img,
.youtube iframe,
.youtube .play-button,
.youtube .play-button:before {
	position: absolute;
}
.youtube .play-button,
.youtube .play-button:before {
	top: 50%;
	left: 50%;
	-webkit-transform: translate3d( -50%, -50%, 0 );
	        transform: translate3d( -50%, -50%, 0 );
}
.youtube iframe {
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
}

/*VIDEO-OVERLAY-BEGINN*/
/*YOUTUBE*/

#video-box {}
#video-box {
	position: fixed;
	z-index:99999;
	background: #000;
    top:0%;
    left: 0;
    height: 100vh;
    width: 100%;
    overflow: auto;
	color:#000;
	text-align:center;
	display:none;
}

.btn-open {font-weight: 700; cursor: pointer;}

#video-overlay-box {
	position: fixed;
    top:0%;
    left: 0;
    height: 100vh;
    width: 100%;
    overflow: auto;
	z-index:9999999999;
	color:#000;
	text-align:center;
	display:none;
}

#video-overlay-box{
	background:#000;
    height: 100%; 
 }
 
.outer-title {
	position:relative;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    overflow: hidden;
}
.outer-title  {
	display: -webkit-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -moz-box-flex;
	display: flex;
	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
}

.outer-title {color: #FFF; text-align: center}


.play-video-box {float: left; text-align:center; padding:2em 0 1em 0; width: 100%; display: block;}
.play-video {cursor: pointer;}
 
 .play-video {
  background:#000;
  border: solid 1px #000;
  color:#FFF;
  padding: 0.5em 1.5em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 0.5em 0 0.5em 0;
  cursor: pointer;
  text-transform: uppercase;
}



.play-video:hover {color: #FFF;}
 
/*VIDEO-OVERLAY-END*/

/*NAV */
.toggle-icon-box {position:fixed; z-index:9; right:5.0em; top:3.5em;margin:0%; display:none; width: 1.25em; height: auto; opacity: 0.6;}
.nav-icon-box { position:fixed; z-index:100; right:4%; top:3.0em;margin:0%; padding:0px;opacity:1;transition:all 1s ease; display:block; }
.main .c-hamburger{display: none;}
/* Sweep To Right */
#menu-panel{position: fixed; z-index:10; top:0; right:0;width:50%; height:100vh; padding:0% 0 0 0;background: rgba(255, 255, 255, 1);display: none}
.content-menu-panel{ position:relative; margin:0 auto;width:70%; height: 100vh;overflow: auto}

#menu-panel-close{position: fixed; z-index:8; top:0; right:0;width:100%; height:100vh; padding:0% 0 0 0;background: rgba(0, 0, 0, 0.5); display: none; }


.content {
  text-align:left;
  position: absolute;
  width: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #FFF;
}


@media screen and (max-width:480px) {
    
    .toggle-icon-box {display: none;}
	.nav-icon-box {right:2.0em; position: absolute;}
	
	#menu-panel{position: fixed; z-index:10; top:0; right:0;width:100%; height:100%; padding:0% 0 0 0;display: none}
	.menu-main li{list-style:none; display:block; font-size: 10.2vw; line-height:10.2vw;padding:4% 0 4% 8%; margin:2% 0; text-align:left; }

	
	.content {
	  text-align: center;
	  position: absolute;
	  width: 100%;
	  top: 0%;
	  -webkit-transform: inherit;
	  -ms-transform: inherit;
	  transform: inherit;
	}	

}




/*SIDE-MENU-BEGIN*/


.sidebar-navigation {
	
	width: 100%; text-align: left;
  
}
.sidebar-navigation a{color: #FFF;}
.underline-active {opacity: 0.7; }



.sidebar-navigation > ul > li > a {
	font-size: 4.8vw; line-height:4.8vw; text-transform:uppercase;
}
.sidebar-navigation ul {
position: relative;z-index: 2;
  margin: 0;
  padding: 0;
}
.sidebar-navigation ul li {
  display: block;
}
.sidebar-navigation ul li a {
  position: relative;
  display: block;  
  padding: 0.0em 1em;
  text-decoration: none;
  color: #000;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  font-weight: 300;
}

.sidebar-navigation ul li:hover > a, .sidebar-navigation ul li.selected > a {
  opacity: 0.5; 
}
.sidebar-navigation ul li ul {
  display: none; 
  }
.sidebar-navigation ul li ul.open {
  display: block;
}
.sidebar-navigation ul li ul li a {
  color: #fff;
  font-size: 1.0vw; line-height:1.8vw;
  padding: 0px 0em; margin-left:0.2em;
}
.sidebar-navigation ul li ul li a:hover {
  opacity: 0.5;
}
.sidebar-navigation ul li ul li a:before { 
  width: 10px;
  height: 1px;
  margin-right: 5px;
  display: inline-block;
  vertical-align: middle;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.sidebar-navigation ul li ul li:hover > a, .sidebar-navigation ul li ul li.selected > a {
	text-decoration:none;
	color: #fff; opacity: 0.5; 
}
.sidebar-navigation ul li ul li:hover > a:before, .sidebar-navigation ul li ul li.selected > a:before {
  margin-right: 10px;
}
.sidebar-navigation ul li ul li.selected.selected--last > a {
  color: #fff; opacity: 0.5; 
}
.sidebar-navigation ul li ul li.selected.selected--last > a:before {
}

@media screen and (max-width:480px) {
	
	.sidebar-navigation {padding: 45% 0 0 5%;}
	
	.sidebar-navigation > ul > li > a {
		font-size: 8.8vw; line-height:9.8vw; text-transform:uppercase;
	}	


}


/*################### NEWS ########################*/
/**/

 .icon-scroll {margin-left:-0.7em; bottom: 2em; opacity: 1;  display:block; }
 
/*SCROLL-ICON main-slider*/
 
.icon-scroll {
  position: absolute;
  z-index:12;
  left: 50%;  
}
.icon-scroll img{
  width: 1.5em;
  height: auto;
  margin-left: -18px;
  margin-top: -29px;

}


/**/
.overlay-image-100 {position: relative; z-index: 1; width:100%; height: 100vh; overflow: hidden; padding:0; margin: 0;}


.overlay-image-100 .image{
  	float:left;
    top: 0;
    left: 0;
	height: 100vh;
    width: 100%;
    overflow: hidden;
	background:#000;
	padding:0; 
}

.overlay-image-100 .image img {
    height: 100vh;
    width: 100%;  
    object-fit: cover;
	opacity: 0.6;
    margin:0 0 0em 0;
}

.news-single-caption-100 {
    position:absolute;
    top: 0;
    width: 100%;
    padding: 0%;
    height: 100%;
    margin: auto;
    overflow: hidden;
    z-index:11;
    text-align:center;
	color: #faf7f2;
  }
  
.news-single-caption-100  {
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -moz-box-flex;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
    
  }

.overlay-image-100 h1{margin: 0 0 0.2em 0%; width: 100%;;color: #FFF;font-family: 'Open Sans', sans-serif; }

.caption-overlay-box {width: 100%;text-align: center;text-shadow: 0px 0px 6px rgba(0,0,0,0.0);}
.caption-overlay-box h1 {font-size: 4.2vw; line-height:4.8vw;margin: 0; font-weight: 700; text-align: left; color: #FFF;}
.caption-overlay-box h1 { text-transform: uppercase;width: 40%; padding: 0 10% 0 10%; }
.caption-overlay-box h2 {font-size: 1.2vw; line-height:1.6vw;padding: 0 10% 0 10%; margin: 0; font-weight: 300; text-align: left; color: #FFF;}
.caption-overlay-box h2 {text-transform: none;}
.caption-overlay-box a {color: #FFF;}

.hyphenate {

   hyphenate-limit-chars: auto 5;
   hyphenate-limit-lines: 2;
    
      }


@media screen and (max-width:1680px) {
    
    .single-container {position: relative;  width: 100%; font-size: 1.8vw; line-height:2.4vw; }
    .single-container strong {font-size: 1.8vw; line-height:2.4vw;}
    .single-container h4 {font-size: 1.8vw; line-height:2.4vw;}
    
}

@media screen and (max-width:480px) {
    
    .overlay-image-100 {position: relative; z-index: 9; width:100%; height: 90vh; overflow: hidden; padding:0; margin: 0;}
    .overlay-image-100 h1{margin: 0 0 0.2em 5%; width: 95%; background: rgba(218,38,41,0.0);color: #FFF;}
    
    .overlay {opacity: 1;visibility:visible;background: rgba(0,0,0, 0.4);}
    .caption-overlay-box h1 {font-size: 6.8vw; line-height:8.4vw;padding:0.2em 0 0 0; margin: 0 10%;}  
    .caption-overlay-box {font-size: 3.8vw; line-height:5.4vw;padding:0.2em 0 0 0; margin: 0 10%;font-weight:400;}

}

/*hamburger*/

.c-hamburger:focus {
  outline: none;
}

.c-hamburger {
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0 0 0 0;
  width: 2.3em;
  height: 2.8em;
  text-indent: -9999px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  -webkit-transition: background 0.3s;
          transition: background 0.3s; 
}

.c-hamburger span {
    display: block;
  position: absolute;
   top: 1.0em;
  left: 0px;
  right: 0px;
  height: 3px;
  background: #000;
}

.c-hamburger span::before, .c-hamburger span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 3px;
  content: "";
}
	


.c-hamburger span::before {
	background:#000;
  top: -0.7em;
}

.c-hamburger span::after {
	background:#000;
  bottom: -0.7em;
}

.detail .c-hamburger span {background: #FFF;}
.detail .c-hamburger span::before {
	background:#FFF;
  top: -0.7em;
}

.detail .c-hamburger span::after {
	background:#FFF;
  bottom: -0.7em;
}

@media screen and (max-width:480px) {

	
	.c-hamburger span {
	  display: block;
	  position: absolute;
	  top: 1em;
	  left: 0px;
	  right: 0px;
	  height: 3px;
	  background: #000;
	}

	.c-hamburger span::before, .c-hamburger span::after {
	  position: absolute;
	  display: block;
	  left: 0;
	  width: 100%;
	  height: 3px;
	  background:#000;
	  content: "";
	}

}

/**
 * Style 2
 * 
 * Hamburger to "x" (htx). Takes on a hamburger shape, bars slide
 * down to center and transform into an "x".
 */

.c-hamburger--htx span {
  -webkit-transition: background 0s 0.3s;
          transition: background 0s 0.3s;
}

.c-hamburger--htx span::before,
.c-hamburger--htx span::after {
  -webkit-transition-duration: 0.3s, 0.3s;
          transition-duration: 0.3s, 0.3s;
  -webkit-transition-delay: 0.3s, 0s;
          transition-delay: 0.3s, 0s;
}

.c-hamburger--htx span::before {
  -webkit-transition-property: top, -webkit-transform;
          transition-property: top, transform;
}

.c-hamburger--htx span::after {
  -webkit-transition-property: bottom, -webkit-transform;
          transition-property: bottom, transform;
}

/* active state, i.e. menu open */
.c-hamburger--htx.is-active {
}

.c-hamburger--htx.is-active span {
  background: none;
}

.c-hamburger--htx.is-active span::before {
  top: 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
		  background:#000;
}

.c-hamburger--htx.is-active span::after {
  bottom: 0;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
		   background:#000;
}

.c-hamburger--htx.is-active span::before,
.c-hamburger--htx.is-active span::after {
  -webkit-transition-delay: 0s, 0.3s;
          transition-delay: 0s, 0.3s;
}



/**
 * Style 2
 * 
 * Hamburger to "x" (htx). Takes on a hamburger shape, bars slide
 * down to center and transform into an "x".
 */
.c-hamburger--htx {
	
}

.c-hamburger--htx span {
  -webkit-transition: background 0s 0.3s;
          transition: background 0s 0.3s;
}

.c-hamburger--htx span::before,
.c-hamburger--htx span::after {
  -webkit-transition-duration: 0.3s, 0.3s;
          transition-duration: 0.3s, 0.3s;
  -webkit-transition-delay: 0.3s, 0s;
          transition-delay: 0.3s, 0s;
}

.c-hamburger--htx span::before {
  -webkit-transition-property: top, -webkit-transform;
          transition-property: top, transform;
}

.c-hamburger--htx span::after {
  -webkit-transition-property: bottom, -webkit-transform;
          transition-property: bottom, transform;
}

/* active state, i.e. menu open */
.c-hamburger--htx.is-active {
}

.c-hamburger--htx.is-active span {
  background: none;
}

.c-hamburger--htx.is-active span::before {
  top: 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
		  background:#000;
}

.c-hamburger--htx.is-active span::after {
  bottom: 0;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
		   background:#000;
}

.c-hamburger--htx.is-active span::before,
.c-hamburger--htx.is-active span::after {
  -webkit-transition-delay: 0s, 0.3s;
          transition-delay: 0s, 0.3s;
}


/*GRID ARCHIVE start*/
.slot-grid {float: left; width: 92%; margin: 0 4%; text-align: left;}

.grid {
  position: relative;
  width: 100%; margin: 0 0%;
  
}

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- .grid-item ---- */
.grid-sizer,
.grid-item {	
  width: 18%;
  margin: 1%;
  padding:0%; 
  float: left;
  display: block;
  overflow: hidden;
}

.grid-item {
  float: left;  
  text-align: left;
}


.grid-item img {
  display: block;
  max-width: 100%;
}

.grid-item-box {padding: 1em 0 0 0; text-align: left;}
	
.grid-item-content {float: left; padding: 0.3em 0;}	
.grid-item-content-date {float: right;font-size: 1.0vw; line-height:1.3vw; padding: 0 0 1em 0;}




@media screen and (max-width:480px) {
	
	.grid-item h2{text-align: left;font-size: 5.2vw; line-height:6.8vw;padding:0% 0 2% 0;}	
	
	.grid-sizer,
	.grid-item {
	  width: 100%;
	  margin: 0.5% 0.5% 4.0% 0.5%;
	}	

}

.grid-item .overlay {
  position: absolute;
  top: 0;
  bottom:0.0em;
  left: 0;
  right: 0;
  height:auto;
  width:auto;
  padding: 5%;
  text-align: center;
  transition: .5s ease;
  background: rgba(0,0,0, 0.0);
  opacity:0;
  color: #FFF;
  visibility: hidden;
  margin: 0 0 0% 0;
  text-transform: uppercase;
}

.grid-item .overlay {
    display: -webkit-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -moz-box-flex;
	display: flex;
  	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: center;
	color: #FFF;
}

.grid-item .img {overflow: hidden;}
.grid-item img {padding: 0; margin: 0;}

.grid-item .overlay h2 {color: #FFF; text-align: center; padding: 0; margin: 0; font-size: 1.2vw; line-height:1.6vw; font-weight: 700;}



@media(hover: hover) and (pointer: fine) {
    .grid-item:hover .overlay {
	  transition: .5s ease;
	  opacity:1.0;
	  visibility: visible;
	  background: rgba(0, 0, 0, 0.5);  
	  -webkit-user-select: none; -webkit-touch-callout: none;
	}
	
}

@media screen and (max-width:480px) {
	

	
	.grid-item .overlay h2 {font-size: 6.2vw; line-height:8.8vw; }
	.grid-item .overlay h2 b {font-size: 6.2vw; line-height:6.8vw;}
	
	
}

/*GRID ARCHIVE end*/



/*DATENSCHUTZ*/
.cookie-box {
  position: fixed;
  z-index: 9;
  left: 0;
  right: 0;
  bottom: -18em;
  text-align: center;
  padding: 4em 0em;
  background: #111;
  transition : all 1.5s ease;
}
.slot-cookie-box{ position:relative;width: 80%;padding: 0 10%; margin: 0 0 0 0%; text-align:left;}
.cookie-box-left { float: left; width: 68%; padding: 0 2% 0 0%; text-align: left; color:#FFF;font-size: 1.0vw; line-height:1.4vw;}
.cookie-box-left a{color: #FFF; text-decoration: none; font-weight: 700;}
.cookie-box-right { float: left; width: 30%; text-align: right;}

.cookie-box--hide {
  opacity: 0;
  display: none;
  bottom: -100%;
}

.cookie-button {
  display: inline-block;
  cursor: pointer;
  padding: 1.0em 3.0em;
  text-align: center;
  border: solid 1px #FFF;
  color: #FFF;
  background:transparent;
  font-size: 0.9em; line-height: 0.9em;
  border-radius: 2em;
}


@media screen and (max-width:480px) {	
	.cookie-box {width:90%;padding: 4em 5% 4em 5%;bottom: -42em;}
	.slot-cookie-box{ position:relative;width:90%;padding:0 5% 0% 5%; margin: 0 0 0 0%; text-align:left;}
	.cookie-box-left { float: left; width: 100%; padding: 0 0% 2em 0%; text-align: left;font-size: 4.8vw; line-height:6.4vw;}
	.cookie-box-right { float: left; width: 100%; text-align: left;}
}