:root {
    --primary: #2c3e50;
    --bg: #f8f9fa;
    --sidebar-bg: #ffffff;
    --text: #333;
    --speed: 1.5s; /* Præcis 1,5 sekund jf. konventioner */
}

* {
    box-sizing: border-box;
}

body {
    font-family: 'Lato', sans-serif;
    font-family: 'Barlow', sans-serif;
    margin: 0;
    display: flex;
    height: 100vh;
    background-color: var(--bg);
    overflow: hidden;
    flex-direction: column;
}

body {
    color: #211a52; /* AAU mørkeblå */
}


h1, h2, h3 {
    font-family: 'Montserrat', sans-serif; /* Sekundær */
}

hr {
    opacity: 1;
    margin: 30px 0;
    max-height: 10px;
    border: 1px solid #ccc;
    overflow: hidden;
    transition: opacity 0.5s ease, max-height 0.5s ease, margin 0.5s ease, padding 0.5s ease;
}

    hr.hidden, .hidden {
        opacity: 0;
        max-height: 0;
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 0;
        padding-bottom: 0;
        border-width: 0;
        pointer-events: none;
    }

    hr.divider {
        width: 100%;
        border: 0;
        height: 1px;
        background: #ddd;
        margin: 30px 0;
    }