/*
Theme Name: Pflegedienst Bedrich
Description: A child theme to house custom coding & design by punkt3.com.
Author:   Punkt3 GmbH
Template: Divi
*/

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

body { 
	font-family: corporate-s, sans-serif !important;
	font-weight: 400;
	text-size-adjust: none !important;
	-moz-text-size-adjust: none !important;
	-webkit-text-size-adjust: none !important;
	-ms-text-size-adjust: none !important;
}

/* SELEKTION/TEXTAUSWAHL FARBEN */
::selection { background-color: #ffcc4f; color: #FFFFFF; }
::-moz-selection { background-color: #ffcc4f; color: white; }

/* TEXTFORMATE MONITOR */
h1, h2, h3, h4, h5, h6 { padding-bottom: 25px; }
.et_pb_module h1 /*Head gr bold*/  { font-size: 60px !important; font-weight: 700 !important; }
.et_pb_module h2 /*Head gr light*/ { font-size: 60px !important; font-weight: 300 !important; }
.et_pb_module h3 /*Head kl bold*/  { font-size: 36px !important; font-weight: 700; }
.et_pb_module h4 /*Head kl light*/ { font-size: 36px !important; font-weight: 300 !important; }
.et_pb_module h5 /*Head Rubrik*/   { font-size: 16px !important; font-weight: 700 !important; text-transform: uppercase; letter-spacing: 1px; }

p { font-size: 20px; line-height: 1.2em !important; padding-bottom: 20px !important; }

/* TEXTFORMATE TABLET LANDSCAPE kleiner bis 1528px */
@media only screen and (max-width: 1528px) { 
		.et_pb_module h1 {  }
		.et_pb_module h2 {  }
		.et_pb_module h3 {  }
		.et_pb_module h4 {  }
}
/* TEXTFORMATE TABLET PORTRAIT kleiner bis 1024px */
@media only screen and (max-width: 1300px) { 
		.et_pb_module h1 /*Head gr bold*/  { font-size: 40px !important; }
		.et_pb_module h2 /*Head gr light*/ { font-size: 40px !important; }
		.et_pb_module h3 /*Head kl bold*/  { font-size: 26px !important; }
		.et_pb_module h4 /*Head kl light*/ { font-size: 26px !important; }
		.et_pb_module h5 /*Head Rubrik*/   { font-size: 14px !important; }
		p { font-size: 16px; }
}
/* TEXTFORMATE SMARTPHONE kleiner bis 600px */
@media only screen and (max-width: 600px) { 
		.et_pb_module h1 /*Head gr bold*/  { font-size: 30px !important; }
		.et_pb_module h2 /*Head gr light*/ { font-size: 30px !important; }
		.et_pb_module h3 /*Head kl bold*/  { font-size: 20px !important; }
		.et_pb_module h4 /*Head kl light*/ { font-size: 20px !important; }
		.et_pb_module h5 /*Head Rubrik*/   { font-size: 12px !important; }
		p { font-size: 16px; }
}

/* SILBENTRENNUNG TABLET+SMARTPHONE & KLEINER FÜR H2, H3, H4 */
@media only screen and (max-width: 1024px) { 
	h2, h3, h4 { -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } 
}

/* SILBENTRENNUNG IMMER FÜR h5 */
h5 { -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } 

/* LINKS STYLING */
p a { color: #4d4d4d; border-bottom: 2px solid #ffcc4f; padding-bottom: 5px;  }
p a:hover { color: #717171; border-bottom: 2px solid #717171; }

/* LISTEN STYLING*/
ul.liste 			{ font-size: 20px; padding: 0 0 20px 0 !important; line-height: 1.5em !important; font-weight: 600; }
ul.liste li 		{ list-style-type: none; border-bottom: 1px solid #dbdbdb; padding-left: 10px; }
ul.liste li:before 	{ content: "•"; color: #ffcc4f; margin-left: -10px; }

@media only screen and (max-width: 1300px) { 
	ul.liste li { font-size: 16px; }
}

/* BUTTONS STYLING */
.et_pb_button, .et_pb_module .et_pb_button, .et_pb_button:hover, .et_pb_module .et_pb_button:hover { padding-top: .5em; padding-bottom: .7em; }


/* HEADER MENU */
#top-menu li { padding-right: 44px; }
#top-menu li a { border-bottom: 2px solid rgba(255, 255, 255, 0); font-size: 36px !important; font-weight: 300 !important;}
#top-menu li:hover a { border-bottom: 2px solid #ffcc4f; }
#top-menu li.active a{ border-bottom: 2px solid #ffcc4f; color: #717171 !important; }
.et_header_style_left #et-top-navigation nav > ul > li > a { padding-top: 50px !important; padding-bottom: 28px !important; }

/* HEADER MENU RESPONSIVE */
@media only screen and (max-width: 1120px) { 
	#top-menu li a { font-size: 20px !important; font-weight: 300 !important;}
}

/* HEADER MENU FIXIERT */
.et-fixed-header { border-bottom: 1px solid #dbdbdb; }
.et-fixed-header #et-top-navigation nav > ul > li > a { padding-top: 0px !important;  padding-bottom: 28px !important; }

/* HEADER MENU MOBILE */
.mobile_menu_bar:before { color: #1b1b1b !important; }
.et_mobile_menu { background-color: rgba(255, 255, 255, 0.97) !important; border:none; padding: 3%; }
.et_mobile_menu li a { text-align: center; text-transform: uppercase; 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 ul.sub-menu { padding-left: 0px !important; }
.et_mobile_menu li ul.sub-menu li { padding-left: 0px !important; }
.et_mobile_menu li ul.sub-menu li a { font-weight: 400 !important; }

/* START SLIDER */
.et_pb_slides .et_pb_slider_container_inner { }
.et_pb_slide_description, .et_pb_slider_fullwidth_off .et_pb_slide_description { padding-top: 4% !important; padding-bottom: 7% !important; /* padding: 16% 8% !important; */ }
.et_pb_slide:first-child .et_pb_slide_image img.active { max-height: auto !important; }

/* UMSCHALTER */
.et_pb_toggle_open .et_pb_toggle_title:before { color: #4d4d4d !important; }

/* FOOTER */
#footer-bottom { display:none; }

p.text_footer 	{ padding: 0 0 20px 0 !important; line-height: 1.4em !important; }

ul.liste_footer 	{ font-size: 20px; padding: 0 0 20px 0 !important; line-height: 1.4em !important; font-weight: 500; }
ul.liste_footer li 	{ list-style-type: none; border-bottom: 1px solid rgba(255,255,255,0.2); margin-bottom: -1px; }
ul.liste_footer li a	{ color: #ffffff; }
ul.liste_footer li a:hover	{ color: #ffcc4f; }

@media only screen and (max-width: 1300px) { 
	ul.liste_footer li { font-size: 16px; }
}

/* POPUP PLUGIN */
html.pum-open.pum-open-overlay.pum-open-scrollable body>[aria-hidden] { padding-right: 0px !important; }
.pum-container h3 { font-size: 36px !important; font-weight: 700; }
.pum-container h4 { font-size: 36px !important; font-weight: 300 !important; }
.pum-container h5 { font-size: 16px !important; font-weight: 700 !important; text-transform: uppercase; letter-spacing: 1px; }
@media only screen and (max-width: 1300px) { 
		.pum-container h3 { font-size: 26px !important; }
		.pum-container h4 { font-size: 26px !important; }
		.pum-container h5 { font-size: 14px !important; }
		p { font-size: 16px; }
}
@media only screen and (max-width: 600px) { 
		.pum-container h3 { font-size: 20px !important; }
		.pum-container h4 { font-size: 20px !important; }
		.pum-container h5 { font-size: 12px !important; }
		p { font-size: 16px; }
}