/* =========================================================
   BUSINESS RIGHT – HEADER
========================================================= */

.business-right__head {

    text-align:center;

    padding:25px 0 0;

}


.business-right__logo {

    width:min(400px,80%);

    height:auto;

    display:block;

    margin:0 auto 18px;

}


.business-right__subtitle {

    display:flex;

    align-items:center;

    justify-content:center;

    gap:18px;

    transform:translateY(8px);

    position:relative;

    z-index:5;

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

    font-size:16px;

    font-weight:600;

    letter-spacing:.22em;

    color:#ffffff;

}


.business-right__arrow {

    width:31.5%;

    height:auto;
    padding: 0 25px;

}

/* =====================================================
   HERO TROCKENEISREINIGUNG
===================================================== */

.business-right__hero {

    position:relative;

    width:100%;

    overflow:hidden;

}


.business-right__hero-image {

    display:block;

    width:100%;

    height:auto;

}

/* =====================================================
   HERO CLAIM
===================================================== */

.business-right__claim {

    position:absolute;

    z-index:2;

    top:55px;
    right:20%;

    display:flex;

    flex-direction:column;

    font-family:"Kalam", cursive;

    font-size:clamp(26px,2.3vw,40px);

    line-height:1.0;

    text-align:center;

    transform:rotate(-8deg);

    text-shadow:
        0 0 8px rgba(0,142,240,.6),
        0 0 18px rgba(0,142,240,.25);

}


.business-right__claim span {

    display:block;

    color:#00A8F3;

    -webkit-text-fill-color:#00A8F3;

    text-shadow:
        0 2px 3px rgba(0,0,0,.9),
        0 4px 10px rgba(0,0,0,.8),
        0 8px 22px rgba(0,0,0,.65),
        0 12px 35px rgba(0,0,0,.45);

}

/* =====================================================
   LICHTLINIE UNTER DEM HERO-CLAIM
===================================================== */

.business-right__claim-line {

    display:block;

    width:240px;

    height:2px;

    margin-top:12px;

    margin-left:auto;

    margin-right:-25px;

    background:
        linear-gradient(
            90deg,
            transparent 0%,
            #008ef0 20%,
            #8bddff 60%,
            #008ef0 85%,
            transparent 100%
        );

    box-shadow:
        0 2px 3px rgba(0,0,0,.9),
        0 4px 10px rgba(0,0,0,.7),
        0 0 8px rgba(0,142,240,.6),
        0 0 18px rgba(0,142,240,.3);

    transform:rotate(-5deg);

}

/* =====================================================
   INTRO TROCKENEISREINIGUNG
===================================================== */

.business-right__intro {

    position:absolute;
    
    margin-top:-85px;

    padding:0 0 50px 25px;

}


.business-right__intro h2 {

   margin:0;


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

    font-size:clamp(18px,2vw,28px);

    line-height:1.05;

    letter-spacing:.06em;

    color:#f4f6f8;


    text-shadow:

        0 3px 5px rgba(0,0,0,.9),
        0 8px 18px rgba(0,0,0,.7);

}


.business-right__intro h2 span {

    display:block;

}


.business-right__intro p {

    margin:18px 0 0;


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

    font-size:16px;

    letter-spacing:.20em;

    color:#00A8F3;

}

/* =====================================================
   SERVICE BEREICH
===================================================== */

.business-right__services {

    margin-top: 45px;
    margin-left: 6.2%;

}


.business-right__service {

    position:relative;

    display:flex;

    align-items:center;

    gap:25px;

    padding:20px 0 20px 30px;

}


.business-right__service-icon {

    flex:0 0 55px;

    display:flex;

    align-items:center;

    justify-content:center;

}


.business-right__service-icon img {

    width:55px;

    height:55px;

}


.business-right__service-content {

    padding-top:2px;

}


.business-right__service-content h3 {

    margin:0;

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

    font-size:20px;

    color:#ffffff;

}


.business-right__service-content p {

    margin:6px 0 0;

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

    font-size:15px;

    color:#c5d0da;

}


/* Linie unter dem Textbereich */

.business-right__service:not(:last-child)::after {

    content:"";

    position:absolute;

    left:110px;

    right:0;

    bottom:0;

    height:1px;

    background:
        linear-gradient(
            to right,
            rgba(0,142,240,.55),
            rgba(0,142,240,0)
        );

}

/* =====================================================
   INFOBOX TROCKENEISREINIGUNG
===================================================== */

.business-right__infobox {

    position:relative;

    display:flex;

    align-items:center;

    min-height:150px;

    margin:0 30px 0 0;

    padding:20px 24px;

    box-sizing:border-box;

    background:
        linear-gradient(
            135deg,
            #f4f7fa 0%,
            #dce5ec 100%
        );

    border:1px solid rgba(255,255,255,.8);

    border-radius:7px;

    box-shadow:
        0 8px 20px rgba(0,0,0,.35);

    overflow:hidden;

}


/* =====================================================
   SCHNEEFLOCKE
===================================================== */

.business-right__infobox-snowflake {

    flex:0 0 75px;

    font-size:68px;

    line-height:1;

    color:#071827;

    text-align:center;

}


/* =====================================================
   LISTE
===================================================== */

.business-right__infobox-list {

    display:flex;

    flex-direction:column;

    gap:8px;

    margin-left:22px;

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

    font-size:14px;

    line-height:1.4;

    letter-spacing:.08em;

    color:#008EF0;

}


.business-right__infobox-list div {

    display:flex;

    align-items:center;

    gap:9px;

    white-space:nowrap;

}


.business-right__infobox-list span {

    color:#17232d;

}


/* =====================================================
   HANDSCHRIFTLICHER CLAIM
===================================================== */

.business-right__infobox-claim {

    display:flex;

    flex-direction:column;

    margin-left:auto;

    padding-left:28px;

    font-family:"Kalam", cursive;

    font-size:28px;

    line-height:.95;

    color:#008EF0;

    transform:rotate(-7deg);

    text-shadow:
        0 2px 2px rgba(0,0,0,.18);

}


.business-right__infobox-claim span {

    display:block;

}

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

@media(max-width:900px){

    .business-right__claim {

        font-size:22px;

        line-height:0.7em;

        right:18%;

        top:40px;

    }
}

@media(max-width:900px){

    .business-right__claim-line {

        width:120px;

    }

}

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

@media(max-width:900px){


    .business-right__infobox {

        display:flex;

        min-height:160px;

        padding:25px 20px;

        gap:15px;

        overflow:hidden;

    }



    .business-right__infobox-snowflake {

        flex:0 0 55px;

        font-size:45px;

    }



    .business-right__infobox-list {

        flex:1;

        min-width:0;

        gap:7px;

        font-size:12px;

        line-height:1.35;

        letter-spacing:.05em;

    }



    .business-right__infobox-claim {

        display:none;

    }

}