Mobile css improvements

static/img/logo.svg

@@ -1,102 +1,120 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<!-- Generator: Adobe Illustrator 25.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 
 <svg
-   width="48"
-   height="48"
-   viewBox="0 0 48 48"
    version="1.1"
-   id="svg8"
+   id="Ebene_1"
-   sodipodi:docname="schaf6.svg"
+   x="0px"
+   y="0px"
+   viewBox="0 0 110 110"
+   style="enable-background:new 0 0 110 110;"
+   xml:space="preserve"
+   sodipodi:docname="schaf7.svg"
    inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"><defs
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   id="defs62">
-   xmlns:cc="http://creativecommons.org/ns#"
+	
-   xmlns:dc="http://purl.org/dc/elements/1.1/">
+
-  <sodipodi:namedview
+		
-     id="namedview13"
+		
-     pagecolor="#ffffff"
+	
-     bordercolor="#666666"
+	
-     borderopacity="1.0"
+	
-     inkscape:showpageshadow="2"
+	
-     inkscape:pageopacity="0.0"
+	
-     inkscape:pagecheckerboard="0"
+	
-     inkscape:deskcolor="#d1d1d1"
+	
-     showgrid="false"
+	
-     inkscape:zoom="15.129139"
+	
-     inkscape:cx="15.896477"
+</defs><sodipodi:namedview
-     inkscape:cy="24.654411"
+   id="namedview60"
-     inkscape:window-width="2560"
+   pagecolor="#ffffff"
-     inkscape:window-height="1367"
+   bordercolor="#666666"
-     inkscape:window-x="0"
+   borderopacity="1.0"
-     inkscape:window-y="0"
+   inkscape:showpageshadow="2"
-     inkscape:window-maximized="1"
+   inkscape:pageopacity="0.0"
-     inkscape:current-layer="svg8" />
+   inkscape:pagecheckerboard="0"
-  <defs
+   inkscape:deskcolor="#d1d1d1"
-     id="defs2" />
+   showgrid="false"
-  <metadata
+   inkscape:zoom="5.6568543"
-     id="metadata5">
+   inkscape:cx="65.495765"
-    <rdf:RDF>
+   inkscape:cy="40.923805"
-      <cc:Work
+   inkscape:window-width="1444"
-         rdf:about="">
+   inkscape:window-height="1236"
-        <dc:format>image/svg+xml</dc:format>
+   inkscape:window-x="899"
-        <dc:type
+   inkscape:window-y="47"
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+   inkscape:window-maximized="0"
-      </cc:Work>
+   inkscape:current-layer="Ebene_1" />
-    </rdf:RDF>
+<style
-  </metadata>
+   type="text/css"
-  <path
+   id="style2">
-     style="fill:none;stroke:#000000;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+	.st0{fill:#828487;}
-     d="m 23.745472,9.7099701 c 0,0 2.406184,-2.1338262 3.745408,-1.7872862 1.223257,0.3165329 2.199853,3.0870071 2.199853,3.0870071 0,0 3.485564,-0.849554 4.496343,0.260496 0.811037,0.89069 -0.128902,3.611561 -0.128902,3.611561 0,0 2.38672,0.04054 2.866034,0.922266 0.447129,0.822523 -0.731873,2.71156 -0.731873,2.71156 0,0 1.477687,1.408305 1.403618,2.304759 -0.08793,1.064259 -2.092839,2.425575 -2.092839,2.425575 0,0 1.882359,1.787391 1.581192,2.522525 -0.502777,1.227251 -3.166563,1.815763 -3.166563,1.815763 0,0 1.600425,1.607895 1.183642,2.39477 -0.638775,1.205994 -4.055482,0.561389 -4.055482,0.561389 0,0 -0.07462,2.499341 -1.006034,2.982002 -1.293159,0.670117 -4.187955,-1.246146 -4.187955,-1.246146 0,0 -2.211019,1.937606 -3.502587,1.749925 -1.155121,-0.167852 -2.557567,-2.391896 -2.557567,-2.391896 0,0 -3.14697,0.664125 -4.205375,-0.259053 -0.79969,-0.697518 -0.625573,-3.121377 -0.625573,-3.121377 0,0 -2.28271,-0.476447 -2.780576,-1.384248 -0.529738,-0.965916 0.348396,-3.28651 0.348396,-3.28651 0,0 -2.260756,-2.065274 -2.120417,-3.390991 0.116705,-1.102456 2.314649,-2.388232 2.314649,-2.388232 0,0 -0.992476,-2.554562 -0.366068,-3.576024 0.569694,-0.928981 3.049693,-1.177881 3.049693,-1.177881 0,0 -0.12376,-2.033518 0.569227,-2.573632 0.977223,-0.7616459 3.715373,0.107849 3.715373,0.107849 0,0 0.375696,-2.1341229 1.23526,-2.3997338 1.02085,-0.3154502 2.819123,1.5255629 2.819123,1.5255629 z"
+	.st1{fill:none;}
-     id="path1106" />
+	.st2{display:none;}
-  <ellipse
+	
-     style="fill:none;stroke:#000000;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
+		.st3{display:inline;fill:#FFFFFF;stroke:#E67200;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
-     id="path4112"
+	.st4{display:inline;fill:#E67200;}
-     cx="24.024536"
+	.st5{display:inline;fill:none;stroke:#E67200;stroke-width:1.6783;stroke-miterlimit:10;}
-     cy="21.186296"
+</style>
-     rx="7.2875113"
+
-     ry="6.8437772" />
+<path
-  <path
+   d="m 103.5,80.1 c 3.4,0 6.1,-2.7 6.1,-6.1 V 6.6 c 0,-3.4 -2.7,-6.1 -6.1,-6.1 H 6.6 C 3.2,0.5 0.5,3.2 0.5,6.6 V 74 c 0,3.4 2.7,6.1 6.1,6.1 h 6.9 V 85 H 6.6 c -3.4,0 -6.1,2.7 -6.1,6.1 v 12.4 c 0,3.4 2.7,6.1 6.1,6.1 h 96.9 c 3.4,0 6.1,-2.7 6.1,-6.1 V 91.1 c 0,-3.4 -2.7,-6.1 -6.1,-6.1 H 95.9 V 80.1 Z M 4.4,74 V 6.6 c 0,-1.2 1,-2.1 2.1,-2.1 h 96.9 c 1.2,0 2.1,1 2.1,2.1 V 74 c 0,1.2 -1,2.1 -2.1,2.1 H 6.6 c -1.2,0 -2.2,-1 -2.2,-2.1 z m 101.2,17.1 v 12.4 c 0,1.2 -1,2.1 -2.1,2.1 H 6.6 c -1.2,0 -2.1,-1 -2.1,-2.1 V 91.1 c 0,-1.2 1,-2.1 2.1,-2.1 h 96.9 c 1.2,-0.1 2.1,0.9 2.1,2.1 z M 91.9,84.9 H 17.5 V 80 h 74.4 z"
-     style="fill:none;stroke:#000000;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+   id="path25" /><path
-     d="m 23.989165,27.752101 0.03392,-2.95329 1.670838,-1.449501 -1.673722,1.45399 -1.710026,-1.467699"
+   d="M 33.9,99.4 H 15.6 c -1.2,0 -2.2,-1 -2.2,-2.2 0,-1.2 1,-2.2 2.2,-2.2 h 18.3 c 1.2,0 2.2,1 2.2,2.2 0,1.2 -1,2.2 -2.2,2.2"
-     id="path4116"
+   id="path27" /><path
-     sodipodi:nodetypes="ccccc" />
+   d="m 82,97.2 c 0,2.1 -1.7,3.8 -3.8,3.8 -2.1,0 -3.8,-1.7 -3.8,-3.8 0,-2.1 1.7,-3.8 3.8,-3.8 2.1,0 3.8,1.7 3.8,3.8"
-  <ellipse
+   id="path29" /><path
-     style="fill:none;stroke:#000000;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
+   d="m 97.7,97.2 c 0,2.1 -1.7,3.8 -3.8,3.8 -2.1,0 -3.8,-1.7 -3.8,-3.8 0,-2.1 1.7,-3.8 3.8,-3.8 2.1,0 3.8,1.7 3.8,3.8"
-     id="path4120"
+   id="path31" />
-     cx="21.417231"
+
-     cy="19.500263"
+
-     rx="0.22855355"
+
-     ry="0.51570374" />
+
-  <path
+
-     style="fill:none;stroke:#000000;stroke-width:1;stroke-linecap:butt;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+<path
-     d="m 29.372926,16.618427 c 0,0 2.995408,0.710099 3.628994,1.151095 1.411682,0.982577 1.901394,2.853812 1.901394,2.853812 0,0 -1.382777,-0.106583 -2.037196,-0.3163 -0.619397,-0.198495 -1.743031,-0.877111 -1.743031,-0.877111"
+   style="fill:none;stroke:#000000;stroke-width:3.154;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
-     id="path4122" />
+   d="m 54.375376,12.761786 c 0,0 5.905197,-5.2367814 9.191887,-4.3863116 3.002087,0.7768274 5.398824,7.5760546 5.398824,7.5760546 0,0 8.554185,-2.084954 11.034813,0.639303 1.990427,2.185909 -0.316348,8.863403 -0.316348,8.863403 0,0 5.857429,0.09949 7.03375,2.263402 1.097333,2.018616 -1.796145,6.654644 -1.796145,6.654644 0,0 3.626503,3.456227 3.444725,5.656282 -0.215796,2.611878 -5.136194,5.952786 -5.136194,5.952786 0,0 4.619639,4.38657 3.880522,6.190718 -1.233903,3.011888 -7.7713,4.4562 -7.7713,4.4562 0,0 3.927723,3.946056 2.904865,5.877185 -1.567666,2.95972 -9.952863,1.377747 -9.952863,1.377747 0,0 -0.183131,6.13382 -2.468984,7.318355 -3.173638,1.644584 -10.277975,-3.058261 -10.277975,-3.058261 0,0 -5.426228,4.755225 -8.595962,4.294623 -2.834869,-0.411938 -6.276717,-5.870132 -6.276717,-5.870132 0,0 -7.723215,1.629879 -10.320727,-0.635761 -1.962579,-1.711832 -1.535265,-7.660406 -1.535265,-7.660406 0,0 -5.60217,-1.169284 -6.824021,-3.397187 -1.30007,-2.370527 0.855025,-8.065671 0.855025,-8.065671 0,0 -5.548291,-5.068544 -5.203875,-8.322086 0.286415,-2.70562 5.680554,-5.861139 5.680554,-5.861139 0,0 -2.435709,-6.269343 -0.898395,-8.776189 1.398129,-2.279883 7.484481,-2.890727 7.484481,-2.890727 0,0 -0.303729,-4.990609 1.396983,-6.316143 2.398276,-1.869213 9.118176,0.26468 9.118176,0.26468 0,0 0.922024,-5.2375105 3.031544,-5.8893665 2.505345,-0.7741695 6.918622,3.7439975 6.918622,3.7439975 z"
-  <path
+   id="path1106" /><ellipse
-     style="fill:none;stroke:#000000;stroke-width:1;stroke-linecap:butt;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+   style="fill:none;stroke:#000000;stroke-width:3.154;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
-     d="m 18.62722,16.618427 c 0,0 -2.995409,0.710099 -3.628995,1.151095 -1.411682,0.982577 -1.901393,2.853812 -1.901393,2.853812 0,0 1.382776,-0.106583 2.037195,-0.3163 0.619397,-0.198495 1.743031,-0.877111 1.743031,-0.877111"
+   id="path4112"
-     id="path6304" />
+   cx="55.060249"
-  <ellipse
+   cy="40.926701"
-     style="fill:none;stroke:#000000;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
+   rx="17.884829"
-     id="ellipse305"
+   ry="16.795828" /><path
-     cx="26.582912"
+   style="fill:none;stroke:#000000;stroke-width:3.154;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-     cy="19.459625"
+   d="m 54.973441,57.040335 0.08325,-7.247891 4.100529,-3.557329 -4.107607,3.568346 -4.196703,-3.60199"
-     rx="0.22855355"
+   id="path4116"
-     ry="0.51570374" />
+   sodipodi:nodetypes="ccccc" /><path
-  <rect
+   style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:3.154;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
-     style="fill:none;stroke:#000000;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none"
+   id="path4120"
-     id="rect2261"
+   sodipodi:type="arc"
-     width="43.725716"
+   sodipodi:cx="48.661461"
-     height="31.663837"
+   sodipodi:cy="36.788879"
-     x="2.1371422"
+   sodipodi:rx="0.5609104"
-     y="5.1149988"
+   sodipodi:ry="1.2656273"
-     ry="6.3237591" />
+   sodipodi:start="0"
-  <path
+   sodipodi:end="6.2830302"
-     style="fill:none;stroke:#000000;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+   sodipodi:open="true"
-     d="m 13.249917,43.168755 h 21.496292 c 0,0 -3.905348,0.134867 -4.76988,-0.326644 -2.335197,-1.246593 -2.853661,-5.848657 -2.853661,-5.848657 h -6.938931 c 0,0 0.297022,4.752321 -2.358249,5.764399 -0.98412,0.375105 -4.575571,0.410902 -4.575571,0.410902 z"
+   sodipodi:arc-type="arc"
-     id="path2317"
+   d="m 49.222371,36.788879 a 0.5609104,1.2656273 0 0 1 -0.560888,1.265628 0.5609104,1.2656273 0 0 1 -0.560933,-1.265529 0.5609104,1.2656273 0 0 1 0.560846,-1.265726 0.5609104,1.2656273 0 0 1 0.560975,1.265431" /><path
-     sodipodi:nodetypes="ccsccsc" />
+   style="fill:none;stroke:#000000;stroke-width:3.154;stroke-linecap:butt;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-</svg>
+   d="m 68.186133,29.71635 c 0,0 7.351256,1.742707 8.906187,2.824988 3.464515,2.411416 4.666354,7.003755 4.666354,7.003755 0,0 -3.393577,-0.261574 -4.999636,-0.776256 -1.520109,-0.487141 -4.277703,-2.152584 -4.277703,-2.152584"
+   id="path4122" /><path
+   style="fill:none;stroke:#000000;stroke-width:3.154;stroke-linecap:butt;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+   d="m 41.814289,29.71635 c 0,0 -7.351258,1.742707 -8.906189,2.824988 -3.464515,2.411416 -4.666352,7.003755 -4.666352,7.003755 0,0 3.393575,-0.261574 4.999634,-0.776256 1.520108,-0.487141 4.277703,-2.152584 4.277703,-2.152584"
+   id="path6304" /><path
+   style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:3.154;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
+   id="ellipse305"
+   sodipodi:type="arc"
+   sodipodi:cx="61.338943"
+   sodipodi:cy="36.689148"
+   sodipodi:rx="0.5609104"
+   sodipodi:ry="1.2656273"
+   sodipodi:start="0"
+   sodipodi:end="6.2823413"
+   sodipodi:arc-type="arc"
+   d="m 61.899854,36.689148 a 0.5609104,1.2656273 0 0 1 -0.560792,1.265627 0.5609104,1.2656273 0 0 1 -0.561029,-1.265093 0.5609104,1.2656273 0 0 1 0.560555,-1.266161 0.5609104,1.2656273 0 0 1 0.561266,1.264559"
+   sodipodi:open="true" /></svg>

static/styles.css

@@ -83,6 +83,7 @@ main {
   display: inline-flex;
   align-items: center;
   font-weight: 600;
+  margin: 0.2em 0;
 }
 
 .header-nav {
@@ -124,8 +125,8 @@ a:hover {
 }
 
 .nav-img {
-  width: 2em;
   height: 2em;
+  width: auto;
   margin-right: 0.3em;
 }
 
@@ -316,16 +317,21 @@ footer h2 {
   }
 
   .header-nav .header-content {
-    gap: initial;
+    gap: 0.15em;
   }
 
   .header-contact .header-content {
     gap: initial;
   }
 
+  .nav-img {
+    height: 1.5em;
+  }
+
   .overview {
     display: grid;
     grid-template-columns: 1fr 1fr;
+    gap: 1em;
   }
 
   .split-section {

templates/_base.html

@@ -3,10 +3,10 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>{% block title %}Computerschaf{% endblock %}</title>
+    <title>{% block title %}ComputerSchaf{% endblock %}</title>
     <link rel="stylesheet" href="static/styles.css">
     <link rel="stylesheet" href="static/fonts/Lato/Lato.css">
-    <link rel="icon" href="" type="image/icon type">
+    <link rel="icon" href="static/img/favicon.ico" type="image/icon type">
     {% block assets %}{% endblock %}
   </head>
 

templates/bedingungen.html

@@ -1,4 +1,6 @@
 {% extends "_base.html" %}
+{% block title %}Bedingungen - ComputerSchaf{% endblock %}
+
 {% block assets %}
 <link rel="stylesheet" href="static/leaflet/leaflet.css">
 <script defer src="static/leaflet/leaflet.js"></script>

templates/datenschutz.html

@@ -1,4 +1,6 @@
 {% extends "_base.html" %}
+{% block title %}Datenschutz - ComputerSchaf{% endblock %}
+
 {% block main %}
 <main class="privacy">
   <h1>Datenschutz</h1>

templates/impressum.html

@@ -1,4 +1,6 @@
 {% extends "_base.html" %}
+{% block title %}Impressum - ComputerSchaf{% endblock %}
+
 {% block main %}
 <main>
   <h1>Impressum</h1>

templates/index.html

@@ -1,9 +1,6 @@
 {% extends "_base.html" %}
 {% block main %}
 <main>
-<!--
-  <h1>Computerschaf</h1>
--->
   <section>
     <div class="section-inner">
       <h2 id="services">Dienstleistungen</h2>