/* Allgemein  */

body {

    font-family: 'Poppins', sans-serif;
    max-width: 100vw;
    overflow-x: hidden;
}

section {

    padding: 50px 0 50px 0;
}

.center {

    display: flex;
    justify-content: center;
    align-items: center;
}

.center-bottom {

    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.center-grid {

    display: grid;
    justify-content: center;
    align-items: center;
}

.center-align {

    display: flex;
    align-items: center;
}

.fh {

    height: 100% !important;
}

.fw {

    width: 100% !important;
}

.flex-end {

    display: flex;
    justify-content: flex-end;
}

.flex-start {

    display: flex;
    justify-content: flex-start;
}

.flex {

    display: flex;
}

.h50 {

    height: 50%;
}

.ta {

    text-align: center;
}

.margin-b-10 {

    margin-bottom: 10px;
}

.margin-b-20 {

    margin-bottom: 20px;
}

.margin-b-30 {

    margin-bottom: 30px;
}

.margin-b-40 {

    margin-bottom: 40px;
}

.margin-b-50 {

    margin-bottom: 50px;
}

.margin-r-20 {

    margin-right: 20px;
}

.margin-t-80 {

    margin-top: 80px;
}

.text-left {

    text-align: left;
}

.text-right {

    text-align: right;
}

/* Grids */

.grid-2-1 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 40px;
    grid-row-gap: 40px;
}

.grid-2-1-small {
    display: grid;
    grid-template-columns: 0.01fr 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 50px;
    grid-row-gap: 0px;
    width: 100% !important;
}

.grid-2-1-form {
    display: grid;
    grid-template-columns: 1fr 0.4fr;
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 0px;
}

.grid-3-1 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 40px;
    grid-row-gap: 40px;
}

.grid-4-1 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 40px;
    grid-row-gap: 40px;
}