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

/* CATALOG */
/* RBG */
#catalog_wrapper { display: inline; float: left; width: 100%; }

#catalog_nav { display: inline; float: left; /*width: $catalog_nav;*/ width: 20%; position: fixed; }

#catalog_main { display: inline; float: right; /*width: calc(100% - 300px);*/ width: 80%; /*background-color: greenyellow;*/ }

#catalog_nav li { float: left; width: 100%; }

/* 100 BASE */
/* VARIABLES */
/* max-width */
/* gutter */
/* 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%; max-width: 100%; height: auto; border: 0; min-height: 1px; }

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

h3 { font-family: 'Univers Bold', sans-serif; }

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 */ }

/* BASE */
/* LINKS */
a, a:link { text-decoration: none; }

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; }

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

h4 { font-size: 25px; line-height: 1.2; padding-top: 0px !important; padding-bottom: 30px !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: 20px; line-height: 1.2; padding-bottom: 24px; }

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 silver; display: inline-block; color: black; text-decoration: none; margin-right: 20px; }

a:hover.button { border: 1px solid black; 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%; /*border-bottom: 1px dotted black;*/ }

#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%; background-color: #F1F1F1; }

/* SECTOR FULLWIDTH */
.sector { float: left; 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: 1180px; }*/
.wrapper { width: 48%; max-width: 590px; }

.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_1-12, .col_2-12, .col_1-6, .col_1-5, .col_3-12, .col_1-4, .col_4-12, .col_1-3, .col_2-5, .col_5-12, .col_6-12, .col_1-2, .col_7-12, .col_3-5, .col_8-12, .col_2-3, .col_9-12, .col_3-4, .col_4-5, .col_10-12, .col_5-6, .col_11-12, .col_12-12, .col_5-5, .col_1-1 { float: left; }

.col_12-12, .col_5-5, .col_1-1 { width: 100%; }

.col_11-12 { width: 91.666666%; }

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

.col_4-5 { width: 80%; }

.col_9-12, .col_3-4 { width: 75%; }

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

.col_3-5 { width: 60%; }

.col_7-12 { width: 58.333333%; }

.col_6-12, .col_1-2 { width: 50%; }

.col_5-12 { width: 41.666666%; }

.col_2-5 { width: 40%; }

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

.col_3-12, .col_1-4 { width: 25%; }

.col_1-5 { width: 20%; }

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

.col_1-12 { width: 8.333333%; }

.col_0 { display: none; }

.box_1-12, .box_2-12, .box_1-6, .box_1-5, .box_3-12, .box_1-4, .box_4-12, .box_1-3, .box_2-5, .box_5-12, .box_6-12, .box_1-2, .box_7-12, .box_3-5, .box_8-12, .box_2-3, .box_9-12, .box_3-4, .box_4-5, .box_10-12, .box_5-6, .box_11-12, .box_12-12, .box_5-5, .box_1-1 { float: left; margin: 0 15px; background-color: orange; }

