/* === IMPORTS === */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@import 'z-index_values.css';

/* === RESETS === */
*, *::before, *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  color: white;
}

* {
  /* outline: 1px solid red; */
}

::selection {
  background-color: #353;
}

body {
  /* font-family: "Poppins", sans-serif; */
  font-family: "Inter", sans-serif;
  background-color: #0f1f37;
  
    overflow-x: hidden;
  
  /* cursor: none; */
  /* overflow-x: hidden;
  overflow-y: hidden; */
}

body::-webkit-scrollbar {
  /* display: none; */
}

/* === GENERAL STYLES === */
main {
  position: relative;
  height: 100vh;
  width: 100vw;
  
  overflow: hidden;
  
  
  /* background-image: url('IMGs/BackgroundTest2.png'); */
  /* background-image: url('IMGs/Baggrund_0005_New.png'); */
  background-image: url('IMGs/Image_Background_New.png');
  /* background-image: url('IMGs/image_Background_testing0002.png'); */
  /* background-image: url('IMGs/image_Background_testing_0004.png'); */
/* background-image: url('IMGs/image_Background_Testing_0005.png'); */
  
  
  
  /* background-color: #efefef; */
  /* background-color: #20223e; */
  /* background-color: #efefef; */
  /* background-color: #1e1f38; */
  background-color: #060614;
  background-size: cover; /* Cover the entire area of the main container */
  background-position: bottom; /* Align the bottom of the image with the bottom of the container */
  background-repeat: no-repeat; /* Prevent the image from repeating */
}

#loadingScreen {
  position: fixed;
  width: 100%;
  height: 100%;
  /* background: linear-gradient(45deg, #ff9500, #ff5500); */
  background: linear-gradient(45deg, #0d062c, #1e1e5e);
  color: black;
  z-index: 9996;
  
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#loadingLottie{
  width: 150px;
  height: 150px;
  border-radius: 50%;
  padding: 0;
  /* background: linear-gradient(45deg, #ffffff, #a4a4a4); */
  animation: bounce 5s infinite; /* Animation Name, Duration, Iteration */
  /* box-shadow: 20px 20px 10px #31394d22; */
}

#loadingScreen h3{
  font-size: 24px;
  font-weight: 500;
  padding: 40px;
}

#loadingScreen h3:after {
  content: ".";
  animation: dots 2.2s steps(5, end) infinite;
}

@keyframes dots {
  0%, 20% {
    content: ".";
  }
  40% {
    content: "..";
  }
  60%, 100% {
    content: "...";
  }
  80%, 100% {
    content: "....";
  }
}


@keyframes bounce {
  0%, 100% {
    transform: scale(1); /* Original size */
  }
  50% {
    transform: scale(1.2); /* Scaled up */
  }
}

.sweep-up {
  animation: fadeOut 2.5s ease-in-out forwards;
}

@keyframes sweepUp {
  from {
    transform: translateY(0);
    opacity: 1;
    border-radius: 0;
  }
  to {
    transform: translateY(-100%);
    opacity: 0;
    border-radius: 50%;
  }
}


.fade-out {
  animation: fadeOut 1s ease-in-out forwards;
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}


.image-stack {
  position: fixed;
  left: calc(50%);
  bottom: 0;
}

.image-stack-container {
  height: 100vh;
  /* overflow: hidden; */
}
.progressionCircle h1{
  position: relative;
  width: auto;
  /* text-align: left; */
  /* background-color: #00ff2f; */
  font-size: 6rem;
  padding-bottom: 1rem;
}

.progressionCircleContainer, .progressionCircleContainer2{
  position: absolute;
  top: 50%;
  left: clamp(-2.5rem, 1.5vw, 0.5rem);
  transform: translateY(-50%);
  width: clamp(300px, 34vw, 540px);
  height: auto;
  /* background-color: #007bff; */
  pointer-events: none;
  opacity: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 0.8rem;
}

.progressionCircleContainer svg,
.progressionCircleContainer2 svg,
.progressionCircleContainer canvas,
.progressionCircleContainer2 canvas{
  width: 100%;
  height: auto;
}

.lottie-scroll-indicator, .projectMenuIcon {
  position: fixed;
  bottom: 5%;
  left: 50%;
  transform: translateX(-50%);
  width: 100px;
  height: 100px;
  padding: 25px;
  border-radius: 50%;
  pointer-events: none;
  opacity: 0;
  background-color: black;
  z-index: var(--z-index-indicators);
  scale: 0.5;
}

.projectMenuIcon {
  left: 8%;
  display: none;
}

/* === CONTENT STYLES === */
.content-overlay, .contentoverlay2 {
  position: absolute;
  top: 0;
  left: 0;
}

.content-overlay {
  z-index: var(--z-index-contentOverlay1);
  pointer-events: none;
}

.contentoverlay2 {
  z-index: var(--z-index-contentOverlay2);
}


section{
  height: 100vh;
  width: 100vw;
  position: fixed;
  
}

section .container{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

/* h1{
  position: absolute;
} */

h2, h2 span {
  font-size: 60px;
  font-weight: 600;
  line-height: 70px;
  display: block;
  width: 100%;
  font-family: inherit;
  
}

h2 span {
  font-size: 42px;
  font-weight: 400;
  line-height: 52px;
  margin-bottom: 30px;
}

p{
  font-size: 16px;
  line-height: 26px;
  font-weight: 300;
  width: 100%;
  display: block;
  
}

/* === MODAL STYLES === */
#openModalBtn {
  padding: 10px 20px;
  cursor: pointer;
}

.modal {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  pointer-events: all;
  cursor: auto;
  background-color: rgba(56, 56, 56, 0.7);
  z-index: var(--z-index-kontaktOs);
  align-items: center;
  justify-content: center;
}

.modal-content {
  background-color: #ffffff;
  padding: 20px;
  border: 3px solid #888;
  border-radius: 20px;
  width: 80%;
  max-width: 400px;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}


.close-btn {
  color: #aaa;
  font-size: 28px;
  font-weight: bold;
  cursor: pointer;
  align-self: flex-end;
}

.close-btn:hover, .close-btn:focus {
  color: rgb(49, 49, 49);
  text-decoration: none;
  cursor: pointer;
}

.modal-content h2 {
  color: rgb(49, 49, 49);
  font-size: 24px;
  margin-bottom: 20px;
}

.modal-content label {
  color: rgb(49, 49, 49);
  display: block;
  margin-bottom: 10px;
}

.modal-content input[type="email"], 
.modal-content input[type="text"] {
  width: 100%;
  padding: 10px;
  margin-bottom: 20px;
  border-radius: 5px;
  color: #333333;
}

.modal-content input[type="email"], 
.modal-content textarea {
  color: #333333;
}

.modal-content input[type="email"]::placeholder, 
.modal-content textarea::placeholder {
  color: #333333;
}



.modal-content input[type="text"] {
  height: 150px;
}

.modal-content button {
  background-color: green;
  border: none;
  padding: 10px 20px;
  color: #fff;
  border-radius: 5px;
  cursor: pointer;
}

.modal-content button:hover {
  background-color: darkgreen;
}


.modal-content textarea {
  width: 100%;
  height: 150px;
  resize: none;
  padding: 10px;
  margin-bottom: 20px;
  border-radius: 5px;
}

.form-container {
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
}


.slim-content{
  width: 60%;
}

.content-box {
  position: relative;
  height: 260px;
  width: 1300px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.content-box-colorfill {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 70%;
  background-image: linear-gradient(to right, #d1650d, #f8a564);
  border-bottom-left-radius: 50% 20%;
  border-bottom-right-radius: 50% 20%;
}

.content-box-videoholder {
  position: absolute;
  top: 0;
  width: 50%;
  height: 100%;
  background-color: transparent;
}

.project-text {
  width: 100%;
  padding: 20px;
  text-align: left;
}

.project-text h2, .project-text p, .project-text a {
  margin: 0 0 20px 0;
  color: rgb(15, 15, 15);
}

.project-text h2{
  font-size: 24px;
  line-height: normal;
}

.project-text p{
  font-size: 16px;
}

.project-text a.button-link {
  display: inline-block;
  padding: 10px 20px;
  background-color: #eb6d06;
  color: #fff;
  text-decoration: none;
  border-radius: 20px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

.project-text a.button-link:hover {
  background-color: #f8a564;
}

/* -- Responsive changes -- */
@media screen and (max-width: 1180px) {
  
  
  /* main {
    height: calc(100vh + 1000px);
  } */
  main {
    background-image: none;
  }


  body {
    overflow-y: block;
  }
  
  body::-webkit-scrollbar {
    display: block;
  }
  
  
  
  section .container {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
  }
  
  .underside-un_gg{
    display: none;
  }
  
  .lottie-scroll-indicator{
    left: 45%;
    
  }
  
  
  
}

.creatorTag{
  position: fixed;
  z-index: 99999999;
  bottom: 0;
  padding: 2px;
  opacity: 0.5;
  font-weight: 100;
  font-size: 12px;
}

.someTag{
  position: fixed;
  z-index: 99999999;
  bottom: 0;
  padding: 10px;
  padding-right: 25px;
  opacity: 0.7;
  font-weight: 100;
  font-size: 32px;
  right:0;
  display: flex; /* You may use flex or grid layout to manage the spacing between items easily */
  gap: 15px; /* Adjust as necessary */
}


.potentialTest{
  
}






.potentialeBody {
  /* overflow-y: visible; */
  scroll-snap-type: y mandatory; /* Enable vertical scrolling with mandatory snapping */
  overflow-y: visible; /* Enable vertical scrolling */
  height: auto;
  background: linear-gradient(to bottom, blue, green);
}

.potentialeBanner,
.divider,
.videoSection,
.textSection,
.progressionCircle
.quizSection,
.feedbackSection,
.endingBanner {
  scroll-snap-align: start; /* Each child will align to the start of the scroll container */
}



/* .potentialeBanner{
  height: 100vh;
  width: 100%;
  background: linear-gradient(
  rgba(0, 0, 0, 0.7),
  rgba(0, 0, 0, 0.75)
  ),
  url('IMGs/Vindmoeller_Test.jpeg') center center no-repeat;
  background-size: cover;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  justify-content: center;
} */

.potentialeBanner {
  position: relative;
  /* height: clamp(460px, 100vh, 840px); */
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  /* padding: clamp(2rem, 6vw, 5rem); */
  /* padding: clamp(1.5rem, 4vw, 3rem); */
  isolation: isolate;
  background:
    linear-gradient(160deg, rgba(6,18,38,0.85) 0%, rgba(8,24,52,0.45) 45%, rgba(6,18,38,0.78) 100%),
    url("IMGs/Vindmoeller_Test.jpeg") center / cover no-repeat;
  background-attachment: fixed; /* faux parallax */
}

.potentialeBanner::before,
.potentialeBanner::after {
  content: "";
  position: absolute;
  inset: -10%;
  pointer-events: none;
  mix-blend-mode: screen;
}

.potentialeBanner::before {
  background: radial-gradient(circle at 20% 30%, rgba(46,134,255,0.35), rgba(16,48,94,0));
  /* animation: bannerGlow 9s ease-in-out infinite; */
}

.potentialeBanner::after {
  background: radial-gradient(circle at 75% 65%, rgba(255,165,129,0.28), rgba(20,28,38,0));
  /* animation: bannerGlowAlt 11s ease-in-out infinite reverse; */
}

.potentialeBanner__inner {
  position: relative;
  z-index: 1;
  width: min(960px, 100%);
  display: grid;
  gap: 1.6rem;
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: 26px;
  background: rgba(13, 24, 40, 0.55);
  border: 1px solid rgba(255,255,255,0.12);
  color: #f5f9ff;
  backdrop-filter: blur(16px);
  box-shadow: 0 40px 68px rgba(8,18,38,0.45);
}

.potentialeBanner__inner::after {
  content: "";
  position: absolute;
  inset: -30% -20% 60% -25%;
  background: radial-gradient(circle at 40% 40%, rgba(118,196,255,0.3), rgba(118,196,255,0));
  opacity: 0.4;
  transform: translateY(0);
  /* animation: panelMist 7s ease-in-out infinite; */
}

.potentialeBanner__inner h1 {
  margin: 0;
  font-size: clamp(2.3rem, 5vw, 3.7rem);
  line-height: 1.18;
  letter-spacing: 0.01em;
}

.potentialeBanner__inner p {
  margin: 0;
  max-width: 56ch;
  font-size: clamp(1rem, 1.8vw, 1.2rem);
  line-height: 1.62;
  color: rgba(237,243,255,0.85);
}

.potentialeBanner__cta {
  display: inline-flex;
  align-items: center;
  gap: 0.65rem;
  padding: 0.9rem 1.6rem;
  border-radius: 999px;
  text-decoration: none;
  font-weight: 600;
  color: #05142d;
  background: linear-gradient(130deg, #65b6ff, #3c8fff);
  box-shadow: 0 20px 30px rgba(24,74,140,0.55);
  transition: transform 160ms ease, box-shadow 160ms ease;
}

.potentialeBanner__cta:hover {
  transform: translateY(-4px);
  box-shadow: 0 28px 44px rgba(24,74,140,0.62);
}

/* @keyframes bannerGlow {
  0%, 100% { transform: translate(-4%, -2%) scale(1); opacity: 0.65; }
  50% { transform: translate(6%, 4%) scale(1.08); opacity: 0.8; }
}

@keyframes bannerGlowAlt {
  0%, 100% { transform: translate(2%, 6%) scale(1); opacity: 0.58; }
  50% { transform: translate(-5%, -4%) scale(1.05); opacity: 0.72; }
}

@keyframes panelMist {
  0%, 100% { transform: translateY(-4%) scale(1); opacity: 0.32; }
  50% { transform: translateY(5%) scale(1.05); opacity: 0.45; }
} */

@media (max-width: 720px) {
  .potentialeBanner {
    background-attachment: scroll;
    padding: clamp(1.6rem, 5vw, 2.4rem);
  }
  .potentialeBanner__inner {
    border-radius: 22px;
    padding: clamp(1.8rem, 5vw, 2.4rem);
  }
}

/* .potentialeBanner {
  mask-image: radial-gradient(circle at center, black 80%, transparent 100%);
  -webkit-mask-image: radial-gradient(circle at center, black 80%, transparent 100%);
} */

/* Bannere */




/* Biologi */
.fra_affald_til_ressource{
  background: linear-gradient(
  rgba(0, 0, 0, 0.7),
  rgba(0, 0, 0, 0.75)
  ),
  url('IMGs/biologi_fra_affald_til_ressourcer_1.png') center center no-repeat;
  background-size: cover;
  
}

.fra_affald_til_ressource2{
  background: linear-gradient(
  rgba(0, 0, 0, 0.7),
  rgba(0, 0, 0, 0.75)
  ),
  url('IMGs/biologi_fra_affald_til_ressourcer_2.png') center center no-repeat;
  background-size: cover;
}

.fra_dyrevelfrd_til_klimaretfrdighed{
  background: linear-gradient(
  rgba(0, 0, 0, 0.7),
  rgba(0, 0, 0, 0.75)
  ),
  url('IMGs/biologi_fra_dyrevelfrd_til_klimaretfrdighed_1.png') center center no-repeat;
  background-size: cover;
}

.fra_dyrevelfrd_til_klimaretfrdighed2{
  background: linear-gradient(
  rgba(0, 0, 0, 0.7),
  rgba(0, 0, 0, 0.75)
  ),
  url('IMGs/biologi_fra_dyrevelfrd_til_klimaretfrdighed_2.png') center center no-repeat;
  background-size: cover;
}
.prcisionslandbrug{
  background: linear-gradient(
  rgba(0, 0, 0, 0.7),
  rgba(0, 0, 0, 0.75)
  ),
  url('IMGs/biologi_prcisionslandbrug_1.png') center center no-repeat;
  background-size: cover;
}

.prcisionslandbrug2{
  background: linear-gradient(
  rgba(0, 0, 0, 0.7),
  rgba(0, 0, 0, 0.75)
  ),
  url('IMGs/biologi_prcisionslandbrug_2.png') center center no-repeat;
  background-size: cover;
}

/* Geografi */
.cirkulr_konom{
  background: linear-gradient(
  rgba(0, 0, 0, 0.7),
  rgba(0, 0, 0, 0.75)
  ),
  url('IMGs/geografi_cirkulr_konomi_1.png') center center no-repeat;
  background-size: cover;
}

.cirkulr_konom2{
  background: linear-gradient(
  rgba(0, 0, 0, 0.7),
  rgba(0, 0, 0, 0.75)
  ),
  url('IMGs/geografi_cirkulr_konomi_1.png') center center no-repeat;
  background-size: cover;
}

.et_bredygtigt_sundhedsvsen{
  background: linear-gradient(
  rgba(0, 0, 0, 0.7),
  rgba(0, 0, 0, 0.75)
  ),
  url('IMGs/geografi_et_bredygtigt_sundhedsvsen_1.png') center center no-repeat;
  background-size: cover;
}

.et_bredygtigt_sundhedsvsen2{
  background: linear-gradient(
  rgba(0, 0, 0, 0.7),
  rgba(0, 0, 0, 0.75)
  ),
  url('IMGs/geografi_et_bredygtigt_sundhedsvsen_2.png') center center no-repeat;
  background-size: cover;
}

.ovenlysvinduer{
  background: linear-gradient(
  rgba(0, 0, 0, 0.7),
  rgba(0, 0, 0, 0.75)
  ),
  url('IMGs/geografi_ovenlysvinduer_1.png') center center no-repeat;
  background-size: cover;
}

.ovenlysvinduer2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/geografi_ovenlysvinduer_2.png') center center no-repeat;
    background-size: cover;
}

.power-to-x{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/geografi_power-to-x_1.png') center center no-repeat;
    background-size: cover;
}

.power-to-x2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/geografi_power-to-x_2.png') center center no-repeat;
    background-size: cover;
}

.varmepumper{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/geografi_varmepumper_1.png') center center no-repeat;
    background-size: cover;
}

.varmepumper2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/geografi_varmepumper_2.png') center center no-repeat;
    background-size: cover;
}

.vindmller{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/geografi_vindmller_1.png') center center no-repeat;
    background-size: cover;
}

.vindmller2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/geografi_vindmller_2.png') center center no-repeat;
    background-size: cover;
}

/* Historie */
.reduceret_arbejdstid{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/historie_reduceret_arbejdstid_1.png') center center no-repeat;
    background-size: cover;
}
.reduceret_arbejdstid2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/historie_reduceret_arbejdstid_2.png') center center no-repeat;
    background-size: cover;
}

.bedre_fysiskearbejdsmiljer{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/historie_bedre_fysiske_arbejdsmiljer_1.png') center center no-repeat;
    background-size: cover;
}

.bedre_fysiskearbejdsmiljer2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/historie_bedre_fysiske_arbejdsmiljer_2.png') center center no-repeat;
    background-size: cover;
}

.bedre_psykiske_arbejdsmiljer{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/historie_bedre_psykiske_arbejdsmiljer_1.png') center center no-repeat;
    background-size: cover;
}
.bedre_psykiske_arbejdsmiljer2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/historie_bedre_psykiske_arbejdsmiljer_2.png') center center no-repeat;
    background-size: cover;
}

.bredygtig_opdragelse{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/historie_bredygtig_opdragelse_1.png') center center no-repeat;
    background-size: cover;
}
.bredygtig_opdragelse2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/historie_bredygtig_opdragelse_2.png') center center no-repeat;
    background-size: cover;
}

.forebyggelse{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/historie_forebyggelse_1.png') center center no-repeat;
    background-size: cover;
}
.forebyggelse2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/historie_forebyggelse_2.png') center center no-repeat;
    background-size: cover;
}

.ressourceforbrug{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/historie_ressourceforbrug_1.png') center center no-repeat;
    background-size: cover;
}
.ressourceforbrug2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/historie_ressourceforbrug_2.png') center center no-repeat;
    background-size: cover;
}


/* Samfundsfag */
.bredygtigt_byggeri{
  background: linear-gradient(
  rgba(0, 0, 0, 0.7),
  rgba(0, 0, 0, 0.75)
  ),
  url('IMGs/samfundsfag_bredygtigt_byggeri_1.png') center center no-repeat;
  background-size: cover;
}

.bredygtigt_byggeri2{
  background: linear-gradient(
  rgba(0, 0, 0, 0.7),
  rgba(0, 0, 0, 0.75)
  ),
  url('IMGs/samfundsfag_bredygtigt_byggeri_2.png') center center no-repeat;
  background-size: cover;
}

