/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme from seoBOXX Webdesign | Andreas Soraru
 Author:         seoBOXX Webdesign | Andreas Soraru
 Author URI:     https://seoboxx-webdesign.de/
 Template:       Divi
 Version:        1.0.0
*/

body {
	background-color: #1b273d!important;
}

/* Divi menu dropdown auto width */
@media only screen and (min-width: 981px) {
	.nav li ul {
		width: fit-content;
		display: flex;
		flex-direction: column;
	}
	.nav li li {
		white-space: nowrap;
	}
	.nav li li a {
		width: auto !important;
	}
}

/* auto row maring left and right */
@media only screen and (max-width: 1360px) {
    .et_pb_row {
        padding-left: 15px;
		padding-right: 15px;
    }
}

/* mobiles menü scrollbar */
.et_mobile_menu {   
    overflow:scroll!important;
    max-height:45vh!important;
    line-height: 20px!important;
	z-index: above;
}

/* Hamburger Menu - Text */
header .et_mobile_nav_menu:before {
    content: 'Hauptmenü';
	color: #ffffff;
	font-size: 16px;
}
footer .et_mobile_nav_menu:before {
    content: 'Rechtliches & Informationen';
	color: #ffffff;
	font-size: 16px;
}

a, a:hover, a:visited, a:active, a:link {
    text-decoration: none!important;
}

.upper-roman-list { 
	list-style-type: upper-roman!important;
	list-style-position: outside!important;
	padding-inline-start: 30px!important;	
}

.lower-alpha-list { 
	list-style-type: lower-alpha!important; 
	list-style-position: outside!important;
	padding-inline-start: 30px!important;	
}

.headline-hinterlegt {    
	background-color: rgba(255, 255, 255, 0.1);
    padding-left: 15px;
    padding-bottom: 12px;
    padding-top: 10px;
    margin-bottom: 3px;
}

.headline-hinterlegt-post h1 {    
	background-color: rgba(255, 255, 255, 0.1);
    padding-left: 15px;
    padding-bottom: 14px;
    padding-top: 9px;
    margin-bottom: 3px;
}

/* Contact section on bottom of each page for Local-SEO */
.openingtable { margin-left: 15px; margin-top: 8px;}
.openingtablerow { clear: both; }
.openingtablecolcell { background-color: #eeeeee; }
.openingtabledaycol { float: left; min-width: 130px; width: max-content; padding: 4px 12px; }
.openingtableopenhourcol { float: left; min-width: 90px; width: max-content; padding: 4px 12px; }
.openingtabletocol { float: left; min-width: 45px; width: max-content; padding: 4px 12px; }
.openingtableclosehourcol { float: left; min-width: 105px; width: max-content; padding: 4px 12px; }
.openingtableannouncement { text-align: justify!important;  padding-top: 10px; }

/* textumbruch für blocksatz */
p, h1, h2, h3, h4, h5, h6, .quadmenu-description, .et_pb_text_inner, .et_pb_promo_description, .et_pb_module_header, .et_pb_blurb_description {
    hyphens: auto!important;
    hyphenate-limit-chars: auto 3!important;
    hyphenate-limit-lines: 4!important;
    -webkit-hyphens: auto!important;
    -webkit-hyphenate-limit-chars: auto 3!important;
    -webkit-hyphenate-limit-lines: 4!important;
    -moz-hyphens: auto!important;
    -moz-hyphenate-limit-chars: auto 3!important;
    -moz-hyphenate-limit-lines: 4!important;
    -o-hyphens: auto!important;
    -o-hyphenate-limit-chars: auto 3!important;
    -o-hyphenate-limit-lines: 4!important;
    -ms-hyphens: auto!important;
    -ms-hyphenate-limit-chars: auto 3!important;
    -ms-hyphenate-limit-lines: 4!important;
}

/* text absatz */
.pjust { text-align:justify; }
.plvl0 { margin-left:0px; margin-right:20px; }
.plvl1 { margin-left:20px; margin-right:20px; }
.plvl2 { margin-left:40px; margin-right:20px; }
.plvl3 { margin-left:60px; margin-right:20px; }
.plvl4 { margin-left:80px; margin-right:20px; }
.plvl5 { margin-left:100px; margin-right:20px; }
.plvl6 { margin-left:120px; margin-right:20px; }

/* DSGVO privacy pocily link icon color */
.et_pb_contact_field_checkbox a { color: #ffaa00; }
span.et_pb_contact_field_checkbox { text-align: justify; }

/* services list with checked checkbox as icon */
ul.svclst { list-style: none!important; }
ul.svclst li { line-height: 1.7em!important; }
ul.svclst li:before {
	content: '\5a'!important;	
	font-family: ETmodules!important;
	margin-right: 10px;
}

/* icons kontaktseite - später nur auf der seite in code-modul? */
.icon-tel:before {
    content: "\e090";
  	margin-right: 7px;
  	font-family: 'etModules';
}
.icon-fax:before {
    content: "\e0fa";
  	margin-right: 7px;
  	font-family: 'etModules';
}
.icon-mail:before {
    content: "\e076";
  	margin-right: 7px;
  	font-family: 'etModules';
}
.icon-fbmsg {
    background-image: url('/wp-content/themes/seoboxx-divi-child-2024/images/Facebook.svg');
  	margin-right: 7px;
	margin-top: 5px;
    background-repeat: no-repeat;
    position: absolute;
    width: 19px;
    height: 19px;
	margin-left: 2px;
}
.icon-wamsg {
    background-image: url('/wp-content/themes/seoboxx-divi-child-2024/images/WhatsApp.svg');
  	margin-right: 7px;
	margin-top: 1px;
    background-repeat: no-repeat;
    position: absolute;
    width: 25px;
    height: 25px;
}

/* 2. Mobiles Menü: kleineres Icon + kein Border + neben Text */
@media (max-width: 980px) {
    .et_mobile_menu li[class*="mp-"] > a {
        display: flex !important;
        align-items: center;
        flex-direction: row !important;
    }

    .et_mobile_menu li[class*="mp-"] > a::before {
       	font-family: 'Font Awesome 6 Free'!important; 
		font-size: 16px !important;
        border: none !important;
        background: none !important;
        margin: 0 8px 0 0 !important;
    }
}

/* menu icons */
#menu-hauptmenue li {
    min-width: 105px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}	

#menu-hauptmenue li[class*="mp-"] > a::before {
	font-family: 'Font Awesome 6 Free'!important; 
	color: #ffffff; 
	position: absolute; 
	font-size: 18px;
}

