/*
 * INDEX CSS
 * COPYRIGHT 2021 ROLANDOVANDASTONES
 * BUILD 10.02.2021 09:12:05
 */
 
 
/* ------------------- */
/*   STYLES ALL        */
/* ------------------- */

.index_dFlex {
	display: flex;
}

.index_visit {
	width: 280px;
    display: flex;
    margin-top: 100px;
    margin-left: 20%;
    border-radius: 3px;
    position: relative;
    top: -536px;
    left: 20px;
	height: 120px;
}

.index_backtext {
	display: block;
	margin-top: 50px;
	margin-left: 38px;
	font-size: 14px;
    color: #DDDDDD;
    font-family: Arial, Helvetica, sans-serif;
}

.index_body_bg_color {
	background-color: #1A1A1A;
}

.index_main_container {
	display: flex;
	margin-left: 20%;
	margin-top: 75px;
	width: 800px;
	height: 500px;	
}

.index_main_footer {
	margin-left: 20%;
	width: 720px;
	height: 30px;
	background-color: #2D2D2D;	
}

.index_main_footer_text {
	display: block;
    padding-top: 10px;
    padding-left: 105px;
    font-size: 12px;
    color: #B4B4B4;
    font-family: Arial, Helvetica, sans-serif;
}


.index_home_result_container{
	width: 400px;
}