.demokrati{
  background: linear-gradient(
  rgba(0, 0, 0, 0.7),
  rgba(0, 0, 0, 0.75)
  ),
  url('IMGs/samfundsfag_demokrati_1.png') center center no-repeat;
  background-size: cover;
}

.demokrati2{
  background: linear-gradient(
  rgba(0, 0, 0, 0.7),
  rgba(0, 0, 0, 0.75)
  ),
  url('IMGs/samfundsfag_demokrati_2.png') center center no-repeat;
  background-size: cover;
}

.den_grnne_businesscase{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/samfundsfag_den_grnne_businesscase_1.png') center center no-repeat;
    background-size: cover;
}
.den_grnne_businesscase2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/samfundsfag_den_grnne_businesscase_2.png') center center no-repeat;
    background-size: cover;
}

.lokale_forandringsagenter_i_velfrdsstaten{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/samfundsfag_lokale_forandringsagenter_i_velfrdsstaten_1.png') center center no-repeat;
    background-size: cover;
}
.lokale_forandringsagenter_i_velfrdsstaten2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/samfundsfag_lokale_forandringsagenter_i_velfrdsstaten_2.png') center center no-repeat;
    background-size: cover;
}

.genanvendelse{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/samfundsfag_genanvendelse_1.png') center center no-repeat;
    background-size: cover;
}
.genanvendelse2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/samfundsfag_genanvendelse_2.png') center center no-repeat;
    background-size: cover;
}

.grn_strm{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/samfundsfag_grn_strm_1.png') center center no-repeat;
    background-size: cover;
}
.grn_strm2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/samfundsfag_grn_strm_2.png') center center no-repeat;
    background-size: cover;
}

.grnne_offentlige_indkb{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/samfundsfag_grnne_offentlige_indkb_1.png') center center no-repeat;
    background-size: cover;
}
.grnne_offentlige_indkb2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/samfundsfag_grnne_offentlige_indkb_2.png') center center no-repeat;
    background-size: cover;
}

/* Konfliktnedtrapning */
.konfliktnedtrapning{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/samfundsfag_konfliktnedtrapning_1.png') center center no-repeat;
    background-size: cover;
}
.konfliktnedtrapning2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/samfundsfag_konfliktnedtrapning_2.png') center center no-repeat;
    background-size: cover;
}



.lokale_forandringsagenter_i_velfrdsstaten{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/samfundsfag_lokale_forandringsagenter_i_velfrdsstaten_1.png') center center no-repeat;
    background-size: cover;
}
.lokale_forandringsagenter_i_velfrdsstaten2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/samfundsfag_lokale_forandringsagenter_i_velfrdsstaten_2.png') center center no-repeat;
    background-size: cover;
}

.stop_greenwashing{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/samfundsfag_stop_greenwashing_1.png') center center no-repeat;
    background-size: cover;
}
.stop_greenwashing2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/samfundsfag_stop_greenwashing_2.png') center center no-repeat;
    background-size: cover;
}



.strmbesparelser{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/samfundsfag_strmbesparelser_1.png') center center no-repeat;
    background-size: cover;
}
.strmbesparelser2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/samfundsfag_strmbesparelser_2.png') center center no-repeat;
    background-size: cover;
}

.velfrdsteknologi{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/samfundsfag_velfrdsteknologi_1.png') center center no-repeat;
    background-size: cover;
}
.velfrdsteknologi2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/samfundsfag_velfrdsteknologi_2.png') center center no-repeat;
    background-size: cover;
}

.naturrettigheder{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/samfundsfag_naturrettigheder_1.png') center center no-repeat;
    background-size: cover;
}
.naturrettigheder2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/samfundsfag_naturrettigheder_2.png') center center no-repeat;
    background-size: cover;
}

/* Det Politiske System Retsstat og Rettigheder */
.styreform{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/samfundsfag_det_politiske_system_retsstat_og_rettigheder_1.png') center center no-repeat;
    background-size: cover;
}
.styreform2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/samfundsfag_det_politiske_system_retsstat_og_rettigheder_2.png') center center no-repeat;
    background-size: cover;
}


.potentialeBanner > * {
  margin-bottom: 20px; /* Adds space below each item */
}

.divider{
  height: 10vw;
  width: 100%;
  background-color: #43a412;
  background: linear-gradient(
  rgba(0, 0, 0, 0.7), /* Start color: Black with 50% opacity */
  rgba(0, 0, 0, 0.75)  /* End color: Same, for an even overlay */
  ),
  url('IMGs/AdobeStock_382114902.jpeg') bottom no-repeat; /* Image layer */
  background-size: cover; /* Cover the entire area of the container */
  /* background-attachment: fixed; */
}

.divider {
  position: relative;
  width: 100%;
  height: clamp(120px, 10vw, 240px);
  overflow: hidden;
  isolation: isolate;

  /* Samme dybe gradientlag + baggrundsbillede */
  background:
    linear-gradient(160deg, rgba(6,18,38,0.85) 0%, rgba(8,24,52,0.45) 45%, rgba(6,18,38,0.78) 100%),
    url('IMGs/AdobeStock_382114902.jpeg') center bottom / cover no-repeat;
  /* background-attachment: fixed; */
}

/* Lette lys- og farveoverlays inspireret af potentialeBanner */
.divider::before,
.divider::after {
  content: "";
  position: absolute;
  inset: -10%;
  pointer-events: none;
  mix-blend-mode: screen;
  transform-origin: center;
}

/* Koldt blåligt glødlag */
.divider::before {
  background: radial-gradient(circle at 25% 40%, rgba(46,134,255,0.28), rgba(16,48,94,0));
  opacity: 0.55;
}

/* Varmt orange/gyldent glødlag */
.divider::after {
  background: radial-gradient(circle at 75% 65%, rgba(255,165,129,0.22), rgba(20,28,38,0));
  opacity: 0.45;
}

/* Let glas-effekt på hele båndet */
.divider::before,
.divider::after {
  backdrop-filter: blur(6px);
}

/* Responsiv tilpasning */
@media (max-width: 720px) {
  .divider {
    background-attachment: scroll;
    height: clamp(100px, 16vw, 160px);
  }
}

.konfliktnedtrapning_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_konfliktnedtrapning_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.konfliktnedtrapning_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_konfliktnedtrapning_divider_2.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.konfliktnedtrapning_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_konfliktnedtrapning_divider_3.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.konfliktnedtrapning_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_konfliktnedtrapning_divider_4.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.konfliktnedtrapning_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_konfliktnedtrapning_divider_5.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.konfliktnedtrapning_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_konfliktnedtrapning_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.konfliktnedtrapning_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_konfliktnedtrapning_divider_2.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.styreform_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_det_politiske_system_retsstat_og_rettigheder_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.styreform_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_det_politiske_system_retsstat_og_rettigheder_divider_2.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.styreform_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_det_politiske_system_retsstat_og_rettigheder_divider_3.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.styreform_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_det_politiske_system_retsstat_og_rettigheder_divider_4.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.styreform_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_det_politiske_system_retsstat_og_rettigheder_divider_5.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.styreform_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_det_politiske_system_retsstat_og_rettigheder_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.styreform_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_det_politiske_system_retsstat_og_rettigheder_divider_2.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.bredygtigt_byggeri_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_bredygtigt_byggeri_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.bredygtigt_byggeri_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_bredygtigt_byggeri_divider_2.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.bredygtigt_byggeri_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_bredygtigt_byggeri_divider_3.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.bredygtigt_byggeri_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_bredygtigt_byggeri_divider_4.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.bredygtigt_byggeri_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_bredygtigt_byggeri_divider_5.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.bredygtigt_byggeri_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_bredygtigt_byggeri_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.bredygtigt_byggeri_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_bredygtigt_byggeri_divider_2.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.demokrati_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_demokrati_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.demokrati_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_demokrati_divider_2.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.demokrati_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_demokrati_divider_3.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.demokrati_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_demokrati_divider_4.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.demokrati_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_demokrati_divider_5.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.den_grnne_businesscase_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_den_grnne_businesscase_divider_1.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.den_grnne_businesscase_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_den_grnne_businesscase_divider_2.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.den_grnne_businesscase_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_den_grnne_businesscase_divider_3.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.den_grnne_businesscase_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_den_grnne_businesscase_divider_4.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.den_grnne_businesscase_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_den_grnne_businesscase_divider_5.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.den_grnne_businesscase_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_den_grnne_businesscase_divider_6.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.den_grnne_businesscase_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_den_grnne_businesscase_divider_7.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}


/* ////// */
.lokale_forandringsagenter_i_velfrdsstaten_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_lokale_forandringsagenter_i_velfrdsstaten_divider_1.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.lokale_forandringsagenter_i_velfrdsstaten_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_lokale_forandringsagenter_i_velfrdsstaten_divider_2.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.lokale_forandringsagenter_i_velfrdsstaten_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_lokale_forandringsagenter_i_velfrdsstaten_divider_3.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.lokale_forandringsagenter_i_velfrdsstaten_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_lokale_forandringsagenter_i_velfrdsstaten_divider_4.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.lokale_forandringsagenter_i_velfrdsstaten_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_lokale_forandringsagenter_i_velfrdsstaten_divider_5.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.lokale_forandringsagenter_i_velfrdsstaten_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_lokale_forandringsagenter_i_velfrdsstaten_divider_6.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.lokale_forandringsagenter_i_velfrdsstaten_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_lokale_forandringsagenter_i_velfrdsstaten_divider_7.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}
/* ////// */


/* ////// */
.genanvendelse_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_genanvendelse_divider_1.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.genanvendelse_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_genanvendelse_divider_2.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.genanvendelse_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_genanvendelse_divider_3.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.genanvendelse_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_genanvendelse_divider_4.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.genanvendelse_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_genanvendelse_divider_5.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.genanvendelse_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_genanvendelse_divider_6.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.genanvendelse_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_genanvendelse_divider_7.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}


/* ////// */
.grn_strm_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_grn_strm_divider_1.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.grn_strm_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_grn_strm_divider_2.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.grn_strm_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_grn_strm_divider_3.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.grn_strm_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_grn_strm_divider_4.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.grn_strm_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_grn_strm_divider_5.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.grn_strm_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_grn_strm_divider_6.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.grn_strm_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_grn_strm_divider_7.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}


/* ////// */
.reduceret_arbejdstid_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_reduceret_arbejdstid_divider_1.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.reduceret_arbejdstid_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_reduceret_arbejdstid_divider_2.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.reduceret_arbejdstid_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_reduceret_arbejdstid_divider_3.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.reduceret_arbejdstid_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_reduceret_arbejdstid_divider_4.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.reduceret_arbejdstid_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_reduceret_arbejdstid_divider_5.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.reduceret_arbejdstid_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_reduceret_arbejdstid_divider_6.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.reduceret_arbejdstid_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_reduceret_arbejdstid_divider_7.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}


/* ////// */
.bredygtigt_byggeri_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_bredygtigt_byggeri_divider_1.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.bredygtigt_byggeri_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_bredygtigt_byggeri_divider_2.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.bredygtigt_byggeri_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_bredygtigt_byggeri_divider_3.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.bredygtigt_byggeri_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_bredygtigt_byggeri_divider_4.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.bredygtigt_byggeri_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_bredygtigt_byggeri_divider_5.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.bredygtigt_byggeri_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_bredygtigt_byggeri_divider_6.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.bredygtigt_byggeri_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_bredygtigt_byggeri_divider_7.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.lokale_forandringsagenter_i_velfrdsstaten_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_lokale_forandringsagenter_i_velfrdsstaten_divider_1.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.lokale_forandringsagenter_i_velfrdsstaten_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_lokale_forandringsagenter_i_velfrdsstaten_divider_2.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.lokale_forandringsagenter_i_velfrdsstaten_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_lokale_forandringsagenter_i_velfrdsstaten_divider_3.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.lokale_forandringsagenter_i_velfrdsstaten_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_lokale_forandringsagenter_i_velfrdsstaten_divider_4.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.lokale_forandringsagenter_i_velfrdsstaten_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_lokale_forandringsagenter_i_velfrdsstaten_divider_5.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.lokale_forandringsagenter_i_velfrdsstaten_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_lokale_forandringsagenter_i_velfrdsstaten_divider_6.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.lokale_forandringsagenter_i_velfrdsstaten_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_lokale_forandringsagenter_i_velfrdsstaten_divider_7.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.genanvendelse_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_genanvendelse_divider_1.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.genanvendelse_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_genanvendelse_divider_2.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.genanvendelse_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_genanvendelse_divider_3.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.genanvendelse_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_genanvendelse_divider_4.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.genanvendelse_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_genanvendelse_divider_5.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.genanvendelse_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_genanvendelse_divider_6.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.genanvendelse_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_genanvendelse_divider_7.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.grn_strm_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_grn_strm_divider_1.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.grn_strm_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_grn_strm_divider_2.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.grn_strm_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_grn_strm_divider_3.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.grn_strm_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_grn_strm_divider_4.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.grn_strm_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_grn_strm_divider_5.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.grn_strm_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_grn_strm_divider_6.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.grn_strm_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_grn_strm_divider_7.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}


.reduceret_arbejdstid_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/historie_reduceret_arbejdstid_divider_1.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.reduceret_arbejdstid_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/historie_reduceret_arbejdstid_divider_2.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.reduceret_arbejdstid_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/historie_reduceret_arbejdstid_divider_3.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.reduceret_arbejdstid_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/historie_reduceret_arbejdstid_divider_4.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.reduceret_arbejdstid_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/historie_reduceret_arbejdstid_divider_5.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.reduceret_arbejdstid_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/historie_reduceret_arbejdstid_divider_6.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.reduceret_arbejdstid_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/historie_reduceret_arbejdstid_divider_7.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}


.bedre_fysiskearbejdsmiljer_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/historie_bedre_fysiskearbejdsmiljer_divider_1.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.bedre_fysiskearbejdsmiljer_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/historie_bedre_fysiskearbejdsmiljer_divider_2.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.bedre_fysiskearbejdsmiljer_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/historie_bedre_fysiskearbejdsmiljer_divider_3.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.bedre_fysiskearbejdsmiljer_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/historie_bedre_fysiskearbejdsmiljer_divider_4.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.bedre_fysiskearbejdsmiljer_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/historie_bedre_fysiskearbejdsmiljer_divider_5.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.bedre_fysiskearbejdsmiljer_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/historie_bedre_fysiskearbejdsmiljer_divider_6.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.bedre_fysiskearbejdsmiljer_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/historie_bedre_fysiskearbejdsmiljer_divider_7.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.bedre_psykiske_arbejdsmiljer_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/historie_bedre_psykiske_arbejdsmiljer_divider_1.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.bedre_psykiske_arbejdsmiljer_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/historie_bedre_psykiske_arbejdsmiljer_divider_2.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.bedre_psykiske_arbejdsmiljer_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/historie_bedre_psykiske_arbejdsmiljer_divider_3.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.bedre_psykiske_arbejdsmiljer_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/historie_bedre_psykiske_arbejdsmiljer_divider_4.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.bedre_psykiske_arbejdsmiljer_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/historie_bedre_psykiske_arbejdsmiljer_divider_5.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.bedre_psykiske_arbejdsmiljer_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/historie_bedre_psykiske_arbejdsmiljer_divider_6.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.bedre_psykiske_arbejdsmiljer_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/historie_bedre_psykiske_arbejdsmiljer_divider_7.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.bredygtig_opdragelse_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/historie_bredygtig_opdragelse_divider_1.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.bredygtig_opdragelse_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/historie_bredygtig_opdragelse_divider_2.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.bredygtig_opdragelse_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/historie_bredygtig_opdragelse_divider_3.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.bredygtig_opdragelse_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/historie_bredygtig_opdragelse_divider_4.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.bredygtig_opdragelse_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/historie_bredygtig_opdragelse_divider_5.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.bredygtig_opdragelse_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/historie_bredygtig_opdragelse_divider_6.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.bredygtig_opdragelse_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/historie_bredygtig_opdragelse_divider_7.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.forebyggelse_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/historie_forebyggelse_divider_1.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.forebyggelse_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/historie_forebyggelse_divider_2.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.forebyggelse_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/historie_forebyggelse_divider_3.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.forebyggelse_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/historie_forebyggelse_divider_4.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.forebyggelse_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/historie_forebyggelse_divider_5.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.forebyggelse_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/historie_forebyggelse_divider_6.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.forebyggelse_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/historie_forebyggelse_divider_7.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.grnne_offentlige_indkb_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_grnne_offentlige_indkb_divider_1.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.grnne_offentlige_indkb_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_grnne_offentlige_indkb_divider_2.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.grnne_offentlige_indkb_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_grnne_offentlige_indkb_divider_3.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.grnne_offentlige_indkb_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_grnne_offentlige_indkb_divider_4.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.grnne_offentlige_indkb_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_grnne_offentlige_indkb_divider_5.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.grnne_offentlige_indkb_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_grnne_offentlige_indkb_divider_6.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.grnne_offentlige_indkb_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_grnne_offentlige_indkb_divider_7.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.stop_greenwashing_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_stop_greenwashing_divider_1.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.stop_greenwashing_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_stop_greenwashing_divider_2.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.stop_greenwashing_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_stop_greenwashing_divider_3.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.stop_greenwashing_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_stop_greenwashing_divider_4.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.stop_greenwashing_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_stop_greenwashing_divider_5.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.stop_greenwashing_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_stop_greenwashing_divider_6.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.stop_greenwashing_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_stop_greenwashing_divider_7.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.strmbesparelser_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_strmbesparelser_divider_1.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.strmbesparelser_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_strmbesparelser_divider_2.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.strmbesparelser_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_strmbesparelser_divider_3.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.strmbesparelser_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_strmbesparelser_divider_4.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.strmbesparelser_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_strmbesparelser_divider_5.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.strmbesparelser_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_strmbesparelser_divider_6.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.strmbesparelser_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_strmbesparelser_divider_7.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.velfrdsteknologi_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_velfrdsteknologi_divider_1.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.velfrdsteknologi_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_velfrdsteknologi_divider_2.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.velfrdsteknologi_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_velfrdsteknologi_divider_3.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.velfrdsteknologi_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_velfrdsteknologi_divider_4.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.velfrdsteknologi_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_velfrdsteknologi_divider_5.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.velfrdsteknologi_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_velfrdsteknologi_divider_6.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.velfrdsteknologi_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_velfrdsteknologi_divider_7.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.ressourceforbrug_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/historie_ressourceforbrug_divider_1.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.ressourceforbrug_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/historie_ressourceforbrug_divider_2.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.ressourceforbrug_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/historie_ressourceforbrug_divider_3.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.ressourceforbrug_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/historie_ressourceforbrug_divider_4.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.ressourceforbrug_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/historie_ressourceforbrug_divider_5.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.ressourceforbrug_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/historie_ressourceforbrug_divider_6.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.ressourceforbrug_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/historie_ressourceforbrug_divider_7.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}


.naturrettigheder_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_naturrettigheder_divider_1.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.naturrettigheder_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_naturrettigheder_divider_2.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.naturrettigheder_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_naturrettigheder_divider_3.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.naturrettigheder_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_naturrettigheder_divider_4.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.naturrettigheder_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_naturrettigheder_divider_5.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.naturrettigheder_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_naturrettigheder_divider_6.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.naturrettigheder_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_naturrettigheder_divider_7.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.fra_affald_til_ressource_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/biologi_fra_affald_til_ressource_divider_1.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.fra_affald_til_ressource_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/biologi_fra_affald_til_ressource_divider_2.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.fra_affald_til_ressource_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/biologi_fra_affald_til_ressource_divider_3.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.fra_affald_til_ressource_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/biologi_fra_affald_til_ressource_divider_4.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.fra_affald_til_ressource_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/biologi_fra_affald_til_ressource_divider_5.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.fra_affald_til_ressource_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/biologi_fra_affald_til_ressource_divider_6.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.fra_affald_til_ressource_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/biologi_fra_affald_til_ressource_divider_7.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.fra_dyrevelfrd_til_klimaretfrdighed_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/biologi_fra_dyrevelfrd_til_klimaretfrdighed_divider_1.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.fra_dyrevelfrd_til_klimaretfrdighed_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/biologi_fra_dyrevelfrd_til_klimaretfrdighed_divider_2.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.fra_dyrevelfrd_til_klimaretfrdighed_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/biologi_fra_dyrevelfrd_til_klimaretfrdighed_divider_3.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.fra_dyrevelfrd_til_klimaretfrdighed_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/biologi_fra_dyrevelfrd_til_klimaretfrdighed_divider_4.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.fra_dyrevelfrd_til_klimaretfrdighed_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/biologi_fra_dyrevelfrd_til_klimaretfrdighed_divider_5.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.fra_dyrevelfrd_til_klimaretfrdighed_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/biologi_fra_dyrevelfrd_til_klimaretfrdighed_divider_6.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.fra_dyrevelfrd_til_klimaretfrdighed_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/biologi_fra_dyrevelfrd_til_klimaretfrdighed_divider_7.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.prcisionslandbrug_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/biologi_prcisionslandbrug_divider_1.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.prcisionslandbrug_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/biologi_prcisionslandbrug_divider_2.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.prcisionslandbrug_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/biologi_prcisionslandbrug_divider_3.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.prcisionslandbrug_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/biologi_prcisionslandbrug_divider_4.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.prcisionslandbrug_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/biologi_prcisionslandbrug_divider_5.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.prcisionslandbrug_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/biologi_prcisionslandbrug_divider_6.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.prcisionslandbrug_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/biologi_prcisionslandbrug_divider_7.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}


