:root {
  --svg-use-size: 1em;
  --svg-use-color: currentColor;
}
:root {
  --ub-logo-size: 1em;
  --ub-shield-scale: 1.2;
  --ub-shield-size: 5;
  --ub-ub-scale: 1;
  --ub-ub-size: 10;
  --ub-gap: 1;
}
.schule-logo {
  text-decoration: none;
  display: inline-flex;
  position: relative;
  align-items: center;
  justify-items: left;
  gap: calc(var(--ub-logo-size) * var(--ub-gap));
}
.schule-logo .__shield img {
  width: calc(var(--ub-logo-size) * var(--ub-shield-size));
  height: auto;
  transform-origin: 50%;
  transform: scale(var(--ub-shield-scale));
}
.schule-logo .__ub img {
  width: calc(var(--ub-logo-size) * var(--ub-ub-size));
  width: 10em;
  height: auto;
  transform-origin: 50%;
  transform: scale(var(--ub-ub-scale));
}