diff --git a/src/components/OpeningHours.vue b/src/components/OpeningHours.vue
new file mode 100644
index 0000000..7dcb50c
--- /dev/null
+++ b/src/components/OpeningHours.vue
@@ -0,0 +1,45 @@
+<template>
+  <div class="opening">
+    <h1>Öffnungszeiten</h1>
+    <h2>Zentralmensa</h2>
+      <table>
+        <tr>
+          <td>Mo - Do</td>
+          <td>11:30 - 20.00 Uhr</td>
+        </tr>
+      </table>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'OpeningHours',
+  data() {
+    return {
+      msg: 'Welcome to Your Vue.js App'
+    }
+  }
+}
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style scoped>
+h1,
+h2 {
+  font-weight: normal;
+}
+
+ul {
+  list-style-type: none;
+  padding: 0;
+}
+
+li {
+  display: inline-block;
+  margin: 0 10px;
+}
+
+a {
+  color: #42b983;
+}
+</style>