/* Gesamte Webseite */
* {
    margin: 0;
}

/* Schriftstil und Hintergrund */
html,
body {
    font-family: arial, sans-serif;
    background-color: rgb(223, 226, 229);
    scroll-behavior: smooth;
}

/* Einbindung Bannergrafik via CSS */
header {
    background-color: lightblue;
    background-image: url(bilder/darts_background.png);
    background-size: cover;
}

header p {
    color: rgba(251, 245, 164, 0.523);
    font-weight: bolder;
    font-size: 50px;
    text-shadow: 2px 2px 2px #ce7d13,
        2px -2px 2px #963f10,
        -2px 2px 2px #963f10,
        -2px -2px 2px #963f10;

    /*     top  right  bottom  left    padding  */
    padding: 10px 10px 10px 50px;
    text-align: right;
}

/* Navigation */
nav {
    background-color: #ceb98e;
}

nav ul {
    padding: 0;
}

nav li {
    list-style-type: none;
    display: inline-block;
    height: 1.5em;
    padding: 0 1em;
    line-height: 1.5em;
    border-right: black 1px solid;
}

/* Navigation: Menüeinträge */
nav a {
    color: black;
    text-decoration: none;
    padding-right: 10px;
    padding-left: 10px;
}

/* Navigation: Hover-Effekt */
nav a:hover {
    background-color: rgb(200, 214, 238);
    padding-right: 10px;
    padding-left: 10px;

}

/* Profil */
#useranzeige {
    background-color: rgb(200, 214, 238);
    text-align: right;
    padding-left: 60px;
    padding-right: 60px;
}

.keinrahmen {
    border-right: 0;
}

/* Schatten-Effekt unterhalb der Navigation */
.schatten {
    background-image: url(bilder/schatten.png);
    height: 12px;
}

/* DIV-Box für den Inhaltsbereich */
article {
    margin: 20px 40px;
}

/* Weitere Formatierungen für den Inhaltsbereich */
article h1 {
    margin-bottom: 0.4em;
}

article p,
article ul {
    margin-bottom: 1em;
    line-height: 1.5em;
}

/* Überschriftenformatierung in der home.php */
#welcome1 {
    color: rgb(9, 73, 130);
    font-size: 24pt;
    font-weight: bold;
}

/* Überschriftenformatierung in home und artikel */
#welcome2 {
    color: rgb(9, 73, 130);
    font-size: 15pt;
    font-weight: bold;
}

/* Hinweisformatierung in der login-formular.php */
#support {
    background-color: rgb(110, 139, 217);
    font-size: large;
    padding: 10px;
}