/* Seitenbereiche */

#wrapper {
  display: flex;
  flex-flow: row wrap;
  min-height: 100vh;
  background-color: #b0b0b0;

	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

}

#header {
	flex: 1 1 auto;
	position: relative;
    height: 12rem;

}

#container {
	width: 50vw;
	flex: 0 1 auto;
	margin-left: 4vw;
	margin-bottom: 5rem;
	min-height: calc(100vh - 22rem);
	margin-top: 2rem;
}

#footer {
    flex: 1 1 auto;
    height: 3rem;

    opacity: 0.67;
    z-index: 20;
}

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

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

#header .inside {
    display: flex;
    flex-flow: row wrap;
    top: 1rem;
}

#header .inside .main {
	margin-left: 2vw;
	margin-right: 1vw;
	flex: 0 1 13vw;
}

#header .mod_navigation {
    margin-left: 24vw;
}

.filmprojekte #wrapper {
    background-color: #b0b0b0;
}

.publicity #wrapper {
    background-color: #c6c7c8;
    background: url("/files/_danquart_/bg/DBI_Corian_Color Chip_Silver Gray-690x345.jpg");
}

.hochschule #wrapper {
    background-color: #fbfcfc;
}

.seminar #wrapper {
    background-color: #ecf4f4;
}

.theorie #wrapper {
    background-color: #fbfbfc;
}

.filmproduktion #wrapper {
    background-color: #f7ebeb;
}

.quintefilm #wrapper {
    background-color: #c0bab8;
}

.biographie #wrapper {
    background-color: #f7f8f9;
}

.medienwerkstatt #wrapper {
    background-color: #d2d1d1;
}

.tagebuch #wrapper {
    background-color: #e2e6ea;
}

.agentur #wrapper {
    background-color: #efefef;
}

.kontakt #wrapper {
    background-color: #d8d8d8;
}

.presskit #wrapper {
    background-color: #a1a1a1;
}

#header .main a {
	font-weight: normal;
	font-size: clamp(1.5rem, 2vw, 3rem);
}

#header .mod_navigation {
	margin-left: 24vw;
	flex: 0 1 58vw;
}

#header .mod_navigation ul.level_1 {
	position: relative;
	display: flex;
	flex-flow: row nowrap;

}

#header .mod_navigation ul.level_1 li {
	width: 14vw;
	flex: 0 1 auto;

}

#header .mod_navigation ul li {
	line-height: 1.5;
	font-weight: 600;
	margin-bottom: 0;
}

#header .mod_navigation .level_2 {

	overflow: hidden;
	display: block;
	width:0;
	height:0;
}

#header .mod_navigation ul.level_1 li:hover .level_2,
#header .mod_navigation .active,
#header .mod_navigation .active .level_2,
#header .mod_navigation ul.level_1 .level_2 li:hover,
#header .mod_navigation .trail ul.level_2 {

	overflow:visible;
	width:auto;
	height:auto;

}

#header .mod_navigation.block,
.mod_customnav.block {
	overflow: visible !important;
}

#header .mod_navigation ul.level_1 > li {
	font-size: clamp(1.5rem, 1.8vw, 2.2rem);
	color: black;
}

#header .mod_navigation ul.level_2 > li {
	font-size: 1.01rem;
}

#header .main a,

#header .mod_navigation ul.level_1 li a,
#header .mod_navigation ul.level_1 li .active
									 {
	text-decoration: none;

	color: black;

}

#header .mod_navigation li.trail ul.level_2	li:hover a,
#header .mod_navigation li ul.level_2 li:hover a
{
	position: relative;
	left: -0.2rem;
	padding: 0.25rem 0.25rem;
	color: #fff;
	background-color: rgba(95,91,91,0.75);

}

#header .mod_navigation li.trail ul.level_2	li a,
#header .mod_navigation ul.level_2 li {
	text-decoration: none;
	white-space: nowrap;

	color: #545454;
}

#header ul.level_1 li.trail ul.level_2 li.trail a,
#header .mod_navigation ul.level_2 li .active,
#header .mod_navigation ul.level_2 li .forward,
#header .mod_navigation ul.level_2 li a.trail {
	position: relative;
	left: -0.2rem;
	padding: 0.25rem 0.25rem;
	color: #FFD90A;
	background-color: rgba(95,91,91,0.75);

}