.cirkulr_konomi_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/geografi_cirkulr_konomi_divider_1.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.cirkulr_konomi_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/geografi_cirkulr_konomi_divider_2.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.cirkulr_konomi_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/geografi_cirkulr_konomi_divider_3.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.cirkulr_konomi_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/geografi_cirkulr_konomi_divider_4.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.cirkulr_konomi_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/geografi_cirkulr_konomi_divider_5.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.cirkulr_konomi_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/geografi_cirkulr_konomi_divider_6.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.cirkulr_konomi_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/geografi_cirkulr_konomi_divider_7.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.et_bredygtigt_sundhedsvsen_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/geografi_et_bredygtigt_sundhedsvsen_divider_1.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.et_bredygtigt_sundhedsvsen_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/geografi_et_bredygtigt_sundhedsvsen_divider_2.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.et_bredygtigt_sundhedsvsen_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/geografi_et_bredygtigt_sundhedsvsen_divider_3.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.et_bredygtigt_sundhedsvsen_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/geografi_et_bredygtigt_sundhedsvsen_divider_4.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.et_bredygtigt_sundhedsvsen_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/geografi_et_bredygtigt_sundhedsvsen_divider_5.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.et_bredygtigt_sundhedsvsen_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/geografi_et_bredygtigt_sundhedsvsen_divider_6.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.et_bredygtigt_sundhedsvsen_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/geografi_et_bredygtigt_sundhedsvsen_divider_7.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.ovenlysvinduer_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/geografi_ovenlysvinduer_divider_1.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.ovenlysvinduer_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/geografi_ovenlysvinduer_divider_2.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.ovenlysvinduer_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/geografi_ovenlysvinduer_divider_3.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.ovenlysvinduer_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/geografi_ovenlysvinduer_divider_4.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.ovenlysvinduer_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/geografi_ovenlysvinduer_divider_5.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.ovenlysvinduer_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/geografi_ovenlysvinduer_divider_6.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.ovenlysvinduer_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/geografi_ovenlysvinduer_divider_7.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.power-to-x_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/geografi_power-to-x_divider_1.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.power-to-x_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/geografi_power-to-x_divider_2.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.power-to-x_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/geografi_power-to-x_divider_3.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.power-to-x_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/geografi_power-to-x_divider_4.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.power-to-x_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/geografi_power-to-x_divider_5.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.power-to-x_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/geografi_power-to-x_divider_6.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.power-to-x_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/geografi_power-to-x_divider_7.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.varmepumper_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/geografi_varmepumper_divider_1.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.varmepumper_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/geografi_varmepumper_divider_2.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.varmepumper_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/geografi_varmepumper_divider_3.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.varmepumper_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/geografi_varmepumper_divider_4.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.varmepumper_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/geografi_varmepumper_divider_5.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.varmepumper_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/geografi_varmepumper_divider_6.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.varmepumper_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/geografi_varmepumper_divider_7.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.vindmller_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/geografi_vindmller_divider_1.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.vindmller_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/geografi_vindmller_divider_2.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.vindmller_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/geografi_vindmller_divider_3.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.vindmller_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/geografi_vindmller_divider_4.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.vindmller_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/geografi_vindmller_divider_5.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.vindmller_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/geografi_vindmller_divider_6.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.vindmller_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/geografi_vindmller_divider_7.png');
  background-position: center; /* Position at the center */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

/* Herstory */
.herstory{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/engelsk_herstory_1.png') center center no-repeat;
    background-size: cover;
}
.herstory2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/engelsk_herstory_2.png') center center no-repeat;
    background-size: cover;
}

.herstory_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/engelsk_herstory_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.herstory_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/engelsk_herstory_divider_2.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.herstory_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/engelsk_herstory_divider_3.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.herstory_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/engelsk_herstory_divider_4.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.herstory_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/engelsk_herstory_divider_5.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.herstory_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/engelsk_herstory_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.herstory_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/engelsk_herstory_divider_2.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

/* ---- Nye potentialer ---- */

/* Avantgarden */
.avantgarden{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/samfundsfag_avantgarden_1.png') center center no-repeat;
    background-size: cover;
}
.avantgarden2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/samfundsfag_avantgarden_2.png') center center no-repeat;
    background-size: cover;
}


.avantgarden_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_avantgarden_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.avantgarden_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_avantgarden_divider_2.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.avantgarden_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_avantgarden_divider_3.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.avantgarden_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_avantgarden_divider_4.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.avantgarden_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_avantgarden_divider_5.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.avantgarden_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_avantgarden_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.avantgarden_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_avantgarden_divider_2.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

/* Demokratisk Overskud */
.demokratisk_overskud{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/samfundsfag_demokratisk_overskud_1.png') center center no-repeat;
    background-size: cover;
}
.demokratisk_overskud2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/samfundsfag_demokratisk_overskud_2.png') center center no-repeat;
    background-size: cover;
}

.demokratisk_overskud_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_demokratisk_overskud_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.demokratisk_overskud_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_demokratisk_overskud_divider_2.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.demokratisk_overskud_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_demokratisk_overskud_divider_3.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.demokratisk_overskud_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_demokratisk_overskud_divider_4.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.demokratisk_overskud_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_demokratisk_overskud_divider_5.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.demokratisk_overskud_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_demokratisk_overskud_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.demokratisk_overskud_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_demokratisk_overskud_divider_2.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

/* Det politiske system, retsstat og rettigheder */
.det_politiske_system_retsstat_og_rettigheder{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/samfundsfag_det_politiske_system_retsstat_og_rettigheder_1.png') center center no-repeat;
    background-size: cover;
}
.det_politiske_system_retsstat_og_rettigheder2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/samfundsfag_det_politiske_system_retsstat_og_rettigheder_2.png') center center no-repeat;
    background-size: cover;
}

.det_politiske_system_retsstat_og_rettigheder_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_det_politiske_system_retsstat_og_rettigheder_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.det_politiske_system_retsstat_og_rettigheder_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_det_politiske_system_retsstat_og_rettigheder_divider_2.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.det_politiske_system_retsstat_og_rettigheder_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_det_politiske_system_retsstat_og_rettigheder_divider_3.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.det_politiske_system_retsstat_og_rettigheder_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_det_politiske_system_retsstat_og_rettigheder_divider_4.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.det_politiske_system_retsstat_og_rettigheder_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_det_politiske_system_retsstat_og_rettigheder_divider_5.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.det_politiske_system_retsstat_og_rettigheder_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_det_politiske_system_retsstat_og_rettigheder_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.det_politiske_system_retsstat_og_rettigheder_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_det_politiske_system_retsstat_og_rettigheder_divider_2.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

/* Familietyper */
.familietyper{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/samfundsfag_familietyper_1.png') center center no-repeat;
    background-size: cover;
}
.familietyper2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/samfundsfag_familietyper_2.png') center center no-repeat;
    background-size: cover;
}


.familietyper_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_familietyper_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.familietyper_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_familietyper_divider_2.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.familietyper_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_familietyper_divider_3.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.familietyper_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_familietyper_divider_4.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.familietyper_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_familietyper_divider_5.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.familietyper_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_familietyper_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.familietyper_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_familietyper_divider_2.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}


/* Fattigdomsbegrebet */
.fattigdomsbegrebet{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/samfundsfag_fattigdomsbegrebet_1.png') center center no-repeat;
    background-size: cover;
}
.fattigdomsbegrebet2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/samfundsfag_fattigdomsbegrebet_2.png') center center no-repeat;
    background-size: cover;
}

.fattigdomsbegrebet_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_fattigdomsbegrebet_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.fattigdomsbegrebet_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_fattigdomsbegrebet_divider_2.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.fattigdomsbegrebet_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_fattigdomsbegrebet_divider_3.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.fattigdomsbegrebet_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_fattigdomsbegrebet_divider_4.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.fattigdomsbegrebet_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_fattigdomsbegrebet_divider_5.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.fattigdomsbegrebet_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_fattigdomsbegrebet_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.fattigdomsbegrebet_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_fattigdomsbegrebet_divider_2.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

/* Forbrugermagt */
.forbrugermagt{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/samfundsfag_forbrugermagt_1.png') center center no-repeat;
    background-size: cover;
}
.forbrugermagt2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/samfundsfag_forbrugermagt_2.png') center center no-repeat;
    background-size: cover;
}


.forbrugermagt_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_forbrugermagt_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.forbrugermagt_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_forbrugermagt_divider_2.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.forbrugermagt_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_forbrugermagt_divider_3.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.forbrugermagt_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_forbrugermagt_divider_4.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.forbrugermagt_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_forbrugermagt_divider_5.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.forbrugermagt_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_forbrugermagt_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.forbrugermagt_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_forbrugermagt_divider_2.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

/* Forureneren betaler */
.forureneren_betaler{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/samfundsfag_forureneren_betaler_1.png') center center no-repeat;
    background-size: cover;
}
.forureneren_betaler2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/samfundsfag_forureneren_betaler_2.png') center center no-repeat;
    background-size: cover;
}

.forureneren_betaler_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_forureneren_betaler_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.forureneren_betaler_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_forureneren_betaler_divider_2.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.forureneren_betaler_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_forureneren_betaler_divider_3.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.forureneren_betaler_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_forureneren_betaler_divider_4.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.forureneren_betaler_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_forureneren_betaler_divider_5.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.forureneren_betaler_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_forureneren_betaler_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.forureneren_betaler_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_forureneren_betaler_divider_2.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

/* Globalisering - 5 måder */
.globalisering_p_5_mder{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/samfundsfag_globalisering_p_5_mder_1.png') center center no-repeat;
    background-size: cover;
}
.globalisering_p_5_mder2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/samfundsfag_globalisering_p_5_mder_2.png') center center no-repeat;
    background-size: cover;
}

.globalisering_p_5_mder_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_globalisering_p_5_mder_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.globalisering_p_5_mder_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_globalisering_p_5_mder_divider_2.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.globalisering_p_5_mder_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_globalisering_p_5_mder_divider_3.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.globalisering_p_5_mder_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_globalisering_p_5_mder_divider_4.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.globalisering_p_5_mder_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_globalisering_p_5_mder_divider_5.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.globalisering_p_5_mder_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_globalisering_p_5_mder_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.globalisering_p_5_mder_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_globalisering_p_5_mder_divider_2.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

/* Goffmann */
.goffmann{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/samfundsfag_goffmann_1.png') center center no-repeat;
    background-size: cover;
}
.goffmann2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/samfundsfag_goffmann_2.png') center center no-repeat;
    background-size: cover;
}


.goffmann_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_goffmann_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.goffmann_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_goffmann_divider_2.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.goffmann_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_goffmann_divider_3.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.goffmann_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_goffmann_divider_4.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.goffmann_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_goffmann_divider_5.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.goffmann_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_goffmann_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.goffmann_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_goffmann_divider_2.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

/* Grøn arbejdskraft */
.grn_arbejdskraft{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/samfundsfag_grn_arbejdskraft_1.png') center center no-repeat;
    background-size: cover;
}
.grn_arbejdskraft2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/samfundsfag_grn_arbejdskraft_2.png') center center no-repeat;
    background-size: cover;
}

.grn_arbejdskraft_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_grn_arbejdskraft_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.grn_arbejdskraft_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_grn_arbejdskraft_divider_2.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.grn_arbejdskraft_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_grn_arbejdskraft_divider_3.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.grn_arbejdskraft_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_grn_arbejdskraft_divider_4.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.grn_arbejdskraft_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_grn_arbejdskraft_divider_5.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.grn_arbejdskraft_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_grn_arbejdskraft_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.grn_arbejdskraft_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_grn_arbejdskraft_divider_2.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover;
}

/* Grn_socialisering */
.grn_socialisering{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/samfundsfag_grn_socialisering_1.png') center center no-repeat;
    background-size: cover;
}
.grn_socialisering2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/samfundsfag_grn_socialisering_2.png') center center no-repeat;
    background-size: cover;
}


.grn_socialisering_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_grn_socialisering_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.grn_socialisering_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_grn_socialisering_divider_2.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.grn_socialisering_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_grn_socialisering_divider_3.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.grn_socialisering_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_grn_socialisering_divider_4.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.grn_socialisering_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_grn_socialisering_divider_5.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.grn_socialisering_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_grn_socialisering_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.grn_socialisering_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_grn_socialisering_divider_2.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

/* Informationsasymmetri */
.informationsasymmetri{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/samfundsfag_informationsasymmetri_1.png') center center no-repeat;
    background-size: cover;
}
.informationsasymmetri2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/samfundsfag_informationsasymmetri_2.png') center center no-repeat;
    background-size: cover;
}

.informationsasymmetri_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_informationsasymmetri_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.informationsasymmetri_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_informationsasymmetri_divider_2.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.informationsasymmetri_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_informationsasymmetri_divider_3.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.informationsasymmetri_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_informationsasymmetri_divider_4.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.informationsasymmetri_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_informationsasymmetri_divider_5.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.informationsasymmetri_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_informationsasymmetri_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.informationsasymmetri_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_informationsasymmetri_divider_2.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

/* International Politik */
.international_politik{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/samfundsfag_international_politik_1.png') center center no-repeat;
    background-size: cover;
}
.international_politik2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/samfundsfag_international_politik_2.png') center center no-repeat;
    background-size: cover;
}


.international_politik_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_international_politik_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.international_politik_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_international_politik_divider_2.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.international_politik_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_international_politik_divider_3.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.international_politik_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_international_politik_divider_4.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.international_politik_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_international_politik_divider_5.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.international_politik_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_international_politik_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.international_politik_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_international_politik_divider_2.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}


/* Klimamålstninger */
.klimamlstninger{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/samfundsfag_klimamlstninger_1.png') center center no-repeat;
    background-size: cover;
}
.klimamlstninger2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/samfundsfag_klimamlstninger_2.png') center center no-repeat;
    background-size: cover;
}


.klimamlstninger_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_klimamlstninger_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.klimamlstninger_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_klimamlstninger_divider_2.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.klimamlstninger_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_klimamlstninger_divider_3.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.klimamlstninger_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_klimamlstninger_divider_4.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.klimamlstninger_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_klimamlstninger_divider_5.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.klimamlstninger_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_klimamlstninger_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.klimamlstninger_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_klimamlstninger_divider_2.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}



/* Lobbyisme */
.lobbyisme{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/samfundsfag_lobbyisme_1.png') center center no-repeat;
    background-size: cover;
}
.lobbyisme2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/samfundsfag_lobbyisme_2.png') center center no-repeat;
    background-size: cover;
}


.lobbyisme_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_lobbyisme_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.lobbyisme_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_lobbyisme_divider_2.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.lobbyisme_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_lobbyisme_divider_3.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.lobbyisme_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_lobbyisme_divider_4.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.lobbyisme_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_lobbyisme_divider_5.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.lobbyisme_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_lobbyisme_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.lobbyisme_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_lobbyisme_divider_2.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}


/* Markedet */
.markedet{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/samfundsfag_markedet_1.png') center center no-repeat;
    background-size: cover;
}
.markedet2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/samfundsfag_markedet_2.png') center center no-repeat;
    background-size: cover;
}

.markedet_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_markedet_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.markedet_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_markedet_divider_2.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.markedet_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_markedet_divider_3.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.markedet_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_markedet_divider_4.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.markedet_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_markedet_divider_5.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.markedet_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_markedet_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.markedet_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_markedet_divider_2.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}


/* Medialisering */
.medialisering{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/engelsk_medialisering_1.png') center center no-repeat;
    background-size: cover;
}
.medialisering2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/engelsk_medialisering_2.png') center center no-repeat;
    background-size: cover;
}

.medialisering_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/engelsk_medialisering_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.medialisering_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/engelsk_medialisering_divider_2.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.medialisering_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/engelsk_medialisering_divider_3.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.medialisering_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/engelsk_medialisering_divider_4.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.medialisering_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/engelsk_medialisering_divider_5.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.medialisering_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/engelsk_medialisering_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.medialisering_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/engelsk_medialisering_divider_2.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}


/* Medier og Politik */
.medier_og_politik{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/samfundsfag_medier_og_politik_1.png') center center no-repeat;
    background-size: cover;
}
.medier_og_politik2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/samfundsfag_medier_og_politik_2.png') center center no-repeat;
    background-size: cover;
}

.medier_og_politik_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_medier_og_politik_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.medier_og_politik_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_medier_og_politik_divider_2.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.medier_og_politik_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_medier_og_politik_divider_3.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.medier_og_politik_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_medier_og_politik_divider_4.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.medier_og_politik_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_medier_og_politik_divider_5.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.medier_og_politik_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_medier_og_politik_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.medier_og_politik_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_medier_og_politik_divider_2.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}


/* Nyhedskriterier */
.nyhedskriterier{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/samfundsfag_nyhedskriterier_1.png') center center no-repeat;
    background-size: cover;
}
.nyhedskriterier2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/samfundsfag_nyhedskriterier_2.png') center center no-repeat;
    background-size: cover;
}

.nyhedskriterier_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_nyhedskriterier_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.nyhedskriterier_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_nyhedskriterier_divider_2.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.nyhedskriterier_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_nyhedskriterier_divider_3.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.nyhedskriterier_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_nyhedskriterier_divider_4.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.nyhedskriterier_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_nyhedskriterier_divider_5.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.nyhedskriterier_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_nyhedskriterier_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.nyhedskriterier_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_nyhedskriterier_divider_2.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

/* Nye Nyhedskriterier */
.nye_nyhedskriterier{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/samfundsfag_nyhedskriterier_1.png') center center no-repeat;
    background-size: cover;
}
.nye_nyhedskriterier2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/samfundsfag_nyhedskriterier_2.png') center center no-repeat;
    background-size: cover;
}

.nye_nyhedskriterier_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_nyhedskriterier_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.nye_nyhedskriterier_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_nyhedskriterier_divider_2.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.nye_nyhedskriterier_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_nyhedskriterier_divider_3.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.nye_nyhedskriterier_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_nyhedskriterier_divider_4.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.nye_nyhedskriterier_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_nyhedskriterier_divider_5.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.nye_nyhedskriterier_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_nyhedskriterier_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.nye_nyhedskriterier_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_nyhedskriterier_divider_2.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}


/* Penge- og varekredsløb */
.penge-_og_varekredslbet{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/samfundsfag_penge-_og_varekredslbet_1.png') center center no-repeat;
    background-size: cover;
}
.penge-_og_varekredslbet2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/samfundsfag_penge-_og_varekredslbet_2.png') center center no-repeat;
    background-size: cover;
}

.penge-_og_varekredslbet_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_penge-_og_varekredslbet_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.penge-_og_varekredslbet_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_penge-_og_varekredslbet_divider_2.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.penge-_og_varekredslbet_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_penge-_og_varekredslbet_divider_3.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.penge-_og_varekredslbet_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_penge-_og_varekredslbet_divider_4.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.penge-_og_varekredslbet_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_penge-_og_varekredslbet_divider_5.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.penge-_og_varekredslbet_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_penge-_og_varekredslbet_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.penge-_og_varekredslbet_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_penge-_og_varekredslbet_divider_2.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}


