.elementor-11174 .elementor-element.elementor-element-30fb62c{--display:flex;}.elementor-11174 .elementor-element.elementor-element-039a003{--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-11174 .elementor-element.elementor-element-0663ee5{--display:flex;--padding-top:0px;--padding-bottom:060px;--padding-left:0px;--padding-right:0px;}.elementor-11174 .elementor-element.elementor-element-bfc0dc6.elementor-element{--align-self:flex-start;}.elementor-11174 .elementor-element.elementor-element-bfc0dc6{text-align:start;}.elementor-11174 .elementor-element.elementor-element-bfc0dc6 .elementor-heading-title{font-weight:500;}.elementor-11174 .elementor-element.elementor-element-7b8b397.elementor-element{--align-self:flex-start;}.elementor-11174 .elementor-element.elementor-element-7b8b397{text-align:start;}.elementor-11174 .elementor-element.elementor-element-7b8b397 .elementor-heading-title{font-weight:bold;}.elementor-11174 .elementor-element.elementor-element-d3d27bb{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-11174 .elementor-element.elementor-element-d3d27bb.elementor-element{--align-self:flex-end;}.elementor-11174 .elementor-element.elementor-element-8edb9f4{--display:flex;}.elementor-11174 .elementor-element.elementor-element-aaf3985 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-11174 .elementor-element.elementor-element-71a2c66{--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-11174 .elementor-element.elementor-element-3610ce8{--display:flex;--padding-top:0px;--padding-bottom:060px;--padding-left:0px;--padding-right:0px;}.elementor-11174 .elementor-element.elementor-element-73c0e16.elementor-element{--align-self:flex-start;}.elementor-11174 .elementor-element.elementor-element-73c0e16{text-align:start;}.elementor-11174 .elementor-element.elementor-element-73c0e16 .elementor-heading-title{font-weight:500;}.elementor-11174 .elementor-element.elementor-element-b74b30c.elementor-element{--align-self:flex-start;}.elementor-11174 .elementor-element.elementor-element-b74b30c{text-align:start;}.elementor-11174 .elementor-element.elementor-element-b74b30c .elementor-heading-title{font-weight:bold;}.elementor-11174 .elementor-element.elementor-element-a7f049b{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-11174 .elementor-element.elementor-element-a7f049b.elementor-element{--align-self:flex-end;}.elementor-11174 .elementor-element.elementor-element-45e2a10{--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;--justify-content:flex-end;--align-items:center;--gap:16px 16px;--row-gap:16px;--column-gap:16px;}.elementor-11174 .elementor-element.elementor-element-d1959e3 .elementor-button{background-color:#ffcc01;font-size:16px;font-weight:500;line-height:34px;fill:#1e1e1e;color:#1e1e1e;padding:0px 0px 0px 0px;}.elementor-11174 .elementor-element.elementor-element-d1959e3 .elementor-button:hover, .elementor-11174 .elementor-element.elementor-element-d1959e3 .elementor-button:focus{background-color:#d4b500;}.elementor-11174 .elementor-element.elementor-element-d1959e3{width:var( --container-widget-width, 85% );max-width:85%;--container-widget-width:85%;--container-widget-flex-grow:0;}.elementor-11174 .elementor-element.elementor-element-d1959e3 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-11174 .elementor-element.elementor-element-c912493{--display:flex;}.elementor-11174 .elementor-element.elementor-element-93e4c6e .rh-scroll .rh-panel{min-height:calc(100svh - var(--rh-pin-offset, 0px));}.elementor-11174 .elementor-element.elementor-element-93e4c6e .rh-scroll{--rh-text:#333333;--rh-text-soft:#6B6B6B;--rh-accent:#FFCC01;--rh-eyebrow:#B5B5B5;--rh-bg:#FFFFFF;--rh-bg-soft:#FAFAFA;--rh-accent-panel:#F0F0F0;}.elementor-11174 .elementor-element.elementor-element-93e4c6e .rh-panel h1, .elementor-11174 .elementor-element.elementor-element-93e4c6e .rh-panel h2, .elementor-11174 .elementor-element.elementor-element-93e4c6e .rh-panel h3, .elementor-11174 .elementor-element.elementor-element-93e4c6e .rh-panel h4, .elementor-11174 .elementor-element.elementor-element-93e4c6e .rh-panel h5, .elementor-11174 .elementor-element.elementor-element-93e4c6e .rh-panel h6{font-size:30px;}.elementor-11174 .elementor-element.elementor-element-93e4c6e .rh-panel .cta:not(.cta--secondary){color:#1A1A1A;background:linear-gradient(96deg, #FFE868 0%, var(--rh-accent, #FFCC01) 100%);}.elementor-11174 .elementor-element.elementor-element-93e4c6e .rh-panel .cta--secondary{border-color:rgba(0, 0, 0, 0.2);color:#1A1A1A;}.elementor-11174 .elementor-element.elementor-element-c1192e8{--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-11174 .elementor-element.elementor-element-38af309{--display:flex;--padding-top:0px;--padding-bottom:060px;--padding-left:0px;--padding-right:0px;}.elementor-11174 .elementor-element.elementor-element-88115d7.elementor-element{--align-self:flex-start;}.elementor-11174 .elementor-element.elementor-element-88115d7 .elementor-heading-title{font-weight:500;}.elementor-11174 .elementor-element.elementor-element-899c558{text-align:start;}.elementor-11174 .elementor-element.elementor-element-899c558 .elementor-heading-title{font-weight:bold;}.elementor-11174 .elementor-element.elementor-element-21b817c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;border-style:none;text-align:start;font-size:20px;}.elementor-11174 .elementor-element.elementor-element-21b817c.elementor-element{--align-self:flex-start;}.elementor-11174 .elementor-element.elementor-element-55b4f17{--display:flex;}.elementor-11174 .elementor-element.elementor-element-63caffd{--display:flex;}.elementor-11174 .elementor-element.elementor-element-63d135c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 45px;text-align:start;color:#0A0202C7;}.elementor-11174 .elementor-element.elementor-element-8f6a34d{--display:flex;}.elementor-11174 .elementor-element.elementor-element-ac9630f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 45px;text-align:start;color:#0A0202C7;}.elementor-11174 .elementor-element.elementor-element-8b298ce{--display:flex;}.elementor-11174 .elementor-element.elementor-element-d3131e0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 45px;text-align:start;color:#0A0202C7;}.elementor-11174 .elementor-element.elementor-element-eaeaa45{--display:flex;}.elementor-11174 .elementor-element.elementor-element-e80ed86{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 45px;text-align:start;color:#0A0202C7;}.elementor-11174 .elementor-element.elementor-element-e07c681{--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-11174 .elementor-element.elementor-element-e07c681 > .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-11174 .elementor-element.elementor-element-7dbff3d{--display:flex;}.elementor-11174 .elementor-element.elementor-element-f600328 .rh-scroll .rh-panel{min-height:calc(100svh - var(--rh-pin-offset, 0px));}.elementor-11174 .elementor-element.elementor-element-f600328 .rh-scroll{--rh-text:#333333;--rh-text-soft:#6B6B6B;--rh-accent:#FFCC01;--rh-eyebrow:#B5B5B5;--rh-bg:#FFFFFF;--rh-bg-soft:#FAFAFA;--rh-accent-panel:#F0F0F0;}.elementor-11174 .elementor-element.elementor-element-f600328 .rh-panel h1, .elementor-11174 .elementor-element.elementor-element-f600328 .rh-panel h2, .elementor-11174 .elementor-element.elementor-element-f600328 .rh-panel h3, .elementor-11174 .elementor-element.elementor-element-f600328 .rh-panel h4, .elementor-11174 .elementor-element.elementor-element-f600328 .rh-panel h5, .elementor-11174 .elementor-element.elementor-element-f600328 .rh-panel h6{font-size:30px;}.elementor-11174 .elementor-element.elementor-element-f600328 .rh-panel .cta:not(.cta--secondary){color:#1A1A1A;background:linear-gradient(96deg, #FFE868 0%, var(--rh-accent, #FFCC01) 100%);}.elementor-11174 .elementor-element.elementor-element-f600328 .rh-panel .cta--secondary{border-color:rgba(0, 0, 0, 0.2);color:#1A1A1A;}@media(min-width:768px){.elementor-11174 .elementor-element.elementor-element-38af309{--width:85%;}.elementor-11174 .elementor-element.elementor-element-55b4f17{--width:100%;}}@media(max-width:1024px){.elementor-11174 .elementor-element.elementor-element-7b8b397{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 30px;}.elementor-11174 .elementor-element.elementor-element-d3d27bb{columns:1;}.elementor-11174 .elementor-element.elementor-element-b74b30c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 30px;}.elementor-11174 .elementor-element.elementor-element-a7f049b{columns:1;}}@media(max-width:767px){.elementor-11174 .elementor-element.elementor-element-7b8b397{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-11174 .elementor-element.elementor-element-d3d27bb{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-11174 .elementor-element.elementor-element-d3d27bb.elementor-element{--align-self:flex-start;}.elementor-11174 .elementor-element.elementor-element-b74b30c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-11174 .elementor-element.elementor-element-a7f049b{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-11174 .elementor-element.elementor-element-a7f049b.elementor-element{--align-self:flex-start;}.elementor-11174 .elementor-element.elementor-element-38af309{--padding-top:0px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for nested-accordion, class: .elementor-element-e07c681 *//* ============================================================ 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-11174 .elementor-element.elementor-element-e07c681" 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 */