:root {
  --font-geometric-humanist: Avenir,Montserrat,Corbel,URW Gothic,source-sans-pro,sans-serif;
  --font-size-fluid-1: clamp(1rem,4vw,1.5rem);
  --stone-10: #3a3a37;
  --stone-0: #f8fafb;
  --size-10: 5rem;
  --size-5: 1.5rem;
  --font-lineheight-0: 1.1;
  --font-size-fluid-3: clamp(2rem,9vw,3.5rem);
  --font-weight-9: 900;
  --purple-10: #702682;
  --gradient-3: radial-gradient(circle at top right,#0ff,rgba(0,255,255,0)),radial-gradient(circle at bottom left,#ff1492,rgba(255,20,146,0));
  --noise-3: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox=%270 0 1024 1024%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cfilter id=%27a%27%3E%3CfeTurbulence type=%27fractalNoise%27 baseFrequency=%27.25%27 stitchTiles=%27stitch%27/%3E%3C/filter%3E%3Crect width=%27100%25%27 height=%27100%25%27 filter=%27url%28%23a%29%27/%3E%3C/svg%3E");
  --size-14: 20rem;
  --camo-5: #a7a827;
  --border-size-3: 5px;
  --radius-drawn-1: 255px 15px 225px 15px/15px 225px 15px 255px;
}

/*
    __  __________  _____       ________                          __
   / / / /_  __/  |/  / /      / ____/ /__  ____ ___  ___  ____  / /______
  / /_/ / / / / /|_/ / /      / __/ / / _ \/ __ `__ \/ _ \/ __ \/ __/ ___/
 / __  / / / / /  / / /___   / /___/ /  __/ / / / / /  __/ / / / /_(__  )
/_/ /_/ /_/ /_/  /_/_____/  /_____/_/\___/_/ /_/ /_/\___/_/ /_/\__/____/
*/

* {
  cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IB2cksfwAAAARnQU1BAACxjwv8YQUAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAAXEgAAFxIBZ5/SUgAAAAd0SU1FB+kEAwQtKuYy0iEAAAUASURBVFjD7ZZLjFxHFYa/U1X3Nf2Ynp6H2+PXGJMICaFYwiNWIOENCxAbFIksIjbAgljKAssw4zwgssEiTIKiIAWEoiDCQ7BhAxJRQAGiKALiILJwggcH2+Oxnfb0TL/73r5VxaJ5SBijMNNmA/+mFmdxvjr/qXMK/tcl/y7Y/vySKK2PiEjJx/EvCw+ctOMGULdMvrQc0O08LXn+slj3vBoMnus+/IXqfw2AYfZ+EfUJKZWVrs2LFMtHZZj/rHvixLH2gw/p2w6ggtBKYNBT08hkBV0oosPwiIh+QrrdxzvLy2ocAOZWAe/9K6LNVQnCeZkogHOoKEbZXPJrV4/ZTmsdOHP7LIiiLt5f9d7DcAhBgMQJamYOs/+g6FL5ke7S8kduG4Dtdcgb9b6rX8e3mpCmUCrisxRJEsyBQ4EEwbc6S8v7bgvA5KNf9Sj9rG23IAxBKUgHSLGIhCGqVMLM7d4lIs/2vvlUPH4LAAqF7/lhdg1RoDRkOSQxPh3g8xy1sIBePPwBOTi/Mvjz7+OxDyKAzvHjJ8303Ck9PQd48A5ZOACTJajN4GyKpYeaLK+jg++I0l8PJ/dfHk8FAG/Mk7ZxY80PekgcQ6UM7zyA3HEQqVZQtRqqOo2YYB7854BzWevyqXTzzYmxAJTOnGl6707bZgO/bxeyeBdSKSOlEsQJojViIkAQUeBdAdEnxYQvZM21vTsGAPCFiW/7/XN/ctUCTE1CIcErAWVANCIK792oT5Qe2aSjxaEKf3r+rbdqOwYoffGRvhx+1zO+muADGXWO9wgetEFMguhwdJoEh9C1ioZL3rPukh9/42K3sCMAANlTC6UwgRu2cXkKPh/dGkHUP1ZDjuGGTTjXEVYzQ0OC9ylh5bHzLdkZgNYl7z0g+GEXl3XwNgPvRoMLzUY/Zz3VrA0jznYNb3RHsUTJp6yTe3YE4F3uRWT0FJXGO4vtb2CzNmluqduE17ohZztCC00x0DRTRztzTBilZhL95GOr7Tu3DaCC4qtionxUdoXoAKtjrvcsF7qeK3nIFR9xceDZHHqmQsVUpLjet3hgMlJTgZZnVlbb0dvahjdvR9tQJjJKFM5ZMhez6SLO9T2XMsV0IhQDoZl7bqSW3YmhGiky59kcOhIjfUSey9/uOr6pB0S95D0dK1Hxcm9AwwuZDqnjuTLIQTlmE8VsrFjrWpqZJdaKqVD5a5l7sevk2P0LhT9s24KwvHdzY2B/cjk1/DEr8GJTcTGFglJUQkU9tXRzTyBCNVJsDT0iNGItn6mF6uj9B25O/h9VAOClhnpqEKi7h0qrdj5EDSwm1kRK2OhbNvqWXQVD0SjYqjczKSx+/ND0hW39iP6VzrbMryZi/8JsgaOzieFqLyfWQjlUKDGsbmaUVc7BjTfYM7hUbp1784PAhR1Pwr/p9JEZ107tciu1eayFSqhoZg4RmIx1vrtonq7++rtn3+HrzOxZkKk9h7788yc+Oz82gL+W7Df93P9IC8wmhr711Pv2dbz/0P5y+Empr356mA1SbQIqtX2z1Vpt5flH75OxAZx6b9WnuXt4K3O91tClzvmvrHXyxXv2Tvzi7vnYf/TE117ZuHT+8U7jOj4fIkp/DPT0WHrg7xCHp84/8NrWcef47Zfuqvzun+Ob61dOZ/3eh5Ny5d1b65d+YCRvbPtHtF19f+neshL2Zmn6+r0rP3T8X7fQXwCmvx+wHbELkwAAAABJRU5ErkJggg==), auto;
}

