@charset "utf-8";
/*
 Theme Name:   Twentynineteen Child Christian Jost
 Description:  Twentynineteen Child Theme for Christian Jost
 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: "Urbanist";
  src: url("fonts/Urbanist-Regular.eot"); /* IE9 Compat Modes */
  src: url("fonts/Urbanist-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("fonts/Urbanist-Regular.svg") format("svg"), /* Legacy iOS */
    url("fonts/Urbanist-Regular.ttf") format("truetype"), /* Safari, Android, iOS */
    url("fonts/Urbanist-Regular.woff") format("woff"), /* Modern Browsers */
    url("fonts/Urbanist-Regular.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Urbanist-Light";
  src: url("fonts/Urbanist-Light.eot"); /* IE9 Compat Modes */
  src: url("fonts/Urbanist-Light.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("fonts/Urbanist-Light.svg") format("svg"), /* Legacy iOS */
    url("fonts/Urbanist-Light.ttf") format("truetype"), /* Safari, Android, iOS */
    url("fonts/Urbanist-Light.woff") format("woff"), /* Modern Browsers */
    url("fonts/Urbanist-Light.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Urbanist-Bold";
  src: url("fonts/Urbanist-Bold.eot"); /* IE9 Compat Modes */
  src: url("fonts/Urbanist-Bold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("fonts/Urbanist-Bold.svg") format("svg"), /* Legacy iOS */
    url("fonts/Urbanist-Bold.ttf") format("truetype"), /* Safari, Android, iOS */
    url("fonts/Urbanist-Bold.woff") format("woff"), /* Modern Browsers */
    url("fonts/Urbanist-Bold.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Urbanist-Medium";
  src: url("fonts/Urbanist-Medium.eot"); /* IE9 Compat Modes */
  src: url("fonts/Urbanist-Medium.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("fonts/Urbanist-Medium.svg") format("svg"), /* Legacy iOS */
    url("fonts/Urbanist-Medium.ttf") format("truetype"), /* Safari, Android, iOS */
    url("fonts/Urbanist-Medium.woff") format("woff"), /* Modern Browsers */
    url("fonts/Urbanist-Medium.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

html, body {
	margin:0;
	padding:0;
}
body {
	background-color:#FEFDF9;
	color:#000;
	font-family:'Urbanist',sans-serif;
	font-size:0.8rem;
	line-height:1.6;
}
body.page-id-2 {
	overflow-y:clip;
}
body.page-id-2.starttext {
	overflow-y:scroll;
}
body:before, body:after, .entry .entry-title::before, h1::before, h2::before, h3::before, .clear::before, .clear::after, .entry-content::before, .entry-content::after, .comment-content::before, .comment-content::after, .site-header::before, .site-header::after, .site-content::before, .site-content::after, .site-footer::before, .site-footer::after {
	display:none !important;
}
body:not(.custom-background-image)::after {
    bottom:initial;
}
a, a:hover, a:focus, a:active, a:visited {
	color:#000;
}
a:hover, .menu-button:hover, .menu-close:hover, .read-more:hover, .read-more-close:hover, .pagination div:hover, #vid:hover, #cd:hover, .wverz-text h2:hover {
	opacity:0.7;
}
a, a:hover, a:focus {
	text-decoration:underline;
	text-decoration-thickness:auto;
}
p {
	margin:0 0 10px;
	hyphens:auto;
}
.slider-right p {
	color:#fff;
	font-size:17px;
}
h1, .img-wrapper-right h2 {
	font-weight:normal;
	font-size:2.2vw;
	margin:0;
	line-height:0.9;
	white-space:nowrap;
	letter-spacing:0;
	color:#d4a44f;
	font-family: 'Urbanist-Light', sans-serif;
}
.img-wrapper-right h2 {
	white-space:normal;
	line-height:1.2;
}
.intro {
	position:relative;
	height:0;
}
h1.h1-home {
	position:absolute;
	z-index:20;
	top:65vh;
	left:7vw;
	transition:top 0.5s;
}
h1.h1-home span {
	font-size:1.62vw;
}
h1.slideaway {
	top:140vh;
}
h1.h1-werke, h1.h1-pr-kont, h1.h1-vita, h1.h1-medien, .video-cd-switch {
	position:fixed;
	z-index:2;
	top:46vh;
	left:auto;
	right:23vw;
	line-height:1.1;
}
h1.h1-medien {
	left:76vw;
	top:35vh;
}
h1.h1-pr-kont {
	left:10vw;
	right:auto;
}
h1.h1-vita {
	left:20vw;
	right:auto;
	top:68vh;
}
h1.h1-einzelwerk, h2.h2-medien {
	margin-bottom:10px;
	font-size:2.08rem;
	color:#000;
}
h1.h1-office {
	margin-bottom:30px;
	text-transform:uppercase;
}
h2.h2-medien {
	margin-bottom:40px;
}
h1.h1-werke span, h1.h1-pr-kont span, h1.h1-vita span, h1.h1-medien span {
	color:#fff;
	font-size:2.2vw;
	text-transform:uppercase;
}
h2, h3 {
	letter-spacing:0;
	font-weight:normal;
	font-size:1.5vw;
	color:#fff;
	font-family: 'Urbanist-Light', sans-serif;
}
#office-pages h2 {
	color:#000;
}
h3 {
	font-size:1.2vw;
	margin-bottom:5px;
}
.site-header {
	padding:0;
}
.mt-100vh #page {/*body:not(.page-id-2):not(.single-post) #page {*/
	margin-top:-100vh;
}

/* MENU */
.menu-button {
	position:fixed;
	z-index:100;
	top:30px;
	right:30px;
	width:70px;
	height:70px;
	border-radius:35px;
	background: rgba(0,0,0,0.2) url('images/menu-button.svg') no-repeat;
	background-size:55px;
	background-position:center;
	cursor:pointer;
}
.menu-close {
	position:absolute;
	top:30px;
	right:30px;
	width:70px;
	height:70px;
	background-image:url('images/close.svg');
	background-repeat:no-repeat;
	background-size:55px;
	background-position:center;
	cursor:pointer;
}
.menu-container {
	display:none;
	position:fixed;
	z-index:150;
	top:0;
	left:0;
	height:100vh;
	width:100vw;
	line-height:2.1;
	background-color:rgba(0,34,41,0.7);
	pointer-events:all;
}
.menu-subcontainer {
	position:relative;
}
.menu-container-inner {
	position:absolute;
	top:0;
	right:0;
	width:50vw;
	height:100vh;
	padding:12vh 35px 0 50px;
	line-height:1.6;
	color:#fff;
	background-image:url('images/CJ_HG_Menue_Wand.jpg');
	background-size:cover;
	background-position:center;
}
.langswitch {
	position:relative;
	margin-top:35px;
	width:fit-content;
	font-size:26px;
}
.langswitch a {
	color:#d4a44f;
	text-decoration:none;
}
.menu-item-main {
	margin:35px 0 -10px;
	font-size:32px;
	font-family:'Urbanist-Light', sans-serif;
}
.menu-item-sub {
	font-size:26px;
	font-family:'Urbanist-Light', sans-serif;
}
.menu-item-main a, .menu-item-sub a {
	color:#fff;
	text-decoration:none;
}
.social {
	position:absolute;
	bottom:4px;
	left:17.5vw;
	display:flex;
	justify-content:space-between;
	width:18vw;
}
#fb, #in, #am, #sp {
	width:32px;
	height:32px;
	background-image:url('images/Icon_CJ_Facebook.jpg');
	background-size:32px;
	border-radius:16px;
}
#in {
	background-image:url('images/Icon_CJ_Instagram.jpg');
}
#am {
	background-image:url('images/Icon_CJ_Apple-Music.jpg');
}
#sp {
	background-image:url('images/Icon_CJ_Spotify.jpg');
}

/*** HOME ***/
.cj {
	position:absolute;
	left:-210px;
	top:190px;
	transform:rotate(270deg);
	font-size:42px;
	color:#d4a44f;
	font-family:'Urbanist-Light', sans-serif;
}
.claim {
	position:absolute;
	z-index:15;
	top:45vh;
	left:3.5vw;
	color:#fff;
	line-height:1.2;
	font-size:1.62vw;
	font-family: 'Urbanist-Light', sans-serif;
	transition:top 0.5s;
}
.claim span {
	margin-left:95px;
}
.claim.slideaway {
	top:120vh;
}
.text-content {
	position:fixed;
	z-index:10;
	width:45%;
	color:#fff;
	bottom:5vh;
	left:5vw;
}
#aktuell {
	position:absolute;
	z-index:16;
	top:-29vh;
	left:57vw;
	font-size:2.2vw;
	line-height:1.2;
	color:#d4a44f;
	font-family: 'Urbanist-Light', sans-serif;
	transition:top 0.5s;
}
#aktuell span {
	color:#fff;
}
#aktuell.slidein {
	top:46vh;
}
.table {
	display:table;
	margin:50px 0 0 8vw;
	color:#fff;
}
.tr {
	display:table-row;
}
.tr.aktuell div:first-of-type {
	width:280px;
	padding-right:50px;
	text-align:right;
	font-weight:bold;
}
.tr.aktuell div:last-of-type {
	width:450px;
}
.td {
	display:table-cell;
	padding-bottom:20px;/*25px*/
	line-height:1.5;
}
.td a {
	color:#d4a44f;
}
.td a.last {
	margin-left:15px;
}
.fw-bold {
	font-weight:bold;
}

