/*----------	Theme Name: Garfunkel Child
    Text Domain: garfunkel
	Version: 1.10
	Description: Child Theme from Garfunkel
	Author: Katharina
	Template: garfunkel

	----------------------------------------------------------------------------------- */
	
	/* Main menu --------------------------------------- */

body {
	margin: 0;
	padding: 0;
	background: #bdc2c2;
	border: none;
	color: #000000;
	font-family:   'Open Sans', sans-serif;
	-webkit-text-size-adjust: 100%;
}


.credits {
background: #bdc2c2;
font-family: 'Barlow Semi Condensed', sans-serif;
}



.post,
.posts .page {
	width: 100%;
	position: relative;
	background: #fff;
	overflow: hidden;
	border:0px solid #fff;
	color: #000000;
}


.featured-media { position: relative; }

.featured-media a,
.featured-media img,
.featured-media iframe { display: block; }

.featured-media iframe,
.featured-media object { border: none; margin: 0; }

.featured-media a { overflow: hidden; }
.featured-media a:hover img { 
	opacity: 0.8;
	-moz-opacity: 0.8;
	-webkit-opacity: 0.8;
}





.logomoblie{
	display:none;
	
}

h5 {
	font-size: 2.9em;
	color: #f9fdea;
}

.single-post .post-title { font-size: 2.8em;color: #474539; }

.section-kopf  { background: #333;
display: inline-block;
list-style-type: none;
padding-right: 20px;	}




.page-title { 
	margin-bottom: 4px; 
	text-align: center;
}

.page-title h5 {
	display: none;
	padding: 2px 10px ;

	font-size: 1.2em;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #ccc;
	background: #transparent;
font-family: 'Barlow Semi Condensed', sans-serif;
}

.page-description p {
	color: #ccc;
	text-align: center;
	font-style: italic;
	margin-top: 1em;
}

/* Post navigation fixed --------------------------------------- */


.post-nav-fixed a { display:none;
	
	width: 40px;
	height: 200px;
	background: #000;
	position: fixed;
	top: 50%;
	margin-top: -80px;	
	border: 1px solid black;
}

.post-nav-fixed a .arrow {
	display:none;
	width: 100%;
	font-size: 20px;
	line-height: 20px;
	font-weight: 300;
	color: #fff;
	text-align: center;
	position: absolute;
	top: 50%;
	margin-top: -11px;
}

.post-nav-fixed .post-nav-prev { left: 0; display:none;}
.post-nav-fixed .post-nav-next { right: 0; display:none;}

.post-nav-fixed a:hover {display:none;
	width: 60px; 
	background: #000;
	border: 1px solid #f6f6f6;
	color: #000;
}
.post-nav-fixed a:hover .arrow { display:none;

	color: #000;
	
}


.post-container {
	width: 24.3%;
	padding: 15px;
}




.single-post .post-inner { 
	padding: 1% 0;
	width: 100%;
	max-width: 84%;
	margin: 0 auto;
}

.post-titlepage{
font-size: 3.2em;
	line-height: 120%;
	color: #222;
	font-family: 'Barlow Semi Condensed', sans-serif;
font-weight: 300;


}


.post-content { 
	font-family:   'Open Sans', sans-serif;
	font-size: 1.2em;
}


.post-content h2{
font-size: 1.8em;
	line-height: 100%;
	color: #514930;
	font-family: 'Barlow Semi Condensed', sans-serif;
font-weight: 300;


}

.post-title {
	font-size: 1.2em;
	line-height: 120%;
max-width:430px;
	color: #222;
	word-break: break-word;
	-ms-word-break: break-word;

	text-align:left;
	font-family: 'Barlow Semi Condensed', sans-serif;
font-weight: 300;


}

.infokasten {

	max-width:430px;

	color: #6b591c;
	word-break: break-word;
	-ms-word-break: break-word;

font-family: 'Barlow Semi Condensed', sans-serif;
font-weight: 300;


box-sizing: border-box;
position: relative;
top:20;
padding-right:10px;
float:right;
padding-bottom:20px;

}

.infokasten  p {
	font-size: 1.1em;
	text-align:left;
line-height: 130%;

}


.rahmenkasten{ 
margin-top:20px;
   position: relative; 
max-height: 700px;
width:100%;
margin-bottom:40px;
  overflow: hidden;
  float:right;}


.titelbild { 
width:100%;
height: 720px;
background-size: contain;
background-repeat: no-repeat;
  background-position: right 45px center;
  background-attachment: fixed;


  }
  


.post-kasten{
	  position: absolute; 
   bottom: 3%; 
   right: 2%; 
text-align:right;
background:rgba(255, 255, 255, 1);
padding:20px 15px 10px 40px;

}


 .post-date {
	font-size: 0.9em;
	font-weight: 700;
	color: #999;
	margin-bottom: 5px;
}




.post-title a { color: #222; }

.posts .post-inner { padding: 1%; }



.logo{ 
padding-right: 40px;
padding-left: 40px;
border:  none;}




.logo img {

	max-height: 200px;
	max-width: 100%;
	height: auto;
	width: auto;
}

.headingnew{ 
		font-size: 2em; 
		margin-top: 15px;
	font-family: 'Waiting for the Sunrise', cursive;
		border-bottom: 4px solid #eee;
    border-bottom-width: 3px;
    border-bottom-style: solid;
    border-bottom-color: rgb(238, 238, 238);
	}




	
/* title section */
	
	.title-section .section-inner,
	.home_first_page .title-section .section-inner { padding: 64px 0 30px; }
	
	.bg-image.master,
	.bg-shader.master {
		height: 200px;
	}
	
	.blog-title a { font-size: 2em; }
	
	.blog-subtitle { 
		font-size: 1em; 
		margin-top: 15px;
	}


/* -------------------------------------------------------------------------------- */
/*	2.	Structure
/* -------------------------------------------------------------------------------- */


.wrapper {
	position: relative;
	z-index: 3;
	height: 100%;
}

.wrapper:before {
	display: none;}

.wrapper:after {
	display: none;}



.bg-image.master,
.bg-shader.master { 
	display: none;

}





	
.section-inner {
	width: 90%;
	max-width: 1600px;
	margin: 0 auto;
	padding-bottom:-12px;
}
.section-inner.thin { width: 90% }



.navigation { background: #fff; padding-top:30px;padding-bottom:15px;}
	
.navigation2 {  padding-top:10px;padding-bottom:10px;}


.main-menu { text-align: center; }

.main-menu li { position: relative; }

.main-menu > li { display: inline-block; }

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

.main-menu > li { float: none; }
	


.main-menu > li:before {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: 0%;
	margin-top: 1px;
	margin-right: 1px;
	font-size: 10px;
	color: #444;
	font-weight: 300;
	z-index: 1000;
}

.main-menu > li:last-of-type:before { content: none; }

.main-menu a {
	font-size: 1.2em;

padding:       8px 20px;
color:         #000000;
display:       inline-block;
font-family: 'Barlow Semi Condensed', sans-serif;
font-weight: 300;
text-align:    center;
text-shadow:   none;
color: #000;
text-transform: uppercase;


}

.main-menu > li > a {
	display: block;
	padding: 10px;
	
}

.main-menu > li:first-child > a { margin-left: 0; }

.main-menu > .has-children > a,
.main-menu > .page_item_has_children > a { padding-right: 15px; position: relative; }

.main-menu > .has-children > a::after,
.main-menu > .page_item_has_children > a::after {
	content: "";
	display: block;
	border: 5px solid transparent;
	border-top-color: #999;
	position: absolute;
	z-index: 1001;
	right: 29px;
	top: 50%;
	margin-top: -4px;
}

.main-menu li:hover > a { cursor: pointer; color: #695b49; border-bottom: 1px solid #000; }

.main-menu > .has-children:hover > a::after,
.main-menu > .page_item_has_children:hover > a::after { border-top-color: #000; }

	/* Untermenu  --------------------------------------- */

	
	.zweit-menu  { text-align: center; }

.zweit-menu  li { position: relative; }

.zweit-menu  > li { display: inline-block; }

.zweit-menu  > li + li { margin-left: 20px; }

.zweit-menu  > li { float: none; }
	
	
	
	

.zweit-menu > li:before {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -9px;
	margin-right: -3px;
	font-size: 16px;
	color: #666666;
	font-weight: 300;
	z-index: 1300;
}

.zweit-menu > li:last-of-type:before { content: none; }

.zweit-menu a {
	font-size: 0.8em;
padding:       8px 20px;
color:         #000000;
display:       inline-block;
font-family: 'Barlow Semi Condensed', sans-serif;
font-weight: 300;
text-align:    center;
text-shadow:   none;
color: #000;
text-transform: uppercase;

	
	
}

.zweit-menu > li > a {
	display: block;
	padding: 10px;
}

.zweit-menu > li:first-child > a { margin-left: 0; }

.zweit-menu > .has-children > a,
.zweit-menu > .page_item_has_children > a { padding-right: 47px; position: relative; }

.zweit-menu > .has-children > a::after,
.zweit-menu > .page_item_has_children > a::after {
	content: "";
	display: block;
	border: 5px solid transparent;
	border-top-color: #999;
	position: absolute;
	z-index: 1001;
	right: 29px;
	top: 50%;
	margin-top: -4px;
}

.zweit-menu li:hover > a { cursor: pointer; color: #695b49;border-bottom: 0.5px solid #000; 	
 }

.zweit-menu > .has-children:hover > a::after,
.zweit-menu > .page_item_has_children:hover > a::after { border-top-color: #000; }



/* Social menu --------------------------------------- */


.navigation .section-inner .menu-social {
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -18px;
}

.navigation .section-inner .menu-social li { 
	float: left;
	margin-left: 10px; 
}

.menu-social li:first-child { margin-left: 0; }

.screen-reader-text {
	position: absolute;
	top: -9999em;
	left: -9999em;
}

.menu-social a {
	display: block;
	width: 36px;
	height: 36px;
	background: #333;
	color: #fff;
	border-radius: 999px;
	position: relative;
}

.menu-social a:hover { 
	background-color: #ca2017; 
	color: #fff;
}

.menu-social li a::before {
	content: '\f408';
	display: inline-block;
	font-family: 'Genericons';
	font-size: 16px;
	vertical-align: middle;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px;
	-webkit-font-smoothing: antialiased;
}

.menu-social li a[href*="codepen.io"]::before { content: '\f216'; }
.menu-social li a[href*="dribbble.com"]::before { content: '\f201'; }
.menu-social li a[href*="facebook.com"]::before { content: '\f204'; }
.menu-social li a[href*="flickr.com"]::before { content: '\f211'; }
.menu-social li a[href*="github.com"]::before { content: '\f200'; }
.menu-social li a[href*="instagram.com"]::before { content: '\f215'; }
.menu-social li a[href*="linkedin.com"]::before { content: '\f207'; }
.menu-social li a[href*="pinterest.com"]::before { content: '\f210'; }
.menu-social li a[href*="plus.google.com"]::before { content: '\f206'; }
.menu-social li a[href*="tumblr.com"]::before { content: '\f214'; }
.menu-social li a[href*="twitter.com"]::before { content: '\f202'; }
.menu-social li a[href*="vimeo.com"]::before { content: '\f212'; }
.menu-social li a[href*="wordpress.org"]::before,
.menu-social li a[href*="wordpress.com"]::before { content: '\f205'; }
.menu-social li a[href*="youtube.com"]::before { content: '\f213'; }






/* Archive navigation --------------------------------------- */


.archive-nav { 
	text-align: center;
	margin-top: 60px;
	color: #2d2d2d; 
}

.archive-nav span { font-size: 32px; }

.archive-nav a { 
	display: inline-block;
	color: #fff; 
}

.archive-nav a:hover { color: #3bc492; }

.archive-nav .sep {
	margin: 0 20px;
	font-family: "HelveticaNeueLight", "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; 
	font-weight: 300; 
	font-stretch: normal;
	font-size: 40px;
	position: relative;
	bottom: -4px;
	-webkit-font-smoothing: antialiased;
}


@media (max-width: 1000px) {
	
	
	/* navigation */
	.logomoblie{
	display:block;
		text-align: center;

}
	
	.main-menu, .zweit-menu,
	.navigation .section-inner .menu-social { display: none; }
	
	.toggle-container { display: block; }
	
	.mobile-menu li { border-top: 1px solid #333; }
	
	.mobile-menu a {
		display: block;
		padding: 25px 8%;
		font-size: 0.9em;
		color: #999;
	}
	
	
	.logo  { max-height: 100px; }
	
	.mobile-menu a:hover { 
		background: #ca2017; 
		color: #333;
	}
	
	.mobile-menu ul a { padding-left: 12%; }
	.mobile-menu ul ul a { padding-left: 16%; }
	.mobile-menu ul ul ul a { padding-left: 20%; }
	.mobile-menu ul ul ul ul a { padding-left: 24%; }
	
	.mobile-menu-container .menu-social {
		border-top: 1px solid #333;
		padding: 30px 8%;
	}
	
	.mobile-menu-container .menu-social .menu-items { text-align: center; }
	
	.mobile-menu-container .menu-social li {
		display: inline-block;
		margin: 0 3px;
	}
	
	.mobile-menu-container .menu-social a { background-color: #2d2d2d; }
	.mobile-menu-container .menu-social a:hover { background-color: #ca2017; }
	
	
}

@media (max-width: 1040px) {

	/* header */
	
	.home_first_page .title-section .section-inner { padding: 100px 0; }
	
	/* main content */

	.post-container {
		width: 49.75%;
		padding: 0 1.5% 3% 1.5%;
	}
	
	/* single post */
	
	.post-nav-fixed { display: none; }
	
			
}

@media (max-width: 600px) {

	
	.post-container {
		width: 100%;
		padding: 0;
		margin-top: 3.5%;
	}
	
	.posts > .post-container:first-child { margin-top: 0; }
	
	
	.post-nav-fixed { display: none; }
	
	
	.post-content h2{
font-size: 1.1em;


}

			
}