.biographie #header .mod_customnav {
	width: 60vw;
	position: relative;
	left: 40vw;
}

.biographie #header .mod_navigation {
	height: 8rem;
}

#footer .mod_customnav.imprint ul {
	margin-left: 40%;
	display: flex;
	justify-content: left;

}

#footer .mod_customnav.imprint ul li{
	padding: 1rem 2rem 0 0;
}

#footer .mod_customnav.imprint ul li a,
#footer .mod_customnav.imprint ul li .active {
	text-decoration: none;

	font-size: 0.801rem;
	color: black;
}

/* Weitere ID-Selektoren */

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

#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;
}

#cboxOverlay {
    background: rgba(95,91,91,0.75);
    }

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

#hfbk_img {
  position:relative;
  height:auto;

  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;
}

.custom,
#editorial {
	flex: 0 1 auto;
	margin-left: 16vw;
	width: 20vw;
	margin-top: -12rem;
	margin-bottom: -3rem;
	background-color: #e9e9e9;
}

#editorial {
	position: relative;
	padding-top: 14rem;
}

#editorial .editorialbox {
    padding: 0 0.7rem;
}

#projectbox {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	width: 56vw;
}

#kontaktmodul {
 	left: 2vw;
 	width: 10vw;
 	bottom: 1rem;
 	position: fixed;
 	z-index: 10;

 }

#kontaktmodul li {
	margin-bottom: 0;
	height: 1.366rem;
}

#kontaktmodul li a,
 #kontaktmodul li .active {
 	font-family: 'AvenirLTPro-Heavy', sans-serif;
 	font-weight: 300;
 	font-size: 1.01rem;
 	padding: 0.2rem;
 	color: black;
 	text-decoration: none;
 }

#filmliste_mw .noflex {
	width: 100%;
}

#sitemap ul.level_1 {
	display: flex;
	flex-flow: row nowrap;
}

#sitemap a {
	font-size: 0.6rem;
	font-weight: 300;
	line-height: 1;
}

#sitemap ul.level_1 li > a {
	font-weight: 600;
}

#sitemap ul.level_2 li > a {
	font-weight: 600;
}

#sitemap ul.level_3 li > a {
	font-weight: 300;
}

#sitemap ul li {
	line-height: 1.2;
}

#sitemap ul.level_1 li  {
	margin-right: 1rem;
	width: 12vw;
}

#sitemap ul.level_2,
#sitemap ul.level_3 {
	margin-left: 0.5rem;
}

#sitemap ul.level_2 li .bio {
	display: none;
}

#sitemap a:hover {
	text-decoration: underline;
	color: #FFD90A;
}

#kontaktmodul .mod_customnav ul {
	margin-left: 0;
	display: block;
}

#editorial .mod_navigation {
	display: none;
}

#editorial .mod_navigation.desktop {
		display: block;
	}

#editorial li {
	line-height: 1.3;
}

#editorial li .active,
#editorial li a {
	font-family: 'AvenirLTPro-Heavy', sans-serif;
	font-size: 0.8333rem;

	color: #666;
}

#editorial li .trail,
#editorial li .active {
	color: #222;

}

#editorial li a:hover {
	text-decoration: underline;
}

/* HTML-Elemente und Typografie */

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

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

.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;
}

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

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

.ce_gallery.pressebox .image_container:hover img {

	border: 1px solid #FFD90A;
	width: 100%;
}

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

.pressebox img {
	 -webkit-filter: grayscale(0%);
    filter: grayscale(100%);

}

.pressebox img:hover {
	 -webkit-filter: grayscale(0%);
    filter: grayscale(0%);

}

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

.teaserbox .teaser h2 {
	margin-bottom: 0rem;
	display: block;
	visibility: visible;
	font-size: 1.01rem;
    color: #333;

    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;
}

.kontaktformular .checkbox_container label {
    display: inline;

}

.pressebox ul,
.diarybox ul {
 	display: flex;
 	flex-flow: row wrap;
 	justify-content: start;
 }

.cd .editorialbox  img,
.book .editorialbox  img,
.dvd .editorialbox  img {
	max-width: 10vw;
}

.contentbox input,
	textarea,
	select {
    font-size: 100%;

    padding: 0.1rem 0rem;

	margin-bottom: 2rem;

	font-family: 'Courier', 'Courier New', monospace;

	color: #666;
	background-color: transparent;
	cursor: pointer;
	border: 0;
}

