/**
* icon src: https://fonts.google.com/icons?selected=Material+Symbols+Outlined:remove:FILL@0;wght@400;GRAD@0;opsz@24&icon.size=24&icon.color=%23e8eaed
*/

/* -------------------  Variablendeklaration -----------------*/
:root {

    /* colors */
    --basic_black: black;

    --basic_white: whitesmoke;
    --header_color: linear-gradient(145deg, #d32f2f, #ad0a0a);
    --gold: rgb(201, 174, 83);
    --grey: #181818;
    --blue: #0044cc;
    --lightgrey: #282727;

    /* value */
    --b_rad: 16px;
    --padding_calc: calc(max(16px, (100vw - 1440px) / 2));
    --height_img: 50px;
    --height-header: 100px;
}

/* -------------------  body Einstellungen  -----------------*/
* {
    font-family: 'Lower Pixel', sans-serif;
}

body {
    min-height: 100vh;
    background: var(--basic_white);
    color: var(--font_basic);
    font-size: 16px;

    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;

    box-sizing: border-box;
    scroll-behavior: smooth;
    overflow-wrap: break-word;
}

.d_none {
    display: none;
}

h1 {
    color: #ffc001;
    font-size: 52px;
    text-align: center;
    text-shadow: 2px 2px 2px var(--blue),
        2px -2px 2px var(--blue),
        -2px 2px 2px var(--blue),
        -2px -2px 2px var(--blue);

    font-family: 'Pokemon Solid', sans-serif;
}