html,
body{
    height:100%;
}

body{
    display:flex;
    flex-direction:column;
}

.hero{
    height:320px;

    background:
        linear-gradient(
            rgba(0,0,0,.35),
            rgba(0,0,0,.35)
        ),
        url('../img/hintergrund.png');

    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}

.hero-logo{
    max-height:180px;
    width:auto;

    max-width:100%;
}

.hero-title{
    max-height:180px;

    width:auto;

    max-width:100%;
}

/* Mobile */
@media (max-width:768px){

    .hero{
        height:220px;
    }

    .hero-logo{
        max-height:90px;
    }

    .hero-title{
        max-height:90px;
    }

}


.footer{
background-color:#ff3300;
}

.footer a{
text-decoration !important;
}

.content{
    flex:1;

    min-height:calc(100vh - 420px);

    padding-bottom:20px;
}

.camp-card{
    border-radius:14px;
    overflow:hidden;
}

.camp-card .card-header{
    background-color:#ff3300 !important;
    color:#ffffff;

    padding:0.9rem 1.25rem;

    border-bottom:none;
}

.card-body{
    font-size:.95rem;
}
.content{
    flex:1;
    min-height:auto;
    padding-top:1.5rem !important;
    padding-bottom:1.5rem !important;
}

.camp-tabs{
    flex-wrap:nowrap;
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
}

.camp-tabs .nav-link{
    white-space:nowrap;
    color:#666;
    font-size:.9rem;
}

.camp-tabs .nav-link.active{
    color:#fff;
    background:#ff3300;
    border-color:#ff3300;
}

.camp-tabs .nav-link.disabled{
    color:#aaa;
    background:#f8f9fa;
}

@media (max-width:576px){

    .camp-tabs{
        margin-left:-.25rem;
        margin-right:-.25rem;
    }

    .camp-tabs .nav-link{
        font-size:.78rem;
        padding:.45rem .6rem;
    }

    .card-body{
        padding:.9rem !important;
    }

    .form-label{
        font-size:.9rem;
    }

    .btn{
        width:100%;
    }

}