@charset "utf-8";*,::after,::before{box-sizing:border-box}

html {
  font-family: 'Raleway', sans-serif;
  line-height: 1.6;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}


body{font-family:'Raleway', sans-serif;font-size:22px;font-weight:400;border-color:#050000; background:  #000B26 ; margin:0 auto;
	max-width: 1380px; 
	padding: 8px;
}
.jesuscontainer {
    width: 100%;
    max-width: 1200px; 
    margin: 0 auto; 
    padding: 20px; 
}

.content-wrapper {
    display: flex;
    flex-wrap: wrap; 
    justify-content: space-between; 
    align-items: flex-start; 
}

iframe {
    flex: 0 0 560px; 
    height: 96vh; 
    max-height: 900px; 
    margin: 100px 0; 
}
@media (max-width: 622px) {
    .content-wrapper {
        flex-direction: column;
        align-items: center;
        overflow: hidden; /* Voeg toe indien nodig voor het inspecteren */
    }

    iframe {
        width: 100%;
        height: calc(120vh - 80px); /* Probeer dit als workaround*/
        max-height: 960px;
        margin-top: 0; 
        margin-bottom: 20px;
    }

    .text-content {
        margin-left: 0;
        text-align: center;
    }

    .h3naastfilm {
        margin: 0 auto;
        text-align: center!important;
    }
}
.text-content {
    flex: 1;
    margin-left: 20px; 
}


h1.yellow {
	color: #FFFF00;
	text-shadow: 4px 8px 16px rgba(0,0,0,.5);
	font-weight: 700;
	margin-left: 68px;
	
}

.published {
    width: 100%;
    background: black;
    height: 60px;
	border: solid;
	margin-top: 6px;
}
.logo-carousel {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 170px; 
	margin-top: 10px;
    background: #E5D8CD;
    display: flex;
    align-items: center;
}

.logo-track {
    display: flex;
    animation: scroll 30s linear infinite; 
}

.logo-track img {
    flex: 0 0 auto;
    max-height: 100px; 
    width: auto; 
    margin: 0 20px; 
    padding-top: 20px; 
}

@keyframes scroll {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
    }
}
@media screen and (max-width: 670px) {
    .logo-carousel {
        height: auto;
		margin-top: 45px;
    } .logo-track img {
        max-height: 180px; 
        width: auto;  
        margin: 0 10px; 
        padding: 60px ; 
        
    }}

.responsive-banner {
    display: block;
    width: 100%;
    background-color:#088116 ;
    color: white;
    text-align: center;
    padding: 15px 0;
	margin-top: 64px;
	margin-bottom: 14px;
	border: solid;
	border-width: 0.9px;
    text-decoration: none;
	text-shadow:2px 4px 8px #000;
    font-size: 1.8rem;
    transition: background-color 0.3s ease;
}

.responsive-banner:hover {
    background-color: #004107;
	text-decoration: none;
}
@media (max-width: 600px) {
    .responsive-banner {
        font-size: 20px;
		margin-bottom: -40px;
		
    }
	.yellow {
		font-size: 2rem;
	}
	h1.yellow {
		font-size: 1.7rem!important;
		margin-top: 30px;
		text-align: center;
	}
	img.unrest {
		width: 100%!important;
	}
}

.content-text {
    
	margin: 0 auto;
	margin-top: 40px;
}
em {
	color: #FFFF00;
	font-size: 22px!important;
}
li {
	color: #FFFF00!important;
	font-size: 20px;
}

