projekt templade added

2025-06-12 16:36:11 +02:00
parent d10b697c8c
commit 526b6504a8
22 changed files with 558 additions and 0 deletions
--- a/CSS/style.css
+++ b/CSS/style.css
@@ -0,0 +1,145 @@
+/* 
+    Created on : 04.01.2018, 15:39:10
+    Author     : reich
+*/
+
+*, *:before, *:after {
+    -moz-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+    margin: 0;
+  }
+  
+  body {
+      font-size: 18px;
+      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+  }
+  
+  .wrapper {
+      max-width: 1000px;
+      margin: 0 auto;
+  }
+  
+  /*** Allgemeine Definitionen ***/
+  h1 {
+      /* margin: 10px; */
+      color: #F2F2F2;
+      font-size: 48px;
+      font-weight: 100;
+      text-align: center;
+  }
+  
+  h1 span {
+      margin-left: -2px;
+      color: #FDBD02;
+      font-size: 24px;
+      font-weight: 600;
+  }
+  
+  h2 {
+      padding: 10px 0 10px 0;
+      text-align: center;
+      color: #011448;
+      font-size: 36px;
+      font-weight: 100;
+  }
+  
+  main {
+      background-color: #e6e6e6;
+      color: #000;
+      padding-bottom: 20px;
+  }
+  
+  /*** Standard-Button ***/
+  
+  .button {
+      text-align: right;
+  }
+  
+  .button a {
+      display: inline-block;
+      background: #FDBD02;
+      color:#303E64; 
+      border: none; 
+      width: 100px; 
+      margin: 5px; 
+      padding: 2px; 
+      border-radius: 5px; 
+      cursor:pointer; 
+      font-size: 12px;
+      text-decoration: none;
+      text-align: center;
+  }
+  
+  .button a:hover {
+      color:#fff; 
+  }
+  
+  .clear {
+      clear: both;
+  }
+  
+  /*** Header-Bereich mit Navigationsleiste ***/
+  header {
+      width: 100%;
+      background-color: #303E64;
+  }
+  
+  nav {
+      text-align: center;
+      position: sticky;
+      top: 0;
+      background-color: #303E64;
+  }
+  
+  nav ul {
+      list-style-type: none;
+      padding: 0;
+      display: inline-block;
+  }
+  
+  nav li {
+      float: left;
+      text-align: center; 
+  }
+  
+  nav li a {
+      display: block;
+      width: 120px;
+      height: 35px;
+      border: 1px solid #000;
+      background-color: #e6e6e6;
+      color: #000;
+      text-decoration: none;
+      margin: 5px;
+      text-align: center;
+      line-height: 35px;
+  }
+  
+  nav li a:hover {
+      background-color: #F2C608;
+  }
+  
+  
+  #metanavi {
+      color: lightskyblue;
+      font-weight: bold;
+      margin-bottom: 5px;
+  }
+
+.container {
+    display: flex;
+    flex-wrap: wrap;
+}
+
+.item-4-12 {
+    flex: 0 0 33.3333333333%;
+}
+
+img {
+    width: 100%;
+}
+
+[class*="item-"] {
+    padding: 0 10px 0 10px;
+}