/*

	Rot				: #DB0432

*/

* {
	margin			: 0px;
	padding			: 0px;
	border			: 0px;
}

html {
	height			: 100%;
	margin-bottom	: 0.1px;
	max-width		: 100%;
    overflow-x		: hidden;
}

body {
	font-family		: 'Fira Sans', sans-serif;
	font-weight		: 400;
	font-size		: 16px;
	line-height		: 22px;
	color			: black;
}

h1, h1 a {
	font-weight		: 700;
	font-size		: 32px;
	color			: black;
	margin			: 0 0 20px 0;
	line-height		: 150%;
}

h2, h2 a {
	font-weight		: 300;
	font-size		: 28px;
	color			: #EC1B24;
	margin			: 0 0 10px 0;
	line-height		: 150%;
}

h3, h3 a {
	font-weight		: 400;
	font-size		: 24px;
	color			: black;
	margin			: 0 0 10px 0;
	line-height		: 150%;
}

pre {
	font-size		: 14px;
	work-break		: normal;
}

p {
	line-height		: 150%;
}

#content li {
	margin-left		: 20px;
	margin-bottom	: 5px;
}

#content img {
	box-shadow		: 0px 0px 5px 0px #808080;
	margin-bottom	: 20px;
}

#content .no-shadow img {
	box-shadow		: none !important;
}

#content a {
	color			: #EC1B24;
	text-decoration	: none;
}

#content a:hover {
	color			: black;
	text-decoration	: underline;
	transition		: color 0.2s, underline 0.2s;
}

#content b, #content strong {
	color			: #DB0432;
	font-weight		: 700;
}


#content .list-group a.active {
	background		: #EC1B24 !important;
	color			: white;
}

#content input[type="checkbox"] {
	margin-left		: 0px;
	display			: inline;
	float			: left;
}

.subhead {
	font-weight		: 700;
	font-size		: 20px;
	color			: #009fd8;
}

.glyphicon {
	color			: white;
}

.bg-termine {
    background		: #ececec;
    border-top		: 3px solid #EC1B24;
    padding			: 50px 25px;
}

.bg-termine .glyphicon-calendar {
	font-size		: 25px;
	color			: #DB0432;
}

.termin_datum {
	font-size		: 30px;
	font-weight		: bold;
	margin-left		: 20px;
}

.termin_titel {
	display			: block;
	font-size		: 30px;
	font-weight		: bold;
	color			: #EC1B24;
	margin-left		: 50px;
	margin-top		: 15px;
}

.termin_beschreibung {
	display			: block;
	font-size		: 20px;
	color			: black;
	margin-left		: 50px;
	margin-top		: 15px;
}

.text-darkblue {
	color			: #009fd8;
}

.bg-white {
	background		: white;
}

.bg-grey {
	background		: #cdd0d0;
}

.bg-darkblue {
	background		: #009fd8;
    color			: white;
}

.bg-lightblue {
	background		: #c5d6e8;
}

.bg-turquoise {
	background		: #9ed6d3;
}

.outline-silver {
	border			: 1px solid silver;
}

.pad-0 {
	padding			: 0;
}

.pad-10 {
	padding-top			: 10px !important;
	padding-bottom		: 10px !important;
}

.pad-15 {
	padding-top			: 15px !important;
	padding-bottom		: 15px !important;
}

.pad-25 {
	padding			: 25px 0;
}

.pad-50 {
    padding			: 50px 0;
}

.pad-50 li {
	margin-left	: 20px;
}

.ptb-0 {
	padding-top		: 0px;
	padding-bottom	: 0px;
}

.ptb-5 {
	padding-top		: 5px;
	padding-bottom	: 5px;
}

.ptb-10 {
	padding-top		: 10px;
	padding-bottom	: 10px;
}

.pt-10 {
	padding-top		: 10px;
}

.pt-25 {
	padding-top		: 25px;
}

.marg-0 {
	margin-left		: 0;
	margin-right	: 0;
}

.fixed-top {
}

.thumbnail {
	border			: 0;
}

.bg-lightblue {
    background		: #ecf0f1;
    border-top		: 3px solid #009fd8;
    padding			: 50px 25px;
}

.bg-image-koeln {
    background		: url('koeln-skyline.jpg') 100% 0;
    background-size	: cover;
    height			: auto;
    margin			: 0 auto;
    width			: 100%;
    position		: relative;
}

.bg-image-xmas {
    background		: url('../bg-weihnachten.jpg') 100% 0;
    background-size	: cover;
    height			: auto;
    margin			: 0 auto;
    width			: 100%;
    position		: relative;
}

