/* Basics */

:root  {
	--amk-bg-light: #3e647c;
    --amk-bg-dark: #17465f;
    --amk-bg-darkest: #123649;
	--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: #dad7d0;
	--amk-bg-alt-light: #f0eeea;
	--amk-bg-alt-dark: #c8c5be;
	--amk-orange: #C71108;
	--amk-orange-light: #d41544;
	--amk-orange-dark: #a00e06;
	--amk-warm-white: #fbfbfb;
	--bs-heading-color: inherit;
}


/* Alternative Fonts */

body, .p {
	font-family: 'Nunito Sans', sans-serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.72em;
	color: #3C3C3C;
}

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

h1,
h2,
h3,
h4,
h5, 
.navbar-brand, 
.sticker,
#usps-home {
    font-family: 'DM Serif Display', sans-serif;
    font-weight: normal;
    line-height: 1.11em;
	letter-spacing: -0.56px;
}

.sticker {
	letter-spacing: 1px!important;
}

.serif {
    font-family: 'DM Serif Display', serif;
}

.serif-2 {
    font-family: 'Merriweather', serif;
}

.sans-serif {
	font-family: 'Nunito Sans', sans-serif;
}

.table.specificaties {
	font-family: 'Courier', sans-serif;
}

/* Alternative colors */

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

.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-dark);
    --bs-btn-hover-border-color: var(--amk-orange-dark);
    --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-dark);
    --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-light);
    --bs-btn-disabled-border-color: var(--amk-orange-light);
}

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

.price {
	color: var(--amk-bg-dark);
}

#zekerheden .fa-check {
    color: var(--amk-orange);
}

#zekerheden li {
    color: var(--amk-subheaders);
}

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

.text-secondary {
	color: var(--amk-bg-light)!important;
}

.false .btn-tertiary {
	border: 1px solid;
}

.sticker {
	background: var(--amk-orange);
	background: linear-gradient(0deg,var(--amk-orange-dark) 0%, var(--amk-orange) 100%);
	color: white;
	font-weight: 300;
	transform: none;
	border: none;
	transform: rotate(-15deg);
	padding: calc(.3em + .1vw);
}

@media screen and (min-width: 2400px) {
	.sticker {
		padding: 1rem;
	}
}

@media screen and (max-width: 600px) {
  #home .sticker {
    top: 10%;
  }
}

@media screen and (max-width: 600px) {
  .diameter {
    bottom: 10%;
	left: 10%;
  }
}

#testimonial .card p {
	color: var(--amk-bg-dark);
}

.initials {
	background: var(--amk-bg-alt);
}

#testimonial .card {
	background: #f7f7f7!important;
}

#testimonial .text-orange {
	color: var(--amk-orange-light);
}

.discount-banner {
	border: 1px solid var(--amk-orange);
	color: var(--amk-orange);
}

.warm-white {
	color: var(--amk-warm-white);
}

/* New CSS */

#new-usps, #new-usps-home {
	list-style: none;
}
 li.colored-circle::before {
	content: "•";
	color: var(--amk-orange);
	font-weight: bold;
	display: inline-block;
	font-size: 1.5em;
	margin-right: .5rem;
	vertical-align: center;
	font-family: 'Nunito Sans', sans-serif;
}

#new-usps-home {
	font-size: 22px;
	color: var(--amk-warm-white);
}

