/*
 Theme Name:eva.rudolph Standard-Theme 2020
 Template:twentyfifteen
 Author:Nonnenbroich.Design | Lars Richter
 Author URI:https://Nonnenbroich.Design/
 Description:Standard-Theme für eva rudolph 2020 / optimiert für die Darstellung auf allen Geräten
 Version:1.0.9
 License:GNU General Public License v2 or later
 License URI:http://www.gnu.org/licenses/gpl-2.0.html
 Tags:blog, two-columns, left-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
 Text Domain:twentyfifteenchild
*/
/*
 Breakpoints aus dem Elterntheme:
 16.1 Mobile Large 620px		@media screen and (min-width:38.75em)
 16.2 Tablet Small 740px		@media screen and (min-width:46.25em)
 16.3 Tablet Large 880px		@media screen and (min-width:55em)
 16.4 Desktop Small 955px		@media screen and (min-width:59.6875em)
 16.5 Desktop Medium 1100px		@media screen and (min-width:68.75em) 
 16.6 Desktop Large 1240px		@media screen and (min-width:77.5em)
 16.7 Desktop X-Large 1403px	@media screen and (min-width:87.6875em)

 17.0 Print						@media print

	DEVELOPPPP {
*/
@media only screen {
	html body {
	/*	background:url("VORLAGE-phone.png") no-repeat left top;*/
	/*	background:url("VORLAGE-tablet.png") no-repeat left top;*/
	/*	background:url("VORLAGE-desktop.png") no-repeat center top;*/
		background-attachment:fixed;
		background-size:100vw;
	/*	background-size:1403px;*/
	}
	#suchhilfe .hier,
	a:hover,
	a:focus,
	body.page #main h1,
	body.single-post #main h1,
	body:before,
	.site,
	.page,
	.hentry, 
	.page-header, 
	.page-content.hentry, 
	.site-content,
	.site-info span[role=separator],
	.site-info a.imprint,
	.site-main,
	#content
	#colophon,
	#main p, 
	#main h1, 
	#main h2, 
	#main h3, 
	#main h4, 
	#main cite, 
	#main blockquote,
	#main a,
	#main .entry-header,
	#main .entry-summary,
	#main .entry-content .more-link:after,
	#main .hentry,
	#main .navigation.post-navigation,
	#main .page-header,
	#main .post::after,
	#main .post .entry-footer,
	#main .post-thumbnail img,
	#masthead .secondary-toggle.toggled-on,
	#masthead .secondary-toggle:before,
	#masthead .secondary-toggle.toggled-on:before,
	#masthead.site-header,
	#masthead .site-title a,
	#masthead .site-description,
	#masthead .site-branding,
	#secondary.toggled-on,
	#secondary::before,
	#secondary::after,
	#secondary ul li a,
	#secondary .main-navigation .current-menu-item > a,
	#secondary .main-navigation .current-menu-ancestor > a,
	#secondary .main-navigation,
	#secondary .main-navigation ul,
	#secondary .main-navigation ul li,
	#secondary .main-navigation ul li a,
	#secondary .widget,
	#secondary .widget ul,
	#secondary .widget_nav_menu ul,
	#secondary .widget_nav_menu ul li,
	#secondary .widget_nav_menu ul li a,
	#sidebar
	{ /* margin:10vw; */ }
}
/*
	}
	
	Schriften {
*/
@import url("https://use.typekit.net/elu2fvc.css");
body {
	font-family:"Helvetica Neue",Helvetica,nimbus-sans,sans-serif;
	font-weight:300;
	font-style:normal;
	letter-spacing:.7px;
}
#main,
#main p, 
#main h1, 
#main h2, 
#main h3, 
#main h4, 
#main cite, 
#main blockquote {
	font-size:12.5px;
	font-weight:300;
	text-decoration:none;
	border:none;
}
@media screen and (max-width:59.6875em) {
	#main,
	#main p, 
	#main h1, 
	#main h2, 
	#main h3, 
	#main h4, 
	#main cite, 
	#main blockquote {
		line-height:1.4;
		letter-spacing:0.6px;
	}
	#main h2,
	body.page #main h1,
	body.single-post #main h1 {
		font-size:2.1rem;
		font-weight:300;
		letter-spacing:0.6px;
		/*		font-size:1.7rem;
				font-weight:400;
				letter-spacing:.4px;
		*/
	}
}
@media screen and (min-width:59.6875em) {
	#main,
	#main p, 
	#main h1, 
	#main h2, 
	#main h3, 
	#main h4, 
	#main cite, 
	#main blockquote {
		font-size:1.7rem;
	}
	#main h2,
	body.page #main h1,
	body.single-post #main h1 {
		font-size:2.6rem;
	}
}
/*
	}
	
	keine Hintergründe, Boxen, Schatten, Ränder {
 */