.box_12-12, .box_5-5, .box_1-1 { width: calc(100% - 30px); }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Breiter | Rasterbreite 4 = XXL */
/* TABLET QUER */
/* DEVICESIZE XXL > 1280px */
@media screen and (min-width: 961px) { .col-xxl_2-5, .col-xxl_5-12, .col-xxl_6-12, .col-xxl_1-2, .col-xxl_7-12, .col-xxl_3-5, .col-xxl_8-12, .col-xxl_2-3, .col-xxl_9-12, .col-xxl_3-4, .col-xxl_4-5, .col-xxl_10-12, .col-xxl_5-6, .col-xxl_11-12, .col-xxl_12-12, .col-xxl_5-5, .col-xxl_1-1 { 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; }
  .box-xxl_1-12, .box-xxl_2-12, .box-xxl_1-6, .box-xxl_1-5, .box-xxl_3-12, .box-xxl_1-4, .box-xxl_4-12, .box-xxl_1-3, .box-xxl_2-5, .box-xxl_5-12, .box-xxl_6-12, .box-xxl_1-2, .box-xxl_7-12, .box-xxl_3-5, .box-xxl_8-12, .box-xxl_2-3, .box-xxl_9-12, .box-xxl_3-4, .box-xxl_4-5, .box-xxl_10-12, .box-xxl_5-6, .box-xxl_11-12, .box-xxl_12-12, .box-xxl_5-5, .box-xxl_1-1 { float: left; margin: 0 15px; background-color: orange; }
  .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) { .col-xl_1-12, .col-xl_2-12, .col-xl_1-6, .col-xl_1-5, .col-xl_3-12, .col-xl_1-4, .col-xl_4-12, .col-xl_1-3, .col-xl_2-5, .col-xl_5-12, .col-xl_6-12, .col-xl_1-2, .col-xl_7-12, .col-xl_3-5, .col-xl_8-12, .col-xl_2-3, .col-xl_9-12, .col-xl_3-4, .col-xl_4-5, .col-xl_10-12, .col-xl_5-6, .col-xl_11-12, .col-xl_12-12, .col-xl_5-5, .col-xl_1-1 { 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; }
  .box-xl_1-12, .box-xl_2-12, .box-xl_1-6, .box-xl_1-5, .box-xl_3-12, .box-xl_1-4, .box-xl_4-12, .box-xl_1-3, .box-xl_2-5, .box-xl_5-12, .box-xl_6-12, .box-xl_1-2, .box-xl_7-12, .box-xl_3-5, .box-xl_8-12, .box-xl_2-3, .box-xl_9-12, .box-xl_3-4, .box-xl_4-5, .box-xl_10-12, .box-xl_5-6, .box-xl_11-12, .box-xl_12-12, .box-xl_5-5, .box-xl_1-1 { float: left; margin: 0 15px; background-color: orange; }
  .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) { .col-l_1-12, .col-l_2-12, .col-l_1-6, .col-l_1-5, .col-l_3-12, .col-l_1-4, .col-l_4-12, .col-l_1-3, .col-l_2-5, .col-l_5-12, .col-l_6-12, .col-l_1-2, .col-l_7-12, .col-l_3-5, .col-l_8-12, .col-l_2-3, .col-l_9-12, .col-l_3-4, .col-l_4-5, .col-l_10-12, .col-l_5-6, .col-l_11-12, .col-l_12-12, .col-l_5-5, .col-l_1-1 { 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; }
  .box-l_1-12, .box-l_2-12, .box-l_1-6, .box-l_1-5, .box-l_3-12, .box-l_1-4, .box-l_4-12, .box-l_1-3, .box-l_2-5, .box-l_5-12, .box-l_6-12, .box-l_1-2, .box-l_7-12, .box-l_3-5, .box-l_8-12, .box-l_2-3, .box-l_9-12, .box-l_3-4, .box-l_4-5, .box-l_10-12, .box-l_5-6, .box-l_11-12, .box-l_12-12, .box-l_5-5, .box-l_1-1 { float: left; margin: 0 15px; background-color: orange; }
  .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) { .col-m_1-12, .col-m_2-12, .col-m_1-6, .col-m_1-5, .col-m_3-12, .col-m_1-4, .col-m_4-12, .col-m_1-3, .col-m_2-5, .col-m_5-12, .col-m_6-12, .col-m_1-2, .col-m_7-12, .col-m_3-5, .col-m_8-12, .col-m_2-3, .col-m_9-12, .col-m_3-4, .col-m_4-5, .col-m_10-12, .col-m_5-6, .col-m_11-12, .col-m_12-12, .col-m_5-5, .col-m_1-1 { 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; }
  .box-m_1-12, .box-m_2-12, .box-m_1-6, .box-m_1-5, .box-m_3-12, .box-m_1-4, .box-m_4-12, .box-m_1-3, .box-m_2-5, .box-m_5-12, .box-m_6-12, .box-m_1-2, .box-m_7-12, .box-m_3-5, .box-m_8-12, .box-m_2-3, .box-m_9-12, .box-m_3-4, .box-m_4-5, .box-m_10-12, .box-m_5-6, .box-m_11-12, .box-m_12-12, .box-m_5-5, .box-m_1-1 { float: left; margin: 0 15px; background-color: orange; }
  .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) { .col-s_1-12, .col-s_2-12, .col-s_1-6, .col-s_1-5, .col-s_3-12, .col-s_1-4, .col-s_4-12, .col-s_1-3, .col-s_2-5, .col-s_5-12, .col-s_6-12, .col-s_1-2, .col-s_7-12, .col-s_3-5, .col-s_8-12, .col-s_2-3, .col-s_9-12, .col-s_3-4, .col-s_4-5, .col-s_10-12, .col-s_5-6, .col-s_11-12, .col-s_12-12, .col-s_5-5, .col-s_1-1 { 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; }
  .box-s_1-12, .box-s_2-12, .box-s_1-6, .box-s_1-5, .box-s_3-12, .box-s_1-4, .box-s_4-12, .box-s_1-3, .box-s_2-5, .box-s_5-12, .box-s_6-12, .box-s_1-2, .box-s_7-12, .box-s_3-5, .box-s_8-12, .box-s_2-3, .box-s_9-12, .box-s_3-4, .box-s_4-5, .box-s_10-12, .box-s_5-6, .box-s_11-12, .box-s_12-12, .box-s_5-5, .box-s_1-1 { float: left; margin: 0 15px; background-color: orange; }
  .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); } }

