#template_kontakt .agents
{
	position: relative;
}

#template_kontakt .agents .before
{
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
}

#template_kontakt .agents .before::before
{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 51.5625vw;
	height: 51.5625vw;
	background-color: var(--root_color_light_2);
	border-radius: 50%;
	transform: translate(-50%, -50%);
}

#template_kontakt .agents .after
{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 1px;
	height: 1px;
}

#template_kontakt .agents .after::before
{
	content: '';
	display: block;
	position: absolute;
	bottom: var(--global_size_75);
	right: var(--global_size_75);
	width: 15.3645vw;
	height: 15.3645vw;
	background-color: var(--root_color_light_2);
	border-radius: 50%;
}

#template_kontakt .agents .after::after
{
	content: '';
	display: block;
	position: absolute;
	bottom: var(--global_size_50);
	right: calc(15.3645vw + var(--global_size_60));
	width: 63px;
	height: 63px;
	background-color: var(--root_color_light_2);
	border-radius: 50%;
}

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

#template_kontakt .map_google
{
	position: relative;
}

#template_kontakt .map_google #map_google
{
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 50vw;
	height: 100%;
}

#template_kontakt .address
{
	padding-top: var(--global_size_125);
	padding-bottom: var(--global_size_125);
	padding-left: var(--global_size_150);
}

#template_kontakt .address .content a
{
	color: var(--root_color_white);
	font-weight: 400;
	word-break: break-all;
}

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

@media screen and (max-width: 1680px)
{
}

@media screen and (max-width: 1600px)
{
}

@media screen and (max-width: 1440px)
{
}

@media screen and (max-width: 1366px)
{
}

@media screen and (max-width: 1300px)
{
}

@media screen and (max-width: 1200px)
{
}

@media screen and (max-width: 1024px)
{
	#template_kontakt .address
	{
		order: -1;
		padding-left: 0;
	}
	
	#template_kontakt .map_google
	{
		width: 100%;
		height: 50vh;
		min-height: 390px;
	}

	#template_kontakt .map_google #map_google
	{
		width: 100vw;
		right: auto;
		left: calc(var(--global_padding) * -1);
	}





	
	
	
	#template_kontakt .agents .before::before,
	#template_kontakt .agents .after::before,
	#template_kontakt .agents .after::after
	{
		display: none;
	}
	

}

@media screen and (max-width: 800px)
{
}

@media screen and (max-width: 640px)
{
}

@media screen and (max-width: 480px)
{
}

@media screen and (max-width: 360px)
{
}