@charset "utf-8";
/*
 Theme Name:   Twentynineteen Child Beatrix Conrad
 Description:  Twentynineteen Child Theme for Beatrix Conrad Website
 Author:       Chris
 Template:     twentynineteen
 Version:      1.0.3
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  twentynineteen-child
*/

@font-face {
  font-family: "Montserrat";
  src: url("fonts/Montserrat-Regular.eot");
  src: url("fonts/Montserrat-Regular.eot?#iefix") format("embedded-opentype"),
    url("fonts/Montserrat-Regular.svg") format("svg"),
    url("fonts/Montserrat-Regular.ttf") format("truetype"),
    url("fonts/Montserrat-Regular.woff") format("woff"),
    url("fonts/Montserrat-Regular.woff2") format("woff2");
  font-weight:normal;
  font-style:normal;
}
@font-face {
  font-family: "Roboto";
  src: url("fonts/roboto-flex-latin-400-normal.eot");
  src: url("fonts/roboto-flex-latin-400-normal.eot?#iefix") format("embedded-opentype"),
    url("fonts/roboto-flex-latin-400-normal.svg") format("svg"),
    url("fonts/roboto-flex-latin-400-normal.ttf") format("truetype"),
    url("fonts/roboto-flex-latin-400-normal.woff") format("woff"),
    url("fonts/roboto-flex-latin-400-normal.woff2") format("woff2");
  font-weight:normal;
  font-style:normal;
}
@font-face {
  font-family: "Yanone";
  src: url("fonts/YanoneKaffeesatz-Regular.eot");
  src: url("fonts/YanoneKaffeesatz-Regular.eot?#iefix") format("embedded-opentype"),
    url("fonts/YanoneKaffeesatz-Regular.svg") format("svg"),
    url("fonts/YanoneKaffeesatz-Regular.ttf") format("truetype"),
    url("fonts/YanoneKaffeesatz-Regular.woff") format("woff"),
    url("fonts/YanoneKaffeesatz-Regular.woff2") format("woff2");
  font-weight:normal;
  font-style:normal;
}
@font-face {
  font-family: "Yanone-Medium";
  src: url("fonts/YanoneKaffeesatz-Medium.eot");
  src: url("fonts/YanoneKaffeesatz-Medium.eot?#iefix") format("embedded-opentype"),
    url("fonts/YanoneKaffeesatz-Medium.svg") format("svg"),
    url("fonts/YanoneKaffeesatz-Medium.ttf") format("truetype"),
    url("fonts/YanoneKaffeesatz-Medium.woff") format("woff"),
    url("fonts/YanoneKaffeesatz-Medium.woff2") format("woff2");
  font-weight:normal;
  font-style:normal;
}
@font-face {
  font-family: "Yanone-Light";
  src: url("fonts/YanoneKaffeesatz-Light.eot");
  src: url("fonts/YanoneKaffeesatz-Light.eot?#iefix") format("embedded-opentype"),
    url("fonts/YanoneKaffeesatz-Light.svg") format("svg"),
    url("fonts/YanoneKaffeesatz-Light.ttf") format("truetype"),
    url("fonts/YanoneKaffeesatz-Light.woff") format("woff"),
    url("fonts/YanoneKaffeesatz-Light.woff2") format("woff2");
  font-weight:normal;
  font-style:normal;
}

body {
	background-color:#000;
	color:#000;
	font-family:'Yanone-Light',sans-serif;
	font-size:22px;
	line-height:1.3;
}
body:before, body:after {
	display:none;
}
body:not(.custom-background-image)::after {
    bottom:initial;
}
a, a:hover, a:focus, a:active, a:visited {
	color:#fff;
	text-decoration:underline;
}
a:hover, .home-arrow:hover, .office span:hover, .read-more-text:hover {
	opacity:0.7;
}
* {
	outline:none !important;
}
p {
	margin:0 0 16px;
}
h1::before, h2::before {
	display:none !important;
}
h1 {
	position:fixed;
	left:5vw;
	margin:0;
	font-family:'Montserrat',sans-serif;
	font-size:3.85vw;
	color:#fff;
	letter-spacing:0;
}
h1.h1-home {
	top:45vh;
}
h1.h1-subpage {
	top:20vh;
}
h1.h1-subpage a {
	text-decoration:none;
}
h1.h1-subpage a:hover {
	opacity:1;
}
h1.h1-home span, h1.h1-subpage span {
	display:block;
	padding-left:6px;
	font-family:'Yanone-Light',sans-serif;
	font-size:2.34vw;
}
h2 {
	font-family:'Yanone',sans-serif;
	font-weight:normal;
	font-size:44px;
	letter-spacing:0;
}
h3 {
	margin:-5px 0 20px;
	font-size:20px;
	font-weight:600;
	letter-spacing:0;
}
ul {
	margin:0;
	padding:0;
	list-style:none;
}
li {
    display:inline;
	line-height:42px;
}

