/*
 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]
	
	# red 				--> #c2162e = rgb(194, 22, 46)
	# yellow 			--> #f7c600 = rgb(247, 198, 0)
	# dark 				--> #1b1018 = rgb(27, 16, 24)
	# black				--> #272727
	# grey				--> #cccccc
	# light				--> #f6f6f6
	
	
	[Typography]
	
	# content   		--> 
	# titles 			--> 
	# subtitle			--> 
	

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

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

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


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

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

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

.page-id-19 ::selection {
	background: #58656a !important;
	color: #ffffff !important;
}

.page-id-19 ::-moz-selection {
	background: #58656a !important;
	color: #ffffff !important; 
}

/*******************************************************************************************************************************/
/*****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%;
}

/*******************************************************************************************************************************/
/*****Header********************************************************************************************************************/
/*******************************************************************************************************************************/

#main-header .container {
	width: 85% !important;
}

/*******************************************************************************************************************************/
/*****Logo**********************************************************************************************************************/
/*******************************************************************************************************************************/

#logo {
	padding-top: 20px !important;
}

.page-id-19 #logo, .page-id-122 #logo, .page-id-124 #logo {
	display: none !important;
}


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

.et_slide_in_menu_container ul#mobile_menu_slide {
	display: table-cell !important;
}

.mobile_menu_bar:before {
	color: #fff !important;
	font-size: 48px !important;
}

.mobile_menu_bar {
	width: 48px !important;
}

.sub-menu {
	margin-right: 31px !important;
	margin-bottom: 15px !important;
}

.et_slide_in_menu_container #mobile_menu_slide li li a {
	font-size: 24px !important;
	padding: 2px 0 !important;
	opacity: 1 !important;
}

.page-id-19 .et_slide_in_menu_container {
	background-color: #58656a;
}

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

/* Popup */

.popmake-content {
	cursor: auto !important;
}

.popmake-content p {
	line-height: 1.8;
}

.popmake-content ul {
	list-style: disc;
	list-style-position: inside;
	padding-bottom: 10px !important;
	line-height: 1.6;
}


/* Switch */

.content-toggle-container {
    display: flex;
    justify-content: center;
    align-items: center;
}
  
.content-toggle-container input[type=checkbox]{
	height: 0;
	width: 0;
	visibility: hidden;
}

.content-toggle-container label {
	display: block;
	position: relative;
	width: 80px;
	height: 40px;
	border-radius: 100px;
	background: #cccccc;
	cursor: pointer;
}

.content-toggle-container label:after {
	content: '';
	position: absolute;
	top: 5px;
	left: 5px;
	width: 30px;
	height: 30px;
	border-radius: 40px;
	background: #ffffff;
	transition: all 300ms ease-in-out;
}

.content-toggle-container input:checked + label:after {
	left: calc(100% - 5px);
	transform: translateX(-100%);
}


/* Events */

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

span.bis:before {
	content: " - ";
}

span.bis:empty {
	display: none;
}

#veranstaltungskalender .et_pb_blurb_container {
	padding-left: 0 !important;
}


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

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

fieldset br {
	display: none !important;
}

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

input {
	border-left: 4px solid #F7C600 !important;
}

input[type="number"] {
	appearance: textfield;
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    -o-appearance: textfield;
    -ms-appearance: textfield;
}

.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-top-navigation {
		padding-top: 32px !important;
		padding-bottom: 8px !important;
	}
	
	#logo {
		max-height: 100% !important;
	}
	
	.et_slide_in_menu_container .mobile_menu_bar {
		width: 36px !important;
		top: 32px !important;
	}
	
	.mobile_menu_bar:before {
		font-size: 42px !important;
	}

	.mobile_menu_bar.et_pb_header_toggle {
		width: 42px !important;
	}
	
}


/* Smartphone*/

@media all and (max-width: 767px) {
	
	.mobile_menu_bar:before {
		font-size: 36px !important;
	}

	.mobile_menu_bar.et_pb_header_toggle {
		width: 36px !important;
	}
	
}


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