/* MiSans Font Family */
@font-face {
	font-family: "MiSans";
	src: url("/font/MiSans-Thin.woff") format("woff");
	font-weight: 100;
	font-style: normal;
	font-display: swap;
  }
  @font-face {
	font-family: "MiSans";
	src: url("/font/MiSans-ExtraLight.woff") format("woff");
	font-weight: 200;
	font-style: normal;
	font-display: swap;
  }
  @font-face {
	font-family: "MiSans";
	src: url("/font/MiSans-Light.woff") format("woff");
	font-weight: 300;
	font-style: normal;
	font-display: swap;
  }
  @font-face {
	font-family: "MiSans";
	src: url("/font/MiSans-Regular.woff") format("woff"),
		 url("/font/MiSans-Normal.woff") format("woff");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
  }
  @font-face {
	font-family: "MiSans";
	src: url("/font/MiSans-Medium.woff") format("woff");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
  }
  @font-face {
	font-family: "MiSans";
	src: url("/font/MiSans-Semibold.woff") format("woff");
	font-weight: 600;
	font-style: normal;
	font-display: swap;
  }
  @font-face {
	font-family: "MiSans";
	src: url("/font/MiSans-Demibold.woff") format("woff");
	font-weight: 600;
	font-style: normal;
	font-display: swap;
  }
  @font-face {
	font-family: "MiSans";
	src: url("/font/MiSans-Bold.woff") format("woff");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
  }
  @font-face {
	font-family: "MiSans";
	src: url("/font/MiSans-Heavy.woff") format("woff");
	font-weight: 900;
	font-style: normal;
	font-display: swap;
  }
.highlight {
	color:rgba(52,143,213,1)
}
.mediaViewInfo {
	--web-view-name: Landingpage  –  Desktop;
	--web-view-id: Landingpage____Desktop;
	--web-scale-to-fit: true;
	--web-scale-to-fit-type: width;
	--web-enable-scale-up: true;
	--web-scale-on-resize: true;
	--web-enable-deep-linking: true;
}
:root {
	--web-view-ids: Landingpage____Desktop;
}
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	border: none;
}
#Landingpage____Desktop {
	position: absolute;
	width: 1920px;
	height: 2462px;
	background-color: rgba(250,250,250,1);
	overflow: hidden;
	--web-view-name: Landingpage  –  Desktop;
	--web-view-id: Landingpage____Desktop;
	--web-scale-to-fit: true;
	--web-scale-to-fit-type: width;
	--web-enable-scale-up: true;
	--web-scale-on-resize: true;
	--web-enable-deep-linking: true;
}
#Background {
	position: absolute;
	width: 2401px;
	height: 2462px;
	left: -481px;
	top: 0px;
	overflow: visible;
}
#SVG-Accents {
	position: absolute;
	width: 2237px;
	height: 1767px;
	left: 0px;
	top: 108px;
	overflow: visible;
}
#Pfad_34_k {
	opacity: 0.5;
	fill: url(#Pfad_34_k);
}
.Pfad_34_k {
	overflow: visible;
	position: absolute;
	width: 964px;
	height: 475px;
	left: 0px;
	top: 109px;
	transform: matrix(1,0,0,1,0,0);
}
#Pfad_33_m {
	fill: url(#Pfad_33_m);
}
.Pfad_33_m {
	overflow: visible;
	position: absolute;
	width: 318px;
	height: 323px;
	left: 1919px;
	top: 540px;
	transform: matrix(1,0,0,1,0,0);
}
#Pfad_32_o {
	opacity: 0.75;
	fill: url(#Pfad_32_o);
}
.Pfad_32_o {
	overflow: visible;
	position: absolute;
	width: 328px;
	height: 325px;
	left: 818px;
	top: 216px;
	transform: matrix(1,0,0,1,0,0);
}
#Pfad_31_q {
	opacity: 0.75;
	fill: url(#Pfad_31_q);
}
.Pfad_31_q {
	overflow: visible;
	position: absolute;
	width: 328px;
	height: 325px;
	left: 1748px;
	top: 0px;
	transform: matrix(1,0,0,1,0,0);
}
#Pfad_30_s {
	opacity: 0.5;
	fill: url(#Pfad_30_s);
}
.Pfad_30_s {
	overflow: visible;
	position: absolute;
	width: 1051px;
	height: 875px;
	left: 528px;
	top: 892px;
	transform: matrix(1,0,0,1,0,0);
}
#Body-Background_u {
	filter: blur(50px);
	fill: url(#Body-Background_u);
}
.Body-Background_u {
	position: absolute;
	overflow: visible;
	width: 1920px;
	height: 1326px;
	left: 481px;
	top: 1080px;
}
#Hero-Background_w {
	filter: blur(50px);
	fill: url(#Hero-Background_w);
}
.Hero-Background_w {
	position: absolute;
	overflow: visible;
	width: 1920px;
	height: 1080px;
	left: 481px;
	top: 0px;
}
#SVG-Footer {
	mix-blend-mode: normal;
	position: absolute;
	width: 1920.6px;
	height: 796px;
	left: 480.4px;
	top: 1666px;
	overflow: visible;
}
#Differenzmenge_7_z {
	fill: url(#Differenzmenge_7_z);
}
.Differenzmenge_7_z {
	overflow: visible;
	position: absolute;
	width: 750.539px;
	height: 144.001px;
	left: 1170.06px;
	top: 651.999px;
	transform: matrix(1,0,0,1,0,0);
}
#Differenzmenge_6_ {
	fill: url(#Differenzmenge_6_);
}
.Differenzmenge_6_ {
	mix-blend-mode: screen;
	overflow: visible;
	position: absolute;
	width: 1515.726px;
	height: 795.999px;
	left: 0px;
	top: 0px;
	transform: matrix(1,0,0,1,0,0);
}
#Frank {
	position: absolute;
	width: 680px;
	height: 991px;
	left: 1422px;
	top: 89px;
	overflow: visible;
	display: flex;
}




#impressum {
    display: inline-block;
    padding: 0px;
    position: absolute;
	left: 1795px;
	top: 2402px;
    text-decoration: none;
}
.Pfad_53 {
    width: 110px;
    height: 35px;
    overflow: visible;
}
#Pfad_53 {
    fill: rgba(16,46,88,1);
    transition: fill 0.2s ease;
}

#impressum:hover #Pfad_53 {
    fill: rgba(52,143,213,1);
}




