/*	---
	include fonts.css file to load the used webfont
	--- */
@import 'fonts.css';

/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

html, button, input, select, textarea {
}
body {
	font-size: 1em;
	line-height: 1.4;
	/*font-family: 'quicksandbook';*/
}
strong {
	font-weight:700;
}

a:link, a:visited {
	color:black;
	
}
a:hover{
	color:white;
	-webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
	
}



::-moz-selection {
 background: #e30d9f;
 text-shadow: none;
 color: #FFF;
}
::selection {
	background: #e30d9f;
	text-shadow: none;
	color: #FFF;
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}
img {
	vertical-align: middle;
}
fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}
textarea {
	resize: vertical;
}
.chromeframe {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
}
/* ===== Initializr Styles ==================================================
   Author: Jonathan Verrecchia - verekia.com/initializr/responsive-template
   ========================================================================== */

body {
	font: 16px/26px Quicksand, Helvetica Neue, Arial;
}

.main-container {
	background: #e30d9f;
	background: rgba(227, 13, 159, .9);
	position:relative;
	width: 90%;
	margin: 0 5%;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.wrapper {
	width:90%;
	margin: 0 5%;
	overflow:auto;
}

header.wrapper {
	overflow:auto;
	margin-bottom:35px;
}
 
.main-container.wrapper, .main {
	margin:0;
	padding:0;
	width:100%;
	overflow:auto;
}


 
/* ===================
    ALL: Orange Theme
   =================== */

.title {
	color: #e30d9f;
}
/*.subtitle {
	color: white;
	text-transform: uppercase;
}*/
/* ==============
    MOBILE: Menu
   ============== */

nav  {
	position:relative;
	z-index:80;
}
nav ul {
	margin: 0;
	padding: 0;
}
nav a, nav a:visited {
	display: block;
	padding: 10px 0;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	color: white !important;
	font-size: 1.35rem;
	font-weight: 400;
	background: #000;
background: rgba(0, 0, 0, .1);
margin-bottom: 5px;

}
nav a:hover {
	color: #e30d9f !important;
	font-weight:400;
	-webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}

.lt-ie7 nav a, .lt-ie8 nav a, 
.lt-ie7 nav a:visited, .lt-ie8 nav a:visited {
	background:none!important;
	clear:both!important;
	text-align:left!important;
	font-weight:400!important;
	font-size: 28px!important;
	
}


/*nav a:hover {
	text-decoration: underline;
}*/
/* ==============
    MOBILE: Main
   ============== */

.footer-container footer {
	color: white;
	padding: 0 0 20px 0;
}
.footer-container a {
	color: white;
	font-weight:400;
}
.footer-container a:hover {
	color: grey;
	font-weight:400;
}
/* ===============
    ALL: IE Fixes
   =============== */

.ie7 .title {
	padding-top: 20px;
}
/* ==========================================================================
   Author's custom styles
   ========================================================================== */
.nonbreak {
	display:none;
}

h1 {
	font-family: 'Quicksand', sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 3.5em;
	line-height: 1em;
	margin:0;
	margin-left: -2px;

}

h1.title {
		margin-top: 18px;

}

.main article h1 {
	font-size: 1.5em;
	margin-top: 2px;
}
table h1 {
	font-size: 1.5em;

padding:0;

}


h2.subtitle {
	font-family: 'Quicksand', sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	margin:-1.3em 0 1em 0;
	font-size: 1em;
	color:#e30d9f;
	line-height: 1em;
	letter-spacing: 1px;
}



.datum {
	color: white;
	background-color: black;
	padding: 5px 10px;
	display: inline-block;
	margin-bottom: 10px;
	letter-spacing: 1px;
	text-transform:uppercase;
	font-size: 16px !important;
	margin-top: 0 !important;
}



a.logo {
	text-decoration:none;
}

a.logo:hover h1, a.logo:hover h2 {
		color:white;

}

article {
	padding: 5%;
	position: relative;
	overflow:auto;
}

.main article div.artikel {
	padding-bottom: 3%;
}

div.media {
	position:fixed;
}

.mediaarticle {
	position: relative;
	background: #e30d9f;
	background: rgba(227, 13, 159, .9);
	overflow:auto;
	
	float: left;
	width: 700px;
	min-height:79%;
	padding:5%;
	clear:both;
	 
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */

}

#topbutton {
	padding: 5%;
	position: relative;
	background: #000;
	background: rgba(0, 0, 0, .7);
	overflow:auto;
	text-align:center;
	margin-top:22px;
	display:block;
}

#topbutton a {
	color:#e30d9f;
	display:block;
}

article p {
	clear:both;
}

