.elementor-11134 .elementor-element.elementor-element-555a7ce{--display:flex;}.elementor-11134 .elementor-element.elementor-element-0c0c0a1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-11134 .elementor-element.elementor-element-0ce4bea{--display:flex;--padding-top:0px;--padding-bottom:060px;--padding-left:0px;--padding-right:0px;}.elementor-11134 .elementor-element.elementor-element-b9b3437.elementor-element{--align-self:flex-start;}.elementor-11134 .elementor-element.elementor-element-b9b3437{text-align:start;}.elementor-11134 .elementor-element.elementor-element-b9b3437 .elementor-heading-title{font-weight:500;}.elementor-11134 .elementor-element.elementor-element-ef23568.elementor-element{--align-self:flex-start;}.elementor-11134 .elementor-element.elementor-element-ef23568{text-align:start;}.elementor-11134 .elementor-element.elementor-element-ef23568 .elementor-heading-title{font-weight:bold;}.elementor-11134 .elementor-element.elementor-element-b6c5150{width:var( --container-widget-width, 85% );max-width:85%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:30px 0px 0px 0px;--container-widget-width:85%;--container-widget-flex-grow:0;border-style:none;columns:2;column-gap:59px;text-align:justify;font-size:20px;}.elementor-11134 .elementor-element.elementor-element-b6c5150.elementor-element{--align-self:flex-end;}.elementor-11134 .elementor-element.elementor-element-4a00983{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:none;--border-style:none;}.elementor-11134 .elementor-element.elementor-element-b712550{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-secondary );--border-color:var( --e-global-color-secondary );}.elementor-11134 .elementor-element.elementor-element-a353f9b{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-11134 .elementor-element.elementor-element-a353f9b:not(.elementor-motion-effects-element-type-background), .elementor-11134 .elementor-element.elementor-element-a353f9b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://rhenus.betadevelopment.de/wp-content/uploads/rhenus-lub-distributoren-kontakt2.jpeg");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-11134 .elementor-element.elementor-element-0af43f3{--display:flex;}.elementor-11134 .elementor-element.elementor-element-0d8f96c .elementor-heading-title{font-weight:500;color:#FFFFFF;}.elementor-11134 .elementor-element.elementor-element-02551e0 .elementor-heading-title{color:#FFFFFF;}.elementor-11134 .elementor-element.elementor-element-abeac68{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-11134 .elementor-element.elementor-element-4bb586b .elementor-button{background-color:#ffcc01;font-weight:500;line-height:34px;fill:#1e1e1e;color:#1e1e1e;padding:0px 0px 0px 0px;}.elementor-11134 .elementor-element.elementor-element-4bb586b .elementor-button:hover, .elementor-11134 .elementor-element.elementor-element-4bb586b .elementor-button:focus{background-color:#d4b500;}.elementor-11134 .elementor-element.elementor-element-4bb586b .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-11134 .elementor-element.elementor-element-9cbc8bf img{width:499px;height:auto;object-fit:cover;object-position:center center;}.elementor-11134 .elementor-element.elementor-element-b8aba31{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:69px 69px;--row-gap:69px;--column-gap:69px;--overflow:hidden;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#FFFFFF;--border-color:#FFFFFF;}.elementor-11134 .elementor-element.elementor-element-4861d0b{--display:flex;--padding-top:0px;--padding-bottom:060px;--padding-left:0px;--padding-right:0px;}.elementor-11134 .elementor-element.elementor-element-9ccf05e.elementor-element{--align-self:flex-start;}.elementor-11134 .elementor-element.elementor-element-9ccf05e .elementor-heading-title{font-weight:500;}.elementor-11134 .elementor-element.elementor-element-47ee07a{text-align:start;}.elementor-11134 .elementor-element.elementor-element-47ee07a .elementor-heading-title{font-weight:bold;}.elementor-11134 .elementor-element.elementor-element-9443c84{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;border-style:none;text-align:start;}.elementor-11134 .elementor-element.elementor-element-9443c84.elementor-element{--align-self:flex-start;}.elementor-11134 .elementor-element.elementor-element-a170354{--display:flex;}.elementor-11134 .elementor-element.elementor-element-138f151{--display:flex;}.elementor-11134 .elementor-element.elementor-element-2d4cc12{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;color:#0A0202C7;}.elementor-11134 .elementor-element.elementor-element-c8e7355{--display:flex;}.elementor-11134 .elementor-element.elementor-element-d13cfce{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;color:#0A0202C7;}.elementor-11134 .elementor-element.elementor-element-3da5642{--n-accordion-title-font-size:20px;--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}:where( .elementor-11134 .elementor-element.elementor-element-3da5642 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Frutiger", Sans-serif;font-weight:600;}.elementor-11134 .elementor-element.elementor-element-aafda2a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;}.elementor-11134 .elementor-element.elementor-element-aafda2a:not(.elementor-motion-effects-element-type-background), .elementor-11134 .elementor-element.elementor-element-aafda2a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F7;}@media(min-width:768px){.elementor-11134 .elementor-element.elementor-element-0af43f3{--width:58%;}.elementor-11134 .elementor-element.elementor-element-4861d0b{--width:85%;}.elementor-11134 .elementor-element.elementor-element-a170354{--width:76%;}}@media(max-width:1024px){.elementor-11134 .elementor-element.elementor-element-ef23568{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 30px;}.elementor-11134 .elementor-element.elementor-element-b6c5150{columns:1;}.elementor-11134 .elementor-element.elementor-element-9cbc8bf img{width:219px;height:208px;}}@media(max-width:767px){.elementor-11134 .elementor-element.elementor-element-ef23568{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-11134 .elementor-element.elementor-element-b6c5150{padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;text-align:start;}.elementor-11134 .elementor-element.elementor-element-b6c5150.elementor-element{--align-self:flex-start;}.elementor-11134 .elementor-element.elementor-element-9cbc8bf{width:100%;max-width:100%;}.elementor-11134 .elementor-element.elementor-element-9cbc8bf img{width:100%;height:143px;}.elementor-11134 .elementor-element.elementor-element-4861d0b{--padding-top:0px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for heading, class: .elementor-element-02551e0 */.elementor-11134 .elementor-element.elementor-element-02551e0 {max-width:70%!important;}/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-3da5642 *//* ============================================================ RHENUS · Nested-Accordion Overwrite Variante: "Yellow Accent" (Demo 3, angepasst) ------------------------------------------------------------ - Weiße Cards mit dezentem Schatten + 1 px Border - 4 px gelber Left-Stripe (immer sichtbar) - Gelber Icon-Kreis mit Charcoal-Plus (closed) - Open: Icon wechselt zu Charcoal-Kreis mit gelbem Minus, Card-Shadow vertieft sich, Body-Content faded gestaffelt ein - Text-Styling (Schrift / Größe / Farbe) macht Elementor selbst ------------------------------------------------------------ Einfügen in: • Elementor → Site Settings → Custom CSS (gilt site-weit) • oder pro Widget: Advanced → Custom CSS (dann .e-n-accordion durch ".elementor-11134 .elementor-element.elementor-element-3da5642" ersetzen) ============================================================ */ /* Tweak-Variablen ------------------------------------------ */ .e-n-accordion { --rh-accent: #FFCC01; --rh-text: #333333; --rh-bg: #FFFFFF; --rh-border: #EEEEEE; --rh-radius: 16px; --rh-gap: 14px; --rh-stripe: 4px; --rh-ease: cubic-bezier(.2, .8, .2, 1); display: flex; flex-direction: column; gap: var(--rh-gap); background: transparent !important; } /* Card =
----------------------------------------- */ .e-n-accordion .e-n-accordion-item { position: relative; background: var(--rh-bg) !important; border-radius: var(--rh-radius) !important; overflow: hidden; border: none !important; box-shadow: 0 1px 2px rgba(0, 0, 0, .04), 0 0 0 1px var(--rh-border); transition: box-shadow .4s var(--rh-ease), transform .35s var(--rh-ease); } /* Gelber Left-Stripe — immer 4 px breit, in beiden States ---- */ .e-n-accordion .e-n-accordion-item::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: var(--rh-stripe); background: var(--rh-accent); z-index: 1; pointer-events: none; } /* Hover (closed) ------------------------------------------- */ .e-n-accordion .e-n-accordion-item:not([open]):hover { transform: translateY(-3px); box-shadow: 0 14px 30px rgba(0, 0, 0, .08), 0 0 0 1px var(--rh-border); } /* Open-State: tieferer Soft-Shadow ------------------------- */ .e-n-accordion .e-n-accordion-item[open] { box-shadow: 12px 12px 50px rgba(0, 0, 0, .08), 0 0 0 1px var(--rh-border); } /* Title = — nur Layout, KEIN Text-Styling --------- */ .e-n-accordion .e-n-accordion-item-title { padding: 26px 28px 26px 32px !important; background: transparent !important; border: none !important; display: flex !important; align-items: center; justify-content: space-between; gap: 24px; cursor: pointer; list-style: none; } .e-n-accordion .e-n-accordion-item-title::-webkit-details-marker { display: none; } .e-n-accordion .e-n-accordion-item-title:focus-visible { outline: 2px solid var(--rh-accent); outline-offset: 2px; border-radius: 4px; } /* Icon-Container ------------------------------------------ */ .e-n-accordion .e-n-accordion-item-title-icon { width: 40px !important; height: 40px !important; flex-shrink: 0; border-radius: 999px; background: var(--rh-accent); display: flex !important; align-items: center; justify-content: center; color: var(--rh-text) !important; /* deckt Font-Icons ab */ transition: background .4s var(--rh-ease), color .35s var(--rh-ease), transform .45s var(--rh-ease); } /* Icon-Inhalt: SVG (alle Pfade) + Font-Icon + Spans ----- */ .e-n-accordion .e-n-accordion-item-title-icon svg, .e-n-accordion .e-n-accordion-item-title-icon svg * { fill: var(--rh-text) !important; color: var(--rh-text) !important; } .e-n-accordion .e-n-accordion-item-title-icon i, .e-n-accordion .e-n-accordion-item-title-icon .e-opened, .e-n-accordion .e-n-accordion-item-title-icon .e-closed { color: var(--rh-text) !important; } .e-n-accordion .e-n-accordion-item-title-icon svg { width: 14px !important; height: 14px !important; } /* OPEN-State: Icon flippt zu Charcoal-Kreis mit gelbem Minus */ .e-n-accordion .e-n-accordion-item[open] .e-n-accordion-item-title-icon { background: var(--rh-text); color: var(--rh-accent) !important; transform: rotate(180deg); } .e-n-accordion .e-n-accordion-item[open] .e-n-accordion-item-title-icon svg, .e-n-accordion .e-n-accordion-item[open] .e-n-accordion-item-title-icon svg * { fill: var(--rh-accent) !important; color: var(--rh-accent) !important; } .e-n-accordion .e-n-accordion-item[open] .e-n-accordion-item-title-icon i, .e-n-accordion .e-n-accordion-item[open] .e-n-accordion-item-title-icon .e-opened, .e-n-accordion .e-n-accordion-item[open] .e-n-accordion-item-title-icon .e-closed { color: var(--rh-accent) !important; } /* Body = direkter .e-con im
— nur Padding -------- */ .e-n-accordion .e-n-accordion-item > .e-con { padding: 4px 32px 30px 32px !important; background: transparent !important; } /* Stagger-Fade-Up für die Body-Inhalte beim Öffnen --------- */ .e-n-accordion .e-n-accordion-item[open] > .e-con > * { opacity: 0; transform: translateY(8px); animation: rhFadeUp .55s var(--rh-ease) forwards; } .e-n-accordion .e-n-accordion-item[open] > .e-con > *:nth-child(1) { animation-delay: .12s; } .e-n-accordion .e-n-accordion-item[open] > .e-con > *:nth-child(2) { animation-delay: .19s; } .e-n-accordion .e-n-accordion-item[open] > .e-con > *:nth-child(3) { animation-delay: .26s; } .e-n-accordion .e-n-accordion-item[open] > .e-con > *:nth-child(4) { animation-delay: .33s; } .e-n-accordion .e-n-accordion-item[open] > .e-con > *:nth-child(n+5) { animation-delay: .40s; } @keyframes rhFadeUp { to { opacity: 1; transform: translateY(0); } } /* Mobile (≤ 767 px) ---------------------------------------- */ @media (max-width: 767px) { .e-n-accordion { --rh-radius: 14px; --rh-gap: 10px; } .e-n-accordion .e-n-accordion-item-title { padding: 20px 20px 20px 24px !important; gap: 16px; } .e-n-accordion .e-n-accordion-item-title-icon { width: 34px !important; height: 34px !important; } .e-n-accordion .e-n-accordion-item > .e-con { padding: 4px 24px 24px 24px !important; } } /* Reduced motion ------------------------------------------ */ @media (prefers-reduced-motion: reduce) { .e-n-accordion *, .e-n-accordion *::before, .e-n-accordion *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; } }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Frutiger'; font-style: normal; font-weight: normal; font-display: auto; src: url('https://rhenus.betadevelopment.de/wp-content/uploads/FrutigerLTStd-Roman.woff') format('woff'); } @font-face { font-family: 'Frutiger'; font-style: normal; font-weight: bold; font-display: auto; src: url('https://rhenus.betadevelopment.de/wp-content/uploads/FrutigerLTStd-Bold.woff') format('woff'); } @font-face { font-family: 'Frutiger'; font-style: normal; font-weight: 400; font-display: auto; src: url('https://rhenus.betadevelopment.de/wp-content/uploads/FrutigerLTStd-Light.woff') format('woff'); } /* End Custom Fonts CSS */