body {
    padding:0;
    margin:0;

    color: #706f6f;
    overflow-x: hidden;
}

h1 {
    color: #e30613;
    font-size: 25px;
    font-weight: bold;
    margin-top:70px;
    margin-bottom: 50px;
}

h2 {
    color: #e30613;
    font-size: 25px;
    font-weight: bold;
    margin-top:70px;
    margin-bottom: 50px;
}

h3 {
    color: #e30613;
}

p {
    line-height: 26px;
}

.container-fluid {
    padding-right: 0;
    padding-left: 0;
}

.filter {
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 50px;
}

.filter .col {
    padding-top: 7px;
    padding-bottom: 7px;
    border-top: 1px solid #e30613;
    border-bottom: 1px solid #e30613;
    border-left: 1px solid #e30613;
    color: #e30613;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
}

.filter .col:last-child {
    border-right: 1px solid #e30613;
}

.filter .col:hover,
.filter .col.active {
    background-color: #e30613;
    color: white;
}

.filter-container {
    margin-bottom:70px;
}

.imo-card-container {
    background-color: #eaeaea;
    padding-right: 15px;
    border-bottom:5px solid #ffffff;
}

.imo-description {
    color: #706f6f;
}

.imo-description h3 {
    margin-left: -30px;
    margin-top:20px;
    border-bottom: 2px solid #e30613;
    padding-bottom:10px;
    padding-left: 30px;
    width:500px;
    max-width: calc(100vw - 30px);
 }

.imo-wrapper ul {
    padding-left: 18px;
    color:#e30613;
}

.imo-wrapper ul li span {
    color: #706f6f;
}

.btn-group {
    border-radius: 0;
    margin-top:10px;
    margin-bottom:30px;
}

.btn-group .btn {
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 0;
    background-color: white;
    border-color: #e30613;
    color: #e30613;
}

.btn-group .btn:hover,
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle {
    background-color: #e30613;
    color: white;
}

.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
    border-color: #e30613;
}

.nav-link {
    display: block;
    padding: 30px;
    color: #706f6f;
    font-size: 17px;
    font-weight: bolder;
}

.nav-link:hover {
    color: #e30613;
}

.logo-wrapper {
    position: absolute;
    z-index: 100;
    padding:10px;
    background-color: white;
}

.red{
    color:#e30613;
}
.form-area .btn
{
    color:white;
    background-color: #e30613;
    border:#e30613;
    border-radius: 0;
}

.form-control {
    border-radius: 0;
}

.footer {
    background-color: #706f6f;
    color: white;
    font-size: 13px;
    padding-top:10px;
    padding-bottom:10px;
    margin-top:70px;
}

.brick p {
    text-align: center;
    margin-top:5px;
}

.footer-minilinks {
    text-align: right;
}

.footer-minilinks a {
    color:white;
    text-decoration: none;
}

.imo-wrapper {
    max-width: 600px;
}

.carousel-indicators > li {
    border-radius: 50%;
}

.carousel-indicators li {
    position: relative;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 15px;
    height: 15px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #ffffff;
}

.dot {
    position: absolute;
    margin-top: -300px;
    right: 0;
}

.carousel-indicators .active {
    background-color: #e30613;
}

.anfrage {
    float: right;
    margin-top: 20px;
    color: #e30613;
    text-transform: uppercase;
    font-weight: bold;
}

a:hover {
    color: #e30613;
}

.anfrage:after {
    content:"\A";
    border-style: solid;
    border-width: 7px 0 7px 7px;
    border-color: transparent transparent transparent #e30613;
    position: absolute;
    margin-top:5px;
    margin-left:5px;
}

@media (max-width:1000px) {
    .dot{
        display:none;
    }

    .logo-wrapper img {
        width: 100px !important;
    }

    .nav-link {
        display: block;
        padding: 12px;
        color: #706f6f;
        font-size: 17px;
        font-weight: bolder;
    }

    .imo-card .col {
        width:100vw;
        flex-basis: auto;
        padding:0;
    }

    .imo-card .col.imo-description {
        padding-right: 15px;
        padding-left:30px;
        padding-bottom:30px;
    }

    .imo-wrapper {
        max-width: inherit;
    }

    .imo-description h3 {
        margin-left: 0;
        margin-top: 20px;
        padding-left: 0;
    }

}

@media(max-width: 780px) {
    .filter {
        padding-left:0;
        padding-right:0;
    }

    .filter .col {
        flex-basis: auto;
        width:100%;
        border:1px solid #e30613;
    }

    .nav-item {
        width:100%;
    }
}

@media (max-width:380px) {
    .btn-group, .btn-group-vertical {
        display: block;
    }

    .imo-wrapper .btn {
        display:block;
        width:100% !important;
    }

    .btn-group .btn+.btn, .btn-group .btn+.btn-group, .btn-group .btn-group+.btn, .btn-group .btn-group+.btn-group, .btn-group-vertical .btn+.btn, .btn-group-vertical .btn+.btn-group, .btn-group-vertical .btn-group+.btn, .btn-group-vertical .btn-group+.btn-group {
        margin-left: 0;
    }
}

.zertifikat p {
    text-align: center;
}

.zertifikat a {
    color: #706f6f;
}

.zertifikat img {
    border: 2px solid grey;
}

.zertifikat:hover a {
    color: #e30613;
    text-decoration: none;
}

.zertifikat:hover img {
    border-color: #e30613;
}