.bg-1-upsell {
	background: var(--amk-bg-dark);
	background: linear-gradient(45deg, var(--amk-bg-dark) 0%, var(--amk-bg-light) 50%, var(--amk-bg-darkest) 100%);
	background-image: url("/images/AMK/2026/3_Beatrix/bg/bg1.jpg");
	color: white;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

@media screen and (min-width: 991px) {
	.bg-1, .bg-1-alt {
		background: var(--amk-bg-dark);
		background: linear-gradient(45deg, var(--amk-bg-dark) 0%, var(--amk-bg-light) 50%, var(--amk-bg-darkest) 100%);
		background-image: url("/images/AMK/2026/3_Beatrix/bg/bg-1-m.jpg");
		color: white;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}
}
@media screen and (max-width: 990px) {
	.bg-1 {
		background: var(--amk-bg-dark);
		background: linear-gradient(45deg, var(--amk-bg-dark) 0%, var(--amk-bg-light) 50%, var(--amk-bg-darkest) 100%);
		background-image: url("/images/AMK/2026/3_Beatrix/bg/bg-1-mob-1.jpg");
		color: white;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}
}
@media screen and (max-width: 990px) {
	.bg-1-alt {
		background: var(--amk-bg-dark);
		background: linear-gradient(45deg, var(--amk-bg-dark) 0%, var(--amk-bg-light) 50%, var(--amk-bg-darkest) 100%);
		background-image: url("/images/AMK/2026/3_Beatrix/bg/bg-1-mob-2.jpg");
		color: white;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}
}
.bg-2 {
	background: var(--amk-bg-dark);
	background: linear-gradient(45deg, var(--amk-bg-dark) 0%, var(--amk-bg-light) 50%, var(--amk-bg-darkest) 100%);
	background-image: url("/images/AMK/2026/3_Beatrix/bg/bg-2.jpg");
	color: white;
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: cover;
}

.bg-1 h1, .bg-1 h2, .bg-1 h3, .bg-1 h4, .bg-1 h5, .bg-2 h1, .bg-2 h2, .bg-2 h3, .bg-2 h4, .bg-2 h5  {
	color: white;
}

.border-darkest {
	border: 1px solid var(--amk-bg-darkest);
}

#navigation {
	color: var(--amk-bg-dark);
}

.step {
	height: 20px;
	width: 20px;
	justify-content: center;
	align-items: center;
	border-radius: 100%;
	text-align: center;
	display: inline-flex;
	font-size: .75rem;
}

.steps .notcurrentpage {
	color: var(--amk-bg-dark);
	border: 1px solid var(--amk-bg-dark);
}

.steps .finished {
	background: var(--amk-bg-alt);
	border: 1px solid var(--amk-bg-alt);
	color: white;
}

.steps .currentpage {
	background: var(--amk-bg-dark);
	border: 1px solid var(--amk-bg-dark);
	color: white;
}

.text-underline {
	position: relative;
	display: inline-block;
	z-index: 1;
}

.text-underline::before {
	content: "";
	height: 10px;
	width: 100%;
	position: absolute;
	bottom: -4px;
	display: inline-block;
	background-color: var(--amk-orange);
	z-index: -1;
	opacity: .9;
}

@media screen and (max-width: 600px) {
	.text-underline::before {
		content: "";
		height: 5px;
		width: 100%;
		position: absolute;
		bottom: 2px;
		display: inline-block;
		background-color: var(--amk-orange);
		z-index: -1;
		opacity: .9;
	}
}
/* 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-bg-alt);
	/*border-bottom: 1px solid var(--amk-orange-dark); */
}

/* Shine */
	.hero-wrapper.stap-1 {
		  -webkit-mask-image: url(/images/AMK/2026/3_Beatrix/banners/stap-1.png);
		  mask-image: url(/images/AMK/2026/3_Beatrix/banners/stap-1.png);
		}
	.hero-wrapper.stap-1.png {
		  -webkit-mask-image: url(/images/AMK/2026/3_Beatrix/banners/stap-1.png);
		  mask-image: url(/images/AMK/2026/3_Beatrix/banners/stap-1.png);
		}
	.hero-wrapper.stap-4 {
		  -webkit-mask-image: url(/images/AMK/2026/3_Beatrix/banners/stap-4.png);
		  mask-image: url(/images/AMK/2026/3_Beatrix/banners/stap-4.png);
		}
	.hero-wrapper.stap-5 {
		  -webkit-mask-image: url(/images/AMK/2026/3_Beatrix/banners/stap-5-col.png);
		  mask-image: url(/images/AMK/2026/3_Beatrix/banners/stap-5-col.png);
		}
	.hero-wrapper.stap-5-speld {
		  -webkit-mask-image: url(/images/AMK/2026/3_Beatrix/banners/stap-5-speldje.png);
		  mask-image: url(/images/AMK/2026/3_Beatrix/banners/stap-5-speldje.png);
		}
	.hero-wrapper.stap-6 {
		  -webkit-mask-image: url(/images/AMK/2026/3_Beatrix/banners/stap-6.png);
		  mask-image: url(/images/AMK/2026/3_Beatrix/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;
	}
}

/* Forms */

.form-control {
	border-radius: 0;
}