/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/

 

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

	
	[Table of contents]
	
	01. General
	02. Helper classes
	03. Grid
	04. Navigation
	05. Elements
	06. Formular
	07. Responsive
	
	
	[Colors]
	
	# main color 		--> #E30613 = rgb(227, 6, 19)
	# grey				--> #575756 = rgb(87, 87, 86)
	# black				--> #272727
	# light				--> #f6f6f6
	
	
	[Typography]
	
	# content   		--> 'Ubuntu', Helvetica, Arial, Lucida, sans-serif
	# titles 			--> 'Ubuntu', Helvetica, Arial, Lucida, sans-serif
	# subtitle			--> 'Ubuntu', Helvetica, Arial, Lucida, sans-serif
	

/*******************************************************************************************************************************/
/*****General*******************************************************************************************************************/
/*******************************************************************************************************************************/

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

html, body {
	width: 100%;
	height: 100%;
	position: relative;
}

/*******************************************************************************************************************************/
/*****Basics********************************************************************************************************************/
/*******************************************************************************************************************************/

h1, h2, h3, h4, h5, h6 {
	padding-bottom: 0 !important;
}



/*******************************************************************************************************************************/
/*****Helper classes************************************************************************************************************/
/*******************************************************************************************************************************/

.inline_btn .et_pb_button_module_wrapper {
	display: inline-block !important;
}

::selection {
 background: #e3000b;
 color: #ffffff
}

::-moz-selection {
 background: #e3000b;
 color: #ffffff
}



/*******************************************************************************************************************************/
/*****Grid**********************************************************************************************************************/
/*******************************************************************************************************************************/

.row {
	clear: both;
	overflow: hidden;
}

.span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12 {
    float: left;
}

.col {
	margin-right: 1.5%;
}

.span1 {
	width: 6.9583333333333%;
}

.span2 {
	width: 15.416666666667%;
}

.span3 {
	width: 23.875%;
}

.span4 {
	width: 32.333333333333%;
}

.span5 {
	width: 40.791666666667%;
}

.span6 {
	width: 49.25%;
}

.span7 {
	width: 57.708333333333%;
}

.span8 {
	width: 66.166666666667%;
}

.span9 {
	width: 74.625%;
}

.span10 {
	width: 83.083333333333%;
}

.span11 {
	width: 91.541666666667%;
}

.span12 {
	width: 100%;
}



/*******************************************************************************************************************************/
/*****Navigation****************************************************************************************************************/
/*******************************************************************************************************************************/


/* Icon */

.menu-icon .line{
	display: block;
	position: absolute;
	height: 3px;
	background: #E30613;
	transition: 100ms ease-in-out;
	-webkit-transition: 100ms ease-in-out;
	-moz-transition: 100ms ease-in-out;
	-o-transition: 100ms ease-in-out;
}
 
.menu-icon .line-1 {
	top: 0px;
	width: 100%;
}
   
.menu-icon .line-2 {
	top: 11px;
	width: 80%;
}
  
.menu-icon .line-3 {
	top: 22px;
	width: 50%;
}

.menu-icon.open .line{
	background: #E30613; 
}
  
.menu-icon.open .line-1 {
	top: 12.5px;
	width: 100%;
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-o-transform: rotate(135deg);
}
  
.menu-icon.open .line-2 {
	display: none;
}
  
.menu-icon.open .line-3 {
	top: 12.5px;
	width: 100%;
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
}


/* Overlay */

.fullwidth-menu {
	opacity: 0;
	top: 0;
	visibility: hidden;
	height: 0;
}
  
.fullwidth-menu-open {
	opacity: 1 !important;
	visibility: visible !important;
	height: 100vh !important;
}
  
.fullwidth-menu {
	transition: all 500ms ease !important;
	-webkit-transition: all 500ms ease !important;
	-moz-transition: all 500ms ease !important;
	-o-transition: all 500ms ease !important;
	-ms-transition: all 500ms ease !important;
}


/* Active */

body.page-id-8 .fullwidth-menu .main-menu-item:nth-child(2) p,	/* Startseitee */
body.page-id-10 .fullwidth-menu .main-menu-item:nth-child(3) p,	/* Über uns */
body.page-id-12 .fullwidth-menu .main-menu-item:nth-child(4) p,	/* Dienstleistungen */
body.page-id-14 .fullwidth-menu .main-menu-item:nth-child(5) p,	/* Referenzen */
body.page-id-16 .fullwidth-menu .main-menu-item:nth-child(6) p,	/* News */
body.page-id-18 .fullwidth-menu .main-menu-item:nth-child(7) p	/* Kontakt */
{
	color: #E30613 !important;
}