#Pfad_52 {
	fill: rgba(16,46,88,1);
}
.Pfad_52 {
	overflow: visible;
	position: absolute;
	width: 120px;
	height: 11px;
	left: 32px;
	top: 2419px;
	transform: matrix(1,0,0,1,0,0);
}


#Body {
	position: absolute;
	width: 1592px;
	height: 1218px;
	left: 164px;
	top: 1080px;
	overflow: visible;
}
#Karriere {
	position: absolute;
	width: 494px;
	height: 429px;
	left: 549px;
	top: 789px;
	overflow: visible;
}
#Shadow {
	fill: transparent;
}
.Shadow {
	filter: drop-shadow(0px 20px 50px rgba(218, 235, 247, 0.329));
	position: absolute;
	overflow: visible;
	width: 644px;
	height: 579px;
	left: 0px;
	top: 0px;
}
#Blur_ {
	filter: blur(50px);
	fill: url(#Blur_);
}
.Blur_ {
	mix-blend-mode: multiply;
	position: absolute;
	overflow: visible;
	width: 494px;
	height: 429px;
	left: 0px;
	top: 0px;
}
#Box_bb {
	fill: url(#Box_bb);
	stroke: rgba(161,179,200,0.329);
	stroke-width: 0.5px;
	stroke-linejoin: miter;
	stroke-linecap: butt;
	stroke-miterlimit: 4;
	shape-rendering: auto;
}
.Box_bb {
	mix-blend-mode: multiply;
	filter: drop-shadow(0px 1.5px 3px rgba(161, 179, 200, 0.251));
	position: absolute;
	overflow: visible;
	width: 503.5px;
	height: 438.5px;
	left: 0px;
	top: 0px;
}
#Bei_MR-Team_schtzen_wir_engagi {
	left: 44px;
	top: 115px;
	position: absolute;
	overflow: visible;
	width: 407px;
	height: 276px;
	line-height: 28px;
	margin-top: -7px;
	text-align: left;
	font-family: MiSans;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	color: rgba(16,46,88,1);
}
#Machen_sie_Karriere_mit_uns {
	left: 78px;
	top: 54px;
	position: absolute;
	overflow: visible;
	width: 339px;
	white-space: nowrap;
	text-align: center;
	font-family: MiSans;
	font-style: normal;
	font-weight: normal;
	font-size: 22px;
	color: rgba(16,46,88,1);
	text-transform: uppercase;
}
#Fordern_Sie_jetzt_Ihren {
	left: 44px;
	top: 115px;
	position: absolute;
	overflow: visible;
	width: 407px;
	height: 131px;
	line-height: 28px;
	margin-top: -7px;
	text-align: left;
	font-family: MiSans;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	color: rgba(16,46,88,1);
}
#Kostenfreier_Vor_Ort_Termin {
	left: 68px;
	top: 54px;
	position: absolute;
	overflow: visible;
	width: 333px;
	white-space: nowrap;
	text-align: center;
	font-family: MiSans;
	font-style: normal;
	font-weight: normal;
	font-size: 22px;
	color: rgba(16,46,88,1);
	text-transform: uppercase;
}
#Map {
	position: absolute;
	width: 494px;
	height: 399px;
	left: 1098px;
	top: 433px;
	overflow: visible;
}
#Shadow_bf {
	fill: transparent;
}
.Shadow_bf {
	filter: drop-shadow(0px 20px 50px rgba(218, 235, 247, 0.329));
	position: absolute;
	overflow: visible;
	width: 644px;
	height: 549px;
	left: 0px;
	top: 0px;
}
#Blur_bh {
	filter: blur(50px);
	fill: url(#Blur_bh);
}
.Blur_bh {
	mix-blend-mode: multiply;
	position: absolute;
	overflow: visible;
	width: 494px;
	height: 399px;
	left: 0px;
	top: 0px;
}
#Box_bj {
	fill: url(#Box_bj);
	stroke: rgba(161,179,200,0.329);
	stroke-width: 0.5px;
	stroke-linejoin: miter;
	stroke-linecap: butt;
	stroke-miterlimit: 4;
	shape-rendering: auto;
}
.Box_bj {
	mix-blend-mode: multiply;
	filter: drop-shadow(0px 1.5px 3px rgba(161, 179, 200, 0.251));
	position: absolute;
	overflow: visible;
	width: 503.5px;
	height: 408.5px;
	left: 0px;
	top: 0px;
}
#Unternehmen {
	position: absolute;
	width: 495px;
	height: 302px;
	left: 549px;
	top: 433px;
	overflow: visible;
}
#Shadow_bl {
	fill: transparent;
}
.Shadow_bl {
	filter: drop-shadow(0px 20px 50px rgba(218, 235, 247, 0.329));
	position: absolute;
	overflow: visible;
	width: 645px;
	height: 452px;
	left: 0px;
	top: 0px;
}
#Blur_bn {
	filter: blur(50px);
	fill: url(#Blur_bn);
}
.Blur_bn {
	mix-blend-mode: multiply;
	position: absolute;
	overflow: visible;
	width: 495px;
	height: 302px;
	left: 0px;
	top: 0px;
}
#Box_bp {
	fill: url(#Box_bp);
	stroke: rgba(161,179,200,0.329);
	stroke-width: 0.5px;
	stroke-linejoin: miter;
	stroke-linecap: butt;
	stroke-miterlimit: 4;
	shape-rendering: auto;
}
.Box_bp {
	mix-blend-mode: multiply;
	filter: drop-shadow(0px 1.5px 3px rgba(161, 179, 200, 0.251));
	position: absolute;
	overflow: visible;
	width: 504.5px;
	height: 311.5px;
	left: 0px;
	top: 0px;
}
#Wir_stehen_fr_zuverlssige_Gebu {
	left: 44px;
	top: 115px;
	position: absolute;
	overflow: visible;
	width: 407px;
	height: 131px;
	line-height: 28px;
	margin-top: -7px;
	text-align: left;
	font-family: MiSans;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	color: rgba(16,46,88,1);
}
#Das_Unternehmen_MR-TEAM {
	left: 82px;
	top: 54px;
	position: absolute;
	overflow: visible;
	width: 333px;
	white-space: nowrap;
	text-align: center;
	font-family: MiSans;
	font-style: normal;
	font-weight: normal;
	font-size: 22px;
	color: rgba(16,46,88,1);
	text-transform: uppercase;
}
#Team {
	position: absolute;
	width: 495px;
	height: 332px;
	left: 0px;
	top: 886px;
	overflow: visible;
}
#Shadow_bt {
	fill: transparent;
}
.Shadow_bt {
	filter: drop-shadow(0px 20px 50px rgba(218, 235, 247, 0.329));
	position: absolute;
	overflow: visible;
	width: 645px;
	height: 482px;
	left: 0px;
	top: 0px;
}
#Blur_bv {
	filter: blur(50px);
	fill: url(#Blur_bv);
}
.Blur_bv {
	mix-blend-mode: multiply;
	position: absolute;
	overflow: visible;
	width: 495px;
	height: 332px;
	left: 0px;
	top: 0px;
}
#Box_bx {
	fill: url(#Box_bx);
	stroke: rgba(161,179,200,0.329);
	stroke-width: 0.5px;
	stroke-linejoin: miter;
	stroke-linecap: butt;
	stroke-miterlimit: 4;
	shape-rendering: auto;
}
.Box_bx {
	mix-blend-mode: multiply;
	filter: drop-shadow(0px 1.5px 3px rgba(161, 179, 200, 0.251));
	position: absolute;
	overflow: visible;
	width: 504.5px;
	height: 341.5px;
	left: 0px;
	top: 0px;
}
#Bei_MR-Team_steht_Teamarbeit_a {
	left: 44px;
	top: 115px;
	position: absolute;
	overflow: visible;
	width: 407px;
	height: 188px;
	line-height: 28px;
	margin-top: -7px;
	text-align: left;
	font-family: MiSans;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	color: rgba(16,46,88,1);
}
#Das_MR-TEAM {
	left: 168px;
	top: 54px;
	position: absolute;
	overflow: visible;
	width: 161px;
	white-space: nowrap;
	text-align: center;
	font-family: MiSans;
	font-style: normal;
	font-weight: normal;
	font-size: 22px;
	color: rgba(16,46,88,1);
	text-transform: uppercase;
}
#Leistung {
	position: absolute;
	width: 495px;
	height: 332px;
	left: 1097px;
	top: 886px;
	overflow: visible;
}
#Shadow_b {
	fill: transparent;
}
.Shadow_b {
	filter: drop-shadow(0px 20px 50px rgba(218, 235, 247, 0.329));
	position: absolute;
	overflow: visible;
	width: 645px;
	height: 482px;
	left: 0px;
	top: 0px;
}
#Blur_ca {
	filter: blur(50px);
	fill: url(#Blur_ca);
}
.Blur_ca {
	mix-blend-mode: multiply;
	position: absolute;
	overflow: visible;
	width: 495px;
	height: 332px;
	left: 0px;
	top: 0px;
}
#Box_ca {
	fill: url(#Box_ca);
	stroke: rgba(161,179,200,0.329);
	stroke-width: 0.5px;
	stroke-linejoin: miter;
	stroke-linecap: butt;
	stroke-miterlimit: 4;
	shape-rendering: auto;
}
.Box_ca {
	mix-blend-mode: multiply;
	filter: drop-shadow(0px 1.5px 3px rgba(161, 179, 200, 0.251));
	position: absolute;
	overflow: visible;
	width: 504.5px;
	height: 341.5px;
	left: 0px;
	top: 0px;
}
#MR-Team_bietet_mageschneiderte {
	left: 44px;
	top: 115px;
	position: absolute;
	overflow: visible;
	width: 406px;
	height: 188px;
	line-height: 28px;
	margin-top: -7px;
	text-align: left;
	font-family: MiSans;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	color: rgba(16,46,88,1);
}
#Unsere_Leistungen {
	left: 135px;
	top: 54px;
	position: absolute;
	overflow: visible;
	width: 227px;
	white-space: nowrap;
	text-align: center;
	font-family: MiSans;
	font-style: normal;
	font-weight: normal;
	font-size: 22px;
	color: rgba(16,46,88,1);
	text-transform: uppercase;
}
#Kontakt {
	position: absolute;
	width: 1043px;
	height: 379px;
	left: 549px;
	top: 0px;
	overflow: visible;
}
#Shadow_ca {
	fill: transparent;
}
.Shadow_ca {
	filter: drop-shadow(0px 20px 50px rgba(218, 235, 247, 0.329));
	position: absolute;
	overflow: visible;
	width: 1193px;
	height: 529px;
	left: 0px;
	top: 0px;
}
#Blur_cc {
	filter: blur(50px);
	fill: url(#Blur_cc);
}
.Blur_cc {
	mix-blend-mode: multiply;
	position: absolute;
	overflow: visible;
	width: 1043px;
	height: 379px;
	left: 0px;
	top: 0px;
}
#Box_cd {
	fill: url(#Box_cd);
	stroke: rgba(161,179,200,0.329);
	stroke-width: 0.5px;
	stroke-linejoin: miter;
	stroke-linecap: butt;
	stroke-miterlimit: 4;
	shape-rendering: auto;
}
.Box_cd {
	mix-blend-mode: multiply;
	filter: drop-shadow(0px 1.5px 3px rgba(161, 179, 200, 0.251));
	position: absolute;
	overflow: visible;
	width: 1052.5px;
	height: 388.5px;
	left: 0px;
	top: 0px;
}
#Fr_Support_und_Fragen__Moritz_ {
	left: 698px;
	top: 113px;
	position: absolute;
	overflow: visible;
	width: 251px;
	height: 216px;
	line-height: 28px;
	margin-top: -7px;
	text-align: left;
	font-family: MiSans;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	color: rgba(16,46,88,1);
}
#Fr_Anfragen_und_weitere_Inform {
	left: 47px;
	top: 113px;
	position: absolute;
	overflow: hidden;
	width: 559px;
	height: 216px;
	line-height: 28px;
	margin-top: -7px;
	text-align: left;
	font-family: MiSans;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	color: rgba(16,46,88,1);
}
#Ihr_Persnlicher_kontakt_zum_mr {
	left: 47px;
	top: 51px;
	position: absolute;
	overflow: visible;
	width: 501px;
	white-space: nowrap;
	text-align: left;
	font-family: MiSans;
	font-style: normal;
	font-weight: normal;
	font-size: 22px;
	color: rgba(16,46,88,1);
	text-transform: uppercase;
}
#Formular {
	position: absolute;
	width: 495px;
	height: 832px;
	left: 0px;
	top: 0px;
	overflow: visible;
	display: flex;
}
#Shadow_ci {
	fill: transparent;
}
.Shadow_ci {
	filter: drop-shadow(0px 20px 50px rgba(218, 235, 247, 0.329));
	position: absolute;
	overflow: visible;
	width: 495px;
	height: 832px;
	left: 0px;
	top: 0px;
}
#Blur_ck {
	filter: blur(50px);
	fill: url(#Blur_ck);
}
.Blur_ck {
	mix-blend-mode: multiply;
	position: absolute;
	overflow: visible;
	width: 495px;
	height: 832px;
	left: 0px;
	top: 0px;
}
#Box_cm {
	fill: url(#Box_cm);
	stroke: rgba(161,179,200,0.329);
	stroke-width: 0.5px;
	stroke-linejoin: miter;
	stroke-linecap: butt;
	stroke-miterlimit: 4;
	shape-rendering: auto;
}
.Box_cm {
	mix-blend-mode: multiply;
	filter: drop-shadow(0px 1.5px 3px rgba(161, 179, 200, 0.251));
	position: absolute;
	overflow: visible;
	width: 495px;
	height: 832px;
	left: 0px;
	top: 0px;
}
#Absenden_-_Button {
	position: absolute;
	width: 98px;
	height: 32px;
	left: 35px;
	top: 764px;
	overflow: visible;
}
#SVG {
	fill: rgba(52,143,213,1);
}
.SVG {
	position: absolute;
	overflow: visible;
	width: 98px;
	height: 32px;
	left: 0px;
	top: 0px;
}
#Absenden {
	left: 14px;
	top: 5px;
	position: absolute;
	overflow: visible;
	width: 72px;
	white-space: nowrap;
	text-align: left;
	font-family: MiSans;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	color: rgba(247,250,252,1);
}
#Nachricht {
	position: absolute;
	width: 424px;
	height: 141px;
	left: 35px;
	top: 597px;
	overflow: visible;
}
#Inputbox {
	fill: transparent;
	stroke: rgba(203,213,224,1);
	stroke-width: 1px;
	stroke-linejoin: miter;
	stroke-linecap: butt;
	stroke-miterlimit: 4;
	shape-rendering: auto;
}
.Inputbox {
	position: absolute;
	overflow: visible;
	width: 425px;
	height: 116px;
	left: 0px;
	top: 26px;
}
#Nachricht_cs {
	left: 1px;
	top: 0px;
	position: absolute;
	overflow: visible;
	width: 64px;
	white-space: nowrap;
	text-align: left;
	font-family: MiSans;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	color: rgba(16,46,88,1);
}
#Service_-_Men {
	position: absolute;
	width: 424px;
	height: 54px;
	left: 35px;
	top: 519px;
	overflow: visible;
}
#Inputbox_cu {
	fill: transparent;
	stroke: rgba(203,213,224,1);
	stroke-width: 1px;
	stroke-linejoin: miter;
	stroke-linecap: butt;
	stroke-miterlimit: 4;
	shape-rendering: auto;
}
.Inputbox_cu {
	position: absolute;
	overflow: visible;
	width: 425px;
	height: 29px;
	left: 0px;
	top: 26px;
}
#Glasreinigung {
	left: 8px;
	top: 30px;
	position: absolute;
	overflow: visible;
	width: 86px;
	white-space: nowrap;
	text-align: left;
	font-family: MiSans;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	color: rgba(161,179,200,1);
}
# {
	left: 401px;
	top: 25px;
	position: absolute;
	overflow: visible;
	width: 12px;
	white-space: nowrap;
	text-align: left;
	font-family: MiSans;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	color: rgba(161,179,200,1);
}
#Service {
	left: 1px;
	top: 0px;
	position: absolute;
	overflow: visible;
	width: 49px;
	white-space: nowrap;
	text-align: left;
	font-family: MiSans;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	color: rgba(16,46,88,1);
}
#Ort {
	position: absolute;
	width: 424px;
	height: 54px;
	left: 35px;
	top: 440px;
	overflow: visible;
}
#Inputbox_cz {
	fill: transparent;
	stroke: rgba(203,213,224,1);
	stroke-width: 1px;
	stroke-linejoin: miter;
	stroke-linecap: butt;
	stroke-miterlimit: 4;
	shape-rendering: auto;
}
.Inputbox_cz {
	position: absolute;
	overflow: visible;
	width: 206px;
	height: 29px;
	left: 0px;
	top: 26px;
}
#Inputbox_c {
	fill: transparent;
	stroke: rgba(203,213,224,1);
	stroke-width: 1px;
	stroke-linejoin: miter;
	stroke-linecap: butt;
	stroke-miterlimit: 4;
	shape-rendering: auto;
}
.Inputbox_c {
	position: absolute;
	overflow: visible;
	width: 206px;
	height: 29px;
	left: 219px;
	top: 26px;
}
#Postleitzahl {
	left: 8px;
	top: 30px;
	position: absolute;
	overflow: visible;
	width: 71px;
	white-space: nowrap;
	text-align: left;
	font-family: MiSans;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	color: rgba(161,179,200,1);
}
#Stadt {
	left: 229px;
	top: 30px;
	position: absolute;
	overflow: visible;
	width: 33px;
	white-space: nowrap;
	text-align: left;
	font-family: MiSans;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	color: rgba(161,179,200,1);
}
#Gebiet {
	left: 1px;
	top: 0px;
	position: absolute;
	overflow: visible;
	width: 44px;
	white-space: nowrap;
	text-align: left;
	font-family: MiSans;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	color: rgba(16,46,88,1);
}
#Telefonnummer {
	position: absolute;
	width: 424px;
	height: 54px;
	left: 35px;
	top: 361px;
	overflow: visible;
}
#Inputbox_da {
	fill: transparent;
	stroke: rgba(203,213,224,1);
	stroke-width: 1px;
	stroke-linejoin: miter;
	stroke-linecap: butt;
	stroke-miterlimit: 4;
	shape-rendering: auto;
}
.Inputbox_da {
	position: absolute;
	overflow: visible;
	width: 425px;
	height: 29px;
	left: 0px;
	top: 26px;
}
#Ihre_Telefonnummer {
	left: 8px;
	top: 30px;
	position: absolute;
	overflow: visible;
	width: 125px;
	white-space: nowrap;
	text-align: left;
	font-family: MiSans;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	color: rgba(161,179,200,1);
}
#Telefonnummer_Optional {
	left: 1px;
	top: 0px;
	position: absolute;
	overflow: visible;
	width: 162px;
	white-space: nowrap;
	text-align: left;
	font-family: MiSans;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	color: rgba(16,46,88,1);
}
#E-Mail {
	position: absolute;
	width: 424px;
	height: 54px;
	left: 35px;
	top: 282px;
	overflow: visible;
}
#Inputbox_db {
	fill: transparent;
	stroke: rgba(203,213,224,1);
	stroke-width: 1px;
	stroke-linejoin: miter;
	stroke-linecap: butt;
	stroke-miterlimit: 4;
	shape-rendering: auto;
}
.Inputbox_db {
	position: absolute;
	overflow: visible;
	width: 425px;
	height: 29px;
	left: 0px;
	top: 26px;
}
#ihre-emailprovidercom {
	left: 8px;
	top: 30px;
	position: absolute;
	overflow: visible;
	width: 158px;
	white-space: nowrap;
	text-align: left;
	font-family: MiSans;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	color: rgba(161,179,200,1);
}
#E-Mail_db {
	left: 1px;
	top: 0px;
	position: absolute;
	overflow: visible;
	width: 43px;
	white-space: nowrap;
	text-align: left;
	font-family: MiSans;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	color: rgba(16,46,88,1);
}
#Name {
	position: absolute;
	width: 424px;
	height: 54px;
	left: 35px;
	top: 203px;
	overflow: visible;
}
#Inputbox_dd {
	fill: transparent;
	stroke: rgba(203,213,224,1);
	stroke-width: 1px;
	stroke-linejoin: miter;
	stroke-linecap: butt;
	stroke-miterlimit: 4;
	shape-rendering: auto;
}
.Inputbox_dd {
	position: absolute;
	overflow: visible;
	width: 206px;
	height: 29px;
	left: 0px;
	top: 26px;
}
#Inputbox_de {
	fill: transparent;
	stroke: rgba(203,213,224,1);
	stroke-width: 1px;
	stroke-linejoin: miter;
	stroke-linecap: butt;
	stroke-miterlimit: 4;
	shape-rendering: auto;
}
.Inputbox_de {
	position: absolute;
	overflow: visible;
	width: 206px;
	height: 29px;
	left: 219px;
	top: 26px;
}
#Vorname {
	left: 8px;
	top: 30px;
	position: absolute;
	overflow: visible;
	width: 56px;
	white-space: nowrap;
	text-align: left;
	font-family: MiSans;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	color: rgba(161,179,200,1);
}
#Nachname {
	left: 229px;
	top: 30px;
	position: absolute;
	overflow: visible;
	width: 67px;
	white-space: nowrap;
	text-align: left;
	font-family: MiSans;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	color: rgba(161,179,200,1);
}
#Name_dh {
	left: 1px;
	top: 0px;
	position: absolute;
	overflow: visible;
	width: 39px;
	white-space: nowrap;
	text-align: left;
	font-family: MiSans;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	color: rgba(16,46,88,1);
}
#Firma {
	position: absolute;
	width: 424px;
	height: 54px;
	left: 35px;
	top: 124px;
	overflow: visible;
}
#Inputbox_dj {
	fill: transparent;
	stroke: rgba(203,213,224,1);
	stroke-width: 1px;
	stroke-linejoin: miter;
	stroke-linecap: butt;
	stroke-miterlimit: 4;
	shape-rendering: auto;
}
.Inputbox_dj {
	position: absolute;
	overflow: visible;
	width: 425px;
	height: 29px;
	left: 0px;
	top: 26px;
}
#Ihre_Organisation {
	left: 8px;
	top: 30px;
	position: absolute;
	overflow: visible;
	width: 108px;
	white-space: nowrap;
	text-align: left;
	font-family: MiSans;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	color: rgba(161,179,200,1);
}
#Firma_Optional {
	left: 1px;
	top: 0px;
	position: absolute;
	overflow: visible;
	width: 97px;
	white-space: nowrap;
	text-align: left;
	font-family: MiSans;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	color: rgba(16,46,88,1);
}
#Informationen_und_Angebote {
	left: 69px;
	top: 54px;
	position: absolute;
	overflow: visible;
	width: 359px;
	white-space: nowrap;
	text-align: center;
	font-family: MiSans;
	font-style: normal;
	font-weight: normal;
	font-size: 22px;
	color: rgba(52,143,213,1);
	text-transform: uppercase;
}
#Hero_Section {
	position: absolute;
	width: 1682.758px;
	height: 935px;
	left: 160.242px;
	top: 53px;
	overflow: visible;
}
#Statistic {
	position: absolute;
	width: 513px;
	height: 223px;
	left: 65.758px;
	top: 666px;
	overflow: visible;
}
#Zufrieden {
	position: absolute;
	width: 98px;
	height: 223px;
	left: 415px;
	top: 0px;
	overflow: visible;
}
#Zufriedene_Kunden {
	left: 0px;
	top: 170px;
	position: absolute;
	overflow: visible;
	width: 99px;
	white-space: nowrap;
	line-height: 28px;
	margin-top: -4.5px;
	text-align: center;
	font-family: MiSans;
	font-style: normal;
	font-weight: bold;
	font-size: 19px;
	color: rgba(161,179,200,1);
}
#ID999 {
	left: 13px;
	top: 114px;
	position: absolute;
	overflow: visible;
	width: 73px;
	white-space: nowrap;
	line-height: 90px;
	margin-top: -30.5px;
	text-align: left;
	font-family: MiSans;
	font-style: normal;
	font-weight: bold;
	font-size: 29px;
	color: rgba(52,143,213,1);
	letter-spacing: 0.2px;
}
#Background_dt {
	fill: url(#Background_dt);
}
.Background_dt {
	filter: drop-shadow(0px 20px 50px rgba(130, 184, 225, 0.2));
	overflow: visible;
	position: absolute;
	width: 72px;
	height: 72px;
	left: 10px;
	top: 0px;
	transform: matrix(1,0,0,1,0,0);
}
#SVG_du {
	fill: rgba(247,250,252,1);
}
.SVG_du {
	overflow: visible;
	position: absolute;
	width: 42px;
	height: 39px;
	left: 25px;
	top: 18px;
	transform: matrix(1,0,0,1,0,0);
}
#SVG_de {
	fill: rgba(247,250,252,1);
}
.SVG_de {
	overflow: visible;
	position: absolute;
	width: 42px;
	height: 39px;
	left: 21px;
	top: 12px;
	transform: matrix(1,0,0,1,0,0);
}
#Gruppe_390 {
	position: absolute;
	width: 88px;
	height: 222px;
	left: 213px;
	top: 1px;
	overflow: visible;
}
#Jahre_Erfahrung {
	left: 0px;
	top: 169px;
	position: absolute;
	overflow: visible;
	width: 89px;
	white-space: nowrap;
	line-height: 28px;
	margin-top: -4.5px;
	text-align: center;
	font-family: MiSans;
	font-style: normal;
	font-weight: bold;
	font-size: 19px;
	color: rgba(161,179,200,1);
}
#ID4 {
	left: 29px;
	top: 113px;
	position: absolute;
	overflow: visible;
	width: 37px;
	white-space: nowrap;
	line-height: 90px;
	margin-top: -30.5px;
	text-align: left;
	font-family: MiSans;
	font-style: normal;
	font-weight: bold;
	font-size: 29px;
	color: rgba(52,143,213,1);
	letter-spacing: 0.2px;
}
#Background_dz {
	fill: url(#Background_dz);
}
.Background_dz {
	filter: drop-shadow(0px 20px 50px rgba(130, 184, 225, 0.2));
	overflow: visible;
	position: absolute;
	width: 72px;
	height: 72px;
	left: 8px;
	top: 0px;
	transform: matrix(1,0,0,1,0,0);
}
#Gruppe_393 {
	position: absolute;
	width: 39px;
	height: 39px;
	left: 24px;
	top: 16px;
	overflow: visible;
}
#Vereinigungsmenge_4 {
	fill: transparent;
	stroke: rgba(247,250,252,1);
	stroke-width: 3px;
	stroke-linejoin: round;
	stroke-linecap: round;
	stroke-miterlimit: 4;
	shape-rendering: auto;
}
.Vereinigungsmenge_4 {
	overflow: visible;
	position: absolute;
	width: 39px;
	height: 39px;
	left: 0px;
	top: 0px;
	transform: matrix(1,0,0,1,0,0);
}
#Rechteck_398 {
	fill: transparent;
	stroke: rgba(247,250,252,1);
	stroke-width: 3px;
	stroke-linejoin: round;
	stroke-linecap: round;
	stroke-miterlimit: 4;
	shape-rendering: auto;
}
.Rechteck_398 {
	width: 39px;
	height: 20.027px;
	position: absolute;
	overflow: visible;
	transform: translate(-412.198px, -33.578px) matrix(1,0,0,1,412.1975,43.0649) rotate(90deg);
	transform-origin: center;
}
#Linie_4 {
	fill: transparent;
	stroke: rgba(247,250,252,1);
	stroke-width: 3px;
	stroke-linejoin: miter;
	stroke-linecap: round;
	stroke-miterlimit: 4;
	shape-rendering: auto;
}
.Linie_4 {
	overflow: visible;
	position: absolute;
	width: 3px;
	height: 10.378px;
	left: 19.763px;
	top: 29.777px;
	transform: matrix(1,0,0,1,0,0);
}
#Gruppe_392 {
	position: absolute;
	width: 9.486px;
	height: 12.649px;
	left: 14.757px;
	top: 10.013px;
	overflow: visible;
}
#Ellipse_5 {
	fill: rgba(247,250,252,1);
}
.Ellipse_5 {
	position: absolute;
	overflow: visible;
	width: 3.689px;
	height: 3.689px;
	left: 0px;
	top: 8.959px;
}
#Ellipse_6 {
	fill: rgba(247,250,252,1);
}
.Ellipse_6 {
	position: absolute;
	overflow: visible;
	width: 3.689px;
	height: 3.689px;
	left: 5.797px;
	top: 8.959px;
}
#Ellipse_7 {
	fill: rgba(247,250,252,1);
}
.Ellipse_7 {
	position: absolute;
	overflow: visible;
	width: 3.689px;
	height: 3.689px;
	left: 0px;
	top: 0px;
}
#Ellipse_8 {
	fill: rgba(247,250,252,1);
}
.Ellipse_8 {
	position: absolute;
	overflow: visible;
	width: 3.689px;
	height: 3.689px;
	left: 5.797px;
	top: 0px;
}
#Mitarbeiter {
	position: absolute;
	width: 100px;
	height: 222px;
	left: 0px;
	top: 1px;
	overflow: visible;
}
#Flexible_Mitarbeiter {
	left: 0px;
	top: 169px;
	position: absolute;
	overflow: visible;
	width: 101px;
	white-space: nowrap;
	line-height: 28px;
	margin-top: -4.5px;
	text-align: center;
	font-family: MiSans;
	font-style: normal;
	font-weight: bold;
	font-size: 19px;
	color: rgba(161,179,200,1);
}
#_eb {
	left: 31px;
	top: 101px;
	position: absolute;
	overflow: visible;
	width: 39px;
	white-space: nowrap;
	line-height: 90px;
	margin-top: -21px;
	text-align: left;
	font-family: MiSans;
	font-style: normal;
	font-weight: normal;
	font-size: 48px;
	color: rgba(52,143,213,1);
	letter-spacing: 0.2px;
}
#Background_ed {
	fill: url(#Background_ed);
}
.Background_ed {
	filter: drop-shadow(0px 20px 50px rgba(130, 184, 225, 0.2));
	overflow: visible;
	position: absolute;
	width: 72px;
	height: 72px;
	left: 14px;
	top: 0px;
	transform: matrix(1,0,0,1,0,0);
}
#SVG_ee {
	fill: transparent;
	stroke: rgba(247,250,252,1);
	stroke-width: 4px;
	stroke-linejoin: round;
	stroke-linecap: round;
	stroke-miterlimit: 4;
	shape-rendering: auto;
}
.SVG_ee {
	overflow: visible;
	position: absolute;
	width: 32px;
	height: 40px;
	left: 34px;
	top: 16px;
	transform: matrix(1,0,0,1,0,0);
}
#Rezension-2 {
	position: absolute;
	width: 405px;
	height: 247px;
	left: 1148.758px;
	top: 688px;
	overflow: visible;
}
#Blur-Rezension {
	opacity: 0.99;
	filter: blur(25px);
	fill: rgba(255,255,255,1);
}
.Blur-Rezension {
	position: absolute;
	overflow: visible;
	width: 405px;
	height: 247px;
	left: 0px;
	top: 0px;
}
#Box-Rezension {
	opacity: 0.82;
	fill: rgba(255,255,255,1);
	stroke: rgba(130,184,225,0.502);
	stroke-width: 1px;
	stroke-linejoin: miter;
	stroke-linecap: butt;
	stroke-miterlimit: 4;
	shape-rendering: auto;
}
.Box-Rezension {
	filter: drop-shadow(0px 20px 50px rgba(130, 184, 225, 0.2));
	position: absolute;
	overflow: visible;
	width: 556px;
	height: 398px;
	left: 0px;
	top: 0px;
}
#Pfad_51 {
	fill: rgba(16,46,88,1);
}
.Pfad_51 {
	overflow: visible;
	position: absolute;
	width: 136px;
	height: 14px;
	left: 20px;
	top: 190px;
	transform: matrix(1,0,0,1,0,0);
}
#Pfad_50 {
	fill: rgba(16,46,88,0.749);
}
.Pfad_50 {
	overflow: visible;
	position: absolute;
	width: 349px;
	height: 125px;
	left: 24px;
	top: 64px;
	transform: matrix(1,0,0,1,0,0);
}
#Pfad_49 {
	fill: rgba(16,46,88,1);
}
.Pfad_49 {
	overflow: visible;
	position: absolute;
	width: 26.325px;
	height: 21.06px;
	left: 24.965px;
	top: 18.62px;
	transform: matrix(1,0,0,1,0,0);
}
#Rezension-1 {
	position: absolute;
	width: 405px;
	height: 247px;
	left: 1277.758px;
	top: 364px;
	overflow: visible;
}
#Blur-Rezension_em {
	opacity: 0.99;
	filter: blur(25px);
	fill: rgba(255,255,255,1);
}
.Blur-Rezension_em {
	position: absolute;
	overflow: visible;
	width: 405px;
	height: 247px;
	left: 0px;
	top: 0px;
}
#Box-Rezension_en {
	opacity: 0.82;
	fill: rgba(255,255,255,1);
	stroke: rgba(130,184,225,0.502);
	stroke-width: 1px;
	stroke-linejoin: miter;
	stroke-linecap: butt;
	stroke-miterlimit: 4;
	shape-rendering: auto;
}
.Box-Rezension_en {
	filter: drop-shadow(0px 20px 50px rgba(130, 184, 225, 0.2));
	position: absolute;
	overflow: visible;
	width: 556px;
	height: 398px;
	left: 0px;
	top: 0px;
}
#Pfad_48 {
	fill: rgba(16,46,88,1);
}
.Pfad_48 {
	overflow: visible;
	position: absolute;
	width: 136px;
	height: 14px;
	left: 20px;
	top: 190px;
	transform: matrix(1,0,0,1,0,0);
}
#Pfad_47 {
	fill: rgba(16,46,88,0.749);
}
.Pfad_47 {
	overflow: visible;
	position: absolute;
	width: 349px;
	height: 125px;
	left: 24px;
	top: 74px;
	transform: matrix(1,0,0,1,0,0);
}
#Pfad_46 {
	fill: rgba(16,46,88,1);
}
.Pfad_46 {
	overflow: visible;
	position: absolute;
	width: 26.325px;
	height: 21.06px;
	left: 23.965px;
	top: 19.62px;
	transform: matrix(1,0,0,1,0,0);
}
#Headline {
	position: absolute;
	width: 928.118px;
	height: 304.084px;
	left: 0px;
	top: 161.8px;
	overflow: visible;
}
#Pfad_45 {
	fill: rgba(16,46,88,0.502);
}
.Pfad_45 {
	overflow: visible;
	position: absolute;
	width: 720.17px;
	height: 61.934px;
	left: 0px;
	top: 242.15px;
	transform: matrix(1,0,0,1,0,0);
}
#Pfad_44 {
	fill: rgba(16,46,88,1);
}
.Pfad_44 {
	overflow: visible;
	position: absolute;
	width: 379.2px;
	height: 86.4px;
	left: 2.398px;
	top: 120px;
	transform: matrix(1,0,0,1,0,0);
}
#Pfad_43 {
	fill: rgba(52,143,213,1);
}
.Pfad_43 {
	overflow: visible;
	position: absolute;
	width: 517.56px;
	height: 86.4px;
	left: 410.558px;
	top: 120px;
	transform: matrix(1,0,0,1,0,0);
}
#Pfad_42 {
	fill: rgba(16,46,88,1);
}
.Pfad_42 {
	overflow: visible;
	position: absolute;
	width: 110.76px;
	height: 86.4px;
	left: 641.398px;
	top: 0px;
	transform: matrix(1,0,0,1,0,0);
}
#Pfad_41 {
	fill: rgba(52,143,213,1);
}
.Pfad_41 {
	overflow: visible;
	position: absolute;
	width: 606px;
	height: 86.4px;
	left: 4.678px;
	top: 0px;
	transform: matrix(1,0,0,1,0,0);
}
#Header {
	position: absolute;
	width: 1591.966px;
	height: 81px;
	left: 3.758px;
	top: 0px;
	overflow: visible;
}
#Social {
	position: absolute;
	width: 240px;
	height: 13px;
	left: 1351px;
	top: 41px;
	overflow: visible;
}
#Pfad_40 {
	fill: rgba(161,179,200,1);
}
#Pfad_40 { cursor: pointer; }
#Pfad_40:hover {
  transition: fill 0.2s ease;
  fill: #ff0080;
}
#Pfad_39 { cursor: pointer; }
#Pfad_39:hover {
  transition: fill 0.2s ease;
  fill: #36cc70;
}
.Pfad_40 {
	overflow: visible;
	position: absolute;
	width: 95.336px;
	height: 13.107px;
	left: 0px;
	top: 0px;
	transform: matrix(1,0,0,1,0,0);
}
#Pfad_39 {
	fill: rgba(161,179,200,1);
}
.Pfad_39 {
	overflow: visible;
	position: absolute;
	width: 93.279px;
	height: 13.056px;
	left: 146.946px;
	top: 0px;
	transform: matrix(1,0,0,1,0,0);
}
#Navigation {
	position: absolute;
	width: 515.202px;
	height: 32.869px;
	left: 379px;
	top: 41.131px;
	overflow: visible;
}
#Select-Underline {
	fill: rgba(52,143,213,1);
}
.Select-Underline {
	overflow: visible;
	position: absolute;
	width: 98px;
	height: 2px;
	left: 0px;
	top: 30.869px;
	transform: matrix(1,0,0,1,0,0);
}
#Pfad_38 {
	fill: rgba(16,46,88,1);
}
.Pfad_38 {
	overflow: visible;
	position: absolute;
	width: 96.407px;
	height: 13.056px;
	left: 0.669px;
	top: 0px;
	transform: matrix(1,0,0,1,0,0);
}
#Pfad_37 {
	fill: rgba(161,179,200,1);
}
.Pfad_37 {
	overflow: visible;
	position: absolute;
	width: 79.305px;
	height: 12.58px;
	left: 149.611px;
	top: 0.289px;
	transform: matrix(1,0,0,1,0,0);
}
#Pfad_36 {
	fill: rgba(161,179,200,1);
}
.Pfad_36 {
	overflow: visible;
	position: absolute;
	width: 102.578px;
	height: 13.107px;
	left: 281.711px;
	top: 0px;
	transform: matrix(1,0,0,1,0,0);
}
#Pfad_35 {
	fill: rgba(161,179,200,1);
}
.Pfad_35 {
	overflow: visible;
	position: absolute;
	width: 77.571px;
	height: 13.039px;
	left: 437.631px;
	top: 0.068px;
	transform: matrix(1,0,0,1,0,0);
}
@-webkit-keyframes animate-svg-fill-1 {
  0% {fill: transparent;}
  100% {fill: rgba(16,46,88,1);}
}
@keyframes animate-svg-fill-1 {
  0% {fill: transparent;}
  100% {fill: rgba(16,46,88,1);}
}
@-webkit-keyframes animate-svg-fill-2 {
  0% {fill: transparent;}
  100% {fill: #348FD5;}
}
@keyframes animate-svg-fill-2 {
  0% {fill: transparent;}
  100% {fill: #348FD5;}
}

.svg-elem-1 {
  -webkit-animation: animate-svg-fill-1 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.2s both;
          animation: animate-svg-fill-1 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.2s both;
}
.svg-elem-2 {
  -webkit-animation: animate-svg-fill-2 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.2s both;
          animation: animate-svg-fill-2 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.2s both;
	fill: #348FD5;
}

body {
            margin: 0;
            padding: 0;
            font-family: Arial, sans-serif;
            background: #fff;
        }
        
        .container {
            width: 1920px;
            height: 2462px;
            position: relative;
        }
        
        /* Background circles */
        .background-elements {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: -1;
        }
        
        .circle {
            position: absolute;
            border-radius: 50%;
            background: #348fd5;
            animation: float 6s ease-in-out infinite;
            filter: blur(200px);
        }
        
        .circle:nth-child(1) {
            width: 300px;
            height: 300px;
            top: 15%;
            left: 10%;
            animation-delay: 0s;
        }
        
        .circle:nth-child(2) {
            width: 200px;
            height: 200px;
            top: 30%;
            right: 15%;
            animation-delay: -2s;
        }
        
        .circle:nth-child(3) {
            width: 400px;
            height: 400px;
            top: 60%;
            left: 20%;
            animation-delay: -4s;
        }
        
        .circle:nth-child(4) {
            width: 150px;
            height: 150px;
            top: 70%;
            right: 25%;
            animation-delay: -1s;
        }
        
        .circle:nth-child(5) {
            width: 250px;
            height: 250px;
            top: 80%;
            left: 60%;
            animation-delay: -3s;
        }
        
        @keyframes float {
            0%, 100% { transform: translateY(0px) scale(1); }
            50% { transform: translateY(-20px) scale(1.05); }
        }
        
        .hero-background {
            width: 1920px;
            height: 1080px;
            background: linear-gradient(135deg, 
                rgba(247, 250, 252, 0.8) 0%,
                rgba(247, 250, 252, 0.8) 3.1%,
                rgba(246, 249, 252, 0.8) 6.3%,
                rgba(246, 249, 252, 0.8) 9.4%,
                rgba(246, 249, 251, 0.8) 12.5%,
                rgba(245, 249, 251, 0.8) 15.6%,
                rgba(245, 248, 251, 0.8) 18.8%,
                rgba(245, 248, 251, 0.8) 21.9%,
                rgba(244, 248, 251, 0.8) 25.0%,
                rgba(244, 248, 251, 0.8) 28.1%,
                rgba(244, 247, 250, 0.8) 31.3%,
                rgba(244, 247, 250, 0.8) 34.4%,
                rgba(243, 247, 250, 0.8) 37.5%,
                rgba(243, 247, 250, 0.8) 40.6%,
                rgba(243, 246, 250, 0.8) 43.8%,
                rgba(242, 246, 250, 0.8) 46.9%,
                rgba(242, 246, 249, 0.8) 50.0%,
                rgba(242, 246, 249, 0.8) 53.1%,
                rgba(241, 245, 249, 0.8) 56.3%,
                rgba(241, 245, 249, 0.8) 59.4%,
                rgba(241, 245, 249, 0.8) 62.5%,
                rgba(240, 245, 249, 0.8) 65.6%,
                rgba(240, 244, 249, 0.8) 68.8%,
                rgba(240, 244, 248, 0.8) 71.9%,
                rgba(239, 244, 248, 0.8) 75.0%,
                rgba(239, 244, 248, 0.8) 78.1%,
                rgba(239, 243, 248, 0.8) 81.3%,
                rgba(239, 243, 248, 0.8) 84.4%,
                rgba(238, 243, 248, 0.8) 87.5%,
                rgba(238, 243, 247, 0.8) 90.6%,
                rgba(238, 242, 247, 0.8) 93.8%,
                rgba(237, 242, 247, 0.8) 96.9%,
                rgba(237, 242, 247, 0.8) 100%
            );
            backdrop-filter: blur(0px);
            -webkit-backdrop-filter: blur(0px);
            position: absolute;
            top: 0;
            left: 0;
        }
        
        .body-background {
            width: 1920px;
            height: 1382px;
            background: linear-gradient(to right, rgba(242, 246, 249, 0.8), rgba(237, 242, 247, 0.8));
            backdrop-filter: blur(0px);
            -webkit-backdrop-filter: blur(0px);
            position: absolute;
            top: 1080px;
            left: 0;
        }
        
        /* Responsive version */
        @media (max-width: 1920px) {
            .container {
                width: 100%;
            }
            
            .hero-background {
                width: 100%;
            }
            
            .body-background {
                width: 100%;
            }
        }