/**************************
 * Basic element formatting 
 **************************/
table {
	border-spacing:0;
	border-collapse:collapse;
}
caption,th,td {
	text-align:left;
	text-align:start; /* see #4596 */
	vertical-align:top;
}
abbr,acronym {
	font-variant:normal;
	border-bottom:1px dotted #666;
	cursor:help;
}
blockquote,q {
	quotes:none;
}
fieldset,img,iframe {
	border:0;
}
ul {
	list-style-type:none;
}
sup {
	vertical-align:text-top;
}
sub {
	vertical-align:text-bottom;
}
del {
	text-decoration:line-through;
}
ins {
	text-decoration:none;
}
header,footer,nav,section,aside,article,figure,figcaption {
	display:block;
}

/*=========================
RESETS 
==========================*/
* {
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing: border-box;
    margin: 0;
	padding: 0;
}

html,
body {
	height: 100%; 
	width: 100%;
	background-color: #fff;
	color:#000;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, table, ol, ul, dl, form {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, table, ol, ul, form {
	margin-bottom: 0;
}



figcaption p {
	margin-bottom: 0rem;
	padding: 0;
}

img {
	width: 100%;
	max-width: 100%;
}

.image_container img {
	width: 100%;
}

/********
SITE SPEC
*********/

/* .active,  */
/* .forward */

h1, h2, h3,  a  {
	font-family: 'AvenirLTPro-Heavy', sans-serif; 
	font-weight: normal; 
	font-style: normal; 
}

h1 {
	font-size: 1.625rem;
	margin-bottom: 1.3333rem;
	line-height: 1.2;
}

h2 {
	font-size: 1.25rem;
	line-height: 1.5;
	margin-bottom: 0.5rem;
	color: rgba(11,11,11,0.8);
}

.tagebuch h2 {
	margin-top: 0.2rem;
}

h3 {
	font-size: 0.9rem;
}

a {
	text-decoration: none;
	color: rgba(11,11,11,0.6); /* typo*/
}

p, #container li {
	font-size: 0.9rem;
	font-family: 'Open Sans', sans-serif;
	font-size: 0.89rem;
	font-family: 'Avenir', PT Sans, sans-serif;
	-ms-hyphens: manual;
  	-webkit-hyphens: manual;
  	hyphens: manual;
}

p, li{
	margin-bottom: 0.625rem;
}

p a,
button {
	font-size: 0.9rem;
	font-family: 'Open Sans', sans-serif;
	line-height: 1;
	color: rgba(95,91,91,0.9);
	font-weight: 600;
}

p a:hover {
	color: rgba(95,91,91);
	text-decoration: underline;
}

p a[target="_blank"]::after {
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f360";
	font-size: 0.9rem;
	padding-left:  0.2rem;
	color: rgba(95,91,91,0.6);
}

p.more a,
p.back a,
button  {
	color: rgba(95,91,91);	
}

button {
	/* color: #FFD90A; */
	background-color: transparent;
	cursor: pointer;
	border: 0;
}

p.info, .footnotes p {
 	font-size: 0.75rem;
 	margin-bottom: 0.5rem;
 }

#editorial .editorialbox p {
	margin-bottom: 0.9rem;
	line-height: 1.5;
}

.textbox p,
.teaserbox p,
.contentbox p {
	line-height: 1.5;
}

dd, dt {
	font-size: 0.83125rem;
	font-family: 'Open Sans', sans-serif;
	line-height: 1.5;
	hyphens: manual;
}

dt {
	float: left;
	width: auto;
	padding-right: 0.5rem;
	font-weight: 600;
}

dd {
	margin-left: 0rem;
	width: auto;
	hyphens: manual;
}

.filmographie dt {
	font-weight: normal;
}

.filmographie .contentbox dd {
	margin-left: 5rem;
}

.filmographie dd > ul > li,
.datenschutz .contentbox ul li {
	padding-left: 3rem;
}





/*===================
  LISTEN SPEC
===================*/

