/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */


@font-face {
  font-family: "InstrumentSans";
  src: url("/wp-content/themes/hello-theme-child-master/fonts/InstrumentSans-Regular.woff2") format("woff2");
  font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
  font-family: "InstrumentSans";
  src: url("/wp-content/themes/hello-theme-child-master/fonts/InstrumentSans-Medium.woff2") format("woff2");
  font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
  font-family: "InstrumentSans";
  src: url("/wp-content/themes/hello-theme-child-master/fonts/InstrumentSans-SemiBold.woff2") format("woff2");
  font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
  font-family: "InstrumentSans";
  src: url("/wp-content/themes/hello-theme-child-master/fonts/InstrumentSans-Bold.woff2") format("woff2");
  font-weight: 700;
	font-style: normal;
	font-display: swap;
}

:root{
    --hg-black: #292929;
    --hg-red: #FF3939;
    --hg-blue: #A0B4EA;
    --h1-font-size: 45px;
    --h2-font-size: 43px;
    --xxl-font-size: 11vw;
    --xl-font-size: 29px;
    --l-font-size: 24px;
    --m-font-size: 22px;
    --s-font-size: 16px;
    --xs-font-size: 14px;
    --xxs-font-size: 11px;
    --button-font-size: 18px;
    --container-padding: 10vw;
}

body{
    background-color: var(--hg-black);
    color: white;
    font-size: var(--s-font-size);
    line-height: 1.4;
    font-weight: 400;
	font-family: "InstrumentSans", sans-serif !important;
}

body:not(.rtl) .elementor-360 .elementor-element.elementor-element-676e5e0 {
    left: 19vw!important;
}

body:not(.rtl) .elementor-360 .elementor-element.elementor-element-676e5e0 {
    top: 19vw;
}

p{
	line-height: 1.4;
}

h1{
    font-weight: 700;
    line-height: 115%;
    font-size: var(--h1-font-size);
}

h2{
    font-size: var(--h2-font-size);
    font-weight: 700;
    line-height: 115%;
}

h3{
    font-size: var(--s-font-size);
    font-weight: 400;
    line-height: 1.2;
}

h4{
    font-size: var(--l-font-size);
    font-weight: 400;
    line-height: normal;
}

h5{
    font-size: var(--m-font-size);
    font-weight: 400;
    line-height: normal;
}

h6{
    font-size: var(--xs-font-size);
    font-weight: 400;
    line-height: normal;
}

.font-size-xxl, 
.font-size-xxl *{
	font-size: var(--xxl-font-size);
}

.font-size-xl, 
.font-size-xl *{
	font-size: var(--xl-font-size);
}

button,
.wpcf7-form input[type="submit"],
.button,
.elementor-button.elementor-button-link {
    font-size: var(--button-font-size);
    background: white;
    border: 1px solid white;
    color: var(--hg-black);
    border-radius: 0;
    padding: 10px 15px;
    line-height: normal;
    font-weight: 600;
	min-width: 140px;
	width: auto;
}

button:hover,
input[type="submit"]:hover,
.button:hover,
.elementor-button.elementor-button-link:hover{
    background: var(--hg-black);
    color: white;
}

button:focus,
button:focus-visible,
a:focus,
a:focus-visible,
.button:focus,
.button:focus-visible{
    outline: none !important;
}

.e-con>.e-con-inner{
    max-width: unset;
    padding-left: var(--container-padding);
    padding-right: var(--container-padding);
}

.red-line{
    position: relative;
}

.red-line:after{
    content: '';
    background: var(--hg-red);
    width: 0;
    height: 1px;
	display: block;
	position: absolute;
	left: 0;
	top: calc(100% + 20px);
}

.red-line.in-view:after{
    width: 140px;
    transition: width 0.8s linear 0.2s;
}

header{
    background-color: transparent;
}

header.site-header nav.site-navigation a{
    color: white;
    font-size: var(--xs-font-size);
	padding: 8px 25px;
}

header nav a[aria-current="page"],
header nav a:hover{
    text-decoration: underline var(--hg-red) 1px;
    text-underline-offset: 7px;
	color: white;
}

header .site-logo img{
	width: 250px;
}

header.site-header nav.site-navigation .start-nav a{
	padding-left: 120px;
}
header.site-header nav.site-navigation .start-nav a:before{
	content: '';
	background: url('https://herzog-grimm.de/wp-content/uploads/2025/02/logo_.png') no-repeat;
	position: absolute;
	left: 0;
	top: 0;
	width: 80px;
	height: 100%;
	background-size: contain;
}

body .home-hero .hero-left,
body header,
body .hero-images .elementor-widget-image{
    opacity: 0;
}

body.home.storaged .hero .text-editor,
body.home.storaged header,
body.home.storaged .hero-images .elementor-widget-image {
    opacity: 1;
    transition: opacity 0.5s linear;
}

body.animate .home-hero .hero-left,
body.animate header{
    opacity: 1;
    transition: opacity 0.5s linear 2s;
}

body.animate .hero-images .elementor-widget-image{
    opacity: 1;
    transform: translate(0) scale(1) !important;
    transition: all 2s ease-in-out 0.8s;
}



.home-hero .e-con-inner,
.ueberuns-hero .e-con-inner{
	justify-content: space-between;
}

.home-hero .hero-left,
.ueberuns-hero .hero-left{
	width: 29vw;
}

.hero-images {
    height: 36vw;
    width: 50vw;	
}

.hero-images .elementor-widget-image{
	position: absolute;
	z-index:5;
}

.home .hero-images .elementor-widget-image .elementor-widget-container img,
.ueberuns-hero .hero-images .elementor-widget-image .elementor-widget-container img{
    width: auto;
    height: 100%;
}

.hero-images > .elementor-widget-image:nth-of-type(1){
	left: 25vw;
	top: 0;
	height: 65%;
	transform: translate(50px, -50px) scale(0.8);
}

.hero-images > .elementor-widget-image:nth-of-type(2){
	left: 12.5vw;
	right: 0;
	top: 0;
	height: 66%;
	transform: translate(0px, -50px) scale(0.8);
}

.hero-images > .elementor-widget-image:nth-of-type(3){
	right: 0;
	left: 12.5vw;
	bottom: 0;
	height: 66%;
	transform: translate(0px, 50px) scale(0.8);
}

.elementor-element-ba2ee01 .elementor-widget-container p a {
    color: black;
}

img.attachment-large.size-large.wp-image-108,
img.attachment-large.size-large.wp-image-109 {
    left: 0;
    position: relative;
}

@media (min-width: 2500px) {
	.page-id-7 .hero-images > .elementor-widget.elementor-widget-image:nth-of-type(2) {
		left: 0;
		height: 65%;
	}
    .page-id-7 .hero-images > .elementor-widget.elementor-widget-image:nth-of-type(4) {
        right: 24.8vw;
        height: 36vw;
    }
	.page-id-7 .hero-images > .elementor-widget.elementor-widget-image:nth-of-type(5) {
        right: 36vw;
    }	
	.page-id-7 .hero-images > .elementor-widget.elementor-widget-image:nth-of-type(3) {
		bottom: 11px;
    }
}


