Hallo Rolf,
hatte ich versucht (auch schon in einem anderen Beitrag schon); der zweite Bereich war dann uncodiert angehängt. Aber jetzt habe ich es kapiert; die Tilden müssen den Codebereich umschließen. 😀
#skip-link {
position: absolute;
left: 0;
top: 0;
background: black;
color: white;
padding: 0.25em;
transform: translateY(-100%);
transition: 0.2s transform;
}
#skip-link:focus {
transform: translateY(0);
}
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>
Startseite | Sozialwerk KONTAKT e.V. | 78050 Villingen-Schwenningen
</title>
<meta
name="description"
content="Startseite | KONTAKT e.V. | Wer oder was ist KONTAKT e.V.?"
/>
<meta
name="keywords"
content="KONTAKT Villingen-Schwenningen e.V., soziale Arbeit, Sozialwerk für Prävention und Integration, Kids Live, Lights On, Arbeit mit Jugendlichen, Arbeit mit Kindern, Integration, Migration, Suchtprävention"
/>
</head>