
section.m55_header_startseite_neu {
	position: relative;
	/* height: 1320px; */
	padding-top: 275px;
	/* padding-top: 140px;
	padding-bottom: 110px; */
	/* margin-top: 135px; */
	margin-top: 101px;
	margin-bottom: -350px;
}

body[data-title="Pricing"] section.m55_header_startseite_neu {
	margin-bottom: -640px;
}

/* section.m55_header_startseite_neu .m55_background_img_container {
	height: 1080px;
} */

section.m55_header_startseite_neu .m55_background_img_container img {
	width: 100%;
	height: 1080px;
	/* object-fit: cover;
	object-position: center; */
}

section.m55_header_startseite_neu.darkgrey {
	background: #181d22;
	color: #fff
}

section.m55_header_startseite_neu .m55_header_startseite_neu_main {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	opacity: 0;
	padding-top: 140px;
}

section.m55_header_startseite_neu[data-innerer-abstand="innerer_abstand_oben_und_unten"] {
	padding-top: 0;
	padding-bottom: 0;
}

section.m55_header_startseite_neu[data-innerer-abstand="innerer_abstand_nur_unten"] {
	padding-top: 0;
	padding-bottom: 100px;
}

section.m55_header_startseite_neu[data-innerer-abstand="innerer_abstand_nur_oben"] {
	padding-top: 75px;
	padding-bottom: 0;
}

section.m55_header_startseite_neu[data-innerer-abstand="kein_innerer_abstand"] {
	padding-top: 0;
	padding-bottom: 0;
}

section.m552_single_stellenangebot_header + section.m55_header_startseite_neu.darkgrey {
	padding: 425px 0 100px;
}

section.m55_header_startseite_neu.grey {
	background: #f3f3f4;
	color: #173ca6;
}

section.m55_header_startseite_neu.hell {
	background: #fff;
	color: #173ca6;
}

section.m55_header_startseite_neu .mm-horizontal-hl p{
	font-size: 1rem;
	opacity: .5;
}

section.m55_header_startseite_neu .text_column_count_2{
	column-count: 2;
}

section.m55_header_startseite_neu .m55_header_startseite_neu_container ul li {
	position: relative;
	padding-left: 20px;
}

section.m55_header_startseite_neu .m55_header_startseite_neu_container ul li:before {
	content: '';
	position: absolute;
	left: 0;
	top: 7px;
	width: 7px;
	height: 7px;
	background: #f67939;
	border-radius: 50%;
}

section.m55_header_startseite_neu .m55_header_startseite_neu_container ul li:not(:last-child) {
	margin-bottom: 15px;
}

section.m55_header_startseite_neu .m55_header_startseite_neu_container img {
	margin: 0 5px;
}

section.m55_header_startseite_neu .m9_link_container{
	margin-top:20px;
}

section.m55_header_startseite_neu .m55_header_startseite_neu_container strong {
	font-family: 'Nexa-Bold', sans-serif;
	letter-spacing: 1px;
}

section.m55_header_startseite_neu .m55_header_startseite_neu_container *:last-child {
	margin-bottom: 0;
}

section.m55_header_startseite_neu .m55_titel_container {
	/* max-width: 1000px; */
	max-width: 1200px;
}

section.m55_header_startseite_neu .m55_titel_container h1 {
	font-size: 5.75rem;
	font-weight: 500;
	color: #173ca6;
}

section.m55_header_startseite_neu .m55_untertitel_container p {
	font-family: 'Nexa-Heavy', sans-serif;
	font-size: 1.25rem;
	font-weight: 400;
	color: #ff5b4a;
	text-transform: uppercase;
	letter-spacing: 1.5px;
}

section.m55_header_startseite_neu .m55_link_container {
	margin-top: 20px;
}

section.m55_header_startseite_neu .m55_link_container a {
	display: inline-block;
	width: 253px;
	height: 44px;
	transition: opacity .4s;
}

section.m55_header_startseite_neu .m55_link_container a:hover {
	opacity: .5;
}

section.m55_header_startseite_neu .m55_link_container img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

section.m55_header_startseite_neu .m55_untertitel_container {
	margin-bottom: 37px;
}

body[data-title="Pricing"] section.m55_header_startseite_neu .m55_untertitel_container {
	margin-bottom: 10px;
}

section.m55_header_startseite_neu .m55_untertitel_container p {
	margin-bottom: 0;
}

section.m55_header_startseite_neu .m55_header_startseite_neu_content_wrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

section.m55_header_startseite_neu .m55_titel_container h1,
section.m55_header_startseite_neu .m55_text_container p {
	color: #e2f9ff;
}