@media only screen and (min-width: 767px) and (max-width: 2499px) { 
	.page-id-7 .hero-images > .elementor-widget-image:nth-of-type(1) {
		width: 21.5vw !important;
		height: 21.5vw !important;
		top: 0 !important;
		left: 22vw !important;
	}

	.page-id-7 .hero-images > .elementor-widget-image:nth-of-type(2) {
		width: 21.5vw !important;
		height: 21.5vw !important;
		left: 11vw !important;
	}

	.page-id-7 .hero-images > .elementor-widget-image:nth-of-type(3) {
		left: 11vw !important;
		top: 10.9vw !important;
		width: 32.5vw !important;
		aspect-ratio: 1024 / 675;
	}

	.page-id-7 .hero-images > .elementor-widget-image:nth-of-type(4) {
		width: 21.5vw !important;
		height: 21.5vw !important;
	}

	.page-id-7 .hero-images > .elementor-widget-image:nth-of-type(5) {
		width: 10.5vw !important;
		height: 10.5vw !important;
		top: 21.8vw !important;
	}

	.page-id-7 .hero-images > .elementor-widget-image:nth-of-type(6) {
		width: 21.5vw !important;
		height: 21.5vw !important;
	}

	.home .hero-images .elementor-widget-image .elementor-widget-container img, .page-id-7 .ueberuns-hero .hero-images .elementor-widget-image .elementor-widget-container img {
		width: auto !important;
		height: auto !important;
	}

	.page-id-7 .hero-images > .elementor-widget-image:nth-of-type(4){
		left: 0;
		top: 0;
		height: 100%;
		transform: translate(-50px, -50px) scale(0.8);
	}
}


.elementor-7 div.elementor-element.elementor-element-9b500e7 {
	top: 60%;
}


@media only screen and (max-width: 766px) {
	.page-id-7 .hero-images > .elementor-widget-image:nth-of-type(1) {
         width: 43vw;
        height: 43vw !important;
        top: 0;
        left: 44vw;
	}

	.page-id-7 .hero-images > .elementor-widget-image:nth-of-type(2) {
		width: 43vw;
		height: 43vw;
		left: 22vw;
	}

	.page-id-7 .hero-images > .elementor-widget-image:nth-of-type(3) {
        left: 22vw;
        top: 22vw;
        width: 65vw !important;
        height: 65vw !important;
	}

	.page-id-7 .hero-images > .elementor-widget-image:nth-of-type(4) {
		width: 43vw;
		height: 43vw;
		        transform: translate(-50px, -50px) scale(0.8);
	}

	.page-id-7 .hero-images > .elementor-widget-image:nth-of-type(5) {
        width: 21vw;
        height: 21vw !important;
        top: 43.6vw;
	}

	.page-id-7 .hero-images > .elementor-widget-image:nth-of-type(6) {
		width: 43vw;
		height: 43vw;
	}

	.home .hero-images .elementor-widget-image .elementor-widget-container img, .page-id-7 .ueberuns-hero .hero-images .elementor-widget-image .elementor-widget-container img {
		width: auto;
		height: auto;
	}

}


@media (min-width: 1800px) {

	body:not(.rtl) .elementor-360 .elementor-element.elementor-element-676e5e0 {
		top: 270px;
	}
	.elementor-360 .elementor-element.elementor-element-2381a70 {
   	 top: calc(7vw + 240px)!important;
	}
	.elementor-360 .elementor-element.elementor-element-2381a70 img,
	.elementor-360 .elementor-element.elementor-element-676e5e0 img {
		max-width: 230px!important;
	}
	body:not(.rtl) .elementor-360 .elementor-element.elementor-element-676e5e0 {
		left: 350px!important;
	}
	.page-id-7 .hero-images > .elementor-widget-image:nth-of-type(4) {
		right: 24vw;
	}
	.page-id-7 .hero-images > .elementor-widget-image:nth-of-type(5) {
    	right: 36.5vw;
	}
}

.hero-images > .elementor-widget-image:nth-of-type(5){
	left: 0;
	bottom: 0;
	height: 32%;
	transform: translate(-50px, 50px) scale(0.8);
}

.map-location a {
    color: black!important;
}

.ueberuns-hero .hero-images > .elementor-widget-image:nth-of-type(1){
    left: 22vw;
    top: 0;
    height: auto;
    width: 23vw;
	transform: translate(50px, -50px) scale(0.8);
}

.ueberuns-hero .hero-images > .elementor-widget-image:nth-of-type(2){
	top: 11.62vw;
    left: 10.4vw;
    height: auto;
    width: 35vw;
	transform: translate(-50px, 50px) scale(0.8);
}

.ueberuns-hero .hero-images > .elementor-widget-image:nth-of-type(3){
    left: 10.3vw;
    top: 0;
    width: 23vw;
    height: 23vw;
	transform: translate(0px, 0px) scale(0.8);
}


@media (max-width: 766px) {

	/*
    .ueberuns-hero .hero-images > .elementor-widget-image:nth-of-type(1){
		background-image: url(https://herzog-grimm.de/wp-content/uploads/2025/07/ueberuns-removebg-preview.png);
		background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        margin: 0;
		z-index: 100;
		width: 90%;
        height: 90%;
        left: 7%;
    }
	.ueberuns-hero .hero-images > .elementor-widget-image:nth-of-type(1) img,
    .ueberuns-hero .hero-images > .elementor-widget-image:nth-of-type(2),
    .ueberuns-hero .hero-images > .elementor-widget-image:nth-of-type(3){
        display: none;
    }
*/
	.elementor-360 .elementor-element.elementor-element-0c5cd60 {
  
	}

	.elementor-360 .elementor-element.elementor-element-2381a70 img {
        width: 90px !important;
        left: 66px;
        position: relative;
        top: -19px;
    }

    .elementor-360 .elementor-element.elementor-element-676e5e0 img {
        width: 100px!important;
        position: relative;
        top: -142px;
        left: 80px;
    }
}
 

@media (min-width: 2300px) {
	/*.ueberuns-hero .hero-images > .elementor-widget-image:nth-of-type(2) {
    	height: -webkit-fill-available;
	}

*/

.ueberuns-hero .hero-images > .elementor-widget-image:nth-of-type(2) {
    top: 11.65vw;
    left: 8.2vw;
    height: 22.95vw;
    width: 39vw;
}

/*
	.elementor-element.elementor-element-7ab8de1.e-con-full.hero-images.e-flex.e-con.e-child div {
		display: none;
	}
	.elementor-7 .elementor-element.elementor-element-7ab8de1 {
		background: url(https://herzog-grimm.de/wp-content/uploads/2025/07/hero-big.png);
		background-repeat: no-repeat;
	}
*/



}


