Die Karten Funktionieren jetztz grundsätzlich auch auf mobilen Ansichten

resources/assets/less/metager/general.less

@@ -38,6 +38,12 @@ body {
     justify-content: center;
     align-items: center;
     margin-top: 50px;
+    padding: 0px 8px;
+    overflow: hidden;
+    main {
+        width: 100%;
+        max-width: 1000px;
+    }
 }
 
 .first-last-child-margin-fix() {
@@ -49,30 +55,35 @@ body {
     }
 }
 
+
 /* General font sizing */
+
 @default-font-size: 15px;
 h1 {
     font-size: @default-font-size * 1.6;
     .first-last-child-margin-fix;
 }
+
 h2 {
     font-size: @default-font-size * 1.4;
     .first-last-child-margin-fix;
 }
+
 h3 {
     font-size: @default-font-size * 1.2;
     .first-last-child-margin-fix;
 }
+
 p {
     font-size: @default-font-size;
     .first-last-child-margin-fix;
 }
+
 * {
     font-size: @default-font-size;
     .first-last-child-margin-fix;
 }
 
-
 .page-title {
     font-size: @default-font-size * 3;
     text-align: center;
@@ -83,6 +94,7 @@ p {
     text-align: center;
 }
 
+
 /* Logo */
 
 .logo h1,
@@ -217,6 +229,7 @@ summary {
         display: none!important;
     }
 }
+
 .newpage {
     page-break-after: always;
 }
@@ -292,13 +305,12 @@ button {
         opacity: 0;
         transition: opacity 0.5s ease;
     }
-
-    &.hide-tooltip-on-resultpage:after { /* Auf kleinen Bildschirmen wird der Tooltip nicht angezeigt */
+    &.hide-tooltip-on-resultpage:after {
+        /* Auf kleinen Bildschirmen wird der Tooltip nicht angezeigt */
         @media (max-width: 700px) {
             display: none;
         }
     }
-
     &.delayed:after {
         transition-delay: 0.5s;
     }
@@ -311,11 +323,12 @@ button {
 }
 
 .two-col {
-    /*display: flex;
-    flex-wrap: wrap;*/
     >* {
         width: 50%;
         margin: 0;
         float: left;
+        @media (max-width: @screen-xs-max) {
+            width: 100%;
+        }
     }
 }
\ No newline at end of file

resources/views/layouts/staticPages.blade.php

@@ -38,7 +38,7 @@
 		</header>
 		@include('parts.sidebar', ['id' => 'staticPagesSideBar'])
 		<div class="wrapper">
-			<main class="mg-panel container">
+			<main class="mg-panel">
 				@if (isset($success))
 					<div class="alert alert-success" role="alert">{{ $success }}</div>
 				@endif