.text-capitalize-unset {
    text-transform: none !important;
}
.text-green {
    color: #63a027 !important;
}
.text-shadow-banner {
    text-shadow: 2px 2px 2px rgba(0,0,0,.35), 8px 8px 1px rgba(0,0,0,.05), 12px 12px 1px rgba(255,255,255,.05);
}
.text-shadow {
    text-shadow: 2px 2px 2px rgba(0,0,0,.35);
}
.text-shadow-unset {
    text-shadow: none !important;
}
.bg-white-50 {
    background-color: rgba(255,255,255,.5) !important;
}
.bg-white-80 {
    background-color: rgba(255,255,255,.8) !important;
}
.bg-green {
    border: 1px solid rgba(0,0,0,.15) !important;
    background-color: #63a027 !important;
    color: #fff !important;
}
.bg-red {
    border: 1px solid rgba(0,0,0,.15) !important;
    background-color: #d9534f !important;
    color: #fff !important;
}
.bg-blue {
    border: 1px solid rgba(0,0,0,.15) !important;
    background-color: #428bca !important;
    color: #fff !important;
}
.bg-orange {
    border: 1px solid rgba(0,0,0,.15) !important;
    background-color: #f0ad4e !important;
    color: #fff !important;
}
.bg-yellow {
    border: 1px solid rgba(0,0,0,.15) !important;
    background-color: #f0ed4e !important;
    color: rgba(255,255,255,.5) !important;
}
.bg-rosa {
    border: 1px solid rgba(0,0,0,.15) !important;
    background-color: #d9534f !important;
    color: #fff !important;
}
.bg-lila {
    border: 1px solid rgba(0,0,0,.15) !important;
    background-color: #964B98 !important;
    color: #fff !important;
}
.color-lila {
    color: #964B98;
}
.bg-gray {
    border: 1px solid rgba(0,0,0,.15);
    background-color: #f0f0f0;
    color: #000;
}
.bg-gradient-5 {
    background: linear-gradient(145deg, #63a027, #224105);
    box-shadow: 0px 5px 10px 0px rgba(99, 160, 39,.6);
}
.bg-gradient-lila {
    background: linear-gradient(145deg, #964B98, #622865);
    box-shadow: 0px 5px 10px 0px rgb(153, 100, 154), inset 3px 3px 3px rgba(0,0,0,.05);
    border: none transparent;
    border-bottom: 1px solid white;
}
.bg-book-lila {
    background: linear-gradient(145deg, #964B98, #622865);
    box-shadow: 0px 5px 10px 0px rgba(153, 100, 154, .75), inset 3px 3px 3px rgba(0,0,0,.05);
    border: none transparent;
    border-bottom: 1px solid white;
}
.shop-card-overlay {
    background: linear-gradient(180deg, rgba(99, 160, 39, .1), rgba(0,0,0,.85));
    text-shadow: 2px 2px 1px rgba(0,0,0,.75);
}
.color-gray {
    color: rgb(161, 161, 161);
}
.color-white {
    color: #fff !important;
}
.fine-line {
    height: 0;
    border: 0;
    border-bottom: 1px solid rgb(189, 189, 189) !important;
}
.tag-btn.small {
    font-size: .85rem !important;
    line-height: .85;
    height: 1.75rem;
}
.odometer-value {
    text-shadow: 2px 2px 2px rgb(245, 86, 80), 8px 8px 1px rgba(0,0,0,.05), 12px 12px 1px rgba(255,255,255,.05);
}
.text-size-12px {
    font-size: 12px !important;
}

.h2-title-marker {
    background: #00394f;
    color: white;
    text-transform: uppercase;
}

.footer,
.top-header{
    background: unset;
    background-image: linear-gradient(11deg, #63a027, #224105)
}
.footer-info {
    background: #224105 !important;
}
.footer-single-info.border-l {
    border-left: 1px solid #224105;
}

.bg-black-80 {
    background-color: rgba(0,0,0,.8) !important;
}
.bg-black-60 {
    background-color: rgba(0,0,0,.6) !important;
}
.text-bold-300 {
    font-weight: 300 !important;
}

.border-solid {
    border-style: solid !important;
}

.book-shadow {
    box-shadow: inset 0px 0px 10px rgba(0,0,0,0.5) !important;
}

.class-card a {
    vertical-align: unset !important;
}
.class-card .part-img {
    transform: scale(1) rotate(0grad) !important;
    -webkit-transition: all .3s ease-in-out !important;
    transition: all .3s ease-in-out .1s !important;
}
.class-card:hover .part-img {
    transform: scale(.95) rotate(-2grad) !important;
    -webkit-transition: all .3s ease-in-out .1s !important;
    transition: all .3s ease-in-out .1s !important;
}
.class-card:hover .part-img img {
    transform: unset !important;
}

.blog-tags .tag-btn.small {
    line-height: unset !important;
    height: unset !important;
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 12px !important;
}

.blog-tags br {
    display: block !important;
}

.kb-class-fee-wrap-1 .class-fee {
    margin-top: 26px;
    margin-left: 6px;
    font-size: 10px;
}

.select2,
.select2-container.select2-container--focus .select2-selection--multiple,
.select2-container .select2-selection--multiple {
    border: unset !important;
    width: 100% !important;
}

.app-book-tag.active {
    background-color: rgb(150, 75, 152) !important;
    border: 1px solid rgb(101, 46, 103) !important;
    color: #fff !important;
}
.app-book-tag:hover {
    background-color: rgb(150, 75, 152) !important;
    border: 1px solid rgb(101, 46, 103) !important;
    color: #fff !important;
}
.app-book-tag {
    background-color: #f1f1f1 !important;
    border: 1px solid rgb(218, 218, 218) !important;
}

.text-bold-900 {
    font-weight: bold !important;
}

.w-80-perc {
    width: 80% !important;
}

.border-info {
    border-color: rgba(150, 75, 152, 0.5) !important;
}

.bg-info {
    background: rgb(150, 75, 152) !important;
}

.color-2,
.color-info {
    color: rgba(150, 75, 152, 1) !important;
}

.bg-gray-2 {
    background: #f5f5f5 !important;
}

.text-size-18px {
    font-size: 18px !important;
}

.cd-words-wrapper {
    width: 100% !important;
}

.app-banner {
    width: 100% !important;
    white-space: pre-wrap !important;
}

.small-aktuelles {
    width: 100%;
    max-width: 100px;
    height: auto;
}

.mobile-view-680 {
    display: none;
}
.mobile-view-768 {
    display: none;
}
.mobile-view-800 {
    display: none;
}

.kb-class-fee-wrap-1 .class-fee{
    font-size: 12px;
}

.text-size-80perc {
    font-size: 80% !important;
}
.text-size-90perc {
    font-size: 90% !important;
}
.text-size-100perc {
    font-size: 100% !important;
}

.w-80 {
    width: 80% !important;
}
.w-90 {
    width: 90% !important;
}

.logo a {
    vertical-align: unset;
}

.ucfirst {
    text-transform: capitalize;
}

.btn-alter {
    display: block;
    margin-bottom: 1px;
    background: #efefef;
}
.btn-kinder:hover,
.btn-kinder.active {
    background: #46CD6C;
    color: #fff;
}
.btn-mittelstufe:hover,
.btn-mittelstufe.active{
    background: #FE604A;
    color: #fff;
}
.btn-oberstufe:hover,
.btn-oberstufe.active{
    background: #10C3BA;
    color: #fff;
}
.btn-erwachsene:hover,
.btn-erwachsene.active{
    background: #EA59BE;
    color: #fff;
}


@media screen and (min-width: 1001px) {
    .popular-class-item img {
        width: 65% !important;
    }
    .popular-class-item .class-title,
    .tab-pane .class-title {
        font-size: 20px;
    }
    .app-banner {
        white-space: unset !important;
    }
    .mobile-view-1000 {
        display: none;
    }
}
@media screen and (max-width: 1201px) {
    .mobile-hide-1200 {
        display: none !important;
    }
    .mobile-view-1000-pb-1 {
        padding-bottom: 12px;
    }
}
@media screen and (max-width: 1000px) {
    .mobile-hide-1000 {
        display: none !important;
    }
    .popular-class-item img {
        width: 60%;
    }
    .popular-class-item .class-title,
    .tab-pane .class-title {
        font-size: 20px;
    }
    .app-banner {
        white-space: unset !important;
    }
}
@media screen and (max-width: 800px) {
    .mobile-view-800 {
        display: block;
    }
    .mobile-hide-800 {
        display: none;
    }
    .popular-class-item img {
        width: 70%;
    }
    .popular-class-item .class-title,
    .tab-pane .class-title {
        font-size: 22px;
    }
    .app-banner {
        font-size: 2.5rem !important;
    }
}
@media screen and (max-width: 768px) {
    .mobile-view-768 {
        display: block;
    }
    .mobile-hide-768 {
        display: none;
    }
    .kb-class-fee-wrap-1 .class-fee{
        font-size: 16px;
    }
}
@media screen and (max-width: 680px) {
    .mobile-view-680 {
        display: block;
    }
    .mobile-hide-680 {
        display: none;
    }
    .popular-class-item img {
        width: 80%;
    }
    .popular-class-item .class-title,
    .tab-pane .class-title {
        font-size: 20px;
    }
    .kb-class-fee-wrap-1 .class-fee{
        font-size: 16px;
    }
}
@media screen and (max-width: 580px) {
    .popular-class-item img {
        width: 90%;
    }
    .popular-class-item .class-title,
    .tab-pane .class-title {
        font-size: 18px;
    }
    .kb-class-fee-wrap-1 .class-fee{
        font-size: 20px;
    }
}