/*!
Theme Name: engelage-lieder2017
Theme URI: http://underscores.me/
Author: Florian Strasser - Webdesign & Programmierung
Author URI: https://www.florian-strasser.de
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
*/
@font-face {
	font-family: 'Avenir-Next';
	src: url('../fonts/avenir-next-regular.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Avenir-Next';
	src: url('../fonts/avenir-next-italic.otf') format('opentype');
	font-weight: normal;
	font-style: italic;
 }
@font-face {
	font-family: 'Avenir-Next';
	src: url('../fonts/avenir-next-medium.otf') format('opentype');
	font-weight: bold;
	font-style: normal;
}
.slider *{
	font-family: 'Avenir-Next', sans-serif !important;
}
html, body{
	font-size:16px;
	font-family: 'Avenir-Next', sans-serif;
}
a{
	cursor:pointer;
}
#cookie-warning{
	background:#000;
}
#cookie-warning .container::after{
	display:none;
}
#cookie-warning .container .btn.btn-primary{
	margin-top:0;
}
.fancybox-caption{
	font-family: 'Avenir-Next', sans-serif;
	border-top:0;
	opacity:0.7;
	padding:15px 0px;
}
.fancybox-caption-wrap{
	padding: 60px 15px 0;
}
#header{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	background:transparent;
	z-index:900;
	color:#FFF;
	padding:40px 0px;
	padding-bottom:60px;
	display:block;
}
#header .container,#footer .container, #content .container{
	width:100%;
	padding:0px 10%;
	max-width:none;
}
#header .site-branding{
	float:left;
}
#header #logo{
	margin-bottom:0;
	margin-top:0px;
}
.fancybox-content{
	border:12px #FFF solid;
}
#header #logo a{
	display:block !important;
	color:#FFF;
	text-decoration:none;
	width:175px;
	max-width:100%;
	height:90px;
	background-image:url(../img/logo-white.png);
	background-size:contain;
	background-position: center;
	background-repeat: no-repeat;
	overflow:hidden;
	text-indent:-99999px;
}
img.img-responsive{
	max-width:none;
	width:100% !important;
	height: auto !important;
}
#header .navbar-collapse{
	display:block;
	height: auto !important;
	float:right;
	margin: 0px;
	padding-top:6px;
}
.navbar-toggler{
	color:#000;
	display:none;
}
.page-template-page-slideronly .navbar-toggler{
	color:#FFF;
}
.archiv-page-header form{
	float:left;
	margin-left:20px;
}

