/*
 Theme Name:     rwggermany2026
 Theme URI:      http://www.elegantthemes.com
 Description:    Child Theme for Divi Theme by Elegant Themes
 Author:         Divi.world
 Author URI:     http://divi.world
 Template:       Divi
 Version:        1.0.0
*/

/* =Ab hier kannst du deine CSS-Anpassungen eintragen
------------------------------------------------------- */

@font-face {
    font-family: 'Eurostile Extd';
    src: url('fonts/EurostileExt-Bla.eot');
    src: url('fonts/EurostileExt-Bla.eot?#iefix') format('embedded-opentype'),
        url('fonts/EurostileExt-Bla.woff2') format('woff2'),
        url('fonts/EurostileExt-Bla.woff') format('woff'),
        url('fonts/EurostileExt-Bla.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Eurostile Extd';
    src: url('fonts/EurostileExt-Reg.eot');
    src: url('fonts/EurostileExt-Reg.eot?#iefix') format('embedded-opentype'),
        url('fonts/EurostileExt-Reg.woff2') format('woff2'),
        url('fonts/EurostileExt-Reg.woff') format('woff'),
        url('fonts/EurostileExt-Reg.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter-BoldItalic.eot');
    src: local('Inter Bold Italic'), local('Inter-BoldItalic'),
        url('fonts/Inter-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Inter-BoldItalic.woff2') format('woff2'),
        url('fonts/Inter-BoldItalic.woff') format('woff'),
        url('fonts/Inter-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter-MediumItalic.eot');
    src: local('Inter Medium Italic'), local('Inter-MediumItalic'),
        url('fonts/Inter-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Inter-MediumItalic.woff2') format('woff2'),
        url('fonts/Inter-MediumItalic.woff') format('woff'),
        url('fonts/Inter-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter-ThinItalicBETA.eot');
    src: local('Inter Thin Italic BETA'), local('Inter-ThinItalicBETA'),
        url('fonts/Inter-ThinItalicBETA.eot?#iefix') format('embedded-opentype'),
        url('fonts/Inter-ThinItalicBETA.woff2') format('woff2'),
        url('fonts/Inter-ThinItalicBETA.woff') format('woff'),
        url('fonts/Inter-ThinItalicBETA.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter-Regular.eot');
    src: local('Inter Regular'), local('Inter-Regular'),
        url('fonts/Inter-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Inter-Regular.woff2') format('woff2'),
        url('fonts/Inter-Regular.woff') format('woff'),
        url('fonts/Inter-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter-Black.eot');
    src: local('Inter Black'), local('Inter-Black'),
        url('fonts/Inter-Black.eot?#iefix') format('embedded-opentype'),
        url('fonts/Inter-Black.woff2') format('woff2'),
        url('fonts/Inter-Black.woff') format('woff'),
        url('fonts/Inter-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter-BlackItalic.eot');
    src: local('Inter Black Italic'), local('Inter-BlackItalic'),
        url('fonts/Inter-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Inter-BlackItalic.woff2') format('woff2'),
        url('fonts/Inter-BlackItalic.woff') format('woff'),
        url('fonts/Inter-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter-LightBETA.eot');
    src: local('Inter Light BETA'), local('Inter-LightBETA'),
        url('fonts/Inter-LightBETA.eot?#iefix') format('embedded-opentype'),
        url('fonts/Inter-LightBETA.woff2') format('woff2'),
        url('fonts/Inter-LightBETA.woff') format('woff'),
        url('fonts/Inter-LightBETA.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter-SemiBold.eot');
    src: local('Inter Semi Bold'), local('Inter-SemiBold'),
        url('fonts/Inter-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Inter-SemiBold.woff2') format('woff2'),
        url('fonts/Inter-SemiBold.woff') format('woff'),
        url('fonts/Inter-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter-ExtraBoldItalic.eot');
    src: local('Inter Extra Bold Italic'), local('Inter-ExtraBoldItalic'),
        url('fonts/Inter-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Inter-ExtraBoldItalic.woff2') format('woff2'),
        url('fonts/Inter-ExtraBoldItalic.woff') format('woff'),
        url('fonts/Inter-ExtraBoldItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter-Bold.eot');
    src: local('Inter Bold'), local('Inter-Bold'),
        url('fonts/Inter-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Inter-Bold.woff2') format('woff2'),
        url('fonts/Inter-Bold.woff') format('woff'),
        url('fonts/Inter-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter-ExtraLightItalicBETA.eot');
    src: local('Inter Extra Light Italic BETA'), local('Inter-ExtraLightItalicBETA'),
        url('fonts/Inter-ExtraLightItalicBETA.eot?#iefix') format('embedded-opentype'),
        url('fonts/Inter-ExtraLightItalicBETA.woff2') format('woff2'),
        url('fonts/Inter-ExtraLightItalicBETA.woff') format('woff'),
        url('fonts/Inter-ExtraLightItalicBETA.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter-ExtraLightBETA.eot');
    src: local('Inter Extra Light BETA'), local('Inter-ExtraLightBETA'),
        url('fonts/Inter-ExtraLightBETA.eot?#iefix') format('embedded-opentype'),
        url('fonts/Inter-ExtraLightBETA.woff2') format('woff2'),
        url('fonts/Inter-ExtraLightBETA.woff') format('woff'),
        url('fonts/Inter-ExtraLightBETA.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter-ExtraBold.eot');
    src: local('Inter Extra Bold'), local('Inter-ExtraBold'),
        url('fonts/Inter-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Inter-ExtraBold.woff2') format('woff2'),
        url('fonts/Inter-ExtraBold.woff') format('woff'),
        url('fonts/Inter-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter-ThinBETA.eot');
    src: local('Inter Thin BETA'), local('Inter-ThinBETA'),
        url('fonts/Inter-ThinBETA.eot?#iefix') format('embedded-opentype'),
        url('fonts/Inter-ThinBETA.woff2') format('woff2'),
        url('fonts/Inter-ThinBETA.woff') format('woff'),
        url('fonts/Inter-ThinBETA.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter-LightItalicBETA.eot');
    src: local('Inter Light Italic BETA'), local('Inter-LightItalicBETA'),
        url('fonts/Inter-LightItalicBETA.eot?#iefix') format('embedded-opentype'),
        url('fonts/Inter-LightItalicBETA.woff2') format('woff2'),
        url('fonts/Inter-LightItalicBETA.woff') format('woff'),
        url('fonts/Inter-LightItalicBETA.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter-Italic.eot');
    src: local('Inter Italic'), local('Inter-Italic'),
        url('fonts/Inter-Italic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Inter-Italic.woff2') format('woff2'),
        url('fonts/Inter-Italic.woff') format('woff'),
        url('fonts/Inter-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter-SemiBoldItalic.eot');
    src: local('Inter Semi Bold Italic'), local('Inter-SemiBoldItalic'),
        url('fonts/Inter-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Inter-SemiBoldItalic.woff2') format('woff2'),
        url('fonts/Inter-SemiBoldItalic.woff') format('woff'),
        url('fonts/Inter-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter-Medium.eot');
    src: local('Inter Medium'), local('Inter-Medium'),
        url('fonts/Inter-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/Inter-Medium.woff2') format('woff2'),
        url('fonts/Inter-Medium.woff') format('woff'),
        url('fonts/Inter-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

/*******************************************************************************************************************************
Schriftenzuordnung für Überschriften, Textblöcke, Listen
********************************************************************************************************************************/

.rwg-cert-logos img {
  margin-top: 0px !important;
}
.et_pb_image_wrap img {
  margin-top: 0px !important;
}
.et-l--header .et_pb_column {
    margin-bottom: 0 !important;
}

/* ==============================
   RWG: Farben & Typografie
============================== */

/* Grundschrift */
body {
    font-family: 'Inter', Arial, sans-serif;
    /* color: #ffffff;
    background-color: #000000; */
}
a, a:hover {color: #f05329;}

/* Überschriftenschrift global */
h1, h2, h3, h4, h5, h6,
.et_pb_module_heading {
    font-family: 'Eurostile Extd', Arial, sans-serif;
}

/* Hilfsklassen */
.rwg-orange {
    color: #f05329;
}
.rwg-black {
    color: #000000;
}
.rwg-dark {
    color: #132225;
}
.rwg-grey {
    color: #e7e7e7;
}
.rwg-bg-black {
    background-color: #000000;
}
.rwg-bg-dark {
    background-color: #132225;
}
.rwg-bg-grey {
    background-color: #e7e7e7;
}
.rwg-bg-orange {
    background-color: #f05329;
}

/* H2 – Hauptabschnitt mit RWG-Symbol */
.rwg-section-heading {
    display: flex !important;
    flex-direction: row !important;
    align-items: baseline !important;
    justify-content: center !important;
    gap: 18px !important;
    margin: 0 0 70px 0 !important;
}

.rwg-section-heading .rwg-heading-icon {
    display: inline-flex !important;
    align-items: flex-end !important;
    transform: translateY(0px);
}

.rwg-section-heading .rwg-heading-icon svg {
    display: block !important;
    width: 59px !important;
    height: auto !important;
}

.rwg-section-heading h2 {
    display: block !important;
    font-size: 48px !important;
    line-height: 50px !important;
    font-weight: 900 !important;
    color: #000000 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ==============================
   RWG: Header
============================== */

/*********************************
RWG Topnavigation
*********************************/

.rwg-topnav .et-menu-nav li a {
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: rgba(255,255,255,0.80);
    transition: all .25s ease;
}

.rwg-topnav .et-menu-nav li a:hover {
    color: #ffffff;
}

.rwg-topnav .current-menu-item a {
    color: #ffffff !important;
}


/*********************************
RWG Hauptnavigation
*********************************/

.rwg-mainnav-row {
    width: 100% !important;
    max-width: 100% !important;
    padding: 22px 5% !important;
    display: flex !important;
    align-items: center !important;
}


/* Spaltenaufteilung */
.rwg-mainnav-row > .et_pb_column:nth-child(1) {
    flex: 0 0 20% !important;
    width: 20% !important;
    margin-right: 0 !important;
}

.rwg-mainnav-row > .et_pb_column:nth-child(2) {
    flex: 0 0 64% !important;
    width: 64% !important;
    margin-right: 0 !important;
}

.rwg-mainnav-row > .et_pb_column:nth-child(3) {
    flex: 0 0 16% !important;
    width: 16% !important;
    margin-right: 0 !important;
}


/*********************************
RWG Logo
*********************************/


/*********************************
Zertifizierungen
*********************************/

.rwg-cert-logos {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    flex-wrap: nowrap !important;
}

/*********************************
Desktop: Logo, Navigation und Zertifizierungen
*********************************/

@media only screen and (min-width: 981px) {

    /* RWG-Logo */
    .rwg-mainnav-row > .et_pb_column:nth-child(1) img {
        width: 245px !important;
        height: auto !important;
        max-width: 100% !important;
        display: block !important;
    }

    /* Menü nach links */
    .rwg-mainnav-row .et_pb_menu {
        position: relative !important;
        left: -70px !important;
    }

    /* Zertifizierungen vom rechten Rand abrücken */
    .rwg-cert-logos {
        position: relative !important;
        left: -45px !important;
    }

    /* Zertifizierungslogos */
    .rwg-cert-logos img {
        height: 80px !important;
        width: auto !important;
        max-width: none !important;
        margin: 0 !important;
        display: block !important;
    }
}

/*********************************
Navigation
*********************************/

.rwg-mainnav-row .et_pb_menu {
    background: transparent !important;
}
.rwg-mainnav-row .et_pb_menu__wrap {
    justify-content: flex-end !important;
    align-items: center !important;
}
.rwg-mainnav-row .et-menu {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 26px !important;
    align-items: center !important;
}
.rwg-mainnav-row .et-menu > li {
    padding-left: 0 !important;
    padding-right: 0 !important;
    white-space: nowrap !important;
}
.rwg-mainnav-row .et-menu > li > a {
    font-family: 'Eurostile Extd', Arial, sans-serif;
    font-size: 16px;
    font-weight: 900;
    letter-spacing: 0.5px;
    color: #000000 !important;
}

/*********************************
Aktiver Menüpunkt Hauptnavigation
*********************************/

.rwg-mainnav-row .et-menu > li.current-menu-item > a,
.rwg-mainnav-row .et-menu > li.current_page_item > a,
.rwg-mainnav-row .et-menu > li.current-menu-parent > a,
.rwg-mainnav-row .et-menu > li.current-menu-ancestor > a {
    color: #f05328 !important;
    opacity: 1 !important;
    position: relative;
}

/* Unterstrich NICHT mit :after, weil Divi :after für den Pfeil nutzt */
.rwg-mainnav-row .et-menu > li.current-menu-item > a::before,
.rwg-mainnav-row .et-menu > li.current_page_item > a::before,
.rwg-mainnav-row .et-menu > li.current-menu-parent > a::before,
.rwg-mainnav-row .et-menu > li.current-menu-ancestor > a::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 32px;
    height: 3px;
    background: #f05328;
}

/* Divi-Pfeil sichtbar lassen */
.rwg-mainnav-row .menu-item-has-children > a::after {
    display: inline-block !important;
    opacity: 1 !important;
    visibility: visible !important;
    color: inherit !important;
}

/* Pfeil bei aktivem Produkte-Menü orange */
.rwg-mainnav-row .current-menu-parent.menu-item-has-children > a::after,
.rwg-mainnav-row .current-menu-ancestor.menu-item-has-children > a::after {
    color: #f05328 !important;
}

/*********************************
Dropdown-Menü Produkte
*********************************/

.rwg-mainnav-row .nav li ul.sub-menu {
    display: block !important;
    width: 320px !important;
    padding: 18px 0 !important;
    background: #ffffff !important;
    border-top: 3px solid #f05328 !important;
    box-shadow: 0 12px 28px rgba(0,0,0,.10);
    top: 100% !important;
}

/* Unterpunkte sauber vertikal */
.rwg-mainnav-row .nav li ul.sub-menu li {
    display: block !important;
    width: 100% !important;
    float: none !important;
    flex: none !important;
    margin: 0 !important;
}

/* Standard-Unterpunkte */
.rwg-mainnav-row .nav li ul.sub-menu li a {
    display: block !important;
    width: 100% !important;
    padding: 14px 20px !important;

    font-family: 'Eurostile Extd', Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    letter-spacing: .3px;
    line-height: 1.3em;

    color: #111111 !important;
    background: #ffffff !important;
    transition: all .2s ease;
}

/* Hover-Unterpunkte */
.rwg-mainnav-row .nav li ul.sub-menu li a:hover {
    color: #f05328 !important;
    background: #40444A !important;
    font-weight: 500 !important;
    padding-left: 20px !important;
}

/* Aktiver Untermenüpunkt sichtbar markieren */
.rwg-mainnav-row .nav li ul.sub-menu li.current-menu-item > a,
.rwg-mainnav-row .nav li ul.sub-menu li.current_page_item > a,
.rwg-mainnav-row .nav li ul.sub-menu li.current_page_parent > a,
.rwg-mainnav-row .nav li ul.sub-menu li.current-menu-parent > a {
    color: #f05328 !important;
    background: #40444A !important;
    font-weight: 500 !important;
}

/* Aktiver Unterpunkt beim Hover nicht verlieren */
.rwg-mainnav-row .nav li ul.sub-menu li.current-menu-item > a:hover,
.rwg-mainnav-row .nav li ul.sub-menu li.current_page_item > a:hover {
    color: #f05328 !important;
    background: #40444A !important;
}

/*********************************
Sprachumschalter
*********************************/

.rwg-mainnav-row .lang-item {
    display: flex !important;
    align-items: center !important;
    margin-left: 8px !important;
}
.rwg-mainnav-row .lang-item img {
    width: 18px !important;
    height: auto !important;
    max-width: none !important;
    display: block !important;
}

/*******************************************************************************************************************************
Contentbereich
********************************************************************************************************************************/



/*******************************************************************************************************************************
DESKTOP UND TABLET – SEITENREIHENFOLGE
01 Startseite
02 Kontakt
03 Produktübersicht und Produktdetails
04 Wir über uns / About us
05 Rechtliche Seiten: Impressum, Datenschutz, Rechtliche Hinweise
06 Footer
********************************************************************************************************************************/

/*********************************
RWG Startseite Hero-Slider
Überschriften & Buttons
*********************************/

#startseite h1 {font-size: 72px;font-weight: 600;color: #f05329;margin-block-start: .5rem;margin-block-end: 1rem;}
#startseite h2 {font-size: 40px;font-weight: 400;color: #ffffff;line-height: 46px;}

/* Titel im Slider */
#heroWrapper .CategoryTitle h3 {
    font-family: 'Eurostile Extd', Arial, sans-serif !important;
    font-size: 28px !important;
    font-weight: 900 !important;
    line-height: 1.1em !important;
    letter-spacing: .4px !important;
    color: #f05328 !important;
    margin: 0 0 12px 0 !important;
}

/* Beschreibung */
#heroWrapper .CategoryText span {
    font-family: 'Inter', Arial, sans-serif !important;
    font-size: 15px !important;
    line-height: 1.35em !important;
    font-weight: 400 !important;
    color: #111111 !important;
}

/* Button-Grundform */
#heroWrapper .CategoryCTA a,
#heroWrapper .CategoryCTA .elementor-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 260px !important;
    min-height: 62px !important;

    background: #f05328 !important;
    color: #ffffff !important;

    font-family: 'Inter', Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: .2px !important;
    line-height: 1em !important;

    padding: 16px 32px !important;
    border: none !important;
    border-radius: 0 !important;
    text-decoration: none !important;

    clip-path: polygon(18px 0%, 100% 0%, 100% 100%, 0% 100%, 0% 18px);
    transition: all .25s ease;
}

/* Button-Text */
#heroWrapper .CategoryCTA .elementor-button-text {
    display: inline-block !important;
    text-align: center !important;
    line-height: 1.05em !important;
    color: #ffffff !important;
    font-weight: 800 !important;
    transform: translateX(-6px);
}

/* Sicherheit, falls weitere Span-Wrapper greifen */
#heroWrapper .CategoryCTA span {
    text-align: left !important;
}

/* Hover */
#heroWrapper .CategoryCTA a:hover,
#heroWrapper .CategoryCTA .elementor-button:hover {
    background: #f47b52 !important;
    color: #ffffff !important;
}

/* Abstand Button zum Text */
#heroWrapper .CategoryCTA {
    margin-top: 12px !important;
}

/*********************************
RWG Kontaktseite Hero
Überschriften & Buttons
*********************************/

#hero-kontakt h1 {font-size: 72px;font-weight: 600;color: #f05329;margin-block-start: .5rem;margin-block-end: 1rem;}
#hero-kontakt h2 {font-size: 34px;font-weight: 400;color: #ffffff;line-height: 46px;}

/* Textbereich */
#hero-kontakt .et_pb_text {
    position: relative;
    z-index: 20;
    max-width: 850px;
}

/*********************************
RWG Kontakt Hero – Grundaufbau
*********************************/

#hero-kontakt {
    position: relative;
    overflow: hidden;
    min-height: 790px !important;
    padding: clamp(90px, 9vh, 135px) 0 0 0;
    background:
        radial-gradient(circle at 35% 40%, rgba(255,255,255,.08), transparent 35%),
        linear-gradient(120deg, #090b0d 0%, #1d2024 55%, #050505 100%);
    isolation: isolate;
}

#hero-kontakt::before {
    content: "";
    position: absolute;
    top: -90px;
    right: 8%;
    width: 390px;
    height: 900px;
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(255,255,255,.08) 42%,
        rgba(255,255,255,.18) 54%,
        transparent 100%
    );
    transform: rotate(18deg);
    z-index: 2;
    pointer-events: none;
}
#hero-kontakt .et_pb_row {
    position: relative;
    z-index: 3;
    max-width: 1180px !important;
}

/* Team-Bild */
.hero-kontakt-team {
    position: absolute !important;
    right: clamp(-330px, -16vw, -190px) !important;
    bottom: clamp(10px, 3vh, 55px) !important;
    width: clamp(780px, 58vw, 1100px) !important;
    max-width: none !important;
    z-index: 10 !important;
    margin-top:110px;
}
.hero-kontakt-team img {
    width: 95% !important;
    height: auto !important;
    display: block;
}

/* CTA-Leiste */
.rwg-kontakt-cta {
    position: absolute !important;
    left: 50%;
    bottom: clamp(215px, 20vh, 265px) !important;
    transform: translateX(-50%);
    width: min(1060px, 78vw);
    z-index: 30 !important;
}

/* Code-Modul aus normalem Layoutfluss lösen */
.rwg-divider-module {
    position: static !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Alten Hero-Balken deaktivieren */
#hero-kontakt::after {
    display: none !important;
}

/* Divi-Divider als Bezugspunkt */
#hero-kontakt .et_pb_bottom_inside_divider {
    position: absolute !important;
    z-index: 40 !important;
    pointer-events: none;
}
/* Divi-Divider */
#hero-kontakt.section_has_divider.et_pb_bottom_divider .et_pb_bottom_inside_divider {
      bottom: -55px !important;
      height: 145px !important;
      border-top: 30px solid #f05329;
      transform: rotate(-3.5deg) !important;
      background: #ffffff;
      left: -5%;
      width: 110%;
    z-index: 40 !important;
}

/* SVG-Pfeil-Kreis direkt am Divi-Divider */
#hero-kontakt.section_has_divider.et_pb_bottom_divider .et_pb_bottom_inside_divider::after {
    content: "";
    position: absolute;
    left: 50%;
    top: -52px;
    width: 73px;
    height: 73px;
    transform: translateX(-50%);
    z-index: 9999;
    background-image: url("data:image/svg+xml,%3Csvg width='73' height='73' viewBox='0 0 73 73' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_529_216)'%3E%3Ccircle cx='36.0018' cy='36.16' r='28.158' fill='%23F05329'/%3E%3Cpath d='M36.1428 46.3109C36.0652 46.3863 35.9418 46.3863 35.8642 46.3109L19.174 30.1023C19.0452 29.9771 19.1337 29.7588 19.3133 29.7588H24.3372C24.3892 29.7588 24.4392 29.7791 24.4765 29.8153L35.8635 40.8741C35.9411 40.9495 36.0646 40.9495 36.1422 40.8741L47.5298 29.8153C47.5672 29.7791 47.6172 29.7588 47.6692 29.7588H52.6937C52.8733 29.7588 52.9619 29.9771 52.833 30.1023L36.1428 46.3109Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_529_216' x='3.84375' y='8.00195' width='64.3164' height='64.3159' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeOffset dy='4'/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0'/%3E%3CfeBlend mode='normal' in='SourceGraphic' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* Kontaktleiste */
#hero-kontakt .rwg-kontakt-cta {
    position: absolute !important;
    left: 50%;
    bottom: 165px;
    transform: translateX(-50%);
    width: min(1080px, 78vw);
    min-height: 115px;
    padding: 18px 34px;
    display: flex;
    align-items: center;
    z-index: 35;
    background: rgba(255,255,255,.40);
    backdrop-filter: blur(10px);
    border-radius: 40px;
}

/* Spalten gleichmäßig */
#hero-kontakt .rwg-kontakt-cta .et_pb_column {
    display: flex;
    align-items: center;
}

