::selection {
	background: #FF0061;
}

:root {
	--ttt_cta_button_scale: 1;
	--ui-color-gray: grey;
	--ui-color-active: ;
}

@font-face {
	font-family: 'HERO';
	src: url('./Montserrat-BlackItalic.ttf');
}

@font-face {
	font-family: 'extrabold';
	src: url('./Montserrat-ExtraBold.ttf');
}

@font-face {
	font-family: 'bold';
	src: url('./Montserrat-Bold.ttf');
}

@font-face {
	font-family: 'mediumitalic';
	src: url('./Montserrat-MediumItalic.ttf');
}

@font-face {
	font-family: 'medium';
	src: url('./Montserrat-Medium.ttf');
}

@font-face {
	font-family: 'bolditalic';
	src: url('./Montserrat-BoldItalic.ttf');
}

html {
	scroll-behavior: smooth;
	/*max-width: 100vw;*/
	overflow-x: hidden;
	padding: 0;
	margin: 0;
}

body {
	background-color: black;
	margin: 0;
	color: white;
	/*height: 3000px;*/
	position: relative;
	overflow-x: hidden;
}

img {
	pointer-events: none;
}

video {
	pointer-events: none;
}

.not-available-cont {
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999999999999999999999999999999;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba(0, 0, 0, 0.7);
	transition: 0.2s;
}

.not-available-banner {
	width: 80vw;
	min-height: 95px;
	box-shadow: 0px 0px 15px rgba(255, 0, 97, 0.8);
	background: linear-gradient(90deg, #474747 0%, #111111 100%);
	border-radius: 20px;
	position: relative;
	display: flex;
	align-items: center;
	padding: 20px;
	box-sizing: border-box;
	border: 4px solid #FF0061;
	transition: 0.2s;
	max-width: 600px;
}

.not-available-close {
	width: 35px;
	aspect-ratio: 1 / 1;
	position: absolute;
	right: 18px;
	top: 18px;
	cursor: pointer;
}

.not-available-close::before {
	width: 40px;
	height: 4px;
	background: lightgrey;
	display: flex;
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	translate: 0% -50%;
	transform: rotate(45deg);
	border-radius: 10px;
	transition: 0.2s;
	color: lightgrey;
}

.not-available-close:hover:before {
	background: #FF0061;
	color: rgba(255, 0, 97, 0.8);
	box-shadow: 0px 0px 10px;
}

.not-available-close:hover:after {
	background: #FF0061;
	color: rgba(255, 0, 97, 0.8);
	box-shadow: 0px 0px 10px;
}

.not-available-close::after {
	width: 40px;
	height: 4px;
	background: lightgrey;
	display: flex;
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	translate: 0% -50%;
	transform: rotate(-45deg);
	border-radius: 10px;
	transition: 0.2s;
	color: lightgrey;
}

.not-available-textbox {
	font-family: 'medium';
}

.not-available-title {
	max-width: 80%;
	font-family: 'extrabold';
	font-size: 24px;
	margin-bottom: 20px;
}

.not-available-closed {
	opacity: 0;
	pointer-events: none;
}

.not-available-closed .not-available-banner {
	transform: translateY(100px);
}

.stop-scrolling {
  height: 100%;
  overflow: hidden;
}

.wrapper {
	/*overflow: hidden;*/
	width: 80vw;
	max-width: 1640px;
	/*background-color: white;*/
	margin-left: auto;
	margin-right: auto;
	font-family: 'extrabold';
}

.nav_bar {
	/*margin-top: 20px;*/
	color: white;
	height: min(120px, 7.8vw);
	display: flex;
	justify-content: space-between;
	align-items: center; 
	font-size: min(16px, 1.0533vw);
}

.glow_container {
	display: none;
	/*position: relative;*/
	/*overflow: hidden;*/
}

.glow1 {
	z-index: -1;
	fill: #1780AC;
	position: absolute;
	width: min(910px,48.5333vw);
	height: min(910px,48.5333vw);
	left: max(-578px,-30.8267vw);
	top: max(-150px,-8vw);
	filter: blur(966px);
}

.glow2 {
	z-index: -2;
	fill: #1780AC;
	position: absolute;
	width: min(810px,43.2vw);
	height: min(810px,43.2vw);
	right: max(-700px,-37.3333vw);
	top: max(-361px,-19.2533vw);
	filter: blur(966px);
}

.glow3 {
	z-index: -3;
	fill: #1780AC;
	position: absolute;
	width: min(910px,48.5333vw);
	height: min(910px,48.5333vw);
	left: max(-578px,-30.8267vw);
	top: min(2050px,109.3333vw);
	filter: blur(966px);
}

.glow4 {
	z-index: -4;
	fill: #1780AC;
	position: absolute;
	width: min(810px,43.2vw);
	height: min(810px,43.2vw);
	right: max(-700px,-37.3333vw);
	top: min(1561px,83.2533vw);
	filter: blur(966px);
}

.main_glow_cont {
	width: 100vw;
	position: relative;
}

.main_glow_cont_lower {
	/*width: 100vw;*/
	/*width: 0px;*/
	/*position: absolute;*/
	max-height: 200vw;
	position: relative;
/*	left: 0px;
	top: 0px;*/
}

.blue_svg_glow {
	position: absolute;
	width: min(2788px,170vw);
}

#blue_glow_1 {
	z-index: -15;
	left: max(-16000px,-97.561vw);
	top: max(-12000px,-73.1707vw);
}

#blue_glow_2 {
	z-index: -16;
	left: max(-16000px,-97.561vw);
	top: max(-100px,-0.6098vw);
}