.logo {
	margin-bottom: -50px;
}
.copyright{font-size:12px;line-height:4;margin-left:-50px;color:#fff;font-weight:400}
h1 {
	font-size: 1.7rem;
	color: #C59977;
	margin: 0 auto;
	text-align: left;
	text-shadow: 8px 16px 8px rgba(0,0,0,.5);
	margin-top: 20px;
	margin-bottom: 20px;
}
img.unrest { 

width: 50%;
	margin: 0 auto;
	text-align: center;
	display: block;
	margin-top: 40px;
	margin-bottom: 70px;
	
}

h2 {
	font-size: 2rem;
	color: #C59977;
	font-weight: 700;
	margin-left: 28px;
	text-align: center;
	text-shadow: 8px 16px 8px rgba(0,0,0,.5);
	background: #111111;
	padding: 8px;
	border-radius: 20px;
	max-width:1280px;
}
h3{
	text-align: left;	
	color:#C59977;
	font-weight: bold;
	font-size: 1.5rem;
	margin-bottom: -10px;
	margin-left: 62px;
	margin-top: 0px;
	padding: 8px;
	text-shadow: 2px 4px 8px rgba(0,0,0,.5)}
.h3naastfilm {
	text-align: left;	
	color:#C59977;
	font-size: 1.5rem;
	margin-bottom: -10px;
	margin-left: 22px;
	margin-top: 0px;
	padding: 8px;
	text-shadow: 2px 4px 8px rgba(0,0,0,.5)}

h4{
	text-align: center;	
	color:#C59977;
	font-size: 2.5rem;
	margin-bottom: 0px;
	margin-left: 20px;
	margin-top: -10px;
	padding: 8px;
	text-shadow: 2px 4px 8px rgba(0,0,0,.5)}
/*
@media (max-width: 600px) {
	h2 {
	font-size: 24px!important;	
		margin: 0 auto;
	}*/
.ad-container {
    display: block;   
    visibility: visible; 
    opacity: 1;      
}
/*
.facebookpope {
	width: 40%;
	margin: 0 auto;
	text-align: center;
	margin-top: 36px;
}
*/
@media (max-width: 600px) {
    .ad-container {
        display: block;
    }
	}


@media (min-width: 601px) {
    .ad-container {
        display: block;  
    }
}


.social-icons {
    display: flex;  
    justify-content: center;      
    align-items: center;           
    gap: 20px; 
	margin-bottom: 20px;
}

.social-icons a {
    display: flex;                 
    align-items: center;           
}

 img.instagram-icon, img.twitter-icon {
    width: 60px;                  
	height: 60px; 
	margin-top: 60px;
}

img.facebook-icon {
	width: 50px;
	height: 50px;
}
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; 
    height: 0;
    overflow: hidden;
    width: 80%;
    max-width: 80%;
    margin: 0 auto;
	margin-bottom: 10px;
}

.videoWrapper iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 95%;
    height: 100%;
	 
	
}
h2.news {
		font-size: 5rem!important;
	    font-color: red!important;
	}
@media (max-width: 600px) {
	.facebook-icon {
	margin-top: 44px!important;		
	width: 50px!important;
	height: 50px!important;	
	text-align: center!important;
	margin: 0 auto!important;
	
		
}
	img.facebookpope {
		margin-top: 40px!important;
	}
	h2.news {
		font-size: 2rem!important;
	}
}

@media (max-width: 900px) {
    .videoWrapper {
        width: 90%;
        max-width: 90%;
    }

    .videoWrapper iframe {
        margin-top: 0!important;
    }
	img.facebookpope {
		margin-top: 120px;
	}
	h2.news {
		font-size: 3rem!important;
	}
}


@media (max-width: 480px) {
    .videoWrapper {
        width: 100%;
        max-width: 100%;
    }

    .videoWrapper iframe {
        margin-top: 0!important;
    }
	h2.news {
		font-size: 2rem!important;
	}
}


.textcontainerai{max-width:1280px!important; 
margin: 0 auto;
	text-align: left;}

.news-container{position:relative;width:100%}.news-container img{width:100%}



.link-button {
	width: 300px!important;
	margin-top: 40px!important;
	margin-bottom: 80px;
	padding: 10px;
}     

.containfullwidth {
    position: relative;
    width: 100%;
}

.textcontainerai {
    position: relative;
    width: 100%;
}

.holychurch {
    width: 100%;
    height: auto;
}


full-width-image{width:100%}.holychurch{width:100%;height:auto;object-fit:cover}.pre-order-button{display:inline-block;margin:0 10px;background:green;font-color:white}@media (max-width:768px){.content-section{flex-direction:column;align-items:flex-start;margin-bottom:0}.center-image,.center-image2{width:100%!important;margin:0 auto}.text-right{margin-top:0}.pre-order-button{width:60%!important}}
@media (max-width:480px){.content-section{flex-direction:column;align-items:flex-start;margin-bottom:0}.center-image,.center-image2{width:95%!important;margin-right:0}.text-right{margin-top:-30px}}
.img-container{width:50%;margin-left:55px;margin-bottom:20px}.lb2{width:48%;margin-left:235px!important;margin-top:20px!important;margin-bottom:10px!important}

