/*
**
** Schriften-Integration */
@font-face {
	font-display: swap;
	font-family: 'Space Grotesk';
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/space-grotesk-v16-latin-500.woff2') format('woff2');
}
@font-face {
	font-display: swap;
	font-family: 'Source Sans 3';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/source-sans-3-v15-latin-regular.woff2') format('woff2');
}
@font-face {
	font-display: swap;
	font-family: 'Source Sans 3';
	font-style: normal;
	font-weight: 600;
	src: url('../fonts/source-sans-3-v15-latin-600.woff2') format('woff2');
}
/*
**
** Allgemein */
:root {
	--color-supernova: #e63773;
	--color-starlight: #fff3e6;
	--color-stardust: #f5e2cf;
	--color-spaceblue: #263567;

}
::selection {
	background: var(--color-supernova);
	color: var(--color-starlight);
}
body {
	background-color: var(--color-starlight);
	color: var(--color-spaceblue);
	font-family: 'Source Sans 3', var(--bs-body-font-family);
	font-size: clamp(1rem, calc(1rem + .5vw), 1.5rem);
}
.bg-stardust{
 background-color: var(--color-stardust) !important;
}


.text-stardust{
  color: var(--color-stardust);
}

.bg-starlight {
	background-color: var(--color-starlight);
}
.bg-spaceblue {
	background-color: var(--color-spaceblue);
}
.text-starlight {
	color: var(--color-starlight) !important;
}
.text-spaceblue {
	color: var(--color-spaceblue) !important;
}
.container {
	max-width: 110rem;
}
.lead {
	font-size: clamp(1.25rem, calc(1.25rem + .75vw), 2.25rem);
	font-weight: 400;
	line-height: 1.4;
}
strong {
	font-weight: 600;
}
blockquote {
	font-family: 'Space Grotesk', var(--bs-body-font-family);
	font-size: clamp(1.25rem, calc(1.25rem + .5vw), 1.675rem);
	font-weight: 500;
	line-height: 1.4;
	text-wrap: balance;
}
blockquote::before {
	background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="88" height="74" viewBox="0 0 88 74"><path d="M52.11,32.22V0h35.9v25.43c0,13.77-1.98,23.74-5.95,29.91-5.21,8.22-13.45,14.44-24.74,18.66l-8.18-10.79c6.82-2.37,11.84-5.89,15.07-10.56s5.02-11.48,5.39-20.43h-17.48ZM20.46,32.22c-.38,8.94-2.17,15.75-5.39,20.43-3.22,4.67-8.24,8.2-15.07,10.56l8.18,10.79c11.28-4.21,19.53-10.43,24.74-18.66,3.97-6.17,5.95-16.13,5.95-29.91V0H2.98v32.22h17.48Z" fill="%23f5e2cf"/></svg>') center center / contain no-repeat;
	content: "";
	display: block;
	height: 4.625rem;
	margin-right: 2rem;
	width: 5.5rem;
}
.border {
	border: .125rem solid var(--color-spaceblue) !important;
}
.border-top {
	border-top: .125rem solid var(--color-spaceblue) !important;
}
.mb-6 {
	margin-bottom: 3rem !important;
}
.mb-7 {
	margin-bottom: 3rem;
}
.mt-7 {
	margin-top: 3rem;
}

.py-lg-6{
  padding-top:6rem !important;
	padding-bottom:6rem !important;
}
.rounded-6 {
	border-radius: calc(9rem + 3vw);
}
small,
h6,
.h6,
#menu a,
footer nav a,
#noscript {
	font-size: clamp(.875rem, calc(.875rem + .25vw), 1.125rem);
}
strong {
	color: var(--color-spaceblue);
}
.no-blue-strong strong {
  color: inherit; /* or any color you prefer like black */
}

