body {
    padding-top: 50px;
}
h1 {
    font-size: 600%;
    text-align: center;
    margin-bottom: -10px;
    color: rgba(26,68,119,1);
}
h2 {
    font-size: 300%;
    text-align: center;
    margin-top: 0;
    color: rgba(26,68,119,1);
}
h3 {
    font-size: 150%;
}
h4 {
    font-size: 125%;
}
h3.balkenLinks, h4.balkenLinks, h5.balkenLinks {
    border-left: 10px solid rgba(26,68,119,1);
    padding-left: 20px;
    color: rgba(26,68,119,1);
}
.dsZahl {
    margin-left: -18px;
}
p.siteTitel {
    width: 100%;
    font-size: 200%;
    text-align: center;
    padding: 50px 0 50px 0;
    margin-top: 50px;
    margin-bottom: 0 !important;
    background-color: rgba(68,156,219,0.3);
}
ul.hausanlagen {
    margin-top: -10px;
}
ul.hausanlagen li {
    margin-left: -15px;
}
.container {
    padding-right: 0;
    padding-left: 0;
}
.container:last-child {
    margin-bottom: 0 !important;
}
.container-fluid {
    padding-right: 0;
    padding-left: 0;
}
.container-bgWeiss {
    background-color: rgba(255,255,255,0.7);
}
.container-bgWeissService {
    background-color: rgba(255,255,255,0.9);
}
.ALBAblau {
    color: rgba(26,68,119,1);
}
.ALBAgruen {
    color: rgba(152,195,84,1);
}
.ALBAgrau {
    color: rgba(151,151,151,1);
}
.colorWeiss {
    color: rgba(255,255,255,1);
}
/*
.row {
    padding-top: 50px;
    padding-bottom: 50px;
}
*/
footer {
    color: #fcfcfc;
    padding-top: 30px;
    background-color: rgba(26,68,119,0.5);
    /*
    background-color: rgba(152,195,84,0.6);
    */
}
footer p {
    padding-left: 20px;
}
footer a {
    color: #fff;
}
footer a:hover {
    color: #efefef;
}
.margT20 {
    margin-top: 20px;
}
.margT15 {
    margin-top: 15px;
}
.margTB15 {
    margin-top: 15px;
    margin-bottom: 15px;
}
.padd50 {
    padding: 50px;
}
.paddT40B0 {
    padding-top: 40px;
    padding-bottom: 0;
}
.paddTB100 {
    padding-top: 100px;
    padding-bottom: 100px;
}
.paddTB80 {
    padding-top: 80px;
    padding-bottom: 80px;
}
.paddTB50 {
    padding-top: 50px;
    padding-bottom: 50px;
}
.paddTB40 {
    padding-top: 40px;
    padding-bottom: 40px;
}
.paddTB10 {
    padding-top: 10px;
    padding-bottom: 10px;
}
.paddB150 {
    padding-bottom: 150px;
}
.paddB100 {
    padding-bottom: 100px;
}
.paddB50 {
    padding-bottom: 50px;
}
.paddLR50 {
    padding-right: 50px;
    padding-left: 50px;
}
.paddLR30 {
    padding-right: 30px;
    padding-left: 30px;
}
.breite50 {
    width: 50px;
    text-align: center;
}
.dropdown-menu {
    margin: 0;
    border-radius: 0;
}
.row {
    margin-right: 0;
    margin-left: 0;
}
div.posZeiger {
    position: fixed;
    top: 60px;
    left: 20px;
    padding: 15px;
    background-color: rgba(255,255,255,0.6);
}
.externBB {
    color: #4A90E2;
    text-decoration: none;
}
.externBB:hover {
    color: #75B87A;
    text-decoration: overline;
}
/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    /* Remove the padding we set earlier */
    .marketing,
    .footer {
        padding-right: 0;
        padding-left: 0;
    }
}
@media (max-width: 1199px) {
    h3 {
        font-size: 125%;
    }

    h4 {
        font-size: 100%;
    }
}
@media (max-width: 991px) {
    h3 {
        font-size: 110%;
    }
    h4 {
        font-size: 95%;
    }
    .paddLR50 {
        padding-right: 25px;
        padding-left: 25px;
    }
    .padd50 {
        padding: 30px;
    }
}
@media (max-width: 767px) {
    .vplogo {
        top: 140px;
    }
    .vplogo img {
        max-width: 100px;
    }
    h1.siteTitel {
        font-size: 400%;
    }
    h2.siteTitel {
        font-size: 200%;
    }
    p.siteTitel {
        font-size: 133%;
    }
    .paddT25U768 {
        padding-top: 25px;
    }
    h3 {
        font-size: 125%;
    }
    h4 {
        font-size: 100%;
    }
    .paddLR50 {
        padding-right: 50px;
        padding-left: 50px;
    }
}
@media (max-width: 319px) {
    h1.siteTitel {
        font-size: 300%;
    }
    h2.siteTitel {
        font-size: 150%;
    }
    p.siteTitel {
        font-size: 100%;
    }
}
.fontsize20 {
    font-size: 20px;
}