@charset "UTF-8";
/* 000 ABSTRACTS */
/* other */
/* IE 10 & 11*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .teaser-old a, .teaser-old a:link {
        display: inline-block;
        flex: none;
    }
}

/* 100 BASE */
/* VARIABLES */
/* max-width */
/* gutter */
/* blocgutter */
/* colors */
/* BREAKPOINTS */
/*

@include breakpoint-max(XXL) {
}

@include breakpoint-max(XL) {
}

@include breakpoint-max(L) {
}

@include breakpoint-max(M) {
}

@include breakpoint-max(S) {
}


@include breakpoint-min(XXL) {
}

@include breakpoint-min(XL) {
}

@include breakpoint-min(L) {
}

@include breakpoint-min(M) {
}

@include breakpoint-min(S) {
}

*/
/* RESET */
* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

ul, ol, li {
    list-style: none;
}

img, svg {
    width: 100%; /*IE11 Flexbox*/
    max-width: 100%;
    height: auto;
    border: 0;
    min-height: 1px;
}

/* BASICS */
/* TYPOGRAPHY */
body {
    font-family: 'Univers LT W01_45 Light', sans-serif !important;
    background-color: #ffffff;
}

html {
    font-size: 16px;
    line-height: 1.5;
}

figure {
    display: block;
    float: left; /*width: 100%;*/ /* IE11 Bilder nicht zu gross*/
    line-height: 0; /* Ungewünschten whitespace unter figure entfernen */
    border-bottom: 2px solid red;
}

/* BASE */
/* LINKS */
a, a:link {
    text-decoration: none;
    color: #1c6675;
}

a:hover {
    text-decoration: underline;
}

a.external::before {
    content: "» ";
}

ul.linkliste a, ul.linkliste a:link {
    font-size: 20px;
}

#content ul.linkliste li {
    list-style: none;
    margin-bottom: 10px;
}

/* TYPOGRAPHY */
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

h1 {
    font-size: 40px;
    line-height: 1.2;
    padding-top: 2px !important;
    padding-bottom: 14px !important;
}

h2 {
    font-size: 32px;
    line-height: 1.222222;
    padding-top: 2px !important;
    padding-bottom: 16px !important;
    color: #1c6675;
}

h3 {
    font-size: 24px;
    line-height: 1.333333;
    padding-bottom: 15px !important;
}

h4 {
    font-size: 20px;
    line-height: 1.6;
    padding-top: 2px !important;
    padding-bottom: 16px !important;
}

h5 {
    font-size: 16px;
    line-height: 1.6;
    padding-top: 4px !important;
    padding-bottom: 16px !important;
}

h6 {
    font-size: 12px;
    line-height: 1.3;
    padding-top: 4px !important;
    padding-bottom: 12px !important;
}

p {
    font-size: 16px;
    padding-bottom: 16px;
}

ul {
    font-size: 16px;
    padding-bottom: 16px;
}

dl {
    font-size: 16px;
    padding-bottom: 16px;
}

/* LISTS */
#content ul li {
    line-height: 1.4;
    list-style: square;
    list-style-position: inside;
}

#content ol li {
    list-style-type: decimal-leading-zero;
    list-style-position: outside;
}

/* 200 ELEMENTS */
/* elements */
/* BUTTONS */
a.button, a:link.button {
    padding: 11px 40px;
    border: 1px solid black;
    display: inline-block;
    color: black;
    text-decoration: none;
    margin-right: 20px;
}

a:hover.button {
    background-color: #ffffff;
    transition: border 0.5s;
}

/* TABLET HOCHKANT | Rasterbreite 4 = XL */
/* TABLET QUER */
/* DEVICESIZE XXL > 1280px */
/* IPAD HOCHKANT | Rasterbreite 3 =  L */
/* TABLET QUER */
/* DEVICESIZE XXL > 1280px */
/* TABLET 7" | Rasterbreite 2 =  M */
/* TABLET QUER */
/* DEVICESIZE XXL > 1280px */
/* SMARTPHONE | Rasterbreite 1 = S */
/* TABLET QUER */
/* DEVICESIZE XXL > 1280px */
/* LINKS */
a.int::before, a:link.int::before {
    content: "→ ";
}

a.ext::before, a:link.ext::before {
    content: "↗ ";
}

/* 300 LAYOUT */
/* layout */
/* SECTIONS */
#above {
    float: left;
    width: 100%;

}

#header {
    float: left;
    width: 100%;

}

#hero {
    float: left;
    position: relative;
    width: 100%;

}

#content {
    float: left;
    position: relative;
    width: 100%;

}

#footer {
    float: left;
    width: 100%;

}

#below {
    float: left;
    width: 100%;

}

/* SECTOR FULLWIDTH */
.sector {
    width: 100%;
    background-size: cover;
    background-position: center;
}

/*.sector-bg {
  width: 100%;
}*/
/* WRAPPER */
.wrapper, .wrapper-wide, .wrapper-full {
    margin: 0 auto;
    padding: 0; /*overflow: auto;*/
}

.wrapper {
    width: 96%;
    max-width: 984px;
}

.wrapper-wide {
    width: 96%;
}

.wrapper-full {
    width: 100%;
}

/*#hero .wrapper {
	width: 100%!important;
	max-width: 100%!important;
}
*/
/* Breiter | Rasterbreite 4 = XXL */
/* TABLET QUER */
/* DEVICESIZE XXL > 1280px */
@media screen and (min-width: 961px) {
    .wrapper {
        width: 96%;
    }
}

/* IPAD QUER | Rasterbreite 4 = XL */
/* TABLET QUER */
/* DEVICESIZE XXL > 1280px */
@media screen and (max-width: 960px) {
    .wrapper {
        width: 96%;
    }
}

/* IPAD HOCHKANT | Rasterbreite 3 =  L */
/* TABLET QUER */
/* DEVICESIZE XXL > 1280px */
@media screen and (max-width: 780px) {
    .wrapper {
        width: 100%;
    }
}

/* SMARTPHONE | Rasterbreite 1 = S */
/* TABLET QUER */
/* DEVICESIZE XXL > 1280px */
@media screen and (max-width: 420px) {
    .wrapper {
        width: 100%;
    }
}

/* GRID */
.colblock {
    float: left;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}

.col_16-16, .col_15-16, .col_14-16, .col_13-16, .col_12-16, .col_11-16, .col_10-16, .col_9-16, .col_8-16, .col_7-16, .col_6-16, .col_5-16, .col_4-16, .col_3-16, .col_2-16, .col_1-16, .col_12-12, .col_11-12, .col_10-12, .col_9-12, .col_8-12, .col_7-12, .col_6-12, .col_5-12, .col_4-12, .col_3-12, .col_2-12, .col_1-12, .col_10-10, .col_9-10, .col_8-10, .col_7-10, .col_6-10, .col_5-10, .col_4-10, .col_3-10, .col_2-10, .col_1-10, .col_8-8, .col_7-8, .col_6-8, .col_5-8, .col_4-8, .col_3-8, .col_2-8, .col_1-8, .col_6-6, .col_5-6, .col_4-6, .col_3-6, .col_2-6, .col_1-6, .col_5-5, .col_4-5, .col_3-5, .col_2-5, .col_1-5, .col_4-4, .col_3-4, .col_2-4, .col_1-4, .col_3-3, .col_2-3, .col_1-3, .col_2-2, .col_1-2, .col_1-1 {
    float: left;
}

.col_16-16, .col_12-12, .col_10-10, .col_8-8, .col_6-6, .col_5-5, .col_4-4, .col_3-3, .col_2-2, .col_1-1 {
    width: 100%;

}

.col_15-16 {
    width: 93.750000%;
}

.col_11-12 {
    width: 91.666666%;
}

.col_9-10 {
    width: 90%;
}

.col_14-16, .col_7-8 {
    width: 87.5%;
}

.col_10-12, .col_5-6 {
    width: 83.333333%;
}

.col_13-16 {
    width: 81.250000%;
}

.col_8-10, .col_4-5 {
    width: 80%;
}

.col_12-16, .col_9-12, .col_6-8, .col_3-4 {
    width: 75%;
}

.col_7-10 {
    width: 70%;
}

.col_11-16 {
    width: 68.750000%;
}

.col_8-12, .col_4-6, .col_2-3 {
    width: 66.666666%;
}

.col_10-16, .col_5-8 {
    width: 62.5%;
}

.col_6-10, .col_3-5 {
    width: 60%;
}

.col_7-12 {
    width: 58.333333%;
}

.col_9-16 {
    width: 56.250000%;
}

.col_8-16, .col_6-12, .col_5-10, .col_4-8, .col_3-6, .col_2-4, .col_1-2 {
    width: 50%;
}

.col_7-16 {
    width: 43.750000%;
}

.col_5-12 {
    width: 41.666666%;
}

.col_4-10, .col_2-5 {
    width: 40%;
}

.col_6-16, .col_3-8 {
    width: 37.5%;
}

.col_4-12, .col_2-6, .col_1-3 {
    width: 33.333333%;
}

.col_5-16 {
    width: 31.250000%;
}

.col_3-10 {
    width: 30%;
}

.col_4-16, .col_3-12, .col_2-8, .col_1-4 {
    width: 25%;
}

.col_2-10, .col_1-5 {
    width: 20%;
}

.col_3-16 {
    width: 18.750000%;
}

.col_2-12, .col_1-6 {
    width: 16.666666%;
}

.col_2-16, .col_1-8 {
    width: 12.5%;
}

.col_1-10 {
    width: 10%;
}

.col_1-12 {
    width: 8.333333%;
}

.col_1-16 {
    width: 6.250000%;
}

.col_0 {
    display: none;
}

/* Breiter | Rasterbreite 4 = XXL */
/* TABLET QUER */
/* DEVICESIZE XXL > 1280px */
@media screen and (min-width: 961px) {
    .col-xxl_12-12, .col-xxl_11-12, .col-xxl_10-12, .col-xxl_9-12, .col-xxl_8-12, .col-xxl_7-12, .col-xxl_6-12, .col-xxl_5-12, .col-xxl_4-12, .col-xxl_3-12, .col-xxl_2-12, .col-xxl_1-12, .col-xxl_10-10, .col-xxl_9-10, .col-xxl_8-10, .col-xxl_7-10, .col-xxl_6-10, .col-xxl_5-10, .col-xxl_4-10, .col-xxl_3-10, .col-xxl_2-10, .col-xxl_1-10, .col-xxl_8-8, .col-xxl_7-8, .col-xxl_6-8, .col-xxl_5-8, .col-xxl_4-8, .col-xxl_3-8, .col-xxl_2-8, .col-xxl_1-8, .col-xxl_6-6, .col-xxl_5-6, .col-xxl_4-6, .col-xxl_3-6, .col-xxl_2-6, .col-xxl_1-6, .col-xxl_5-5, .col-xxl_4-5, .col-xxl_3-5, .col-xxl_2-5, .col-xxl_1-5 {
        float: left;
    }

    .col-xxl_12-12, .col-xxl_5-5, .col-xxl_1-1 {
        width: 100%;
    }

    .col-xxl_11-12 {
        width: 91.666666%;
    }

    .col-xxl_10-12, .col-xxl_5-6 {
        width: 83.333333%;
    }

    .col-xxl_4-5 {
        width: 80%;
    }

    .col-xxl_9-12, .col-xxl_3-4 {
        width: 75%;
    }

    .col-xxl_8-12, .col-xxl_2-3 {
        width: 66.666666%;
    }

    .col-xxl_3-5 {
        width: 60%;
    }

    .col-xxl_7-12 {
        width: 58.333333%;
    }

    .col-xxl_6-12, .col-xxl_1-2 {
        width: 50%;
    }

    .col-xxl_5-12 {
        width: 41.666666%;
    }

    .col-xxl_2-5 {
        width: 40%;
    }

    .col-xxl_4-12, .col-xxl_1-3 {
        width: 33.333333%;
    }

    .col-xxl_3-12, .col-xxl_1-4 {
        width: 25%;
    }

    .col-xxl_1-5 {
        width: 20%;
    }

    .col-xxl_2-12, .col-xxl_1-6 {
        width: 16.666666%;
    }

    .col-xxl_1-12 {
        width: 8.333333%;
    }

    .col-xxl_0 {
        display: none;
    }
}