@media (min-width: 3400px) {
	.ueberuns-hero .hero-images > .elementor-widget-image:nth-of-type(1) {
		left: 22vw;
		top: 0;
		height: 23vw;
		width: 23vw;
	}
}

/*
@media (max-width: 566px) {
    .ueberuns-hero .hero-images > .elementor-widget-image:nth-of-type(1){
        left: 150px !important;
        top: 40px !important;
        height: auto !important;
        width: 300px !important;
        transform: translate(50px, -50px) scale(0.8) !important;
    }

    .ueberuns-hero .hero-images > .elementor-widget-image:nth-of-type(2){
        top: 12vw !important;
        left: 24vw !important;
        height: auto !important;
        width: 80vw !important;
        transform: translate(-50px, 50px) scale(0.8) !important;
    }

    .ueberuns-hero .hero-images > .elementor-widget-image:nth-of-type(3){
        left: 20vw !important;
        top: 0 !important;
        width: 56vw !important;
        height: 56vw !important;
        transform: translate(0px, 0px) scale(0.8) !important;
    }
}
*/
@media (min-width: 1200px) and (max-width: 2000px) {
  .ueberuns-hero .hero-images > .elementor-widget-image:nth-of-type(3) {
    right: 25.5%;
  }
}

.multiple-red-lines{
    display: flex;
    gap: 16px;
    flex-direction: row;
    justify-content: flex-start;
}

.multiple-red-lines span{
    display: block;
    height: 350px;
    width: 1px;
    min-width: 1px;
    background-color: var(--hg-red);
    opacity: 0;
    transform: translateY(-100px);
}

.multiple-red-lines.bigger span{
	height: 430px;
}

.multiple-red-lines.smaller span{
	height: 250px;
}

.multiple-red-lines.smaller{
	gap: 13px;
}

.multiple-red-lines span.in-view{
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.3s linear, transform 0.5s linear 0.3s;
}

figure figcaption{
	color: white;
	text-align: right;
	font-size: var(--xxs-font-size);
	font-style: normal;
	margin-top: 10px !important;
}

.team-bild{
	min-height: 26vw;
}

ul li, ol li{
    font-size: var(--s-font-size);
    line-height: 1.4;
    font-weight: 400;
}

ul, ol{
	padding-left: 20px;
}

.wpcf7-form input{
    border-radius: 62px;
    border: 1px solid white;
    background: transparent;
    padding: 10px 18px;
    font-size: var(--xs-font-size);
    line-height: 1.4;
	color: white;
	margin-top: 10px;
	width: 100%;
}


.wpcf7-form textarea{
    border-radius: 16px;
    border: 1px solid white;
    background: transparent;
    padding: 10px 18px;
    font-size: var(--xs-font-size);
    line-height: 1.4;
	color: white;
	margin-top: 10px;
	width: 100%;
}

form.wpcf7-form label{
    font-size: var(--xs-font-size);
    line-height: 1.4;
    font-weight: 400;
	width: 100%;
}

form.wpcf7-form select{
	border-radius: 62px;
    border: 1px solid white;
    padding: 10px 18px;
    font-size: var(--xs-font-size);
    line-height: 1.4;
	color: white;
	margin-top: 10px;
	width: 100%;
	-webkit-appearance: none;
  	-moz-appearance: none;
  	appearance: none;
  	background:  url('https://herzog-grimm.de/wp-content/uploads/2025/03/Polygon-1.png') 97% / 17px no-repeat var(--hg-black);
}

form.wpcf7-form select option {
  color: white;
}

form.wpcf7-form > div{
	width: calc(50% - 13px);
	display: inline-grid;
	margin-right: 10px;
}

form.wpcf7-form > div.full-width{
	width: 100%;
	padding-right: 13px;
}
form.wpcf7-form > div.accept-wrapper{
	width: calc(100% - 170px);
}

form.wpcf7-form > div.accept-wrapper span a{
	color: white;
	text-decoration: underline;
    text-decoration-color: var(--hg-red);
}

form.wpcf7-form > div.submit-wrapper{
    max-width: unset;
    min-width: unset;
    width: auto;
}

form.wpcf7-form > div.submit-wrapper p{
	width: auto;
    display: flex;
    justify-content: end;
    flex-direction: column;
    align-items: end;	
}

.wpcf7-form input[type="checkbox"] {
	padding: 0;
    width: auto;
    margin: 0 16px 0 0;	
}

.wpcf7-form .wpcf7-acceptance label{
	display: flex;
    align-items: flex-start;
    justify-content: flex-start;	
}

form.wpcf7-form .red-mark{
	color: var(--hg-red);
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #fff;
    opacity: 0.5;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #fff;
   opacity: 0.5;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #fff;
   opacity: 0.5;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #fff;
   opacity: 0.5;
}
::-ms-input-placeholder { /* Microsoft Edge */
   color:    #fff;
   opacity: 0.5;
}
::placeholder { /* Most modern browsers support this now. */
   color:    #fff;
   opacity: 0.5;
}

footer{
    background: white;
    color: var(--hg-black);
}

.kontakt-container *{
    color: var(--hg-black);
}

.kontakt-container{
    background-color: var(--hg-blue);
    border-radius: 97px;
    width: 620px;
    height: auto;
    z-index: 200;
    position: fixed;
    left: 100%;
	transition: left 0.6s linear;
    top: 50vh;
	padding: 40px 300px 40px 55px;
	transform: translateY(-50%);
}

.kontakt-container.active{
	left: calc(100% - 350px);
	transition: left 0.6s linear;
}

.kontakt-wrapper{
	position: relative;
	z-index: 10;
}

.kontakt-wrapper p.d-flex{
	display: flex;
	align-items: center;
	gap: 10px;
}

.kontakt-wrapper p{
	font-size: var(--m-font-size);
}

.kontakt-wrapper p img{
	width: 32px;
}

.kontakt-container .headline {
    transform: rotate(90deg) translate(-60%, 50px);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    right: calc(100% - 165px);
    z-index: 8;
    aspect-ratio: 1;
    font-weight: 700;
    font-size: var(--m-font-size);
    width: 200px;
    height: 200px;
    background-color: var(--hg-blue);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 90px 0 0;
	cursor: pointer;
}

.kontakt-container.active .headline{
    color: var(--hg-red);
}

@keyframes kontaktAnim {
  	0% {transform: translate(0%,-50%);}
	25% {transform: translate(-3%,-50%);}
	50% {transform: translate(0,-50%);}
	75% {transform: translate(-3%,-50%);}
  	100% {transform: translate(0%,-50%);}
}

.kontakt-container.anim {
	animation-name: kontaktAnim;
  	animation-duration: 0.5s;
}

.elementor a:not(.elementor-button),
p a:not(.elementor-button) {
	color: white;
    text-decoration: underline;
    text-decoration-color: var(--hg-red);
}

header.site-header .header-inner{
	flex-direction: row-reverse;
	max-width: unset;
    padding-left: var(--container-padding);
    padding-right: var(--container-padding);
}