a,
a:visited {
	border-bottom: .0625rem solid var(--color-supernova);
	color: var(--color-supernova);
	text-decoration: none;
	transition: all .2s;
}
a:hover,
a:focus,
#menu a:hover,
#menu a:focus,
#menu a.active {
	border-color: transparent;
	color: var(--color-supernova);
}
#noscript {
	background: var(--color-spaceblue);
	z-index: 800;
}
@keyframes bottom {
	from { opacity: 0; transform: translateY(3rem); }
	to { opacity: 1; transform: translateY(0); }
}
@keyframes left {
	from { opacity: 0; transform: translateY(3rem); }
	to { opacity: 1; transform: translateY(0); }
}
@keyframes right {
	from { opacity: 0; transform: translateY(3rem); }
	to { opacity: 1; transform: translateY(0); }
}
/*
**
** Ladekreis */
#loader {
	pointer-events: none;
	background-color: var(--color-starlight);
	display: flex;
	transition: all .5s;
	z-index: 5000;
}
.no-js #loader {
	display: none;
}
#loader.hidden {
	opacity: 0;
	visibility: hidden;
}
#loader::after {
	animation: spin 1s infinite;
	border: .5rem solid transparent;
	border-radius: 50%;
	border-top: .5rem solid var(--color-supernova);
	content: "";
	display: block;
	height: 4rem;
	width: 4rem;
	z-index: 5001;
}
@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
/*
**
** Schaltflächen */
.btn {
	border: 0;
	border-radius: 0;
	font-size: clamp(1rem, calc(1rem + .75vw), 1.5rem);
	font-weight: 600;
	padding: 0;
	transition: none;
}
.btn svg {
	transition: all .2s;
	transform: translateY(-.125rem);
	width: clamp(2rem, calc(2rem + .75vw), 3rem);
}
.btn:hover svg,
.btn:focus svg {
	transform: scale(1.25) translateY(-.125rem);
}
.btn-team {
	aspect-ratio: 1 / 1;
	width: 18.125rem;
}
.btn-team:hover,
.btn-team:focus {
	transform: scale(1.125)
}
/*
**
** Überschriften */
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4 {
	font-family: 'Space Grotesk', var(--bs-body-font-family);
	font-weight: 500;
	text-transform: none;
	text-wrap: balance;
}
h1,
.h1,
h2,
.h2 {
	font-size: clamp(2rem, calc(1.75rem + 1.5vw), 3.75rem);
	line-height: 1.1;
	margin-bottom: 0;
	padding-top: 2rem;
	text-transform: uppercase;
}
h3,
.h3 {
	font-size: clamp(1.5rem, calc(1.25rem + 1vw), 2.25rem);
	line-height: 1.2;
	margin-bottom: 1.5rem;
}
h4,
.h4 {
	font-size: clamp(1.25rem, calc(1.25rem + .5vw), 1.675rem);
	line-height: 1.4;
}
h5,
.h5 {
	line-height: 1.5;
	margin-bottom: 0;
}
h6,
.h6 {
	line-height: 1.5;
	margin-bottom: 0;
}

.team_div{
	min-height:450px;
}

.tfw{
	width:350px;
}
/*
**
** Navigation */
#menu a {
	color: var(--color-spaceblue);
}
#menu .navbar-brand img {
	max-width: 14rem;
}
#menu .dropdown-toggle::after {
	border: 0;
	content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="12" viewBox="0 0 10 16"><path d="M0,1.88l6.18,6.12L0,14.12l1.9,1.88,8.1-8L1.9,0,0,1.88Z" fill="%23263567"/></svg>');
	display: inline-block;
	margin-left: .255em;
	vertical-align: 0;
}
#menu .dropdown-menu {
	left: -.5rem;
}
#menu .dropdown-item:hover,
#menu .dropdown-item:focus {
	background-color: transparent;
}
.switch-button{
	position:relative;
	display:flex;
	align-items:center;
	border-radius:4rem;
	overflow:hidden;
	border: 1.5px solid var(--color-spaceblue);
}
.switch-button:before{
	content:"";
	position:absolute;
	left:50%;
	height:200%;
	width:100%;
	background:var(--color-spaceblue);
}
.switch-item{
	color:var(--color-spaceblue);
	position:relative;

	padding:0.4rem 1rem 0.4rem 1rem;

}
.deutsch{
	color:var(--color-starlight);
}
.english{
	color:var(--color-starlight);
}

.de-active:before{
	left:-50%;

}
.en-active:before{
	left:50%;
}
.response{
	display:flex;
}
@media (max-width: 992px) { 
	.switch-button{
		width: 27%;
	}
}
/*
**
** Hamburger Icon */
.hamburger {
	display: flex;
	transition: opacity .15s linear, filter .15s linear;
}
.hamburger .hamburger-box {
	height: 1.5rem;
	width: 2.5rem;
}
.hamburger .hamburger-inner,
.hamburger .hamburger-inner::before,
.hamburger .hamburger-inner::after {
	background-color: var(--color-spaceblue);
	border-radius: .25rem;
	height: .25rem;
	position: absolute;
	transition: transform .15s ease;
	width: 2.5rem;
}
.hamburger .hamburger-inner::before,
.hamburger .hamburger-inner::after {
	content: "";
	display: block;
}
.hamburger .hamburger-inner {
	margin-top: -.125rem;
	top: 50%;
	transition-duration: .22s;
	transition-timing-function: cubic-bezier(.55, .55, .675, .2);
}
.hamburger.active .hamburger-inner {
	transform: rotate(225deg);
	transition-delay: .12s;
	transition-timing-function: cubic-bezier(.215, .6, .355, 1);
}
.hamburger .hamburger-inner::before {
	top: -.625rem;
	transition: top .1s .25s ease-in, opacity .1s ease-in;
}
.hamburger.active .hamburger-inner::before {
	opacity: 0;
	top: 0;
	transition: top .1s ease-out, opacity .1s .12s ease-out;
}
.hamburger .hamburger-inner::after {
	bottom: -.625rem;
	transition: bottom .1s .25s ease-in, transform .22s cubic-bezier(.55, .55, .675, .2);
}
.hamburger.active .hamburger-inner::after {
	bottom: 0;
	transform: rotate(-90deg);
	transition: bottom .1s ease-out, transform .22s .12s cubic-bezier(.215, .6, .355, 1);
}
/*
**
** Kopfbereich */
header.sub > .container > div {
	min-height: 50rem;
}
header.sub > .container::after {
	background-color: var(--color-spaceblue);
	content: "";
	height: 100%;
	position: absolute;
	right: 50%;
	top: 0;
	width: 1000%;
	z-index: -1;
}
/*
**
** Content */
figure.team {
	position: relative;
}
figure.team figcaption > p:first-of-type {
	background-color: var(--color-starlight);
	color: var(--color-supernova);
}
	
