diff --git a/src/Resources/contao/templates/layouts/mate/fe_page_mate.html5 b/src/Resources/contao/templates/layouts/mate/fe_page_mate.html5
index 3005989..e9e5502 100644
--- a/src/Resources/contao/templates/layouts/mate/fe_page_mate.html5
+++ b/src/Resources/contao/templates/layouts/mate/fe_page_mate.html5
@@ -11,6 +11,7 @@
     <meta name="generator" content="Contao Open Source CMS">
 
     <?= $this->viewport ?>
+
     <?= $this->stylesheets ?>
     <link rel="stylesheet" type="text/css" media="all" href="<?php
     // add stylesheets
@@ -18,7 +19,16 @@
     $combiner->add('files/mate/sass/mate.scss');
     echo $combiner->getCombinedFile(); ?>">
     <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+
     <?= $this->head ?>
+
+    <meta property="og:title" content="<?php echo $this->pageTitle; ?> - <?php echo $this->mainTitle; ?>" />
+    <meta property="og:description" content="<?php echo $this->description; ?>" />
+    <meta property="og:url" content="{{env::url}}/{{env::request}}" />
+    <?php if($GLOBALS['og:image']) echo '<meta property="og:image" content="'.$GLOBALS['og:image'].'" />'; ?>
+
+    <link rel="shortcut icon" href="files/mate/img/favicon.ico" type="image/x-icon" />
+
 <?php $this->endblock(); ?>
 
 <?php $this->block('body'); ?>
@@ -27,7 +37,7 @@
     <?= $this->mooScripts ?>
     <?= $this->framework ?>
 
-    <script type="text/javascript" charset="utf-8" src="<?php
+    <script charset="utf-8" src="<?php
     // add javascripts
     $combiner = new Combiner();
     $combiner->add('bundles/matetheme/js/materialize/materialize.min.js');
diff --git a/src/Resources/contao/templates/layouts/mate/fe_page_mate_left.html5 b/src/Resources/contao/templates/layouts/mate/fe_page_mate_left.html5
index 98bc709..dc92ca7 100644
--- a/src/Resources/contao/templates/layouts/mate/fe_page_mate_left.html5
+++ b/src/Resources/contao/templates/layouts/mate/fe_page_mate_left.html5
@@ -1,7 +1,7 @@
 <?php $this->extend('fe_page_mate'); ?>
 
 <?php $this->block('container'); ?>
-	<?php $this->parent(); ?>
+    <?php $this->parent(); ?>
 <?php $this->endblock(); ?>
 
 <?php $this->block('main'); ?>