.bg-image-steine {
    background		: url('../background-meilensteine.jpg') 100% 0 fixed;
    background-size	: cover;
    height			: auto;
    margin			: 0 auto;
    width			: 100%;
    position		: relative;
}

.text-parallax {
	font-weight		: 300;
	font-size		: 32px;
	line-height		: 45px;
}

/* HEADER */

.header {
	min-height		: 240px;
	background		: white;
}

#ff-logo {
	padding-top		: 20px;
}

#ferkel-logo {
	padding-top		: 80px;
}

#slogan {
	float			: left;
	font-weight		: 400;
	font-size		: 45px;
	line-height		: 150%;
	color			: black;
	padding-top		: 80px;
}

#subslogan {
	float			: left;
	font-weight		: 400;
	font-size		: 25px;
	line-height		: 150%;
	color			: #DB0432;
	padding-top		: 0px;
}

.dropdown-menu .current {
	font-weight		: bold;
}

#search-input {
	padding			: 0px;
	margin-top		: 45px;
    border			: solid 1px #E4E4E4;
    border-radius	: 6px;
    background-color: #fff;
}

#search-input input {
    border			: 0;
    box-shadow		: none;
    border-radius	: 10px;
}

#search-input button {
    margin			: 2px 0 0 0;
    background		: none;
    box-shadow		: none;
    border			: 0;
    color			: #666666;
    padding			: 0 8px 0 10px;
    border-left		: solid 1px #ccc;
    font-size		: 14px;
}

#search-input button:hover{
    border			: 0;
    box-shadow		: none;
    border-left		: solid 1px #ccc;
}

#search-input .glyphicon-search {
    font-size		: 20px;
}

#language-box {
	padding			: 0px;
	margin-top		: 235px;
}

#language-box .btn-default {
	background-color: white !important;
	border-color	: #e0e0e0;
	height			: 32px;
}

.subheader {
	min-height		: 50px;
	background-color: #DB0432;
}

/* NAVIGATION */

.navbar {
	background		: none;
	width			: 100%;
	border			: 0;
	margin			: 0 -15px;
	height			: 40px;
	border-radius	: 0;
}

.navbar-header {
	height			: 50px;
	margin			: 0 -15px;
	display			: none;
	background		: #DB0432;
	width			: 100%;
}

.navbar-toggle {
	position		: absolute;
	left			: 30px;
	background-color: white;
}

.navbar-toggle:hover {
	background-color: #ddd !important;
}

.navbar-brand {
	float			: right;
	color			: white !important;
	padding-right	: 0;
}

.nav-non-mobile {
	display			: block;
	float			: left;
	margin-top		: 0px;
}


.nav-non-mobile ul {
	list-style-type	: none;
	float			: left;
	height			: 40px;
	margin-left		: 30px;
}

.nav-non-mobile ul li {
	float			: left;
	text-align		: center;
	height			: 40px;
	padding-top		: 15px;
}

.nav-non-mobile ul li a {
	font-size		: 18px;
	font-weight		: 400;
	color			: white;
	text-decoration	: none;
	padding			: 10px 25px 15px 0px;
	margin			: 0;
}

.nav-non-mobile ul li:hover a, .nav-non-mobile ul li a:hover, .nav-non-mobile li.rex-active a, .nav-non-mobile ul li.rex-current a {
	color			: black;
	cursor			: pointer;
	text-shadow		: 0px 0px 5px white;
	transition		: color 0.5s;
}

.nav-non-mobile ul li ul {
	position		: absolute;
	float			: none;
	visibility		: hidden;
	background		: rgba(219, 4, 50, 0.9);
	border			: 2px solid white;
	height			: auto;
	z-index			: 99;
	padding			: 15px;
	margin			: 12px 0 0 0;
}

.nav-non-mobile ul li:hover ul {
	visibility		: visible;
}

.nav-non-mobile ul li ul li {
	float			: none;
	text-align		: left;
}

.nav-non-mobile li ul li a, .nav-non-mobile li.rex-active ul li a  {
	color			: white !important;
	font-size		: 14px;
}

.nav-non-mobile ul li ul li:hover a,.nav-non-mobile ul li ul li:hover, .nav-non-mobile ul li ul li a:hover, .nav-non-mobile ul li ul li a, .nav-non-mobile ul li ul li.rex-active a {
	color			: white !important;
	border			: 0 !important;
}

.nav-non-mobile ul li.rex-current ul li.rex-active a, .nav-non-mobile ul li ul li.rex-current a {
	padding-bottom	: 2px;
}

.nav-non-mobile ul li ul li a:hover, .nav-non-mobile ul li.rex-current ul li a:hover, .nav-non-mobile ul li.rex-current ul li.rex-active a {
	color			: black !important;
	padding-bottom	: 2px;
}