/* IPAD QUER | Rasterbreite 4 = XL */
/* TABLET QUER */
/* DEVICESIZE XXL > 1280px */
@media screen and (max-width: 960px) {
    .col-xl_12-12, .col-xl_11-12, .col-xl_10-12, .col-xl_9-12, .col-xl_8-12, .col-xl_7-12, .col-xl_6-12, .col-xl_5-12, .col-xl_4-12, .col-xl_3-12, .col-xl_2-12, .col-xl_1-12, .col-xl_10-10, .col-xl_9-10, .col-xl_8-10, .col-xl_7-10, .col-xl_6-10, .col-xl_5-10, .col-xl_4-10, .col-xl_3-10, .col-xl_2-10, .col-xl_1-10, .col-xl_8-8, .col-xl_7-8, .col-xl_6-8, .col-xl_5-8, .col-xl_4-8, .col-xl_3-8, .col-xl_2-8, .col-xl_1-8, .col-xl_6-6, .col-xl_5-6, .col-xl_4-6, .col-xl_3-6, .col-xl_2-6, .col-xl_1-6, .col-xl_5-5, .col-xl_4-5, .col-xl_3-5, .col-xl_2-5, .col-xl_1-5 {
        float: left;
    }

    .col-xl_12-12, .col-xl_5-5, .col-xl_1-1 {
        width: 100%;
    }

    .col-xl_11-12 {
        width: 91.666666%;
    }

    .col-xl_10-12, .col-xl_5-6 {
        width: 83.333333%;
    }

    .col-xl_4-5 {
        width: 80%;
    }

    .col-xl_9-12, .col-xl_3-4 {
        width: 75%;
    }

    .col-xl_8-12, .col-xl_2-3 {
        width: 66.666666%;
    }

    .col-xl_3-5 {
        width: 60%;
    }

    .col-xl_7-12 {
        width: 58.333333%;
    }

    .col-xl_6-12, .col-xl_1-2 {
        width: 50%;
    }

    .col-xl_5-12 {
        width: 41.666666%;
    }

    .col-xl_2-5 {
        width: 40%;
    }

    .col-xl_4-12, .col-xl_1-3 {
        width: 33.333333%;
    }

    .col-xl_3-12, .col-xl_1-4 {
        width: 25%;
    }

    .col-xl_1-5 {
        width: 20%;
    }

    .col-xl_2-12, .col-xl_1-6 {
        width: 16.666666%;
    }

    .col-xl_1-12 {
        width: 8.333333%;
    }

    .col-xl_0 {
        display: none;
    }
}

/* IPAD HOCHKANT | Rasterbreite 3 =  L */
/* TABLET QUER */
/* DEVICESIZE XXL > 1280px */
@media screen and (max-width: 780px) {
    .col-l_12-12, .col-l_11-12, .col-l_10-12, .col-l_9-12, .col-l_8-12, .col-l_7-12, .col-l_6-12, .col-l_5-12, .col-l_4-12, .col-l_3-12, .col-l_2-12, .col-l_1-12, .col-l_10-10, .col-l_9-10, .col-l_8-10, .col-l_7-10, .col-l_6-10, .col-l_5-10, .col-l_4-10, .col-l_3-10, .col-l_2-10, .col-l_1-10, .col-l_8-8, .col-l_7-8, .col-l_6-8, .col-l_5-8, .col-l_4-8, .col-l_3-8, .col-l_2-8, .col-l_1-8, .col-l_6-6, .col-l_5-6, .col-l_4-6, .col-l_3-6, .col-l_2-6, .col-l_1-6, .col-l_5-5, .col-l_4-5, .col-l_3-5, .col-l_2-5, .col-l_1-5 {
        float: left;
    }

    .col-l_12-12, .col-l_5-5, .col-l_1-1 {
        width: 100%;
    }

    .col-l_11-12 {
        width: 91.666666%;
    }

    .col-l_10-12, .col-l_5-6 {
        width: 83.333333%;
    }

    .col-l_4-5 {
        width: 80%;
    }

    .col-l_9-12, .col-l_3-4 {
        width: 75%;
    }

    .col-l_8-12, .col-l_2-3 {
        width: 66.666666%;
    }

    .col-l_3-5 {
        width: 60%;
    }

    .col-l_7-12 {
        width: 58.333333%;
    }

    .col-l_6-12, .col-l_1-2 {
        width: 50%;
    }

    .col-l_5-12 {
        width: 41.666666%;
    }

    .col-l_2-5 {
        width: 40%;
    }

    .col-l_4-12, .col-l_1-3 {
        width: 33.333333%;
    }

    .col-l_3-12, .col-l_1-4 {
        width: 25%;
    }

    .col-l_1-5 {
        width: 20%;
    }

    .col-l_2-12, .col-l_1-6 {
        width: 16.666666%;
    }

    .col-l_1-12 {
        width: 8.333333%;
    }

    .col-l_0 {
        display: none;
    }
}

/* TABLET 7" | Rasterbreite 2 =  M */
/* TABLET QUER */
/* DEVICESIZE XXL > 1280px */
@media screen and (max-width: 600px) {
    .col-m_12-12, .col-m_11-12, .col-m_10-12, .col-m_9-12, .col-m_8-12, .col-m_7-12, .col-m_6-12, .col-m_5-12, .col-m_4-12, .col-m_3-12, .col-m_2-12, .col-m_1-12, .col-m_10-10, .col-m_9-10, .col-m_8-10, .col-m_7-10, .col-m_6-10, .col-m_5-10, .col-m_4-10, .col-m_3-10, .col-m_2-10, .col-m_1-10, .col-m_8-8, .col-m_7-8, .col-m_6-8, .col-m_5-8, .col-m_4-8, .col-m_3-8, .col-m_2-8, .col-m_1-8, .col-m_6-6, .col-m_5-6, .col-m_4-6, .col-m_3-6, .col-m_2-6, .col-m_1-6, .col-m_5-5, .col-m_4-5, .col-m_3-5, .col-m_2-5, .col-m_1-5 {
        float: left;
    }

    .col-m_12-12, .col-m_5-5, .col-m_1-1 {
        width: 100%;
    }

    .col-m_11-12 {
        width: 91.666666%;
    }

    .col-m_10-12, .col-m_5-6 {
        width: 83.333333%;
    }

    .col-m_4-5 {
        width: 80%;
    }

    .col-m_9-12, .col-m_3-4 {
        width: 75%;
    }

    .col-m_8-12, .col-m_2-3 {
        width: 66.666666%;
    }

    .col-m_3-5 {
        width: 60%;
    }

    .col-m_7-12 {
        width: 58.333333%;
    }

    .col-m_6-12, .col-m_1-2 {
        width: 50%;
    }

    .col-m_5-12 {
        width: 41.666666%;
    }

    .col-m_2-5 {
        width: 40%;
    }

    .col-m_4-12, .col-m_1-3 {
        width: 33.333333%;
    }

    .col-m_3-12, .col-m_1-4 {
        width: 25%;
    }

    .col-m_1-5 {
        width: 20%;
    }

    .col-m_2-12, .col-m_1-6 {
        width: 16.666666%;
    }

    .col-m_1-12 {
        width: 8.333333%;
    }

    .col-m_0 {
        display: none;
    }
}

/* SMARTPHONE | Rasterbreite 1 = S */
/* TABLET QUER */
/* DEVICESIZE XXL > 1280px */
@media screen and (max-width: 420px) {
    .col-s_12-12, .col-s_11-12, .col-s_10-12, .col-s_9-12, .col-s_8-12, .col-s_7-12, .col-s_6-12, .col-s_5-12, .col-s_4-12, .col-s_3-12, .col-s_2-12, .col-s_1-12, .col-s_10-10, .col-s_9-10, .col-s_8-10, .col-s_7-10, .col-s_6-10, .col-s_5-10, .col-s_4-10, .col-s_3-10, .col-s_2-10, .col-s_1-10, .col-s_8-8, .col-s_7-8, .col-s_6-8, .col-s_5-8, .col-s_4-8, .col-s_3-8, .col-s_2-8, .col-s_1-8, .col-s_6-6, .col-s_5-6, .col-s_4-6, .col-s_3-6, .col-s_2-6, .col-s_1-6, .col-s_5-5, .col-s_4-5, .col-s_3-5, .col-s_2-5, .col-s_1-5 {
        float: left;
    }

    .col-s_12-12, .col-s_5-5, .col-s_1-1 {
        width: 100%;
    }

    .col-s_11-12 {
        width: 91.666666%;
    }

    .col-s_10-12, .col-s_5-6 {
        width: 83.333333%;
    }

    .col-s_4-5 {
        width: 80%;
    }

    .col-s_9-12, .col-s_3-4 {
        width: 75%;
    }

    .col-s_8-12, .col-s_2-3 {
        width: 66.666666%;
    }

    .col-s_3-5 {
        width: 60%;
    }

    .col-s_7-12 {
        width: 58.333333%;
    }

    .col-s_6-12, .col-s_1-2 {
        width: 50%;
    }

    .col-s_5-12 {
        width: 41.666666%;
    }

    .col-s_2-5 {
        width: 40%;
    }

    .col-s_4-12, .col-s_1-3 {
        width: 33.333333%;
    }

    .col-s_3-12, .col-s_1-4 {
        width: 25%;
    }

    .col-s_1-5 {
        width: 20%;
    }

    .col-s_2-12, .col-s_1-6 {
        width: 16.666666%;
    }

    .col-s_1-12 {
        width: 8.333333%;
    }

    .col-s_0 {
        display: none;
    }
}

/* GRID */
.box_16-16, .box_15-16, .box_14-16, .box_13-16, .box_12-16, .box_11-16, .box_10-16, .box_9-16, .box_8-16, .box_7-16, .box_6-16, .box_5-16, .box_4-16, .box_3-16, .box_2-16, .box_1-16, .box_12-12, .box_11-12, .box_10-12, .box_9-12, .box_8-12, .box_7-12, .box_6-12, .box_5-12, .box_4-12, .box_3-12, .box_2-12, .box_1-12, .box_10-10, .box_9-10, .box_8-10, .box_7-10, .box_6-10, .box_5-10, .box_4-10, .box_3-10, .box_2-10, .box_1-10, .box_8-8, .box_7-8, .box_6-8, .box_5-8, .box_4-8, .box_3-8, .box_2-8, .box_1-8, .box_6-6, .box_5-6, .box_4-6, .box_3-6, .box_2-6, .box_1-6, .box_5-5, .box_4-5, .box_3-5, .box_2-5, .box_1-5, .box_4-4, .box_3-4, .box_2-4, .box_1-4, .box_3-3, .box_2-3x, .box_1-3, .box_2-2, .box_1-2, .box_1-1 {
    float: left;
    margin: 0 15px;
    background-color: #ffa500;
}

.box_16-16, .box_12-12, .box_10-10, .box_8-8, .box_6-6, .box_5-5, .box_4-4, .box_3-3, .box_2-2, .box_1-1 {
    width: calc(100% - 30px);
}

.box_15-16 {
    width: calc(93.750000% - 30px);
}

.box_11-12 {
    width: calc(91.666666% - 30px);
}

.box_9-10 {
    width: calc(90% - 30px);
}

.box_14-16, .box_7-8 {
    width: calc(87.5% - 30px);
}

.box_10-12, .box_5-6 {
    width: calc(83.333333% - 30px);
}

.box_13-16 {
    width: calc(81.250000% - 30px);
}

.box_8-10, .box_4-5 {
    width: calc(80% - 30px);
}

.box_12-16, .box_9-12, .box_6-8, .box_3-4 {
    width: calc(75% - 30px);
}

.box_7-10 {
    width: calc(70% - 30px);
}

.box_11-16 {
    width: calc(68.750000% - 30px);
}

.box_8-12, .box_4-6, .box_2-3x {
    width: calc(66.666666% - 30px);
}

.box_10-16, .box_5-8 {
    width: calc(62.5% - 30px);
}