.site {
	margin:0;
	position:relative;
}
.site-main {
	margin:0;
	overflow-x:hidden;
	min-height:calc(100vh - 35px);
}
.site-header {
	position:fixed;
	top:0;
	right:0;
	z-index:120;
	width:0;
	padding:0;
	white-space:nowrap;
	height:42px;
	background-color:#fff;
	color:#777;
	box-shadow:0px 8px 8px 8px rgba(0,0,0,0.4);
	transition:width 0.5s;
}
.site-header.open {
	width:100%;
}
.site-header-main {
	position:relative;
	width:980px;
	height:42px;
	line-height:42px;
	margin:0 auto;
	font-family:'Montserrat',sans-serif;
	font-size:18px;
}
.bc {
	font-family:'Montserrat',sans-serif;
	color:#002244;
}
.bc a:hover {
	opacity:1;
}
.menu-button, .menu-close {
	position:fixed;
	z-index:1000;
	top:0;
	right:0;
	width:100px;
	height:42px;
	background:rgba(255,255,255,0.75) url('images/menu-icon.svg') no-repeat;
	background-size:32px;
	background-position:20px center;
	cursor:pointer;
}
.menu-close {
	background-image:url('images/close-icon.svg');
	background-size:28px;
	display:none;
}
.menu {
	display:flex;
	justify-content:space-between;
	height:42px;
}
.menu a {
	color:#777;
	text-decoration:none;
}
a.current, .langswitch span {
	color:#1F7CBB;
}
.lswitch-spacer {
	margin:0 5px;
}
a.current {
	pointer-events:none;;
}
.menuitem {
	font-size:16px;
	cursor:text;
}
.menuitem:focus {
	opacity:1;
	color:#fff;
}
.social a {
	display:inline-block;
	width:32px;
	height:32px;
	margin-top:5px;
	background-size:32px;
	opacity:0.5;
}
.social.insta a {
	margin-right:-50px;
	background-image:url('images/Icon_Insta.png');
}
.social.fb a {
	background-image:url('images/Icon_FB.png');
}

.site-inner {
	max-width:100%;
}
.site-content {
	padding:0;
}
.content-area {
	width:100%;
}
.bg-container {
	position:fixed;
	top:0;
	left:0;
	width:100vw;
	height:100vh;
}
.bg-container.vita {
	width:100vw;
	height:28vw;
	background-image:url('images/Bea_Filmstreifen_Vita.webp');
	background-size:cover;
}
.bg-container.filmo {
	width:100vw;
	height:28vw;
	background-image:url('images/Bea_Filmstreifen_Filmografie.webp');
	background-size:cover;
}
.bg-container.kontakt {
	width:100vw;
	height:28vw;
	background-image:url('images/Bea_Filmstreifen_Kontakt.webp');
	background-size:cover;
}
.bg-container.mediathek {
	width:100vw;
	height:28vw;
	background-image:url('images/Bea_Filmstreifen_Mediathek.webp');
	background-size:cover;
}
.home-slider-item {
	height:100vh;
	background-size:cover;
	background-position-y:center;
}

.home-arrow {
    position:absolute;
    left:50%;
    bottom:0;
    margin-left:-60px;
    width:120px;
    height:77px;
    background-image:url('images/arrow-down.png');
    background-repeat:no-repeat;
    background-position:center;
    cursor:pointer;
}

