Commit 34ec205f authored by Karl Hasselbring's avatar Karl Hasselbring
Browse files

Die Karten Funktionieren jetztz grundsätzlich auch auf mobilen Ansichten

parent c2231cc5
...@@ -38,6 +38,12 @@ body { ...@@ -38,6 +38,12 @@ body {
justify-content: center; justify-content: center;
align-items: center; align-items: center;
margin-top: 50px; margin-top: 50px;
padding: 0px 8px;
overflow: hidden;
main {
width: 100%;
max-width: 1000px;
}
} }
.first-last-child-margin-fix() { .first-last-child-margin-fix() {
...@@ -49,30 +55,35 @@ body { ...@@ -49,30 +55,35 @@ body {
} }
} }
/* General font sizing */ /* General font sizing */
@default-font-size: 15px; @default-font-size: 15px;
h1 { h1 {
font-size: @default-font-size * 1.6; font-size: @default-font-size * 1.6;
.first-last-child-margin-fix; .first-last-child-margin-fix;
} }
h2 { h2 {
font-size: @default-font-size * 1.4; font-size: @default-font-size * 1.4;
.first-last-child-margin-fix; .first-last-child-margin-fix;
} }
h3 { h3 {
font-size: @default-font-size * 1.2; font-size: @default-font-size * 1.2;
.first-last-child-margin-fix; .first-last-child-margin-fix;
} }
p { p {
font-size: @default-font-size; font-size: @default-font-size;
.first-last-child-margin-fix; .first-last-child-margin-fix;
} }
* { * {
font-size: @default-font-size; font-size: @default-font-size;
.first-last-child-margin-fix; .first-last-child-margin-fix;
} }
.page-title { .page-title {
font-size: @default-font-size * 3; font-size: @default-font-size * 3;
text-align: center; text-align: center;
...@@ -83,6 +94,7 @@ p { ...@@ -83,6 +94,7 @@ p {
text-align: center; text-align: center;
} }
/* Logo */ /* Logo */
.logo h1, .logo h1,
...@@ -217,6 +229,7 @@ summary { ...@@ -217,6 +229,7 @@ summary {
display: none!important; display: none!important;
} }
} }
.newpage { .newpage {
page-break-after: always; page-break-after: always;
} }
...@@ -292,13 +305,12 @@ button { ...@@ -292,13 +305,12 @@ button {
opacity: 0; opacity: 0;
transition: opacity 0.5s ease; transition: opacity 0.5s ease;
} }
&.hide-tooltip-on-resultpage:after {
&.hide-tooltip-on-resultpage:after { /* Auf kleinen Bildschirmen wird der Tooltip nicht angezeigt */ /* Auf kleinen Bildschirmen wird der Tooltip nicht angezeigt */
@media (max-width: 700px) { @media (max-width: 700px) {
display: none; display: none;
} }
} }
&.delayed:after { &.delayed:after {
transition-delay: 0.5s; transition-delay: 0.5s;
} }
...@@ -311,11 +323,12 @@ button { ...@@ -311,11 +323,12 @@ button {
} }
.two-col { .two-col {
/*display: flex;
flex-wrap: wrap;*/
>* { >* {
width: 50%; width: 50%;
margin: 0; margin: 0;
float: left; float: left;
@media (max-width: @screen-xs-max) {
width: 100%;
}
} }
} }
\ No newline at end of file
...@@ -38,7 +38,7 @@ ...@@ -38,7 +38,7 @@
</header> </header>
@include('parts.sidebar', ['id' => 'staticPagesSideBar']) @include('parts.sidebar', ['id' => 'staticPagesSideBar'])
<div class="wrapper"> <div class="wrapper">
<main class="mg-panel container"> <main class="mg-panel">
@if (isset($success)) @if (isset($success))
<div class="alert alert-success" role="alert">{{ $success }}</div> <div class="alert alert-success" role="alert">{{ $success }}</div>
@endif @endif
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment