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


/* #f8f8f9 */ /* warmes grau 5% */
/* #f2f2f3; /* warmes grau 10% */

/* #372d45 */ /* aubergine */
/* #ebe3e1 */ /* sand */
/* #cedacc */ /* lichtes gruen */
/* #eaeee8 */ /* lichtes gruen 50% */
/* #e40038 */ /* knallrot */

/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('webfonts/open-sans-v15-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('webfonts/open-sans-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('webfonts/open-sans-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('webfonts/open-sans-v15-latin-300.woff') format('woff'), /* Modern Browsers */
       url('webfonts/open-sans-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('webfonts/open-sans-v15-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('webfonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('webfonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('webfonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('webfonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('webfonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('webfonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('webfonts/open-sans-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('webfonts/open-sans-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('webfonts/open-sans-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('webfonts/open-sans-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('webfonts/open-sans-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('webfonts/open-sans-v15-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}


* {
	font-family: 'Open Sans', sans-serif;
	font-size:100%;
	box-sizing:border-box;
}

body {
	background-color:#fff; 
	padding:0; margin:0;
	hyphens: auto; /* für deutsche Trennungen */ 
}

strong {
	font-weight:500;	
}

a {
	color:#e40038; /* knallrot */
	text-decoration:underline;
	text-underline-position:under;
	text-decoration-style:dotted;
	cursor:pointer;	
}

a:hover {
	color:#ffffff;
	text-decoration:underline;
	background-color:#e40038; /* knallrot */
}

/* farbklassen */
.bg-white {
	background-color:#ffffff; 
}

.bg-white-mobile {
	background-color:#ffffff; 
}

::selection { 
   color:#fff; 
   background:#e40038; /* knallrot */
   text-shadow: none; 
}

::-moz-selection { 
	color:#fff; 
   	background:#e40038; /* knallrot */
   	text-shadow: none;
}

mark {
	color:#ffffff;
	background-color:#e40038; /* knallrot */
}

p {
	font-size:14px;
	line-height:1.6em;
	font-weight:300;
	color:#372d45; /* aubergine */	
}

ul {
	padding:0 0 0 20px;
	line-height:1.6em;	
}

li {
	font-size:15px;
	list-style-image:url(../common/list-icon.svg);	
	font-weight:300;
}

h1, .h1 {
	font-size:16px;	
	font-weight:300;
	color:#372d45; /* aubergine */
	margin:0;
}

h1.serendipity, h1.serendipitywide {
	font-size:48px;	
}

h2, .h2 {	
	font-size:36px;
	font-weight:normal;	
	font-weight:300;
	color:#372d45; /* aubergine */
	margin:0;
}

h3, .h3 {	
	font-size:16px;
	text-transform:uppercase;	
	font-weight:700;
	color:#372d45; /* aubergine */
}

h2.serendipity, h2.serendipitywide {
	font-size:48px;	
}

h3.serendipity, h3.serendipitywide {
	font-size:48px;	
}

h4, .h4 {	
	font-size:16px;	
	font-weight:700;
	text-transform:inherit;
	color:#372d45; /* aubergine */
	margin-bottom:0;
}

h4.serendipity, h4.serendipitywide {
	font-size:48px;	
}

h5, .h5 {	
	font-size:18px;	
	font-weight:700;
	color:#372d45; /* aubergine */
	margin-bottom:0;
}

/* webfonts */
.serendipity { 
	font-family: Serendipity;
	font-weight: normal;
	font-style: normal;
	line-height:1em;
	margin-top:20px !important;
}
.serendipitywide { 
	font-family: SerendipityWide;
	font-weight: normal;
	font-style: normal;
}

/* Hilfsklassen */
.global-padding, .pdg {
	padding:20px;	
}

.pdg-nbtm {
	padding:20px 20px 0 20px;	
}

.pdg-ntop {
	padding:0 20px 20px 20px;	
}

.minipdg {
	padding:0 0 0 1px;	
}

/* border */
.bottom-border {
	border-bottom:3px solid #f2f2f3; /* warmes grau 10 % */
}

.bottom-border.red {
	border-bottom:3px solid #e40038; /* knallrot */	
}

.top-border {
	border-top:3px solid #f2f2f3; /* warmes grau 10 % */
}

.top-border.red {
	border-top:3px solid #e40038; /* knallrot */	
}

.mobile-top-border.red {
	border-top:3px solid #e40038; /* knallrot */
	border-bottom:none;	
}

/* shadow */
.sh-wide {
	box-shadow: 0px 8px 33px -20px rgba(0,0,0,0.75);	
	margin:0 0 0 0;
	overflow:hidden;
	z-index:2000;
}

.sh {
	box-shadow: 0px 2px 4px -4px rgba(0,0,0,0.4);
	margin:0 0 10px 0 !important;
	overflow:hidden;
}

.sh-dark {
	box-shadow: 0px 2px 4px -4px rgba(0,0,0,0.8);	
	margin:0 0 10px 0 !important;
	overflow:hidden;
}

/* fixed */
.fixed {
	/*position:fixed;*/
}

.bg-fixed {
	/*background-attachment:fixed;*/
}

.text-center, .text-center * {
	text-align:center;	
}

.text-center-mobile, .text-center-mobile * {
	text-align:center;	
}

.mrgn-top {
	margin-top:2px !important;	
}

.mrgn-btm {
	margin-bottom:2px !important;	
}

/* wrapper */
.wide-view-wrapper {
	margin:0;
	width:100%;	
	overflow:auto;	
	position:relative;
	float:left;
	z-index:0;
}

/* main-wrapper */
.main-wrapper {
	width:90%;
	margin:0 0 0 5%;
	overflow:auto;
	float:left;
	position:relative;
	z-index:0;	
}

.content-wrapper {
	width:100%;
	float:left;
	margin:0 0 40px 0;
	z-index:0;
	position:relative;	
}

/* content */
.content-box {
	width:100%;
	float:left;
	margin:0;
	position:relative;
}

.content-box.btm-line {
	margin-bottom:1px;
}

.content-box img {
	width:100%;
	height:auto;
	display:block;
}

.wide-picture  {
	height:auto;
	overflow:hidden;
	position:relative;
	background-color:#f2f2f3; /* warmes grau 10% */
}

.wide-picture img {
	height:auto;
	width:300%;
	margin-left:-100%;
	position:relative;
}

.wide-picture.bg-picture {
	background-image:url(../images/platzhalter-schmal-breit.jpg);
	background-size:100% auto;
	background-position:center top;
	background-repeat:no-repeat;
	min-height:300px;	
}

.ganzebox {
	width:100%;
	height:auto;
	overflow:hidden;
	float:left;
	margin:0;
	position:relative;	
}

.ganzebox * {
	width:100%;
}

.textbox {
	position:relative;
	float:left;	
	overflow:hidden;
}

.textlayer {
	width:100%;
	position:relativ;
	float:left;
	color:#a41223;	
	margin-bottom:0;
	margin-left:0; margin-right:0;
	padding:40px;
	overflow:hidden;
}

.textlayer h3, .textlayer h4 {
	margin:0;	
}

@media screen and ( min-width:600px ) {
	h1 {
		font-size:20px;	
	}
	
	p {
		font-size:18px;
	}
	
	ul {
		padding:0 0 0 40px;
		line-height:1.6em;	
	}
	
	/* Hilfsklassen */
	.global-padding, .pdg {
		padding:30px;	
	}
	
	.pdg-nbtm {
		padding:30px 30px 0 30px;	
	}
	
	.pdg-ntop {
		padding:0 30px 30px 30px;	
	}
	
	/* content */
	.wide-picture img {
		width:200%;
		margin-left:-50%;
		height:auto;
	}
}

@media screen and ( min-width:900px ) {
	h1, .h1 {
		font-size:20px;	
	}
	
	h2, .h2 {	
		font-size:54px;	
	}
	
	h3, .h3 {	
		font-size:24px;	
	}
	
	h4, .h4 {	
		font-size:24px;	
	}
	
	h5, .h5 {	
		font-size:27px;	
	}
	
	p {
		font-size:17px;
	}
	
	.bg-white-mobile {
		background-color:transparent; 
	}
	
	.text-center-mobile, .text-center-mobile * {
		text-align:left;	
	}
	
	/* Versatz */
	.shift {
		margin-top:80px !important;	
	}
	
	.negative-shift {
		margin-top:-80px !important;
		z-index:1;	
	}
	
	.bg-fixed {
		background-attachment:fixed;
	}
	
	.mobile-top-border.red {
		border-top:none; /* knallrot */
		border-bottom:3px solid #e40038; /* knallrot */
	}
	
	/* main-wrapper */
	.main-wrapper {
		width:80%;
		margin-left:10%;	
	}
	
	.wide-picture.bg-picture {
		background-size:100% auto;
		min-height:400px;
		background-position:center;	
	}
	
	.textlayer {
		position:absolute;
		width:45%;
		top:auto;
		bottom:30px;
		left:30px;
		margin-bottom:0;
		margin-left:0; margin-right:10px;
		padding:20px;
	}
	
	.textlayer.top {
		top:30px;
		bottom:auto;	
	}
	
	.textlayer.bottomright {
		left:auto;
		right:80px;	
	}
}

@media screen and ( min-width:1200px ) {
	h1 {
		font-size:20px;	
	}
	
	.wide-picture  {
		width:100%;
		height:auto;
	}
	
	.wide-picture img {
		width:160%;
		margin-left:-30%;
		height:auto;
	}
	
	.wide-picture.bg-picture {
		background-size:100% auto;
		min-height:400px;	
	}
	
	
	li {
		font-size:15px;
	}
	
	/* Hilfsklassen */
	.global-padding, .pdg {
		padding:40px;	
	}
	
	.pdg-nbtm {
		padding:40px 40px 0 40px;	
	}
	
	.pdg-ntop {
		padding:0 40px 40px 40px;	
	}
	
	.textlayer {
		width:40%;
		left:80px;
	}
	
	.textlayer.top {
		top:60px;	
	}
	
	.header-mrgn {
		margin-top:120px;	
	}
	
	.main-wrapper {
		width:80%;
		margin-left:10%;
	}
	
	.main-image-wrapper {
		height:600px;	
	}
	
	.more-images-link {
		top:540px;
		bottom:auto; right:18px;
	}

}

@media screen and ( min-width:1600px ) {
	p {
		font-size:18px;
	}
	
	.wide-picture.bg-picture {
		background-size:100% auto;	
	}
	
	.wide-picture img {
		width:140%;
		margin-left:-20%;
		height:auto;
	}

}

@media screen and ( min-width:1800px ) {
	h1 {
		font-size:28px;	
	}
	
	h2, .h2 {	
		font-size:60px;	
	}
	
	
	h5, .h5 {	
		font-size:30px;	
	}
	
	p {
		font-size:20px;
	}
	
	header {
		margin-left:0;	
	}

	.main-wrapper {
		width:80%;
		margin-left:10%;
	}
	
	.wide-picture img {
		width:120%;
		margin-left:-10%;
		height:auto;
	}
	
}

@media screen and ( min-width:2000px ) {
	/* wrapper */
	.wide-view-wrapper {
		margin:0 2%;
		width:96%;	
	}
}

/* landscape mobil */
@media screen and ( max-height:380px ) {
	
	
}