:root {
	
	--ebCiFontFamily: "Figtree";
	--ebCiFontSize: 15px;
	--ebCiColor: #a7a065;
	--ebCiBgColor: #ff0000;
	--ebCiHeadingColor: #909cae;
		
	--left_content_margin: 550px;
	--slider_width: calc(45vw + 40px);
	--slider_width_prozent: 0.45;
	--slider_width_delta: 40;
	
	--slider_height: calc(81vh + 32px);
	--slider_height_prozent: 0.81;
	--slider_height_delta: 32;
	
	--image_border_radius: 0px;
	
	--max_content_width: 1300px;
	--max_content_width_horizontal_padding: 100px;
	
	--bg_color_ansprechpartner: #f2f2ea;
	
	--table_content_font_size: 17px;
	--table_content_font_lineheight: 22px;
	
	--box_content_font_size: 17px;
	--box_content_font_lineheight: 25px;
	
	--max_width_textcontent: 1100px;
	
	--max_start_width: 1300px;
	
	--color_h2_biggerpart_b1: #3f5858;
	--color_h2_biggerpart_b2: #3f5858;
	--color_h2_biggerpart_b3: #3f5858;
	
	--body_font_color: #000000;
	--headlines_color: #000000;
	
	--mainmenu_color: #FFFFFF;
		
 	--header_background: rgba(0,0,0,0);
	--header_background_size: auto 125px;
	--header_background_position: center;
	--header_background_repeat: no-repeat;
	--header_height: 80px ;
	
	--hero_textblock_background: rgba(255, 255, 255, 0.86);
	
	--hero_v1_display: flex;
	--hero_v2_display: none;
	--hero_v3_display: none;
	--hero_v4_display: none;
	--hero_v5_display: none;
	--hero_v6_display: none;
	
	--v1_display: block;
	--v2_display: none;
	--v3_display: none;
	--v4_display: none;
	--v5_display: none;
	--v6_display: none;
	
	--hero_image_width: 100vw;
	--hero_image_margin_left: 0px;
	
	--hero_height: 90vw;

	
	--main_navigation_left: 600px;
	
	--content-margin-top: 0px;

	--second_block_background: #91aeb3;
	--second_block_text_color: #000000;
	--second_block_headline_color: #FFFFFF;
	
	--container_before_background: rgba(0,0,0,0);
	--container_background: #FFFFFF;
	--container_padding_top: 0px;
	
	--logo_url: url(../assets/sonnenbichl-logo-header.svg);
	--logo_margin_left: 0px;
	--logo_margin_top: -20px;

	--logo_background: #000000;
	--logo_width: 570px;
	--logo_height: 120px;
	--logo_padding_left:100px;
	--logo_left: 0px;	
}

.versionen {
	position: fixed;
	bottom: 0px;
	left: 0px;
	z-index: 9999;
	opacity:0
}

.versionen:hover {
	opacity: 1;
}

.versionen li {
	cursor: pointer;
	list-style: none;
	background: #FFFFFF;
	padding:0px 10px;
	margin-top: 2px;
	font-size: 12px;
	color: #000000;
}

body {
	color: var(--body_font_color);
}

h1,h2 {
	color: var(--headlines_color);
}

#header .mod_navigation li, #header .mod_customnav li, #header_small .mod_customnav li {
	color: var(--mainmenu_color);
}

.noheader #header .mod_navigation li, .noheader  #header .mod_customnav li, .noheader  #header_small .mod_customnav li {
	color: #666666;
}
.noheader .mobile_menu_icon {
	background: url(../assets/mmenu_black.svg) !important;
	width: 40px;
	height: 28px;
	background-repeat: no-repeat;
	background-size: 100%;
}

#header .logo a {
	background-image: var(--logo_url)!important;
	background-repeat: no-repeat;
}

.startseite #header .logo {
	width:var(--logo_width);
	height:var(--logo_height);
	padding-left:var(--logo_padding_left);
	left: var(--logo_left);
	margin-left: var(--logo_margin_left);
	margin-top: var(--logo_margin_top);
	display: none;
}

#hero .v1,
#hero .v2,
#hero .v3,
#hero .v4,
#hero .v5,
#hero .v6 {
	display: none!important;
}

#hero .v1 {
	display: var(--hero_v1_display);
}
#hero .v2 {
	display: var(--hero_v2_display);
}
#hero .v3 {
	display: var(--hero_v3_display);
}
#hero .v4 {
	display: var(--hero_v4_display);
}
#hero .v5 {
	display: var(--hero_v5_display);
}
#hero .v6 {
	display: var(--hero_v6_display);
}


.v1 {
	display: var(--v1_display)
}
.v2 {
	display: var(--v2_display)
}
.v3 {
	display: var(--v3_display)
}
.v4 {
	display: var(--v4_display)
}
.v5 {
	display: var(--v5_display)
}
.v6 {
	display: var(--v6_display)
}

/*
.startseite #hero {
	height: var(--hero_height);
}

.startseite #hero .responsive-background-image {
	width: var(--hero_image_width);
	margin-left: var(--hero_image_margin_left);
	height: var(--hero_height);
}
*/

#header {
	background:	var(--header_background);
	background-size: var(--header_background_size);
	background-position: var(--header_background_position);
	background-repeat: var(--header_background_repeat);
	height: var(--header_height);
	background-image:	var(--header_background);
}

#hero .textblock {
	background: var(--hero_textblock_background);
}

.first_content {
	margin-top: var(--content-margin-top)
}

#container:before {
	position: absolute;
	top: -80px;
	height: 80px;
	width: 100%;
	content: "";
	background:	var(--container_before_background);
	background-image:var(--container_before_background);
	background-color:var(--container_before_background);
	background-size:var(--container_before_background_size);
	background-position:var(--container_before_background_position);
	background-repeat:var(--container_before_background_repeat);
}

.background_1 .h2_biggerPart {
	color: var(--color_h2_biggerPart_b1);
}
.background_2 .h2_biggerPart {
	color: var(--color_h2_biggerPart_b2);
}
.background_3 .h2_biggerPart {
	color: var(--color_h2_biggerPart_b3);
}

.background_2 {
	background: var(--second_block_background);
	color:var(--second_block_text_color)
}

.background_2 h2, .background_2 h3 {
	color:var(--second_block_headline_color)
}

.background_2 .h2_biggerPart {
	color: var(--color_h2_biggerPart_b2);
}

.background_3 {
	background: var(--third_block_background);
	color:var(--third_block_text_color)
}

.background_3 h2, .background_3 h3 {
	color:var(--third_block_headline_color)
}

.background_3 .h2_biggerPart {
	color: var(--color_h2_biggerPart_b3);
}

#container {
	background: var(--container_background);
	padding-top: var(--container_padding_top);
}

.footer_container:before {
	background: var(--footer_container_background);
	background-position: var(--footer_background_position);
	background-repeat: var(--footer_background_repeat);
	background-size: var(--footer_container_background_size)
}