/*  Allgemeine Styles für alle Unterseiten,
    hier werden Farben, Schriftarten usw festgelegt */

* {
    margin: 0rem;
    padding: 0rem;
    box-sizing: border-box;
}

:root {
    --hauptBg: #ededed;
    --hellerBg: #f5f5f5;
    --borderColor: #E3E4E5;
    --hoverBlau: #56a7d6;
}

body {
    min-width: 568px;
    background-color: var(--hauptBg);
    font-family: sans-serif;
    font-size: 14px;
}


.box {
    display: flex;
    flex-direction: column;

    .box-header {
        background: linear-gradient(to bottom, #5d5d5d 0%, #2b2b2b 100%);
        border: 1px solid var(--borderColor);
        border-bottom: 0;
        min-height: 40px;
        padding: 10px;
        color: #FFF;
    }

    .box-header::before {
        color: #56a7d6;
        content: "» ";
    }

    .box-content {
        padding: 20px;
        background: #FFF;
        border-bottom: 1px solid #d8d8d8;
        border-left: 1px solid #d8d8d8;
        border-right: 1px solid #d8d8d8;
    }
}