#menu-hauptmenue li a:before {
	font-family: 'Font Awesome 6 Free'!important; 
	color: #ffffff; 
	position: absolute; 
	font-size: 18px;
}

#menu-hauptmenue li.current_page_item > a::before {
    color: #ffaa00;                 		/* Icon-Farbe im aktiven Zustand */
    border: 1px solid #ffaa00!important;    /* Rahmenfarbe */
}

/* Hover-Effekt: Icon + Border + Text */
#menu-hauptmenue li[class^="mp-"]:hover > a::before {
    color: #ffaa00;                /* Icon-Farbe */
    border-color: #ffaa00;         /* Rahmenfarbe */
}

/* Hover-Effekt: Titel */
#menu-hauptmenue li[class^="mp-"]:hover > a {
    color: #ffaa00;                /* Textfarbe des Menüpunkts */
}

/* Dropdown Icon Position */
#menu-hauptmenue li > a::after {
    top: 102px!important; /* positon dropdown*/
}

/* Haupt-Wrapper: Spalten-Layout */
#menu-hauptmenue li[class^="mp-"] > a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 1.2;
    padding-top: 90px!important; /* optional Abstand nach oben */
}

/* Icon oben als eigener Block */
#menu-hauptmenue li[class^="mp-"] > a::before {
    border: 1px solid #fff;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 90px; /* Abstand zum Text */
    box-sizing: border-box;
}

/* Submenus (Dropdowns) linksbündig */
#menu-hauptmenue .sub-menu,
#menu-hauptmenue .sub-menu li > a {
    text-align: left !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
}

/* Icons für jeden Menüpunkt */
.mp-aac > a:before {content: '\f015';}
.mp-news > a:before {content: '\f1ea';}
.mp-verein > a:before {content: '\f0c0';}
.mp-motorsport > a:before {content: '\f0e4';}
.mp-oldtimer > a:before {content: '\f1b9';}
.mp-rallye > a:before {content: '\f11e';}
.mp-trial > a:before {content: '\f21c';}
.mp-veranstaltungen > a:before {content: '\f073';}
.mp-pressearchiv > a:before {content: '\f187';}
.mp-mitglied > a:before {content: '\f234';}
.mp-kontakt > a:before {content: '\f086';}