.claim {
	position:fixed;
	z-index:2;
	right:5vw;
	top:60vh;
	text-align:right;
	line-height:1.3;
	color:#1F7CBB;
	font-size:1.8vw;
	font-weight:bold;
}
.claim h1 {
	margin:0 0 50px;
	line-height:1.3;
}
button#scrdown {
	position:fixed;
	left:calc(12vw + 66px);
	top:95vh;
	height:1px;
	padding:0;
	background:none;
	font-family:'Yanone';
	font-size:100px;
	font-weight:normal;
	transform:rotate(90deg);
}
button#scrdown.cd {
	left:calc(75vw + 72px);
}
button#scrdown.pr {
	left:66.8vw;
}
h2.h2-news, h2.h2-profil, h2.h2-einblicke, h2.h2-statements, h2.h2-vita, h2.h2-filmo, h2.h2-doku, h2.h2-kontakt {
	position:absolute;
	width:fit-content;
	margin:0;
	line-height:1;	
	color:#fff;
	font-family:'Montserrat', sans-serif;
	font-size:77.5px;
	font-weight:bold;
	hyphens:none;
	text-align:right;
	white-space: nowrap;
}
h2.h2-news {
	left:-100px;
	top:-50px;
	transform:rotate(-90deg) translateX(-100%);
	transform-origin:top left;
}
h2.h2-profil {
	right:-85px;
	top:-100px;
	transform:rotate(-90deg) translateY(-100%);
	transform-origin:top right;
}
h2.h2-einblicke {
	left:-100px;
	top:-50px;
	transform:rotate(-90deg) translateX(-100%);
	transform-origin:top left;
}
h2.h2-statements {
	right:-85px;
	top:-20px;
	transform:rotate(-90deg) translateY(-100%);
	transform-origin:top right;
}
h2.h2-vita {
	left:-100px;
	top:-70px;
	transform:rotate(-90deg) translateX(-100%);
	transform-origin:top left;
}
h2.h2-filmo {
	left:-100px;
	top:-70px;
	transform:rotate(-90deg) translateX(-100%);
	transform-origin:top left;
}
h2.h2-doku {
	left:-100px;
	top:-70px;
	transform:rotate(-90deg) translateX(-100%);
	transform-origin:top left;
}
h2.h2-kontakt {
	left:-100px;
	top:-70px;
	transform:rotate(-90deg) translateX(-100%);
	transform-origin:top left;
}

#page-vita .content.main h2 {
	margin-left:-5px;
	color:#000;
}
#page-lehre .content.main h2 {
	margin:40px 0 20px -5px;
}
article#page-home, article#page-cds, article#page-lehre, article#page-presse, article#page-vita {
	position:relative;
	z-index:10;
	color:#fff;
}
article#page-vita {
	width:60%;
	margin-left:40%;
	color:#000;
	background-color:#f0e9e0;
}
article#page-cds {
	background-color:#8f0025;
}
article#page-lehre {
	width:50%;
	margin-left:50%;
	background-color:#452538;
}
article#page-presse {
	background-color:rgb(127,102,74);
}
/*article#page-kontakt {
	background-color:rgb(127,102,74);
}*/
article#page-page {
	position:relative;
	z-index:10;
	min-height:calc(100vh - 185px);
}
.content.main {
	position:relative;
	hyphens:auto;
	box-shadow:-8px 0px 8px 8px rgba(0,0,0,0.4);
}
.content.main > div {
	position:relative;
}
.content.main.news {
	margin:100vh 0 110px;
	padding:75px 0 20px;
	background-color:#D33800;
}
.content.main.news.fr {
	min-height:550px;
}
.content.main.news > div {
	margin-left:48.5vw;
}
.content.main.profil {
	margin:0 0 110px;
	min-height:20vw;
	padding:126px 0 50px;
	background-color:#A4003F;
}
.content.main.profil > div {
	width:650px;
	margin-left:32vw;
}
.content.main.profil p {
	width:650px;
}
.content.main.einblicke {
	margin:0 0 110px;
	padding:100px 0 20px;
	background-color:#65015F;
}
.content.main.einblicke > div {
	margin-left:32vw;
}
.content.main.statements {
	margin:0 0 200px;
	min-height:31vw;
	padding:70px 0 54px;
	background-color:#D33800;
}
.content.main.statements.fr {
	min-height:740px;
}
.content.main.statements > div {
	width:760px;
	margin-left:32vw;
}
.content.main.statements p {
	width:760px;
	margin:0 0 20px;
}
.content.main.statements p span {
	display:block;
	margin-top:8px;
	font-style:italic;
}
.content.main.vita, .content.main.mediathek {
	margin:28vw 0 0;
	padding:100px 0 120px;
	background-color:#E18F38;
	box-shadow:0px -16px 18px -8px rgba(0,0,0,0.4);
}
.content.main.mediathek {
	background-color:#003A80;
}
.content.main.vita > div {
	width:650px;
	margin-left:32vw;
}
.content.main.mediathek > div {
	margin-left:48.5vw;
}
.content.main.filmo {
	margin:28vw 0 0;
	padding:100px 0 40px;
	background-color:#006496;
	box-shadow:-8px 0px 8px 8px rgba(0,0,0,0.4);
}
.content.main.filmo > div {
	width:650px;
	margin-left:32vw;
}
.devider-filmo {
	height:4vw;
	background-image:url('images/filmstreifen.webp');
}
.content.main.doku {
	margin:0;
	padding:100px 0 40px;
	background-color:#A42164;
	box-shadow:0px -16px 18px -8px rgba(0,0,0,0.4);
}
.content.main.doku > div {
	width:650px;
	margin-left:32vw;
}
.content.main.kontakt, .content.main.impr, .content.main.priv {
	margin:28vw 0 0;
	padding:100px 0 120px;
	background-color:#397A7F;
	box-shadow:0px -16px 18px -8px rgba(0,0,0,0.4);
}
.content.main.impr {
	padding-bottom:220px;
}
.content.main.kontakt > div, .content.main.impr > div {
	width:550px;
	margin-left:32vw;
}
.content.main.priv > div {
	width:650px;
	margin-left:32vw;
}

