So sieht nun (vorerst nur die index.html) der Kopf (head) aus (in Auszügen) und drunter auch noch die ergänzte CSS (wie kriege ich das als ZWEI Quelltexte hin?):
<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, Jugendarbeit, Kinderarbeit, Integration, Migration, Suchtprävention"
/>
<!-- die ganzen "apple-touch-icons", etc. habe ich rausgelassen-->
</head>
#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);
}