/* Mobile NAV */

.nav-mobile {
	display			: none;
}

.nav-mobile ul {
	float			: left;
	width			: 100%;
	list-style-type	: none;
	background		: white !important;
	margin-left		: 15px !important;
}

.nav-mobile ul li {
	float			: none;
	display			: inline-table;
	width			: 100%;
	text-align		: left;
	border-bottom	: 1px solid silver;
	height			: 50px;
	padding-top		: 15px;
}

.nav-mobile ul li a {
	font-size		: 18px;
	color			: black;
	font-weight		: 400;
	text-decoration	: none;
	background		: none;
	padding			: 10px 10px 10px 10px;
	margin			: 0;
	display			: block;

}

.nav-mobile ul li ul {
	padding-left	: 20px;
	border-top		: 1px solid silver;
}

.nav-mobile ul li ul, .nav-mobile ul li ul li {
	width			: 95% !important;
}

.nav-mobile ul li ul li a {
	font-weight		: 400;
	color			: black;
}

.nav-mobile ul li a:hover, .nav-mobile ul li.rex-current a {
	font-weight		: 700;
	color			: #DB0432 !important;
}

/* FOOTER */

footer {
	background-color: #DB0432;
	min-height		: 200px;
	color			: white;
	font-size		: 14px;
	margin-top		: 25px;
	padding-top		: 25px;
	width			: 100%;
}

footer h4, footer h4 a {
	color			: white;
	font-weight		: 400;
	font-size		: 18px;
}

footer ul {
	list-style-type	: none;
	float			: left;
}

footer li {
	float			: none;
	padding-left	: 0px;
}

footer a, footer li a {
	font-weight		: 400;
	font-size		: 14px;
	color			: white;
	text-decoration	: none;
}

footer a:hover, footer li a:hover {
	color			: white;
	text-decoration	: underline;
}

footer p {
	font-weight		: 300;
	font-size		: 14px;
	color			: white;
}

footer span.footnote {
	font-weight		: 300;
	font-size		: 10px;
	color			: white;
	position		: absolute;
	bottom			: 10px;
}

.subfooter {
	background		: #DB0432;
	color			: white;
	font-size		: 14px;
	margin			: 0;
	padding			: 5px 0;
	width			: 100%;
}

.subfooter a {
	color			: white;
}

.bottom {
	position		: absolute;
	bottom			: 0;
}

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

.awesome-link {
	float			: right;
	text-decoration	: none !important;
	padding			: 0;
	border			: 0 !important;
	color			: #501a00;
}

.awesome-link:hover {
	border			: 0;
}

.formular p {
 	margin			: 10px 0 0 0;
	clear			: both;
}

.formular label {
	display			: block;
	width			: 100%;
 	margin			: 10px 0 0 0;
	float			: left;
	font-weight: bold;
	color: #7c91a7;
	text-transform: uppercase;
}

.formular input,textarea,select {
	clear			: both;
 	margin			: 3px 0;
	width			: 350px;
	height			: 25px;
	background-color: #d9e2e9;
	float			: left;
	padding-left: 3px;
	border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.formular textarea {
	height			: 150px;
}

.formular input#submit {
	clear			: both;
	margin-top		: 25px;
	height: 50px;
	color: white;
	background-color: #176aae;
	width: 353px;
	text-transform: uppercase;
	font: 14px/18px 'Droid Sans', sans-serif;
	font-weight: bold;

}

.formular input#submit2 {
	width: 353px;
	text-transform: uppercase;
	color: #7c91a7;
	font: 14px/18px 'Droid Sans', sans-serif;
}

.formular input#submit:hover {
	background-color: #d3d500;
	color: black;
}

p #xform-formular-emailbestellung {
	display			: none;
}

p #xform-formular-emailbestellung input {
	display			: none;
}

.tvsshop_showbasket img {
	padding			: 10px;
}

.tvsshop_article {
	min-height		: 320px;
	overflow		: hidden;
}

.tvsshop_article img:hover {
	opacity			: 0.5;
}

.tvsshop_thumbnail {
	padding			: 5px;
}

.tvsshop_categories, .tvsshop_features {
	background-color: #e0e0e0;
	padding			: 10px;
}

.tvsshop_categories ul, .tvsshop_features ul {
	list-style-type	: none;
}

.tvsshop_categories li, .tvsshop_features li {
	padding-bottom	: 10px;
}

.tvsshop_categories a, .tvsshop_features a {
	font-size		: 14px;
	line-height		: 175%;
}

.tvsshop_categories a.current, .tvsshop_features a.current {
	font-weight		: bold !important;
}

