/*
Theme Name: ENKI Neugasshof
Theme URI: http://www.steckdesign.ch/
Author: PixelSpace.ch
Author URI: http://www.steckdesign.ch/
Description: Enki ist der sumerische Gott des Abzu (des Süßwassers) und damit der Quellen, die die Erde fruchtbar machen. Er gilt als Gott der Künste, als Schöpfergott, als Gott der Weisheit und als Ratgeber der Götter.
Version: 1.0-ps
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: parascroll
Domain Path: /languages/
Tags:

*/

@import url('library/grid/toast-sd.css');

/* 
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-family: 'Roboto', sans-serif;
*/
	
/* 
	PS-Blau
	background-color: rgba(42,175,226,1.00);	
	
	PS-Grün
	background-color: rgba(136,181,27,1.00);
	
	Graublau
	color: rgba(102,113,138,1.00);
	
*/


/*
@media (min-width: 320px) and (max-width: 479px) {
}
@media (min-width: 480px) and (max-width: 767px) {
}
@media (min-width: 768px) and (max-width: 991px) {
}
*/

/*	============================================================
	HTML & BODY
	============================================================ */
html {
	-webkit-font-smoothing: antialiased;
}
body {
	background-color: #1A0C0B;
	color: rgba(240,240,240,1.00);
	font-family: "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: 400;
	font-size: 17px;
	line-height: 1.7;
	letter-spacing: 0px;
}
	@media (min-width: 320px) and (max-width: 479px) {
	body {
		font-size: 14px;
		line-height: 1.5;
	}
	}
	@media (min-width: 480px) and (max-width: 767px) {
	body {
		font-size: 15px;
		line-height: 1.6;
	}
	}
	@media (min-width: 768px) and (max-width: 991px) {
	body {
		font-size: 17px;
		line-height: 1.5;
	}
	}
	@media only screen 
	and (min-device-width : 768px) 
	and (max-device-width : 1024px) {
	/*body {
		font-size: 17px;
		line-height: 1.3;
		margin-top: 90px;
	}*/
	}


h1, h2, h3, h4, h5, h6 {
	font-family: "Carter One", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: 400;
	margin: 0px;
	padding: 0px;
	line-height: 1.244444444;
}
h2 {
  font-size: 32px;
}
h3 {
  font-size: 27px;
}
h4 {
  font-size: 21px;
}
h5 {
  font-size: 18px;
}
h6 {
	font-size: 18px;
}
	@media (min-width: 320px) and (max-width: 479px) {
		h1 {
		  font-size: 40px;
		}
		h2 {
		  font-size: 30px;
		}
		h3 {
		  font-size: 24px;
	}
		h4 {
		  font-size: 18px;
			letter-spacing: 2px;
	}
		h5 {
		  font-size: 15px;
		}
		h6 {
			font-size: 15px;
			font-weight: 700;
			letter-spacing: 0.05em;
			text-transform: none;
			line-height: 1.4;
		}
	}
	@media (min-width: 480px) and (max-width: 767px) {
		h1 {
		  font-size: 60px;
		}
		h2 {
		  font-size: 30px;
		}
		h3 {
		  font-size: 24px;
		}
		h4 {
		  font-size: 19px;
		}
		h5 {
		  font-size: 16px;
		}
		h6 {
			font-size: 16px;
			font-weight: 700;
			letter-spacing: 0.05em;
			text-transform: none;
			line-height: 1.4;
		}
	}
	@media (min-width: 768px) and (max-width: 991px) {
		h6 {
			font-size: 16px;
			font-weight: 700;
			letter-spacing: 0.05em;
			text-transform: none;
			line-height: 1.4;
		}
	}
	@media only screen 
	and (min-device-width : 768px) 
	and (max-device-width : 1024px) {
		h6 {
			font-size: 16px;
			font-weight: 700;
			letter-spacing: 0.05em;
			text-transform: none;
			line-height: 1.3;
		}
	}