/* Blurb-Grundlayout */
#hero-kontakt .rwg-kontakt-cta .et_pb_blurb {
    margin: 0 !important;
    width: 100%;
}

/* Icon links */
#hero-kontakt .rwg-kontakt-cta .et_pb_main_blurb_image {
    width: 86px;
    height: 86px;
    margin: 0 24px 0 0 !important;
    border-radius: 50%;
    background: #111;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Icon selbst */
#hero-kontakt .rwg-kontakt-cta .et_pb_main_blurb_image .et-pb-icon {
    font-size: 44px !important;
    color: #f05329 !important;
}

/* Text neben Icon */
#hero-kontakt .rwg-kontakt-cta .et_pb_blurb_container {
    display: table-cell;
    vertical-align: middle;
    padding-left: 0 !important;
}

/* Titel */
#hero-kontakt .rwg-kontakt-cta .et_pb_module_header {
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.2em;
    color: #fff !important;
    margin-bottom: 6px;
}
/* Titel in Kontaktleiste */
#hero-kontakt .rwg-kontakt-cta .et_pb_module_header,
#hero-kontakt .rwg-kontakt-cta h4,
#hero-kontakt .rwg-kontakt-cta h4 span {
    color: #ffffff !important;
}

/* Text */
#hero-kontakt .rwg-kontakt-cta .et_pb_blurb_description {
    font-size: 16px !important;
    line-height: 1.35em;
    color: #ffffff !important;
}

/* Beschreibung */
#hero-kontakt .rwg-kontakt-cta .et_pb_blurb_description,
#hero-kontakt .rwg-kontakt-cta .et_pb_blurb_description p {
    color: #ffffff !important;
}

/* Linkfarben im Blurb */
#hero-kontakt .rwg-kontakt-cta a {
    color: #fff !important;
    text-decoration: none;
}

/*********************************
RWG Ansprechpartner
*********************************/

/* Gesamter Bereich */

.rwg-person-section {
    max-width: 1100px;
    margin: 0 auto 90px auto;
}

/* Bereichsüberschrift:
   GESCHÄFTSFÜHRUNG
   VERTRIEB
   EINKAUF
---------------------------------*/

.rwg-subheading {
    display: block;
    text-align: center;
    font-family: 'Eurostile Extd', Arial, sans-serif;
    font-size: 30px;
    line-height: 26px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #000000;
    margin: 0 0 60px 0;
    padding-bottom: 10px;
    border-bottom: 4px solid #f05329;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}

/* Personenzeile
---------------------------------*/

.rwg-person {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 70px;
}

/* Portraitbild
---------------------------------*/

.rwg-person-image {
    width: 250px;
    height: 250px;
    object-fit: cover;
    border-radius: 50%;
    flex-shrink: 0;
}

/* Textblock rechts
---------------------------------*/

.rwg-person-text {
    width: 550px;
    text-align: left;
}

/* Name Ansprechpartner
---------------------------------*/

.rwg-person-name {
     font-family: 'Eurostile Extd', Arial, sans-serif;
      font-size: 36px;
      line-height: 1.4em;
      font-weight: 700;
      color: #000000;
      margin: 0 0 8px 0;
      padding-bottom: 0px;
}

/* Position/Funktion
---------------------------------*/

.rwg-person-position {
    font-family: 'Eurostile Extd', Arial, sans-serif;
    font-size: 28px;
    line-height: 34px;
    font-weight: 400;
    color: #111b1f;
    margin: 0 0 12px 0;
}

/* E-Mail
---------------------------------*/

.rwg-person-mail,
.rwg-person-mail a {
    font-size: 20px;
    line-height: 26px;
    font-weight: 400;
    color: #f05329 !important;
    text-decoration: none;
}
.rwg-person-mail a:hover {
    text-decoration: underline; color: #f05329 !important;
}

/* Abstand zwischen Bereichen
---------------------------------*/

.rwg-person-section + .rwg-person-section {
    margin-top: 110px;
}

/*********************************
RWG Kontaktformular
*********************************/

/* Section mit orangem Hintergrund */
.rwg-contact-form-section {
    position: relative;
    overflow: hidden;
    background: #f05329 !important;
    padding-top: 0px !important; /* zuvor 50px */
    padding-bottom: 180px !important;
}

/* schräge weiße Fläche oben */
.rwg-contact-form-section::before {
    content: "";
    position: absolute;
    left: -5%;
    top: -105px;
    width: 110%;
    height: 630px;
    background: #ffffff;
    transform: rotate(2deg);
    z-index: 1;
}

/* schräge weiße Fläche unten */
.rwg-contact-form-section::after {
    content: "";
    position: absolute;
    left: -5%;
    bottom: -75px;
    width: 110%;
    height: 150px;
    background: #ffffff;
    transform: rotate(-2deg);
    z-index: 1;
}
.rwg-contact-form-section .et_pb_row {
    position: relative;
    z-index: 2;
}

/* Formularbox */
.rwg-contact-form-box {
    position: relative;
    max-width: 1140px !important;
    background-color: #E7E7E7AD !important;
    /* padding: 75px 80px 70px 80px !important; */
    box-shadow: 16px 16px 0 rgba(0,0,0,.20) !important;
    overflow: visible !important;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

/* RWG-Dreieck oben links */
.rwg-corner-icon {
    margin-bottom: 35px;
    padding-top:20px;
    padding-left:45px;
}
.rwg-corner-icon svg {
    display: block;
    width: 50px;
    height: 51px;
}

/* Überschrift */
.rwg-contact-form-box .et_pb_contact_main_title {
    font-size: 44px !important;
    line-height: 42px !important;
    font-weight: 900 !important;
    color: #f05329 !important;
    margin: 5px 0 68px 0 !important;
}

/* Felder */
.rwg-contact-form-box .et_pb_contact p input,
.rwg-contact-form-box .et_pb_contact p textarea {
    background-color: #ffffff !important;
    color: #111b1f !important;
    border: none !important;
    border-bottom: 1px solid #f05329 !important;
    border-radius: 0 !important;
    padding: 15px 18px !important;
    font-size: 16px !important;
    box-shadow: none !important;
}

/* Nachrichtfeld */
.rwg-contact-form-box .et_pb_contact p textarea {
    min-height: 230px !important;
}

/* Placeholder */
.rwg-contact-form-box .et_pb_contact p input::placeholder,
.rwg-contact-form-box .et_pb_contact p textarea::placeholder {
    color: #999999 !important;
    opacity: 1 !important;
}

/* Datenschutz */
.rwg-contact-form-box .et_pb_contact_field_options_title {
    color: #000000 !important;
    font-weight: 700 !important;
}
.rwg-contact-form-box .et_pb_contact_field_checkbox label {
    color: #111b1f !important;
    font-size: 12px !important;
    line-height: 20px !important;
    font-weight: 300;
}

/* Captcha */
.rwg-contact-form-box .et_pb_contact_captcha_question {
    color: #000000 !important;
    font-weight: 700 !important;
}

/* Button */
.rwg-contact-form-box .et_pb_contact_submit {
    background: #f05329 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 10px 38px !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    box-shadow: none !important;
    clip-path: polygon(12px 0, 100% 0, 100% 100%, 0 100%, 0 12px) !important;
}

/* Button Hover */
.rwg-contact-form-box .et_pb_contact_submit:hover {
    background: #111b1f !important;
    color: #ffffff !important;
    padding: 10px 38px !important;
}

/* Divi-Pfeil entfernen */
.rwg-contact-form-box .et_pb_contact_submit:after {
    display: none !important;
}

/* ==========================================================
   RWG Fluent Forms – Grundeinstellungen
   ========================================================== */

.rwg-contact-form-box .fluentform {
    padding: 0 100px !important;
}
.rwg-contact-form-box .ff-el-group {
    margin-bottom: 30px !important;
}
.rwg-contact-form-box .ff-el-group:first-child {
    margin-top: 40px !important;
}
.rwg-contact-form-box input,
.rwg-contact-form-box select,
.rwg-contact-form-box textarea {
    background: #ffffff !important;
    color: #111b1f !important;
    border: none !important;
    border-bottom: 1px solid #f05329 !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    padding: 15px 18px !important;
    font-size: 16px !important;
}
.rwg-contact-form-box input:not([type="checkbox"]),
.rwg-contact-form-box select{
    height:58px !important;
}
.rwg-contact-form-box textarea{
    min-height:230px !important;
}
.rwg-contact-form-box input::placeholder,
.rwg-contact-form-box textarea::placeholder{
    color:#999999 !important;
    opacity:1;
}
.rwg-contact-form-box button.ff-btn-submit{
    background:#f05329 !important;
    color:#ffffff !important;
    border:none !important;
    border-radius:0 !important;
    padding:10px 38px !important;
    font-size:16px !important;
    font-weight:800 !important;
    text-transform:uppercase !important;
    box-shadow:none !important;
    clip-path:polygon(12px 0,100% 0,100% 100%,0 100%,0 12px);
}
.rwg-contact-form-box button.ff-btn-submit:hover{
    background:#111b1f !important;
    color:#ffffff !important;
}
.rwg-contact-form-box .rwg-privacy{
    margin-top:35px !important;
}

/* ==========================================================
   RWG Kontaktformular hell
   ========================================================== */

.rwg-form-light .rwg-contact-headline h2{
    font-size:44px !important;
    line-height:42px !important;
    font-weight:900 !important;
    color:#f05329 !important;
    margin:5px 0 68px;
    padding:0 100px;
}
.rwg-form-light label{
    color:#111b1f !important;
    font-size:12px;
    line-height:20px;
    font-weight:300;
}
.rwg-form-light .ff-el-input--label label{
    color:#000000 !important;
    font-size:14px;
    font-weight:700;
}
/* ==========================================================
   RWG Kontaktformular dunkel
   ========================================================== */

.rwg-form-dark .rwg-contact-headline h2{
    font-size:44px !important;
    line-height:42px !important;
    font-weight:900 !important;
    color:#ffffff !important;
    margin:5px 0 68px;
    padding:0 100px;

}
.rwg-form-dark label{
    color:#ffffff !important;
    font-size:12px;
    line-height:20px;
    font-weight:300;

}
.rwg-form-dark .ff-el-input--label label{
    color:#ffffff !important;
    font-size:14px;
    font-weight:700;

}
/* ==========================================================
   RWG Produktübersicht / All Products
   ========================================================== */

.rwg-form-products .rwg-contact-headline h2{
    font-size:44px !important;
    line-height:42px !important;
    font-weight:900 !important;
    color:#f05329 !important;
    margin:5px 0 68px;
    padding:0 100px;
}

/* Datenschutzerklärung */
.rwg-form-products label{
    color:#111b1f !important;
    font-size:12px;
    line-height:20px;
    font-weight:300;
}

/* Überschrift Datenschutzerklärung */
.rwg-form-products .ff-el-input--label label{
    color:#111b1f !important;
    font-size:14px;
    font-weight:700;

}

/* Checkbox */
.rwg-form-products input[type="checkbox"]{
    accent-color:#f05329;
}

/*********************************
RWG Produkte Hero
*********************************/

/* Row-Reset */
.rwg-produkte-section .et_pb_row {
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
}

/* Hero-Grundlayout */
#hero-produkte {
    position: relative;
    overflow: hidden;
    min-height: 85vh !important;
    padding: 0 !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    isolation: isolate;
}

/* dunkler Bildfilter + Logo-Wasserzeichen */
#hero-produkte::before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: rgba(17,27,31,.30);
    background-image: url("/wp-content/uploads/2026/06/Logo-Icon-Hintergrund-Element.png");
    background-position: center right;
    background-repeat: no-repeat;
    background-size: contain;
    mix-blend-mode: multiply;
    z-index: 1;
    pointer-events: none;
}

/* Inhalt */
#hero-produkte .et_pb_row {
    position: relative;
    z-index: 3;
    max-width: 1280px !important;
    padding-top: 130px !important;
}

#hero-produkte .et_pb_text {
    max-width: 1250px;
}

/* Headlines */
#hero-produkte h1 {
    font-family: 'Eurostile Extd', Arial, sans-serif !important;
    font-size: 72px !important;
    line-height: 1.05 !important;
    font-weight: 600 !important;
    color: #f05329 !important;
}

#hero-produkte h2,
#hero-produkte p,
#hero-produkte .rwg-hero-subline {
    font-family: 'Eurostile Extd', Arial, sans-serif !important;
    font-size: 28px !important;
    line-height: 32px !important;
    font-weight: 400 !important;
    color: #ffffff !important;
    margin: 0 !important;
    max-width: 1220px;
}

/* Hero-Divider */
#hero-produkte .et_pb_bottom_inside_divider {
    position: absolute !important;
    overflow: visible !important;
    pointer-events: none !important;
}

#hero-produkte.section_has_divider.et_pb_bottom_divider .et_pb_bottom_inside_divider {
    bottom: -55px !important;
    height: 145px !important;
    width: 118%;
    left: -5%;
    z-index: 40 !important;
    transform: rotate(-3.5deg) !important;
    background: #1a262b;
    border-top: 30px solid #f05329;
}

/* SVG-Pfeil-Kreis am Divider */
#hero-produkte.section_has_divider.et_pb_bottom_divider .et_pb_bottom_inside_divider::after {
    content: "";
    position: absolute;
    left: 50%;
    top: -52px;
    width: 73px;
    height: 73px;
    transform: translateX(-50%);
    z-index: 9999;
    background-image: url("data:image/svg+xml,%3Csvg width='73' height='73' viewBox='0 0 73 73' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_529_216)'%3E%3Ccircle cx='36.0018' cy='36.16' r='28.158' fill='%23F05329'/%3E%3Cpath d='M36.1428 46.3109C36.0652 46.3863 35.9418 46.3863 35.8642 46.3109L19.174 30.1023C19.0452 29.9771 19.1337 29.7588 19.3133 29.7588H24.3372C24.3892 29.7588 24.4392 29.7791 24.4765 29.8153L35.8635 40.8741C35.9411 40.9495 36.0646 40.9495 36.1422 40.8741L47.5298 29.8153C47.5672 29.7791 47.6172 29.7588 47.6692 29.7588H52.6937C52.8733 29.7588 52.9619 29.9771 52.833 30.1023L36.1428 46.3109Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_529_216' x='3.84375' y='8.00195' width='64.3164' height='64.3159' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeOffset dy='4'/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0'/%3E%3CfeBlend mode='normal' in='SourceGraphic' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* Produktübersicht unterhalb Hero */
.rwg-produkte-section .rwg-section-heading h2 {
    color: #ffffff !important;
}

/*********************************
RWG Produkte – Produktkarten
*********************************/

/* Produkt-Zeilen neutralisieren */
.rwg-produkt-row,
.rwg-produkte-section .et_pb_row {
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
}

/* einzelne Produktkarte / Spalte */
.rwg-loop-card {
    position: relative;
    overflow: visible !important;
    padding: 0 20px 40px 20px;
}

/* Produktbild-Modul */
.rwg-loop-card .rwg-product-image {
    position: relative;
    z-index: 2;
    height: 260px;
    margin-bottom: 0px !important; /* 55px !important;*/
    display: flex;
    align-items: flex-end;
    justify-content: center;
    overflow: visible !important;
}

/* Produktbild selbst – quadratische/gleichmäßige Darstellung */
.rwg-loop-card .rwg-product-image img {
    position: relative;
    z-index: 3;
    width: 80% !important;
    height: 80% !important;
    aspect-ratio: 1 / 1;
    max-width: 300px;
    max-height: 300px;
      object-fit: cover;
      object-position: top center;
    display: block;
    margin: 0 auto;
    transition: transform .45s ease;
}
.rwg-loop-card .rwg-product-image {
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Hover: Nur das Produktbild dreht/skaliert */
.rwg-loop-card:hover .rwg-product-image img {
    transform: scale(1.22) rotate(-12deg);
}

/* oranges RWG-Zeichen */
.rwg-loop-card::before {
    content: "";
    position: absolute;
    top: 10px; /* 52px; */
    left: 50%;
    width: 300px;
    height: 270px;
    background-image: url("/wp-content/uploads/2026/06/Icon-Pfeil-orange.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center bottom;
    z-index: 1;
    pointer-events: none;
    opacity: 0;
    transform: translateX(-15%) scale(.92);
    transition: transform .55s cubic-bezier(.22,.61,.36,1), opacity .35s ease;
}

/* Hover: Zeichen fährt von rechts nach links ein */
.rwg-loop-card:hover::before {
    opacity: .95;
    transform: translateX(-50%) scale(1);
}

/* Produktschatten unter dem Bild */
.rwg-loop-card .rwg-product-image::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -15px;
      width: 300px;
      height: 70px;
    background-image: url("/wp-content/uploads/2026/06/Schatten-Produkte.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    transform: translateX(-50%) !important;
    z-index: 1;
    pointer-events: none;
    opacity: .9;
}

/* heller Lichtschein hinter dem Produkt */
.rwg-loop-card .rwg-product-image::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 8px;
    width: 280px;
    height: 26px;
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(255,255,255,.03) 10%,
        rgba(255,255,255,.10) 25%,
        rgba(255,255,255,.15) 50%,
        rgba(255,255,255,.10) 75%,
        rgba(255,255,255,.03) 90%,
        transparent 100%
    );

    filter: blur(12px);
    transform: translateX(-50%);
    pointer-events: none;
    z-index: 0;
}
/* Textbereich */
.rwg-loop-card .rwg-product-content {
    position: relative;
    z-index: 4;
    margin-top: 0 !important;
    transition: transform .35s ease;
}
.rwg-loop-card:hover .rwg-product-content {
    transform: translateY(12px);
}
.rwg-loop-card:hover .et_pb_button.rwg-product-button {
    opacity: 1;
    transform: translateY(12px);
    pointer-events: auto;
}

/* Produktüberschrift */
.rwg-loop-card .rwg-product-content h3,
.rwg-loop-card h3 {
    font-family: 'Eurostile Extd', Arial, sans-serif !important;
    font-size: 24px !important;
    line-height: 30px !important;
    font-weight: 600 !important;
    color: #f05329 !important;
}

/* Beschreibung */
.rwg-loop-card .rwg-product-content p {
    font-family: 'Inter', Arial, sans-serif !important;
    font-size: 16px !important;
    line-height: 1.55 !important;
    font-weight: 200 !important;
    color: rgba(255,255,255,1) !important;
    margin-block-start: 0 !important;
    margin-block-end: .9rem !important;
}

/* Button zunächst verstecken */
.rwg-loop-card .et_pb_button.rwg-product-button {
    opacity: 0;
    transform: translateY(18px);
    pointer-events: none;
    transition: opacity .3s ease, transform .3s ease;
    margin-top: 35px !important;
    width:240px;
    text-align:center;
}

/* Button bei Hover anzeigen */
.rwg-loop-card:hover .et_pb_button.rwg-product-button {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

/* Produktbutton – wenn Klasse direkt auf dem Button sitzt */
.rwg-loop-card a.et_pb_button.rwg-product-button {
    background: #f05329 !important;
    background-color: #f05329 !important;
    color: #ffffff !important;
    border: 0 !important;
    border-width: 0 !important;
    border-color: transparent !important;
    border-radius: 0 !important;

    padding: 15px 52px !important;

    font-family: 'Inter', Arial, sans-serif !important;
    font-size: 16px !important;
    line-height: 20px !important;
    font-weight: 800 !important;

    text-transform: none !important;
    box-shadow: none !important;
    clip-path: polygon(14px 0, 100% 0, 100% 100%, 0 100%, 0 14px);
}

/* Hover */
.rwg-loop-card a.et_pb_button.rwg-product-button:hover {
    background: #EE855F !important;
    background-color: #EE855F !important;
    color: #ffffff !important;
    border: 0 !important;
    padding: 15px 52px !important;
}

/* Divi-Pfeil entfernen */
.rwg-loop-card a.et_pb_button.rwg-product-button:after,
.rwg-loop-card a.et_pb_button.rwg-product-button:before {
    display: none !important;
}

/*********************************
RWG Produktseite – Kontaktformular + Kontaktinfos
*********************************/

/* Kontaktformular-Bereich: grauschwarz + schräge orange Fläche */
.rwg-product-contact-form-section {
    position: relative;
    overflow: visible !important;
    background: #1a262b !important;
    padding: 95px 0 0 0 !important;
}

/* orange Schräge im Hintergrund */
.rwg-product-contact-form-section::before {
    content: "";
    position: absolute;
    left: -5%;
    top: 46%;
    width: 110%;
    height: 70%;
    background: #f05329 !important;
    transform: rotate(2deg);
    transform-origin: left top;
    z-index: 1;
    pointer-events: none;
}

/* kein zweiter Divider */
.rwg-product-contact-form-section::after {
    display: none !important;
}

/* Formularbox */
.rwg-product-contact-form-section .rwg-contact-form-box {
    position: relative;
    z-index: 3;
    max-width: 1180px !important;
    background: rgba(218,220,221,.78) !important;
    box-shadow: 18px 18px 0 rgba(0,0,0,.25) !important;
    margin-bottom: 0 !important;
}

/*********************************
RWG Produktseite – Kontaktinfos unten
*********************************/

.rwg-contact-info-section {
    background: #f05329 !important;
    padding: 105px 0 120px 0 !important;
    margin-top: 0 !important;
}
.rwg-contact-info-section .et_pb_row {
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    max-width: 1080px !important;
}

/* Blurbs neutral */
.rwg-contact-info-blurb {
    background: transparent !important;
    box-shadow: none !important;
    text-align: center;
    color: #ffffff !important;
}

/* Icon-Kreis */
.rwg-contact-info-blurb .et_pb_main_blurb_image {
    margin: 0 auto 34px auto !important;
}

.rwg-contact-info-blurb .et-pb-icon {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: #ffffff !important;
    color: #f05329 !important;
    font-size: 56px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    box-shadow: 5px 5px 0 rgba(0,0,0,.18);
}

/* Überschrift */
.rwg-contact-info-blurb h3,
.rwg-contact-info-blurb .et_pb_module_header {
    font-family: 'Eurostile Extd', Arial, sans-serif !important;
    font-size: 24px !important;
    line-height: 32px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    margin: 0 0 24px 0 !important;
}

/* Text */
.rwg-contact-info-blurb .et_pb_blurb_description,
.rwg-contact-info-blurb .et_pb_blurb_description p,
.rwg-contact-info-blurb a {
    font-family: 'Inter', Arial, sans-serif !important;
    font-size: 16px !important;
    line-height: 24px !important;
    font-weight: 300 !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

/*********************************
RWG Produkt-Detailseiten
*********************************/

/* Hero Produktdetail */
#hero-product-detail {
    position: relative;
    overflow: hidden;
    min-height: 820px !important;
    background: #111b1f !important;
    isolation: isolate;
}

#hero-product-detail .et_pb_row {
    position: relative;
    z-index: 3;
    max-width: 1520px !important;
    min-height: 610px;
    display: flex;
    align-items: center;
}

/* linke Spalte: Produktbild */
#hero-product-detail .et_pb_column:first-child {
    width: 49% !important;
    margin-right: 0 !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* rechte Spalte: Überschrift/Text */
#hero-product-detail .et_pb_column:last-child {
    width: 51% !important;
    margin-left: 0 !important;
    padding-left:20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* Wasserzeichen im Hero */
#hero-product-detail::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url("/wp-content/uploads/2026/06/Logo-Icon-Hintergrund-Element.png");
    background-repeat: no-repeat;
    background-position: center right;
    background-size: contain;
    opacity: .08;
    z-index: 1;
    pointer-events: none;
}

