/*
Theme Name: eckweg 2015
Author: typo-wimmer GmbH
Author URI: https://www.typo-wimmer.at
Version: 0.1
Text Domain: w3dev
*/

html, body, .page, #content { width: 100%; height: 100%; }

body { color: #000; font-size: 14px; }

h1 { font-family: 'Raleway', sans-serif; font-weight: 400; font-size: 2.5rem; text-transform: uppercase; }
h2 { font-family: 'Raleway', sans-serif; font-weight: 400; font-size: 2rem; }
h3 { font-family: 'Raleway', sans-serif; font-weight: 400; font-size: 1.5rem; text-transform: uppercase; }
p { font-family: 'Raleway', sans-serif; font-weight: 400; }
ul { font-family: 'Raleway', sans-serif; font-weight: 400; }
ol { font-family: 'Raleway', sans-serif; font-weight: 400; }
strong { font-weight: 600; }
a { text-decoration: none; color: #000;}

.row.wide { max-width: 100%; }

#header { position: fixed; top: 0; left: 0; width: 100%; padding: 20px 10px; background-color: #fff; z-index: 100; }
#header #logo { display: block; text-align: center; }
#header #logo img { width: 300px; }
#header ul { list-style-type: none; margin: 0; padding: 0; float: right; }
#header ul li { float: left; }
#header ul li a { display: block; line-height: 45px; color: #ccc; text-transform: lowercase; padding: 0 20px; }
#header ul li.current-menu-item a { color: #000; }
#scroller { height: 100%; padding: 105px 0 80px 0; }
#scroller { display: none; }
#content { height: 100%; padding: 105px 0 80px 0; }
#footer { position: fixed; bottom: 0; left: 0; width: 100%; padding: 30px; background-color: #fff; font-size: 16px; z-index: 100; color: #999; }
#footer a { color: #999; }
#footer p { text-align: center; line-height: 20px; margin: 0; }
#footer i { margin-left: 5px; }


/* medium up > 640 */
@media only screen and (min-width: 40.063em) {
	#header { padding: 20px 50px; }
	#header #logo { text-align: left; }
	#header #logo img { width: 150px; }
	#header ul { margin-top: 25px; }
	#header ul li a { line-height: 30px; padding: 0 5px; }
	#header ul li.current-menu-item a { color: #000; }
	#scroller { padding: 115px 0 60px 0; }
	#content { padding: 90px 0 60px 0; }
	#footer { padding: 20px 55px 25px 50px; font-size: 14px; }
	#footer p { text-align: right; }
}

/* large up > 1024 */
@media only screen and (min-width: 64.063em) {
	#header { padding: 30px 50px 20px 100px; }
	#header #logo img { width: 200px; }
	#header ul { margin-top: 48px; }
	#header ul li a { line-height: 45px; padding: 0 20px; }
	#scroller { padding: 163px 0 85px 0; }
	#content { padding: 145px 0 80px 0; }
	#footer { padding: 30px 70px; padding-bottom: 35px; }
}