/* Primr-_og_sekundr_socialisering */
.primr-_og_sekundr_socialisering{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/samfundsfag_primr-_og_sekundr_socialisering_1.png') center center no-repeat;
    background-size: cover;
}
.primr-_og_sekundr_socialisering2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/samfundsfag_primr-_og_sekundr_socialisering_2.png') center center no-repeat;
    background-size: cover;
}

.primr-_og_sekundr_socialisering_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_primr-_og_sekundr_socialisering_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.primr-_og_sekundr_socialisering_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_primr-_og_sekundr_socialisering_divider_2.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.primr-_og_sekundr_socialisering_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_primr-_og_sekundr_socialisering_divider_3.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.primr-_og_sekundr_socialisering_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_primr-_og_sekundr_socialisering_divider_4.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.primr-_og_sekundr_socialisering_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_primr-_og_sekundr_socialisering_divider_5.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.primr-_og_sekundr_socialisering_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_primr-_og_sekundr_socialisering_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.primr-_og_sekundr_socialisering_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_primr-_og_sekundr_socialisering_divider_2.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}


/* Politiske Partier og Ideologi */
.politiske_partier_og_ideologi{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/samfundsfag_politiske_partier_og_ideologi_1.png') center center no-repeat;
    background-size: cover;
}
.politiske_partier_og_ideologi2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/samfundsfag_politiske_partier_og_ideologi_2.png') center center no-repeat;
    background-size: cover;
}


.politiske_partier_og_ideologi_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_politiske_partier_og_ideologi_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.politiske_partier_og_ideologi_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_politiske_partier_og_ideologi_divider_2.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.politiske_partier_og_ideologi_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_politiske_partier_og_ideologi_divider_3.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.politiske_partier_og_ideologi_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_politiske_partier_og_ideologi_divider_4.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.politiske_partier_og_ideologi_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_politiske_partier_og_ideologi_divider_5.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.politiske_partier_og_ideologi_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_politiske_partier_og_ideologi_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.politiske_partier_og_ideologi_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_politiske_partier_og_ideologi_divider_2.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}



/* Pierre Bourdieu */
.pierre_bourdieu{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/samfundsfag_pierre_bourdieu_1.png') center center no-repeat;
    background-size: cover;
}
.pierre_bourdieu2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/samfundsfag_pierre_bourdieu_2.png') center center no-repeat;
    background-size: cover;
}

.pierre_bourdieu_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_pierre_bourdieu_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.pierre_bourdieu_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_pierre_bourdieu_divider_2.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.pierre_bourdieu_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_pierre_bourdieu_divider_3.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.pierre_bourdieu_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_pierre_bourdieu_divider_4.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.pierre_bourdieu_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_pierre_bourdieu_divider_5.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.pierre_bourdieu_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_pierre_bourdieu_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.pierre_bourdieu_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_pierre_bourdieu_divider_2.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

/* Reducering af forbrugsudledninger */
.vores_eget_forbrug{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/samfundsfag_reducering_af_forbrugsudledninger_1.png') center center no-repeat;
    background-size: cover;
}
.vores_eget_forbrug2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/samfundsfag_reducering_af_forbrugsudledninger_2.png') center center no-repeat;
    background-size: cover;
}

.vores_eget_forbrug_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_reducering_af_forbrugsudledninger_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.vores_eget_forbrug_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_reducering_af_forbrugsudledninger_divider_2.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.vores_eget_forbrug_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_reducering_af_forbrugsudledninger_divider_3.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.vores_eget_forbrug_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_reducering_af_forbrugsudledninger_divider_4.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.vores_eget_forbrug_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_reducering_af_forbrugsudledninger_divider_5.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.vores_eget_forbrug_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_reducering_af_forbrugsudledninger_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.vores_eget_forbrug_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_reducering_af_forbrugsudledninger_divider_2.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

/* Samfundsøkonomiske sammenhænge */
.samfundskonomiske_sammenhnge{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/samfundsfag_samfundskonomiske_sammenhnge_1.png') center center no-repeat;
    background-size: cover;
}
.samfundskonomiske_sammenhnge2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/samfundsfag_samfundskonomiske_sammenhnge_2.png') center center no-repeat;
    background-size: cover;
}


.samfundskonomiske_sammenhnge_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_samfundskonomiske_sammenhnge_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.samfundskonomiske_sammenhnge_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_samfundskonomiske_sammenhnge_divider_2.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.samfundskonomiske_sammenhnge_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_samfundskonomiske_sammenhnge_divider_3.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.samfundskonomiske_sammenhnge_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_samfundskonomiske_sammenhnge_divider_4.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.samfundskonomiske_sammenhnge_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_samfundskonomiske_sammenhnge_divider_5.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.samfundskonomiske_sammenhnge_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_samfundskonomiske_sammenhnge_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.samfundskonomiske_sammenhnge_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_samfundskonomiske_sammenhnge_divider_2.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

/* Social Arv */
.social_arv{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/samfundsfag_social_arv_1.png') center center no-repeat;
    background-size: cover;
}
.social_arv2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/samfundsfag_social_arv_2.png') center center no-repeat;
    background-size: cover;
}

.social_arv_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_social_arv_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.social_arv_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_social_arv_divider_2.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.social_arv_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_social_arv_divider_3.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.social_arv_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_social_arv_divider_4.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.social_arv_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_social_arv_divider_5.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.social_arv_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_social_arv_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.social_arv_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_social_arv_divider_2.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

/* Socialgrupper */
.socialgrupper{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/samfundsfag_socialgrupper_1.png') center center no-repeat;
    background-size: cover;
}
.socialgrupper2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/samfundsfag_socialgrupper_2.png') center center no-repeat;
    background-size: cover;
}

.socialgrupper_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_socialgrupper_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.socialgrupper_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_socialgrupper_divider_2.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.socialgrupper_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_socialgrupper_divider_3.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.socialgrupper_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_socialgrupper_divider_4.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.socialgrupper_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_socialgrupper_divider_5.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.socialgrupper_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_socialgrupper_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.socialgrupper_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_socialgrupper_divider_2.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

/* Udbud og Eftersprgsel */
.udbud_og_eftersprgsel{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/samfundsfag_udbud_og_eftersprgsel_1.png') center center no-repeat;
    background-size: cover;
}
.udbud_og_eftersprgsel2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/samfundsfag_udbud_og_eftersprgsel_2.png') center center no-repeat;
    background-size: cover;
}


.udbud_og_eftersprgsel_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_udbud_og_eftersprgsel_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.udbud_og_eftersprgsel_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_udbud_og_eftersprgsel_divider_2.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.udbud_og_eftersprgsel_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_udbud_og_eftersprgsel_divider_3.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.udbud_og_eftersprgsel_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_udbud_og_eftersprgsel_divider_4.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.udbud_og_eftersprgsel_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_udbud_og_eftersprgsel_divider_5.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.udbud_og_eftersprgsel_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_udbud_og_eftersprgsel_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.udbud_og_eftersprgsel_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_udbud_og_eftersprgsel_divider_2.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

/* Vedvarende Energi */
.vedvarende_energi{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/geografi_vedvarende_energi_1.png') center center no-repeat;
    background-size: cover;
}
.vedvarende_energi2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/geografi_vedvarende_energi_2.png') center center no-repeat;
    background-size: cover;
}


.vedvarende_energi_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/geografi_vedvarende_energi_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.vedvarende_energi_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/geografi_vedvarende_energi_divider_2.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.vedvarende_energi_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/geografi_vedvarende_energi_divider_3.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.vedvarende_energi_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/geografi_vedvarende_energi_divider_4.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.vedvarende_energi_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/geografi_vedvarende_energi_divider_5.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.vedvarende_energi_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/geografi_vedvarende_energi_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.vedvarende_energi_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/geografi_vedvarende_energi_divider_2.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}


/* Konomisk Interdepends */
.konomisk_interdepends{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/samfundsfag_konomisk_interdepends_1.png') center center no-repeat;
    background-size: cover;
}
.konomisk_interdepends2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/samfundsfag_konomisk_interdepends_2.png') center center no-repeat;
    background-size: cover;
}


.konomisk_interdepends_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_konomisk_interdepends_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.konomisk_interdepends_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_konomisk_interdepends_divider_2.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.konomisk_interdepends_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_konomisk_interdepends_divider_3.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.konomisk_interdepends_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_konomisk_interdepends_divider_4.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.konomisk_interdepends_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_konomisk_interdepends_divider_5.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.konomisk_interdepends_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_konomisk_interdepends_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.konomisk_interdepends_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_konomisk_interdepends_divider_2.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}


/* ----- */

/* ----- Gymnasie Start ----- */

/* Arealforbruget */
.arealforbruget{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/gymnasie_arealforbruget_1.png') center center no-repeat;
    background-size: cover;
}
.arealforbruget2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/gymnasie_arealforbruget_2.png') center center no-repeat;
    background-size: cover;
}


.arealforbruget_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_arealforbruget_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.arealforbruget_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_arealforbruget_divider_2.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.arealforbruget_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_arealforbruget_divider_3.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.arealforbruget_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_arealforbruget_divider_4.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.arealforbruget_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_arealforbruget_divider_5.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.arealforbruget_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_arealforbruget_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.arealforbruget_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_arealforbruget_divider_2.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

/* Bedre Adgang til Finansiering */
.bedre_adgang_til_finansiering{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/gymnasie_bedre_adgang_til_finansiering_1.png') center center no-repeat;
    background-size: cover;
}
.bedre_adgang_til_finansiering2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/gymnasie_bedre_adgang_til_finansiering_2.png') center center no-repeat;
    background-size: cover;
}

.bedre_adgang_til_finansiering_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_bedre_adgang_til_finansiering_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.bedre_adgang_til_finansiering_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_bedre_adgang_til_finansiering_divider_2.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.bedre_adgang_til_finansiering_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_bedre_adgang_til_finansiering_divider_3.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.bedre_adgang_til_finansiering_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_bedre_adgang_til_finansiering_divider_4.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.bedre_adgang_til_finansiering_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_bedre_adgang_til_finansiering_divider_5.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.bedre_adgang_til_finansiering_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_bedre_adgang_til_finansiering_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.bedre_adgang_til_finansiering_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_bedre_adgang_til_finansiering_divider_2.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}


/* Biodiversitet */
.biodiversitet{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/gymnasie_biodiversitet_1.png') center center no-repeat;
    background-size: cover;
}
.biodiversitet2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/gymnasie_biodiversitet_2.png') center center no-repeat;
    background-size: cover;
}

.biodiversitet_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_biodiversitet_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.biodiversitet_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_biodiversitet_divider_2.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.biodiversitet_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_biodiversitet_divider_3.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.biodiversitet_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_biodiversitet_divider_4.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.biodiversitet_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_biodiversitet_divider_5.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.biodiversitet_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_biodiversitet_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.biodiversitet_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_biodiversitet_divider_2.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}


/* Biodiversitetsaktivisme */
.biodiversitetsaktivisme{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/gymnasie_biodiversitetsaktivisme_1.png') center center no-repeat;
    background-size: cover;
}
.biodiversitetsaktivisme2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/gymnasie_biodiversitetsaktivisme_2.png') center center no-repeat;
    background-size: cover;
}

.biodiversitetsaktivisme_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_biodiversitetsaktivisme_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.biodiversitetsaktivisme_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_biodiversitetsaktivisme_divider_2.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.biodiversitetsaktivisme_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_biodiversitetsaktivisme_divider_3.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.biodiversitetsaktivisme_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_biodiversitetsaktivisme_divider_4.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.biodiversitetsaktivisme_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_biodiversitetsaktivisme_divider_5.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.biodiversitetsaktivisme_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_biodiversitetsaktivisme_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.biodiversitetsaktivisme_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_biodiversitetsaktivisme_divider_2.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

/* Borgerdrevne Forandringer */
.borgerdrevne_forandringer{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/gymnasie_borgerdrevne_forandringer_1.png') center center no-repeat;
    background-size: cover;
}
.borgerdrevne_forandringer2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/gymnasie_borgerdrevne_forandringer_2.png') center center no-repeat;
    background-size: cover;
}

.borgerdrevne_forandringer_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_borgerdrevne_forandringer_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.borgerdrevne_forandringer_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_borgerdrevne_forandringer_divider_2.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.borgerdrevne_forandringer_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_borgerdrevne_forandringer_divider_3.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.borgerdrevne_forandringer_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_borgerdrevne_forandringer_divider_4.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.borgerdrevne_forandringer_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_borgerdrevne_forandringer_divider_5.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.borgerdrevne_forandringer_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_borgerdrevne_forandringer_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.borgerdrevne_forandringer_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_borgerdrevne_forandringer_divider_2.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

/* Cirkularitet */
.cirkularitet{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/gymnasie_cirkularitet_1.png') center center no-repeat;
    background-size: cover;
}
.cirkularitet2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/gymnasie_cirkularitet_2.png') center center no-repeat;
    background-size: cover;
}

.cirkularitet_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_cirkularitet_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.cirkularitet_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_cirkularitet_divider_2.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.cirkularitet_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_cirkularitet_divider_3.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.cirkularitet_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_cirkularitet_divider_4.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.cirkularitet_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_cirkularitet_divider_5.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.cirkularitet_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_cirkularitet_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.cirkularitet_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_cirkularitet_divider_2.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

/* Cirkularitet i Praksis */
.cirkularitet_i_praksis{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/gymnasie_cirkularitet_i_praksis_1.png') center center no-repeat;
    background-size: cover;
}
.cirkularitet_i_praksis2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/gymnasie_cirkularitet_i_praksis_2.png') center center no-repeat;
    background-size: cover;
}

.cirkularitet_i_praksis_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_cirkularitet_i_praksis_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.cirkularitet_i_praksis_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_cirkularitet_i_praksis_divider_2.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.cirkularitet_i_praksis_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_cirkularitet_i_praksis_divider_3.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.cirkularitet_i_praksis_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_cirkularitet_i_praksis_divider_4.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.cirkularitet_i_praksis_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_cirkularitet_i_praksis_divider_5.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.cirkularitet_i_praksis_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_cirkularitet_i_praksis_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.cirkularitet_i_praksis_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_cirkularitet_i_praksis_divider_2.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

/* Den Nye Kollektive Transport */
.den_nye_kollektive_transport{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/gymnasie_den_nye_kollektive_transport_1.png') center center no-repeat;
    background-size: cover;
}
.den_nye_kollektive_transport2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/gymnasie_den_nye_kollektive_transport_2.png') center center no-repeat;
    background-size: cover;
}

.den_nye_kollektive_transport_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_den_nye_kollektive_transport_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.den_nye_kollektive_transport_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_den_nye_kollektive_transport_divider_2.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.den_nye_kollektive_transport_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_den_nye_kollektive_transport_divider_3.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.den_nye_kollektive_transport_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_den_nye_kollektive_transport_divider_4.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.den_nye_kollektive_transport_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_den_nye_kollektive_transport_divider_5.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.den_nye_kollektive_transport_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_den_nye_kollektive_transport_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.den_nye_kollektive_transport_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_den_nye_kollektive_transport_divider_2.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

/* Det Globale Fødevaresystem */
.det_globale_fdevaresystem{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/gymnasie_det_globale_fdevaresystem_1.png') center center no-repeat;
    background-size: cover;
}
.det_globale_fdevaresystem2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/gymnasie_det_globale_fdevaresystem_2.png') center center no-repeat;
    background-size: cover;
}

.det_globale_fdevaresystem_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_det_globale_fdevaresystem_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.det_globale_fdevaresystem_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_det_globale_fdevaresystem_divider_2.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.det_globale_fdevaresystem_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_det_globale_fdevaresystem_divider_3.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.det_globale_fdevaresystem_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_det_globale_fdevaresystem_divider_4.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.det_globale_fdevaresystem_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_det_globale_fdevaresystem_divider_5.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.det_globale_fdevaresystem_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_det_globale_fdevaresystem_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.det_globale_fdevaresystem_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_det_globale_fdevaresystem_divider_2.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

/* Drikkevand */
.drikkevand{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/gymnasie_drikkevand_1.png') center center no-repeat;
    background-size: cover;
}
.drikkevand2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/gymnasie_drikkevand_2.png') center center no-repeat;
    background-size: cover;
}

.drikkevand_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_drikkevand_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.drikkevand_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_drikkevand_divider_2.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.drikkevand_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_drikkevand_divider_3.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.drikkevand_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_drikkevand_divider_4.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.drikkevand_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_drikkevand_divider_5.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.drikkevand_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_drikkevand_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.drikkevand_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_drikkevand_divider_2.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

/* Effektiv Udnyttelse */
.effektiv_udnyttelse{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/gymnasie_effektiv_udnyttelse_1.png') center center no-repeat;
    background-size: cover;
}
.effektiv_udnyttelse2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/gymnasie_effektiv_udnyttelse_2.png') center center no-repeat;
    background-size: cover;
}

.effektiv_udnyttelse_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_effektiv_udnyttelse_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.effektiv_udnyttelse_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_effektiv_udnyttelse_divider_2.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.effektiv_udnyttelse_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_effektiv_udnyttelse_divider_3.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.effektiv_udnyttelse_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_effektiv_udnyttelse_divider_4.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.effektiv_udnyttelse_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_effektiv_udnyttelse_divider_5.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.effektiv_udnyttelse_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_effektiv_udnyttelse_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.effektiv_udnyttelse_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_effektiv_udnyttelse_divider_2.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

/* En Anden Kultur */
.en_anden_kultur{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/gymnasie_en_anden_kultur_1.png') center center no-repeat;
    background-size: cover;
}
.en_anden_kultur2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/gymnasie_en_anden_kultur_2.png') center center no-repeat;
    background-size: cover;
}

.en_anden_kultur_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_en_anden_kultur_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.en_anden_kultur_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_en_anden_kultur_divider_2.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.en_anden_kultur_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_en_anden_kultur_divider_3.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.en_anden_kultur_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_en_anden_kultur_divider_4.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.en_anden_kultur_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_en_anden_kultur_divider_5.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.en_anden_kultur_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_en_anden_kultur_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.en_anden_kultur_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_en_anden_kultur_divider_2.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

/* En Deleøkonomi */
.en_delekonomi{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/gymnasie_en_deleøkonomi_1.png') center center no-repeat;
    background-size: cover;
}
.en_delekonomi2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/gymnasie_en_deleøkonomi_2.png') center center no-repeat;
    background-size: cover;
}

.en_delekonomi_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_en_deleøkonomi_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.en_delekonomi_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_en_deleøkonomi_divider_2.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.en_delekonomi_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_en_deleøkonomi_divider_3.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.en_delekonomi_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_en_deleøkonomi_divider_4.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.en_delekonomi_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_en_deleøkonomi_divider_5.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.en_delekonomi_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_en_deleøkonomi_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.en_delekonomi_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_en_deleøkonomi_divider_2.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

/* En Forandret Tjindustri */
.en_forandret_tjindustri{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/gymnasie_en_forandret_tjindustri_1.png') center center no-repeat;
    background-size: cover;
}
.en_forandret_tjindustri2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/gymnasie_en_forandret_tjindustri_2.png') center center no-repeat;
    background-size: cover;
}

.en_forandret_tjindustri_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_en_forandret_tjindustri_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.en_forandret_tjindustri_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_en_forandret_tjindustri_divider_2.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.en_forandret_tjindustri_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_en_forandret_tjindustri_divider_3.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.en_forandret_tjindustri_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_en_forandret_tjindustri_divider_4.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.en_forandret_tjindustri_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_en_forandret_tjindustri_divider_5.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.en_forandret_tjindustri_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_en_forandret_tjindustri_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.en_forandret_tjindustri_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_en_forandret_tjindustri_divider_2.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

/* En Rettesnor for Bæredygtig Innovation */
.en_rettesnor_for_bredygtig_innovation{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/gymnasie_en_rettesnor_for_bredygtig_innovation_1.png') center center no-repeat;
    background-size: cover;
}
.en_rettesnor_for_bredygtig_innovation2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/gymnasie_en_rettesnor_for_bredygtig_innovation_2.png') center center no-repeat;
    background-size: cover;
}

.en_rettesnor_for_bredygtig_innovation_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_en_rettesnor_for_bredygtig_innovation_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.en_rettesnor_for_bredygtig_innovation_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_en_rettesnor_for_bredygtig_innovation_divider_2.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.en_rettesnor_for_bredygtig_innovation_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_en_rettesnor_for_bredygtig_innovation_divider_3.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.en_rettesnor_for_bredygtig_innovation_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_en_rettesnor_for_bredygtig_innovation_divider_4.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.en_rettesnor_for_bredygtig_innovation_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_en_rettesnor_for_bredygtig_innovation_divider_5.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.en_rettesnor_for_bredygtig_innovation_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_en_rettesnor_for_bredygtig_innovation_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.en_rettesnor_for_bredygtig_innovation_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_en_rettesnor_for_bredygtig_innovation_divider_2.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