.slider-left, .slider-right {
	position:fixed;
	z-index:10;
	left:0;
	top:0;
	width:50vw;
	height:100vh
}
.slider-right {
	left:auto;
	right:0;
}
.slider-right a {
	color:#d4a44f;
}
.img-wrapper-left, .img-wrapper-right {
	width:50vw !important;
	height:100vh;
	background-size:cover;
	background-position:right top;
	background-repeat:repeat;
}
.img-wrapper-right {
	padding:5vw 9vw 0 6vw;
	background-position:left top;
}
.slick-vertical .slick-slide {
	border:none;
	height:100vh;
}
.slick-dots {
	position:fixed;
	z-index:50;
	top:45%;
	right:25px;
	width:20px;
}
.slick-dots li {
	margin: 2px 5px;
}
.slick-dots li button .slick-dot-icon, .slick-dots li button:focus .slick-dot-icon, .slick-dots li button:active .slick-dot-icon {
	color:#fff;
	opacity:0.35;
}
.slick-dots li button:focus .slick-dot-icon::before, .slick-dots li.slick-active button .slick-dot-icon, .slick-dots li.slick-active button:focus .slick-dot-icon, .slick-dots li.slick-active button:active .slick-dot-icon {
	color:#fff;
}
.slick-dots li.slick-active button .slick-dot-icon::before {
	margin-top:0;
	margin-left:0;
	font-size:12px;
}
.slider-left {
	transform:rotate(180deg);
}
.slider-left .slick-slide {
	transform:rotate(-180deg);
}
.bg-img.only-desktop {
	position:fixed;
	z-index:1;
	top:0;
	left:0;
	width:100vw;
	height:100vh;
	background-size:cover;
	background-position:center top;
	background-image:url('images/CJ_web_03_komplett.jpg');
}
.bg-img.only-desktop.werke {
	background-image:url('images/CJ_web_HG-01_WERKE.jpg');
}
.bg-img.only-desktop.medien {
	background-image:url('images/CJ_HG-01_MEDIEN.webp');
}
.bg-img.only-desktop.presse {
	background-image:url('images/CJ_HG-01_PRESSE.jpg');
}
.bg-img.only-desktop.vita {
	background-image:url('images/CJ_HG-01_VITA.jpg');
}
.bg-img.only-desktop.kontakt {
	background-image:url('images/CJ_HG-01_KONTAKT.jpg');
}
.read-more {
	margin-top:-10px;
	width:fit-content;
	color:#d4a44f;
	text-decoration:underline;
	cursor:pointer;
}
.pagination-outer {
	position:absolute;
	bottom:2vh;
	width:50vw;
	padding-left:6.4vw;
}
.pagination {
	display:flex;
	width:fit-content;
	margin:0 auto;
	color:#fff;
}
.pagpage {
	display:inline;
	margin-right:20px;
	line-height:15px;
	font-weight:bold;
	cursor:pointer;
}
.pagpage.cur {
	color:#d4a44f;
}
.pagarrow-left, .pagarrow-right {
	width:16px;
	height:15px;
	margin-right:20px;
	background-image:url('images/pfeil-links.svg');
	cursor:pointer;
}
.pagarrow-right {
	margin-right:0;
	background-image:url('images/pfeil-rechts.svg');
}
.disabl {
	opacity:0.4;
	pointer-events:none;
}
@media only screen and (max-width : 1500px) {
	.slider-right p, .table {
		font-size:1.3vw;
	}
	.img-wrapper-right {
		padding-right:7vw;
	}
}
.sticky-scrollbg {
	position:sticky;
	z-index:20;
	top:0;
	margin:100vh 0 0 50%;
	width:50%;
	height:100vh;
	background-size:cover;
}
.sticky-scrollbg.werke {
	background-image:url('images/CJ_HG-02_WERKE.jpg');
	margin-left:0;
}
.sticky-scrollbg.medien {
	background-image:url('images/CJ_HG-02_PRESSE.jpg');
	margin-left:0;
}
.sticky-scrollbg.presse {
	background-image:url('images/CJ_HG-02_PRESSE.jpg');
}
.sticky-scrollbg.vita {
	background-image:url('images/CJ_HG-02_VITA.jpg');
}
.sticky-scrollbg.kontakt {
	background-image:url('images/CJ_HG-02_KONTAKT.jpg');
}