header.site-header{
	position: sticky;
	top: 0;
	background: transparent;
	z-index: 1000;
}

.scrolled header.site-header{
	background: var(--hg-black);
	transition: background 0.3s linear;
}

.site-footer.footer-inverted .footer-inner{
    max-width: unset;
    padding-left: var(--container-padding);
    padding-right: var(--container-padding);	
}

footer.site-footer .site-branding{
	display: none;
}

footer.site-footer {
	padding: 50px 0 90px;
	z-index: 10;
}

footer.site-footer *{
	color: var(--hg-black);
	font-weight: 700;
}

footer.site-footer nav ul > li:after{
	content: '';
	left: 100%;
	top: 0;
	height: 100%;
	width: 3px;
	background: var(--hg-black);
	position: absolute;
}

footer.site-footer nav ul > li:last-of-type:after{
	display: none;
}

footer .site-navigation ul.menu a{
	padding: 0 15px;
}

main.post-password-required form.post-password-form{
	padding: 100px var(--container-padding);
}

.kennzahlen-anim1 img{
	transform: translate(80px, 0);
}

.kennzahlen-anim2 img{
	transform: translate(0px, 80px);
}

.kennzahlen-anim.in-view .kennzahlen-anim1 img,
.kennzahlen-anim.in-view .kennzahlen-anim2 img{
	transform: translate(0, 0);
	transition: transform 1.5s ease-in-out 0.5s;
}

.kennzahlen-anim .font-size-xxl,
.kennzahlen-anim .font-size-xl,
.kennzahlen-anim .elementor-widget-heading{
	opacity: 0;
	transform: translate(0, -20px);
}

.kennzahlen-anim.in-view .font-size-xxl,
.kennzahlen-anim.in-view .font-size-xl,
.kennzahlen-anim.in-view .elementor-widget-heading{
	opacity: 1;
	transform: translate(0, 0);
	transition: all 0.7s ease-in-out 0.5s;
}

.kennzahlen-anim.in-view .elementor-widget-heading ~ .elementor-widget-heading{
	transition-delay: 0.8s;
}

.kennzahlen-anim.in-view .elementor-widget-heading ~ .elementor-widget-heading ~ .elementor-widget-heading{
	transition-delay: 1s;
}

.kennzahlen-anim.in-view .elementor-widget-heading ~ .elementor-widget-heading ~ .elementor-widget-heading ~ .elementor-widget-heading{
	transition-delay: 1.2s;
}

.site-navigation-dropdown ul.menu,
.site-navigation-dropdown ul.menu li a,
.site-navigation-dropdown ul.menu li.current-menu-item a{
	background: var(--hg-black);
	color: white;
}

.site-navigation-dropdown ul.menu{
	top: -1px;
	left: 0;
}

.site-navigation-dropdown ul.menu li a{
	padding: 20px 30px;
}

.headline-anim{
	position: relative;
}

.headline-anim > span{
	opacity: 0;
	position: absolute;
	left: 13px;
	top: 0;
	transition: opacity 0.7s ease-in-out;
}

h1 .headline-anim > span.active{
	opacity: 1;
	transition: opacity 1.8s ease-in-out;
}

h1 > .headline-anim:last-of-type > span.active{
	transition-delay: 0.5s;
}

.werte-element1{
	transform: translate(30px,-30px);
	opacity: 0;
}

.werte-element2{
	transform: translate(-30px,30px);
	opacity: 0;
}

.werte-element1.in-view{
	transform: translate(0,0);
	opacity: 1;
	transition: all 2s ease-in-out 0.8s;
}

.werte-element2.in-view{
	transform: translate(0,0);
	opacity: 1;
	transition: all 2s ease-in-out 0.8s;
}

.projekte-filter .second-filter .elementor-button-wrapper .elementor-button{
	background: transparent;
	color: white;
	border: 0;
	font-weight: 400;
}

.projekte-filter .second-filter .elementor-button-wrapper .elementor-button.active{
	text-decoration: underline var(--hg-red) 1px;
    text-underline-offset: 7px;
}

#tiefbau,
#hochbau,
#ingenieurbau {
  position: relative;
  scroll-margin-top: 100px; /* Abstand beim Scrollen */
  text-decoration: none;
}

.projekte-filter #ingenieurbau.passive::after {background: url('https://herzog-grimm.de/wp-content/uploads/2025/06/Vector2-2x-passiv.png') no-repeat; background-size: contain; background-position: center;} 
.projekte-filter #ingenieurbau.passive {color: white} 
.projekte-filter #tiefbau.passive::after {background: url('https://herzog-grimm.de/wp-content/uploads/2025/06/Vector3-2-passiv.png') no-repeat; background-size: contain; background-position: center;} 
.projekte-filter #tiefbau.passive {color: white} 
.projekte-filter #hochbau.passive::after {background: url('https://herzog-grimm.de/wp-content/uploads/2025/06/Vector-2x.png') no-repeat; background-size: contain; background-position: center;} 
.projekte-filter #hochbau.passive {color: white} 



.projekte-container > .e-con-inner > div.elementor-element,
.projekte-container.filter-active > .e-con-inner > div.elementor-element{
	display: none;
}

.projekte-container2 .each-projekt,
.projekte-container2.filter-active .each-projekt,
.projekte-container2.filter-active .each-projekt:not(.show){
	position: absolute;
	z-index: -1;
	opacity: 0;
}

.projekte-container2.mehr .each-projekt,
body .projekte-container2.filter-active .each-projekt.show,
.projekte-container2:not(.filter-active) .each-projekt:nth-of-type(1),
.projekte-container2:not(.filter-active) .each-projekt:nth-of-type(2),
.projekte-container2:not(.filter-active) .each-projekt:nth-of-type(3),
.projekte-container2:not(.filter-active) .each-projekt:nth-of-type(4),
.projekte-container2:not(.filter-active) .each-projekt:nth-of-type(5),
.projekte-container2:not(.filter-active) .each-projekt:nth-of-type(6),
.projekte-container2:not(.filter-active) .each-projekt:nth-of-type(7),
.projekte-container2:not(.filter-active) .each-projekt:nth-of-type(8){
	position: relative;
	z-index: 15;
	opacity: 1;
}

.projekte-container.filter-active > .e-con-inner > div.elementor-element:not(.show){
	display: none;
}

.projekte-container.mehr > .e-con-inner > div.elementor-element,
.elementor-editor-active .projekte-container > .e-con-inner > div.elementor-element,
.projekte-container.filter-active.show-hochbau > .e-con-inner > div.elementor-element.hochbau,
.projekte-container.filter-active.show-tiefbau > .e-con-inner > div.elementor-element.tiefbau,
.projekte-container.filter-active.show-ingenieurbau > .e-con-inner > div.elementor-element.ingenieurbau{
	display: block;
}

body .projekte-container.filter-active > .e-con-inner > div.elementor-element.show{
	display: block !important;
}

