diff --git a/dev/scss/base/flextable.scss b/dev/scss/base/flextable.scss
index dc5ffd9..f10cec3 100644
--- a/dev/scss/base/flextable.scss
+++ b/dev/scss/base/flextable.scss
@@ -1,3 +1,4 @@
+@use 'sass:math';
 @import "lengths";
 @import "mixins";
 
@@ -20,7 +21,7 @@
     flex-direction: row;
     text-align: center;
     width: 100%;
-    border-width: $border-size / 2;
+    border-width: math.div($border-size,2);
     border-style: solid;
     align-items: stretch;
     > * {
diff --git a/dev/scss/base/lengths.scss b/dev/scss/base/lengths.scss
index 9dd307d..c4a7e5a 100644
--- a/dev/scss/base/lengths.scss
+++ b/dev/scss/base/lengths.scss
@@ -1,3 +1,5 @@
+@use 'sass:math';
+
 /*
  * Defined lengths and sizes for the
  * Kalamar layout.
@@ -17,6 +19,6 @@
  */
 $standard-margin:     40px;
 $right-distance:      $standard-margin;
-$right-view-distance: $standard-margin / 2;
+$right-view-distance: math.div($standard-margin,2);
 $logo-left-distance:  230px;
-$footer-height:       100pt;
\ No newline at end of file
+$footer-height:       100pt;
diff --git a/dev/scss/base/mixins.scss b/dev/scss/base/mixins.scss
index 599c19a..88eaaae 100644
--- a/dev/scss/base/mixins.scss
+++ b/dev/scss/base/mixins.scss
@@ -1,3 +1,4 @@
+@use 'sass:math';
 @import "colors";
 
 /**
@@ -64,5 +65,5 @@
 
 @mixin matchinfo-head {
   border-top: $border-size solid $darker-orange; // #ff8000;
-  width:      $left-width / 2;
+  width:      math.div($left-width, 2);
 }
diff --git a/dev/scss/footer/footer.scss b/dev/scss/footer/footer.scss
index 76f2846..97cfce8 100644
--- a/dev/scss/footer/footer.scss
+++ b/dev/scss/footer/footer.scss
@@ -1,4 +1,5 @@
 @charset "utf-8";
+@use 'sass:math';
 @import "../util";
 
 /**
@@ -73,12 +74,12 @@
  */
 #ids-logo {
   display:          inline-block;
-  width:            (631 / 30) + em;
-  height:           (200 / 30) + em;
+  width:            math.div(631,30) + em;
+  height:           math.div(200,30) + em;
   background-image: url('#{$img-path}/ids-institute-for-the-german-language-white.svg');
 }
 
 aside.active ~ footer {
   padding-left: $logo-left-distance;
   transition:  all .3s ease-in-out;
-}
\ No newline at end of file
+}
diff --git a/dev/scss/header/header.scss b/dev/scss/header/header.scss
index 76c583e..c0c7469 100644
--- a/dev/scss/header/header.scss
+++ b/dev/scss/header/header.scss
@@ -1,4 +1,5 @@
 @charset "utf-8";
+@use 'sass:math';
 @import "../util";
 @import "hint";          // Hint specific menu list
 @import "containermenu"; // Container menu specific
@@ -86,7 +87,7 @@
       top:              0;
       right:            0;
       margin-right:     0;
-      width:            ($standard-margin / 2);
+      width:            math.div($standard-margin,2);
       background-color: $dark-green;
       text-align:       center;
       height:           100%;
diff --git a/dev/scss/main/main.scss b/dev/scss/main/main.scss
index e2bb6be..bf6e2dc 100644
--- a/dev/scss/main/main.scss
+++ b/dev/scss/main/main.scss
@@ -1,3 +1,4 @@
+@use 'sass:math';
 @import "highlight";   // JSON highlighting
 @import "kwic";        // Kwic view information
 @import "logos";       // Logo images
@@ -21,11 +22,11 @@
 
 
 main {
-  padding-bottom: $footer-height + ($standard-margin / 2);
+  padding-bottom: $footer-height + math.div($standard-margin,2);
 
   margin: {
     left:  $standard-margin; 
-    right: ($standard-margin / 2);
+    right: math.div($standard-margin,2);
   }
 
   &.embedded {
diff --git a/dev/scss/main/pagination.scss b/dev/scss/main/pagination.scss
index d09162d..f261fc7 100644
--- a/dev/scss/main/pagination.scss
+++ b/dev/scss/main/pagination.scss
@@ -1,4 +1,5 @@
 @charset "utf-8";
+@use 'sass:math';
 @import "../util";
 
 /**
@@ -22,8 +23,8 @@
    */
     position:    fixed;
     font-size:   0;
-    right:       ($standard-margin / 4);
-    bottom:      ($standard-margin / 2);
+    right:       math.div($standard-margin,4);
+    bottom:      math.div($standard-margin,2);
     z-index:     35;
     padding:     0;
     height:      auto;
diff --git a/dev/scss/main/view/matchtable.scss b/dev/scss/main/view/matchtable.scss
index 6239c61..ef01955 100644
--- a/dev/scss/main/view/matchtable.scss
+++ b/dev/scss/main/view/matchtable.scss
@@ -1,3 +1,4 @@
+@use 'sass:math';
 @import "../../util";
 
 /**
@@ -10,7 +11,7 @@
 
   > div {
     z-index:      20;
-    margin-left:  $left-distance - ($border-size / 2);
+    margin-left:  $left-distance - math.div($border-size,2);
     margin-right: $right-view-distance;
     padding:      0;
     overflow-x:   auto;
@@ -86,13 +87,13 @@
     }
 
     > th:nth-of-type(2) {
-      left: ($left-width / 2) + $border-size;
+      left: math.div($left-width,2) + $border-size;
     }
 
     // Includes header line as well
     > * {
       @include cell-info;
-      border: ($border-size / 2) solid $dark-orange;
+      border: math.div($border-size,2) solid $dark-orange;
     }
 
     > td {
diff --git a/dev/scss/sidebar/sidebar.scss b/dev/scss/sidebar/sidebar.scss
index 01979b4..da6541f 100644
--- a/dev/scss/sidebar/sidebar.scss
+++ b/dev/scss/sidebar/sidebar.scss
@@ -1,4 +1,5 @@
 @charset "utf-8";
+@use 'sass:math';
 @import "../util";
 
 aside {
@@ -41,7 +42,7 @@
     padding:   6pt;
     background-color: $dark-green;
     border-top-right-radius: $standard-border-radius;
-    margin-right: -1 * ($standard-margin / 2);
+    margin-right: -1 * math.div($standard-margin,2);
   }
 
   &.settings::after {
@@ -203,7 +204,7 @@
   // Off aside
   &.off,
   &:not(:focus):not(.active) {
-    margin-left: -1 * ($logo-left-distance - ($standard-margin / 2));
+    margin-left: -1 * ($logo-left-distance - math.div($standard-margin,2));
     &::after {
       opacity: 1;
     }