.box_6-10, .box_3-5 {
    width: calc(60% - 30px);
}

.box_7-12 {
    width: calc(58.333333% - 30px);
}

.box_9-16 {
    width: calc(56.250000% - 30px);
}

.box_8-16, .box_6-12, .box_5-10, .box_4-8, .box_3-6, .box_2-4, .box_1-2 {
    width: calc(50% - 30px);
}

.box_7-16 {
    width: calc(43.750000% - 30px);
}

.box_5-12 {
    width: calc(41.666666% - 30px);
}

.box_4-10, .box_2-5 {
    width: calc(40% - 30px);
}

.box_6-16, .box_3-8 {
    width: calc(37.5% - 30px);
}

.box_4-12, .box_2-6, .box_1-3 {
    width: calc(33.333333% - 30px);
}

.box_5-16 {
    width: calc(31.250000% - 30px);
}

.box_3-10 {
    width: calc(30% - 30px);
}

.box_4-16, .box_3-12, .box_2-8, .box_1-4 {
    width: calc(25% - 30px);
}

.box_2-10, .box_1-5 {
    width: calc(20% - 30px);
}

.box_3-16 {
    width: calc(18.750000% - 30px);
}

.box_2-12, .box_1-6 {
    width: calc(16.666666% - 30px);
}

.box_2-16, .box_1-8 {
    width: calc(12.5% - 30px);
}

.box_1-10 {
    width: calc(10% - 30px);
}

.box_1-12 {
    width: calc(8.333333% - 30px);
}

.box_1-16 {
    width: calc(6.250000% - 30px);
}

.box_0 {
    display: none;
}

/* Breiter | Rasterbreite 4 = XXL */
/* TABLET QUER */
/* DEVICESIZE XXL > 1280px */
@media screen and (min-width: 961px) {
    .box-xxl_12-12, .box-xxl_11-12, .box-xxl_10-12, .box-xxl_9-12, .box-xxl_8-12, .box-xxl_7-12, .box-xxl_6-12, .box-xxl_5-12, .box-xxl_4-12, .box-xxl_3-12, .box-xxl_2-12, .box-xxl_1-12, .box-xxl_10-10, .box-xxl_9-10, .box-xxl_8-10, .box-xxl_7-10, .box-xxl_6-10, .box-xxl_5-10, .box-xxl_4-10, .box-xxl_3-10, .box-xxl_2-10, .box-xxl_1-10, .box-xxl_8-8, .box-xxl_7-8, .box-xxl_6-8, .box-xxl_5-8, .box-xxl_4-8, .box-xxl_3-8, .box-xxl_2-8, .box-xxl_1-8, .box-xxl_6-6, .box-xxl_5-6, .box-xxl_4-6, .box-xxl_3-6, .box-xxl_2-6, .box-xxl_1-6, .box-xxl_5-5, .box-xxl_4-5, .box-xxl_3-5, .box-xxl_2-5, .box-xxl_1-5 {
        float: left;
        margin: 0 15px;
        background-color: #ffa500;
    }

    .box-xxl_12-12, .box-xxl_5-5, .box-xxl_1-1 {
        width: calc(100% - 30px);
    }

    .box-xxl_11-12 {
        width: calc(91.666666% - 30px);
    }

    .box-xxl_10-12, .box-xxl_5-6 {
        width: calc(83.333333% - 30px);
    }

    .box-xxl_4-5 {
        width: calc(80% - 30px);
    }

    .box-xxl_9-12, .box-xxl_3-4 {
        width: calc(75% - 30px);
    }

    .box-xxl_8-12, .box-xxl_2-3 {
        width: calc(66.666666% - 30px);
    }

    .box-xxl_3-5 {
        width: calc(60% - 30px);
    }

    .box-xxl_7-12 {
        width: calc(58.333333% - 30px);
    }

    .box-xxl_6-12, .box-xxl_1-2 {
        width: calc(50% - 30px);
    }

    .box-xxl_5-12 {
        width: calc(41.666666% - 30px);
    }

    .box-xxl_2-5 {
        width: calc(40% - 30px);
    }

    .box-xxl_4-12, .box-xxl_1-3 {
        width: calc(33.333333% - 30px);
    }

    .box-xxl_3-12, .box-xxl_1-4 {
        width: calc(25% - 30px);
    }

    .box-xxl_1-5 {
        width: calc(20% - 30px);
    }

    .box-xxl_2-12, .box-xxl_1-6 {
        width: calc(16.666666% - 30px);
    }

    .box-xxl_1-12 {
        width: calc(8.333333% - 30px);
    }
}

/* IPAD QUER | Rasterbreite 4 = XL */
/* TABLET QUER */
/* DEVICESIZE XXL > 1280px */
@media screen and (max-width: 960px) {
    .box-xl_12-12, .box-xl_11-12, .box-xl_10-12, .box-xl_9-12, .box-xl_8-12, .box-xl_7-12, .box-xl_6-12, .box-xl_5-12, .box-xl_4-12, .box-xl_3-12, .box-xl_2-12, .box-xl_1-12, .box-xl_10-10, .box-xl_9-10, .box-xl_8-10, .box-xl_7-10, .box-xl_6-10, .box-xl_5-10, .box-xl_4-10, .box-xl_3-10, .box-xl_2-10, .box-xl_1-10, .box-xl_8-8, .box-xl_7-8, .box-xl_6-8, .box-xl_5-8, .box-xl_4-8, .box-xl_3-8, .box-xl_2-8, .box-xl_1-8, .box-xl_6-6, .box-xl_5-6, .box-xl_4-6, .box-xl_3-6, .box-xl_2-6, .box-xl_1-6, .box-xl_5-5, .box-xl_4-5, .box-xl_3-5, .box-xl_2-5, .box-xl_1-5 {
        float: left;
        margin: 0 15px;
        background-color: #ffa500;
    }

    .box-xl_12-12, .box-xl_5-5, .box-xl_1-1 {
        width: calc(100% - 30px);
    }

    .box-xl_11-12 {
        width: calc(91.666666% - 30px);
    }

    .box-xl_10-12, .box-xl_5-6 {
        width: calc(83.333333% - 30px);
    }

    .box-xl_4-5 {
        width: calc(80% - 30px);
    }

    .box-xl_9-12, .box-xl_3-4 {
        width: calc(75% - 30px);
    }

    .box-xl_8-12, .box-xl_2-3 {
        width: calc(66.666666% - 30px);
    }

    .box-xl_3-5 {
        width: calc(60% - 30px);
    }

    .box-xl_7-12 {
        width: calc(58.333333% - 30px);
    }

    .box-xl_6-12, .box-xl_1-2 {
        width: calc(50% - 30px);
    }

    .box-xl_5-12 {
        width: calc(41.666666% - 30px);
    }

    .box-xl_2-5 {
        width: calc(40% - 30px);
    }

    .box-xl_4-12, .box-xl_1-3 {
        width: calc(33.333333% - 30px);
    }

    .box-xl_3-12, .box-xl_1-4 {
        width: calc(25% - 30px);
    }

    .box-xl_1-5 {
        width: calc(20% - 30px);
    }

    .box-xl_2-12, .box-xl_1-6 {
        width: calc(16.666666% - 30px);
    }

    .box-xl_1-12 {
        width: calc(8.333333% - 30px);
    }
}

/* IPAD HOCHKANT | Rasterbreite 3 =  L */
/* TABLET QUER */
/* DEVICESIZE XXL > 1280px */
@media screen and (max-width: 780px) {
    .box-l_12-12, .box-l_11-12, .box-l_10-12, .box-l_9-12, .box-l_8-12, .box-l_7-12, .box-l_6-12, .box-l_5-12, .box-l_4-12, .box-l_3-12, .box-l_2-12, .box-l_1-12, .box-l_10-10, .box-l_9-10, .box-l_8-10, .box-l_7-10, .box-l_6-10, .box-l_5-10, .box-l_4-10, .box-l_3-10, .box-l_2-10, .box-l_1-10, .box-l_8-8, .box-l_7-8, .box-l_6-8, .box-l_5-8, .box-l_4-8, .box-l_3-8, .box-l_2-8, .box-l_1-8, .box-l_6-6, .box-l_5-6, .box-l_4-6, .box-l_3-6, .box-l_2-6, .box-l_1-6, .box-l_5-5, .box-l_4-5, .box-l_3-5, .box-l_2-5, .box-l_1-5 {
        float: left;
        margin: 0 15px;
        background-color: #ffa500;
    }

    .box-l_12-12, .box-l_5-5, .box-l_1-1 {
        width: calc(100% - 30px);
    }

    .box-l_11-12 {
        width: calc(91.666666% - 30px);
    }

    .box-l_10-12, .box-l_5-6 {
        width: calc(83.333333% - 30px);
    }

    .box-l_4-5 {
        width: calc(80% - 30px);
    }

    .box-l_9-12, .box-l_3-4 {
        width: calc(75% - 30px);
    }

    .box-l_8-12, .box-l_2-3 {
        width: calc(66.666666% - 30px);
    }

    .box-l_3-5 {
        width: calc(60% - 30px);
    }

    .box-l_7-12 {
        width: calc(58.333333% - 30px);
    }

    .box-l_6-12, .box-l_1-2 {
        width: calc(50% - 30px);
    }

    .box-l_5-12 {
        width: calc(41.666666% - 30px);
    }

    .box-l_2-5 {
        width: calc(40% - 30px);
    }

    .box-l_4-12, .box-l_1-3 {
        width: calc(33.333333% - 30px);
    }

    .box-l_3-12, .box-l_1-4 {
        width: calc(25% - 30px);
    }

    .box-l_1-5 {
        width: calc(20% - 30px);
    }

    .box-l_2-12, .box-l_1-6 {
        width: calc(16.666666% - 30px);
    }

    .box-l_1-12 {
        width: calc(8.333333% - 30px);
    }
}

/* TABLET 7" | Rasterbreite 2 =  M */
/* TABLET QUER */
/* DEVICESIZE XXL > 1280px */
@media screen and (max-width: 600px) {
    .box-m_12-12, .box-m_11-12, .box-m_10-12, .box-m_9-12, .box-m_8-12, .box-m_7-12, .box-m_6-12, .box-m_5-12, .box-m_4-12, .box-m_3-12, .box-m_2-12, .box-m_1-12, .box-m_10-10, .box-m_9-10, .box-m_8-10, .box-m_7-10, .box-m_6-10, .box-m_5-10, .box-m_4-10, .box-m_3-10, .box-m_2-10, .box-m_1-10, .box-m_8-8, .box-m_7-8, .box-m_6-8, .box-m_5-8, .box-m_4-8, .box-m_3-8, .box-m_2-8, .box-m_1-8, .box-m_6-6, .box-m_5-6, .box-m_4-6, .box-m_3-6, .box-m_2-6, .box-m_1-6, .box-m_5-5, .box-m_4-5, .box-m_3-5, .box-m_2-5, .box-m_1-5 {
        float: left;
        margin: 0 15px;
        background-color: #ffa500;
    }

    .box-m_12-12, .box-m_5-5, .box-m_1-1 {
        width: calc(100% - 30px);
    }

    .box-m_11-12 {
        width: calc(91.666666% - 30px);
    }

    .box-m_10-12, .box-m_5-6 {
        width: calc(83.333333% - 30px);
    }

    .box-m_4-5 {
        width: calc(80% - 30px);
    }

    .box-m_9-12, .box-m_3-4 {
        width: calc(75% - 30px);
    }

    .box-m_8-12, .box-m_2-3 {
        width: calc(66.666666% - 30px);
    }

    .box-m_3-5 {
        width: calc(60% - 30px);
    }

    .box-m_7-12 {
        width: calc(58.333333% - 30px);
    }

    .box-m_6-12, .box-m_1-2 {
        width: calc(50% - 30px);
    }

    .box-m_5-12 {
        width: calc(41.666666% - 30px);
    }

    .box-m_2-5 {
        width: calc(40% - 30px);
    }

    .box-m_4-12, .box-m_1-3 {
        width: calc(33.333333% - 30px);
    }

    .box-m_3-12, .box-m_1-4 {
        width: calc(25% - 30px);
    }

    .box-m_1-5 {
        width: calc(20% - 30px);
    }

    .box-m_2-12, .box-m_1-6 {
        width: calc(16.666666% - 30px);
    }

    .box-m_1-12 {
        width: calc(8.333333% - 30px);
    }
}

