/* ********************************** ********************************** */
/* *                             SECTIONS                              * */
/* ********************************** ********************************** */

ly-section {
}

/* Überschriften einer Sektion */
.ly-section-title {   
    color: var(--ly-color-grey-dark) !important;    
    border-left: 10px solid var(--ly-color-green);
    padding: 10px;
    margin-bottom: 0.3rem;
    text-transform: uppercase;
    
    font-family: var(--ly-font-family-very-large);
    font-size: var(--ly-font-size-very-large);
    line-height: var(--ly-line-height-very-large);
    letter-spacing: var(--ly-letter-spacing-very-large);
}


.ly-green-section {
    padding:60px;
    margin: 0;
    border: 3px solid var(--ly-color-green);
    border-radius: 20px;
    color:var(--ly-font-color-default);    
    
}

.ly-green-section-welcome {
    font-family: "Merlo Regular";    
    text-align: center;
    margin-top: 0;
    
    font-family: var(--ly-font-family-medium);
    font-size: var(--ly-font-size-medium);
    line-height: var(--ly-line-height-medium);
    letter-spacing: var(--ly-letter-spacing-medium);
}

.ly-green-section-text {
    font-family: var(--ly-font-family-medium);
    font-size: var(--ly-font-size-medium);
    line-height: var(--ly-line-height-medium);
    letter-spacing: var(--ly-letter-spacing-medium);
}



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

/* Styles für Bildschirme mit einer Mindestbreite von 0px */
@media only screen and (min-width: 0px) {
    
    .ly-section {
        margin-top: 1.0rem !important;
    }
    
    .ly-section-title{
        /*
        font-size: 2.0rem !important;
        letter-spacing: 0.01rem !important;
        line-height: 2.8rem !important;
        */
        margin-top: 1.5rem !important;
    }
    
    .ly-section-title.first {
        margin-top: 1.5rem !important;
    }
    
    .ly-green-section-welcome{
        margin-top: 65px;
        margin-bottom: 65px;
        /*
        font-size: var(--ly-font-size-default);
        line-height: var(--ly-line-height-default);
        letter-spacing: var(--ly-letter-spacing-default);
        */
    }
    
    .ly-green-section {
        padding:20px;
    }
    
}

/* Styles für Bildschirme mit einer Mindestbreite von 576px */
@media only screen and (min-width: 576px) {
    .ly-section {
        margin-top: 1.5rem !important;
    }
    
    .ly-section-title{
        /*
        font-size: 2.0rem !important;
        letter-spacing: 0.01rem !important;
        line-height: 2.8rem !important;
        */
        margin-top: 1.5rem !important;
    }
    
    .ly-section-title.first {
        margin-top: 1.5rem !important;
    }
    
    .ly-green-section {
        padding:40px;
    }
    

}


/* Styles für Bildschirme mit einer Mindestbreite von 992px */
@media only screen and (min-width: 768px) {
    .ly-section {
        margin-top: 2.5rem !important;
    }
    
    .ly-section-title{
        /*
        font-size: 2.0rem !important;
        letter-spacing: 0.01rem !important;
        line-height: 2.8rem !important;
        */
        margin-top: 1.5rem !important;
    }
    
    .ly-section-title.first {
        margin-top: 1.5rem !important;
    }
}


/* Styles für Bildschirme mit einer Mindestbreite von 992px */
@media only screen and (min-width: 992px) {
    .ly-section {
        margin-top: 2.5rem !important;
    }
    
    .ly-section-title{
        /*
        font-size: 2.0rem !important;
        letter-spacing: 0.01rem !important;
        line-height: 2.8rem !important;
        */
        margin-top: 1.5rem !important;
    }
    
    .ly-section-title.first {
        margin-top: 1.5rem !important;
    }
}


/* Styles für Bildschirme mit einer Mindestbreite von 1200px */
@media only screen and (min-width: 1200px) {
    .ly-section {
        margin-top: 2.5rem !important;
    }
    
    .ly-section-title{
        /*
        font-size: 3.0rem !important;
        letter-spacing: 0.01rem !important;
        line-height: 2.8rem !important;
        */
        margin-top: 7.0rem !important;
    }
    
    .ly-section-title.first {
        margin-top: 1.5rem !important;
    }
}


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