/*
/   name           Favourite
/   version        4.1
/   description    Responsive and customizable Joomla!3 template
/   demo           http://demo.favthemes.com/favourite
/   author         FavThemes
/   author URL     https://www.favthemes.com
/   copyright      Copyright (C) 2012-2017 FavThemes.com. All Rights Reserved.
/   license        Licensed under GNU/GPLv3 (http://www.gnu.org/licenses/gpl-3.0.html)
*/

/*//////////////////////////////////////////////////////////////////////////////
///
///  custom style
///
//////////////////////////////////////////////////////////////////////////////*/

body {
    border-top: solid #7e2237 10px;
    background: #004d8a;
    color: #004d8a;
}

#fav-footerwrap {
	background: #003158;
	padding: 35px 0 35px 0;
}

#fav-footerwrap h3 {
	color: #fff;
	margin: 0;
	padding: 0 0 25px 0;
}

#fav-copyrightwrap {
	border-bottom: solid #7e2237 10px;
	text-transform: uppercase;
}

#fav-copyright2 .nav {
	margin: 0;
}

#fav-maincontent {
	padding: 35px 0 35px 0;
}

h1, h2, h3, h4, h5 {
    color: #004d8a;
}

#fav-headerwrap h2 {
	color: #fff;
	text-align: center;
}

.favnav ul.nav > li,
.favnav ul.nav > li a {
	color: #fff !important;
	transition: all .2s;
}

.favnav ul.nav > li:hover,
.favnav ul.nav > li:hover a {
	background: #fff;
	color: #004D8A !important;
	transition: all .2s;
}

#fav-copyrightwrap a {
    color: #fff !important;
    border-bottom: solid #fff 0px;
    transition: all .2s;
}

.favnav a:hover {
    transition: all .2s;
}

#fav-headerwrap,
#fav-copyrightwrap {
    background: #004d8a;
    color: #fff;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #004d8a !important;
}

@media (min-width: 768px) {

	.item-page {
		padding-left: 15px;
		padding-right: 15px;
	}

	.swiper-container .caption {
		position: absolute;
		bottom: 8%;
		left: 0;
	
		font-size: 2em;
		color: #fff;
		background-color: #004d8a;
		padding: 1em;
	
	}
}

@media (max-width: 767px) {

	.swiper-container .caption {
		position: absolute;
		bottom: 15%;
		left: 0;

		width: 100%;
	
		font-size: 1.25em;
		color: #fff;
		background-color: #004d8a;
		padding: 1em;
	
	}

	.swiper-button-prev, .swiper-container-rtl .swiper-button-next,
	.swiper-button-next, .swiper-container-rtl .swiper-button-prev  {
		display: none;
	}

}

.swiper-container .caption { 
	max-width: 500px;
}

.swiper-container .caption p { 
    font-size: 0.75em;
    margin: 15px 0 0 0;
    color: #fff;
}
.swiper-container .caption strong { 
	font-weight: 700;
}

.slogan {
	background: #fff !important;
	padding: 3px 10px;
	color: #004d8a;
	font-style: italic;
	font-weight: bold;
	text-align: center;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%…19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23004d8a'%2F%3E%3C%2Fsvg%3E);
    left: 10px;
    right: auto;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%…2L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23004d8a'%2F%3E%3C%2Fsvg%3E) !important;
    right: 10px;
    left: auto;
}

/*
.fav-container .favth-btn, .fav-container .btn, .fav-container .btn-primary, .fav-container .pager .next a, .fav-container .pager .previous a, .fav-container .hikabtn {
	background: #004d8a !important;	
}
*/

.btn {
	text-shadow: none;
	background-image: none !important;
	transition: all 0.2s;
	border: 0 !important;
}

/*
.btn-primary {
	color: #fff;
}
*/

.fox-container {
	padding: 0 15px 0 15px;
}

img.img-max {
	width: 100%;
	height: auto;
}

.favth-panel h2 {
	color: #fff;
	padding: 0;
	margin: 0;
}