strong {
	font-family: "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: 700;
	letter-spacing: 0.05em;
}
.klein {
	font-size: 13px;
	line-height: 19px;
	padding-left: 15px;
	margin-right: 30%;
	margin-bottom: 15px;
	border-left: 3px solid rgba(102,113,138,1.00);
}
blockquote {
	font-family: Georgia, serif;
	font-size: 18px;
	font-style: italic;
	margin-top: 0em; /* 0.25em */
	margin-left: 0px;
	margin-bottom: 0.25em;
	margin-right: 0%;
	padding-top: 0em;
	padding-right: 30px;
	padding-left: 40px;
	padding-bottom: 0.25em;
	line-height: 1.4;
	position: relative;
	border-left: 0px solid rgba(102,113,138,1.00);
}
blockquote strong {
	font-family: Georgia, serif;
	font-size: 18px;
	font-style: bold;
}
blockquote:before {
	font-family: Georgia, serif;
	display: block;
	content: "\201C";
	font-size: 80px;
	position: absolute;
	left: -5px;
	top: -25px;
}
blockquote cite {
	font-size: 14px;
	display: block;
	margin-top: 5px;
}
blockquote cite:before {
	content: "\2014 \2009";
}
	@media (min-width: 320px) and (max-width: 479px) {
		blockquote {
			font-family: Georgia, serif;
			font-size: 14px;
			font-style: italic;
			margin-top: 0.25em;
			margin-left: 0px;
			margin-bottom: 0.25em;
			margin-right: 0%;
			padding-top: 0.25em;
			padding-right: 30px;
			padding-left: 40px;
			padding-bottom: 0.25em;
			line-height: 1.4;
			position: relative;
		}
		blockquote strong {
			font-family: Georgia, serif;
			font-size: 14px;
			font-style: bold;
		}
		blockquote:before {
			font-family: Georgia, serif;
			display: block;
			content: "\201C";
			font-size: 80px;
			position: absolute;
			left: -5px;
			top: -10px;
		}
		blockquote cite {
			font-size: 12px;
			display: block;
			margin-top: 5px;
		}
		blockquote cite:before {
			content: "\2014 \2009";
		}
	}
	@media (min-width: 480px) and (max-width: 767px) {
		blockquote {
			font-family: Georgia, serif;
			font-size: 15px;
			font-style: italic;
			margin-top: 0.25em;
			margin-left: 0px;
			margin-bottom: 0.25em;
			margin-right: 0%;
			padding-top: 0.25em;
			padding-right: 30px;
			padding-left: 40px;
			padding-bottom: 0.25em;
			line-height: 1.4;
			position: relative;
		}
		blockquote strong {
			font-family: Georgia, serif;
			font-size: 15px;
			font-style: bold;
		}
		blockquote:before {
			font-family: Georgia, serif;
			display: block;
			content: "\201C";
			font-size: 80px;
			position: absolute;
			left: -5px;
			top: -10px;
		}
		blockquote cite {
			font-size: 13px;
			display: block;
			margin-top: 5px;
		}
		blockquote cite:before {
			content: "\2014 \2009";
		}
	}
	@media (min-width: 768px) and (max-width: 991px) {
	}


/*	============================================================
	SECTIONS
	============================================================ */
section {
	display: block;
}
section img {
  display: block;
  height: auto;
  max-width: 100%;
}

.sticky-home {
	display: block;
	margin-bottom: 20px;
}
.sticky-home img {
  display: block;
  height: auto;
  max-width: 100%;
}
	@media (min-width: 320px) and (max-width: 479px) {
	.sticky-home {
		margin-bottom: 0px;
	}
	}
	@media (min-width: 480px) and (max-width: 767px) {
	.lay-zwei {
		margin-left: 0px;
	}	
	}
	@media (min-width: 768px) and (max-width: 991px) {
	.lay-zwei {
		margin-left: 0px;
	}	
	}


/* ---| Home Slider |-------------------------- */
.homeslider-datum {
	font-family: "Carter One", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: 400;
	font-size: 90%;
	line-height: 1;
	widht: 100%;
	color: #D4A16C;
	background-color: #282424;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-top: 10px;
}
.homeslider-bands {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	/*padding-bottom: 5px;*/
	/*background-color: #282424;*/
}
.homeslider-bands strong {
	font-family: "Carter One", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: 400;
	/*font-size: 100%;*/
	line-height: 1.2;
	letter-spacing: 0.05em;
	color: #D22602;
}
.homeslider-dummy {
	position: relative;
}
.homeslider-dummy-datum {
	position: absolute;
	top: 150px;
	left: 100px;
}
.homeslider-dummy-datum {
	font-family: "Carter One", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: 400;
	font-size: 150%;
	line-height: 1;
	color: #D4A16C;
}
.homeslider-dummy-bands {
	position: absolute;
	top: 200px;
	left: 100px;
}
.homeslider-dummy-bands {
	font-weight: 700;
	font-size: 100%;
	line-height: 1.2;
	letter-spacing: 0.05em;
}
.homeslider-dummy-bands strong {
	font-family: "Carter One", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: 400;
	font-size: 230%;
	line-height: 1.2;
	letter-spacing: 0.05em;
	color: #D22602;
}



