/*
Theme Name: AXXELLON
Description: A child theme to house custom coding & design by nuevo.me
Author:   NUEVO.ME DESIGN
Template: Divi
*/

@import url("../Divi/style.css"); 

body { text-size-adjust: none !important; -moz-text-size-adjust: none !important; -webkit-text-size-adjust: none !important; -ms-text-size-adjust: none !important; font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif !important; }

/* SELEKTION/TEXTAUSWAHL FARBEN */
::selection { background-color: #7fae02; color: #ffffff; }
::-moz-selection { background-color: #7fae02; color: white; }

/* TEXTFORMATE MONITOR */
.et_pb_module h1 { font-size: 48px !important; font-weight: bold; padding-bottom: 30px !important; }
.et_pb_module h2 { font-size: 32px; font-weight: bold; padding-bottom: 30px !important; }
.et_pb_module h3 { font-size: 24px; color: #222222; font-weight: 300; padding-bottom: 20px !important; }
.et_pb_module h4 { font-size: 20px; color: #222222; font-weight: bold;  padding-bottom: 20px !important; }
/* .et_pb_module h4:after { font-size: 32px; display: block; clear: both; height: 0; content: "—"; color: #7fae02; margin-bottom: 30px; } */
.et_pb_module h4:after { display: block; clear: both; width: 100px; height: 7px; content: ""; background-color: #7fae02; margin-top: 20px; margin-bottom: 10px; }
.et_pb_module h4.center:after { margin: 20px auto 10px auto; }
.et_pb_module h5 { font-size: 16px; padding-bottom: 20px !important; font-weight: 500; }
.et_pb_module p	 { padding-bottom: 20px !important; font-weight: 400; }

strong			 { font-weight: 600; }

/* TEXTFORMATE TABLET kleiner bis 1528px */
@media only screen and (max-width: 1528px) { 
}

/* TEXTFORMATE TABLET kleiner bis 1246px */
@media only screen and (max-width: 1246px) { 
	.et_pb_module h1 { font-size: 48px !important; }
	.et_pb_module h2 { font-size: 32px; }
	.et_pb_module h3 { font-size: 24px; }
	.et_pb_module h4 { font-size: 20px; }
	.et_pb_module h5 { font-size: 16px; }
}

/* TEXTFORMATE TABLET kleiner bis 1100px */
@media only screen and (max-width: 1100px) { 
	.et_pb_module h1 { font-size: 32px !important; }
	.et_pb_module h2 { font-size: 24px; }
	.et_pb_module h3 { font-size: 20px; }
	.et_pb_module h4 { font-size: 18px; }
	.et_pb_module h5 { font-size: 16px; }
}

/* TEXTFORMATE SMARTPHONE kleiner bis 667px */
@media only screen and (max-width: 667px) { 
	.et_pb_module h1 { font-size: 24px !important; }
	.et_pb_module h2 { font-size: 22px; }
	.et_pb_module h3 { font-size: 20px; }
	.et_pb_module h4 { font-size: 16px; }
	.et_pb_module h5 { font-size: 14px; }
	.et_pb_module p { font-size: 14px !important; }
	.et_pb_button { font-size: 14px !important; }
}

/* SILBENTRENNUNG TABLET+SMARTPHONE FÜR H1, H2 und p */
@media only screen and (max-width: 1100px) {
	h1, h2, p { -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } 
}

/* BUTTONS */
.et_pb_button { color: #ffffff !important; background-color: #7fae02; /* padding: 1em 2em !important;*/ }
.et_pb_button:hover { color: #ffffff !important; /* padding: 1em 3em 1em 2em !important;*/ }
.et_pb_button_module_wrapper .et_pb_bg_layout_dark { background-color: #ffffff; color: #7fae02 !important; }

/* LISTEN */
ul.liste 			{ padding: 0 0 20px 0 !important; line-height: 1.5em !important;  }
ul.liste li 		{ list-style-type: none; border-bottom: 1px solid #7fae02; padding-left: 25px !important; }
ul.liste li:before 	{ content: "\e052"; font-family: ETmodules!important; color: #7fae02; margin-left: -25px !important; padding-right: 10px; }
.et_pb_bg_layout_dark ul.liste 			{ }
.et_pb_bg_layout_dark ul.liste li 		{ list-style-type: none; }

/* HEADER - MENU */

#main-header, #et-top-navigation { font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif !important; }

#main-header { border-bottom: 10px #7fae02 solid; }
#top-menu li.menu-item { font-weight: 600; }
#top-menu li.menu-item { padding-right: 68px; }
#top-menu li.menu-item:last-child { padding-right: 0px; }

/* HEADER - MENU - RESPONSIVE */
@media only screen and (max-width: 1285px) { 
	#top-menu li.menu-item { padding-right: 35px; }
	#top-menu li.menu-item a { font-size: 16px !important; }
}

@media only screen and (max-width: 1170px) { 
	#top-menu li.menu-item { padding-right: 35px; }
	#top-menu li.menu-item a { font-size: 16px !important; }
}

/* HEADER- MENU - FIXIERT */
.et-fixed-header { border-bottom: 1px solid rgba(0,0,0,0); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,1) !important; box-shadow: 0px 0px 20px 0px rgba(0,0,0,1) !important; }
.et-fixed-header #et-top-navigation nav > ul > li > a { /* padding-top: 0px !important;  padding-bottom: 30px !important; */ }

/* HEADER - MENU - MOBILE */
#mobile_menu { border-radius: 10px; }
.mobile_menu_bar:before { color: #4e3429 !important; }
.et_mobile_menu { background-color: rgba(255, 255, 255, 0.97) !important; border:none; padding: 2%; }
.et_mobile_menu li a { text-align: center; letter-spacing: 1px; display: block; padding: 8px 3%; border-bottom: 1px solid #ffffff; }
.et_mobile_menu .menu-item-has-children > a { background-color: rgba(255, 255, 255, 0.0) !important; }
.et_mobile_menu li a:hover { opacity: 0.7; background-color: rgba(0, 0, 0, 0.03) !important; }
.et_mobile_menu li.current-menu-item a { color: #7fae02 !important; }
.et_mobile_menu li ul.sub-menu { padding-left: 0px !important; padding-right: 0px !important; }
.et_mobile_menu li ul.sub-menu li { padding-left: 0px !important; }
.et_header_style_left .et_mobile_menu.et_mobile_menu { top:70px; }

.et_mobile_menu li > .sub-menu { padding-right: 0px !important; }

/* HEADER - MENU - CTA KONTAKT */
.menue-cta-kontakt { } /* VIA DIVI PIXEL */

/* HEADER - MENU – SUBMENU */
.sub-menu li { padding: 0px !important; }
.sub-menu li a { font-size: 12px !important; }
.sub-menu li a span:after { display: none !important; }

/* KONTAKTFORMULAR */
.et_contact_bottom_container .et_pb_contact_right p { padding-bottom: 0px !important; }

/* FOOTER */
footer p { font-size: 14px; }
footer a { color: #ffffff !important; }
footer a:hover { opacity: 0.8; }

footer ul.liste 			{ padding: 0 0 20px 0 !important; line-height: 1.4em !important;  }
footer ul.liste li 			{ list-style-type: none; border-bottom: 1px solid #ffffff; padding-left: 0px !important; font-size: 14px; }
footer ul.liste li:before 	{ display: none !important; }