/*
 Theme Name:   Hitchcock Child
 Description:  Hitchcock Child Theme
 Author:       Andreas Daxer
 Author URI:   http://www.andreasdaxer.com
 Template:     hitchcock
 Version:      6.3.9
 Text Domain:  hitchcock_child
*/
/* Alle Deine Änderungen fügst Du unterhalb ein */

@font-face {
    src: url("../hitchcock/fa/fonts/font-awesome/DroidSerif-Regular.ttf") format("truetype");
}
@font-face {
    font-family: DroidBoldWeb;
    src: url("../hitchcock/fa/fonts/font-awesome/DroidSerif-Bold.ttf") format("truetype");
}
@font-face {
    font-family: DroidItalicWeb;
    src: url("../hitchcock/fa/fonts/font-awesome/DroidSerif-Italic.ttf") format("truetype");
}
@font-face {
    font-family: DroidBoldItalicWeb;
    src: url("../hitchcock/fa/fonts/font-awesome/DroidSerif-BoldItalic.ttf") format("truetype");
}

/*
@font-face {
    src: url("../hitchcock/fa/fonts/font-awesome/Montserrat-Light.otf") format("opentype");
}
@font-face {
    font-family: DroidBoldWeb;
    src: url("../hitchcock/fa/fonts/font-awesome/Montserrat-Light.otf") format("opentype");
}
@font-face {
    font-family: DroidItalicWeb;
    src: url("../hitchcock/fa/fonts/font-awesome/DroidSerif-Italic.ttf") format("truetype");
}
@font-face {
    font-family: DroidBoldItalicWeb;
    src: url("../hitchcock/fa/fonts/font-awesome/DroidSerif-BoldItalic.ttf") format("truetype");
}

@font-face {
    font-family: DroidBoldRegular;
    src: url("../hitchcock/fa/fonts/font-awesome/Montserrat-Light.otf") format("opentype");
}
*/

@font-face {
    font-family: CG;
    src: url("../hitchcock/fa/fonts/font-awesome/CenturyGothic.ttf") format("truetype");
}
@font-face {
    font-family: CGItalic;
    src: url("../hitchcock/fa/fonts/font-awesome/CenturyGothicItalic.ttf") format("truetype");
}
@font-face {
    font-family: CGBold;
    src: url("../hitchcock/fa/fonts/font-awesome/CenturyGothicBold.ttf") format("truetype");
}
@font-face {
    font-family: CGBoldItalic;
    src: url("../hitchcock/fa/fonts/font-awesome/CenturyGothicBoldItalic.ttf") format("truetype");
}

@font-face {
    font-family: MSLightWeb;
    src: url("../hitchcock/fa/fonts/font-awesome/Montserrat-Light.otf") format("opentype");
}
@font-face {
    font-family: MSRegularWeb;
    src: url("../hitchcock/fa/fonts/font-awesome/Montserrat-Regular.otf") format("opentype");
}
@font-face {
    font-family: MSMediumWeb;
    src: url("../hitchcock/fa/fonts/font-awesome/Montserrat-Medium.otf") format("opentype");
}
@font-face {
    font-family: MSSemiboldWeb;
    src: url("../hitchcock/fa/fonts/font-awesome/Montserrat-SemiBold.otf") format("opentype");
}
@font-face {
    font-family: MSBoldWeb;
    src: url("../hitchcock/fa/fonts/font-awesome/Montserrat-Bold.otf") format("opentype");
}

/*background-repeat: repeat;*/

.embed-test {
	-webkit-transition: all 2s ease-in-out;
    -moz-transition: all 2s ease-in-out;
    -ms-transition: all 2s ease-in-out;
    -o-transition: all 2s ease-in-out;
    transition: all 2s ease-in-out;
}



.header-text-01 {
	font-size: 16px; 							
	letter-spacing: 0.13em;						
	text-transform: uppercase;
	font-family: MSRegularWeb;	
	color: #414141;
	/*line-height: 30px;*/
	/*vertical-align: 12px;*/
}

.header-text-02 {
	font-size: 12.7px; 							/*changed*/
	letter-spacing: 0.07em;						/*changed*/
	/*text-transform: uppercase;*/
	font-family: MSSemiBoldWeb;	
	color: #414141;
	/*line-height: 30px;
	vertical-align: 12px;*/
}

em {
	font-weight: normal;
	font-style: normal;
}

h1 {
	font-size: 16px !important; 							
	letter-spacing: 0.13em !important;						
	text-transform: uppercase;
	font-family: MSRegularWeb !important;	
	color: #414141;
	margin: 0px !important;
	font-weight: 300 !important;
	margin-top: -3px !important;
	margin-bottom: 3px !important;
}

h3 {
	font-size: 11px !important; 							
	letter-spacing: 0.16em !important;						
	text-transform: lowercase;
	font-family: MSMediumWeb !important;	
	/*color: #212121;*/
	color: #f3f3f3;
	font-weight: 500 !important;
	margin-top: -4px !important;
	margin-bottom: 6px !important;
	margin-left: 20px;
	margin-right: 19px;
	text-align: center;
    text-align-last: justify;
}

.main-header-text{
	font-size: 11px !important; 							
	letter-spacing: 0.16em !important;						
	text-transform: lowercase;
	font-family: MSMediumWeb !important;	
	/*color: #212121;*/
	color: #f3f3f3;
	font-weight: 500 !important;
	margin-top: -4px !important;
	margin-bottom: 6px !important;
	margin-left: 19px;
	margin-right: 20px;
	text-align: center;
    text-align-last: justify;
}


