/* === HEADER === */

#solo-title-image {
  padding-top: 40% !important;
	background-position: 100% -5%;
	border: 2px solid #ededed;
}


#header-nav {
	border-top: 2px solid #ededed;
	border-bottom: 2px solid #ededed;
}

@media screen and (max-width: 767px) {
	#solo-title-image {
		border: none;
	}
	#header-nav {
		border-top: none;
	}	
}

.background-blurry {
	filter: blur(.4em) saturate(.7) opacity(0.8) !important;
}


/* === NAV === */
#header-nav li.current-menu-item a, #header-nav li.current-menu-item a:visited, #header-nav li.current-menu-parent a, #header-nav li.current-menu-parent a:visited, #header-nav a:hover {
    color: #333 !important;
}


/* === Quotes-Slider === */

.quotes {
	display: none;
}

#quoteholder{
	min-height: 320px;
	background-image: url('../img/bgr_leer.png');
	background-size: 100% 100%;
	position: relative;
	height: 100%;
	padding: 7% 10%;
}

#quoteholder > div  {

}


#quoteholder h2{
	color: #fff;
	font-size: 2.5rem;
}

#quoteholder h2.zitat-small {
	color: #fff;
	font-size: 2.0rem;
}

.quoteautor {
	position: absolute;
	right: 10%;
	bottom:0px;
	color: #333;
	font-size: 1.4rem;
	font-weight: bold;
}

@media screen and (max-width: 991px) {
	#quoteholder h2{
		font-size: 2.0rem;
	}
	
	#quoteholder h2.zitat-small{
		font-size: 1.7rem;
	}
}

@media screen and (max-width: 500px) {
	#quoteholder{
		padding: 15% 10%;
	}
	
	#quoteholder h2{
		font-size: 1.6rem;
	}
	
	#quoteholder h2.zitat-small{
		font-size: 1.3rem;
	}
	
	.quoteautor {
	font-size: 1.2rem;
}
	
}

@media screen and (max-width: 400px) {
	#quoteholder{
		min-height: 250px;
	}
	
	#quoteholder h2{
		font-size: 1.4rem;
	}
	
	#quoteholder h2.zitat-small{
		font-size: 1.1rem;
	}
	
	.quoteautor {
		font-size: 1.1rem;
	}
}