diff --git a/backend/samfundet/migrations/0001_initial.py b/backend/samfundet/migrations/0001_initial.py
index 0ea8f1fdf..5ecee6c5e 100644
--- a/backend/samfundet/migrations/0001_initial.py
+++ b/backend/samfundet/migrations/0001_initial.py
@@ -1,4 +1,4 @@
-# Generated by Django 5.1.9 on 2025-08-09 16:11
+# Generated by Django 5.2.10 on 2026-01-20 20:45
 
 import datetime
 import django.contrib.auth.models
@@ -138,8 +138,6 @@ class Migration(migrations.Migration):
                 ('updated_at', models.DateTimeField(blank=True, editable=False, null=True)),
                 ('message_nb', models.TextField(blank=True, null=True, verbose_name='Melding (norsk)')),
                 ('message_en', models.TextField(blank=True, null=True, verbose_name='Melding (engelsk)')),
-                ('description_nb', models.TextField(blank=True, null=True, verbose_name='Beskrivelse (norsk)')),
-                ('description_en', models.TextField(blank=True, null=True, verbose_name='Beskrivelse (engelsk)')),
                 ('start_dt', models.DateField(blank=True, verbose_name='Start dato')),
                 ('end_dt', models.DateField(blank=True, verbose_name='Slutt dato')),
                 ('created_by', models.ForeignKey(blank=True, editable=False, null=True, on_delete=django.db.models.deletion.SET_NULL, related_name='+', to=settings.AUTH_USER_MODEL)),
diff --git a/backend/samfundet/migrations/0006_userpreference_closed_override.py b/backend/samfundet/migrations/0006_userpreference_closed_override.py
new file mode 100644
index 000000000..d179a28a4
--- /dev/null
+++ b/backend/samfundet/migrations/0006_userpreference_closed_override.py
@@ -0,0 +1,18 @@
+# Generated by Django 5.2.10 on 2026-03-10 11:21
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('samfundet', '0005_medlemsinfo'),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name='userpreference',
+            name='closed_override',
+            field=models.CharField(default='default', max_length=30),
+        ),
+    ]
diff --git a/backend/samfundet/migrations/0007_alter_userpreference_closed_override.py b/backend/samfundet/migrations/0007_alter_userpreference_closed_override.py
new file mode 100644
index 000000000..a9afe3411
--- /dev/null
+++ b/backend/samfundet/migrations/0007_alter_userpreference_closed_override.py
@@ -0,0 +1,18 @@
+# Generated by Django 5.2.11 on 2026-04-09 17:11
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('samfundet', '0006_userpreference_closed_override'),
+    ]
+
+    operations = [
+        migrations.AlterField(
+            model_name='userpreference',
+            name='closed_override',
+            field=models.CharField(choices=[('default', 'Default'), ('closed', 'Closed'), ('open', 'Open')], default='default', max_length=30),
+        ),
+    ]
diff --git a/backend/samfundet/migrations/0008_remove_userpreference_closed_override.py b/backend/samfundet/migrations/0008_remove_userpreference_closed_override.py
new file mode 100644
index 000000000..0bd66143c
--- /dev/null
+++ b/backend/samfundet/migrations/0008_remove_userpreference_closed_override.py
@@ -0,0 +1,17 @@
+# Generated by Django 5.2.11 on 2026-04-14 19:59
+
+from django.db import migrations
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('samfundet', '0007_alter_userpreference_closed_override'),
+    ]
+
+    operations = [
+        migrations.RemoveField(
+            model_name='userpreference',
+            name='closed_override',
+        ),
+    ]
diff --git a/backend/samfundet/models/general.py b/backend/samfundet/models/general.py
index 073b212da..6575a574a 100644
--- a/backend/samfundet/models/general.py
+++ b/backend/samfundet/models/general.py
@@ -260,9 +260,6 @@ class ClosedPeriod(CustomBaseModel):
     message_nb = models.TextField(blank=True, null=True, verbose_name='Melding (norsk)')
     message_en = models.TextField(blank=True, null=True, verbose_name='Melding (engelsk)')
 
-    description_nb = models.TextField(blank=True, null=True, verbose_name='Beskrivelse (norsk)')
-    description_en = models.TextField(blank=True, null=True, verbose_name='Beskrivelse (engelsk)')
-
     start_dt = models.DateField(blank=True, null=False, verbose_name='Start dato')
     end_dt = models.DateField(blank=True, null=False, verbose_name='Slutt dato')
 
