.elementor-11132 .elementor-element.elementor-element-f80690a{--display:flex;}.elementor-11132 .elementor-element.elementor-element-9e7e618{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:0;}.elementor-11132 .elementor-element.elementor-element-2e7a09a{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;text-align:center;}.elementor-11132 .elementor-element.elementor-element-2e7a09a.elementor-element{--align-self:center;}.elementor-11132 .elementor-element.elementor-element-2e7a09a .elementor-heading-title{font-weight:bold;}.elementor-11132 .elementor-element.elementor-element-ee86801 .rh-vt{--rh-vt-accent:#ffcc01;}.elementor-11132 .elementor-element.elementor-element-ee86801 .rh-vt__card{min-height:210px;}.elementor-11132 .elementor-element.elementor-element-677e3b5{--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-11132 .elementor-element.elementor-element-abb14b8{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11132 .elementor-element.elementor-element-e8925d7 .elementor-heading-title{font-weight:500;}.elementor-11132 .elementor-element.elementor-element-3eb9620{text-align:center;}.elementor-11132 .elementor-element.elementor-element-3eb9620 .elementor-heading-title{font-weight:bold;}.elementor-11132 .elementor-element.elementor-element-a4c7045{padding:0px 70px 0px 70px;border-style:none;text-align:center;font-size:20px;}.elementor-11132 .elementor-element.elementor-element-1af9299{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-11132 .elementor-element.elementor-element-c2d4ae8{--display:flex;--min-height:100%;--justify-content:flex-start;}.elementor-11132 .elementor-element.elementor-element-c2d4ae8:not(.elementor-motion-effects-element-type-background), .elementor-11132 .elementor-element.elementor-element-c2d4ae8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-11132 .elementor-element.elementor-element-d7c5150{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-11132 .elementor-element.elementor-element-d7c5150.elementor-element{--align-self:flex-start;}.elementor-11132 .elementor-element.elementor-element-d7c5150 .elementor-icon-wrapper{text-align:start;}.elementor-11132 .elementor-element.elementor-element-d7c5150.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-11132 .elementor-element.elementor-element-d7c5150.elementor-view-framed .elementor-icon, .elementor-11132 .elementor-element.elementor-element-d7c5150.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-11132 .elementor-element.elementor-element-d7c5150.elementor-view-framed .elementor-icon, .elementor-11132 .elementor-element.elementor-element-d7c5150.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-11132 .elementor-element.elementor-element-d7c5150 .elementor-icon{font-size:34px;}.elementor-11132 .elementor-element.elementor-element-d7c5150 .elementor-icon svg{height:34px;}.elementor-11132 .elementor-element.elementor-element-82f5a20{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;color:#0A0202C7;}.elementor-11132 .elementor-element.elementor-element-2799012{--display:flex;--min-height:100%;--justify-content:flex-start;}.elementor-11132 .elementor-element.elementor-element-2799012:not(.elementor-motion-effects-element-type-background), .elementor-11132 .elementor-element.elementor-element-2799012 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-11132 .elementor-element.elementor-element-47bb9fd{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-11132 .elementor-element.elementor-element-47bb9fd.elementor-element{--align-self:flex-start;}.elementor-11132 .elementor-element.elementor-element-47bb9fd .elementor-icon-wrapper{text-align:start;}.elementor-11132 .elementor-element.elementor-element-47bb9fd.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-11132 .elementor-element.elementor-element-47bb9fd.elementor-view-framed .elementor-icon, .elementor-11132 .elementor-element.elementor-element-47bb9fd.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-11132 .elementor-element.elementor-element-47bb9fd.elementor-view-framed .elementor-icon, .elementor-11132 .elementor-element.elementor-element-47bb9fd.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-11132 .elementor-element.elementor-element-47bb9fd .elementor-icon{font-size:34px;}.elementor-11132 .elementor-element.elementor-element-47bb9fd .elementor-icon svg{height:34px;}.elementor-11132 .elementor-element.elementor-element-619226d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;text-align:start;color:#0A0202C7;}.elementor-11132 .elementor-element.elementor-element-0e7c9d1{--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:center;--align-items:center;--gap:16px 16px;--row-gap:16px;--column-gap:16px;}.elementor-11132 .elementor-element.elementor-element-a3d0061 .elementor-button{background-color:#ffcc01;font-size:16px;font-weight:500;line-height:34px;fill:#1e1e1e;color:#1e1e1e;padding:0px 0px 0px 0px;}.elementor-11132 .elementor-element.elementor-element-a3d0061 .elementor-button:hover, .elementor-11132 .elementor-element.elementor-element-a3d0061 .elementor-button:focus{background-color:#d4b500;}.elementor-11132 .elementor-element.elementor-element-a3d0061 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-11132 .elementor-element.elementor-element-84f1c80{--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;--overlay-opacity:0.51;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 );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-11132 .elementor-element.elementor-element-84f1c80:not(.elementor-motion-effects-element-type-background), .elementor-11132 .elementor-element.elementor-element-84f1c80 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-11132 .elementor-element.elementor-element-84f1c80::before, .elementor-11132 .elementor-element.elementor-element-84f1c80 > .elementor-background-video-container::before, .elementor-11132 .elementor-element.elementor-element-84f1c80 > .e-con-inner > .elementor-background-video-container::before, .elementor-11132 .elementor-element.elementor-element-84f1c80 > .elementor-background-slideshow::before, .elementor-11132 .elementor-element.elementor-element-84f1c80 > .e-con-inner > .elementor-background-slideshow::before, .elementor-11132 .elementor-element.elementor-element-84f1c80 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-11132 .elementor-element.elementor-element-e82113f{--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;--overlay-opacity:0.572;}.elementor-11132 .elementor-element.elementor-element-e82113f::before, .elementor-11132 .elementor-element.elementor-element-e82113f > .elementor-background-video-container::before, .elementor-11132 .elementor-element.elementor-element-e82113f > .e-con-inner > .elementor-background-video-container::before, .elementor-11132 .elementor-element.elementor-element-e82113f > .elementor-background-slideshow::before, .elementor-11132 .elementor-element.elementor-element-e82113f > .e-con-inner > .elementor-background-slideshow::before, .elementor-11132 .elementor-element.elementor-element-e82113f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-11132 .elementor-element.elementor-element-329d07e{--display:flex;}.elementor-11132 .elementor-element.elementor-element-c2ef5e4 .elementor-heading-title{font-weight:500;color:#FFFFFF;}.elementor-11132 .elementor-element.elementor-element-282262c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -7px;}.elementor-11132 .elementor-element.elementor-element-282262c .elementor-heading-title{color:#FFFFFF;}.elementor-11132 .elementor-element.elementor-element-f70c365{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-11132 .elementor-element.elementor-element-ab37fea .elementor-button{background-color:#ffcc01;font-weight:500;line-height:34px;fill:#1e1e1e;color:#1e1e1e;padding:0px 0px 0px 0px;}.elementor-11132 .elementor-element.elementor-element-ab37fea .elementor-button:hover, .elementor-11132 .elementor-element.elementor-element-ab37fea .elementor-button:focus{background-color:#d4b500;}.elementor-11132 .elementor-element.elementor-element-ab37fea .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-11132 .elementor-element.elementor-element-52806f3{--e-transform-rotateZ:4deg;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -256px) 0px;}.elementor-11132 .elementor-element.elementor-element-52806f3 img{width:529px;}.elementor-11132 .elementor-element.elementor-element-7362f69{--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-11132 .elementor-element.elementor-element-2079b9e{--display:flex;--padding-top:0px;--padding-bottom:060px;--padding-left:0px;--padding-right:0px;}.elementor-11132 .elementor-element.elementor-element-e291209.elementor-element{--align-self:flex-start;}.elementor-11132 .elementor-element.elementor-element-e291209 .elementor-heading-title{font-weight:500;}.elementor-11132 .elementor-element.elementor-element-a3c84c3{text-align:start;}.elementor-11132 .elementor-element.elementor-element-a3c84c3 .elementor-heading-title{font-weight:bold;}.elementor-11132 .elementor-element.elementor-element-279e254{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;border-style:none;text-align:start;font-size:20px;}.elementor-11132 .elementor-element.elementor-element-279e254.elementor-element{--align-self:flex-start;}.elementor-11132 .elementor-element.elementor-element-41f8118 .elementor-button{background-color:#ffcc01;font-size:16px;font-weight:500;line-height:34px;fill:#1e1e1e;color:#1e1e1e;padding:0px 0px 0px 0px;}.elementor-11132 .elementor-element.elementor-element-41f8118 .elementor-button:hover, .elementor-11132 .elementor-element.elementor-element-41f8118 .elementor-button:focus{background-color:#d4b500;}.elementor-11132 .elementor-element.elementor-element-41f8118 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-11132 .elementor-element.elementor-element-a43118e{--display:flex;}.elementor-11132 .elementor-element.elementor-element-41b94f3{--display:flex;}.elementor-11132 .elementor-element.elementor-element-dafb57c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 45px;text-align:start;color:#0A0202C7;}.elementor-11132 .elementor-element.elementor-element-8bc3e8d{--display:flex;}.elementor-11132 .elementor-element.elementor-element-99756c0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 45px;text-align:start;color:#0A0202C7;}.elementor-11132 .elementor-element.elementor-element-7ddd333{--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-11132 .elementor-element.elementor-element-7ddd333 > .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-11132 .elementor-element.elementor-element-dd0cd53{--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-11132 .elementor-element.elementor-element-dd0cd53:not(.elementor-motion-effects-element-type-background), .elementor-11132 .elementor-element.elementor-element-dd0cd53 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F7;}.elementor-11132 .elementor-element.elementor-element-3a29d3c.elementor-element{--align-self:flex-start;}.elementor-11132 .elementor-element.elementor-element-3a29d3c{text-align:center;}.elementor-11132 .elementor-element.elementor-element-3a29d3c .elementor-heading-title{font-weight:bold;color:#000000;}.elementor-11132 .elementor-element.elementor-element-1e39437.elementor-element{--align-self:flex-start;}.elementor-11132 .elementor-element.elementor-element-1e39437{z-index:4;text-align:center;}.elementor-11132 .elementor-element.elementor-element-1e39437 .elementor-heading-title{font-weight:bold;color:var( --e-global-color-efp_basis_ueberschrift );}.elementor-11132 .elementor-element.elementor-element-1ceae78.elementor-element{--align-self:flex-start;}.elementor-11132 .elementor-element.elementor-element-1ceae78{border-style:none;text-align:start;font-size:20px;}.elementor-11132 .elementor-element.elementor-element-2b60839{--swiper-slides-to-display:3;--swiper-offset-size:39px;--swiper-slides-gap:36px;margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--arrow-prev-left-align:100%;--arrow-prev-translate-x:-100%;--arrow-prev-left-position:-62px;--arrow-prev-top-align:0%;--arrow-prev-caption-spacing:0px;--arrow-prev-translate-y:0px;--arrow-prev-top-position:-113px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:0%;--arrow-next-caption-spacing:0px;--arrow-next-translate-y:0px;--arrow-next-top-position:-113px;--arrow-size:35px;--arrow-normal-color:var( --e-global-color-primary );--arrow-hover-color:var( --e-global-color-secondary );}.elementor-11132 .elementor-element.elementor-element-2b60839 .swiper-slide > .elementor-element{height:100%;}@media(min-width:768px){.elementor-11132 .elementor-element.elementor-element-1af9299{--width:100%;}.elementor-11132 .elementor-element.elementor-element-329d07e{--width:73%;}.elementor-11132 .elementor-element.elementor-element-2079b9e{--width:85%;}.elementor-11132 .elementor-element.elementor-element-a43118e{--width:100%;}.elementor-11132 .elementor-element.elementor-element-dd0cd53{--content-width:1285px;}}@media(max-width:1024px){.elementor-11132 .elementor-element.elementor-element-2e7a09a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;}.elementor-11132 .elementor-element.elementor-element-abb14b8{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11132 .elementor-element.elementor-element-a4c7045{padding:0px 0px 0px 0px;text-align:center;}.elementor-11132 .elementor-element.elementor-element-1af9299{--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;--margin-top:-10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-11132 .elementor-element.elementor-element-c2ef5e4{text-align:center;}.elementor-11132 .elementor-element.elementor-element-282262c{text-align:center;}.elementor-11132 .elementor-element.elementor-element-f70c365.elementor-element{--align-self:center;}.elementor-11132 .elementor-element.elementor-element-f70c365{text-align:center;}.elementor-11132 .elementor-element.elementor-element-52806f3{margin:030px 0px calc(var(--kit-widget-spacing, 0px) + -200px) 0px;}.elementor-11132 .elementor-element.elementor-element-52806f3 img{width:333px;}.elementor-11132 .elementor-element.elementor-element-2b60839{--swiper-slides-to-display:2;--arrow-prev-top-position:-65px;--arrow-next-top-position:-65px;}}@media(max-width:767px){.elementor-11132 .elementor-element.elementor-element-2e7a09a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -25px) 0px;}.elementor-11132 .elementor-element.elementor-element-ee86801 > .elementor-widget-container{margin:0px -20px 0px -20px;}.elementor-11132 .elementor-element.elementor-element-c2d4ae8{--min-height:auto;}.elementor-11132 .elementor-element.elementor-element-d7c5150{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;}.elementor-11132 .elementor-element.elementor-element-2799012{--min-height:auto;}.elementor-11132 .elementor-element.elementor-element-47bb9fd{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;}.elementor-11132 .elementor-element.elementor-element-c2ef5e4{text-align:start;}.elementor-11132 .elementor-element.elementor-element-282262c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-11132 .elementor-element.elementor-element-282262c.elementor-element{--align-self:flex-start;}.elementor-11132 .elementor-element.elementor-element-f70c365{text-align:start;}.elementor-11132 .elementor-element.elementor-element-52806f3{width:100%;max-width:100%;margin:29px 0px calc(var(--kit-widget-spacing, 0px) + -100px) 0px;}.elementor-11132 .elementor-element.elementor-element-52806f3 img{width:245px;}.elementor-11132 .elementor-element.elementor-element-2079b9e{--padding-top:0px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-11132 .elementor-element.elementor-element-2b60839{--swiper-slides-to-display:1;--swiper-slides-gap:25px;--arrow-prev-left-position:-50px;--arrow-prev-top-position:-50px;--arrow-next-top-position:-50px;--arrow-size:30px;}}/* Start custom CSS for container, class: .elementor-element-84f1c80 */@media (max-width:1023px){.elementor-11132 .elementor-element.elementor-element-84f1c80 .e-con-inner > .e-con{flex-direction:column!important;}.elementor-11132 .elementor-element.elementor-element-84f1c80 img{max-width:100%!important;height:auto!important;}}/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-7ddd333 *//* ============================================================ 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-11132 .elementor-element.elementor-element-7ddd333" 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 */