.mod_changelanguage ul {
	display: flex;
	justify-content: left;
	padding-top: 0.19rem;
	padding-left: 0.5rem;
	align-items: baseline;
}

.mod_changelanguage ul li a,
.mod_changelanguage ul li .active {

	text-decoration: none;

}

.mod_changelanguage ul li {
	padding: 0.1rem 0.9rem 0.2rem 0.5rem;

	font-family: 'AvenirLTPro-Heavy', sans-serif;

	font-size: 0.76661rem;
}

.mod_changelanguage ul li .active {
	color: #FFD90A;
}

.mod_changelanguage ul li a {
	color: #fff;
}

table {
	border-spacing:0;
	border-collapse:collapse;
}

caption,th,td {
	text-align:start;
	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;
}

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%;
}

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);
}

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 {

	background-color: transparent;
	cursor: pointer;
	border: 0;
}

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

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 dd > ul > li {
	padding-left: 3rem;
}

.single.ce_gallery ul li  {
 	flex: 0 1 auto;
 	margin-right: 2vw;
	margin-left: 0;

	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;
 }

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

.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;
}

.mod_navigation,
.container,
.wrapper,
img,
.custom  {
	 -webkit-animation: fadein 0.3s;
       -moz-animation: fadein 0.3s;
        -ms-animation: fadein 0.3s;
         -o-animation: fadein 0.3s;
            animation: fadein 0.3s;
}

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

.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;
 }

.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;
}

p.back {
	width: 100%;
}

ul.level_1 .trail .level_2 li .active {
	color: #666;
}

.mod_customnav.bio .level_1 li,
.mod_customnav.release .level_1 li {
	flex: 0 1 auto;
	width: 10vw;
}

.mod_customnav.bio .level_1 li a,
.mod_customnav.bio .level_1 li .active,
.mod_customnav.release .level_1 li a,
.mod_customnav.release .level_1 li .active {
	font-family: 'Avenir', sans sans-serif;
	font-weight: 600;
	font-size: 0.8125rem;
	margin-bottom: 1.4rem;
	line-height: 1.5;
	color: rgb(152, 152, 152);

}

.mod_customnav.bio .level_1 li:hover a  {
	position: relative;
	left: -0.2rem;
	padding: 0.051rem 0.2rem;
	color: #fff;
	background-color: rgba(95,91,91,0.75);

}

.mod_customnav.bio .level_1 li .active,
.mod_customnav.release .level_1 li .active
 {
	position: relative;
	left: -0.2rem;
	padding: 0.051rem 0.2rem;
	color: #FFD90A;
	background-color: rgba(95,91,91,0.75);
}

/* Übrige Klassen und Regeln */

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

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

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

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

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

.galeriebox {
	width: 34vw;
	margin-bottom: 3rem;
}

.contentbox {
	width: 50vw;
	display: flex;
	flex-flow: row wrap;
	justify-content: start;
	margin-bottom: 0;
}

.textbox {
	width: 34vw;
	flex: 0 1 auto;
	margin-left: 0;
	margin-right: 2vw;
	margin-bottom: 2rem;
}

.teaserbox  {
	width: 14vw;
	height: 100%;
	flex: 0 1 auto;
	margin-right: 4vw;
	margin-bottom: 2rem;
}

.castbox {
	width: 14vw;

	flex: 0 1 auto;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 2rem;
}

.seminar .teaserbox,
.theorie .teaserbox {
	width: 34vw;
	flex: 0 1 auto;
	margin-left: 0;
	margin-right: 2vw;
	margin-bottom: 2rem;
}

.textbox_100 {
	width: 100%;
	flex: 0 1 100%;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 2rem;
}

.diarybox {

	max-width: 36vw;

	margin-left: 0;

}

.mod_changelanguage {

	width: auto;
	height: 2rem;
	position: fixed;
	top:14rem;
	left: 0;
	background-color: rgba(95,91,91,0.75);
}

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

.filmprojekte .content {

	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 {

	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;
}

.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);
}

.caption {
	display: none;
}

.home .pagination {
	visibility: hidden;
}

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

.mejs__container {
	background: #999;
}

.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;
}

.item {
	width: 18vw;
	height: 12vw;
	flex: 0 1 auto;
}

.teaserlist {
	width: 54vw;
	justify-content: flex-start;
}

