@charset "UTF-8";
/* CSS Document */

/*** Enable smooth scrolling on the whole document */
html {scroll-behavior: smooth;}
* {box-sizing: border-box}

/*---Links---*/

a {text-decoration: none; outline: none;}
a:link, a:visited {color: #888;}
a:hover {color: #993300;}
a:active, a:focus {color: #993300;}

.mailaddress {padding: 5px;}

/*----Basic Layout----*/

body {
	font-family: 'Montserrat', sans-serif;
	color: #6D7282;
	background-color: #0d0d0d;
	position: relative;
	}
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
	}
.container {
	margin: auto;
	width: 100%;
	max-width:1280px;
	padding: 2%;
}

/*----header + menus----*/
h1, h2, h3, h4 {font-family:'Montserrat', sans-serif;}

h1 {font-size:220%;}
h2 {
	font-size:160%;
	letter-spacing:1px;
	text-transform: uppercase;
	}
h3 {}
h4 {}

.menu{
	min-width: 60%;
	width: 100%;
	text-align: justify;
	}
.menu li{
	font-family: 'Montserrat', sans-serif;
	font-size:86%;
	display: inline-block;
	text-transform: uppercase;
    text-align: center;
	padding: 8px;
    border-left: #6C6C6C 12px ;
/*	letter-spacing: 1px;*/
	}
#menuTop {text-align:center;}
#menuTopKlein {text-align:center; font-size:70%; padding: 20px;}
#menuBottom {text-align:right;}

.submenu {padding: 0px}
.submenu li{
	display:inline-block;
	font-size: 80%;
	padding: 10px 6px;
}
.submenu  a:link, .submenu  a:visited {color: #240000;}
.submenu  a:hover {color: #B62D11; background-color: #EDEDED; text-decoration: none;}
.submenu  a:active, .submenu  a:focus {color: #B62D11;}

#menuStoryboard {
	font-size:120%;
	display: inline;
	text-transform: uppercase;
	padding: 0px;
}


.herbielogo {
	width: 100%;
	display: flex;
	flex-direction: row;
/*	text-align:left;*/
}
.tophead {
	font-size:160%;
	margin-top: 25px;
	letter-spacing:1px;
	text-transform: uppercase;
}
.herbieportrait {
	width: 50%;
	margin: 70px auto;
}

.herbielogoSUB img{
	width:20%;
	float: left;
}
.page_headline {
	font-family: 'Montserrat', sans-serif;
	font-size:386%;
	display: inline-block;
	text-transform: uppercase;
	padding: 8px;
	}
.hr {
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	padding: 10px;
	/*padding-top: 200px;*/
	height: 20px;/*	background: #fff url(images/flourishGrey.jpg) no-repeat scroll center;*/
}

.Logoparade {
	margin: auto;
	padding-top: 200px;
	text-transform:uppercase;
}
#Logobild {
	min-width:80%;
}
.artikelblock {
	position:relative;
	margin: auto;
	background-color: #262626;
	width:100%;
	max-width: 1280px;	
}
.headline {
	width: 100%;
/*	float:left;*/
	font-family: 'Montserrat', sans-serif;
	text-transform:uppercase;
	text-align: left;
	font-size:300%;
	letter-spacing:3px;
	color:#CCC;
	padding-bottom:20px;
}
.SUBheadline {
	width: 100%;
/*	float:left;*/
	font-family: 'Montserrat', sans-serif;
	text-transform:uppercase;
	text-align: center;
	font-size:200%;
	letter-spacing:2px;
	color:#CCC;
	padding-bottom:20px;
}
.anchor:hover {color:#CCC;}
	
	/*----slideshow----*/	
.cycle-slideshow { 
	width: 100%;
	padding-bottom:20px;
	/*padding:10px 0;
	margin:10px 0;*/
	}
.cycle-slideshow img { width: 100%; height: auto }	
	
#slidesGraphics {}
#slidesIllustration {}	

toplink {
	max-width:100%;
	overflow:hidden;
	}
BT_top {
	overflow: hidden;
	display: block;
	}
BT_top img {
	position:absolute;
	width: 50%;	
	top:0;
	right:0;
	}	
BT_top img:hover {}

.content{
	padding: 20px 0px 40px 0px;
	margin-top: 5px;
	line-height:180%;
	}
.content a {
	font-family: 'Montserrat', sans-serif;
	}
#fliesstext {
	text-align: center;	/*padding-top:100px;*/
	}

/*----video overlay----*/	

#animatic_overlay {
	 position: fixed; /* Sit on top of the page content */
  display: none; /* Hidden by default */
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5); /* Black background with opacity */
  z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer; /* Add a pointer on hover */
}

#animatic { margin-top: 200px; }
#realfilm { margin-top: 200px; }
.dummybild {
	margin:0 auto;
	width:80%;
	max-width:800px;	
	}

.submenu {
	list-style-type: none;
	text-align: center;
	margin: 0;
	padding: 0;
	
}


.footer {
	width:100%;	
	background-color:#FFF;
	position:fixed;
	bottom:0;
	z-index:9999;
	font-size:70%;
	}		

#menuFooter {
	text-align:center;
	margin:auto;
}

.posterFrame {
	max-width: 600px;
	text-align: center;
	margin:20px auto;
	padding: 32px	0;
	display:block;
}