/* Author     : Werbe- und Media- Agentur I. C. Konrad */
.fixed-box-height{
    overflow: hidden;
    margin-bottom:30px;
}

.box-green{
    padding-bottom: 0px;
    background: #ccd635;
}
.box-trenner{
    padding-top: -100px;
    padding-bottom: -100px;
}

.box-grey-inner{
    padding-bottom: 1000px;
    margin-bottom: -1000px;
    background: #f6f6f5;
}

.box-green img{
    width: 100%;
}

.box-green h2{
    
    padding-top:50px;
    padding-left:30px;
    margin-bottom:20px;
    color:#fff;
    font-size:40px;
        line-height: 1.5;
    text-align:left;
    font-weight:100;
}
.box-green h3{
    
    padding-top:50px;
    padding-left:10px;
    margin-bottom:20px;
    color:#fff;
    font-size:30px;
        line-height: 1.5;
    text-align:left;
    font-weight:100;
}

.box-grey-inner h2{
    
    margin-top:5px;
    margin-bottom:10px;
    color:#333;
    font-size:55px;
        line-height: 1;
}

.box-grey-inner p{
    
    padding-left:15px;
    font-size:80%;
    text-align:left;
    line-height:1.2;
    margin-left:5px;
    margin-right:5px;
}

.box-grey-mehrwert{

}

.box-grey-inner-mehrwert{
    padding-top: 30px;
        padding-left:10%;
        padding-right:10%;
    padding-bottom: 1000px;
    margin-bottom: -1000px;
    background: #f6f6f5;
    
    font-size:120%;
letter-spacing: 0.05em;
        color:#333;
        line-height:1.5;
    text-align:left;
}

.box-white-inner-mehrwert h4{
    
    font-size:100px;
    color: #000;
    line-height: 1.3;
    text-align: left;
    margin-bottom: 0px;
            margin-left: 10%;       
        margin-right: 5%;
                margin-top: 5%;
}

.box-grey-inner-mehrwert h3{
    
    margin-top:20px;
    margin-bottom:20px;
        margin-left:5px;
        margin-right:5px;

    font-size:30px;
        line-height: 1;
}

.box-grey-inner-mehrwert h2{
    
    margin-top:5px;
    margin-bottom:10px;
    color:#333;
    font-size:55px;
        line-height: 1;
}

.box-grey-inner-mehrwert p{
    
        color:#333;
    padding-left:20%;
        padding-right:20%;
    font-size:60%;
    text-align:left;
    line-height:1.2;
    margin-left:5px;
    margin-right:5px;
}

.box-red{
    background-color: #f6f5f5;
}

.box-transparent-inner{
    width: 80%;
    padding-left: 20px;
    padding-right: 20px;
}

.box-transparent p{
    
    text-align:left;
    color:#666;
    font-size:18px;
}

.box-transparent h3{
    
    text-align:left;
    color:#e7a131;
    font-size:28px;
    padding-bottom: 30px;
}


.box-white{
    padding-bottom: 30px;
}

.col-md-6 .box-white-inner p {
    
    font-size:25px;
    text-align:left;
    color: #666;
        margin-left: 10%;       
        margin-right: 5%;
        margin-top: 5%;
}



.col-md-6 .box-white-inner h4{
    
    font-size:45px;
    color: #000;
    line-height: 1.3;
    text-align: left;
    margin-bottom: 0px;
            margin-left: 10%;       
        margin-right: 5%;
                margin-top: 5%;
            
}

.col-md-6 .box-white-inner h2{
    color: #000;
    font-size:50px;
    text-align: left;
    margin-bottom: 30px;
}


.box-white{
    padding-bottom: 1000px;
    margin-bottom: -1000px;
}

.box-flex-inner img{
    width:105%;
}




.box-white-inner img{
    width: 100%;
}
.box-white-frame{
    background-color: #fff;

    border-color: #f6f5f5;
    border-width: 1px;
    border-style: solid;
    text-align:center;
}
.box-white-frame-inner{
    width: 95%;
}

.box-white-frame img{
    width: 100%;
}

.box-white h3{
    color:#f6f5f5;
    font-size:24px;

}

.box-white p{
    font-size:16px;
}

.box-red{
    background-color: #f6f5f5;
}

.box-transparent-inner{
    width: 80%;
    padding-left: 20px;
    padding-right: 20px;
}

.box-transparent p{
    text-align:left;
    color:#666;
    font-size:18px;
}

.box-transparent h3{
    text-align:left;
    color:#f6f5f5;
    font-size:28px;
    padding-bottom: 30px;
}


.box-logo-inner{
    padding-bottom: 1000px;
    margin-bottom: -1000px;
    background: #f6f5f5;
}

.box-logo-inner img{
    padding:10px;
    width: 80%;
}

@media (max-width: 1240px) {
.box-green h2{
    
    padding-top:50px;
    padding-left:30px;
    margin-bottom:20px;
    color:#fff;
    font-size:40px;
        line-height: 1.5;
    text-align:left;
    font-weight:100;
}
.box-green h3{
    
    padding-top:50px;
    padding-left:10px;
    margin-bottom:20px;
    color:#fff;
    font-size:20px;
        line-height: 1.5;
    text-align:left;
    font-weight:100;
}
}
@media (max-width: 991px) {
.box-green h2{
    
    padding-top:50px;
    padding-left:50px;
    margin-bottom:20px;
    color:#fff;
    font-size:25px;
        line-height: 1.5;
    text-align:left;
    font-weight:100;
}
.box-green h3{
    
    padding-top:50px;
    padding-left:50px;
    margin-bottom:20px;
    color:#fff;
    font-size:25px;
        line-height: 1.5;
    text-align:left;
    font-weight:100;
}
}