#page-vita .content.main {
	margin:100vh 0 40px;
	padding:50px 5vw;
	text-align:justify;
}
#page-kontakt .content.main {
	height:calc(60vh - 35px);
	width:480px;
	margin:40vh 0 0 50vw;
	padding:0;
}
#page-kontakt .content.main a {
	color:#000;
}
#page-page .content.main {
	width:50vw;
	margin:150px auto 50px;
	padding:50px 5vw;
	background-color:#141e64;
	color:#fff;
	box-shadow:-8px 0px 8px 8px rgba(0,0,0,0.4);
}
#page-page .content.main a {
	color:#fff;
}
a.order-link {
	position:absolute;
	bottom:-3px;
	left:35%;
}
.repeater-item {
	position:relative;
	width:fit-content;
	margin:0 0 20px;
}
.repeater-item.einblicke {
	display:flex;
	position:relative;
	height:315px;
	width:900px;
	margin-bottom:50px;
}
.repeater-item.einblicke.rght {
	justify-content:space-between;
}
.repeater-item a, #page-lehre .content.main a {
	color:#fff;
}
.repeater-item img, .img-dummy {
	width:560px;
	height:auto;
}
.rpt-title, .filmo-title {
	font-family:'Yanone-Medium';
	margin-bottom:12px;
	letter-spacing:0.3px;
}
.rpt-title span {
	font-family:'Yanone-Light';
}
.repeater-item.einblicke.rght .text-block {
	order:1;
}
.repeater-item.einblicke.rght .media-container {
	order:2;
}
.repeater-item.einblicke.lft .text-block {
	order:2;
}
.repeater-item.einblicke.lft .media-container {
	order:1;
	margin-right:30px;
}
a.news-link {
	display:block;
	width:32px;
	height:32px;
	margin-top:5px;
	background-image:url('images/news-arrow.svg');
	background-size:32px;
}

.site-footer {
	position:relative;
	height:35px;
	padding-top:7px;
	color:#fff;
	display:block;
	font-size:20px;
	text-align:center;
	overflow-y:hidden;
	z-index:100;
}
#copyright {
	position:relative;
	margin-left:19px;
}
#copyright::before {
	content:'©';
	position:absolute;
	left:-19px;
	top:-4px;
	font-size:32px;
}

.site-footer.home {
	background-color:#A4003F;
}
.site-footer.vita, .site-footer.filmo {
	background-color:#65015F;
}
.site-footer.mediathek {
	background-color:#5492FF;
}
.site-footer.contact {
	background-color:#4C89FF;
}
.site-footer.full {
	background-color:#8f0025;
}
.site-footer a {
	margin-left:3vw;
	color:#fff;
	text-decoration:none;
}
.site-footer a.current-footer {
	opacity:0.7;
}
.mt20 {
	margin-top:20px;
}

.only-mobile, .only-portrait, .only-landscape, .menu-bg, .section-img-mobil, .news-trenner, .csstable.section-img.impr img, .contact-mobil, .footer-impr-mobil {
	display:none;
}