/* ---| Eins |-------------------------- */
.accordion-header {
}

/*  Thumbnail in Accordion-Header  */
/*.acc-header-thumb {
	display: inline-block;
	vertical-align: top;
	width: 28%;
	padding-top: 20px;
	margin-right: -0.25em;
}
.acc-header-content {
	display: inline-block;
	vertical-align: top;
	width: 72%;
	margin-right: -0.25em;
}*/

.lay-eins {
	background-color: #282424;
	margin-top: 20px;
	border-radius: 5px;
}
.lay-eins .datum {
	font-family: "Carter One", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: 400;
	font-size: 110%;
	line-height: 1;
	widht: 100%;
	color: #D4A16C;
	background-color: #282424;
	/*padding-left: 10px;*/
	padding-right: 10px;
	padding-bottom: 5px;
	padding-top: 15px;
}
	@media (min-width: 320px) and (max-width: 479px) {
	.lay-eins .datum {
		font-size: 100%;
		line-height: 1;
	}
	}

.lay-eins .bands {
	widht: 100%;
	/*padding-left: 10px;*/
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #282424;
}

.lay-eins .bands strong {
	font-family: "Carter One", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: 400;
	font-size: 150%;
	line-height: 1.2;
	letter-spacing: 0.05em;
	color: #D22602;
}
	@media (min-width: 320px) and (max-width: 479px) {
	.lay-eins .bands strong {
		font-size: 100%;
		line-height: 1.2;
	}
	}
	@media (min-width: 480px) and (max-width: 767px) {
	}
	@media (min-width: 768px) and (max-width: 991px) {
	.lay-eins .bands strong {
		font-size: 112%;
		line-height: 1.2;
	}
	}
	@media (min-width: 992px) and (max-width: 1199px) {
	.lay-eins .bands strong {
		font-size: 125%;
		line-height: 1.2;
	}
	}
	

.lay-eins .beginn-eintritt {
	widht: 100%;
	background-color: #393232;
	padding-top: 5px;
}
.lay-eins .beginn {
	display: inline-block;
	vertical-align: top;
	width: 60%;
	margin-right: -0.25em;
}
.lay-eins .eintritt {
	display: inline-block;
	vertical-align: top;
	width: 40%;
	margin-right: -0.25em;
}
.lay-eins .beginn {
	font-size: 90%;	
	line-height: 1.2;
	color: #D4A16C;
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
}
.lay-eins .eintritt {
	font-size: 95%;	
	font-weight: 700;
	line-height: 1.0;
	color: #D4A16C;
	text-align: right;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 7px;
}
.lay-eins-content {
	font-weight: 500;
	color: #D4A16C;
	padding-top: 20px;
	padding-left: 0px;
	padding-right: 0px;
}
/*	@media (min-width: 320px) and (max-width: 479px) {
	.lay-eins-content {
		padding-left: 0px;
		padding-right: 0px;
	}
	}
	@media (min-width: 480px) and (max-width: 767px) {
	.lay-eins-content {
		padding-left: 0px;
		padding-right: 0px;
	}
	}
	@media (min-width: 768px) and (max-width: 991px) {
	.lay-eins-content {
		padding-left: 0px;
		padding-right: 0px;
	}
	}
	@media (min-width: 992px) and (max-width: 1199px) {
	.lay-eins-content {
		padding-left: 0px;
		padding-right: 0px;
	}
	}
*/	
	@media only screen and (min-width: 1200px) {
	.lay-eins-content {
	padding-left: 40px;
	padding-right: 40px;
	}
	}
.lay-eins-content p {
	margin-bottom: 10px;
}

.lay-eins-content strong {
	font-weight: 800px;
}


/* ---| Zwei |-------------------------- */
.lay-zwei {
	font-family: "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 1.2;
	color: #D18542;
	background-color: #351610;
	margin-top: 20px;
	margin-left: 30px;
	margin-bottom: 30px;
	padding-bottom: 15px;
	border-radius: 5px;
}
	@media (min-width: 320px) and (max-width: 479px) {
	.lay-zwei {
		margin-left: 0px;
	}	
	}
	@media (min-width: 480px) and (max-width: 767px) {
	.lay-zwei {
		margin-left: 0px;
	}	
	}
	@media (min-width: 768px) and (max-width: 991px) {
	.lay-zwei {
		margin-left: 0px;
	}	
	}
	
