diff --git a/.forgejo/workflows/deploy.yaml b/.forgejo/workflows/deploy.yaml
index c44da2c..b08a439 100644
--- a/.forgejo/workflows/deploy.yaml
+++ b/.forgejo/workflows/deploy.yaml
@@ -13,7 +13,7 @@ jobs:
   build:
     runs-on: docker
     container:
-      image: hugomods/hugo:exts-0.158.0
+      image: hugomods/hugo:exts-0.148.1
     steps:
       - name: Pipeline info
         run: |
diff --git a/README.md b/README.md
index ce34ab0..8bf8426 100644
--- a/README.md
+++ b/README.md
@@ -34,8 +34,6 @@ Please note, that the website should be re-deployed at least daily to update the
 ### Add Pages
 
 To run a local version, just install HUGO by following the [instructions](https://gohugo.io/installation/) for your operating system.
-Note that you also need to install the [Dart Sass compiler](https://sass-lang.com/dart-sass/).
-
 To build the website and run a development webserver, execute:
 ```shell
 hugo server
diff --git a/themes/ccchh/assets/sass/main.scss b/themes/ccchh/assets/sass/main.scss
index c8ef080..6392abb 100644
--- a/themes/ccchh/assets/sass/main.scss
+++ b/themes/ccchh/assets/sass/main.scss
@@ -1,6 +1,3 @@
-@use "sass:map";
-@use "sass:math";
-
 $roomstate_color_unknown: #dda218;
 $roomstate_color_open: var(--ins-color);
 $roomstate_color_closed: var(--del-color);
@@ -167,12 +164,7 @@ body>main {
     margin-bottom: 1rem;
   }
 
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6 {
+  h1, h2, h3, h4, h5, h6 {
     margin: 0.5rem 1rem;
   }
 
@@ -210,7 +202,7 @@ body>main {
       display: block;
       margin: 0 auto;
       // (250px - 2*var(--grid-spacing-horizontal)) * 3/4
-      max-height: math.div(222px * 3, 4);
+      max-height: (222px * 3/4);
     }
 
     // 2*250px + 2*var(--spacing) + 1px
@@ -219,7 +211,7 @@ body>main {
 
       img.groups-img {
         // (150px - 2*var(--grid-spacing-horizontal)) * 3/4
-        max-height: math.div(122px*3, 4);
+        max-height: (122px*3/4);
       }
     }
 
@@ -229,7 +221,7 @@ body>main {
 
       img.groups-img {
         // (350px - 2*var(--grid-spacing-horizontal)) * 3/4
-        max-height: math.div(322px*3, 4);
+        max-height: (322px*3/4);
       }
 
       // 2*350px + 2*var(--spacing) + 1px
@@ -238,7 +230,7 @@ body>main {
 
         img.groups-img {
           // (250px - 2*var(--grid-spacing-horizontal)) * 3/4
-          max-height: math.div(222px*3, 4);
+          max-height: (222px*3/4);
         }
       }
     }
@@ -303,7 +295,7 @@ body>main {
   // When the header content doesn't display nicely anymore, switch to mobile mode.
   @import "../pico-1.5.11/scss/variables";
 
-  @media (max-width: map.get($breakpoints, md)) {
+  @media (max-width: map-get($breakpoints, md)) {
     .hamburger-button {
       display: unset;
       position: absolute;
@@ -383,15 +375,15 @@ body>main {
       }
 
       // Use the media queries, which we need, from here:
-      @if map.get($breakpoints, "sm") {
-        @media (min-width: map.get($breakpoints, "sm")) {
+      @if map-get($breakpoints, "sm") {
+        @media (min-width: map-get($breakpoints, "sm")) {
           ul {
             padding-left: 0;
             padding-right: 0;
           }
 
           .main-nav {
-            max-width: map.get($viewports, "sm");
+            max-width: map-get($viewports, "sm");
           }
         }
       }
diff --git a/themes/ccchh/layouts/partials/head.html b/themes/ccchh/layouts/partials/head.html
index 22ed943..936de41 100644
--- a/themes/ccchh/layouts/partials/head.html
+++ b/themes/ccchh/layouts/partials/head.html
@@ -1,5 +1,5 @@
-{{- $cssOptionsMain := dict "transpiler" "dartsass" "targetPath" "css/style.css" -}}
-{{- $cssOptionsPico := dict "transpiler" "dartsass" "targetPath" "css/pico.css" -}}
+{{- $cssOptionsMain := dict "transpiler" "libsass" "targetPath" "css/style.css" -}}
+{{- $cssOptionsPico := dict "transpiler" "libsass" "targetPath" "css/pico.css" -}}
 {{- $jsResources := resources.Match "js/*.js" }}
 
   <meta name="viewport" content="width=device-width, initial-scale=1.0">