/* === General ===*/

#memorial-page .container {
	padding: 25px 0px;
}

#memorial-page .row {
	margin: 20px 0px;
}

#memorial-page .btn-outline-sort {
	background-color: #fff;
	color: #6f6f6f;
	border-color: #6f6f6f;
}

#memorial-page .btn-outline-sort:hover {
	background-color: #199246;
	color: #fff;
}

#memorial-page .btn-primary {
    border-color: #199246;
	background-color: #199246;
}

#memorial-page .btn-primary:hover {
	background-color: #6f6f6f;
    border-color: #6f6f6f;
	color: #fff;
}

#memorial-page .input-group-text {
	background-color: #199246;
	color: #fff;
}

/* === Social icons ===*/

#social-icons {
	margin-top: 0;
	margin-bottom: 0;
    color: #D6D6D6;
}

#social-icons a, #social-icons a i {
	
    color: #D6D6D6;
    font-size: 1.3em !Important;
    padding: 0px 0px 0px 5px; 
}


#social-icons a{
	
    color: #e7e7e7;
    font-size: 1em !Important; 
}


.social {
	padding-left: 0.3rem;
}
.social:hover, .social:visited {
	text-decoration: none;
}

.social .fa-twitter:hover {
	color: #1DA1F2;
}

.social .fa-facebook-f:hover {
	color: #3B5998;
}

.social .fa-google-plus-g:hover {
	color: #DB4437;
}

.social .fa-pinterest:hover {
	color: #BD081C ;
}

.hidden {
	display: none !important;
}

/* === Deceased ===*/

#deceased .card {
	background-color: #fff;
	margin-bottom: 25px;
}

#deceased .card:hover,
#deceased .card:focus {
	filter: grayscale(100%);
	/*FF*/
	-moz-transition: 0.7s;
	/*Opera*/
	-o-transition: 0.7s;
	/*Safari, Chrome*/
	-webkit-transition: 0.7s;
	/*IE9*/
	-ms-transition: 0.7s !important;
	/*CSS3 default*/
	transition: 0.7s;
}

#deceased .card img {
	width: 100%;
	height: 28vh;
	object-fit: cover;
}



/* Portrait Höhe fix*/
@media (max-width: 760px) { #memorial-page #deceased .card img {

	height: 100% !Important}
}


#deceased .card-title {
	color: #6f6f6f;
	font-size: 1.2rem;
	font-weight: normal;
	margin-top: -1rem;
}

#deceased a{
	color:#6f6f6f;
}

#deceased .card-body {
	padding: 2em ;
}

#deceased .card-footer {
	color: #6f6f6f;
	font-size: 0.9rem;
}


#deceased a:hover {
	text-decoration: none;
}

/* === Obituary ===*/
#obituary {
	background-color: #fff;
	border: solid;
	border-color: #6f6f6f;
}


#obituary #portrait-frame {
	width: 100%;
	padding: 1rem;
}

#obituary #portrait-frame img {
	object-fit: cover;
	height: 35vh;
}

#obituary #obituary-information {
	padding: 1rem;
	margin-top: auto;
	margin-bottom: auto;
	height: 100%;
}

#obituary #obituary-information .dates {
    padding-top: 20px;
	font-size: 1.4rem;
}

#obituary #obituary-information p {
	font-size: 1.2rem;
}

/* === Videos ===*/
.video-container {
    padding: 20px;
    background-color: red !important;
}

#videos .video-title {
    padding: 0 0 20px 0; 
}


/* === Burning candles ===*/

#burning-candles img {
	height: 12vh;
	width: 12vh;
}

/* === Nav pills ===*/

.nav-pills {
	background-color: #e1e1e1;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
	color: #fff;
	background-color: #199246;
}

.nav-pills .nav-link {
	color: #000;
}

/* === Funeral information ===*/

.topic {
	font-weight: bold;
}

#funeral-information > ul > li p {
	margin-bottom: 0;
}

/* === Funeral Map ===*/

#funeral-map {
	position: fixed;
    min-height: 50vh;
    z-index: 9;

}

.gm-style-iw .firstHeading {
	font-size: 1.0rem;
	margin-bottom: 0;
}

.gm-style-iw .map-links {
	border-top: 1px solid lightgrey;
}

/* === Light candle ===*/

#light-candle h3 {
	font-size: 1rem ;
}

#light-candle .candles input {
	display: none;
}

#light-candle .candles .rot {
	background-image: url(../images/candles/stills/rot-gedenkseite.jpg);
}

#light-candle .candles .weiss {
	background-image: url(../images/candles/stills/weiss-gedenkseite.jpg);
}

#light-candle .candles .blau {
	background-image: url(../images/candles/stills/blau-gedenkseite.jpg);
}

