Added Menu; Translated page into german; Replaced Header Sun/Hill/Hillshade Containers with a new SVG; Work in progress as always :)

This commit is contained in:
Vrifox 2021-06-13 13:54:22 +02:00
parent 458b994dce
commit 4d1561520a
Signed by: vrifox
GPG key ID: D40098E5B60B2197
4 changed files with 1071 additions and 81 deletions

1
header optimized.svg Normal file

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 22 KiB

915
header.svg Normal file
View file

@ -0,0 +1,915 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="1920"
height="400"
viewBox="0 0 508 105.83333"
version="1.1"
id="svg5"
inkscape:version="1.1 (c4e8f9ed74, 2021-05-24)"
sodipodi:docname="header.svg"
inkscape:export-filename="/home/vrifox/archive/projects/2020 cozy.town/website header mockup.png"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
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">
<sodipodi:namedview
id="namedview7"
pagecolor="#282828"
bordercolor="#eeeeee"
borderopacity="1"
inkscape:pageshadow="0"
inkscape:pageopacity="0.96078431"
inkscape:pagecheckerboard="0"
inkscape:document-units="px"
showgrid="false"
inkscape:zoom="1"
inkscape:cx="674.5"
inkscape:cy="373.5"
inkscape:current-layer="svg5"
inkscape:snap-object-midpoints="true"
inkscape:snap-text-baseline="true"
inkscape:snap-midpoints="true"
inkscape:object-paths="true"
inkscape:snap-intersection-paths="true"
inkscape:snap-smooth-nodes="true"
inkscape:snap-bbox="true"
inkscape:snap-page="true"
showguides="true"
inkscape:guide-bbox="true"
inkscape:window-width="1920"
inkscape:window-height="1054"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:showpageshadow="false"
showborder="true"
borderlayer="false"
inkscape:snap-global="false" />
<defs
id="defs2">
<inkscape:path-effect
effect="spiro"
id="path-effect36323"
is_visible="true"
lpeversion="1" />
<inkscape:path-effect
effect="spiro"
id="path-effect25676"
is_visible="true"
lpeversion="1" />
<inkscape:path-effect
effect="fillet_chamfer"
id="path-effect17338"
is_visible="true"
lpeversion="1"
satellites_param="F,0,0,1,0,4.3635851,0,1 @ F,0,0,1,0,2,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,2,0,1 @ F,0,0,1,0,2,0,1"
unit="px"
method="auto"
mode="F"
radius="2"
chamfer_steps="1"
flexible="false"
use_knot_distance="true"
apply_no_radius="true"
apply_with_radius="true"
only_selected="true"
hide_knots="false" />
<inkscape:path-effect
effect="fillet_chamfer"
id="path-effect88097"
is_visible="true"
lpeversion="1"
satellites_param="F,0,0,1,0,0,0,1 @ F,0,1,1,0,2,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,2,0,1 @ F,0,0,1,0,2,0,1"
unit="px"
method="auto"
mode="F"
radius="2"
chamfer_steps="1"
flexible="false"
use_knot_distance="true"
apply_no_radius="true"
apply_with_radius="true"
only_selected="true"
hide_knots="false" />
<inkscape:path-effect
effect="fillet_chamfer"
id="path-effect83054"
is_visible="true"
lpeversion="1"
satellites_param="F,0,0,1,0,20,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,30,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,1,1,0,25,0,1 @ F,0,0,1,0,0,0,1"
unit="px"
method="auto"
mode="F"
radius="25"
chamfer_steps="1"
flexible="false"
use_knot_distance="true"
apply_no_radius="true"
apply_with_radius="true"
only_selected="true"
hide_knots="false" />
<inkscape:path-effect
effect="spiro"
id="path-effect73034"
is_visible="true"
lpeversion="1" />
</defs>
<rect
style="display:none;fill:#fadc78;fill-opacity:1;stroke-width:0.926042;stroke-miterlimit:4.7"
id="rect53"
width="508"
height="105.83334"
x="0"
y="-1.5258789e-05"
sodipodi:insensitive="true"
inkscape:label="hintergrund" />
<g
id="g55448"
style="display:none">
<path
id="rect68805"
style="color:#000000;display:none;fill:#373737;fill-opacity:1;stroke-width:0.926044;stroke-miterlimit:4.7;-inkscape-stroke:none"
d="M 315.11874,51.461457 303.3148,67.200033 a 8.5255376,8.5255376 0 0 0 -10.93629,1.015918 L 248.17916,105.43647 H 375.17915 L 340.69712,57.875026 a 4.7954515,4.7954515 0 0 0 -7.76497,9.4e-5 l -3.27011,4.510734 -8.1933,-10.924397 a 3.9687507,3.9687507 0 0 0 -6.35,0 z"
inkscape:label="Berg 1"
sodipodi:nodetypes="cccccccc"
sodipodi:insensitive="true" />
<path
id="path54811"
style="color:#000000;display:none;fill:#fffffe;stroke-width:0.1;stroke-miterlimit:4.7;-inkscape-stroke:none"
d="m 1203.0352,188.44922 c -0.6695,-0.001 -1.3431,0.043 -2.0176,0.13281 v 0 c -4.0056,0.53365 -7.9178,2.64928 -10.3423,5.8822 l -6.9466,9.72649 c 2.3843,-0.28485 4.7479,-0.99155 7.127,-1.17123 4.0764,-0.26419 4.0211,-0.21727 9.2949,0.99219 2.6591,0.60982 4.8914,0.4604 7.8887,0.32812 3.947,-0.17419 7.779,-0.88944 9.664,-0.89843 1.9629,-0.009 3.0982,0.18526 3.7383,0.38086 0.3211,0.0845 0.5303,0.14845 0.8164,0.34961 -2.3421,-3.27643 -4.9934,-6.74429 -7.2109,-9.70118 -2.8581,-3.81102 -7.3215,-6.01237 -12.0078,-6.02148 z"
sodipodi:nodetypes="scccccssccccss"
sodipodi:insensitive="true" />
<g
id="rect68805-8"
inkscape:label="Berg 1"
transform="scale(0.26458333)"
style="display:none"
sodipodi:insensitive="true" />
</g>
<g
id="g82364-1-2"
inkscape:label="Baum"
transform="matrix(0.1488492,0,0,0.1488492,105.59484,71.339553)"
style="stroke-width:6.71819">
<rect
style="fill:#674000;fill-opacity:1;stroke:none;stroke-width:6.22133;stroke-miterlimit:4.7"
id="rect81109-5-9"
width="2.6458333"
height="14.552084"
x="379.67709"
y="91.281242"
inkscape:label="Baumstamm" />
<path
id="path79027-5-1"
style="fill:#008054;fill-opacity:1;stroke-width:23.5137;stroke-miterlimit:4.7"
d="m 1440,200 c -22.0914,0 -40,17.90861 -40,40 6e-4,8.03585 0.9762,15.0804 0,22.525 -1.6809,12.81903 -9.9879,23.13081 -10,37.475 0,27.61424 22.3858,50 50,50 27.6142,0 50,-22.38576 50,-50 -4e-4,-14.35028 -8.3191,-24.67286 -10,-37.5 -0.9745,-7.43642 -5e-4,-14.47466 0,-22.5 0,-22.09139 -17.9086,-40 -40,-40 z"
transform="scale(0.26458333)"
sodipodi:nodetypes="scacscacs" />
</g>
<g
id="g82364-1-2-2"
inkscape:label="Baum"
transform="matrix(0.1488492,0,0,0.1488492,127.6989,72.508629)"
style="stroke-width:6.71819">
<rect
style="fill:#674000;fill-opacity:1;stroke:none;stroke-width:6.22133;stroke-miterlimit:4.7"
id="rect81109-5-9-7"
width="2.6458333"
height="14.552084"
x="379.67709"
y="91.281242"
inkscape:label="Baumstamm" />
<path
id="path79027-5-1-0"
style="fill:#008054;fill-opacity:1;stroke-width:23.5137;stroke-miterlimit:4.7"
d="m 1440,200 c -22.0914,0 -40,17.90861 -40,40 6e-4,8.03585 0.9762,15.0804 0,22.525 -1.6809,12.81903 -9.9879,23.13081 -10,37.475 0,27.61424 22.3858,50 50,50 27.6142,0 50,-22.38576 50,-50 -4e-4,-14.35028 -8.3191,-24.67286 -10,-37.5 -0.9745,-7.43642 -5e-4,-14.47466 0,-22.5 0,-22.09139 -17.9086,-40 -40,-40 z"
transform="scale(0.26458333)"
sodipodi:nodetypes="scacscacs" />
</g>
<g
id="g82364-1-2-2-9"
inkscape:label="Baum"
transform="matrix(0.1697867,0,0,0.1697867,146.22966,70.053999)"
style="stroke-width:5.88973">
<rect
style="fill:#674000;fill-opacity:1;stroke:none;stroke-width:5.45414;stroke-miterlimit:4.7"
id="rect81109-5-9-7-3"
width="2.6458333"
height="14.552084"
x="379.67709"
y="91.281242"
inkscape:label="Baumstamm" />
<path
id="path79027-5-1-0-6"
style="fill:#008054;fill-opacity:1;stroke-width:20.6141;stroke-miterlimit:4.7"
d="m 1440,200 c -22.0914,0 -40,17.90861 -40,40 6e-4,8.03585 0.9762,15.0804 0,22.525 -1.6809,12.81903 -9.9879,23.13081 -10,37.475 0,27.61424 22.3858,50 50,50 27.6142,0 50,-22.38576 50,-50 -4e-4,-14.35028 -8.3191,-24.67286 -10,-37.5 -0.9745,-7.43642 -5e-4,-14.47466 0,-22.5 0,-22.09139 -17.9086,-40 -40,-40 z"
transform="scale(0.26458333)"
sodipodi:nodetypes="scacscacs" />
</g>
<g
id="g82364-1-2-2-0"
inkscape:label="Baum"
transform="matrix(0.1488492,0,0,0.1488492,188.08385,67.392662)"
style="stroke-width:6.71819">
<rect
style="fill:#674000;fill-opacity:1;stroke:none;stroke-width:6.22133;stroke-miterlimit:4.7"
id="rect81109-5-9-7-6"
width="2.6458333"
height="14.552084"
x="379.67709"
y="91.281242"
inkscape:label="Baumstamm" />
<path
id="path79027-5-1-0-2"
style="fill:#008054;fill-opacity:1;stroke-width:23.5137;stroke-miterlimit:4.7"
d="m 1440,200 c -22.0914,0 -40,17.90861 -40,40 6e-4,8.03585 0.9762,15.0804 0,22.525 -1.6809,12.81903 -9.9879,23.13081 -10,37.475 0,27.61424 22.3858,50 50,50 27.6142,0 50,-22.38576 50,-50 -4e-4,-14.35028 -8.3191,-24.67286 -10,-37.5 -0.9745,-7.43642 -5e-4,-14.47466 0,-22.5 0,-22.09139 -17.9086,-40 -40,-40 z"
transform="scale(0.26458333)"
sodipodi:nodetypes="scacscacs" />
</g>
<g
id="g82364-1-2-2-6"
inkscape:label="Baum"
transform="matrix(0.17845858,0,0,0.17845858,200.97897,60.329527)"
style="stroke-width:5.60353">
<rect
style="fill:#674000;fill-opacity:1;stroke:none;stroke-width:5.1891;stroke-miterlimit:4.7"
id="rect81109-5-9-7-1"
width="2.6458333"
height="14.552084"
x="379.67709"
y="91.281242"
inkscape:label="Baumstamm" />
<path
id="path79027-5-1-0-8"
style="fill:#008054;fill-opacity:1;stroke-width:19.6124;stroke-miterlimit:4.7"
d="m 1440,200 c -22.0914,0 -40,17.90861 -40,40 6e-4,8.03585 0.9762,15.0804 0,22.525 -1.6809,12.81903 -9.9879,23.13081 -10,37.475 0,27.61424 22.3858,50 50,50 27.6142,0 50,-22.38576 50,-50 -4e-4,-14.35028 -8.3191,-24.67286 -10,-37.5 -0.9745,-7.43642 -5e-4,-14.47466 0,-22.5 0,-22.09139 -17.9086,-40 -40,-40 z"
transform="scale(0.26458333)"
sodipodi:nodetypes="scacscacs" />
</g>
<g
id="g82364-1-2-2-7"
inkscape:label="Baum"
transform="matrix(0.1488492,0,0,0.1488492,243.27014,61.526354)"
style="stroke-width:6.71819">
<rect
style="fill:#674000;fill-opacity:1;stroke:none;stroke-width:6.22133;stroke-miterlimit:4.7"
id="rect81109-5-9-7-9"
width="2.6458333"
height="14.552084"
x="379.67709"
y="91.281242"
inkscape:label="Baumstamm" />
<path
id="path79027-5-1-0-20"
style="fill:#008054;fill-opacity:1;stroke-width:23.5137;stroke-miterlimit:4.7"
d="m 1440,200 c -22.0914,0 -40,17.90861 -40,40 6e-4,8.03585 0.9762,15.0804 0,22.525 -1.6809,12.81903 -9.9879,23.13081 -10,37.475 0,27.61424 22.3858,50 50,50 27.6142,0 50,-22.38576 50,-50 -4e-4,-14.35028 -8.3191,-24.67286 -10,-37.5 -0.9745,-7.43642 -5e-4,-14.47466 0,-22.5 0,-22.09139 -17.9086,-40 -40,-40 z"
transform="scale(0.26458333)"
sodipodi:nodetypes="scacscacs" />
</g>
<g
id="g82364-1-2-2-7-2"
inkscape:label="Baum"
transform="matrix(0.16898592,0,0,0.16898592,271.92116,62.417255)"
style="stroke-width:5.91764">
<rect
style="fill:#674000;fill-opacity:1;stroke:none;stroke-width:5.47998;stroke-miterlimit:4.7"
id="rect81109-5-9-7-9-3"
width="2.6458333"
height="14.552084"
x="379.67709"
y="91.281242"
inkscape:label="Baumstamm" />
<path
id="path79027-5-1-0-20-7"
style="fill:#008054;fill-opacity:1;stroke-width:20.7118;stroke-miterlimit:4.7"
d="m 1440,200 c -22.0914,0 -40,17.90861 -40,40 6e-4,8.03585 0.9762,15.0804 0,22.525 -1.6809,12.81903 -9.9879,23.13081 -10,37.475 0,27.61424 22.3858,50 50,50 27.6142,0 50,-22.38576 50,-50 -4e-4,-14.35028 -8.3191,-24.67286 -10,-37.5 -0.9745,-7.43642 -5e-4,-14.47466 0,-22.5 0,-22.09139 -17.9086,-40 -40,-40 z"
transform="scale(0.26458333)"
sodipodi:nodetypes="scacscacs" />
</g>
<g
id="g82364-1-2-2-7-2-5"
inkscape:label="Baum"
transform="matrix(0.19586092,0,0,0.19586092,240.33347,57.639769)"
style="stroke-width:5.10565">
<rect
style="fill:#674000;fill-opacity:1;stroke:none;stroke-width:4.72805;stroke-miterlimit:4.7"
id="rect81109-5-9-7-9-3-9"
width="2.6458333"
height="14.552084"
x="379.67709"
y="91.281242"
inkscape:label="Baumstamm" />
<path
id="path79027-5-1-0-20-7-2"
style="fill:#008054;fill-opacity:1;stroke-width:17.8698;stroke-miterlimit:4.7"
d="m 1440,200 c -22.0914,0 -40,17.90861 -40,40 6e-4,8.03585 0.9762,15.0804 0,22.525 -1.6809,12.81903 -9.9879,23.13081 -10,37.475 0,27.61424 22.3858,50 50,50 27.6142,0 50,-22.38576 50,-50 -4e-4,-14.35028 -8.3191,-24.67286 -10,-37.5 -0.9745,-7.43642 -5e-4,-14.47466 0,-22.5 0,-22.09139 -17.9086,-40 -40,-40 z"
transform="scale(0.26458333)"
sodipodi:nodetypes="scacscacs" />
</g>
<g
id="g82364-1-2-2-7-2-5-2"
inkscape:label="Baum"
transform="matrix(0.15566561,0,0,0.15566561,344.15773,71.274079)"
style="stroke-width:6.42401">
<rect
style="fill:#674000;fill-opacity:1;stroke:none;stroke-width:5.94891;stroke-miterlimit:4.7"
id="rect81109-5-9-7-9-3-9-8"
width="2.6458333"
height="14.552084"
x="379.67709"
y="91.281242"
inkscape:label="Baumstamm" />
<path
id="path79027-5-1-0-20-7-2-9"
style="fill:#008054;fill-opacity:1;stroke-width:22.4841;stroke-miterlimit:4.7"
d="m 1440,200 c -22.0914,0 -40,17.90861 -40,40 6e-4,8.03585 0.9762,15.0804 0,22.525 -1.6809,12.81903 -9.9879,23.13081 -10,37.475 0,27.61424 22.3858,50 50,50 27.6142,0 50,-22.38576 50,-50 -4e-4,-14.35028 -8.3191,-24.67286 -10,-37.5 -0.9745,-7.43642 -5e-4,-14.47466 0,-22.5 0,-22.09139 -17.9086,-40 -40,-40 z"
transform="scale(0.26458333)"
sodipodi:nodetypes="scacscacs" />
</g>
<g
id="g82364-1-2-2-7-2-5-2-7"
inkscape:label="Baum"
transform="matrix(0.17408358,0,0,0.17408358,34.079143,72.498811)"
style="stroke-width:5.74435">
<rect
style="fill:#674000;fill-opacity:1;stroke:none;stroke-width:5.31952;stroke-miterlimit:4.7"
id="rect81109-5-9-7-9-3-9-8-3"
width="2.6458333"
height="14.552084"
x="379.67709"
y="91.281242"
inkscape:label="Baumstamm" />
<path
id="path79027-5-1-0-20-7-2-9-6"
style="fill:#008054;fill-opacity:1;stroke-width:20.1053;stroke-miterlimit:4.7"
d="m 1440,200 c -22.0914,0 -40,17.90861 -40,40 6e-4,8.03585 0.9762,15.0804 0,22.525 -1.6809,12.81903 -9.9879,23.13081 -10,37.475 0,27.61424 22.3858,50 50,50 27.6142,0 50,-22.38576 50,-50 -4e-4,-14.35028 -8.3191,-24.67286 -10,-37.5 -0.9745,-7.43642 -5e-4,-14.47466 0,-22.5 0,-22.09139 -17.9086,-40 -40,-40 z"
transform="scale(0.26458333)"
sodipodi:nodetypes="scacscacs" />
</g>
<path
style="display:inline;fill:#3c825d;fill-opacity:0.999776;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 357.34508,81.989624 c -23.06384,-2.896537 -46.1986,-6.463298 -69.42569,-5.550566 -31.61668,1.24241 -62.52968,10.758083 -94.166,11.307367 -22.74632,0.394932 -45.49397,-3.86032 -68.16568,-1.97767 -13.37924,1.111007 -26.478316,4.341981 -39.537652,7.455191 -26.559473,6.331503 -53.457047,12.249244 -80.7583985,12.609394 -1.7637844,0.0233 -3.5278756,0.0233 -5.29165999999999,0 H 507.99999 c -1.76354,0.0428 -3.52813,0.0428 -5.29167,0 -21.16934,-0.51417 -41.63195,-7.148852 -62.30313,-11.743158 -27.32453,-6.073058 -55.28699,-8.612593 -83.06011,-12.100558 z"
id="path25674-2"
inkscape:path-effect="#path-effect36323"
inkscape:original-d="m 357.34508,81.989624 c -30.55386,2.676377 -31.37386,5.131728 -69.42569,-5.550566 -19.46832,-5.465341 -68.21032,10.915604 -94.166,11.307367 -27.59273,0.416472 -42.90447,-8.388538 -68.16568,-1.97767 C 113.3335,88.878666 99.677968,89.942983 86.050058,93.223946 71.337978,96.765928 19.98449,104.64323 5.2916595,105.83334 -65.19502,111.53778 -115.42764,90.259401 -4.9999999e-7,105.83334 H 507.99999 c -17.33507,-17.338413 4.7166,6.62817 -5.29167,0 C 492.6057,99.142682 452.82365,103.37599 440.40519,94.090182 416.52252,76.232099 401.08932,78.408985 357.34508,81.989624 Z"
sodipodi:nodetypes="csssscccssc"
inkscape:label="Inselhügel"
sodipodi:insensitive="true" />
<g
id="layer6"
inkscape:label="Fahne"
style="display:none"
transform="matrix(-1,0,0,1,717.33815,-7.8610183)"
sodipodi:insensitive="true">
<g
id="g10603"
inkscape:groupmode="layer"
inkscape:label="g10603">
<rect
style="fill:#ff3333;fill-opacity:1;stroke-width:0.926042;stroke-miterlimit:4.7"
id="rect2838"
width="7.9375"
height="2.6458335"
x="406.13544"
y="74.083321" />
<rect
style="fill:#ff7632;fill-opacity:1;stroke-width:0.926042;stroke-miterlimit:4.7"
id="rect2838-3"
width="7.9375"
height="2.6458335"
x="406.13541"
y="76.729164" />
<rect
style="fill:#ffdd33;fill-opacity:1;stroke-width:0.926042;stroke-miterlimit:4.7"
id="rect2838-3-6"
width="7.9375"
height="2.6458335"
x="406.13544"
y="79.374985"
inkscape:transform-center-x="0.074695936"
inkscape:transform-center-y="0.15606283" />
<rect
style="fill:#4fff31;fill-opacity:1;stroke-width:0.926042;stroke-miterlimit:4.7"
id="rect2838-3-7"
width="7.9375"
height="2.6458335"
x="406.13544"
y="82.020821" />
<rect
style="fill:#34a2ff;fill-opacity:1;stroke-width:0.926042;stroke-miterlimit:4.7"
id="rect2838-3-5"
width="7.9375"
height="2.6458335"
x="406.13544"
y="84.666656" />
<rect
style="fill:#c133ff;fill-opacity:1;stroke-width:0.926042;stroke-miterlimit:4.7"
id="rect2838-3-3"
width="7.9375"
height="2.6458335"
x="406.13544"
y="87.312492" />
</g>
<rect
style="fill:#3c4b51;fill-opacity:1;stroke-width:0.926037;stroke-miterlimit:4.7"
id="rect910"
width="0.79374999"
height="31.75"
x="404.8125"
y="74.083328" />
</g>
<g
id="g82364-63"
inkscape:label="Baum"
transform="matrix(0.58451948,0,0,0.58451948,-143.09334,34.244287)"
style="stroke-width:1.71081"
sodipodi:insensitive="true">
<rect
style="fill:#6e4600;fill-opacity:1;stroke:none;stroke-width:1.58428;stroke-miterlimit:4.7"
id="rect81109-2"
width="2.6458333"
height="14.552084"
x="379.67709"
y="91.281242" />
<path
id="path79027-06"
style="fill:#00b26b;fill-opacity:1;stroke-width:5.98782;stroke-miterlimit:4.7"
d="m 1440,200 c -22.0914,0 -40,17.90861 -40,40 6e-4,8.03585 0.9762,15.0804 0,22.525 -1.6809,12.81903 -9.9879,23.13081 -10,37.475 0,27.61424 22.3858,50 50,50 27.6142,0 50,-22.38576 50,-50 -4e-4,-14.35028 -8.3191,-24.67286 -10,-37.5 -0.9745,-7.43642 -5e-4,-14.47466 0,-22.5 0,-22.09139 -17.9086,-40 -40,-40 z"
transform="scale(0.26458333)"
sodipodi:nodetypes="scacscacs" />
</g>
<g
id="g51697"
inkscape:label="Baum"
transform="matrix(0.84606661,0,0,0.84606661,-30.959187,13.547736)"
style="stroke-width:1.18194"
sodipodi:insensitive="true">
<rect
style="fill:#6e4600;fill-opacity:1;stroke:none;stroke-width:1.09453;stroke-miterlimit:4.7"
id="rect81109-0"
width="1.3478326"
height="7.4130797"
x="318.05173"
y="86.687012" />
<path
id="path79027-3"
style="fill:#00b26b;fill-opacity:1;stroke-width:1.09453;stroke-miterlimit:4.7"
d="m 318.72564,67.143442 c -2.97755,0 -5.39133,2.413781 -5.39133,5.39133 8e-5,1.083098 0.13158,2.032586 0,3.035993 -0.22655,1.727791 -1.3462,3.117646 -1.34783,5.051003 0,3.721937 3.01723,6.739163 6.73916,6.739163 3.72194,0 6.73917,-3.017226 6.73917,-6.739163 -6e-5,-1.934178 -1.12128,-3.325489 -1.34784,-5.054372 -0.13134,-1.002305 -6e-5,-1.950942 0,-3.032624 0,-2.977549 -2.41377,-5.39133 -5.39133,-5.39133 z"
sodipodi:nodetypes="scacscacs" />
</g>
<g
id="g82364"
inkscape:label="Baum"
transform="matrix(0.51444414,0,0,0.51444414,150.56275,38.712708)"
style="stroke-width:1.94385"
sodipodi:insensitive="true">
<rect
style="fill:#6e4600;fill-opacity:1;stroke:none;stroke-width:1.80008;stroke-miterlimit:4.7"
id="rect81109"
width="2.6458333"
height="14.552084"
x="379.67709"
y="91.281242" />
<path
id="path79027"
style="fill:#00b26b;fill-opacity:1;stroke-width:6.80346;stroke-miterlimit:4.7"
d="m 1440,200 c -22.0914,0 -40,17.90861 -40,40 6e-4,8.03585 0.9762,15.0804 0,22.525 -1.6809,12.81903 -9.9879,23.13081 -10,37.475 0,27.61424 22.3858,50 50,50 27.6142,0 50,-22.38576 50,-50 -4e-4,-14.35028 -8.3191,-24.67286 -10,-37.5 -0.9745,-7.43642 -5e-4,-14.47466 0,-22.5 0,-22.09139 -17.9086,-40 -40,-40 z"
transform="scale(0.26458333)"
sodipodi:nodetypes="scacscacs" />
</g>
<g
id="g82364-67"
inkscape:label="Baum"
transform="matrix(0.44967858,0,0,0.44967858,251.61297,47.081389)"
style="stroke-width:2.22382"
sodipodi:insensitive="true">
<rect
style="fill:#6e4600;fill-opacity:1;stroke:none;stroke-width:2.05934;stroke-miterlimit:4.7"
id="rect81109-53"
width="2.6458333"
height="14.552084"
x="379.67709"
y="91.281242" />
<path
id="path79027-56"
style="fill:#00b26b;fill-opacity:1;stroke-width:7.78334;stroke-miterlimit:4.7"
d="m 1440,200 c -22.0914,0 -40,17.90861 -40,40 6e-4,8.03585 0.9762,15.0804 0,22.525 -1.6809,12.81903 -9.9879,23.13081 -10,37.475 0,27.61424 22.3858,50 50,50 27.6142,0 50,-22.38576 50,-50 -4e-4,-14.35028 -8.3191,-24.67286 -10,-37.5 -0.9745,-7.43642 -5e-4,-14.47466 0,-22.5 0,-22.09139 -17.9086,-40 -40,-40 z"
transform="scale(0.26458333)"
sodipodi:nodetypes="scacscacs" />
</g>
<g
id="g82364-9"
inkscape:label="Baum"
transform="matrix(0.54653399,0,0,0.54653399,85.168399,35.529295)"
style="stroke-width:1.82972"
sodipodi:insensitive="true">
<rect
style="fill:#6e4600;fill-opacity:1;stroke:none;stroke-width:1.69439;stroke-miterlimit:4.7"
id="rect81109-7"
width="2.6458333"
height="14.552084"
x="379.67709"
y="91.281242" />
<path
id="path79027-36"
style="fill:#00b26b;fill-opacity:1;stroke-width:6.40399;stroke-miterlimit:4.7"
d="m 1440,200 c -22.0914,0 -40,17.90861 -40,40 6e-4,8.03585 0.9762,15.0804 0,22.525 -1.6809,12.81903 -9.9879,23.13081 -10,37.475 0,27.61424 22.3858,50 50,50 27.6142,0 50,-22.38576 50,-50 -4e-4,-14.35028 -8.3191,-24.67286 -10,-37.5 -0.9745,-7.43642 -5e-4,-14.47466 0,-22.5 0,-22.09139 -17.9086,-40 -40,-40 z"
transform="scale(0.26458333)"
sodipodi:nodetypes="scacscacs" />
</g>
<g
id="g82364-1"
inkscape:label="Baum"
transform="matrix(0.53449214,0,0,0.53449214,-7.0679748,39.107693)"
style="stroke-width:1.87093"
sodipodi:insensitive="true">
<rect
style="fill:#6e4600;fill-opacity:1;stroke:none;stroke-width:1.73256;stroke-miterlimit:4.7"
id="rect81109-5"
width="2.6458333"
height="14.552084"
x="379.67709"
y="91.281242"
inkscape:label="Baumstamm" />
<path
id="path79027-5"
style="fill:#00b26b;fill-opacity:1;stroke-width:6.54827;stroke-miterlimit:4.7"
d="m 1440,200 c -22.0914,0 -40,17.90861 -40,40 6e-4,8.03585 0.9762,15.0804 0,22.525 -1.6809,12.81903 -9.9879,23.13081 -10,37.475 0,27.61424 22.3858,50 50,50 27.6142,0 50,-22.38576 50,-50 -4e-4,-14.35028 -8.3191,-24.67286 -10,-37.5 -0.9745,-7.43642 -5e-4,-14.47466 0,-22.5 0,-22.09139 -17.9086,-40 -40,-40 z"
transform="scale(0.26458333)"
sodipodi:nodetypes="scacscacs" />
</g>
<g
id="layer3"
inkscape:label="Haus 1"
style="display:none;stroke-width:1.83601"
transform="matrix(0.54465853,0,0,0.54465853,122.95288,37.523298)"
sodipodi:insensitive="true">
<path
id="rect3616"
style="fill:#d2966e;fill-opacity:1;stroke-width:1.70022;stroke-miterlimit:4.7"
d="m 68.791389,44.979077 -13.22892,21.166466 v 39.687707 h 13.22892 15.94397 V 44.979077 Z"
sodipodi:nodetypes="ccccccc" />
<path
id="rect3299-3"
style="display:inline;fill:#dc3741;fill-opacity:1;stroke-width:1.70022;stroke-miterlimit:4.7"
d="m 68.79139,44.979077 13.22987,21.166466 v 2.39109 h 52.91664 v -2.39109 L 121.70802,44.979077 Z"
sodipodi:nodetypes="ccccccc"
inkscape:label="Dach" />
<path
id="rect3299"
style="fill:#af7d5f;fill-opacity:1;stroke-width:1.70022;stroke-miterlimit:4.7"
d="M 82.021262,66.145543 V 105.83325 H 134.9379 V 66.145543 Z"
sodipodi:nodetypes="ccccc" />
<g
id="g37317"
inkscape:label="Fenster leuchtend"
style="fill:#d6c65c;fill-opacity:1;stroke-width:1.83601"
transform="translate(-129.64584,-7.1743718e-5)">
<g
id="g48458"
style="fill:#aabebe;fill-opacity:1;stroke-width:1.83601">
<rect
style="fill:#aabebe;fill-opacity:1;stroke-width:1.70022;stroke-miterlimit:4.7"
id="rect13278-6"
width="5.2916665"
height="9.260417"
x="187.85417"
y="68.791664" />
<rect
style="fill:#aabebe;fill-opacity:1;stroke-width:1.70022;stroke-miterlimit:4.7"
id="rect13278-5-7"
width="5.2916665"
height="9.260417"
x="195.79167"
y="89.958336" />
<rect
style="fill:#aabebe;fill-opacity:1;stroke-width:1.70022;stroke-miterlimit:4.7"
id="rect13278-3-0"
width="5.2916665"
height="9.260417"
x="203.72914"
y="89.958336"
inkscape:transform-center-x="-7.8200805"
inkscape:transform-center-y="-0.16626043" />
</g>
<g
id="g48453"
style="fill:#9bafaf;fill-opacity:1;stroke-width:1.83601">
<rect
style="fill:#9bafaf;fill-opacity:1;stroke-width:1.70022;stroke-miterlimit:4.7"
id="rect13278-6-2"
width="4.7624993"
height="9.260417"
x="214.3125"
y="68.791664" />
<rect
style="fill:#9bafaf;fill-opacity:1;stroke-width:1.70022;stroke-miterlimit:4.7"
id="rect13278-2-8"
width="4.7624993"
height="9.260417"
x="214.3125"
y="89.958336" />
<rect
style="fill:#9bafaf;fill-opacity:1;stroke-width:1.70022;stroke-miterlimit:4.7"
id="rect13278-3-0-9"
width="4.7624993"
height="9.260417"
x="228.59999"
y="89.958336" />
<rect
style="fill:#9bafaf;fill-opacity:1;stroke-width:1.70022;stroke-miterlimit:4.7"
id="rect13278-6-5"
width="4.7624993"
height="9.260417"
x="235.74376"
y="68.791664" />
<rect
style="fill:#9bafaf;fill-opacity:1;stroke-width:1.70022;stroke-miterlimit:4.7"
id="rect13278-5-2-9"
width="4.7624993"
height="9.260417"
x="242.88751"
y="68.791664" />
<rect
style="fill:#9bafaf;fill-opacity:1;stroke-width:1.70022;stroke-miterlimit:4.7"
id="rect13278-2-2"
width="4.7624993"
height="9.260417"
x="235.74376"
y="89.958336" />
<rect
style="fill:#9bafaf;fill-opacity:1;stroke-width:1.70022;stroke-miterlimit:4.7"
id="rect13278-3-0-97"
width="4.7624993"
height="9.260417"
x="250.03127"
y="89.958336" />
<rect
style="fill:#9bafaf;fill-opacity:1;stroke-width:1.70022;stroke-miterlimit:4.7"
id="rect13278-3-9-2-6"
width="4.7624993"
height="9.260417"
x="257.17499"
y="68.791664" />
</g>
</g>
<g
id="g37304"
inkscape:label="Fenster dunkel"
style="fill:#052530;fill-opacity:1;stroke-width:1.83601"
transform="translate(-129.64584,-7.1743718e-5)">
<g
id="g48443"
style="fill:#9b96a5;fill-opacity:1;stroke-width:1.83601">
<rect
style="fill:#9b96a5;fill-opacity:1;stroke-width:1.70022;stroke-miterlimit:4.7"
id="rect13278-5-2"
width="5.2916665"
height="9.260417"
x="195.79167"
y="68.791664" />
<rect
style="fill:#9b96a5;fill-opacity:1;stroke-width:1.70022;stroke-miterlimit:4.7"
id="rect13278-3-9"
width="5.2916665"
height="9.260417"
x="203.72917"
y="68.791664" />
<rect
style="fill:#9b96a5;fill-opacity:1;stroke-width:1.70022;stroke-miterlimit:4.7"
id="rect13278-2"
width="5.2916665"
height="9.260417"
x="187.85417"
y="89.958336" />
</g>
<g
id="g48438"
style="opacity:1;fill:#8c8796;fill-opacity:1;stroke-width:1.83601">
<rect
style="fill:#8c8796;fill-opacity:1;stroke-width:1.70022;stroke-miterlimit:4.7"
id="rect13278-5-2-6"
width="4.7624993"
height="9.260417"
x="221.45625"
y="68.791664" />
<rect
style="fill:#8c8796;fill-opacity:1;stroke-width:1.70022;stroke-miterlimit:4.7"
id="rect13278-3-9-1"
width="4.7624993"
height="9.260417"
x="228.59999"
y="68.791664" />
<rect
style="fill:#8c8796;fill-opacity:1;stroke-width:1.70022;stroke-miterlimit:4.7"
id="rect13278-5-7-7"
width="4.7624993"
height="9.260417"
x="221.45625"
y="89.958336" />
<rect
style="fill:#8c8796;fill-opacity:1;stroke-width:1.70022;stroke-miterlimit:4.7"
id="rect13278-3-9-2"
width="4.7624993"
height="9.260417"
x="250.03127"
y="68.791664" />
<rect
style="fill:#8c8796;fill-opacity:1;stroke-width:1.70022;stroke-miterlimit:4.7"
id="rect13278-5-7-8"
width="4.7624993"
height="9.260417"
x="242.88751"
y="89.958336" />
<rect
style="fill:#8c8796;fill-opacity:1;stroke-width:1.70022;stroke-miterlimit:4.7"
id="rect13278-3-0-97-1"
width="4.7624993"
height="9.260417"
x="257.17499"
y="89.958336" />
</g>
</g>
<g
id="g78630"
inkscape:label="Schornstein"
transform="translate(-16.007311,1.322842)"
style="stroke-width:1.83601">
<path
style="fill:#282828;fill-opacity:0.5;stroke:none;stroke-width:0.485778px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 116.76315,41.363368 c 0.44219,-4.603503 3.14065,-8.93644 7.07713,-11.363767 1.85493,-1.143796 4.0065,-1.8842 6.18448,-1.810308 1.56933,0.05324 3.09067,0.520756 4.59943,0.955858 1.50875,0.435102 3.05533,0.844892 4.62415,0.778094 1.49755,-0.06376 2.95085,-0.562985 4.28093,-1.254074 1.33009,-0.69109 2.55075,-1.572044 3.76406,-2.45216 1.06601,-0.773267 2.13792,-1.552942 3.3246,-2.124012 1.18667,-0.571071 2.50776,-0.927653 3.81863,-0.801391 1.44712,0.139386 2.76743,0.846472 4.13846,1.330075 0.68552,0.241802 1.39699,0.430268 2.1233,0.459906 0.72631,0.02964 1.47179,-0.107358 2.09622,-0.479495 0.24662,-0.146979 0.47585,-0.330614 0.74743,-0.42374 0.13578,-0.04656 0.28171,-0.06919 0.42383,-0.04898 0.14212,0.02021 0.28016,0.08568 0.374,0.194307 0.0703,0.08138 0.11379,0.184388 0.12972,0.290746 0.0159,0.106359 0.005,0.2159 -0.0252,0.319112 -0.0604,0.206425 -0.19461,0.38349 -0.34286,0.539327 -0.66967,0.703938 -1.65254,1.045069 -2.62174,1.113117 -0.9692,0.06805 -1.93754,-0.111552 -2.88781,-0.313976 -2.08453,-0.444043 -4.22786,-1.004647 -6.31795,-0.587545 -1.58311,0.315928 -3.00834,1.175406 -4.27855,2.171702 -1.61907,1.269925 -3.06292,2.795761 -4.88085,3.75972 -1.71742,0.910664 -3.71728,1.269293 -5.64797,1.04283 -1.3825,-0.162162 -2.71196,-0.611997 -4.047,-1.006023 -1.33505,-0.394027 -2.71017,-0.737178 -4.10082,-0.676304 -2.39005,0.104621 -4.66403,1.46717 -5.98668,3.460625 -1.33277,2.008712 -1.70341,4.62663 -0.9806,6.926361 l -2.11822,2.799174 z"
id="path73032"
inkscape:path-effect="#path-effect73034"
inkscape:original-d="m 116.76315,41.363368 c 1.4316,-7.333776 1.21075,-8.918024 7.07713,-11.363767 1.51746,-0.665158 2.54747,-1.741481 6.18448,-1.810308 3.40774,-0.06449 7.4294,1.351204 9.22358,1.733952 3.70907,0.791247 5.36359,-2.470558 8.04499,-3.706234 2.6814,-1.235676 4.76242,-1.950008 7.14323,-2.925403 2.38082,-0.975399 2.40048,-2.108455 8.35798,1.310486 5.47782,3.143678 0.82329,-1.704356 1.54526,-0.278413 0.45523,0.899123 2.01765,1.357785 -0.23839,1.149185 -2.25605,-0.208601 -3.40967,1.281122 -5.50955,0.799141 -2.09989,-0.48198 -3.93696,-1.226093 -6.31795,-0.587545 -2.381,0.638548 -2.87745,0.788523 -4.27855,2.171702 -1.12404,1.109656 -1.39399,3.428955 -4.88085,3.75972 -2.62691,0.249189 -2.33697,1.863888 -5.64797,1.04283 -3.311,-0.821059 -6.34923,-0.74978 -8.14782,-1.682327 -2.31063,-1.198038 -4.96839,1.496106 -5.98668,3.460625 -0.79453,1.480439 -1.23183,2.289181 -0.9806,6.926361 0.51093,3.409911 -1.33013,1.113762 -2.11822,2.799174 -0.40295,-2.14205 -3.47007,-0.689131 -3.47007,-2.799179 z"
sodipodi:nodetypes="ccssssssssssssscccc"
inkscape:label="Rauch" />
<path
id="rect71075-7"
style="fill:#d2966e;fill-opacity:1;stroke-width:1.70021;stroke-miterlimit:4.7"
d="m 114.99918,41.363368 v 2.292884 l 3.52795,5.644616 1.54711,-7.9375 z"
sodipodi:nodetypes="ccccc" />
<rect
style="fill:#af7d5f;fill-opacity:1;stroke-width:1.70023;stroke-miterlimit:4.7"
id="rect71075"
width="5.2916665"
height="7.9375"
x="118.52713"
y="41.363373" />
</g>
</g>
<g
id="g82364-6"
inkscape:label="Baum"
transform="matrix(0.56199219,0,0,0.56199219,-64.691775,37.216091)"
style="stroke-width:1.77938"
sodipodi:insensitive="true">
<rect
style="fill:#6e4600;fill-opacity:1;stroke:none;stroke-width:1.64778;stroke-miterlimit:4.7"
id="rect81109-1"
width="2.6458333"
height="14.552084"
x="379.67709"
y="91.281242" />
<path
id="path79027-0"
style="fill:#00b26b;fill-opacity:1;stroke-width:6.22784;stroke-miterlimit:4.7"
d="m 1440,200 c -22.0914,0 -40,17.90861 -40,40 6e-4,8.03585 0.9762,15.0804 0,22.525 -1.6809,12.81903 -9.9879,23.13081 -10,37.475 0,27.61424 22.3858,50 50,50 27.6142,0 50,-22.38576 50,-50 -4e-4,-14.35028 -8.3191,-24.67286 -10,-37.5 -0.9745,-7.43642 -5e-4,-14.47466 0,-22.5 0,-22.09139 -17.9086,-40 -40,-40 z"
transform="scale(0.26458333)"
sodipodi:nodetypes="scacscacs" />
</g>
<g
id="g18763"
inkscape:label="Regenbogen"
style="opacity:1;stroke-width:0.956522"
transform="matrix(1.0454545,0,0,1.0454545,-11.54545,-4.8106049)"
sodipodi:insensitive="true">
<path
id="path11190"
style="fill:#ff4966;fill-opacity:1;stroke-width:3.34782;stroke-miterlimit:4.7"
inkscape:label="Rot"
d="M 960,-150 C 814.13094,-150 674.2363,-92.053743 571.09129,11.091264 467.94628,114.23627 410.00001,254.13092 410,400 H 535 C 535.00002,287.28298 579.77669,179.18256 659.47965,99.479605 739.18261,19.776647 847.28301,-25.000005 960,-25 c 112.717,-5e-6 220.8174,44.776647 300.5203,124.479605 C 1340.2233,179.18256 1385,287.28298 1385,400 h 125 C 1510,254.13092 1452.0537,114.23627 1348.9087,11.091264 1245.7637,-92.053743 1105.8691,-150 960,-150 Z"
transform="scale(0.26458333)"
sodipodi:nodetypes="ssccsssccss" />
<path
id="path11190-3"
style="display:inline;fill:#ffac63;fill-opacity:1;stroke-width:3.34782;stroke-miterlimit:4.7"
inkscape:label="Orange"
d="M 960,-125 C 820.76135,-125 687.22556,-69.687657 588.76896,28.768939 490.31237,127.22554 435.00002,260.76134 435,400 H 535 C 535.00002,287.28298 579.77669,179.18256 659.47965,99.479605 739.18261,19.776647 847.28301,-25.000005 960,-25 c 112.717,-5e-6 220.8174,44.776647 300.5203,124.479605 C 1340.2233,179.18256 1385,287.28298 1385,400 h 100 C 1485,260.76134 1429.6876,127.22554 1331.231,28.768939 1232.7744,-69.687657 1099.2386,-125 960,-125 Z"
transform="scale(0.26458333)"
sodipodi:nodetypes="ssccsssccss" />
<path
id="path11190-3-6"
style="display:inline;fill:#ffe369;fill-opacity:1;stroke-width:3.34782;stroke-miterlimit:4.7"
inkscape:label="Gelb"
d="m 960,-100 c -132.60823,8e-6 -259.78518,52.678429 -353.55336,146.446615 C 512.67845,140.2148 460.00002,267.39175 460,400 h 75 C 535.00002,287.28298 579.77669,179.18256 659.47965,99.479605 739.18261,19.776647 847.28301,-25.000005 960,-25 c 112.717,-5e-6 220.8174,44.776647 300.5203,124.479605 C 1340.2233,179.18256 1385,287.28298 1385,400 h 75 C 1460,267.39175 1407.3216,140.2148 1313.5534,46.446615 1219.7852,-47.321571 1092.6082,-99.999992 960,-100 Z"
transform="scale(0.26458333)"
sodipodi:nodetypes="ssccsssccss" />
<path
id="path11190-3-6-7"
style="display:inline;fill:#83ff6c;fill-opacity:1;stroke-width:3.34782;stroke-miterlimit:4.7"
inkscape:label="Grün"
d="M 960,-75 C 834.02219,-75.000003 713.20409,-24.955508 624.12431,64.124269 535.04454,153.20405 485.00003,274.02216 485,400 h 50 C 535.00002,287.28298 579.77669,179.18256 659.47965,99.479605 739.18261,19.776647 847.28301,-25.000005 960,-25 c 112.717,-5e-6 220.8174,44.776647 300.5203,124.479605 C 1340.2233,179.18256 1385,287.28298 1385,400 h 50 C 1435,274.02216 1384.9555,153.20405 1295.8757,64.124269 1206.7959,-24.955508 1085.9778,-75.000003 960,-75 Z"
transform="scale(0.26458333)"
sodipodi:nodetypes="ssccsssccss" />
<path
id="path11190-3-6-7-5"
style="display:inline;fill:#69e6ff;fill-opacity:1;stroke-width:3.34782;stroke-miterlimit:4.7"
inkscape:label="Blau"
d="M 960,-50 C 840.6526,-50.000005 726.19336,-2.5894333 641.80199,81.801934 557.41062,166.1933 510.00003,280.65257 510,400 h 37.5 c 2e-5,-112.71702 42.63997,-214.32135 122.34293,-294.0243 C 749.54589,26.272741 847.28301,-12.500005 960,-12.5 c 112.717,-5e-6 208.3505,38.575279 288.0534,118.27824 C 1327.7564,185.48119 1372.5,287.28298 1372.5,400 H 1410 C 1410,280.65257 1362.5894,166.1933 1278.198,81.801934 1193.8066,-2.5894333 1079.3474,-50.000005 960,-50 Z"
transform="scale(0.26458333)"
sodipodi:nodetypes="ssccsssccss" />
<path
id="path11190-3-6-7-5-3"
style="display:inline;fill:#b770ff;fill-opacity:1;stroke-width:3.34782;stroke-miterlimit:4.7"
inkscape:label="Lila"
d="M 960,-25 A 424.99997,425.00008 0 0 0 535,400 h 25 A 400.00003,400.00014 0 0 1 960,0 400.00003,400.00014 0 0 1 1360,400 h 25 A 424.99997,425.00008 0 0 0 960,-25 Z"
transform="scale(0.26458333)" />
</g>
<path
style="fill:#4a9d6f;fill-opacity:0.999776;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 109.24891,94.16623 c 27.76016,0.566643 55.53538,1.003065 83.2882,0.149766 25.68121,-0.789605 51.33223,-2.68326 77.02547,-2.755707 21.82254,-0.06153 43.64088,1.191119 65.45926,0.760276 27.06062,-0.534361 54.11663,-3.656939 81.13412,-2.038915 16.22758,0.971837 32.33621,3.654479 48.08803,7.674299 12.70924,3.243361 25.35711,7.382541 38.46434,7.877381 1.76305,0.0666 3.52861,0.0666 5.29166,0 H 0 c 1.762907,0.0721 3.5287596,0.0721 5.2916666,0 C 18.886351,105.27752 31.899486,100.4821 45.211164,97.667215 66.175383,93.23412 87.825568,93.728935 109.24891,94.16623 Z"
id="path25674"
inkscape:path-effect="#path-effect25676"
inkscape:original-d="m 109.24891,94.16623 c 15.17343,-1.800414 52.73433,-2.526612 83.2882,0.149766 30.55386,2.676377 38.97364,7.926584 77.02547,-2.755707 19.46832,-5.465341 39.50358,0.368513 65.45926,0.760276 27.59273,0.416472 55.87291,-8.449783 81.13412,-2.038915 12.25421,3.109911 34.46012,4.393336 48.08803,7.674299 14.71208,3.541981 23.77151,6.687271 38.46434,7.877381 70.48668,5.70444 120.7193,-15.573936 5.29166,0 H 0 c 17.335072,-17.33841 -4.7166025,6.62817 5.2916666,0 C 15.394288,99.142675 30.976977,103.81804 45.211164,97.667215 67.183767,88.172496 86.554657,96.859031 109.24891,94.16623 Z"
sodipodi:nodetypes="sssssscccsss"
inkscape:label="Inselgras"
sodipodi:insensitive="true" />
<g
id="g18763-1"
inkscape:label="Regenbogen überhang"
style="display:none;stroke-width:0.956522"
transform="matrix(1.0454545,0,0,1.0454545,-11.54545,-4.8106077)"
sodipodi:insensitive="true">
<path
id="path11190-8"
style="fill:#ff4966;fill-opacity:1;stroke-width:3.49999;stroke-miterlimit:4.7"
inkscape:label="Rot"
d="m 960,-175 v 130.681641 c 117.8405,-6e-6 230.8539,46.8128551 314.1797,130.138671 C 1357.5055,169.14613 1404.3184,282.15948 1404.3184,400 H 1535 C 1535,247.50051 1474.4193,101.24747 1366.5859,-6.5859375 1258.7525,-114.41935 1112.4995,-175 960,-175 Z"
transform="matrix(0.25307972,0,0,0.25307972,11.043474,4.601451)" />
<path
id="path11190-3-7"
style="display:inline;fill:#ffac63;fill-opacity:1;stroke-width:3.49999;stroke-miterlimit:4.7"
inkscape:label="Orange"
d="m 960,-148.86328 v 104.544921 c 117.8405,-6e-6 230.8539,46.8128551 314.1797,130.138671 C 1357.5055,169.14613 1404.3184,282.15948 1404.3184,400 h 104.5449 c 0,-145.56768 -57.8259,-285.17357 -160.7578,-388.105469 C 1245.1736,-91.03736 1105.5676,-148.86328 960,-148.86328 Z"
transform="matrix(0.25307972,0,0,0.25307972,11.043474,4.601451)" />
<path
id="path11190-3-6-9"
style="display:inline;fill:#ffe369;fill-opacity:1;stroke-width:3.49999;stroke-miterlimit:4.7"
inkscape:label="Gelb"
d="m 960,-122.72656 v 78.408201 c 117.8405,-6e-6 230.8539,46.8128551 314.1797,130.138671 C 1357.5055,169.14613 1404.3184,282.15948 1404.3184,400 h 78.4082 c 0,-138.63589 -55.0732,-271.59268 -153.1036,-369.623047 C 1231.5927,-67.653419 1098.6358,-122.72655 960,-122.72656 Z"
transform="matrix(0.25307972,0,0,0.25307972,11.043474,4.601451)" />
<path
id="path11190-3-6-7-2"
style="display:inline;fill:#83ff6c;fill-opacity:1;stroke-width:3.49999;stroke-miterlimit:4.7"
inkscape:label="Grün"
d="m 960,-96.591797 v 52.273438 c 117.8405,-6e-6 230.8539,46.8128551 314.1797,130.138671 C 1357.5055,169.14613 1404.3184,282.15948 1404.3184,400 h 52.2734 c 0,-131.7041 -52.3203,-258.01372 -145.4492,-351.142578 C 1218.0137,-44.271432 1091.7041,-96.5918 960,-96.591797 Z"
transform="matrix(0.25307972,0,0,0.25307972,11.043474,4.601451)" />
<path
id="path11190-3-6-7-5-0"
style="display:inline;fill:#69e6ff;fill-opacity:1;stroke-width:3.49999;stroke-miterlimit:4.7"
inkscape:label="Blau"
d="M 960,-70.455078 V -31.25 c 117.8405,-5e-6 217.8207,40.3284774 301.1465,123.654297 C 1344.4723,175.7301 1391.25,282.15948 1391.25,400 h 39.2051 c 0,-124.77231 -49.5656,-244.43478 -137.793,-332.662109 C 1204.4347,-20.889444 1084.7723,-70.455083 960,-70.455078 Z"
transform="matrix(0.25307972,0,0,0.25307972,11.043474,4.601451)" />
<path
id="path11190-3-6-7-5-3-2"
style="display:inline;fill:#b770ff;fill-opacity:1;stroke-width:3.49999;stroke-miterlimit:4.7"
inkscape:label="Lila"
d="m 960,-44.318359 v 26.136718 A 418.18183,418.18195 0 0 1 1378.1816,400 h 26.1368 A 444.31813,444.31825 0 0 0 960,-44.318359 Z"
transform="matrix(0.25307972,0,0,0.25307972,11.043474,4.601451)" />
</g>
<path
id="rect68805-6"
style="color:#000000;display:none;fill:#ffffff;fill-opacity:0.3;stroke-width:0.926044;stroke-miterlimit:4.7;-inkscape-stroke:none"
d="m 187.06042,51.858322 11.80394,15.738576 a 8.5255376,8.5255376 0 0 1 10.93629,1.015918 L 254,105.83333 H 127.00001 l 34.48203,-47.561439 a 4.7954515,4.7954515 0 0 1 7.76497,9.4e-5 l 3.27011,4.510734 8.1933,-10.924397 a 3.9687507,3.9687507 0 0 1 6.35,0 z"
inkscape:label="Berg 1"
sodipodi:nodetypes="cccccccc"
sodipodi:insensitive="true" />
<circle
style="opacity:1;fill:#f5b464;fill-opacity:1;stroke:none;stroke-width:0.92604;stroke-miterlimit:4.7"
id="path41612"
cx="65.687851"
cy="9.9865856"
r="18.569283"
inkscape:label="Sonne"
sodipodi:insensitive="true" />
<path
id="path85748-6"
style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.92604;stroke-miterlimit:4.7"
d="m 103.67211,35.960199 c 1.73394,0.521751 3.34451,1.35516 4.73148,2.457767 0.86382,0.686713 2.31591,1.069325 3.39038,0.814721 1.97066,-0.466962 4.08255,-0.709232 6.22155,-0.709268 7.76935,0.0048 14.32455,3.143339 16.10202,7.40583 0.4232,1.014868 -0.43325,1.936562 -1.53782,1.936562 H 87.610457 c -1.104569,0 -2.017816,-0.903377 -1.827613,-1.990044 0.8171,-4.668252 4.462056,-8.477054 9.284327,-9.922443 2.300312,-0.689476 6.305369,-0.685079 8.604939,0.0069 z"
inkscape:path-effect="#path-effect17338"
inkscape:original-d="m 99.370136,35.328084 a 13.759529,12.537881 0 0 1 10.499554,4.447436 16.594229,9.7219588 0 0 1 8.14583,-1.252101 16.594229,9.7219588 0 0 1 16.5642,9.342392 H 85.610457 A 13.759529,12.537881 0 0 1 99.370136,35.328084 Z"
inkscape:label="Wolke 2"
sodipodi:insensitive="true" />
<path
id="path85748"
style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.926043;stroke-miterlimit:4.7"
d="m 415.76125,17.818511 c -3.24733,0.0026 -6.35824,1.076066 -8.77852,2.985715 -0.86628,0.683515 -2.31839,1.066386 -3.39336,0.813946 -1.90988,-0.448507 -3.95448,-0.681132 -6.02511,-0.681168 -7.55556,0.0046 -13.93458,3.046006 -15.69613,7.18341 -0.43065,1.011481 0.42569,1.934313 1.53026,1.934313 l 43.79164,0 c 1.10457,0 2.01822,-0.903773 1.82336,-1.989545 -1.04296,-5.811705 -6.57918,-10.246737 -13.25214,-10.246671 z"
inkscape:path-effect="#path-effect88097"
inkscape:original-d="m 415.76125,17.818511 a 13.428635,12.236366 0 0 0 -10.24706,4.340483 16.195166,9.488162 0 0 0 -7.94993,-1.22199 16.195166,9.488162 0 0 0 -16.16587,9.117723 h 47.79164 A 13.428635,12.236366 0 0 0 415.76125,17.818511 Z"
inkscape:label="Wolke"
sodipodi:insensitive="true" />
</svg>

