/*
-----------------------------------------------
		www.studioleuschner.com
	 by www.kuchenbeiser.de
	  & www.lichtsignale.de
----------------------------------------------- */


/*		R E S E T
----------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
		margin: 0;
	    padding: 0;
	    border: 0;
	    outline: 0;
	    font-size: 100%;
	    vertical-align: baseline;
	    background: transparent;
	    -webkit-text-size-adjust: 100%;
}

html {
		height: 100%;
		-ms-text-size-adjust: none;
		-webkit-text-size-adjust: none;
}

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

blockquote, q {
	    quotes: none;
}

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

a {
	    margin: 0;
	    padding: 0;
	    font-size: 100%;
	    vertical-align: baseline;
	    background: transparent;
}

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

input, select {
	    vertical-align: middle;
}

nav ul {
		list-style: none;
}


/*		B A S I C S
----------------------------------------------- */

/**
 * @license
 * MyFonts Webfont Build ID 3503989, 2018-01-01T08:57:53-0500
 * 
 * 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: StempelGaramondLT-Roman by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/stempel-garamond/roman/
 * Copyright: Part of the digitally encoded machine readable outline data for producing the Typefaces provided is copyrighted (c) 1988, 1993, 1995, 1998, 2003 Linotype Library GmbH, www.linotype.com. All rights reserved. This software is the property of Linotype Librar
 * Licensed pageviews: 250,000
 * 
 * Webfont: StempelGaramond-RomanOsF by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/stempel-garamond/roman-oldstyle-figures/
 * Copyright: Copyright (c) 1988, 1991, 2003 Linotype Library GmbH, www.linotype.com. All rights reserved. This software may not be reproduced, used, displayed, modified, disclosed or transferred without the express written approval of Linotype Library GmbH. Stempel Ga
 * Licensed pageviews: 250,000
 * 
 * Webfont: StempelGaramond-ItalicOsF by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/stempel-garamond/italic-oldstyle-figures/
 * Copyright: Copyright (c) 1988, 1991, 2003 Linotype Library GmbH, www.linotype.com. All rights reserved. This software may not be reproduced, used, displayed, modified, disclosed or transferred without the express written approval of Linotype Library GmbH. Stempel Ga
 * Licensed pageviews: 500,000
 * 
 * 
 * License: https://www.myfonts.com/viewlicense?type=web&buildid=3503989
 * 
 * © 2018 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/357775");

  
@font-face {font-family: 'StempelGaramondLT-Roman';src: url('webfonts/357775_0_0.eot');src: url('webfonts/357775_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/357775_0_0.woff2') format('woff2'),url('webfonts/357775_0_0.woff') format('woff'),url('webfonts/357775_0_0.ttf') format('truetype'),url('webfonts/357775_0_0.svg#wf') format('svg');}
 
  
@font-face {font-family: 'StempelGaramond-RomanOsF';src: url('webfonts/357775_1_0.eot');src: url('webfonts/357775_1_0.eot?#iefix') format('embedded-opentype'),url('webfonts/357775_1_0.woff2') format('woff2'),url('webfonts/357775_1_0.woff') format('woff'),url('webfonts/357775_1_0.ttf') format('truetype'),url('webfonts/357775_1_0.svg#wf') format('svg');}
 
  
@font-face {font-family: 'StempelGaramond-ItalicOsF';src: url('webfonts/357775_2_0.eot');src: url('webfonts/357775_2_0.eot?#iefix') format('embedded-opentype'),url('webfonts/357775_2_0.woff2') format('woff2'),url('webfonts/357775_2_0.woff') format('woff'),url('webfonts/357775_2_0.ttf') format('truetype'),url('webfonts/357775_2_0.svg#wf') format('svg');}
 

@font-face {
		font-family: "New Rail Alphabet SL";
		src: url("NewRailAlphabet-MediumWEB.eot");
		src: url("NewRailAlphabet-MediumWEB.eot?#iefix") format("embedded-opentype"),
			url("NewRailAlphabet-MediumWEB.woff2") format("woff2"),
			url("NewRailAlphabet-MediumWEB.woff") format("woff"),
			url("NewRailAlphabet-MediumWEB.svg#svgFontName") format("svg");
		font-weight: normal;
		font-style: normal;
}

body {
		color: #555;
		background: #fff;
		font-family: "StempelGaramondLT-Roman", "Georgia", "Times New Roman", "Times", serif;
		font-size: 16px;
		line-height: 19px;
		letter-spacing: 0.01em;
		text-align: center;
}

a:link, a:visited {
		color: #555;
		text-decoration: none;
		outline: none;
}

a:hover, a:active {
		color: #ef022d;
}

h1, h2 {
		font-weight: normal;
}

.active a {
		color: #555;
		cursor: default;
		border-bottom: 1px solid #555;
		padding-bottom: 5px;
}


/*		D E S I G N
----------------------------------------------- */

