/* =========================================================
   BUSINESS MODUL
========================================================= */


.business {

    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        40px
        minmax(0,1fr);

    width:100%;

    position:relative;

    z-index:999;

}



/* =========================================================
   LINKE UND RECHTE SEITE
========================================================= */

/* =========================================================
   LINKER BEREICH
========================================================= */

.business__left {

    position:relative;

    min-width:0;

    padding-left:100px;
    padding-right:15px;

}


/* =========================================================
   RECHTER BEREICH
========================================================= */

.business__right {

    position:relative;

    min-width:0;

    padding-left:15px;
    padding-right:100px;

}



/* =========================================================
   ABSTAND / MITTELLINIE
========================================================= */


.business__gap {

    position:relative;

    width:40px;

}



/* Mittellinie */

.business__gap::before {

    content:"";

    position:absolute;

    top:0;

    bottom:0;

    left:50%;

    width:1px;

    background:
        linear-gradient(
            to bottom,
            transparent 0%,
            rgba(0,142,240,.6) 20%,
            rgba(0,142,240,.6) 80%,
            transparent 100%
        );

}



/* =========================================================
   MOBILE
========================================================= */


@media(max-width:900px){


    .business {

        display:block;

    }


    .business__gap {

        display:none;

    }


    .business__left,
    .business__right {

        width:100%;

        padding-left:0;

        padding-right:0;

    }


}



/* =========================================================
   TEST / RECHTER BEREICH
========================================================= */


.business-test {

    min-height:400px;

    padding:60px;

    color:#ffffff;

    font-family:"Lausitz Sans", sans-serif;

}



.business-test h1 {

    font-size:32px;

    letter-spacing:.12em;

}



.business-test p {

    color:#00A8F3;

}

/* =========================================================
   BUSINESS MOBILE
========================================================= */

@media(max-width:900px){

    .business {

        display:block;

        width:100%;

        overflow:hidden;

    }


    .business__gap {

        display:none;

    }


    .business__left,
    .business__right {

        width:100%;

        max-width:100%;

        min-width:0;

    }

}