.regular-text{
	font-size: 14px; 							
	letter-spacing: 0.1em;						
	font-family: DroidBoldRegular;	
	color: #414141;
}

.regular-text{
	font-size: 13.5px; 							
	letter-spacing: 0.03em;						
	font-family: MSRegularWeb;	
	color: #414141;
	line-height: 22px;
}


.footer-gradient {
	font-size: 8px; 	
	/* background-color: #bbbbbb; */
	letter-spacing: 0.03em;						
	font-family: MSRegularWeb;	
	/* color: #414141; */
	line-height: 22px;
	bottom : 28px;  
   	height : 10px;  
   	text-align: center;  
   	vertical-align: middle; 
   	position:fixed;
   	width:100%;
	z-index: 999;
}

.footer-copyright {
	font-size: 10.5px; 	
	background-color: #020202;  /* background-color: #bbbbbb; */
	letter-spacing: 0.06em;						
	font-family: MSRegularWeb;	
	color: #929292; 	/* color: #666666;  */
	line-height: 22px;
	bottom : 0px;  
   	height : 36px; /* height : 28px; */ 
   	text-align: center; 
   	position:fixed;
   	width:100%;
	z-index: 999;
	padding-top: 6px;
}



p {
  margin-bottom: 0.8em !important;
}

b {
	font-family: MSMediumWeb;
	font-size: 90%; 	
}

.medium-text {
	font-family: MSMediumWeb;
}

.bold-text{
	
}

.italic-text{
	
}

/* -------------------------------------------------------------------------------- */
/*	4. Navigation
/* -------------------------------------------------------------------------------- */

.main-menu a { 
	color: #bbb !important;  /*color: #444; color: #999;*/
	display: block;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.1em;
	padding: 23px 0;
	position: relative;
	text-transform: uppercase;
	opacity: 1.0;
}

.main-menu > li + li:before {
	content: "";
}

/* -------------------------------------------------------------------------------- */
/*	Header
/* -------------------------------------------------------------------------------- */

.header-image:after { 
	content: "";
	display: block;
	z-index: 2;
	top: 0;
	background: #fff;			/* #1d1d1d; */
	background: linear-gradient(to bottom, rgba(29,29,29,0.0) 0%,rgba(29,29,29,0.3) 70%);
}

.embel-studio {
	font-size: 12px; 							/*changed*/
	letter-spacing: 0.7em;						/*changed*/
	text-transform: uppercase;
	text-align: justify;
	text-shadow: 0 1px 1px rgba(0,0,0,0.1);
	font-family: MSBoldWeb;	
	color: #afbbbc;
	margin-left: 0px;
	margin-top: 3px;
	text-align-last: justify;
}