.filmographie .contentbox ul li:before,
.awards .contentbox ul li:before,
.datenschutz .contentbox ul li:before {
  content: '\2013';
  position: absolute;
  margin-left: -1rem;
}

.awards .contentbox ul li {
	margin-left: 1.5rem;
}

.filmographie .contentbox dd {
	margin-left: 5rem;
}

.filmographie dd > ul > li {
	padding-left: 3rem;
}

.ce_gallery ul li:before {
	/* content: " "; */
}




 .layout_full > h1 {
 	/*display: none;*/
 	/* font-size: 1.5rem; */
	/*margin-bottom: 0.8333rem;*/
	/* line-height: 1.5; */
 }

 .layout_short h2,
 .layout_full h2 {
 	/* margin-bottom: 0.5rem; */
 }


 .layout_short p.info,
 .layout_full p.info {
 	/* margin-bottom: 0.5rem; */
 }

 .diarybox ul li {
 	flex: 0 1 auto;
 	margin-right: 1vw;
	margin-left: 0;
	height: 10vw;
	height: 100%;
 }

 .single.ce_gallery ul li  {
 	flex: 0 1 auto;
 	margin-right: 2vw;
	margin-left: 0;
	/*height: 10vw;*/
	height: 100%;
 }

.nomade .ce_gallery ul li {
 	height: auto;
 } 

 .quintefilm .ce_gallery ul li {
 	flex: 0 1 9vw;
 	margin-right: 1.45vw;
	margin-left: 0;
	height: 10vw;
 }

.diarybox .image_container,
.gallerybox .image_container {
 	width: 10vw;
 	height: auto;
 	overflow: hidden;
 }

 .quintefilm .diarybox .image_container {
 	width: 10vw;
 }

.ce_gallery .image_container img {
	/* height:auto; */
	/* width: auto; */
	/*transform: scale(1.225);*/
}

.ce_gallery.pressebox .image_container img {
	transform: none;
	border: 1px solid #000;
}

.ce_gallery.pressebox .image_container:hover img {
	/* transform: scale(1.0021); */
	border: 1px solid #FFD90A;
	width: 100%;
}


.pressebox .image_container {
	width: 14vw;
	height: auto;
	overflow: hidden;
}

.ce_gallery.pressebox ul li {
 	flex: 0 1 16vw;
 	margin-right: 0;
	margin-left: 0;
	height: 17vw;
 }

 .pressebox img {
	 -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
   
}
.pressebox img:hover {
	 -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);

}

.teaserbox .image_container {
/* 	width: 14vw; */
/* 	height: auto; */
/* 	margin-right: 1rem; */
/* 	margin-bottom: 0.7rem; */
}

.publicity .teaserbox p.more {
	width: 100%;
}

.teaserbox .teaser h2 {
	margin-bottom: 0rem;
	display: block;
	visibility: visible;
	font-size: 1.01rem;
    color: #333;
    /* margin-bottom: 0.5rem; */
    line-height: 1.25;
}

.teaserbox .teaser p {
	font-size: 0.75rem;
	margin-bottom: 0.5rem;
	hyphens: manual;
	font-weight: 400;
	color: #333;
	line-height: 1.5;
}

.seminar .teaserbox p {
	font-size: 0.9rem;
	font-family: 'Open Sans', sans-serif;
	line-height: 1.5;
}

.seminar .editorialbox h1,
.overview .editorialbox h1 {
	font-size: 1.5rem;
	color: rgba(152,152,152);
	hyphens: auto;
}

.editorialbox h1 + p {
	font-size: 0.75rem;
}

#editorial .image_container {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 1.3rem;
}

#editorial .zitat p {
	font-family: 'Courier New', Courier, Lucida Sans Typewriter, Lucida Typewriter, monospace;
	font-weight: 400;
	margin-top: 1.625rem;
}

.filmprojekte .content {
	/*background-color: rgba(0,0,0,0.5);*/
	left: 0;
	top: 0;
	border-radius: 0;
	height: 100%;
	width: 100%;
	position: absolute;
	opacity: 0;
	z-index: 1000;
  -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;

}


