@charset "UTF-8";
html {
    font-size: 100%
}
body {
    width: 100%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background: #0091A3 url("images/dl_bg.png") repeat 30%;
    margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
    padding: 0;
    text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left zugewiesen. */
}
#container {
    width: 95%;  /* Hierdurch wird ein Container mit einer Breite erstellt, die 80% der Browserbreite beträgt. */
    margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
    text-align: center; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
    margin-top: 10%;
}
#mainContent {
    padding: 5%; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
}
#contactBox {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
}
.box {
    padding: 1.5%;
}
p {
    font-weight: normal;
    font-size: 1.0rem;
    color: rgba(255,255,255,1.0);
    text-align: center;
    letter-spacing: 1.5px;
}
.meta {
    font-size: 0.85rem;
    color: rgba(255,255,255,0.7);
}
a.textlink {
    color: rgba(255,255,255,0.85);
    padding: 8px;
}
a.textlink:hover, a.textlink:visited {
    color: rgba(255,255,255,1.00);
    text-decoration: underline;
    background-color: rgba(255,255,255,0.25);
    background-color: rgba(0,190,202,1.00);
}

@media screen and (max-width: 414px) {
html {
    font-size: 100%;
}
body {
    background-size: 100%;
}
}