/* SMARTPHONE | Rasterbreite 1 = S */
/* TABLET QUER */
/* DEVICESIZE XXL > 1280px */
@media screen and (max-width: 420px) {
    .box-s_12-12, .box-s_11-12, .box-s_10-12, .box-s_9-12, .box-s_8-12, .box-s_7-12, .box-s_6-12, .box-s_5-12, .box-s_4-12, .box-s_3-12, .box-s_2-12, .box-s_1-12, .box-s_10-10, .box-s_9-10, .box-s_8-10, .box-s_7-10, .box-s_6-10, .box-s_5-10, .box-s_4-10, .box-s_3-10, .box-s_2-10, .box-s_1-10, .box-s_8-8, .box-s_7-8, .box-s_6-8, .box-s_5-8, .box-s_4-8, .box-s_3-8, .box-s_2-8, .box-s_1-8, .box-s_6-6, .box-s_5-6, .box-s_4-6, .box-s_3-6, .box-s_2-6, .box-s_1-6, .box-s_5-5, .box-s_4-5, .box-s_3-5, .box-s_2-5, .box-s_1-5 {
        float: left;
        margin: 0 15px;
        background-color: #ffa500;
    }

    .box-s_12-12, .box-s_5-5, .box-s_1-1 {
        width: calc(100% - 30px);
    }

    .box-s_11-12 {
        width: calc(91.666666% - 30px);
    }

    .box-s_10-12, .box-s_5-6 {
        width: calc(83.333333% - 30px);
    }

    .box-s_4-5 {
        width: calc(80% - 30px);
    }

    .box-s_9-12, .box-s_3-4 {
        width: calc(75% - 30px);
    }

    .box-s_8-12, .box-s_2-3 {
        width: calc(66.666666% - 30px);
    }

    .box-s_3-5 {
        width: calc(60% - 30px);
    }

    .box-s_7-12 {
        width: calc(58.333333% - 30px);
    }

    .box-s_6-12, .box-s_1-2 {
        width: calc(50% - 30px);
    }

    .box-s_5-12 {
        width: calc(41.666666% - 30px);
    }

    .box-s_2-5 {
        width: calc(40% - 30px);
    }

    .box-s_4-12, .box-s_1-3 {
        width: calc(33.333333% - 30px);
    }

    .box-s_3-12, .box-s_1-4 {
        width: calc(25% - 30px);
    }

    .box-s_1-5 {
        width: calc(20% - 30px);
    }

    .box-s_2-12, .box-s_1-6 {
        width: calc(16.666666% - 30px);
    }

    .box-s_1-12 {
        width: calc(8.333333% - 30px);
    }
}

/* GRID */
.bloc h1, .bloc h2, .bloc h3, .bloc h4, .bloc h5, .bloc h6, .bloc p, .bloc dl, .bloc ul, .bloc ol, .bloc figure {
    margin: 0 13px 0 13px !important;
}

.bloc_16-16, .bloc_15-16, .bloc_14-16, .bloc_13-16, .bloc_12-16, .bloc_11-16, .bloc_10-16, .bloc_9-16, .bloc_8-16, .bloc_7-16, .bloc_6-16, .bloc_5-16, .bloc_4-16, .bloc_3-16, .bloc_2-16, .bloc_1-16, .bloc_12-12, .bloc_11-12, .bloc_10-12, .bloc_9-12, .bloc_8-12, .bloc_7-12, .bloc_6-12, .bloc_5-12, .bloc_4-12, .bloc_3-12, .bloc_2-12, .bloc_1-12, .bloc_10-10, .bloc_9-10, .bloc_8-10, .bloc_7-10, .bloc_6-10, .bloc_5-10, .bloc_4-10, .bloc_3-10, .bloc_2-10, .bloc_1-10, .bloc_8-8, .bloc_7-8, .bloc_6-8, .bloc_5-8, .bloc_4-8, .bloc_3-8, .bloc_2-8, .bloc_1-8, .bloc_6-6, .bloc_5-6, .bloc_4-6, .bloc_3-6, .bloc_2-6, .bloc_1-6, .bloc_5-5, .bloc_4-5, .bloc_3-5, .bloc_2-5, .bloc_1-5, .bloc_4-4, .bloc_3-4, .bloc_2-4, .bloc_1-4, .bloc_3-3, .bloc_2-3x, .bloc_1-3, .bloc_2-2, .bloc_1-2, .bloc_1-1 {
    float: left; /*margin: 0 $blocgutterhalf;*/
    margin: 0 2px;
    background-color: #ececad;
}

.bloc_16-16, .bloc_12-12, .bloc_10-10, .bloc_8-8, .bloc_6-6, .bloc_5-5, .bloc_4-4, .bloc_3-3, .bloc_2-2, .bloc_1-1 {
    width: calc(100% - 4px);
}

.bloc_15-16 {
    width: calc(93.750000% - 4px);
}

.bloc_11-12 {
    width: calc(91.666666% - 4px);
}

.bloc_9-10 {
    width: calc(90% - 4px);
}

.bloc_14-16, .bloc_7-8 {
    width: calc(87.5% - 4px);
}

.bloc_10-12, .bloc_5-6 {
    width: calc(83.333333% - 4px);
}

.bloc_13-16 {
    width: calc(81.250000% - 4px);
}

.bloc_8-10, .bloc_4-5 {
    width: calc(80% - 4px);
}

.bloc_12-16, .bloc_9-12, .bloc_6-8, .bloc_3-4 {
    width: calc(75% - 4px);
}

.bloc_7-10 {
    width: calc(70% - 4px);
}

.bloc_11-16 {
    width: calc(68.750000% - 4px);
}

.bloc_8-12, .bloc_4-6, .bloc_2-3x {
    width: calc(66.666666% - 4px);
}

.bloc_10-16, .bloc_5-8 {
    width: calc(62.5% - 4px);
}

.bloc_6-10, .bloc_3-5 {
    width: calc(60% - 4px);
}

.bloc_7-12 {
    width: calc(58.333333% - 4px);
}

.bloc_9-16 {
    width: calc(56.250000% - 4px);
}

.bloc_8-16, .bloc_6-12, .bloc_5-10, .bloc_4-8, .bloc_3-6, .bloc_2-4, .bloc_1-2 {
    width: calc(50% - 4px);
}

.bloc_7-16 {
    width: calc(43.750000% - 4px);
}

.bloc_5-12 {
    width: calc(41.666666% - 4px);
}

.bloc_4-10, .bloc_2-5 {
    width: calc(40% - 4px);
}

.bloc_6-16, .bloc_3-8 {
    width: calc(37.5% - 4px);
}

.bloc_4-12, .bloc_2-6, .bloc_1-3 {
    width: calc(33.333333% - 4px);
}

.bloc_5-16 {
    width: calc(31.250000% - 4px);
}

.bloc_3-10 {
    width: calc(30% - 4px);
}

.bloc_4-16, .bloc_3-12, .bloc_2-8, .bloc_1-4 {
    width: calc(25% - 4px);
}

.bloc_2-10, .bloc_1-5 {
    width: calc(20% - 4px);
}

.bloc_3-16 {
    width: calc(18.750000% - 4px);
}

.bloc_2-12, .bloc_1-6 {
    width: calc(16.666666% - 4px);
}

.bloc_2-16, .bloc_1-8 {
    width: calc(12.5% - 4px);
}

.bloc_1-10 {
    width: calc(10% - 4px);
}

.bloc_1-12 {
    width: calc(8.333333% - 4px);
}

.bloc_1-16 {
    width: calc(6.250000% - 4px);
}

.bloc_0 {
    display: none;
}

/* Breiter | Rasterbreite 4 = XXL */
/* TABLET QUER */
/* DEVICESIZE XXL > 1280px */
@media screen and (min-width: 961px) {
    .bloc-xxl_12-12, .bloc-xxl_11-12, .bloc-xxl_10-12, .bloc-xxl_9-12, .bloc-xxl_8-12, .bloc-xxl_7-12, .bloc-xxl_6-12, .bloc-xxl_5-12, .bloc-xxl_4-12, .bloc-xxl_3-12, .bloc-xxl_2-12, .bloc-xxl_1-12, .bloc-xxl_10-10, .bloc-xxl_9-10, .bloc-xxl_8-10, .bloc-xxl_7-10, .bloc-xxl_6-10, .bloc-xxl_5-10, .bloc-xxl_4-10, .bloc-xxl_3-10, .bloc-xxl_2-10, .bloc-xxl_1-10, .bloc-xxl_8-8, .bloc-xxl_7-8, .bloc-xxl_6-8, .bloc-xxl_5-8, .bloc-xxl_4-8, .bloc-xxl_3-8, .bloc-xxl_2-8, .bloc-xxl_1-8, .bloc-xxl_6-6, .bloc-xxl_5-6, .bloc-xxl_4-6, .bloc-xxl_3-6, .bloc-xxl_2-6, .bloc-xxl_1-6, .bloc-xxl_5-5, .bloc-xxl_4-5, .bloc-xxl_3-5, .bloc-xxl_2-5, .bloc-xxl_1-5 {
        float: left;
        margin: 0 2px;
        background-color: #ececad;
    }

    .bloc-xxl_12-12, .bloc-xxl_5-5, .bloc-xxl_1-1 {
        width: calc(100% - 4px);
    }

    .bloc-xxl_11-12 {
        width: calc(91.666666% - 4px);
    }

    .bloc-xxl_10-12, .bloc-xxl_5-6 {
        width: calc(83.333333% - 4px);
    }

    .bloc-xxl_4-5 {
        width: calc(80% - 4px);
    }

    .bloc-xxl_9-12, .bloc-xxl_3-4 {
        width: calc(75% - 4px);
    }

    .bloc-xxl_8-12, .bloc-xxl_2-3 {
        width: calc(66.666666% - 4px);
    }

    .bloc-xxl_3-5 {
        width: calc(60% - 4px);
    }

    .bloc-xxl_7-12 {
        width: calc(58.333333% - 4px);
    }

    .bloc-xxl_6-12, .bloc-xxl_1-2 {
        width: calc(50% - 4px);
    }

    .bloc-xxl_5-12 {
        width: calc(41.666666% - 4px);
    }

    .bloc-xxl_2-5 {
        width: calc(40% - 4px);
    }

    .bloc-xxl_4-12, .bloc-xxl_1-3 {
        width: calc(33.333333% - 4px);
    }

    .bloc-xxl_3-12, .bloc-xxl_1-4 {
        width: calc(25% - 4px);
    }

    .bloc-xxl_1-5 {
        width: calc(20% - 4px);
    }

    .bloc-xxl_2-12, .bloc-xxl_1-6 {
        width: calc(16.666666% - 4px);
    }

    .bloc-xxl_1-12 {
        width: calc(8.333333% - 4px);
    }
}

