.elementor-kit-15{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:300;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-15 e-page-transition{background-color:#FFBC7D;}.elementor-kit-15 h1{color:#0F1042;font-family:"Roboto", Sans-serif;font-weight:300;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@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-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Base styles for the title */
h1 {
    font-size: clamp(38px, 5vw, 58px) !important; /* Font size responsive with a min, preferred, and max size */
    font-weight: normal !important; /* Ensure all text has normal weight */
    margin: 0;
    padding: 0;
    line-height: 1.1 !important; /* Adjust line height for better spacing */
}

/* Apply normal weight (400) to "Francis Boecker" */
.francis {
    font-weight: 500 !important; /* Make sure "Francis" has weight 400 */
    font-size: clamp(38px, 5vw, 58px) !important;  /* Ensure it matches the rest of the title */
}

/* All other parts of the title, making sure they have the same font size */
.boecker, .media, .marketing {
    font-size: clamp(38px, 5vw, 58px) !important; /* Ensure all parts are the same size */
    font-weight: 300 !important; /* Set weight to 300 for BÖECKER, MEDIA, and MARKETING */
}

/* Optional: Reduce size slightly for MEDIA and MARKETING if needed */
.media, .marketing {
    font-size: clamp(30px, 4vw, 48px) !important; /* Adjust size for MEDIA and MARKETING */
}

/* Mobile-specific styles */
@media (max-width: 768px) {
    h1 {
        font-size: clamp(38px, 7vw, 48px) !important; /* Adjust font size for tablets */
        line-height: 1.2 !important; /* Adjust line height for mobile */
    }

    .francis, .boecker, .media, .marketing {
        font-size: clamp(38px, 7vw, 48px) !important; /* Adjust for all parts */
    }
}

/* Very small screens (e.g., mobile phones in portrait mode) */
@media (max-width: 480px) {
    h1 {
        font-size: clamp(30px, 8vw, 38px) !important; /* Adjust further for smaller screens */
        line-height: 1.1 !important; /* Adjust line height for small screens */
    }

    .francis, .boecker, .media, .marketing {
        font-size: clamp(40px, 8vw, 48px) !important; /* Adjust for all parts */
    }
}/* End custom CSS */