article table {
	clear:both
	}
	
article p img{
	height:auto;
	max-width:100%;
	margin-bottom:10px;
}

article img.text {
	width:99%;
	margin-bottom: 13px;
}

img.fotos {
	height:auto;
	width:49%;
	padding: 0.5% 0 !important;
	
}

/*table {
			display:block; 
			float:right; 
			font-size: 14px;
			width:90%;
			border-collapse:inherit;
			border-spacing: 0;
			}*/

.fotobox {
	width:100%;
	clear:both;
}

iframe.fotobox {
	margin-bottom: 20px;
}

.kritikbild {
	width:50px;
	height:70px; 
	float:left;
	margin: 10px 0 25px 0;
}

footer a{
	color:#fff;
	text-decoration:none;
	}
	
footer a:hover{
	color:#e30d9fs;
	text-decoration:none;
	}
	
	#top, #bottom, #left, #right {
	background: #fff;
	position: fixed;
	}
	#left, #right {
		top: 0; bottom: 0;
		width: 5px;
		z-index:99999;
		}
		#left { left: 0; }
		#right { right: 0; }
		
	#top, #bottom {
		left: 0; right: 0;
		height: 5px;
		z-index:99999;
		}
		#top { top: 0; }
		#bottom { bottom: 0; }

div.vitapic {
	width:100%; 
	height:350px; 
	box-sizing:border-box; 
	position:relative; 
	overflow:hidden; 
	margin-bottom: 13px; 
	margin-left: 0;
	float:left;
}

img.vitapic {
	position:absolute; 
	overflow:hidden; 
	margin:-80px 0 0 -16px !important; 
	width:120% !important;
}

.fadeIn {
 
	/* CSS needed for animation
	---------------------------------------------------- */
	opacity:0;
	-webkit-animation:fadeIn ease-in 1;
	-moz-animation:fadeIn ease-in 1;
	-o-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	-o-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
}
 
.fadeOut {
 
	/* CSS needed for animation
	---------------------------------------------------- */
	opacity:1;
	-webkit-animation:fadeOut ease-in 0;
	-moz-animation:fadeOut ease-in 0;
	-o-animation:fadeOut ease-in 0;
	animation:fadeOut ease-in 0;
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	-o-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
} 
 
 
/* Animation Times - Time for image to fade in
---------------------------------------------------- */
.fadeIn-2s {
	-webkit-animation-duration:2s;
	-moz-animation-duration:2s;
	-o-animation-duration:2s;
	animation-duration:2s;
}
 
.fadeOut-2s {
	-webkit-animation-duration:2s;
	-moz-animation-duration:2s;
	-o-animation-duration:2s;
	animation-duration:2s;
} 
 
.fadeIn-1s {
	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	-o-animation-duration:1s;
	animation-duration:1s;
}
 
/* Animation Delay - Time for image to be delayed
---------------------------------------------------- */
.fadeIn-Delay-2s {
	-webkit-animation-delay:2s;
	-moz-animation-delay:2s;
	-o-animation-delay:2s;
	animation-delay:2s;
}
 
.fadeIn-Delay-1s {
	-webkit-animation-delay:1s;
	-moz-animation-delay:1s;
	-o-animation-delay:1s;
	animation-delay:1s;
}

/* Animation hover / Ueberblenden
---------------------------------------------------- */

.smooth {
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
}

/* Key Frames
---------------------------------------------------- */

@-webkit-keyframes fadeOut { from { opacity:1; } to { opacity:0;  } }
@-moz-keyframes fadeOut { from { opacity:1; } to { opacity:0;  } }
@-o-keyframes fadeOut { from { opacity:1; } to { opacity:0; } }
@keyframes fadeOut { from { opacity:1; } to { opacity:0;} }

@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-o-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

/* ==========================================================================
   Bilderbox
   ========================================================================== */
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
}

.fancybox-opened {
	z-index: 8030;
}



