/* Webstudio-Zeile im Fuß — Wortmarke von web-norddeutschland.de (Vorlage coro-kurse.com).
   Zeichen zeichnet sich, die Ecke klappt auf, die Buchstaben steigen auf;
   danach läuft in Abständen ein Lichtschimmer durch das Wort.
   Fuß ist hier dunkel (#0a1020) -> Farben der Dunkel-Vorlage. Schrift lokal. */
@font-face {
  font-family: 'Inter Tight';
  src: url('/fonts/InterTight-700-latin.woff2') format('woff2');
  font-weight: 700; font-style: normal; font-display: swap;
}
.webmaster {
  border-top: 1px solid rgba(255, 255, 255, 0.09);
  margin-top: 22px;
  padding-top: 22px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.7rem;
  text-align: center;
}
.webmaster-label {
  font-size: 0.68rem;
  line-height: 1.2;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.45);
}
.wnd {
  --wnd-akzent: #6b84ff;
  --wnd-f: #fff;
  display: inline-flex;
  align-items: center;
  gap: 0.42em;
  font-size: clamp(1.05rem, 0.95rem + 0.5vw, 1.3rem);
  color: #fff;
  text-decoration: none;
  line-height: 1;
  max-width: 100%;
}
.wnd-zeichen { width: 1.22em; height: 1.22em; flex: none; overflow: visible; margin-top: -0.12em; }
.wnd-rahmen {
  fill: none;
  stroke: #fff;
  stroke-width: 3.2;
  stroke-linecap: square;
  stroke-dasharray: 1;
  stroke-dashoffset: 1;
  transition: stroke-dashoffset 0.9s cubic-bezier(0.65, 0, 0.35, 1), stroke 0.3s;
}
.wnd-ecke {
  fill: var(--wnd-akzent);
  transform-box: fill-box;
  transform-origin: 100% 0;
  transform: scale(0) rotate(-90deg);
  transition: transform 0.55s cubic-bezier(0.34, 1.56, 0.64, 1) 0.75s;
}
.wnd-text { display: flex; flex-direction: column; align-items: flex-start; gap: 0.32em; }
.wnd-wort {
  font-family: 'Inter Tight', 'Inter', system-ui, sans-serif;
  font-weight: 700;
  letter-spacing: -0.015em;
  white-space: nowrap;
}
.wnd-b {
  display: inline-block;
  color: var(--wnd-f, currentColor);
  opacity: 0;
  transform: translateY(0.55em);
  filter: blur(4px);
  transition: opacity 0.5s ease, transform 0.6s cubic-bezier(0.2, 0.7, 0.2, 1), filter 0.5s ease;
  transition-delay: calc(0.35s + var(--i) * 35ms);
}
.wnd-strich, .wnd-punkt { --wnd-f: #93a6ff; }
.wnd-strich { transform: scaleX(0); transform-origin: 0 50%; }
.wnd-zeile {
  font-family: 'Inter', system-ui, sans-serif;
  font-weight: 500;
  font-size: max(0.3em, 0.58rem);
  letter-spacing: 0.5em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.62);
  opacity: 0;
  padding-left: 0.1em;
  transition: opacity 0.8s ease 1.3s, letter-spacing 1.1s cubic-bezier(0.2, 0.7, 0.2, 1) 1.3s;
}
.wnd.an .wnd-rahmen { stroke-dashoffset: 0; }
.wnd.an .wnd-ecke { transform: none; }
.wnd.an .wnd-b { opacity: 1; transform: none; filter: none; }
.wnd.an .wnd-zeile { opacity: 1; letter-spacing: 0.22em; }
/* Nach dem Aufbau: Schimmer läuft alle sieben Sekunden durch, die Ecke hebt sich kurz.
   Grundfarbe ist in den Keyframes verankert -> nur kurzes Aufblitzen, sonst Grundfarbe. */
.wnd.an .wnd-b { animation: wnd-schimmer 7s calc(2.4s + var(--i) * 45ms) infinite; }
.wnd-hub { transform-box: fill-box; transform-origin: 0 100%; }
.wnd.an .wnd-hub { animation: wnd-ecke 7s 3.4s infinite; }
@keyframes wnd-schimmer {
  0%, 9%, 100% { color: var(--wnd-f); text-shadow: none; }
  4% { color: #dfe5ff; text-shadow: 0 0 0.45em rgba(107, 132, 255, 0.95); }
}
@keyframes wnd-ecke {
  3% { transform: translate(8%, -8%) rotate(8deg); }
  8% { transform: none; }
}
.wnd:hover .wnd-rahmen, .wnd:focus-visible .wnd-rahmen { stroke: var(--wnd-akzent); }
.wnd:hover .wnd-zeile { color: rgba(255, 255, 255, 0.8); }
@media (prefers-reduced-motion: reduce) {
  .wnd-rahmen { stroke-dashoffset: 0; transition: none; }
  .wnd-ecke, .wnd-strich { transform: none; transition: none; }
  .wnd-b { opacity: 1; transform: none; filter: none; transition: none; }
  .wnd-zeile { opacity: 1; letter-spacing: 0.22em; transition: none; }
  .wnd.an .wnd-b, .wnd.an .wnd-hub { animation: none; }
}
/* Unterseiten mit einzeiligem Fuß (.wrap.foot-bottom trägt schon eine Linie): keine zweite Linie */
footer > .wrap.foot-bottom + .wrap > .webmaster { border-top: 0; margin-top: 6px; padding-top: 10px; }