@import "tokenizer.css";


/* Global Styles */

html, body {
    height: 100%;
}

body {
    padding-top: 0px;
    padding-bottom: 0px;
}


.mainView {
    padding-top: 30px;
    padding-bottom: 120px;
}


@media (max-width: 767px) {

    .mainView {
        padding-bottom: 70px;
    }
}



.navbar {
    height: 50px;
}

.logo {
    background-image: url(images/logo117x40-white.png);
    width: 117px;
    height: 40px;
    display: inline-block;
    margin: 0px;
    padding: 0px;
    position: relative;
    top: 5px;
}

/* Responsive Styles */
@media (max-width: 767px) {

    .navbar {
        height: 76px;
    }
}

.title {
    margin-right: 15px;
}


small, .small {
    padding-top: 6px;
    font-size: 0.875em;
}


.navbar-toggler {
    background-image: linear-gradient(195deg, #EC407A 0%, #D81B60 100%);
}


.navbar-collapse {
    background-image: linear-gradient(195deg, #323a54, #1a2035) !important;
    z-index: 1;
    border-radius: 6px;
}

.bordered-input {
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 9px;
    padding: 5px;
}


/* Service Page Styles */
.service-icon {
    font-size: 50px;
}

/* 404 Page Styles */
.error-404 {
    font-size: 8em;
}

/* Footer Styles */
footer {
    margin: 50px 0;
}

#banner {
    position: fixed;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    width: 100%;
    height: 80px;
    text-align: center;
    vertical-align: bottom;
    opacity: 0; /* Anfangs unsichtbar */
    transition: opacity 1s ease; /* Übergangseffekt: 1 Sekunde, sanftes Einblenden */
    transform: scale(0.8); 
}

    #banner.show {
        opacity: 0.85; /* Nach dem Einblenden 85% sichtbar */
    }


@media (min-width: 767px) and (max-width: 980px) {

    #banner {
        height: 70px;
        transform: scale(0.6); 
    }
}


@media (max-width: 767px) {

    #banner {
        height: 50px;
        transform: scale(1); 
    }
}