/*** WERKE ***/
a.wverz-back {
	position:fixed;
	top:120px;
	right:35px;
	display:inline-block;
	padding:2px 20px;
	color:#fff;
	background-color:rgba(0,34,41,0.5);
	text-decoration:none;
	cursor:pointer;
}
.wverz-text {
	position:relative;
	z-index:30;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	width:50vw;
	margin-top:40px;
	color:#fff;
	font-family:'Urbanist-Medium';
}
.wverz-text h2 {
	width:41%;
	margin:0 0 5px;
	line-height:1.6;
	font-family:'Urbanist-Medium';
	font-size:0.8rem;
	text-align:right;
	cursor:pointer;
}
.wverz-text a {
	color:#fff;
	text-decoration:none;
}
.wverz-text-inner {
	width:54%;
	margin-left:5%;
	padding-bottom:20px;
}
.wverz-text details {
	width:95%;
}
.wverz-text summary {
	position:relative;
	width:fit-content;
	list-style-type:none;
	cursor:pointer;
}
.wverz-text summary::after, .wverz-title::after, .einzelwerk-infos a::after, .flex a::after, .media-text a::after {
	content:'';
	position:absolute;
	z-index:50;
	display:block;
	top:-3px;
	right:-30px;
	height:24px;
	width:24px;
	padding:5px;
	background:url('images/pfeil-details.svg') no-repeat center;
	background-size:14px;
	transform:rotate(180deg);
	transform-origin:center center;
	transition:transform 0.4s;
	cursor:pointer;
}
.wverz-text summary.down::after {
	transform:rotate(0deg);
}
.wverz-title::after, .einzelwerk-infos a::after, .flex a::after, .media-text a::after {
	transform:rotate(90deg);
}
.wverz-title.noarrow::after {
	display:none;
}
.einzelwerk-infos a::after, .flex a::after, .media-text a::after {
	background-image:url('images/pfeil-details-gruen.svg');
	top:-1px;
}
.flex a::after, .media-text a::after {
	top:2px;
}
.wverz-title {
	margin-left:32px;
	position:relative;
	width:fit-content;
}
.wverz-descr {
	margin:0 0 20px 32px;
	font-family:'Urbanist-Light';
}
.einzelwerke {
	display:none;
}
.type-post, .office article {
	background:url('images/Christian-Jost_BG_Einzelwerk.webp') no-repeat center;
	background-size:cover;
	background-attachment:fixed;
}
.office article {
	min-height:100vh;
}
.post-content {
	position:relative;
	z-index:50;
	width:50vw;
	min-height:100vh;
	padding:40px 5vw;
	margin:0 auto;
	background-color:#fff;
	box-shadow:0px 3px 5px 7px rgba(0,0,0,0.2);
}
.einzelwerk-subtitle {
	margin-bottom:60px;
	line-height:1.4;
	font-size:1.3rem;
	hyphens:initial;
}
.einzelwerk-subtitle br {
	display:none;
}
.vision {
	margin:0;
	font-weight:bold;
}
.einzelwerk-infos, .einzelwerk-infos a {
	position:relative;
	margin-top:40px;
	color:rgb(118, 155, 78);
	text-decoration:none;
}
.media-full {
	width:100%;
}
.media-small {
	width:40%;
}
.iframe-container {
	position:relative;
	overflow:hidden;
	width:100%;
	height:0;
	padding-top:56.25%;
}
iframe {
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	width:100%;
	height:100%;
}
.flex {
	display:flex;
	justify-content:space-between;
}
.flex .media-text {
	width:55%;
	margin-top:-7px;
}
.media-text span {
	text-transform:uppercase;
}
.flex a, .media-text a {
	position:relative;
	display:block;
	width:fit-content;
	text-decoration:none;
	color:rgb(118, 155, 78);
}

