/*
███████╗██╗████████╗███████╗
██╔════╝██║╚══██╔══╝██╔════╝
███████╗██║   ██║   █████╗
╚════██║██║   ██║   ██╔══╝
███████║██║   ██║   ███████╗
╚══════╝╚═╝   ╚═╝   ╚══════
*/
.bg-dark-heptacom {
    background-color: #222222;
    color: #ffffff;
}
.bg-dark-heptacom h3{
    color: #ffffff;
}
.bg-dark-heptacom hr{
    border-top: 1px solid #ffffff;
}

.bg-grey-heptacom {
    background-color: #ededed;
    color: #000000;
}

.bg-light-heptacom {
    background-color: #ffffff;
    color: #1D1D1D;
    background-position: left,right;
    background-repeat:  no-repeat;
}

.bg-light-heptacom.solid {
    background-image: none;
}

.jumbotron {
    padding: 0;
    top: 15%;
    margin-bottom:  0;
}

.jumbotron .btn {
    margin-top: 10px;
    font-family: din-2014;
}

.jumbotron h2 {
    font-size: 1.4rem;
    font-weight: 300;
    font-family: din-2014;
}
.sitecontainer{
    padding-top: 80px;
    padding-bottom: 80px;
    overflow:  hidden;
}
.innerStartseitenContainer {
    max-width: 295px;
}

.innerStartseitenContainer h3 {}
.hero h2 {
    font-size: 1.1rem;
    font-weight: 300;
    font-family: din-2014;
}
.headcontainer{
    min-height: 58vh;
    background-image: url("/resources/img/backgrounds/netzMobil.png");
    background-image: -webkit-image-set(url(/resources/img/backgrounds/netzMobil.webp) 1x);
    background-repeat:  no-repeat;
    background-size: cover;
    background-position-y: bottom;
}

.headcontainer .jumbotron{
    padding-top: 40%;
    padding-bottom:  6%;
}