/* En Sund Jord */
.en_sund_jord{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/gymnasie_en_sund_jord_1.png') center center no-repeat;
    background-size: cover;
}
.en_sund_jord2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/gymnasie_en_sund_jord_2.png') center center no-repeat;
    background-size: cover;
}

.en_sund_jord_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_en_sund_jord_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.en_sund_jord_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_en_sund_jord_divider_2.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.en_sund_jord_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_en_sund_jord_divider_3.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.en_sund_jord_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_en_sund_jord_divider_4.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.en_sund_jord_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_en_sund_jord_divider_5.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.en_sund_jord_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_en_sund_jord_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.en_sund_jord_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_en_sund_jord_divider_2.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

/* Et Nyt Fødevaresystem */
.et_nyt_fdevaresystem{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/gymnasie_et_nyt_fdevaresystem_1.png') center center no-repeat;
    background-size: cover;
}
.et_nyt_fdevaresystem2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/gymnasie_et_nyt_fdevaresystem_2.png') center center no-repeat;
    background-size: cover;
}

.et_nyt_fdevaresystem_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_et_nyt_fdevaresystem_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.et_nyt_fdevaresystem_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_et_nyt_fdevaresystem_divider_2.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.et_nyt_fdevaresystem_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_et_nyt_fdevaresystem_divider_3.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.et_nyt_fdevaresystem_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_et_nyt_fdevaresystem_divider_4.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.et_nyt_fdevaresystem_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_et_nyt_fdevaresystem_divider_5.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.et_nyt_fdevaresystem_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_et_nyt_fdevaresystem_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.et_nyt_fdevaresystem_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_et_nyt_fdevaresystem_divider_2.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

/* Fairtrade */
.fairtrade{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/gymnasie_fairtrade_1.png') center center no-repeat;
    background-size: cover;
}
.fairtrade2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/gymnasie_fairtrade_2.png') center center no-repeat;
    background-size: cover;
}

/* En grøn økonomi */
.en_grn_konomi{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/geografi_en_grn_konomi_1.png') center center no-repeat;
    background-size: cover;
}
.en_grn_konomi2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/geografi_en_grn_konomi_2.png') center center no-repeat;
    background-size: cover;
}

.en_grn_konomi_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/geografi_en_grn_konomi_divider_1.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.en_grn_konomi_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/geografi_en_grn_konomi_divider_2.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.en_grn_konomi_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/geografi_en_grn_konomi_divider_3.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.en_grn_konomi_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/geografi_en_grn_konomi_divider_4.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.en_grn_konomi_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/geografi_en_grn_konomi_divider_5.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.en_grn_konomi_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/geografi_en_grn_konomi_divider_1.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.en_grn_konomi_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/geografi_en_grn_konomi_divider_2.png');
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
}

/* Forbrugssamfund */
.forbrugssamfund{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/geografi_forbrugssamfund_1.png') center center no-repeat;
    background-size: cover;
}
.forbrugssamfund2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/geografi_forbrugssamfund_2.png') center center no-repeat;
    background-size: cover;
}

.forbrugssamfund_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/geografi_forbrugssamfund_divider_1.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.forbrugssamfund_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/geografi_forbrugssamfund_divider_2.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.forbrugssamfund_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/geografi_forbrugssamfund_divider_3.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.forbrugssamfund_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/geografi_forbrugssamfund_divider_4.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.forbrugssamfund_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/geografi_forbrugssamfund_divider_5.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.forbrugssamfund_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/geografi_forbrugssamfund_divider_1.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.forbrugssamfund_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/geografi_forbrugssamfund_divider_2.png');
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
}



.fairtrade_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_fairtrade_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.fairtrade_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_fairtrade_divider_2.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.fairtrade_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_fairtrade_divider_3.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.fairtrade_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_fairtrade_divider_4.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.fairtrade_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_fairtrade_divider_5.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.fairtrade_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_fairtrade_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.fairtrade_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_fairtrade_divider_2.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

/* Fødevaresystemet Det Helt Grundlæggende */
.fdevaresystemet_det_helt_grundlggende{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/gymnasie_fdevaresystemet_det_helt_grundlggende_1.png') center center no-repeat;
    background-size: cover;
}
.fdevaresystemet_det_helt_grundlggende2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/gymnasie_fdevaresystemet_det_helt_grundlggende_2.png') center center no-repeat;
    background-size: cover;
}

.fdevaresystemet_det_helt_grundlggende_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_fdevaresystemet_det_helt_grundlggende_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.fdevaresystemet_det_helt_grundlggende_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_fdevaresystemet_det_helt_grundlggende_divider_2.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.fdevaresystemet_det_helt_grundlggende_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_fdevaresystemet_det_helt_grundlggende_divider_3.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.fdevaresystemet_det_helt_grundlggende_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_fdevaresystemet_det_helt_grundlggende_divider_4.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.fdevaresystemet_det_helt_grundlggende_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_fdevaresystemet_det_helt_grundlggende_divider_5.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.fdevaresystemet_det_helt_grundlggende_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_fdevaresystemet_det_helt_grundlggende_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.fdevaresystemet_det_helt_grundlggende_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_fdevaresystemet_det_helt_grundlggende_divider_2.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

/* Fiskeriets Rolle */
.fiskeriets_rolle{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/gymnasie_fiskeriets_rolle_1.png') center center no-repeat;
    background-size: cover;
}
.fiskeriets_rolle2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/gymnasie_fiskeriets_rolle_2.png') center center no-repeat;
    background-size: cover;
}

.fiskeriets_rolle_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_fiskeriets_rolle_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.fiskeriets_rolle_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_fiskeriets_rolle_divider_2.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.fiskeriets_rolle_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_fiskeriets_rolle_divider_3.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.fiskeriets_rolle_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_fiskeriets_rolle_divider_4.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.fiskeriets_rolle_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_fiskeriets_rolle_divider_5.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.fiskeriets_rolle_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_fiskeriets_rolle_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.fiskeriets_rolle_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_fiskeriets_rolle_divider_2.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

/* Fleksibilitet */
.fleksibilitet{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/gymnasie_fleksibilitet_1.png') center center no-repeat;
    background-size: cover;
}
.fleksibilitet2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/gymnasie_fleksibilitet_2.png') center center no-repeat;
    background-size: cover;
}

.fleksibilitet_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_fleksibilitet_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.fleksibilitet_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_fleksibilitet_divider_2.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.fleksibilitet_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_fleksibilitet_divider_3.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.fleksibilitet_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_fleksibilitet_divider_4.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.fleksibilitet_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_fleksibilitet_divider_5.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.fleksibilitet_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_fleksibilitet_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.fleksibilitet_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_fleksibilitet_divider_2.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

/* Fremtidens Affaldssortering */
.fremtidens_affaldssortering{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/gymnasie_fremtidens_affaldssortering_1.png') center center no-repeat;
    background-size: cover;
}
.fremtidens_affaldssortering2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/gymnasie_fremtidens_affaldssortering_2.png') center center no-repeat;
    background-size: cover;
}

.fremtidens_affaldssortering_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_fremtidens_affaldssortering_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.fremtidens_affaldssortering_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_fremtidens_affaldssortering_divider_2.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.fremtidens_affaldssortering_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_fremtidens_affaldssortering_divider_3.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.fremtidens_affaldssortering_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_fremtidens_affaldssortering_divider_4.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.fremtidens_affaldssortering_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_fremtidens_affaldssortering_divider_5.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.fremtidens_affaldssortering_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_fremtidens_affaldssortering_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.fremtidens_affaldssortering_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_fremtidens_affaldssortering_divider_2.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

/* Grøn Mobilitet */
.grn_mobilitet{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/gymnasie_grn_mobilitet_1.png') center center no-repeat;
    background-size: cover;
}
.grn_mobilitet2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/gymnasie_grn_mobilitet_2.png') center center no-repeat;
    background-size: cover;
}

.grn_mobilitet_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_grn_mobilitet_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.grn_mobilitet_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_grn_mobilitet_divider_2.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.grn_mobilitet_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_grn_mobilitet_divider_3.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.grn_mobilitet_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_grn_mobilitet_divider_4.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.grn_mobilitet_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_grn_mobilitet_divider_5.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.grn_mobilitet_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_grn_mobilitet_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.grn_mobilitet_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_grn_mobilitet_divider_2.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

/* Grønne Steder */
.grnne_steder{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/gymnasie_grnne_steder_1.png') center center no-repeat;
    background-size: cover;
}
.grnne_steder2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/gymnasie_grnne_steder_2.png') center center no-repeat;
    background-size: cover;
}

.grnne_steder_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_grnne_steder_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.grnne_steder_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_grnne_steder_divider_2.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.grnne_steder_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_grnne_steder_divider_3.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.grnne_steder_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_grnne_steder_divider_4.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.grnne_steder_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_grnne_steder_divider_5.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.grnne_steder_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_grnne_steder_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.grnne_steder_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_grnne_steder_divider_2.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

/* Hvad Betyder Transformation */
.hvad_betyder_transformation{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/gymnasie_hvad_betyder_transformation_1.png') center center no-repeat;
    background-size: cover;
}
.hvad_betyder_transformation2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/gymnasie_hvad_betyder_transformation_2.png') center center no-repeat;
    background-size: cover;
}

.hvad_betyder_transformation_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_hvad_betyder_transformation_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.hvad_betyder_transformation_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_hvad_betyder_transformation_divider_2.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.hvad_betyder_transformation_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_hvad_betyder_transformation_divider_3.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.hvad_betyder_transformation_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_hvad_betyder_transformation_divider_4.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.hvad_betyder_transformation_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_hvad_betyder_transformation_divider_5.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.hvad_betyder_transformation_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_hvad_betyder_transformation_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.hvad_betyder_transformation_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_hvad_betyder_transformation_divider_2.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

/* Hvordan Kommer Vi i Gang */
.hvordan_kommer_vi_i_gang{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/gymnasie_hvordan_kommer_vi_i_gang_1.png') center center no-repeat;
    background-size: cover;
}
.hvordan_kommer_vi_i_gang2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/gymnasie_hvordan_kommer_vi_i_gang_2.png') center center no-repeat;
    background-size: cover;
}

.hvordan_kommer_vi_i_gang_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_hvordan_kommer_vi_i_gang_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.hvordan_kommer_vi_i_gang_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_hvordan_kommer_vi_i_gang_divider_2.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.hvordan_kommer_vi_i_gang_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_hvordan_kommer_vi_i_gang_divider_3.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.hvordan_kommer_vi_i_gang_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_hvordan_kommer_vi_i_gang_divider_4.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.hvordan_kommer_vi_i_gang_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_hvordan_kommer_vi_i_gang_divider_5.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.hvordan_kommer_vi_i_gang_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_hvordan_kommer_vi_i_gang_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.hvordan_kommer_vi_i_gang_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_hvordan_kommer_vi_i_gang_divider_2.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

/* Interaktioner Mellem Målene */
.interaktioner_mellem_mlene{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/gymnasie_interaktioner_mellem_mlene_1.png') center center no-repeat;
    background-size: cover;
}
.interaktioner_mellem_mlene2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/gymnasie_interaktioner_mellem_mlene_2.png') center center no-repeat;
    background-size: cover;
}

.interaktioner_mellem_mlene_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_interaktioner_mellem_mlene_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.interaktioner_mellem_mlene_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_interaktioner_mellem_mlene_divider_2.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.interaktioner_mellem_mlene_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_interaktioner_mellem_mlene_divider_3.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.interaktioner_mellem_mlene_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_interaktioner_mellem_mlene_divider_4.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.interaktioner_mellem_mlene_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_interaktioner_mellem_mlene_divider_5.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.interaktioner_mellem_mlene_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_interaktioner_mellem_mlene_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.interaktioner_mellem_mlene_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_interaktioner_mellem_mlene_divider_2.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

/* Køderstatninger */
.kderstatninger{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/gymnasie_kderstatninger_1.png') center center no-repeat;
    background-size: cover;
}
.kderstatninger2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/gymnasie_kderstatninger_2.png') center center no-repeat;
    background-size: cover;
}

.kderstatninger_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_kderstatninger_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.kderstatninger_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_kderstatninger_divider_2.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.kderstatninger_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_kderstatninger_divider_3.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.kderstatninger_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_kderstatninger_divider_4.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.kderstatninger_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_kderstatninger_divider_5.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.kderstatninger_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_kderstatninger_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.kderstatninger_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_kderstatninger_divider_2.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

/* Klimasystemet */
.klimasystemet{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/gymnasie_klimasystemet_1.png') center center no-repeat;
    background-size: cover;
}
.klimasystemet2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/gymnasie_klimasystemet_2.png') center center no-repeat;
    background-size: cover;
}

.klimasystemet_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_klimasystemet_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.klimasystemet_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_klimasystemet_divider_2.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.klimasystemet_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_klimasystemet_divider_3.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.klimasystemet_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_klimasystemet_divider_4.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.klimasystemet_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_klimasystemet_divider_5.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.klimasystemet_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_klimasystemet_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.klimasystemet_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_klimasystemet_divider_2.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

/* Kreativ Kulstoffangst */
.kreativ_kulstoffangst{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/gymnasie_kreativ_kulstoffangst_1.png') center center no-repeat;
    background-size: cover;
}
.kreativ_kulstoffangst2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/gymnasie_kreativ_kulstoffangst_2.png') center center no-repeat;
    background-size: cover;
}

.kreativ_kulstoffangst_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_kreativ_kulstoffangst_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.kreativ_kulstoffangst_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_kreativ_kulstoffangst_divider_2.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.kreativ_kulstoffangst_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_kreativ_kulstoffangst_divider_3.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.kreativ_kulstoffangst_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_kreativ_kulstoffangst_divider_4.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.kreativ_kulstoffangst_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_kreativ_kulstoffangst_divider_5.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.kreativ_kulstoffangst_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_kreativ_kulstoffangst_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.kreativ_kulstoffangst_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_kreativ_kulstoffangst_divider_2.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

/* Kunst og Klima */
.kunst_og_klima{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/gymnasie_kunst_og_klima_1.png') center center no-repeat;
    background-size: cover;
}
.kunst_og_klima2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/gymnasie_kunst_og_klima_2.png') center center no-repeat;
    background-size: cover;
}

.kunst_og_klima_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_kunst_og_klima_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.kunst_og_klima_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_kunst_og_klima_divider_2.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.kunst_og_klima_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_kunst_og_klima_divider_3.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.kunst_og_klima_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_kunst_og_klima_divider_4.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.kunst_og_klima_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_kunst_og_klima_divider_5.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.kunst_og_klima_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_kunst_og_klima_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.kunst_og_klima_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_kunst_og_klima_divider_2.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

/* Lighed */
.lighed{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/samfundsfag_lighed_1.png') center center no-repeat;
    background-size: cover;
}
.lighed2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/samfundsfag_lighed_2.png') center center no-repeat;
    background-size: cover;
}

.lighed_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_lighed_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.lighed_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_lighed_divider_2.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.lighed_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_lighed_divider_3.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.lighed_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_lighed_divider_4.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.lighed_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_lighed_divider_5.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.lighed_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_lighed_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.lighed_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_lighed_divider_2.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

/* Primr-_og_sekundr_socialisering */
.grn_socialisering{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/samfundsfag_primr-_og_sekundr_socialisering_1.png') center center no-repeat;
    background-size: cover;
}
.grn_socialisering2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/samfundsfag_primr-_og_sekundr_socialisering_2.png') center center no-repeat;
    background-size: cover;
}

.grn_socialisering_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_primr-_og_sekundr_socialisering_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.grn_socialisering_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_primr-_og_sekundr_socialisering_divider_2.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.grn_socialisering_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_primr-_og_sekundr_socialisering_divider_3.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.grn_socialisering_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_primr-_og_sekundr_socialisering_divider_4.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.grn_socialisering_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_primr-_og_sekundr_socialisering_divider_5.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.grn_socialisering_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_primr-_og_sekundr_socialisering_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.grn_socialisering_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/samfundsfag_primr-_og_sekundr_socialisering_divider_2.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

/* Lukkede Systemer */
.lukkede_systemer{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/gymnasie_lukkede_systemer_1.png') center center no-repeat;
    background-size: cover;
}
.lukkede_systemer2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/gymnasie_lukkede_systemer_2.png') center center no-repeat;
    background-size: cover;
}

.lukkede_systemer_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_lukkede_systemer_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.lukkede_systemer_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_lukkede_systemer_divider_2.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.lukkede_systemer_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_lukkede_systemer_divider_3.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.lukkede_systemer_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_lukkede_systemer_divider_4.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.lukkede_systemer_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_lukkede_systemer_divider_5.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.lukkede_systemer_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_lukkede_systemer_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.lukkede_systemer_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_lukkede_systemer_divider_2.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

/* Mlrettet_omstilling */
.mlrettet_omstilling{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/gymnasie_mlrettet_omstilling_1.png') center center no-repeat;
    background-size: cover;
}
.mlrettet_omstilling2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/gymnasie_mlrettet_omstilling_2.png') center center no-repeat;
    background-size: cover;
}

.mlrettet_omstilling_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_mlrettet_omstilling_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.mlrettet_omstilling_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_mlrettet_omstilling_divider_2.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.mlrettet_omstilling_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_mlrettet_omstilling_divider_3.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.mlrettet_omstilling_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_mlrettet_omstilling_divider_4.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.mlrettet_omstilling_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_mlrettet_omstilling_divider_5.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.mlrettet_omstilling_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_mlrettet_omstilling_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.mlrettet_omstilling_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_mlrettet_omstilling_divider_2.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

/* Mindre Spild */
.mindre_spild{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/gymnasie_mindre_spild_1.png') center center no-repeat;
    background-size: cover;
}
.mindre_spild2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/gymnasie_mindre_spild_2.png') center center no-repeat;
    background-size: cover;
}

.mindre_spild_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_mindre_spild_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.mindre_spild_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_mindre_spild_divider_2.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.mindre_spild_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_mindre_spild_divider_3.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.mindre_spild_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_mindre_spild_divider_4.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.mindre_spild_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_mindre_spild_divider_5.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.mindre_spild_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_mindre_spild_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.mindre_spild_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_mindre_spild_divider_2.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

/* Naturligt Kvælstof */
.naturligt_kvlstof{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/gymnasie_naturligt_kvlstof_1.png') center center no-repeat;
    background-size: cover;
}
.naturligt_kvlstof2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/gymnasie_naturligt_kvlstof_2.png') center center no-repeat;
    background-size: cover;
}

.naturligt_kvlstof_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_naturligt_kvlstof_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.naturligt_kvlstof_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_naturligt_kvlstof_divider_2.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.naturligt_kvlstof_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_naturligt_kvlstof_divider_3.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.naturligt_kvlstof_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_naturligt_kvlstof_divider_4.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.naturligt_kvlstof_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_naturligt_kvlstof_divider_5.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.naturligt_kvlstof_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_naturligt_kvlstof_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.naturligt_kvlstof_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_naturligt_kvlstof_divider_2.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

/* Planetære Grænser Det Helt Grundlæggende */
.planetre_grnser_det_helt_grundlggende{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/gymnasie_planetre_grnser_det_helt_grundlggende_1.png') center center no-repeat;
    background-size: cover;
}
.planetre_grnser_det_helt_grundlggende2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/gymnasie_planetre_grnser_det_helt_grundlggende_2.png') center center no-repeat;
    background-size: cover;
}

.planetre_grnser_det_helt_grundlggende_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_planetre_grnser_det_helt_grundlggende_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.planetre_grnser_det_helt_grundlggende_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_planetre_grnser_det_helt_grundlggende_divider_2.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.planetre_grnser_det_helt_grundlggende_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_planetre_grnser_det_helt_grundlggende_divider_3.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.planetre_grnser_det_helt_grundlggende_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_planetre_grnser_det_helt_grundlggende_divider_4.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.planetre_grnser_det_helt_grundlggende_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_planetre_grnser_det_helt_grundlggende_divider_5.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.planetre_grnser_det_helt_grundlggende_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_planetre_grnser_det_helt_grundlggende_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.planetre_grnser_det_helt_grundlggende_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_planetre_grnser_det_helt_grundlggende_divider_2.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

