Add main to fix layout bug

404.html

@@ -4,7 +4,8 @@ title: 404 - Page not found!
 permalink: /404.html
 sitemap: false
 ---
-<article class="post">
+<main id="post-container" class="single-post">
+  <article class="post">
     <header class="post-header wrapper">
       <h2 class="post-title">404</h2>
       <h3>Irgendwas ist schiefgelaufen.</h3>
@@ -12,4 +13,5 @@ sitemap: false
     <section class="post-content wrapper">
       <p>Hier k&ouml;nnte jetzt ein kreativer Text stehen, tut es aber nicht.</p>
     </section>
-</article>
+  </article>
+</main>

500.html

@@ -4,12 +4,13 @@ title: 500 - Internal Server Error
 permalink: /500.html
 sitemap: false
 ---
-
-<article class="post">
+<main id="post-container" class="single-post">
+  <article class="post">
     <header class="post-header wrapper">
       <h2 class="post-title">500</h2>
       <h3>Internal Server Error</h2>
     </header>
     <section class="post-content wrapper">
     </section>
-</article>
+  </article>
+</main>

colophon.html

@@ -2,7 +2,8 @@
 layout: default
 title: Colophon
 ---
-<article class="post">
+<main id="post-container" class="single-post">
+    <article class="post">
         <header class="post-header wrapper">
             <h2 class="post-title">Colophon</h2>
         </header>
@@ -17,4 +18,5 @@ title: Colophon
                 <li>ist, sofern nicht anders angegeben, unter <a href="http://creativecommons.org/licenses/by-sa/4.0/">CC BY-SA 4.0</a> lizenz freigegeben.</li>
             </ul>
         </div>
-</article>
+    </article>
+</main>

datenschutzerklaerung.html

@@ -2,7 +2,8 @@
 layout: default
 title: Datenschutzerklärung
 ---
-<article class="post">
+<main id="post-container" class="single-post">
+    <article class="post">
         <header class="post-header wrapper">
             <h2 class="post-title">Datenschutzerkl&auml;rung</h1>
         </header>
@@ -85,4 +86,5 @@ title: Datenschutzerkl&auml;rung
             <p>Innerhalb unseres Onlineangebotes k&ouml;nnen Funktionen und Inhalte des Dienstes Instagram, angeboten durch die Instagram Inc., 1601 Willow Road, Menlo Park, CA, 94025, USA, eingebunden werden. Hierzu k&ouml;nnen z.B. Inhalte wie Bilder, Videos oder Texte und Schaltfl&auml;chen geh&ouml;ren, mit denen Nutzer ihr Gefallen betreffend die Inhalte kundtun, den Verfassern der Inhalte oder unsere Beitr&auml;ge abonnieren k&ouml;nnen. Sofern die Nutzer Mitglieder der Plattform Instagram sind, kann Instagram den Aufruf der o.g. Inhalte und Funktionen den dortigen Profilen der Nutzer zuordnen. Datenschutzerkl&auml;rung von Instagram: <a target="_blank" href="http://instagram.com/about/legal/privacy/">http://instagram.com/about/legal/privacy/</a>. </p>
             <p><a href="https://datenschutz-generator.de" class="dsg1-5" rel="nofollow" target="_blank">Erstellt mit Datenschutz-Generator.de von RA Dr. Thomas Schwenke</a></p>
         </section>
-</article>
+    </article>
+</main>

impressum.html

@@ -2,7 +2,8 @@
 layout: default
 title: Kontakt
 ---
-<article class="post">
+<main id="post-container" class="single-post">
+    <article class="post">
         <header class="post-header wrapper">
             <h2 class="post-title">Impressum</h2>
         </header>
@@ -32,4 +33,5 @@ title: Kontakt
             Soweit die Inhalte auf dieser Seite nicht vom Betreiber erstellt wurden, werden die Urheberrechte Dritter beachtet. Insbesondere werden Inhalte Dritter als solche gekennzeichnet. Sollten Sie trotzdem auf eine Urheberrechtsverletzung aufmerksam werden, bitten wir um einen entsprechenden Hinweis. Bei Bekanntwerden von Rechtsverletzungen werden wir derartige Inhalte umgehend entfernen.</p>
             <p><i>Quelle: <a href="https://www.e-recht24.de">e-recht24.de</a></i></p>
         </section>
-</article>
+    </article>
+</main>

kontakt.html

@@ -2,7 +2,8 @@
 layout: default
 title: Kontakt
 ---
-<article class="post" id="contact">
+<main id="post-container" class="single-post">
+    <article class="post" id="contact">
         <header class="post-header wrapper">
             <h2 class="post-title">Kontakt</h2>
         </header>
@@ -21,4 +22,5 @@ title: Kontakt
                 </ul>
             </blockquote>
         </div>
-</article>
+    </article>
+</main>

nico.html

@@ -2,7 +2,8 @@
 layout: default
 title: Über mich
 ---
-<article class="post">
+<main id="post-container" class="single-post">
+    <article class="post">
         <header class="post-header wrapper">
             <h2 class="post-title">About me</h2>
         </header>
@@ -12,4 +13,5 @@ title: Über mich
             <p>Neben dem pendeln und arbeiten in Hamburg, habe ich einen techniktick. Ich spiele gerne mit neuen technischen Spielereien rum :-) zudem fotografiere ich gerne und zocke am PC. Hier am liebsten Grand strategy Spiele von Paradox.</p>
             <p>Falls Du Anmerkungen zu meinen Artikel, dieser Seite oder mich hast, kannst Du <a href="/kontakt">hier</a> erfahren, wie Du mich erreichen kannst.</p>
         </div>
-</article>
+    </article>
+</main>