/* -----------Global-------------*/
* {
    hyphens: manual;
}
/* -----------Hintergründe-------------*/
.bg_cta-black {background-color: rgba(55, 55, 55, 1);}
.bg_silverstrong {background-color:var(--color_silver-strong);}



/* -----------Hilfsklassen-------------*/
h1.headline-no-margin,.headline-no-margin h1,.headline-no-margin.h1,
h2.headline-no-margin,.headline-no-margin h2,.headline-no-margin.h2,
h3.headline-no-margin,.headline-no-margin h3,.headline-no-margin.h3,
h4.headline-no-margin,.headline-no-margin h4,.headline-no-margin.h4,
h5.headline-no-margin,.headline-no-margin h5,.headline-no-margin.h5,
h6.headline-no-margin,.headline-no-margin h6,.headline-no-margin.h6
{margin-bottom:unset;}


/* -----------cs_wrap-------------*/
.ce_wrap.shadow-3 {box-shadow: 0 70px 70px rgba(0, 0, 0, .2);}

/* -----------Hintergrund Start-Ende-------------*/
.bg-sameheight  {height: 100%;min-height: 300px;}

/* Nummerierte Boxen */
[class*="box-numbered-"]::before
{
  content: "";
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    font-size: 200px;
    color: #9b9b9b54;
    pointer-events: none;
    z-index: 0;
    font-family: "Playfair Display";
    font-style: normal;
    line-height: 0.5;
    margin: auto;
}

.box-numbered-1::before {content: "1";}
.box-numbered-2::before {content: "2";}
.box-numbered-3::before {content: "3";}
.box-numbered-4::before {content: "4";}
.box-numbered-5::before {content: "5";}

/* --------------------------- Breakpoints --------------------------- */
@media only screen and (min-width : 768px) and (max-width :1280px) {
    .col_1_t {
        flex:0 0 calc((100% / 12) * 1);
        max-width: calc((100% / 12) * 1)
    }

    .col_2_t {
        flex: 0 0 calc((100% / 12) * 2);
        max-width: calc((100% / 12) * 2)
    }

    .col_3_t {
        flex: 0 0 calc((100% / 12) * 3);
        max-width: calc((100% / 12) * 3)
    }

    .col_4_t {
        flex: 0 0 calc((100% / 12) * 4);
        max-width: calc((100% / 12) * 4)
    }

    .col_5_t {
        flex: 0 0 calc((100% / 12) * 5);
        max-width: calc((100% / 12) * 5)
    }

    .col_6_t {
        flex: 0 0 calc((100% / 12) * 6);
        max-width: calc((100% / 12) * 6)
    }

    .col_7_t {
        flex: 0 0 calc((100% / 12) * 7);
        max-width: calc((100% / 12) * 7)
    }

    .col_8_t {
        flex: 0 0 calc((100% / 12) * 8);
        max-width: calc((100% / 12) * 8)
    }

    .col_9_t {
        flex: 0 0 calc((100% / 12) * 9);
        max-width: calc((100% / 12) * 9)
    }

    .col_10_t {
        flex: 0 0 calc((100% / 12) * 10);
        max-width: calc((100% / 12) * 10)
    }

    .col_11_t {
        flex: 0 0 calc((100% / 12) * 11);
        max-width: calc((100% / 12) * 11)
    }

    .col_12_t {
        flex: 0 0 calc((100% / 12) * 12);
        max-width: calc((100% / 12) * 12)
    }

}