:root {
	--banner-width:260px;
	--banner-height:auto;
}

body {			
	background-image: url('../pict/main-hero.webp');
	background-size: 100% 950px;		/*Second --> height of hero image */
}

.content {		
	margin:80px auto 60px auto;
	width:100%;
	height:auto;
	text-align:center;	
}	

.banner-container {			
	background-image: linear-gradient(to top, #f4f9fc 0%, #f4de99 100%);
	height:650px;
	margin-bottom:50px;		
}

/* News slider on bottom of home.php */
.cpt-slide-table {
	border-collapse:collapse;
	padding:0;
	margin:0;
	height:35px;
}
.cpt-slide-table tr td {		
	padding:0 25px 0 25px;
	vertical-align:middle;
	background-color:white;
}
.cpt-slider { 				
	overflow: hidden;
	height:35px;
	margin:0 0 0 -26px;
	width:90vw;
}
.cpt-slider-notice {
	color:white;
	background:radial-gradient(#556 20%, transparent 75%);		
	width:250px;		  
	font-weight:bold;
	text-align:right;		
}
.cpt-box {				
	white-space:nowrap;		
	-webkit-animation: move 80s linear infinite;
	-moz-animation: move 80s linear infinite;
	animation: move 80s linear infinite;
	display:flex;		
}
.cpt-box div {
	font-family:inkfree;
	color:green !important;
}
.cpt-box div:hover {		
	color:gold !important;
}
.cpt-item {
	margin:5px 35px 5px 0;		
	display:flex;
	align-items:center;		
}

@-webkit-keyframes move {
  0% {
	-webkit-transform: translateX(30%);
	transform: translateX(0%)
  }
  100% {
	-webkit-transform: translateX(-350%);
	transform: translateX(-100%)
  }
}
@keyframes move {
  0% {
	-webkit-transform: translateX(30%);
	transform: translateX(30%)
  }
  100% {
	-webkit-transform: translateX(-350%);
	transform: translateX(-350%)
  }
}

.banner {			
	margin:-40px auto 20px auto;
	width:1350px;
}

.banner-icon {
	font-size:40px;
	color:#bbb;
}

.cont-left {		
	width:var(--banner-width);
	height:var(--banner-height);
	padding:45px 45px 0px 45px;
	margin:-45px 0px 0px 0px;
	border-radius:50px 0px 0px 0px;	
	float:left;
	opacity:1;
	background-image: linear-gradient(#f2e7c3 0%, #f5fafd 100%);
	
}
.cont-left-2 {
	width:var(--banner-width);
	height:var(--banner-height);
	padding:45px 45px 0px 45px;
	margin:-65px 0px 0px -20px;
	border-radius:50px 5px 0px 0px;	
	float:left;
	opacity:1;
	background-image: linear-gradient(#f4de98 0%, #f4f9fb 100%);
}
.cont-right-2 {
	width:var(--banner-width);
	height:var(--banner-height);
	padding:45px 45px 0px 45px;
	margin:-30px 0px 0px -20px;
	border-radius:50px 0px 0px 0px;	
	float:right;
	opacity:1;
	background-image: linear-gradient(#ecce73 0%, #f5fafd 100%);
}
.cont-right {		
	width:var(--banner-width);
	height:var(--banner-height);
	padding:45px 45px 0px 45px;
	margin:-85px 0px 0px -20px;			
	border-radius:50px 5px 0px 0px;	
	float:right;
	opacity:1;
	background-image: linear-gradient(#eac347 0%, #f4f7f6 100%);
}

.cpt-single {					
	margin:0 auto;
	padding:10px;	
	background: radial-gradient(#ffffe5 30%, transparent 78%);
	width:50%;
	text-align:center;
}

.geistfrucht {	
	transition:2s;
	width:290px;
}
.geistfrucht:hover {
	transform: scale(1.6);
	transition:2s;
}

/*Block with columns and fixed width*/
.container-2col {				
	display:flex;
	margin:0 auto;		
	width:1500px;	
	padding:0;
}

.cpt-2col-left {		
	width:70%;
	padding:0px 20px 0px 0px;
	display: table-cell;
	background:transparent;
	vertical-align:center;
	text-align:left;
}
.cpt-2col-right {				
	width:380px;
	padding:0px 25px 0px 25px;
	background: white;
	margin:20px;
	display: table-cell;
	height:auto;
}
.cpt-2col-right .bible-text {
	width:360px;
}

.container-2col-ernte {				
	margin:0 auto;		
	width:1400px;
	display:table;
	padding:0;
}
.cpt-left-ernte {	
	padding:0px 20px 0px 0px;
	display: table-cell;	
	vertical-align:top;
}

.cpt-right-ernte {				
	width:700px;
	padding:0px 25px 0px 25px;	
	display: table-cell;
	height:auto;
	text-align:left;
}

.container-2col-derweg {				
	margin:40px auto;		
	width:1400px;
	display:flex;
	padding:0;
}

.cpt-left-derweg {	
	padding:0px 40px 50px 30px;		
	vertical-align:top;
	background:white;
	box-shadow: 20px 20px 20px #aaa;
	height:auto;
	width:1100px;;
}

.cpt-der-weg {
	background-image: radial-gradient(#dceee3 30%, transparent 70%);
	font-size:35px;
	font-family:marcellus;
	letter-spacing:2px;
	font-weight:bold;
}

.cpt-right-derweg {		
	text-align:left;
	width:350px;	
}
.cpt-right-derweg p {
	position:absolute;
	margin:-30px 0 0 200px;
}
.cpt-weg-img {	
	margin:60px 0px 0px -50px;
	height:520px;	
	border-radius:8px;
	transition:2s;
}
.cpt-weg-img:hover {
	transform: scale(1.2);
	transition:2s;
}

.cpt-weg-heil {
	letter-spacing:2px;
	font-family:open-sans-extrabold;
	font-weight:800;
	color:#eac347;
	font-size:40px;
}

.cpt-touch-btn-img {	
	width: 70px;
	height: 90px;
}
	
@media screen and (max-width: 680px) {	
	body {		
		background-size: 100% 685px;		
	}
	
	.content {
	   width:100%;
	}
	.content a {
		color:#2499B2 !important;
	}
	
	.cpt-slide-table td {
		padding:0 20px 0 20px;
		height:20px;
	}
	.cpt-slider-notice {					
		width:45px;
		height:25px;
	}
	.cpt-slider { 				
		margin:0 0 0 -25px;
		width:65vw;
	}
	.cpt-box {						
		-webkit-animation: move 80s linear infinite;
		-moz-animation: move 80s linear infinite;
		animation: move 90s linear infinite;
	}
	.cpt-item {
		margin:4px 25px 0 0;	
	}
	@-webkit-keyframes move {
	  0% {
		-webkit-transform: translateX(0%);
		transform: translateX(0%)
	  }
	  100% {
		-webkit-transform: translateX(-2000%);
		transform: translateX(-2000%)
	  }
	}
	@keyframes move {
	  0% {
		-webkit-transform: translateX(0%);
		transform: translateX(0%)
	  }
	  100% {
		-webkit-transform: translateX(-2000%);
		transform: translateX(-2000%)
	  }
	}
	
	.banner {
		width:100%;
	}	
	
	.banner-head {
		padding:20px 0px 20px 0px;
		font-size:25px;
		font-weight:bold;
		color:#3B5E69 !important;
	}
	
	.cont-left, .cont-left-2, .cont-right-2, .cont-right {		
		width:90%;
		height:auto;
		padding:8px;
		margin:8px;		
		border-radius:0;
		border-left:1px solid gold;
		float:left;
		opacity:1;
		background-image: linear-gradient(#f2e7c3, #FfFAFD);		
	}
	
	.cpt-single {		
		padding:0;
		width:93%;
	}	
	
	.container-2col, .container-2col-ernte, .container-2col-derweg {	
		display:block;
		float:none;
		width:97%;
		text-align:center;
		margin:20px 0 10px 0;
	}
	.cpt-2col-left {		
		width:93%;
		display:block;
		color:black;
		text-align:center;
		margin:0 0 0 15px;
	}
	.cpt-2col-left div {		
		text-align:center;
		color:black !important;
	}
	.cpt-2col-right {				
		width:98%;
		display:block;
		padding:10px 0 10px 0;
		margin:0 0 0 10px;
	}
	.cpt-2col-right p {				
		text-align:center;
		margin:0 0 0 0;
		width:100%;
	}
	.cpt-2col-right .bible-text {				
		width:100%;
		margin:10px 0 0 0;
	}
	
	.cpt-left-ernte {	
		padding:8px;
		display:block;
		width:90%;		
	}
	.cpt-left-ernte img {	
		border-radius:20px;
		width:106%;
	}
	.cpt-right-ernte {				
		width:98%;
		padding:8px;	
		display:block;
		text-align:center;
	}
	.cpt-right-ernte div {				
		text-align:center;
	}
	
	.cpt-left-derweg {		
		width:80%;
		display:block;
		text-align:center;
		margin:0 0 0 5px;
	}	
	.cpt-right-derweg {		
		width:95%;	
	}
	.cpt-right-derweg p {
		margin:0;
		width:95%;
	}
	.cpt-der-weg {
		font-size:26px;
		width:115%;
		margin:0 0 0 -15px;
	}
	.cpt-weg-img {		
		margin:20px 0 0 7px;
		width:344px;
		height:400px
	}
	.cpt-weg-heil {
		font-size:25px;
		width:100%;
		margin:0 0 0 -2px;
	}
	
	.cpt-touch-btn-img {	
		width: 60px;
		height: 80px;
		margin:-40px 0 0 120px;
	}	
	
	
}