.tagebuch .layout_short {
	margin-bottom: 1.5vw;
}

.filmprojekte .custom {
	background-color: #e9e9e9;
}

.publicitiy .custom {
	background-color: #c6c7c8;
}

.hochschule .custom {
	background-color: #c5ced0;
}

.seminar .custom {
	background-color: #f0eeee;
}

.theorie .custom {
	background-color: #edecec;
}

.filmproduktion .custom {
	background-color: #c6c7c8;
}

.quintefilm .custom {
	background-color: #b0b0b0;
}

.biographie .custom {
	background-color: #f0e4df;
}

.medienwerkstatt .custom {
	background-color: #d5d9da;
}

.tagebuch .custom {
	background-color: #eaeaea;
}

.agentur .custom {
	background-color: #efefef;
}

.kontakt .custom {
	background-color: #fff9ea;
}

.presskit .custom {
	background-color: #c2c2c2;
}

.filmprojekte .content .teaser {

	color: #FFD90A;
	background-color: rgba(0,0,0,0.5);

}

.filmprojekte .image_container {
	width: 18vw;
	height: 11vw;
	overflow: hidden;
}

.news-img .image_container {
 	width: auto;
 	height: auto;
 	margin-right: 2vw;
 }

.home .galleria-thumbnails {
	display: none;
}

.active,
.forward {
	font-family: 'AvenirLTPro-Heavy', sans-serif;
	font-weight: normal;
	font-style: normal;

}

.mod_customnav.bio .level_1,
.mod_customnav.release .level_1 {
	position: relative;
	display: flex;
	width: 40vw;
	margin-bottom: 1rem;
}

/* Media Queries und Animationen – Originalreihenfolge beibehalten */

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

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

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

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

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

@media (orientation: portrait) {

	img {
	width: 100%;
	}

	iframe {
	width: 100%;

	}

	#wrapper {
		display: flex;
		flex-flow: column nowrap;
	}

	.custom {
		background-color: transparent !important;
	}

	#header .inside {
		top: 0.5rem;
	}

	#header .inside .main {
	margin-left: 3vw;
	margin-right: 1vw;
	flex: 0 1 auto;
	}

	#header,
	.custom,
	#container,
	#footer {
		width: 94vw;
		margin: 0 3vw 2rem 3vw;
		height: auto;
	}

	#header {
		height: 16rem;
	}

	#editorial {
		position: relative;
		margin: 0;
		background-color: #eaeaea;
		padding-top: 1rem;
		height: auto;
	}

	#editorial .editorialbox {
	    padding: 0 0.75rem;
	}

	#editorial .editorialbox h1 {
		margin-bottom: 0.6125rem;
	}

	#editorial .editorialbox h2 {
		margin-bottom: 0.2rem;
	}

	.cd .editorialbox  img,
	.book .editorialbox  img,
	.dvd .editorialbox  img {
		max-width: 50vw;
	}

	.seminar #editorial {
		padding-top: 0rem;
	}

	.seminar .teaserbox {
		padding: 0 0.75rem;
	}

	.contentbox {
		display: block;
		width: 100%;
		padding: 0 0.75rem;
	}

	#projectbox,
	.galeriebox,
	.textbox,
	.castbox,
	.diarybox,
	.seminar .teaserbox,
	.theorie .teaserbox,
	.filmprojekte .image_container,
	.item 	 {
		width: 100%;
	}
	#projectbox,
	.textbox,
	.textbox_100,
	.castbox,
	.teaserbox {
		padding: 0rem;
	}

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

	.ce_linkteaser {
		width: 100%;
		margin-bottom: 0.7rem;
	}

	p.back {
		padding: 0;
	}

	.bio p, .bio li{
		margin-bottom: 0;
	}

	.filmprojekte .image_container,
	.item {
		height: 100%;
	}

	.filmprojekte .content {

	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;
	}

	.filmprojekte .content .teaser {
		margin-bottom: 0.35rem;
	}

	.pagination {
		display: none;
	}

	.mod_changelanguage {
		max-width: 23vw;
		width: auto;
		height: 1.6rem;
		position: fixed;
		top: 0rem;
		right: 0rem;
	 	left: auto;
		background-color: rgba(95,91,91,0.75);
		z-index: 999;
	}

	.mod_changelanguage ul {
		display: flex;
		justify-content: space-between;
		padding-top: 0.05rem;
		padding-left: 0.1rem;
		align-items: baseline;
	}

	.home .ce_linkteaser {
		margin-top: 2rem;
		padding: 0 0.5rem;
	}

	.quintefilm .ce_gallery ul li {
		flex: 0 1 29vw;
		margin-right: 0;
		margin-left: 0;
		height: auto;
	}

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

	.pressebox ul, .diarybox ul {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
	}

	#footer #kontaktmodul {
		position: relative;
		width: auto;
		background-color: rgba(55,55,55,0.5);
		padding: 0.2rem;
		left: 0;
		bottom: 0;
		z-index: 10;
	}

	#footer #kontaktmodul ul {
		display: flex;
		justify-content: center;
	}

	#footer #kontaktmodul ul li {
		margin: auto;
	}

	#footer #kontaktmodul ul li a {
		color: rgba(246,246,246);
	}

	#footer .mod_customnav.imprint {
		display: flex;
		justify-content: center;
		position: relative;
		left: auto;

		}

	#footer .mod_customnav.imprint ul {
		width: 80%;
		margin-left: 0;
		display: flex;
		justify-content: space-evenly;
	}

	#footer .mod_customnav.imprint ul li {
		padding: 1rem 0;
	}
}

