@import url("https://unpkg.com/chota@latest");
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');

:root {
  --color-primary: #da1d50; /* brand color */
  --grid-maxWidth: 100%; /* container width */
  --bg-color: #fff;
}

html {
  scroll-behavior: smooth;
  font-family: raleway;
}

body {
	border-top: 3px solid #fff;
}

#header {
	background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('/data/files/eetkamer-vakantiehuis-Jeanne-Panne.jpg');
	/* 100% hoogte voor de viewport */
	min-height: 100vh;
	/* Zorgt ervoor dat de afbeelding de hele container bedekt */
	background-size: cover;    
	/* Centreer de afbeelding */
	background-position: center center;     
	/* Voorkom herhaling */
	background-repeat: no-repeat;     
	/* Houd de achtergrond vast tijdens scrollen (optioneel) */
	background-attachment: fixed;
}

#header .nav {
	/* padding-top: 6px;*/
	color: #fff;
}
#header .nav a {
	color: #fff;
}
#header .horizontale-lijn {
	width: 50px;
	height: 3px;
	background-color: #fff;
	margin-left: auto;
	margin-right: auto;
}
.horizontale-lijn-sub {
	width: 50px;
	height: 3px;
	background-color: brown;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}
.nav img {
	max-height: 50px;
}
.header-content {
	text-align: center;
	color: #fff;
	padding-top: 5%;
}
.header-content h1 {
	font-family: "Dancing Script", cursive;
	font-optical-sizing: auto;
}

.fixed-link {
    position: absolute; /* Plaatst de link op een exacte positie binnen zijn naaste gepositioneerde voorouder */
    bottom: 0;      /* Plaatst de link onderaan de viewport */
    left: 0;        /* Noodzakelijk voor centrering met margin: auto */
    right: 0;       /* Noodzakelijk voor centrering met margin: auto */
    width: 200px;   /* Geef de link een vaste breedte */
    margin: 0 auto; /* Horizontaal centreren */
    text-align: center; /* Optioneel: centreer de tekst binnen de link */
}
.container {
	padding-top: 30px;
}