@charset "UTF-8";
:root {
--color_brand_primary_very_light: #d9efec;
--degree: 20;
--color_white: #fff;
--color_black: #000;
--color_brand_primary: #00876c;
--color_brand_primary_rgba: rgba(0,135,108,0.9);
--color_brand_primary_lighter: #b3e0da;
--color_brand_primary_darker: #007755;
--color_brand_secondary: #404040;
--color_brand_secondary_rgba: rgba(64,64,64,0.9);
--color_accent_1: #77a200;
--color_accent_1_rgba: rgba(119,162,0,0.9);
--color_accent_2: #a22223;
--color_accent_2_rgba: rgba(162,34,35,0.9);
--color_accent_3: #a3107c;
--color_accent_3_rgba: rgba(163,16,124,0.9);
--color_accent_4: #a7822e;
--color_accent_4_rgba: rgba(167,130,46,0.9);
--color_accent_5: #079ede;
--color_accent_5_rgba: rgba(7,158,222,0.9);
--color_accent_6: #4664aa;
--color_accent_6_rgba: rgba(70,100,170,0.9);
--color_brand_secondary_bright: #f2f2f2;
--color_brand_secondary_lighter: #e6e6e6;
--color_brand_secondary_light_dark: #868686;
--color_error: #e30613;
--color_error_dark: #cf0511;
--color_error_darker: #c50410;
--color_background: #fff;
--color_font: #000;
--color_font_inverse: #fff;
--color_headings: #404040;
--stage_small_gradient_a: 64, 64, 64;
--stage_small_gradient_b: 230, 230, 230;
--copyright_gradient_a: 0, 0, 0;
--header_shadow: 64, 64, 64;
--nav_flyout_shadow: 64, 64, 64;
--nav_single_shadow: 64, 64, 64;
}
/* Roboto Light 300 */
/* cyrillic-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: url("https://static.scc.kit.edu/kit-2020/fonts/roboto/roboto-v20-cyrillic-ext-300.woff2") format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: url("https://static.scc.kit.edu/kit-2020/fonts/roboto/roboto-v20-cyrillic-300.woff2") format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: url("https://static.scc.kit.edu/kit-2020/fonts/roboto/roboto-v20-greek-ext-300.woff2") format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: url("https://static.scc.kit.edu/kit-2020/fonts/roboto/roboto-v20-greek-300.woff2") format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: url("https://static.scc.kit.edu/kit-2020/fonts/roboto/roboto-v20-vietnamese-300.woff2") format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: url("https://static.scc.kit.edu/kit-2020/fonts/roboto/roboto-v20-latin-ext-300.woff2") format('woff2');
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-display:swap;src: local("Roboto Light"), local("Roboto-Light"), url("https://static.scc.kit.edu/kit-2020/fonts/roboto/roboto-v20-latin-300.woff2") format("woff2"), url("https://static.scc.kit.edu/kit-2020/fonts/roboto/roboto-v20-latin-300.woff") format("woff");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Roboto Regular 400 */
/* cyrillic-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("https://static.scc.kit.edu/kit-2020/fonts/roboto/roboto-v20-cyrillic-ext-regular.woff2") format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("https://static.scc.kit.edu/kit-2020/fonts/roboto/roboto-v20-cyrillic-regular.woff2") format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("https://static.scc.kit.edu/kit-2020/fonts/roboto/roboto-v20-greek-ext-regular.woff2") format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("https://static.scc.kit.edu/kit-2020/fonts/roboto/roboto-v20-greek-regular.woff2") format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("https://static.scc.kit.edu/kit-2020/fonts/roboto/roboto-v20-vietnamese-regular.woff2") format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("https://static.scc.kit.edu/kit-2020/fonts/roboto/roboto-v20-latin-ext-regular.woff2") format('woff2');
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display:swap;src: local("Roboto"), local("Roboto-Regular"), url("https://static.scc.kit.edu/kit-2020/fonts/roboto/roboto-v20-latin-regular.woff2") format("woff2"), url("https://static.scc.kit.edu/kit-2020/fonts/roboto/roboto-v20-latin-regular.woff") format("woff");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Roboto Bold 700 */
/* cyrillic-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url("https://static.scc.kit.edu/kit-2020/fonts/roboto/roboto-v20-cyrillic-ext-700.woff2") format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url("https://static.scc.kit.edu/kit-2020/fonts/roboto/roboto-v20-cyrillic-700.woff2") format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url("https://static.scc.kit.edu/kit-2020/fonts/roboto/roboto-v20-greek-ext-700.woff2") format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url("https://static.scc.kit.edu/kit-2020/fonts/roboto/roboto-v20-greek-700.woff2") format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url("https://static.scc.kit.edu/kit-2020/fonts/roboto/roboto-v20-vietnamese-700.woff2") format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url("https://static.scc.kit.edu/kit-2020/fonts/roboto/roboto-v20-latin-ext-700.woff2") format('woff2');
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-display:swap;
src: local("Roboto Bold"), local("Roboto-Bold"), url("https://static.scc.kit.edu/kit-2020/fonts/roboto/roboto-v20-latin-700.woff2") format("woff2"), url("https://static.scc.kit.edu/kit-2020/fonts/roboto/roboto-v20-latin-700.woff") format("woff");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "kit-icons";
src: url("https://static.scc.kit.edu/kit-2020/fonts/kit-icons/kit-icons.ttf?2haur7") format("truetype"), url("https://static.scc.kit.edu/kit-2020/fonts/kit-icons/kit-icons.woff?2haur7") format("woff"), url("https://static.scc.kit.edu/kit-2020/fonts/kit-icons/kit-icons.svg?2haur7#kit-icons") format("svg");
font-weight: normal;
font-style: normal;
font-display:block;
}
.form .input-option.checkbox label span:before,.mediathek-teaser .teaser-element picture:after,.navigation-search .search-form button,.news-slider .swiper-button-next:before,.news-slider .swiper-button-prev:before,.page-footer .button.icon:after,.search-form-container .search-form button,.sidebar-contact .phone:before,.sidebar-media picture:after,.slider-small .swiper-button-next:before,.slider-small .swiper-button-prev:before,.social a:after,.stage-slider-tile p:after,.stage-slider .swiper-button-next:before,.stage-slider .swiper-button-prev:before,.to-top-button {
font-family: "kit-icons"!important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
font-display: block;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.news-slider .swiper-button-prev:before,.slider-small .swiper-button-prev:before,.stage-slider .swiper-button-prev:before {
content: "\e920"
}
.news-slider .swiper-button-next:before,.slider-small .swiper-button-next:before,.stage-slider .swiper-button-next:before {
content: "\e921"
}
.text figure:after {
content: '';
clear: both;
display: table
}
.form .input-option label input,.navigation-search .search-form button span,.navigation-search a span,.search-form-container .search-form button span,.search-form-container .search-form form label,.social a span {
clip: rect(1px, 1px, 1px, 1px);
position: absolute;
z-index: -1000;
width: 1px;
height: 1px;
padding: 0;
margin: 0;
overflow: hidden;
white-space: nowrap
}
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}
body {
margin: 0
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {
display: block
}
audio,canvas,progress,video {
display: inline-block;
vertical-align: baseline
}
audio:not([controls]) {
display: none;
height: 0
}
[hidden],template {
display: none
}
a {
background: transparent
}
a:active,a:hover {
outline: 0
}
abbr[title] {
border-bottom: 1px dotted
}
b,strong {
font-weight: bold
}
dfn {
font-style: italic
}
h1 {
margin: .67em 0;
font-size: 2em
}
mark {
color: var(--color_black);
background: #ff0
}
small {
font-size: 80%
}
sub,sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline
}
sup {
top: -.5em
}
sub {
bottom: -.25em
}
img {
border: 0
}
svg:not(:root) {
overflow: hidden
}
figure {
margin: 1em 40px
}
hr {
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0
}
pre {
overflow: auto
}
code,kbd,pre,samp {
font-family: monospace, monospace;
font-size: 1em
}
button,input,optgroup,select,textarea {
margin: 0;
color: inherit;
font: inherit;
background-color: #fff;
}
button {
overflow: visible
}
button,select {
text-transform: none
}
button,html input[type=button],input[type=reset],input[type=submit] {
-webkit-appearance: button;
cursor: pointer
}
button[disabled],html input[disabled] {
cursor: default
}
button::-moz-focus-inner,input::-moz-focus-inner {
padding: 0;
border: 0
}
input {
line-height: normal
}
input[type=checkbox],input[type=radio] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0
}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
height: auto
}
input[type=search] {
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
-webkit-appearance: textfield
}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
fieldset {
padding: .35em .625em .75em;
margin: 0 2px;
border: 1px solid #c0c0c0
}
legend {
padding: 0;
border: 0
}
textarea {
overflow: auto
}
optgroup {
font-weight: bold
}
.text table {
/* table-layout: fixed; */
}
table {
border-collapse: collapse;
border-spacing: 0
}
td,th {
padding: 0
}
@media print {
* {
color: var(--color_black)!important;
text-shadow: none!important;
background: transparent!important;
-webkit-box-shadow: none!important;
box-shadow: none!important
}
#main_content a[href]:after {
content: " (" attr(href) ")"
}
#main_content a[href^=http]:not([href*='.kit.edu']):after {
display: unset;
margin-left: auto;
color: inherit;
font-family: inherit;
font-size: inherit;
font-weight: inherit;
}
.news-element figure a[href]:after, .news-element .headline a[href]:after {
content: none !important
}
th.sort a[href]:after {
content: ""
}
a,a:visited {
text-decoration: underline
}
abbr[title]:after {
content: " (" attr(title) ")"
}
a[href^='#']:after,a[href^='javascript:']:after {
content: ''
}
blockquote,pre {
border: 1px solid #999;
page-break-inside: avoid
}
thead {
display: table-header-group
}
img,tr {
page-break-inside: avoid
}
img {
max-width: 100%!important
}
h2,h3,p {
orphans: 3;
widows: 3
}
h2,h3 {
page-break-after: avoid
}
.page-footer,.page-header {
display: none
}
body {
padding-top: 0
}
.toggle-body {
display: block !important;
}
/* Firefox Druckausgabe */
@supports (-moz-appearance:none) {
.content {
display: block !important;
}
}
.outer_banner {
height: auto !important;
}
.outer_banner .banner {
position: static !important;
}
.outer_banner .banner .textcontent {
max-width: 100% !important;
}
.banner .img-container {
display: none !important;
}
}
.swiper-container {
margin: 0 auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1
}
.swiper-container-no-flexbox .swiper-slide {
float: left
}
.swiper-container-vertical>.swiper-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-box-sizing: content-box;
box-sizing: content-box
}
.swiper-container-android .swiper-slide,.swiper-wrapper {
-webkit-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0)
}
.swiper-container-multirow>.swiper-wrapper {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.swiper-container-free-mode>.swiper-wrapper {
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
margin: 0 auto
}
.swiper-slide {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform
}
.swiper-slide-invisible-blank {
visibility: hidden
}
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {
height: auto
}
.swiper-container-autoheight .swiper-wrapper {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-transition-property: height, -webkit-transform;
transition-property: height, -webkit-transform;
-o-transition-property: transform, height;
transition-property: transform, height;
transition-property: transform, height, -webkit-transform
}
.swiper-container-3d {
-webkit-perspective: 1200px;
perspective: 1200px
}
.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d
}
.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10
}
.swiper-container-3d .swiper-slide-shadow-left {
background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}
.swiper-container-3d .swiper-slide-shadow-right {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}
.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper {
-ms-touch-action: pan-y;
touch-action: pan-y
}
.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper {
-ms-touch-action: pan-x;
touch-action: pan-x
}
.swiper-button-next,.swiper-button-prev {
position: absolute;
top: 50%;
width: 27px;
height: 44px;
margin-top: -22px;
z-index: 10;
cursor: pointer;
background-size: 27px 44px;
background-position: center;
background-repeat: no-repeat
}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none
}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
left: 10px;
right: auto
}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
right: 10px;
left: auto
}
.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-lock {
display: none
}
.swiper-pagination {
position: absolute;
text-align: center;
-webkit-transition: 300ms opacity;
-o-transition: 300ms opacity;
transition: 300ms opacity;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
z-index: 10
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0
}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
bottom: 10px;
left: 0;
width: 100%
}
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transform: scale(0.33);
-ms-transform: scale(0.33);
transform: scale(0.33);
position: relative
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
-webkit-transform: scale(0.66);
-ms-transform: scale(0.66);
transform: scale(0.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
-webkit-transform: scale(0.33);
-ms-transform: scale(0.33);
transform: scale(0.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
-webkit-transform: scale(0.66);
-ms-transform: scale(0.66);
transform: scale(0.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
-webkit-transform: scale(0.33);
-ms-transform: scale(0.33);
transform: scale(0.33)
}
.swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 100%;
background: var(--color_black);
opacity: 0.2
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer
}
.swiper-pagination-bullet-active {
opacity: 1;
background: #007aff
}
.swiper-container-vertical>.swiper-pagination-bullets {
right: 10px;
top: 50%;
-webkit-transform: translate3d(0px, -50%, 0);
transform: translate3d(0px, -50%, 0)
}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 6px 0;
display: block
}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 8px
}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
-webkit-transition: 200ms top, 200ms -webkit-transform;
transition: 200ms top, 200ms -webkit-transform;
-o-transition: 200ms transform, 200ms top;
transition: 200ms transform, 200ms top;
transition: 200ms transform, 200ms top, 200ms -webkit-transform
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 4px
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
white-space: nowrap
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transition: 200ms left, 200ms -webkit-transform;
transition: 200ms left, 200ms -webkit-transform;
-o-transition: 200ms transform, 200ms left;
transition: 200ms transform, 200ms left;
transition: 200ms transform, 200ms left, 200ms -webkit-transform
}
.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transition: 200ms right, 200ms -webkit-transform;
transition: 200ms right, 200ms -webkit-transform;
-o-transition: 200ms transform, 200ms right;
transition: 200ms transform, 200ms right;
transition: 200ms transform, 200ms right, 200ms -webkit-transform
}
.swiper-pagination-progressbar {
background: rgba(0, 0, 0, 0.25);
position: absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: #007aff;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
-webkit-transform-origin: right top;
-ms-transform-origin: right top;
transform-origin: right top
}
.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: 4px;
left: 0;
top: 0
}
.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar {
width: 4px;
height: 100%;
left: 0;
top: 0
}
.swiper-pagination-white .swiper-pagination-bullet-active {
background: var(--color_white)
}
.swiper-pagination-progressbar.swiper-pagination-white {
background: rgba(255, 255, 255, 0.25)
}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
background: var(--color_white)
}
.swiper-pagination-black .swiper-pagination-bullet-active {
background: var(--color_black)
}
.swiper-pagination-progressbar.swiper-pagination-black {
background: rgba(0, 0, 0, 0.25)
}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
background: var(--color_black)
}
.swiper-pagination-lock {
display: none
}
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, 0.1)
}
.swiper-container-horizontal>.swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%
}
.swiper-container-vertical>.swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, 0.5);
border-radius: 10px;
left: 0;
top: 0
}
.swiper-scrollbar-cursor-drag {
cursor: move
}
.swiper-scrollbar-lock {
display: none
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: center
}
.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {
max-width: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain
}
.swiper-slide-zoomed {
cursor: move
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
-webkit-transform-origin: 50%;
-ms-transform-origin: 50%;
transform-origin: 50%;
-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
animation: swiper-preloader-spin 1s steps(12, end) infinite
}
.swiper-lazy-preloader:after {
display: block;
content: '';
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-position: 50%;
background-size: 100%;
background-repeat: no-repeat
}
.swiper-lazy-preloader-white:after {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}
@-webkit-keyframes swiper-preloader-spin {
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes swiper-preloader-spin {
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
.swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out
}
.swiper-container-fade .swiper-slide {
pointer-events: none;
-webkit-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity
}
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-container-cube {
overflow: visible
}
.swiper-container-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
width: 100%;
height: 100%
}
.swiper-container-cube .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
-webkit-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
transform-origin: 100% 0
}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible
}
.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
background: var(--color_black);
opacity: 0.6;
-webkit-filter: blur(50px);
filter: blur(50px);
z-index: 0
}
.swiper-container-flip {
overflow: visible
}
.swiper-container-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1
}
.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.swiper-container-coverflow .swiper-wrapper {
-ms-perspective: 1200px
}
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8
}
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none!important;
-webkit-backface-visibility: hidden
}
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle
}
.mfp-align-top .mfp-container:before {
display: none
}
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045
}
.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content {
width: 100%;
cursor: auto
}
.mfp-ajax-cur {
cursor: progress
}
.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out
}
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in
}
.mfp-auto-cursor .mfp-content {
cursor: auto
}
.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.mfp-loading.mfp-figure {
display: none
}
.mfp-hide {
display: none!important
}
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044
}
.mfp-preloader a {
color: #CCC
}
.mfp-preloader a:hover {
color: var(--color_white)
}
.mfp-s-ready .mfp-preloader {
display: none
}
.mfp-s-error .mfp-content {
display: none
}
button.mfp-arrow,button.mfp-close {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
-webkit-box-shadow: none;
box-shadow: none;
-ms-touch-action: manipulation;
touch-action: manipulation
}
button::-moz-focus-inner {
padding: 0;
border: 0
}
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: var(--color_white);
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace
}
.mfp-close:focus,.mfp-close:hover {
opacity: 1
}
.mfp-close:active {
top: 1px
}
.mfp-close-btn-in .mfp-close {
color: #333
}
.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close {
color: var(--color_white);
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap
}
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
.mfp-arrow:active {
margin-top: -54px
}
.mfp-arrow:focus,.mfp-arrow:hover {
opacity: 1
}
.mfp-arrow:after,.mfp-arrow:before {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent
}
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px
}
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7
}
.mfp-arrow-left {
left: 0
}
.mfp-arrow-left:after {
border-right: 17px solid var(--color_white);
margin-left: 31px
}
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3F3F3F
}
.mfp-arrow-right {
right: 0
}
.mfp-arrow-right:after {
border-left: 17px solid var(--color_white);
margin-left: 39px
}
.mfp-arrow-right:before {
border-left: 27px solid #3F3F3F
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 80%
}
.mfp-iframe-holder .mfp-close {
top: -40px
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%
}
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: var(--color_black)
}
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto
}
.mfp-figure {
line-height: 0
}
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444
}
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px
}
.mfp-figure figure {
margin: 0
}
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto
}
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px
}
.mfp-image-holder .mfp-content {
max-width: 100%
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer
}
@media screen and (max-height: 300px),screen and (max-width:800px) and (orientation:landscape) {
.mfp-img-mobile .mfp-image-holder {
padding-left:0;
padding-right: 0
}
.mfp-img-mobile img.mfp-img {
padding: 0
}
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0
}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px
}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0
}
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px
}
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0
}
}
@media (max-width: 900px) {
.mfp-arrow {
-webkit-transform:scale(0.75);
-ms-transform: scale(0.75);
transform: scale(0.75)
}
.mfp-arrow-left {
-webkit-transform-origin: 0;
-ms-transform-origin: 0;
transform-origin: 0
}
.mfp-arrow-right {
-webkit-transform-origin: 100%;
-ms-transform-origin: 100%;
transform-origin: 100%
}
.mfp-container {
padding-left: 6px;
padding-right: 6px
}
}
.mfp-fade.mfp-bg {
opacity: 0;
-webkit-transition: all 0.15s ease-out;
-moz-transition: all 0.15s ease-out;
-o-transition: all 0.15s ease-out;
transition: all 0.15s ease-out
}
.mfp-fade.mfp-bg.mfp-ready {
opacity: 0.8
}
.mfp-fade.mfp-bg.mfp-removing {
opacity: 0
}
.mfp-fade.mfp-wrap .mfp-content {
opacity: 0;
-webkit-transition: all 0.15s ease-out;
-moz-transition: all 0.15s ease-out;
-o-transition: all 0.15s ease-out;
transition: all 0.15s ease-out
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
opacity: 1
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
opacity: 0
}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
padding: 0;
margin: 0;
border: 0
}
html {
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
overflow-y: scroll;
font-family: "Roboto", sans-serif;
font-size: 16px;
font-weight: 300;
scroll-padding-top: 11.4375rem;
}
@media (max-width: 1710px) {
html {
font-size:85%
}
}
@media (max-width: 1024px) {
html {
font-size:80%
}
}
@media (max-width: 768px) {
html {
font-size:75%
}
}
@media (max-width: 560px) {
html {
font-size:70%
}
}
body {
position: relative;
color: var(--color_font);
font-size: 1.25rem;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
line-height: 1.4;
text-rendering: optimizeLegibility;
background: var(--color_background)
}
*,:after,:before {
-webkit-box-sizing: inherit;
box-sizing: inherit
}
main {
min-height: 60vh
}
a {
color: var(--color_font);
/* text-decoration: underline */
text-decoration: none;
}
a:active,a:hover {
/* text-decoration: none */
text-decoration: underline;
}
/* a[target=_blank][href^=http]:not([href*='.kit.edu']):after { */
/*
2025-03-13 - MPh - News-Link fehlt Pfeil
a[href^=http]:not([href*='.kit.edu']):after {
*/
a[href^=http]:not([href*='.kit.edu']):not([class*='link']):after {
content: "\e907";
display: inline-block;
margin-left: 5px;
color: var(--color_brand_primary);
font-family: "kit-icons";
font-size: 0.8em;
font-weight: 300
}
/* a[target=_blank][href^=http]:not([href*='.kit.edu']).button:after { */
a[href^=http]:not([href*='.kit.edu']).button:after {
-webkit-transform: translateY(-1px);
-ms-transform: translateY(-1px);
transform: translateY(-1px);
color: var(--color_font_inverse)
}
b,strong {
font-weight: 700
}
embed,img,object,video {
max-width: 100%;
height: auto
}
audio,canvas,img,svg,video {
font-style: italic;
vertical-align: middle
}
hr {
height: 1px;
border: 0;
background: var(--color_font)
}
textarea {
resize: vertical
}
ol,ul {
list-style: none
}
table {
border-collapse: collapse;
border-spacing: 0
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section {
display: block
}
input[type=date],input[type=datetime],input[type=datetime-local],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],textarea {
width: 100%;
padding: 0;
border: 0;
color: var(--color_font);
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #fff;
}
input[type=date]:focus,input[type=datetime]:focus,input[type=datetime-local]:focus,input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,textarea:focus {
outline: none
}
.button,button,input[type=submit] {
padding: 0;
border: 0;
background: var(--color_brand_primary);
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.button:focus,button:focus,input[type=submit]:focus {
outline: 1px dashed var(--color_brand_primary);
}
.full {
width: 100%;
max-width: 100%
}
@supports ((display: -ms-grid) or (display:grid)) {
.full {
-ms-grid-column-span:12;
grid-column: span 12;
width: auto;
max-width: 100%;
}
}
.half {
width: calc(50% - 0.94rem);
max-width: calc(50% - 0.94rem)
}
@supports ((display: -ms-grid) or (display:grid)) {
.half {
-ms-grid-column-span:6;
grid-column: span 6;
width: auto;
max-width: 100%
}
}
@media (max-width: 900px) {
.half {
width:100%;
max-width: 100%;
grid-column-end: unset !important;
}
@supports ((display: -ms-grid) or (display:grid)) {
.half {
-ms-grid-column-span:12;
grid-column: span 12;
width: auto;
max-width: 100%
}
}
}
.third {
width: calc(33.33333% - 1.25rem);
max-width: calc(33.33333% - 1.25rem)
}
@supports ((display: -ms-grid) or (display:grid)) {
.third {
-ms-grid-column-span:4;
grid-column: span 4;
width: auto;
max-width: 100%
}
}
@media (max-width: 768px) {
.third {
width:100%;
max-width: 100%
}
@supports ((display: -ms-grid) or (display:grid)) {
.third {
-ms-grid-column-span:12;
grid-column: span 12;
width: auto;
max-width: 100%;
grid-column-end: unset !important;
}
}
}
.fourth {
width: calc(25% - 1.41rem);
max-width: calc(25% - 1.41rem)
}
@supports ((display: -ms-grid) or (display:grid)) {
.fourth {
-ms-grid-column-span:3;
grid-column: span 3;
width: auto;
max-width: 100%
}
}
@media (max-width: 900px) {
.fourth {
width:calc(50% - 0.94rem);
max-width: calc(50% - 0.94rem)
}
@supports ((display: -ms-grid) or (display:grid)) {
.fourth {
-ms-grid-column-span:6;
grid-column: span 6;
width: auto;
max-width: 100%
}
}
}
@media (max-width: 560px) {
.fourth {
width:100%;
max-width: 100%
}
@supports ((display: -ms-grid) or (display:grid)) {
.fourth {
-ms-grid-column-span:12;
grid-column: span 12;
width: auto;
max-width: 100%
}
}
}
.sixth {
width: calc(16.66667% - 1.57rem);
max-width: calc(16.66667% - 1.57rem)
}
@supports ((display: -ms-grid) or (display:grid)) {
.sixth {
-ms-grid-column-span:2;
grid-column: span 2;
width: auto;
max-width: 100%
}
}
@media (max-width: 1280px) {
.sixth {
width:calc(33.33333% - 1.25rem);
max-width: calc(33.33333% - 1.25rem)
}
@supports ((display: -ms-grid) or (display:grid)) {
.sixth {
-ms-grid-column-span:4;
grid-column: span 4;
width: auto;
max-width: 100%
}
}
}
@media (max-width: 1280px) and (max-width:768px) {
.sixth {
width:100%;
max-width: 100%
}
@supports ((display: -ms-grid) or (display:grid)) {
.sixth {
-ms-grid-column-span:12;
grid-column: span 12;
width: auto;
max-width: 100%
}
}
}
.two-third {
width: calc(66.66667% - 0.625rem);
max-width: calc(66.66667% - 0.625rem)
}
.three-fourth {
width: calc(75% - 0.625rem);
max-width: calc(75% - 0.625rem)
}
@supports ((display: -ms-grid) or (display:grid)) {
.two-third {
-ms-grid-column-span:8;
grid-column: span 8;
width: auto;
max-width: 100%
}
.three-fourth {
-ms-grid-column-span:9;
grid-column: span 9;
width: auto;
max-width: 100%
}
}
@media (max-width: 900px) {
.picontact, .three-fourth {
width:100%;
max-width: 100%;
grid-column-end: unset !important;
}
@supports ((display: -ms-grid) or (display:grid)) {
.picontact, .three-fourth {
-ms-grid-column-span:12;
grid-column: span 12;
width: auto;
max-width: 100%
}
}
}
/* @media (max-width: 1280px) { */
@media (max-width: 768px) {
.two-third {
width:100%;
max-width: 100%;
grid-column-end: unset !important;
}
@supports ((display: -ms-grid) or (display:grid)) {
.two-third {
-ms-grid-column-span:12;
grid-column: span 12;
width: auto;
max-width: 100%
}
}
}
main {
max-width: 1920px;
margin-right: auto;
margin-left: auto
}
main section {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
main section.content-wrap {
margin-top: 2.5rem
}
main section.content-wrap+.content-wrap {
margin-top: 5rem
}
main section>.content {
width: calc(66.66667% - 0.625rem);
max-width: calc(66.66667% - 0.625rem);
margin-top: -1.875rem
}
main section>.content:only-child {
max-width: 100%
}
main section>.content>* {
margin-top: 1.875rem
}
/* main section>.content>.text:not(:first-child) .h2,main section>.content>.text:not(:first-child) h2 {
main section>.content>.text .h2:not(:first-of-type),main section>.content>.text h2:not(:first-of-type) {
margin-top: 5rem
}
*/
main section .content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
main section .content>* {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
@supports ((display: -ms-grid) or (display:grid)) {
main section>.content {
margin-top:0
}
main section>.content>* {
margin-top: 0
}
main section .content {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[12];
grid-template-columns: repeat(12, 1fr);
grid-auto-rows: auto;
gap: 1.875rem;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start
}
}
main section .sidebar {
width: calc(33.33333% - 1.25rem);
max-width: calc(33.33333% - 1.25rem);
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
.banner+section>.content>.text .h2,.banner+section>.content>.text h2 {
margin-top: 5rem
}
@media (max-width: 1280px) {
main section {
-ms-flex-wrap:wrap;
flex-wrap: wrap
}
main section>.content {
width: 100%;
max-width: 100%
}
@supports ((display: -ms-grid) or (display:grid)) {
main section>.content {
-ms-grid-column-span:12;
grid-column: span 12;
width: auto;
max-width: 100%
}
}
main section .sidebar {
width: 100%;
max-width: 100%;
margin-top: 1.875rem
}
@supports ((display: -ms-grid) or (display:grid)) {
main section .sidebar {
-ms-grid-column-span:12;
grid-column: span 12;
width: auto;
max-width: 100%
}
}
}
@media (max-width: 1024px) {
/* main section>.content>.text:not(:first-child) .h2,main section>.content>.text:not(:first-child) h2 {
main section>.content>.text .h2:not(:first-of-type),main section>.content>.text h2:not(:first-of-type) {
margin-top:2.5rem
}
*/
.banner+section>.content>.text .h2,.banner+section>.content>.text h2 {
margin-top: 2.5rem
}
}
@media (max-width: 560px) {
/* main section>.content>.text:not(:first-child) .h2,main section>.content>.text:not(:first-child) h2 {
main section>.content>.text .h2:not(:first-of-type),main section>.content>.text h2:not(:first-of-type) {
margin-top:1.875rem
}
*/
.banner+section>.content>.text .h2,.banner+section>.content>.text h2 {
margin-top: 1.875rem
}
}
.underline:after {
content: '';
display: block;
width: 5em;
max-width: 100%;
margin-top: 3px;
border-bottom: 0.3125rem solid var(--color_brand_primary)
}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
color: var(--color_headings);
font-weight: 700
}
.h1,h1 {
font-size: 3.125rem;
line-height: 1.18
}
/*
@media (max-width: 1024px) {
.h1,h1 {
font-size:2.24609rem
}
}
*/
@media (max-width: 900px) {
.h1,h1 {
font-size:3.125rem
}
}
.h2,h2 {
font-size: 2.5rem;
line-height: 1.2
}
@media (max-width: 1024px) {
.h2,h2 {
font-size:1.79688rem
}
}
.h3,h3 {
font-size: 2.1875rem;
line-height: 1.2
}
@media (max-width: 1024px) {
.h3,h3 {
font-size:1.57227rem
}
}
.h4,h4 {
font-size: 1.875rem;
line-height: 1.2
}
@media (max-width: 1024px) {
.h4,h4 {
font-size:1.34766rem
}
}
.h5,h5 {
font-size: 1.5625rem;
line-height: 1.24
}
@media (max-width: 1024px) {
.h5,h5 {
font-size:1.34766rem
}
}
.h6,h6 {
font-size: 1.375rem;
line-height: 1.22727
}
@media (max-width: 1024px) {
.h6,h6 {
font-size:1.34766rem
}
}
.text .h2+*,.text h2+* {
margin-top: 1.5625rem
}
.text .h3+*,.text .h4+*,.text .h5+*,.text .h6+*,.text h3+*,.text h4+*,.text h5+*,.text h6+* {
margin-top: 0.9375rem
}
.content-wrap,body.oe-page main .content-wrap {
width: 100%;
max-width: 1720px;
padding-right: 2.1875rem;
padding-left: 2.1875rem;
margin-right: auto;
margin-left: auto
}
body.oe-page main .content-wrap {
width: 100%;
/* max-width: 1300px; */
max-width: calc(1230px + 4.375rem);
padding: 0 2.1875rem;
margin-right: auto;
margin-left: auto
}
.sidebar>* .h2+* {
margin-top: 1.875rem
}
.sidebar>*+* {
margin-top: 3.125rem
}
.sidebar-content>*+* {
margin-top: 1.875rem
}
.sidebar .sidebar-container-border {
padding-left: 1.25rem;
border-left: 0.625rem solid var(--color_brand_primary)
}
.svg-icon {
display: inline-block
}
.svg-icon svg {
width: 100%;
height: auto;
fill: currentColor
}
body {
padding-top: 7.5625rem
}
.page-header {
position: fixed;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 7.5625rem;
padding: 1.9375rem 0;
background-color: var(--color_white);
-webkit-box-shadow: 0 0 5px rgba(var(--header_shadow), 0.5);
box-shadow: 0 0 5px rgba(var(--header_shadow), 0.5);
-webkit-transition: height .3s, padding .3s, -webkit-transform .6s;
transition: height .3s, padding .3s, -webkit-transform .6s;
-o-transition: height .3s, padding .3s, transform .6s;
transition: height .3s, padding .3s, transform .6s;
transition: height .3s, padding .3s, transform .6s, -webkit-transform .6s
}
.page-header .content-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.page-header .logo {
width: 9.0625rem;
-webkit-transition: width .2s;
-o-transition: width .2s;
transition: width .2s
}
.page-header .logo a {
position: relative;
display: block;
width: 100%;
padding-bottom: 46.03935%;
overflow: hidden;
-webkit-transition: padding-bottom .2s;
-o-transition: padding-bottom .2s;
transition: padding-bottom .2s
}
.page-header .logo svg {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transition: height .2s;
-o-transition: height .2s;
transition: height .2s
}
.page-header.scrolled {
height: 91px;
padding: 1.375rem 0
}
@media (max-width: 1710px) {
.page-header.scrolled {
height: 81px;
}
}
/*
.page-header.scrolled .logo {
width: 6.9375rem
}
*/
.page-header.scrolled .logo a {
padding-bottom: 35.68152%
}
.page-header.scrolled .logo svg {
height: calc(100% + 9px)
}
.page-header.scrolled .logo-text {
display: none
}
.page-header.hidden:not(:hover) {
-webkit-transform: translateY(-90%) translateZ(0);
transform: translateY(-90%) translateZ(0)
}
.page-header.hidden:hover {
-webkit-transition: height .3s, padding .3s, -webkit-transform .3s;
transition: height .3s, padding .3s, -webkit-transform .3s;
-o-transition: height .3s, padding .3s, transform .3s;
transition: height .3s, padding .3s, transform .3s;
transition: height .3s, padding .3s, transform .3s, -webkit-transform .3s
}
@media (max-width: 1710px) {
.page-header.scrolled .logo {
width:8.5625rem
}
}
@media (max-width: 1024px) {
body {
padding-top:5.3125rem
}
.page-header,.page-header.scrolled {
height: 5.3125rem;
padding: 0.75rem 0
}
.page-header .logo,.page-header.scrolled .logo {
width: 8.4375rem;
height: 3.8125rem
}
.page-header .logo a,.page-header.scrolled .logo a {
padding-bottom: 41.45173%
}
.page-header .logo svg,.page-header.scrolled .logo svg {
height: calc(135%)
}
.page-header .logo-text {
display: none
}
}
.navigation-search {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-left: 2.3em;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.navigation-search a {
color: var(--color_font);
background-color: transparent
}
.navigation-search a:before {
content: "\e91d";
font-family: "kit-icons"!important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
font-display: block;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 1.2em;
cursor: pointer
}
.navigation-search a:hover {
color: var(--color_brand_primary)
}
.navigation-search .search-form {
width: 0;
overflow: hidden;
font-size: 0.875rem;
-webkit-transition: width .3s, visibility .3s;
-o-transition: width .3s, visibility .3s;
transition: width .3s, visibility .3s;
visibility: hidden;
}
.navigation-search .search-form.active {
width: 12.78571em;
visibility: visible;
}
.navigation-search .search-form form {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.navigation-search .search-form input {
width: 10.71429em;
padding: 0.21429em 0.5em;
border: 2px solid var(--color_brand_primary);
border-right: 0;
font-size: inherit;
border-bottom-left-radius: 5px
}
.navigation-search .search-form input::-webkit-input-placeholder {
text-transform: uppercase;
opacity: .5
}
.navigation-search .search-form input:-ms-input-placeholder {
text-transform: uppercase;
opacity: .5
}
.navigation-search .search-form input::-ms-input-placeholder {
text-transform: uppercase;
opacity: .5
}
.navigation-search .search-form input::placeholder {
text-transform: uppercase;
color: var(--color_brand_secondary);
opacity: .75
}
.navigation-search .search-form button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0.14286em 0.35714em 0.14286em 0.5em;
margin-right: 0.71429em;
margin-left: -1px;
border: 2px solid var(--color_brand_primary);
border-left: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: var(--color_font_inverse);
font-size: inherit;
background-color: var(--color_brand_primary);
border-top-right-radius: 5px
}
.navigation-search .search-form button:before {
content: "\e900";
font-size: .9em
}
.navigation-search .search-form button:focus,.navigation-search .search-form button:hover {
border-color: var(--color_brand_primary_darker);
background-color: var(--color_brand_primary_darker)
}
@media (max-width: 1024px) {
.navigation-search .search-form {
width:100%;
max-width: 1720px;
padding-right: 2.1875rem;
padding-left: 2.1875rem;
margin-right: auto;
margin-left: auto;
position: absolute;
top: 100%;
left: 0;
height: 0;
font-size: 1.25rem;
background: var(--color_brand_primary);
-webkit-transition: height .2s;
-o-transition: height .2s;
transition: height .2s
}
.navigation-search .search-form form {
padding: .8em 0
}
.navigation-search .search-form input {
width: 100%;
padding: 0.6em 0.75em;
border-width: 3px;
border-color: var(--color_white);
color: var(--color_white);
font-size: 1em;
background-color: var(--color_brand_primary);
border-bottom-left-radius: 8px
}
.navigation-search .search-form input::-webkit-input-placeholder {
text-transform: uppercase;
color: var(--color_white);
opacity: .5
}
.navigation-search .search-form input:-ms-input-placeholder {
text-transform: uppercase;
color: var(--color_white);
opacity: .5
}
.navigation-search .search-form input::-ms-input-placeholder {
text-transform: uppercase;
color: var(--color_white);
opacity: .5
}
.navigation-search .search-form button {
padding: 0.35em 0.75em 0.35em 0.9em;
margin-right: 0;
border-width: 3px;
border-color: var(--color_white);
border-top-right-radius: 8px
}
.navigation-search .search-form.active {
width: 100%;
height: 5.5rem
}
}
@media (min-width: 1025px) {
.navigation {
position:relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
font-size: 1rem;
line-height: 1
}
.scrolled .navigation {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}
.scrolled .navigation .navigation-meta {
opacity: 0;
visibility: hidden;
pointer-events: none;
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
-webkit-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s
}
.navigation .burger {
display: none
}
.navigation a {
color: var(--color_brand_secondary);
text-decoration: none
}
.navigation a.parent {
display: none
}
.navigation .home span {
clip: rect(1px, 1px, 1px, 1px);
position: absolute;
z-index: -1000;
width: 1px;
height: 1px;
padding: 0;
margin: 0;
overflow: hidden;
white-space: nowrap
}
.navigation .home a {
margin-left: 0.375em;
font-size: 1.125em
}
.navigation .home a:before {
content: "\e90c";
font-family: "kit-icons"!important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
font-display: block;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
@supports (content: "x" / "y") {
.navigation .home a:before {
content: "\e90c" / "Home";
}
}
.navigation-breadcrumb {
display: none
}
.navigation-meta {
position: absolute;
top: 0;
right: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
color: var(--color_black);
-webkit-transition-delay: .3s;
-o-transition-delay: .3s;
transition-delay: .3s;
-webkit-transition-duration: .2s;
-o-transition-duration: .2s;
transition-duration: .2s;
-webkit-transition-property: opacity, visibility;
-o-transition-property: opacity, visibility;
transition-property: opacity, visibility
}
.scrolled .navigation-meta {
height: 0
}
.navigation-meta-links {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.navigation-meta-links li+li {
margin-left: 1.375em
}
.navigation-meta-links .svg-icon {
margin-right: 0.375em
}
.navigation-meta-links svg {
width: auto;
max-width: 1em;
height: .9em;
vertical-align: -1px;
fill: var(--color_brand_secondary)
}
.navigation-meta-links a {
font-weight: 300
}
.navigation-meta-links a:hover {
color: var(--color_brand_primary)
}
.navigation-meta-links a:hover svg {
fill: currentColor
}
.navigation-language {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-left: 2.6875em
}
.navigation-language:before {
content: "\e917";
font-family: "kit-icons"!important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
font-display: block;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-right: 0.55556em;
color: var(--color_brand_secondary);
font-size: .9em
}
@supports (content: "x" / "y") {
.navigation-language:before {
content: "\e917" / "";
}
}
.navigation-language ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.navigation-language li+li:before {
content: '|';
margin: 0 0.5625em
}
.navigation-language a {
font-weight: 300;
text-transform: uppercase
}
.navigation-language a:hover {
color: var(--color_brand_primary)
}
.navigation-language .active a {
color: var(--color_brand_primary);
font-weight: bold
}
.navigation-main {
margin-top: auto
}
.scrolled .navigation-main {
margin-top: 0
}
.navigation-l1 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end
}
.navigation-l1>li>a {
margin: 0 0.625em;
font-weight: bold;
text-transform: uppercase
}
.navigation-l1>li.active>a,.navigation-l1>li>a:hover {
color: var(--color_brand_primary)
}
.navigation-l1>li.active>a {
border-bottom: 5px solid var(--color_brand_primary)
}
.navigation-l1>li:first-of-type>a {
margin-left: 0
}
.navigation-l1>li:last-of-type>a {
margin-right: 0
}
.navigation .flyout,.navigation .single {
position: relative;
padding-top: 0.7em;
}
.navigation .flyout:after,.navigation .single:after {
content: '';
position: absolute;
top: calc(100% + 1.125rem);
left: 50%;
display: inline-block;
margin-left: -0.8125rem;
border-right: 0.8125rem solid transparent;
border-bottom: 0.8125rem solid var(--color_brand_secondary_lighter);
border-left: 0.8125rem solid transparent;
-webkit-transform: rotateX(90deg);
transform: rotateX(90deg);
-webkit-transform-origin: bottom;
-ms-transform-origin: bottom;
transform-origin: bottom;
opacity: 0;
visibility: hidden;
pointer-events: none;
-webkit-transition: opacity .25s, visibility .25s, top .3s, -webkit-transform .3s;
transition: opacity .25s, visibility .25s, top .3s, -webkit-transform .3s;
-o-transition: transform .3s, opacity .25s, visibility .25s, top .3s;
transition: transform .3s, opacity .25s, visibility .25s, top .3s;
transition: transform .3s, opacity .25s, visibility .25s, top .3s, -webkit-transform .3s
}
.scrolled .navigation .flyout:after,.scrolled .navigation .single:after {
top: calc(100% + 0.5625rem)
}
.navigation .flyout:before,.navigation .single:before {
content: '';
position: absolute;
top: 100%;
left: -75%;
width: 100vw;
min-width: 120px;
height: 1.9375rem;
overflow: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0);
visibility: hidden;
pointer-events: none;
-webkit-transition: height .3s;
-o-transition: height .3s;
transition: height .3s
}
.scrolled .navigation .flyout:before,.scrolled .navigation .single:before {
height: 1.375rem
}
.navigation .flyout:hover:after,.navigation .single:hover:after {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1;
visibility: visible
}
.navigation .flyout:hover:before,.navigation .single:hover:before {
visibility: visible;
pointer-events: all
}
.navigation .flyout:hover .dropdown,.navigation .single:hover .dropdown, .navigation .flyout>a:focus + div.dropdown {
border-color: var(--color_brand_primary);
-webkit-transform: translateZ(0);
transform: translateZ(0);
visibility: visible;
pointer-events: all;
-webkit-transition: top .3s, height .3s .1s, border-color .2s, visibility .4s;
-o-transition: top .3s, height .3s .1s, border-color .2s, visibility .4s;
transition: top .3s, height .3s .1s, border-color .2s, visibility .4s
}
.no-js .navigation .flyout:hover .dropdown,.no-js .navigation .single:hover .dropdown {
height: auto
}
.navigation .single {
position: relative
}
.navigation .single .dropdown {
position: absolute;
top: calc(100% + 1.9375rem);
right: auto;
left: 50%;
min-width: 15.625em;
-webkit-transform: translateX(-50%) translateZ(0);
transform: translateX(-50%) translateZ(0);
-webkit-box-shadow: 0 5px 4px -2px rgba(var(--nav_single_shadow), 0.3);
box-shadow: 0 5px 4px -2px rgba(var(--nav_single_shadow), 0.3)
}
.scrolled .navigation .single .dropdown {
top: calc(100% + 1.375rem)
}
.navigation .single .navigation-l2 {
display: block;
padding: 1.125em
}
.navigation .single .navigation-l2>li {
width: auto;
margin-left: 0
}
.navigation .single .navigation-l2>li+li {
margin-top: 0.75em
}
.navigation .single .navigation-l2>li>a:hover {
color: var(--color_brand_primary_darker)
}
.navigation .single .navigation-l3 {
padding-left: 1.25em
}
.navigation .single .navigation-l3 a {
font-weight: normal
}
.navigation .single .navigation-l3 a:hover {
text-decoration: underline
}
.navigation .single .navigation-l4 {
padding-left: 1.25em;
margin-bottom: 0
}
.navigation .single li:not(:last-of-type) .navigation-l3 {
margin-bottom: 1.3125em
}
.navigation .single:hover .dropdown {
-webkit-transform: translateX(-50%) translateZ(0);
transform: translateX(-50%) translateZ(0)
}
.navigation .flyout .dropdown {
-webkit-box-shadow: 0 5px 4px rgba(var(--nav_flyout_shadow), 0.15);
box-shadow: 0 5px 4px rgba(var(--nav_flyout_shadow), 0.15)
}
.navigation .flyout:before {
position: fixed;
top: 7.5625rem;
left: 0;
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%)
}
.scrolled .navigation .flyout:before {
top: 5.7625rem
}
.navigation .flyout .navigation-l3>li>a:hover {
color: var(--color_brand_primary_darker)
}
.navigation .flyout .navigation-l4 a {
font-weight: normal
}
.navigation .dropdown {
position: fixed;
top: 7.5625rem;
right: 0;
left: 0;
height: 0;
max-height: calc(100vh - 121px);
border-bottom: 0.25rem solid transparent;
overflow: hidden;
-webkit-transform: none;
-ms-transform: none;
transform: none;
-webkit-transform-origin: 60% top;
-ms-transform-origin: 60% top;
transform-origin: 60% top;
line-height: 1.11111;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
word-wrap: break-word;
background-clip: padding-box;
background-origin: padding-box;
background-color: var(--color_brand_secondary_lighter);
visibility: hidden;
pointer-events: none;
-webkit-transition: top .3s, height .3s, border-color .15s .25s, visibility .4s;
-o-transition: top .3s, height .3s, border-color .15s .25s, visibility .4s;
transition: top .3s, height .3s, border-color .15s .25s, visibility .4s
}
.scrolled .navigation .dropdown {
top: 5.0625rem;
max-height: calc(100vh - 81px)
}
.navigation-l2 {
width: 100%;
max-width: 1720px;
padding-right: 2.1875rem;
padding-left: 2.1875rem;
margin-right: auto;
margin-left: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-top: 3.125rem;
padding-bottom: 6.6875rem;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
/* justify-content: flex-start; */
justify-content: flex-end;
}
.navigation-l2>li {
width: calc(16.66667% - 1.5625em)
}
/* .navigation-l2>li+li:not(:nth-of-type(7)) { geht nur für bis zu 12 Einträge im Flyout */
.navigation-l2>li+li:not(:nth-of-type(6n + 1)) {
margin-left: 1.875em
}
.navigation-l2>li:nth-of-type(n+7) {
margin-top: 2.8em
}
.flyout .navigation-l2>li>a {
color: var(--color_brand_primary_darker);
font-weight: bold
}
.flyout .navigation-l2>li>a:after {
content: '';
display: block;
width: 5em;
max-width: 100%;
margin-top: 3px;
border-bottom: 0.3125rem solid var(--color_brand_primary)
}
.single .navigation-l2>li>a {
font-weight: bold
}
.navigation-l3 {
margin-top: 0.8em
}
.navigation-l3>li+li {
margin-top: 0.55em
}
.navigation-l3>li>a {
font-weight: bold
}
.navigation-l4 {
padding-top: 0.5em;
padding-left: 1.25em;
margin-bottom: 1.125em
}
.navigation-l4 li+li {
margin-top: 0.375em
}
.navigation-l4 a:hover {
text-decoration: underline
}
.navigation-l5,.navigation-l6,.navigation-l7,.navigation-l8 {
display: none
}
}
@media (max-width: 1024px) {
.no-js .navigation-language {
display:-webkit-box;
display: -ms-flexbox;
display: flex
}
.no-js .navigation-language:before {
display: none
}
.no-js .navigation-language ul {
position: static;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0;
color: inherit;
background-color: transparent
}
.no-js .navigation-language li {
border-top: none
}
.no-js .navigation-language li+li:before {
content: '|';
margin: 0 0.5625em
}
.no-js .navigation-language a {
display: inline;
font-weight: 300;
text-transform: uppercase
}
.no-js .navigation-language a:hover {
color: var(--color_brand_primary)
}
.no-js .navigation-language .active a {
color: var(--color_brand_primary);
font-weight: bold
}
.navigation {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
word-wrap: break-word
}
.navigation .burger {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 3em;
padding: 0.7em;
margin-left: 1.1em;
background: var(--color_brand_primary);
-webkit-tap-highlight-color: rgba(0, 135, 108, 0.3)
}
.navigation .burger svg {
width: 100%;
height: 100%;
fill: var(--color_white)
}
.navigation .burger rect {
-webkit-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-transition: opacity .2s, height .2s, -webkit-transform .2s;
transition: opacity .2s, height .2s, -webkit-transform .2s;
-o-transition: transform .2s, opacity .2s, height .2s;
transition: transform .2s, opacity .2s, height .2s;
transition: transform .2s, opacity .2s, height .2s, -webkit-transform .2s
}
.navigation.active .burger {
background-color: var(--color_black)
}
.navigation.active .burger rect {
-webkit-transition: opacity .1s, height .1s, -webkit-transform .2s .1s;
transition: opacity .1s, height .1s, -webkit-transform .2s .1s;
-o-transition: transform .2s .1s, opacity .1s, height .1s;
transition: transform .2s .1s, opacity .1s, height .1s;
transition: transform .2s .1s, opacity .1s, height .1s, -webkit-transform .2s .1s
}
.navigation.active .burger .burger-top {
-webkit-transform: rotateZ(45deg) translate(14%, 0%);
-ms-transform: rotate(45deg) translate(14%, 0%);
transform: rotateZ(45deg) translate(14%, 0%)
}
.navigation.active .burger .burger-middle {
height: 0;
opacity: 0
}
.navigation.active .burger .burger-bottom {
-webkit-transform: rotateZ(-45deg) translate(14%, 0%);
-ms-transform: rotate(-45deg) translate(14%, 0%);
transform: rotateZ(-45deg) translate(14%, 0%)
}
.navigation a {
color: inherit;
font-size: 16px;
text-decoration: none
}
.navigation a.parent {
font-size: 18px;
font-weight: bold
}
.navigation a.active {
color: var(--color_brand_primary)
}
.navigation .dropdown>.parent {
text-transform: uppercase
}
.navigation-meta {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
.navigation-language {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-left: 1.1em;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.navigation-language:before {
content: "\e917";
font-family: "kit-icons"!important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
font-display: block;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: var(--color_black);
font-size: 1.6em;
cursor: pointer
}
.navigation-language ul {
position: fixed;
top: 5.3125rem;
display: none;
padding: 1.25rem 1.375rem;
color: var(--color_font_inverse);
background-color: var(--color_brand_primary)
}
.navigation-language.active:before {
color: var(--color_brand_primary)
}
.navigation-language.active ul {
display: block
}
.navigation-language li {
border-top: 1px solid rgba(255, 255, 255, 0.5)
}
.navigation-language li:last-of-type {
border-bottom: 1px solid rgba(255, 255, 255, 0.5)
}
.navigation-language a {
display: block;
width: 100%;
padding: 0.65em 0;
text-transform: uppercase
}
.navigation-language .active a {
font-weight: bold
}
.navigation-meta-links {
display: none
}
.navigation-main {
position: fixed;
top: 5.3125rem;
right: 0;
display: block;
width: 46.875rem;
max-width: 100%;
padding: 1.875rem 2.5rem 2.5rem;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: -webkit-transform .2s;
transition: -webkit-transform .2s;
-o-transition: transform .2s;
transition: transform .2s;
transition: transform .2s, -webkit-transform .2s;
height: calc(100vh - 5.3125rem);
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
color: var(--color_white);
font-weight: 400;
background: var(--color_black);
-webkit-transition: -webkit-transform .3s;
transition: -webkit-transform .3s;
-o-transition: transform .3s;
transition: transform .3s;
transition: transform .3s, -webkit-transform .3s
}
.navigation-main.active {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
.navigation-main.current {
overflow-x: hidden;
overflow-y: auto;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
.navigation:not(.active) .navigation-main {
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%)
}
.navigation-main li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border-top: 1px solid rgba(255, 255, 255, 0.5)
}
.navigation-main li a {
display: block;
width: 100%;
padding: 0.9em 0
}
.navigation-main li.active>a {
color: var(--color_brand_primary)
}
.navigation-main li.flyout:after,.navigation-main li.has-submenu:after,.navigation-main li.single:after {
content: "\e921";
font-family: "kit-icons" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
font-display: block;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 4em;
border-left: 1px solid rgba(255, 255, 255, 0.5);
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
cursor: pointer
}
.navigation-main li:last-of-type:not(.home) {
border-bottom: 1px solid rgba(255, 255, 255, 0.5)
}
.navigation-main .home {
text-align: center
}
.navigation-main .home a {
padding: 1.25em 0
}
.navigation-main .home a:before {
content: "\e90c";
font-family: "kit-icons"!important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
font-display: block;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 1.5em
}
.navigation-main .home span {
display: none
}
.navigation-l1>li>a {
text-transform: uppercase
}
.navigation .submenu {
display:none;
}
.navigation .submenu.current, .navigation .submenu.active {
display:block;
}
.navigation .submenu.active {
overflow: hidden;
}
.navigation .dropdown {
display: block;
}
.navigation .dropdown,.navigation .submenu {
position: fixed;
top: 5.3125rem;
right: 0;
/* display: block; */
width: 46.875rem;
max-width: 100%;
padding: 1.875rem 2.5rem 2.5rem;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: -webkit-transform .2s;
transition: -webkit-transform .2s;
-o-transition: transform .2s;
transition: transform .2s;
transition: transform .2s, -webkit-transform .2s;
top: 0;
height: 100%;
background: var(--color_black)
}
.navigation .dropdown.active,.navigation .submenu.active {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
.navigation .dropdown.current,.navigation .submenu.current {
overflow-x: hidden;
overflow-y: auto;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
.navigation .dropdown ul:not(.navigation-breadcrumb),.navigation .submenu ul:not(.navigation-breadcrumb) {
margin-bottom: 3.75rem
}
.navigation-breadcrumb {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 1em;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.navigation-breadcrumb li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 0.5em;
border: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.navigation-breadcrumb li:last-of-type:not(.home) {
border: 0
}
.navigation-breadcrumb li:not(:last-of-type):after {
content: "\e921";
font-family: "kit-icons" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
font-display: block;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin: 0 0.75em;
font-size: .75em
}
.navigation-breadcrumb button,.navigation-breadcrumb span {
max-width: 7.5rem;
padding: 0.375rem 0.375rem;
overflow: hidden;
font-size: 16px;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
background-color: var(--color_brand_primary)
}
.dropdown>.navigation-breadcrumb button,.dropdown>.navigation-breadcrumb span {
max-width: none
}
.navigation-breadcrumb .home button {
padding: 0;
background: transparent
}
.navigation-breadcrumb .home button:before {
content: "\e90c";
font-family: "kit-icons" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
font-display: block;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 1.25em;
line-height: 1.4
}
}
@media (min-width: 1025px) {
.no-js .side-widgets {
opacity:1;
visibility: visible
}
.side-widgets {
position: fixed;
top: 30vh;
right: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
opacity: 0;
visibility: hidden;
-webkit-transition: opacity .3s, visibility .3s;
-o-transition: opacity .3s, visibility .3s;
transition: opacity .3s, visibility .3s
}
.side-widgets.visible {
opacity: 1;
visibility: visible
}
.side-widgets a {
display: block;
height: 100%;
color: inherit;
font-weight: 700;
text-decoration: none;
text-transform: uppercase;
background: inherit
}
.side-widgets .search-form,.side-widgets .title {
position: absolute;
top: 0;
left: 0;
display: inline-block;
height: 100%;
padding: 1.1875rem;
font-size: 1.5625rem;
line-height: 1.3;
white-space: nowrap;
background: inherit;
-webkit-transition: -webkit-transform .2s;
transition: -webkit-transform .2s;
-o-transition: transform .2s;
transition: transform .2s;
transition: transform .2s, -webkit-transform .2s
}
.side-widgets .search-form form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 1rem
}
.side-widgets .search-form input {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 9.375em;
height: 2.0625rem;
padding: 0.3125em 0.5em;
border: 2px solid var(--color_white);
border-right: 0;
color: var(--color_white);
font-size: inherit;
background: var(--color_brand_primary);
border-bottom-left-radius: 5px;
opacity: 1
}
.side-widgets .search-form input::-webkit-input-placeholder {
color: inherit;
text-transform: uppercase;
opacity: .5
}
.side-widgets .search-form input:-ms-input-placeholder {
color: inherit;
text-transform: uppercase;
opacity: .5
}
.side-widgets .search-form input::-ms-input-placeholder {
color: inherit;
text-transform: uppercase;
opacity: .5
}
.side-widgets .search-form input::placeholder {
color: inherit;
text-transform: uppercase;
opacity: .75
}
.side-widgets .search-form button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 2.0625rem;
padding: 0.46875em 0.3125em 0.46875em 0.4375em;
margin-left: -1px;
border: 2px solid var(--color_white);
border-left: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: var(--color_font_inverse);
font-size: inherit;
background-color: var(--color_brand_primary);
border-top-right-radius: 5px
}
.side-widgets .search-form button:before {
content: "\e900";
font-family: "kit-icons" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
font-display: block;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: .9em
}
.side-widgets .search-form button span {
clip: rect(1px, 1px, 1px, 1px);
position: absolute;
z-index: -1000;
width: 1px;
height: 1px;
padding: 0;
margin: 0;
overflow: hidden;
white-space: nowrap
}
.side-widgets .search-form button:focus,.side-widgets .search-form button:hover {
background-color: var(--color_brand_primary_darker)
}
.side-widgets li {
position: relative;
width: 4.375rem;
height: 4.375rem;
color: var(--color_white);
background-color: var(--color_black);
-webkit-transition: background-color .2s;
-o-transition: background-color .2s;
transition: background-color .2s
}
.side-widgets li+li {
margin-top: 0.25rem
}
.side-widgets li.search:focus-within {
background-color: var(--color_brand_primary)
}
.side-widgets li.search:focus-within .search-form,.side-widgets li.search:focus-within .title {
-webkit-transform: translateX(-100%) translateX(1px);
-ms-transform: translateX(-100%) translateX(1px);
transform: translateX(-100%) translateX(1px)
}
.side-widgets li:hover {
background-color: var(--color_brand_primary)
}
.side-widgets li:hover .search-form,.side-widgets li:hover .title {
-webkit-transform: translateX(-100%) translateX(1px);
-ms-transform: translateX(-100%) translateX(1px);
transform: translateX(-100%) translateX(1px)
}
.side-widgets .search a:before,.side-widgets .svg-icon {
position: relative;
z-index: 1;
padding: 1rem;
background: inherit
}
.side-widgets svg {
max-width: 100%;
max-height: 100%
}
.side-widgets .svg-icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100%
}
.side-widgets .search a:before {
content: "\e91d";
font-family: "kit-icons"!important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
font-display: block;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 1.6em
}
.side-widgets .search a span {
clip: rect(1px, 1px, 1px, 1px);
position: absolute;
z-index: -1000;
width: 1px;
height: 1px;
padding: 0;
margin: 0;
overflow: hidden;
white-space: nowrap
}
.side-widgets .search:hover {
background-color: var(--color_brand_primary)
}
.side-widgets .meta {
display: none
}
}
@media (max-width: 1024px) {
.side-widgets {
position:fixed;
right: 0;
bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 46.875rem;
max-width: 100%;
padding: 3.125rem 2.5rem 2.5rem;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
color: var(--color_white);
background: var(--color_brand_primary);
-webkit-transition: -webkit-transform .3s;
transition: -webkit-transform .3s;
-o-transition: transform .3s;
transition: transform .3s;
transition: transform .3s, -webkit-transform .3s
}
.navigation:not(.active) .side-widgets {
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%)
}
.navigation:not(.active) .side-widgets:not(.active) {
-webkit-transform: translateX(100%) translateY(calc(100% - 2.5rem));
-ms-transform: translateX(100%) translateY(calc(100% - 2.5rem));
transform: translateX(100%) translateY(calc(100% - 2.5rem))
}
.side-widgets:not(.active) {
-webkit-transform: translateY(calc(100% - 2.5rem));
-ms-transform: translateY(calc(100% - 2.5rem));
transform: translateY(calc(100% - 2.5rem))
}
/*
.side-widgets:not(.active):before {
-webkit-transform: translate(-50%) rotateZ(270deg);
-ms-transform: translate(-50%) rotate(270deg);
transform: translate(-50%) rotateZ(270deg)
}
.side-widgets:before {
content: "";
font-family: "kit-icons"!important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
font-display: block;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
top: 0.5em;
left: 50%;
-webkit-transform: translate(-50%) rotateZ(90deg);
-ms-transform: translate(-50%) rotate(90deg);
transform: translate(-50%) rotateZ(90deg);
cursor: pointer;
-webkit-transition: -webkit-transform .2s;
transition: -webkit-transform .2s;
-o-transition: transform .2s;
transition: transform .2s;
transition: transform .2s, -webkit-transform .2s
}
.side-widgets li {
position: relative;
width: 29.41176%
}
.side-widgets li:before {
content: '';
display: block;
padding-bottom: 100%
}
.side-widgets li:nth-of-type(2n) {
width: 41.17647%
}
.side-widgets li:nth-of-type(2n):before {
padding-bottom: 67.85714%
}
.side-widgets li:nth-of-type(-n+3) {
border-bottom: 2px solid
}
.side-widgets li:nth-of-type(n) {
border-right: 2px solid
}
.side-widgets li:last-child:nth-of-type(3n+1),.side-widgets li:nth-of-type(3) {
border-right: none
}
*/
.side-widgets:before {
content: "\e90c\00a0\00a0\e92e\00a0\00a0\e92f\00a0\00a0\e930\00a0\00a0§";
font-family: "kit-icons"!important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
font-display: block;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
top: 0.5em;
left: calc(50% - 4em);
cursor: pointer;
}
.side-widgets li {
position: relative;
width: calc(100% / 3);
border-bottom: 2px solid;
}
.side-widgets li:nth-child(3n + 1), .side-widgets li:nth-child(3n + 2) {
border-right: 2px solid;
}
.side-widgets li:nth-last-child(-n + 3):nth-child(3n + 1), .side-widgets li:nth-last-child(-n + 3):nth-child(3n + 1) ~ li {
border-bottom: none;
}
.side-widgets li:before {
content: '';
display: block;
/* padding-bottom: 56.25% */
padding-bottom: 75%
}
.side-widgets a {
position: absolute;
top: 0;
left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100%;
padding: 0 0.9375em;
padding-bottom: 0.625rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 0.8em;
font-weight: 400;
line-height: 1.25;
text-align: center
}
.side-widgets .svg-icon {
width: auto;
max-width: 100%;
height: 3.125rem;
margin-bottom: 1.25em
}
.side-widgets .svg-icon svg {
width: auto;
max-width: 100%;
height: 100%
}
.side-widgets .search {
display: none
}
}
@media (max-width: 345px) {
.side-widgets {
padding:1.875rem 1.25rem 1.25rem
}
.side-widgets:before {
top: 0.25em
}
.side-widgets:not(.active) {
-webkit-transform: translateY(calc(100% - 1.875rem));
-ms-transform: translateY(calc(100% - 1.875rem));
transform: translateY(calc(100% - 1.875rem))
}
.side-widgets .svg-icon {
height: 2.5rem;
margin-bottom: .5rem
}
}
.side-widgets-trigger {
padding: 0;
margin: 0
}
.page-footer {
padding: 5rem 0 0;
margin-top: 7.5rem;
color: var(--color_brand_secondary);
font-size: 1rem;
font-weight: 700;
/* background: var(--color_brand_secondary_lighter) */
border-top: 1px solid var(--color_brand_secondary_lighter);
background: var(--color_brand_secondary_bright)
}
.page-footer .content-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.page-footer .content-wrap>.two-third {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-right: 1.875rem
}
.page-footer .content-wrap>.two-third .column+.column {
margin-left: 1.875rem
}
@supports ((display: -ms-grid) or (display:grid)) {
.page-footer .content-wrap {
display:-ms-grid;
display: grid;
-ms-grid-columns: (1fr)[12];
grid-template-columns: repeat(12, 1fr);
grid-auto-rows: auto;
gap: 1.875rem;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start
}
.page-footer .content-wrap>.two-third {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[12];
grid-template-columns: repeat(12, 1fr);
grid-auto-rows: auto;
gap: 1.875rem;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
margin-right: 0
}
.page-footer .content-wrap>.two-third .column+.column {
margin-left: 0
}
}
/* .page-footer .column>*+* { */
.page-footer .column .column>*:not(a)+* {
margin-top: 2.0625rem
}
.page-footer .column>.text+.form {
margin-top: 1rem
}
.page-footer .column.double .footer-link-list {
-webkit-column-count: 2;
column-count: 2
}
.page-footer .column.fourth,.page-footer .column.half,.page-footer .column.third {
margin-top: 0
}
.page-footer .social {
margin-top: 2.5rem
}
.page-footer .h3,.page-footer h3 {
font-size: 1.125rem;
margin-bottom: 1.125rem;
}
.page-footer a {
/* color: var(--color_brand_secondary); */
color: var(--color_brand_primary_darker);
text-decoration: none;
}
.page-footer a:hover {
color: var(--color_brand_primary_darker);
}
.page-footer .button.icon {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
width: 100%;
padding: 0 0.45455em 0 0.72727em;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
color: var(--color_font_inverse);
font-size: 1.375em;
text-decoration: none;
background: var(--color_brand_primary);
border-top-right-radius: 0.45455em;
border-bottom-left-radius: 0.45455em;
-webkit-transition: background-color .2s;
-o-transition: background-color .2s;
transition: background-color .2s
}
.page-footer .button.icon:hover {
color: var(--color_font_inverse);
background-color: var(--color_brand_primary_darker)
}
.page-footer .button.icon span {
padding: 0.5em 0 0.5em
}
.page-footer .button.icon:after {
margin-left: 0.68182em
}
.page-footer .button.icon+.icon.button {
margin-top: 0.5em
}
.page-footer .button.icon-itunes:after {
content: "";
font-size: 1.68182em
}
.page-footer .button.icon-newsletter:after {
content: "";
font-size: 1.36364em
}
.page-footer .button.icon+.icon-button {
margin-top: 10px
}
.page-footer .form {
font-size: 0.875rem
}
.page-footer .form form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
.page-footer .form button,.page-footer .form input[type=email],.page-footer .form input[type=number],.page-footer .form input[type=search],.page-footer .form input[type=submit],.page-footer .form input[type=text],.page-footer .form input[type=url],.page-footer .form select,.page-footer .form textarea {
border: 1px solid var(--color_brand_primary);
border-top-right-radius: 0.625rem;
border-bottom-left-radius: 0.625rem
}
.page-footer .form button,.page-footer .form input[type=submit] {
border-radius: 0
}
.footer-link-list li {
padding: 0 0 0.5em;
border-bottom: 1px solid var(--color_brand_secondary)
}
.footer-link-list li+li {
margin-top: 0.6875em
}
.footer-link-list a {
display: inline-block
}
.footer-meta-navigation {
padding: 1.25rem 0;
margin-top: 7.5rem;
color: var(--color_font_inverse);
font-size: 1rem;
font-weight: 300;
line-height: 1.1;
background: var(--color_brand_secondary)
}
.footer-meta-navigation .content-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.footer-meta-navigation .copyright {
margin-right: 0.625rem
}
.footer-meta-navigation li {
display: inline
}
.footer-meta-navigation li:after {
content: ' |'
}
.footer-meta-navigation li:last-child:after {
content: ''
}
.footer-meta-navigation a {
color: var(--color_font_inverse);
text-decoration: none
}
.footer-meta-navigation a:hover {
color: var(--color_font_inverse);
text-decoration: underline
}
@media (max-width: 1280px) {
.page-footer .content-wrap {
-ms-flex-wrap:wrap;
flex-wrap: wrap
}
.page-footer .content-wrap>.column {
width: 100%
}
.page-footer .content-wrap>.column.two-third {
margin-right: 0
}
.page-footer .content-wrap>.column:nth-child(n+2) {
width: 100%;
max-width: 100%;
margin-top: 1.875rem
}
@supports ((display: -ms-grid) or (display:grid)) {
.page-footer .content-wrap>.column:nth-child(n+2) {
/* -ms-grid-column-span:12;
grid-column: span 12; */
width: auto;
max-width: 100%
}
}
@supports ((display: -ms-grid) or (display:grid)) {
.page-footer .content-wrap>.column:nth-child(n+2) {
margin-top:0
}
}
.page-footer .button.icon {
width: calc(50% - 0.9375rem - 1px)
}
.page-footer .button.icon:first-of-type {
margin-right: 1.875rem
}
}
@media (max-width: 900px) {
.page-footer .content-wrap>.two-third {
-ms-flex-wrap:wrap;
flex-wrap: wrap
}
@supports ((display: -ms-grid) or (display:grid)) {
.page-footer .content-wrap>.two-third {
gap:1.25rem
}
}
.page-footer .content-wrap>.two-third .column {
width: 100%;
max-width: 100%
}
.page-footer .content-wrap>.two-third .column+.column {
margin-top: 1.25rem;
margin-left: 0
}
.page-footer .column>*+* {
margin-top: 1.25rem
}
.page-footer .column.double .footer-link-list {
-webkit-column-count: auto;
column-count: auto
}
.page-footer .social {
margin-top: 3.75rem
}
@supports ((display: -ms-grid) or (display:grid)) {
.page-footer .fourth {
width:100%;
max-width: 100%
}
@supports ((display: -ms-grid) or (display:grid)) {
.page-footer .fourth {
-ms-grid-column-span:12;
grid-column: span 12;
width: auto;
max-width: 100%
}
}
.page-footer .content-wrap>.two-third .column+.column {
margin-top: 0
}
}
h3.toggle-headline {
padding-bottom: 0.75rem;
border-bottom: 0.3125rem solid var(--color_brand_secondary);
cursor: pointer
}
h3.toggle-headline:after {
display: none
}
h3.toggle-headline:before {
content: "\e921";
font-family: "kit-icons"!important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
font-display: block;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
float: right;
margin-right: 5px;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transform-origin: center 52%;
-ms-transform-origin: center 52%;
transform-origin: center 52%;
-webkit-transition: -webkit-transform .3s;
transition: -webkit-transform .3s;
-o-transition: transform .3s;
transition: transform .3s;
transition: transform .3s, -webkit-transform .3s
}
h3.toggle-headline.active:before {
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg)
}
h3.toggle-headline:not(.active)+.footer-link-list {
margin-top: 0
}
h3.toggle-headline+.footer-link-list {
height: 0;
overflow: hidden;
-webkit-transition: height .3s, margin-top .3s;
-o-transition: height .3s, margin-top .3s;
transition: height .3s, margin-top .3s
}
}
@media (max-width: 768px) {
.page-footer {
font-size:1.125rem
}
.page-footer .button.icon {
width: 100%;
margin-right: 0
}
.page-footer .social a {
width: 1.86667em;
height: 1.86667em;
font-size: 1.875rem
}
}
@media (max-width: 560px) {
.page-footer .form button,.page-footer .form input[type=email],.page-footer .form input[type=number],.page-footer .form input[type=search],.page-footer .form input[type=submit],.page-footer .form input[type=text],.page-footer .form input[type=url],.page-footer .form textarea {
padding:0.75em 1.0625em
}
.footer-meta-navigation .content-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.footer-meta-navigation .copyright {
margin-right: 0;
margin-bottom: 0.3125rem
}
.footer-meta-navigation ul {
text-align: center
}
.footer-meta-navigation a {
display: inline-block;
padding: 0.25em 0.5em;
font-size: 1.2em;
}
.header_copyright {
bottom: 12rem !important;
}
}
.breadcrumbs {
margin-top: 1.875rem
}
.breadcrumbs ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.breadcrumbs li {
display: list-item;
margin-right: 0.5em;
font-size: 16px
}
.breadcrumbs li:nth-child(n+4):after {
display: none
}
.breadcrumbs li:nth-child(n+5) {
display: none
}
.breadcrumbs li:after {
content: "\e921";
display: inline-block;
margin-left: 0.83333em;
color: var(--color_brand_secondary_light_dark);
font-family: "kit-icons";
font-size: 12px
}
.breadcrumbs li:last-child {
margin-right: 0;
font-weight: 700
}
.breadcrumbs li:last-child:after {
display: none
}
.breadcrumbs a {
color: var(--color_black);
text-decoration: none;
-webkit-transition: color .3s;
-o-transition: color .3s;
transition: color .3s
}
.breadcrumbs a:hover {
color: var(--color_brand_primary)
}
.breadcrumbs-big {
margin-top: 1.25rem
}
.breadcrumbs-big .content-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end
}
.breadcrumbs-big .list {
position: relative;
width: calc((100% - 7.5rem) / 5);
margin-right: 1.875rem
}
.breadcrumbs-big .list:last-child {
margin-right: 0
}
.breadcrumbs-big .list:last-child>a {
border-bottom-color: var(--color_brand_primary)
}
.breadcrumbs-big .list>a {
position: relative;
display: inline-block;
width: 100%;
padding-bottom: 0.15em;
border-bottom: 0.25em solid var(--color_black);
color: var(--color_black);
font-size: 1rem;
font-weight: 700;
text-decoration: none
}
.breadcrumbs-big .list>a:after {
content: "\e921";
position: absolute;
right: 0;
bottom: 6px;
color: var(--color_brand_secondary_light_dark);
font-family: "kit-icons";
font-size: 10px
}
.breadcrumbs-big .list>a:hover+ul {
opacity: 1;
visibility: visible
}
.breadcrumbs-big .list.last>a:after {
display: none
}
.breadcrumbs-big ul {
position: absolute;
top: calc(100% + 5px);
z-index: 100;
width: 100%;
padding: 0.9375rem 1.25rem;
background-color: var(--color_brand_secondary_lighter);
-webkit-box-shadow: 3px 3px 2px rgba(64, 64, 64, 0.1);
box-shadow: 3px 3px 2px rgba(64, 64, 64, 0.1);
opacity: 0;
visibility: hidden;
-webkit-transition: opacity .3s;
-o-transition: opacity .3s;
transition: opacity .3s
}
.breadcrumbs-big ul:hover {
opacity: 1;
visibility: visible
}
.breadcrumbs-big ul:before {
content: '';
position: absolute;
bottom: 100%;
left: 0;
display: block;
width: 100%;
height: 7px
}
.breadcrumbs-big ul li {
position: relative;
display: table;
margin-left: 0;
font-weight: 300;
line-height: 1.2
}
.breadcrumbs-big ul li:hover:after {
display: inline-block
}
.breadcrumbs-big ul li:after {
content: "";
position: absolute;
bottom: 0.4em;
display: none;
margin-left: 0.4375rem;
color: var(--color_brand_secondary);
font-family: "kit-icons";
font-size: 0.625rem
}
.breadcrumbs-big ul li a {
font-size: 1rem;
text-decoration: none
}
.breadcrumbs-big ul li a:hover {
text-decoration: underline
}
@media (max-width: 1024px) {
.breadcrumbs li:nth-child(n+4):after {
display:inline-block
}
.breadcrumbs li:nth-child(n+5) {
display: list-item
}
.breadcrumbs li:last-child:after {
display: none
}
.breadcrumbs-big {
display: none
}
}
@media (max-width: 768px) {
.breadcrumbs {
display:none
}
}
/* Breadcrumb als Liste umgebaut */
.breadcrumbs-big ul.content-wrap {
position:static;
opacity:1;
visibility:visible;
padding:0 2.1875rem;
background-color:transparent;
box-shadow:none;
width:100%;
min-width:auto;
z-index: 10;
}
.breadcrumbs-big ul.content-wrap li.list {
line-height:inherit;
}
.breadcrumbs-big ul.content-wrap li.list:hover:after {
display:none;
}
.breadcrumbs-big ul.content-wrap li.list a:hover {
text-decoration:none;
}
.search-form-container {
display: none
}
.search-form-container .search-form {
width: 50rem;
max-width: calc(100% - 4.375rem);
margin: 0 auto;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: var(--color_font_inverse)
}
.search-form-container .search-form form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%
}
.search-form-container .search-form button {
padding: 0.28em 0.6em 0.28em 0.72em;
margin-left: -1px;
border: 3px solid var(--color_brand_primary);
border-left: 0;
color: var(--color_font_inverse);
font-size: 1.75em;
background-color: var(--color_brand_primary);
border-top-right-radius: 8px
}
.search-form-container .search-form button:before {
content: ""
}
.search-form-container .search-form button:focus,.search-form-container .search-form button:hover {
background-color: var(--color_brand_primary_darker)
}
.search-form-container .search-form input {
width: 100%;
padding: 0.8em 0.92em;
border: 3px solid var(--color_brand_primary);
border-right: 0;
color: var(--color_font_inverse);
font-size: 1.5625rem;
background-color: rgba(0, 0, 0, 0.8);
border-bottom-left-radius: 8px
}
.search-form-container .search-form input::-webkit-input-placeholder {
color: var(--color_white);
text-transform: uppercase;
opacity: .5
}
.search-form-container .search-form input:-ms-input-placeholder {
color: var(--color_white);
text-transform: uppercase;
opacity: .5
}
.search-form-container .search-form input::-ms-input-placeholder {
color: var(--color_white);
text-transform: uppercase;
opacity: .5
}
.search-form-container .search-form input::placeholder {
color: var(--color_white);
text-transform: uppercase;
opacity: .75
}
@media (max-width: 650px) {
.search-form-container {
display:block;
height: 5.625rem;
padding: .8em 0;
background: var(--color_brand_primary)
}
.search-form-container .search-form {
display: block;
width: auto
}
.search-form-container .search-form form button,.search-form-container .search-form form input {
border-color: var(--color_white);
background-color: transparent
}
.search-form-container .search-form form button {
font-size: 1.75rem
}
.search-form-container .search-form form input {
padding: 0.6em 0.68em;
font-size: 1.25rem
}
}
main .content-sitemap {
margin-top: 20px
}
main .content-sitemap+section:not([class]) {
margin-top: 3.125rem
}
main .content-sitemap ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: -5px;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
main .content-sitemap li {
width: calc((100% - 25px) / 6);
min-height: 65px;
margin-top: 5px;
margin-right: 5px;
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
background-color: var(--color_brand_secondary_lighter);
border-top-right-radius: 0.25em;
border-bottom-left-radius: 0.25em;
-webkit-transition: background-color .3s;
-o-transition: background-color .3s;
transition: background-color .3s;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s
}
main .content-sitemap li:hover {
background-color: gainsboro
}
main .content-sitemap li:hover span {
text-decoration: underline
}
main .content-sitemap li:nth-child(6n) {
margin-right: 0
}
main .content-sitemap a {
display: inline-block;
width: 100%;
height: 100%;
padding: 10px 12px;
font-size: 16px;
text-decoration: none;
word-wrap: anywhere;
outline: none
}
main .content-sitemap a span {
display: -webkit-inline-box;
overflow: hidden;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical
}
@media (max-width: 1024px) {
main .content-sitemap {
display:none
}
}
.form {
font-size: 0.875rem
}
.form form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
font-weight: 400
}
.form form>*+* {
margin-top: 0.71429em
}
.form label {
display: block
}
.form button,.form input[type=date],.form input[type=datetime],.form input[type=datetime-local],.form input[type=email],.form input[type=number],.form input[type=password],.form input[type=search],.form input[type=submit],.form input[type=tel],.form input[type=text],.form input[type=url],.form select,.form textarea {
padding: 0.5em 0.85714em;
border: 3px solid var(--color_brand_primary);
font-size: 0.875rem;
line-height: 1.35714
}
.form button:focus,.form input[type=date]:focus,.form input[type=datetime]:focus,.form input[type=datetime-local]:focus,.form input[type=email]:focus,.form input[type=number]:focus,.form input[type=password]:focus,.form input[type=search]:focus,.form input[type=submit]:focus,.form input[type=tel]:focus,.form input[type=text]:focus,.form input[type=url]:focus,.form select:focus,.form textarea:focus {
border-color: var(--color_brand_primary_darker);
outline: 1px dotted var(--color_brand_primary_darker);
/* outline: 0; */
-webkit-box-shadow: 0;
box-shadow: 0
}
.form input[type=date],.form input[type=datetime],.form input[type=datetime-local],.form input[type=email],.form input[type=number],.form input[type=password],.form input[type=search],.form input[type=tel],.form input[type=text],.form input[type=url],.form select,.form textarea {
font-weight: 400;
background-color: transparent
}
.form input[type=date]::-webkit-input-placeholder,.form input[type=datetime]::-webkit-input-placeholder,.form input[type=datetime-local]::-webkit-input-placeholder,.form input[type=email]::-webkit-input-placeholder,.form input[type=number]::-webkit-input-placeholder,.form input[type=password]::-webkit-input-placeholder,.form input[type=search]::-webkit-input-placeholder,.form input[type=tel]::-webkit-input-placeholder,.form input[type=text]::-webkit-input-placeholder,.form input[type=url]::-webkit-input-placeholder,.form select::-webkit-input-placeholder,.form textarea::-webkit-input-placeholder {
color: var(--color_brand_secondary);
font-weight: 400;
opacity: 1
}
.form input[type=date]:-ms-input-placeholder,.form input[type=datetime]:-ms-input-placeholder,.form input[type=datetime-local]:-ms-input-placeholder,.form input[type=email]:-ms-input-placeholder,.form input[type=number]:-ms-input-placeholder,.form input[type=password]:-ms-input-placeholder,.form input[type=search]:-ms-input-placeholder,.form input[type=tel]:-ms-input-placeholder,.form input[type=text]:-ms-input-placeholder,.form input[type=url]:-ms-input-placeholder,.form select:-ms-input-placeholder,.form textarea:-ms-input-placeholder {
color: var(--color_brand_secondary);
font-weight: 400;
opacity: 1
}
.form input[type=date]::-ms-input-placeholder,.form input[type=datetime]::-ms-input-placeholder,.form input[type=datetime-local]::-ms-input-placeholder,.form input[type=email]::-ms-input-placeholder,.form input[type=number]::-ms-input-placeholder,.form input[type=password]::-ms-input-placeholder,.form input[type=search]::-ms-input-placeholder,.form input[type=tel]::-ms-input-placeholder,.form input[type=text]::-ms-input-placeholder,.form input[type=url]::-ms-input-placeholder,.form select::-ms-input-placeholder,.form textarea::-ms-input-placeholder {
color: var(--color_brand_secondary);
font-weight: 400;
opacity: 1
}
.form input[type=date]::placeholder,.form input[type=datetime]::placeholder,.form input[type=datetime-local]::placeholder,.form input[type=email]::placeholder,.form input[type=number]::placeholder,.form input[type=password]::placeholder,.form input[type=search]::placeholder,.form input[type=tel]::placeholder,.form input[type=text]::placeholder,.form input[type=url]::placeholder,.form select::placeholder,.form textarea::placeholder {
color: var(--color_brand_secondary);
font-weight: 400;
opacity: 1
}
.form select {
position: relative;
width: 100%;
overflow: hidden;
-webkit-box-shadow: none;
box-shadow: none
}
.form button,.form input[type=submit] {
width: auto;
margin-top: 1.35714em;
color: var(--color_font_inverse);
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.03571em;
background-color: var(--color_brand_primary);
border-radius: 0;
-webkit-transition: border-color .2s, background-color .2s;
-o-transition: border-color .2s, background-color .2s;
transition: border-color .2s, background-color .2s
}
.form button:hover,.form input[type=submit]:hover {
border-color: var(--color_brand_primary_darker);
background-color: var(--color_brand_primary_darker)
}
.form button:focus,.form input[type=submit]:focus {
background-color: var(--color_brand_primary_darker)
}
.form button[type=reset] {
border-color: var(--color_brand_secondary);
background-color: var(--color_brand_secondary)
}
.form button[type=reset]:hover {
border-color: #383838;
background-color: #383838
}
.form form>fieldset:not(.input-group) {
width: 100%;
padding: 1.35em 1.35em 1.35em;
border: 3px solid var(--color_brand_secondary_lighter)
}
.form form>fieldset:not(.input-group)>legend {
padding: 0 .25em;
font-size: 1.42857em;
font-weight: bold
}
.form .button-wrapper {
width: 100%;
margin-top: 1.875rem
}
@supports ((display: -ms-grid) or (display:grid)) {
.form .button-wrapper {
margin-top:1.25rem
}
.form .button-wrapper button {
margin-top: 0
}
.form .button-wrapper button+button {
margin-left: .25em
}
}
.form .input-streetnumber {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.form .input-streetnumber input:last-child {
width: 10em;
margin-left: 0.625em
}
.form .input-zipcity {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.form .input-zipcity input:first-child {
width: 10em;
margin-right: 0.625em
}
.form .input-group legend {
font-size: 1.42857em;
font-weight: bold
}
.form .input-group legend+* {
margin-top: 0.3em
}
.form .input-group.required legend:after {
content: '*';
margin-left: .25em
}
.form .input label {
font-size: 1.42857em;
font-weight: bold
}
.form .input label>span+* {
margin-top: 0.3em
}
.form .input.required label>span:after {
content: '*';
margin-left: .25em
}
.form .input-option {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
font-size: 1.14286em
}
.form .input-option label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
margin-right: 1.25rem;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.form .input-option label+label {
margin-top: 0.3125rem
}
.form .input-option label>span {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.form .input-option label>span:before {
content: '';
-ms-flex-item-align: center;
align-self: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 17px;
height: 17px;
margin-right: .75em;
border: 2px solid var(--color_brand_secondary);
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transform: translateZ(0);
transform: translateZ(0);
font-size: 10px;
background-clip: content-box
}
.form .input-option label>span:hover:before {
border-color: var(--color_brand_primary)
}
.form .input-option label input:focus+span:before {
border-color: var(--color_brand_primary_darker)
}
.form .input-option.radio label span:before {
padding: 2px;
border-radius: 50%
}
.form .input-option.radio label :checked+span:before {
background-color: var(--color_brand_primary)
}
.form .input-option.checkbox label span:before {
padding: 2px 0;
color: var(--color_brand_primary);
text-indent: -.5px;
border-radius: 2px
}
.form .input-option.checkbox label :checked+span:before {
content: ""
}
.form .input-options-inline label {
width: calc(33.33333% - 0.83333rem)
}
.form .input-options-inline label:nth-of-type(3n) {
margin-right: 0
}
.form .input-options-inline label:nth-of-type(n+3) {
margin-top: 0.3125rem
}
.form .description {
margin-top: 0.28571em;
color: var(--color_brand_secondary)
}
.form .error-message {
display: none;
margin-top: 0.28571em;
color: var(--color_error)
}
.form .error label,.form .error legend {
color: var(--color_error)
}
.form .error :invalid {
border-color: var(--color_error_dark);
color: var(--color_error);
outline: 0
}
.form .error :invalid::-webkit-input-placeholder {
color: var(--color_error)
}
.form .error :invalid:-ms-input-placeholder {
color: var(--color_error)
}
.form .error :invalid::-ms-input-placeholder {
color: var(--color_error)
}
.form .error :invalid::placeholder {
color: var(--color_error)
}
.form .error :invalid:focus {
border-color: var(--color_error_darker)
}
.form .error .input-option label span:before {
border-color: var(--color_error_dark)
}
.form .error .input-option label span:hover:before {
border-color: var(--color_error_darker)
}
.form .error .input-option label input:focus+span:before {
border-color: var(--color_error_darker)
}
.form .error .error-message {
display: block
}
.form .required-fields:before {
content: '*';
margin-right: .25em;
color: var(--color_brand_primary)
}
.form form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.form form>*+* {
margin-top: 0.71429em
}
.form form>fieldset:not(.input-group)>.fieldset-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.form form>fieldset:not(.input-group)>.fieldset-wrapper>*+* {
margin-top: 0.71429em
}
@supports ((display: -ms-grid) or (display:grid)) {
.form form {
display:-ms-grid;
display: grid;
-ms-grid-columns: (1fr)[12];
grid-template-columns: repeat(12, 1fr);
grid-auto-rows: auto;
gap: 1.875rem;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
gap: 0.9375rem 1.875rem
}
.form form>*+* {
/* margin-top: 0 */
}
.form form>fieldset:not(.input-group)>.fieldset-wrapper {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[12];
grid-template-columns: repeat(12, 1fr);
grid-auto-rows: auto;
gap: 1.875rem;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
gap: 0.9375rem 1.875rem
}
.form form>fieldset:not(.input-group)>.fieldset-wrapper>*+* {
margin-top: 0
}
}
.form .input-file-drop-area {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
max-width: 100%;
font-size: 0.875rem;
cursor: pointer;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s
}
.form .input-file-drop-area input[type=file] {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
cursor: pointer
}
.form .input-file-drop-area input[type=file]:focus {
outline: 0;
-webkit-box-shadow: none;
box-shadow: none
}
.form .input-file-drop-area input[type=file]:focus+.input-file-button {
border-color: var(--color_brand_primary_darker);
background-color: var(--color_brand_primary_darker)
}
.form .input-file-drop-area input[type=file]:focus~.input-file-hint {
border-color: var(--color_brand_primary_darker)
}
.form .input-file-drop-area.active {
background-color: rgba(0, 20, 20, 0.03)
}
.form .input-file-button {
margin: 0;
pointer-events: none
}
.form .input-file-hint {
display: inline-block;
padding-right: 0.71429em;
padding-left: 0.71429em;
border: 3px solid var(--color_brand_primary);
border-left: 0;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
overflow: hidden;
font-weight: 400;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
vertical-align: middle
}
.form .input-file-hint:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle
}
.form .error .input-file-button {
border-color: var(--color_error_dark);
background-color: var(--color_error_dark)
}
.form .error .input-file-hint {
border-color: var(--color_error_dark)
}
.form .error input[type=file]:focus+.input-file-button {
border-color: var(--color_error_darker);
background-color: var(--color_error_darker)
}
.form .error input[type=file]:focus~.input-file-hint {
border-color: var(--color_error_darker)
}
.no-js .form input[type=file] {
border: 3px solid var(--color_brand_primary);
opacity: 1
}
.no-js .text .h1:not(.underline):after,.no-js .text .h2:not(.underline):after,.no-js .text .h3:not(.underline):after,.no-js .text .h4:not(.underline):after,.no-js .text .h5:not(.underline):after,.no-js .text .h6:not(.underline):after,.no-js .text h1:not(.underline):after,.no-js .text h2:not(.underline):after,.no-js .text h3:not(.underline):after,.no-js .text h4:not(.underline):after,.no-js .text h5:not(.underline):after,.no-js .text h6:not(.underline):after {
-webkit-transform: translateX(0) scaleX(1);
-ms-transform: translateX(0) scaleX(1);
transform: translateX(0) scaleX(1);
opacity: 1
}
@media (max-width: 560px) {
.form, .form button, .form input[type=date], .form input[type=datetime], .form input[type=datetime-local], .form input[type=email], .form input[type=number], .form input[type=password], .form input[type=search], .form input[type=submit], .form input[type=tel], .form input[type=text], .form input[type=url], .form select, .form textarea {
font-size: 16px;
}
}
/* .text>*+* { */
.text>*+* {
/* .text>*:not(a:first-child)+* { */
margin-top: 1.875rem
}
.text>a:first-child+* {
margin-top: 0;
}
.text .h1,.text .h2,.text .h3,.text .h4,.text .h5,.text .h6,.text h1,.text h2,.text h3,.text h4,.text h5,.text h6 {
color: var(--color_headings);
font-weight: 700
}
.text .h1:not(.underline):after,.text .h2:not(.underline):after,.text .h3:not(.underline):after,.text .h4:not(.underline):after,.text .h5:not(.underline):after,.text .h6:not(.underline):after,.text h1:not(.underline):after,.text h2:not(.underline):after,.text h3:not(.underline):after,.text h4:not(.underline):after,.text h5:not(.underline):after,.text h6:not(.underline):after {
content: '';
display: block;
width: 6.25rem;
max-width: 100%;
margin-top: 0.15em;
border-bottom: 0.3125rem solid var(--color_brand_primary);
overflow: hidden;
}
.text .h1:not(.underline):after,.text .h2:not(.underline):after,.text .h3:not(.underline):after,.text .h4:not(.underline):after,.text .h5:not(.underline):after,.text .h6:not(.underline):after,.text h1:not(.underline):after,.text h2:not(.underline):after,.text h3:not(.underline):after,.text h4:not(.underline):after,.text h5:not(.underline):after,.text h6:not(.underline):after {
-webkit-transform: translateX(-15%) scaleX(0);
-ms-transform: translateX(-15%) scaleX(0);
transform: translateX(-15%) scaleX(0);
-webkit-transform-origin: left;
-ms-transform-origin: left;
transform-origin: left;
opacity: 0;
-webkit-transition: -webkit-transform .7s;
transition: -webkit-transform .7s;
-o-transition: transform .7s;
transition: transform .7s;
transition: transform .7s, -webkit-transform .7s
}
.text .h1:not(.underline).waypoint-triggered:after,.text .h2:not(.underline).waypoint-triggered:after,.text .h3:not(.underline).waypoint-triggered:after,.text .h4:not(.underline).waypoint-triggered:after,.text .h5:not(.underline).waypoint-triggered:after,.text .h6:not(.underline).waypoint-triggered:after,.text h1:not(.underline).waypoint-triggered:after,.text h2:not(.underline).waypoint-triggered:after,.text h3:not(.underline).waypoint-triggered:after,.text h4:not(.underline).waypoint-triggered:after,.text h5:not(.underline).waypoint-triggered:after,.text h6:not(.underline).waypoint-triggered:after {
-webkit-transform: translateX(0) scaleX(1);
-ms-transform: translateX(0) scaleX(1);
transform: translateX(0) scaleX(1);
opacity: 1
}
.text figure {
/*
float: left;
max-width: 60%;
margin-right: 1.875rem;
*/
border: 1px solid var(--color_brand_secondary_lighter);
padding: 0.35em;
display: inline-block;
}
@media (max-width: 480px) {
.text figure {
float:none;
max-width: 100%;
margin-right: 0
}
}
.text a,figure figcaption a {
color: var(--color_brand_primary_darker);
-webkit-transition: color .3s;
-o-transition: color .3s;
transition: color .3s;
font-weight: 400;
}
.text a:hover,figure figcaption a:hover {
color: var(--color_brand_primary_darker)
}
.text .linkbutton {
display: inline-block;
padding: 0.25em 0.5em;
color: var(--color_white, #fff);
background-color: var(--color_brand_primary);
font-weight: bold;
transition: background-color .2s;
}
.text .linkbutton:hover {
background-color: var(--color_brand_primary_darker);
}
.text .linkbutton a {
color: var(--color_white, #fff);
}
.text .morelink {
padding-right: 1.5em;
overflow: hidden;
display: -webkit-inline-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
position: relative;
padding-bottom: 5px;
margin-top: 2.8125rem;
border-bottom: 3px solid var(--color_brand_primary);
color: var(--color_brand_primary_darker);
font-weight: 700;
text-decoration: none;
-webkit-transition: color .3s;
-o-transition: color .3s;
transition: color .3s;
}
.text .morelink:after {
content: "\e900";
position: absolute;
top: 0.3125rem;
right: 0;
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px);
font-family: "kit-icons";
font-size: 0.875rem;
-webkit-transition: -webkit-transform .3s;
transition: -webkit-transform .3s;
-o-transition: transform .3s;
transition: transform .3s;
transition: transform .3s, -webkit-transform .3s;
}
.text .morelink:hover:after {
transform: translateX(0);
}
figure .container {
position: relative;
display: inline-block;
max-width: 100%;
}
figure figcaption {
margin-top: 0.3125rem;
font-size: 1rem
}
figure.watermark {
position: relative
}
figure.watermark picture {
position: relative;
display: inline-block;
max-width: 100%
}
figure.watermark picture:before {
content: '';
position: absolute;
top: 85%;
right: 0;
bottom: 0;
left: 0;
background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--copyright_gradient_a), 0.7)), to(transparent));
background: -webkit-linear-gradient(bottom, rgba(var(--copyright_gradient_a), 0.7), transparent);
background: -o-linear-gradient(bottom, rgba(var(--copyright_gradient_a), 0.7), transparent);
background: linear-gradient(to top, rgba(var(--copyright_gradient_a), 0.7), transparent)
}
figure.watermark span.watermark {
position: absolute;
right: 0.625rem;
bottom: 0.625rem;
padding-left: 0.625rem;
color: var(--color_font_inverse);
font-size: 0.9rem;
line-height: 1.1;
text-align: right
}
figure.watermark span.watermark:before {
content: '© '
}
.no-js .stage-slider .swiper-button-next,.no-js .stage-slider .swiper-button-prev {
display: none
}
.stage-slider {
background-color: var(--color_black)
}
.stage-slider .swiper-slide {
display: -ms-grid;
display: grid;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-grid-rows: auto 1.875rem auto;
-ms-grid-columns: 100%;
grid-template: auto auto / 100%;
grid-row-gap: 1.875rem;
-ms-grid-row-align: start;
-ms-grid-column-align: start;
overflow: hidden;
color: var(--color_white)
}
.stage-slider .swiper-slide .h1,.stage-slider .swiper-slide .h2,.stage-slider .swiper-slide .h3,.stage-slider .swiper-slide h1,.stage-slider .swiper-slide h2,.stage-slider .swiper-slide h3 {
color: var(--color_font_inverse)
}
.stage-slider .swiper-slide .h1.underline,.stage-slider .swiper-slide .h2.underline,.stage-slider .swiper-slide .h3.underline,.stage-slider .swiper-slide h1.underline,.stage-slider .swiper-slide h2.underline,.stage-slider .swiper-slide h3.underline {
font-size: 5rem;
font-weight: 300
}
.stage-slider .swiper-slide .h1.underline:after,.stage-slider .swiper-slide .h2.underline:after,.stage-slider .swiper-slide .h3.underline:after,.stage-slider .swiper-slide h1.underline:after,.stage-slider .swiper-slide h2.underline:after,.stage-slider .swiper-slide h3.underline:after {
content: '';
display: block;
width: 10em;
max-width: 100%;
margin-top: 0.1em;
border-bottom: 0.3125rem solid var(--color_brand_primary)
}
@media (max-width: 1024px) {
.stage-slider .swiper-slide .h1.underline,.stage-slider .swiper-slide .h2.underline,.stage-slider .swiper-slide .h3.underline,.stage-slider .swiper-slide h1.underline,.stage-slider .swiper-slide h2.underline,.stage-slider .swiper-slide h3.underline {
font-size:3.59375rem
}
}
@media (max-width: 900px) {
.stage-slider .swiper-slide .h1.underline,.stage-slider .swiper-slide .h2.underline,.stage-slider .swiper-slide .h3.underline,.stage-slider .swiper-slide h1.underline,.stage-slider .swiper-slide h2.underline,.stage-slider .swiper-slide h3.underline {
font-size:3.75rem
}
}
.stage-slider .swiper-slide .text {
width: calc(66.66667% - 0.625rem);
max-width: calc(66.66667% - 0.625rem)
}
@supports ((display: -ms-grid) or (display:grid)) {
.stage-slider .swiper-slide .text {
-ms-grid-column-span:8;
grid-column: span 8;
width: auto;
max-width: 100%
}
}
@media (max-width: 1280px) {
.stage-slider .swiper-slide .text {
width:100%;
max-width: 100%
}
@supports ((display: -ms-grid) or (display:grid)) {
.stage-slider .swiper-slide .text {
-ms-grid-column-span:12;
grid-column: span 12;
width: auto;
max-width: 100%
}
}
}
@media (max-width: 1280px) {
.stage-slider .swiper-slide .text {
width:100%;
max-width: 100%
}
}
.stage-slider .content-wrap {
width: 100%;
max-width: 1790px;
padding-right: 4.375rem;
padding-left: 4.375rem;
margin-right: auto;
margin-left: auto;
position: relative;
z-index: 1;
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 1;
grid-row: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 5.625rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
@supports ((display: -ms-grid) or (display:grid)) {
.stage-slider .content-wrap {
display:-ms-grid;
display: grid;
-ms-grid-columns: (1fr)[12];
grid-template-columns: repeat(12, 1fr);
grid-auto-rows: auto;
gap: 1.875rem;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start
}
}
.stage-slider .image {
-ms-grid-column: 1;
grid-column: 1;
grid-row-end: span 2;
-ms-grid-row-span: 3;
-ms-grid-row: 1;
grid-row-start: 1;
display: -ms-grid;
display: grid;
-ms-grid-rows: 100%;
-ms-grid-columns: 100%;
grid-template: 100% / 100%;
background-repeat: no-repeat;
background-position: center center;
background-size: cover
}
.stage-slider .image img {
width: 100%;
opacity: 0;
max-height: 700px;
}
.stage-slider .image.object-fit-fallback {
background-repeat: no-repeat;
background-position: center center;
background-size: cover
}
.stage-slider .image.object-fit-fallback img {
opacity: 0
}
.stage-slider .image:after,.stage-slider .image img {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 1;
grid-row: 1;
display: block
}
.stage-slider .image:after {
content: '';
display: block;
width: 100%;
height: 100%;
background: url(https://static.scc.kit.edu/kit-2020/img/stage-slider-shadow.png) no-repeat left top;
background-size: 100% 100%
}
.stage-slider-tiles {
width: 100%;
max-width: 1790px;
padding-right: 4.375rem;
padding-left: 4.375rem;
margin-right: auto;
margin-left: auto;
position: relative;
z-index: 1;
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 3;
grid-row: 2;
align-self: end;
-ms-grid-row-align: end;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-bottom: 3.625rem;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
overflow: hidden
}
.stage-slider-tile {
width: calc(25% - 1.46rem);
display: block;
padding: 1.15em 1.55em 1.45em;
-webkit-transform: translateZ(0);
transform: translateZ(0);
color: inherit;
text-decoration: none;
background-color: var(--color_brand_primary_rgba);
border-top-right-radius: 0.5em;
border-bottom-left-radius: 0.5em
}
.stage-slider-tile:focus {
outline: 1px dashed var(--color_white);
}
.stage-slider-tile:nth-of-type(n) {
margin-top: 1.9375rem;
margin-right: 1.9375rem
}
.stage-slider-tile:nth-of-type(4n) {
margin-right: 0
}
.stage-slider-tile:nth-of-type(-n+4) {
margin-top: 0
}
.stage-slider-tile h3 {
color: var(--color_font_inverse);
font-size: 1.5em;
font-weight: 300;
line-height: 1.23333
}
.stage-slider-tile p {
margin-top: 0.95em;
font-size: 0.8em
}
.stage-slider-tile p:after {
content: "";
display: inline-block;
margin-left: 0.85714em;
font-size: 0.875em;
-webkit-transition: -webkit-transform .2s;
transition: -webkit-transform .2s;
-o-transition: transform .2s;
transition: transform .2s;
transition: transform .2s, -webkit-transform .2s;
will-change: transform
}
.stage-slider-tile:hover p:after {
-webkit-transform: translateX(50%);
-ms-transform: translateX(50%);
transform: translateX(50%)
}
.stage-slider .swiper-button-next,.stage-slider .swiper-button-prev {
width: auto;
height: auto;
color: var(--color_brand_secondary_lighter);
font-size: 2.35em;
background-image: none
}
.stage-slider .swiper-pagination {
display: none
}
@media (max-width: 1440px) {
.stage-slider-tile {
width:calc(50% - 0.97rem)
}
.stage-slider-tile:nth-of-type(n) {
margin-top: 1.9375rem;
margin-right: 1.9375rem
}
.stage-slider-tile:nth-of-type(2n) {
margin-right: 0
}
.stage-slider-tile:nth-of-type(-n+2) {
margin-top: 0
}
}
@media (max-width: 1024px) {
.stage-slider .content-wrap {
width:100%;
max-width: 1720px;
padding-right: 2.1875rem;
padding-left: 2.1875rem;
margin-right: auto;
margin-left: auto
}
.stage-slider .swiper-button-next,.stage-slider .swiper-button-prev {
display: none
}
.stage-slider .swiper-pagination {
display: block
}
.stage-slider .swiper-pagination-bullets>.swiper-pagination-bullet {
margin: 0 .25em
}
.stage-slider .swiper-pagination-bullet {
width: .75em;
height: .75em;
background: var(--color_brand_secondary);
opacity: 1
}
.stage-slider .swiper-pagination-bullet-active {
background: var(--color_brand_primary)
}
.stage-slider-tiles {
width: 100%;
max-width: 1720px;
padding-right: 2.1875rem;
padding-left: 2.1875rem;
margin-right: auto;
margin-left: auto;
font-size: 66.66667%
}
.stage-slider-tile {
width: calc(25% - 0.94rem);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0.8em 1.5em 1em 1em;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.stage-slider-tile:nth-of-type(n) {
margin-top: 1.25rem;
margin-right: 1.25rem
}
.stage-slider-tile:nth-of-type(4n) {
margin-right: 0
}
.stage-slider-tile:nth-of-type(-n+4) {
margin-top: 0
}
.stage-slider-tile:after {
content: "";
font-family: "kit-icons"!important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
font-display: block;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
margin-left: 1em;
font-size: 1.4em;
-webkit-transition: -webkit-transform .2s;
transition: -webkit-transform .2s;
-o-transition: transform .2s;
transition: transform .2s;
transition: transform .2s, -webkit-transform .2s;
will-change: transform
}
.stage-slider-tile:hover:after {
-webkit-transform: translateX(35%);
-ms-transform: translateX(35%);
transform: translateX(35%)
}
.stage-slider-tile h3 {
font-weight: 700
}
.stage-slider-tile p {
display: none
}
}
@media (max-width: 900px) {
.stage-slider .image:after {
background:rgba(0, 0, 0, 0.65);
background: -webkit-gradient(linear, left bottom, left top, color-stop(30%, rgba(0, 0, 0, 0.85)), color-stop(50%, rgba(0, 0, 0, 0.7)), color-stop(70%, rgba(0, 0, 0, 0.6)), color-stop(95%, rgba(0, 0, 0, 0.3)));
background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.85) 30%, rgba(0, 0, 0, 0.7) 50%, rgba(0, 0, 0, 0.6) 70%, rgba(0, 0, 0, 0.3) 95%);
background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.85) 30%, rgba(0, 0, 0, 0.7) 50%, rgba(0, 0, 0, 0.6) 70%, rgba(0, 0, 0, 0.3) 95%);
background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 30%, rgba(0, 0, 0, 0.7) 50%, rgba(0, 0, 0, 0.6) 70%, rgba(0, 0, 0, 0.3) 95%)
}
.stage-slider-tile {
width: calc(50% - 0.63rem)
}
.stage-slider-tile:nth-of-type(n) {
margin-top: 1.25rem;
margin-right: 1.25rem
}
.stage-slider-tile:nth-of-type(2n) {
margin-right: 0
}
.stage-slider-tile:nth-of-type(-n+2) {
margin-top: 0
}
}
@media (max-width: 650px) {
.stage-slider .swiper-slide {
-ms-grid-rows:auto 0 auto;
-ms-grid-columns: 100%;
grid-template: auto auto / 100%;
grid-gap: 0
}
.stage-slider-tiles {
margin-top: 1.875rem
}
.stage-slider-tile {
width: 100%;
padding: 0;
background: transparent
}
.stage-slider-tile:nth-of-type(n) {
margin-top: 0.625rem;
margin-right: 0
}
.stage-slider-tile:first-of-type {
margin-top: 0
}
}
body:not(.oe-page) .stage-small {
min-height: 140px
}
body:not(.oe-page) .stage-small img {
/* display: none */
}
body:not(.oe-page) .stage-small:after {
background: -webkit-gradient(linear, left top, right top, from(rgba(var(--stage_small_gradient_a), 0.8)), to(rgba(var(--stage_small_gradient_b), 0)));
background: -webkit-linear-gradient(left, rgba(var(--stage_small_gradient_a), 0.8), rgba(var(--stage_small_gradient_b), 0));
background: -o-linear-gradient(left, rgba(var(--stage_small_gradient_a), 0.8), rgba(var(--stage_small_gradient_b), 0));
background: linear-gradient(to right, rgba(var(--stage_small_gradient_a), 0.8), rgba(var(--stage_small_gradient_b), 0))
}
.stage {
position: relative;
overflow: hidden
}
.stage:after {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
background: rgba(0, 0, 0, 0.5)
}
.stage a,.stage p {
z-index: 1;
display: inline-block;
color: var(--color_white);
font-weight: 300;
line-height: 1.15;
text-decoration: none
}
.stage-big {
max-height: 590px;
overflow: hidden
}
.stage-big .content-wrap {
position: absolute;
right: 0;
bottom: 0;
left: 0;
z-index: 1
}
.stage-big p {
margin-bottom: 6%;
font-size: 5rem
}
.stage-small {
min-height: 140px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center
}
.stage-small>img {
position: absolute;
top: 50%;
left: 50%;
width: auto;
min-width: 100%;
max-width: none;
height: auto;
min-height: 100%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
object-fit: cover
}
.stage-big .content-wrap, .stage-small .content-wrap {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 0;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.stage-small a,.stage-small p {
margin: 20px 0;
font-size: 3.125rem
}
.stage-big a {
margin-bottom: 8%;
}
body.oe-page .stage-big p {
margin-bottom: 8%;
font-weight: 700
}
body.oe-page .stage-small .content-wrap {
max-width: 1720px
}
body.oe-page .stage-big .content-wrap img, body.oe-page .stage-small .content-wrap img {
z-index: 5;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
margin-top: 0;
height: calc(3.59375rem - 3px);
}
body.oe-page .stage-small a,body.oe-page .stage-small p {
margin-left: calc((100% - 1230px) / 2);
margin-right: calc((100% - 1230px) / 2);
font-size: 1.5625rem;
font-weight: 700
}
body.oe-page .stage-small .logo {
margin-left: 1.875rem
}
@media (max-width: 1300px) {
body.oe-page .stage-small a,body.oe-page .stage-small p {
margin-left:0;
margin-right:0;
}
}
@media (max-width: 1280px) {
.stage-small {
min-height:100px
}
.stage-small img {
height: 100px
}
body.oe-page .stage-big .content-wrap img, body.oe-page .stage-small .content-wrap img {
max-height: 50px
}
}
@media (max-width: 900px) {
.stage-big p {
font-size:4.375rem
}
}
@media (max-width: 768px) {
body.oe-page .stage-big p {
font-size:3.125rem
}
.stage-big p {
font-size: 3.625rem
}
}
@media (max-width: 560px) {
.stage-big img {
max-width: 100%;
height: 200px;
object-fit: cover;
}
}
@media (max-width: 480px) {
body.oe-page .stage-big p {
font-size:2.1875rem
}
.stage-big p {
font-size: 2.8125rem
}
}
.to-top-button {
position: fixed;
right: 0;
/* bottom: 6vh; */
bottom: 5rem;
z-index: 89;
display: block;
width: 4.375rem;
height: 4.375rem;
text-decoration: none;
background-color: var(--color_black);
outline: none;
opacity: 0;
visibility: hidden;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-transition: opacity .3s, visibility .3s, background-color .3s;
-o-transition: opacity .3s, visibility .3s, background-color .3s;
transition: opacity .3s, visibility .3s, background-color .3s
}
.to-top-button:hover {
background-color: var(--color_brand_primary)
}
.to-top-button:before {
content: "\e901";
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
color: var(--color_white);
font-size: 2rem
}
.to-top-button.show {
opacity: 1;
visibility: visible
}
.to-top-button:focus {
-webkit-tap-highlight-color: rgba(0, 135, 108, 0.3)
}
@media (max-width: 768px) {
.to-top-button:hover {
background-color:var(--color_black)
}
}
main .target-groups {
padding: 3.125rem 0;
margin-top: 0;
background-color: var(--color_black)
}
main .target-groups .content-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
main .target-groups .buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
overflow: hidden;
}
main .target-groups a {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 1.25rem 4.0625rem 1.25rem 1.875rem;
border: 3px solid var(--color_white);
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
overflow: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0);
color: var(--color_white);
font-size: 1.25em;
text-decoration: none;
text-transform: uppercase;
word-break: break-all;
border-top-right-radius: 0.4em;
border-bottom-left-radius: 0.4em
}
main .target-groups a+a {
margin-left: 1.5625rem
}
main .target-groups a:after {
content: "\e900";
position: absolute;
top: 50%;
right: 1.5625rem;
display: inline-block;
margin-left: 1.875rem;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
color: var(--color_white);
font-family: "kit-icons";
font-size: 0.8em;
line-height: 1.4;
-webkit-transition: -webkit-transform .2s;
transition: -webkit-transform .2s;
-o-transition: transform .2s;
transition: transform .2s;
transition: transform .2s, -webkit-transform .2s;
will-change: transform
}
main .target-groups a:hover:after {
-webkit-transform: translate(5px, -50%);
-ms-transform: translate(5px, -50%);
transform: translate(5px, -50%)
}
main .target-groups form {
position: relative;
display: inline-block;
min-width: 260px;
max-width: 400px;
margin-top: 0;
margin-left: 1.5625rem
}
main .target-groups form input {
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 100%;
padding: 1.25rem 4.0625rem 1.25rem 1.875rem;
border: 3px solid var(--color_white);
color: var(--color_white);
font-size: 1.25em;
line-height: 1.4;
background-color: transparent;
border-top-right-radius: 0.5em;
border-bottom-left-radius: 0.5em;
outline: none
}
main .target-groups form input::-webkit-input-placeholder {
color: var(--color_white);
text-transform: uppercase;
opacity: .5
}
main .target-groups form input:-ms-input-placeholder {
color: var(--color_white);
text-transform: uppercase;
opacity: .5
}
main .target-groups form input::-ms-input-placeholder {
color: var(--color_white);
text-transform: uppercase;
opacity: .5
}
main .target-groups form input::placeholder {
color: var(--color_white);
text-transform: uppercase;
opacity: .5
}
main .target-groups form button {
position: absolute;
top: 50%;
right: 1.25rem;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
background-color: transparent;
/* outline: none */
}
main .target-groups form button:after {
content: "\e91d";
display: inline-block;
color: var(--color_white);
font-family: "kit-icons";
font-size: 1.5em;
line-height: 1.4
}
@media (max-width: 1280px) {
main .target-groups .content-wrap {
-ms-flex-wrap:wrap;
flex-wrap: wrap
}
main .target-groups form {
width: 100%;
max-width: none;
margin-top: 1.5625rem;
margin-left: 0
}
main .target-groups form input {
width: 100%
}
}
@media (max-width: 1024px) {
main .target-groups {
display:none
}
}
.no-js .slider-small .swiper-button-next,.no-js .slider-small .swiper-button-prev {
display: none
}
.slider-small {
margin: 0
}
.slider-small .swiper-slide {
overflow: hidden
}
.slider-small .swiper-slide img {
width: 100%;
max-width: none;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center
}
.slider-small .swiper-button-prev {
left: 0
}
.slider-small .swiper-button-next {
right: 0
}
.slider-small .swiper-button-next,.slider-small .swiper-button-prev {
width: 1.875rem;
height: 3.125rem;
margin-top: 0;
background-color: rgba(0, 135, 108, 0.85);
background-image: none;
outline: none;
-webkit-transition: background-color .3s, top .3s;
-o-transition: background-color .3s, top .3s;
transition: background-color .3s, top .3s
}
.slider-small .swiper-button-next:hover,.slider-small .swiper-button-prev:hover {
background-color: rgba(0, 135, 108, 0.95)
}
.slider-small .swiper-button-next:before,.slider-small .swiper-button-prev:before {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
color: var(--color_white);
font-size: 0.9375rem;
background-repeat: no-repeat;
background-position: center center;
background-size: contain
}
.slider-small .swiper-button-disabled {
visibility: hidden
}
/* 03.04.2023 Auflistung im Text nicht mehr fetter */
.info-container .info ul.bullets>li, .list>li {
position: relative;
margin-left: 2.25rem;
font-weight: 400
}
.text ol>li, .text ul>li {
position: relative;
margin-left: 2.25rem;
font-weight: 300
}
.info-container .info ul.bullets>li+li,.list>li+li,.text ol>li+li,.text ul>li+li {
margin-top: 0.3125rem
}
.info-container .info ul.bullets>li>span,.list>li>span,.text ol>li>span,.text ul>li>span {
/* display: block; */
font-size: 1.125rem;
font-weight: 300;
line-height: 1.2
}
.info-container .info ul.bullets>li:before,.text ul>li:before,ul.list>li:before {
content: '';
position: absolute;
top: 0.8125rem;
left: -2.25rem;
display: inline-block;
width: 0.625rem;
height: 3px;
background-color: var(--color_brand_primary)
}
.text ol>li,ol.list>li {
counter-increment: section
}
.text ol[reversed]>li,ol[reversed].list>li {
counter-increment: section -1;
}
.info-container .info ul.bullets>li,.list>li,.text ol>li,.text ul>li {
list-style-type: none;
}
.text ol[style*="lower-alpha"]>li:before,ol[style*="lower-alpha"].list>li:before {
content: counters(section, ".", lower-alpha) ".";
}
.text ol[style*="upper-alpha"]>li:before,ol[style*="upper-alpha"].list>li:before {
content: counters(section, ".", upper-alpha) ".";
}
.text ol[style*="lower-roman"]>li:before,ol[style*="lower-roman"].list>li:before {
content: counters(section, ".", lower-roman) ".";
}
.text ol[style*="upper-roman"]>li:before,ol[style*="upper-roman"].list>li:before {
content: counters(section, ".", upper-roman) ".";
}
.text ol[style*="lower-greek"]>li:before,ol[style*="lower-greek"].list>li:before {
content: counters(section, ".", lower-greek) ".";
}
.text ol[style*="upper-greek"]>li:before,ol[style*="upper-greek"].list>li:before {
content: counters(section, ".", upper-greek) ".";
}
.text ul>li>ol>li:before {
content: counter(section) ".";
}
.text ol>li:before,ol.list>li:before {
content: counters(section, ".") ".";
position: absolute;
top: 0;
left: -2.25rem;
color: var(--color_brand_primary);
font-weight: 700
}
.text ol, .text ul {
counter-reset: section
}
.list .link:before {
content: "\e900";
top: 0.3125rem;
width: 0;
height: 0;
color: var(--color_brand_primary);
font-family: "kit-icons";
font-size: 0.7em
}
.list .link a {
color: var(--color_brand_primary);
text-decoration: none
}
.list .link a:hover {
color: var(--color_brand_primary_darker);
text-decoration: underline
}
.list .link a:hover span {
color: var(--color_brand_primary_darker)
}
.list .link a span {
color: var(--color_black);
font-weight: 300;
-webkit-transition: color .3s;
-o-transition: color .3s;
transition: color .3s
}
.quote-element {
padding: 2.5rem 3.125rem;
color: var(--color_white);
font-size: 3.125rem;
line-height: 1.2;
background-color: var(--color_accent_5);
border-top-right-radius: 0.5em;
border-bottom-left-radius: 0.5em
}
.quote-element a[href^=http]:not([href*='.kit.edu']):not([class*='link']):after{
color: var(--color_white);
}
.quote-element.primary {
background-color: var(--color_brand_primary)
}
.quote-element.secondary {
background-color: var(--color_brand_secondary)
}
.quote-element.tertiary {
background-color: var(--color_accent_6)
}
.quote-element.accent-1 {
background-color: var(--color_accent_1)
}
.quote-element.accent-2 {
background-color: var(--color_accent_2)
}
.quote-element.accent-3 {
background-color: var(--color_accent_3)
}
.quote-element.accent-4 {
background-color: var(--color_accent_4)
}
.quote-element.accent-5 {
background-color: var(--color_accent_5)
}
.quote-element.accent-gray {
color: var(--color_black);
background-color: var(--color_brand_secondary_bright)
}
.text.primary {
padding: 1em;
color: var(--color_white);
--color_headings: var(--color_white);
background-color: var(--color_brand_primary)
}
.text.primary .h1:not(.underline):after, .text.primary .h2:not(.underline):after, .text.primary .h3:not(.underline):after, .text.primary .h4:not(.underline):after, .text.primary .h5:not(.underline):after, .text.primary .h6:not(.underline):after,
.text.primary h1:not(.underline):after, .text.primary h2:not(.underline):after, .text.primary h3:not(.underline):after, .text.primary h4:not(.underline):after, .text.primary h5:not(.underline):after, .text.primary h6:not(.underline):after {
border-bottom-color: var(--color_white);
}
.text.primary a {
color: var(--color_white);
text-decoration: underline;
}
.text.primary ul>li:before {
background-color: var(--color_white);
}
.text.primary table thead {
background-color: rgba(0, 0, 0, 0.25);
}
.text.primary table tbody tr:nth-child(odd) {
background: rgba(0, 0, 0, 0.05);
}
.text.primary .linkbutton {
background-color: rgba(0, 0, 0, 0.25);
}
.text.primary .linkbutton:hover {
background-color: rgba(0, 0, 0, 0.4);
}
.text.primary a[href^=http]:not([href*='.kit.edu']):not([class*='link']):after {
color: var(--color_white);
}
.text.primary .toggle-head:hover {
border-color: rgba(0, 0, 0, 0.25);
}
.text.primary .toggle-head .heading {
color: var(--color_white);
}
.text.secondary {
padding: 1em;
color: var(--color_white);
--color_headings: var(--color_white);
background-color: var(--color_brand_secondary)
}
.text.secondary .h1:not(.underline):after, .text.secondary .h2:not(.underline):after, .text.secondary .h3:not(.underline):after, .text.secondary .h4:not(.underline):after, .text.secondary .h5:not(.underline):after, .text.secondary .h6:not(.underline):after,
.text.secondary h1:not(.underline):after, .text.secondary h2:not(.underline):after, .text.secondary h3:not(.underline):after, .text.secondary h4:not(.underline):after, .text.secondary h5:not(.underline):after, .text.secondary h6:not(.underline):after {
border-bottom-color: var(--color_white);
}
.text.secondary a {
color: var(--color_white);
text-decoration: underline;
}
.text.secondary ul>li:before {
background-color: var(--color_white);
}
.text.secondary table thead {
background-color: rgba(0, 0, 0, 0.25);
}
.text.secondary table tbody tr:nth-child(odd) {
background: rgba(0, 0, 0, 0.05);
}
.text.secondary .linkbutton {
background-color: rgba(0, 0, 0, 0.25);
}
.text.secondary .linkbutton:hover {
background-color: rgba(0, 0, 0, 0.4);
}
.text.secondary a[href^=http]:not([href*='.kit.edu']):not([class*='link']):after {
color: var(--color_white);
}
.text.secondary .toggle-head:hover {
border-color: rgba(0, 0, 0, 0.25);
}
.text.secondary .toggle-head .heading {
color: var(--color_white);
}
.text.tertiary {
padding: 1em;
color: var(--color_white);
--color_headings: var(--color_white);
background-color: var(--color_accent_6)
}
.text.tertiary .h1:not(.underline):after, .text.tertiary .h2:not(.underline):after, .text.tertiary .h3:not(.underline):after, .text.tertiary .h4:not(.underline):after, .text.tertiary .h5:not(.underline):after, .text.tertiary .h6:not(.underline):after,
.text.tertiary h1:not(.underline):after, .text.tertiary h2:not(.underline):after, .text.tertiary h3:not(.underline):after, .text.tertiary h4:not(.underline):after, .text.tertiary h5:not(.underline):after, .text.tertiary h6:not(.underline):after {
border-bottom-color: var(--color_white);
}
.text.tertiary a {
color: var(--color_white);
text-decoration: underline;
}
.text.tertiary ul>li:before {
background-color: var(--color_white);
}
.text.tertiary table thead {
background-color: rgba(0, 0, 0, 0.25);
}
.text.tertiary table tbody tr:nth-child(odd) {
background: rgba(0, 0, 0, 0.05);
}
.text.tertiary .linkbutton {
background-color: rgba(0, 0, 0, 0.25);
}
.text.tertiary .linkbutton:hover {
background-color: rgba(0, 0, 0, 0.4);
}
.text.tertiary a[href^=http]:not([href*='.kit.edu']):not([class*='link']):after {
color: var(--color_white);
}
.text.tertiary .toggle-head:hover {
border-color: rgba(0, 0, 0, 0.25);
}
.text.tertiary .toggle-head .heading {
color: var(--color_white);
}
.text.accent-1 {
padding: 1em;
color: var(--color_white);
--color_headings: var(--color_white);
background-color: var(--color_accent_1)
}
.text.accent-1 .h1:not(.underline):after, .text.accent-1 .h2:not(.underline):after, .text.accent-1 .h3:not(.underline):after, .text.accent-1 .h4:not(.underline):after, .text.accent-1 .h5:not(.underline):after, .text.accent-1 .h6:not(.underline):after,
.text.accent-1 h1:not(.underline):after, .text.accent-1 h2:not(.underline):after, .text.accent-1 h3:not(.underline):after, .text.accent-1 h4:not(.underline):after, .text.accent-1 h5:not(.underline):after, .text.accent-1 h6:not(.underline):after {
border-bottom-color: var(--color_white);
}
.text.accent-1 a {
color: var(--color_white);
text-decoration: underline;
}
.text.accent-1 ul>li:before {
background-color: var(--color_white);
}
.text.accent-1 table thead {
background-color: rgba(0, 0, 0, 0.25);
}
.text.accent-1 table tbody tr:nth-child(odd) {
background: rgba(0, 0, 0, 0.05);
}
.text.accent-1 .linkbutton {
background-color: rgba(0, 0, 0, 0.25);
}
.text.accent-1 .linkbutton:hover {
background-color: rgba(0, 0, 0, 0.4);
}
.text.accent-1 a[href^=http]:not([href*='.kit.edu']):not([class*='link']):after {
color: var(--color_white);
}
.text.accent-1 .toggle-head:hover {
border-color: rgba(0, 0, 0, 0.25);
}
.text.accent-1 .toggle-head .heading {
color: var(--color_white);
}
.text.accent-2 {
padding: 1em;
color: var(--color_white);
--color_headings: var(--color_white);
background-color: var(--color_accent_2)
}
.text.accent-2 .h1:not(.underline):after, .text.accent-2 .h2:not(.underline):after, .text.accent-2 .h3:not(.underline):after, .text.accent-2 .h4:not(.underline):after, .text.accent-2 .h5:not(.underline):after, .text.accent-2 .h6:not(.underline):after,
.text.accent-2 h1:not(.underline):after, .text.accent-2 h2:not(.underline):after, .text.accent-2 h3:not(.underline):after, .text.accent-2 h4:not(.underline):after, .text.accent-2 h5:not(.underline):after, .text.accent-2 h6:not(.underline):after {
border-bottom-color: var(--color_white);
}
.text.accent-2 a {
color: var(--color_white);
text-decoration: underline;
}
.text.accent-2 ul>li:before {
background-color: var(--color_white);
}
.text.accent-2 table thead {
background-color: rgba(0, 0, 0, 0.25);
}
.text.accent-2 table tbody tr:nth-child(odd) {
background: rgba(0, 0, 0, 0.05);
}
.text.accent-2 .linkbutton {
background-color: rgba(0, 0, 0, 0.25);
}
.text.accent-2 .linkbutton:hover {
background-color: rgba(0, 0, 0, 0.4);
}
.text.accent-2 a[href^=http]:not([href*='.kit.edu']):not([class*='link']):after {
color: var(--color_white);
}
.text.accent-2 .toggle-head:hover {
border-color: rgba(0, 0, 0, 0.25);
}
.text.accent-2 .toggle-head .heading {
color: var(--color_white);
}
.text.accent-3 {
padding: 1em;
color: var(--color_white);
--color_headings: var(--color_white);
background-color: var(--color_accent_3)
}
.text.accent-3 .h1:not(.underline):after, .text.accent-3 .h2:not(.underline):after, .text.accent-3 .h3:not(.underline):after, .text.accent-3 .h4:not(.underline):after, .text.accent-3 .h5:not(.underline):after, .text.accent-3 .h6:not(.underline):after,
.text.accent-3 h1:not(.underline):after, .text.accent-3 h2:not(.underline):after, .text.accent-3 h3:not(.underline):after, .text.accent-3 h4:not(.underline):after, .text.accent-3 h5:not(.underline):after, .text.accent-3 h6:not(.underline):after {
border-bottom-color: var(--color_white);
}
.text.accent-3 a {
color: var(--color_white);
text-decoration: underline;
}
.text.accent-3 ul>li:before {
background-color: var(--color_white);
}
.text.accent-3 table thead {
background-color: rgba(0, 0, 0, 0.25);
}
.text.accent-3 table tbody tr:nth-child(odd) {
background: rgba(0, 0, 0, 0.05);
}
.text.accent-3 .linkbutton {
background-color: rgba(0, 0, 0, 0.25);
}
.text.accent-3 .linkbutton:hover {
background-color: rgba(0, 0, 0, 0.4);
}
.text.accent-3 a[href^=http]:not([href*='.kit.edu']):not([class*='link']):after {
color: var(--color_white);
}
.text.accent-3 .toggle-head:hover {
border-color: rgba(0, 0, 0, 0.25);
}
.text.accent-3 .toggle-head .heading {
color: var(--color_white);
}
.text.accent-4 {
padding: 1em;
color: var(--color_white);
--color_headings: var(--color_white);
background-color: var(--color_accent_4)
}
.text.accent-4 .h1:not(.underline):after, .text.accent-4 .h2:not(.underline):after, .text.accent-4 .h3:not(.underline):after, .text.accent-4 .h4:not(.underline):after, .text.accent-4 .h5:not(.underline):after, .text.accent-4 .h6:not(.underline):after,
.text.accent-4 h1:not(.underline):after, .text.accent-4 h2:not(.underline):after, .text.accent-4 h3:not(.underline):after, .text.accent-4 h4:not(.underline):after, .text.accent-4 h5:not(.underline):after, .text.accent-4 h6:not(.underline):after {
border-bottom-color: var(--color_white);
}
.text.accent-4 a {
color: var(--color_white);
text-decoration: underline;
}
.text.accent-4 ul>li:before {
background-color: var(--color_white);
}
.text.accent-4 table thead {
background-color: rgba(0, 0, 0, 0.25);
}
.text.accent-4 table tbody tr:nth-child(odd) {
background: rgba(0, 0, 0, 0.05);
}
.text.accent-4 .linkbutton {
background-color: rgba(0, 0, 0, 0.25);
}
.text.accent-4 .linkbutton:hover {
background-color: rgba(0, 0, 0, 0.4);
}
.text.accent-4 a[href^=http]:not([href*='.kit.edu']):not([class*='link']):after {
color: var(--color_white);
}
.text.accent-4 .toggle-head:hover {
border-color: rgba(0, 0, 0, 0.25);
}
.text.accent-4 .toggle-head .heading {
color: var(--color_white);
}
.text.accent-5 {
padding: 1em;
color: var(--color_white);
--color_headings: var(--color_white);
background-color: var(--color_accent_5)
}
.text.accent-5 .h1:not(.underline):after, .text.accent-5 .h2:not(.underline):after, .text.accent-5 .h3:not(.underline):after, .text.accent-5 .h4:not(.underline):after, .text.accent-5 .h5:not(.underline):after, .text.accent-5 .h6:not(.underline):after,
.text.accent-5 h1:not(.underline):after, .text.accent-5 h2:not(.underline):after, .text.accent-5 h3:not(.underline):after, .text.accent-5 h4:not(.underline):after, .text.accent-5 h5:not(.underline):after, .text.accent-5 h6:not(.underline):after {
border-bottom-color: var(--color_white);
}
.text.accent-5 a {
color: var(--color_white);
text-decoration: underline;
}
.text.accent-5 ul>li:before {
background-color: var(--color_white);
}
.text.accent-5 table thead {
background-color: rgba(0, 0, 0, 0.25);
}
.text.accent-5 table tbody tr:nth-child(odd) {
background: rgba(0, 0, 0, 0.05);
}
.text.accent-5 .linkbutton {
background-color: rgba(0, 0, 0, 0.25);
}
.text.accent-5 .linkbutton:hover {
background-color: rgba(0, 0, 0, 0.4);
}
.text.accent-5 a[href^=http]:not([href*='.kit.edu']):not([class*='link']):after {
color: var(--color_white);
}
.text.accent-5 .toggle-head:hover {
border-color: rgba(0, 0, 0, 0.25);
}
.text.accent-5 .toggle-head .heading {
color: var(--color_white);
}
.text.accent-gray {
padding: 1em;
color: var(--color_black);
--color_headings: var(--color_black);
background-color: var(--color_brand_secondary_bright)
}
@media (max-width: 1280px) {
.quote-element {
padding:2.1875rem 2.8125rem;
font-size: 2.5rem
}
}
@media (max-width: 1024px) {
.quote-element {
padding:1.875rem 2.5rem;
font-size: 1.875rem
}
}
@media (max-width: 560px) {
.quote-element {
padding:1.5625rem 2.1875rem
}
}
.mobile-entries {
display: none;
margin-top: 0
}
.mobile-entries .content-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.mobile-entries a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
min-height: 75px;
padding: 2.1875rem 1rem 0.75rem;
margin: 0 0.46875rem;
margin-top: 0.9375rem!important;
-ms-flex-preferred-size: 16.66667%;
flex-basis: 16.66667%;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
color: var(--color_font_inverse);
font-size: 1.5rem;
text-decoration: none;
text-transform: uppercase;
background-color: var(--color_black);
border-top-right-radius: 0.4em;
border-bottom-left-radius: 0.4em
}
@media (max-width: 1024px) {
.mobile-entries {
display:block
}
}
@media (max-width: 900px) {
.mobile-entries .content-wrap {
-ms-flex-wrap:wrap;
flex-wrap: wrap
}
.mobile-entries a {
-ms-flex-preferred-size: 25%;
flex-basis: 25%
}
}
@media (max-width: 560px) {
.mobile-entries a {
-ms-flex-preferred-size:33.33333%;
flex-basis: 33.33333%
}
}
@media (max-width: 320px) {
.mobile-entries a {
word-break:break-all
}
}
.table-container {
width: 100%;
overflow-x: auto
}
table {
width: 100%
}
table a {
color: var(--color_brand_primary_darker);
-webkit-transition: color .3s;
-o-transition: color .3s;
transition: color .3s
}
table a:hover {
color: var(--color_brand_primary_darker)
}
table td,table th {
padding: 0.625rem 0.625rem;
line-height: 1.2;
vertical-align: top
}
table th {
position: relative;
padding-right: 2.1875rem;
font-size: 1.375rem;
cursor: pointer
}
table th:after {
content: "";
position: absolute;
top: 0.875rem;
margin-left: 0.625rem;
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
color: var(--color_font_inverse);
font-family: "kit-icons";
font-size: 0.7em;
opacity: 0;
-webkit-transition: opacity .3s, -webkit-transform .3s;
transition: opacity .3s, -webkit-transform .3s;
-o-transition: transform .3s, opacity .3s;
transition: transform .3s, opacity .3s;
transition: transform .3s, opacity .3s, -webkit-transform .3s
}
table th.asc:after {
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 1
}
table th.desc:after {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 1
}
table thead {
color: var(--color_font_inverse);
background-color: var(--color_brand_primary)
}
table thead th {
text-align: left
}
table tbody tr:nth-child(odd) {
background-color: var(--color_brand_secondary_bright)
}
.no-js .toggle-body {
display: block
}
.toggle.active .toggle-head {
border-bottom-color: var(--color_brand_primary)
}
.toggle.active .toggle-head .heading {
color: var(--color_brand_primary)
}
.toggle.active .toggle-head .heading:after {
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg)
}
.toggle-head {
padding: 0.625rem 0 0.3125rem;
border-bottom: 0.3125rem solid var(--color_brand_secondary_lighter);
cursor: pointer;
-webkit-transition: border .3s;
-o-transition: border .3s;
transition: border .3s
}
.toggle-head:hover {
border-color: var(--color_brand_primary)
}
.toggle-head:hover .heading {
color: var(--color_brand_primary)
}
.toggle-head .heading {
position: relative;
display: inline;
color: var(--color_font);
font-size: 1.375rem;
-webkit-transition: color .3s;
-o-transition: color .3s;
transition: color .3s
}
.toggle-head .heading:after {
content: "\e921";
position: absolute;
bottom: 0.375rem;
right: -20px;
display: inline-block;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
font-family: "kit-icons";
font-size: 0.75rem;
-webkit-transition: -webkit-transform .3s;
transition: -webkit-transform .3s;
-o-transition: transform .3s;
transition: transform .3s;
transition: transform .3s, -webkit-transform .3s
}
.toggle-body {
display: none;
padding-bottom: 0.3125rem;
margin-top: -0.625rem
}
.toggle-body .toggle-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.toggle-body .toggle-content>* {
margin-top: 1.875rem
}
@supports ((display: -ms-grid) or (display:grid)) {
.toggle-body {
margin-top:1.25rem
}
.toggle-body .toggle-content {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[12];
grid-template-columns: repeat(12, 1fr);
grid-auto-rows: auto;
gap: 1.875rem;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start
}
.toggle-body .toggle-content>* {
margin-top: 0
}
}
.info-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 1.25rem;
border: 5px solid var(--color_brand_secondary_lighter)
}
.info-container a {
color: var(--color_brand_primary)
}
.info-container a:hover {
color: var(--color_brand_primary_darker)
}
.info-container figure {
margin-right: 1.25rem;
/*
-ms-flex-preferred-size: 230px;
flex-basis: 230px;
*/
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0
}
.info-container .info-content {
/* display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
*/
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
grid-auto-rows: max-content;
gap: 1.875rem;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
width: 100%;
}
.info-container .info-content>h3 {
grid-column: span 2;
}
.info-container .info-content.SCC {
display: block;
}
.info-container .info-content li {
line-height: 1.3
}
.info-container .info-content li+li {
margin-top: 0.75rem
}
.info-container .info {
/*
margin-right: 1.25rem;
-ms-flex-preferred-size: 450px;
flex-basis: 450px;
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
*/
}
.info-container .info-content.SCC .info {
/*
display: inline-block;
min-width: 300px;
vertical-align: top;
*/
}
.info-container .info span.title {
margin-right: 5px;
font-weight: 700;
vertical-align: top
}
.info-container .info ul.bullets {
display: inline-block
}
.info-container .info ul.bullets li {
margin-left: 1.25rem;
font-weight: 300
}
.info-container .info ul.bullets li:before {
left: -1.25rem
}
.info-container .links {
/*
-ms-flex-preferred-size: 240px;
flex-basis: 240px;
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0
*/
}
.info-container .links>span {
font-weight: 700
}
.info-container .links ul {
margin-top: 0.75rem
}
.info-container .links ul li {
margin-left: 1.5625rem
}
.info-container .links ul li:before {
left: -1.5625rem
}
@media (max-width: 1280px) {
.info-container .info,.info-container .links {
-webkit-box-flex:1;
-ms-flex-positive: 1;
flex-grow: 1
}
}
@media (max-width: 900px) {
.info-container figure {
-ms-flex-preferred-size:500px;
flex-basis: 500px;
-ms-flex-negative: 1;
flex-shrink: 1
}
.info-container .info-content {
width: 100%;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.info-container .info,.info-container .links {
/*
margin-right: 0;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
*/
grid-column: span 2;
}
.info-container .links {
margin-top: 1.25rem
}
}
@media (max-width: 560px) {
.info-container {
-ms-flex-wrap:wrap;
flex-wrap: wrap
}
.info-container figure {
margin-right: 0
}
.info-container .info-content {
margin-top: 1.25rem
}
.info-container .info ul.bullets li:before {
top: 0.625rem
}
}
.event {
display: inline-block;
text-decoration: none
}
.event.fourth .info p {
display: none
}
.event:hover .date {
color: var(--color_font_inverse);
background-color: var(--color_brand_primary)
}
.event:hover .info .h4,.event:hover .info span {
color: var(--color_brand_primary)
}
.event:hover .info p:after {
-webkit-transform: translateX(50%);
-ms-transform: translateX(50%);
transform: translateX(50%);
color: var(--color_brand_primary)
}
.event-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.event-content .speaker {
font-style: italic;
padding-top: 0.2em;
}
.event .date {
display: inline-block;
padding: 0.375rem 1.25rem 0.375rem 0.625rem;
margin-bottom: 10px;
border-left: 10px solid var(--color_brand_primary);
color: var(--color_brand_secondary);
font-weight: 700;
line-height: 1.2;
background-color: var(--color_brand_secondary_lighter);
-webkit-transition: background-color .3s, color .3s;
-o-transition: background-color .3s, color .3s;
transition: background-color .3s, color .3s
}
.event .info,.event figure {
-ms-flex-preferred-size: 100%;
flex-basis: 100%
}
.event figure {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
.event .info {
margin-top: 0.9375rem
}
.event .info .h4,.event .info span {
-webkit-transition: color .3s;
-o-transition: color .3s;
transition: color .3s
}
.event .info span {
display: block;
color: var(--color_brand_secondary);
font-size: 1.125rem;
font-weight: 700
}
.event .info .time {
margin-top: 0.625rem
}
.event .info p {
margin-top: 1.25rem
}
.event .info p:after {
content: "\e900";
display: inline-block;
margin-left: 0.75rem;
font-family: "kit-icons";
font-size: 0.8em;
-webkit-transition: color .3s, -webkit-transform .3s;
transition: color .3s, -webkit-transform .3s;
-o-transition: transform .3s, color .3s;
transition: transform .3s, color .3s;
transition: transform .3s, color .3s, -webkit-transform .3s
}
.event.full .event-content,.event.two-third .event-content {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.event.full .event-content .info,.event.full .event-content figure,.event.two-third .event-content .info,.event.two-third .event-content figure {
-ms-flex-preferred-size: 50%;
flex-basis: 50%
}
.event.full .event-content figure,.event.two-third .event-content figure {
margin-right: 1.875rem
}
.event.full .event-content .info,.event.two-third .event-content .info {
margin-top: 0
}
@media (max-width: 768px) {
.event.full .event-content,.event.two-third .event-content {
-ms-flex-wrap:wrap;
flex-wrap: wrap
}
.event.full .event-content .info,.event.full .event-content figure,.event.two-third .event-content .info,.event.two-third .event-content figure {
-ms-flex-preferred-size: 100%;
flex-basis: 100%
}
.event.full .event-content figure,.event.two-third .event-content figure {
margin-right: 0
}
.event.full .event-content .info,.event.two-third .event-content .info {
margin-top: 0.9375rem
}
}
.sidebar-event {
/* max-width: 525px */
}
.sidebar-event>ul>li {
padding: 1.25rem 0;
border-bottom: 0.3125rem solid var(--color_brand_secondary_lighter)
}
.sidebar-event>ul>li:first-child {
padding-top: 0
}
.sidebar-event>ul>li:last-child {
padding-bottom: 0;
border-bottom: none
}
.sidebar-event .date {
color: var(--color_font)
}
.sidebar-event .list {
margin-top: 0.3125rem
}
.sidebar-event .button {
margin-top: 1.875rem
}
.button {
display: inline-block;
padding: 0.625rem 0.9375rem;
color: var(--color_font_inverse);
font-weight: 700;
text-decoration: none;
text-transform: uppercase;
-webkit-transition: background-color .2s;
-o-transition: background-color .2s;
transition: background-color .2s
}
.button:hover {
background-color: var(--color_brand_primary_darker)
}
.tab-navigation {
margin-bottom: 0.125rem
}
@supports ((display: -ms-grid) or (display:grid)) {
.tab-navigation {
margin-bottom:1.875rem
}
}
.tab-navigation-items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: -0.4em;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
overflow: hidden
}
.tab-navigation-item a {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0.4em 0.7em 0.25em;
border-bottom: 0.3125rem solid var(--color_brand_secondary_lighter);
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-weight: bold;
line-height: 1.2;
text-decoration: none;
-webkit-transition: color .2s, border-color .2s;
-o-transition: color .2s, border-color .2s;
transition: color .2s, border-color .2s
}
.tab-navigation-item.active a,.tab-navigation-item a:hover {
border-color: var(--color_brand_primary);
color: var(--color_brand_primary)
}
.tab-panel-container {
position: relative;
overflow: hidden
}
.tab-panel {
position: absolute;
top: 0;
left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
min-height: 6.25rem;
padding: .1px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-transition-duration: .25s;
-o-transition-duration: .25s;
transition-duration: .25s;
-webkit-transition-property: opacity, visibility;
-o-transition-property: opacity, visibility;
transition-property: opacity, visibility
}
.tab-panel.active {
position: static;
max-height: 100%;
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity: 1;
visibility: visible;
pointer-events: all
}
.tab-panel:not(.active) {
opacity: 0;
visibility: hidden;
pointer-events: none;
display: none;
}
.tab-panel>* {
margin-top: 1.875rem
}
@supports ((display: -ms-grid) or (display:grid)) {
.tab-panel {
display:-ms-grid;
display: grid;
-ms-grid-columns: (1fr)[12];
grid-template-columns: repeat(12, 1fr);
grid-auto-rows: auto;
gap: 1.875rem;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start
}
.tab-panel>* {
margin-top: 0
}
}
.no-js .tab-panel {
position: static;
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity: 1;
visibility: visible;
pointer-events: all
}
.no-js .tab-panel:not(:first-child) {
margin-top: 0
}
@media (max-width: 768px) {
.tab-navigation-items {
width:100%;
margin: 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.tab-navigation-item {
margin: 0
}
}
.sidebar-contact .contact-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.sidebar-contact figure {
max-width: 200px;
margin-right: 1.875rem;
-ms-flex-negative: 1;
flex-shrink: 1
}
.sidebar-contact .info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-negative: 3;
flex-shrink: 3;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.sidebar-contact .name a {
color: var(--color_brand_primary);
font-weight: 700;
-webkit-transition: color .2s;
-o-transition: color .2s;
transition: color .2s
}
.sidebar-contact .name a:hover {
color: var(--color_brand_primary_darker)
}
.sidebar-contact p {
width: 100%
}
.sidebar-contact .phone {
margin-top: 0.625rem;
font-size: 1.125rem;
font-weight: 700;
text-decoration: none;
-webkit-transition: color .2s;
-o-transition: color .2s;
transition: color .2s
}
.sidebar-contact .phone:hover {
color: var(--color_brand_primary)
}
.sidebar-contact .phone:before {
content: "";
margin-right: 10px;
font-size: 1rem
}
.sidebar-contact .button {
margin-top: 1.25rem
}
@media (max-width: 400px) {
.sidebar-contact .contact-content {
-ms-flex-wrap:wrap;
flex-wrap: wrap
}
.sidebar-contact .contact-content figure {
margin-right: 0
}
.sidebar-contact .contact-content .info {
margin-top: 0.9375rem
}
}
@media (min-width: 1281px) {
body.oe-page .sidebar-media .heading {
font-size:2.1875rem
}
body.oe-page .sidebar-media.fourth .heading {
font-size: 1.5625rem
}
}
.sidebar-media .heading {
position: absolute;
right: 1.875rem;
bottom: 3.125rem;
left: 1.875rem;
color: var(--color_font_inverse)
}
.sidebar-media.third .watermark .heading, .sidebar-media.fourth .watermark .heading {
bottom: 1.825rem;
}
.sidebar-media.third .heading, .sidebar-media.fourth .heading {
bottom: 0.625rem;
}
.sidebar-media.fourth .heading {
font-size: 1.5625rem;
}
.sidebar-media.video>a {
text-decoration: none;
outline: none
}
.sidebar-media.video>a:after {
display: none!important
}
.sidebar-media.video picture {
position: relative
}
.sidebar-media.video picture:after {
content: "\e915";
text-indent: 0.625rem;
}
.sidebar-media.audio picture:after {
content: "\e916";
}
.sidebar-media.image picture:after {
content: "\e90a";
}
.sidebar-media.download picture:after {
content: "\e913";
}
.sidebar-media picture:after {
/* content: ""; */
position: absolute;
top: 50%;
left: 50%;
display: inline-block;
-webkit-box-sizing: content-box;
box-sizing: content-box;
width: 6.875rem;
height: 6.875rem;
border: 0.5625rem solid var(--color_white);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
color: var(--color_font_inverse);
font-size: 3.125rem;
line-height: 6.875rem;
text-align: center;
/* text-indent: 0.625rem; */
background-color: rgba(64, 64, 64, 0.34);
border-radius: 100%
}
.sidebar-media.third picture:after, .sidebar-media.fourth picture:after {
width: 4rem;
height: 4rem;
border: 0.4rem solid var(--color_white);
font-size: 2rem;
line-height: 4rem;
}
.social {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.social li {
margin-right: 0.53571em;
margin-bottom: 0.53571em
}
.social a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 1.64286em;
height: 1.64286em;
border: 2px solid var(--color_brand_secondary);
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: var(--color_brand_secondary_lighter) !important;
font-size: 1.75rem;
text-decoration: none;
background-color: var(--color_brand_secondary);
-webkit-transition: background-color .2s, color .2s;
-o-transition: background-color .2s, color .2s;
transition: background-color .2s, color .2s
}
.social a:hover {
color: var(--color_brand_secondary);
background-color: var(--color_brand_secondary_lighter)
}
.social .facebook:after {
content: "\e909" !important;
}
.social .youtube:after {
content: "\e923" !important;
font-size: 0.78571em !important;
}
.social .instagram:after {
content: "\e90d" !important;
}
.social .xing:after {
content: "\e922" !important;
}
.social .linkedin:after {
content: "\e910" !important;
}
.social .tiktok:after {
content: "\e931" !important;
}
.social .rss:after {
content: "\e925" !important;
}
.social .twitter:after {
/* content: "\e924" !important; */
content: "\e92a" !important;
}
.social .itunes:after {
content: "\e90e" !important;
font-size: 1.14286em !important;
}
.social .whatsapp:after {
content: "\e926" !important;
}
.social .researchgate:after {
content: "\e927" !important;
}
.social .mastodon:after {
content: "\e928" !important;
}
.social .x:after {
content: "\e92a" !important;
}
@supports (content: "x" / "y") {
.social .facebook:after {
content: "\e909" / "Facebook" !important;
}
.social .youtube:after {
content: "\e923" / "YouTube" !important;
}
.social .instagram:after {
content: "\e90d" / "Instagram" !important;
}
.social .xing:after {
content: "\e922" / "Xing" !important;
}
.social .linkedin:after {
content: "\e910" / "LinkedIn" !important;
}
.social .tiktok:after {
content: "\e931" / "TikTok" !important;
}
.social .rss:after {
content: "\e925" / "RSS" !important;
}
.social .twitter:after {
/* content: "\e924" / "Twitter" !important; */
content: "\e92a" / "X (Twitter)" !important;
}
.social .itunes:after {
content: "\e90e" / "iTunes" !important;
}
.social .whatsapp:after {
content: "\e926" / "WhatsApp" !important;
}
.social .researchgate:after {
content: "\e927" / "ResearchGate" !important;
}
.social .mastodon:after {
content: "\e928" / "Mastodon" !important;
}
.social .x:after {
content: "\e92a" / "X" !important;
}
}
.contact-oe img {
max-width: 25rem
}
.contact-oe .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.contact-oe .info {
-ms-flex-preferred-size: 70%;
flex-basis: 70%
}
.contact-oe .info>* {
margin-top: 1.40625rem;
line-height: 1.2
}
.contact-oe .cta {
-ms-flex-item-align: end;
align-self: flex-end;
margin-left: 1.875rem
}
.contact-oe span {
display: block
}
.contact-oe .name {
font-size: 1.5625rem;
font-weight: 700
}
.contact-oe .phone a {
text-decoration: none;
-webkit-transition: color .3s;
-o-transition: color .3s;
transition: color .3s
}
.contact-oe .phone a:hover {
color: var(--color_brand_primary)
}
@media (max-width: 900px) {
.contact-oe .container {
-ms-flex-wrap:wrap;
flex-wrap: wrap
}
.contact-oe .info {
-ms-flex-preferred-size: 100%;
flex-basis: 100%
}
.contact-oe .cta {
margin-top: 1.40625rem;
margin-left: 0
}
}
@media (max-width: 560px) {
.contact-oe img {
max-width:90%
}
}
.news-element figure .container {
/* News mit und ohne Link würden sich sonst unterscheiden */
/* overflow: hidden */
}
.news-element figure .container picture {
display: block;
-webkit-transition: -webkit-transform .3s;
transition: -webkit-transform .3s;
-o-transition: transform .3s;
transition: transform .3s;
transition: transform .3s, -webkit-transform .3s
}
.news-element figure .container:hover picture {
-webkit-transform: scale(1.03);
-ms-transform: scale(1.03);
transform: scale(1.03)
}
.news-element .headline {
display: inline-block;
margin-top: 0.9375rem;
color: var(--color_brand_secondary);
font-size: 1.375rem;
font-weight: 700;
line-height: 1.2
}
.news-element .headline a {
text-decoration: none;
color: var(--color_brand_secondary);
}
.news-element .headline+p {
margin-top: 1.40625rem
}
.news-element .link {
position: relative;
display: block;
padding-bottom: 5px;
margin-top: 2.8125rem;
border-bottom: 3px solid var(--color_brand_primary);
color: var(--color_brand_primary_darker);
font-weight: 700;
text-decoration: none;
-webkit-transition: color .3s;
-o-transition: color .3s;
transition: color .3s
}
.news-element .link:hover {
color: var(--color_brand_primary_darker)
}
.news-element .link:hover:after {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
.news-element .link:after {
content: "\e900";
position: absolute;
top: 0.3125rem;
right: 0;
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px);
font-family: "kit-icons";
font-size: 0.875rem;
-webkit-transition: -webkit-transform .3s;
transition: -webkit-transform .3s;
-o-transition: transform .3s;
transition: transform .3s;
transition: transform .3s, -webkit-transform .3s
}
.no-js .news-slider .swiper-button-next,.no-js .news-slider .swiper-button-prev {
display: none
}
.news-slider {
position: relative
}
.news-slider .swiper-container {
position: relative
}
.news-slider .swiper-button-next,.news-slider .swiper-button-prev {
width: auto;
height: auto;
color: var(--color_brand_secondary_lighter);
font-size: 2.25em;
background-image: none;
outline: 0
}
.news-slider .swiper-button-prev {
left: -50px
}
.news-slider .swiper-button-next {
right: -50px
}
.news-slider .swiper-button-disabled {
opacity: .4
}
@media (max-width: 1770px) {
.news-slider {
padding-bottom:5.3125rem
}
.news-slider .swiper-button-next,.news-slider .swiper-button-prev {
top: auto;
bottom: 0
}
.news-slider .swiper-button-prev {
left: 45%
}
.news-slider .swiper-button-next {
right: 45%
}
}
@media (max-width: 900px) {
.news-slider .swiper-button-prev {
left:40%
}
.news-slider .swiper-button-next {
right: 40%
}
}
.event-calendar {
position: relative
}
.event-calendar .link-more {
position: absolute;
right: 0;
bottom: calc(100% + 0.9375rem);
color: var(--color_brand_primary_darker);
font-size: 1.125rem;
font-weight: 700;
text-decoration: none;
text-transform: uppercase;
-webkit-transition: color .3s;
-o-transition: color .3s;
transition: color .3s
}
.event-calendar .link-more:hover {
color: var(--color_brand_primary_darker)
}
.event-calendar .link-more:after {
content: "";
display: inline-block;
margin-left: 0.625rem;
font-family: "kit-icons";
font-size: 0.9em;
font-weight: 300
}
.event-calendar li+li {
margin-top: 5px
}
.event-calendar li a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
color: var(--color_brand_secondary);
text-decoration: none
}
.event-calendar li a:hover .time {
color: var(--color_font_inverse);
background-color: var(--color_brand_primary)
}
.event-calendar li .time {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 7.5rem;
padding: 0.9375rem 0.875rem;
margin-right: 5px;
border-left: 10px solid var(--color_brand_primary);
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-weight: 700;
background-color: #d9d9d9;
-webkit-transition: color .3s, background-color .3s;
-o-transition: color .3s, background-color .3s;
transition: color .3s, background-color .3s
}
.event-calendar li .time .days {
font-size: 3.125rem;
line-height: 1
}
.event-calendar li .time .days.range {
font-size: 1.75rem
}
.event-calendar li .teaser {
padding: 1.25rem 1.875rem;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
/* font-size: 1.125rem; */
font-size: 1.25rem;
line-height: 1.2;
background-color: var(--color_brand_secondary_bright)
}
.event-calendar li .teaser .heading {
font-weight: 700
}
.event-calendar .speaker {
font-style: italic;
padding-top: 0.2em;
display: inline-block;
}
@media (max-width: 900px) {
main section .event-calendar {
margin-top:3.28125rem
}
}
.mediathek-teaser {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-preferred-size: calc(66.66667% - 0.625rem);
flex-basis: calc(66.66667% - 0.625rem);
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.mediathek-teaser .link-more {
position: absolute;
right: 0;
bottom: calc(100% + 0.9375rem);
color: var(--color_brand_secondary);
font-size: 1.125rem;
font-weight: 700;
text-decoration: none;
text-transform: uppercase;
-webkit-transition: color .3s;
-o-transition: color .3s;
transition: color .3s
}
.mediathek-teaser .link-more:hover {
color: var(--color_brand_primary)
}
.mediathek-teaser .link-more:after {
content: "";
display: inline-block;
margin-left: 0.625rem;
font-family: "kit-icons";
font-size: 0.8em;
font-weight: 300
}
.mediathek-teaser .teaser-element {
margin-right: 1.875rem;
color: var(--color_brand_secondary);
text-decoration: none
}
.mediathek-teaser .teaser-element:hover .title {
color: var(--color_brand_primary)
}
.mediathek-teaser .teaser-element .title {
display: inline-block;
margin-top: 0.9375rem;
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
-webkit-transition: color .3s;
-o-transition: color .3s;
transition: color .3s
}
.mediathek-teaser .teaser-element p {
font-weight: 700
}
.mediathek-teaser .teaser-element picture {
position: relative;
display: block
}
.mediathek-teaser .teaser-element picture:before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.4) -webkit-radial-gradient(transparent, rgba(0, 0, 0, 0.2));
background: rgba(0, 0, 0, 0.4) -o-radial-gradient(transparent, rgba(0, 0, 0, 0.2));
background: rgba(0, 0, 0, 0.4) radial-gradient(transparent, rgba(0, 0, 0, 0.2))
}
.mediathek-teaser .teaser-element picture:after {
content: '';
position: absolute;
top: 50%;
left: 50%;
display: inline-block;
-webkit-box-sizing: content-box;
box-sizing: content-box;
width: 4.6875rem;
height: 4.6875rem;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
color: var(--color_white);
line-height: 4.6875rem;
text-align: center
}
.mediathek-teaser .teaser-element.podcast picture:after,.mediathek-teaser .teaser-element.video picture:after {
border: 0.5rem solid var(--color_white);
font-size: 1.875rem;
background-color: rgba(64, 64, 64, 0.34);
border-radius: 100%
}
.mediathek-teaser .teaser-element.download picture:after,.mediathek-teaser .teaser-element.gallery picture:after {
width: 7.5rem;
height: 6.25rem;
font-size: 5rem;
line-height: 6.25rem
}
.mediathek-teaser .teaser-element.podcast picture:after {
content: ""
}
.mediathek-teaser .teaser-element.video picture:after {
content: "";
text-indent: 0.625rem
}
.mediathek-teaser .teaser-element.gallery picture:after {
content: ""
}
.mediathek-teaser .teaser-element.download picture:after {
content: ""
}
@supports ((display: -ms-grid) or (display:grid)) {
.mediathek-teaser {
display:-ms-grid;
display: grid;
-ms-grid-columns: (1fr)[12];
grid-template-columns: repeat(12, 1fr);
grid-auto-rows: auto;
gap: 1.875rem;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start
}
.mediathek-teaser .teaser-element {
margin-right: 0
}
}
body.oe-page .mediathek-teaser .teaser-element picture:after {
width: 3.75rem;
height: 3.75rem;
line-height: 3.75rem
}
body.oe-page .mediathek-teaser .teaser-element.podcast picture:after,body.oe-page .mediathek-teaser .teaser-element.video picture:after {
border: 0.375rem solid var(--color_background);
font-size: 1.75rem
}
body.oe-page .mediathek-teaser .teaser-element.download picture:after,body.oe-page .mediathek-teaser .teaser-element.gallery picture:after {
width: 6.25rem;
height: 4.375rem;
font-size: 4.0625rem;
line-height: 4.375rem
}
@media (max-width: 768px) {
main section .mediathek-teaser {
margin-top:1.875rem
}
body .mediathek-teaser .teaser-element picture:after,body.oe-page .mediathek-teaser .teaser-element picture:after {
width: 8.125rem;
height: 8.125rem;
line-height: 8.125rem
}
body .mediathek-teaser .teaser-element.podcast picture:after,body .mediathek-teaser .teaser-element.video picture:after,body.oe-page .mediathek-teaser .teaser-element.podcast picture:after,body.oe-page .mediathek-teaser .teaser-element.video picture:after {
font-size: 3.75rem
}
body .mediathek-teaser .teaser-element.download picture:after,body .mediathek-teaser .teaser-element.gallery picture:after,body.oe-page .mediathek-teaser .teaser-element.download picture:after,body.oe-page .mediathek-teaser .teaser-element.gallery picture:after {
width: 10.625rem;
height: 7.5rem;
font-size: 7.5rem;
line-height: 7.5rem
}
}
.banner {
position: relative;
margin-top: 1.875rem;
overflow: hidden;
background-color: #e5e5e5
}
.banner.white {
background-color: #fff
}
.banner.white .img-container img {
object-fit: contain
}
.banner .content-wrap {
position: relative;
z-index: 1;
background: -webkit-gradient(linear, left top, right top, from(#e5e5e5), color-stop(40%, #e5e5e5), color-stop(43%, rgba(229, 229, 229, 0.97)), color-stop(45%, rgba(229, 229, 229, 0.89)), color-stop(60%, rgba(229, 229, 229, 0)), to(rgba(229, 229, 229, 0)));
background: -webkit-linear-gradient(left, #e5e5e5 0%, #e5e5e5 40%, rgba(229, 229, 229, 0.97) 43%, rgba(229, 229, 229, 0.89) 45%, rgba(229, 229, 229, 0) 60%, rgba(229, 229, 229, 0) 100%);
background: -o-linear-gradient(left, #e5e5e5 0%, #e5e5e5 40%, rgba(229, 229, 229, 0.97) 43%, rgba(229, 229, 229, 0.89) 45%, rgba(229, 229, 229, 0) 60%, rgba(229, 229, 229, 0) 100%);
background: linear-gradient(to right, #e5e5e5 0%, #e5e5e5 40%, rgba(229, 229, 229, 0.97) 43%, rgba(229, 229, 229, 0.89) 45%, rgba(229, 229, 229, 0) 60%, rgba(229, 229, 229, 0) 100%)
}
.banner.white .content-wrap {
background: -webkit-gradient(linear, left top, right top, from(#fff), color-stop(40%, #fff), color-stop(43%, rgba(255, 255, 255, 0.97)), color-stop(45%, rgba(255, 255, 255, 0.89)), color-stop(60%, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0)));
background: -webkit-linear-gradient(left, #fff 0%, #fff 40%, rgba(255, 255, 255, 0.97) 43%, rgba(255, 255, 255, 0.89) 45%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0) 100%);
background: -o-linear-gradient(left, #fff 0%, #fff 40%, rgba(255, 255, 255, 0.97) 43%, rgba(255, 255, 255, 0.89) 45%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0) 100%);
background: linear-gradient(to right, #fff 0%, #fff 40%, rgba(255, 255, 255, 0.97) 43%, rgba(255, 255, 255, 0.89) 45%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0) 100%)
}
.banner .textcontent {
position: relative;
max-width: 45%;
padding-top: 3.75rem;
padding-bottom: 4.6875rem
}
.banner .textcontent .headline {
color: var(--color_black);
font-size: 5rem;
font-weight: 300;
word-break: keep-all;
}
.banner .textcontent p {
margin-top: 3.75rem
}
.banner .textcontent p a {
color: var(--color_brand_primary_darker);
}
.banner .textcontent .button {
margin-top: 1.875rem
}
.banner .img-container {
position: absolute;
top: 0;
right: 0;
bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
max-width: 65%
}
.banner .img-container img {
-o-object-fit: cover;
object-fit: cover
}
@media (max-width: 1280px) {
.banner .textcontent {
max-width:50%
}
}
@media (max-width: 1024px) {
.banner .textcontent .headline {
font-size:2.5rem
}
.banner .textcontent p {
margin-top: 1.875rem
}
}
@media (max-width: 900px) {
.banner .textcontent {
max-width:100%
}
.banner .img-container {
position: static;
max-width: 100%
}
}
.teaser a {
position: relative;
display: block;
padding-right: 25px;
padding-bottom: 5px;
border-bottom: 3px solid var(--color_black);
font-size: 1.5625rem;
font-weight: 700;
line-height: 1.1;
text-decoration: none;
-webkit-transition: border .3s, color .3s;
-o-transition: border .3s, color .3s;
transition: border .3s, color .3s
}
.teaser a:hover {
border-bottom-color: var(--color_brand_primary);
color: var(--color_brand_primary)
}
.teaser a:after {
content: "\e900";
position: absolute;
top: 0.3125rem;
right: 0;
font-family: "kit-icons";
font-size: 1.125rem
}
.teaser p {
margin-top: 1.125rem
}
.service-tile .tilecontent,.service-tile figure img,.service-tile figure picture:before {
border-top-right-radius: 0.5em;
border-bottom-left-radius: 0.5em
}
.service-tile {
position: relative;
color: var(--color_white)
}
.service-tile:after {
content: '';
display: block
}
.service-tile .bottom p {
display: -webkit-inline-box;
overflow: hidden;
-webkit-box-orient: vertical;
width: 100%;
}
.service-tile .bottom a {
color: var(--color_font_inverse);
}
.service-tile.half:after {
padding-bottom: 56.25%
}
.service-tile.half .bottom p {
-webkit-line-clamp: 5
}
.service-tile.third .bottom p {
-webkit-line-clamp: 4
}
.service-tile.fourth:after,.service-tile.third:after,.service-tile.full:after {
padding-bottom: 100%
}
.service-tile.fourth .bottom,.service-tile.third .bottom,.service-tile.full .bottom {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.service-tile.fourth .bottom .button,.service-tile.third .bottom .button,.service-tile.full .bottom .button {
margin-top: 1.25rem;
margin-left: 0
}
.service-tile figure {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0
}
.service-tile figure picture:before {
content: '';
position: absolute;
/* top: 50%; */
top: 33%;
right: 0;
bottom: 0;
left: 0;
background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.7)), to(transparent));
background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.7), transparent);
background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.7), transparent);
background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent)
}
.service-tile figure .watermark {
z-index: 1
}
.service-tile .tilecontent {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 2.5rem 3.125rem 3.125rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
background-color: rgba(0, 0, 0, 0.3)
}
.service-tile .headline {
font-size: 2.5rem;
font-weight: 700;
line-height: 1.1
}
.service-tile .headline:after {
content: '';
display: block;
width: 5rem;
max-width: 100%;
margin-top: 0.05em;
border-bottom: 0.3125rem solid var(--color_white)
}
.service-tile .bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.service-tile .bottom p {
font-size: 1.125rem
}
.service-tile .bottom .button {
margin-left: 2.8125rem;
-ms-flex-negative: 0;
flex-shrink: 1;
word-break: normal;
hyphens: none;
}
@media (max-width: 1280px) {
.service-tile .tilecontent {
padding:1.5625rem 2.1875rem 2.8125rem
}
}
@media (max-width: 1024px) {
.service-tile.half .bottom {
-ms-flex-wrap:wrap;
flex-wrap: wrap
}
.service-tile.half .button {
margin-top: 1.25rem;
margin-left: 0
}
.service-tile.fourth .tilecontent .bottom p,.service-tile.third .tilecontent .bottom p {
-webkit-line-clamp: 3
}
}
@media (max-width: 900px) {
.service-tile.fourth .tilecontent .bottom p,.service-tile.third .tilecontent .bottom p {
/* display:none */
}
}
@media (max-width: 768px) {
.service-tile.fourth .tilecontent,.service-tile.third .tilecontent {
padding:3.125rem
}
.service-tile.fourth .tilecontent .bottom p,.service-tile.third .tilecontent .bottom p {
display: -webkit-inline-box;
-webkit-line-clamp: none
}
}
@media (max-width: 480px) {
.service-tile.half .tilecontent .bottom p {
-webkit-line-clamp:2
}
.service-tile.fourth .tilecontent,.service-tile.third .tilecontent {
padding: 2.5rem
}
.service-tile.fourth .tilecontent .bottom p,.service-tile.third .tilecontent .bottom p {
-webkit-line-clamp: 4
}
}
@media (max-width: 350px) {
.service-tile.half .tilecontent .bottom p {
display:none
}
}
@media (min-width: 769px) and (max-width: 1024px) {
.service-tile.third .bottom p {
display: none;
}
.service-tile.third .headline {
overflow: hidden;
}
}
.instagram-feed {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.instagram-feed .link-more {
position: absolute;
right: 0;
bottom: calc(100% + 0.9375rem);
color: var(--color_brand_secondary);
font-size: 1.125rem;
font-weight: 700;
text-decoration: none;
-webkit-transition: color .3s;
-o-transition: color .3s;
transition: color .3s
}
.instagram-feed .link-more:hover {
color: var(--color_brand_primary)
}
.instagram-feed .link-more:after {
content: "";
display: inline-block;
margin-left: 0.625rem;
font-family: "kit-icons";
font-size: 1.5em;
font-weight: 300
}
.instagram-feed .instagram-image {
width: calc(20% - 1.5rem);
margin-right: 1.875rem
}
.instagram-feed .instagram-image:nth-of-type(5n) {
margin-right: 0
}
.instagram-feed .instagram-image:nth-of-type(n+6) {
margin-top: 1.875rem
}
@media (max-width: 900px) {
.instagram-feed .instagram-image {
width:calc(33.33333% - 1.25rem)
}
.instagram-feed .instagram-image:nth-of-type(5n) {
margin-right: 1.875rem
}
.instagram-feed .instagram-image:nth-of-type(3n) {
margin-right: 0
}
.instagram-feed .instagram-image:nth-of-type(n+4) {
margin-top: 1.875rem
}
}
@media (max-width: 768px) {
main section .instagram-feed {
margin-top:1.875rem
}
}
@media (max-width: 560px) {
.instagram-feed .instagram-image {
width:calc(50% - 0.94rem)
}
.instagram-feed .instagram-image:nth-of-type(3n) {
margin-right: 1.875rem
}
.instagram-feed .instagram-image:nth-of-type(2n) {
margin-right: 0
}
.instagram-feed .instagram-image:nth-of-type(n+3) {
margin-top: 1.875rem
}
}
/* EIGENE STYLES */
/* !important bei .social [.youtube, etc.] hinzugefügt */
@supports (hyphens: auto) {
.content * {
hyphens: auto;
}
}
/* neue Portal-Teaser */
.portal_teaser {
position: relative;
display: block;
}
.portal_teaser .box .body a {
color: #00876c;
font-weight: 400;
}
.portal_teaser.third {
--margin-image-x: 2em;
--margin-image-y: 2em;
}
.portal_teaser.half {
--margin-image-x: 2em;
--margin-image-y: 2em;
}
.portal_teaser.two-third {
--margin-image-x: 3em;
--margin-image-y: 3em;
}
.portal_teaser.full {
--margin-image-x: 4em;
--margin-image-y: 4em;
}
.portal_teaser.banner_like.third, .portal_teaser.banner_like.half {
--margin-image-x: 0em;
--margin-image-y: 2em;
}
.portal_teaser.banner_like.two-third {
--margin-image-x: 0em;
--margin-image-y: 3em;
}
.portal_teaser.banner_like.full {
--margin-image-x: 0em;
--margin-image-y: 2em;
}
.portal_teaser.nolink.two-third {
--margin-image-x: 2em;
--margin-image-y: 2em;
}
.portal_teaser.nolink.full {
--margin-image-x: 2em;
--margin-image-y: 2em;
}
.portal_teaser .cut_strange {
display: inline-block;
width: calc(100% - var(--margin-image-x));
}
.portal_teaser .cut_strange img {
object-fit: cover;
width: 100%;
}
.portal_teaser.raute {
--aspect-ratio-x: calc((sin(var(--degree)deg) * 100) + 100);
--aspect-ratio-y: calc(cos(var(--degree)deg) * 100);
}
.portal_teaser.r11 {
--aspect-ratio-x: 1;
--aspect-ratio-y: 1;
}
.portal_teaser.r169 {
--aspect-ratio-x: 16;
--aspect-ratio-y: 9;
}
.portal_teaser.r329 {
--aspect-ratio-x: 32;
--aspect-ratio-y: 9;
}
.portal_teaser .cut_strange {
clip-path: polygon(calc(tan(var(--degree)deg) * 100% * var(--aspect-ratio-y) / var(--aspect-ratio-x)) 0, 100% 0, calc(100% - tan(var(--degree)deg) * 100% * var(--aspect-ratio-y) / var(--aspect-ratio-x)) 100%, 0 100%);
}
.portal_teaser.banner_like .cut_strange {
clip-path: polygon(calc(tan(var(--degree)deg) * 100% * var(--aspect-ratio-y) / var(--aspect-ratio-x)) 0, 100% 0, 100% 100%, 0 100%);
}
.portal_teaser .cut_strange img {
aspect-ratio: var(--aspect-ratio-x) / var(--aspect-ratio-y);
}
.portal_teaser.crazy .cut_strange {
background-color: #00876c;
}
.portal_teaser.crazy .cut_strange img {
opacity: 0;
}
.portal_teaser.textboxtop .cut_strange {
margin-top: var(--margin-image-y);
}
.portal_teaser.textboxtop div.box {
top: 0;
}
.portal_teaser.textboxbottom .cut_strange {
margin-bottom: var(--margin-image-y);
}
.portal_teaser.textboxbottom div.box {
bottom: 0;
}
.portal_teaser.textboxleft .cut_strange {
margin-left: var(--margin-image-x);
}
.portal_teaser.textboxleft div.box {
left: 0;
}
.portal_teaser.textboxright .cut_strange {
margin-right: var(--margin-image-x);
}
.portal_teaser.textboxright div.box {
right: 0;
}
.portal_teaser div.box {
background-color: #fff;
position: absolute;
width: 60%;
overflow: hidden;
max-height: 100%;
_opacity: 0.95;
}
.portal_teaser div.box.shadowlayer {
box-shadow: 0em 0em 1em #e5e5e5;
z-index: 0;
}
.portal_teaser.third div.box div.headline {
font-weight: bold;
font-size: 1.3em;
}
.portal_teaser.half div.box div.headline {
font-weight: bold;
font-size: 1.6em;
}
.portal_teaser.two-third div.box div.headline, .portal_teaser.full div.box div.headline {
font-weight: bold;
font-size: 1.9em;
}
.portal_teaser.third div.box div.body {
font-size: 0.9em;
}
.portal_teaser.completelink {
cursor: pointer;
}
.portal_teaser.completelink picture img {
transition: transform .3s;
}
.portal_teaser.completelink:hover picture img {
transform: scale(1.03);
}
.portal_teaser.third.completelink div.box, .portal_teaser.half.completelink div.box, .portal_teaser.two-third.completelink div.box {
padding: 1em 0.75em 1em 0.75em;
}
.portal_teaser.full.completelink div.box {
padding: 1em 1.5em 1em 1.5em;
}
.portal_teaser.completelink div.box:after {
content: " ";
display: block;
background-color: #fff;
width: calc(100% - 1.5em);
height: 1em;
position: absolute;
bottom: 0;
z-index: 0;
}
.portal_teaser.completelink div.box a.link {
display: none;
}
.portal_teaser.third.textlink div.box, .portal_teaser.half.textlink div.box, .portal_teaser.two-third.textlink div.box {
padding: 1em 0.75em 3em 0.75em;
}
.portal_teaser.full.textlink div.box {
padding: 1em 1.5em 3em 1.5em;
}
.portal_teaser.third.nolink div.box, .portal_teaser.half.nolink div.box, .portal_teaser.two-third.nolink div.box {
padding: 1em 0.75em 1em 0.75em;
}
.portal_teaser.full.nolink div.box {
padding: 1em 1.5em 1em 1.5em;
}
.portal_teaser.textlink div.box:after {
content: " ";
display: block;
background-color: #fff;
width: calc(100% - 1.5em);
height: 3em;
position: absolute;
bottom: 0;
z-index: 0;
}
.portal_teaser.full.textlink div.box:after {
width: calc(100% - 3em);
}
.portal_teaser.textlink div.box a.link {
display: block;
color: #00876c;
position: absolute;
bottom: 1em;
border-bottom: 3px solid #00876c;
width: calc(100% - 1.5em);
font-weight: 700;
z-index: 1;
}
.portal_teaser.full.textlink div.box a.link {
width: calc(100% - 3em);
}
.portal_teaser.textlink div.box a.link:after {
content: "\e900";
position: absolute;
top: 0.3125rem;
right: 0;
transform: translateX(-10px);
font-family: "kit-icons";
transition: transform .3s, -webkit-transform .3s;
font-size: 0.9em;
}
.portal_teaser.textlink div.box a.link:hover {
text-decoration: none;
}
.portal_teaser.textlink div.box a.link:hover:after {
transform: translateX(0);
}
.portal_teaser.buttonlink div.box:after {
content: " ";
display: block;
background-color: #fff;
width: calc(100% - 1.5em);
height: 4em;
position: absolute;
bottom: 0;
z-index: 0;
}
.portal_teaser.full.buttonlink div.box:after {
width: calc(100% - 3em);
height: 5em;
}
.portal_teaser.third.buttonlink div.box, .portal_teaser.half.buttonlink div.box, .portal_teaser.two-third.buttonlink div.box {
padding: 1em 0.75em 4em 0.75em;
}
.portal_teaser.third.buttonlink div.box a.link, .portal_teaser.half.buttonlink div.box a.link , .portal_teaser.two-third.buttonlink div.box a.link {
padding: 0.5em 1.5em;
}
.portal_teaser.full.buttonlink div.box {
padding: 1em 1.5em 5em 1.5em;
}
.portal_teaser.full.buttonlink div.box a.link {
padding: 1em 3em;
}
.portal_teaser.buttonlink div.box a.link {
display: inline-block;
background-color: #00876c;
color: #fff;
font-weight: 700;
position: absolute;
bottom: 1em;
z-index: 1;
transition: background-color .3s
}
.portal_teaser.buttonlink div.box a.link:hover {
background-color: var(--color_brand_primary_darker);
}
@media (max-width: 1024px) {
.portal_teaser .cut_strange {
width: 100%;
}
.portal_teaser.textboxright .cut_strange {
margin-right: 0;
}
.portal_teaser.textboxleft .cut_strange {
margin-left: 0;
}
.portal_teaser.textboxtop .cut_strange {
margin-top: 0;
}
.portal_teaser.textboxbottom .cut_strange {
margin-bottom: 0;
}
.portal_teaser div.box {
width: 100%;
}
}
.portal_teaser img.overlay {
position: absolute;
max-height: calc(100% - 4em);
max-width: 40%;
}
.portal_teaser.textboxtop img.overlay {
top: 2em;
}
.portal_teaser.textboxbottom img.overlay {
bottom: 2em;
}
.portal_teaser.textboxright img.overlay {
left: 0;
}
.portal_teaser.textboxleft img.overlay {
left: 60%;
}
@media (max-width: 1024px) {
.portal_teaser.textboxtop img.overlay {
top: auto;
bottom: 2em;
}
.portal_teaser.textboxbottom img.overlay {
top: 2em;
bottom: auto;
}
.portal_teaser.textboxleft img.overlay {
left: auto;
right: 2em;
}
.portal_teaser.textboxright img.overlay {
right: auto;
left: 2em;
}
.portal_teaser .overlay {
max-height: calc((100% - 2em) / 2);
max-width: calc(100% - 4em);
}
}
/* Details / Summary als Akkordeon */
.text details {
margin-top: 0;
}
details > div {
margin-top: 1.25rem;
}
summary {
margin-top: 0;
padding: 0.625rem 0 0.3125rem;
border-bottom: 0.3125rem solid var(--color_brand_secondary_lighter);
cursor: pointer;
-webkit-transition: border .3s;
-o-transition: border .3s;
transition: border .3s, color .3s;
color: var(--color_black);
font-size: 1.375rem;
font-weight: 700;
}
details[open] summary {
border-color: var(--color_brand_primary);
color: var(--color_brand_primary);
}
summary:hover {
border-color: var(--color_brand_primary);
color: var(--color_brand_primary);
}
summary:after {
content: "\e921";
margin-left: 1em;
vertical-align: middle;
display: inline-block;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
font-family: "kit-icons";
font-size: 0.75rem;
-webkit-transition: -webkit-transform .3s;
transition: -webkit-transform .3s;
-o-transition: transform .3s;
transition: transform .3s;
transition: transform .3s, -webkit-transform .3s;
}
details[open] summary:after {
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
/* ******* */
/* MAGAZIN */
/* ******* */
/* ****** */
/* MAGAZINBILDER */
/* ****** */
.outer_mag_banner .mag_banner {
position: relative;
}
.outer_mag_banner .mag_banner .img-container {
position: relative;
/*
padding-bottom: 56.25%;
padding-bottom: 28.125%;
*/
padding-bottom: 36%;
}
.outer_mag_banner .mag_banner .img-container img {
position: absolute;
object-fit: cover;
width: 100%;
height: 100%;
}
/* 1 BILD */
.outer_mag_banner .mag_banner.title1 .img-container img {
border-bottom-left-radius: 1.875rem;
border-top-right-radius: 1.875rem;
}
/* 2 BILDER */
.outer_mag_banner .mag_banner.title2 .img-container img:first-child {
border-bottom-left-radius: 1.875rem;
width: calc((200% / 3) - 0.9375rem);
}
.outer_mag_banner .mag_banner.title2 .img-container img:nth-child(2) {
border-top-right-radius: 1.875rem;
width: calc((100% / 3) - 0.9375rem);
right: 0;
}
@media (max-width: 1024px) {
.outer_mag_banner .mag_banner.title2 .img-container img:first-child,
.outer_mag_banner .mag_banner.title3 .img-container img:first-child {
border-top-right-radius: 1.875rem;
width: 100% !important;
}
.outer_mag_banner .mag_banner .img-container img:nth-child(1n+2) {
display: none;
}
}
/* 3 BILDER */
.outer_mag_banner .mag_banner.title3 .img-container img:first-child {
border-bottom-left-radius: 1.875rem;
width: calc((200% / 3) - 0.9375rem);
}
.outer_mag_banner .mag_banner.title3 .img-container img:nth-child(2) {
border-top-right-radius: 1.875rem;
width: calc((100% / 3) - 0.9375rem);
height: calc(50% - 0.9375rem);
right: 0;
}
.outer_mag_banner .mag_banner.title3 .img-container img:nth-child(3) {
width: calc((100% / 3) - 0.9375rem);
height: calc(50% - 0.9375rem);
right: 0;
top: calc(50% + 0.9375rem);
}
.outer_mag_banner .mag_banner .text-container>img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center 35%;
transition: transform 0.3s;
}
.outer_mag_banner .mag_banner a.text-container:hover>img {
transform: scale(1.03);
}
/* ***** */
/* MAGAZINTEXTE */
/* ***** */
.outer_mag_banner .mag_banner .text-container {
text-shadow: 0px 0px 0.4em black;
padding: 3.75rem;
position: absolute;
color: #fff;
z-index: 1;
overflow: hidden;
}
.outer_mag_banner .mag_banner a.text-container:hover {
text-decoration: none;
}
.outer_mag_banner .mag_banner a.text-container:after {
display: none;
}
.outer_mag_banner .mag_banner .text-container>div.text {
position: absolute;
width: calc(100% - 7.5rem);
height: calc(100% - 7.5rem);
left: 3.75rem;
top: 3.75rem;
margin-top: 0;
}
.outer_mag_banner .mag_banner .text-container .bottom {
bottom: 0;
position: absolute;
width: 100%;
left: 0;
}
.outer_mag_banner .mag_banner .text-container .copyright {
position: absolute;
bottom: 1px;
right: 5px;
font-size: 0.7em;
}
.outer_mag_banner .mag_banner .text-container .category {
text-transform: uppercase;
background-color: var(--color_brand_primary);
display: inline-block;
padding: 0 0.25rem;
}
.outer_mag_banner .mag_banner .text-container .category a {
color: #fff;
font-weight: lighter;
z-index: 2;
position: relative;
}
.outer_mag_banner .mag_banner .text-container .category a:hover {
text-decoration: none;
}
.outer_mag_banner .mag_banner .text-container .category a:after {
display: none;
}
.outer_mag_banner .mag_banner .text-container .full_link {
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
cursor: pointer;
z-index: 1;
}
.outer_mag_banner .mag_banner .text-container .full_link:after {
display: none;
}
.outer_mag_banner .mag_banner .text-container h1 {
margin-top: 1rem;
color: #fff;
border-bottom: 0.3125rem solid var(--color_brand_primary);
display: inline-block;
}
.outer_mag_banner .mag_banner .text-container h1:after {
display: none;
}
.outer_mag_banner .mag_banner .text-container:first-child {
left: 0;
top: 0;
height: 100%;
border-bottom-left-radius: 1.875rem;
width: 100%;
}
.outer_mag_banner .mag_banner.title1 .text-container:first-child {
border-top-right-radius: 1.875rem;
}
.outer_mag_banner .mag_banner.title2 .text-container:first-child,
.outer_mag_banner .mag_banner.title3 .text-container:first-child {
width: calc((200% / 3) - 0.9375rem);
}
/* WEITERE BILDER */
.outer_mag_banner .mag_banner .text-container:nth-child(1n+2) {
width: calc((100% / 3) - 0.9375rem);
left: calc((200% / 3) + 0.9375rem);
}
.outer_mag_banner .mag_banner .text-container:nth-child(2) {
top: 0;
border-top-right-radius: 1.875rem;
}
.outer_mag_banner .mag_banner.title3 .text-container:nth-child(3) {
top: calc(50% + 0.9375rem);
}
.outer_mag_banner .mag_banner.title2 .text-container:nth-child(2) {
height: 100%;
}
.outer_mag_banner .mag_banner.title3 .text-container:nth-child(1n+2) {
height: calc(50% - 0.9375rem);
}
.outer_mag_banner .mag_banner .text-container:nth-child(1n+2) h1 {
font-size: 1.5625rem;
}
.outer_mag_banner .mag_banner.title3 .text-container:nth-child(1n+2) h1 {
border-bottom: none;
}
.outer_mag_banner .mag_banner.title3 .text-container:nth-child(2) .anleser,
.outer_mag_banner .mag_banner.title3 .text-container:nth-child(3) .anleser {
display: none;
}
@media (max-width: 1024px) {
.outer_mag_banner .mag_banner .text-container:first-child {
width: 100% !important;
border-top-right-radius: 1.875rem;
}
.outer_mag_banner .mag_banner .text-container:nth-child(1n+2) {
display: none;
}
}
a.kit_fancybox {
display: inline-block;
}
body main .testimonial {
background-size: cover;
background-position:center center;
border-top-right-radius: 0.625em;
border-bottom-left-radius: 0.625em;
position: relative;
}
body main .testimonial .content-wrap {
border: 3px solid #fff;
padding: 0.875rem 1.875rem;
width: auto;
color: #fff;
border-top-right-radius: 0.625em;
border-bottom-left-radius: 0.625em;
background-color: rgba(64,64,64,0.25);
}
body main .testimonial .content-wrap a {
color: #fff;
text-decoration: underline;
}
body main .testimonial.black .content-wrap {
color: #000;
border-color: #444;
background-color: rgba(192,192,192,0.25);
}
body main .testimonial .content-wrap {
margin: 2.1875rem 2.1875rem 2.1875rem calc(50% + (1.875rem / 2) + 2.1875rem);
}
body main .testimonial.left .content-wrap {
margin: 2.1875rem calc(50% + (1.875rem / 2) + 2.1875rem) 2.1875rem 2.1875rem;
}
body main .testimonial.half .content-wrap {
margin: 2.1875rem 2.1875rem 2.1875rem calc(((100% - (5 * 1.875rem)) / 3) + 2 * 1.875rem + 2.1875rem);
}
body main .testimonial.half.left .content-wrap {
margin: 2.1875rem calc(((100% - (5 * 1.875rem)) / 3) + 2 * 1.875rem + 2.1875rem) 2.1875rem 2.1875rem;
}
body main .testimonial.third .content-wrap {
margin: 50% 2.1875rem 2.1875rem 2.1875rem;
}
body main .testimonial.full .content-wrap {
font-size: 2rem;
border-width: 5px;
}
body main .testimonial .watermark {
position: absolute;
right: 2.1875rem;
font-size: 1rem;
color: #fff;
bottom: 0;
}
body main .testimonial.left .watermark {
right: auto;
left: 2.1875rem;
}
body main .testimonial.black .watermark {
color: #000;
}
@media (max-width: 768px) {
body main .testimonial .content-wrap {
margin-top: 2.1875rem !important;
margin-left: 2.1875rem !important;
}
}
body main .testimonial .normal_fontsize { font-size: 1em; }
body main .testimonial .smaller_fontsize { font-size: 0.8em; }
.ext_cont_js {
display:none;
border:1px solid var(--color_brand_primary_lighter);
border-radius:3px;
padding:5px;
}
.ext_cont_nojs {
border:1px solid var(--color_brand_primary_lighter);
border-radius:3px;
padding:5px;
}
.ext_cont_activate {
border: 1px solid var(--color_brand_primary);
border-radius: 3px;
padding: 2px 5px;
color: var(--color_white);
background-color: var(--color_brand_primary);
cursor:pointer;
}
.skip_navigation {
position: absolute;
top: -1.2em;
left: 1.375em;
}
.skip_navigation:not(:focus) {
position: absolute;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(0 0 0 0);
clip-path: inset(100%);
white-space: nowrap;
}
.fancybox-arrow {
width: 88px;
}
.fancybox-arrow[disabled]::after {
background-color: #808080;
}
.fancybox-arrow:after {
background-color: rgba(0,135,108,.6);
width: 88px;
height: 88px;
background-size: 48px 48px;
}
.fancybox-button {
background: rgba(0,135,108,.6)
}
/*
2025-03-13 - MPh - News-Link fehlt Pfeil
.news-element a[href^=http]:not([href*='.kit.edu']):after, figure a[href^=http]:not([href*='.kit.edu']):after {
*/
figure a[href^=http]:not([href*='.kit.edu']):not([class*='link']):after {
display:none
}
figure figcaption a[href^=http]:not([href*='.kit.edu']):after {
display: inline-block;
}
input[type=date], input[type=datetime], input[type=datetime-local], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], textarea {
border: 1px solid var(--color_brand_secondary_light_dark);
padding: 0.3125em 0.5em;
}
.collapseTableTextNarrow {
display: none;
}
@media (max-width: 900px) {
.collapseTableTextWide {
display: none;
}
.collapseTableTextNarrow {
display: inline;
}
}
table.transparent tr {
background-color: transparent !important;
}
.sidebar-media figure .container {
overflow: hidden
}
.sidebar-media figure .container picture {
display: block;
-webkit-transition: -webkit-transform .3s;
transition: -webkit-transform .3s;
-o-transition: transform .3s;
transition: transform .3s;
transition: transform .3s, -webkit-transform .3s
}
.sidebar-media figure .container:hover picture {
-webkit-transform: scale(1.03);
-ms-transform: scale(1.03);
transform: scale(1.03)
}
.newslist_date {
float: right;
font-size: 1rem;
}
figure.person_portrait {
position: relative;
}
figure.person_portrait figcaption {
position: absolute;
bottom: 3px;
right: 3px;
color: #fff;
text-shadow: -1px -1px 1px var(--color_brand_secondary), -1px 1px 1px var(--color_brand_secondary), 1px -1px 1px var(--color_brand_secondary), 1px 1px 1px var(--color_brand_secondary);
font-size: 0.9rem;
}
.vldesc>table tr td:first-child {
width: 25%;
}
.text img[align="right"],.text figure[style*="float: right"],.text figure[style*="float:right"]{
margin-left: 1.875rem;
}
.text img[align="left"],.text figure[style*="float: left"],.text figure[style*="float:left"]{
margin-right: 1.875rem;
}
/* für PIs */
.bild-desc {
font-weight: 100;
font-size: 0.9em;
margin-top: 0 !important;
}
.piimage img {
width: 100%;
}
.outer_banner .img-container .copyright {
position: absolute;
bottom: 0;
right: 2.1875rem;
color: #fff;
font-weight: 100;
font-size: 0.9em;
text-shadow: 0 0 4px var(--color_brand_secondary);
}
.swiper-slide p a:after {
content: "\e900";
font-family: "kit-icons";
display: inline-block;
margin-left: 5px;
font-size: 0.7em;
font-weight: 300;
-webkit-transition: -webkit-transform .2s;
transition: -webkit-transform .2s;
-o-transition: transform .2s;
transition: transform .2s;
transition: transform .2s, -webkit-transform .2s;
will-change: transform;
}
.swiper-slide p a:hover {
text-decoration: none;
}
.swiper-slide p a:hover:after {
-webkit-transform: translateX(50%);
-ms-transform: translateX(50%);
transform: translateX(50%)
}
.page-footer .social a:hover {
background-color: var(--color_brand_secondary_bright);
}
.page-footer .social a:hover:after {
color: var(--color_brand_secondary) !important;
}
.page-footer .social a:after {
margin-left: 0 !important;
color: var(--color_brand_secondary_bright) !important;
}
@media screen and (-ms-high-contrast: none) {
.news-element .link {
bottom: auto !important;
margin-top: 1rem;
}
}
@media screen and (-ms-high-contrast: active) {
.news-element .link {
bottom: auto !important;
margin-top: 1rem;
}
}
@media screen and (max-width:1024px) and (-ms-high-contrast: none) {
.navigation .navigation-main .submenu{
cursor: pointer;
}
.navigation .navigation-main {
display: none;
}
.navigation.active .navigation-main {
display: block;
}
.navigation .side-widgets {
display: none;
}
.navigation .burger {
height: 3em;
}
}
@media screen and (max-width:1024px) and (-ms-high-contrast: active) {
.navigation .navigation-main .submenu{
cursor: pointer;
}
.navigation .navigation-main {
display: none;
}
.navigation.active .navigation-main {
display: block;
}
.navigation .side-widgets {
display: none;
}
.navigation .burger {
height: 3em;
}
}
.info-container .info-content>h3 {
-ms-grid-column: 1;
-ms-grid-column-span:2;
}
.info-container .info-content .info {
-ms-grid-row: 2;
-ms-grid-column: 1;
}
.info-container .info-content .links, .info-container .info-content .info:last-child {
-ms-grid-row: 2;
-ms-grid-column: 2;
}
.service-tile a {
text-decoration: underline;
}
.infobox p.endline {
padding-bottom: 0.5em;
border-bottom: 1px solid var(--color_brand_secondary);
}
.news-element .headline a {
font-weight: 700;
}
.news-element a {
color: var(--color_brand_primary_darker);
font-weight: 400;
}
.header_copyright {
position: absolute;
bottom: 3.6rem;
font-weight: 100;
}
.last_change {
position: absolute;
bottom: 3.6rem;
right: calc(50% - 860px + 2.1875rem);
font-weight: 100;
}
@media (max-width: 1710px) {
.last_change {
right: 2.1875rem;
}
}
:focus {
outline: 1px dashed var(--color_brand_primary);
}
th :focus, .quote-element :focus {
outline-color: var(--color_white);
}
body.oe-page .stage-big p.bigger {
font-size: 5rem;
}
body.oe-page .stage-big p {
font-weight: normal;
font-size: 3.59375rem;
display: -webkit-inline-box;
overflow: hidden;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical
}
@media (max-width: 1024px) {
body.oe-page .stage-big p.bigger {
font-size:3.59375rem;
}
}
.logo_oe {
flex-shrink: 0;
max-width: 24em;
}
body.oe-page .stage-big .content-wrap .logo_oe img {
max-height: calc(8.265625rem - 5px) !important;
height: auto !important;
width: 25vw;
object-position: right;
object-fit: contain;
}
.sprungmarken {
background-color: var(--color_brand_secondary_bright);
padding: 1em 1em;
margin-bottom: 1em;
}
.sprungmarken ul {
margin-left: 1.5rem;
}
.sprungmarken ul a {
color: var(--color_brand_primary_darker);
}
.event .event-content>a {
width: 100%;
}
.event .info a:hover {
text-decoration:none;
}
.event:hover figure .container picture {
-webkit-transform: scale(1.03);
-ms-transform: scale(1.03);
transform: scale(1.03);
}
.event figure .container picture {
display: block;
-webkit-transition: -webkit-transform .3s;
transition: -webkit-transform .3s;
-o-transition: transform .3s;
transition: transform .3s;
transition: transform .3s, -webkit-transform .3s;
width: 100%;
height: 0;
padding-bottom: 56.25%;
position: relative;
}
.event figure {
overflow:hidden;
}
.event figure .container picture img {
position: absolute;
left: 0;
top: 0;
width: 100%;
object-fit: cover;
}
.event .description {
display:-webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 6;
overflow:hidden;
}
.quote-element a.block:after, .quote-element .block a:after {
content: "\e900";
font-family: "kit-icons";
display: inline-block;
margin-left: 5px;
font-size: 0.7em;
font-weight: 300;
-webkit-transition: -webkit-transform .2s;
transition: -webkit-transform .2s;
-o-transition: transform .2s;
transition: transform .2s;
transition: transform .2s, -webkit-transform .2s;
will-change: transform;
}
.quote-element a.block:hover:after, .quote-element .block a:hover:after {
-webkit-transform: translateX(50%);
-ms-transform: translateX(50%);
transform: translateX(50%)
}
.quote-element a.block, .quote-element .block a {
display: block;
text-decoration: none;
}
.quote-element.smaller {
font-size: 2.185rem;
}
@media (max-width: 1280px) {
.quote-element.smaller {
font-size: 1.865rem;
}
}
@media (max-width: 1024px) {
.quote-element.smaller {
font-size: 1.55rem;
}
}
.quote-element a {
color: var(--color_white);
text-decoration: underline;
}
.service-tile .headline {
/* overflow: hidden; auskommentiert, weil sonst textschatten abgeschnitten wird */
display: -webkit-box;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;
}
@media (max-width: 1024px) {
.service-tile .headline {
-webkit-line-clamp: 3;
}
}
/* Aufmacher-Startseite ohne OE-Bezeichnung? dann auch ohne grünen Balken, aber Höhe beibehalten. Deshalb nur transparent. */
h2.noline:after {
border-bottom-color: transparent !important;
}
/* Überschriften-Balken-Animation abschalten */
.text .h2:not(.underline):after,.text .h3:not(.underline):after,.text .h4:not(.underline):after,.text .h5:not(.underline):after,.text .h6:not(.underline):after,.text h2:not(.underline):after,.text h3:not(.underline):after,.text h4:not(.underline):after,.text h5:not(.underline):after,.text h6:not(.underline):after {
opacity:1 !important;
transform: none !important;
}
/* Schatten ändern */
body.oe-page .stage-slider h2, body.oe-page .stage-big p {
text-shadow: 0 0 16px rgba(0,0,0,1);
}
body.oe-page .stage-slider p, body.oe-page .stage-small a:first-child {
text-shadow: 0 0 8px rgba(0,0,0,1);
}
.stage-slider .image:after, .stage:after {
background: none !important;
}
figure:not(.shadow) picture:before {
background: none !important;
}
.tilecontent:not(.shadow) {
background-color: transparent !important;
}
.tilecontent .headline {
text-shadow: 0 0 8px rgba(0,0,0,1);
}
.tilecontent:not(.shadow) .bottom {
_text-shadow: 0 0 4px rgba(0,0,0,1);
text-shadow:
1px 1px 1px rgba(0,0,0,0.7),
-1px -1px 1px rgba(0,0,0,0.7),
-1px 1px 1px rgba(0,0,0,0.7),
1px -1px 1px rgba(0,0,0,0.7)
}
.tilecontent .button {
text-shadow: none;
}
/* OE-Name ausgeben */
.page-header #logo_oe_name {
opacity: 0;
visibility: hidden;
pointer-events: none;
position: absolute;
top: 0;
right: 0;
font-size: 1rem;
max-width: calc(100% - 1rem);
/* overflow: hidden; sonst fehlen bei Ö die Punkte (O statt Ö) */
white-space: nowrap;
text-overflow: ellipsis;
height: 1.3rem;
}
@media (max-width: 1024px) {
.page-header #logo_oe_name {
overflow: hidden;
}
}
.page-header.scrolled #logo_oe_name {
opacity: 1;
visibility: visible;
pointer-events: visible;
-webkit-transition-delay: .3s;
-o-transition-delay: .3s;
transition-delay: .3s;
-webkit-transition-duration: .2s;
-o-transition-duration: .2s;
transition-duration: .2s;
-webkit-transition-property: opacity, visibility;
-o-transition-property: opacity, visibility;
transition-property: opacity, visibility;
}
@media (max-width: 1024px) {
.page-header #logo_oe_name {
opacity: 1;
visibility: visible;
pointer-events: visible;
left: 12rem;
top: unset;
bottom: 0;
padding-bottom: 0.75rem;
max-width: calc(100% - 25rem);
height: auto;
}
}
.text ol, .text ul {
overflow: hidden;
}
.contact-box .fifty {
flex-basis: calc(50% - 0.5rem);
}
/*
@media (max-width: 1024px) {
.third .fifty {
width: 100%;
flex-basis: 100%;
}
}
@media (max-width: 768px) {
*/
@media (max-width: 1024px) {
.third .fifty {
flex-basis: calc(50% - 0.5rem);
}
}
.contact-box {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.contact-box>* {
flex-basis: 100%;
}
.contact-box .headline {
font-weight: bold;
}
.contact-box .phone_block {
display: block;
text-indent: calc(-1em - 0.5rem);
padding-left: calc(1em + 0.5rem);
}
.contact-box .overflow_block {
display: block;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.contact-box>* {
overflow: hidden;
}
.contact-box .icon {
width: 1em;
margin-right:0.5rem;
}
.contact-box figure .container {
overflow: hidden
}
.contact-box figure .container picture {
display: block;
-webkit-transition: -webkit-transform .3s;
transition: -webkit-transform .3s;
-o-transition: transform .3s;
transition: transform .3s;
transition: transform .3s, -webkit-transform .3s
}
.contact-box figure .container:hover picture {
-webkit-transform: scale(1.03);
-ms-transform: scale(1.03);
transform: scale(1.03)
}
a:not([href]):empty {
position:relative;
top: calc(-7.5625rem - 1.875rem);
}
@media (max-width: 1024px) {
a:not([href]):empty {
top: calc(-5.3125rem - 1.875rem);
}
}
.oe-page .stage-slider-tiles {
max-width: 1300px;
padding-left: 2.1875rem;
padding-right: 2.1875rem;
}
.event-calendar li .time .days.range {
word-break: keep-all;
}
.event-calendar .teaser .description {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
/* max-height: 3.6em; */
}
.event-calendar .teaser .description * {
display: inline;
}
.sidebar-event .h2+* {
margin-top: 1.875rem
}
.formular tbody tr {
background-color: transparent !important;
}
.formular input, .formular textarea {
background-color: transparent !important;
border: 2px solid var(--color_brand_primary);
margin-bottom: 6px;
}
.formular input[type="submit"], .preview input[type="submit"] {
background: var(--color_brand_primary) !important;
border-radius: 0 !important;
border: none;
}
table a[itemprop="name"] {
font-weight: bold;
}
table.table_style_2 tbody tr {
background-color: transparent;
border-bottom: 1px solid var(--color_brand_secondary_lighter);
}
table.table_style_2 thead {
background-color: var(--color_brand_secondary_light_dark);
}
.publist input.filter {
width: 100px !important;
background-color: var(--color_brand_secondary_bright);
vertical-align: middle;
padding: 2px 4px !important;
font-weight: normal;
border: 2px solid var(--color_brand_primary);
}
table caption input.filter {
width: 100px !important;
font-size: 0.6em;
background-color: var(--color_brand_secondary_bright);
vertical-align: middle;
padding: 2px 4px !important;
font-weight: normal;
border: 2px solid var(--color_brand_primary);
}
table.table_style_2 caption input.filter {
border: 2px solid var(--color_brand_secondary_light_dark);
}
/* .toggle-head:focus { */
#main_content {
outline: none;
}
.heading.active:after {
transform: rotate(-90deg);
}
legend {
font-weight: bold;
padding: 0 !important;
}
@media (min-width: 1025px) {
.navigation-l1>li.active>a {
color: var(--color_brand_secondary);
}
}
.breadcrumbs-big .content-wrap {
white-space: nowrap;
flex-wrap: wrap;
}
.breadcrumbs-big .list:nth-child(n+5) {
display:block;
}
.breadcrumbs-big .list {
/* display:none; */
width: auto;
}
.breadcrumbs-big ul {
width: auto;
min-width: 100%;
}
.breadcrumbs-big .list>a {
border-bottom: none;
}
.breadcrumbs-big .list>a:after {
right: -1rem;
}
@media (max-width: 1710px) {
.breadcrumbs-big .list>a:after {
bottom: 4px;
}
}
.breadcrumbs-big .list .caret {
font-family: "kit-icons";
font-size: 10px;
color: var(--color_brand_secondary_light_dark);
}
.breadcrumbs-big .list .caret:after {
content: "\e921";
margin: 0 0.7em;
bottom: 1px;
position: relative;
}
.breadcrumbs-big .list .more {
font-weight: normal;
color: var(--color_black);
}
.breadcrumbs-big .list .more:after {
content: "mehr";
}
.breadcrumbs-big .list:last-child>a:after {
content: "";
/*
content: " » mehr";
content: " › mehr";
*/
/* content: " mehr"; */
position: static;
/*
font-weight:normal;
font-size: 1rem;
font-family: "Roboto", sans-serif;
*/
}
.breadcrumbs-big .list:last-child>a {
color: var(--color_brand_primary);
}
.firstline {
font-weight: bold;
}
.stage-slider-tile.primary {
background-color: var(--color_brand_primary_rgba);
}
.stage-slider-tile.secondary {
background-color: var(--color_brand_secondary_rgba);
}
.stage-slider-tile.tertiary {
background-color: var(--color_accent_6_rgba);
}
.stage-slider-tile.accent-1 {
background-color: var(--color_accent_1_rgba);
}
.stage-slider-tile.accent-2 {
background-color: var(--color_accent_2_rgba);
}
.stage-slider-tile.accent-3 {
background-color: var(--color_accent_3_rgba);
}
.stage-slider-tile.accent-4 {
background-color: var(--color_accent_4_rgba);
}
.stage-slider-tile.accent-5 {
background-color: var(--color_accent_5_rgba);
}
@media (max-width: 650px) {
.stage-slider-tile.primary, .stage-slider-tile.secondary, .stage-slider-tile.tertiary, .stage-slider-tile.accent-1, .stage-slider-tile.accent-2, .stage-slider-tile.accent-3, .stage-slider-tile.accent-4, .stage-slider-tile.accent-5 {
background: transparent
}
}
.mobile-entries {
/* display: block; */
}
section.target-groups a {
word-break: keep-all;
white-space: nowrap;
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
}
section.target-groups a:focus {
outline-offset: -5px;
outline-color: var(--color_white);
}
.footer-feedback {
grid-column-end: 19;
}
body {
word-break: break-word;
}
@supports ((display: -ms-grid) or (display:grid)) {
.page-footer .content-wrap>.full {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[18];
grid-template-columns: repeat(18, 1fr);
grid-auto-rows: auto;
gap: 1.875rem;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
margin-right: 0;
grid-column: span 12;
}
}
@media (max-width: 1280px) {
.page-footer .content-wrap>.full {
-ms-grid-columns: (1fr)[12];
grid-template-columns: repeat(12, 1fr);
}
.footer-feedback {
grid-column-start: 7;
grid-column-end: 13;
}
}
@media (max-width: 900px) {
.footer-feedback {
grid-column-start: 1;
grid-column-end: 13 !important;
}
}
caption {
line-height: 1.2;
font-weight: 700;
color: var(--color_brand_secondary);
text-align: left;
padding: 0.625rem 0;
font-size: 2.1875rem;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
text-decoration: none;
}
a:not([href]) {
text-decoration: none !important;
color: unset !important;
}
th a {
color: var(--color_white);
text-decoration: none;
display: inline-block;
width: 100%;
}
th a .fas {
display: none;
}
th a:hover {
color: var(--color_white);
}
th a:hover .fas {
display: inline;
}
.homepagecontainer_bezeichner {
color: var(--color_white);
background-color: var(--color_brand_primary);
font-weight: bold;
padding: 0.5rem 1rem;
}
.news-element figure picture img {
width: 100%;
}
.news-element {
position: relative;
height: 100%;
margin-bottom: 6em;
}
.news-element .link {
bottom: 3em;
position: absolute;
width: 100%;
padding-right: 1.5em;
overflow: hidden;
display: -webkit-inline-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
padding-bottom: 0;
}
.pdata_icon {
height: 1em;
}
figure .container,
.info-container figure .container picture {
width: 100%;
}
.info-container figure .container picture img {
width: auto;
max-width: 230px;
}
.info-container .info-content .info ul li span {
display: inline-block;
}
.info-container .info-content .info ul li span.title img {
height: 1em;
}
.news-element figure.watermark picture {
width: 100%;
}
.bildbox {
width: 100%;
max-width: 100% !important;
margin-bottom: 1em;
}
.horizont .foto figure, .horizont .foto picture, .horizont .foto img {
width: 100%;
}
.where_is_it {
display: none !important;
}
.infobox a {
color: var(--color_brand_primary_darker);
}
.infobox ul ul{
margin-left: 1em;
}
.infobox .foto {
min-width: 58px;
}
.formular table {
table-layout: fixed;
}
.formular td.form_desc, .formular td.form_values {
min-width: auto !important;
/* width: auto !important; */
}
.faq_question {
margin-bottom: 4px;
padding-right:10px;
color:var(--color_brand_primary);
display: inline-block;
background-image:url(/wilhelm/img/faq.png);
background-repeat: no-repeat;
background-position: bottom right;
}
.faq_answer {
display: block;
margin-bottom: 1em;
}
.text-column-three {
-webkit-column-count: 3;
column-count: 3;
column-gap: 1.875rem;
}
.text-column-two {
-webkit-column-count: 2;
column-count: 2;
column-gap: 1.875rem;
}
@media (max-width: 768px) {
.text-column-three, .text-column-two {
-webkit-column-count: 1;
column-count: 1;
}
}
/* Service-Tile Bild immer deckend */
.service-tile figure .container, .service-tile figure .container picture {
height: 100%;
width: 100%;
}
.service-tile figure .container picture img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
/* KIT-OPEN */
.kit-publications-publication-list > .kit-publications-publication:nth-child(even) {
background-color: #e5e5e5;
}
.kit-publications-types, .kit-publications-persons, .kit-publications-year, .kit-publications-programnumber, .kit-publications-projects, .kit-publications-kit_tagging {
margin-bottom: 1em;
}
.kit-publications-types-title, .kit-publications-persons-title, .kit-publications-year-title, .kit-publications-programnumber-title, .kit-publications-projects-title, .kit-publications-kit_tagging-title {
background-color: #808080;
color: #ffffff;
line-height: 20px;
padding: 0 6px;
font-weight: bold;
}
.csl-entry {
padding: 2px 5px 0.5em 5px;
_font-weight: bold;
}
.csl-entry:hover {
background-color: var(--color_brand_primary_lighter) !important;
}
.csl-entry span {
font-weight: normal;
}
.footer_calendar table {
table-layout: fixed;
}
/*Veranstaltungskalender-Erweiterungen zum neuen Kalender*/
/* Kalender */
/*Listenansicht*/
/* Hintergrundfarbe für Tabelle oben*/
.tabelle3 caption#green{
background-color: var(--color_brand_primary);
border-bottom:1px #fff solid;
color:#fff;
font-weight:700;
height:auto;
line-height:20px;
padding:0 6px;
text-align:left;
}
/* Hintergrundfarbe für Tabelle oben*/
.service caption#gruen {
background-color: var(--color_brand_primary);
border-bottom:1px #fff solid;
color:#fff;
font-weight:700;
height:auto;
line-height:20px;
padding:0 6px;
text-align:left;
}
/*Formatierung für das Datum*/
div#datum{
color:#000000 !important;
}
/*Formatierung für die Zeit*/
div#time{
color:#000000 !important;
text-align:left;
font-size:0.77em;
margin-bottom:15px;
}
/*Formatierung für der Tabellenspalte*/
table.tabelle3 td{
/* padding:5px 5px 5px 2px; */
text-align:left;
vertical-align:top;
height:auto;
}
.cos_standard {
font-family: Arial, Helvetica, sans-serif;
}
/*Kalenderansicht-kalender.html*/
.monthyear0 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #ffffff;
background-color: var(--color_brand_primary);
}
.daynames0 {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #ffffff;
background-color: var(--color_brand_primary);
}
.dates0 {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #000000;
text-decoration:none;
background-color:#e4e4e4;
}
.dates0 a.daynum {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #000000;
text-decoration:none;
line-height:20px;
}
.dates0 a:hover {
text-decoration:underline;
display:block;
}
.today a {
color: var(--color_brand_primary) !important;
}
.passed_coming {
background-color: var(--color_brand_secondary_bright);
}
.passed_coming a{
color:#adadad;
background-color: var(--color_brand_secondary_bright);
}
.monthyear0 a {
text-decoration:none;
}
.dates0 .sunday {
background-color: var(--color_brand_secondary_bright);
}
.dates0 .saturday {
background-color: var(--color_brand_secondary_bright);
}
div#tipDiv {
padding:4px;
color:#000;
background-color: var(--color_brand_secondary_bright);
border:1px solid var(--color_brand_primary);
width:300px;
line-height:1.2em;
}
/*month_calendar.html*/
table.calendar {
margin: 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
width: 100%;
height:80px;
}
/* Hintergrundfarbe für Tabelle oben*/
.calendar caption#green{
background-color: var(--color_brand_primary);
}
table.calendar .event_link_month{
margin-top: 0px;
font-size: 10px;
margin-bottom: 3px;
padding-left: 1px;
padding-right:1px;
text-align: left;
}
table.calendar .event_link_month a:hover{
text-decoration:underline;
color: var(--color_brand_primary);
}
.calendar th {
border-bottom: 1px solid #ccc;
font-weight: bold;
color:#fff;
background-color: var(--color_brand_primary);
margin:0px;
padding:0px;
height:20px;
text-align:center;
}
.calendar td {
border: 1px solid #fff;
background-color: #f4f4f4;
text-align: left;
margin:5px 20px 5px 10px;
}
.calendar .events {
border:1px solid #c4c4c4;
height:79px;
margin-bottom: 2px;
margin-left: 1px;
overflow: hidden;
}
.calendar .event_passed_coming{
border:1px solid #c4c4c4;
height:79px;
margin-bottom: 2px;
margin-left: 1px;
overflow: hidden;
background: var(--color_brand_secondary_bright);
}
.calendar td.today {
background: var(--color_brand_primary_lighter);
}
.calendar td.sunday {
background-color: var(--color_brand_secondary_bright);
}
.calendar td.sunday_today {
background-color: var(--color_brand_primary_lighter);
}
.calendar td.saturday_today {
background-color: var(--color_brand_primary_lighter);
}
.calendar td.saturday {
background-color: var(--color_brand_secondary_bright);
}
.calendar .events a.weeklink, .calendar .events a.daynum {
color:#000000;
display:block;
font-weight: bold;
padding-top: 4px;
text-decoration: none;
padding-right: 6px;
text-align: right;
}
.calendar .event_passed_coming a.daynum {
color:#adadad;
display:block;
font-weight: bold;
padding-top: 4px;
text-decoration: none;
padding-right: 6px;
text-align: right;
}
.calendar .sunday .events a.daynum {
color:#adadad;
display:block;
font-weight: bold;
padding-top: 4px;
text-decoration: none;
padding-right: 6px;
text-align: right;
}
.calendar .saturday .events a.daynum {
color:#adadad;
display:block;
font-weight: bold;
padding-top: 4px;
text-decoration: none;
padding-right: 6px;
text-align: right;
}
.newtooltip {
position: absolute;
display: none;
background-color: var(--color_brand_secondary_bright);
width:250px;
border: 1px var(--color_brand_primary) solid;
color: black;
padding: 3px;
}
/*tagesansicht.html*/
/*Formatierung für den Veranstaltungstypen*/
div#eventtype{
color:#000000 !important;
text-align:left;
padding-top:0px;
}
/*Formatierung für die Zeit*/
div#daytime{
color:#000000 !important;
text-align:left;
font-size:1em;
margin-bottom:15px;
}
div#location {
color:#000000 !important;
padding: 3px 10px 0px 5px;
/* width:460px; */
text-align:left;
}
/*Formatierung für den Veranstaltungstypen*/
div#dayeventtype{
color:#000000 !important;
text-align:left;
font-weight:bold;
padding-left: 5px;
/* width:460px; */
}
/*Formatierung für den Veranstaltungstypen*/
div#event{
color:#000000 !important;
text-align:left;
padding-top:10px;
padding-left: 5px;
/* width:460px; */
margin-bottom:5px;
}
div#dayeventtype a {
color: var(--color_brand_primary) !important;
/* width:460px; */
}
/*wochenansicht.html*/
table.calendar .day_block{
font-weight: bold;
text-align: left;
display: block;
background-color: #e4e4e4;
padding:2px 0 5px 5px;
}
.calendar a{
color: var(--color_brand_primary);
}
.calendar a:hover {
text-decoration: underline;
}
.calendar td.highlighted {
background: var(--color_brand_primary_lighter);
}
.calendar td:hover, .calendar td.today:hover,
.calendar td.selected:hover, .calendar td.highlighted:hover {
border: 1px solid var(--color_brand_primary);
overflow:visible ! important;
background-color: var(--color_brand_primary_lighter);
}
table.calendar td.pad {
color: #999;
background: #fff;
}
table.calendar td.pad:hover {
width: 14.28%;
background: none;
border: 0;
}
/*detailansicht.html*/
a.cos_link {
text-decoration: none;
color: var(--color_brand_primary);
}
a:hover.cos_link {
background-color: var(--color_brand_primary_lighter);
color: var(--color_brand_primary);
}
.hide .popup {
background-color: var(--color_brand_primary_lighter);
border: 1px solid var(--color_brand_primary);
display: none;
margin-left: 25px;
padding: 3px 3px 3px 1.5em;
position: absolute;
text-align: left;
width: 200px;
z-index: 1000 !important;
}
.hide:hover .events .popup {
display:none;
}
.hide {
top: 0px;
left: 0px;
z-index:0;
}
.hide:hover .popup {
display:block;
margin-left:13px !important;
}
.hide .popup a {
background:url(/test/img/intern/arrow_dunkelgruen.gif) no-repeat 0px 5px !important;
}
.popup ul li {
list-style-type: none;
margin-left: 0;
}
.popup ul li:before {
content: none;
width: 0;
}
.popup ul li a{
display:block;
margin-left:-10px;
background: url(/test/img/intern/arrow_dunkelgruen.gif) no-repeat scroll 0px 5px;
padding-left: 10px !important;
}
/*ul-Formatierung in event*/
div.kalender_frame ul {
margin-left: 2em;
list-style-type: square;
}
div.kalender_frame ul li{
list-style-image: url(/test/img/intern/dynimg.php?color=009682);
}
/*ENDE Veranstaltungskalender-Erweiterungen zum neuen Kalender*/
.reddot_sizeboxes {
margin-top: 29px;
}
@media (min-width: 1025px) {
.navigation .dropdown {
scrollbar-width: thin;
scrollbar-color: var(--color_brand_primary) var(--color_brand_secondary_lighter);
}
.navigation .dropdown::-webkit-scrollbar {
width: 11px;
}
.navigation .dropdown::-webkit-scrollbar-track {
background: var(--color_brand_secondary_lighter);
}
.navigation .dropdown::-webkit-scrollbar-thumb {
background-color: var(--color_brand_primary);
border-radius: 6px;
border: 3px solid var(--color_brand_secondary_lighter);
}
.navigation-l1>li:first-of-type>a {
margin-left: 0.625em;
}
.navigation-l1>li>a {
text-transform: none !important;
/* display: inline-block; */
/* margin: 0 0.625em 0 0; */
margin: 0 1.125em 0 0;
}
}
@media (max-width: 1024px) {
.navigation-l1>li>a {
text-transform: none !important;
/* display: inline-block; */
margin: 0 0.625em 0 0;
}
}