@media (orientation: portrait) {

	#header .inside {
		display: block;
	}

	#header .main {
		position: relative;
		margin-bottom: 0.7rem;
	}

	#header .mod_navigation ul.level_1 {
		display: block;
	}

	#header .mod_navigation {
	margin-left: 6vw;
	flex: 0 1 auto;
	}

	#editorial .mod_navigation.mobil {
		display: block;
	}

	#editorial .mod_navigation.desktop {
		display: none;
	}

	.biographie #header .mod_customnav {
    	width: calc(100vw - 13rem);
   	 	position: relative;
    	left: 11rem;
    	margin-top: -0.3rem;
	}

	.mod_customnav.bio .level_1, .mod_customnav.release .level_1 {
    	position: relative;
    	display: block;
    	width: auto;
    	margin-bottom: 1rem;
	}

	.mod_customnav.bio .level_1 li,
	.mod_customnav.release .level_1 li {

    	width: auto;
	}

	p.bio {
		margin: 0;
	}

	#footer .mod_customnav.imprint ul {
		margin-left: 0;
		display: flex;
		justify-content: center;

}
}

@media (orientation: portrait) {

	img {
	width: 100%;
	}

	iframe {
	width: 100%;
	height: 70vw;
	}

#wrapper {
	display: flex;
	flex-flow: row;

}

#header,

#container,
#footer {
	width: 100%;
	margin: 0 0 1rem 0;
	height: auto;
	display: none !important;
}

.custom {
	position: relative;
	left: 0;
	width: 100vw;
	display: none;
}

#editorial {
	position: relative;
	left: 4vw;
	width: 74vw;
}

#container {
	position: relative;
	left: 2vw;
	width: 96vw;
}

#editorial {
	padding-right:  1rem;
}

.contentbox,
.filmprojekte .image_container,
.item {
	width: 100%;
}

.contentbox {

	padding-right: 0.2rem;
	padding-left: 0.2rem;
}
.ce_linkteaser {
	width: 100%;
	margin-bottom: 0.7rem;
}

.filmprojekte .image_container,
.item {
	height: 100%;
}

.filmprojekte .content {

	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;
}

.filmprojekte .content .teaser {
	margin-bottom: 0.35rem;
}

#kontaktmodul.mod_customnav {
	position: relative;
	bottom: auto;
	left: auto;
}

#kontaktmodul.mod_customnav ul {
	display: flex;
	justify-content: space-evenly;
}

#footer .mod_customnav.imprint {
	display: flex;
	justify-content: center;
	position: relative;
	left: auto;

}

#footer .mod_customnav.imprint ul {
	width: 80%;
	margin-left: 0;
	display: flex;
	justify-content: space-evenly;
}

#footer .mod_customnav.imprint ul li {
	padding: 1rem 0;
}

.mod_changelanguage {
	max-width: 23vw;
	width: auto;
	height: 1.6rem;
	position: fixed;
	top: 0rem;
	right: 0rem;
 	left: auto;
	background-color: rgba(95,91,91,0.75);
	z-index: 999;
}