/* Hero H1 */
#hero-product-detail h1,
#hero-product-detail .rwg-product-detail-hero-title h1 {
    font-family: 'Eurostile Extd', Arial, sans-serif !important;
    font-size: 72px !important;
    line-height: 1.05 !important;
    font-weight: 900 !important;
    color: #f05329 !important;
    /* margin: 0 0 22px 0 !important; */
}

/* Hero Unterzeile */
#hero-product-detail h2,
#hero-product-detail .rwg-product-detail-hero-subtitle,
#hero-product-detail .rwg-product-detail-hero-subtitle h2 {
    font-family: 'Eurostile Extd', Arial, sans-serif !important;
    font-size: 28px !important;
    line-height: 1.25 !important;
    font-weight: 400 !important;
    color: #ffffff !important;
    margin: 0 !important;
}

/* Hero Produktbild */
.rwg-product-detail-hero-image .et_pb_image_wrap {
    max-width: 80% !important;
    display: inline-block;
    position: relative;
}
.rwg-product-detail-hero-image {
    text-align: center;
}

/* Text nicht mehr künstlich nach unten schieben */
.rwg-product-detail-hero-title {
    padding-left: 80px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* Hero Divider */
#hero-product-detail.section_has_divider.et_pb_bottom_divider .et_pb_bottom_inside_divider {
    bottom: -55px !important;
    height: 145px !important;
    border-top: 30px solid #f05329;
    transform: rotate(-3.5deg) !important;
    background: #ffffff;
    left: -5%;
    width: 110%;
    z-index: 40 !important;
}

/* Pfeil-Kreis im Divider */
#hero-product-detail.section_has_divider.et_pb_bottom_divider .et_pb_bottom_inside_divider::after {
    content: "";
    position: absolute;
    left: 50%;
    top: -52px;
    width: 73px;
    height: 73px;
    transform: translateX(-50%);
    z-index: 9999;
    background-image: url("data:image/svg+xml,%3Csvg width='73' height='73' viewBox='0 0 73 73' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_529_216)'%3E%3Ccircle cx='36.0018' cy='36.16' r='28.158' fill='%23F05329'/%3E%3Cpath d='M36.1428 46.3109C36.0652 46.3863 35.9418 46.3863 35.8642 46.3109L19.174 30.1023C19.0452 29.9771 19.1337 29.7588 19.3133 29.7588H24.3372C24.3892 29.7588 24.4392 29.7791 24.4765 29.8153L35.8635 40.8741C35.9411 40.9495 36.0646 40.9495 36.1422 40.8741L47.5298 29.8153C47.5672 29.7791 47.6172 29.7588 47.6692 29.7588H52.6937C52.8733 29.7588 52.9619 29.9771 52.833 30.1023L36.1428 46.3109Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_529_216' x='3.84375' y='8.00195' width='64.3164' height='64.3159' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeOffset dy='4'/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0'/%3E%3CfeBlend mode='normal' in='SourceGraphic' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.rwg-product-detail-intro h3 {
  font-family: 'Eurostile Extd', Arial, sans-serif !important;
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1.1em !important;
  letter-spacing: .4px !important;
  color: #f05328 !important;
  margin: 0 0 12px 0 !important;
}

/*********************************
RWG Produktdetailseiten
Standardtext
*********************************/

.rwg-product-detail-text p,
.rwg-product-detail-text ul,
.rwg-product-detail-text ol,
.rwg-product-detail-text li {
    font-family: 'Inter', Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 300 !important;
    line-height: 1.6 !important;
    color: #333333 !important;
}
.rwg-product-detail-text p {
    padding-bottom: 1em;
}

/* Listenabstände kompakt */
.rwg-product-detail-section ul,
.rwg-product-detail-section ol {
    margin-bottom: 12px !important;
}
.rwg-product-detail-section li {
    margin-bottom: 4px !important;
}

/*********************************
Graue Detailbox
*********************************/

.rwg-product-detail-info-box {
    background-color: rgba(26,38,43,0.16) !important;
    border-radius: 6px;
    padding: 40px 55px 20px !important;
    margin: 70px auto 100px auto !important;
}
.rwg-product-detail-info-box h3 {
    font-family: 'Inter', Arial, sans-serif !important;
    font-size: 17px !important;
    line-height: 24px !important;
    font-weight: 800 !important;
    color: #111111 !important;
    margin: 0 0 18px 0 !important;
}
.rwg-product-detail-info-box p,
.rwg-product-detail-info-box li {
    font-family: 'Inter', Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight:300 !important;
    line-height: 1.6 !important;
    color: #333333 !important;
}
.rwg-product-detail-info-box ul {
    margin-left: 37px;
    padding-left: 0;
}
.rwg-product-detail-info-box ul ul {
    margin-top: 10px;
    margin-left: 18px;
    padding-left: 0;
}
.rwg-product-detail-info-box ul ul li {
    list-style-type: circle;
}
.rwg-product-detail-info-box a {
    color: #f05329 !important;
    font-style: italic;
    text-decoration: none;
}
.rwg-product-detail-info-box .et_pb_column:first-child {
    border-right: 1px solid rgba(0,0,0,.18);
    padding-right: 45px;
}
.rwg-product-detail-info-box .et_pb_column:last-child {
    padding-left: 0px;
}

/* Abstand zwischen Typische Einsatzbereiche und Technische Merkmale */
.rwg-product-detail-info-box h3 + ul {
    margin-bottom: 10px !important;
}

/*********************************
Tablet
*********************************/

@media (max-width:980px){

    .rwg-product-detail-info-box{
        padding:35px 30px !important;
    }
    .rwg-product-detail-info-box .et_pb_column:first-child{
        border-right:none !important;
        padding-right:0 !important;
        margin-bottom:30px !important;
    }
    .rwg-product-detail-info-box .et_pb_column:last-child{
        padding-left:0 !important;
    }
    .rwg-product-detail-info-box ul{
        margin-left:25px !important;
    }
    .rwg-product-detail-info-box ul ul{
        margin-left:25px !important;
    }
}

/*********************************
RWG Katalog-Link
*********************************/

.rwg-catalog-link {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    text-decoration: none !important;
}
.rwg-catalog-link .rwg-catalog-icon {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
}
.rwg-catalog-link .rwg-catalog-icon svg {
    width: 100%;
    height: 100%;
    display: block;
}
.rwg-catalog-link span:last-child {
    font-family: 'Inter', Arial, sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: #111111;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 1px;
}
.rwg-catalog-link:hover span:last-child {
    color: #f05329;
}

/*********************************
RWG Lager-Tabelle
*********************************/

.rwg-bearing-table {
    width: 100%;
    border-collapse: collapse;
    font-family: 'Inter', Arial, sans-serif;
    margin: 40px 0 !important;

    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    border-bottom: 1px dashed #333333;
}
.rwg-bearing-table th {
    background: #d9d9d9;
    color: #f05329 !important;
    font-size: 18px;
    font-weight: 800;
    text-align: center;
    padding: 22px 30px;
    border-bottom: 2px solid #f05329;
}
.rwg-bearing-table td {
    font-size: 22px;
    font-weight: 300;
    line-height: 1.35;
    color: #333333;
    text-align: center;
    padding: 10px 24px !important;
    border-bottom: 1px dashed #333333;
}
.rwg-bearing-table tbody tr:last-child td {
    border-bottom: 1px dashed #333333;
}

/* Mobil */


/*********************************
RWG Produktdetail – Speziallösungen
4-spaltige Produktübersicht
*********************************/

.rwg-product-detail-spezial {
    max-width: 1320px !important;
    margin: 0 auto !important;
}

/* Spalteninhalt zentrieren */
.rwg-product-detail-spezial .et_pb_column {
    text-align: center !important;
    margin-bottom: 70px !important;
}

/* Bildmodule */
.rwg-product-detail-spezial .et_pb_image {
    width: 280px !important;
    max-width: 280px !important;
    margin: 0 auto 12px auto !important;
    text-align: center !important;
}

/* Produktbilder */
.rwg-product-detail-spezial .et_pb_image img {
    width: 280px !important;
    height: 280px !important;
    max-width: 100% !important;
    max-height: 280px !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 auto !important;

    transition: transform .35s ease;
}

/* Hover */
.rwg-product-detail-spezial .et_pb_image:hover img {
    transform: scale(1.12);
}

/* Textmodule */
.rwg-product-detail-spezial .et_pb_text,
.rwg-product-detail-spezial .et_pb_text_inner,
.rwg-product-detail-spezial .et_pb_text_inner p {
    text-align: center !important;
    font-family: 'Inter', Arial, sans-serif !important;
    font-size: 15px !important;
    line-height: 1.45 !important;
    font-weight: 300 !important;
    color: #333333 !important;
}

/* Tablet */
@media (max-width:980px){

    .rwg-product-detail-spezial .et_pb_image{
        width:240px !important;
        max-width:240px !important;
    }
    .rwg-product-detail-spezial .et_pb_image img{
        width:240px !important;
        height:240px !important;
        max-height:240px !important;
    }

}

/*********************************
RWG Technologie-Seite
Text + Bildanpassung Produktzeilen
*********************************/

.rwg-product-technologie,
.rwg-product-technologie .et_pb_text,
.rwg-product-technologie .et_pb_text_inner,
.rwg-product-technologie .et_pb_text_inner p,
.rwg-product-technologie .et_pb_text_inner ul,
.rwg-product-technologie .et_pb_text_inner ol,
.rwg-product-technologie .et_pb_text_inner li {
    font-family: 'Inter', Arial, sans-serif !important;
    font-size: 15px !important;
    line-height: 1.45 !important;
    font-weight: 300 !important;
    color: #333333 !important;
}

.rwg-product-technologie h2,
.rwg-product-technologie h3,
.rwg-product-technologie h4 {
    font-family: 'Inter', Arial, sans-serif !important;
    font-weight: 700 !important;
    color: #222222 !important;
    line-height: 1.25 !important;
    margin-bottom: 18px !important;
}

.rwg-product-technologie ul,
.rwg-product-technologie ol {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-left: 22px !important;
    padding-bottom: 0 !important;
}

.rwg-product-technologie li {
    margin-bottom: 4px !important;
}

.rwg-product-technologie .big {
    font-size: 20px !important;
    line-height: 1.4em !important;
}

.rwg-product-technologie .et_pb_image,
.rwg-product-technologie .et_pb_image img {
    width: 100% !important;
    max-width: 100% !important;
}

.rwg-product-technologie .et_pb_image img {
    height: auto !important;
    display: block;
}

/* Grundabstand */
.rwg-product-technologie .et_pb_column {
    margin-right: 2% !important;
}

.rwg-product-technologie .et_pb_column:last-child {
    margin-right: 0 !important;
}

/* Zeilentyp 1: Intro / Bild + Text */
.rwg-tech-2col .et_pb_column_1_2 {
    width: 48.5% !important;
    margin-right: 3% !important;
}

/* Zeilentyp 2: Text + Bild + Bild */
.rwg-tech-text-img-img .et_pb_column_1_2 {
    width: 48% !important;
}

.rwg-tech-text-img-img .et_pb_column_1_4 {
    width: 24% !important;
}

/* Zeilentyp 3: Bild + Bild + Text */
.rwg-tech-img-img-text .et_pb_column_1_4 {
    width: 24% !important;
}

.rwg-tech-img-img-text .et_pb_column_1_2 {
    width: 48% !important;
}

/* Zeilentyp 4: vier Spalten */
.rwg-tech-4col .et_pb_column_1_4 {
    width: 23.5% !important;
    margin-right: 2% !important;
}

.rwg-tech-4col .et_pb_column_1_4:last-child {
    margin-right: 0 !important;
}

/* Tablet */
@media (max-width: 980px) {
    .rwg-product-technologie .et_pb_column,
    .rwg-tech-2col .et_pb_column_1_2,
    .rwg-tech-text-img-img .et_pb_column_1_2,
    .rwg-tech-text-img-img .et_pb_column_1_4,
    .rwg-tech-img-img-text .et_pb_column_1_2,
    .rwg-tech-img-img-text .et_pb_column_1_4,
    .rwg-tech-4col .et_pb_column_1_4 {
        width: 100% !important;
        margin-right: 0 !important;
        margin-bottom: 28px !important;
    }
}

/*********************************
RWG Produktdetailseite
Kontaktformular + Kontaktinfos
*********************************/

/* Section: oben weiß, unten orange schräg */
.rwg-product-detail-contact-form {
    position: relative;
    overflow: visible !important;
    background: #ffffff !important;
    padding: 95px 0 0 0 !important;
    margin: 0 !important;
}

/* orange schräge Fläche hinter dem unteren Teil des Formulars */
.rwg-product-detail-contact-form::before {
    content: "";
    position: absolute;
    left: -5%;
    top: 58%;
    width: 110%;
    height: 58%;
    background: #f05329 !important;
    transform: rotate(2deg);
    transform-origin: left top;
    z-index: 1;
    pointer-events: none;
}

/* kein zusätzlicher Divi-Divider */
.rwg-product-detail-contact-form::after,
.rwg-product-detail-contact-form .et_pb_top_inside_divider,
.rwg-product-detail-contact-form .et_pb_bottom_inside_divider {
    display: none !important;
}

/* schwarze Formularbox */
.rwg-product-detail-contact-form .rwg-contact-form-box {
    position: relative;
    z-index: 5;
    background: #1a262b !important;
    box-shadow: 16px 16px 0 rgba(0,0,0,.25) !important;
    margin-bottom: 0 !important;
}

/* Überschrift */
.rwg-product-detail-contact-form .rwg-contact-form-box h2,
.rwg-product-detail-contact-form .et_pb_contact_main_title,
.rwg-product-detail-contact-form .et_pb_module_header {
    color: #ffffff !important;
}

/* Formulartexte */
.rwg-product-detail-contact-form p,
.rwg-product-detail-contact-form label,
.rwg-product-detail-contact-form span,
.rwg-product-detail-contact-form .et_pb_contact_field_options_title,
.rwg-product-detail-contact-form .et_pb_contact_field_options_wrapper,
.rwg-product-detail-contact-form .et_pb_contact_field_options_wrapper label,
.rwg-product-detail-contact-form .et_pb_contact_form_label {
    color: #ffffff !important;
}

/* Rechenaufgabe */
.rwg-product-detail-contact-form .captcha,
.rwg-product-detail-contact-form .et_pb_contact_captcha_question {
    color: #ffffff !important;
}

/* Kontaktinfos direkt auf orange anschließen */
.rwg-product-detail-contact-info {
    background: #f05329 !important;
    padding-top: 90px !important;
    padding-bottom: 120px !important;
    margin-top: 0 !important;
}
/* Nur Produkt-Detailseite: Nachrichtenfeld niedriger */
.rwg-product-detail-contact-form .rwg-contact-form-box .et_pb_contact p textarea {
    min-height: 100px !important;
}

/*********************************
09 Über uns
*********************************/
/* =============================================================================
   02 – HERO „Über RWG Germany“
   Section-ID: #hero-ueberuns
============================================================================= */

#hero-ueberuns {
    position: relative;
    overflow: hidden;
    min-height: 620px !important;
    padding: 0 !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    isolation: isolate;
}

/* dunkler Bildfilter + RWG-Wasserzeichen */
#hero-ueberuns::before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: rgba(17, 27, 31, 0.34);
    background-image: url("/wp-content/uploads/2026/06/Logo-Icon-Hintergrund-Element.png");
    background-position: center right;
    background-repeat: no-repeat;
    background-size: contain;
    mix-blend-mode: multiply;
    z-index: 1;
    pointer-events: none;
}

/* Inhalt über Overlay */
#hero-ueberuns .et_pb_row {
    position: relative;
    z-index: 3;
    max-width: 1280px !important;
    width: 86% !important;
    padding-top: 145px !important;
}

#hero-ueberuns h1 {
    font-family: 'Eurostile Extd', Arial, sans-serif !important;
    font-size: clamp(46px, 5vw, 72px) !important;
    line-height: 1.05 !important;
    font-weight: 600 !important;
    color: #f05329 !important;
    margin-bottom: 24px !important;
}

#hero-ueberuns h2,
#hero-ueberuns p,
#hero-ueberuns .rwg-hero-subline {
    font-family: 'Eurostile Extd', Arial, sans-serif !important;
    font-size: clamp(20px, 2vw, 28px) !important;
    line-height: 1.24 !important;
    font-weight: 400 !important;
    color: #ffffff !important;
    margin: 0 !important;
    max-width: 980px;
}

/* Divi Bottom-Divider */
#hero-ueberuns.section_has_divider.et_pb_bottom_divider .et_pb_bottom_inside_divider {
    bottom: -65px !important;
    height: 160px !important;
    border-top: 30px solid #f05329;
    transform: rotate(-3.5deg) !important;
    background: #ffffff;
    left: -5%;
    width: 110%;
    z-index: 40 !important;
}