.filmprojekte .content:hover {
	/*background-color: rgba(0,0,0,0.5);*/
	left: 0;
	top: 0;
	border-radius: 0;
	height: 100%;
	width: 100%;
	position: absolute;
	opacity: 1;
	z-index: 1000;
  -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;
}

a.title {
	visibility: hidden;
	display: none;
}

/* bringt den titeleinblender nachunten*/
.filmprojekte .content .inside {
	bottom: 0;
	position: absolute;
	width: 100%;
}

.filmprojekte .content .teaser {
	font-family: 'AvenirLTPro-Heavy', sans-serif; 
	font-weight: 400;
	color: #FFD90A;
	padding: 0.35rem;
	width: 100%;
	background-color: rgba(0,0,0,0.6);
}

.filmprojekte .content .teaser h1 {
	font-size: 1.01rem;
	line-height: 1.3;
	font-family: 'AvenirLTPro-Heavy', sans-serif; 
	margin-bottom: 0;
}

.filmprojekte .content .teaser p {
	font-size: 0.75rem;
	margin-bottom: 0;
	font-weight: 400;
}



.no-more-link a {
	display: none;
}

.no-more-link h2 {
	padding-bottom: 0;
}

/*some play with transition*/

.mod_navigation,
.container,
.wrapper,
img,
.custom  {
	 -webkit-animation: fadein 0.3s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 0.3s; /* Firefox < 16 */
        -ms-animation: fadein 0.3s; /* Internet Explorer */
         -o-animation: fadein 0.3s; /* Opera < 12.1 */
            animation: fadein 0.3s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/*===========================
a[href^="https:/"]::before {     
   content:" x ";
   padding-left: 2rem;
}
a[href^="https://"]::before {
    content: "➚ ";
    content: '\2197';
    }
    =======================*/

#cboxOverlay {
    background:#000;
    background: rgba(95,91,91,0.75);
    }
#cboxLoadedContent {
    border: 5px solid rgba(95,91,91,0.85);
    background: #fff;
}

.caption {
	display: none;
}
	
.syndication img {
	width: 1rem;
	height: auto;
}

.home .pagination {
	visibility: hidden;
}

.kontaktformular input[type="text"], 
.kontaktformular input[type="email"],
.kontaktformular textarea {
    padding: .25em;
    border: 1px solid #FFD90A;
    background-color: white;
    min-width:	36vw;
}

.kontaktformular label {
    display: block;
    margin: 0rem 0 .5rem;
    cursor: pointer;
    font-size: 0.8333rem;
	font-family: 'Open Sans', sans-serif;
	line-height: 1.5;
	margin-bottom: 0.8333rem;
 }

.kontaktformular .checkbox_container label {
    display: inline;
    /*margin-left: 1rem;*/
}

.kontaktformular .checkbox_container {
    margin-top: 1rem;
    margin-bottom: .5rem;
}

.theorie .ce_teaser h1 {
	display: none;
}

button {
	font-family: 'AvenirLTPro-Heavy', sans-serif; 
	font-weight: normal; 
	font-style: normal; 
	font-size: 1rem;
	padding-top: 1rem;
}

button.buttonon {
	visibility: visible;
}

.tagebuch .diarybox {
	margin-top: 1.5rem;
	margin-bottom: 2rem;
}

/*.ce_text, */
.ce_player, 
.ce_vimeo {
	margin-bottom: 1.5rem;
}

.mejs__container {
	background: #999;
}

.bittersuess #container {
	margin-bottom: 10rem;
}

.bittersuess .rand {
	/* padding: 0.5rem; */
}

#hfbk_img {
  position:relative;
  height:auto;
  /*width:450px;*/
  margin:0 auto;
}

#hfbk_img img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

#hfbk_img img.top:hover {
  opacity:0;
}

.fa {
	display: inline-block;
	font: normal normal normal 0.8125rem/1.2 FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
	vertical-align: 0;
}