/*
 Theme Name:   Twentyfifteen Alte Meierei
 Theme URI:    http://www.altemeierei.de/
 Description:  Twenty Fifteen Child Theme for Alte Meierei
 Author:       Andre Boehm
 Author URI:   http://www.vektorrausch.de
 Template:     twentyfifteen
 Text Domain:  twenty-fifteen-altemeierei
*/

.site-info {
	display: none;
}

.design-box {
        color: #333;
        font-size: 15px;
        font-size: 1.5rem;
        font-family: "Noto Sans", sans-serif;
        line-height: 1.6;
	background-color: blue;
}

.design-bar {
        color: #333;
        font-size: 15px;
        font-size: 1.5rem;
        font-family: "Noto Sans", sans-serif;
        line-height: 1.6;
	background-color: red;
}


body.home {
	background-color:#101010;
}

body.home h1.entry-title {
	display: none;
}


/* CSS by Olaf */


#left-column {
	width: 46%;
	min-width:300px;
	background-color:orange;
	float: left;
	clear: none;
	padding:5%;
	margin:1%;
	}
#right-column {
	min-width:300px;
	width:46%;
	background-color:#6fadc4;
	float: left;
	clear: none;
	padding:5%;
	margin:1%;
	}
#right-column article {
	background:none;
	width:100%;
	margin:0;
	padding:0;
}
#right-column article header {
	padding:10% 0 0 0;
	
	width:100%;
	border-top:1px solid white;
}
#right-column article header h2{
	
	font-size:20px;

}
div#right-column>article >div {
	margin:0;
	padding:0;
	width:100%;
	font-size:14px;
}
#right-column article footer {
	margin:5% 0 10% 0;
	padding:0;
	width:100%;
	background:none;
	color:white;
	font-size:14px;
}
#right-column article footer a{
	
	color:white;
}
#right-column article p{
	
font-size:14px;
}
#right-column.st-format-aside {
margin:0;
	padding:0;
	width:100%;
}

#left-column h1, #right-column h1 {
font-size:25px;
padding:5%;
}
#left-column h2, #right-column h2 {
font-size:20px;
padding:0%;
}
.category-review {
	margin:0;
	padding:0%;
}

.events-table {
clear:both;
float:left;
width:100%;

position:relative;
}
.events-header{
	display:none;
clear:both;
float:left;
position:relative;
width:98%;
margin:1%;
border-bottom:1px solid white;
}
.event-time{
width:25%;
clear:both;
float:left;
position:relative;
}
.event-description{
width:75%;
float:left;
position:relative;
}

.eventsframe {
clear:both;
float:left;
padding-top:10%;
border-top:1px solid white;
margin:1%;
width:98%;

}
.eventsleftframe {
position:relative;
float:left;


width:25%;
}
.eventdates{
margin-right:5px;
clear:left;
float:left;
font-weight:bold;
font-size:14px;
}
.eventtimes{

float:left;
font-size:14px;
}
.eventsrightframe {
position:relative;
float:left;
width:75%;
}

.eventlink{
	position:relative;
font-weight:bold;
font-size:20px;
clear:both;
float:left;
margin-bottom:5%;
}
.eventtext{
	position:relative;
	height:20px;
	background:green;
font-family: Lato,sans-serif;
font-size:14px;
clear:both;
float:left;
}
.eventexcerpt {
font-size:70%;
}

.locationname{
	position:relative;
clear:both;
float:left;
width:100%;
font-weight:bold;
font-size:14px;
}

.event {
	margin:0 8.28%;
	padding:5% 0;
	background:#ffa500;
	}
.post {
	margin:0 8.28%;
	padding:5% 0;
	background:#6fadc4
	}
.page, #page, .single, #colophon {
	background:#101010;
	
}
.type-page {
	background:#85ff9c;
	margin:0 8.28%;
	padding:5% 0;
}

#masthead h1, #masthead p{
	
display:none;
}

.single {
	
}



	#masthead a, #masthead p{
		
	
	color:white;
	}
		#masthead{
			
	background:url(top_bar.jpg)right bottom no-repeat;

	background-size:cover;
}

	#sidebar.sidebar{
	background:#101010;

}
/* weißer Kasten für Datum auf Veranstaltungsseiten*/	
.white {
	background:white;
	padding:1%;
	margin:0 2% 2% 0%;
}

/* Datum in Widgets*/
.widget-area ul{
	list-style-type:none;
	color:#606060;
}
/* Ende CSS by Olaf */

