@import url('variables.css');

:root {
    --brand-color: #013755;
}

.navbar {
    background-color: var(--grey);
    margin-bottom: 0 !important;
    height: 56px;
}

.btn-primary {
    background-color: var(--brand-color);
    border-color: var(--brand-color);
}

/* allows bootstrap to style Laminas Navigation generated menu items within the navbar */
.navbar li.active a {
    color: var(--bs-navbar-active-color);
}

.image-height {
    max-width: 100%;
    height: auto;
    max-height: 240px
}

.image-height.small{
    max-height: 180px;
}
.container
{
    max-width: 100%;
    height: calc(100vh - 56px);
}

.jumbotron
{
    background: unset;
}

.text-field{
    text-align: center;
    width: 500px;
}

.text-field h1{
    margin-bottom: 10px;
}

.basic{
    background: var(--basic);
}

.bronze{
    background: var(--bronze);
    color: white;
}

.silver{
    background: var(--silber);
}

.gold{
    background: var(--gold);
    color: white
}

.platinum{
    background: var(--platinum);
    color: white;
}

.image-to-choose{
    position: relative;
    bottom: 25px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.logo-leiste{
    display: flex;
    height: 100px;
    justify-content: space-around;
}