diff --git a/src/Resources/contao/templates/modules/mate/event_mate_full.html5 b/src/Resources/contao/templates/modules/mate/event_mate_full.html5
new file mode 100644
index 0000000..0cc5afa
--- /dev/null
+++ b/src/Resources/contao/templates/modules/mate/event_mate_full.html5
@@ -0,0 +1,55 @@
+<?php
+if($this->width > $this->height) {
+    #Querformatbilder
+    $ogimage = $this->getImage($this->urlEncode($this->singleSRC), 1200, 630 , 'crop');
+}else{
+    #Hochformatbilder
+    $ogimage = $this->getImage($this->urlEncode($this->singleSRC), 630, 0 , 'proportional');
+}
+if($ogimage != "") {
+    $GLOBALS['og:image'] = $this->Environment->base . $ogimage;
+}
+?>
+
+<div class="event layout_full block<?= $this->class ?>" itemscope itemtype="http://schema.org/Event">
+
+    <h1 itemprop="name"><?= $this->title ?></h1>
+    <p class="info"><time datetime="<?= $this->datetime ?>" itemprop="startDate"><?= $this->date ?><?php if ($this->time): ?>, <?= $this->time ?><?php endif; ?></time></p>
+
+    <?php if ($this->recurring): ?>
+        <p class="recurring"><?= $this->recurring ?><?php if ($this->until) echo ' ' . $this->until; ?>.</p>
+    <?php endif; ?>
+
+    <?php if ($this->hasDetails): ?>
+        <?= $this->details ?>
+    <?php else: ?>
+        <div class="ce_text block">
+            <?php if (!$this->addBefore): ?>
+                <?= $this->teaser ?>
+            <?php endif; ?>
+
+            <?php if ($this->addImage): ?>
+                <?php $this->insert('image', $this->arrData); ?>
+            <?php endif; ?>
+
+            <?php if ($this->addBefore): ?>
+                <?= $this->teaser ?>
+            <?php endif; ?>
+        </div>
+    <?php endif; ?>
+
+    <?php if ($this->location): ?>
+        <p class="location"><?= $this->locationLabel ?>: <?= $this->location ?></p>
+    <?php endif; ?>
+
+    <?php if ($this->enclosure): ?>
+        <ul class="enclosure">
+            <?php foreach ($this->enclosure as $enclosure): ?>
+                <li class="download-element ext-<?= $enclosure['extension'] ?>">
+                    <a href="<?= $enclosure['href'] ?>" title="<?= $enclosure['title'] ?>"><?= $enclosure['link'] ?> <span class="size">(<?= $enclosure['filesize'] ?>)</span></a>
+                </li>
+            <?php endforeach; ?>
+        </ul>
+    <?php endif; ?>
+
+</div>
diff --git a/src/Resources/contao/templates/modules/mate/news_mate_full.html5 b/src/Resources/contao/templates/modules/mate/news_mate_full.html5
index 24e93d1..0fd373c 100644
--- a/src/Resources/contao/templates/modules/mate/news_mate_full.html5
+++ b/src/Resources/contao/templates/modules/mate/news_mate_full.html5
@@ -1,3 +1,15 @@
+<?php
+if($this->width > $this->height) {
+    #Querformatbilder
+    $ogimage = $this->getImage($this->urlEncode($this->singleSRC), 1200, 630 , 'crop');
+}else{
+    #Hochformatbilder
+    $ogimage = $this->getImage($this->urlEncode($this->singleSRC), 630, 0 , 'proportional');
+}
+if($ogimage != "") {
+    $GLOBALS['og:image'] = $this->Environment->base . $ogimage;
+}
+?>
 
 <div class="layout_full block<?= $this->class ?>">
 
diff --git a/src/Resources/contao/templates/modules/mate/news_mate_slider.html5 b/src/Resources/contao/templates/modules/mate/news_mate_slider.html5
index 59265d8..9031c70 100644
--- a/src/Resources/contao/templates/modules/mate/news_mate_slider.html5
+++ b/src/Resources/contao/templates/modules/mate/news_mate_slider.html5
@@ -1,4 +1,5 @@
 <li class="sliderImage <?= $this->alias ?>">
+
 	<div class="img" <?php if ($this->addImage): ?>style="background-image:url('<?= $this->picture['img']['src'] ?>');"<?php endif; ?>></div>
 	
 	<div class="caption center-align">
@@ -24,8 +25,8 @@
 		    	<a href="<?= $this->link ?>">Mehr dazu</a>
 		    </p>
 		  <?php endif; ?>
-		  
-		  <img style="display:none;"></img>
+
+		  <img src="#" style="display:none;" alt="invisible image tag">
 		
 		</div>
 		
diff --git a/src/Resources/contao/templates/navigation/mate/nav_mate_mobile.html5 b/src/Resources/contao/templates/navigation/mate/nav_mate_mobile.html5
index f383fed..cc71a18 100644
--- a/src/Resources/contao/templates/navigation/mate/nav_mate_mobile.html5
+++ b/src/Resources/contao/templates/navigation/mate/nav_mate_mobile.html5
@@ -16,10 +16,7 @@
 
       </a>
       <?php if(!empty($item['subitems'])): ?>
-      <i class="material-icons right"
-         style="z-index: 999;position: relative;right: 5px;top: -55px;"
-         onclick="jQuery( this ).parent('li').next().toggle();return false;"
-         ontouchstart="jQuery( this ).parent('li').next().toggle();return false;">arrow_drop_down</i>
+          <i onclick="jQuery( this ).parent('li').next().toggle();return false;" ontouchstart="jQuery( this ).parent('li').next().toggle();return false;" class="material-icons right" style="z-index: 999;position: relative;right: 5px;top: -55px;">arrow_drop_down</i>
       <?php endif; ?>
     </li>
     <?php if (!empty($item['subitems'])): ?>
@@ -39,11 +36,7 @@
   <?php endforeach; ?>
 <?php endif; ?>
 
