/*
	Theme Name: HTML5 Blank
	Theme URI: http://html5blank.com
	Description: HTML5 Blank WordPress Theme
	Version: 1.4.3
	Author: Todd Motto (@toddmotto)
	Author URI: http://toddmotto.com
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
}
body {
	font: 18px/1.4 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #222;
	background: #eee;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:#444;
	text-decoration:none;
}
a:hover {
	color:#444;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}

.hidden { display: none; }

input[type="submit"]{display: block; text-align: center; padding: 20px 30px; color: #fff; font-weight: bold; transition: all .3s; width: 100%; background: #e3001b; border: 0;}
input[type="submit"]:hover {background: #a20013; color: #fff;}

h1{font-weight: 800; font-size: 35px; line-height: 1.1; text-transform: uppercase;}
h2{font-weight: 800; font-size: 35px; line-height: 1.1; text-transform: uppercase;}
h3{font-weight: 800; font-size: 28px; line-height: 1.1; text-transform: uppercase;}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */
.wrapper {max-width:1600px; width:100%; margin:0 auto; position:relative; background: #fff;}

/* header */
.header {background: #e2001a; z-index: 100;}

/* logo */
.logo {float: left;}
.logo-img {}

/* nav button */
.header span.menu_button{width: 79px; height: 79px; display: block; right: 0; background: url('img/icons/mh-burger.svg') center center/32px 32px no-repeat; position: absolute; transition: background 0.1s;}
.header span.menu_button:hover{cursor: pointer;}

.header.menu_open span.menu_button{background: url('img/icons/mh-close.svg') center center/26px 26px no-repeat;}

/* nav */
.nav {top: 79px; position: absolute; width: 100%; display: none; z-index: 100;}

.nav ul {list-style-type: none; margin: 0; padding: 0;}

.nav ul.menu {box-shadow: rgba(0, 0, 0, 0.27) 0 22px 50px -15px;}

.nav ul.menu li {border-top: #eee 1px solid; background: #fff;}

.nav ul.menu li a {padding: 0 20px; line-height: 79px; display: block; text-transform: uppercase; font-weight: 600;}

/* featured image */
.featured-image{position: relative; display: block; height: 380px; width: 100%; background-position: center center; background-size: cover;}

.featured-image .mh-title{position: absolute; right: 0; bottom: 25%; max-width: 50%;}

.title-container.desktop{display: none;}
.title-container.desktop .title { max-width: 60vw; padding-right: 4%; }
.single h1.title.desktop { font-size: 38px; }

/* social icons */
ul.social {position: absolute; bottom: 10px; margin: 0; padding: 0; right: 10px; z-index: 10;}
ul.social li{display: inline-block; margin-left: 12px; }
ul.social li a{font-size: 40px; color: #fff; display: inline-block; }

footer ul.social{position: relative; left: 0; padding: 20px 0;}
footer ul.social a{margin: 0 12px 0 0;}

/* content */
.entry-content{padding: 0 5%;}
.entry-content h2{margin: 50px 0 20px 0;}
.entry-content h3{margin: 40px 0 20px 0;}
.entry-content ul{list-style-type: square;}


/* sidebar */
.sidebar {}

/* footer */
.footer {background: #303030; padding: 2% 5%; color: #fff; overflow: hidden;}

.footer ul.meta{margin: 0; padding: 20px 0 0 0; text-align: center;}
.footer ul.meta li{display: inline-block; padding: 0 6px;}
.footer ul.meta li a{color: #fff; text-decoration: underline;}


/*------------------------------------*\
    PAGES
\*------------------------------------*/

/*Startseite*/
.page-template-page-startseite .section-1 h2{padding: 0 5%; color: #494949; margin: 50px 0 0 0;}
.page-template-page-startseite .title-container.desktop{display: none;}

/*category excerpts auf startseite*/
.categories .category {text-align: center; padding: 40px 5%;}
.categories .category .icon {height: 130px; margin: 0 0 15px 0;}
.categories .category .title h2{text-transform: uppercase; font-size: 28px; margin: 0 0 20px 0;}
.categories .category .description {margin: 0 0 30px 0;}
.categories .category .description b{color: #e2001a;}

.categories .category a.more {text-transform: uppercase; text-decoration: underline; font-weight: 600;}
.categories .category a.more:before {content: ""; background: url('img/icons/arrow_right.svg') center center/15px 20px no-repeat; width: 15px; height: 20px; display: inline-block; vertical-align: middle;}

/*pages excerpts auf starteite*/
.pages .page{text-align: center; overflow: hidden;}

.pages .page .title h2{text-transform: uppercase; margin: 0;}
.pages .page .description{padding: 0 0 20px 0;}

.pages .page .right{padding: 40px;}

.pages .page .featured-image{position: relative; background-position: center center; background-size: cover; height: 500px;}
.pages .page .featured-image:after{content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(255, 255, 255, 0.7);}

.pages .page a.more{border: #333 2px solid; padding: 10px; display: inline-block; font-weight: bold;}
.pages .page a.more:before {content: ""; background: url('img/icons/arrow_right.svg') center center/15px 20px no-repeat; width: 15px; height: 20px; display: inline-block; vertical-align: middle;}

.pages .page:nth-child(odd){background: rgba(226, 0, 26, 1); color: #fff;}
.pages .page:nth-child(odd) .featured-image:after{content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(226, 0, 26, 0.7);}
.pages .page:nth-child(odd) a.more{border: #fff 2px solid; padding: 10px; display: inline-block; color: #fff;}
.pages .page:nth-child(odd) a.more:before {background: url('img/icons/arrow_right_white.svg') center center/15px 20px no-repeat;}


/* Treffen */
.page-template-page-treffen .meetings {}

.meetings { padding-left: 0; width: 50%; }
.meeting { padding: 32px 0; list-style: none; border-bottom: 2px solid rgba(0, 0, 0, 0.2); }
.meeting .title { margin: 0; color: #494949; }
.meeting p { position: relative; padding-left: 48px; margin: 16px 0; font-size: 22px; }
.meeting p:last-of-type { margin-bottom: 0; }
.meeting .date::before { content: ""; background: url("img/icons/time.svg") center center/28px 28px no-repeat; width: 28px; height: 28px; position: absolute; left: 0px; top: 50%; transform: translateY(-50%);  }
.meeting .location::before { content: ""; background: url("img/icons/location.svg") center center/24px 38px no-repeat; width: 28px; height: 38px; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); }

.meetings + .pagination { width: 50%; display: flex; justify-content: center; }
.meetings + .pagination button { background: none; border: none; }
.meetings + .pagination button.active { color: #8f8f8f; }

@media (max-width: 748px) {
	.meetings { width: 100%; }
	.meetings + .pagination { width: 100%; }
}

/* Category pages */
.category .title-container.desktop { left: 5%; }
.category .content-wrapper { display: flex; justify-content: space-between; align-items: flex-start; }
.category .content-wrapper > main { max-width: 1024px; padding: 0% 4% 0% 2%; margin-bottom: 48px; }
.category aside.sidebar { width: 300px; flex-shrink: 0; padding: 24px; margin: 48px 0; background: white; border: 2px solid #ddd; }
.category aside.sidebar .wp-caption-text { display: none; }
.category aside.sidebar .widget_text > h3{margin-top: 0;}

.category article.post { padding: 48px 0; }
.category article.post:not(:last-of-type) { border-bottom: 2px solid #ddd; }
.category article.post h3 { margin: 0; }
.category article.post .main { display: flex; justify-content: space-between; align-items: flex-start; margin: 42px 0 30px 0; }
.category article.post img { width: 100%; }
.category article.post .image-wrap { width: 40%; }
.category article.post .main > .excerpt { width: 75%; padding: 0; margin: 0; margin-left: 32px; }

.category .date, .category .author { display: inline-block; position: relative; padding-left: 32px; }
.category .author { margin-right: 32px; }
.category .date::before { content: ""; background: url("img/icons/time.svg") center center/20px 20px no-repeat; width: 20px; height: 20px; position: absolute; left: 0px; top: 50%; transform: translateY(-50%);  }
.category .author::before { content: ""; background: url("img/icons/author.svg") center center/20px 20px no-repeat; width: 20px; height: 20px; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); }

.category [data-js-pagination] + .pagination { display: flex; justify-content: center; margin-top: 48px; }
.category [data-js-pagination] + .pagination button { background: none; border: none; }
.category [data-js-pagination] + .pagination button.active { color: #8f8f8f; }

@media (max-width: 1024px) {
	.category .entry-content { flex-wrap: wrap; }
	.category aside.sidebar { width: 100%; display: flex; margin-top: 0; }
	.category aside.sidebar > .widget_media_image { width: 30%; margin-right: 24px; }
	.category aside.sidebar > .widget_media_image > div { margin: 0; }
	.category aside.sidebar p { margin: 0; }

}

@media (max-width: 768px) {
	.category article.post .main { flex-wrap: wrap; margin: 24px 0 0 0; }
	.category article.post .main .image-wrap { width: 100%; }
	.category article.post .main .excerpt { margin: 24px 0; width: 100%; }
}

@media (max-width: 480px) {
	.category aside.sidebar { flex-wrap: wrap; }
	.category aside.sidebar > .widget_media_image { width: 100%; margin-bottom: 24px; }
	.category aside.sidebar > .widget_media_image > div { margin: 0 auto; }
}


/* Post Page */
.single-post .content-wrapper { padding: 0% 20% 0% 20%; }
.single-post .meta { margin-top: 24px; }
.single-post .meta .date, .single-post .meta .author, .single-post .meta .category { display: block; position: relative; padding-left: 32px; margin-right: 24px; margin-bottom: 8px; }
.single-post .title-container .meta .author, .single-post .title-container .meta .date { display: inline-block; margin-bottom: 0; }
.single-post .meta .date::before { content: ""; background: url("img/icons/time.svg") center center/20px 20px no-repeat; width: 20px; height: 20px; position: absolute; left: 0px; top: 50%; transform: translateY(-50%);  }
.single-post .meta .author::before { content: ""; background: url("img/icons/author.svg") center center/20px 20px no-repeat; width: 20px; height: 20px; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); }
.single-post .meta .category::before { content: ""; background: url("img/icons/category.svg") center center/20px 20px no-repeat; width: 20px; height: 20px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }

.single-post .title-container .meta .date::before { background: url("img/icons/time_white.svg"); }
.single-post .title-container .meta .author::before { background: url("img/icons/author_white.svg"); }
.single-post .title-container .meta .category::before { background: url("img/icons/category_white.svg"); }

@media (max-width: 1024px) {
	.single-post .content-wrapper { padding: 0 5%; }
	.single-post .title-container.desktop { left: 0; }
	.single-post .title-container.desktop .title { max-width: none; }
}

@media (max-width: 768px) {
	.single-post .alignright, .single-post .alignleft { display: block; margin: 16px auto; float: none; }
}



/*------------------------------------*\
    Input
\*------------------------------------*/

/*Kontaktformular*/
.wpcf7 input[type="text"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="email"]{border: #444 2px solid; height: 50px; padding: 0 10px; box-sizing: border-box; width: 100%; margin: 5px 0 0 0;}

.wpcf7 textarea {border: #444 2px solid; border-radius: 3px; padding: 10px; box-sizing: border-box; width: 100%; margin: 5px 0 0 0;}

.wpcf7 span.wpcf7-list-item{margin: 0;}

div.wpcf7-response-output{margin: 0;}

/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/open-sans-v15-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('fonts/open-sans-v15-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/open-sans-v15-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-800 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'),
       url('fonts/open-sans-v15-latin-800.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/open-sans-v15-latin-800.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (min-width:320px) {

}
@media only screen and (min-width:480px) {

}
@media only screen and (min-width:768px) {
	.mobile-only { display: none; }

	.wpcf7-form input[type="submit"] { width: auto; float: right; }

	/* header */
	.header{background: transparent; position: absolute; left: 0; right: 0;}

	.header span.menu_button{display: none;}

	/*featured image*/
	.featured-image{height: 700px; overflow: hidden;}

	/*title*/
	.title-container.desktop{position: absolute; bottom: 0; padding: 20px 2%; margin: 0; color: #fff; left: 18%; right: 0; background: rgba(226, 0, 26, 0.7); display: block;}
	.title-container.desktop .title { margin: 0; }
	.title-container.mobile{display: none;}

	/* nav */
	.nav {top: 0; display: block; position: relative; right: 0;}
	.nav .menu{height: 79px; float: right;}

	.nav ul.menu{box-shadow: unset;}
	.nav ul.menu li{display: inline-block; border: 0; position: relative;}

	.nav ul.menu li a{padding: 0 10px; font-size: 14px;}
	.nav ul.menu li a:after{content: ''; position: absolute; height: 4px; right: 20px; left: 20px; display: block; bottom: 0; background: #e2001a; opacity: 0; transition: opacity 0.2s;}

	.nav ul.menu li a:hover::after{opacity: 1;}
	.nav ul.menu li.current_page_item a:after{opacity: 1;}

	.nav ul.menu li.highlight {background: rgba(226, 0, 26, 0.7);}
	.nav ul.menu li.highlight a {color: #fff;}
	.nav ul.menu li.highlight a:hover::after{background: #fff;}

	/*category excerpts auf startseite*/
	.categories {display: flex; flex-wrap: wrap; padding: 0 0 50px 0;}
	.categories .category{width: 50%;}

	/*pages excerpts auf starteite*/
	.pages .page{display: flex; justify-content: center; flex-direction: row-reverse; padding: 0;}
	.pages .page > div{width: 50%; align-self: center;}

	.pages .page .right{text-align: right; padding: 0 8%;}

	.pages .page:nth-child(odd){flex-direction: row;}
	.pages .page:nth-child(odd) .right{text-align: left;}

	/*content*/
	.page-template-default .entry-content{padding: 3% 20%;}

	/*footer*/
	.footer ul.meta{float: right;}

	/*kontaktformular*/
	.wpcf7-form{display: flex; justify-content: space-between;}
	.wpcf7 .grid{width: 48%;}
}

@media only screen and (min-width:1024px) {	
	/* nav */
	.nav ul.menu li a{padding: 0 20px; font-size: initial;}
}

@media only screen and (min-width:1140px) {
	/* helper */
	.header-padding{padding: 0 5%;}

	/*featured image*/
	.page-template-page-startseite .featured-image{height: 900px;}

	/* basic */
	h1{font-size: 55px;}
	h2{font-size: 55px;}
}

@media only screen and (min-width:1280px) {

}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	overflow: hidden;
	position: relative;
	background: #FFF;
	max-width: 100%;
	text-align: left;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	width: 100%;
	padding:0;
}
.wp-caption .wp-caption-text,
.gallery-caption {color: #fff; left: 0; margin: 0; position: absolute; background: rgba(226, 0, 26, 0.7); bottom: 0; padding: 20px; font-weight: 600; right: 0;}

sticky {}
.bypostauthor {}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}