/* =======================================
	Reset
======================================= */
* { padding: 0; margin: 0; border: 0; }
body { position: relative; font-family: "TrebuchetMS", sans-serif; font-weight: 400; font-size: 100%; color: #1d1d1d; }
img { width: 100%; height: auto; }


/* Typography   =========================== */
p { line-height: 1.375em; }
h1 { font-size: 1.5em; line-height: 1.25em; font-weight: 300; margin-bottom: 15px; }
#home h1 { font-size: 1.75em; padding-top: 10%; }
header { font-size: 1.5em; }
.ci_color { color: #0267ad; }
header ul { list-style-type: none; }
#wrapper_content ul { list-style-type: disc; margin-left: 0.5em; padding-left: 0.5em; }
#wrapper_content li { line-height: 1.375em; padding: 5px 0; }
#wrapper_content i { padding-right: 10px; }


/* Linkverhalten   =========================== */
a:link, a:visited, a:active { color: #0267ad; text-decoration: none; }
a:focus, a:hover { text-decoration: none; color: #0267ad; border-bottom: 1px solid #0267ad; }
header a:link, header a:visited, header a:active { color: #1d1d1d; border-bottom: none; }
header a:focus, header a:hover { color: #0267ad; border-bottom: none; }
ul .current a { color: #0267ad; }
.linkedin a { border-bottom: none; }



/* Layout   =========================== */
#wrapper_header { position: relative; padding: 0 4%; min-width: 280px; border-bottom: 1px solid #CCC; transition-duration: 1.5s; background-color: #e0e5f3; }
header { position: relative; height: 100px; width: 100%; max-width: 1230px; margin: 0 auto; padding-bottom: 10px; transition-duration: 0.5s; }
#logo { width: 120px; padding-top: 30px; }


#wrapper_content { position: relative; padding: 10px 4% 80px 4%; min-width: 280px; transition-duration: 0.5s; }
.content { padding: 5px 0 0 0; width: 100%; max-width: 1230px; margin: 0 auto; overflow: visible; transition-duration: 0.5s; }

.portraet { max-width: 300px; padding-top: 20px; }


/* Extras   ========================== */
body { position: relative; height: 100%; overflow: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; }

.background_1 { width: 300px; height: auto; position: fixed; right: 5%; top: -305px; z-index: 0; }
.background_2 { width: 300px; height: auto; position: fixed; right: 5%; bottom: -80px; z-index: -10; }

.linkedin { font-size: 3em; }
.printadresse { display: none; }

/* =======================================
	Responsive
======================================= */
@media screen and (min-width: 600px) {
p { font-size: 1.25em; line-height: 1.5em; }
h1 { font-size: 2.5em; line-height: 1.5em; font-weight: 300; margin-bottom: 15px; }
#home h1 { font-size: 3em;  }
#wrapper_content ul { font-size: 1.25em; }
#wrapper_content li { line-height: 1.5em; padding: 5px 0; }
    
#wrapper_content { padding: 30px 4% 80px 4%; }
.content { overflow: hidden; }
.content .content_50 { width: 45%; margin-right: 10%; float: left; }
.content .content_50:nth-of-type(2n) { margin-right: 0; }   
    
.background_1 { width: 500px; height: auto; position: fixed; right: 5%; top: -505px; z-index: 0; }
.background_2 { width: 500px; height: auto; position: fixed; right: 5%; bottom: -130px; z-index: -10; }
    
.linkedin { font-size: 4em; }
}

@media screen and (min-width: 1000px) {
p { font-size: 1.375em; line-height: 1.5em; }
h1 { font-size: 3em; line-height: 1.5em; font-weight: 300; margin-bottom: 15px; }
#home h1 { font-size: 3.5em;  }
#wrapper_content ul { font-size: 1.375em; }
#wrapper_content li { line-height: 1.5em; padding: 5px 0; }

#wrapper_header { padding: 40px 4% 0 4%; }
#logo { width: 170px; padding-top: 0px; }
.content { padding: 10px 0; }
    
.background_1 { width: 600px; height: auto; position: fixed; right: 5%; top: -615px; z-index: 0; }
.background_2 { width: 600px; height: auto; position: fixed; right: 5%; bottom: -150px; z-index: -10; }
}

@media screen and (min-width: 1400px) {
.content .content_50 { width: 48%; margin-right: 4%; float: left; }
.content .content_50:nth-of-type(2n) { margin-right: 0; }
    
.background_1 { width: 700px; height: auto; position: fixed; right: 10%; top: -715px; z-index: 0; }
.background_2 { width: 700px; height: auto; position: fixed; right: 10%; bottom: -170px; z-index: -10; }
}