.projekte-container:not(.filter-active) > .e-con-inner > div.elementor-element:nth-of-type(1),
.projekte-container:not(.filter-active) > .e-con-inner > div.elementor-element:nth-of-type(2),
.projekte-container:not(.filter-active) > .e-con-inner > div.elementor-element:nth-of-type(3),
.projekte-container:not(.filter-active) > .e-con-inner > div.elementor-element:nth-of-type(4),
.projekte-container:not(.filter-active) > .e-con-inner > div.elementor-element:nth-of-type(5),
.projekte-container:not(.filter-active) > .e-con-inner > div.elementor-element:nth-of-type(6),
.projekte-container:not(.filter-active) > .e-con-inner > div.elementor-element:nth-of-type(7),
.projekte-container:not(.filter-active) > .e-con-inner > div.elementor-element:nth-of-type(8){
	display: block;
}

.ausklappen > .elementor-widget-text-editor:nth-of-type(2) {
	display: none;
}

.ausklappen > .elementor-widget-text-editor.show {
	display: block !important;
}

.projekte-container > .e-con-inner > .tiefbau .elementor-widget-image-carousel:after,
.projekte-container2 .elementor-widget-shortcode > .elementor-widget-container .tiefbau .images:after {
	content: '';
	background: url('https://herzog-grimm.de/wp-content/uploads/2025/05/Vector-12.png') no-repeat;
	background-size: contain;
	background-position: center;
	position: absolute;
    left: -2vw;
    top: -2vw;
    width: 22vw;
    height: 16vw;
    z-index: -1;
}

.projekte-container > .e-con-inner > .tiefbau ~ .tiefbau .elementor-widget-image-carousel:after,
.projekte-container2 .elementor-widget-shortcode > .elementor-widget-container .tiefbau ~ .tiefbau .images:after {
	content: '';
	background: url('https://herzog-grimm.de/wp-content/uploads/2025/03/Vector-5.webp') no-repeat;
	background-size: contain;
	background-position: center;
	position: absolute;
    left: 20vw;
    top: -3vw;
    width: 25vw;
    height: 18vw;
    z-index: -1;
}

/*
.projekte-container > .e-con-inner > .tiefbau ~ .tiefbau ~ .tiefbau ~ .tiefbau .elementor-widget-image-carousel:after,
.projekte-container2 .elementor-widget-shortcode > .elementor-widget-container .tiefbau ~ .tiefbau ~ .tiefbau ~ .tiefbau .images:after {
	content: '';
	background: url('https://herzog-grimm.de/wp-content/uploads/2025/03/Vector-10.png') no-repeat;
	background-size: contain;
	background-position: center;
	position: absolute;
    left: 25vw;
    top: -2vw;
    width: 13vw;
    height: 13vw;
    z-index: -1;
}
*/


/*
 .projekte-container2 .elementor-widget-shortcode > .elementor-widget-container .hochbau ~ .hochbau .images:after {
    content: '';
    background: url(https://herzog-grimm.de/wp-content/uploads/2025/05/Vector-14.png) no-repeat;
 }
*/

