@import url(http://fonts.googleapis.com/css?family=Titillium+Web:400,300,700,600);

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

		padding: 0px;
		margin: 0px;
	}
	
	a {
		outline: 0;
		color: #FFFFFF;
		text-decoration: underline;
	}

	a:hover {
		color: #E31E25;
		outline: 0;
	}
	
	a:visited, a:active {
		outline: 0;
	}		
	
	p {
		margin: 0;
	}
	
	td {
		padding-top: 0.5ex; padding-top: 0.2rem;
		padding-bottom: 0.5ex; padding-bottom: 0.1rem;
	}
	
	
	
	body, html {
		background-repeat: no-repeat;
		background-position: center center;
		background-attachment: fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		
		color: #FFFFFF;

		font-family: 'Titillium Web', sans-serif;
		font-size: 1em;
		
		margin: 0 auto;					/*Randlos, zentriert*/
		min-width: 100%;				/*RANDLOSES ERSCHEINUNGSBILD */
		z-index: -1;
	}
	
		
	header {
		background-color: #000000;
				
		margin: 0;
		padding: 0;
	
		text-align: center;
		z-index: 9990;
	}	

	header a {	
		z-index: 950;
	}
	
	header img {
		max-width: 55%;
		z-index: 950;		
	}
	
	
	#sticky_menu {
		min-width: 100%;		
	}
	
	
	
	
	nav {
		margin: 0 auto;
		text-align: center;
	
		text-transform: uppercase;
		
		border-bottom: 0.2em solid #E31E25;
		
		z-index: 888;
	}
	
	nav .current {
		display: block;
	}

	nav ul ul {
		display: none;
	}	
	
	nav ul li:hover > ul {
		display: block;
	}	
	
	nav ul {
		display: inline-table;
		position: relative;	
		list-style: outside none none;
		
		margin: 0;
		padding: 0;
	}
	
	nav ul:after {
		clear: both;
		content: "";
		display: block;
	}
	
	nav ul ul:after {
		clear: both;
		content: "";
		display: block;
	}
	
	nav ul li {
		float: left;
	}
		
	nav ul li:hover {
		background: #E31E25;
		
		-webkit-transition: all .2s ease-in;
		transition: all .2s ease-in;
	}
	
	nav ul li:hover a {
		color: #FFFFFF;
	}

	nav ul li a {
		color: #FFFFFF;
		display: block;
		padding: 0.8ex 2.7ex;					/*Höhe der Nav-Bar, Abstand der Menüpunkte */
		min-height: 2.7ex;
		text-decoration: none;
	}
	

	nav ul li a img {
		margin: 0;
		margin-bottom: 3px;
		width: 2.4ex;
		max-height: 2.4ex;
		vertical-align: bottom;		
	}

	nav ul ul {
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0.80);
		/*
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		*/
		margin: 0;
		padding: 0;
		position: absolute;
		top: 100%;
		
		z-index: 960;
	}

	nav ul ul li {
		float: none;
		position: relative;
		
		z-index: 998;
	}
	
	nav ul ul li a {
		color: #FFFFFF;
		padding: 1.2ex 2.7ex;						/*Höhe des Untermenüs, Breite der Menüpunkte */

		z-index: 999;
	}

	nav ul ul li a:hover {
		background: #E31E25;
		
		-webkit-transition: all .2s ease-in;
		transition: all .2s ease-in;
	}

	
	nav .fb-ul-rechts {
		right: 0px;
		width: 280px;
		height: auto;
		display: none;
		position: absolute;
		top: 100%;
	}
	
	nav .fb-li-rechts {
		padding-bottom: 0.3em;
		display: block;
		min-width: 100px;
	}
	
	nav .fb-ul-rechts:hover li {
		background: none;
	}	

	nav .ul-fb:hover nav ul .fb-ul-rechts {
		display: block;
	}
	
	#fb-popup-mobile-content {
		background-color: #f6f8f9;
		display: none;

		-webkit-border-radius: 7px;
		-moz-border-radius: 7px;
		border-radius: 7px;		
	
		padding: 2em;
		padding-top: 3em;
	}	

	#fb-popup-mobile-content .plainmodal-close {
		position: absolute;
		width: 100px;
		height: 16px;
		right: 10px;
		bottom: 8px;
		
		color: #3b5998;
	}

	#fb-popup-mobile-content .plainmodal-close:hover {
		text-decoration: underline;
		cursor: pointer; 
	}	
	
	#tw-popup-mobile-content {
		background-color: #f6f8f9;
		display: none;

		-webkit-border-radius: 7px;
		-moz-border-radius: 7px;
		border-radius: 7px;		
	
		padding: 2em;
		padding-top: 3em;
	}
	
	#tw-popup-mobile-content .plainmodal-close {
		position: absolute;
		width: 100px;
		height: 16px;
		right: 10px;
		bottom: 8px;
		
		color: #3b5998;
	}

	#tw-popup-mobile-content .plainmodal-close:hover {
		text-decoration: underline;
		cursor: pointer; 
	}	
	
	
	.main-container {
		display: block;						/* Safari-Integration */
		margin: 0 auto;
		margin-top: 1em;
		
		padding: 0.1em;
		
		width: 79%;	
		max-width: 960px;
	}
	

 

	article {
		display: block;							/* Safari-Integration */
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0.80);
		overflow: hidden;
		
		float: left;
		margin-top: 1em;
		margin-bottom: 3.5em;
		padding: 1em;

		border: 0.2em solid #E31E25;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		z-index: auto;
	}  

	
	section {
		display: block;							/* Safari-Integration */
		margin: 0 auto;
		text-align: center;
	}

	
	section h1 {
		font-size: 1em;
		margin: 0;
		
		padding-top: 1em;
		padding-bottom: 1em;

		text-align: center;
		color: #E31E25;
	}

	/* section img {
		width: 85%;
		max-width: 85%;
		padding-top: 1em;
		padding-bottom: 1em;
	} */
	
	.fk-welcome-img img {
		width: 85%;
		max-width: 85%;
		padding-top: 1em;
		padding-bottom: 1em;
	}

	section h1 {
		margin: 0;
		margin-bottom: 1.2em;
		padding-top: 0.6em;
		padding-bottom: 0.6em;
		
		font-size: 1.5em;
		text-align: center;
		color: #FFFFFF;
		
		border: 0.1em solid #E31E25;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}	
	
	section h1 a, section h1 a:hover {
		text-decoration: none;
		color: #FFFFFF;
	}	
	
	section h2 {
		margin: 0;
		margin-bottom: 1.2em;
		padding-top: 0.6em;
		padding-bottom: 0.6em;
		
		font-size: 1.5em;
		text-align: center;
		color: #FFFFFF;
		
		border: 0.1em solid #E31E25;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
	
	section h2 a, section h2 a:hover {
		text-decoration: none;
		color: #FFFFFF;
	}
	
	section h3 {
		margin-top: 1.25em;
		margin-bottom: 0.8em;
		padding-top: 1em;
		padding-bottom: 0.4em;
		
		font-size: 1.15em;
		text-align: center;
		color: #E31E25;		
	}
	
	section h4 {
		margin: 0;
		padding-top: 1em;
		padding-bottom: 1em;	
	}

	
	.textbox-welcome {
		position: relative;   
		height: auto;

		width: 63%;  
		float: left;
		z-index: 100;
		
		margin-left: auto;
		margin-right: auto;
		padding-left: 1em;
		padding-bottom: 0.4em;
		text-align: justify;
		font-size: 1.1em;
	}

	.imagebox-home {
		position: relative;
		min-width: 11em;

		margin-left: 0;
		margin-right: 0;
		/* padding-top: 1em; */
		z-index: 100;
	}
	
	.imagebox-home img {
		height: auto;
		width: 80%;
		max-width: 94%;
		padding: 0;
	}

	.sticker-frank {
		position: relative;
		right: -2.2em;
		bottom: -3.5em;
		
		z-index: 777;	
	}
	
	 .sticker-frank img {
		width: 31%;
		max-width: 31%;
		/* margin-top: -1.5em; */
	}
	
	.sticker-banner-gutschein {
		position: relative;
		top: 0em;
		right: -7.8em;
		margin-top: -15.5em;
		z-index: 111;
	}
	
	.sticker-banner-gutschein img {
		width: 8.8%;
		max-width: 8.8%;
	}
	
	.textbox-home {
		position: relative;   
		height: auto;  
		float: left;
		z-index: 100;
		
		padding: 0.5em;
		min-width: 100%;
		
		text-align: center;
		font-size: 1.1em;
	}
	
	.textbox-home ul, .textbox-pages ul {
		list-style: none;
	}	
	
	.imagebox-k-und-k {
		position: relative;
		min-width: 11em;

		margin-left: 0;
		margin-right: 0;
		/* padding-top: 1em; */
		z-index: 100;
	}
	
	.imagebox-k-und-k img {
		height: auto;
		width: 50%;
		max-width: 50%;
		padding: 0;
	}
	
	
	.textbox-pages {
		position: relative;   
		height: auto;
		
		min-width: 13em;
		/* width: 47.5%;    */
		float: left;
		
		font-size: 1.1em;
		
		/* margin: 0 1.25% 1em; */
		margin-left: 0;
		margin-right: auto;

		
		padding-top: 1ex;
		padding-left: 2ex;
		padding-right: 2ex;
		padding-bottom: 5ex;
	}
	
	.textbox-pages h3 {

		margin: 0;
		padding-bottom: 0;
		
		font-size: 1.15em;
		text-align: center;
	}	
	
	.textbox-pages ul {
		display: inline-table;
		list-style: outside none none;
		padding: 0;
		padding-bottom: 3ex;
	}
	
	.textbox-pages ul li {
		padding-bottom: 2ex;
	}
	
	.textbox-pages table td {
		height: 5.5ex;
	}
	
	.textbox-pages table td a {
		display: block;
		text-decoration: none;
		padding-top: 1ex;
		padding-bottom: 1ex;
	}

	.textbox-pages table td a:active, .textbox-pages table td a:visited {
		outline: none;
	}	
	
	table td a {
		display: block;
		text-decoration: none;	
	}
	/*
	.textbox-pages table tr:hover, table tr:hover {
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0.35);
		color: #E21E25;
		cursor: pointer;		
	}
	
	.textbox-pages table tr:hover .tabelle-hover-effekt a,
	table tr:hover .tabelle-hover-effekt a {
		color: #E21E25;	
	}
	*/
	
	.textbox-pages label {
		display: inline-block;
		width: 11em;
		padding-right: 1em;
	}
	
	.referenz img {
		max-width: 100%;
	}	
	
	.referenz ul {
		position: relative;
		padding: 0 0 0 3em;
		list-style-position: outside;
		list-style-type: circle;
	}	
	
	input {
		font: 0.86em 'Titillium Web', sans-serif;
		height: 5ex;
		width: 15em;
	}
	
	input[type="checkbox"] {
		height: 2.25ex;
		width: 3em;
	}
	
	textarea {
		font: 0.86em 'Titillium Web', sans-serif;
		overflow: auto;
		resize: auto;
		height: 21ex;
		padding: 1ex 1.6ex;
	}	

	
	.imagebox-pages {
		position: relative;
		
		float: left;
			
		margin: 0;
		margin-left: 1em;		
	}

	
	.imagebox-pages .imagebox-pages-big {
		display: inline-block;
		/* max-width: 100%; */
		/* max-height: 100%; */
		/* max-height: 20em; */
		
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 0.5em;
	}
	
	.imagebox-pages .imagebox-pages-big img {
		width: 91%;
		max-width: 91%;
		padding-top: 1em;		
		padding-bottom: 0;		
	}
	
	.imagebox-pages .imagebox-pages-small {
		position: relative;
		display: inline-block;
		
		margin-left: auto;
		margin-right: auto;
		
		text-align: center;
		
		margin: 0.4em auto;
	}

	.imagebox-pages .imagebox-pages-small a img {
		display: inline-block;		
		width: 30%;
		max-width: 30%;
		padding-top: 0;
		padding-bottom: 0;	
	}
	
	.imagebox-pages .imagebox-pages-small a img:hover {
		outline: 0.2em solid #E31E25;
	}
	
	.imagebox-pages .imagebox-pages-small a img:visited {
		outline: none;
	}

	
	
	.grid-fotoalbum-cover {
		padding: 0;
		max-width: 960px;
		margin: 0 auto;
		list-style: none;
		text-align: center;
		margin-bottom: 1em;
	}	
	
	.grid-fotoalbum-cover li {
		display: inline-block;
		position: relative;
		/* width: 32%;
		max-width: 32%; */
		margin: 0;
		text-align: left;
	}
	
	.grid-fotoalbum-cover li a {
		text-decoration: none;
		font-size: 1.4em;
	}
	
	.grid-fotoalbum-cover li:hover {
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0.35);
		color: #E21E25;
		cursor: pointer;
	}

	.grid-fotoalbum-cover li:hover .grid-fotoalbum-cover li {
		color: #E21E25;
	}
	
	
	.grid-fotoalbum-cover li a img {
		max-width: 100%;
		display: inline-block;
		position: relative;
		padding: 0;
	}	
	
	.grid {
		padding: 0;
		max-width: 960px;
		margin: 0 auto;
		list-style: none;
		text-align: center;
		margin-bottom: 1em;
	}
	
	.grid li {
		display: inline-block;
		width: 32%;
		max-width: 32%;
		margin: 0;
		text-align: left;
		position: relative;
	}
	
	.grid li a img {
		width: 100%;
		max-width: 100%;
		display: block;
		position: relative;
		padding: 0;
	}

	.grid li a img:hover {
		outline: 0.2em solid #E31E25;
	}
	
	.grid li a img:visited {
		outline: none;
	}
	
	
	
	.section {
		clear: both;
		padding: 0px;
		padding-top: 0.2em;
		padding-bottom: 0.2em;
		margin: 0px;
		margin-bottom: 0.2em;
		/* border: 0.1em solid #9ba5a8; */
	}

	.group:before,
	.group:after {
		content: "";
		display: table;
	}
	.group:after {
		clear: both;
	}
	.group {
		zoom: 1; /* For IE 6/7 (trigger hasLayout) */
	}

	.col {
		display: block;
		float: left;
		/* margin: 1% 0 1% 1.6%; */
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 4%;
		margin-right: 0;
		/* border: 0.1em solid #9ba5a8; */
	}

	.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */
	
	.span_1_of_2 {
		width: 47%; 
	}
	
	.span_2_of_2 {
		margin-left: 0!important;
		width: 100%;
	}
	
	
	
	.article-rechts {
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0.80);
		
		float: right;
		margin: 0 auto;
		margin-bottom: 1.5em;
		margin-left: 1em;
		padding: 1em;

		max-width: 41%;
		
		border: 0.2em solid #E31E25;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		
	}

	
	
	footer {
		clear: both;
		/* background: none repeat scroll 0 0 rgba(0, 0, 0, 0.80); */

		width: 100%;
		height: 3em;

		border-top: 0.2em solid #E31E25;
		
		text-align: center;
		font-size: 1em;
		padding: 0.5em auto;
		
		z-index: auto;
	}
	
	footer a {
		color: #FFFFFF;
		text-decoration: underline;
	}
	
	footer a:hover {
		color: #E31E25;
		text-decoration: none;
	}
	
	#capcha {
		display: inline-block;
		margin: 0.5em auto;
		padding: 0.5em;	
	}
	
	
	.share-box {
		position: fixed;
		width: 96px;
		top: 30%;
		right: 0;
		border: 2px solid #E31E25;
		padding: 10px;
		cursor: pointer;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
	
	
	
	
	.viertel-breite {
		width: 27.5%;
	}
	
	.halbe-breite {
		width: 47.5% !important;
	}

	.halbe-breite-mittig {
		width: 47.5% !important;
		margin-left: 25%;
		margin-right: 25%;

		margin-bottom: 1em;
		padding-bottom: 0.5em;
	}
	
	.volle-breite {
		width: 100%;
	}

	.dreiviertel-breite {
		width: 75%;
		margin-left: 12.5%;
		margin-right: 12.5%;

		margin-bottom: 1em;
		padding-bottom: 0.5em;		
	 }
	 
	.mobile-unsichtbar {
		display: inline;
	}
	 
	.non-mobile-unsichtbar {
		display: none;
	}

	.randlose-box {
		margin: 0.5em 0;
		padding: 0.5em 0;
	}

	.unsichtbar {
		visibility: hidden;
	}
	
	.unten-randlos {
		padding-bottom: 0px !important;
	}
	
	.mindesthoehe-startseite {
		min-height: 710px;
	}
	
	.mindesthoehe-gesamt {
		min-height: 600px; 			/* Mindesthöhe in modernen Browsern */
		height: 600px; 				/* Mindesthöhe in IE (<7) */	
	}

	.mindesthoehe-404 {
		min-height: 200px; 			/* Mindesthöhe in modernen Browsern */
		height: 200px; 				/* Mindesthöhe in IE (<7) */	
	}
	
	.text-kursiv {
		font-style: italic;
	}
	
	.text-mittig {
		text-align: center;
	}
	
	.text-links {
		text-align: left;
	}

	.text-rechts {
		text-align: right;
	}

	.text-blocksatz {
		text-align: justify;
	}
	
	.text-extra-fett {
		font-weight: 700;
	}
	
	.extra-kleine-schrift {
		font-size: 0.85em !important;
		margin-bottom: 1em;
	}
	
	.non-mobile-extra-kleine-schrift {
		font-size: 0.85em !important;
	}
	
	.textfarbe-rot {
		color: #E31E25;
	}

	.textfarbe-weiß {
		color: #FFFFFF;
	}
	
	.float-rechts {
		float: right;
	}
	
	.float-links {
		float: left;
	}
	
	.bg-1 {
		background-image: url(../img/fk-bg-3-2.jpg);
	}

	.bg-2 {
		background-image: url(../img/fk-bg-9-2.jpg);	
	}	
	
	.bg-3 {
		background-image: url(../img/fk-bg-7-2.jpg);		
	}	
	
	.bg-4 {
		background-image: url(../img/fk-bg-8-2.jpg);
	}
	
	.bg-5 {
		background-image: url(../img/fk-bg-2-2.jpg);
	}
	
	.bg-6 {
		background-image: url(../img/fk-bg-impressum-1-2.jpg);	
	}
	
	img.bg-fixed {
		/* Set rules to fill background */
		min-height: 100%;
		min-width: 1024px;

		/* Set up proportionate scaling */
		width: 100%;
		height: auto;

		/* Set up positioning */
		position: fixed;
		top: 0;
		left: 0;

		z-index: -1;
	}	
	
	.bg-gradient-menu {
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC44Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
		background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(0,0,0,0.8) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,rgba(0,0,0,0.8))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0.8) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0.8) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0.8) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(0,0,0,0.8) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#cc000000',GradientType=0 ); /* IE6-8 */

	}
	
	.bg-gradient-article {
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
		background: -moz-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.8) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.8)), color-stop(100%,rgba(0,0,0,0.8))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.8) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.8) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.8) 100%); /* IE10+ */
		background: linear-gradient(to bottom, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.8) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#cc000000',GradientType=0 ); /* IE6-8 */	
	}
	
	.bg-gradient-footer {
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
		background: -moz-linear-gradient(top,  rgba(0,0,0,0.8) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.8)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#000000',GradientType=0 ); /* IE6-8 */	
	}
	
	.schlagschatten-rechts {
		-moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
		-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
		box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
	}
	
	.buffet-box {
		border: 0.05em dashed #E31E25;
		min-height: 22em;
	}
	
	.buffet-box:hover {
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0.35);
		border: 0.05em solid #E31E25;
	}

	/* YOUTUBE-INTEGRATION */
	
	.video-box {	
		padding-top: 0.1em;
		margin-bottom: 0.5em;
		margin-left: 1.25%;
		margin-right: auto;
	}	
	
	.responsive-video iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.responsive-video {
		clear: both;
		position: relative;
		padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
		/* padding-top: 0px; */
		height: 0;
		overflow: hidden;
	}
	
	.spalte-breite-5em {
		width: 6em;
	}

	.spalte-breite-voll {
		width: 100%;
	}
	
	/* FACEBOOK-INTEGRATION */
	#fb-root {
		display: none;
	}
	
	.fb-page,
	.fb_iframe_widget,
	.fb_iframe_widget span,
	.fb_iframe_widget span iframe[style] {
		width: 100% !important;
	}
	
	
	.no-desktop {
	  display: none;
	}
	.mobile-text-left {
	text-align: left;
	}
	.mobile-text-right {
	text-align: right;
	}
	.mobile-text-center {
	text-align: center;
	}	
	.mobile-left {
	float: left;
	}
	.mobile-right {
	float: right;
	}
	.mobile-no-float {
	float: none;
	}
	.mobile-no-margin {
	margin: 0;
	}
	.mobile-no-padding {
	padding: 0;
	}
	.no-mobile {
	display: none;
	}
	.show-mobile {
	display: block;
	}	
	
	
	
	
	/* Smartphones (portrait and landscape) ----------- */
	@media only screen 
	and (max-width: 47em) /*759 px */
	/* and (min-device-width : 120px) */
	/*and (max-device-width : 640px) */{
	/* Styles */
		
		body, html {
			background-color: #000000;
			background-image: none !important;
		
			color: #FFFFFF;

			font-family: 'Titillium Web', sans-serif;
			font-size: 0.9em;
			
			margin: 0 auto;					/*Randlos, zentriert*/
			width: 100%;					/*RANDLOSES ERSCHEINUNGSBILD */		
		}
		
		header img {
			max-width: 85%;		
		}		
		
		.main-container {
			margin: 0 auto;
			margin-top: 2em;
			
			padding: 0;
			
			min-width: 95%;
			max-width: 95%;
			width: 95%;
		}

		nav {
			background-image: none;
			position: relative;
			border: none;
		}	
		
		nav .current {
			display: block;
		}
		
		nav a {
			display: block;
			text-align: left;
			width: 100%;
			background: none;
		}

		nav ul {
			background: none repeat scroll 0 0 rgba(0, 0, 0, 1);		
			display: inline-block;
			list-style: outside none none;		
		
			position: absolute;
			top: 0;
			left: 2.5%;
			/* left: 50%;
			margin-left: -40%; */
			
			border: 0.1em solid #E31E25;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			
			padding: 0em;
			width: 70%;
		}
		
		.position-rechts {
			position: absolute;
			top: 0;
			left: 82.5%;
			width: 15%;
		}		
		
		nav ul li {
			display: none;
			width: 100%;
		}

		nav ul li:hover {
			background: #E31E25;
		
			-webkit-transition: none;
			transition: none;
	}
		
		nav ul:hover li {
			display: block;
			margin: 0;			
		}
		/*
		nav ul li:hover {
			background: none;
			
			-webkit-transition: none;
			transition: none;
		}
		*/
		nav ul li a {
			color: #FFFFFF;
			display: block;
			padding: 1ex 1ex;					/*Höhe der Nav-Bar, Abstand der Menüpunkte */
			text-decoration: none;
		}

		nav ul li a img {
			margin: 0;
			width: 3ex;
			max-height: 3ex;	
			vertical-align: middle;
		}
		
		nav ul ul {			
			display: inline-table;
			position: relative;
			left: auto;
			top: auto;
			
			padding: 0;			
			margin-left: 0;
			width: 100%;
			
			border: none;
		}
		
		nav ul ul li {
			position: relative;
			left: auto;
			top: auto;
		}
		
		nav ul ul li a {
			width: 98%;
			margin-left: 3ex;
			text-align: left;
		}		
		
		nav ul ul li a {
			color: #FFFFFF;
			padding: 1ex 1ex;					/*Höhe des Untermenüs, Breite der Menüpunkte */
		}

		nav ul ul li a:hover {
			background: none;		
			-webkit-transition: none;
			transition: none;
		}
		
		
		article {
			background: none repeat scroll 0 0 rgba(0, 0, 0, 0.80);
			
			margin-top: 1.5em;
			margin-bottom: 2em;
			padding: 1em;
			
			border: 0.1em solid #E31E25;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;		
		}
		
		section h2 {
			margin-bottom: 0.7em;
			padding-top: 0.3em;
			padding-bottom: 0.3em;
			
			font-size: 1.1em;
			text-align: center;
			color: #FFFFFF;
			
			border: 0.1em solid #E31E25;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;		
		}	
				
		.textbox-welcome {
			position: relative;   
			width: 100%;  

			padding-left: 0;
			padding-right: 0;
			text-align: justify;
			font-size: 1em;
		}
		
		.imagebox-home {
			display: none;
		}
		
		.sticker-banner-gutschein {
			display: none;
		}		
		
		.textbox-pages {
			font-size: 1em;
		
			margin-left: auto;
			margin-right: auto;
		
			padding-top: 0.5ex;
			padding-left: 1ex;
			padding-right: 1ex;
			padding-bottom: 3.5ex;
		}
		
		.textbox-pages ul {
			display: inline-table;
			list-style: outside none none;
			padding-bottom: 1ex;
		}
		
		.textbox-pages ul li {
			padding-bottom: 2ex;
		}		
		
		.textbox-pages label {
			display: block;
			text-align: left !important;
		}
		
		input {
			font: 1.2em 'Titillium Web', sans-serif;
			height: 3.75ex;
			width: 100%;
		}
		
		input[type="checkbox"] {
			height: 2ex;
		}
		
		textarea {
			font: 1.2em 'Titillium Web', sans-serif;
			overflow: auto;
			resize: none;
			height: 21ex;
		}		
		
		.imagebox-pages {
			position: relative;
			overflow: hidden;
			
			width: 100%;
			
			margin: 0 0;
			padding-left: 0.2em;
		}
		

		.grid li {
			width: 47.5%;
			max-width: 47.5%;
		}
		
		.grid figcaption {	
			font-size: 0.8em;
			padding: 0.3em;
		}		
		
		.cs-style-3 figcaption {
			height: 8.6em;
		}		
		
		.halbe-breite {
			min-width: 100% !important;
		}
	
		.dreiviertel-breite {
			min-width: 100%;
			margin-left: 0;
			margin-right: 0;

			margin-bottom: 1em;
			padding-bottom: 0.5em;		
		 }
		 
		.mobile-mindesthoehe-startseite {
			min-height: 50px !important;
		}
		
		.mindesthoehe-gesamt {
			min-height: 0;
			height: 0;
		}		
		
		.mobile-unsichtbar {
			display: none!important;
		}
		
		.non-mobile-unsichtbar {
			display: inline;
		}

		.non-mobile-extra-kleine-schrift {
			font-size: 1em !important;
		}
		
		.mobile-text-blocksatz {
			text-align: justify !important;
		}		
		
		.mobile-text-mittig {
			text-align: center;
		}
			
		.buffet-box {
			border: 0.1em dashed #E31E25;
			min-height: 22em;
		}	
		
	}


	/* iPads (portrait and landscape) ----------- */
	@media only screen 
	and (min-width: 47.1em) /* 753px */
	and (max-width: 63.9em) /*1022,4px */{ 
	/* Styles */
		
		body, html {
			font-size: 0.9em;
		}

		.main-container {
			display: block;						/* Safari-Integration */
			margin: 0 auto;
			margin-top: 2em;
			
			padding: 0.1em;
			
			width: 79%;	
			max-width: 960px;	
		}
		
		/* .main-container:after {
			content: '753-1022';
			margin: 3em;
			color: #334455;
			background-color: #FFCC33;
		} */
		
		article {
			background: none repeat scroll 0 0 rgba(0, 0, 0, 0.80);
			
			margin-bottom: 3.5em;
			padding: 1em;

			border: 0.1em solid #E31E25;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;		
		}	

		.fk-welcome-img {
			width: 75%;
			max-width: 75%;
			padding-top: 0.8em;
			padding-bottom: 0.8em;
		}		
		
		.sticker-frank {
			position: relative;
			right: -1em;
			bottom: -4.6em;
			
			z-index: 777;	
		}
		
		.sticker-frank img {
			width: 37%;
			max-width: 37%;
			margin-top: 0;
		}
		
		.textbox-home table td {
			height: 5.5ex;
		}
		
		.textbox-home table td a {
			display: block;
			text-decoration: none;
			padding-top: 1ex;
			padding-bottom: 1ex;
		}		
		
		img.bg-fixed {

			/* Set up positioning */
			position: fixed;
			top: 0;
			left: -12.5%;

			z-index: -1;
		}
		
		.mobile-text-mittig {
			text-align: center;
		}
	}


	@media only screen 
	and (min-width: 64em) /*1024px*/ {
	/* Styles */

	}


	/* styles for Retina-type displays */
	@media
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min--moz-device-pixel-ratio: 2),
	only screen and (-moz-min-device-pixel-ratio: 2),
	only screen and (-o-min-device-pixel-ratio: 2/1),
	only screen and (min-device-pixel-ratio: 2),
	only screen and (min-resolution: 192dpi),
	only screen and (min-resolution: 2dppx) { 
    
}