#wrapper {
		max-width: 1000px;
		margin: auto;
}

header {
		margin: 38px auto 38px auto;
}

header h1 a:link, header h1 a:visited {
		font-size: 125%;
		color: #ef022d;
		text-transform: uppercase;
		letter-spacing: 3px;
		font-family: "New Rail Alphabet SL", Helvetica, sans-serif;
}

header h1 a:hover, header h1 a:active {
		color: #555;
}

nav {
		margin-top: 15px;
}

nav li {
		display: inline-block;
		margin: 0 7px;
		width: 100px;
}

nav li:first-child {
		text-align: right;
}

nav li:last-child {
		text-align: left;
}

.project {
		width: auto;
		margin: 0 auto;
		padding: 0 19px 76px 19px;
		max-width: 1200px;
		clear: both;
}

.projekt + .project {
		padding: 19px 0 76px 0;
}

.project:after {
		content: ".";
		clear: both;
		display: block;
		visibility: hidden;
		height: 0px;
}

.rsTabs {
		text-align: center;
}

.rsTab {
		display: none !important;
}

.rsNavSelected {
		display: block !important;
		font-weight: normal !important;
		font-size: 250%;
		line-height: 1;
		margin-top: 5px;
}

.rsNavSelected:hover {
		color: inherit !important;
		cursor: default !important;
}

.toggle {
		font-size: 150%;
		line-height: 1;
		margin-top: 1px;
		display: inline-block;
}

.toggle:hover, .projekt:hover, .biolink:hover {
		color: #ef022d;
		cursor: pointer;
}

.data {
		margin: 19px auto 38px auto;
		font-family: "StempelGaramond-RomanOsF", "Georgia", "Times New Roman", "Times", serif;
}

.textleft, .textright {
		text-align: left;
		padding-bottom: 19px;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto;
		font-family: "StempelGaramond-RomanOsF", "Georgia", "Times New Roman", "Times", serif;
}

em {
		font-family: "StempelGaramond-ItalicOsF", "Georgia", "Times New Roman", "Times", serif;
}

.inhalt {
		margin: 0 auto;
		padding: 0 19px 38px 19px;
		max-width: 1200px;
		clear: both;
}

.inhalt:after {
		content: ".";
		clear: both;
		display: block;
		visibility: hidden;
		height: 0px;
}

dt {
		text-align: left;
}

dd {
		text-align: left;
}

#bios div {
		clear: both;
}


/*		R E S P O N S I V E
----------------------------------------------- */

@media screen and (min-width: 750px) {

.data {
		max-width: 48%;
}

.textleft {
		width: 48%;
		width: calc(50% - 10px);
		float: left;
}

.textright {
		width: 48%;
		width: calc(50% - 10px);
		float: right;
}

dt {
		width: 48%;
		width: calc(50% - 10px);
		float: left;
		text-align: right;
		clear: both;
}

dd {
		width: 48%;
		width: calc(50% - 10px);
		float: right;
}


}


@media screen and (min-width: 1300px) {

#wrapper {
		max-width: 1200px;
		margin: auto;
}

body {
		font-size: 19px;
		line-height: 24px;
}

header {
		margin: 48px auto 48px auto;
}

nav {
		margin-top: 17px;
}

nav li {
		display: inline-block;
		margin: 0 10px;
}

.data {
		margin: 24px auto 48px auto;
}

.textleft, .textright {
		padding-bottom: 24px;
}

.inhalt {
		padding: 0 19px 48px 19px;
}

.textleft {
		width: calc(50% - 12px);
}

.textright {
		width: calc(50% - 12px);
}

dt {
		width: calc(50% - 12px);
}

dd {
		width: calc(50% - 12px);
}

}