diff --git a/src/hemsedal24/components/Day.module.css b/src/hemsedal24/components/Day.module.css
index fc714d40b..b7c68c5e0 100644
--- a/src/hemsedal24/components/Day.module.css
+++ b/src/hemsedal24/components/Day.module.css
@@ -1,8 +1,8 @@
 .day {
-  padding: 7rem;
   display: flex;
   justify-content: space-around;
-  align-items: center;
+  flex-direction: column;
+  padding: 6rem 13rem 5rem 9rem;
 }
 
 .with_background {
@@ -10,29 +10,41 @@
 }
 
 .day > h2 {
-  font-weight: 550;
-  font-size: 140%;
-  line-height: 2.25rem;
-  align-items: center;
+  color: var(--Primary-Default, #e61a6b);
+
+  /* Heading 4 / Regular */
+  font-family: Recoleta;
+  font-size: 1.675rem;
+  font-style: normal;
+  font-weight: 500;
+  line-height: 2.4375rem; /* 130% */
 }
 
 .day time {
   display: inline-block;
-  width: 4rem;
+  width: 12rem;
   margin-right: 1rem;
 }
 
+.timetable {
+  width: 100%;
+}
+
 .day ul {
   list-style: none;
   font-size: 110%;
   font-weight: 400;
   font-family: 'Graphik Web';
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  padding: 0;
 }
 
 .day ul > li {
   display: flex; /* Use flexbox to align time and text */
   align-items: flex-start; /* Align items at the top */
-  margin-bottom: 2rem;
+  margin-bottom: 1.5rem;
 }
 
 .day ul > li time {
@@ -40,23 +52,8 @@
   margin-right: 15px; /* Adds space between time and text */ /* Set consistent height for the time element */
 }
 
-.day ul > li span {
-  /* Set a comfortable line height for the text */
-  display: inline-block; /* Ensure proper block-level behavior */
-}
-
-.day a {
-  all: unset;
-  text-underline-offset: 8px !important;
-  text-decoration: underline !important;
-  text-decoration-thickness: 2px !important;
-  text-decoration-color: #03dac6 !important;
-  display: inline-flex !important;
-  gap: 10px !important;
-  cursor: pointer;
-}
-
-@media (min-width: 1024px) {
+.day ul > li p {
+  margin-top: 1rem;
 }
 
 @media (max-width: 767px) {
@@ -70,15 +67,22 @@
     margin: 0 0;
   }
 }
+a {
+  text-decoration-line: none;
+}
 
 @media (max-width: 500px) {
   .day {
     padding: 1rem;
     margin-top: 2.5rem;
-    flex-direction: column;
     align-items: flex-start;
   }
 
+  .day li {
+    display: flex;
+    flex-direction: row;
+  }
+
   .day > h2 {
     font-family: Graphik;
     font-size: 1.25rem;
@@ -96,18 +100,10 @@
   .day ul {
     list-style: none;
     padding-left: 1rem;
-    margin: 0 0;
+    width: 93%;
   }
 
-  .day a {
-    padding-left: 10rem;
-    all: unset;
-    text-underline-offset: 8px !important;
-    text-decoration: underline !important;
-    text-decoration-thickness: 2px !important;
-    text-decoration-color: #03dac6 !important;
-    display: inline-flex !important;
-    gap: 10px !important;
-    cursor: pointer;
+  .day time {
+    width: 4rem;
   }
 }
diff --git a/src/hemsedal24/components/Day.tsx b/src/hemsedal24/components/Day.tsx
index 2ebf84acb..2b7e4d726 100644
--- a/src/hemsedal24/components/Day.tsx
+++ b/src/hemsedal24/components/Day.tsx
@@ -8,7 +8,7 @@ export default function Day({ title, children, background = false }: { title: st
       <h2>
         {title}
       </h2>
-      <div>
+      <div className={styles.timetable}>
         {children}
       </div>
     </div>
diff --git a/src/hemsedal24/components/Hero.module.css b/src/hemsedal24/components/Hero.module.css
index e790d7d93..c9793a9a2 100644
--- a/src/hemsedal24/components/Hero.module.css
+++ b/src/hemsedal24/components/Hero.module.css
@@ -5,6 +5,7 @@ section {
   justify-content: space-between;
   flex-direction: row;
   width: 100vw;
+  height: 30rem;
 }
 
 .text {
@@ -32,24 +33,43 @@ section {
 }
 
 .blob {
+  display: flex;
   margin-left: -45%;
   margin-top: 50%;
   z-index: auto;
   min-width: 65%;
+  position: relative;
+}
+
+.blobimg {
+  position: absolute;
+  max-width: 100%;
 }
 
+.img1 {
+  display: flex;
+  min-width: 45%;
+  position: relative;
+  justify-content: flex-start;
+}
 .hemsedalhero1 {
-  margin-left: -15%;
-  margin-top: -8%;
-  max-width: 50%;
-  margin-right: -5%;
+  position: absolute;
+  max-width: 100%;
+  left: 0;
+  margin: -5.5rem 0 0 -12rem;
+}
+
+.img2 {
+  display: flex;
+  min-width: 40%;
+  position: relative;
+  justify-content: flex-end;
 }
 
 .hemsedalhero2 {
-  max-width: 30%;
-  margin-top: -9%;
-  margin-right: 0;
-  margin-left: -10%;
+  position: absolute;
+  max-width: 60%;
+  margin: -1rem 3rem 0 0;
 }
 
 .blobandtext {
@@ -59,16 +79,21 @@ section {
 }
 
 @media (max-width: 500px) {
+  .container {
+    height: 50rem;
+  }
   .hemsedalhero2 {
     max-width: 0%;
   }
+  .img1 {
+    height: 30rem;
+  }
   .hemsedalhero1 {
-    max-width: 150%;
-    margin: -23% -20% -30% -70%;
+    max-width: 160%;
+    margin: -7rem -20% -30% -70%;
   }
 
   .blobandtext {
-    justify-content: flex-end;
   }
 
   .blob {
@@ -77,6 +102,7 @@ section {
     flex-shrink: 0;
     margin: 0 -15% 0 -48%;
   }
+
   .text > h1 {
     font-size: 4.25rem;
     font-weight: 400;
@@ -95,6 +121,7 @@ section {
   .text {
     display: flex;
     align-content: center;
+    padding-left: 12rem;
   }
   .container {
     flex-direction: column;
diff --git a/src/hemsedal24/components/Hero.tsx b/src/hemsedal24/components/Hero.tsx
index 012fef2a4..1b70af77a 100644
--- a/src/hemsedal24/components/Hero.tsx
+++ b/src/hemsedal24/components/Hero.tsx
@@ -12,17 +12,17 @@ export default function Hero({mobile}: {mobile:boolean}) {
   return <section id="hero">
     <div className={styles.container}>
     
-    <img src={mobile ? retreatmobile : retreat} alt="hemsedalbilde" className={styles.hemsedalhero1}/>
+    <div className={styles.img1}><img src={mobile ? retreatmobile : retreat} alt="hemsedalbilde" className={styles.hemsedalhero1}/></div>
         <div className={styles.blobandtext}>
         <div className={styles.text}>
           <h1>Hemsedal</h1>
           <h2>30. august-1. september</h2>
         </div>
         <div className={styles.blob}>
-          <img src={blob} alt="blobben" />
+          <img className={styles.blobimg} src={blob} alt="blobben" />
         </div>
         </div>
-        <img src={hemsedalHero2} alt="hemsedalbilde" className={styles.hemsedalhero2}/>
+        <div className={styles.img2}><img src={hemsedalHero2} alt="hemsedalbilde" className={styles.hemsedalhero2}/></div>
     </div>
   </section>;
 }
diff --git a/src/hemsedal24/hemsedal.module.css b/src/hemsedal24/hemsedal.module.css
index b2fae85b7..96b1ebb07 100644
--- a/src/hemsedal24/hemsedal.module.css
+++ b/src/hemsedal24/hemsedal.module.css
@@ -29,17 +29,15 @@
   font-family: 'Recoleta';
 }
 
-.tur h2 {
+.bunninfo h2 {
   font-weight: 400;
   font-size: 1.5rem;
   line-height: 2rem;
 }
 
-.tur a {
+.navigation a {
   all: unset;
-  color: #fff;
   cursor: pointer;
-  font-weight: 500;
   z-index: 10;
 }
 
@@ -50,8 +48,6 @@
   display: flex;
   flex-direction: row;
   justify-content: center;
-  gap: 10%;
-  align-items: baseline;
 }
 
 .navigation span {
@@ -65,8 +61,14 @@
   vertical-align: middle;
 }
 
+.navigation a {
+  margin-left: 6rem;
+  margin-right: 4rem;
+}
+
 html {
   scroll-behavior: smooth;
+  background-color: #ede8d7;
 }
 
 .bigblobsss {
@@ -168,9 +170,58 @@ html {
   height: auto; /* Maintain aspect ratio */
 }
 
+.program {
+  display: flex;
+  justify-content: flex-start;
+  flex-direction: column;
+}
+
 .program h3 {
+  font-size: 3rem;
+}
+
+.programbold {
+  font-weight: 600;
+}
+
+.underlined {
+  text-decoration: underline;
+  text-decoration-color: var(--Primary-Default, #e61a6b);
+  text-decoration-thickness: 2px;
+  text-underline-offset: 6px;
+}
+
+details > summary {
+  list-style: none;
   display: flex;
-  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+}
+
+details > summary::-webkit-details-marker {
+  display: none;
+}
+
+.summaryText {
+  margin-right: 8px; /* Adjust spacing as needed */
+}
+
+.disclosureArrow {
+  display: absolute;
+  width: 22px;
+  height: 22px;
+  background-image: url('./images/arrow-downpink.svg'); /* Default to the down arrow */
+  background-size: cover;
+  transition: background-image 0.3s ease;
+}
+
+/* Change the arrow image when the details are open */
+details[open] .disclosureArrow {
+  background-image: url('./images/arrow-uppink.svg');
+}
+
+.pl_9 {
+  margin-left: 9rem;
 }
 
 .font-color {
@@ -247,10 +298,13 @@ html {
     justify-content: center;
     align-items: center;
     align-content: space-between;
+    font-size: 1.25rem;
   }
 
   .navigation > a {
     margin-bottom: 1.5rem;
+    margin-left: 0;
+    margin-right: 0;
   }
 
   .program h3 {
@@ -267,6 +321,11 @@ html {
     line-height: 2rem; /* 160% */
   }
 
+  .pl_9 {
+    margin: 0;
+    display: flex;
+    justify-content: center;
+  }
   .bigblobs {
     min-width: 230%;
     min-height: 100%;
@@ -302,4 +361,10 @@ html {
     min-width: 100%;
     margin: 20% 0 20% 0;
   }
+
+  .disclosureArrow {
+  }
+  .summaryText {
+    width: 13rem;
+  }
 }
diff --git a/src/hemsedal24/images/arrow-downpink.svg b/src/hemsedal24/images/arrow-downpink.svg
new file mode 100644
index 000000000..b9ce28127
--- /dev/null
+++ b/src/hemsedal24/images/arrow-downpink.svg
@@ -0,0 +1,19 @@
+<svg width="24" height="24" viewBox="0 0 24 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="24" height="24" fill="#F5F5F5"/>
+<g id="Desktop">
+<path d="M-1325 -3329C-1325 -3330.1 -1324.1 -3331 -1323 -3331H6599C6600.1 -3331 6601 -3330.1 6601 -3329V4048C6601 4049.1 6600.1 4050 6599 4050H-1323C-1324.1 4050 -1325 4049.1 -1325 4048V-3329Z" fill="white"/>
+<path d="M-1323 -3330H6599V-3332H-1323V-3330ZM6600 -3329V4048H6602V-3329H6600ZM6599 4049H-1323V4051H6599V4049ZM-1324 4048V-3329H-1326V4048H-1324ZM-1323 4049C-1323.55 4049 -1324 4048.55 -1324 4048H-1326C-1326 4049.66 -1324.66 4051 -1323 4051V4049ZM6600 4048C6600 4048.55 6599.55 4049 6599 4049V4051C6600.66 4051 6602 4049.66 6602 4048H6600ZM6599 -3330C6599.55 -3330 6600 -3329.55 6600 -3329H6602C6602 -3330.66 6600.66 -3332 6599 -3332V-3330ZM-1323 -3332C-1324.66 -3332 -1326 -3330.66 -1326 -3329H-1324C-1324 -3329.55 -1323.55 -3330 -1323 -3330V-3332Z" fill="black" fill-opacity="0.1"/>
+<g id="Landing" clip-path="url(#clip0_0_1)">
+<rect width="1512" height="5528" transform="translate(-791 -2634)" fill="#EDE8D7"/>
+<g id="arrow-down">
+<path id="Vector" d="M12 5L12 19" stroke="#EB4889" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path id="Vector_2" d="M19 12L12 19L5 12" stroke="#EB4889" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</g>
+</g>
+<defs>
+<clipPath id="clip0_0_1">
+<rect width="1512" height="5528" fill="white" transform="translate(-791 -2634)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/src/hemsedal24/images/arrow-rightpink.svg b/src/hemsedal24/images/arrow-rightpink.svg
new file mode 100644
index 000000000..f698c53e3
--- /dev/null
+++ b/src/hemsedal24/images/arrow-rightpink.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5 12L19 12" stroke="#EB4889" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12 5L19 12L12 19" stroke="#EB4889" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/hemsedal24/images/arrow-uppink.svg b/src/hemsedal24/images/arrow-uppink.svg
new file mode 100644
index 000000000..8a91983c2
--- /dev/null
+++ b/src/hemsedal24/images/arrow-uppink.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 19L12 5" stroke="#EB4889" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M19 12L12 5L5 12" stroke="#EB4889" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
+
diff --git a/src/hemsedal24/index.tsx b/src/hemsedal24/index.tsx
index 81e8f338f..6578a77ee 100644
--- a/src/hemsedal24/index.tsx
+++ b/src/hemsedal24/index.tsx
@@ -3,6 +3,7 @@ import { NextPage } from 'next';
 import Head from 'next/head';
 import arrowDown from './images/arrow-down.svg';
 import arrowRight from './images/arrow-right.svg';
+import arrowrightpink from './images/arrow-rightpink.svg'
 import Hero from './components/Hero'
 import Day from './components/Day'
 import Link from 'next/link';
@@ -19,8 +20,6 @@ import latter from './images/latter.svg'
 
 
 
-
-
 const Hemsedal24: NextPage = () => {
     const [mobile, setMobile] = useState(false);
 
@@ -36,6 +35,7 @@ const Hemsedal24: NextPage = () => {
     }, []);
     return (
         <div className={styles.tur}>
+            <meta name="theme-color" content="#EDE8D7"/>
             <Head>
                 <title>Hemsedal</title>
                 <link rel="shortcut icon" href="/favicon.ico" />
@@ -63,91 +63,86 @@ const Hemsedal24: NextPage = () => {
       </div>
       <div style={{display:'relative', marginBottom:"10%"}}><img style={{display:"absolute"}} src={mobile ? mobilebottomblub : bottomblub} alt="big blobs"/>  </div> 
       <div id="program" className={styles.program}>
-      <h3>Program</h3>
+      <div className={styles.pl_9}><h3>Program</h3></div>
       <Day title="Fredag">
   <ul>
     <li>
-      <time>09:55</time> <span>Oppmøte på Flesland</span>
-    </li>
-    <li>
-      <time>11:55</time> <span>Flyet går</span>
-    </li>
-    <li>
-      <time>15:10</time> <span>Lander i Helsinki</span>
-    </li>
-    <li>
-      <time>16:00</time> <span>Tog til sentrum</span>
-    </li>
-    <li>
-      <time>17:00</time> <span>Innsjekk og faglig bolk på hotellet</span>
+      <time>07:45</time> <span>Oppmøte på Bergen togstasjon</span>
     </li>
     <li>
-      <time>21:00</time> <span>Middag</span>
+      <time>08:08</time> <span>Toget går! 🚂</span>
     </li>
     <li>
-      <time>23:30</time> <span>🍻 eller 😴</span>
-    </li>
-  </ul>
-</Day>
-
-<Day title="Lørdag" background>
-  <ul>
-    <li>
-      <time>08:00</time> <span>Frokost 😴</span>
+      <time>12:00</time> <span>Buss til hotellet</span>
     </li>
     <li>
-      <time>09:45</time> <span>Avgang fra hotellet</span>
+      <time>12:45</time> <span>Ankomst på Fýri Resort (check-in kl 15:00)</span>
     </li>
     <li>
-      <time>10:30</time> <span>Felles aktivitet 🤫</span>
+      <time>13:00 - 14:00</time> <span>Lunsj på hotellet</span>
     </li>
     <li>
-      <time>12:00</time>
-      <span>
-        <Link href={'/hemsedal24/aktiviteter'}>
-          Valgfrie aktiviteter
-        </Link>
-      </span>
+      <time>14:00 - 17:00</time> <span><span className={styles.programbold}>For varianter:</span>&nbsp;<span> Workshop med Marie, vi får servert snacks og drikke</span></span>
     </li>
     <li>
-      <time>19:30</time> <span>Felles avgang til forfriskninger 🍾</span>
+      <time>14:00 - 16:00</time> 
+      <details><summary><span className={`${styles.underlined} ${styles.summaryText}`}><span className={`${styles.programbold} ${styles.underlined} `}>For følge:</span>&nbsp;
+        <span className={styles.underlined}>Pool Club/treningssenter/fritid</span></span><div><div className={styles.disclosureArrow}></div></div></summary>
+       
+       <p>Dere kan benytte dere av treningssenter og Pool Club som består av innendørs- og utendørsbassenger,
+         og badstue ute. Gå til resepsjonen etter lunsj og få bånd for å kunne gå i Pool Club 
+         (Variant betaler). Da har dere fri tilgang til bassenget fram til kl 16:00 og kan gå 
+         inn og ut så mye de vil i denne tidsperioden (gjelder kun denne dagen).​ Snacks og drikke 
+         kan settes av på romnummer og betales ved utsjekk på søndagen.</p></details>
+       
     </li>
+    <li><time>17:00 - 17:55</time><span>Chill eller gjør hva dere vil🤸🏼</span></li>
     <li>
-      <time>21:00</time> <span>Middag 🤤</span>
+      <time>18:00</time> <span>Middag </span>
     </li>
     <li>
-      <time>00:00</time> <span>Gøygøygøy 🕺</span>
+      <time>20:00</time> <span>ubestemt</span>
     </li>
   </ul>
 </Day>
 
+      <Day title="Lørdag" background>
+  <ul>
+  <li>
+<time>07:30 - 09:00</time> <span>Frokost 🥐 🍳 (spis når dere vil mellom 07:30 og 09:00)</span>
+</li>
+<li>
+<time>09:30</time>       <span className={styles.underlined}>
+  <Link className={styles.underlined} href={'/hemsedal24/aktiviteter'}>
+  Hundekjøring / Via Ferrata klatring / Stisykling med Hemsedal Rides
+  </Link>
+</span><Link href={'/hemsedal24/aktiviteter'}><img style={{marginTop:"6px", marginLeft:"8px"}} src={arrowrightpink} alt="arrow"/></Link>
+</li>
+<li>
+<time>16:15 - 19:15</time> <span>Pool Club (inne- og utebasseng + badstue) </span>
+</li>
+<li>
+<time>18:00</time> <span>Middag</span>
+</li>
+<li>
+<time>20:00</time> <span>ubestemt</span>
+</li>
+  </ul>
+</Day>
+
 <Day title="Søndag">
   <ul>
     <li>
-      <time>08:00</time> <span>Frokost 😴</span>
-    </li>
-    <li>
-      <time>09:45</time> <span>Avgang fra hotellet</span>
-    </li>
-    <li>
-      <time>10:30</time> <span>Felles aktivitet 🤫</span>
-    </li>
-    <li>
-      <time>12:00</time>
-      <span>
-        <Link href={'/helsinki23/tips'}>
-          Valgfrie aktiviteter
-        </Link>
-      </span>
+    <time>07:30 - 09:00</time> <span>Frokost 🥐 🍳 (spis når dere vil mellom 07:30 og 09:00)</span>
     </li>
     <li>
-      <time>19:30</time> <span>Felles avgang til forfriskninger 🍾</span>
+      <time>09:30 - 10:00</time> <span>Avreise fra hotellet, vi blir hentet med buss og kjørt til togstasjonen</span>
     </li>
     <li>
-      <time>21:00</time> <span>Middag 🤤</span>
+      <time>11:16</time> <span>Toget går! 🚂</span>
     </li>
     <li>
-      <time>00:00</time> <span>Gøygøygøy 🕺</span>
+      <time>15:00</time> <span>Tilbake i Bergen</span>
     </li>
   </ul>
 </Day>