/* Politisk Innovation */
.politisk_innovation{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/gymnasie_politisk_innovation_1.png') center center no-repeat;
    background-size: cover;
}
.politisk_innovation2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/gymnasie_politisk_innovation_2.png') center center no-repeat;
    background-size: cover;
}

.politisk_innovation_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_politisk_innovation_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.politisk_innovation_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_politisk_innovation_divider_2.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.politisk_innovation_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_politisk_innovation_divider_3.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.politisk_innovation_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_politisk_innovation_divider_4.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.politisk_innovation_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_politisk_innovation_divider_5.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.politisk_innovation_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_politisk_innovation_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.politisk_innovation_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_politisk_innovation_divider_2.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

/* Resiliens i Landbruget */
.resiliens_i_landbruget{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/gymnasie_resiliens_i_landbruget_1.png') center center no-repeat;
    background-size: cover;
}
.resiliens_i_landbruget2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/gymnasie_resiliens_i_landbruget_2.png') center center no-repeat;
    background-size: cover;
}

.resiliens_i_landbruget_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_resiliens_i_landbruget_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.resiliens_i_landbruget_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_resiliens_i_landbruget_divider_2.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.resiliens_i_landbruget_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_resiliens_i_landbruget_divider_3.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.resiliens_i_landbruget_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_resiliens_i_landbruget_divider_4.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.resiliens_i_landbruget_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_resiliens_i_landbruget_divider_5.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.resiliens_i_landbruget_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_resiliens_i_landbruget_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.resiliens_i_landbruget_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_resiliens_i_landbruget_divider_2.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

/* Store Udfordringer og Store Løsninger */
.store_udfordringer_og_store_lsninger{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/gymnasie_store_udfordringer_og_store_lsninger_1.png') center center no-repeat;
    background-size: cover;
}
.store_udfordringer_og_store_lsninger2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/gymnasie_store_udfordringer_og_store_lsninger_2.png') center center no-repeat;
    background-size: cover;
}

.store_udfordringer_og_store_lsninger_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_store_udfordringer_og_store_lsninger_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.store_udfordringer_og_store_lsninger_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_store_udfordringer_og_store_lsninger_divider_2.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.store_udfordringer_og_store_lsninger_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_store_udfordringer_og_store_lsninger_divider_3.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.store_udfordringer_og_store_lsninger_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_store_udfordringer_og_store_lsninger_divider_4.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.store_udfordringer_og_store_lsninger_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_store_udfordringer_og_store_lsninger_divider_5.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.store_udfordringer_og_store_lsninger_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_store_udfordringer_og_store_lsninger_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.store_udfordringer_og_store_lsninger_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_store_udfordringer_og_store_lsninger_divider_2.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

/* Stærkere Forbindelse Mellem Producent og Forbruger */
.strkere_forbindelse_mellem_producent_og_forbruger{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/gymnasie_strkere_forbindelse_mellem_producent_og_forbruger_1.png') center center no-repeat;
    background-size: cover;
}
.strkere_forbindelse_mellem_producent_og_forbruger2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/gymnasie_strkere_forbindelse_mellem_producent_og_forbruger_2.png') center center no-repeat;
    background-size: cover;
}

.strkere_forbindelse_mellem_producent_og_forbruger_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_strkere_forbindelse_mellem_producent_og_forbruger_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.strkere_forbindelse_mellem_producent_og_forbruger_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_strkere_forbindelse_mellem_producent_og_forbruger_divider_2.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.strkere_forbindelse_mellem_producent_og_forbruger_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_strkere_forbindelse_mellem_producent_og_forbruger_divider_3.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.strkere_forbindelse_mellem_producent_og_forbruger_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_strkere_forbindelse_mellem_producent_og_forbruger_divider_4.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.strkere_forbindelse_mellem_producent_og_forbruger_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_strkere_forbindelse_mellem_producent_og_forbruger_divider_5.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.strkere_forbindelse_mellem_producent_og_forbruger_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_strkere_forbindelse_mellem_producent_og_forbruger_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.strkere_forbindelse_mellem_producent_og_forbruger_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_strkere_forbindelse_mellem_producent_og_forbruger_divider_2.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

/* Transport og Opbevaring */
.transport_og_opbevaring{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/gymnasie_transport_og_opbevaring_1.png') center center no-repeat;
    background-size: cover;
}
.transport_og_opbevaring2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/gymnasie_transport_og_opbevaring_2.png') center center no-repeat;
    background-size: cover;
}

.transport_og_opbevaring_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_transport_og_opbevaring_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.transport_og_opbevaring_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_transport_og_opbevaring_divider_2.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.transport_og_opbevaring_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_transport_og_opbevaring_divider_3.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.transport_og_opbevaring_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_transport_og_opbevaring_divider_4.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.transport_og_opbevaring_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_transport_og_opbevaring_divider_5.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.transport_og_opbevaring_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_transport_og_opbevaring_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.transport_og_opbevaring_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_transport_og_opbevaring_divider_2.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

/* verdens_frste_co2-skat_p_landbruget */
.verdens_frste_co2-skat_p_landbruget{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/gymnasie_verdens_frste_co2-skat_p_landbruget_1.png') center center no-repeat;
    background-size: cover;
}
.verdens_frste_co2-skat_p_landbruget2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/gymnasie_verdens_frste_co2-skat_p_landbruget_2.png') center center no-repeat;
    background-size: cover;
}

.verdens_frste_co2-skat_p_landbruget_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_verdens_frste_co2-skat_p_landbruget_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.verdens_frste_co2-skat_p_landbruget_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_verdens_frste_co2-skat_p_landbruget_divider_2.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.verdens_frste_co2-skat_p_landbruget_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_verdens_frste_co2-skat_p_landbruget_divider_3.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.verdens_frste_co2-skat_p_landbruget_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_verdens_frste_co2-skat_p_landbruget_divider_4.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.verdens_frste_co2-skat_p_landbruget_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_verdens_frste_co2-skat_p_landbruget_divider_5.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.verdens_frste_co2-skat_p_landbruget_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_verdens_frste_co2-skat_p_landbruget_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.verdens_frste_co2-skat_p_landbruget_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_verdens_frste_co2-skat_p_landbruget_divider_2.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

/* Udbredelse af Know-how */
.udbredelse_af_know_how{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/gymnasie_udbredelse_af_know-how_1.png') center center no-repeat;
    background-size: cover;
}
.udbredelse_af_know_how2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/gymnasie_udbredelse_af_know-how_2.png') center center no-repeat;
    background-size: cover;
}

.udbredelse_af_know_how_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_udbredelse_af_know-how_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.udbredelse_af_know_how_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_udbredelse_af_know-how_divider_2.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.udbredelse_af_know_how_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_udbredelse_af_know-how_divider_3.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.udbredelse_af_know_how_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_udbredelse_af_know-how_divider_4.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.udbredelse_af_know_how_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_udbredelse_af_know-how_divider_5.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.udbredelse_af_know_how_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_udbredelse_af_know-how_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.udbredelse_af_know_how_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_udbredelse_af_know-how_divider_2.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

/* Vandets Cyklus */
.vandets_cyklus{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/gymnasie_vandets_cyklus_1.png') center center no-repeat;
    background-size: cover;
}
.vandets_cyklus2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/gymnasie_vandets_cyklus_2.png') center center no-repeat;
    background-size: cover;
}

.vandets_cyklus_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_vandets_cyklus_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.vandets_cyklus_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_vandets_cyklus_divider_2.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.vandets_cyklus_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_vandets_cyklus_divider_3.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.vandets_cyklus_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_vandets_cyklus_divider_4.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.vandets_cyklus_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_vandets_cyklus_divider_5.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.vandets_cyklus_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_vandets_cyklus_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.vandets_cyklus_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_vandets_cyklus_divider_2.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

/* Vandkraft */
.vandkraft{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/gymnasie_vandkraft_1.png') center center no-repeat;
    background-size: cover;
}
.vandkraft2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/gymnasie_vandkraft_2.png') center center no-repeat;
    background-size: cover;
}

.vandkraft_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_vandkraft_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.vandkraft_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_vandkraft_divider_2.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.vandkraft_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_vandkraft_divider_3.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.vandkraft_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_vandkraft_divider_4.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.vandkraft_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_vandkraft_divider_5.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.vandkraft_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_vandkraft_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.vandkraft_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_vandkraft_divider_2.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

/* Verdens Første CO2-skat på Landbruget */
.verdens_frste_co2_skat_p_landbruget{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/gymnasie_verdens_frste_co2_skat_p_landbruget_1.png') center center no-repeat;
    background-size: cover;
}
.verdens_frste_co2_skat_p_landbruget2{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.75)
    ),
    url('IMGs/gymnasie_verdens_frste_co2_skat_p_landbruget_2.png') center center no-repeat;
    background-size: cover;
}

.verdens_frste_co2_skat_p_landbruget_d1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_verdens_frste_co2_skat_p_landbruget_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.verdens_frste_co2_skat_p_landbruget_d2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_verdens_frste_co2_skat_p_landbruget_divider_2.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.verdens_frste_co2_skat_p_landbruget_d3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_verdens_frste_co2_skat_p_landbruget_divider_3.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.verdens_frste_co2_skat_p_landbruget_d4{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_verdens_frste_co2_skat_p_landbruget_divider_4.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.verdens_frste_co2_skat_p_landbruget_d5{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_verdens_frste_co2_skat_p_landbruget_divider_5.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.verdens_frste_co2_skat_p_landbruget_d6{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_verdens_frste_co2_skat_p_landbruget_divider_1.png');
  background-position: center; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}

.verdens_frste_co2_skat_p_landbruget_d7{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.7), 
    rgba(0, 0, 0, 0.75)
  ), url('IMGs/gymnasie_verdens_frste_co2_skat_p_landbruget_divider_2.png');
  background-position: bottom; /* Position at the bottom */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Cover the entire area of the container */
}



/* ----- Gymnasie Slut ----- */



.discussion{
  width: min(640px, 60%);
  height: 100%;
  /* background-color: red; */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 0.8rem;
}

.progressionCircle, .questionsForVideo, .endingBanner{
  height: 100vh;
  width: 100%;
  background-color: #95a412;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: clamp(2rem, 4vw, 4rem);
  padding-left: clamp(10rem, 22vw, 24rem);
  gap: clamp(2rem, 6vw, 5rem);
}


.videoSection{
  height: 100vh;
  width: 100%;
  /* background-color: #f4f4f4; */
  background-color: #000000;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  
}
.potentialeVideo{
  border-radius: 30px;
}

.videoBox{
  height: auto;
  width: auto;
  border-radius: 30px;
  /* border: 6px solid #333;
  border-radius: 30px; */
  
  
  
  background-color: #2f2f2f;
  box-shadow: rgba(34, 146, 206, 0.661) 0px 50px 100px -20px, rgba(255, 50, 84, 0.444) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
  overflow: hidden; /* Ensures no content spills outside the border-radius */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  
  /* transition: transform 0.5s ease; */
  
}

.videoboxLayer{
  height: 80%;
  width: auto;
  box-shadow: rgba(99, 211, 255, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(128, 146, 218, 0.2) 0px -3px 0px inset;
}






.videoBox h2, p{
  width: auto;
  color: #333;
  
}

.videoSection p{
  padding-top: 40px;
  color: #aaa;
}

.textSection{
  height: auto;
  width: 100%;
  background-color: #f4f4f4; /* Light background */
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3rem;
}

.textOldPotential{
  min-height: 100vh;
  height: auto;
}

/* Style for all h2 elements */
h1, h2, h3, h4, h5, h6, p, span {
  color: white; /* Default color for h2 tags outside .textSection */
}

/* Override style for h2 elements inside .textSection */
.textSection h1,.textSection h2,.textSection h3,.textSection h4,.textSection h5,.textSection h6,.textSection p,.textSection span {
  color: #333; /* Specific color for h2 tags inside .textSection */
}

.textLeft{
  width: 25%;
  /* background-color: red; */
  height: 100%;
  
}

/* .begrebsContainer{
  
  height: auto;
  min-height: 400px;
  display: flex;
  flex-direction: column;
  background: linear-gradient(
  to right top,
  rgb(238, 255, 252) 0%,
  rgb(238, 255, 252) 10%,
  #FFFFFF 45%,
  #FFFFFF 50%,
  rgb(255, 248, 244) 90%,
  rgb(255, 248, 244) 100%
  );
  border-radius: 2rem;
  padding: 2rem;
  
  box-shadow: rgba(99, 211, 255, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(128, 146, 218, 0.2) 0px -3px 0px inset;
} */

.begrebsContainer {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 1.1rem;
  padding: clamp(1.8rem, 3vw, 2.4rem);
  min-height: 380px;
  border-radius: 20px;
  background: linear-gradient(135deg, #f9fbfe 0%, #ffffff 55%, #fdf8f4 100%);
  border: 1px solid rgba(13, 42, 73, 0.06);
  box-shadow: 0 14px 32px rgba(12, 32, 64, 0.12);
  color: #1f2f48;
}

.begrebsContainer h2,
.begrebsContainer h3 {
  margin: 0;
  font-weight: 600;
  letter-spacing: 0.01em;
  color: #1d3048;
}

.begrebsContainer p,
.begrebsContainer li {
  color: rgba(29, 45, 70, 0.82);
  line-height: 1.55;
}

@media (max-width: 600px) {
  .begrebsContainer {
    border-radius: 18px;
    padding: 1.5rem;
    box-shadow: 0 10px 24px rgba(12, 32, 64, 0.1);
  }
}

/* .begrebsContainer {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 1.4rem;
  padding: clamp(1.8rem, 3vw, 2.6rem);
  min-height: 420px;
  border-radius: 28px;
  background:
    radial-gradient(120% 150% at 15% -10%, rgba(255, 255, 255, 0.45) 0%, rgba(255, 255, 255, 0) 60%),
    radial-gradient(120% 140% at 85% 0%, rgba(254, 196, 160, 0.32) 0%, rgba(254, 196, 160, 0) 65%),
    linear-gradient(135deg, #f7fffb 0%, #ffffff 50%, #fff7f1 100%);
  box-shadow:
    0 28px 48px rgba(19, 51, 89, 0.18),
    inset 0 1px 0 rgba(255,255,255,0.6);
  border: 1px solid rgba(255, 255, 255, 0.65);
  overflow: hidden;
  isolation: isolate;
}

.begrebsContainer::before {
  content: "";
  position: absolute;
  inset: -25% 55% 35% -15%;
  background: radial-gradient(circle at 40% 40%, rgba(92, 178, 255, 0.25), rgba(37, 129, 255, 0));
  filter: blur(1px);
  opacity: 0.7;
  pointer-events: none;
  transform: rotate(8deg);
}

.begrebsContainer::after {
  content: "";
  position: absolute;
  inset: 55% -25% -15% 65%;
  background: radial-gradient(circle at 60% 40%, rgba(255, 160, 176, 0.24), rgba(255, 160, 176, 0));
  opacity: 0.6;
  pointer-events: none;
  transform: rotate(-12deg);
}

.begrebsContainer h2,
.begrebsContainer h3 {
  margin: 0;
  font-weight: 700;
  letter-spacing: 0.01em;
  color: #1b2b4b;
  text-shadow: 0 2px 10px rgba(255, 255, 255, 0.6);
}

.begrebsContainer p,
.begrebsContainer li {
  color: rgba(23, 36, 61, 0.82);
  line-height: 1.6;
  font-weight: 500;
}

.begrebsContainer .badge {
  align-self: flex-start;
  padding: 0.3rem 0.75rem;
  border-radius: 999px;
  background: rgba(95, 178, 255, 0.18);
  border: 1px solid rgba(95, 178, 255, 0.32);
  color: #1f4b86;
  font-size: 0.85rem;
  font-weight: 600;
}

@media (max-width: 600px) {
  .begrebsContainer {
    border-radius: 22px;
    padding: 1.6rem;
    gap: 1rem;
  }
} */

.textMid{
  width: 50%;
  /* background-color: yellow; */
  height: 100%;
}
.textRight{
  width: 25%;
  height: 100%;
  /* background-color: blue; */
}


.textContainer{
  max-width: 600px;
  margin: auto; /* Center the article */
  padding: 20px;
  
}

.textContainer h2{
  padding-bottom: 1.6rem;
}

.begrebsContainer h3{
  padding-bottom: 1.6rem;
}

.textContainer p, .videoBox p, .h5pElement p{
  font-family: 'Merriweather', serif;
  font-size: 18px;
  line-height: 1.6;
  color: #333; /* Dark gray text */
  margin-bottom: 1em;
}

.quizSection{
  min-height: 100vh;
  height: auto;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: clamp(40px, 8vh, 80px) clamp(16px, 4vw, 48px);
  box-sizing: border-box;
  /* background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%); */
}
.feedbackSection{
  height: auto;
  width: 100%;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
  /* background-color: #99a3ef; */
  background-color: #95a412;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 40px;
}

.feedbackContainer{
  padding: 20px;
  height: 1300px;
  background-color: #fefefe;
  /* background-color: red; */
  width: 800px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}

.endingBanner{
  position: relative;
}

.leftBanner{
  width: 25%;
  height: 100%;
  /* background-color: red; */
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 2rem;
  
  
}
.leftBanner *{
  padding-top: 1rem;
}

.leftBanner a{
  /* color: red; */
  font-weight: 400;
  opacity: 0.8;
  /* padding-top: 40px; */
  text-shadow: 2px 2px 4px #333;
  /* font-family: "Inter", sans-serif; */
  text-decoration: none;
}
html {
  scroll-behavior: smooth;
}

.leftBanner a:hover{
  font-weight: 500;
  opacity: 1;
  text-shadow: 3px 3px 6px #333;
}


.midBanner{
  width: 50%;
  height: 100%;
  /* background-color: blue; */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  
}
.midBanner h2{
  /* background-color: red; */
  width: auto;
}
.midContainer{
  display: flex;
  flex-direction: column;
  /* font-family: "JetBrains Mono",monospace; */
  
  padding-top: 10px;
  /* justify-content: center;
  align-items: center; */
  
}
.midContainer *{
  padding-top: 10px;
}

.rightBanner{
  width: 25%;
  height: 100%;
  /* background-color: yellow; */
  display: flex;
  flex-direction: column;
  justify-content: flex-end; /* Aligns content to the bottom */
}



















/* Quiz */
/* Background image for the quiz container */
.quiz-container {
  display: flex;
  flex-direction: column;
  justify-content: center;

border-radius: 0.5rem;
background-color: #fefefeeb;
  background-size: cover; /* Cover the entire area of the main container */
  background-position: bottom; /* Align the bottom of the image with the bottom of the container */
  background-repeat: no-repeat; /* Prevent the image from repeating */

  padding: 20px;
  box-shadow: 0 0 10px rgba(0,0,0,0.5);
  width: 70%;
  height: 75%;
  
  /* box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px; */
  /* box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset; */
  box-shadow: rgba(45, 35, 66, .4) 0 2px 4px,rgba(45, 35, 66, .3) 0 7px 13px -3px,rgba(58, 65, 111, .5) 0 -3px 0 inset;
}

.leftSide, .rightSide {
  flex: 1;
  padding: 20px;
}

.question {
  font-size: 3em; /* Larger text for the question */
  font-weight: bold;
  color: #333; /* Base color for readability */
  /* Use a fun, cartoonish font if available - this is just an example */
  /* font-family: 'Comic Sans MS', 'Chalkboard SE', 'Arial', sans-serif; */
  /* Optional: Add a slight rotation for more dynamism - tweak as needed */
  /* transform: rotate(-1deg); */
}


.info-box {
  display: none; /* Initially hidden */
  background-color: #f9ed69; /* Light yellow for visibility */
  color: #333;
  padding: 10px;
  margin-top: 20px;
  border-radius: 5px;
  /* box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px; */
  box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset;
}

.answers {
  display: flex;
  flex-direction: column;
}

.answer {
  background-color: #259325;
  margin: 5px 0; /* Space between buttons */
  padding: 10px;
  height: 60px;
  cursor: pointer;
  border: none;
  outline: none;
  transition: background-color 0.3s ease;
}

.answer:hover {
  background-color: #2cb22c;
}





/* <!-- HTML !-->
<button class="button-29" role="button">Button 29</button> */

/* CSS */
.answer {
  
  align-items: center;
  appearance: none;
  background-image: radial-gradient(100% 100% at 100% 0, #5adaff 0, #5468ff 100%);
  border: 0;
  border-radius: 6px;
  box-shadow: rgba(45, 35, 66, .4) 0 2px 4px,rgba(45, 35, 66, .3) 0 7px 13px -3px,rgba(58, 65, 111, .5) 0 -3px 0 inset;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-family: "JetBrains Mono",monospace;
  height: 48px;
  justify-content: center;
  line-height: 1.5;
  list-style: none;
  overflow: hidden;
  padding: 8px 16px;
  padding-right: 16px;
  position: relative;
  text-align: left;
  text-decoration: none;
  transition: box-shadow .15s,transform .15s;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  white-space: normal;
  will-change: box-shadow,transform;
  font-size: 18px;
  height: auto;
  width:400px;
}

.answer:focus {
  box-shadow: #3c4fe0 0 0 0 1.5px inset, rgba(45, 35, 66, .4) 0 2px 4px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #3c4fe0 0 -3px 0 inset;
}

.answer:hover {
  box-shadow: rgba(45, 35, 66, .4) 0 4px 8px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #3c4fe0 0 -3px 0 inset;
  transform: translateY(-2px);
}

.answer:active {
  box-shadow: #3c4fe0 0 3px 7px inset;
  transform: translateY(2px);
}















/* CSS */
.btn_goals, .btn_goals2, .homeButton {
  align-items: center;
  appearance: none;
  background-color: #FCFCFD;
  border-radius: 4px;
  border-width: 0;
  box-shadow: rgba(45, 35, 66, 0.4) 0 2px 4px,rgba(45, 35, 66, 0.3) 0 7px 13px -3px,#D6D6E7 0 -3px 0 inset;
  box-sizing: border-box;
  color: #36395A;
  cursor: pointer;
  display: inline-flex;
  font-family: "JetBrains Mono",monospace;
  height: 48px;
  justify-content: center;
  line-height: 1;
  list-style: none;
  overflow: hidden;
  padding-left: 16px;
  padding-right: 16px;
  position: relative;
  text-align: left;
  text-decoration: none;
  transition: box-shadow .15s,transform .15s;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  white-space: nowrap;
  will-change: box-shadow,transform;
  font-size: 18px;
}

.btn_goals:focus, .btn_goals2:focus {
  box-shadow: #D6D6E7 0 0 0 1.5px inset, rgba(45, 35, 66, 0.4) 0 2px 4px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #D6D6E7 0 -3px 0 inset;
}

.btn_goals:hover, .btn_goals2:hover {
  box-shadow: rgba(45, 35, 66, 0.4) 0 4px 8px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #D6D6E7 0 -3px 0 inset;
  transform: translateY(-2px);
}

.btn_goals:active, .btn_goals2:active {
  box-shadow: #D6D6E7 0 3px 7px inset;
  transform: translateY(2px);
}





/* Overlay */
.popup-background {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: clamp(1.5rem, 4vw, 3rem);
  background: rgba(10, 16, 32, 0.72);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.35s ease;
  z-index: var(--z-index-overlay, 10000);
}



.popup-background.is-visible {
  opacity: 1;
  pointer-events: auto;
}

/* Card */
.popup-contentGoals {
  position: relative;
  width: min(620px, 92vw);
  padding: clamp(2rem, 5vw, 3.25rem);
  border-radius: 28px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.82), rgba(240, 248, 255, 0.88));
  box-shadow: 0 28px 65px rgba(11, 20, 38, 0.45);
  color: #0b1426;
  z-index: var(--z-index-overlay-content, 999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999);
  transform: translateY(24px);
  opacity: 0;
  transition:
    opacity 0.35s ease,
    transform 0.45s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.popup-background.is-visible .popup-contentGoals {
  opacity: 1;
  transform: translateY(0);
}

.popup-contentGoals h2 {
  margin-bottom: 1.1rem;
  font-size: clamp(1.8rem, 3vw, 2.35rem);
  font-weight: 600;
  color: #101d37;
  letter-spacing: -0.01em;
}

.popup-contentGoals p {
  font-size: clamp(1rem, 1.8vw, 1.1rem);
  line-height: 1.6;
  color: rgba(16, 29, 55, 0.8);
}

.popup-contentGoals {
  max-height: min(94vh, 900px);
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: rgba(16, 29, 55, 0.25) rgba(255, 255, 255, 0.2);
}

.popup-contentGoals::-webkit-scrollbar {
  width: 0.65rem;
}

.popup-contentGoals::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.08);
  border-radius: 999px;
}

