/*
Theme Name:   helloelementorchild
Description:  Test
Author:       GRUPPE DREI
Author URL:   https://www.gruppedrei.com
Template:     hello-elementor
Version:      1.1
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. Header
4. Footer
5. Weitere Elemente
*/

@import "css/reset.css";
@import "css/animations.css";
@import "css/form.css";


/*** GLOBALS ***/
html{
	-webkit-font-smoothing: antialiased;
}
.e-container, .e-con{
	--full-width-padding: max(1%, calc((50vw - var(--scrollbar-width) / 2) - var(--container-max-width) / 2));
	
	--spacer-140: clamp(70px, 7.29vw, 140px);
	--spacer-100: clamp(50px, 5.2vw, 100px);
	--spacer-70: clamp(40px, 3.64vw, 70px);
	--spacer-50: clamp(15px, 2.6vw, 50px);
	--spacer-40: clamp(20px, 2.08vw, 40px);
	
	
	--spacer-180: clamp(80px, 9.375vw, 180px);
	--spacer-120: clamp(60px, 6.25vw, 120px);
	--spacer-80: clamp(40px, 4.16vw, 80px);
	--spacer-60: clamp(30px, 3.125vw, 60px);
	--spacer-30: clamp(15px, 1.5626vw, 30px);
	--spacer-20: clamp(10px, 1.04vw, 20px);
	--spacer-10: clamp(5px, 0.5vw, 10px);
	
	--side-padding: 0;
}

@media (max-width: 1024px){
    .e-container, .e-con{
        --full-width-content-padding-amount: 2vw;
		
		--side-padding: clamp(30px, 3.9vw, 40px);
	}
}

@media (max-width: 768px){
    .e-container, .e-con{
        --full-width-content-padding-amount: 4vw;
	}
}
/* Content Breite Ende */

/*P, Links + Hover Effekt*/

