/*CSS*/


@media (orientation: portrait) {

	img {
	width: 100%;
	}

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

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

}

#header,
/*.custom,*/
/*#editorial,*/
#container,
#footer {
	width: 100%;
	margin: 0 0 1rem 0;
	height: auto;
	display: none !important;
}

#footer {
	/*display: none;*/
}

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

/*#projectbox,*/
.contentbox,
.filmprojekte .image_container,
.item {
	width: 100%;
}

#projectbox,
#projectbox {
	/*width: 150% !important;*/
}

.contentbox {
	/*position: relative;*/
	/*left: 25vw;*/
	/*width: 75vw;*/
	padding-right: 0.2rem;
	padding-left: 0.2rem;
}
.ce_linkteaser {
	width: 100%;
	margin-bottom: 0.7rem;
}

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


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



.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 .inside {
	/*display: flex;*/
	/*flex-flow: row;*/
}

#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;
	/*margin-top: 1.5rem;*/
}

#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;
	/*width: 9.4rem;*/
	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;
	align-itmes: flex-end;
}

.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;
	/* margin-right: 3vw; */
	line-height: 1.5;
	 width: auto; 
}

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

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

/*========================
grautöne
========================*/

.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: #c6c7c8;
}

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

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

#hfbk_img {
	/*display: none;*/
}
}