.lay-zwei h4 {
	font-family: "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: 700;
	font-size: 130%;
	letter-spacing: 0em;
	color: #D18542;
	background-color: #660A0A;
	padding-top: 10px;
	padding-left: 15px;
	padding-bottom: 10px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.lay-zwei-content {
	margin-top: 15px;
	padding-left: 15px;
	padding-right: 10px;
}
.lay-zwei-content a,
.lay-zwei-content a:visited {
	color:#D18542!important;
}

/* ---| Drei |-------------------------- */
.lay-drei {
	background-color: #1E2B3D;
}


/*	============================================================
	HISTORY
	============================================================ */

/* ---| Drei |-------------------------- */
.history-base {
	font-family: "New Rocker", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: 400;
	font-size: 80%;
	line-height: 1.5;
	color: #BFC9C1;
	background-color: #202625;
	border-radius: 5px;
	margin-bottom: 30px;
	border: 1px solid #363636;
}
.history-thumb,
.history-thumb-dummy {
	padding-bottom: 15px;
}
.history-thumb img,
.history-thumb-dummy img {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.history-content strong {
	font-family: "New Rocker", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: 700;
	color: #D18542;
}
.history-content {
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
}
.history-datum {
	font-size: 115%;
	line-height: 1.5;
	color: #D18542;
}





/* ---| Blovk 2 |-------------------------- */
.block {
	/*border-bottom: 1px solid rgba(227,227,227,1.00);*/
	padding-top: 60px;
	padding-bottom: 60px;
}
.block:last-child {
	/*border-bottom: 0px solid rgba(235,235,235,1.00);*/
	margin-bottom: 0;
}

.module:last-child {
  margin-bottom: 0;
}


span.lines {
	border-bottom: #FFF solid 1px;
	border-top: 1px solid #FFF;
	padding-bottom: 4px;
}

.shadow {
    text-shadow: 1px 1px 0px #000;
    /* Versatz links - Versatz oben - Unschärfe (Blur) - Farbe */
}



.circular-big {
	width: 300px;
	height: 300px;
	margin-top: 15px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	border-radius: 150px;
	-webkit-border-radius: 150px;
	-moz-border-radius: 150px;
	overflow: hidden; /* Für Image-Element Variante */
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.circular-big:hover {
	-webkit-transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1);
	opacity: 0.9;
	-moz-opacity: 0.9;
	-khtml-opacity: 0.9;
	filter: alpha(opacity=90);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}
	@media (min-width: 768px) and (max-width: 991px) {
	.circular-big {
		width: 220px;
		height: 220px;
		margin-bottom: 10px;
		margin-left: auto;
		margin-right: auto;
		border-radius: 150px;
		-webkit-border-radius: 150px;
		-moz-border-radius: 150px;
		overflow: hidden; /* Für Image-Element Variante */
	}
	}
	@media (min-width: 320px) and (max-width: 767px) {
	.circular-big {
		width: 230px;
		height: 230px;
		margin-bottom: 10px;
		margin-left: auto;
		margin-right: auto;
		border-radius: 150px;
		-webkit-border-radius: 150px;
		-moz-border-radius: 150px;
		overflow: hidden; /* Für Image-Element Variante */
	}
	}

.circular {
	width: 140px;
	height: 140px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	border-radius: 150px;
	-webkit-border-radius: 150px;
	-moz-border-radius: 150px;
	overflow: hidden; /* Für Image-Element Variante */
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.circular:hover {
	-webkit-transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1);
	opacity: 0.9;
	-moz-opacity: 0.9;
	-khtml-opacity: 0.9;
	filter: alpha(opacity=90);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}



/*	============================================================
	TABELLE
	============================================================ */
table {
    display: table;
    border-collapse: separate;
    border-spacing: 0px;
    /*border-color: gray;*/
		font-size: 15px;
	text-align:left;
	vertical-align:top;
	padding-left: 0px;
	padding-right:0px;
	width:100%;
	margin-bottom: 20px;
}
	@media (min-width: 320px) and (max-width: 479px) {
	table {
		font-size: 14px;
		line-height: 1.2;
	}
	}
	@media (min-width: 480px) and (max-width: 767px) {
	table {
		font-size: 14px;
	}
	}

td {
	border-bottom: 1px dotted rgba(191,196,207,1.00);
	padding-top: 8px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	vertical-align: top;
}

tr:nth-child(odd) {
	background-color: rgba(247,247,249,1.00);
}
tr:nth-child(even) {
	background-color: rgba(241,242,244,1.00);
}

table a {
	color: rgba(102,113,138,1.00);
	text-decoration: none;
}
table a:visited {
	color: rgba(102,113,138,1.00);
	text-decoration: none;
}
table a:hover {
	color: #F97070;
}


/*	============================================================
	Slider
	============================================================ */
#slider {
	margin-top: 95px;
}
.bxslider {
}
.slider-intro {
	height: 440px;
	max-width: 100%;
	overflow: hidden;
	position: relative;
	z-index: -1;
}
	.slide-content {
	position: absolute;
	bottom: 0;
	left: 0;
	/*right: 0;*/
	z-index: 10;
	}
		.slide-content p {
		/*height: 30px;*/
			width: auto;
			background-color: rgba(0,0,0,0.60);
			font-size: 20px;
			line-height: 1;
			color: #FFFFFF;
			margin: 0px;
			padding-left: 30px;
			padding-right: 60px;
			padding-top: 15px;
			padding-bottom: 16px;
		}
/* And a non-CSS3 approach (for old browsers): */
	/*.bx-controls-direction a {
		display: none;
	}
	.bx-wrapper:hover .bx-controls-direction a {
		display: block;
	}*/
.bx-controls-direction a {
    opacity: 0;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}

.bx-wrapper:hover .bx-controls-direction a {
    opacity: 1;
}


/*	============================================================
	Footer
	============================================================ */

#footer {
	margin-top: 40px;
	padding-top: 50px;
	padding-bottom: 35px;
	color: rgba(255,255,255,1.00);
	background-color: #2B0F0F;
	font-size: 14px;
	line-height: 1.6;
}
#footer h4 {
	padding-top: 10px;
	padding-bottom: 8px;
	margin-bottom: 10px;
	color: #D22602;
	border-bottom: 1px solid #3AA6FF;	/*color: rgba(41,41,40,1.00);*/
}
#footer h4 span.lines {
	padding-top: 5px;
}
#footer h5 {
	font-size: 14px;
	padding-top: 10px;
	padding-bottom: 0px;
	margin-bottom: 20px;
	color: #D22602;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}