.popup-contentGoals::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, rgba(102, 212, 255, 0.6), rgba(255, 132, 220, 0.55));
  border-radius: 999px;
}






/* Style for the container of words */
.textLeft {
  padding: 20px;
  
}

/* Style for each word */
.word {
  margin: 5px;
  padding: 5px 10px;
  display: inline-block;
  width: auto;
  cursor: pointer;
  background-color: #f0f0f0;
  border-radius: 5px;
  color: black;
  transition: background-color 0.3s;
  
  
}

/* Hover effect for words */
.word:hover {
  /* background-color: #e0e0e0; */
}

.word {
  margin: 6px;
  padding: 10px 18px;
  display: inline-block;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.25);
  border: 1px solid rgba(255, 255, 255, 0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  color: #111827;
  font-weight: 500;
  font-size: 0.95rem;
  cursor: pointer;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
  transition: all 0.25s ease;
  transform: translateY(0);
}

.word:hover {
  background: rgba(255, 255, 255, 0.45);
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.08);
  transform: translateY(-3px) scale(1.03);
}

.word:active {
  transform: scale(0.97);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}


.wordListDiv {
  display: flex;
  flex-direction: column;
  align-items: flex-start; /* Align items to the start of the container */
  /* background-color: #007bff; */
}


#wordPopup {
  position: absolute;
  padding: 14px 18px;
  background: #ffffff; /* Ren hvid */
  border: 1px solid #e5e7eb; /* Moderne, lys grå kant */
  border-radius: 12px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08); /* Blød skygge */
  color: #111827; /* Mørk tekst */
  font-size: 0.9em;
  font-weight: 400;
  max-width: 320px;
  z-index: 100;
  animation: popupFadeIn 0.25s ease forwards;
  transform: translateY(6px);
  opacity: 0;
  transition: box-shadow 0.25s ease, transform 0.25s ease;
}

/* Hover: lidt løft og stærkere skygge */
#wordPopup:hover {
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.1);
  transform: translateY(-2px);
}

/* Ordet */
#wordPopup strong {
  display: block;
  font-size: 1.15em;
  font-weight: 600;
  margin-bottom: 6px;
  color: #000000; /* Sort tekst for maksimal kontrast */
}

/* Indfade-animation */
@keyframes popupFadeIn {
  from {
    opacity: 0;
    transform: translateY(8px) scale(0.97);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}


#confetti {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* background-color: red; */
}

.custom-subtitles {
  position: absolute;
  bottom: 50px; /* Adjust the bottom margin as needed */
  width: auto;
  max-width: 80%;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(0, 0, 0, 0.7);
  color: white;
  padding: 5px 10px;
  border-radius: 5px;
  text-align: center;
  display: none;
}

/* feedbackSection
progressionCircle
questionsForVideo
endingBanner
quiz-container */

.engelskfarve{
  background-color: #903390;
}

