/* FONTS */
@font-face { 
    font-family: "aesthetbold";
    src: url("/media/fonts/AesthetNovaBold.ttf");
}
@font-face { 
    font-family: "aesthetmedi";
    src: url("/media/fonts/AesthetNovaMedium.ttf");
}
@font-face { 
    font-family: "brochabold";
    src: url("/media/fonts/Brocha-Bold.otf");
}
@font-face { 
    font-family: "brochaboldi";
    src: url("/media/fonts/Brocha-BoldItalic.otf");
}
@font-face { 
    font-family: "brocharegu";
    src: url("/media/fonts/Brocha-Regular.otf");
}

body {
    background: rgb(0, 70, 35);
    font-family: 'brocharegu';
    font-size: 20px;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'brochabold';
    margin-bottom: 0.75em;
}

#header {
    width: 100%;
    height: 812px;
    max-height: 100vh;
    background-image: url('/media/screen/bg-suppen2026.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

#iconset {}

#iconset img {
    width: 130px;
}

#bottomnav {
    border-top: 1px solid white;
    color: white !important;
}

.col-suppe img {
    max-width: 100%;
}

.slider {
    height: 100%;
    max-width: 1080px;
}

.slider div {
    height: 100%;
}

.slider-elem img {
    max-width: 90%;
    max-height: 50vh;
    aspect-ratio: 0.55;
    margin-left: auto;
    margin-right: auto;
}

.slider-elem {
    justify-self: center;
    justify-self: center;
    display: flex !important;
    align-items: flex-end;
}