/* =======================================
	Reset
======================================= */
* { padding: 0; margin: 0; }
body { position: relative; font-family: "Roboto", sans-serif; font-weight: 400; font-size: 100%; color: #000; background-color: #f5f5eb; }
img { width: 100%; height: auto; border: 0 none; }
a { border: 0 none; }


/* Typography   =========================== */
p { font-size: 1.125em; line-height: 1.5em; }
h1 { font-size: 1.5em; line-height: 0.938em; font-weight: 400; padding-bottom: 5px; letter-spacing: 0.05em; }
h2 { font-size: 1.125em; line-height: 1.5em; font-weight: 700; }
ul { font-size: 1.125em; list-style-type: disc; margin-left: 0.75em; padding-left: 0.5em; }
.flexslider ul { font-size: 1em; }
#nav li:nth-child(1) i { padding-left: 1.375em; }
nav { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; }
nav label { font-size: 1.25em; }
aside i { margin-right: 8px; margin-bottom: 5px; }

/* Linkverhalten   =========================== */
a:link, a:visited, a:active { color: #ad6a4a; text-decoration: none; }
a:focus, a:hover { color: #ad6a4a; opacity: 0.8; text-decoration: none; }

#logo a:link, #logo a:visited, #logo a:active { color: #995d41; opacity: 1; }
#logo a:focus, #logo a:hover { color: #995d41; opacity: 0.8; }


/* Layout   =========================== */
.wrapper { position: relative; min-width: 300px; margin: 0 auto; transition-duration: 1s; }
#logo { position: absolute; z-index: 100; left: 4%; top: 5px; font-size: 0.938em; line-height: 1em; font-weight: 400; text-transform: uppercase; letter-spacing: 0; transition-duration: 0.25s; }
.wrapper_content { padding-top: 90px; padding-bottom: 40px; transition-duration: 0.5s; }
.text { min-height: 300px; padding: 0 4%; }
.text p { text-align: justify; }
.text ul li { padding-bottom: 10px; }
aside { margin-bottom: 40px; }
aside img { padding-bottom: 10px; }

.trennlinie { border-top: 1px solid #ccc; margin: 20px 0; }
.printadresse { display: none; }


/* Home   =========================== */
#home { 
	height: 100% !important;
	background: url(../img/bg_home_mobile.jpg);
	background-position: center top !important;
	background-attachment: scroll !important;
	background-repeat: no-repeat!important;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
	}
	
#home body { background-color: transparent; }



/* =======================================
	Responsive
======================================= */

/* Mobile only !   =========================== */
@media only screen and (min-device-width: 300px) and (max-device-width : 1024px) {
.wrapper { transition-duration: initial; }
#logo { transition-duration: initial; }
.wrapper_content { transition-duration: initial; }
}


@media screen and (min-width: 769px) {
/* Typography   =========================== */
#logo { font-size: 1.5em; letter-spacing: 0.05em; }
nav label { font-size: 1.875em; }

/* Layout   =========================== */
#logo { left: 2%; top: 14px; }
.wrapper_content { padding: 50px 11% 40px 11%; }
.text { padding: 40px 0; max-width: 900px; margin: 0 auto; }
.text p { text-align: left; }
aside { float: right; max-width: 50%; margin: 0 0 60px 5%; }

/* Home   =========================== */
#home { 	background: url(../img/bg_home.jpg); 	}
}


@media screen and (min-width: 1400px) {
/* Typography   =========================== */
h1 { font-size: 1.875em; }

/* Layout   =========================== */
#logo { left: 3%; }
.wrapper_content { padding: 5% 15% 40px 15%; }
}