
@font-face {
	font-family: Montserrat;
	src: url('montserrat/Montserrat-Thin.ttf');
	font-weight: 100;
}

@font-face {
	font-family: Montserrat;
	src: url('montserrat/Montserrat-ThinItalic.ttf');
	font-weight: 100;
	font-style: italic;
}

@font-face {
	font-family: Montserrat;
	src: url('montserrat/Montserrat-ExtraLight.ttf');
	font-weight: 200;
}

@font-face {
	font-family: Montserrat;
	src: url('montserrat/Montserrat-ExtraLightItalic.ttf');
	font-weight: 200;
	font-style: italic;
}

@font-face {
	font-family: Montserrat;
	src: url('montserrat/Montserrat-Light.ttf');
	font-weight: 300;
}

@font-face {
	font-family: Montserrat;
	src: url('montserrat/Montserrat-LightItalic.ttf');
	font-weight: 300;
	font-style: italic;
}

@font-face {
	font-family: Montserrat;
	src: url('montserrat/Montserrat-Regular.ttf');
	font-weight: 400;
}

@font-face {
	font-family: Montserrat;
	src: url('montserrat/Montserrat-Italic.ttf');
	font-weight: 400;
	font-style: italic;
}

@font-face {
	font-family: Montserrat;
	src: url('montserrat/Montserrat-Medium.ttf');
	font-weight: 500;
}

@font-face {
	font-family: Montserrat;
	src: url('montserrat/Montserrat-MediumItalic.ttf');
	font-weight: 500;
	font-style: italic;
}

@font-face {
	font-family: Montserrat;
	src: url('montserrat/Montserrat-SemiBold.ttf');
	font-weight: 600;
}

@font-face {
	font-family: Montserrat;
	src: url('montserrat/Montserrat-SemiBoldItalic.ttf');
	font-weight: 600;
	font-style: italic;
}

@font-face {
	font-family: Montserrat;
	src: url('montserrat/Montserrat-Bold.ttf');
	font-weight: 700;
}

@font-face {
	font-family: Montserrat;
	src: url('montserrat/Montserrat-BoldItalic.ttf');
	font-weight: 700;
	font-style: italic;
}

@font-face {
	font-family: Montserrat;
	src: url('montserrat/Montserrat-ExtraBold.ttf');
	font-weight: 800;
}

@font-face {
	font-family: Montserrat;
	src: url('montserrat/Montserrat-ExtraBoldItalic.ttf');
	font-weight: 800;
	font-style: italic;
}

@font-face {
	font-family: Montserrat;
	src: url('montserrat/Montserrat-Black.ttf');
	font-weight: 900;
}

@font-face {
	font-family: Montserrat;
	src: url('montserrat/Montserrat-BlackItalic.ttf');
	font-weight: 900;
	font-style: italic;
}

@font-face {
	font-family: MartelSans;
	src: url('martel_sans/MartelSans-ExtraLight.ttf');
	font-weight: 200;
}

@font-face {
	font-family: MartelSans;
	src: url('martel_sans/MartelSans-Light.ttf');
	font-weight: 300;
}

@font-face {
	font-family: MartelSans;
	src: url('martel_sans/MartelSans-Regular.ttf');
	font-weight: 400;
}

@font-face {
	font-family: MartelSans;
	src: url('martel_sans/MartelSans-SemiBold.ttf');
	font-weight: 600;
}

@font-face {
	font-family: MartelSans;
	src: url('martel_sans/MartelSans-Bold.ttf');
	font-weight: 700;
}

@font-face {
	font-family: MartelSans;
	src: url('martel_sans/MartelSans-ExtraBold.ttf');
	font-weight: 800;
}

@font-face {
	font-family: MartelSans;
	src: url('martel_sans/MartelSans-Black.ttf');
	font-weight: 900;
}

*{
	padding:0;
	margin:0;
	box-sizing:border-box;
	-webkit-overflow-scrolling:touch;
}

html{
    overflow: hidden;    
}

html,body {
    height:100%; /* braucht es für die min-height des Containers */
}

body
{
	position:relative;
	width:100%;
	height:100%;
	color:black;
	font-family: 'MartelSans', sans-serif;
	font-size:14px;
	overflow-x:hidden;  
	background-color:black;
	line-height:1.75;
	font-weight:400;
}