/* 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: white; }

.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: white; }
  .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: white; }
  .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: white; }
  .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: white; }
  .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: white; }
  .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;margin: 0 15px; }

.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 h6, .teaser p, .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: silver; }

/* 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 */
.box { background-color: silver; }

/* 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 */
/* acc2tab */
#acc2tab { /*margin: 24px auto;*/ border-top: 1px solid #999; border-right: 1px solid #999; border-left: 1px solid #999; width: 100%; }

ul#acc2tab { padding: 0; }

#acc2tab li { list-style: none !important; }

#acc2tab li a { display: block; padding: 10px 15px; background: #ccc; border-top: 1px solid #eee; border-bottom: 1px solid #999; text-decoration: none; color: #000; }

#acc2tab li a:hover, #acc2tab li a.active { background: #B3B3B3; color: #F2F2F2; }

#acc2tab section { display: none; /* I NEED TO FIX THIS */ float: left; background: #B3B3B3; overflow: hidden; padding: 1% 3% 0 3%; }

.no-js #acc2tab section { display: block; /* I NEED TO FIX THIS */ }

#acc2tab li ul li a { padding: 10px 25px; border-bottom: 1px dotted #ccc; }

@media only screen and (min-width: 30em) { #acc2tab { width: 80%; position: relative; border: none; }
  #acc2tab li { display: inline; }
  #acc2tab li a { display: inline-block; }
  #acc2tab section { padding: 1%; /*position: absolute;*/ position: relative; /*top: 42px;*/ left: 0; } }

/* 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; 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: #757E84; position: absolute; top: 50%; /* Vertikal zentrieren */ -webkit-transform: translateY(-45%); -ms-transform: translateY(-45%); transform: translateY(-45%); /* Vertikal zentrieren */ width: 100%; }

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

/* 700 MODULES */
/* modules */
/* MODULES */
/* 800 REFINEMENT */
/* modules */
/* ELEMENTS */
.cls-2 { fill: #e4e4e4; }

.teaser h3 { font-size: 30px; }

h5 { text-transform: uppercase; }

article p.more a, article p.more a:link, a p.more, a:link p.more { font-size: 13px; text-transform: uppercase; border-bottom: 1px solid orange; color: black; text-decoration: none; float: right; padding-bottom: 2px; }

article p.more a:hover { text-decoration: none; border-bottom: 1px solid black; }

.sign { width: 74px; max-width: 74px; }

.sign path { fill: #8A9297; fill-rule: evenodd; }

.teaser a h6, .teaser a:link h6, .teaser a:hover h6 { font-size: 14px; color: #000000; margin: 5px 0; line-height: 1.5; text-decoration: none !important; }

.teaser a:hover { text-decoration: none; }

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

fieldset {
    float:left;
    display: inline-block;
    margin: 0 15px 0 15px!important;
    font-size: 20px;
    border:none;
}
a.show, a.show:link {
    text-decoration: underline;
    color:#000000;
}
a.show:hover {
    text-decoration: none;
}

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