/* Oranger Pfeil-Kreis im Divider */
#hero-ueberuns.section_has_divider.et_pb_bottom_divider .et_pb_bottom_inside_divider::after {
    content: "";
    position: absolute;
    left: 50%;
    top: -52px;
    width: 73px;
    height: 73px;
    transform: translateX(-50%);
    z-index: 9999;
    background-image: url("data:image/svg+xml,%3Csvg width='73' height='73' viewBox='0 0 73 73' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_529_216)'%3E%3Ccircle cx='36.0018' cy='36.16' r='28.158' fill='%23F05329'/%3E%3Cpath d='M36.1428 46.3109C36.0652 46.3863 35.9418 46.3863 35.8642 46.3109L19.174 30.1023C19.0452 29.9771 19.1337 29.7588 19.3133 29.7588H24.3372C24.3892 29.7588 24.4392 29.7791 24.4765 29.8153L35.8635 40.8741C35.9411 40.9495 36.0646 40.9495 36.1422 40.8741L47.5298 29.8153C47.5672 29.7791 47.6172 29.7588 47.6692 29.7588H52.6937C52.8733 29.7588 52.9619 29.9771 52.833 30.1023L36.1428 46.3109Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_529_216' x='3.84375' y='8.00195' width='64.3164' height='64.3159' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeOffset dy='4'/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0'/%3E%3CfeBlend mode='normal' in='SourceGraphic' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* =============================================================================
   03 – Intro / Engineering made in Germany
   Section-Klasse: .ueberuns-intro-section
   Row-Klasse: .intro-ueberuns
============================================================================= */

.ueberuns-intro-section {
    padding: 95px 0 85px !important;
    background: #ffffff !important;
}
.intro-ueberuns {
    max-width: 1280px !important;
    width: 86% !important;
    margin: 0 auto !important;
}

/* Intro: Headline + Text hochwertiger */
.intro-ueberuns h2,
.intro-ueberuns h3 {
    font-family: 'Inter', Arial, sans-serif !important;
    font-size: 30px !important;
    line-height: 1.2 !important;
    font-weight: 400 !important;
    color: #132225 !important;
    letter-spacing: -0.02em;
    margin-bottom: 24px !important;
}

.intro-ueberuns .et_pb_text_inner p {
    font-family: 'Inter', Arial, sans-serif !important;
    font-size: 15px !important;
    line-height: 1.65 !important;
    font-weight: 300 !important;
    color: #333333 !important;
    max-width: 660px;
}

.intro-ueberuns .et_pb_image {
    overflow: hidden;
    box-shadow: 0 18px 45px rgba(19, 34, 37, 0.08);
}

.intro-ueberuns .et_pb_image img {
    width: 100% !important;
    height: auto !important;
    display: block;
    transition: transform 0.45s ease, filter 0.45s ease;
}

.intro-ueberuns .et_pb_image:hover img {
    transform: scale(1.035);
    filter: contrast(1.05);
}

/* =============================================================================
   04 – RWG in Zahlen
   Section-Klasse: .ueberuns-zahlen
   Row Icons: .ueberuns-icons
============================================================================= */

.ueberuns-zahlen {
    padding: 70px 0 80px !important;
    background: #ffffff !important;
}
.ueberuns-zahlen h2 {
    font-family: 'Eurostile Extd', Arial, sans-serif !important;
    font-size: 30px !important;
    line-height: 1.15 !important;
    font-weight: 600 !important;
    color: #f05329 !important;
    text-align: center !important;
    margin-bottom: 5px !important;
}
.ueberuns-icons {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    max-width: 1140px !important;
    margin: 0 auto !important;
    gap: 34px 0 !important;
}
.ueberuns-icons .et_pb_column {
    width: 33.333% !important;
    padding: 26px 42px !important;
    margin-right: 0 !important;
    text-align: center !important;
    border-right: 1px solid #dddddd;
    border-bottom: 0px solid #eeeeee;
    box-sizing: border-box !important;
}
.ueberuns-icons .et_pb_column:nth-child(3n) {
    border-right: none;
}
.ueberuns-icons .et_pb_column:nth-child(n+4) {
    border-bottom: none;
}
.ueberuns-icons .et_pb_module_header {
    font-family: 'Eurostile Extd', Arial, sans-serif !important;
    font-size: 46px !important;
    line-height: 1.05 !important;
    font-weight: 700 !important;
    color: #132225 !important;
    margin-bottom: 10px !important;
}
.ueberuns-icons .et_pb_blurb_description {
    font-family: 'Inter', Arial, sans-serif !important;
    font-size: 18px !important;
    line-height: 1.45 !important;
    font-weight: 300 !important;
    color: #444444 !important;
}

/* =============================================================================
   05 – Timeline / Unsere Geschichte
============================================================================= */

.ueberuns-timeline {
    position: relative;
    padding: 95px 0 110px !important;
    background: #f8f8f8 !important;
    overflow: hidden;
}
.ueberuns-timeline .et_pb_row {
    max-width: 1320px !important;
    width: 90% !important;
}
.rwg-timeline-heading {
    text-align: left;
    margin-bottom: 70px !important;
}
.rwg-kicker {
    display: block;
    font-family: 'Inter', Arial, sans-serif !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #f05329 !important;
    margin-bottom: 10px;
}
.rwg-timeline-heading h2 {
    font-family: 'Eurostile Extd', Arial, sans-serif !important;
    font-size: clamp(34px, 3vw, 54px) !important;
    line-height: 1.1 !important;
    color: #132225 !important;
    margin-bottom: 18px !important;
}
.rwg-timeline-heading p {
    max-width: 720px;
    font-family: 'Inter', Arial, sans-serif !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
    font-weight: 300 !important;
    color: #444444 !important;
}

/* Grundgerüst */
.rwg-timeline {
    position: relative;
    max-width: 1180px;
    margin: 0 auto;
    padding: 0;
    list-style: none;
}

/* Vertikale Linie */
.rwg-timeline::before,
.rwg-timeline::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 545px !important;
    width: 2px;
}
.rwg-timeline::before {
    background: #e1e1e1;
}
.rwg-timeline::after {
    background: linear-gradient(to bottom, #f05329, rgba(240, 83, 41, 0.15));
}

/* Timeline-Zeile */
.rwg-timeline-item {
    position: relative;
    display: flex;
    align-items: center;
    gap: 34px;
    margin-bottom: 64px;
}
.rwg-timeline-item:last-child {
    margin-bottom: 0;
}

/* Bild links – 300 x 170 */
.rwg-timeline-image {
    flex: 0 0 300px;
    width: 300px;
    max-width: 300px;
}
.rwg-timeline-image img {
    width: 300px !important;
    height: 170px !important;
    object-fit: cover;
    display: block;
    filter: grayscale(1);
    box-shadow: 0 14px 34px rgba(19, 34, 37, 0.14);
    transition: filter 0.35s ease, transform 0.35s ease;
}

/* Jahreszahl */
.rwg-timeline-year {
    flex: 0 0 180px !important;
    width: 180px !important;
    min-width: 180px !important;
    max-width: 180px !important;
    padding-right: 48px !important;
    text-align: right !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
    font-family: 'Eurostile Extd', Arial, sans-serif !important;
    font-size: 34px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    color: #132225 !important;
}

/* Punkt auf der Linie */
.rwg-timeline-dot {
    position: absolute;
    left: 535px !important;
    top: 50%;
    width: 20px;
    height: 20px;
    transform: translateY(-50%);
    border-radius: 50%;
    background: #ffffff;
    border: 3px solid #f05329;
    z-index: 5;
    transition: transform 0.35s ease, box-shadow 0.35s ease, background 0.35s ease;
}

/* Rechte Spalte */
.rwg-timeline-content {
    flex: 1 1 auto !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 34px !important;
    margin-left: 50px !important;
    padding-left: 0 !important;
}

/* Icon-Spalte */
.rwg-timeline-icon {
    flex: 0 0 54px;
    width: 54px;
    height: 54px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.rwg-timeline-icon img,
.rwg-timeline-icon svg {
    width: 46px !important;
    height: 46px !important;
    max-width: 46px !important;
    max-height: 46px !important;
    object-fit: contain;
    display: block;
}

/* Textspalte */
.rwg-timeline-content-text {
    flex: 1 1 auto;
    width: 100%;
}

.rwg-timeline-content-text h3 {
    font-family: 'Inter', Arial, sans-serif !important;
    font-size: 20px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
    color: #132225 !important;
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
}
.rwg-timeline-content-text p {
    font-family: 'Inter', Arial, sans-serif !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
    font-weight: 300 !important;
    color: #444444 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Hover */
.rwg-timeline-item:hover .rwg-timeline-image img {
    filter: grayscale(0);
    transform: scale(1.025);
}

.rwg-timeline-item:hover .rwg-timeline-dot {
    background: #f05329;
    transform: translateY(-50%) scale(1.22);
    box-shadow: 0 0 0 10px rgba(240, 83, 41, 0.14);
}

/* =============================================================================
   07 – Menschen bei RWG
   Section-Klasse: .ueberuns-people-section
   Row-Klasse: .ueberuns-people
============================================================================= */

.ueberuns-people-section {
    padding: 0 !important;
    background: #ffffff !important;
}
.ueberuns-people {
    max-width: 1440px !important;
    width: 100% !important;
}
.ueberuns-people .et_pb_column {
    margin-right: 0 !important;
}
.ueberuns-people .et_pb_image {
    margin-bottom: 0 !important;
}
.ueberuns-people .et_pb_image img {
    width: 100% !important;
    height: 430px !important;
    object-fit: cover !important;
    display: block;
}
.ueberuns-people .et_pb_text {
    padding: 85px 80px !important;
}
.ueberuns-people h2 {
    color: #132225 !important;
    margin-bottom: 24px !important;
}
.ueberuns-people .rwg-button-outline {
    display: inline-block;
    margin-top: 28px;
    padding: 13px 28px;
    border: 2px solid #f05329;
    font-family: 'Inter', Arial, sans-serif !important;
    font-size: 13px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    color: #132225 !important;
    transition: background 0.25s ease, color 0.25s ease;
}
.ueberuns-people .rwg-button-outline:hover {
    background: #f05329;
    color: #ffffff !important;
}

/* =============================================================================
   08 – Kontaktformularbereich
   Section-Klasse: .ueberuns-contact-section
============================================================================= */

.ueberuns-contact-section {
    padding-top: 90px !important;
    background: linear-gradient(
        to bottom,
        #ffffff 0%,
        #ffffff 38%,
        #f05329 38%,
        #f05329 100%
    ) !important;
}

/* =============================================================================
   09 – Responsive: Tablet
============================================================================= */

@media (max-width: 1200px) {

    .ueberuns-icons .et_pb_column {
        padding: 0 16px !important;
    }
    .rwg-timeline::before,
    .rwg-timeline::after {
        left: 360px;
    }
    .rwg-timeline-image {
        flex-basis: 260px;
        max-width: 260px;
    }
    .rwg-timeline-year {
        flex-basis: 70px;
    }
    .rwg-timeline-dot {
        left: 351px;
    }
}

@media (max-width: 980px) {

    #hero-ueberuns {
        min-height: 560px !important;
    }
    #hero-ueberuns .et_pb_row {
        padding-top: 115px !important;
        width: 90% !important;
    }

    .intro-ueberuns,
    .ueberuns-zahlen .et_pb_row,
    .ueberuns-rwg-werte .et_pb_row {
        width: 90% !important;
    }
    .ueberuns-icons {
        display: block;
    }
    .ueberuns-icons .et_pb_column {
        width: 50% !important;
        float: left;
        border-right: none;
        margin-bottom: 45px !important;
    }
    .rwg-timeline::before,
    .rwg-timeline::after {
        left: 31px;
    }
    .rwg-timeline-item {
        display: block;
        padding-left: 60px;
        margin-bottom: 46px;
    }
    .rwg-timeline-image {
        max-width: 100%;
        margin: 20px 0;
    }
    .rwg-timeline-year {
        width: auto;
        text-align: left;
        margin-bottom: 15px;
        font-size: 28px !important;
    }
    .rwg-timeline-dot {
        left: 22px;
        top: 8px;
        transform: none;
    }
    .rwg-timeline-content {
        padding-left: 0;
    }
    .rwg-timeline-icon {
        position: static;
        margin-bottom: 16px;
    }
    .rwg-timeline-item:hover .rwg-timeline-dot {
        transform: scale(1.22);
    }
    .ueberuns-rwg-werte .et_pb_column {
        margin-bottom: 32px !important;
    }
    .ueberuns-people .et_pb_image img {
        height: auto !important;
    }
    .ueberuns-people .et_pb_text {
        padding: 55px 7% !important;
    }
}

.ueber-uns-rwg-ausgezeichnet h4{
    font-family:'Eurostile Extd', Arial, sans-serif !important;
    font-size:34px !important;
    line-height:1.15 !important;
    font-weight:700 !important;
    color:#132225 !important;

    text-align:center;
    margin-bottom:22px !important;
}
.ueber-uns-rwg-ausgezeichnet p {
    max-width:900px;
    margin:0 auto 55px;
    font-family:'Inter', Arial, sans-serif !important;
    font-size:18px !important;
    line-height:1.7 !important;
    font-weight:300 !important;
    color:#444444;
    text-align:center;
}

/* =========================================================
   RWG – Ausgezeichnet / Vorteile
========================================================= */

.ueberuns-rwg-werte .et_pb_blurb_description,
.ueberuns-rwg-werte .et_pb_blurb_description p {
    font-family: 'Inter', Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 300 !important;
    line-height: 1.7em !important;
    color: #222 !important;
	padding-top: 20px;
}

/* =========================================================
   RWG – Über uns: Wertebereich (DE + EN)
   Gemeinsame Section-Klasse: .ueberuns-rwg-werte
========================================================= */

.ueberuns-rwg-werte {
  background: #ffffff;
  padding: 90px 0 120px;
}

/* Einleitung */
.ueberuns-rwg-werte .ueber-uns-werte {
  max-width: 1160px;
  margin: 0 auto 75px;
  text-align: center;
}

.ueberuns-rwg-werte .ueber-uns-werte .et_pb_module_header {
  color: #f05329;
  font-family: 'Inter', Arial, sans-serif !important;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 12px;
}

.ueberuns-rwg-werte .ueber-uns-werte h4 {
  font-family: 'Eurostile Extd', Arial, sans-serif !important;
  font-size: 34px !important;
  line-height: 1.15 !important;
  font-weight: 700 !important;
  color: #132225 !important;
  text-align: center;
  margin-bottom: 28px !important;
}

.ueberuns-rwg-werte .ueber-uns-werte p {
  max-width: 1180px;
  margin: 0 auto;
  color: #444444;
  font-family: 'Inter', Arial, sans-serif !important;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.7;
}

/* Kartenzeile */
.ueberuns-rwg-werte .rwg-werte-row {
  max-width: 1240px;
  margin: 0 auto;
  padding-bottom: 8%;
}

.ueberuns-rwg-werte .rwg-werte-row .et_pb_column {
  background: #ffffff !important;
  min-height: 540px !important;
  padding: 68px 42px 58px !important;
  text-align: center;
  box-shadow: 0 22px 60px rgba(0, 0, 0, 0.07) !important;
  transition: transform .35s ease, box-shadow .35s ease;
}

.ueberuns-rwg-werte .rwg-werte-row .et_pb_column:hover {
  transform: translateY(-8px);
  box-shadow: 0 30px 75px rgba(0, 0, 0, 0.11) !important;
}

/* Blurb bleibt transparent; die Spalte bildet die Karte */
.ueberuns-rwg-werte .rwg-value {
  min-height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.ueberuns-rwg-werte .rwg-value .et_pb_blurb_content {
  width: 100% !important;
  max-width: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Icons */
.ueberuns-rwg-werte .rwg-werte-row .et_pb_main_blurb_image {
  margin-bottom: 44px !important;
}

.ueberuns-rwg-werte .rwg-werte-row .et-pb-icon {
  color: #f05329;
  font-size: 60px;
  line-height: 1;
  transition: transform .35s ease;
}

.ueberuns-rwg-werte .rwg-werte-row .et_pb_column:hover .et-pb-icon {
  transform: scale(1.06);
}

/* Wert-Begriff */
.ueberuns-rwg-werte .rwg-werte-row .et_pb_blurb h4,
.ueberuns-rwg-werte .rwg-werte-row .et_pb_blurb h4 a {
  font-family: 'Eurostile Extd', Arial, sans-serif !important;
  color: #4a4a4a !important;
  font-size: 24px !important;
  font-weight: 300 !important;
  line-height: 1.25 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  margin-bottom: 0;
}

.ueberuns-rwg-werte .rwg-werte-row .et_pb_blurb h4::after {
  content: "";
  display: block;
  width: 64px;
  height: 3px;
  margin: 34px auto 48px;
  background: #f05329;
  transition: width .35s ease;
}

.ueberuns-rwg-werte .rwg-werte-row .et_pb_column:hover h4::after {
  width: 84px;
}

/* Leitsatz */
.ueberuns-rwg-werte .rwg-werte-row .et_pb_blurb_description {
  padding: 0 18px;
}

.ueberuns-rwg-werte .rwg-werte-row .et_pb_blurb_description,
.ueberuns-rwg-werte .rwg-werte-row .et_pb_blurb_description p {
  color: #222222;
  font-family: 'Inter', Arial, sans-serif !important;
  font-size: 16px !important;
  font-weight: 300 !important;
  line-height: 1.75 !important;
}

.ueberuns-rwg-werte .rwg-werte-row .et_pb_blurb_description p {
  margin-bottom: 32px;
}

/* Mehr erfahren / Read more */
.ueberuns-rwg-werte .dmpro_popup_trigger_element_wrapper {
  margin-top: 22px !important;
  text-align: center !important;
  background: transparent !important;
  box-shadow: none !important;
}

.ueberuns-rwg-werte .dmpro_popup_trigger_element.et_pb_button,
.ueberuns-rwg-werte .dmpro_popup_trigger_element.et_pb_button:hover {
  display: inline-block !important;
  background: #f05329 !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 17px 38px 17px 46px !important;
  font-family: 'Inter', Arial, sans-serif !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  box-shadow: none !important;
  transform: none !important;
  clip-path: polygon(14px 0, 100% 0, 100% 100%, 0 100%, 0 14px) !important;
}

.ueberuns-rwg-werte .dmpro_popup_trigger_element.et_pb_button::before,
.ueberuns-rwg-werte .dmpro_popup_trigger_element.et_pb_button::after {
  display: none !important;
  content: none !important;
}

/* Tablet */
@media (max-width: 980px) {
  .ueberuns-rwg-werte {
    padding: 70px 0 85px;
  }

  .ueberuns-rwg-werte .ueber-uns-werte {
    width: 90%;
    margin-bottom: 55px;
  }

  .ueberuns-rwg-werte .rwg-werte-row {
    width: 90%;
  }

  .ueberuns-rwg-werte .rwg-werte-row .et_pb_column {
    min-height: auto !important;
    margin-bottom: 30px !important;
  }
}

/* =========================================================
   RWG – Werte-Popups (Divi Modules Pro)
========================================================= */

.dmpro_popup_body {
  position: relative !important;
  width: 90vw !important;
  max-width: 810px !important;
  padding: 52px 62px 56px !important;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, .82) 0%,
    rgba(255, 255, 255, .74) 100%
  ) !important;
  backdrop-filter: blur(22px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(22px) saturate(180%) !important;
  border: 1px solid rgba(255, 255, 255, .80) !important;
  border-radius: 8px !important;
  box-shadow:
    0 22px 70px rgba(19, 34, 37, .16),
    0 8px 28px rgba(19, 34, 37, .08),
    inset 0 1px 0 rgba(255, 255, 255, .55) !important;
}

.dmpro_popup_body::before,
.dmpro_popup_body::after {
  display: none !important;
  content: none !important;
}

.dmpro_popup_content_text {
  padding: 35px 25px 25px 45px !important;
  text-align: left;
}

.rwg-popup-corner {
  position: absolute;
  top: 25px !important;
  left: 25px !important;
  z-index: 20;
}

.rwg-popup-corner svg {
  display: block;
  width: 42px;
  height: auto;
}

.mfp-bg,
.dmpro_popup_overlay {
  background: rgba(19, 34, 37, .32) !important;
  backdrop-filter: blur(2px) !important;
  -webkit-backdrop-filter: blur(2px) !important;
}

/* Schließkreuz */
.mfp-close {
  position: absolute !important;
  top: -22px !important;
  right: -22px !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #ffffff !important;
  color: transparent !important;
  border: 2px solid #132225 !important;
  border-radius: 50% !important;
  opacity: 1 !important;
  z-index: 99999 !important;
  box-shadow: 0 8px 22px rgba(0, 0, 0, .12) !important;
  clip-path: none !important;
}

.mfp-close::before {
  content: "×" !important;
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  color: #132225 !important;
  font-size: 34px !important;
  font-weight: 300 !important;
  line-height: 40px !important;
  text-align: center !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.mfp-close::after {
  display: none !important;
  content: none !important;
}

/* Popup-Typografie */
.dmpro_popup_body p,
.dmpro_popup_body li {
  color: #222222 !important;
  font-family: 'Inter', Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 300 !important;
  line-height: 1.75 !important;
}

.dmpro_popup_body h3,
.dmpro_popup_body h4 {
  font-weight: 300 !important;
}

.dmpro_popup_body ul {
  margin-bottom: 28px !important;
}

/* Schließen / Close */
.dmpro_popup_body .et_pb_button_module_wrapper {
  position: static !important;
  margin-top: 24px !important;
  text-align: right !important;
}

.dmpro_popup_body .et_pb_button,
.dmpro_popup_body .et_pb_button:hover {
  display: inline-block !important;
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;
  background: #f05329 !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 12px 28px 12px 38px !important;
  font-family: 'Inter', Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  clip-path: polygon(12px 0, 100% 0, 100% 100%, 0 100%, 0 12px) !important;
  box-shadow: none !important;
  transform: none !important;
}

.dmpro_popup_body .et_pb_button::before,
.dmpro_popup_body .et_pb_button::after {
  display: none !important;
  content: none !important;
}

@media (max-width: 980px) {
  .dmpro_popup_body {
    width: 86vw !important;
    padding: 46px 42px 48px !important;
  }
}

/*******************************************************************************************************************************
RWG Rechtliche Seiten
********************************************************************************************************************************/

#hero-rechtliches {
  position: relative;
  overflow: hidden;
  min-height: 55vh !important;
  padding: 0 !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  isolation: isolate;
}
#hero-rechtliches h1 {
  font-family: 'Eurostile Extd', Arial, sans-serif !important;
  font-size: 72px !important;
  line-height: 1.05 !important;
  font-weight: 600 !important;
  color: #f05329 !important;
  padding-top:2%;
}
#hero-rechtliches h2, #hero-rechtliches p, #hero-rechtliches .rwg-hero-subline {
  font-family: 'Eurostile Extd', Arial, sans-serif !important;
  font-size: 28px !important;
  line-height: 32px !important;
  font-weight: 400 !important;
  color: #ffffff !important;
  margin: 0 !important;
  max-width: 1220px;
}
#hero-rechtliches::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(17,27,31,.30);
  background-image: url("/wp-content/uploads/2026/06/Logo-Icon-Hintergrund-Element.png");
  background-position: center right;
  background-repeat: no-repeat;
  background-size: contain;
  mix-blend-mode: multiply;
  z-index: 1;
  pointer-events: none;
}
#hero-rechtliches.section_has_divider.et_pb_bottom_divider .et_pb_bottom_inside_divider::after {
  content: "";
  position: absolute;
  left: 50%;
  top: -52px;
  width: 73px;
  height: 73px;
  transform: translateX(-50%);
  z-index: 9999;
  background-image: url("data:image/svg+xml,%3Csvg width='73' height='73' viewBox='0 0 73 73' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_529_216)'%3E%3Ccircle cx='36.0018' cy='36.16' r='28.158' fill='%23F05329'/%3E%3Cpath d='M36.1428 46.3109C36.0652 46.3863 35.9418 46.3863 35.8642 46.3109L19.174 30.1023C19.0452 29.9771 19.1337 29.7588 19.3133 29.7588H24.3372C24.3892 29.7588 24.4392 29.7791 24.4765 29.8153L35.8635 40.8741C35.9411 40.9495 36.0646 40.9495 36.1422 40.8741L47.5298 29.8153C47.5672 29.7791 47.6172 29.7588 47.6692 29.7588H52.6937C52.8733 29.7588 52.9619 29.9771 52.833 30.1023L36.1428 46.3109Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_529_216' x='3.84375' y='8.00195' width='64.3164' height='64.3159' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeOffset dy='4'/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0'/%3E%3CfeBlend mode='normal' in='SourceGraphic' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
#hero-rechtliche-hinweise.section_has_divider.et_pb_bottom_divider .et_pb_bottom_inside_divider {
  bottom: -55px !important;
  height: 145px !important;
  border-top: 30px solid #f05329;
  transform: rotate(-3.5deg) !important;
  background: #1a262b;
  left: -5%;
  width: 110%;
  z-index: 40 !important;
}

#hero-rechtliche-hinweise {
  position: relative;
  overflow: hidden;
  min-height: 55vh !important;
  padding: 0 !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  isolation: isolate;
}
#hero-rechtliche-hinweise h1 {
  font-family: 'Eurostile Extd', Arial, sans-serif !important;
  font-size: 72px !important;
  line-height: 1.05 !important;
  font-weight: 600 !important;
  color: #f05329 !important;
  padding-top:2%;
}
#hero-rechtliche-hinweise h2, #hero-rechtliche-hinweise p, #hero-rechtliche-hinweise .rwg-hero-subline {
  font-family: 'Eurostile Extd', Arial, sans-serif !important;
  font-size: 28px !important;
  line-height: 32px !important;
  font-weight: 400 !important;
  color: #ffffff !important;
  margin: 0 !important;
  max-width: 1220px;
}
#hero-rechtliche-hinweise::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(17,27,31,.30);
  background-image: url("/wp-content/uploads/2026/06/Logo-Icon-Hintergrund-Element.png");
  background-position: center right;
  background-repeat: no-repeat;
  background-size: contain;
  mix-blend-mode: multiply;
  z-index: 1;
  pointer-events: none;
}
#hero-rechtliche-hinweise.section_has_divider.et_pb_bottom_divider .et_pb_bottom_inside_divider::after {
  content: "";
  position: absolute;
  left: 50%;
  top: -52px;
  width: 73px;
  height: 73px;
  transform: translateX(-50%);
  z-index: 9999;
  background-image: url("data:image/svg+xml,%3Csvg width='73' height='73' viewBox='0 0 73 73' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_529_216)'%3E%3Ccircle cx='36.0018' cy='36.16' r='28.158' fill='%23F05329'/%3E%3Cpath d='M36.1428 46.3109C36.0652 46.3863 35.9418 46.3863 35.8642 46.3109L19.174 30.1023C19.0452 29.9771 19.1337 29.7588 19.3133 29.7588H24.3372C24.3892 29.7588 24.4392 29.7791 24.4765 29.8153L35.8635 40.8741C35.9411 40.9495 36.0646 40.9495 36.1422 40.8741L47.5298 29.8153C47.5672 29.7791 47.6172 29.7588 47.6692 29.7588H52.6937C52.8733 29.7588 52.9619 29.9771 52.833 30.1023L36.1428 46.3109Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_529_216' x='3.84375' y='8.00195' width='64.3164' height='64.3159' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeOffset dy='4'/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0'/%3E%3CfeBlend mode='normal' in='SourceGraphic' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
#hero-rechtliche-hinweise.section_has_divider.et_pb_bottom_divider .et_pb_bottom_inside_divider {
  bottom: -55px !important;
  height: 145px !important;
  border-top: 30px solid #f05329;
  transform: rotate(-3.5deg) !important;
  background: #ffffff;
  left: -5%;
  width: 110%;
  z-index: 40 !important;
}

/*********************************
RWG Rechtliches – Contentbereich
*********************************/

#hero-rechtliches {position:relative;}
.rwg-legal-status {
  position: absolute;
  right: 0px;
  bottom: 25px;
  color: rgba(255,255,255,.85);
  font-size: 13px;
  font-weight: 300;
  line-height: 1.5;
  letter-spacing: .08em;
  text-transform: uppercase;
  text-align: right;
  z-index: 20;
}
.rwg-legal-content p {
  padding-bottom: 1em;
  font-weight: 300 !important;
  font-size: 15px !important;
}

.rwg-legal-content ol {
    font-weight: 300 !important;
    list-style-position: outside;
    margin: 1.2em 0 1.8em 0;
    padding-left: 1.2em;
}

.rwg-legal-content ol li {
    display: list-item;
    padding-left: 0.55em;
    line-height: 1.7em;
}
.rwg-legal-content ul,
.rwg-legal-content li {
  font-weight: 300 !important;
  font-size: 15px !important;
}
.rwg-legal-content ul {
  list-style: square;
}
#widerspruchsblock {
  padding: 20px;
  border: 1px solid #dadada;
  background-color: #efefef;
  margin-bottom: 5% !important;
  margin-top: 5% !important;
}

