Initial commit

frontend/src/lib/assets/css/main.less

@@ -0,0 +1,113 @@
+@background-color: white;
+@normal-font-color: #333333;
+@hover-color: #dee2e6;
+@heading-font-color: #4b678b;
+@link-font-color: #4b678b;
+@banner-color: #06d6a0;
+
+@desktop: ~"only screen and (min-width: 1024px)";
+@tablet: ~"only screen and (min-width: 768px)";
+@mobile: ~"only screen and (min-width: 100px)";
+
+@body-fontsize-mobile: 17px;
+@body-fontsize-pc: 24px;
+@body-fontsize-mobile: 16px;
+@body-lineheight-mobile: 130%;
+@body-lineheight-pc: 130%;
+
+@body-maxwidth: 1800px;
+@body-small-maxwidth: 1200px;
+
+/* Allgemeine Stile */
+
+/* roboto-condensed-regular - latin */
+
+* {
+    font-family: "Roboto Condensed", sans-serif;
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
+body {
+    font-family: "Roboto Condensed", sans-serif;
+    color: #333 !important;
+    height: 100%;
+    background-color: #f9f9f9;
+    overflow-x: hidden !important;
+}
+body {
+    background-color: @background-color;
+    min-height: 100vh;
+    display: flex;
+    justify-content: center;
+}
+@media @mobile {
+    html {
+        font-size: @body-fontsize-mobile;
+    }
+}
+@media @tablet {
+    html {
+        font-size: @body-fontsize-pc;
+    }
+}
+
+/* Container */
+.container {
+    max-width: 960px;
+    margin: 0 auto;
+}
+
+ul {
+    list-style-type: none;
+}
+
+ol {
+    list-style-type: decimal;
+}
+
+/* Links */
+a {
+    color: @link-font-color;
+    text-decoration: none;
+    font-weight: 700;
+}
+
+/* Tabellen */
+table {
+    width: 100%;
+    border-collapse: collapse;
+    margin-bottom: 20px;
+}
+* {
+    transition: background-color 0.5s ease, border-color 0.5s ease, color 0.5s ease, max-height 0.5s, height 0.5s ease,
+        width 0.5s ease, flex 0.5s ease, opacity 0.5s ease, top 0.5s ease, bottom 0.5s ease, left 0.5s ease,
+        right 0.5s ease, transform 0.5s ease;
+}
+
+th,
+td {
+    padding: 10px;
+    text-align: left;
+    border: 1px solid #ccc;
+}
+
+th {
+    background-color: #f4f4f4;
+}
+button {
+    background-color: inherit;
+    border: none;
+    cursor: pointer;
+    font-size: inherit;
+    color: #333;
+}
+input,
+select {
+    color: #333;
+    width: 100%;
+}
+
+.text-container {
+}

frontend/src/lib/assets/css/swiperStyles.less

@@ -0,0 +1,19 @@
+.swiper-button-prev,
+.swiper-button-next {
+    transform-origin: left;
+    color: #333;
+    transform: scale(0.3);
+    background-color: rgba(255, 255, 255, 0.6);
+    top: 50%;
+    padding: 10px;
+    height: 70px;
+    width: 70px;
+    border-radius: 50px;
+}
+.swiper-button-prev {
+    left: 6%;
+}
+.swiper-button-next {
+    right: 6%;
+    transform-origin: right;
+}

frontend/src/lib/assets/css/variables.less

@@ -0,0 +1,19 @@
+@background-color: white;
+@normal-font-color: #333333;
+@hover-color: #dee2e6;
+@heading-font-color: #4b678b;
+@link-font-color: #4b678b;
+@banner-color: #06d6a0;
+
+@desktop: ~"only screen and (min-width: 1024px)";
+@tablet: ~"only screen and (min-width: 768px)";
+@mobile: ~"only screen and (min-width: 100px)";
+
+@body-fontsize-mobile: 17px;
+@body-fontsize-pc: 24px;
+@body-fontsize-mobile: 16px;
+@body-lineheight-mobile: 130%;
+@body-lineheight-pc: 130%;
+
+@body-maxwidth: 1800px;
+@body-small-maxwidth: 1200px;