.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading {
	background-image: url('../img/fancybox_sprite.png');
}
.fancybox-prev span, .fancybox-next span {
	background: url(../img/navarrow.png);
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('../img/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: 0;
	right: 0;
	width: 30px;
	height: 30px;
	background: url(../img/closbutton.gif) no-repeat left top;

	cursor: pointer;
	z-index: 8040;
}
.fancybox-close:hover {
	background: url(../img/closbutton.gif) no-repeat  right top;

}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('../img/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 15px;
	height: 25px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: top left;
}

.fancybox-next span {
	right: 10px;
	background-position: top right;
}

.fancybox-prev span:hover {
	left: 10px;
	background-position: bottom left;
}

.fancybox-next span:hover {
	right: 10px;
	background-position: bottom right;
}
.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

div.galeriequer {
	height:117px; 
	width: 32%; 
	float:left; 
	margin: 0 1% 0 0; 
	padding: 0.5% 0; 
	position:relative; 
	overflow:hidden; 
	box-sizing:border-box;
}

img.galeriequer {
	overflow:hidden; 
	padding: 0 !important; 
	position:absolute; 
	width:100% !important;
	margin-top:-10px !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('../img/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px ;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
	display:none;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}


/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('../img/fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('../img/fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}

/* ==========================================================================
   Media Queries
   ========================================================================== */
   

/*==================================================
    => form styles
==================================================*/

h4.kontaktformular {
	width: 75%;
	float: left;
	margin: 0;
	font-weight: 400;
}


/* ---------- Styles for the form element itself  ---------- */
{
	margin:0 0 75px 0;
	padding:0 0 0px 10px;
}

/* ---------- Shared styles for labels, input fields, textareas, select lists  ---------- */
input,
textarea,
select {
	margin:0 0 1.5% 0;
	padding:2px 5px;
	width:97.5%;
	height:40px;
	/* ---- These are here for a reason - don't remove if not necessary ---- */
	display:block;
	float:left;
	font-size:16px;
	background:#fff;
	border:1px solid #fff;
	font-family: 'Quicksand';
	font-weight: 400;
}

textarea {
height:144px;
}


/* ---------- For better usability, change the look of your form fields when they are focused ---------- */
input:focus,
textarea:focus {
	border:1px solid #000 !important;
	 -webkit-transition: all 0.4s ease-in;
  -moz-transition: all 0.4s ease-in;
  -o-transition: all 0.4s ease-in;
  -ms-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
}

input.small1{
	margin:0 1% 1% 0;
		float:left;

	width:97.5%;
	
}
input.small2{
	margin:0 0px 1% 0;
		float:left;

	width:97.5%;
	
}

/* ---------- If you want to display legends, just remove the display:none here and add your own styles ---------- */
legend {
	display:none;
}

/* ---------- Fieldsets can be made visible by removing the default style here ---------- */
fieldset {
	border:none;
	float:left;
	padding:none;
	margin:none;
	width:100%;
}


/* ---------- Select lists - make them a bit larger than your input fields ---------- */
select {
	width:286px;
}

/* ---------- Submit button ---------- */
input.button{
	background:#000 !important;
	border:none;
	color:#fff;
	cursor:pointer;
	/* Watch out! IE6 will double the left margin if the submit button is floated. To prevent this, either provide only half the margin value to IE6 or set the button to display:inline. */
	display:inline;
	
	
	
	
	

	padding:2px 5px;
	width:50%;
	height:40px;
	/* ---- These are here for a reason - don't remove if not necessary ---- */
	display:block;
	float:left;
	font-size:16px;
	margin-bottom:50px;
}

input#submit {
	width:100% !important;
	margin-bottom: 75px;
	background:#000;
	color:#fff;
	border:#000;
}

/* ---- Won't show in IE6 - but why should everyone else miss all the fun? ---- */
input#submit:hover {

	text-decoration:none;
	color:#000;
	background:#fff;
	border:#fff;
}

/* ---------- Class for required fields - add colors, an image, or whatever you wish ---------- */
label {
	display:none;
}
label.required {
	background:#F9F;

}

/* ---------- On user errors, required labels are style with these ---------- */
.error {
	color:#df0000 !important;
	font-weight:bold !important;
}

/* ---------- The error message - make it huge and hard to miss! :) ---------- */
p#fehlermeldung {
	background: #fff;
	color:#000;
	border:1px solid #ccc;
	display:none;
	margin:0 0 15px 10px;
	padding:20px;
	position: relative;
	width:430px;

}

/* ---------- Since by default labels and form fields are floated, the cleared br elements are required to keep them all in place ---------- */
br {
	clear:left;
}

/* ---------- Without these styles, some browsers show a huge gap where the hidden fields are. Don't remove them unless you know what you're doing! ---------- */
fieldset.hidden,
input[type=hidden] {
	display:none;
	border:0;
	padding:0;
	float: left;
}

.vcard {
	margin-bottom: 20px;
	border: none;
}

fieldset.message {
	margin-left: 30px;
}