#fav-headerwrap .favnav .nav-child li a, #fav-headerwrap .favnav .nav-child li.active a, #fav-headerwrap .favnav .nav-child li a:hover, #fav-headerwrap .favnav .nav-child li a:focus, #fav-headerwrap .favnav .nav-child li .nav-header, #fav-headerwrap .favnav .nav-child li.active .nav-header, #fav-headerwrap .favnav .nav-child li .nav-header:hover, #fav-headerwrap .favnav .nav-child li .nav-header:focus {
	color: #003158 !important;
}

@media (max-width: 767px) {

	#fav-logomobile {
		text-align: center !important;
	}

	.default-logo img, .media-logo img {
		width: 90% !important;
		max-width: 360px !important;
		height: auto !important;
		max-height: 128px !important;
		margin: 0 auto 0 auto !important; 
	}

	#fav-logomobile h1 {
		padding: 0 !important;
		margin: 0 !important;
	}

	#fav-navbar-btn {
		background: #004d8a !important;
		margin-bottom: 25px;
	}

	div.slogan {
		margin-top: 25px;
	}

}

#fav-backtop .btn {
	border-radius: 0 !important;
	background: #004d8a !important;
}

#fav-backtop .btn i, #fav-backtop .btn i::before {
	color: #fff;
}

#fav-footer a {
	color: #fff;
}

.produkte img {
	margin: 5px 0 5px 0 !important;
}

.produkte .effect-box {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.15);
  padding: 15px;
  margin: 10px;
}

.produkte .effect-box a img {
	cursor: pointer;
}

.produkte .effect-box a:nth-child(2),
.produkte .effect-box a:nth-child(3){
	display: inline !important;
}

.produkte .effect-box a:nth-child(2) img,
.produkte .effect-box a:nth-child(3) img {
    width: 48%;
display: inline !important;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: all .2s;
    opacity: 0.5;
    filter: alpha(opacity=50);
}


.produkte .effect-box a:nth-child(2) img:hover,
.produkte .effect-box a:nth-child(3) img:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
   transition: all .2s;
    opacity: 1;
    filter: alpha(opacity=100);}

#fav-blockwrap,
.startseite #fav-mainwrap {
	background: #7e2237;
	border-bottom: solid #fff 10px;
}

#fav-block1 p,
#fav-block1 a,
.startseite #fav-mainwrap p,
.startseite #fav-mainwrap a {
	text-align: center;
	color: #fff;
}

#fav-block1 h3,
.startseite #fav-mainwrap h1 {
	text-align: center;
	color: #fff;
	margin: 0;
	padding: 0;
}

#fav-block .btn-secondary {
	color: #7e2237 !important;
}

.startseite #fav-bottomwrap {
	padding-top: 3em;
	padding-bottom: 3em;
}

.startseite #fav-slidewrap .fav-transparent {

}

.startseite #fav-bottomwrap .custom {
	padding: 1em;
	margin-bottom: 2em;
	transition: all .3s;
}

.startseite #fav-bottomwrap .custom:hover {
	-webkit-box-shadow: 0px 5px 14px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 5px 14px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 5px 14px 0px rgba(0,0,0,0.25);
	transition: all .3s;
}

.startseite #fav-slidewrap {
	padding-top: 7em;
	padding-bottom: 7em;
	background: #fff url('../images/bg-slider.jpg') top center no-repeat;
	background-size: cover;
}

.traueranzeigen .traueranzeige-bild img {
	width: 100%;
	height: auto;
	padding: 10px;
}

.traueranzeigen .traueranzeige-name {
	font-size: 1.5em;
	text-align: center;
	display: block;
	font-weight: bold;
}

.traueranzeigen .traueranzeige-ort {
	font-size: 1.5em;
	text-align: center;
	display: block;
}

.traueranzeigen .traueranzeige-gebdatum {
	font-size: 1.5em;
	text-align: center;
	display: inline-block;
	padding-bottom: 10px;
	width: 49.3%;
}

.traueranzeigen .traueranzeige-toddatum {
	font-size: 1.5em;
	text-align: center;
	display: inline-block;
	padding-bottom: 10px;
	width: 49.3%;
}

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

.text-white {
	color: #fff !important;
}

.m-0 {
	margin: 0 !important;
}

.p-0 {
	padding: 0 !important;
}

#fav-present {
	padding: 3em;
	max-width: 1140px;
	margin: 0 auto 0 auto;
}

#fav-present a {
color: #fff;
}