/* ********************************** ********************************** */
/* *                            ABO-OPTIONS                            * */
/* ********************************** ********************************** */


.ly-abo-option-container {
    display: flex;
    flex-direction: row;
    margin-bottom: 25px;
    width: 100%;
}

.ly-abo-option-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--ly-color-violett);
    color: #fff;
    width: 100px;
    border-top-left-radius: 15px;
}

.ly-abo-option-icon i {
    font-size: calc(var(--ly-fomnt-size-default) * 2);
}

.ly-abo-option-body {
    padding: 25px;
    background: var(--ly-color-grey-light);
    width: 100%;
}

.ly-abo-option-title {
    font-size: calc(var(--ly-fonüt-size-default) * 1.5);
    margin-bottom: 0.7rem;
}

.ly-abo-option-accounts {
    font-size: calc(var(--ly-font-size-default) * 1.3);
}

.ly-abo-option-describtion {
    font-size: calc(var(--ly-font-size-default) * 1.2);
}

.ly-abo-option-price {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.ly-abo-option-value {
    font-size: calc(var(--ly-font-size-default) * 1.2);
    color: #fff;
    background: var(--ly-color-green);
    padding: 5px;
}

.ly-abo-option-pro {
    font-size: var(--ly-font-size-default);
}

.ly-abo-option-yearly {
    font-size: calc(var(--ly-font-size-default) * 1.2);
}


/* .................................. .................................. */
/* .                            Media-Queries                          . */
/* ..................................................................... */

/* Styles für Bildschirme mit einer Mindestbreite von 0px */
@media only screen and (min-width: 0px) {
}


/* Styles für Bildschirme mit einer Mindestbreite von 576px */
@media only screen and (min-width: 576px) {
}


/* Styles für Bildschirme mit einer Mindestbreite von 992px */
@media only screen and (min-width: 768px) {
}


/* Styles für Bildschirme mit einer Mindestbreite von 992px */
@media only screen and (min-width: 992px) {
}


/* Styles für Bildschirme mit einer Mindestbreite von 1200px */
@media only screen and (min-width: 1200px) {
}


/* Styles für Bildschirme mit einer Mindestbreite von 1400px */
@media only screen and (min-width: 1400px) {
}