/* IPAD QUER | Rasterbreite 4 = XL */
/* TABLET QUER */
/* DEVICESIZE XXL > 1280px */
@media screen and (max-width: 960px) {
    .bloc-xl_12-12, .bloc-xl_11-12, .bloc-xl_10-12, .bloc-xl_9-12, .bloc-xl_8-12, .bloc-xl_7-12, .bloc-xl_6-12, .bloc-xl_5-12, .bloc-xl_4-12, .bloc-xl_3-12, .bloc-xl_2-12, .bloc-xl_1-12, .bloc-xl_10-10, .bloc-xl_9-10, .bloc-xl_8-10, .bloc-xl_7-10, .bloc-xl_6-10, .bloc-xl_5-10, .bloc-xl_4-10, .bloc-xl_3-10, .bloc-xl_2-10, .bloc-xl_1-10, .bloc-xl_8-8, .bloc-xl_7-8, .bloc-xl_6-8, .bloc-xl_5-8, .bloc-xl_4-8, .bloc-xl_3-8, .bloc-xl_2-8, .bloc-xl_1-8, .bloc-xl_6-6, .bloc-xl_5-6, .bloc-xl_4-6, .bloc-xl_3-6, .bloc-xl_2-6, .bloc-xl_1-6, .bloc-xl_5-5, .bloc-xl_4-5, .bloc-xl_3-5, .bloc-xl_2-5, .bloc-xl_1-5 {
        float: left;
        margin: 0 2px;
        background-color: #ececad;
    }

    .bloc-xl_12-12, .bloc-xl_5-5, .bloc-xl_1-1 {
        width: calc(100% - 4px);
    }

    .bloc-xl_11-12 {
        width: calc(91.666666% - 4px);
    }

    .bloc-xl_10-12, .bloc-xl_5-6 {
        width: calc(83.333333% - 4px);
    }

    .bloc-xl_4-5 {
        width: calc(80% - 4px);
    }

    .bloc-xl_9-12, .bloc-xl_3-4 {
        width: calc(75% - 4px);
    }

    .bloc-xl_8-12, .bloc-xl_2-3 {
        width: calc(66.666666% - 4px);
    }

    .bloc-xl_3-5 {
        width: calc(60% - 4px);
    }

    .bloc-xl_7-12 {
        width: calc(58.333333% - 4px);
    }

    .bloc-xl_6-12, .bloc-xl_1-2 {
        width: calc(50% - 4px);
    }

    .bloc-xl_5-12 {
        width: calc(41.666666% - 4px);
    }

    .bloc-xl_2-5 {
        width: calc(40% - 4px);
    }

    .bloc-xl_4-12, .bloc-xl_1-3 {
        width: calc(33.333333% - 4px);
    }

    .bloc-xl_3-12, .bloc-xl_1-4 {
        width: calc(25% - 4px);
    }

    .bloc-xl_1-5 {
        width: calc(20% - 4px);
    }

    .bloc-xl_2-12, .bloc-xl_1-6 {
        width: calc(16.666666% - 4px);
    }

    .bloc-xl_1-12 {
        width: calc(8.333333% - 4px);
    }
}

/* IPAD HOCHKANT | Rasterbreite 3 =  L */
/* TABLET QUER */
/* DEVICESIZE XXL > 1280px */
@media screen and (max-width: 780px) {
    .bloc-l_12-12, .bloc-l_11-12, .bloc-l_10-12, .bloc-l_9-12, .bloc-l_8-12, .bloc-l_7-12, .bloc-l_6-12, .bloc-l_5-12, .bloc-l_4-12, .bloc-l_3-12, .bloc-l_2-12, .bloc-l_1-12, .bloc-l_10-10, .bloc-l_9-10, .bloc-l_8-10, .bloc-l_7-10, .bloc-l_6-10, .bloc-l_5-10, .bloc-l_4-10, .bloc-l_3-10, .bloc-l_2-10, .bloc-l_1-10, .bloc-l_8-8, .bloc-l_7-8, .bloc-l_6-8, .bloc-l_5-8, .bloc-l_4-8, .bloc-l_3-8, .bloc-l_2-8, .bloc-l_1-8, .bloc-l_6-6, .bloc-l_5-6, .bloc-l_4-6, .bloc-l_3-6, .bloc-l_2-6, .bloc-l_1-6, .bloc-l_5-5, .bloc-l_4-5, .bloc-l_3-5, .bloc-l_2-5, .bloc-l_1-5 {
        float: left;
        margin: 0 2px;
        background-color: #ececad;
    }

    .bloc-l_12-12, .bloc-l_5-5, .bloc-l_1-1 {
        width: calc(100% - 4px);
    }

    .bloc-l_11-12 {
        width: calc(91.666666% - 4px);
    }

    .bloc-l_10-12, .bloc-l_5-6 {
        width: calc(83.333333% - 4px);
    }

    .bloc-l_4-5 {
        width: calc(80% - 4px);
    }

    .bloc-l_9-12, .bloc-l_3-4 {
        width: calc(75% - 4px);
    }

    .bloc-l_8-12, .bloc-l_2-3 {
        width: calc(66.666666% - 4px);
    }

    .bloc-l_3-5 {
        width: calc(60% - 4px);
    }

    .bloc-l_7-12 {
        width: calc(58.333333% - 4px);
    }

    .bloc-l_6-12, .bloc-l_1-2 {
        width: calc(50% - 4px);
    }

    .bloc-l_5-12 {
        width: calc(41.666666% - 4px);
    }

    .bloc-l_2-5 {
        width: calc(40% - 4px);
    }

    .bloc-l_4-12, .bloc-l_1-3 {
        width: calc(33.333333% - 4px);
    }

    .bloc-l_3-12, .bloc-l_1-4 {
        width: calc(25% - 4px);
    }

    .bloc-l_1-5 {
        width: calc(20% - 4px);
    }

    .bloc-l_2-12, .bloc-l_1-6 {
        width: calc(16.666666% - 4px);
    }

    .bloc-l_1-12 {
        width: calc(8.333333% - 4px);
    }
}

/* TABLET 7" | Rasterbreite 2 =  M */
/* TABLET QUER */
/* DEVICESIZE XXL > 1280px */
@media screen and (max-width: 600px) {
    .bloc-m_12-12, .bloc-m_11-12, .bloc-m_10-12, .bloc-m_9-12, .bloc-m_8-12, .bloc-m_7-12, .bloc-m_6-12, .bloc-m_5-12, .bloc-m_4-12, .bloc-m_3-12, .bloc-m_2-12, .bloc-m_1-12, .bloc-m_10-10, .bloc-m_9-10, .bloc-m_8-10, .bloc-m_7-10, .bloc-m_6-10, .bloc-m_5-10, .bloc-m_4-10, .bloc-m_3-10, .bloc-m_2-10, .bloc-m_1-10, .bloc-m_8-8, .bloc-m_7-8, .bloc-m_6-8, .bloc-m_5-8, .bloc-m_4-8, .bloc-m_3-8, .bloc-m_2-8, .bloc-m_1-8, .bloc-m_6-6, .bloc-m_5-6, .bloc-m_4-6, .bloc-m_3-6, .bloc-m_2-6, .bloc-m_1-6, .bloc-m_5-5, .bloc-m_4-5, .bloc-m_3-5, .bloc-m_2-5, .bloc-m_1-5 {
        float: left;
        margin: 0 2px;
        background-color: #ececad;
    }

    .bloc-m_12-12, .bloc-m_5-5, .bloc-m_1-1 {
        width: calc(100% - 4px);
    }

    .bloc-m_11-12 {
        width: calc(91.666666% - 4px);
    }

    .bloc-m_10-12, .bloc-m_5-6 {
        width: calc(83.333333% - 4px);
    }

    .bloc-m_4-5 {
        width: calc(80% - 4px);
    }

    .bloc-m_9-12, .bloc-m_3-4 {
        width: calc(75% - 4px);
    }

    .bloc-m_8-12, .bloc-m_2-3 {
        width: calc(66.666666% - 4px);
    }

    .bloc-m_3-5 {
        width: calc(60% - 4px);
    }

    .bloc-m_7-12 {
        width: calc(58.333333% - 4px);
    }

    .bloc-m_6-12, .bloc-m_1-2 {
        width: calc(50% - 4px);
    }

    .bloc-m_5-12 {
        width: calc(41.666666% - 4px);
    }

    .bloc-m_2-5 {
        width: calc(40% - 4px);
    }

    .bloc-m_4-12, .bloc-m_1-3 {
        width: calc(33.333333% - 4px);
    }

    .bloc-m_3-12, .bloc-m_1-4 {
        width: calc(25% - 4px);
    }

    .bloc-m_1-5 {
        width: calc(20% - 4px);
    }

    .bloc-m_2-12, .bloc-m_1-6 {
        width: calc(16.666666% - 4px);
    }

    .bloc-m_1-12 {
        width: calc(8.333333% - 4px);
    }
}

/* SMARTPHONE | Rasterbreite 1 = S */
/* TABLET QUER */
/* DEVICESIZE XXL > 1280px */
@media screen and (max-width: 420px) {
    .bloc-s_12-12, .bloc-s_11-12, .bloc-s_10-12, .bloc-s_9-12, .bloc-s_8-12, .bloc-s_7-12, .bloc-s_6-12, .bloc-s_5-12, .bloc-s_4-12, .bloc-s_3-12, .bloc-s_2-12, .bloc-s_1-12, .bloc-s_10-10, .bloc-s_9-10, .bloc-s_8-10, .bloc-s_7-10, .bloc-s_6-10, .bloc-s_5-10, .bloc-s_4-10, .bloc-s_3-10, .bloc-s_2-10, .bloc-s_1-10, .bloc-s_8-8, .bloc-s_7-8, .bloc-s_6-8, .bloc-s_5-8, .bloc-s_4-8, .bloc-s_3-8, .bloc-s_2-8, .bloc-s_1-8, .bloc-s_6-6, .bloc-s_5-6, .bloc-s_4-6, .bloc-s_3-6, .bloc-s_2-6, .bloc-s_1-6, .bloc-s_5-5, .bloc-s_4-5, .bloc-s_3-5, .bloc-s_2-5, .bloc-s_1-5 {
        float: left;
        margin: 0 2px;
        background-color: #ececad;
    }

    .bloc-s_12-12, .bloc-s_5-5, .bloc-s_1-1 {
        width: calc(100% - 4px);
    }

    .bloc-s_11-12 {
        width: calc(91.666666% - 4px);
    }

    .bloc-s_10-12, .bloc-s_5-6 {
        width: calc(83.333333% - 4px);
    }

    .bloc-s_4-5 {
        width: calc(80% - 4px);
    }

    .bloc-s_9-12, .bloc-s_3-4 {
        width: calc(75% - 4px);
    }

    .bloc-s_8-12, .bloc-s_2-3 {
        width: calc(66.666666% - 4px);
    }

    .bloc-s_3-5 {
        width: calc(60% - 4px);
    }

    .bloc-s_7-12 {
        width: calc(58.333333% - 4px);
    }

    .bloc-s_6-12, .bloc-s_1-2 {
        width: calc(50% - 4px);
    }

    .bloc-s_5-12 {
        width: calc(41.666666% - 4px);
    }

    .bloc-s_2-5 {
        width: calc(40% - 4px);
    }

    .bloc-s_4-12, .bloc-s_1-3 {
        width: calc(33.333333% - 4px);
    }

    .bloc-s_3-12, .bloc-s_1-4 {
        width: calc(25% - 4px);
    }

    .bloc-s_1-5 {
        width: calc(20% - 4px);
    }

    .bloc-s_2-12, .bloc-s_1-6 {
        width: calc(16.666666% - 4px);
    }

    .bloc-s_1-12 {
        width: calc(8.333333% - 4px);
    }
}

/* TEASER */
.teaser_1-12, .teaser_2-12, .teaser_1-6, .teaser_1-5, .teaser_3-12, .teaser_1-4, .teaser_4-12, .teaser_1-3, .teaser_2-5, .teaser_5-12, .teaser_6-12, .teaser_1-2, .teaser_7-12, .teaser_3-5, .teaser_8-12, .teaser_2-3, .teaser_9-12, .teaser_3-4, .teaser_4-5, .teaser_10-12, .teaser_5-6, .teaser_11-12, .teaser_12-12, .teaser_5-5, .teaser_1-1 {
    float: left;
    margin: 0 15px;
    background-color: #ffff00;
}

.teaser_12-12, .teaser_5-5, .teaser_1-1 {
    width: calc(100% - 30px);
}

.teaser_11-12 {
    width: calc(91.666666% - 30px);
}

.teaser_10-12, .teaser_5-6 {
    width: calc(83.333333% - 30px);
}

.teaser_4-5 {
    width: calc(80% - 30px);
}

.teaser_9-12, .teaser_3-4 {
    width: calc(75% - 30px);
}

.teaser_8-12, .teaser_2-3 {
    width: calc(66.666666% - 30px);
}

.teaser_3-5 {
    width: calc(60% - 30px);
}

.teaser_7-12 {
    width: calc(58.333333% - 30px);
}

