/*
Theme Name: 	Trailblazer
Theme URI: 		http://odoson.com
Description: 	The totally nude Wordpress theme!
Version: 		1.0
Author: 		Robert Baumgartner
Author URI: 	http://odoson.com
Tags: 			trailblazer, naked, clean, basic
*/



/*** Sensible Defaults ***/

@import "css/reset.css";
@import "js/lightbox/css/lightbox.min.css";

div,
article,
section,
header,
footer,
nav,
li					{ position:relative; /* For absolutely positioning elements within containers (add more to the list if need be) */ }
body 				{ background:#fff; /* Don't forget to style your body to avoid user overrides */ }
/*::-moz-selection 	{ background:#ff0; color:#333; }
::selection 		{ background:#ff0; color:#333; } */

* {
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	   -moz-font-smoothing: antialiased;
	        font-smoothing: antialiased;
}

html, body {
	font-family: Arial, sans-serif;
	font-size: 13px;
	line-height: 130%;
	color: #6d6448;
	height:100%;
}

h1, h2 {
	color: #ef4123;
	font-size: 1.4rem;
	line-height: 100%;
	margin-bottom: 1em;
	font-weight: bold;
}

p {
	margin-bottom: 1.2em;
}

footer {
	font-size: 0.9rem;
}





.wrap {
	width: 100%;
	padding: 0 20px;
	margin: 0 auto;
	max-width: 990px;
}

header {
	background: #d93b20;
	height: 105px;
}

	@media (min-width: 600px) {
		header {
			height: 130px;
		}
	}
	
	@media (min-width: 990px) {
		header {
			height: 240px;
		}
	}

header .wrap {
	height: 100%;
	background-color: #ef4123; 
	position: relative;
}

header .navToggle {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 36px;
	padding: 7px 0;
	cursor: pointer;
}

	header .navToggle span {
		display: block;
		height: 3px;
		width: 24px;
		margin: 3px auto;
		background: #fff;
	}
	
	@media  (min-width: 600px) {
		header .navToggle {
			display: none;
		}
	}

header a.logo {
	display: block;
	width: 200px;
	height: 70px;
	background: url(css/img/logo.svg) no-repeat left bottom;
	background-size: contain;
	text-indent: -1000px;
	overflow: hidden;
	position: absolute;
	bottom: 15px;
}
	
	@media  (min-width: 600px) {
		header .wrap {
			padding-left: 30px;
		}
		
		header a.logo {
			bottom: 20px;
			width: 215px;
			height: 76px;
		}
	}
	
	@media  (min-width: 990px) {
		header .wrap {
			padding-left: 60px;
		}
		
		header a.logo {
			bottom: 45px;
			width: 270px;
			height: 93px;
		}
	}

.hero {
	height: 130px;
	background: #b5b3a5;
}

	@media  (min-width: 990px) {
		.hero {
			height: 180px;
		}	
	}
	
	.hero .wrap {
		background: #d7d5c3;
		height: 100%;
		background-size: cover;
		background-position: center center;
		padding: 0;
	}
	
	.hero .left,
	.hero .right {
		height: 100%;
	}
	
		.hero .left {
			background: url(css/img/header_teil1.jpg) no-repeat center center;
			background-size: cover;
			width: 100%;
		}
		
		.hero .right {
			background: url(css/img/header_teil2.jpg) no-repeat center center;
			background-size: cover;
			display: none;
		}
		
		@media (min-width: 600px) {
			.hero .left {
				width: 320px;
			}
			
			.hero .right {
				width: calc(100% - 320px);
				display: block;
			}
		}
		
		@media (min-width: 990px) {
			.hero .left {
				width: 420px;
			}
			
			.hero .right {
				width: 570px;
				display: block;
			}
		}

.main {
	padding: 20px 0;
	position: static;
}

	@media  (min-width: 990px) {
		.main {
			padding: 40px 0;
		}	
	}

.flex {
	display: flex;
	flex-flow: row wrap;
	position: static;
}

.sidebar {
	display: none;
	font-size: 1.1rem;
	line-height: 100%;
	background: #f0eeea;
}

	.sidebar.visible {
		display: block;
	}
	
	@media  (max-width: 599px) {
		.sidebar {
			position: absolute;
			top: 105px;
			width: 100%;
			left: 0;
			z-index: 999;
			padding: 0 20px;
		}	
	}
	
	@media  (min-width: 600px) {
		.sidebar {
			width: 300px;
			display: block;
			padding-left: 10px;
			background: #fff;
		}
	}
	
	@media  (min-width: 990px) {
		.sidebar {
			width: 400px;
			padding-left: 40px;
		}
	}
	
	.sidebar ul {
		margin: 2rem 0;
	}
		
		@media  (min-width: 600px) {
			.sidebar ul {
				margin: 2.8rem 0 0 0;
			}
		}
	
		.sidebar ul li {
			margin: 1em 0;
		}
		
			.sidebar ul li a {
				text-decoration: none;
			}
			
		.sidebar ul li.current-menu-item,
		.sidebar ul li.current-page-ancestor {
			font-weight: bold;
		}

.maincontent {
	width: 530px;
}

	@media  (min-width: 600px) {
		.maincontent {
			width: calc(100% - 300px);
		}
	}
	
	@media  (min-width: 990px) {
		.maincontent {
			width: 530px;
		}
	}

.pageWrap {
	position: relative;
	min-height: 100%;
	padding-bottom: 230px;
}

	@media (min-width: 600px) {
		.pageWrap {
			padding-bottom: 115px;
		}
	}

footer {
	background: #e9e6df;
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 0 0 25px 0;
}
	
	footer .item {
		padding-right: 1.5em; 
		padding-bottom: 1.5em;
		display: block;
		float: left;
	}
	
	footer .item.right {
		padding-bottom: 0;
	}
		
		
		@media (min-width: 650px) {
			footer .item {
				padding-bottom: 0;
			}
			
			footer .item.logopaedie {
				width: 290px;
			}
			
			footer .item.right {
				padding-left: 3em;
				padding-right: 0;
				float: right;
				text-align: right;
			}
		}
		
		@media (min-width: 990px) {
			footer .item.logopaedie {
				width: 360px;
			}
		}

	footer a {
		text-decoration: none;
	}
	
	@media  (min-width: 600px) {
		footer {
			padding: 25px 0;
		}
		
		footer .wrap {
			padding-left: 30px;
		}	
	}
	
	@media  (min-width: 990px) {
		footer .wrap {
			padding-left: 60px;
		}	
	}
	
	@media  (min-width: 1020px) {
		footer .wrap {
			padding-right: 0;
		}	
	}
	
	footer .map {
		height: 110px;
		background-color: #dcd8d0;
		background-image: url(css/img/header_teil2.jpg);
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
		margin-bottom: 25px;
	}
	
		@media (min-width: 600px) {
			footer .map {
				display: none;
			}
		}

.nf-form-cont {
	margin: 2em 0;
}

.nf-form-title {
	display: none;
}

.nf-field-container {
	margin-bottom: 5px !important;
}

.nf-field-element input[type='text'],
.nf-field-element input[type='email'],
.nf-field-element input[type='tel'],
.nf-field-element input[type='button'],
.nf-field-element input[type='submit'],
.nf-field-element textarea {
	background: #e3e1dc;
	border: 0;
	max-width: 475px;
	color: #6d6448;
	padding: 0.75em 1em;
	outline: none;
	font: inherit;
}

	.nf-field-element input[type='text']:focus,
	.nf-field-element input[type='email']:focus,
	.nf-field-element input[type='tel']:focus,
	.nf-field-element textarea:focus {
		background: #eeebe0;
	}
	
.nf-field-element input[type='button'],
.nf-field-element input[type='submit'] {
	color: #fff;
	background: #ef4123;
	font-weight: bold;
}

/* Helper Classes */

.clear { clear: both; }
strong { font-weight: bold; }
em { font-style: italic; }
a, a:link, a:visited, a:hover, a:focus { color: inherit; }