@import url('../../../global/css/main.css');

@media 
screen and (max-width: 672px) {
    * {
        margin: 0;
        padding: 0;
    }

    body { background-color: var(--secondary);}
    
    main {
        position: absolute;
        top: 10rem;
        left: 5%;
        width: 90%;
        height: 35rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        border-left: 8px solid var(--primary);
        background-color: var(--background-color);
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    }

    main .headline {
        position: relative;
        font-family: 'Epilogue', sans-serif;
        font-weight: 700;
        color: var(--primary);
    }

    main .sub-headline {
        position: relative;
        font-family: 'Epilogue', sans-serif;
        font-weight: 500;
        color: var(--secondary);
        margin-top: .5rem;
    }

    main .cg {
        position: relative;
        font-size: 1.2rem;
        font-weight: 500;
    }

    main .cg-street {
        position: relative;
        text-align: center;
        margin-top: -1rem;
    }

    main .cg-city {
        position: relative;
        text-align: center;
        margin-bottom: 1rem;
        margin-top: -1rem;
    }

    main .third-headline {
        position: relative;
        font-size: 1.2rem;
        font-weight: 500;
    }

    main .phone-number {
        position: relative;
        margin-top: .5rem;
    }

    main .phone-number a {
        color: var(--primary) !important;
        text-decoration: underline;
    }

    main .email {
        position: relative;
        margin-bottom: 1rem;
        margin-top: -1rem;
    }

    main .email a {
        color: var(--primary) !important;
        text-decoration: underline;
    }

    main .umsetzung {
        position: relative;
        font-size: 1.2rem;
        font-weight: 500;
    }

    main .colingrahm {
        position: relative;
        margin-top: .5rem;
    }

    main .website {
        position: relative;
        color: var(--primary);
        text-decoration: underline;
    }
}