html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block; }
body {
line-height: 1; }
ol, ul {
list-style: none; }
blockquote, q {
quotes: none; }
blockquote:before, blockquote:after {
content: '';
content: none; }
q:before, q:after {
content: '';
content: none; }
table {
border-collapse: collapse;
border-spacing: 0; }
/* SETTINGS */
/* BREAKPOINTS */
@font-face {
font-family: 'Avenir';
src: url("../fonts/avenir-light/avenir-light.woff2") format("woff2"), url("../fonts/avenir-light/avenir-light.woff") format("woff"), url("../fonts/avenir-light/avenir-light.ttf") format("truetype");
font-style: normal;
font-weight: 400; }
@font-face {
font-family: 'Avenir_IE';
src: url("../fonts/avenir-light/avenir-light.eot");
src: url("../fonts/avenir-light/avenir-light.eot?#iefix") format("embedded-opentype"); }
@font-face {
font-family: 'Avenir';
src: url("../fonts/avenir-black/avenir-black.eot");
src: url("../fonts/avenir-black/avenir-black.eot?#iefix") format("embedded-opentype"), url("../fonts/avenir-black/avenir-black.woff2") format("woff2"), url("../fonts/avenir-black/avenir-black.woff") format("woff"), url("../fonts/avenir-black/avenir-black.ttf") format("truetype");
font-style: normal;
font-weight: 600; }
@font-face {
font-family: 'Avenir_IE';
src: url("../fonts/avenir-black/avenir-black.eot");
src: url("../fonts/avenir-black/avenir-black.eot?#iefix") format("embedded-opentype"); }
strong {
font-weight: 600; }
a, a:visited {
text-decoration: none;
color: #40199b; }
a:hover {
color: #8d132c; }
/* FONT DEFINITIONS */
/* TEXT */
a.button {
font-size: 1.125rem;
position: relative;
padding: 10px 10px 10px 0px;
display: inline-block;
margin-top: 10px; }
a.button:after {
content: url("../img/arrow_blue_right.svg");
display: inline-block;
width: 12px;
height: 12px;
padding-left: 12px;
position: absolute;
top: 13px; }
a.button:hover:after {
content: url("../img/arrows_filled_red_right.svg"); }
.primary-color, .primary-color a, .primary-color span, .primary-color a:visited, .primary-color h2, .primary-color h3, .primary-color h4 {
color: #8d132c;
text-decoration: none; }
.secondary-color, .secondary-color a, .secondary-color span, .secondary-color a:visited, .secondary-color h2, .secondary-color h3, .secondary-color h4 {
color: #40199b;
text-decoration: none; }
.gray-color, .gray-color a, .gray-color span, .gray-color a:visited, .gray-color h2, .gray-color h3, .gray-color h4 {
color: #F1F0F0;
text-decoration: none; }
.bright-color, .bright-color a, .bright-color span, .bright-color a:visited, .bright-color h2, .bright-color h3, .bright-color h4 {
color: #fff;
text-decoration: none; }
.lightgray-color, .lightgray-color a, .lightgray-color span, .lightgray-color a:visited, .lightgray-color h2, .lightgray-color h3, .lightgray-color h4 {
color: #666666;
text-decoration: none; }
.primary-color-background {
background: #8d132c; }
.secondary-color-background {
background: #40199b; }
.lightgray-color-background {
background: #F1F0F0; }
.dark-color-background {
background: #666666; }
.bright-color-background {
background: #fff; }
/* generate grid classes */
.col-1 {
-ms-grid-column: 1;
grid-column-start: 1; }
.col-span-1 {
-ms-grid-column-span: 1;
grid-column-end: span 1; }
.col-2 {
-ms-grid-column: 2;
grid-column-start: 2; }
.col-span-2 {
-ms-grid-column-span: 2;
grid-column-end: span 2; }
.col-3 {
-ms-grid-column: 3;
grid-column-start: 3; }
.col-span-3 {
-ms-grid-column-span: 3;
grid-column-end: span 3; }
.col-4 {
-ms-grid-column: 4;
grid-column-start: 4; }
.col-span-4 {
-ms-grid-column-span: 4;
grid-column-end: span 4; }
.col-5 {
-ms-grid-column: 5;
grid-column-start: 5; }
.col-span-5 {
-ms-grid-column-span: 5;
grid-column-end: span 5; }
.col-6 {
-ms-grid-column: 6;
grid-column-start: 6; }
.col-span-6 {
-ms-grid-column-span: 6;
grid-column-end: span 6; }
.col-7 {
-ms-grid-column: 7;
grid-column-start: 7; }
.col-span-7 {
-ms-grid-column-span: 7;
grid-column-end: span 7; }
.col-8 {
-ms-grid-column: 8;
grid-column-start: 8; }
.col-span-8 {
-ms-grid-column-span: 8;
grid-column-end: span 8; }
.col-9 {
-ms-grid-column: 9;
grid-column-start: 9; }
.col-span-9 {
-ms-grid-column-span: 9;
grid-column-end: span 9; }
.col-10 {
-ms-grid-column: 10;
grid-column-start: 10; }
.col-span-10 {
-ms-grid-column-span: 10;
grid-column-end: span 10; }
.col-11 {
-ms-grid-column: 11;
grid-column-start: 11; }
.col-span-11 {
-ms-grid-column-span: 11;
grid-column-end: span 11; }
.col-12 {
-ms-grid-column: 12;
grid-column-start: 12; }
.col-span-12 {
-ms-grid-column-span: 12;
grid-column-end: span 12; }
.col-13 {
-ms-grid-column: 13;
grid-column-start: 13; }
.col-span-13 {
-ms-grid-column-span: 13;
grid-column-end: span 13; }
.col-14 {
-ms-grid-column: 14;
grid-column-start: 14; }
.col-span-14 {
-ms-grid-column-span: 14;
grid-column-end: span 14; }
.col-15 {
-ms-grid-column: 15;
grid-column-start: 15; }
.col-span-15 {
-ms-grid-column-span: 15;
grid-column-end: span 15; }
.col-16 {
-ms-grid-column: 16;
grid-column-start: 16; }
.col-span-16 {
-ms-grid-column-span: 16;
grid-column-end: span 16; }
.col-17 {
-ms-grid-column: 17;
grid-column-start: 17; }
.col-span-17 {
-ms-grid-column-span: 17;
grid-column-end: span 17; }
.row-1 {
-ms-grid-row: 1;
grid-row-start: 1; }
.row-span-1 {
-ms-grid-row-span: 1;
grid-row-end: span 1; }
.row-2 {
-ms-grid-row: 2;
grid-row-start: 2; }
.row-span-2 {
-ms-grid-row-span: 2;
grid-row-end: span 2; }
.row-3 {
-ms-grid-row: 3;
grid-row-start: 3; }
.row-span-3 {
-ms-grid-row-span: 3;
grid-row-end: span 3; }
.row-4 {
-ms-grid-row: 4;
grid-row-start: 4; }
.row-span-4 {
-ms-grid-row-span: 4;
grid-row-end: span 4; }
.row-5 {
-ms-grid-row: 5;
grid-row-start: 5; }
.row-span-5 {
-ms-grid-row-span: 5;
grid-row-end: span 5; }
.row-6 {
-ms-grid-row: 6;
grid-row-start: 6; }
.row-span-6 {
-ms-grid-row-span: 6;
grid-row-end: span 6; }
.row-7 {
-ms-grid-row: 7;
grid-row-start: 7; }
.row-span-7 {
-ms-grid-row-span: 7;
grid-row-end: span 7; }
.row-8 {
-ms-grid-row: 8;
grid-row-start: 8; }
.row-span-8 {
-ms-grid-row-span: 8;
grid-row-end: span 8; }
.row-9 {
-ms-grid-row: 9;
grid-row-start: 9; }
.row-span-9 {
-ms-grid-row-span: 9;
grid-row-end: span 9; }
.row-10 {
-ms-grid-row: 10;
grid-row-start: 10; }
.row-span-10 {
-ms-grid-row-span: 10;
grid-row-end: span 10; }
.row-11 {
-ms-grid-row: 11;
grid-row-start: 11; }
.row-span-11 {
-ms-grid-row-span: 11;
grid-row-end: span 11; }
.row-12 {
-ms-grid-row: 12;
grid-row-start: 12; }
.row-span-12 {
-ms-grid-row-span: 12;
grid-row-end: span 12; }
.row-13 {
-ms-grid-row: 13;
grid-row-start: 13; }
.row-span-13 {
-ms-grid-row-span: 13;
grid-row-end: span 13; }
.row-14 {
-ms-grid-row: 14;
grid-row-start: 14; }
.row-span-14 {
-ms-grid-row-span: 14;
grid-row-end: span 14; }
.row-15 {
-ms-grid-row: 15;
grid-row-start: 15; }
.row-span-15 {
-ms-grid-row-span: 15;
grid-row-end: span 15; }
.row-16 {
-ms-grid-row: 16;
grid-row-start: 16; }
.row-span-16 {
-ms-grid-row-span: 16;
grid-row-end: span 16; }
.row-17 {
-ms-grid-row: 17;
grid-row-start: 17; }
.row-span-17 {
-ms-grid-row-span: 17;
grid-row-end: span 17; }
.justify-self-start {
-ms-grid-column-align: start;
justify-self: start; }
.justify-self-end {
-ms-grid-column-align: end;
justify-self: end; }
.justify-self-center {
justify-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
-ms-grid-column-align: center;
align-self: center; }
.justify-self-stretch {
-ms-grid-column-align: stretch;
justify-self: stretch; }
.align-self-start {
-ms-flex-item-align: start;
-ms-grid-row-align: start;
align-self: start; }
.align-self-end {
-ms-flex-item-align: end;
-ms-grid-row-align: end;
align-self: end; }
.align-self-center {
-ms-flex-item-align: center;
align-self: center;
-ms-grid-row-align: center; }
.align-self-stretch {
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch; }
.justify-content-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; }
.justify-content-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end; }
.justify-content-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
-ms-grid-column-align: center;
-ms-flex-line-pack: center;
align-content: center; }
.justify-content-stretch {
-webkit-box-pack: stretch;
-ms-flex-pack: stretch;
justify-content: stretch; }
.align-items-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start; }
.align-items-end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end; }
.align-items-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-grid-row-align: center; }
.align-items-stretch {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch; }
@media (min-width: 1280px) {
.col-xl-1 {
-ms-grid-column: 1;
grid-column-start: 1; }
.col-xl-span-1 {
-ms-grid-column-span: 1;
grid-column-end: span 1; }
.row-xl-1 {
-ms-grid-row: 1;
grid-row-start: 1; }
.row-xl-span-1 {
-ms-grid-row-span: 1;
grid-row-end: span 1; }
.col-xl-2 {
-ms-grid-column: 2;
grid-column-start: 2; }
.col-xl-span-2 {
-ms-grid-column-span: 2;
grid-column-end: span 2; }
.row-xl-2 {
-ms-grid-row: 2;
grid-row-start: 2; }
.row-xl-span-2 {
-ms-grid-row-span: 2;
grid-row-end: span 2; }
.col-xl-3 {
-ms-grid-column: 3;
grid-column-start: 3; }
.col-xl-span-3 {
-ms-grid-column-span: 3;
grid-column-end: span 3; }
.row-xl-3 {
-ms-grid-row: 3;
grid-row-start: 3; }
.row-xl-span-3 {
-ms-grid-row-span: 3;
grid-row-end: span 3; }
.col-xl-4 {
-ms-grid-column: 4;
grid-column-start: 4; }
.col-xl-span-4 {
-ms-grid-column-span: 4;
grid-column-end: span 4; }
.row-xl-4 {
-ms-grid-row: 4;
grid-row-start: 4; }
.row-xl-span-4 {
-ms-grid-row-span: 4;
grid-row-end: span 4; }
.col-xl-5 {
-ms-grid-column: 5;
grid-column-start: 5; }
.col-xl-span-5 {
-ms-grid-column-span: 5;
grid-column-end: span 5; }
.row-xl-5 {
-ms-grid-row: 5;
grid-row-start: 5; }
.row-xl-span-5 {
-ms-grid-row-span: 5;
grid-row-end: span 5; }
.col-xl-6 {
-ms-grid-column: 6;
grid-column-start: 6; }
.col-xl-span-6 {
-ms-grid-column-span: 6;
grid-column-end: span 6; }
.row-xl-6 {
-ms-grid-row: 6;
grid-row-start: 6; }
.row-xl-span-6 {
-ms-grid-row-span: 6;
grid-row-end: span 6; }
.col-xl-7 {
-ms-grid-column: 7;
grid-column-start: 7; }
.col-xl-span-7 {
-ms-grid-column-span: 7;
grid-column-end: span 7; }
.row-xl-7 {
-ms-grid-row: 7;
grid-row-start: 7; }
.row-xl-span-7 {
-ms-grid-row-span: 7;
grid-row-end: span 7; }
.col-xl-8 {
-ms-grid-column: 8;
grid-column-start: 8; }
.col-xl-span-8 {
-ms-grid-column-span: 8;
grid-column-end: span 8; }
.row-xl-8 {
-ms-grid-row: 8;
grid-row-start: 8; }
.row-xl-span-8 {
-ms-grid-row-span: 8;
grid-row-end: span 8; }
.col-xl-9 {
-ms-grid-column: 9;
grid-column-start: 9; }
.col-xl-span-9 {
-ms-grid-column-span: 9;
grid-column-end: span 9; }
.row-xl-9 {
-ms-grid-row: 9;
grid-row-start: 9; }
.row-xl-span-9 {
-ms-grid-row-span: 9;
grid-row-end: span 9; }
.col-xl-10 {
-ms-grid-column: 10;
grid-column-start: 10; }
.col-xl-span-10 {
-ms-grid-column-span: 10;
grid-column-end: span 10; }
.row-xl-10 {
-ms-grid-row: 10;
grid-row-start: 10; }
.row-xl-span-10 {
-ms-grid-row-span: 10;
grid-row-end: span 10; }
.col-xl-11 {
-ms-grid-column: 11;
grid-column-start: 11; }
.col-xl-span-11 {
-ms-grid-column-span: 11;
grid-column-end: span 11; }
.row-xl-11 {
-ms-grid-row: 11;
grid-row-start: 11; }
.row-xl-span-11 {
-ms-grid-row-span: 11;
grid-row-end: span 11; }
.col-xl-12 {
-ms-grid-column: 12;
grid-column-start: 12; }
.col-xl-span-12 {
-ms-grid-column-span: 12;
grid-column-end: span 12; }
.row-xl-12 {
-ms-grid-row: 12;
grid-row-start: 12; }
.row-xl-span-12 {
-ms-grid-row-span: 12;
grid-row-end: span 12; }
.col-xl-13 {
-ms-grid-column: 13;
grid-column-start: 13; }
.col-xl-span-13 {
-ms-grid-column-span: 13;
grid-column-end: span 13; }
.row-xl-13 {
-ms-grid-row: 13;
grid-row-start: 13; }
.row-xl-span-13 {
-ms-grid-row-span: 13;
grid-row-end: span 13; }
.col-xl-14 {
-ms-grid-column: 14;
grid-column-start: 14; }
.col-xl-span-14 {
-ms-grid-column-span: 14;
grid-column-end: span 14; }
.row-xl-14 {
-ms-grid-row: 14;
grid-row-start: 14; }
.row-xl-span-14 {
-ms-grid-row-span: 14;
grid-row-end: span 14; }
.col-xl-15 {
-ms-grid-column: 15;
grid-column-start: 15; }
.col-xl-span-15 {
-ms-grid-column-span: 15;
grid-column-end: span 15; }
.row-xl-15 {
-ms-grid-row: 15;
grid-row-start: 15; }
.row-xl-span-15 {
-ms-grid-row-span: 15;
grid-row-end: span 15; }
.col-xl-16 {
-ms-grid-column: 16;
grid-column-start: 16; }
.col-xl-span-16 {
-ms-grid-column-span: 16;
grid-column-end: span 16; }
.row-xl-16 {
-ms-grid-row: 16;
grid-row-start: 16; }
.row-xl-span-16 {
-ms-grid-row-span: 16;
grid-row-end: span 16; }
.justify-self-xl-start {
-ms-grid-column-align: start;
justify-self: start; }
.justify-self-xl-end {
-ms-grid-column-align: end;
justify-self: end; }
.justify-self-xl-center {
justify-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
-ms-grid-column-align: center;
align-self: center; }
.justify-self-xl-stretch {
-ms-grid-column-align: stretch;
justify-self: stretch; }
.align-self-xl-start {
-ms-flex-item-align: start;
-ms-grid-row-align: start;
align-self: start; }
.align-self-xl-end {
-ms-flex-item-align: end;
-ms-grid-row-align: end;
align-self: end; }
.align-self-xl-center {
-ms-flex-item-align: center;
align-self: center;
-ms-grid-row-align: center; }
.align-self-xl-stretch {
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch; }
.justify-content-xl-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; }
.justify-content-xl-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end; }
.justify-content-xl-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
-ms-grid-column-align: center;
-ms-flex-line-pack: center;
align-content: center; }
.justify-content-xl-stretch {
-webkit-box-pack: stretch;
-ms-flex-pack: stretch;
justify-content: stretch; }
.align-items-xl-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start; }
.align-items-xl-end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end; }
.align-items-xl-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-grid-row-align: center; }
.align-items-xl-stretch {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch; } }
@media (min-width: 980px) and (max-width: 1279px) {
.col-l-1 {
-ms-grid-column: 1;
grid-column-start: 1; }
.col-l-span-1 {
-ms-grid-column-span: 1;
grid-column-end: span 1; }
.row-l-1 {
-ms-grid-row: 1;
grid-row-start: 1; }
.row-l-span-1 {
-ms-grid-row-span: 1;
grid-row-end: span 1; }
.col-l-2 {
-ms-grid-column: 2;
grid-column-start: 2; }
.col-l-span-2 {
-ms-grid-column-span: 2;
grid-column-end: span 2; }
.row-l-2 {
-ms-grid-row: 2;
grid-row-start: 2; }
.row-l-span-2 {
-ms-grid-row-span: 2;
grid-row-end: span 2; }
.col-l-3 {
-ms-grid-column: 3;
grid-column-start: 3; }
.col-l-span-3 {
-ms-grid-column-span: 3;
grid-column-end: span 3; }
.row-l-3 {
-ms-grid-row: 3;
grid-row-start: 3; }
.row-l-span-3 {
-ms-grid-row-span: 3;
grid-row-end: span 3; }
.col-l-4 {
-ms-grid-column: 4;
grid-column-start: 4; }
.col-l-span-4 {
-ms-grid-column-span: 4;
grid-column-end: span 4; }
.row-l-4 {
-ms-grid-row: 4;
grid-row-start: 4; }
.row-l-span-4 {
-ms-grid-row-span: 4;
grid-row-end: span 4; }
.col-l-5 {
-ms-grid-column: 5;
grid-column-start: 5; }
.col-l-span-5 {
-ms-grid-column-span: 5;
grid-column-end: span 5; }
.row-l-5 {
-ms-grid-row: 5;
grid-row-start: 5; }
.row-l-span-5 {
-ms-grid-row-span: 5;
grid-row-end: span 5; }
.col-l-6 {
-ms-grid-column: 6;
grid-column-start: 6; }
.col-l-span-6 {
-ms-grid-column-span: 6;
grid-column-end: span 6; }
.row-l-6 {
-ms-grid-row: 6;
grid-row-start: 6; }
.row-l-span-6 {
-ms-grid-row-span: 6;
grid-row-end: span 6; }
.col-l-7 {
-ms-grid-column: 7;
grid-column-start: 7; }
.col-l-span-7 {
-ms-grid-column-span: 7;
grid-column-end: span 7; }
.row-l-7 {
-ms-grid-row: 7;
grid-row-start: 7; }
.row-l-span-7 {
-ms-grid-row-span: 7;
grid-row-end: span 7; }
.col-l-8 {
-ms-grid-column: 8;
grid-column-start: 8; }
.col-l-span-8 {
-ms-grid-column-span: 8;
grid-column-end: span 8; }
.row-l-8 {
-ms-grid-row: 8;
grid-row-start: 8; }
.row-l-span-8 {
-ms-grid-row-span: 8;
grid-row-end: span 8; }
.col-l-9 {
-ms-grid-column: 9;
grid-column-start: 9; }
.col-l-span-9 {
-ms-grid-column-span: 9;
grid-column-end: span 9; }
.row-l-9 {
-ms-grid-row: 9;
grid-row-start: 9; }
.row-l-span-9 {
-ms-grid-row-span: 9;
grid-row-end: span 9; }
.col-l-10 {
-ms-grid-column: 10;
grid-column-start: 10; }
.col-l-span-10 {
-ms-grid-column-span: 10;
grid-column-end: span 10; }
.row-l-10 {
-ms-grid-row: 10;
grid-row-start: 10; }
.row-l-span-10 {
-ms-grid-row-span: 10;
grid-row-end: span 10; }
.col-l-11 {
-ms-grid-column: 11;
grid-column-start: 11; }
.col-l-span-11 {
-ms-grid-column-span: 11;
grid-column-end: span 11; }
.row-l-11 {
-ms-grid-row: 11;
grid-row-start: 11; }
.row-l-span-11 {
-ms-grid-row-span: 11;
grid-row-end: span 11; }
.col-l-12 {
-ms-grid-column: 12;
grid-column-start: 12; }
.col-l-span-12 {
-ms-grid-column-span: 12;
grid-column-end: span 12; }
.row-l-12 {
-ms-grid-row: 12;
grid-row-start: 12; }
.row-l-span-12 {
-ms-grid-row-span: 12;
grid-row-end: span 12; }
.col-l-13 {
-ms-grid-column: 13;
grid-column-start: 13; }
.col-l-span-13 {
-ms-grid-column-span: 13;
grid-column-end: span 13; }
.row-l-13 {
-ms-grid-row: 13;
grid-row-start: 13; }
.row-l-span-13 {
-ms-grid-row-span: 13;
grid-row-end: span 13; }
.col-l-14 {
-ms-grid-column: 14;
grid-column-start: 14; }
.col-l-span-14 {
-ms-grid-column-span: 14;
grid-column-end: span 14; }
.row-l-14 {
-ms-grid-row: 14;
grid-row-start: 14; }
.row-l-span-14 {
-ms-grid-row-span: 14;
grid-row-end: span 14; }
.col-l-15 {
-ms-grid-column: 15;
grid-column-start: 15; }
.col-l-span-15 {
-ms-grid-column-span: 15;
grid-column-end: span 15; }
.row-l-15 {
-ms-grid-row: 15;
grid-row-start: 15; }
.row-l-span-15 {
-ms-grid-row-span: 15;
grid-row-end: span 15; }
.col-l-16 {
-ms-grid-column: 16;
grid-column-start: 16; }
.col-l-span-16 {
-ms-grid-column-span: 16;
grid-column-end: span 16; }
.row-l-16 {
-ms-grid-row: 16;
grid-row-start: 16; }
.row-l-span-16 {
-ms-grid-row-span: 16;
grid-row-end: span 16; }
.justify-self-l-start {
-ms-grid-column-align: start;
justify-self: start; }
.justify-self-l-end {
-ms-grid-column-align: end;
justify-self: end; }
.justify-self-l-center {
justify-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
-ms-grid-column-align: center;
align-self: center; }
.justify-self-l-stretch {
-ms-grid-column-align: stretch;
justify-self: stretch; }
.align-self-l-start {
-ms-flex-item-align: start;
-ms-grid-row-align: start;
align-self: start; }
.align-self-l-end {
-ms-flex-item-align: end;
-ms-grid-row-align: end;
align-self: end; }
.align-self-l-center {
-ms-flex-item-align: center;
align-self: center;
-ms-grid-row-align: center; }
.align-self-l-stretch {
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch; }
.justify-content-l-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; }
.justify-content-l-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end; }
.justify-content-l-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
-ms-grid-column-align: center;
-ms-flex-line-pack: center;
align-content: center; }
.justify-content-l-stretch {
-webkit-box-pack: stretch;
-ms-flex-pack: stretch;
justify-content: stretch; }
.align-items-l-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start; }
.align-items-l-end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end; }
.align-items-l-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-grid-row-align: center; }
.align-items-l-stretch {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch; } }
@media (min-width: 736px) and (max-width: 979px) {
.col-m-1 {
-ms-grid-column: 1;
grid-column-start: 1; }
.col-m-span-1 {
-ms-grid-column-span: 1;
grid-column-end: span 1; }
.row-m-1 {
-ms-grid-row: 1;
grid-row-start: 1; }
.row-m-span-1 {
-ms-grid-row-span: 1;
grid-row-end: span 1; }
.col-m-2 {
-ms-grid-column: 2;
grid-column-start: 2; }
.col-m-span-2 {
-ms-grid-column-span: 2;
grid-column-end: span 2; }
.row-m-2 {
-ms-grid-row: 2;
grid-row-start: 2; }
.row-m-span-2 {
-ms-grid-row-span: 2;
grid-row-end: span 2; }
.col-m-3 {
-ms-grid-column: 3;
grid-column-start: 3; }
.col-m-span-3 {
-ms-grid-column-span: 3;
grid-column-end: span 3; }
.row-m-3 {
-ms-grid-row: 3;
grid-row-start: 3; }
.row-m-span-3 {
-ms-grid-row-span: 3;
grid-row-end: span 3; }
.col-m-4 {
-ms-grid-column: 4;
grid-column-start: 4; }
.col-m-span-4 {
-ms-grid-column-span: 4;
grid-column-end: span 4; }
.row-m-4 {
-ms-grid-row: 4;
grid-row-start: 4; }
.row-m-span-4 {
-ms-grid-row-span: 4;
grid-row-end: span 4; }
.col-m-5 {
-ms-grid-column: 5;
grid-column-start: 5; }
.col-m-span-5 {
-ms-grid-column-span: 5;
grid-column-end: span 5; }
.row-m-5 {
-ms-grid-row: 5;
grid-row-start: 5; }
.row-m-span-5 {
-ms-grid-row-span: 5;
grid-row-end: span 5; }
.col-m-6 {
-ms-grid-column: 6;
grid-column-start: 6; }
.col-m-span-6 {
-ms-grid-column-span: 6;
grid-column-end: span 6; }
.row-m-6 {
-ms-grid-row: 6;
grid-row-start: 6; }
.row-m-span-6 {
-ms-grid-row-span: 6;
grid-row-end: span 6; }
.col-m-7 {
-ms-grid-column: 7;
grid-column-start: 7; }
.col-m-span-7 {
-ms-grid-column-span: 7;
grid-column-end: span 7; }
.row-m-7 {
-ms-grid-row: 7;
grid-row-start: 7; }
.row-m-span-7 {
-ms-grid-row-span: 7;
grid-row-end: span 7; }
.col-m-8 {
-ms-grid-column: 8;
grid-column-start: 8; }
.col-m-span-8 {
-ms-grid-column-span: 8;
grid-column-end: span 8; }
.row-m-8 {
-ms-grid-row: 8;
grid-row-start: 8; }
.row-m-span-8 {
-ms-grid-row-span: 8;
grid-row-end: span 8; }
.col-m-9 {
-ms-grid-column: 9;
grid-column-start: 9; }
.col-m-span-9 {
-ms-grid-column-span: 9;
grid-column-end: span 9; }
.row-m-9 {
-ms-grid-row: 9;
grid-row-start: 9; }
.row-m-span-9 {
-ms-grid-row-span: 9;
grid-row-end: span 9; }
.col-m-10 {
-ms-grid-column: 10;
grid-column-start: 10; }
.col-m-span-10 {
-ms-grid-column-span: 10;
grid-column-end: span 10; }
.row-m-10 {
-ms-grid-row: 10;
grid-row-start: 10; }
.row-m-span-10 {
-ms-grid-row-span: 10;
grid-row-end: span 10; }
.col-m-11 {
-ms-grid-column: 11;
grid-column-start: 11; }
.col-m-span-11 {
-ms-grid-column-span: 11;
grid-column-end: span 11; }
.row-m-11 {
-ms-grid-row: 11;
grid-row-start: 11; }
.row-m-span-11 {
-ms-grid-row-span: 11;
grid-row-end: span 11; }
.col-m-12 {
-ms-grid-column: 12;
grid-column-start: 12; }
.col-m-span-12 {
-ms-grid-column-span: 12;
grid-column-end: span 12; }
.row-m-12 {
-ms-grid-row: 12;
grid-row-start: 12; }
.row-m-span-12 {
-ms-grid-row-span: 12;
grid-row-end: span 12; }
.col-m-13 {
-ms-grid-column: 13;
grid-column-start: 13; }
.col-m-span-13 {
-ms-grid-column-span: 13;
grid-column-end: span 13; }
.row-m-13 {
-ms-grid-row: 13;
grid-row-start: 13; }
.row-m-span-13 {
-ms-grid-row-span: 13;
grid-row-end: span 13; }
.col-m-14 {
-ms-grid-column: 14;
grid-column-start: 14; }
.col-m-span-14 {
-ms-grid-column-span: 14;
grid-column-end: span 14; }
.row-m-14 {
-ms-grid-row: 14;
grid-row-start: 14; }
.row-m-span-14 {
-ms-grid-row-span: 14;
grid-row-end: span 14; }
.col-m-15 {
-ms-grid-column: 15;
grid-column-start: 15; }
.col-m-span-15 {
-ms-grid-column-span: 15;
grid-column-end: span 15; }
.row-m-15 {
-ms-grid-row: 15;
grid-row-start: 15; }
.row-m-span-15 {
-ms-grid-row-span: 15;
grid-row-end: span 15; }
.col-m-16 {
-ms-grid-column: 16;
grid-column-start: 16; }
.col-m-span-16 {
-ms-grid-column-span: 16;
grid-column-end: span 16; }
.row-m-16 {
-ms-grid-row: 16;
grid-row-start: 16; }
.row-m-span-16 {
-ms-grid-row-span: 16;
grid-row-end: span 16; }
.justify-self-m-start {
-ms-grid-column-align: start;
justify-self: start; }
.justify-self-m-end {
-ms-grid-column-align: end;
justify-self: end; }
.justify-self-m-center {
justify-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
-ms-grid-column-align: center;
align-self: center; }
.justify-self-m-stretch {
-ms-grid-column-align: stretch;
justify-self: stretch; }
.align-self-m-start {
-ms-flex-item-align: start;
-ms-grid-row-align: start;
align-self: start; }
.align-self-m-end {
-ms-flex-item-align: end;
-ms-grid-row-align: end;
align-self: end; }
.align-self-m-center {
-ms-flex-item-align: center;
align-self: center;
-ms-grid-row-align: center; }
.align-self-m-stretch {
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch; }
.justify-content-m-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; }
.justify-content-m-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end; }
.justify-content-m-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
-ms-grid-column-align: center;
-ms-flex-line-pack: center;
align-content: center; }
.justify-content-m-stretch {
-ms-grid-column-align: stretch;
justify-self: stretch; }
.align-items-m-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start; }
.align-items-m-end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end; }
.align-items-m-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-grid-row-align: center; }
.align-items-m-stretch {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch; } }
@media (max-width: 680px) {
.col-s-1 {
-ms-grid-column: 1;
grid-column-start: 1; }
.col-s-span-1 {
-ms-grid-column-span: 1;
grid-column-end: span 1; }
.row-s-1 {
-ms-grid-row: 1;
grid-row-start: 1; }
.row-s-span-1 {
-ms-grid-row-span: 1;
grid-row-end: span 1; }
.col-s-2 {
-ms-grid-column: 2;
grid-column-start: 2; }
.col-s-span-2 {
-ms-grid-column-span: 2;
grid-column-end: span 2; }
.row-s-2 {
-ms-grid-row: 2;
grid-row-start: 2; }
.row-s-span-2 {
-ms-grid-row-span: 2;
grid-row-end: span 2; }
.col-s-3 {
-ms-grid-column: 3;
grid-column-start: 3; }
.col-s-span-3 {
-ms-grid-column-span: 3;
grid-column-end: span 3; }
.row-s-3 {
-ms-grid-row: 3;
grid-row-start: 3; }
.row-s-span-3 {
-ms-grid-row-span: 3;
grid-row-end: span 3; }
.col-s-4 {
-ms-grid-column: 4;
grid-column-start: 4; }
.col-s-span-4 {
-ms-grid-column-span: 4;
grid-column-end: span 4; }
.row-s-4 {
-ms-grid-row: 4;
grid-row-start: 4; }
.row-s-span-4 {
-ms-grid-row-span: 4;
grid-row-end: span 4; }
.col-s-5 {
-ms-grid-column: 5;
grid-column-start: 5; }
.col-s-span-5 {
-ms-grid-column-span: 5;
grid-column-end: span 5; }
.row-s-5 {
-ms-grid-row: 5;
grid-row-start: 5; }
.row-s-span-5 {
-ms-grid-row-span: 5;
grid-row-end: span 5; }
.col-s-6 {
-ms-grid-column: 6;
grid-column-start: 6; }
.col-s-span-6 {
-ms-grid-column-span: 6;
grid-column-end: span 6; }
.row-s-6 {
-ms-grid-row: 6;
grid-row-start: 6; }
.row-s-span-6 {
-ms-grid-row-span: 6;
grid-row-end: span 6; }
.col-s-7 {
-ms-grid-column: 7;
grid-column-start: 7; }
.col-s-span-7 {
-ms-grid-column-span: 7;
grid-column-end: span 7; }
.row-s-7 {
-ms-grid-row: 7;
grid-row-start: 7; }
.row-s-span-7 {
-ms-grid-row-span: 7;
grid-row-end: span 7; }
.col-s-8 {
-ms-grid-column: 8;
grid-column-start: 8; }
.col-s-span-8 {
-ms-grid-column-span: 8;
grid-column-end: span 8; }
.row-s-8 {
-ms-grid-row: 8;
grid-row-start: 8; }
.row-s-span-8 {
-ms-grid-row-span: 8;
grid-row-end: span 8; }
.col-s-9 {
-ms-grid-column: 9;
grid-column-start: 9; }
.col-s-span-9 {
-ms-grid-column-span: 9;
grid-column-end: span 9; }
.row-s-9 {
-ms-grid-row: 9;
grid-row-start: 9; }
.row-s-span-9 {
-ms-grid-row-span: 9;
grid-row-end: span 9; }
.col-s-10 {
-ms-grid-column: 10;
grid-column-start: 10; }
.col-s-span-10 {
-ms-grid-column-span: 10;
grid-column-end: span 10; }
.row-s-10 {
-ms-grid-row: 10;
grid-row-start: 10; }
.row-s-span-10 {
-ms-grid-row-span: 10;
grid-row-end: span 10; }
.col-s-11 {
-ms-grid-column: 11;
grid-column-start: 11; }
.col-s-span-11 {
-ms-grid-column-span: 11;
grid-column-end: span 11; }
.row-s-11 {
-ms-grid-row: 11;
grid-row-start: 11; }
.row-s-span-11 {
-ms-grid-row-span: 11;
grid-row-end: span 11; }
.col-s-12 {
-ms-grid-column: 12;
grid-column-start: 12; }
.col-s-span-12 {
-ms-grid-column-span: 12;
grid-column-end: span 12; }
.row-s-12 {
-ms-grid-row: 12;
grid-row-start: 12; }
.row-s-span-12 {
-ms-grid-row-span: 12;
grid-row-end: span 12; }
.col-s-13 {
-ms-grid-column: 13;
grid-column-start: 13; }
.col-s-span-13 {
-ms-grid-column-span: 13;
grid-column-end: span 13; }
.row-s-13 {
-ms-grid-row: 13;
grid-row-start: 13; }
.row-s-span-13 {
-ms-grid-row-span: 13;
grid-row-end: span 13; }
.col-s-14 {
-ms-grid-column: 14;
grid-column-start: 14; }
.col-s-span-14 {
-ms-grid-column-span: 14;
grid-column-end: span 14; }
.row-s-14 {
-ms-grid-row: 14;
grid-row-start: 14; }
.row-s-span-14 {
-ms-grid-row-span: 14;
grid-row-end: span 14; }
.col-s-15 {
-ms-grid-column: 15;
grid-column-start: 15; }
.col-s-span-15 {
-ms-grid-column-span: 15;
grid-column-end: span 15; }
.row-s-15 {
-ms-grid-row: 15;
grid-row-start: 15; }
.row-s-span-15 {
-ms-grid-row-span: 15;
grid-row-end: span 15; }
.col-s-16 {
-ms-grid-column: 16;
grid-column-start: 16; }
.col-s-span-16 {
-ms-grid-column-span: 16;
grid-column-end: span 16; }
.row-s-16 {
-ms-grid-row: 16;
grid-row-start: 16; }
.row-s-span-16 {
-ms-grid-row-span: 16;
grid-row-end: span 16; }
.justify-self-s-start {
-ms-grid-column-align: start;
justify-self: start; }
.justify-self-s-end {
-ms-grid-column-align: end;
justify-self: end; }
.justify-self-s-center {
justify-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
-ms-grid-column-align: center;
align-self: center; }
.justify-self-s-stretch {
-ms-grid-column-align: stretch;
justify-self: stretch; }
.align-self-s-start {
-ms-flex-item-align: start;
-ms-grid-row-align: start;
align-self: start; }
.align-self-s-end {
-ms-flex-item-align: end;
-ms-grid-row-align: end;
align-self: end; }
.align-self-s-center {
-ms-flex-item-align: center;
align-self: center;
-ms-grid-row-align: center; }
.align-self-s-stretch {
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch; }
.justify-content-s-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; }
.justify-content-s-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end; }
.justify-content-s-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
-ms-grid-column-align: center;
-ms-flex-line-pack: center;
align-content: center; }
.justify-content-s-stretch {
-webkit-box-pack: stretch;
-ms-flex-pack: stretch;
justify-content: stretch; }
.align-items-s-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start; }
.align-items-s-end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end; }
.align-items-s-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-grid-row-align: center; }
.align-items-s-stretch {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch; } }
.invisible {
display: none; }
body {
font-family: "Avenir", "Avenir_IE", sans-serif;
font-size: 12px;
line-height: 1.6875rem;
color: #40199b; }
figure.image--drop, .image--drop figure {
display: inline-block;
overflow: hidden;
border-radius: 50% 0 50% 50%; }
.ce_image.image--full {
width: 100%;
height: 100%; }
.ce_image.image--full .image_container {
width: 100%;
height: 100%; }
.ce_image.image--full .image_container img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover; }
.uppercase {
text-transform: uppercase; }
@media (max-width: 680px) {
.nopicmob {
background-image: none !important; } }
main h2 {
color: #40199b;
font-size: 1.5rem;
line-height: 2.25rem;
font-weight: 600;
letter-spacing: 0.06rem; }
main h3 {
color: #40199b;
font-size: 1.5rem;
line-height: 2.25rem;
font-weight: 400;
text-transform: uppercase; }
main h3 strong {
font-weight: 400; }
main h2 + h3 {
font-weight: 400; }
main h4 {
margin-bottom: 1rem; }
main p {
font-size: 1.125rem;
line-height: 1.5625rem;
font-weight: 400;
margin-bottom: 1rem; }
main .big {
font-size: 1.625rem;
line-height: 2.5rem;
font-weight: 400; }
main .middle {
font-size: 1.5rem;
line-height: 2.25rem;
font-weight: 400; }
main strong, main strong .big, main strong .middle {
font-weight: 600;
letter-spacing: 0.06rem; }
main .arrowtext {
padding-right: 5px; }
main .arrowtext:before {
content: url("../img/arrow_blue_right.svg");
display: inline-block;
width: 10px;
height: 10px;
margin-right: 5px; }
main .ce_text ul li {
font-size: 1.125rem;
line-height: 1.5625rem;
font-weight: 400; }
main .ce_text ul li:before {
content: url("../img/arrow_blue_right.svg");
width: 10px;
height: 10px;
display: inline-block;
margin-right: 10px;
border-radius: 50% 0 50% 50%;
background: #fff; }
main .ce_text ul li a {
border-bottom: 1px dotted #fff; }
main .ce_text ul.blue-list li {
color: #40199b; }
main .ce_text ul.blue-list li:before {
background: #40199b; }
main .ce_text ul.black-list li {
color: #000; }
main .ce_text ul.black-list li:before {
background: #000; }
@media (max-width: 680px) {
.mobiledisplaynone {
display: none; } }
@media (max-width: 680px) {
.mobilepaddingleftright .grid--container .grid--container-element {
padding: 20px 40px 20px 65px; } }
.list-ident .grid--container-element ul li {
margin-left: 20px; }
.list-ident .grid--container-element ul li:before {
margin-right: 10px;
margin-left: -20px; }
@media (min-width: 1280px) {
.grid--container {
display: grid;
display: -ms-grid;
-ms-grid-columns: 1fr 155px 155px 155px 155px 155px 155px 155px 155px 1fr;
grid-template-columns: 1fr repeat(8, 155px) 1fr; } }
@media (min-width: 980px) and (max-width: 1279px) {
.grid--container {
display: grid;
display: -ms-grid;
-ms-grid-columns: 1fr 117.5px 117.5px 117.5px 117.5px 117.5px 117.5px 117.5px 117.5px 1fr;
grid-template-columns: 1fr repeat(8, 117.5px) 1fr; } }
@media (min-width: 736px) and (max-width: 979px) {
.grid--container {
display: grid;
display: -ms-grid;
-ms-grid-columns: 1fr 116px 116px 116px 116px 116px 116px 1fr;
grid-template-columns: 1fr repeat(6, 116px) 1fr; } }
@media (max-width: 680px) {
.grid--container {
display: grid;
display: -ms-grid;
-ms-grid-columns: 10px 1fr 1fr 1fr 1fr 10px;
grid-template-columns: 10px repeat(4, 1fr) 10px; } }
.grid--container.floating {
-moz-transform: translate(0, -100%);
-o-transform: translate(0, -100%);
-webkit-transform: translate(0, -100%);
-ms-transform: translate(0, -100%);
transform: translate(0, -100%);
position: absolute;
left: 0;
right: 0; }
@media (min-width: 1280px) {
.grid--container.nopadding {
display: grid;
display: -ms-grid;
-ms-grid-columns: 1fr 160px 160px 160px 160px 160px 160px 160px 160px 1fr;
grid-template-columns: 1fr repeat(8, 160px) 1fr; } }
@media (min-width: 980px) and (max-width: 1279px) {
.grid--container.nopadding {
display: grid;
display: -ms-grid;
-ms-grid-columns: 1fr 122.5px 122.5px 122.5px 122.5px 122.5px 122.5px 122.5px 122.5px 1fr;
grid-template-columns: 1fr repeat(8, 122.5px) 1fr; } }
@media (min-width: 736px) and (max-width: 979px) {
.grid--container.nopadding {
display: grid;
display: -ms-grid;
-ms-grid-columns: 1fr 122.66667px 122.66667px 122.66667px 122.66667px 122.66667px 122.66667px 1fr;
grid-template-columns: 1fr repeat(6, 122.66667px) 1fr; } }
@media (max-width: 680px) {
.grid--container.nopadding {
-ms-grid-columns: 0 1fr 1fr 1fr 1fr 0;
grid-template-columns: 0 repeat(4, 1fr) 0; } }
.grid--container-element {
padding: 20px 20px; }
.grid--container-element.nopadding {
padding: 0; }
.grid--container-element.square {
position: relative; }
.grid--container-element.square > * {
position: absolute;
left: 20px;
right: 20px;
top: 20px;
bottom: 20px; }
.grid--container-element.square .aligncenter p {
display: block; }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.grid--container-element.square .aligncenter {
position: relative;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px; } }
@media all and (-ms-high-contrast: none) and (min-width: 980px) and (max-width: 1279px), (-ms-high-contrast: active) and (min-width: 980px) and (max-width: 1279px) {
.grid--container-element.square .aligncenter {
padding: 88px 66px; } }
@media all and (-ms-high-contrast: none) and (min-width: 1280px), (-ms-high-contrast: active) and (min-width: 1280px) {
.grid--container-element.square .aligncenter {
padding: 137px 116px; } }
@supports (-ms-ime-align: auto) {
.grid--container-element.square .aligncenter {
position: relative;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px; }
@media (min-width: 980px) and (max-width: 1279px) {
.grid--container-element.square .aligncenter {
padding: 88px 65px; } }
@media (min-width: 1280px) {
.grid--container-element.square .aligncenter {
padding: 137px 115px; } } }
@supports (-ms-accelerator: true) {
.grid--container-element.square .aligncenter {
position: relative;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px; }
@media (min-width: 980px) and (max-width: 1279px) {
.grid--container-element.square .aligncenter {
padding: 88px 65px; } }
@media (min-width: 1280px) {
.grid--container-element.square .aligncenter {
padding: 137px 115px; } } }
.grid--container-element.nopadding.square > * {
left: 0;
right: 0;
top: 0;
bottom: 0; }
.grid--container-element.justify-self-center.square {
-ms-grid-column-align: stretch;
justify-self: stretch;
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch; }
.grid--container-element.justify-self-center.square > * {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.content-slider {
position: relative;
height: auto; }
@media (max-width: 680px) {
.content-slider {
padding: 0; } }
.content-slider .arrow {
width: 25px;
position: absolute;
top: 380px;
cursor: pointer;
z-index: 2; }
@media (max-width: 680px) {
.content-slider .arrow {
top: 500px; } }
.content-slider .arrow.arrow_left {
right: 390px; }
@media (min-width: 980px) and (max-width: 1279px) {
.content-slider .arrow.arrow_left {
right: 370px; } }
@media (min-width: 736px) and (max-width: 979px) {
.content-slider .arrow.arrow_left {
right: 250px; } }
@media (max-width: 680px) {
.content-slider .arrow.arrow_left {
left: 30px; } }
.content-slider .arrow.arrow_right {
right: 50px; }
@media (min-width: 980px) and (max-width: 1279px) {
.content-slider .arrow.arrow_right {
right: 30px; } }
@media (min-width: 736px) and (max-width: 979px) {
.content-slider .arrow.arrow_right {
right: 30px; } }
@media (max-width: 680px) {
.content-slider .arrow.arrow_right {
right: 30px; } }
@media (min-width: 1280px) {
.content-slider .content-slider--elements {
display: grid;
display: -ms-grid;
-ms-grid-columns: 1fr 155px 155px 155px 155px 155px 155px 155px 155px 1fr;
grid-template-columns: 1fr repeat(8, 155px) 1fr; } }
@media (min-width: 980px) and (max-width: 1279px) {
.content-slider .content-slider--elements {
display: grid;
display: -ms-grid;
-ms-grid-columns: 1fr 117.5px 117.5px 117.5px 117.5px 117.5px 117.5px 117.5px 117.5px 1fr;
grid-template-columns: 1fr repeat(8, 117.5px) 1fr; } }
@media (min-width: 736px) and (max-width: 979px) {
.content-slider .content-slider--elements {
display: grid;
display: -ms-grid;
-ms-grid-columns: 1fr 87px 87px 87px 87px 87px 87px 87px 87px 1fr;
grid-template-columns: 1fr repeat(8, 87px) 1fr; } }
@media (max-width: 680px) {
.content-slider .content-slider--elements {
display: grid;
display: -ms-grid;
-ms-grid-columns: 10px 1fr 1fr 1fr 1fr 1fr 1fr 10px;
grid-template-columns: 10px repeat(6, 1fr) 10px; } }
.content-slider .content-slider--elements > .content-slider--elements-element {
-ms-grid-column: 1;
-ms-grid-column-span: 10;
grid-column: 1 / span 10;
-ms-grid-row: 1;
-ms-grid-row-span: 1;
grid-row: 1 / span 1;
grid-auto-rows: 1fr;
height: 100%;
opacity: 0;
pointer-events: none;
-moz-transition: all ease 0.4s 0.2s;
-o-transition: all ease 0.4s 0.2s;
-webkit-transition: all ease 0.4s 0.2s;
transition: all ease 0.4s 0.2s; }
@media (min-width: 1280px) {
.content-slider .content-slider--elements > .content-slider--elements-element {
display: grid;
display: -ms-grid;
-ms-grid-columns: 1fr 155px 155px 155px 155px 155px 155px 155px 155px 1fr;
grid-template-columns: 1fr repeat(8, 155px) 1fr; } }
@media (min-width: 980px) and (max-width: 1279px) {
.content-slider .content-slider--elements > .content-slider--elements-element {
display: grid;
display: -ms-grid;
-ms-grid-columns: 1fr 117.5px 117.5px 117.5px 117.5px 117.5px 117.5px 117.5px 117.5px 1fr;
grid-template-columns: 1fr repeat(8, 117.5px) 1fr; } }
@media (min-width: 736px) and (max-width: 979px) {
.content-slider .content-slider--elements > .content-slider--elements-element {
display: grid;
display: -ms-grid;
-ms-grid-columns: 1fr 87px 87px 87px 87px 87px 87px 87px 87px 1fr;
grid-template-columns: 1fr repeat(8, 87px) 1fr; } }
@media (max-width: 680px) {
.content-slider .content-slider--elements > .content-slider--elements-element {
display: grid;
display: -ms-grid;
-ms-grid-columns: 10px 1fr 1fr 1fr 1fr 1fr 1fr 10px;
grid-template-columns: 10px repeat(6, 1fr) 10px; } }
.content-slider .content-slider--elements > .content-slider--elements-element.active {
pointer-events: all;
opacity: 1;
-moz-transition: all ease 0.4s;
-o-transition: all ease 0.4s;
-webkit-transition: all ease 0.4s;
transition: all ease 0.4s; }
.content-slider .content-slider--elements .grid--container-element {
position: relative;
height: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
transition: all ease 0.3s; }
.content-slider .content-slider--elements .grid--container-element .tag {
font-size: 0.875rem; }
.content-slider .content-slider--elements .grid--container-element .tag_red {
color: #8d132c; }
.content-slider .content-slider--elements .grid--container-element .tag_blue {
color: #40199b; }
.content-slider .content-slider--elements .grid--container-element .tag_white {
color: #fff; }
.content-slider .content-slider--elements .grid--container-element.grid--slider-image-element {
background-size: cover;
background-position: center; }
.content-slider .content-slider--elements .grid--container-element.content-slider--arrow {
z-index: 10;
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.content-slider .content-slider--elements .grid--container-element.content-slider--arrow img {
cursor: pointer;
width: 40px;
height: 40px;
margin: 10px 20px;
background-image: transparent;
background-repeat: no-repeat;
background-position: center center;
background-size: 100% 100%; }
.content-slider .content-slider--elements .grid--container-element.content-slider--arrow.nopadding img {
margin: 0; }
.content-slider .content-slider--elements .grid--container-element.grid--slider-text-element {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.content-slider .content-slider--elements .grid--container-element.grid--slider-text-element.extra-padding-bottom {
padding: 60px 40px 120px 40px; }
@media (max-width: 680px) {
.content-slider .content-slider--elements .grid--container-element.grid--slider-text-element.extra-padding-bottom {
padding: 40px 20px 120px 20px; } }
.content-slider .content-slider--elements .grid--container-element.grid--slider-image-element {
display: -ms-grid;
display: grid; }
.content-slider .content-slider--elements .grid--container-element .ce_text .slider-bg-color {
background-color: #F1F0F0;
padding: 70px 50px;
height: 320px; }
@media (min-width: 736px) and (max-width: 979px) {
.content-slider .content-slider--elements .grid--container-element .ce_text .slider-bg-color {
padding: 50px 50px;
height: 360px; } }
@media (max-width: 680px) {
.content-slider .content-slider--elements .grid--container-element .ce_text .slider-bg-color {
padding: 20px 20px;
height: 360px; } }
@media (max-width: 680px) {
.content-slider .content-slider--elements .grid--container-element.cslider-img {
height: 160px; }
.content-slider .content-slider--elements .grid--container-element.cslider-txt {
margin-top: -120px; } }
.content-slider .content-slider--elements .grid--container-element.arrow_left:hover img {
background-image: url("../img/arrows_filled_red_left.svg"); }
.content-slider .content-slider--elements .grid--container-element.arrow_right:hover img {
background-image: url("../img/arrows_filled_red_right.svg"); }
.noarrow .grid--container-element .testimonials--container .arrow {
display: none; }
/* SETTINGS */
/* BREAKPOINTS */
.slider {
position: relative;
position: relative; }
.slider:before {
display: block;
content: "";
width: 100%;
padding-top: 50%; }
.slider > .inside {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0; }
@media (max-width: 680px) {
.slider {
position: relative; }
.slider:before {
display: block;
content: "";
width: 100%;
padding-top: 100%; }
.slider > .inside {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0; } }
.slider.is--fullscreen {
height: 100vh; }
.slider .slider--headline {
position: absolute;
left: 0;
right: 0;
bottom: 120px;
z-index: 1000; }
@media (max-width: 680px) {
.slider .slider--headline {
bottom: 90px; } }
.slider .slider--headline div {
padding: 20px;
display: -ms-grid;
display: grid;
-ms-grid-column: 2;
-ms-grid-column-span: 5;
grid-column: 2 / span 5;
font-size: 2.4em;
text-transform: uppercase; }
.slider .slider--headline div p {
line-height: 1em;
padding: 20px;
background: white;
font-size: 42px;
color: white;
text-shadow: 3px 3px 8px rgba(0, 0, 0, 0.8);
font-weight: 600;
letter-spacing: 2px; }
.slider .slider--elements {
height: 100%;
width: 100%; }
.slider .slider--elements .slider--elements-item {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-size: cover;
background-position: right center;
-moz-transition: all ease 0.8s;
-o-transition: all ease 0.8s;
-webkit-transition: all ease 0.8s;
transition: all ease 0.8s;
-moz-transform: scale3d(0.99, 0.99, 0.99);
-o-transform: scale3d(0.99, 0.99, 0.99);
-webkit-transform: scale3d(0.99, 0.99, 0.99);
transform: scale3d(0.99, 0.99, 0.99); }
.slider .slider--elements .slider--elements-item.active {
opacity: 1;
-moz-transition: all ease 0.8s 0.3s;
-o-transition: all ease 0.8s 0.3s;
-webkit-transition: all ease 0.8s 0.3s;
transition: all ease 0.8s 0.3s;
-moz-transform: scale3d(1, 1, 1);
-o-transform: scale3d(1, 1, 1);
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
.slider .slider--elements .slider--elements-item.last {
opacity: 0;
-moz-transition: all ease 0.8s;
-o-transition: all ease 0.8s;
-webkit-transition: all ease 0.8s;
transition: all ease 0.8s;
-moz-transform: scale3d(1.15, 1.15, 1.15);
-o-transform: scale3d(1.15, 1.15, 1.15);
-webkit-transform: scale3d(1.15, 1.15, 1.15);
transform: scale3d(1.15, 1.15, 1.15); }
.slider.is--active .slider--elements .slider--elements-item:after {
content: '';
position: absolute;
left: 0;
right: 100%;
height: 3px;
-moz-transition: right linear 4s;
-o-transition: right linear 4s;
-webkit-transition: right linear 4s;
transition: right linear 4s; }
.slider.is--active .slider--elements .slider--elements-item.active:after {
right: 0; }
.mod_article.has--overlay .slider--elements-item {
-webkit-mask-image: url("../img/rains.png");
mask-image: url("../img/rains.png"); }
.mod_article.has--overlay .slider--elements-item:after {
content: '';
position: absolute;
display: block;
left: -50px;
right: -50px;
top: -50px;
bottom: -50px;
z-index: 100;
background: url("../../content/Startseite/slider_01.jpg") right center no-repeat;
background-size: cover;
-webkit-filter: blur(50px);
filter: blur(50px);
-webkit-animation: blur linear both 5s;
-moz-animation: blur linear both 5s;
-ms-animation: blur linear both 5s;
-o-animation: blur linear both 5s;
animation: blur linear both 5s; }
@-webkit-keyframes blur {
0% {
-webkit-filter: blur(50px);
filter: blur(50px); }
100% {
-webkit-filter: blur(0px);
filter: blur(0px); } }
@keyframes blur {
0% {
-webkit-filter: blur(50px);
filter: blur(50px); }
100% {
-webkit-filter: blur(0px);
filter: blur(0px); } }
#main {
padding-top: 85px; }
@media (max-width: 680px) {
#main {
padding-top: 65px; } }
#main .inside .headerimage {
height: 500px;
position: relative;
width: auto; }
@media (max-width: 680px) {
#main .inside .headerimage {
height: 60vw; } }
#main .inside .headerimage .overlayimg, #main .inside .headerimage .banner {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-repeat: no-repeat; }
#main .inside .headerimage .overlayimg {
z-index: 1;
background-position: right center;
background-size: auto 100%;
mix-blend-mode: multiply; }
@media (max-width: 680px) {
#main .inside .headerimage .overlayimg {
background-position: 158px center; } }
#main .inside .headerimage .banner {
z-index: 0;
background-position: center center;
background-size: cover; }
#main .inside .headerimage .grid--container {
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 100%;
padding: 40px 0; }
@media (max-width: 680px) {
#main .inside .headerimage .grid--container {
padding: 20px 0; } }
#main .inside .headerimage .text {
z-index: 3;
-ms-grid-column: 2;
-ms-grid-column-span: 8;
grid-column: 2 / span 8;
align-self: flex-end;
position: relative; }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
#main .inside .headerimage .text {
margin-top: 260px; } }
@supports (-ms-ime-align: auto) {
#main .inside .headerimage .text {
margin-top: 260px; } }
@supports (-ms-accelerator: true) {
#main .inside .headerimage .text {
margin-top: 260px; } }
#main .inside .headerimage .text h1 {
color: #fff;
font-weight: bold;
font-size: 3.5625rem;
line-height: 4.125rem;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); }
@media (min-width: 736px) and (max-width: 979px) {
#main .inside .headerimage .text h1 {
font-size: 2.5rem;
line-height: 2.5rem; } }
@media (max-width: 680px) {
#main .inside .headerimage .text h1 {
font-size: 1.75rem;
line-height: 2rem;
margin-left: 20px; } }
#main .inside .headerimage .text h1:before {
content: '';
background-image: url("/files/sozialstation/content/Header/arrow_blue_right.svg");
z-index: 3;
position: absolute;
top: 4px;
left: 0px;
margin-left: -50px;
height: 52px;
width: 52px;
background-repeat: no-repeat; }
@media (min-width: 736px) and (max-width: 979px) {
#main .inside .headerimage .text h1:before {
top: -3px;
height: 40px;
width: 40px; } }
@media (max-width: 680px) {
#main .inside .headerimage .text h1:before {
top: 5px;
height: 20px;
width: 20px;
margin-left: -5px; } }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
#main .inside .headerimage .text h1:before {
margin-left: -60px; } }
#main .inside .headerimage .text h1:after {
content: '';
background-image: url("/files/sozialstation/content/Header/arrow_red_left.svg");
z-index: 3;
display: inline-block;
margin-left: 20px;
margin-bottom: -6px;
height: 52px;
width: 52px;
background-repeat: no-repeat; }
@media (min-width: 736px) and (max-width: 979px) {
#main .inside .headerimage .text h1:after {
height: 40px;
width: 40px; } }
@media (max-width: 680px) {
#main .inside .headerimage .text h1:after {
height: 20px;
width: 20px;
margin-bottom: -2px;
margin-left: 10px; } }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
#main .inside .headerimage .text h1:after {
margin-left: 10px; } }
.toggle-element .toggle-element--title {
color: #40199b;
font-size: 30px;
margin: 20px 0px 0px 40px;
cursor: pointer; }
.toggle-element .toggle-element--title:before {
content: '';
width: 25px;
height: 35px;
display: inline-block;
position: absolute;
margin-left: -40px;
margin-top: -4px;
background-image: url("../img/arrows_outline_red_right.svg");
background-repeat: no-repeat;
background-position: center center;
background-size: 25px 35px;
-moz-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
transition: all ease 0.3s; }
@media screen and (min-color-index: 0) and (-webkit-min-device-pixel-ratio: 0) {
.toggle-element .toggle-element--title:before {
background-color: #8d132c;
-webkit-mask-image: url(../img/arrows_outline_red_right.svg);
mask-image: url(../img/arrows_outline_red_right.svg);
background-repeat: no-repeat;
background-position: center center;
background-size: 25px 35px;
-moz-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
transition: all ease 0.3s; } }
@media not all and (min-resolution: 0.001dpcm) {
@supports (-webkit-appearance: none) and (not (stroke-color: transparent)) {
.toggle-element .toggle-element--title:before {
background-color: #8d132c;
-webkit-mask-image: url(../img/arrows_outline_red_right.svg);
mask-image: url(../img/arrows_outline_red_right.svg);
background-repeat: no-repeat;
background-position: center center;
background-size: 25px 35px;
-moz-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
transition: all ease 0.3s; } } }
@media not all and (min-resolution: 0.001dpcm) {
@supports (-webkit-appearance: none) and (stroke-color: transparent) {
.toggle-element .toggle-element--title:before {
background-color: #8d132c;
-webkit-mask-image: url(../img/arrows_outline_red_right.svg);
mask-image: url(../img/arrows_outline_red_right.svg);
background-repeat: no-repeat;
background-position: center center;
background-size: 25px 35px;
-moz-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
transition: all ease 0.3s; } } }
.toggle-element .toggle-element--title:hover {
color: #8d132c; }
.toggle-element .toggle-element--title:hover:before {
background-image: url("../img/arrows_filled_red_right.svg"); }
@media screen and (min-color-index: 0) and (-webkit-min-device-pixel-ratio: 0) {
.toggle-element .toggle-element--title:hover {
color: #8d132c; }
.toggle-element .toggle-element--title:hover:before {
background-color: #8d132c;
background-image: none !important;
-webkit-mask-image: url(../img/arrows_filled_red_right.svg);
mask-image: url(../img/arrows_filled_red_right.svg); } }
@media not all and (min-resolution: 0.001dpcm) {
@supports (-webkit-appearance: none) and (not (stroke-color: transparent)) {
.toggle-element .toggle-element--title:hover {
color: #8d132c; }
.toggle-element .toggle-element--title:hover:before {
background-color: #8d132c;
background-image: none !important;
-webkit-mask-image: url(../img/arrows_filled_red_right.svg);
mask-image: url(../img/arrows_filled_red_right.svg); } } }
@media not all and (min-resolution: 0.001dpcm) {
@supports (-webkit-appearance: none) and (stroke-color: transparent) {
.toggle-element .toggle-element--title:hover {
color: #8d132c; }
.toggle-element .toggle-element--title:hover:before {
background-color: #8d132c;
background-image: none !important;
-webkit-mask-image: url(../img/arrows_filled_red_right.svg);
mask-image: url(../img/arrows_filled_red_right.svg); } } }
.toggle-element .toggle-element--content {
display: none;
color: #40199b;
padding-top: 20px; }
.toggle-element.open .toggle-element--title {
color: #8d132c; }
.toggle-element.open .toggle-element--title:before {
background-image: url("../img/arrows_filled_red_right.svg");
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg); }
.toggle-element.open .toggle-element--content {
display: block; }
.teamimages li {
width: 16.6%;
padding-top: 0px !important; }
@media (min-width: 980px) and (max-width: 1279px) {
.teamimages li {
width: 16.6%; } }
@media only screen and (min-device-width: 736px) and (max-device-width: 979px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
.teamimages li {
width: 16.3%; } }
@media (min-width: 736px) and (max-width: 979px) {
.teamimages li {
width: 16.6%; } }
@media (max-width: 680px) {
.teamimages li {
width: 50%; } }
.teamimages li .image_container {
margin: 0 15px 4px 0; }
@media (min-width: 980px) and (max-width: 1279px) {
.teamimages li .image_container {
margin: 0 15px 4px 0; } }
@media only screen and (min-device-width: 736px) and (max-device-width: 979px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
.teamimages li .image_container {
margin: 0 10px 0px 0; } }
@media (min-width: 736px) and (max-width: 979px) {
.teamimages li .image_container {
margin: 0 10px 0px 0; } }
@media (max-width: 680px) {
.teamimages li .image_container {
margin: 0 12px 2px 0; } }
.teamimages li.col_last .image_container {
margin-right: 0px 15px 0px 0px !important; }
.teamtext {
margin-bottom: 40px;
margin-top: -20px; }
.quotes-element {
padding: 40px 0; }
.quotes-element h2:before {
content: '';
background-image: url(/files/sozialstation/content/Header/arrow_red_left.svg);
z-index: 3;
display: inline-block;
margin-left: -40px;
margin-right: 10px;
margin-bottom: -6px;
height: 30px;
width: 30px;
background-repeat: no-repeat;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg); }
.quotes-element h2:after {
content: '';
background-image: url(/files/sozialstation/content/Header/arrow_red_left.svg);
z-index: 3;
display: inline-block;
margin-left: 10px;
margin-right: 0px;
margin-bottom: -6px;
height: 30px;
width: 30px;
background-repeat: no-repeat; }
.quotes-element p {
margin: 0.75rem 0 0rem 0;
text-align: right; }
#sostformular h2 {
margin-bottom: 40px; }
#sostformular form .formbody p {
margin-bottom: 30px; }
#sostformular form .formbody .widget-text {
font-size: 1.125rem;
line-height: 1.5625rem;
font-weight: 400;
margin-bottom: 30px; }
#sostformular form .formbody .widget-text label {
display: block;
margin-bottom: 8px; }
#sostformular form .formbody .widget-text input {
width: 90%;
font-size: 16px;
padding: 10px;
border: 2px solid #F1F0F0; }
#sostformular form .formbody .widget-text input:focus {
border: 2px solid #8d132c;
outline-offset: 0px;
outline: 0px; }
#sostformular form .formbody .widget-text textarea {
width: 90%;
font-size: 16px;
padding: 10px;
border: 2px solid #F1F0F0; }
#sostformular form .formbody .widget-text textarea:focus {
border: 2px solid #8d132c;
outline-offset: 0px;
outline: 0px; }
#sostformular form .formbody .widget-checkbox {
margin-bottom: 30px; }
#sostformular form .formbody .widget-checkbox fieldset span input {
width: 20px;
height: 16px;
border: 2px solid #F1F0F0;
margin-left: 0px; }
#sostformular form .formbody .widget-checkbox fieldset span label {
font-size: 1.125rem;
line-height: 1.5625rem;
font-weight: 400; }
#sostformular form .formbody .widget-checkbox fieldset span label a {
color: #8d132c; }
#sostformular form .formbody button {
background-color: #8d132c;
color: #fff;
font-size: 1.125rem;
padding: 10px 15px;
border: 0px solid;
outline-offset: 0px;
outline: 0px; }
#sostformular form .formbody button:focus, #sostformular form .formbody button:hover {
background-color: #40199b;
outline-offset: 0px;
outline: 0px; }
.openlightbox {
width: 100%;
margin: 0.5em 0; }
.openpicture img {
cursor: pointer;
max-width: 100%;
border: solid 2px #F1F0F0; }
.lightboxclose {
display: none; }
.lightbox {
position: fixed;
left: 0;
top: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100vh;
width: 100vw;
background: #fff;
z-index: 10000; }
.lightbox p {
margin: 20px auto 40px auto; }
.lightbox p img {
cursor: auto;
width: auto;
height: auto;
max-width: 90vw;
max-height: 90vh;
float: left;
margin-top: 50px; }
.lightbox p .lightboxclose {
display: inline-block;
cursor: pointer;
color: #8d132c;
font-size: 20px;
margin-left: -118px; }
.openpicture {
-moz-transition: all ease 0.2s;
-o-transition: all ease 0.2s;
-webkit-transition: all ease 0.2s;
transition: all ease 0.2s; }
#geschichte {
background-color: #F1F0F0; }
#geschichte.padbottom {
padding-bottom: 6em; }
#geschichte .grid--container-element {
padding: 20px 20px; }
@media (max-width: 680px) {
#geschichte .grid--container-element {
padding: 20px 10px; } }
#geschichte .grid--container-element .content-slider--elements .content-slider--elements-element .grid--slider-text-element p .arrowtext strong {
color: #8d132c; }
#geschichte .grid--container-element .content-slider--elements .content-slider--elements-element .grid--slider-text-element p .arrowtext:before {
content: url("../img/arrows_filled_red_right.svg");
display: inline-block;
width: 10px;
height: 10px;
margin-right: 5px; }
.header__badge__content {
height: 150px;
width: 150px;
position: absolute;
right: 170px;
top: 80px;
z-index: 2;
border-radius: 100%;
padding: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
@media (max-width: 680px) {
.header__badge__content {
border-radius: 0px;
height: 20px;
width: auto;
position: relative;
right: 0;
top: 0;
padding: 20px;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap; } }
.header__badge__text--light:not(.header__badge__text--light), .header__badge__text--bold:not(.header__badge__text--light) {
padding-bottom: 10px; }
@media (max-width: 680px) {
.header__badge__text--light:not(.header__badge__text--light), .header__badge__text--bold:not(.header__badge__text--light) {
padding-bottom: 0px; } }
.header__badge__text--light:not(.header__badge__text--light) strong, .header__badge__text--bold:not(.header__badge__text--light) strong {
letter-spacing: 1.5px; }
.header__badge__text--light p, .header__badge__text--bold p {
color: #fff;
margin-bottom: 0;
padding: 10px 15px;
letter-spacing: 1.5px;
text-align: center;
font-size: 1.25rem; }
@media (max-width: 680px) {
.header__badge__text--light p, .header__badge__text--bold p {
font-size: 1rem;
padding: 0;
padding: 0 10px; } }
.header__badge__icon {
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
width: 20px;
height: 17px; }
@media (max-width: 680px) {
.header__badge__icon {
width: 15px;
height: 12px;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg); } }
img.fullsize {
width: 100%;
height: auto; }
header {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 20px 0;
position: fixed;
top: 0px;
right: 0;
left: 0;
z-index: 1000;
height: 88px;
background-color: #fff; }
@media (max-width: 680px) {
header {
padding: 10px 10px;
height: 65px;
-moz-transition: height ease 0.2s;
-o-transition: height ease 0.2s;
-webkit-transition: height ease 0.2s;
transition: height ease 0.2s; } }
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
header {
padding: 20px 40px;
height: 80px;
-moz-transition: height ease 0.2s;
-o-transition: height ease 0.2s;
-webkit-transition: height ease 0.2s;
transition: height ease 0.2s; } }
header.hide-navbar {
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }
header.show-navbar {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-box-shadow: 0px 2px 25px rgba(0, 0, 0, 0.3);
box-shadow: 0px 2px 25px rgba(0, 0, 0, 0.3); }
header.navopen {
height: 275px; }
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
header.navopen {
height: 160px; } }
@media (min-width: 1280px) {
header .inside {
display: grid;
display: -ms-grid;
-ms-grid-columns: 1fr 155px 155px 155px 155px 155px 155px 155px 155px 1fr;
grid-template-columns: 1fr repeat(8, 155px) 1fr; } }
@media (min-width: 980px) and (max-width: 1279px) {
header .inside {
display: grid;
display: -ms-grid;
-ms-grid-columns: 1fr 117.5px 117.5px 117.5px 117.5px 117.5px 117.5px 117.5px 117.5px 1fr;
grid-template-columns: 1fr repeat(8, 117.5px) 1fr; } }
@media (min-width: 736px) and (max-width: 979px) {
header .inside {
display: grid;
display: -ms-grid;
-ms-grid-columns: 1fr 87px 87px 87px 87px 87px 87px 87px 87px 1fr;
grid-template-columns: 1fr repeat(8, 87px) 1fr; } }
@media (max-width: 680px) {
header .inside {
display: grid;
display: -ms-grid;
-ms-grid-columns: 10px 1fr 1fr 1fr 1fr 1fr 1fr 10px;
grid-template-columns: 10px repeat(6, 1fr) 10px; } }
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
header .inside {
display: grid;
display: -ms-grid;
-ms-grid-columns: 10px 1fr 1fr 1fr 1fr 1fr 1fr 10px;
grid-template-columns: 10px repeat(6, 1fr) 10px; } }
header .inside #Hamburger {
position: relative;
-ms-grid-column: 7;
-ms-grid-column-span: 1;
grid-column: 7 / span 1;
height: 40px; }
header .inside #Hamburger span {
display: block;
right: 0px;
top: 10px;
position: absolute;
height: 3px;
width: 35px;
background: #8d132c;
-webkit-transition: right ease .2s;
-o-transition: right ease .2s;
transition: right ease .2s; }
header .inside #Hamburger span:nth-child(1) {
top: 25%; }
header .inside #Hamburger span:nth-child(2) {
top: 50%;
width: 30px; }
header .inside #Hamburger span:nth-child(3) {
top: 75%; }
@media (min-width: 1280px) {
header .inside #Hamburger {
display: none; } }
@media (min-width: 980px) and (max-width: 1279px) {
header .inside #Hamburger {
display: none; } }
@media (min-width: 736px) and (max-width: 979px) {
header .inside #Hamburger {
display: none; } }
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
header .inside #Hamburger {
display: block; } }
header .inside #Logo {
align-self: flex-end;
-ms-grid-column: 2;
-ms-grid-column-span: 2;
grid-column: 2 / span 2; }
@media (max-width: 680px) {
header .inside #Logo {
-ms-grid-column: 2;
-ms-grid-column-span: 4;
grid-column: 2 / span 4; } }
header .inside #Logo img {
display: block;
width: 210px; }
@media (max-width: 680px) {
header .inside #Logo img {
width: 160px; } }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
header .inside #Logo img {
height: 38px !important; } }
@supports (-ms-ime-align: auto) {
header .inside #Logo img {
height: 38px !important; } }
@supports (-ms-accelerator: true) {
header .inside #Logo img {
height: 38px !important; } }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
header .inside #Logo {
float: right; } }
@supports (-ms-ime-align: auto) {
header .inside #Logo {
float: right; } }
@supports (-ms-accelerator: true) {
header .inside #Logo {
float: right; } }
header .inside nav {
-ms-grid-column: 4;
-ms-grid-column-span: 4;
grid-column: 4 / span 4;
margin-left: 30px;
width: 100%;
overflow: visible; }
@media (min-width: 736px) and (max-width: 979px) {
header .inside nav {
margin-left: 15px; } }
@media (max-width: 680px) {
header .inside nav {
margin-left: 0px; } }
@media (max-width: 680px) {
header .inside nav {
display: none;
padding-top: 40px;
-ms-grid-column: 1;
-ms-grid-column-span: 8;
grid-column: 1 / span 8;
-ms-grid-row: 2;
grid-row: 2;
-webkit-animation: fadeIn ease both 0.3s 0.1s;
-moz-animation: fadeIn ease both 0.3s 0.1s;
-ms-animation: fadeIn ease both 0.3s 0.1s;
-o-animation: fadeIn ease both 0.3s 0.1s;
animation: fadeIn ease both 0.3s 0.1s; } }
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
header .inside nav {
display: none;
padding-top: 40px;
-ms-grid-column: 3;
-ms-grid-column-span: 4;
grid-column: 3 / span 4;
-ms-grid-row: 2;
grid-row: 2;
-webkit-animation: fadeIn ease both 0.3s 0.1s;
-moz-animation: fadeIn ease both 0.3s 0.1s;
-ms-animation: fadeIn ease both 0.3s 0.1s;
-o-animation: fadeIn ease both 0.3s 0.1s;
animation: fadeIn ease both 0.3s 0.1s; } }
header .inside nav > ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
width: 100%;
height: 100%;
position: relative; }
@media (max-width: 680px) {
header .inside nav > ul {
display: block;
-webkit-box-pack: none;
-ms-flex-pack: none;
justify-content: none;
-webkit-box-align: none;
-ms-flex-align: none;
align-items: none; } }
header .inside nav > ul > li {
position: relative;
display: block;
text-align: center; }
header .inside nav > ul > li.seperator {
pointer-events: none;
width: 2px;
height: 1em;
background: #40199b; }
@media (max-width: 680px) {
header .inside nav > ul > li.seperator {
display: none; } }
header .inside nav > ul > li.seperator:last-child {
display: none; }
header .inside nav > ul > li a:hover > a, header .inside nav > ul > li a:hover > span, header .inside nav > ul > li a:hover > strong, header .inside nav > ul > li.active > a, header .inside nav > ul > li.active > span, header .inside nav > ul > li.active > strong, header .inside nav > ul > li.trail > a, header .inside nav > ul > li.trail > span, header .inside nav > ul > li.trail > strong {
color: #8d132c; }
header .inside nav > ul > li > a, header .inside nav > ul > li > strong {
display: block;
text-transform: uppercase;
font-size: 0.875rem;
line-height: 0.975rem;
letter-spacing: .15rem;
font-weight: 600; }
@media (max-width: 680px) {
header .inside nav > ul > li > a, header .inside nav > ul > li > strong {
padding: 10px 0; } }
header .inside nav > ul > li ul {
display: none;
position: absolute;
left: 0;
top: 1em;
padding: 2rem 2rem 1rem 1rem;
z-index: 10; }
header .inside nav > ul > li ul li {
text-align: left; }
header .inside nav > ul > li ul li.seperator {
display: none; }
header .inside nav > ul > li ul li a, header .inside nav > ul > li ul li strong {
display: block;
color: #40199b;
letter-spacing: .1rem;
line-height: 1.125rem;
font-size: 0.875rem;
margin-bottom: 0.875rem;
font-weight: 300; }
header .inside nav > ul > li ul li a.last, header .inside nav > ul > li ul li strong.last {
margin-bottom: 0; }
header .inside nav > ul > li ul li a.active, header .inside nav > ul > li ul li strong.active {
color: #8d132c; }
header .inside nav > ul > li ul:before {
content: '';
display: block;
position: absolute;
left: 0;
top: 1rem;
right: 0;
bottom: 0;
z-index: -1;
background: #F1F0F0; }
header .inside nav > ul > li:hover ul {
display: block; }
@media (max-width: 680px) {
header .inside nav > ul > li:hover ul {
display: none; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-ms-keyframes fadeIn {
header .inside 0% {
opacity: 0; }
header .inside 100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
header .inside .additional_content {
text-align: left;
justify-self: flex-end;
-ms-grid-column: 8;
-ms-grid-column-span: 2;
grid-column: 8 / span 2;
color: #8d132c;
font-size: 0.875rem;
line-height: 1rem;
letter-spacing: 1pt;
align-self: flex-end; }
header .inside .additional_content a, header .inside .additional_content a:hover, header .inside .additional_content a:visited, header .inside .additional_content a:focus {
color: #8d132c;
display: inline-block; }
@media (max-width: 680px) {
header .inside .additional_content {
display: none;
padding-top: 20px;
-ms-grid-column: 1;
-ms-grid-column-span: 8;
grid-column: 1 / span 8;
text-align: center;
-ms-grid-column-align: center;
justify-self: center; } }
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
header .inside .additional_content {
display: none;
padding-top: 20px;
-ms-grid-column: 1;
-ms-grid-column-span: 8;
grid-column: 1 / span 8;
text-align: center;
-ms-grid-column-align: center;
justify-self: center; } }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
header .inside .additional_content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
header .inside .additional_content p {
-ms-flex-item-align: end;
align-self: flex-end; } }
@supports (-ms-ime-align: auto) {
header .inside .additional_content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
header .inside .additional_content p {
-ms-flex-item-align: end;
align-self: flex-end; } }
@supports (-ms-accelerator: true) {
header .inside .additional_content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
header .inside .additional_content p {
-ms-flex-item-align: end;
align-self: flex-end; } }
@media (max-width: 680px) {
header.navopen .additional_content {
display: block;
-webkit-animation: fadeIn ease both 0.3s 0.1s;
-moz-animation: fadeIn ease both 0.3s 0.1s;
-ms-animation: fadeIn ease both 0.3s 0.1s;
-o-animation: fadeIn ease both 0.3s 0.1s;
animation: fadeIn ease both 0.3s 0.1s; }
header.navopen #Hamburger span:nth-child(2) {
right: 5px; }
header.navopen nav {
display: block; }
header.navopen + #container:after {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
pointer-events: none;
background: rgba(255, 255, 255, 0.6);
-webkit-backdrop-filter: blur(10px);
-webkit-animation: fadeIn ease both 0.3s;
-moz-animation: fadeIn ease both 0.3s;
-ms-animation: fadeIn ease both 0.3s;
-o-animation: fadeIn ease both 0.3s;
animation: fadeIn ease both 0.3s; } }
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
header .inside .additional_content, header.navopen .additional_content {
opacity: 1;
display: block;
-ms-grid-column: 4;
-ms-grid-column-span: 2;
grid-column: 4 / span 2;
-ms-grid-row: 1;
grid-row: 1;
padding-top: 0; }
header.navopen #Hamburger span:nth-child(2) {
right: 5px; }
header.navopen nav {
display: block; }
header.navopen + #container:after {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
pointer-events: none;
background: rgba(255, 255, 255, 0.6);
-webkit-backdrop-filter: blur(10px);
-webkit-animation: fadeIn ease both 0.3s;
-moz-animation: fadeIn ease both 0.3s;
-ms-animation: fadeIn ease both 0.3s;
-o-animation: fadeIn ease both 0.3s;
animation: fadeIn ease both 0.3s; } }
.content-slider {
position: relative;
height: auto; }
@media (max-width: 680px) {
.content-slider {
padding: 0; } }
.content-slider .arrow {
width: 25px;
position: absolute;
top: 380px;
cursor: pointer;
z-index: 2; }
@media (max-width: 680px) {
.content-slider .arrow {
top: 500px; } }
.content-slider .arrow.arrow_left {
right: 390px; }
@media (min-width: 980px) and (max-width: 1279px) {
.content-slider .arrow.arrow_left {
right: 370px; } }
@media (min-width: 736px) and (max-width: 979px) {
.content-slider .arrow.arrow_left {
right: 250px; } }
@media (max-width: 680px) {
.content-slider .arrow.arrow_left {
left: 30px; } }
.content-slider .arrow.arrow_right {
right: 50px; }
@media (min-width: 980px) and (max-width: 1279px) {
.content-slider .arrow.arrow_right {
right: 30px; } }
@media (min-width: 736px) and (max-width: 979px) {
.content-slider .arrow.arrow_right {
right: 30px; } }
@media (max-width: 680px) {
.content-slider .arrow.arrow_right {
right: 30px; } }
@media (min-width: 1280px) {
.content-slider .content-slider--elements {
display: grid;
display: -ms-grid;
-ms-grid-columns: 1fr 155px 155px 155px 155px 155px 155px 155px 155px 1fr;
grid-template-columns: 1fr repeat(8, 155px) 1fr; } }
@media (min-width: 980px) and (max-width: 1279px) {
.content-slider .content-slider--elements {
display: grid;
display: -ms-grid;
-ms-grid-columns: 1fr 117.5px 117.5px 117.5px 117.5px 117.5px 117.5px 117.5px 117.5px 1fr;
grid-template-columns: 1fr repeat(8, 117.5px) 1fr; } }
@media (min-width: 736px) and (max-width: 979px) {
.content-slider .content-slider--elements {
display: grid;
display: -ms-grid;
-ms-grid-columns: 1fr 87px 87px 87px 87px 87px 87px 87px 87px 1fr;
grid-template-columns: 1fr repeat(8, 87px) 1fr; } }
@media (max-width: 680px) {
.content-slider .content-slider--elements {
display: grid;
display: -ms-grid;
-ms-grid-columns: 10px 1fr 1fr 1fr 1fr 1fr 1fr 10px;
grid-template-columns: 10px repeat(6, 1fr) 10px; } }
.content-slider .content-slider--elements > .content-slider--elements-element {
-ms-grid-column: 1;
-ms-grid-column-span: 10;
grid-column: 1 / span 10;
-ms-grid-row: 1;
-ms-grid-row-span: 1;
grid-row: 1 / span 1;
grid-auto-rows: 1fr;
height: 100%;
opacity: 0;
pointer-events: none;
-moz-transition: all ease 0.4s 0.2s;
-o-transition: all ease 0.4s 0.2s;
-webkit-transition: all ease 0.4s 0.2s;
transition: all ease 0.4s 0.2s; }
@media (min-width: 1280px) {
.content-slider .content-slider--elements > .content-slider--elements-element {
display: grid;
display: -ms-grid;
-ms-grid-columns: 1fr 155px 155px 155px 155px 155px 155px 155px 155px 1fr;
grid-template-columns: 1fr repeat(8, 155px) 1fr; } }
@media (min-width: 980px) and (max-width: 1279px) {
.content-slider .content-slider--elements > .content-slider--elements-element {
display: grid;
display: -ms-grid;
-ms-grid-columns: 1fr 117.5px 117.5px 117.5px 117.5px 117.5px 117.5px 117.5px 117.5px 1fr;
grid-template-columns: 1fr repeat(8, 117.5px) 1fr; } }
@media (min-width: 736px) and (max-width: 979px) {
.content-slider .content-slider--elements > .content-slider--elements-element {
display: grid;
display: -ms-grid;
-ms-grid-columns: 1fr 87px 87px 87px 87px 87px 87px 87px 87px 1fr;
grid-template-columns: 1fr repeat(8, 87px) 1fr; } }
@media (max-width: 680px) {
.content-slider .content-slider--elements > .content-slider--elements-element {
display: grid;
display: -ms-grid;
-ms-grid-columns: 10px 1fr 1fr 1fr 1fr 1fr 1fr 10px;
grid-template-columns: 10px repeat(6, 1fr) 10px; } }
.content-slider .content-slider--elements > .content-slider--elements-element.active {
pointer-events: all;
opacity: 1;
-moz-transition: all ease 0.4s;
-o-transition: all ease 0.4s;
-webkit-transition: all ease 0.4s;
transition: all ease 0.4s; }
.content-slider .content-slider--elements .grid--container-element {
position: relative;
height: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
transition: all ease 0.3s; }
.content-slider .content-slider--elements .grid--container-element .tag {
font-size: 0.875rem; }
.content-slider .content-slider--elements .grid--container-element .tag_red {
color: #8d132c; }
.content-slider .content-slider--elements .grid--container-element .tag_blue {
color: #40199b; }
.content-slider .content-slider--elements .grid--container-element .tag_white {
color: #fff; }
.content-slider .content-slider--elements .grid--container-element.grid--slider-image-element {
background-size: cover;
background-position: center; }
.content-slider .content-slider--elements .grid--container-element.content-slider--arrow {
z-index: 10;
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.content-slider .content-slider--elements .grid--container-element.content-slider--arrow img {
cursor: pointer;
width: 40px;
height: 40px;
margin: 10px 20px;
background-image: transparent;
background-repeat: no-repeat;
background-position: center center;
background-size: 100% 100%; }
.content-slider .content-slider--elements .grid--container-element.content-slider--arrow.nopadding img {
margin: 0; }
.content-slider .content-slider--elements .grid--container-element.grid--slider-text-element {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.content-slider .content-slider--elements .grid--container-element.grid--slider-text-element.extra-padding-bottom {
padding: 60px 40px 120px 40px; }
@media (max-width: 680px) {
.content-slider .content-slider--elements .grid--container-element.grid--slider-text-element.extra-padding-bottom {
padding: 40px 20px 120px 20px; } }
.content-slider .content-slider--elements .grid--container-element.grid--slider-image-element {
display: -ms-grid;
display: grid; }
.content-slider .content-slider--elements .grid--container-element .ce_text .slider-bg-color {
background-color: #F1F0F0;
padding: 70px 50px;
height: 320px; }
@media (min-width: 736px) and (max-width: 979px) {
.content-slider .content-slider--elements .grid--container-element .ce_text .slider-bg-color {
padding: 50px 50px;
height: 360px; } }
@media (max-width: 680px) {
.content-slider .content-slider--elements .grid--container-element .ce_text .slider-bg-color {
padding: 20px 20px;
height: 360px; } }
@media (max-width: 680px) {
.content-slider .content-slider--elements .grid--container-element.cslider-img {
height: 160px; }
.content-slider .content-slider--elements .grid--container-element.cslider-txt {
margin-top: -120px; } }
.content-slider .content-slider--elements .grid--container-element.arrow_left:hover img {
background-image: url("../img/arrows_filled_red_left.svg"); }
.content-slider .content-slider--elements .grid--container-element.arrow_right:hover img {
background-image: url("../img/arrows_filled_red_right.svg"); }
.noarrow .grid--container-element .testimonials--container .arrow {
display: none; }
/* SETTINGS */
/* BREAKPOINTS */
.slider {
position: relative;
position: relative; }
.slider:before {
display: block;
content: "";
width: 100%;
padding-top: 50%; }
.slider > .inside {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0; }
@media (max-width: 680px) {
.slider {
position: relative; }
.slider:before {
display: block;
content: "";
width: 100%;
padding-top: 100%; }
.slider > .inside {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0; } }
.slider.is--fullscreen {
height: 100vh; }
.slider .slider--headline {
position: absolute;
left: 0;
right: 0;
bottom: 120px;
z-index: 1000; }
@media (max-width: 680px) {
.slider .slider--headline {
bottom: 90px; } }
.slider .slider--headline div {
padding: 20px;
display: -ms-grid;
display: grid;
-ms-grid-column: 2;
-ms-grid-column-span: 5;
grid-column: 2 / span 5;
font-size: 2.4em;
text-transform: uppercase; }
.slider .slider--headline div p {
line-height: 1em;
padding: 20px;
background: white;
font-size: 42px;
color: white;
text-shadow: 3px 3px 8px rgba(0, 0, 0, 0.8);
font-weight: 600;
letter-spacing: 2px; }
.slider .slider--elements {
height: 100%;
width: 100%; }
.slider .slider--elements .slider--elements-item {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-size: cover;
background-position: right center;
-moz-transition: all ease 0.8s;
-o-transition: all ease 0.8s;
-webkit-transition: all ease 0.8s;
transition: all ease 0.8s;
-moz-transform: scale3d(0.99, 0.99, 0.99);
-o-transform: scale3d(0.99, 0.99, 0.99);
-webkit-transform: scale3d(0.99, 0.99, 0.99);
transform: scale3d(0.99, 0.99, 0.99); }
.slider .slider--elements .slider--elements-item.active {
opacity: 1;
-moz-transition: all ease 0.8s 0.3s;
-o-transition: all ease 0.8s 0.3s;
-webkit-transition: all ease 0.8s 0.3s;
transition: all ease 0.8s 0.3s;
-moz-transform: scale3d(1, 1, 1);
-o-transform: scale3d(1, 1, 1);
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
.slider .slider--elements .slider--elements-item.last {
opacity: 0;
-moz-transition: all ease 0.8s;
-o-transition: all ease 0.8s;
-webkit-transition: all ease 0.8s;
transition: all ease 0.8s;
-moz-transform: scale3d(1.15, 1.15, 1.15);
-o-transform: scale3d(1.15, 1.15, 1.15);
-webkit-transform: scale3d(1.15, 1.15, 1.15);
transform: scale3d(1.15, 1.15, 1.15); }
.slider.is--active .slider--elements .slider--elements-item:after {
content: '';
position: absolute;
left: 0;
right: 100%;
height: 3px;
-moz-transition: right linear 4s;
-o-transition: right linear 4s;
-webkit-transition: right linear 4s;
transition: right linear 4s; }
.slider.is--active .slider--elements .slider--elements-item.active:after {
right: 0; }
.mod_article.has--overlay .slider--elements-item {
-webkit-mask-image: url("../img/rains.png");
mask-image: url("../img/rains.png"); }
.mod_article.has--overlay .slider--elements-item:after {
content: '';
position: absolute;
display: block;
left: -50px;
right: -50px;
top: -50px;
bottom: -50px;
z-index: 100;
background: url("../../content/Startseite/slider_01.jpg") right center no-repeat;
background-size: cover;
-webkit-filter: blur(50px);
filter: blur(50px);
-webkit-animation: blur linear both 5s;
-moz-animation: blur linear both 5s;
-ms-animation: blur linear both 5s;
-o-animation: blur linear both 5s;
animation: blur linear both 5s; }
@keyframes blur {
0% {
-webkit-filter: blur(50px);
filter: blur(50px); }
100% {
-webkit-filter: blur(0px);
filter: blur(0px); } }
footer {
position: relative;
background: #F1F0F0;
padding: 40px 0; }
footer:after {
content: '';
display: block;
position: absolute;
right: 0;
bottom: 0;
top: 0;
width: 50%;
background: url("/files/sozialstation/content/Header/header_blue-red_2.png") bottom center no-repeat;
background-size: cover; }
@media (min-width: 736px) and (max-width: 979px) {
footer:after {
display: none; } }
@media (max-width: 680px) {
footer {
padding: 40px 0; }
footer:after {
display: none; } }
footer .inside {
width: 100%; }
@media (min-width: 1280px) {
footer .inside {
display: grid;
display: -ms-grid;
-ms-grid-columns: 1fr 160px 160px 160px 160px 160px 160px 160px 160px 1fr;
grid-template-columns: 1fr repeat(8, 160px) 1fr; } }
@media (min-width: 980px) and (max-width: 1279px) {
footer .inside {
display: grid;
display: -ms-grid;
-ms-grid-columns: 1fr 122.5px 122.5px 122.5px 122.5px 122.5px 122.5px 122.5px 122.5px 1fr;
grid-template-columns: 1fr repeat(8, 122.5px) 1fr; } }
@media (min-width: 736px) and (max-width: 979px) {
footer .inside {
display: grid;
display: -ms-grid;
-ms-grid-columns: 1fr 92px 92px 92px 92px 92px 92px 92px 92px 1fr;
grid-template-columns: 1fr repeat(8, 92px) 1fr; } }
@media (max-width: 680px) {
footer .inside {
display: grid;
display: -ms-grid;
-ms-grid-columns: 10px 1fr 1fr 1fr 1fr 1fr 1fr 10px;
grid-template-columns: 10px repeat(6, 1fr) 10px; } }
footer .inside .column {
padding: 20px;
font-size: 0.875rem;
line-height: 1.5rem;
color: #666666; }
@media (max-width: 680px) {
footer .inside .column {
padding: 20px 10px; } }
footer .inside .column:nth-child(1) {
-ms-grid-column: 2;
-ms-grid-column-span: 2;
grid-column: 2 / span 2; }
footer .inside .column:nth-child(2) {
-ms-grid-column: 4;
-ms-grid-column-span: 2;
grid-column: 4 / span 2; }
footer .inside .column:nth-child(3) {
-ms-grid-column: 6;
-ms-grid-column-span: 2;
grid-column: 6 / span 2; }
footer .inside .column:nth-child(4) {
-ms-grid-column: 8;
-ms-grid-column-span: 2;
grid-column: 8 / span 2; }
@media (min-width: 736px) and (max-width: 979px) {
footer .inside .column:nth-child(1) {
-ms-grid-column: 2;
-ms-grid-column-span: 3;
grid-column: 2 / span 3; }
footer .inside .column:nth-child(2) {
-ms-grid-column: 6;
-ms-grid-column-span: 3;
grid-column: 6 / span 3; }
footer .inside .column:nth-child(3) {
-ms-grid-column: 2;
-ms-grid-column-span: 3;
grid-column: 2 / span 3; }
footer .inside .column:nth-child(4) {
-ms-grid-column: 6;
-ms-grid-column-span: 3;
grid-column: 6 / span 3; } }
@media (max-width: 680px) {
footer .inside .column:nth-child(1) {
-ms-grid-column: 2;
-ms-grid-column-span: 6;
grid-column: 2 / span 6; }
footer .inside .column:nth-child(2) {
-ms-grid-column: 2;
-ms-grid-column-span: 6;
grid-column: 2 / span 6; }
footer .inside .column:nth-child(3) {
-ms-grid-column: 2;
-ms-grid-column-span: 6;
grid-column: 2 / span 6; }
footer .inside .column:nth-child(4) {
-ms-grid-column: 2;
-ms-grid-column-span: 6;
grid-column: 2 / span 6; } }
@media (max-width: 736px) and (orientation: landscape) {
footer .inside .column:nth-child(1) {
-ms-grid-column: 2;
-ms-grid-column-span: 3;
grid-column: 2 / span 3; }
footer .inside .column:nth-child(2) {
-ms-grid-column: 5;
-ms-grid-column-span: 3;
grid-column: 5 / span 3; }
footer .inside .column:nth-child(3) {
-ms-grid-column: 2;
-ms-grid-column-span: 3;
grid-column: 2 / span 3; }
footer .inside .column:nth-child(4) {
-ms-grid-column: 5;
-ms-grid-column-span: 3;
grid-column: 5 / span 3; } }
footer .inside .column h4 {
font-weight: 600;
margin-bottom: 1rem;
text-transform: uppercase; }
footer .inside .column p {
margin-bottom: 1rem; }
footer .inside .column a {
color: #666666; }
footer .inside .column a:hover {
color: #8d132c; }
footer .inside .column .primary-color a {
color: #8d132c; }
footer .inside .column .primary-color a:hover {
color: #8d132c; }
html {
height: 100%;
width: 100%; }
html body {
height: 100%;
width: 100%; }