/*
Theme Name: Uwe Lerbs GmBH, Hydraulik Augsburg Child
Description: Uwe Lerbs GmBH, Hydraulik Augsburg
Author: Kunze Medien DL
Author URI: www.kunze-medien.de
Template: Divi
Version: 1.0
Tags:
*/



ul {
	padding-top: 8px !important;
}

/* HYPHENS */

html {
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
}


/** DIVI CONTENT VERTICAL AUSRICHTEN------------------------------------------------- **/
    .ds-vertical-align { 
        display: flex; 
        flex-direction: column; 
        justify-content: center;
    } 


/** METANAVI AUSBLENDEN IM MOBILE MENU ALLGEMEIN-------------------------------------------------- **/
#mobile_menu li:not([id]) { display:none !important; }


/* METANAVI INKL. LINKS UND LIST ITEMS ------------------------------------------------------- */
#top-header .container {
	border-top: 12px solid #f69630;
}

#et-secondary-menu {
    float: none;
}

#et-secondary-menu {
	text-align: center;
}

li.meta-phone a::before {
	display: inline-block;
	font-family: ETmodules;
    margin-right: 10px;
    content: "\e090";
}

li.meta-mail a::before {
	display: inline-block;
	font-family: ETmodules;
    margin-right: 10px;
    content: "\e076";
}

.meta-claim a:before {
	display: inline-block;
    content:url("/wp-content/uploads/sticker.png");
	vertical-align: middle !important;
  	padding-right: 5px;
    margin-right: .5em;
}

.meta-claim a {
	font-size: 16px !important;
	font-weight: normal;
	font-style: italic;
}



/* DIVI THEME HEADER AUSBLENDEN, CONTAINERABSTAND ANPASSEN -------------------------------------------------------------------------------------------*/
#main-header { display:none; }
#page-container { 
	padding-top: 90px !important; 
	margin-top:-1px !important 
}

@media only screen and ( min-width: 150px ) and ( max-width: 980px) { 
	#page-container { 
		padding-top: 20px !important; 
	}
}



/* TOPNAVI UNTERNAVIGATION------------------------------------------------------- */
ul.sub-menu li a {
	font-size: 16px !important;
}


/* STARTSLIDER SLIDERTEXT ------------------------------------------------------- */
div.start-slider span.klein {
	font-size: 26px !important;
	letter-spacing: 1px;
	color: #0193dc;
}


/* ICON LIST ITEM ------------------------------------------------------- */
.list-icon ul {
	list-style-type: none;
	list-style-position: outside;
	padding-left: 0;
	padding-left: 1.7em;
	text-indent: -1.9em;
}
.list-icon ul li::before {
	content:url("/wp-content/uploads/haken_klein.png");
	vertical-align: middle !important;
	padding-right: 10px;
}


/** RESPONSIVE NAVI PLUGIN------------------------------------------------- **/
ul#responsive-menu li a {
	text-transform: uppercase;
}

/* ICON CONTACT FOOTER ------------------------------------------------------- */

a.contact-tel, a.contact-mobil, a.contact-mail {
	color: #333;
}

div.contact-location::before {
	display: inline-block;
	font-family: ETmodules;
    margin-right: 10px;
    content: "\e090";
	color: #0193dc;
}

a.contact-tel::before {
	display: inline-block;
	font-family: ETmodules;
    margin-right: 10px;
    content: "\e090";
	color: #0193dc;
}

a.contact-mobil::before {
	display: inline-block;
	font-family: ETmodules;
    margin-right: 10px;
    content: "\e00b";
	color: #0193dc;
}

a.contact-mail::before {
	display: inline-block;
	font-family: ETmodules;
    margin-right: 10px;
    content: "\e010";
	color: #0193dc;
}

.footer-space {
	margin-top: 20px;
}



/* KUNZE SHORTCODES ------------------------------------------------------- */
div.technik h4 {
	font-family: 'Droid Sans',Helvetica,Arial,Lucida,sans-serif;
	font-size: 15px;
	font-weight: 700;
	color: #666;
	border-left: none;
	padding-left: 0px;
}