.link-button{
	background-color:#088116; border:solid;border-color:#C59977;font-weight:700;font-color: white;text-align:center;justify-content:center;margin:0 auto;padding:10px;text-decoration:none!important;display:block;font-size:20px;cursor:pointer;transition:background-color .3s ease;border-radius:5px!important;height:50px;
	margin-bottom:24px;
	position:relative;
}
.link-button:hover{
	background-color:#184D18;border-style:solid;color:#FFFF00}

p{max-width:1280px;margin:0 auto;justify-content:center;display:block;color:#cfdada;line-height:1.5;padding-left:30px;padding-right:30px}.wereldbol {
    width: 45px; 
    height: 45px; 
    float: right;
    margin-top: 40px;
    border-radius: 50%; 
}

.link{color:#fff;text-decoration:none;font-size:12px;text-align:center;margin:0 auto;display:block;margin-top:-50px}
.hslogo{height:60px;width:60px}.topnav a{background-color:none;padding:10px;text-decoration:none}.topnav a.active{background-color:none;color:#fff}.topnav{overflow:hidden}.topnav{text-align:center}.topnav a{display:inline-block;color:#f2f2f2;text-align:center;text-decoration:none;font-size:17px}.active{background-color:none;color:#fff;text-decoration:none!important;border-radius:8px}.topnav .icon{display:none}.dropdown{float:right;overflow:hidden;margin-right:155px}.dropdown .dropbtn{font-size:20px;font-weight:700;margin-bottom: 2px;outline:0;color:#fff;padding:10px 16px;background-color:inherit;font-family:inherit;margin-top:-20;border-color: #C59977;}

.dropdown-content{
	display:none;
	position:absolute;
	background-color:#000B00;min-width:246px; box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:1}.dropdown-content a{float:none;color:#fff;padding:12px 16px;text-decoration:none!important;display:block;text-align:center;margin-top:px}.dropdown:hover .dropbtn,.topnav a:hover{background-color:#B98B45!important;color:#fff;border-radius:10px;margin-top:0}.dropdown-content a:hover{background-color:#005baf;color:#fff}.dropdown:hover .dropdown-content{display:block}.container{display:flex;flex-wrap:wrap;justify-content:space-between;padding-right:15px;padding-left:8px;margin-right:auto;margin-left:auto}.footer-column{flex:1;box-sizing:border-box;padding:0 0 0;line-height:1.9}
.facebook{width:20%;margin:0 auto}@media screen and (max-width:600px){.logo{width:30%}.hslogo{width:40%;margin-top:1vw}}
@media screen and (max-width:900px){.dropdown .dropbtn,.topnav a:not(:first-child){display:none}.topnav a.icon{float:right;display:block}.topnav a:first-child{display:none}
	h1{font-size:3.5rem}}
@media screen and (max-width:900px){.topnav.responsive{position:relative}.topnav.responsive a.icon{position:absolute;right:0;top:0}.topnav.responsive a{float:none;display:block;text-align:left}.topnav.responsive .dropdown{float:none}.topnav.responsive .dropdown-content{position:relative}.topnav.responsive .dropdown .dropbtn{display:block;width:100%;text-align:left}}@media screen and (max-width:600px){.btn-primary{display:block;width:100%;height:8vw;margin:0 auto;text-align:center}}.dropdown:hover .dropdown-content{display:block}

@media screen and (max-width:600px){
	.logo{width:40%}
	.hslogo{
		width:2%;
		margin-top:2vw;
		display:none}
	.copyright { 
	margin-top: 0px;
	}	
}
@media (max-width: 600px) {
    .social-icons {
		margin-top: 40px;
	}

.menubalk-container{
	position:relative}.logo{position:relative;width:5%;height:auto;margin-left:16px;;float:left}.donsmall2{width:50%!important;margin-top:8px!important;margin-bottom:2px!important;background:linear-gradient(45deg ,navy,#4d0000);margin-left:-40px!important;margin-right:40px!important}.author{color:#fff}
.copyright{font-size:12px;line-height:4;margin-left:-52px;color:#fff;font-weight:400}
	
	h1{font-size:2.5rem!important;font-weight:700;color:#C59977!important;margin-top:0;text-shadow:4px 8px 16px #000;text-align:center}

h2{
	font-size:2rem!important;
	font-weight:bolder;
	color:#C59977;
	margin-top:24px;
	text-shadow:8px 8px 16px #000;
	
text-align:center;
	margin:0 auto; 
}
	
	}



.h4{font-size:34px!important;font-weight:700;color:#fff;margin-top:10px;text-decoration:none!important}h5{font-size:20px;font-weight:700!important;color:#fff!important;text-align:center}.figcaption{color:#000;text-align:center;font-style:italic;font-size:small}.row{display:flex;justify-content:space-between}.column{flex:1;margin:10px}.img-container{position:relative;width:100%}.img-container img{display:block;width:78%;height:100%;object-fit:cover;justify-content:center;margin:0 auto}

#temptomb{width:100%;background:#000;margin:0 auto}@media (min-width:601px){.containerlinktsc a{margin:10px}}@media (max-width:600px){.containerlinktsc{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;background-color:#000}.containerlinktsc a{flex-basis:calc(33.33% - 20px);margin-bottom:10px;color:#fff}.donsmall2{width:100%!important;margin-top:-2px;margin-bottom:28px!important;text-align:center!important;justify-content:center!important;font-size:16px;margin:0 auto!important;display:block!important}}p{margin-top:0;margin-bottom:1rem;color:#fffcfc;font-size:20px}address{margin-bottom:1rem;font-style:normal;line-height:inherit}.small{font-size:70%;background:#000;padding:10px 10px 10px 10px;color:#fff;text-decoration:none;margin-bottom:50px!important;margin:0 auto;margin-left:70px;margin-right:70px}a{color:#007bff;text-decoration:none;background-color:transparent}a:hover{color:#0056b3;text-decoration:underline}a:not([href]){color:inherit;text-decoration:none}a:not([href]):hover{color:inherit;text-decoration:none}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none;width:100%}svg{overflow:hidden;vertical-align:middle}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button{text-transform:none}[type=button],button{-webkit-appearance:button}[type=button]:not(:disabled),button:not(:disabled){cursor:pointer}[type=button]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=date],input[type=month],input[type=time]{-webkit-appearance:listbox}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}[hidden]{display:none!important}
hr{min-width:470px;max-width:1280px;margin:0 auto;height:2px;background-color:#fff;border:none;margin-bottom:20px; margin-top: 20px;}.img-fluid{max-width:100%;height:2px;width:auto}.figure{display:inline-block}.container{display:flex;flex-wrap:wrap;padding-right:15px;padding-left:5px;margin-right:auto;margin-left:auto}.footer-column{flex:1;box-sizing:border-box;padding:20px 0 20px;line-height:2.9}.footer-column:nth-child(2){flex:1.2}

@media screen and (max-width:600px){
	.footer-column{flex-basis:100%;
		margin-bottom: -80px}}
@media (min-width:576px){
	.container{max-width:540px}}
	@media (min-width:768px){.container{max-width:720px}}
	@media (min-width:992px){.container{max-width:960px}}
	@media (min-width:1200px){.container{max-width:1140px}}
	
	
	.media{
		display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}.close:hover{color:#000;text-decoration:none}.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover{opacity:.75}button.close{padding:0;background-color:transparent;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}
	
	.border{border:1px solid #dee2e6!important}.mt-2{margin-top:.5rem!important}.li{font-color:#FFFFFF;font-size:14px;margin-top:-20px}li{color:#C59977}
ul{color:#fff}a{color:#fff}a:hover{color:#fff;text-decoration:underline}em{font-size:16px;padding:4px 4px 14px 4px}
@media (max-width:768px){@media (max-width:1050px){.h4{font-size:18px!important;color:#ffd100!important;margin-bottom:20px}.h1{font-size:42px!important;text-align:center;margin:0 auto;line-height:1.1;margin-top:20px;margin-bottom:36px}
	h2{margin-bottom:-6px}.text-right{margin-top:40px!important}center-image{width:70%}.link-button{background-color:#088116;border:none;width:25%;color:#fff;font-weight:700;text-align:center;justify-content:center;margin:0 auto;padding:2px;text-decoration:none!important;display:block;font-size:22px;cursor:pointer;transition:background-color .3s ease;border-radius:10px;border-style:solid;height:40px;margin-bottom:22px;margin-top:40px}}
	
	
	@media screen and (max-width: 600px) {
	.facebookpope {
	width: 100%;
		}
		.link-button{
			background-color:#088116;
			border:none;
			width:60%!important;
			color:#fff;
			font-weight:700;
			text-align:center;
			justify-content:center;
			margin:0 auto;
			padding:4px;
			text-decoration:none!important;
			display:block;
			font-size:20px;
			cursor:pointer;
			transition:background-color .3s ease;
			border-radius:10px!important;
			border-style:solid;
			height:40px;
			margin-top: 20px;
			margin-bottom:2px;}}
	

@media screen and (max-width: 600px) {
    html, body {
        overflow-x: hidden;
        width: 100%;
	}}}
	
	
.linkkleur {
	color: yellow;
}