.btn {
    display: inline-block;
    padding: 10px 30px;
    color: #fff;
    border: 2px solid #fff;
    font-family: 'MADE Dillan', cursive;
    font-size: 1.5rem;
    font-style: normal;
    background-size: 100% 200% !important;
    transition: background .2s, color .2s;
}

.btn.btn--blue {
    /*background: #69BFC9;*/
    background: linear-gradient(#69BFC9, #69BFC9 50%, #fff 50%, #fff);
}

.btn.btn--orange {
    /*background: #E76F1C;*/
    background: linear-gradient(#E76F1C, #E76F1C 50%, #fff 50%, #fff);
}

.btn:hover {
    background-position: 100% 100% !important;
    color: #69BFC9;
}

.btn.btn--orange:hover {
    color: #E76F1C;
}

.font--schmuck {
    font-family: 'MADE Dillan', cursive;
    letter-spacing: 5px;
}

.btn--preis {
    background: url("/theme/images/btn-orange.png");
    width: 120px;
    height: 98px;
    background-size: cover;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    margin: 0 auto;
    margin-top: 20px;
    font-style: normal;
}

.color--blue {
    color: #69BFC9;
}

.color--orange {
    color: #E76F1C;
}

.h3 {
    color: #69BFC9;
    margin: 0;
    font-size: 1.5rem;
    font-family: "Lobster", cursive;
    font-style: normal;
}

.content--small-width {
    max-width: 70%;
    min-width: 260px;
    margin-left: auto;
    margin-right: auto;
}