@charset "UTF-8";
@import url(//hello.myfonts.net/count/3cd16a); * {
background: none;
border: 0;
box-sizing: border-box;
margin: 0;
padding: 0;
vertical-align: bottom;
outline: none; }
address {
font-style: normal; }
img {
max-width: 100%;
height: auto; }                h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
color: #0029BA;
font-family: "SpockEssAlt1-Bold", Helvetica, sans-serif;
line-height: 1.2;
margin-bottom: 2.25rem !important; }
@media only screen and (max-width: 1200px) {
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
line-height: 1.6; } }
@media only screen and (max-width: 767px) {
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
margin-bottom: 1rem !important; } }
h1.has-color-bg span, h2.has-color-bg span, h3.has-color-bg span, h4.has-color-bg span, h5.has-color-bg span, h6.has-color-bg span,
.h1.has-color-bg span, .h2.has-color-bg span, .h3.has-color-bg span, .h4.has-color-bg span, .h5.has-color-bg span, .h6.has-color-bg span {
display: inline;
padding: 2px calc(0.1em + calc(0px * calc(100 / 8)));
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
background-repeat: no-repeat;
background-image: linear-gradient(180deg, #fdf4ef, #fdf4ef);
background-position-x: calc(0px * calc(100 / 8));
background-position-y: calc(100% - 0px * -1);
background-size: calc(100% - calc(0px * calc(100 / 8) * 2)) calc(100 * 1px), auto calc(100 * 1px), auto calc(100 * 1px);
line-height: calc(100% + 2px);
font-weight: bold; }
h1,
.h1 {
font-size: 4.75rem; }
@media only screen and (max-width: 1200px) {
h1,
.h1 {
font-size: 40px; } }
@media only screen and (max-width: 767px) {
h1,
.h1 {
font-size: 40px; } }
h2,
.h2 {
font-size: 60px; }
@media only screen and (max-width: 1190px) {
h2,
.h2 {
font-size: 40px; } }
@media only screen and (max-width: 767px) {
h2,
.h2 {
font-size: 25px; } }
h3,
.h3 {
font-size: 40px; }
@media only screen and (max-width: 1190px) {
h3,
.h3 {
font-size: 25px; } }
@media only screen and (max-width: 1200px) {
h3,
.h3 {
font-size: 20px; } }
h4,
.h4 {
font-size: 1.25rem;
line-height: 1.4; }
@media only screen and (max-width: 1200px) {
h4,
.h4 {
font-size: 1.1rem; } }
@media only screen and (max-width: 767px) {
h4,
.h4 {
font-size: 1rem; } }
h4 span,
.h4 span {
letter-spacing: 4px; }
h5,
.h5 {
font-size: 0.9rem; }
@media only screen and (max-width: 1200px) {
h5,
.h5 {
font-size: 0.8rem; } }
h6,
.h6 {
font-size: 0.9rem; }
@media only screen and (max-width: 1200px) {
h6,
.h6 {
font-size: 0.7rem; } } .color-primary {
color: #0029BA; }
.color-secondary {
color: #FDE5D9; }
.color-accent,
.color__accent {
color: #FDF4EF; }
.has-yellow-color {
color: #FDF4EF; }
.has-red-color {
color: #0029BA; } .has-gray-background-color {
background-color: #f2f2f2; }
.has-yellow-background-color {
background-color: #FDF4EF; }
.has-red-background-color {
background-color: #0029BA; }
.has-red-background-color h1, .has-red-background-color h2, .has-red-background-color h3, .has-red-background-color h4, .has-red-background-color h5, .has-red-background-color h6,
.has-red-background-color .h1, .has-red-background-color .h2, .has-red-background-color .h3, .has-red-background-color .h4, .has-red-background-color .h5, .has-red-background-color .h6,
.has-red-background-color p, .has-red-background-color a {
color: #fff; }
html, body {
font-size: 20px;
font-family: "SpockEss-Light", Helvetica, sans-serif;
line-height: 1.5;
background-color: #FDF4EF;
height: 100%; }
@media only screen and (max-width: 1200px) {
html, body {
font-size: 14px; } }
body {
color: #0029BA; }
.page__wrapper {
margin: 0 auto; }
.site-main {
position: relative;
z-index: 1;
margin-top: 100px;
padding-top: 50px; }
@media only screen and (max-width: 1200px) {
.site-main {
margin-top: 58px; } }
.site-main .content > .section-container:first-child {
padding-top: 0 !important; }
a {
color: #0029BA;
transition: color 0.3s ease; }
a:hover, a:focus {
color: #0029BA; }
.alignleft {
text-align: left; }
.aligncenter {
text-align: center; }
.alignright {
text-align: right; }
.show__mobile--hidden .less {
display: none; }
.show__mobile--hidden.active .more {
display: none; }
.show__mobile--hidden.active .less {
display: inline-block; }
@-webkit-keyframes elementHeight {
0% {
height: 0; }
100% {
height: 100%; } }
@keyframes elementHeight {
0% {
height: 0; }
100% {
height: 100%; } }
input[type=text],
input[type=search],
input[type=tel],
input[type=mail],
select,
textarea {
font-size: 1rem;
font-family: "SpockEss-Regular", Helvetica, sans-serif;
font-weight: lighter;
background-color: #fff;
border: 1px solid #0029BA;
padding: 0.5rem 1rem 0.5rem 1rem;
width: 100%; }
input[type=text]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=mail]:focus,
select:focus,
textarea:focus {
outline: none; }
select {
background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+);
background-repeat: no-repeat;
background-position: right center;
background-color: #fff;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none; }
.wp-block-button a,
.button,
input[type=submit],
button[type=submit] {
font-family: "SpockEssAlt1-Bold", Helvetica, sans-serif;
position: relative;
padding: 10px 3.125rem 10px 1rem;
display: inline-block;
background-color: #00FFFF;
transition: background 0.1s ease;
color: #0029BA;
text-decoration: none;
text-align: left;
white-space: nowrap;
font-size: 0.9rem;
font-weight: bold;
border-radius: 4px;
cursor: pointer; }
.wp-block-button a:after,
.button:after,
input[type=submit]:after,
button[type=submit]:after {
content: '';
position: absolute;
width: 30px;
height: 14px;
top: 16px;
background-image: url("data:image/svg+xml,%3Csvg id='Gruppe_612' data-name='Gruppe 612' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='19' height='14' viewBox='0 0 19 14'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rechteck_1633' data-name='Rechteck 1633' width='19' height='14' fill='%230029ba'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Gruppe_611' data-name='Gruppe 611' clip-path='url(%23clip-path)'%3E%3Cpath id='Pfad_3663' data-name='Pfad 3663' d='M15.9,7.724H.772a.772.772,0,0,1,0-1.545H15.9l-4.86-4.86A.773.773,0,0,1,12.133.226l6.179,6.179a.775.775,0,0,1,0,1.094l-6.179,6.179a.773.773,0,1,1-1.092-1.094Z' transform='translate(0 0.096)' fill='%230029ba'/%3E%3C/g%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center right;
transition: margin 0.3s ease; }
@media only screen and (max-width: 1200px) {
.wp-block-button a:after,
.button:after,
input[type=submit]:after,
button[type=submit]:after {
top: 12px; } }
@media only screen and (max-width: 767px) {
.wp-block-button a:after,
.button:after,
input[type=submit]:after,
button[type=submit]:after {
top: 13px; } }
.wp-block-button a:hover:after, .wp-block-button a:focus:after,
.button:hover:after,
.button:focus:after,
input[type=submit]:hover:after,
input[type=submit]:focus:after,
button[type=submit]:hover:after,
button[type=submit]:focus:after {
margin-left: 10px; }
::-moz-placeholder {
color: #67696A;
opacity: 1; }
:-ms-input-placeholder {
color: #67696A;
opacity: 1; }
::-ms-input-placeholder {
color: #67696A;
opacity: 1; }
::placeholder {
color: #67696A;
opacity: 1; }
:-ms-input-placeholder {
color: #67696A; }
::-webkit-input-placeholder {
color: #67696A; }
label {
cursor: pointer;
font-weight: bold; }
input[type=checkbox],
input[type=radio] {
vertical-align: middle; }
input[type=checkbox] + label,
input[type=radio] + label {
margin-left: 1rem; }
label + input[type=radio] {
margin-left: 2.25rem; }
.form__elements--row {
display: flex;
justify-content: space-between;
align-items: center; }
.form__elements--row > * {
margin: 0 0 0 1rem; }
.form__elements--row > *:first-child {
margin: 0; }
.form__elements--row > span {
width: 100%; }
.page-content .search-form input.search-field {
margin-bottom: 1rem; }  @font-face {
font-family: 'SpockEss-Bold';
src: url(//way-pointer.de/wp-content/themes/waypointer/dist/fonts/SpockEss-Bold/font.woff2) format("woff2"), url(//way-pointer.de/wp-content/themes/waypointer/dist/fonts/SpockEss-Bold/font.woff) format("woff");
font-display: swap; }
@font-face {
font-family: 'SpockEssAlt1-Bold';
src: url(//way-pointer.de/wp-content/themes/waypointer/dist/fonts/SpockEssAlt1-Bold/font.woff2) format("woff2"), url(//way-pointer.de/wp-content/themes/waypointer/dist/fonts/SpockEssAlt1-Bold/font.woff) format("woff");
font-display: swap; }
@font-face {
font-family: 'SpockEss-Regular';
src: url(//way-pointer.de/wp-content/themes/waypointer/dist/fonts/SpockEss-Regular/font.woff2) format("woff2"), url(//way-pointer.de/wp-content/themes/waypointer/dist/fonts/SpockEss-Regular/font.woff) format("woff");
font-display: swap; }
@font-face {
font-family: 'SpockEss-Light';
src: url(//way-pointer.de/wp-content/themes/waypointer/dist/fonts/SpockEss-Light/font.woff2) format("woff2"), url(//way-pointer.de/wp-content/themes/waypointer/dist/fonts/SpockEss-Light/font.woff) format("woff");
font-display: swap; }
@media only screen and (max-width: 1200px) {
.menu-main-nav-container {
padding-top: 50px; } }
.header-mobile {
display: none; }
@media only screen and (max-width: 1200px) {
.header-mobile {
display: block; } }
@media only screen and (max-width: 1200px) {
.header-desktop {
display: none; } }
.header__main {
background-color: #fff;
color: #0029BA;
z-index: 2;
height: 100px;
position: fixed;
top: 0;
width: 100%;
box-shadow: 0 3px 26px #f7eee9; }
@media only screen and (max-width: 1200px) {
.header__main {
height: 60px;
top: 0; } }
@media only screen and (max-width: 767px) {
.header__main {
height: 58px; } }
.header__wrapper {
max-width: 1460px;
margin: 0 auto;
display: flex;
align-items: flex-start;
justify-content: space-between; }
.header__wrapper__right {
display: flex;
justify-content: flex-end;
width: 100%;
padding: 35px 30px 20px 0; }
@media only screen and (max-width: 1200px) {
.header__wrapper__right {
padding: 18px 0; } }
.header__logo {
padding: 25px;
position: absolute;
top: -4px; }
.header__logo img {
height: 104px;
width: auto;
max-width: none; }
@media only screen and (max-width: 1200px) {
.header__logo {
width: 160px;
padding: 13px 0 13px 20px;
height: 60px; }
.header__logo img {
width: 160px;
height: auto; } }
@media only screen and (max-width: 767px) {
.header__logo {
width: auto;
height: auto;
padding: 16px 0 16px 20px; }
.header__logo img {
width: 140px; } }
.header__navigation {
line-height: 1;
margin-right: 25px; }
.header__navigation .donation-mobile {
position: fixed;
top: 50vh;
right: -60px;
transform: rotate(90deg);
text-transform: uppercase;
margin-left: 20px; }
.header__navigation .donation-mobile > a {
font-size: 20px; }
.header__navigation .donation-mobile > a:before {
display: none !important; }
@media only screen and (max-width: 1200px) {
.header__navigation .donation-mobile {
position: relative;
transform: rotate(0deg);
top: 0;
right: 0; } }
.header__navigation ul {
list-style: none;
display: flex; }
.header__navigation a {
text-decoration: none;
display: block;
position: relative;
font-size: 14px;
font-family: "SpockEss-Bold", Helvetica, sans-serif; }
.header__navigation li {
position: relative; }
.header__navigation li:nth-last-child(2) {
border: 4px solid #00FFFF;
border-radius: 4px;
padding-bottom: 10px;
padding-top: 5px;
margin-top: -8px; }
.header__navigation li:nth-last-child(2):hover, .header__navigation li:nth-last-child(2):focus {
background-color: #00FFFF; }
.header__navigation li:nth-last-child(2):hover a:before, .header__navigation li:nth-last-child(2):focus a:before {
visibility: hidden !important;
opacity: 0 !important; }
.header__navigation .menu > li > a {
padding: 7px 32px 0; }
.header__navigation .menu > li > a:before {
content: '';
display: block;
position: absolute;
top: 60px;
width: auto;
height: 5px;
margin: 0 20px;
left: 0;
right: 0;
background-color: #00FFFF;
visibility: hidden;
opacity: 0;
transition: opacity 0.5s ease; }
@media only screen and (max-width: 1200px) {
.header__navigation .menu > li > a:before {
display: none; } }
.header__navigation .menu > li > a:hover:before, .header__navigation .menu > li > a:focus:before {
visibility: visible;
opacity: 1; }
.header__navigation .menu > li.current_page_item > a:before {
visibility: visible;
opacity: 1; }
.header__navigation .menu > li.donation > a:before {
height: 30px;
width: 36px;
top: 0;
background-color: #fff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36.235' height='29.778' viewBox='0 0 36.235 29.778'%3E%3Cg id='Gruppe_953' data-name='Gruppe 953' transform='translate(1 1.039)'%3E%3Cpath id='Pfad_6924' data-name='Pfad 6924' d='M78.958,27.958l-17.116-14.3,2.293-8.3a6.681,6.681,0,0,1,10.751-3.11l4.073,3.667V27.958' transform='translate(-61.842 -0.628)' fill='none' stroke='%23731b2d' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' fill-rule='evenodd'/%3E%3Cpath id='Pfad_6925' data-name='Pfad 6925' d='M102.088,27.958l17.116-14.3-2.293-8.3a6.686,6.686,0,0,0-10.755-3.109L102.08,5.919v22.04' transform='translate(-84.969 -0.628)' fill='none' stroke='%239f575b' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' fill-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
transition: background-image 0.5s ease;
visibility: visible;
opacity: 1; }
.header__navigation .menu > li.donation > a:hover:before, .header__navigation .menu > li.donation > a:focus:before {
transition: background-image 0.5s ease;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36.235' height='29.778' viewBox='0 0 36.235 29.778'%3E%3Cg id='Gruppe_953' data-name='Gruppe 953' transform='translate(1 1.039)'%3E%3Cpath id='Pfad_6924' data-name='Pfad 6924' d='M78.958,27.958l-17.116-14.3,2.293-8.3a6.681,6.681,0,0,1,10.751-3.11l4.073,3.667V27.958' transform='translate(-61.842 -0.628)' fill='%23731b2d' stroke='%23731b2d' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' fill-rule='evenodd'/%3E%3Cpath id='Pfad_6925' data-name='Pfad 6925' d='M102.088,27.958l17.116-14.3-2.293-8.3a6.686,6.686,0,0,0-10.755-3.109L102.08,5.919v22.04' transform='translate(-84.969 -0.628)' fill='%239f575b' stroke='%239f575b' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' fill-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E%0A"); }
@media only screen and (min-width: 1100px) {
.header__navigation .menu > li.menu-item-has-children:hover .sub-menu {
visibility: visible;
opacity: 1; }
.header__navigation .menu > li.menu-item-has-children:hover > a:after {
visibility: visible;
opacity: 1; } }
.header__navigation .sub-menu {
display: block;
visibility: hidden;
opacity: 0;
transition: opacity 0.5s ease;
background-color: #fff;
position: absolute;
padding: 22px;
width: auto;
left: 0; }
.header__navigation .sub-menu li {
margin-bottom: 1rem; }
.header__navigation .sub-menu li.current-menu-item a {
font-weight: bold; }
.header__navigation .sub-menu a {
font-weight: lighter; }
.header__navigation .sub-menu a:hover {
text-decoration: underline; }
.nav-open {
overflow: scroll; }
@media only screen and (max-width: 1200px) {
.nav-open .site-main,
.nav-open .footer {
display: none; } }
@media only screen and (max-width: 1200px) {
.header__navigation nav {
display: none;
position: absolute;
right: 0;
top: 60px;
background: #FDF4EF;
width: 100%;
padding-bottom: 3.125rem;
z-index: -1;
height: 100vh;
overflow-y: scroll; }
.nav-open .header__navigation nav {
display: block; }
.header__navigation nav .menu-main-nav-container ul {
flex-flow: column; }
.header__navigation nav a {
display: block; }
.header__navigation nav .menu > li {
margin-bottom: 2.25rem; }
.header__navigation nav .menu > li.current-menu-item > a {
color: #00FFFF; }
.header__navigation nav .menu > li > a {
font-size: 18px;
padding-top: 0;
font-family: 'SpockEssAlt1-Bold', Helvetica, sans-serif; } }
@media only screen and (max-width: 1200px) and (max-width: 1200px) {
.header__navigation nav .menu > li.donation-mobile, .header__navigation nav .menu > li.booking-mobile {
display: block;
text-align: center;
margin-left: 30px;
margin-right: 30px; }
.header__navigation nav .menu > li.donation-mobile a, .header__navigation nav .menu > li.booking-mobile a {
padding: 15px 0 5px 0; }
.header__navigation nav .menu > li.booking-mobile {
background-color: #00FFFF;
border: 4px solid #00FFFF;
border-radius: 4px;
padding: 3px 0 10px 0;
margin-bottom: 20px; }
.header__navigation nav .menu > li.booking-mobile a {
color: #172A63 !important; }
.header__navigation nav .menu > li.donation-mobile {
border: 4px solid #00FFFF;
border-radius: 4px;
padding: 3px 0 10px 0; } }
@media only screen and (max-width: 1200px) {
.header__navigation nav .menu > li.donation > a:before {
width: 28px;
height: 24px;
background-size: 25px;
margin-left: 0;
margin-right: 25px;
top: 4px; }
.header__navigation nav .sub-menu {
position: relative;
max-height: 0;
padding-top: 0;
padding-bottom: 0;
padding-left: 77px;
transition: max-height 0.3s ease-in;
visibility: visible;
opacity: 1;
overflow: hidden; }
.header__navigation nav .sub-menu li {
margin-bottom: 1rem; }
.header__navigation nav .sub-menu li:first-child {
margin-top: 2.25rem; }
.header__navigation nav .sub-menu a {
font-weight: lighter; } }
.header__navigation.header__navigation--mobile {
display: none;
margin-right: 22px; }
@media only screen and (max-width: 1200px) {
.header__navigation.header__navigation--mobile {
display: none;
position: relative;
top: -3px; } }
@media only screen and (max-width: 767px) {
.header__navigation.header__navigation--mobile {
margin-right: 16px; } }
@media only screen and (max-width: 1200px) {
.header__navigation.header__navigation--mobile nav {
display: block;
position: relative;
top: 0;
padding: 0; }
.header__navigation.header__navigation--mobile nav li {
margin-bottom: 0; }
.header__navigation.header__navigation--mobile nav li a {
padding: 0;
font-size: 0.7rem;
height: 24px; }
.header__navigation.header__navigation--mobile nav li.donation a:before {
top: 4px;
margin-right: 10px;
height: 20px; } }
@media only screen and (max-width: 767px) {
.header__navigation.header__navigation--mobile nav li.donation a {
font-size: 0.6rem; }
.header__navigation.header__navigation--mobile nav li.donation a:before {
margin-right: 5px; } }
@media only screen and (max-width: 1200px) {
.header__navigation.header__navigation--main nav li.donation {
display: none; } }
.nav-open .header__navigation.header__navigation--main .header__search {
display: none; }
@media only screen and (max-width: 1200px) {
.nav-open .header__navigation.header__navigation--main .header__search {
display: block;
position: relative; }
.nav-open .header__navigation.header__navigation--main .header__search__toggle {
padding: 0 0 0 22px;
text-align: left; }
.nav-open .header__navigation.header__navigation--main .header__search__toggle__icon {
position: relative;
margin: 0;
display: none;
margin-left: 5px;
margin-right: 23px; }
.nav-open .header__navigation.header__navigation--main .header__search__toggle__text {
display: inline-block;
font-size: 28px; }
.nav-open .header__navigation.header__navigation--main .header__search form {
visibility: visible;
opacity: 1;
top: -15px;
height: auto;
position: relative;
margin: 0 45px 0 15px;
border: 4px solid #00FFFF;
border-radius: 4px;
width: auto; }
.nav-open .header__navigation.header__navigation--main .header__search form input {
border: none; } }
.header__burger {
display: none;
cursor: pointer;
width: 24px;
height: 15px;
position: relative;
margin: 5px auto 0;
transition: border-radius .5s; }
.header__burger .line {
position: absolute;
left: 0;
height: 2px;
width: 24px;
background: #0029BA;
display: block;
transition: 0.5s;
transform-origin: center; }
.header__burger .line:nth-child(1) {
top: 0px; }
.header__burger .line:nth-child(2) {
top: 6px; }
.header__burger .line:nth-child(3) {
top: 12px; }
.header__burger.active .line:nth-child(1) {
transform: translateY(6px) rotate(-45deg); }
.header__burger.active .line:nth-child(2) {
opacity: 0; }
.header__burger.active .line:nth-child(3) {
transform: translateY(-6px) rotate(45deg); }
@media only screen and (max-width: 1200px) {
.header__burger {
display: block; } }
.header__search {
position: relative; }
@media only screen and (max-width: 1024px) {
.header__search {
position: initial; } }
@media only screen and (max-width: 1200px) {
.header__search {
display: none; } }
.header__search__toggle {
padding: 42px 22px 0;
text-align: center;
position: relative;
font-size: 14px;
line-height: 1;
display: block;
font-weight: bold; }
.header__search__toggle:hover, .header__search__toggle:focus {
cursor: pointer; }
.header__search__toggle:hover .header__search__toggle__icon, .header__search__toggle:focus .header__search__toggle__icon {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33.355' height='33.355' viewBox='0 0 33.355 33.355'%3E%3Cpath id='Pfad_4503' data-name='Pfad 4503' d='M28.941,27.631l7.144,7.142a.928.928,0,0,1-1.312,1.312l-7.142-7.144a14.826,14.826,0,1,1,1.31-1.31ZM17.824,30.8A12.971,12.971,0,1,0,4.853,17.824,12.971,12.971,0,0,0,17.824,30.8Z' transform='translate(-3 -3)' fill='%230029ba'/%3E%3C/svg%3E"); }
.header__search__toggle__icon {
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
top: -1px;
width: 24px;
height: 24px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33.355' height='33.355' viewBox='0 0 33.355 33.355'%3E%3Cpath id='Pfad_4503' data-name='Pfad 4503' d='M28.941,27.631l7.144,7.142a.928.928,0,0,1-1.312,1.312l-7.142-7.144a14.826,14.826,0,1,1,1.31-1.31ZM17.824,30.8A12.971,12.971,0,1,0,4.853,17.824,12.971,12.971,0,0,0,17.824,30.8Z' transform='translate(-3 -3)' fill='%230029ba'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: 24px;
transition: background-image 0.3s ease; }
@media only screen and (max-width: 1100px) {
.header__search__toggle__icon {
width: 22px;
height: 22px;
vertical-align: top; } }
.header__search.header__search--open form {
visibility: visible;
height: auto; }
.header__search form {
position: absolute;
visibility: hidden;
height: 0;
right: 0;
bottom: -110%; }
@media only screen and (max-width: 1100px) {
.header__search form {
width: 300px; } }
@media only screen and (max-width: 1024px) {
.header__search form {
width: calc(100% - 2.25rem);
top: 7rem;
left: 1rem; } }
@media only screen and (max-width: 767px) {
.header__search form {
top: 5rem;
margin-top: 13px; } }
.header__search input {
padding: 1rem 2rem 1rem 1rem;
height: 3rem;
width: 100%;
background: #fff;
position: relative;
z-index: 1; }
.header__search button {
position: absolute;
right: 0;
cursor: pointer;
z-index: 2;
height: 100%;
width: auto;
border: 1px solid #172A63;
border-radius: 0;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='60' viewBox='0 0 40 60'%3E%3Cpath id='angle-right-solid' d='M63.387,129.137,37.055,154.629a4.736,4.736,0,0,1-6.564,0l-4.376-4.236a4.38,4.38,0,0,1,0-6.354L44.78,125.969,26.115,107.9a4.38,4.38,0,0,1,0-6.354l4.357-4.274a4.736,4.736,0,0,1,6.564,0l26.333,25.492A4.386,4.386,0,0,1,63.387,129.137Z' transform='translate(-24.75 -95.95)' fill='%23223546'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: auto 20px;
background-color: transparent; }
.header__search button:after {
display: none; }
.header__search button:hover, .header__search button:focus {
background-color: #00FFFF; }
@media only screen and (max-width: 1200px) {
.header__search button {
border: none;
background-color: transparent;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33.355' height='33.355' viewBox='0 0 33.355 33.355'%3E%3Cpath id='Pfad_4503' data-name='Pfad 4503' d='M28.941,27.631l7.144,7.142a.928.928,0,0,1-1.312,1.312l-7.142-7.144a14.826,14.826,0,1,1,1.31-1.31ZM17.824,30.8A12.971,12.971,0,1,0,4.853,17.824,12.971,12.971,0,0,0,17.824,30.8Z' transform='translate(-3 -3)' fill='%230029ba'/%3E%3C/svg%3E"); } }
.menu-social-media-container {
position: fixed;
top: 47vh;
left: 10px; }
.menu-social-media-container > div {
display: none; }
@media only screen and (max-width: 1200px) {
.menu-social-media-container {
position: relative;
top: initial;
left: initial; } }
.menu-social-media-container .facebook {
background-image: url("data:image/svg+xml,%3Csvg id='Gruppe_909' data-name='Gruppe 909' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='32.161' viewBox='0 0 32.161 32.161'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rechteck_1702' data-name='Rechteck 1702' width='32.161' height='32.161' fill='%230029ba'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Gruppe_678' data-name='Gruppe 678' clip-path='url(%23clip-path)'%3E%3Cpath id='Pfad_4270' data-name='Pfad 4270' d='M32.161,16.081A16.081,16.081,0,1,0,16.081,32.161c.094,0,.188,0,.283-.006V19.642H12.909V15.616h3.455V12.651c0-3.436,2.1-5.308,5.163-5.308a28.024,28.024,0,0,1,3.1.157v3.593h-2.11c-1.665,0-1.992.791-1.992,1.953V15.61H24.51l-.521,4.026H20.522v11.9a16.085,16.085,0,0,0,11.64-15.459' fill='%230029ba'/%3E%3C/g%3E%3C/svg%3E");
background-repeat: no-repeat; }
.menu-social-media-container .instagram {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='32.078' viewBox='0 0 32.078 32.078'%3E%3Cg id='Gruppe_910' data-name='Gruppe 910' transform='translate(-704 -284)'%3E%3Cpath id='Pfad_4504' data-name='Pfad 4504' d='M917.14,494.07a3.07,3.07,0,1,1-3.07-3.07,3.07,3.07,0,0,1,3.07,3.07Zm0,0' transform='translate(-194.031 -194.031)' fill='%230029ba'/%3E%3Cpath id='Pfad_4505' data-name='Pfad 4505' d='M854.214,421.607a3.05,3.05,0,0,0-1.748-1.748,5.1,5.1,0,0,0-1.71-.317c-.971-.044-1.263-.054-3.722-.054s-2.751.009-3.722.054a5.1,5.1,0,0,0-1.71.317,3.051,3.051,0,0,0-1.748,1.748,5.1,5.1,0,0,0-.317,1.71c-.044.971-.054,1.262-.054,3.722s.01,2.75.054,3.722a5.1,5.1,0,0,0,.317,1.71,3.049,3.049,0,0,0,1.748,1.748,5.089,5.089,0,0,0,1.71.317c.971.044,1.262.054,3.721.054s2.751-.009,3.722-.054a5.09,5.09,0,0,0,1.71-.317,3.05,3.05,0,0,0,1.748-1.748,5.1,5.1,0,0,0,.317-1.71c.044-.971.054-1.263.054-3.722s-.009-2.751-.054-3.722a5.087,5.087,0,0,0-.317-1.71Zm-7.18,10.161a4.729,4.729,0,1,1,4.729-4.729,4.729,4.729,0,0,1-4.729,4.729Zm4.916-8.54a1.105,1.105,0,1,1,1.105-1.105,1.105,1.105,0,0,1-1.105,1.105Zm0,0' transform='translate(-126.996 -126.999)' fill='%230029ba'/%3E%3Cpath id='Pfad_4506' data-name='Pfad 4506' d='M720.039,284a16.039,16.039,0,1,0,16.039,16.039A16.041,16.041,0,0,0,720.039,284Zm9.154,19.836a6.754,6.754,0,0,1-.428,2.236,4.709,4.709,0,0,1-2.694,2.694,6.762,6.762,0,0,1-2.235.428c-.982.045-1.3.056-3.8.056s-2.815-.011-3.8-.056a6.761,6.761,0,0,1-2.235-.428,4.709,4.709,0,0,1-2.694-2.694,6.759,6.759,0,0,1-.428-2.235c-.045-.982-.056-1.3-.056-3.8s.01-2.815.056-3.8a6.758,6.758,0,0,1,.428-2.236,4.712,4.712,0,0,1,2.694-2.694,6.763,6.763,0,0,1,2.236-.428c.982-.045,1.3-.056,3.8-.056s2.815.011,3.8.056a6.764,6.764,0,0,1,2.236.428,4.711,4.711,0,0,1,2.694,2.694,6.754,6.754,0,0,1,.428,2.236c.045.982.055,1.3.055,3.8s-.01,2.815-.056,3.8Zm0,0' fill='%230029ba'/%3E%3C/g%3E%3C/svg%3E%0A");
background-repeat: no-repeat; }
.menu-social-media-container .youtube {
background-image: url("data:image/svg+xml,%3Csvg id='Gruppe_677' data-name='Gruppe 677' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='32.078' height='32.078' viewBox='0 0 32.078 32.078'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rechteck_1701' data-name='Rechteck 1701' width='32.078' height='32.078' fill='%230029ba'/%3E%3C/clipPath%3E%3C/defs%3E%3Cpath id='Pfad_4268' data-name='Pfad 4268' d='M153.533,148.531l5.217-3-5.217-3Z' transform='translate(-139.492 -129.487)' fill='%230029ba'/%3E%3Cg id='Gruppe_676' data-name='Gruppe 676'%3E%3Cg id='Gruppe_675' data-name='Gruppe 675' clip-path='url(%23clip-path)'%3E%3Cpath id='Pfad_4269' data-name='Pfad 4269' d='M16.039,0A16.039,16.039,0,1,0,32.078,16.039,16.041,16.041,0,0,0,16.039,0M26.061,16.055a26.465,26.465,0,0,1-.413,4.821,2.511,2.511,0,0,1-1.767,1.767c-1.568.413-7.843.413-7.843.413s-6.258,0-7.843-.429A2.511,2.511,0,0,1,6.43,20.86a26.353,26.353,0,0,1-.413-4.821,26.452,26.452,0,0,1,.413-4.821A2.562,2.562,0,0,1,8.2,9.435c1.569-.413,7.843-.413,7.843-.413s6.274,0,7.843.429a2.511,2.511,0,0,1,1.767,1.767,25.116,25.116,0,0,1,.413,4.838' fill='%230029ba'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
background-repeat: no-repeat; }
.menu-social-media-container .linkedin {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32.161' height='32.161' viewBox='0 0 32.161 32.161'%3E%3Cg transform='translate(785.5 438)'%3E%3Cpath d='M-769.419-438A16.082,16.082,0,0,0-785.5-421.919a16.082,16.082,0,0,0,16.081,16.081,16.082,16.082,0,0,0,16.081-16.081A16.082,16.082,0,0,0-769.419-438Zm-4.673,24.309h-3.917v-11.782h3.917Zm-1.958-13.391h-.026a2.027,2.027,0,0,1-2.164-2.035,2.043,2.043,0,0,1,2.216-2.036,2.035,2.035,0,0,1,2.19,2.036,2.043,2.043,0,0,1-2.216,2.035Zm16.08,13.391h-3.916v-6.3c0-1.584-.567-2.665-1.984-2.665a2.144,2.144,0,0,0-2.009,1.432,2.68,2.68,0,0,0-.129.956v6.58h-3.916s.051-10.677,0-11.782h3.916v1.668a3.888,3.888,0,0,1,3.53-1.945c2.577,0,4.509,1.684,4.509,5.3Zm0,0' fill='%230039b6'/%3E%3C/g%3E%3C/svg%3E");
background-repeat: no-repeat; }
.menu-social-media-container ul {
list-style: none;
display: block; }
@media only screen and (max-width: 1200px) {
.menu-social-media-container ul {
display: flex;
align-content: center;
justify-content: center;
margin-top: 30px; } }
.menu-social-media-container a {
text-decoration: none;
display: block;
position: relative;
font-size: 14px;
font-family: "SpockEss-Bold", Helvetica, sans-serif;
color: transparent;
height: 32px;
width: 32px;
padding: 0 !important; }
.menu-social-media-container a:before {
display: none !important; }
.menu-social-media-container li {
height: 32px;
width: 32px;
text-align: center;
margin: 0 0 18px 0;
background-position: center; }
@media only screen and (max-width: 1200px) {
.menu-social-media-container li {
margin: 0 10px; } }
.menu-social-media-container li:nth-last-child(2) {
border: none;
border-radius: 0;
padding-bottom: 0;
padding-top: 0;
margin-top: 0; }
.menu-social-media-container li:nth-last-child(2):hover, .menu-social-media-container li:nth-last-child(2):focus {
background-color: transparent; }
.menu-social-media-container li:nth-last-child(2):hover a:before, .menu-social-media-container li:nth-last-child(2):focus a:before {
display: none; }
@media only screen and (max-width: 1600px) {
.page-title {
padding: 0 1rem; } }
.content {
color: #0029BA; }
.content > * {
margin-bottom: 100px;
max-width: 1460px;
margin-left: auto;
margin-right: auto;
position: relative;
z-index: 2; }
@media only screen and (max-width: 1600px) {
.content > * {
padding: 0 6.25rem; } }
@media only screen and (max-width: 1200px) {
.content > * {
padding: 0 2.25rem;
margin-bottom: 50px; } }
@media only screen and (max-width: 767px) {
.content > * {
padding: 0 1rem;
margin-bottom: 50px; } }
.content > *.width-larger {
max-width: 1460px !important; }
.content > *.margin-bottom-big {
margin-bottom: 3.125rem !important; }
.content > *.no-margin-bottom {
margin-bottom: 0 !important; }
.content .headlines + p {
margin-top: 0; }
.content > p:last-child {
margin-bottom: 100px; }
.content p {
margin-bottom: 2.25rem; }
@media only screen and (max-width: 767px) {
.content p {
margin-bottom: 1rem; } }
.content p.has-text-align-center {
max-width: 1000px; }
.content p.margin-bottom-big {
margin-bottom: 3.125rem; }
.content p.intro {
max-width: 960px !important;
font-family: "SpockEss-Regular", Helvetica, sans-serif;
font-size: 1.5rem; }
.content p:last-child {
margin-bottom: 0; }
.content p em {
font-family: "SpockEssAlt1-Bold", Helvetica, sans-serif;
font-size: 1.5rem; }
.content strong {
font-family: "SpockEss-Bold", Helvetica, sans-serif; }
.content ul {
margin-left: 1rem; }
.content .footnote {
color: #B7B7B7; }
.content h1 + .footnote {
margin-top: -3rem !important; }
@media only screen and (max-width: 1600px) {
.content h1 + .footnote {
margin-top: 0 !important; } }
.page-header,
.page-content {
max-width: 1460px;
margin: 0 auto; }
.error-404,
.no-results {
margin: 3.125rem 0; }
.footer {
width: 100%;
background-color: #0029BA;
font-size: 0.75rem; }
.footer__columns {
max-width: 1460px;
width: 100%;
margin: auto;
display: flex;
justify-content: space-between;
padding: 0.75rem 0; }
@media only screen and (max-width: 1600px) {
.footer__columns {
padding: 0.75rem 2.25rem; } }
@media only screen and (max-width: 767px) {
.footer__columns {
flex-flow: column; } }
.footer__columns li {
display: inline-block; }
.footer__columns li:first-child {
padding-right: 2.25rem; }
.footer__columns a {
color: #fff;
width: auto; }
.footer__columns a:hover {
text-decoration: none; }
.footer__columns .copyright {
color: #fff; }
@media only screen and (max-width: 767px) {
.footer__columns .copyright {
margin-top: 10px; } } .slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent; }
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0; }
.slick-list:focus {
outline: none; }
.slick-list.dragging {
cursor: pointer;
cursor: hand; }
.slick-slider .slick-track,
.slick-slider .slick-list {
transform: translate3d(0, 0, 0); }
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto; }
.slick-track:before, .slick-track:after {
content: "";
display: table; }
.slick-track:after {
clear: both; }
.slick-loading .slick-track {
visibility: hidden; }
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none; }
[dir="rtl"] .slick-slide {
float: right; }
.slick-slide img {
display: block; }
.slick-slide.slick-loading img {
display: none; }
.slick-slide.dragging img {
pointer-events: none; }
.slick-initialized .slick-slide {
display: block; }
.slick-loading .slick-slide {
visibility: hidden; }
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent; }
.slick-arrow.slick-hidden {
display: none; } .slick-loading .slick-list {
background: #fff url(https://way-pointer.de/wp-content/themes/waypointer/dist/css/.https://way-pointer.de/wp-content/themes/waypointer/dist/css/images/ajax-loader.gif) center center no-repeat; } @font-face {
font-family: "slick";
font-display: swap;
src: url(//way-pointer.de/wp-content/themes/waypointer/dist/fonts/slick/slick.eot);
src: url(//way-pointer.de/wp-content/themes/waypointer/dist/fonts/slick/slick.eot?#iefix) format("embedded-opentype"), url(//way-pointer.de/wp-content/themes/waypointer/dist/fonts/slick/slick.woff) format("woff"), url(//way-pointer.de/wp-content/themes/waypointer/dist/fonts/slick/slick.ttf) format("truetype"), url(//way-pointer.de/wp-content/themes/waypointer/dist/fonts/slick/slick.svg#slick) format("svg");
font-weight: normal;
font-style: normal; } .slick-prev,
.slick-next {
position: absolute;
display: block;
height: 20px;
width: 20px;
line-height: 0px;
font-size: 0px;
cursor: pointer;
background: transparent;
color: transparent;
top: 50%;
transform: translate(0, -50%);
padding: 0;
border: none;
outline: none; }
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
outline: none;
background: transparent;
color: transparent; }
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
opacity: 1; }
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
opacity: 0.25; }
.slick-prev:before,
.slick-next:before {
font-family: "slick";
font-size: 20px;
line-height: 1;
color: #0029BA;
opacity: 0.75;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.slick-prev {
left: -25px; }
[dir="rtl"] .slick-prev {
left: auto;
right: -25px; }
.slick-prev:before {
content: "\2190"; }
[dir="rtl"] .slick-prev:before {
content: "\2192"; }
.slick-next {
right: -25px; }
[dir="rtl"] .slick-next {
left: -25px;
right: auto; }
.slick-next:before {
content: "\2192"; }
[dir="rtl"] .slick-next:before {
content: "\2190"; } .slick-dotted.slick-slider {
margin-bottom: 30px; }
.slick-dots {
position: absolute;
bottom: -25px;
list-style: none;
display: block;
text-align: center;
padding: 0;
margin: 0;
width: 100%; }
.slick-dots li {
position: relative;
display: inline-block;
height: 20px;
width: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer; }
.slick-dots li button {
border: 0;
background: transparent;
display: block;
height: 20px;
width: 20px;
outline: none;
line-height: 0px;
font-size: 0px;
color: transparent;
padding: 5px;
cursor: pointer; }
.slick-dots li button:hover, .slick-dots li button:focus {
outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
opacity: 1; }
.slick-dots li button:before {
position: absolute;
top: 0;
left: 0;
content: "\2022";
width: 20px;
height: 20px;
font-family: "slick";
font-size: 6px;
line-height: 20px;
text-align: center;
color: black;
opacity: 0.25;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before {
color: black;
opacity: 0.75; } .mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8; }
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; }
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box; }
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.mfp-align-top .mfp-container:before {
display: none; }
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045; }
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto; }
.mfp-ajax-cur {
cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: zoom-out; }
.mfp-zoom {
cursor: pointer;
cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
cursor: auto; }
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.mfp-loading.mfp-figure {
display: none; }
.mfp-hide {
display: none !important; }
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044; }
.mfp-preloader a {
color: #CCC; }
.mfp-preloader a:hover {
color: #FFF; }
.mfp-s-ready .mfp-preloader {
display: none; }
.mfp-s-error .mfp-content {
display: none; }
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
touch-action: manipulation; }
button::-moz-focus-inner {
padding: 0;
border: 0; }
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace; }
.mfp-close:hover,
.mfp-close:focus {
opacity: 1; }
.mfp-close:active {
top: 1px; }
.mfp-close-btn-in .mfp-close {
color: #333; }
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%; }
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap; }
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent; }
.mfp-arrow:active {
margin-top: -54px; }
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1; }
.mfp-arrow:before,
.mfp-arrow:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent; }
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px; }
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7; }
.mfp-arrow-left {
left: 0; }
.mfp-arrow-left:after {
border-right: 17px solid #FFF;
margin-left: 31px; }
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3F3F3F; }
.mfp-arrow-right {
right: 0; }
.mfp-arrow-right:after {
border-left: 17px solid #FFF;
margin-left: 39px; }
.mfp-arrow-right:before {
border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px; }
.mfp-iframe-holder .mfp-close {
top: -40px; }
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000; } img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto; } .mfp-figure {
line-height: 0; }
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444; }
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px; }
.mfp-figure figure {
margin: 0; }
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto; }
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px; }
.mfp-image-holder .mfp-content {
max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0; }
.mfp-img-mobile img.mfp-img {
padding: 0; }
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0; }
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; }
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px; }
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0; } }
@media all and (max-width: 900px) {
.mfp-arrow {
transform: scale(0.75); }
.mfp-arrow-left {
transform-origin: 0; }
.mfp-arrow-right {
transform-origin: 100%; }
.mfp-container {
padding-left: 6px;
padding-right: 6px; } } .slick-dotted.slick-slider {
margin-bottom: 100px !important; }
@media only screen and (max-width: 767px) {
.slick-dotted.slick-slider {
margin-bottom: 50px !important; } }
.slick-prev,
.slick-next {
background-color: #00FFFF;
border-radius: 100%;
width: 45px;
height: 45px;
z-index: 1;
top: 34%; }
.slick-prev:before,
.slick-next:before {
content: '';
height: 38px;
width: 22px;
display: inline-block;
background-repeat: no-repeat;
background-position: center;
opacity: 1;
transition: margin 0.2s ease-in; }
.slick-prev:hover,
.slick-next:hover {
background-color: #00FFFF; }
.slick-prev:focus,
.slick-next:focus {
background-color: #00FFFF; }
.slick-next {
right: 0; }
@media only screen and (max-width: 1460px) {
.slick-next {
right: 10px; } }
.slick-next:before {
background-image: url("data:image/svg+xml,%3Csvg id='Gruppe_612' data-name='Gruppe 612' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='19' height='14' viewBox='0 0 19 14'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rechteck_1633' data-name='Rechteck 1633' width='19' height='14' fill='%230029ba'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Gruppe_611' data-name='Gruppe 611' clip-path='url(%23clip-path)'%3E%3Cpath id='Pfad_3663' data-name='Pfad 3663' d='M15.9,7.724H.772a.772.772,0,0,1,0-1.545H15.9l-4.86-4.86A.773.773,0,0,1,12.133.226l6.179,6.179a.775.775,0,0,1,0,1.094l-6.179,6.179a.773.773,0,1,1-1.092-1.094Z' transform='translate(0 0.096)' fill='%230029ba'/%3E%3C/g%3E%3C/svg%3E"); }
.slick-next:hover:before {
margin-left: 10px; }
.slick-prev {
left: 0; }
@media only screen and (max-width: 1460px) {
.slick-prev {
left: 20px; } }
.slick-prev:before {
background-image: url("data:image/svg+xml,%3Csvg id='Gruppe_612' data-name='Gruppe 612' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='19' height='14' viewBox='0 0 19 14'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rechteck_1633' data-name='Rechteck 1633' width='19' height='14' fill='%230029ba'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Gruppe_611' data-name='Gruppe 611' clip-path='url(%23clip-path)'%3E%3Cpath id='Pfad_3663' data-name='Pfad 3663' d='M15.9,7.724H.772a.772.772,0,0,1,0-1.545H15.9l-4.86-4.86A.773.773,0,0,1,12.133.226l6.179,6.179a.775.775,0,0,1,0,1.094l-6.179,6.179a.773.773,0,1,1-1.092-1.094Z' transform='translate(0 0.096)' fill='%230029ba'/%3E%3C/g%3E%3C/svg%3E");
transform: rotate(180deg); }
.slick-prev:hover:before {
margin-right: 10px; }
.slick-dots {
left: 0;
bottom: -25px;
margin: 0 !important; }
@media only screen and (max-width: 767px) {
.slick-dots {
bottom: -20px; } }
.slick-dots li {
margin: 0 3px;
width: 15px; }
.slick-dots li.slick-active button:before {
color: #00FFFF;
opacity: 1; }
.slick-dots li button {
width: 15px; }
.slick-dots li button:before {
font-size: 9px;
width: 15px;
color: #fff;
opacity: 1; }
@media only screen and (max-width: 1600px) {
.revslider {
padding: 0 !important; } }
.revslider .tparrows:hover .tp-title-wrap {
display: none !important; }
.revslider .rs-layer h3 {
font-size: 1rem;
margin-bottom: .2rem !important; }
.revslider .rs-layer p {
font-family: "SpockEss-Regular", Helvetica, sans-serif; }
.forminator-custom-form {
background: #fff !important;
max-width: 960px !important;
margin-left: auto !important;
margin-right: auto !important;
margin-bottom: 100px !important;
padding: 120px !important; }
@media only screen and (max-width: 1600px) {
.forminator-custom-form {
padding: 60px 1rem !important; } }
@media only screen and (max-width: 1200px) {
.forminator-custom-form {
margin-bottom: 50px !important;
width: 92% !important; } }
@media only screen and (max-width: 767px) {
.forminator-custom-form {
margin-bottom: 33.33333px !important; } }
.forminator-custom-form .forminator-field[role=radiogroup] {
display: flex; }
.forminator-custom-form .forminator-radio {
line-height: 1;
margin-right: 1rem;
display: flex;
position: relative; }
.forminator-custom-form .forminator-radio input {
vertical-align: middle;
margin-right: 10px;
width: 1px !important;
height: 1px !important;
overflow: hidden !important;
position: absolute !important;
white-space: nowrap !important;
margin: -1px !important;
padding: 0 !important;
border: 0 !important;
clip: rect(0 0 0 0) !important;
-webkit-clip-path: inset(50%) !important;
clip-path: inset(50%) !important; }
.forminator-custom-form .forminator-radio input:checked + span[aria-hidden]:before {
opacity: 1;
background-color: #FDF4EF; }
.forminator-custom-form .forminator-radio span[aria-hidden] {
width: 20px;
height: 20px;
flex: 0 0 20px;
position: relative;
border-width: 2px;
border-style: solid;
border-radius: 40px;
margin-right: 10px;
border-color: #0029BA;
background-color: #fff; }
.forminator-custom-form .forminator-radio span[aria-hidden]:before {
content: " ";
width: 10px;
height: 10px;
opacity: 0;
-khtml-opacity: 0;
display: block;
position: absolute;
top: 50%;
left: 50%;
border-radius: 100%;
transform: translate(-50%, -50%);
transition: .2s ease; }
.forminator-custom-form .forminator-label {
display: none !important; }
.forminator-custom-form .forminator-error-message {
color: #FDF4EF;
font-size: 0.8rem; }
.forminator-custom-form textarea {
display: block;
width: 100%;
height: 200px; }
.forminator-custom-form button.forminator-button.forminator-button-submit {
font-family: "SpockEssAlt1-Bold", Helvetica, sans-serif !important;
position: relative !important;
padding: 10px 3.125rem 10px 1rem !important;
display: inline-block !important;
background-color: #00FFFF !important;
transition: background 0.1s ease;
color: #0029BA !important;
text-decoration: none !important;
text-align: left !important;
white-space: nowrap !important;
font-size: 0.9rem !important;
font-weight: bold !important;
border-radius: 4px !important;
cursor: pointer !important; }
.forminator-custom-form button.forminator-button.forminator-button-submit:after {
content: '';
position: absolute;
width: 30px;
height: 14px;
top: 16px;
background-image: url("data:image/svg+xml,%3Csvg id='Gruppe_612' data-name='Gruppe 612' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='19' height='14' viewBox='0 0 19 14'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rechteck_1633' data-name='Rechteck 1633' width='19' height='14' fill='%230029ba'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Gruppe_611' data-name='Gruppe 611' clip-path='url(%23clip-path)'%3E%3Cpath id='Pfad_3663' data-name='Pfad 3663' d='M15.9,7.724H.772a.772.772,0,0,1,0-1.545H15.9l-4.86-4.86A.773.773,0,0,1,12.133.226l6.179,6.179a.775.775,0,0,1,0,1.094l-6.179,6.179a.773.773,0,1,1-1.092-1.094Z' transform='translate(0 0.096)' fill='%230029ba'/%3E%3C/g%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center right;
transition: margin 0.3s ease; }
@media only screen and (max-width: 1200px) {
.forminator-custom-form button.forminator-button.forminator-button-submit:after {
top: 12px !important; } }
@media only screen and (max-width: 767px) {
.forminator-custom-form button.forminator-button.forminator-button-submit:after {
top: 13px !important; } }
.forminator-custom-form button.forminator-button.forminator-button-submit:hover, .forminator-custom-form button.forminator-button.forminator-button-submit:focus, .forminator-custom-form button.forminator-button.forminator-button-submit.active {
box-shadow: none !important; }
.forminator-custom-form button.forminator-button.forminator-button-submit:hover:after, .forminator-custom-form button.forminator-button.forminator-button-submit:focus:after, .forminator-custom-form button.forminator-button.forminator-button-submit.active:after {
margin-left: 10px !important; }
.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form[data-design=flat] .forminator-button:active,
.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form[data-design=flat] .forminator-button:focus,
.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form[data-design=flat] .forminator-button:hover,
.forminator-ui.forminator-custom-form[data-design=flat] .forminator-button:active,
.forminator-ui.forminator-custom-form[data-design=flat] .forminator-button:focus,
.forminator-ui.forminator-custom-form[data-design=flat] .forminator-button:hover {
box-shadow: none !important; }
.forminator-design--flat .forminator-has_error .forminator-input {
box-shadow: none !important;
border: 2px solid #FDE5D9 !important; }
.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form[data-design=flat] .forminator-error-message,
.forminator-ui.forminator-custom-form[data-design=flat] .forminator-error-message {
padding: 0 !important;
background: transparent;
font-size: 0.6rem;
color: #FDE5D9; }
.select2-container--default .select2-selection--single .select2-selection__placeholder {
color: #707070 !important; }
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: #00356F !important; }
.forminator-has_error {
position: relative; }
.forminator-has_error .forminator-error-message:after {
content: '';
display: block;
height: 16px;
width: 16px;
position: absolute;
top: 14px;
right: 10px;
background-image: url("data:image/svg+xml,%3Csvg id='Attention' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath id='Pfad_35' data-name='Pfad 35' d='M8,0a8,8,0,1,0,8,8A8.024,8.024,0,0,0,8,0ZM9.1,12.2H6.9V10.3H9.2v1.9Zm.1-7.4L8.6,9.2H7.4L6.8,4.8v-1H9.3v1Z' fill='%23E04562'/%3E%3C/svg%3E%0A") !important;
background-repeat: no-repeat; }
.forminator-design--default .forminator-input,
.forminator-design--default .forminator-input:hover,
.forminator-design--default .forminator-input:focus,
.forminator-design--default .forminator-input:active {
border-radius: 0 !important;
border-width: 4px !important; }
.forminator-design--default .forminator-input-with-icon [class*="forminator-icon-"] {
color: #0029BA !important; }
.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form[data-design=default] .forminator-select2 + .select2-container--default .select2-selection--single,
.forminator-ui.forminator-custom-form[data-design=default] .forminator-select2 + .select2-container--default .select2-selection--single {
border-radius: 0 !important;
border-width: 4px !important; }
.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form[data-design=default] .forminator-textarea,
.forminator-ui.forminator-custom-form[data-design=default] .forminator-textarea {
border-radius: 0 !important;
border-width: 4px !important; }
.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form[data-design=default] select.forminator-select2 + .forminator-select .selection span[role=combobox].select2-selection--single,
.forminator-ui.forminator-custom-form[data-design=default] select.forminator-select2 + .forminator-select .selection span[role=combobox].select2-selection--single {
border-width: 4px !important; }
.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form[data-design=default] .forminator-checkbox span[aria-hidden],
.forminator-ui.forminator-custom-form[data-design=default] .forminator-checkbox span[aria-hidden] {
border-width: 4px !important;
width: 30px !important;
height: 30px !important;
flex: 0 0 30px !important; }
.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form[data-design=default] .forminator-checkbox span:not([aria-hidden]),
.forminator-ui.forminator-custom-form[data-design=default] .forminator-checkbox span:not([aria-hidden]) {
line-height: 30px !important; }
.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form[data-design=default] .forminator-checkbox,
.forminator-ui.forminator-custom-form[data-design=default] .forminator-checkbox {
margin: 20px 0 !important; }
.select2-container .forminator-dropdown--default.select2-dropdown--below,
.forminator-dropdown--default {
border-width: 2px !important;
background-color: #fff !important;
padding: 0 !important; }
.forminator-select-dropdown-container--open .forminator-custom-form-441.forminator-dropdown--default .select2-results .select2-results__options .select2-results__option.select2-results__option--selected,
.et-db #et-boc .et_pb_module .forminator-select-dropdown-container--open .forminator-custom-form-441.forminator-dropdown--default .select2-results .select2-results__options .select2-results__option.select2-results__option--selected {
background-color: #FDF4EF !important; }
.forminator-select-dropdown-container--open .forminator-custom-form-441.forminator-dropdown--default .select2-results .select2-results__options .select2-results__option:not(.select2-results__option--selected).select2-results__option--highlighted:hover,
.et-db #et-boc .et_pb_module .forminator-select-dropdown-container--open .forminator-custom-form-441.forminator-dropdown--default .select2-results .select2-results__options .select2-results__option:not(.select2-results__option--selected).select2-results__option--highlighted:hover {
background-color: #FDF4EF !important; }
.select2-container [class*=forminator-dropdown-] .select2-results .select2-results__options {
border: 4px solid #0029BA; }
.forminator-design--default .forminator-description a {
color: #0029BA !important;
text-decoration: underline !important; }
.forminator-design--default .forminator-description a:hover {
text-decoration: none !important; }
#checkbox-1 .forminator-has_error .forminator-error-message:after {
top: 2px; }
.no-margin h3 {
margin-bottom: 0; }
.label-bold span {
font-weight: bold; }
.cr_form .cr_ipe_item {
margin-bottom: 1rem; }
.cr_form .cr_ipe_item div label {
font-weight: lighter; }
.cr_form .mce_text {
font-size: 0.7rem; }
.cr_form input.clever_form_error {
background-color: rgba(159, 87, 91, 0.5); }
.cr_form div.clever_form_error {
background-color: rgba(159, 87, 91, 0.5);
padding: 1rem;
border: 1px solid #0029BA; }
.mfp-bg {
background-color: #FDF4EF;
opacity: .8; }
.mfp-close {
font-size: 60px;
margin: 1rem;
font-family: "SpockEss-Light", Helvetica, sans-serif;
color: #00FFFF !important; }
.mfp-close:hover, .mfp-close:focus {
color: #0029BA !important; }
.teaser__stage {
position: relative;
display: flex;
justify-content: flex-end;
margin-bottom: 200px !important; }
@media only screen and (max-width: 1200px) {
.teaser__stage {
margin-bottom: 100px !important; } }
@media only screen and (max-width: 767px) {
.teaser__stage {
margin-bottom: 60px !important; } }
.teaser__stage--text-container {
width: 70%;
padding-top: 10%;
position: absolute;
left: 0;
font-family: "SpockEssAlt1-Bold", Helvetica, sans-serif; }
@media only screen and (max-width: 1600px) {
.teaser__stage--text-container {
left: 6.25rem; } }
@media only screen and (max-width: 1200px) {
.teaser__stage--text-container {
width: 100%;
padding: 0 1rem;
top: 10%;
left: 0; } }
.teaser__stage--headline {
font-weight: bold;
font-size: 1.25rem;
text-transform: uppercase;
letter-spacing: 6px; }
@media only screen and (max-width: 767px) {
.teaser__stage--headline {
font-size: 1.7rem; } }
.teaser__stage--text {
font-size: 4.75rem;
font-weight: bold;
font-family: "SpockEssAlt1-Bold", Helvetica, sans-serif;
line-height: 1.2; }
@media only screen and (max-width: 767px) {
.teaser__stage--text {
font-size: 1.25rem; } }
.teaser__stage--image {
width: 60%; }
.teaser__stage--image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover; }
.teaser__video + .teaser {
margin-top: -50px; }
.teaser__video {
max-width: 100% !important;
padding-bottom: 150px; }
@media only screen and (max-width: 767px) {
.teaser__video {
padding-bottom: 75px; } }
.teaser__video--container {
position: relative;
max-width: 1460px;
width: 1460px;
margin: 0 auto; }
@media only screen and (max-width: 1460px) {
.teaser__video--container {
width: 100%; } }
@media only screen and (max-width: 1200px) {
.teaser__video--movie {
display: flex;
justify-content: center;
overflow: hidden; } }
.teaser__video--movie video {
max-width: 1460px;
height: auto;
width: 100%; }
@media only screen and (max-width: 1200px) {
.teaser__video--movie video {
height: 60vh;
width: auto; } }
.teaser__video--background {
position: absolute;
top: 0;
left: 0;
background-repeat: no-repeat;
background-position: right bottom;
height: 100%;
width: 100%; }
@media only screen and (max-width: 1190px) {
.teaser__video--background {
background-size: 70%; } }
@media only screen and (max-width: 1200px) {
.teaser__video--background {
background-size: 140%; } }
.teaser__video--headline {
position: absolute;
top: 50%;
left: 0;
right: 0;
transform: translateY(calc(-50%));
transform: translateY(calc(-50% - 150px / 2)); }
@media only screen and (max-width: 767px) {
.teaser__video--headline {
transform: translateY(calc(-50%));
transform: translateY(calc(-50% - 150px / 4)); } }
.teaser__video--headline h1 {
color: #fff;
margin: 0 0 0 150px; }
@media only screen and (max-width: 1190px) {
.teaser__video--headline h1 {
font-size: 3rem;
margin-left: 16%; } }
@media only screen and (max-width: 767px) {
.teaser__video--headline h1 {
padding-right: 10%;
margin-left: 10%;
line-height: 1.4; } }
@media only screen and (max-width: 325px) {
.teaser__video--headline h1 {
font-size: 1.8rem; } }
.teaser {
display: flex;
align-items: center;
justify-content: space-between; }
@media only screen and (max-width: 767px) {
.teaser {
flex-flow: column; } }
.teaser__text {
display: flex;
flex-flow: column wrap;
width: 31.5%; }
.teaser__text em {
font-size: 1.5rem;
font-family: "SpockEssAlt1-Bold", Helvetica, sans-serif; }
@media only screen and (max-width: 1200px) {
.teaser__text {
width: 51.5%; } }
@media only screen and (max-width: 767px) {
.teaser__text {
width: 100%;
margin-top: 1rem; } }
.teaser__text > * {
align-self: start; }
.teaser__text .phone, .teaser__text .email {
margin-bottom: 5px; }
.teaser__text .phone:before, .teaser__text .email:before {
content: '';
height: 20px;
width: 15px;
display: inline-block;
padding-right: 20px;
background-repeat: no-repeat;
background-position: left top; }
.teaser__text .email:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='14.012' viewBox='0 0 20 14.012'%3E%3Cpath id='Pfad_5847' data-name='Pfad 5847' d='M3.847,17.86a1.488,1.488,0,0,0,.653.15h15a1.488,1.488,0,0,0,.653-.15L14.245,12.3l-1.927,1.587a.5.5,0,0,1-.636,0L9.755,12.3,3.847,17.86Zm-.7-.71.014-.014,5.82-5.478-5.8-4.772-.036-.033A1.49,1.49,0,0,0,3,7.5v9.01a1.489,1.489,0,0,0,.143.64Zm17.714,0A1.489,1.489,0,0,0,21,16.51V7.5a1.49,1.49,0,0,0-.146-.647l-.036.033-5.8,4.772,5.82,5.478.014.014Zm-.713-11A1.491,1.491,0,0,0,19.5,6H4.5a1.491,1.491,0,0,0-.644.145L12,12.852l8.144-6.707ZM4.5,5h15A2.5,2.5,0,0,1,22,7.5v9.01a2.5,2.5,0,0,1-2.5,2.5H4.5A2.5,2.5,0,0,1,2,16.51V7.5A2.5,2.5,0,0,1,4.5,5Z' transform='translate(-2 -5)' fill='%230039b6'/%3E%3C/svg%3E%0A"); }
.teaser__text .phone:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20.008' viewBox='0 0 20 20.008'%3E%3Cpath id='Pfad_5846' data-name='Pfad 5846' d='M3,4.5V6.507a14.5,14.5,0,0,0,14.5,14.5h2a1.5,1.5,0,0,0,1.5-1.5V16.942a1.5,1.5,0,0,0-1.026-1.424l-3.183-1.061a1.5,1.5,0,0,0-1.722.591l-.729,1.094a1.5,1.5,0,0,1-1.723.591l-1.525-.509a4.929,4.929,0,0,1-3.2-3.381l-.627-2.3a1.5,1.5,0,0,1,.972-1.817l.6-.2a1.351,1.351,0,0,0,.9-1.5l-.462-2.77A1.5,1.5,0,0,0,7.806,3H4.5A1.5,1.5,0,0,0,3,4.5Zm-1,0A2.5,2.5,0,0,1,4.5,2H7.806a2.5,2.5,0,0,1,2.466,2.089l.461,2.769A2.35,2.35,0,0,1,9.158,9.474l-.6.2a.5.5,0,0,0-.325.606l.627,2.3a3.932,3.932,0,0,0,2.55,2.7l1.526.508a.5.5,0,0,0,.574-.2l.729-1.093a2.5,2.5,0,0,1,2.87-.985l3.184,1.061A2.5,2.5,0,0,1,22,16.942v2.565a2.5,2.5,0,0,1-2.5,2.5h-2A15.5,15.5,0,0,1,2,6.507Z' transform='translate(-2 -2)' fill='%230039b6'/%3E%3C/svg%3E"); }
.teaser__text p a:not(.button) {
text-decoration: none;
font-family: "SpockEss-Bold", Helvetica, sans-serif; }
.teaser__text p a:not(.button) span {
display: inline-block; }
.teaser__text p a:not(.button) span:after {
content: '';
display: block;
height: 5px;
background-color: #00FFFF;
visibility: visible;
opacity: 1;
transition: opacity 0.5s ease; }
@media only screen and (max-width: 1200px) {
.teaser__text p a:not(.button) span:after {
display: none; } }
.teaser__text p a:not(.button) span:hover:after, .teaser__text p a:not(.button) span:focus:after {
visibility: hidden;
opacity: 0; }
.teaser__image {
width: 65.5%; }
@media only screen and (max-width: 1200px) {
.teaser__image {
width: 45.5%; } }
@media only screen and (max-width: 767px) {
.teaser__image {
width: 100%;
padding: 0;
margin-bottom: 2rem; } }
.teaser__image img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%; }
.teaser__image--left .teaser__text {
order: 2; }
.teaser__image--left .teaser__image {
order: 1; }
.teaser__image--right .teaser__text {
order: 1; }
@media only screen and (max-width: 767px) {
.teaser__image--right .teaser__text {
order: 2; } }
.teaser__image--right .teaser__image {
order: 2; }
@media only screen and (max-width: 767px) {
.teaser__image--right .teaser__image {
order: 1; } }
.teaser__columns {
display: flex;
flex-flow: row wrap;
justify-content: center; }
.teaser__columns.has-transparent-background-color {
background-color: transparent; }
.teaser__columns.has-transparent-background-color .teaser__columns--item {
background-color: transparent; }
.teaser__columns.has-primary-light-background-color {
background-color: transparent; }
.teaser__columns.has-primary-light-background-color .teaser__columns--item {
background-color: #00FFFF; }
.teaser__columns.has-white-background-color {
background-color: transparent; }
.teaser__columns.has-white-background-color .teaser__columns--item {
background-color: #fff; }
.teaser__columns--2 .teaser__columns--item {
width: calc(50%);
padding: 0 10px 3.125rem 10px; }
@media only screen and (max-width: 767px) {
.teaser__columns--2 .teaser__columns--item {
width: 100%; } }
.teaser__columns--2 .teaser__columns--item figure {
max-width: 375px;
margin: 0 auto 2.25rem; }
.teaser__columns--3 .teaser__columns--item {
width: calc(33.3333%);
padding: 0 10px; }
@media only screen and (max-width: 1200px) {
.teaser__columns--3 .teaser__columns--item {
width: calc(50%); } }
@media only screen and (max-width: 767px) {
.teaser__columns--3 .teaser__columns--item {
width: 100%; } }
.teaser__columns--4 .teaser__columns--item {
width: calc(25%);
padding: 0 10px; }
@media only screen and (max-width: 1200px) {
.teaser__columns--4 .teaser__columns--item {
width: calc(50%); } }
@media only screen and (max-width: 767px) {
.teaser__columns--4 .teaser__columns--item {
width: 100%; } }
.teaser__columns--item {
display: flex;
flex-flow: column;
margin: 0 0 1rem;
text-align: center; }
.teaser__columns--image {
margin: 0 auto 1rem; }
.teaser__columns--image img {
width: 100%; }
.teaser__columns--circle .teaser__columns--image {
position: relative; }
.teaser__columns--circle .teaser__columns--image img {
position: relative;
z-index: 2; }
.teaser__columns--circle .teaser__columns--image:hover:before {
border: 4px solid #00FFFF; }
.teaser__columns--circle .teaser__columns--image:before {
content: '';
width: 80%;
height: 100%;
border-radius: 50%;
border: 4px solid transparent;
background: #fff;
display: block;
position: absolute;
top: 20px;
margin: 0 auto;
left: 0;
right: 0;
z-index: 1;
transition: border 0.3s ease; }
@media only screen and (max-width: 767px) {
.teaser__columns--text {
padding: 0; } }
.teaser__columns--text p {
margin: 0; }
.teaser__columns--text p:last-child {
margin-top: 10px;
margin-bottom: 20px; }
.teaser__columns h3 {
font-size: 2rem;
margin-bottom: 1rem; }
@media only screen and (max-width: 1200px) {
.teaser__columns h3 {
font-size: 1.2rem; } }
.teaser__columns h3 a {
text-decoration: none; }
.teaser__columns h3 a:hover {
text-decoration: underline; }
.teaser__columns a {
text-decoration: none;
font-family: "SpockEss-Bold", Helvetica, sans-serif; }
.teaser__columns.partner h3 {
font-size: 1.4rem; }
.teaser__columns .partnerwebsite {
border-bottom: 5px solid #00FFFF; }
.teaser__events {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
background-color: transparent; }
.teaser__events .teaser__events--item {
background-color: #fff; }
.teaser__events .teaser__events--item {
width: calc(50% - 1rem);
padding: 0 3.125rem 3.125rem 3.125rem; }
@media only screen and (max-width: 1024px) {
.teaser__events .teaser__events--item {
width: 100%;
padding: 1rem; } }
.teaser__events .teaser__events--item figure {
margin: 2.25rem auto; }
@media only screen and (max-width: 767px) {
.teaser__events .teaser__events--item figure {
margin: 0 auto; } }
.teaser__events--item {
display: flex;
flex-flow: column;
margin-bottom: 2.25rem;
text-align: center; }
.teaser__events--image img {
width: 100%; }
@media only screen and (max-width: 767px) {
.teaser__events--text {
padding: 2.25rem 1rem; } }
@media only screen and (max-width: 325px) {
.teaser__events--text {
padding: 2.25rem 0; } }
.teaser__events--text p {
margin: 0; }
.teaser__events--text p:last-child {
margin: 2.25rem auto; }
.teaser__events h3 {
margin-bottom: 0.75rem; }
.teaser__events h4 {
letter-spacing: 5px; }
.teaser__events a {
text-decoration: none;
font-family: "SpockEssAlt1-Bold", Helvetica, sans-serif; }
.teaser__events a:after {
content: '';
position: absolute;
width: 50px;
height: 26px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='auto' height='25.5' viewBox='0 0 15.5 25.75'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rechteck_1633' data-name='Rechteck 1633' width='19' height='14' fill='%230029ba'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Gruppe_2064' data-name='Gruppe 2064' transform='translate(-301.75 -10.5)'%3E%3Cg id='Gruppe_611' data-name='Gruppe 611' transform='translate(316.254 10.5) rotate(90)' clip-path='url(%23clip-path)'%3E%3Cpath id='Pfad_3663' data-name='Pfad 3663' d='M15.9,7.724H.772a.772.772,0,0,1,0-1.545H15.9l-4.86-4.86A.773.773,0,0,1,12.133.226l6.179,6.179a.775.775,0,0,1,0,1.094l-6.179,6.179a.773.773,0,1,1-1.092-1.094Z' transform='translate(0 0.096)' fill='%230029ba'/%3E%3C/g%3E%3Cline id='Linie_65' data-name='Linie 65' x2='14' transform='translate(302.5 35.5)' fill='none' stroke='%230039b6' stroke-linecap='round' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: top center; }
@media only screen and (max-width: 1100px) {
.teaser__events a:after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='auto' height='20' viewBox='0 0 15.5 25.75'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rechteck_1633' data-name='Rechteck 1633' width='19' height='14' fill='%230029ba'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Gruppe_2064' data-name='Gruppe 2064' transform='translate(-301.75 -10.5)'%3E%3Cg id='Gruppe_611' data-name='Gruppe 611' transform='translate(316.254 10.5) rotate(90)' clip-path='url(%23clip-path)'%3E%3Cpath id='Pfad_3663' data-name='Pfad 3663' d='M15.9,7.724H.772a.772.772,0,0,1,0-1.545H15.9l-4.86-4.86A.773.773,0,0,1,12.133.226l6.179,6.179a.775.775,0,0,1,0,1.094l-6.179,6.179a.773.773,0,1,1-1.092-1.094Z' transform='translate(0 0.096)' fill='%230029ba'/%3E%3C/g%3E%3Cline id='Linie_65' data-name='Linie 65' x2='14' transform='translate(302.5 35.5)' fill='none' stroke='%230039b6' stroke-linecap='round' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E");
background-position: center;
height: 36px; } }
@media only screen and (max-width: 1024px) {
.teaser__events a:after {
height: 20px; } }
.teaser__events .eventschedule {
border: 4px solid #00FFFF;
border-radius: 4px;
padding: 10px 3.125rem 10px 0.75rem; }
@media only screen and (max-width: 1100px) {
.teaser__events .eventschedule {
font-size: 14px; } }
@media only screen and (max-width: 1600px) {
.teaser__columns--carousel, .teaser__columns--carousel-4 {
padding: 0 2.25rem; } }
.teaser__columns--carousel .teaser__columns--item, .teaser__columns--carousel-4 .teaser__columns--item {
max-width: 100%;
margin: 0 2.25rem; }
@media only screen and (max-width: 1200px) {
.teaser__columns--carousel .teaser__columns--item, .teaser__columns--carousel-4 .teaser__columns--item {
margin: 0 1rem; } }
@media only screen and (max-width: 1200px) {
.teaser__columns--carousel .teaser__columns--text, .teaser__columns--carousel-4 .teaser__columns--text {
padding: 0; } }
.teaser__columns--carousel.teaser__columns--circle .teaser__columns--image, .teaser__columns--carousel-4.teaser__columns--circle .teaser__columns--image {
margin-bottom: 2.25rem; }
@media only screen and (max-width: 1460px) {
.teaser__columns--carousel.teaser__columns--circle .teaser__columns--image, .teaser__columns--carousel-4.teaser__columns--circle .teaser__columns--image {
width: 256px; } }
@media only screen and (max-width: 1190px) {
.teaser__columns--carousel.teaser__columns--circle .teaser__columns--image, .teaser__columns--carousel-4.teaser__columns--circle .teaser__columns--image {
width: 320px; } }
@media only screen and (max-width: 767px) {
.teaser__columns--carousel.teaser__columns--circle .teaser__columns--image, .teaser__columns--carousel-4.teaser__columns--circle .teaser__columns--image {
width: 460px;
max-width: 100%; } }
.teaser__columns--carousel.teaser__columns--circle .teaser__columns--image:before, .teaser__columns--carousel-4.teaser__columns--circle .teaser__columns--image:before {
top: 0; }
.teaser__columns--carousel .slick-track, .teaser__columns--carousel-4 .slick-track {
display: flex !important; }
.teaser__columns--carousel .slick-slide, .teaser__columns--carousel-4 .slick-slide {
height: inherit !important; }
.teaser__columns--carousel .slick-prev,
.teaser__columns--carousel .slick-next, .teaser__columns--carousel-4 .slick-prev,
.teaser__columns--carousel-4 .slick-next {
top: 50%; }
.teaser__columns--carousel .slick-prev, .teaser__columns--carousel-4 .slick-prev {
left: -50px; }
@media only screen and (max-width: 1600px) {
.teaser__columns--carousel .slick-prev, .teaser__columns--carousel-4 .slick-prev {
left: 60px;
z-index: 2; } }
@media only screen and (max-width: 767px) {
.teaser__columns--carousel .slick-prev, .teaser__columns--carousel-4 .slick-prev {
left: 15px; } }
.teaser__columns--carousel .slick-next, .teaser__columns--carousel-4 .slick-next {
right: -50px; }
@media only screen and (max-width: 1600px) {
.teaser__columns--carousel .slick-next, .teaser__columns--carousel-4 .slick-next {
right: 60px; } }
@media only screen and (max-width: 767px) {
.teaser__columns--carousel .slick-next, .teaser__columns--carousel-4 .slick-next {
right: 15px; } }
.teaser__columns--carousel .slick-dots, .teaser__columns--carousel-4 .slick-dots {
bottom: -50px; }
@media only screen and (max-width: 767px) {
.teaser__columns--carousel .slick-dots, .teaser__columns--carousel-4 .slick-dots {
bottom: -20px; } }
.teaser__columns--carousel-4 .teaser__columns--item {
margin: 0 1rem; }
.teaser__columns--carousel-4.teaser__columns--circle .teaser__columns--image {
width: 280px; }
.teaser__download {
max-width: 100%;
background: #0029BA; }
.teaser__download--container {
display: flex;
flex-flow: row nowrap;
align-items: center;
max-width: 1460px;
margin: 0 auto;
padding: 2.25rem 0; }
@media only screen and (max-width: 767px) {
.teaser__download--container {
align-items: flex-start; } }
@media only screen and (max-width: 1024px) {
.teaser__download--container {
flex-flow: column; } }
.teaser__download--text {
font-size: 1.5rem;
font-family: "SpockEss-Regular", Helvetica, sans-serif;
color: #fff;
text-transform: uppercase; }
@media only screen and (max-width: 767px) {
.teaser__download--text {
font-size: 1.3rem; } }
.has-background .teaser__download--text {
color: #fff; }
div.has-gray-background-color .teaser__download--text {
color: #0029BA; }
.teaser__download--button {
text-align: right;
flex-grow: 1; }
@media only screen and (max-width: 1024px) {
.teaser__download--button {
padding-top: 2.25rem;
width: 100%; } }
.teaser__news {
max-width: 1460px; }
.teaser__news .teaser__columns--item {
max-width: 460px; }
.teaser__news .teaser__columns--item figure {
height: 280px; }
.teaser__news .teaser__columns--item figure a {
display: block; }
.teaser__news .teaser__columns--item figure img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover; }
.teaser__news--date {
font-family: "SpockEss-Regular", Helvetica, sans-serif; }
.teaser__news p {
margin-bottom: 1rem; }
.teaser__news h3 {
color: #fff;
height: auto; }
.teaser__news.teaser__image--right .teaser__text {
padding-left: 3.125rem; }
@media only screen and (max-width: 1190px) {
.teaser__news.teaser__image--right .teaser__text {
padding: 2.25rem; } }
.cta {
background-color: #FDE5D9;
padding-top: 100px;
padding-bottom: 100px;
max-width: 100%; }
@media only screen and (max-width: 767px) {
.cta {
padding-top: 40px;
padding-bottom: 40px; } }
.cta p {
margin-bottom: 0; }
.cta p:last-child {
margin-bottom: 0; }
.cta__container {
align-items: center;
display: flex;
flex-flow: row nowrap;
justify-content: center;
margin: auto;
max-width: 1460px; }
@media only screen and (max-width: 1200px) {
.cta__container {
flex-flow: column; } }
.cta__text {
font-weight: bold;
margin-right: 150px; }
@media only screen and (max-width: 1200px) {
.cta__text {
margin-right: 0; } }
.cta__text h2, .cta__text h3, .cta__text h4, .cta__text p, .cta__text .h2, .cta__text .h3, .cta__text .h4 {
color: #fff;
font-size: 1.7rem; }
@media only screen and (max-width: 1200px) {
.cta__text h2, .cta__text h3, .cta__text h4, .cta__text p, .cta__text .h2, .cta__text .h3, .cta__text .h4 {
text-align: center; } }
@media only screen and (max-width: 767px) {
.cta__text h2, .cta__text h3, .cta__text h4, .cta__text p, .cta__text .h2, .cta__text .h3, .cta__text .h4 {
font-size: 1.3rem; } }
.team {
display: flex;
flex-flow: row wrap;
justify-content: center; }
.team .button-more {
display: none; }
@media screen and (max-width: 767px) {
.team .button-more {
display: block;
margin: 20px auto 50px;
background: transparent;
color: #0029BA;
padding: 0;
font-weight: normal; }
.team .button-more span {
text-decoration: underline; }
.team .button-more:hover {
color: #0029BA; } }
.team__item {
width: 33.33%;
padding: 0 1rem;
margin: 0 0 3.125rem;
text-align: center; }
@media only screen and (max-width: 1190px) {
.team__item {
width: 50%; } }
@media screen and (max-width: 767px) {
.team__item {
width: 100%; }
.team__item .button {
display: block; }
.team__item.mobile__hidden {
display: none; } }
.team__item > * {
display: block; }
.team__item--front {
position: relative;
margin: 0 auto; }
.team__item--overlay {
background-color: #fff;
max-width: 1000px;
padding: 3.125rem;
margin: 0 auto;
position: relative;
max-height: 60vh;
overflow: scroll; }
@media only screen and (max-width: 1190px) {
.team__item--overlay {
margin: 0 2.25rem; } }
@media only screen and (max-width: 767px) {
.team__item--overlay {
margin: 0;
padding: 3.125rem 2.25rem; } }
.team__item--overlay p {
text-align: left;
margin: auto;
font-size: 20px; }
@media only screen and (max-width: 767px) {
.team__item--overlay p {
font-size: 14px; } }
.team__item--overlay-headline {
font-size: 1.4rem;
font-weight: bold;
margin-bottom: 1rem; }
.team__item--overlay-headline h4 {
margin-bottom: 0.75rem; }
.team__item--overlay .slick-dotted.slick-slider {
margin-bottom: 0 !important; }
.team__item--overlay .slick-dots {
bottom: -20px; }
.team__item--overlay .slick-prev, .team__item--overlay .slick-next {
top: 50%;
width: 30px;
height: 30px; }
.team__item--overlay .slick-prev:before, .team__item--overlay .slick-next:before {
height: 30px;
width: 30px;
background-position: center; }
.team__item--overlay .slick-prev {
left: -35px; }
.team__item--overlay .slick-prev:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.849' height='24.042' viewBox='0 0 14.849 24.042'%3E%3Cpath id='Pfad_7160' data-name='Pfad 7160' d='M72.652-63.907,62.045-74.514,72.652-85.121' transform='translate(-59.217 86.535)' fill='none' stroke='%238c052b' stroke-miterlimit='10' stroke-width='4'/%3E%3C/svg%3E%0A"); }
.team__item--overlay .slick-next {
right: -35px; }
.team__item--overlay .slick-next:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.849' height='24.042' viewBox='0 0 14.849 24.042'%3E%3Cpath id='Pfad_7162' data-name='Pfad 7162' d='M10.607,21.213,0,10.607,10.607,0' transform='translate(12.021 22.627) rotate(180)' fill='none' stroke='%238c052b' stroke-miterlimit='10' stroke-width='4'/%3E%3C/svg%3E%0A"); }
.team__item--overlay .slick-next:hover:before {
margin-left: 0; }
.team figure {
margin-bottom: 1rem;
display: flex;
align-items: center;
justify-content: center;
position: relative;
width: 460px;
margin-left: auto;
margin-right: auto; }
@media only screen and (max-width: 1200px) {
.team figure {
width: 320px; } }
@media only screen and (max-width: 767px) {
.team figure {
width: 460px;
max-width: 100%; } }
.team figure img {
width: 100%;
height: auto;
position: relative;
z-index: 2; }
.team figure:hover:before {
border: 4px solid #00FFFF; }
.team figure:before {
content: '';
width: 320px;
height: 320px;
border-radius: 50%;
border: 4px solid transparent;
background: #fff;
display: block;
position: absolute;
top: 0;
margin: 0 auto;
left: 0;
right: 0;
z-index: 1;
transition: border 0.3s ease; }
@media only screen and (max-width: 1200px) {
.team figure:before {
width: 220px;
height: 220px; } }
@media only screen and (max-width: 767px) {
.team figure:before {
width: 80%;
height: 100%; } }
.team p {
margin-bottom: 0; }
.team p.description {
margin-bottom: 2.25rem;
font-size: 0.7rem; }
.team .name {
position: relative; }
.team .name:after {
content: '';
position: absolute;
width: 30px;
height: 14px;
top: 16px;
background-image: url("data:image/svg+xml,%3Csvg id='Gruppe_612' data-name='Gruppe 612' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='19' height='14' viewBox='0 0 19 14'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rechteck_1633' data-name='Rechteck 1633' width='19' height='14' fill='%230029ba'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Gruppe_611' data-name='Gruppe 611' clip-path='url(%23clip-path)'%3E%3Cpath id='Pfad_3663' data-name='Pfad 3663' d='M15.9,7.724H.772a.772.772,0,0,1,0-1.545H15.9l-4.86-4.86A.773.773,0,0,1,12.133.226l6.179,6.179a.775.775,0,0,1,0,1.094l-6.179,6.179a.773.773,0,1,1-1.092-1.094Z' transform='translate(0 0.096)' fill='%230029ba'/%3E%3C/g%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center right;
transition: margin 0.3s ease; }
@media only screen and (max-width: 1190px) {
.team .name:after {
top: 8px; } }
@media only screen and (max-width: 1200px) {
.team .name:after {
top: 4px; } }
.team a {
color: #0029BA;
text-decoration: none; }
.team a:hover .name:after {
margin-left: 10px; }
.paragraph p {
margin-bottom: 30px; }
.paragraph .quote {
font-family: "SpockEssAlt1-Bold", Helvetica, sans-serif;
font-style: italic;
font-size: 30px; }
.paragraph .author {
font-family: "SpockEss-Bold", Helvetica, sans-serif;
letter-spacing: 4px;
text-transform: uppercase; }
.testimonial {
max-width: 1460px;
padding: 0 2.25rem; }
@media only screen and (max-width: 1600px) {
.testimonial {
padding: 0 6.25rem; } }
@media only screen and (max-width: 767px) {
.testimonial {
padding: 0 2.25rem; } }
.testimonial__item {
padding: 50px 0;
background-color: #fff; }
@media only screen and (max-width: 1460px) {
.testimonial__item {
margin-bottom: 40px; } }
.testimonial__item:last-child {
margin-bottom: 0; }
.testimonial__item--container {
display: flex;
padding: 0 6rem;
align-items: center; }
@media only screen and (max-width: 1600px) {
.testimonial__item--container {
padding: 0 3rem; } }
@media only screen and (max-width: 1200px) {
.testimonial__item--container {
flex-flow: column;
padding: 0 2rem; } }
@media only screen and (max-width: 767px) {
.testimonial.testimonial__slider {
padding-bottom: 2.25rem !important; } }
.testimonial.testimonial__slider .testimonial__item {
margin-bottom: 0; }
.testimonial figure {
flex-shrink: 0; }
@media only screen and (max-width: 1200px) {
.testimonial figure {
margin-bottom: 1rem; } }
.testimonial figure img {
width: 250px;
height: 250px;
border-radius: 50%;
-o-object-fit: cover;
object-fit: cover;
margin: 0 auto; }
@media only screen and (max-width: 325px) {
.testimonial figure img {
width: 200px;
height: 200px; } }
.testimonial__details {
color: #0029BA;
padding: 0 2.25rem; }
@media only screen and (max-width: 767px) {
.testimonial__details {
padding: 0; } }
.testimonial__details--quote {
font-size: 30px;
font-family: "SpockEssAlt1-Bold", Helvetica, sans-serif;
line-height: 1.4;
margin-bottom: 1rem;
font-style: italic; }
@media only screen and (max-width: 1200px) {
.testimonial__details--quote {
font-size: 20px; } }
.testimonial__details--author {
font-size: 20px;
font-family: "SpockEss-Bold", Helvetica, sans-serif;
letter-spacing: 3px;
text-transform: uppercase; }
@media only screen and (max-width: 1200px) {
.testimonial__details--author {
font-size: 14px; } }
.testimonial .slick-prev, .testimonial .slick-next {
top: 50%; }
@media only screen and (max-width: 767px) {
.testimonial .slick-prev, .testimonial .slick-next {
top: 15%; } }
.testimonial .slick-prev {
left: 20px; }
@media only screen and (max-width: 1600px) {
.testimonial .slick-prev {
left: 25px; } }
@media only screen and (max-width: 1200px) {
.testimonial .slick-prev {
left: 10px; } }
@media only screen and (max-width: 767px) {
.testimonial .slick-prev {
top: 25%; } }
.testimonial .slick-next {
right: 20px; }
@media only screen and (max-width: 1600px) {
.testimonial .slick-next {
right: 25px; } }
@media only screen and (max-width: 1200px) {
.testimonial .slick-next {
right: 10px; } }
@media only screen and (max-width: 767px) {
.testimonial .slick-next {
top: 25%; } }
@media only screen and (max-width: 767px) {
.timeline {
padding-top: 4rem; } }
.timeline__container {
position: relative; }
@media only screen and (max-width: 767px) {
.timeline__container {
display: block;
padding-left: 1rem; } }
.timeline__content {
position: relative;
display: flex;
padding: 0 2.25rem 7rem; }
@media only screen and (max-width: 767px) {
.timeline__content {
display: block;
padding-right: 0; } }
.timeline__content:before {
content: '';
width: 26px;
height: 26px;
position: absolute;
left: 50%;
top: 0;
background: #0029BA;
border-radius: 100%;
z-index: 2;
background-clip: padding-box; }
@media only screen and (max-width: 1200px) {
.timeline__content:before {
left: 45%; } }
@media only screen and (max-width: 767px) {
.timeline__content:before {
left: 0;
width: 26px;
height: 26px; } }
.timeline__content:after {
top: 20px;
bottom: -20px;
position: absolute;
content: '';
width: 12px;
background-color: #00FFFF;
left: 50%;
margin-left: 7px; }
@media only screen and (max-width: 1200px) {
.timeline__content:after {
left: 45%; } }
@media only screen and (max-width: 767px) {
.timeline__content:after {
left: 4px;
margin-left: 3px; } }
.timeline__content:last-child {
padding-bottom: 0; }
.timeline__content:last-child:after {
display: none; }
.timeline__content p {
margin-bottom: 0; }
.timeline__left {
width: 50%;
text-align: right;
padding-right: 3.125rem;
margin-top: -20px; }
@media only screen and (max-width: 1024px) {
.timeline__left {
padding-right: 6.25rem; } }
@media only screen and (max-width: 767px) {
.timeline__left {
padding-left: 2.25rem;
margin-top: 0;
text-align: left;
width: 100%; } }
.timeline__left p:first-child {
font-size: 40px;
font-family: "SpockEssAlt1-Bold", Helvetica, sans-serif;
color: #0029BA;
line-height: 1.4;
margin-bottom: 1rem; }
@media only screen and (max-width: 1200px) {
.timeline__left p:first-child {
font-size: 25px; } }
.timeline__right {
padding-left: 3.125rem;
font-family: "SpockEss-Light", Helvetica, sans-serif;
width: 50%; }
@media only screen and (max-width: 767px) {
.timeline__right {
padding-left: 2.25rem;
width: 100%;
margin-top: 0; } }
.counter {
display: flex;
flex-flow: row wrap;
justify-content: center;
text-align: center;
padding: 3.125rem; }
@media only screen and (max-width: 767px) {
.counter {
padding: 1rem 0; } }
.counter__item {
width: 25%;
font-weight: bold;
text-align: center; }
@media only screen and (max-width: 1200px) {
.counter__item {
width: 50%;
padding: 1rem; } }
@media only screen and (max-width: 767px) {
.counter__item {
width: 100%; } }
.counter p {
margin-bottom: 1rem; }
.counter__value {
font-family: "SpockEssAlt1-Bold", Helvetica, sans-serif;
font-size: 120px;
line-height: 1;
background-color: #fff;
border-radius: 100%;
padding-top: 65px;
width: 250px;
height: 250px;
margin: auto; }
@media only screen and (max-width: 1190px) {
.counter__value {
font-size: 95px;
width: 200px;
height: 200px;
padding-top: 55px; } }
.counter__headline {
padding: 1rem 0;
font-family: "SpockEssAlt1-Bold", Helvetica, sans-serif;
font-size: 40px; }
.counter__text {
padding: 0 1rem; }
.contact .h2 {
color: #fff; }
.contact address {
margin-bottom: 2.25rem;
line-height: 1.8; }
.contact address > * {
line-height: 20px; }
.contact a {
color: #fff;
text-decoration: none; }
.contact a:hover {
text-decoration: underline; }
.contact__icon:before {
content: '';
display: inline-block;
vertical-align: bottom;
width: 40px;
height: 20px;
background-repeat: no-repeat;
background-position: center left; }
.contact__address:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='11' height='18' viewBox='0 0 11 18'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rechteck_1958' data-name='Rechteck 1958' width='11' height='18' fill='%23e9e9e9'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Gruppe_1030' data-name='Gruppe 1030' clip-path='url(%23clip-path)'%3E%3Cpath id='Pfad_4723' data-name='Pfad 4723' d='M5,10.978a5.5,5.5,0,1,1,1,0V17.5a.5.5,0,0,1-1,0ZM5.5,10A4.5,4.5,0,1,0,1,5.5,4.5,4.5,0,0,0,5.5,10' fill='%23e9e9e9'/%3E%3C/g%3E%3C/svg%3E"); }
.contact__phone:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20' height='20.007' viewBox='0 0 20 20.007'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rechteck_1959' data-name='Rechteck 1959' width='20' height='20.007' transform='translate(0 0)' fill='%23e9e9e9'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Gruppe_1033' data-name='Gruppe 1033' transform='translate(0 0)'%3E%3Cg id='Gruppe_1032' data-name='Gruppe 1032' clip-path='url(%23clip-path)'%3E%3Cpath id='Pfad_4724' data-name='Pfad 4724' d='M1,2.5V4.506a14.5,14.5,0,0,0,14.5,14.5h2a1.5,1.5,0,0,0,1.5-1.5V14.941a1.5,1.5,0,0,0-1.025-1.422l-3.184-1.062a1.5,1.5,0,0,0-1.723.592l-.728,1.093a1.5,1.5,0,0,1-1.723.59l-1.525-.507a4.932,4.932,0,0,1-3.2-3.382l-.627-2.3a1.5,1.5,0,0,1,.972-1.817l.6-.2a1.352,1.352,0,0,0,.905-1.5L7.285,2.253A1.5,1.5,0,0,0,5.806,1H2.5A1.5,1.5,0,0,0,1,2.5m-1,0A2.5,2.5,0,0,1,2.5,0H5.806A2.5,2.5,0,0,1,8.272,2.089l.461,2.769A2.35,2.35,0,0,1,7.158,7.474l-.6.2a.5.5,0,0,0-.325.606l.627,2.3a3.929,3.929,0,0,0,2.55,2.695l1.526.509a.5.5,0,0,0,.574-.2l.728-1.093a2.5,2.5,0,0,1,2.871-.985l3.184,1.06A2.5,2.5,0,0,1,20,14.941v2.566a2.5,2.5,0,0,1-2.5,2.5h-2A15.5,15.5,0,0,1,0,4.506Z' fill='%23e9e9e9'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); }
.contact__telefax:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='18.037' viewBox='0 0 20 18.037'%3E%3Cpath id='Pfad_5052' data-name='Pfad 5052' d='M19,18.016v2.509a.5.5,0,0,1-.5.5H5.5a.5.5,0,0,1-.5-.5V18H3.5A1.5,1.5,0,0,1,2,16.5v-5A2.5,2.5,0,0,1,4.5,9H5V3.5A.5.5,0,0,1,5.5,3l13-.012a.5.5,0,0,1,.5.5V9h.5A2.5,2.5,0,0,1,22,11.5v5.016a1.5,1.5,0,0,1-1.5,1.5Zm0-1h1.5a.5.5,0,0,0,.5-.5V11.5A1.5,1.5,0,0,0,19.5,10H19v3.512a.5.5,0,0,1-.5.5H5.5a.5.5,0,0,1-.5-.5V10H4.5A1.5,1.5,0,0,0,3,11.5v5a.5.5,0,0,0,.5.5H5V15.5a.5.5,0,0,1,.5-.5h13a.5.5,0,0,1,.5.5ZM18,9.5V3.988L6,4v9.012H18V9.5ZM8.5,7a.5.5,0,0,1,0-1h7a.5.5,0,0,1,0,1Zm0,2a.5.5,0,0,1,0-1h7a.5.5,0,0,1,0,1Zm0,2a.5.5,0,0,1,0-1h5a.5.5,0,0,1,0,1ZM6,16v4.025H18V16Z' transform='translate(-2 -2.988)' fill='%23fff'/%3E%3C/svg%3E%0A"); }
.contact__email:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20' height='14.01' viewBox='0 0 20 14.01'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rechteck_1960' data-name='Rechteck 1960' width='20' height='14.01' transform='translate(0 0)' fill='%23e9e9e9'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Gruppe_1035' data-name='Gruppe 1035' transform='translate(0 0)'%3E%3Cg id='Gruppe_1034' data-name='Gruppe 1034' clip-path='url(%23clip-path)'%3E%3Cpath id='Pfad_4725' data-name='Pfad 4725' d='M1.847,12.86a1.488,1.488,0,0,0,.653.15h15a1.488,1.488,0,0,0,.653-.15L12.244,7.3,10.318,8.886a.5.5,0,0,1-.636,0L7.755,7.3Zm-.7-.711a.083.083,0,0,0,.014-.013l5.82-5.478-5.8-4.772-.036-.032A1.486,1.486,0,0,0,1,2.5v9.01a1.485,1.485,0,0,0,.143.639m17.713,0A1.486,1.486,0,0,0,19,11.51V2.5a1.5,1.5,0,0,0-.146-.646c-.011.011-.024.021-.037.032L13.022,6.658l5.821,5.478Zm-.711-11A1.5,1.5,0,0,0,17.5,1H2.5a1.5,1.5,0,0,0-.645.145L10,7.852ZM2.5,0h15A2.5,2.5,0,0,1,20,2.5v9.01a2.5,2.5,0,0,1-2.5,2.5H2.5A2.5,2.5,0,0,1,0,11.51V2.5A2.5,2.5,0,0,1,2.5,0' fill='%23e9e9e9'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); }
.logowall {
display: flex;
flex-flow: row wrap;
justify-content: center;
margin: 0 auto !important;
padding: 2.25rem; }
@media only screen and (max-width: 1024px) {
.logowall {
padding: 2.25rem 0; } }
@media only screen and (max-width: 767px) {
.logowall {
padding: 2.25rem 0 0; } }
.logowall figure {
width: 16.6%;
padding: 0 1.5rem;
margin-bottom: 2.25rem; }
@media only screen and (max-width: 767px) {
.logowall figure {
width: 33.33%; } }
.logowall figure img {
max-width: 100%; }
.logowall__slider .slick-slide {
margin-bottom: 0; }
.logowall__slider .slick-slide img {
margin: 0 auto; }
@media only screen and (max-width: 767px) {
.logowall .slick-dots {
bottom: -30px; } } .section-container {
max-width: 1920px;
padding: 3.125rem 0; }
@media only screen and (max-width: 767px) {
.section-container {
padding: 2.25rem 0; } }
.section-container.padding-small {
padding: 2.25rem 0 0; }
.section-container.width__narrow .section-container__inner-container {
max-width: 1460px;
margin: 0 auto; }
.section-container.width__narrow .section-container__inner {
max-width: 1085px !important;
margin-left: 0; }
.section-container.width__narrow-center .section-container__inner {
margin-left: auto; }
.section-container.has-bg-img {
background-repeat: no-repeat;
background-position: top left;
max-width: 100%; }
@media only screen and (max-width: 1200px) {
.section-container.has-bg-img {
background-size: 100% auto;
background-position: top left; } }
.section-container.has-bg-img.bg-right {
background-position: top right; }
.section-container.has-bg-img.bg-bottom {
background-position: bottom center; }
.section-container.has-bg-img.bg-top {
background-position: top center; }
.section-container.has-bg-img .section-container__inner {
max-width: 1460px; }
@media only screen and (max-width: 1600px) {
.section-container.has-bg-img .section-container__inner {
padding: 0; } }
.section-container.mb-0 {
margin-bottom: 0; }
.section-container.mb-s {
margin-bottom: 2.25rem; }
@media only screen and (max-width: 767px) {
.section-container.mb-s {
margin-bottom: 1rem; } }
.section-container.mb-m {
margin-bottom: 3.125rem; }
@media only screen and (max-width: 1200px) {
.section-container.mb-m {
margin-bottom: 1.5625rem; } }
@media only screen and (max-width: 767px) {
.section-container.mb-m {
margin-bottom: 1.04167rem; } }
.section-container.mb-l {
margin-bottom: 100px; }
@media only screen and (max-width: 1200px) {
.section-container.mb-l {
margin-bottom: 50px; } }
@media only screen and (max-width: 767px) {
.section-container.mb-l {
margin-bottom: 33.33333px; } }
.section-container.p-s {
padding: 2.25rem 0; }
.section-container.p-m {
padding: 3.125rem 0; }
.section-container.p-l {
padding: 9.375rem 0; }
@media only screen and (max-width: 767px) {
.section-container.p-l {
padding: 3.125rem 0; } }
.section-container.p-t-s {
padding-top: 2.25rem; }
.section-container.p-t-m {
padding-top: 3.125rem; }
.section-container.p-t-l {
padding-top: 9.375rem; }
@media only screen and (max-width: 767px) {
.section-container.p-t-l {
padding-top: 3.125rem; } }
.section-container.p-b-s {
padding-bottom: 2.25rem; }
.section-container.p-b-m {
padding-bottom: 3.125rem; }
.section-container.p-b-l {
padding-bottom: 9.375rem; }
@media only screen and (max-width: 767px) {
.section-container.p-b-l {
padding-bottom: 3.125rem; } }
.section-container .section-container__inner {
max-width: 1920px;
margin-left: auto;
margin-right: auto; }
.section-container .section-container__inner > * {
max-width: 1460px;
margin: 0 auto 3.125rem; }
.section-container .section-container__inner > *:last-child {
margin-bottom: 0 !important; }
@media only screen and (max-width: 1600px) {
.section-container .section-container__inner > * {
padding: 0 6.25rem;
margin-left: auto;
margin-right: auto;
margin-bottom: 1rem; } }
@media only screen and (max-width: 767px) {
.section-container .section-container__inner > * {
padding: 0 1rem; }
.section-container .section-container__inner > *.wp-clock-columns {
padding: 0; } }
@media only screen and (max-width: 767px) {
.section-container .section-container__inner > .testimonial.slider {
padding: 0 3.125rem 2.25rem; } }
.donation {
max-width: 960px !important;
margin: 0 auto !important;
background: #fff;
padding: 140px 120px;
line-height: 1.5;
text-align: center; }
@media only screen and (max-width: 1200px) {
.donation {
padding: 40px 1rem !important;
max-width: 92% !important; } }
.donation .description {
font-size: 1.5rem;
font-family: "SpockEss-Bold", Helvetica, sans-serif; }
.donation .headline {
font-size: 1.25rem;
font-family: "SpockEssAlt1-Bold", Helvetica, sans-serif;
font-weight: bold;
letter-spacing: 2px;
margin-bottom: 1.5rem; }
.donation .bank {
font-size: 1rem;
font-family: "SpockEss-Light", Helvetica, sans-serif; }
.iframe.video {
position: relative;
padding-bottom: 56.25%; height: 0;
overflow: hidden;
width: 100%;
height: auto; }
.iframe.video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
@media only screen and (max-width: 1600px) {
.iframe.video iframe {
padding: 0 1rem; } } .button__align--center {
text-align: center; }
@media only screen and (max-width: 767px) {
.wp-block-spacer {
height: 6vh !important; } } .wp-block-columns .wp-block-column p:last-child {
margin-bottom: 0; }
@media only screen and (min-width: 782px) {
.wp-block-columns .wp-block-column:not(:first-child) {
margin-left: 2.25rem; }
.wp-block-columns .wp-block-column[class*="bg--"] {
padding: 1rem; } }
@media only screen and (max-width: 767px) {
.wp-block-columns .wp-block-column {
flex-basis: 100% !important;
flex-grow: 1;
min-width: 0;
word-break: break-word;
overflow-wrap: break-word;
margin-left: 0;
margin-bottom: 1rem; } } .wp-block-image img {
height: auto; }
.wp-block-image figcaption {
font-family: "SpockEss-Regular", Helvetica, sans-serif;
color: #0029BA; }
.wp-block-image .aligncenter,
.wp-block-image .alignleft,
.wp-block-image .alignright {
display: block; }
.post {
padding-top: 3.125rem; }
.post .content > * {
max-width: 960px;
margin: 0 auto 3.125rem; }
.post .content p {
margin-bottom: 1rem; }
.post .content figcaption {
max-width: 960px;
margin: 1rem auto 0; }
.post .content .wp-block-group {
margin: 3.125rem auto; }
.post .content .teaser__news {
max-width: 1460px; }
.post-date {
margin-bottom: 1rem !important; }
.post-intro {
font-size: 1.5rem;
font-family: "SpockEss-Regular", Helvetica, sans-serif; }
.post h1 {
text-transform: none; }