#footer p {
	margin-bottom: 7px;
}
#footer ul {
	list-style-type: none;
}
#footer ul li {
	list-style-type: none;
	/*margin-left: 20px;*/
}
#footer li:before {
	position: relative;
	top: 0px;
	display: inline-block;
	font-family: 'FontAwesome';
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	padding-top: 0px;
	padding-right: 10px;
	padding-left: 0px;
	padding-bottom: 0;
	content: "\f105";
	margin-left: -35px;
}

#footer .footer_inner_4 h4 {
	padding-top: 10px;
	padding-bottom: 8px;
	margin-bottom: 10px;
	color: #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

#footer .footer_inner_4 img {
	margin-bottom: 7px;
	width: 70px;
	height: auto;
}


#footer a, #footer a:visited {
	color: rgba(255,255,255,1.00);
	text-decoration: none;
}
#footer a:hover {
	color: #FF522E!important;
}

#footer a.social-link {
	color: rgba(255,255,255,1.00);
	/*float: left;*/
	width: 30px;
	height: 30px;
	text-decoration: none;
	display:block;
}
#footer a.social-link img {
	/*float: left;*/
	width: 24px;
	height: 24px;
	max-width: 24px;
}

#copyright {
	background-color: #231111;	/*border-top: 1px solid #000000;*/
}
.copyright {
	font-size: 11px;
	letter-spacing: 0px;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
	color: #FFFFFF;
	/*color: rgba(102,113,138,1.00);*/
}
.copyright a, .copyright a:visited {
	color: #FFFFFF;
	/*color: rgba(102,113,138,1.00);*/
	text-decoration: none;
}
.copyright a:hover {
	color: #BADFFF!important;
}

@media (min-width: 320px) and (max-width: 991px) {
	.footer_inner {
		margin-bottom: 15px;
	}
}
		/*for small screens */
		/*.tel,.tel:visited { 
			display:block;
			color:#fff;
			background-color:#000;
			padding:1em;
			text-decoration:none;
		}
			.tel:hover,.tel:focus {
			color:#000;
			background-color:#fff;
		}*/
		/* for larger screens */
		/*@media screen and (min-width: 28.5em) { 
		.tel,.tel:visited {
			background:none;
			cursor:default;
		}
		.tel,.tel:focus {
			color:#000;
		}
		}*/