-
-<script>
-    jQuery('.mobile-menu i').bind('touchstart click', function() {
-      $(this).html() == "arrow_drop_down" ? $(this).html('arrow_drop_up') : $(this).html('arrow_drop_down');
-
-    	
-    });
-</script>
\ No newline at end of file
+<?php $GLOBALS['TL_BODY'][] = '<script>
+jQuery(".mobile-menu i").bind("touchstart click", function() {
+  $(this).html() == "arrow_drop_down" ? $(this).html("arrow_drop_up") : $(this).html("arrow_drop_down");
+}); </script>'; ?>
\ No newline at end of file
diff --git a/src/Resources/public/fonts/roboto/Roboto-Bold.woff b/src/Resources/public/fonts/roboto/Roboto-Bold.woff
new file mode 100644
index 0000000..c55d1e7
Binary files /dev/null and b/src/Resources/public/fonts/roboto/Roboto-Bold.woff differ
diff --git a/src/Resources/public/fonts/roboto/Roboto-Bold.woff2 b/src/Resources/public/fonts/roboto/Roboto-Bold.woff2
new file mode 100644
index 0000000..ab12197
Binary files /dev/null and b/src/Resources/public/fonts/roboto/Roboto-Bold.woff2 differ
diff --git a/src/Resources/public/fonts/roboto/Roboto-Light.woff b/src/Resources/public/fonts/roboto/Roboto-Light.woff
new file mode 100644
index 0000000..3f9e8c5
Binary files /dev/null and b/src/Resources/public/fonts/roboto/Roboto-Light.woff differ
diff --git a/src/Resources/public/fonts/roboto/Roboto-Light.woff2 b/src/Resources/public/fonts/roboto/Roboto-Light.woff2
new file mode 100644
index 0000000..0707d9a
Binary files /dev/null and b/src/Resources/public/fonts/roboto/Roboto-Light.woff2 differ
diff --git a/src/Resources/public/fonts/roboto/Roboto-Medium.woff b/src/Resources/public/fonts/roboto/Roboto-Medium.woff
new file mode 100644
index 0000000..ced7907
Binary files /dev/null and b/src/Resources/public/fonts/roboto/Roboto-Medium.woff differ
diff --git a/src/Resources/public/fonts/roboto/Roboto-Medium.woff2 b/src/Resources/public/fonts/roboto/Roboto-Medium.woff2
new file mode 100644
index 0000000..723a323
Binary files /dev/null and b/src/Resources/public/fonts/roboto/Roboto-Medium.woff2 differ
diff --git a/src/Resources/public/fonts/roboto/Roboto-Regular.woff b/src/Resources/public/fonts/roboto/Roboto-Regular.woff
new file mode 100644
index 0000000..e401bcf
Binary files /dev/null and b/src/Resources/public/fonts/roboto/Roboto-Regular.woff differ
diff --git a/src/Resources/public/fonts/roboto/Roboto-Regular.woff2 b/src/Resources/public/fonts/roboto/Roboto-Regular.woff2
new file mode 100644
index 0000000..5bd7bd6
Binary files /dev/null and b/src/Resources/public/fonts/roboto/Roboto-Regular.woff2 differ
diff --git a/src/Resources/public/fonts/roboto/Roboto-Thin.woff b/src/Resources/public/fonts/roboto/Roboto-Thin.woff
new file mode 100644
index 0000000..175d076
Binary files /dev/null and b/src/Resources/public/fonts/roboto/Roboto-Thin.woff differ
diff --git a/src/Resources/public/fonts/roboto/Roboto-Thin.woff2 b/src/Resources/public/fonts/roboto/Roboto-Thin.woff2
new file mode 100644
index 0000000..2917239
Binary files /dev/null and b/src/Resources/public/fonts/roboto/Roboto-Thin.woff2 differ
diff --git a/src/Resources/public/img/favicon.ico b/src/Resources/public/img/favicon.ico
new file mode 100644
index 0000000..9280779
Binary files /dev/null and b/src/Resources/public/img/favicon.ico differ
diff --git a/src/Resources/public/img/meissen/meissen-albrechtsburg.jpg b/src/Resources/public/img/meissen/meissen-albrechtsburg.jpg
new file mode 100644
index 0000000..bd99e88
Binary files /dev/null and b/src/Resources/public/img/meissen/meissen-albrechtsburg.jpg differ
diff --git a/src/Resources/public/img/meissen/meissen-eisenbahnbruecke-nebel.jpg b/src/Resources/public/img/meissen/meissen-eisenbahnbruecke-nebel.jpg
new file mode 100644
index 0000000..be124dd
Binary files /dev/null and b/src/Resources/public/img/meissen/meissen-eisenbahnbruecke-nebel.jpg differ
diff --git a/src/Resources/public/img/meissen/meissen-elbe-sonnenaufgang.jpg b/src/Resources/public/img/meissen/meissen-elbe-sonnenaufgang.jpg
new file mode 100644
index 0000000..8f41942
Binary files /dev/null and b/src/Resources/public/img/meissen/meissen-elbe-sonnenaufgang.jpg differ
diff --git a/src/Resources/public/img/meissen/slider/Heinrichsplatz-2.jpg b/src/Resources/public/img/meissen/slider/Heinrichsplatz-2.jpg
new file mode 100644
index 0000000..dcc7f42
Binary files /dev/null and b/src/Resources/public/img/meissen/slider/Heinrichsplatz-2.jpg differ
diff --git a/src/Resources/public/img/meissen/slider/loewengasse.jpg b/src/Resources/public/img/meissen/slider/loewengasse.jpg
new file mode 100644
index 0000000..921283e
Binary files /dev/null and b/src/Resources/public/img/meissen/slider/loewengasse.jpg differ
diff --git a/src/Resources/public/img/meissen/slider/meissen-albrechtsburg.jpg b/src/Resources/public/img/meissen/slider/meissen-albrechtsburg.jpg
new file mode 100644
index 0000000..66dbdfa
Binary files /dev/null and b/src/Resources/public/img/meissen/slider/meissen-albrechtsburg.jpg differ
diff --git a/src/Resources/public/img/meissen/slider/meissen-eisenbahnbruecke-nebel.jpg b/src/Resources/public/img/meissen/slider/meissen-eisenbahnbruecke-nebel.jpg
new file mode 100644
index 0000000..1b7d010
Binary files /dev/null and b/src/Resources/public/img/meissen/slider/meissen-eisenbahnbruecke-nebel.jpg differ
diff --git a/src/Resources/public/img/meissen/slider/schlossbruecke-meissen.jpg b/src/Resources/public/img/meissen/slider/schlossbruecke-meissen.jpg
new file mode 100644
index 0000000..5292d52
Binary files /dev/null and b/src/Resources/public/img/meissen/slider/schlossbruecke-meissen.jpg differ
diff --git a/src/Resources/public/sass/mate.scss b/src/Resources/public/sass/mate.scss
index b0f630c..400eb7e 100644
--- a/src/Resources/public/sass/mate.scss
+++ b/src/Resources/public/sass/mate.scss
@@ -10,6 +10,9 @@
   src: url("/files/mate/fonts/Old_Standard_TT/OldStandard-Regular.ttf");
 }
 