.mod_changelanguage ul {
	display: flex;
	justify-content: space-between;
	padding-top: 0.15rem;
	 padding-left: 0.1rem;
	align-items: baseline;
}

.mod_changelanguage ul li {
	font-size: 0.7301rem;

}

#header .main {
	min-width: 48vw;
	padding: 0.2rem;
	position: relative;
	margin-top: 0.2rem;
	margin-bottom: 0.7rem;
}

#header .mod_navigation {
	margin-left: 4vw;
	flex: 0 1 auto;
}

#header .mod_navigation ul.level_1 {
	position: relative;
	display: flex;
	flex-flow: column;

}

#header .mod_navigation ul.level_1 li {
	width: 50vw;
}

.home .pagination {
	display: none;
}

.galleria-container {
	max-width: 100vw;
}

.galeriebox {
	margin-bottom: 2rem;
}

.quintefilm .teaserbox,
.publicity .teaserbox,
.bittersuess .item,
.medienwerkstatt .item {
	width: 45vw;

	margin-bottom: 2rem;
}

.medienwerkstatt .item,
.bittersuess .item {
	padding-right: 1rem;
}

.publicity .image_container {
	width: 45vw;
}

.medienwerkstatt .contentbox,
.quintefilm .contentbox,
.bittersuess .contentbox,
.publicity .contentbox {
	display: flex;
	flex-flow: row wrap;

}

.seminar select  {
	color: #333;
	background-color: #999;
}

.tagebuch .diarybox .image_container,
.quintefilm .diarybox .image_container {
	width: 29.4vw;
}

.tagebuch .ce_gallery ul li,
.quintefilm .ce_gallery ul li {
	height: auto;
	margin-right: 0.3rem;
}

.biographie #header .mod_navigation {
	height: auto;
}

.biographie #header .mod_customnav {
	width: 38vw;
	position: relative;
	left: 60vw;
	top: -4.7rem;
}

.short-bio #header .mod_customnav {
	top: -1.7rem;
}

.mod_customnav.bio .level_1 {
	position: relative;
	display: flex;
	flex-flow: column;
	width: 38vw;
	margin-bottom: 1rem;
}

.mod_customnav.bio .level_1 li {
	flex: 0 1 auto;

	line-height: 1.5;
	 width: auto;
}

.kontaktformular input[type="text"], .kontaktformular input[type="email"], .kontaktformular textarea {
	width: 90vw;
}

.contentbox input.checkbox {
	margin: 0.2rem;
}

.filmprojekte #wrapper {
    background-color: #b0b0b0;
}

.filmprojekte .custom {
	background-color: #e9e9e9;
}

.publicity #wrapper {
    background-color: #c6c7c8;
}

.publicitiy .custom {
	background-color: #c6c7c8;
}

.hochschule #wrapper {
    background-color: #fbfcfc;
}

.hochschule .custom {
	background-color: #ececec;
}

.seminar #wrapper {
    background-color: #fbfcfc;
}

.seminar .custom {
	background-color: #ececec;
}

.theorie #wrapper {
    background-color: #fbfbfc;
}

.theorie .custom {
	background-color: #edecec;
}

.filmproduktion #wrapper {
    background-color: #b0b0b0;
}

.filmproduktion .custom {
	background-color: #c6c7c8;
}

.quintefilm #wrapper {
    background-color: #c0bab8;
}

.quintefilm .custom {
	background-color: #c6c7c8;
}

.biographie #wrapper {
    background-color: #f7f8f9;
}

.biographie .custom {
	background-color: #ede6e3;
}

.medienwerkstatt #wrapper {
    background-color: #aeaeae;
}

.medienwerkstatt .custom {
	background-color: #d5d9da;
}

.tagebuch #wrapper {
    background-color: #c6c7c8;
}

.tagebuch .custom {
	background-color: #7b7b7b;
}

.agentur #wrapper {
    background-color: #efefef;
}

.agentur .custom {
	background-color: #c6c7c8;
}

.kontakt #wrapper {
    background-color: #d8d8d8;
}

.kontakt .custom {
	background-color: #c6c7c8;
}

.presskit #wrapper {
    background-color: #a1a1a1;
}

.presskit .custom {
	background-color: #c2c2c2;
}

.custom,
#container {
	padding-top: 1rem;
}

.presskit .ce_vimeo {
	padding-top: 1rem;
}

.presskit iframe {
	width: 100%;
	height: 80vw;
}
}