/*
Theme Name: rilke
Author: Dariusz Guzik
Author URI: http://rilke.live
*/


/* reset
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 62.5%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

body {
	background: #fff;
	line-height: 1;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}

ol,
ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	quotes: none;
}

a:focus {
	outline: 0px solid #c1c1c1;
	outline: 0px solid rgba(51, 51, 51, 0.3);
}

a:hover,
a:active {
	outline: 0;
}

a img {
	border: 0;
}



/* fonts
-------------------------------------------------------------- */

@font-face {
  font-family: 'Alegreya';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/Alegreya-Regular.eot');
  src: local('Alegreya Regular'), local('Alegreya-Regular'),
       url('fonts/Alegreya-Regular.woff2') format('woff2'),
       url('fonts/Alegreya-Regular.woff') format('woff'),
       url('fonts/Alegreya-Regular.ttf') format('truetype');

}

@font-face {
  font-family: 'Alegreya';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/Alegreya-Italic.eot');
  src: local('Alegreya Italic'), local('Alegreya-Italic'),
       url('fonts/Alegreya-Italic.woff2') format('woff2'),
       url('fonts/Alegreya-Italic.woff') format('woff'),
       url('fonts/Alegreya-Italic.ttf') format('truetype');
}

@font-face {
  font-family: 'Alegreya';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/Alegreya-Medium.eot');
  src: local('Alegreya Medium'), local('Alegreya-Medium'),
       url('fonts/Alegreya-Medium.woff2') format('woff2'),
       url('fonts/Alegreya-Medium.woff') format('woff'),
       url('fonts/Alegreya-Medium.ttf') format('truetype');
}

@font-face {
  font-family: 'Alegreya';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/Alegreya-Bold.eot');
  src: local('Alegreya Bold'), local('Alegreya-Bold'),
       url('fonts/Alegreya-Bold.woff2') format('woff2'),
       url('fonts/Alegreya-Bold.woff') format('woff'),
       url('fonts/Alegreya-Bold.ttf') format('truetype');
}

@font-face {
  font-family: 'Alegreya';
  font-style: normal;
  font-weight: 900;
  src: url('fonts/Alegreya-Black.eot');
  src: local('Alegreya Black'), local('Alegreya-Black'),
       url('fonts/Alegreya-Black.woff2') format('woff2'),
       url('fonts/Alegreya-Black.woff') format('woff'),
       url('fonts/Alegreya-Black.ttf') format('truetype');
}

@font-face {
  font-family: 'Alegreya';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/Alegreya-BoldItalic.eot');
  src: local('Alegreya Bold Italic'), local('Alegreya-BoldItalic'),
       url('fonts/Alegreya-BoldItalic.woff2') format('woff2'),
       url('fonts/Alegreya-BoldItalic.woff') format('woff'),
       url('fonts/Alegreya-BoldItalic.ttf') format('truetype');
}

@font-face {
  font-family: 'Alegreya';
  font-style: italic;
  font-weight: 900;
  src: url('fonts/Alegreya-BlackItalic.eot');
  src: local('Alegreya Extra Bold Italic'), local('Alegreya-ExtraBoldItalic'),
       url('fonts/Alegreya-ExtraBoldItalic.woff2') format('woff2'),
       url('fonts/Alegreya-ExtraBoldItalic.woff') format('woff'),
       url('fonts/Alegreya-ExtraBoldItalic.ttf') format('truetype');
}