/* MEDIEN */
.video-cd-switch {
	z-index:35;
	right:76vw;
	top:35vh;
	color:#fff;
	text-align:right;
}
.video-cd-switch span {
	cursor:pointer;
}
.video-cd-switch-bg {
	position:fixed;
	z-index:3;
	left:0;
	top:33vh;
	width:25vw;
	padding:20px;
	background-color:#000;
	font-size:2.2vw;
	line-height:1.1;
}

/* PRESSE / KONTAKT */
.pr-kont-text {
	position:relative;
	z-index:30;
	width:44vw;
	margin-left:53vw;
	padding-top:100px;
	color:#fff;
}
.pr-kont-text h2 {
	margin:0;
	line-height:1.6;
	font-size:0.8rem;
	color:#d4a44f;
	font-family:'Urbanist', sans-serif;
}
.pr-kont-text a {
	color:#fff;
}
.pr-kont-text p {
	margin-bottom:30px;
}
.pr-kont-text span {
	color:#d4a44f;
}

/* VITA*/
.vita-text {
	position:relative;
	z-index:30;
	width:35vw;
	margin-left:64.5vw;
	padding-top:100px;
	color:#fff;
}
.vita-text .table-row div:first-of-type {
	display:table-cell;
	width:120px;
	padding-right:20px;
	text-align:right;
}
.vita-text .table-row div:last-of-type {
	display:table-cell;
	width:24vw;
}

