diff --git a/Packages/chrosey_materialize/templates/layout/base.twig b/Packages/chrosey_materialize/templates/layout/base.twig
index 77a6d1d..0ee1338 100644
--- a/Packages/chrosey_materialize/templates/layout/base.twig
+++ b/Packages/chrosey_materialize/templates/layout/base.twig
@@ -2,62 +2,62 @@
 <html lang="de">
 
 <head>
-    {% block head %}
-    <meta charset="utf-8" />
-    <meta name="viewport"
-          content="width=device-width, initial-scale=1.0" />
+      {% block head %}
+      <meta charset="utf-8" />
+      <meta name="viewport"
+            content="width=device-width, initial-scale=1.0" />
 
-    <title>
-        {% if meta.title %}
-        {{ meta.title }}
-        |
-        {% endif %}
-        {{ site_title }}</title>
-    {% if meta.description %}
-    <meta name="description"
-          content="{{ meta.description|striptags }}" />
-    {% endif %}
-    {% if meta.robots %}
-    <meta name="robots"
-          content="{{ meta.robots }}" />
-    {% endif %}
+      <title>
+            {% if meta.title %}
+            {{ meta.title }}
+            |
+            {% endif %}
+            {{ site_title }}</title>
+      {% if meta.description %}
+      <meta name="description"
+            content="{{ meta.description|striptags }}" />
+      {% endif %}
+      {% if meta.robots %}
+      <meta name="robots"
+            content="{{ meta.robots }}" />
+      {% endif %}
 
-    {% if current_page %}
-    <link rel="canonical"
-          href="{{ current_page.url }}" />
-    {% endif %}
-    {% endblock %}
-    {% block css %}
-    <link href="https://fonts.googleapis.com/icon?family=Material+Icons"
-          rel="stylesheet">
-    <link rel="stylesheet"
-          href="{{ theme_url }}/css/materialize.min.css">
-    <link rel="stylesheet"
-          href="{{ theme_url }}/css/style.css"
-          type="text/css" />
-    {% endblock %}
+      {% if current_page %}
+      <link rel="canonical"
+            href="{{ current_page.url }}" />
+      {% endif %}
+      {% endblock %}
+      {% block css %}
+      <link href="https://fonts.googleapis.com/icon?family=Material+Icons"
+            rel="stylesheet">
+      <link rel="stylesheet"
+            href="{{ theme_url }}/css/materialize.min.css">
+      <link rel="stylesheet"
+            href="{{ theme_url }}/css/style.css"
+            type="text/css" />
+      {% endblock %}
 </head>
 
 <body>
-    {% include "templates/layout/navigationBar.twig" %}
-    <main class="container">
-        <div class="row">
-            <div class="col s12">
-                {% block content %}
-                {{ content }}
-                {% endblock %}
+      {% include "templates/layout/navigationBar.twig" %}
+      <main class="{% if not config.theme_config.widescreen %} container{% endif %}">
+            <div class="row">
+                  <div class="col s12">
+                        {% block content %}
+                        {{ content }}
+                        {% endblock %}
 
+                  </div>
             </div>
-        </div>
-    </main>
-    {% include "templates/layout/footer.twig" %}
-    {% block js %}
-    <script type="text/javascript"
-            src="{{ theme_url }}/js/materialize.min.js"></script>
-    <script src="{{ theme_url }}/js/site.js"
-            type="text/javascript">
-    </script>
-    {% endblock %}
+      </main>
+      {% include "templates/layout/footer.twig" %}
+      {% block js %}
+      <script type="text/javascript"
+              src="{{ theme_url }}/js/materialize.min.js"></script>
+      <script src="{{ theme_url }}/js/site.js"
+              type="text/javascript">
+      </script>
+      {% endblock %}
 </body>
 
 </html>
diff --git a/Packages/chrosey_materialize/templates/layout/footer.twig b/Packages/chrosey_materialize/templates/layout/footer.twig
index 8ad6618..0abc800 100644
--- a/Packages/chrosey_materialize/templates/layout/footer.twig
+++ b/Packages/chrosey_materialize/templates/layout/footer.twig
@@ -1,5 +1,5 @@
 <footer class="page-footer white">
-    <div class="container">
+    <div class="{% if not config.theme_config.widescreen %} container{% endif %}">
         <div class="row">
             <div class="col l6 s12">
 
@@ -10,7 +10,7 @@
         </div>
     </div>
     <div class="footer-copyright">
-        <div class="container black-text">
+        <div class="{% if not config.theme_config.widescreen %} container{% endif %} black-text">
             &copy; 2013 - {{ now|date("Y") }} by chrosey
             <span class="right">powered by <a href="http://picocms.org/">picoCMS</a></span>
         </div>
diff --git a/Packages/chrosey_materialize/templates/layout/navigationBar.twig b/Packages/chrosey_materialize/templates/layout/navigationBar.twig
index eddc507..7443053 100644
--- a/Packages/chrosey_materialize/templates/layout/navigationBar.twig
+++ b/Packages/chrosey_materialize/templates/layout/navigationBar.twig
@@ -1,6 +1,6 @@
 <nav class="white"
      role="navigation">
-   <div class="nav-wrapper container">
+   <div class="nav-wrapper{% if not config.theme_config.widescreen %} container{% endif %}">
       <a id="logo-container"
          href="{{ "index"|link }}"
          class="brand-logo">