/*** MOBILE ***/
@media only screen and (min-width : 320px) and (max-width : 1024px),
only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 1),
only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2) {
	.only-mobile, .repeater-item {
		display:block;
	}
	.only-desktop, .menu-cache .mobile-claim h1, h1 div, .content.main.vita::before, .content.main.filmo::before, .content.main.kontakt::before, .content.main.impr::before, .content.main.priv::before, .devider-filmo {
		display:none;
	}
	h1 {
		position:absolute;
	}
	h1.h1-home span, h1.h1-subpage span {
		font-size:36px;
	}
	.header-bar {
		position:fixed;
		z-index:900;
		width:100vw;
		height:50px;
		line-height:50px;
		padding-left:5vw;
		font-family:'Montserrat',sans-serif;
		font-size:7.5vw;
		font-weight:bold;
		color:#fff;
		background-color:#002244;
	}
	.header-bar a {
		color:#fff;
		text-decoration:none;
	}
	.site-main {
		margin-top:50px;
	}
	.site-header {
		position:fixed;
		z-index:950;
		top:0;
		height:100vh;
		width:100%;
		padding:0;
		background:url('images/Bea_Menu-HG_portrait.webp') no-repeat;
		background-size:cover;
		opacity:0;
		transition:opacity 0.5s;
		pointer-events:none;
	}
	.site-header.open {
		opacity:1;
		pointer-events:all;
	}
	.site-header-main {
		width:100vw;
	}
	.menu-button {
		height:50px;
		width:80px;
		background:url('images/menu-icon-white.svg') no-repeat;
		background-position:center;
	}
	.menu-close {
		height:50px;
		width:80px;
		background:url('images/close-icon-white.svg') no-repeat;
		background-position:center;
	}
	.bc {
		display:block;
		margin-bottom:40px;
		line-height:50px;
		color:#fff;
		font-size:7.5vw;
		font-weight:bold;
	}
	.menu, .menuitem {
		display:block;
		line-height:2.3;
		font-size:32px;
		color:#fff;
	}
	.menuitem.only-mobile {
		margin-top:-5px;
		font-size:16px;
	}
	.menu {
		height:100vh;
		width:fit-content;
		padding-left:5vw;
		text-align:right;
		font-family:'Yanone', sans-serif;
	}
	.menu a {
		color:#fff;
	}
	.langswitch {
		display:block;
		margin:20px 0;
		text-transform:uppercase;
	}
	a.current, .langswitch span {
		opacity:0.7;
		pointer-events:none;
		color:#fff;
	}
	.lswitch-spacer {
		margin:0 20px;
	}
	.social a {
		width:40px;
		height:40px;
		background-size:40px;
		opacity:1;
	}
	.social.insta a {
		margin-right:27px;
	}
	.social.fb a {
		margin-right:-9px;
	}
	.bg-container, .bg-container.vita, .bg-container.mediathek, .bg-container.filmo, .bg-container.kontakt {
		z-index:-1;
		top:50px;
		height:108vw;
	}
	.bg-container.vita {
		background-image:url('images/Bea_Filmstreifen_Vita_mobil.webp');
	}
	.bg-container.mediathek {
		background-image:url('images/Bea_Filmstreifen_Mediathek_mobil.webp');
	}
	.bg-container.filmo {
		background-image:url('images/Bea_Filmstreifen_Filmografie_mobil.webp');
	}
	.bg-container.kontakt {
		background-image:url('images/Bea_Filmstreifen_Kontakt_mobil.webp');
	}
	.slick-slider {
		height:108vw;
		margin-bottom:0;
	}
	.slick-autoplay-toggle-button {
		left:-1000px;
	}
	.claim {
		position:static;
		margin-top:108vw;
		padding:30px 5vw 20px;
		text-align:left;
		background-color:#002244;
		font-size:25px;
	}
	.content.main {
		margin:15.6vw 0 0 !important;
		padding:0 !important;
	}
	.content.main.vita, .content.main.mediathek, .content.main.filmo, .content.main.kontakt, .content.main.impr, .content.main.priv {
		margin-top:108vw !important;
	}
	.content.main::before {
		content:'';
		position:absolute;
		height:15.6vw;
		width:100%;
		top:-15.6vw;
		background:url('images/Bea_Trenner_01_mobil.webp') no-repeat;
		background-size:cover;
	}
	.content.main.mediathek::before {
		display:none;
	}
	.content.main.profil::before {
		background:url('images/Bea_Trenner_02_mobil.webp') no-repeat;
	}
	.content.main.einblicke::before {
		background:url('images/Bea_Trenner_03_mobil.webp') no-repeat;
	}
	.content.main.statements::before {
		background:url('images/Bea_Trenner_04_mobil.webp') no-repeat;
	}
	.content.main.news > div, .content.main.profil > div, .content.main.einblicke > div, .content.main.statements > div, .content.main.vita > div, .content.main.mediathek > div, .content.main.filmo > div, .content.main.doku > div, .content.main.kontakt > div, .content.main.impr > div, .content.main.priv > div {
		width:90vw;
		margin:0 5vw;
		padding:40px 0 30px;
	}
	h2.h2-news, h2.h2-profil, h2.h2-einblicke, h2.h2-statements, h2.h2-vita, h2.h2-filmo, h2.h2-doku, h2.h2-kontakt {
		position:relative;
		top:0;
		left:-5px;
		margin-bottom:15px;
		line-height:1.3;
		transform:none;
		font-size:10.7vw;
		text-align:left;
		hyphens:auto;
		white-space:normal;
	}
	.content.main.profil p, .content.main.statements p {
		width:100%;
	}
	.repeater-item.einblicke {
		height:auto;
		width:100%;
		flex-direction:column;
	}
	.repeater-item.einblicke.lft .media-container, .repeater-item.einblicke.rght .media-container {
		order:1;
	}
	.repeater-item.einblicke.lft .text-block, .repeater-item.einblicke.rght .text-block {
		order:2;
	}
	.media-container {
		position:relative;
		overflow:hidden;
		width:100%;
		padding-top:56.25%;
		margin-bottom:20px;
	}
	.repeater-item img, .img-dummy, video {
		position:absolute;
		top:0;
		left:0;
		bottom:0;
		right:0;
		width:100%;
		height:100%;
	}
	
	.site-footer {
		width:100vw !important;
		margin-left:0 !important;
	}
	.site-footer.full {
		padding-left:0 !important;
	}
}