/* ------------------- */
/*   STYLES SIDEBAR    */
/* ------------------- */
.index_sidebar_nav {
	background-color: #FFFFFF;
	width: 200px;
	float: left;
	height: 500px;
	border: 1px solid #214263;
	border-radius: 3px;
	background-image: linear-gradient(to bottom right, #FFFFFF, #99A9B9);
}

.index_sidebar_title_box {
	margin-left: 30px;
	margin-top: 280px;
}

.index_marker_nav {
	width: 10px;
	display: inline-block;
}

.index_sidebar_pic {
	background-color: grey;
	width: 200px;
}

/* ------------------- */
/*   STYLES HOME       */
/* ------------------- */

.index_title_nav {
	margin-left: 10px;
	color: #214263;
	letter-spacing: 0.5px;
	font-size: 18px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}

.index_middlebar_pic_first_section {
	display: block;
	background-color: #294A73;
	width: 100%;
	height: 250px;
	border: 1px solid #294A73;
	border-radius: 3px
}

.index_middlebar_pic_second_section {
	display: block;
	background-color: #214263;
	width: 100%;
	height: 250px;
	border: 1px solid #214263;
	border-radius: 3px
}


.index_home_result_container_first_section {
	display: block;
	background-color: #294A73;
	width: 100%;
	height: 250px;
	border: 1px solid #294A73;
}

.index_home_result_container_second_section {
	display: block;
	background-color: #214263;
	width: 100%;
	height: 250px;
	border: 1px solid #214263;
}

.index_home_title_marker {
	background-color: #FEC308;
	height: 30px;
	width: 10px;
	margin-top: 50px;
}

.index_home_title_text {
	color: #FFFFFF;
	font-size: 24px;
	margin-left: 20px;
	position: relative;
    bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
}

.index_home_text_zeile {
	color: #FFFFFF;
	font-size: 16px;
	margin-left: 35px;
	font-family: Arial, Helvetica, sans-serif;
}

.index_home_hand {
	margin-left: 35px;
    width: 80px;
	border-radius: 3px;
}

.index_home_tisch {
	margin-left: 35px;
	margin-top: 50px;
    width: 80px;
	border-radius: 3px;
}

.index_home_part_2_text_zeile_1 {
	margin-top: 30px;
	color: #FFFFFF;
	font-size: 16px;
	margin-left: 35px;
	font-family: Arial, Helvetica, sans-serif;
}

.index_home_bar {
	margin-left: 35px;
	width: 350px;
	height: 10px;
	background-color: #FEC110;	
}

.index_eplan_logo {
	margin-left: 35px;
	margin-top: 10px;
	width: 120px;
	border-radius: 3px;
}

.index_home_part_2_text_zeile_2 {
	margin-top: 10px;
	color: #FFFFFF;
	font-size: 13px;
	margin-left: 35px;
	font-family: Arial, Helvetica, sans-serif;
}

/* ------------------- */
/*   STYLES LEISTUNGEN */
/* ------------------- */

.index_leistungen_result_container {
	width: 320px;
}
.index_leistungen_middlebar_pic_first_section {
	display: block;
	background-color: #294A73;
	width: 100%;
	height: 250px;
}

.index_leistungen_middlebar_pic_second_section {
	display: block;
	background-color: #214263;
	width: 100%;
	height: 250px;
}

.index_leistungen_result_container_first_section {
	display: block;
	background-color: #294A73;
	width: 100%;
	height: 250px;
}

.index_leistungen_title_text {
	color: #FFFFFF;
	font-size: 24px;
	margin-left: 20px;
	position: relative;
    bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
}

.index_leistungen_title_img_section {
	display:flex; 
	margin-top: 25px;
}

.index_leistungen_result_container_second_section {
	display: block;
	background-color: #214263;
	width: 100%;
	height: 250px;
}

.index_leistungen_schalt1 {
	margin-top: 10px;
	margin-left: 35px;
	width: 110px;
	border-radius: 3px;
}

.index_leistungen_schalt2 {
	margin-top: 10px;
	margin-left: 10px;
	width: 110px;
	border-radius: 3px;
}

.index_leistungen_label_1 {
	display: block;
	padding-top: 60px;
	color: #DDDDDD;
	font-size: 18px;
	margin-left: 25px;
	font-family: Arial, Helvetica, sans-serif;
}

.index_leistungen_label_2 {
	display: block;
	padding-top: 10px;
	color: #DDDDDD;
	font-size: 18px;
	margin-left: 25px;
	font-family: Arial, Helvetica, sans-serif;
}

.index_leistungen_href_section_1 {
	display: flex;
	margin-top: 65px;
}

.index_leistungen_href_section_2 {
	display: flex;
	margin-top: 18px;
}

.index_leistungen_href_section_marker {
	display: block;
	width: 10px;
	height: 10px;
	background-color: #BE0024;
	margin-left: 25px;
}

.index_leistungen_href_section_text_1 {
	color: #FEC308;
	margin-left: 50px;
	margin-top: -5px;
	cursor: pointer;
	text-decoration: none;
}

.index_leistungen_bar_1 {
	width: 100%;
	height: 10px;
	position: relative;
	top: -3px;
	background-image:linear-gradient(to bottom left, yellow, red);
}

.index_leistungen_bar_2 {
	width: 100%;
	height: 10px;
	position: relative;
	top: -3px;
	background-image:linear-gradient(to bottom right, yellow, red);
}

.index_leistungen_result_container_second_section_img {
	width: 100px;
    position: relative;
    float: right;
    bottom: 80px;
    margin-right: 45px;
	border-radius: 3px;
}

/* ------------------- */
/*   STYLES PARTNER    */
/* ------------------- */

.index_partner_result_container {
	width: 320px;
}

.index_partner_middleBar_pic {
	background-color: grey;
	width: 200px;
}

.index_partner_middlebar_pic_first_section {
	display: block;
	background-color: #294A73;
	width: 100%;
	height: 250px;
}

.index_partner_middlebar_pic_second_section {
	display: block;
	background-color: #214263;
	width: 100%;
	height: 250px;
}

.index_partner_result_container_first_section {
	display: block;
	background-color: #294A73;
	width: 100%;
	height: 250px;
}
.index_partner_result_container_second_section {
	display: block;
	background-color: #214263;
	width: 100%;
	height: 250px;
}

.index_partner_title_marker {
	background-color: #FEC308;
	height: 30px;
	width: 10px;
	margin-top: 50px;
}

.index_partner_title_text {
	color: #FFFFFF;
	font-size: 24px;
	margin-left: 20px;
	position: relative;
    bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
}

.index_partner_img_hand {
	margin-left: 35px;
    margin-top: 18%;
    width: 120px;
    height: 80px;
	border-radius: 3px;
}

.index_partner_img_zeichnung {
	margin-left: 35px;
    margin-top: 60px;
    width: 120px;
    height: 80px;
	border-radius: 3px;
}

.index_partner_logo_text_1 {
	margin-top: 20px;
	display: block;
	margin-left: 35px;
	font-size: 18px;
	color: #DDDDDD;
	font-family: Arial, Helvetica, sans-serif;
}

.index_partner_logo_text_2 {
	display: block;
	margin-left: 35px;
	font-size: 14px;
	color: #DDDDDD;
	font-family: Arial, Helvetica, sans-serif;	
}

.index_partner_logo_ima {
	display: block;
	margin-top: 23px;
	margin-left: 35px;
	border-radius: 3px;
}

/* ------------------- */
/*   STYLES KONTAKT    */
/* ------------------- */
.index_kontakt_result_container {
	width: 320px;
}

.index_kontakt_middleBar_pic {
	background-color: grey;
	width: 200px;
}

.index_kontakt_middlebar_pic_first_section {
	display: block;
	background-color: #294A73;
	width: 100%;
	height: 250px;
}

.index_kontakt_middlebar_pic_second_section {
	display: block;
	background-color: #214263;
	width: 100%;
	height: 250px;
}

.index_kontakt_result_container_first_section {
	display: block;
	background-color: #294A73;
	width: 100%;
	height: 250px;
}

.index_kontakt_result_container_second_section {
	display: block;
	background-color: #214263;
	width: 100%;
	height: 250px;
}

.index_kontakt_title_marker {
	background-color: #FEC308;
	height: 30px;
	width: 10px;
	margin-top: 50px;
}

.index_kontakt_title_text {
	color: #FFFFFF;
	font-size: 24px;
	margin-left: 20px;
	position: relative;
    bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
}

.index_kontakt_title_formular_section {
	display: block;
}

.index_kontakt_name_label {
	display: inline-block;
	margin-top: 30px;
	color: #FFFFFF;
	font-size: 18px;
	margin-left: 35px;
	font-family: Arial, Helvetica, sans-serif;
}

.index_kontakt_name_value {
	margin-left: 35px;
	border-radius: 3px;
}

.index_kontakt_mail_label {
	display: inline-block;
	margin-top: 10px;
	color: #FFFFFF;
	font-size: 18px;
	margin-left: 35px;
	font-family: Arial, Helvetica, sans-serif;
}

.index_kontakt_mail_value {
	margin-left: 37px;
	border-radius: 3px;
}

.index_kontakt_middlebar_pic_hotline {
	margin-left: 35px;
    margin-top: 60px;
    width: 100px;
	border-radius: 3px;
}

.index_kontakt_message_label {
	display: block;
	color: #FFFFFF;
	font-size: 18px;
	margin-left: 35px;
	padding-top: 20px;
	font-family: Arial, Helvetica, sans-serif;
}

.index_kontakt_message_value {	
    display: block;
    margin-top: 5px;
	margin-left: 35px;
	width: 250px;
	border: 1px solid #DDDDDD;
	border-radius: 3px;
}

.index_kontakt_send_btn {
	margin-top: 10px;
	margin-right: 30px;
	font-size: 14px;
	color: #E4E8E9;	
	background-color: #008000;
	border: 1px solid #008000;
	border-radius: 3px;
	float: right;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
}

/* ------------------- */
/*   STYLES IMPRESSUM    */
/* ------------------- */
.index_impressum_result_container {
	width: 320px;
}

.index_impressum_middleBar_pic {
	background-color: grey;
	width: 200px;
}

.index_impressum_middlebar_pic_first_section {
	display: block;
	background-color: #294A73;
	width: 100%;
	height: 250px;
}

.index_impressum_middlebar_pic_second_section {
	display: block;
	background-color: #214263;
	width: 100%;
	height: 250px;
}

.index_impressum_result_container_first_section {
	display: block;
	background-color: #294A73;
	width: 100%;
	height: 250px;
}

.index_impressum_result_container_second_section {
	display: block;
	background-color: #214263;
	width: 100%;
	height: 250px;
}

.index_impressum_title_marker {
	background-color: #FEC308;
	height: 30px;
	width: 10px;
	margin-top: 50px;
}

.index_impressum_title_text {
	color: #FFFFFF;
	font-size: 24px;
	margin-left: 20px;
	position: relative;
    bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
}

.index_impressum_name_label_1 {
	display: block;
    margin-top: 40px;
	margin-left: 35px;
	color: #DDDDDD;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
}

.index_impressum_name_label_2 {
	display: block;
    margin-top: 5px;
	margin-left: 35px;
	color: #DDDDDD;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
}

.index_impressum_name_label_3 {
	display: block;
    margin-top: 15px;
	margin-left: 35px;
	color: #DDDDDD;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
}

.index_impressum_table {
	display: inline-block;
    margin-top: 85px;
	margin-left: 35px;
}

.index_impressum_table_label {
	color: #DDDDDD;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
}

.index_impressum_table_value {
	display: inline-block;
	color: #DDDDDD;
	font-size: 16px;
	margin-left: 35px;
	font-family: Arial, Helvetica, sans-serif;
}

.index_impressum_pic_para {
	display: inline-block;
    margin-top: 60px;
    margin-left: 50px;
    width: 80px;
    border-radius: 3px;
}

.index_impressum_pic_hotline {
	display: inline-block;
    margin-left: 43px;
    width: 90px;
    border-radius: 3px;
}

.index_impressum_kontakt_label {
	color: #FEC308;
}

/* ------------------------------- */
/*   STYLES ELEKTROKONSTRUKTION    */
/* ------------------------------- */
.index_elektrokonstruktion_result_container {
	width: 320px;
}

.index_elektrokonstruktion_middleBar_pic {
	background-color: grey;
	width: 200px;
}

.index_elektrokonstruktion_middlebar_pic_first_section {
	display: block;
	background-color: #294A73;
	width: 100%;
	height: 250px;
}

.index_elektrokonstruktion_middlebar_pic_second_section {
	display: block;
	background-color: #214263;
	width: 100%;
	height: 250px;
}

.index_elektrokonstruktion_result_container_first_section {
	display: block;
	background-color: #294A73;
	width: 100%;
	height: 250px;
}

.index_elektrokonstruktion_result_container_second_section {
	display: block;
	background-color: #214263;
	width: 100%;
	height: 250px;
}

.index_elektrokonstruktion_title_marker {
	background-color: #FEC308;
	height: 30px;
	width: 10px;
	margin-top: 50px;
}

.index_elektrokonstruktion_title_text {
	color: #FFFFFF;
	font-size: 24px;
	margin-left: 20px;
	position: relative;
    bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
}

.index_elektrokonstruktion_name_label_1 {
	margin-top: 20px;
	display: inline-block;
	color: #DDDDDD;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
}

.index_elektrokonstruktion_name_label_2 {
	margin-top: 5px;
	display: block;
	color: #DDDDDD;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
}

.index_elektrokonstruktion_name_label_3 {
	margin-top: 20px;
	display: block;
	color: #DDDDDD;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
}

.index_elektrokonstruktion_pic_tisch {
	width: 100px;
	border-radius: 3px;
	margin-top: 30px;
	margin-left: 50px;
}

.index_elektrokonstruktion_pic_zeichnung {
	width: 100px;
	border-radius: 3px;
	margin-top: 30px;
	margin-left: 50px;
}

/* ------------------------------- */
/*   STYLES ELEKTRODOKUMENTATION   */
/* ------------------------------- */
.index_elektrodokumentation_result_container {
	width: 320px;
}

.index_elektrodokumentation_middleBar_pic {
	background-color: grey;
	width: 200px;
}

.index_elektrodokumentation_middlebar_pic_first_section {
	display: block;
	background-color: #294A73;
	width: 100%;
	height: 250px;
}

.index_elektrodokumentation_middlebar_pic_second_section {
	display: block;
	background-color: #214263;
	width: 100%;
	height: 250px;
}

.index_elektrodokumentation_result_container_first_section {
	display: block;
	background-color: #294A73;
	width: 100%;
	height: 250px;
}

.index_elektrodokumentation_result_container_second_section {
	display: block;
	background-color: #214263;
	width: 100%;
	height: 250px;
}

.index_elektrodokumentation_title_marker {
	background-color: #FEC308;
	height: 30px;
	width: 10px;
	margin-top: 50px;
}

.index_elektrodokumentation_title_text {
	color: #FFFFFF;
	font-size: 24px;
	margin-left: 20px;
	position: relative;
    bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
}

.index_elektrodokumentation_pic_doku1 {
	width: 100px;
	border-radius: 3px;
	margin-top: 60px;
	margin-left: 50px;
}

.index_elektrodokumentation_pic_doku2 {
	width: 100px;
	border-radius: 3px;
	margin-top: 10px;
	margin-left: 50px;
}

.index_elektrokonstruktion_name_label_4 {
	margin-top: 85px;
	display: inline-block;
	color: #DDDDDD;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
}

/* ------------------------------- */
/*   STYLES SCHALTSCHRANKBAU       */
/* ------------------------------- */
.index_schaltschrankbau_result_container {
	width: 320px;
}

.index_schaltschrankbau_middleBar_pic {
	background-color: grey;
	width: 200px;
}

.index_schaltschrankbau_middlebar_pic_first_section {
	display: block;
	background-color: #294A73;
	width: 100%;
	height: 250px;
}

.index_schaltschrankbau_middlebar_pic_second_section {
	display: block;
	background-color: #214263;
	width: 100%;
	height: 250px;
}

.index_schaltschrankbau_result_container_first_section {
	display: block;
	background-color: #294A73;
	width: 100%;
	height: 250px;
}

.index_schaltschrankbau_result_container_second_section {
	display: block;
	background-color: #214263;
	width: 100%;
	height: 250px;
}

.index_schaltschrankbau_title_marker {
	background-color: #FEC308;
	height: 30px;
	width: 10px;
	margin-top: 50px;
}

.index_schaltschrankbau_title_text {
	color: #FFFFFF;
	font-size: 24px;
	margin-left: 20px;
	position: relative;
    bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
}

.index_schaltschrankbau_pic_schalt1 {
	width: 100px;
	border-radius: 3px;
	margin-top: 60px;
	margin-left: 50px;
}

.index_schaltschrankbau_pic_schalt2 {
	width: 100px;
	border-radius: 3px;
	margin-top: 10px;
	margin-left: 50px;
}

.index_schaltschrankbau_label_1 {
	margin-top: 40px;
	display: inline-block;
	color: #DDDDDD;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
}

.index_schaltschrankbau_label_2 {
	margin-top: 5px;
	display: inline-block;
	color: #DDDDDD;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
}

.index_schaltschrankbau_label_3 {
	margin-top: 85px;
	display: inline-block;
	color: #DDDDDD;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
}