:root {
    --font-1: 'Interstate';
    --font-2: 'Arial', sans-serif;

    --thin-border: #d2d2d2;
}

[data-theme="default"] {

    /* BEREICH: DEFAULT */

    --theme-color: #d6ae1f;
    --theme-text-color: #4d4d4d;
    --theme-gradient-1: #fbec2e;
    --theme-gradient-2: #f3e786;
    --theme-gradient-3: #e9ce27;
    --theme-gradient-4: #d6ae1f;
}

[data-theme="dance"] {

    /* BEREICH: DANCE */

    --theme-color: #f4a51d;
    --theme-text-color: #fff;
    --theme-gradient-1: #f4a51d;
    --theme-gradient-2: #f5c78b;
    --theme-gradient-3: #ed8c18;
    --theme-gradient-4: #e67212;
}

[data-theme="schlager"] {

    /* BEREICH: SCHLAGER */

    --theme-color: #9ad0fd;
    --theme-text-color: #fff;
    --theme-gradient-1: #9ad0fd;
    --theme-gradient-2: #84baf0;
    --theme-gradient-3: #58a2eb;
    --theme-gradient-4: #1d6fd8;
}

[data-theme="video"] {

    /* BEREICH: VIDEO */

    --theme-color: #e2299d;
    --theme-text-color: #fff;
    --theme-gradient-1: #e2299d;
    --theme-gradient-2: #ce5cb6;
    --theme-gradient-3: #be239e;
    --theme-gradient-4: #971f9d;
}


html, body {height: 100%;}

body {margin: 0; font-family: var(--font-2);  }
a {color: inherit;}
a.img-link {display: inherit;}
div {box-sizing: border-box;}

img {display: block;}


.h-100 {height: 100%;}
.w-100 {width: 100%;}