body,
body:before,
#main a,
#main .hentry,
#colophon {
	border:none;
	text-decoration:none;
	box-shadow:none;
	background:none;
}
@media screen and (min-width:59.6875em) {
	.hentry, 
	.page-header, 
	.page-content.hentry, 
	.page-header, 
	.page-content,
	#main .post {
		margin:0;
	}
}/*
	}
	
	allgemein {
*/
a:hover,
a:focus {
	color:rgba(51,51,51,0.4);
}
/*
	}
	
	verbergen {
 */
.site-info span[role=separator],
.site-info a.imprint,
#main .navigation.post-navigation {
	display:none;
}
/*
	}
	
	Seitenbreite + -position {
 */
@media screen and (max-width:38.75em) {
	#content {
		margin-top:6.1em;
	}
}
@media screen and (min-width:38.75em) and (max-width:59.6875em) {
	#content {
		position:relative;
		left:0.6em;
		margin:6.1em 3em 0;
	}
}
@media screen and (min-width:59.6875em) {
	#content {
		margin-top:5.5rem;
		margin-left:29.4118%;
	}
	.site {
		border:1px solid lightgrey;
		border-top:0;
		border-bottom:0;
	}
}
/*
	}
	
	Header:Logo + Seitentitel {
 */
#masthead {
	margin:15% 0 .5em;
}
#masthead.site-header {
	border-bottom:1px solid #1a171c;
	font-size:2em;
}
#masthead .site-title a {
	display:block;
	width:188px;
	height:39px;
	padding:0;
	margin:0;
	background:url("logo-eva-rudolph.svg") no-repeat;
	background-size:contain;
	overflow:hidden;
	text-indent:200%;
	white-space:nowrap;
}
#masthead .site-description {
	display:none;
}
#masthead .site-branding {
	margin-bottom:1px;
}
@media screen and (max-width:59.6875em) {
	#masthead {
		padding-top:6rem;
	}
	#masthead.site-header {
		position:fixed;
		z-index:9;
		top:0;
		right:0;
		left:0;
		overflow:visible;
		margin:0 22px;
		padding:14px 2px;
		background:rgba(255,255,255,0.9);
	}
	#masthead .site-title a {
		float:right;
		width:167px;
		height:36px;
		margin:0;
		padding:0;
	}
	#masthead .site-branding {
		min-height:0;
		margin:0;
		padding:0;
	}
}
@media screen and (min-width:38.75em) and (max-width:59.6875em) {
	#masthead.site-header {
		margin:0 1.95em 0 2.55em;
	}
	#masthead .site-title a {
		float:none;
		width:178px;
		height:37px;
		margin:0 0 0 0.9em;
	}
}
@media screen and (max-width:38.75em) {
	#masthead.site-header {
		margin:0 25px;
	}
	
}
/*
	}
	
	Navi {
 */
/*
		Navi-Button {
*/
#masthead .secondary-toggle {
	position:relative;
	top:0;
	right:auto;
	float:left;
	border:none;
	width:31px;
	height:37px;
	-webkit-transform:none;
	-ms-transform:none;
	transform:none;
}
#masthead .secondary-toggle.toggled-on {
	z-index:10;
	top:0;
	left:4px;
	width:64px;
	height:64px;
}
#masthead .secondary-toggle:before {
	content:"";
	width:31px;
	height:34px;
}
/*
	background:url('menupic.svg') no-repeat left center;
	background-size:100% 100%;
#masthead .secondary-toggle.toggled-on:before {
	background:url('menu-x.svg') no-repeat left center;
}
@media screen and (max-width:38.75em) {
	#masthead .secondary-toggle.toggled-on {
		z-index:357;
		top:-14px;
		left:-24px;
		width:20%;
		height:100vh;
		border:none;
		background:white;
	}
	#masthead .secondary-toggle.toggled-on:before {
		display:block;
		position:absolute;
		top:23px;
		left:20px;
		width:36px;
		height:36px;
		margin:0;
		padding:0;
	}
}
@media screen and (min-width:38.75em) and (max-width:59.6875em) {
	#masthead .secondary-toggle {
		position:fixed;
		top:14px;
		left:25px;
		overflow:visible;
		width:37px;
		height:37px;
	}
	#masthead .secondary-toggle:before {
		width:36px;
		height:36px;
	}
	#masthead .secondary-toggle.toggled-on:before {
		display:block;
		position:absolute;
		top:23px;
		left:20px;
		margin:0;
		padding:0;
	}
}*/
/*
		}
*/
#secondary {
	box-shadow:none;
}
#secondary .main-navigation .current-menu-item > a,
#secondary .main-navigation .current-menu-ancestor > a {
	font-weight:300;
	color:#aaa;
}
#secondary .main-navigation ul,
#secondary .main-navigation ul li,
#secondary .widget_nav_menu ul,
#secondary .widget_nav_menu ul li {
	border:0;
	font-size:2.3rem;
	line-height:1.7;
	letter-spacing:1.1px;
}
#secondary .main-navigation ul li a,
#secondary .widget_nav_menu ul li {
	padding:0;
}
@media screen and (max-width:59.6875em) {
	#secondary {
		position:fixed;
		z-index:9;
		overflow:hidden;
		top:0;
		right:100vw;
		bottom:0;
		left:-100vw;
		margin:0;
		padding:24px 3em 3em;
		transition:1s ease all;
	}
	#secondary.toggled-on {
		left:4.2em;
		right:0;
		background:rgba(0,0,0,0.7);
		border:0;
	}
	#secondary::before {
		display:block;
		content:"";
		width:calc(100vw - 75px);
		height:42px;
		border-bottom:1px solid #1a171c;
		margin:0 0 1.7em -5px;
		background:url("logo-eva-rudolph.svg") no-repeat top left;
		background-size:178px auto;
		background-position-x:5px;
	}
	#secondary::after {
		display:block;
		content:"";
		position:absolute;
		z-index:-1;
		top:0px;
		left:0px;
		width:calc(100vw - 40px);
		bottom:0px;
		line-height:1em;
		background:white;
	}
	#secondary ul li a {
		display:inline-block;
	}
