intro bottom

css/modules/_layout.scss

@@ -1,7 +1,7 @@
 $width: 176mm;
 $height: 240mm;
 $top: 10mm;
-$bottom: 14mm;
+$bottom: 19mm;
 $inside: 20mm;
 $outside: 14mm;
 $content-h: calc($height - $top - $bottom - 1mm);
@@ -12,40 +12,44 @@ $unit: calc($content-w/7);
 
 :root{
     // --content-w: #{$content-w};
-    // --unit: calc(var(--content-w)/7);
-    --unit: 80px;
+    --unit: calc(#{$content-w}/7);
+    // --unit: 80px;
+    --margin-box: -13px;
 }
 
 
+
+
 @media print {
     @page {
         size: $width $height;
         margin-top: $top;
         margin-bottom: $bottom;
-
-        // bleed: 6mm;
-        // marks: crop;
+        bleed: 6mm;
+        marks: crop;
     }
     @page:left {
         margin-left: $outside;
         margin-right: $inside;
 
-        //    background-image: url("/images/layout-1_3.png");
-        // background-size: 100% 100%;
-        
-
         @bottom-left {
             content: counter(page);
             font-family: var(--font-sans);
             font-size: var(--fs-num);
+            font-weight: 500;
             text-align: left;
              width: $indent;
+              position: relative;
+             top: var(--margin-box);
         }
           @bottom-center {
             content: "Höchstpersönlichkeit";
             font-family: var(--font-sans);
             font-size: var(--fs-num);
+             font-weight: 500;
             text-align: left;
+             position: relative;
+             top: var(--margin-box);
         }
  
     }
@@ -53,35 +57,48 @@ $unit: calc($content-w/7);
         margin-left: $inside;
         margin-right: $outside;
 
-        // background-image: url("/images/layout-1_20.png");
+        // background-image: url('/images/layout-1_2.png');
         // background-size: 100% 100%;
-     
 
         @bottom-left {
             content: string(chapterCount);
               font-family: var(--font-sans);
              font-size: var(--fs-num);
+              font-weight: 500;
              text-align: left;
-             width: $indent;
+             width: calc(var(--unit)*3);
+             padding-left: calc(var(--unit)*2);
+              position: relative;
+             top: var(--margin-box);
         }
 
                 @bottom-center {
             content: string(chapter);
               font-family: var(--font-sans);
              font-size: var(--fs-num);
+              font-weight: 500;
              text-align: left;
+              position: relative;
+             top: var(--margin-box);
+             width: calc(var(--unit)*3.5);
         }
 
            @bottom-right {
             content: counter(page);
             font-family: var(--font-sans);
              font-size: var(--fs-num);
+              font-weight: 500;
              text-align: right;
+              position: relative;
+             top: var(--margin-box);
         }
 
             
     }
-    @page:first {
+
+      
+
+    @page chapter:first {
         @top-left-corner { content: none; }
         @top-left { content: none; }
         @top-center { content: none; }
@@ -118,26 +135,7 @@ $unit: calc($content-w/7);
         @bottom-right-corner { content: none; }
     }
 
-     @page chapter {
-         margin-left: $outside;
-        margin-right: $outside;
-        @top-left-corner { content: none; }
-        @top-left { content: none; }
-        @top-center { content: none; }
-        @top-right { content: none; }
-        @top-right-corner { content: none; }
-        @left-top { content: none; }
-        @left-middle { content: none; }
-        @left-bottom { content: none; }
-        @right-top { content: none; }
-        @right-middle { content: none; }
-        @right-bottom { content: none; }
-        @bottom-left-corner { content: none; }
-        @bottom-left { content: none; }
-        @bottom-center { content: none; }
-        @bottom-right { content: none; }
-        @bottom-right-corner { content: none; }
-    }
+    
 }
 
 
@@ -151,6 +149,7 @@ $unit: calc($content-w/7);
     string-set: chapter content(text);
 }
 
+
 .chapter{
     page: chapter;
     break-before: page;

css/modules/_notes.scss

@@ -12,8 +12,7 @@
     position: absolute;
     top: 0;
     left: 0;
-    color: blue;
-    //   color: red;
+
 }
 
 .body-note{

css/modules/_text.scss

@@ -79,6 +79,21 @@ ul{
 // THESE --------------------------------------------------
 
 
+
+.thesis-title{
+    width: 100%;
+    display: flex;
+
+}
+
+.thesis-title p::after{
+    content: '';
+    display: block;
+    width: 100%;
+    height: 10px;
+    background-color: black;
+    flex-grow: 1;
+}
 .thesis p{
     display: block;
 }
@@ -112,10 +127,11 @@ ul{
     break-after: right;
 }
 .intro{
+  
     p{
         font-size: var(--fs-intro);
         padding-left: calc(var(--unit)*1);
-        line-height: 1.4; 
+        line-height: 23px; 
         display: block;
     }
 }

css/modules/_titles.scss

@@ -80,7 +80,7 @@
         font-size: 105px;
         line-height: 0.9;
         hyphens: auto;
-        hyphenate-limit-chars: 8 4 3;
+        hyphenate-limit-chars: 12 4 3;
     
 
         span{
@@ -195,7 +195,9 @@
 
 }
 
-[data-id="section__content"][data-split-from] > :first-child {
+[data-id="section__content"] > .chapter h2:first-child,
+[data-id="section__content"] > .chapter h3:first-child,
+[data-id="section__content"] > .chapter h4:first-child {
         margin-top: 0;
 }
 

css/modules/_var.scss

@@ -9,7 +9,7 @@
     --fs-intro: 16.5px;
     --baseline: 18px;
     --indent: 26px;
-    --fs-num: 12px;
+    --fs-num: 11px;
 }