/*
Willkommen bei Custom CSS

Wie es funktioniert, steht unter http://wp.me/PEmnE-Bt
*/
.title-area {
	max-width: 600px;
	width: inherit;
}

.site-header .widget-area {
	width: 300px;
}

.site-title {
	text-transform: none;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

.site-description {
	text-transform: none;
}
.footer-widgets-1 p, .footer-widgets-2 p, .footer-widgets-3 p, .site-footer p {
	color:white;
}
.genesis-nav-menu > .menu-item > a {
	text-transform: none;
}

.site-header .wrap {
	padding: 20px 0;
}

.footer-widgets-1, .footer-widgets-2, .footer-widgets-3 {
	width: 30%;
}

.more-from-category {
	clear: both;
}

body {
	font-weight: normal;
	font-family: 'Helvetica', 'Arial', sans-serif;
}

@media only screen 
{
		.featured-image-class { height: 400px;}
}
@media only screen and (max-width: 1040px) {
	.site-header .widget-area {
		width: 150px;
	}
	
	.site-header .widget-area img {
		width: 150px;
	}
	
	.site-header .wrap {
		padding: 10px 0;
	}
	
	.title-area {
		width: 65%;
	}
	
	.site-title {
		font-size: 2em;
	}
	
	.site-description {
		font-size: .7em;
	}
}
@media only print {
	/** Remove URL address output for hyperlinks */
.site-header a[href]:after,
.site-footer a[href]:after,
.content span a[href]:after,
.content p a[href]:after,
#genesis-box a[href]:after,
.genesis-box a[href]:after {
display: none;
}
	
	.title-area {
		font-size:75%;
	}
	.header-widget-area {
		display:none;
	}

/* XHTML Rules:
------------------------------------------------------------ */
/** Remove URL address output for hyperlinks */
#header a[href]:after,
#footer a[href]:after,
#content span a[href]:after,
#content p a[href]:after,
#genesis-box a[href]:after {
display: none;
}
}

@media only screen and (max-width: 600px) {
	.title-area {
		width: 100%;
	}
	
	.site-header .widget-area {
		display: none;
	}
	
	.footer-widgets-1, .footer-widgets-2, .footer-widgets-3 {
		width: 100%;
	}
}

#mc_signup_form .mc_var_label, #mc-indicates-required {
	display: none;
}

.footer-widgets {
	background-color: #444;
}

ul.arrow {
	margin-left: 0;
}

ul.arrow li {
	list-style-type: none;
}

ul.arrow li:before {
	content: "\279C";
	font-weight: bold;
	padding-right: .5em;
}

.widget div.emailpopup {
	background-color: #D3F2C9;
	padding: 1em;
}

/*html.pum-open.pum-open-overlay, html.pum-open.pum-open-overlay.pum-open-fixed .pum-overlay {
	overflow: auto;
}*/
html.pum-open.pum-open-overlay.pum-open-scrollable body>[aria-hidden] {
	padding-right: inherit;
}

blockquote {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	color: #a5a4a4;
	font-style: italic;
	margin: 30px;
	padding: 30px;
	text-align: center;
}

blockquote::before {
	text-align: left;
	font-size: 300%;
	top: -.5em;
}
.wp-block-column:not(:first-child){
	margin-left:0em;
}

/* Content Boxes
------------------------------------------------------------ */
 
.content-box-blue,
.content-box-gray,
.content-box-green,
.content-box-purple,
.content-box-red,
.content-box-yellow {
    margin: 0 0 25px;
    overflow: hidden;
    padding: 20px;
}
 
.content-box-blue {
    background-color: #d8ecf7;
    border: 1px solid #afcde3;
}
 
.content-box-gray {
    background-color: #e2e2e2;
    border: 1px solid #bdbdbd;
}
 
.content-box-green {
    background-color: #d9edc2;
    border: 1px solid #b2ce96;
}
 
.content-box-purple {
    background-color: #e2e2f9;
    border: 1px solid #bebde9;
}
 
.content-box-red {
    background-color: #f9dbdb;
    border: 1px solid #e9b3b3;
}
 
.content-box-yellow {
    background-color: #fef5c4;
    border: 1px solid #fadf98;
}
button, input[type="button"], input[type="reset"], input[type="submit"], .button, .entry-content .button {
	text-transform:none;
	font-weight:bold;
}
.featured-image-class {
	margin-bottom: 1em;
}
/*.display-posts-listing .wp-post-image {
    float: right;
    margin: 0 0 5px 5px;
}*/
.display-posts-listing .listing-item .content { clear: both;}
p { color: black; }
blockquote { text-align:left;}
.display-posts-listing.image-left .listing-item {
	overflow: hidden; 
	margin-bottom: 32px;
	width: 100%;
}

.display-posts-listing.image-left .image {
	float: left;
	margin: 0 16px 0 0;
}

.display-posts-listing.image-left .title {
	display: block;
}

.display-posts-listing.image-left .excerpt-dash { 
	display: none; 
}
.display-posts-listing .title {
	font-weight:bold;
}
.featured-image-class {
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}