.teaser_6-12, .teaser_1-2 {
    width: calc(50% - 30px);
}

.teaser_5-12 {
    width: calc(41.666666% - 30px);
}

.teaser_2-5 {
    width: calc(40% - 30px);
}

.teaser_4-12, .teaser_1-3 {
    width: calc(33.333333% - 30px);
}

.teaser_3-12, .teaser_1-4 {
    width: calc(25% - 30px);
}

.teaser_1-5 {
    width: calc(20% - 30px);
}

.teaser_2-12, .teaser_1-6 {
    width: calc(16.666666% - 30px);
}

.teaser_1-12 {
    width: calc(8.333333% - 30px);
}

/* Breiter | Rasterbreite 4 = XXL */
/* TABLET QUER */
/* DEVICESIZE XXL > 1280px */
@media screen and (min-width: 961px) {
    .teaser-xxl_1-12, .teaser-xxl_2-12, .teaser-xxl_1-6, .teaser-xxl_1-5, .teaser-xxl_3-12, .teaser-xxl_1-4, .teaser-xxl_4-12, .teaser-xxl_1-3, .teaser-xxl_2-5, .teaser-xxl_5-12, .teaser-xxl_6-12, .teaser-xxl_1-2, .teaser-xxl_7-12, .teaser-xxl_3-5, .teaser-xxl_8-12, .teaser-xxl_2-3, .teaser-xxl_9-12, .teaser-xxl_3-4, .teaser-xxl_4-5, .teaser-xxl_10-12, .teaser-xxl_5-6, .teaser-xxl_11-12, .teaser-xxl_12-12, .teaser-xxl_5-5, .teaser-xxl_1-1 {
        float: left;
        margin: 0 15px;
        background-color: #ffff00;
    }

    .teaser-xxl_12-12, .teaser-xxl_5-5, .teaser-xxl_1-1 {
        width: calc(100% - 30px);
    }

    .teaser-xxl_11-12 {
        width: calc(91.666666% - 30px);
    }

    .teaser-xxl_10-12, .teaser-xxl_5-6 {
        width: calc(83.333333% - 30px);
    }

    .teaser-xxl_4-5 {
        width: calc(80% - 30px);
    }

    .teaser-xxl_9-12, .teaser-xxl_3-4 {
        width: calc(75% - 30px);
    }

    .teaser-xxl_8-12, .teaser-xxl_2-3 {
        width: calc(66.666666% - 30px);
    }

    .teaser-xxl_3-5 {
        width: calc(60% - 30px);
    }

    .teaser-xxl_7-12 {
        width: calc(58.333333% - 30px);
    }

    .teaser-xxl_6-12, .teaser-xxl_1-2 {
        width: calc(50% - 30px);
    }

    .teaser-xxl_5-12 {
        width: calc(41.666666% - 30px);
    }

    .teaser-xxl_2-5 {
        width: calc(40% - 30px);
    }

    .teaser-xxl_4-12, .teaser-xxl_1-3 {
        width: calc(33.333333% - 30px);
    }

    .teaser-xxl_3-12, .teaser-xxl_1-4 {
        width: calc(25% - 30px);
    }

    .teaser-xxl_1-5 {
        width: calc(20% - 30px);
    }

    .teaser-xxl_2-12, .teaser-xxl_1-6 {
        width: calc(16.666666% - 30px);
    }

    .teaser-xxl_1-12 {
        width: calc(8.333333% - 30px);
    }
}

/* IPAD QUER | Rasterbreite 4 = XL */
/* TABLET QUER */
/* DEVICESIZE XXL > 1280px */
@media screen and (max-width: 960px) {
    .teaser-xl_1-12, .teaser-xl_2-12, .teaser-xl_1-6, .teaser-xl_1-5, .teaser-xl_3-12, .teaser-xl_1-4, .teaser-xl_4-12, .teaser-xl_1-3, .teaser-xl_2-5, .teaser-xl_5-12, .teaser-xl_6-12, .teaser-xl_1-2, .teaser-xl_7-12, .teaser-xl_3-5, .teaser-xl_8-12, .teaser-xl_2-3, .teaser-xl_9-12, .teaser-xl_3-4, .teaser-xl_4-5, .teaser-xl_10-12, .teaser-xl_5-6, .teaser-xl_11-12, .teaser-xl_12-12, .teaser-xl_5-5, .teaser-xl_1-1 {
        float: left;
        margin: 0 15px;
        background-color: #ffff00;
    }

    .teaser-xl_12-12, .teaser-xl_5-5, .teaser-xl_1-1 {
        width: calc(100% - 30px);
    }

    .teaser-xl_11-12 {
        width: calc(91.666666% - 30px);
    }

    .teaser-xl_10-12, .teaser-xl_5-6 {
        width: calc(83.333333% - 30px);
    }

    .teaser-xl_4-5 {
        width: calc(80% - 30px);
    }

    .teaser-xl_9-12, .teaser-xl_3-4 {
        width: calc(75% - 30px);
    }

    .teaser-xl_8-12, .teaser-xl_2-3 {
        width: calc(66.666666% - 30px);
    }

    .teaser-xl_3-5 {
        width: calc(60% - 30px);
    }

    .teaser-xl_7-12 {
        width: calc(58.333333% - 30px);
    }

    .teaser-xl_6-12, .teaser-xl_1-2 {
        width: calc(50% - 30px);
    }

    .teaser-xl_5-12 {
        width: calc(41.666666% - 30px);
    }

    .teaser-xl_2-5 {
        width: calc(40% - 30px);
    }

    .teaser-xl_4-12, .teaser-xl_1-3 {
        width: calc(33.333333% - 30px);
    }

    .teaser-xl_3-12, .teaser-xl_1-4 {
        width: calc(25% - 30px);
    }

    .teaser-xl_1-5 {
        width: calc(20% - 30px);
    }

    .teaser-xl_2-12, .teaser-xl_1-6 {
        width: calc(16.666666% - 30px);
    }

    .teaser-xl_1-12 {
        width: calc(8.333333% - 30px);
    }
}

/* IPAD HOCHKANT | Rasterbreite 3 =  L */
/* TABLET QUER */
/* DEVICESIZE XXL > 1280px */
@media screen and (max-width: 780px) {
    .teaser-l_1-12, .teaser-l_2-12, .teaser-l_1-6, .teaser-l_1-5, .teaser-l_3-12, .teaser-l_1-4, .teaser-l_4-12, .teaser-l_1-3, .teaser-l_2-5, .teaser-l_5-12, .teaser-l_6-12, .teaser-l_1-2, .teaser-l_7-12, .teaser-l_3-5, .teaser-l_8-12, .teaser-l_2-3, .teaser-l_9-12, .teaser-l_3-4, .teaser-l_4-5, .teaser-l_10-12, .teaser-l_5-6, .teaser-l_11-12, .teaser-l_12-12, .teaser-l_5-5, .teaser-l_1-1 {
        float: left;
        margin: 0 15px;
        background-color: #ffff00;
    }

    .teaser-l_12-12, .teaser-l_5-5, .teaser-l_1-1 {
        width: calc(100% - 30px);
    }

    .teaser-l_11-12 {
        width: calc(91.666666% - 30px);
    }

    .teaser-l_10-12, .teaser-l_5-6 {
        width: calc(83.333333% - 30px);
    }

    .teaser-l_4-5 {
        width: calc(80% - 30px);
    }

    .teaser-l_9-12, .teaser-l_3-4 {
        width: calc(75% - 30px);
    }

    .teaser-l_8-12, .teaser-l_2-3 {
        width: calc(66.666666% - 30px);
    }

    .teaser-l_3-5 {
        width: calc(60% - 30px);
    }

    .teaser-l_7-12 {
        width: calc(58.333333% - 30px);
    }

    .teaser-l_6-12, .teaser-l_1-2 {
        width: calc(50% - 30px);
    }

    .teaser-l_5-12 {
        width: calc(41.666666% - 30px);
    }

    .teaser-l_2-5 {
        width: calc(40% - 30px);
    }

    .teaser-l_4-12, .teaser-l_1-3 {
        width: calc(33.333333% - 30px);
    }

    .teaser-l_3-12, .teaser-l_1-4 {
        width: calc(25% - 30px);
    }

    .teaser-l_1-5 {
        width: calc(20% - 30px);
    }

    .teaser-l_2-12, .teaser-l_1-6 {
        width: calc(16.666666% - 30px);
    }

    .teaser-l_1-12 {
        width: calc(8.333333% - 30px);
    }
}

/* TABLET 7" | Rasterbreite 2 =  M */
/* TABLET QUER */
/* DEVICESIZE XXL > 1280px */
@media screen and (max-width: 600px) {
    .teaser-m_1-12, .teaser-m_2-12, .teaser-m_1-6, .teaser-m_1-5, .teaser-m_3-12, .teaser-m_1-4, .teaser-m_4-12, .teaser-m_1-3, .teaser-m_2-5, .teaser-m_5-12, .teaser-m_6-12, .teaser-m_1-2, .teaser-m_7-12, .teaser-m_3-5, .teaser-m_8-12, .teaser-m_2-3, .teaser-m_9-12, .teaser-m_3-4, .teaser-m_4-5, .teaser-m_10-12, .teaser-m_5-6, .teaser-m_11-12, .teaser-m_12-12, .teaser-m_5-5, .teaser-m_1-1 {
        float: left;
        margin: 0 15px;
        background-color: #ffff00;
    }

    .teaser-m_12-12, .teaser-m_5-5, .teaser-m_1-1 {
        width: calc(100% - 30px);
    }

    .teaser-m_11-12 {
        width: calc(91.666666% - 30px);
    }

    .teaser-m_10-12, .teaser-m_5-6 {
        width: calc(83.333333% - 30px);
    }

    .teaser-m_4-5 {
        width: calc(80% - 30px);
    }

    .teaser-m_9-12, .teaser-m_3-4 {
        width: calc(75% - 30px);
    }

    .teaser-m_8-12, .teaser-m_2-3 {
        width: calc(66.666666% - 30px);
    }

    .teaser-m_3-5 {
        width: calc(60% - 30px);
    }

    .teaser-m_7-12 {
        width: calc(58.333333% - 30px);
    }

    .teaser-m_6-12, .teaser-m_1-2 {
        width: calc(50% - 30px);
    }

    .teaser-m_5-12 {
        width: calc(41.666666% - 30px);
    }

    .teaser-m_2-5 {
        width: calc(40% - 30px);
    }

    .teaser-m_4-12, .teaser-m_1-3 {
        width: calc(33.333333% - 30px);
    }

    .teaser-m_3-12, .teaser-m_1-4 {
        width: calc(25% - 30px);
    }

    .teaser-m_1-5 {
        width: calc(20% - 30px);
    }

    .teaser-m_2-12, .teaser-m_1-6 {
        width: calc(16.666666% - 30px);
    }

    .teaser-m_1-12 {
        width: calc(8.333333% - 30px);
    }
}