.archiv-page-header form .form-control{
	border:0;
	background:#FFF;
	border:0;
	-moz-appearance:none;
	-webkit-appearance:none;
	-o-appearance:none;
	-ms-appearance:none;
	position:relative;
}
.navbar-collapse.collapse.in + .navbar-toggler,.navbar-collapse.collapsing + .navbar-toggler{
	color:#FFF;
}
.navbar-toggler .fa{
	position: relative;
	transform:rotate(0deg);
	transition:1s all;
}
.navbar-toggler:hover .fa{
	transform:rotate(360deg);
	
}
#header .navbar-collapse li{
	float:left;
	margin-left:30px;
	position: relative;
	overflow:hidden;
	font-size:18px;
}
.page-template-page-ausstellungs-uebersicht h2{
	margin-bottom:60px;
}
#copyright_slider{ 
	color:#FFF;
	opacity:0.3;
	position:absolute;
	bottom:3px;
	left:10px; 
	z-index:200;
	font-size:10px;
	text-shadow:0px 0px 6px rgba(0,0,0,0.6);
}
.slider #infobox{
	position:absolute;
	color:#FFF;
	width:100%;
	top:195px;
	left:0;
	z-index:201;
}
#header .navbar-collapse li a{
	color:#FFF;
	padding:15px 20px;
	display:inline-block;
	text-decoration:none;
	transition: 1s all;
	position: relative;
	z-index:2;
}
#header .navbar-collapse li a:hover,#header .navbar-collapse li.current-menu-item a{
	letter-spacing: 2px;
}
#header .navbar-collapse li.current-menu-item a{
	font-weight:bold;
}
#header a{
	color:#FFF;
}
.kuenstler.row{
	margin-bottom:45px;
}
#footer{
	padding:30px 0px;
	background:#000;
	color:#FFF;
}
.page-template-page-slideronly #footer{
	background:none;
	position:fixed;
	bottom:0px;
	left:0px;
	width:100%;
	display:none;
}
.page-template-default #header #logo a,.page-template-page-kuenstler-uebersicht #header #logo a, .page-template-page-ausstellungs-uebersicht #header #logo a,.post-type-archive-engelagelieder_bild #header #logo a,.engelagelieder_bild-template #header #logo a{
	background-image:url(../img/logo.png);
}
.admin-bar #header{
	top:32px;
}
.page-template-page-kuenstler-uebersicht #header,.page-template-default #header, .page-template-page-ausstellungs-uebersicht #header, .post-type-archive-engelagelieder_bild #header, .engelagelieder_bild-template #header{
	color:#000;
	top:0px;
	position:relative;
}
.page-template-default #primary{
	padding-bottom:60px;
}
.page-template-default h3{
	margin-top:45px;
}
.page-template-default h4{
	margin-top:30px;
}
.page-template-page-kuenstler-uebersicht #header .navbar-collapse li a, .page-template-default #header .navbar-collapse li a, .page-template-page-ausstellungs-uebersicht #header .navbar-collapse li a,.post-type-archive-engelagelieder_bild #header .navbar-collapse li a, .engelagelieder_bild-template #header .navbar-collapse li a{
	color:#000;
}
.gallerie{
	margin:0px -15px;
}
.gallerie::after{
	display:block;
	content:"";
	clear:both;
}
.gallerie .gallerie-image{
	display:block;
	float:left;
	width:20%;
	padding-bottom:14%;
	height:0px;
	position: relative;
	text-decoration:none;
	margin-bottom:30px;
}
.single .gallerie .gallerie-image{
	padding-bottom:10%;
}
.gallerie .gallerie-image h3{
	padding: 10px 15px;
background: rgba(0, 0, 0, 0.5);
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
display: block;
z-index: 3;
margin-bottom: 0;
color: #FFF;
font-size:14px; 
}
.gallerie .gallerie-image .gallerie-image-inner{
	padding:0px 15px;
	overflow:hidden;
	position:absolute;
	top:0px;
	left:15px;
	width:calc(100% - 30px);
	height:100%;
}
.archiv-page-header h2{
	float:left;
}
.archiv-page-header{
	margin-bottom:60px;
}
.archiv-page-header::after{
	display:block;
	content:"";
	clear:both;
}
.gallerie .gallerie-image .real-image{
	position:absolute;
	top:50%;
	left:50%;
	background-size:cover;
	background-repeat:no-repeat;
	background-position: center;
	width:100%;
	height:100%;
	transform: translate(-50%,-50%);
	z-index:1;
	transition: 1s all;
}
.gallerie .gallerie-image .overlay{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	text-align:center;
	background:rgba(0,0,0,0.3);
	z-index:2;
	transition: 1s all;
}
.gallerie .gallerie-image:hover .overlay{
	background:rgba(0,0,0,0);
}
.gallerie .gallerie-image .overlay h3{
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	color:#FFF;
	opacity:0.0;
}
.gallerie .gallerie-image:hover .real-image{
	width:110%;
	height: 110%;
}
.slider{
	position:relative;
}
.contact-bar{
	position:fixed;
	right:30px;
	bottom:30px;
	z-index:15;
}
.contact-bar ul{
	list-style:none;
	padding:0;
	margin:0;
}
.contact-bar ul li a{
	background:#000;
	color:#FFF;
	width:40px;
	height:40px;
	line-height: 40px;
	text-align:center;
	border-radius:20px;
	display:block;
	margin-top:10px;
	position:relative;
	z-index:17;
}
.contact-bar ul li a .info-text{
	position:absolute;
	right:52px;
	top:50%;
	transform:translateY(-50%);
	opacity:0.0;
	z-index:16;
	transition:1s all;
	color:#000;
}
.contact-bar ul li a:hover .info-text{
	opacity:1.0;
}
.slider .contact-bar ul li a{
	background:#FFF;
	color:#000;
}
.slider .contact-bar ul li a .info-text{
	color:#FFF;
	text-shadow:0px 0px 6px rgba(0,0,0,0.6);
}
.contact-bar ul li a.facebook:hover{
	
}
#textblock{
	padding:5% 0px;
}
.iframe #header, .iframe #wpadminbar{
	display:none;
}
html{
	 margin-top:0px !important;
}
#fullsize-picture{
	position:relative;
	overflow:hidden;
}
#fullsize-picture .real-image{
	position:absolute;
	top:50%;
	left:50%;
	height:100%;
	width:100%;
	transform:translate(-50%,-50%);
	content:"";
	display:block;
	background-size:cover;
}
.fancybox-content{
	display:block;
	width:100% !important;
	max-width:33%;
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	margin:0 auto;
}
.iframe #textblock{
	padding:4% 0;
}
.iframe #textblock p:last-child{
	margin-bottom:0;
} 
.iframe #textblock h1{
	font-size:1.8rem;
	margin-bottom:20px;
}
.iframe #content .container{
	padding:0px 5%;
}
.fancybox-slide:before{
	display:none;
}
p.text-center{
	text-align:center;
}
.page-template-page-kuenstler-uebersicht #header .navbar-collapse li a:hover, .page-template-default #header .navbar-collapse li a:hover, .page-template-page-ausstellungs-uebersicht #header .navbar-collapse li a:hover{
	color:#444;
}
#fullsize-picture .gallerie .gallerie-image{
	display:none;
}
#fullsize-picture p{
	margin-top:20px;
}
#textblock .gallerie .gallerie-image:hover .real-image{
	width:100%;
	height: 100%;
}
.kuenstler .kuenstler-entry{
	position:relative;
	display:block;
	width:16.66%;
	height:0px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:19.92%;
	float:left;
	color:#FFF;
	
	overflow:hidden;
	text-align:left;
	margin-bottom:30px;
}
.ausstellung.row{
	
}
.ausstellung .ausstellung-entry{
	position:relative;
	display:block;
	width:50%;
	height:0px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:28.15%;
	float:left;
	color:#FFF;
	
	overflow:hidden;
	text-align:left;
	margin-bottom:30px; 
}
.ausstellung .ausstellung-entry .ausstellung-entry-inner{
	position:absolute;
	width:calc(100% - 30px);
	height:100%;
	top:0px;
	left:15px;
	overflow:hidden;
}
.ausstellung .ausstellung-entry .overlay{
	position: absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:10;
	transition: 1s all;
	background:rgba(0,0,0,0.3);
}
.feat_image_block{
	width:100%;
	padding:0px 15px;
	background:#F6F6F6;
	color:#000;
	margin-bottom:30px;
	position: relative;
}
.feat_image_block .feat_image{
	position:absolute;
	width:50%;
	top:0px;
	left:0px;
	height:100%;
	overflow:hidden;
}
.feat_image_block .feat_image .real-image{
	background-size:cover;
	background-position: center;
	position: absolute;
	top:50%;
	left:50%;
	width:100%;
	height: 100%;
	transform: translate(-50%,-50%);
}
.feat_image_block.feat_image_block_right .feat_image{
	left:auto;
	right:0px;
}
.feat_image_block .text{
	padding:100px 60px;
	text-align:center;
}
.feat_image_block p{
	margin-bottom:0px; 
}
.feat_image_block .text h3,.feat_image_block .text h4{
	font-size:28px;
	margin-top:6px;
	margin-bottom:6px;
	font-weight: 600;
}
.feat_image_block .text h4{
	font-size:24px;
}
.feat_image_block .text .format{
	margin-bottom:15px;
	font-style:italic;
}
#content .textblock{
	margin-bottom:50px;
}
.feat_image_block a.text{
	color:#000;
	text-decoration:none;
	display:block;
}
.feat_image_block::after{
	clear:both;
	content:"";
	display:block;
}
.ausstellung .ausstellung-entry:hover .overlay{
	background:rgba(0,0,0,0.0);
}
.ausstellung .ausstellung-entry .real-image{
	background-size:cover;
	background-position: center;
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	width:100%;
	height:100%;
	display:block;
	transition: 1s all;
	content:"";
	
}
.ausstellung .ausstellung-entry:hover .real-image{
	width:110%;
	height:110%;
}
.kuenstler .kuenstler-entry .kuenstler-entry-inner{
	position:absolute;
	width:calc(100% - 30px);
	height:100%;
	top:0px;
	left:15px;
	overflow:hidden;
}
.kuenstler .kuenstler-entry .overlay{
	position: absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:10;
	transition: 1s all;
	background:rgba(0,0,0,0.3);
}
.kuenstler .kuenstler-entry:hover .overlay{
	background:rgba(0,0,0,0.0);
}
.kuenstler .kuenstler-entry h3{
	color:#FFF;
	display:block;
	width:100%;
	position:absolute;
	bottom:0px;
	padding:10px 20px;
	font-size:16px;
	left:0px;
	background:rgba(0,0,0,0.4);
	margin:0;
	font-weight:400;
}
.kuenstler .kuenstler-entry .real-image{
	background-size:cover;
	background-position: center;
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	width:100%;
	height:100%;
	display:block;
	transition: 1s all;
	content:"";
	
}
.kuenstler .kuenstler-entry:hover .real-image{
	width:110%;
	height:110%;
}
.btn.btn-primary{
	border-radius:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	-o-border-radius:0px;
	-ms-border-radius:0px;
	background:#000;
	color:#FFF;
	border:0px;
	transition:1s all;
	margin-top:20px;
}
#fullsize-picture img.img-responsive{
	width:30% !important;
	margin:0 auto;
	display:block;
}
.iframe #fullsize-picture img.img-responsive{
	width:100% !important;
}
body #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error{
	display:none !important;
}
.btn.btn-primary:hover{
	background:#222;
	color:#FFF;
}
.iframe .contact-bar{
	display:none;
	
}
.contact-bar .fa{
	font: normal normal normal 14px/1 FontAwesome !important;
}
#videoblock{
	width:50%;
	margin: auto;
	padding-top:4%;
}
#textblock h1{
	margin-bottom:40px;
}
.iframe a{
	color:#000;
}
.iframe #videoblock{
	width:100% !important;
	padding-top:0;
}
@media(max-width:1200px){
	.gallerie .gallerie-image{
	
	width:33.33%;
	padding-bottom:23.33%;
	}
	.single .gallerie .gallerie-image{
		padding-bottom:16.66%;
	}
	.archiv-page-header form{
		margin-left:0px;
		float:none;
		margin-bottom:15px;
	}
	.archiv-page-header form .form-control{
		display:block;
		width:100%;
	}
}
@media(max-width:992px){
	.kuenstler .kuenstler-entry{
		width:33.33%;
		padding-bottom:39.96%;
	}
	.gallerie .gallerie-image{
	
	width:50%;
	padding-bottom:35%;
	}
	.single .gallerie .gallerie-image{
		padding-bottom:25%;
	}
	.navbar-toggler{
		display:block;
	}
	
	#header .navbar-collapse.collapse{
		top:-100vh;
	}
	#header .navbar-collapse.collapse.in{
		top:0px;
	}
	#header .navbar-collapse{
		background:rgba(0,0,0,0.9);
		position:fixed;
		top:0;
		left:0;
		width:100%;
		height:100vh !important;
		text-align:center;
		transition:1s all;
		-moz-transition:1s all;
		-webkit-transition:1s all;
		-o-transition:1s all;
		-ms-transition:1s all;
	}
	#header .navbar-collapse ul{
		position:absolute;
		top:50%;
		left:0px;
		width:100%;
		transform: translateY(-50%);
	}
	#header .navbar-collapse li{
		display:block;
		float:none;
		text-align:center;
		margin-left:0;
	}
	#header .navbar-collapse li a{
		display:block;
		color:#FFF !important;
		letter-spacing:0;
		text-align:center;
	}
	#header .navbar-collapse li a:hover{
		letter-spacing:2px;
	}
	.archiv-page-header .pull-right{
		float:none;
	}
	.archiv-page-header h1{
		margin-bottom:40px;
	}
	.fancybox-content{
		max-width:45%;
	}
	#fullsize-picture img.img-responsive, #videoblock{
		width:60% !important;
	}
}
@media(max-width:768px){
	.kuenstler .kuenstler-entry{
		width:50%;
		padding-bottom:60%;
	}
	.feat_image_block{
		background:none;
	}
	.feat_image_block .text{
		background:#F6F6F6;
	}
	.feat_image_block .feat_image{
		position:relative;
		width:100%;
		padding-bottom:56.25%;
		height:0px;
		display:block;
	}
	.fancybox-content{
		max-width: 80%;
	}
	.iframe #content h1{
		font-size:1.7rem;
	}
	.iframe #content p{
		font-size:14px;
	}
	#fullsize-picture img.img-responsive, #videoblock{
		width:80% !important;
	}
	.contact-bar ul li a{
		width:32px;
		height:32px;
		line-height:32px;
		border-radius: 16px;
	}
	.contact-bar{
		right:10px;
	}
	h2{
		font-size:18px;
	}
	.slider #infobox{
		font-size:14px;
		top:162px;
	}
	#copyright_slider{
		font-size:14px;
	}
	#header .container, #footer .container, #content .container{
		padding:0px 50px;
	}
	html, body{
		font-size:14px;
	}
}
@media(max-width:576px){
	.kuenstler .kuenstler-entry{
		width:100%;
		padding-bottom:120%;
	}
	.feat_image_block .text{
		padding:50px 15px;
	}
	.gallerie .gallerie-image{
	
	width:100%;
	padding-bottom:70%;
	}
	.single .gallerie .gallerie-image{
	padding-bottom:50%;
}
}