#blue_glow_3 {
	z-index: -17;
	right: max(-16000px,-97.561vw);
	top: max(-12000px,-73.1707vw);
}

#blue_glow_4 {
	z-index: -18;
	right: max(-1436px,-87.561vw);
	top: max(-100px,-0.6098vw);
}

#blue_glow_5 {
	z-index: -19;
	right: max(-16000px,-87.561vw);
	top: max(-1364px,-83.1707vw);
}

#blue_glow_6 {
	/*display: none;*/
	z-index: -20;
	left: max(-1436px,-87.561vw);
	top: max(-544px,-33.1707vw);
}

.main_laser {
	z-index: -1;
	position: absolute;
	object-fit: cover;
	/*float: left;*/
	/*top: -250px;*/
	right: calc((100vw - min(80vw, 1640px))*0.0);
	/*width: calc(min(90vw, 1540px)*0.75);*/
	width: min(350px * 3.5, 18.6667vw * 3.5);
	top: max(-15vw, -281.25px);
	right: calc(min(10.6667vw, 200px) + max((100vw - 1640px), 0px)*0.5 - min(21vw, 394px));
}

.logo {
	width: min(200px, 13vw);
}

.logo_button_box {
	cursor: pointer;
}

.hero_text {
	font-family: 'HERO';
	max-width: 800px;
	/*overflow: wrap;*/
	font-size: min(8vw, 150px);
	/*font-size: 500px;*/
	line-height: min(7.5vw, 140px);
	margin-top: min(20px, 1.067vw);
	margin-bottom: min(20px, 1.067vw);
}

.hero_message {
	font-family: 'mediumitalic';
	margin-top: min(45px, 2.4vw);
	margin-bottom: min(50px, 2.667vw);
	font-size: min(35px, 1.87vw);
}

.bold {
	font-family: 'bolditalic';
}

.header_button {
	cursor: pointer;
	color: white;
	display: inline-block;
	margin-right: min(30px, 1.6vw);
	transition: 0.4s;
}

.header_button:hover {
	color: #FF0061;
	/*font-size: min(16px, 0.8533vw);*/
}

.hero_button {
	display: inline-block;
	cursor: pointer;
	background-color: white;
	color: black;
	padding: min(15px, 0.8vw);
	padding-left: min(35px, 1.867vw);
	padding-right: min(35px, 1.867vw);
	border-radius: min(70px, 3.733vw);
	transition: 0.4s;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.8);
	/*box-shadow: 0px 0px 15px rgba(255, 0, 97, 0.8);*/
}

#contact_anchor {
	position: absolute;
	top: 1000px;
}