p a, .list-hover-line a span{
    color: inherit;
    position: relative;
    --lineColor: var(--e-global-color-primary)

    background: 
      linear-gradient(var(--lineColor, #ffffff33) 0 0) 
      0 100% /var(--d, 0) 2px 
    no-repeat;
    transition:0.3s;
}
p a:hover, p a:focus, .list-hover-line a:hover span, .list-hover-line a:focus span{
    --d: 100%;
}
/* Ende */

/* Elementor Buttons */
.button-primary-shadow a{
    box-shadow: -5px -5px 15px rgba(255, 255, 255, .9), 5px 5px 15px rgba(11, 89, 150, .3);
}
.button-primary-shadow a:hover{
    box-shadow: -2px -2px 5px rgba(255, 255, 255, .7), 2px 2px 5px rgba(11, 89, 150, .3);;
}

.button-secondary-shadow a{
    box-shadow: inset 3px 3px 10px rgba(15, 118, 197, .1), 3px 3px 10px rgba(15, 118, 197, .1);;
}
.button-secondary-shadow a:hover{
    box-shadow: -2px -2px 5px rgba(255, 255, 255, .9), 2px 2px 5px rgba(11, 89, 150, .3);
}

.button-tertiary-shadow a{
	box-shadow: 5px 5px 15px 0 rgba(218,231,239,.84);
}
.button-tertiary-shadow a:hover{
	box-shadow: -5px -5px 15px rgba(255,255,255,.9),4px 4px 12px rgba(57,65,124,.2);
}

.btn-no-gap .elementor-button-content-wrapper{
    gap: 0;
}
/* Ende */


.mt-auto{
	margin-top: auto !important;
}
.mr-auto{
    margin-right: auto!important;
}

/* Remove absolute positioning on mobile*/
@media (max-width: 768px){
    .position-mobile{
        position: relative !important;
    }
}
/*** GLOBALS ENDE ***/


/*** NAVIGATION/HEADER/POPUP ***/
body:is(.page-id-327, .page-id-335, .page-id-567, .page-id-3, .page-id-10, .page-id-268, .page-id-1180, .single-post) .sticky-header{
	position: static;
}

.elementor-sticky.elementor-sticky--active{
   transition: 0.2s; 
}
.elementor-sticky.elementor-sticky--active:not(.elementor-sticky--effects){
    translate: 0 -100%;
    transition: none;
}

.main-menu li.menu-item .elementor-item::before{
    background-image: linear-gradient(90deg,#1865e0 0,#199ef2 50%,#16b6f5 100%)
}


.sticky-header.elementor-sticky:not(.elementor-sticky--active, .page-id-327 *, .page-id-335 *, .page-id-567 *, .page-id-3 *, .page-id-10 *, .page-id-268 *, .page-id-1180 *, .single-post *){
	background: transparent !important;
	border-color: transparent !important;
}
body:is(.page-id-327, .page-id-335, .page-id-567, .page-id-3, .page-id-10, .page-id-268, .page-id-1180, .single-post) .sticky-header.elementor-sticky{
	background-color: var( --e-global-color-351369b ) !important;
}

.sticky-header.elementor-sticky:not(.elementor-sticky--active, .page-id-327 *, .page-id-335 *, .page-id-567 *, .page-id-3 *, .page-id-10 *, .page-id-268 *, .page-id-1180 *, .single-post *) .main-menu li.menu-item .elementor-item::before{
	background: #ffffff !important;
}
.sticky-header.elementor-sticky:not(.elementor-sticky--active, .page-id-327 *, .page-id-335 *, .page-id-567 *, .page-id-3 *, .page-id-10 *, .page-id-268 *, .page-id-1180 *, .single-post *) .main-menu li.menu-item .elementor-item{
	color: #ffffff;
}


@media(min-width: 1025px){
	.sticky-header.elementor-sticky:not(.elementor-sticky--active, .page-id-327 *, .page-id-335 *, .page-id-567 *, .page-id-3 *, .page-id-10 *, .page-id-268 *, .page-id-1180 *, .single-post *) #logo img{
		filter: brightness(0) invert(1);
	}
}

@media(max-width: 1024px){
	.sticky-header{
		position: static !important;
	}
}

/* Add Class to hide Menu-Item */
.elementor-widget-nav-menu .menu-item.hidden{
	display:none!important;
}

.search input{
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle fill='none' stroke='%23000' stroke-width='1.1' cx='9' cy='9' r='7'%3E%3C/circle%3E%3Cpath fill='none' stroke='%23000' stroke-width='1.1' d='M14,14 L18,18 L14,14 Z'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 20px;
    background-size: 20px;
}
/*** NAVIGATION/HEADER/POPUP ENDE ***/


/*** FOOTER ***/

/*** FOOTER ENDE ***/


/*** WEITERE ELEMENTE ***/
.card-shadow{
    box-shadow: -15px -15px 20px rgba(255,255,255,.6),15px 15px 20px rgba(57,65,124,.1) !important;
}
.card-shadow-hover{
	transition: .1s ease-in-out !important;
	transition-property: transform, box-shadow !important;
}
.card-shadow-hover:hover{
	box-shadow: -2px -2px 5px rgba(255, 255, 255, .8), 2px 2px 4px rgba(57, 65, 124, .2)!important;
	transform: translateY(3px);
	transition: .1s ease-in-out !important;
	transition-property: transform, box-shadow !important;
}

.news-grid .elementor-grid-item{
    box-shadow: -15px -15px 20px rgba(255,255,255,.6),15px 15px 20px rgba(57,65,124,.1);
	transition: .1s ease-in-out !important;
	transition-property: transform, box-shadow !important;
}
.news-grid .elementor-grid-item:hover{
    box-shadow: -2px -2px 5px rgba(255, 255, 255, .8), 2px 2px 4px rgba(57, 65, 124, .2);
    transform: translateY(3px);
}
.news-grid .elementor-grid-item .elementor-post__text{
    display: flex;
}
.news-grid .elementor-grid-item .elementor-post__text .elementor-post__meta-data{
    order: -1;
}

.icon-button a{
    position: relative;
}
.icon-button a::before{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 20px;
    background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2211%22%20viewBox%3D%220%200%2020%2011%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%231991EE%22%20stroke-width%3D%221.2%22%20points%3D%2213%201%2018%205.5%2013%2010%20%22%2F%3E%0A%20%20%20%20%3Cline%20fill%3D%22none%22%20stroke%3D%22%231865E0%22%20stroke-width%3D%221.2%22%20x1%3D%220%22%20y1%3D%225.5%22%20x2%3D%2218.4%22%20y2%3D%225.5%22%2F%3E%0A%3C%2Fsvg%3E%0A);
    background-repeat: no-repeat;
    background-position: calc(100% - 5px) 50%;
    transition: background-position .2s 
ease-out;
}
.icon-button a:hover::before{
    background-position: 100% 50%;
}


.e-n-accordion details:first-of-type summary{
	border-width: 0 !important;	
}


.custom-table table{
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}
.custom-table table th{
    padding: 16px 12px;
    text-align: left;
    vertical-align: bottom;
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
}
.custom-table table tbody tr:nth-of-type(odd){
    background: rgba(232, 246, 254, .98);
}
.custom-table table td{
    padding: 16px 12px;
    vertical-align: top;
}

.headline-bullet .elementor-heading-title::before {
    content: "";
    display: inline-block;
    position: relative;
    top: calc(-.1 * 1em);
    vertical-align: middle;
    height: calc(4px + .7em);
    margin-right: calc(5px + .2em);
    border-left: calc(4.1px) solid #1991ee;
}


.search-results article:not(:first-of-type){
    border-top: 1px solid #E0E5ED;
    padding-top: var(--spacer-40);
}
.search-results article{
    flex-direction: row !Important;
    gap: var(--spacer-40);
}
.search-results article::before{
    content: "";
    background: url("https://gemeindewerke.g3kunden.de/wp-content/uploads/2025/09/icon-file.svg") no-repeat top center/contain;
    width: 50px;
    aspect-ratio: 1;
    flex-shrink: 0;
}
.search-results article .elementor-post__excerpt p::after{
	content: "…";
}

.job-list .bite_entry{
    background-color: var(--e-global-color-primary) !important;
}
.job-list .bite_entry--image {
    max-width: 48px;
}
.job-list .bite_entry:hover .bite_entry--link {
	color: #fff !important;
    text-decoration: underline !important;
}

/*** WEITERE ELEMENTE ENDE ***/