From 0f4083458f64cd04e9b70ef1b95fc45aad2380c7 Mon Sep 17 00:00:00 2001
From: Jonas Heinrich <onny@project-insanity.org>
Date: Thu, 10 Mar 2022 19:23:56 +0100
Subject: [PATCH] fixes

---
 content.php     |  2 +-
 files/bulma.css | 15 ++++++++++++++-
 index.php       |  2 +-
 style.css       | 21 +++++++--------------
 4 files changed, 23 insertions(+), 17 deletions(-)

diff --git a/content.php b/content.php
index b88cde5..23035b7 100644
--- a/content.php
+++ b/content.php
@@ -9,7 +9,7 @@
                         Holz. Die mobile Sauna mit Holzofen für den eigenen Garten oder 
                         direkt am See.
                     <p> <br> 
-                    <!--<a class="get-signal button" href="https://signal.org/download/">Jetzt mieten</a> -->
+                    <a class="button" href="/anfrage">Jetzt Mietanfrage stellen</a>
                 </p>
                 </div>
             </div>
diff --git a/files/bulma.css b/files/bulma.css
index d8e2c3e..7469744 100644
--- a/files/bulma.css
+++ b/files/bulma.css
@@ -3332,11 +3332,24 @@ fieldset[disabled] .button {
     .hero-body > .container {
        flex-grow: unset;
     }
+    .container {
+        padding: 0 30px;
+    }
+
+    .container .container,
+    footer .container,
+    nav .container {
+        padding: 0 0;
+    }
+
+    .section:not(.features) {
+        padding: 3rem 0rem !important;
+    }
 }
 
 @media screen and (min-width: 1024px) {
     .container {
-        max-width: 960px
+        max-width: 960px;
     }
 }
 
diff --git a/index.php b/index.php
index a7abfee..9dbd522 100644
--- a/index.php
+++ b/index.php
@@ -150,7 +150,7 @@
             </div>
         </div>
     </nav>
-    <div class="contentWrapper">
+    <div class="container">
         <?php the_content(); ?>
     </div>
     <footer class="footer">
diff --git a/style.css b/style.css
index f75894d..17514a5 100644
--- a/style.css
+++ b/style.css
@@ -31,17 +31,6 @@ a:hover {
     margin-bottom: 10px;
 }
 
-.contentWrapper > p, ul {
-    width: 100%;
-    max-width: 1390px;
-    margin: 0 auto;
-    font-size: 16px;
-    font-weight: 400;
-    line-height: 22px;
-    margin-bottom: 10px;
-    padding: 0 23px;
-  }
-
 h1 {
     font-size: 60px;
     font-weight: 800;
@@ -149,7 +138,6 @@ a.no-underline {
 
 .rentButton:hover {
     background-color: var(--themeColor) !important;
-    /* box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.6); */
     filter: brightness(120%);
 }
 
@@ -158,7 +146,8 @@ a.no-underline {
 }
 
 .button:hover {
-    background-color: #FFAA48;
+    background-color: var(--themeColor) !important;
+    filter: brightness(120%);
     color: #fff;
     text-decoration: none
 }
@@ -295,6 +284,8 @@ html.has-navbar-fixed-top {
     max-height: 760px;
     min-height: 600px;
     background-position: 70% 0%;
+    width: 100vw;
+    margin-left: calc(50% - 50vw);
 }
 
 @media (min-width: 1024px) {
@@ -421,7 +412,9 @@ html.has-navbar-fixed-top {
 }
 
 .section.features {
-    background-color: #F6F6F6
+    background-color: #F6F6F6;
+    width: 100vw;
+    margin-left: calc(50% - 50vw);
 }
 
 .section.features .box {