/* COLOR SETTINGS */
body {
	/* set color vars*/
	--maincolor: #e3ddc7; /* light main color */
	--supportcolor: #58b69d;  /* ATTN COLOR */
	--headerfooterbgcolor: #1b2128;  /* header bg color */
	--backcolor: #1b2128; /* page background color */
	--hovercolor: #f6bc68; /* light version of main color && h2 in bodytekst */

	--backdrop1: #332724; /* RED */
	--backdrop2: #453935; /* BLUE */

	
	--cyboxcolor: #333; /* cybox link color */
}
/* END * COLOR SETTINGS */


#footer #footer-artwork {
	width: 30%;
	
	background-image: url('/images/artwork-2026/joa-bird-2026.png');
	background-size: cover;
	background-position: top right;
	background-repeat: no-repeat;
	aspect-ratio: 3 / 4;
}
#home #home-intro {
	background-image: url('/images/artwork-2026/joa-home-intro-2026.png?2')!important;
	background-size: cover!important;
	background-position: left 0%!important;
}
#footer .footer-bg {
	background-image: url('/images/artwork-2026/joa-pattern-2026.svg')!important;
}
#home #home-intro .home-ticketbtn svg g#bgknop path, 
#home #home-intro .home-ticketbtn svg g#bgknop2 path {
    fill: var(--hovercolor)!important;
}

@media screen and (max-width: 900px) {

	#footer #footer-artwork {
		margin-top: auto!important;
	}
	#home #home-intro {
		background-position: left 60%!important;
		padding-top:100px!important;
	}


}