/* SMARTPHONE | Rasterbreite 1 = S */
/* TABLET QUER */
/* DEVICESIZE XXL > 1280px */
@media screen and (max-width: 420px) {
    .teaser-s_1-12, .teaser-s_2-12, .teaser-s_1-6, .teaser-s_1-5, .teaser-s_3-12, .teaser-s_1-4, .teaser-s_4-12, .teaser-s_1-3, .teaser-s_2-5, .teaser-s_5-12, .teaser-s_6-12, .teaser-s_1-2, .teaser-s_7-12, .teaser-s_3-5, .teaser-s_8-12, .teaser-s_2-3, .teaser-s_9-12, .teaser-s_3-4, .teaser-s_4-5, .teaser-s_10-12, .teaser-s_5-6, .teaser-s_11-12, .teaser-s_12-12, .teaser-s_5-5, .teaser-s_1-1 {
        float: left;
        margin: 0 15px;
        background-color: #ffff00;
    }

    .teaser-s_12-12, .teaser-s_5-5, .teaser-s_1-1 {
        width: calc(100% - 30px);
    }

    .teaser-s_11-12 {
        width: calc(91.666666% - 30px);
    }

    .teaser-s_10-12, .teaser-s_5-6 {
        width: calc(83.333333% - 30px);
    }

    .teaser-s_4-5 {
        width: calc(80% - 30px);
    }

    .teaser-s_9-12, .teaser-s_3-4 {
        width: calc(75% - 30px);
    }

    .teaser-s_8-12, .teaser-s_2-3 {
        width: calc(66.666666% - 30px);
    }

    .teaser-s_3-5 {
        width: calc(60% - 30px);
    }

    .teaser-s_7-12 {
        width: calc(58.333333% - 30px);
    }

    .teaser-s_6-12, .teaser-s_1-2 {
        width: calc(50% - 30px);
    }

    .teaser-s_5-12 {
        width: calc(41.666666% - 30px);
    }

    .teaser-s_2-5 {
        width: calc(40% - 30px);
    }

    .teaser-s_4-12, .teaser-s_1-3 {
        width: calc(33.333333% - 30px);
    }

    .teaser-s_3-12, .teaser-s_1-4 {
        width: calc(25% - 30px);
    }

    .teaser-s_1-5 {
        width: calc(20% - 30px);
    }

    .teaser-s_2-12, .teaser-s_1-6 {
        width: calc(16.666666% - 30px);
    }

    .teaser-s_1-12 {
        width: calc(8.333333% - 30px);
    }
}

/* OFFSET */
.offset_1-12, .offset_2-12, .offset_1-6, .offset_1-5, .offset_3-12, .offset_1-4, .offset_4-12, .offset_1-3, .offset_2-5, .offset_5-12, .offset_6-12, .offset_1-2, .offset_7-12, .offset_3-5, .offset_8-12, .offset_2-3, .offset_9-12, .offset_3-4, .offset_4-5, .offset_10-12, .offset_5-6, .offset_11-12, .offset_12-12, .offset_5-5, .offset_1-1 {
    float: left;
}

.offset_12-12, .offset_5-5, .offset_1-1 {
    margin-left: 100%;
}

.offset_11-12 {
    margin-left: 91.666666%;
}

.offset_10-12, .offset_5-6 {
    margin-left: 83.333333%;
}

.offset_4-5 {
    margin-left: 80%;
}

.offset_9-12, .offset_3-4 {
    margin-left: 75%;
}

.offset_8-12, .offset_2-3 {
    margin-left: 66.666666%;
}

.offset_3-5 {
    margin-left: 60%;
}

.offset_7-12 {
    margin-left: 58.333333%;
}

.offset_6-12, .offset_1-2 {
    margin-left: 50%;
}

.offset_5-12 {
    margin-left: 41.666666%;
}

.offset_2-5 {
    margin-left: 40%;
}

.offset_4-12, .offset_1-3 {
    margin-left: 33.333333%;
}

.offset_3-12, .offset_1-4 {
    margin-left: 25%;
}

.offset_1-5 {
    margin-left: 20%;
}

.offset_2-12, .offset_1-6 {
    margin-left: 16.666666%;
}

.offset_1-12 {
    margin-left: 8.333333%;
}

.offset_0 {
    display: none;
}

/* TABLET QUER */
/* DEVICESIZE XXL > 1280px */
@media screen and (min-width: 961px) {
    .offset-xxl_2-5, .offset-xxl_5-12, .offset-xxl_6-12, .offset-xxl_1-2, .offset-xxl_7-12, .offset-xxl_3-5, .offset-xxl_8-12, .offset-xxl_2-3, .offset-xxl_9-12, .offset-xxl_3-4, .offset-xxl_4-5, .offset-xxl_10-12, .offset-xxl_5-6, .offset-xxl_11-12, .offset-xxl_12-12, .offset-xxl_5-5, .offset-xxl_1-1 {
        float: left;
    }

    .offset-xxl_12-12, .offset-xxl_5-5, .offset-xxl_1-1 {
        margin-left: 100%;
    }

    .offset-xxl_11-12 {
        margin-left: 91.666666%;
    }

    .offset-xxl_10-12, .offset-xxl_5-6 {
        margin-left: 83.333333%;
    }

    .offset-xxl_4-5 {
        margin-left: 80%;
    }

    .offset-xxl_9-12, .offset-xxl_3-4 {
        margin-left: 75%;
    }

    .offset-xxl_8-12, .offset-xxl_2-3 {
        margin-left: 66.666666%;
    }

    .offset-xxl_3-5 {
        margin-left: 60%;
    }

    .offset-xxl_7-12 {
        margin-left: 58.333333%;
    }

    .offset-xxl_6-12, .offset-xxl_1-2 {
        margin-left: 50%;
    }

    .offset-xxl_5-12 {
        margin-left: 41.666666%;
    }

    .offset-xxl_2-5 {
        margin-left: 40%;
    }

    .offset-xxl_4-12, .offset-xxl_1-3 {
        margin-left: 33.333333%;
    }

    .offset-xxl_3-12, .offset-xxl_1-4 {
        margin-left: 25%;
    }

    .offset-xxl_1-5 {
        margin-left: 20%;
    }

    .offset-xxl_2-12, .offset-xxl_1-6 {
        margin-left: 16.666666%;
    }

    .offset-xxl_1-12 {
        margin-left: 8.333333%;
    }

    .offset-xxl_0 {
        display: none;
    }
}

/* TABLET QUER */
/* DEVICESIZE XXL > 1280px */
@media screen and (max-width: 960px) {
    .offset-xl_1-12, .offset-xl_2-12, .offset-xl_1-6, .offset-xl_1-5, .offset-xl_3-12, .offset-xl_1-4, .offset-xl_4-12, .offset-xl_1-3, .offset-xl_2-5, .offset-xl_5-12, .offset-xl_6-12, .offset-xl_1-2, .offset-xl_7-12, .offset-xl_3-5, .offset-xl_8-12, .offset-xl_2-3, .offset-xl_9-12, .offset-xl_3-4, .offset-xl_4-5, .offset-xl_10-12, .offset-xl_5-6, .offset-xl_11-12, .offset-xl_12-12, .offset-xl_5-5, .offset-xl_1-1 {
        float: left;
    }

    .offset-xl_12-12, .offset-xl_5-5, .offset-xl_1-1 {
        margin-left: 100%;
    }

    .offset-xl_11-12 {
        margin-left: 91.666666%;
    }

    .offset-xl_10-12, .offset-xl_5-6 {
        margin-left: 83.333333%;
    }

    .offset-xl_4-5 {
        margin-left: 80%;
    }

    .offset-xl_9-12, .offset-xl_3-4 {
        margin-left: 75%;
    }

    .offset-xl_8-12, .offset-xl_2-3 {
        margin-left: 66.666666%;
    }

    .offset-xl_3-5 {
        margin-left: 60%;
    }

    .offset-xl_7-12 {
        margin-left: 58.333333%;
    }

    .offset-xl_6-12, .offset-xl_1-2 {
        margin-left: 50%;
    }

    .offset-xl_5-12 {
        margin-left: 41.666666%;
    }

    .offset-xl_2-5 {
        margin-left: 40%;
    }

    .offset-xl_4-12, .offset-xl_1-3 {
        margin-left: 33.333333%;
    }

    .offset-xl_3-12, .offset-xl_1-4 {
        margin-left: 25%;
    }

    .offset-xl_1-5 {
        margin-left: 20%;
    }

    .offset-xl_2-12, .offset-xl_1-6 {
        margin-left: 16.666666%;
    }

    .offset-xl_1-12 {
        margin-left: 8.333333%;
    }

    .offset-xl_0 {
        display: none;
    }
}

/* TABLET QUER */
/* DEVICESIZE XXL > 1280px */
@media screen and (max-width: 780px) {
    .offset-l_1-12, .offset-l_2-12, .offset-l_1-6, .offset-l_1-5, .offset-l_3-12, .offset-l_1-4, .offset-l_4-12, .offset-l_1-3, .offset-l_2-5, .offset-l_5-12, .offset-l_6-12, .offset-l_1-2, .offset-l_7-12, .offset-l_3-5, .offset-l_8-12, .offset-l_2-3, .offset-l_9-12, .offset-l_3-4, .offset-l_4-5, .offset-l_10-12, .offset-l_5-6, .offset-l_11-12, .offset-l_12-12, .offset-l_5-5, .offset-l_1-1 {
        float: left;
    }

    .offset-l_12-12, .offset-l_5-5, .offset-l_1-1 {
        margin-left: 100%;
    }

    .offset-l_11-12 {
        margin-left: 91.666666%;
    }

    .offset-l_10-12, .offset-l_5-6 {
        margin-left: 83.333333%;
    }

    .offset-l_4-5 {
        margin-left: 80%;
    }

    .offset-l_9-12, .offset-l_3-4 {
        margin-left: 75%;
    }

    .offset-l_8-12, .offset-l_2-3 {
        margin-left: 66.666666%;
    }

    .offset-l_3-5 {
        margin-left: 60%;
    }

    .offset-l_7-12 {
        margin-left: 58.333333%;
    }

    .offset-l_6-12, .offset-l_1-2 {
        margin-left: 50%;
    }

    .offset-l_5-12 {
        margin-left: 41.666666%;
    }

    .offset-l_2-5 {
        margin-left: 40%;
    }

    .offset-l_4-12, .offset-l_1-3 {
        margin-left: 33.333333%;
    }

    .offset-l_3-12, .offset-l_1-4 {
        margin-left: 25%;
    }

    .offset-l_1-5 {
        margin-left: 20%;
    }

    .offset-l_2-12, .offset-l_1-6 {
        margin-left: 16.666666%;
    }

    .offset-l_1-12 {
        margin-left: 8.333333%;
    }

    .offset-l_0 {
        display: none;
    }
}

/* TABLET QUER */
/* DEVICESIZE XXL > 1280px */
@media screen and (max-width: 600px) {
    .offset-m_1-12, .offset-m_2-12, .offset-m_1-6, .offset-m_1-5, .offset-m_3-12, .offset-m_1-4, .offset-m_4-12, .offset-m_1-3, .offset-m_2-5, .offset-m_5-12, .offset-m_6-12, .offset-m_1-2, .offset-m_7-12, .offset-m_3-5, .offset-m_8-12, .offset-m_2-3, .offset-m_9-12, .offset-m_3-4, .offset-m_4-5, .offset-m_10-12, .offset-m_5-6, .offset-m_11-12, .offset-m_12-12, .offset-m_5-5, .offset-m_1-1 {
        float: left;
    }

    .offset-m_12-12, .offset-m_5-5, .offset-m_1-1 {
        margin-left: 100%;
    }

    .offset-m_11-12 {
        margin-left: 91.666666%;
    }

    .offset-m_10-12, .offset-m_5-6 {
        margin-left: 83.333333%;
    }

    .offset-m_4-5 {
        margin-left: 80%;
    }

    .offset-m_9-12, .offset-m_3-4 {
        margin-left: 75%;
    }

    .offset-m_8-12, .offset-m_2-3 {
        margin-left: 66.666666%;
    }

    .offset-m_3-5 {
        margin-left: 60%;
    }

    .offset-m_7-12 {
        margin-left: 58.333333%;
    }

    .offset-m_6-12, .offset-m_1-2 {
        margin-left: 50%;
    }

    .offset-m_5-12 {
        margin-left: 41.666666%;
    }

    .offset-m_2-5 {
        margin-left: 40%;
    }

    .offset-m_4-12, .offset-m_1-3 {
        margin-left: 33.333333%;
    }

    .offset-m_3-12, .offset-m_1-4 {
        margin-left: 25%;
    }

    .offset-m_1-5 {
        margin-left: 20%;
    }

    .offset-m_2-12, .offset-m_1-6 {
        margin-left: 16.666666%;
    }

    .offset-m_1-12 {
        margin-left: 8.333333%;
    }

    .offset-m_0 {
        display: none;
    }
}

