@font-face { font-family: 'Stymie';src: url('fonts/2E04CD_0_0.eot');src: url('fonts/2E04CD_0_0.eot?#iefix') format('embedded-opentype'),url('fonts/2E04CD_0_0.woff2') format('woff2'),url('fonts/2E04CD_0_0.woff') format('woff'),url('fonts/2E04CD_0_0.ttf') format('truetype'),url('fonts/2E04CD_0_0.svg#wf') format('svg');}

body { font-size:1.6rem; letter-spacing:0.05rem; background-color:#e8e9e9; color:#202769; overflow-y:scroll; }
body.filmografie { background-color:#202769; color:#fff; }
body.filmografie.detail { background-color:#e8e9e9; color:#202769; }
body.home { background-color:#202769; }
.container { max-width:1600px; }
    
header { height:185px; }
header .container { position:relative; text-align:center; }
.home header { position:absolute; z-index:10; width:100vw; }

.homeshow { min-height: 20vh; }
#logo {  }
#logo img { padding-left:16px; }
#mainnav { position:absolute; right:0; top:35px; z-index:50000; }
#mainnav .active a, #mainnav a:hover,
.filmografie.detail #mainnav .active a, .filmografie.detail #mainnav a:hover { padding-bottom:2px; border-bottom:2px solid #202769; }
#mainnav ul, footer ul, .option-set, #slider { text-align:left; padding:0; margin:0; list-style:none; }
#mainnav ul { text-align:right; }
#mainnav li, footer li { display:block; list-style:none; margin-bottom:0; }
.prev, .next { position:fixed; top:350px; width:380px; height:40px; font-size:1.8rem; }
.prev { left:-170px; text-align:right; transform: rotate(90deg); background:url("../img/prevarr.png") bottom right no-repeat; }
.next { right:-170px; transform: rotate(-90deg); background:url("../img/prevarr.png") top left no-repeat; }
.prev span, .next span { width: 275px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.option-set { width:100%; margin-bottom:2rem; text-align:center; }
.option-set li { display:inline-block; padding:0 15px; }
#content { z-index:100; min-height:600px; background-color:#e8e9e9; }
.page-content { min-height:600px; }
.home .page-content { min-height:0; }
.home #content { min-height:0; }
.project-intro { text-align: center; }
.presse .project-intro { text-align:left; }
.page-text { margin:10px 10px 20px 0; width:450px; }
footer { background-color:#202769; color:#fff; }
footer .container { padding-top:50px; padding-bottom:90px; }
footer .column, article { margin-bottom:45px; }
footer address { font-family: "Stymie"; font-size:1.7rem; line-height:1.4; letter-spacing:.15rem; font-style: normal; text-transform:uppercase; }
footer ul { font-size:1.8rem; }

#slider { position:relative; min-height:100vh; z-index:0; }
#slider figure { position:relative; height:100vh; top:0; z-index:0; }
#slider figure img { width:100vw !important; min-height:100vh !important; object-fit:cover; }
#slider figcaption { position:absolute; bottom:40px; left:0; right:0; height:auto; min-height:auto; z-index:100; letter-spacing: .15rem; color:#fff; }
#slider p { font-size:2.1rem; }

a, .filmografie.detail a, .filmografie.detail #mainnav a:hover, .filmografie.detail #mainnav .active a { color: #202769; text-decoration: none; }
a:hover { color: #202769; border-bottom:1px solid #202769; }
a#logo, .slick_nav a:hover, a.prev:hover, a.next:hover, .slicknav_menu a:hover { border-bottom:0; }
#mainnav a, .option-set a, footer a { font-size:1.8rem; line-height:1.15; font-weight:800; }
footer a { font-weight:300; }
.filmografie a, footer a, .filmografie.detail footer a { color:#fff; }
.filmografie #mainnav .active a, .filmografie #mainnav a:hover, .option-set li a:hover, .option-set li a.current, footer a:hover { padding-bottom:1px; color:#fff; border-bottom:2px solid #fff; }
.button { border-color:#fff; color:#fff; background: #202769; text-transform: none; font-size:1.4rem; line-height:1.2; font-weight:400; border-radius:4px; height:auto; padding:3px 16px; border-width:1px; }
.button:hover { border-color:#202769; background:#fff; color:#202769; }
figcaption .button { margin-top:-10px; background:#fff; }

h1, h2, h3, h4, h5, h6, .prev, .next { font-family: "Stymie"; }
h1 { text-align:center; font-size: 3.5rem; line-height: 1.25; letter-spacing: .15rem; margin:0 !important;}
.filmografie h1 { font-size: 1.9rem; margin-top:0; }
.slicknav_menu h1 { float:left; margin:0 auto; color:#fff; font-size:1.9rem; padding:8px 0 0 10px; }
h2 { font-size: 2.8rem; line-height: 1.25; letter-spacing: .15rem; }
h3 { font-size: 3.0rem; line-height: 1.3;  letter-spacing: -.1rem; }
h4 { font-size: 2.4rem; line-height: 1.35; letter-spacing: -.08rem; }
h5, em { font-size: 1.8rem; line-height: 1.35;  letter-spacing: .15rem; font-weight:600; }
h6 { font-size: 1.5rem; line-height: 1.6;  letter-spacing: 0; }
.project-intro h2 { margin-bottom:0; }
p+h1, figcaption p:first-child, p+a { margin-bottom:0; }
.filmografie p { font-size:1.4rem;}
.project-intro p { font-size:1.6rem; }
p { margin:0; }
em { font-style: normal; }
u { display:inline-block; padding:2px 6px; font-size:1.1rem; line-height:1.3; text-decoration:none; color:#fff; background-color:#202769; }
.home #mainnav a { text-shadow: 0 0 8px #ffffff;}
.home h1 { letter-spacing:0.05em; }

.fileGroup { margin-bottom: 20px; width:100%; clear:both; }
.home .fileGroup { margin-bottom:0; }
.slideshow { clear: both; color: #666; }
.slideshow img { cursor:url(icons/cursornext.png), auto; }
.slideshow-nav { margin-bottom: 3px; text-align:center; font-size: 1.4rem; }
.slides { margin:0 auto; }

.textblock { margin-bottom:35px; }
.textblock.five.columns img { width:100%; height:auto; }
.presse .textblock { padding-bottom:25px; }
.file { margin-bottom: 10px; }
.one-by-one .file img { margin: 60px auto 60px auto; height:60vh; width:auto; }
.file img { display: block; padding: 0; margin: 0; }
.file .info { margin-top: 5px; font-size: 0.9em; width: 450px; }
.file .info .title { font-weight: bold; color: #EF2400; }
.file .info .caption {  }
.slideshow .file { background-color:#e8e9e9 !important; }
.slideshow .file .info .title { color:#202769; }

figure { overflow:hidden; outline:none; margin:0 !important; }
figure img { width:100%; height:auto; }
figcaption { display: block; min-height:70px; margin-bottom: 5px; text-align: center; }
.project.active figcaption { color: #EF2400; }

.tags { margin-bottom: 20px; font-size: 0.9em; color: #999; }
.project-intro .tags { margin-bottom: 0; }
.tags a { color: #666; }
.tags a:hover { color: #999; }
.project-intro { float: left; clear: both; width: 100%; margin-bottom: 20px; }
.last { margin-right: 0; }

.filmografie .grid-item { float: left; width: 100%; margin: 0; padding-bottom:60px; }
#news { background-color:#e8e9e9; }
#news .container { padding:20px 0; }
.newsitem { background:#fff; margin-bottom:25px; min-height:220px; }
.newsitem div { padding: 20px; }

hr { border-top: 1px solid #202769; }

.presse .textblock a:before{ content: url('icons/_blank.png'); margin-right: 6px; vertical-align: middle; }
.presse .textblock a[href$='.pdf']:before { content: url('icons/pdf.png'); }
.presse .textblock a[href$='.doc']:before,.presse .textblock a[href$='.rtf']:before,.presse .textblock a[href$='.txt']:before { content: url('icons/doc.png'); }
.presse .textblock a[href$='.docx']:before { content: url('icons/docx.png'); }
.presse .textblock a[href$='.xls']:before { content: url('icons/xls.png'); }
.presse .textblock a[href$='.xlsx']:before { content: url('icons/xlsx.png'); }
.presse .textblock a[href$='.zip']:before { content: url('icons/zip.png'); }


/* Media Queries */

/* Larger than mobile */
@media (min-width: 300px) {
  header { height:85px; }
  article { position:static !important; min-height:auto; }
  #logo { display:none; }
  #mainnav { display:none; }
  .slicknav_menu { display:block; }
  .home header { padding-top:48px; }
 .prev, .next { z-index:15000; top:45px; width:30px; transform: none; border:0; font-size:2.4rem; }
 .prev { left:15px; background:none; }
 .next { right:15px; background:none; }
 .prev span, .next span { display:none; }
 .next:before { content: "\2192"; }
 .prev:before { content: "\2190"; }
  h2 { font-size: 2.0rem; line-height: 1.25; letter-spacing: .15rem; }
}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {
  header { height:85px; }
  .filmografie .grid-item { float: left; width: 48%; margin: 0 1%; }
}

/* Larger than tablet */
@media (min-width: 959px) {
  #logo { display:block; position:relative; z-index:30000; }
  #mainnav { display:block; }
  header { height:185px; padding-top:0; }
  .filmografie .grid-item { float: left; width: 23%; margin: 0 1%; }
  article { position:absolute; min-height:300px; }
 .home header { padding-top:0; }
  .three.columns { width:22%; }
 footer .one-third.column { width:30.6666666667%; }
 footer ul.serv { display:block; }
  #slider { top:0; }
 .slicknav_menu { display:none; }
 .prev, .next { display:block; position:fixed; top:350px; width:380px; height:40px; font-size:1.8rem; }
 .prev { left:-170px; text-align:right; transform: rotate(90deg); background:url("../img/prevarr.png") bottom right no-repeat; }
 .next { right:-170px; transform: rotate(-90deg); background:url("../img/prevarr.png") top left no-repeat; }
 .prev span, .next span { display:inline-block; }
 .next:before { content: ""; }
 .prev:before { content: ""; }
  h2 { font-size: 2.8rem; line-height: 1.25; letter-spacing: .15rem; }
}

/* Larger than desktop */
@media (min-width: 1000px) {
 .home header { padding-top:0; }
 .filmografie .grid-item { float: left; width: 23%; margin: 0 1%; }
}

/* SlickNav
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.slicknav_btn {
  position: relative;
  display: block;
  vertical-align: middle;
  float: right;
  padding: 0.438em 0.625em 0.438em 0.625em;
  line-height: 1.125em;
  cursor: pointer; }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
  margin-top: 0.188em; }
.slicknav_menu {
  position: fixed;
  width: 100%;
  z-index: 50000;
  *zoom: 1; }
.slicknav_menu .slicknav_menutxt {
  display: block;
  line-height: 1.188em;
  float: left; }
.slicknav_menu .slicknav_icon {
  float: left;
  margin: 0.188em 0 0 0.438em; }
.slicknav_menu .slicknav_no-text {
  margin: 0; }
.slicknav_menu .slicknav_icon-bar {
  display: block;
  width: 1.125em;
  height: 0.125em;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
.slicknav_menu:before {
  content: " ";
  display: table; }
.slicknav_menu:after {
  content: " ";
  display: table;
  clear: both; }

.slicknav_nav {
  clear: both; }
.slicknav_nav ul {
  display: block; }
.slicknav_nav li {
  display: block; }
.slicknav_nav .slicknav_arrow {
  font-size: 0.8em;
  margin: 0 0 0 0.4em; }
.slicknav_nav .slicknav_item {
  cursor: pointer; }
  .slicknav_nav .slicknav_item a {
    display: inline; }
.slicknav_nav .slicknav_row {
  display: block; }
.slicknav_nav a {
  display: block; }
.slicknav_nav .slicknav_parent-link a {
  display: inline; }
.slicknav_brand {
  float: left; }
.slicknav_menu {
  font-size: 16px;
  box-sizing: border-box;
  border-bottom:1px solid #e8e9e9;
  background: #202769;
  padding: 5px; }
.slicknav_menu * {
  box-sizing: border-box; }
.slicknav_menu .slicknav_menutxt {
  color: #fff;
  font-weight: bold;
  text-shadow: 0 1px 3px #000; }
.slicknav_menu .slicknav_icon-bar {
  background-color: #fff; }

.slicknav_btn {
  margin: 5px 5px 6px;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  background-color: #202769; }

.slicknav_nav {
  color: #fff;
  margin: 0;
  padding: 0;
  font-size: 1.8rem;
  list-style: none;
  overflow: hidden; }
.slicknav_nav ul {
  list-style: none;
  overflow: hidden;
  text-align:right;
  padding: 0;
  margin: 0; }
.slicknav_nav .slicknav_row {
  padding: 3px 8px;
  margin: 1px 5px; }
  .slicknav_nav .slicknav_row:hover {
    background: #ccc;
    color: #fff; }
.slicknav_nav a {
  padding: 3px 8px;
  margin: 1px 5px;
  text-decoration: none;
  color: #fff !important; }
  .slicknav_nav a:hover {
    background: #ccc;
    color: #222; }
.slicknav_nav .slicknav_txtnode {
  margin-left: 15px; }
.slicknav_nav .slicknav_item a {
  padding: 0;
  margin: 0; }
.slicknav_nav .slicknav_parent-link a {
    padding: 0;
    margin: 0; }

.slicknav_brand {
  color: #fff;
  font-size: 18px;
  line-height: 30px;
  padding: 7px 12px;
  height: 44px; }