#quelle {font-family: 'Inter';font-style: normal;font-weight: 400;font-size:0.85em;padding-top:1%;}

/*******************************************************************************************************************************
Footerbereich
********************************************************************************************************************************/

/*********************************
RWG Footer
*********************************/

#rwg-footer-main {
    background: #000000;
    padding: 5% 0 0 0;
}
#rwg-footer-main .et_pb_row {
    max-width: 900px !important;
    min-height: 90px;
    /* display: flex; */
    align-items: center;
    padding: 0 !important;
}

/* Footer-Spalten enger zusammenführen */
#rwg-footer-main .et_pb_column:first-child {
    width: 50% !important;
    margin-right: 0 !important;
}
#rwg-footer-main .et_pb_column:last-child {
    width: 50% !important;
    margin-right: 0 !important;
}

/* Logo */
.rwg-footer-logo {
    text-align: right;
    padding-right: 35px;
}
.rwg-footer-logo img {
    max-width: 280px;
    height: auto;
}

/* Text */
.rwg-footer-text,
.rwg-footer-text p {
    font-family: 'Inter', Arial, sans-serif;
    font-size: 16px;
    line-height: 1.45em;
    font-weight: 400;
    color: #ffffff;
}
.rwg-footer-text p {
    margin-block-start: 0;
    margin-block-end: .9rem;
}
.rwg-footer-text h5 {
    font-family: 'Eurostile Extd', Arial, sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #f05329;
    line-height: 1.2;
    margin-block-start: .5rem;
    margin-block-end: 1rem;
}
.rwg-footer-text strong,
.rwg-footer-text h3 {
    font-family: 'Inter', Arial, sans-serif;
    font-size: 22px;
    font-weight: 700;
    color: #f05329;
}
.rwg-footer-text a {
    color: #f15a29;
    text-decoration: none;
}

/* Social Media */
.rwg-footer-social {
    margin-top: 18px;
}
.rwg-footer-social .et_pb_social_media_follow {
    display: flex;
    gap: 14px;
}

#rwg-footer-last .et_pb_row {
    max-width: 100% !important;
    align-items: center;
    padding: 0 !important;
}

/* Copyright */
.rwg-footer-copy {
    width: 100% !important;
    max-width: 100% !important;
    background: #000000;
    text-align: center !important;
    padding: 2% 5% 1.5% 5%;
}
.rwg-footer-copy .et_pb_text_inner {
    text-align: center !important;
    margin: 0 auto !important;
}
.rwg-footer-copy,
.rwg-footer-copy p {
    font-family: 'Inter', Arial, sans-serif;
    font-size: 12px;
    line-height: 1.4em;
    color: rgba(255,255,255,.6);
    margin: 0;
}

#main-footer .container #footer-widgets { display: none; }





/*******************************************************************************************************************************
RWG Germany 2026
SMARTPHONE
max-width: 767px
********************************************************************************************************************************/

@media only screen and (max-width:767px){



/*******************************************************************************************************************************
SMARTPHONE – SEITENREIHENFOLGE
01 Header
02 Startseite
03 Kontakt
04 Gemeinsame Smartphone-Divider
05 Produktübersicht
06 Produktdetailseiten – wird noch ergänzt
07 Wir über uns / About us – wird noch ergänzt
08 Rechtliche Seiten
09 Footer
********************************************************************************************************************************/

/*********************************
01 Header
*********************************/
/*********************************
Responsive Menu – Trigger fixieren
*********************************/

#rmp_menu_trigger-2157,
#rmp_menu_trigger-2348 {
    position: absolute !important;
    top: 14px !important;
    right: 18px !important;
    z-index: 9999 !important;
}
.rwg-mobilnav-row {
    position: relative !important;
}
#rmp-menu-wrap-2157 .rmp-menu-subarrow,
#rmp-menu-wrap-2348 .rmp-menu-subarrow {
    position: absolute;
	  top: -5px !important; 
}
#rmp-menu-wrap-2157 .rmp-menu-item-link .rmp-font-icon,
#rmp-menu-wrap-2348 .rmp-menu-item-link .rmp-font-icon{
    height: 35px !important;
    line-height: 35px !important;
    margin-right: 10px;
    font-size: 24px !important;
 }
	
/*********************************
Responsive Menu – Sprachsteuerung
DE: 2157
EN: 2348
*********************************/

/* Auf deutschen Seiten das englische Menü ausblenden */
html[lang^="de"] #rmp_menu_trigger-2348,
html[lang^="de"] #rmp-container-2348 {
    display: none !important;
}

/* Auf englischen Seiten das deutsche Menü ausblenden */
html[lang^="en"] #rmp_menu_trigger-2157,
html[lang^="en"] #rmp-container-2157 {
    display: none !important;
}

.mobile_nav.closed {display: none;}
#rmp-menu-additional-content-2157,
#rmp-menu-additional-content-2348 {font-size: 11px;line-height: 1.5em;}
.rwg-logo_top {width: 40%;}
#rmp-menu-title-2157 .rmp-menu-title-image,
#rmp-menu-title-2348 .rmp-menu-title-image {width: 60%;height: 50px;}
#rmp-menu-wrap-2157 .rmp-menu-item-link,
#rmp-menu-wrap-2348 .rmp-menu-item-link {color:#000000 !important;}
.rwg-mobilnav-row {padding: 2% 0px 0px 0px;height: 60px;}
#rmp-container-2157, #rmp-container-2348 {
    position: fixed;top: 0;margin: 0px;
    transition: transform 0.5s;
    overflow: auto;
    display: block;
    width: 100%;
    max-width: 430px;
    min-width: 100px;
	background-color: #ffffff;
}
#rmp-menu-additional-content-2157,
#rmp-menu-additional-content-2348 {
    padding-top: 0%;
    padding-left: 10%;
    padding-bottom: 0%;
    padding-right: 10%;
    color: #a5a5a5;
    text-align: center;
  }
#rmp-menu-wrap-2157 .rmp-submenu .rmp-menu-item-link,
#rmp-menu-wrap-2348 .rmp-submenu .rmp-menu-item-link {
    height: 30px;line-height: 30px;font-size: 14px;font-weight: 400;font-family:'Eurostile Extd', Arial, sans-serif;}

/*********************************
02 Smartphone – Startseite
*********************************/
/*********************************
03 Hero - Startseite
*********************************/

/* Startseite */
#hero-startseite {
    min-height: 0 !important;
    padding: 42px 0 34px !important;
    margin: 0 !important;
    background-color: #000000 !important;
    overflow: hidden !important;
}

/* Hero-Row */
#hero-startseite .row-mobile-titel-claim {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 18px !important;
}

/* Textmodul */
.row-mobile-titel-claim .et_pb_text,
.row-mobile-titel-claim .et_pb_text_inner {
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
}

/* Hauptüberschrift */
.row-mobile-titel-claim h1 {
    font-family: 'Eurostile Extd', Arial, sans-serif !important;
    font-size: 24px !important;
    line-height: 1.08em !important;
    color: #f05329 !important;
    font-weight: 600 !important;
    margin: 0 0 14px 0 !important;
    padding: 0 !important;
}

/* Claim */
.row-mobile-titel-claim h2 {
    font-family: 'Eurostile Extd', Arial, sans-serif !important;
    font-size: 18px !important;
    line-height: 1.28em !important;
    color: #ffffff !important;
    font-weight: 400 !important;
    margin: 0 0 34px 0 !important;
    padding: 0 !important;
}

/* Herobild-Modul */
#hero-startseite .et_pb_image {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
}

/* Bildwrapper */
#hero-startseite .et_pb_image_wrap {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* Herobild */
#hero-startseite .et_pb_image img {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    margin: 0 auto !important;
}

/*********************************
Startseite – animierter Mobile-Hero
Pfeile zeigen nach links
Reihenfolge links nach rechts:
Militär bis eVTOL
*********************************/

#heroWrapperMobile {
    position: relative !important;

    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;

    /* HTML-Reihenfolge niemals spiegeln */
    direction: ltr !important;

    width: 100% !important;
    max-width: 100% !important;
    height: 260px !important;

    margin: 22px 0 0 !important;
    padding: 0 !important;

    overflow: hidden !important;
    background: #000000 !important;

    isolation: isolate;
}

/* Einzelne Pfeilsegmente */
#heroWrapperMobile .mobileHeroCategory {
    position: relative !important;

    /* Reihenfolge gemäß HTML beibehalten */
    order: initial !important;

    flex: 1 1 0 !important;
    min-width: 0 !important;
    height: 100% !important;

    margin: 0 -12px 0 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    cursor: pointer;
    outline: none;

    /*
    Pfeil zeigt nach links:
    Spitze links, Einkerbung rechts
    */
    clip-path: polygon(
        24px 0,
        100% 0,
        calc(100% - 24px) 50%,
        100% 100%,
        24px 100%,
        0 50%
    );

    transition:
        flex-grow .65s cubic-bezier(.22, .61, .36, 1),
        opacity .45s ease,
        filter .45s ease;

    will-change: flex-grow, opacity, filter;

    z-index: 1;
}

/* Letztes Segment ohne negativen rechten Überstand */
#heroWrapperMobile .mobileHeroCategory:last-child {
    margin-right: 0 !important;
}

/* Inaktive Segmente während der Präsentation */
#heroWrapperMobile.has-active .mobileHeroCategory {
    flex-grow: .38 !important;

    opacity: .58 !important;
    filter: brightness(.50) !important;
}

/* Aktives Segment öffnet sich */
#heroWrapperMobile.has-active .mobileHeroCategory.is-active {
    flex-grow: 6.5 !important;

    opacity: 1 !important;
    filter: brightness(1) !important;

    z-index: 10 !important;
}

/* Hintergrundbild */
#heroWrapperMobile .mobileHeroBackground {
    position: absolute !important;
    inset: 0 !important;

    display: block !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center center !important;

    /*
    Bild startet etwas rechts und öffnet sich
    beim Aktivieren nach links in die Fläche.
    */
    transform: translateX(8%) scale(1.18);
    transform-origin: right center;

    filter: brightness(.68);

    transition:
        transform .70s cubic-bezier(.22, .61, .36, 1),
        filter .55s ease;

    will-change: transform, filter;
    backface-visibility: hidden;

    z-index: 1;
    pointer-events: none;
}

/* Dunkle Überlagerung */
#heroWrapperMobile .mobileHeroCategory::after {
    content: "";

    position: absolute;
    inset: 0;

    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, .06) 0%,
        rgba(0, 0, 0, .10) 45%,
        rgba(0, 0, 0, .82) 100%
    );

    z-index: 2;
    pointer-events: none;
}

/* Freigestelltes Objekt
   Rendering-Fix für Safari/Firefox:
   Die Höhe ist bereits beim ersten Layout eindeutig.
   Dadurch muss der Browser die Bildgröße nicht nachträglich
   aus zwei konkurrierenden Maximalwerten neu berechnen. */
#heroWrapperMobile .mobileHeroObject {
    position: absolute !important;

    top: 48% !important;
    right: -12% !important;
    left: auto !important;

    display: block !important;

    width: auto !important;
    height: 74% !important;
    max-width: none !important;
    max-height: none !important;

    object-fit: contain !important;

    opacity: .70;

    transform:
        translate3d(18%, -50%, 0)
        scale(.82);
    -webkit-transform:
        translate3d(18%, -50%, 0)
        scale(.82);

    transform-origin: right center;
    -webkit-transform-origin: right center;

    transition:
        transform .70s cubic-bezier(.22, .61, .36, 1),
        opacity .45s ease,
        filter .45s ease;
    -webkit-transition:
        -webkit-transform .70s cubic-bezier(.22, .61, .36, 1),
        opacity .45s ease,
        filter .45s ease;

    will-change: transform, opacity, filter;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;

    z-index: 3;
    pointer-events: none;
}

/* Aktiver Hintergrund öffnet sich von rechts nach links */
#heroWrapperMobile
.mobileHeroCategory.is-active
.mobileHeroBackground {
    transform: translateX(0) scale(1.04);
    filter: brightness(.92);
}

/* Aktives Objekt fährt von rechts in den Bereich */
#heroWrapperMobile
.mobileHeroCategory.is-active
.mobileHeroObject {
    opacity: 1;

    transform:
        translate3d(0, -50%, 0)
        scale(1);
    -webkit-transform:
        translate3d(0, -50%, 0)
        scale(1);

    filter: brightness(1.08);
}

/* Titel */
#heroWrapperMobile .mobileHeroTitle {
    position: absolute !important;
    left: 15% !important;
    right: 18px !important;
    bottom: 20px !important;
    display: block !important;
    font-family:
        'Eurostile Extd',
        Arial,
        sans-serif !important;
    font-size: 20px !important;
    line-height: 1.15em !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
    opacity: 0;

    /* Titel kommt von rechts in seine Position */
    transform: translateX(28px);

    transition:
        opacity .40s ease .20s,
        transform .50s ease .15s;

    z-index: 4;
    pointer-events: none;
}

/* Titel des aktiven Bereichs */
#heroWrapperMobile
.mobileHeroCategory.is-active
.mobileHeroTitle {
    opacity: 1;
    transform: translateX(0);
}

/* Tastaturfokus */
#heroWrapperMobile
.mobileHeroCategory:focus-visible {
    box-shadow:
        inset 0 0 0 3px #f05329 !important;
}

/* Bewegung reduzieren */
@media (prefers-reduced-motion: reduce) {

    #heroWrapperMobile .mobileHeroCategory,
    #heroWrapperMobile .mobileHeroBackground,
    #heroWrapperMobile .mobileHeroObject,
    #heroWrapperMobile .mobileHeroTitle {
        animation: none !important;
        transition: none !important;
    }
}

/* Besonders schmale Smartphones */
@media only screen and (max-width: 380px) {

    #heroWrapperMobile {
        height: 235px !important;
    }

    #heroWrapperMobile .mobileHeroCategory {
        margin-right: -10px !important;

        /*
        Gleiche Pfeilrichtung nach links,
        nur mit etwas kleinerer Spitze.
        */
        clip-path: polygon(
            20px 0,
            100% 0,
            calc(100% - 20px) 50%,
            100% 100%,
            20px 100%,
            0 50%
        );
    }

    #heroWrapperMobile
    .mobileHeroCategory:last-child {
        margin-right: 0 !important;
    }

    #heroWrapperMobile .mobileHeroTitle {
        left: 18px !important;
        right: 14px !important;
        bottom: 17px !important;

        font-size: 17px !important;
    }
}

/*********************************
05 Contentbereich Startseite
*********************************/

/*********************************
Startseite – weißer Chevron-Streifen
*********************************/

.rwg-mobile-chevron-band {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: 58px !important;
    margin: -1px 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #020708 !important;
    line-height: 0 !important;
}

/* Weißer V-förmiger Streifen */
.rwg-mobile-chevron-band-inner {
    position: absolute !important;
    left: -3% !important;
    top: 8px !important;
    display: block !important;
    width: 106% !important;
    height: 28px !important;
    background: #ffffff !important;

    clip-path: polygon(
        0 0,
        50% 62%,
        100% 0,
        100% 38%,
        50% 100%,
        0 38%
    );

    z-index: 2 !important;
}

/* Schmale Smartphones */
@media only screen and (max-width: 380px) {

    .rwg-mobile-chevron-band {
        height: 50px !important;
    }
    .rwg-mobile-chevron-band-inner {
        top: 7px !important;
        height: 24px !important;
    }
}

/*********************************
Startseite – Produktkarten mobil
*********************************/

/*
Jede bisher zweispaltige Row bleibt in Divi bestehen.
Auf dem Smartphone werden die beiden Spalten jedoch
untereinander dargestellt: eine Produktkarte pro Zeile.
*/

/* Überschriftenbereich */
.rwg-mobile-products-heading {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto 28px !important;
    padding: 0 5% !important;
}

/* Überschrift „Unsere Tätigkeitsbereiche“ */
.rwg-mobile-products-heading h2 {
    font-family: 'Eurostile Extd', Arial, sans-serif !important;
    font-size: 26px !important;
    line-height: 1.18em !important;
    font-weight: 600 !important;
    color: #f05329 !important;
    margin: 0 0 12px 0 !important;
    padding: 0 !important;
}

/* Unterzeile */
.rwg-mobile-products-heading h3,
.rwg-mobile-products-heading p {
    font-family: 'Inter', Arial, sans-serif !important;
    font-size: 16px !important;
    line-height: 1.45em !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Produkt-Row */
.rwg-mobile-home-products-row {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

/* Jede Spalte nimmt die vollständige Breite ein */
.rwg-mobile-home-products-row > .et_pb_column {
    position: relative !important;
    display: block !important;
    float: none !important;
    flex: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 0px 0 !important;
    padding: 0 5% !important;
}

/* Abstand auch nach der letzten Karte einer Divi-Row */
.rwg-mobile-home-products-row > .et_pb_column:last-child {
    margin-bottom: 0px !important; /* 22px */
}

/* Gesamte Produktkarte / Blurb */
.rwg-mobile-home-card {
    position: relative !important;
    display: block !important;
    overflow: hidden !important;

    width: 100% !important;
    max-width: 100% !important;
    min-height: 370px !important;

    margin: 0 !important;
    padding: 205px 22px 76px !important;

    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;

    border: 1px solid rgba(255,255,255,.35) !important;
    border-radius: 7px !important;

    box-shadow: 0 8px 22px rgba(0,0,0,.38) !important;
}

/* Dunkler Verlauf über dem Hintergrundbild */
.rwg-mobile-home-card::before {
    content: "";
    position: absolute;
    inset: 0;

    background: linear-gradient(
        to bottom,
        rgba(0,0,0,0) 18%,
        rgba(0,0,0,.05) 32%,
        rgba(0,0,0,.28) 48%,
        rgba(0,0,0,.76) 70%,
        rgba(3,7,8,.97) 100%
    );

    z-index: 1;
    pointer-events: none;
}

/* Blurb-Inhalt über dem Verlauf */
.rwg-mobile-home-card .et_pb_blurb_content {
    position: relative !important;
    z-index: 2 !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;
}

/* Blurb-Container */
.rwg-mobile-home-card .et_pb_blurb_container {
    position: relative !important;
    z-index: 2 !important;

    width: 100% !important;
    padding: 0 !important;
}

/* Blurb-Icon oben links */
.rwg-mobile-home-card .et_pb_main_blurb_image {
    position: absolute !important;
    top: -186px !important;
    left: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 58px !important;
    height: 58px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #f05329 !important;
    border-radius: 50% !important;

    z-index: 3 !important;
}

/* Icon-Bild */
.rwg-mobile-home-card .et_pb_main_blurb_image img {
    display: block !important;
    width: 34px !important;
    height: 34px !important;
    max-width: 34px !important;
    max-height: 34px !important;
    object-fit: contain !important;
    margin: 0 !important;
}

/* Titel der Produktkarte */
.rwg-mobile-home-card .et_pb_module_header,
.rwg-mobile-home-card .et_pb_module_header span,
.rwg-mobile-home-card h4,
.rwg-mobile-home-card h4 span {
    font-family: 'Eurostile Extd', Arial, sans-serif !important;
    font-size: 18px !important;
    line-height: 1.2em !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    color: #ffffff!important; /* statt ornage #f05329  */
    margin: 0 0 11px 0 !important;
    padding: 0 !important;
}

/* Beschreibung */
.rwg-mobile-home-card .et_pb_blurb_description,
.rwg-mobile-home-card .et_pb_blurb_description p {
    font-family: 'Inter', Arial, sans-serif !important;
    font-size: 15px !important;
    line-height: 1.5em !important;
    font-weight: 300 !important;
    color: #ffffff !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Button-Modul unten rechts */
.rwg-mobile-home-card-button {
    position: absolute !important;
    right: 18px !important;
    bottom: 18px !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: right !important;
    z-index: 5 !important;
}

/* Button – Klasse sitzt auf dem Modul-Wrapper */
.rwg-mobile-home-card-button .et_pb_button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 175px !important;
    min-height: 46px !important;
    padding: 11px 22px !important;
    background: #f05329 !important;
    color: #ffffff !important;
    border: 0 !important;
    border-radius: 7px 7px 7px 7px !important;
    font-family: 'Eurostile Extd', Arial, sans-serif !important;
    font-size: 14px !important;
    line-height: 1.1em !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    text-align: center !important;
    box-shadow: none !important;
    clip-path: polygon(
        14px 0,
        100% 0,
        100% 100%,
        0 100%,
        0 14px
    ) !important;
}

/* Sicherheit, falls die Klasse direkt auf dem Link ausgegeben wird */
a.et_pb_button.rwg-mobile-home-card-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 175px !important;
    min-height: 46px !important;
    padding: 11px 22px !important;
    background: #f05329 !important;
    color: #ffffff !important;
    border: 0 !important;
    border-radius: 7px 7px 7px 7px !important;
    font-family: 'Eurostile Extd', Arial, sans-serif !important;
    font-size: 12px !important;
    line-height: 1.1em !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    text-align: center !important;
    box-shadow: none !important;
    clip-path: polygon(
        14px 0,
        100% 0,
        100% 100%,
        0 100%,
        0 14px
    ) !important;
}

/* Divi-Pfeile vollständig entfernen */
.rwg-mobile-home-card-button .et_pb_button::before,
.rwg-mobile-home-card-button .et_pb_button::after,
a.et_pb_button.rwg-mobile-home-card-button::before,
a.et_pb_button.rwg-mobile-home-card-button::after {
    display: none !important;
    content: none !important;
}

/* Hover */
.rwg-mobile-home-card-button .et_pb_button:hover,
a.et_pb_button.rwg-mobile-home-card-button:hover {
    background: #ee855f !important;
    color: #ffffff !important;
    padding: 11px 22px !important;
}

/* Besonders schmale Smartphones */
@media only screen and (max-width: 380px) {

    .rwg-mobile-products-heading h2 {
        font-size: 24px !important;
    }
    .rwg-mobile-products-heading h3,
    .rwg-mobile-products-heading p {
        font-size: 15px !important;
    }
    .rwg-mobile-home-products-row > .et_pb_column {
        padding-left: 4% !important;
        padding-right: 4% !important;
    }
    .rwg-mobile-home-card {
        min-height: 350px !important;
        padding: 188px 18px 74px !important;
    }
    .rwg-mobile-home-card .et_pb_main_blurb_image {
        top: -169px !important;

        width: 52px !important;
        height: 52px !important;
    }
    .rwg-mobile-home-card .et_pb_main_blurb_image img {
        width: 30px !important;
        height: 30px !important;
    }
    .rwg-mobile-home-card .et_pb_module_header,
    .rwg-mobile-home-card .et_pb_module_header span,
    .rwg-mobile-home-card h4,
    .rwg-mobile-home-card h4 span {
        font-size: 18px !important;
    }
    .rwg-mobile-home-card .et_pb_blurb_description,
    .rwg-mobile-home-card .et_pb_blurb_description p {
        font-size: 14px !important;
        line-height: 1.5em !important;
    }
    .rwg-mobile-home-card-button {
        right: 14px !important;
        bottom: 14px !important;
    }
    .rwg-mobile-home-card-button .et_pb_button,
    a.et_pb_button.rwg-mobile-home-card-button {
        min-width: 165px !important;
        min-height: 44px !important;

        padding: 10px 18px !important;

        font-size: 13px !important;
    }
    .rwg-mobile-home-card-button .et_pb_button:hover,
    a.et_pb_button.rwg-mobile-home-card-button:hover {
        padding: 10px 18px !important;
    }
}


/*********************************
03 Smartphone – Kontakt
*********************************/
/*********************************
03 Hero - Kontaktseite – Hero mobil
*********************************/

#hero-mobile-kontakt {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    min-height: 390px !important;
    margin: 0 !important;
    padding: 30px 0 0 !important;
    overflow: hidden !important;
    background-color: #000000 /* 14232a */ !important;

    /* RWG-Wasserzeichen kleiner darstellen */
    background-size: 68% auto !important;
    background-position: right center !important;
    background-repeat: no-repeat !important;
}