div.datenschutz h2 {
	font-size: 32px !important;
}
div.datenschutz h3 {
	font-size: 22px;
}

div.datenschutz p:last-of-type {
    padding-bottom: 1.9em;
}


/* FOOTER ------------------------------------------------------- */

/* FOOTERINFO UND NAVI ZENTRIEREN ---------------------- */

#et-footer-nav .container, div#footer-info {
text-align: center;
}

#footer-info { width: 100%; margin:0 auto; text-align: center !important; }
@media only screen and (min-width: 980px) { 
    #footer-bottom .et-social-icons { margin-bottom:-28px; } 
}


ul#menu-footer-meta li.fb-icon a::before {
	font-family: 'ETmodules';
	font-size: 16px;
	margin-right: 10px;
    content: "\e093";
	border: 1px solid #a1b1bc;
	border-radius: 3px;
	padding: 5px;
}




/* FOOTERABSTAND FUER COOKIE */
div#footer-bottom {
         padding-bottom: 40px;
}



/* MEDIA QUERIES ______________________________________________________________________________________________________________________________________________________________________________________________________________________________ */

/* Laptops and desktops (1025-1405px) ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
@media only screen and ( min-width: 1025px ) and ( max-width: 1405px) { 


}

/* Tablets in landscape mode (981-1024px) ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and ( min-width: 981px ) and ( max-width: 1024px ) { 
	
/** METANAVI------------------------------------------------- **/

	div#top-header div.container {
		width: 95% !important;
		padding-right: 10px !important;
		padding-left: 10px !important;
	}
	ul#et-secondary-nav li a {
		font-size: 14px;
	}

/** TOPNAVI------------------------------------------------- **/
ul#menu-topnavi li a {
	font-size: 15px !important;
	}

	
/* STARTSLIDER SLIDERTEXT ------------------------------------------------------- */
div.start-slider span.klein {
	font-size: 22px !important;
	letter-spacing: 1px;
	color: #0193dc;
}

/** FOOTER------------------------------------------------- **/
	div.custom-footer {
		width: 92%;
	}

}


/* Tablets in portrait mode (768-980px) ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media only screen and ( min-width: 768px ) and ( max-width: 980px ) {
	
/** RESPONSIVE NAVI PLUGIN------------------------------------------------- **/
button#responsive-menu-button {
    top: 35px !important;
}

#responsive-menu-title {
    padding: 40px 5% !important;
}
	
ul#responsive-menu {
	padding-top: 0px !important;
	}
	
/* STARTSLIDER SLIDERTEXT ------------------------------------------------------- */
div.start-slider span.klein {
	font-size: 22px !important;
	letter-spacing: 1px;
	color: #0193dc;
}
	
}


/* Smartphones in landscape mode (480-768px) --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and ( min-width: 480px ) and ( max-width: 767px ) {

/** RESPONSIVE NAVI PLUGIN------------------------------------------------- **/
button#responsive-menu-button {
    top: 25px !important;
}

#responsive-menu-title {
    padding: 30px 5% !important;
}
	
ul#responsive-menu {
	padding-top: 0px !important;
	}
	
/* STARTSLIDER SLIDERTEXT ------------------------------------------------------- */
div.start-slider span.klein {
	font-size: 19px !important;
	letter-spacing: 1px;
	color: #0193dc;
}

}

 

/* Smartphones in portrait mode (0-479px) ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

@media only screen and ( max-width: 479px ) {	
	
/** RESPONSIVE NAVI PLUGIN------------------------------------------------- **/
button#responsive-menu-button {
    top: 25px !important;
}

#responsive-menu-title {
    padding: 30px 5% !important;
}
	
ul#responsive-menu {
	padding-top: 0px !important;
	}
	
/* STARTSLIDER SLIDERTEXT ------------------------------------------------------- */
div.start-slider span.klein {
	font-size: 19px !important;
	letter-spacing: 1px;
	color: #0193dc;
}

}