/* norm.css */

/*=========
FlEX LAYOUT
===========*/

#wrapper {
  display: flex;
  flex-flow: row wrap;
  min-height: 100vh;
  background-color: #b0b0b0;
  /* Center and scale the image nicely */
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

}

#header {
	flex: 1 1 auto;
	position: relative;
    height: 12rem;
    /* top: 0.5rem; */

}

#header .inside {
    display: flex;
    flex-flow: row nowrap;
    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;
}

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

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

.seminar #editorial {
	/* padding-top: 12rem; */
}

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

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

/*=========
*BOXES
===========*/


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

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

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

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

.teaserlist {
	width: 54vw; /*korrektur letztes element zu 3x margin=2vw */
	justify-content: flex-start;
}

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

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

.castbox {
	width: 14vw;
	/*padding-right: 4%;*/
	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 {
/* 	min-width: 700px; */
	max-width: 36vw;
/* 	flex: 0 1 auto; */
	margin-left: 0;
/* 	margin-right: 4vw; */
}

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

p.back {
	width: 100%;
}

/*===========
*FOOTER
===========*/


#footer {
    flex: 1 1 auto;
    height: 3rem;
    border-top: 0px solid #f28c33;
    opacity: 0.67;
    z-index: 20;
}

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

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

/*=====================
'COLOURS'
=====================*/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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









 








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


.filmprojekte .content .teaser {
	/*font-family: Avenir;*/
	/*font-weight: 600;*/
	color: #FFD90A;
	background-color: rgba(0,0,0,0.5);

}
.content .teaser h1 {
	/* font-size: 1.01rem; */
	/* line-height: 1.2; */
	/*font-family: Avenir;*/
	/*font-weight: 600;*/
}

.bittersuess .content .teaser,
#filmliste_qf .content .teaser,
#filmliste_mw .content .teaser {
	/* color: #333; */
}


/* .teaser p, */
#filmliste_qf .content .teaser p,
#filmliste_mw .content .teaser p {
	/* font-size: 0.75rem; */
	/* line-height: 1.5; */
	/* margin-bottom: 0; */
	/* font-weight: 400; */
}

#filmliste_mw .noflex {
	width: 100%;
}

.filmprojekte .image_container {
	width: 18vw;
	height: 11vw;
	overflow: hidden;
	overflow: hidden;
}
 
 .news-img .image_container {
 	width: auto;
 	height: auto;
 	margin-right: 2vw;
 }

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

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

.seminar ul.level_3 {
	/*display: none;*/
}

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




/*a::before {
    content: "➚ ";
    content: '\8211';
    content: "| - ";
    content: ' \251C';
    }
*/


@media (orientation: portrait) {


	img {
	width: 100%;
	}

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

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

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

	#header {
		height: 16rem;
	}

	#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 {
	/*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;
	}

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

	.mod_changelanguage ul li {
	/* font-size: 1.7301rem; */

	}

	.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;
		/*width: 74vw;*/
		}

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