figure.team figcaption > p:first-of-type {
	font-size: clamp(1.5rem,2vw,2.25rem);
	margin-left: -50px;
}
figure.team figcaption {
	text-align: left!important;
	position: absolute;
	top: 195px;
	left: 20%;
	width: 140%;
	max-width: 80vw;
	transform: rotate(-40deg);
	background-color: var(--color-starlight);
	white-space: nowrap;
}
figcaption > p + p {
	text-wrap: balance;
}
main ul:not(.list-unstyled) {
	list-style: disc;
	padding-left: 1.5rem;
}
main ol li {
	counter-increment: steps;
}
main ol li > div {
	padding-top: clamp(.25rem, calc(.375rem + .5vw), .675rem);
}
main ol li::before {
	align-items: center;
	align-self: start;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	content: counter(steps);
	display: flex;
	font-family: 'Space Grotesk', var(--bs-body-font-family);
	font-size: clamp(2rem, calc(1.75rem + 1.5vw), 3.75rem);
	font-weight: 500;
	justify-content: center;
	height: clamp(3rem, calc(3rem + 2vw), 5rem);
	order: 2;
	position: relative;
	z-index: 2;
}
main ol li::after {
	content: "";
	display: flex;
	height: 100%;
	left: calc(clamp(3rem, calc(3rem + 2vw), 5rem) / 2);
	order: 1;
	position: absolute;
	z-index: 1;
}
main section.bg-spaceblue ol li::before {
	background-color: var(--color-spaceblue);
	border: .125rem solid var(--color-starlight);
}
main section.bg-spaceblue ol li::after {
	border-left: .125rem solid var(--color-starlight);
}
main section.bg-spaceblue ol li:last-child::after {
	border-color: var(--color-spaceblue);
}
main section.keine ol li::before {
	color: ar(--color-spaceblue);
	background-color: var(--color-starlight);
	border: .125rem solid var(--color-spaceblue);
}
main section.keine ol li::after {
	border-left: .125rem solid var(--color-spaceblue);
}
main section.keine ol li:last-child::after {
	border-color: var(--color-starlight);
}

/* hiring section */
/*
.hiring {
max-width: 2148px;
border-left: 400px solid var(--color-spaceblue);
}
*/

/* hero section */
.py-6{
	padding-top:9rem;
	padding-bottom:9rem;
}
.heading_supernova{
	width:100px;
	height:100px;
}
.pe-6{
	padding-right:9rem;
}

/* hero animation */
.carousel-item video {

}
.carousel:not(.hero-textanim) .carousel-item {
	background-color: #f5e2cf;
}
.hero-textanim .carousel-item {
	width: 100%;
	height: fit-content
}
.hero-textanim .carousel-item video {
	width: 100%;
	height: auto
}
.pt-6{
	padding-top: 6rem;
}
ol.list-unstyled ol, ol.list-unstyled ul, ul.list-unstyled ol, ul.list-unstyled ul {
	margin-bottom: 1rem;
}
.response{
   min-height:450px;
	justify-content: center;
	overflow: hidden;

}
.fw{
	width:276px;
}
.tfigcaption{
   width:275px !important;
}
.trigger{
	opacity: 0
}

/*service management */
.nav-link {
  color: white; /* default color */
  transition: color 0.3s ease;
}

.nav-link.active {
  color: var(--color-supernova); /* active color */
}
.nav-link:hover{
 color:var(--color-supernova);
}


.service-card {
  background-color: #fdf5ee;
  padding: 1.5rem;
  border-radius: 0rem;
  height: 100%;
  box-shadow: 0 4px 6px rgba(0,0,0,0.1);
  text-align: left;
}