ul {
    list-style: none;
    margin:0px;
    padding:0px;
    font-size: 1.0em;
}
ul li {
    margin-left: 0em;
    position: relative;
    padding-left: 1.0em;
	text-align:left;
}
ul li:before {
    content:"\2022";
    font-size: 1.0em;
    position: absolute;
    top: 0;
    left: 0;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5
{
	margin-top:20px;
}

h1, .h1
{
	font-size:22px;
	font-family:Montserrat;

}

h2, .h2
{
	font-size:24px;
	font-family:Montserrat;
	font-weight:700;
	position:relative;
}

h2:before, .h2:before
{
	content:"";
	width:100%;
	max-width:250px;
	border-top:5px solid black;
	position:absolute;
	left:0;
	top:-25px;
}



h3, .h3
{
	font-size:18px;
	font-family:Montserrat;
	font-weight:600;
}

h4, .h4
{
	font-size:16px;
	font-family:Montserrat;
	font-weight:600;
}

h5, .h5
{
	font-size:14px;
	font-family:Montserrat;
	font-weight:600;
}

a
{
	color:black;
}

a:hover, a:focus
{
	opacity:0.7;
	color:black;
	text-decoration:none;
}


.main_container
{
	width:100%;
	float:left;
	/* text-align:center; */
	position:relative;
	display:inline-block;
	min-height:100%;
	overflow-y: auto;
	overflow-x: hidden;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
}



/* MENU */

	.contact
	{
		z-index:200; 
		position:fixed; 
		right:0; 
		top:30%; 
		width:180px;
	}
	
	

	
	.main_menu
	{
		height:60px;
		position:absolute;
		width:100%;
		z-index:100;
		text-align:center;
		background-color:rgba(255,255,255,1);
		margin:auto;
		max-width:100%;
	}
	
	.main_menu
	{
		background-color:rgba(1,1,1,0.8);
		height:100px; 
		width:100%;
		text-align:center;
		margin:auto;
		max-width:100%;
		float:left;
		position:fixed;
	}

	.main_menu_content
	{
		padding-top:0px;
		line-height:20px;
		letter-spacing:0.025em;
		height:60px;
		color:white;
		font-weight:300;
		font-size:16px;
		max-width:1100px;
		text-align:right;
		margin:auto;
		box-sizing:border-box;
		display:inline-block;
		width:100%;
		margin-left:-15px;
	}

	.main_menu_content a
	{
		color:#4d4038;
	}


	.main_menu_content a:hover, .main_menu_content_fixed a:hover
	{
		opacity:0.9;
		text-decoration:none;
	}

	.main_menu_content .active a, .main_menu_content_fixed .active a
	{
		color:#4d4038;
	}

	.level1
	{
		margin-top:15px;
	}

	.level2
	{
		margin-top:35px;
	}

	
	ul.level2 li
	{
		list-style:none;
		font-size:14px;
		float:right;
	}
	
	ul.level2 li:first-child
	{
		float:left;
		font-size:30px;
		margin-top:-15px;
	}
	
	ul.level2 li:before
	{
		display:none;
	}
	
	.level2b
	{
		float:right;
	}

	.main_menu_item
	{

		color:white;
		display:inline-block;
		margin-bottom:10px;
		float:left;
		position:relative;
		padding-left:15px;
		padding-right:15px;
	}
	
	.main_menu_item a
	{
		color:white;

	}
	
	.main_menu_item a:hover, .main_menu_item a.active
	{
		color:white;
	}
	
	.main_menu_item img
	{
		-webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
		box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
		border-radius:50%;
	}
	

	.second_menu
	{
		background-color:#f68e43;
		float:left;
		width:100%;
		display:inline-block;
		padding:0px; 
		text-align:center;
	}
	
	.second_menu_content_container
	{
		width:100%;
		float:left;
		background-color:black;
	}

	.second_menu_content
	{
		width:100%;
		box-sizing:border-box;
		position:relative;
		background-color:black;
		/* float:left; */
		display:inline-block;
		color:white;
		max-width:1100px;
		margin:auto;
	}
	
	.second_menu_item img
	{
		height:15px;
		float:left;
		margin-right:10px;
	}
	
	.second_level .second_menu_item 
	{
		float:left;
	}
	
	.second_level
	{
		float:left;
		margin:0px;
		margin-top:5px;
	}
	
	.second_level2
	{
		float:right;
		margin:0px;
		margin-top:5px;
	}
	
	.second_level2 .second_menu_item , .second_level .second_menu_item 
	{
		float:left;
		margin-right:15px;
		font-size:14px;
	}
	
	.second_menu_content a, .second_menu_content li
	{
		color:white;
		font-size:13px;
		/* padding:5px; */
		line-height:20px;
		list-style:none;
	}
	
	.second_menu_content li:before
	{
		display:none;
	}

	#pushy .main_menu_item
	{
		width:100%;
	}
	
	.pushy
	{
		background:#627c8b;
	}
	
	.pushy li
	{
		padding:5px;
		padding-left:15px;
		padding-right:15px;
		width:100%;
	}
	
	.close
	{
		font-size:28px;
	}
	
	.pushy a
	{
		padding:0px;
	}
	
	
	.menu-button 
	{ 
		position:absolute;
		right:0; 
		top:60px; 
		z-index:100; 
		display:none; 
	} 
	
	
	.pushy ul li
	{ 
		/* margin-top:10px;  */
		list-style:none;
	} 
	
	.pushy ul li:before
	{
		display:none;
	}
	
	
	.pushy ul li:hover, .pushy ul li.active, .pushy ul li.pushy-class-active, .pushy ul li ul li, .pushy ul li ul li:hover, .pushy ul li ul li.active, .pushy ul li ul li.pushy-class-active, .pushy ul li, .pushy ul li:hover > a, .pushy ul li:hover > span, .pushy ul li.active > a, .pushy ul li.active > span, .pushy ul li.pushy-class-active > a, .pushy ul li.pushy-class-active > span
	{ 
		box-shadow:none;
		/* line-height:1.25em; */
		/* padding-top:5px;  */
		/* padding-bottom:5px; */
	} 
	
	/* .pushy ul li a, .pushy ul li span */
	/* { */
		/* color:white; */
		/* font-size:14px; */
		/* padding-top:2px; */
		/* padding-bottom:2px; */
		/* padding-left:5px; */
		/* padding-right:5px; */
		/* padding:10px; */
	/* } */
	
	/* .pushy ul a */
	/* { */
		/* border:1px solid transparent; */
	/* } */
	
	/* .pushy ul a:hover */
	/* { */
		/* color:white; */
	/* } */
	
	/* .pushy div */
	/* { */
		/* padding-left:10px; */
		/* padding-right:10px; */
	/* } */
	
	/* .pushy div.current_page_item a */
	/* { */
		/* font-family: minion-pro; */
		/* color:white; */
		/* font-size:14px; */
		/* border:1px solid white; */
	/* } */
	
	/* .pushy ul li ul li a, .pushy ul li ul li span */
	/* { */
		/* font-size:12px; */
		/* font-weight:normal; */
	/* } */
	
	
	

	@media (max-width: 1000px) {
	
		.menu-button
		{
			display:block;
			top:32px;
			position:fixed;
		}
		
		.level2, .second_level2
		{
			display:none;
		}
		
		.second_menu_content ul.second_level li
		{
			margin-left:20px; 
			/* list-style:none; */
		}
		
		.second_level
		{
			margin-top:0px;
		}
		
		.second_menu_content a, .second_menu_content li
		{
			padding-top:0px;
			padding-bottom:0px;
			padding:0px;
		}
		
		.second_menu_content
		{
			float:left;
		}
		
		.logo_div img
		{
			height:30px;
			margin-top:10px;
		}
		
		.main_menu
		{
			height:50px;
		}
		
		
	}
	
	@media (max-width: 505px) {
	
		.menu-button
		{
			display:block;
			top:56px;
		}
	}

/* MENU */

/* HEADER IMAGE */

	.header_div_outer
	{
		width:100%;
		display:inline-block;
		float:left;
		position:relative;
	}

	.header_div
	{
		max-width:100%;
	}

	.header_div_inner, .header_div_inner_map, .header_div_inner_sub
	{
		width:100%;
		display:inline-block;
		float:left;
		position:relative;
		padding-bottom:50px;
		height:800px;
	}
	
	.header_div_inner_map
	{
		height:400px;
	}
	
	.header_div_inner_map iframe
	{
		width:100%; 
		float:left;
	}
	
	.header_div_inner_map iframe:first-child
	{
		/* border-right:15px solid white; */
	}
	
	.header_div_inner_map iframe:nth-child(2)
	{
		/* border-left:15px solid white; */
	}
	
	
	
	.header_div_inner_sub
	{
		height:400px;
	}

	.header_div_inner, .header_div_inner_sub
	{
		padding-bottom:0px;
	}

	.header_div_inner .main_image
	{
		width:100%;
		margin-top:80px;
		position:relative;
		object-fit:cover;
		height:800px;
	}
	
	.header_div_inner_sub .sub_image
	{
		width:100%;
		position:relative;
		object-fit:cover;
		height:400px;
	}

	.header_div_inner .main_image_text, .header_div_inner_sub .main_image_text
	{
		width:100%;
		max-width:1100px;
		position:absolute;
		left:0;
		right:0; 
		margin:auto;
		z-index:4;
		height:70px;
		text-align:left;
		top:55%;
		padding:15px;
	}
	
	.header_div_inner .main_image_text img, .header_div_inner_sub .main_image_text img
	{
		height:80px;
	}
	
	.header_div_inner .main_image_text .button, .header_div_inner_sub .main_image_text .button
	{
		width:auto;
		padding-left:30px;
		padding-right:30px;
		margin-top:15px;
	}

/* HEADER IMAGE */

/* CONTENT */

	.one_column_container_outer
	{
		width:100%;
		display:inline-block;
		float:left;
		position:relative;
		background-color:white;
	}
	
	.two_column_container_outer
	{
		width:100%;
		display:inline-block;
		float:left;
		position:relative;
		background-color:white;
	}
	
	.red_container
	{
		background-color:#4d4038;
		color:white;
	}
	
	.gray_container
	{
		background-color:#d6d1c4;
		color:black;
	}

	.one_column_container
	{
		width:100%;
		position:relative;
		max-width:1100px;
		margin:auto;
	}
	
	.one_column_container_inner
	{
		width:100%;
		display:inline-block;
		float:left;
		position:relative;
		padding-bottom:50px;
	}

	.two_column_container
	{
		width:100%;
		position:relative;
		max-width:1100px;
		margin:auto;
	}
	
	.two_column_container_inner
	{
		width:100%;
		display:inline-block;
		float:left;
		position:relative;
		padding-bottom:50px;
		padding-top:30px;
	}
	
	.three_column_container_inner
	{
		padding-left:15px;
		padding-right:15px;
		width:100%;
		display:inline-block;
		float:left;
		position:relative;
		padding-bottom:50px;
	}
	
	.leistung_text
	{
		background-color:#4d4038;
		color:white;
		padding-left:15px;
		padding-right:15px;
		padding-top:5px;
		padding-bottom:5px;
		width:70%;
		position:absolute;
		bottom:30px;
		left:-20px;
		right:0;
		margin:auto;
		text-align:center;
		font-weight:bold;
	}
	
	.two_column, .one_column, .two_column_1_3, .two_column_2_3, .three_column, .two_column_1_3b, .two_column_2_3b, .four_column_1, .four_column_2_4
	{
		width:50%;
		float:left;
		padding-left:15px;
		padding-right:15px;
		text-align:left;
	}
	
	.two_column_1_3, .three_column, .two_column_2_3b
	{
		width:33%;
		width:calc(99.99%/3);
	}
	
	.four_column_1
	{
		width:15%;
		padding-right:0px;
		padding-left:0px;
	}
	.four_column_1 img
	{
		width:100%;
	}
	
	.four_column_2_4
	{
		padding:15px;
		padding-left:30px;
		width:85%;
		background-color:#eff2f3;
		position:relative;
		padding-bottom:30px;
	}
	
	.four_column_2_4 .main_text
	{
		/* overflow: hidden; */
		/* display: -webkit-box; */
		/* -webkit-line-clamp: 4; */
		/* -webkit-box-orient: vertical;   */
		width:100%;
		position:initial !important;
		height:100%;
		
	}
	
	.four_column_2_4 .main_text
	{
		overflow:hidden !important;
	}
	
	
	
	.three_column
	{
		padding:0px;
		position:relative;
	}
	
	.three_column.p_15
	{
		padding:15px;
	}
	
	.two_column_2_3, .two_column_1_3b
	{
		width:66%;
		width:calc(99.99%/3*2);
	}
	
	.two_column_40
	{
		width:40%;
	}
	
	.two_column_60
	{
		width:60%;
	}
	
	.two_column img , .one_column img, .two_column_1_3 img, .two_column_2_3 img, .three_column img, .two_column_1_3b img, .two_column_2_3b img
	{
		width:100%;
	}
	
	.one_column
	{
		width:100%;
	}

	.two_column_p_l
	{
		padding-left:15px;
		padding-right:15px;
	}

	.two_column_p_r
	{
		padding-left:15px;
		padding-right:15px;
	}
	
	.two_column h2, .one_column h2, .two_column_1_3 h2, .two_column_2_3 h2, .two_column_1_3b h2, .two_column_2_3b h2
	{
		margin-top:50px;
		text-align:left;
		margin-bottom:20px;

	}
	
	.header_div_inner_sub_content
	{
		width: 100%;
		display: inline-block;
		float: left;
		position: relative;
		position:absolute;
		left:0;
		right:0;
		top:80px;
		bottom:0;
		/* top:50px; */
		max-width:1100px;
		margin:auto;
		padding:15px;
	}
	
	.header_div_inner_sub_content .button
	{
		border:1px solid white;
		border-radius:30px;
		background-color:transparent;
		font-weight:700;
		font-size:18px;
		max-width:330px;
		padding-left:30px;
		padding-right:20px;
		margin-top:15px;
	}
	
	.header_div_inner_sub h2, .header_div_inner_sub .h2
	{
		font-size:50px;
		color:white;
		text-align:left;
		font-weight:600;
	}

	.header_div_inner_sub h2:before, .header_div_inner_sub .h2:before
	{
		border-top:5px solid white;
		top:-40px;
	}
	
	.one_column .main_text, .two_column .main_text, .two_column_1_3 .main_text, .two_column_2_3 .main_text, .two_column_1_3b .main_text, .two_column_2_3b .main_text
	{
		/* margin-top:30px; */
		/* line-height:2; */
		text-align:justify;
		position:relative;
		hyphens:auto;
	}
	
	.button_container
	{
		width:100%;
		float:left;
		text-align:center;

	}
	
	.button, .button_2
	{
		background-color:black;
		color:white;
		font-family:MartelSans;
		padding:5px;
		padding-left:10px;
		padding-right:10px;
		float:none;
		text-align:center;
		cursor:pointer;
		letter-spacing:2px;
		font-size:12px;
		margin-top:5px;
		width:100%;
		max-width:250px;
	}
	
	.button_2
	{
		background-color:#4d4038;
	}
	
	.button_absolute
	{
		position:absolute;
		z-index:3;
		width:100%;
	}
	
	.button_braun, .button_braun_2
	{
		position:absolute;
		width:340px;
		background-color:#17b1a1;
		top:80px;
		margin:auto;
		left:0;
		right:0;
		display:inline-block;
		font-size:20px;
	}

	.button:hover
	{
		opacity:0.9;
	}

	.shadow
	{
		-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
		box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
	}
	
	.two_column_1_3 img.person_image
	{
		-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
		box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
		position:relative;
		width:95%;
		/* top:20px; */
		z-index:2;
	}
	
	.person_container
	{
		max-width:100%;
		/* padding-top:20px; */
		position:absolute;
	}
	
	.two_column_1_3 .person_container:after
	{
		content:"";
		position:absolute;
		bottom:-30px;
		right:-70px;
		border:2px solid #627c8b;
		width:200px;
		height:200px;
		z-index:1;
	}
	
	.two_color_bg
	{
		background: #ffffff;
		background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 40%, #eff2f3 40%, #eff2f3 100%);
		background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 40%,#eff2f3 40%,#eff2f3 100%);
		background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 40%,#eff2f3 40%,#eff2f3 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eff2f3',GradientType=0 );

	}
	
	.two_color_bg_2
	{
		background: #eff2f3;
		background: -moz-linear-gradient(left,  #eff2f3 0%, #eff2f3 90%, #ffffff 90%, #ffffff 100%);
		background: -webkit-linear-gradient(left,  #eff2f3 0%,#eff2f3 90%,#ffffff 90%,#ffffff 100%);
		background: linear-gradient(to right,  #eff2f3 0%,#eff2f3 90%,#ffffff 90%,#ffffff 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eff2f3', endColorstr='#ffffff',GradientType=1 );


	}
	
	.two_color_bg_3
	{
		background: #eff2f3;
		background: -moz-linear-gradient(top,  #eff2f3 0%, #eff2f3 20%, #ffffff 20%, #ffffff 100%);
		background: -webkit-linear-gradient(top,  #eff2f3 0%,#eff2f3 20%,#ffffff 20%,#ffffff 100%);
		background: linear-gradient(to bottom,  #eff2f3 0%,#eff2f3 20%,#ffffff 20%,#ffffff 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eff2f3', endColorstr='#ffffff',GradientType=0 );

	}
	
	.content_image
	{
		margin-top:50px; 
		margin-bottom:20px;
	}
	
	.content_image_2
	{
		margin-top:30px; 
	}
	
	.two_column_p_l_bilder_1
	{
		padding-top:40px; 
		padding-right:25px; 
		padding-left:20px;
	}
	
	.two_column_p_r_bilder_2
	{
		padding-top:20px; 
		padding-left:20px; 
		padding-right:25px;
	}
	
	.two_column_p_l_bilder_3
	{
		padding-top:20px; 
		padding-right:25px; 
		padding-left:20px; 
		clear:both;
	}
	
	.two_column_p_r_bilder_4
	{
		padding-top:20px; 
		padding-left:20px; 
		padding-right:25px;
	}
	
	
	.main_text .popup
	{
		font-weight:bold;
		font-size:18px;
		margin-top:10px;
		position:relative;
	}

	
	
	.eins
	{
		background-color:#17b1a1;
		border-radius:50%;
		color:white;
		font-weight:bold;
		width:33px;
		height:33px;
		position:absolute;
		right:15%;
		bottom:80px;
		text-align:center;
		font-size:20px;
		padding-top:2px;
		padding-right:2px;
	}
	
	.two_column img.ueberschrift, .one_column img.ueberschrift, .two_column_1_3 img.ueberschrift, .two_column_2_3 img.ueberschrift, .three_column img.ueberschrift
	{
		height:70px; 
		width:auto; 
		margin-top:50px;
	}
	
	.datev_signet
	{
		padding-left:30px; 
		margin-top:50px; 
		max-width:200px;
	}
	
	.stbv_siegel
	{
		padding-left:30px; 
		margin-top:50px; 
		max-width:200px;
	}
	
	.smartexpert
	{
		padding-left:30px; 
		max-width:300px;
	}
	
	.video_container
	{
		max-width:100%;
		padding-top:20px;
		position:relative;
	}
	
	.video_border
	{
		border-bottom:250px solid white;
	}
	
	.video_container #mym-insert-here-89650
	{
		-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
		box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
		position:absolute;
		z-index:2;
		width:100%;
	}
	
	.video_container:after
	{
		content:"";
		position:absolute;
		top:-20px;
		right:-40px;
		border:2px solid #627c8b;
		width:200px;
		height:200px;
		z-index:1;
	}
	
	.leistungs_kacheln_container
	{
		display: flex;
		flex-flow:row wrap;
		justify-content:center; 
		/* align-items:center;  */
		/* align-content:center; */
	}
	
	.leistungs_kacheln
	{
		padding:15px;
		/* float:left; */
		width:20%;
		/* align-self:flex-start; */
		/* margin: auto; */
		text-align: center;
	}
	
	.leistungs_kacheln img
	{
		width:100%;
		-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
		box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
	}
	
	.rand_1
	{
		position:absolute;
		left:0;
		top:160px;
		z-index:3;
		width:20px;
	}
	
	.rand_2
	{
		position:absolute;
		left:0;
		top:170px;
		z-index:3;
		width:45px;
	}
	
	.rand_3
	{
		position:absolute;
		right:0;
		top:40px;
		z-index:3;
		width:35px;
	}
	
	.rand_4
	{
		position:absolute;
		left:0;
		top:-80px;
		z-index:3;
		width:100px;
	}
	
	.rand_5
	{
		position:absolute;
		right:0;
		top:700px;
		z-index:3;
		width:35px;
	}
	
	.show-more-less-handler
	{
		background:transparent !important;
		right:15px !important;
		bottom:15px !important;
		font-weight:bold;
	}
	
	.leistungen_details
	{
		padding-left:15px;
		padding-right:15px;
	}
	
	@media (max-width: 1200px) {
		.rand_1, .rand_2, .rand_3, .rand_4, .rand_5
		{
			display:none;
		}
	}
/* CONTENT */


/* FOOTER */
	.footer .main_text a
	{
		color:white;
	}
	
	.footer .main_text a:hover
	{
		text-decoration:none;
		opacity:0.9;
	}
	
	.facebook
	{
		cursor:pointer; 
		width:100%; 
		max-width:25px; 
		margin:auto; 
		margin-top:5px; 
		margin-bottom:30px;
	}
	
	.footer1
	{
		font-weight:bold;
		font-size:16px;
		line-height:2;
	}
	
	.footer2
	{
		font-weight:bold;
		font-size:14px;
	}
	
	.one_footer_column
	{
		width:100%; 
		float:left;
		color:white;
		text-align:left;
		padding-left:15px;
		padding-right:15px;
	}
	
	.footer_column
	{
		width:25%; 
		float:left;
		color:white;
		text-align:left;
		padding-left:15px;
		padding-right:15px;
	}
	
	.footer_column_small
	{
		width:20%; 
	}
	
	.footer_column_small_big
	{
		width:40%; 
	}

	
	.one_footer_column h2
	{
		font-weight:400;
		margin-bottom:30px;
	}
	
	.one_footer_column h2:before
	{
		border-color:white;
	}
	
	.gray_footer
	{
		color:#8a8e92;
	}
	
	.footer_datev_signet
	{
		padding-left:30px; 
		margin-top:-25px; 
		width:50%;
		max-width:200px;
	}
	
	.copyright img
	{
		height:15px;
		float:left;
		margin-right:10px;
	}
	
	
	
	.copyright div
	{
		float:left;
		margin-left:30px;
	}
	
/* FOOTER */

/* HEADER SLIDER */

.carousel
{

}

.item
{
	height:700px;
}

.carousel img
{	
	height:100%!important;
	object-fit:cover;
	width:100%; 
	object-position: 100% 50%;
	
}

.carousel-indicators li {
	width: 13px;
	height: 13px;
	margin:10px;
	border-radius: 100%;
	color:white;
	opacity:1;
	background-color:white;
	cursor:pointer;
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
}

.carousel-indicators .active
{
	background-color:#627c8b;
	margin: 10px;
}

.header_text_container
{
	position:absolute;
	top:30%;
	left:0; 
	max-width:1100px;
	margin:auto;
	text-align:left;
	right:0;
	padding:15px; 
	display:block !important;
}

.header_text
{
	font-size: 50px;
	color: white;
	text-align: left;
	font-weight: 600;
	font-family: Montserrat;
	margin-top: 20px;
	margin-bottom: 10px;
	line-height: 1.1;
	position:relative;
}

.header_text:before
{
	content: "";
	width: 100%;
	max-width: 250px;
	position: absolute;
	left: 0;
	border-top: 5px solid white;
	top: -40px;

}

.header_button
{
	color: white;
	font-family: MartelSans;
	padding: 5px;
	float: none;
	text-align: center;
	cursor: pointer;
	letter-spacing: 2px;
	width: 100%;
	border: 1px solid white;
	border-radius: 30px;
	background-color: transparent;
	font-weight: 700;
	font-size: 18px;
	max-width: 330px;
	padding-left: 30px;
	padding-right: 20px;
	margin-top: 15px;
}

@media (min-width: 2000px) {
	.item
	{
		
		height:700px;
	}

	.carousel img
	{	
		/* height:1400px; */

	}
}

@media (max-width: 1000px) {
	.header_text, .header_div_inner_sub_content h2
	{
		font-size:40px;
		line-height:42px;
	}
	
	.header_div_inner_sub_content
	{
		top:40px;
	}
	
	.item
	{
		
		height:500px;
	}
}

@media (max-width: 700px) {
	
	.header_text, .header_div_inner_sub_content h2
	{
		font-size:32px;
		line-height:36px;
	}
	
	.carousel-indicators
	{
		bottom:0;
	}
	
	.carousel-indicators li 
	{
		margin-top:15px;
		width:10px;
		height:10px;
	}
	
	.item
	{
		
		height:400px;
	}

	.carousel img
	{	
		/* height:400px; */
	}
	
	
}

@media (max-width: 500px) {
	
	.header_text_container
	{
		top:15%;
	}
	
	.header_text, .header_div_inner_sub_content h2
	{
		font-size:20px;
		line-height:24px;
	}
	
	.header_button, .header_div_inner_sub_content .button
	{
		font-size:12px;
		padding:0px;
		padding-left:10px;
		padding-right:10px;
		margin-top:10px;
	}
	
	.item
	{
		
		height:300px;
	}
	
	.carousel img
	{	
		/* height:300px; */
	}
	
	.header_button, .header_div_inner_sub_content .button
	{
		max-width:200px;
	}
}
/* HEADER SLIDER */

.center
{
	text-align:center;
}

.popup_p_30
{
	padding:30px; 
}

.main_text_vita
{
	padding-bottom:200px;
}

@media (min-width: 2000px) 
{

}
@media (max-width: 1400px) 
{
	.two_color_bg_2
	{
		background:#eff2f3;
	}
	
}

@media (max-width: 1000px) 
{
	
	.two_column_1_3 .person_container:after
	{
		right:-10px;
	}
	
	.main_menu, #main_menu_fixed
	{
		display:none;
	}
	
	.header_div_inner .main_image_text, .header_div_inner_sub .main_image_text
	{
		height:40px;
	}
	
	.header_div_inner .main_image, .header_div_inner
	{
		height:600px;
	}
	
	.header_div_inner_sub, .header_div_inner_sub .sub_image
	{
		height:300px;
	}
	
	.header_div_inner .main_image_text, .header_div_inner_sub .main_image_text
	{
		top:40%;
	}
	
	.two_column img.ueberschrift, .one_column img.ueberschrift, .two_column_1_3 img.ueberschrift, .two_column_2_3 img.ueberschrift, .three_column img.ueberschrift
	{
		height:50px; 
	}
	
	#myModal .main_text li
	{
		font-size:14px;
	}
	
	.popup_p_30
	{
		padding:15px;
	}
	
	.video_border
	{
		border-bottom:200px solid white;
	}
}

@media (max-width: 800px) {
	
	
	body
	{
		font-size:14px;
	}
	
	.header_div_inner .main_image_text, .header_div_inner_sub .main_image_text
	{
		height:20px;
	}
	
	h1, .h1
	{
		font-size:18px;
	}
	
	h2, .h2
	{
		font-size:16px;
	}
	
	
	
	h3, .h3
	{
		font-size:14px;
	}
	
	h4, .h4
	{
		font-size:14px;
		font-family:Montserrat;
		font-weight:600;
	}

	h5, .h5
	{
		font-size:14px;
		font-family:Montserrat;
		font-weight:600;
	}
	
	.two_column, .two_column_1_3, .two_column_2_3, .three_column, .two_column_1_3b, .two_column_2_3b
	{
		width:100%;
	}
	
	.leistungs_kacheln
	{
		width:33.33%;
		width:calc(100%/3);
	}
	
	.main_text.center, .main_text .center
	{
		text-align:center;
	}
	
	.footer_column
	{
		width:50%;
		margin-bottom:30px;
	}
	
	.footer_datev_signet
	{
		margin-top:0px;
		padding-left:0px;
	}
	
	
	.main_text_vita
	{
		padding-bottom:30px;
	}
	
	.button_absolute
	{
		position:relative;
		text-align:center;
	}
	
	.person_container
	{
		max-width:100%;
		/* padding-top:20px; */
		position:relative;
		text-align:center;
		margin-bottom:30px;
	}
	
	.two_column_1_3 .person_container:after
	{
		right:20%;
	}
	
	.button_absolute .button
	{
		float:none;
	}
	
	.video_border
	{
		border-bottom:400px solid white;
	}
	

	.header_div_inner_map iframe, .header_div_inner_map iframe:nth-child(2), .header_div_inner_map iframe:first-child
	{
		width:100%;
		border:0px;
	}
	
	.center
	{
		text-align:left;
	}
	
	.header_div_inner_map iframe:nth-child(2)
	{
		border-top:20px solid white;
	}
	
	.header_div_inner_map
	{
		height:auto;
		padding-bottom:0px;
	}
	
	.three_column img
	{
		margin-top:15px;
	}
	
	.two_column_1_3, .header_div_inner .main_image_text, .header_div_inner_sub .main_image_text
	{
		text-align:center;
	}
	
	.person_image
	{
		max-width:320px;
	}
	
	.contact
	{
		display:none;
	}
	
	.header_div_inner .main_image, .header_div_inner
	{
		height:400px;
	}
	
	
	.header_div_inner_sub, .header_div_inner_sub .sub_image
	{
		height:300px;
	}
	
	.header_div_inner .main_image_text img, .header_div_inner_sub .main_image_text img
	{
		height:50px;
	}
	
	.button, .button_2
	{
		font-size:14px;
		max-width:320px;
		float:none;
		display:inline-block;
		padding:10px;
		
	}
	
	
	
	.main_text li
	{
		font-size:14px;
	}
	
	.header_div_inner .main_image_text .button, .header_div_inner_sub .main_image_text .button
	{
		padding:10px;
		max-width:320px;
		width:100%;
	}
	
	.header_div_inner .main_image_text, .header_div_inner_sub .main_image_text
	{
		padding:10px;
	}
	
	.two_column img.ueberschrift, .one_column img.ueberschrift, .two_column_1_3 img.ueberschrift, .two_column_2_3 img.ueberschrift, .three_column img.ueberschrift
	{
		height:50px; 
		width:auto;
	}

}
.modal-dialog
{
	/* width:90%; */
	margin:auto;
	margin-top:15px;
}

@media (min-width: 768px) {
	
}

@media (max-width: 600px) {
	
	.two_column_1_3 .person_container:after
	{
		right:10%;
	}
	
	.video_container
	{
		margin-top:50px;
	}
	
	.video_border
	{
		border-bottom:330px solid white;
	}
	
	.two_column_p_l, .two_column_p_r
	{
		padding-left:10px;
		padding-right:10px;
	}
	
	.two_column_container_inner
	{
		
		padding-bottom:30px;
	}
	
	
	
	.two_column h2, .one_column h2
	{
		margin-top:30px;
	}
	
	.content_image
	{
		margin-top:10px; 
		margin-bottom:5px;
	}
	
	.two_column_p_l_bilder_1
	{
		padding-top: 10px;
		padding-right: 5px;
		padding-left: 3px;
	}
	
	.two_column_p_r_bilder_2
	{
		padding-top: 10px;
		padding-right: 5px;
		padding-left: 3px;
	}
	
	.two_column_p_l_bilder_3
	{
		padding-top: 10px;
		padding-right: 5px;
		padding-left: 3px;
	}
	
	.two_column_p_r_bilder_4
	{
		padding-top: 10px;
		padding-right: 5px;
		padding-left: 3px;
	}
	
	.header_div_inner_sub, .header_div_inner_sub .sub_image
	{
		height:250px;
	}
	
	.button_braun, .button_braun_2
	{
		top:40px;
	}
	
	.two_column img.ueberschrift, .one_column img.ueberschrift, .two_column_1_3 img.ueberschrift, .two_column_2_3 img.ueberschrift, .three_column img.ueberschrift
	{
		height:35px; 
	}
	

}

@media (max-width: 500px) {
	.two_column_1_3 .person_container:after
	{
		right:3%;
	}
}

@media (max-width: 400px) {
	
	.copyright div
	{
		margin:0px;
		margin-top:15px;
		width:100%;
	}
	.footer_column
	{
		width:100%;
	}
	
	.two_column_1_3 .person_container:after
	{
		right:3%;
	}
	
	
	.header_div_inner .main_image, .header_div_inner
	{
		height:300px;
	}
	
	.header_div_inner_sub .main_image, .header_div_inner_sub
	{
		height:250px;
	}
	
	.video_border
	{
		border-bottom:200px solid white;
	}
	
	.header_div_inner .main_image_text img, .header_div_inner_sub .main_image_text img
	{
		height:50px;
	}
	
	
	.header_div_inner .main_image_text, .header_div_inner_sub .main_image_text
	{
		height:20px;
	}
	
}


.display_none
{
	/* display:none; */
}

* Paste this css to your style sheet file or under head tag */
/* This only works with JavaScript, 
if it's not present, don't show loader */
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: #fff;
}

.overlay {
	background:transparent;
	position:relative;
	width:100%; /* your iframe width */
	height:450px; /* your iframe height */
	top:450px; /* your iframe height */
	margin-top:-450px; /* your iframe height */
}

/* Paste this css to your style sheet file or under head tag */
/* This only works with JavaScript, 
if it's not present, don't show loader */
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: #fff;
	/* background-image: url("/fileadmin/user_upload/kreativbuero_2d.jpg"); */
	/* background-size: cover; */
}



#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 6000;
}
#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #677f90;

    -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */

    z-index: 1001;
}

    #loader:before {
        content: "";
        position: absolute;
        top: 5px;
        left: 5px;
        right: 5px;
        bottom: 5px;
        border-radius: 50%;
        border: 3px solid transparent;
        border-top-color: #677f90;

        -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
        animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
    }

    #loader:after {
        content: "";
        position: absolute;
        top: 15px;
        left: 15px;
        right: 15px;
        bottom: 15px;
        border-radius: 50%;
        border: 3px solid transparent;
        border-top-color: #677f90;

        -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
          animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
    }

    @-webkit-keyframes spin {
        0%   { 
            -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(0deg);  /* IE 9 */
            transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
        }
        100% {
            -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(360deg);  /* IE 9 */
            transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
        }
    }
    @keyframes spin {
        0%   { 
            -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(0deg);  /* IE 9 */
            transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
        }
        100% {
            -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(360deg);  /* IE 9 */
            transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
        }
    }

    #loader-wrapper .loader-section {
        position: fixed;
        top: 0;
        width: 51%;
        height: 100%;
        background: white;
        z-index: 1000;
        -webkit-transform: translateX(0);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: translateX(0);  /* IE 9 */
        transform: translateX(0);  /* Firefox 16+, IE 10+, Opera */
    }

    #loader-wrapper .loader-section.section-left {
        left: 0;
    }

    #loader-wrapper .loader-section.section-right {
        right: 0;
    }

    /* Loaded */
    .loaded #loader-wrapper .loader-section.section-left {
        -webkit-transform: translateX(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: translateX(-100%);  /* IE 9 */
                transform: translateX(-100%);  /* Firefox 16+, IE 10+, Opera */

        -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  
                transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    }

    .loaded #loader-wrapper .loader-section.section-right {
        -webkit-transform: translateX(100%);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: translateX(100%);  /* IE 9 */
                transform: translateX(100%);  /* Firefox 16+, IE 10+, Opera */

-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  
        transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    }
    
    .loaded #loader {
        opacity: 0;
        -webkit-transition: all 0.3s ease-out;  
                transition: all 0.3s ease-out;
    }
    .loaded #loader-wrapper {
        visibility: hidden;

        -webkit-transform: translateY(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: translateY(-100%);  /* IE 9 */
                transform: translateY(-100%);  /* Firefox 16+, IE 10+, Opera */

        -webkit-transition: all 0.3s 1s ease-out;  
                transition: all 0.3s 1s ease-out;
    }
    
    /* JavaScript Turned Off */
    .no-js #loader-wrapper {
        display: none;
    }
    .no-js h1 {
        color: #222222;
    }

    #content {
        margin: 0 auto;
        padding-bottom: 50px;
        width: 80%;
        max-width: 978px;
    }  