/* Row */
#hero-mobile-kontakt > .et_pb_row {
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 390px !important;
    margin: 0 !important;
    padding: 0 7% !important;
    z-index: 2 !important;
}

/* Spalte */
#hero-mobile-kontakt .et_pb_column {
    position: static !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Textmodul */
#hero-mobile-kontakt .et_pb_text,
#hero-mobile-kontakt .et_pb_text_inner {
    position: relative !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 5 !important;
}

/* Hauptüberschrift */
#hero-mobile-kontakt h1 {
    max-width: 100% !important;
    font-family: 'Eurostile Extd', Arial, sans-serif !important;
    font-size: 28px !important;
    line-height: 1.12em !important;
    font-weight: 600 !important;
    color: #f05329 !important;
    margin: 0 0 24px 0 !important;
    padding: 0 !important;
}

/* Einleitung – unabhängig davon, ob als h2 oder p angelegt */
#hero-mobile-kontakt h2,
#hero-mobile-kontakt .et_pb_text_inner > p {
    width: 100% !important;
    max-width: 360px !important;
    font-family: 'Inter', Arial, sans-serif !important;
    font-size: 17px !important;
    line-height: 1.42em !important;
    font-weight: 300 !important;
    color: #ffffff !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Eventuelle Spans innerhalb der Überschriften */
#hero-mobile-kontakt h1 span {
    font-family: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: inherit !important;
    color: #f05329 !important;
}

#hero-mobile-kontakt h2 span {
    font-family: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: inherit !important;
    color: #ffffff !important;
}

/* Team-Bild */
#hero-mobile-kontakt .hero-mobile-kontakt-team {
    position: absolute !important;
    right: -3% !important;
    bottom: 10px !important; /* 24px */
    left: auto !important;
    top: auto !important;
    width: 80% !important;
    max-width: 80% !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 3 !important;
}

#hero-mobile-kontakt
.hero-mobile-kontakt-team
.et_pb_image_wrap {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

#hero-mobile-kontakt
.hero-mobile-kontakt-team img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Orangefarbenes, schräges Abschlussband */
#hero-mobile-kontakt::before {
    content: "";
    position: absolute;
    left: -5%;
    bottom: 15px;
    width: 115%;
    height: 20px;
    background: #f05329;
    transform: rotate(-3deg);
    transform-origin: center center;
    z-index: 6;
}

/* Schmaler weißer Anschlussstreifen */
#hero-mobile-kontakt::after {
    content: "";
    position: absolute;
    left: -5%;
    bottom: -15px;
    width: 110%;
    height: 30px;
    background: #ffffff;
    transform: rotate(-3deg);
    transform-origin: center center;
    z-index: 5;
}

/*********************************
Kontaktseite – Pfeil auf Divider
*********************************/

/* Pfeil-Row sicher am unteren Rand des Heros positionieren */
#hero-mobile-kontakt
.et_pb_row.rwg-mobile-contact-arrow-row {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: auto !important;
    bottom: 2px !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    height: 48px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    overflow: visible !important;
    pointer-events: none !important;
    z-index: 50 !important;
}

/* Spalte der Pfeil-Row */
#hero-mobile-kontakt
.et_pb_row.rwg-mobile-contact-arrow-row
.et_pb_column {
    position: relative !important;
    display: block !important;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    height: 48px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
}

/* Code-Modul exakt mittig positionieren */
#hero-mobile-kontakt
.et_pb_row.rwg-mobile-contact-arrow-row
.et_pb_code {
    position: absolute !important;
    left: 50% !important;
    right: auto !important;
    top: 0 !important;
    bottom: auto !important;
    display: block !important;
    width: 48px !important;
    height: 48px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: translateX(-50%) !important;
    overflow: visible !important;
    z-index: 51 !important;
}

/* Divi-Innencontainer */
#hero-mobile-kontakt
.et_pb_row.rwg-mobile-contact-arrow-row
.et_pb_code_inner {
    position: relative !important;
    display: block !important;
    width: 48px !important;
    height: 48px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
}

/* Orangefarbener Kreis */
#hero-mobile-kontakt .rwg-mobile-contact-arrow {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 48px !important;
    height: 48px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #f05329 !important;
    border: 0 !important;
    border-radius: 50% !important;
    box-shadow: 0 3px 8px rgba(0,0,0,.25) !important;
    overflow: visible !important;
    z-index: 52 !important;
}

/* Weißer SVG-Pfeil */
#hero-mobile-kontakt .rwg-mobile-contact-arrow svg {
    display: block !important;
    width: 25px !important;
    height: 25px !important;
    margin: 2px 0 0 0 !important;
    padding: 0 !important;
    overflow: visible !important;
}

/* SVG-Linie */
#hero-mobile-kontakt .rwg-mobile-contact-arrow path {
    fill: none !important;
    stroke: #ffffff !important;
    stroke-width: 3 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

/*********************************
Besonders schmale Smartphones
*********************************/

@media only screen and (max-width: 380px) {

    #hero-mobile-kontakt {
        min-height: 395px !important;
        padding-top: 28px !important;
        background-size: 72% auto !important;
        background-position: right center !important;
    }

    /*
    Nur die Haupt-Row mit Text und Team-Bild.
    Die Pfeil-Row wird ausdrücklich ausgeschlossen.
    */
    #hero-mobile-kontakt
    > .et_pb_row:not(.rwg-mobile-contact-arrow-row) {
        min-height: 365px !important;

        padding-left: 6% !important;
        padding-right: 6% !important;
    }
    #hero-mobile-kontakt h1 {
        font-size: 26px !important;
        margin-bottom: 20px !important;
    }
    #hero-mobile-kontakt h2,
    #hero-mobile-kontakt .et_pb_text_inner > p {
        width: 100% !important;
        max-width: 320px !important;

        font-size: 16px !important;
        line-height: 1.4em !important;
    }
    #hero-mobile-kontakt .hero-mobile-kontakt-team {
        right: -6% !important;
        bottom: 23px !important;

        width: 82% !important;
        max-width: 82% !important;
    }
    #hero-mobile-kontakt::before {
        bottom: 7px !important;
        height: 22px !important;
    }
    #hero-mobile-kontakt::after {
        bottom: -7px !important;
        height: 14px !important;
    }

    /* Pfeil-Row klein halten */
    #hero-mobile-kontakt
    .et_pb_row.rwg-mobile-contact-arrow-row {
        min-height: 0 !important;
        height: 44px !important;
        padding: 0 !important;
        bottom: 2px !important;
    }
    #hero-mobile-kontakt
    .et_pb_row.rwg-mobile-contact-arrow-row
    .et_pb_column {
        min-height: 0 !important;
        height: 44px !important;
        padding: 0 !important;
    }
    #hero-mobile-kontakt
    .et_pb_row.rwg-mobile-contact-arrow-row
    .et_pb_code,
    #hero-mobile-kontakt
    .et_pb_row.rwg-mobile-contact-arrow-row
    .et_pb_code_inner {
        width: 44px !important;
        height: 44px !important;
    }
    #hero-mobile-kontakt .rwg-mobile-contact-arrow {
        width: 44px !important;
        height: 44px !important;
    }
    #hero-mobile-kontakt .rwg-mobile-contact-arrow svg {
        width: 23px !important;
        height: 23px !important;
    }
}

/*********************************
Kontaktseite – Ansprechpartner mobil
direkte Steuerung der HTML-Klassen
*********************************/

/* Gesamte Module und Divi-Innencontainer begrenzen */
.rwg-section-heading,
.rwg-person-section,
.rwg-section-heading *,
.rwg-person-section * {
    box-sizing: border-box !important;
}
.rwg-section-heading,
.rwg-person-section {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    overflow: visible !important;
}

/*********************************
Hauptüberschrift mit RWG-Symbol
*********************************/

.rwg-section-heading {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    max-width: 380px !important;
    margin: 0 auto 38px !important;
    padding: 0 5% !important;
    gap: 10px !important;
}

/* RWG-Symbol */
.rwg-section-heading .rwg-heading-icon {
    display: block !important;
    flex: 0 0 34px !important;
    width: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}
.rwg-section-heading .rwg-heading-icon svg {
    display: block !important;
    width: 34px !important;
    height: auto !important;
    max-width: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* „Ihre Ansprechpartner“ */
.rwg-section-heading h2 {
    display: block !important;
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: calc(100% - 46px) !important;
    font-family: 'Eurostile Extd', Arial, sans-serif !important;
    font-size: 24px !important;
    line-height: 1.12em !important;
    font-weight: 600 !important;
    color: #111111 !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
    text-transform: none !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    transform: none !important;
}

/* Eventuelle Inline-Spans neutralisieren */
.rwg-section-heading h2 span {
    font: inherit !important;
    color: inherit !important;
}

/*********************************
Einzelne Ansprechpartner-Bereiche
*********************************/

.rwg-person-section {
    width: 88% !important;
    max-width: 380px !important;
    margin: 0 auto 38px !important;
    padding: 0 !important;
    transform: none !important;
}
.rwg-person-section:last-child {
    margin-bottom: 0 !important;
}

/*********************************
Abteilungsüberschriften
*********************************/

.rwg-person-section .rwg-subheading {
    display: table !important;
    width: auto !important;
    max-width: 100% !important;
    margin: 0 auto 22px !important;
    padding: 0 0 6px !important;
    font-family: 'Eurostile Extd', Arial, sans-serif !important;
    font-size: 16px !important;
    line-height: 1.15em !important;
    font-weight: 600 !important;
    color: #111111 !important;
    text-align: center !important;
    text-transform: uppercase !important;
    white-space: normal !important;
    word-break: normal !important;
    border-bottom: 2px solid #f05329 !important;
    transform: none !important;
}

/*********************************
Person: Bild und Text
*********************************/

.rwg-person-section .rwg-person {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 18px !important;
    transform: none !important;
}

/* Rundes Personenbild */
.rwg-person-section .rwg-person-image {
    display: block !important;
    flex: 0 0 96px !important;
    width: 96px !important;
    min-width: 96px !important;
    max-width: 96px !important;
    height: 96px !important;
    max-height: 96px !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: cover !important;
    object-position: center center !important;
    border-radius: 50% !important;
    transform: none !important;
}

/* Text rechts neben dem Bild */
.rwg-person-section .rwg-person-text {
    display: block !important;
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: calc(100% - 114px) !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
    transform: none !important;
}

/* Name */
.rwg-person-section .rwg-person-name {
    font-family: 'Eurostile Extd', Arial, sans-serif !important;
    font-size: 14px !important;
    line-height: 1.2em !important;
    font-weight: 600 !important;
    color: #111111 !important;
    margin: 0 0 4px !important;
    padding: 0 !important;
    text-align: left !important;
    white-space: normal !important;
}

/* Funktion */
.rwg-person-section .rwg-person-position {
    font-family: 'Inter', Arial, sans-serif !important;
    font-size: 14px !important;
    line-height: 1.35em !important;
    font-weight: 300 !important;
    color: #333333 !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
}

/* E-Mail */
.rwg-person-section .rwg-person-mail {
    font-family: 'Inter', Arial, sans-serif !important;
    font-size: 14px !important;
    line-height: 1.35em !important;
    font-weight: 300 !important;
    margin: 5px 0 0 !important;
    padding: 0 !important;
    text-align: left !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
}
.rwg-person-section .rwg-person-mail a {
    color: #f05329 !important;
    text-decoration: none !important;
}
.rwg-mobile-contact-persons .rwg-person-mail a {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
}

/*********************************
Divi-Modulbreiten neutralisieren
*********************************/

.rwg-mobile-contact-persons .et_pb_code,
.rwg-mobile-contact-persons .et_pb_code_inner {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    transform: none !important;
}

/*********************************
Besonders schmale Smartphones
*********************************/

@media only screen and (max-width: 380px) {

    .rwg-section-heading,
    .rwg-person-section {
        width: 90% !important;
    }
    .rwg-section-heading {
        gap: 10px !important;
        margin-bottom: 32px !important;
    }
    .rwg-section-heading .rwg-heading-icon,
    .rwg-section-heading .rwg-heading-icon svg {
        flex-basis: 30px !important;
        width: 30px !important;
        min-width: 30px !important;
        max-width: 30px !important;
    }
    .rwg-section-heading h2 {
        max-width: calc(100% - 40px) !important;
        font-size: 20px !important;
    }
    .rwg-person-section {
        margin-bottom: 32px !important;
    }
    .rwg-person-section .rwg-subheading {
        font-size: 15px !important;
        margin-bottom: 18px !important;
    }
    .rwg-person-section .rwg-person {
        gap: 14px !important;
    }
    .rwg-person-section .rwg-person-image {
        flex-basis: 84px !important;
        width: 84px !important;
        min-width: 84px !important;
        max-width: 84px !important;
        height: 84px !important;
        max-height: 84px !important;
    }
    .rwg-person-section .rwg-person-text {
        max-width: calc(100% - 98px) !important;
    }
    .rwg-person-section .rwg-person-name {
        font-size: 15px !important;
    }
    .rwg-person-section .rwg-person-position {
        font-size: 12px !important;
    }
    .rwg-person-section .rwg-person-mail {
        font-size: 10px !important;
    }
}

/*********************************
04 Buttons
*********************************/


/*********************************
Kontaktseite – Kontaktformular mobil
*********************************/

.rwg-mobile-contact-form-section {
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 55px 4% 60px !important;
    overflow: hidden !important;
    background-color: #1a262b !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

/* Formularbox */
.rwg-mobile-contact-form-section
.rwg-contact-form-box {
    position: relative !important;
    width: 100% !important;
    max-width: 430px !important;
    margin: 0 auto !important;
    padding: 34px 22px 26px !important;
    overflow: hidden !important;
    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.76) 0%,
            rgba(255,255,255,.86) 44%,
            rgba(244,196,180,.88) 100%
        ) !important;

    border: 1px solid rgba(255,255,255,.65) !important;
    border-radius: 5px !important;
    box-shadow: 0 12px 30px rgba(0,0,0,.28) !important;
}

/*********************************
Ecksymbol
*********************************/

.rwg-mobile-contact-form-section
.rwg-corner-icon {
    position: relative !important;
    width: 34px !important;
    height: 34px !important;
    margin: 0 0 18px !important;
    padding: 0 !important;
    z-index: 3 !important;
}

.rwg-mobile-contact-form-section
.rwg-corner-icon svg,
.rwg-mobile-contact-form-section
.rwg-corner-icon img {
    display: block !important;
    width: 34px !important;
    height: auto !important;
    margin: 0 !important;
}

/*********************************
Überschrift
*********************************/

.rwg-mobile-contact-form-section
.rwg-contact-headline {
    width: 100% !important;
    margin: 0 0 24px !important;
    padding: 0 !important;
}

.rwg-mobile-contact-form-section
.rwg-contact-headline h2,
.rwg-mobile-contact-form-section
.rwg-contact-headline h3 {
    font-family: 'Eurostile Extd', Arial, sans-serif !important;
    font-size: 26px !important;
    line-height: 1.15em !important;
    font-weight: 600 !important;
    color: #f05329 !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
}

.rwg-mobile-contact-form-section
.rwg-contact-headline h2 span,
.rwg-mobile-contact-form-section
.rwg-contact-headline h3 span {
    font: inherit !important;
    color: inherit !important;
}

/*********************************
Fluent Forms – Grundlayout
*********************************/

.rwg-mobile-contact-form-section
.fluentform {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}
.rwg-mobile-contact-form-section
.fluentform .ff-el-group {
    margin-bottom: 14px !important;
}

/* Labels */
.rwg-mobile-contact-form-section
.fluentform label {
    font-family: 'Inter', Arial, sans-serif !important;
    font-size: 13px !important;
    line-height: 1.35em !important;
    font-weight: 500 !important;

    color: #111111 !important;
}

/* Eingabefelder */
.rwg-mobile-contact-form-section
.fluentform input[type="text"],
.rwg-mobile-contact-form-section
.fluentform input[type="email"],
.rwg-mobile-contact-form-section
.fluentform input[type="tel"],
.rwg-mobile-contact-form-section
.fluentform input[type="number"],
.rwg-mobile-contact-form-section
.fluentform select,
.rwg-mobile-contact-form-section
.fluentform textarea {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 48px !important;
    padding: 12px 14px !important;
    font-family: 'Inter', Arial, sans-serif !important;
    font-size: 14px !important;
    line-height: 1.35em !important;
    font-weight: 300 !important;
    color: #222222 !important;
    background: #ffffff !important;
    border: 0 !important;
    border-bottom: 1px solid #f05329 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* Nachricht */
.rwg-mobile-contact-form-section
.fluentform textarea {
    min-height: 165px !important;
    resize: vertical !important;
}

/* Platzhalter */
.rwg-mobile-contact-form-section
.fluentform input::placeholder,
.rwg-mobile-contact-form-section
.fluentform textarea::placeholder {
    color: #9b9b9b !important;
    opacity: 1 !important;
}

/* Fokus */
.rwg-mobile-contact-form-section
.fluentform input:focus,
.rwg-mobile-contact-form-section
.fluentform select:focus,
.rwg-mobile-contact-form-section
.fluentform textarea:focus {
    border-bottom-color: #111b20 !important;
    outline: none !important;
    box-shadow:
        0 0 0 2px rgba(240,83,41,.12) !important;
}

/*********************************
Datenschutz / Checkbox
*********************************/

.rwg-mobile-contact-form-section
.fluentform .ff-el-form-check {
    display: flex !important;
    align-items: flex-start !important;
    gap: 9px !important;
}

.rwg-mobile-contact-form-section
.fluentform input[type="checkbox"] {
    flex: 0 0 18px !important;
    width: 18px !important;
    height: 18px !important;
    margin: 2px 0 0 !important;
}

.rwg-mobile-contact-form-section
.fluentform .ff-el-form-check-label,
.rwg-mobile-contact-form-section
.fluentform .ff-el-form-check-label p {
    font-family: 'Inter', Arial, sans-serif !important;
    font-size: 12px !important;
    line-height: 1.45em !important;
    font-weight: 300 !important;
    color: #333333 !important;
    margin: 0 !important;
    padding: 0 !important;
}
.rwg-mobile-contact-form-section
.fluentform .ff-el-form-check-label a {
    color: #f05329 !important;
    text-decoration: underline !important;
}

/*********************************
Absende-Button
*********************************/

.rwg-mobile-contact-form-section
.fluentform .ff-btn-submit,
.rwg-mobile-contact-form-section
.fluentform button[type="submit"] {
    display: block !important;
    width: 100% !important;
    min-height: 48px !important;
    margin: 18px 0 0 !important;
    padding: 13px 18px !important;
    font-family: 'Inter', Arial, sans-serif !important;
    font-size: 14px !important;
    line-height: 1em !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    background: #f05329 !important;
    border: 0 !important;
    border-radius: 2px !important;
    box-shadow: none !important;
    text-align: center !important;
    text-transform: uppercase !important;
}

.rwg-mobile-contact-form-section
.fluentform .ff-btn-submit:hover,
.rwg-mobile-contact-form-section
.fluentform button[type="submit"]:hover {
    color: #ffffff !important;
    background: #ee855f !important;
}

/*********************************
Validierung
*********************************/

.rwg-mobile-contact-form-section
.fluentform .error,
.rwg-mobile-contact-form-section
.fluentform .ff-el-is-error .text-danger {
    font-family: 'Inter', Arial, sans-serif !important;
    font-size: 12px !important;
    line-height: 1.35em !important;
    color: #b42318 !important;
}

.rwg-mobile-contact-form-section
.fluentform .ff-el-is-error input,
.rwg-mobile-contact-form-section
.fluentform .ff-el-is-error textarea,
.rwg-mobile-contact-form-section
.fluentform .ff-el-is-error select {
    border-bottom-color: #b42318 !important;
}

/*********************************
Besonders schmale Smartphones
*********************************/

@media only screen and (max-width: 380px) {

    .rwg-mobile-contact-form-section {
        padding:
            48px 3%
            52px !important;
    }

    .rwg-mobile-contact-form-section
    .rwg-contact-form-box {
        padding:
            30px 18px
            23px !important;
    }

    .rwg-mobile-contact-form-section
    .rwg-corner-icon {
        width: 30px !important;
        height: 30px !important;
    }

    .rwg-mobile-contact-form-section
    .rwg-corner-icon svg,
    .rwg-mobile-contact-form-section
    .rwg-corner-icon img {
        width: 30px !important;
    }

    .rwg-mobile-contact-form-section
    .rwg-contact-headline h2,
    .rwg-mobile-contact-form-section
    .rwg-contact-headline h3 {
        font-size: 23px !important;
    }

    .rwg-mobile-contact-form-section
    .fluentform input[type="text"],
    .rwg-mobile-contact-form-section
    .fluentform input[type="email"],
    .rwg-mobile-contact-form-section
    .fluentform input[type="tel"],
    .rwg-mobile-contact-form-section
    .fluentform input[type="number"],
    .rwg-mobile-contact-form-section
    .fluentform select,
    .rwg-mobile-contact-form-section
    .fluentform textarea {
        font-size: 13px !important;
    }
}

/*********************************
08 Kontakt
*********************************/



/*********************************
04 Smartphone – Gemeinsame Divider
*********************************/
/*********************************
05 Smartphone-Divider
Einheitliche Größe und Form
*********************************/

@media only screen and (max-width: 767px) {

/* Weiss unten */
.rwg-divider-white-down{
    position:relative;
    height:52px;
    background:#1a262b;
    overflow:hidden;
}
.rwg-divider-white-down:before{
    content:"";
    position:absolute;
    inset:0;
    background:#fff;
    clip-path:polygon(0 0,100% 0,50% 100%);
}
.rwg-divider-white-down_end{
    position:relative;
    height:52px;
    background:#000000;
    overflow:hidden;
}
.rwg-divider-white-down_end:before{
    content:"";
    position:absolute;
    inset:0;
    background:#fff;
    clip-path:polygon(0 0,100% 0,50% 100%);
}
/* Orange unten */
.rwg-divider-orange-down_end{
    position:relative;
    height:52px;
    background:#000000;
    overflow:hidden;
}
.rwg-divider-orange-down_end:before{
    content:"";
    position:absolute;
    inset:0;
    background:#f05329;
    clip-path:polygon(0 0,100% 0,50% 100%);
}
/* Weiss oben */
.rwg-divider-white-up{
    position:relative;
    height:52px;
    background:#1a262b;
    overflow:hidden;
}
.rwg-divider-white-up:before{
    content:"";
    position:absolute;
    inset:0;
    background:#fff;
    clip-path:polygon(0 100%,50% 0,100% 100%);
}
/* Grauschwarz oben */
.rwg-divider-dark-up{
    position:relative;
    height:52px;
    background:#fff;
    overflow:hidden;
}
.rwg-divider-dark-up:before{
    content:"";
    position:absolute;
    inset:0;
    background:#1a262b;
    clip-path:polygon(0 100%,50% 0,100% 100%);
}
/* Grauschwarz unten */
.rwg-divider-dark-down{
    position:relative;
    height:52px;
    background:#fff;
    overflow:hidden;
}
.rwg-divider-dark-down:before{
    content:"";
    position:absolute;
    inset:0;
    background:#1a262b;
    clip-path:polygon(0 0,100% 0,50% 100%);
}
/* Schwarz oben */
.rwg-divider-black-up{
    position:relative;
    height:52px;
    background:#fff;
    overflow:hidden;
}
.rwg-divider-black-up:before{
    content:"";
    position:absolute;
    inset:0;
    background:#000;
    clip-path:polygon(0 100%,50% 0,100% 100%);
}

/* Schwarz unten */
.rwg-divider-black-down{
    position:relative;
    height:52px;
    background:#fff;
    overflow:hidden;
}
.rwg-divider-black-down:before{
    content:"";
    position:absolute;
    inset:0;
    background:#000;
    clip-path:polygon(0 0,100% 0,50% 100%);
}
.rwg-divider-white-down>.et_pb_row,
.rwg-divider-white-up>.et_pb_row,
.rwg-divider-dark-down>.et_pb_row,
.rwg-divider-dark-up>.et_pb_row,
.rwg-divider-black-down>.et_pb_row,
.rwg-divider-black-up>.et_pb_row{
    display:none!important;
}

}

/*********************************
05 Smartphone – Produktübersicht
*********************************/
/*********************************
06 Produktübersicht
*********************************/

.et_pb_section.et_pb_section_5.rwg-mobile-produkte-section.et_pb_with_background.et_section_regular {
  background-color: #1a262b !important;
}


/*********************************
03 Hero – Produkteübersicht mobil
*********************************/

#hero-mobile-produkte {
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 455px !important;
    margin: 0 !important;
    padding: 38px 7% 105px !important;
    overflow: hidden !important;
    background-color: #1a262b !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

/* Dunkler Filter über dem Hintergrundbild */
#hero-mobile-produkte::before {
    content: "";
    position: absolute !important;
    inset: 0 !important;
    background:
        linear-gradient(
            to bottom,
            rgba(0,0,0,.42) 0%,
            rgba(0,0,0,.34) 42%,
            rgba(0,0,0,.54) 72%,
            rgba(26,38,43,.90) 100%
        ) !important;
    pointer-events: none !important;
    z-index: 1 !important;
}