@font-face {
  font-family: 'Alegreya SC';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/AlegreyaSC-Regular.eot');
  src: local('Alegreya SC Regular'), local('AlegreyaSC-Regular'),
       url('fonts/AlegreyaSC-Regular.woff2') format('woff2'),
       url('fonts/AlegreyaSC-Regular.woff') format('woff'),
       url('fonts/AlegreyaSC-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Alegreya SC';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/AlegreyaSC-Bold.eot');
  src: local('Alegreya SC Regular'), local('AlegreyaSC-Regular'),
       url('fonts/AlegreyaSC-Bold.woff2') format('woff2'),
       url('fonts/AlegreyaSC-Bold.woff') format('woff'),
       url('fonts/AlegreyaSC-Bold.ttf') format('truetype');
}

@font-face {
  font-family: 'Alegreya Sans';
  font-style: normal;
  font-weight: 900;
  src: url('fonts/AlegreyaSans-Black.eot');
  src: local('AlegreyaSans Black'), local('AlegreyaSans Black'),
       url('fonts/AlegreyaSans-Black.woff2') format('woff2'),
       url('fonts/AlegreyaSans-Black.woff') format('woff'),
       url('fonts/AlegreyaSans-Black.ttf') format('truetype');
}

@font-face {
  font-family: 'Alegreya Sans';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/AlegreyaSans-Black.eot');
  src: local('AlegreyaSans ExtraBold'), local('AlegreyaSans Black'),
       url('fonts/AlegreyaSans-ExtraBold.woff2') format('woff2'),
       url('fonts/AlegreyaSans-ExtraBold.woff') format('woff'),
       url('fonts/AlegreyaSans-ExtraBold.ttf') format('truetype');
}

@font-face {
  font-family: 'Alegreya Sans';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/AlegreyaSans-Black.eot');
  src: local('AlegreyaSans Bold'), local('AlegreyaSans Black'),
       url('fonts/AlegreyaSans-Bold.woff2') format('woff2'),
       url('fonts/AlegreyaSans-Bold.woff') format('woff'),
       url('fonts/AlegreyaSans-Bold.ttf') format('truetype');
}

@font-face {
  font-family: 'Alegreya Sans';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/AlegreyaSans-Black.eot');
  src: local('AlegreyaSans Medium'), local('AlegreyaSans Black'),
       url('fonts/AlegreyaSans-Medium.woff2') format('woff2'),
       url('fonts/AlegreyaSans-Medium.woff') format('woff'),
       url('fonts/AlegreyaSans-Medium.ttf') format('truetype');
}

@font-face {
  font-family: 'Alegreya Sans';
  font-style: italic;
  font-weight: 900;
  src: url('fonts/AlegreyaSans-BlackItalic.eot');
  src: local('AlegreyaSans-BlackItalic'), local('AlegreyaSans-BlackItalic'),
       url('fonts/AlegreyaSans-BlackItalic.woff2') format('woff2'),
       url('fonts/AlegreyaSans-BlackItalic.woff') format('woff'),
       url('fonts/AlegreyaSans-BlackItalic.ttf') format('truetype');
}


/* document setup
-------------------------------------------------------------- */

body {
	font-family: "Alegreya", serif;
	color: #111;
	text-align: left;
	font-size: 22px;
	font-weight: 400;
	line-height: 1.5;
	background: #fff;
	border: none;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: 100%;
	font-kerning: normal;
	font-variant-ligatures: common-ligatures contextual;
	font-variant-ligatures: discretionary-ligatures;
	font-variant-numeric: oldstyle-nums proportional-nums;
	-moz-font-feature-settings: "liga" on, "clig" on, "dlig" on, "onum" on, "pnum" on, "kern" on, "calt" on;
	-ms-font-feature-settings: "liga" on, "clig" on, "dlig" on, "onum" on, "pnum" on, "kern" on, "calt" on;
	-webkit-font-feature-settings: "liga" on, "clig" on, "dlig" on, "onum" on, "pnum" on, "kern" on, "calt" on;
	font-feature-settings: "liga" on, "clig" on, "dlig" on, "onum" on, "pnum" on, "kern" on, "calt" on;
}

body.hp {
	background-image: url('images/rilke-hp.png');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
	background-size: contain;
	}

body.hp header {
	position: absolute;
	bottom: 0;
	width: 100%;
	margin: 0;
	padding: 2em 0;
	z-index: 100;
}

main {
	position: relative;
	box-sizing: border-box;
	margin: 10em 0 0;
	padding: 0;
	text-align: left;
}

a:link,
a:visited,
a:hover {
	font-weight: 700;
	color: #333;
	text-decoration: none;
	border-bottom: 1px solid #aaa;
}

* { 
	box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box;
}

img {
	max-width: 100%;
	height: auto;
}


/* nav
----------------------------------------------- */

header {
	position: relative;
	box-sizing: border-box;
	width: 100%;
	font-size: 1em;
	margin: 0;
	padding: 2em 0;
	z-index: 100;
}
h1 {
	float: left;
	position: relative;
	width: 30%;
	margin: 0;
	padding: 0 0 0 5%;
	font-style: normal;
	font-weight: 700;
	font-size: 1em;
	text-align: left;
	line-height: 1.5;
}

h1 a:link,
h1 a:visited,
h1 a:hover {
	color: #333;
	display: block;
	border: none;
	text-decoration: none;
}


nav {	
	float: right;
	position: relative;
	width: 70%;
	margin: 0;
	padding: 0 5% 0 0;
	font-size: 1em;
	line-height: 1.5;
	text-align: right;
}

nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

nav ul li {
	text-align: left;
	font-size: 1em;
	line-height: 1.6;
	padding: 0;
	margin: 0;
	display: inline-block;
}

nav ul li a:link,
nav ul li a:visited,
nav ul li a:hover {
	border-bottom: none;
	text-decoration: none;
	color: #333;
	font-weight: 400;
}


/* footer
----------------------------------------------- */

footer {
	clear: both;
	float: left;
	position: relative;
	width: 100%;
	box-sizing: border-box;
	font-size: 0.618em;
	padding: 0 5%;
	margin: 0 0 2em 0;
}

footer p.copyright {
	float: left;
	width: 50%;
	margin: 0;
	padding: 0;
	text-align: left;
	color: #333;
}

footer p.impressum {
	float: right;
	width: 50%;
	margin: 0;
	padding: 0;
	text-align: right;
	border-bottom: none;
	text-decoration: none;
}

footer p.impressum a,
footer p.impressum a:link,
footer p.impressum a:visited,
footer p.impressum a:active,
footer p.impressum a:hover {
	border-bottom: none;
	text-decoration: none;
	color: #333;
	font-weight: 400;
}



/* typography
----------------------------------------------- */

h2 {
	font-size: 2.618em;
	font-weight: 900;
	color: #323643;
	line-height: 1;
	margin: 0 20% 1em 5%;
	padding: 0;
	text-align: left;
}

h2 a:link,
h2 a:visited,
h2 a:hover {
	display: block;
	border: none;
	text-decoration: none;
	font-weight: 900;
	color: #333;
}

h3 {
	font-size: 1em;
	font-weight: 700;
	color: #333;
	margin: 4em 20% 1em 30%;
	padding: 0;
	text-align: left;
}

h3 a:link,
h3 a:visited,
h3 a:hover {
	display: block;
	border: none;
	text-decoration: none;
	color: #333;
}

h4 {
	font-size: 1em;
	font-weight: 700;
	color: #333;
	margin: 4em 20% 1em 30%;
	padding: 0;
	text-align: left;
}

h4 a:link,
h4 a:visited,
h4 a:hover {
	display: block;
	border: none;
	text-decoration: none;
	color: #333;
}

h5 {
	font-size: 1em;
	font-weight: 700;
	margin: 2em 20% 1em 30%;
	padding: 0;
	text-align: left;
}

h5 a:link,
h5 a:visited,
h5 a:hover {
	display: block;
	border: none;
	text-decoration: none;
	color: #333;
}

h6 {
	font-size: 1em;
	font-weight: 700;
	margin: 0 20% 2em 30%;
	padding: 0;
	text-align: left;
}

h6 a:link,
h6 a:visited,
h6 a:hover {
	display: block;
	border: none;
	text-decoration: none;
}


p {
	font-size: 1em;
	margin: 2.4em 20% 2.4em 30%;
	padding: 0;
}

p.first::first-line,
p span,
p span.caps,
p abbr {
	font-family: "Alegreya SC", serif;
}

span.stretch {
	font-family: "Alegreya", serif;
	letter-spacing: 4px;
}

p.lead,
p.leadit {
	font-size: 1em;
	margin: 2.4em 45% 2.4em 5%;
	padding: 0;
}

p.inlead {
	font-size: 1em;
	font-weight: 700;
	margin: 2.4em 20% 2.4em 30%;
	padding: 0;
}

p.ft {
	margin: 1.4em 20% 2.4em 30%;
	font-size: 0.618em;
}

p.lft {
	font-size: 0.618em;
	margin: -1em 30% 3em 5%;
	padding: 0;
	max-width: 35em;
}

p.rft {
	margin: 2em 20% 2em 30%;
	font-size: 0.618em;
	text-align: right;
}

p.rmft {
	margin: 2em 5% 2em 40%;
	font-size: 0.618em;
	text-align: right;
}

p.pft {
	font-size: 0.618em;
	margin: 2.4em 25% 2.4em 25%;
	padding: 0;
	text-align: left;
}

p.lm {
	font-size: 1em;
	margin: 2em 40% 2em 5%;
	padding: 0;
}

p.cit {
	margin: 2.4em 25% 2.4em 25%;
	padding: 0;
	text-align: left;
}

p.icit {
	font-size: 1em;
	font-weight: 400;
	font-style: italic;
	margin: 2.4em 20% 2.4em 30%;
	padding: 0;
	text-align: left;
}

p.citt {
	font-size: 1em;
	font-weight: 700;
	font-style: italic;
	margin: 2.4em 20% 2.4em 30%;
	padding: 0;
}

p.procit {
	font-size: 1em;
	font-style: italic;
	font-weight: 400;
	margin: 2.4em 20% 2.4em 30%;
	padding: 0;
}

body.slt p.cit,
body.slt p.citt,
body.slt p.procit {
	font-size: 1em;
	font-weight: 400;
	font-style: italic;
	margin: 2.4em 20% 2.4em 30%;
	padding: 0;
	}

body.slt p.ft {
	font-style: italic;
	margin: -2em 20% 2.4em 30%;
}

p.icap {
	font-size: 1em;
	margin: 2.4em 10% 2.4em 5%;
	padding: 0;
}

p.center {
	text-align: center;
}

p.right {
	text-align: right;
}

p.ftl {
  	float: left;
	width: 20%;
  	font-size: 0.618em;
	text-align: left;
	margin: 0em 75% 2.4em 5%;
	padding: 0;
}

p.ftr {
  	float: right;
	width: 15%;
	font-size: 0.618em;
	text-align: right;
	margin: 0em 5% 2.4em 80%;
	padding: 0;
}

p.fig {
  	float: right;
	width: 10%;
  	font-size: 0.618em;
	text-align: left;
	margin: 1.4em 5% 2.4em 0;
	padding: 0;
}

p.lfig {
	float: right;
	width: 10%;
  	font-size: 0.618em;
	text-align: left;
	margin: 1.6em 5% 2.4em 0;
	padding: 0;
}

p.rfig {
	float: left;
	width: 10%;
  	font-size: 0.618em;
	text-align: left;
	margin: 1.6em 0 2.4em 5%;
	padding: 0;
}


sup { 
    vertical-align: super;
	font-size: 0.618em;
}

em,
i,
cite { 
  font-style: italic;
}


/* images
----------------------------------------------- */


img.p100 {
	margin: 1em 0;
	padding: 0;
	width: 100%;
}

img.l90 {

	width: 90%;
	margin: 1em 10% 1em 0;
	padding: 0;
}

img.r90 {
	width: 90%;
	margin: 1em 0 1em 10%;
	padding: 0;
}

img.l80 {
	width: 80%;
	margin: 1em 5% 1em 0;
	padding: 0;
}

img.r80 {
	width: 80%;
	margin: 1em 0 1em 5%;
	padding: 0;
}

img.l70 {
	width: 70%;
	margin: 1em 30% 1em 0;
	padding: 0;
}

img.r70 {
	width: 70%;
	margin: 1em 0 1em 30%;
	padding: 0;
}

img.l50 {
	width: 50%;
	margin: 1em 50% 1em 0;
	padding: 0;
}

img.r50 {
	width: 50%;
	margin: 1em 0 1em 50%;
	padding: 0;
}

img.pic {
	margin: 1em 5%;
	padding: 0;
	width: 90%;
}

img.picnl {
	margin: 1em 5%;
	padding: 0;
	width: 90%;
}

img.p90 {
	margin: 1em 5%;
	padding: 0;
	width: 90%;
}

img.p80 {
	margin: 1em 10%;
	padding: 0;
	width: 80%;
}

img.p70 {
	margin: 1em 15%;
	padding: 0;
	width: 70%;
}

img.bcleft {
	float: left;
	width: 20%;
	margin: 0 5%;
	padding: 0;
}

img.bcright {
	float: right;
	width: 20%;
	margin: 0 5%;
	padding: 0;
}



/* media queries
-------------------------------------------------------------- */

@media only screen and (max-width:1024px) {
body.hp header {
	margin: 1em 0;
	padding: 0.5em 0;
	background: rgba(255, 255, 255, 0.9);
	}
}

@media only screen and (max-width:768px) {
body {
	font-size: 20px;
	}
body.hp header {
	margin: 1em 0;
	padding: 0.5em 0;
	background: rgba(255, 255, 255, 0.9);
	}
h1 {
	float: left;
	position: relative;
	width: 30%;
	margin: 0;
	padding: 0 0 0 5%;
	font-style: normal;
	font-weight: 700;
	text-align: left;
	}
nav {
	float: right;
	position: relative;
	width: 70%;
	text-align: right;
	margin: 0;
	padding: 0 5% 0 0;
	}
h2 {
	margin: 0 40% 0 5%;
	padding: 0;
	text-align: left;
	}
p,
p.ft,
p.rft,
p.citt,
p.procit,
p.lead,
p.inlead,
p.lm,
p.ftl,
p.ftr {
	margin-left: 30%;
	margin-right: 10%;
	text-align: left;
	}
p.cit,
p.pft {
	margin: 2.4em 25%;
	padding: 0;
	text-align: left;
	}
p.rft,
p.citt,
p.procit,
body.slt p.citt,
body.slt p.procit {
	margin-right: 5%;
	}
p.lead {
	margin-left: 5%;
	margin-right: 40%;
	padding: 0;
	}
p.fig,
p.lfig,
p.rfig {
	float: none;
	width: 60%;
	margin: 1.4em 10% 2.4em 30%;
	text-align: left;
	}
img.pic,
img.picnl,
img.p100,
img.p90,
img.p80,
img.p70,
img.l90,
img.l80,
img.l70,
img.l50,
img.r90,
img.r80,
img.r70,
img.r50 {
	margin: 1em 0;
	padding: 0;
	width: 100%;
	}
}

@media only screen and (max-width:610px) {
body {
	font-size: 20px;
	}
body.hp header {
	margin: 1em 0;
	padding: 0.5em 0;
	background: rgba(255, 255, 255, 0.9);
	}
h1 {
	float: left;
	position: relative;
	width: 100%;
	margin: 0 0 0.5em;
	padding: 0 0 0 10%;
	line-height: 1;
	}
nav {
	float: left;
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0 0 0 10%;
	text-align: left;
	line-height: 1;
	}
nav ul li {
	line-height: 1;
}
footer {
	position: relative;
	padding: 0 10%;
	margin: 0 0 2em 0;
	}
main {
	margin: 7em 0 0;
	padding: 0;
}
h2 {
	font-size: 1.618em;
	margin: 0 10%;
	padding: 0;
	text-align: left;
	}
h3,
h4,
h5,
h6 {
	font-size: 1em;
	margin-left: 10%;
	margin-right: 10%;
	padding: 0;
	text-align: left;
	}
p,
p.ft,
p.rft,
p.citt,
p.procit,
p.lead,
p.inlead,
p.lm {
	margin-left: 10%;
	margin-right: 10%;
	text-align: left;
	}
p.cit,
p.icit,
p.pft {
	margin-left: 20%;
	margin-right: 10%;
	padding: 0;
	text-align: left;
	}
p.pft {
	margin-bottom: 2em;
}
body.slt p.cit,
body.slt p.citt,
body.slt p.procit {
	margin: 0 10% 1.6em 10%;
	padding: 0;
	text-align: left;
	}
body.slt p.ft {
	margin: -2.6em 10% 2.6em 10%;
	}
img.pic,
img.picnl,
img.p100,
img.p90,
img.p80,
img.p70,
img.l90,
img.l80,
img.l70,
img.l50,
img.r90,
img.r80,
img.r70,
img.r50 {
	margin: 1em 0;
	padding: 0;
	width: 100%;
	}
img.bcleft,
img.bcright {
	float: none;
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
	padding: 0;
	}
p.ftl,
p.ftr,
	{
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
	padding: 0;
	}
p.fig,
p.lfig,
p.rfig {
	float: none;
	width: 80%;
	margin: 1.4em 10% 2.4em;
	padding: 0;
}
}