.projekte-container2 .elementor-widget-shortcode > .elementor-widget-container .hochbau ~ .hochbau ~ .hochbau .images:after {
    content: '';
    background: url(https://herzog-grimm.de/wp-content/uploads/2025/05/Vector-13.png) no-repeat;
}

.projekte-container > .e-con-inner > .hochbau ~ .hochbau .elementor-widget-image-carousel:after,
.projekte-container2 .elementor-widget-shortcode > .elementor-widget-container .hochbau .images:after{
	content: '';
	background: url('https://herzog-grimm.de/wp-content/uploads/2025/05/Vector-14.png') no-repeat;
	background-size: contain;
	background-position: center;
	position: absolute;
    left: 19vw;
    top: -3vw;
    width: 25vw;
    height: 18vw;
    z-index: -1;
}

.projekte-container > .e-con-inner > .hochbau ~ .hochbau ~ .hochbau .elementor-widget-image-carousel:after,
.projekte-container2 .elementor-widget-shortcode > .elementor-widget-container .hochbau ~ .hochbau ~ .hochbau .images:after {
	content: '';
	background: url('https://herzog-grimm.de/wp-content/uploads/2025/05/Vector-13.png') no-repeat;
	background-size: contain;
	background-position: center;
	position: absolute;
    left: -2vw;
    top: -2vw;
    width: 22vw;
    height: 16vw;
    z-index: -1;
}

.projekte-container > .e-con-inner > .ingenieurbau ~ .ingenieurbau .elementor-widget-image-carousel:after,
.projekte-container2 .elementor-widget-shortcode > .elementor-widget-container .ingenieurbau .images:after {
	content: '';
	background: url('https://herzog-grimm.de/wp-content/uploads/2025/05/Vector2-2x.png') no-repeat;
	background-size: contain;
	background-position: center;
	position: absolute;
    left: 19vw;
    top: -3vw;
	width: 22vw;
    height: 15vw;
    z-index: -1;
}


.projekt-daten {
	min-width: 120px;
}


/*
.projekte-container > .e-con-inner > .hochbau ~ .hochbau ~ .hochbau .elementor-widget-image-carousel:after,
.projekte-container2 .elementor-widget-shortcode > .elementor-widget-container .hochbau ~ .hochbau ~ .hochbau .images:after{
	background: none;
}
.projekte-container > .e-con-inner > .hochbau ~ .hochbau ~ .hochbau ~ .hochbau ~ .hochbau .elementor-widget-image-carousel:after,
.projekte-container2 .elementor-widget-shortcode > .elementor-widget-container .hochbau ~ .hochbau ~ .hochbau ~ .hochbau ~ .hochbau .images:after{
	background: none;
}

.projekte-container > .e-con-inner > .tiefbau .elementor-widget-image-carousel:after,
.projekte-container2 .elementor-widget-shortcode > .elementor-widget-container .tiefbau .images:after{
	background: none;
}

.projekte-container > .e-con-inner > .tiefbau ~ .tiefbau ~ .tiefbau ~ .tiefbau .elementor-widget-image-carousel:after,
.projekte-container2 .elementor-widget-shortcode > .elementor-widget-container .tiefbau ~ .tiefbau ~ .tiefbau ~ .tiefbau .images:after{
	background: none;
}
*/

.projekte-filter .hauptfilter a:hover .elementor-button-text,
.projekte-filter .hauptfilter a.active .elementor-button-text{
	text-decoration: underline;
    text-underline-offset: 5px;
    text-decoration-thickness: 2px;
}

.no-underline{
	text-decoration: none;
}

body:not(.elementor-editor-active) .projekt-subfilter{
	display: none;
}
/*
body:not(.elementor-editor-active) .projekte-container .projektfilter{
	display: none;
}*/








.subfilter .d-flex{
	display: flex;
	flex-wrap: wrap;
	gap: 15px 15px;
	align-items: center;
}

.subfilter .elementor-widget-container > div{
	padding-bottom: 40px;
}

.subfilter *{
	color: white;
}

.subfilter a{
	padding: 0 20px;	
}

.subfilter a.active,
.subfilter a:hover{
    color: var(--hg-black);
    background: white;
    border-radius: 10px;
    font-weight: 700;
}

body.elementor-editor-active .subfilter{
	margin-top: 200px;
}

body:not(.elementor-editor-active) .second-filter{
	display: none;
}

body:not(.elementor-editor-active) .second-filter.active{
	display: block;
}

.projekte-filter .button-hochbau .elementor-button-wrapper .elementor-button:after{
	content: '';
	background: url('https://herzog-grimm.de/wp-content/uploads/2025/05/Vector-2x.png') no-repeat;
	background-size: contain;
	background-position: center;
	width: 250px;
    height: 200px;
    position: absolute;
    right: -6px;
    top: -37px;
    z-index: -1;
}

.projekte-filter .button-hochbau {
	position: absolute;
	right: 0;
	top: 0;
}

.projekte-filter .button-ingenieurbau .elementor-button-wrapper .elementor-button:after{
	content: '';
	background: url('https://herzog-grimm.de/wp-content/uploads/2025/05/Vector2-2x.png') no-repeat;
	background-size: contain;
	background-position: center;
	width: 160px;
    height: 160px;
    position: absolute;
    right: -6px;
    top: -18px;
    z-index: -1;
}

.projekte-filter .button-ingenieurbau {
	position: absolute;
	right: 0;
	top: 85px;
}

.projekte-filter .button-tiefbau .elementor-button-wrapper .elementor-button:after{
	content: '';
	background: url('https://herzog-grimm.de/wp-content/uploads/2025/05/Vector3-2x.png') no-repeat;
	background-size: contain;
	background-position: center;
	width: 248px;
    height: 200px;
    position: absolute;
    right: -6px;
    top: -115px;
    z-index: -1;
}

.projekte-filter .button-tiefbau {
    position: absolute;
    top: 169px;
    right: 88px;	
}

.projekte-filter .elementor-button-wrapper .elementor-button{
	background: transparent;
	border: none;
	color: var(--hg-black);
}


.projekte-filter .hauptfilter{
    width: 330px;
	height: 300px;
	margin: 0 auto;
}

.projekte-filter .multiple-red-lines span.in-view{
	height: 200px;
}

.projekte-container img.swiper-slide-image{
	object-fit: cover;
    object-position: center;
    height: 21vw;
    width: auto !important;
}

.projekte-container2 .elementor-widget-container{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	flex-direction: row;
	gap: 100px 6%;
}

.each-projekt .images img{
	object-fit: cover;
    object-position: center;
    height: 21vw;
    width: auto !important;
	margin: 0 auto;
}

.each-projekt{
	width: 47%;
}

.each-projekt .row{
	display: flex;
	gap: 10px;
}

.each-projekt .row p{
	margin: 0;
}

.each-projekt .images{
	width: 100%;
}

.slick-images .slick-arrow{
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    border: 0;
	padding: 0;
	width: 30px;
	height: 30px;
	background-size: contain;
	position: absolute;
	background-position: center;
	top: 50%;
	transform: translateY(-50%);
	background-repeat: no-repeat;
	min-width: unset;
	z-index: 10;
}

.slick-images .slick-arrow.slick-prev{
	background-image: url('https://herzog-grimm.de/wp-content/uploads/2025/05/chevron-left-solid.png');
	left: 10px;
}

.slick-images .slick-arrow.slick-next{
	background-image: url('https://herzog-grimm.de/wp-content/uploads/2025/05/chevron-left-solid.png');
	right: 10px;
	transform: translateY(-50%) scaleX(-1);
}

.slick-images .slick-arrow:focus,
.slick-images .slick-arrow:hover{
	background-color: transparent !important;
}

.map-location .elementor-widget-container:after{
	content: '';
	background: url('https://herzog-grimm.de/wp-content/uploads/2025/05/location-dot-solid.png') no-repeat;
	background-size: contain;
	width: 35px;
	height: 50px;
	position: absolute;
	left: 50%;
	top: calc(100% - 20px);
	transform: translate(-50%,0);
	display: none;
}

body:not(.rtl) .elementor-element .e-con-inner .elementor-element div.map-location {
	transform: translate(-200px,0);
	left: 32.5vw;
	bottom: calc(11vw + 26px);
	width: 400px;
}

@media (max-width: 1600px){
	:root{
		--h1-font-size: 42px;
		--h2-font-size: 40px;
		--xxl-font-size: 11vw;
		--xl-font-size: 27px;
		--l-font-size: 22px;
		--m-font-size: 20px;
		--s-font-size: 15px;
		--xs-font-size: 14px;
		--xxs-font-size: 11px;
		--button-font-size: 18px;
		--container-padding: 10vw;
	}
	
	.multiple-red-lines span{
		height: 300px;
	}
}

@media (max-width: 1450px){
	.multiple-red-lines span{
		height: 250px;
	}
	
	.multiple-red-lines.bigger span{
		height: 300px;
	}

	.multiple-red-lines.smaller span{
		height: 200px;
	}
}

@media (max-width: 1200px){
	:root{
		--h1-font-size: 38px;
		--h2-font-size: 36px;
		--xxl-font-size: 11vw;
		--xl-font-size: 25px;
		--l-font-size: 20px;
		--m-font-size: 18px;
		--s-font-size: 15px;
		--xs-font-size: 14px;
		--xxs-font-size: 11px;
		--button-font-size: 17px;
		--container-padding: 80px;
	}
	
	.kontakt-container .headline{
		width: 180px;
		height: 180px;
		padding: 95px 0 0;
	}
	
	.team-bild{
		min-height: 450px;
	}
}

@media (max-width: 1024px){
	.team-bild{
		min-height: 40vw;
	}
	.multiple-red-lines{
		gap: 13px;
	}
	
	.multiple-red-lines span {
        height: 200px;
    }
	
	.multiple-red-lines.bigger span{
		height: 250px;
	}

	.multiple-red-lines.smaller span{
		height: 150px;
	}
	
	.kontakt-container{
		padding: 40px 300px 40px 55px;
	}
	
	body:not(.rtl) .elementor-element .e-con-inner .elementor-element div.map-location{
		left: calc(39vw - 50px);
	}
}

@media (max-width: 767px){

	body:not(.rtl) .elementor-360 .elementor-element.elementor-element-676e5e0 {
	top: auto;
}
	:root{
		--h1-font-size: 35px;
		--h2-font-size: 32px;
		--xxl-font-size: 80px;
		--xl-font-size: 20px;
		--l-font-size: 19px;
		--m-font-size: 17px;
		--s-font-size: 15px;
		--xs-font-size: 14px;
		--xxs-font-size: 11px;
		--button-font-size: 16px;
		--container-padding: 30px;
	}
	body:not(.rtl) .elementor-element .e-con-inner .elementor-element div.map-location {
		transform: unset;
		left: 0;
		bottom: unset;
		width: 100%;
		top: 100%;
	}
	
	.map-location .elementor-widget-container:after {
		width: 26px;
        height: 35px;
        left: 30%;
        top: unset;
        transform: translate(-13px, 0);
        bottom: calc(100% + 84px);
	}
	
	.each-projekt .images img{
		height: 230px;
	}
	
	.projekte-container2 .elementor-widget-container{
		gap: 60px 0;
	}
	
	.each-projekt {
		width: 100%;
	}
	
	.projekte-container > .e-con-inner > .hochbau .elementor-widget-image-carousel:after,
	.projekte-container2 .elementor-widget-shortcode > .elementor-widget-container .hochbau .images:after{
		left: -20px;
		top: -25px;
		width: 250px;
		height: 180px;
	}
	
	.projekte-container > .e-con-inner > .hochbau ~ .hochbau .elementor-widget-image-carousel:after,
	.projekte-container2 .elementor-widget-shortcode > .elementor-widget-container .hochbau ~ .hochbau .images:after{
		left: 50px;
		top: -30px;
		width: 250px;
		height: 180px;
	}
	
	.projekte-container > .e-con-inner > .tiefbau ~ .tiefbau .elementor-widget-image-carousel:after,
	.projekte-container2 .elementor-widget-shortcode > .elementor-widget-container .tiefbau ~ .tiefbau .images:after{
		left: 90px;
		top: -25px;
		width: 250px;
		height: 180px;		
	}
	
	.projekte-container > .e-con-inner > .hochbau ~ .hochbau ~ .hochbau ~ .hochbau .elementor-widget-image-carousel:after,
	.projekte-container2 .elementor-widget-shortcode > .elementor-widget-container .hochbau ~ .hochbau ~ .hochbau ~ .hochbau .images:after{
		left: 150px;
		top: -25px;
		width: 150px;
		height: 150px;		
	}
	
	.projekte-container > .e-con-inner > .tiefbau ~ .tiefbau ~ .tiefbau .elementor-widget-image-carousel:after,
	.projekte-container2 .elementor-widget-shortcode > .elementor-widget-container .tiefbau ~ .tiefbau ~ .tiefbau .images:after{
		left: -20px;
		top: -25px;
		width: 250px;
		height: 180px;		
	}
	
	.projekte-filter .elementor-button-wrapper .elementor-button{
		min-width: 120px;
	}
	
	.ueberuns-hero .hero-images{
		margin-left: -25px;
	}
		
	.team-bild{
		min-height: 320px;
	}
	
	form.wpcf7-form > div{
		width: calc(50% - 10px);
		margin-right: 5px;
	}
	
	form.wpcf7-form > div.full-width-mobile{
		width: 100%;
		padding-right: 10px;
	}
	
	.kennzahlen-anim1 img,
	.kennzahlen-anim2 img{
    	transform: translate(0px, 0);
	}
	
	.kennzahlen-anim .font-size-xxl, .kennzahlen-anim .font-size-xl{
		opacity: 1;
	}
	
	.home-hero .hero-left,
	.hero-images,
	.hero-images,
	.ueberuns-hero .hero-left {
		width: 100%;
	}
	.ueberuns-hero .hero-images {
		height: 45vw;
	}
	
	.ueberuns-hero .hero-images > .elementor-widget-image:nth-of-type(1) {
		left: 41vw;
		top: 0;
		height: auto;
		width: 35vw;
	}

	.ueberuns-hero .hero-images > .elementor-widget-image:nth-of-type(2) {
		top: 17.8vw;
        left: 23.2vw;
		height: auto;
		width: 53vw;
	}

	.ueberuns-hero .hero-images > .elementor-widget-image:nth-of-type(3) {
		left: 23vw;
		top: 0;
		width: 35vw;
		height: 35vw;
	}

	.hero-images {
		height: calc(77vw - 60px);
	}
	
	body.home .home-hero .e-con-inner{
		flex-direction: column-reverse;
		gap: 70px;
	}
	
	.multiple-red-lines > span{
		display: none;
	}
	
	.multiple-red-lines > span:nth-of-type(1),
	.multiple-red-lines > span:nth-of-type(2),
	.multiple-red-lines > span:nth-of-type(3),
	.multiple-red-lines > span:nth-of-type(4),
	.multiple-red-lines > span:nth-of-type(5),
	.multiple-red-lines > span:nth-of-type(6),
	.multiple-red-lines > span:nth-of-type(7),
	.multiple-red-lines > span:nth-of-type(8),
	.multiple-red-lines > span:nth-of-type(9),
	.multiple-red-lines > span:nth-of-type(10),
	.multiple-red-lines > span:nth-of-type(11),
	.multiple-red-lines > span:nth-of-type(12),
	.multiple-red-lines > span:nth-of-type(13),
	.multiple-red-lines > span:nth-of-type(14),
	.multiple-red-lines > span:nth-of-type(15),
	.multiple-red-lines > span:nth-of-type(16),
	.multiple-red-lines > span:nth-of-type(17){
		display: block;
	}
	
	header .site-logo img {
		width: 150px;
	}
	
	.site-navigation-toggle-holder{
		padding: 0;
	}
	
	.site-navigation-toggle-holder .site-navigation-toggle{
		min-width: unset;
		color: white;
	}
		
	.site-navigation-toggle-holder .site-navigation-toggle-icon:after, .site-navigation-toggle-holder .site-navigation-toggle-icon:before{
		background-color: white;
	}
	
	.kontakt-container .headline{
		width: 160px;
		height: 160px;
		right: calc(100% - 160px);
	}
	
	.multiple-red-lines span {
        height: 150px;
    }
	
	.multiple-red-lines.bigger span{
		height: 180px;
	}

	.multiple-red-lines.smaller span{
		height: 140px;
	}
	
   .multiple-red-lines, .multiple-red-lines.smaller {
        gap: 10px;
    }
	
	form.wpcf7-form > div.accept-wrapper{
		width: 100%;
	}
	
	footer.site-footer{
		padding: 40px 0 60px;
	}
	
	footer .site-navigation{
		padding-bottom: 20px;
	}
	
	.wpcf7-form input[type="checkbox"] {
		padding: 0;
		width: 15px;
		margin: 0 10px 0 0;
	}
	
	.mobile-reverse.e-con.e-flex > .e-con-inner{
		flex-direction: column-reverse;
	}
	
}

@media (min-width: 768px) {

	.ueberuns-hero .multiple-red-lines.bigger span {
		height: 380px;
	}


	.elementor-360 .ueberuns-hero .elementor-element.elementor-element-190e1d9 {
		bottom: -10px;
	}

	body:not(.rtl) .elementor-360 .elementor-element.elementor-element-47724ef {
		right: 115px!important;
		top: 35px;
	}

	/* grimmm linien */
	body:not(.rtl) .elementor-360 .elementor-element.elementor-element-a73fb2a {
		left: 53px!important;
	}
	body:not(.rtl) .elementor-7 .elementor-element.elementor-element-2ae04a0 {
    	left: 30px!important;
	}
	.elementor-1126 .elementor-element.elementor-element-08a33be,
	.elementor-360 .elementor-element.elementor-element-252e83d,
	.elementor-7 .elementor-element.elementor-element-d15ba9e {
		top: -70px!important	;
	}
}


@media (max-width: 1600px) {
   .elementor-element-4ba201c .multiple-red-lines span {
        height: 200px;
    }
}
.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a:hover,
.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a:focus,
.elementor a:active, .elementor a:hover {
    color: #a0b4ea;
}

a.rob:hover,
a.rob:focus
 {
	color: #292929;
}

.each-projekt a {
	color: white;
}

.each-projekt a,
.kontakt-wrapper a,
.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a {
    text-decoration: underline;
    text-decoration-color: var(--hg-red);
	
}

.slick-initialized .slick-slide {
    margin-bottom: 4px;
}


.each-projekt .images video {
    object-fit: cover;
    object-position: center center;
    height: 21vw;
    width: auto !important;
    margin: 0px auto;
}


@media (max-width: 767px) {

	.projekte-container2 .elementor-widget-shortcode > .elementor-widget-container .row .images:after {
		display: none;
	}


    .each-projekt .images video {
        height: 230px;
		margin: auto;
    }


	.elementor-7 .elementor-element.elementor-element-4e3d4e2 img.size-large {
        width: auto;
        height: auto;
        min-width: 78px;
    }

    .elementor-7 .elementor-element.elementor-element-19431ca img.size-large {
        width: auto;
        height: auto;
        min-width: 110px;
    }

}


.site-navigation-toggle-holder .site-navigation-toggle {
	background-color: transparent!important;
}


@media (max-width: 1200px) and (min-width: 1000px) {
.elementor-7 .elementor-element.elementor-element-75ccae5 {
    top: 38vw!important;
}

.elementor-7 .elementor-element.elementor-element-c38e8b5 {
    top: 27vw!important;
}
}



@media (max-width: 767px) and (min-width: 620px) {

	.elementor-7 .elementor-element.elementor-element-c38e8b5 {
		top: 51.5vw!important;
	}

	.elementor-7 .elementor-element.elementor-element-75ccae5 {
		top: 72.5vw!important;
	}
}


.none {
	display: none;
}


.none-important {
	display: none!important;
}




.projekte-container2 .elementor-widget-shortcode > .elementor-widget-container .tiefbau:nth-child(1n) .row .images:after {
    content: '';
    background: url(https://herzog-grimm.de/wp-content/uploads/2025/03/Vector-5.webp) no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    left: 20vw;
    top: -3vw;
    width: 25vw;
    height: 18vw;
    z-index: -1;
}

.projekte-container2 .elementor-widget-shortcode > .elementor-widget-container .tiefbau:nth-child(2n) .row .images:after {
    content: '';
    background: url(https://herzog-grimm.de/wp-content/uploads/2025/05/Vector-12.png) no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    left: -2vw;
    top: -3vw;
    width: 22vw;
    height: 13vw;
    z-index: -1;
}


.projekte-container2 .elementor-widget-shortcode > .elementor-widget-container .tiefbau:nth-child(3n) .row .images:after {
    content: '';
    background: url(https://herzog-grimm.de/wp-content/uploads/2025/05/Vector-12.png) no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
     left: 19vw;
    top: 12vw;
    width: 22vw;
    height: 13vw;
    z-index: -1;
}

.projekte-container2 .elementor-widget-shortcode > .elementor-widget-container .ingenieurbau .row .images:after {
    content: '';
    background: url(https://herzog-grimm.de/wp-content/uploads/2025/05/Vector2-2x.png) no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    left: 17vw;
    top: -3vw;
    width: 25vw;
    height: 18vw;
    z-index: -1;
}

.projekte-container2 .elementor-widget-shortcode > .elementor-widget-container .ingenieurbau:nth-child(2n) .row .images:after {
    content: '';
    background: url(https://herzog-grimm.de/wp-content/uploads/2025/05/Vector2-2x.png) no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    left: -2vw;
    top: -3vw;
    width: 22vw;
    height: 18vw;
    z-index: -1;
}


.projekte-container2 .elementor-widget-shortcode > .elementor-widget-container .ingenieurbau:nth-child(3n) .row .images:after {
    content: '';
    background: url(https://herzog-grimm.de/wp-content/uploads/2025/05/Vector2-2x.png) no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
     left: 19vw;
    top: 8vw;
    width: 22vw;
    height: 18vw;
    z-index: -1;
}


.projekte-container2 .elementor-widget-shortcode > .elementor-widget-container .hochbau .row .images:after {
	content: '';
    background: url(https://herzog-grimm.de/wp-content/uploads/2025/05/Vector-13.png) no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    left: 14vw;
    top: -3vw;
    width: 22vw;
    height: 16vw;
    z-index: -1;
}

.projekte-container2 .elementor-widget-shortcode > .elementor-widget-container .hochbau:nth-child(2n) .row .images:after {
	content: '';
    background: url(https://herzog-grimm.de/wp-content/uploads/2025/05/Vector-14.png) no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    left: -7vw;
    top: -3vw;
    width: 22vw;
    height: 16vw;
    z-index: -1;
}


.projekte-container2 .elementor-widget-shortcode > .elementor-widget-container .hochbau:nth-child(3n) .row .images:after {
	content: '';
    background: url(https://herzog-grimm.de/wp-content/uploads/2025/05/Vector-13.png) no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    left: 17vw;
    top: 7vw;
    width: 22vw;
    height: 16vw;
    z-index: -1;
}



.elementor-element.elementor-element-4b2214f.e-con-full.hauptfilter.e-flex.e-con.e-child {
    z-index: 100;
}

@media (max-width: 468px) {
.elementor-kit-6 h1 {
    line-height: 1.2;
    font-size: 29px;
}
}


.elementor-7 .elementor-element.elementor-element-1314fa8 img {
    max-width: 500px;
}

.elementor-7 .elementor-element.elementor-element-290f132 img {
	max-width: 525px;
}

.elementor-7 .elementor-element.elementor-element-4124be5 img {
	max-width: 635px;;
}

@media (min-width: 1800px) {
	.elementor-7 .elementor-element.elementor-element-2ae04a0 {
		top: 450px!important;
	}

    .elementor-7 .elementor-element.elementor-element-f773ffe {
        margin-top: 0;
	
    }

	.elementor-7 .elementor-element.elementor-element-3e9fed0 img {
   	 max-width: 800px;
	}
	.elementor-element.elementor-element-72db6fb.e-flex.e-con-boxed.e-con.e-parent {
		margin-bottom: 300px;
	}


}




.each-projekt .images img {
	padding: 5px;
}

.elementor-element-7c51726 .d-flex a.rob {
    text-decoration: none;
}