/* TABLET QUER */
/* DEVICESIZE XXL > 1280px */
@media screen and (max-width: 420px) {
    .offset-s_1-12, .offset-s_2-12, .offset-s_1-6, .offset-s_1-5, .offset-s_3-12, .offset-s_1-4, .offset-s_4-12, .offset-s_1-3, .offset-s_2-5, .offset-s_5-12, .offset-s_6-12, .offset-s_1-2, .offset-s_7-12, .offset-s_3-5, .offset-s_8-12, .offset-s_2-3, .offset-s_9-12, .offset-s_3-4, .offset-s_4-5, .offset-s_10-12, .offset-s_5-6, .offset-s_11-12, .offset-s_12-12, .offset-s_5-5, .offset-s_1-1 {
        float: left;
    }

    .offset-s_12-12, .offset-s_5-5, .offset-s_1-1 {
        margin-left: 100%;
    }

    .offset-s_11-12 {
        margin-left: 91.666666%;
    }

    .offset-s_10-12, .offset-s_5-6 {
        margin-left: 83.333333%;
    }

    .offset-s_4-5 {
        margin-left: 80%;
    }

    .offset-s_9-12, .offset-s_3-4 {
        margin-left: 75%;
    }

    .offset-s_8-12, .offset-s_2-3 {
        margin-left: 66.666666%;
    }

    .offset-s_3-5 {
        margin-left: 60%;
    }

    .offset-s_7-12 {
        margin-left: 58.333333%;
    }

    .offset-s_6-12, .offset-s_1-2 {
        margin-left: 50%;
    }

    .offset-s_5-12 {
        margin-left: 41.666666%;
    }

    .offset-s_2-5 {
        margin-left: 40%;
    }

    .offset-s_4-12, .offset-s_1-3 {
        margin-left: 33.333333%;
    }

    .offset-s_3-12, .offset-s_1-4 {
        margin-left: 25%;
    }

    .offset-s_1-5 {
        margin-left: 20%;
    }

    .offset-s_2-12, .offset-s_1-6 {
        margin-left: 16.666666%;
    }

    .offset-s_1-12 {
        margin-left: 8.333333%;
    }

    .offset-s_0 {
        display: none;
    }
}

/*h1, h2, h3, h4, h5, h6, p, ul, ol, .box {*/
h1, h2, h3, h4, h5, h6, p, dl, ul, ol, figure {
    margin: 0 15px 0 15px;
}

.teaser figure {
    margin: 0;
}

.flexblock {
    display: flex;
    flex-wrap: wrap;
}

.vh_100 {
    height: 100vh !important;
}

.vh_90 {
    height: 90vh !important;
}

.vh_80 {
    height: 80vh !important;
}

.vh_70 {
    height: 70vh !important;
}

.vh_60 {
    height: 60vh !important;
}

.vh_50 {
    height: 50vh !important;
}

.vh_40 {
    height: 40vh !important;
}

.vh_30 {
    height: 30vh !important;
}

.vh_20 {
    height: 20vh !important;
}

.vh_10 {
    height: 10vh !important;
}

.vh_hero {
    height: 60vh !important;
}

.vw_100 {
    width: 100vw !important;
}

/* ALIGNMENT */
.centered {
    display: flex;
    justify-content: center;
}

.centered-v { /*not tested*/
    display: flex;
    align-content: center;
}

/* FIXED */
.fixed-bottom {
    position: fixed;
    bottom: 0;
}

.fixed-top {
    position: fixed;
    bottom: 0;
}

/* 400 PAGES */
/* pages */
/* PAGES */
/* 500 FORM */
/* FORM */
/* TABLET HOCHKANT | Rasterbreite 4 = XL */
/* TABLET QUER */
/* DEVICESIZE XXL > 1280px */
/* IPAD HOCHKANT | Rasterbreite 3 =  L */
/* TABLET QUER */
/* DEVICESIZE XXL > 1280px */
/* TABLET 7" | Rasterbreite 2 =  M */
/* TABLET QUER */
/* DEVICESIZE XXL > 1280px */
/* SMARTPHONE | Rasterbreite 1 = S */
/* TABLET QUER */
/* DEVICESIZE XXL > 1280px */
/* 600 COMPONENTS */
/* components */
/* COMPONENTS */
/* BOX */
.box {
    background-color: #d8d8d8;
}

/* VERLAUF VOR IMAGE */
.banderole {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: white;
    background: -moz-linear-gradient(left, white 0%, white 47%, rgba(255, 255, 255, 0.65) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, white), color-stop(47%, white), color-stop(100%, rgba(255, 255, 255, 0.65)));
    background: -webkit-linear-gradient(left, white 0%, white 47%, rgba(255, 255, 255, 0.65) 100%);
    background: -o-linear-gradient(left, white 0%, white 47%, rgba(255, 255, 255, 0.65) 100%);
    background: -ms-linear-gradient(left, white 0%, white 47%, rgba(255, 255, 255, 0.65) 100%);
    background: linear-gradient(to right, white 0%, white 47%, rgba(255, 255, 255, 0.65) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
}

/* COMPONENTS */
/* BOX */


/* VERLAUF VOR IMAGE */
.banderole {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: white;
    background: -moz-linear-gradient(left, white 0%, white 47%, rgba(255, 255, 255, 0.65) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, white), color-stop(47%, white), color-stop(100%, rgba(255, 255, 255, 0.65)));
    background: -webkit-linear-gradient(left, white 0%, white 47%, rgba(255, 255, 255, 0.65) 100%);
    background: -o-linear-gradient(left, white 0%, white 47%, rgba(255, 255, 255, 0.65) 100%);
    background: -ms-linear-gradient(left, white 0%, white 47%, rgba(255, 255, 255, 0.65) 100%);
    background: linear-gradient(to right, white 0%, white 47%, rgba(255, 255, 255, 0.65) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
}

/* COMPONENTS */
/* BREADCRUMB */
/* ICONS */
.caret-right:after {
    content: '';
    display: inline-block;
    margin-top: 1.05em;
    margin-right: 0.6em;
    width: 60px;
    height: 60px;
    border-top: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.caret-left:after {
    content: '';
    display: inline-block;
    margin-top: 1.05em;
    margin-left: 0.6em;
    width: 60px;
    height: 60px;
    border-top: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    -moz-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

/* MAINNAV */
/*ul.mainnav li { float:left; padding:4px; margin:1px; background:white; }*/
nav {
    float: right;
}

nav li {
    float: left;
    margin-right: 20px;
}

/* TABLET HOCHKANT | Rasterbreite 4 = XL */
/* TABLET QUER */
/* DEVICESIZE XXL > 1280px */
/* IPAD HOCHKANT | Rasterbreite 3 =  L */
/* TABLET QUER */
/* DEVICESIZE XXL > 1280px */
@media screen and (max-width: 780px) {
    nav {
        float: left;
        width: 100%;
    }
}

/* TABLET 7" | Rasterbreite 2 =  M */
/* TABLET QUER */
/* DEVICESIZE XXL > 1280px */
/* SMARTPHONE | Rasterbreite 1 = S */
/* TABLET QUER */
/* DEVICESIZE XXL > 1280px */
/* MAINNAV SUPERFISH */
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
}

.sf-menu li {
    position: relative;
}

.sf-menu ul {
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    z-index: 99;
}

.sf-menu > li {
    float: left;
}

.sf-menu li:hover > ul, .sf-menu li.sfHover > ul {
    display: block;
}

.sf-menu a {
    display: block;
    position: relative;
}

.sf-menu ul ul {
    top: 0;
    left: 100%;
}

/*** DEMO SKIN ***/
.sf-menu {
    float: left;
    margin-bottom: 1em;
}

.sf-menu ul {
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
    min-width: 12em; /* allow long menu items to determine submenu width */
    *width: 12em; /* no auto sub width for IE7, see white-space comment below */
}

.sf-menu a {
    border-left: 1px solid #fff;
    border-top: 1px solid #dFeEFF; /* fallback colour must use full shorthand */
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    padding: .75em 1em;
    text-decoration: none;
    zoom: 1; /* IE7 */
    color: #13a;
}

.sf-menu li {
    background: #BDD2FF;
    white-space: nowrap; /* no need for Supersubs plugin */
    transition: background .2s;
}

.sf-menu ul li {
    background: #AABDE6;
    width: 100%;
}

.sf-menu ul ul li {
    background: #9AAEDB;
}

.sf-menu li:hover, .sf-menu li.sfHover {
    background: #CFDEFF; /* only transition out, not in */
    transition: none;
}

/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
    padding-right: 2.5em;
}

/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 1em;
    margin-top: -3px;
    height: 0;
    width: 0; /* order of following 3 rules important for fallbacks to work */
    border: 5px solid transparent;
    border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
    border-top-color: rgba(255, 255, 255, 0.5);
}

.sf-arrows > li > .sf-with-ul:focus:after, .sf-arrows > li:hover > .sf-with-ul:after, .sf-arrows > .sfHover > .sf-with-ul:after {
    border-top-color: white; /* IE8 fallback colour */
}

/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {
    margin-top: -5px;
    margin-right: -3px;
    border-color: transparent;
    border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
    border-left-color: rgba(255, 255, 255, 0.5);
}

.sf-arrows ul li > .sf-with-ul:focus:after, .sf-arrows ul li:hover > .sf-with-ul:after, .sf-arrows ul .sfHover > .sf-with-ul:after {
    border-left-color: white;
}

/* MAINNAV STACK */
#mobnav-btn {
    display: none;
    font-size: 16px;
    font-weight: normal;
    background-color: #EFEFEF;
    color: #666;
    padding: 10px;
    cursor: pointer;
}

.mobnav-subarrow {
    display: none;
}

/* TABLET 7" | Rasterbreite 2 =  M */
/* TABLET QUER */
/* DEVICESIZE XXL > 1280px */
@media screen and (max-width: 600px) {
    #mobnav-btn {
        display: block;
    }

    .mobnav-subarrow {
        display: block;
        background-color: #0f3975;
        opacity: .3;
        border-bottom: 1px solid white;
        border-top: 1px solid black;
        height: 20px;
        width: 30px;
        background-position: top left !important;
        position: absolute;
        top: 8px;
        right: 10px;
        border-radius: 5px;
        cursor: pointer;
        transition: all .1s ease-in-out;
    }

    .sf-menu {
        width: 100% !important;
        display: none;
    }

    .sf-menu.xactive {
        display: block !important;
    }

    .sf-menu li {
        float: none !important;
        display: block !important;
        width: 100% !important;
    }

    .sf-menu li a {
        float: none !important;
    }

    .sf-menu ul {
        position: static !important;
        display: none !important;
    }

    .xpopdrop ul {
        display: block !important;
    }
}

/* SLIDER */
.controls {
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    position: absolute;
    top: 50%; /* Vertikal zentrieren */
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); /* Vertikal zentrieren */
    width: 100%;
}

/* TEASER */
.teaser {
    display: flex;
}

.teaser a, .teaser a:link {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}

.teaser .more {
    margin-top: auto;
    align-self: flex-end;
}

.teaser figure {
    position: relative;
}

.teaser figcaption {
    line-height: 1;
    text-align: center;
    color: #FFFFFF;
    position: absolute;
    top: 50%; /* Vertikal zentrieren */
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); /* Vertikal zentrieren */
    width: 100%;
}

/* HOVER AUF IMAGE */
.teaser:hover img {
    opacity: 0.5;
}

/* 700 MODULES */
/* modules */
/* MODULES */
/* 800 REFINEMENT */
/* modules */
/* ELEMENTS */
.teaser-old img { /*vertical-align: middle; max-width: 100%; transition: all 750ms ease 0s; width: inherit;*/
}

.cls-1 {
    fill: #fee9cd;
}

/* DEVELOPMENT */
/* BASELINE GRID */
.test1 {
    background: orange;
}

/* 900 VENDOR */
/* content */
/* VENDOR */
/* HELPERS */

form select {
    font-family: 'Univers LT W01_45 Light', sans-serif !important;
    font-size: 18px;
    padding: 8px 10px;
    margin-left: 15px;
    width: 280px;
    display: block;
}

option.unsichtbar {
    border: 1px solid orange;
}

option.sichtbar {
    border: 1px solid black;
}

option:first-child {
    visibility: hidden;
}

select.unsichtbar, .unsichtbar {
    display: none;
}

.bg1 {
    background-color: #e1e1e1;
}