.elementor-kit-1610{--e-global-color-primary:#003C66;--e-global-color-secondary:#53A249;--e-global-color-text:#515151;--e-global-color-accent:#FF9F40;--e-global-color-42c55f5:#58C6F5;--e-global-color-b92bb8e:#FCFBFA;--e-global-color-65dc43f:#707070;--e-global-color-9815e0a:#FFFFFF;--e-global-color-abe2ec6:#2B2928;--e-global-typography-primary-font-family:"Titilium Web Regular";--e-global-typography-primary-font-size:75px;--e-global-typography-primary-font-weight:700;--e-global-typography-primary-text-transform:none;--e-global-typography-primary-line-height:1em;--e-global-typography-primary-letter-spacing:-1px;--e-global-typography-primary-word-spacing:0px;--e-global-typography-secondary-font-family:"Titilium Web Regular";--e-global-typography-secondary-font-size:55px;--e-global-typography-secondary-font-weight:700;--e-global-typography-secondary-line-height:1em;--e-global-typography-secondary-letter-spacing:-1px;--e-global-typography-secondary-word-spacing:0px;--e-global-typography-text-font-family:"Titilium Web Regular";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:300;--e-global-typography-text-line-height:1.4em;--e-global-typography-text-letter-spacing:0px;--e-global-typography-accent-font-family:"Titilium Web Regular";--e-global-typography-accent-font-size:26px;--e-global-typography-accent-font-weight:300;--e-global-typography-accent-line-height:1.5em;--e-global-typography-accent-letter-spacing:0px;--e-global-typography-accent-word-spacing:0px;--e-global-typography-7ab5fb8-font-family:"Titilium Web Regular";--e-global-typography-7ab5fb8-font-size:22px;--e-global-typography-7ab5fb8-font-weight:300;--e-global-typography-7ab5fb8-line-height:1.5em;--e-global-typography-7ab5fb8-letter-spacing:-0.4px;--e-global-typography-9c3e259-font-family:"Titilium Web Regular";--e-global-typography-9c3e259-font-size:22px;--e-global-typography-9c3e259-font-weight:600;--e-global-typography-9c3e259-line-height:1.2em;--e-global-typography-9c3e259-letter-spacing:-0.8px;--e-global-typography-ff4b68b-font-family:"Titilium Web Regular";--e-global-typography-ff4b68b-font-size:24px;--e-global-typography-ff4b68b-font-weight:300;--e-global-typography-ff4b68b-line-height:1.5px;background-color:#FCFBFA;color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-kit-1610 button,.elementor-kit-1610 input[type="button"],.elementor-kit-1610 input[type="submit"],.elementor-kit-1610 .elementor-button{background-color:var( --e-global-color-secondary );font-family:"Titillium Web", Sans-serif;font-size:18px;font-weight:300;line-height:1.5em;letter-spacing:0px;color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-secondary );border-radius:100px 100px 100px 100px;padding:14px 45px 14px 45px;}.elementor-kit-1610 e-page-transition{background-color:#FFBC7D;}.site-header{background-color:#F4F0EC;padding-inline-end:20px;padding-inline-start:20px;}.elementor-kit-1610 a{color:var( --e-global-color-secondary );}.elementor-kit-1610 h1{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-kit-1610 h2{color:var( --e-global-color-primary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-kit-1610 h3{color:var( --e-global-color-text );font-family:var( --e-global-typography-7ab5fb8-font-family ), Sans-serif;font-size:var( --e-global-typography-7ab5fb8-font-size );font-weight:var( --e-global-typography-7ab5fb8-font-weight );line-height:var( --e-global-typography-7ab5fb8-line-height );letter-spacing:var( --e-global-typography-7ab5fb8-letter-spacing );}.elementor-kit-1610 h4{color:#2A3A4D;font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-kit-1610 h5{color:var( --e-global-color-text );}.elementor-kit-1610 button:hover,.elementor-kit-1610 button:focus,.elementor-kit-1610 input[type="button"]:hover,.elementor-kit-1610 input[type="button"]:focus,.elementor-kit-1610 input[type="submit"]:hover,.elementor-kit-1610 input[type="submit"]:focus,.elementor-kit-1610 .elementor-button:hover,.elementor-kit-1610 .elementor-button:focus{color:#5A9839;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-secondary );border-radius:100px 100px 100px 100px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;--container-default-padding-top:0%;--container-default-padding-right:0%;--container-default-padding-bottom:0%;--container-default-padding-left:0%;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}.site-footer .footer-inner{width:100%;max-width:100%;}@media(max-width:1024px){.elementor-kit-1610{--e-global-typography-primary-font-size:65px;--e-global-typography-primary-letter-spacing:1.1px;--e-global-typography-secondary-font-size:42px;--e-global-typography-secondary-line-height:1.2em;--e-global-typography-secondary-letter-spacing:-0.4px;--e-global-typography-text-font-size:16px;--e-global-typography-text-line-height:1.5em;--e-global-typography-accent-font-size:22px;--e-global-typography-accent-line-height:1.4em;--e-global-typography-7ab5fb8-font-size:20px;--e-global-typography-7ab5fb8-line-height:1.5em;--e-global-typography-9c3e259-font-size:26px;--e-global-typography-9c3e259-line-height:1.5em;--e-global-typography-ff4b68b-font-size:24px;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-kit-1610 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-kit-1610 h2{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-kit-1610 h3{font-size:var( --e-global-typography-7ab5fb8-font-size );line-height:var( --e-global-typography-7ab5fb8-line-height );letter-spacing:var( --e-global-typography-7ab5fb8-letter-spacing );}.elementor-kit-1610 h4{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-kit-1610 button,.elementor-kit-1610 input[type="button"],.elementor-kit-1610 input[type="submit"],.elementor-kit-1610 .elementor-button{font-size:16px;line-height:1.5em;padding:14px 45px 14px 45px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-1610{--e-global-typography-primary-font-size:48px;--e-global-typography-primary-line-height:1.1em;--e-global-typography-secondary-font-size:30px;--e-global-typography-secondary-line-height:1.1em;--e-global-typography-secondary-letter-spacing:-0.4px;--e-global-typography-text-font-size:16px;--e-global-typography-text-line-height:1.5em;--e-global-typography-accent-font-size:18px;--e-global-typography-accent-line-height:1.5em;--e-global-typography-7ab5fb8-font-size:18px;--e-global-typography-7ab5fb8-line-height:1.5em;--e-global-typography-9c3e259-font-size:22px;--e-global-typography-ff4b68b-font-size:22px;--e-global-typography-ff4b68b-line-height:1.5em;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-kit-1610 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-kit-1610 h2{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-kit-1610 h3{font-size:var( --e-global-typography-7ab5fb8-font-size );line-height:var( --e-global-typography-7ab5fb8-line-height );letter-spacing:var( --e-global-typography-7ab5fb8-letter-spacing );}.elementor-kit-1610 h4{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-kit-1610 button,.elementor-kit-1610 input[type="button"],.elementor-kit-1610 input[type="submit"],.elementor-kit-1610 .elementor-button{font-size:16px;line-height:1.5em;padding:14px 45px 14px 45px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =========================
FLOAT-EFFEKTE (Images)
========================= */
/* Sanfter Schweb-Effekt (nur Y)
Anwendung: Widget-Klasse = "float-soft"
*/
.elementor-kit-1610 .elementor-widget-image.float-soft img {
display: inline-block;
animation: floatY 6s ease-in-out infinite;
will-change: transform;
transform: translateZ(0);
box-shadow: 0 8px 22px -18px rgba(0,0,0,0.35);
}
.elementor-kit-1610 .elementor-widget-image.float-soft:hover img {
animation-duration: 7.5s;
transform: translateY(-2px);
}
/* Sanftes Schweben (X + Y + Tilt)
Anwendung: Widget-Klasse = "float-soft-xy"
*/
.elementor-kit-1610 .elementor-widget-image.float-soft-xy img {
display: inline-block;
will-change: transform, filter;
transform: translateZ(0);
animation:
floatY 8s ease-in-out infinite,
floatX 11s ease-in-out infinite,
floatTilt 14s ease-in-out infinite;
box-shadow: 0 10px 24px -18px rgba(0,0,0,0.35);
}
/* Keyframes (Desktop) */
@keyframes floatY {
0% { transform: translateY(0); }
50% { transform: translateY(-6px); }
100% { transform: translateY(0); }
}
@keyframes floatX {
0% { transform: translateX(0); }
25% { transform: translateX(6px); }
50% { transform: translateX(0); }
75% { transform: translateX(-6px); }
100% { transform: translateX(0); }
}
@keyframes floatTilt {
0% { transform: rotate(0deg); }
50% { transform: rotate(0.25deg); }
100% { transform: rotate(0deg); }
}
/* Nicht synchron schwingen (optional) */
.elementor-kit-1610 .elementor-widget-image.float-soft-xy.float-delay-1 img { animation-delay: .8s, 1.2s, 1.6s; }
.elementor-kit-1610 .elementor-widget-image.float-soft-xy.float-delay-2 img { animation-delay: 1.6s, 2.4s, 3.2s; }
.elementor-kit-1610 .elementor-widget-image.float-soft-xy.float-delay-3 img { animation-delay: 2.4s, 3.6s, 4.8s; }
/* Mobile: kleinere Amplituden */
@media (max-width: 767px) {
@keyframes floatY {
0% { transform: translateY(0); }
50% { transform: translateY(-4px); }
100% { transform: translateY(0); }
}
@keyframes floatX {
0% { transform: translateX(0); }
25% { transform: translateX(4px); }
50% { transform: translateX(0); }
75% { transform: translateX(-4px); }
100% { transform: translateX(0); }
}
}
/* Accessibility: Bewegung reduzieren */
@media (prefers-reduced-motion: reduce) {
.elementor-kit-1610 .elementor-widget-image.float-soft img,
.elementor-kit-1610 .elementor-widget-image.float-soft-xy img {
animation: none !important;
transform: none !important;
}
}
/* =========================
HELPER-KLASSEN
========================= */
.elementor-kit-1610 .pos-rel { position: relative; }
.elementor-kit-1610 .fill-abs { position: absolute; inset: 0; pointer-events: none; }
.elementor-kit-1610 .z-overlay { z-index: 1; }
.elementor-kit-1610 .z-content { position: relative; z-index: 2; }
/* =========================
HERO VIDEO STABIL
========================= */
.elementor-kit-1610 .hero-stable {
--min-height: 100svh;
overflow: hidden;
}
.elementor-kit-1610 .hero-stable .elementor-background-video-container,
.elementor-kit-1610 .hero-stable .elementor-background-video {
--container-widget-height: 100%;
object-fit: cover;
}
/* =========================
LOGO FLUID (optional)
========================= */
.elementor-kit-1610 .logo-fluid img {
width: 180px; /* fallback */
width: clamp(120px, 12vw, 180px);
height: auto;
}
/* =========================
TYPO & LISTEN CLEANUP
========================= */
/* Einheitliches Bold */
.elementor-kit-1610 .elementor-widget-text-editor strong,
.elementor-kit-1610 .elementor-widget-text-editor b,
.elementor-kit-1610 .elementor-widget-heading strong,
.elementor-kit-1610 .elementor-widget-heading b {
font-weight: 400;
}
/* Absatz-Reset + Zeilenhöhe */
.elementor-kit-1610 .elementor-widget-text-editor p {
margin: 0 0 1em 0;
line-height: 1.5;
}
/* Listen: Grundlayout + Bullet-Abstand */
.elementor-kit-1610 .elementor-widget-text-editor ul,
.elementor-kit-1610 .elementor-widget-text-editor ol,
.elementor-kit-1610 .elementor-widget-theme-post-content ul,
.elementor-kit-1610 .elementor-widget-theme-post-content ol {
margin: 0 0 1em 1.2em;
padding: 0;
}
.elementor-kit-1610 .elementor-widget-text-editor ul li,
.elementor-kit-1610 .elementor-widget-text-editor ol li,
.elementor-kit-1610 .elementor-widget-theme-post-content ul li,
.elementor-kit-1610 .elementor-widget-theme-post-content ol li {
margin: 0 0 0.6em 0; /* <- hier Bullet-Abstand steuern */
line-height: 1.5;
}
/* in
neutralisieren (gegen Copy/Paste-Abstände) */
.elementor-kit-1610 .elementor-widget-text-editor li p,
.elementor-kit-1610 .elementor-widget-theme-post-content li p {
margin: 0;
padding: 0;
}
/* Keine automatische Silbentrennung */
.elementor-kit-1610 .elementor-widget-text-editor,
.elementor-kit-1610 .elementor-widget-text-editor p,
.elementor-kit-1610 .elementor-widget-text-editor span,
.elementor-kit-1610 .elementor-widget-text-editor div {
hyphens: none;
-webkit-hyphens: none;
-ms-hyphens: none;
word-wrap: break-word;
overflow-wrap: break-word;
word-break: normal;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
font-family: 'Titilium Web Regular';
font-style: normal;
font-weight: 400;
font-display: auto;
src: url('https://bfv-recycling.de/wp-content/uploads/2025/12/TitilliumWeb-Regular.ttf') format('truetype');
}
@font-face {
font-family: 'Titilium Web Regular';
font-style: normal;
font-weight: 200;
font-display: auto;
src: url('https://bfv-recycling.de/wp-content/uploads/2025/12/TitilliumWeb-ExtraLight.ttf') format('truetype');
}
@font-face {
font-family: 'Titilium Web Regular';
font-style: normal;
font-weight: 300;
font-display: auto;
src: url('https://bfv-recycling.de/wp-content/uploads/2025/12/TitilliumWeb-Light.ttf') format('truetype');
}
@font-face {
font-family: 'Titilium Web Regular';
font-style: normal;
font-weight: 600;
font-display: auto;
src: url('https://bfv-recycling.de/wp-content/uploads/2025/12/TitilliumWeb-SemiBold.ttf') format('truetype');
}
@font-face {
font-family: 'Titilium Web Regular';
font-style: normal;
font-weight: 700;
font-display: auto;
src: url('https://bfv-recycling.de/wp-content/uploads/2025/12/TitilliumWeb-Bold.ttf') format('truetype');
}
/* End Custom Fonts CSS */