.service-card .icon {
  width: 40px;
  height: 40px;
  margin-bottom: 1rem;
}

.service-card h3 {
  margin-bottom: 0.5rem;
}


.splide__list  {
	height: auto !important;
}
.btn-prev, .btn-next, .bs-btn-prev, .bs-btn-next {
	padding: .5rem;
	border: 2px solid #fff;
	border-radius: 50%;
	cursor: pointer;
	transition: background-color .3s;
	background-color: transparent;
	height: 56px;
	width: 56px;
}
.btn-prev:hover, .btn-next:hover, .bs-btn-prev:hover, .bs-btn-next:hover {
	background-color: rgba(255, 255, 255, 0.178);
}
.splide__track--draggable.splide__track--draggable {
	user-select: auto;
	-webkit-user-select: auto;
}
.splide__track {
  overflow: visible !important;  
}

/* Completely disable sliding/fading transitions in Bootstrap Carousel */
.carousel-item {
	transition: none !important;
	transform: none !important;
}

.carousel-inner {
	transition: none !important;
}

.carousel.slide {
	transform: none !important;
}

/* Prevent temporary duplicate display during slide */
.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
	display: block;
	position: relative;
}





/* Mobile adjustments */
@media (max-width: 768px) {
  .splide__arrow--prev.custom-arrow,
  .splide__arrow--next.custom-arrow {
    font-size: 2rem;
    left: -1rem;
    right: -1rem;
  }
}


/*
**
** Media Queries */
@media (min-width: 576px) {
	#menu .navbar-brand img {
		max-width: 16rem;
	}
	figure.team figcaption {
		text-align: left!important;
		position: absolute;
  	top: 155px; 
		left: 20%;
		width: 140%;
	/*	max-width: 20vw; */
		transform: rotate(-40deg);
		background-color: var(--color-starlight);
		white-space: nowrap;
	}
}
@media (max-width: 768px) {
	.tfigcaption{
		top: clamp(110px, 75%, 195px) !important;
    left: 35% !important;
		width: 320px !important;
	}
}
@media (max-width: 576px) {
	.tfigcaption{
		top: clamp(110px, 75%, 195px) !important;
    left: 28% !important;
		width: 320px !important;
	}
}
@media (min-width: 768px) {
	.tfw {
		width:280px;
	}
}
@media (min-width: 992px) {
	.mb-6 {
		margin-bottom: 6rem !important;
	}
	.mb-7 {
		margin-bottom: 12rem;
	}
	.mt-7 {
		margin-top: 12rem;
	}
	.video-container{
		height:293px;
	}
	.pt-md-6 {
		padding-top: 1rem;
	}
	.hero_icon{
		padding-right: 0px;
		margin-top: 25%
	}
  .tfigcaption{
	width:332px  !important;
   }

	@keyframes left {
		from { opacity: 0; transform: translateX(-5rem); }
		to { opacity: 1; transform: translateX(0); }
	}
	@keyframes right {
		from { opacity: 0; transform: translateX(5rem); }
		to { opacity: 1; transform: translateX(0); }
	}
	.rounded-lg-end-pill {
		border-bottom-right-radius: var(--bs-border-radius-pill) !important;
		border-top-right-radius: var(--bs-border-radius-pill) !important;
	}
	.rounded-lg-start-pill {
		border-bottom-left-radius: var(--bs-border-radius-pill) !important;
		border-top-left-radius: var(--bs-border-radius-pill) !important;
	}
	.position-lg-absolute {
		position: absolute;
	}
	
	figure.team figcaption > p:first-of-type {
		font-size: clamp(1.5rem,2vw,2.25rem);
		margin-left: -50px;
	}

	figure.team {
		margin-left: 8%!important
	}
	figure.team:nth-child(4n+1) {
		margin-left: 4.15%!important
	}
	figure.team:nth-child(4n) figcaption {
		width: 130%;
		max-width: 17vw
	}
	.para_width{
		width:234px;
	}
	
}
@media (max-width: 991.98px) {
	.hiring {
		max-width: 100% !important;
		border-left: 0px;
	}
}
@media (min-width: 1200px) {
	.pt-md-6 {
		padding-top: 6rem;
	}
	.hero_icon {
		padding-right: 12px;
		margin-top: 23.4%;
	}
	
}
@media (min-width: 1400px) {
	#menu .navbar-brand img {
		max-width: 18rem;
	}
	.para_width {
    width: 300px;
  }
	.tfigcaption{
	width:400px  !important;
   }
}
@media (min-width: 1760px) {
	.pe-xxxl-0 {
		padding-right: 0 !important;
	}
}

.hidden{
   opacity: 0;
}