/* Inhalte über den Schwarzfilter legen */
#hero-mobile-produkte > .et_pb_row,
#hero-mobile-produkte .et_pb_column,
#hero-mobile-produkte .et_pb_module {
    position: relative !important;
    z-index: 2 !important;
    padding-top: 5%;
}

/* Hero-Row */
#hero-mobile-produkte > .et_pb_row {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/*********************************
Überschrift und Einleitung
*********************************/

/* Hauptüberschrift */
#hero-mobile-produkte h1 {
    max-width: 100% !important;
    font-family: 'Eurostile Extd', Arial, sans-serif !important;
    font-size: 28px !important;
    line-height: 1.12em !important;
    font-weight: 600 !important;
    color: #f05329 !important;
    margin: 0 0 20px !important;
    padding: 0 !important;
    text-align: left !important;
}

/* Unterzeile */
#hero-mobile-produkte h2,
#hero-mobile-produkte p,
#hero-mobile-produkte .rwg-hero-subline {
    width: 100% !important;
    max-width: 360px !important;
    font-family: 'Inter', Arial, sans-serif !important;
    font-size: 17px !important;
    line-height: 1.45em !important;
    font-weight: 300 !important;
    color: #ffffff !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
}

/* Eventuelle Inline-Spans neutralisieren */
#hero-mobile-produkte h1 span,
#hero-mobile-produkte h2 span,
#hero-mobile-produkte p span {
    font-family: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: inherit !important;
    color: inherit !important;
}

/*********************************
Orangefarbener Abschlussdivider
*********************************/

#hero-mobile-produkte.section_has_divider.et_pb_bottom_divider
.et_pb_bottom_inside_divider {
    position: absolute !important;
    left: -5% !important;
    bottom: -47px !important;
    width: 110% !important;
    height: 92px !important;
    background: #ffffff !important;
    border-top: 24px solid #f05329 !important;
    transform: rotate(-3deg) !important;
    transform-origin: center center !important;
    overflow: visible !important;
    z-index: 20 !important;
}

/*********************************
Pfeilkreis auf dem Divider
*********************************/

#hero-mobile-produkte.section_has_divider.et_pb_bottom_divider
.et_pb_bottom_inside_divider::after {
    content: "";
    position: absolute !important;
    left: 50% !important;
    top: -47px !important;
    width: 54px !important;
    height: 54px !important;
    transform:
        translateX(-50%)
        rotate(3deg) !important;
    background-image:
        url("data:image/svg+xml,%3Csvg width='73' height='73' viewBox='0 0 73 73' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_529_216)'%3E%3Ccircle cx='36.0018' cy='36.16' r='28.158' fill='%23F05329'/%3E%3Cpath d='M36.1428 46.3109C36.0652 46.3863 35.9418 46.3863 35.8642 46.3109L19.174 30.1023C19.0452 29.9771 19.1337 29.7588 19.3133 29.7588H24.3372C24.3892 29.7588 24.4392 29.7791 24.4765 29.8153L35.8635 40.8741C35.9411 40.9495 36.0646 40.9495 36.1422 40.8741L47.5298 29.8153C47.5672 29.7791 47.6172 29.7588 47.6692 29.7588H52.6937C52.8733 29.7588 52.9619 29.9771 52.833 30.1023L36.1428 46.3109Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_529_216' x='3.84375' y='8.00195' width='64.3164' height='64.3159' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeOffset dy='4'/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0'/%3E%3CfeBlend mode='normal' in='SourceGraphic' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E") !important;

    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    pointer-events: none !important;
    z-index: 30 !important;
}

/*********************************
Besonders schmale Smartphones
*********************************/

@media only screen and (max-width: 380px) {

    #hero-mobile-produkte {
        min-height: 430px !important;
        padding:
            32px 6%
            96px !important;
        background-position: 54% center !important;
    }
    #hero-mobile-produkte h1 {
        font-size: 27px !important;
        line-height: 1.12em !important;
        margin-bottom: 17px !important;
    }
    #hero-mobile-produkte h2,
    #hero-mobile-produkte p,
    #hero-mobile-produkte .rwg-hero-subline {
        max-width: 315px !important;
        font-size: 16px !important;
        line-height: 1.42em !important;
    }
    #hero-mobile-produkte.section_has_divider.et_pb_bottom_divider
    .et_pb_bottom_inside_divider {
        bottom: -43px !important;
        height: 84px !important;
        border-top-width: 21px !important;
    }
    #hero-mobile-produkte.section_has_divider.et_pb_bottom_divider
    .et_pb_bottom_inside_divider::after {
        top: -43px !important;
        width: 50px !important;
        height: 50px !important;
    }
}

/*********************************
Produkteübersicht – Smartphone final
Default: Produktbild + Titel
Hover: ausschließlich RWG-Button
*********************************/


/*********************************
Gesamte Produktsection
*********************************/

.rwg-mobile-produkte-section {
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 0 48px !important;
    background: #1a262b !important;
    overflow: visible !important;
}

/*********************************
Weiße Überschriften-Row
*********************************/

.rwg-mobile-produkte-section
.et_pb_row.rwg-mobile-produkte-heading-row {
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 38px 6% 34px !important;
    background: #ffffff !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
    z-index: 20 !important;
}

/* Weißer Pfeil nach unten */
.rwg-mobile-produkte-section
.et_pb_row.rwg-mobile-produkte-heading-row::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: -34px !important;
    display: block !important;
    visibility: visible !important;
    width: 100% !important;
    height: 35px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #ffffff !important;
    clip-path: polygon(0 0, 100% 0, 50% 100%) !important;
    pointer-events: none !important;
    z-index: 25 !important;
}

/* Divi-Clearfix der Row nicht als Divider verwenden */
.rwg-mobile-produkte-section
.et_pb_row.rwg-mobile-produkte-heading-row::after {
    background: transparent !important;
    box-shadow: none !important;
}

/*********************************
Überschrift
*********************************/

.rwg-mobile-produkte-section
.rwg-mobile-produkte-heading-row
.rwg-section-heading {
    width: 100% !important;
    max-width: 430px !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

.rwg-mobile-produkte-section
.rwg-mobile-produkte-heading-row
.rwg-section-heading h2 {
    font-family: 'Eurostile Extd', Arial, sans-serif !important;
    font-size: 24px !important;
    line-height: 1.15em !important;
    font-weight: 600 !important;
    color: #111111 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Wichtig, bitte stehen lassen! */
.dmpro-hover-box-content .dmpro-hover-box-heading,
.dmpro-hover-box-hover .dmpro-hover-box-heading {
    font-weight: 600 !important;
    font-size: 1.2em !important;
    text-align: center !important;
}

/*********************************
Produkt-Rows zweispaltig
*********************************/

/* SEHR WICHTIG */
.rwg-loop-card::before {
    background-image: none !important;
}
.rwg-mobile-produkte {
    border-radius: 0 !important;
}

.rwg-mobile-produkte-section
.et_pb_row.rwg-mobile-produkte {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 2px !important;
    background: #1a262b !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

/* Abstand für die weiße Spitze */
.rwg-mobile-produkte-heading-row + .rwg-mobile-produkte {
    margin-top: 34px !important;
}

.rwg-mobile-produkte-section
.rwg-mobile-produkte > .et_pb_column {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    float: none !important;
    flex: 0 0 calc(50% - 1px) !important;
    width: calc(50% - 1px) !important;
    max-width: calc(50% - 1px) !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #1a262b !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

/*********************************
Pro Hover Box – Grundkarte
*********************************/

.rwg-mobile-produkte-section
.rwg-mobile-product-hover {
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 245px !important;
    min-height: 245px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #1a262b !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

.rwg-mobile-produkte-section
.rwg-mobile-product-hover,
.rwg-mobile-produkte-section
.rwg-mobile-product-hover div,
.rwg-mobile-produkte-section
.dmpro-hover-box-default,
.rwg-mobile-produkte-section
.dmpro-hover-box-hover,
.rwg-mobile-produkte-section
.dmpro-hover-box-default-inner,
.rwg-mobile-produkte-section
.dmpro-hover-box-hover-inner {
    border-radius: 0 !important;
    box-sizing: border-box !important;
}

/*********************************
Default – Produktbild und Titel
*********************************/

.rwg-mobile-produkte-section
.dmpro-hover-box-default,
.rwg-mobile-produkte-section
.dmpro-hover-box-default-inner {
    width: 100% !important;
    height: 245px !important;
    min-height: 245px !important;
    background: #101b20 !important;
}

.rwg-mobile-produkte-section
.dmpro-hover-box-default-inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding: 16px 10px 12px !important;
}

.rwg-mobile-produkte-section
.dmpro-hover-box-default-inner img {
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-width: 78% !important;
    max-height: 135px !important;
    margin: 0 auto 10px !important;
    padding: 0 !important;
    object-fit: contain !important;
    object-position: center center !important;
}

.rwg-mobile-produkte-section
.dmpro-hover-box-default-inner h2,
.rwg-mobile-produkte-section
.dmpro-hover-box-default-inner h3,
.rwg-mobile-produkte-section
.dmpro-hover-box-default-inner h4 {
    font-family: 'Eurostile Extd', Arial, sans-serif !important;
    font-size: 15px !important;
    line-height: 1.18em !important;
    font-weight: 600 !important;
    color: #f05329 !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
    text-transform: none !important;
}

/*********************************
Hover – ausschließlich Button
*********************************/

.rwg-mobile-produkte-section
.dmpro-hover-box-hover,
.rwg-mobile-produkte-section
.dmpro-hover-box-hover-inner {
    width: 100% !important;
    height: 245px !important;
    min-height: 245px !important;
    background-color: #1a262b !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.rwg-mobile-produkte-section
.dmpro-hover-box-hover-inner {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 20px !important;
}

.rwg-mobile-produkte-section
.dmpro-hover-box-hover-inner h2,
.rwg-mobile-produkte-section
.dmpro-hover-box-hover-inner h3,
.rwg-mobile-produkte-section
.dmpro-hover-box-hover-inner h4,
.rwg-mobile-produkte-section
.dmpro-hover-box-hover-inner p {
    display: none !important;
}

/*********************************
RWG-Button
*********************************/

.rwg-mobile-produkte-section .dmpro-hover-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 120px !important;
    height: 40px !important;
    padding: 0 18px !important;
    margin: 0 auto !important;
    font-family: 'Eurostile Extd', Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    color: #ffffff !important;
    background: #f05329 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    text-decoration: none !important;
    clip-path: polygon(12px 0, 100% 0, 100% 100%, 0 100%, 0 12px) !important;
    transition: background-color .25s ease !important;
}

.rwg-mobile-produkte-section .dmpro-hover-button::before,
.rwg-mobile-produkte-section .dmpro-hover-button::after {
    display: none !important;
    content: none !important;
}

.rwg-mobile-produkte-section .dmpro-hover-button:hover {
    color: #ffffff !important;
    background: #ee855f !important;
}

/*********************************
Sehr schmale Smartphones
*********************************/

@media only screen and (max-width: 380px) {
    .rwg-mobile-produkte-section
    .rwg-mobile-product-hover,
    .rwg-mobile-produkte-section
    .dmpro-hover-box-default,
    .rwg-mobile-produkte-section
    .dmpro-hover-box-default-inner,
    .rwg-mobile-produkte-section
    .dmpro-hover-box-hover,
    .rwg-mobile-produkte-section
    .dmpro-hover-box-hover-inner {
        height: 220px !important;
        min-height: 220px !important;
    }

    .rwg-mobile-produkte-section
    .dmpro-hover-box-default-inner {
        padding: 13px 7px 10px !important;
    }

    .rwg-mobile-produkte-section
    .dmpro-hover-box-default-inner img {
        max-width: 76% !important;
        max-height: 118px !important;
        margin-bottom: 8px !important;
    }

    .rwg-mobile-produkte-section
    .dmpro-hover-box-default-inner h2,
    .rwg-mobile-produkte-section
    .dmpro-hover-box-default-inner h3,
    .rwg-mobile-produkte-section
    .dmpro-hover-box-default-inner h4 {
        font-size: 13px !important;
    }

    .rwg-mobile-produkte-section .dmpro-hover-button {
        min-width: 108px !important;
        height: 34px !important;
        padding: 0 14px !important;
        font-size: 10px !important;
        clip-path: polygon(10px 0, 100% 0, 100% 100%, 0 100%, 0 10px) !important;
    }
}


/*********************************
06 Smartphone – Produktdetailseiten
*********************************/

/* ==========================================================
   RWG – PRODUCT DETAIL HERO | SMARTPHONE
   ========================================================== */

@media only screen and (max-width:767px){

#hero-mobile-product-detail {
  position: relative;
  overflow: hidden;
  min-height: 530px !important;
  background: #111b1f !important;
  isolation: isolate;
}
#hero-mobile-product-detail .rwg-product-mobile-detail-hero-image {
  width: 60% !important;
}
	
/* Hero H1 */
#hero-mobile-product-detail h1,
#hero-mobile-product-detail .rwg-mobile-product-detail-hero-title h1 {
    font-family: 'Eurostile Extd', Arial, sans-serif !important;
    font-size: 36px !important;
    line-height: 1.05 !important;
    font-weight: 900 !important;
	text-align:center;
    color: #f05329 !important;
    /* margin: 0 0 22px 0 !important; */
}

/* Hero Unterzeile */
#hero-mobile-product-detail h2,
#hero-mobile-product-detail .rwg-mobile-product-detail-hero-subtitle,
#hero-mobile-product-detail .rwg-mobile-product-detail-hero-subtitle h2 {
    font-family: 'Eurostile Extd', Arial, sans-serif !important;
    font-size: 24px !important;
    line-height: 1.25 !important;
    font-weight: 400 !important;
	text-align:center;
    color: #ffffff !important;
    margin: 0 !important;
}

/* Wasserzeichen im Hero */
#hero-mobile-product-detail::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url("/wp-content/uploads/2026/06/Logo-Icon-Hintergrund-Element.png");
    background-repeat: no-repeat;
    background-position: center right;
    background-size: contain;
    opacity: .08;
    z-index: 1;
    pointer-events: none;
	top: -100px;
    width: 120%;
}
	
/*********************************
Produktdetailsseite – Pfeil auf Divider
*********************************/

/* Pfeil-Row sicher am unteren Rand des Heros positionieren */
#hero-mobile-product-detail
.et_pb_row.rwg-product-mobile-detail-arrow-row {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: auto !important;
    bottom: 2px !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    height: 48px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    overflow: visible !important;
    pointer-events: none !important;
    z-index: 50 !important;
}

/* Spalte der Pfeil-Row */
#hero-mobile-product-detail
.et_pb_row.rwg-product-mobile-detail-arrow-row
.et_pb_column {
    position: relative !important;
    display: block !important;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    height: 48px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
}

/* Code-Modul exakt mittig positionieren */
#hero-mobile-product-detail
.et_pb_row.rwg-product-mobile-detail-arrow-row
.et_pb_code {
    position: absolute !important;
    left: 50% !important;
    right: auto !important;
    top: 0 !important;
    bottom: auto !important;
    display: block !important;
    width: 48px !important;
    height: 48px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: translateX(-50%) !important;
    overflow: visible !important;
    z-index: 51 !important;
}

/* Divi-Innencontainer */
#hero-mobile-product-detail
.et_pb_row.rwg-product-mobile-detail-arrow-row
.et_pb_code_inner {
    position: relative !important;
    display: block !important;
    width: 48px !important;
    height: 48px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
}
#hero-mobile-product-detail::after {
    content: "";
    position: absolute;
    left: -5%;
    bottom: 15px;
    width: 115%;
    height: 20px;
    background: #f05329;
    transform: rotate(-3deg);
    transform-origin: center center;
    z-index: 6;
  }
/* Weiße Fläche direkt unterhalb der orangefarbenen Linie */
#hero-mobile-product-detail
.et_pb_row.rwg-product-mobile-detail-arrow-row::before {
    content: "";
    position: absolute;
    left: -8%;
    top: 34px;
    width: 116%;
    height: 90px;
    margin: 0;
    padding: 0;

    background: #ffffff;

    transform: rotate(-3deg);
    transform-origin: center center;

    pointer-events: none;
    z-index: 1;
}
	
/* Orangefarbener Kreis */
#hero-mobile-product-detail .rwg-product-mobile-detail-arrow {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 48px !important;
    height: 48px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #f05329 !important;
    border: 0 !important;
    border-radius: 50% !important;
    box-shadow: 0 3px 8px rgba(0,0,0,.25) !important;
    overflow: visible !important;
    z-index: 52 !important;
}

/* Weißer SVG-Pfeil */
#hero-mobile-product-detail .rwg-product-mobile-detail-arrow svg {
    display: block !important;
    width: 25px !important;
    height: 25px !important;
    margin: 2px 0 0 0 !important;
    padding: 0 !important;
    overflow: visible !important;
}

/* SVG-Linie */
#hero-mobile-product-detail .rwg-product-mobile-detail-arrow path {
    fill: none !important;
    stroke: #ffffff !important;
    stroke-width: 3 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

/*********************************
Besonders schmale Smartphones
*********************************/

@media only screen and (max-width: 380px) {

    #hero-mobile-product-detail {
        min-height: 395px !important;
        padding-top: 28px !important;
        background-size: 72% auto !important;
        background-position: right center !important;
    }

    /*
    Nur die Haupt-Row mit Text und Team-Bild.
    Die Pfeil-Row wird ausdrücklich ausgeschlossen.
    */
    #hero-mobile-product-detail
    > .et_pb_row:not(.rwg-product-mobile-detail-arrow-row) {
        min-height: 365px !important;
        padding-left: 6% !important;
        padding-right: 6% !important;
    }
    #hero-mobile-product-detail h1 {
        font-size: 36px !important;
        margin-bottom: 20px !important;
    }
    #hero-mobile-product-detail h2,
    #hero-mobile-product-detail .et_pb_text_inner > p {
        width: 100% !important;
        max-width: 320px !important;

        font-size: 24px !important;
        line-height: 1.4em !important;
    }
    #hero-mobile-product-detail::before {
        bottom: 7px !important;
        height: 22px !important;
    }
    #hero-mobile-product-detail::after {
        bottom: -7px !important;
        height: 14px !important;
    }

    /* Pfeil-Row klein halten */
    #hero-mobile-product-detail
    .et_pb_row.rwg-product-mobile-detail-arrow-row {
        min-height: 0 !important;
        height: 44px !important;
        padding: 0 !important;
        bottom: 2px !important;
    }
    #hero-mobile-product-detail
    .et_pb_row.rwg-product-mobile-detail-arrow-row
    .et_pb_column {
        min-height: 0 !important;
        height: 44px !important;
        padding: 0 !important;
    }
    #hero-mobile-product-detail
    .et_pb_row.rwg-product-mobile-detail-arrow-row
    .et_pb_code,
    #hero-mobile-product-detail
    .et_pb_row.rwg-product-mobile-detail-arrow-row
    .et_pb_code_inner {
        width: 44px !important;
        height: 44px !important;
    }
    #hero-mobile-product-detail .rwg-product-mobile-detail-arrow {
        width: 44px !important;
        height: 44px !important;
    }
    #hero-mobile-product-detail .rwg-product-mobile-detail-arrow svg {
        width: 23px !important;
        height: 23px !important;
    }
.rwg-product-mobile-detail-hero-image .et_pb_image_wrap {
  max-width: 70% !important;
  display: inline-block;
  position: relative;
  text-align:center;
}

}
/* Contentbereich der Produktdetails */
.rwg-product-detail-intro h3 {
  font-size: 20px !important;
}
.rwg-product-detail-info-box {
  margin: 20px auto 20px auto !important;
}

/**********************************************************
SMARTPHONE
Produktdetailseiten
Informationsbereich (Akkordeon)
**********************************************************/
	
.rwg-product-mobile-accordion{
    margin-bottom:18px;
}
.rwg-product-mobile-accordion .et_pb_toggle_title{
    font-family:'Eurostile Extd',Arial,sans-serif;
    font-size:15px;
    font-weight:600;
    color:#fff;
    text-transform:uppercase;
}
.rwg-product-mobile-accordion.et_pb_toggle{
    background:#1a262b;
    border:1px solid rgba(255,255,255,.08);
    border-radius:0;
    overflow:hidden;
}	
.rwg-product-mobile-accordion .et_pb_toggle_content{
    background:#1a262b;
    padding:20px;
    font-size:15px;
	font-weight:300;
    line-height:1.4em;
}	
.rwg-product-mobile-accordion-row{
    position: relative;
    overflow: visible;
    padding-bottom: 70px !important;
    background:#1b2428;
}