@media only screen and (min-device-width : 320px) and (max-device-width : 1024px) and (orientation : portrait) {
	.only-portrait {
		display:block;
	}
	.home-slider-item {
		height:108vw;
	}
	h1.h1-home, h1.h1-subpage {
		top:auto;
		bottom:14vw;
		left:calc(5vw - 7px);
	}
	.claim h1 {
		display:none;
	}
}
@media only screen and (min-device-width : 320px) and (max-device-width : 1024px) and (orientation : landscape),
only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 1),
only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
	.only-landscape {
		display:block;
	}
	.menu {
		position:relative;
		height:auto;
		padding-left:20vw;
	}
	.menu > li:nth-of-type(2), .menu > li:nth-of-type(3) {
		text-align:left;
		width:fit-content;
	}
	.menu > li:nth-of-type(4) {
		margin-top:-147px;
	}
	.bc {
		margin-bottom:0;
	}
	.langswitch {
		text-align:left;
	}
	.social {
		position:absolute;
		bottom:-10px;
		right:-60px;
	}
	 .social.insta a {
		margin-right:0;
	}
	.social.fb {
		right:-120px;
	}
	.header-bar, .bc {
		font-size:4vw;
	}
	.bg-container, .bg-container.vita, .bg-container.mediathek, .bg-container.filmo, .bg-container.kontakt, .slick-slider, .home-slider-item {
		height:calc(100vh - 50px);
		background-position:center;
	}
	.bg-container.vita {
		background-image: url('images/Bea_Filmstreifen_Vita_landscape.webp');
	}
	.bg-container.mediathek {
		background-image: url('images/Bea_Filmstreifen_Mediathek_landscape.webp');
	}
	.bg-container.filmo {
		background-image: url('images/Bea_Filmstreifen_Filmografie_landscape.webp');
	}
	.bg-container.kontakt {
		background-image: url('images/Bea_Filmstreifen_Kontakt_landscape.webp');
	}
	h1.h1-home, h1.h1-subpage {
		top:60vh;
	}
	h2.h2-news, h2.h2-profil, h2.h2-einblicke, h2.h2-statements, h2.h2-vita, h2.h2-filmo, h2.h2-doku, h2.h2-kontakt {
		font-size:7vw;
	}
	.claim, .content.main.vita, .content.main.filmo, .content.main.kontakt, .content.main.impr, .content.main.priv {
		margin-top:calc(100vh - 50px) !important;
	}
	.content.main::before, .content.main.profil::before, .content.main.einblicke::before, .content.main.statements::before {
		height:4vw;
		top:-4vw;
		background-image:url('images/filmstreifen.webp');
		background-size:cover;
	}
	.content.main {
		margin-top:4vw !important;
	}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 1),
only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
	.header-bar, .bc {
		font-size:30px;
	}
}