/* CSS-Stylesheet-Datei für das Menue */
body {
    background-color: #ffcc99;
}

body, td, th {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
}

p {
    color: #800000; /* Schriftfarbe für Absätze, passend zu Links */
}

a {
    text-decoration: none;
    color: #800000;
}
a:visited {
    text-decoration: none;
    color: #9900FF;
}
a:active {
    text-decoration: none;
    color: #ff0000;
}
a:hover {
    text-decoration: none;
    color: #ff0000;
}

a:not([href^="http"])::before {
    content: '⮞ ';
    color: #800000;
    margin-right: 5px;
}

.email {
    background: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20d%3D%22M2%2C8%20h20%20v12%20h-20z%20l20%2C12m0%2C-12%20l-20%2C12%22/%3E%3C/svg%3E") no-repeat right center;
    padding-right: 30px;
    display: inline-block;
    background-size: 24px 24px;
    position: relative; /* Für z-index, falls nötig */
    z-index: 1; /* Symbol nach vorne bringen */
}

.email:hover,
.email:focus {
    background-color: #fffbf0;
    background-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22purple%22%20stroke-width%3D%222%22%20d%3D%22M2%2C8%20h20%20v12%20h-20z%20l20%2C12m0%2C-12%20l-20%2C12%22/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 24px 24px;
}