html {
font-synthesis: none;
-webkit-font-smoothing: antialiased;
font-feature-settings: 'kern';
scroll-padding-top: 100px;
scroll-behavior: smooth;
}
body {
padding-top:161px;
max-width: 2560px;
position: relative;
margin: 0 auto;
}
/* fonts */
/* nunito200 - latin-ext */
@font-face {
font-family: 'Nunito';
font-style: normal;
font-weight: 200;
src: url('../fonts/nunito-v26-latin_latin-ext-200.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/nunito-v26-latin_latin-ext-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/nunito-v26-latin_latin-ext-200.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/nunito-v26-latin_latin-ext-200.woff') format('woff'), /* Modern Browsers */
url('../fonts/nunito-v26-latin_latin-ext-200.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/nunito-v26-latin_latin-ext-200.svg#PlusJakartaSans') format('svg'); /* Legacy iOS */
}
/* nunito300 - latin-ext */
@font-face {
font-family: 'Nunito';
font-style: normal;
font-weight: 300;
src: url('../fonts/nunito-v26-latin_latin-ext-300.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/nunito-v26-latin_latin-ext-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/nunito-v26-latin_latin-ext-300.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/nunito-v26-latin_latin-ext-300.woff') format('woff'), /* Modern Browsers */
url('../fonts/nunito-v26-latin_latin-ext-300.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/nunito-v26-latin_latin-ext-300.svg#PlusJakartaSans') format('svg'); /* Legacy iOS */
}
/* nunitoregular - latin-ext */
@font-face {
font-family: 'Nunito';
font-style: normal;
font-weight: 400;
src: url('../fonts/nunito-v26-latin_latin-ext-regular.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/nunito-v26-latin_latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/nunito-v26-latin_latin-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/nunito-v26-latin_latin-ext-regular.woff') format('woff'), /* Modern Browsers */
url('../fonts/nunito-v26-latin_latin-ext-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/nunito-v26-latin_latin-ext-regular.svg#PlusJakartaSans') format('svg'); /* Legacy iOS */
}
/* nunito500 - latin-ext */
@font-face {
font-family: 'Nunito';
font-style: normal;
font-weight: 500;
src: url('../fonts/nunito-v26-latin_latin-ext-500.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/nunito-v26-latin_latin-ext-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/nunito-v26-latin_latin-ext-500.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/nunito-v26-latin_latin-ext-500.woff') format('woff'), /* Modern Browsers */
url('../fonts/nunito-v26-latin_latin-ext-500.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/nunito-v26-latin_latin-ext-500.svg#PlusJakartaSans') format('svg'); /* Legacy iOS */
}
/* nunito600 - latin-ext */
@font-face {
font-family: 'Nunito';
font-style: normal;
font-weight: 600;
src: url('../fonts/nunito-v26-latin_latin-ext-600.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/nunito-v26-latin_latin-ext-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/nunito-v26-latin_latin-ext-600.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/nunito-v26-latin_latin-ext-600.woff') format('woff'), /* Modern Browsers */
url('../fonts/nunito-v26-latin_latin-ext-600.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/nunito-v26-latin_latin-ext-600.svg#PlusJakartaSans') format('svg'); /* Legacy iOS */
}
/* nunito700 - latin-ext */
@font-face {
font-family: 'Nunito';
font-style: normal;
font-weight: 500;
src: url('../fonts/nunito-v26-latin_latin-ext-700.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/nunito-v26-latin_latin-ext-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/nunito-v26-latin_latin-ext-700.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/nunito-v26-latin_latin-ext-700.woff') format('woff'), /* Modern Browsers */
url('../fonts/nunito-v26-latin_latin-ext-700.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/nunito-v26-latin_latin-ext-700.svg#PlusJakartaSans') format('svg'); /* Legacy iOS */
}
/* nunito800 - latin-ext */
@font-face {
font-family: 'Nunito';
font-style: normal;
font-weight: 800;
src: url('../fonts/nunito-v26-latin_latin-ext-800.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/nunito-v26-latin_latin-ext-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/nunito-v26-latin_latin-ext-800.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/nunito-v26-latin_latin-ext-800.woff') format('woff'), /* Modern Browsers */
url('../fonts/nunito-v26-latin_latin-ext-800.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/nunito-v26-latin_latin-ext-800.svg#PlusJakartaSans') format('svg'); /* Legacy iOS */
}
/* roboto-100 - latin_latin-ext */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Roboto';
font-style: normal;
font-weight: 100;
src: url('../fonts/roboto-v30-latin_latin-ext-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-100italic - latin_latin-ext */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Roboto';
font-style: italic;
font-weight: 100;
src: url('../fonts/roboto-v30-latin_latin-ext-100italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-300 - latin_latin-ext */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: url('../fonts/roboto-v30-latin_latin-ext-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-300italic - latin_latin-ext */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Roboto';
font-style: italic;
font-weight: 300;
src: url('../fonts/roboto-v30-latin_latin-ext-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-regular - latin_latin-ext */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: url('../fonts/roboto-v30-latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-italic - latin_latin-ext */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Roboto';
font-style: italic;
font-weight: 400;
src: url('../fonts/roboto-v30-latin_latin-ext-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-500 - latin_latin-ext */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: url('../fonts/roboto-v30-latin_latin-ext-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-500italic - latin_latin-ext */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Roboto';
font-style: italic;
font-weight: 500;
src: url('../fonts/roboto-v30-latin_latin-ext-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-700 - latin_latin-ext */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: url('../fonts/roboto-v30-latin_latin-ext-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-700italic - latin_latin-ext */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Roboto';
font-style: italic;
font-weight: 700;
src: url('../fonts/roboto-v30-latin_latin-ext-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-900 - latin_latin-ext */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Roboto';
font-style: normal;
font-weight: 900;
src: url('../fonts/roboto-v30-latin_latin-ext-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-900italic - latin_latin-ext */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Roboto';
font-style: italic;
font-weight: 900;
src: url('../fonts/roboto-v30-latin_latin-ext-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
p, h1, h2, h3, h4, h5, h6 li {
font-family: 'Nunito', sans-serif;
}
h1, h2, h3, h4, h5, h6 {
font-weight: 500;
margin: 30px 0 23px;
color: #4E7493;
}
h1:first-child, h2:first-child, h4:first-child, h5:first-child {
margin: 0 0 23px;
}
p, li {
font-size: 20px;
line-height: 1.35;
font-family: 'Roboto', sans-serif;
font-weight: 300;
}
h1, .h1 {
font-size: 42px;
font-weight: 500;
margin-bottom: 21px;
color: #4E7493;
line-height: 48px;
}
h2, .h2 {
font-size: 34px;
font-weight: 500;
margin-bottom: 18px;
color: #4E7493;
line-height: 40px;
text-transform: uppercase;
}
h3, .h3 {
margin: 0 0 9px 0;
font-size: 26px;
color: #4E7493;
display: block;
}
ul {padding-left: 20px;}
ul li {margin-top: 4px;}
ol li {margin-top:4px}
ol, ul {margin-bottom:1em;}
i {font-size: italic;}
a:link, a:visited {color:#4E7493; text-decoration: none;}
a:hover, a:focus, a:active {color:#B2C0E0;}
p a:link, p a:visited,
li a:link, li a:visited {color: #4E7493}
p a:hover, p a:focus, p a:active,
li a:hover, li a:focus, li a:active {color:#95C11F;}
img {max-width: 100%; height: auto;}
blockquote {
padding-left: 20px;
}
.navbar-toggler {
float: right;
}
.navbar-toggler-icon {
background-image: url(../img/burger-menu.svg);
width: 40px;
}
.navbar-toggler {
border: none;
}
nav.navbar {
position: fixed;
top: 0;
left: 0;
z-index: 9999;
background-color: #fff;
height: 110px;
width: 100%;
}
.nav-item a {
color: #4E7493;
font-family: 'Nunito', sans-serif;
font-size: 16px;
font-weight: 500;
}
.nav-item.active > a,
a.dropdown-item.active {color: #95C11F; background-color: transparent;}
.navbar-expand-lg .navbar-nav {
width: 100%;
justify-content: flex-end;
}
.navbar-expand-lg .navbar-nav .nav-item:last-child {
padding-right: 0;
}
.navbar-expand-lg .navbar-nav .nav-link {
padding-top: 10px;
padding-bottom: 0;
}
.nav-item a.nav-link.dropdown-toggle {display: none;}
@media (max-width:991px){
.nav-item.dropdown {display: flex; flex-wrap: wrap;}
.nav-item a.nav-link {flex:0 0 calc(100% - 55px);}
.nav-item.dropdown ul.dropdown-menu {flex:0 0 100%;padding: 20px; z-index: 999999;}
.nav-item a.nav-link.dropdown-toggle {display: block;flex: 0 0 50px; padding: 10px 20px;}
.nav-item a.nav-link.dropdown-toggle {
transform: rotateZ(180deg);
transform-origin: center;
display: inline-block;
vertical-align: unset;
border: none!important;
}
.nav-item a.nav-link.dropdown-toggle.show {
transform: rotateZ(0);
}
}
.navbar .container,
.carousel .container {
padding: 0 12px;
}
.caption span.kicker {
font-family: 'Roboto', monospace;
font-size: 21px;
font-weight: 500;
color: #1E5480;
text-transform: uppercase;
display: inline-block;
margin-bottom: 5px;
}
.caption h1 {
font-size: 55px;
font-weight: 500;
}
.header-small .caption h1 {
font-size: 38px;
font-weight: 500;
max-width: 75%;
}
.carousel-small .caption h1 {
font-size: 38px;
}
.nav-link:hover {
color: #95C11F;
}
.nav-item a.dropdown-item {
font-size: 16px;
font-weight: 400;
line-height: 1.4;
max-width: 100%;
padding: 0;
padding-bottom: 15px;
white-space: unset;
text-transform: uppercase;
}
.dropdown-item:hover {
color: #95C11F;
background-color: unset;
}
.nav-link.dropdown-toggle::after {
display: none;
}
.nav-link.dropdown-toggle.show {
position: relative;
color: #4E7493;
}
@media (max-width: 991px) {
.nav-link.dropdown-toggle.show .nav-link.dropdown-toggle {
position: relative;
color: #4E7493;
}
.nav-link.dropdown-toggle.show + .dropdown-menu {display:block;}
}
@media (min-width: 992px) {
.nav-item.dropdown:hover .nav-link.dropdown-toggle {
position: relative;
color: #95C11F;
}
.nav-item.dropdown:hover .nav-link.dropdown-toggle + .dropdown-menu {display:block;}
.nav-item.dropdown:hover .nav-link.dropdown-toggle::after {
width: 100%;
height: 3px;
border: none;
content: "";
display: block;
position: absolute;
bottom: -17px;
z-index: 99999;
background-color: #95C11F;
left: 0;
}
}
.navbar-nav .dropdown-menu {
margin-top: 0px;
border: none;
padding: 39px 40px 35px 40px;
margin-left: -29px;
border-radius: 10px;
width: 284px;
}
section {
margin: 70px auto; overflow-x: clip;
}
.container {
padding-top: 30px;
padding-bottom: 30px;
}
.grey-bg {
background-color: #F3F3F3;
}
.grey-bg p,
.grey-bg li,
.grey-bg span,
.grey-bg strong {
color: #444;
}
.grey-bg .container {
padding-top: 60px;
padding-bottom: 60px;
}
.grey-bg img {
max-width: 100%;
}
.grey-bg .footer-contact img {
max-width: unset;
}
.blue-bg {
background-color: #4E7493;
color: #fff;
}
.blue-bg p a:not(.btn):link, .blue-bg p a:not(.btn):visited,
.blue-bg li a:not(.btn):link, .blue-bg li a:not(.btn):visited {color:#fff; text-decoration: none; font-weight: 500; transition: all .3s ease-in-out;}
.blue-bg p a:not(.btn):hover, .blue-bg p a:not(.btn):active, .blue-bg p a:not(.btn):focus,
.blue-bg li a:not(.btn):hover, .blue-bg li a:not(.btn):active, .blue-bg li a:not(.btn):focus {text-decoration: underline #fff;}
.blue-bg .container {
padding-top: 70px;
padding-bottom: 70px;
}
.blue-bg .contact img {
border-radius: 300px;
}
.blue-bg p, .blue-bg h1, .blue-bg h2, .blue-bg h3, .blue-bg h4, .blue-bg h5, .blue-bg h6{
color: #fff;
}
.blue-bg .kicker {
color: #95C11F;
font-size: 16px;
font-weight: 500;
font-family: 'Roboto', sans-serif;
margin: 0 0 9px;
text-transform: uppercase;
}
.banner h2 {
margin: 0;
}
.full-width,
img.full-width {
width: 100%;
height: auto;
}
.banner .img-box {
text-align: center;
}
.textblock-center {
text-align: center;
}
.quote {
font-family: 'Roboto', monospace;
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
margin-top: 25px;
}
.quote-text {
margin: auto 0;
padding: 0 50px;
}
textarea[disabled] {
height: 200px;
width: 100%;
}
.btn.btn-primary,
.btn.btn-secondary {
background-color: unset;
color: #4E7493;
font-size: 20px;
font-weight: 500;
border: 3px;
border-color: #95C11F;
border-style: solid;
padding: 2px 18px;
margin-top: 20px;
border-radius: 0;
line-height: 1.35;
text-decoration: none;
font-family: 'Nunito', sans-serif;
}
.btn.btn-primary:hover,
.btn.btn-secondary:hover,
.btn.btn-primary:active,
.btn.btn-secondary:active {
background-color: #95C11F;
border-color: #95C11F;
color: #fff;
}
p .btn.btn-primary,
p .btn.btn-secondary {
margin-right: 46px;
}
p .btn.btn-primary:last-of-type,
p .btn.btn-secondary:last-of-type {
margin-right: 0;
}
.blue-bg a.btn-primary:link,
.blue-bg a.btn-primary:visited {
color: #fff;
.nav-item a.nav-link.dropdown-toggle:after {
content: "Δ";
display: inline-block;
vertical-align: unset;
border: none!important;
}
@media (max-width:991px){
.nav-item a.nav-link.dropdown-toggle.show:after {
transform: rotateZ(180deg);
}
}
@media (min-width:992px){
.nav-item a.nav-link.dropdown-toggle:hover:after {
transform: rotateZ(180deg);
}
}
}
.blue-bg a.btn-primary:hover,
.blue-bg a.btn-primary:active,
.blue-bg a.btn-primary:focus {
color: #ffffff;
}
.btn-central {
text-align: center;
}
.container.news {
padding: 0;
}
.news p {
font-size: 20px;
line-height: 1.375;
}
.news h2 {
margin-bottom: 0px;
}
p.date {
font-size: 20px;
margin-bottom: 8px;
color: #4E7493;
font-weight: 400;
}
.blue-bg p.date {
color: #fff;
}
.kicker {
padding-left: 0;
margin-bottom: 10px;
}
.kicker2 {font-size: 20px; margin-top: 20px;}
.filter .filterlist.list-inline {
position: relative;
margin-top: 0;
}
.kicker .list-inline-item {
font-family: 'Roboto', monospace;
padding: 0 6px;
color: #8DA3CF;
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
border: 1px;
border-color: #8DA3CF;
border-style: solid;
background-color: #fff;
margin-right: 7px;
margin-bottom: 10px;
}
.filterlist.kicker .list-inline-item.is-checked,
.filterlist.kicker .list-inline-item:hover {
background-color: #fff;
color: #8CA2D1;
}
.kicker button.list-inline-item:hover,
.kicker button.list-inline-item:active {
background-color: #8DA3CF;
color: #fff;
}
.kicker.filterlist .list-inline-item {
font-family: 'Roboto', monospace;
padding: 0 10px;
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
border: 1px;
border-color: #8DA3CF;
border-style: solid;
text-decoration: none;
background-color: #8DA3CF;
color: #fff;
}
.kicker.filterlist input[type="radio"] {appearance: none; height:0px; width:0px;}
.kicker.filterlist input[type="radio"]:checked + .list-inline-item {
background-color: #fff;
color: #8DA3CF;
}
.kicker.filter button.list-inline-item:hover,
.kicker.filter button.list-inline-item:active {
background-color: #fff;
color: #8DA3CF;
}
.news .news-teaser h3 {
font-size: 32px;
font-weight: 500;
line-height: 1.25;
}
.news .teaser-box .teaser {
height: 100%;
margin: 30px auto 20px auto;
padding: 20px 25px 20px 25px;
}
.news .teaser-box a {
text-decoration: none;
color: #333333;
display: block;
}
.news .teaser-box .teaser:hover a {
color: #4E7493;
}
.news .teaser-box p.button {
color: #1E5480;
font-family: 'Roboto', monospace;
text-decoration: none;
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
}
.news .teaser-box {
margin-left: -26px;
margin-right: -26px;
}
.news .teaser-box .grid-item {
display: inline-block;
height: auto;
padding: 0;
}
.news .img-news-teaser img {
margin-bottom: 15px;
}
.news .img-news-teaser h3 {
font-size: 24px;
font-weight: 500;
line-height: 1.25;
}
.news .img-news-teaser img {
width: 100%;
height: auto;
}
@media(max-width:767px) {
.news .img-news-teaser [class*="col-"] {
padding-right: var(--bs-gutter-x);
padding-left: var(--bs-gutter-x);
}
}
.news .filter {
margin-bottom: 60px;
}
.news {
padding-top:0;
padding-bottom:0;
}
.newsfilter {
padding-bottom: 0;
}
.newsfilter .filter {
margin-bottom: 0;
}
.publications .filter h3,
.news .filter h3 {
font-size: 21px;
font-weight: 500;
margin-bottom: 25px;
}
a.button {
color: #4E7493;
font-family: 'Roboto', monospace;
text-decoration: none;
font-size: 14px;
font-weight: 500;
}
a.button u {
text-decoration-color:#95C11F;
}
a.button:hover,
a.button:active {
color: #95C11F;
}
.publications .grid-item {
position: relative!important;
left: unset!important;
top: unset!important;
}
.cards {
margin-right: calc(-.5 * var(--bs-gutter-x) - 26px);
margin-left: calc(-.5 * var(--bs-gutter-x) - 26px);
}
.cards h3 {
font-family: 'Roboto', monospace;
font-size: 21px;
font-weight: 500;
color: #4E7493;
line-height: 1.33;
margin-top: 30px;
margin-bottom: 50px;
text-align: center;
}
.cards .grey-card-box {
position: relative;
}
.cards .grey-card {
line-height: 1.38;
border: #95C11F 3px solid;
padding: 20px 30px 30px 30px;
margin: 0 26px 35px 26px;
font-size: 16px;
height: calc(100% - 70px);
display: flex;
flex-direction: column;
justify-content: space-between;
transition: all .3s ease-out;
}
.cards .grey-card:hover {
background-color: #95C11F;
}
.cards .grey-card:hover h3 {
color: #fff;
}
.cards .grey-card p {
font-size: 16px;
margin-bottom: 32px;
}
.cards .grey-card-box .image-container {
position: relative;
margin-bottom: -70px;
}
.cards .grey-card-box img {
margin: 0;
width: 100%;
padding: 0 20px;
filter: grayscale(.9);
transition: all .3s ease-out;
}
.cards .grey-card-box .grey-card:hover img {
filter: grayscale(0);
}
.cards .button {
bottom: 25px;
position: absolute;
}
.tile {
background-color: #F3F3F3;
padding: 20px 30px 30px 30px;
margin: 0 26px 0 26px;
height: 100%;
}
.tile .contact h4 {
text-transform: uppercase;
}
.container .col-12:nth-child(odd) .tile {
margin-left: 0;
}
.container .col-12:nth-child(even) .tile {
margin-right: 0;
}
.title .icon {
height: 80px;
width: unset;
max-width: 80px;
}
.tile .title h3 {
font-size: 21px;
font-weight: 500;
margin-top: 15px;
}
.tile p {
font-size: 16px;
}
.tile .contact {
margin-top: 38px;
}
.tile .contact-info {
margin: auto 0;
}
.contact h4 {
font-family: 'Roboto', monospace;
font-size: 14px;
font-weight: 500;
color: #1E5480;
margin: 0;
text-transform: uppercase;
}
.contact h5 {
color: #4E7493;
line-height: 1.3;
font-size: 16px;
font-weight: 400;
}
.contact p {
font-size: 16px;
}
.contact a:not(.inline-link) {
display: inline-block;
margin: 0 1rem .5rem 0;
color: #1E5480;
text-decoration: none;
font-family: 'Roboto', monospace;
font-weight:700;
font-size: 14px;
text-transform: uppercase;
white-space: normal;
}
.contact a.inline-link {
color: #000;
text-decoration: none;
}
.contact a:hover,
.contact a:focus {
color: #B2C0E0;
}
.social {
padding-top: 20px;
padding-bottom: 20px;
}
.social ul li a {
margin: 0 .5rem 0 0;
font-size: 21px;
}
.social ul li a:hover,
.social ul li a:focus {
color: #95C11F;
}
.social ul li a svg {
position: relative;
top: -3px;
}
.social ul li a:hover svg path,
.social ul li a:focus svg path {
fill: #95C11F;
}
.tile .contact img {
border-radius: 200px;
max-width: 100px;
aspect-ratio: 1;
}
.contact img {
border-radius:50%;
}
.contact.picture .reference {
margin-top: 25px;
text-align: center;
}
.contact-big img{
width: 65%;
height: auto;
margin-left: auto;
margin-right: auto;
display: block;
margin-bottom: 30px;
border-radius:50%;
}
.contact-big {
padding-top: 15px;
padding-bottom: 15px;
position: relative;
}
.light-blue-bg {
background-color: #F3F3F3;
position: relative;
padding: 20px;
}
.contact-big .contact {
margin: auto 0;
position: relative;
padding: 0 40px;
}
.contact-big .contact .link {
position: absolute;
bottom: 0;
}
.contact-big .contact .link .button,
.contact-medium .contact .link .button {
margin-right: 25px;
}
.contact-big .contact h4 {
margin-bottom: 20px;
}
.contact-big .contact h5 {
margin-bottom: 12px;
font-weight: 400;
}
.contact-big .contact p {
color: #4E7493;
/* padding-bottom: 30px; */
}
.contact-big.person-accordion .contact-big.tandemPartner {padding: 30px;}
.contact-big.person-accordion .contact-big.tandemPartner p.name,
.contact-big.person-accordion .contact-big.tandemPartner p.e-mail a,
.contact-big.person-accordion .contact-big.tandemPartner p.phone a {
color: #fff;
}
.contact-big.person-accordion .contact-big.tandemPartner p.e-mail a,
.contact-big.person-accordion .contact-big.tandemPartner p.phone a {
font-weight: 300;
}
.contact-medium {
padding-top: 15px;
padding-bottom: 15px;
position: relative;
}
.contact-medium img {
width: 175px;
aspect-ratio: 1;
display: block;
border-radius: 50%;
margin: 0 auto;
/* width: 231px;
aspect-ratio: 1; */
}
.contact-medium h5 {
margin-top: 0;
margin-bottom: 20px;
}
.facts-figures h2 {
font-family: 'Roboto', monospace;
font-size: 21px;
font-weight: 500;
color: #1E5480;
}
.facts-figures h3.info {
font-size: 149px;
font-weight: 300;
color: #4E7493;
line-height: 1;
}
@media (max-width:767px) {
.facts-figures h3.info {
font-size: 70px;
}
}
@media (max-width:500px) {
.facts-figures h3.info {
font-size: 50px;
}
}
.facts-figures .singleImage {
position: absolute;
z-index: 9;
width:100%;
height: 100%;
pointer-events: none;
}
.facts-figures .singleImage > .row{
height: 100%;
}
.facts-figures .singleImage .img-box {
position:relative;
}
.facts-figures .singleImage .img-box:before {
content:'';
display: block;
width: 50vw;
height: 100%;
position: absolute;
top: 0;
right: 0;
z-index: -1;
background-color: #fff;
}
.grey-bg .facts-figures .singleImage .img-box:before {
background-color: #F3F3F3;
}
.facts-figures .singleImage .img-box .reference {text-align: center;}
@media (max-width:767px) {
.facts-figures .singleImage {
position: static;
}
}
.text-right {
text-align: right;
margin-bottom: 60px;
margin-right: 40px;
}
footer {
background-color: #F3F3F3;
}
footer h3 {
font-size: 16px;
font-weight: 500;
color: #4E7493;
margin-top: 45px;
margin-bottom: 14px;
}
footer h3 a {
color: #4E7493;
text-decoration: none;
}
footer h3 a:hover {
color: #95C11F;
}
footer h3:first-child {
margin-top: 0px;
}
footer ul {
list-style: none;
padding: 0;
font-size: 14px;
line-height: 1.4;
}
footer ul:last-child {
margin-bottom: 0;
}
footer .bgimg {
position: absolute;
top: -47.415px;
left: 0;
right: 0;
}
footer li {
padding-bottom: 10px;
font-family: 'Roboto', sans-serif;
}
footer li a {
color: unset;
text-decoration: none;
}
footer li a:hover {
color: #8DA3CF;
}
footer .column {
width: 100%;
position: relative;
height: 100%;
padding-right: 50px;
}
footer .footer-contact li img:first-child {
vertical-align: top;
}
footer.footer-white p {
font-size: 14px;
color: #5F5E5E;
line-height: 20px;
}
.copyright ul {
text-align: right;
margin-right: 105px;
margin-bottom: 0;
}
.copyright li {
display: inline;
text-decoration: none;
margin-left: 40px;
font-size: 12px;
line-height: 4.4;
font-family: 'Roboto', monospace;
}
.copyright li a:link,
.copyright li a:visited {
color:#fff;
}
.copyright p {
padding: 0;
font-size: 10px;
line-height: 4.4;
width: fit-content;
float: left;
font-family: 'Roboto', monospace;
margin: 0;
color: #fff;
}
.copyright {
min-height: 44px;
background-color: #4E7493;
}
.copyright .container {
margin: 0 auto;
color: #fff;
padding: 0 12px;
}
footer .logos {
padding-top: 4rem;
}
footer .logos a {
margin: 0 auto;
}
.newsdetail .marginalcolumn h3 {
color: #1E5480;
font-family: 'Roboto', monospace;
text-transform: uppercase;
font-size: 14px;
font-weight: 500;
margin-top: 35px;
margin-bottom: 10px;
}
.newsdetail .marginalcolumn h3:first-child {
margin-top: 0;
}
.newsdetail .marginalcolumn p {
font-size: 14px;
line-height: 1.6;
}
.newsdetail .marginalcolumn .link {
padding: 0;
margin-bottom: 15px;
}
.newsdetail .marginalcolumn .link li {
list-style: none;
}
.newsdetail .marginalcolumn .link a {
display: block;
color: unset;
text-decoration: none;
font-size: 14px;
line-height: 1.6;
}
.newsdetail h1 {margin: 0 0 10px 0;}
.newsdetail h1 + p {margin-bottom: 30px;}
.newsdetail .image-description {color: #636362;}
.newsdetail .marginalcolumn a:hover {
color: #8DA3CF;
}
.page-item:first-child .page-link,
.page-item:last-child .page-link,
.page-item .page-link {
border-radius: 25px;
width: 35px;
height: 35px;
margin-right: 10px;
border: unset;
color: unset;
font-size: 21px;
font-family: 'Nunito', sans-serif;
line-height: 1;
}
.page-item:last-child .page-link {
margin-right: 0;
}
.page-item.active .page-link {
background-color: unset;
border: #707070 2px solid;
height: 35px;
width: 35px;
}
.page-item .page-link:hover,
.page-item .page-link:focus {
background-color: unset;
border: #707070 2px solid;
padding: 4px 10px;
outline: none;
}
.page-item.active .page-link:hover {
padding: 6px 12px;
}
.pagination {
margin-top: 90px;
}
.picture-container {
margin-bottom: 50px;
}
.reference {
font-size: 16px;
font-family: 'Nunito', sans-serif;
display: block;
margin-top: 20px;
}
.image-description {
font-size: 14px;
font-family: 'Roboto', monospace;
display: block;
line-height: 1.6;
margin-top: 20px;
}
.newsdetail p.newstext {
font-size: 16px;
margin-bottom: 60px;
}
.newsdetail .grey-bg {
padding: 30px 40px 40px 40px;
}
.newsdetail .grey-bg h3 {
font-size: 16px;
font-weight: 500;
line-height: 1.4;
margin: 0;
}
.newsdetail .grey-bg p {
font-size: 16px;
line-height: 1.4;
}
.newsdetail .grey-bg p a {
color: unset;
}
.verlinkung {
padding-left: 0;
color: unset;
}
.verlinkung li {
list-style: none;
}
.verlinkung a {
color: unset;
}
.verlinkung a:hover {
color: #8DA3CF;
}
.scroll {
color: #4E7493;
font-family: 'Roboto', monospace;
font-size: 12px;
font-weight: 500;
cursor: pointer;
text-decoration: none;
position: relative;
}
.scroll:hover {
color: #95C11F;
}
svg.icon-arrow-up {
width: 16px;
height: 16px;
stroke: #4E7493;
display: block;
position: absolute;
top:0;
right: 75px;
z-index: 50;
}
.scroll:hover svg.icon-arrow-up path {
stroke: #95C11F;
}
.icon {
background-repeat: no-repeat;
background-position: center;
width: 30px;
height: 30px;
content: "";
display: block;
background-size: contain;
}
.iconlist {
position: absolute;
right: 0px;
top: 20px;
}
.iconlist .list-inline-item {
margin-right: 0;
}
.contact-medium .iconlist {
margin-right: 10px;
}
.icon.icon-lupe {
background-image: url(../img/lupe.svg);
}
.icon.icon-head {
background-image: url(../img/head.svg);
}
.icon.icon-shield {
background-image: url(../img/shield.svg);
}
.icon.icon-gear {
background-image: url(../img/gear.svg);
}
.clear-filter {
background-image: url(../img/cross.svg);
background-repeat: no-repeat;
background-position: center;
width: 11px;
height: 11px;
content: "";
display: inline-block;
background-size: contain;
}
.clear-filter-btn {
font-size: 14px;
font-family: 'Nunito', sans-serif;
line-height: 1.6;
text-decoration: underline;
cursor: pointer;
top: -47px;
position: absolute;
right: 0;
color: #000;
background-color: unset;
border: none;
}
.publications .grid-item p {
font-size: 16px;
font-family: 'Nunito', sans-serif;
color: #0050A1;
line-height: 1.3;
margin-bottom: 0;
}
.publications .strong {
font-size: 21px;
font-family: 'Nunito', sans-serif;
font-weight: 500;
display: block;
color: #4E7493;
margin-bottom: 5px;
}
.publications .teaser-box {
position: unset!important;
height: unset!important;
}
.publications .grid-item.teaser {
padding: 20px 26px 20px 22px;
position: relative;
margin-bottom: 15px;
}
.publications a.button {
padding-right: 11px;
}
.publications .filter-date {
font-size: 18px;
font-family: 'Nunito', sans-serif;
font-weight: 500;
}
.publications .col-12 {
padding-top: 0;
padding-bottom: 12px;
}
.publications .link {
font-size: 21px;
font-family: 'Nunito', sans-serif;
font-weight: 500;
display: flex;
flex-wrap: wrap;
flex-direction: column;
align-content: space-around;
}
@media (max-width: 991px) {
.publications .link {
align-content: normal;
padding: 0;
flex-direction: row;
}
}
.publications .teaser-box .link {
margin-top: 0;
}
.publications .teaser-box .link a {
text-transform: none;
}
.publications .link p {
padding-right: 60px;
}
.publications .link a {
height: fit-content;
padding-top: 3px;
}
.publications .iconlist {
margin-right: 25px;
}
.publications .kicker {
margin-top: 60px;
}
.publications .detailinfos {
font-weight: 500;
font-size: 14px;
}
.publications .detailinfos span:after {
content:' |'; display: inline;
}
.publications .detailinfos span:last-child:after {
content:'';
}
.footer-sm {
display: none;
}
.accordion {
--bs-accordion-bg: unset;
--bs-accordion-border-color: none;
--bs-accordion-border-width: 0;
--bs-accordion-border-radius: 0;
}
.accordion-button {gap: 0 15px;}
.accordion-button:not(.collapsed) {
color: #4E7493;
background-color: unset;
box-shadow: none;
}
.accordion-button,
.accordion-item:first-of-type .accordion-button {
padding: 20px 0 25px 0;
color: #4E7493;
font-size: 16px;
font-family: 'Nunito', sans-serif;
font-weight: 500;
}
.accordion-button:focus,
.accordion-item:first-of-type .accordion-button:focus {
box-shadow:none;
}
.accordion-body {
padding: 0;
padding-bottom: 20px;
}
.accordion-item {
border-bottom: #EBE8E8 solid 3px;
color: #636362;
}
.accordion-item:last-child,
.accordion-flush .accordion-item:last-child{
border-bottom: #EBE8E8 solid 3px;
}
.accordion ul {
font-size: 16px;
font-family: 'Nunito', sans-serif;
line-height: 1.4;
margin: 0;
}
.accordion-item:first-of-type .accordion-button:first-child {
padding-top: 0;
}
.accordion-button::after,
.accordion-button:not(.collapsed)::after {
background-image: url(../img/accordion-arrow-down.svg);
}
button:focus:not(:focus-visible) {
box-shadow:none;
}
.header-small .caption {
margin-top:0px;
margin-bottom:100px;
padding-top:55px;
}
.header-small .bg-blue {
min-height: 150px;
width: 100%;
background-color: #F3F3F3;
height: 100%;
}
.contact-container h4.headline {
margin: 20px 0 10px;
}
.contact-container .teaser-box {
position: unset!important;
height: unset!important;
}
.contact-container .teaser-box .contact-medium,
.contact-container .teaser-box .contact-big {
position: relative!important;
left: unset!important;
top: unset!important;
}
.contact-container .contact-big.grid-item .contact h5 {
color: #000000;
margin-top: -20px;
}
.scroll-icon {
height: 57px;
width: 34px;
position: fixed;
bottom: 50px;
right: 50px;
transition: all 0.5s ease-in-out;
}
@media (max-width: 1199px) {
.scroll-icon {
display: none;
}
}
@media (max-width: 991px) {
.copyright li {
padding-bottom: 20px;
}
.copyright li:first-child {
margin-left: 0px;
}
.copyright p {
display: block;
text-align: center;
width: 100%;
padding-top: 15px;
line-height: 1.3;
}
.copyright ul:last-child {
padding-bottom: 10px;
text-align: center;
margin-right: 0;
}
}
@media (max-width: 1199px) {
.cards .grey-card-box {
margin-bottom: 60px;
}
}
@media (max-width: 991px) {
.navbar .container-fluid {
background-color: #fff;
}
.news .teaser-box {
margin-left: -12px;
margin-right: -12px;
}
.contact-big img {
width: 200px;
}
.tile .contact img {
margin-bottom: 20px;
}
.footer-lg {
display: none;
}
.footer-sm {
display: block;
}
*[class*="col-"] .col-12,
*[class*="col-"] .col-md-10,
*[class*="col-"] .col-md-6,
*[class*="col-"] .col-md-8,
*[class*="col-"] .col-md-4 {
padding-left: calc(var(--bs-gutter-x) * .5);;
padding-right: calc(var(--bs-gutter-x) * .5);;
}
footer .footer-contact li {
margin-bottom: 25px;
}
footer h3 {
margin-bottom: 20px;
}
footer .column {
padding-bottom: 60px;
padding-right: 0;
}
.navbar-expand-lg .navbar-nav .nav-item:first-child {
padding: 0;
}
.navbar .container {
max-width: 100%;
padding-left: calc((100% - 720px + 100px) / 2);
padding-right: calc((100% - 720px + 100px) / 2);
padding-bottom: 30px;
}
.blue-bg .contact.big-portrait .full-width {
height: 203px;
width: 203px;
}
.big-portrait {
text-align: center;
margin-bottom: 30px;
}
.tile {
margin: 0;
}
.cards .grey-card-box:first-child .grey-card {
margin: 0;
}
.cards .grey-card {
margin: 0;
}
.navbar-nav .dropdown-menu {
margin-left: 0;
}
}
@media (max-width: 767px) {
.accordion {
margin-bottom: 55px;
}
.blue-bg .container {
padding-top: 30px;
padding-bottom: 30px;
}
.container .col-12 .tile {
margin: 0;
}
.banner .img-box {
margin-bottom: 30px;
}
.tile .contact img {
margin-bottom: 20px;
}
.news .teaser-box .teaser {
margin-left: 0;
margin-right: 0;
}
.marginalcolumn {
margin-bottom: 60px;
}
.contact-big img {
margin: 25px auto 25px auto;
width: 231px;
}
.contact-big .contact {
min-height: 185px;
}
.contact-big .contact h4{
margin-bottom: 0;
}
.iconlist {
right: 12;
}
.contact-big .kicker .list-inline-item {
max-width: 275px;
}
.contact-big .icon{
margin-bottom: 10px;
}
.contact-medium,
.contact-big {
padding-bottom: 30px;
}
.contact-medium img {
margin: 0 0 25px 0;
max-width: 146px;
aspect-ratio: 1;
}
.contact-medium .contact h4{
margin-bottom: 0;
}
.contact-medium .contact h5 {
margin-bottom: 0;
}
.contact-medium .list-inline-item {
display: unset;
}
.contact-medium .icon{
margin-bottom: 10px;
}
.publications .link p {
padding-right: 30px;
}
footer .column {
padding-bottom: 60px;
padding-right: 0;
}
footer .logos {
padding-top: 0;
}
footer .logos .column {
padding-bottom: 20px;
text-align: center;
}
.col-12 {
padding-right: calc(var(--bs-gutter-x) * .5);
padding-left: calc(var(--bs-gutter-x) * .5);
}
.text-right {
margin-right: 25px;
}
.copyright p {
display: block;
text-align: center;
width: 100%;
padding-top: 15px;
padding-bottom: 25px;
}
.copyright li {
display: block;
text-align: center;
padding-bottom: 0;
width: 100%;
margin: 0;
line-height: 2;
}
.publications .grid-item p{
margin-top: 25px;
}
.contact-container .contact-big.grid-item .contact h5 {
margin-top: 0px;
}
.light-blue-bg {
padding: 15px;
}
}
@media (max-width: 575px) {
.col-12 {
padding-right: calc(var(--bs-gutter-x) * 1.5);
padding-left: calc(var(--bs-gutter-x) * 1.5);
}
}
.buehne-bg:before {
background-image: url(../img/curve_buehne.svg);
background-color: #fff;
background-repeat: no-repeat;
background-position: center bottom;
background-size: 100%;
content: '';
display: block;
width: 100%;
position: absolute;
bottom: 0px;
height:100%;
z-index: -1;
}
.carousel-item {
width: 100%;
}
.facts-figures .carousel-indicators {
margin-bottom: 0px;
}
.bg-blue {
width: 100%;
background-color: #F3F3F3;
}
#carouselExampleSlidesOnly .carousel-item{
border-top:20px solid #fff;
}
#carouselExampleSlidesOnly + section{
/* margin-top: 120px; */
margin-top: 20px;
}
.buehne-img {
width: 100%;
height: auto;
z-index: 2000;
position: relative;
margin-top: -20px;
aspect-ratio: 1.25;
}
.buehne-img + .reference {
text-align: center;
}
.caption {
margin-top: -100px;
position: relative;
z-index: 2;
}
.navbar-brand {
width: 300px;
}
@media (max-width:991px) {
.news.start .grid-item:last-child .bottom-border {
border-bottom: none;
}
.caption,
.buehne-img {
position: relative;
}
.caption {
max-width: 100%;
margin-top: 20px;
}
.caption span.kicker {
font-size: 14px;
}
.caption h1 {
font-size: 26px;
}
.header-small .caption h1 {
max-width: 100%;
}
#carouselExampleSlidesOnly + section {
margin-top: 70px;
}
.buehne-img {
margin-top: unset;
z-index:2;
}
.navbar-brand {
width: 190px;
}
.navbar-brand img {
max-width: 190px;
margin-left: 20px;
}
.navbar .container {
max-width: 100%;
padding-left: calc((100% - 540px + -80px) / 2);
padding-right: calc((100% - 540px + -80px) / 2);
padding-bottom: 30px;
}
.news .teaser-box .grid-item {
padding: 0px 50px;
}
}
@media (max-width:767px) {
h2 {
font-size: 24px;
}
.news h2 {
margin-bottom: 30px;
}
.quote-text p {
font-size: 21px;
}
.quote-text .quote {
font-size: 14px;
}
p, ul li {
font-size: 18px;
}
.news .teaser-box .grid-item {
padding: 0px 25px;
}
.bg-blue {
height:70vw;
}
}
@media (min-width:768px) {
#carouselExampleSlidesOnly .carousel-item{
border-top:20px solid #fff;
}
}
@media (max-width:565px) {
.bg-blue {
height: 91vw;
}
.news .teaser-box .grid-item {
padding: 0 12px;
}
.news .teaser-box {
margin-left: -12px;
margin-right: -12px;
}
.cards {
margin-right: -12px;
margin-left: -12px;
}
}
@media (max-width: 1199px) {
.navbar-expand-lg .navbar-nav .nav-item {
padding-right: 0;
}
.navbar-expand-lg .navbar-nav .nav-item:first-child {
padding-left: 60px;
}
}
.footer-bg:before {
background-image: url(../img/footer-bg.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
content: '';
width: 100%;
position: absolute;
top: -100px;
height: 200px;
z-index: -1;
}
.teaser-box .grid-item .teaser:hover{
color: #4E7493;
box-shadow: 0 3px 10px #24429740;
}
.teaser-box .grid-item:hover .kicker .list-inline-item {
color: #4E7493;
border-color: #4E7493;
}
.teaser-box .photo {aspect-ratio: 1;}
.teaser-box .photo img {border-radius: 50%; width: 90%; height:90%; object-fit: cover;}
.tile .contact h5 {
color: #000000;
}
.tile:hover .contact h5 {
color: #4E7493;
}
.tile:hover {
box-shadow: 0 3px 10px #24429740;
color: #4E7493;
}
.tile a {
text-decoration: none;
color: #333333;
display: block;
}
.tileSmall a {
display: inline;
}
.tile:hover a {
color: #4E7493;
}
.tile p.button {
color: #1E5480;
font-family: 'Roboto', monospace;
text-decoration: none;
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
}
.grey-card-box a {
text-decoration: none;
color: #333333;
display: block;
}
.grey-card-box:hover a {
color: #4E7493;
}
.grey-card-box p.button {
color: #1E5480;
font-family: 'Roboto', monospace;
text-decoration: none;
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
margin-bottom: 0px;
}
.cards .grey-card-box .reference {
margin: 0 26px;
width: calc(100% - 52px);
}
.facts-figures .pagination {
margin-top: 30px;
}
.facts-figures .carousel {
overflow-x: hidden;
}
.facts-figures .pagination .page-link {
background-color: unset;
}
.facts-figures .pagination .page-link:hover {
padding: 4px 10px;
}
.facts-figures .page-item .page-link.active {
border: #707070 2px solid;
height: 35px;
width: 35px;
padding: 4px 10px;
}
.facts-figures .carousel-item .img-box img.hideImg {opacity: 0;}
@media (max-width:767px) {
.facts-figures .carousel-item .img-box img.hideImg {display: none;}
}
.facts-figures .carousel-item .img-box .reference {text-align: center;}
.facts-figures .carousel-indicators {
position: relative;
}
.facts-figures .carousel-indicators [data-bs-target] {
box-sizing: border-box;
padding: 6px 12px;
margin-left: 0;
text-indent: unset;
opacity: 1;
}
.contact-container .contact-big.grid-item:hover {
box-shadow: none;
}
.contact-container .contact-big.grid-item .kicker .list-inline-item {
background-color: unset;
}
.contact-container .contact-big.grid-item:hover .kicker .list-inline-item {
border-color: #8DA3CF;
color: #8DA3CF;
background-color: unset;
}
.contact-container .contact-big.grid-item .contact p{
color: #000000;
}
nav.navbar {
transition: height 0.5s ease-in-out;
}
nav.navbar.fixed {
height: 80px;
}
.Tile-section .row {
--bs-gutter-y: 1.5;
}
.Tile-section .row .row {
--bs-gutter-y: 0;
}
.Tile-section .col-12 {
margin-bottom: 50px;
}
.Tile-section .col-12 .col-12 {
margin-bottom: 25px;
}
.publications .teaser-box .grid-item p {
color: #000000;
margin-bottom: 20px;
}
.publications .teaser-box .grid-item:hover {
color: #000000;
box-shadow: none;
}
.publications .publication-kicker {
margin-top: 0;
margin-bottom: 3px;
}
.publications .teaser-box .grid-item:hover .kicker .list-inline-item {
color: #8DA3CF;
border-color: #8DA3CF;
}
.publications .pagination {
margin-top: 20px;
}
.contact-container .contact-medium.grid-item .kicker .list-inline-item {
background-color: unset;
}
.contact-container .contact-medium.grid-item:hover .kicker .list-inline-item {
border-color: #8DA3CF;
color: #8DA3CF;
background-color: unset;
}
.contact-container .contact-medium.grid-item .contact p{
color: #000000;
}
.contact-container .contact-medium.grid-item:hover {
box-shadow: none;
}
.contact-container .contact-medium.grid-item .contact h5 {
color: #000000;
}
.headline {
margin-top: 25px;
font-size: 18px;
font-weight: 500;
margin-bottom: 5px;
font-family: 'Nunito', sans-serif;
}
.contact-container .contact-medium .link {
margin-top: 35px;
}
@keyframes scroll-icon {
0% {transform: translateY(0) scaleY(0);}
50% {transform: translateY(0) scaleY(1);}
100% {transform: translateY(12px) scaleY(0);}
}
#Pfad_152 {
animation-name: scroll-icon;
animation-duration: 1.4s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
animation-play-state: running;
animation-direction: normal;
animation-fill-mode: forwards;
}
.hide {
opacity: 0;
pointer-events: none;
}
.logo-big {
display: block;
max-width: 260px;
height: 56px;
}
@media (max-width: 1199) {
.logo-big {
max-width: 200px;
}
}
.logo-small {
display: none;
}
.hidden {
display: none;
}
@media (max-width: 991px) {
.navbar-expand-lg .navbar-nav .nav-item:first-child {
padding-left: 0;
}
}
a.noAction {cursor: default;}
img[data-icon-base-name] {height:18px;}
i[data-icon-base-name]:before {font-size:1rem;}
.accordion {}
.accordion-item {
margin-bottom: 20px;
}
.accordion-item h2.accordion-header {
padding: 30px 0;
}
.accordion-item h2.accordion-header .accordion-button {
padding: 0!important;
font-size: 21px;
}
.accordion-button::after, .accordion-button:not(.collapsed)::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29.853' height='17.057' viewBox='0 0 29.853 17.057'%3E%3Cg id='Gruppe_2127' data-name='Gruppe 2127' transform='translate(14.964 16.954) rotate(-135)'%3E%3Cpath id='Pfad_2790' data-name='Pfad 2790' d='M0,0V21.016' transform='translate(1.46 0)' fill='none' stroke='%2395c11f' stroke-width='3'/%3E%3Cline id='Linie_540' data-name='Linie 540' x1='21.016' transform='translate(0 1.354)' fill='none' stroke='%2395c11f' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E%0A");
background-size: contain;
width: 30px;
height: 17px;
}
.accordion-item .accordion-body {
padding: 0 0 30px 0;
width: 80%;
}
.accordion-item .accordion-body img {
max-width:100%;
height: auto!important;
}
.accordion-item .accordion-body sub {
font-size: 10px;
font-family: 'Nunito', sans-serif;
display: block;
margin-top: 5px;
}
.accordion-item .accordion-body blockquote {
font-family: 'Roboto', monospace;
margin-bottom: 40px;
padding-left: 0;
}
.accordion-item .accordion-body blockquote p {
font-family: 'Roboto', monospace;
font-size: 14px;
}
.csl-entry {display: flex; gap: 1rem; margin-bottom: 2rem;}
.csl-right-inline sub {
display: inline;
}
@media (max-width: 767px) {
.accordion-item {
margin-bottom: 10px;
}
.accordion-item h2.accordion-header {
padding: 10px 0;
margin: 0 0 10px;
line-height: 1.3;
}
.accordion-item h2.accordion-header .accordion-button {
padding: 0!important;
font-size: 18px;
}
.accordion-item .accordion-body {
padding: 0 0 20px 0;
width: 100%;
}
}
.right > h2 {text-align: right;}
/* FE LOGIN */
.frame-type-felogin_login {
width: 100%;
padding-top: 3rem;
padding-right: .75rem;
padding-bottom: 3rem;
padding-left: .75rem;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 576px) {
.frame-type-felogin_login {
max-width:540px
}
}
@media (min-width: 768px) {
.frame-type-felogin_login {
max-width:720px
}
}
@media (min-width: 992px) {
.frame-type-felogin_login {
max-width:960px
}
}
@media (min-width: 1200px) {
.frame-type-felogin_login {
max-width:1140px
}
}
@media (min-width: 1400px) {
.frame-type-felogin_login {
max-width:1320px
}
}
.frame-type-felogin_login input[type="submit"] {
background-color: unset;
color: #4E7493;
font-size: 16px;
font-weight: 500;
border: 2px;
border-color: #4E7493;
border-style: solid;
border-radius: 31px;
padding: 12px 48px;
margin-top: 30px;
}
.frame-type-felogin_login label {
margin-bottom:1rem;
display: inline-flex;
justify-content: space-between;
align-items: center;
width: 320px;
}
.frame-type-felogin_login label input {
border-radius:0;
border: 2px solid #4E7493;
padding: 5px 10px;
}
.tileSmall {
padding-top: 30px;
margin: 0 20px;
height: calc(100% - 20px);
}
.container .col-12:nth-child(odd) .tileSmall,
.container .col-12:nth-child(even) .tileSmall {
margin: 0 20px;
}
.tileSmall .contact {
margin-top: 0;
}
.tileSmall .contact img {
width: 100%;
max-width: none;
border-radius: 50%;
aspect-ratio: 1;
margin-bottom: 2rem;
}
.swiper {flex: 0 0 100%;}
.swiper-button-disabled,
.swiper-button-lock {display: none!important;}
.swiper-outer {
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.swiper-outer .swiper-button-prev {
position: static;
font-size: 0;
width: 20px;
height: 23px;
opacity: 1;
display: block;
transform: none;
margin-top:40px;
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='23' viewBox='0 0 20 23'%3E%3Cg id='Polygon_29' data-name='Polygon 29' transform='translate(0 23) rotate(-90)' fill='rgba(78,116,147,0)' stroke-linejoin='bevel'%3E%3Cpath d='M 20.40720748901367 18.5 L 2.592792749404907 18.5 L 11.50000190734863 3.009192228317261 L 20.40720748901367 18.5 Z' stroke='none'/%3E%3Cpath d='M 11.50000095367432 6.018391609191895 L 5.185579299926758 17 L 17.81442070007324 17 L 11.50000095367432 6.018391609191895 M 11.5 1.006134033203125 C 11.83732795715332 1.006134033203125 12.17465496063232 1.173309326171875 12.36690998077393 1.507659912109375 L 22.13838005065918 18.50152969360352 C 22.52170944213867 19.16819000244141 22.04048919677734 20 21.27146911621094 20 L 1.728530883789062 20 C 0.9595108032226562 20 0.4782905578613281 19.16819000244141 0.8616199493408203 18.50152969360352 L 10.63309001922607 1.507659912109375 C 10.82534503936768 1.173309326171875 11.16267204284668 1.006134033203125 11.5 1.006134033203125 Z' stroke='none' fill='%234E7493'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.swiper-outer .swiper-button-next {
position: static;
font-size: 0;
width: 20px;
height: 23px;
right:-80px;
opacity: 1;
display: block;
transform: none;
margin-top:40px;
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='23' viewBox='0 0 20 23'%3E%3Cg id='Polygon_28' data-name='Polygon 28' transform='translate(20) rotate(90)' fill='rgba(78,116,147,0)' stroke-linejoin='bevel'%3E%3Cpath d='M 20.40720748901367 18.5 L 2.592792749404907 18.5 L 11.50000190734863 3.009192228317261 L 20.40720748901367 18.5 Z' stroke='none'/%3E%3Cpath d='M 11.50000095367432 6.018391609191895 L 5.185579299926758 17 L 17.81442070007324 17 L 11.50000095367432 6.018391609191895 M 11.5 1.006134033203125 C 11.83732795715332 1.006134033203125 12.17465496063232 1.173309326171875 12.36690998077393 1.507659912109375 L 22.13838005065918 18.50152969360352 C 22.52170944213867 19.16819000244141 22.04048919677734 20 21.27146911621094 20 L 1.728530883789062 20 C 0.9595108032226562 20 0.4782905578613281 19.16819000244141 0.8616199493408203 18.50152969360352 L 10.63309001922607 1.507659912109375 C 10.82534503936768 1.173309326171875 11.16267204284668 1.006134033203125 11.5 1.006134033203125 Z' stroke='none' fill='%234E7493' /%3E%3C/g%3E%3C/svg%3E%0A");
}
.swiper-outer .swiper-button-prev:after,
.swiper-outer .swiper-button-next:after {display: none;}
.swiper-outer .swiper-pagination-bullet {
border: 3px solid #4E7493;
background: transparent;
width: 15px;
opacity: 1;
height:15px;
}
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 7px;
}
.swiper-outer .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #95c11f;
border-color: #95c11f;
}
.swiper-outer .swiper-pagination {position: static; margin-top:40px; width: auto; padding: 0 25px;}
.swiper-outer .swiper-slide .description{
margin-top: 20px;
hyphens: auto;
overflow: hidden;
word-break: break-word;
}
.blue-bg .swiper-outer .swiper-pagination-bullet,
.green-bg .swiper-outer .swiper-pagination-bullet {
border: 3px solid #ffffff;
}
.blue-bg .swiper-outer .swiper-pagination-bullet.swiper-pagination-bullet-active,
.green-bg .swiper-outer .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #ffffff;
}
.blue-bg .swiper-outer .swiper-button-prev,
.green-bg .swiper-outer .swiper-button-prev {
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='23' viewBox='0 0 20 23'%3E%3Cg id='Polygon_29' data-name='Polygon 29' transform='translate(0 23) rotate(-90)' fill='rgba(78,116,147,0)' stroke-linejoin='bevel'%3E%3Cpath d='M 20.40720748901367 18.5 L 2.592792749404907 18.5 L 11.50000190734863 3.009192228317261 L 20.40720748901367 18.5 Z' stroke='none'/%3E%3Cpath d='M 11.50000095367432 6.018391609191895 L 5.185579299926758 17 L 17.81442070007324 17 L 11.50000095367432 6.018391609191895 M 11.5 1.006134033203125 C 11.83732795715332 1.006134033203125 12.17465496063232 1.173309326171875 12.36690998077393 1.507659912109375 L 22.13838005065918 18.50152969360352 C 22.52170944213867 19.16819000244141 22.04048919677734 20 21.27146911621094 20 L 1.728530883789062 20 C 0.9595108032226562 20 0.4782905578613281 19.16819000244141 0.8616199493408203 18.50152969360352 L 10.63309001922607 1.507659912109375 C 10.82534503936768 1.173309326171875 11.16267204284668 1.006134033203125 11.5 1.006134033203125 Z' stroke='none' fill='%23ffffff'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.blue-bg .swiper-outer .swiper-button-next,
.green-bg .swiper-outer .swiper-button-next {
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='23' viewBox='0 0 20 23'%3E%3Cg id='Polygon_28' data-name='Polygon 28' transform='translate(20) rotate(90)' fill='rgba(78,116,147,0)' stroke-linejoin='bevel'%3E%3Cpath d='M 20.40720748901367 18.5 L 2.592792749404907 18.5 L 11.50000190734863 3.009192228317261 L 20.40720748901367 18.5 Z' stroke='none'/%3E%3Cpath d='M 11.50000095367432 6.018391609191895 L 5.185579299926758 17 L 17.81442070007324 17 L 11.50000095367432 6.018391609191895 M 11.5 1.006134033203125 C 11.83732795715332 1.006134033203125 12.17465496063232 1.173309326171875 12.36690998077393 1.507659912109375 L 22.13838005065918 18.50152969360352 C 22.52170944213867 19.16819000244141 22.04048919677734 20 21.27146911621094 20 L 1.728530883789062 20 C 0.9595108032226562 20 0.4782905578613281 19.16819000244141 0.8616199493408203 18.50152969360352 L 10.63309001922607 1.507659912109375 C 10.82534503936768 1.173309326171875 11.16267204284668 1.006134033203125 11.5 1.006134033203125 Z' stroke='none' fill='%23FFFFFF' /%3E%3C/g%3E%3C/svg%3E%0A");
}
.swiper-nav {display: flex;}
.lightbox-link {display: block; position: relative; aspect-ratio: 1.5; background-color: #ffffff20;}
.lightbox-link:after {
display: block;
content: '';
position: absolute;
inset: 0;
pointer-events: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' version='1.1' viewBox='0 0 1200 1200'%3E%3Cpath d='m693.74 525c0 20.719-16.781 37.5-37.5 37.5h-93.75v93.75c0 20.719-16.781 37.5-37.5 37.5s-37.5-16.781-37.5-37.5v-93.75h-93.75c-20.719 0-37.5-16.781-37.5-37.5s16.781-37.5 37.5-37.5h93.75v-93.75c0-20.719 16.781-37.5 37.5-37.5s37.5 16.781 37.5 37.5v93.75h93.75c20.719 0 37.5 16.781 37.5 37.5zm382.78 551.53c-7.3125 7.3125-16.875 10.969-26.531 10.969s-19.219-3.6562-26.531-10.969l-234.66-234.66c-71.531 59.625-163.6 95.625-263.81 95.625-227.44 0-412.5-185.06-412.5-412.5s185.06-412.5 412.5-412.5 412.5 185.06 412.5 412.5c0 100.22-36 192.28-95.625 263.81l234.66 234.66c14.625 14.625 14.625 38.438 0 53.062zm-551.53-214.03c186.1 0 337.5-151.4 337.5-337.5s-151.4-337.5-337.5-337.5c-186.1 0-337.5 151.4-337.5 337.5s151.4 337.5 337.5 337.5z' fill='%23fff' /%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-color: #4E749380;
opacity: 0;
transition: all .3s ease-out;
}
.lightbox-link:hover:after,
.lightbox-link:focus:after {
opacity: 1;
}
.lightbox-link img {
width:100%; height: 100%; object-fit: cover; object-position: center;
}
.lightbox {
top: 0;
left: 0;
height: 100vh;
position: fixed;
width: 100vw;
background: rgba(0,0,0,0.8);
opacity: 0;
z-index: -9;
pointer-events: none;
display: flex;
align-items: center;
transition: opacity .5s ease-in-out, z-index 0s linear .5s;
}
.lightbox.open {
opacity: 1;
z-index: 9999;
pointer-events: all;
transition: opacity .5s ease-in-out;
}
.lightbox > .container {
padding-top:0;
padding-bottom:0;
}
.lightbox .swiper-outer .close-x {
position: relative;
float: right;
font-size: 4rem;
color: #fff;
font-weight: 100;
cursor: pointer;
}
.lightbox .swiper-outer .image-carousel-lightbox .swiper-slide {
text-align: center;
display: flex;
flex-direction: column;
}
.lightbox .swiper-outer .image-carousel-lightbox .swiper-slide .description{
flex: 0 0 100%;
font-family: 'Roboto', monospace;
color:#fff;
}
.lightbox .swiper-outer .image-carousel-lightbox .swiper-wrapper {
display: flex;
align-items: center;
}
.lightbox .swiper-outer .swiper-button-prev {
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='23' viewBox='0 0 20 23'%3E%3Cg id='Polygon_29' data-name='Polygon 29' transform='translate(0 23) rotate(-90)' fill='rgba(78,116,147,0)' stroke-linejoin='bevel'%3E%3Cpath d='M 20.40720748901367 18.5 L 2.592792749404907 18.5 L 11.50000190734863 3.009192228317261 L 20.40720748901367 18.5 Z' stroke='none'/%3E%3Cpath d='M 11.50000095367432 6.018391609191895 L 5.185579299926758 17 L 17.81442070007324 17 L 11.50000095367432 6.018391609191895 M 11.5 1.006134033203125 C 11.83732795715332 1.006134033203125 12.17465496063232 1.173309326171875 12.36690998077393 1.507659912109375 L 22.13838005065918 18.50152969360352 C 22.52170944213867 19.16819000244141 22.04048919677734 20 21.27146911621094 20 L 1.728530883789062 20 C 0.9595108032226562 20 0.4782905578613281 19.16819000244141 0.8616199493408203 18.50152969360352 L 10.63309001922607 1.507659912109375 C 10.82534503936768 1.173309326171875 11.16267204284668 1.006134033203125 11.5 1.006134033203125 Z' stroke='none' fill='%23ffffff'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.lightbox .swiper-outer .swiper-button-next {
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='23' viewBox='0 0 20 23'%3E%3Cg id='Polygon_28' data-name='Polygon 28' transform='translate(20) rotate(90)' fill='rgba(78,116,147,0)' stroke-linejoin='bevel'%3E%3Cpath d='M 20.40720748901367 18.5 L 2.592792749404907 18.5 L 11.50000190734863 3.009192228317261 L 20.40720748901367 18.5 Z' stroke='none'/%3E%3Cpath d='M 11.50000095367432 6.018391609191895 L 5.185579299926758 17 L 17.81442070007324 17 L 11.50000095367432 6.018391609191895 M 11.5 1.006134033203125 C 11.83732795715332 1.006134033203125 12.17465496063232 1.173309326171875 12.36690998077393 1.507659912109375 L 22.13838005065918 18.50152969360352 C 22.52170944213867 19.16819000244141 22.04048919677734 20 21.27146911621094 20 L 1.728530883789062 20 C 0.9595108032226562 20 0.4782905578613281 19.16819000244141 0.8616199493408203 18.50152969360352 L 10.63309001922607 1.507659912109375 C 10.82534503936768 1.173309326171875 11.16267204284668 1.006134033203125 11.5 1.006134033203125 Z' stroke='none' fill='%23ffffff' /%3E%3C/g%3E%3C/svg%3E%0A");
}
.lightbox .swiper-outer .swiper-pagination-bullet {
border-color: #fff;
}
.lightbox .swiper-outer .swiper-pagination-bullet.swiper-pagination-bullet-active {
border-color: #fff;
background-color: #fff;
}
.lightbox .swiper-outer .swiper-slide img {
max-height: 66vh; width: 100%; object-fit: contain; object-position: center;
}
.carousel-control-next, .carousel-control-prev {
top: unset;
}
.greenLines {
position: relative;
}
.greenLines .headline-box h2,
.greenLines .headline-box h3 {
margin-bottom: 60px;
}
@media (max-width:767px) {
.greenLines .headline-box h2,
.greenLines .headline-box h3 {
margin-bottom: 0;
}
}
.greenLines .lines {
position: absolute;
top: -40px;
left: -80px;
right: 0;
margin: 0 auto;
z-index: 0;
pointer-events: none;
}
h1:has(+svg.lines),
h2:has(+svg.lines),
h3:has(+svg.lines),
h4:has(+svg.lines){
margin-bottom: 23px;
}
@media (max-width:767px) {
h2.text-left {
margin-bottom: 0;
}
.greenLines .lines {
position: relative;
top: -80px;
}
}
@media (max-width:991px) {
.greenLines .lines {
top: -40px;
}
}
.skewedBottom {
padding-bottom: 30px;
margin-bottom: 280px;
}
.skewedBottom > .container {padding-bottom:0;}
.skewedBottom .bottom {
position: absolute;
bottom: clamp(-1000px, -8vw, -110px);
left: 0;
margin: 0 auto;
z-index: -1;
height: auto;
aspect-ratio: 3000/282;
}
@media (max-width:767px) {
.skewedBottom .bottom {
z-index: -1;
}
}
.skewedBottom .blue-bg .bottom {
width:100%; min-width:100%;
}
.getInTouch .col-12.col-lg-7 {
position: relative;
}
.introtext {overflow:hidden; position: relative;}
.introtext h2 {text-transform: uppercase;}
.introtext .kicker.list-inline + h1,
.introtext .kicker.list-inline + h2,
.introtext .kicker.list-inline + h3 {margin-top: 0;}
.introtext > .container > .row {}
.introtext .intro-visual {width: auto; max-width: 100%; color: #4E7493; height:100%; transform: translateX(40px);}
.introtext.blue-bg .intro-visual *,
.introtext.green-bg .intro-visual * {color: #fff;}
.intro-visual-container {overflow: hidden; width: 100vw; margin-left: calc(50% - 50vw); text-align: right; max-width: none;pointer-events:none;}
@media (min-width: 992px) {
.intro-visual-container {
width: calc(50vw - 8.3333%);
margin-left: 0;
position: absolute;
right: 0;
top: 80px;
bottom: 80px;
text-align: right;
}
}
.event[data-visibility="0"],
.teaser[data-visibility="0"] {display: none;}
.filter-off .event[data-visibility="0"],
.filter-off .teaser[data-visibility="0"] {display: block;}
b, strong {font-weight: 500}
section {margin: 0 auto;padding: 80px 0;}
@media (max-width: 768px) {
section {margin: 0 auto;padding: 50px 0;}
}
section.heroslider {padding: 0;}
section > .container {margin: 0 auto; padding: 0!important;}
.grey-bg + .grey-bg {padding-top:0;}
nav.navbar {height: auto;padding: 20px 0 35px;}
.navbar-nav li:last-child {position: relative;}
.navbar-nav > ul > li:last-child:before {display: block;content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='655.764' height='11' viewBox='0 0 655.764 11'%3E%3Cg id='Gruppe_1' data-name='Gruppe 1' transform='translate(-1055.736 -112)'%3E%3Cpath id='Pfad_2296' data-name='Pfad 2296' d='M126,0,10.24-.35' transform='translate(1045.5 121.5)' fill='none' stroke='%2395c11f' stroke-width='3'/%3E%3Cpath id='Pfad_2297' data-name='Pfad 2297' d='M0,0H619' transform='translate(1092.5 113.5)' fill='none' stroke='%2395c11f' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E%0A");position: absolute;left: 40px;bottom: -25px;}
.navbar + section {margin-top: 0;}
.navbar-expand-lg .navbar-nav .nav-link {text-transform: uppercase;font-size: 18px;line-height: 24px;}
.navbar-expand-lg.fixed .navbar-nav .nav-link {padding-top: 10px;}
.navbar-expand-lg .navbar-nav .nav-item {padding-left: 20px;}
#navbarNav .nav-item:last-child .nav-link {position: relative;}
#navbarNav .nav-item:last-child .nav-link:after {
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='864.764' height='11' viewBox='0 0 864.764 11'%3E%3Cg id='Gruppe_1' data-name='Gruppe 1' transform='translate(-1055.736 -112)'%3E%3Cpath id='Pfad_2296' data-name='Pfad 2296' d='M126,0,10.24-.35' transform='translate(1045.5 121.5)' fill='none' stroke='%2395c11f' stroke-width='3'/%3E%3Cline id='Linie_344' data-name='Linie 344' x2='828' transform='translate(1092.5 113.5)' fill='none' stroke='%2395c11f' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E%0A");
display: block;
position: absolute;
bottom:-20px;
left: 10px;
width: 100vw;
}
@media (max-width: 991px) {
.navbar-expand-lg .navbar-nav .nav-item:first-child {padding-left: 0px;}
}
@media (max-width: 1199px) {
.navbar-expand-lg .navbar-nav .nav-item:first-child {padding-left: 30px;}
}
@media (min-width: 992px) {
.navbar-collapse {display: flex;justify-content: flex-end;flex-direction: column;align-items: flex-end;}
}
nav.navbar.fixed {height: 100px;}
.navbar-collapse.collapse:not(.show) {display: none;}
.navbar-collapse .metanav {display: flex;justify-content: flex-end;margin-bottom: 30px;}
.navbar-expand-lg.fixed .navbar-collapse .metanav {margin-bottom: 0;}
.navbar-collapse .metanav ul {display: flex; padding:0; margin:0;}
.navbar-collapse .metanav ul li {list-style: none; padding:0; margin:0 12px;}
.navbar-collapse .metanav ul li a {text-decoration: none; font-weight: 500; font-family: 'Nunito', sans-serif; font-size: 13px; line-height: 18px; text-transform: uppercase;}
.navbar-collapse .metanav ul li a:hover,
.navbar-collapse .metanav ul li a.active {color:#95C11F;}
.navbar-collapse .metanav ul.metanav-menu li.meta-search span.magnifier {cursor: pointer;}
.navbar-collapse .metanav ul.metanav-menu li.meta-search {list-style: none; padding:0; margin:0 4px 0 0;}
.navbar-collapse .metanav ul.metanav-menu li.meta-search input {opacity: 0; transition: all .3s ease-in-out;}
.navbar-collapse .metanav ul.metanav-menu li.meta-search #meta-search-input.visible {opacity: 1;}
.navbar-collapse .metanav ul.meta-socials {margin-left: 25px;}
.navbar-collapse .metanav ul.meta-socials li a svg {width: 22px; height: 22px;}
.greenLines .container {position: relative;}
.grey-bg .container {padding-top: 80px;padding-bottom: 80px;}
.news.slider {}
.news.slider h2 {text-transform: uppercase; margin-bottom: 0;}
.news.slider .carousel-item .teaser {margin: 0; border-bottom: none;}
.news.slider .carousel-item .teaser .row {justify-content: space-between;}
.container .row {justify-content: space-between;}
ul.kicker.list-inline {
margin-bottom: 0;
}
ul.kicker.list-inline li,
ul.kicker.list-inline li span {
background: transparent;
border: none;color: #95C11F;
font-size: 16px;
line-height: 22px;
padding:0;
font-family: 'Nunito', sans-serif;
margin-bottom: 10px;
}
.news.slider .carousel-item .teaser h3 {font-size: 26px; line-height: 32px; margin-bottom: 30px;}
.news.slider .carousel-item .teaser .date {font-size: 20px; line-height: 27px; color: #4E7493; font-weight: 500; font-family: 'Nunito', sans-serif;}
.news.slider .carousel-item .teaser p {font-size: 20px; line-height: 27px;}
.slider-nav {display: flex; justify-content: center;}
.carousel-control-next, .carousel-control-prev {position: static; width: auto; opacity: 1;}
.carousel-control-next-icon {}
ol.carousel-indicators {position: static; margin: 40px 25px; align-items: center;}
ol.carousel-indicators li[data-bs-target] {display: inline-block; width:15px; height:15px; border-radius: 50%; margin: 0 7px; border: 3px solid #4E7493; opacity: 1; background-color: transparent;}
ol.carousel-indicators li[data-bs-target].active { background-color: #95C11F; border-color: #95C11F;}
@media (max-width:991px) {
ol.carousel-indicators li[data-bs-target] {width:10px; height:10px; margin: 0 5px;}
}
.carousel-control-prev-icon {width: 20px; height: 23px;content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='23' viewBox='0 0 20 23'%3E%3Cg id='Polygon_29' data-name='Polygon 29' transform='translate(0 23) rotate(-90)' fill='rgba(78,116,147,0)' stroke-linejoin='bevel'%3E%3Cpath d='M 20.40720748901367 18.5 L 2.592792749404907 18.5 L 11.50000190734863 3.009192228317261 L 20.40720748901367 18.5 Z' stroke='none'/%3E%3Cpath d='M 11.50000095367432 6.018391609191895 L 5.185579299926758 17 L 17.81442070007324 17 L 11.50000095367432 6.018391609191895 M 11.5 1.006134033203125 C 11.83732795715332 1.006134033203125 12.17465496063232 1.173309326171875 12.36690998077393 1.507659912109375 L 22.13838005065918 18.50152969360352 C 22.52170944213867 19.16819000244141 22.04048919677734 20 21.27146911621094 20 L 1.728530883789062 20 C 0.9595108032226562 20 0.4782905578613281 19.16819000244141 0.8616199493408203 18.50152969360352 L 10.63309001922607 1.507659912109375 C 10.82534503936768 1.173309326171875 11.16267204284668 1.006134033203125 11.5 1.006134033203125 Z' stroke='none' fill='%234e7493'/%3E%3C/g%3E%3C/svg%3E%0A");}
.carousel-control-next-icon {width: 20px; height: 23px;content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='23' viewBox='0 0 20 23'%3E%3Cg id='Polygon_28' data-name='Polygon 28' transform='translate(20) rotate(90)' fill='rgba(78,116,147,0)' stroke-linejoin='bevel'%3E%3Cpath d='M 20.40720748901367 18.5 L 2.592792749404907 18.5 L 11.50000190734863 3.009192228317261 L 20.40720748901367 18.5 Z' stroke='none'/%3E%3Cpath d='M 11.50000095367432 6.018391609191895 L 5.185579299926758 17 L 17.81442070007324 17 L 11.50000095367432 6.018391609191895 M 11.5 1.006134033203125 C 11.83732795715332 1.006134033203125 12.17465496063232 1.173309326171875 12.36690998077393 1.507659912109375 L 22.13838005065918 18.50152969360352 C 22.52170944213867 19.16819000244141 22.04048919677734 20 21.27146911621094 20 L 1.728530883789062 20 C 0.9595108032226562 20 0.4782905578613281 19.16819000244141 0.8616199493408203 18.50152969360352 L 10.63309001922607 1.507659912109375 C 10.82534503936768 1.173309326171875 11.16267204284668 1.006134033203125 11.5 1.006134033203125 Z' stroke='none' fill='%234e7493'/%3E%3C/g%3E%3C/svg%3E%0A");}
.blue-bg ol.carousel-indicators li {border: 3px solid #ffffff;}
.blue-bg ol.carousel-indicators li.active { background-color: #95C11F; border-color: #95C11F;}
.blue-bg .carousel-control-prev-icon {content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='23' viewBox='0 0 20 23'%3E%3Cg id='Polygon_29' data-name='Polygon 29' transform='translate(0 23) rotate(-90)' fill='rgba(78,116,147,0)' stroke-linejoin='bevel'%3E%3Cpath d='M 20.40720748901367 18.5 L 2.592792749404907 18.5 L 11.50000190734863 3.009192228317261 L 20.40720748901367 18.5 Z' stroke='none'/%3E%3Cpath d='M 11.50000095367432 6.018391609191895 L 5.185579299926758 17 L 17.81442070007324 17 L 11.50000095367432 6.018391609191895 M 11.5 1.006134033203125 C 11.83732795715332 1.006134033203125 12.17465496063232 1.173309326171875 12.36690998077393 1.507659912109375 L 22.13838005065918 18.50152969360352 C 22.52170944213867 19.16819000244141 22.04048919677734 20 21.27146911621094 20 L 1.728530883789062 20 C 0.9595108032226562 20 0.4782905578613281 19.16819000244141 0.8616199493408203 18.50152969360352 L 10.63309001922607 1.507659912109375 C 10.82534503936768 1.173309326171875 11.16267204284668 1.006134033203125 11.5 1.006134033203125 Z' stroke='none' fill='%23ffffff'/%3E%3C/g%3E%3C/svg%3E%0A");}
.blue-bg .carousel-control-next-icon {content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='23' viewBox='0 0 20 23'%3E%3Cg id='Polygon_28' data-name='Polygon 28' transform='translate(20) rotate(90)' fill='rgba(78,116,147,0)' stroke-linejoin='bevel'%3E%3Cpath d='M 20.40720748901367 18.5 L 2.592792749404907 18.5 L 11.50000190734863 3.009192228317261 L 20.40720748901367 18.5 Z' stroke='none'/%3E%3Cpath d='M 11.50000095367432 6.018391609191895 L 5.185579299926758 17 L 17.81442070007324 17 L 11.50000095367432 6.018391609191895 M 11.5 1.006134033203125 C 11.83732795715332 1.006134033203125 12.17465496063232 1.173309326171875 12.36690998077393 1.507659912109375 L 22.13838005065918 18.50152969360352 C 22.52170944213867 19.16819000244141 22.04048919677734 20 21.27146911621094 20 L 1.728530883789062 20 C 0.9595108032226562 20 0.4782905578613281 19.16819000244141 0.8616199493408203 18.50152969360352 L 10.63309001922607 1.507659912109375 C 10.82534503936768 1.173309326171875 11.16267204284668 1.006134033203125 11.5 1.006134033203125 Z' stroke='none' fill='%23ffffff'/%3E%3C/g%3E%3C/svg%3E%0A");}
.getInTouch .svg-container {writing-mode: tb-rl;}
.getInTouch svg {position: static;}
.getInTouch p strong {color:#4E7493; text-transform: uppercase;}
.getInTouch a.btn {margin: 0 35px 20px 0; }
.getInTouch span.h3 {margin-top:20px; font-weight: 600; font-family: 'Nunito', sans-serif;}
.getInTouch .socials {}
.getInTouch .socials a {margin-right: 30px; display: inline-block;}
@media (max-width:767px) {
.getInTouch .svg-container {margin-bottom: 30px; padding-right:0;}
.getInTouch .svg-container svg {width:100%; height: auto; aspect-ratio: 50/21;}
}
.heroslider .buehne-img,
.heroslider .buehne-vid,
.heroslider .buehne-lottie {aspect-ratio: 128/50; position: static; width: 100%; height:100%; object-fit: cover; object-position: center;}
.heroslider .buehne-lottie {aspect-ratio: auto;}
.heroslider.small .buehne-img,
.heroslider.small .buehne-vid,
.heroslider.small .buehne-lottie {aspect-ratio: 128/25; position: static;}
@media (max-width:767px) {
.heroslider .buehne-img,
.heroslider .buehne-vid {aspect-ratio: 1; object-fit: cover; object-position: center;}
.heroslider.small .buehne-img,
.heroslider.small .buehne-vid{aspect-ratio: 1;}
.heroslider lottie-player {width:300%!important;margin-left: -100%;}
}
@media (min-width:768px) {
.heroslider .buehne-lottie {margin: 0!important;}
}
.heroslider .carousel-item .container {padding: 0; position: relative;}
.heroslider .caption {position: absolute; bottom:0; left: -20px; padding: 20px; background-color: #ffffffe5;}
@media (max-width:767px) {
.heroslider .caption {left:0;}
}
.heroslider .caption h2 {font-size: 20px; line-height: 32px; font-weight: 500; margin:0; text-transform: uppercase; color:#4E7493;}
.heroslider.green-bg .caption {background: #95C11FB0;}
.heroslider.green-bg .caption h1,
.heroslider.green-bg .caption h2,
.heroslider.green-bg .caption h3 {color: #fff}
.footer-white {color: #f3f3f3;}
footer .container {padding-top:80px;padding-bottom:80px;}
footer .column h3 {text-transform: uppercase; font-size: 16px;}
footer.footer-white ul li {padding-bottom: 0;margin-top: 4px;}
footer.footer-white ul li a {display: inline-block; font-size: 14px; line-height: 20px; font-weight: 500;}
footer.footer-white ul li ul {padding-left: 10px;}
footer.footer-white ul li ul li a {font-weight: 300;}
footer.footer-white .logos.row {justify-content: center;}
footer.footer-white .text-right {padding-top: 60px; margin-right: 40px; margin-bottom: 0;}
@media (max-width:767px) {
footer.footer-white .row {margin: 0;}
}
.container.contact-container .row {justify-content: flex-start;}
.contact-big.person-accordion {border-top: 3px solid #EBE8E8;padding-top: 40px;padding-bottom: 40px;}
.contact-big.person-accordion:first-of-type {border-top: 0;}
.contact-big.person-accordion:last-child {border-bottom: 3px solid #EBE8E8;}
.contact-big.person-accordion img {border-radius: 0; width: 100%; margin-bottom: 0;}
@media (max-width:767px) {
.contact-big.person-accordion img {margin-bottom: 30px;}
.contact-big.person-accordion .copy-pop-trigger {bottom:30px;}
}
.contact-big.person-accordion p {line-height: 1.5;}
.contact-big.person-accordion p.name {font-family: 'Nunito', sans-serif; font-size: 26px; line-height: 32px; font-weight: 500; color:#4E7493; position: relative;margin-bottom:1.5rem;}
.contact-big.person-accordion p.name:after {position: absolute; display: block; content: ''; width:110px; height:3px; background-color: #95C11F; bottom: -5px; left:0;}
.contact-big.person-accordion p.function {margin-bottom:1.5rem;}
.contact-big.person-accordion p.phone,
.contact-big.person-accordion p.e-mail {margin-bottom:0;}
.contact-big.person-accordion p.phone a,
.contact-big.person-accordion p.e-mail a {text-decoration: none; color:#636362;}
.contact-big.person-accordion p.phone strong,
.contact-big.person-accordion p.e-mail strong {display: inline-block; margin-right: 30px;}
.contact-big.person-accordion .card {padding: 20px 0; border: 0; background: transparent;}
.accordion-handle-container {text-align: right; margin-top: -40px; display: inline-block;right: 40px;bottom: 40px;position: absolute;width: auto;}
.accordion-handle-container a span svg {display:block; transform: rotateZ(180deg); transition: all .3s ease-out;}
.show + .accordion-handle-container a span svg {transform: rotateZ(0deg);}
@media (max-width:767px) {
.accordion-handle-container {margin-top: 10px; position: static; display: block; width:100%;}
.accordion-handle {text-align: right;}
.accordion-handle-container a span svg {display:inline;}
.contact-big.person-accordion p.phone strong,
.contact-big.person-accordion p.e-mail {margin-bottom: 30px; padding-right:50px;}
.contact-big.person-accordion p.e-mail strong {margin-right: 0; }
}
.contact-big.person-accordion .img {position: relative;}
*:has(> .copy-pop-trigger) {position: relative;}
.copy-pop-trigger {display:block;position: absolute;right:calc(var(--bs-gutter-x) * .5);bottom:0;color: #636362;padding: 5px;line-height: .7;z-index: 1;font-size: 28px;cursor: pointer;background: #ffffff80;}
.copy-pop {display:block; position: absolute; opacity: 0; background: #F3F3F3; padding: 10px; right:calc(var(--bs-gutter-x) * .5 + 30px); bottom:30px; transition: all .2s ease-out; color: #636362;}
.copy-pop-trigger:hover + .copy-pop {opacity: 1;}
.imgOnly {
padding-top: 0;
}
.imgOnly img {min-width: 100%; max-width: 100%;}
.imgOnly .col-12 img {width: 100%; max-width: 100%;}
.imgOnly .imgRight {writing-mode: tb-rl;}
.imgOnly .image-text {padding: 20px 0;}
.newsdetail .section-image-carousel.w-full {width:100vw; margin-left: calc(50% - 50vw);}
.section-image-carousel .container {position: relative;}
.section-image-carousel .container .lines {position: absolute;top: -40px;left: -80px;right: 0;margin: 0 auto;z-index: 0;}
.section-image-carousel .container h2.text-left {padding-bottom: 40px;}
.swiper.image-carousel.forlogos a {aspect-ratio: 3;}
.swiper.image-carousel.forlogos a img {object-fit: contain;}
.filter-section {padding-left:0; padding-right: 0; margin-bottom: 40px;}
.filter-section .filter {background: #F3F3F3; padding: 20px 25px;}
.filter-row {display: flex; flex-wrap: wrap;}
.filter-row:last-child {margin-bottom: 0;}
.filter-row h3 {flex: 0 0 25%;font-family: 'Nunito', sans-serif; font-size: 20px; line-height: 27px; font-weight: 600; color:#4E7493; text-transform: uppercase; margin-bottom:10px!important;}
.filter-row input[type="search"],
.filter-row input#filter-search {flex: 0 0 75%; border: 3px solid #4E7493; border-radius: 18px; height: 36px; line-height: 30px; background: transparent;padding: 0 20px;}
.filter-row .nav-tabs .nav-link {font-family: 'Nunito', sans-serif; font-size: 16px; line-height: 22px; font-weight: 600; color:#4E7493; text-transform: uppercase;}
.filter-row .nav-tabs {border: 0;}
.filter-row .nav-tabs .nav-item {padding: 0 16px;}
@media (max-width:767px) {
.filter-row h3 {flex: 0 0 100%;}
.filter-row .nav-tabs .nav-item:first-child {padding-left: 0;}
.filter-row input#filter-search {flex: 0 0 100%;}
}
.filter-row .nav-tabs .nav-link {padding: 8px 0;}
.filter-row .nav-tabs .nav-link:hover {border: 0;}
.filter-row .nav-tabs .nav-item.show .nav-link,
.filter-row .nav-tabs .nav-link.active {background: transparent;border: 0; color: #95C11F; position: relative;}
.filter-row .nav-tabs .nav-link.active:after {position: absolute; display: block; content:''; width: 100%; height: 3px; bottom:-2px; left:0; background:#95C11F;}
.filter-row .tab-content {flex: 0 0 100%;}
.filter-row .tab-content .tab-pane {border-top: 3px solid #fff; border-bottom: 3px solid #fff;}
.filter-row .clear-filter {flex: 0 0 50%; font-weight:400;}
.filter-row .clear-filter svg line {stroke: #4E7493;}
.filter-row .close-filter {flex: 0 0 50%;}
.filter-row .close-filter.inline {flex: auto; padding-top: 0; }
.filter-blue .filter-row .tab-content .tab-pane ul.filterlist li:before {border-color: #fff;}
.filter-blue .filter-row .clear-filter a {color: #fff;}
.filter-blue .filter-row .clear-filter svg line {stroke: #fff;}
.filter-row.filter-row-2 {border-top: 3px solid #fff; border-bottom: 3px solid #fff; padding: 20px 0; justify-content: flex-start;}
.filter-row.filter-row-2 label {font-size: 16px; font-weight: 500; line-height: 24px; color: #4E7493; text-transform: uppercase; font-family: 'Nunito', sans-serif; margin-bottom: 10px;}
.filter-row.filter-row-2 select {border: 3px solid #4E7493; border-radius: 18px; height: 36px; line-height: 30px; background: transparent; padding: 0 20px; appearance: none; background-repeat: no-repeat;background-position: calc(100% - 15px) 47%; cursor: pointer;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='8.5' viewBox='0 0 29.853 17.057'%3E%3Cg id='Gruppe_2127' data-name='Gruppe 2127' transform='translate(-0.929 1.136) rotate(-45)'%3E%3Cpath id='Pfad_2790' data-name='Pfad 2790' d='M1.46,22.37V1.354' fill='none' stroke='%234e7493' stroke-width='3'/%3E%3Cline id='Linie_540' data-name='Linie 540' x1='21.016' transform='translate(0 21.016)' fill='none' stroke='%234e7493' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E%0A");
}
@media (max-width:767px) {
.filter-row.filter-row-2 select {
margin-bottom: 20px;
}
.publications .filter h3[for="filter-search"] {
margin-bottom: 10px;
}
}
.filter-row.filter-row-3 {padding: 20px 0 0;}
.filter-row.filter-row-3 button[type="submit"] {font-size: 16px; font-weight: 500; line-height: 24px; color: #4E7493; text-transform: uppercase; font-family: 'Nunito', sans-serif; border: 3px solid #95C11F;}
.filter-row.filter-row-3 .col-lg-6:has(.clear-filter) {display: flex; justify-content: flex-end;}
.filter-row.filter-row-3 .col-lg-6 .clear-filter {cursor:pointer; flex: unset}
@media (max-width:767px) {
.filter-row.filter-row-3 .col-lg-6 {width:50%}
}
.publications form:has(.searchfield-fellows) {display: flex; width:100%;}
.searchfield-fellows {display: flex; padding:0 0 1.5rem 0!important; align-items: center;}
.searchfield-fellows h3 {flex: 0 0 20%; margin-bottom: 0!important;}
@media (max-width:767px) {
.searchfield-fellows {flex-wrap: wrap;}
.searchfield-fellows h3 {flex: 0 0 100%;}
}
.author {
margin-bottom: 5px;
font-weight: 300;
color: #636362;
}
.author strong {font-weight: 700;}
@media (max-width: 991px) {
.publications .col-12.publication-col {
padding-left:0;
padding-right:0;
}
}
.publications .teaser {
border-bottom: 3px solid #EBE8E8;
padding-bottom: 10px;
margin-bottom: 38px;
}
.publication-col > .row {
margin-right: 0; margin-left: 0;
}
.publication-p-0 {
padding: 0;
}
.filter-features .filter {background: #F3F3F3; padding: 20px 25px;}
.nav-tabs .nav-item {display: flex; align-items: center; gap: 5px;}
.nav-tabs .nav-item .nav-link {border: 0;}
.nav-tabs .nav-item .nav-link + span {width: 18px; height: 18px; background: #95C11F; border-radius: 50%; color: #fff; font-size: 14px; text-align: center;}
.filter-row .tab-content {flex: 0 0 100%; border:0;}
.filter-row .tab-content .tab-pane {border-top: 3px solid #fff; border-bottom: 3px solid #fff;}
.filter-row .tab-content .tab-pane ul.filterlist {display: flex; flex-wrap: wrap; margin: 0; padding: 5px 0;}
.filter-row .tab-content .tab-pane ul.filterlist li {flex: 1 0 15%; padding: 8px 0 9px; list-style: none; position: relative; margin-top: 0;}
.filter-row .tab-content .tab-pane ul.filterlist li:before {display: block; position:absolute; top:13px; left:0; content: ''; width: 17px; height: 17px; border-radius:50%; background-color: transparent; border: 3px solid #4E7493; pointer-events: none;}
.filter-row .tab-content .tab-pane ul.filterlist li:has(a.is-checked):before,
.filter-row .tab-content .tab-pane ul.filterlist li:has(a.activeFilter):before,
.filter-row .tab-content .tab-pane ul.filterlist li:has(input[type="radio"]:checked):before {background-color: #95C11F; border-color: #95C11F;}
.filter-row .tab-content .tab-pane ul.filterlist li a {color: #636362; text-decoration: none; font-size: 16px; font-weight: 300; padding-left: 23px;}
.filter-row .tab-content .tab-pane ul.filterlist li input {opacity:0; margin-right: 10px;}
.filter-row .clear-filter {flex: 0 0 50%;background-image: none; text-transform: uppercase; width: auto; height: 30px; color: #4E7493; font-size: 13px; line-height: 30px; display: flex; align-items: center; gap: 5px; padding-top:10px;}
.filter-row .close-filter {flex: 0 0 50%; text-align: right; padding-top:10px;}
.filter-row .close-filter svg{transform: rotateZ(180deg);}
.filter-row .tab-content:has(.tab-pane.active) ~ .close-filter svg,
.filter-row .close-filter.open svg{transform: rotateZ(0);}
@media (max-width:1024px) {
.filter-row .tab-content .tab-pane ul.filterlist li {flex: 0 0 33.33%;}
}
@media (max-width:768px) {
.filter-row .tab-content .tab-pane ul.filterlist li {flex: 0 0 50%;}
}
.blue-bg .filter-section .filter {background: transparent; padding-bottom: 60px;}
.blue-bg .filter-row h3,
.blue-bg .filter-row .nav-tabs .nav-link,
.blue-bg .filter-row .tab-content .tab-pane ul.filterlist li a {color: #ffffff;}
.blue-bg .filter-row .tab-content .tab-pane ul.filterlist li a:before {border: 3px solid #ffffff;}
.blue-bg .filter-row .tab-content .tab-pane ul.filterlist li a.activeFilter:before {background-color: #95C11F; border-color: #95C11F;}
.blue-bg .filter-row input[type="search"] {border-color: #ffffff;}
.blue-bg .filter-row .clear-filter {color: #ffffff;}
.blue-bg .filter-row .nav-tabs .nav-link.active {color: #95C11F;}
.latest-posts {background: #95C11F; }
.latest-posts h2 {color: #fff; text-transform: none;}
.latest-posts .swiper-outer {width: 100vw; }
@media (max-width:992px) {
.latest-posts .swiper-outer {width: 100%; }
}
.latest-posts-swiper .swiper-slide {color:#fff;}
.latest-posts-swiper .swiper-slide h4 {text-transform: uppercase; font-size: 16px; color:#fff;}
.latest-posts-swiper .swiper-slide .img {position: relative; width:100%; aspect-ratio: 3/2; margin-bottom: 40px;}
.latest-posts-swiper .swiper-slide .img img {width:100%; height: 100%; object-fit: cover; object-position: center;}
.latest-posts-swiper .swiper-slide .img .copy-pop {right:30px;color: #636362;}
.latest-posts-swiper .swiper-slide .img .copy-pop-trigger {right:0;}
.latest-posts-swiper .swiper-slide h3 {color:#fff; font-size: 26px;}
.latest-posts-swiper .swiper-slide p {color:#fff; font-size: 20px;}
.latest-posts-swiper .swiper-slide a.btn.btn-primary {color:#fff;border-color:#fff;}
.latest-posts-swiper .swiper-slide a.btn.btn-primary:hover,
.latest-posts-swiper .swiper-slide a.btn.btn-primary:focus {color:#95C11F; background: #fff;border-color:#fff;}
.latest-posts .swiper-outer {flex: 0 0 100%;}
.latest-posts .swiper-outer .swiper-pagination-bullet.swiper-pagination-bullet-active {border-color: #fff; background-color: #fff;}
@media (min-width: 768px) {
.latest-posts .swiper-outer {width: 100vw; margin-left: calc(50% - 50vw); }
.latest-posts-swiper .swiper-slide {color:#fff; width: 480px; transform: translateX(calc(50vw - 360px));}
}
@media (min-width: 992px) {
.latest-posts-swiper .swiper-slide {transform: translateX(calc(50vw - 480px));}
}
@media (min-width: 1200px) {
.latest-posts-swiper .swiper-slide {color:#fff; width: 640px;transform: translateX(calc(50vw - 570px));}
}
@media (min-width: 1400px) {
.latest-posts-swiper .swiper-slide {transform: translateX(calc(50vw - 660px));}
}
.featurelist {}
.featurelist .feature-item {margin: 0 25px 35px 25px;}
.featurelist .feature-item a,
.featurelist .feature-item a:hover {text-decoration: none;}
.featurelist .feature-item h4.kicker {font-weight: 500}
.featurelist .feature-item h4.kicker:before {display: inline;}
.featurelist .feature-item .frame {position: relative; line-height: 1.38; padding: 20px 30px 30px 30px; font-size: 16px; height: calc(100% - 43px); display: flex; flex-direction: column; justify-content: space-between; text-align: center; transition: all .3s ease-out;}
.featurelist .feature-item a {display: block; position: relative;}
.featurelist .feature-item a:before {content:''; display: block; position: absolute; border: #95C11F 3px solid; inset: 30px 0 20% 0;transition: all .3s ease-out}
.featurelist .feature-item a:hover:before {background: #95C11F;}
.featurelist .feature-item a .frame .img {position: relative; margin: 20px 15% 0; width: 70%; aspect-ratio: 1;}
.featurelist .feature-item a .frame .img img {width:100%; height:100%; object-fit: cover; object-position: center; filter: grayscale(.9); transition: all .3s ease-out; margin-bottom: 0;}
.featurelist .feature-item a:hover .frame .img img {filter: grayscale(0);}
.featurelist .feature-item a .frame .img .copy-pop {right:30px;color: #636362;}
.featurelist .feature-item a .frame .img .copy-pop-trigger {right:0; }
.newslist {padding-right: 0; padding-left: 0;}
.newslist .event > a {text-decoration: none;}
.img-news-teaser {padding: 40px 0; border-bottom: 3px solid #EBE8E8;}
.contactpersons {}
.contactpersons .person-row {flex-wrap: wrap; padding-top: 40px; padding-bottom:40px; border-bottom: 3px solid #ffffff;}
.contactpersons .person-row:last-child {border-bottom: none;}
.contactpersons .department {border: none; color: #95C11F; font-size: 16px; line-height: 22px; padding-top: 0; padding-bottom: 0; text-transform: uppercase; margin-bottom: 10px; font-family: 'Nunito', sans-serif; font-weight: 500}
.contactpersons .img img {aspect-ratio: 3/2; width:100%; height: 100%; object-fit: cover; object-position: top center;}
.contactpersons .txt p.name {font-family: 'Nunito', sans-serif; font-weight: 500; font-size:26px; position: relative;}
.contactpersons .txt p.name:after {position: absolute; display: block; content: ''; width: 110px; height: 3px; background-color: #95C11F; bottom: -5px; left: 0;}
.contactpersons .txt p.phone strong {display: inline-block; margin-right: 30px;}
.contactpersons .txt p.phone a {color:#fff;text-decoration: none;font-weight: 300;}
.contactpersons .txt p.e-mail strong {display: inline-block; margin-right: 30px;}
.contactpersons .txt p.e-mail a {color:#fff;text-decoration: none;font-weight: 300;}
@media (max-width: 768px) {
.contactpersons .img {margin-bottom: 20px;}
.contactpersons .department {padding: 0 calc(var(--bs-gutter-x) * .5);}
}
.textImg img {width:100%; height: auto;}
.highlights.textImg img {margin-bottom: 0;}
@media (max-width: 768px) {
.highlights.textImg img {margin-bottom: 20px;}
.highlights.textImg .carousel-item:has(.copy-pop-trigger) img {margin-bottom: 0;}
}
.highlights.textImg .link {display: flex; gap:20px}
.highlights.textImg .link a.button {font-weight: 500;color: #fff;text-transform: none;text-decoration: underline #95C11F;}
.highlights.textImg .link a.button:hover,
.highlights.textImg .link a.button:focus {color: #95C11F;}
.tandemProjects .img {aspect-ratio: 1; position: relative;}
@media (max-width: 991px) {
.tandemProjects .img {width:calc(100% - var(--bs-gutter-x) * 3); left:calc(var(--bs-gutter-x) * 1.5); right:calc(var(--bs-gutter-x) * 1.5);}
}
.tandemProjects .img img {width: 60%;z-index: 1;position: absolute;top:0;left: 0px;}
.tandemProjects .img img:not(:first-child):last-child {z-index: 0; top:auto; left:auto; bottom: 0; right:0; width:50%;}
.tandemProjects h2 {text-transform: uppercase; font-size: 34px;}
.tandemProjects h3.name1,
.tandemProjects h3.name2 {font-size: 26px;}
.tandemProjects hr {display: block; content: ''; width: 110px; height: 3px; background-color: #95C11F; opacity: 1; border: none;}
.tandemProjects .info2 {margin-bottom: 30px;}
.tandemProjects .carousel-item > .row {align-items: flex-start;}
.tandemProjects .carousel-item > .row .img {aspect-ratio: 1;}
@media (max-width: 991px) {
nav.navbar {padding: 0;}
.navbar .container {padding: 15px 0;}
body {padding-top: 86px;}
}
#carouselExampleSlidesOnly .carousel-item {border-top:0;}
*:has(>.copy-pop-trigger) {position: relative;}
img:has(+.copy-pop-trigger) {margin-bottom:0!important;}
.textImg img + .copy-pop-trigger {position: static;float:right;transform: translateY(-100%);background: #ffffff80;}
.textImg .position-relative img + .copy-pop-trigger {transform: translateY(-49px);}
.textImg.highlights img + .copy-pop-trigger {transform: translateY(-30px);}
.carousel-item .textImg.highlights img + .copy-pop-trigger {transform: translateY(-30px);}
.textImg img + .copy-pop-trigger + .copy-pop {right:30px; bottom:auto; transform: translateY(calc(-100% - 30px)); color: #636362;}
.textImg.featurelist img + .copy-pop-trigger {bottom:0;}
.textImg.featurelist img + .copy-pop-trigger + .copy-pop {bottom:30px;}
@media (max-width: 574px) {
.textImg img + .copy-pop-trigger {right:20px;}
.textImg img + .copy-pop-trigger + .copy-pop {right:70px;}
}
@media (max-width:991px) {
.navbar-expand-lg .navbar-nav .nav-item,
.navbar-expand-lg .navbar-nav .nav-item:first-child {
padding-left: 0;
}
.navbar-expand-lg .navbar-nav .nav-link {
padding-left: 20px;
}
}
@media (max-width:991px) {
.navbar-collapse .metanav ul.metanav-menu li.meta-search input {
opacity: 1;
}
.navbar-collapse .metanav {
margin-top: 30px;
width: 100%;
flex-direction: column;
}
.navbar-collapse .metanav ul.metanav-menu {
flex-direction: column;
}
.navbar-collapse .metanav ul.metanav-menu li,
.navbar-collapse .metanav ul.metanav-menu li.meta-search {
margin: 0 20px;
}
.navbar-collapse .metanav ul.meta-socials li:first-child {
margin-left: 0;
}
}
@media (max-width:1199px) {
.navbar-expand-lg .navbar-nav .nav-link {
font-size: 16px;
line-height: 22px;
}
}
@media (min-width:992px) {
.navbar-collapse ul.navbar-nav {
order: 99;
}
.navbar-expand-lg .navbar-nav .nav-link {
white-space: nowrap;
}
}
.headline-box {position: relative;}
.team.white-bg {padding-top: 0; background-color: #FFFFFF;}
.team.grey-bg {padding-top: 0; background-color: #f3f3f3;}
.team.blue-bg {padding-top: 0; background-color: #4E7493;}
.team.green-bg {padding-top: 0; background-color: #95C11F;}
.team.blue-bg .contact-big.person-accordion p.name {color:#fff;}
.team.green-bg .contact-big.person-accordion p.name {color:#fff;}
.team.green-bg .contact-big.person-accordion p.name:after {background-color:#fff;}
.team.green-bg .contact-big.person-accordion p.function {color:#fff;}
.team.green-bg .card-body {color:#fff;}
.team.green-bg .accordion-handle svg path,
.team.green-bg .accordion-handle svg line {stroke:#fff;}
.image-carousel .copy-pop-trigger {right:0; background: #ffffff80;}
.image-carousel .copy-pop {right: 30px; }
.highlights .imgLeft {order:-1; position: relative;}
@media (max-width: 767px) {
.highlights .imgLeft,
.highlights .imgRight {order:-1;}
}
section:has(> .container.blue-bg),
section:has(> .container.green-bg),
section:has(> .container.grey-bg) {
/*padding:0;*/
}
section > .container.blue-bg,
section > .container.green-bg,
section > .container.grey-bg {
padding: 0px 40px!important;
overflow-x: clip;
}
section > .container.blue-bg svg.lines,
section > .container.green-bg svg.lines,
section > .container.grey-bg svg.lines {
left: 0;
}
.breadcrumb { margin-left: calc(var(--bs-gutter-x) * -0.5); margin-right: calc(var(--bs-gutter-x) * -0.5);}
.breadcrumb .breadcrumb-item {font-family: 'Nunito', sans-serif; font-weight: 500; font-size: 13px;color: #4E7493;}
.breadcrumb .breadcrumb-item::before {display: none;}
.breadcrumb .breadcrumb-item a {text-decoration: none; text-transform: uppercase; padding-left: var(--bs-breadcrumb-item-padding-x);}
.breadcrumb .breadcrumb-item a:hover,
.breadcrumb .breadcrumb-item a:active {color: #95c11f;}
.breadcrumb .breadcrumb-item:first-child a {padding-left:0; margin-left: 10px;}
@media (max-width: 767px) {
.breadcrumb .breadcrumb-item:first-child a {margin-left: calc(var(--bs-gutter-x) * 0.5);}
}
section.section-breadcrumb {padding: 30px 0;}
.heroslider.green-bg + section.section-breadcrumb {background-color: #4E7493; color: #fff;}
.heroslider.green-bg + section.section-breadcrumb .breadcrumb .breadcrumb-item,
.heroslider.green-bg + section.section-breadcrumb .breadcrumb .breadcrumb-item a,
.heroslider.green-bg + section.section-breadcrumb .breadcrumb .breadcrumb-item a:hover,
.heroslider.green-bg + section.section-breadcrumb .breadcrumb .breadcrumb-item a:focus {color: #fff;}
.spacebefore-extra-small {padding-top:0!important}
.spacebefore-small {padding-top:30px!important}
.spacebefore-medium {padding-top:60px!important}
.spacebefore-large {padding-top:90px!important}
.spacebefore-extra-large {padding-top:120px!important}
.spaceafter-extra-small {padding-bottom:0!important}
.spaceafter-small {padding-bottom:30px!important}
.spaceafter-medium {padding-bottom:60px!important}
.spaceafter-large {padding-bottom:90px!important}
.spaceafter-extra-large {padding-bottom:120px!important}
ul.f3-widget-paginator {margin-top: 30px; padding-left: 0;text-align: center;}
ul.f3-widget-paginator li {
font-size: 20px;
font-weight: 300;
text-align: center;
display: inline-block;
width: auto;
min-width: 30px;
height: 30px;
border-radius: 30px;
padding: 0;
margin: 0 7px;
line-height: 30px;
opacity: 1;
color: #0E4092;
background-color: transparent;
text-indent: 0;
border: 1.5px solid #0E4092;
}
ul.f3-widget-paginator li.current,
ul.f3-widget-paginator li:hover {border-color: #95C11F; color: #95C11F;}
ul.f3-widget-paginator li.previous,
ul.f3-widget-paginator li.prev,
ul.f3-widget-paginator li.next {display: none;}
ul.f3-widget-paginator li a {text-decoration: none;}
ul.f3-widget-paginator li:hover a { color: #4E7493;}
.blue-bg ul.f3-widget-paginator li {border-color: #fff;}
.blue-bg ul.f3-widget-paginator li.current,
.blue-bg ul.f3-widget-paginator li:hover {border-color: #95C11F;}
#tx_indexedsearch input#tx-indexedsearch-searchbox-sword {padding: 4px 10px;min-width: 320px;}
#tx_indexedsearch .tx-indexedsearch-hidden-fields + fieldset {display: flex;flex-wrap: wrap;gap:30px;margin-bottom: 30px;align-items: flex-end;}
#tx_indexedsearch .tx-indexedsearch-hidden-fields + fieldset h1 {flex: 0 0 100%;}
label[for='tx-indexedsearch-searchbox-sword'] {margin: 0 0 9px 0; font-size: 26px; color: #4E7493;}
.tx-indexedsearch-info-sword {display: none;}
ul.tx-indexedsearch-browsebox {display: flex;flex-wrap: wrap; gap: 10px; padding-left: 0;}
ul.tx-indexedsearch-browsebox li { list-style: none; border:1px solid #ccc; padding: 5px 20px;}
.tx-indexedsearch-res {padding: 30px 0; border-bottom:1px solid #ccc;}
.tx-indexedsearch-res + .tx-indexedsearch-res {border-top:1px solid #ccc; border-bottom:none;}
/* Brevo Newsletter */
.sib-form {padding:0!important;background: #F3F3F3!important;}
.entry__label,
.entry__specification,
.entry__error,
.sib-form-block__button,
.sib-form-block {font-family: 'Nunito', sans-serif!important}
.col-12 .sib-form-block {padding:0;}
.entry__specification {font-size: 14px!important;}
#sib-container {max-width: none!important; background: #F3F3F3!important; border: none!important; padding:0!important; }
/* Newsletter */
section.section-form {padding-right: 20px; padding-left: 20px;}
form .btn.btn-cancel {
text-transform: capitalize;
background-color: unset;
color: #4E7493;
font-size: 20px;
font-weight: 500;
border: 3px;
border-color: #95C11F;
border-style: solid;
padding: 2px 18px;
margin-top: 20px;
border-radius: 0;
line-height: 1.35;
text-decoration: none;
font-family: 'Nunito', sans-serif;
margin-right: 46px;
}
form .btn.btn-primary,
form .btn.btn-secondary {
text-transform: capitalize;
}
form .btn.btn-cancel:hover {
background-color: #95C11F;
border-color: #95C11F;
color: #fff;
}
form input[type=file] {
display:block;
}
form .clearfix h2 {
margin: 20px 0 0;
font-size: 26px;
color: #4E7493;
display: block;
text-transform: none;
}
form .form-group {
margin-bottom: 10px
}
form select.form-control {
-webkit-appearance: auto;
-moz-appearance: auto;
appearance: auto;
padding: .375rem .5rem;
}
form input[type="checkbox"] {
padding: .25rem .5rem;
border: none;
border-radius: 0;
font-family: 'Nunito', sans-serif;
font-size: 1.2rem;
background: #f3f3f3;
border: 3px solid #4E7493;
border-radius: 18px;
box-shadow: none;
position: relative;
inset: 0;
}
form select.form-control[multiple] option {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17'%3E%3Cg id='Ellipse_64' data-name='Ellipse 64' fill='%23f3f3f3' stroke='%234e7493' stroke-width='3'%3E%3Ccircle cx='8.5' cy='8.5' r='8.5' stroke='none'/%3E%3Ccircle cx='8.5' cy='8.5' r='7' fill='none'/%3E%3C/g%3E%3C/svg%3E%0A");
padding: 2px 0px 2px 24px;
background-position: 0px 7px;
background-repeat: no-repeat;
color: #7C7C7B;
}
form select.form-control[multiple] option:before {position: absolute;content:'';display: inline-block;width: 10px;height: 10px;border: #000;z-index: 7;opacity: 1;}
form select.form-control[multiple] option:checked, form select.form-control[multiple] option:focus {
position: relative;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17'%3E%3Ccircle id='Ellipse_123' data-name='Ellipse 123' cx='8.5' cy='8.5' r='8.5' fill='%2395c11f'/%3E%3C/svg%3E%0A");
background-color: transparent;
}
.filter-row-multiselect {
display: flex;
flex:0 0 100%;
border-top: 3px solid #fff;
border-bottom: 3px solid #fff;
padding: 1rem 0;
}
.filter-row-multiselect + .filter-row-multiselect {
border-top: none;
}
.filter-row-multiselect legend {
flex: 0 0 20%;
font-family: 'Nunito', sans-serif;
font-size: 16px;
font-weight: 600;
color: #4E7493;
text-transform: uppercase;
line-height: 2.5rem;
}
.filter-row-multiselect ul.pseudo-dropdown {
position: relative;
overflow: hidden;
height: 2.5rem;
border: 3px solid #4e7493;
border-radius: 18px;
background: #f3f3f3;
margin-bottom:0;
flex: 0 0 75%;
padding-left: 0.7rem;
}
.filter-row-multiselect ul.pseudo-dropdown:hover,
.filter-row-multiselect ul.pseudo-dropdown:focus {
height: auto;
position: absolute;
left:calc(20% + 1rem);
z-index: 99;
width:calc(75% - 2.5rem);
}
.filter-row-multiselect ul.pseudo-dropdown:after {
position: absolute;
right:10px;
top: calc(1.25rem - 10px);
height: 12px;
width:20px;
line-height: 1;
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='12' viewBox='0 0 29.853 17.057' style=''%3E%3Cg id='Gruppe_2127' data-name='Gruppe 2127' transform='translate(30.782 15.922) rotate(135)'%3E%3Cpath id='Pfad_2790' data-name='Pfad 2790' d='M1.46,22.37V1.354' transform='translate(0 0)' fill='none' stroke='%234E7493' stroke-width='3'%3E%3C/path%3E%3Cline id='Linie_540' data-name='Linie 540' x1='21.016' transform='translate(0 21.016)' fill='none' stroke='%234E7493' stroke-width='3'%3E%3C/line%3E%3C/g%3E%3C/svg%3E");
transition: transform .3s ease-out;
}
.filter-row-multiselect ul.pseudo-dropdown:hover:after,
.filter-row-multiselect ul.pseudo-dropdown:focus:after {transform: rotate(180deg);}
.filter-row-multiselect ul.pseudo-dropdown li {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17'%3E%3Cg id='Ellipse_64' data-name='Ellipse 64' fill='%23f3f3f3' stroke='%234e7493' stroke-width='3'%3E%3Ccircle cx='8.5' cy='8.5' r='8.5' stroke='none'/%3E%3Ccircle cx='8.5' cy='8.5' r='7' fill='none'/%3E%3C/g%3E%3C/svg%3E%0A");
padding: 2px 0px 2px 24px;
background-position: 0px 7px;
background-repeat: no-repeat;
color: #7C7C7B;
margin-top: 2px;
position: relative;
}
.filter-row-multiselect ul.pseudo-dropdown li:before {position: absolute;content:'';display: inline-block;width: 10px;height: 10px;border: #000;z-index: 7;opacity: 1;}
.filter-row-multiselect ul.pseudo-dropdown li:has(input:checked) {
position: relative;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17'%3E%3Ccircle id='Ellipse_123' data-name='Ellipse 123' cx='8.5' cy='8.5' r='8.5' fill='%2395c11f'/%3E%3C/svg%3E%0A");
background-color: transparent;
list-style: none;
}
.filter-row-multiselect ul.pseudo-dropdown li input[type="checkbox"] {
opacity: 0;
position: relative;
padding: .25rem .5rem;
border: none;
border-radius: 0;
font-family: 'Nunito', sans-serif;
font-size: 1.2rem;
background: #f3f3f3;
border: 3px solid #4E7493;
border-radius: 18px;
box-shadow: none;
position: absolute;
cursor: pointer;
inset: 0;
}
form .form-control {
font-size: 20px;
line-height: 1.35;
font-family: 'Roboto', sans-serif;
font-weight: 300;
}
form label.control-label {
margin-top: 20px;
font-weight: 500;
font-size: 20px;
line-height: 1.35;
font-family: 'Roboto', sans-serif;
}
form .form-check {
padding:10px 0;
margin-bottom: 0;
}
form .form-check label.form-check-label {
display: flex;
align-items: flex-start;
gap:5px;
}
form .form-check input[type="checkbox"]{
margin-top: 6px;
}
form .help-block {
display: inline-block;
padding: 10px 0;
font-style: italic;
}
form .error.help-block {
font-weight: bold;
color: #f00;
}
form section {
padding: 0;
margin-top: 20px;
}
form .form-check span {
font-size: 20px;
line-height: 1.35;
font-family: 'Roboto', sans-serif;
font-weight: 300;
}
form .radio {
margin-bottom: 10px;
font-size: 20px;
line-height: 1.35;
font-family: 'Roboto', sans-serif;
font-weight: 300;
}
form .help-block {
font-size: 20px;
line-height: 1.35;
font-family: 'Roboto', sans-serif;
font-weight: 300;
}
.filter-row select {
height: 30px;
width: 100%;
display: block;
background: #e5e5e5;
border: none;
color: #0E4092;
font-size: 14px;
line-height: 20px;
padding: 5px 10px;
font-weight: 300;
font-family: 'Poppins', sans-serif;
text-decoration: none;
margin-bottom: 5px;
}
.video-wrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 Format */
height: 0;
overflow: hidden;
max-width: 100%;
background: #000;
}
.video-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: none;
}
.video-canvas .button-area {
height: 100%;
width: 100%;
}
.read-abstract {
position: relative;
display: block;
padding-right: 0px;
padding-top:20px;
text-align: right;
}
@media (min-width: 992px) {
.read-abstract {
text-align: center;
}
}
.read-abstract:after {
content: '';
display: inline-block;
width: 30px;
height: 30px;
transform: rotateZ(0deg);
background: no-repeat center/contain url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Ebene_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 17.89 10.38'%3E%3C!-- Generator: Adobe Illustrator 29.7.1, SVG Export Plug-In . SVG Version: 2.1.1 Build 8) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: none; stroke: %2395c11f; stroke-miterlimit: 4; stroke-width: 2px; %7D %3C/style%3E%3C/defs%3E%3Cg id='Gruppe_2127'%3E%3Cpath id='Pfad_2790' class='st0' d='M8.41.86l8.57,8.57'/%3E%3Cline id='Linie_540' class='st0' x1='.98' y1='9.39' x2='9.56' y2='.82'/%3E%3C/g%3E%3C/svg%3E");
transition: all .3s ease-out;
}
.publication-col:has(.d-none) .read-abstract:after {
transform: rotateZ(180deg);
}
.publications .kicker .list-inline-item {
margin-right: 12px;
}
.publications .filter-section p{
margin-bottom: 0;
font-size: 16px;
}
.container.filter-section + p:has(a[href="#top"]) {
display: none;
}
@media (min-width: 768px) {
.textImg .row {
margin-right: calc(-1 * var(--bs-gutter-x));
margin-left: calc(-1 * var(--bs-gutter-x));
}
.textImg .row>* {
padding-right: var(--bs-gutter-x);
padding-left: var(--bs-gutter-x);
}
}
.textImg .description {
margin-top: 10px;
margin-bottom: 20px;
}