.elementor-kit-8{--e-global-color-primary:#00325A;--e-global-color-secondary:#FF8300;--e-global-color-text:#00325A;--e-global-color-accent:#FFFFFF;--e-global-color-79d0b97:#F6F6F6;--e-global-color-7ab22ca:#CCCCCC;--e-global-color-fa8c022:#0078CA;--e-global-typography-primary-font-family:"DinPro";--e-global-typography-primary-font-size:4rem;--e-global-typography-primary-font-weight:700;--e-global-typography-primary-font-style:italic;--e-global-typography-secondary-font-family:"DinPro";--e-global-typography-secondary-font-size:2.5rem;--e-global-typography-secondary-font-weight:700;--e-global-typography-secondary-font-style:italic;--e-global-typography-text-font-family:"DinPro";--e-global-typography-text-font-size:1.25rem;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"DinPro";--e-global-typography-accent-font-size:1.25rem;--e-global-typography-accent-font-weight:700;--e-global-typography-eb5def5-font-family:"DinPro";--e-global-typography-eb5def5-font-size:6rem;--e-global-typography-fc22a04-font-family:"DinPro";--e-global-typography-fc22a04-font-size:2.25rem;--e-global-typography-fc22a04-font-weight:400;}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-kit-8 a{color:var( --e-global-color-fa8c022 );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1300px;}.e-con{--container-max-width:1300px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-8{--e-global-typography-primary-font-size:2.1rem;--e-global-typography-primary-line-height:2.3rem;--e-global-typography-secondary-font-size:1.6rem;--e-global-typography-secondary-line-height:1.8rem;--e-global-typography-text-font-size:1rem;--e-global-typography-accent-font-size:1.125rem;--e-global-typography-eb5def5-font-size:2.4rem;--e-global-typography-eb5def5-line-height:3rem;--e-global-typography-fc22a04-font-size:1.424rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.sprache {
    background: #ff8300;
    border-radius: 10px;
    aspect-ratio: 1/1;
}

.hero {
    margin-top: 80px;
    height: calc(75vh - 80px);
}

.hero-section {
    position: relative;
}

.hero-h1 span {
    font-weight: 300;
    color: #00325A;
}

.hero-circles {
    transform: translate(-50%, -50%);
    margin-top: 40px;
    height: calc(85vh - 80px);
    width: 95vw;
}

.aufzaehlung ul {
    list-style: none;
    padding-left: 0; /* Einzug entfernen, der durch list-style entsteht */
}

/* Positionierungskontext für den neuen Marker schaffen */
.aufzaehlung ul li {
    position: relative;
    padding-left: 2rem;
}

/* Den neuen Marker erstellen und stylen */
.aufzaehlung ul li::before {
    content: '•'; /* Inhalt des Markers, z.B. ein Punkt */
    position: absolute;
    left: 0;
    top: -1.2rem;
    
    /* Hier Farbe und Größe wie gewünscht einstellen */
    color: #FF8300;
    font-size: 3rem;
    font-weight: bold; /* Man kann ihn auch fett machen */
}

.image-highlight {
    aspect-ratio: 3/5;
}

.h1-style span {
    font-weight: 300;
}

.products {
    aspect-ratio: 1/1;
}

.krauss-h1 span {
    color: #0078ca;
}

.h1-orange span {
    color: #ff8300;
}

.schritte {
    aspect-ratio: 5/3;
}

@media only screen and (max-width: 1024px) {
    .image-highlight {
        aspect-ratio: 5/3;
    }
}

@media only screen and (max-width: 767px) {
    .hero {
        margin-top: 80px;
        height: calc(45vh - 80px);
        transform: translate(-50%, -50%);
        position: absolute !important;
        left: 50%;
        top: 50%;
    }
    
    .hero-h1 span {
        font-weight: 300;
        color: #00325A;
    }
    
    .hero-circles {
        display: none;
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'DinPro';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://kraussmaffei-smartplastics.com/wp-content/uploads/2025/10/DINPro-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'DinPro';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://kraussmaffei-smartplastics.com/wp-content/uploads/2025/10/DINPro-Light.woff2') format('woff2');
}
@font-face {
	font-family: 'DinPro';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://kraussmaffei-smartplastics.com/wp-content/uploads/2025/10/DINPro-Medium.woff2') format('woff2');
}
@font-face {
	font-family: 'DinPro';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://kraussmaffei-smartplastics.com/wp-content/uploads/2025/10/DINPro-Bold.woff2') format('woff2');
}
@font-face {
	font-family: 'DinPro';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('https://kraussmaffei-smartplastics.com/wp-content/uploads/2025/10/DINPro-Black.woff2') format('woff2');
}
@font-face {
	font-family: 'DinPro';
	font-style: italic;
	font-weight: 700;
	font-display: auto;
	src: url('https://kraussmaffei-smartplastics.com/wp-content/uploads/2025/10/DINPro-BoldItalic.woff2') format('woff2');
}
@font-face {
	font-family: 'DinPro';
	font-style: italic;
	font-weight: 400;
	font-display: auto;
	src: url('https://kraussmaffei-smartplastics.com/wp-content/uploads/2025/10/DINPro-Italic.woff2') format('woff2');
}
/* End Custom Fonts CSS */