#temrin-section {
    background-color: #1c1a1a;
}

.termin-container {
    display: flex;
    padding-top: 5%;
}

.termin-content {
    width: 50vw;
    padding-top: 12%;
}

.termin-calendly {
    width: 50vw;
}

.termin-content h1 {
    color: #fff;
    font-size: 42px;
}

.termin-line {
    display: flex;
    justify-content: start;
    margin-left: -3%;
}

.termin-content h1 > span {
    color: yellow;
}

.termin-content p {
    color: #fff;
    font-size: 18px;
    line-height: 1.6;
    margin-right: 20%;
    padding-top: 2%;
}

/*Responsive Termin Buchen Mobile*/
@media (max-width: 767px)  {
    .termin-container {
        display: block;
        text-align: center;

    }

    .termin-content {
        width: 100vw;
    }

    .termin-line {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .termin-content p {
        margin-right: 3%;
        margin-left: 3%;
    }

    .termin-btn {
        display: flex; 
        justify-content: center;
        align-items: center;
    }

    

    .termin-calendly {
        width: 100vw;
        padding-top: 10%;
    }
}