/**
 * @license
 * MyFonts Webfont Build ID 3371655, 2017-04-09T12:35:48-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: OfficinaSansITCTTBook by ITC
 * URL: http://www.myfonts.com/fonts/itc/officina-sans/book/
 * 
 * Webfont: OfficinaSansITCTTBold by ITC
 * URL: http://www.myfonts.com/fonts/itc/officina-sans/bold/
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=3371655
 * Licensed pageviews: 250,000
 * Webfonts copyright: Copyright (c) 2001 Agfa Monotype Corporation. All rights reserved. ITC Officina is a registered trademark of International Typeface Corporation. ITC Officina was designed by Erik Spiekermann and Ole Schaefer.
 * 
 * © 2017 MyFonts Inc
*/

@import url("https://hello.myfonts.net/count/337287");
@font-face {font-family: 'OfficinaSansITCTTBook';src: url('webfonts/337287_0_0.eot');src: url('webfonts/337287_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/337287_0_0.woff2') format('woff2'),url('webfonts/337287_0_0.woff') format('woff'),url('webfonts/337287_0_0.ttf') format('truetype'),url('webfonts/337287_0_0.svg#wf') format('svg');}
@font-face {font-family: 'OfficinaSansITCTTBold';src: url('webfonts/337287_1_0.eot');src: url('webfonts/337287_1_0.eot?#iefix') format('embedded-opentype'),url('webfonts/337287_1_0.woff2') format('woff2'),url('webfonts/337287_1_0.woff') format('woff'),url('webfonts/337287_1_0.ttf') format('truetype'),url('webfonts/337287_1_0.svg#wf') format('svg');}

/*************************************************/

html, body { margin: 0; padding: 0; -webkit-text-size-adjust: 100%; }
h2, p, li, .pswp { font-family: 'OfficinaSansITCTTBook', Helvetica, Arial, sans-serif; font-weight: normal; }
h1, h3, strong { font-family: 'OfficinaSansITCTTBold', Helvetica, Arial, sans-serif; font-weight: normal; }
h2, p, li, .pswp { font-size: 1em; line-height: 1.5em; }
h1 { font-size: 1.3em; margin-top: .5em; }
h2 { margin: 2em .8em .5em .8em; }
a { color: #000; }
#header { text-align: center; width: 100%; margin-bottom: -2em; }
#logo { margin: 1em; width: 8em; }

.clear { clear: both; }

#projects { margin-top: 3em; }
#lenaklein, #footer, #move { margin: 0; padding: .8em; }
#lenaklein { background: #f6f6f6; margin-top: 2em; }
#move { background: #ffc0cb; margin-top: 2em; }
#footer { background: #333; color: #fff; }
#footer a { color: #fff; }
#imprint { font-size: .8em; line-height: 1.2em; margin-top: 3em; }
#imprint h1 { font-size: .5em; }

.project-gallery { margin: -.3%; clear: both; }
.project-gallery img { float: left; width: 32.72%; margin: .3%;}
.pswp__img--placeholder { opacity: 0; }

#lenaklein img { width: 300px; border-radius: 150px; -webkit-border-radius: 150px; -moz-border-radius: 150px; margin: 5px 0 1em 1em; max-width: 50%; display: block; float: right; }

@media (min-width: 62.7em) {
	#logo { width: 12em; margin: 2em; }
	#projects, .text { margin: 0 auto; }
	#projects { width: 62.7em; }
	h1 { margin-top: 1em; }
	h2 { margin-left: .35em; margin-right: .35em; }
	.text { width: 62.2em; margin-top: 1em; }
	.project-gallery img { width: 20em; height: 20em; margin: 0.5em; }
}

@media print {
	#footer, #footer a { color: #000; }
	html, body { zoom: 78%; }
}