body {
    background-color: #d4d4d7;
    color: #756b5b;
}
a {
    color: #756b5b;
}
.toprow, .my-bottom, .my-pets {
    background-color: #ecf1f5;
}
.toprow, .toprow a, .my-bottom a {
    line-height: 50px;
    color: #756b5b;
    text-decoration: none;
}
.toprow .form-control {
    width: 80%;
    height: 36px;
    margin: 6px 0px 6px auto;

}
img.toplogo {
    height: 50px;

}
.lupe {
    top: 16px;
    right: 21px;
}

.lupe-2 {
    top: 13px;
    right: 21px;

}


input.search {
    border-radius: 3px;
}

.my-beschreibung {
    height: 95px;
    overflow: hidden;

}

.my-btn {
    border-radius: 3px;
    background-color: #786e5e;
    color: #f7f9fa;
}
.my-bg-1 {
    background-color: #c4b69a;
    padding-bottom: 6rem !important;
}
.my-img-bg {
    background: linear-gradient(to top, rgba(247,249,250, 1) 30%,  rgba(247,249,250, 0) 100% );
}
.my-img-bg .fa-regular, .my-img-bg .bi {
    font-size: 60pt;

}
.my-icon {
    font-size: 40pt;
    line-height: 80px;
    padding-right: 16px;

}
.my-pets .my-icon {
    font-size: 24pt;
    line-height: 40px;
    padding: 0 8px;

}
.my-pets-title {
    width: 75%;
    display: inline-block;
    font-size: 20pt;

}

.my-img-bg {
    color: #756b5b;
}
.my-last-sec img {
    width: 150px;
}

.my-narrow {
    font-family: "PT Sans Narrow", "Arial Narrow";
}

.my-dropdown {
    background-color: #786e5e;
}
.row.bg-white {
    background-color: #f9f9f9 !important;
}
.my-border-3 {
    border-color: #6c6c6c !important;
}
.my-form-control {
    border-radius: 2px;
    box-shadow: 0px 0px 2px 2px #eee;
    font-size: 14pt;
}
.my-form-control::placeholder {
    color: #9d9d9d;

}
.my-check-input {
    background-color: #dddddd;

}
.my-check-input:checked {
    background-color: #6c6c6c;
    border-color: #6c6c6c;

}


@media only screen and (max-width: 767px) {
    .my-form-column { padding-right: 0 !important; padding-left: 0 !important; }
}

@media only screen and (max-width: 991px) {
    .my-logo { text-align: center; }
    .my-bg-icons { position:relative !important; }
    .my-bg-container { display: none !important; }


}

@media only screen and (max-width: 767px) {
    .my-blau-1 { padding-right: 0 !important; }
    .my-blau-2 { padding-left: 0 !important; }
    .my-border-1 { border-width: 0 !important; }
    .my-border-2 { border-width: 0 !important; }
}