/*******************************************************************************************************************************/
/*****Elements******************************************************************************************************************/
/*******************************************************************************************************************************/

/* Divi Machine */

.divi-filter-archive-loop, .et_pb_de_mach_archive_loop {
	margin-bottom: 0 !important;
}

#main-content .align-last-module.align-single_row .et_pb_section .et_pb_row .et_pb_module:nth-last-child(1) {
	margin-top: 0 !important;
}


/* Routenplaner */

.decom-map-container {
	border-radius: 20px !important;
}


/* Referenzen */

#referenzen input[type=radio] {
	display: none !important;
}

#referenzen input[type=radio] + label {
	display: inline-block;
	float: left;
	margin-right: 15px;
	padding: 15px 25px;
	background: #f6f6f6;
	border-radius: 10px;
	font-size: 14px;
	line-height: 1.7em;
	cursor: pointer;
}

#referenzen input[type=radio]:last-child + label {
	margin-right: 0;
}

#referenzen input[type=radio]:checked + label {
	color: #ffffff;
	background: #E30613;
}

#referenzen p.dmach-acf-value {
	font-size: 16px !important;
	line-height: 1.4em !important;
}


/* Cookies */

.cc-revoke {
	display: none !important;
}


/*******************************************************************************************************************************/
/*****Formular******************************************************************************************************************/
/*******************************************************************************************************************************/

fieldset {
	margin-bottom: 1.5% !important;
}

fieldset br {
	display: none;
}

input, select, textarea {
	padding: 15px 25px !important;
}

textarea {
	display: block;
	width: 100% !important;
	min-width: 100% !important;
	max-width: 100% !important;	
}

.wpcf7-response-output {
	padding: 20px !important;
	margin: 0 0 50px 0 !important;
}



/*******************************************************************************************************************************/
/*****Responsive****************************************************************************************************************/
/*******************************************************************************************************************************/

@media all and (max-width: 1280px) {
	
}


/* Tablet */

@media all and (max-width: 980px) {
	
	.span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12 {
		width: 100%;
		float: none;
	}
	
	.col {
		margin-right: 0;
	}
	
	.custom_row {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	
	.first-on-mobile {
		-webkit-order: 1;
		order: 1;
	}
	
	.second-on-mobile {
		-webkit-order: 2;
		order: 2;
	}
	
	.third-on-mobile {
		-webkit-order: 3;
		order: 3;
	}
	
	.fourth-on-mobile {
		-webkit-order: 4;
		order: 4;
	}
	
	.et_pb_row .et_pb_column_mobile_1_2 {
		width: 50% !important;
	}
	.et_pb_row .et_pb_column_mobile_1_3 {
		width: 33.3333333333% !important;
	}
	.et_pb_row .et_pb_column_mobile_2_3 {
		width: 66.6666666666% !important;
	}
	.et_pb_row .et_pb_column_mobile_1_4 {
		width: 25% !important;
	}
	.et_pb_row .et_pb_column_mobile_3_4 {
		width: 75% !important;
	}
	
	.menu-icon .line-1 {
		top: 0px;
	}
	   
	.menu-icon .line-2 {
		top: 10px;
	}
	  
	.menu-icon .line-3 {
		top: 20px;
	}
	
	.menu-icon.open .line-1 {
		top: 11.5px;
	}
 
	.menu-icon.open .line-3 {
		top: 11.5px;
	}
	
	input[type=radio] + label {
		margin-bottom: 15px;
	}

	input[type=radio]:last-child + label {
		margin-bottom: 0;
	}
	
	#referenzen p.dmach-acf-value {
		font-size: 15px !important;
	}
	
	.decom-map-container {
		height: 500px !important;
	}
	
	fieldset {
		margin-bottom: 20px !important;
	}
	
}


/* Smartphone*/

@media all and (max-width: 767px) {
 
	.menu-icon .line-1 {
		top: 0px;
	}
	   
	.menu-icon .line-2 {
		top: 8px;
	}
	  
	.menu-icon .line-3 {
		top: 16px;
	}
	
	.menu-icon.open .line-1 {
		top: 9.5px;
	}
 
	.menu-icon.open .line-3 {
		top: 9.5px;
	}
	
	.decom-map-container {
		height: 400px !important;
	}
	
	fieldset {
		margin-bottom: 15px !important;
	}
	
	#referenzen p.dmach-acf-value {
		font-size: 14px !important;
	}
}


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