.hero-banner {		 
	margin: 80px auto;
	width:1150px;
	height:800px;
}
.b-left {		
	display:inline-block;
	width:800px;
	height:700px;
	align-items:midle;		
	float:left:
}
.b-right {		
	display:inline-block;
	width:350px;
	height:550px;
	align-items:midle;
	background:#ddd;
	border-radius:0px 50px 0px 50px;
	float:right;
	opacity:0.7;
	background-image: linear-gradient(#fff, #333);
}

/* Startbanner und aktuelle Termine */
.main-popup {				
	display:none;
	position:fixed;
	top:35px;
	left:50%;
	width:945px;
	margin-left:-480px;
	height:750px;
	padding:10px;
	background-image: url('../pict/background/mainpop.png');
	background-size:cover;
	background-repeat:no-repeat;
	z-index:900;
	opacity:1;		
	animation-name:popup-edit;
	animation-duration: 3s;
}	

.cookie-popup {
	display:none;
	position:fixed;
	bottom:10px;left:10px;
	width:700px;
	height:330px;
	padding:10px;
	background:white;
	z-index:50;
	opacity:1;
	border:1px solid green;
	border-radius:20px;
	box-shadow: 7px 7px 15px #f9f9c6;
	animation-name:cookieCheck;
	animation-duration: 3s;
}

@keyframes popup-edit {
	from {transform: scale(0);}
	to {transform: scale(1);}
}

@keyframes cookieCheck {
	from {transform: scale(0);}
	to {transform: scale(1);}
}	

.lead-sub {
	color:white;
	font-size:20px;
	margin-top:50px;
	letter-spacing:1.8px;
	padding-right:20px;
}
.lead-main {
	font-family:open-sans-extrabold;
	color:white;
	font-size:60px;
	font-weight:1000;
	letter-spacing:8.5px;
	margin:40px 0px 30px 0px;
}
.info-banner {
	width:800px;
}
.button-banner {
	float:right;
	padding:10px 30px 0px 0px;			
}

.lead-bible-name {
	color:black !important;
	padding:40px;
	font-size:18px;
	font-weight:bold;
}
.lead-bible {
	padding:0px 40px 60px 40px;
	font-family:marcellus;
	font-size:28px;
	font-weight:bold;
	color:#222;
	text-align:left;
}
.lead-bible-sub1 {
	float:left;
	font-family:inkfree;
	font-size:30px;
	font-weight:bold;
	padding-left:50px;
	letter-spacing:3px;
	color:gold;
	width:180px;
	vertical-align:15px;   
}
.lead-bible-sub1:hover {
	color:yellow;
}

.lead-bible-sub2 {		
	float:right;
	color:gold;
	width:70px;
	padding-right:50px;
	margin-top:-10px;
}

.info-resize {width:70px;transition: 2s;}
.info-resize:hover {transform: scale(1.2); transition: 2s;cursor:pointer;}
	
	
@media screen and (max-width: 680px) {
	.hero-banner {		 
		margin-top:10px;
		width:100%;		
		text-align:center;
	}
	.b-left {			
		float:none;
		width:97%;
		height:275px;
	}
	.b-right {		
		float:none;
		width:250px;
		height:300px;
		text-align:center;
	}
	
	.lead-sub {
		color:white;
		font-size:12px;
		margin-top:0px;
		text-align:center;
	}
	.lead-main {		
		font-family: open-sans-extrabold;
		font-size:30px;
		letter-spacing:0px;
		margin:10px 0px 0px 0px;
		text-align:center;		
	}
	.info-banner {
		float:none;
		width:100%;		
	}
	.info-banner img {	
		width:46px;		
	}
	
	.button-banner {
		float:right;
		padding:10px 10px 0px 0px;
		font-size:18px;
	}
	
	.info-resize {
		height:40px;
		transition: 1.5s;
		padding:12px 0px 0px 15px;
	}
	.lead-bible-name {
		color:black !important;
		padding:20px 20px 0px 20px;
		text-align:left;
		font-size:14px !important;
	}
	.lead-bible {
		padding:20px;		
		font-size:18px;
		color:#444 !important;
	}
	.lead-bible-sub1 {
		font-size:20px;
		color:gold !important;
		padding-left:5px;
		width:130px;
		vertical-align:15px;
	}
	.lead-bible-sub2 {		
		color:gold;
		width:40px;
		padding-right:20px;
	}
	
	.main-popup {
		left:1px;
		top:42px;
		width:94%;
		margin-left:0;
		height:540px;
		padding:6px;
		background-size:100% 100%;
	}	
	
	.cookie-popup {		
		width:87%;
		height:350px;		
	}
	
}