After

Width:  |  Height:  |  Size: 46 KiB

141
index.css
View file

@ -1,34 +1,55 @@
:root { :root {
--background: rgb(255, 255, 230); --background: rgb(255, 255, 230);
--background-intro: rgb(250, 220, 120); --background-header: rgb(250, 220, 120);
--background-nav: rgb(252.5, 237.5, 175);
--text: rgb(50, 50, 50); --text: rgb(50, 50, 50);
--sun: rgb(245, 180, 100); --sphere: rgb(245, 180, 100);
--hill: rgb(50, 235, 150); --hill: rgb(50, 235, 150);
--hillshade: rgb(40, 160, 100); --hillshade: rgb(40, 160, 100);
} }
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
:root { :root {
--background: rgb(0, 45, 60); --background: rgb(0, 45, 60);
--background-intro: rgb(0, 70, 100); --background-header: rgb(0, 70, 100);
--background-nav: rgb(0, 62.5, 80);
--text: rgb(255, 255, 255); --text: rgb(255, 255, 255);
--sun: rgb(105, 210, 255); --sphere: rgb(105, 210, 255);
--hill: rgb(0, 95, 135); --hill: rgb(0, 95, 135);
--hillshade: rgb(0, 45, 60); --hillshade: rgb(0, 45, 60);
} }
} }
* { * {
box-sizing: border-box; box-sizing: border-box;
scrollbar-color: var(--sun) var(--background-intro); scrollbar-color: var(--sphere) var(--background-header);
} }
html {
scroll-behavior: smooth;
}
a {
color: var(--text);
text-underline-offset: 3px;
transition: text-decoration-color .15s ease;
}
a:hover {
text-decoration-color: var(--sphere);
}
body { body {
background: var(--background); background: var(--background);
color: var(--text); color: var(--text);
font-family: 'Lucida Console', 'Courier New', monospace; font-family: 'Lucida Console', 'Courier New', monospace;
hyphens: auto;
line-height: 1.8; line-height: 1.8;
margin: 0; margin: 0;
} }
header { header {
background: var(--background-intro); background: var(--background-header);
color: var(--text); color: var(--text);
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -38,86 +59,140 @@ header {
position: relative; position: relative;
text-align: center; text-align: center;
} }
header h1 { header h1 {
font-size: 3.5em; font-size: 3.6em;
line-height: .9em;
margin: 0; margin: 0;
z-index: 10; z-index: 10;
} }
header p { header p {
margin: 0; margin: 0;
z-index: 10; z-index: 10;
} }
header sun {
background: var(--sun); header #sphere {
background: var(--sphere);
border-radius: 100%; border-radius: 100%;
display: none;
height: 10vh; height: 10vh;
left: 30vw; left: 30vw;
position: absolute; position: absolute;
top: 3vh; top: 3vh;
width: 10vh; width: 10vh;
} }
header hill {
header #hill {
background: var(--hill); background: var(--hill);
border-radius: 40px; border-radius: 40px;
bottom: 0; bottom: 0;
display: none;
height: 40vh; height: 40vh;
left: 50vw; left: 50vw;
position: absolute; position: absolute;
transform: rotate(45deg) translate(50%, 50%); transform: rotate(45deg) translate(50%, 50%);
width: 40vh; width: 40vh;
} }
header hillshade {
header #hillshade {
background: var(--hillshade); background: var(--hillshade);
border-radius: 80px; border-radius: 80px;
bottom: -5vh; bottom: -5vh;
display: none;
height: 40vh; height: 40vh;
left: 30vw; left: 30vw;
position: absolute; position: absolute;
transform: rotate(45deg) translate(50%, 50%); transform: rotate(45deg) translate(50%, 50%);
width: 40vh; width: 40vh;
} }
#header-background {
height: 100%;
position: absolute;
align-self: center;
}
main { main {
margin: 0 auto;
max-width: 1200px;
}
main > nav {
align-items: center;
background: var(--background-nav);
border-radius: 10px;
display: flex;
gap: 20px;
height: 60px;
justify-content: center;
margin: 0px 20px -30px 20px;
position: relative;
top: -30px;
}
main section {
display: grid; display: grid;
grid-template-columns: repeat(3, 1fr); grid-template-columns: repeat(3, 1fr);
grid-gap: 20px; grid-gap: 20px;
margin: 0 auto; margin: 40px 20px;
max-width: 1200px;
padding: 20px;
} }
main article { main article {
background: var(--background-intro); background: var(--background-header);
border-radius: 10px; border-radius: 10px;
padding: 20px; box-shadow: rgba(0, 0, 0, 0.1) 10px 10px 0px 0px;
text-align: center;
display: flex; display: flex;
flex-wrap: wrap; flex-direction: column;
padding: 40px;
transition: box-shadow .3s ease, transform .3s ease;
} }
main article:hover {
box-shadow: rgba(0, 0, 0, 0.1) 10px 15px 0px 0px;
transform: translate(0, -5px);
}
main article a { main article a {
background: var(--background); background: var(--background);
border-bottom: 2px solid var(--text);
border-radius: 5px; border-radius: 5px;
box-shadow: rgba(0, 0, 0, 0.1) 5px 5px 0px 0px;
color: var(--text); color: var(--text);
display: inline-block;
font-weight: bold;
padding: 10px 14px; padding: 10px 14px;
text-decoration: none; text-decoration: none;
transition: border .15s ease, margin .15s ease; transition: box-shadow .15s ease, transform .15s ease;
margin: 0 auto;
align-self: end;
} }
main article a:hover { main article a:hover {
border-bottom: 1px solid var(--text); box-shadow: rgba(0, 0, 0, 0.1) 2.5px 2.5px 0px 0px;
margin: 1px auto 0 auto; transform: translate(2.5px, 2.5px);
} }
main article a:active { main article a:active {
border: 0; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0px 0px;
transform: translate(5px, 5px);
} }
main article h1 {
main article h2 {
font-size: 1.8em; font-size: 1.8em;
margin: 0 auto; line-height: normal;
margin: 0;
} }
main article p { main article p {
margin: auto; margin: 20px 0;
padding: 10px 0;
} }
main article nav {
display: flex;
flex-wrap: wrap;
gap: 10px;
hyphens: none;
margin-top: auto;
}
@media (max-width: 1000px) { @media (max-width: 1000px) {
header hill { header hill {
transform: rotate(45deg) translate(40%, 70%); transform: rotate(45deg) translate(40%, 70%);
@ -125,17 +200,19 @@ main article p {
header hillshade { header hillshade {
transform: rotate(45deg) translate(20%, 80%); transform: rotate(45deg) translate(20%, 80%);
} }
main { section#dienste {
grid-template-columns: repeat(2, 1fr); grid-template-columns: repeat(2, 1fr);
} }
} }
@media (max-width: 600px) { @media (max-width: 600px) {
main { section#dienste {
grid-template-columns: repeat(1, 1fr); grid-template-columns: repeat(1, 1fr);
} }
} }
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
header sun { header #sphere {
left: unset; left: unset;
right: 30vw; right: 30vw;
} }

File diff suppressed because one or more lines are too long