@charset "UTF-8";
/* CSS Document */

/fonts/
/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url('../fonts/open-sans-v34-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v34-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v34-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-500 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  src: local(''),
       url('../fonts/open-sans-v34-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v34-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local(''),
       url('../fonts/open-sans-v34-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v34-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('../fonts/open-sans-v34-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v34-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-800 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: local(''),
       url('../fonts/open-sans-v34-latin-800.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v34-latin-800.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-300italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: local(''),
       url('../fonts/open-sans-v34-latin-300italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v34-latin-300italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local(''),
       url('../fonts/open-sans-v34-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v34-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-500italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 500;
  src: local(''),
       url('../fonts/open-sans-v34-latin-500italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v34-latin-500italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-600italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: local(''),
       url('../fonts/open-sans-v34-latin-600italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v34-latin-600italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-700italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: local(''),
       url('../fonts/open-sans-v34-latin-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v34-latin-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-800italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: local(''),
       url('../fonts/open-sans-v34-latin-800italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v34-latin-800italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

* {
	margin: 0;
	padding: 0;
	font-size: 1.5rem;
	font-size: 16px;
	line-height: 140%;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-style: italic;
	color:#1c236f;/*textblau*/
}

html,
body {
	width:100%;
	height:100%;
}

.blau,
.gelb,
.hellblau,
.beige {
	width:100%;
	min-height:200px;
}

.blau {
	background:#3285c2; /*blau*/
	position:relative;
}

.gelb {
	background:#f6edb9; /*gelb*/
}

.hellblau {
	background:#d3e3f5; /*hellblau*/
}

.beige {
	background:#fbdc8c; /*beige*/
}

.row {
	margin:0 auto;
	max-width:920px;
}

.col1,
.col3 {
	float:left;
	padding-bottom:40px;
}

.col1_2,
.col2_3 {
	float:left;
	width:66.6666666666%;
	padding-bottom:40px;
}

.col1 {
	width:30%;
	text-align:left;
	padding-right:3.333333333%;
}

.col2 {
	float:left;
	width:33.3333333%;
	text-align:center;
}

.col3 {
	width:30%;
	text-align:left;
	padding-left:3.333333333%;
}

.clearfix {
	clear:both;
}

.abstand {
	padding:20px;
}

.bild {
	width:100%;
	height:auto;
	margin-bottom:40px;
}

p.copy {
	margin-bottom:0.5em;
}

.headline h1{
	font-size: 130%;
	padding-right: 66.6666666666666%;
	padding-bottom: 2em;
	padding-top:2em;
	font-style: normal;
	font-weight: 600;
	text-transform: uppercase;
}

tr {
	vertical-align: top;
}

td {
	padding-bottom:0.5em
}

td:first-child {
	padding-right:1em;
}

h1.krise,
h1.kunst,
h1.kreativ {
	font-size: 160%;
	position: relative;
	height: auto;
	top: 200px;
	font-weight: normal;
	color: #FFF;
	font-style: normal;
}

h1.krise {
	text-align:right;
	color:#ae003c; /*text-rot*/
}

h1.kunst {
	text-align:right;
	padding-right:1em;
}

h1.kreativ {
	text-align:left;
	color:#ffcd00; /*text-gelb*/
}

.navi {
	text-align:center;
color:#ffcd00; /*text-gelb*/
}
.navi a,
.navi a:visited {
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 1px;
	font-style: normal;
	text-decoration: none;
	color:#ffcd00; /*text-gelb*/
}

.navi a:hover {
	color:#fff;
}

.sylvianepilet {
	position:absolute;
	bottom:0;
	/* right:4em; */
	float:right;
	/* height:auto; */
	/* max-width:900px; */
	/* padding-right:20px; */
	/* margin:0 auto; */
	text-align:right;
	padding-right: 20px;
}

.sylvianepilet > h1 {
	font-size: 160%;
	position: relative;
	bottom:1em;
	font-weight: normal;
	color: #1c236f;/*textblau*/
	font-style: normal;
	}

a.impressum,
a:visited.impressum {
	text-align:right;
	font-size:80%;
	font-weight:300;
	color:#fff;
	margin-left:2em;
}

a:hover.impressum {
	color:#ffcd00; /*text-gelb*/
}

.impressumtext h1,
.impressumtext h2,
.impressumtext h3 {
	margin-top:1em;
}

.impressumtext p strong {
	text-transform: uppercase;
	font-style: normal;
	font-weight:400;
}

ul {
	list-style-position: inside;
}
li {
	list-style-position: outside;
	list-style-type: circle;
	margin-bottom:0.5em;
	margin-left:1.2em;

}

ol li {
	list-style-position: outside;
	list-style-type: decimal;
	
}

h2 {
	font-style: normal;
	font-weight: 600;
}

a.link {
	font-weight:bold;
	text-decoration:none;
}

a.link:hover {
	color:#fff;
}

a.link:before {
	content:"> ";
}

p.rechts {
	text-align:right;
}