@@ Zeile 1: / Zeile 1: @@
 /* Das folgende CSS wird für alle Nutzer der mobilen Ansicht geladen. */
+.mainheader {
+background-color: #021B23;
+color:#FFFFFF;
+text-align:left;
+font-size:25px;
+width:100%;
+padding-left:5px;
+height:120px;
+padding-top:30px;
+}
+.mainheader .title {
+height:30px;
+line-height:30px;
+}
+.bold {
+font-weight:bold;
+}
 @font-face {
@@ Zeile 60: / Zeile 82: @@
      background-image: url(/de/resources/assets/iq-digital.png?53da3);
      background-repeat: no-repeat;
-     background-size: 70px auto;
+     background-size: 100px auto;
      background-position: left center;
-     padding-left:80px;
+     padding-left:100px;
 height:32px;
+float:none;
 }
 .header .branding-box {
-width:80%;
+width:90%;
 }
@@ Zeile 86: / Zeile 109: @@
 .specsBox {
    position:relative;
-   margin-top:16px;
+   width:320px;
-   margin-bottom:16px;
+   margin: 16px auto 16px auto;
-  left:50%;
+box-sizing:border-box;
-margin-left:-160px;
+}
+.specsBox *{
+  box-sizing:border-box;
 }
 .specsBox .container{
    width:320px;
+ padding:1em;
 background-color:#ffeecc;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
+}
+.specsBox #toc {
+margin-top:1em;
 }
 .specsBox .infos {
-margin: 16px;
 border-top: 1px solid black;
 padding-top:16px;
@@ Zeile 253: / Zeile 282: @@
 .galerie {
 margin-top:1em;
-text-align:center;
+margin-bottom:1em;
+text-align: center;
 }
@@ Zeile 264: / Zeile 294: @@
 display:flex;
 flex-wrap:wrap;
-justify-content:flex-start;
+justify-content:center;
+min-width:320px;
+box-sizing: border-box;
+}
+.mainpage * {
+box-sizing: border-box;
 }
 .chapter {
-width:100%;
+width:320px;
 min-width:320px;
+margin-right:16px;
+}
+@media screen and (max-width: 352px) {
+  .mainpage, .specsBox {
+    margin-left:-16px;
+    margin-right:-16px;
+  }
+  .chapter {
+    width:320px;
+    min-width:320px;
+    margin-right:0;
+  }
+  .mainheader {
+    padding-top:15px;
+  }
 }
+@media screen and (max-width: 370px) {
+  .mainheader {
+    padding-top:15px;
+  }
+}
+@media screen and (min-width: 720px) {
+  .mainpage {
+    margin-left:-3.35em;
+    margin-right:-3.35em;
+  }
+  .mainheader .title{
+    text-align:left;
+  }
+}
+@media screen and (max-width: 672px) {
+  .chapter {
+    margin-right:0;
+  }
+  .mainheader .title{
+    text-align:left;
+  }
+}
 .kontakt{
@@ Zeile 292: / Zeile 375: @@
 .included .specsBox .infos.text{
 padding-top:0;
+}
+div.warnung::after {
+ clear:both;
+}
+div.warnung::before {
+ content: "Warnung";
+ background:url(/de/images/c/cb/Warning.png) no-repeat;
+ background-position:center;
+ background-size:24px auto;
+ width:24px;
+ height:24px;
+line-height:24px;
+ display:inline-block;
+ color:rgba(0,0,0,0);
+ float:left;
+ margin-right:10px;
+}
+div.warnung {
+ font-weight:bold;
+ font-size:120%;
+ color:#ff0000;
+ float:left;
+}
+.chapterlist {
+  width:320px;
+  border: 0.5px solid #a2a9b1;
+  background-color: #f8f9fa;
+  color: #222;
+  margin: 1em auto;
+  border-collapse: collapse;
+  font-size:16px;
+}
+.chapterlist .clheader {
+  font-size:22px;
+  background-color:#021B23;
+  color:#FFF;
+  padding: 0.2em 0.4em;
+  font-weight:bold;
+  font-family: 'Rajdhani',sans-serif,Arial,Tahoma,Verdana;
+}
+.chapterlist ul {
+  margin:0;
+  padding:0;
+  font-family: 'Rajdhani',sans-serif,Arial,Tahoma,Verdana;
+}
+.chapterlist li {
+  list-style-type: none;
+  list-style-image: none;
+  padding: 0.2em 0.4em;
+  margin:0;
+  font-weight:bold;
+  border-bottom: 0.5px solid #a2a9b1;
+  line-height:1.6;
+  font-family: 'Rajdhani',sans-serif,Arial,Tahoma,Verdana;
+  font-size:100%;
+}
+.chapterlist li *{
+font-family: 'Rajdhani',sans-serif,Arial,Tahoma,Verdana;
+}
+.minerva-user-navigation {
+display:none;
 }

MediaWiki:Mobile.css: Unterschied zwischen den Versionen