.main_button {
	cursor: pointer;
	padding: min(15px * 1.2, 0.8vw * 1.5);
	padding-left: min(25px * 1.2, 1.33vw * 1.5);
	padding-right: min(20px * 1.2, 1.0667vw * 1.5);
	display: inline-flex;
	background: linear-gradient(90deg, #474747 0%, #111111 100%);
	align-items: center;
	border-radius: min(10px * 1.2, 0.5333vw * 1.5);
	transition: 0.4s;
	box-shadow: 0px 0px 15px rgba(255, 0, 97, 0.8);
	margin-bottom: min(5px * 1.2, 0.2667vw * 1.5);
	margin-top: min(5px * 1.2, 0.2667vw * 1.5);
	border: min(4px * 1.2, 0.21336vw * 1.5) solid #FF0061;
}

.main_button_icon {
	margin-left: min(20px * 1.2, 1.0667vw * 1.5);
	width: min(47px * 1.2, 2.50667vw * 1.5);
}

.main_button_textbox {
	text-align: center;
}

.main_button_text {
	font-size: min(18px * 1.2, 0.96vw * 1.5);
}

.main_button_subtext {
	font-size: min(15px * 1.2, 0.8vw * 1.5);
	font-family: 'medium';
	color: rgb(230, 230, 230);
}

.main_iphone {
	z-index: 5;
	position: absolute;
	top: 0px;
	/*right: calc((100vw - min(80vw, 1640px))*0.2);*/
	width: min(350px, 18.6667vw);
	top: min(200px, 10.6667vw);
	right: calc(min(10.6667vw, 200px) + max((100vw - 1640px), 0px)*0.5);
	/*right: min(100vw - 1640px, 0px);*/
	/*right: max(0, calc(100vw - 1640px));*/
	/*width: calc(min(90vw, 1540px)*0.75);*/
}

.main_iphone_backdrop {
	z-index: 3;
	position: absolute;
	top: 0px;
	width: min(350px * 0.96, 18.6667vw * 0.96);
	top: min(216.87563px, 11.5667vw);
	right: calc(min(11.1567vw, 209.18813px) + max((100vw - 1640px), 0px)*0.5);
	border-radius: min(40px,2.1333vw);
}

.main_iphone_video {
	z-index: 4;
	position: absolute;
	top: 0px;
	width: min(350px * 0.96, 18.6667vw * 0.96);
	top: min(216.87563px, 11.5667vw);
	right: calc(min(11.1567vw, 209.18813px) + max((100vw - 1640px), 0px)*0.5);
	border-radius: min(40px,2.1333vw);
}

.gemeinsam_button_wrapper {
	display: flex;
	justify-content: center;
	margin-top: min(100px,5.3333vw);
	margin-bottom: min(60px,3.2vw);
}

.gemeinsam_button {
	cursor: pointer;
	padding: min(15px * 1.2, 0.8vw * 1.5);
	padding-left: min(25px * 1.2, 1.33vw * 1.5);
	padding-right: min(25px * 1.2, 1.33vw * 1.5);
	display: inline-flex;
	background: linear-gradient(90deg, #474747 0%, #111111 100%);
	align-items: center;
	border-radius: min(15px,0.8vw);
	transition: 0.4s;
	box-shadow: 0px 0px 15px rgba(255, 0, 97, 0.8);
	margin-bottom: min(5px * 1.2, 0.2667vw * 1.5);
	margin-top: min(5px * 1.2, 0.2667vw * 1.5);
	border: min(4px * 1.2, 0.21336vw * 1.5) solid #FF0061;
}

.gemeinsam_button_icon {
	margin-left: min(20px,1.0667vw);
	/*width: min(47px * 1.2, 2.50667vw * 1.5);*/
}

.gemeinsam_button_textbox {
	text-align: center;
}

.gemeinsam_button_text {
	font-size: min(28px,1.4933vw);
	margin-bottom: min(5px,0.2667vw);
}

.gemeinsam_button_subtext {
	font-size: min(22px,1.1733vw);
	font-family: 'medium';
	color: rgb(230, 230, 230);
}

.gemeinsam_button_mobile {
	padding: calc(1.768vw*0.9);
	padding-left:  calc(2.939vw*0.9);
	padding-right:  calc(2.939vw*0.9);
	border-radius:  calc(1.179vw*0.9);
	box-shadow: 0px 0px  calc(22px*0.9) rgba(255, 0, 97, 0.8);
	margin-bottom:  calc(0.5894vw*2);
	margin-top:  -4vw;
	border:  calc(0.4715vw*0.9) solid #FF0061;
	background: linear-gradient(90deg, #474747 0%, #111111 100%);
}

.gemeinsam_button_mobile_text {
	font-size: 2.2vw;
	margin-bottom: 0.3929vw;
	text-align: center;
}

.invisible_breaker {
	/*margin-top: 50px;*/
	width: 100vw;
	/*height: 50px;*/
	min-height: min(100px,5.3333vw);
	/*background-color: white;*/
}

.breaker_container {
	width: 100vw;
	height: min(100px, 5.333vw);
	background-color: #efefef;
	margin-top: min(75px, 4vw);
}

.breaker {
	position: absolute;
	padding-left: min(70px,3.7333vw);
	padding-right: min(70px,3.7333vw);
	display: inline-flex;
	align-items: center;
	width: 100vw;
	height: min(100px, 5.333vw);
	/*background-color: #efefef;*/
	/*overflow: hidden;*/
	/*display: inline-block;*/
	/*justify-content: center;*/
	/*text-align: justify;*/
}

.breaker * {
	display: inline-block;
	max-height: min(60px, 3.2vw);
	margin-right: min(100px, 5.333vw);
}

#gemeinsam {
	margin-top: min(75px, 4vw);
	text-align: center;
	font-family: 'HERO';
	font-size: min(3.5vw, 65px);
	line-height: min(55px, 2.9333vw);;
}

#gemeinsam span {
	font-family: 'bolditalic';
	font-size: min(45px, 2.4vw);
}

#gemeinsam_mobile {
	margin-top: 6vw;
	text-align: center;
	font-family: 'HERO';
	font-size: 6.5vw;
	line-height: 7vw;
}

#gemeinsam_mobile_subtext {
	font-family: 'mediumitalic';
	font-size: 5vw;
	text-align: center;
	margin-top: 1vw;
	margin-bottom: 10vw;
}

#gemeinsam_features {
	/*display: inline-block;*/
	margin-top: min(100px, 5.333vw);
	display: flex;
	justify-content: space-between;
	align-items: top;
}

.gemeinsam_feature {
	text-align: center;
	width: min(300px,16vw);
	max-width: min(350px,18.6667vw);
	/*background-color: rgba(255, 0, 0, 0.2);*/
}

.gemeinsam_icon {
	max-height: min(80px,4.2667vw);
	margin-bottom: min(20px,1.0667vw);
}

.gemeinsam_feature span {
	font-family: 'mediumitalic';
	font-size: min(20px,1.0667vw);
	display: inline-block;
	text-align: center;
}

.emoji_images {
	color: red;
	display: flex;
	position: relative;
	overflow: visible;
	/*bottom: 50px;*/
	justify-content: space-between;
}

.emoji_images > * {
	width: min(250px,13.3333vw);
	/*height: 0px;*/
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: min(50px,2.6667vw);
	margin-right: min(50px,2.6667vw);
	position: absolute;
	bottom: max(-3px,-0.16vw);
}

#emoji_left {
	left: min(50px,2.6667vw);
}

#emoji_right {
	right: min(50px,2.6667vw);
}

.truethetop_section {
	width: 100vw;
	padding-top: min(50px,3.0488vw);
	padding-bottom: min(70px,4.2683vw);
	margin-bottom: min(70px,4.2683vw);
	background: #efefef;
	/*background: linear-gradient(180deg, #9E9E9E 0%, #B4B4B4 100%);*/
	/*background: linear-gradient(180deg, #002231 0%, #B8CBD3 100%);*/
	text-align: center;
	color: black;
}

.truethetop_title {
	font-family: 'bolditalic';
	font-size: min(90px,5.4878vw);
	margin-bottom: min(5px,0.3049vw);
}

.truethetop_subtitle {
	font-family: 'bolditalic';
	font-size: min(40px,2.439vw);
	/*margin-bottom: min(40px,2.1333vw);*/
}

