/* Reset
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}									

article, aside, figure, footer, header, hgroup, nav, section {display: block;}

/* Responsive images and other embedded objects */
img, object, embed {max-width: 100%;}

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;} 

img, input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

/* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {outline: none;}

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* ==========================================================================
   Main Styles
   ========================================================================== */
@media screen and (min-width: 30rem){
    html {
	font-size: calc(14px + (18 - 14) * ((100vw - 400px) / ( 1200 - 400)));
	}
}
body {
	background: transparent url('../layout/waldbild.jpg') no-repeat fixed;
	background-size: cover;
	line-height: 1.5;
	color: #333;
	margin: 0;
}
::-moz-selection {
    background: #FFB06E;
    text-shadow: none;
}

::selection {
    background: #FFB06E;
    text-shadow: none;
}
.hidden {
    display: none !important;
    visibility: hidden;
}
hr {
	display: block;
	height: 2px;
	border: 0;
	border-top: 2px solid #AFA493;
	margin: 1em 0;
	padding: 0;
}
/* apply a natural box layout model to all elements */
*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
 }
.page-wrapper {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-pack: center;
	-webkit-justify-content: flex-center;
	justify-content: center;
}
div#slider {
	width: 70%;
	background: #F5E4B9;
	background: rgba(245, 228, 185, 0.9);
	/*max-width: 1024px;*/
	overflow: hidden;
}
div#slider figure {
	position: relative;
	width: 500%;
	margin: 0;
	padding: 0;
	font-size: 0;
	text-align: left;
	animation: 40s slidy infinite;
}
div#slider figure img {
	width: 20%;
	height: auto;
	float: left;
}
@keyframes slidy { 
	0%  { left: 0%; }
	20% { left: 0%; }
	25% { left: -100%; }
	45% { left: -100%; }
	50% { left: -200%; }
	70% { left: -200%; } 
	75% { left: -300%; }
	95% { left: -300%; }
	100% { left: -400%; } 
}
article, div.wrap {
	background: #F5E4B9;
	background: rgba(245, 228, 185, 0.9);
	padding: 1.5rem 2rem;
}
div.title-wrap {
	padding: 1.5rem 2rem 0 2rem;
}
article.intro {
	margin: 0 auto;
	width: 70%;
}
.cols {
	columns: 300px 2;
}
.logo {
	text-align: center;
}
.logo a {
	text-decoration: none;
	border-bottom: none;
}
div.wrap, footer .bottom-wrap {
	display: flex;
	justify-content: center;
	flex: 0 1 70%;
}
div.wrap section {
	display: flex;
	margin-right: 2rem;
	flex-flow: column;
	justify-content: center;
	align-self: flex-start; /*richtet die flex items oben korrekt aus*/
	flex: 1 50%;
}
#partner section {
	padding: 0 10%;
}
footer {
	background: #C9A774;
	background: rgba(238, 211, 171, 0.8);
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	flex: 1 100%;
}
footer .wrap, footer .bottom-wrap {
	background: #F5E4B9;
	background: rgba(201, 167, 116, 0.8);
}
footer ul {
	list-style: none;
	margin: 1.5rem 0;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
}
footer ul li {
	padding: 0.5rem 0;
	flex: auto;
	min-width: 10rem;
}
footer ul li:nth-child(2) {
	padding-right: 1rem;
	padding-left: 1rem;
}
figure {
	margin: 0.75rem 0 1rem;
}
div.wrap ul {
	list-style-type: disc;
	list-style-position: outside;
	margin: 0 0 1em 1em;
}
div.wrap ul li {
	margin-bottom: 0.5rem;
}
div.wrap p {
	margin-bottom: 1rem;
}
#sitemap .wrap ul li {
	margin-top: 0.3em;
	font-size: 1.125rem;
}
#sitemap .wrap ul ul {
	list-style-type: circle;
}
#sitemap .wrap ul ul li {
	margin-top: 0;
	font-size: 1rem;
}
 /* ==========================================================================
   Main Navigation
   ========================================================================== */
nav {
	background-color: #C9A774;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	flex: 1 100%;
}
.nav {
	list-style: none;
	text-align: center;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	flex: 1 90%;
}
.nav a {
  text-decoration: none;
  width: 100%;
  padding: 1em;
  color: #4d4d4d;
  font-weight: 600;
  border: 0;
}

.nav a:hover {
  color: #000000;
  border: 0;
}
.nav li.current a {
	color: #000000;
	cursor: default;
}
nav ul li {
	padding: 0.5rem 0;
	flex: auto;
	min-width: 5rem;
}
 /* ==========================================================================
   Sub Navigation
   ========================================================================== */
.subnav {
	background-color: #E7CB92;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	flex: 1 100%;
}
.subnav {
	list-style: none;
	text-align: center;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	flex: 1 90%;
}
.subnav a {
  text-decoration: none;
  width: 100%;
  padding: 1em;
  color: #4d4d4d;
  font-weight: 600;
  border: 0;
}