section.m55_header_startseite_neu .m55_text_container {
	max-width: 700px;
}

section.m55_header_startseite_neu .m55_text_container p {
	font-size: 1.125rem;
}

section.m55_header_startseite_neu .m55_kontaktlink_container {
	position: relative;
	margin-top: 60px;
}

section.m55_header_startseite_neu .m55_zusatzinfo_container {
	margin-top: 22px;
}

section.m55_header_startseite_neu .m55_zusatzinfo_container p {
	color: rgba(226, 249, 255, .5);
}

section.m55_header_startseite_neu .m55_link_container {
	position: absolute;
	left: 0;
	bottom: -8px;
	margin-top: 0;
}

section.m55_header_startseite_neu .m55_kontaktlink_container a {
	display: inline-block;
	font-family: Nexa-Heavy, sans-serif;
	font-size: 15px;
	padding: 25px 38px 19px;
	color: #e2f9ff;
	/* background: linear-gradient(to right, #1a1a2e, #1a1a2e);  */
	/* border: 2px solid #ff4d4d;
	border-radius: 50px; */
	text-align: center;
	cursor: pointer;
	  
	background: transparent;
	border: 2px solid #ff5b4a;
	border-radius: 999px;
	cursor: pointer;
	position: relative;
	z-index: 0;
	animation: subtleFlicker 4s infinite;
	transition: transform 0.1s ease, box-shadow 0.3s ease;
	will-change: transform;
	  
	/* transition: all 0.3s ease-in-out;
	
	
	box-shadow:
	0 0 8px -2px #ff4d4d,
	inset 0 0 12px #ff4d4d,
	inset 0 0 20px #ff4d4d; */
}

section.m55_header_startseite_neu .m55_kontaktlink_container a:before {
	content: "";
	position: absolute;
	top: -2px;
	left: -2px;
	right: -2px;
	bottom: -2px;
	background: radial-gradient(circle, rgba(255, 91, 74, 0.12) 0%, transparent 80%);
	border-radius: inherit;
	z-index: -1;
	opacity: 1;
	transition: all 0.3s ease;
}

section.m55_header_startseite_neu .m55_kontaktlink_container a:hover {
	/* box-shadow:
	0 0 12px 0px #ff4d4d,
	inset 0 0 25px #ff4d4d,
	inset 0 0 40px #ff4d4d; */
		
	box-shadow:
	0 0 14px rgba(255, 91, 74, 0.4),
	0 0 60px rgba(255, 91, 74, 0.25),
	0 0 120px rgba(255, 91, 74, 0.15),
	inset 0 0 30px rgba(255, 91, 74, 0.5);
	 
}

.particles {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	overflow: visible;
	z-index: 2;
}

.particle {
	position: absolute;
	width: 5px;
	height: 5px;
	background: transparent;
	pointer-events: none;
	opacity: .8;
	animation: floatStar 2s ease-out forwards;
}

.particle::before,
.particle::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: white;
	border-radius: 2px;
	opacity: .3;
}

.particle:before {
	transform: rotate(45deg);
}

.particle:after {
	transform: rotate(-45deg);
}

body[data-title="Pricing"] section.m55_header_startseite_neu .m55_titel_container h1 {
	font-size: 3.4375rem;
	letter-spacing: 1px;
	margin-bottom: 15px;
}

body[data-title="Pricing"] section.m55_header_startseite_neu .m55_text_container {
	max-width: 810px;
}

section.m55_header_startseite_neu .m55_keywords_container {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 11px;
	max-width: 970px;
	margin-top: 33px;
}

section.m55_header_startseite_neu .m55_keywords_item {
	position: relative;
	/* border: 1px solid rgba(226, 249, 255, .3); */
	/* border: 1px solid #1616aa;
	border-radius: 50px; */
	/* background: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .25) 100%) no-repeat; */
	/* background: #101079;
	padding: 8px 14px 3px;
	transition: border-radius .4s, border-color .4s, background .4s; */
	cursor: pointer;
}

/* Feintuning zentral */
:root{
  --radius-dur: .1s;                /* schneller Radius */
  --radius-ease: cubic-bezier(.5,0,.2,1);

  --box-dur: .6s;                    /* langsamere Box */
  --box-delay: .08s;                 /* beginnt etwas später */
  --box-ease: cubic-bezier(.2,.7,.2,1);
}

section.m55_header_startseite_neu .m55_keywords_item_title_container{
  display:flex; align-items:center; gap:0 11px;
  border:1px solid #1616aa;
  border-radius:50px;
  background:#101079;
  padding:8px 14px 3px;

  transition:
	border-radius var(--radius-dur) var(--radius-ease),
	border-color  .25s ease,
	background    .25s ease;
  will-change: border-radius;
}