+::-moz-selection { background: $mateColor2; color: #fff; }
+::selection { background: $mateColor2; color: #fff; }
+
 html {font-size: 16px; }
 
 body {
@@ -418,9 +421,9 @@ h1.bordered-right:after, h2.bordered-right:after, h3.bordered-right:after, h4.bo
  *    Layout                  *
  * ========================== */
 .left-col, .right-col, .left-right-col {
-	.container {
-		@extend .row;
-	}
+    #container {
+        @extend .row;
+    }
 
 	#left, #right {
 		margin: 0;
@@ -440,8 +443,12 @@ h1.bordered-right:after, h2.bordered-right:after, h3.bordered-right:after, h4.bo
     }
 }
 
-#left .inside > h2:first-child {
-    margin-top: 0;
+#left, #right {
+    .inside {
+        > h2:first-child, .mod_article.first .ce_text.first h2, .mod_article.first .ce_headline h2 {
+            margin-top: 0;
+        }
+    }
 }
 
 .default-col .container {
@@ -469,22 +476,22 @@ header {
 	.inside {
 		height: 40px;
         @extend .container;
+
+        > div {
+            color: $mateColorWhite;
+            padding: 10px;
+            font-size: 12px;
+            display: flex;
+            align-items: center;
+            float: right;
+        }
 	}
 
     i {
 	    width: 30px !important;
 	    direction: rtl;
 	    color: $mateColorWhite;
-        padding-right: 10px;
-	}
-
-	span {
-	    color: $mateColorWhite;
-	    padding: 11px 15px;
-	    font-size: 12px;
-	    display: flex;
-	    align-items: center;
-	    float: right;
+        padding-right: 5px;
 	}
 
 	.ce_text {
@@ -558,11 +565,15 @@ header {
 	}
 }
 
+#wrapper input[type='search']:focus {
+    border: 1px solid $mateColor2;
+}
+
 /* ========================== *
  *    Navigation              *
  * ========================== */
 nav {
-	height: initial;
+	height: inherit;
 	margin-bottom: 15px;
 	display: inline-block;
 }
@@ -617,7 +628,7 @@ nav {
 #header .mod_mateNavbar {
 	position: absolute;
 	top: 40px;
-	z-index: 12;
+	z-index: 14;
 }
 
 .mate_nav {
@@ -911,7 +922,7 @@ nav .brand-logo {
 		.slides li.slidebox1 img {
 		    height: auto;
 		    max-height: 100%;
-			background-size: initial;
+			background-size: cover;
 			background-position: center;
 			background-repeat: no-repeat;
 		}
@@ -1117,9 +1128,9 @@ nav .brand-logo {
                     position: absolute;
                     content: "";
                     right: 0;
-                    top: 20px;
+                    top: 25px;
                     border-right: 1px solid $mateColor1;
-                    height: 40px;
+                    height: 60px;
                 }
 
                 &:last-child:after {
@@ -1130,7 +1141,6 @@ nav .brand-logo {
 		    	    display: block;
 				    margin: 0;
 				    height: 100%;
-				    padding: 0 10px;
 			    }
 
 			    .subheadline {
@@ -1179,9 +1189,14 @@ nav .brand-logo {
 		height: 100px;
 	}
 
-	.img {
-		background-size: 150% auto;
-	}
+    .layout_latest {
+        padding: 30px 30px 0;
+    }
+
+    .img {
+        width: 55%;
+        background-position: 30% 50%;
+    }
 }
 
 .headerImage {
@@ -1377,7 +1392,7 @@ nav .brand-logo {
 		    overflow: visible;
 		    position: relative;
 		    padding: 20px 30px 20px 30px;
-	        height: 250px;
+	        height: 280px;
 		}
 
 		.info {
@@ -1428,7 +1443,7 @@ nav .brand-logo {
 .layout_short, .layout_list {
 	.inner {
 		.text {
-			height: 340px;
+			height: 370px;
 		}
 
 		h2 {
@@ -2183,6 +2198,13 @@ textarea {
     }
 }
 
+/* ========================== *
+ *    IE Fixes                *
+ * ========================== */
+.ie .subnav {
+    height: 100%;
+}
+
 /* ========================== *
  *    Mobile Anpassungen      *
  * ========================== */
@@ -2248,6 +2270,13 @@ textarea {
   				height: initial;
   			}
   		}
+
+        .slider.mod_newslist {
+            .img {
+                width: 55%;
+                background-position: 30% 50%;
+            }
+        }
   	}
 
 	/* Header */
@@ -2382,6 +2411,11 @@ textarea {
 			}
 		}
 	}
+
+    /* Footer */
+    footer.page-footer h5 {
+        height: 60px;
+    }
 }
 
 @media (max-width: 767px) {
@@ -2410,6 +2444,15 @@ textarea {
 		margin: 0 0 30px;
 	}
 
+    .default-col .container, .default-col .sectionTop .inside, .sectionTop .default-col .inside {
+        padding: 0;
+    }
+
+    /* Footer */
+    footer.page-footer h5 {
+        height: inherit;
+    }
+
 	/* Layouts */
 	.subnav li {
 		a, span {
@@ -2506,12 +2549,12 @@ textarea {
 
 			.img {
 		    	width: 100%;
-		    	height: 200px;
+		    	height: 150px;
 			}
 
 			.caption {
 				width: 100%;
-				height: 350px;
+				height: 400px;
 			}
 
 			.indicators {
@@ -2535,6 +2578,12 @@ textarea {
 			}
 		}
 
+        #main .slider.mod_newslist {
+            .img {
+              width: 100%;
+            }
+        }
+
 		.slider {
 			overflow: visible;
 		}
@@ -2669,6 +2718,15 @@ textarea {
     h1 {
         font-size: 1.8rem;
     }
+    h2 {
+        font-size: 1.6rem;
+    }
+    h3 {
+        font-size: 1.4rem;
+    }
+    h4 {
+        font-size: 1.2rem;
+    }
 
 	/* News */
 	.layout_latest.even, .layout_short.even,