/*	===========================================================
	Button-Anpassung
	=========================================================== */
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
	color: #fff!important;
	background-color: #3071a9;
	border-color: #285e8e;
}

.btn-laepp {
	color: #fff;
	background-color: #3071a9;
	border-color: #243C6C;
}
.btn-laepp:hover,
.btn-laepp:focus,
.btn-laepp.focus,
.btn-laepp:active,
.btn-laepp.active,
.open > .dropdown-toggle.btn-laepp {
	color: #fff!important;
	background-color: #2B669A;
	border-color: #243C6C;
}

.btn-grau {
	color: #fff;
	background-color: #9AA2B4;
	border-color: #9AA2B4;
}
.btn-grau:hover,
.btn-grau:focus,
.btn-grau.focus,
.btn-grau:active,
.btn-grau.active,
.open > .dropdown-toggle.btn-grau {
	color: #fff!important;
	background-color: #66718A;
	border-color: #9AA2B4;
}


/*	===========================================================
	Kontakt-Formular Footer
	=========================================================== */
.wpcf7 p {
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-family: "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: 300;
}
.wpcf7 .wpcf7-text {
	font-family: "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: 300;
	color: #FFF;
	background-color: #2B0F0F;
	font-weight: normal;
	margin-bottom: 4px;
	border: 1px solid rgba(119,123,131,1.00);
	font-size: 17px;
	line-height: 19px;
}
.wpcf7 .wpcf7-text {
	width: 100%;
	height: 40px;
	padding-left: 8px;
}


.wpcf7 .wpcf7-quiz {
	font-family: "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: 300;
	color: #FFF;
	background-color: #2B0F0F;
	margin-bottom: 4px;
	border: 1px solid rgba(119,123,131,1.00);
	font-size: 17px;
	line-height: 19px;
}
.wpcf7 .wpcf7-quiz {
	width: 100%;
	height: 40px;
	padding-left: 8px;
}
	
.wpcf7 span.your-message textarea {
	font-family: "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: 300;
	color: #FFF;
	background-color: #2B0F0F;
	border: 1px solid rgba(119,123,131,1.00);
	font-size: 17px;
	line-height: 19px;
}
.wpcf7 span.your-message textarea {
	width: 100%;
	height: 150px;
	padding-left: 8px;
	padding-top: 8px;
}

.wpcf7-captchar {
	font-family: "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: 300;
	color: #FFF;
	background-color: #2B0F0F;
	border: 1px solid rgba(119,123,131,1.00);
	font-size: 17px;
	line-height: 19px;
}
.wpcf7-captchar {
	width: 100%;
	height: 40px;
	padding-left: 8px;
}

.wpcf7 .wpcf7-submit {
	/*-moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
	box-shadow: inset 0px 1px 0px 0px #ffffff;*/
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #520D0D), color-stop(1, #520D0D520D0D) );
	background: -moz-linear-gradient( center top, #520D0D 5%, #e9e9e9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#520D0D', endColorstr='#520D0D');
	background-color: #6C0808;
	-webkit-border-top-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topright: 6px;
	border-top-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-bottom-left-radius: 6px;
	text-indent: 0;
	border: 0px solid #dcdcdc;
	display: inline-block;
	font-size: 17px;
	color: #FFF;
	font-weight: 700;
	font-style: normal;
	height: 40px;
	line-height: 40px;
	width: auto;
	margin-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	text-decoration: none;
	text-align: center;	/*text-shadow: 1px 1px 0px #ffffff;*/
}
	.wpcf7 .wpcf7-submit:hover {
		/*background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9) );
		background:-moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9');*/
		background-color:#84230E;
	}
	.wpcf7 .wpcf7-submit:active {
		position:relative;
		top:1px;
	}

/* ---| Kontaktformular Platzhaltertext |-------------------------- */

.wpcf7 .watermark {
	font-family: "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: 300;
    color: #FFF !important;
}
::-webkit-input-placeholder {
	font-family: "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: 300;
    color: #FFF !important;
}
:-moz-placeholder {
	font-family: "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: 300;
    color: #FFF !important;
}
::-moz-placeholder {
	font-family: "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: 300;
    color: #FFF !important;
    font-family:'arial', sans-serif;
}
:-ms-input-placeholder
    color: black !important;
    font-family:'arial', sans-serif;
}



