/* Basics */

:root  {
	--amk-bg-light: #2e4373;
    --amk-bg-dark: #131f3c;
    --amk-bg-darkest: #0f1a35;
	--amk-btn-primary: #4B989E;
	--amk-btn-primary-hov: #2D7A80;
	--amk-btn-primary-dis: #aab8b9;
	--amk-btn-secondary: #FF6600;
	--amk-btn-secondary-hov: #D77200;
	--amk-btn-secondary-dis: #c4b29d;
	--amk-bg-alt: #f0f1f5;
	--amk-bg-alt-light: #fafafa;
	--amk-bg-alt-dark: #ccc;
}

body {
    color: #313131;
}

p {
	font-size: 18px;
	line-height: 1.5em;
}

/* Alternative colors */

.checkmarks .fa-check, .bg-darkest .fa-check {
	color: var(--amk-orange);
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--amk-orange);
    --bs-btn-border-color: var(--amk-orange);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--amk-orange-light);
    --bs-btn-hover-border-color: var(--amk-orange-light);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--amk-orange-dark);
    --bs-btn-active-border-color: var(--amk-orange-light);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--amk-orange-dark);
    --bs-btn-disabled-border-color: var(--amk-orange-dark);
}

.progress-bar {
	--bs-progress-bar-bg: var(--amk-orange);
}

.price {
	color: var(--amk-orange-light);
}

#cookiescript_buttons #cookiescript_accept, #cookiescript_buttons #cookiescript_save{
	background-color: var(--amk-orange)!important;
	background: var(--amk-orange)!important;
}

/* Backgrounds */

.hero {
    background-color: var(--amk-bg-darkest);
	color: #FFFFFF;
    background-position: top left;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(/images/AMK/2026/1_Gulden/bg/bg7.webp);
}

@media screen and (min-width: 991px) {
	.checkout {
		background-position: top left;
		background-repeat: no-repeat;
		background-size: cover;
		background-image: url(/images/AMK/2026/1_Gulden/bg/bg5.webp);
	}
}
@media screen and (min-width: 991px) {
	.card-md {
		--bs-card-spacer-y: 1rem;
		--bs-card-spacer-x: 1rem;
		--bs-card-title-spacer-y: 0.5rem;
		--bs-card-title-color: ;
		--bs-card-subtitle-color: ;
		--bs-card-border-width: var(--bs-border-width);
		--bs-card-border-color: var(--bs-border-color-translucent);
		--bs-card-border-radius: var(--bs-border-radius);
		--bs-card-box-shadow: ;
		--bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
		--bs-card-cap-padding-y: 0.5rem;
		--bs-card-cap-padding-x: 1rem;
		--bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
		--bs-card-cap-color: ;
		--bs-card-height: ;
		--bs-card-color: ;
		--bs-card-bg: var(--bs-body-bg);
		--bs-card-img-overlay-padding: 1rem;
		--bs-card-group-margin: 0.75rem;
		position: relative;
		display: flex
	;
		flex-direction: column;
		min-width: 0;
		height: var(--bs-card-height);
		color: var(--bs-body-color);
		word-wrap: break-word;
		background-color: var(--bs-card-bg);
		background-clip: border-box;
		border: var(--bs-card-border-width) solid var(--bs-card-border-color);
		border-radius: var(--bs-card-border-radius);
	}
}

#usps-home {
	border-top: 1px solid var(--amk-orange-dark);
	/*border-bottom: 1px solid var(--amk-orange-dark); */
}

.bg-cta {
    background-image: url(/images/AMK/2026/1_Gulden/bg/bg2.webp);
    background-position: bottom;
}

/* Shine */
	.hero-wrapper.stap-1 {
		  -webkit-mask-image: url(/images/AMK/2026/1_Gulden/banners/stap-1.webp);
		  mask-image: url(/images/AMK/2026/1_Gulden/banners/stap-1.webp);
		}
	.hero-wrapper.stap-1.png {
		  -webkit-mask-image: url(/images/AMK/2026/1_Gulden/banners/stap-1.png);
		  mask-image: url(/images/AMK/2026/1_Gulden/banners/stap-1.png);
		}
	.hero-wrapper.stap-4 {
		  -webkit-mask-image: url(/images/AMK/2026/1_Gulden/banners/stap-4.png);
		  mask-image: url(/images/AMK/2026/1_Gulden/banners/stap-4.png);
		}
	.hero-wrapper.stap-5 {
		  -webkit-mask-image: url(/images/AMK/2026/1_Gulden/banners/stap-5-col.png);
		  mask-image: url(/images/AMK/2026/1_Gulden/banners/stap-5-col.png);
		}
	.hero-wrapper.stap-5-speld {
		  -webkit-mask-image: url(/images/AMK/2026/1_Gulden/banners/stap-5-speldje.png);
		  mask-image: url(/images/AMK/2026/1_Gulden/banners/stap-5-speldje.png);
		}
	.hero-wrapper.stap-6 {
		  -webkit-mask-image: url(/images/AMK/2026/1_Gulden/banners/stap-6.png);
		  mask-image: url(/images/AMK/2026/1_Gulden/banners/stap-6.png);
		}

/* Hero - start */

@media (max-width: 767px) {
	.hero {
		padding: 6em 0 3em;
	}
}

.hero h1 strong {
    position: relative;
    display: inline-block;
    z-index: 1;
}

.hero h1 strong:before {
    content: "";
    height: 10px;
    width: 100%;
    position: absolute;
    bottom: 5px;
    display: inline-block;
    background-color: #E12418;
    z-index: -1;
}

/* Video */

#video h2, #video hr {
	z-index: 10;
	position: relative;
}

#home-vid {
	margin-top: -4rem;
	z-index: 0;
	position: relative;
}

@media screen and (min-width: 991px) {
	#home-vid {
		margin-top: -5rem;
	}
}