Floating nav edit, benefits card edit

source/_patterns/01-molecules/24-benefits/benefits-pirati-stan.mustache

 <div class="benefit">
     <img src="https://loremflickr.com/341/175"/>
     <div class="benefit-detail bg-acidgreen">
-        <p class="head-heavy-base text-white w-3/4">Mladí a bezdětní včetně studentů</p>
+        <p class="head-heavy-base text-white w-full pr-8">Mladí a bezdětní včetně studentů</p>
         <p class="text-sm text-white">Zachováme svobodný internet pro nastupující generace a zbavíme ho toxicity botů, kteří rozkládají naši společnost.</p>
     </div>
 </div>
\ No newline at end of file

source/_patterns/01-molecules/26-floating-nav/floating-nav-pirati-stan.mustache

-<div class="floating-nav-panel {{classes}}">
-    <div class="opener py-6 pb-16 px-11 bg-acidgreen text-white font-alt" id='nav-opener'>
+<div class="floating-nav-wrapper" id="floatingNavBarWrapper">
+    <div class="floating-nav-panel {{classes}}" id="floatingNavBar">
+        <div class="opener py-6 pb-16 px-11 bg-acidgreen text-white font-alt">
             RYCHLÁ NAVIGACE
         </div>
         <div class="inner float-panel-inner elevation-2">
@@ -10,3 +11,4 @@
             </ul>
         </div>
     </div>
+</div>
\ No newline at end of file

source/_patterns/03-templates/coalition-articles/strategic-document-detail-pirati-stan.mustache

@@ -7,8 +7,8 @@
     </div>
 
     <div class="lg:flex mt-20 justify-start">
-      <div class="lg:w-2/3">
-        {{> molecules-floating-nav-pirati-stan(classes: "mt-60")}}
+      <div class="lg:w-2/3 relative">
+        {{> molecules-floating-nav-pirati-stan}}
         {{> molecules-content-block-pirati-stan(classes: "w-full", noStartHeadline: true) }}
         
         {{> molecules-banner-bookmark-compressed(icon: "ico--download") }}

source/_patterns/03-templates/coalition-program-points/detail-program-pirati-stan.mustache

 {{> organisms-navbar-pirati-stan }}
-<div class="program-detail container container--default pt-8">
+
+<div class="program-detail container container--default py-8">
+    
+    <div class="w-full md:w-4/6 relative">
         {{> molecules-floating-nav-pirati-stan}}
-    <header class="w-full md:w-1/2">
+        
+        <header class="w-full md:w-5/6">
             <h1 class="head-alt-md md:head-alt-lg head-alt-highlighted">konstruktivní boj <br>proti dezinformacím</h1>
             <h2 class="head-alt-sm md:head-alt-md mb-20 mt-9"><div class="leading-tight">Dezinformacím věří až čtvrtina občanů České republiky. Prosadíme větší osvětu a reálnou právní odpovědnost dezinformátorů.</div></h2>
         </header>
 
-</div>
-<div class="program-detail container container-padding--zero pr-0 md:container-padding--auto md:mx-auto md:pr-4 container--default">
-    <div class="w-full md:w-4/6 problem-pack">
+
+        <div class="problem-pack">
             {{> molecules-problems-pirati-stan}}
         </div>
-</div>
-<div class="program-detail container container--default pb-8">
-
-
-
-
-
-
-    <div class="w-full md:w-4/6">
-
 
         <h3 class="head-alt-base mb-8">Navrhovaná opatření:</h3>
 
@@ -48,15 +41,15 @@
         {{> atoms-figure(caption: "Popisek fotky") }}
 
 
-    <h3 class="head-alt-base mb-4">BENEFITY</h3>
-    <div class="program-detail-benefity">
+        <h3 class="head-alt-base my-4">BENEFITY</h3>
+        <div class="program-detail-benefity grid grid-cols-1 sm:grid-cols-2 gap-4 lg:gap-8">
             {{> molecules-benefits-pirati-stan}}
             {{> molecules-benefits-pirati-stan}}
             {{> molecules-benefits-pirati-stan}}
             {{> molecules-benefits-pirati-stan}}
         </div>
 
-        <h3 class="head-alt-base mb-4">BENEFITY</h3>
+        <h3 class="head-alt-base my-4">BENEFITY</h3>
         <div class="article-card-list grid grid-cols-1 sm:grid-cols-2 gap-4 lg:gap-8">
           {{> molecules-article-card-pirati-stan(classes: "emphasized-acidgreen") }}
           {{> molecules-article-card-pirati-stan(classes: "emphasized-acidgreen") }}

source/css/molecules/benefits-pirati-stan.pcss

 .benefit {
-    max-width: 341px;
     img {
         @apply w-full;
     }
@@ -18,11 +17,3 @@
         @apply px-4 pt-7 pb-14;
     }
 }
\ No newline at end of file
-
-.program-detail-benefity {
-    @apply flex flex-row flex-wrap content-between;
-
-    .benefit {
-        @apply mb-4;
-    }
-}
\ No newline at end of file

source/css/molecules/floating-nav-pirati-stan.pcss

+.floating-nav-wrapper {
+   position: absolute;
+    left: calc(100% + 30px);
+    top: 20px;
+    height: 96%;
+}
+
 .floating-nav-panel {
-    position: fixed;
-    right: 300px;
-    top: 160px;
+    position: sticky;
+    top: 100px;
 
     .opener {
         @apply cursor-pointer;
@@ -36,6 +42,10 @@
     }
 }
 
+.floating-nav-panel.fixed {
+    margin-top: 0;
+}
+
 
 @media only screen and (max-width: 1400px) {
     .floating-nav-panel  {