:root {
  --color-theme: #007575;
  --color-theme-l: color-mix(in srgb, var(--color-theme), #fff 15%);
}

.header .logo img {
  max-width: 100%;
}

.button {
  background: var(--color-theme);
  border-radius: 0;
}
.button:hover {
  background: var(--color-theme-l);
}
.button.button-outline {
  color: var(--color-theme);
  border-color: var(--color-theme);
}
.button.button-outline:hover {
  background: var(--color-theme-l);
  border-color: var(--color-theme-l);
}

a {
  color: var(--color-theme);
  text-decoration-color: var(--color-theme);
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
a:hover {
  color: var(--color-theme-l);
  text-decoration-color: var(--color-theme-l);
}

input[type="text"], input[type="email"], input[type="password"], select {
  border-radius: 0;
}

footer.container a[href^="https://crymg.de"] {
  padding: 0 8px;
}