.engelskfarve {
  position: relative;
  overflow: hidden;
  color: #fdf5ff;
  padding: 1.6rem 2rem;
  background:
    radial-gradient(160% 120% at 20% -10%, rgba(255,255,255,0.28) 0%, rgba(255,255,255,0) 60%),
    radial-gradient(120% 140% at 85% 20%, rgba(200,120,210,0.45) 0%, rgba(80,0,80,0) 70%),
    linear-gradient(135deg, #6d2d6d 0%, #903390 40%, #4a0f4a 100%);
  box-shadow: 0 18px 36px rgba(40, 0, 60, 0.32);
  font-family: "Inter", "Segoe UI", sans-serif;
  line-height: 1.5;
  text-shadow: 0 1px 2px rgba(30, 0, 40, 0.4);
  letter-spacing: 0.01em;
}

.engelskfarve::after {
  content: "";
  position: absolute;
  inset: 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M0 0h20v20H0z'/%3E%3C/g%3E%3C/svg%3E");
  opacity: 0.6;
  mix-blend-mode: soft-light;
  pointer-events: none;
  animation: blob-float 11s ease-in-out infinite;
}

.engelskfarve::before {
  content: "";
  position: absolute;
  inset: 0;
  animation: blob-drift 9s ease-in-out infinite;
}

.engelskfarve h2 {
  margin: 0 0 0.75rem;
  font-weight: 700;
}

/* .engelskfarve p {
  margin-bottom: 1rem;
  max-width: 58ch;
  opacity: 0.92;
} */

.samfundsfagfarve{
  /* background-color: #0061c1; */
    background: linear-gradient(135deg, #0061c1 0%, #0a7fe0 100%);
  color: #f5f9ff;
  
}

.progressionCircle{
  
}

.samfundsfagfarve {
  position: relative;
  overflow: hidden;
  color: #f5f9ff;
  padding: 1.6rem 2rem;
  /* border-radius: 20px; */
  background:
    radial-gradient(160% 120% at 20% -10%, rgba(255,255,255,0.28) 0%, rgba(255,255,255,0) 60%),
    radial-gradient(120% 140% at 85% 20%, rgba(10,127,224,0.45) 0%, rgba(0,53,124,0) 70%),
    linear-gradient(135deg, #0a55b5 0%, #0a7fe0 40%, #004a9d 100%);
  box-shadow: 0 18px 36px rgba(0, 33, 87, 0.28);
}

.samfundsfagfarve::after {
  content: "";
  position: absolute;
  inset: 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M0 0h20v20H0z'/%3E%3C/g%3E%3C/svg%3E");
  opacity: 0.6;
  mix-blend-mode: soft-light;
  pointer-events: none;
}

@keyframes blob-drift {
  0%   { transform: translate(-15%, -10%) scale(1) rotate(4deg); }
  50%  { transform: translate(-12%, -6%) scale(1.05) rotate(8deg); }
  100% { transform: translate(-15%, -10%) scale(1) rotate(4deg); }
}

@keyframes blob-float {
  0%   { transform: translate(12%, 18%) scale(1) rotate(-6deg); }
  50%  { transform: translate(16%, 22%) scale(1.04) rotate(-2deg); }
  100% { transform: translate(12%, 18%) scale(1) rotate(-6deg); }
}

.samfundsfagfarve::before {
  animation: blob-drift 9s ease-in-out infinite;
}

.samfundsfagfarve::after {
  animation: blob-float 11s ease-in-out infinite;
}

.samfundsfagfarve {
  /* existing background & layout */
  font-family: "Inter", "Segoe UI", sans-serif;
  /* font-size: 1.05rem; */
  line-height: 1.5;
  color: #f5f9ff;
  text-shadow: 0 1px 2px rgba(0, 20, 60, 0.35);
  letter-spacing: 0.01em;
}

.samfundsfagfarve h2 {
  margin: 0 0 0.75rem;
  /* font-size: clamp(1.6rem, 2.4vw + 1rem, 2.3rem); */
  font-weight: 700;
}

.samfundsfagfarve p {
  margin-bottom: 1rem;
  max-width: 58ch;
  opacity: 0.92;
}

.biologifarve{
  background-color: #95a412;
}

.biologifarve {
  position: relative;
  overflow: hidden;
  color: #f5f9ff;
  padding: 1.6rem 2rem;
  background:
    radial-gradient(160% 120% at 20% -10%, rgba(255,255,255,0.28) 0%, rgba(255,255,255,0) 60%),
    radial-gradient(120% 140% at 85% 20%, rgba(160,190,40,0.45) 0%, rgba(80,100,10,0) 70%),
    linear-gradient(135deg, #7a8f0f 0%, #95a412 40%, #5f7308 100%);
  box-shadow: 0 18px 36px rgba(60, 80, 10, 0.3);
  font-family: "Inter", "Segoe UI", sans-serif;
  line-height: 1.5;
  text-shadow: 0 1px 2px rgba(20, 30, 5, 0.4);
  letter-spacing: 0.01em;
}

.biologifarve::after {
  content: "";
  position: absolute;
  inset: 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M0 0h20v20H0z'/%3E%3C/g%3E%3C/svg%3E");
  opacity: 0.6;
  mix-blend-mode: soft-light;
  pointer-events: none;
  animation: blob-float 11s ease-in-out infinite;
}

.biologifarve::before {
  content: "";
  position: absolute;
  inset: 0;
  animation: blob-drift 9s ease-in-out infinite;
}

.biologifarve h2 {
  margin: 0 0 0.75rem;
  font-weight: 700;
}

.biologifarve p {
  margin-bottom: 1rem;
  max-width: 58ch;
  opacity: 0.92;
}

.geografifarve{
  background-color: rgb(148, 84, 45);
}

.geografifarve {
  position: relative;
  overflow: hidden;
  color: #fffaf5;
  padding: 1.6rem 2rem;
  background:
    radial-gradient(160% 120% at 20% -10%, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0) 60%),
    radial-gradient(120% 140% at 85% 20%, rgba(200,120,60,0.4) 0%, rgba(80,30,0,0) 70%),
    linear-gradient(135deg, #7a3d18 0%, #94542d 40%, #5a2605 100%);
  box-shadow: 0 18px 36px rgba(60, 20, 0, 0.35);
  font-family: "Inter", "Segoe UI", sans-serif;
  line-height: 1.5;
  text-shadow: 0 1px 2px rgba(30, 10, 0, 0.45);
  letter-spacing: 0.01em;
}

.geografifarve::after {
  content: "";
  position: absolute;
  inset: 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M0 0h20v20H0z'/%3E%3C/g%3E%3C/svg%3E");
  opacity: 0.6;
  mix-blend-mode: soft-light;
  pointer-events: none;
  animation: blob-float 11s ease-in-out infinite;
}

.geografifarve::before {
  content: "";
  position: absolute;
  inset: 0;
  animation: blob-drift 9s ease-in-out infinite;
}

.geografifarve h2 {
  margin: 0 0 0.75rem;
  font-weight: 700;
}

.geografifarve p {
  margin-bottom: 1rem;
  max-width: 58ch;
  opacity: 0.92;
}

.historiefarve{
  background-color: #d5ad28;
}

.historiefarve {
  position: relative;
  overflow: hidden;
  color: #fffdf6;
  padding: 1.6rem 2rem;
  background:
    radial-gradient(160% 120% at 20% -10%, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0) 60%),
    radial-gradient(120% 140% at 85% 20%, rgba(240,210,60,0.4) 0%, rgba(140,110,10,0) 70%),
    linear-gradient(135deg, #b48b10 0%, #d5ad28 40%, #8c7205 100%);
  box-shadow: 0 18px 36px rgba(80, 60, 0, 0.32);
  font-family: "Inter", "Segoe UI", sans-serif;
  line-height: 1.5;
  text-shadow: 0 1px 2px rgba(40, 30, 0, 0.4);
  letter-spacing: 0.01em;
}

.historiefarve::after {
  content: "";
  position: absolute;
  inset: 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M0 0h20v20H0z'/%3E%3C/g%3E%3C/svg%3E");
  opacity: 0.6;
  mix-blend-mode: soft-light;
  pointer-events: none;
  animation: blob-float 11s ease-in-out infinite;
}

.historiefarve::before {
  content: "";
  position: absolute;
  inset: 0;
  animation: blob-drift 9s ease-in-out infinite;
}

.historiefarve h2 {
  margin: 0 0 0.75rem;
  font-weight: 700;
}

.historiefarve p {
  margin-bottom: 1rem;
  max-width: 58ch;
  opacity: 0.92;
}

.mobile-frontpage{
  display: none;
  flex-direction: column;
  align-items: center;
    overflow: hidden;
}

.mobile-frontpage {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px; /* Space between sections */
  overflow: hidden;
}



.mobileSection {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  padding: clamp(24px, 5vw, 48px);
  margin: 0 auto 24px;
  width: min(720px, calc(100% - 1.2rem));
  border-radius: 24px;
  color: #f8fbff;
  background: linear-gradient(135deg, rgba(4, 18, 40, 0.95), rgba(16, 71, 146, 0.88));
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 20px 45px rgba(7, 12, 26, 0.55);
  backdrop-filter: blur(16px);
  overflow: hidden;
}

.mobileSection::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 20% 20%, rgba(83, 165, 255, 0.25), transparent 55%);
  pointer-events: none;
  mix-blend-mode: screen;
}


.mobileSection h3 {
  font-size: clamp(2.2rem, 4vw, 3.4rem);
  margin: 0;
  padding: clamp(1.5rem, 4vw, 2.5rem) 0;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.18rem;
  font-weight: 600;
  background: linear-gradient(105deg, rgba(255,255,255,0.99), rgba(255,255,255,0.9));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.samfundsfagMobile h3,
.historieMobile h3,
.geografiMobile h3,
.biologiMobile h3 {
  background-image: linear-gradient(105deg, rgba(255,255,255,0.99), rgba(255,255,255,0.92));
}


.link-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.8rem;
  /* margin: 14px 0; */
  padding: 1rem 1.25rem;
  text-decoration: none;
  color: inherit;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 10px 25px rgba(5, 10, 24, 0.35);
  transition: transform 180ms ease, box-shadow 180ms ease, background 180ms ease;
}

.link-wrapper:hover,
.link-wrapper:focus-visible {
  transform: translateY(-2px);
  background: rgba(111, 182, 255, 0.18);
  box-shadow: 0 18px 30px rgba(7, 18, 40, 0.45);
}

.samfundsfagMobile {  } /* Green */
.historieMobile {  } /* Blue */
.geografiMobile {  } /* Amber */
.biologiMobile {  } /* Deep Orange */
.engelskMobile {  } /* Deep Orange */

.mobileTitle {
  font-size: 16px; /* Adjusted for readability on mobile */
  font-weight: bold; /* Make the title stand out */
  transition: transform 0.2s; /* Smooth transition for touch feedback */
}

.link-wrapper:hover .mobileTitle {
  transform: scale(1.05); /* Slight enlarge effect on hover for feedback */
}
   
/* Samfundsfag */
.samfundsfagMobile {
  background: linear-gradient(135deg, #0c8dff 0%, #0050b0 100%);
  border: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow: 0 12px 30px rgba(0, 80, 176, 0.4);
  color: #f5fbff;
}

/* Historie */
.historieMobile {
  background: linear-gradient(135deg, #f6d86b 0%, #c78b1e 100%);
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 12px 32px rgba(199, 139, 30, 0.45);
  color: #1f1400;
}

/* Geografi */
.geografiMobile {
  background: linear-gradient(135deg, #f0a574 0%, #8d461f 100%);
  border: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow: 0 12px 32px rgba(141, 70, 31, 0.45);
  color: #180902;
}

/* Biologi */
.biologiMobile {
  background: linear-gradient(135deg, #cde84f 0%, #6f8f0a 100%);
  border: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow: 0 12px 30px rgba(111, 143, 10, 0.4);
  color: #091201;
}

/* Fælles badge-stil */
.samfundsfagMobile,
.historieMobile,
.geografiMobile,
.biologiMobile {
  border-radius: 22px;
  padding: clamp(18px, 4vw, 28px);
  position: relative;
  overflow: hidden;
}

.mobileFolkeskole,
.mobileGym {
  width: 100%;
}

.mobile-frontpage .mobileFolkeskole,
.mobile-frontpage .mobileGym {
  display: none;
}

.mobile-frontpage .mobileMenu--active {
  display: block;
}





.mobileIcon {
  width: 100px; /* or any specific size you prefer */
  height: auto; /* maintains the aspect ratio */
  display: block;
  margin: 0 auto; /* centers the image if the container is wider */
  padding: 1rem;
}







@media screen and (min-width: 1182px) {
  .mobile-frontpage{
    display: none;
  }

  
}

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

  main {
    position: relative;
    width: 100%;
    min-height: 100vh;
    height: auto;
    overflow: visible;
    background-color: #0f1f37;
  }

  body {
    overflow-y: auto;
  }

  .divider
  {display: none;}

  .mobile-frontpage{
    display: block;
  }

  .content-overlay{
    display: none;
  }
  .contentoverlay2{
    display: none;
  }

  .leftBanner{
    display: none;
  }

  .rightBanner{
    display: none;
  }

  .midBanner{
    width: 100%;
  }
  .quizSection{
    /* display: none; */
  }

  .feedbackSection{
    display: none;
  }

  .endingBanner{
    display: none;
  }

  .textLeft{
    display: none;
  }

  .textMid{
    width: 100%;
  }

  .textRight{
    display: none;
  }

  .textContainer{
    width: 100%;
    padding: 8px;
    
    display: flex;
    flex-direction: column;
    align-items: center;
    /* text-align: center; */
  }

  .textContainer p{
    text-align: center;
  }

  .textContainer{
    max-width: 100%;
    margin: 0; /* Center the article */
    padding: 0px;
    
  }

  .textSection{
    height: auto;
    width: 100%;
    background-color: #f4f4f4; /* Light background */
    display: flex;
    align-items: center;
    justify-content: center;
    
    padding: 3rem;
  }

  .textSection p{
    text-align: left;
  }

  .discussion{
    width: 100%;
    height: 100%;
    /* background-color: red; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 0.8rem;
  }

  .discussion p{
    text-align: center;
    width: 100%;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  /* .discussion span{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  } */

  .progressionCircleContainer{
    display: none;
  }

  .progressionCircleContainer2{
    display: none;
  }
  
  .videoboxLayer{
    height: auto;
    /* width: auto;
    box-shadow: rgba(99, 211, 255, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(128, 146, 218, 0.2) 0px -3px 0px inset; */
  }

  /* .videoSection{
    height: auto;
    padding-top: 4rem;
    padding-bottom: 4rem;
    width: 100%;
    
    background-color: #000000;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    
  } */

}

@media screen and (max-width: 768px) {
  .quizSection{
    min-height: auto;
    padding: clamp(20px, 6vh, 48px) clamp(8px, 4vw, 20px);
    align-items: flex-start;
  }
}


.h5pContainer{
  border-radius: 20px;
  padding: 20px;
  background-color: white;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
}
.h5pElement{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  
  min-height: 100vh;
}

.h5pElement h2{
  width: auto;
  padding: 2rem;
  color: #333;
  
}

.splitDiv{
  display: flex;
  flex-direction: column;
  height: auto;
  align-items: center;
}

.leftSplit{
  width: 60%;
  padding: 40px;
  /* background-color: red; */
}
.leftSplit *{
  padding-top: 30px;
}

.rightSplit{
  width: 60%;
  /* background-color: green; */
  padding: 30px;
  
  /* justify-content: center;
  align-items: center; */
}

.gammeltPotentiale{
  color: red;
  font-size: 9rem;
}

#playPauseBtn {
  background: linear-gradient(135deg, #748ffc, #b088f9); /* Slightly different gradient */
  width: 100px;
  height: 100px;
  border-radius: 50%;
  font-size: 1rem;
  color: white; /* Font color */
  
  cursor: pointer; /* Cursor indicates it's clickable */
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2); /* Soft shadow for depth */
  transition: transform 0.2s ease; /* Smooth scaling on click */
}

#playPauseBtn:hover {
  background: linear-gradient(135deg, #7692fc, #b48bf9); /* Very subtle lighter gradient on hover */
  transform: scale(1.03); /* More subtle scaling effect */
}

#playPauseBtn:active {
  background: linear-gradient(135deg, #7287f9, #af82f7); /* Subtle darker gradient on click */
  transform: scale(0.98); /* Subtle scale down effect */
}


.audio-player {
  width: auto;
  padding: 0.2rem 20rem; /* Adjusted padding for a more compact notation */
  border-radius: 20px;
  background: linear-gradient(135deg, #6e8efb, #a777e3); /* Example gradient */
  color: #ffffff; /* Adjust text color for better visibility against the dark background */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37); /* Soft shadow for depth */
  backdrop-filter: blur(4px); /* Slight blur effect on the background for depth */
  -webkit-backdrop-filter: blur(4px); /* For Safari */
  border: 2px solid rgba(255, 255, 255, 0.18); /* Subtle border for defined edges */
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}


.controls {
  display: flex;
  gap: 10px;
  align-items: center;
}

#volumeControl {
  width: 100px;
}



.wordFunc, .wordFunc2, .wordFunc3, .wordFunc4 {
  transition: all 0.3s ease;
  /* font-size: 24px;
  font-family: Verdana, Geneva, Tahoma, sans-serif; */
  

  font-size: 16px;
  
  line-height: 26px;
  font-weight: 300;
  width: 100%;
  
  /* background-color: #0f1f37; */
  /* Default style */
}

.wordFunc.highlight, .wordFunc2.highlight, .wordFunc3.highlight, .wordFunc4.highlight {
  /* color: orange; */
  text-shadow: 0px 5px 12px #00aaffaa;
  /* font-size: 28; */
  font-weight: 350;
  
   /* Horizontal offset, vertical offset, blur radius, and color */
  
}

.highlight {
  color: yellow;
}
.highlight2 {
  color: yellow;
}
.box-highlight {
  /* border: 2px solid #99aaff; */
  /* padding: 2px; */
  background-color: #0061c133;
  border-radius: 9px;
  
  /* display: inline-block; */
}

.box-highlight2 {
  /* border: 2px solid #99aaff; */
  /* padding: 2px; */
  background-color: #0061c133;
  border-radius: 9px;
  
  /* display: inline-block; */
}

.wordFunc.highlight.box-highlight {
  /* color: yellow; */
  
  
  
}
/*

*/


.testHolder{
  width: 100vw;
  height: 70vh;
  display: flex;
  justify-content: center;
  align-items: center;
  
}

.footer-credit {
  position: fixed;
  bottom: 10px;
  left: 10px;
  font-size: 12px; /* Juster tekststørrelsen efter behov */
  color: #444; /* Tekstfarve, evt. en diskret farve */
  background-color: rgba(255, 255, 255, 0.6); /* Baggrund med gennemsigtighed */
  padding: 5px 10px; /* Indre afstand for bedre læsbarhed */
  border-radius: 5px; /* Runde hjørner for et pænere look */
  z-index: 1000; /* Sørger for, at teksten vises øverst, hvis der er andre elementer */
}

.popup-credit-text{
  font-size: 12px;
  color: #444;
}



.quiz-card {
  position: relative;
  max-width: 520px;
  margin: 2rem auto;
  padding: 2.2rem 2.4rem 2.6rem;
  border-radius: 28px;
  background:
    radial-gradient(130% 120% at 10% -10%, rgba(255,255,255,0.16), rgba(255,255,255,0)),
    radial-gradient(150% 150% at 90% 0%, rgba(10,127,224,0.12), rgba(4,35,82,0)),
    linear-gradient(145deg, #03173a, #0a2458);
  color: #f2f7ff;
  box-shadow: 0 24px 48px rgba(4, 21, 52, 0.4);
  overflow: hidden;
  backdrop-filter: blur(12px);
}

.quiz-card::before {
  content: "";
  position: absolute;
  inset: -30% 12% 45% -20%;
  background: radial-gradient(circle at 30% 30%, rgba(20,160,255,0.32), rgba(3,40,108,0));
  clip-path: path("M0 120 C40 160 100 80 160 110 C220 140 220 10 300 30 C380 50 350 200 250 220 C150 240 80 200 0 220 Z");
  animation: quiz-blob 14s ease-in-out infinite;
  pointer-events: none;
  opacity: 0.65;
}

@keyframes quiz-blob {
  0%, 100% { transform: translate(-8%, -4%) scale(1); }
  50%      { transform: translate(6%, 2%) scale(1.05); }
}

.quiz-card .question {
  font-size: clamp(1.4rem, 2vw + 1rem, 2.1rem);
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 1.4rem;
  text-shadow: 0 2px 6px rgba(0, 12, 40, 0.6);
}

.quiz-card .answers {
  display: grid;
  gap: 0.9rem;
}

.quiz-card .answer {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.95rem 1.2rem;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,0.16);
  background: rgba(7, 25, 60, 0.38);
  color: inherit;
  font-weight: 600;
  letter-spacing: 0.01em;
  box-shadow: 0 12px 24px rgba(3, 17, 45, 0.35);
  cursor: pointer;
  transition: transform 160ms ease, background 160ms ease, border 160ms ease, box-shadow 160ms ease;
}

.quiz-card .answer::after {
  content: "→";
  font-size: 1.1rem;
  opacity: 0.5;
  transition: transform 160ms ease, opacity 160ms ease;
}

.quiz-card .answer:hover {
  transform: translateY(-3px);
  background: rgba(39, 96, 196, 0.38);
  border-color: rgba(82, 177, 255, 0.5);
  box-shadow: 0 18px 32px rgba(3, 22, 58, 0.42);
}

.quiz-card .answer:hover::after {
  transform: translateX(6px);
  opacity: 0.9;
}

.quiz-card .answer:active {
  transform: translateY(0);
}

.quiz-card .info-box {
  margin-top: 1.4rem;
  padding: 1rem 1.2rem;
  border-radius: 14px;
  font-size: 0.98rem;
  font-weight: 500;
  line-height: 1.5;
  display: none;
  background: rgba(28, 187, 105, 0.25); /* default, overridden in JS */
  color: #0b2b17;
  box-shadow: inset 0 0 0 1px rgba(28, 187, 105, 0.35);
  transition: transform 220ms ease, opacity 220ms ease;
}

.quiz-card .info-box.show {
  display: block;
  transform: translateY(0);
  opacity: 1;
}

.quiz-card .info-box[data-state="error"] {
  background: rgba(252, 204, 88, 0.25);
  color: #3a2900;
  box-shadow: inset 0 0 0 1px rgba(252, 204, 88, 0.45);
}

.quiz-card .info-box[data-state="success"] {
  background: rgba(66, 225, 150, 0.25);
  color: #062a1a;
  box-shadow: inset 0 0 0 1px rgba(66, 225, 150, 0.45);
}




/* ============================= */
/*          QUIZ SCENE           */
/* ============================= */
.quiz-scene {
  position: relative;
  width: 100%;
  min-height: 460px;
  display: flex;
  justify-content: center;
  padding: 120px 0;
  overflow: visible;
  z-index: 0;
}


@keyframes quizGlowShift {
  0%, 100% { transform: translateY(0); }
  50%      { transform: translateY(-18px) scale(1.03); }
}

/* Flydende spørgsmålstegn */
.quiz-scene .quiz-float {
  position: absolute;
  font-size: clamp(272px, 6.2vw, 118px);
  font-weight: 700;
  color: rgba(93, 45, 253, 0.55);
  text-shadow: 0 18px 45px rgba(0, 0, 0, 0.25);
  pointer-events: none;
  animation: quizFloat 22s ease-in-out infinite;
  z-index: -1;
  will-change: transform, opacity;
}

.quiz-scene .quiz-float:nth-of-type(2),
.quiz-scene .quiz-float:nth-of-type(3),
.quiz-scene .quiz-float:nth-of-type(4) {
  color: rgba(255, 255, 255, 0.2);
}


.quiz-scene .quiz-float:nth-of-type(1) {
  --start-x: -32vw; --start-y: -36vh;
  --mid-x: -18vw;  --mid-y: -12vh;
  --end-x: -26vw;  --end-y: -28vh;
  animation-delay: -2s;
}

.quiz-scene .quiz-float:nth-of-type(2) {
  --start-x: -34vw; --start-y: 28vh;
  --mid-x: -20vw;  --mid-y: 46vh;
  --end-x: -12vw;  --end-y: 32vh;
  animation-delay: -6s;
}

.quiz-scene .quiz-float:nth-of-type(3) {
  --start-x: 28vw; --start-y: -34vh;
  --mid-x: 40vw;  --mid-y: -18vh;
  --end-x: 24vw;  --end-y: -26vh;
  animation-delay: -10s;
}

.quiz-scene .quiz-float:nth-of-type(4) {
  --start-x: 36vw; --start-y: 30vh;
  --mid-x: 22vw;  --mid-y: 42vh;
  --end-x: 44vw;  --end-y: 26vh;
  animation-delay: -14s;
}


@keyframes quizFloat {
  0% {
    transform: translate3d(var(--start-x), var(--start-y), 0) scale(0.78) rotate(-10deg);
    opacity: 0;
  }
  10%  { opacity: 1; }
  50%  { transform: translate3d(var(--mid-x), var(--mid-y), 0) scale(1) rotate(5deg); }
  90%  { opacity: 1; }
  100% {
    transform: translate3d(var(--end-x), var(--end-y), 0) scale(0.85) rotate(12deg);
    opacity: 0;
  }
}

/* ============================= */
/*          QUIZ CARD            */
/* ============================= */
.quiz {
  position: relative;
  width: min(880px, 84vw);
  display: grid;
  gap: 24px;
  padding: 32px 36px;
  border-radius: 26px;
  background: linear-gradient(135deg, rgba(255,255,255,0.96), rgba(242,244,255,0.86));
  border: 1px solid rgba(255,255,255,0.45);
  box-shadow:
    0 32px 60px rgba(12,16,40,0.18),
    0 1px 0 rgba(255,255,255,0.66) inset,
    0 -1px 0 rgba(200,210,255,0.32) inset;
  backdrop-filter: blur(26px);
  -webkit-backdrop-filter: blur(26px);
  color: #111a2d;
}

.quiz::before {
  content: "";
  position: absolute;
  inset: 4px;
  border-radius: 22px;
  border: 1px solid rgba(120,135,210,0.18);
  pointer-events: none;
}

.quiz::after {
  content: "";
  position: absolute;
  inset: -3px;
  border-radius: 30px;
  background: radial-gradient(circle at 0% 0%, rgba(93,45,253,0.25), transparent 55%),
              radial-gradient(circle at 100% 100%, rgba(68,181,255,0.25), transparent 55%);
  filter: blur(16px);
  opacity: 0.5;
  pointer-events: none;
  z-index: -1;
}

.quiz,
.quiz * {
  color: #111a2d;
  text-shadow: none !important;
}

/* Header + meta */
.quiz__header {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: start;
  gap: 16px;
}

.quiz__meta {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.quiz__eyebrow {
  font-size: 0.75rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: rgba(17,26,45,0.55);
}

.quiz__topic-chip {
  align-self: flex-start;
  padding: 6px 14px;
  font-size: 0.78rem;
  border-radius: 999px;
  border: 1px solid rgba(93,45,253,0.18);
  background: rgba(93,45,253,0.08);
  color: rgba(17,26,45,0.82);
}

.quiz__score {
  font-size: 1rem;
  font-weight: 600;
  color: #5d2dfd;
}

/* Progressbar */
.quiz__progressbar {
  width: 100%;
  height: 8px;
  border-radius: 999px;
  background: rgba(17,26,45,0.08);
  overflow: hidden;
  box-shadow: inset 0 1px 2px rgba(255,255,255,0.85);
}

.quiz__progressbar-fill {
  height: 100%;
  background: linear-gradient(90deg, #5d2dfd, #44b5ff);
  transform-origin: left;
  transform: scaleX(0);
  transition: transform 0.45s ease;
}

/* Question */
.quiz__question {
  font-size: clamp(1.38rem, 1.9vw, 1.78rem);
  line-height: 1.32;
  font-weight: 600;
  color: #050b20;
}

/* Answer stack */
.quiz__answers {
  display: grid;
  gap: 14px;
  min-height: 220px;
}

.quiz__answer {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 16px;
  padding: 18px 22px;
  border-radius: 18px;
  border: 1px solid rgba(215,220,245,0.75);
  background: rgba(255,255,255,0.86);
  box-shadow: 0 18px 36px rgba(15,18,55,0.12);
  color: #15253f;
  cursor: pointer;
  transition: transform 0.18s ease,
              box-shadow 0.18s ease,
              border-color 0.18s ease,
              background 0.18s ease;
}

.quiz__answer-icon {
  font-size: 1.3rem;
  filter: drop-shadow(0 6px 14px rgba(15,18,55,0.25));
}

.quiz__answer-text {
  line-height: 1.36;
  font-size: 1.08rem;   /* gør svarene større */
  font-weight: 600;     /* gør teksten semi-bold */
}

.quiz__answer::after {
  content: "›";
  font-size: 1.2rem;
  font-weight: 600;
  color: rgba(17,32,60,0.35);
  transition: transform 0.18s ease, color 0.18s ease;
}

.quiz__answer:hover:not([disabled]) {
  transform: translateY(-4px) scale(1.01);
  box-shadow: 0 20px 48px rgba(15,18,55,0.18);
  border-color: rgba(93,45,253,0.32);
  background: rgba(255,255,255,0.95);
}

.quiz__answer:hover::after {
  transform: translateX(4px);
  color: rgba(17,32,60,0.55);
}

.quiz__answer:disabled {
  cursor: default;
  opacity: 0.92;
}

.quiz__answer.is-correct {
  border-color: rgba(47,191,113,0.45);
  background: rgba(47,191,113,0.18);
  color: #146b40;
}

.quiz__answer.is-wrong {
  border-color: rgba(247,179,43,0.45);
  background: rgba(247,179,43,0.18);
  color: #8a5805;
}

/* Info box */
.quiz__info {
  min-height: 56px;
  display: flex;
  align-items: center;
  padding: 14px 18px;
  border-radius: 16px;
  background: rgba(93,45,253,0.08);
  color: rgba(17,26,45,0.84);
  opacity: 0;
  transform: translateY(8px);
  transition: opacity 0.28s ease, transform 0.28s ease;
}

.quiz__info.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.quiz__info.is-success {
  background: rgba(47,191,113,0.16);
  color: #146b40;
}

.quiz__info.is-warning {
  background: rgba(247,179,43,0.16);
  color: #8a5805;
}

/* Next button */
.quiz__next {
  justify-self: end;
  border: none;
  border-radius: 999px;
  padding: 14px 30px;
  background: linear-gradient(90deg, #5d2dfd, #44b5ff);
  color: #fff;
  font-weight: 600;
  letter-spacing: 0.02em;
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.25s ease, transform 0.25s ease;
}

.quiz__next.is-active {
  opacity: 1;
  pointer-events: auto;
  animation: quizNextBounce 0.35s ease-out;
}

@keyframes quizNextBounce {
  0% { transform: translateY(12px); }
  55% { transform: translateY(-4px); }
  100% { transform: translateY(0); }
}

/* Result view */
.quiz__result {
  display: grid;
  gap: 18px;
  justify-items: center;
  text-align: center;
  padding: 40px 32px;
  background: linear-gradient(135deg, rgba(93,45,253,0.12), rgba(68,181,255,0.12));
  border-radius: 18px;
  border: 1px solid rgba(93,45,253,0.22);
}

.quiz__result-title {
  font-size: clamp(1.6rem, 2vw, 1.9rem);
  font-weight: 700;
  color: #050b20;
}

.quiz__result-summary {
  font-size: 1rem;
  color: rgba(17,26,45,0.72);
}

.quiz__result .quiz__restart {
  border: none;
  border-radius: 999px;
  padding: 14px 30px;
  background: linear-gradient(90deg, #5d2dfd, #44b5ff);
  color: #fff;
  font-weight: 600;
  letter-spacing: 0.02em;
  cursor: pointer;
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.quiz__result .quiz__restart:hover {
  transform: translateY(-3px);
  box-shadow: 0 16px 32px rgba(15,18,55,0.2);
}

/* ============================= */
/*         RESPONSIVE            */
/* ============================= */
@media (max-width: 820px) {
  .quiz-scene { padding: 100px 0; }
  .quiz       { padding: 28px 28px; gap: 22px; width: min(92vw, 720px); }
  .quiz__answers { min-height: 200px; }
}

@media (max-width: 640px) {
  .quiz-scene { padding: 80px 0; }
  .quiz       { padding: 26px 22px; gap: 20px; }
  .quiz__header { grid-template-columns: 1fr; gap: 12px; }
  .quiz__score  { justify-self: flex-start; }
  .quiz__answers { min-height: 180px; }
  .quiz__answer {
    grid-template-columns: auto 1fr;
    padding: 16px 18px;
  }
  .quiz__answer::after { display: none; }
  .quiz-scene .quiz-float:nth-of-type(n+3) { display: none; }
}

@media (max-width: 460px) {
  .quiz          { padding: 24px 18px; gap: 18px; }
  .quiz__question { font-size: 1.25rem; }
  .quiz__answers  { min-height: 160px; }
  .quiz__answer   { padding: 14px 16px; font-size: 0.95rem; }
  .quiz__info     { padding: 12px 14px; font-size: 0.88rem; }
  .quiz__next     { width: 100%; justify-self: stretch; text-align: center; }
}

.mobileSection h3.mobile-heading-text {
  font-size: 28px;
  font-weight: bold;
  text-align: center;
}