/*
Theme Name:   helloelementorchild
Description:  Test
Author:       Krieger Bau
Author URL:   http://127.0.0.1/dev01
Template:     hello-elementor
Version:      1.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  helloelementorchild
*/

/* Schreibe hier dein eigenes persönliches Stylesheet */
/*
1. Custom Animations 
2. Globals
3. Formulare
4. Header
5. Footer
6. Weitere Elemente
*/


/*** GLOBALS ***/
html{
    scroll-behavior: smooth;
}


.top-con {
	padding-left: 1%;
	padding-right: 1%;
}

@media (max-width: 1024px){
    .top-con{
        padding-left: 4%;
        padding-right: 4%;
    }
}
@media (max-width: 767px){
    .top-con{
        padding-left: 8%;
        padding-right: 8%;
    }
}


/*P, Links + Hover Effekt*/
a{
	color: inherit;
}
p:last-child{
    margin-bottom: 0;
}
p a, p a:hover, td a{
    color: inherit;
    position: relative;
    --lineColor: var(--accentColor);
}
p a, td a{
    background: 
      linear-gradient(var(--lineColor, #ffffff33) 0 0) 
      0 100% /var(--d, 0) 2px 
    no-repeat;
    transition:0.3s;
}

p a:hover, td a:hover{
    --d: 100%;
}
/* Ende */

/* Elementor Buttons */
/* Ende */


body{
	--accentColor: var(--e-global-color-7f0d0ef);
}
body.page-id-190{
	--accentColor: var(--e-global-color-cbf8e1f);
}
body.page-id-262{
	--accentColor: var(--e-global-color-e9b556b);
}
body.page-id-281{
	--accentColor: var(--e-global-color-42e646c);
}
body.page-id-285{
	--accentColor: var(--e-global-color-c87dbec);
}

/*** GLOBALS ENDE ***/


/*** NAVIGATION/HEADER/POPUP ***/
body:is(.page-id-190, .page-id-262, .page-id-281, .page-id-285) .logo-group{
	display: none;
}
body.page-id-190 .logo-bau{
	display: block;
}
body.page-id-262 .logo-architektur{
	display: block;
}
body.page-id-281 .logo-elektro{
	display: block;
}
body.page-id-285 .logo-gebaeude{
	display: block;
}

header nav ul li a:hover, header nav ul li a.elementor-item-active{
	color: var(--accentColor) !important;
}
header nav ul li a:hover::after, header nav ul li a.elementor-item-active::after{
	background-color: var(--accentColor) !important;
}

header .elementor-menu-toggle i::before{
	color: var(--accentColor) !important;	
}
/*** NAVIGATION/HEADER/POPUP ENDE ***/

/*** FOOTER ***/
footer table{
    font-size: inherit;
} 
footer table td{
    padding: 0;
    background: none;
    border: none;
    width: max-content;
}
footer table td:not(:first-of-type){
	padding-left: 1ch;
}
footer table td a{
    color: inherit;
}

.footer-text{
	color: var(--accentColor) !important;
}
.footer-text.no-margin p{
	margin: 0;
}
/*** FOOTER ENDE ***/


/*** WEITERE ELEMENTE ***/