@charset "utf-8";
/* CSS Document */

.blue {color:#00305d; font-weight: 600;}
.bg-darkblue {
  background-color: #00305d !important;
}

a.bg-darkblue:hover, a.bg-darkblue:focus,
button.bg-darkblue:hover,
button.bg-darkblue:focus {
  background-color: #00305d !important;
}

.logo-nav {
    background-color: rgba(255,255,255,1);
    margin-left: 4rem;
    padding: 0 1em 0 1em;
}

#titel {
    background-image: url("../images/titelbild-aufszugsservice-moritz.jpg");
    width: 100vw;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: left top;
    background-size: cover; 
    height: auto;
    max-height: 616px;
        
}

.infofeld {
    background-color:rgba(255,255,255,0.7);
    width: 30vw;
    max-width: 14rem;
    height: auto;
    color:#00305d;
    font-size: 2vw;
    margin-top: 140px;
    margin-left: 80px;
    font-weight: bold;
    padding: 1rem;        
}


@media (max-width: 576px) {
    .logo-nav { margin-left: 0.5rem; }
    #titel { height: 50vh; }
    .infofeld {
        width: 14rem;
        max-width: 14rem;
        margin-top: 140px;
        margin-left: 1.5rem;
        font-size: 3vw;
    }
}

@media (min-width: 577px) {
    #titel { height: 60vh; }
}

@media (min-width: 992px) {
    #titel { height: 80vh; }
}

@media only screen and (min-width: 576px) and (max-width: 744px) {
    .infofeld {
        width: 14rem;
        max-width: 14rem;
    }
}

@media (min-width: 1186px) {
    .infofeld {
        font-size: 1.8vw;
     }
}

.item1 {
    color: white;
    text-transform: uppercase;
    padding: .8rem;
    font-size: 110%;
    letter-spacing: .1em;
    margin-bottom: .5rem;
}

.item2 {
    padding:.8rem;
}

.text-lightblue {
    color:#49a8da;
}

.leistungen-text {
    text-align: center;
    padding: 2rem 5rem 2rem 5rem;
}
.leistungen-text h2 {
    color:#49a8da;
    margin-bottom: 2rem;
}

.leistungen-text p {
    color:#ffffff;
    font-size: 1em;
}

.leistungen {
    border-bottom: 4px solid #49a8da;
    margin-top: 3em;
}
.leistungen2 {
    border-bottom: 4px solid #00305d;
    margin-top: 3em;
}
.leistungen > div:nth-child(2),
.leistungen2 > div:nth-child(2) {
    padding: 1em 4em 0 2em
}
.leistungen h3,
.leistungen2 h3 {
    text-transform: uppercase;
    font-weight: bold;
    color:#49a8da;
    margin-bottom: 1.6rem;
    letter-spacing: .1rem;
}
.leistungen p,
.leistungen2 p{
    color:#6a6b6b;
    margin-bottom: 1.6rem;
    line-height: 2rem;
}
.colcount1 p,
.colcount2 p {
    color:#000000;
    font-weight: bold;
}
.colcount1 {
    column-count: 1;
}
.colcount2 {
    column-count: 2;
}


.ueberuns div:nth-child(1){
    padding: 4rem 0 4rem 0;
}
.ueberuns div:nth-child(2){
    padding: 4rem 4rem 4rem 2rem;
}
.ueberuns h3 {
    text-transform: uppercase;
    color:#49a8da;
    margin-bottom: 1.6rem;
}
.ueberuns p {
    color:white;
    line-height: 1.4rem;
}


.rueckruf div:nth-child(1) p{
    color:#6a6b6b;
    line-height: 2rem;
}

.rueckruf {
    padding: 2rem;
}

.footer img {
    max-width: 16rem;
    height: auto;
}
.footer div:nth-child(1){
    padding-left: 4rem;
    padding-right: 0rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.footer div:nth-child(2){
    padding: 3rem 4rem 0 3rem;
}
.footer {
    color: white;
}
.footer a {
    color: #49a8da;
    font-weight: 800;
}
.footer a:hover {
    color: #ffffff;
    font-weight: 800;text-decoration: none;
}


.anker {
    display: block;
    position: relative;
    top: -100px;
    visibility: hidden;
}