article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display:block; }
audio, canvas, video { display:inline-block; *display:inline; *zoom:1; }
audio:not([controls]) { display:none; }
html { font-size:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
a{color: #adb3b6;}
a:hover, a:active { outline:0; text-decoration:none; color: #adb3b6;}
sub, sup { position:relative; font-size:75%; line-height:0; vertical-align:baseline; }
sup { top:-0.5em; }
sub { bottom:-0.25em; }
img { max-width:100%; width:auto\9; height:auto; vertical-align:middle; border:0; -ms-interpolation-mode:bicubic; }
button, input, select, textarea { margin:0; font-size:100%; vertical-align:middle; }
button, input { *overflow:visible; line-height:normal; }
button::-moz-focus-inner, input::-moz-focus-inner { padding:0; border:0; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance:button; cursor:pointer; }
label, select, button, input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"] { cursor:pointer; }
input[type="search"] { -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; -webkit-appearance:textfield; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance:none; }
textarea { overflow:auto; vertical-align:top; }

body { margin:0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:100%; color:#fff; background-color:rgba(0,0,0,0); }
small { font-size:85%; }
strong { font-weight:bold; }
em { font-style:italic; }
cite { font-style:normal; }
textarea, select, input { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
h1, h2, h3, h4, h5, h6, caption, th, a.nachOben, #reset { font-family:"ClanWebPro-NarrMedium", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:normal; line-height:normal; text-transform:uppercase; text-rendering:optimizelegibility; -webkit-font-smoothing:antialiased; zoom:1; }
a:link { text-decoration:none; }

html { background: #000 url(../img/bgpf51.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
header, #container, section, footer { width:952px; padding:0 14px 0 15px; margin:0 auto; background-color:#000; }
header { margin-top:0.6875em; padding:0; width:981px; }
nav.metaNav ul { list-style:outside none none; margin:0 0.714285em 0 0; padding:0; float:right; font-size:0.875em; }
nav.metaNav ul.sprachauswahl { margin-left:0.642857em;  }
nav.metaNav li { float:left; }
nav.metaNav li:after { content:"|"; color:#5f676b; position:relative; top:-1px; }
nav.metaNav li:last-child:after { display:none; }
nav.metaNav a { color:#fff; display:inline-block; padding:0.857143em 0.428571em; }
nav.metaNav a.inaktiv { color:#5f676b; }

/* Logos */
div.logoContainer { position:relative; clear:both; padding-bottom:1.4375em; overflow:hidden; }
div.logoContainer a { display:inline-block; }
a.logo180 { padding:1.125em 1.125em 0 1.125em; }
object.logo180 { width:205px; height:57px; pointer-events:none; }
a.logoGI { float:right; padding:1.3125em 1em 1.4375em 2.6875em; }
object.logoGI { width:102px; height:48px; pointer-events:none; }

/* Sections */
section { border-top:1px dashed #5f676b; position:relative; }
section .accordion { position:relative; overflow: hidden;}
section a.toggle { width: 950px; height:56px; background-repeat:no-repeat; background-image:url(../img/toggle.gif); background-position:center 20px ; display:block;  }
section a.toggle:hover { background-image:url(../img/toggle_over.gif); }
section .accordion.active a.toggle {background-image:url(../img/toggle_aktiv.gif)}
section .accordion.active a.toggle:hover {background-image:url(../img/toggle_aktiv_over.gif); }
section .accordion_toggle.current a.toggle { background-image:url(../img/toggle_aktiv.gif); position:absolute; bottom:0; }
section .accordion_toggle.current a.toggle:hover { background-image:url(../img/toggle_aktiv_over.gif); }
section a.toggle span { font:0/0 a; color:transparent; position:absolute; left:-9999px; top:-9999px; }
section h2 { margin:0 0 2px 0; text-align:left; line-height:1; font-size:1.125em; color:#e4e6e7; padding: 3px 0 0 0;}
section h2 a { color:inherit; }
section.staedte h2 a.filter  { color:#5f676b;}
section.staedte h2 a.active, section.staedte h2 a.highlight { color:#c9cdcf; }
section.staedte h2 a:hover.filter {text-decoration: none; color: #fff; }
section p { margin:0; font-size:0.875em; color:#adb3b6; text-align:left; line-height:1.28571; }
section h4 { margin:0; color:#788287; font-size:0.75em; line-height:1; position:absolute; top:-18px; z-index: 200;}
section.introText .accordion_content,section.episoden .accordion_content, section.staedte .accordion_content { padding-bottom:56px; }
section .accordion_content{position: absolute; top: 0; left: 0; background: #000;}
section .accordion_toggle{position: relative; top: 0; left: 0; z-index: 100; padding-bottom: 56px; background: #000;}
section .toggle{position: absolute; bottom: 0; left: 0; background-color: #000; z-index:100;}


/* IntroText */
section.introText { padding-top:7px; border-top:0 none; clear:both; }
section.introText .accordion_toggle.current { padding-bottom:18px; }
section.introText .accordion_toggle p { text-overflow:ellipsis; /*white-space:nowrap;*/ overflow:hidden; }
section.introText .accordion_toggle.current p { overflow:visible; white-space:inherit; }

/* Staffeln */
section.episoden .episodenContainer { width:100%; text-align: justify;}
section.episoden .accordion_toggle .episodenContainer { height: 20px;}
section.episoden h2 { padding:2px 0 0 0 !important; display: inline-block;/* IE fix. */*display: inline; zoom: 1;}
section.episoden h2 .datum { font-size:0.666667em; line-height:1; position:relative; top:-2px; }
section.episoden h2.e4 { text-align:right; }
section.episoden h2 a { display:block; padding:0; }
section.episoden h2.active{color: #c9cdcf;}
section.episoden h2.active:hover, section.episoden h2 a:hover{color: #c9cdcf;text-decoration: none;}
section.episoden h2, section.episoden h3, section.episoden p { color:#5f676b; }
section.episoden .aktiv, section.episoden .aktiv h2, section.episoden .aktiv p { color:#adb3b6; }
section.episoden h3 { text-align:left; margin:0; font-size:0.875em; line-height:1; }
section.episoden .episodenContainer div { padding-bottom:2.25em; }
.episoden .accordion_content .episodenContainer div.e7 { /*! padding-bottom:0; */ }
section.episoden .episodenContainer:after {content: "";width: 100%;display: inline-block;}
section.episoden a.toggle { clear:both; }
section.episoden .accordion_toggle {height: 60px;}
/* Staffeln current */
.accordion_toggle.current h2 { display:none; }
.accordion_toggle.current h2.aktiv { display:inline-block; }
.episodenContainer{padding-top: 9px;}
.episodenContainer p { margin-top:0.5em; }

/* Städte */
section.staedte { padding-top:10px; }
/*section.staedte .staedteContainer { display:table; width:100%; }*/
section.staedte .staedteContainer { text-align:justify; height: 20px; overflow: hidden;}
section.staedte .staedteContainer a.bogota{ cursor: default; }
section.staedte .staedteContainer a:hover.bogota{ color: #474d50; }
.staedteContainer + .staedteContainer { margin-top:10px; }
.accordion_toggle.current .staedteContainer + .staedteContainer { margin:0; }
/*section.staedte h2 { display:table-cell; width:15%; white-space:nowrap; margin-bottom:10px; color:#474d50; }*/
section.staedte h2 {display: inline-block; vertical-align: top;/* IE fix. */*display: inline; zoom: 1; white-space:nowrap; margin-bottom:10px; color:#474d50; /*! text-align: center; *//*! width:  15%; */padding: 4px 0px 0 0px;}
section.staedte .staedteContainer:after {content: "";width: 100%;display: inline-block;}
.kartenContainer { position:relative; margin-top:20px; }
.kartenContainer img { position:relative; z-index:1; top:0; left:0; }
section.staedte .kartenContainer h2 { display:inline-block; position:absolute; z-index:11; color:#c9cdcf; }
h2.antwerpen { left:329px; top:78px;  }
h2.athen { left:495px; top:158px; }
h2.barcelona { left:342px; top:158px; }
h2.berlin { left:461px; top:98px; }
h2.bordeaux { left:306px; top:119px;}
h2.bruessel { left:329px; top:98px; }
h2.bogota { left:184px; top:244px; }
h2.hamburg { left:439px; top:78px; }
h2.kolkata { left:639px; top:199px; }
h2.koeln { left:409px; top:98px; }
h2.leipzig { left:458px; top:119px; }
h2.madrid { left:380px; top:139px; }
h2.manila { left:699px; top:239px; }
h2.muenchen { left:455px; top:139px; }
h2.montreal { left:160px; top:118px; }
h2.moskau { left:628px; top:98px; }
h2.nuernberg { left:527px; top:119px; }
h2.oslo { left:470px; top:58px; }
h2.paris { left:403px; top:119px; }
h2.peking { left:619px; top:153px; }
h2.pilsen { left:545px; top:139px; }
h2.rio { left:338px; top:314px; }
h2.rom { left:449px; top:158px; }
h2.sansebastian { left:243px; top:139px; }
h2.stpetersburg { left:528px; top:78px;}
h2.sydney { left:800px; top:344px; }
h2.tokyo { left:755px; top:164px; }
h2.warschau { left:528px; top:98px; }

html[lang="en"] h2.antwerpen { left:279px; top:78px;  }
html[lang="en"] h2.berlin { left:451px; top:98px; }
html[lang="en"] h2.bordeaux { left:293px; top:119px;}
html[lang="en"] h2.bruessel { left:361px; top:98px; }
html[lang="en"] h2.hamburg { left:451px; top:78px; }
html[lang="en"] h2.koeln { left:367px; top:78px; }
html[lang="en"] h2.leipzig { left:448px; top:119px; }
html[lang="en"] h2.madrid { left:370px; top:139px; }
html[lang="en"] h2.muenchen { left:445px; top:139px; }
html[lang="en"] h2.paris { left:393px; top:119px; }
html[lang="en"] h2.pilsen { left:517px; top:139px; }
html[lang="en"] h2.sansebastian { left:233px; top:139px; }
html[lang="en"] h2.warschau { left:518px; top:98px; }
html[lang="en"] h2.stpetersburg { left:543px; top:78px;}


/* 180 Sekunden */
section.mainContent { padding-top:10px; padding-bottom:10px; }
article { overflow:hidden; }
section.mainContent h1 { font-size:1.75em; line-height:1; text-align:left; color:#fff; padding:2.32143em 0 0 0; clear: both;margin: 0;}
section.mainContent span.staffel { color:#788287; }
section.mainContent h2 { color:#e4e6e7; }
section.mainContent h3 { font-size:0.6875em; line-height:1; margin:0; text-align:left; color:#788287; margin-top:14px; margin-bottom:4px; }
section.mainContent p { color:#adb3b6; }
section.mainContent .teaser { width:237px; display: inline-block; margin: 15px 1px 15px 0; position:relative; vertical-align: top;}
section.mainContent .teaser p { padding-right:20px; }
.teaserXL > a, .teaser > a { display:block; }
section.mainContent a { color:inherit; }
section.mainContent a:hover { text-decoration:none; }
section.mainContent a:hover h2, section.mainContent a:hover h3, section.mainContent a:hover p { color:#fff; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

/* Play Btns */
.teaserXL { position:relative;}
.teaserXL img {width: 950px; height: 534px;}
.mainContent .teaserXL h3, .teaserXL h2, .teaserXL p {}
#xlContainer, #xlContainer iframe  {position: absolute; top: 0; left: 0; width: 950px; height:534px; border: 0;}
.play { position:absolute; background-color:rgba(0,0,0,0.2); border-radius:50%; text-align:center; }
.play:after { content: "\e811"; font-family:"GI-Iconset"; position:relative; color:rgba(255,255,255,1); }
.teaserXL .play { top:234px; left:451px; border:3px solid #fff; width:74px; height:74px; }
.teaserXL .play:after  { top:13px; left:1px; font-size:2.75em; }
.teaser .play { top:44px; left:94px; border:2px solid #fff; width:40px; height:40px; }
.teaser .play:after  { top:7px; left:1px; font-size:1.5em; }

/* Footer */
footer { padding-top:70px; }
a.nachOben { text-align:right; display:block; font-size:0.75em; color:#fff; position:relative; margin-right:15px; }
a.nachOben:after { margin: 3px 0 0 4px; font-size:0.75em; content: "\e80c"; font-family:"GI-Iconset"; position:absolute; }
.partnerContainer { border-top: 1px dashed #5f676b; border-bottom: 1px dashed #5f676b; margin:7px -15px 0 -15px; height: 226px;}
.partner, .feature {  margin:12px 0px 0 0; padding:13px 15px 28px 15px; float:left; width: 20%;text-align: center;}
.partner span, .feature span  { vertical-align:top; font-size:0.6875em }
.partner img, .feature img { margin-left:24px; }
.feature {float: right; padding-right: 46px;}
footer nav {font-size:0.6875em; padding:7px 15px; overflow:hidden; margin:auto -15px; clear:both; }
footer span.copyright { float:left; margin-right:24px; }
footer ul { list-style:outside none none; margin:0; padding:0 }
footer li { float:left; }
footer li:after { content:"|"; color:#fff; margin:0 10px; }
footer li:last-child:after { display:none; }
footer li a { color:#fff; }


/* Iconfont */
[class^="icon-"], [class*=" icon-"] {
	font-family: 'GI-Iconset';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-menu:before { content: "\e600"; }
.icon-classic-view:before { content: "\e601"; }
.icon-home:before { content: "\e602"; }
.icon-search:before { content: "\e700"; }
.icon-email:before { content: "\e701"; }
.icon-phone:before { content: "\e702"; }
.icon-printer:before { content: "\e703"; }
.icon-newsletter:before { content: "\e704"; }
.icon-tag:before { content: "\e705"; }
.icon-shopping-cart:before { content: "\e706"; }
.icon-close:before { content: "\e707"; }
.icon-social-media:before { content: "\e708"; }
.icon-rss:before { content: "\e709"; }
.icon-user:before { content: "\e70a"; }
.icon-users:before { content: "\e70b"; }
.icon-contact:before { content: "\e70c"; }
.icon-contact-form:before { content: "\e70d"; }
.icon-imprint:before { content: "\e70e"; }
.icon-privacy-statement:before { content: "\e70f"; }
.icon-camera:before { content: "\e800"; }
.icon-gallery:before { content: "\e801"; }
.icon-lightbox:before { content: "\e802"; }
.icon-lightbox-gallery:before { content: "\e803"; }
.icon-info:before { content: "\e804"; }
.icon-question-mark:before { content: "\e805"; }
.icon-report:before { content: "\e806"; }
.icon-conversation:before { content: "\e807"; }
.icon-comment:before { content: "\e808"; }
.icon-edit:before { content: "\e809"; }
.icon-delete:before { content: "\e80a"; }
.icon-check-mark:before { content: "\e80b"; }
.icon-double-arrow-up:before { content: "\e80c"; }
.icon-double-arrow-right:before { content: "\e80d"; }
.icon-double-arrow-left:before { content: "\e80f"; }
.icon-double-arrow-down:before { content: "\e80e"; }
.icon-arrow-up:before { content: "\e810"; }
.icon-arrow-right:before { content: "\e811"; }
.icon-arrow-down:before { content: "\e812"; }
.icon-arrow-left:before { content: "\e813"; }
.icon-external-link:before { content: "\e814"; }
.icon-download:before { content: "\e815"; }
.icon-document:before { content: "\e816"; }
.icon-image:before { content: "\e817"; }
.icon-audio:before { content: "\e818"; }
.icon-video:before { content: "\e819"; }

@font-face {
  font-family:ClanWebPro-NarrMedium;
  src: url("../fonts/ClanWebPro-NarrMedium.eot");
}

@font-face {
  font-family:ClanWebPro-NarrMedium;
  src: url("../fonts/ClanWebPro-NarrMedium.woff") format("woff");
}

@font-face {
	font-family: 'GI-Iconset';
	src:url('../fonts/icomoon.eot?-reqmit');
	src:url('../fonts/icomoon.eot?#iefix-reqmit') format('embedded-opentype'),
		url('../fonts/icomoon.woff?-reqmit') format('woff'),
		url('../fonts/icomoon.ttf?-reqmit') format('truetype'),
		url('../fonts/icomoon.svg?-reqmit#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

#filterContainer .teaser{display: none; float: left; height: 305px;}
a#reset{font-size: 12px; display:block; text-align: center;padding-top: 35px;z-index: 500;}
a:hover#reset{color: #fff;}

/* contacts */
body.contact section.contacts{border: 0;padding-top: 50px;}
body.contact section.contacts li{padding-bottom: 0;}
body.contact section.production, body.contact footer {position: relative; top: -30px;}

body.contact section { padding-top: 30px; padding-bottom: 35px; clear: both; overflow: hidden; background: #000;}
body.contact section ul { padding: 0; margin: 0 0 30px 0;}
body.contact section li { list-style-type: none; color: #adb3b6; padding: 0 0 30px 0; margin: 0;font-size:0.875em; float:left; width: 316px;}
body.contact section h2 { color:#e4e6e7; font-size: 1.125em; clear: left;margin-bottom: 10px}
body.contact section h3 { font-size:1.125em; color: #e4e6e7; line-height:1; margin:10px 0 0 0; text-align:left; color:#fff; clear: left;}
body.contact section h4 { color: #fff; font-size:1.0em; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; position: relative; top: auto; left: auto; text-transform: none; margin: 10px 0 7px 0;}
body.contact section a { padding-left: 5px;color:inherit; font-size: 1.35em; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; -webkit-font-smoothing: subpixel-antialiased;}
body.contact section a:before { font-size:0.75em; width: 7px;}
body.contact section a:hover {color: #fff;}
body.contact section a:hover h2, body.contact section a:hover h3, body.contact section a:hover p { color:#fff; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
body.contact section span {display: block; font-size:0.7em; margin: 3px 0 0 0;}
body.contact section.filmteams h2 {margin-bottom: 20px;}
body.contact section.filmteams li { list-style-type: none; color: #ADB3B6; padding: 0 16px 30px 0; margin: 0;font-size:0.875em; float:left; width: 300px;}