@media only screen and (min-width: 480px) {
/* ====================
    INTERMEDIATE: Menu
   ==================== */

nav a {
	float: left;
	width: 9.09em;
	margin: 0 1.7%;
	padding: 10px 2%;
	margin-bottom: 5px;
	font-weight: 400;
}
nav li  a {
	margin-right: 5px;
	margin-left:0;
}


.lt-ie7 nav a, .lt-ie8 nav a {
	background:none!important;
	clear:both!important;
	text-align:left!important;
	font-weight:400!important;
	font-size: 28px!important;
	
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
h1 {
	
	margin-left: -9px;
	margin-bottom:25px;
	padding:2px;

}

h1.title{
	font-family: 'Quicksand', sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 7em;

	margin: 18px 0 0 -9px;
	padding:0;
	}

table h1 {
	
	margin-left: 0px;

}

h1.presseheadline {
	margin-bottom:10px;
}


h2.subtitle {
	font-family: 'Quicksand', sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	margin:-20px 0 1em 0;
	font-size: 2em;
	color:#e30d9f;
	line-height: 1em;
}

article p {
	clear:both;
}
	
article p img{
	height:auto;
	max-width:50%;
	margin-bottom:10px;
	float: left;
	margin-right:20px;
	margin-bottom:10px;
	}

.datum {
	color: white;
background-color: black;
padding: 5px 10px;
display: inline-block;
float: left;
margin-right: 10px;
font-size: 16px !important;
margin-left: 0 !important;
margin-top: -3px !important;
}

img.fotos {
	height:auto;
	width:32%;
	padding: 0.5% 0 !important;
	
}

.kritikbild {
	margin: 0px 0 25px 0;
}

img.vitapic {
	position:absolute; 
	overflow:hidden; 
	margin:-48% 0 0 -25px !important; 
	width:110% !important;
}
			

#top, #bottom, #left, #right {
	background: #fff;
	position: fixed;
	}
	#left, #right {
		top: 0; bottom: 0;
		width: 10px;
		z-index:99999;
		}
		#left { left: 0; }
		#right { right: 0; }
		
	#top, #bottom {
		left: 0; right: 0;
		height: 10px;
		z-index:99999;
		}
		#top { top: 0; }
		#bottom { bottom: 0; }
		
		
input.small1{
	margin:0 1% 1% 0;
		float:left;

	width:46%;
	
}
input.small2{
	margin:0 0px 1% 0;
		float:left;

	width:46%;
	
}

input, textarea, select {
	width: 95%;
}

input#submit {
	width:47% !important;
}


/* ========================
    INTERMEDIATE: IE Fixes
   ======================== */

nav ul li {
	display: inline;
	line-height: 14px;
}
.oldie nav a {
	margin: 0 0.7%;
}
}

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

/* ============
    WIDE: Menu
   ============ */

.title {
	float: left;
}
nav {
	width: 38%;
}
nav a {
	background:none;
	clear:both;
	text-align:left;
	font-weight:400;
	font-size: 28px;
	
}
/* ============
    WIDE: Main
   ============ */


.main article {
	margin-top:20px;
	overflow:auto;
	padding:3%;
	 
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */

}


.main article p {
	float: left;
width: 490px;
	margin-left:92px;
	margin-top: 0;
	 
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */

}

.main article div.artikel {
	float: left;
	width: 90%;
	padding:0 0 8% 3%;
	 
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */

}
/*#over {
	display:inherit;
	background: #fff;
width: 100%;
height: auto;
min-height: 100%;
z-index: 999999;
position: absolute;
z-index: 3;
}
*/
/* ==========================================================================
   Author's custom styles
   ========================================================================== */


.nonbreak {
	display:inline;
}

h1 {
	font-family: 'Quicksand', sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 7em;
	line-height: 1em;
	margin:0;
	margin-bottom:25px;
	padding:6px;
	padding-left:92px;
}

h1.presseheadline {
	padding:3px 0 0 92px;
	margin-bottom:20px;
}

h1.title{
	font-family: 'Quicksand', sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 7.5em;
	line-height: 1em;
	margin:0;
	margin-left: -9px;
	margin-bottom:0;
	padding:0;
	}

table h1 {

margin-left: -5px;

}

h2.subtitle {
	font-family: 'Quicksand', sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	margin:0;
	font-size: 2rem;
	color:#e30d9f;
	line-height: 1em;
	margin-bottom: 2em;
	
}

article p img{
	height:auto;
	max-width:50%;
	margin-bottom:10px;
	float: left;
	margin-right:20px;
	margin-bottom:10px;}

.imp {
	padding-left: 72px !important;
}

.imp-elements {
	margin-left:92px;
	float: left;
}

.small {
	padding-left: 72px !important;
	font-size: 9px;
	line-height:18px;
}



.datum {
	color: white;
background-color: black;
padding: 5px 10px;
display: inline-block;
float: left;
margin-right: 10px;
position:absolute;
left:0;
font-size: 16px !important;
margin-top: 0 !important;
}

