From 3cc1426cc584eb24e4ebd4c653e6a5524b811c83 Mon Sep 17 00:00:00 2001
From: jan <mail@fint.ch>
Date: Mon, 23 Sep 2024 21:51:15 +0200
Subject: [PATCH] micro animationen

---
 site/assets/scss/common/_global.scss          | 12 ------
 site/assets/scss/components/_scroll-out.scss  | 31 +++++++++++-----
 site/hugo_stats.json                          |  1 +
 site/layouts/index.html                       | 28 +++++++-------
 site/layouts/journal/list.html                |  9 ++---
 site/layouts/partials/box-training-small.html |  2 +-
 site/layouts/partials/page-header.html        |  4 +-
 site/layouts/stories/list.html                |  2 +-
 site/layouts/trainings/list.html              | 37 +++++++++++--------
 site/layouts/ueber-uns/list.html              | 32 ++++++++--------
 10 files changed, 81 insertions(+), 77 deletions(-)

diff --git a/site/assets/scss/common/_global.scss b/site/assets/scss/common/_global.scss
index 66620e5..1e5aabc 100644
--- a/site/assets/scss/common/_global.scss
+++ b/site/assets/scss/common/_global.scss
@@ -374,18 +374,6 @@ a {
   }
 }
 
-[data-scroll]:not(.banner) {
-  transition: opacity 1s, transform 0.6s ease-in-out;
-}
-[data-scroll="in"]:not(.banner) {
-  opacity: 1;
-  transform: translateY(0);
-}
-[data-scroll="out"]:not(.banner) {
-  opacity: 0;
-  transform: translateY(20px);
-}
-
 .entry-content {
   ol, ul, dl {
     padding-left: 0;
diff --git a/site/assets/scss/components/_scroll-out.scss b/site/assets/scss/components/_scroll-out.scss
index 374eb81..6523310 100644
--- a/site/assets/scss/components/_scroll-out.scss
+++ b/site/assets/scss/components/_scroll-out.scss
@@ -1,15 +1,28 @@
-.content {
-  [data-scroll]:not(.floater) {
-    transition: opacity 1s, transform 0.5s;
+[data-scroll] {
+  opacity: 0;
+  transform: translateY(2rem);
+  will-change: opacity, transform;
+  transition: opacity 0.5s cubic-bezier(0.215,0.61,0.355,1) 0.5s, transform 0.75s cubic-bezier(0.215,0.61,0.355,1) 0.5s;
+
+  &.accordion-item {
+    transform: translate(-20%, 0);
   }
+}
+
+[data-scroll="in"] {
+  opacity: 1;
+  transform: translate(0, 0);
 
-  [data-scroll="in"]:not(.floater) {
-    opacity: 1;
-    transform: translateY(0);
+  &.accordion-item {
+    transform: translate(0, 0);
   }
+}
+
+[data-scroll="out"] {
+  opacity: 0;
+  transform: translateY(2rem);
 
-  [data-scroll="out"]:not(.floater) {
-    opacity: 0;
-    transform: translateY(2rem);
+  &.accordion-item {
+    transform: translate(-20%, 0);
   }
 }
diff --git a/site/hugo_stats.json b/site/hugo_stats.json
index 0c0bcd1..16a1195 100644
--- a/site/hugo_stats.json
+++ b/site/hugo_stats.json
@@ -414,6 +414,7 @@
       "pt-16",
       "pt-2",
       "pt-3",
+      "pt-4",
       "pt-5",
       "pt-6",
       "pt-lg-32",
diff --git a/site/layouts/index.html b/site/layouts/index.html
index 64af899..4fa8c41 100644
--- a/site/layouts/index.html
+++ b/site/layouts/index.html
@@ -28,14 +28,14 @@ <h2  data-scroll  class="mb-2 col-lg-4">{{ .title }}</h2>
           <p>{{ .text | markdownify }}</p>
         </div>
  
-          <h3 class="mb-8 mb-lg-10">{{ .subtitle }}</h3>
+          <h3 data-scroll class="mb-8 mb-lg-10">{{ .subtitle }}</h3>
           <div class="row row-cols-1 row-cols-md-2  row-cols-lg-4 gy-8">
             {{ range where (where $.Site.RegularPages "Section" "trainings") ".Params.categories" "intersect" (slice "New") }}
               {{ partial "box-training-small" . }}
             {{ end }}
           </div>
 
-          <div class="d-flex mt-8 mb-18">
+          <div data-scroll class="d-flex mt-8 mb-18">
             <a href="{{ i18n "trainingsLink" }}" class="btn btn-outline-primary  py-3 px-18 px-md-5 mx-auto  me-md-0">{{ i18n "showAllTrainings" }}</a>
          </div>
       
@@ -49,12 +49,12 @@ <h3 class="mb-8 mb-lg-10">{{ .subtitle }}</h3>
   <section  class="section section-about my-13 px-lg-6">
     <div class="wide-banner text-white bg-primary pattern pt-16  pt-lg-32 pb-30 pb-lg-54">
 
-    <div data-scroll class="container-fluid">
+    <div class="container-fluid">
       <div class="row">
         <div class="col-11 col-lg-10 mx-md-auto">
           {{ with $data.homepage.about }}
-          <div class="h3 sm light mb-4">{{.title}}</div>
-          <div class="h1 sm">{{.content | markdownify}}</div>
+          <div data-scroll class="h3 sm light mb-4">{{.title}}</div>
+          <div data-scroll class="h1 sm">{{.content | markdownify}}</div>
           {{ if .button.enable }}
             {{ with .button }}
             <a href="{{ .URL | absURL }}" class="btn btn-outline-light">{{.label}}</a>
@@ -116,14 +116,14 @@ <h2 data-scroll="in" class="mb-2 col-lg-4">{{  .title }}</h2>
   {{ with  $data.homepage.stories }}
 
   <div class="container-fluid  mb-18 mb-lg-32">
-      <a class="btn btn-sm btn-outline-primary border-1 py-0  mb-2" href="{{ .link }}">{{ .label }}</a>
+      <a data-scroll class="btn btn-sm btn-outline-primary border-1 py-0  mb-2" href="{{ .link }}">{{ .label }}</a>
      <h2  data-scroll  class="mb-2 col-lg-4">{{ .title }}</h2>
   
      <div  data-scroll  class="col-lg-7 mb-8 mb-lg-16">
        <p>{{ .text | markdownify }}</p>
      </div>
 
-     <div class="testimonial-carousel text-white position-relative">
+     <div data-scroll  class="testimonial-carousel text-white position-relative">
       {{ range first 3 (shuffle (where $.Site.RegularPages "Section" "stories" )) }}
         {{ partial "content-story-testimonial" . }}
       {{ end }}
@@ -137,7 +137,7 @@ <h2  data-scroll  class="mb-2 col-lg-4">{{ .title }}</h2>
   {{ with  $data.homepage.journal }}
 
   <div class="container-fluid  mb-16 mb-lg-32">
-      <a class="btn btn-sm btn-outline-primary border-1 py-0  mb-2" href="{{ .link }}">{{ .label }}</a>
+      <a data-scroll class="btn btn-sm btn-outline-primary border-1 py-0  mb-2" href="{{ .link }}">{{ .label }}</a>
      <h2  data-scroll  class="mb-2 col-lg-4">{{ .title }}</h2>
   
      <div  data-scroll  class="col-lg-7 mb-8 mb-lg-16">
@@ -151,7 +151,7 @@ <h2  data-scroll  class="mb-2 col-lg-4">{{ .title }}</h2>
     </div>
 
     <div class="d-flex mt-8 mb-18">
-      <a href="{{ .link }}" class="btn btn-outline-primary  py-3 px-18 px-md-5 mx-auto  me-md-0">{{ i18n "readMore" }}</a>
+      <a data-scroll  href="{{ .link }}" class="btn btn-outline-primary  py-3 px-18 px-md-5 mx-auto  me-md-0">{{ i18n "readMore" }}</a>
    </div>
  
   </div>
@@ -165,13 +165,13 @@ <h2  data-scroll  class="mb-2 col-lg-4">{{ .title }}</h2>
   {{ with  $data.homepage.partner }}
   <section class="section mb-16 mb-lg-32">
     <div class="container-fluid">
-      <h2 data-scroll="in" class="mb-2 col-lg-4">{{  .title }}</h2>
-       <div data-scroll="in" class="col-lg-7 mb-8 mb-lg-16">
+      <h2 data-scroll class="mb-2 col-lg-4">{{  .title }}</h2>
+       <div data-scroll class="col-lg-7 mb-8 mb-lg-16">
         <p>{{  .text | markdownify }}</p>
       </div>           
     </div>           
 
-    <div class="partner-carousel mb-16 mb-lg-32">
+    <div data-scroll  class="partner-carousel mb-16 mb-lg-32">
       {{ range .item }}
       {{ partial "content-partner" . }}
       {{ end }}
@@ -207,7 +207,7 @@ <h2 data-scroll="in" class="mb-2 col-lg-4">{{  .title }}</h2>
   <div class="container-fluid  mb-16 mb-lg-32">
     <div class="row gy-8">
       <div class="col-lg-4">
-        <a class="btn btn-sm btn-outline-primary border-1 py-0  mb-2" href="{{ .link }}">{{ .label }}</a>
+        <a data-scroll class="btn btn-sm btn-outline-primary border-1 py-0  mb-2" href="{{ .link }}">{{ .label }}</a>
         <h2  data-scroll  class="mb-4 mb-lg-8">{{ .title }}</h2>
         <p>{{ .text | markdownify }}</p>
     </div> 
@@ -215,7 +215,7 @@ <h2  data-scroll  class="mb-4 mb-lg-8">{{ .title }}</h2>
     <div class="col-lg-7 offset-lg-1">
       <div class="accordion accordion-flush border-top border-bottom" id="faqAccordion">
         {{ range $index, $value := .items }}
-        <div class="accordion-item">
+        <div data-scroll class="accordion-item">
           <h3 class="accordion-header" id="heading{{ $index }}">
             <button class="accordion-button strong {{ if (ne $index 0) }} collapsed {{ end }}" type="button" data-bs-toggle="collapse" data-bs-target="#collapse{{ $index }}" aria-expanded="{{ if (eq $index 0) }}true{{ else }}false{{ end }}" aria-controls="collapse{{ $index }}">
               {{ .question }} <div class="icon-plus ms-auto me-3"></div>
diff --git a/site/layouts/journal/list.html b/site/layouts/journal/list.html
index 1340912..4570147 100644
--- a/site/layouts/journal/list.html
+++ b/site/layouts/journal/list.html
@@ -8,7 +8,7 @@
 <div class="container-fluid">
     
   {{ with .Content }}
-  <div class="col-lg-8 offset-lg-1 mb-8 mb-lg-16">
+  <div data-scroll class="col-lg-8 offset-lg-1 mb-8 mb-lg-16">
     {{ . }}
   </div>
   {{ end }}
@@ -16,11 +16,8 @@
 
   <div class="row">
     <div class="col-lg-10 offset-lg-1">
-      
-      <div class="d-flex border-top  py-3">
-       <!-- <button class="btn btn-filter btn-resetms-auto">Reset</button> -->
-      </div>
-        <div class="filterlist mb-8 mb-lg-16" >
+          <div data-scroll class="filterlist mb-8 mb-lg-16 border-top pt-4" >
+
           <button class="btn btn-filter btn-outline-primary me-3 mb-3 active" data-filter="item">{{ i18n "all" }}</button>
           
             {{ range $key, $value := .Params.categories }}
diff --git a/site/layouts/partials/box-training-small.html b/site/layouts/partials/box-training-small.html
index 3fe3643..14b772e 100644
--- a/site/layouts/partials/box-training-small.html
+++ b/site/layouts/partials/box-training-small.html
@@ -2,7 +2,7 @@
 
 
   
-  <div class="inner border light p-4 ps-lg-10 pt-lg-8 d-flex flex-column h-100 position-relative">
+  <div data-scroll class="inner border light p-4 ps-lg-10 pt-lg-8 d-flex flex-column h-100 position-relative">
     {{ if  in .Params.categories "New"  }}
     <div class="position-absolute label-new bg-primary text-white px-2 py-md-1 small">{{ i18n "new" }}</div>
     {{ end }}
diff --git a/site/layouts/partials/page-header.html b/site/layouts/partials/page-header.html
index 5ba6b29..767ff04 100644
--- a/site/layouts/partials/page-header.html
+++ b/site/layouts/partials/page-header.html
@@ -1,8 +1,8 @@
 <div class="container-fluid mb-8 mb-lg-16">
   <div class="col-lg-7">
-    <h1 class="h4 mb-2">{{ .title | markdownify }}</h1>
+    <h1 data-scroll class="h4 mb-2">{{ .title | markdownify }}</h1>
     {{ with .lead }}
-        <div class="h1 sm mb-0">{{ . | markdownify }}</div>
+        <div data-scroll class="h1 sm mb-0">{{ . | markdownify }}</div>
     {{ end }}
   </div>
 </div>
diff --git a/site/layouts/stories/list.html b/site/layouts/stories/list.html
index 5420a87..414f23f 100644
--- a/site/layouts/stories/list.html
+++ b/site/layouts/stories/list.html
@@ -8,7 +8,7 @@
 <div class="container-fluid">
     
   {{ with .Content }}
-  <div class="col-lg-8 offset-lg-1 mb-8 mb-lg-16">
+  <div data-scroll class="col-lg-8 offset-lg-1 mb-8 mb-lg-16">
     {{ . }}
   </div>
   {{ end }}
diff --git a/site/layouts/trainings/list.html b/site/layouts/trainings/list.html
index ca65c17..a6178ec 100644
--- a/site/layouts/trainings/list.html
+++ b/site/layouts/trainings/list.html
@@ -4,13 +4,13 @@
   <div class="row ">
     <div class="col-lg-6">
       {{ with .Params.header }}
-      <h1 class="h4 mb-2 mb-lg-3">{{ .title | markdownify }}</h1>
-         <div class="h1 sm mb-0">{{ .lead | markdownify }}</div>
+      <h1 data-scroll class="h4 mb-2 mb-lg-3">{{ .title | markdownify }}</h1>
+         <div data-scroll class="h1 sm mb-0">{{ .lead | markdownify }}</div>
     </div>
  
      <div class="col-lg-6 py-16 py-lg-32">
 
-      <div class="d-flex images">
+      <div data-scroll class="d-flex images">
         <div class="img-container align-self-end mb-10 z-1" id="l1">
           {{ partial "img-srcset.html" (dict "img" .img1 "size" 200 "lazy" false) }}
           </div>
@@ -32,17 +32,22 @@ <h1 class="h4 mb-2 mb-lg-3">{{ .title | markdownify }}</h1>
 
   
   <div class="col-lg-8 offset-lg-1 mb-8 mb-lg-16">
-      <h2 class="mb-4 mb-lg-8">{{ .Params.filtertitle }}</h2>
-      {{ .Content }}
+      <h2 data-scroll class="mb-4 mb-lg-8">{{ .Params.filtertitle }}</h2>
+      <div data-scroll>
+        {{ .Content }}
+      </div>
     </div>
 
       <div class="row">
         <div class="col-lg-11 offset-lg-1">
-          <div class="bold">{{ i18n "topics" }}</div>
+          <div data-scroll class="bold mb-2">{{ i18n "topics" }}</div>
+          {{/*
           <div class="d-flex border-top  py-3">
            <!-- <button class="btn btn-filter btn-resetms-auto">Reset</button> -->
           </div>
-            <div class="filterlist mb-8 mb-lg-16" >
+          */}}
+
+            <div data-scroll class="filterlist mb-8 mb-lg-16 border-top pt-4" >
               <div>
                 <button class="btn btn-filter btn-outline-primary me-3 mb-3 active" data-filter="item">{{ i18n "all" }}</button>
                 {{ range $key, $value := .Params.categories }}
@@ -78,13 +83,13 @@ <h2 class="mb-4 mb-lg-8">{{ .Params.filtertitle }}</h2>
         
         <div class="row gy-8 ">
           <div class="col-lg-5 offset-lg-1">
-            <div class="h2 mb-4">{{ .title }}</div>
-            <div class="">{{ .text }}</div>
-            <a href="{{  .link }}" class="link-border bold">{{ .linktext }}</a>
+            <div data-scroll class="h2 mb-4">{{ .title }}</div>
+            <div data-scroll>{{ .text }}</div>
+            <a data-scroll href="{{  .link }}" class="link-border bold">{{ .linktext }}</a>
           </div>
 
-          <div class="col-6 offset-3 col-lg-2 offset-lg-3">
-            <svg class="colored-light w-100 img-fluid" width="196" height="205" viewBox="0 0 196 205" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M119.764 91.496H76.137v6.058h43.627v-6.058Z" fill="#C1D1D7"/><path d="M0 205V18.136h25.251v6.028H6.018v172.789l91.978-22.721 91.986 22.45V6.028H.012V0H196v204.706l-97.996-24.194L0 205Z" fill="#C1D1D7"/><path d="M46.523 127.595h-8.65v-4.144h21.626v4.144h-8.65v22.228h-4.326v-22.228ZM69.273 150.199a9.5 9.5 0 0 1-3.818-.772 9.93 9.93 0 0 1-3.121-2.11 9.588 9.588 0 0 1-2.088-3.164c-.5-1.217-.752-2.532-.752-3.937 0-1.406.252-2.72.752-3.937a9.583 9.583 0 0 1 2.088-3.165 9.93 9.93 0 0 1 3.121-2.11 9.5 9.5 0 0 1 3.818-.772 9.5 9.5 0 0 1 3.817.772 9.93 9.93 0 0 1 3.122 2.11 9.583 9.583 0 0 1 2.087 3.165c.5 1.217.752 2.531.752 3.937v1.318H63.443c.15.803.403 1.518.752 2.148a5.642 5.642 0 0 0 3.066 2.599c.639.226 1.308.339 2.012.339.978 0 1.816-.132 2.52-.395.703-.264 1.267-.573 1.692-.923.5-.377.914-.818 1.241-1.319h4.137a9.945 9.945 0 0 1-1.993 3.127c-.376.377-.801.753-1.279 1.13a8.25 8.25 0 0 1-1.655.999c-.628.29-1.327.519-2.106.697-.778.177-1.628.263-2.557.263Zm5.641-11.867a6.27 6.27 0 0 0-.564-1.658 4.659 4.659 0 0 0-1.128-1.45 5.96 5.96 0 0 0-1.693-1.017c-.65-.264-1.403-.396-2.256-.396-.65 0-1.287.102-1.9.301a5.78 5.78 0 0 0-1.692.886 5.196 5.196 0 0 0-1.298 1.431 5.936 5.936 0 0 0-.752 1.903h11.283ZM82.438 123.451h3.948v14.693h2.821l5.83-7.535h4.513l-6.958 8.853 7.522 10.361h-4.89l-5.829-8.1h-3.008v8.1h-3.95v-26.372ZM103.122 134.188h-2.257v-3.579h2.257v-4.144h3.949v4.144h5.829v3.579h-5.829v12.056h6.017v3.579h-9.966v-15.635ZM125.312 150.199c-1.403 0-2.715-.256-3.93-.772a9.84 9.84 0 0 1-3.159-2.11 9.879 9.879 0 0 1-2.106-3.164c-.516-1.217-.771-2.532-.771-3.937 0-1.406.255-2.72.771-3.937a9.872 9.872 0 0 1 2.106-3.165 9.84 9.84 0 0 1 3.159-2.11c1.215-.516 2.527-.772 3.93-.772s2.716.256 3.931.772a9.861 9.861 0 0 1 3.159 2.11 9.872 9.872 0 0 1 2.106 3.165c.515 1.217.771 2.531.771 3.937 0 1.405-.256 2.72-.771 3.937a9.879 9.879 0 0 1-2.106 3.164 9.861 9.861 0 0 1-3.159 2.11c-1.215.516-2.528.772-3.931.772Zm0-3.579c.854 0 1.636-.151 2.351-.452a5.277 5.277 0 0 0 1.843-1.281c.515-.554.914-1.224 1.203-2.015.29-.792.433-1.677.433-2.656 0-.98-.143-1.865-.433-2.656-.289-.792-.688-1.462-1.203-2.016a5.33 5.33 0 0 0-1.843-1.281 5.993 5.993 0 0 0-2.351-.452c-.853 0-1.636.151-2.35.452a5.277 5.277 0 0 0-1.843 1.281c-.515.554-.914 1.224-1.204 2.016-.289.791-.432 1.676-.432 2.656 0 .979.143 1.864.432 2.656.29.791.689 1.461 1.204 2.015s1.128.98 1.843 1.281a5.988 5.988 0 0 0 2.35.452ZM138.664 130.609h3.949v2.637h.188a6.003 6.003 0 0 1 1.392-1.507c.5-.377 1.12-.723 1.861-1.036.741-.313 1.663-.471 2.765-.471 2.358 0 4.201.686 5.528 2.053 1.328 1.368 1.994 3.383 1.994 6.047v11.49h-3.949v-11.113c0-1.707-.376-2.95-1.129-3.73-.752-.78-1.88-1.168-3.385-1.168-.752 0-1.447.139-2.087.414a5.186 5.186 0 0 0-1.674 1.149 5.123 5.123 0 0 0-1.109 1.771c-.263.69-.395 1.462-.395 2.317v10.36h-3.949v-19.213ZM125.764 32.004a6.77 6.77 0 0 0-2.603-1.721 9.583 9.583 0 0 0-3.366-.573 8.336 8.336 0 0 0-3.137.52 8.834 8.834 0 0 0-2.106 1.156 8.133 8.133 0 0 0-1.61 1.76h-.082v-3.014h-4.344v20.66h4.332V39.795a7.283 7.283 0 0 1 .422-2.57 5.785 5.785 0 0 1 1.214-1.955 5.582 5.582 0 0 1 1.839-1.265 5.734 5.734 0 0 1 2.287-.449 5.119 5.119 0 0 1 3.697 1.323c.918.881 1.377 2.249 1.38 4.095V50.78h4.352V38.499a10.833 10.833 0 0 0-.598-3.737 8.09 8.09 0 0 0-1.685-2.758M148.538 43.288a6.904 6.904 0 0 1-1.339 2.155 5.706 5.706 0 0 1-2.005 1.39 6.382 6.382 0 0 1-2.527.486 6.204 6.204 0 0 1-2.46-.486 5.703 5.703 0 0 1-1.978-1.39 6.478 6.478 0 0 1-1.32-2.155 8.722 8.722 0 0 1 0-5.655 6.56 6.56 0 0 1 1.32-2.159 5.94 5.94 0 0 1 4.438-1.914 6.265 6.265 0 0 1 2.527.501 6.174 6.174 0 0 1 2.005 1.39 6.54 6.54 0 0 1 1.339 2.163c.342.908.507 1.872.496 2.84a7.665 7.665 0 0 1-.496 2.83m9.075-17.123v-4.31h-8.579v11.42h-.12a7.647 7.647 0 0 0-1.633-1.798 9.8 9.8 0 0 0-2.203-1.19 8.404 8.404 0 0 0-3.22-.562 9.35 9.35 0 0 0-3.787.776 9.669 9.669 0 0 0-3.137 2.197 10.097 10.097 0 0 0-2.125 3.398 11.953 11.953 0 0 0-.767 4.31 12.19 12.19 0 0 0 .763 4.396 9.914 9.914 0 0 0 5.262 5.572 9.166 9.166 0 0 0 3.787.791 8.951 8.951 0 0 0 5.427-1.687 7.419 7.419 0 0 0 1.633-1.797h.12v3.055h8.579V46.43h-4.284V26.15h4.288l-.004.011ZM68.175 35.474a6.277 6.277 0 0 1 2.005-1.394 6.663 6.663 0 0 1 5.3.098c.657.335 1.26.776 1.774 1.303.324.362.606.761.843 1.183l2.997-3.006c-.03-.041-.056-.09-.09-.132-.41-.497-.857-.96-1.339-1.386a8.803 8.803 0 0 0-1.794-1.217 11.238 11.238 0 0 0-2.309-.844 11.58 11.58 0 0 0-2.945-.332 11.026 11.026 0 0 0-4.208.814 10.31 10.31 0 0 0-3.423 2.26c-.974.98-1.745 2.14-2.268 3.422a11.384 11.384 0 0 0 0 8.502 10.487 10.487 0 0 0 2.268 3.421 10.309 10.309 0 0 0 3.423 2.26 11.04 11.04 0 0 0 4.208.814c1 .012 1.997-.097 2.971-.331a10.267 10.267 0 0 0 2.37-.885 8.68 8.68 0 0 0 1.816-1.266 8.614 8.614 0 0 0 1.264-1.454l-2.945-2.95c-.207.369-.451.712-.73 1.032a7.169 7.169 0 0 1-1.835 1.364 5.984 5.984 0 0 1-2.907.621 5.835 5.835 0 0 1-2.41-.5 6.54 6.54 0 0 1-2.005-1.39 6.653 6.653 0 0 1-1.38-2.145 7.326 7.326 0 0 1-.52-2.825 7.662 7.662 0 0 1 .497-2.803 6.719 6.719 0 0 1 1.361-2.181M88.373 38.432c.632-2.788 2.82-4.872 5.792-4.872 2.971 0 4.866 2.084 5.498 4.872h-11.29Zm5.893-8.718c-6.183 0-10.55 4.702-10.55 10.541v.207c0 .343 0 .675.042 1.006v.11c.023.244.057.49.094.73 0 .06.023.117.03.174.087.474.2.941.346 1.401.023.057.038.11.057.17.079.222.161.448.252.666a10.295 10.295 0 0 0 5.69 5.682c1.335.542 2.768.821 4.209.813 1 .012 1.997-.097 2.97-.331a10.268 10.268 0 0 0 2.37-.885 8.684 8.684 0 0 0 1.817-1.266 8.904 8.904 0 0 0 1.263-1.454l-2.944-2.95a6.142 6.142 0 0 1-.73 1.028 7.238 7.238 0 0 1-1.835 1.364 6.07 6.07 0 0 1-2.908.622 5.837 5.837 0 0 1-2.41-.502 6.537 6.537 0 0 1-2.005-1.39 6.765 6.765 0 0 1-1.38-2.136 5.207 5.207 0 0 1-.185-.531c-.026-.08-.049-.166-.071-.249l-.049-.207c-.049-.237-.098-.474-.132-.727h16.124v-1.224c0-6.371-4.209-10.64-10.06-10.64M52.5 40.658c0 4.152-3.189 6.65-6.107 6.65-1.915 0-3.427-1.052-3.427-2.95 0-2.69 4.141-4.292 9.534-4.292v.596-.004Zm4.333 5.836V30.117H39.668v4.302H52.5v2.193c-10.102 0-14.047 2.912-14.201 7.874-.135 4.174 3.144 6.724 7.157 6.724 2.584 0 5.382-1.02 6.932-3.466h.135v3.063h7.526v-4.302l-3.216-.008v-.003ZM63.2 71.411c-.733 0-1.41-.128-2.03-.384a4.737 4.737 0 0 1-1.607-1.074 5.02 5.02 0 0 1-1.056-1.631 5.447 5.447 0 0 1-.384-2.072c0-.754.128-1.443.384-2.068a5.06 5.06 0 0 1 1.056-1.632c.452-.46.986-.817 1.606-1.073a5.271 5.271 0 0 1 2.031-.385c.493 0 .937.053 1.335.155.4.102.76.237 1.08.403.32.166.602.358.842.572.241.215.452.434.629.656.417.52.722 1.111.917 1.77h-1.252a4.046 4.046 0 0 0-.737-1.186 4.45 4.45 0 0 0-.474-.433 3.323 3.323 0 0 0-.613-.377 3.789 3.789 0 0 0-.779-.271 4.1 4.1 0 0 0-.948-.106c-.556 0-1.068.094-1.538.287-.47.192-.872.46-1.21.81-.34.35-.603.764-.794 1.254a4.408 4.408 0 0 0-.286 1.624c0 .595.094 1.138.285 1.624.189.486.456.908.794 1.254.339.35.741.618 1.211.81a4.01 4.01 0 0 0 1.538.287 3.851 3.851 0 0 0 1.775-.407c.237-.12.444-.257.629-.411.18-.154.342-.309.481-.467.316-.373.56-.803.737-1.296h1.253a5.91 5.91 0 0 1-.975 1.88 5.304 5.304 0 0 1-.646.697c-.245.222-.53.422-.85.599-.32.177-.681.316-1.08.426a5.163 5.163 0 0 1-1.324.162v.003ZM70.853 61.375h6.82v1.183h-5.567v3.067h4.524v1.183h-4.524v3.138h5.566v1.187h-6.819v-9.758ZM80.455 61.375h4.175c.556 0 1.057.08 1.497.237.44.159.812.373 1.113.648.3.275.534.596.696.969.161.373.244.776.244 1.213 0 .723-.222 1.348-.67 1.876-.443.523-1.083.878-1.906 1.051l2.505 3.764h-1.46l-2.365-3.625H81.71v3.625H80.46v-9.758h-.004Zm4.175 4.947c.77 0 1.346-.174 1.726-.524.38-.35.572-.802.572-1.36s-.192-1.01-.572-1.36c-.38-.35-.955-.524-1.726-.524h-2.922v3.764h2.922v.004ZM93.465 62.558h-3.34v-1.183h7.932v1.183h-3.34v8.575h-1.252v-8.575ZM100.424 61.375h1.252v9.758h-1.252v-9.758ZM105.016 61.375h6.611v1.183h-5.359v3.345h4.246v1.183h-4.246v4.043h-1.252V61.37v.004ZM114.199 61.375h1.253v9.758h-1.253v-9.758ZM118.791 61.375h6.819v1.183h-5.567v3.067h4.521v1.183h-4.521v3.138h5.567v1.187h-6.819v-9.758ZM128.393 61.375h3.2c.734 0 1.411.124 2.031.377a5.052 5.052 0 0 1 1.614 1.032 4.55 4.55 0 0 1 1.056 1.548c.252.596.377 1.236.377 1.926 0 .689-.125 1.33-.377 1.925a4.606 4.606 0 0 1-1.056 1.548 5.05 5.05 0 0 1-1.614 1.032 5.336 5.336 0 0 1-2.031.377h-3.2V61.375Zm3.2 8.57c.576 0 1.098-.09 1.565-.27a3.43 3.43 0 0 0 1.982-1.94c.184-.453.278-.946.278-1.485 0-.539-.094-1.032-.278-1.484a3.478 3.478 0 0 0-.779-1.172 3.522 3.522 0 0 0-1.203-.769 4.315 4.315 0 0 0-1.565-.27h-1.948v7.387h1.948v.004Z" fill="#C1D1D7"/></svg>
+          <div data-scroll class="col-6 offset-3 col-lg-2 offset-lg-3">
+            <svg  class="colored-light w-100 img-fluid" width="196" height="205" viewBox="0 0 196 205" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M119.764 91.496H76.137v6.058h43.627v-6.058Z" fill="#C1D1D7"/><path d="M0 205V18.136h25.251v6.028H6.018v172.789l91.978-22.721 91.986 22.45V6.028H.012V0H196v204.706l-97.996-24.194L0 205Z" fill="#C1D1D7"/><path d="M46.523 127.595h-8.65v-4.144h21.626v4.144h-8.65v22.228h-4.326v-22.228ZM69.273 150.199a9.5 9.5 0 0 1-3.818-.772 9.93 9.93 0 0 1-3.121-2.11 9.588 9.588 0 0 1-2.088-3.164c-.5-1.217-.752-2.532-.752-3.937 0-1.406.252-2.72.752-3.937a9.583 9.583 0 0 1 2.088-3.165 9.93 9.93 0 0 1 3.121-2.11 9.5 9.5 0 0 1 3.818-.772 9.5 9.5 0 0 1 3.817.772 9.93 9.93 0 0 1 3.122 2.11 9.583 9.583 0 0 1 2.087 3.165c.5 1.217.752 2.531.752 3.937v1.318H63.443c.15.803.403 1.518.752 2.148a5.642 5.642 0 0 0 3.066 2.599c.639.226 1.308.339 2.012.339.978 0 1.816-.132 2.52-.395.703-.264 1.267-.573 1.692-.923.5-.377.914-.818 1.241-1.319h4.137a9.945 9.945 0 0 1-1.993 3.127c-.376.377-.801.753-1.279 1.13a8.25 8.25 0 0 1-1.655.999c-.628.29-1.327.519-2.106.697-.778.177-1.628.263-2.557.263Zm5.641-11.867a6.27 6.27 0 0 0-.564-1.658 4.659 4.659 0 0 0-1.128-1.45 5.96 5.96 0 0 0-1.693-1.017c-.65-.264-1.403-.396-2.256-.396-.65 0-1.287.102-1.9.301a5.78 5.78 0 0 0-1.692.886 5.196 5.196 0 0 0-1.298 1.431 5.936 5.936 0 0 0-.752 1.903h11.283ZM82.438 123.451h3.948v14.693h2.821l5.83-7.535h4.513l-6.958 8.853 7.522 10.361h-4.89l-5.829-8.1h-3.008v8.1h-3.95v-26.372ZM103.122 134.188h-2.257v-3.579h2.257v-4.144h3.949v4.144h5.829v3.579h-5.829v12.056h6.017v3.579h-9.966v-15.635ZM125.312 150.199c-1.403 0-2.715-.256-3.93-.772a9.84 9.84 0 0 1-3.159-2.11 9.879 9.879 0 0 1-2.106-3.164c-.516-1.217-.771-2.532-.771-3.937 0-1.406.255-2.72.771-3.937a9.872 9.872 0 0 1 2.106-3.165 9.84 9.84 0 0 1 3.159-2.11c1.215-.516 2.527-.772 3.93-.772s2.716.256 3.931.772a9.861 9.861 0 0 1 3.159 2.11 9.872 9.872 0 0 1 2.106 3.165c.515 1.217.771 2.531.771 3.937 0 1.405-.256 2.72-.771 3.937a9.879 9.879 0 0 1-2.106 3.164 9.861 9.861 0 0 1-3.159 2.11c-1.215.516-2.528.772-3.931.772Zm0-3.579c.854 0 1.636-.151 2.351-.452a5.277 5.277 0 0 0 1.843-1.281c.515-.554.914-1.224 1.203-2.015.29-.792.433-1.677.433-2.656 0-.98-.143-1.865-.433-2.656-.289-.792-.688-1.462-1.203-2.016a5.33 5.33 0 0 0-1.843-1.281 5.993 5.993 0 0 0-2.351-.452c-.853 0-1.636.151-2.35.452a5.277 5.277 0 0 0-1.843 1.281c-.515.554-.914 1.224-1.204 2.016-.289.791-.432 1.676-.432 2.656 0 .979.143 1.864.432 2.656.29.791.689 1.461 1.204 2.015s1.128.98 1.843 1.281a5.988 5.988 0 0 0 2.35.452ZM138.664 130.609h3.949v2.637h.188a6.003 6.003 0 0 1 1.392-1.507c.5-.377 1.12-.723 1.861-1.036.741-.313 1.663-.471 2.765-.471 2.358 0 4.201.686 5.528 2.053 1.328 1.368 1.994 3.383 1.994 6.047v11.49h-3.949v-11.113c0-1.707-.376-2.95-1.129-3.73-.752-.78-1.88-1.168-3.385-1.168-.752 0-1.447.139-2.087.414a5.186 5.186 0 0 0-1.674 1.149 5.123 5.123 0 0 0-1.109 1.771c-.263.69-.395 1.462-.395 2.317v10.36h-3.949v-19.213ZM125.764 32.004a6.77 6.77 0 0 0-2.603-1.721 9.583 9.583 0 0 0-3.366-.573 8.336 8.336 0 0 0-3.137.52 8.834 8.834 0 0 0-2.106 1.156 8.133 8.133 0 0 0-1.61 1.76h-.082v-3.014h-4.344v20.66h4.332V39.795a7.283 7.283 0 0 1 .422-2.57 5.785 5.785 0 0 1 1.214-1.955 5.582 5.582 0 0 1 1.839-1.265 5.734 5.734 0 0 1 2.287-.449 5.119 5.119 0 0 1 3.697 1.323c.918.881 1.377 2.249 1.38 4.095V50.78h4.352V38.499a10.833 10.833 0 0 0-.598-3.737 8.09 8.09 0 0 0-1.685-2.758M148.538 43.288a6.904 6.904 0 0 1-1.339 2.155 5.706 5.706 0 0 1-2.005 1.39 6.382 6.382 0 0 1-2.527.486 6.204 6.204 0 0 1-2.46-.486 5.703 5.703 0 0 1-1.978-1.39 6.478 6.478 0 0 1-1.32-2.155 8.722 8.722 0 0 1 0-5.655 6.56 6.56 0 0 1 1.32-2.159 5.94 5.94 0 0 1 4.438-1.914 6.265 6.265 0 0 1 2.527.501 6.174 6.174 0 0 1 2.005 1.39 6.54 6.54 0 0 1 1.339 2.163c.342.908.507 1.872.496 2.84a7.665 7.665 0 0 1-.496 2.83m9.075-17.123v-4.31h-8.579v11.42h-.12a7.647 7.647 0 0 0-1.633-1.798 9.8 9.8 0 0 0-2.203-1.19 8.404 8.404 0 0 0-3.22-.562 9.35 9.35 0 0 0-3.787.776 9.669 9.669 0 0 0-3.137 2.197 10.097 10.097 0 0 0-2.125 3.398 11.953 11.953 0 0 0-.767 4.31 12.19 12.19 0 0 0 .763 4.396 9.914 9.914 0 0 0 5.262 5.572 9.166 9.166 0 0 0 3.787.791 8.951 8.951 0 0 0 5.427-1.687 7.419 7.419 0 0 0 1.633-1.797h.12v3.055h8.579V46.43h-4.284V26.15h4.288l-.004.011ZM68.175 35.474a6.277 6.277 0 0 1 2.005-1.394 6.663 6.663 0 0 1 5.3.098c.657.335 1.26.776 1.774 1.303.324.362.606.761.843 1.183l2.997-3.006c-.03-.041-.056-.09-.09-.132-.41-.497-.857-.96-1.339-1.386a8.803 8.803 0 0 0-1.794-1.217 11.238 11.238 0 0 0-2.309-.844 11.58 11.58 0 0 0-2.945-.332 11.026 11.026 0 0 0-4.208.814 10.31 10.31 0 0 0-3.423 2.26c-.974.98-1.745 2.14-2.268 3.422a11.384 11.384 0 0 0 0 8.502 10.487 10.487 0 0 0 2.268 3.421 10.309 10.309 0 0 0 3.423 2.26 11.04 11.04 0 0 0 4.208.814c1 .012 1.997-.097 2.971-.331a10.267 10.267 0 0 0 2.37-.885 8.68 8.68 0 0 0 1.816-1.266 8.614 8.614 0 0 0 1.264-1.454l-2.945-2.95c-.207.369-.451.712-.73 1.032a7.169 7.169 0 0 1-1.835 1.364 5.984 5.984 0 0 1-2.907.621 5.835 5.835 0 0 1-2.41-.5 6.54 6.54 0 0 1-2.005-1.39 6.653 6.653 0 0 1-1.38-2.145 7.326 7.326 0 0 1-.52-2.825 7.662 7.662 0 0 1 .497-2.803 6.719 6.719 0 0 1 1.361-2.181M88.373 38.432c.632-2.788 2.82-4.872 5.792-4.872 2.971 0 4.866 2.084 5.498 4.872h-11.29Zm5.893-8.718c-6.183 0-10.55 4.702-10.55 10.541v.207c0 .343 0 .675.042 1.006v.11c.023.244.057.49.094.73 0 .06.023.117.03.174.087.474.2.941.346 1.401.023.057.038.11.057.17.079.222.161.448.252.666a10.295 10.295 0 0 0 5.69 5.682c1.335.542 2.768.821 4.209.813 1 .012 1.997-.097 2.97-.331a10.268 10.268 0 0 0 2.37-.885 8.684 8.684 0 0 0 1.817-1.266 8.904 8.904 0 0 0 1.263-1.454l-2.944-2.95a6.142 6.142 0 0 1-.73 1.028 7.238 7.238 0 0 1-1.835 1.364 6.07 6.07 0 0 1-2.908.622 5.837 5.837 0 0 1-2.41-.502 6.537 6.537 0 0 1-2.005-1.39 6.765 6.765 0 0 1-1.38-2.136 5.207 5.207 0 0 1-.185-.531c-.026-.08-.049-.166-.071-.249l-.049-.207c-.049-.237-.098-.474-.132-.727h16.124v-1.224c0-6.371-4.209-10.64-10.06-10.64M52.5 40.658c0 4.152-3.189 6.65-6.107 6.65-1.915 0-3.427-1.052-3.427-2.95 0-2.69 4.141-4.292 9.534-4.292v.596-.004Zm4.333 5.836V30.117H39.668v4.302H52.5v2.193c-10.102 0-14.047 2.912-14.201 7.874-.135 4.174 3.144 6.724 7.157 6.724 2.584 0 5.382-1.02 6.932-3.466h.135v3.063h7.526v-4.302l-3.216-.008v-.003ZM63.2 71.411c-.733 0-1.41-.128-2.03-.384a4.737 4.737 0 0 1-1.607-1.074 5.02 5.02 0 0 1-1.056-1.631 5.447 5.447 0 0 1-.384-2.072c0-.754.128-1.443.384-2.068a5.06 5.06 0 0 1 1.056-1.632c.452-.46.986-.817 1.606-1.073a5.271 5.271 0 0 1 2.031-.385c.493 0 .937.053 1.335.155.4.102.76.237 1.08.403.32.166.602.358.842.572.241.215.452.434.629.656.417.52.722 1.111.917 1.77h-1.252a4.046 4.046 0 0 0-.737-1.186 4.45 4.45 0 0 0-.474-.433 3.323 3.323 0 0 0-.613-.377 3.789 3.789 0 0 0-.779-.271 4.1 4.1 0 0 0-.948-.106c-.556 0-1.068.094-1.538.287-.47.192-.872.46-1.21.81-.34.35-.603.764-.794 1.254a4.408 4.408 0 0 0-.286 1.624c0 .595.094 1.138.285 1.624.189.486.456.908.794 1.254.339.35.741.618 1.211.81a4.01 4.01 0 0 0 1.538.287 3.851 3.851 0 0 0 1.775-.407c.237-.12.444-.257.629-.411.18-.154.342-.309.481-.467.316-.373.56-.803.737-1.296h1.253a5.91 5.91 0 0 1-.975 1.88 5.304 5.304 0 0 1-.646.697c-.245.222-.53.422-.85.599-.32.177-.681.316-1.08.426a5.163 5.163 0 0 1-1.324.162v.003ZM70.853 61.375h6.82v1.183h-5.567v3.067h4.524v1.183h-4.524v3.138h5.566v1.187h-6.819v-9.758ZM80.455 61.375h4.175c.556 0 1.057.08 1.497.237.44.159.812.373 1.113.648.3.275.534.596.696.969.161.373.244.776.244 1.213 0 .723-.222 1.348-.67 1.876-.443.523-1.083.878-1.906 1.051l2.505 3.764h-1.46l-2.365-3.625H81.71v3.625H80.46v-9.758h-.004Zm4.175 4.947c.77 0 1.346-.174 1.726-.524.38-.35.572-.802.572-1.36s-.192-1.01-.572-1.36c-.38-.35-.955-.524-1.726-.524h-2.922v3.764h2.922v.004ZM93.465 62.558h-3.34v-1.183h7.932v1.183h-3.34v8.575h-1.252v-8.575ZM100.424 61.375h1.252v9.758h-1.252v-9.758ZM105.016 61.375h6.611v1.183h-5.359v3.345h4.246v1.183h-4.246v4.043h-1.252V61.37v.004ZM114.199 61.375h1.253v9.758h-1.253v-9.758ZM118.791 61.375h6.819v1.183h-5.567v3.067h4.521v1.183h-4.521v3.138h5.567v1.187h-6.819v-9.758ZM128.393 61.375h3.2c.734 0 1.411.124 2.031.377a5.052 5.052 0 0 1 1.614 1.032 4.55 4.55 0 0 1 1.056 1.548c.252.596.377 1.236.377 1.926 0 .689-.125 1.33-.377 1.925a4.606 4.606 0 0 1-1.056 1.548 5.05 5.05 0 0 1-1.614 1.032 5.336 5.336 0 0 1-2.031.377h-3.2V61.375Zm3.2 8.57c.576 0 1.098-.09 1.565-.27a3.43 3.43 0 0 0 1.982-1.94c.184-.453.278-.946.278-1.485 0-.539-.094-1.032-.278-1.484a3.478 3.478 0 0 0-.779-1.172 3.522 3.522 0 0 0-1.203-.769 4.315 4.315 0 0 0-1.565-.27h-1.948v7.387h1.948v.004Z" fill="#C1D1D7"/></svg>
           </div>
 
         </div>
@@ -101,7 +106,7 @@ <h2 class="mb-4 mb-lg-8">{{ .Params.filtertitle }}</h2>
   <div class="row gy-8 position-relative outline ">
     <div class="col-lg-6 d-flex">
       
-      <div class="d-flex my-auto images">
+      <div data-scroll class="d-flex my-auto images">
         <div class="img-container align-self-end mb-20 z-1" id="l1">
           {{ partial "img-srcset.html" (dict "img" .img3 "size" 300 "lazy" false) }}
         </div>
@@ -117,8 +122,8 @@ <h2 class="mb-4 mb-lg-8">{{ .Params.filtertitle }}</h2>
     
     <div class="col-lg-6 d-flex">
       <div class="px-4 ps-lg-8 pe-lg-16 py-lg-32 my-auto quote">
-        <div class=" bold mb-0">{{ .title }}</div>
-          <div class="mb-8">{{ .text }}</div>
+        <div data-scroll class=" bold mb-0">{{ .title }}</div>
+          <div data-scroll class="mb-8">{{ .text }}</div>
       </div>
     </div>
   </div>
@@ -140,7 +145,7 @@ <h2  data-scroll  class="mb-4 ">{{ .title }}</h2>
   <div class="col-lg-7 offset-lg-1">
     <div class="accordion accordion-flush border-top border-bottom" id="faqAccordion">
       {{ range $index, $value := .items }}
-      <div class="accordion-item">
+      <div data-scroll class="accordion-item">
         <h3 class="accordion-header" id="heading{{ $index }}">
           <button class="accordion-button strong {{ if (ne $index 0) }} collapsed {{ end }}" type="button" data-bs-toggle="collapse" data-bs-target="#collapse{{ $index }}" aria-expanded="{{ if (eq $index 0) }}true{{ else }}false{{ end }}" aria-controls="collapse{{ $index }}">
             {{ .question }} <div class="icon-plus ms-auto me-3"></div>
diff --git a/site/layouts/ueber-uns/list.html b/site/layouts/ueber-uns/list.html
index dcb6e52..f290cfc 100644
--- a/site/layouts/ueber-uns/list.html
+++ b/site/layouts/ueber-uns/list.html
@@ -12,7 +12,7 @@
 
         {{ range .items}}
         <div class="col-8 col-md-6">
-          <div class="timeline-item me-20 me-lg-48">
+          <div data-scroll class="timeline-item me-20 me-lg-48">
               <h2>{{ .title }}</h2>
               <p>{{ .subtitle }}</p>
               {{ with .img }}
@@ -34,7 +34,7 @@ <h2>{{ .title }}</h2>
 <div class="container-fluid">
   {{ with .Params.introtext }}
   <div class="col-lg-8 offset-lg-1 mb-8 mb-lg-16">
-    <h2 class="h3">{{ . | markdownify }}</h2>
+    <h2 data-scroll class="h3">{{ . | markdownify }}</h2>
   </div>
   {{ end }}
   
@@ -44,9 +44,9 @@ <h2 class="h3">{{ . | markdownify }}</h2>
       {{ range $index, $value := .Params.brand_values }}
         {{ with $value }}
         <div class="col">
-          <div class="h1">{{ add $index  1  }}</div>
-          <h3 class="h4">{{ .title }}</h3>
-          <p class="small">{{ .text }}</p>
+          <div data-scroll class="h1">{{ add $index  1  }}</div>
+          <h3 data-scroll class="h4">{{ .title }}</h3>
+          <p data-scroll class="small">{{ .text }}</p>
       </div>
       {{ end }}
       {{ end }}
@@ -73,10 +73,10 @@ <h2 id="team" data-scroll class="mb-5">{{ .title | markdownify }}</h2>
  
 
 {{ with .Params.join_us }}
-  <div class="col-lg-5 mb-16 mb-lg-32" data-scroll>
-    <h3  class="mb-4">{{ .title | markdownify }}</h3>
-    <div class="mb-4 mb-lg-8">{{ .text | markdownify }}</div>
-    <a class="btn btn-outline-primary py-3 px-5" href="{{ .link }}">{{ .link_label }}</a>
+  <div class="col-lg-5 mb-16 mb-lg-32">
+    <h3  data-scroll class="mb-4">{{ .title | markdownify }}</h3>
+    <div data-scroll class="mb-4 mb-lg-8">{{ .text | markdownify }}</div>
+    <a data-scroll class="btn btn-outline-primary py-3 px-5" href="{{ .link }}">{{ .link_label }}</a>
   </div>
 {{ end }}
 
@@ -84,15 +84,15 @@ <h3  class="mb-4">{{ .title | markdownify }}</h3>
 
 
 {{ with .Params.community }}
-  <div class="col-lg-8 mb-8 mb-lg-16" data-scroll>
-    <h3  class="mb-4">{{ .text | markdownify }}</h3>
+  <div class="col-lg-8 mb-8 mb-lg-16">
+    <h3  data-scroll class="mb-4">{{ .text | markdownify }}</h3>
   </div>
 {{ end }}
 
 </div>
 
 {{ with .Params.community.images }}
-<div class="carousel carousel-community mb-16 mb-lg-32">
+<div data-scroll class="carousel carousel-community mb-16 mb-lg-32">
   {{ range  $value := . }}
     {{ with $value }}
       <div class="carousel-cell p-4">
@@ -118,14 +118,14 @@ <h3  class="mb-4">{{ .text | markdownify }}</h3>
  
     <div class="container-fluid ">
 
-      <div class="col-lg-5 mb-8 mb-lg-16" data-scroll>
-        <h3  class="mb-4">{{ .title | markdownify }}</h3>
-        <div class="mb-4 mb-lg-8">{{ .text | markdownify }}</div>
+      <div class="col-lg-5 mb-8 mb-lg-16" >
+        <h3  data-scroll class="mb-4">{{ .title | markdownify }}</h3>
+        <div data-scroll class="mb-4 mb-lg-8">{{ .text | markdownify }}</div>
        </div>
 
     </div>           
 
-    <div class="partner-carousel mb-16 mb-lg-32">
+    <div data-scroll class="partner-carousel mb-16 mb-lg-32">
       {{ range .member }}
       {{ partial "content-partner" . }}
       {{ end }}