body {
	position: relative;
	background-color: rgb(246,246,246);
	pointer-events: none;
}

html {
	pointer-events: none;
}

a,
.google-map,
header .mobile-menu-btn {
	pointer-events: all;
}

ul > li {
	list-style: inside;
	list-style-type: "-   ";
	margin-bottom: 0.2em;
}

section.hero:after {
	position: absolute;
	z-index: 14;
	background: linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0.3));
	top: 0px;
	left: 0px;
	right: 0px;
	height: 9em;
	content: "";
}

.logo {
	position: absolute;
	top: 2em;
	left: 2em;
	max-width: 13em;
	max-height: 5em;
	z-index: 15;
}

.logo img {
	width: 100%;
	height: auto;
	
}

header nav.navigation {
	position: fixed;
	top: 0em;
	right: 0em;
	background: rgb(0,151,169);
	padding-left: 1em;
	padding-right: 6em;
	padding-top: 2.2em;
	height: calc(100vh - 28em);
	transform: translateY(100vh);
	transition: height 1s ease;
	z-index: 4;
}

header nav.navigation.always {
	transform: translateY(0) !important;
}

header nav.navigation.rotate,
header nav.navigation.always {
	height: calc(100vh);
	transition: height 0.5s ease;
}

header nav.navigation a {
	color: white;
	display: inline-block;
	margin: 1em;
	z-index: 5;
	font-weight: 300;
	letter-spacing: 0.04em;	
}

header nav.navigation .side-nav {
	position: fixed;
	top: 2em;
	right: 5.9em;
	transform: rotateZ(-90deg);
	transform-origin: 100% 0%;
	padding: 0;
	padding-top: 1em;
	z-index: 4;
}

header nav.navigation .side-nav a {
	opacity: 0;
	transform: translateY(100%);
	transition: all 0.15s cubic-bezier(0.8,0,0,1);
}

header nav.navigation.rotate .side-nav a,
header nav.navigation.always .side-nav a  {
	opacity: 1;
	transform: translateY(0%);
	transition: all 0.3s cubic-bezier(0.7,0,0.3,1);
}

header nav.rotate .side-nav a:nth-child(7) { transition-delay: 0.05s;}
header nav.rotate .side-nav a:nth-child(6) { transition-delay: 0.1s;}
header nav.rotate .side-nav a:nth-child(5) { transition-delay: 0.15s;}
header nav.rotate .side-nav a:nth-child(4) { transition-delay: 0.2s;}
header nav.rotate .side-nav a:nth-child(3) { transition-delay: 0.25s;}
header nav.rotate .side-nav a:nth-child(2) { transition-delay: 0.3s;}
header nav.rotate .side-nav a:nth-child(1) { transition-delay: 0.35s;}

header nav .side-nav a:nth-child(7) { transition-delay: 0.025s;}
header nav .side-nav a:nth-child(6) { transition-delay: 0.05s;}
header nav .side-nav a:nth-child(5) { transition-delay: 0.075s;}
header nav .side-nav a:nth-child(4) { transition-delay: 0.1s;}
header nav .side-nav a:nth-child(3) { transition-delay: 0.125s;}
header nav .side-nav a:nth-child(2) { transition-delay: 0.15s;}
header nav .side-nav a:nth-child(1) { transition-delay: 0.175s;}

section.hero {
	width: 100%;
	height: 100vh;
	position: relative;
	overflow: hidden;
	z-index: 3;
	background-color: rgb(45,45,45);
}

section.hero img {
	opacity: 0.9;
	width: 100vw;
	height: 100vh;
	position: absolute;
	overflow: hidden;

}

section.hero .body {
	width: calc(100% - 7em);
	position: absolute;
	display: inline-block;
	bottom: 0em;
	padding: 0em 0em 10em 0em;
	z-index: 9;
	margin-left: 0em;
}

section.hero h1,
section.hero p {
	color: white;
}

section.hero h1:before {
	display: none;
}

section.paragraph {
	padding-bottom: 3em;
	padding-top: 3em;
}

section.paragraph.headline-only {
	padding-bottom: 0em !important;
}

section.paragraph p {
	max-width: 900px;
}

section.card-list {
	padding-top: 0.8em !important;
	padding-bottom: 3em;
}