/*	============================================================
	ArtikelBilder
	============================================================ */
img.alignright {
	float: right;
	margin-top: 0;
	margin-right: 0;
	margin-left: 1em;
	margin-bottom: 0em
}

img.alignleft {
	float: left;
	clear: both;
	margin-top: 6px;
	margin-right: 1em;
	margin-bottom: 0em;
	border: 0px solid;
}

img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto
}

a img.alignright {
	float: right;
	padding-top: 2px;
	margin-top: 0;
	margin-right: 0;
	margin-left: 1em;
	margin-bottom: 0em
}

a img.alignleft {
	float: left;
	padding-top: 2px;
	margin-top: 6px;
	margin-right: 1em;
	margin-bottom: 0em;
	margin-left: 0;
	border: 0px solid;
}

a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto
}

/*	============================================================
	Hintergrund-Farben
	============================================================ */
/* ---| Hell |-------------------------- */
.bg-hellblau {
	background-color: #F0F8FF!important;
}
.bg-hellgrau {
	background-color: #EEEFF2!important;
}

/* ---| Mittel bis Dunkel |-------------------------- */
.bg-blau {
	color: #FFFFFF!important;
	background-color: #3498DB!important;
}
	.bg-blau h4 a, .bg-blau h5 a {
		color: #ECF0F1!important;
	}
	.bg-blau h4 a:hover, .bg-blau h5 a:hover {
		color: #C1DDF0!important;
	}
	.bg-blau a.more-link {
		font-size: 13px;
		margin-right: 20px;
		text-align: center;
		/*float: right;*/
		text-decoration: none;
		background-color: #2980B9;
		color: #FFFFFF;
		line-height: 20px;
		padding-top: 4px;
		padding-bottom: 4px;
		padding-left: 10px;
		padding-right: 10px;
		border-radius: 5px;
	}
	.bg-blau .more-link:hover {
		background-color: rgba(102,113,138,1.00);
	}