/*
	#sidebar:after {
		display:block;
		content:"";
		border-bottom:1px solid #1a171c;
		margin:0 22px;
	}
*/
}
@media screen and (max-width:38.75em) {
	#secondary {
		padding:1.5em 40px 0;
	}
	#secondary.toggled-on {
		padding:1.5em 1em 0;
	}
}
@media screen and (min-width:38.75em) {
	.site-main {
		padding:0;
	}
}
@media screen and (min-width:38.75em) and (max-width:59.6875em) {
	#sidebar {
		position:relative;
		left:0.6em;
		margin:0 3em;
	}
	/* 	--- nur verwenden, wenn die Navigation über dem Fließtext stehen soll, nicht, von links eingeblendet wird --- 
							#secondary {
								margin:1em 1.7em 0;
							}
	--- */
	#secondary::before {
		width:calc(50vw - 3em + 5px);
		margin:-11px 0 1.7em -11px;
		padding-bottom:52px;
	}
	#secondary::after {
		width:50vw;
	}
	#secondary .main-navigation,
	#secondary .widget {
		margin-bottom:1em;
	}
	#secondary .widget ul {
		margin-bottom:0;
	}
}
@media screen and (min-width:59.6875em) {
	#secondary .main-navigation {
		margin:0 20% 2em;
	}
}
/*
	}
	
	Hauptinhalte {
 */
#main {
	margin:0;
}
#main .post .entry-footer,
#main .page-header {
	display:none;
}
#main .post {
	margin:0 1px;
}
#main h1,
#main h2,
#main h3,
#main h4,
#main h5,
#main h6,
#main p {
	margin-bottom:1.7rem;
}
#main h3,
#main h4 {
	font-weight:300;
	color:#999;
}
#main .entry-content {
	padding-bottom:0;
}
#main .entry-content .more-link {
	text-transform:capitalize;
}
#main .entry-content .more-link:after {
	display:none;
}
#main .post-thumbnail {
	margin-left:10%;
	margin-right:10%;
}
.post-thumbnail img {
	margin:0 auto 0 0;
}
#main .post::after {
	content:"";
	display:block;
	margin:3.4rem 2em;
	border-bottom:1px solid #1a171c;
	padding:0;
}
@media screen and (min-width:38.75em) {
	#main .post-thumbnail {
		margin-bottom:1.7em;
	}
}
@media screen and (max-width:59.6875em) {
	#main .entry-header,
	#main .entry-content,
	#main .entry-summary {
		padding:0 2em;
	}
	#main .entry-header {
		margin:0;
	}
	#main .entry-title {
		line-height:1;
	}
	#main .post::after {
		margin:3.4rem 2em;
	}
	#main .post-thumbnail {
		margin:0 2em 2.4rem;
		overflow:hidden;
	}
	#main .post-thumbnail img {
		max-width:120%;
		width:120%;
		margin:0 -10%;
	}
}
@media screen and (min-width:59.6875em) {
	#main .post::after {
		margin:4rem 10%;
	}
	#main .hentry {
		/*padding-top:6rem;*/
	}
}
@media screen and (min-width:68.75em) {}
@media screen and (min-width:77.5em) {}

#main .wp-block-gallery {
	margin-bottom:0;
}
#main .wp-block-gallery .blocks-gallery-item {
	margin:1.7rem 0 .8rem;
}
/*
	}
	
	Fuß {
*/
@media screen and (max-width:59.6875em){
	#colophon {
		margin:0 5em 2em;
		padding:0;
	}
}
@media screen and (max-width:38.75em) {
	#colophon {
		margin:0 2em 2em;
	}
}
.site-info {
	margin:0;
	padding:0;
}
/*
	}
*/