#light-candle .candles .rosa {
	background-image: url(../images/candles/stills/rosa-gedenkseite.jpg);
}

#light-candle .candles .braun {
	background-image: url(../images/candles/stills/braun-gedenkseite.jpg);
}

#light-candle .candles .gruen {
	background-image: url(../images/candles/stills/gruen-gedenkseite.jpg);
}

#light-candle .candles input:checked + .rot {
	background-image: url(../images/candles/gifs/rot-brennt-gedenkseite.gif);
}

#light-candle .candles input:checked + .weiss {
	background-image: url(../images/candles/gifs/weiss-brennt-gedenkseite.gif);
}

#light-candle .candles input:checked + .blau {
	background-image: url(../images/candles/gifs/blau-brennt-gedenkseite.gif);
}

#light-candle .candles input:checked + .rosa {
	background-image: url(../images/candles/gifs/rosa-brennt-gedenkseite.gif);
}

#light-candle .candles input:checked + .braun {
	background-image: url(../images/candles/gifs/braun-brennt-gedenkseite.gif);
}

#light-candle .candles input:checked + .gruen {
	background-image: url(../images/candles/gifs/gruen-brennt-gedenkseite.gif);
}

.candle {
	cursor: pointer;
	background-size: contain;
	background-repeat: no-repeat;
	display: inline-block;
	width: 12vh;
	height: 12vh;
}

/* === Gallery ===*/

#gallery .card-img:hover {
	opacity: 0.7;
	cursor: pointer;
}

/* === Condolence ===*/

#condolence blockquote {
	border-bottom: 1px solid lightgrey;
	border-left-width: 0 !important;
	padding: 0 !important;
	font-size: 1rem !important;
	font-style: italic;
	color: #000;
}

#condolence blockquote cite {
	color: #6f6f6f;
	font-size: 0.8rem !important;
}

#condolence > #condolenceResponse div
{
	color: #fff;
	background-color: #199246;
	border-radius: 0.7rem !important;
}
/* === Contact panel ===*/

#contact-panel {
	display: none;
	position: fixed;
	margin-left: auto;
	margin-right: auto;
	bottom: 0;
	border-radius: 0.7rem;
	/*FF*/
	/* -moz-transform: rotate(-90deg); */
	/*Opera*/
	/* -o-transform: rotate(-90deg); */
	/*Safari, Chrome*/
	/* -webkit-transform: rotate(-90deg); */
	/*IE9*/
	/* -ms-transform: rotate(-90deg) !important; */
	/*CSS3 default*/
	/* transform: rotate(-90deg); */
	/* zoom: 1; */
	/*NEEDED FOR IE8*/
	/* z-index: 1; */
	background-color: #199246;
	color: #ffffff;
	border-color: lightgrey;

}

#contact-panel:hover {
	display: none;
	background-color: #fff;
	color: #6f6f6f;
	border-color: #6f6f6f;
}

/* Contact modal window */

#contact-modal .modal-body {
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 0;
}

#contact-modal h3 {
	font-size: 1.2rem;
	color: #6f6f6f;
}

#contact-modal button:hover {
	color: #199246;
	background: transparent;
}

/* === Helping classes ===*/

.d-relative {
	position: relative;
}



/* START LAST DECEASED */


.home #last-deceased {
	
	display: block !Important
}

body #last-deceased{
	display: none 
	
}


/* === last Deceased ===*/

#last-deceased-container {
    
    padding: 35px !Important;
    margin: 0 auto 0 auto ; 
    
}


#last-deceased .main-headline {
    text-align: center;
    padding: 50px 0 0 0 ;
}



#last-deceased-container > .last-deceased img {
	width:100%;
	height: 100%;
    min-height: 222px;

	object-fit: cover;
}

#last-deceased-container > .last-deceased h2 {
	font-size: 1.4rem  !Important;
	font-weight: 300;
	margin: 0 auto 3rem;


}

#last-deceased-container > .last-deceased .deceased-name {
height: 60px; 

}


#last-deceased-container > .last-deceased .inner-content {
	background-color: #efefef;
    height: auto;
	margin: 20px;
}

#last-deceased-container > .last-deceased  .dod {
	font-size: 1.2em;
	font-weight: 300;

}

#last-deceased-container > .last-deceased  .funeral {
	font-size: 1rem;
	font-weight: 200;
}

#last-deceased-container > .last-deceased  .middle {
	margin: 20px auto 20px auto ;
}

#last-deceased-container > .last-deceased  .middle a {
	margin:  0 0 20px 0 ;
}

#map-blocker
{
  background: #efefef;
  margin-bottom: 1em;
  padding: 1em;
  text-align: center;
}

/* END LAST DECEASED */