section.m55_header_startseite_neu .m55_keywords_item.active .m55_keywords_item_title_container{
  border-radius:20px 20px 0 0;
  border-color:#3a219b;
  background:#3a219b;
}

/* Textbox: später starten + länger laufen */
section.m55_header_startseite_neu .m55_keywords_item_text_container{
  transform-origin: top;
  transform: scaleY(0);
  overflow:hidden;
  transition: transform var(--box-dur) var(--box-ease) var(--box-delay);
  will-change: transform;
}

section.m55_header_startseite_neu .m55_keywords_item.active .m55_keywords_item_text_container{
  transform: scaleY(1);
}

/* Optional: Rückweg (beim Hover-Out) ohne Delay */
section.m55_header_startseite_neu .m55_keywords_item:not(.active) .m55_keywords_item_text_container{
  transition-delay: 0s;
}

/* Optional: respektiere reduzierte Bewegungen */
@media (prefers-reduced-motion: reduce){
  section.m55_header_startseite_neu .m55_keywords_item_title_container,
  section.m55_header_startseite_neu .m55_keywords_item_text_container{
	transition-duration: .01ms;
	transition-delay: 0s;
  }
}


/* section.m55_header_startseite_neu .m55_keywords_item_title_container {
	display: flex;
	align-items: center;
	gap: 0 11px;
	border: 1px solid #1616aa;
	border-radius: 50px;
	background: #101079;
	padding: 8px 14px 3px;
	transition: border-radius .1s, border-color .2s, background .2s;
}

section.m55_header_startseite_neu .m55_keywords_item.active .m55_keywords_item_title_container {
	border-radius: 20px 20px 0 0;
	border-color: #3a219b;
	background: #3a219b;
} */

section.m55_header_startseite_neu .m55_keywords_item_title_container p {
	font-family: 'Nexa-Heavy', sans-serif;
	color: #e2f9ff;
	letter-spacing: 1px;
}

section.m55_header_startseite_neu .m55_keywords_item_text_container {
	position: absolute;
	left: 0;
	top: 95%;
	/* display: none; */
	background: #101079;
	border: 1px solid #1616aa;
	z-index: 10;
	border-top: none;
	border-radius: 0 0 20px 20px;
	padding: 0 14px 9px;
	margin-top: 2px;
	transition: border-color .4s, background .4s;
}

section.m55_header_startseite_neu .m55_keywords_item_text_container p {
	position: relative;
	text-align: left;
	padding-top: 20px;
}

section.m55_header_startseite_neu .m55_keywords_item_text_container p:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: rgba(255, 255, 255, .3);
}

section.m55_header_startseite_neu .m55_keywords_item.active .m55_keywords_item_text_container {
	border-color: #3a219b;
	background: #3a219b;
}

/* section.m55_header_startseite_neu .m55_keywords_item_text_container:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: rgba(255, 255, 255, .3);
} */

section.m55_header_startseite_neu .m55_keywords_item_text_container p {
	font-size: .875rem;
	color: #e2f9ff;
	letter-spacing: 1px;
	opacity: .6;
}

section.m55_header_startseite_neu .m55_keywords_item_title_container svg {
	fill: #e2f9ff;
	width: 15px;
	min-width: 15px;
	height: 15px;
	min-height: 15px;
	margin-top: -5px;
}

@keyframes floatStar {
  0% {
	transform: translateY(0) scale(1);
	opacity: 0.8;
  }
  100% {
	transform: translateY(-20px) scale(0.6) rotate(15deg);
	opacity: 0;
  }
}

@keyframes subtleFlicker {
  0%, 100% {
	box-shadow:
	  0 0 10px rgba(255, 91, 74, 0.3),
	  0 0 40px rgba(255, 91, 74, 0.15),
	  0 0 80px rgba(255, 91, 74, 0.1),
	  inset 0 0 14px rgba(255, 91, 74, 0.3);
  }
  20%, 50%, 70% {
	box-shadow:
	  0 0 8px rgba(255, 91, 74, 0.25),
	  0 0 35px rgba(255, 91, 74, 0.12),
	  0 0 70px rgba(255, 91, 74, 0.08),
	  inset 0 0 12px rgba(255, 91, 74, 0.25);
  }
  40%, 90% {
	box-shadow:
	  0 0 12px rgba(255, 91, 74, 0.35),
	  0 0 50px rgba(255, 91, 74, 0.2),
	  0 0 100px rgba(255, 91, 74, 0.12),
	  inset 0 0 18px rgba(255, 91, 74, 0.4);
  }
}