/*Menu-Button*/
#masthead button {

	margin-top:-5%;
	margin-right:10%;
	background:brown;
	border-radius:30px;
}
.secondary-toggle:before {
	color: #fff;
	content: "\f419";
	line-height: 40px;
	width: 40px;
	
}



/**
 * 16.0 Media Queries
 */

/*
 * Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}
/**
 * 16.0 Mobile small
 */

@media screen and (max-width: 38.74em) {
	#masthead.site-header {
	
}
.type-page, .post, .event {
	margin:20px 0px;
}
		#left-column {
	width:98%;
	min-width:300px;
	
	float: left;
	clear: none;
	
	}
#right-column {
	min-width:300px;
	width:98%;

	float: left;
	clear: none;

	}
}
/**
 * 16.1 Mobile Large 620px
 */

@media screen and (min-width: 38.75em) {
	
	.type-page, .post, .event {
	margin:20px;
}
	#masthead.site-header {
	}

		#left-column {
	width: 98%;
	min-width:300px;
	
	float: left;
	clear: none;

	}
#right-column {
	min-width:300px;
	width:98%;
	
	float: left;
	clear: none;
	
	}
}


/**
 * 16.2 Tablet Small 740px
 */

@media screen and (min-width: 46.25em) {
	
	.type-page, .post, .event {
	margin:0 20px;
}
#masthead.site-header {
	height:100px;
	
}

		#left-column {
	width: 46%;
	min-width:300px;
	margin:0% 2%;
	float: left;
	clear: none;
	
	}
#right-column {
	min-width:300px;
	width:46%;
	margin:0% 1%;
	float: left;
	clear: none;
	
	}
}


/**
 * 16.3 Tablet Large 880px
 */

@media screen and (min-width: 55em) {
		.type-page, .post, .event {
	margin:0 20px;
}
	#masthead {
	background:contain;

}
/*Menu-Button*/
#masthead button {

	margin-top:-20px;
	margin-right:133px;
	background:brown;
	border-radius:30px;
}

		#left-column {
	width: 46%;
	min-width:300px;
margin:0% 2%;
	float: left;
	clear: none;

	}
#right-column {
	min-width:300px;
	width:46%;
	margin:0% 1%;
	float: left;
	clear: none;

	}
}


/**
 * 16.4 Desktop Small 955px
 */

@media screen and (min-width: 59.6875em) {
	.type-page, .post, .event {
	margin:0 20px;
}
#masthead.site-header {
	background:contain;
	
}
	#left-column {
	width: 46%;
	min-width:300px;
	
	float: left;
	clear: none;
	margin:1% 1% 1% 5%;
	}
#right-column {
	min-width:300px;
	width:46%;
margin:1% ;
	float: left;
	clear: none;
	
	}
}


/**
 * 16.5 Desktop Medium 1100px
 */

@media screen and (min-width: 68.75em) {
	.type-page, .post, .event {
	margin:0 20px;
}
#masthead.site-header {
	background:contain;
}
	#left-column {
	width: 46%;
	min-width:300px;

	float: left;
	clear: none;
	
	margin:1% 1% 1% 5%;
	}
#right-column {
	min-width:300px;
	width:46%;
	
	float: left;
	clear: none;

	margin:1%;
	}
}


/**
 * 16.6 Desktop Large 1240px
 */

@media screen and (min-width: 77.5em) {
	.type-page, .post, .event {
	margin:0 20px;
}
#masthead.site-header {
	background:contain;
}
	#left-column {
	width: 46%;
	min-width:300px;
	
	float: left;
	clear: none;
	
	margin:1% 1% 1% 5%;
	}
#right-column {
	min-width:300px;
	width:46%;
	
	float: left;
	clear: none;
	
	margin:1%;
	}
}


/**
 * 16.7 Desktop X-Large 1403px
 */

@media screen and (min-width: 87.6875em) {
	.type-page, .post, .event {
	margin:0 20px;
}
	body:before {
		width: -webkit-calc(50% - 289px);
		width: calc(50% - 289px);
		background:#101010;
	}
	
#masthead.site-header {
	background:contain;
}

	#left-column {
	width: 46%;
	min-width:300px;
	
	float: left;
	clear: none;
	
	margin:1% 1% 1% 5%;
	}
#right-column {
	min-width:300px;
	width:46%;
	
	float: left;
	clear: none;

	margin:1%;
	}
}