ppt von hand ergänzt

doc/Cockburn.md

@@ -20,8 +20,8 @@ style: |
     top: 0; left: 0; right: 0;
     margin: 0;
     padding: 8px 30px;
-    font-size: 1.0em;
+    font-size: 1.2em;
-    background-color: #44546A;
+    background-color: #274E93;
     color: white;
   }
   footer {
@@ -43,7 +43,7 @@ style: |
   section.cover h1, section.cover::after { display: none; }
   .cover-wrap { display: flex; width: 100%; height: 100%; }
   .cover-left {
-    flex: 0 0 63%;
+    flex: 0 0 60%;
     display: flex;
     flex-direction: column;
     justify-content: center;
@@ -52,21 +52,21 @@ style: |
     background: #ffffff;
   }
   .cover-left img {
-    width: 400px;
+    width: 550px;
     margin-bottom: 14px;
   }
   .cover-subtitle {
     align-self: flex-start;
     margin-left: 23%;
     color: #737373;
-    font-size: 0.5em;
+    font-size: 1.0em;
     letter-spacing: 0.03em;
   }
-  .cover-right { flex: 0 0 37%; position: relative; overflow: hidden; }
+  .cover-right { flex: 0 0 40%; position: relative; overflow: hidden; }
   .cover-right img {
     width: 150%; height: 150%;
     object-fit: cover;
-    object-position: right center;
+    object-position: 75% center;
     display: block;
   }
   .cover-right::after {
@@ -81,7 +81,7 @@ style: |
 <!-- _class: cover -->
 <div class="cover-wrap">
   <div class="cover-left">
-    <img src="img/logo-mista.svg" alt="Mista GmbH Logo">
+    <img src="img/logo-mista.png" alt="Mista GmbH Logo">
     <p class="cover-subtitle">Digitalisierung &amp; Engineering</p>
   </div>
   <div class="cover-right">