rebuild

public/css/style.css

@@ -300,6 +300,7 @@ a:active {
 .hero-area {
   background-size: cover;
   background-attachment: fixed;
+  background-position-x: 60%;
   height: 100vh;
   display: flex;
   justify-content: center;
@@ -330,7 +331,7 @@ a:active {
   color: #fff;
   display: inline-block;
   line-height: 25px;
-  padding: 25px 28px 20px;
+  padding: 20px 10px 15px;
   text-align: center;
   width: 49%;
   margin-bottom: 3px;
@@ -349,7 +350,7 @@ a:active {
   line-height: 50px;
   position: relative;
   overflow: hidden;
-  height: 60px;
+  height: 50px;
 }
 
 @media only screen and (max-width:400px) {

public/index.html

@@ -81,8 +81,9 @@
     <!-- Hero Area Section -->
     <section id="home" class="hero-area" style='background-image: url(" images/header-bg-camp4.jpg");'>
         <div class="container">
+            <div class="row mt-3 hidden-md-up"></div>
             <div class="row">
-                <div class="col-lg-7 col-md-2">
+                <div class="col-lg-7 col-md-6 col-xs-8 push-xs-2 push-md-0">
                     <div class="block">
                         <img class="wow fadeInDown" data-wow-delay="0.3s" data-wow-duration=".2s" src="images/VVoidCampSignetWhite.svg" alt="VVoid">
                         <img class="wow fadeInDown" data-wow-delay="0.3s" data-wow-duration=".2s" src="images/VVoidCampLogoWhite.svg" alt="VVoid Camp">
@@ -95,7 +96,7 @@
                             26.08.2021 - 29.08.2021 im VVoid
                         </p>
                         
-                        <div class="wow fadeInDown" data-wow-delay="0.7s" data-wow-duration=".7s"  style="text-align:center">
+                        <div class="hidden-sm-down wow fadeInDown" data-wow-delay="0.7s" data-wow-duration=".7s"  style="text-align:center">
                             <a class="btn btn-home" href="#about" role="button">
                                 Mehr Infos
                             </a>
@@ -104,7 +105,7 @@
                     </div>
                 </div>
                 
-                <div class="col-lg-5 col-md-6 wow zoomIn">
+                <div class="col-lg-5 col-md-6 col-xs-10 push-xs-1 push-md-0 wow zoomIn">
                     <div class="block">
                         <div class="counter text-center">
                             <ul id="countdown_dashboard" data-year=" 2021" data-month=" 08" data-day=" 26">
@@ -162,7 +163,7 @@
                         
                         </div>
                         
-                            <p>Lange Gespräche am Lagerfeuer, Hacken im Wald, Siebdrucken, Musikhören unterm Sternenhimmel, Zelten und mehr. Vom 26.08.2021 - 29.08.2021 ist es wieder soweit. Gecampt wird wieder im Bayerischen Wald (sprich: VVoid) in der Nähe von Passau. </br> Ihr habt ganz richtig gelesen: weil es 2020 so schön war, legen wir noch eine Schippe drauf und haben beim nächsten VVoidcamp einen ganzen Tag mehr zum chillen, hacken und neue Dinge lernen. <br></p>
+                            <p>Lange Gespräche am Lagerfeuer, Hacken im Wald, Siebdrucken, Musikhören unterm Sternenhimmel, Zelten und mehr. Vom 26.08.2021 - 29.08.2021 ist es wieder soweit. </br> Ihr habt ganz richtig gelesen: weil es 2020 so schön war, legen wir noch eine Schippe drauf und haben beim nächsten VVoidcamp einen ganzen Tag mehr zum chillen, hacken und neue Dinge lernen. <br> Gecampt wird wieder im Bayerischen Wald (sprich: VVoid) in der Nähe von Passau. </p>
                         
                         
                             <br><p><b>Aktuell planen wir, das das VVoid Camp stattfinden zu lassen, aber du kannst dir sicher vorstellen, dass die Entscheidung keine leichte ist.</br> Der Ticketverkauf wird in Kürze freigeschaltet. Du kannst uns mit einem Signal von dir sehr bei der Planung helfen:</br>  Wenn du gerne kommen möchtest, bestell dir bitte möglichst bald dein Ticket, damit wir die Zahl der Teilnehmer*innen abschätzen können.</br> Finanziell besteht für dich kein Risiko, da wir den Zeltplatz kostenlos stornieren können. Im Falle einer Absage geht alles bis dahin überwiesene Geld ohne Abzüge an die Absender zurück.</br>  Wenn du noch ein paar Infos zur Entscheidung brauchst, erreichst du uns unter <a href="mailto:info@vvoid.camp">info@vvoid.camp</a><br> Genauere Infos und Details zum Hygienekonzept folgen, sobald wir selbst mehr dazu wissen.</b></p>
@@ -240,7 +241,7 @@
                                 <div class="sub-heading mb-1">
                                     <h3>Mach es zu deinem VVoidcamp</h3>
                                 </div>
-                                <p> Siebdrucken, Löten, Astronomie oder Häkeln - wenn du dein Wissen mit anderen teilen möchtest, kannst du das in Form eines Talks oder Workshops tun. Entsprechende Infos veröffentlichen wir dann rechtzeitig auf der Website.</p>
+                                <p> Siebdrucken, Löten, Astronomie oder Häkeln - wenn du dein Wissen mit anderen teilen möchtest, kannst du das in Form eines Talks oder Workshops tun. Entsprechende Infos veröffentlichen wir dann rechtzeitig im VViki.</p>
                             </div>
                         </div>
                     
@@ -277,7 +278,7 @@
                         <div class="block">
                             <i class="tf-ion-cash"></i>
                             <h3>Kosten</h3>
-                            <p>wird noch bekanntgegeben</p>
+                            <p>60€, Ewiges Frühstück inklusive, Getränke werden extra abgerechnet</p>
                         </div>
                     </div>