@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700&display=swap');

body {
  background-color: #121212;
  color: #ffffff;
  font-family: 'Arial', sans-serif;
  margin: 0px;
  border: 0px;
  padding-top: 25px;
}

h2 {
  text-align: center;
  padding-bottom: 10px;
  margin: 0px;
  border: 0px;
  font-size: 1.5em;
}

.day-block-outer {
  padding-top: 25px;
  padding-bottom: 25px;
  padding-left: 20px; /* Added padding to the left side */
  padding-right: 20px; /* Added padding to the right side */
  position: relative;
  width: 100%;
  height: auto;
  background-size: cover;
  background-position: center;
  box-sizing: border-box; /* Ensures that padding is included in the width calculation */
}

.day-block {
  padding: 20px;
  padding-bottom: 40px;
  margin: 0 auto; /* Keeps the block centred horizontally */
  background-color: #272727;
  max-width: 1150px;
}

.day-block-outer::before {
  background-image: var(--bg-image);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
  content: '';
  filter: blur(2rem);
}


.links-block {
  padding: 0;
  text-align: center;
  margin: 0 auto;
  height: 100vh; /* Make sure the block fills the viewport height */
  position: relative; /* Required for the pseudo-element positioning */
  overflow: hidden; /* Ensure no overflow beyond the viewport */
  display: flex; /* Enable flexbox */
  flex-direction: column; /* Stack children vertically */
  align-items: center; /* Centre content horizontally */
  justify-content: center; /* Centre content vertically */
  gap: 15px; /* Space between links */
  font-family: 'Merriweather', serif; /* Set serif font */
}

.links-block::before {
  background-image: url('jungfrau-ostgrat/2024-04-13_bg.jpg');
  background-size: cover; /* Cover the entire screen */
  background-repeat: no-repeat; /* No repeat */
  background-position: center center; /* Center the image */
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  z-index: -1; /* Ensure it stays behind the content */
  content: '';
  position: absolute; /* Absolute position within the .links-block */
  top: 0; /* Start from the top */
  left: 0; /* Start from the left */
  filter: blur(2rem);
}

.links-block a {
  max-width: 400px;
  display: block; /* Make links behave like block elements */
  text-decoration: none; /* Remove underline from links */
  color: #1e3a8a; /* Dark blue for normal state */
  font-size: 24px; /* Adjust text size */
  font-weight: 700; /* Make text bold */
  background: rgba(255, 255, 255, 0.6); /* Slightly opaque white background for readability */
  padding: 10px 0; /* Adjust padding to make the link look like a button */
  border-radius: 8px; /* Rounded corners */
  transition: all 0.3s ease; /* Smooth transition for hover effects */
  width: 100%; /* Make the link take the full width of the parent */
  box-sizing: border-box; /* Include padding and border in the element's total width and height */
}

#table-wrapper {
  max-width: 100%;
  padding-top: 20px;
}

table {
  width: 100%;
  max-width: 1080px;
  border-collapse: collapse;
  margin: 0 auto; /* Centres the table horizontally */
  color: #ffffff;
}

tr {
  height: 20px;
}

td {
  border: 0px;
  padding: 0px;
}

video {
  max-width: 100%;
  height: auto;
  border: 2px solid #333333;
}

hr {
  border: 0;
  height: 1px;
  background: #444444;
  margin: 40px 0;
}