:root{
    --header-height: 5em;
    --slides-height: 15em;
    --logo-square-size: 3em;
    --brand-primary:#00008c; /* Dunkelblau */
    --brand-secondary:#00ff00; /* Hellgrün */
    --brand-light:#86b9f5;   /* Hellblau */
    --font-primary:#00008c;
    --font-secondary:#ffffff;
    --text:#1e1f1e;
    --bg:#ffffff;
    --radius:16px;
}


@font-face {
    font-display: swap;
    font-family: 'Acumin Pro Light';
    font-style: normal;
    font-weight: 400;
    src: /*url('../fonts/acumin-pro/AcuminPro-Bold.ttf') format('truetype'),*/
    url('../fonts/acumin-pro/AcuminPro-Light.ttf') format('truetype');
}

@font-face {
    font-display: swap;
    font-family: 'Acumin Pro Bold';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/acumin-pro/AcuminPro-Bold.ttf') format('truetype');
}

body {
    color: var(--brand-primary);
    font-family: "Acumin Pro Light", sans-serif;
    /*min-width: 345px;*/
}

h3 {
    font-family: "Acumin Pro Bold", sans-serif;
}
h4 {
    font-family: "Acumin Pro Bold", sans-serif;
}

#background-container {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url('../images/HolliT_Pattern_04.svg');
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 40vw;
    z-index: -1000;
}

#main-container {
    background-color: lime;
}
#header {
    position: relative;
    height: var(--header-height);
}

    #logo_square {
        width: var(--logo-square-size);
        height: var(--logo-square-size);
        background-color: var(--brand-primary);
        padding: 0.5em;
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        bottom: 0;
        right: var(--logo-square-size);
    }

    #header > .col {
        position: absolute;
        bottom: 0;
        /*padding-right: calc(var(--logo-square-size)*2 + 1em);
        text-align: right;
        text-transform: uppercase;">*/
    }

    #header > .col > img {
        width: 25vw;
        max-width: inherit;
        margin-left: 2em;
    }

#slides {
    margin-top: 1em;
    height: var(--slides-height);
}
    #slides > .col {
        height: inherit;
    }

    #slides-left {
        height: 100%;
        background-color: var(--brand-primary);
        background-image: url("../images/Digitale_Souveraenitaet.svg");
        background-repeat: no-repeat;
        background-position: center calc(100% - 1em);
        background-size: 25vw;
    }
    #slides-center {
        background-color: var(--brand-light);
        background-image: url("../images/slide_center.png");
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }
    #slides-right {
        position: relative;
        background-color: var(--brand-secondary);
    }

    #slides-right::after {
        content: "";
        position: absolute;
        width: 3em;
        height: 3em;
        right: 0.5em;
        bottom: 0.5em;

        background-image: url("../images/HolliT_Pfeil_Blau.svg");
        background-repeat: no-repeat;
        background-size: contain;

        transform: rotate(90deg);
        transform-origin: center;
    }


#proofpoints {
    background-color: var(--brand-light);
    text-align: center;
    padding: 5em;
    margin-bottom: 2.5em;
}
/*

section {
   padding: 2em;
 }
.nav > li > a {
   !* color: #575656; *!
    text-decoration: none;
 }

.nav > li > a:hover {
   !* color: #2b2b2b; *!
 }

 h2 {
	 font-size: 1.5em;
	 font-weight: bold;
     text-decoration: underline;
 }


footer {
  clear: both;
}

#currentSection {
  opacity: 1;
  transition: all 0.5s;
}
#currentSection.hide {
  opacity: 0;
}
*/