.ttt_container {
	/*background: red;*/
	display: flex;
	flex-direction: column;
	/*align-items: center;*/
}

.ttt_box_1 {
	margin-top: min(70px,4.2683vw);
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	gap: 20px;
}

.ttt_box_2 {
	margin-top: min(70px,4.2683vw);
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
	justify-content: space-evenly;
	gap: 20px;
}

.ttt_box_img {
	width: min(800px,48.7805vw);
}

.ttt_box_text {
	width: min(500px,30.4878vw);
	text-align: left;
	font-family: 'bolditalic';
	font-size: min(30px,1.8293vw);
}

.ttt_box_title {
	font-size: min(36px,2.1951vw);
	text-decoration: underline;
	text-decoration-color: #FF0061;
	text-decoration-thickness: min(4px,0.2439vw);
}

.ttt_box_subtext {
	margin-top: min(25px,1.5244vw);
	font-family: 'mediumitalic';
	font-size: min(24px,1.4634vw);
}

.ttt_box_subtext span {
	font-family: 'bolditalic';
}

.ttt_cta_cont {
	margin-top: min(35px,calc(2.1341vw*var(--ttt_cta_button_scale)));
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.ttt_cta_block {
	display: inline-block;
	background: linear-gradient(90deg, #474747 0%, #111111 100%);
	justify-content: center;
	align-items: center;
	text-align: center;
	font-family: 'bold';
	font-size: min(18px,calc(1.0976vw * var(--ttt_cta_button_scale)));
	color: white;
	padding: min(20px,calc(1.2195vw * var(--ttt_cta_button_scale))) min(25px,calc(1.5244vw * var(--ttt_cta_button_scale)));
	border-radius: min(12px,calc(0.7317vw * var(--ttt_cta_button_scale)));
	transition: 0.4s;
}

.ttt_cta {
	display: flex;
	justify-content: center;
	align-items: center;
}

.ttt_cta_textbox {
	display: flex;
	flex-direction: column;
}

.ttt_cta_text {
	margin-top: min(5px,calc(0.3049vw * var(--ttt_cta_button_scale)));
	font-size: min(15px,calc(0.9146vw * var(--ttt_cta_button_scale)));
}

.ttt_cta_icon {
	width: min(42px,calc(2.561vw * var(--ttt_cta_button_scale)));
	margin-left: min(15px,calc(0.9146vw * var(--ttt_cta_button_scale)));
}

.ttt_phone_content {
	width: min(400px,calc(24.3902vw * var(--ttt_cta_button_scale)));
	border-radius: min(20px,calc(1.2195vw * var(--ttt_cta_button_scale)));
	box-shadow: 0px min(20px,calc(1.2195vw * var(--ttt_cta_button_scale))) min(50px,calc(3.0488vw * var(--ttt_cta_button_scale))) rgba(0, 0, 0, 0.2);
}

#lower_wrapper {
	overflow: hidden;
}

.blocker {
	height: 600px;
}

.kunde {
	/*display: inline-block;*/
	overflow: hidden;
	margin-left: 100px;
	margin-right: 100px;
	width: 500px;
	min-width: 500px;
	/*background-color: red;*/
	text-align: center;
	justify-content: center;
	/*align-items: center;*/
}

.kunde_box {
	border-radius: 30px;
	padding: 60px;
	padding-bottom: 0px;
	padding-top: 120px;
	/*margin-top: 100px;*/
	z-index: 1;
	/*display: flex;*/
	/*justify-content: center;*/
	/*align-items: center;*/
	background: linear-gradient(49.63deg, #2CBAD9 -23.73%, #00417C 108.07%);
	height: 250px;
	box-shadow: 0px 20px 40px #000000;
}

#kunden_section {
	/*width: 200vw;*/
	width: 1640px;
	/*overflow: hidden;*/
}

#kunden_title {
	text-align: center;
	font-family: 'HERO';
	font-size: min(2vw, 40px);
}

#carousel {
	transition: 0.7s;
	display: flex;
	position: relative;
	left: -930px;
	/*justify-content: space-between;*/
	/*justify-content: center;*/
}

.kunde_bild {
	border-radius: 200px;
	position: relative;
	top: 100px;
	margin-left: auto;
	margin-right: auto;
	/*margin-bottom: -100px;*/
	display: flex;
	justify-content: center;
	align-items: center;
	width: 230px;
	height: 230px;
	/*background: linear-gradient(90deg, #474747 0%, #111111 100%);*/
	background-size: 300px;
	z-index: 10;
	filter: drop-shadow(0px 23.1954px 46.3908px rgba(0, 0, 0, 0.3));
}

.kunde_text {
	/*vertical-align: middle;*/
	font-family: 'bolditalic';
	font-size: 35px;
}

.kunde_name {
	margin-top: 20px;
	font-family: 'mediumitalic';
	font-size: 20px;
}

#carousel_buttons {
	display: flex;
	justify-content: center;
}

#carousel_buttons * {
	cursor: pointer;
	margin-top: 30px;
	margin-right: 15px;
	margin-left: 15px;
	fill: #e5e5e5;
}

.warum_truescale_title {
	text-align: center;
	font-size: min(78px,4.16vw);
	font-family: 'bolditalic';
	margin-bottom: min(96px,5.12vw);
}

.warum_truescale {
	display: flex;
	justify-content: center;
	gap: min(200px,12.2222vw);
	margin-bottom: min(200px,12.2222vw);
	position: relative;
}

.warum_truescale_laser {
	z-index: -1;
	position: absolute;
	width: min(1580px,96.5556vw);
	top: max(-280px,-17.1111vw);
}