.kritikbild {
	width:50px;
	height:70px; 
	float:left;
	margin: 0 0 25px 93px;
}

.fotobox {
	width:80%;
	float: left;
	padding-left:93px;
	margin-left: 0 !important;
}

a.fotobox {
	margin:0 !important;
	padding:0 !important;
}

img.fotos {
	height:auto;
	width:32%;
	margin:0 !important;
	padding:0.5% 0 !important;
	
}

article img.text {
	width:80%;
	margin-bottom: 13px;
	margin-left:92px;
}

.header-container {
	width: 483px;
	float: left;
	position:fixed;
	padding: 20px;

}
.main-container{
	width: 700px;
	left:35%;
	top:21%;
	position:absolute;
	height:auto;
	min-height:79%;
	
}

.footer-container {
	position:fixed;
	left:30px;
	bottom:0;
}

.footer-container footer {
	color: white;
	padding: 0 0 30px 15px;
}

#topbutton {
	padding: 5%;
	position: relative;
	background: #000;
	background: rgba(0, 0, 0, .7);
	overflow:auto;
	text-align:center;
	margin-top:22px;
	display:none;
}

#top, #bottom, #left, #right {
	background: #fff;
	position: fixed;
	}
	#left, #right {
		top: 0; bottom: 0;
		width: 15px;
		z-index:99999;
		}
		#left { left: 0; }
		#right { right: 0; }
		
	#top, #bottom {
		left: 0; right: 0;
		height: 15px;
		z-index:99999;
		}
		#top { top: 0; }
		#bottom { bottom: 0; }
		
table {
		display:block; 
		float:right; 
		font-size: 16px;
		width:90%;
		border-collapse:separate;
		border-spacing: 15px 0px;
}
			
table.date {
		display:block; 
		float:right; 
		font-size: 16px;
		width:85%;
}
			
table.contact {
			display:block; 
			float:right; 
			font-size: 16px;
			width:78%;
}

div.vitapic {
	width:80%; 
	height:350px; 
	box-sizing:border-box; 
	position:relative; 
	overflow:hidden; 
	margin-bottom: 13px; 
	margin-left: 92px;
}

img.vitapic {
	position:absolute; 
	overflow:hidden; 
	margin:-167px 0 0 -16px !important; 
	width:106% !important;
}

/*==================================================
    => form styles
==================================================*/

h4.kontaktformular {
	width: 75%;
	float: left;
	margin: 0 0 0 17.5%;
	font-weight: 400;
}

/* ---------- Fieldsets can be made visible by removing the default style here ---------- */
fieldset {
	border:none;
	float:left;
	padding:none;
	margin:none;
	margin-left:17.5%;
	width: 75%;
}

input, textarea, select {
	width: 97.5%;
}

		
input.small1{
	margin:0 1% 1% 0;
		float:left;

	width:47%;
	
}
input.small2{
	margin:0 0px 1% 0;
		float:left;

	width:47%;
	
}

<!--[if lte IE 6]>
	#top, #bottom, #left, #right { display: none; } -->

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
	background-color: transparent;
	border: 0;
	overflow: hidden;
 *text-indent: -9999px;
}
.ir:before {
	content: "";
	display: block;
	width: 0;
	height: 150%;
}
.hidden {
	display: none !important;
	visibility: hidden;
}
.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}
.invisible {
	visibility: hidden;
}
.clearfix:before, .clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after {
	clear: both;
}
.clearfix {
 *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
* {
	background: transparent !important;
	color: #000 !important; /* Black prints faster: h5bp.com/s */
	box-shadow: none !important;
	text-shadow: none !important;
}
a,  a:visited {
	text-decoration: underline;
}
a[href]:after {
	content: " (" attr(href) ")";
}
abbr[title]:after {
	content: " (" attr(title) ")";
}
/*
     * Don't show links for images, or javascript/internal links
     */

.ir a:after,  a[href^="javascript:"]:after,  a[href^="#"]:after {
	content: "";
}
pre,  blockquote {
	border: 1px solid #999;
	page-break-inside: avoid;
}
thead {
	display: table-header-group; /* h5bp.com/t */
}
tr,  img {
	page-break-inside: avoid;
}
img {
	max-width: 100% !important;
}
@page {
	margin: 0.5cm;
}
p,  h2,  h3 {
	orphans: 3;
	widows: 3;
}
h2,  h3 {
	page-break-after: avoid;
}
}



.ie9 p.small {
	padding-left: 110px !important;
	font-size: 20px!important;
	line-height:18px;
}

.header-container, .main-container,.footer-container{
z-index:99;
}