.card-list .body {	
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.card-list.iterating .body {	
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.card {
	position: relative;
	padding-bottom: 45%;
	min-width: calc(33.3333% - 1em);
	max-width: calc(33.3333% - 1em);
	margin-bottom: 1.5em;
	margin-right: 1.5em;
	pointer-events: all;
}

.card-list--staff .card {
	padding-bottom: unset;
}

.card-list .body .card:nth-child(3n){
	margin-right: 0em;
}

.card-list.iterating .card {
	margin-right: 0em;
}


.img-wrapper {
	transition: background 0.3s;
	position: relative;
	overflow: hidden;
	background-color: rgb(45,45,45);
}

.card .img-wrapper {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0;
	bottom: 0;
	background-color: rgb(200,200,200);
}

.card-list--staff .img-wrapper {
	position: relative;
}

.intro-img .img-wrapper {
	overflow: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0;
	bottom: 0;
	background-color: rgb(45,45,45);
}

.img-wrapper img {
	width: 100%;
	height: auto;
	display: block;
}

.top-margin {
	padding-top: 20em;
	padding-bottom: 15em;
}

.card-content {
	position: absolute;
	bottom: 0em;
	left: 0em;
	right: 0em;
	padding: 1.5em 1.5em 1em 1.5em;
	transform: translateY(100%) translateZ(0);
	transition: all 0.3s ease;
	pointer-events: none;
}

.card-list--staff .card-content {
	bottom: unset;
	top: 0;
	transform: translateY(0%) translateZ(0);
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	height: 100%;
}

.card-content h3 {
	color: white;
	position: absolute;
	margin-bottom: 1.5em;
	bottom: 100%;
	text-align: right;
	width: 100%;
	right: 0px;
	padding: 0em 1.5rem;
	font-size: 1.2em;
	transition: all 0.3s ease;
}

.card-list--staff h3 {
	position: relative;
	margin-bottom: unset;
	bottom: unset;
	padding: unset;
}

.card-list--staff .card-content p {
	text-align: right;
	opacity: 1;
	transform: unset;
	padding: unset;
}

.card-list:not(.card-list--staff) .card-content:after {
	content: '';
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	transition: all 0.3s ease;
	transform-origin: 0% 50%;
	height: 100%;
	background-color: rgb(45,45,45);
	z-index: 1;
	transform: scaleX(0) scaleY(0) translateX(0);
}

section.card-list .card:hover .card-content:after {
	transform: scaleX(1) scaleY(1.1) translateX(1em);
}

.card img {
	opacity: 1;
	transition: all 0.3s ease;
	-webkit-filter: grayscale(1);
	-webkit-filter: grayscale(100%);
	filter: gray;
	filter: grayscale(100%);
	opacity: 0.8;
}

.card-list--staff .card img {
	filter: unset;
	opacity: 1;
}

.card-content p {
	color: white;
	position: relative;
	z-index: 2;
	opacity: 0;
	font-size: 0.9em;
	transition: all 0.3s ease;
	transform: translateX(1.3em);
}

section.card-list .card:hover .card-content p {
	opacity: 1;
}

section.card-list:not(.card-list--staff) .card:hover .card-content {
	transform: translateY(60%);
}

section.card-list .symbol-card {
	position: relative;
	display: flex;	
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	padding: 10em 2em;
	overflow: hidden;
	min-width: calc(33.3333% - 1em);
	max-width: calc(33.3333% - 1em);
	background-color: rgb(246,246,246);
	margin-bottom: 3em;
	margin-right: 1.5em;
	pointer-events: all;
	font-size: 0.8em;
}

section.card-list .symbol-card:nth-child(3) {
	margin-right: 0em;
}

section.card-list .symbol-card h2 {
	display: inline-block;
	margin: 0em;
	color: rgba(0, 0, 0, 0.2);
	margin-top: 1em;
}

.symbol-card img,
.img-positioner img {
	display: inline-block;
	opacity: 0.7;
	max-height: 65px;
}

section.card-list .symbol-card:hover {
	z-index: 5;
}

.symbol-card:before {
	background: rgba(0,0,0,0.05);
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: 0;
	content: "";
	transform: translateY(100%) translateX(-60%);
	transition: opacity 0.2s 0s linear, transform 0.2s 0.3s ease-out;
}

.symbol-card:hover:before {
	transform: translateY(0%);
	opacity: 1;
	transition: opacity 0.1s 0s linear, transform 0.5s 0s cubic-bezier(0, 0.6, 0, 1);
}

a.button-link {
	display: inline-block;
	position: relative;
	padding: 0.4em 0em 0.25em 0em;
	overflow: hidden;
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight: bold;
	letter-spacing: 0.1em;
	line-height: 1;
	transition: all 0.3s cubic-bezier(0.5, 0, 0.4, 1);
	z-index: 2;
}

a.button-link:before {
	display: inline-block;
	content: "+";
	vertical-align: middle;
	font-size: 1.1em;
	padding-bottom: 0.4em;
	padding-right: 0.3em;
}

a.button-link:after {
	content: "";
	position: absolute;
	bottom: 0em;
	left: 0em;
	width: 100%;
	height: 100%;
	transform: translateY(100%) translateY(-3px);
	transition: all 0.3s cubic-bezier(0.5, 0, 0.4, 1);
	background-color: rgb(0,151,169);
	z-index: -1;
}

a.button-link:hover {
	color: white;
	padding: 0.4em 0.5em 0.25em 0.5em;

}

a.button-link:hover:after{
	transform: translateX(0em);
	color: white;
}

.iterating .body{
	max-width: 100%;
}

.iterating .card:nth-child(5n+1),
.card-list:not(.card-list--staff) .body .card:nth-child(5n+4) {
	min-width: calc(66.66% - 0.5em);
	max-width: calc(66.66% - 0.5em);
	overflow: hidden;
}

.iterating .card:nth-child(5n+5) {
	min-width: 100%;
	max-width: 100%;
	overflow: hidden;
}

.iterating .card {
	transition: all 0.2s cubic-bezier(0.5, 0, 0.4, 1);
}

.card img {
	-webkit-filter: grayscale(1);
	-webkit-filter: grayscale(100%);
	filter: gray;
	filter: grayscale(100%);
	opacity: 0.92;
	mix-blend-mode: multiply;
}

.card:hover {
	z-index: 5;
	
}

.card .img-wrapper:before {
	position: absolute;
	top: 0px;
	left: 0px;
	content: '';
	width: 100%;
	height: 100%;
	background: rgb(0,151,169);
	opacity: 0;
	transition: opacity 0.3s;
}

.card-list--staff .card .img-wrapper:before {
	content: unset;
}

.card:hover .img-wrapper:before {
	opacity: 1;
}

.card:hover img {
	opacity: 1;
}

div.symbol-box {
	display: inline-block;
	max-width: 60px;
	max-height: 84px;
	min-width: 60px;
	min-height: 84px;
	top: 80%;
	left: 50%;


}
.iterating .body h3 {
	position: absolute;
	display: inline-block;
	bottom: 0em;
	right: 0em;
	padding: 0em 2em;
	color: white;
	font-size: 1.2em;
	width: 100%;
	max-width: 460px;
	text-align: right;
}

section.img-inflow {
	padding-top: 0em;
	padding-left: 0em;
	padding-bottom: 5em;
}

section.img-inflow.contact {
	padding-right: 0em;
	padding-bottom: 0em;
}

.img-box .img-wrapper {
	position: relative;
	width: 100%;
	height: auto;
	padding-bottom: 50%;
}

.img-box img {
	position: absolute;
	width: 100%;
	height: auto;
}

.footer-nofooter .body {
	padding-bottom: 3em;
}

/* -------Styling Modules------- */
section {
	position: relative;
	width: calc(100% - 6em);
	background: white;
	padding-left: 12em; 
	padding-right: 2.5em;
	pointer-events: all;
}

div.main-content {
	z-index: 1;
	pointer-events: none;
}

.higher {
	z-index: 18;
}

.cover-parent {
	position: absolute;
}

.card-list--staff .cover-parent {
	position: relative;
	top: 0 !important;
	opacity: 1 !important;
	mix-blend-mode: unset;
}

.body {
	width: 100%;
	max-width: 1300px;
}

.full-width {
	/* width: 100%; */
	/* max-width: 100%; */
} 

.padder {
	padding-left: 0em;
	padding-right: 5em;
}

.padder-top {
	padding-top: 8em;
}

.no-margin {
	margin-bottom: 0em;

}

.img-positioner {
	position: relative;
	overflow: hidden;
}

.reverse {
	flex-direction: row-reverse;
}

.table {
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	align-items: stretch;
	align-content: stretch;
	padding-right: 0;
	pointer-events: all;
}

.scroll-imgbox .table.img-wrapper {
	display: flex;
	justify-content: flex-start;
	flex-wrap: nowrap;
	align-items: stretch;
	align-content: stretch;
	padding-right: 0;
}

.table-60 {
	max-width: 45%;
	min-width: 45%;
}

.table-40 {
	max-width: 45%;
	min-width: 45%;	
}

.table-60 p {
	max-width: 30em;
}

.table-50 {
	max-width: 60%;
	min-width: 60%;
}

.table-80 {
	max-width: 80%;
	min-width: 80%;
}

.main > div:first-child section,
.main-content > div:first-child section.paragraph {
/*	padding-top: 8em !important;*/
}

div.main section.table,
div.main section.img-inflow {
	padding-top: 0em;
} 
/* -------Styling Modules End------- */


/* ---------Overlay Styling ----------*/
.overlay {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%; 
	z-index: 20;
	background: white;
	align-items: stretch;
	align-content: stretch;
	transition: all 1s cubic-bezier(0.5, 0, 0.4, 1);
	transform: translateX(-120%);
}

.overlay.show-extend {
	transform: translateX(0%);
	transition: all 1s cubic-bezier(0.5, 0, 0.4, 1);

}

.overlay-content {
	padding-top: 8em;
	padding-bottom: 3em;
	background: white;
	position: relative;
	z-index: 16;
}

.overlay section {
	position: relative;
	width: 100%;
	padding-left: 6em;
	padding-right: 6em;
	z-index: 10;
}

.overlay section.card-list {
	padding-top: 1em;
	padding-bottom: 1em;

}

.table-content {
	max-width: 1200px;

}
 
section.table .overlay-content.flex {
	max-width: 45%;
	margin-bottom: 3em;
	padding-top: 1em;

}

section.scroll-imgbox {
	position: relative;
	padding-right: 0em;
	padding-bottom: 3em;
}

section.scroll-imgbox .table {
	position: relative;
	overflow: visible;
	flex-wrap: nowrap;
}


section.scroll-imgbox .table .wrap-wrapper {
	transition: 0s;
	margin-right: 2em;
	display: inline-block;

}

section.scroll-imgbox .table .wrap-wrapper:last-child {
	margin-right: 0em;
}

.scroll-imgbox .img-wrapper {
	background-color: transparent;
	padding-bottom: 1em;
}

section.scroll-imgbox .table img {
	min-width: 350px;
	min-height: 220px;
	max-width: 350px;
	max-height: 220px;
	background-color: white;
}

.scroll-card {
	background-color: white;

}

section.list-simple {
	padding-bottom: 0em;
}

section.overlay-intro {
	padding-bottom: 3em;
}

.overlay .symbol {
	position: relative;
	display: inline-block;

}

.overlay .symbol img {
	display: block;
	max-width: 3em;
	opacity: 0.4;
	margin-bottom: 0.8em;
}

.overlay-close-btn-2 {
	position: absolute;
	z-index: 25;
	left: 0.1em;
	color: rgb(0,151,169) !important;
	font-size: 5em;
	top: 2.6em !important;
}

.scroll-whole .overlay-close-btn-2 {
	top: calc(80vh - 3em);
}

.scroll-parts .overlay-close-btn-2 {
	top: 2.35em;
}

div .overlay {
	background-color: rgb(246,246,246);

}

.intro-img {
	height: 80vh;
	width: 100%;
}

div.main {
	position: relative;
	z-index: 16;
	pointer-events: none;
}

.hide-when-not-standard {
	display: none !important;
}

div.main.standard-page .hide-when-not-standard {
	display: inherit !important;
}

div.main > div[class^="block-"] {
	pointer-events: none;
}

.main-content .intro-img {
	height: 80vh;
}

.overlay.scroll-whole .overlay-content,
.main-content .overlay-content {
	/* overflow: visible; */
	width: 100vw;
}


.intro-img ~ .overlay-content {
	margin-top: -22em;
}


.overlay.scroll-whole {
	background-color: rgb(246,246,246);

}
.scroll-content {
	overflow: hidden;
	overflow-y: scroll;
}

.scroll-whole .scroll-content {
	position: absolute;
	background-color: rgb(246,246,246);
	width: 100%;
	height:100%;
	top: 0em;
	left: 0em;
}

.scroll-parts .scroll-content{
	position: relative;
	height: 100%;
	width: 100%;
}

.scroll-parts .content-wrapper {
	position: absolute;
	height: 100%;
	width: 100%;
}

.nonscroll-img img{
	position: relative;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
}
/* ---------Overlay Styling End----------*/

.overlay section.img-inflow.mobile {
	padding-right: 0em;
	padding-left: 0em;
	padding-bottom: 0em;
}



.overlay.scroll-whole .overlay-content .img-inflow{
	margin-left: -6em;
	width: calc(100% + 12em);
}

.overlay.scroll-parts .overlay-content .img-inflow{
	margin-left: -6em;
	width: calc(100% + 12em);
}

.paragraph.paragraph-columns {
	column-count: 2;
	column-gap: 8em;
}

.list-simple.underlined .list-content {
	display: flex;
	justify-content: space-between;
	padding-bottom: 0.6em;
	border-bottom: 3px solid rgb(45,45,45);
	margin-bottom: 1em;
}

.list-simple.underlined .text-front{
	position: relative;
}

.list-simple.underlined span.text-back {
	display: inline-block;
	position: relative;	
	text-align: right;
}

.list-simple.underlined {
	padding: 0.5em;
}

.project.list-simple.underlined {
	padding: 0em;
}

.table.closelook .card {
	min-width: 100%;
	max-width: 100%;
}

section .card .table.closelook {
	padding-left: 0em;
}

.column {
	padding-bottom: 4em;
}

.column .table-60 p {
	position: relative;
	display: inline-block;
	width: 100%;
	max-width: 24em;
	padding-top: 4em;
	margin-bottom: 0em;
}

.column .table-60 {
	max-width: 55%;
	min-width: 55%;
	text-align: right;
}

.column .table-40 {
	max-width: 38%;
	min-width: 38%;
}

.card-list.full-img .card {
	min-width: 100%;
	max-width: 100%;
	overflow: hidden;
}

.card-list.full-img {
	padding-left: 0em;
}

section.card-list.full-img.contact {
	padding-top: 0em;
	padding-right: 0em;
	padding-bottom: 3em;
}

.fixed-nav {
	padding-top: 9em;
}

.fixed-nav .top-nav {
	padding-top: 4.5em;
}


.scrollbar-box {
	content: "";
	position: relative;
	padding: 0.2em 0em 0.2em 0em;
	margin-top: 0em; 
	overflow: scroll;
}

.scrollbar-own {
	cursor: pointer;
	content: "";
	position: relative;
	border-radius: 0.05em 0.05em;
	height: 2px;
	background-color: rgba(0,0,0,0.5);
}

.scrollbar-own:hover,
.dragging.scrollbar-own {
	height: 4px;
	margin-top: -1px;
	margin-bottom: -1px;
}


.scrollbar-own:after {
	content: "";
	background-color: rgba(255,255,255,0.001);
	height: 20px;
	top: -9px;
	position: absolute;
	left: 0px;
	width: 100%;
}

.scrollbar-own:hover:after {
	top: -8px;
}

/* -------Footer------- */
.footer-box-pack {
	position: relative;
	display: flex;
	flex-wrap: nowrap;
}

.footer-box {
	position: relative;
	display: inline-block;
	padding-right: 3em;
}

.footer-box li {
	list-style: none;
}

.footer-text {
	position: relative;
	display: inline-block;
	padding-left: 0em;
	vertical-align: bottom;
	color: rgba(0, 0, 0, 0.2);
	font-weight: bold;
	font-size: 2em;
	flex-grow: 1;
}

.footer-text h2 {
	position: relative;
	width: 100%;
	max-width: 100%;
	margin-bottom: 0em;
	text-align: center;
	font-weight: bold;
}

.footer-funk {
	padding-top: 3em;
}

.footer-funk .card-list .body {
	display: flex;
	justify-content: space-between;
}


.footer-funk p {
	color: black;
	margin-bottom: 0em;
}

.footer-impressum {
	position: relative;
	display: inline-block;
}

.footer-impressum a {
	margin-right: 2em;
	display: inline-block;
}

.footer-funkhaus {
	position: relative;
	display: inline-block;
	font-size: 0.85em;
}

.footer-funk .body {
	max-width: 100%;
	margin-bottom: 1em;
}

footer .body {
	max-width: 100%;
	vertical-align: middle;
}

.footer-nofooter {
	padding-bottom: 1em;
}

footer {
	position: relative;
	height: 100%;
	width: 100%;
	z-index: 20;
	background: rgb(246,246,246); 
	padding: 4em 5em 1.5em;
	pointer-events: all;
}
/* -------Footer End------- */


.card-compact {
    width: calc(33.33% - 1em);
    margin-bottom: 2em;
    background-color: rgba(0,151,169,1);
/*    border-radius: 5px;*/
    box-shadow: 0px 5px 10px rgba(0,0,0,0.1);
    transition: box-shadow 0.3s ease;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: white;
}

.card-compact:not(.large):hover {
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
}

.card-compact .card-body {
    padding: 3em 1.5em 1.5em 1.5em;
    margin-top: auto;
}

.card-compact .card-body h2 {
	padding-bottom: 0.5em;
	color: white;
}

.card-compact .card-body p {
	color: white;
}

.card-list.space-between .body {
	justify-content: space-between;
}

.main-content > div:first-child section.paragraph.headline-only {
	padding-top: 0em!important;
}

body .main-content .main div:first-child section {
	padding-top: 8em;
}

section .img_with_description {
	padding: unset !important; 
}

.img_with_description span {
	text-align: right;
	display: block;
	min-width: 100%;
	padding-top: 0.5em;
	font-style: italic;
	font-weight: 300;
	font-size: 0.8em;
}


.benefits {
	display: flex;
	flex-wrap: wrap;
	gap: 2em;
	padding-top: 3em;
	padding-bottom: 3em;
}

.benefits .card-compact {
	background-color: rgb(246,246,246);
}

.benefits .card-compact p, .benefits .card-compact h2 {
	color: rgb(45,45,45);
}

.benefits .card-compact.large {
	width: calc(50% - 2em);
	margin-bottom: unset;
	align-items: flex-start;
}

.benefits .card-compact.large img {
	width: 100%;
}

.benefits .card-compact.large .card-body {
	max-width: 43ch;
}

.benefits .card-compact.small {
	background-color: unset;
	box-shadow: unset;
	width: calc(33% - 2em);
	margin-bottom: unset;
	align-items: flex-start;
	justify-content: flex-start;
}

.benefits .card-compact.small .card-body {
	display: flex;
	margin-top: unset;
	padding-top: 1.5em;
}

.benefits .card-compact.small .card-body .content {
	margin-top: 0.25em;
}

.benefits .card-compact.small .card-body .icon {
	flex-basis: 2em;
	flex-shrink: 0;
	margin-right: 0.5em;
}

.benefits .card-compact.small:hover {
	box-shadow: unset;

}

.cta-button {
	width: fit-content;
	margin-bottom: 1em;
	color: white;
	background: rgb(0,151,169);
	padding: 0.8em 1em;
	margin: 1em 0;
	display: block;
	position: relative;
	box-shadow: 0px 5px 10px rgba(0,0,0,0.1);
	transition: 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.cta-button:hover {
	box-shadow: 0px 10px 20px rgba(0,0,0,0.5);
}

.cta-jobs {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	padding-top: 3em;
	padding-bottom: 3em;
	background-color: rgb(246,246,246);
}

.cta-jobs .wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	max-width: 50ch;
}

.stellenanzeige-block {
	max-width: 800px;
	margin: 0 auto;
}

.stellenanzeige-block img {
	width: 100%;
	padding-bottom: 2em;
}