html.with-featherlight{overflow:hidden}.featherlight{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483647;text-align:center;white-space:nowrap;cursor:pointer;background:#333;background:rgba(0,0,0,0)}.featherlight:last-of-type{background:rgba(0,0,0,.8)}.featherlight:before{content:'';display:inline-block;height:100%;vertical-align:middle}.featherlight .featherlight-content{position:relative;text-align:left;vertical-align:middle;display:inline-block;overflow:auto;padding:25px 25px 0;border-bottom:25px solid transparent;margin-left:5%;margin-right:5%;max-height:95%;background:#fff;cursor:auto;white-space:normal}.featherlight .featherlight-inner{display:block}.featherlight link.featherlight-inner,.featherlight script.featherlight-inner,.featherlight style.featherlight-inner{display:none}.featherlight .featherlight-close-icon{position:absolute;z-index:9999;top:0;right:0;line-height:25px;width:25px;cursor:pointer;text-align:center;font-family:Arial,sans-serif;background:#fff;background:rgba(255,255,255,.3);color:#000;border:0;padding:0}.featherlight .featherlight-close-icon::-moz-focus-inner{border:0;padding:0}.featherlight .featherlight-image{width:100%}.featherlight-iframe .featherlight-content{border-bottom:0;padding:0;-webkit-overflow-scrolling:touch}.featherlight iframe{border:0}.featherlight *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}@media only screen and (max-width:1024px){.featherlight .featherlight-content{margin-left:0;margin-right:0;max-height:98%;padding:10px 10px 0;border-bottom:10px solid transparent}}@media print{html.with-featherlight>*>:not(.featherlight){display:none}}.featherlight-next,.featherlight-previous{display:block;position:absolute;top:25px;right:25px;bottom:0;left:80%;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:rgba(0,0,0,0)}.featherlight-previous{left:25px;right:80%}.featherlight-next:hover,.featherlight-previous:hover{background:rgba(255,255,255,.25)}.featherlight-next span,.featherlight-previous span{display:none;position:absolute;top:50%;left:5%;width:82%;text-align:center;font-size:80px;line-height:80px;margin-top:-40px;text-shadow:0 0 5px #fff;color:#fff;font-style:normal;font-weight:400}.featherlight-next span{right:5%;left:auto}.featherlight-next:hover span,.featherlight-previous:hover span{display:inline-block}.featherlight-first-slide.featherlight-last-slide .featherlight-next,.featherlight-first-slide.featherlight-last-slide .featherlight-previous,.featherlight-loading .featherlight-next,.featherlight-loading .featherlight-previous,.featherlight-swipe-aware .featherlight-next,.featherlight-swipe-aware .featherlight-previous{display:none}@media only screen and (max-device-width:1024px){.featherlight-next:hover,.featherlight-previous:hover{background:0 0}.featherlight-next span,.featherlight-previous span{display:block}}@media only screen and (max-width:1024px){.featherlight-next,.featherlight-previous{top:10px;right:10px;left:85%}.featherlight-previous{left:10px;right:85%}.featherlight-next span,.featherlight-previous span{margin-top:-30px;font-size:40px}}@charset "UTF-8";  *, *::before, *::after{ box-sizing: border-box;} html{ font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);} @-ms-viewport{ width: device-width;} article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section{ display: block;} body{ margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; background-color: #fff;} [tabindex="-1"]:focus{ outline: 0 !important;} hr{ box-sizing: content-box; height: 0; overflow: visible;} h1, h2, h3, h4, h5, h6{ margin-top: 0; margin-bottom: 0.5rem;} p{ margin-top: 0; margin-bottom: 1rem;} abbr[title], abbr[data-original-title]{ text-decoration: underline; text-decoration: underline dotted; cursor: help; border-bottom: 0;} address{ margin-bottom: 1rem; font-style: normal; line-height: inherit;} ol, ul, dl{ margin-top: 0; margin-bottom: 1rem;} ol ol, ul ul, ol ul, ul ol{ margin-bottom: 0;} dt{ font-weight: 700;} dd{ margin-bottom: .5rem; margin-left: 0;} blockquote{ margin: 0 0 1rem;} dfn{ font-style: italic;} b, strong{ font-weight: bolder;} small{ font-size: 80%;} sub, sup{ position: relative; font-size: 75%; line-height: 0; vertical-align: baseline;} sub{ bottom: -.25em;} sup{ top: -.5em;} a{ color: #007bff; text-decoration: none; background-color: transparent; -webkit-text-decoration-skip: objects;} a:hover{ color: #0056b3; text-decoration: underline;} a:not([href]):not([tabindex]){ color: inherit; text-decoration: none;} a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus{ color: inherit; text-decoration: none;} a:not([href]):not([tabindex]):focus{ outline: 0;} pre, code, kbd, samp{ font-family: monospace, monospace; font-size: 1em;} pre{ margin-top: 0; margin-bottom: 1rem; overflow: auto; -ms-overflow-style: scrollbar;} figure{ margin: 0 0 1rem;} img{ vertical-align: middle; border-style: none;} svg:not(:root){ overflow: hidden;} table{ border-collapse: collapse;} caption{ padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6c757d; text-align: left; caption-side: bottom;} th{ text-align: inherit;} label{ display: inline-block; margin-bottom: .5rem;} button{ border-radius: 0;} button:focus{ outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color;} input, button, select, optgroup, textarea{ margin: 0; font-family: inherit; font-size: inherit; line-height: inherit;} button, input{ overflow: visible;} button, select{ text-transform: none;} button, html [type="button"], [type="reset"], [type="submit"]{ -webkit-appearance: button;} button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner{ padding: 0; border-style: none;} input[type="radio"], input[type="checkbox"]{ box-sizing: border-box; padding: 0;} input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"]{ -webkit-appearance: listbox;} textarea{ overflow: auto; resize: vertical;} fieldset{ min-width: 0; padding: 0; margin: 0; border: 0;} legend{ display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal;} progress{ vertical-align: baseline;} [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button{ height: auto;} [type="search"]{ outline-offset: -2px; -webkit-appearance: none;} [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration{ -webkit-appearance: none;}::-webkit-file-upload-button{ font: inherit; -webkit-appearance: button;} output{ display: inline-block;} summary{ display: list-item; cursor: pointer;} template{ display: none;} [hidden]{ display: none !important;} h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{ margin-bottom: 0.5rem; font-family: inherit; font-weight: 500; line-height: 1.2; color: inherit;} h1, .h1{ font-size: 2.5rem;} h2, .h2{ font-size: 2rem;} h3, .h3{ font-size: 1.75rem;} h4, .h4{ font-size: 1.5rem;} h5, .h5{ font-size: 1.25rem;} h6, .h6{ font-size: 1rem;} .lead{ font-size: 1.25rem; font-weight: 300;} .display-1{ font-size: 6rem; font-weight: 300; line-height: 1.2;} .display-2{ font-size: 5.5rem; font-weight: 300; line-height: 1.2;} .display-3{ font-size: 4.5rem; font-weight: 300; line-height: 1.2;} .display-4{ font-size: 3.5rem; font-weight: 300; line-height: 1.2;} hr{ margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1);} small, .small{ font-size: 80%; font-weight: 400;} mark, .mark{ padding: 0.2em; background-color: #fcf8e3;} .list-unstyled{ padding-left: 0; list-style: none;} .list-inline{ padding-left: 0; list-style: none;} .list-inline-item{ display: inline-block;} .list-inline-item:not(:last-child){ margin-right: 0.5rem;} .initialism{ font-size: 90%; text-transform: uppercase;} .blockquote{ margin-bottom: 1rem; font-size: 1.25rem;} .blockquote-footer{ display: block; font-size: 80%; color: #6c757d;} .blockquote-footer::before{ content: "\2014 \00A0";} .img-fluid{ max-width: 100%; height: auto;} .img-thumbnail{ padding: 0.25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: 0.25rem; max-width: 100%; height: auto;} .figure{ display: inline-block;} .figure-img{ margin-bottom: 0.5rem; line-height: 1;} .figure-caption{ font-size: 90%; color: #6c757d;} .container{ width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;} @media (min-width: 576px){ .container{ max-width: 540px;}} @media (min-width: 768px){ .container{ max-width: 720px;}} @media (min-width: 992px){ .container{ max-width: 960px;}} @media (min-width: 1200px){ .container{ max-width: 1140px;}} .container-fluid{ width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;} .row{ display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px;} .no-gutters{ margin-right: 0; margin-left: 0;} .no-gutters > .col, .no-gutters > [class*="col-"]{ padding-right: 0; padding-left: 0;} .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto{ position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px;} .col{ flex-basis: 0; flex-grow: 1; max-width: 100%;} .col-auto{ flex: 0 0 auto; width: auto; max-width: none;} .col-1{ flex: 0 0 8.3333333333%; max-width: 8.3333333333%;} .col-2{ flex: 0 0 16.6666666667%; max-width: 16.6666666667%;} .col-3{ flex: 0 0 25%; max-width: 25%;} .col-4{ flex: 0 0 33.3333333333%; max-width: 33.3333333333%;} .col-5{ flex: 0 0 41.6666666667%; max-width: 41.6666666667%;} .col-6{ flex: 0 0 50%; max-width: 50%;} .col-7{ flex: 0 0 58.3333333333%; max-width: 58.3333333333%;} .col-8{ flex: 0 0 66.6666666667%; max-width: 66.6666666667%;} .col-9{ flex: 0 0 75%; max-width: 75%;} .col-10{ flex: 0 0 83.3333333333%; max-width: 83.3333333333%;} .col-11{ flex: 0 0 91.6666666667%; max-width: 91.6666666667%;} .col-12{ flex: 0 0 100%; max-width: 100%;} .order-first{ order: -1;} .order-last{ order: 13;} .order-0{ order: 0;} .order-1{ order: 1;} .order-2{ order: 2;} .order-3{ order: 3;} .order-4{ order: 4;} .order-5{ order: 5;} .order-6{ order: 6;} .order-7{ order: 7;} .order-8{ order: 8;} .order-9{ order: 9;} .order-10{ order: 10;} .order-11{ order: 11;} .order-12{ order: 12;} .offset-1{ margin-left: 8.3333333333%;} .offset-2{ margin-left: 16.6666666667%;} .offset-3{ margin-left: 25%;} .offset-4{ margin-left: 33.3333333333%;} .offset-5{ margin-left: 41.6666666667%;} .offset-6{ margin-left: 50%;} .offset-7{ margin-left: 58.3333333333%;} .offset-8{ margin-left: 66.6666666667%;} .offset-9{ margin-left: 75%;} .offset-10{ margin-left: 83.3333333333%;} .offset-11{ margin-left: 91.6666666667%;} @media (min-width: 576px){ .col-sm{ flex-basis: 0; flex-grow: 1; max-width: 100%;} .col-sm-auto{ flex: 0 0 auto; width: auto; max-width: none;} .col-sm-1{ flex: 0 0 8.3333333333%; max-width: 8.3333333333%;} .col-sm-2{ flex: 0 0 16.6666666667%; max-width: 16.6666666667%;} .col-sm-3{ flex: 0 0 25%; max-width: 25%;} .col-sm-4{ flex: 0 0 33.3333333333%; max-width: 33.3333333333%;} .col-sm-5{ flex: 0 0 41.6666666667%; max-width: 41.6666666667%;} .col-sm-6{ flex: 0 0 50%; max-width: 50%;} .col-sm-7{ flex: 0 0 58.3333333333%; max-width: 58.3333333333%;} .col-sm-8{ flex: 0 0 66.6666666667%; max-width: 66.6666666667%;} .col-sm-9{ flex: 0 0 75%; max-width: 75%;} .col-sm-10{ flex: 0 0 83.3333333333%; max-width: 83.3333333333%;} .col-sm-11{ flex: 0 0 91.6666666667%; max-width: 91.6666666667%;} .col-sm-12{ flex: 0 0 100%; max-width: 100%;} .order-sm-first{ order: -1;} .order-sm-last{ order: 13;} .order-sm-0{ order: 0;} .order-sm-1{ order: 1;} .order-sm-2{ order: 2;} .order-sm-3{ order: 3;} .order-sm-4{ order: 4;} .order-sm-5{ order: 5;} .order-sm-6{ order: 6;} .order-sm-7{ order: 7;} .order-sm-8{ order: 8;} .order-sm-9{ order: 9;} .order-sm-10{ order: 10;} .order-sm-11{ order: 11;} .order-sm-12{ order: 12;} .offset-sm-0{ margin-left: 0;} .offset-sm-1{ margin-left: 8.3333333333%;} .offset-sm-2{ margin-left: 16.6666666667%;} .offset-sm-3{ margin-left: 25%;} .offset-sm-4{ margin-left: 33.3333333333%;} .offset-sm-5{ margin-left: 41.6666666667%;} .offset-sm-6{ margin-left: 50%;} .offset-sm-7{ margin-left: 58.3333333333%;} .offset-sm-8{ margin-left: 66.6666666667%;} .offset-sm-9{ margin-left: 75%;} .offset-sm-10{ margin-left: 83.3333333333%;} .offset-sm-11{ margin-left: 91.6666666667%;}} @media (min-width: 768px){ .col-md{ flex-basis: 0; flex-grow: 1; max-width: 100%;} .col-md-auto{ flex: 0 0 auto; width: auto; max-width: none;} .col-md-1{ flex: 0 0 8.3333333333%; max-width: 8.3333333333%;} .col-md-2{ flex: 0 0 16.6666666667%; max-width: 16.6666666667%;} .col-md-3{ flex: 0 0 25%; max-width: 25%;} .col-md-4{ flex: 0 0 33.3333333333%; max-width: 33.3333333333%;} .col-md-5{ flex: 0 0 41.6666666667%; max-width: 41.6666666667%;} .col-md-6{ flex: 0 0 50%; max-width: 50%;} .col-md-7{ flex: 0 0 58.3333333333%; max-width: 58.3333333333%;} .col-md-8{ flex: 0 0 66.6666666667%; max-width: 66.6666666667%;} .col-md-9{ flex: 0 0 75%; max-width: 75%;} .col-md-10{ flex: 0 0 83.3333333333%; max-width: 83.3333333333%;} .col-md-11{ flex: 0 0 91.6666666667%; max-width: 91.6666666667%;} .col-md-12{ flex: 0 0 100%; max-width: 100%;} .order-md-first{ order: -1;} .order-md-last{ order: 13;} .order-md-0{ order: 0;} .order-md-1{ order: 1;} .order-md-2{ order: 2;} .order-md-3{ order: 3;} .order-md-4{ order: 4;} .order-md-5{ order: 5;} .order-md-6{ order: 6;} .order-md-7{ order: 7;} .order-md-8{ order: 8;} .order-md-9{ order: 9;} .order-md-10{ order: 10;} .order-md-11{ order: 11;} .order-md-12{ order: 12;} .offset-md-0{ margin-left: 0;} .offset-md-1{ margin-left: 8.3333333333%;} .offset-md-2{ margin-left: 16.6666666667%;} .offset-md-3{ margin-left: 25%;} .offset-md-4{ margin-left: 33.3333333333%;} .offset-md-5{ margin-left: 41.6666666667%;} .offset-md-6{ margin-left: 50%;} .offset-md-7{ margin-left: 58.3333333333%;} .offset-md-8{ margin-left: 66.6666666667%;} .offset-md-9{ margin-left: 75%;} .offset-md-10{ margin-left: 83.3333333333%;} .offset-md-11{ margin-left: 91.6666666667%;}} @media (min-width: 992px){ .col-lg{ flex-basis: 0; flex-grow: 1; max-width: 100%;} .col-lg-auto{ flex: 0 0 auto; width: auto; max-width: none;} .col-lg-1{ flex: 0 0 8.3333333333%; max-width: 8.3333333333%;} .col-lg-2{ flex: 0 0 16.6666666667%; max-width: 16.6666666667%;} .col-lg-3{ flex: 0 0 25%; max-width: 25%;} .col-lg-4{ flex: 0 0 33.3333333333%; max-width: 33.3333333333%;} .col-lg-5{ flex: 0 0 41.6666666667%; max-width: 41.6666666667%;} .col-lg-6{ flex: 0 0 50%; max-width: 50%;} .col-lg-7{ flex: 0 0 58.3333333333%; max-width: 58.3333333333%;} .col-lg-8{ flex: 0 0 66.6666666667%; max-width: 66.6666666667%;} .col-lg-9{ flex: 0 0 75%; max-width: 75%;} .col-lg-10{ flex: 0 0 83.3333333333%; max-width: 83.3333333333%;} .col-lg-11{ flex: 0 0 91.6666666667%; max-width: 91.6666666667%;} .col-lg-12{ flex: 0 0 100%; max-width: 100%;} .order-lg-first{ order: -1;} .order-lg-last{ order: 13;} .order-lg-0{ order: 0;} .order-lg-1{ order: 1;} .order-lg-2{ order: 2;} .order-lg-3{ order: 3;} .order-lg-4{ order: 4;} .order-lg-5{ order: 5;} .order-lg-6{ order: 6;} .order-lg-7{ order: 7;} .order-lg-8{ order: 8;} .order-lg-9{ order: 9;} .order-lg-10{ order: 10;} .order-lg-11{ order: 11;} .order-lg-12{ order: 12;} .offset-lg-0{ margin-left: 0;} .offset-lg-1{ margin-left: 8.3333333333%;} .offset-lg-2{ margin-left: 16.6666666667%;} .offset-lg-3{ margin-left: 25%;} .offset-lg-4{ margin-left: 33.3333333333%;} .offset-lg-5{ margin-left: 41.6666666667%;} .offset-lg-6{ margin-left: 50%;} .offset-lg-7{ margin-left: 58.3333333333%;} .offset-lg-8{ margin-left: 66.6666666667%;} .offset-lg-9{ margin-left: 75%;} .offset-lg-10{ margin-left: 83.3333333333%;} .offset-lg-11{ margin-left: 91.6666666667%;}} @media (min-width: 1200px){ .col-xl{ flex-basis: 0; flex-grow: 1; max-width: 100%;} .col-xl-auto{ flex: 0 0 auto; width: auto; max-width: none;} .col-xl-1{ flex: 0 0 8.3333333333%; max-width: 8.3333333333%;} .col-xl-2{ flex: 0 0 16.6666666667%; max-width: 16.6666666667%;} .col-xl-3{ flex: 0 0 25%; max-width: 25%;} .col-xl-4{ flex: 0 0 33.3333333333%; max-width: 33.3333333333%;} .col-xl-5{ flex: 0 0 41.6666666667%; max-width: 41.6666666667%;} .col-xl-6{ flex: 0 0 50%; max-width: 50%;} .col-xl-7{ flex: 0 0 58.3333333333%; max-width: 58.3333333333%;} .col-xl-8{ flex: 0 0 66.6666666667%; max-width: 66.6666666667%;} .col-xl-9{ flex: 0 0 75%; max-width: 75%;} .col-xl-10{ flex: 0 0 83.3333333333%; max-width: 83.3333333333%;} .col-xl-11{ flex: 0 0 91.6666666667%; max-width: 91.6666666667%;} .col-xl-12{ flex: 0 0 100%; max-width: 100%;} .order-xl-first{ order: -1;} .order-xl-last{ order: 13;} .order-xl-0{ order: 0;} .order-xl-1{ order: 1;} .order-xl-2{ order: 2;} .order-xl-3{ order: 3;} .order-xl-4{ order: 4;} .order-xl-5{ order: 5;} .order-xl-6{ order: 6;} .order-xl-7{ order: 7;} .order-xl-8{ order: 8;} .order-xl-9{ order: 9;} .order-xl-10{ order: 10;} .order-xl-11{ order: 11;} .order-xl-12{ order: 12;} .offset-xl-0{ margin-left: 0;} .offset-xl-1{ margin-left: 8.3333333333%;} .offset-xl-2{ margin-left: 16.6666666667%;} .offset-xl-3{ margin-left: 25%;} .offset-xl-4{ margin-left: 33.3333333333%;} .offset-xl-5{ margin-left: 41.6666666667%;} .offset-xl-6{ margin-left: 50%;} .offset-xl-7{ margin-left: 58.3333333333%;} .offset-xl-8{ margin-left: 66.6666666667%;} .offset-xl-9{ margin-left: 75%;} .offset-xl-10{ margin-left: 83.3333333333%;} .offset-xl-11{ margin-left: 91.6666666667%;}} .table{ width: 100%; max-width: 100%; margin-bottom: 1rem; background-color: transparent;} .table th, .table td{ padding: 0.75rem; vertical-align: top; border-top: 1px solid #dee2e6;} .table thead th{ vertical-align: bottom; border-bottom: 2px solid #dee2e6;} .table tbody + tbody{ border-top: 2px solid #dee2e6;} .table .table{ background-color: #fff;} .table-sm th, .table-sm td{ padding: 0.3rem;} .table-bordered{ border: 1px solid #dee2e6;} .table-bordered th, .table-bordered td{ border: 1px solid #dee2e6;} .table-bordered thead th, .table-bordered thead td{ border-bottom-width: 2px;} .table-striped tbody tr:nth-of-type(odd){ background-color: rgba(0, 0, 0, 0.05);} .table-hover tbody tr:hover{ background-color: rgba(0, 0, 0, 0.075);} .table-primary, .table-primary > th, .table-primary > td{ background-color: #b8daff;} .table-hover .table-primary:hover{ background-color: #9fcdff;} .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th{ background-color: #9fcdff;} .table-secondary, .table-secondary > th, .table-secondary > td{ background-color: #d6d8db;} .table-hover .table-secondary:hover{ background-color: #c8cbcf;} .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th{ background-color: #c8cbcf;} .table-success, .table-success > th, .table-success > td{ background-color: #c3e6cb;} .table-hover .table-success:hover{ background-color: #b1dfbb;} .table-hover .table-success:hover > td, .table-hover .table-success:hover > th{ background-color: #b1dfbb;} .table-info, .table-info > th, .table-info > td{ background-color: #bee5eb;} .table-hover .table-info:hover{ background-color: #abdde5;} .table-hover .table-info:hover > td, .table-hover .table-info:hover > th{ background-color: #abdde5;} .table-warning, .table-warning > th, .table-warning > td{ background-color: #ffeeba;} .table-hover .table-warning:hover{ background-color: #ffe8a1;} .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th{ background-color: #ffe8a1;} .table-danger, .table-danger > th, .table-danger > td{ background-color: #f5c6cb;} .table-hover .table-danger:hover{ background-color: #f1b0b7;} .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th{ background-color: #f1b0b7;} .table-light, .table-light > th, .table-light > td{ background-color: #fdfdfe;} .table-hover .table-light:hover{ background-color: #ececf6;} .table-hover .table-light:hover > td, .table-hover .table-light:hover > th{ background-color: #ececf6;} .table-dark, .table-dark > th, .table-dark > td{ background-color: #c6c8ca;} .table-hover .table-dark:hover{ background-color: #b9bbbe;} .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th{ background-color: #b9bbbe;} .table-active, .table-active > th, .table-active > td{ background-color: rgba(0, 0, 0, 0.075);} .table-hover .table-active:hover{ background-color: rgba(0, 0, 0, 0.075);} .table-hover .table-active:hover > td, .table-hover .table-active:hover > th{ background-color: rgba(0, 0, 0, 0.075);} .table .thead-dark th{ color: #fff; background-color: #212529; border-color: #32383e;} .table .thead-light th{ color: #495057; background-color: #e9ecef; border-color: #dee2e6;} .table-dark{ color: #fff; background-color: #212529;} .table-dark th, .table-dark td, .table-dark thead th{ border-color: #32383e;} .table-dark.table-bordered{ border: 0;} .table-dark.table-striped tbody tr:nth-of-type(odd){ background-color: rgba(255, 255, 255, 0.05);} .table-dark.table-hover tbody tr:hover{ background-color: rgba(255, 255, 255, 0.075);} @media (max-width: 575.98px){ .table-responsive-sm{ display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar;} .table-responsive-sm > .table-bordered{ border: 0;}} @media (max-width: 767.98px){ .table-responsive-md{ display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar;} .table-responsive-md > .table-bordered{ border: 0;}} @media (max-width: 991.98px){ .table-responsive-lg{ display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar;} .table-responsive-lg > .table-bordered{ border: 0;}} @media (max-width: 1199.98px){ .table-responsive-xl{ display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar;} .table-responsive-xl > .table-bordered{ border: 0;}} .table-responsive{ display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar;} .table-responsive > .table-bordered{ border: 0;} .form-control{ display: block; width: 100%; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;} .form-control::-ms-expand{ background-color: transparent; border: 0;} .form-control:focus{ color: #495057; background-color: #fff; border-color: #80bdff; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);} .form-control::placeholder{ color: #6c757d; opacity: 1;} .form-control:disabled, .form-control[readonly]{ background-color: #e9ecef; opacity: 1;} select.form-control:not([size]):not([multiple]){ height: calc(2.25rem + 2px);} select.form-control:focus::-ms-value{ color: #495057; background-color: #fff;} .form-control-file, .form-control-range{ display: block; width: 100%;} .col-form-label{ padding-top: calc(0.375rem + 1px); padding-bottom: calc(0.375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5;} .col-form-label-lg{ padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); font-size: 1.25rem; line-height: 1.5;} .col-form-label-sm{ padding-top: calc(0.25rem + 1px); padding-bottom: calc(0.25rem + 1px); font-size: 0.875rem; line-height: 1.5;} .form-control-plaintext{ display: block; width: 100%; padding-top: 0.375rem; padding-bottom: 0.375rem; margin-bottom: 0; line-height: 1.5; background-color: transparent; border: solid transparent; border-width: 1px 0;} .form-control-plaintext.form-control-sm, .input-group-sm > .form-control-plaintext.form-control, .input-group-sm > .input-group-prepend > .form-control-plaintext.input-group-text, .input-group-sm > .input-group-append > .form-control-plaintext.input-group-text, .input-group-sm > .input-group-prepend > .form-control-plaintext.btn, .input-group-sm > .input-group-append > .form-control-plaintext.btn, .form-control-plaintext.form-control-lg, .input-group-lg > .form-control-plaintext.form-control, .input-group-lg > .input-group-prepend > .form-control-plaintext.input-group-text, .input-group-lg > .input-group-append > .form-control-plaintext.input-group-text, .input-group-lg > .input-group-prepend > .form-control-plaintext.btn, .input-group-lg > .input-group-append > .form-control-plaintext.btn{ padding-right: 0; padding-left: 0;} .form-control-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-prepend > .input-group-text, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-append > .btn{ padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem;} select.form-control-sm:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]), .input-group-sm > .input-group-prepend > select.input-group-text:not([size]):not([multiple]), .input-group-sm > .input-group-append > select.input-group-text:not([size]):not([multiple]), .input-group-sm > .input-group-prepend > select.btn:not([size]):not([multiple]), .input-group-sm > .input-group-append > select.btn:not([size]):not([multiple]){ height: calc(1.8125rem + 2px);} .form-control-lg, .input-group-lg > .form-control, .input-group-lg > .input-group-prepend > .input-group-text, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-append > .btn{ padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem;} select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]), .input-group-lg > .input-group-prepend > select.input-group-text:not([size]):not([multiple]), .input-group-lg > .input-group-append > select.input-group-text:not([size]):not([multiple]), .input-group-lg > .input-group-prepend > select.btn:not([size]):not([multiple]), .input-group-lg > .input-group-append > select.btn:not([size]):not([multiple]){ height: calc(2.875rem + 2px);} .form-group{ margin-bottom: 1rem;} .form-text{ display: block; margin-top: 0.25rem;} .form-row{ display: flex; flex-wrap: wrap; margin-right: -5px; margin-left: -5px;} .form-row > .col, .form-row > [class*="col-"]{ padding-right: 5px; padding-left: 5px;} .form-check{ position: relative; display: block; padding-left: 1.25rem;} .form-check-input{ position: absolute; margin-top: 0.3rem; margin-left: -1.25rem;} .form-check-input:disabled ~ .form-check-label{ color: #6c757d;} .form-check-label{ margin-bottom: 0;} .form-check-inline{ display: inline-flex; align-items: center; padding-left: 0; margin-right: 0.75rem;} .form-check-inline .form-check-input{ position: static; margin-top: 0; margin-right: 0.3125rem; margin-left: 0;} .valid-feedback{ display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #28a745;} .valid-tooltip{ position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: .5rem; margin-top: .1rem; font-size: .875rem; line-height: 1; color: #fff; background-color: rgba(40, 167, 69, 0.8); border-radius: .2rem;} .was-validated .form-control:valid, .form-control.is-valid, .was-validated .custom-select:valid, .custom-select.is-valid{ border-color: #28a745;} .was-validated .form-control:valid:focus, .form-control.is-valid:focus, .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus{ border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);} .was-validated .form-control:valid ~ .valid-feedback, .was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, .form-control.is-valid ~ .valid-tooltip, .was-validated .custom-select:valid ~ .valid-feedback, .was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback, .custom-select.is-valid ~ .valid-tooltip{ display: block;} .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label{ color: #28a745;} .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip{ display: block;} .was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label{ color: #28a745;} .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before{ background-color: #71dd8a;} .was-validated .custom-control-input:valid ~ .valid-feedback, .was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback, .custom-control-input.is-valid ~ .valid-tooltip{ display: block;} .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before{ background-color: #34ce57;} .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before{ box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(40, 167, 69, 0.25);} .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label{ border-color: #28a745;} .was-validated .custom-file-input:valid ~ .custom-file-label::before, .custom-file-input.is-valid ~ .custom-file-label::before{ border-color: inherit;} .was-validated .custom-file-input:valid ~ .valid-feedback, .was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback, .custom-file-input.is-valid ~ .valid-tooltip{ display: block;} .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label{ box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);} .invalid-feedback{ display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #dc3545;} .invalid-tooltip{ position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: .5rem; margin-top: .1rem; font-size: .875rem; line-height: 1; color: #fff; background-color: rgba(220, 53, 69, 0.8); border-radius: .2rem;} .was-validated .form-control:invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .custom-select.is-invalid{ border-color: #dc3545;} .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus, .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus{ border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);} .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip, .was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback, .custom-select.is-invalid ~ .invalid-tooltip{ display: block;} .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label{ color: #dc3545;} .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip{ display: block;} .was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label{ color: #dc3545;} .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before{ background-color: #efa2a9;} .was-validated .custom-control-input:invalid ~ .invalid-feedback, .was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback, .custom-control-input.is-invalid ~ .invalid-tooltip{ display: block;} .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before{ background-color: #e4606d;} .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before{ box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(220, 53, 69, 0.25);} .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label{ border-color: #dc3545;} .was-validated .custom-file-input:invalid ~ .custom-file-label::before, .custom-file-input.is-invalid ~ .custom-file-label::before{ border-color: inherit;} .was-validated .custom-file-input:invalid ~ .invalid-feedback, .was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback, .custom-file-input.is-invalid ~ .invalid-tooltip{ display: block;} .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label{ box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);} .form-inline{ display: flex; flex-flow: row wrap; align-items: center;} .form-inline .form-check{ width: 100%;} @media (min-width: 576px){ .form-inline label{ display: flex; align-items: center; justify-content: center; margin-bottom: 0;} .form-inline .form-group{ display: flex; flex: 0 0 auto; flex-flow: row wrap; align-items: center; margin-bottom: 0;} .form-inline .form-control{ display: inline-block; width: auto; vertical-align: middle;} .form-inline .form-control-plaintext{ display: inline-block;} .form-inline .input-group{ width: auto;} .form-inline .form-check{ display: flex; align-items: center; justify-content: center; width: auto; padding-left: 0;} .form-inline .form-check-input{ position: relative; margin-top: 0; margin-right: 0.25rem; margin-left: 0;} .form-inline .custom-control{ align-items: center; justify-content: center;} .form-inline .custom-control-label{ margin-bottom: 0;}} .btn{ display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; user-select: none; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;} .btn:hover, .btn:focus{ text-decoration: none;} .btn:focus, .btn.focus{ outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);} .btn.disabled, .btn:disabled{ opacity: 0.65;} .btn:not(:disabled):not(.disabled){ cursor: pointer;} .btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active{ background-image: none;} a.btn.disabled, fieldset:disabled a.btn{ pointer-events: none;} .btn-primary{ color: #fff; background-color: #007bff; border-color: #007bff;} .btn-primary:hover{ color: #fff; background-color: #0069d9; border-color: #0062cc;} .btn-primary:focus, .btn-primary.focus{ box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);} .btn-primary.disabled, .btn-primary:disabled{ color: #fff; background-color: #007bff; border-color: #007bff;} .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle{ color: #fff; background-color: #0062cc; border-color: #005cbf;} .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus{ box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);} .btn-secondary{ color: #fff; background-color: #6c757d; border-color: #6c757d;} .btn-secondary:hover{ color: #fff; background-color: #5a6268; border-color: #545b62;} .btn-secondary:focus, .btn-secondary.focus{ box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);} .btn-secondary.disabled, .btn-secondary:disabled{ color: #fff; background-color: #6c757d; border-color: #6c757d;} .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle{ color: #fff; background-color: #545b62; border-color: #4e555b;} .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus{ box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);} .btn-success{ color: #fff; background-color: #28a745; border-color: #28a745;} .btn-success:hover{ color: #fff; background-color: #218838; border-color: #1e7e34;} .btn-success:focus, .btn-success.focus{ box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);} .btn-success.disabled, .btn-success:disabled{ color: #fff; background-color: #28a745; border-color: #28a745;} .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle{ color: #fff; background-color: #1e7e34; border-color: #1c7430;} .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus{ box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);} .btn-info{ color: #fff; background-color: #17a2b8; border-color: #17a2b8;} .btn-info:hover{ color: #fff; background-color: #138496; border-color: #117a8b;} .btn-info:focus, .btn-info.focus{ box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);} .btn-info.disabled, .btn-info:disabled{ color: #fff; background-color: #17a2b8; border-color: #17a2b8;} .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle{ color: #fff; background-color: #117a8b; border-color: #10707f;} .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus{ box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);} .btn-warning{ color: #212529; background-color: #ffc107; border-color: #ffc107;} .btn-warning:hover{ color: #212529; background-color: #e0a800; border-color: #d39e00;} .btn-warning:focus, .btn-warning.focus{ box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);} .btn-warning.disabled, .btn-warning:disabled{ color: #212529; background-color: #ffc107; border-color: #ffc107;} .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle{ color: #212529; background-color: #d39e00; border-color: #c69500;} .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus{ box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);} .btn-danger{ color: #fff; background-color: #dc3545; border-color: #dc3545;} .btn-danger:hover{ color: #fff; background-color: #c82333; border-color: #bd2130;} .btn-danger:focus, .btn-danger.focus{ box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);} .btn-danger.disabled, .btn-danger:disabled{ color: #fff; background-color: #dc3545; border-color: #dc3545;} .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle{ color: #fff; background-color: #bd2130; border-color: #b21f2d;} .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus{ box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);} .btn-light{ color: #212529; background-color: #f8f9fa; border-color: #f8f9fa;} .btn-light:hover{ color: #212529; background-color: #e2e6ea; border-color: #dae0e5;} .btn-light:focus, .btn-light.focus{ box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);} .btn-light.disabled, .btn-light:disabled{ color: #212529; background-color: #f8f9fa; border-color: #f8f9fa;} .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle{ color: #212529; background-color: #dae0e5; border-color: #d3d9df;} .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus{ box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);} .btn-dark{ color: #fff; background-color: #343a40; border-color: #343a40;} .btn-dark:hover{ color: #fff; background-color: #23272b; border-color: #1d2124;} .btn-dark:focus, .btn-dark.focus{ box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);} .btn-dark.disabled, .btn-dark:disabled{ color: #fff; background-color: #343a40; border-color: #343a40;} .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle{ color: #fff; background-color: #1d2124; border-color: #171a1d;} .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus{ box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);} .btn-outline-primary{ color: #007bff; background-color: transparent; background-image: none; border-color: #007bff;} .btn-outline-primary:hover{ color: #fff; background-color: #007bff; border-color: #007bff;} .btn-outline-primary:focus, .btn-outline-primary.focus{ box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);} .btn-outline-primary.disabled, .btn-outline-primary:disabled{ color: #007bff; background-color: transparent;} .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle{ color: #fff; background-color: #007bff; border-color: #007bff;} .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus{ box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);} .btn-outline-secondary{ color: #6c757d; background-color: transparent; background-image: none; border-color: #6c757d;} .btn-outline-secondary:hover{ color: #fff; background-color: #6c757d; border-color: #6c757d;} .btn-outline-secondary:focus, .btn-outline-secondary.focus{ box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);} .btn-outline-secondary.disabled, .btn-outline-secondary:disabled{ color: #6c757d; background-color: transparent;} .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle{ color: #fff; background-color: #6c757d; border-color: #6c757d;} .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus{ box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);} .btn-outline-success{ color: #28a745; background-color: transparent; background-image: none; border-color: #28a745;} .btn-outline-success:hover{ color: #fff; background-color: #28a745; border-color: #28a745;} .btn-outline-success:focus, .btn-outline-success.focus{ box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);} .btn-outline-success.disabled, .btn-outline-success:disabled{ color: #28a745; background-color: transparent;} .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle{ color: #fff; background-color: #28a745; border-color: #28a745;} .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus{ box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);} .btn-outline-info{ color: #17a2b8; background-color: transparent; background-image: none; border-color: #17a2b8;} .btn-outline-info:hover{ color: #fff; background-color: #17a2b8; border-color: #17a2b8;} .btn-outline-info:focus, .btn-outline-info.focus{ box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);} .btn-outline-info.disabled, .btn-outline-info:disabled{ color: #17a2b8; background-color: transparent;} .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle{ color: #fff; background-color: #17a2b8; border-color: #17a2b8;} .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus{ box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);} .btn-outline-warning{ color: #ffc107; background-color: transparent; background-image: none; border-color: #ffc107;} .btn-outline-warning:hover{ color: #212529; background-color: #ffc107; border-color: #ffc107;} .btn-outline-warning:focus, .btn-outline-warning.focus{ box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);} .btn-outline-warning.disabled, .btn-outline-warning:disabled{ color: #ffc107; background-color: transparent;} .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle{ color: #212529; background-color: #ffc107; border-color: #ffc107;} .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus{ box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);} .btn-outline-danger{ color: #dc3545; background-color: transparent; background-image: none; border-color: #dc3545;} .btn-outline-danger:hover{ color: #fff; background-color: #dc3545; border-color: #dc3545;} .btn-outline-danger:focus, .btn-outline-danger.focus{ box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);} .btn-outline-danger.disabled, .btn-outline-danger:disabled{ color: #dc3545; background-color: transparent;} .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle{ color: #fff; background-color: #dc3545; border-color: #dc3545;} .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus{ box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);} .btn-outline-light{ color: #f8f9fa; background-color: transparent; background-image: none; border-color: #f8f9fa;} .btn-outline-light:hover{ color: #212529; background-color: #f8f9fa; border-color: #f8f9fa;} .btn-outline-light:focus, .btn-outline-light.focus{ box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);} .btn-outline-light.disabled, .btn-outline-light:disabled{ color: #f8f9fa; background-color: transparent;} .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle{ color: #212529; background-color: #f8f9fa; border-color: #f8f9fa;} .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus{ box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);} .btn-outline-dark{ color: #343a40; background-color: transparent; background-image: none; border-color: #343a40;} .btn-outline-dark:hover{ color: #fff; background-color: #343a40; border-color: #343a40;} .btn-outline-dark:focus, .btn-outline-dark.focus{ box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);} .btn-outline-dark.disabled, .btn-outline-dark:disabled{ color: #343a40; background-color: transparent;} .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle{ color: #fff; background-color: #343a40; border-color: #343a40;} .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus{ box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);} .btn-link{ font-weight: 400; color: #007bff; background-color: transparent;} .btn-link:hover{ color: #0056b3; text-decoration: underline; background-color: transparent; border-color: transparent;} .btn-link:focus, .btn-link.focus{ text-decoration: underline; border-color: transparent; box-shadow: none;} .btn-link:disabled, .btn-link.disabled{ color: #6c757d;} .btn-lg{ padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem;} .btn-sm{ padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem;} .btn-block{ display: block; width: 100%;} .btn-block + .btn-block{ margin-top: 0.5rem;} input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block{ width: 100%;} .fade{ opacity: 0; transition: opacity 0.15s linear;} .fade.show{ opacity: 1;} .collapse{ display: none;} .collapse.show{ display: block;} tr.collapse.show{ display: table-row;} tbody.collapse.show{ display: table-row-group;} .collapsing{ position: relative; height: 0; overflow: hidden; transition: height 0.35s ease;} .dropup, .dropdown{ position: relative;} .dropdown-toggle::after{ display: inline-block; width: 0; height: 0; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent;} .dropdown-toggle:empty::after{ margin-left: 0;} .dropdown-menu{ position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: 0.5rem 0; margin: 0.125rem 0 0; font-size: 1rem; color: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem;} .dropup .dropdown-menu{ margin-top: 0; margin-bottom: 0.125rem;} .dropup .dropdown-toggle::after{ display: inline-block; width: 0; height: 0; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; border-left: 0.3em solid transparent;} .dropup .dropdown-toggle:empty::after{ margin-left: 0;} .dropright .dropdown-menu{ margin-top: 0; margin-left: 0.125rem;} .dropright .dropdown-toggle::after{ display: inline-block; width: 0; height: 0; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-bottom: 0.3em solid transparent; border-left: 0.3em solid;} .dropright .dropdown-toggle:empty::after{ margin-left: 0;} .dropright .dropdown-toggle::after{ vertical-align: 0;} .dropleft .dropdown-menu{ margin-top: 0; margin-right: 0.125rem;} .dropleft .dropdown-toggle::after{ display: inline-block; width: 0; height: 0; margin-left: 0.255em; vertical-align: 0.255em; content: "";} .dropleft .dropdown-toggle::after{ display: none;} .dropleft .dropdown-toggle::before{ display: inline-block; width: 0; height: 0; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent;} .dropleft .dropdown-toggle:empty::after{ margin-left: 0;} .dropleft .dropdown-toggle::before{ vertical-align: 0;} .dropdown-divider{ height: 0; margin: 0.5rem 0; overflow: hidden; border-top: 1px solid #e9ecef;} .dropdown-item{ display: block; width: 100%; padding: 0.25rem 1.5rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0;} .dropdown-item:hover, .dropdown-item:focus{ color: #16181b; text-decoration: none; background-color: #f8f9fa;} .dropdown-item.active, .dropdown-item:active{ color: #fff; text-decoration: none; background-color: #007bff;} .dropdown-item.disabled, .dropdown-item:disabled{ color: #6c757d; background-color: transparent;} .dropdown-menu.show{ display: block;} .dropdown-header{ display: block; padding: 0.5rem 1.5rem; margin-bottom: 0; font-size: 0.875rem; color: #6c757d; white-space: nowrap;} .modal-open{ overflow: hidden;} .modal{ position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; outline: 0;} .modal-open .modal{ overflow-x: hidden; overflow-y: auto;} .modal-dialog{ position: relative; width: auto; margin: 0.5rem; pointer-events: none;} .modal.fade .modal-dialog{ transition: transform 0.3s ease-out; transform: translate(0, -25%);} .modal.show .modal-dialog{ transform: translate(0, 0);} .modal-dialog-centered{ display: flex; align-items: center; min-height: calc(100% - (0.5rem * 2));} .modal-content{ position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; outline: 0;} .modal-backdrop{ position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000;} .modal-backdrop.fade{ opacity: 0;} .modal-backdrop.show{ opacity: 0.5;} .modal-header{ display: flex; align-items: flex-start; justify-content: space-between; padding: 1rem; border-bottom: 1px solid #e9ecef; border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem;} .modal-header .close{ padding: 1rem; margin: -1rem -1rem -1rem auto;} .modal-title{ margin-bottom: 0; line-height: 1.5;} .modal-body{ position: relative; flex: 1 1 auto; padding: 1rem;} .modal-footer{ display: flex; align-items: center; justify-content: flex-end; padding: 1rem; border-top: 1px solid #e9ecef;} .modal-footer >:not(:first-child){ margin-left: .25rem;} .modal-footer >:not(:last-child){ margin-right: .25rem;} .modal-scrollbar-measure{ position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll;} @media (min-width: 576px){ .modal-dialog{ max-width: 500px; margin: 1.75rem auto;} .modal-dialog-centered{ min-height: calc(100% - (1.75rem * 2));} .modal-sm{ max-width: 300px;}} @media (min-width: 992px){ .modal-lg{ max-width: 800px;}} .input-group{ position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%;} .input-group > .form-control, .input-group > .custom-select, .input-group > .custom-file{ position: relative; flex: 1 1 auto; width: 1%; margin-bottom: 0;} .input-group > .form-control:focus, .input-group > .custom-select:focus, .input-group > .custom-file:focus{ z-index: 3;} .input-group > .form-control + .form-control, .input-group > .form-control + .custom-select, .input-group > .form-control + .custom-file, .input-group > .custom-select + .form-control, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .custom-file, .input-group > .custom-file + .form-control, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .custom-file{ margin-left: -1px;} .input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child){ border-top-right-radius: 0; border-bottom-right-radius: 0;} .input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child){ border-top-left-radius: 0; border-bottom-left-radius: 0;} .input-group > .custom-file{ display: flex; align-items: center;} .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::before{ border-top-right-radius: 0; border-bottom-right-radius: 0;} .input-group > .custom-file:not(:first-child) .custom-file-label, .input-group > .custom-file:not(:first-child) .custom-file-label::before{ border-top-left-radius: 0; border-bottom-left-radius: 0;} .input-group-prepend, .input-group-append{ display: flex;} .input-group-prepend .btn, .input-group-append .btn{ position: relative; z-index: 2;} .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .input-group-text, .input-group-append .input-group-text + .btn{ margin-left: -1px;} .input-group-prepend{ margin-right: -1px;} .input-group-append{ margin-left: -1px;} .input-group-text{ display: flex; align-items: center; padding: 0.375rem 0.75rem; margin-bottom: 0; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: 0.25rem;} .input-group-text input[type="radio"], .input-group-text input[type="checkbox"]{ margin-top: 0;} .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text, .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child){ border-top-right-radius: 0; border-bottom-right-radius: 0;} .input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child){ border-top-left-radius: 0; border-bottom-left-radius: 0;} .nav{ display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none;} .nav-link{ display: block; padding: 0.5rem 1rem;} .nav-link:hover, .nav-link:focus{ text-decoration: none;} .nav-link.disabled{ color: #6c757d;} .nav-tabs{ border-bottom: 1px solid #dee2e6;} .nav-tabs .nav-item{ margin-bottom: -1px;} .nav-tabs .nav-link{ border: 1px solid transparent; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem;} .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus{ border-color: #e9ecef #e9ecef #dee2e6;} .nav-tabs .nav-link.disabled{ color: #6c757d; background-color: transparent; border-color: transparent;} .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link{ color: #495057; background-color: #fff; border-color: #dee2e6 #dee2e6 #fff;} .nav-tabs .dropdown-menu{ margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0;} .nav-pills .nav-link{ border-radius: 0.25rem;} .nav-pills .nav-link.active, .nav-pills .show > .nav-link{ color: #fff; background-color: #007bff;} .nav-fill .nav-item{ flex: 1 1 auto; text-align: center;} .nav-justified .nav-item{ flex-basis: 0; flex-grow: 1; text-align: center;} .tab-content > .tab-pane{ display: none;} .tab-content > .active{ display: block;} .navbar{ position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 0.5rem 1rem;} .navbar > .container, .navbar > .container-fluid{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;} .navbar-brand{ display: inline-block; padding-top: 0.3125rem; padding-bottom: 0.3125rem; margin-right: 1rem; font-size: 1.25rem; line-height: inherit; white-space: nowrap;} .navbar-brand:hover, .navbar-brand:focus{ text-decoration: none;} .navbar-nav{ display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none;} .navbar-nav .nav-link{ padding-right: 0; padding-left: 0;} .navbar-nav .dropdown-menu{ position: static; float: none;} .navbar-text{ display: inline-block; padding-top: 0.5rem; padding-bottom: 0.5rem;} .navbar-collapse{ flex-basis: 100%; flex-grow: 1; align-items: center;} .navbar-toggler{ padding: 0.25rem 0.75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 0.25rem;} .navbar-toggler:hover, .navbar-toggler:focus{ text-decoration: none;} .navbar-toggler:not(:disabled):not(.disabled){ cursor: pointer;} .navbar-toggler-icon{ display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: no-repeat center center; background-size: 100% 100%;} @media (max-width: 575.98px){ .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid{ padding-right: 0; padding-left: 0;}} @media (min-width: 576px){ .navbar-expand-sm{ flex-flow: row nowrap; justify-content: flex-start;} .navbar-expand-sm .navbar-nav{ flex-direction: row;} .navbar-expand-sm .navbar-nav .dropdown-menu{ position: absolute;} .navbar-expand-sm .navbar-nav .dropdown-menu-right{ right: 0; left: auto;} .navbar-expand-sm .navbar-nav .nav-link{ padding-right: 0.5rem; padding-left: 0.5rem;} .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid{ flex-wrap: nowrap;} .navbar-expand-sm .navbar-collapse{ display: flex !important; flex-basis: auto;} .navbar-expand-sm .navbar-toggler{ display: none;} .navbar-expand-sm .dropup .dropdown-menu{ top: auto; bottom: 100%;}} @media (max-width: 767.98px){ .navbar-expand-md > .container, .navbar-expand-md > .container-fluid{ padding-right: 0; padding-left: 0;}} @media (min-width: 768px){ .navbar-expand-md{ flex-flow: row nowrap; justify-content: flex-start;} .navbar-expand-md .navbar-nav{ flex-direction: row;} .navbar-expand-md .navbar-nav .dropdown-menu{ position: absolute;} .navbar-expand-md .navbar-nav .dropdown-menu-right{ right: 0; left: auto;} .navbar-expand-md .navbar-nav .nav-link{ padding-right: 0.5rem; padding-left: 0.5rem;} .navbar-expand-md > .container, .navbar-expand-md > .container-fluid{ flex-wrap: nowrap;} .navbar-expand-md .navbar-collapse{ display: flex !important; flex-basis: auto;} .navbar-expand-md .navbar-toggler{ display: none;} .navbar-expand-md .dropup .dropdown-menu{ top: auto; bottom: 100%;}} @media (max-width: 991.98px){ .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid{ padding-right: 0; padding-left: 0;}} @media (min-width: 992px){ .navbar-expand-lg{ flex-flow: row nowrap; justify-content: flex-start;} .navbar-expand-lg .navbar-nav{ flex-direction: row;} .navbar-expand-lg .navbar-nav .dropdown-menu{ position: absolute;} .navbar-expand-lg .navbar-nav .dropdown-menu-right{ right: 0; left: auto;} .navbar-expand-lg .navbar-nav .nav-link{ padding-right: 0.5rem; padding-left: 0.5rem;} .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid{ flex-wrap: nowrap;} .navbar-expand-lg .navbar-collapse{ display: flex !important; flex-basis: auto;} .navbar-expand-lg .navbar-toggler{ display: none;} .navbar-expand-lg .dropup .dropdown-menu{ top: auto; bottom: 100%;}} @media (max-width: 1199.98px){ .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid{ padding-right: 0; padding-left: 0;}} @media (min-width: 1200px){ .navbar-expand-xl{ flex-flow: row nowrap; justify-content: flex-start;} .navbar-expand-xl .navbar-nav{ flex-direction: row;} .navbar-expand-xl .navbar-nav .dropdown-menu{ position: absolute;} .navbar-expand-xl .navbar-nav .dropdown-menu-right{ right: 0; left: auto;} .navbar-expand-xl .navbar-nav .nav-link{ padding-right: 0.5rem; padding-left: 0.5rem;} .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid{ flex-wrap: nowrap;} .navbar-expand-xl .navbar-collapse{ display: flex !important; flex-basis: auto;} .navbar-expand-xl .navbar-toggler{ display: none;} .navbar-expand-xl .dropup .dropdown-menu{ top: auto; bottom: 100%;}} .navbar-expand{ flex-flow: row nowrap; justify-content: flex-start;} .navbar-expand > .container, .navbar-expand > .container-fluid{ padding-right: 0; padding-left: 0;} .navbar-expand .navbar-nav{ flex-direction: row;} .navbar-expand .navbar-nav .dropdown-menu{ position: absolute;} .navbar-expand .navbar-nav .dropdown-menu-right{ right: 0; left: auto;} .navbar-expand .navbar-nav .nav-link{ padding-right: 0.5rem; padding-left: 0.5rem;} .navbar-expand > .container, .navbar-expand > .container-fluid{ flex-wrap: nowrap;} .navbar-expand .navbar-collapse{ display: flex !important; flex-basis: auto;} .navbar-expand .navbar-toggler{ display: none;} .navbar-expand .dropup .dropdown-menu{ top: auto; bottom: 100%;} .navbar-light .navbar-brand{ color: rgba(0, 0, 0, 0.9);} .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus{ color: rgba(0, 0, 0, 0.9);} .navbar-light .navbar-nav .nav-link{ color: rgba(0, 0, 0, 0.5);} .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus{ color: rgba(0, 0, 0, 0.7);} .navbar-light .navbar-nav .nav-link.disabled{ color: rgba(0, 0, 0, 0.3);} .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active{ color: rgba(0, 0, 0, 0.9);} .navbar-light .navbar-toggler{ color: rgba(0, 0, 0, 0.5); border-color: rgba(0, 0, 0, 0.1);} .navbar-light .navbar-toggler-icon{ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");} .navbar-light .navbar-text{ color: rgba(0, 0, 0, 0.5);} .navbar-light .navbar-text a{ color: rgba(0, 0, 0, 0.9);} .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus{ color: rgba(0, 0, 0, 0.9);} .navbar-dark .navbar-brand{ color: #fff;} .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus{ color: #fff;} .navbar-dark .navbar-nav .nav-link{ color: rgba(255, 255, 255, 0.5);} .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus{ color: rgba(255, 255, 255, 0.75);} .navbar-dark .navbar-nav .nav-link.disabled{ color: rgba(255, 255, 255, 0.25);} .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active{ color: #fff;} .navbar-dark .navbar-toggler{ color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.1);} .navbar-dark .navbar-toggler-icon{ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");} .navbar-dark .navbar-text{ color: rgba(255, 255, 255, 0.5);} .navbar-dark .navbar-text a{ color: #fff;} .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus{ color: #fff;} .card{ position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0.25rem;} .card > hr{ margin-right: 0; margin-left: 0;} .card > .list-group:first-child .list-group-item:first-child{ border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem;} .card > .list-group:last-child .list-group-item:last-child{ border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem;} .card-body{ flex: 1 1 auto; padding: 1.25rem;} .card-title{ margin-bottom: 0.75rem;} .card-subtitle{ margin-top: -0.375rem; margin-bottom: 0;} .card-text:last-child{ margin-bottom: 0;} .card-link:hover{ text-decoration: none;} .card-link + .card-link{ margin-left: 1.25rem;} .card-header{ padding: 0.75rem 1.25rem; margin-bottom: 0; background-color: rgba(0, 0, 0, 0.03); border-bottom: 1px solid rgba(0, 0, 0, 0.125);} .card-header:first-child{ border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;} .card-header + .list-group .list-group-item:first-child{ border-top: 0;} .card-footer{ padding: 0.75rem 1.25rem; background-color: rgba(0, 0, 0, 0.03); border-top: 1px solid rgba(0, 0, 0, 0.125);} .card-footer:last-child{ border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);} .card-header-tabs{ margin-right: -0.625rem; margin-bottom: -0.75rem; margin-left: -0.625rem; border-bottom: 0;} .card-header-pills{ margin-right: -0.625rem; margin-left: -0.625rem;} .card-img-overlay{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem;} .card-img{ width: 100%; border-radius: calc(0.25rem - 1px);} .card-img-top{ width: 100%; border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px);} .card-img-bottom{ width: 100%; border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px);} .card-deck{ display: flex; flex-direction: column;} .card-deck .card{ margin-bottom: 15px;} @media (min-width: 576px){ .card-deck{ flex-flow: row wrap; margin-right: -15px; margin-left: -15px;} .card-deck .card{ display: flex; flex: 1 0 0%; flex-direction: column; margin-right: 15px; margin-bottom: 0; margin-left: 15px;}} .card-group{ display: flex; flex-direction: column;} .card-group > .card{ margin-bottom: 15px;} @media (min-width: 576px){ .card-group{ flex-flow: row wrap;} .card-group > .card{ flex: 1 0 0%; margin-bottom: 0;} .card-group > .card + .card{ margin-left: 0; border-left: 0;} .card-group > .card:first-child{ border-top-right-radius: 0; border-bottom-right-radius: 0;} .card-group > .card:first-child .card-img-top, .card-group > .card:first-child .card-header{ border-top-right-radius: 0;} .card-group > .card:first-child .card-img-bottom, .card-group > .card:first-child .card-footer{ border-bottom-right-radius: 0;} .card-group > .card:last-child{ border-top-left-radius: 0; border-bottom-left-radius: 0;} .card-group > .card:last-child .card-img-top, .card-group > .card:last-child .card-header{ border-top-left-radius: 0;} .card-group > .card:last-child .card-img-bottom, .card-group > .card:last-child .card-footer{ border-bottom-left-radius: 0;} .card-group > .card:only-child{ border-radius: 0.25rem;} .card-group > .card:only-child .card-img-top, .card-group > .card:only-child .card-header{ border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem;} .card-group > .card:only-child .card-img-bottom, .card-group > .card:only-child .card-footer{ border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem;} .card-group > .card:not(:first-child):not(:last-child):not(:only-child){ border-radius: 0;} .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer{ border-radius: 0;}} .card-columns .card{ margin-bottom: 0.75rem;} @media (min-width: 576px){ .card-columns{ column-count: 3; column-gap: 1.25rem;} .card-columns .card{ display: inline-block; width: 100%;}} .breadcrumb{ display: flex; flex-wrap: wrap; padding: 0.75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: #e9ecef; border-radius: 0.25rem;} .breadcrumb-item + .breadcrumb-item::before{ display: inline-block; padding-right: 0.5rem; padding-left: 0.5rem; color: #6c757d; content: "/";} .breadcrumb-item + .breadcrumb-item:hover::before{ text-decoration: underline;} .breadcrumb-item + .breadcrumb-item:hover::before{ text-decoration: none;} .breadcrumb-item.active{ color: #6c757d;} .pagination{ display: flex; padding-left: 0; list-style: none; border-radius: 0.25rem;} .page-link{ position: relative; display: block; padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.25; color: #007bff; background-color: #fff; border: 1px solid #dee2e6;} .page-link:hover{ color: #0056b3; text-decoration: none; background-color: #e9ecef; border-color: #dee2e6;} .page-link:focus{ z-index: 2; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);} .page-link:not(:disabled):not(.disabled){ cursor: pointer;} .page-item:first-child .page-link{ margin-left: 0; border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem;} .page-item:last-child .page-link{ border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem;} .page-item.active .page-link{ z-index: 1; color: #fff; background-color: #007bff; border-color: #007bff;} .page-item.disabled .page-link{ color: #6c757d; pointer-events: none; cursor: auto; background-color: #fff; border-color: #dee2e6;} .pagination-lg .page-link{ padding: 0.75rem 1.5rem; font-size: 1.25rem; line-height: 1.5;} .pagination-lg .page-item:first-child .page-link{ border-top-left-radius: 0.3rem; border-bottom-left-radius: 0.3rem;} .pagination-lg .page-item:last-child .page-link{ border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem;} .pagination-sm .page-link{ padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5;} .pagination-sm .page-item:first-child .page-link{ border-top-left-radius: 0.2rem; border-bottom-left-radius: 0.2rem;} .pagination-sm .page-item:last-child .page-link{ border-top-right-radius: 0.2rem; border-bottom-right-radius: 0.2rem;} .list-group{ display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0;} .list-group-item-action{ width: 100%; color: #495057; text-align: inherit;} .list-group-item-action:hover, .list-group-item-action:focus{ color: #495057; text-decoration: none; background-color: #f8f9fa;} .list-group-item-action:active{ color: #212529; background-color: #e9ecef;} .list-group-item{ position: relative; display: block; padding: 0.75rem 1.25rem; margin-bottom: -1px; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125);} .list-group-item:first-child{ border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem;} .list-group-item:last-child{ margin-bottom: 0; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem;} .list-group-item:hover, .list-group-item:focus{ z-index: 1; text-decoration: none;} .list-group-item.disabled, .list-group-item:disabled{ color: #6c757d; background-color: #fff;} .list-group-item.active{ z-index: 2; color: #fff; background-color: #007bff; border-color: #007bff;} .list-group-flush .list-group-item{ border-right: 0; border-left: 0; border-radius: 0;} .list-group-flush:first-child .list-group-item:first-child{ border-top: 0;} .list-group-flush:last-child .list-group-item:last-child{ border-bottom: 0;} .list-group-item-primary{ color: #004085; background-color: #b8daff;} .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus{ color: #004085; background-color: #9fcdff;} .list-group-item-primary.list-group-item-action.active{ color: #fff; background-color: #004085; border-color: #004085;} .list-group-item-secondary{ color: #383d41; background-color: #d6d8db;} .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus{ color: #383d41; background-color: #c8cbcf;} .list-group-item-secondary.list-group-item-action.active{ color: #fff; background-color: #383d41; border-color: #383d41;} .list-group-item-success{ color: #155724; background-color: #c3e6cb;} .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus{ color: #155724; background-color: #b1dfbb;} .list-group-item-success.list-group-item-action.active{ color: #fff; background-color: #155724; border-color: #155724;} .list-group-item-info{ color: #0c5460; background-color: #bee5eb;} .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus{ color: #0c5460; background-color: #abdde5;} .list-group-item-info.list-group-item-action.active{ color: #fff; background-color: #0c5460; border-color: #0c5460;} .list-group-item-warning{ color: #856404; background-color: #ffeeba;} .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus{ color: #856404; background-color: #ffe8a1;} .list-group-item-warning.list-group-item-action.active{ color: #fff; background-color: #856404; border-color: #856404;} .list-group-item-danger{ color: #721c24; background-color: #f5c6cb;} .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus{ color: #721c24; background-color: #f1b0b7;} .list-group-item-danger.list-group-item-action.active{ color: #fff; background-color: #721c24; border-color: #721c24;} .list-group-item-light{ color: #818182; background-color: #fdfdfe;} .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus{ color: #818182; background-color: #ececf6;} .list-group-item-light.list-group-item-action.active{ color: #fff; background-color: #818182; border-color: #818182;} .list-group-item-dark{ color: #1b1e21; background-color: #c6c8ca;} .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus{ color: #1b1e21; background-color: #b9bbbe;} .list-group-item-dark.list-group-item-action.active{ color: #fff; background-color: #1b1e21; border-color: #1b1e21;} .close{ float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .5;} .close:hover, .close:focus{ color: #000; text-decoration: none; opacity: .75;} .close:not(:disabled):not(.disabled){ cursor: pointer;} button.close{ padding: 0; background-color: transparent; border: 0; -webkit-appearance: none;} .carousel{ position: relative;} .carousel-inner{ position: relative; width: 100%; overflow: hidden;} .carousel-item{ position: relative; display: none; align-items: center; width: 100%; transition: transform 0.6s ease; backface-visibility: hidden; perspective: 1000px;} .carousel-item.active, .carousel-item-next, .carousel-item-prev{ display: block;} .carousel-item-next, .carousel-item-prev{ position: absolute; top: 0;} .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right{ transform: translateX(0);} @supports (transform-style: preserve-3d){ .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right{ transform: translate3d(0, 0, 0);}} .carousel-item-next, .active.carousel-item-right{ transform: translateX(100%);} @supports (transform-style: preserve-3d){ .carousel-item-next, .active.carousel-item-right{ transform: translate3d(100%, 0, 0);}} .carousel-item-prev, .active.carousel-item-left{ transform: translateX(-100%);} @supports (transform-style: preserve-3d){ .carousel-item-prev, .active.carousel-item-left{ transform: translate3d(-100%, 0, 0);}} .carousel-control-prev, .carousel-control-next{ position: absolute; top: 0; bottom: 0; display: flex; align-items: center; justify-content: center; width: 15%; color: #fff; text-align: center; opacity: 0.5;} .carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus{ color: #fff; text-decoration: none; outline: 0; opacity: .9;} .carousel-control-prev{ left: 0;} .carousel-control-next{ right: 0;} .carousel-control-prev-icon, .carousel-control-next-icon{ display: inline-block; width: 20px; height: 20px; background: transparent no-repeat center center; background-size: 100% 100%;} .carousel-control-prev-icon{ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");} .carousel-control-next-icon{ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");} .carousel-indicators{ position: absolute; right: 0; bottom: 10px; left: 0; z-index: 15; display: flex; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none;} .carousel-indicators li{ position: relative; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; background-color: rgba(255, 255, 255, 0.5);} .carousel-indicators li::before{ position: absolute; top: -10px; left: 0; display: inline-block; width: 100%; height: 10px; content: "";} .carousel-indicators li::after{ position: absolute; bottom: -10px; left: 0; display: inline-block; width: 100%; height: 10px; content: "";} .carousel-indicators .active{ background-color: #fff;} .carousel-caption{ position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center;} .align-baseline{ vertical-align: baseline !important;} .align-top{ vertical-align: top !important;} .align-middle{ vertical-align: middle !important;} .align-bottom{ vertical-align: bottom !important;} .align-text-bottom{ vertical-align: text-bottom !important;} .align-text-top{ vertical-align: text-top !important;} .clearfix::after{ display: block; clear: both; content: "";} .d-none{ display: none !important;} .d-inline{ display: inline !important;} .d-inline-block{ display: inline-block !important;} .d-block{ display: block !important;} .d-table{ display: table !important;} .d-table-row{ display: table-row !important;} .d-table-cell{ display: table-cell !important;} .d-flex{ display: flex !important;} .d-inline-flex{ display: inline-flex !important;} @media (min-width: 576px){ .d-sm-none{ display: none !important;} .d-sm-inline{ display: inline !important;} .d-sm-inline-block{ display: inline-block !important;} .d-sm-block{ display: block !important;} .d-sm-table{ display: table !important;} .d-sm-table-row{ display: table-row !important;} .d-sm-table-cell{ display: table-cell !important;} .d-sm-flex{ display: flex !important;} .d-sm-inline-flex{ display: inline-flex !important;}} @media (min-width: 768px){ .d-md-none{ display: none !important;} .d-md-inline{ display: inline !important;} .d-md-inline-block{ display: inline-block !important;} .d-md-block{ display: block !important;} .d-md-table{ display: table !important;} .d-md-table-row{ display: table-row !important;} .d-md-table-cell{ display: table-cell !important;} .d-md-flex{ display: flex !important;} .d-md-inline-flex{ display: inline-flex !important;}} @media (min-width: 992px){ .d-lg-none{ display: none !important;} .d-lg-inline{ display: inline !important;} .d-lg-inline-block{ display: inline-block !important;} .d-lg-block{ display: block !important;} .d-lg-table{ display: table !important;} .d-lg-table-row{ display: table-row !important;} .d-lg-table-cell{ display: table-cell !important;} .d-lg-flex{ display: flex !important;} .d-lg-inline-flex{ display: inline-flex !important;}} @media (min-width: 1200px){ .d-xl-none{ display: none !important;} .d-xl-inline{ display: inline !important;} .d-xl-inline-block{ display: inline-block !important;} .d-xl-block{ display: block !important;} .d-xl-table{ display: table !important;} .d-xl-table-row{ display: table-row !important;} .d-xl-table-cell{ display: table-cell !important;} .d-xl-flex{ display: flex !important;} .d-xl-inline-flex{ display: inline-flex !important;}} @media print{ .d-print-none{ display: none !important;} .d-print-inline{ display: inline !important;} .d-print-inline-block{ display: inline-block !important;} .d-print-block{ display: block !important;} .d-print-table{ display: table !important;} .d-print-table-row{ display: table-row !important;} .d-print-table-cell{ display: table-cell !important;} .d-print-flex{ display: flex !important;} .d-print-inline-flex{ display: inline-flex !important;}} .flex-row{ flex-direction: row !important;} .flex-column{ flex-direction: column !important;} .flex-row-reverse{ flex-direction: row-reverse !important;} .flex-column-reverse{ flex-direction: column-reverse !important;} .flex-wrap{ flex-wrap: wrap !important;} .flex-nowrap{ flex-wrap: nowrap !important;} .flex-wrap-reverse{ flex-wrap: wrap-reverse !important;} .justify-content-start{ justify-content: flex-start !important;} .justify-content-end{ justify-content: flex-end !important;} .justify-content-center{ justify-content: center !important;} .justify-content-between{ justify-content: space-between !important;} .justify-content-around{ justify-content: space-around !important;} .align-items-start{ align-items: flex-start !important;} .align-items-end{ align-items: flex-end !important;} .align-items-center{ align-items: center !important;} .align-items-baseline{ align-items: baseline !important;} .align-items-stretch{ align-items: stretch !important;} .align-content-start{ align-content: flex-start !important;} .align-content-end{ align-content: flex-end !important;} .align-content-center{ align-content: center !important;} .align-content-between{ align-content: space-between !important;} .align-content-around{ align-content: space-around !important;} .align-content-stretch{ align-content: stretch !important;} .align-self-auto{ align-self: auto !important;} .align-self-start{ align-self: flex-start !important;} .align-self-end{ align-self: flex-end !important;} .align-self-center{ align-self: center !important;} .align-self-baseline{ align-self: baseline !important;} .align-self-stretch{ align-self: stretch !important;} @media (min-width: 576px){ .flex-sm-row{ flex-direction: row !important;} .flex-sm-column{ flex-direction: column !important;} .flex-sm-row-reverse{ flex-direction: row-reverse !important;} .flex-sm-column-reverse{ flex-direction: column-reverse !important;} .flex-sm-wrap{ flex-wrap: wrap !important;} .flex-sm-nowrap{ flex-wrap: nowrap !important;} .flex-sm-wrap-reverse{ flex-wrap: wrap-reverse !important;} .justify-content-sm-start{ justify-content: flex-start !important;} .justify-content-sm-end{ justify-content: flex-end !important;} .justify-content-sm-center{ justify-content: center !important;} .justify-content-sm-between{ justify-content: space-between !important;} .justify-content-sm-around{ justify-content: space-around !important;} .align-items-sm-start{ align-items: flex-start !important;} .align-items-sm-end{ align-items: flex-end !important;} .align-items-sm-center{ align-items: center !important;} .align-items-sm-baseline{ align-items: baseline !important;} .align-items-sm-stretch{ align-items: stretch !important;} .align-content-sm-start{ align-content: flex-start !important;} .align-content-sm-end{ align-content: flex-end !important;} .align-content-sm-center{ align-content: center !important;} .align-content-sm-between{ align-content: space-between !important;} .align-content-sm-around{ align-content: space-around !important;} .align-content-sm-stretch{ align-content: stretch !important;} .align-self-sm-auto{ align-self: auto !important;} .align-self-sm-start{ align-self: flex-start !important;} .align-self-sm-end{ align-self: flex-end !important;} .align-self-sm-center{ align-self: center !important;} .align-self-sm-baseline{ align-self: baseline !important;} .align-self-sm-stretch{ align-self: stretch !important;}} @media (min-width: 768px){ .flex-md-row{ flex-direction: row !important;} .flex-md-column{ flex-direction: column !important;} .flex-md-row-reverse{ flex-direction: row-reverse !important;} .flex-md-column-reverse{ flex-direction: column-reverse !important;} .flex-md-wrap{ flex-wrap: wrap !important;} .flex-md-nowrap{ flex-wrap: nowrap !important;} .flex-md-wrap-reverse{ flex-wrap: wrap-reverse !important;} .justify-content-md-start{ justify-content: flex-start !important;} .justify-content-md-end{ justify-content: flex-end !important;} .justify-content-md-center{ justify-content: center !important;} .justify-content-md-between{ justify-content: space-between !important;} .justify-content-md-around{ justify-content: space-around !important;} .align-items-md-start{ align-items: flex-start !important;} .align-items-md-end{ align-items: flex-end !important;} .align-items-md-center{ align-items: center !important;} .align-items-md-baseline{ align-items: baseline !important;} .align-items-md-stretch{ align-items: stretch !important;} .align-content-md-start{ align-content: flex-start !important;} .align-content-md-end{ align-content: flex-end !important;} .align-content-md-center{ align-content: center !important;} .align-content-md-between{ align-content: space-between !important;} .align-content-md-around{ align-content: space-around !important;} .align-content-md-stretch{ align-content: stretch !important;} .align-self-md-auto{ align-self: auto !important;} .align-self-md-start{ align-self: flex-start !important;} .align-self-md-end{ align-self: flex-end !important;} .align-self-md-center{ align-self: center !important;} .align-self-md-baseline{ align-self: baseline !important;} .align-self-md-stretch{ align-self: stretch !important;}} @media (min-width: 992px){ .flex-lg-row{ flex-direction: row !important;} .flex-lg-column{ flex-direction: column !important;} .flex-lg-row-reverse{ flex-direction: row-reverse !important;} .flex-lg-column-reverse{ flex-direction: column-reverse !important;} .flex-lg-wrap{ flex-wrap: wrap !important;} .flex-lg-nowrap{ flex-wrap: nowrap !important;} .flex-lg-wrap-reverse{ flex-wrap: wrap-reverse !important;} .justify-content-lg-start{ justify-content: flex-start !important;} .justify-content-lg-end{ justify-content: flex-end !important;} .justify-content-lg-center{ justify-content: center !important;} .justify-content-lg-between{ justify-content: space-between !important;} .justify-content-lg-around{ justify-content: space-around !important;} .align-items-lg-start{ align-items: flex-start !important;} .align-items-lg-end{ align-items: flex-end !important;} .align-items-lg-center{ align-items: center !important;} .align-items-lg-baseline{ align-items: baseline !important;} .align-items-lg-stretch{ align-items: stretch !important;} .align-content-lg-start{ align-content: flex-start !important;} .align-content-lg-end{ align-content: flex-end !important;} .align-content-lg-center{ align-content: center !important;} .align-content-lg-between{ align-content: space-between !important;} .align-content-lg-around{ align-content: space-around !important;} .align-content-lg-stretch{ align-content: stretch !important;} .align-self-lg-auto{ align-self: auto !important;} .align-self-lg-start{ align-self: flex-start !important;} .align-self-lg-end{ align-self: flex-end !important;} .align-self-lg-center{ align-self: center !important;} .align-self-lg-baseline{ align-self: baseline !important;} .align-self-lg-stretch{ align-self: stretch !important;}} @media (min-width: 1200px){ .flex-xl-row{ flex-direction: row !important;} .flex-xl-column{ flex-direction: column !important;} .flex-xl-row-reverse{ flex-direction: row-reverse !important;} .flex-xl-column-reverse{ flex-direction: column-reverse !important;} .flex-xl-wrap{ flex-wrap: wrap !important;} .flex-xl-nowrap{ flex-wrap: nowrap !important;} .flex-xl-wrap-reverse{ flex-wrap: wrap-reverse !important;} .justify-content-xl-start{ justify-content: flex-start !important;} .justify-content-xl-end{ justify-content: flex-end !important;} .justify-content-xl-center{ justify-content: center !important;} .justify-content-xl-between{ justify-content: space-between !important;} .justify-content-xl-around{ justify-content: space-around !important;} .align-items-xl-start{ align-items: flex-start !important;} .align-items-xl-end{ align-items: flex-end !important;} .align-items-xl-center{ align-items: center !important;} .align-items-xl-baseline{ align-items: baseline !important;} .align-items-xl-stretch{ align-items: stretch !important;} .align-content-xl-start{ align-content: flex-start !important;} .align-content-xl-end{ align-content: flex-end !important;} .align-content-xl-center{ align-content: center !important;} .align-content-xl-between{ align-content: space-between !important;} .align-content-xl-around{ align-content: space-around !important;} .align-content-xl-stretch{ align-content: stretch !important;} .align-self-xl-auto{ align-self: auto !important;} .align-self-xl-start{ align-self: flex-start !important;} .align-self-xl-end{ align-self: flex-end !important;} .align-self-xl-center{ align-self: center !important;} .align-self-xl-baseline{ align-self: baseline !important;} .align-self-xl-stretch{ align-self: stretch !important;}} .w-25{ width: 25% !important;} .w-50{ width: 50% !important;} .w-75{ width: 75% !important;} .w-100{ width: 100% !important;} .h-25{ height: 25% !important;} .h-50{ height: 50% !important;} .h-75{ height: 75% !important;} .h-100{ height: 100% !important;} .mw-100{ max-width: 100% !important;} .mh-100{ max-height: 100% !important;} .m-0{ margin: 0 !important;} .mt-0, .my-0{ margin-top: 0 !important;} .mr-0, .mx-0{ margin-right: 0 !important;} .mb-0, .my-0{ margin-bottom: 0 !important;} .ml-0, .mx-0{ margin-left: 0 !important;} .m-1{ margin: 0.25rem !important;} .mt-1, .my-1{ margin-top: 0.25rem !important;} .mr-1, .mx-1{ margin-right: 0.25rem !important;} .mb-1, .my-1{ margin-bottom: 0.25rem !important;} .ml-1, .mx-1{ margin-left: 0.25rem !important;} .m-2{ margin: 0.5rem !important;} .mt-2, .my-2{ margin-top: 0.5rem !important;} .mr-2, .mx-2{ margin-right: 0.5rem !important;} .mb-2, .my-2{ margin-bottom: 0.5rem !important;} .ml-2, .mx-2{ margin-left: 0.5rem !important;} .m-3{ margin: 1rem !important;} .mt-3, .my-3{ margin-top: 1rem !important;} .mr-3, .mx-3{ margin-right: 1rem !important;} .mb-3, .my-3{ margin-bottom: 1rem !important;} .ml-3, .mx-3{ margin-left: 1rem !important;} .m-4{ margin: 1.5rem !important;} .mt-4, .my-4{ margin-top: 1.5rem !important;} .mr-4, .mx-4{ margin-right: 1.5rem !important;} .mb-4, .my-4{ margin-bottom: 1.5rem !important;} .ml-4, .mx-4{ margin-left: 1.5rem !important;} .m-5{ margin: 3rem !important;} .mt-5, .my-5{ margin-top: 3rem !important;} .mr-5, .mx-5{ margin-right: 3rem !important;} .mb-5, .my-5{ margin-bottom: 3rem !important;} .ml-5, .mx-5{ margin-left: 3rem !important;} .p-0{ padding: 0 !important;} .pt-0, .py-0{ padding-top: 0 !important;} .pr-0, .px-0{ padding-right: 0 !important;} .pb-0, .py-0{ padding-bottom: 0 !important;} .pl-0, .px-0{ padding-left: 0 !important;} .p-1{ padding: 0.25rem !important;} .pt-1, .py-1{ padding-top: 0.25rem !important;} .pr-1, .px-1{ padding-right: 0.25rem !important;} .pb-1, .py-1{ padding-bottom: 0.25rem !important;} .pl-1, .px-1{ padding-left: 0.25rem !important;} .p-2{ padding: 0.5rem !important;} .pt-2, .py-2{ padding-top: 0.5rem !important;} .pr-2, .px-2{ padding-right: 0.5rem !important;} .pb-2, .py-2{ padding-bottom: 0.5rem !important;} .pl-2, .px-2{ padding-left: 0.5rem !important;} .p-3{ padding: 1rem !important;} .pt-3, .py-3{ padding-top: 1rem !important;} .pr-3, .px-3{ padding-right: 1rem !important;} .pb-3, .py-3{ padding-bottom: 1rem !important;} .pl-3, .px-3{ padding-left: 1rem !important;} .p-4{ padding: 1.5rem !important;} .pt-4, .py-4{ padding-top: 1.5rem !important;} .pr-4, .px-4{ padding-right: 1.5rem !important;} .pb-4, .py-4{ padding-bottom: 1.5rem !important;} .pl-4, .px-4{ padding-left: 1.5rem !important;} .p-5{ padding: 3rem !important;} .pt-5, .py-5{ padding-top: 3rem !important;} .pr-5, .px-5{ padding-right: 3rem !important;} .pb-5, .py-5{ padding-bottom: 3rem !important;} .pl-5, .px-5{ padding-left: 3rem !important;} .m-auto{ margin: auto !important;} .mt-auto, .my-auto{ margin-top: auto !important;} .mr-auto, .mx-auto{ margin-right: auto !important;} .mb-auto, .my-auto{ margin-bottom: auto !important;} .ml-auto, .mx-auto{ margin-left: auto !important;} @media (min-width: 576px){ .m-sm-0{ margin: 0 !important;} .mt-sm-0, .my-sm-0{ margin-top: 0 !important;} .mr-sm-0, .mx-sm-0{ margin-right: 0 !important;} .mb-sm-0, .my-sm-0{ margin-bottom: 0 !important;} .ml-sm-0, .mx-sm-0{ margin-left: 0 !important;} .m-sm-1{ margin: 0.25rem !important;} .mt-sm-1, .my-sm-1{ margin-top: 0.25rem !important;} .mr-sm-1, .mx-sm-1{ margin-right: 0.25rem !important;} .mb-sm-1, .my-sm-1{ margin-bottom: 0.25rem !important;} .ml-sm-1, .mx-sm-1{ margin-left: 0.25rem !important;} .m-sm-2{ margin: 0.5rem !important;} .mt-sm-2, .my-sm-2{ margin-top: 0.5rem !important;} .mr-sm-2, .mx-sm-2{ margin-right: 0.5rem !important;} .mb-sm-2, .my-sm-2{ margin-bottom: 0.5rem !important;} .ml-sm-2, .mx-sm-2{ margin-left: 0.5rem !important;} .m-sm-3{ margin: 1rem !important;} .mt-sm-3, .my-sm-3{ margin-top: 1rem !important;} .mr-sm-3, .mx-sm-3{ margin-right: 1rem !important;} .mb-sm-3, .my-sm-3{ margin-bottom: 1rem !important;} .ml-sm-3, .mx-sm-3{ margin-left: 1rem !important;} .m-sm-4{ margin: 1.5rem !important;} .mt-sm-4, .my-sm-4{ margin-top: 1.5rem !important;} .mr-sm-4, .mx-sm-4{ margin-right: 1.5rem !important;} .mb-sm-4, .my-sm-4{ margin-bottom: 1.5rem !important;} .ml-sm-4, .mx-sm-4{ margin-left: 1.5rem !important;} .m-sm-5{ margin: 3rem !important;} .mt-sm-5, .my-sm-5{ margin-top: 3rem !important;} .mr-sm-5, .mx-sm-5{ margin-right: 3rem !important;} .mb-sm-5, .my-sm-5{ margin-bottom: 3rem !important;} .ml-sm-5, .mx-sm-5{ margin-left: 3rem !important;} .p-sm-0{ padding: 0 !important;} .pt-sm-0, .py-sm-0{ padding-top: 0 !important;} .pr-sm-0, .px-sm-0{ padding-right: 0 !important;} .pb-sm-0, .py-sm-0{ padding-bottom: 0 !important;} .pl-sm-0, .px-sm-0{ padding-left: 0 !important;} .p-sm-1{ padding: 0.25rem !important;} .pt-sm-1, .py-sm-1{ padding-top: 0.25rem !important;} .pr-sm-1, .px-sm-1{ padding-right: 0.25rem !important;} .pb-sm-1, .py-sm-1{ padding-bottom: 0.25rem !important;} .pl-sm-1, .px-sm-1{ padding-left: 0.25rem !important;} .p-sm-2{ padding: 0.5rem !important;} .pt-sm-2, .py-sm-2{ padding-top: 0.5rem !important;} .pr-sm-2, .px-sm-2{ padding-right: 0.5rem !important;} .pb-sm-2, .py-sm-2{ padding-bottom: 0.5rem !important;} .pl-sm-2, .px-sm-2{ padding-left: 0.5rem !important;} .p-sm-3{ padding: 1rem !important;} .pt-sm-3, .py-sm-3{ padding-top: 1rem !important;} .pr-sm-3, .px-sm-3{ padding-right: 1rem !important;} .pb-sm-3, .py-sm-3{ padding-bottom: 1rem !important;} .pl-sm-3, .px-sm-3{ padding-left: 1rem !important;} .p-sm-4{ padding: 1.5rem !important;} .pt-sm-4, .py-sm-4{ padding-top: 1.5rem !important;} .pr-sm-4, .px-sm-4{ padding-right: 1.5rem !important;} .pb-sm-4, .py-sm-4{ padding-bottom: 1.5rem !important;} .pl-sm-4, .px-sm-4{ padding-left: 1.5rem !important;} .p-sm-5{ padding: 3rem !important;} .pt-sm-5, .py-sm-5{ padding-top: 3rem !important;} .pr-sm-5, .px-sm-5{ padding-right: 3rem !important;} .pb-sm-5, .py-sm-5{ padding-bottom: 3rem !important;} .pl-sm-5, .px-sm-5{ padding-left: 3rem !important;} .m-sm-auto{ margin: auto !important;} .mt-sm-auto, .my-sm-auto{ margin-top: auto !important;} .mr-sm-auto, .mx-sm-auto{ margin-right: auto !important;} .mb-sm-auto, .my-sm-auto{ margin-bottom: auto !important;} .ml-sm-auto, .mx-sm-auto{ margin-left: auto !important;}} @media (min-width: 768px){ .m-md-0{ margin: 0 !important;} .mt-md-0, .my-md-0{ margin-top: 0 !important;} .mr-md-0, .mx-md-0{ margin-right: 0 !important;} .mb-md-0, .my-md-0{ margin-bottom: 0 !important;} .ml-md-0, .mx-md-0{ margin-left: 0 !important;} .m-md-1{ margin: 0.25rem !important;} .mt-md-1, .my-md-1{ margin-top: 0.25rem !important;} .mr-md-1, .mx-md-1{ margin-right: 0.25rem !important;} .mb-md-1, .my-md-1{ margin-bottom: 0.25rem !important;} .ml-md-1, .mx-md-1{ margin-left: 0.25rem !important;} .m-md-2{ margin: 0.5rem !important;} .mt-md-2, .my-md-2{ margin-top: 0.5rem !important;} .mr-md-2, .mx-md-2{ margin-right: 0.5rem !important;} .mb-md-2, .my-md-2{ margin-bottom: 0.5rem !important;} .ml-md-2, .mx-md-2{ margin-left: 0.5rem !important;} .m-md-3{ margin: 1rem !important;} .mt-md-3, .my-md-3{ margin-top: 1rem !important;} .mr-md-3, .mx-md-3{ margin-right: 1rem !important;} .mb-md-3, .my-md-3{ margin-bottom: 1rem !important;} .ml-md-3, .mx-md-3{ margin-left: 1rem !important;} .m-md-4{ margin: 1.5rem !important;} .mt-md-4, .my-md-4{ margin-top: 1.5rem !important;} .mr-md-4, .mx-md-4{ margin-right: 1.5rem !important;} .mb-md-4, .my-md-4{ margin-bottom: 1.5rem !important;} .ml-md-4, .mx-md-4{ margin-left: 1.5rem !important;} .m-md-5{ margin: 3rem !important;} .mt-md-5, .my-md-5{ margin-top: 3rem !important;} .mr-md-5, .mx-md-5{ margin-right: 3rem !important;} .mb-md-5, .my-md-5{ margin-bottom: 3rem !important;} .ml-md-5, .mx-md-5{ margin-left: 3rem !important;} .p-md-0{ padding: 0 !important;} .pt-md-0, .py-md-0{ padding-top: 0 !important;} .pr-md-0, .px-md-0{ padding-right: 0 !important;} .pb-md-0, .py-md-0{ padding-bottom: 0 !important;} .pl-md-0, .px-md-0{ padding-left: 0 !important;} .p-md-1{ padding: 0.25rem !important;} .pt-md-1, .py-md-1{ padding-top: 0.25rem !important;} .pr-md-1, .px-md-1{ padding-right: 0.25rem !important;} .pb-md-1, .py-md-1{ padding-bottom: 0.25rem !important;} .pl-md-1, .px-md-1{ padding-left: 0.25rem !important;} .p-md-2{ padding: 0.5rem !important;} .pt-md-2, .py-md-2{ padding-top: 0.5rem !important;} .pr-md-2, .px-md-2{ padding-right: 0.5rem !important;} .pb-md-2, .py-md-2{ padding-bottom: 0.5rem !important;} .pl-md-2, .px-md-2{ padding-left: 0.5rem !important;} .p-md-3{ padding: 1rem !important;} .pt-md-3, .py-md-3{ padding-top: 1rem !important;} .pr-md-3, .px-md-3{ padding-right: 1rem !important;} .pb-md-3, .py-md-3{ padding-bottom: 1rem !important;} .pl-md-3, .px-md-3{ padding-left: 1rem !important;} .p-md-4{ padding: 1.5rem !important;} .pt-md-4, .py-md-4{ padding-top: 1.5rem !important;} .pr-md-4, .px-md-4{ padding-right: 1.5rem !important;} .pb-md-4, .py-md-4{ padding-bottom: 1.5rem !important;} .pl-md-4, .px-md-4{ padding-left: 1.5rem !important;} .p-md-5{ padding: 3rem !important;} .pt-md-5, .py-md-5{ padding-top: 3rem !important;} .pr-md-5, .px-md-5{ padding-right: 3rem !important;} .pb-md-5, .py-md-5{ padding-bottom: 3rem !important;} .pl-md-5, .px-md-5{ padding-left: 3rem !important;} .m-md-auto{ margin: auto !important;} .mt-md-auto, .my-md-auto{ margin-top: auto !important;} .mr-md-auto, .mx-md-auto{ margin-right: auto !important;} .mb-md-auto, .my-md-auto{ margin-bottom: auto !important;} .ml-md-auto, .mx-md-auto{ margin-left: auto !important;}} @media (min-width: 992px){ .m-lg-0{ margin: 0 !important;} .mt-lg-0, .my-lg-0{ margin-top: 0 !important;} .mr-lg-0, .mx-lg-0{ margin-right: 0 !important;} .mb-lg-0, .my-lg-0{ margin-bottom: 0 !important;} .ml-lg-0, .mx-lg-0{ margin-left: 0 !important;} .m-lg-1{ margin: 0.25rem !important;} .mt-lg-1, .my-lg-1{ margin-top: 0.25rem !important;} .mr-lg-1, .mx-lg-1{ margin-right: 0.25rem !important;} .mb-lg-1, .my-lg-1{ margin-bottom: 0.25rem !important;} .ml-lg-1, .mx-lg-1{ margin-left: 0.25rem !important;} .m-lg-2{ margin: 0.5rem !important;} .mt-lg-2, .my-lg-2{ margin-top: 0.5rem !important;} .mr-lg-2, .mx-lg-2{ margin-right: 0.5rem !important;} .mb-lg-2, .my-lg-2{ margin-bottom: 0.5rem !important;} .ml-lg-2, .mx-lg-2{ margin-left: 0.5rem !important;} .m-lg-3{ margin: 1rem !important;} .mt-lg-3, .my-lg-3{ margin-top: 1rem !important;} .mr-lg-3, .mx-lg-3{ margin-right: 1rem !important;} .mb-lg-3, .my-lg-3{ margin-bottom: 1rem !important;} .ml-lg-3, .mx-lg-3{ margin-left: 1rem !important;} .m-lg-4{ margin: 1.5rem !important;} .mt-lg-4, .my-lg-4{ margin-top: 1.5rem !important;} .mr-lg-4, .mx-lg-4{ margin-right: 1.5rem !important;} .mb-lg-4, .my-lg-4{ margin-bottom: 1.5rem !important;} .ml-lg-4, .mx-lg-4{ margin-left: 1.5rem !important;} .m-lg-5{ margin: 3rem !important;} .mt-lg-5, .my-lg-5{ margin-top: 3rem !important;} .mr-lg-5, .mx-lg-5{ margin-right: 3rem !important;} .mb-lg-5, .my-lg-5{ margin-bottom: 3rem !important;} .ml-lg-5, .mx-lg-5{ margin-left: 3rem !important;} .p-lg-0{ padding: 0 !important;} .pt-lg-0, .py-lg-0{ padding-top: 0 !important;} .pr-lg-0, .px-lg-0{ padding-right: 0 !important;} .pb-lg-0, .py-lg-0{ padding-bottom: 0 !important;} .pl-lg-0, .px-lg-0{ padding-left: 0 !important;} .p-lg-1{ padding: 0.25rem !important;} .pt-lg-1, .py-lg-1{ padding-top: 0.25rem !important;} .pr-lg-1, .px-lg-1{ padding-right: 0.25rem !important;} .pb-lg-1, .py-lg-1{ padding-bottom: 0.25rem !important;} .pl-lg-1, .px-lg-1{ padding-left: 0.25rem !important;} .p-lg-2{ padding: 0.5rem !important;} .pt-lg-2, .py-lg-2{ padding-top: 0.5rem !important;} .pr-lg-2, .px-lg-2{ padding-right: 0.5rem !important;} .pb-lg-2, .py-lg-2{ padding-bottom: 0.5rem !important;} .pl-lg-2, .px-lg-2{ padding-left: 0.5rem !important;} .p-lg-3{ padding: 1rem !important;} .pt-lg-3, .py-lg-3{ padding-top: 1rem !important;} .pr-lg-3, .px-lg-3{ padding-right: 1rem !important;} .pb-lg-3, .py-lg-3{ padding-bottom: 1rem !important;} .pl-lg-3, .px-lg-3{ padding-left: 1rem !important;} .p-lg-4{ padding: 1.5rem !important;} .pt-lg-4, .py-lg-4{ padding-top: 1.5rem !important;} .pr-lg-4, .px-lg-4{ padding-right: 1.5rem !important;} .pb-lg-4, .py-lg-4{ padding-bottom: 1.5rem !important;} .pl-lg-4, .px-lg-4{ padding-left: 1.5rem !important;} .p-lg-5{ padding: 3rem !important;} .pt-lg-5, .py-lg-5{ padding-top: 3rem !important;} .pr-lg-5, .px-lg-5{ padding-right: 3rem !important;} .pb-lg-5, .py-lg-5{ padding-bottom: 3rem !important;} .pl-lg-5, .px-lg-5{ padding-left: 3rem !important;} .m-lg-auto{ margin: auto !important;} .mt-lg-auto, .my-lg-auto{ margin-top: auto !important;} .mr-lg-auto, .mx-lg-auto{ margin-right: auto !important;} .mb-lg-auto, .my-lg-auto{ margin-bottom: auto !important;} .ml-lg-auto, .mx-lg-auto{ margin-left: auto !important;}} @media (min-width: 1200px){ .m-xl-0{ margin: 0 !important;} .mt-xl-0, .my-xl-0{ margin-top: 0 !important;} .mr-xl-0, .mx-xl-0{ margin-right: 0 !important;} .mb-xl-0, .my-xl-0{ margin-bottom: 0 !important;} .ml-xl-0, .mx-xl-0{ margin-left: 0 !important;} .m-xl-1{ margin: 0.25rem !important;} .mt-xl-1, .my-xl-1{ margin-top: 0.25rem !important;} .mr-xl-1, .mx-xl-1{ margin-right: 0.25rem !important;} .mb-xl-1, .my-xl-1{ margin-bottom: 0.25rem !important;} .ml-xl-1, .mx-xl-1{ margin-left: 0.25rem !important;} .m-xl-2{ margin: 0.5rem !important;} .mt-xl-2, .my-xl-2{ margin-top: 0.5rem !important;} .mr-xl-2, .mx-xl-2{ margin-right: 0.5rem !important;} .mb-xl-2, .my-xl-2{ margin-bottom: 0.5rem !important;} .ml-xl-2, .mx-xl-2{ margin-left: 0.5rem !important;} .m-xl-3{ margin: 1rem !important;} .mt-xl-3, .my-xl-3{ margin-top: 1rem !important;} .mr-xl-3, .mx-xl-3{ margin-right: 1rem !important;} .mb-xl-3, .my-xl-3{ margin-bottom: 1rem !important;} .ml-xl-3, .mx-xl-3{ margin-left: 1rem !important;} .m-xl-4{ margin: 1.5rem !important;} .mt-xl-4, .my-xl-4{ margin-top: 1.5rem !important;} .mr-xl-4, .mx-xl-4{ margin-right: 1.5rem !important;} .mb-xl-4, .my-xl-4{ margin-bottom: 1.5rem !important;} .ml-xl-4, .mx-xl-4{ margin-left: 1.5rem !important;} .m-xl-5{ margin: 3rem !important;} .mt-xl-5, .my-xl-5{ margin-top: 3rem !important;} .mr-xl-5, .mx-xl-5{ margin-right: 3rem !important;} .mb-xl-5, .my-xl-5{ margin-bottom: 3rem !important;} .ml-xl-5, .mx-xl-5{ margin-left: 3rem !important;} .p-xl-0{ padding: 0 !important;} .pt-xl-0, .py-xl-0{ padding-top: 0 !important;} .pr-xl-0, .px-xl-0{ padding-right: 0 !important;} .pb-xl-0, .py-xl-0{ padding-bottom: 0 !important;} .pl-xl-0, .px-xl-0{ padding-left: 0 !important;} .p-xl-1{ padding: 0.25rem !important;} .pt-xl-1, .py-xl-1{ padding-top: 0.25rem !important;} .pr-xl-1, .px-xl-1{ padding-right: 0.25rem !important;} .pb-xl-1, .py-xl-1{ padding-bottom: 0.25rem !important;} .pl-xl-1, .px-xl-1{ padding-left: 0.25rem !important;} .p-xl-2{ padding: 0.5rem !important;} .pt-xl-2, .py-xl-2{ padding-top: 0.5rem !important;} .pr-xl-2, .px-xl-2{ padding-right: 0.5rem !important;} .pb-xl-2, .py-xl-2{ padding-bottom: 0.5rem !important;} .pl-xl-2, .px-xl-2{ padding-left: 0.5rem !important;} .p-xl-3{ padding: 1rem !important;} .pt-xl-3, .py-xl-3{ padding-top: 1rem !important;} .pr-xl-3, .px-xl-3{ padding-right: 1rem !important;} .pb-xl-3, .py-xl-3{ padding-bottom: 1rem !important;} .pl-xl-3, .px-xl-3{ padding-left: 1rem !important;} .p-xl-4{ padding: 1.5rem !important;} .pt-xl-4, .py-xl-4{ padding-top: 1.5rem !important;} .pr-xl-4, .px-xl-4{ padding-right: 1.5rem !important;} .pb-xl-4, .py-xl-4{ padding-bottom: 1.5rem !important;} .pl-xl-4, .px-xl-4{ padding-left: 1.5rem !important;} .p-xl-5{ padding: 3rem !important;} .pt-xl-5, .py-xl-5{ padding-top: 3rem !important;} .pr-xl-5, .px-xl-5{ padding-right: 3rem !important;} .pb-xl-5, .py-xl-5{ padding-bottom: 3rem !important;} .pl-xl-5, .px-xl-5{ padding-left: 3rem !important;} .m-xl-auto{ margin: auto !important;} .mt-xl-auto, .my-xl-auto{ margin-top: auto !important;} .mr-xl-auto, .mx-xl-auto{ margin-right: auto !important;} .mb-xl-auto, .my-xl-auto{ margin-bottom: auto !important;} .ml-xl-auto, .mx-xl-auto{ margin-left: auto !important;}} .text-justify{ text-align: justify !important;} .text-nowrap{ white-space: nowrap !important;} .text-truncate{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .text-left{ text-align: left !important;} .text-right{ text-align: right !important;} .text-center{ text-align: center !important;} @media (min-width: 576px){ .text-sm-left{ text-align: left !important;} .text-sm-right{ text-align: right !important;} .text-sm-center{ text-align: center !important;}} @media (min-width: 768px){ .text-md-left{ text-align: left !important;} .text-md-right{ text-align: right !important;} .text-md-center{ text-align: center !important;}} @media (min-width: 992px){ .text-lg-left{ text-align: left !important;} .text-lg-right{ text-align: right !important;} .text-lg-center{ text-align: center !important;}} @media (min-width: 1200px){ .text-xl-left{ text-align: left !important;} .text-xl-right{ text-align: right !important;} .text-xl-center{ text-align: center !important;}} .text-lowercase{ text-transform: lowercase !important;} .text-uppercase{ text-transform: uppercase !important;} .text-capitalize{ text-transform: capitalize !important;} .font-weight-light{ font-weight: 300 !important;} .font-weight-normal{ font-weight: 400 !important;} .font-weight-bold{ font-weight: 700 !important;} .font-italic{ font-style: italic !important;} .text-white{ color: #fff !important;} .text-primary{ color: #007bff !important;} a.text-primary:hover, a.text-primary:focus{ color: #0062cc !important;} .text-secondary{ color: #6c757d !important;} a.text-secondary:hover, a.text-secondary:focus{ color: #545b62 !important;} .text-success{ color: #28a745 !important;} a.text-success:hover, a.text-success:focus{ color: #1e7e34 !important;} .text-info{ color: #17a2b8 !important;} a.text-info:hover, a.text-info:focus{ color: #117a8b !important;} .text-warning{ color: #ffc107 !important;} a.text-warning:hover, a.text-warning:focus{ color: #d39e00 !important;} .text-danger{ color: #dc3545 !important;} a.text-danger:hover, a.text-danger:focus{ color: #bd2130 !important;} .text-light{ color: #f8f9fa !important;} a.text-light:hover, a.text-light:focus{ color: #dae0e5 !important;} .text-dark{ color: #343a40 !important;} a.text-dark:hover, a.text-dark:focus{ color: #1d2124 !important;} .text-muted{ color: #6c757d !important;} .text-hide{ font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0;} @media print{ *, *::before, *::after{ text-shadow: none !important; box-shadow: none !important;} a:not(.btn){ text-decoration: underline;} abbr[title]::after{ content: " (" attr(title) ")";} pre{ white-space: pre-wrap !important;} pre, blockquote{ border: 1px solid #999; page-break-inside: avoid;} thead{ display: table-header-group;} tr, img{ page-break-inside: avoid;} p, h2, h3{ orphans: 3; widows: 3;} h2, h3{ page-break-after: avoid;} @page{ size: a3;} body{ min-width: 992px !important;} .container{ min-width: 992px !important;} .navbar{ display: none;} .badge{ border: 1px solid #000;} .table{ border-collapse: collapse !important;} .table td, .table th{ background-color: #fff !important;} .table-bordered th, .table-bordered td{ border: 1px solid #ddd !important;}}  @font-face{ font-family: 'UnitOffc-Bold'; src: url("/static/files/webfonts/364649_0_0.eot"); src: url("/static/files/webfonts/364649_0_0.eot?#iefix") format("embedded-opentype"), url("/static/files/webfonts/364649_0_0.woff2") format("woff2"), url("/static/files/webfonts/364649_0_0.woff") format("woff"), url("/static/files/webfonts/364649_0_0.ttf") format("truetype"); font-display: swap;} @font-face{ font-family: 'Unit-MediumTF'; src: url("/static/files/webfonts/2F3EBF_0_0.eot"); src: url("/static/files/webfonts/2F3EBF_0_0.eot?#iefix") format("embedded-opentype"), url("/static/files/webfonts/2F3EBF_0_0.woff2") format("woff2"), url("/static/files/webfonts/2F3EBF_0_0.woff") format("woff"), url("/static/files/webfonts/2F3EBF_0_0.ttf") format("truetype"); font-display: swap;} @font-face{ font-family: 'Unit-Regular'; src: url("/static/files/webfonts/2F3EBF_1_0.eot"); src: url("/static/files/webfonts/2F3EBF_1_0.eot?#iefix") format("embedded-opentype"), url("/static/files/webfonts/2F3EBF_1_0.woff2") format("woff2"), url("/static/files/webfonts/2F3EBF_1_0.woff") format("woff"), url("/static/files/webfonts/2F3EBF_1_0.ttf") format("truetype"); font-display: swap;} @font-face{ font-family: 'FFUnitWebLightItalic'; src: url("/static/files/webfonts/2F3EBF_2_0.eot"); src: url("/static/files/webfonts/2F3EBF_2_0.eot?#iefix") format("embedded-opentype"), url("/static/files/webfonts/2F3EBF_2_0.woff2") format("woff2"), url("/static/files/webfonts/2F3EBF_2_0.woff") format("woff"), url("/static/files/webfonts/2F3EBF_2_0.ttf") format("truetype"); font-display: swap;} @font-face{ font-family: 'FFUnitWebItalic'; src: url("/static/files/webfonts/2F3EBF_3_0.eot"); src: url("/static/files/webfonts/2F3EBF_3_0.eot?#iefix") format("embedded-opentype"), url("/static/files/webfonts/2F3EBF_3_0.woff2") format("woff2"), url("/static/files/webfonts/2F3EBF_3_0.woff") format("woff"), url("/static/files/webfonts/2F3EBF_3_0.ttf") format("truetype"); font-display: swap;} @font-face{ font-family: 'UnitOffc-Light'; src: url("/static/files/webfonts/2F3EBF_4_0.eot"); src: url("/static/files/webfonts/2F3EBF_4_0.eot?#iefix") format("embedded-opentype"), url("/static/files/webfonts/2F3EBF_4_0.woff2") format("woff2"), url("/static/files/webfonts/2F3EBF_4_0.woff") format("woff"), url("/static/files/webfonts/2F3EBF_4_0.ttf") format("truetype"); font-display: swap;} @font-face{ font-family: 'FFUnitWebMediumItalic'; src: url("/static/files/webfonts/2F3EBF_5_0.eot"); src: url("/static/files/webfonts/2F3EBF_5_0.eot?#iefix") format("embedded-opentype"), url("/static/files/webfonts/2F3EBF_5_0.woff2") format("woff2"), url("/static/files/webfonts/2F3EBF_5_0.woff") format("woff"), url("/static/files/webfonts/2F3EBF_5_0.ttf") format("truetype"); font-display: swap;} @font-face{ font-family: 'iconfont'; src: url("/static/files/webfonts/iconfont.eot"); src: url("/static/files/webfonts/iconfont.eot?#iefix") format("embedded-opentype"), url("/static/files/webfonts/iconfont.woff2") format("woff2"), url("/static/files/webfonts/iconfont.woff") format("woff"), url("/static/files/webfonts/iconfont.ttf") format("truetype"); font-display: swap;} @font-face{ font-family: 'icomoon'; src: url("/static/files/webfonts/icomoon/icomoon.eot"); src: url("/static/files/webfonts/icomoon/icomoon.eot?#iefix") format("embedded-opentype"), url("/static/files/webfonts/icomoon/icomoon.woff2") format("woff2"), url("/static/files/webfonts/icomoon/icomoon.woff") format("woff"), url("/static/files/webfonts/icomoon/icomoon.ttf") format("truetype"), url("/static/files/webfonts/icomoon/icomoon.svg#icomoon") format("svg"); font-weight: normal; font-style: normal; font-display: block;} @font-face{ font-family: 'custom-iconfont'; src: url("/static/files/webfonts/custom-iconfont/custom-iconfont.eot?7tepf6"); src: url("/static/files/webfonts/custom-iconfont/custom-iconfont.eot?7tepf6#iefix") format("embedded-opentype"), url("/static/files/webfonts/custom-iconfont/custom-iconfont.woff2?7tepf6") format("woff2"), url("/static/files/webfonts/custom-iconfont/custom-iconfont.ttf?7tepf6") format("truetype"), url("/static/files/webfonts/custom-iconfont/custom-iconfont.woff?7tepf6") format("woff"), url("/static/files/webfonts/custom-iconfont/custom-iconfont.svg?7tepf6#custom-iconfont") format("svg"); font-weight: normal; font-style: normal;} [class^="icon-"], [class*=" icon-"]{  font-family: 'custom-iconfont' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1;  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .icon-x:before{ content: "";} .icon-search:before{ content: "";} .icon-check:before{ content: "";} .icon-close:before{ content: "";} .icon-remove:before{ content: "";} .icon-times:before{ content: "";} .icon-search-plus:before{ content: "";} .icon-search-minus:before{ content: "";} .icon-stop:before{ content: "";} .icon-chevron-left:before{ content: "";} .icon-chevron-right:before{ content: "";} .icon-arrow-left:before{ content: "";} .icon-arrow-right:before{ content: "";} .icon-arrow-up:before{ content: "";} .icon-arrow-down:before{ content: "";} .icon-plus:before{ content: "";} .icon-minus:before{ content: "";} .icon-chevron-up:before{ content: "";} .icon-chevron-down:before{ content: "";} .icon-facebook-square:before{ content: "";} .icon-facebook:before{ content: "";} .icon-facebook-f:before{ content: "";} .icon-bars:before{ content: "";} .icon-navicon:before{ content: "";} .icon-reorder:before{ content: "";} .icon-angle-double-left:before{ content: "";} .icon-angle-double-right:before{ content: "";} .icon-angle-double-up:before{ content: "";} .icon-angle-double-down:before{ content: "";} .icon-angle-left:before{ content: "";} .icon-angle-right:before{ content: "";} .icon-angle-up:before{ content: "";} .icon-angle-down:before{ content: "";} .icon-circle-o:before{ content: "";} .icon-quote-left:before{ content: "";} .icon-quote-right:before{ content: "";} .icon-circle:before{ content: "";} .icon-youtube:before{ content: "";} .icon-xing:before{ content: "";} .icon-youtube-play:before{ content: "";}                     @keyframes pulsate{ 0%{ transform: scale(0.9);} 50%{ transform: scale(1);} 100%{ transform: scale(0.9);}}  @font-face{ font-family: 'FontAwesome'; src: url("/static/files/webfonts/fontawesome-webfont.eot?v=4.7.0"); src: url("/static/files/webfonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("/static/files/webfonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("/static/files/webfonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("/static/files/webfonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("/static/files/webfonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal; font-display: swap;} .fa{ display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}  .fa-lg{ font-size: 1.3333333333em; line-height: 0.75em; vertical-align: -15%;} .fa-2x{ font-size: 2em;} .fa-3x{ font-size: 3em;} .fa-4x{ font-size: 4em;} .fa-5x{ font-size: 5em;} .fa-fw{ width: 1.2857142857em; text-align: center;} .fa-ul{ padding-left: 0; margin-left: 2.1428571429em; list-style-type: none;} .fa-ul > li{ position: relative;} .fa-li{ position: absolute; left: -2.1428571429em; width: 2.1428571429em; top: 0.1428571429em; text-align: center;} .fa-li.fa-lg{ left: -1.8571428571em;} .fa-border{ padding: .2em .25em .15em; border: solid 0.08em #eee; border-radius: .1em;} .fa-pull-left{ float: left;} .fa-pull-right{ float: right;} .fa.fa-pull-left{ margin-right: .3em;} .fa.fa-pull-right{ margin-left: .3em;}  .pull-right{ float: right;} .pull-left{ float: left;} .fa.pull-left{ margin-right: .3em;} .fa.pull-right{ margin-left: .3em;} .fa-spin{ -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear;} .fa-pulse{ -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8);} @-webkit-keyframes fa-spin{ 0%{ -webkit-transform: rotate(0deg); transform: rotate(0deg);} 100%{ -webkit-transform: rotate(359deg); transform: rotate(359deg);}} @keyframes fa-spin{ 0%{ -webkit-transform: rotate(0deg); transform: rotate(0deg);} 100%{ -webkit-transform: rotate(359deg); transform: rotate(359deg);}} .fa-rotate-90{ -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);} .fa-rotate-180{ -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);} .fa-rotate-270{ -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg);} .fa-flip-horizontal{ -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1);} .fa-flip-vertical{ -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1);}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{ filter: none;} .fa-stack{ position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle;} .fa-stack-1x, .fa-stack-2x{ position: absolute; left: 0; width: 100%; text-align: center;} .fa-stack-1x{ line-height: inherit;} .fa-stack-2x{ font-size: 2em;} .fa-inverse{ color: #fff;}  .fa-glass:before{ content: "";} .fa-music:before{ content: "";} .fa-search:before{ content: "";} .fa-envelope-o:before{ content: "";} .fa-heart:before{ content: "";} .fa-star:before{ content: "";} .fa-star-o:before{ content: "";} .fa-user:before{ content: "";} .fa-film:before{ content: "";} .fa-th-large:before{ content: "";} .fa-th:before{ content: "";} .fa-th-list:before{ content: "";} .fa-check:before{ content: "";} .fa-remove:before, .fa-close:before, .fa-times:before{ content: "";} .fa-search-plus:before{ content: "";} .fa-search-minus:before{ content: "";} .fa-power-off:before{ content: "";} .fa-signal:before{ content: "";} .fa-gear:before, .fa-cog:before{ content: "";} .fa-trash-o:before{ content: "";} .fa-home:before{ content: "";} .fa-file-o:before{ content: "";} .fa-clock-o:before{ content: "";} .fa-road:before{ content: "";} .fa-download:before{ content: "";} .fa-arrow-circle-o-down:before{ content: "";} .fa-arrow-circle-o-up:before{ content: "";} .fa-inbox:before{ content: "";} .fa-play-circle-o:before{ content: "";} .fa-rotate-right:before, .fa-repeat:before{ content: "";} .fa-refresh:before{ content: "";} .fa-list-alt:before{ content: "";} .fa-lock:before{ content: "";} .fa-flag:before{ content: "";} .fa-headphones:before{ content: "";} .fa-volume-off:before{ content: "";} .fa-volume-down:before{ content: "";} .fa-volume-up:before{ content: "";} .fa-qrcode:before{ content: "";} .fa-barcode:before{ content: "";} .fa-tag:before{ content: "";} .fa-tags:before{ content: "";} .fa-book:before{ content: "";} .fa-bookmark:before{ content: "";} .fa-print:before{ content: "";} .fa-camera:before{ content: "";} .fa-font:before{ content: "";} .fa-bold:before{ content: "";} .fa-italic:before{ content: "";} .fa-text-height:before{ content: "";} .fa-text-width:before{ content: "";} .fa-align-left:before{ content: "";} .fa-align-center:before{ content: "";} .fa-align-right:before{ content: "";} .fa-align-justify:before{ content: "";} .fa-list:before{ content: "";} .fa-dedent:before, .fa-outdent:before{ content: "";} .fa-indent:before{ content: "";} .fa-video-camera:before{ content: "";} .fa-photo:before, .fa-image:before, .fa-picture-o:before{ content: "";} .fa-pencil:before{ content: "";} .fa-map-marker:before{ content: "";} .fa-adjust:before{ content: "";} .fa-tint:before{ content: "";} .fa-edit:before, .fa-pencil-square-o:before{ content: "";} .fa-share-square-o:before{ content: "";} .fa-check-square-o:before{ content: "";} .fa-arrows:before{ content: "";} .fa-step-backward:before{ content: "";} .fa-fast-backward:before{ content: "";} .fa-backward:before{ content: "";} .fa-play:before{ content: "";} .fa-pause:before{ content: "";} .fa-stop:before{ content: "";} .fa-forward:before{ content: "";} .fa-fast-forward:before{ content: "";} .fa-step-forward:before{ content: "";} .fa-eject:before{ content: "";} .fa-chevron-left:before{ content: "";} .fa-chevron-right:before{ content: "";} .fa-plus-circle:before{ content: "";} .fa-minus-circle:before{ content: "";} .fa-times-circle:before{ content: "";} .fa-check-circle:before{ content: "";} .fa-question-circle:before{ content: "";} .fa-info-circle:before{ content: "";} .fa-crosshairs:before{ content: "";} .fa-times-circle-o:before{ content: "";} .fa-check-circle-o:before{ content: "";} .fa-ban:before{ content: "";} .fa-arrow-left:before{ content: "";} .fa-arrow-right:before{ content: "";} .fa-arrow-up:before{ content: "";} .fa-arrow-down:before{ content: "";} .fa-mail-forward:before, .fa-share:before{ content: "";} .fa-expand:before{ content: "";} .fa-compress:before{ content: "";} .fa-plus:before{ content: "";} .fa-minus:before{ content: "";} .fa-asterisk:before{ content: "";} .fa-exclamation-circle:before{ content: "";} .fa-gift:before{ content: "";} .fa-leaf:before{ content: "";} .fa-fire:before{ content: "";} .fa-eye:before{ content: "";} .fa-eye-slash:before{ content: "";} .fa-warning:before, .fa-exclamation-triangle:before{ content: "";} .fa-plane:before{ content: "";} .fa-calendar:before{ content: "";} .fa-random:before{ content: "";} .fa-comment:before{ content: "";} .fa-magnet:before{ content: "";} .fa-chevron-up:before{ content: "";} .fa-chevron-down:before{ content: "";} .fa-retweet:before{ content: "";} .fa-shopping-cart:before{ content: "";} .fa-folder:before{ content: "";} .fa-folder-open:before{ content: "";} .fa-arrows-v:before{ content: "";} .fa-arrows-h:before{ content: "";} .fa-bar-chart-o:before, .fa-bar-chart:before{ content: "";} .fa-twitter-square:before{ content: "";} .fa-facebook-square:before{ content: "";} .fa-camera-retro:before{ content: "";} .fa-key:before{ content: "";} .fa-gears:before, .fa-cogs:before{ content: "";} .fa-comments:before{ content: "";} .fa-thumbs-o-up:before{ content: "";} .fa-thumbs-o-down:before{ content: "";} .fa-star-half:before{ content: "";} .fa-heart-o:before{ content: "";} .fa-sign-out:before{ content: "";} .fa-linkedin-square:before{ content: "";} .fa-thumb-tack:before{ content: "";} .fa-external-link:before{ content: "";} .fa-sign-in:before{ content: "";} .fa-trophy:before{ content: "";} .fa-github-square:before{ content: "";} .fa-upload:before{ content: "";} .fa-lemon-o:before{ content: "";} .fa-phone:before{ content: "";} .fa-square-o:before{ content: "";} .fa-bookmark-o:before{ content: "";} .fa-phone-square:before{ content: "";} .fa-twitter:before{ content: "";} .fa-facebook-f:before, .fa-facebook:before{ content: "";} .fa-github:before{ content: "";} .fa-unlock:before{ content: "";} .fa-credit-card:before{ content: "";} .fa-feed:before, .fa-rss:before{ content: "";} .fa-hdd-o:before{ content: "";} .fa-bullhorn:before{ content: "";} .fa-bell:before{ content: "";} .fa-certificate:before{ content: "";} .fa-hand-o-right:before{ content: "";} .fa-hand-o-left:before{ content: "";} .fa-hand-o-up:before{ content: "";} .fa-hand-o-down:before{ content: "";} .fa-arrow-circle-left:before{ content: "";} .fa-arrow-circle-right:before{ content: "";} .fa-arrow-circle-up:before{ content: "";} .fa-arrow-circle-down:before{ content: "";} .fa-globe:before{ content: "";} .fa-wrench:before{ content: "";} .fa-tasks:before{ content: "";} .fa-filter:before{ content: "";} .fa-briefcase:before{ content: "";} .fa-arrows-alt:before{ content: "";} .fa-group:before, .fa-users:before{ content: "";} .fa-chain:before, .fa-link:before{ content: "";} .fa-cloud:before{ content: "";} .fa-flask:before{ content: "";} .fa-cut:before, .fa-scissors:before{ content: "";} .fa-copy:before, .fa-files-o:before{ content: "";} .fa-paperclip:before{ content: "";} .fa-save:before, .fa-floppy-o:before{ content: "";} .fa-square:before{ content: "";} .fa-navicon:before, .fa-reorder:before, .fa-bars:before{ content: "";} .fa-list-ul:before{ content: "";} .fa-list-ol:before{ content: "";} .fa-strikethrough:before{ content: "";} .fa-underline:before{ content: "";} .fa-table:before{ content: "";} .fa-magic:before{ content: "";} .fa-truck:before{ content: "";} .fa-pinterest:before{ content: "";} .fa-pinterest-square:before{ content: "";} .fa-google-plus-square:before{ content: "";} .fa-google-plus:before{ content: "";} .fa-money:before{ content: "";} .fa-caret-down:before{ content: "";} .fa-caret-up:before{ content: "";} .fa-caret-left:before{ content: "";} .fa-caret-right:before{ content: "";} .fa-columns:before{ content: "";} .fa-unsorted:before, .fa-sort:before{ content: "";} .fa-sort-down:before, .fa-sort-desc:before{ content: "";} .fa-sort-up:before, .fa-sort-asc:before{ content: "";} .fa-envelope:before{ content: "";} .fa-linkedin:before{ content: "";} .fa-rotate-left:before, .fa-undo:before{ content: "";} .fa-legal:before, .fa-gavel:before{ content: "";} .fa-dashboard:before, .fa-tachometer:before{ content: "";} .fa-comment-o:before{ content: "";} .fa-comments-o:before{ content: "";} .fa-flash:before, .fa-bolt:before{ content: "";} .fa-sitemap:before{ content: "";} .fa-umbrella:before{ content: "";} .fa-paste:before, .fa-clipboard:before{ content: "";} .fa-lightbulb-o:before{ content: "";} .fa-exchange:before{ content: "";} .fa-cloud-download:before{ content: "";} .fa-cloud-upload:before{ content: "";} .fa-user-md:before{ content: "";} .fa-stethoscope:before{ content: "";} .fa-suitcase:before{ content: "";} .fa-bell-o:before{ content: "";} .fa-coffee:before{ content: "";} .fa-cutlery:before{ content: "";} .fa-file-text-o:before{ content: "";} .fa-building-o:before{ content: "";} .fa-hospital-o:before{ content: "";} .fa-ambulance:before{ content: "";} .fa-medkit:before{ content: "";} .fa-fighter-jet:before{ content: "";} .fa-beer:before{ content: "";} .fa-h-square:before{ content: "";} .fa-plus-square:before{ content: "";} .fa-angle-double-left:before{ content: "";} .fa-angle-double-right:before{ content: "";} .fa-angle-double-up:before{ content: "";} .fa-angle-double-down:before{ content: "";} .fa-angle-left:before{ content: "";} .fa-angle-right:before{ content: "";} .fa-angle-up:before{ content: "";} .fa-angle-down:before{ content: "";} .fa-desktop:before{ content: "";} .fa-laptop:before{ content: "";} .fa-tablet:before{ content: "";} .fa-mobile-phone:before, .fa-mobile:before{ content: "";} .fa-circle-o:before{ content: "";} .fa-quote-left:before{ content: "";} .fa-quote-right:before{ content: "";} .fa-spinner:before{ content: "";} .fa-circle:before{ content: "";} .fa-mail-reply:before, .fa-reply:before{ content: "";} .fa-github-alt:before{ content: "";} .fa-folder-o:before{ content: "";} .fa-folder-open-o:before{ content: "";} .fa-smile-o:before{ content: "";} .fa-frown-o:before{ content: "";} .fa-meh-o:before{ content: "";} .fa-gamepad:before{ content: "";} .fa-keyboard-o:before{ content: "";} .fa-flag-o:before{ content: "";} .fa-flag-checkered:before{ content: "";} .fa-terminal:before{ content: "";} .fa-code:before{ content: "";} .fa-mail-reply-all:before, .fa-reply-all:before{ content: "";} .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before{ content: "";} .fa-location-arrow:before{ content: "";} .fa-crop:before{ content: "";} .fa-code-fork:before{ content: "";} .fa-unlink:before, .fa-chain-broken:before{ content: "";} .fa-question:before{ content: "";} .fa-info:before{ content: "";} .fa-exclamation:before{ content: "";} .fa-superscript:before{ content: "";} .fa-subscript:before{ content: "";} .fa-eraser:before{ content: "";} .fa-puzzle-piece:before{ content: "";} .fa-microphone:before{ content: "";} .fa-microphone-slash:before{ content: "";} .fa-shield:before{ content: "";} .fa-calendar-o:before{ content: "";} .fa-fire-extinguisher:before{ content: "";} .fa-rocket:before{ content: "";} .fa-maxcdn:before{ content: "";} .fa-chevron-circle-left:before{ content: "";} .fa-chevron-circle-right:before{ content: "";} .fa-chevron-circle-up:before{ content: "";} .fa-chevron-circle-down:before{ content: "";} .fa-html5:before{ content: "";} .fa-css3:before{ content: "";} .fa-anchor:before{ content: "";} .fa-unlock-alt:before{ content: "";} .fa-bullseye:before{ content: "";} .fa-ellipsis-h:before{ content: "";} .fa-ellipsis-v:before{ content: "";} .fa-rss-square:before{ content: "";} .fa-play-circle:before{ content: "";} .fa-ticket:before{ content: "";} .fa-minus-square:before{ content: "";} .fa-minus-square-o:before{ content: "";} .fa-level-up:before{ content: "";} .fa-level-down:before{ content: "";} .fa-check-square:before{ content: "";} .fa-pencil-square:before{ content: "";} .fa-external-link-square:before{ content: "";} .fa-share-square:before{ content: "";} .fa-compass:before{ content: "";} .fa-toggle-down:before, .fa-caret-square-o-down:before{ content: "";} .fa-toggle-up:before, .fa-caret-square-o-up:before{ content: "";} .fa-toggle-right:before, .fa-caret-square-o-right:before{ content: "";} .fa-euro:before, .fa-eur:before{ content: "";} .fa-gbp:before{ content: "";} .fa-dollar:before, .fa-usd:before{ content: "";} .fa-rupee:before, .fa-inr:before{ content: "";} .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before{ content: "";} .fa-ruble:before, .fa-rouble:before, .fa-rub:before{ content: "";} .fa-won:before, .fa-krw:before{ content: "";} .fa-bitcoin:before, .fa-btc:before{ content: "";} .fa-file:before{ content: "";} .fa-file-text:before{ content: "";} .fa-sort-alpha-asc:before{ content: "";} .fa-sort-alpha-desc:before{ content: "";} .fa-sort-amount-asc:before{ content: "";} .fa-sort-amount-desc:before{ content: "";} .fa-sort-numeric-asc:before{ content: "";} .fa-sort-numeric-desc:before{ content: "";} .fa-thumbs-up:before{ content: "";} .fa-thumbs-down:before{ content: "";} .fa-youtube-square:before{ content: "";} .fa-youtube:before{ content: "";} .fa-xing:before{ content: "";} .fa-xing-square:before{ content: "";} .fa-youtube-play:before{ content: "";} .fa-dropbox:before{ content: "";} .fa-stack-overflow:before{ content: "";} .fa-instagram:before{ content: "";} .fa-flickr:before{ content: "";} .fa-adn:before{ content: "";} .fa-bitbucket:before{ content: "";} .fa-bitbucket-square:before{ content: "";} .fa-tumblr:before{ content: "";} .fa-tumblr-square:before{ content: "";} .fa-long-arrow-down:before{ content: "";} .fa-long-arrow-up:before{ content: "";} .fa-long-arrow-left:before{ content: "";} .fa-long-arrow-right:before{ content: "";} .fa-apple:before{ content: "";} .fa-windows:before{ content: "";} .fa-android:before{ content: "";} .fa-linux:before{ content: "";} .fa-dribbble:before{ content: "";} .fa-skype:before{ content: "";} .fa-foursquare:before{ content: "";} .fa-trello:before{ content: "";} .fa-female:before{ content: "";} .fa-male:before{ content: "";} .fa-gittip:before, .fa-gratipay:before{ content: "";} .fa-sun-o:before{ content: "";} .fa-moon-o:before{ content: "";} .fa-archive:before{ content: "";} .fa-bug:before{ content: "";} .fa-vk:before{ content: "";} .fa-weibo:before{ content: "";} .fa-renren:before{ content: "";} .fa-pagelines:before{ content: "";} .fa-stack-exchange:before{ content: "";} .fa-arrow-circle-o-right:before{ content: "";} .fa-arrow-circle-o-left:before{ content: "";} .fa-toggle-left:before, .fa-caret-square-o-left:before{ content: "";} .fa-dot-circle-o:before{ content: "";} .fa-wheelchair:before{ content: "";} .fa-vimeo-square:before{ content: "";} .fa-turkish-lira:before, .fa-try:before{ content: "";} .fa-plus-square-o:before{ content: "";} .fa-space-shuttle:before{ content: "";} .fa-slack:before{ content: "";} .fa-envelope-square:before{ content: "";} .fa-wordpress:before{ content: "";} .fa-openid:before{ content: "";} .fa-institution:before, .fa-bank:before, .fa-university:before{ content: "";} .fa-mortar-board:before, .fa-graduation-cap:before{ content: "";} .fa-yahoo:before{ content: "";} .fa-google:before{ content: "";} .fa-reddit:before{ content: "";} .fa-reddit-square:before{ content: "";} .fa-stumbleupon-circle:before{ content: "";} .fa-stumbleupon:before{ content: "";} .fa-delicious:before{ content: "";} .fa-digg:before{ content: "";} .fa-pied-piper-pp:before{ content: "";} .fa-pied-piper-alt:before{ content: "";} .fa-drupal:before{ content: "";} .fa-joomla:before{ content: "";} .fa-language:before{ content: "";} .fa-fax:before{ content: "";} .fa-building:before{ content: "";} .fa-child:before{ content: "";} .fa-paw:before{ content: "";} .fa-spoon:before{ content: "";} .fa-cube:before{ content: "";} .fa-cubes:before{ content: "";} .fa-behance:before{ content: "";} .fa-behance-square:before{ content: "";} .fa-steam:before{ content: "";} .fa-steam-square:before{ content: "";} .fa-recycle:before{ content: "";} .fa-automobile:before, .fa-car:before{ content: "";} .fa-cab:before, .fa-taxi:before{ content: "";} .fa-tree:before{ content: "";} .fa-spotify:before{ content: "";} .fa-deviantart:before{ content: "";} .fa-soundcloud:before{ content: "";} .fa-database:before{ content: "";} .fa-file-pdf-o:before{ content: "";} .fa-file-word-o:before{ content: "";} .fa-file-excel-o:before{ content: "";} .fa-file-powerpoint-o:before{ content: "";} .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before{ content: "";} .fa-file-zip-o:before, .fa-file-archive-o:before{ content: "";} .fa-file-sound-o:before, .fa-file-audio-o:before{ content: "";} .fa-file-movie-o:before, .fa-file-video-o:before{ content: "";} .fa-file-code-o:before{ content: "";} .fa-vine:before{ content: "";} .fa-codepen:before{ content: "";} .fa-jsfiddle:before{ content: "";} .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before{ content: "";} .fa-circle-o-notch:before{ content: "";} .fa-ra:before, .fa-resistance:before, .fa-rebel:before{ content: "";} .fa-ge:before, .fa-empire:before{ content: "";} .fa-git-square:before{ content: "";} .fa-git:before{ content: "";} .fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before{ content: "";} .fa-tencent-weibo:before{ content: "";} .fa-qq:before{ content: "";} .fa-wechat:before, .fa-weixin:before{ content: "";} .fa-send:before, .fa-paper-plane:before{ content: "";} .fa-send-o:before, .fa-paper-plane-o:before{ content: "";} .fa-history:before{ content: "";} .fa-circle-thin:before{ content: "";} .fa-header:before{ content: "";} .fa-paragraph:before{ content: "";} .fa-sliders:before{ content: "";} .fa-share-alt:before{ content: "";} .fa-share-alt-square:before{ content: "";} .fa-bomb:before{ content: "";} .fa-soccer-ball-o:before, .fa-futbol-o:before{ content: "";} .fa-tty:before{ content: "";} .fa-binoculars:before{ content: "";} .fa-plug:before{ content: "";} .fa-slideshare:before{ content: "";} .fa-twitch:before{ content: "";} .fa-yelp:before{ content: "";} .fa-newspaper-o:before{ content: "";} .fa-wifi:before{ content: "";} .fa-calculator:before{ content: "";} .fa-paypal:before{ content: "";} .fa-google-wallet:before{ content: "";} .fa-cc-visa:before{ content: "";} .fa-cc-mastercard:before{ content: "";} .fa-cc-discover:before{ content: "";} .fa-cc-amex:before{ content: "";} .fa-cc-paypal:before{ content: "";} .fa-cc-stripe:before{ content: "";} .fa-bell-slash:before{ content: "";} .fa-bell-slash-o:before{ content: "";} .fa-trash:before{ content: "";} .fa-copyright:before{ content: "";} .fa-at:before{ content: "";} .fa-eyedropper:before{ content: "";} .fa-paint-brush:before{ content: "";} .fa-birthday-cake:before{ content: "";} .fa-area-chart:before{ content: "";} .fa-pie-chart:before{ content: "";} .fa-line-chart:before{ content: "";} .fa-lastfm:before{ content: "";} .fa-lastfm-square:before{ content: "";} .fa-toggle-off:before{ content: "";} .fa-toggle-on:before{ content: "";} .fa-bicycle:before{ content: "";} .fa-bus:before{ content: "";} .fa-ioxhost:before{ content: "";} .fa-angellist:before{ content: "";} .fa-cc:before{ content: "";} .fa-shekel:before, .fa-sheqel:before, .fa-ils:before{ content: "";} .fa-meanpath:before{ content: "";} .fa-buysellads:before{ content: "";} .fa-connectdevelop:before{ content: "";} .fa-dashcube:before{ content: "";} .fa-forumbee:before{ content: "";} .fa-leanpub:before{ content: "";} .fa-sellsy:before{ content: "";} .fa-shirtsinbulk:before{ content: "";} .fa-simplybuilt:before{ content: "";} .fa-skyatlas:before{ content: "";} .fa-cart-plus:before{ content: "";} .fa-cart-arrow-down:before{ content: "";} .fa-diamond:before{ content: "";} .fa-ship:before{ content: "";} .fa-user-secret:before{ content: "";} .fa-motorcycle:before{ content: "";} .fa-street-view:before{ content: "";} .fa-heartbeat:before{ content: "";} .fa-venus:before{ content: "";} .fa-mars:before{ content: "";} .fa-mercury:before{ content: "";} .fa-intersex:before, .fa-transgender:before{ content: "";} .fa-transgender-alt:before{ content: "";} .fa-venus-double:before{ content: "";} .fa-mars-double:before{ content: "";} .fa-venus-mars:before{ content: "";} .fa-mars-stroke:before{ content: "";} .fa-mars-stroke-v:before{ content: "";} .fa-mars-stroke-h:before{ content: "";} .fa-neuter:before{ content: "";} .fa-genderless:before{ content: "";} .fa-facebook-official:before{ content: "";} .fa-pinterest-p:before{ content: "";} .fa-whatsapp:before{ content: "";} .fa-server:before{ content: "";} .fa-user-plus:before{ content: "";} .fa-user-times:before{ content: "";} .fa-hotel:before, .fa-bed:before{ content: "";} .fa-viacoin:before{ content: "";} .fa-train:before{ content: "";} .fa-subway:before{ content: "";} .fa-medium:before{ content: "";} .fa-yc:before, .fa-y-combinator:before{ content: "";} .fa-optin-monster:before{ content: "";} .fa-opencart:before{ content: "";} .fa-expeditedssl:before{ content: "";} .fa-battery-4:before, .fa-battery:before, .fa-battery-full:before{ content: "";} .fa-battery-3:before, .fa-battery-three-quarters:before{ content: "";} .fa-battery-2:before, .fa-battery-half:before{ content: "";} .fa-battery-1:before, .fa-battery-quarter:before{ content: "";} .fa-battery-0:before, .fa-battery-empty:before{ content: "";} .fa-mouse-pointer:before{ content: "";} .fa-i-cursor:before{ content: "";} .fa-object-group:before{ content: "";} .fa-object-ungroup:before{ content: "";} .fa-sticky-note:before{ content: "";} .fa-sticky-note-o:before{ content: "";} .fa-cc-jcb:before{ content: "";} .fa-cc-diners-club:before{ content: "";} .fa-clone:before{ content: "";} .fa-balance-scale:before{ content: "";} .fa-hourglass-o:before{ content: "";} .fa-hourglass-1:before, .fa-hourglass-start:before{ content: "";} .fa-hourglass-2:before, .fa-hourglass-half:before{ content: "";} .fa-hourglass-3:before, .fa-hourglass-end:before{ content: "";} .fa-hourglass:before{ content: "";} .fa-hand-grab-o:before, .fa-hand-rock-o:before{ content: "";} .fa-hand-stop-o:before, .fa-hand-paper-o:before{ content: "";} .fa-hand-scissors-o:before{ content: "";} .fa-hand-lizard-o:before{ content: "";} .fa-hand-spock-o:before{ content: "";} .fa-hand-pointer-o:before{ content: "";} .fa-hand-peace-o:before{ content: "";} .fa-trademark:before{ content: "";} .fa-registered:before{ content: "";} .fa-creative-commons:before{ content: "";} .fa-gg:before{ content: "";} .fa-gg-circle:before{ content: "";} .fa-tripadvisor:before{ content: "";} .fa-odnoklassniki:before{ content: "";} .fa-odnoklassniki-square:before{ content: "";} .fa-get-pocket:before{ content: "";} .fa-wikipedia-w:before{ content: "";} .fa-safari:before{ content: "";} .fa-chrome:before{ content: "";} .fa-firefox:before{ content: "";} .fa-opera:before{ content: "";} .fa-internet-explorer:before{ content: "";} .fa-tv:before, .fa-television:before{ content: "";} .fa-contao:before{ content: "";} .fa-500px:before{ content: "";} .fa-amazon:before{ content: "";} .fa-calendar-plus-o:before{ content: "";} .fa-calendar-minus-o:before{ content: "";} .fa-calendar-times-o:before{ content: "";} .fa-calendar-check-o:before{ content: "";} .fa-industry:before{ content: "";} .fa-map-pin:before{ content: "";} .fa-map-signs:before{ content: "";} .fa-map-o:before{ content: "";} .fa-map:before{ content: "";} .fa-commenting:before{ content: "";} .fa-commenting-o:before{ content: "";} .fa-houzz:before{ content: "";} .fa-vimeo:before{ content: "";} .fa-black-tie:before{ content: "";} .fa-fonticons:before{ content: "";} .fa-reddit-alien:before{ content: "";} .fa-edge:before{ content: "";} .fa-credit-card-alt:before{ content: "";} .fa-codiepie:before{ content: "";} .fa-modx:before{ content: "";} .fa-fort-awesome:before{ content: "";} .fa-usb:before{ content: "";} .fa-product-hunt:before{ content: "";} .fa-mixcloud:before{ content: "";} .fa-scribd:before{ content: "";} .fa-pause-circle:before{ content: "";} .fa-pause-circle-o:before{ content: "";} .fa-stop-circle:before{ content: "";} .fa-stop-circle-o:before{ content: "";} .fa-shopping-bag:before{ content: "";} .fa-shopping-basket:before{ content: "";} .fa-hashtag:before{ content: "";} .fa-bluetooth:before{ content: "";} .fa-bluetooth-b:before{ content: "";} .fa-percent:before{ content: "";} .fa-gitlab:before{ content: "";} .fa-wpbeginner:before{ content: "";} .fa-wpforms:before{ content: "";} .fa-envira:before{ content: "";} .fa-universal-access:before{ content: "";} .fa-wheelchair-alt:before{ content: "";} .fa-question-circle-o:before{ content: "";} .fa-blind:before{ content: "";} .fa-audio-description:before{ content: "";} .fa-volume-control-phone:before{ content: "";} .fa-braille:before{ content: "";} .fa-assistive-listening-systems:before{ content: "";} .fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before{ content: "";} .fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before{ content: "";} .fa-glide:before{ content: "";} .fa-glide-g:before{ content: "";} .fa-signing:before, .fa-sign-language:before{ content: "";} .fa-low-vision:before{ content: "";} .fa-viadeo:before{ content: "";} .fa-viadeo-square:before{ content: "";} .fa-snapchat:before{ content: "";} .fa-snapchat-ghost:before{ content: "";} .fa-snapchat-square:before{ content: "";} .fa-pied-piper:before{ content: "";} .fa-first-order:before{ content: "";} .fa-yoast:before{ content: "";} .fa-themeisle:before{ content: "";} .fa-google-plus-circle:before, .fa-google-plus-official:before{ content: "";} .fa-fa:before, .fa-font-awesome:before{ content: "";} .fa-handshake-o:before{ content: "";} .fa-envelope-open:before{ content: "";} .fa-envelope-open-o:before{ content: "";} .fa-linode:before{ content: "";} .fa-address-book:before{ content: "";} .fa-address-book-o:before{ content: "";} .fa-vcard:before, .fa-address-card:before{ content: "";} .fa-vcard-o:before, .fa-address-card-o:before{ content: "";} .fa-user-circle:before{ content: "";} .fa-user-circle-o:before{ content: "";} .fa-user-o:before{ content: "";} .fa-id-badge:before{ content: "";} .fa-drivers-license:before, .fa-id-card:before{ content: "";} .fa-drivers-license-o:before, .fa-id-card-o:before{ content: "";} .fa-quora:before{ content: "";} .fa-free-code-camp:before{ content: "";} .fa-telegram:before{ content: "";} .fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before{ content: "";} .fa-thermometer-3:before, .fa-thermometer-three-quarters:before{ content: "";} .fa-thermometer-2:before, .fa-thermometer-half:before{ content: "";} .fa-thermometer-1:before, .fa-thermometer-quarter:before{ content: "";} .fa-thermometer-0:before, .fa-thermometer-empty:before{ content: "";} .fa-shower:before{ content: "";} .fa-bathtub:before, .fa-s15:before, .fa-bath:before{ content: "";} .fa-podcast:before{ content: "";} .fa-window-maximize:before{ content: "";} .fa-window-minimize:before{ content: "";} .fa-window-restore:before{ content: "";} .fa-times-rectangle:before, .fa-window-close:before{ content: "";} .fa-times-rectangle-o:before, .fa-window-close-o:before{ content: "";} .fa-bandcamp:before{ content: "";} .fa-grav:before{ content: "";} .fa-etsy:before{ content: "";} .fa-imdb:before{ content: "";} .fa-ravelry:before{ content: "";} .fa-eercast:before{ content: "";} .fa-microchip:before{ content: "";} .fa-snowflake-o:before{ content: "";} .fa-superpowers:before{ content: "";} .fa-wpexplorer:before{ content: "";} .fa-meetup:before{ content: "";} .sr-only{ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;} .sr-only-focusable:active, .sr-only-focusable:focus{ position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto;} body.show-inline{ overflow: hidden;} div[class^='section-'].even{ background: #ffffff;} div[class^='section-'].odd{ background: #f5f5f5;} iframe.impfcheck{ width: 100%; border: none; height: 800px; overflow: hidden !important;} button:focus{ outline: none;} .form-control:focus{ box-shadow: none;} .btn-primary, .btn-primary:focus, .btn-primary:active{ font-family: "UnitOffc-Bold"; color: #ffffff; background: #0482C3; font-size: 1.125rem; min-width: 100px; border: 2px solid #0482C3; border-radius: 0; padding: calc(0.5rem - 1px) 1.125rem 0.5rem; line-height: 1.625rem; box-shadow: none; height: 2.625rem;} .btn-primary:hover, .btn-primary:focus:hover, .btn-primary:active:hover{ background: #166288; border-color: #166288; color: #ffffff;} .btn-primary.btn-white, .btn-primary:focus.btn-white, .btn-primary:active.btn-white{ font-family: "Unit-MediumTF"; color: #0482C3; background: #ffffff;} .btn-primary.btn-small, .btn-primary:focus.btn-small, .btn-primary:active.btn-small{ height: auto; padding: calc(0.25rem + 1px) 0.75rem 0.25rem;} .btn-secondary, .btn-secondary:focus, .btn-secondary:active{ font-family: "Unit-MediumTF"; color: #0482C3; background: none; font-size: 1.125rem; min-width: 100px; border: 2px solid #0482C3; border-radius: 0; padding: calc(0.5rem - 1px) 1.125rem 0.5rem; text-decoration: none; box-shadow: none; height: 2.625rem;} .btn-secondary:hover, .btn-secondary:focus:hover, .btn-secondary:active:hover{ background: none; border-color: #166288; color: #166288;} .btn-secondary.btn-white, .btn-secondary:focus.btn-white, .btn-secondary:active.btn-white{ font-family: "Unit-MediumTF"; color: #ffffff; border-color: #ffffff;} .btn-secondary.btn-white:hover, .btn-secondary:focus.btn-white:hover, .btn-secondary:active.btn-white:hover{ background: #ffffff; color: #166288;} .btn-secondary.btn-small, .btn-secondary:focus.btn-small, .btn-secondary:active.btn-small{ height: auto; padding: calc(0.25rem + 1px) 0.75rem 0.25rem;} .link{ font-family: "Unit-MediumTF"; font-size: 1.125rem; color: #0482C3; line-height: 1.625rem;} .link:hover{ color: #166288; text-decoration: underline; cursor: pointer;} .link:hover span{ text-decoration: underline;} .link.link-small{ font-size: 1rem; line-height: 1.375rem;} div[class^='section-'].even + div[class^='section-'].even{ padding-top: 0;} div[class^='section-'].odd + div[class^='section-'].odd{ padding-top: 0;} div[class^='section-'].odd .card{ background: #f5f5f5;} .contentContainer div[class^='section-'] + .container{ margin-top: 2.5rem;} .contentContainer .content-last-element{ margin-bottom: 2.5rem;} @media (min-width: 992px){ .contentContainer div[class^='section-'] + .container{ margin-top: 3.75rem;} .contentContainer .content-last-element{ margin-bottom: 5rem;}} .underline{ text-decoration: underline; text-decoration-skip-ink: auto;} .down{ vertical-align: sub; padding-left: 0.25rem; font-size: 0.75rem; color: #0B0000;} .up{ vertical-align: super; padding-left: 0.25rem; font-size: 0.75rem; color: #0B0000;} .up a{ color: #0482C3; text-decoration: none;} .up a:hover{ color: #166288;} .featherlight .featherlight-previous, .featherlight .featherlight-next{ display: block; width: 2rem; background: none; right: auto;} .featherlight .featherlight-previous > span, .featherlight .featherlight-next > span{ color: #ffffff; display: inline-block; font-size: 1.25rem; text-shadow: none;} .featherlight .featherlight-inner{ border: none; border-radius: 0; padding-top: 3rem;} .featherlight .featherlight-content{ padding: 0.625rem 1.25rem 2.875rem 1.25rem; margin: 0 2rem; border-bottom: none;} .featherlight .featherlight-content .featherlight-close{ position: relative; float: right; text-decoration: none; padding: 0.875rem; background: #172E4C; color: #ffffff; margin-bottom: 0.625rem; width: auto; height: auto; line-height: 1;} .featherlight .featherlight-content img{ display: block; width: auto; max-width: 100%; max-height: 75vh; object-position: 0; pointer-events: none;} .featherlight .featherlight-content .section-media{ margin-bottom: 0;} .featherlight .featherlight-content .section-media .with-icon .icon-wrapper{ display: none;} .featherlight .featherlight-content .copyright-wrapper{ margin-bottom: 1.25rem;} .featherlight .featherlight-content .copyright-wrapper > *{ font-family: "Unit-Regular"; font-size: 15px; letter-spacing: 0.2px; line-height: 1.25rem; padding: 0.375rem 0.625rem; display: inline-block; clear: both;} .featherlight .featherlight-content .copyright-wrapper .copyright{ background: #172E4C; color: #ffffff;} .featherlight .featherlight-content .copyright-wrapper .date{ color: #172E4C; float: right;} .featherlight .featherlight-content .card-body{ padding: 0;} .featherlight .featherlight-content .type, .featherlight .featherlight-content .metadata{ font-family: "Unit-Regular"; font-size: 15px; color: #172E4C; letter-spacing: 0.2px; line-height: 1.25rem; margin-bottom: 0.625rem;} .featherlight .featherlight-content .title{ font-family: "Unit-MediumTF"; font-size: 1.375rem; color: #172E4C; line-height: 1.75rem; margin-bottom: 0.625rem;} .featherlight .featherlight-content .section-headline{ margin-bottom: 0.625rem;} .featherlight .featherlight-content .section-headline > *{ font-family: "Unit-MediumTF"; font-size: 1.375rem; color: #172E4C; line-height: 1.75rem; margin-bottom: 0;} .featherlight .featherlight-content .text{ font-family: "UnitOffc-Light"; font-size: 1.125rem; color: #172E4C; line-height: 1.625rem; margin-bottom: 0.625rem;} .featherlight .featherlight-content .section-textblock{ margin-bottom: 0.625rem;} .featherlight .featherlight-content .section-textblock > *{ font-family: "UnitOffc-Light"; font-size: 1.125rem; color: #172E4C; line-height: 1.625rem; margin-bottom: 0;} .featherlight .featherlight-content .section-link i{ margin-right: 0.5rem;} @media (min-width: 768px){ .featherlight .featherlight-previous, .featherlight .featherlight-next{ width: 5rem;} .featherlight .featherlight-previous > span, .featherlight .featherlight-next > span{ font-size: 2.5rem;} .featherlight .featherlight-content{ margin: 0 5rem;}} @media print{ .contentContainer .row{ display: block !important;}} .arrow-icon{ font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .minus:before{ content: "\e900"; color: #A5292B;} .gleich:before{ content: "\e901"; color: #0482C3;} .plus:before{ content: "\e902"; color: #009C88;}  #main-footer{ background-color: #ffffff;} .print-footer{ display: none; border-top: 1px solid #c5c5c5; padding-top: 0.2rem; padding-bottom: 0; margin-top: 1.25rem;} @media print{ @page{ size: A4;} div[class*="offset-"]{ margin-left: 0;} div[class*="col-"]{ max-width: 100%; flex: 0 0 100%;} footer{ display: none;} .print-footer{ display: block; position: relative; bottom: 0; left: 0; right: 0;} .section-infobox{ page-break-inside: avoid;}}  .section-scrollytelling-stage + .module-scrollytelling{ margin-top: 100vh;} .module-scrollytelling .topline{ font-family: "Unit-MediumTF"; font-size: 1.125rem; line-height: 1.625rem; color: #0482C3;} .module-scrollytelling .image-wrapper.image-parallax{ position: relative;} .module-scrollytelling .image-wrapper.image-parallax .foreground, .module-scrollytelling .image-wrapper.image-parallax .middleground{ position: absolute; left: 0; right: 0; top: 0; width: 100%;} .module-scrollytelling .image-wrapper.image-parallax .middleground{ z-index: 5;} .module-scrollytelling .image-wrapper.image-parallax .foreground{ z-index: 10;} .module-scrollytelling .image-wrapper.image-parallax .parallax{ opacity: 0; transform: translateY(0px); transition: opacity 1s ease-out;} .module-scrollytelling .image-wrapper.image-parallax .parallax.ready{ transition: transform 1s ease-out, opacity 1s ease-out;} .module-scrollytelling .image-wrapper .background{ width: 100%;} @media (max-width: 767px){ .module-scrollytelling .image-wrapper.image-parallax .parallax{ transform: translateY(0px) !important;}}  .section-headline.no-breadcrumb{ margin-top: 2.5rem;} .section-headline > *{ font-family: "Unit-MediumTF"; font-size: 1.75rem; line-height: 2rem; color: #172E4C;} .section-headline h1, .section-headline .h1{ font-family: "UnitOffc-Bold"; margin-bottom: 1rem;} .section-headline h2, .section-headline .h2{ font-size: 1.5rem; line-height: 1.875rem; margin-bottom: 15px;} .section-headline h3, .section-headline .h3{ font-size: 1.25rem; line-height: 1.625rem;} .section-headline .serp-title{ font-family: "Unit-Regular";} .section-headline .serp-title .term{ font-family: "Unit-MediumTF";} @media (min-width: 576px){ .section-headline h1, .section-headline .h1{ margin-top: 0; font-family: "UnitOffc-Bold"; font-size: 2.625rem; line-height: 3.5rem; margin-bottom: 2.5rem;} .section-headline h2, .section-headline .h2{ font-family: "Unit-MediumTF"; font-size: 2rem; line-height: 2.375rem; margin-bottom: 1.625rem;} .section-headline h3, .section-headline .h3{ font-size: 1.375rem; line-height: 1.75rem;}} @media (min-width: 768px){ .section-headline.no-breadcrumb{ margin-top: 3.125rem;}} @media (min-width: 992px){ .section-headline.no-breadcrumb{ margin-top: 4.375rem;} .section-headline h1, .section-headline .h1{ margin-bottom: 1.875rem;} .section-headline h2, .section-headline .h2{ margin-bottom: 1.875rem;}} .section-textblock{ margin-bottom: 2.5rem;} .section-textblock.text-close{ margin-top: calc(-2.5rem / 2);} .section-textblock.text-legend > p{ font-size: 1rem; letter-spacing: 0.25px; line-height: 1.5rem;} .section-textblock > p{ font-family: "UnitOffc-Light"; font-size: 1.125rem; line-height: 1.625rem; color: #172E4C;} .section-textblock > p a{ color: #0482C3;} .section-textblock > p a:hover{ color: #166288;} .section-textblock > p.intro{ font-size: 1.25rem; line-height: 1.75rem;} .section-textblock .img-left, .section-textblock .img-right{ position: relative; display: block; margin: 0;} .section-textblock .img-left.img-margin-top, .section-textblock .img-right.img-margin-top{ margin-top: 1.25rem;} .section-textblock .img-left.img-margin-bottom, .section-textblock .img-right.img-margin-bottom{ margin-bottom: 1.25rem;} .section-textblock .img-left .img-text, .section-textblock .img-right .img-text{ display: inline-block; font-family: "Unit-MediumTF"; font-size: 1.25rem; color: #172E4C; line-height: 1.625rem; margin-top: 0.625rem; margin-bottom: 0;} .section-textblock .img-left .img-wrapper, .section-textblock .img-right .img-wrapper{ position: relative; display: inline-block;} .section-textblock .img-left img, .section-textblock .img-right img{ height: auto; width: 100%;} .section-textblock .img-left .icon-wrapper, .section-textblock .img-right .icon-wrapper{ position: absolute; bottom: 0; right: 0; width: 2.5rem; height: 2.5rem; display: flex; background: #172E4C; align-items: center;} .section-textblock .img-left .icon-wrapper i, .section-textblock .img-right .icon-wrapper i{ color: #ffffff; font-size: 1.25rem; margin: 0 auto;} @media (min-width: 768px){ .section-textblock > p.intro{ font-size: 1.375rem; line-height: 2rem;} .section-textblock .img-left{ float: left; margin-right: 2.5rem;} .section-textblock .img-right{ float: right; margin-left: 2.5rem;} .section-textblock .img-left, .section-textblock .img-right{ display: inline-block;} .section-textblock .img-left .img-wrapper, .section-textblock .img-right .img-wrapper{ display: block;} .section-textblock .img-left.img-margin-top, .section-textblock .img-right.img-margin-top{ margin-top: 1.625rem;} .section-textblock .img-left.img-margin-bottom, .section-textblock .img-right.img-margin-bottom{ margin-bottom: 1.625rem;} .section-textblock .img-left img, .section-textblock .img-right img{ max-width: 22rem; height: auto; padding: 0;} .section-textblock .img-left .img-text, .section-textblock .img-right .img-text{ max-width: 22rem;}} @media (min-width: 992px){ .section-textblock{ margin-bottom: 3.75rem;} .section-textblock.text-close{ margin-top: calc(-3.75rem / 2);} .section-textblock .img-right{ margin-right: -8.3333333333%;} .section-textblock .img-left{ margin-left: -8.3333333333%;}} @media print{ .section-textblock .img-right{ float: right; margin-left: 2.5rem; margin-right: 0; display: inline-block;} .section-textblock .img-right .img-wrapper{ display: inline;} .section-textblock .img-right .img-text{ display: block;} .section-textblock .img-left{ float: left; margin-left: 0; margin-right: 2.5rem; display: inline-block;} .section-textblock .img-left .img-wrapper{ display: inline;} .section-textblock .img-left .img-text{ display: block;} .section-textblock .img-left.img-margin-top, .section-textblock .img-right.img-margin-top{ margin-top: 1.625rem;} .section-textblock .img-left.img-margin-bottom, .section-textblock .img-right.img-margin-bottom{ margin-bottom: 1.625rem;} .section-textblock .img-left img, .section-textblock .img-right img{ max-width: 22rem; height: auto; padding: 0;} .section-textblock .img-left .icon-wrapper, .section-textblock .img-right .icon-wrapper{ display: none;} .section-textblock .img-left .img-text, .section-textblock .img-right .img-text{ max-width: 22rem;}} .section-link.text-link{ margin-top: calc(-2.5rem / 2);} .section-link.absatz-link{ margin-bottom: 2.5rem;} .section-link .link:hover span{ color: #166288;} .section-link .link:hover i{ color: #166288;} .section-link .link span{ display: inline-block; color: inherit;} .section-link .link i{ font-size: 15px; color: #0482BD; margin-left: 0.25rem;} @media (min-width: 992px){ .section-link.text-link{ margin-top: calc(-3.75rem / 2);} .section-link.absatz-link{ margin-bottom: 3.75rem;}} .section-button{ margin-bottom: 2.5rem;} .section-button.text-button{ margin-top: calc(-2.5rem / 2);} @media (min-width: 992px){ .section-button{ margin-bottom: 3.75rem;} .section-button.text-button{ margin-top: calc(-3.75rem / 2);}} @media print{ .section-button{ display: none;}} .section-input .input-group{ border-bottom: 1px solid #868686; margin-bottom: 0.625rem;} .section-input .input-group.has-label{ position: relative;} .section-input .input-group.has-label input{ position: relative; z-index: 1; margin-top: 1rem;} .section-input .input-group.has-label input:focus + label, .section-input .input-group.has-label input.has-value + label{ font-size: 0.875rem; color: #172E4C; padding: 0; margin-top: 0; z-index: 2;} .section-input .input-group.has-label label{ transition: 0.5s; position: absolute; font-family: "UnitOffc-Light"; font-size: 1.125rem; color: #868686; margin: 1rem 0 0; padding: 7px 0;} .section-input .input-group.error{ border-bottom-color: #0482C3; margin-bottom: 0.375rem;} .section-input .input-group.error input{ color: #0482C3;} .section-input .input-group.error input::placeholder{ color: #0482C3;} .section-input .input-group .form-control{ padding-left: 0;} .section-input .input-group input{ border: none; background: none; font-family: "UnitOffc-Light"; font-size: 1.125rem; color: #172E4C; box-shadow: none;} .section-input .input-group input::placeholder{ color: #868686; opacity: 1;} .section-input small.error-text{ display: block; font-family: "UnitOffc-Light"; font-size: 0.875rem; color: #0482C3; letter-spacing: 0.5px; line-height: 1.25rem; margin-bottom: 0.625rem;} .section-input small.helper-text{ display: block; font-family: "UnitOffc-Light"; font-size: 0.875rem; color: #172E4C; letter-spacing: 0.5px; line-height: 1.25rem; margin-bottom: 0.625rem;} .section-fileinput input{ display: none;} .section-fileinput small.helper-text{ font-family: "Unit-Regular"; font-size: 15px; color: #172E4C; letter-spacing: 0.2px; line-height: 1.25rem; margin-top: 0.625rem; margin-bottom: 0.625rem; display: inline-block;} .section-fileinput .file-title{ font-family: "Unit-MediumTF"; font-size: 1.125rem; color: #172E4C; line-height: 1.625rem; margin-left: 1.25rem;} .section-textarea.error textarea{ border-color: #0482C3;} .section-textarea textarea{ font-family: "UnitOffc-Light"; border: 1px solid #172E4C; display: block; width: 100%; outline: none; padding: 0.375rem 0.625rem; font-size: 1.125rem; color: #172E4C; background: none; line-height: 1.625rem; margin-bottom: 0.625rem;} .section-textarea small{ display: block; font-family: "UnitOffc-Light"; font-size: 0.875rem; color: #172E4C; letter-spacing: 0.5px; line-height: 1.25rem; margin-bottom: 0.625rem;} .section-textarea small.error-text{ display: block; font-family: "UnitOffc-Light"; font-size: 0.875rem; color: #0482C3; letter-spacing: 0.5px; line-height: 1.25rem; margin-bottom: 0.625rem;} .section-textarea small.helper-text{ display: block; font-family: "UnitOffc-Light"; font-size: 0.875rem; color: #172E4C; letter-spacing: 0.5px; line-height: 1.25rem; margin-bottom: 0.625rem;} .section-dropdown{ font-family: Unit-MediumTF; font-size: 1.125rem; line-height: 1.625rem; color: #172E4C; position: relative;} .section-dropdown.under .dropdown-btn{ display: block; margin-left: 0; margin-top: 0.625rem;} .section-dropdown .dropdown-btn{ font-family: Unit-MediumTF; font-size: 1.125rem; line-height: 1.625rem; color: #0482C3; border: none; background-color: #ffffff; padding: 0; margin-left: 0.625rem; cursor: pointer;} .section-dropdown .dropdown-btn i{ display: inline-block; margin-bottom: 0.125rem; padding-left: 0.25rem; font-size: 0.75rem; vertical-align: middle; cursor: pointer;} .section-dropdown .dropdown-menu{ margin: 0; border: none; border-radius: 0; background-color: #eeeeee; padding: 0.625rem 1.25rem 0 0.625rem; max-height: 70vh; overflow: auto; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.4); max-width: calc(100vw - 2.5rem);} .section-dropdown .dropdown-menu .dropdown-item{ font-family: "Unit-Regular"; font-size: 15px; color: #0482C3; letter-spacing: 0.2px; line-height: 1.25rem; cursor: pointer; margin-bottom: 0.625rem; padding: 0; background: none;} .section-dropdown .dropdown-menu .dropdown-item:active, .section-dropdown .dropdown-menu .dropdown-item:hover, .section-dropdown .dropdown-menu .dropdown-item:focus{ color: #166288; background-color: #eeeeee; text-decoration: underline;} .section-dropdown .dropdown-menu .dropdown-item.active{ color: #172E4C;} @media (min-width: 576px){ .section-dropdown .dropdown-menu{ right: auto; top: 0px;}} @media (max-width: 576px){ .section-dropdown .dropdown-menu{ transform: none !important; top: 100% !important;} .section-dropdown .dropdown-menu .dropdown-item{ white-space: normal;}} .section-checkbox{ float: left; margin-left: 0; padding-top: 0.75rem;} .section-checkbox:hover span.wrapper{ border-color: #166288;} .section-checkbox:hover span.wrapper i{ color: #ffffff;} .section-checkbox:hover label{ color: #166288;} .section-checkbox:hover input:checked + label > span{ background: #166288;} .section-checkbox input{ display: none;} .section-checkbox label{ position: relative; font-family: "Unit-MediumTF"; font-size: 1.125rem; color: #0482C3; line-height: 1.625rem;} .section-checkbox label span.wrapper{ position: relative; display: inline-block; width: 15px; height: 15px; border: 1px solid #0482C3; margin-right: 0.625rem;} .section-checkbox label span.wrapper i{ color: #ffffff; display: none;} .section-checkbox input:checked + label > span{ background: #0482C3;} .section-checkbox input:checked + label > span i{ color: #ffffff; position: absolute; display: inline; top: 1px; left: 0; font-size: 0.75rem;} .section-checkbox-list{ margin-bottom: 2.5rem;} .section-checkbox-list .section-headline{ margin-bottom: 1.25rem;} .section-checkbox-list .section-headline > *{ margin: 0;} .section-checkbox-list .checkbox-wrapper{ border: 1px solid #172E4C; max-height: 12rem; overflow-y: auto; margin-bottom: 1.25rem; padding: 0;} .section-checkbox-list .checkbox-wrapper .section-checkbox{ float: none; margin: 0; padding: 0;} .section-checkbox-list .checkbox-wrapper .section-checkbox label{ position: relative; display: block; padding: 0.375rem 2rem 0.375rem 0.625rem; margin: 0;} .section-checkbox-list .checkbox-wrapper .section-checkbox label:hover{ background: #f5f5f5;} .section-checkbox-list .checkbox-wrapper .section-checkbox label span.wrapper{ position: absolute; top: 0.75rem; right: 0;} @media (min-width: 992px){ .section-checkbox-list{ margin-bottom: 3.75rem;}} .section-radio{ float: left; margin-left: 0; padding-top: 0.75rem;} .section-radio:hover .wrapper{ border-color: #166288;} .section-radio:hover .wrapper .marker{ color: #ffffff;} .section-radio:hover label{ color: #166288;} .section-radio:hover input:checked + label > .wrapper{ background: #166288;} .section-radio input{ display: none;} .section-radio label{ position: relative; font-family: "Unit-MediumTF"; font-size: 1.125rem; color: #0482C3; line-height: 1.625rem;} .section-radio label .wrapper{ position: relative; display: inline-block; width: 15px; height: 15px; border: 1px solid #0482C3; margin-right: 0.625rem;} .section-radio label .wrapper .marker{ color: #ffffff; display: none;} .section-radio input:checked + label > .wrapper{ background: #0482C3;} .section-radio input:checked + label > .wrapper .marker{ content: ' '; position: absolute; display: block; background: #ffffff; top: 4px; left: 4px; width: 5px; height: 5px;} [data-tooltip]{ position: relative; cursor: pointer;} [data-tooltip]:before, [data-tooltip]:after{ line-height: 1; font-size: .9em; pointer-events: none; position: absolute; box-sizing: border-box; display: none; opacity: 0;} [data-tooltip]:before{ content: ""; border: 6px solid transparent; z-index: 100;} [data-tooltip]:after{ content: attr(data-tooltip); text-align: left; min-width: 7.5rem; max-width: 17.5rem; width: max-content; padding: 15px; background: #0482C3; color: #ffffff; z-index: 99; font-family: "Unit-Regular"; font-size: 14px; line-height: 1.25rem; letter-spacing: 0.2px;} [data-tooltip]:hover:before, [data-tooltip]:hover:after{ display: block; opacity: 1;} [data-tooltip]:not([data-flow])::before, [data-tooltip][data-flow="top"]::before{ bottom: 100%; border-bottom-width: 0; border-top-color: #0482C3;} [data-tooltip]:not([data-flow])::after, [data-tooltip][data-flow="top"]::after{ bottom: calc(100% + 6px);} [data-tooltip]:not([data-flow])::before, [data-tooltip][data-flow="top"]::before{ left: 50%; -webkit-transform: translate(-50%, -4px); transform: translate(-50%, -4px);} [tooltip]:not([data-flow])::after, [data-tooltip][data-flow="top"]::after{ left: 50%; -webkit-transform: translate(-25px, -4px); transform: translate(-25px, -4px);} [tooltip]:not([data-flow]).tt-left::after, [data-tooltip][data-flow="top"].tt-left::after{ -webkit-transform: translate(-255px, -4px); transform: translate(-255px, -4px);} [data-tooltip=""]::after, [data-tooltip=""]::before{ display: none !important;} .section-breadcrumb{ border: 0; padding: 1.25rem 0; margin: 0; background-color: #ffffff !important;} .section-breadcrumb *{ font-family: "Unit-Regular"; font-size: 15px; line-height: 1.25rem; color: #172E4C; letter-spacing: 0.2px;} .section-breadcrumb.section-breadcrumb-stage{ padding: 0;} .section-breadcrumb ol{ padding: 0; margin: 0;} .section-breadcrumb ol li{ margin-bottom: 0.625rem;} .section-breadcrumb .breadcrumb{ background-color: #ffffff !important;} .section-breadcrumb .breadcrumb > li + li:before{ font-family: "FontAwesome"; content: "\f054"; font-size: 0.5rem; color: #172E4C; vertical-align: middle; padding: 0 0.625rem;} .section-breadcrumb a:hover{ color: #172E4C; text-decoration: none; border-bottom: 2px solid #172E4C;} .section-breadcrumb span{ cursor: default;} @media (min-width: 768px){ .section-breadcrumb{ padding-bottom: 3.125rem;} .section-breadcrumb.section-breadcrumb-stage{ padding: 1.25rem 0 1rem;}} @media (min-width: 992px){ .section-breadcrumb{ padding-bottom: calc(5rem - 0.625rem);} .section-breadcrumb.section-breadcrumb-stage{ padding: 1.25rem 0 1rem;}} @media print{ .section-breadcrumb{ display: none;}} .section-date{ font-family: "Unit-Regular"; font-size: 15px; line-height: 1.25rem; letter-spacing: 0.2px; color: #172E4C; margin-bottom: 0.625rem;} .section-link.text-link{ margin-top: calc(-2.5rem / 2);} .section-link.absatz-link{ margin-bottom: 2.5rem;} .section-link .link:hover span{ color: #166288;} .section-link .link:hover i{ color: #166288;} .section-link .link span{ display: inline-block; color: inherit;} .section-link .link i{ font-size: 15px; color: #0482BD; margin-left: 0.25rem;} @media (min-width: 992px){ .section-link.text-link{ margin-top: calc(-3.75rem / 2);} .section-link.absatz-link{ margin-bottom: 3.75rem;}} .section-headline.no-breadcrumb{ margin-top: 2.5rem;} .section-headline > *{ font-family: "Unit-MediumTF"; font-size: 1.75rem; line-height: 2rem; color: #172E4C;} .section-headline h1, .section-headline .h1{ font-family: "UnitOffc-Bold"; margin-bottom: 1rem;} .section-headline h2, .section-headline .h2{ font-size: 1.5rem; line-height: 1.875rem; margin-bottom: 15px;} .section-headline h3, .section-headline .h3{ font-size: 1.25rem; line-height: 1.625rem;} .section-headline .serp-title{ font-family: "Unit-Regular";} .section-headline .serp-title .term{ font-family: "Unit-MediumTF";} @media (min-width: 576px){ .section-headline h1, .section-headline .h1{ margin-top: 0; font-family: "UnitOffc-Bold"; font-size: 2.625rem; line-height: 3.5rem; margin-bottom: 2.5rem;} .section-headline h2, .section-headline .h2{ font-family: "Unit-MediumTF"; font-size: 2rem; line-height: 2.375rem; margin-bottom: 1.625rem;} .section-headline h3, .section-headline .h3{ font-size: 1.375rem; line-height: 1.75rem;}} @media (min-width: 768px){ .section-headline.no-breadcrumb{ margin-top: 3.125rem;}} @media (min-width: 992px){ .section-headline.no-breadcrumb{ margin-top: 4.375rem;} .section-headline h1, .section-headline .h1{ margin-bottom: 1.875rem;} .section-headline h2, .section-headline .h2{ margin-bottom: 1.875rem;}} .section-textblock{ margin-bottom: 2.5rem;} .section-textblock.text-close{ margin-top: calc(-2.5rem / 2);} .section-textblock.text-legend > p{ font-size: 1rem; letter-spacing: 0.25px; line-height: 1.5rem;} .section-textblock > p{ font-family: "UnitOffc-Light"; font-size: 1.125rem; line-height: 1.625rem; color: #172E4C;} .section-textblock > p a{ color: #0482C3;} .section-textblock > p a:hover{ color: #166288;} .section-textblock > p.intro{ font-size: 1.25rem; line-height: 1.75rem;} .section-textblock .img-left, .section-textblock .img-right{ position: relative; display: block; margin: 0;} .section-textblock .img-left.img-margin-top, .section-textblock .img-right.img-margin-top{ margin-top: 1.25rem;} .section-textblock .img-left.img-margin-bottom, .section-textblock .img-right.img-margin-bottom{ margin-bottom: 1.25rem;} .section-textblock .img-left .img-text, .section-textblock .img-right .img-text{ display: inline-block; font-family: "Unit-MediumTF"; font-size: 1.25rem; color: #172E4C; line-height: 1.625rem; margin-top: 0.625rem; margin-bottom: 0;} .section-textblock .img-left .img-wrapper, .section-textblock .img-right .img-wrapper{ position: relative; display: inline-block;} .section-textblock .img-left img, .section-textblock .img-right img{ height: auto; width: 100%;} .section-textblock .img-left .icon-wrapper, .section-textblock .img-right .icon-wrapper{ position: absolute; bottom: 0; right: 0; width: 2.5rem; height: 2.5rem; display: flex; background: #172E4C; align-items: center;} .section-textblock .img-left .icon-wrapper i, .section-textblock .img-right .icon-wrapper i{ color: #ffffff; font-size: 1.25rem; margin: 0 auto;} @media (min-width: 768px){ .section-textblock > p.intro{ font-size: 1.375rem; line-height: 2rem;} .section-textblock .img-left{ float: left; margin-right: 2.5rem;} .section-textblock .img-right{ float: right; margin-left: 2.5rem;} .section-textblock .img-left, .section-textblock .img-right{ display: inline-block;} .section-textblock .img-left .img-wrapper, .section-textblock .img-right .img-wrapper{ display: block;} .section-textblock .img-left.img-margin-top, .section-textblock .img-right.img-margin-top{ margin-top: 1.625rem;} .section-textblock .img-left.img-margin-bottom, .section-textblock .img-right.img-margin-bottom{ margin-bottom: 1.625rem;} .section-textblock .img-left img, .section-textblock .img-right img{ max-width: 22rem; height: auto; padding: 0;} .section-textblock .img-left .img-text, .section-textblock .img-right .img-text{ max-width: 22rem;}} @media (min-width: 992px){ .section-textblock{ margin-bottom: 3.75rem;} .section-textblock.text-close{ margin-top: calc(-3.75rem / 2);} .section-textblock .img-right{ margin-right: -8.3333333333%;} .section-textblock .img-left{ margin-left: -8.3333333333%;}} @media print{ .section-textblock .img-right{ float: right; margin-left: 2.5rem; margin-right: 0; display: inline-block;} .section-textblock .img-right .img-wrapper{ display: inline;} .section-textblock .img-right .img-text{ display: block;} .section-textblock .img-left{ float: left; margin-left: 0; margin-right: 2.5rem; display: inline-block;} .section-textblock .img-left .img-wrapper{ display: inline;} .section-textblock .img-left .img-text{ display: block;} .section-textblock .img-left.img-margin-top, .section-textblock .img-right.img-margin-top{ margin-top: 1.625rem;} .section-textblock .img-left.img-margin-bottom, .section-textblock .img-right.img-margin-bottom{ margin-bottom: 1.625rem;} .section-textblock .img-left img, .section-textblock .img-right img{ max-width: 22rem; height: auto; padding: 0;} .section-textblock .img-left .icon-wrapper, .section-textblock .img-right .icon-wrapper{ display: none;} .section-textblock .img-left .img-text, .section-textblock .img-right .img-text{ max-width: 22rem;}} .section-text-image{ margin-bottom: 2.5rem;} .section-text-image .section-media{ margin-bottom: 2.5rem;} .section-text-image .section-media p{ margin-top: 0.625rem;} .section-text-image img{ height: auto; width: 100%;} .section-text-image .textblock{ margin-bottom: 0;} .section-text-image p{ margin-bottom: 0;} @media (min-width: 768px){ .section-text-image .section-media{ margin-bottom: 0;} .section-text-image img{ max-width: 22rem; height: auto; padding: 0 15px 1rem 15px; padding: 0;} .section-text-image .img-left{ float: left; margin-right: 2.5rem; margin-bottom: 1.625rem; margin-left: 15px;} .section-text-image .img-right{ float: right; margin-left: 2.5rem; margin-bottom: 1.625rem; margin-right: 15px;}} @media (min-width: 992px){ .section-text-image{ margin-bottom: 3.75rem;} .section-text-image .img-right{ margin-right: -8.3333333333%;} .section-text-image .img-left{ margin-left: -8.3333333333%;}} @media print{ .section-text-image img{ max-width: 22rem; height: auto; padding: 0 15px 1rem 15px; padding: 0;} .section-text-image .img-right{ float: right; margin-left: 2.5rem; margin-bottom: 1.625rem; margin-right: 0;} .section-text-image .img-left{ float: left; margin-right: 2.5rem; margin-bottom: 1.625rem; margin-left: 0;} .section-text-image .section-media{ width: 100%;}} .section-zitat{ margin-bottom: 2.5rem;} .section-zitat span.before{ font-family: "Unit-MediumTF"; float: left; font-size: 1.375rem; line-height: 2rem; margin-top: -3px;} .section-zitat blockquote{ padding-left: 1.25rem;} .section-zitat p{ font-family: "Unit-MediumTF"; font-size: 1.375rem; color: #172E4C; line-height: 2rem;} .section-zitat p > .right{ display: inline-block; margin-left: 0.125rem;} .section-zitat .blockquote-footer{ margin-top: 0.375rem; font-family: "UnitOffc-Light"; font-size: 1.125rem; color: #172E4C; line-height: 1.625rem;} .section-zitat .blockquote-footer::before{ content: none;} @media (min-width: 992px){ .section-zitat{ margin-bottom: 3.75rem;}} @media print{ .section-zitat blockquote{ border: none;}} .section-media{ margin-bottom: 2.5rem; display: block;} .section-media.img-large{ max-width: 1400px; margin: 0 auto 2.5rem;} .section-media.img-large img{ max-height: 47rem;} .section-media.img-large.img-legend .img-wrapper{ position: relative;} .section-media.img-large.img-legend .img-wrapper::after{ content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 0; background: #ffffff;} .section-media.img-large.img-legend img{ max-height: 35rem;} .section-media.img-large p{ position: relative; margin-left: 15px; margin-top: 0; padding-top: 1rem; padding-right: 15px;} .section-media img{ width: 100%; height: auto;} .section-media img.media-lightbox{ cursor: pointer;} .section-media img.media-lightbox + .icon-wrapper{ cursor: pointer;} .section-media p{ font-family: "Unit-MediumTF"; font-size: 1.25rem; color: #172E4C; line-height: 1.625rem; margin-top: 1.25rem; margin-bottom: 0;} .section-media .with-icon{ position: relative;} .section-media .with-icon .icon-wrapper{ position: absolute; bottom: 0; right: 0; width: 2.5rem; height: 2.5rem; display: flex; background: #172E4C; align-items: center; pointer-events: none;} .section-media .with-icon .icon-wrapper i{ color: #ffffff; font-size: 1.25rem; margin: 0 auto;} @media (min-width: 768px){ .section-media.img-large.img-legend .img-wrapper::after{ left: 50%; height: 2rem;} .section-media.img-large p{ margin-left: 50%; margin-top: -2rem; padding-left: 1.25rem;} .section-media img{ width: 100%; height: auto;}} @media (min-width: 992px){ .section-media{ margin-bottom: 3.75rem;} .section-media.img-large{ margin-bottom: 3.75rem;}} @media print{ .section-media{ width: 70%; margin-left: auto; margin-right: auto;} .section-media.img-large{ min-width: 992px !important; max-width: 1140px; width: auto;} .section-media.img-large .img-wrapper:after{ display: none;} .section-media.img-large p{ display: block; margin-top: 0; margin-left: 0; padding-left: 0;} .section-media .with-icon .icon-wrapper{ display: none;}} .section-linklist{ margin-bottom: 2.5rem;} .section-linklist .section-link{ margin-bottom: 0.625rem;} .section-linklist .card{ border-radius: 0; border: none; padding-left: 0; padding-right: 0; display: flex; border-top: 1px solid #c5c5c5; border-bottom: 1px solid #c5c5c5;} .section-linklist .card .card-header{ border-radius: 0; background-color: #ffffff; padding: 0; border-bottom: 0; cursor: pointer; display: flex; margin-bottom: 0;} .section-linklist .card .card-header .h3{ margin-top: 0.875rem; margin-bottom: 0.875rem;} .section-linklist .card .card-header.collapsed img{ transform: rotate(0deg);} .section-linklist .card .card-header .card-headline{ padding-right: 1rem;} .section-linklist .card .card-header img{ width: 1.25rem; height: 1.25rem; font-size: 1.25rem; margin: auto 1rem auto auto; color: #0482C3; transform: rotate(45deg);} .section-linklist .card .card-body{ padding: 0;} .section-linklist .card .card-body li{ padding-bottom: 0.15rem; padding-top: 0.15rem; padding-left: 0; border: 0;} .section-linklist .card .card-body ul:last-child{ border-bottom: 0;} .section-linklist .card .card-body a:link, .section-linklist .card .card-body a:visited, .section-linklist .card .card-body a:active{ color: #0482C3;} .section-linklist .card .card-body a:hover{ color: #166288;} @media (min-width: 992px){ .section-linklist .card{ border: none;} .section-linklist .card .card-header{ pointer-events: none; margin-bottom: 0;} .section-linklist .card .card-header .h3{ margin-top: 0; margin-bottom: 0;} .section-linklist .card .card-header img{ display: none;} .section-linklist .card .card-body{ display: block; margin-top: 0.625rem;}} @media print{ .section-linklist{ display: none;}} .section-textlinks{ color: #172E4C; margin-bottom: 2.5rem; margin-top: 0; font-family: "UnitOffc-Light"; font-size: 1.125rem; line-height: 1.625rem; display: block;} .section-textlinks h1, .section-textlinks h2, .section-textlinks h3, .section-textlinks h4, .section-textlinks h5, .section-textlinks h6{ font-family: "UnitOffc-Bold";} .section-textlinks a:link, .section-textlinks a:visited, .section-textlinks a:hover, .section-textlinks a:active{ color: #0482C3;} .section-textlinks .card{ font-family: "Unit-MediumTF"; border-radius: 0px;} .section-textlinks .list-group-item{ border: 0px; padding-left: 0px;} .section-textlinks .col-sm-4{ padding-left: 0px;} .section-textlinks .col-sm-8{ padding-right: 0px;} @media (min-width: 992px){ .section-textlinks{ display: flex; margin-bottom: 3.75rem;} .section-textlinks > .row{ width: calc(100% + 30px);}} section.teaserElement{ color: #172E4C; margin-top: 2.5rem; margin-bottom: 4rem;} section.teaserElement h1, section.teaserElement h2, section.teaserElement h3, section.teaserElement h4, section.teaserElement h5, section.teaserElement h6{ font-family: "UnitOffc-Bold";} section.teaserElement p{ font-family: "UnitOffc-Light"; font-size: 1.125rem; line-height: 1.625rem;} section.teaserElement a:link, section.teaserElement a:visited, section.teaserElement a:hover, section.teaserElement a:active{ text-decoration: none; color: inherit;} section.teaserElement .card{ border: 0px !important; border-radius: 0px !important;} section.teaserElement .card-img-top{ border-top-left-radius: 0px !important; border-top-right-radius: 0px !important;} .section-textlinks{ color: #172E4C; margin-bottom: 2.5rem; margin-top: 0; font-family: "UnitOffc-Light"; font-size: 1.125rem; line-height: 1.625rem; display: block;} .section-textlinks h1, .section-textlinks h2, .section-textlinks h3, .section-textlinks h4, .section-textlinks h5, .section-textlinks h6{ font-family: "UnitOffc-Bold";} .section-textlinks a:link, .section-textlinks a:visited, .section-textlinks a:hover, .section-textlinks a:active{ color: #0482C3;} .section-textlinks .card{ font-family: "Unit-MediumTF"; border-radius: 0px;} .section-textlinks .list-group-item{ border: 0px; padding-left: 0px;} .section-textlinks .col-sm-4{ padding-left: 0px;} .section-textlinks .col-sm-8{ padding-right: 0px;} @media (min-width: 992px){ .section-textlinks{ display: flex; margin-bottom: 3.75rem;} .section-textlinks > .row{ width: calc(100% + 30px);}} .section-teaser.vertical{ margin-bottom: 2.5rem;} .section-teaser.vertical .img-wrapper{ width: 100%;} .section-teaser.podcast .section-media{ width: 3rem; margin-bottom: 1rem;} .section-teaser.podcast .section-media svg{ width: 3rem; height: auto;} .section-teaser.podcast .metadata{ margin-bottom: 0.625rem;} .section-teaser.podcast .section-headline{ margin-bottom: 0.625rem;} .section-teaser.podcast .section-headline > *{ font-family: "Unit-MediumTF"; font-size: 1.25rem; color: #172E4C; line-height: 1.625rem; margin-bottom: 0;} .section-teaser.podcast .section-link > *{ font-family: "Unit-MediumTF"; font-size: 1rem; line-height: 1.375rem; color: #0482C3;} .section-teaser.podcast .section-link svg{ width: 1rem; height: auto;} .section-teaser .section-textblock{ margin-bottom: 0;} .section-teaser > a:hover{ text-decoration: none;} .section-teaser > a:hover .section-media img{ -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1);} .section-teaser > a:hover small{ color: #166288;} .section-teaser > a:hover .section-headline > *{ color: #166288;} .section-teaser > a:hover p.link{ text-decoration: none; color: #166288;} .section-teaser > a:hover p.link span{ text-decoration: none;} .section-teaser > a:hover p.link i{ color: #166288;} .section-teaser > a:hover .section-textblock + .section-link p.link{ font-family: "Unit-MediumTF"; color: #166288; margin-bottom: 0; text-decoration: none;} .section-teaser > a:hover .section-textblock + .section-link p.link span{ text-decoration: none;} .section-teaser > a:hover .section-textblock + .section-link p.link i{ color: #166288;} .section-teaser .card{ border: none; border-radius: 0; overflow: hidden;} .section-teaser .card .card-body{ padding: 0;} .section-teaser .section-media{ margin: 0; margin-bottom: 1.25rem; overflow: hidden;} .section-teaser .section-media img{ transition: 1s all;} .section-teaser .section-headline > *{ margin-bottom: 0.625rem;} .section-teaser .metadata{ font-family: "Unit-Regular"; font-size: 15px; color: #172E4C; letter-spacing: 0.2px; line-height: 1.25rem;} .section-teaser p.link{ font-family: "UnitOffc-Light"; font-size: 1.125rem; color: #172E4C; line-height: 1.625rem; margin: 0;} .section-teaser p.link i{ font-size: 15px; color: #172E4C;} .section-teaser .section-textblock + .section-link p.link{ font-family: "Unit-MediumTF"; color: #0482C3;} .section-teaser .section-textblock + .section-link p.link i{ color: #0482C3;} .section-teaser .section-linklist a.link{ font-size: 1rem; line-height: 1.375rem;} .section-teaser.highlight-box > a:hover .card{ background: #166288;} .section-teaser.highlight-box > a:hover .section-headline > *{ color: #ffffff;} .section-teaser.highlight-box > a:hover .link{ color: #ffffff;} .section-teaser.highlight-box > a:hover .link i, .section-teaser.highlight-box > a:hover .link span{ color: #ffffff;} .section-teaser.highlight-box .card{ background: #0482C3; padding: 1.875rem 1.25rem;} .section-teaser.highlight-box .card .card-body{ padding: 0;} .section-teaser.highlight-box .section-headline > *{ color: #ffffff;} .section-teaser.highlight-box .link{ font-family: "Unit-Regular"; margin: 0; color: #ffffff;} .section-teaser.highlight-box .link i{ color: #ffffff;} .section-teaser.pm{ margin-bottom: 2.5rem; background: none;} .section-teaser.pm .card .metadata{ margin-bottom: 0.625rem;} .section-teaser.pm .card .section-headline > *{ color: #172E4C;} .section-teaser.landscape{ margin-bottom: 2.5rem;} .section-teaser.landscape > a:hover .section-headline > *{ color: #172E4C;} .section-teaser.landscape > a:hover .section-textblock + .section-link p.link{ text-decoration: underline;} .section-teaser.landscape > a:hover .section-textblock + .section-link p.link span{ text-decoration: underline;} .section-teaser.landscape .card{ background: #f5f5f5; display: block;} .section-teaser.landscape .section-media{ margin: 0; vertical-align: middle;} .section-teaser.landscape .section-media > .img-wrapper{ top: 0; bottom: 0; left: 0; overflow: hidden;} .section-teaser.landscape .section-media > .img-wrapper > img{ width: 100%; height: 100%; object-fit: cover;} .section-teaser.landscape .card-body{ vertical-align: middle; padding: 2.5rem 2.5rem 2.75rem;} .section-teaser.landscape .card-body .section-textblock p{ margin-bottom: 0.5rem;} .section-teaser.portrait > a:hover .section-headline > *{ color: #172E4C;} .section-teaser.portrait > a:hover .section-textblock + .section-link p.link{ text-decoration: underline;} .section-teaser.portrait > a:hover .section-textblock + .section-link p.link span{ text-decoration: underline;} .section-teaser.portrait .card{ background: #f5f5f5; display: block;} .section-teaser.portrait .card .section-media{ margin-bottom: 0;} .section-teaser.portrait .card-body{ padding: 1.125rem 1rem 1.5rem;} .section-teaser.focus > a:hover .section-headline > *{ color: #172E4C;} .section-teaser.focus > a:hover .section-textblock + .section-link p.link{ text-decoration: underline; color: #172E4C;} .section-teaser.focus > a:hover .section-textblock + .section-link p.link span{ text-decoration: underline; color: #172E4C;} .section-teaser.focus > a:hover .section-textblock + .section-link p.link span i{ color: #172E4C;} .section-teaser.focus .card{ background: none;} .section-teaser.focus .card-body{ clear: both; margin-top: -6.5rem; z-index: 1;} .section-teaser.focus .card-body > *{ z-index: 2; margin-left: 1rem; padding-left: 1rem; padding-right: 2.25rem; background: #f5f5f5;} .section-teaser.focus .card-body .section-headline{ padding-top: 1.25rem; padding-bottom: 0.625rem;} .section-teaser.focus .card-body .section-headline > *{ margin-bottom: 0;} .section-teaser.focus .card-body .section-textblock > p{ margin-bottom: 0.625rem;} .section-teaser.focus p.link{ margin-bottom: 0;} .section-teaser .text-as-link a:link, .section-teaser .text-as-link a:visited, .section-teaser .text-as-link a:hover, .section-teaser .text-as-link a:active{ font-family: "UnitOffc-Light"; text-decoration: none; font-size: 18px; color: #172E4C; line-height: 26px; margin-top: 1rem;} .section-teaser .text-as-link i{ color: #172E4C;} @media (min-width: 768px){ .section-teaser.landscape .section-media{ display: inline-block; width: 37%;} .section-teaser.landscape .section-media > .img-wrapper{ position: absolute; width: 37%;} .section-teaser.landscape .card-body{ display: inline-block; width: 60%;}} @media (min-width: 992px){ .section-teaser.vertical{ margin-bottom: 3.75rem;} .section-teaser.landscape{ margin-bottom: 3.75rem;} .section-teaser.pm{ margin-bottom: 3.75rem;}} @media print{ .section-teaser{ display: none;}} .section-textList{ margin-bottom: 2.5rem;} .section-textList ul{ padding-left: 20px;} .section-textList ul li{ list-style-type: square;} .section-textList ol{ padding-left: 20px;} .section-textList li{ color: #172E4C; font-family: "UnitOffc-Light"; font-size: 1.125rem; line-height: 1.625rem; padding-left: 0.625rem; margin-bottom: 0.75rem;} @media (min-width: 992px){ .section-textList{ margin-bottom: 3.75rem;}} .section-akkordeon{ font-family: "UnitOffc-Light"; font-size: 1.125rem; line-height: 1.625rem; color: #172E4C; padding-bottom: 2.5rem;} .section-akkordeon > .section-headline{ margin-bottom: 1.25rem;} .section-akkordeon > .section-headline > *{ margin-bottom: 0;} .section-akkordeon > .section-dropdown{ margin-bottom: 0.625rem;} .section-akkordeon .date{ font-family: "Unit-Regular"; font-size: 15px; line-height: 1.25rem; margin-bottom: 0.125rem; letter-spacing: 0.2px;} .section-akkordeon .card-body{ padding: 0.375rem 2.5rem 2.125rem;} .section-akkordeon .card-body .section-textblock{ margin-bottom: 0.625rem;} .section-akkordeon .card-body .section-textList{ margin-bottom: 0.625rem;} .section-akkordeon .card-body .linklist .section-link{ margin-bottom: 0.625rem;} .section-akkordeon .section-table{ margin-left: -1.25rem; margin-right: -1.25rem; margin-bottom: 0;} .section-akkordeon .section-table .contents{ background: none;} .section-akkordeon .section-table .contents .container{ min-width: auto;} .section-akkordeon .section-table .contents .container .col-md-12{ padding: 0;} .section-akkordeon .section-table .contents .table{ background: none;} .section-akkordeon .section-table .contents .table th{ padding: 0 0.5rem 0.625rem;} .section-akkordeon .section-table .contents .table th:first-of-type{ min-width: auto; padding-left: 1.25rem;} .section-akkordeon .section-table .contents .table th:last-of-type{ padding-right: 1.25rem;} .section-akkordeon .section-table .contents .table td{ padding: 0.75rem 0.5rem 0.625rem;} .section-akkordeon .section-table .contents .table td:first-of-type{ padding-left: 1.25rem;} .section-akkordeon .section-table .contents .table td:last-of-type{ padding-right: 1.25rem;} .section-akkordeon .card{ border-radius: 0px; border: 0px; padding-left: 0px; padding-right: 0px; display: flex;} .section-akkordeon .card-header{ border-radius: 0; background-color: #ffffff; padding: 0.875rem 0; border-top: 1px solid #c5c5c5; border-bottom: 0;} .section-akkordeon .card-header img, .section-akkordeon .card-header svg{ float: right; margin-top: 0.25rem; margin-right: 1rem; transform: rotate(0deg);} .section-akkordeon .card-header.collapsed img, .section-akkordeon .card-header.collapsed svg{ transform: rotate(45deg);} .section-akkordeon .card:last-of-type{ border-bottom: 1px solid #c5c5c5;} .section-akkordeon .card + .section-link{ margin-top: 0.625rem;} .section-akkordeon .card-headline{ font-family: "Unit-MediumTF"; font-size: 1.25rem; color: #172E4C; line-height: 1.625rem;} .section-akkordeon .col-sm-2{ display: flex;} .section-akkordeon i{ margin-top: auto; margin-bottom: auto; margin-left: auto; color: #0482C3;} .section-akkordeon .contact{ font-family: "UnitOffc-Light"; font-size: 1.125rem; color: #172E4C; line-height: 1.625rem;} .section-akkordeon h6, .section-akkordeon .h6{ font-family: "Unit-MediumTF"; font-size: 1.125rem; color: #172E4C; line-height: 1.625rem; margin-bottom: 0.625rem;} .section-akkordeon section + h6, .section-akkordeon section + .h6{ margin-top: 1.875rem;} .section-akkordeon .multi-link-list h6, .section-akkordeon .multi-link-list .h6{ margin-top: 1.25rem; margin-bottom: 0.625rem;} .section-akkordeon .multi-link-list h6:first-of-type, .section-akkordeon .multi-link-list .h6:first-of-type{ margin-top: 0;} .section-akkordeon .multi-link-list .section-link{ margin-bottom: 0.625rem;} @media (min-width: 992px){ .section-akkordeon{ padding-bottom: 3.75rem;}} @media print{ .section-akkordeon .card-header img{ display: none;} .section-akkordeon .collapse{ display: block !important;}} .section-image-grid{ margin-bottom: 2.5rem;} .section-image-grid .main-image{ width: 100%; height: auto; vertical-align: top;} .section-image-grid .main-image img{ cursor: pointer; object-fit: contain; background: #f5f5f5; max-height: 22rem; height: 22rem;} .section-image-grid .main-image .section-media{ margin: 0;} .section-image-grid .legend{ font-family: "Unit-MediumTF"; font-size: 1.25rem; color: #172E4C; line-height: 1.625rem; margin-top: 0.25rem; margin-bottom: 1rem;} .section-image-grid .carousel .carousel-inner{ margin-bottom: 1rem; text-align: center;} .section-image-grid .carousel .carousel-inner .galleryitem{ display: inline-block; width: 22%;} .section-image-grid .carousel .carousel-inner .galleryitem img{ object-fit: contain; height: 3.75rem; background: #f5f5f5;} .section-image-grid .carousel .carousel-inner .section-media{ margin: 0;} .section-image-grid .carousel .carousel-inner img{ cursor: pointer;} .section-image-grid .carousel .carousel-control-prev{ opacity: 1; width: 1rem; color: #0482C3;} .section-image-grid .carousel .carousel-control-prev:hover{ color: #166288;} .section-image-grid .carousel .carousel-control-prev > i{ font-size: 1.25rem;} .section-image-grid .carousel .carousel-control-prev > i:before{ content: '\f053';} .section-image-grid .carousel .carousel-control-next{ opacity: 1; width: 1rem; color: #0482C3;} .section-image-grid .carousel .carousel-control-next:hover{ color: #166288;} .section-image-grid .carousel .carousel-control-next > i{ font-size: 1.25rem;} .section-image-grid .carousel .carousel-control-next > i:before{ content: '\f054';} .section-image-grid .carousel p{ margin-left: 15px;} @media (min-width: 576px){ .section-image-grid .main-image img{ max-height: 21.25rem; height: auto;} .section-image-grid .carousel .carousel-inner .carousel-item img{ max-height: 4.625rem; height: auto;}} @media (min-width: 768px){ .section-image-grid .main-image img{ max-height: 28.75rem;} .section-image-grid .carousel .carousel-inner .carousel-item img{ max-height: 6.375rem;}} @media (min-width: 992px){ .section-image-grid{ margin-bottom: 3.75rem;} .section-image-grid.abstand-block{ margin-bottom: 5.75rem;} .section-image-grid .right{ float: right; width: 19%;} .section-image-grid .left{ float: left; width: 80%;} .section-image-grid .main-image{ vertical-align: top; margin-bottom: 0;} .section-image-grid .main-image .section-media{ width: 100%; height: 100%;} .section-image-grid .main-image .section-media .img-wrapper{ width: 100%; height: 100%;} .section-image-grid .main-image img{ width: 100%; height: 25.75rem;} .section-image-grid .main-image .legend{ min-height: 4.75rem;} .section-image-grid .carousel .carousel-inner{ margin-bottom: 0;} .section-image-grid .carousel .carousel-inner .direction{ display: block !important;} .section-image-grid .carousel .carousel-inner .carousel-item{ height: 25.75rem;} .section-image-grid .carousel .carousel-inner .carousel-item .galleryitem{ display: block; width: auto; height: 25%; display: flex; justify-content: center; align-items: center;} .section-image-grid .carousel .carousel-inner .carousel-item img{  max-height: 6rem;} .section-image-grid .carousel .carousel-inner .carousel-item.active{ margin-left: 0;} .section-image-grid .carousel .carousel-inner .carousel-item.active, .section-image-grid .carousel .carousel-inner .carousel-item-next, .section-image-grid .carousel .carousel-inner .carousel-item-prev{ display: block;} .section-image-grid .carousel .carousel-inner .carousel-control-prev, .section-image-grid .carousel .carousel-inner .carousel-control-next{ margin: 0;} .section-image-grid .carousel .carousel-inner img{ width: 8.125rem; height: 5.5rem;} .section-image-grid .carousel .carousel-control-prev{ top: -2rem; left: 0; right: 0; bottom: 100%; width: 100%; height: 2rem;} .section-image-grid .carousel .carousel-control-prev > i:before{ content: '\f077';} .section-image-grid .carousel .carousel-control-next{ top: 100%; left: 0; right: 0; bottom: 0; width: 100%; height: 2rem;} .section-image-grid .carousel .carousel-control-next > i:before{ content: '\f078';} .section-image-grid .carousel .carousel-item-next.carousel-item-left, .section-image-grid .carousel .carousel-item-prev.carousel-item-right{ transform: translateY(0);} @supports (transform-style: preserve-3d){ .section-image-grid .carousel .carousel-item-next.carousel-item-left, .section-image-grid .carousel .carousel-item-prev.carousel-item-right{ transform: translate3d(0, 0, 0);}} .section-image-grid .carousel .carousel-item-next, .section-image-grid .carousel .active.carousel-item-right{ transform: translateY(100%);} @supports (transform-style: preserve-3d){ .section-image-grid .carousel .carousel-item-next, .section-image-grid .carousel .active.carousel-item-right{ transform: translate3d(0, 100%, 0);}} .section-image-grid .carousel .carousel-item-prev, .section-image-grid .carousel .active.carousel-item-left{ transform: translateY(-100%);} @supports (transform-style: preserve-3d){ .section-image-grid .carousel .carousel-item-prev, .section-image-grid .carousel .active.carousel-item-left{ transform: translate3d(0, -100%, 0);}} .section-image-grid p.legend{ margin-top: 0.5rem;}} @media (min-width: 1200px){ .section-image-grid .right{ width: 17%;} .section-image-grid .main-image img{ height: 24.25rem;} .section-image-grid .carousel .carousel-inner .carousel-item{ height: 24.25rem;} .section-image-grid .carousel .carousel-inner .carousel-item img{ max-height: 5.375rem;}} @media (-ms-high-contrast: none){ .section-image-grid .main-image .img-wrapper{ background: #f5f5f5;} .section-image-grid .right .carousel .carousel-inner .carousel-item .galleryitem .img-wrapper{ background: #f5f5f5;} .section-image-grid .right .carousel .carousel-inner .carousel-item .galleryitem .img-wrapper img{ width: auto; max-width: 100%;}} @media (min-width: 992px) and (-ms-high-contrast: none){ .section-image-grid .right .carousel .carousel-inner .carousel-item .galleryitem{ display: block; height: 26%;}} @media print{ .section-image-grid{ display: block; width: 70%; margin-left: auto; margin-right: auto;} .section-image-grid .right{ vertical-align: top; float: right; width: 17%;} .section-image-grid .right img{ display: block;} .section-image-grid .left{ vertical-align: top; float: left; width: 80%;} .section-image-grid .left .section-media{ min-width: auto !important;} .section-image-grid .left img{ width: 100%;} .section-image-grid .carousel{ max-height: 47rem;} .section-image-grid .carousel .carousel-inner{ margin-bottom: 0;} .section-image-grid .carousel .carousel-inner img{ width: 8.125rem; max-height: 4.8rem; margin-bottom: 1rem;} .section-image-grid .carousel .carousel-inner .galleryitem{ width: 100%;} .section-image-grid .carousel-control-prev, .section-image-grid .carousel-control-next{ display: none;} .section-image-grid .legend{ margin-top: 0;}} .section-box-socialmedia > a:hover{ text-decoration: none;} .section-box-socialmedia > a:hover .btn-secondary{ border-color: #166288; color: #166288;} .section-box-socialmedia .card{ padding: 1.25rem 1.25rem 2.5rem; background: #f5f5f5; border: none; border-radius: 0;} .section-box-socialmedia .card .card-body{ padding: 0;} .section-box-socialmedia p.regular{ font-family: "Unit-Regular"; font-size: 15px; color: #172E4C; letter-spacing: 0.2px; line-height: 1.25rem; margin: 0;} .section-box-socialmedia i{ color: #172E4C; font-size: 1.875rem;} .section-box-socialmedia .section-textblock{ margin-top: 0.625rem; margin-bottom: 1.25rem;} .section-box-socialmedia .section-textblock + strong{ margin-top: -1.25rem;} .section-box-socialmedia .section-textblock p{ margin: 0;} .section-box-socialmedia strong{ display: block; font-family: "Unit-MediumTF"; font-size: 1.125rem; font-weight: normal; color: #172E4C; line-height: 1.625rem;} .section-box-instagram a:hover{ text-decoration: none;} .section-box-instagram a:hover i{ color: #166288;} .section-box-instagram a:hover .btn-secondary{ border-color: #166288; color: #166288;} .section-box-instagram .card{ border-radius: 0px !important; border: none;} .section-box-instagram .card-body{ background-color: #f5f5f5; padding-top: 1.5rem; padding-bottom: 1.5rem;} .section-box-instagram .img-text{ display: flex; align-items: center; justify-content: center;} .section-box-instagram .img-text img{ width: 50px; margin-right: 1rem;} .section-box-instagram .img-text span{ font-family: "Unit-MediumTF"; color: #172E4C; background: none; font-size: 1.125rem;} .section-box-instagram .img-text span i{ font-size: 1.125rem; color: #172E4C;} .section-box-twitter a:hover{ text-decoration: none;} .section-box-twitter a:hover i{ color: #166288;} .section-box-twitter a:hover .btn-secondary{ border-color: #166288; color: #166288;} .section-box-twitter .card{ border-radius: 0px !important; border: none;} .section-box-twitter .card-body{ background-color: #f5f5f5; padding: 1.25rem 1.375rem 1.5rem;} .section-box-twitter .card-body .title{ font-family: "Unit-Regular"; font-size: 15px; line-height: 1.33; letter-spacing: .25px; color: #172E4C; margin-bottom: .75rem;} .section-box-twitter .card-body .title p{ margin: 0;} .section-box-twitter .card-body .section-textblock{ margin-bottom: 1.75rem;} .section-box-twitter .card-body .section-textblock p{ margin: 0;} .section-box-twitter .card-body .img-text{ display: flex; align-items: center; justify-content: center;} .section-box-twitter .card-body .img-text img, .section-box-twitter .card-body .img-text .svg{ width: 55px; margin-right: .625rem;} .section-box-twitter .card-body .img-text span{ font-family: "Unit-MediumTF"; color: #172E4C; background: none; font-size: 1.125rem;} .section-box-twitter .card-body .img-text span i{ font-size: 1.125rem; color: #172E4C;} .section-box-teaser a:hover{ text-decoration: none;} .section-box-teaser a:hover .card-body{ background-color: #166288;} .section-box-teaser .card{ border-radius: 0px !important; border: none;} .section-box-teaser .card-body{ background-color: #0482C3; padding: 1.25rem 1.375rem 1.875rem;} .section-box-teaser .card-body .img-text{ display: flex; align-items: center; justify-content: center; margin-bottom: 1.25rem;} .section-box-teaser .card-body .img-text img{ max-width: 306px; height: auto;} @media (min-width: 480px){ .section-box-teaser .card-body .img-text img{ max-width: 410px;}} @media (min-width: 720px){ .section-box-teaser .card-body .img-text img{ max-width: 290px;}} @media (min-width: 1400px){ .section-box-teaser .card-body .img-text img{ max-width: 310px;}} .section-box-teaser .card-body .section-headline h3{ font-size: 1.25rem; line-height: 1.625rem; color: #ffffff;} @media (min-width: 480px){ .section-box-teaser .card-body .section-headline h3{ font-size: 1.375rem; line-height: 1.75rem;}} .section-box-teaser .card-body .section-textblock, .section-box-teaser .card-body .section-link{ margin-bottom: 0;} .section-box-teaser .card-body .section-textblock p, .section-box-teaser .card-body .section-link p{ font-family: "UnitOffc-Light"; font-size: 1.125rem; line-height: 1.625rem; color: #ffffff; margin: 0;} .section-box-teaser .card-body .section-textblock p span, .section-box-teaser .card-body .section-textblock p i, .section-box-teaser .card-body .section-link p span, .section-box-teaser .card-body .section-link p i{ color: #ffffff;} .section-box-teaser .card-body .section-textblock p span, .section-box-teaser .card-body .section-link p span{ font-family: "UnitOffc-Light"; font-size: 1.125rem; line-height: 1.625rem;} .section-box-teaser .card-body .section-textblock p.link:hover, .section-box-teaser .card-body .section-link p.link:hover{ text-decoration: none;} .section-box-teaser .card-body .section-textblock p.link:hover span, .section-box-teaser .card-body .section-textblock p.link:hover i, .section-box-teaser .card-body .section-link p.link:hover span, .section-box-teaser .card-body .section-link p.link:hover i{ text-decoration: none;} .section-box-teaser.section-box-teaser--dark .card-body{ background-color: #172E4C;} .section-box-teaser.section-box-teaser--icon .img-text img, .section-box-teaser.section-box-teaser--icon .img-text svg{ max-width: 120px; height: auto;} .section-box-video a:hover{ text-decoration: none;} .section-box-video a:hover i{ color: #166288;} .section-box-video a:hover .btn-secondary{ border-color: #166288; color: #166288;} .section-box-video .card{ border-radius: 0px !important; border: none;} .section-box-video .card-body{ background-color: #f5f5f5; padding-top: 1.75rem; padding-bottom: 2rem;} .section-box-video .img-text{ display: flex; align-items: center; justify-content: center;} .section-box-video .img-text img{ width: 55px; margin-right: 1rem;} .section-box-video .img-text span{ font-family: "Unit-MediumTF"; color: #172E4C; background: none; font-size: 1.125rem;} .section-box-video .img-text span i{ font-size: 1.125rem; color: #172E4C;} .section-line hr{ border-top: 1px solid #c5c5c5;} .old-section-person{ font-family: "UnitOffc-Light"; font-size: 1.125rem; line-height: 1.625rem; margin-bottom: 1.5rem; color: #172E4C;} .old-section-person h5{ font-family: "Unit-MediumTF"; font-size: 1.375rem; line-height: 2rem;} .old-section-person h6{ font-family: "Unit-MediumTF"; color: #172E4C;} .old-section-person a:link, .old-section-person a:visited, .old-section-person a:hover, .old-section-person a:active{ font-family: Unit-MediumTF; color: #0482C3;} .old-section-person a:link:hover, .old-section-person a:visited:hover, .old-section-person a:hover:hover, .old-section-person a:active:hover{ color: #166288;} .old-section-person p{ margin-bottom: 0px;} .old-section-person .card{ border: 0px; border-radius: 0px;} .old-section-person .card-body{ padding-right: 0px; padding-left: 0px;} .old-section-person .card-img-top{ border-top-left-radius: 0px; border-top-right-radius: 0px;} .section-person{ font-family: "Unit-MediumTF"; line-height: 1.44rem; margin-bottom: 1.5rem; color: #172E4C; font-size: 1.125rem;} .section-person .section-media{ margin-bottom: 1rem;} .section-person .section-media img, .section-person .section-media svg{ width: 100%; height: auto; background: #efefef;} .section-person .card-subtitle{ font-size: 1em; line-height: 1.44rem; margin: 0;} .section-person .card-title{ font-size: 1.375rem; line-height: 1.27; margin-top: .25rem; margin-bottom: .75rem;} .section-person .contact{ display: block; font-family: "UnitOffc-Light";} .section-person .card-text{ margin-bottom: 0;} .section-person .card-text + .card-text{ margin-top: 10px;} .section-person a:link, .section-person a:visited, .section-person a:hover, .section-person a:active{ font-family: Unit-MediumTF; color: #0482C3;} .section-person a:link:hover, .section-person a:visited:hover, .section-person a:hover:hover, .section-person a:active:hover{ color: #166288;} .section-person .card{ border: none; border-radius: 0;} .section-person .card-body{ padding: 0;} .section-pagination{ margin-top: 0.625rem; margin-bottom: 0.625rem; text-align: center; flex-direction: column;} .section-pagination .abc-list{ list-style: none; padding: 0; margin: 0; text-align: left;} .section-pagination .abc-list li{ display: inline-block; font-family: "Unit-MediumTF"; font-size: 1.125rem; color: #172E4C; line-height: 1.625rem;} .section-pagination .abc-list li.entry-all{ display: block; text-align: left;} .section-pagination .abc-list li.entry-all a{ letter-spacing: 0;} .section-pagination .abc-list li a{ font-family: "UnitOffc-Bold"; font-size: 1.75rem; line-height: 1.5rem; text-align: left; text-decoration: none; color: #0482C3; padding: 13px 7px; display: inline-block; width: 30px;} .section-pagination .abc-list li a:hover{ color: #166288; text-decoration: underline;} .section-pagination .abc-list li a.active{ color: #172E4C;} .section-pagination .abc-list li a.disabled{ pointer-events: none; color: #000000; opacity: 0.3;} .section-pagination .section-dropdown{ margin-bottom: 1.25rem;} .section-pagination .pagination{ margin: 0 auto; display: block; text-align: left;} .section-pagination .pagination .page-item{ text-align: left; display: inline-block; margin-right: 1rem;} .section-pagination .pagination .page-item.active > .page-link{ color: #172E4C;} .section-pagination .pagination .page-link{ background: none; margin: 0; padding: 0; border: 0; font-family: "UnitOffc-Bold"; font-size: 1.125rem; line-height: 1.625rem; color: #0482C3; margin-top: 1.25rem;} .section-pagination .pagination .page-link:active{ color: #172E4C;} .section-pagination .pagination .page-link:hover{ color: #166288; text-decoration: underline;} .section-pagination .pagination .page-link:focus{ box-shadow: none;} @media (min-width: 768px){ .section-pagination{ display: flex; flex-direction: row;} .section-pagination .abc-list{ padding-left: 0; margin-bottom: 0.625rem;} .section-pagination .abc-list li.entry-all{ display: inline-block; margin-right: 1.5rem; text-align: center;} .section-pagination .abc-list li a{ font-family: "Unit-MediumTF"; font-size: 1.125rem; line-height: 1.625rem; text-align: center; padding: 0; padding-right: 0.35rem; width: auto;} .section-pagination .section-dropdown{ margin-bottom: 0.625rem; float: left;} .section-pagination .pagination{ display: flex; margin-right: 0;} .section-pagination .pagination .page-item{ margin-right: 0;} .section-pagination .pagination .page-item.previous{ display: list-item;} .section-pagination .pagination .page-link{ font-family: "Unit-MediumTF"; margin: 0 0.625rem;}} @media print{ .section-pagination .page-link{ text-decoration: none;}} .section-share{ margin-bottom: 1.25rem; position: relative;} .section-share a{ font-family: "Unit-MediumTF"; font-size: 1rem; color: #0482C3; line-height: 1.375rem; margin-right: 1.75rem;} .section-share a:hover{ text-decoration: none; color: #166288;} .section-share a:hover span{ text-decoration: underline;} .section-share a.btn{ min-width: auto; font-size: 1.125rem; color: #ffffff; margin-top: -0.5rem; line-height: 1.625rem; padding-left: 1rem; padding-right: 1rem;} .section-share a > i{ font-size: 1.25rem; line-height: 2rem; margin-right: 0.25rem;} .section-share #popover_share{ display: none; position: absolute; top: 2.5rem; left: 0; right: 0; z-index: 9; padding-left: 1.125rem; padding-right: 0.875rem; box-shadow: 0 0 2px 2px #dfdfdf; background: #f5f5f5;} .section-share #popover_share .arrow{ position: absolute; display: block; width: .5rem; height: 1rem; margin: .3rem 0; top: -13px;} .section-share #popover_share .arrow:after, .section-share #popover_share .arrow:before{ position: absolute; display: block; content: ""; border-color: transparent; border-style: solid;} .section-share #popover_share .arrow:before{ border-width: 0 .5rem .5rem .5rem; top: 0; border-bottom-color: #dfdfdf;} .section-share #popover_share .arrow:after{ top: 1px; border-bottom-color: #f5f5f5; border-width: 0 .5rem .5rem .5rem;} .section-share #popover_share .close-wrapper{ position: relative; display: block; text-align: right; float: none; margin-top: -1px; margin-right: -0.875rem; margin-bottom: 0.25rem;} .section-share #popover_share .close-wrapper .close{ float: none; display: inline-block; opacity: 1; padding: 10px 12px; background: #dfdfdf;} .section-share #popover_share .close-wrapper .close img{ transform: rotate(45deg); vertical-align: top;} .section-share #popover_share ul{ padding: 0; list-style: none;} .section-share #popover_share .share-list li{ position: relative; padding-left: 3rem; margin-bottom: 1.5rem;} .section-share #popover_share .share-list li.active i, .section-share #popover_share .share-list li.mail i{ color: #0482C3;} .section-share #popover_share .share-list li.active span, .section-share #popover_share .share-list li.mail span{ color: #0482C3;} .section-share #popover_share .share-list li.active a, .section-share #popover_share .share-list li.mail a{ pointer-events: auto;} .section-share #popover_share .share-list li label{ position: absolute; left: 0; top: 0.25rem;} .section-share #popover_share .share-list li a{ pointer-events: none;} .section-share #popover_share .share-list li i{ width: 1rem; margin-right: 0.375rem; line-height: 1; text-align: right; color: #868686;} .section-share #popover_share .share-list li span{ font-family: "Unit-MediumTF"; font-size: 1rem; color: #868686; line-height: 1.375rem;} .section-share #popover_share .card{ margin-left: -1.125rem; margin-right: -0.875rem; background: #f5f5f5; border: none; border-top: 1px solid #dfdfdf; border-radius: 0;} .section-share #popover_share .card .card-header{ border: none; background: none; font-family: "Unit-MediumTF"; font-size: 1rem; color: #0482C3; line-height: 1.375rem; cursor: pointer;} .section-share #popover_share .card .card-header img{ width: 0.75rem; height: 0.75rem; float: right; margin-top: 0.25rem; margin-right: 0; transform: rotate(45deg);} .section-share #popover_share .card .card-header.collapsed img{ transform: rotate(0deg);} .section-share #popover_share .card .card-body{ padding-top: 0; font-family: "Unit-Regular"; font-size: 15px; color: #172E4C; letter-spacing: 0.2px; line-height: 1.25rem;} .section-share #popover_share .card .card-body ul{ margin-top: 0.75rem; margin-bottom: 0;} .section-share #popover_share .card .card-body ul li{ margin-bottom: 1.5rem;} .section-share #popover_share .card .card-body ul li:last-child{ margin-bottom: 0;} .section-share #popover_share .switch{ position: relative; display: inline-block; width: 1.5rem; height: 1rem; margin-bottom: 0;} .section-share #popover_share .switch input{ display: none;} .section-share #popover_share .switch .slider{ position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ffffff; -webkit-transition: .4s; transition: .4s; border-radius: 34px; border: 1px solid #c5c5c5;} .section-share #popover_share .switch .slider:before{ position: absolute; content: ""; height: 0.9rem; width: 0.9rem; top: 0; background-color: white; -webkit-transition: .4s; transition: .4s; border-radius: 50%; border: 1px solid #c5c5c5;} .section-share #popover_share .switch input:checked + .slider{ background-color: #0482C3;} .section-share #popover_share .switch input:focus + .slider{ box-shadow: 0 0 1px #0482C3;} .section-share #popover_share .switch input:checked + .slider:before{ -webkit-transform: translateX(0.5rem); -ms-transform: translateX(0.5rem); transform: translateX(0.5rem); border-color: #166288;} .section-share #popover_share .section-checkbox{ display: block; float: none; padding-top: 0;} .section-share #popover_share .section-checkbox label{ margin-bottom: 0; font-family: "Unit-MediumTF"; font-size: 1rem; color: #0482C3; line-height: 1.375rem;} @media (min-width: 768px){ .section-share{ margin-top: 0;} .section-share .share-overflow.overflow-open{ padding-bottom: 1.25rem;} .section-share #popover_share{ left: 0; right: auto; width: 18.25rem;} .section-share #popover_share .share-list{ margin-top: 1.375rem;}} @media (min-width: 1200px){ .section-share{ position: absolute; margin-top: 0.5rem;} .section-share.meta-line{ margin-top: 3rem;} .section-share #popover_share{ top: 2.5rem; width: 18.25rem;} .section-share #popover_share.with-button{ top: 5rem;} .section-share a{ display: inline-block; margin-bottom: 0.625rem;}} @media print{ .section-share{ display: none;}} .section-filter{ margin-bottom: calc(2.5rem - 1rem);} .section-filter ul.sort{ list-style: none; padding: 0; margin: 0 0 2.5rem;} .section-filter ul.sort li{ display: block; font-family: "Unit-MediumTF"; font-size: 1.25rem; color: #172E4C; line-height: 1.625rem; margin-bottom: 0.625rem;} .section-filter ul.sort li a{ font-family: "Unit-MediumTF"; font-size: 1.125rem; line-height: 1.625rem; color: #0482C3;} .section-filter ul.sort li a:hover{ color: #166288;} .section-filter .section-dropdown{ display: inline-block; margin-bottom: 2rem; margin-right: 2.25rem;} .section-filter .search{ margin-bottom: 1.625rem;} .section-filter form .section-input + .section-input-filter{ margin-top: 1.875rem;} .section-filter .buttons > *{ display: inline-block; margin-right: 1.875rem; margin-bottom: 1rem;} .section-filter .buttons .section-dropdown{ float: left; margin-left: 0; padding-top: 0.75rem;} .section-filter .buttons .reset{ margin-left: auto;} .section-filter .buttons .filter{ margin-right: 0;} @media (min-width: 768px){ .section-filter ul.sort li{ display: inline-block; margin-right: 1.875rem; margin-bottom: 0;} .section-filter .buttons{ text-align: right;}} @media (min-width: 992px){ .section-filter{ margin-bottom: calc(3.75rem - 1rem);}} @media print{ .section-filter{ display: none;}} .section-publikation .card{ border: none; border-radius: 0;} .section-publikation .card .section-media{ margin: 0; margin-bottom: 0.625rem;} .section-publikation .card .section-media img{ max-width: 8.5rem;} .section-publikation .card .card-body{ padding: 0;} .section-publikation .card .card-body .section-headline{ margin-bottom: 0.625rem;} .section-publikation .card .card-body .section-headline > *{ font-family: "Unit-MediumTF"; font-size: 1.25rem; color: #172E4C; line-height: 1.625rem; margin-bottom: 0;} .section-publikation .card .card-body .section-textblock{ margin-bottom: 0.625rem;} .section-publikation .card .card-body .section-textblock > *{ font-family: "UnitOffc-Light"; font-size: 1rem; color: #172E4C; letter-spacing: 0.25px; line-height: 1.5rem; margin-bottom: 0;} .section-publikation .card .card-body .section-link > *{ font-family: "Unit-MediumTF"; font-size: 1rem; line-height: 1.375rem;} .section-publikation .card .card-body .section-link > * i{ font-size: 1.125rem; line-height: 2rem;} .section-publikation .card .card-body small{ font-family: "Unit-MediumTF"; font-size: 1rem; color: #868686; line-height: 1.375rem;} .section-publikation .card .card-body .section-checkbox label{ font-family: "Unit-MediumTF"; font-size: 1rem; line-height: 1.375rem;} @media (min-width: 576px){ .section-publikation .card{ display: flex; flex-direction: row; align-items: start;} .section-publikation .card .section-media{ flex: 30%; margin-bottom: 0;} .section-publikation .card .section-media img{ max-width: none;} .section-publikation .card .card-body{ flex: 69%; padding-left: 1.875rem;}} @media (min-width: 768px){ .section-publikation .card{ display: block;} .section-publikation .card .section-media{ margin: 0; margin-bottom: 0.625rem;} .section-publikation .card .section-media img{ max-width: 8.5rem;} .section-publikation .card .card-body{ padding: 0;}} @media (min-width: 992px){ .section-publikation .card{ display: flex; flex-direction: row; align-items: start;} .section-publikation .card .section-media{ flex: 30%; margin-bottom: 0;} .section-publikation .card .section-media img{ max-width: none;} .section-publikation .card .card-body{ flex: 69%; padding-left: 1.875rem;}} .section-text-info{ margin-bottom: 2.5rem;} .section-text-info .infobox{ position: relative; height: auto; width: 100%; background: #f5f5f5; padding: 1.25rem; margin-bottom: 1.25rem;} .section-text-info .infobox div[class^="section-"]{ margin-bottom: 0;} .section-text-info .infobox div[class^="section-"] + div[class^="section-"]{ margin-top: 2.5rem;} .section-text-info .infobox .section-textblock > *{ font-family: "Unit-MediumTF"; font-size: 1.125rem; color: #172E4C; line-height: 1.625rem;} .section-text-info .infobox .section-media img{ width: auto; max-width: 16rem; max-height: 100%;} .section-text-info .infobox .section-media p{ font-family: "Unit-Regular"; font-size: 15px; line-height: 20px; margin-top: 0.5rem;} .section-text-info .infobox small{ font-family: "UnitOffc-Light"; font-size: 15px; color: #172E4C; letter-spacing: 0.2px; line-height: 1.25rem;} .section-text-info .infobox .section-table{ margin-left: -1.25rem; margin-right: -1.25rem;} .section-text-info .infobox .section-table .container{ min-width: auto;} .section-text-info .infobox .section-table .container .col-md-12{ padding: 0;} .section-text-info .infobox .section-table .contents .table th{ padding: 0 0.5rem 0.625rem;} .section-text-info .infobox .section-table .contents .table th:first-of-type{ min-width: auto; padding-left: 1.25rem;} .section-text-info .infobox .section-table .contents .table th:last-of-type{ padding-right: 1.25rem;} .section-text-info .infobox .section-table .contents .table td{ padding: 0.75rem 0.5rem 0.625rem;} .section-text-info .infobox .section-table .contents .table td:first-of-type{ padding-left: 1.25rem;} .section-text-info .infobox .section-table .contents .table td:last-of-type{ padding-right: 1.25rem;} .section-text-info .textblock{ margin-bottom: 0;} .section-text-info p{ margin-bottom: 0;} @media (min-width: 768px){ .section-text-info .infobox{ max-width: 22rem; height: auto;} .section-text-info .info-left{ float: left; margin-right: 2.5rem; margin-bottom: 1.625rem;} .section-text-info .info-right{ float: right; margin-left: 2.5rem; margin-bottom: 1.625rem;}} @media (min-width: 992px){ .section-text-info{ margin-bottom: 3.75rem;} .section-text-info .info-right{ margin-right: -8.3333333333%;} .section-text-info .info-left{ margin-left: -8.3333333333%;}} @media (min-width: 992px){ .section-text-zitat .section-zitat{ margin-right: 1.875rem;}} .section-infobox-old{ margin-bottom: 2.5rem; background: #f5f5f5; padding: 1.25rem;} .section-infobox-old .section-textblock{ margin-bottom: 1.25rem;} .section-infobox-old .section-textblock p{ font-family: "UnitOffc-Light"; font-size: 1.125rem; color: #172E4C; letter-spacing: 0.25px; line-height: 1.625rem; margin-bottom: 0;} .section-infobox-old .section-headline{ margin-bottom: 0.625rem;} .section-infobox-old .section-headline > *{ font-family: "Unit-MediumTF"; font-size: 1.25rem; color: #172E4C; line-height: 1.625rem; margin-bottom: 0;} .section-infobox-old a{ font-family: "Unit-MediumTF"; font-size: 1rem; color: #0482C3; line-height: 1.375rem; margin-bottom: 0;} .section-infobox-old a:hover{ color: #166288;} .section-infobox-old .sociallinks{ list-style: none; display: flex; flex-direction: column; margin: .5rem 0 0; padding: 0;} .section-infobox-old .sociallinks li + li{ margin-top: 1rem;} .section-infobox-old .sociallinks a{ display: flex; align-items: center; font-family: "UnitOffc-Bold"; font-size: 1.125rem; line-height: 1.625rem;} .section-infobox-old .sociallinks a i{ font-size: 2.5rem; width: 3.125rem; margin-right: .375rem;} @media (min-width: 768px){ .section-infobox-old.no-text .sociallinks{ margin-top: 1.5rem;} .section-infobox-old .sociallinks{ flex-direction: row;} .section-infobox-old .sociallinks li{ flex: 1 1 50%;} .section-infobox-old .sociallinks li a i{ width: auto;} .section-infobox-old .sociallinks li + li{ margin-top: 0;} .section-infobox-old .sociallinks.child-3 li{ flex: 1 1 33%;}} @media (min-width: 992px){ .section-infobox-old{ margin-bottom: 3.75rem; padding: 1.875rem;}} @media print{ .section-infobox-old{ background: none; border: 1px solid #c5c5c5;}} .section-infobox{ margin-bottom: 3.75rem; background: #f5f5f5; padding: 20px;} .section-infobox.text-right h3, .section-infobox.text-right .section-textblock p, .section-infobox.text-right .link-extra{ text-align: right;} .section-infobox.infobox-image-text{ display: flex; flex-direction: column;} .section-infobox.infobox-image-text .part-main, .section-infobox.infobox-image-text .part-image{ flex: 0 0 100%; width: 100%;} .section-infobox.infobox-image-text .part-image{ margin-top: 1.25rem;} .section-infobox.infobox-image-text .part-image img, .section-infobox.infobox-image-text .part-image svg{ width: 100%; max-width: 100%;} .section-infobox.infobox-image-text.infobox-image-left{ flex-direction: column-reverse;} .section-infobox.infobox-image-text.infobox-image-left .part-image{ margin-top: 0; margin-bottom: 1.25rem;} .section-infobox h2{ font-family: "Unit-MediumTF"; font-size: 1.5rem; line-height: 30px; margin-bottom: 1.25rem; color: #172E4C;} .section-infobox h3{ font-family: "Unit-MediumTF"; font-size: 1.25rem; line-height: 1.625rem; color: #172E4C; margin: 0;} .section-infobox .big-outer{ width: 100%; position: relative; margin-bottom: 1.25rem;} .section-infobox .big-outer img, .section-infobox .big-outer svg{ max-width: 100%; width: 100%;} .section-infobox .section-textblock{ margin: 0;} .section-infobox .section-textblock p{ font-family: "UnitOffc-Light"; font-size: 1.125rem; color: #172E4C; line-height: 1.625rem; margin-bottom: 0;} .section-infobox .section-textblock p a{ display: inline; margin: 0; color: #0482C3; font-family: "Unit-MediumTF";} .section-infobox .section-textblock p a:hover, .section-infobox .section-textblock p a:active, .section-infobox .section-textblock p a:focus{ text-decoration: underline; color: #166288;} .section-infobox .link-extra{ display: block; font-family: "Unit-MediumTF"; font-size: 1.125rem; line-height: 1.625rem; color: #0482C3;} .section-infobox .link-extra:hover, .section-infobox .link-extra:active, .section-infobox .link-extra:focus{ text-decoration: underline; color: #166288;} .section-infobox .bullet-list{ margin: 1.25rem 0 0; padding-left: 1.25rem;} .section-infobox .bullet-list + .section-textblock{ margin-top: 1.25rem;} .section-infobox .bullet-list li{ color: #172E4C;} .section-infobox .bullet-list li a{ font-family: "Unit-MediumTF"; color: #0482C3;} .section-infobox .bullet-list li a:hover, .section-infobox .bullet-list li a:active, .section-infobox .bullet-list li a:focus{ text-decoration: underline; color: #166288;} .section-infobox .bullet-list ul{ margin: 0; list-style: square; padding-left: 0;} .section-infobox .bullet-list ul li{ padding-left: 0.5rem; font-family: "UnitOffc-Light"; font-size: 1.125rem; line-height: 1.625rem;} .section-infobox .bullet-list ul li + li{ margin-top: 0.75rem;} .section-infobox .bullet-list ul ul{ list-style: square; padding-left: 1.25rem;} .section-infobox .bullet-list ol{ padding-left: 0; counter-reset: item; margin: 0;} .section-infobox .bullet-list ol li{ display: block; font-family: "UnitOffc-Light"; font-size: 1.125rem; line-height: 1.625rem; padding-left: 0.75rem;} .section-infobox .bullet-list ol li:before{ content: counters(item, ".") ". "; counter-increment: item; margin-left: -1.75rem; display: inline-block; width: 1.375rem;} .section-infobox .bullet-list ol li + li{ margin-top: 0.75rem;} .section-infobox .bullet-list ol li a{ font-family: "Unit-MediumTF";} .section-infobox .bullet-list ol li a:hover, .section-infobox .bullet-list ol li a:active, .section-infobox .bullet-list ol li a:focus{ text-decoration: underline; color: #166288;} .section-infobox .bullet-list ol ol{ padding-left: 1rem;} .section-infobox .bullet-list ol ol li{ padding-left: 1.5rem;} .section-infobox .bullet-list ol ol li::before{ margin-left: -2.5rem; width: 2.5rem;} .section-infobox .icon-list{ margin-top: 1.25rem; display: flex; flex-wrap: wrap; flex-direction: row;} .section-infobox .icon-list a{ flex: 0 0 100%; display: flex; align-items: center; cursor: pointer; width: 100%; margin-bottom: 0.75rem;} .section-infobox .icon-list a:last-child{ margin-bottom: 0;} .section-infobox .icon-list a:hover img, .section-infobox .icon-list a:hover svg, .section-infobox .icon-list a:hover svg path, .section-infobox .icon-list a:active img, .section-infobox .icon-list a:active svg, .section-infobox .icon-list a:active svg path, .section-infobox .icon-list a:focus img, .section-infobox .icon-list a:focus svg, .section-infobox .icon-list a:focus svg path{ fill: #166288;} .section-infobox .icon-list a:hover span, .section-infobox .icon-list a:active span, .section-infobox .icon-list a:focus span{ text-decoration: underline; color: #166288;} .section-infobox .icon-list a img, .section-infobox .icon-list a svg{ width: 30px;} .section-infobox .icon-list a span{ font-family: "Unit-MediumTF"; font-size: 1.125rem; line-height: 1.625rem; color: #0482C3; margin-left: 10px;} .section-infobox h3 + .section-textblock, .section-infobox .section-textblock + h3, .section-infobox .link-extra{ margin-top: 1.25rem;} @media (min-width: 480px){ .section-infobox.infobox-image-text .part-image img, .section-infobox.infobox-image-text .part-image svg{ width: 50%; max-width: 50%;} .section-infobox h2{ font-size: 2rem; line-height: 38px;} .section-infobox h3{ font-size: 1.375rem; line-height: 1.75rem;}} @media (min-width: 720px){ .section-infobox.medium-width.infobox-image-text:not(.infobox-image-left):not(.small-width){ flex-direction: row; justify-content: space-between;} .section-infobox.medium-width.infobox-image-text:not(.infobox-image-left):not(.small-width) .part-main, .section-infobox.medium-width.infobox-image-text:not(.infobox-image-left):not(.small-width) .part-image{ flex: 0 0 calc(50% - 15px); width: calc(50% - 15px);} .section-infobox.medium-width.infobox-image-text:not(.infobox-image-left):not(.small-width) .part-image{ margin: 0;} .section-infobox.medium-width.infobox-image-text:not(.infobox-image-left):not(.small-width) .part-image img, .section-infobox.medium-width.infobox-image-text:not(.infobox-image-left):not(.small-width) .part-image svg{ width: 100%; max-width: 100%;}} @media (min-width: 960px){ .section-infobox{ max-width: 730px; margin-left: auto; margin-right: auto; padding: 30px;} .section-infobox.small-width{ max-width: 350px; padding: 20px;} .section-infobox.large-width{ max-width: 920px;} .section-infobox.side-left{ margin-left: 0;} .section-infobox.side-right{ margin-right: 0;} .section-infobox.infobox-image-text.infobox-image-left:not(.small-width){ flex-direction: row-reverse; justify-content: space-between;} .section-infobox.infobox-image-text.infobox-image-left:not(.small-width) .part-main, .section-infobox.infobox-image-text.infobox-image-left:not(.small-width) .part-image{ flex: 0 0 calc(50% - 15px); width: calc(50% - 15px);} .section-infobox.infobox-image-text.infobox-image-left:not(.small-width) .part-image{ margin: 0;} .section-infobox.infobox-image-text.infobox-image-left:not(.small-width) .part-image img, .section-infobox.infobox-image-text.infobox-image-left:not(.small-width) .part-image svg{ width: 100%; max-width: 100%;} .section-infobox.infobox-image-text.small-width .part-image img, .section-infobox.infobox-image-text.small-width .part-image svg{ width: 100%; max-width: 100%;}} @media (min-width: 992px){ .section-infobox{ margin-bottom: 3.75rem;} .section-infobox .icon-list a{ flex: 0 0 33%; width: 33%; margin-bottom: 0;}} @media print{ .section-infobox{ background: none; border: 1px solid #c5c5c5;}} .section-infobox-slider{ margin-bottom: 3.75rem;} .section-infobox-slider .outer-wrapper .navigation{ display: flex; justify-content: space-between; align-items: center; width: 305px; margin: 0 auto;} .section-infobox-slider .outer-wrapper .navigation .carousel-control{ display: flex;} .section-infobox-slider .outer-wrapper .navigation .carousel-control.active img, .section-infobox-slider .outer-wrapper .navigation .carousel-control.active svg, .section-infobox-slider .outer-wrapper .navigation .carousel-control:hover img, .section-infobox-slider .outer-wrapper .navigation .carousel-control:hover svg{ color: #0482C3;} .section-infobox-slider .outer-wrapper .navigation .carousel-control img, .section-infobox-slider .outer-wrapper .navigation .carousel-control svg{ width: 2.5rem; color: #c5c5c5;} .section-infobox-slider .outer-wrapper .navigation .pages{ font-family: UnitOffc-Light; font-size: 1.375rem; line-height: 2rem;} .section-infobox-slider .carousel-inner .carousel-item{ margin: 1.5rem auto;} .section-infobox-slider .carousel-inner .carousel-item .section-infobox{ min-height: 1200px; margin: 0;} @media (min-width: 480px){ .section-infobox-slider .carousel-inner .carousel-item .section-infobox{ min-height: 900px;}} @media (min-width: 768px){ .section-infobox-slider .carousel-inner .carousel-item .section-infobox{ min-height: 800px;}} .section-input-filter .buttons{ margin-top: 1.625rem;} .section-input-filter .buttons > *{ display: inline-block; margin-right: 1.875rem; margin-bottom: 1rem;} .section-input-filter .buttons .section-dropdown{ float: left; margin-left: 0; padding-top: 0.75rem;} .section-input-filter .buttons .reset{ margin-left: auto;} .section-input-filter .buttons .filter{ margin-right: 0;} @media (min-width: 768px){ .section-input-filter .buttons{ text-align: right;}} .section-linklist-box{ margin-bottom: 2.5rem; background: #f5f5f5; padding: 1.25rem;} .section-linklist-box .section-link{ margin-bottom: 0.625rem;} .section-linklist-box .section-link:last-of-type{ margin-bottom: 0;} .section-linklist-box .sub{ margin: 0.625rem 0 0.625rem 2.5rem;} @media (min-width: 992px){ .section-linklist-box{ margin-bottom: 3.75rem; padding: 1.875rem 1.25rem;}} .section-linklist-overline{ margin-bottom: 2.5rem; background: #f5f5f5; padding: 1.25rem;} .section-linklist-overline .entry + .entry{ margin-top: 1.25rem;} .section-linklist-overline .entry small{ display: inline-block; font-family: "Unit-Regular"; font-size: 15px; color: #172E4C; letter-spacing: 0.2px; line-height: 1.25rem; margin-bottom: 0.375rem;} @media (min-width: 992px){ .section-linklist-overline{ margin-bottom: 3.75rem; padding: 1.875rem 1.25rem;} .section-linklist-overline .entry + .entry{ margin-top: 1.875rem;}} .section-linklist-medienspiegel{ margin-bottom: 2.5rem; background: #f5f5f5; padding: 1.25rem;} .section-linklist-medienspiegel .entry + .entry{ margin-top: 1.25rem;} .section-linklist-medienspiegel .entry + .entry .section-link + .section-link{ margin-top: 0.625rem;} @media (min-width: 992px){ .section-linklist-medienspiegel{ margin-bottom: 3.75rem; padding: 1.875rem 1.25rem;} .section-linklist-medienspiegel .entry + .entry{ margin-top: 1.875rem;}} .section-linklist-paging{ margin-bottom: 2.5rem; clear: both;} .section-linklist-paging .previous{ float: left; margin-right: 1rem;} .section-linklist-paging .next{ float: right; margin-left: 1rem;} @media (min-width: 992px){ .section-linklist-paging{ margin-bottom: 3.75rem;}} .section-linklist-chapter{ padding: 2.5rem 0; background: #f5f5f5;} .section-linklist-chapter .section-headline{ margin-bottom: 0.625rem;} .section-linklist-chapter .section-headline > *{ margin-bottom: 0;} .section-linklist-chapter .section-link + .section-link{ margin-top: 0.625rem;} .section-linklist-chapter .section-link p{ margin: 0; color: #172E4C; cursor: default;} @media (min-width: 992px){ .section-linklist-chapter{ padding-top: 3.75rem; padding-bottom: 5rem;}} .section-definitionlist{ margin-bottom: 2.5rem;} .section-definitionlist dl dt{ font-family: "Unit-MediumTF"; font-size: 1.125rem; line-height: 1.625rem; color: #172E4C;} .section-definitionlist dl dd{ font-family: "UnitOffc-Light"; font-size: 1.125rem; line-height: 1.625rem; color: #172E4C; margin-bottom: 1.25rem;} @media (min-width: 992px){ .section-definitionlist{ margin-bottom: 3.75rem;}} .section-teaser-podcast{ margin-bottom: 2.5rem;} .section-teaser-podcast a:hover{ text-decoration: none;} .section-teaser-podcast a:hover .wrapper img{ transform: scale(1.1);} .section-teaser-podcast .wrapper{ display: flex; flex-direction: column;} .section-teaser-podcast .wrapper img{ transition: 1s all; width: 100%;} .section-teaser-podcast .wrapper .image-wrapper{ overflow: hidden; z-index: 2;} .section-teaser-podcast .box{ z-index: 4; display: flex; flex-direction: row; background: #0482C3; margin: -1.25rem 1.25rem 0; padding: 15px 13px 1rem 10px;} .section-teaser-podcast .box .person-wrapper{ flex: 0 0 auto; width: 3.125rem; height: 3.125rem; margin-right: 1.25rem; overflow: hidden; border-radius: 50%;} .section-teaser-podcast .box .content-outer{ display: flex; flex-direction: column; color: #ffffff;} .section-teaser-podcast .box .content-wrapper .section-headline{ margin-bottom: .625rem;} .section-teaser-podcast .box .content-wrapper .section-headline > *{ margin: 0; color: #ffffff; font-size: 1.375rem; line-height: 1.75rem;} .section-teaser-podcast .box .content-wrapper .section-textblock{ margin-bottom: .5rem;} .section-teaser-podcast .box .content-wrapper .section-textblock > *{ margin: 0; font-family: "Unit-Regular"; color: #ffffff; font-size: 1.125rem; line-height: 1.625rem;} .section-teaser-podcast .box .icon-wrapper > *{ width: 2.125rem; height: 1.75rem;} @media (max-width: 576px){ .section-teaser-podcast{ margin-right: -15px; margin-left: -15px;}} @media (min-width: 576px){ .section-teaser-podcast .box{ margin: -3.5rem 0 0 1.25rem; padding: 15px 1.125rem 15px 1.25rem; width: 80%;} .section-teaser-podcast .box .content-outer{ flex-direction: row;} .section-teaser-podcast .box .content-wrapper .section-textblock{ margin-bottom: 0;} .section-teaser-podcast .box .icon-wrapper{ margin-top: 2.75rem; margin-left: .875rem;}} @media (min-width: 768px){ .section-teaser-podcast .box{ margin: -3.5rem 0 0 8.33333%; padding: .625rem 15px .875rem .625rem; width: 75%;} .section-teaser-podcast .box .content-outer{ flex-direction: column;} .section-teaser-podcast .box .content-wrapper .section-textblock{ margin-bottom: 7px;} .section-teaser-podcast .box .icon-wrapper{ margin-top: 0; margin-left: 0;}} @media (min-width: 992px){ .section-teaser-podcast{ margin-bottom: 3.75rem;} .section-teaser-podcast .box{ padding: 15px 1.375rem 15px 1.25rem; width: 70%;} .section-teaser-podcast .box .person-wrapper{ margin-top: 5px;} .section-teaser-podcast .box .content-outer{ flex-direction: row;} .section-teaser-podcast .box .content-wrapper .section-textblock{ margin-bottom: 0;} .section-teaser-podcast .box .icon-wrapper{ margin-top: 2.625rem; margin-left: 10px;} .section-teaser-podcast .box .icon-wrapper > *{ width: 3.125rem; height: 2.625rem;}} @media (min-width: 1200px){ .section-teaser-podcast .box{ width: 58%;}} @media print{ .section-teaser-podcast{ display: none;}} .section-photogallery{ margin-bottom: 2.5rem;} .section-photogallery .image-popup-wrapper{ height: auto; overflow: hidden;} @media screen and (min-width: 576px){ .section-photogallery .image-popup-wrapper{ height: 9.938rem;}} @media screen and (min-width: 768px){ .section-photogallery .image-popup-wrapper{ height: 13.688rem;}} @media screen and (min-width: 992px){ .section-photogallery .image-popup-wrapper{ height: 8.688rem;}} @media screen and (min-width: 1200px){ .section-photogallery .image-popup-wrapper{ height: 10.563rem;}} .section-photogallery .image-popup-wrapper img{ width: 100%; height: auto;} @media screen and (min-width: 576px){ .section-photogallery .image-popup-wrapper img{ width: auto; height: 9.938rem;}} @media screen and (min-width: 768px){ .section-photogallery .image-popup-wrapper img{ height: 13.688rem;}} @media screen and (min-width: 992px){ .section-photogallery .image-popup-wrapper img{ height: 8.688rem;}} @media screen and (min-width: 1200px){ .section-photogallery .image-popup-wrapper img{ height: 10.563rem;}} .section-photogallery .image-popup{ display: block; margin: 0 auto;} .section-photogallery .image-popup:focus{ outline: none;} .section-photogallery .image-popup.left{ float: none;} @media screen and (min-width: 768px){ .section-photogallery .image-popup.left{ float: left;}} @media screen and (min-width: 768px){ .section-photogallery .image-popup.left .image-popup-wrapper{ margin-right: 1.875rem;}} @media screen and (min-width: 992px){ .section-photogallery .image-popup.left .image-popup-wrapper{ margin-bottom: 1.25rem;}} .section-photogallery .image-popup *:focus{ outline: none;} .section-photogallery .image-popup .image-popup-wrapper{ position: relative; margin-bottom: 0.938rem;} @media screen and (min-width: 768px){ .section-photogallery .image-popup .image-popup-wrapper{ margin-bottom: 1.25rem;}} @media screen and (min-width: 576px){ .section-photogallery .image-popup .image-popup-wrapper{ margin-bottom: 1.875rem;}} .section-photogallery .image-popup .image-popup-wrapper img{ display: block; margin: 0 auto;} .section-photogallery .image-popup .image-popup-wrapper span{ display: block; width: 2.5rem; height: 2.5rem; color: #ffffff; background-color: #172e4c; position: absolute; right: 0.063rem; bottom: 0;} .section-photogallery .image-popup .image-popup-wrapper span:before{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} .section-photogallery .image-popup .image-popup-wrapper .icon-copyright{ width: 13.5rem; height: 1.563rem; background-color: transparent; left: 0; right: auto; bottom: 0;} .section-photogallery .image-popup .image-popup-wrapper .icon-copyright:before{ content: "©" !important; font-family: "Unit-Regular" !important; font-size: 20px; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4); width: 1rem; height: 1.125rem; top: 0.313rem; left: 0.313rem; transform: translate(0, 0);} .section-photogallery .image-popup .image-popup-wrapper .icon-copyright p{ display: inline; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4); font-family: "Unit"; font-size: 15px; position: absolute; top: 0.125rem; left: 1.375rem;} .section-photogallery .image-popup .image-popup-wrapper .icon-search{ font-size: 1.25rem;} @media (min-width: 992px){ .section-photogallery{ margin-bottom: 3.75rem;}} .section-video-popup{ margin-bottom: 2.5rem;} .section-video-popup img{ max-width: 100%; height: auto;} .section-video-popup p{ font-family: "UnitOffc-Light"; font-size: 18px; line-height: 26px;} .section-video-popup p.video-text{ margin-top: 0.938rem; margin-bottom: 0.938rem;} .section-video-popup .video-wrapper{ position: relative; display: inline-block; margin-bottom: 0; width: 100%;} .section-video-popup .video-wrapper:focus{ outline: none;} .section-video-popup .video-wrapper *:focus{ outline: none;} .section-video-popup .video-wrapper .video-popup-wrapper{ position: relative;} .section-video-popup .video-wrapper .video-popup-wrapper:hover .icon-youtube-play{ color: #e7222c;} .section-video-popup .video-wrapper .video-popup-wrapper img{ margin: 0;} .section-video-popup .video-wrapper .video-popup-wrapper .icon-youtube-play{ display: block; width: 4.5rem; height: 4.5rem; font-size: 72px; color: rgba(0, 0, 0, 0.7); -webkit-transition: color 0.3s cubic-bezier(0, 0, 0.2, 1); -moz-transition: color 0.3s cubic-bezier(0, 0, 0.2, 1); -o-transition: color 0.3s cubic-bezier(0, 0, 0.2, 1); transition: color 0.3s cubic-bezier(0, 0, 0.2, 1); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} .section-video-popup .video-wrapper:not(.video-popup):hover{ background: #172E4C;} .section-video-popup .video-wrapper:not(.video-popup):hover .video-popup-wrapper, .section-video-popup .video-wrapper:not(.video-popup):hover .icon-youtube-play{ filter: blur(5px); opacity: 0.5;} .section-video-popup .video-wrapper:not(.video-popup):hover .youtube-warning{ display: block;} .section-video-popup .youtube-warning{ display: none; position: absolute; top: 0; padding: .5rem; text-align: center; font-family: "Unit-Regular"; color: #fff; font-size: 15px; line-height: 1.25rem; max-height: 100%; overflow: auto;} .section-video-popup .youtube-warning p{ font-size: 15px; line-height: 1.25rem; margin-bottom: .25rem;} .section-video-popup .youtube-warning .section-checkbox{ float: none; padding: 0; margin-bottom: .25rem;} .section-video-popup .youtube-warning .section-checkbox label{ color: #fff; font-size: 15px; line-height: 1.25rem;} .section-video-popup .youtube-warning .section-checkbox label span.wrapper{ top: 2px; border: 1px solid #fff; margin-right: 0.25rem;} .section-video-popup .youtube-warning .section-checkbox input:checked + label > span{ background: #fff;} .section-video-popup .youtube-warning .section-checkbox input:checked + label > span i{ color: #0482C3;} @media screen and (min-width: 768px){ .section-video-popup p.video-text{ margin-top: 1.25rem; margin-bottom: 1.25rem;} .section-video-popup .youtube-warning{ padding: 1.5rem 1rem;}} @media screen and (min-width: 992px){ .section-video-popup p.video-text{ margin-top: 1.875rem; margin-bottom: 1.875rem;}} @media (min-width: 992px){ .section-video-popup{ margin-bottom: 3.75rem;}} @media print{ .section-video-popup{ display: none;}} .section-video-block{ margin-bottom: 2.5rem;} .section-video-block img{ max-width: 100%; height: auto;} .section-video-block p{ font-family: "UnitOffc-Light"; font-size: 18px; line-height: 26px;} .section-video-block p.video-text{ margin-top: 0.938rem; margin-bottom: 1.25rem;} .section-video-block .video-wrapper{ position: relative; display: inline-block; margin-bottom: 0; margin-left: -15px; margin-right: -15px; width: auto;} .section-video-block .video-wrapper:focus{ outline: none;} .section-video-block .video-wrapper *:focus{ outline: none;} .section-video-block .video-wrapper .video-popup-wrapper{ position: relative;} .section-video-block .video-wrapper .video-popup-wrapper:hover .icon-youtube-play{ color: #e7222c;} .section-video-block .video-wrapper .video-popup-wrapper img{ margin: 0;} .section-video-block .video-wrapper .video-popup-wrapper .icon-youtube-play{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; justify-content: center; align-items: center; font-size: 72px; color: rgba(0, 0, 0, 0.7); -webkit-transition: color 0.3s cubic-bezier(0, 0, 0.2, 1); -moz-transition: color 0.3s cubic-bezier(0, 0, 0.2, 1); -o-transition: color 0.3s cubic-bezier(0, 0, 0.2, 1); transition: color 0.3s cubic-bezier(0, 0, 0.2, 1);} .section-video-block .video-wrapper:not(.video-popup):hover{ background: #172E4C;} .section-video-block .video-wrapper:not(.video-popup):hover .video-popup-wrapper, .section-video-block .video-wrapper:not(.video-popup):hover .icon-youtube-play{ filter: blur(5px); opacity: 0.5;} .section-video-block .video-wrapper:not(.video-popup):hover .youtube-warning{ display: block;} .section-video-block .youtube-warning{ display: none; position: absolute; top: 0; padding: .5rem; text-align: center; font-family: "Unit-Regular"; color: #fff; font-size: 15px; line-height: 1.25rem; max-height: 100%; overflow: auto;} .section-video-block .youtube-warning p{ font-size: .75rem; line-height: 1.25rem; margin-bottom: .25rem;} .section-video-block .youtube-warning .section-checkbox{ float: none; padding: 0; margin-bottom: .25rem;} .section-video-block .youtube-warning .section-checkbox label{ color: #fff; font-size: 15px; line-height: 1.25rem;} .section-video-block .youtube-warning .section-checkbox label span.wrapper{ top: 2px; border: 1px solid #fff; margin-right: 0.25rem;} .section-video-block .youtube-warning .section-checkbox input:checked + label > span{ background: #fff;} .section-video-block .youtube-warning .section-checkbox input:checked + label > span i{ color: #0482C3;} @media screen and (min-width: 576px){ .section-video-block .video-wrapper{ width: 100%; margin-left: 0; margin-right: 0;}} @media screen and (min-width: 768px){ .section-video-block p.video-text{ margin-top: 1.25rem; margin-bottom: 1.25rem;} .section-video-block .youtube-warning{ padding: 1.5rem 1rem;}} @media screen and (min-width: 992px){ .section-video-block p.video-text{ margin-top: 1.875rem; margin-bottom: 1.875rem;}} @media (min-width: 992px){ .section-video-block{ margin-bottom: 3.75rem;}} @media print{ .section-video-block{ display: none;}} .section-diga-list-entry[data-tooltip]:hover{ border-bottom-color: #172E4C;} .section-diga-list-entry[data-tooltip]::before{ left: 10%; bottom: 75%;} .section-diga-list-entry[data-tooltip]::after{ left: 10%; bottom: calc(75% + 6px); min-width: 10rem;} @media (min-width: 480px){ .section-diga-list-entry[data-tooltip]::before{ left: auto; right: 1rem;} .section-diga-list-entry[data-tooltip]::after{ left: auto; right: -1rem; min-width: 7.5rem;}} @media (min-width: 720px){ .section-diga-list-entry[data-tooltip]::before{ left: auto; right: 3.5rem;} .section-diga-list-entry[data-tooltip]::after{ left: auto; right: -1rem; min-width: 7.5rem;}} @media (min-width: 768px){ .section-diga-list-entry[data-tooltip]::before{ left: 64%; right: auto;} .section-diga-list-entry[data-tooltip]::after{ left: 64%; right: auto;}} @media (min-width: 992px){ .section-diga-list-entry[data-tooltip]::before{ left: auto; right: 1rem;} .section-diga-list-entry[data-tooltip]::after{ left: auto; right: -1rem;}} @media (min-width: 1200px){ .section-diga-list-entry[data-tooltip]::before{ left: auto; right: 5.5rem;} .section-diga-list-entry[data-tooltip]::after{ left: auto; right: 3rem;}} .section-diga-list-entry{ padding: 15px 0 10px; border-bottom: 1px solid #c5c5c5;} .section-diga-list-entry .label{ font-family: "Unit-MediumTF"; font-size: 18px; line-height: 26px; color: #172E4C;} .section-diga-list-entry .data{ display: flex; align-items: center;} .section-diga-list-entry .value{ font-family: "Unit-MediumTF"; font-size: 42px; line-height: 56px; color: #172E4C; width: 70px; text-align: right;} .section-diga-list-entry .arrow-icon{ margin: 0 20px; font-size: 26px; width: 22px;} .section-diga-list-entry .change{ font-family: "Unit-MediumTF"; font-size: 18px; line-height: 26px;} .section-diga-list-entry .change::after{ font-family: 'UnitOffc-Light'; content: '*'; color: #172E4C; margin-left: -4px;} .section-diga-list-entry .change.plus{ color: #009C88;} .section-diga-list-entry .change.plus::before{ content: '+';} .section-diga-list-entry .change.gleich{ color: #0482C3;} .section-diga-list-entry .change.gleich::before{ content: '\0000B1';} .section-diga-list-entry .change.minus{ color: #A5292B;} .section-diga-list-entry .change.minus::before{ content: '-';} @media (min-width: 480px){ .section-diga-list-entry{ display: flex; justify-content: space-between; align-items: center; padding: 10px 0 8px;} .section-diga-list-entry .label{ display: contents;} .section-diga-list-entry .data{ flex-shrink: 0;} .section-diga-list-entry .data .change{ width: 48px;}} @media (min-width: 720px){ .section-diga-list-entry{ justify-content: flex-start;} .section-diga-list-entry .label{ display: flex; width: 290px; flex-basis: 290px;}} .section-navigation{ display: none; max-width: 1400px; margin: 0 auto; border-bottom: 1px solid #cccbcb; z-index: 99999999999 !important;} .section-navigation.open-main{ border-bottom: none;} .section-navigation.open-main #nav-navigation .collapsing, .section-navigation.open-main #nav-navigation .in, .section-navigation.open-main #nav-navigation .show{ transition: 0s all; height: auto; min-height: auto; padding-bottom: 0;} .section-navigation.open-service{ border-bottom: none;} .section-navigation.open-service #nav-service .collapsing, .section-navigation.open-service #nav-service .in, .section-navigation.open-service #nav-service .show{ transition: 0s all; height: auto; min-height: auto; padding-bottom: 1.25rem;} .section-navigation ul{ list-style: none;} .section-navigation .close{ opacity: 1;} .section-navigation .close img.img-close{ width: 1.125rem; height: 1.125rem; margin-top: 1.375rem; margin-right: 1.25rem;} .section-navigation .card{ background: none; border: none;} .section-navigation .card > .list-group:last-child .list-group-item:last-child{ border-radius: 0; border-bottom: 1px solid #3f5572;} .section-navigation .card > .list-group:last-child .list-group-item:last-child:hover{ text-decoration: none; border-bottom: 1px solid #172E4C;} .section-navigation .card .list-group-item{ font-family: "Unit-Regular"; background: none; border: none; border-bottom: 1px solid #3f5572; padding-top: 0.625rem; padding-bottom: 0.625rem; padding-left: 0.375rem; padding-right: 0.375rem; border-radius: 0; font-size: 15px; color: #172E4C; line-height: 1.25rem; transition: padding .5s;} .section-navigation .card .list-group-item:hover{ text-decoration: none; border-bottom: 1px solid #172E4C; padding-left: 1rem;} .section-navigation .card .list-group-item.h2{ font-family: "Unit-MediumTF"; font-size: 1.175rem; color: #172E4C; line-height: 1.75rem; margin-bottom: 0.625rem;} .section-navigation .navbar-main{ margin-top: 2.5rem; padding-top: 0;} .section-navigation #nav-service{ background: #f5f5f5; min-height: auto;} .section-navigation #nav-service .collapse{ padding-bottom: 1.25rem;} .section-navigation #nav-service .inline{ position: relative; background-color: #172E4C; color: #ffffff; padding-bottom: 50px;} .section-navigation #nav-service .inline.menu{ padding-top: 0;} .section-navigation #nav-service .inline.menu .container .row + .row{ margin-top: 0;} .section-navigation #nav-service .inline.menu .container .close{ position: relative; top: 0; right: 0; float: right;} .section-navigation #nav-service .inline.menu .container .close .img-close{ width: 1.125rem; height: 1.125rem; margin-top: 1.375rem; margin-right: 1.25rem;} .section-navigation #nav-service .inline.menu .container .logout{ position: relative; top: 0; right: 0; margin-top: 1.375rem; margin-right: 1rem;} .section-navigation #nav-service .inline .card .list-group-item{ color: #ffffff;} .section-navigation #nav-service .inline .card .list-group-item:hover{ border-bottom: 1px solid #ffffff;} .section-navigation #nav-service .inline .container{ position: relative; padding-top: 1.75rem;} .section-navigation #nav-service .inline .container .row + .row{ margin-top: 2.5rem;} .section-navigation #nav-service .inline .container .close{ position: absolute; top: 1rem; right: 2.25rem; z-index: 1;} .section-navigation #nav-service .inline .container .close .img-close{ margin: 0;} .section-navigation #nav-service .inline .container .logout{ position: absolute; top: -2.5rem; right: 5rem;} .section-navigation #nav-service .inline .form-inline{ margin-bottom: 1.5rem;} .section-navigation #nav-service .inline .form-inline .btn{ margin-top: 1rem;} .section-navigation #nav-service .inline h3{ font-family: "Unit-MediumTF"; font-size: 1.375rem; line-height: 1.75rem; font-weight: 400; margin-bottom: 1rem;} .section-navigation #nav-service .inline p{ font-family: "UnitOffc-Light"; font-size: 1.125rem; line-height: 1.625rem;} .section-navigation #nav-service .inline p a{ text-decoration: underline;} .section-navigation #nav-service .inline .link{ color: #ffffff;} .section-navigation #nav-service .inline .link i{ margin-left: 0.25rem; font-size: 1rem;} .section-navigation #nav-service .inline .form-control{ font-family: "Unit-Regular"; font-size: 1.125rem; line-height: 1.625rem; padding: 0 0 0 0.625rem; color: #ffffff; background-color: #172E4C; border: none; border-bottom: 1px solid #ffffff; border-radius: 0; margin-right: 1.5rem; margin-bottom: 0.5rem; min-width: 210px;} .section-navigation #nav-service .inline .form-control::placeholder{ color: #ffffff; opacity: 1; } .section-navigation #nav-service .inline .form-control:-ms-input-placeholder{  color: #ffffff;} .section-navigation #nav-service .inline .form-control:-ms-input-placeholder{  color: #ffffff;} .section-navigation #nav-service .inline .checkbox{ margin-right: 1.5rem; margin-bottom: 0.5rem;} .section-navigation #nav-service .inline .checkbox label{ font-family: "Unit-MediumTF"; font-size: 1rem; line-height: 1rem; color: #ffffff;} .section-navigation #nav-service .inline .checkbox label::before{ width: 1rem; height: 1rem; border: 1px solid #ffffff; background-color: #172E4C; display: block; content: ""; float: left; margin-right: 1rem; margin-bottom: 2px;} .section-navigation #nav-service .inline .checkbox input[type="checkbox"]{ display: none;} .section-navigation #nav-service .inline .checkbox input[type="checkbox"]:checked + label::before{ background: #ffffff; content: ""; font-family: FontAwesome; font-size: 0.875rem; color: #172E4C;} .section-navigation nav.navbar{ padding-bottom: 0;} .section-navigation nav.navbar a.navbar-brand{ margin-top: -0.5rem;} .section-navigation nav.navbar a.navbar-brand > *{ width: 13rem; max-height: 4rem;} .section-navigation nav.navbar a.navbar-brand img{ margin-top: -7px;} .section-navigation nav.navbar .nav-item.dropdown{ position: static;} .section-navigation nav.navbar .nav-item.active .nav-link.collapsed{ background: #ffffff; border-bottom: 0.25rem solid #172E4C; padding-bottom: 0.25rem;} .section-navigation nav.navbar .nav-item .nav-link{ font-family: "Unit-MediumTF"; font-size: 1.125rem; color: #172E4C; background: #f5f5f5; line-height: 1.625rem; padding: 0.5rem 0.625rem 0.5rem; margin: 0 0.625rem;} .section-navigation nav.navbar .nav-item .nav-link:hover{ border-bottom: none; padding-bottom: 0.5rem;} .section-navigation nav.navbar .nav-item .nav-link#nav_search.collapsed i{ padding-bottom: 0.125rem;} .section-navigation nav.navbar .nav-item .nav-link#nav_search i{ padding-bottom: 0.25rem;} .section-navigation nav.navbar .nav-item .nav-link.collapsed{ background: transparent;} .section-navigation nav.navbar .nav-item .nav-link.collapsed.hover{ border-bottom: 0.25rem solid #172E4C; padding-bottom: 0.25rem;} .section-navigation nav.navbar .nav-item .nav-link i{ font-size: 1.5rem; line-height: 3rem;} .section-navigation nav.navbar.navbar-service{ padding-top: 0;} .section-navigation nav.navbar.navbar-service .nav-item.inline{ margin-left: 0.25rem;} .section-navigation nav.navbar.navbar-service .nav-item.active.inline .inline-wrapper{ padding-bottom: calc(0.625rem - 4px); border-bottom: 3px solid #172E4C; margin-bottom: 0;} .section-navigation nav.navbar.navbar-service .nav-item.active.inline .inline-wrapper.logged-in a, .section-navigation nav.navbar.navbar-service .nav-item.active.inline .inline-wrapper.logged-in a.collapsed{ background: #172E4C; color: #ffffff;} .section-navigation nav.navbar.navbar-service .nav-item.active.inline .inline-wrapper a.collapsed{ padding-bottom: 0.25rem; border: none;} .section-navigation nav.navbar.navbar-service .nav-item.active .nav-link.collapsed{ padding-bottom: 0.625rem; border-bottom: 3px solid #172E4C;} .section-navigation nav.navbar.navbar-service .nav-link{ font-family: "Unit-Regular"; font-size: 15px; color: #172E4C; letter-spacing: 0.2px; line-height: 1.25rem; background: #f5f5f5; padding: 1rem 0.5rem 0.375rem; margin: 0 0.5rem;} .section-navigation nav.navbar.navbar-service .nav-link:hover{ padding-bottom: 0.625rem;} .section-navigation nav.navbar.navbar-service .nav-link.collapsed{ padding-bottom: calc(0.625rem + 3px); background: none;} .section-navigation nav.navbar.navbar-service .nav-link.collapsed:hover{ padding-bottom: 0.625rem; border-bottom: 3px solid #172E4C;} .section-navigation nav.navbar.navbar-service .inline-wrapper{ cursor: pointer;} .section-navigation nav.navbar.navbar-service .inline-wrapper.collapsed{ margin: 0.75rem 0 0.25rem;} .section-navigation nav.navbar.navbar-service .inline-wrapper.collapsed:hover{ border-bottom: 3px solid #172E4C; padding-bottom: calc(0.625rem - 4px); margin-bottom: 0;} .section-navigation nav.navbar.navbar-service .inline-wrapper.collapsed.logged-in a, .section-navigation nav.navbar.navbar-service .inline-wrapper.collapsed.logged-in a.collapsed{ background: #172E4C; color: #ffffff;} .section-navigation nav.navbar.navbar-service .inline-wrapper.collapsed a, .section-navigation nav.navbar.navbar-service .inline-wrapper.collapsed a.collapsed{ margin-left: 0; margin-right: 0; color: #172E4C; padding-top: 0.25rem; padding-bottom: 0.25rem; background: #f1f1f1;} .section-navigation nav.navbar.navbar-service .inline-wrapper.collapsed a:hover, .section-navigation nav.navbar.navbar-service .inline-wrapper.collapsed a.collapsed:hover{ border: none; padding-bottom: 0.25rem;} .section-navigation nav.navbar.navbar-service .inline-wrapper a, .section-navigation nav.navbar.navbar-service .inline-wrapper a.collapsed{ margin-left: 0; margin-right: 0; color: #ffffff; background: #172E4C;} .section-navigation #nav-navigation{ background: #f5f5f5;} .section-navigation #nav-navigation .collapse{ width: 100%; border: none; margin-top: 0; padding-bottom: 0; min-height: auto;} .section-navigation #nav-navigation #menu_search{ min-height: auto;} .section-navigation #nav-navigation #menu_search > div{ padding-top: 1.25rem;} .section-navigation #nav-navigation #menu_search form{ padding-top: 1.25rem; padding-right: 4rem;} .section-navigation #nav-navigation #menu_search form input{ padding-left: 0;} .section-navigation #nav-navigation #menu_search a.close{ position: absolute; top: 0; right: 15px;} .section-navigation #nav-navigation #menu_search a.close img.img-close{ margin-top: -0.625rem;} .section-navigation #nav-navigation #menu_search small{ font-family: "Unit-Regular"; font-size: 15px; color: #172E4C; letter-spacing: 0.2px; line-height: 20px;} .section-navigation #nav_search{ margin-right: 0; margin-left: 0.125rem; padding-left: 1rem; padding-right: 1rem;} .section-navigation .input-group{ padding-right: 1.25rem;} .section-navigation .input-group input{ border: none; border-bottom: 1px solid #172E4C; border-radius: 0; background: none; font-family: "UnitOffc-Light"; font-size: 1.125rem; color: #172E4C; margin-right: 1.875rem;} .section-navigation .input-group .input-group-btn.btn-primary{ background: #172E4C; border-color: #172E4C;} .section-navigation .input-group .input-group-btn.btn-link{ color: #172E4C; size: 1.125rem;} @media (min-width: 768px){ .section-navigation{ display: block;}} @media (min-width: 992px){ .section-navigation #nav-service .inline .form-inline .btn{ margin-top: -10px;} .section-navigation #nav-navigation{ margin-top: 0;} .section-navigation nav.navbar a.navbar-brand{ margin-top: -1rem;} .section-navigation nav.navbar .nav-item.active .nav-link.collapsed{ padding-bottom: 1rem;} .section-navigation nav.navbar .nav-item.active .nav-link.collapsed{ padding-bottom: 1rem;} .section-navigation nav.navbar .nav-item .nav-link{ font-size: 1.25rem; margin: 0 0.25rem; padding: 1.125rem 0.5rem 1.25rem;} .section-navigation nav.navbar .nav-item .nav-link:hover{ border-bottom: none; padding-bottom: 1.25rem;} .section-navigation nav.navbar .nav-item .nav-link.collapsed:hover{ padding-bottom: 1rem;} .section-navigation nav.navbar .nav-item .nav-link i{ font-size: 22px; padding-bottom: 0; line-height: 1;} .section-navigation nav.navbar.navbar-service .nav-link{ font-size: 15px; padding: 1rem 0.5rem 0.375rem; margin: 0 0.5rem;} .section-navigation nav.navbar.navbar-service .nav-link:hover{ padding-bottom: 0.625rem;} .section-navigation nav.navbar.navbar-service .nav-link.collapsed{ padding-bottom: calc(0.625rem + 3px);} .section-navigation nav.navbar.navbar-service .nav-link.collapsed:hover{ padding-bottom: 0.625rem;}} @media (min-width: 1200px){ body.vfa-bio .section-navigation .navbar-collapse{ padding-top: .5rem;} .section-navigation nav.navbar a.navbar-brand{ margin-top: -1.5rem;} .section-navigation nav.navbar a.navbar-brand > *{ width: 17rem;} .section-navigation nav.navbar .nav-item .nav-link{ font-size: 1.25rem; margin: 0 0.625rem; padding-left: 0.625rem; padding-right: 0.625rem;} .section-navigation nav.navbar.navbar-service .nav-link{ font-size: 15px; padding: 1rem 0.5rem 0.375rem; margin: 0 0.5rem;} .section-navigation #nav-service .inline .form-control{ margin-right: 2.5rem;}} @media print{ .section-navigation{ margin-bottom: 3.75rem;} .section-navigation .navbar-main{ display: block;} .section-navigation .navbar-main .container{ max-width: none;} .section-navigation .navbar-main .navbar-collapse{ display: none !important;}} .section-navigation_mobil{ display: block; padding-top: 0.75rem;} .section-navigation_mobil h3{ font-family: "Unit-MediumTF"; font-size: 1.375rem; line-height: 1.75rem; font-weight: 400; margin-bottom: 1rem;} .section-navigation_mobil .link{ color: #ffffff; text-decoration: underline; font-size: 1rem;} .section-navigation_mobil nav.navbar{ padding: 0;} .section-navigation_mobil nav.navbar a.navbar-brand{ padding-left: 0.75rem; width: 50%;} .section-navigation_mobil nav.navbar a.navbar-brand > *{ width: 100%;} .section-navigation_mobil nav.navbar a.navbar-brand img{ margin-bottom: 6px;} .section-navigation_mobil nav.navbar button.navbar-toggler{ padding-left: 0.5rem; padding-right: 0.5rem;} .section-navigation_mobil nav.navbar button.navbar-toggler i{ width: 1.5rem; font-size: 1.875rem; color: #172E4C;} .section-navigation_mobil nav.navbar button.navbar-toggler i.fa-search{ font-size: 1.625rem;} .section-navigation_mobil nav.navbar button.navbar-toggler i img{ width: 1.5rem;} .section-navigation_mobil nav.navbar ul.main-nav li.nav-item{ background: #f5f5f5; border-bottom: 1px solid #c5c5c5;} .section-navigation_mobil nav.navbar ul.main-nav li.nav-item:first-child{ border-top: 1px solid #c5c5c5;} .section-navigation_mobil nav.navbar ul.main-nav li.nav-item:hover{ border-bottom-color: #172E4C;} .section-navigation_mobil nav.navbar ul.main-nav li.nav-item.active{ border-bottom-color: #172E4C;} .section-navigation_mobil nav.navbar ul.main-nav li.nav-item a{ font-family: "Unit-MediumTF"; padding: 0.875rem; font-size: 1.25rem; color: #172E4C; line-height: 1.625rem;} .section-navigation_mobil nav.navbar ul.service-nav li.nav-item{ background: #ffffff; border-bottom: 1px solid #f5f5f5;} .section-navigation_mobil nav.navbar ul.service-nav li.nav-item:hover{ border-bottom-color: #172E4C;} .section-navigation_mobil nav.navbar ul.service-nav li.nav-item:hover.inline{ border-bottom-color: #f5f5f5;} .section-navigation_mobil nav.navbar ul.service-nav li.nav-item.active{ border-bottom-color: #172E4C;} .section-navigation_mobil nav.navbar ul.service-nav li.nav-item.inline .inline-wrapper{ margin: 0 0.875rem 0.5rem; padding-top: 0.875rem; padding-bottom: 0.325rem;} .section-navigation_mobil nav.navbar ul.service-nav li.nav-item.inline .inline-wrapper:hover{ border-bottom: 1px solid #172E4C; margin-bottom: calc(0.5rem - 1px);} .section-navigation_mobil nav.navbar ul.service-nav li.nav-item.inline a{ text-align: center; background: #f5f5f5;} .section-navigation_mobil nav.navbar ul.service-nav li.nav-item a{ font-family: "Unit-Regular"; padding: 0.875rem; font-size: 15px; color: #172E4C; letter-spacing: 0.2px; line-height: 1.25rem;} .section-navigation_mobil #nav_inline{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 99999; padding: 1.25rem; background: #172E4C; color: #ffffff;} .section-navigation_mobil #nav_inline a.close{ opacity: 1; float: none; margin-bottom: 0.625rem;} .section-navigation_mobil #nav_inline a.close > img{ width: 1.125rem; height: 1.125rem;} .section-navigation_mobil #nav_inline p{ font-family: "Unit-Regular"; font-size: 1rem; line-height: 1.5rem; margin: 0;} .section-navigation_mobil #nav_inline form .form-control{ font-family: "Unit-Regular"; font-size: 1.125rem; line-height: 1.625rem; padding: 0; padding-left: 0.625rem; color: #ffffff; background-color: #172E4C; border: none; border-bottom: 1px solid #ffffff; border-radius: 0; margin: 0; margin-top: 2rem;} .section-navigation_mobil #nav_inline form .form-control::placeholder{ color: #ffffff; opacity: 1; } .section-navigation_mobil #nav_inline form .form-control:-ms-input-placeholder{  color: #ffffff;} .section-navigation_mobil #nav_inline form .form-control:-ms-input-placeholder{  color: #ffffff;} .section-navigation_mobil #nav_inline form .checkbox{ margin-top: 1.5rem; margin-bottom: 1.5rem;} .section-navigation_mobil #nav_inline form .checkbox:hover span.wrapper{ border-color: #ffffff;} .section-navigation_mobil #nav_inline form .checkbox:hover span.wrapper i{ color: #166288;} .section-navigation_mobil #nav_inline form .checkbox:hover label{ color: #ffffff;} .section-navigation_mobil #nav_inline form .checkbox:hover input:checked + label > span{ background: #ffffff;} .section-navigation_mobil #nav_inline form .checkbox input{ display: none;} .section-navigation_mobil #nav_inline form .checkbox label{ position: relative; font-family: "Unit-MediumTF"; font-size: 1.125rem; color: #ffffff; line-height: 1.625rem;} .section-navigation_mobil #nav_inline form .checkbox label span.wrapper{ position: relative; display: inline-block; width: 15px; height: 15px; border: 1px solid #ffffff; margin-right: 0.625rem;} .section-navigation_mobil #nav_inline form .checkbox label span.wrapper i{ color: #0482C3; display: none;} .section-navigation_mobil #nav_inline form .checkbox input:checked + label > span{ background: #ffffff;} .section-navigation_mobil #nav_inline form .checkbox input:checked + label > span i{ color: #0482C3; position: absolute; display: inline; top: 1px; left: 0; font-size: 0.75rem;} .section-navigation_mobil #nav_inline .links a{ display: block; margin-top: 1.875rem; font-family: "Unit-MediumTF"; font-size: 1rem; color: #ffffff; line-height: 1.375rem;} .section-navigation_mobil .active-navigation .logout{ background: #f5f5f5; padding: 1.5rem 0.875rem;} .section-navigation_mobil #menu_search_mobile{ background: #f5f5f5; border-top: 1px solid #c5c5c5;} .section-navigation_mobil #menu_search_mobile form{ padding: 1rem;} .section-navigation_mobil #menu_search_mobile .input-group input{ padding-left: 0; border: none; border-bottom: 1px solid #172E4C; border-radius: 0; background: none; font-family: "UnitOffc-Light"; font-size: 1.125rem; color: #172E4C; margin-right: 1.875rem;} .section-navigation_mobil #menu_search_mobile .input-group-btn.btn-primary{ background: #172E4C; border-color: #172E4C;} .section-navigation_mobil #menu_search_mobile small{ font-family: "Unit-Regular"; font-size: 15px; color: #172E4C; letter-spacing: 0.2px; line-height: 20px;} .section-navigation_mobil .active-navigation a{ background: #f5f5f5; border-bottom: 1px solid #c5c5c5; font-family: "Unit-Regular"; padding: 0.875rem; padding-right: 0; font-size: 15px; color: #172E4C; letter-spacing: 0.2px; line-height: 1.25rem;} .section-navigation_mobil .active-navigation a.nav-link{ font-family: "Unit-MediumTF"; font-size: 1.25rem; line-height: 1.625rem; border-top: 1px solid #c5c5c5; border-bottom-color: #172E4C;} .section-navigation_mobil .active-navigation a.nav-link.collapsed{ border-bottom-color: #c5c5c5;} .section-navigation_mobil .active-navigation a.nav-link.collapsed span i:before{ content: '\f078';} .section-navigation_mobil .active-navigation a.nav-link span{ float: right; color: #172E4C; margin-right: 0.5rem;} .section-navigation_mobil .active-navigation a.nav-link span i{ width: 1.5rem;} .section-navigation_mobil .active-navigation a.nav-link span i:before{ content: '\f077';} @media (min-width: 768px){ .section-navigation_mobil{ display: none;}} @media (min-width: 345px){ .section-navigation_mobil nav.navbar a.navbar-brand{ width: auto;} .section-navigation_mobil nav.navbar a.navbar-brand > *{ width: 11.25rem;} .section-navigation_mobil nav.navbar a.navbar-brand img{ margin-bottom: 6.5px;} .section-navigation_mobil nav.navbar button.navbar-toggler{ padding-left: 1rem; padding-right: 1rem;} .section-navigation_mobil .active-navigation a.nav-link span{ margin-right: 1rem;}} @media print{ .section-navigation_mobil{ border-bottom: 1px solid #cccbcb; margin-bottom: 3.75rem;} .section-navigation_mobil .navbar-main{ display: block;} .section-navigation_mobil .navbar-main .navbar-toggler{ display: none;} .section-navigation_mobil .navbar-main .collapse{ display: none;} .section-navigation_mobil .navbar-main .navbar-collapse{ display: none !important;} .section-navigation_mobil .nav-search{ display: none;} .section-navigation_mobil .inline{ display: none;} .section-navigation_mobil .active-navigation{ display: none;}} .section-footer-media{ background: #0482C3; color: #ffffff; padding-top: 2rem; padding-bottom: 2rem;} .section-footer-media span[class^="icon-"], .section-footer-media i{ font-size: 1.5rem; vertical-align: top;} .section-footer-media .col{ text-align: center;} .section-footer-media a{ font-family: "Unit-MediumTF"; display: block; color: #ffffff; font-size: 1.125rem; text-decoration: none;} .section-footer-media a > span:not([class^="icon-"]){ display: none;} .section-footer-media a:hover span:not([class^="icon-"]){ border-bottom: 2px solid #ffffff; padding-bottom: 0;} @media (min-width: 992px){ .section-footer-media a > span:not([class^="icon-"]){ border-bottom: 2px solid transparent; vertical-align: middle; display: inline-block; margin-left: 12px;}} .section-footer_abbinder{ border-top: 1px solid #c5c5c5; padding-top: 1.3125rem; padding-bottom: 2.125rem; background: #ffffff; line-height: 20px;} .section-footer_abbinder .row.inline > div{ display: inline-block; width: auto; padding-right: 2rem; padding-bottom: 1.1875rem;} .section-footer_abbinder p, .section-footer_abbinder a, .section-footer_abbinder a:not([href]), .section-footer_abbinder a:not([tabindex]){ font-family: "Unit-Regular"; font-size: 15px; color: #172E4C; letter-spacing: 0.2px; line-height: 20px; vertical-align: top; margin: 0;} .section-footer_abbinder a:hover{ text-decoration: underline; color: #166288;} .section-footer_abbinder #vfa_top{ display: none; position: fixed; bottom: 0; right: 0; z-index: 99; border: none; border-radius: 0; outline: none; font-size: 1.25rem; color: #ffffff; cursor: pointer; padding: 0.75rem 0.875rem 0.875rem; background: #0482C3; box-shadow: 0 0 0.625rem 0 rgba(0, 0, 0, 0.3);} .section-footer_abbinder #vfa_top:hover{ background: #166288;} @media (min-width: 768px){ .section-footer_abbinder{ padding: 1.25rem 0;} .section-footer_abbinder .row.inline > div{ display: inline-block; width: auto; padding-right: 2rem; padding-bottom: 0;} .section-footer_abbinder #vfa_top{ right: 1rem;}} @media (min-width: 1200px){ .section-footer_abbinder #vfa_top{ right: 2rem;}} .section-link-block{ font-family: "Unit-MediumTF"; color: #172E4C; padding-top: 2.5rem; padding-bottom: 2.5rem;} .section-link-block .section-headline{ margin-bottom: 1.375rem;} .section-link-block .section-headline > *{ margin-bottom: 0;} .section-link-block .svg{ display: none;} .section-link-block p{ margin-bottom: 0.625rem;} .section-link-block a.link{ color: #172E4C;} .section-link-block a.link:hover{ color: #166288;} .section-link-block a.link:hover svg, .section-link-block a.link:hover .svg{ fill: #166288; stroke: #166288; stroke-width: .2;} .section-link-block a.link i{ font-size: 15px; margin-left: 0.125rem;} .section-link-block .mt{ margin-top: 0.5rem;} @media (min-width: 768px){ .section-link-block{ padding-bottom: calc(2.5rem - 2rem); text-align: center;} .section-link-block .section-headline{ margin-bottom: 1.5rem; float: left;} .section-link-block .section-headline > *{ margin-bottom: 0;} .section-link-block .elements > div{ margin-bottom: 2rem;} .section-link-block .svg{ display: block; width: 4rem; height: 4rem; margin: 0 auto 1.625rem;} .section-link-block p{ margin-bottom: 0;} .section-link-block .mt{ margin-top: 0.5rem; margin-bottom: 2rem;}} @media (min-width: 992px){ .section-link-block{ padding-top: 3.75rem; padding-bottom: calc(5rem - 2rem);} .section-link-block .section-headline{ margin-bottom: 1.875rem;} .section-link-block .svg{ width: 5.5rem; height: 5.5rem;}} @media (min-width: 1200px){ .section-link-block .svg{ width: 6.75rem; height: 6.75rem;}} @media print{ .section-link-block{ display: none;}} .section-footer-search{ background: #f5f5f5; padding-top: 2.5rem; padding-bottom: 1.9375rem;} .section-footer-search .h2{ font-family: "Unit-MediumTF"; font-size: 1.5rem; line-height: 1.875rem; color: #172E4C; text-align: center; line-height: 1; margin-bottom: 1.5625rem;} .section-footer-search form .input-group{ border-bottom: 1px solid #172E4C; margin-bottom: 0.625rem;} .section-footer-search form .input-group input{ padding-left: 0; border: none; background: none; font-family: "UnitOffc-Light"; font-size: 1.125rem; color: #172E4C; box-shadow: none;} .section-footer-search form .input-group input::placeholder{ color: #000000; opacity: 0.5;} .section-footer-search form .input-group .input-group-btn{ outline: none; border: none; background: none; cursor: pointer;} .section-footer-search form .input-group .input-group-btn:hover i{ color: #166288;} .section-footer-search form .input-group .input-group-btn i{ font-size: 1.25rem; color: #172E4C;} .section-footer-search form small{ font-family: "Unit-Regular"; font-size: 15px; float: left; color: #172E4C; letter-spacing: 0.2px; line-height: 20px;} @media (min-width: 576px){ .section-footer-search{ padding: 5rem 0;} .section-footer-search .h2{ font-size: 2rem; line-height: 2.375rem; margin-bottom: 1rem;} .section-footer-search form .input-group{ border-bottom: 1px solid #172E4C; margin-bottom: 1.25rem;}} .section-footer-sitemap{ padding-top: 2.5rem; padding-bottom: 1.25rem;} .section-footer-sitemap .h2{ font-family: "Unit-MediumTF"; font-size: 1.25rem; color: #172E4C; line-height: 1.625rem; margin-bottom: 1.25rem;} .section-footer-sitemap a{ text-decoration: none;} .section-footer-sitemap a:hover{ text-decoration: underline;} .section-footer-sitemap a:hover .h2{ color: #166288;} .section-footer-sitemap ul{ display: none;} @media (min-width: 768px){ .section-footer-sitemap{ padding: 3.75rem 0;} .section-footer-sitemap .h2{ font-size: 15px;} .section-footer-sitemap ul{ display: block; padding: 0; margin-top: 0; margin-bottom: 1.25rem; list-style-type: none;} .section-footer-sitemap ul li{ margin-bottom: 0.625rem;} .section-footer-sitemap ul li a{ font-family: "Unit-Regular"; font-size: 15px; color: #172E4C; letter-spacing: 0.2px; line-height: 20px; text-decoration: none;} .section-footer-sitemap ul li a:hover{ color: #166288;}} .section-location-block{ padding: 0; padding-bottom: calc(3.25rem - 0.5rem);} .section-location-block .section-media{ margin: 0; margin-bottom: 1.125rem;} .section-location-block .section-media .img-wrapper{ text-align: center;} .section-location-block .section-media .img-wrapper img{ max-width: 75%;} .section-location-block .section-headline{ margin-bottom: 1.625rem;} .section-location-block .section-headline .h2{ margin-bottom: 0;} .section-location-block .section-textblock{ margin-bottom: 0.625rem;} .section-location-block .section-textblock > p{ margin: 0;} .section-location-block .section-link{ margin-bottom: 0.5rem;} @media (min-width: 768px){ .section-location-block{ padding-top: 2.5rem;} .section-location-block .section-media{ margin: 0; height: 100%; display: flex; align-items: center;} .section-location-block .section-media .img-wrapper img{ max-width: none;}} @media (min-width: 992px){ .section-location-block{ padding: 0;} .section-location-block .section-headline{ margin-bottom: 1.25rem;} .section-location-block .section-headline .h2{ font-family: "Unit-MediumTF"; font-size: 2rem; line-height: 2.375rem; color: #172E4C; margin-bottom: 0;} .section-location-block .description{ padding-top: 5rem; padding-bottom: calc(5rem - 0.625rem);} .section-location-block .section-textblock{ margin-bottom: 1.25rem;} .section-location-block .section-link{ margin-bottom: 0.625rem;}} @media print{ .section-location-block{ display: none;}} .section-portal-block{ padding-top: 2.5rem;} .section-portal-block .section-headline > *{ margin-bottom: 1.5rem;} .section-portal-block .portal-wrapper{ position: relative; overflow: hidden; margin-bottom: 2.75rem;} .section-portal-block .portal-wrapper:hover section.image img{ -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1);} .section-portal-block .portal-wrapper .section-media{ margin-bottom: 0;} .section-portal-block .portal-wrapper .section-media img{ transition: 1s all; max-height: 22.75rem; object-fit: cover;} .section-portal-block .portal-wrapper .description{ padding-top: 1rem; bottom: 1rem; left: 1rem;} .section-portal-block .portal-wrapper .description .section-headline > *{ font-size: 1.25rem; line-height: 1.625rem; margin-bottom: 0.5rem;} .section-portal-block .portal-wrapper .description .section-textblock{ margin-bottom: 1rem;} .section-portal-block .portal-wrapper .description .section-textblock > p{ font-family: "UnitOffc-Light"; margin-bottom: 0;} @media (min-width: 992px){ .section-portal-block{ padding-top: 3.75rem; padding-bottom: 5rem;} .section-portal-block .section-headline > *{ margin-bottom: 1.875rem;} .section-portal-block .portal-wrapper{ margin-bottom: 0;} .section-portal-block .portal-wrapper .description{ padding-top: 0; position: absolute;} .section-portal-block .portal-wrapper .description .section-headline > *{ font-size: 1.625rem; line-height: 2rem; margin-bottom: 0.625rem;} .section-portal-block .portal-wrapper .description .section-textblock{ margin-bottom: 1.25rem;} .section-portal-block .portal-wrapper .description .section-textblock > p{ font-family: "Unit-MediumTF"; max-width: 20rem;}} @media (min-width: 1200px){ .section-portal-block .portal-wrapper .description{ bottom: 2rem; left: 2rem;}} @media print{ .section-portal-block{ display: none;}} .section-teaser-block{ padding-top: 2.5rem; padding-bottom: 0;} .section-teaser-block .section-headline{ margin-bottom: 1.625rem;} .section-teaser-block .section-headline > *{ margin-bottom: 0;} .section-teaser-block .section-teaser .card .section-media{ margin-bottom: 1rem;} .section-teaser-block .section-teaser .card .section-headline{ padding-top: 0; padding-bottom: 0.5rem; margin-bottom: 0;} .section-teaser-block .section-teaser .card .section-headline .h3{ color: #172E4C; font-size: 1.25rem; line-height: 1.625rem; margin-bottom: 0;} @media (min-width: 768px){ .section-teaser-block{ display: block;} .section-teaser-block .section-headline{ margin-bottom: 1.875rem;} .section-teaser-block .section-headline .h2{ font-size: 2rem; line-height: 2.375rem; margin-bottom: 0;} .section-teaser-block .section-teaser{ padding-bottom: 0;} .section-teaser-block .section-teaser .card .section-media{ margin-bottom: 1.25rem;} .section-teaser-block .section-teaser .card .section-headline{ padding-bottom: 0.625rem; margin-bottom: 0;} .section-teaser-block .section-teaser .card .section-headline .h3{ font-size: 1.375rem; line-height: 1.75rem;}} @media (min-width: 992px){ .section-teaser-block{ padding-top: 3.75rem; padding-bottom: calc(5rem - 3.75rem);}} @media print{ .section-teaser-block{ display: none;}} .section-teaser-memory{ padding-top: 15px; padding-bottom: 75px;} .section-teaser-memory .teaser-list{ min-width: 343px; min-height: 343px; max-width: 508px; max-height: 508px; overflow: hidden; margin: 0 auto;} .section-teaser-memory .teaser-list .teaser-element{ transition: transform 1s;} .section-teaser-memory .teaser-list .teaser-element:nth-child(2){ transform: translateX(100%) translateY(-100%);} .section-teaser-memory .teaser-list .teaser-element:nth-child(3){ transform: translateX(100%) translateY(-200%);} .section-teaser-memory .teaser-list.second .teaser-element:nth-child(1){ transform: translateX(-100%);} .section-teaser-memory .teaser-list.second .teaser-element:nth-child(2){ transform: translateX(0) translateY(-100%);} .section-teaser-memory .teaser-list.second .teaser-element:nth-child(3){ transform: translateX(100%) translateY(-200%);} .section-teaser-memory .teaser-list.third .teaser-element:nth-child(1){ transform: translateX(-100%);} .section-teaser-memory .teaser-list.third .teaser-element:nth-child(2){ transform: translateX(-100%) translateY(-100%);} .section-teaser-memory .teaser-list.third .teaser-element:nth-child(3){ transform: translateX(0) translateY(-200%);} .section-teaser-memory .teaser-element{ position: relative; width: 100%; min-width: 343px; min-height: 343px; max-width: 508px; max-height: 508px; aspect-ratio: 1 / 1;} .section-teaser-memory .teaser-element .front, .section-teaser-memory .teaser-element .back{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; cursor: pointer;} .section-teaser-memory .teaser-element .front.hidden, .section-teaser-memory .teaser-element .back.hidden{ display: none;} .section-teaser-memory .teaser-element .front{ background: rgba(0, 0, 0, 0.3);} .section-teaser-memory .teaser-element .front img{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover;} .section-teaser-memory .teaser-element .front .headline-wrapper{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; justify-content: center; align-items: center; padding: 30px; background: rgba(0, 0, 0, 0.3); color: #ffffff; font-family: UnitOffc-Bold; font-size: 1.75rem; line-height: 2rem; text-align: center;} .section-teaser-memory .teaser-element .front .headline-wrapper.blau{ color: #172E4C;} .section-teaser-memory .teaser-element .back{ background: #0482C3; color: #ffffff; display: flex; justify-content: center; flex-direction: column; padding: 30px;} .section-teaser-memory .teaser-element .back p{ margin: 0; font-family: Unit-MediumTF; font-size: 1.5rem; line-height: 1.875rem;} .section-teaser-memory .teaser-element .back a{ margin-top: 10px; color: #ffffff; text-decoration: none; font-family: Unit-MediumTF; font-size: 1.125rem; line-height: 1.625rem;} .section-teaser-memory .teaser-element .back a i{ font-size: 15px;} .section-teaser-memory .points{ margin-top: 1.25rem; display: flex; justify-content: center;} .section-teaser-memory .points .point{ width: 15px; height: 15px; background: #c5c5c5; cursor: pointer; border-radius: 50%;} .section-teaser-memory .points .point.active{ background: #7e7e7e;} .section-teaser-memory .points .point + .point{ margin-left: 0.75rem;} @media (min-width: 480px){ .section-teaser-memory .teaser-element .front .headline-wrapper{ font-size: 42px; line-height: 56px;} .section-teaser-memory .teaser-element .back p{ font-family: UnitOffc-Bold; font-size: 1.75rem; line-height: 2rem;} .section-teaser-memory .teaser-element .back a{ font-size: 1.5rem; line-height: 1.875rem;} .section-teaser-memory .teaser-element .back a i{ font-size: 18px;}} @media (min-width: 960px){ .section-teaser-memory .teaser-list{ min-width: unset; min-height: unset; max-width: unset; max-height: unset; display: flex; justify-content: space-between;} .section-teaser-memory .teaser-list .teaser-element{ transition: none; transform: none !important;} .section-teaser-memory .teaser-element{ min-width: 220px; min-height: 220px; max-width: 253px; max-height: 253px; display: inline-block;} .section-teaser-memory .teaser-element + .teaser-element{ margin-left: 0.75rem;} .section-teaser-memory .teaser-element .front .headline-wrapper{ font-family: Unit-MediumTF; font-size: 2rem; line-height: 2.375rem; padding: 15px 5px;} .section-teaser-memory .teaser-element .back p{ font-family: Unit-MediumTF; font-size: 1.125rem; line-height: 1.625rem;} .section-teaser-memory .teaser-element .back a{ font-size: 1.125rem; line-height: 1.625rem;} .section-teaser-memory .teaser-element .back a i{ font-size: 15px;} .section-teaser-memory .teaser-element:hover .front{ display: none;} .section-teaser-memory .teaser-element:hover .back{ display: flex;} .section-teaser-memory .points{ display: none;}} .section-focus-block{ padding-top: 2.5rem; padding-bottom: calc(2.5rem - 1.625rem);} .section-focus-block.even .section-teaser.focus .card-body > *{ background: #fff;} .section-focus-block.focus-3 .section-headline > *{ margin-bottom: 1.25rem;} .section-focus-block.focus-3 .section-teaser.focus .section-media{ margin-bottom: 0;} .section-focus-block.focus-3 .section-teaser.focus .card-body{ margin-top: -2rem;} .section-focus-block.focus-3 .section-teaser.focus .card-body .section-headline{ padding: 1rem .75rem .375rem 1.25rem;} .section-focus-block.focus-3 .section-teaser.focus .card-body .section-textblock{ padding-left: 1.25rem; padding-right: .625rem; line-height: 1.5rem; letter-spacing: 0.28px;} .section-focus-block.focus-3 .section-teaser.focus .card-body .section-link{ padding-left: 1.25rem;} .section-focus-block.focus-3 .section-teaser.focus .card-body .section-link *{ font-size: 1rem;} .section-focus-block .section-headline > *{ margin-bottom: 1.5rem;} .section-focus-block .section-teaser.focus .card-body{ margin-top: -4.5rem;} .section-focus-block .teaser-wrapper{ position: relative; margin-bottom: 1.625rem;} .section-focus-block .btn-toggle{ margin-bottom: 1.625rem;} .section-focus-block .more{ margin-top: 2.75rem; text-align: center;} @media (min-width: 576px){ .section-focus-block.focus-3 .section-headline > *{ margin-bottom: 1.5rem;} .section-focus-block.focus-3 .section-teaser.focus .card-body{ margin-top: -3.125rem;} .section-focus-block.focus-3 .section-teaser.focus .card-body .section-headline{ padding-top: 1.25rem; font-size: 1.375rem;}} @media (min-width: 768px){ .section-focus-block{ padding-bottom: 2.5rem;} .section-focus-block.focus-3 .section-headline > *{ margin-bottom: 1.875rem;} .section-focus-block.focus-3 .section-teaser.focus .card-body{ margin-top: -2.5rem;} .section-focus-block.focus-3 .section-teaser.focus .card-body > *{ margin-left: 0;} .section-focus-block.focus-3 .section-teaser.focus .card-body .section-headline{ padding: 1rem .375rem 0 15px;} .section-focus-block.focus-3 .section-teaser.focus .card-body .section-headline > *{ font-size: 1.25rem;} .section-focus-block.focus-3 .section-teaser.focus .card-body .section-textblock{ padding-left: 15px;} .section-focus-block.focus-3 .section-teaser.focus .card-body .section-textblock > *{ font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.25px;} .section-focus-block.focus-3 .section-teaser.focus .card-body .section-link{ padding-left: 15px;} .section-focus-block .section-headline > *{ margin-bottom: 1.5rem;} .section-focus-block .teaser-wrapper{ margin-bottom: 0;} .section-focus-block .section-teaser.focus .card-body{ margin-left: 2rem; margin-top: -6.5rem;} .section-focus-block .section-teaser.focus .card-body > *{ padding-right: 0;} .section-focus-block .collapse{ display: block;}} @media (min-width: 992px){ .section-focus-block{ padding-top: 3.75rem; padding-bottom: 5rem;} .section-focus-block.focus-3 .section-teaser.focus .card-body{ margin-top: -4.125rem; margin-left: 5rem;} .section-focus-block.focus-3 .section-teaser.focus .card-body .section-headline{ padding-top: 1.25rem; padding-bottom: 5px;} .section-focus-block .section-headline > *{ margin-bottom: 1.875rem;} .section-focus-block .section-teaser.focus .card-body{ margin-left: 4rem;} .section-focus-block .more{ margin-bottom: -2rem;}} @media (min-width: 1200px){ .section-focus-block .section-teaser.focus .card-body{ margin-left: 6rem;}} @media print{ .section-focus-block{ display: none;}} .section-main-image{ max-width: 1400px; margin: 0 auto; position: relative;} .section-main-image:after{ content: ' '; position: absolute; left: 15px; right: 0; bottom: 0; height: 1.875rem; background: #ffffff;} .section-main-image + .container{ margin-top: 0.5rem !important;} .section-main-image .section-media{ margin-bottom: 0;} .section-main-image .section-textblock{ padding-top: 0.5rem; padding-left: 15px; padding-right: 15px; position: relative; z-index: 1;} .section-main-image .section-zitat{ padding-top: 0.5rem; padding-left: 15px; padding-right: 15px;} .section-main-image .section-zitat .blockquote-footer{ position: relative; z-index: 1;} @media (min-width: 576px){ .section-main-image + .container{ margin-top: 0 !important;} .section-main-image:after{ height: 2rem;}} @media (min-width: 768px){ .section-main-image{ margin-top: -1px;} .section-main-image + .container{ margin-top: calc(-4rem + 2rem) !important;} .section-main-image:after{ height: 4rem;} .section-main-image .section-textblock{ padding: 0; position: absolute; right: 2rem; top: 0; bottom: 4rem; width: 21rem; display: flex; align-items: center; margin-bottom: 0;} .section-main-image .section-textblock > p{ font-family: "Unit-MediumTF"; font-size: 1.125rem; color: #172E4C; line-height: 2rem; text-shadow: 0 0 1rem #ffffff; margin: 0;} .section-main-image .section-zitat{ padding: 0; position: absolute; right: 2rem; top: 6rem; width: 21rem;} .section-main-image .section-zitat > blockquote > p{ font-family: "Unit-MediumTF"; font-size: 1.375rem; color: #172E4C; line-height: 2rem; text-shadow: 0 0 1rem #ffffff;} .section-main-image .section-zitat > blockquote > footer{ font-family: "Unit-MediumTF"; font-size: 1.125rem; color: #172E4C; line-height: 1.625rem; margin-top: 0.625rem;} .section-main-image .section-zitat span.before{ font-size: 1.125rem;}} @media (min-width: 992px){ .section-main-image + .container{ margin-top: calc(-5rem + 3.5rem) !important;} .section-main-image:after{ left: 8%; height: 5rem;} .section-main-image .section-textblock{ padding: 0; right: 2rem; width: 23rem; bottom: 5rem;} .section-main-image .section-textblock > p{ font-family: "Unit-MediumTF"; font-size: 1.625rem; line-height: 2.5rem; color: #172E4C; text-shadow: 0 0 1rem #ffffff;} .section-main-image .section-zitat{ top: 7.625rem; width: 23rem;} .section-main-image .section-zitat > blockquote > p{ font-size: 1.625rem; line-height: 2.5rem;} .section-main-image .section-zitat > blockquote > footer{ font-size: 1.125rem;}} @media (min-width: 1200px){ .section-main-image + .container{ margin-top: calc(-7rem + 3.5rem) !important;} .section-main-image:after{ left: 15%; height: 7rem;} .section-main-image .section-textblock{ right: 9rem; bottom: 7rem;} .section-main-image .section-zitat{ right: 9rem;} .section-main-image .section-zitat > blockquote > p{ font-size: 1.625rem; line-height: 2.5rem;} .section-main-image .section-zitat > blockquote > footer{ font-size: 1.125rem;} .section-main-image .section-zitat span.before{ font-size: 1.375rem; margin-top: 0;}} @media print{ .section-main-image:after{ content: none;} .section-main-image + .container{ margin-top: 2.5rem !important;} .section-main-image .section-media{ width: 100%;}} .section-stage-special{ max-width: 1400px; margin: 0 auto; position: relative;} .section-stage-special .section-media{ margin-bottom: .625rem;} .section-stage-special .content{ font-family: "Unit-MediumTF"; font-size: 1.125rem; line-height: 1.625rem; font-weight: 500; color: #172E4C; text-align: center;} .section-stage-special .content h1{ font-size: 1.75rem; line-height: 2.125rem;} @media (min-width: 576px){ .section-stage-special .section-media{ margin-bottom: 2.5rem;} .section-stage-special .content{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 1.75rem; line-height: 1; color: #ffffff; text-shadow: 0 0 10px rgba(0, 0, 0, 0.25); padding-top: 25%;} .section-stage-special .content h1{ font-size: 3.75rem; line-height: 1;}} @media (min-width: 992px){ .section-stage-special .section-media{ margin-bottom: 3.75rem;} .section-stage-special .content{ font-size: 2.875rem; text-shadow: 0 0 10px rgba(0, 0, 0, 0.25); padding-top: 15%;} .section-stage-special .content h1{ font-size: 6.25rem;}} .section-textContact{ font-family: Unit-MediumTF; font-size: 1.125rem; line-height: 1.625rem; padding-bottom: 2.5rem; display: flex; flex-direction: column-reverse;} .section-textContact p{ margin-bottom: 0;} .section-textContact .section-textblock{ margin-bottom: 1.125rem;} .section-textContact .textLink{ margin-bottom: 2.5rem;} .section-textContact a:link, .section-textContact a:visited, .section-textContact a:hover, .section-textContact a:active{ color: #0482C3;} .section-textContact a:link:hover, .section-textContact a:visited:hover, .section-textContact a:hover:hover, .section-textContact a:active:hover{ color: #166288;} .section-textContact .section-person{ font-family: "UnitOffc-Light"; font-size: 1.125rem; line-height: 1.625rem; color: #172E4C; margin-bottom: 0;} .section-textContact .section-person h5{ font-family: Unit-MediumTF; font-size: 1.375rem; line-height: 2rem;} .section-textContact .section-person h6{ font-family: Unit-MediumTF; color: #172E4C;} .section-textContact .section-person .card{ border: 0; border-radius: 0;} .section-textContact .section-person .card .section-media{ margin-bottom: 0;} .section-textContact .section-person .card-body{ padding-right: 0; padding-bottom: 0; padding-left: 0;} @media (min-width: 768px){ .section-textContact{ display: block;} .section-textContact .section-person{ float: right; max-width: 16rem; margin-left: 2.5rem; margin-bottom: 2.5rem;}} @media (min-width: 992px){ .section-textContact{ padding-bottom: 3.75rem;} .section-textContact .section-person{ margin-right: -8.3333333333%;} .section-textContact .textLink{ margin-bottom: 0;}} @media print{ .section-textContact{ display: block;} .section-textContact .section-person{ float: right; max-width: 16rem; margin-left: 2.5rem; margin-bottom: 2.5rem; margin-right: 0;} .section-textContact .section-person .section-media{ width: 100%;}} section.teaserBlock_2rows_6blocks{ padding-top: 2.5rem; padding-bottom: 4rem;} section.teaserBlock_2rows_6blocks .row{ padding-bottom: 2rem;} .section-teaser-row-special{ display: flex; flex-direction: column; max-width: 1400px; margin: 0 auto; position: relative; margin-bottom: 2.5rem;} .section-teaser-row-special .teaser{ position: relative; overflow: hidden;} .section-teaser-row-special .teaser .section-media{ margin-bottom: 0;} .section-teaser-row-special .teaser .section-media img{ transition: 1s all;} .section-teaser-row-special .teaser:hover .section-media img{ transform: scale(1.1);} .section-teaser-row-special .teaser .content{ position: absolute; display: flex; align-items: center; left: 0; bottom: 2.25rem; font-family: "Unit-MediumTF"; font-size: 1.25rem; line-height: 1.75rem; padding: 0.375rem .875rem 0.25rem 1.75rem; color: #ffffff; background: #0482C3; max-width: 95%;} .section-teaser-row-special .teaser .content .text{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .section-teaser-row-special .teaser .content i{ margin-left: 0.5rem; font-size: 1rem;} @media (min-width: 768px){ .section-teaser-row-special{ flex-direction: row; flex-wrap: wrap;} .section-teaser-row-special .teaser{ flex: 0 0 50%;}} @media (min-width: 992px){ .section-teaser-row-special{ margin-bottom: 3.75rem;} .section-teaser-row-special .teaser .content{ bottom: 1.75rem; font-size: 1.625rem; line-height: 2rem; padding: 0.375rem 1.125rem 0.25rem 1.75rem;} .section-teaser-row-special .teaser .content i{ font-size: 1.125rem;}} @media (min-width: 1200px){ .section-teaser-row-special{ margin-bottom: 3.75rem;} .section-teaser-row-special .teaser .content{ bottom: 3.125rem; font-size: 2rem; line-height: 2.25rem; padding: 0.375rem 1.25rem 0.25rem 2.5rem;} .section-teaser-row-special .teaser .content i{ font-size: 1.25rem;}} .section-teaser-gross-special{ position: relative; max-width: 1400px; margin: 0 auto; margin-bottom: 2.5rem;} .section-teaser-gross-special .section-media{ margin-bottom: 0;} .section-teaser-gross-special .content{ width: 100%; display: block; background: #0482C3; color: #ffffff; padding: 1.25rem;} .section-teaser-gross-special .content:hover{ text-decoration: none;} .section-teaser-gross-special .content .section-headline{ margin-bottom: .5rem;} .section-teaser-gross-special .content .section-headline *{ font-size: 1.375rem; line-height: 1.75rem; color: #ffffff; margin-bottom: 0;} .section-teaser-gross-special .content .section-textblock{ margin-bottom: .625rem;} .section-teaser-gross-special .content .section-textblock p{ color: #ffffff;} .section-teaser-gross-special .content .section-link{ margin: 0;} .section-teaser-gross-special .content .section-link .link{ margin-bottom: 0; color: #ffffff;} .section-teaser-gross-special .content .section-link .link span{ color: #ffffff;} .section-teaser-gross-special .content .section-link .link span i{ color: #ffffff;} @media (min-width: 576px){ .section-teaser-gross-special .content .section-headline{ margin-bottom: 1rem;} .section-teaser-gross-special .content .section-headline *{ font-size: 2rem; line-height: 2.375rem;}} @media (min-width: 992px){ .section-teaser-gross-special{ margin-bottom: 3.75rem;} .section-teaser-gross-special .content{ position: absolute; right: 2.25rem; bottom: 1.625rem; max-width: 23.125rem; padding: 1.25rem 1.25rem .875rem 1.25rem;} .section-teaser-gross-special .content .section-textblock{ display: inline;} .section-teaser-gross-special .content .section-textblock *{ display: inherit;} .section-teaser-gross-special .content .section-link{ display: inline;} .section-teaser-gross-special .content .section-link .link{ display: inherit;}} @media (min-width: 1200px){ .section-teaser-gross-special .content{ right: 8.125rem; bottom: 3.75rem; max-width: 34.75rem; padding: 1.25rem 1.125rem 1.875rem 1.875rem;} .section-teaser-gross-special .content .section-headline *{ font-size: 2.625rem; line-height: 3.5rem;} .section-teaser-gross-special .content .section-textblock{ display: block;} .section-teaser-gross-special .content .section-link{ display: block;}} .section-special-gallery{ max-width: 1400px; margin: 0 auto 2.5rem;} .section-special-gallery .carousel-inner{ z-index: 2; background: #172E4C;} .section-special-gallery .carousel-inner .carousel-item{ background: #172E4C;} .section-special-gallery.with-modal .carousel-inner .carousel-item{ cursor: pointer;} .section-special-gallery.with-modal .carousel-inner .carousel-item .icon-wrapper{ display: none;} .section-special-gallery.with-modal .carousel-inner .carousel-item.with-icon{ overflow: hidden;} .section-special-gallery.with-modal .carousel-inner .carousel-item.with-icon img{ transition: 1s all;} .section-special-gallery.with-modal .carousel-inner .carousel-item.with-icon .icon-wrapper{ position: absolute; top: 0; right: 0; width: 2.5rem; height: 2.5rem; display: flex; background: #ffffff; align-items: center; pointer-events: none;} .section-special-gallery.with-modal .carousel-inner .carousel-item.with-icon .icon-wrapper i{ color: #172E4C; font-size: 1.25rem; margin: 0 auto;} .section-special-gallery.with-modal .carousel-inner .carousel-item.with-icon a:hover img{ -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1);} .section-special-gallery.with-modal .content{ background: #0482C3; color: #ffffff;} .section-special-gallery.with-modal .prev-overlay, .section-special-gallery.with-modal .next-overlay{ display: none;} .section-special-gallery .prev-overlay, .section-special-gallery .next-overlay{ display: block; position: absolute; top: 0; bottom: 0; background: none; width: 50%; cursor: pointer; z-index: 5;} .section-special-gallery .prev-overlay{ left: 0;} .section-special-gallery .next-overlay{ right: 0;} .section-special-gallery .content{ background: #f5f5f5; color: #172E4C; padding: 1.25rem; font-family: "UnitOffc-Light"; font-size: 1.125rem; line-height: 1.625rem;} .section-special-gallery .navigation{ display: flex; flex-direction: row; align-items: center; font-family: "UnitOffc-Light"; font-size: 1.125rem; line-height: 1.625rem; color: #172E4C; margin-top: .625rem; margin-left: .625rem;} .section-special-gallery .navigation .carousel-control:hover i{ color: #166288;} .section-special-gallery .navigation .carousel-control i{ color: #0482C3;} .section-special-gallery .navigation a{ font-size: 1.25rem;} .section-special-gallery .navigation .pages{ margin: 0 .625rem;} .section-special-gallery .link{ border-top: 1px solid #c5c5c5; border-bottom: 1px solid #c5c5c5; display: flex; align-items: center; margin: 1.875rem 1.25rem 0; padding: 1rem 0;} .section-special-gallery .link:hover .title{ color: #166288;} .section-special-gallery .link:hover i{ color: #166288;} .section-special-gallery .link .title{ flex: 1 1 auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-family: "Unit-MediumTF"; font-size: 1.125rem; line-height: 1.625rem; color: #0482C3;} .section-special-gallery .link .type{ font-family: "Unit-Regular"; font-size: 15px; line-height: 1.25rem; letter-spacing: 0.25px; color: #172E4C; white-space: nowrap; margin-left: 1.25rem;} .section-special-gallery .link i{ margin-left: .625rem; color: #0482C3;} .section-special-gallery .outer-wrapper .content-wrapper .content a, .section-special-gallery .outer-wrapper .content-wrapper .content a.link, .section-special-gallery .outer-wrapper .content-wrapper .content a.ext-link, .section-special-gallery .outer-wrapper .content-wrapper .content a:hover, .section-special-gallery .outer-wrapper .content-wrapper .content a.link:hover, .section-special-gallery .outer-wrapper .content-wrapper .content a.ext-link:hover, .section-special-gallery .outer-wrapper .content-wrapper .content a:focus, .section-special-gallery .outer-wrapper .content-wrapper .content a.link:focus, .section-special-gallery .outer-wrapper .content-wrapper .content a.ext-link:focus{ font-family: "Unit-MediumTF"; color: #ffffff; text-decoration: underline; margin: 0; padding: 0; border: none; display: inline;} @media (min-width: 576px){ .section-special-gallery .outer-wrapper{ display: flex; flex-direction: row-reverse; align-items: flex-start; justify-content: space-between;} .section-special-gallery .outer-wrapper .content-wrapper{ flex: 1 1 auto; z-index: 5; max-width: calc(100% - 7.625rem);} .section-special-gallery .outer-wrapper .content-wrapper .content{ height: 18.5rem; margin-top: -2.5rem;} .section-special-gallery .outer-wrapper .content-wrapper .link{ margin: 1.75rem 0 0; padding: 1rem 1.125rem 1rem .375rem;} .section-special-gallery .outer-wrapper .content-wrapper .link i{ margin-left: 1.25rem;} .section-special-gallery .navigation{ flex: 0 0 auto; margin-right: .625rem; margin-top: .625rem;}} @media (min-width: 768px){ .section-special-gallery .outer-wrapper .navigation{ margin-top: 1rem; margin-right: 2rem;} .section-special-gallery .outer-wrapper .content-wrapper .content{ height: 13.75rem;}} @media (min-width: 992px){ .section-special-gallery{ margin-bottom: 3.75rem;} .section-special-gallery .carousel .carousel-inner{ overflow: hidden;} .section-special-gallery .carousel .carousel-inner .carousel-item{ width: 770px; margin: 0 auto; z-index: 1;} .section-special-gallery .carousel .carousel-inner .carousel-item.vfa-active{ z-index: 4; display: block;} .section-special-gallery .carousel .carousel-inner .vfa-carousel-item-next{ display: block; left: calc((100% - 770px) / 2); z-index: 3; transform: translateX(100%); transform: translate3d(100%, 0, 0); position: absolute; top: 0; transition-duration: 0.55s;} .section-special-gallery .carousel .carousel-inner .vfa-carousel-item-next.carousel-item-right{ transform: translate3d(200%, 0, 0);} .section-special-gallery .carousel .carousel-inner .vfa-carousel-item-after-next{ position: absolute; top: 0; display: block; left: calc((100% - 770px) / 2); transform: translateX(100%); transform: translate3d(100%, 0, 0); z-index: 2;} .section-special-gallery .carousel .carousel-inner .vfa-carousel-item-prev{ display: block; right: calc((100% - 770px) / 2); z-index: 3; transform: translateX(-100%); transform: translate3d(-100%, 0, 0); position: absolute; top: 0; transition-duration: 0.55s;} .section-special-gallery .carousel .carousel-inner .vfa-carousel-item-before-prev{ display: block; position: absolute; top: 0; right: calc((100% - 770px) / 2); transform: translateX(-100%); transform: translate3d(-100%, 0, 0); z-index: 2;} .section-special-gallery .carousel .carousel-inner .vfa-carousel-item-next.carousel-item-left, .section-special-gallery .carousel .carousel-inner .vfa-carousel-item-prev.carousel-item-right{ transform: translateX(0); transform: translate3d(0, 0, 0);} .section-special-gallery .carousel .prev-overlay, .section-special-gallery .carousel .next-overlay{ display: block;} .section-special-gallery .carousel .prev-overlay{ width: calc((100% - 770px) / 2); background: rgba(23, 46, 76, 0.7);} .section-special-gallery .carousel .next-overlay{ width: calc((100% - 770px) / 2); background: rgba(23, 46, 76, 0.7);} .section-special-gallery .no-click{ pointer-events: none;} .section-special-gallery .outer-wrapper{ width: 770px; margin: 0 auto;} .section-special-gallery .outer-wrapper .content-wrapper{ margin-right: 1.25rem;} .section-special-gallery .outer-wrapper .content-wrapper .content{ height: 13.75rem; margin-top: -3.75rem;} .section-special-gallery .link{ width: 770px; margin: 1.875rem auto 0;}} @media (min-width: 1200px){ .section-special-gallery .carousel .carousel-inner{ overflow: hidden;} .section-special-gallery .carousel .carousel-inner .carousel-item{ width: 730px;} .section-special-gallery .carousel .carousel-inner .vfa-carousel-item-next, .section-special-gallery .carousel .carousel-inner .vfa-carousel-item-after-next{ left: calc((100% - 730px) / 2);} .section-special-gallery .carousel .carousel-inner .vfa-carousel-item-prev, .section-special-gallery .carousel .carousel-inner .vfa-carousel-item-before-prev{ right: calc((100% - 730px) / 2);} .section-special-gallery .carousel .prev-overlay{ width: calc((100% - 730px) / 2);} .section-special-gallery .carousel .next-overlay{ width: calc((100% - 730px) / 2);} .section-special-gallery .outer-wrapper{ width: 730px; margin: 0 auto;} .section-special-gallery .outer-wrapper .navigation{ margin-right: 3.25rem;} .section-special-gallery .outer-wrapper .content-wrapper{ margin-right: 1.625rem;} .section-special-gallery .outer-wrapper .content-wrapper .content{ height: 15.25rem; margin-top: -5rem;} .section-special-gallery .link{ width: 730px;}} @media print{ .section-special-gallery{ display: none;}} .special-gallery-modal .modal-content{ max-width: 1240px; padding: 0.625rem 1.25rem 2.875rem 1.25rem; border: none; border-radius: 0;} .special-gallery-modal .modal-content img{ display: block; width: auto; max-width: 100%; max-height: 75vh; object-position: 0; pointer-events: none;} .special-gallery-modal .modal-content .modal-close{ position: relative; float: right; text-decoration: none; padding: 0.875rem; background: #172E4C; color: #ffffff; margin-bottom: 0.625rem; width: auto; height: auto; line-height: 1; opacity: 1; text-shadow: none; font-size: inherit; font-weight: normal;} .special-gallery-modal .modal-content .modal-download{ position: relative; float: right; text-decoration: none; padding: 0.875rem; background: #172E4C; color: #ffffff; margin-bottom: 0.625rem; line-height: 1; border: none; cursor: pointer; margin-right: 0.625rem;} .special-gallery-modal .modal-content .modal-download, .special-gallery-modal .modal-content .modal-close{ width: 2.625rem; height: 2.5rem; display: flex; justify-content: center; align-items: center;} .special-gallery-modal .modal-content .modal-body{ padding: 3.125rem 0 0;} .special-gallery-modal .modal-content .modal-body h3{ font-family: Unit-MediumTF; font-size: 1.375rem; line-height: 1.75rem; color: #172E4C; margin: 0;} .special-gallery-modal .modal-content .modal-body img{ width: 100%; margin: 1.25rem 0;} .special-gallery-modal .modal-content .modal-body hr{ border-width: 2px; border-color: #172E4C; margin: 0;} .special-gallery-modal .modal-content .modal-body .origin{ font-family: UnitOffc-Light; font-size: 15px; line-height: 23px; text-align: right; letter-spacing: 0.2px; color: #172E4C; margin: 1.25rem 0;} .special-gallery-modal .modal-content .modal-body .text{ margin-top: 1.25rem; font-family: UnitOffc-Light; font-size: 1.125rem; line-height: 1.625rem; color: #172E4C;} .special-gallery-modal .modal-content .modal-body .text strong{ font-family: Unit-MediumTF;} .special-gallery-modal .modal-content .section-media{ margin-bottom: 0;} .special-gallery-modal .modal-content .section-media .with-icon .icon-wrapper{ display: none;} .special-gallery-modal .modal-content .copyright-wrapper{ margin-bottom: 1.25rem;} .special-gallery-modal .modal-content .copyright-wrapper > *{ font-family: "Unit-Regular"; font-size: 15px; letter-spacing: 0.2px; line-height: 1.25rem; padding: 0.375rem 0.625rem; display: inline-block; clear: both;} .special-gallery-modal .modal-content .copyright-wrapper .copyright{ background: #172E4C; color: #ffffff;} .special-gallery-modal .modal-content .copyright-wrapper .date{ color: #172E4C; float: right;} .special-gallery-modal .modal-content .card-body{ padding: 0;} .special-gallery-modal .modal-content .type, .special-gallery-modal .modal-content .metadata{ font-family: "Unit-Regular"; font-size: 15px; color: #172E4C; letter-spacing: 0.2px; line-height: 1.25rem; margin-bottom: 0.625rem;} .special-gallery-modal .modal-content .title{ font-family: "Unit-MediumTF"; font-size: 1.375rem; color: #172E4C; line-height: 1.75rem; margin-bottom: 0.625rem;} .special-gallery-modal .modal-content .section-headline{ margin-bottom: 0.625rem;} .special-gallery-modal .modal-content .section-headline > *{ font-family: "Unit-MediumTF"; font-size: 1.375rem; color: #172E4C; line-height: 1.75rem; margin-bottom: 0;} .special-gallery-modal .modal-content .text{ font-family: "UnitOffc-Light"; font-size: 1.125rem; color: #172E4C; line-height: 1.625rem; margin-bottom: 0.625rem;} .special-gallery-modal .modal-content .section-textblock{ margin-bottom: 0.625rem;} .special-gallery-modal .modal-content .section-textblock > *{ font-family: "UnitOffc-Light"; font-size: 1.125rem; color: #172E4C; line-height: 1.625rem; margin-bottom: 0;} .special-gallery-modal .modal-content .section-link i{ margin-right: 0.5rem;} @media (max-width: 375px){ .special-gallery-modal .modal-content .modal-body{ padding: 4.375rem 0 0;}} @media (min-width: 576px){ .special-gallery-modal .modal-dialog{ max-width: 1240px;}} @media (min-width: 768px){ .modal-content{ margin: 0 5rem;}} @media (min-width: 992px){ .special-gallery-modal .modal-content .modal-body{ padding: 0 12.75rem 0 10rem;}} .section-overview{ padding-top: 2.5rem; padding-bottom: 0.25rem; background-color: #f5f5f5;} .section-overview .section-headline > *{ margin-bottom: 1.25rem;} .section-overview .list-group-item{ font-family: "Unit-MediumTF"; font-size: 1.25rem; line-height: 1.625rem; color: #172E4C; border-radius: 0; border: none; border-top: 1px solid #172E4C; background-color: #f5f5f5; padding: 0; padding-top: 0.625rem; padding-right: 10px; margin: 0; margin-bottom: 2.5rem; transition: padding .5s;} .section-overview .list-group-item.active, .section-overview .list-group-item:not(.active):hover{ text-decoration: none; color: #166288; border-color: #166288; padding-left: 10px; padding-right: 0;} @media (min-width: 768px){ .section-overview .section-headline{ margin-bottom: 2.75rem;} .section-overview .section-headline > *{ margin: 0;} .section-overview .row > div{ padding-left: 20px; padding-right: 20px;} .section-overview .list-group-item{ padding-top: 1rem; margin-bottom: 2.25rem;}} @media (min-width: 992px){ .section-overview{ padding-top: 3.75rem; padding-bottom: calc(5rem - 2.25rem);}} @media print{ .section-overview a{ text-decoration: none; color: #000000;}} .section-teaserMore .mt > .btn{ margin-bottom: 2.5rem;} @media (min-width: 992px){ .section-teaserMore{ padding-top: 0; padding-bottom: calc(5rem - 3.75rem);} .section-teaserMore .mt > .btn{ margin-bottom: 3.75rem;}} @media print{ .section-teaserMore .section-teaser{ display: inline-block;} .section-teaserMore .section-teaser a{ text-decoration: none;} .section-teaserMore .mt{ display: none;}} .section-themewall{ padding-bottom: 3.75rem;} .section-themewall .section-headline{ margin-bottom: 0;} .section-themewall .section-headline > *{ margin-bottom: 0;} .section-themewall .card-columns{ position: relative; -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; -moz-column-gap: 0; -webkit-column-gap: 0; column-gap: 0;} .section-themewall .card-columns .section-media{ margin-bottom: 15px;} .section-themewall .card-columns:before{ content: ' '; position: absolute; left: 0; right: 0; top: 0; height: calc(2.5rem + 1px); background: #ffffff;} .section-themewall .card-columns > div[class^='section-']{ padding-top: 1.625rem; margin-bottom: 1.625rem; border-top: 1px solid #c5c5c5;} .section-themewall .card-columns > div[class^='section-'] .card{ margin: 0;} .section-themewall .card-columns > div[class^='section-'] .card .card-body .section-headline{ margin-bottom: 0.625rem;} .section-themewall .card-columns > div[class^='section-'] .card .card-body .section-headline p{ margin-bottom: 0;} .section-themewall .card-columns > div[class^='section-'] .card .card-body .link{ margin: 0;} @media (min-width: 768px){ .section-themewall .card-columns{ -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; -moz-column-gap: 30px; -webkit-column-gap: 30px; column-gap: 30px;} .section-themewall .card-columns > *{ -webkit-column-break-inside: avoid; column-break-inside: avoid; break-inside: avoid; display: inline-block; width: 100%;} .section-themewall .card-columns > div[class^='section-']{ padding-top: 2.5rem; margin-bottom: 2.5rem;} .section-themewall .card-columns > div[class^='section-'] .card{ margin: 0;} .section-themewall .card-columns > div[class^='section-'] .card .card-body .link{ margin: 0;}} @media (min-width: 992px){ .section-themewall .card-columns{ -moz-column-count: 3; -webkit-column-count: 3; column-count: 3;} .section-themewall .card-columns .section-box-video i.fa-youtube{ display: inline;}} @media print{ .section-themewall{ padding-bottom: 0;} .section-themewall .mt{ display: none !important;} .section-themewall .section-teaser{ display: block;} .section-themewall .section-teaser.d-none{ display: block !important;} .section-themewall .section-teaser a{ text-decoration: none;} .section-themewall .section-box-socialmedia{ background: none; text-align: left;} .section-themewall .section-box-socialmedia .card{ background: none; padding: 0;} .section-themewall .section-box-socialmedia .text-center{ text-align: left !important;} .section-themewall .section-box-socialmedia a{ text-decoration: none;} .section-themewall .btn-secondary{ display: none;}} .section-teaser-related-fade-in{ background: #f5f5f5; padding: 2.5rem 0;} .section-teaser-related-fade-in a:hover{ text-decoration: none;} .section-teaser-related-fade-in a:hover .btn-secondary{ border-color: #166288; color: #166288;} .section-teaser-related-fade-in .gradient{ position: relative;} .section-teaser-related-fade-in .gradient:after{ position: absolute; bottom: 0; width: 100%; height: 100%; content: ''; background: linear-gradient(to top, whitesmoke 0%, rgba(245, 245, 245, 0.2) 100%); pointer-events: none;} .section-teaser-related-fade-in .gradient .section-textblock{ margin-bottom: 0;} .section-teaser-related-fade-in .gradient .section-textblock p{ margin-bottom: 0;} @media (min-width: 992px){ .section-teaser-related-fade-in{ padding: 3.75rem 0;}} @media print{ .section-teaser-related-fade-in{ display: none;}} .section-teaserText{ padding-bottom: 2.5rem;} .section-teaserText .section-teaser{ margin-bottom: 2.5rem;} .section-teaserText .section-textblock{ margin-bottom: 0;} @media (min-width: 768px){ .section-teaserText .section-teaser{ float: left; width: 22.125rem; margin-right: 2.5rem; margin-bottom: 2.5rem;}} @media (min-width: 992px){ .section-teaserText{ padding-bottom: 3.75rem;} .section-teaserText .section-teaser{ margin-left: -8.3333333333%;}} .section-stage-slider{ font-family: "Unit-MediumTF"; font-size: 1.625rem; margin-bottom: 2.5rem;} .section-stage-slider .section-media{ margin-bottom: 0;} .section-stage-slider .orientation-wrapper{ position: relative;} .section-stage-slider .orientation-wrapper .carousel-control.carousel-control-prev{ z-index: 9; width: auto; left: 0.5rem;} .section-stage-slider .orientation-wrapper .carousel-control.carousel-control-next{ z-index: 9; width: auto; right: 0.5rem;} .section-stage-slider .orientation-wrapper .carousel-control div{ display: flex; align-items: center; background: #ffffff; width: 1.875rem; height: 1.875rem; border-radius: 50%;} .section-stage-slider .orientation-wrapper .carousel-control div i{ flex: auto; color: #0482C3; font-size: 1rem;} .section-stage-slider .carousel-item{ background-color: #0482C3;} .section-stage-slider .box{ padding-top: 1.25rem; background: #0482C3; padding-left: 1rem;} .section-stage-slider .box .section-headline > *{ font-size: 1.75rem; color: #ffffff; line-height: 2.25rem; margin-bottom: 0.75rem;} .section-stage-slider .box .section-textblock{ margin-bottom: 15px; padding-left: 1rem;} .section-stage-slider .box .section-textblock > p{ font-family: "Unit-MediumTF"; font-size: 1.125rem; line-height: 1.625rem; margin-bottom: 0; color: #ffffff;} .section-stage-slider .box .footer{ margin-bottom: 1.875rem;} .section-stage-slider .box ol{ float: right; cursor: default;} .section-stage-slider .box ol li{ position: relative; display: inline-block; margin-left: 0.625rem; width: 0.625rem; height: 0.625rem; border-radius: 0.625rem; background: rgba(255, 255, 255, 0.5);} .section-stage-slider .box ol li.active{ background: #ffffff;} @media (min-width: 768px){ .section-stage-slider{ padding-bottom: 3.75rem; margin: -1px auto 3.75rem; overflow: hidden; background-color: #ffffff;} .section-stage-slider .section-media{ margin-bottom: 0;} .section-stage-slider .section-media img{ min-height: 360px; object-fit: cover;} .section-stage-slider .carousel-inner{ overflow: visible;} .section-stage-slider .carousel-inner .container{ height: 0;} .section-stage-slider .box{ padding-top: 1.25rem; position: absolute; bottom: -3.75rem; right: 2rem; padding-left: 1.875rem; padding-right: 1.875rem;}} @media (min-width: 992px){ .section-stage-slider .section-media img{ min-height: auto; object-fit: unset;}} @media (min-width: 1200px){ .section-stage-slider{ max-width: 1400px;} .section-stage-slider .section-media img{ max-height: 35rem; margin-bottom: 0;} .section-stage-slider .orientation-wrapper{ position: relative;} .section-stage-slider .orientation-wrapper .carousel-control div{ width: 2.25rem; height: 2.25rem;} .section-stage-slider .orientation-wrapper .carousel-control div i{ font-size: 1.25rem;} .section-stage-slider .box{ padding-top: 1.875rem;} .section-stage-slider .box .section-headline > *{ font-size: 2.625rem; line-height: 3.5rem; margin-bottom: 1.875rem;} .section-stage-slider .box .section-textblock{ margin-bottom: 2.25rem; padding-left: 1.875rem;} .section-stage-slider .box .section-textblock > p{ font-size: 1.625rem; line-height: 2.25rem;} .section-stage-slider .box .footer{ margin-top: 2.5rem; margin-bottom: 2.5rem;} .section-stage-slider .box ol{ float: right; cursor: default; margin-top: 0; margin-right: 1.875rem;} .section-stage-slider .box ol li{ position: relative; display: inline-block; margin-left: 0.625rem; width: 0.625rem; height: 0.625rem; border-radius: 0.625rem; background: rgba(255, 255, 255, 0.5);} .section-stage-slider .box ol li.active{ background: #ffffff;}} @media print{ .section-stage-slider .carousel-control{ display: none;} .section-stage-slider .section-media{ width: 100%;} .section-stage-slider .carousel-inner .container{ height: auto;} .section-stage-slider .carousel-item{ background: none;} .section-stage-slider .box{ position: relative; bottom: 0; right: 0; background: none; border: 1px solid #c5c5c5;} .section-stage-slider .box .section-headline > *, .section-stage-slider .box .section-textblock > p{ color: #000000;} .section-stage-slider .box .footer{ display: none;}} .section-twitter-block{ padding-top: 2.5rem; padding-bottom: 0;} .section-twitter-block .section-headline{ margin-bottom: 1.375rem;} .section-twitter-block .section-headline > *{ margin-bottom: 0;} .section-twitter-block .card-columns{ position: relative; -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; -moz-column-gap: 0; -webkit-column-gap: 0; column-gap: 0;} .section-twitter-block .card-columns .section-box-socialmedia{ padding-bottom: 1.25rem;} .section-twitter-block .card-columns .section-box-socialmedia .text-center{ text-align: left !important;} .section-twitter-block .card-columns .section-box-socialmedia .text-center i.fa, .section-twitter-block .card-columns .section-box-socialmedia .text-center img{ margin-right: 0.5rem;} .section-twitter-block .card-columns .section-box-socialmedia .text-center p.regular{ font-family: "Unit-Regular"; font-size: 15px; color: #172E4C; letter-spacing: 0.2px; line-height: 1.25rem;} .section-twitter-block .card-columns .section-box-socialmedia .text-center p.regular:first-of-type{ font-family: "Unit-MediumTF";} .section-twitter-block .card-columns .section-box-socialmedia .card{ padding: 1.25rem; margin-bottom: 0;} .section-twitter-block .mt{ padding-bottom: 2.5rem;} @media (min-width: 768px){ .section-twitter-block .section-headline{ margin-bottom: 1.5rem; float: left;} .section-twitter-block .section-headline > *{ margin-bottom: 0;} .section-twitter-block .card-columns{ -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; -moz-column-gap: 30px; -webkit-column-gap: 30px; column-gap: 30px;} .section-twitter-block .card-columns > *{ -webkit-column-break-inside: avoid; column-break-inside: avoid; break-inside: avoid; display: inline-block; width: 100%;} .section-twitter-block .card-columns .section-box-socialmedia{ padding-bottom: 1.875rem;} .section-twitter-block .card-columns .section-box-socialmedia .card{ padding-bottom: 1.875rem;}} @media (min-width: 992px){ .section-twitter-block{ padding-top: 3.75rem; padding-bottom: calc(3.75rem - 1.875rem);} .section-twitter-block .card-columns{ -moz-column-count: 3; -webkit-column-count: 3; column-count: 3;} .section-twitter-block .card-columns > *{ display: block;} .section-twitter-block .mt{ padding-bottom: 1.875rem;}} @media print{ .section-twitter-block .mt{ display: none;} .section-twitter-block .section-box-socialmedia.d-none{ display: block !important;} .section-twitter-block .section-box-socialmedia a{ text-decoration: none;}} .section-twitter-wall{ margin-bottom: 2.5rem;} .section-twitter-wall .hash-list{ font-family: "Unit-MediumTF"; font-size: 1.5rem; line-height: 1.875rem; color: #172E4C; margin-top: -1rem; margin-bottom: 1rem;} .section-twitter-wall .hash-list span{ margin-right: 1rem;} @media (min-width: 576px){ .section-twitter-wall .hash-list{ font-size: 2rem; line-height: 2.375rem; margin-top: -1.5rem;} .section-twitter-wall .twitter-wrapper{ margin-left: -25px; margin-right: -25px;}} @media (min-width: 992px){ .section-twitter-wall{ margin-bottom: 3.75rem;}} .section-youtube-block{ padding-top: 2.5rem; padding-bottom: 2.5rem;} .section-youtube-block .section-headline{ margin-bottom: 1.625rem;} .section-youtube-block .section-headline > *{ margin-bottom: 0;} .section-youtube-block .section-teaser{ margin-bottom: 2.5rem;} .section-youtube-block .section-teaser .card .section-media{ margin-bottom: 1.25rem;} .section-youtube-block .section-teaser .card .section-link > *{ font-family: "Unit-MediumTF"; font-size: 1.25rem; color: #172E4C; line-height: 1.625rem;} @media (min-width: 768px){ .section-youtube-block{ display: block;} .section-youtube-block .section-headline{ margin-bottom: 1.875rem;} .section-youtube-block .section-teaser{ padding-bottom: 0; margin-bottom: 1.875rem;} .section-youtube-block .section-teaser .card .section-media{ margin-bottom: 1rem;}} @media (min-width: 992px){ .section-youtube-block{ padding-top: 3.75rem; padding-bottom: calc(5rem);}} @media print{ .section-youtube-block .d-none{ display: block !important;} .section-youtube-block .section-teaser{ display: inline-block;} .section-youtube-block .section-teaser a{ text-decoration: none;} .section-youtube-block .mt{ display: none;}} .section-podcast-block{ padding-top: 2.5rem; padding-bottom: 2.5rem;} .section-podcast-block .section-headline{ margin-bottom: 1.625rem;} .section-podcast-block .section-headline > *{ margin-bottom: 0;} .section-podcast-block .section-teaser{ margin-bottom: 2.5rem;} .section-podcast-block .section-teaser:hover .section-link p.link i{ color: #166288;} .section-podcast-block .section-teaser:hover .section-link svg g{ stroke: #166288;} .section-podcast-block .section-teaser .section-media{ display: none;} .section-podcast-block .section-teaser .section-link p.link i{ color: #0482C3;} .section-podcast-block .section-teaser .section-link svg g{ stroke: #0482C3;} @media (min-width: 768px){ .section-podcast-block .section-teaser .section-media{ display: block;}} @media print{ .section-podcast-block .d-none{ display: block !important;} .section-podcast-block .section-teaser{ display: block;} .section-podcast-block .section-teaser a{ text-decoration: none;} .section-podcast-block .section-teaser .section-link{ display: none;} .section-podcast-block .mt{ display: none;}} .section-pm-block{ padding-bottom: 0; margin-bottom: 2.5rem;} .section-pm-block .contents{ background: #f5f5f5; padding-top: 2.5rem; max-width: 1400px; margin: 0 auto;} .section-pm-block .section-teaser .card{ background: #f5f5f5;} @media (min-width: 992px){ .section-pm-block{ margin-bottom: 3.75rem;} .section-pm-block .contents{ padding-top: 3.75rem;}} @media print{ .section-pm-block .contents{ background: none;} .section-pm-block .contents div[class*="col-"]{ flex: 0 0 33.3333333333%; max-width: 33.3333333333%;} .section-pm-block .contents .section-teaser{ display: block;} .section-pm-block .contents .section-teaser a{ text-decoration: none;} .section-pm-block .contents .section-teaser .card{ background: none; text-decoration: none;}} .section-pm-3er{ padding-top: 2.5rem; max-width: 1400px; margin: 0 auto;} .section-pm-3er .section-headline{ margin-bottom: 1.375rem;} .section-pm-3er .section-headline > *{ margin-bottom: 0;} .section-pm-3er .section-teaser{ margin-bottom: 2.5rem;} .section-pm-3er .section-teaser .section-headline{ margin-bottom: 0.675rem;} .section-pm-3er .mt{ padding-bottom: 2.5rem;} @media (min-width: 768px){ .section-pm-3er .section-headline{ margin-bottom: 1.5rem; float: left;} .section-pm-3er .section-headline > *{ margin-bottom: 0;} .section-pm-3er .section-teaser{ margin-bottom: 1.875rem;} .section-pm-3er .section-teaser .section-headline{ margin-bottom: 1rem;}} @media (min-width: 992px){ .section-pm-3er{ padding-top: 3.75rem; padding-bottom: calc(3.75rem - 1.875rem);} .section-pm-3er .section-teaser{ margin-bottom: 1.875rem;} .section-pm-3er .mt{ padding-bottom: 1.875rem;}} @media print{ .section-pm-3er .section-teaser{ display: block;} .section-pm-3er .section-teaser a{ text-decoration: none;} .section-pm-3er .mt{ display: none;}} .section-person-block{ padding-bottom: 0; padding-top: 2.5rem; max-width: 1400px; margin: 0 auto;} .section-person-block .nav-pills{ margin-left: -1rem;} .section-person-block .nav-pills > li{ padding: 0 1rem; margin-bottom: 0.75rem;} .section-person-block .nav-pills .nav-link{ font-family: "Unit-MediumTF"; line-height: 1.44rem; font-size: 1.125rem; color: #0482C3; border-bottom: 3px solid transparent; border-radius: 0; padding: 0;} .section-person-block .nav-pills .nav-link.active{ background: none; color: #172E4C; border-bottom-color: #172E4C;} .section-person-block .tab-content{ margin-top: 2.5rem;} .section-person-block .tab-content.no-margin{ margin-top: 0;} .section-person-block .tab-content .show-all{ display: block !important; opacity: 1 !important;} .section-person-block .section-person{ margin-bottom: 2.5rem;} @media (min-width: 992px){ .section-person-block{ padding-bottom: calc(5rem - 3.75rem); padding-top: 3.75rem;} .section-person-block .tab-content{ margin-top: 3rem;} .section-person-block .tab-content.no-margin{ margin-top: 0;} .section-person-block .section-person{ margin-bottom: 3.75rem;}} .old-section-person-block{ padding-bottom: 0; padding-top: 2.5rem; max-width: 1400px; margin: 0 auto;} .old-section-person-block.odd .section-person{ background: #f5f5f5;} .old-section-person-block.odd .section-person .card-body{ background: #f5f5f5;} .old-section-person-block.pm-overview{ padding-bottom: calc(2.5rem - 1.875rem);} .old-section-person-block.pm-overview .section-person{ margin-bottom: 1.875rem;} .old-section-person-block.pm-overview .section-person .card-body{ padding-top: 0;} .old-section-person-block.pm-overview .mt{ margin-bottom: 1.875rem;} .old-section-person-block .section-person{ margin-bottom: 2.5rem;} .old-section-person-block .section-person.with-list{ margin-bottom: 1.5rem;} .old-section-person-block .section-person .section-media{ margin-bottom: 0;} .old-section-person-block .section-person .card-body{ padding-top: 1.25rem; padding-bottom: 0;} .old-section-person-block .section-person .card-body h5{ font-family: "Unit-MediumTF"; font-size: 1.375rem; line-height: 1.75rem; margin-bottom: 0.625rem; color: #172E4C;} .old-section-person-block .section-person .card-body h6{ font-family: "Unit-MediumTF"; font-size: 1.125rem; line-height: 1.625rem; color: #172E4C; margin: 0;} .old-section-person-block .section-person .card-body p.card-text{ font-family: "UnitOffc-Light"; font-size: 1.125rem; color: #172E4C; line-height: 1.625rem; margin: 0;} .old-section-person-block .section-person .card-body .person-list{ margin-top: 0.625rem; margin-bottom: 0;} .old-section-person-block .section-person .card-body .person-list .section-textList{ margin: 0;} @media (min-width: 992px){ .old-section-person-block{ padding-bottom: calc(5rem - 3.75rem); padding-top: 3.75rem;} .old-section-person-block.pm-overview{ padding-bottom: 1.25rem;} .old-section-person-block.pm-overview .section-headline{ margin-bottom: 1.25rem;} .old-section-person-block.pm-overview .section-headline > *{ margin-bottom: 0;} .old-section-person-block.pm-overview .section-person{ margin-top: 0.625rem; margin-bottom: 1.875rem;} .old-section-person-block.pm-overview .mt{ margin-bottom: 1.875rem;} .old-section-person-block .section-person{ margin-bottom: 3.75rem;} .old-section-person-block .mt{ margin-bottom: 3.75rem;}} @media print{ .old-section-person-block.pm-overview .mt{ display: none;}} .section-image-block{ padding-bottom: 0; margin-bottom: 2.5rem;} .section-image-block .contents{ background: #f5f5f5; padding-top: 2.5rem; max-width: 1400px; margin: 0 auto;} .section-image-block .contents .card{ background: #f5f5f5;} .section-image-block .contents .card .section-media{ margin-bottom: 15px;} .section-image-block .contents .card .section-media .with-icon{ width: auto !important; display: inline-block; overflow: hidden; position: relative;} .section-image-block .contents .card .section-media img{ height: 14.5rem; object-position: bottom; object-fit: contain; width: auto; position: relative;} .section-image-block .contents .card .section-media img:after{ position: absolute; bottom: 0; left: 0; width: 20px; height: 20px; background: red;} .section-image-block .contents .card .card-body{ background: #f5f5f5;} .section-image-block .contents .card .card-body .metadata{ margin-bottom: 0.375rem;} .section-image-block .contents .card .card-body .section-headline{ margin-bottom: 0.625rem;} .section-image-block .contents .card .card-body .section-headline > *{ font-family: "Unit-MediumTF"; font-size: 1.25rem; color: #172E4C; line-height: 1.625rem; margin-bottom: 0;} .section-image-block .contents .card .card-body .section-textblock{ margin-bottom: 0.625rem;} .section-image-block .contents .card .card-body .section-textblock > *{ margin-bottom: 0;} .section-image-block .contents .card .card-body .section-link > *{ font-family: "Unit-MediumTF"; font-size: 1rem; color: #0482C3; line-height: 1.375rem;} .section-image-block .contents .card .card-body .section-link > * i{ font-size: 1.125rem; margin-right: 0.5rem;} @media (min-width: 768px){ .section-image-block .contents .card .section-media img{ width: auto; max-width: 100%;}} @media (min-width: 992px){ .section-image-block{ margin-bottom: 3.75rem;} .section-image-block .contents{ padding-top: 3.75rem;}} @media print{ .section-image-block .col-md-4{ flex: 0 0 33.3333333333%; max-width: 33.3333333333%;} .section-image-block .section-teaser{ display: block;} .section-image-block .section-teaser a{ text-decoration: none;}} .section-image-3er{ padding-top: 2.5rem; padding-bottom: calc(2.5rem - 1.25rem); max-width: 1400px; margin: 0 auto;} .section-image-3er .section-headline{ margin-bottom: 1.375rem;} .section-image-3er .section-headline > *{ margin-bottom: 0;} .section-image-3er .section-teaser{ margin-bottom: 1.25rem;} .section-image-3er .section-teaser .metadata{ margin-bottom: 0.375rem;} .section-image-3er .section-teaser .section-headline{ margin-bottom: 0.625rem;} .section-image-3er .section-teaser .section-headline > *{ margin-bottom: 0;} .section-image-3er .mt{ padding-bottom: 1.25rem;} @media (min-width: 768px){ .section-image-3er .section-headline{ margin-bottom: 1.5rem; float: left;} .section-image-3er .section-headline > *{ margin-bottom: 0;}} @media (min-width: 992px){ .section-image-3er{ padding-top: 3.75rem; padding-bottom: calc(3.75rem - 1.875rem);} .section-image-3er .section-teaser{ margin-bottom: 1.875rem;} .section-image-3er .mt{ padding-bottom: 1.875rem;}} @media print{ .section-image-3er .mt{ display: none;} .section-image-3er .d-none{ display: block !important;} .section-image-3er .section-teaser{ display: inline-block;} .section-image-3er .section-teaser a{ text-decoration: none;} .section-image-3er .section-teaser .section-media img{ width: auto;} .section-image-3er .section-teaser .section-headline{ float: none;} .section-image-3er .section-teaser .section-link{ display: none;}} .section-calendar{ padding-bottom: 2.5rem;} .section-calendar ul.calendar-legend{ list-style: none; padding: 0; margin-bottom: calc(3.75rem - 0.625rem);} .section-calendar ul.calendar-legend li{ border-left: 0.375rem solid #000000; padding-left: 0.625rem; margin-bottom: 0.625rem; font-family: "Unit-MediumTF"; font-size: 1.125rem; color: #172E4C; line-height: 1.625rem;} .section-calendar ul.calendar-legend li.gremium{ border-left-color: #172E4C;} .section-calendar ul.calendar-legend li.internal{ border-left-color: #0482C3;} .section-calendar ul.calendar-legend li.external{ border-left-color: #c5c5c5;} .section-calendar .section-dropdown{ margin-bottom: 0.625rem;} .section-calendar #calendar_entries .card{ background: #f5f5f5; border: none; border-radius: 0; border-left: 0.375rem solid #000000; margin-bottom: 0.5rem;} .section-calendar #calendar_entries .card.gremium{ border-left-color: #172E4C;} .section-calendar #calendar_entries .card.internal{ border-left-color: #0482C3;} .section-calendar #calendar_entries .card.external{ border-left-color: #c5c5c5;} .section-calendar #calendar_entries .card .card-header{ border: none; background: #f5f5f5;} .section-calendar #calendar_entries .card .card-header img, .section-calendar #calendar_entries .card .card-header svg{ margin-top: -0.625rem; transform: rotate(0deg);} .section-calendar #calendar_entries .card .card-header.collapsed img, .section-calendar #calendar_entries .card .card-header.collapsed svg{ transform: rotate(45deg);} .section-calendar #calendar_entries .card .card-header small{ font-family: "Unit-Regular"; display: inline-block; font-size: 15px; color: #172E4C; letter-spacing: 0.2px; line-height: 1.25rem; margin-bottom: 0.5rem;} .section-calendar #calendar_entries .card .card-header .content{ font-family: "Unit-MediumTF"; font-size: 1.25rem; color: #172E4C; line-height: 1.625rem; margin-bottom: 0.5rem;} .section-calendar #calendar_entries .card .card-header .actions a{ display: inline-block; position: relative;} .section-calendar #calendar_entries .card .card-header .actions a.edit{ top: 1px;} .section-calendar #calendar_entries .card .card-header .actions a i{ font-size: 1.25rem; line-height: 2rem; margin-right: 0.625rem; color: #0482C3;} .section-calendar #calendar_entries .card .card-header .actions a i:hover{ color: #166288;} .section-calendar #calendar_entries .card .card-body{ background: #f5f5f5; padding: 1.375rem 0 2rem; font-family: "UnitOffc-Light"; font-size: 1.125rem; color: #172E4C; line-height: 1.625rem;} .section-calendar #calendar_entries .card .card-body strong{ font-family: "Unit-MediumTF";} .section-calendar #calendar_entries .card .card-body .section-link{ margin-top: 1.25rem;} .section-calendar > .section-button{ margin-top: 1.375rem; margin-bottom: 0.5rem;} .section-calendar > .section-button a{ font-family: "Unit-MediumTF"; font-size: 1rem; height: auto; white-space: normal;} @media (min-width: 768px){ .section-calendar .no-padding{ padding: 0;} .section-calendar #calendar_entries .card .card-body{ padding: 1.875rem 0 2.5rem;}} @media (min-width: 768px){ .section-calendar{ padding-bottom: 3.75rem;} .section-calendar > .section-button{ margin-top: 1.875rem;}} .section-teaser-calendar{ margin-bottom: 2.5rem;} .section-teaser-calendar .calendar-list{ padding: 0; margin-bottom: 15px; list-style: none;} .section-teaser-calendar .calendar-list li{ border-top: 1px solid #c5c5c5; padding: 1.5rem 0;} .section-teaser-calendar .calendar-list li:last-child{ border-bottom: 1px solid #c5c5c5;} .section-teaser-calendar .calendar-list li small{ font-family: "Unit-Regular"; display: inline-block; font-size: 15px; color: #172E4C; letter-spacing: 0.2px; line-height: 1.25rem; margin-bottom: 0.5rem;} .section-teaser-calendar .calendar-list li div{ font-family: "Unit-MediumTF"; font-size: 1.25rem; color: #172E4C; line-height: 1.625rem;} @media (min-width: 992px){ .section-teaser-calendar{ margin-bottom: 3.75rem;}} @media print{ .section-teaser-calendar{ display: none;}} .section-publikation-block .contents{ padding-top: 2.5rem; padding-bottom: 0; background: #f5f5f5; max-width: 1400px; margin: 0 auto;} .section-publikation-block .section-publikation{ margin-bottom: 2.5rem;} .section-publikation-block .section-publikation .card{ background: #f5f5f5;} .section-publikation-block .section-publikation .card .card-body{ background: #f5f5f5;} .section-publikation-block .button-wrapper{ margin-top: 1.25rem; margin-bottom: 2.5rem;} @media (min-width: 992px){ .section-publikation-block .contents{ padding-top: 3.75rem;} .section-publikation-block .section-publikation{ margin-bottom: 3.75rem;} .section-publikation-block .button-wrapper{ margin-top: 1.875rem; margin-bottom: 3.75rem;}} .section-publikation-2er{ padding-top: 2.5rem; padding-bottom: calc(2.5rem - 1.25rem); max-width: 1400px; margin: 0 auto;} .section-publikation-2er.odd .contents{ background: #f5f5f5;} .section-publikation-2er.odd .contents .section-publikation{ margin-bottom: 2.5rem;} .section-publikation-2er.odd .contents .section-publikation .card{ background: #f5f5f5;} .section-publikation-2er.odd .contents .section-publikation .card .card-body{ background: #f5f5f5;} .section-publikation-2er .section-headline{ margin-bottom: 1.375rem;} .section-publikation-2er .section-headline > *{ margin-bottom: 0;} .section-publikation-2er .section-publikation{ margin-bottom: 1.25rem;} .section-publikation-2er .button-wrapper{ margin-bottom: 1.25rem;} @media (min-width: 768px){ .section-publikation-2er .section-headline{ margin-bottom: 1.5rem; float: left;} .section-publikation-2er .section-headline > *{ margin-bottom: 0;} .section-publikation-2er .section-checkbox{ float: none;}} @media (min-width: 992px){ .section-publikation-2er{ padding-top: 3.75rem; padding-bottom: calc(3.75rem - 1.875rem);} .section-publikation-2er .section-publikation{ margin-bottom: 1.875rem;} .section-publikation-2er .button-wrapper{ margin-bottom: 1.875rem;}} @media print{ .section-publikation-2er .section-publikation .card{ display: inline-block;} .section-publikation-2er .section-publikation .card .card-body{ padding-left: 0; padding-top: 0.625rem;} .section-publikation-2er .section-publikation .card .section-media img{ width: auto;} .section-publikation-2er .section-headline{ float: none;} .section-publikation-2er .section-link{ display: none;} .section-publikation-2er .section-checkbox{ display: none;} .section-publikation-2er .button-wrapper{ display: none;}} .section-medienspiegel-list{ padding-bottom: 2.5rem;} .section-medienspiegel-list .sidebar{ position: fixed; bottom: 0; left: 15px; z-index: 999;} .section-medienspiegel-list .sidebar ul{ list-style: none; padding: 0; margin: 0; background: #172E4C;} .section-medienspiegel-list .sidebar ul li{ width: 45px; height: 45px; display: inline-block; border-right: 1px solid #ffffff; background: #172E4C; color: #ffffff; font-size: 1.25rem; line-height: 2rem; text-align: center; padding-top: 0.25rem;} .section-medienspiegel-list .sidebar ul li:last-child{ border-right: none;} .section-medienspiegel-list .sidebar ul li .counter{ font-family: "Unit-MediumTF"; font-size: 1.5rem; color: #ffffff;} .section-medienspiegel-list .sidebar ul li.empty{ cursor: pointer;} .section-medienspiegel-list .sidebar ul li > *{ margin: 0 auto;} .section-medienspiegel-list .sidebar ul li a, .section-medienspiegel-list .sidebar ul li a:hover, .section-medienspiegel-list .sidebar ul li a:active, .section-medienspiegel-list .sidebar ul li a:visited{ color: #ffffff;} .section-medienspiegel-list .dropdown-wrapper .section-dropdown{ margin-right: 2.5rem; margin-bottom: 0.625rem;} .section-medienspiegel-list .dropdown-wrapper .section-dropdown:last-of-type{ margin-right: 0;} .section-medienspiegel-list #medien_entries .card{ border: none; border-top: 1px solid #c5c5c5; border-radius: 0;} .section-medienspiegel-list #medien_entries .card:last-child{ border-bottom: 1px solid #c5c5c5;} .section-medienspiegel-list #medien_entries .card .collapse{ display: block; height: 7rem; min-height: 7rem; overflow: hidden; position: relative;} .section-medienspiegel-list #medien_entries .card .collapse.show{ height: auto;} .section-medienspiegel-list #medien_entries .card .collapse.show .waiter{ display: none;} .section-medienspiegel-list #medien_entries .card .collapse.show .detail{ display: inline;} .section-medienspiegel-list #medien_entries .card .collapse .detail{ display: none;} .section-medienspiegel-list #medien_entries .card .collapse .waiter{ display: inline;} .section-medienspiegel-list #medien_entries .card .collapsing{ min-height: 7rem;} .section-medienspiegel-list #medien_entries .card .collapsing .detail{ display: inline;} .section-medienspiegel-list #medien_entries .card .collapsing .waiter{ display: none;} .section-medienspiegel-list #medien_entries .card .card-header{ background: none; border: none; padding: 0.875rem 0 0.625rem;} .section-medienspiegel-list #medien_entries .card .card-header div{ padding: 0; margin: 0;} .section-medienspiegel-list #medien_entries .card .card-header h5 .content{ font-family: "Unit-Regular"; font-size: 15px; color: #172E4C; letter-spacing: 0.2px; line-height: 1.25rem;} .section-medienspiegel-list #medien_entries .card .card-header img{ margin-top: -0.625rem; width: 1.25rem; height: 1.25rem; transform: rotate(45deg);} .section-medienspiegel-list #medien_entries .card .card-header.collapsed img{ transform: rotate(0deg);} .section-medienspiegel-list #medien_entries .card .card-body{ padding: 0;} .section-medienspiegel-list #medien_entries .card .card-body .section-headline{ margin-bottom: 0.625rem;} .section-medienspiegel-list #medien_entries .card .card-body .section-headline > *{ margin-bottom: 0;} .section-medienspiegel-list #medien_entries .card .card-body .section-textblock{ margin-bottom: 0;} .section-medienspiegel-list #medien_entries .card .card-body .section-textblock > *{ margin: 0;} .section-medienspiegel-list #medien_entries .card .card-footer{ background: none; border: none; padding: 0.625rem 0 1.25rem;} .section-medienspiegel-list #medien_entries .card .card-footer > section{ margin-right: 2.5rem;} .section-medienspiegel-list #medien_entries .card .card-footer > section:last-of-type{ margin-right: 0;} .section-medienspiegel-list #medien_entries .card .card-footer > section *{ margin: 0;} .section-medienspiegel-list #medien_entries .card .card-footer .section-link > *{ font-family: "Unit-MediumTF"; font-size: 1rem; line-height: 1.375rem;} .section-medienspiegel-list #medien_entries .card .card-footer .section-checkbox{ float: none;} .section-medienspiegel-list #medien_entries .card .card-footer .section-checkbox label{ font-family: "Unit-MediumTF"; font-size: 1rem; line-height: 1.375rem;} @media (min-width: 768px){ .section-medienspiegel-list{ padding-bottom: 3.75rem;} .section-medienspiegel-list .sidebar{ top: 20rem; right: 0; left: auto; bottom: auto; z-index: 999;} .section-medienspiegel-list .sidebar ul li{ display: flex; align-items: center; width: 5rem; height: 5rem; border-right: none; border-bottom: 1px solid #ffffff; font-size: 1.5rem; padding: 0;} .section-medienspiegel-list .sidebar ul li:last-child{ border-bottom: none;} .section-medienspiegel-list .sidebar ul li .counter{ font-size: 2rem;} .section-medienspiegel-list .sidebar ul li a, .section-medienspiegel-list .sidebar ul li a:hover, .section-medienspiegel-list .sidebar ul li a:active, .section-medienspiegel-list .sidebar ul li a:visited{ color: #ffffff;} .section-medienspiegel-list .dropdown-wrapper .section-dropdown{ display: inline-block;} .section-medienspiegel-list #medien_entries .card .card-footer > section{ display: inline-block;}} @media print{ .section-medienspiegel-list #medien_entries .card h5 img{ display: none;} .section-medienspiegel-list #medien_entries .card .collapse{ height: auto;} .section-medienspiegel-list #medien_entries .card .collapse .waiter{ display: none;} .section-medienspiegel-list #medien_entries .card .collapse .detail{ display: inline;}} .section-table{ padding-bottom: 0; margin-bottom: 2.5rem;} .section-table .contents{ background: #f5f5f5; max-width: 1400px; margin: 0 auto; overflow-x: auto;} .section-table .contents .container{ min-width: 720px;} .section-table .contents .table{ background: #f5f5f5; margin-bottom: 1.25rem;} .section-table .contents .table tr:last-child > td{ border-bottom: none;} .section-table .contents .table th:first-of-type{ min-width: 10rem;} .section-table .contents .table th, .section-table .contents .table td{ padding: 1.875rem 0.5rem 0.625rem; border-top: none; border-bottom: 1px solid #c5c5c5; font-size: 1.125rem; color: #172E4C; line-height: 1.625rem; font-weight: normal;} .section-table .contents .table th{ font-family: "Unit-MediumTF";} .section-table .contents .table td{ font-family: "UnitOffc-Light";} .section-table .contents .table td strong{ font-weight: normal; font-family: "Unit-MediumTF";} .section-table .contents .table td .arrow-text{ display: inline-block; width: 110px; margin-right: 15px; position: relative; top: -5px;} .section-table .contents .table td .arrow-icon{ margin: 0; font-size: 26px; width: 22px;} .section-table .contents .table .table{ margin-top: -0.625rem;} .section-table .contents .table .table.big-right td{ width: auto;} .section-table .contents .table .table.big-right td:first-child{ width: 25%;} .section-table .contents .table .table td{ width: 50%; padding: 0.625rem 1.125rem 0.625rem 0;} @media (max-width: 992px){ .section-table .container{ max-width: none;}} @media (min-width: 768px){ .section-table .section-pagination{ flex-direction: column;} .section-table .section-pagination .abc-list{ margin-bottom: 1.25rem;} .section-table .contents{ overflow-x: hidden;}} @media (min-width: 992px){ .section-table{ margin-bottom: 3.75rem;} .section-table .contents .table th{ white-space: nowrap;} .section-table .section-pagination{ flex-direction: row;} .section-table .section-pagination .abc-list{ margin-bottom: 0.625rem;}} .section-search-results{ padding-bottom: 2.5rem; margin-bottom: 2.5rem;} .section-search-results .section-pagination{ text-align: left;} .section-search-results .section-pagination i{ cursor: default;} .section-search-results .contents{ background: #f5f5f5;} .section-search-results .contents .result-wrapper{ padding: 1.875rem 1.25rem; border-bottom: 1px solid #c5c5c5;} .section-search-results .contents .result-wrapper .date{ font-family: "Unit-Regular"; font-size: 15px; color: #172E4C; letter-spacing: 0.2px; line-height: 1.25rem; margin-bottom: 0.625rem;} .section-search-results .contents .result-wrapper a.result{ text-decoration: none; margin-bottom: 0.625rem;} .section-search-results .contents .result-wrapper a.result:hover{ text-decoration: none; color: #166288;} .section-search-results .contents .result-wrapper a.result:hover .headline{ color: #166288;} .section-search-results .contents .result-wrapper a.result:hover .text{ color: #166288;} .section-search-results .contents .result-wrapper a.result:hover i{ color: #166288;} .section-search-results .contents .result-wrapper a.result .headline{ font-family: "Unit-MediumTF"; font-size: 1.375rem; color: #172E4C; line-height: 1.75rem; margin-bottom: 0.625rem;} .section-search-results .contents .result-wrapper a.result .text{ margin-bottom: 0; font-family: "UnitOffc-Light"; font-size: 1.125rem; color: #172E4C; line-height: 1.625rem;} .section-search-results .contents .result-wrapper a.result .text .term{ background: #CBE0EB;} .section-search-results .contents .result-wrapper a.result i{ font-size: 0.75rem; color: #172E4C;} .section-search-results .contents .result-wrapper .tag-list a{ font-family: "Unit-Regular"; font-size: 15px; color: #0482C3; letter-spacing: 0.2px; line-height: 1.25rem;} .section-search-results .contents .result-wrapper .tag-list a:hover{ color: #166288;} .section-search-results .contents .result-wrapper .tag-list a:after{ content: ', ';} .section-search-results .contents .result-wrapper .tag-list a:last-child:after{ content: '';} @media (min-width: 992px){ .section-search-results{ margin-bottom: 3.75rem;}} .section-teaser-inlinerow{ padding-bottom: 2.5rem;} .section-teaser-inlinerow .card-deck{ flex-direction: column;} .section-teaser-inlinerow .card{ border: none; border-radius: 0; background: #f5f5f5; padding: 1.875rem 1.25rem; margin-bottom: 1.25rem;} .section-teaser-inlinerow .card .card-body, .section-teaser-inlinerow .card .card-footer{ padding: 0; border: none; background: none; border-radius: 0;} .section-teaser-inlinerow .card .carousel{ margin-bottom: 1.25rem;} .section-teaser-inlinerow .card .carousel .carousel-item{ padding: 0 0.625rem;} .section-teaser-inlinerow .card .carousel .carousel-item a{ margin-top: 1.25rem;} .section-teaser-inlinerow .card .carousel .carousel-control-prev{ display: inline-block; top: 5rem; width: 1.25rem; left: -0.675rem;} .section-teaser-inlinerow .card .carousel .carousel-control-prev i{ color: #0482C3;} .section-teaser-inlinerow .card .carousel .carousel-control-next{ display: inline-block; top: 5rem; width: 1.25rem; right: -0.675rem;} .section-teaser-inlinerow .card .carousel .carousel-control-next i{ color: #0482C3;} .section-teaser-inlinerow .card .carousel a{ color: #172E4C;} .section-teaser-inlinerow .card .carousel a:hover{ color: #166288;} .section-teaser-inlinerow .card .carousel a:hover i{ color: #166288;} .section-teaser-inlinerow .card .carousel a i{ color: #172E4C;} .section-teaser-inlinerow .card .card-body .section-link > *{ text-decoration: none; display: inline-block; font-family: "UnitOffc-Light"; font-size: 1.125rem; color: #172E4C; line-height: 1.625rem; margin-bottom: 0.625rem;} .section-teaser-inlinerow .card .card-body .section-link > *:hover{ color: #166288;} .section-teaser-inlinerow .card .card-body .section-link > *:hover i{ color: #166288;} .section-teaser-inlinerow .card .card-body .section-link > * i{ color: #172E4C;} .section-teaser-inlinerow .card .metadata{ font-family: "Unit-Regular"; display: inline-block; font-size: 15px; color: #172E4C; letter-spacing: 0.2px; line-height: 1.25rem; margin-bottom: 0.625rem;} .section-teaser-inlinerow .card .headline{ font-family: "Unit-MediumTF"; color: #172E4C; font-size: 1.375rem; line-height: 1.75rem; margin-bottom: 1rem;} .section-teaser-inlinerow .card .headline.small{ font-size: 1.125rem; line-height: 1.625rem;} .section-teaser-inlinerow .card a{ text-decoration: none; font-family: "Unit-MediumTF"; display: inline-block; font-size: 1rem; color: #0482C3; line-height: 1.375rem;} .section-teaser-inlinerow .card a:hover{ color: #166288;} .section-teaser-inlinerow .card a:hover > *{ color: #166288;} .section-teaser-inlinerow .card a:hover .section-link > *{ color: #166288;} .section-teaser-inlinerow .card a > i{ color: #0482C3;} .section-teaser-inlinerow .card i.fa-caret-right{ font-size: 0.75rem; letter-spacing: 0;} .section-teaser-inlinerow .link:hover span{ text-decoration: none;} .section-teaser-inlinerow .section-link a:hover, .section-teaser-inlinerow .section-link a:focus{ text-decoration: underline;} .section-teaser-inlinerow .section-link a:hover span, .section-teaser-inlinerow .section-link a:focus span{ text-decoration: underline;} @media (min-width: 992px){ .section-teaser-inlinerow{ padding-bottom: 3.75rem;} .section-teaser-inlinerow .card-deck{ flex-flow: row wrap;} .section-teaser-inlinerow .card-deck .card{ flex: 1 1 30%;}} .section-forumentries{ margin-bottom: 2.5rem; max-width: 1400px; margin: 0 auto;} .section-forumentries .contents{ background: #f5f5f5;} .section-forumentries .section-pagination{ display: flex; flex-direction: row;} .section-forumentries .section-pagination ul{ margin-right: 0;} .section-forumentries hr{ margin: 0; border-color: #c5c5c5;} .section-forumentries .header{ padding: 1.25rem 0;} .section-forumentries .headline{ font-family: "Unit-MediumTF"; font-size: 1.125rem; color: #172E4C; line-height: 1.625rem; margin-bottom: 0;} .section-forumentries .entry{ padding: 1.25rem 0;} .section-forumentries .entry small{ display: block; font-family: "UnitOffc-Light"; font-size: 1rem; color: #172E4C; letter-spacing: 0.25px; line-height: 1.5rem;} .section-forumentries .entry small.last-entry{ margin-bottom: 0.625rem;} .section-forumentries .entry .text{ font-family: "UnitOffc-Light"; font-size: 1.125rem; color: #172E4C; line-height: 1.625rem; margin: 0;} .section-forumentries .entry .text + .section-button{ margin-top: 1.875rem; margin-bottom: 0;} .section-forumentries .entry a{ text-decoration: none; color: #172E4C;} .section-forumentries .entry a:hover{ color: #166288;} .section-forumentries .entry a:hover .headline{ color: #166288;} .section-forumentries .entry a:hover .text{ color: #166288;} .section-forumentries .entry .section-button a{ color: #0482C3;} .section-forumentries .entry .section-button a:hover{ color: #166288;} @media (min-width: 768px){ .section-forumentries .entry small{ margin-bottom: 0;} .section-forumentries .entry .text + small{ margin-top: 0.625rem;}} @media (min-width: 992px){ .section-forumentries{ margin-bottom: 5rem;} .section-forumentries .entry{ padding: 1.875rem 0;}} .section-forumform{ margin-bottom: 2.5rem;} .section-forumform .main-form{ background: #f5f5f5; padding: 1.25rem;} .section-forumform .main-form .section-input, .section-forumform .main-form .section-checkbox, .section-forumform .main-form .section-textarea, .section-forumform .main-form .section-fileinput{ margin-bottom: 1.25rem; float: none;} .section-forumform .main-form .file-wrapper .section-input{ margin-bottom: 1.25rem;} .section-forumform .submit-wrapper{ margin-top: 1.25rem; text-align: right;} @media (min-width: 992px){ .section-forumform{ margin-bottom: 5rem;} .section-forumform .main-form{ padding: 2.5rem 1.25rem;} .section-forumform .main-form .section-input{ margin-bottom: 2.5rem;} .section-forumform .submit-wrapper{ margin-top: 1.875rem;}} .section-nis-legend{ margin-bottom: 2.5rem;} .section-nis-legend ul{ list-style: none; padding: 0; margin-bottom: calc(3.75rem - 0.625rem);} .section-nis-legend ul li{ border-left: 0.375rem solid #000000; padding-left: 0.625rem; margin-bottom: 0.625rem; font-family: "Unit-MediumTF"; font-size: 1.125rem; color: #172E4C; line-height: 1.625rem;} .section-nis-legend ul li.currentNotReleased{ border-left-color: #A5292B;} .section-nis-legend ul li.currentReleased{ border-left-color: #559F00;} .section-nis-legend ul li.currentReleasedEdited{ border-left-color: #F1BE56;} .section-nis-legend ul li.completedNotReleased{ border-left-color: #00448B;} .section-nis-legend ul li.completedReleased{ border-left-color: #0482C3;} .section-nis-legend ul li.completedReleasedEdited{ border-left-color: #C5C5C5;} @media (min-width: 992px){ .section-nis-legend{ margin-bottom: 3.75rem;}} .section-nis-list{ margin-bottom: 2.5rem;} .section-nis-list .list-wrapper{ background: #f5f5f5; border-left: 0.375rem solid #000000; margin-bottom: 0.5rem; padding: 1.25rem;} .section-nis-list .list-wrapper.currentNotReleased{ border-left-color: #A5292B;} .section-nis-list .list-wrapper.currentReleased{ border-left-color: #559F00;} .section-nis-list .list-wrapper.currentReleasedEdited{ border-left-color: #F1BE56;} .section-nis-list .list-wrapper.completedNotReleased{ border-left-color: #00448B;} .section-nis-list .list-wrapper.completedReleased{ border-left-color: #0482C3;} .section-nis-list .list-wrapper.completedReleasedEdited{ border-left-color: #C5C5C5;} .section-nis-list .list-wrapper small{ display: inline-block; font-family: "Unit-Regular"; font-size: 15px; color: #172E4C; letter-spacing: 0.2px; line-height: 1.25rem; margin-bottom: 0.625rem;} .section-nis-list .list-wrapper .section-headline{ margin-bottom: 0.75rem;} .section-nis-list .list-wrapper .section-headline > *{ margin-bottom: 0; font-size: 1.25rem; line-height: 1.625rem;} .section-nis-list .list-wrapper .section-link{ display: inline-block; margin-right: 1.25rem;} @media (min-width: 992px){ .section-nis-list{ margin-bottom: 3.75rem;}} .section-linklist-filter{ margin-bottom: 2.5rem;} .section-linklist-filter .abc-list{ list-style: none; padding: 0; margin: 0 0 1.25rem;} .section-linklist-filter .abc-list li{ display: inline-block; font-family: "Unit-MediumTF"; font-size: 1.125rem; color: #172E4C; line-height: 1.625rem;} .section-linklist-filter .abc-list li:first-child{ margin-right: 1.5rem;} .section-linklist-filter .abc-list li:first-child a{ letter-spacing: 0;} .section-linklist-filter .abc-list li a{ font-family: "Unit-MediumTF"; font-size: 1.125rem; letter-spacing: 0.375rem; line-height: 1.625rem; text-decoration: none; color: #0482C3;} .section-linklist-filter .abc-list li a:hover{ color: #166288;} .section-linklist-filter .abc-list li a.active{ color: #172E4C;} .section-linklist-filter .abc-list li a.disabled{ pointer-events: none; color: #000000; opacity: 0.3;} .section-linklist-filter .section-linklist-overline{ margin-bottom: 0;} @media (min-width: 768px){ .section-linklist-filter .abc-list{ text-align: left; margin-bottom: 0.625rem;}} @media (min-width: 992px){ .section-linklist-filter{ margin-bottom: 3.75rem;}} .section-linklist-filter{ margin-bottom: 2.5rem;} .section-linklist-filter .sidebar-entry + .sidebar-entry{ margin-top: 2.5rem;} .section-linklist-filter .sidebar-entry > .section-link a{ font-size: 1.375rem; line-height: 1.75rem;} .section-linklist-filter .section-linklist-box{ margin-bottom: 0; margin-top: 1.25rem;} @media (min-width: 992px){ .section-linklist-filter{ margin-bottom: 3.75rem;} .section-linklist-filter .sidebar-entry + .sidebar-entry{ margin-top: 3.75rem;}} .section-teaser-round{ margin-bottom: 2.5rem;} .section-teaser-round .teaser-round{ display: flex; flex-direction: column; align-items: center; margin: 0 auto 3.75rem;} .section-teaser-round .teaser-round:hover{ text-decoration: none;} .section-teaser-round .teaser-round:hover .img-wrapper img{ transform: scale(1.1);} .section-teaser-round .teaser-round:hover .content{ color: #166288;} .section-teaser-round .teaser-round .img-wrapper{ width: 11.25rem; height: 11.25rem; border-radius: 50%; object-fit: cover; object-position: 50% 50%; margin-bottom: .625rem; overflow: hidden; transform: translate3d(0, 0, 0);} .section-teaser-round .teaser-round .img-wrapper img{ width: 100%; height: 100%; transition: 1s all;} .section-teaser-round .teaser-round .title{ font-family: "Unit-MediumTF"; font-size: 1.375rem; line-height: 1.75rem; color: #172E4C; text-align: center; margin-bottom: .625rem; width: 100%;} .section-teaser-round .teaser-round .content{ font-family: "UnitOffc-Light"; font-size: 1.125rem; line-height: 1.625rem; color: #172E4C; text-align: center; width: 100%;} .section-teaser-round .teaser-round .content span{ display: inline-block;} .section-teaser-round .teaser-round .content i{ font-size: 15px;} @media (min-width: 992px){ .section-teaser-round{ margin-bottom: 3.75rem;}} @media print{ .section-teaser-block{ display: none;}} .section-slideshow{ margin-bottom: 2.5rem;} .section-slideshow .carousel-item img{ width: 100%; height: 380px; object-fit: cover;} .section-slideshow .content-wrapper{ background: #0482C3; padding: 0.625rem 1rem 1rem; color: #ffffff;} .section-slideshow .content-wrapper .section-headline{ margin-bottom: 0.5rem;} .section-slideshow .content-wrapper .section-headline > *{ margin: 0; color: #ffffff; font-size: 1.375rem;} .section-slideshow .content-wrapper .section-textblock{ margin-bottom: 0.625rem;} .section-slideshow .content-wrapper .section-textblock > *{ margin: 0; color: #ffffff;} .section-slideshow .content-wrapper .section-link .link{ color: #ffffff;} .section-slideshow .content-wrapper .section-link .link:hover{ color: #ffffff;} .section-slideshow .content-wrapper .section-link .link:hover span, .section-slideshow .content-wrapper .section-link .link:hover i{ color: #ffffff;} .section-slideshow .content-wrapper .section-link .link i{ color: #ffffff;} .section-slideshow .navigation{ display: flex; flex-direction: row; align-items: center; font-family: "UnitOffc-Light"; font-size: 1.125rem; line-height: 1.625rem; color: #172E4C; margin-top: .625rem; margin-left: .625rem;} .section-slideshow .navigation .carousel-control:hover i{ color: #166288;} .section-slideshow .navigation .carousel-control i{ color: #0482C3;} .section-slideshow .navigation a{ font-size: 1.25rem;} .section-slideshow .navigation .pages{ margin: 0 .625rem;} @media (min-width: 576px){ .section-slideshow{ margin-left: 1.125rem; margin-right: 1.125rem;} .section-slideshow .no-click{ pointer-events: none;} .section-slideshow .no-transition{ transition: none; left: 0;} .section-slideshow .carousel-item-left, .section-slideshow .carousel-item-right{ z-index: 10;} .section-slideshow .carousel-item{ width: 100%; height: calc(380px + 50px);} .section-slideshow .carousel-item.carousel-item-right{ transform: translateX(calc(100% + 30px)); transform: translate3d(calc(100% + 30px), 0, 0);} .section-slideshow .carousel-item img{ width: 91.6666%; height: 380px; object-fit: cover;} .section-slideshow .vfa-carousel-item-next.active{ left: 0; transition: none; transform: none;} .section-slideshow .vfa-carousel-item-next{ transform: translateX(100%); transform: translate3d(100%, 0, 0);} .section-slideshow .vfa-carousel-item-next.carousel-item-left{ transform: translateX(0); transform: translate3d(0, 0, 0);} .section-slideshow .vfa-carousel-item-next.carousel-item-right{ transform: translateX(200%); transform: translate3d(200%, 0, 0);} .section-slideshow .vfa-carousel-item-next img{ cursor: pointer;} .section-slideshow .vfa-carousel-item-prev{ transform: translateX(-100%); transform: translate3d(-100%, 0, 0);} .section-slideshow .vfa-carousel-item-prev.carousel-item-left{ transform: translateX(-200%); transform: translate3d(-200%, 0, 0);} .section-slideshow .vfa-carousel-item-prev.carousel-item-right{ transform: translateX(0); transform: translate3d(0, 0, 0);} .section-slideshow .content-wrapper{ position: absolute; right: 0; bottom: 0; width: 18.25rem; z-index: 3;} .section-slideshow .navigation{ position: absolute; bottom: 0.875rem;}} @media (min-width: 768px){ .section-slideshow{ margin-left: calc((100% - 690px) / 2); margin-right: 0;} .section-slideshow .carousel-item{ width: 658px;} .section-slideshow .carousel-item img{ width: 486px;} .section-slideshow .vfa-active{ display: block;} .section-slideshow .vfa-active.carousel-item-left{ transform: translateX(calc(-100% - 30px)); transform: translate3d(calc(-100% - 30px), 0, 0);} .section-slideshow .vfa-carousel-item-next{ display: block; position: absolute; top: 0; left: 0; transform: translateX(calc(100% + 30px)); transform: translate3d(calc(100% + 30px), 0, 0);} .section-slideshow .vfa-carousel-item-next.carousel-item-left{ transform: translateX(0); transform: translate3d(0, 0, 0);} .section-slideshow .vfa-carousel-item-after-next{ display: block; position: absolute; top: 0; left: 0; transform: translateX(calc(200% + 30px)); transform: translate3d(calc(200% + 30px), 0, 0); transition-duration: 0s;} .section-slideshow .vfa-carousel-item-after-next.carousel-item-left{ transition-duration: 0.6s; transform: translateX(calc(100% + 30px)); transform: translate3d(calc(100% + 30px), 0, 0);}} @media (min-width: 992px){ .section-slideshow{ margin-left: calc((100% - 930px) / 2);} .section-slideshow .carousel-item{ width: 752px;} .section-slideshow .carousel-item img{ width: 555px;}} @media (min-width: 1200px){ .section-slideshow{ max-width: 1534px; margin-left: calc((100% - 1110px) / 2);}} @media print{ .section-special-gallery{ display: none;}} .section-micro-navigation nav.navbar{ background: #f5f5f5; padding: 1rem;} .section-micro-navigation nav.navbar a.navbar-brand{ padding: 0; margin: 0;} .section-micro-navigation nav.navbar a.navbar-brand > *{ width: auto; height: 2.75rem;} .section-micro-navigation nav.navbar .navbar-toggler{ padding: 0; margin: 0; font-size: 1.875rem;} .section-micro-navigation nav.navbar .navbar-toggler.collapsed .navbar-toggler-icon{ background: none;} .section-micro-navigation nav.navbar .navbar-toggler.collapsed .navbar-toggler-icon:before{ content: "\f0c9";} .section-micro-navigation nav.navbar .navbar-toggler .navbar-toggler-icon{ font-family: FontAwesome; width: 1.875rem; height: 1.875rem; background-image: url("../video/close.png");} .section-micro-navigation nav.navbar .navbar-nav{ margin-top: 1rem;} .section-micro-navigation nav.navbar .navbar-nav li{ border-top: 1px solid #c5c5c5;} .section-micro-navigation nav.navbar .navbar-nav li a.nav-link{ font-family: "UnitOffc-Bold"; font-size: 1.125rem; color: #172E4C; line-height: 3.375rem;} .section-micro-navigation nav.navbar .navbar-nav li a.nav-link:hover{ text-decoration: underline;} .section-micro-navigation nav.navbar .navbar-nav li a.btn-primary{ display: block; margin-top: 1rem; text-align: center; padding: 0.625rem 0; line-height: 1.5; height: auto;} .section-micro-navigation nav.navbar .navbar-nav li a.btn-primary:hover{ text-decoration: none;} @media (max-width: 768px){ .section-micro-navigation .container{ max-width: none;}} @media (min-width: 768px){ .section-micro-navigation nav.navbar{ background: none; padding-bottom: 4px;} .section-micro-navigation nav.navbar a.navbar-brand > *{ height: 2.25rem;} .section-micro-navigation nav.navbar .navbar-nav li{ border-top: none;} .section-micro-navigation nav.navbar .navbar-nav li a.nav-link{ padding: 0 .875rem;} .section-micro-navigation nav.navbar .navbar-nav li a.nav-link:hover, .section-micro-navigation nav.navbar .navbar-nav li a.nav-link.active{ text-decoration: none; border-bottom: 4px solid #172E4C; margin-bottom: -4px;} .section-micro-navigation nav.navbar .navbar-nav li a.btn-primary{ display: inline-block; padding: 0.25rem 1.25rem; line-height: 1.5; height: auto; margin-top: .375rem; margin-left: 0;}} @media (min-width: 992px){ .section-micro-navigation nav.navbar a.navbar-brand > *{ height: 2.9rem;} .section-micro-navigation nav.navbar .navbar-nav li a.btn-primary{ margin-left: 1rem;}} .section-micro-stage{ max-width: 1400px; margin: 0 auto 2.5rem; position: relative; background: #0482c3; background: linear-gradient(90deg, #0482c3 0%, #4da6d4 100%);} .section-micro-stage .content{ padding: 2rem 15px 0; font-family: "Unit-Regular"; font-size: 1.125rem; line-height: 1.625rem; font-weight: 500; color: #172E4C; text-align: center;} .section-micro-stage .content img.h1{ margin-bottom: 2.1rem;} .section-micro-stage .content svg.h1{ margin-bottom: 1.5rem;} .section-micro-stage .content h1{ display: none; font-family: "Unit-MediumTF"; font-size: 1.75rem; line-height: 2.125rem; margin-bottom: .625rem;} .section-micro-stage .content .hashtags{ text-align: left; font-size: 1.25rem; color: #ffffff; margin-bottom: 1.75rem;} .section-micro-stage .content .video-wrapper, .section-micro-stage .content .social-wrapper{ width: 100%; text-align: left; margin-bottom: 1.75rem;} .section-micro-stage .content .video-wrapper + .social-wrapper{ margin-top: 1rem;} .section-micro-stage .content .video-wrapper{ float: none; clear: both; width: 100%; height: 0; overflow: hidden; position: relative; padding-bottom: 56.25%;} .section-micro-stage .content .video-wrapper:hover .youtube-wrapper, .section-micro-stage .content .video-wrapper:hover .icon-youtube-play{ filter: blur(5px); opacity: 0.5;} .section-micro-stage .content .video-wrapper:hover .youtube-warning{ display: block;} .section-micro-stage .content .video-wrapper .youtube-wrapper{ width: 100%; height: 100%; position: absolute; top: 0; left: 0;} .section-micro-stage .content .video-wrapper .icon-youtube-play{ display: block; width: 4.5rem; height: 4.5rem; font-size: 72px; color: rgba(0, 0, 0, 0.7); -webkit-transition: color 0.3s cubic-bezier(0, 0, 0.2, 1); -moz-transition: color 0.3s cubic-bezier(0, 0, 0.2, 1); -o-transition: color 0.3s cubic-bezier(0, 0, 0.2, 1); transition: color 0.3s cubic-bezier(0, 0, 0.2, 1); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} .section-micro-stage .content .video-wrapper .youtube-warning{ display: none; position: absolute; top: 50%; padding: 1rem 2rem; text-align: center; transform: translateY(-50%); font-family: "Unit-Regular"; color: #fff; font-size: 1.125rem; line-height: 1.625rem;} .section-micro-stage .content .video-wrapper .youtube-warning .section-checkbox{ float: none; padding: 0; margin-bottom: .5rem;} .section-micro-stage .content .video-wrapper .youtube-warning .section-checkbox label{ color: #fff;} .section-micro-stage .content .video-wrapper .youtube-warning .section-checkbox label span.wrapper{ border: 1px solid #fff; margin-right: 0.25rem;} .section-micro-stage .content .video-wrapper .youtube-warning .section-checkbox input:checked + label > span{ background: #fff;} .section-micro-stage .content .video-wrapper .youtube-warning .section-checkbox input:checked + label > span i{ color: #0482C3;} .section-micro-stage .content .video-wrapper iframe{ width: 100%; height: 100%; position: absolute; top: 0; left: 0;} @media (min-width: 576px){ .section-micro-stage .content{ font-size: 1.375rem; line-height: 1.19;} .section-micro-stage .content h1{ font-size: 3.75rem; line-height: 1.1;} .section-micro-stage .content .video-wrapper iframe{ max-height: 315px;}} @media (min-width: 768px){ .section-micro-stage .content .video-wrapper .youtube-warning{ padding: 1rem 10rem;}} @media (min-width: 992px){ .section-micro-stage{ margin-bottom: 3.75rem;} .section-micro-stage .content{ font-size: 2rem; padding-top: 4.375rem;} .section-micro-stage .content h1{ font-size: 6.25rem; line-height: 1.1;} .section-micro-stage .content .hashtags{ font-size: 1.625rem; margin-bottom: 3.5rem;} .section-micro-stage .content .video-wrapper, .section-micro-stage .content .social-wrapper{ margin-bottom: 3.5rem;} .section-micro-stage .content .video-wrapper iframe{ max-height: 600px;}} .section-micro-themewall{ margin-bottom: 2.5rem;} .section-micro-themewall .section-headline{ margin-bottom: 2.25rem;} .section-micro-themewall .section-headline > *{ color: #ffffff; margin-bottom: 0;} .section-micro-themewall .card-preview{ display: none;} .section-micro-themewall .masonry-grid{ margin: 0 -15px;} .section-micro-themewall .card{ border: none; border-radius: 0; width: 100%; padding: 0 15px 1.875rem; background: none;} .section-micro-themewall .card-header{ display: flex; align-items: center; padding: 15px 15px 0.75rem; border: none; border-radius: 0; background-color: #f5f5f5;} .section-micro-themewall .card-header img{ width: 2.5rem; height: 2.5rem; border-radius: 50%;} .section-micro-themewall .card-header .header-content{ min-width: 0; margin: 0 .875rem; font-family: "Unit-Regular"; font-size: 15px; line-height: 1.25rem; letter-spacing: .25px; color: #172E4C;} .section-micro-themewall .card-header .header-content .header-title{ font-family: "Unit-MediumTF"; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .section-micro-themewall .card-header i{ font-size: 1.5rem; margin-left: auto;} .section-micro-themewall .card-img-top{ border-radius: 0; width: 100%; height: 100%; object-fit: cover; background-color: #f5f5f5;} .section-micro-themewall .card-body{ padding: 0.625rem 1.25rem 15px 15px; background-color: #f5f5f5;} .section-micro-themewall .card-body .card-text{ font-family: "UnitOffc-Light"; font-size: 1.125rem; line-height: 1.625rem; color: #172E4C; margin: 0;} .section-micro-themewall .card-body .card-text.card-text-bold{ font-family: "Unit-MediumTF";} .section-micro-themewall .card-body .card-text + .card-text{ margin-top: .375rem;} .section-micro-themewall .btn-secondary:not([href]):not([tabindex]), .section-micro-themewall .btn-secondary{ color: #ffffff; border-color: #ffffff;} .section-micro-themewall .btn-secondary:not([href]):not([tabindex]):hover, .section-micro-themewall .btn-secondary:not([href]):not([tabindex]):focus, .section-micro-themewall .btn-secondary:not([href]):not([tabindex]):active, .section-micro-themewall .btn-secondary:hover, .section-micro-themewall .btn-secondary:focus, .section-micro-themewall .btn-secondary:active{ color: #166288;} @media (min-width: 576px){ .section-micro-themewall .card-columns{ column-count: 2; column-gap: 1.875rem;} .section-micro-themewall .card{ width: 50%;}} @media (min-width: 992px){ .section-micro-themewall{ margin-bottom: 3.75rem;} .section-micro-themewall .card-columns{ column-count: 3;} .section-micro-themewall .card{ width: 33%;}} @media print{ .section-micro-themewall{ display: none;}} .section-footer-media-micro{ background: #0482C3; color: #ffffff; padding-top: 1.25rem; padding-bottom: 1.25rem;} .section-footer-media-micro .row{ flex-wrap: nowrap;} .section-footer-media-micro i{ font-size: 2.5rem; margin-right: 11px; vertical-align: middle;} .section-footer-media-micro i.fa-caret-right{ font-size: 15px; margin-left: 0.5rem; margin-right: 0; vertical-align: unset;} .section-footer-media-micro span{ display: none;} .section-footer-media-micro a, .section-footer-media-micro a:not([href]), .section-footer-media-micro a:not([tabindex]){ font-family: "UnitOffc-Bold"; display: inline-block; vertical-align: middle; color: #ffffff; font-size: 1.125rem; cursor: pointer; text-decoration: none;} .section-footer-media-micro a:hover span, .section-footer-media-micro a:not([href]):hover span, .section-footer-media-micro a:not([tabindex]):hover span{ border-bottom: 3px solid #ffffff; padding-bottom: 0;} .section-footer-media-micro a:hover span span, .section-footer-media-micro a:not([href]):hover span span, .section-footer-media-micro a:not([tabindex]):hover span span{ border-bottom: none;} .section-footer-media-micro .last-word{ display: inline-block;} @media (min-width: 992px){ .section-footer-media-micro{ padding-top: 2rem; padding-bottom: 2rem;} .section-footer-media-micro .row{ flex-wrap: wrap;} .section-footer-media-micro span{ display: inline; vertical-align: middle; padding-bottom: 3px;} .section-footer-media-micro span span{ vertical-align: initial;}} .section-footer-abbinder-micro{ padding-top: 1.3125rem; padding-bottom: 2.125rem; background: #172E4C;} .section-footer-abbinder-micro p, .section-footer-abbinder-micro a{ display: inline-block; font-family: "Unit-MediumTF"; font-size: 1rem; color: #ffffff; line-height: 1.375rem; margin: 0;} .section-footer-abbinder-micro a{ margin-left: 2rem;} .section-footer-abbinder-micro a:hover{ color: #ffffff; text-decoration: none; border-bottom: 2px solid #ffffff;} .section-footer-abbinder-micro #vfa_top{ display: none; position: fixed; bottom: 0; right: 0; z-index: 99; border: none; border-radius: 0; outline: none; font-size: 1.25rem; color: #ffffff; cursor: pointer; padding: 0.75rem 0.875rem 0.875rem; background: #0482C3; box-shadow: 0 0 0.625rem 0 rgba(0, 0, 0, 0.3);} .section-footer-abbinder-micro #vfa_top:hover{ background: #166288;} @media (min-width: 768px){ .section-footer-abbinder-micro{ padding: 1.875rem 0;} .section-footer-abbinder-micro #vfa_top{ right: 1rem;}} @media (min-width: 1200px){ .section-footer-abbinder-micro #vfa_top{ right: 2rem;}} .section-small-navigation nav.navbar{ background: #ffffff; padding: 1rem;} .section-small-navigation nav.navbar a.navbar-brand{ padding: 0; margin: 0;} .section-small-navigation nav.navbar a.navbar-brand > *{ width: auto; height: 2.75rem;} .section-small-navigation nav.navbar .navbar-toggler{ padding: 0; margin: 0; font-size: 1.875rem;} .section-small-navigation nav.navbar .navbar-toggler.collapsed .navbar-toggler-icon{ background: none;} .section-small-navigation nav.navbar .navbar-toggler.collapsed .navbar-toggler-icon:before{ content: "\f0c9";} .section-small-navigation nav.navbar .navbar-toggler .navbar-toggler-icon{ font-family: FontAwesome; width: 1.875rem; height: 1.875rem; background-image: url("../video/close.png");} .section-small-navigation nav.navbar .navbar-nav{ margin-top: 1rem;} .section-small-navigation nav.navbar .navbar-nav li{ border-top: 1px solid #c5c5c5;} .section-small-navigation nav.navbar .navbar-nav li a.nav-link{ font-family: "Unit-MediumTF"; font-size: 1.125rem; color: #172E4C; line-height: 1.625rem;} .section-small-navigation nav.navbar .navbar-nav li a.nav-link:hover, .section-small-navigation nav.navbar .navbar-nav li a.nav-link.active{ color: #0482C3; text-decoration: none;} .section-small-navigation nav.navbar .navbar-nav li a.btn-primary{ display: block; text-align: center; padding: 0.625rem 0; line-height: 1.5; height: auto;} .section-small-navigation nav.navbar .navbar-nav li a.btn-primary:hover{ text-decoration: none;} .section-small-navigation nav.navbar .navbar-nav li .dropdown-menu{ border: none; border-radius: 0;} .section-small-navigation nav.navbar .navbar-nav li .dropdown-menu a:hover, .section-small-navigation nav.navbar .navbar-nav li .dropdown-menu a.active{ color: #0482C3; text-decoration: none; background: none;} @media (max-width: 768px){ .section-small-navigation .container{ max-width: none;}} @media (min-width: 768px){ .section-small-navigation nav.navbar{ background: none; padding-bottom: 4px;} .section-small-navigation nav.navbar a.navbar-brand > *{ height: 2.25rem;} .section-small-navigation nav.navbar .navbar-nav{ display: flex; align-items: center;} .section-small-navigation nav.navbar .navbar-nav li{ border-top: none; margin-right: .625rem;} .section-small-navigation nav.navbar .navbar-nav li a.nav-link{ padding: 0 .875rem;} .section-small-navigation nav.navbar .navbar-nav li a.btn-primary{ display: inline-block; margin-left: 1rem; padding: 0.25rem 1.25rem; line-height: 1.5; height: auto; margin-top: .375rem; margin-left: 0;} .section-small-navigation nav.navbar .navbar-nav li .dropdown-menu{ margin-top: .75rem; margin-left: 0.5rem; padding: .875rem .375rem 1rem; min-width: calc(100% - 1rem); box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.5);} .section-small-navigation nav.navbar .navbar-nav li .dropdown-menu .dropdown-item{ color: #172E4C; font-family: "Unit-MediumTF"; font-size: 1rem; padding: 0; line-height: 1;} .section-small-navigation nav.navbar .navbar-nav li .dropdown-menu .dropdown-item + .dropdown-item{ margin-top: .75rem;}} @media (min-width: 992px){ .section-small-navigation nav.navbar a.navbar-brand > *{ height: 2.9rem;}} .section-micro-stage-new{ margin: 0 auto 2.5rem; position: relative; background: #0482c3; background: linear-gradient(90deg, #0482c3 0%, #4da6d4 100%); min-height: 350px;} .section-micro-stage-new .background{ min-height: 350px;} .section-micro-stage-new .background video{ display: none;} .section-micro-stage-new .background img{ width: 100%; min-height: 350px; object-fit: cover;} .section-micro-stage-new .content{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); padding: 0 2rem; display: flex; flex-direction: column; justify-content: center; align-items: center;} .section-micro-stage-new .content .title{ font-family: "Unit-MediumTF"; font-size: 1.875rem; text-shadow: 0 0.5px 5px rgba(0, 0, 0, 0.5); color: #f5f5f5; margin-bottom: 0.625rem; text-align: center; line-height: 1.4;} .section-micro-stage-new .content .text{ font-family: "UnitOffc-Light"; font-size: 1.125rem; line-height: 1.33; text-align: center; text-shadow: 0 1px 4px rgba(0, 0, 0, 0.5); color: #f5f5f5; margin-bottom: 1.5rem;} .section-micro-stage-new .content .btn-wrapper{ text-align: center;} @media (min-width: 992px){ .section-micro-stage-new{ margin-bottom: 3.75rem;} .section-micro-stage-new .background video{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover;} .section-micro-stage-new .background video.loaded{ display: block;} .section-micro-stage-new .content{ background: rgba(0, 0, 0, 0.3); padding: 0 4rem;} .section-micro-stage-new .content .title{ font-size: 6.25rem; margin-bottom: 1.5rem; line-height: 1;} .section-micro-stage-new .content .text{ font-family: "Unit-Regular"; font-size: 2rem; line-height: 1.19; margin-bottom: 2rem;}} @media (min-width: 1200px){ .section-micro-stage-new{ margin-bottom: 3.75rem;} .section-micro-stage-new .content{ padding: 0 14rem;}} .section-vfa-block{ padding-bottom: 3.75rem;} .section-vfa-block .section-media{ margin: 0;} .section-vfa-block .section-media .img-wrapper{ text-align: center;} .section-vfa-block .section-media .img-wrapper img{ object-fit: cover;} .section-vfa-block .sign{ text-align: center; font-size: 200px; line-height: 1; color: #0482C3;} .section-vfa-block .section-headline{ margin-bottom: 1.625rem;} .section-vfa-block .section-headline .h2{ margin-bottom: 0;} .section-vfa-block .section-textblock{ margin-bottom: 0.625rem;} .section-vfa-block .section-textblock > p{ margin: 0;} .section-vfa-block .section-link{ margin-bottom: 0.5rem;} @media (min-width: 768px){ .section-vfa-block .section-media{ margin: 0; height: 100%; display: flex; align-items: center;} .section-vfa-block .section-media .img-wrapper img{ max-width: none;} .section-vfa-block .sign{ text-align: right; font-size: 400px;}} @media (min-width: 992px){ .section-vfa-block{ padding-bottom: 5rem;} .section-vfa-block .sign{ font-size: 318px;} .section-vfa-block .section-headline{ margin-bottom: 1.25rem;} .section-vfa-block .section-headline .h2{ font-family: "Unit-MediumTF"; font-size: 2rem; line-height: 2.375rem; color: #172E4C; margin-bottom: 0;} .section-vfa-block .section-textblock{ margin-bottom: 1.25rem;} .section-vfa-block .section-link{ margin-bottom: 0.625rem;}} @media print{ .section-vfa-block{ display: none;}} .section-timeline{ padding-top: 1.875rem; padding-bottom: 3.25rem;} .section-timeline .hidden{ display: none !important;} .section-timeline.with-marker .timeline-wrapper{ padding-left: 1rem;} .section-timeline.with-marker .timeline-wrapper::after{ left: 1rem;} .section-timeline.with-marker .timeline-wrapper .arrow-up i{ left: calc(1rem - 7.5px);} .section-timeline.with-marker .timeline-wrapper .timeline-container{ padding-left: 2rem;} .section-timeline.with-marker .timeline-part .timeline-part__show-more::after{ left: 1rem;} .section-timeline .timeline-part-wrapper{ position: relative;} .section-timeline .timeline-part-wrapper .sticky{ position: sticky; top: 20%; font-family: Unit-Regular; font-size: 15px; letter-spacing: 0.25px; line-height: 23px;} .section-timeline .timeline-part-wrapper .sticky span{ position: absolute; right: -9px; transform: rotate(270deg); border-right: 2px solid #172E4C; padding-right: 6px; background: #ffffff;} .section-timeline .timeline-intro .intro{ font-size: 1.125rem; line-height: 1.625rem;} .section-timeline .timeline-part .timeline-part__header .section-headline{ position: relative; padding-bottom: 1.25rem; padding-left: 1rem;} .section-timeline .timeline-part .timeline-part__header .section-headline::after{ content: ''; position: absolute; width: 1px; background-color: #c5c5c5; top: 0; bottom: 0; left: 0;} .section-timeline .timeline-part .timeline-part__header .section-headline p{ margin-bottom: 0;} .section-timeline .timeline-part .timeline-part__show-more{ position: relative; padding-top: 0.75rem; text-align: center;} .section-timeline .timeline-part .timeline-part__show-more button{ transition: border-color 0.75s, color 0.75s;} .section-timeline .timeline-part .timeline-part__show-more button:active, .section-timeline .timeline-part .timeline-part__show-more button:focus{ background: none; border-color: #166288; color: #166288;} .section-timeline .timeline-part .timeline-part__show-more::after{ content: ''; position: absolute; width: 1px; background-color: #c5c5c5; top: 0; bottom: 0; left: 0;} .section-timeline .link-teaser.disabled{ cursor: default;} .section-timeline .link-teaser .content-wrapper .section-textblock > p span i{ font-size: 0.75rem; color: #172E4C;} .section-timeline .link-teaser:active, .section-timeline .link-teaser:hover, .section-timeline .link-teaser:focus{ text-decoration: none;} .section-timeline .link-teaser:active:not(.disabled) .content-wrapper .section-headline > *, .section-timeline .link-teaser:active:not(.disabled) .content-wrapper .section-textblock > p, .section-timeline .link-teaser:active:not(.disabled) .content-wrapper .section-textblock > p span i, .section-timeline .link-teaser:hover:not(.disabled) .content-wrapper .section-headline > *, .section-timeline .link-teaser:hover:not(.disabled) .content-wrapper .section-textblock > p, .section-timeline .link-teaser:hover:not(.disabled) .content-wrapper .section-textblock > p span i, .section-timeline .link-teaser:focus:not(.disabled) .content-wrapper .section-headline > *, .section-timeline .link-teaser:focus:not(.disabled) .content-wrapper .section-textblock > p, .section-timeline .link-teaser:focus:not(.disabled) .content-wrapper .section-textblock > p span i{ color: #166288;} .section-timeline .link-teaser:active:not(.disabled) .section-media img, .section-timeline .link-teaser:hover:not(.disabled) .section-media img, .section-timeline .link-teaser:focus:not(.disabled) .section-media img{ transform: scale(1.1);} .section-timeline .timeline-wrapper{ position: relative; padding-right: 2rem;} .section-timeline .timeline-wrapper::after{ content: ''; position: absolute; width: 1px; background-color: #c5c5c5; top: 0; bottom: 0; left: 0;} .section-timeline .timeline-wrapper .arrow-up{ height: 40px;} .section-timeline .timeline-wrapper .arrow-up i{ position: absolute; left: -7.5px; top: -10px; color: #c5c5c5;} .section-timeline .timeline-wrapper .timeline-marker{ position: relative;} .section-timeline .timeline-wrapper .timeline-marker::before{ content: ''; position: absolute; width: 16px; height: 16px; left: -8px; background-color: #EE7700; border: 1px solid #EE7700; top: 5px; border-radius: 50%; z-index: 10; animation: pulse 3s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;} .section-timeline .timeline-wrapper .timeline-container{ position: relative; background-color: inherit; width: 100%; padding-left: 1rem; padding-bottom: 2rem;} .section-timeline .timeline-wrapper .timeline-container.timeline-date-headline::before{ top: 2.5rem;} .section-timeline .timeline-wrapper .timeline-container.timeline-date-headline .date{ font-family: 'UnitOffc-Light'; font-size: 18px; line-height: 22px; color: #ffffff; margin-bottom: 10px;} .section-timeline .timeline-wrapper .timeline-container::before{ content: ''; position: absolute; width: 10px; height: 10px; left: -5px; background-color: #172E4C; border: 1px solid #172E4C; top: 0.5rem; border-radius: 50%; z-index: 1;} .section-timeline .timeline-wrapper .timeline-container.has-image::before{ top: 9.75rem;} .section-timeline .timeline-wrapper .section-media{ height: 8.25rem; margin-bottom: 1rem;} .section-timeline .timeline-wrapper .section-media .img-wrapper{ height: 100%; overflow: hidden;} .section-timeline .timeline-wrapper .section-media .img-wrapper img{ object-fit: cover; height: 100%; max-width: 100%; width: auto;} .section-timeline .timeline-wrapper .content-wrapper .section-headline > *{ margin-bottom: 0.5rem;} .section-timeline .timeline-wrapper .content-wrapper .collapse-animation{ transition: height 0.66s ease-out;} .section-timeline .timeline-wrapper .content-wrapper .collapse.show{ height: auto;} .section-timeline .timeline-wrapper .content-wrapper .collapse{ display: block; height: 6rem; overflow: hidden;} .section-timeline .timeline-wrapper .content-wrapper .collapsing{ height: 6rem; transition: height 0.66s ease-out;} .section-timeline .timeline-wrapper .content-wrapper .opener.collapsed{ margin-top: -1.5rem;} .section-timeline .timeline-wrapper .content-wrapper .opener.collapsed .svg-wrapper{ transform: rotate(0deg);} .section-timeline .timeline-wrapper .content-wrapper .opener .svg-wrapper{ width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; margin: 0 auto; transform: rotate(135deg); background: #ffffff; border-radius: 50%; padding: 1rem; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2); transition: transform 0.75s, background 0.75s;} .section-timeline .timeline-wrapper .content-wrapper .opener .svg-wrapper:hover{ cursor: pointer; background: #0482C3;} .section-timeline .timeline-wrapper .content-wrapper .opener .svg-wrapper:hover svg{ stroke: #ffffff;} .section-timeline .timeline-wrapper .content-wrapper .opener .svg-wrapper svg{ stroke: #0482C3; transition: stroke 0.75s;} .section-timeline .timeline-wrapper .content-wrapper .section-textblock{ position: relative; margin: 0;} .section-timeline .timeline-wrapper .content-wrapper .section-textblock p{ margin: 0; font-size: 15px; letter-spacing: 0.25px; line-height: 23px;} .section-timeline .timeline-wrapper .content-wrapper .section-textblock::after{ position: absolute; bottom: 0; width: 100%; height: 0; content: ''; background: linear-gradient(to top, white 0%, rgba(255, 255, 255, 0.5) 100%); transition: all 0.66s;} .section-timeline .timeline-wrapper .content-wrapper .section-textblock.collapsing-open::after{ height: 0;} .section-timeline .timeline-wrapper .content-wrapper .section-textblock.collapsing-close::after{ height: 82%;} .section-timeline .timeline-wrapper .content-wrapper .collapse:not(.show) .section-textblock{ height: 6rem;} .section-timeline .timeline-wrapper .content-wrapper .collapse:not(.show) .section-textblock p{ height: 100%;} .section-timeline .timeline-wrapper .content-wrapper .collapse:not(.show) .section-textblock::after{ height: 75%;} .section-timeline .timeline-wrapper .content-wrapper .collapse.show .section-textblock{ height: auto;} .section-timeline.dark-mode{ background: #172E4C;} .section-timeline.dark-mode .section-headline > *, .section-timeline.dark-mode .section-textblock > p{ color: #f5f5f5;} .section-timeline.dark-mode .timeline-wrapper .content-wrapper .section-textblock::after{ background: linear-gradient(to top, #172E4C 0%, rgba(23, 46, 76, 0.5) 70%);} .section-timeline.dark-mode .timeline-wrapper .content-wrapper .opener .svg-wrapper{ background: #172E4C; border: 2px solid #0482C3; box-sizing: border-box; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);} .section-timeline.dark-mode .timeline-wrapper .content-wrapper .opener .svg-wrapper:hover{ background: #0482C3;} .section-timeline.dark-mode .timeline-wrapper .content-wrapper .opener .svg-wrapper:hover svg{ stroke: #ffffff;} .section-timeline.dark-mode .timeline-wrapper .timeline-container::before{ background-color: #0482C3; border-color: #0482C3;} .section-timeline.dark-mode .timeline-part-wrapper .sticky span{ background: #172E4C; color: #f5f5f5; border-color: #0482C3;} .section-timeline.dark-mode .link-teaser:active, .section-timeline.dark-mode .link-teaser:hover, .section-timeline.dark-mode .link-teaser:focus{ text-decoration: none;} .section-timeline.dark-mode .link-teaser:active:not(.disabled) .content-wrapper .section-headline > *, .section-timeline.dark-mode .link-teaser:active:not(.disabled) .content-wrapper .section-textblock > p, .section-timeline.dark-mode .link-teaser:active:not(.disabled) .content-wrapper .section-textblock > p span i, .section-timeline.dark-mode .link-teaser:hover:not(.disabled) .content-wrapper .section-headline > *, .section-timeline.dark-mode .link-teaser:hover:not(.disabled) .content-wrapper .section-textblock > p, .section-timeline.dark-mode .link-teaser:hover:not(.disabled) .content-wrapper .section-textblock > p span i, .section-timeline.dark-mode .link-teaser:focus:not(.disabled) .content-wrapper .section-headline > *, .section-timeline.dark-mode .link-teaser:focus:not(.disabled) .content-wrapper .section-textblock > p, .section-timeline.dark-mode .link-teaser:focus:not(.disabled) .content-wrapper .section-textblock > p span i{ color: #ffffff;} .section-timeline.dark-mode .timeline-part__show-more button{ transition: background-color 0.75s, border-color 0.75s, color 0.75s;} .section-timeline.dark-mode .timeline-part__show-more button:hover{ background: #0482C3; border-color: #0482C3; color: #ffffff;} @media screen and (min-width: 768px){ .section-timeline{ padding-top: 2.5rem; padding-bottom: 5rem;} .section-timeline.with-marker .timeline-wrapper{ padding-left: 0;} .section-timeline.with-marker .timeline-wrapper::after{ left: 50%;} .section-timeline.with-marker .timeline-wrapper .arrow-up i{ left: calc(50% - 7.5px);} .section-timeline.with-marker .timeline-wrapper .timeline-container{ padding-left: 0;} .section-timeline .timeline-intro{ text-align: center;} .section-timeline .timeline-part + .timeline-part{ margin-top: 1.5rem;} .section-timeline .timeline-part-wrapper + .timeline-part-wrapper{ margin-top: 1.5rem;} .section-timeline .timeline-part-wrapper .sticky{ transition: opacity 1s;} .section-timeline .timeline-part-wrapper .sticky span{ transition: right 1s;} .section-timeline .timeline-part-wrapper .sticky.animate-out{ opacity: 0;} .section-timeline .timeline-part-wrapper .sticky.animate-out span{ right: -35px;} .section-timeline .timeline-part-wrapper .sticky.animate-in{ opacity: 0;} .section-timeline .timeline-part-wrapper .sticky.animate-in span{ right: -35px;} .section-timeline .timeline-part-wrapper .sticky.visible{ opacity: 1;} .section-timeline .timeline-part .timeline-part__header .section-headline{ padding-bottom: 1.625rem; padding-left: 0; text-align: center;} .section-timeline .timeline-part .timeline-part__header .section-headline::after{ background: none;} .section-timeline .timeline-part .timeline-part__header .section-headline p{ margin-bottom: 0;} .section-timeline .timeline-part .timeline-part__show-more{ padding-top: 2rem;} .section-timeline .timeline-part .timeline-part__show-more::after{ background: none;} .section-timeline .timeline-wrapper{ padding-top: 2rem; padding-right: 0;} .section-timeline .timeline-wrapper::after{ left: 50%; transition: bottom 2s 0.75s;} .section-timeline .timeline-wrapper.animate-in::after{ bottom: 100%;} .section-timeline .timeline-wrapper.animate-in .timeline-container::before{ opacity: 0; transform: translateY(100px);} .section-timeline .timeline-wrapper .arrow-up i{ left: calc(50% - 7.5px);} .section-timeline .timeline-wrapper .timeline-marker::before{ left: calc(50% - 8px);} .section-timeline .timeline-wrapper .timeline-container{ padding-left: 0; display: flex; flex-direction: row; padding-bottom: 3.75rem;} .section-timeline .timeline-wrapper .timeline-container::before{ top: 0.5rem; left: calc(50% - 5px); transition: opacity 1s 1.5s, transform 1s 1.5s;} .section-timeline .timeline-wrapper .timeline-container.odd{ flex-direction: row-reverse;} .section-timeline .timeline-wrapper .timeline-container.even .media-wrapper{ text-align: right;} .section-timeline .timeline-wrapper .timeline-container .media-wrapper, .section-timeline .timeline-wrapper .timeline-container .content-wrapper{ flex: 1 1 50%; width: 50%; padding: 0 2.5rem; transition: all 1s 1.5s; opacity: 1;} .section-timeline .timeline-wrapper .timeline-container .media-wrapper img, .section-timeline .timeline-wrapper .timeline-container .content-wrapper img{ transition: all 1s; opacity: 1;} .section-timeline .timeline-wrapper .timeline-container .media-wrapper.animate-in, .section-timeline .timeline-wrapper .timeline-container .content-wrapper.animate-in{ opacity: 0; transform: translateY(100px);} .section-timeline .timeline-wrapper .timeline-container .media-wrapper.animate-in img, .section-timeline .timeline-wrapper .timeline-container .content-wrapper.animate-in img{ opacity: 0;} .section-timeline .timeline-wrapper .timeline-container .media-wrapper .section-media{ margin: 0; height: 13.125rem;} .section-timeline .timeline-wrapper .timeline-container.has-image::before{ top: 0.5rem;}} @media screen and (min-width: 1075px){ .section-timeline .timeline-part-wrapper .sticky span{ right: 0; transform: rotate(0deg); border-right: 0; border-bottom: 2px solid #172E4C; padding-right: 0; padding-bottom: 5px; width: 5rem; overflow: hidden; transition: width 1s;} .section-timeline .timeline-part-wrapper .sticky.animate-out{ opacity: 0;} .section-timeline .timeline-part-wrapper .sticky.animate-out span{ width: 0; right: 0;} .section-timeline .timeline-part-wrapper .sticky.animate-in{ opacity: 0;} .section-timeline .timeline-part-wrapper .sticky.animate-in span{ width: 0; right: 0;} .section-timeline .timeline-part-wrapper .sticky.visible{ opacity: 1;}} @media print{ .section-timeline .timeline-wrapper .media-wrapper .section-media{ margin-left: 0; margin-right: 0;} .section-timeline .timeline-wrapper .content-wrapper .opener{ display: none;} .section-timeline .timeline-wrapper .content-wrapper .collapse{ height: auto; overflow: visible;} .section-timeline .timeline-wrapper .content-wrapper .collapse .section-textblock{ height: auto !important;} .section-timeline .timeline-wrapper .content-wrapper .collapse .section-textblock::after{ background: none !important;}} @media screen and (max-width: 768px){ .section-timeline .timeline-part-wrapper .container{ max-width: none;}} @keyframes pulse{ 0%{ box-shadow: 0 0 0 1px rgba(238, 119, 0, 0.2);} 9%{ box-shadow: 0 0 0 4px rgba(238, 119, 0, 0.2);} 45%{ box-shadow: 0 0 0 14px rgba(238, 119, 0, 0.2);} 50%{ box-shadow: 0 0 0 15px rgba(238, 119, 0, 0.2);} 55%{ box-shadow: 0 0 0 14px rgba(238, 119, 0, 0.2);} 90%{ box-shadow: 0 0 0 4px rgba(238, 119, 0, 0.2);} 99%{ box-shadow: 0 0 0 1px rgba(238, 119, 0, 0.2);}} .section-jahresbericht-zitat{ padding-top: 2.5rem; padding-bottom: 2.5rem;} .section-jahresbericht-zitat .outer-wrapper{ display: flex; flex-direction: column; align-items: center;} .section-jahresbericht-zitat .photo-wrapper{ width: 200px; height: 200px; border-radius: 50%; overflow: hidden; -webkit-mask-image: -webkit-radial-gradient(white, black);} .section-jahresbericht-zitat .photo-wrapper img{ transition: 1s all;} .section-jahresbericht-zitat .photo-wrapper:hover img{ transform: scale(1.1);} .section-jahresbericht-zitat .content-text{ position: relative; font-family: "Unit-MediumTF"; font-size: 1.375rem; line-height: 1.75rem; color: #172E4C; padding: 0 1.625rem; margin-top: 2.5rem;} .section-jahresbericht-zitat .content-text::before{ content: '\201D'; position: absolute; top: -1rem; left: 0.75rem; color: #0482C3; font-size: 4rem; z-index: 2;} .section-jahresbericht-zitat .content-text span{ position: relative; display: inline-block;} .section-jahresbericht-zitat .content-text span::after{ content: '\201C'; position: absolute; bottom: -2.75rem; right: -1.25rem; color: #0482C3; font-size: 4rem; z-index: 2;} .section-jahresbericht-zitat .content-author{ font-family: "UnitOffc-Bold"; font-size: 1.125rem; line-height: 1.625rem; color: #172E4C; padding: 0 1.625rem; margin-top: 2.5rem;} .section-jahresbericht-zitat .content-position{ display: block; font-family: "Unit-Regular"; font-size: 1.125rem; line-height: 1.625rem; color: #172E4C;} @media (min-width: 768px){ .section-jahresbericht-zitat{ padding-top: 4rem; padding-bottom: 4rem;} .section-jahresbericht-zitat .outer-wrapper{ flex-direction: row; align-items: flex-start;} .section-jahresbericht-zitat .photo-wrapper{ flex: 0 0 200px; margin-right: 6.75rem; transition: opacity 1s 1s;} .section-jahresbericht-zitat .photo-wrapper.fade-in{ opacity: 0;} .section-jahresbericht-zitat .content-text{ font-size: 1.875rem; line-height: 2.5rem; padding: 0; margin-top: 0; transition: opacity 2s 1.2s;} .section-jahresbericht-zitat .content-text.fade-in{ opacity: 0;} .section-jahresbericht-zitat .content-text::before{ top: 1.75rem; left: -4rem; font-size: 6.5rem;} .section-jahresbericht-zitat .content-text span::after{ right: -4rem; bottom: -2.5rem; font-size: 6.5rem;} .section-jahresbericht-zitat .content-author{ padding: 0; transition: opacity 1s 1.45s;} .section-jahresbericht-zitat .content-author.fade-in{ opacity: 0;} .section-jahresbericht-zitat .content-position{ display: inline;}} .section-jahresbericht-highlight{ padding-top: 2.5rem; padding-bottom: 4.5rem;} .section-jahresbericht-highlight .section-headline{ text-align: center;} .section-jahresbericht-highlight .section-headline > h2, .section-jahresbericht-highlight .section-headline .h2{ font-size: 1.25rem; line-height: 1.625rem; margin-bottom: 2.5rem;} .section-jahresbericht-highlight .highlight-wrapper{ display: flex; flex-direction: column; padding-bottom: 3.25rem;} .section-jahresbericht-highlight .highlight-wrapper .img-wrapper{ margin: 0 auto 1.5rem; width: 100px; height: 100px; overflow: hidden;} .section-jahresbericht-highlight .highlight-wrapper .img-wrapper > *{ width: 100%; height: 100%;} .section-jahresbericht-highlight .highlight-wrapper h3{ font-family: "Unit-MediumTF"; font-size: 1.375rem; line-height: 1.75rem; margin-bottom: 0.5rem; color: #172E4C;} .section-jahresbericht-highlight .highlight-wrapper p{ font-family: "UnitOffc-Light"; font-size: 1.125rem; line-height: 1.625rem; color: #172E4C;} @media (min-width: 768px){ .section-jahresbericht-highlight{ padding-top: 4rem; padding-bottom: 4rem;} .section-jahresbericht-highlight .section-headline > h2, .section-jahresbericht-highlight .section-headline .h2{ font-size: 2rem; line-height: 2.375rem; margin-bottom: 3.25rem;} .section-jahresbericht-highlight .highlight-container{ display: flex; flex-wrap: wrap;} .section-jahresbericht-highlight .highlight-container .highlight-wrapper{ flex: 0 0 50%; transition: opacity 1.5s 1s;} .section-jahresbericht-highlight .highlight-container .highlight-wrapper:nth-of-type(2n - 1){ padding-right: 3rem;} .section-jahresbericht-highlight .highlight-container .highlight-wrapper:nth-of-type(2n){ padding-left: 3rem;} .section-jahresbericht-highlight .highlight-container .highlight-wrapper.fade-in{ opacity: 0;} .section-jahresbericht-highlight .highlight-container .highlight-wrapper:nth-of-type(3), .section-jahresbericht-highlight .highlight-container .highlight-wrapper:nth-of-type(4){ transition-delay: 1.33s;} .section-jahresbericht-highlight .highlight-container .highlight-wrapper h3{ font-size: 2rem; line-height: 2.375rem;}} .section-jahresbericht-zahlen-fakten{ padding-top: 2.5rem;} .section-jahresbericht-zahlen-fakten.dark{ background: #172E4C;} .section-jahresbericht-zahlen-fakten.light{ background: #0482C3;} .section-jahresbericht-zahlen-fakten.dark .section-headline > h2, .section-jahresbericht-zahlen-fakten.dark .section-headline > .h2, .section-jahresbericht-zahlen-fakten.dark .section-textblock > p, .section-jahresbericht-zahlen-fakten.dark .entry-wrapper .number, .section-jahresbericht-zahlen-fakten.dark .entry-wrapper p, .section-jahresbericht-zahlen-fakten.light .section-headline > h2, .section-jahresbericht-zahlen-fakten.light .section-headline > .h2, .section-jahresbericht-zahlen-fakten.light .section-textblock > p, .section-jahresbericht-zahlen-fakten.light .entry-wrapper .number, .section-jahresbericht-zahlen-fakten.light .entry-wrapper p{ color: #ffffff;} .section-jahresbericht-zahlen-fakten.dark .entry-wrapper hr, .section-jahresbericht-zahlen-fakten.light .entry-wrapper hr{ border-color: #ffffff;} .section-jahresbericht-zahlen-fakten .section-headline{ text-align: center;} .section-jahresbericht-zahlen-fakten .section-headline > h2, .section-jahresbericht-zahlen-fakten .section-headline .h2{ font-size: 1.25rem; line-height: 1.625rem; margin-bottom: 1rem;} .section-jahresbericht-zahlen-fakten .entry-wrapper{ margin-bottom: 2.5rem;} .section-jahresbericht-zahlen-fakten .entry-wrapper .number{ font-family: "UnitOffc-Bold"; font-size: 3.75rem; line-height: 3.5rem; color: #172E4C;} .section-jahresbericht-zahlen-fakten .entry-wrapper hr{ border: 1px solid #172E4C; margin: 15px 0;} .section-jahresbericht-zahlen-fakten .entry-wrapper p{ font-family: "UnitOffc-Light"; font-size: 1.125rem; line-height: 1.625rem; margin: 0; color: #172E4C;} @media (min-width: 768px){ .section-jahresbericht-zahlen-fakten{ padding-top: 4rem; padding-bottom: 5.25rem;} .section-jahresbericht-zahlen-fakten .section-headline > h2, .section-jahresbericht-zahlen-fakten .section-headline .h2{ font-size: 2rem; line-height: 2.375rem; margin-bottom: 1.25rem;} .section-jahresbericht-zahlen-fakten .intro{ text-align: center;} .section-jahresbericht-zahlen-fakten .intro .section-textblock{ margin-bottom: 1.5rem;} .section-jahresbericht-zahlen-fakten .entry-container{ display: flex; justify-content: space-between;} .section-jahresbericht-zahlen-fakten .entry-container .entry-wrapper{ margin-bottom: 0; flex: 0 0 30%; width: 30%; max-width: 16rem;} .section-jahresbericht-zahlen-fakten .entry-container .entry-wrapper .number{ font-size: 7.5rem; line-height: 1;} .section-jahresbericht-zahlen-fakten .entry-container .entry-wrapper hr{ margin-top: 0; width: 100%; transition: width 5s;} .section-jahresbericht-zahlen-fakten .entry-container .entry-wrapper hr.slide-in{ width: 0%;}} .section-scrollytelling-claim{ padding-top: 2.5rem; padding-bottom: 2.5rem;} .section-scrollytelling-claim p{ margin: 0;} .section-scrollytelling-claim .h1{ font-family: "UnitOffc-Bold"; font-size: 2.625rem; line-height: 3.5rem; color: #172E4C;} .section-scrollytelling-claim .h2{ font-family: "Unit-MediumTF"; font-size: 2rem; line-height: 2.375rem; color: #0482C3;} @media (min-width: 768px){ .section-scrollytelling-claim{ padding-top: 4rem; padding-bottom: 4rem;}} .section-scrollytelling-l{ padding-top: 2.5rem; padding-bottom: 2.5rem;} .section-scrollytelling-l .headline{ font-family: "Unit-MediumTF"; font-size: 2rem; line-height: 2.375rem; color: #172E4C; margin: 0;} .section-scrollytelling-l .text{ font-family: "UnitOffc-Light"; font-size: 1.125rem; line-height: 1.625rem; color: #172E4C; margin: 1.25rem 0 0;} .section-scrollytelling-l .image-wrapper{ margin-top: 4.5rem;} @media (min-width: 768px){ .section-scrollytelling-l{ padding-top: 4rem; padding-bottom: 4rem;}} .section-scrollytelling-m{ padding-top: 2.5rem; padding-bottom: 2.5rem;} .section-scrollytelling-m .outer{ display: flex; flex-direction: column;} .section-scrollytelling-m .content-wrapper .headline{ font-family: "Unit-MediumTF"; font-size: 1.375rem; line-height: 1.75rem; color: #172E4C; margin: 0;} .section-scrollytelling-m .content-wrapper .text{ font-family: "UnitOffc-Light"; font-size: 15px; line-height: 23px; letter-spacing: 0.2px; color: #172E4C; margin: 0;} .section-scrollytelling-m .content-wrapper .headline + .text{ margin: 1.25rem 0 0;} .section-scrollytelling-m .image-wrapper{ margin-top: 2.5rem;} .section-scrollytelling-m .image-wrapper.image-parallax{ position: relative;} .section-scrollytelling-m .image-wrapper.image-parallax .foreground, .section-scrollytelling-m .image-wrapper.image-parallax .middleground{ position: absolute; left: 15px; right: 0; top: 0; width: calc(100% - 30px);} @media (min-width: 768px){ .section-scrollytelling-m{ padding-top: 4rem; padding-bottom: 4rem;} .section-scrollytelling-m .outer{ flex-direction: row; justify-content: space-between; align-items: center;} .section-scrollytelling-m .outer.image-left{ flex-direction: row-reverse;}} @media (min-width: 992px){ .section-scrollytelling-m .image-wrapper{ margin-top: 0;}} @media (min-width: 1200px){ .section-scrollytelling-m .outer{ justify-content: flex-start;} .section-scrollytelling-m .outer.image-left{ justify-content: flex-end;}} .section-scrollytelling-meta{ display: none; position: fixed; top: 50%; right: 0; background: transparent; z-index: 99; opacity: 0; transition: opacity 0.75s;} .section-scrollytelling-meta ul{ margin: 0; padding-left: 1.5rem; padding-right: 1.5rem; list-style: none;} .section-scrollytelling-meta li{ font-family: Unit-MediumTF; font-size: 15px; line-height: 1.25rem; color: #c5c5c5; cursor: pointer;} .section-scrollytelling-meta li + li{ margin-top: 0.5rem;} .section-scrollytelling-meta li.active, .section-scrollytelling-meta li:hover{ color: #172E4C;} @media (min-width: 1400px){ .section-scrollytelling-meta{ display: block;}} @media (max-width: 1399px){ .section-scrollytelling-meta{ display: block; opacity: 1; top: 0; margin-top: 0 !important; right: -22px;} .section-scrollytelling-meta ul{ margin: 0; padding: 0;} .section-scrollytelling-meta li{ position: absolute; right: 0; transform: rotate(270deg); white-space: nowrap; color: #172E4C; letter-spacing: 0.2px; padding-right: 6px; padding-bottom: 5px; cursor: default; pointer-events: none; width: 60px;} .section-scrollytelling-meta li + li{ margin-top: 1rem;} .section-scrollytelling-meta li .entry{ border-right: 2px solid #172E4C; width: fit-content; padding-right: 5px;}} .section-scrollytelling-podcast{ padding-top: 2.5rem; padding-bottom: 2.5rem; position: relative; min-height: 166px;} .section-scrollytelling-podcast .warning{ display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 1.25rem 0 1.5rem; text-align: center; background: #f5f5f5;} .section-scrollytelling-podcast .warning svg{ width: 72px; height: 41px; margin-bottom: 0.5rem;} .section-scrollytelling-podcast .warning p{ color: #172E4C; margin: 0 10% 0.375rem; font-family: "UnitOffc-Light"; font-size: 15px; line-height: 23px; letter-spacing: 0.2px;} @media (min-width: 768px){ .section-scrollytelling-podcast{ padding-top: 4rem; padding-bottom: 4rem;}} .section-scrollytelling-stage{ padding-top: 2.5rem; padding-bottom: 2.5rem; position: absolute; top: 115px; left: 0; right: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; background: #0482C3;} .section-scrollytelling-stage .row{ align-items: center;} .section-scrollytelling-stage .content-wrapper .headline{ font-family: "UnitOffc-Bold"; font-size: 2.625rem; line-height: 3.5rem; color: #fff;} .section-scrollytelling-stage .content-wrapper .text{ font-family: "UnitOffc-Light"; font-size: 1.375rem; line-height: 2rem; color: #fff;} .section-scrollytelling-stage .image-wrapper{ position: relative; z-index: 1;} .section-scrollytelling-stage .image-wrapper .foreground{ left: 15px !important; right: 15px !important; width: calc(100% - 30px) !important;} .section-scrollytelling-stage .scroll-outer{ position: absolute; bottom: 0; left: 0; right: 0; background: #0482C3; z-index: 12;} .section-scrollytelling-stage .scroll-outer .scroll-wrapper{ margin-bottom: 2rem; display: flex; flex-direction: column; align-items: center; color: #fff; animation: pulsate 3s ease-in-out; animation-iteration-count: infinite;} .section-scrollytelling-stage .scroll-outer .scroll-wrapper span{ font-family: "UnitOffc-Light"; font-size: 15px; line-height: 23px; letter-spacing: 0.2px; cursor: default;} .section-scrollytelling-stage .scroll-outer .scroll-wrapper i{ font-size: 1.875rem;} .section-scrollytelling-stage.sticky-scroller{ padding-bottom: 0;} .section-scrollytelling-stage.sticky-scroller .image-wrapper{ margin-bottom: 2.5rem;} .section-scrollytelling-stage.sticky-scroller .scroll-outer{ position: sticky; width: 100%;} @media (min-width: 768px){ .section-scrollytelling-stage{ padding-top: 4rem; padding-bottom: 4rem; top: 204px; flex-direction: row;}} @media (min-width: 992px){ .section-scrollytelling-stage .content-wrapper{ margin-bottom: 0;}} .section-scrollytelling-s{ padding-top: 2.5rem; padding-bottom: 2.5rem;} .section-scrollytelling-s .outer{ display: flex; flex-direction: column;} .section-scrollytelling-s .outer .content-wrapper{ margin-bottom: 1.25rem;} .section-scrollytelling-s .content-wrapper .headline{ font-family: "Unit-MediumTF"; font-size: 1.375rem; line-height: 1.75rem; color: #172E4C; margin: 0;} .section-scrollytelling-s .content-wrapper .text{ font-family: "UnitOffc-Light"; font-size: 15px; line-height: 23px; letter-spacing: 0.2px; color: #172E4C; margin: 0;} .section-scrollytelling-s .content-wrapper .headline + .text{ margin-top: 10px;} .section-scrollytelling-s .card-wrapper{ transition: background-color 0.4s ease-out; position: relative; border: 3px solid #0482C3; border-radius: 0.75rem; max-width: 350px; min-height: 445px; height: auto; margin: 0 auto;} .section-scrollytelling-s .card-wrapper .card-title{ transition: opacity 0.5s ease-out; opacity: 1; position: absolute; top: 0; left: 0; right: 0; display: flex; flex-direction: row; justify-content: flex-end; align-items: center; padding: 1.25rem 1.25rem 0;} .section-scrollytelling-s .card-wrapper .card-title .subheadline{ transition: opacity 0.5s ease-out; opacity: 1; font-family: "Unit-MediumTF"; font-size: 1.375rem; line-height: 1.75rem; color: #0482C3; cursor: default;} .section-scrollytelling-s .card-wrapper .card-title i{ font-size: 28px; color: #0482C3; margin-left: 1.25rem; cursor: default; transition: color 1s ease-out, transform 1s ease-in-out;} .section-scrollytelling-s .card-wrapper .card-image{ transition: opacity 0.4s; opacity: 1; display: flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; right: 0; bottom: 0;} .section-scrollytelling-s .card-wrapper .card-content{ display: flex; justify-content: center; align-items: center; opacity: 0; color: #fff; padding: 30px; transition: opacity 0.5s ease-out;} .section-scrollytelling-s .card-wrapper .card-content p{ font-family: "UnitOffc-Light"; font-size: 1.375rem; line-height: 2rem; margin: 0;} .section-scrollytelling-s .card-wrapper.horizontal .card-image{ padding: 2.5rem 2rem 0.875rem;} .section-scrollytelling-s .card-wrapper.blue{ background: #0482C3;} .section-scrollytelling-s .card-wrapper.blue .card-title .subheadline, .section-scrollytelling-s .card-wrapper.blue .card-title i{ color: #fff;} .section-scrollytelling-s .card-wrapper.clicked{ background: #0482C3;} .section-scrollytelling-s .card-wrapper.clicked .card-title .subheadline, .section-scrollytelling-s .card-wrapper.clicked .card-image{ opacity: 0;} .section-scrollytelling-s .card-wrapper.clicked .card-title i{ color: #fff; transform: rotate(135deg);} .section-scrollytelling-s .card-wrapper.clicked .card-content{ opacity: 1; transition: opacity 1.5s 0.25s ease-in-out; position: absolute; top: 0; left: 0; right: 0; bottom: 0;} @media (min-width: 475px){ .section-scrollytelling-s .outer{ flex-direction: column;} .section-scrollytelling-s .outer .content-wrapper{ margin-top: 0; margin-bottom: 2.5rem;} .section-scrollytelling-s .card-wrapper{ max-width: none; width: 451px; min-height: auto; height: 451px; margin: 0 auto;} .section-scrollytelling-s .card-wrapper.horizontal .image-wrapper{ width: 445px; height: 350px;} .section-scrollytelling-s .card-wrapper .image-wrapper{ width: 350px; height: 445px;}} @media (min-width: 576px){ .section-scrollytelling-s .outer .card-wrapper{ width: 510px; height: 510px;}} @media (min-width: 768px){ .section-scrollytelling-s{ padding-top: 4rem; padding-bottom: 4rem;}} @media (min-width: 960px){ .section-scrollytelling-s .outer{ flex-direction: row; align-items: center;} .section-scrollytelling-s .outer.card-left{ flex-direction: row-reverse;} .section-scrollytelling-s .outer .content-wrapper{ margin-bottom: 0;} .section-scrollytelling-s .outer .card-wrapper{ width: auto; height: 445px;} .section-scrollytelling-s .outer .card-wrapper.horizontal{ height: 350px;} .section-scrollytelling-s .outer .card-wrapper.horizontal .image-wrapper{ width: auto; height: auto;} .section-scrollytelling-s .outer .card-wrapper .image-wrapper{ width: auto; height: auto;} .section-scrollytelling-s .card-wrapper:hover{ background: #0482C3;} .section-scrollytelling-s .card-wrapper:hover .card-title .subheadline, .section-scrollytelling-s .card-wrapper:hover .card-image{ opacity: 0;} .section-scrollytelling-s .card-wrapper:hover .card-title i{ color: #fff; transform: rotate(135deg);} .section-scrollytelling-s .card-wrapper:hover .card-content{ opacity: 1; transition: opacity 1.5s 0.25s ease-in-out;}} @media (min-width: 960px) and (max-width: calc(992px - 1px)){ .section-scrollytelling-s{ margin: 0 -6.9rem;} .section-scrollytelling-s .col-lg-1{ flex: 0 0 8.3333333333%; max-width: 8.3333333333%;} .section-scrollytelling-s .offset-lg-2{ margin-left: 16.6666666667%;} .section-scrollytelling-s .col-lg-4{ flex: 0 0 33.3333333333%; max-width: 33.3333333333%;} .section-scrollytelling-s .col-lg-5{ flex: 0 0 41.6666666667%; max-width: 41.6666666667%;} .section-scrollytelling-s .col-lg-6{ flex: 0 0 50%; max-width: 50%;} .section-scrollytelling-s.horizontal .offset-lg-2{ margin-left: 8.3333333333%;} .section-scrollytelling-s .outer.horizontal .offset-lg-2{ margin-left: 8.3333333333%;} .section-scrollytelling-s .outer.horizontal.card-left .col-xl-1{ flex: 0 0 8.3333333333%; max-width: 8.3333333333%;} .section-scrollytelling-s .outer .content-wrapper{ width: 350px;} .section-scrollytelling-s .outer .card-wrapper{ width: 350px;} .section-scrollytelling-s .outer .card-wrapper.horizontal{ width: 445px;}} .section-scrollytelling-string{ text-align: center; margin: 0 auto;} .section-scrollytelling-string svg{ width: 340px; height: 130px;} .section-scrollytelling-string svg.show rect{ opacity: 1;} .section-scrollytelling-string svg rect{ width: 10px; height: 10px; fill: #0482C3; opacity: 0; transition: opacity .5s;} .section-scrollytelling-string svg .rect-1{ transition-delay: 0.1s;} .section-scrollytelling-string svg .rect-2{ transition-delay: 0.2s;} .section-scrollytelling-string svg .rect-3{ transition-delay: 0.3s;} .section-scrollytelling-string svg .rect-4{ transition-delay: 0.4s;} .section-scrollytelling-string svg .rect-5{ transition-delay: 0.5s;} .section-scrollytelling-string svg .rect-6{ transition-delay: 0.6s;} .section-scrollytelling-string svg .rect-7{ transition-delay: 0.7s;} .section-scrollytelling-string svg .rect-8{ transition-delay: 0.8s;} .section-scrollytelling-string svg .rect-9{ transition-delay: 0.9s;} .section-scrollytelling-string svg .rect-10{ transition-delay: 1s;} .section-scrollytelling-string svg .rect-11{ transition-delay: 1.1s;} .section-scrollytelling-string svg .rect-12{ transition-delay: 1.2s;} .section-scrollytelling-string svg .rect-13{ transition-delay: 1.3s;} .section-scrollytelling-string svg .rect-14{ transition-delay: 1.4s;} .section-scrollytelling-string svg .rect-15{ transition-delay: 1.5s;} .section-scrollytelling-string svg .rect-16{ transition-delay: 1.6s;} @media (max-width: 500px){ .section-scrollytelling-string svg{ width: 100%; height: 145px;}} @media (max-width: 380px){ .section-scrollytelling-string svg{ height: 120px;}} @media (max-width: 330px){ .section-scrollytelling-string svg{ height: 100px;}} .section-scrollytelling-sticky-flow{ padding-top: 2.5rem; padding-bottom: 2.5rem;} .section-scrollytelling-sticky-flow h2{ font-family: "Unit-MediumTF"; font-size: 2rem; line-height: 38px; color: #0482C3; margin-bottom: 5rem;} @media (min-width: 768px){ .section-scrollytelling-sticky-flow{ padding-top: 4rem; padding-bottom: 4rem;}} @media (min-width: 960px){ .section-scrollytelling-sticky-flow h2{ margin-bottom: 8.125rem;}} @media (min-width: 992px){ .section-scrollytelling-sticky-flow .scrollytelling-sticky-flow-parts{ position: relative;} .section-scrollytelling-sticky-flow .scrollytelling-sticky-flow-parts.image-left .section-scrollytelling-m .outer{ flex-direction: row-reverse;} .section-scrollytelling-sticky-flow .scrollytelling-sticky-flow-parts.image-left .section-scrollytelling-m .outer .content-wrapper{ margin-left: 0;} .section-scrollytelling-sticky-flow .scrollytelling-sticky-flow-parts.image-left .section-scrollytelling-m .outer .image-wrapper{ margin-left: 8.3333333333%; left: 0; right: auto;} .section-scrollytelling-sticky-flow .scrollytelling-sticky-flow-parts.image-left .section-scrollytelling-m .outer .image-wrapper.is-scrolling{ left: calc(((930px / 100) * 8.3333333333) + ((100% - 960px) / 2) + 15px); margin-left: 0; right: 0;} .section-scrollytelling-sticky-flow .scrollytelling-sticky-flow-parts .section-scrollytelling-m{ margin-bottom: 8rem;} .section-scrollytelling-sticky-flow .scrollytelling-sticky-flow-parts .section-scrollytelling-m:last-child{ margin-bottom: 0;} .section-scrollytelling-sticky-flow .scrollytelling-sticky-flow-parts .section-scrollytelling-m .outer{ flex-direction: row;} .section-scrollytelling-sticky-flow .scrollytelling-sticky-flow-parts .section-scrollytelling-m .outer .content-wrapper{ margin-left: 8.3333333333%;} .section-scrollytelling-sticky-flow .scrollytelling-sticky-flow-parts .section-scrollytelling-m .outer .image-wrapper{ margin-left: 0; display: none; position: absolute; top: 0; right: 0; width: 512px; height: 512px; padding: 0; transition: none;} .section-scrollytelling-sticky-flow .scrollytelling-sticky-flow-parts .section-scrollytelling-m .outer .image-wrapper img{ width: 100%; height: 100%;} .section-scrollytelling-sticky-flow .scrollytelling-sticky-flow-parts .section-scrollytelling-m .outer .image-wrapper.show{ display: block;} .section-scrollytelling-sticky-flow .scrollytelling-sticky-flow-parts .section-scrollytelling-m .outer .image-wrapper.is-scrolling{ position: fixed; right: calc(((100% - 930px) / 2));}} @media (min-width: 1200px){ .section-scrollytelling-sticky-flow .scrollytelling-sticky-flow-parts.image-left .section-scrollytelling-m .outer .content-wrapper{ margin-left: 58.3333333333%;} .section-scrollytelling-sticky-flow .scrollytelling-sticky-flow-parts.image-left .section-scrollytelling-m .outer .image-wrapper.is-scrolling{ right: unset; margin-left: 0; left: calc(((1110px / 100) * 8.3333333333) + ((100% - 1140px) / 2) + 15px);} .section-scrollytelling-sticky-flow .scrollytelling-sticky-flow-parts .section-scrollytelling-m .outer .image-wrapper{ right: calc((1110px / 100) * 8.33333333);} .section-scrollytelling-sticky-flow .scrollytelling-sticky-flow-parts .section-scrollytelling-m .outer .image-wrapper.is-scrolling{ right: calc(((1110px / 100) * 8.33333333) + ((100% - 1140px) / 2) + 15px); margin-left: 0; left: unset;}} .contentContainer .section-amnog-dashboard + .container{ margin-top: 0 !important;} .section-amnog-dashboard{ padding-top: 2.5rem; padding-bottom: 2.5rem;} .section-amnog-dashboard.even .card-wrapper{ background: #f5f5f5;} .section-amnog-dashboard h2{ font-family: Unit-MediumTF; font-size: 2rem; line-height: 2.375rem; color: #172E4C; margin-bottom: 1.25rem;} .section-amnog-dashboard .text{ font-family: UnitOffc-Light; font-size: 1.375rem; line-height: 2rem; color: #172E4C; margin: 0;} .section-amnog-dashboard .categories{ margin: 3.5rem 0 2.5rem; overflow-x: auto; position: relative;} .section-amnog-dashboard .categories ul{ margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: nowrap;} .section-amnog-dashboard .categories ul li{ flex: 0 0 auto; min-width: 150px; width: auto; font-family: Unit-MediumTF; font-size: 1.375rem; line-height: 1.75rem; color: #172E4C; border-bottom: 2px solid #c5c5c5; cursor: pointer; z-index: 2; padding-right: 2rem;} .section-amnog-dashboard .categories ul li:hover, .section-amnog-dashboard .categories ul li.active{ border-color: #172E4C;} .section-amnog-dashboard .categories ul li:last-child{ padding-right: 0;} .section-amnog-dashboard .categories hr{ position: absolute; left: 0; right: 0; bottom: 0; margin: 0; border-width: 2px; border-color: #c5c5c5; z-index: 1;} .section-amnog-dashboard .card-list{ margin-top: 4.375rem; flex-wrap: nowrap; overflow: hidden;} .section-amnog-dashboard .categories + .card-list{ margin-top: 0;} .section-amnog-dashboard .card-wrapper{ flex: 0 0 calc(100% - 30px); margin-left: 15px; margin-right: 15px; padding: 1.875rem 1.25rem 2.5rem; background: #ffffff; display: none; flex-direction: column; justify-content: space-between; transition: transform 1s; cursor: pointer; height: 539px;} .section-amnog-dashboard .card-wrapper.active{ display: flex;} .section-amnog-dashboard .card-wrapper .content .number{ font-family: UnitOffc-Bold; font-size: 7.5rem; line-height: 1; color: #172E4C;} .section-amnog-dashboard .card-wrapper .content hr{ border: 1px solid #172E4C; margin: 0 0 15px;} .section-amnog-dashboard .card-wrapper .content .card-text{ font-family: UnitOffc-Light; font-size: 1.125rem; line-height: 1.625rem; color: #172E4C; margin: 0;} .section-amnog-dashboard .card-wrapper .content .card-text strong{ font-family: Unit-MediumTF;} .section-amnog-dashboard .card-wrapper img{ width: auto; max-width: 350px; margin: 0 auto;} .section-amnog-dashboard .navigation{ margin-top: 2rem; display: flex; justify-content: space-between; align-items: center; width: 305px; margin-left: auto; margin-right: auto;} .section-amnog-dashboard .navigation .previous{ text-align: left;} .section-amnog-dashboard .navigation .next{ text-align: right;} .section-amnog-dashboard .navigation .previous.active img, .section-amnog-dashboard .navigation .previous.active svg, .section-amnog-dashboard .navigation .next.active img, .section-amnog-dashboard .navigation .next.active svg{ color: #0482C3;} .section-amnog-dashboard .navigation .previous img, .section-amnog-dashboard .navigation .previous svg, .section-amnog-dashboard .navigation .next img, .section-amnog-dashboard .navigation .next svg{ width: 2.5rem; color: #c5c5c5;} .section-amnog-dashboard .navigation .previous img:hover, .section-amnog-dashboard .navigation .previous svg:hover, .section-amnog-dashboard .navigation .next img:hover, .section-amnog-dashboard .navigation .next svg:hover{ cursor: pointer;} .section-amnog-dashboard .navigation .content{ font-family: UnitOffc-Light; font-size: 1.375rem; line-height: 2rem; color: #172E4C; margin: 0 1rem;} .featherlight.amnog-featherlight .featherlight-content{ max-width: 1240px;} .featherlight.amnog-featherlight .featherlight-download{ position: relative; float: right; text-decoration: none; padding: 0.875rem; background: #172E4C; color: #ffffff; margin-bottom: 0.625rem; line-height: 1; border: none; cursor: pointer; margin-right: 0.625rem;} .featherlight.amnog-featherlight .featherlight-download, .featherlight.amnog-featherlight .featherlight-close{ width: 2.625rem; height: 2.5rem; display: flex; justify-content: center; align-items: center;} .featherlight.amnog-featherlight .amnog-lightbox{ padding: 3.125rem 0 0;} .featherlight.amnog-featherlight .amnog-lightbox h3{ font-family: Unit-MediumTF; font-size: 1.375rem; line-height: 1.75rem; color: #172E4C; margin: 0;} .featherlight.amnog-featherlight .amnog-lightbox img{ width: 100%; margin: 1.25rem 0;} .featherlight.amnog-featherlight .amnog-lightbox hr{ border-width: 2px; border-color: #172E4C; margin: 0;} .featherlight.amnog-featherlight .amnog-lightbox .origin{ font-family: UnitOffc-Light; font-size: 15px; line-height: 23px; text-align: right; letter-spacing: 0.2px; color: #172E4C; margin: 1.25rem 0;} .featherlight.amnog-featherlight .amnog-lightbox .text{ margin-top: 1.25rem; font-family: UnitOffc-Light; font-size: 1.125rem; line-height: 1.625rem; color: #172E4C;} .featherlight.amnog-featherlight .amnog-lightbox .text strong{ font-family: Unit-MediumTF;} @media (max-width: 375px){ .section-amnog-dashboard .categories ul li{ min-width: 130px;} .section-amnog-dashboard .card-wrapper{ height: 579px;} .section-amnog-dashboard .navigation{ width: auto;} .featherlight.amnog-featherlight .amnog-lightbox{ padding: 4.375rem 0 0;}} @media (min-width: 576px){ .section-amnog-dashboard .categories ul li{ min-width: 150px;} .section-amnog-dashboard .card-wrapper{ height: 611px;} .featherlight.amnog-featherlight .amnog-lightbox{ padding: 4.375rem 0 0;}} @media (min-width: 768px){ .section-amnog-dashboard{ padding-top: 4rem; padding-bottom: 4rem;} .section-amnog-dashboard .categories ul li{ min-width: 180px;} .section-amnog-dashboard .card-wrapper{ height: 533px;}} @media (min-width: 992px){ .featherlight.amnog-featherlight .amnog-lightbox{ padding: 4rem 12.75rem 0 10rem;} .section-amnog-dashboard .categories ul li{ min-width: 190px;}} @media (min-width: 1200px){ .section-amnog-dashboard .card-wrapper{ flex: 0 0 350px; width: 350px; height: 626px; background: #ffffff; padding: 1.875rem 2.5rem 2.5rem;}} .section-amnog-link{ padding-top: 2.5rem; padding-bottom: 2.5rem;} .section-amnog-link a{ display: flex; flex-direction: row; align-items: center; text-decoration: none;} .section-amnog-link a + a{ margin-top: 0.625rem;} .section-amnog-link a img, .section-amnog-link a svg{ display: none;} .section-amnog-link a span{ display: flex; align-items: center; font-family: Unit-MediumTF; font-size: 1.125rem; line-height: 1.625rem; color: #0482C3;} .section-amnog-link a span i{ color: #0482C3; margin-left: 0.375rem; font-size: 1rem;} @media (min-width: 768px){ .section-amnog-link{ padding-top: 2rem; padding-bottom: 2rem;} .section-amnog-link a + a{ margin-top: 0;} .section-amnog-link a img, .section-amnog-link a svg{ display: inline; margin-right: 1rem;} .section-amnog-link .wrapper{ display: flex; justify-content: center; flex-wrap: wrap; row-gap: 2.5rem; column-gap: 5rem;} .section-amnog-link .wrapper > a{ flex: 0 0 auto;}} .contentContainer .section-amnog-sprunganker + .container{ margin-top: 0 !important;} .section-amnog-sprunganker .wrapper{ background: #0482C3;} .section-amnog-sprunganker ul.content{ margin: 0; padding: 1.625rem 0; list-style: none; display: flex; flex-direction: column; flex-wrap: wrap;} .section-amnog-sprunganker ul.content li + li{ margin-top: 2rem;} .section-amnog-sprunganker ul.content li a{ font-family: "Unit-MediumTF"; font-size: 1.375rem; line-height: 1.75rem; color: #fff;} .section-amnog-sprunganker ul.content li a i{ margin-left: 0.5rem;} .section-amnog-sprunganker ul.content li a:hover, .section-amnog-sprunganker ul.content li a:focus{ text-decoration: none;} @media (min-width: 576px){ .section-amnog-sprunganker ul.content{ flex-direction: row; padding: 2.375rem 0;} .section-amnog-sprunganker ul.content li + li{ margin-top: 0; margin-left: 2.5rem;}} .section-amnog-themewall{ padding-top: 2.5rem; padding-bottom: 2.5rem;} .section-amnog-themewall .button-wrapper{ text-align: center;} @media (min-width: 768px){ .section-amnog-themewall{ padding-top: 3.75rem; padding-bottom: 3.75rem;} .section-amnog-themewall .section-teaser{ width: calc(50% - 30px);}} @media (min-width: 992px){ .section-amnog-themewall .section-teaser{ width: calc(33% - 30px);}} html.show-overlay{ overflow: hidden;} .section-overlay{ position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 999999999; display: none; justify-content: center; align-items: center; opacity: 0; transition: all 1s;} .section-overlay.show{ display: flex;} .section-overlay.visible{ opacity: 1; background-color: rgba(0, 0, 0, 0.8);} .section-overlay .overlay-outer{ position: relative; max-height: 98%; max-width: 1240px; padding: 0.625rem 1.25rem 2.875rem 1.25rem; margin: 0 2rem; display: inline-block; overflow: auto; background: #fff; cursor: auto;} .section-overlay .close-icon{ font-family: Arial, sans-serif; position: absolute; top: 0.625rem; right: 1.25rem; width: 2.625rem; height: 2.5rem; display: flex; justify-content: center; align-items: center; text-decoration: none; background: #172E4C; color: #ffffff; line-height: 1; border: 0; cursor: pointer; font-size: 1rem;} .section-overlay .overlay-content{ padding: 3.125rem 0 0;} .section-overlay .overlay-content h3{ font-family: Unit-MediumTF; font-size: 1.375rem; line-height: 1.75rem; color: #172E4C; margin: 0;} .section-overlay .overlay-content img{ width: 100%; margin: 1.25rem 0; max-width: 100%; max-height: 46vh; display: block; object-fit: contain;} .section-overlay .overlay-content hr{ border-width: 2px; border-color: #172E4C; margin: 0;} .section-overlay .overlay-content .text{ margin-top: 1.25rem; font-family: UnitOffc-Light; font-size: 1.125rem; line-height: 1.625rem; color: #172E4C;} .section-overlay .overlay-content .text strong{ font-family: Unit-MediumTF;} .section-overlay .overlay-content .button-wrapper{ text-align: center;} .section-overlay .overlay-outer.overlay-small{ max-width: 907px; width: 100%;} .section-overlay .overlay-outer.overlay-small .overlay-content{ max-width: 569px; width: 100%; margin: 0 auto;} .section-overlay .overlay-outer.overlay-small .overlay-content .text{ margin-top: 15px;} @media (min-width: 576px){ .section-overlay .overlay-outer{ max-height: 90%;}} @media (min-width: 768px){ .section-overlay .overlay-outer{ margin: 0 5rem;}} @media print{ .section-overlay{ display: none;}} .section-sticky-lasche{ background: #f5f5f5; color: #172E4C; box-shadow: 0px -1px 10px 1px rgba(0, 0, 0, 0.15); position: fixed; bottom: 0; left: 0; padding: 10px 20px; z-index: 9999;} .section-sticky-lasche .icon-close{ display: none;} .section-sticky-lasche .icon-close svg *{ fill: #172E4C;} .section-sticky-lasche .icon-close:hover svg *{ fill: #166288;} .section-sticky-lasche .header{ display: flex; align-items: center; cursor: pointer;} .section-sticky-lasche .header:hover{ color: #166288;} .section-sticky-lasche .header:hover svg *{ fill: #166288;} .section-sticky-lasche .header img, .section-sticky-lasche .header svg{ width: 41px; height: 44px;} .section-sticky-lasche .header span{ font-family: "Unit-MediumTF"; font-size: 1.125rem; line-height: 1.625rem; margin-left: 0.625rem;} .section-sticky-lasche .content{ display: none;} .section-sticky-lasche.open .icon-close{ display: block; cursor: pointer; top: 10px; right: 10px;} .section-sticky-lasche.open .header:hover{ color: inherit; cursor: default;} .section-sticky-lasche.open .header span{ font-size: 2rem; line-height: 2.375rem; margin: 0;} .section-sticky-lasche.open .header img, .section-sticky-lasche.open .header svg{ display: none;} .section-sticky-lasche.open .content{ display: block;} .section-sticky-lasche.open .content ul{ list-style: none; margin: 0; padding: 0;} .section-sticky-lasche.open .content ul li a{ display: flex; flex-direction: column; align-items: center; color: #172E4C; text-decoration: none; font-family: "Unit-MediumTF"; font-size: 1.125rem; line-height: 1.625rem;} .section-sticky-lasche.open .content ul li a:hover{ color: #166288;} .section-sticky-lasche.open .content ul li a:hover svg *{ fill: #166288;} .section-sticky-lasche.open .content ul li a svg{ width: 80px; height: 80px; margin-bottom: 15px;} .section-sticky-lasche.open .content ul li a svg *{ fill: #172E4C;} .section-sticky-lasche.open .content ul li a span span{ display: inline-block; color: inherit;} .section-sticky-lasche.open .content ul li a span i{ font-size: 1rem;} @media (max-width: 720px){ body.sticky-lasche-open{ overflow: hidden;} .section-sticky-lasche.open{ width: 100vw; height: 100vh; padding: 40px 30px;} .section-sticky-lasche.open .icon-close{ position: fixed;} .section-sticky-lasche.open .content{ max-height: calc(100vh - 80px); overflow-y: auto; padding-bottom: 40px;} .section-sticky-lasche.open .content ul li{ margin-top: 1.875rem;}} @media (min-width: 720px){ body.sticky-lasche-open{ overflow: auto;} .section-sticky-lasche.open{ width: auto; max-width: 660px; height: auto; padding: 30px 30px 0;} .section-sticky-lasche.open.small-md{ max-width: 455px;} .section-sticky-lasche.open .icon-close{ position: absolute;} .section-sticky-lasche.open .content{ padding-bottom: 0;} .section-sticky-lasche.open .content ul{ margin-top: 1.25rem; display: flex; flex-wrap: wrap;} .section-sticky-lasche.open .content ul li{ flex: 0 0 33%; max-width: 33%; padding: 0 0.5rem; margin-top: 0; margin-bottom: 30px;} .section-sticky-lasche.open .content ul li.element-2{ flex-basis: 50%; max-width: 50%;} .section-sticky-lasche.open .content ul li a > span{ display: inline; text-align: center;}} @media (min-width: 992px){ .section-sticky-lasche{ left: auto; bottom: auto; top: 200px; right: 0; box-shadow: -3px -1px 10px 1px rgba(0, 0, 0, 0.15); padding: 15px 15px 20px;} .section-sticky-lasche .header{ flex-direction: column-reverse;} .section-sticky-lasche .header span{ font-size: 15px; line-height: 1.125rem; margin-left: 0; margin-bottom: 10px;} .section-sticky-lasche .header img, .section-sticky-lasche .header svg{ width: 67px; height: 72px;} .section-sticky-lasche.open{ max-width: 270px; width: 270px; padding: 30px;} .section-sticky-lasche.open.big-lg{ max-width: 480px; width: 480px;} .section-sticky-lasche.open.big-lg .content ul{ flex-direction: row; flex-wrap: wrap;} .section-sticky-lasche.open.big-lg .content ul li{ flex-basis: 50%; max-width: 50%;} .section-sticky-lasche.open .header{ flex-direction: row;} .section-sticky-lasche.open .content{ max-height: calc(100vh - 200px - 70px); overflow-y: auto;} .section-sticky-lasche.open .content ul{ flex-direction: column; flex-wrap: nowrap; margin: 0;} .section-sticky-lasche.open .content ul li{ flex-basis: 100%; max-width: 100%; padding: 0; margin-top: 1.25rem;}} .section-dashboard-intro .section-textblock{ margin-bottom: 30px;} @media (min-width: 576px){ .section-dashboard-intro .section-headline h2{ margin-bottom: 20px;}} @media (min-width: 992px){ .section-dashboard-intro .section-headline h1{ margin-bottom: 2.5rem;}} .section-dashboard-einstellungen #dashboard_setting_akkordeon > .header{ background: #ffffff; cursor: pointer; border: none; border-radius: 0; font-family: "Unit-MediumTF"; font-size: 1.25rem; line-height: 1.625rem; color: #172E4C; padding: 1rem 1.25rem; position: relative; transition: all 1s;} .section-dashboard-einstellungen #dashboard_setting_akkordeon > .header svg{ position: absolute; top: 1rem; right: 1.25rem;} .section-dashboard-einstellungen #dashboard_setting_akkordeon > .header.collapsed{ color: #ffffff; background: #3f5572; transition: background 0s;} .section-dashboard-einstellungen #dashboard_setting_akkordeon > .header.collapsed:hover{ background: rgba(255, 255, 255, 0.3);} .section-dashboard-einstellungen #dashboard_setting_akkordeon > .header.collapsed svg{ transform: rotate(45deg);} .section-dashboard-einstellungen #dashboard_setting_akkordeon > .header.collapsed svg *{ fill: #ffffff;} .section-dashboard-einstellungen #dashboard_setting_akkordeon > .collapse-content{ color: #172E4C; background: #ffffff;} .section-dashboard-einstellungen #dashboard_setting_akkordeon > .collapse-content + .header{ margin-top: 15px;} .section-dashboard-einstellungen #dashboard_setting_content_akkordeon{ padding: 0 5px 5px;} .section-dashboard-einstellungen #dashboard_setting_content_akkordeon > .header{ cursor: pointer; border: none; border-radius: 0; font-family: "Unit-MediumTF"; font-size: 1.125rem; line-height: 1.625rem; margin-top: 2px; padding: 10px 1rem; position: relative; color: #ffffff; background: #172E4C; transition: all 1s;} .section-dashboard-einstellungen #dashboard_setting_content_akkordeon > .header:first-child{ margin-top: 0;} .section-dashboard-einstellungen #dashboard_setting_content_akkordeon > .header svg{ position: absolute; top: 10px; right: 1.25rem; width: 1.125rem;} .section-dashboard-einstellungen #dashboard_setting_content_akkordeon > .header svg *{ fill: #ffffff;} .section-dashboard-einstellungen #dashboard_setting_content_akkordeon > .header.collapsed{ background: #f5f5f5; color: #172E4C; transition: background 0s, color 0s;} .section-dashboard-einstellungen #dashboard_setting_content_akkordeon > .header.collapsed:hover{ color: #ffffff; background: #172E4C;} .section-dashboard-einstellungen #dashboard_setting_content_akkordeon > .header.collapsed:hover svg *{ fill: #ffffff;} .section-dashboard-einstellungen #dashboard_setting_content_akkordeon > .header.collapsed svg{ transform: rotate(45deg);} .section-dashboard-einstellungen #dashboard_setting_content_akkordeon > .header.collapsed svg *{ fill: #172E4C;} .section-dashboard-einstellungen #dashboard_setting_content_akkordeon ul{ list-style: none; margin: 0; padding-left: 1rem; padding-bottom: 2rem;} .section-dashboard-einstellungen #dashboard_setting_content_akkordeon ul li{ margin-top: 1.25rem;} .section-dashboard-einstellungen #dashboard_setting_content_akkordeon ul li:hover label{ color: #166288;} .section-dashboard-einstellungen #dashboard_setting_content_akkordeon ul li:hover label span.wrapper{ border-color: #166288;} .section-dashboard-einstellungen #dashboard_setting_content_akkordeon ul li:hover label span.wrapper i{ color: #ffffff;} .section-dashboard-einstellungen #dashboard_setting_content_akkordeon ul li:hover input:checked + label > span{ background: #166288;} .section-dashboard-einstellungen #dashboard_setting_content_akkordeon ul li input{ display: none;} .section-dashboard-einstellungen #dashboard_setting_content_akkordeon ul li label{ position: relative; font-family: "Unit-MediumTF"; font-size: 1.125rem; color: #0482C3; line-height: 1.625rem; margin: 0; padding-left: 30px;} .section-dashboard-einstellungen #dashboard_setting_content_akkordeon ul li label span.wrapper{ position: relative; display: inline-block; width: 15px; height: 15px; border: 1px solid #0482C3; margin-right: 0.625rem; margin-left: -30px;} .section-dashboard-einstellungen #dashboard_setting_content_akkordeon ul li label span.wrapper i{ color: #ffffff; display: none;} .section-dashboard-einstellungen #dashboard_setting_content_akkordeon ul li input:checked + label > span{ background: #0482C3;} .section-dashboard-einstellungen #dashboard_setting_content_akkordeon ul li input:checked + label > span i{ color: #ffffff; position: absolute; display: inline; top: 1px; left: 0; font-size: 0.75rem;} .section-dashboard-einstellungen #dashboard_setting_layout{ padding: 10px 1.25rem;} .section-dashboard-einstellungen #dashboard_setting_layout .charts-per-row{ display: none;} .section-dashboard-einstellungen #dashboard_setting_layout .transformation-lists ul.main{ margin-bottom: 0;} .section-dashboard-einstellungen #dashboard_setting_layout .transformation-lists ul.alternative{ margin-top: 0;} .section-dashboard-einstellungen #dashboard_setting_layout h5{ font-family: Unit-MediumTF; font-size: 1.125rem; line-height: 1.625rem; margin: 0; color: #172E4C;} .section-dashboard-einstellungen #dashboard_setting_layout ul{ margin: 10px 0 30px; padding: 0; list-style: none;} .section-dashboard-einstellungen #dashboard_setting_layout ul.alternative li{ min-width: 33px;} .section-dashboard-einstellungen #dashboard_setting_layout ul.alternative li.active, .section-dashboard-einstellungen #dashboard_setting_layout ul.alternative li:hover{ background: #0482C3;} .section-dashboard-einstellungen #dashboard_setting_layout ul li{ display: inline-block; font-family: Unit-MediumTF; font-size: 1rem; line-height: 17px; background: #f5f5f5; color: #172E4C; padding: 8px 10px; text-decoration: none; margin-bottom: 10px; margin-right: 5px; cursor: pointer; border-radius: 30px;} .section-dashboard-einstellungen #dashboard_setting_layout ul li:last-child a{ margin-right: 0;} .section-dashboard-einstellungen #dashboard_setting_layout ul li.active, .section-dashboard-einstellungen #dashboard_setting_layout ul li:hover{ background: #172E4C; color: #ffffff;} .section-dashboard-einstellungen #dashboard_setting_layout ul li.rect-wrapper{ width: 62px; height: 30px; display: inline-flex; justify-content: center; align-items: center;} .section-dashboard-einstellungen #dashboard_setting_layout ul li.rect-wrapper.active span, .section-dashboard-einstellungen #dashboard_setting_layout ul li.rect-wrapper:hover span{ background: #ffffff;} .section-dashboard-einstellungen #dashboard_setting_layout ul li.rect-wrapper span{ width: 8px; aspect-ratio: 1 / 1; background: #172E4C;} .section-dashboard-einstellungen #dashboard_setting_layout ul li.rect-wrapper span + span{ margin-left: 3px;} .section-dashboard-einstellungen #dashboard_setting_layout ul li.hidden{ display: none;} @media (min-width: 480px){ .section-dashboard-einstellungen #dashboard_setting_layout .transformation-lists{ display: flex;} .section-dashboard-einstellungen #dashboard_setting_layout .transformation-lists ul.main{ margin-bottom: 30px;} .section-dashboard-einstellungen #dashboard_setting_layout .transformation-lists ul.alternative{ margin-top: 10px; margin-left: 15px;}} @media (min-width: 768px){ .section-dashboard-einstellungen #dashboard_setting_content_akkordeon{ padding: 30px 1.25rem 2.5rem; display: flex; flex-direction: column; flex-wrap: wrap; position: relative; transition: all 0.4s; min-height: 0;} .section-dashboard-einstellungen #dashboard_setting_content_akkordeon .header{ flex: 0 0 auto; order: 1; height: 46px; width: 45%; position: relative;} .section-dashboard-einstellungen #dashboard_setting_content_akkordeon .header::after{ opacity: 0; content: ''; position: absolute; left: 100%; top: 0; width: 0; height: 0; border-top: 23px solid transparent; border-bottom: 23px solid transparent; border-left: 18px solid #172E4C; transition: all 1s;} .section-dashboard-einstellungen #dashboard_setting_content_akkordeon .header:not(.collapsed)::after{ opacity: 1; clear: both;} .section-dashboard-einstellungen #dashboard_setting_content_akkordeon .header svg, .section-dashboard-einstellungen #dashboard_setting_content_akkordeon .header img{ display: none;} .section-dashboard-einstellungen #dashboard_setting_content_akkordeon .collapse-content{ order: 2; flex: 0 0 auto; width: calc(50% - 2.5rem); position: absolute; top: 1.5rem; right: 1.25rem;} .section-dashboard-einstellungen #dashboard_setting_akkordeon{ display: flex; flex-wrap: wrap;} .section-dashboard-einstellungen #dashboard_setting_akkordeon > .header{ order: 1; flex: 0 0 auto; width: calc(50% - 15px);} .section-dashboard-einstellungen #dashboard_setting_akkordeon > .collapse-content{ order: 2; flex: 0 0 100%;} .section-dashboard-einstellungen #dashboard_setting_akkordeon > .collapse-content + .header{ margin-top: 0; margin-left: 30px;} .section-dashboard-einstellungen #dashboard_setting_akkordeon #dashboard_setting_layout{ padding-top: 30px; padding-bottom: 0;} .section-dashboard-einstellungen #dashboard_setting_akkordeon #dashboard_setting_layout .frequenz, .section-dashboard-einstellungen #dashboard_setting_akkordeon #dashboard_setting_layout .transformation{ display: flex; align-items: baseline;} .section-dashboard-einstellungen #dashboard_setting_akkordeon #dashboard_setting_layout .frequenz h5, .section-dashboard-einstellungen #dashboard_setting_akkordeon #dashboard_setting_layout .transformation h5{ flex: 0 0 130px;} .section-dashboard-einstellungen #dashboard_setting_akkordeon #dashboard_setting_layout .frequenz ul, .section-dashboard-einstellungen #dashboard_setting_akkordeon #dashboard_setting_layout .transformation ul{ margin-top: 0; margin-bottom: 30px;}} @media (min-width: 992px){ .section-dashboard-einstellungen #dashboard_setting_content_akkordeon .header{ width: 30%;} .section-dashboard-einstellungen #dashboard_setting_content_akkordeon .collapse-content{ width: 63%;} .section-dashboard-einstellungen #dashboard_setting_content_akkordeon .collapse-content ul{ display: flex; flex-wrap: wrap;} .section-dashboard-einstellungen #dashboard_setting_content_akkordeon .collapse-content ul li{ flex: 0 0 auto; width: 50%;} .section-dashboard-einstellungen #dashboard_setting_content_akkordeon .collapse-content ul li.all{ width: 100%;} .section-dashboard-einstellungen #dashboard_setting_layout .charts-per-row{ display: flex; align-items: baseline;} .section-dashboard-einstellungen #dashboard_setting_layout .charts-per-row ul{ margin-top: 0; margin-bottom: 30px;} .section-dashboard-einstellungen #dashboard_setting_layout .charts-per-row ul li.three{ display: none;} .section-dashboard-einstellungen #dashboard_setting_layout .charts-per-row h5, .section-dashboard-einstellungen #dashboard_setting_layout .frequenz h5, .section-dashboard-einstellungen #dashboard_setting_layout .transformation h5{ flex: 0 0 136px;}} @media (min-width: 1400px){ .section-dashboard-einstellungen #dashboard_setting_layout .charts-per-row ul li.three{ display: inline-flex;}} .section-dashboard-einstellungen{ padding-top: 2.5rem; padding-bottom: 2.5rem; background: #172E4C; color: #ffffff;} .section-dashboard-einstellungen h2{ font-family: "Unit-MediumTF"; font-size: 1.5rem; line-height: 1.875rem; margin-bottom: 20px;} .section-dashboard-einstellungen .akkordeon{ margin-bottom: 30px;} .section-dashboard-einstellungen .reset-button-wrapper{ padding: 30px 20px;} .section-dashboard-einstellungen .reset-button-wrapper .section-button{ margin: 0;} .section-dashboard-einstellungen .info-line{ display: flex; flex-direction: column;} .section-dashboard-einstellungen .info-line .overall{ font-family: "UnitOffc-Light"; font-size: 1.125rem; line-height: 1.625rem; color: #ffffff;} .section-dashboard-einstellungen .info-line .cookie{ margin-top: 30px;} .section-dashboard-einstellungen .info-line .cookie.hidden{ display: none;} .section-dashboard-einstellungen .info-line .cookie .confirm .section-checkbox{ padding-top: 0; float: none; margin: 0;} .section-dashboard-einstellungen .info-line .cookie .confirm label{ font-family: "Unit-MediumTF"; font-size: 1.125rem; line-height: 1.625rem; color: #ffffff; padding-left: 30px; margin: 0;} .section-dashboard-einstellungen .info-line .cookie .confirm label span.wrapper{ margin-left: -30px;} @media (min-width: 480px){ .section-dashboard-einstellungen .info-line .cookie{ margin-top: 20px;}} @media (min-width: 576px){ .section-dashboard-einstellungen h2{ font-size: 2rem; line-height: 2.375rem;}} @media (min-width: 768px){ .section-dashboard-einstellungen{ padding-top: 3.75rem; padding-bottom: 3.75rem;}} @media (min-width: 992px){ .section-dashboard-einstellungen .info-line{ flex-direction: row; justify-content: space-between;} .section-dashboard-einstellungen .info-line .cookie{ margin-top: 0; max-width: 50%;}} .section-dashboard-chartlist{ display: none; background: #f5f5f5; padding: 0 15px 2.5rem; flex-wrap: wrap;} .section-dashboard-chartlist.loaded{ display: flex;} .section-dashboard-chartlist.columns-2{ column-gap: 30px;} .section-dashboard-chartlist.columns-2 .chart-outer{ flex-basis: 50%; max-width: calc(50% - 16px);} .section-dashboard-chartlist.columns-3{ column-gap: 30px;} .section-dashboard-chartlist.columns-3 .chart-outer{ flex-basis: 33%; max-width: calc(33% - 16px);} .section-dashboard-chartlist .chart-outer{ flex: 0 0 100%; width: 100%; padding-top: 2.5rem; display: none;} .section-dashboard-chartlist .chart-outer.show{ display: block;} .section-dashboard-chartlist .chart-wrapper{ background: #ffffff; padding: 30px;} .section-dashboard-chartlist .chart-wrapper .test{ width: 100%; height: 300px; background: #ddd; color: #333; display: flex; justify-content: center; align-items: center; font-size: 3rem;} .section-dashboard-chartlist .chart-wrapper .button-wrapper .section-button{ margin: 2.5rem 0 0;} @media (min-width: 720px){ .section-dashboard-chartlist{ padding: 0 30px 2.5rem;}} @media (min-width: 768px){ .section-dashboard-chartlist{ padding: 1.25rem 30px 2.5rem;}} @media (min-width: 992px){ .section-dashboard-chartlist.columns-3 .chart-wrapper a.btn-secondary span{ display: none !important;}} @media (min-width: 1400px){ .section-dashboard-chartlist.columns-3 .chart-wrapper a.btn-secondary span{ display: inline !important;}} .section-diga-counter{ padding-top: 40px; padding-bottom: 40px;} .section-diga-counter .section-headline h2{ font-family: "Unit-MediumTF"; font-size: 24px; line-height: 30px; color: #172E4C; margin: 0;} .section-diga-counter .list{ margin-top: 15px;} .section-diga-counter .info{ font-family: "UnitOffc-Light"; font-size: 18px; line-height: 26px; text-align: right; color: #172E4C; margin-top: 15px;} @media (min-width: 480px){ .section-diga-counter .section-headline h2{ font-size: 32px; line-height: 38px;} .section-diga-counter .list{ margin-top: 25px;}} @media (min-width: 992px){ .section-diga-counter{ padding-top: 3.75rem; padding-bottom: 3.75rem;}} .section-diga-archiv{ padding-bottom: 40px;} .section-diga-archiv .filter-wrapper{ display: flex; flex-direction: column; align-items: flex-start;} .section-diga-archiv .filter-wrapper .dropdown-wrapper{ display: flex; flex-direction: column;} .section-diga-archiv .filter-wrapper .dropdown-wrapper .section-dropdown + .section-dropdown{ margin-top: 10px;} .section-diga-archiv .listbox{ background: #f5f5f5;} .section-diga-archiv .listbox .section-linklist-box{ padding: 40px 0; margin: 0;} @media (min-width: 480px){ .section-diga-archiv .filter-wrapper .dropdown-wrapper{ flex-direction: row; justify-content: flex-start;} .section-diga-archiv .filter-wrapper .dropdown-wrapper .section-dropdown + .section-dropdown{ margin-top: 0; margin-left: 40px;}} @media (min-width: 768px){ .section-diga-archiv .filter-wrapper .page-item.previous a{ margin-left: 0;}} @media (min-width: 992px){ .section-diga-archiv{ padding-bottom: 3.75rem;} .section-diga-archiv .filter-wrapper{ flex-direction: row; justify-content: space-between; align-items: center;} .section-diga-archiv .listbox .section-linklist-box{ padding: 60px 0; margin: 0;}} .section-diga-tabs-content .nav-pills{ margin-left: -1rem;} .section-diga-tabs-content .nav-pills > li{ padding: 0 1rem; margin-bottom: 0.75rem;} .section-diga-tabs-content .nav-pills .nav-link{ font-family: "Unit-MediumTF"; line-height: 1.44rem; font-size: 1.125rem; color: #0482C3; border-bottom: 3px solid transparent; border-radius: 0; padding: 0;} .section-diga-tabs-content .nav-pills .nav-link.active{ background: none; color: #172E4C; border-bottom-color: #172E4C;}  span.section-abbinder{ display: inline-block; padding-left: 16px; margin-top: 2px; border-left: 6px solid rgb(238, 238, 238);} .section-amnog-dashboard .card-wrapper .content .number{ font-size: 4.5rem;} .section-textarea .input-group.has-label{ position: relative} .section-textarea .input-group.has-label textarea{ position: relative; z-index: 1; margin-top: 1rem} .section-textarea .input-group.has-label textarea.has-value+label, .section-textarea .input-group.has-label textarea:focus+label{ font-size: .875rem; color: #172e4c; padding: 0; margin-top: -10px; z-index: 2} .section-textarea .input-group.has-label label{ transition: .5s; position: absolute; font-family: UnitOffc-Light; font-size: 1.125rem; color: #868686; margin: 1rem 0 0; padding: 7px 0 0 10px;} .section-checkbox small.error-text, .section-radio small.error-text{ display: block; font-family: UnitOffc-Light; font-size: .875rem; color: #0482c3; letter-spacing: .5px; line-height: 1.25rem; margin-bottom: .625rem;} .section-infobox a{ font-size: inherit;} .section-infobox .section-textblock p{ font-size: 1.125rem;}   .section-media.img-large.img-ohne .img-wrapper{ position: relative;} .section-media.img-large.img-ohne img{ max-height: 35rem;} .section-media.img-large.img-ohne img.bild-parser{ max-height: inherit;} @media (min-width: 768px) .section-media.img.img-ohne-large p{ margin-left: 0; margin-top: 0; padding-left: 0;} .section-media.img-large.img-ohne p{ margin-left: 0; margin-top: 0; padding-left: 0;}  @media only screen and (min-device-width:1400px){ .section-stage-slider .carousel-item{ background:#ffffff;}}  .anmeldungen .linie{ display: none;} .anmeldungen small.error-text{ display: block; font-family: UnitOffc-Light; font-size: .875rem; color: #0482c3; letter-spacing: .5px; line-height: 1.25rem; margin-bottom: .625rem;} .anmeldeformular input[name="anzahlPersonen"]{ padding: 0px 5px; margin: 10px; width: 40px; height: 28px; box-sizing: border-box; border: 1px solid #172e4c;} .anmeldung-load{ top: 0; left: 0; z-index: 99999; display: block; position: fixed; height: 100%; width: 100%; text-align: center; background-color: rgba(255, 255, 255, 0.75); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#55ffffff, endColorstr=#55ffffff)";} @keyframes anmeldung-spinner{ to{transform: rotate(360deg);}} .anmeldung-spinner:before{ content: ''; box-sizing: border-box; position: absolute; top: 50%; left: 50%; width: 30px; height: 30px; margin-top: -10px; margin-left: -10px; border-radius: 50%; border: 2px solid #ccc; border-top-color: #333; animation: anmeldung-spinner .6s linear infinite;} .section-text-low{ margin-bottom: 1.5rem; font-family: UnitOffc-Light; font-size: 1.125rem; line-height: 1.625rem; color: #172e4c;} .anmeldeformular .option-wert, .anmeldeformular .option-wert-block{ margin-left: 13px; display: inline-block;} .anmeldeformular .progammpunkt{ background-color: #f5f5f5; clear: left; padding: 10px;} .anmeldeformular .gesamtkosten .row-left{ float: left;} .anmeldeformular .gesamtkosten .row-right{ text-align: right;} .anmeldeformular hr.double{ border-top: 3px double #cccccc !important;} .anmeldeformular .odd-group{ background: rgba(245, 245, 245, 0.5); padding-bottom: .75rem;} .anmeldeformular .section-hint{ float: left; margin-left: 0; padding-top: .75rem;} .anmeldeformular .section-hint label{ position: relative; font-family: Unit-MediumTF; font-size: 1.125rem; color: #0482c3; line-height: 1.625rem;} .anmeldeformular .section-textarea .input-group.has-label textarea{ transition: .5s;} .anmeldeformular .section-textarea .input-group.has-label textarea.has-value+label, .anmeldeformular .section-textarea .input-group.has-label textarea:focus+label{ font-size: .875rem; color: #172e4c; padding: 0; margin-top: 10px; z-index: 2} .anmeldeformular .section-textarea .input-group.has-label textarea.has-value, .anmeldeformular .section-textarea .input-group.has-label textarea:focus{ margin-top: 35px;} .anmeldeformular .odd-group .section-dropdown{ margin-top: 0.75rem;} .anmeldeformular .odd-group .section-dropdown .dropdown-btn{ background: transparent;} .anmeldeformular label strong{ font-weight: normal;} .anmeldeformular .hinweisPflichtfeld{ display: block; font-family: UnitOffc-Light; font-size: .875rem; color: #172e4c; letter-spacing: .5px; line-height: 1.25rem; margin-bottom: .625rem; font-weight: 400;} .abstimmung .tndiv{ display: none;} .abstimmung .fehler{ display: inline-block;} .abstimmung .fehler > b{ color: red;}  .section-medienspiegel-list.section-akkordeon .sidebar i{ color:#fff;} .section-teaser-related-fade-in.even .gradient::after{ position: absolute; bottom: 0; width: 100%; height: 100%; content: ''; background: linear-gradient(to top,#ffffff 0,rgba(245,245,245,.2) 100%); pointer-events: none;} .section-navigation ul{ list-style-type: none;} .section-overview.even .list-group-item, .section-focus-block.even .card-body div{ background:#fff !important;} .section-image-3er .section-headline{ float:none;}  .video-wrapper{ position: relative;} .video-wrapper iframe{ position: absolute; height: 100%; top: 0; width: 100%; border: none;} .youtube-warning{ display: none; position: absolute; top: 50%; padding: 2%; text-align: center; transform: translateY(-50%);} .video-wrapper:hover .youtube-wrapper.inactive{ -webkit-filter: blur(5px); filter: blur(5px); opacity: 0.5;} .video-wrapper .youtube-wrapper{ display: block!important;} .video-wrapper:hover .youtube-wrapper.inactive + .youtube-warning{ display: block!important;} .video-button{ border: 2px solid #172e4c; color: #172e4c!important; cursor: pointer; pointer-events: none; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; border-radius: 0; font-weight: bold; text-align: center; white-space: nowrap; vertical-align: middle; user-select: none; text-decoration: none!important; padding: 4px; margin-top: 3%; display: inline-block;} .video-wrapper:hover .video-button, .video-wrapper:focus .video-button{ pointer-events: initial;} .video-button:hover{ background-color: #172e4c; color: #fff!important;} .section-teaser .section-media img{ color: #ccc; font-size: 15px;} @media (min-width:1200px){ .section-share.meta-line.custom-magin{ margin-top: 5.75rem;}} .section-media.img-large.img-legend img.bild-parser{ max-height:inherit;} .section-publikation .img-wrapper{ border-top: 20px solid #e2e2e2; border-bottom: 20px solid #e2e2e2; border-left: 25px solid #e2e2e2; border-right: 25px solid #e2e2e2;} .section-publikation .img-wrapper img{ box-shadow: 3px 3px 4px #aaaaaa;} .card-header{ cursor:pointer;} .btn-primary, .btn-primary:active, .btn-primary:focus{ height: auto;} .section-input .input-group.has-label label, .section-textarea .input-group.has-label label{ left: 0;}  .section-stage-slider .box .footer{ margin-left:2px;} .section-stage-slider .orientation-wrapper .carousel-control-prev div i{ margin-left:-3px; margin-top:2px;} .section-stage-slider .orientation-wrapper .carousel-control-next div i{ margin-left:3px; margin-top:2px;} #form-90306 .section-input .input-group.has-label label{ left: 0; background: #fff; width: 100%; z-index: 1; top: -2px;} iframe.teilpopulationen{ width: 100%; border: none; overflow: hidden !important;} .media-wrapper.is-video .section-media{ height:auto;} .contentContainer .container .module-scrollytelling+.container .module-scrollytelling .card-content p{ margin-top: 15px; margin-bottom: 15px;} .contentContainer .container .module-scrollytelling+.container .module-scrollytelling .card-wrapper{ display:flex;} #content .section-focus-block .card-body > *{ background: #ffffff;} @media (min-width: 475px){ .section-scrollytelling-s .card-wrapper.horizontal .image-wrapper{ height:auto;}} table.table tr td a{ font-size: 1rem;} .section-teaser-calendar{ margin-top: 40px;} .section-infobox .section-headline + .section-textblock{ margin-top: 1.25rem;} .section-infobox .section-textList{ margin: 1.25rem 0 0; padding-left: 1.25rem;} .section-infobox.infobox-image-text.small-width > .part-image{ margin-top: 0px; margin-bottom: 1.25rem;} .section-text-info .section-infobox:not(:only-child){ position: relative; height: auto; width: 100%; background: #f5f5f5; padding: 1.25rem; margin-bottom: 1.25rem;} .section-amnog-dashboard.odd + .container{ margin-top: 64px !important;} .section-special-gallery.with-modal .container.header{ margin-bottom: 30px;} .responsive23-MYFueObynJtDVkuL-choro-rna-standortkarte{ width: 100%; height: 730px;} #content .container .section-table .table td{ font-family: 'Unit-Regular';} #content .container .section-table .table a.link.ext-link{ font-size: 18px;} .zentriertElement{ display: flex; justify-content: center;} .section-navigation #nav-service .inline .container .close{ z-index: 100;} @media (min-width: 768px){ .section-text-info .section-infobox:not(:only-child){ max-width: 22rem; height: auto;} .section-text-info .small-width.side-right:not(:only-child){ float: right; margin-left: 2.5rem; margin-bottom: 1.625rem;}} @media (min-width: 992px){ .section-text-info .small-width.side-right:not(:only-child){ margin-right: -8.3333333333%;}} @media (min-width: 1200px){ .section-scrollytelling-sticky-flow .scrollytelling-sticky-flow-parts .section-scrollytelling-m .outer .image-wrapper{ right: calc((920px/ 100) * 8.33333333);}} p.mit-sonder-link a{ border: none !important; display: inline !important; margin: 0; padding: 0;} .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp{ padding: 0; margin: 0; border: 0; outline: none; vertical-align: top;} .fancybox-wrap{ position: absolute; top: 0; left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 8020;} .fancybox-skin{ position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} .fancybox-opened{ z-index: 8030;} .fancybox-opened .fancybox-skin{ -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);} .fancybox-outer, .fancybox-inner{ position: relative;} .fancybox-inner{ overflow: hidden;} .fancybox-type-iframe .fancybox-inner{ -webkit-overflow-scrolling: touch;} .fancybox-error{ color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap;} .fancybox-image, .fancybox-iframe{ display: block; width: 100%; height: 100%;} .fancybox-image{ max-width: 100%; max-height: 100%;} #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span{ background-image: url(fancybox_sprite.png);} #fancybox-loading{ position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060;} #fancybox-loading div{ width: 44px; height: 44px; background: url(fancybox_loading.gif) center center no-repeat;} .fancybox-close{ position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040;} .fancybox-nav{ position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url(blank.gif);  -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040;} .fancybox-prev{ left: 0;} .fancybox-next{ right: 0;} .fancybox-nav span{ position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden;} .fancybox-prev span{ left: 10px; background-position: 0 -36px;} .fancybox-next span{ right: 10px; background-position: 0 -72px;} .fancybox-nav:hover span{ visibility: visible;} .fancybox-tmp{ position: absolute; top: -99999px; left: -99999px; max-width: 99999px; max-height: 99999px; overflow: visible !important;}  .fancybox-lock{ overflow: visible !important; width: auto;} .fancybox-lock body{ overflow: hidden !important;} .fancybox-lock-test{ overflow-y: hidden !important;} .fancybox-overlay{ position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url(fancybox_overlay.png);} .fancybox-overlay-fixed{ position: fixed; bottom: 0; right: 0;} .fancybox-lock .fancybox-overlay{ overflow: auto; overflow-y: scroll;}  .fancybox-title{ visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050;} .fancybox-opened .fancybox-title{ visibility: visible;} .fancybox-title-float-wrap{ position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center;} .fancybox-title-float-wrap .child{ display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent;  background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap;} .fancybox-title-outside-wrap{ position: relative; margin-top: 10px; color: #fff;} .fancybox-title-inside-wrap{ padding-top: 10px;} .fancybox-title-over-wrap{ position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8);}  @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){ #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span{ background-image: url(fancybox_sprite@2x.png); background-size: 44px 152px; } #fancybox-loading div{ background-image: url(fancybox_loading@2x.gif); background-size: 24px 24px; }}