.mt30 {
	margin-top:30px !important;
}
.mt35 {
	margin-top:35px;
}
.mt160 {
	margin-top:160px;
}
.mb15 {
	margin-bottom:15px;
}
.mb20 {
	margin-bottom:20px;
}
.mb30 {
	margin-bottom:30px;
}
.mb40 {
	margin-bottom:30px;
}
.table-row {
	display:table-row;
}
.only-mobile, .only-portrait, .only-landscape, .display-none, .read-more-content {
	display:none;
}

/*** MOBILE ***/
@media only screen and (min-width : 320px) and (max-width : 980px) {
	.only-mobile, .section-img-mobil {
		display:block;
	}
	.only-desktop, .sticky-scrollbg, .video-cd-switch-bg, .video-cd-switch br {
		display:none;
	}
	html, body {
		overflow-y:initial;
	}
	body.page-id-2 {
		overflow-y:auto;
	}
	.mt-100vh #page { /*body:not(.page-id-2):not(.single-post) #page {*/
		margin-top:0;
	}
	.bg-img-mobile {
		position:fixed;
		z-index:-1;
		top:0;
		left:0;
		width:100vw;
		height:100vh;
		background-image:url('images/CJ_home_02_Wand_mobil.jpg');
		background-size:cover;
	}
	h1.h1-home, h1.h1-werke, h1.h1-pr-kont, h1.h1-vita, h1.h1-medien {
		position:absolute;
		width:100%;
		top:auto;
		bottom:7.5vh;
		left:0;
		margin-left:0;
		line-height:0.8;
		text-align:center;
		font-size:8vw;
	}
	h1.h1-werke, h1.h1-pr-kont, h1.h1-vita, h1.h1-medien {
		line-height:1.2;
	}
	h1.h1-home span {
		font-size:5.8vw;
	}
	h1.h1-werke span, h1.h1-pr-kont span, h1.h1-vita span, h1.h1-medien span, h1.h1-office {
		font-size:8vw;
	}
	h2 {
		font-size:1.3rem;
	}
	h2.h2-medien {
		margin-top:0;
	}
	.claim {
		top:13vh;
		font-size:5vw;
	}
	.site-header {
		position:fixed;
		z-index:100;
		width:100vw;
		height:40px;
		pointer-events:none;
	}
	.menu-button {
		position:absolute;
		top:5px;
		right:3vw;
		width:50px;
		height:50px;
		border-radius:25px;
		background-size:37px 45px;
		background-color:rgba(0,0,0,0.35);
		pointer-events:all;
	}
	.menu-close {
		top:10px;
		right:3vw;
		width:50px;
		height:50px;
		background-size:30px;
	}
	.menu-container::before {
		content:'';
		width:100vw;
		height:100vh;
		position:fixed;
		z-index:-1;
		top:0;
		left:0;
		background-color:rgba(0,34,41,0.7);
	}
	.menu-container-inner {
		width:78vw;
		padding-top:21px;
		line-height:1.4;
	}
	.cj {
		left:-145px;
		top:135px;
		font-size:30px;
	}
	.menu-item-main {
		font-size:24px;
		margin:20px 0 5px;
	}
	.menu-item-sub {
		font-size:20px;
		margin-bottom:10px;
	}
	.langswitch {
		position:relative;
		width:100%;
		margin-top:20px;
		font-size:20px;
	}
	.social {
		position:relative;
		left:0;
		width:100%;
		margin-top:35px;
	}
	.intro {
		position:relative;
		width:100vw;
		height:100vh;
		background-image:url('images/CJ_HG_HOME_mobil.jpg');
		background-size:cover;
		background-position:center;
	}
	.intro.werke {
		background-image:url('images/CJ_HG_WERKE_mobil.jpg');
	}
	.intro.medien {
		background-image:url('images/CJ_medien_01_mobil.jpg');
	}
	.intro.presse {
		background-image:url('images/CJ_HG_PRESSE_mobil.jpg');
	}
	.intro.vita {
		background-image:url('images/CJ_HG_VITA_mobil.jpg');
	}
	.intro.kontakt {
		background-image:url('images/CJ_HG_KONTAKT_mobil.jpg');
	}
	.text-mobil {
		padding:14vh 6vw 10vh;
		color:#fff;
	}
	.text-mobil p span {
		line-height:1;
		font-size:7.5vw;
		font-family:'Urbanist-Light', sans-serif;
	}
	.akt-mobil {
		height:65vh;
		padding:9vh 0 0 6vw;
		line-height:1.2;
		background-image:url('images/CJ_home_03_mobil.jpg');
		background-size:100vw auto;
		font-size:7.5vw;
		color:#d4a44f;
	}
	.akt-mobil span {
		font-size:7.5vw;
		color:#fff;
	}
	.akttext-mobil {
		padding:9vh 0 1vh 6vw;
		line-height:1.2;
		color:#fff;
	}
	.text-content {
		position:relative;
		width:100%;
		padding:14vh 6vw 0;
		left:0;
	}
	.wverz-text {
		width:100%;
		margin-bottom:40px;
	}
	.wverz-text h2 {
		width:100%;
		text-align:left;
		padding-left:6vw;
		font-weight:bold;
	}
	.wverz-text-inner {
		width:100%;
		margin-left:0;
		padding:0 0 20px 6vw;
	}
	.type-post, .post-128, .post-11 {
		position:relative;
		width:100vw;
		padding-bottom:40px;
		background:none;
	}
	.office article {
		background:none;
	}
	.type-post {
		position:absolute;
	}
	.einzelwerk-subtitle {
		margin-bottom:20px;
	}
	.menucache-werke {
		position:fixed;
		top:0;
		z-index:80;
		height:60px;
		width:100vw;
		background:url('images/Christian-Jost_BG_Einzelwerk_mobil.jpg') no-repeat top;
		background-size:cover;
	}
	.bg-img.only-mobile.medien {
		position:fixed;
		width:100vw;
		height:100vh;
		background:url('images/Christian-Jost_BG_Einzelwerk_mobil.jpg') no-repeat top;
		background-size:cover;
	}
	.post-content {
		width:94vw;
		min-height:unset;
		margin:60px auto 0;
		padding:30px 5vw 1px;
		background-color:rgba(255,255,255,0.7);
	}
	a.wverz-back, .video-cd-switch {
		z-index:90;
		top:6px;
		left:3vw;
		right:auto;
		height:48px;
		line-height:48px;
		padding:0 20px;
		background-color:rgba(0,0,0,0.35);
		border-radius:25px;
	}
	#vid {
		margin-right:20px;
	}
	.pr-kont-text, .vita-text {
		width:88vw;
		margin:0 0 40px 6vw;
		padding-top:10vh;
	}
	.vita-text .table-row div:first-of-type {
		width:auto;
		padding-right:12px;
	}
	.vita-text .table-row div:last-of-type {
		width:auto;
	}
}
	
