/* ================================ */
/*   		  FABIAN FRANZKE CSS	  	  */
/* ================================ */

* {
	margin:0;
	padding:0;
}

body {
	background: none repeat scroll 0 0 #FFFFFF;
	font-family: 'Titillium Web', sans-serif;
	font-size:0.9em;
	font-weight:300;
	margin: 0;
	padding: 0;
	color: #4D4641;
	border-top: 60px solid #DEDEDD;
}

.wrapper {
    background: none repeat scroll 0 0 #FFFFFF;
    margin: 0 auto;
    width: 25%;
}

.black {
    border-color: #4D4641;
    border-style: solid;
    border-width: 1px;
		border-radius: 0 8px 0 0 ;
    margin-bottom: 3em;
    margin-top: 3em;
    width: 50%;
}

.close {
    float: right;
    font-size: 2em;
    font-weight: 300;
    padding-right: 1em;
    padding-top: 0.5em;
    text-decoration: none;
}

header {
    padding: 8em 3.6em 4em;
}

section {
	padding:0 50px;
}

.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}


/* ============================== */
/*   		  FONT			  	  */
/* ============================== */
h1 {
    color: #4D4641;
    font-family: 'termina',sans-serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 300;
		text-transform: uppercase;
    line-height: 35px;
    padding: 0 0 0px;
		margin-left: -153px;
}

h2 {
    color: #4D4641;
    font-family: 'Titillium Web',sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    padding: 0 0 3em;
}

strong {
	font-weight: 600;
}

h3 {
    margin-bottom: 2em;
    margin-top: 2em;
}

p {
    line-height: 130%;
    margin-bottom: 2.3em;
}

.orange {
    color: #F05A25;
		margin-left: -1.4em;
		position: absolute;
}

.quote {
    color: #F05A25;
    font-size: 2em;
    margin-left: -0.45em;
		margin-top: -0.2em;
    position: absolute;
}

a:link, a:visited, a:focus  {
		color:#F39F58;
}

a:hover, a:active  {
		color:#8081B8;
}

a.close, a:visited.close, a:hover.close, a:active.close, a:focus.close {
		font-weight: 300;
}

/* ============================== */
/*   		  LOGO			  	  */
/* ============================== */

.logo {
	float: left;
}

.logo > h1 {
    display: none;
}

img.fabianfranzkelogo {
    height: 50px;
    width: 238;
}

/* ============================== */
/*   		  FOOTER		  	  */
/* ============================== */

footer { padding-bottom:40px;}

footer a:link, footer a:visited {
	color:#4D4641;
	text-decoration:none;
	font-weight: 300;
}

footer a:hover, footer a:active, footer a:focus {
	color:#F39F58;
	font-style: normal;
	font-weight: 300;
}

footer {margin-top: 4em;}


/* ============================== */
/*   		MEDIA QUERIES		  */
/* ============================== */

/* for 1150px or less */
@media screen and (max-width: 1150px) {
.wrapper {
		width: 50%;
	}
h1 {
			margin-left: 0px;
	}
}



/* for 768px or less */
@media screen and (max-width: 768px) {
.wrapper {
	width: 55%;
	}
.black {
	width:90%;
	}
}

/* for 480px or less */
@media screen and (max-width: 480px) {
.wrapper {
	width: 100%;
	}
.black {
    border-color: #FFFFFF;
	margin-top:0.3em;
	margin-bottom:0.3em;
	width:90%;
	}
.close {
    padding-right: 0.5em;
    padding-top: 0.2em;
}
header {
    padding: 2em 2.2em 3em;
	}
body {
	font-size:1.0em;
	}
h1 {
    font-size: 27px;
    line-height: 30px;
    padding: 0 0 5px;
	}
h2 {
    padding: 0 0 2em;
		font-size: 1em;
	}
section {
    padding: 0 33px;
	}
section.imprint {
		margin: 0 -33px;
		font-size: 12px;
	}
}