body {
  font-family: var(--font-geometric-humanist);
  font-size: var(--font-size-fluid-1);
  color: var(--stone-10);
  background: var(--stone-0);
}

header,
main {
  display: grid;
  align-items: center;
  grid-template-columns: 1fr 1fr 1fr;
}

/*
   ________
  / ____/ /___ ______________  _____
 / /   / / __ `/ ___/ ___/ _ \/ ___/
/ /___/ / /_/ (__  |__  )  __(__  )
\____/_/\__,_/____/____/\___/____/
*/
.container {
  width: 60%;
  margin: 0 auto;
}

.impressum__container {
  padding: var(--size-10);
  display: grid;
  gap: var(--size-5);
  grid-template-rows: 1fr 1fr;
}

.impressum__container--inner {
  display: grid;
  grid-template-columns: max-content;
  vertical-align: top;
}

.impressum__container--inner > a {
  color: var(--text-1);
  line-height: var(--font-lineheight-0);
  font-size: var(--font-size-fluid-3);
  font-weight: var(--font-weight-9);
  text-decoration: none;

}

.impressum__container--inner > a:hover {
  color: var(--purple-10);
  text-decoration: underline;

}

.background__gradient {
  background: var(--gradient-3);
}

.background__gradient:hover {
  background: var(--gradient-3), var(--noise-3);
}

.svg__logo--animated {
  margin: auto;
  width: fit-content;
  max-width: 100%;
  max-height: 100%;
  min-width: 0;
  min-height: 0;
}

.path__animation {
  animation:
    draw-logo 4s cubic-bezier(0.48, 0.49, 0.22, 1) forwards,
    paint-logo 1s 2s cubic-bezier(0.48, 0.49, 0.22, 1) forwards;
}

.drawn {
  inline-size: var(--size-14);
  border: var(--camo-5) var(--border-size-3) solid;
  border-radius: var(--radius-drawn-1);
}

.text__centered {
  text-align: center;
  overflow: hidden;
  word-wrap: break-word;
}

/*
    ___          _                 __  _
   /   |  ____  (_)___ ___  ____ _/ /_(_)___  ____  _____
  / /| | / __ \/ / __ `__ \/ __ `/ __/ / __ \/ __ \/ ___/
 / ___ |/ / / / / / / / / / /_/ / /_/ / /_/ / / / (__  )
/_/  |_/_/ /_/_/_/ /_/ /_/\__,_/\__/_/\____/_/ /_/____/
*/
@keyframes draw-logo {
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes paint-logo {
  to {
    fill-opacity: 1;
  }
}