@media screen and (max-width: 1399px) {
	section.m55_header_startseite_neu .m55_titel_container h1 {
		font-size: 5rem;
	}
	
	section.m55_header_startseite_neu .m55_link_container {
		bottom: -78px;
	}
	
	section.m55_header_startseite_neu {
		margin-bottom: -300px;
	}
	
	section.m55_header_startseite_neu .m55_background_img_container {
		height: 1080px;
	}
	
	section.m55_header_startseite_neu .m55_background_img_container img {
		height: 100%;
		object-fit: cover;
		object-position: center;
	}
	
	body[data-title="Pricing"] section.m55_header_startseite_neu .m55_titel_container h1 {
		font-size: 2.9375rem;
	}
}

@media screen and (max-width: 1199px) {
	section.m55_header_startseite_neu .m55_titel_container h1 {
		font-size: 4.5rem;
	}
	
	body[data-title="Pricing"] section.m55_header_startseite_neu {
		margin-bottom: -570px;
	}
}

@media screen and (max-width: 991px) {
	section.m55_header_startseite_neu .m55_titel_container h1 {
		font-size: 4rem;
	}
	
	section.m55_header_startseite_neu {
		/* margin-top: 128px; */
		margin-top: 94px;
		margin-bottom: -400px;
	}
	
	section.m55_header_startseite_neu .m55_header_startseite_neu_main {
		padding-top: 70px;
	}
	
	body[data-title="Pricing"] section.m55_header_startseite_neu {
		margin-bottom: -600px;
	}
}

@media screen and (max-width: 767px) {
	section.m55_header_startseite_neu[data-innerer-abstand="innerer_abstand_oben_und_unten"] {
		padding-bottom: 75px;
	}
	
	section.m55_header_startseite_neu .m55_titel_container h1 {
		font-size: 3.5rem;
	}
	
	/* section.m55_header_startseite_neu .m55_header_startseite_neu_main {
		align-items: start;
		text-align: start;
	} */
	
	section.m55_header_startseite_neu {
		margin-bottom: -450px;
	}
	
	body[data-title="Pricing"] section.m55_header_startseite_neu {
		margin-bottom: -510px;
	}
}

@media screen and (max-width: 575px) {
	section.m55_header_startseite_neu .m55_titel_container h1 {
		/* font-size: 3rem; */
		font-size: 2.5rem;
	}
	
	section.m55_header_startseite_neu .m55_untertitel_container p {
		font-size: 1rem;
	}
	
	section.m55_header_startseite_neu .m55_header_startseite_neu_content_wrapper > .container {
		padding: 0 20px;
	}
	
	section.m55_header_startseite_neu {
		margin-top: 94px;
		margin-bottom: -500px;
	}
	
	body[data-title="Pricing"] section.m55_header_startseite_neu .m55_titel_container h1 {
		font-size: 2.6375rem;
	}
}

@media screen and (max-width: 450px) {
	body[data-title="Pricing"] section.m55_header_startseite_neu .m55_titel_container h1 {
		font-size: 2.3375rem;
	}
}

@media screen and (max-width: 431px) {
	body[data-title="Pricing"] section.m55_header_startseite_neu {
		margin-bottom: -450px;
	}
}

@media screen and (max-width: 415px) {
	section.m55_header_startseite_neu {
		margin-bottom: -400px;
	}
}

@media screen and (max-width: 375px) {
	section.m55_header_startseite_neu .m55_titel_container h1 {
		font-size: 2.5rem;
	}
	
	section.m55_header_startseite_neu .m55_kontaktlink_container a {
		padding: 20px 13px 15px;
	}
}

@media screen and (max-width: 343px) {
	body[data-title="Pricing"] section.m55_header_startseite_neu {
		margin-bottom: -379px;
	}
}

@media screen and (max-width: 330px) {
	section.m55_header_startseite_neu .m55_titel_container h1 {
		font-size: 2rem;
	}
}

@media screen and (max-width: 322px) {
	body[data-title="Pricing"] section.m55_header_startseite_neu {
		margin-bottom: -310px;
	}
}

@media screen and (max-width: 309px) {
	section.m55_header_startseite_neu .m55_kontaktlink_container a {
		font-size: .80rem;
	}
}

@media screen and (max-width: 297px) {
	body[data-title="Pricing"] section.m55_header_startseite_neu {
		margin-bottom: -270px;
	}
}

@media screen and (max-width: 293px) {
	section.m55_header_startseite_neu .m55_link_container a {
		width: 100%;
		height: auto;
	}
}