diff --git a/frontend/src/Components/OpeningHours/OpeningHours.module.scss b/frontend/src/Components/OpeningHours/OpeningHours.module.scss
index 25bf61013..f0ad13a49 100644
--- a/frontend/src/Components/OpeningHours/OpeningHours.module.scss
+++ b/frontend/src/Components/OpeningHours/OpeningHours.module.scss
@@ -10,8 +10,8 @@
   align-items: center;
 
   @include theme-dark {
-    background-color: $black-2;
-    color: $white;
+    background-color: $theme-dark-bg;
+    color: $theme-dark-color;
   }
 }
 
@@ -26,3 +26,10 @@
   margin: 0 0.2em;
 }
 
+.closedBox {
+  border: 2px $red_samf solid;
+  border-radius: 10px;
+  padding: 20px;
+  margin-bottom: 2rem;
+  margin-top: 1rem;
+}
diff --git a/frontend/src/Components/OpeningHours/OpeningHours.tsx b/frontend/src/Components/OpeningHours/OpeningHours.tsx
index 6c4e9b57e..4004894c5 100644
--- a/frontend/src/Components/OpeningHours/OpeningHours.tsx
+++ b/frontend/src/Components/OpeningHours/OpeningHours.tsx
@@ -1,9 +1,13 @@
+import { useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
+import { toast } from 'react-toastify';
 import { TimeDuration } from '~/Components';
 import { Link } from '~/Components/Link/Link';
 import { Text } from '~/Components/Text/Text';
+import { getActiveClosedPeriods } from '~/api';
 import type { VenueDto } from '~/dto';
 import { KEY } from '~/i18n/constants';
+import { dbT } from '~/utils';
 import styles from './OpeningHours.module.scss';
 
 type OpeningHoursProps = {
@@ -14,6 +18,23 @@ type OpeningHoursProps = {
 
 export function OpeningHours({ venues, isLoading, isError }: OpeningHoursProps) {
   const { t } = useTranslation();
+  const [isClosed, setIsClosed] = useState<boolean>(false);
+  const [closedText, setClosedText] = useState<string | undefined>(undefined);
+
+  useEffect(() => {
+    getActiveClosedPeriods()
+      .then((periods) => {
+        if (periods.length !== 0) {
+          setIsClosed(true);
+          setClosedText(dbT(periods[0], 'message'));
+          return;
+        }
+      })
+      .catch((error) => {
+        toast.error(t(KEY.common_something_went_wrong));
+        console.error(error);
+      });
+  }, [t]);
 
   if (isLoading) {
     return <Text>{t(KEY.common_loading)}</Text>;
@@ -25,34 +46,37 @@ export function OpeningHours({ venues, isLoading, isError }: OpeningHoursProps)
 
   const today = new Date().toISOString().split('T')[0];
   const day = new Date().toLocaleDateString('en-US', { weekday: 'long' }).toLowerCase();
-
   return (
     <div className={styles.container}>
       <Text size="l" as="strong">
         {t(KEY.common_opening_hours)}
       </Text>
-      <table className={styles.timeTable}>
-        {venues.map((venue) => {
-          const openingTime = venue[`opening_${day}` as keyof VenueDto] as string;
-          const closingTime = venue[`closing_${day}` as keyof VenueDto] as string;
-          return (
-            <tr key={venue.name} className={styles.openingRow}>
-              <td className={styles.tableCell}>
-                <Link url={`information/${venue.name}`}>
-                  <p className={styles.openingHoursText}>{venue.name}</p>
-                </Link>
-              </td>
-              <td className={styles.tableCell}>
-                <TimeDuration
-                  className={styles.openingHoursText}
-                  start={`${today}T${openingTime}`}
-                  end={`${today}T${closingTime}`}
-                />
-              </td>
-            </tr>
-          );
-        })}
-      </table>
+      {isClosed ? (
+        <div className={styles.closedBox}>{closedText}</div>
+      ) : (
+        <table className={styles.timeTable}>
+          {venues.map((venue) => {
+            const openingTime = venue[`opening_${day}` as keyof VenueDto] as string;
+            const closingTime = venue[`closing_${day}` as keyof VenueDto] as string;
+            return (
+              <tr key={venue.name} className={styles.openingRow}>
+                <td className={styles.tableCell}>
+                  <Link url={`information/${venue.name}`}>
+                    <p className={styles.openingHoursText}>{venue.name}</p>
+                  </Link>
+                </td>
+                <td className={styles.tableCell}>
+                  <TimeDuration
+                    className={styles.openingHoursText}
+                    start={`${today}T${openingTime}`}
+                    end={`${today}T${closingTime}`}
+                  />
+                </td>
+              </tr>
+            );
+          })}
+        </table>
+      )}
     </div>
   );
 }
diff --git a/frontend/src/Components/OpeningHours/index.ts b/frontend/src/Components/OpeningHours/index.ts
index beb1448d2..37a62d505 100644
--- a/frontend/src/Components/OpeningHours/index.ts
+++ b/frontend/src/Components/OpeningHours/index.ts
@@ -1 +1,2 @@
 export { OpeningHours } from './OpeningHours';
+export { OpeningHoursContainer } from './OpeningHoursContainer';
diff --git a/frontend/src/Components/Page/Page.module.scss b/frontend/src/Components/Page/Page.module.scss
index b388b279c..932619c89 100644
--- a/frontend/src/Components/Page/Page.module.scss
+++ b/frontend/src/Components/Page/Page.module.scss
@@ -14,8 +14,6 @@ $side-padding: 1em;
 
   // Limit max content size for large screens.
   max-width: $content-max-size;
-
-  // Center all content.
   margin: auto;
 
   @include for-mobile-only {
diff --git a/frontend/src/Components/index.ts b/frontend/src/Components/index.ts
index 1ffd6c92e..8fef60473 100644
--- a/frontend/src/Components/index.ts
+++ b/frontend/src/Components/index.ts
@@ -51,7 +51,7 @@ export { Navbar } from './Navbar';
 export { NotificationBadge } from './NotificationBadge';
 export { NumberInput } from './NumberInput';
 export { OccupiedForm, OccupiedFormModal } from './OccupiedForm';
-export { OpeningHours } from './OpeningHours';
+export { OpeningHours, OpeningHoursContainer } from './OpeningHours';
 export { Page } from './Page';
 export { PagedPagination } from './Pagination';
 export { PermissionRoute } from './PermissionRoute';
diff --git a/frontend/src/Pages/HomePage/HomePage.tsx b/frontend/src/Pages/HomePage/HomePage.tsx
index 7e14ecc40..74d88c513 100644
--- a/frontend/src/Pages/HomePage/HomePage.tsx
+++ b/frontend/src/Pages/HomePage/HomePage.tsx
@@ -1,6 +1,7 @@
 import { type ReactNode, useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { toast } from 'react-toastify';
+import { OpeningHoursContainer } from '~/Components';
 import { EventCarousel, LargeCard } from '~/Pages/HomePage/components';
 import { getHomeData } from '~/api';
 import type { HomePageDto, HomePageElementDto } from '~/dto';
@@ -50,6 +51,7 @@ export function HomePage() {
   return (
     <>
       <Splash events={homePage?.splash} showInfo={true} />
+      <OpeningHoursContainer />
       <div className={styles.content}>
         {/*<SplashHeaderBox />*/}
         {isLoading && skeleton}
diff --git a/frontend/src/PagesAdmin/AdminPageLayout/AdminPageLayout.module.scss b/frontend/src/PagesAdmin/AdminPageLayout/AdminPageLayout.module.scss
index 92b3009ab..eb91dd4b8 100644
--- a/frontend/src/PagesAdmin/AdminPageLayout/AdminPageLayout.module.scss
+++ b/frontend/src/PagesAdmin/AdminPageLayout/AdminPageLayout.module.scss
@@ -36,6 +36,7 @@ $header-bg-dark: #111111;
   flex-direction: row;
   padding-bottom: 1.5em;
   gap: 1em;
+  align-items: center;
 }
 
 .spinner_container {
diff --git a/frontend/src/PagesAdmin/ClosedPeriodAdminPage/ClosedPeriodAdminPage.module.scss b/frontend/src/PagesAdmin/ClosedPeriodAdminPage/ClosedPeriodAdminPage.module.scss
index 2a8635da1..b1d85eb72 100644
--- a/frontend/src/PagesAdmin/ClosedPeriodAdminPage/ClosedPeriodAdminPage.module.scss
+++ b/frontend/src/PagesAdmin/ClosedPeriodAdminPage/ClosedPeriodAdminPage.module.scss
@@ -1,3 +1,9 @@
 @use 'src/mixins' as *;
 
 @use 'src/constants' as *;
+
+.edit_buttons {
+  display: flex;
+  flex-direction: column;
+  gap: 5px;
+}
diff --git a/frontend/src/PagesAdmin/ClosedPeriodAdminPage/ClosedPeriodAdminPage.tsx b/frontend/src/PagesAdmin/ClosedPeriodAdminPage/ClosedPeriodAdminPage.tsx
index 9c20e233b..f77095887 100644
--- a/frontend/src/PagesAdmin/ClosedPeriodAdminPage/ClosedPeriodAdminPage.tsx
+++ b/frontend/src/PagesAdmin/ClosedPeriodAdminPage/ClosedPeriodAdminPage.tsx
@@ -51,9 +51,11 @@ export function ClosedPeriodAdminPage() {
   }
 
   const header = (
-    <Button theme="success" rounded={true} link={ROUTES.frontend.admin_closed_create}>
-      {t(KEY.admin_closed_period_new_period)}
-    </Button>
+    <>
+      <Button theme="success" rounded link={ROUTES.frontend.admin_closed_create}>
+        {t(KEY.admin_closed_period_new_period)}
+      </Button>
+    </>
   );
   const backendUrl = ROUTES.backend.admin__samfundet_closedperiod_changelist;
 
@@ -67,21 +69,21 @@ export function ClosedPeriodAdminPage() {
       <div className={styles.tableContainer}>
         <Table
           columns={[
-            t(KEY.common_message) ?? '',
-            `Event ${t(KEY.common_message)}`,
+            `${t(KEY.common_message)} ${t(KEY.common_norwegian)}`,
+            `${t(KEY.common_message)} ${t(KEY.common_english)}`,
             t(KEY.start_time) ?? '',
             t(KEY.end_time) ?? '',
-            '',
+            t(KEY.common_edit) ?? '',
           ]}
           data={closedPeriods.map((element) => ({
             cells: [
-              element.message_no,
-              element.description_no,
+              element.message_nb,
+              element.message_en,
               { content: <TimeDisplay displayType="date" timestamp={element.start_dt} /> },
               { content: <TimeDisplay displayType="date" timestamp={element.end_dt} /> },
               {
                 content: (
-                  <div>
+                  <div className={styles.edit_buttons}>
                     <Button
                       theme="blue"
                       display="block"
@@ -98,7 +100,8 @@ export function ClosedPeriodAdminPage() {
                       display="block"
                       className={styles.smallButtons}
                       onClick={() => {
-                        if (window.confirm(`${t(KEY.form_confirm)} ${t(KEY.common_delete)} ${element.message_no}`)) {
+                        // :TODO: window.confirm should be replaced with a non-browser implementation (not built-in popup)
+                        if (window.confirm(`${t(KEY.form_confirm)} ${t(KEY.common_delete)} ${element.message_nb}`)) {
                           deleteSelectedEvent(element.id);
                         }
                       }}
diff --git a/frontend/src/PagesAdmin/ClosedPeriodFormAdminPage/ClosedPeriodFormAdminPage.module.scss b/frontend/src/PagesAdmin/ClosedPeriodFormAdminPage/ClosedPeriodFormAdminPage.module.scss
index 021567115..ac6695dab 100644
--- a/frontend/src/PagesAdmin/ClosedPeriodFormAdminPage/ClosedPeriodFormAdminPage.module.scss
+++ b/frontend/src/PagesAdmin/ClosedPeriodFormAdminPage/ClosedPeriodFormAdminPage.module.scss
@@ -2,12 +2,19 @@
 
 @use 'src/constants' as *;
 
-.row {
+.container {
   display: flex;
-  flex-direction: column;
-  margin-top: 0.5em;
-  gap: 1.5em;
-  @include for-tablet-up {
-    flex-direction: row;
+  flex-direction: row;
+  justify-content: center;
+  gap: 20px;
+
+  >div {
+    flex: 1;
   }
 }
+
+.form {
+  display: flex;
+  flex-direction: column;
+  gap: 30px;
+}
diff --git a/frontend/src/PagesAdmin/ClosedPeriodFormAdminPage/ClosedPeriodFormAdminPage.tsx b/frontend/src/PagesAdmin/ClosedPeriodFormAdminPage/ClosedPeriodFormAdminPage.tsx
index caaf9f9e2..e171b3216 100644
--- a/frontend/src/PagesAdmin/ClosedPeriodFormAdminPage/ClosedPeriodFormAdminPage.tsx
+++ b/frontend/src/PagesAdmin/ClosedPeriodFormAdminPage/ClosedPeriodFormAdminPage.tsx
@@ -1,110 +1,174 @@
-import type { AxiosError } from 'axios';
-import { useEffect, useState } from 'react';
+import { zodResolver } from '@hookform/resolvers/zod';
+import { useMutation, useQuery } from '@tanstack/react-query';
+import { useEffect } from 'react';
+import { useForm } from 'react-hook-form';
 import { useTranslation } from 'react-i18next';
 import { useParams } from 'react-router';
 import { toast } from 'react-toastify';
-import { SamfForm } from '~/Forms/SamfForm';
-import { SamfFormField } from '~/Forms/SamfFormField';
-import { getClosedPeriod } from '~/api';
+import { z } from 'zod';
+import { Button, Form, FormField, FormItem, FormLabel, Input, Textarea } from '~/Components';
+import { FormControl, FormMessage } from '~/Components/Forms/Form';
+import { getClosedPeriod, postClosedPeriod, putClosedPeriod } from '~/api';
 import { useCustomNavigate, useTitle } from '~/hooks';
-import { STATUS } from '~/http_status_codes';
 import { KEY } from '~/i18n/constants';
+import { reverse } from '~/named-urls';
 import { ROUTES } from '~/routes';
+import { DATE, MESSAGE } from '~/schema/closedPeriod';
 import { AdminPageLayout } from '../AdminPageLayout/AdminPageLayout';
 import styles from './ClosedPeriodFormAdminPage.module.scss';
 
-type formType = {
-  message_no: string;
-  message_en: string;
-  description_no: string;
-  description_en: string;
-  start_dt: Date;
-  end_dt: Date;
-};
-
 export function ClosedPeriodFormAdminPage() {
   const navigate = useCustomNavigate();
   const { t } = useTranslation();
+  const { id } = useParams();
 
-  const [showSpinner, setShowSpinner] = useState<boolean>(true);
-  // const [closedPeriod, setClosedPeriod] = useState<ClosedPeriodDto | undefined>(undefined); For posting
-  const [initialData, setInitialData] = useState<formType | undefined>(undefined);
+  const schema = z
+    .object({
+      message_nb: MESSAGE,
+      message_en: MESSAGE,
+      start_dt: DATE,
+      end_dt: DATE,
+    })
+    .refine((data) => data.end_dt > data.start_dt, {
+      message: t(KEY.admin_closed_period_end_before_start),
+      path: ['end_dt'],
+    });
 
-  // If form has a id, check if it exists, and then load that item.
-  const { id } = useParams();
+  type formType = z.infer<typeof schema>;
+
+  const form = useForm<formType>({
+    resolver: zodResolver(schema),
+  });
+
+  const {
+    data: initialData,
+    isLoading,
+    isError,
+  } = useQuery({
+    queryKey: ['closed-period', id],
+    queryFn: () => getClosedPeriod(id as string),
+    enabled: !!id,
+    select: (data) => ({
+      message_nb: data.message_nb,
+      message_en: data.message_en,
+      start_dt: data.start_dt,
+      end_dt: data.end_dt,
+    }),
+  });
 
-  // Stuff to do on first render.
-  // TODO add permissions on render
-  // biome-ignore lint/correctness/useExhaustiveDependencies: t and navigate do not need to be in deplist
   useEffect(() => {
-    // TODO add fix on no id on editpage
-    if (id === undefined) {
-      setShowSpinner(false);
-      return;
+    if (isError) {
+      navigate({ url: ROUTES.frontend.admin_closed, replace: true });
+      toast.error(t(KEY.common_something_went_wrong));
     }
+  }, [isError, t, navigate]);
 
-    getClosedPeriod(id)
-      .then((data) => {
-        // setClosedPeriod(data); For posting
-        setInitialData({
-          message_no: data.message_no,
-          message_en: data.message_en,
-          description_no: data.description_no,
-          description_en: data.description_en,
-          start_dt: new Date(data.start_dt),
-          end_dt: new Date(data.end_dt),
-        });
-        setShowSpinner(false);
-      })
-      .catch((data: AxiosError) => {
-        // TODO add error pop up message?
-        if (data.request.status === STATUS.HTTP_404_NOT_FOUND) {
-          navigate({ url: ROUTES.frontend.admin_closed, replace: true });
-        }
-        toast.error(t(KEY.common_something_went_wrong));
-        console.error(data);
-      });
-  }, [id]);
+  const updateMutation = useMutation({
+    mutationFn: (data: formType) => putClosedPeriod(id as string, data),
+    onSuccess: () => {
+      toast.success(t(KEY.common_update_successful));
+      navigate({ url: reverse({ pattern: ROUTES.frontend.admin_closed }) });
+    },
+    onError: () => {
+      toast.error(t(KEY.common_something_went_wrong));
+    },
+  });
 
-  function handleOnSubmit(data: formType) {
-    if (id !== undefined) {
-      // TODO patch data
+  const createMutation = useMutation({
+    mutationFn: (data: formType) => postClosedPeriod(data),
+    onSuccess: () => {
+      toast.success(t(KEY.common_creation_successful));
+      navigate({ url: reverse({ pattern: ROUTES.frontend.admin_closed }) });
+    },
+    onError: () => {
+      toast.error(t(KEY.common_something_went_wrong));
+    },
+  });
+
+  function onSubmit(data: formType) {
+    if (id) {
+      updateMutation.mutate(data);
     } else {
-      // TODO post data
+      createMutation.mutate(data);
     }
-    alert('TODO Submit');
-    console.log(JSON.stringify(data));
   }
 
-  const labelMessage = `${t(KEY.common_message)} under '${t(KEY.common_opening_hours)}'`;
-  const labelDescription = `${t(KEY.common_description)} under '${t(KEY.common_whatsup)}'`;
+  useEffect(() => {
+    if (initialData) {
+      form.reset(initialData);
+    }
+  }, [initialData, form]);
+
   const title = id ? t(KEY.admin_closed_period_edit_period) : t(KEY.admin_closed_period_new_period);
   useTitle(title);
 
   return (
-    <AdminPageLayout title={title} loading={showSpinner} header={true}>
-      <SamfForm onSubmit={handleOnSubmit} initialData={initialData}>
-        <div className={styles.row}>
-          <SamfFormField field="message_no" type="text_long" label={`${labelMessage} (${t(KEY.common_norwegian)})`} />
-          <SamfFormField field="message_en" type="text_long" label={`${labelMessage} (${t(KEY.common_english)})`} />
-        </div>
-        <div className={styles.row}>
-          <SamfFormField
-            field="description_no"
-            type="text_long"
-            label={`${labelDescription} (${t(KEY.common_norwegian)})`}
-          />
-          <SamfFormField
-            field="description_en"
-            type="text_long"
-            label={`${labelDescription} (${t(KEY.common_english)})`}
-          />
-        </div>
-        <div className={styles.row}>
-          <SamfFormField field="start_dt" type="date" label={`${t(KEY.start_time)}`} />
-          <SamfFormField field="end_dt" type="date" label={`${t(KEY.end_time)}`} />
-        </div>
-      </SamfForm>
+    <AdminPageLayout title={title} loading={isLoading} header={true}>
+      <Form {...form}>
+        <form onSubmit={form.handleSubmit(onSubmit)} className={styles.form}>
+          <div className={styles.container}>
+            <FormField
+              control={form.control}
+              name="message_nb"
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>
+                    {t(KEY.common_message)} {t(KEY.common_norwegian)}
+                  </FormLabel>
+                  <FormControl>
+                    <Textarea placeholder={`${t(KEY.common_message)} ${t(KEY.common_norwegian)}`} {...field} />
+                  </FormControl>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+            <FormField
+              control={form.control}
+              name="message_en"
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>
+                    {t(KEY.common_message)} {t(KEY.common_english)}
+                  </FormLabel>
+                  <FormControl>
+                    <Textarea placeholder={`${t(KEY.common_message)} ${t(KEY.common_english)}`} {...field} />
+                  </FormControl>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+          </div>
+          <div className={styles.container}>
+            <FormField
+              control={form.control}
+              name="start_dt"
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>{t(KEY.start_date)}</FormLabel>
+                  <FormControl>
+                    <Input type="date" {...field} />
+                  </FormControl>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+            <FormField
+              control={form.control}
+              name="end_dt"
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>{t(KEY.end_date)}</FormLabel>
+                  <FormControl>
+                    <Input type="date" {...field} />
+                  </FormControl>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+          </div>
+          <Button type="submit">{t(KEY.common_save)}</Button>
+        </form>
+      </Form>
     </AdminPageLayout>
   );
 }
diff --git a/frontend/src/api.ts b/frontend/src/api.ts
index 806460f92..30e7a0cff 100644
--- a/frontend/src/api.ts
+++ b/frontend/src/api.ts
@@ -551,12 +551,36 @@ export async function putGang(id: string | number, data: Partial<GangDto>): Prom
   return response;
 }
 
+/**
+ * returns an array of all closedPeriods
+ */
 export async function getClosedPeriods(): Promise<ClosedPeriodDto[]> {
   const url = BACKEND_DOMAIN + ROUTES.backend.samfundet__closedperiods_list;
   const response = await axios.get<ClosedPeriodDto[]>(url, { withCredentials: true });
   return response.data;
 }
 
+/**
+ * Returns a list of all currently active/closed closedPeriods, Samfundet is open if the array is empty
+ */
+export async function getActiveClosedPeriods(): Promise<ClosedPeriodDto[]> {
+  const url = BACKEND_DOMAIN + ROUTES.backend.samfundet__isclosed;
+  const response = await axios.get<ClosedPeriodDto[]>(url, { withCredentials: true });
+  return response.data;
+}
+
+/**
+ * Returns only if Samfundet is currently closed but not the closedPeriod responsible
+ */
+export async function getIsClosed(): Promise<boolean> {
+  const url = BACKEND_DOMAIN + ROUTES.backend.samfundet__isclosed;
+  const response = await axios.get<ClosedPeriodDto[]>(url, { withCredentials: true });
+  return (response.data as Array<ClosedPeriodDto>).length !== 0;
+}
+
+/**
+ * get a closedPeriod by id
+ */
 export async function getClosedPeriod(id: string | number): Promise<ClosedPeriodDto> {
   const url =
     BACKEND_DOMAIN + reverse({ pattern: ROUTES.backend.samfundet__closedperiods_detail, urlParams: { pk: id } });
@@ -564,6 +588,9 @@ export async function getClosedPeriod(id: string | number): Promise<ClosedPeriod
   return response.data;
 }
 
+/**
+ * edit a already existing closedPeriod
+ */
 export async function putClosedPeriod(id: string | number, data: Partial<ClosedPeriodDto>): Promise<AxiosResponse> {
   const url =
     BACKEND_DOMAIN + reverse({ pattern: ROUTES.backend.samfundet__closedperiods_detail, urlParams: { pk: id } });
@@ -571,12 +598,18 @@ export async function putClosedPeriod(id: string | number, data: Partial<ClosedP
   return response;
 }
 
-export async function postClosedPeriod(data: ClosedPeriodDto): Promise<ClosedPeriodDto> {
+/**
+ * create a new closedPeriod
+ */
+export async function postClosedPeriod(data: Partial<ClosedPeriodDto>): Promise<ClosedPeriodDto> {
   const url = BACKEND_DOMAIN + ROUTES.backend.samfundet__closedperiods_list;
   const response = await axios.post<ClosedPeriodDto>(url, data, { withCredentials: true });
   return response.data;
 }
 
+/**
+ * delete a closedPeriod by id
+ */
 export async function deleteClosedPeriod(id: string | number): Promise<AxiosResponse> {
   const url =
     BACKEND_DOMAIN + reverse({ pattern: ROUTES.backend.samfundet__closedperiods_detail, urlParams: { pk: id } });
diff --git a/frontend/src/dto.ts b/frontend/src/dto.ts
index 41d555090..5283a7527 100644
--- a/frontend/src/dto.ts
+++ b/frontend/src/dto.ts
@@ -377,12 +377,10 @@ export type GangSectionDto = {
 
 export type ClosedPeriodDto = {
   id: number;
-  message_no: string;
-  description_no: string;
+  message_nb: string;
   message_en: string;
-  description_en: string;
-  start_dt: Date;
-  end_dt: Date;
+  start_dt: string;
+  end_dt: string;
 };
 
 export type TagDto = {
diff --git a/frontend/src/i18n/constants.ts b/frontend/src/i18n/constants.ts
index bff73255a..9bc757375 100644
--- a/frontend/src/i18n/constants.ts
+++ b/frontend/src/i18n/constants.ts
@@ -91,6 +91,8 @@ export const KEY = {
   common_section: 'common_section',
   common_next: 'common_next',
   common_open: 'common_open',
+  common_closed: 'common_closed',
+  common_default: 'common_default',
   common_send: 'common_send',
   common_gangs: 'common_gangs',
   common_event: 'common_event',
@@ -577,6 +579,8 @@ export const KEY = {
   adminpage_gangs_create: 'adminpage_gangs_create',
   admin_opening_hours_hint: 'admin_opening_hours_hint',
   admin_closed_period_title: 'admin_closed_period_title',
+  admin_closed_period_end_before_start: 'admin_closed_period_end_before_start',
+  admin_closed_message: 'admin_closed_message',
   admin_saksdokumenter_title: 'admin_saksdokumenter_title',
   admin_sultenmenu_title: 'admin_sultenmenu_title',
   admin_gangsadminpage_webpage: 'admin_gangsadminpage_webpage',
diff --git a/frontend/src/i18n/translations.ts b/frontend/src/i18n/translations.ts
index b2824092c..eced5cb7c 100644
--- a/frontend/src/i18n/translations.ts
+++ b/frontend/src/i18n/translations.ts
@@ -66,6 +66,8 @@ export const nb = prepareTranslations({
   [KEY.common_date]: 'Dato',
   [KEY.common_send]: 'Send',
   [KEY.common_open]: 'Åpne',
+  [KEY.common_closed]: 'Stengt',
+  [KEY.common_default]: 'Standard',
   [KEY.common_menu]: 'Meny',
   [KEY.common_name]: 'Navn',
   [KEY.common_next]: 'Neste',
@@ -514,6 +516,8 @@ export const nb = prepareTranslations({
   [KEY.admin_steal_identity]: 'Stjel identitet',
   [KEY.admin_opening_hours_hint]: 'Endringer lagres automatisk!',
   [KEY.admin_closed_period_title]: 'Planlagte perioder Samfundet skal holde stengt',
+  [KEY.admin_closed_period_end_before_start]: 'end må være etter start',
+  [KEY.admin_closed_message]: 'Samfundet er stengt',
   [KEY.admin_saksdokumenter_title]: 'Administrer saksdokumenter',
   [KEY.admin_sultenmenu_title]: 'Administrer Lyche meny',
   [KEY.admin_users_last_active]: 'Sist aktiv',
@@ -775,6 +779,8 @@ export const en = prepareTranslations({
   [KEY.common_date]: 'Date',
   [KEY.common_send]: 'Send',
   [KEY.common_open]: 'Open',
+  [KEY.common_closed]: 'Closed',
+  [KEY.common_default]: 'Default',
   [KEY.common_edit]: 'Edit',
   [KEY.common_show]: 'Show',
   [KEY.common_table]: 'Table',
@@ -1274,11 +1280,13 @@ export const en = prepareTranslations({
   [KEY.admin_users_last_active]: 'Last active',
   [KEY.admin_opening_hours_hint]: 'Changes are saved automatically!',
   [KEY.admin_closed_period_title]: 'Scheduled periods when Samfundet is to be closed ',
+  [KEY.admin_closed_period_end_before_start]: 'end must be after start',
   [KEY.admin_saksdokumenter_title]: 'Manage Documents',
   [KEY.admin_sultenmenu_title]: 'Manage Lyche menu',
   [KEY.admin_events_recently_edited]: 'Recently edited',
   [KEY.admin_events_administrate]: 'Administrate events',
   [KEY.admin_information_manage_title]: 'Administrate pages',
+  [KEY.admin_closed_message]: 'Samfundet is closed',
   [KEY.admin_closed_period_new_period]: 'Add new closed period',
   [KEY.admin_closed_period_edit_period]: 'Edit closed period',
   [KEY.admin_information_confirm_delete]: 'Are you sure to delete this informationpage?',
diff --git a/frontend/src/schema/closedPeriod.ts b/frontend/src/schema/closedPeriod.ts
new file mode 100644
index 000000000..b4ecec585
--- /dev/null
+++ b/frontend/src/schema/closedPeriod.ts
@@ -0,0 +1,4 @@
+import { z } from 'zod';
+
+export const MESSAGE = z.string().min(10).max(200);
+export const DATE = z.string().date();