@font-face	{ font-family:'OpenSans'; font-style:normal; font-weight:300; src:url('../../../assets/fonts/OpenSans-Light.woff') format('woff');
}@font-face { font-family:'OpenSans'; font-style:normal; font-weight:400; src:url('../../../assets/fonts/OpenSans-Regular.woff') format('woff');
}@font-face { font-family:'OpenSans'; font-style:normal; font-weight:600; src:url('../../../assets/fonts/OpenSans-Bold.woff') format('woff');
}

:root {
	--main-color:#666;
	--header-height:70px;
}
	/*********************************************************************************************
	  General
	/********************************************************************************************/

	*					{	padding:0; margin:0; box-sizing:border-box;
	} body				{	font-family:OpenSans, sans-serif; font-weight:300; line-height:1.6; color:var(--main-color); background:#fff;

	/* general */
	} h1					{	color:#333; font-size:40px; font-weight:300; line-height:1.1; letter-spacing:1.5px; text-transform:uppercase; margin-bottom:20px;
	} h2					{	color:#333; font-size:35px; font-weight:300; line-height:1.2; letter-spacing:-0.5px; margin-bottom:20px; margin-top:40px;
	} h2:first-child			{	margin-top:0;
	} h3					{	color:#666; font-size:25px; font-weight:400; line-height:1.3; margin-bottom:22px;
	} h4					{	color:#666; font-size:20px; font-weight:400; line-height:1.5; margin-bottom:15px;
	} h4.light				{	font-weight:300; line-height:1.5;
	

	} p					{	color:var(--main-color); font-size:18px; line-height:1.6; margin-bottom:30px;

	} a					{	color:var(--main-color); text-decoration:none;
	} a:hover				{	color:#000; transition:color 1s ease;

	} hr					{	width:80%; height:1px; margin:25px auto; background:#ddd; border:0;
	} br					{

	} ul					{	
	} ul:not(.special) > li		{	font-size:18px; line-height:1.6; margin-left: 20px;
	} ul:not(.special) + *		{	margin-top:20px;
	} ul.special			{	list-style-type:none;

	}.btn					{	display:inline-block; padding:18px 36px; font-size:16px; font-weight:600; text-decoration:none; background:rgba(255,255,255,0.9); backdrop-filter:blur(15px); border:1px solid rgba(255,255,255,0.9); border-radius:50px; box-shadow:0 8px 30px rgba(0,0,0,0.15); transition:all 0.4s ease;
	}.btn:hover				{	color:#fff; background:rgba(255,255,255,0.1); border-color:rgba(255,255,255,0.25); box-shadow:0 12px 40px rgba(0,0,0,0.25); transform:translateY(-3px); transition:all 0.4s ease;
	}.btn.btn-primary			{	color:#000; background:transparent; border:2px solid #000; box-shadow:0 4px 15px rgba(0,0,0,0.1); cursor:pointer;
	}.btn.btn-primary:hover		{	color:#fff !important; background:#000; box-shadow:0 8px 25px rgba(0,0,0,0.2); transform:translateY(-3px);


	}.icon				{	position:relative; display:flex; width:90px; height:90px; margin:0 auto; align-items:center; justify-content:center; 
							color:white; font-size:36px; font-weight:bold; border-radius:24px; box-shadow:0 8px 25px rgba(0,0,0,0.15);
							transform:translateY(0); transition:all 1.5s ease;
	}.icon img				{	display:flex; width:30px; height:30px; align-items:center; justify-content:center;
	}.icon.large			{	display:flex; width:120px; height:120px; align-items:center; justify-content:center; border-radius:20px; box-shadow:0 8px 25px rgba(0,0,0,0.06);
	}.icon.large img			{	width:70px; height:70px; object-fit:contain;


	/* self */	
	}.self_space-top_no {	padding-top:0 !important;
	}.self_space-btm_no {	padding-bottom:0 !important;
	}.self_align_center {	text-align:center;


	/* form */
	}.form-group				{	display:flex; flex-direction:column; gap:6px;
	}.form-group label			{	font-size:13px; font-weight:500; letter-spacing:0.3px; color:#666;
	}.form-field.alert
	, input:required:user-invalid
	, textarea:required:user-invalid
	, select:required:user-invalid	{	border:1px solid #a00; color:#a00;


	
	}.form-input			{	padding:12px 16px; font-size:15px; font-weight:300; line-height:1.6; color:var(--main-color);
							border:1px solid #ddd; border-radius:8px; background:#fff; transition:all 0.3s ease;
	}.form-input:focus		{	outline:none; background:#fff; border-color:#000; box-shadow:0 2px 8px rgba(0,0,0,0.08);
	}.form-input::placeholder	{	color:#999;

	/*********************************************************************************************
	  Construct
	/********************************************************************************************/

	/* header */
	}.header						{	position:fixed; z-index:1000; top:0; width:100%; padding:15px 0; transition:all 0.3s ease;
	}.header-logo					{	display:block; transition:all 0.3s ease;
	}.header-logo svg					{	display:block; width:100%; height:40px; transition:all 0.3s ease;
		
	}#header-logo_text				{	display:none;
	}#header-logo_icon				{	transform-box:fill-box; transform-origin:center; transform:scale(1.25) translateY(calc(50% * (1 - 1/5)));



	}.header-logo svg	*				{	fill:#222;

	}.header-nav					{	display:flex; flex-direction:column; align-items:center; max-width:1400px; margin:0 auto; gap:15px; transition:all 0.3s ease;
	}.header-nav ul					{	display:flex; padding:0; margin:0; gap:0; list-style:none;
	}.header-nav ul li				{	position:relative;

	/* Language Switcher Dropdown */
	}.header-lang					{	position:absolute; display:flex; align-items:center;




	}.lang-current					{	display:flex; align-items:center; gap:8px; padding:8px 16px; font-size:13px; font-weight:600; color:#222; background:rgba(255,255,255,0); border:1px solid rgba(0,0,0,0.1); border-radius:20px; cursor:pointer; transition:all 0.3s ease; text-transform:uppercase; letter-spacing:0.5px;
	}.lang-current:hover				{	background:#fff; border-color:rgba(255,255,255,0.7); box-shadow:0 4px 12px rgba(0,0,0,0.1);
	}.lang-current svg				{	transition:transform 0.3s ease;
	}.header-lang.active .lang-current svg	{	transform:rotate(180deg);
	}.lang-dropdown					{	position:absolute; top:calc(100% + 8px); right:0; min-width:80px; background:#fff; border:1px solid rgba(0,0,0,0.1); border-radius:12px; box-shadow:0 8px 24px rgba(0,0,0,0.15); opacity:0; visibility:hidden; transform:translateY(-10px); transition:all 0.3s ease; z-index:1000;
	}.header-lang.active .lang-dropdown		{	opacity:1; visibility:visible; transform:translateY(0);
	}.lang-option					{	display:block; padding:10px 16px; font-size:13px; font-weight:600; color:#666; text-decoration:none; text-transform:uppercase; letter-spacing:0.5px; transition:all 0.2s ease;
	}.lang-option:hover				{	color:#000;
	}.header-nav ul li::after			{	content:''; position:absolute; right:20px; bottom:-1px; left:20px; height:2px; transform:scaleX(0); background:#000; transition:transform 0.3s ease, bottom 0.3s ease;
	}.header-nav ul li:hover::after		{	transform:scaleX(1);
	}.header-nav ul a					{	position:relative; display:block; padding:15px 20px 8px 20px; color:#222; font-size:0.85rem; font-weight:500; letter-spacing:0.5px; text-transform:uppercase; text-decoration:none; transition:color 0.3s ease;

		
	}.header-nav ul a:hover				{	color:#000;
	}.header-nav ul a:hover::after		{	transform:scaleX(1);
	}.header-button					{	display:none; flex-direction:column; padding:5px; gap:5px; background:none; border:none; cursor:pointer;
	}.header-button span				{	width:25px; height:3px; background:#000; border-radius:2px; transition:all 0.3s ease;

	/* footer */
	}.footer						{	display:flex; flex-direction:column; background:linear-gradient(145deg, #f8f9fa 0%, #f0f1f3 100%); border-top:1px solid #eee;
	}.footer-content					{	display:grid; grid-template-columns:1fr 1fr; gap:80px; padding:50px 0 40px; 
	}.footer-links					{	display:flex; gap:50px;
	}.footer-links a					{	color:#666; font-size:15px; font-weight:500; text-decoration:none; transition:color 0.3s ease;
	}.footer-links a:hover				{	color:#000;
	}.footer-contact					{	text-align:right;
	}.footer-contact p				{	margin-bottom:8px; color:#666; font-size:15px; line-height:1.5;
	}.footer-copyright *				{	color:#666; 
	}.footer-copyright p				{	padding:20px 0 20px; font-size:12px; line-height:1.5; text-align:center;

	/* main */
	} main									{	position:relative; display:inline-block; width:100%; max-width:100%; 
	} body:not(.disable_main-space_top) 
	  main::before								{	content:''; position:absolute; z-index:100; width:100%; height:200px;
												inset:0; backdrop-filter:blur(10px); mask-image:linear-gradient(to bottom, black, transparent); -webkit-mask-image:linear-gradient(to bottom, black, transparent);
	/* main > section */
	} main > section:not(.stage)						{	padding-top:60px;
	} main > section:last-child						{	padding-bottom:60px;
	} body.disable_main-space_top	main > section:first-child
	, main > section.self_space-top_no + section			{	padding-top:60px;
	} section.centered .container > h1					{	color:#666;font-size:50px; margin-bottom:70px;
	} section.centered .container > h2					{	color:#666;font-size:50px; margin-bottom:70px;
	} section.centered .container > *:not(div)			{	text-align:center;
	} section.centered .container > p					{	color:#666; font-size:22px; max-width:850px; margin:0 auto 90px; text-align:center;


	/* main > section > container */
	}.container					{	margin:0 auto; width:100%; max-width:1400px; padding:0 20px;
	}.container.full				{	padding:0; max-width:none;

	}.sidebar-wrapper				{	display:grid; grid-template-columns:100%; gap:40px;
	}.sidebar 					{	display:flex; flex-direction:column; gap:25px;
		
	}.sidebar ul				{	
	}.sidebar ul > li				{	margin-bottom:5px;
		
	/* main */
	}.grid					{	display:grid; grid-template-columns:1fr; gap:35px; margin-bottom:80px;
	}.tile					{	overflow:hidden; position:relative; border:1px solid rgba(0,0,0,0.04); border-radius:24px; background:linear-gradient(145deg, #ffffff 0%, #f8f9fa 100%); transition:all 1.5s ease;
	}.tile:hover				{	transform:translateY(-12px); box-shadow:0 5px 30px rgba(0,0,0,0.1); transition:all 0.5s ease;
	}.tile:hover .icon			{	transform:translateY(+12px); box-shadow:0 0px 25px rgba(0,0,0,0.15); transition:all 0.5s ease;
	}.tile .icon + .content			{	margin-top:30px;
	
	}.tile .image				{	overflow:hidden; position:relative; display:flex; height:300px; background-size:cover; background-position:center; background-repeat:none;
	}.tile .image::before			{	content:''; position:absolute; z-index:1; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.035);
	}.tile-space				{	padding:45px 35px;  display: flex;flex-direction: column;
	}.tile-space > div			{	margin-top:auto;

	}.tile .content > *:last-child	{	margin-bottom:0;


	/*********************************************************************************************
	  Components
	/********************************************************************************************/
	/* stage */	
	}.stage								{	position:relative; overflow:hidden; min-height:500px; background:#eee;
		background-size:cover; background-position:center; background-repeat:none;
	}.stage.fullheight						{	height:calc(100vh - 70px);
	}.stage h1, .stage p						{	color:#fff;
	}.stage h1								{	font-size:68px; text-shadow:0 4px 25px rgba(0,0,0,0.4);

	/* slider */
	}.base-slider							{	position:relative; width:100%; height:100%;
	}.base-slider 		.swiper-slide			{	width:100%; height:100%; display:flex; align-items:center; justify-content:center; background-size:cover; background-position:center; background-repeat:no-repeat;
	}.base-slider 		.base-content			{	position:relative; z-index:2; max-width:900px; padding:0 50px; color:#fff; text-align:center;
	}.base-slider 		.base-overlay			{	position:absolute; z-index:1; top:0; left:0; width:100%; height:100%;
												background:linear-gradient( to bottom, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.25) 100% );
	}.base-slider 		.base-overlay.type-02		{	background:linear-gradient( to bottom, rgba(255, 100, 245, 0.53) 60%, rgba(0, 0, 0, 0.25) 100% );

	}.base-slider		.swiper-button-prev
	,.base-slider		.swiper-button-next		{	margin-top:0;
	}.base-slider:hover	.swiper-button-prev
	,.base-slider:hover	.swiper-button-next		{	opacity:1;
	}.base-slider		.swiper-button-prev::after
	,.base-slider		.swiper-button-next::after	{	color:rgba(255,255,255,1);
	}.base-slider		.swiper-pagination		{	position:absolute; z-index:3; bottom:35px; left:50%; display:flex; width:auto; gap:10px; transform:translateX(-50%);
	}.base-slider:hover	.swiper-pagination		{	opacity:1;
	}.base-slider 		.swiper-pagination .dot		{	opacity:1; width:10px; height:10px; border:none; border-radius:50%; background:rgba(255,255,255,0.4); cursor:pointer; transition:all 0.3s ease;
	}.base-slider 		.swiper-pagination .dot.swiper-pagination-bullet-active	{	background:rgba(255,255,255,0.9); transform:scale(1.2);

	/* CTA */
	}.cta-box								{	padding:30px; background:#fafbfc; border-radius:15px; border:1px solid #eef1f5;
	}.cta-content							{	width:100%; margin-bottom: 80px; text-align:center;

	/* link arrow */
	}.link-arrow							{	position:relative; display:block; font-size:20px; color:#667eea; transition:transform 0.3s ease;
	}.tile:hover .link-arrow					{	transform:translateX(5px);

	/* nav-buttons */
	}.nav-buttons							{	width:100%;
	}.nav-buttons .btn						{	margin-right:10px;
	}.nav-buttons .btn:first-child				{	margin-top:0;


	/* tags */
	}.tags-box								{	padding:35px 30px;
	}.tags-box h4							{
	}.tags-box .tags							{	display:flex; flex-wrap:wrap; gap:10px;
	}.tags-box .tag							{	display:inline-block; padding:8px 16px; font-size:13px; font-weight:400; color:#666; background:#f5f6fa; border-radius:20px; transition:all 0.3s ease;
	}.tag:hover 							{	color:#333; background:#eaedf3;
	}.tag-small								{	display:inline-block; padding:6px 14px; margin-right:15px; font-size:13px; font-weight:400; color:#666; background:#f5f6fa; border-radius:20px; transition:all 0.3s ease;
	}.tag-small:hover 						{	color:#333; background:#eaedf3;


  


	/*********************************************************************************************
	  Pages
	/********************************************************************************************/



	/* references */
	}.references-content			{	padding:30px 35px 0px;
	}.references-content h4			{	margin-bottom:10px;
	}.references-content h3			{	margin-bottom:15px;
	}.references-tags				{	display:flex; flex-wrap:wrap; margin-top:30px; gap:8px; align-items:center; 

	}.section.reference-detail		{	padding-top:0;


	}.reference-image.hero			{	position:relative; overflow:hidden; width:100%; height:500px; margin-bottom:20px;
								background-size:cover; background-position:center; margin-bottom:40px;
	}.reference-image.hero::after		{	content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient(135deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.05) 100%);
	}.reference-content-wrapper		{	display:grid; grid-template-columns:2fr 1fr; gap:60px; margin-bottom:80px;

	}.reference-client			{	display:inline-block; margin-bottom:15px; font-size:24px; font-weight:400;
	}.references_landeselternrat-brandenburg .image	{	padding:20px; background-size:contain; background-repeat:no-repeat; background-origin:content-box; background-clip:content-box;

	/* solutions (listing) */
	}.solutions.centered .tile					{	text-align:center;
	}.tile.solution::before						{	content:''; position:absolute; top:0; left:0; right:0; height:5px; transform:translateX(-100%); transition:transform 0.5s ease;
	}.tile.solution:hover::before					{	transform: translateX(0);
	}.tile.solution .icon						{	margin-top:0;



	}.solution_consulting-strategy::before			{	background:linear-gradient(90deg, #667eea, #764ba2);
	}.solution_consulting-strategy .tile::before		{	background:linear-gradient(180deg, #667eea, #764ba2);
	}.solution_consulting-strategy .icon			{	background:linear-gradient(145deg, #667eea, #764ba2);

	}.solution_content-design::before				{	background:linear-gradient(90deg, #7bdad4, #f9a9c4);
	}.solution_content-design .tile::before			{	background:linear-gradient(180deg, #7bdad4, #f9a9c4);
	}.solution_content-design .icon				{	background:linear-gradient(145deg, #7bdad4, #f9a9c4);

	}.solution_websites-webshops::before			{	background:linear-gradient(90deg, #f093fb, #f5576c);
	}.solution_websites-webshops .tile::before		{	background:linear-gradient(180deg, #f093fb, #f5576c);
	}.solution_websites-webshops .icon				{	background:linear-gradient(145deg, #f093fb, #f5576c);

	}.solution_digital-marketing::before			{	background:linear-gradient(90deg, #43e97b, #38f9d7);
	}.solution_digital-marketing .tile::before		{	background:linear-gradient(180deg, #43e97b, #38f9d7);
	}.solution_digital-marketing .icon				{	background:linear-gradient(145deg, #43e97b, #38f9d7);

	}.solution_business-innovation::before			{	background:linear-gradient(90deg, #fa709a, #fee140);
	}.solution_business-innovation .tile::before		{	background:linear-gradient(180deg, #fa709a, #fee140);
	}.solution_business-innovation .icon			{	background:linear-gradient(145deg, #fa709a, #fee140);

	}.solution_support-care::before				{	background:linear-gradient(90deg, #4facfe, #00f2fe);
	}.solution_support-care .tile::before			{	background:linear-gradient(180deg, #4facfe, #00f2fe);
	}.solution_support-care .icon					{	background:linear-gradient(145deg, #4facfe, #00f2fe);

	/* solutions overview  */
	}.solutions-overview								{	display:flex; flex-direction:column; gap:80px;
	}.solutions-overview .solution-category					{	padding:50px;
	}.solutions-overview .solution-category-header				{	margin-bottom:50px; text-align:center;
	}.solutions-overview .solution-category-info				{	margin-top:30px;	
	}.solutions-overview .solution-category-info h2				{	font-weight:600; margin-bottom:15px; letter-spacing:-0.5px;
	}.solutions-overview .solution-body.grid					{	gap:25px; margin:0;
	}.solutions-overview .solution-body .tile					{	padding:30px; background:#fff; border:1px solid #e8ecf1; border-radius:15px;
	}.solutions-overview .solution-body .tile::before			{	content:''; position:absolute; top:0; left:0; width:5px; height:100%; opacity:0; transition:opacity 0.3s ease;
	}.solutions-overview .solution-body .tile:hover::before		{	opacity:1;
	}.solutions-overview .solution-body .tile h3				{	font-size:20px; font-weight:600; margin-bottom:12px;
	}.solutions-overview .solution-body .tile p				{	font-size:15px; line-height:1.6; margin-bottom:15px; color:#666;

	/* solutions details overview */
	} section.stage.solution							{	min-height:250px;
	} section.stage.solution .icon.large					{	position:absolute; inset:0; width:100%; height:100%; border-radius: 0;
	} section.stage.solution .icon.large	img				{	width:auto; height:150px;	
	} section.stage.solution .container						{	display:grid; width:100%; height:100%; margin-bottom:0;
	} section.stage.solution .breadcrumb					{	display:flex; margin-bottom:20px; gap:12px; align-items:end; color:#fff; font-size:14px;
	} section.stage.solution .breadcrumb a					{	color:#fff; text-transform: uppercase;
	} section.stage.solution .ico							{	display:grid; justify-content:right; align-content:center;
	}.solution-detail .solution-services-grid					{	display:grid; grid-template-columns:repeat(auto-fill, minmax(350px, 1fr)); gap:30px; margin-top:40px;


		



	/*

	

	
	}.solution-content-wrapper					{	display:grid; grid-template-columns:1fr 350px; gap:60px; margin-bottom:60px;


	}.solution_content-design::before				{	background:linear-gradient(90deg, #a8edea, #fed6e3);
	}.solution_content-design .icon				{	background:linear-gradient(145deg, #a8edea, #fed6e3);
	*/


	/* contact  */
	}.contact h4.light						{	 margin-bottom:50px; text-align:left;
	}.contact .btn							{	 text-align:center;



	/* contact layer */
	}.contact-layer							{	position:fixed; z-index:9999; top:0; left:0; width:100%; height:100%;
											display:none; align-items:center; justify-content:center; opacity:0; transition:opacity 0.4s ease;
	}.contact-layer.active						{	display:flex; opacity:1;
	}.contact-layer-overlay						{	position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.65); backdrop-filter:blur(10px); cursor:pointer;
	}.contact-layer-content						{	overflow-y:auto; position:relative; z-index:1; width:90%; max-width:600px; max-height:90vh; padding:50px; transform:scale(0.95);
											background:linear-gradient(145deg, #fafbfc 0%, #ffffff 100%); border:1px solid rgba(0,0,0,0.05); border-radius:20px; box-shadow:0 20px 60px rgba(0,0,0,0.25);
											transition:transform 0.4s ease;
	}.contact-layer.active .contact-layer-content		{	transform:scale(1);
	}.contact-layer-close						{	position:absolute; top:20px; right:20px; display:flex; width:40px; height:40px; padding:0; align-items:center; justify-content:center;
											color:#999; font-size:32px; line-height:32px; cursor:pointer; background:transparent; border:none;  border-radius:50%; transition:all 0.3s ease;
	}.contact-layer-close:hover					{	color:#000; background:rgba(0,0,0,0.05); transform:rotate(90deg);
	}.contact-layer h2						{	text-align:center;
	}.contact-form form						{	display:flex; flex-direction:column; gap:18px;
	}.contact-form form textarea.form-input			{	resize:vertical; min-height:100px;
	}.contact-layer-info
	,.contact-layer-info > *:not(.contact-button-close)	{	display:none;	


	}

/***************************************************************************************************

/**************************************************************************************************/
@media (max-width:769px){ * {
	} body								{	margin-top:var(--header-height);
	/*********************************************************************************************
	  Construct
	/********************************************************************************************/


	}.header								{	background:rgba(255, 255, 255, 0.75); backdrop-filter:blur(10px); border-bottom:1px solid #eee; 
	}.header-nav							{	flex-direction:row; justify-content:space-between; gap:0;
	}.header-logo svg							{	height:40px;
	}.header-nav ul							{	overflow:hidden; position:fixed; flex-direction:column; top:70px; right:0; left:0; max-height:0; padding:0; gap:0;
											background:rgba(255, 255, 255, 0.98); backdrop-filter:blur(10px); border-bottom:none; transition:max-height 0.3s ease, padding 0.3s ease;
	}.header-nav ul.active						{	max-height:300px; padding:10px 0; border-bottom:1px solid #eee;
	}.header-nav ul li						{	padding:0;
	}.header-nav ul a							{	padding:15px 20px; border-bottom:1px solid #f0f0f0;
	}.header-nav ul li::after					{	display:none;
	}.header-nav ul li:last-child a				{	border-bottom:none;
	}.header-lang							{	right: 80px;
	}.header-button							{	display:flex;
	}.header-button.active span:nth-child(1)			{	transform:rotate(45deg) translate(7px, 7px);
	}.header-button.active span:nth-child(2)			{	opacity:0;
	}.header-button.active span:nth-child(3) 			{	transform:rotate(-45deg) translate(7px, -7px);



	/*********************************************************************************************
	  Components
	/********************************************************************************************/

	}.base-slider		.swiper-button-prev
	,.base-slider		.swiper-button-next			{	opacity:1; top:auto; bottom:30px; transform:none;
	
	}.base-slider		.swiper-button-prev
	,.base-slider		.swiper-button-next			{	width:20px; height:20px;
	}.base-slider		.swiper-button-prev			{	left:25px;
	}.base-slider		.swiper-button-next			{	right:25px;	
/*
	


*/
	/*********************************************************************************************
	  Pages
	/********************************************************************************************/
	/* solution 

	
*/
	}.solution-detail	.sidebar			{	flex-direction: column-reverse;
	}.solution-content-wrapper 			{	grid-template-columns:1fr;


	/* contact */
	}.contact .grid > div:first-child		{	text-align:center;



}	}
/***************************************************************************************************

/**************************************************************************************************/
@media (max-width:1200px){ * {
	}.solution-content-wrapper {

	
}	}
/***************************************************************************************************

/**************************************************************************************************/
@media (min-width:769px){ * {
	} body.small-header main					{	margin-top:var(--header-height);

	}.header								{	padding:60px 0 0; background:rgba(255, 255, 255, 0); backdrop-filter:unset;
	}.header:hover, body.small-header .header			{	background:rgba(255, 255, 255, 0.75); backdrop-filter:blur(10px); border-bottom:1px solid #eee; 
		
	} body.small-header .header					{	padding:15px 0;
	} body.small-header .header-nav				{	flex-direction:row; justify-content:space-between; gap:0;

	} body:not(.small-header) .header-logo svg		{	height:80px;
	} body:not(.small-header) #header-logo_text		{	display:inherit;
	} body:not(.small-header) #header-logo_icon		{	transform:none;

	} body.small-header .header-nav ul				{	margin-right:80px;
	} body.small-header .header-nav ul li::after		{	bottom:-24px;
	} 			  .header-nav ul a			{	font-size:1.15rem;
	} body.small-header .header-nav ul a			{	padding:0 20px; font-size:0.85rem;


	} body.small-header .header-lang				{	right:5%;
	} body:not(.small-header) .header-lang			{	top:20px; right:20px;



	}.container								{	padding:0 5%;
	}.grid								{	gap:45px;
	}.grid.grid-2							{	grid-template-columns:repeat(2, 1fr);
	}.grid.grid-3							{	grid-template-columns:repeat(auto-fit, minmax(320px, 1fr));

	/*********************************************************************************************
	  Construct
	/********************************************************************************************/
	} main > section:not(.stage)					{	padding-top:120px;
	} main > section:last-child					{	padding-bottom:120px;
	}.sidebar-wrapper							{	grid-template-columns:1fr 300px;

	/*********************************************************************************************
	  Components
	/********************************************************************************************/
	/* stage */
	}.stage.fullheight						{	height:100vh;

	/* slider */
	}.base-slider		.swiper-button-prev		{	left:40px;
	}.base-slider		.swiper-button-next		{	right:40px;
	}.base-slider		.swiper-button-prev
	,.base-slider		.swiper-button-next		{	width:40px; height:40px;
	}.base-slider		.swiper-pagination		{	opacity:0;
	}.base-slider		.swiper-button-prev::after
	,.base-slider		.swiper-button-next::after	{	color:rgba(255,255,255,0);  transition:all 0.3s ease;
	}.base-slider:hover	.swiper-button-prev::after
	,.base-slider:hover	.swiper-button-next::after	{	color:rgba(255,255,255,1);




	/*********************************************************************************************
	  Pages
	/********************************************************************************************/
	}.solutions-overview .solution-category-header			{	display:grid; grid-template-columns:auto 1fr; gap:40px; padding-bottom:40px; align-items:center; text-align:left; border-bottom:2px solid #e8ecf1;



		

}	}





	



.error-content {
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:80px;
	align-items:center;


}.error-graphic	{	position:relative;
}.error-number	{	position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:180px; font-weight:600; letter-spacing:-10px; line-height:1; text-align:center; color:#f0f0f0; pointer-events:none;
	
	
}