/*********************************
Abschluss Akkordeonbereich
*********************************/

.rwg-product-mobile-divider-row{
    position: relative;
    background: #fff;
    height: 55px;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;
}
.rwg-product-mobile-divider-row::before{
    content: "";
    position: absolute;
    inset: 0;
    background: #1b2428;
    clip-path: polygon(
    0 0,
    100% 0,
    50% 60%
    );
}
	
/*********************************
Produktdetails – Wälzlager-Tabelle mobil
*********************************/

.rwg-bearing-table {
    width: 100% !important;
    margin: 28px 0 35px !important;
    table-layout: fixed !important;
}

/* Beide Spalten gleich breit */
.rwg-bearing-table th,
.rwg-bearing-table td {
    width: 50% !important;
    overflow-wrap: break-word !important;
    hyphens: auto;
}

/* Tabellenüberschriften */
.rwg-bearing-table th {
    font-size: 14px !important;
    line-height: 1.25em !important;
    padding: 14px 8px !important;
}

/* Tabelleninhalte */
.rwg-bearing-table td {
    font-size: 13px !important;
    line-height: 1.35em !important;
    padding: 10px 7px !important;
    vertical-align: middle !important;
}	

@media only screen and (max-width: 380px) {

    .rwg-bearing-table th {
        font-size: 13px !important;
        padding: 12px 6px !important;
    }

    .rwg-bearing-table td {
        font-size: 12px !important;
        padding: 9px 5px !important;
    }

}
	
/*********************************
07 Smartphone – Wir über uns / About us
*********************************/

/*********************************
Über uns – Hero mobil
*********************************/

#hero-mobile-ueberuns {
    position: relative !important;
    width: 100% !important;
    min-height: 620px !important;
    margin: 0 !important;
    padding: 52px 0 95px !important;
    overflow: hidden !important;

    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

/* Dunkler Filter */
#hero-mobile-ueberuns::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,.42);
    z-index: 1;
    pointer-events: none;
}

/* Haupt-Row */
#hero-mobile-ueberuns
> .et_pb_row:not(.rwg-mobile-about-arrow-row) {
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 7% !important;
    z-index: 3 !important;
}

/* Hauptspalte */
#hero-mobile-ueberuns
> .et_pb_row:not(.rwg-mobile-about-arrow-row)
> .et_pb_column {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Text */
#hero-mobile-ueberuns .et_pb_text,
#hero-mobile-ueberuns .et_pb_text_inner {
    position: relative !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 4 !important;
}

/* Hauptüberschrift */
#hero-mobile-ueberuns h1 {
    font-family: 'Eurostile Extd', Arial, sans-serif !important;
    font-size: 34px !important;
    line-height: 1.05em !important;
    font-weight: 600 !important;
    color: #f05329 !important;
    margin: 0 0 34px !important;
    padding: 0 !important;
}

/* Unterzeilen */
#hero-mobile-ueberuns h2,
#hero-mobile-ueberuns p {
    width: 100% !important;
    max-width: 360px !important;
    font-family: 'Eurostile Extd', Arial, sans-serif !important;
    font-size: 22px !important;
    line-height: 1.35em !important;
    font-weight: 400 !important;
    color: #ffffff !important;
    margin: 0 0 28px !important;
    padding: 0 !important;
}
	
/* Eventuelle Spans neutralisieren */
#hero-mobile-ueberuns h1 span,
#hero-mobile-ueberuns h2 span,
#hero-mobile-ueberuns p span {
    font-family: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: inherit !important;
    color: inherit !important;
}

/* Orange Abschlusslinie */
#hero-mobile-ueberuns::after {
    content: "";
    position: absolute;
    left: -5%;
    bottom: 17px;
    width: 115%;
    height: 22px;
    background: #f05329;
    transform: rotate(-3deg);
    transform-origin: center center;
    z-index: 6;
    pointer-events: none;
}

/*********************************
Über uns – Pfeil auf Divider
*********************************/

/* Pfeil-Row über die gesamte Hero-Breite */
#hero-mobile-ueberuns
.et_pb_row.rwg-mobile-about-arrow-row {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: auto !important;
    bottom: 2px !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    height: 48px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    overflow: visible !important;
    pointer-events: none !important;
    z-index: 50 !important;
}
/* Weiße Fläche direkt unterhalb der orangefarbenen Linie */
#hero-mobile-ueberuns
.et_pb_row.rwg-mobile-about-arrow-row::before {
    content: "";
    position: absolute;
    left: -8%;
    top: 34px;
    width: 116%;
    height: 90px;
    background: #ffffff;
    transform: rotate(-3deg);
    transform-origin: center center;
    pointer-events: none;
    z-index: 1;
}
	
/* Spalte der Pfeil-Row */
#hero-mobile-ueberuns
.et_pb_row.rwg-mobile-about-arrow-row
.et_pb_column {
    position: relative !important;
    display: block !important;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    height: 48px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
}

/* Code-Modul exakt mittig */
#hero-mobile-ueberuns
.et_pb_row.rwg-mobile-about-arrow-row
.et_pb_code {
    position: absolute !important;
    left: 50% !important;
    right: auto !important;
    top: 0 !important;
    bottom: auto !important;
    display: block !important;
    width: 48px !important;
    height: 48px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: translateX(-50%) !important;
    overflow: visible !important;
    z-index: 51 !important;
}

/* Divi-Innencontainer */
#hero-mobile-ueberuns
.et_pb_row.rwg-mobile-about-arrow-row
.et_pb_code_inner {
    position: relative !important;
    display: block !important;

    width: 48px !important;
    height: 48px !important;

    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
}

/* Orangefarbener Kreis */
#hero-mobile-ueberuns .rwg-mobile-about-arrow {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 48px !important;
    height: 48px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #f05329 !important;
    border: 0 !important;
    border-radius: 50% !important;
    box-shadow: 0 3px 8px rgba(0,0,0,.25) !important;
    overflow: visible !important;
    z-index: 52 !important;
}

/* SVG-Pfeil */
#hero-mobile-ueberuns .rwg-mobile-about-arrow svg {
    display: block !important;
    width: 25px !important;
    height: 25px !important;
    margin: 2px 0 0 0 !important;
    padding: 0 !important;
    overflow: visible !important;
}

/* Pfeillinien */
#hero-mobile-ueberuns .rwg-mobile-about-arrow path {
    fill: none !important;
    stroke: #ffffff !important;
    stroke-width: 3 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}
	
/* Intro */
.intro-mobile-ueberuns h3 {
  font-family: 'Inter', Arial, sans-serif !important;
  font-size: 22px !important;
  line-height: 1.2 !important;
  font-weight: 400 !important;
  color: #132225 !important;
  letter-spacing: -0.02em;
  margin-bottom: 24px !important;
}
.intro-mobile-ueberuns p {
  font-weight: 300 !important;
  font-size: 15px !important;
}
.ueberuns-mobile-zahlen h2 {
  font-family: 'Eurostile Extd', Arial, sans-serif !important;
  font-size: 22px !important;
  line-height: 1.15 !important;
  font-weight: 600 !important;
  color: #f05329 !important;
  text-align: center !important;
  margin-bottom: 5px !important;
}
	
/*********************************
Über uns – RWG in Zahlen mobil
*********************************/

.ueberuns-mobile-icons {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    width: 90% !important;
    max-width: 430px !important;
    margin: 0 auto !important;
    padding: 15px 0 45px !important;
}

/* Zwei gleich breite Spalten */
.ueberuns-mobile-icons > .et_pb_column {
    display: flex !important;
    flex-direction: column !important;
    width: 45% !important;
    max-width: 45% !important;
    flex: 0 0 50% !important;
    margin: 0 !important;
    padding: 0 10px !important;
}

/* Einzelner Zahlenblock */
.ueberuns-mobile-icons .et_pb_blurb {
    width: 100% !important;
    min-height: 150px !important;
    margin: 0 0 28px !important;
    padding: 0 !important;
    text-align: center !important;
}

/* Icon */
.ueberuns-mobile-icons .et_pb_main_blurb_image {
    display: block !important;
    margin: 0 auto 22px !important;
}

.ueberuns-mobile-icons .et_pb_main_blurb_image img {
    width: 54px !important;
    height: 54px !important;
    max-width: 54px !important;
    object-fit: contain !important;
}

/* Falls Divi-Icons statt Bildern verwendet werden */
.ueberuns-mobile-icons .et-pb-icon {
    font-size: 54px !important;
    color: #f05329 !important;
}

/* Große Zahl */
.ueberuns-mobile-icons .et_pb_module_header,
.ueberuns-mobile-icons .et_pb_module_header span {
    font-family: 'Eurostile Extd', Arial, sans-serif !important;
    font-size: 28px !important;
    line-height: 1em !important;
    font-weight: 900 !important;
    color: #111b1f !important;
    margin: 0 0 14px !important;
    padding: 0 !important;
    text-align: center !important;
    white-space: nowrap !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
}

/* Bezeichnung unter der Zahl */
.ueberuns-mobile-icons .et_pb_blurb_description,
.ueberuns-mobile-icons .et_pb_blurb_description p {
    font-family: 'Inter', Arial, sans-serif !important;
    font-size: 15px !important;
    line-height: 1.35em !important;
    font-weight: 300 !important;
    color: #333333 !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
}

/*********************************
Über uns – Timeline mobil
*********************************/

@media only screen and (max-width: 767px) {

	.rwg-kicker {
  		text-align: center;
  		padding-top: 5%;
	}
    .ueberuns-timeline {
        padding-top: 55px !important;
        padding-bottom: 55px !important;
        overflow: hidden !important;
    }
   .rwg-timeline-item {
        display: block;
        padding-left: 20px;
        margin-bottom: 46px;
    }
	.rwg-timeline-content {
  		margin-left: 0px !important;
  		padding-left: 0 !important;
	}	
    /* Alle Timeline-Rows mobil volle Breite */
    .ueberuns-timeline .et_pb_row {
        width: 88% !important;
        max-width: 520px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* Sämtliche Spalten untereinander */
    .ueberuns-timeline .et_pb_column {
        display: block !important;
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-right: 0 !important;
        margin-bottom: 0 !important;
    }

    /* Bilder */
    .ueberuns-timeline .et_pb_image {
        width: 100% !important;
        margin: 0 auto 25px !important;
        text-align: center !important;
    }
    .ueberuns-timeline .et_pb_image_wrap,
    .ueberuns-timeline .et_pb_image img {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
    }

    /* Jahreszahlen */
    .ueberuns-timeline h2 {
        font-family: 'Eurostile Extd', Arial, sans-serif !important;
        font-size: 34px !important;
        line-height: 1em !important;
        font-weight: 900 !important;
        text-align: center !important;
        margin: 0 0 24px !important;
    }

    /* Überschriften innerhalb der Station */
    .ueberuns-timeline h3 {
        font-size: 20px !important;
        line-height: 1.25em !important;
        margin: 0 0 12px !important;
    }

    /* Beschreibungstexte */
    .ueberuns-timeline p {
        font-size: 15px !important;
        line-height: 1.65em !important;
        margin-bottom: 0 !important;
    }

    /* Blurbs nicht mehr zweispaltig darstellen */
    .ueberuns-timeline .et_pb_blurb_content {
        display: block !important;
        max-width: 100% !important;
        text-align: left !important;
    }
    .ueberuns-timeline .et_pb_main_blurb_image {
        display: block !important;
        width: auto !important;
        margin: 0 0 18px !important;
        text-align: left !important;
    }
    .ueberuns-timeline .et_pb_blurb_container {
        display: block !important;
        width: 100% !important;
        padding-left: 0 !important;
    }
/*********************************
Über uns – Unsere Stärken mobil
*********************************/

.ueberuns-mobile-rwg-werte {
    padding: 55px 0 5px !important; /* padding: 55px 0 65px !important; */
    background: #ffffff;
}

/* Einleitung / Überschrift */
.ueberuns-mobile-rwg-werte
.ueber-uns-rwg-ausgezeichnet {
    width: 86% !important;
    max-width: 430px !important;
    margin: 0 auto 40px !important;
    padding: 0 !important;
}

/* Überschrift */
.ueberuns-mobile-rwg-werte
.ueber-uns-rwg-ausgezeichnet h2,
.ueberuns-mobile-rwg-werte
.ueber-uns-rwg-ausgezeichnet h3 {
    margin: 0 0 15px !important;
    font-family: 'Eurostile Extd', Arial, sans-serif !important;
    font-size: 25px !important;
    line-height: 1.2em !important;
    font-weight: 700 !important;
    color: #111b1f !important;
}

/* Einleitungstext */
.ueberuns-mobile-rwg-werte
.ueber-uns-rwg-ausgezeichnet p {
    margin: 0 !important;
    font-family: 'Inter', Arial, sans-serif !important;
    font-size: 15px !important;
    line-height: 1.7em !important;
    font-weight: 300 !important;
    color: #333333 !important;
}


/*********************************
Werte – zweispaltige Darstellung
*********************************/

.ueberuns-mobile-rwg-werte
.rwg-values-row {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    width: 100% !important; /* 90% */
    max-width: 460px !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

/* Zwei gleich breite Spalten */
.ueberuns-mobile-rwg-werte
.rwg-values-row > .et_pb_column {
    display: flex !important;
    flex-direction: column !important;
    width: 50% !important;
    max-width: 50% !important;
    flex: 0 0 50% !important;
    margin: 0 !important;
    padding: 0 0px !important; /* padding: 0 8px !important; */
}

/* Einzelner Werte-Blurb */
.ueberuns-mobile-rwg-werte
.rwg-values-row .et_pb_blurb {
    width: 100% !important;
    min-height: 330px !important;
    margin: 0 0 0px !important; /* margin: 0 0 20px !important; */
    padding: 24px 14px !important;
    background: #1b2428 !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    text-align: center !important;
}

/* Icon */
.ueberuns-mobile-rwg-werte
.rwg-values-row .et_pb_main_blurb_image {
    display: block !important;
    margin: 0 auto 18px !important;
}
.ueberuns-mobile-rwg-werte
.rwg-values-row .et-pb-icon {
    font-size: 46px !important;
    color: #f05329 !important;
}

/* Titel des Wertes */
.ueberuns-mobile-rwg-werte
.rwg-values-row .et_pb_module_header,
.ueberuns-mobile-rwg-werte
.rwg-values-row .et_pb_module_header span {
    margin: 0 0 12px !important;
    padding: 0 !important;
    font-family: 'Eurostile Extd', Arial, sans-serif !important;
    font-size: 17px !important;
    line-height: 1.2em !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    text-align: center !important;
}

/* Beschreibung */
.ueberuns-mobile-rwg-werte
.rwg-values-row .et_pb_blurb_description,
.ueberuns-mobile-rwg-werte
.rwg-values-row .et_pb_blurb_description p {
    margin: 0 !important;
    padding: 0 !important;
    font-family: 'Inter', Arial, sans-serif !important;
    font-size: 12px !important; /* 14px !important; */
    line-height: 1.55em !important;
    font-weight: 300 !important;
    color: #ffffff !important;

    text-align: center !important;
}
@media only screen and (max-width: 380px) {

    .ueberuns-mobile-rwg-werte
    .rwg-values-row > .et_pb_column {
        padding: 0 5px !important;
    }
    .ueberuns-mobile-rwg-werte
    .rwg-values-row .et_pb_blurb {
        min-height: 250px !important;
        padding: 22px 10px !important;
    }
    .ueberuns-mobile-rwg-werte
    .rwg-values-row .et_pb_module_header,
    .ueberuns-mobile-rwg-werte
    .rwg-values-row .et_pb_module_header span {
        font-size: 15px !important;
    }
    .ueberuns-mobile-rwg-werte
    .rwg-values-row .et_pb_blurb_description,
    .ueberuns-mobile-rwg-werte
    .rwg-values-row .et_pb_blurb_description p {
        font-size: 13px !important;
    }
}
	
/*********************************
Abschluss Wertebereich
*********************************/

.rwg-werte-mobile-divider-row{
    position: relative;
    background: #fff;
    height: 55px;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;
}
.rwg-werte-mobile-divider-row::before{
    content: "";
    position: absolute;
    inset: 0;
    background: #1b2428;
    clip-path: polygon(
    0 0,
    100% 0,
    50% 60%
    );
}
.rwg-werte2-mobile-divider-row{
    position: relative;
    background: #1b2428;
    height: 55px;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;
}
.rwg-werte2-mobile-divider-row::before{
    content: "";
    position: absolute;
    inset: 0;
    background: #ffffff;
    clip-path: polygon(
    0 0,
    100% 0,
    50% 60%
    );
}
/*********************************
Über uns – Unsere Werte mobil
*********************************/

.ueberuns-rwg-werte {
    padding: 0 !important;
}

/* Einleitungsbereich */
.ueberuns-rwg-werte .ueber-uns-werte {
    margin-bottom: 0 !important;
}

.ueberuns-rwg-werte .ueber-uns-werte h4 {
    font-size: 24px !important;
    line-height: 1.25em !important;
}

/* Werte-Rows */
.ueberuns-rwg-werte .rwg-werte-row {
    padding-bottom: 0 !important;
}

/* Einzelne Spalten / Karten */
.ueberuns-rwg-werte .rwg-werte-row .et_pb_column {
    padding: 40px !important;
    margin-bottom: 10px !important;
}

/* Trennlinie unter der Überschrift */
.ueberuns-rwg-werte
.rwg-werte-row
.et_pb_blurb h4::after {
    margin: 20px auto 30px !important;
}
	
/* Blurb-Titel */
.ueberuns-rwg-werte
.rwg-werte-row
.et_pb_blurb h4 {
    font-size: 22px !important;
    line-height: 1.2em !important;
}

/* Beschreibungstext */
.ueberuns-rwg-werte
.rwg-werte-row
.et_pb_blurb_description,
.ueberuns-rwg-werte
.rwg-werte-row
.et_pb_blurb_description p {
    font-size: 15px !important;
    line-height: 1.65em !important;
}
	
@media only screen and (max-width: 380px) {

    .ueberuns-rwg-werte
    .rwg-werte-row
    .et_pb_column {
        padding: 30px 24px !important;
    }

    .ueberuns-rwg-werte
    .rwg-werte-row
    .et_pb_blurb h4 {
        font-size: 20px !important;
    }
}
	
/* Abstand zum Footer */
.ueberuns-rwg-werte {
    padding-bottom: 35% !important;
}
	
}
	
/*********************************
10 Karriere
*********************************/


/*********************************
11 Ausbildung
*********************************/



/*********************************
08 Smartphone – Rechtliche Seiten
*********************************/
/*********************************
12 Rechtliches
*********************************/

/*********************************
Rechtliche Seiten – Hero mobil
Impressum / Datenschutz /
Rechtliche Hinweise
*********************************/

#hero-rechtliches {
    position: relative !important;
    min-height: 25vh !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    overflow: hidden !important;
}

/* Dunkler Filter über dem Hintergrundbild */
#hero-rechtliches::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: rgba(0, 0, 0, .55) !important;
    z-index: 1 !important;
    pointer-events: none !important;
}

/* Row und Inhalte über dem Schwarzfilter */
#hero-rechtliches > .et_pb_row,
#hero-rechtliches .et_pb_column,
#hero-rechtliches .et_pb_module {
    position: relative !important;
    z-index: 2 !important;
}

/* Hauptüberschrift */
#hero-rechtliches h1 {
    font-size: 28px !important;
    line-height: 1.15em !important;
    padding-top: 10% !important;
}
.rwg-legal-content h2 {
    font-size: 22px !important;
    line-height: 1.3em !important;
    }

.rwg-legal-content h3 {
    font-size: 18px !important;
    line-height: 1.35em !important;
    }
/* Unterzeile */
#hero-rechtliches h2,
#hero-rechtliches p,
#hero-rechtliches .rwg-hero-subline {
    font-size: 22px !important;
    line-height: 1.35em !important;
}
/*********************************
Rechtliche Hinweise – Hero mobil
*********************************/

#hero-rechtliche-hinweise {
    min-height: 40vh !important;
}
#hero-rechtliche-hinweise h1 {
    font-size: 28px !important;
    line-height: 1.15em !important;

    padding-top: 10% !important;
}
#hero-rechtliche-hinweise h2 {
    font-size: 22px !important;
    line-height: 26px !important;
}

/* Unterer schräger Divider */
#hero-rechtliche-hinweise.section_has_divider.et_pb_bottom_divider
.et_pb_bottom_inside_divider {
    position: absolute !important;
    left: -5% !important;
    bottom: -55px !important;
    width: 110% !important;
    height: 110px !important;
    background: #ffffff !important;
    border-top: 20px solid #f05329 !important;
    transform: rotate(-3.5deg) !important;
    transform-origin: center center !important;
    overflow: visible !important;
    z-index: 40 !important;
}

/* Orangefarbener Pfeilkreis */
#hero-rechtliche-hinweise.section_has_divider.et_pb_bottom_divider
.et_pb_bottom_inside_divider::after {
    content: "";
    position: absolute;
    left: 50%;
    top: -40px;
    width: 60px;
    height: 55px;
    transform: translateX(-50%);
    background-image: url("data:image/svg+xml,%3Csvg width='73' height='73' viewBox='0 0 73 73' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_529_216)'%3E%3Ccircle cx='36.0018' cy='36.16' r='28.158' fill='%23F05329'/%3E%3Cpath d='M36.1428 46.3109C36.0652 46.3863 35.9418 46.3863 35.8642 46.3109L19.174 30.1023C19.0452 29.9771 19.1337 29.7588 19.3133 29.7588H24.3372C24.3892 29.7588 24.4392 29.7791 24.4765 29.8153L35.8635 40.8741C35.9411 40.9495 36.0646 40.9495 36.1422 40.8741L47.5298 29.8153C47.5672 29.7791 47.6172 29.7588 47.6692 29.7588H52.6937C52.8733 29.7588 52.9619 29.9771 52.833 30.1023L36.1428 46.3109Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_529_216' x='3.84375' y='8.00195' width='64.3164' height='64.3159' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeOffset dy='4'/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0'/%3E%3CfeBlend mode='normal' in='SourceGraphic' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");

    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    pointer-events: none;
    z-index: 9999;
}


/*********************************
09 Smartphone – Footer
*********************************/
/*********************************
01 Footer
*********************************/

.rwg-mobile-footer-logo {width: 40%;text-align: left !important;margin: 0px;}
.rwg-mobile-footer-text h5 {
 font-family:'Eurostile Extd', Arial, sans-serif; color:#f05329; font-weight:600; padding-top:5px; margin-top: -20px;}
.rwg-mobile-footer-text p {font-weight:300;}
.rwg-mobile-footer-text a {color:#f05329; font-weight:600;text-decoration:pointer;}
.rwg-mobile-footer-copy p {font-weight:300; font-size:12px;}

/*********************************
02 Allgemeine Typografie
*********************************/

/*********************************
13 Footer
*********************************/

.rwg-mobile-footer p {color: #ffffff;}



}
}