.subnav a:hover {
  color: #000000;
  border: 0;
}
.subnav li.current a {
	color: #000000;
	cursor: default;
}
.subnav li {
	padding: 0.5rem 0;
	flex: auto;
	min-width: 5rem;
}

 /* ==========================================================================
   Typography
   ========================================================================== */

body {
	font-family: 'Open Sans', sans-serif;
}
.main-nav {
	font-family: 'Dosis', sans-serif;
}
h1 {
	font-size: 24px;
    font-size: 1.5rem;
    font-weight: 700;
	margin-bottom: 4px;
    margin-bottom: 0.25rem;
}
h2, caption {
	font-size: 22px;
    font-size: 1.375rem;
    font-weight: 600;
 	margin-bottom: 4px;
    margin-bottom: 0.25rem;
}
caption {
	text-align: left;
}
h3, .big-text {
	font-size: 18px;
    font-size: 1.125rem;
    font-weight: 600;
 	margin-bottom: 4px;
    margin-bottom: 0.25rem;
}
#standort article h2 {
	font-size: 18px;
    font-size: 1.125rem;
    font-weight: 600;
}
h5, h4 {
	font-size: 16px;
    font-size: 1rem;
    font-weight: 600;
	margin-bottom: 4px;
    margin-bottom: 0.25rem;
}
h1, h2, h3, h4, h5 {
	font-family: 'Dosis', sans-serif;
	color: #423F3A;
}
#sitewrapper p {
	margin-bottom: 1em;
}
#logo {
	font-size: 48px;
	font-weight: 900;
	text-transform: none;
}
.readmore {
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 2.5;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0;
	padding-left: 30px;
	background: transparent left center no-repeat url(../layout/readmore-arrow.png); 
}
figcaption {
	font-size: 12px;
	font-size: 0.75rem;
	font-weight: 400;
	text-align: center;
	margin-bottom: 6px;
}

address {
	font-family: 'Dosis', sans-serif;
	font-style: normal;
	font-size: 22px;
    font-size: 1.375rem;
    font-weight: 600;
}
.adr-right {
	font-size: 18px;
    font-size: 1.125rem;
}
.copy {
	font-size: 14px;
	font-size: 0.875rem;
	text-align: center;
}
.copy, .copy a {
	color: #616161; 
}
/*.copy span {
	margin-left: 3em;
}
.copy br {
	display: none;
}*/
/*
LINKS
--------------------------*/
a {
	color: #516083;
	border-bottom: 1px dotted;
	text-decoration: none;
}
a:hover {
    text-decoration: none;
	border-bottom: 1px solid;
}
address a {
	color: #1C3672;
	border-bottom: 1px dotted;
	text-decoration: none;
}
address a:hover {
    text-decoration: none;
	border-bottom: 1px solid;
}
.logo a {
	border-bottom: none;
}
/*
KONTAKTFORMULAR
-------------------------- */
form {
    background: none repeat scroll 0 0 #E6E0DA;
    border: 4px solid #FFFFFF;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    padding: 1em;
    background: transparent;
    float: left;
    width: 100%;
}

#formfields {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
#formfields li {
  margin-bottom: 12px;
}
p.warning {
	color: #FF0000;
}
p.info {
	color: #009933;
}
.z {
	display: none;
}
input[type=text], input[type=email], input[type=tel], textarea {
  background-color: #EEEEEE;
  border: solid #BAB5B0;	
  border-width: 1px 2px 2px 1px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  display: block;
  margin: 6px auto 6px;
  padding: 4px 6px 4px 6px;
  width: 100%;
}
textarea {
	height: 8em;
	font-family: 'Open Sans', sans-serif;
}
input[type=submit], input[type=button] {
  border: 2px solid #8E8E8E;
  -moz-border-radius: 10%;
  border-radius: 5px;
	background: #B0AFAD; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #B0AFAD 0%, #DFDAD4 0%, #BCB6A0 100%, #D8D8D6 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#B0AFAD), color-stop(0%,#DFDAD4), color-stop(100%,#BCB6A0), color-stop(100%,#D8D8D6)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  #B0AFAD 0%,#DFDAD4 0%,#BCB6A0 100%,#D8D8D6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  #B0AFAD 0%,#DFDAD4 0%,#BCB6A0 100%,#D8D8D6 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  #B0AFAD 0%,#DFDAD4 0%,#BCB6A0 100%,#D8D8D6 100%); /* IE10+ */
	background: radial-gradient(center, ellipse cover,  #B0AFAD 0%,#DFDAD4 0%,#BCB6A0 100%,#D8D8D6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B0AFAD', endColorstr='#D8D8D6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  color: #000;
  text-transform: uppercase;
  font-weight: bold;
  padding: 6px 1em;
  margin: 0 auto;
  opacity: 0.7;
  -webkit-transition: opacity .25s linear;
  -moz-transition: opacity .25s linear;
}
input[type=submit]{
	width: 30%;
}
input[type=submit]:hover {
  opacity: 1;
  -webkit-transition: opacity .25s linear;
  -moz-transition: opacity .25s linear;
}
#contactform p {
	font-size: 0.75rem;
}
[placeholder] {
	font-size: 0.9375rem;
}