@media only screen and (min-device-width : 320px) and (max-device-width : 980px) and (orientation : portrait) {
	.only-portrait {
	 	display:block;
	}
	.only-landscape {
	 	display:none;
	}
	h1 span {
		font-size:5.8vw;
	}
	.table {
		display:block;
		margin:0;
		font-size:inherit;
		line-height:1.6;
	}
	.table.display-none, .tr, .td {
		display:block;
	}
	.tr.aktuell div:first-of-type, .tr.aktuell div:last-of-type {
		width:100%;
		padding:0;
		text-align:left;
	}
	.tr.aktuell {
		margin-bottom:40px;
	}
	.post-content .flex {
		display:block;
		margin-bottom:30px;
	}
	.flex .media-small, .flex .media-text {
		width:100%;
		margin-bottom:5px;
	}
}
@media only screen and (min-device-width : 320px) and (max-device-width : 980px) and (orientation : landscape) {
	.only-portrait {
		display:none;
	}
	.only-landscape {
		display:block;
	}
	.bg-img-mobile {
		background-image:url('images/CJ_home_02_Wand_mobil_landscape.jpg');
	}
	 h1 {
		font-size:5vw;
		text-align:left;
		padding-left:3.5vw;
	}
	h1 span {
		font-size:3.7vw;
	}
	.menu-container-inner {
		width:85vw;
		padding:15px 0 0 30px;
	}
	.menu-container-inner > div:last-of-type{
		width:50%;
		margin-left:40px;
	}
	.menu-subcontainer {
		display:inline-block;
		vertical-align:top;
	}
	 .claim {
		top:10vh;
		font-size:3vw;
	}
	.claim span {
		margin-left:20px;
	}
	 .text-mobil {
		padding:10vh 3.5vw;
	}
	.text-mobil p span {
		font-size:4.5vw;
	}
	.akt-mobil, .akt-mobil span {
	 	font-size:5vw;
		background-position-y:-130px;
		height:85vh;
	}
	.akttext-mobil {
		padding-left:0;
	}
	.table {
		margin-top:0;
		font-size:inherit;
		line-height:1.6;
	}
	.table.display-none {
		display:table;
	}
}