.warum_truescale_laser_mobile {
	position: absolute;
	z-index: -1;
	width: 110vw;
	top: -10vw;
	left: -25vw;
}

.warum_truescale_box_container_left {
	gap: min(144px,8.8vw);
	display: flex;
	flex-direction: column;
}

.warum_truescale_box_container_right {
	gap: min(144px,8.8vw);
	margin-top: min(120px,7.3171vw);
	display: flex;
	flex-direction: column;
}

.warum_truescale_box {
	display: flex;
	flex-direction: column;
	justify-content: center;
	font-size: min(18px,0.96vw);
	color: black;
	width: min(444px,23.68vw);
	min-height: min(264px,14.08vw);
	padding: min(24px,1.28vw);
	padding-left: min(36px,1.92vw);
	padding-right: min(36px,1.92vw);
	background: linear-gradient(90deg, #E7E7E7 0%, #B5B5B5 100%);
	border-radius: min(16px,0.9778vw);
	filter: drop-shadow(0px min(29px,1.5467vw) min(51px,2.72vw) rgba(0, 0, 0, 0.5));
	transition: 0.2s;
	font-family: 'mediumitalic';
	font-size: min(26px,1.5889vw);
}

.warum_truescale_box_text {
	margin: 0px;
	padding: 0px;
}

.warum_truescale_box span {
	font-family: 'bolditalic';
	margin: 0px;
	padding: 0px;
}

.warum_truescale_box_content {
	position: relative;
	background: linear-gradient(90deg, #474747 0%, #111111 100%);
	color: white;
}

.likes_icon {
	position: absolute;
	right: min(45px,2.75vw);
	top: max(-30px,-1.8333vw);
	transform: rotate(11deg);
	width: min(120px,7.3333vw);
}

.warum_truescale_box:hover {
	/*background: linear-gradient(90deg, #474747 0%, #111111 100%);*/
}

.bereit_cont {
	width: 100vw;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin: 0px;
	position: relative;
}

.bereit_banner {
	display: flex;
	width: 100vw;
	justify-content: center;
	padding-top: min(25px,1.5vw);
	padding-bottom: min(33px,2vw);
	background: #FF0061;
	margin: 0px;
}

.bereit_text {
	text-align: center;
	font-family: 'bolditalic';
	font-size: min(54px,3.3vw);
	margin: 0px;
}

.bereit_button {
	text-align: center;
	font-family: 'extrabold';
	position: absolute;
	bottom: max(-43px,-2.6vw);
	display: inline-block;
	background: linear-gradient(84.37deg, #383838 -20.44%, #000000 109.07%);
	cursor: pointer;
	padding: min(15px,0.9167vw);
	padding-left: min(20px,1.2222vw);
	padding-right: min(20px,1.2222vw);
	border-radius: min(12px,0.7333vw);
	box-shadow: 0px 0px min(15px,0.9167vw) rgba(0, 0, 0, 0.2);
	transition: 0.4s;
	margin: 0px;
}

.bereit_button_text {
	font-size: min(18px,1.1vw);
}

.bereit_button_subtext {
	font-size: min(16px,0.9778vw);
	font-family: 'medium';
}

.calendly_wrapper {
	background: white;
	width: 100vw;
	padding-top: 30px;
}

.calendly_section {
	padding-top: min(70px,5.8333vw);
	margin-bottom: min(70px,5.8333vw);
	display: flex;
	justify-content: center;
}

.calendly_backdrop {
	display: inline-block;
	background: white;
	border-radius: min(15px,1.25vw);
}

.calendly_cont {
	display: flex;
	justify-content: center;
	gap: min(20px,1.6667vw);
	/*background: white;*/
	padding: min(20px,1.6667vw) min(20px,1.6667vw);
	margin-bottom: min(30px,2.5vw);
}

.calendly-inline-widget {
	min-width: min(320px,26.6667vw);
	height: min(730px,60.8333vw);
	width: min(500px,41.6667vw);
}

.calendly_right_side {
	width: min(500px,41.6667vw);
	background: #FEFEFE;
	border-radius: min(22px,1.8333vw) min(22px,1.8333vw) min(15px,1.25vw) min(15px,1.25vw);
	box-shadow: 0px min(20px,1.6667vw) min(30px,2.5vw) rgba(0, 0, 0, 0.2);
}

.calendly_right_top {
	color: white;
	text-align: center;
	background: black;
	font-size: min(40px,3.3333vw);
	padding: min(40px,3.3333vw) 0px;
	border-radius: min(15px,1.25vw);
}

.logo_cl {
	width: 50%;
}

.calendly_right_bottom {
	color: black;
	padding: min(35px,2.9167vw) min(30px,2.5vw);
	padding-bottom: min(25px,2.0833vw);
}

.calendly_title {
	font-family: 'bold';
	font-size: min(24px,2vw);
	margin-bottom: min(15px,1.25vw);
}

.calendly_text {
	font-family: 'medium';
	font-size: min(14px,1.1667vw);
}

.calendly_text span {
	font-family: 'bold';
}

.general_inquiry_cont {
	display: flex;
	justify-content: center;
	position: relative;
	padding-bottom: min(170px,10.3889vw);
	margin-bottom: min(220px,13.4444vw);
}

.general_inquiry_box {
	position: absolute;
	bottom: max(-150px,-9.1667vw);
	display: flex;
	background: linear-gradient(90deg, #474747 0%, #111111 100%);
	flex-direction: column;
	align-items: center;
	text-align: center;
	padding: min(30px,1.8333vw) min(45px,2.75vw);
	border-radius: min(20px,1.2222vw);
	box-shadow: 0px min(42px,2.5667vw) min(79px,4.8278vw) rgba(0, 0, 0, 0.25);
}

.general_inquiry_title {
	font-size: min(55px,3.3611vw);
	font-family: 'bolditalic';
	margin-bottom: min(15px,0.9167vw);
}

.general_inquiry_text {
	font-family: 'mediumitalic';
	font-size: min(25px,1.5278vw);
	margin-bottom: min(30px,1.8333vw);
}

.general_inquiry_button {
	background: #FF0061;
	padding: min(20px,1.2222vw) min(30px,1.8333vw);
	border-radius: min(10px,0.6111vw);
	transition: 0.4s;
}

.general_inquiry_button_text {
	font-size: min(17px,1.0389vw);
}

.footer {
	font-family: 'medium';
	font-size: min(24px,1.28vw);
	padding-bottom: 1px;
	/*background: red;*/
}

.footer_message {
	font-family: 'extrabold';
	font-size: min(50px,2.6667vw);
	margin-bottom: min(90px,4.8vw);
}

.footer_message a {
	color: inherit;
	text-decoration: underline;
	text-decoration-color: #FF0061;
	text-decoration-thickness: min(10px, 0.53334vw);
}

.footer_bottom_cont {
	display: flex;
	justify-content: space-between;
}

.footer_legal_links_cont {
	display: flex;
	align-items: center;
}

.footer_legal_link {
	cursor: pointer;
	margin-left: min(30px,1.6vw);
}

.footer_legal_link:hover {
	text-decoration: underline;
}

.footer_logo_cont {
	cursor: pointer;
}

.footer_logo {
	width: min(240px,12.8vw);
}

.footer_logo_message {
	text-align: center;
	font-size: min(18px,0.96vw);
	margin-top: max(-6px,-0.32vw);
}

.copyright {
	text-align: center;
	margin: min(45px,2.4vw);
}

.legal_page_title {
	text-align: center;
	font-size: 70px;
	margin-bottom: 60px;
	font-family: 'extrabold';
}

.legal_page span {
	font-family: 'extrabold';
}

.legal_page {
	margin-top: 20px;
	margin-bottom: 100px;
	font-size: 30px;
	font-family: 'medium';
}

#growth_img_mobile {
	display: none;
}

@media (max-width: 479px) {

	#growth_img_desktop {
		display: none;
	}

	#growth_img_mobile {
		display: initial;
		margin-bottom: -10vw;
	}

/*	.ttt_box_img {
		margin-top: 7vw;
	}*/

	#growth_report_img {
		margin-bottom: -7vw;
		margin-top: 0vw;
	}

	#tictactoe_strategy_img {
		margin-bottom: -10vw;
	}

	.ttt_phone_content {
		margin-top: 3vw;
	}

	.glow_container {
		display: none;
	}

	.wrapper {
		width: 90vw;
	}

	.nav_bar {
		height: 18vw;
		font-size: 4vw;
	}

	.logo {
		width: 35vw;
		margin-top: 1.5vw;
	}

	.hero_text {
		max-width: 800px;
		font-size: 15vw;
		line-height: 14.06vw;
		margin-bottom: 4vw;
	}

	.hero_message {
		margin-top: min(45px, 2.4vw);
		margin-bottom: min(50px, 2.667vw);
		font-size: 5vw;
	}

	.hero_button {
		padding: 1vw;
		padding-left: 3vw;
		padding-right: 3vw;
		border-radius: 5vw;
		box-shadow: 0px 0px 57px rgba(0, 0, 0, 0.8);
	}

	.main_button {
		padding: 2.5vw;
		padding-left: 4.16vw;
		padding-right: 3.333vw;
		border-radius: 1.667vw;
		box-shadow: 0px 0px 8vw rgba(255, 0, 97, 0.8);
		margin-bottom: 0vw;
		margin-top: 4.033vw;;
		border: 0.667vw solid #FF0061;
	}

	.main_button_icon {
		margin-left: 3.33vw;
		width: 7.833vw;
	}

	.main_button_text {
		font-size: 3vw;
	}

	.main_button_subtext {
		font-size: 2.5vw;
		font-family: 'medium';
		color: rgb(230, 230, 230);
	}

	.main_laser {
		display: none;
	}

	.main_laser_mobile {
		z-index: -1;
		position: absolute;
		width: 115vw;
		top: -30vw;
		left: -13vw;
	}

	.main_iphone_cont {
		position: relative;
		margin-top: 25vw;
		/*background: red;*/
		height: 95vw;
	}

	.main_iphone_backdrop {
		top: 1.5vw;
		left: 26vw;
		width: 40.2vw;
		border-radius: 5vw;
	}

	.main_iphone_video {
		top: 1.5vw;
		left: 26vw;
		width: 40.2vw;
		border-radius: 5vw;
	}

	.main_iphone {
		/*opacity: 0.5;*/
		top: 0px;
		left: 25vw;
		width: 42vw;
	}

	#gemeinsam {
		display: none;
	}

	#gemeinsam_features {
		margin-top: min(100px, 5.333vw);
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-direction: column;
	}

	.gemeinsam_feature {
		display: flex;
		flex-direction: column;
		max-width: none;
		width: 80vw;
		text-align: center;
		align-items: center;
	}

	.gemeinsam_icon {
		max-height: none;
		height: 20vw;
		margin-bottom: 3vw;
	}

	.gemeinsam_feature span {
		font-size: 5vw;
		text-align: center;
		margin-bottom: 10vw;
	}

	.gemeinsam_button_wrapper {
		margin-top: 5.3vw;
		margin-bottom: 4vw;
	}

	.emoji_images {
		display: flex;
		position: relative;
		overflow: visible;
		justify-content: space-between;
	}

	.emoji_images > * {
		width: 22vw;
		margin-top: 0px;
		margin-bottom: 0px;
/*		margin-left: min(50px,2.6667vw);
		margin-right: min(50px,2.6667vw);*/
		position: absolute;
		bottom: -0.2vw;
	}

	#emoji_left {
		left: -5vw;
	}

	#emoji_right {
		right: -5vw;
	}

	.gemeinsam_button {
		display: none;
	}

	.truethetop_title {
		font-size: 9vw;
		margin-bottom: 0.2vw;
	}

	.truethetop_subtitle {
		font-size: 4vw;
		margin-bottom: 2vw;
	}

	.ttt_container {
		display: flex;
		flex-direction: column;
	}

	.ttt_box_1 {
		margin-top: min(50px,2.6667vw);
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.ttt_box_2 {
		margin-top: min(50px,2.6667vw);
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.ttt_box_img {
		width: 85vw;
	}

	.ttt_box_text {
		width: 85vw;
		text-align: left;
		font-size: 5vw;
		margin-top: 5vw;
		margin-bottom: 7vw;
	}

	.ttt_box_subtext {
		margin-top: 3vw;
		font-size: 4vw;
	}

	.ttt_box_title {
		font-size: 5vw;
		text-decoration-thickness: 1vw;
	}

	:root {
		--ttt_cta_button_scale: 2.7;
	}

	.ttt_cta_cont {
		margin-top: 7vw;
	}

	.warum_truescale_title {
		font-size: 10vw;
	}

	.warum_truescale_laser {
		display: none;
	}

	.warum_truescale {
		flex-direction: column;
		align-items: center;
		gap: 0px;
		margin-bottom: 7vw;
	}

	.warum_truescale_box {
		width: 75vw;
		min-height: 50vw;
		padding: 4vw;
		padding-left: 6vw;
		padding-right: 6vw;
		border-radius: 3vw;
		filter: drop-shadow(0px 3vw 7vw rgba(0, 0, 0, 0.5));
		font-size: 5vw;
	}

	.warum_truescale_box_risiko {
		border: 5px solid #FF0061;
		color: white;
		background: linear-gradient(90deg, #474747 0%, #111111 100%);
	}

	.likes_icon {
		right: 4.5vw;
		top: -4vw;
		transform: rotate(11deg);
		width: 20vw;
	}

	.bereit_banner {
		padding-top: 3vw;
		padding-bottom: 18vw;
		background: #FF0061;
	}

	.bereit_text {
		font-size: 8vw;
	}

	.bereit_button {
		position: absolute;
		bottom: 3vw;
		padding: 2vw;
		padding-left: 4vw;
		padding-right: 4vw;
		padding-bottom: 3vw;
		border-radius: 2vw;
		box-shadow: 0px 0px min(15px,0.9167vw) rgba(0, 0, 0, 0.2);
		transition: 0.4s;
		margin: 0px;
	}

	.bereit_button_text {
		font-size: 4vw;
	}

	.bereit_button_subtext {
		font-size: 3vw;
	}

	#wrapper_cl {
		/*width: 90vw;*/
		margin-left: 5vw;
		margin-right: 5vw;
	}

	.calendly_wrapper {
		width: 100vw;
		margin: 0px;
		padding-top: 5vw;
	}

	.calendly_section {
		padding-top: 0px;
		margin-bottom: 0px;
		padding: 0px;
	}

	.calendly_backdrop {
		width: 100%;
		padding: 0px;
	}

	.calendly_cont {
		padding: 0px;
	}

	.calendly-inline-widget {
		display: none;
		display: flex;
		width: 100%;
		min-height: 880px;
	}

	.calendly_right_side {
		width: 100%;
		border-radius: 3vw 3vw 2.8vw 2.8vw;
	}

	.calendly_right_top {
		padding: 10vw 0;
		border-radius: 3vw;
	}

	.calendly_right_bottom {
		padding: 4vw 4vw 4vw 4vw;
	}

	.calendly_title {
		font-size: 5vw;
		margin-bottom: 3vw;
	}

	.calendly_text {
		font-size: 4vw;
	}

	.general_inquiry_cont {
		padding-bottom: min(170px,10.3889vw);
		margin-bottom: min(220px,13.4444vw);
		margin-top: 43vw;
	}

	.general_inquiry_box {
		width: 90%;
		bottom: -25vw;
		background: linear-gradient(90deg, #474747 0%, #111111 100%);
		padding: min(30px,1.8333vw) min(45px,2.75vw);
		border-radius: 3vw;
		box-shadow: 0px min(42px,2.5667vw) min(79px,4.8278vw) rgba(0, 0, 0, 0.25);
	}

	.general_inquiry_title {
		font-size: 10vw;
		font-family: 'bolditalic';
		margin-bottom: 1vw;
	}

	#general_inquiry_text_desktop {
		display: none;
	}

	.general_inquiry_text {
		font-family: 'mediumitalic';
		font-size: 4.5vw;
		margin-bottom: 3vw;
	}

	.general_inquiry_button {
		background: #FF0061;
		padding: 3vw 5vw;
		border-radius: 2vw;
		transition: 0.4s;
		margin-bottom: 1vw;
	}

	.general_inquiry_button_text_mobile {
		font-size: 3.5vw;
	}

	.general_inquiry_button_text {
		display: none;
	}

	.footer {
		font-size: 4vw;
		padding-bottom: 5vw;
		padding-top: 20vw;
	}

	.footer_message {
		font-size: 4.5vw;
		margin-bottom: 10vw;
	}

	.footer_message a {
		text-decoration-thickness: 1vw;
	}

	.footer_bottom_cont {
		flex-direction: column;
	}

	.footer_logo_cont {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		margin-bottom: 8vw;
	}

	.footer_logo {
		width: 50vw;
	}

	.footer_logo_message {
		margin-top: -1vw;
		font-size: 4vw;
	}

	.footer_legal_links_cont {
		justify-content: center;
		gap: 3vw;
		margin-bottom: 5vw;
	}

	.footer_legal_link {
		margin: 0px;
		font-size: 5vw;
	}

	.legal_page {
		font-size: 5vw;
		margin-bottom: 4.5vw;
	}

	.legal_page_title {
		font-size: 10vw;
	}

}

@media (min-width: 480px) and (max-width: 767px) {
	.wrapper {
		width: 90vw;
	}

	.nav_bar {
		height: 12vw;
		font-size: 1.62vw;
	}

	.logo {
		width: 20vw;
	}

	.main_iphone {
		top: min(254.5454px, 14vw);
	}

	.main_iphone_backdrop {
		top: min(274.69px, 14.65vw);
	}

	.main_iphone_video {
		top: min(274.69px, 14.65vw);
	}

	.main_laser {
		top: max(-11vw, -206.25px);
	}

	.main_laser_mobile {
		display: none;
	}

	#gemeinsam_mobile {
		display: none;
	}

	#gemeinsam_mobile_subtext {
		display: none;
	}

	.gemeinsam_button_mobile {
		display: none;
	}

	.warum_truescale_laser_mobile {
		display: none;
	}

	.calendly_section {
		margin-top: min(70px,5.6vw);
		margin-bottom: min(70px,5.6vw);
		display: flex;
		justify-content: center;
	}

	.calendly_backdrop {
		display: inline-block;
		background: white;
		border-radius: min(15px,1.2vw);
	}

	.calendly_cont {
		display: flex;
		justify-content: center;
		flex-direction: column;
		gap: min(20px,1.6vw);
		padding: min(20px,1.6vw) min(20px,1.6vw);
	}

	.calendly-inline-widget {
		/*min-width: min(320px,25.6vw);*/
		margin: 0;
		min-width: 10px;
		height: 530px;
		width: 100%;
	}

	.calendly_right_side {
		width: 100%;
		background: #FEFEFE;
		border-radius: min(22px,1.76vw) min(22px,1.76vw) min(15px,1.2vw) min(15px,1.2vw);
		box-shadow: 0px min(20px,1.6vw) min(30px,2.4vw) rgba(0, 0, 0, 0.2);
	}

	.calendly_right_top {
		color: white;
		text-align: center;
		background: black;
		font-size: min(40px,3.2vw);
		padding: min(40px,3.2vw) 0px;
		border-radius: min(15px,1.2vw);
	}

	.calendly_right_bottom {
		color: black;
		padding: min(35px,2.8vw) min(30px,2.4vw);
		padding-bottom: min(25px,2vw);
	}

	.calendly_title {
		font-size: min(24px,1.92vw);
		margin-bottom: min(15px,1.2vw);
	}

	.calendly_text {
		font-size: min(16px,1.28vw);
	}

	#general_inquiry_text_mobile {
		display: none;
	}

	.general_inquiry_button_text_mobile {
		display: none;
	}

	.footer_message_mobile {
		display: none;
	}

	#tictactoe_strategy_img {
		width: 40vw;
	}
}