.art_title {
	padding			: 5px 0;
}

.art_title a {
	font-size		: 16px;
}

.form-control {
	background		: white;
}

.btn, a.btn {
	color			: white;
	background-color: #EC1B24;
	border-color	: #EC1B24;
	transition		: ease all 0.2s;
}
a.btn, a.btn:hover {
	color		: white !important;
	border		: 0 !important;
}

.btn-default {
	background		: #F5E0A1 !important;
	color			: black !important;
}

.btn-success, .btn-success:visited {
	background	: #009fd8;
}

.btn-success:hover {
	background	: #4b6769;
}

.form-group {
	padding-bottom	: 10px;
}

.adsense {
	padding			: 25px 0;
}

#locationmap {
	border-bottom	: 3px solid #009fd8;
}

#locationmap img {
	box-shadow		: none;
}

.map-logo {
}

.map-logo img {
	margin-top		: -140px;
	margin-left		: 50px;
	width			: 50%;
	height			: 50%;
}

.carousel {
	-margin			: -15px;
}

.carousel li {
	margin-left	: 0px;
}

.carousel img {
	width			: 100%;
	height			: auto;
}

.carousel-caption {
	display			: block;
	width			: 400px;
	margin			: 5px;
	background		: rgba(223, 191, 36, 0.75);
	color			: white;
	font-weight		: 400;
	font-size		: 25px;
	line-height		: 125%;
	padding			: 10px;
	top				: 10%;
	bottom			: inherit !important;
}

.carousel-caption a {
	color			: rgba(255,255,255,0.75) !important;
	text-decoration	: none;
}

.e-mail-button {
	background		: #2980B9;
	text-align		: center;
	width			: 150px;
	height			: 40px;
	padding-top		: 10px;
	margin-top		: 15px;
}

.e-mail-button a {
	margin			: 10px;
	color			: white;
	text-decoration	: none;
}
.e-mail-button:hover {
	background		: rgba(41, 128, 185, 0.5);
}

.imagenavi {
	position		: relative;
	overflow		: hidden;
	min-height		: 400px;
}

.imagenavi_title {
	position		: absolute;
	top				: 0;
	left			: 0;
	background		: rgba(41,128,185,0.9);
	margin			: 0 15px 0 0;
	padding			: 10px;
	width			: 100%;
	overflow		: hidden;
	z-index			: 9;
}

.imagenavi_title h3 {
	font-size		: 24px;
	line-height		: 125%;
	font-weight		: 300;
	color			: white;
	margin			: 0;
}

.imagenavi_description {
	font-size		: 16px;
	line-height		: 125%;
	font-weight		: 300;
	padding-top		: 20px;
	padding-bottom	: 20px;
}

.imagenavi_image {
	overflow		: hidden;
}

.imagenavi_image img {
	transition: transform 0.5s;
}

.imagenavi_image img:hover {
	transform: scale(1.2, 1.2);
}

.kontaktbox {
	font-size		: 19px;
	line-height		: 150%;
	font-weight		: 300;
}

.kontaktbox p {
	margin			: 0;
}

.rufmail {
	color			: #009fd8;
	display			: inline;
}

@media only screen and (max-width: 989px) {

	.header {
		min-height	: 150px;
	}

	#ff-logo {
		display		: none;
	}

	#ferkel-logo {
		display		: none;
	}

	.navbar-header, .navbar-toggle {
		display		: block;
	}

	.nav-non-mobile {
		display			: none;
	}
	.nav-mobile ul {
		display		: block;
		margin		: 0;
	}

	#slogan {
		padding-top		: 40px;
		font-size		: 25px;
	}

	#subslogan {
		padding-top		: 0px;
		font-size		: 18px;
	}

	#search-input,#language-box {
		display			: none;
	}

	h1, h2, h3 {
		margin			: 10px 0 10px 0;
	}

	.row {
		-margin-left: 0;
		-margin-right: 0;
	}

	.carousel-caption {
		display			: none;
	}

}

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

	.header {
		min-height		: 240px;
	}

	#ff-logo {
		display		: block;
	}

	#ferkel-logo {
		display		: block;
	}

	#slogan {
		font-size		: 45px;
		padding-top		: 80px;
	}

	#subslogan {
		font-size		: 25px;
		padding-top		: 0px;
	}

	.navbar-header, .navbar-toggle {
		display		: none;
	}

	.nav-non-mobile {
		display		: block;
	}

	.nav-mobile ul {
		display		: none;
		margin		: 0;
	}

	#search-input, #language-box {
		display			: block;
	}

	.row {
		margin-left: -15px;
		margin-right: -15px;
	}
	.carousel-caption {
		display			: block;
	}

}