.bg-dunkelblau {
	color: #FFFFFF!important;
	background-color: #2980B9!important;
}
	.bg-dunkelblau h4 a, .bg-dunkelblau h5 a {
		color: #ECF0F1!important;
	}
	.bg-dunkelblau h4 a:hover, .bg-dunkelblau h5 a:hover {
		color: #C0DDF0!important;
	}
	.bg-dunkelblau a.more-link {
		font-size: 13px;
		margin-right: 20px;
		text-align: center;
		/*float: right;*/
		text-decoration: none;
		background-color: #24497A;
		color: #FFFFFF;
		line-height: 20px;
		padding-top: 4px;
		padding-bottom: 4px;
		padding-left: 10px;
		padding-right: 10px;
		border-radius: 5px;
	}
	.bg-dunkelblau .more-link:hover {
		background-color: rgba(102,113,138,1.00);
	}
	.bg-dunkelblau .ht {
		text-align: center;
		padding-bottom: 0px;
		font-weight: 300;
		text-transform: uppercase;
		letter-spacing: 0.1em;
		color: #C0DDF0;
	}
		.bg-dunkelblau hr.line-one {
			border: 0;
			height: 1px;
			width: 50%;
			margin-left: auto;
			margin-right: auto;
			background: #C0DDF0;
			background-image: linear-gradient(to right, #ccc, #C0DDF0, #ccc);
			margin-bottom: 40px;
		}
	.bg-dunkelblau hr.line-one:after {
		content: "\f0d7";
		display: inline-block;
		position: relative;
		top: -0.33em;
		font-size: 2em;
		padding: 0 0.25em;
		color: #C0DDF0;
	}


.bg-grau {
	background-color: #BDC3C7!important;
}


.bg-dunkelgrau {
	color: #ECF0F1!important;
	background-color: #8A8E95!important;
}
	.bg-dunkelgrau h4 a, .bg-dunkelgrau h5 a {
		color: #ECF0F1!important;
	}
	.bg-dunkelgrau h4 a:hover, .bg-dunkelgrau h5 a:hover {
		color: #BDC3C7!important;
	}
	.bg-dunkelgrau a.more-link {
		font-size: 13px;
		margin-right: 20px;
		text-align: center;
		/*float: right;*/
		text-decoration: none;
		background-color: rgba(163,168,179,1.00);
		color: #FFFFFF;
		line-height: 20px;
		padding-top: 4px;
		padding-bottom: 4px;
		padding-left: 10px;
		padding-right: 10px;
		border-radius: 5px;
	}
	.bg-dunkelgrau .more-link:hover {
		background-color: rgba(102,113,138,1.00);
	}
	.bg-dunkelgrau .ht {
		text-align: center;
		padding-bottom: 0px;
		font-weight: 300;
		text-transform: uppercase;
		letter-spacing: 0.1em;
		color: #ECF0F1;
	}
		.bg-dunkelgrau hr.line-one {
			border: 0;
			height: 1px;
			width: 50%;
			margin-left: auto;
			margin-right: auto;
			background: #ECF0F1;
			background-image: linear-gradient(to right, #ccc, #ECF0F1, #ccc);
			margin-bottom: 40px;
		}
	.bg-dunkelgrau hr.line-one:after {
		content: "\f0d7";
		display: inline-block;
		position: relative;
		top: -0.33em;
		font-size: 2em;
		padding: 0 0.25em;
		color: #ECF0F1;
	}


.bg-laeppblau { /* Läpp dunkelblau */
	color: #ECF0F1!important;
	background-color: #24497A!important;
}
	.bg-laeppblau h4 a, .bg-laeppblau h5 a {
		color: #599BC6!important;
	}
	.bg-laeppblau h4 a:hover, .bg-laeppblau h5 a:hover {
		color: #7DB0D2!important;
	}
	.bg-laeppblau a.more-link {
		font-size: 13px;
		margin-right: 20px;
		text-align: center;
		/*float: right;*/
		text-decoration: none;
		background-color: #418CBD;
		color: #FFFFFF;
		line-height: 20px;
		padding-top: 4px;
		padding-bottom: 4px;
		padding-left: 10px;
		padding-right: 10px;
		border-radius: 5px;
	}
	.bg-laeppblau .more-link:hover {
		background-color: rgba(102,113,138,1.00);
	}
	.bg-laeppblau .ht {
		text-align: center;
		padding-bottom: 0px;
		font-weight: 300;
		text-transform: uppercase;
		letter-spacing: 0.1em;
		color: #3498DB;
	}
		.bg-laeppblau hr.line-one {
			border: 0;
			height: 1px;
			width: 50%;
			margin-left: auto;
			margin-right: auto;
			background: #3498DB;
			background-image: linear-gradient(to right, #ccc, #3498DB, #ccc);
			margin-bottom: 40px;
		}
	.bg-laeppblau hr.line-one:after {
		content: "\f0d7";
		display: inline-block;
		position: relative;
		top: -0.33em;
		font-size: 2em;
		padding: 0 0.25em;
		color: #3498DB;
	}


.bg-dunkelrot {
	color: #ECF0F1!important;
	background-color: #C0392B!important;
}
	.bg-dunkelrot h4 a, .bg-dunkelrot h5 a {
		color: #F39C12!important;
	}
	.bg-dunkelrot h4 a:hover, .bg-dunkelrot h5 a:hover {
		color: #F1C40F!important;
	}
	.bg-dunkelrot a.more-link {
		font-size: 13px;
		margin-right: 20px;
		text-align: center;
		/*float: right;*/
		text-decoration: none;
		background-color: #F39C12;
		color: #FFFFFF;
		line-height: 20px;
		padding-top: 4px;
		padding-bottom: 4px;
		padding-left: 10px;
		padding-right: 10px;
		border-radius: 5px;
	}
	.bg-dunkelrot .more-link:hover {
		background-color: #F1C40F;
	}
	.bg-dunkelrot .ht {
		text-align: center;
		padding-bottom: 0px;
		font-weight: 300;
		text-transform: uppercase;
		letter-spacing: 0.1em;
		color: #F39C12;
	}
		.bg-dunkelrot hr.line-one {
			border: 0;
			height: 1px;
			width: 50%;
			margin-left: auto;
			margin-right: auto;
			background: #F39C12;
			background-image: linear-gradient(to right, #ccc, #F39C12, #ccc);
			margin-bottom: 40px;
		}
	.bg-dunkelrot hr.line-one:after {
		content: "\f0d7";
		display: inline-block;
		position: relative;
		top: -0.33em;
		font-size: 2em;
		padding: 0 0.25em;
		color: #F39C12;
	}

/* ---| Keine |-------------------------- */
.bg-white {
	background-color: #FFFFFF!important;
}
.bg-black {
	background-color: #1A0C0B!important;
}