@media (min-width: 768px) {
	.hero_button:hover {
		background-color: #FF0061;
		box-shadow: 0px 0px 30px #FF0061;
		color: white;
		transition: 0.4s;
	}

	.main_laser_mobile {
		display: none;
	}

	.main_button:hover {
		box-shadow: 0px 0px 40px #FF0061;
		transition: 0.4s;
	}

	#gemeinsam_mobile {
		display: none;
	}

	#gemeinsam_mobile_subtext {
		display: none;
	}

	.gemeinsam_button:hover {
		box-shadow: 0px 0px min(40px,2.1333vw) #FF0061;
		transition: 0.4s;
	}

	.gemeinsam_button_mobile {
		display: none;
	}

	.warum_truescale_laser_mobile {
		display: none;
	}

	.footer_message_mobile {
		display: none;
	}

	.bereit_button:hover {
		box-shadow: 0px 0px min(30px,1.8333vw) rgba(0, 0, 0, 0.3);
		padding-left: min(50px,3.0556vw);
		padding-right: min(50px,3.0556vw);
		color: #FF0061;
	}

	.general_inquiry_button:hover {
		cursor: pointer;
		padding-left: min(50px,3.0556vw);
		padding-right: min(50px,3.0556vw);
		box-shadow: 0px 0px min(40px,2.1333vw) #FF0061;
	}

	#general_inquiry_text_mobile {
		display: none;
	}

	.general_inquiry_button_text_mobile {
		display: none;
	}

	.ttt_cta_block:hover {
		cursor: pointer;
		box-shadow: 0px 0px min(30px,1.8293vw) #FF0061;
	}

	#ttt_content_box {
		gap: min(180px,10.9756vw);
		justify-content: center;
	}

	#tictactoe_strategy_img {
		width: min(656px,40vw);
	}
}