.embel-studio a { color: #afbbbc; }

.header { 
	padding-top: 70px;
	padding-bottom: 0px;
}

.header.section-inner { 
	/*width: 270px; 								/*DANIEL*/
	width: 474px;
	position: relative;
	z-index: 2;
	text-align: justify;
}

.blog-title {
	font-size: 1.25em; 							/*changed*/
	text-transform: uppercase;
	text-align: justify;
	text-shadow: 0 1px 1px rgba(0,0,0,0.1);
	font-family: MSBoldWeb;					/*changed*/
	text-align-last: justify;
	color: #eee;
	line-height: 3.7;
}

.blog-title a { color: #fff; }

.custom-logo-link,
.custom-logo-link img { 
	display: block; 
}

.custom-logo-link img { 
	margin: 0 auto; 
}

.blog-logo:hover {
	opacity: 0.6;
}



.blog-description {
	color: #fff;
	font-family: MSBoldWeb, sans-serif; 	/*changed*/
	font-size: 1.55em; 							/*changed*/
	letter-spacing: 0.14em;						/*changed*/
	/*line-height: 100%;*/
	margin-top: 5px;
	margin-left: 0px;
	margin-bottom: 0px;
	text-shadow: 0 1px 1px rgba(0,0,0,0.1);
	text-align: justify;
	width: 100%;
	text-align-last: justify;
}

.blog-description a { color: #fff; }

.section-inner {
	width: 900px;
}

.posts { margin-top: 0px; }

.posts .post {
	display: block;
	/*width: 33%;
	margin-top: 0%;
	margin-left: 0%;
	padding-bottom: 16%;*/
	/*width: 31%;
	margin-top: 1%;
	margin-left: 1%;
	margin-right: 1%;
	padding-bottom: 16%;*/
	width: 32%;				/* für 4er: width: 24.25%; */
	margin-top: 1%;
	margin-left: 1%;
	padding-bottom: 15%;	/* padding-bottom: 13%; */
	float: left;
	position: relative;

}
/*
.header-link:hover   .blog-title  { color: #1d1d1d; }
.header-link:hover   .blog-description  { color: #1d1d1d; }
.header-link:hover   .embel-studio  { color: #3d3d3d; }
*/

.header-link:hover   .blog-title  { text-shadow: 0 1px 2px rgba(0,0,0,0.4);  }
.header-link:hover   .blog-description  { text-shadow: 0 1px 2px rgba(0,0,0,0.4);}
.header-link:hover   .embel-studio  { text-shadow: 0 1px 2px rgba(0,0,0,0.4);  }
.post-overlay {background: rgba( 0, 0, 0, 1 ); }



.posts .post + .post { margin-left: 1%; }
.posts .post:nth-child(3n+1) { margin-left: 0px; }			/* für 4er: .posts .post:nth-child(4n+1) { margin-left: 0px; } */

/*.post:hover { background-size: 130%; transform: scale(1.05); transition: all .5s; }
.post:nth-child(3n+1):hover { transform: scale(1.05); transition: all .5s; }*/

/* MOBILE NAVIGATION--------------------- */
	/* Blog --------------------------------------- */
	
	/*
	.posts .post { 
		width: 48.025%;
		padding-bottom: 24.025%;
	}
	
	.posts .post:nth-child(3n+1) { margin-left: 0%; }
	.posts .post:nth-child(2n+1) { margin-left: 0; }
*/




.archive-post-title {
	font-size: 11px;
	text-align: center;
	line-height: 18px;
}
.archive-post-date {
	font-size: 9px;
	text-align: center;
}



/* -------------------------------------------------------------------------------- */
/*	4. Responsive
/* -------------------------------------------------------------------------------- */

@media ( max-width: 800px ) {
	
	
	/* Blog --------------------------------------- */
	
	
	.posts .post { 
		width: 47.2%;
		padding-bottom: 22%;		/* padding-bottom: 26%; */
		margin-top: 1.8%;
		margin-left: 1.8%;
		
	}
	
	.posts .post:nth-child(1n+1) { margin-left: 1.8%; }
	.posts .post:nth-child(2n+1) { margin-left: 1.8%; }
	
		.archive-post-title {
		font-size: 11px; 							/*changed*/
	}

	.archive-post-date {
		font-size: 9px; 							/*changed*/
	}
}

/*
@media ( max-width: 677px ) {
	
	
	
	 Blog --------------------------------------- 
	
	
	.posts .post { 
		width: 48%;
		padding-bottom: 26%;
		margin-top: 1.5%;
		margin-left: 1.5%;
		
	}
	
	.posts .post:nth-child(1n+1) { margin-left: 1.5%; }
	.posts .post:nth-child(2n+1) { margin-left: 1.5%; }
	
		.archive-post-title {
		font-size: 11px;
	}

	.archive-post-date {
		font-size: 9px;
	}
}
*/

@media ( max-width: 400px ) {
	
	.main-header-text{
		font-size: 9px !important; 							
		letter-spacing: 0.05em !important;						
		margin-left: 5px;
		margin-right: 0px;
	}
	
	.footer-copyright {
		font-size: 8.5px; 	
		letter-spacing: 0.03em;						
	}

	
	/* Blog --------------------------------------- */	
	
	
	.posts .post { 
		width: 94%;
		min-height: 150px;
		max-height: 300px;
		padding-bottom: 26%;
		margin-top: 3%;
		margin-left: 3%;	
	}
	
	.posts .post:nth-child(1n+1) { margin-left: 3%; }
	.posts .post:nth-child(2n+1) { margin-left: 3%; }
	
		.archive-post-title {
		font-size: 11px; 							/*changed*/
	}

	.archive-post-date {
		font-size: 9px; 							/*changed*/
	}
}

@media ( max-width: 320px ) {
	
	.main-header-text{
		visibility: hidden;
	}
	.footer-copyright {
		font-size: 7px; 	
		letter-spacing: 0.02em;						
	}
}

@media ( max-width: 180px ) {




	/* Blog --------------------------------------- */	
	
	
	.posts .post { 
		min-height: 40px; }
	
	.sticky .post-overlay > p {
		top: 20px;
		left: 20px;
	}
	
	.archive-post-header {
		right: 20px;
		bottom: 20px;
		left: 20px;
	}
	
	.has-post-thumbnail .archive-post-header { bottom: 25px; }
	.has-post-thumbnail:hover .archive-post-header { bottom: 20px; }


		
}


.content {
	padding-top: 70px;
	z-index: 3;
}

.navigation {
	/*padding-top: 15px;		DANIEL*/
	z-index: 4;
}
.section-inner {
	z-index: 5;
}
.main-menu {
	z-index: 6;
}

.header-image {
	top: 0px;
	z-index: -1;
	/*background-image: url("http://www.andreasdaxer.com/wp/wp-content/themes/hitchcock/images/bg.jpg");*/
	/*background-repeat:repeat;*/
}
.body {
	/*background-image: url("http://www.andreasdaxer.com/wp/wp-content/themes/hitchcock/images/bg.jpg");*/
	background-repeat: repeat;
	background: rgba(0,0,0,0);
}

.navigation {
	background: rgba(0,0,0,0);
}
.nav-toggle {
	background: rgba(0,0,0,0);
}


/* -------------------------------------------------------------------------------- */
/*	. POST
/* -------------------------------------------------------------------------------- */


.post-info {
	width: 100%;
	height: 80px;
	opacity: 1;
	margin-top: 12px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-left: 20px;
	background: rgba(250,250,250,0);
}

.post-info-text {
	font-size: 12px; 	
	letter-spacing: 0.2em;				
	font-family: MSBoldWeb;
	color: #bbb;
	line-height: 16px;
}

.post-header {
	padding: 0px;
	width: 100%;
}

.post-inner {
    width: 100%;
	max-width: 100%;
	padding-bottom: 0px;
	margin-bottom:0px;
	/*padding-top: 10px;*/
	padding-top: 0px;
	padding-bottom: 10px;
}


.post-content {
	/*width: 102.23%;
	max-width: 102.23%;
    margin-left: -10px;*/
	
	position: absolute;
}

.post-text {
	color: #fff;
	width: 100%;
	min-width: 400px;
	background-color: rgba(0,0,0,0.5);	/* background-color: rgba(0,0,0,0.5); */
	position: absolute;
	bottom: 10px;
	padding: 8px;
	padding-left: 30px;
	padding-right: 30px;
}

.project-nav {
	font-size:18px;
	color: #777;
	width: 4.5%;
	display: table-cell;
	vertical-align: middle;
	text-align:center;
}

.project-nav:hover {
	background-color: rgba(241,241,241,0.0);	/* background-color: rgba(241,241,241,0.25); */
	cursor: pointer;
	color: #fff;								/* color: #000; */
}

.enclosure{
	width: 110%;
	position: relative;
  	left: -5%;
	top: 0px;
	display: table;
}

.post-text-outside {
	color: #414141;
	width: 91%;
	min-width: 200px;
	background-color: rgba(235,235,235,1);		/* background-color: rgba(241,241,241,1); */
	bottom: 10px;
	padding: 10px;
	padding-left: 3.33%;
	padding-right: 3.33%;
	display: table-cell;
}

.reel-container {
	width: 100%;
	display: table;
}
.reel-text-outside {
	color: #414141 !important;
	/*width: 100%;*/
	min-width: 200px;
	background-color: rgba(241,241,241,1);
	bottom: 10px;
	padding: 10px;
	padding-left: 3.33%;
	padding-right: 3.33%;
	display: table-cell;
	align-content: center;
}

.P1 {
	/*font-size: 14px;*/						/*changed*/
	font-size: 13px; 
	letter-spacing: 0.1em;						/*changed*/
	text-transform: uppercase;
	font-family: MSSemiboldWeb;
	/*font-family: DroidBoldWeb;*/	
	
	margin-right:5px;
}

.P2 {
	/*font-size: 12px;*/						/*changed*/
	font-size: 11px;
	letter-spacing: 0.05em;						/*changed*/
	/*text-transform: uppercase;*/
	font-family: MSRegularWeb;
	/*font-family: DroidRegularWeb;	*/

}

.featured-media {
	height: 360px;
	width: 100%;
	/*height: calc(100vw * 0.3);*/
	min-width: 200px;
	background-size: cover;
	background-position: center;
	display: table;
	padding: 8px;
	padding-left: 3.5%;
	padding-right: 20%;
	/*padding-right: 3.33%;*/
	text-shadow: 1px 1px 4px rgba(0,0,0,0.4);
	position: relative;
	/*
	-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;*/
}

.play_button {
	position: absolute;
	max-width: 50px;
	right: 2.5%;
	bottom: 10px;
	opacity: 0.3;
}

.play_button:hover {
	cursor: pointer;
	opacity: 0.6;
}


/*
.featured-media:hover {
	cursor: pointer;	
}
*/

.project-play-video{
	display: table-cell;
	cursor: pointer;
}


.post-tasks {
	font-size: 14.5px; 	
	letter-spacing: 0.1em;				
	font-family: CGBoldItalic;
	color: rgba(256,256,256,0.85);
	line-height: 16px;
	vertical-align: bottom;
	display: table-cell;
	position: relative;
}
.project_play_img {
	opacity: 0.4;
	cursor: pointer;
}

.project_play_img:hover {
	opacity: 0.7;
}


.iframe {
	/*width: 900px !important;
	height: 377px !important;
	position: relative;
	left: -50px;*/
}
/*
.post-tasks::after {
  content: "";
  background: url('https://www.danielhollerweger.com/development/wp-content/uploads/2020/03/play.png');
  opacity: 0.3;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
}
*/
.tasks-regular {
	font-size: 13.5px; 
	font-family: CGItalic;
}

@media (max-width: 700px) {
	.featured-media {/*height: 240px;*/}
	.P1 { font-size: 13px; }
	.P2 { font-size: 11px; }
}

@media (max-width: 500px) {
	
	h3 {font-size: 9px !important;}
	.main-header-text{font-size: 9px !important;margin-left:14px; margin-right:19px;}
	
	.featured-media {/*height: 180px;*/}
	.post-text-outside { padding-left: 5%; padding-right: 5%;}
	.P1 { font-size: 12px; }
	.P2 { font-size: 10px; }
}

.post-container {
    background: none;
}

.content {
    padding-top: 15px;
}

.archive-post-title {
	/*font-size: 11px; 							/*changed*/
	letter-spacing: 0.3em;						/*changed*/
	text-transform: uppercase;
	text-shadow: 0 2px 2px rgba(0,0,0,0.6);
	font-family: MSLightWeb;	
}

.archive-post-date {
	/*font-size: 9px; 							/*changed*/
	letter-spacing: 0.3em;						/*changed*/
	text-transform: uppercase;
	text-shadow: 0 2px 2px rgba(0,0,0,0.4);
	font-family: MSLightWeb;	
}

.post:hover > .post-overlay,
.show-preview-titles .post > .post-overlay {
	opacity: 1; 
}

.post:hover > .archive-post-title { 
	color: #3bc492; 
}

.post.has-post-thumbnail:hover .archive-post-title,
.show-preview-titles .post.has-post-thumbnail .archive-post-title { 
	color: #fff;
}

/* With Background Image */

.has-post-thumbnail .post-overlay { 
	background: rgba( 0, 0, 0, 0 );
	filter: grayscale(100%);
}

/*projekte abdunkeln opacity 0.2 oder doch 0.1?)*/
.show-preview-titles .has-post-thumbnail .post-overlay {
	background: rgba( 0, 0, 0, 0.1 );
	font-family: MSLightWeb;	
}

.has-post-thumbnail .archive-post-header { 
	bottom: 35px; 
}

.has-post-thumbnail:hover .archive-post-header,
.show-preview-titles .has-post-thumbnail .archive-post-header { 
	bottom: 38%;
}

.posts a.post.has-post-thumbnail { 
	color: #fff;
	font-family: MSLightWeb;	
}

.show-preview-titles:hover .has-post-thumbnail:hover .post-overlay:hover {
	background: rgba( 0, 0, 0, 0 );
}

.post-navigation { 
		border-top: 0px;
	}

/* -------------------------------------------------------------------------------- */
/*	Reel
/* -------------------------------------------------------------------------------- */

.wp-block-embed__wrapper{
	padding-bottom: 0px;
	height: 0px;
}

/* -------------------------------------------------------------------------------- */
/*	Main Menu
/* -------------------------------------------------------------------------------- */

.main-menu {
	padding-top: 15px;
}

.main-menu a {
	letter-spacing: 0.2em;
	/*font-size: 13.2px;*/
	color: #000; 		/* DANIEL: #fff */
	opacity: 0.6;		/* DANIEL: 0.45 */
	padding-bottom: 18px;	/*neu*/
	/*padding-top: 20px;		/*neu*/
	font-size: 13.6px;
}

.main-menu li:hover > a, .main-menu li.current-menu-item > a {
	color: #000;
	opacity: 1;
}

.main-menu > li + li {
	margin-left: 50px;
}

.main-menu li.current-menu-item > a { 
	color: #000;
}

/* -------------------------------------------------------------------------------- */
/*	Mobile Menu
/* -------------------------------------------------------------------------------- */

.mobile-menu {
	border-top: 0px;
}

.mobile-navigation {
	font-size: 13px;
	margin-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}

@media ( max-width: 900px ) {
	
.mobile-menu a {
		color: #aaa; /* #000 */
		display: block;
		font-weight: 500;
		letter-spacing: 0.15em;
		padding: 10px 2.5%;
		text-transform: uppercase;
		opacity: 0.6;
	}

.mobile-menu a:hover {
		color: #fff !important; /* #000 */
		opacity: 1 !important;
	}
}

.nav-toggle .bar {
		background: #bbb;
		opacity: 0.6;
	}

.nav-toggle.active .bar {
		background: #bbb !important; /* #000 */
		opacity: 0.6;
	}


/* -------------------------------------------------------------------------------- */
/*	Page
/* -------------------------------------------------------------------------------- */

.page-text-content {
	background: rgba(240,240,240,100); /* background: rgba(246,246,246,100); */
	width: 100%;
	overflow: hidden;
	margin-bottom: 12px;
	position: relative;
}

.page-text-column {
	width: 50%;
	float: left;
	overflow: hidden;
	padding: 50px;
	padding-left: 6.5%;
	padding-top: 4%;
	padding-bottom: 6%;
	padding-right: 2%;
}

.kleiner-abstand {
	font-size: 1px;
	line-height: 1px;
}

.content-font-header {
	font-size: 16px; 							
	letter-spacing: 0.2em;						
	text-transform: uppercase;
	font-family: DroidBoldRegular;	
	color: #414141;
	line-height: 40px;
}
/**/
.content-font-text {
	font-size: 14px; 							
	letter-spacing: 0.1em;						
	font-family: DroidBoldRegular;	
	color: #414141;
}
/*
.team-contact-text-spacer {
	line-height: 30px;
	vertical-align: bottom;
	font-size: 14px; 							
	letter-spacing: 0.1em;						
	font-family: DroidBoldRegular;	
	color: #414141;
}*/
.team-contact-text {
	vertical-align: top;
	font-size: 14px; 							/*changed*/
	letter-spacing: 0.1em;						/*changed*/
	font-family: DroidBoldRegular;	
	color: #414141;
}

.tctext {
	font-family: MSMediumWeb !important;
	font-size: 13px; 
}

.team-image-content {
	width: 27%;
	overflow: hidden;
	background-size: cover;
	background-position: center;
	display: table-cell;
}
.team2-image-content {
	width: 25%;
	overflow: hidden;
	background-size: cover;
	background-position: 50% 50%;
	display: table-cell;
}
.team-text-column {
	width: 73%;
	overflow: hidden;
	padding-left: 5%;
	padding-top: 4%;
	padding-bottom: 4%;
	padding-right: 4%;
	display: table-cell;
	height: 320px;
	
}

.team2-text-column {
	width: 75%;
	overflow: hidden;
	padding-left: 5%;
	padding-top: 4%;
	padding-bottom: 4%;
	padding-right: 4%;
	display: table-cell;
	height: 240px;
}


.team-header-position {
	font-size: 14px; 							/*changed*/
	letter-spacing: 0.2em;						/*changed*/
	/*text-transform: uppercase;*/
	font-family: DroidBoldWeb;	
	color: #414141;
}

.team-header-name {
	font-size: 16px; 							/*changed*/
	letter-spacing: 0.15em;						/*changed*/
	/*text-transform: uppercase;*/
	font-family: DroidRegularWeb;	
	color: #414141;
	line-height: 30px;
	vertical-align: 12px;
}

.team-link {
	color: #777 !important;
}

.mail-link {
	/*color: #777 !important;*/
	font-size: 13.5px; 							
	letter-spacing: 0.03em;						
	font-family: MSRegularWeb;	
	color: #414141 !important;
	line-height: 22px;
}

.phone-link {
	/*color: #777 !important;*/
	font-size: 13.5px; 							
	letter-spacing: 0.03em;						
	font-family: MSRegularWeb;	
	color: #414141 !important;
	line-height: 22px;
}

.phone-link:hover {			
	text-decoration: none !important;
	cursor: default;
}



.text-spacer{
	line-height: 40px;
}

.service-text-content {
	width: 67%;
	overflow: hidden;
	padding-left: 4.5%;
	padding-top: 2.5%;
	padding-bottom: 3%;
	padding-right: 3.5%;
	display: table-cell;
	/*height: 240px;*/
}

.service-image-content {
	width: 33%;
	overflow: hidden;
	background-size: cover;
	background-position: center;
	display: table-cell;
	visibility: visible;
}

.studio-text-column-left {
	width: 62%;
	float: left;
	overflow: hidden;
	padding: 50px;
	padding-left: 5.5%;
	/*padding-left: 6.5%;*/
	padding-top: 26px;
	padding-bottom: 3.5%;
	padding-right: 2%;
}

.studio-text-column-right {
	width: 38%;
	float: left;
	overflow: hidden;
	padding: 50px;
	padding-left: 6.5%;
	padding-top: 26px;
	padding-bottom: 3.5%;
	padding-right: 4%;
}
.edit-suite-image {
	width: 33%;
	overflow: hidden;
	background-size: cover;
	background-position: 50% 75%;
	display: table-cell;
}

.edit-suite-text-column {
	width: 67%;
	overflow: hidden;
	padding-left: 5%;
	padding-top: 3%;
	padding-bottom: 3.5%;
	padding-right: 4%;
	display: table-cell;
	min-height: 240px;
}

.contact-text-column-left1 {
	width: 48%;
	float: left;
	overflow: hidden;
	padding: 50px;
	/*padding-left: 6.5%;*/
	padding-top: 4%;
	padding-bottom: 6%;
	padding-right: 2%;
}

.contact-text-column-right1 {
	width: 52%;
	float: left;
	overflow: hidden;
	padding: 50px;
	padding-left: 4.5%;
	padding-top: 4%;
	padding-bottom: 6%;
	padding-right: 7%;
}

.contact-text-column-left {
	width: 56%;
	float: left;
	overflow: hidden;
	padding: 50px;
	padding-left: 13%;
	/*padding-left: 6.5%;*/
	padding-top: 4.5%;
	padding-bottom: 4%;
	padding-right: 2%;
}

.contact-text-column-right {
	width: 44%;
	float: left;
	overflow: hidden;
	padding: 50px;
	padding-left: 4.5%;
	padding-top: 4.5% !important;
	padding-bottom: 4%;
	padding-right: 7%;
}

.contact-legal-column {
	width: 100%;
	height: 45px;
	float: left;
	overflow: hidden;
	display: table;
	padding-left: 95px;
	padding-right: 95px;
	padding-bottom: 15px;
	text-align: center;
}
.contact-legal-cell {
	display: table-cell;
	vertical-align: bottom;
}


.contact-img, .studio-img {
	width: 100%;
	height: 260px;
	background-position: center;
	background-size: cover;
}
.contact-img:hover {
	cursor: pointer;
}

.legal-sm{
	width: 100%;
	height: 45px;
	display: inline;
}

.legal-notice1{
	font-size: 11px; 	
	text-transform: uppercase;/*changed*/
	letter-spacing: 0.2em;						/*changed*/
	font-family: DroidBoldRegular;	
	color: #414141;
	line-height: 31px;
	text-decoration: underline;
}

.legal-notice{
	color: #777 !important;
	
	font-size: 10.5px; 	
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-family: MSRegularWeb;
	/*
	 * letter-spacing: 0.15em;
	font-family: DroidBoldRegular;
	color: #414141;
	*/
	line-height: 13px;
}

.legal-notice:hover {
	/*font-weight: bold;
	letter-spacing: 0.16em;*/
	text-decoration: underline;
}

/* -------------------------------------------------------------------------------- */
/*  Social-Media
/* -------------------------------------------------------------------------------- */


.sm-icon-container {
	width: 47px;
	height: 45px;
	position: absolute;
	bottom: 0;
	right: 0;
	
}

.sm-icons {
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  	filter: grayscale(100%);
	z-index: 100;
	opacity: 0.5;
	width: 30px;
	height: 30px;
	max-width: 30px;
	max-height: 30px;
	float: left;
	margin: 5px;
	margin-left: 1px;
	margin-top: 0px;
}
.sm-icons:hover {
	-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
  	filter: grayscale(0%);
	opacity: 1;
}

/* -------------------------------------------------------------------------------- */
/*  Legal Notes
/* -------------------------------------------------------------------------------- */

.legal-text-content {
	width:86%;
	height: 86%;
	text-align: center;
	margin: 7%;
}
/*
.legal-notice-div {
	width: 270px;
	height: 45px;
	position: absolute;
	bottom: 0;
	right: 200px;
	background-color: #000;
}

.legal-font-header{
	font-size: 12px; 	
	text-transform: uppercase;
	letter-spacing: 0.2em;						
	font-family: DroidBoldRegular;	
	color: #414141;
	line-height: 31px;
	font-weight: bold;
	text-align: center;
}
.legal-font-text{
	font-size: 12px; 	
	letter-spacing: 0.2em;						
	font-family: DroidBoldRegular;	
	color: #414141;
	line-height: 31px;
}
*/
.close-x {
	position: absolute;	
	width: 40px;
	height: 40px;
	top: 0;
	right: 0;
	padding: 5px;
}
.close-x-image {
	width: 30px;
	height: 30px;
	opacity: 0.3;
}
.close-x-image:hover {
	opacity: 0.7;
}

/* -------------------------------------------------------------------------------- */
/*  Service Detail
/* -------------------------------------------------------------------------------- */
.service-detail-text-content {
	width:86%;
	height: 86%;
	text-align: left;
	margin: 7%;
}

.service-detail-image {
	width: 100%;
	height: 260px;
	background-position: center;
	background-size: cover;
	align-content
	/*
	width: 50%;
	height: 200px;
	overflow: hidden;
	background-size: cover;
	background-position: center;
	display: table-cell;
	visibility: visible;*/
}


/* -------------------------------------------------------------------------------- */

.service-more-column {
   width: 67%;
   display: block;
   float: right;  
   z-index: 2;
   position: absolute; /*newly added*/
   left: -17px; /*newly added*/
   bottom: 12px;/*newly added*/
	/*width: 50%;*/
	/*height: 45px;*/
	/*float: right;
	overflow: hidden;
	position: relative;
	display: inline;*/
	/*padding-left: 95px;
	padding-right: 95px;
	padding-bottom: 15px;*/
	text-align: right;
}
.service-more-cell {
	display: table-cell;
	vertical-align: bottom;
}

/*
.wp-image-11 {
	width: 100%;
	height: calc(width*0.29);
}*/
@media (max-width: 900px) {
	.contact-img, .studio-img {
		height: 230px;
	}
}

@media (max-width: 450px) {
	.contact-img {
		background-position: 70%, 50%;
	}

}

@media (max-width: 650px) {
	.page-text-column {
		width: 100%;
		float: left;
		overflow: hidden;
		padding: 50px;
		padding-left: 8%;
		padding-top: 4%;
		padding-bottom: 6%;
		padding-right: 8%;
	}
	.studio-text-column-left {
		width: 100%;
		float: left;
		overflow: hidden;
		padding: 50px;
		padding-left: 8%;
		padding-top: 4%;
		padding-bottom: 4%;
		padding-right: 8%;
	}
	.studio-text-column-right {
		width: 100%;
		float: left;
		overflow: hidden;
		padding: 50px;
		padding-left: 8%;
		padding-top: 0%;
		padding-bottom: 6%;
		padding-right: 8%;
	}
	.edit-suite-image {
		width: 100%;
		min-height: 200px;
		overflow: hidden;
		background-size: cover;
		background-position: 50% 68%;
		display: inline;
		float: left;
	}
	.edit-suite-text-column {
		width: 100%;
		float: left;
		overflow: hidden;
		padding: 50px;
		padding-left: 8%;
		padding-top: 4%;
		padding-bottom: 6%;
		padding-right: 8%;
	}
	.contact-text-column-left {
		width: 100%;
		float: left;
		overflow: hidden;
		padding: 50px;
		padding-left: 18%;
		padding-top: 7%;
		padding-bottom: 0%;
		padding-right: 8%;
	}
	.contact-text-column-right {
		width: 100%;
		float: left;
		overflow: hidden;
		padding: 50px;
		padding-left: 18%;
		padding-top: 2%;
		padding-bottom: 6%;
		padding-right: 8%;
	}
	.contact-img, .studio-img {
		height: 180px;
	}
	.play_button {max-width: 40px;}
}

@media (max-width: 600px) {
	.service-text-content {
		width: 100%;
		overflow: hidden;
		padding-left: 6%;
		padding-top: 4%;
		padding-bottom: 4%;
		padding-right: 5%;
		display: table-cell;
		/*height: 240px;*/
	}
	
	.service-more-column {
		width: 100%;
	}

	.service-image-content {
		width: 0%;
		overflow: hidden;
		background-size: cover;
		background-position: center;
		display: table-cell;
		visibility: hidden;
	}
}
@media (max-width: 750px) {
	.team-image-content, .team2-image-content {
		width: 100%;
		min-height: 200px;
		overflow: hidden;
		background-size: cover;
		background-position: center;
		display: inline;
		float: left;
		background-position: 50% 38%;
	}
	.team-text-column, .team2-text-column {
		width: 100%;
		overflow: hidden;
		padding-left: 8%;
		padding-top: 6%;
		padding-bottom: 7%;
		padding-right: 8%;
		display: inline;
		float: left;
		height: auto;
	}
	/*
	.team2-image-content {
		width: 25%;
		overflow: hidden;
		background-size: cover;
		background-position: center;
		display: table-cell;
	}

	.team2-text-column {
		width: 75%;
		overflow: hidden;
		padding-left: 5%;
		padding-top: 4%;
		padding-bottom: 4%;
		padding-right: 4%;
		display: table-cell;
		height: 240px;
	}*/
	/*
	.wp-image-11 {
		width: 100%;
		height: calc(width*0.29);
	}*/

}

#bwg_container1_0 #bwg_container2_0 .bwg-container-0.bwg-standard-thumbnails {
	padding-left: 0px;
}

.post-nav-prev .fa { padding-left: 0px; }


/* -------------------------------------------------------------------------------- */
/*	REEL
/* -------------------------------------------------------------------------------- */

.wp-block-embed__wrapper {
	visibility: hidden;
	-webkit-transition: all 2s ease-in-out;
    -moz-transition: all 2s ease-in-out;
    -ms-transition: all 2s ease-in-out;
    -o-transition: all 2s ease-in-out;
    transition: all 2s ease-in-out;
}

.hidden {
	visibility: hidden;
	opacity: 0;
}

.wrapper-daniel {
	visibility: hidden;
	-webkit-transition: all 2s ease-in-out;
    -moz-transition: all 2s ease-in-out;
    -ms-transition: all 2s ease-in-out;
    -o-transition: all 2s ease-in-out;
    transition: all 2s ease-in-out;
}


.wrapper-micha {
	visibility: hidden;
	-webkit-transition: all 2s ease-in-out;
    -moz-transition: all 2s ease-in-out;
    -ms-transition: all 2s ease-in-out;
    -o-transition: all 2s ease-in-out;
    transition: all 2s ease-in-out;
}


.reel-image {
	-webkit-transition: all 2.5s ease-in-out;
    -moz-transition: all 2.5s ease-in-out;
    -ms-transition: all 2.5s ease-in-out;
    -o-transition: all 2.5s ease-in-out;
    transition: all 2.5s ease-in-out;
	transition-delay: 0.5s;
}

.reel-image-micha {
	-webkit-transition: all 2.5s ease-in-out;
    -moz-transition: all 2.5s ease-in-out;
    -ms-transition: all 2.5s ease-in-out;
    -o-transition: all 2.5s ease-in-out;
    transition: all 2.5s ease-in-out;
	transition-delay: 0.5s;
}

.micha-bg {
	/*height: 506px;*/
	/*height: 0px;*/
	background-size: cover;
	z-index: 9999;
	-webkit-transition: all 2.5s ease-in-out;
    -moz-transition: all 2.5s ease-in-out;
    -ms-transition: all 2.5s ease-in-out;
    -o-transition: all 2.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.play-button {
	cursor: pointer;
	position: absolute;
	top: 0px;
	opacity: 0.4;
	opacity: 0.25;
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.play-button-micha {
	cursor: pointer;
	/*position: absolute;
	bottom: 0px;*/
	opacity: 0.4;
	opacity: 0.25;
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.play-button:hover {
	opacity: 0.7;
	opacity: 0.5;
}

.play-button-micha:hover {
	opacity: 0.7;
	opacity: 0.5;
}

.reel-spacer {
	height: 10px;
}

/* -------------------------------------------------------------------------------- */
/*  Startseite Posts
/* -------------------------------------------------------------------------------- */

.all-wokt-top {
	padding-top: 3px !important;
}

.archive-post-title { 
	letter-spacing: 0.2em;
}
.archive-post-date { 
	letter-spacing: 0.1em;
	text-shadow: 0 1px 1px rgba(0,0,0,0.4);
}

.has-post-thumbnail .archive-post-date {
	color: rgba( 255, 255, 255, 0.6 );
}

.archive-post-header {
	width: 75%;
	position:relative;
  	top:50%;
  	transform:translateY(-50%) translateX(-50%);
	left:50%;
}

.section-index {
	width: 1200px; /*alt:1000px*/
}

/* -------------------------------------------------------------------------------- */
/*  Footer
/* -------------------------------------------------------------------------------- */

.footer-spacer {
	height: 90px;
	bottom: 0;
}

@media (max-width: 750px) {
	.footer-spacer {
		height: 45px;
		bottom: 0;
	}
}
@media (max-width: 550px) {
	.footer-spacer {
		height: 25px;
		bottom: 0;
	}
}

@media (max-width: 480px) {
	.play_button {max-width: 30px;}
	.tasks-regular {font-size:11px;letter-spacing:0.05em;}
}




/* -------------------------------------------------------------------------------- */
/*  Foo-Gallery
/* -------------------------------------------------------------------------------- */

/*.posts .post + .post { margin-left: 3.95%; }
.posts .post:nth-child(3n+1) { margin-left: 0; }*/
.fg-item {
	margin-right: 10px;
}


.fg-default.fg-gutter-10{padding-left:0px;margin-bottom:-10px; padding-top:10px}
/*.fg-default.fg-gutter-10 .fg-item{margin-right:10px;margin-bottom:10px}*/
.fg-item{margin-right:1.25%;margin-bottom:10px}
.fg-default.fg-gutter-10 .fg-item{margin-bottom:10px}
.fg-item:nth-child(n+5) {
	margin-right: 0px;
}
.fg-item {
	width: 19%;
}
.post-content {
	width: 100%;
}
/*
@media ( max-width: 400px ) {
	.fg-item {
		width: 100%;
	}
	.fg-item {
		width: 100
	}
}*/


body {
	background-color: #030303;
	/* background: linear-gradient(to bottom, rgba(29,29,29,0.0) 0%,rgba(29,29,29,0.3) 100%); */
	background-image: url('https://embelstudiopost.com/wp-content/uploads/2023/01/Black_Grain_BG_noch_heller_schärfer.jpg');
	background-repeat: repeat;
}