.elementor-108 .elementor-element.elementor-element-61a6d58{--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:space-between;--align-items:center;--gap:16px 32px;--row-gap:16px;--column-gap:32px;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#E2E4E8;--border-color:#E2E4E8;--padding-top:18px;--padding-bottom:18px;--padding-left:24px;--padding-right:24px;--z-index:99;}.elementor-108 .elementor-element.elementor-element-61a6d58:not(.elementor-motion-effects-element-type-background), .elementor-108 .elementor-element.elementor-element-61a6d58 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-108 .elementor-element.elementor-element-a9300e9 img{width:190px;}.elementor-108 .elementor-element.elementor-element-6e46ba0{--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 28px;--row-gap:16px;--column-gap:28px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before, .elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-108 .elementor-element.elementor-element-fd2d356 .elementor-menu-toggle{margin:0 auto;background-color:#FFFFFF;border-width:0px;}.elementor-108 .elementor-element.elementor-element-fd2d356 .elementor-nav-menu .elementor-item{font-family:"Jost", Sans-serif;font-size:16px;font-weight:400;}.elementor-108 .elementor-element.elementor-element-fd2d356 .elementor-nav-menu--main .elementor-item{color:#3E4551;fill:#3E4551;}.elementor-108 .elementor-element.elementor-element-fd2d356 .elementor-nav-menu--main .elementor-item:hover, .elementor-108 .elementor-element.elementor-element-fd2d356 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-108 .elementor-element.elementor-element-fd2d356 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-108 .elementor-element.elementor-element-fd2d356 .elementor-nav-menu--main .elementor-item:focus{color:#477F80;fill:#477F80;}.elementor-108 .elementor-element.elementor-element-fd2d356 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-108 .elementor-element.elementor-element-fd2d356 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#477F80;}.elementor-108 .elementor-element.elementor-element-fd2d356 .e--pointer-framed .elementor-item:before, .elementor-108 .elementor-element.elementor-element-fd2d356 .e--pointer-framed .elementor-item:after{border-color:#477F80;}.elementor-108 .elementor-element.elementor-element-fd2d356 .elementor-nav-menu--dropdown a, .elementor-108 .elementor-element.elementor-element-fd2d356 .elementor-menu-toggle{color:#FFFFFF;fill:#FFFFFF;}.elementor-108 .elementor-element.elementor-element-fd2d356 .elementor-nav-menu--dropdown{background-color:rgba(255,255,255,0);}.elementor-108 .elementor-element.elementor-element-fd2d356 .elementor-nav-menu--dropdown a:hover, .elementor-108 .elementor-element.elementor-element-fd2d356 .elementor-nav-menu--dropdown a:focus, .elementor-108 .elementor-element.elementor-element-fd2d356 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-108 .elementor-element.elementor-element-fd2d356 .elementor-nav-menu--dropdown a.highlighted, .elementor-108 .elementor-element.elementor-element-fd2d356 .elementor-menu-toggle:hover, .elementor-108 .elementor-element.elementor-element-fd2d356 .elementor-menu-toggle:focus{color:#DCEDEA;}.elementor-108 .elementor-element.elementor-element-fd2d356 .elementor-nav-menu--dropdown a:hover, .elementor-108 .elementor-element.elementor-element-fd2d356 .elementor-nav-menu--dropdown a:focus, .elementor-108 .elementor-element.elementor-element-fd2d356 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-108 .elementor-element.elementor-element-fd2d356 .elementor-nav-menu--dropdown a.highlighted{background-color:rgba(255,255,255,0.07);}.elementor-108 .elementor-element.elementor-element-fd2d356 .elementor-nav-menu--dropdown a.elementor-item-active{color:#DCEDEA;background-color:rgba(255,255,255,0);}.elementor-108 .elementor-element.elementor-element-fd2d356 .elementor-nav-menu--dropdown .elementor-item, .elementor-108 .elementor-element.elementor-element-fd2d356 .elementor-nav-menu--dropdown .elementor-sub-item{font-family:"Jost", Sans-serif;font-size:30px;font-weight:300;letter-spacing:0.2px;}.elementor-108 .elementor-element.elementor-element-fd2d356 .elementor-nav-menu--dropdown a{padding-left:24px;padding-right:24px;padding-top:22px;padding-bottom:22px;}.elementor-108 .elementor-element.elementor-element-fd2d356 .elementor-nav-menu--dropdown li:not(:last-child){border-style:none;border-bottom-width:1px;}.elementor-108 .elementor-element.elementor-element-fd2d356 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-108 .elementor-element.elementor-element-fd2d356 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:0px !important;}.elementor-108 .elementor-element.elementor-element-fd2d356 div.elementor-menu-toggle{color:#3E4551;}.elementor-108 .elementor-element.elementor-element-fd2d356 div.elementor-menu-toggle svg{fill:#3E4551;}.elementor-108 .elementor-element.elementor-element-fd2d356 div.elementor-menu-toggle:hover, .elementor-108 .elementor-element.elementor-element-fd2d356 div.elementor-menu-toggle:focus{color:#477F80;}.elementor-108 .elementor-element.elementor-element-fd2d356 div.elementor-menu-toggle:hover svg, .elementor-108 .elementor-element.elementor-element-fd2d356 div.elementor-menu-toggle:focus svg{fill:#477F80;}.elementor-108 .elementor-element.elementor-element-fd2d356{--nav-menu-icon-size:22px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-108 .elementor-element.elementor-element-c90a33b .elementor-button{background-color:#477F80;font-family:"Jost", Sans-serif;font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:0.14em;fill:#FFFFFF;color:#FFFFFF;border-radius:999px 999px 999px 999px;padding:13px 26px 13px 26px;}.elementor-108 .elementor-element.elementor-element-c90a33b .elementor-button:hover, .elementor-108 .elementor-element.elementor-element-c90a33b .elementor-button:focus{background-color:#39696B;color:#FFFFFF;}.elementor-108 .elementor-element.elementor-element-c90a33b .elementor-button:hover svg, .elementor-108 .elementor-element.elementor-element-c90a33b .elementor-button:focus svg{fill:#FFFFFF;}.elementor-108 .elementor-element.elementor-element-menue-extras{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:18px 18px;--row-gap:18px;--column-gap:18px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-108 .elementor-element.elementor-element-90eca6e{text-align:center;font-family:"Jost", Sans-serif;font-size:14px;font-weight:300;line-height:1.7em;color:#CFE3E0;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-108 .elementor-element.elementor-element-61a6d58{--flex-wrap:nowrap;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-108 .elementor-element.elementor-element-a9300e9 img{width:150px;}.elementor-108 .elementor-element.elementor-element-6e46ba0{--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--justify-content:flex-start;--gap:12px 12px;--row-gap:12px;--column-gap:12px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-size:var( --e-global-typography-accent-font-size );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}}@media(max-width:767px){.elementor-108 .elementor-element.elementor-element-61a6d58{--flex-wrap:nowrap;--padding-top:12px;--padding-bottom:12px;--padding-left:24px;--padding-right:24px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-108 .elementor-element.elementor-element-a9300e9 img{width:128px;}.elementor-108 .elementor-element.elementor-element-6e46ba0{--width:50%;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--justify-content:flex-start;--gap:8px 8px;--row-gap:8px;--column-gap:8px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-size:var( --e-global-typography-accent-font-size );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-108 .elementor-element.elementor-element-c90a33b .elementor-button{font-size:11px;letter-spacing:0.1em;padding:11px 16px 11px 16px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}}@media(min-width:768px){.elementor-108 .elementor-element.elementor-element-6e46ba0{--width:70%;}}@media(max-width:1024px) and (min-width:768px){.elementor-108 .elementor-element.elementor-element-6e46ba0{--width:50%;}}/* Start custom CSS for image, class: .elementor-element-a9300e9 */@media (max-width:1024px){ .elementor-108 .elementor-element.elementor-element-a9300e9{position:relative;z-index:10000} }/* End custom CSS */ /* Start custom CSS for nav-menu, class: .elementor-element-fd2d356 */@media (max-width:1024px){ .elementor-108 .elementor-element.elementor-element-fd2d356 .elementor-menu-toggle{position:relative;z-index:10000;background:transparent !important} .elementor-108 .elementor-element.elementor-element-fd2d356 nav.elementor-nav-menu--dropdown{position:fixed !important;top:var(--bm-kopf,63px) !important;left:0 !important;right:0 !important;bottom:0 !important;width:100vw !important;height:auto !important;max-height:none !important;margin:0 !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;background-color:#3D7173 !important;overflow:hidden auto;padding:0 24px var(--bm-menuefuss,142px);flex-direction:column;justify-content:center} .elementor-108 .elementor-element.elementor-element-fd2d356 nav.elementor-nav-menu--dropdown::before{content:'';position:absolute;z-index:0;pointer-events:none;top:50%;left:50%;width:300px;height:300px;transform:translate(-50%,-58%);background-color:rgba(255,255,255,.06);-webkit-mask-image:url(https://bodymind.ruhr/wp-content/uploads/bodymind-bildmarke.svg);mask-image:url(https://bodymind.ruhr/wp-content/uploads/bodymind-bildmarke.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain} .elementor-108 .elementor-element.elementor-element-fd2d356 .elementor-menu-toggle.elementor-active + nav.elementor-nav-menu--dropdown{display:flex !important;animation:bmFadeIn .28s cubic-bezier(.22,.61,.36,1) both} .elementor-108 .elementor-element.elementor-element-fd2d356 nav.elementor-nav-menu--dropdown .elementor-nav-menu{position:relative;z-index:1;width:100%;max-width:520px;margin:0 auto} .elementor-108 .elementor-element.elementor-element-fd2d356 nav.elementor-nav-menu--dropdown .elementor-item{text-align:center;font-family:'Cormorant Garamond',Georgia,serif !important;letter-spacing:0 !important;background-color:transparent !important} .elementor-108 .elementor-element.elementor-element-fd2d356 nav.elementor-nav-menu--dropdown .elementor-nav-menu li{border:0 !important} .elementor-108 .elementor-element.elementor-element-fd2d356 .elementor-menu-toggle.elementor-active + nav.elementor-nav-menu--dropdown li{animation:bmFadeIn .34s cubic-bezier(.22,.61,.36,1) both} .elementor-108 .elementor-element.elementor-element-fd2d356 .elementor-menu-toggle.elementor-active + nav.elementor-nav-menu--dropdown li:nth-child(1){animation-delay:.08s} .elementor-108 .elementor-element.elementor-element-fd2d356 .elementor-menu-toggle.elementor-active + nav.elementor-nav-menu--dropdown li:nth-child(2){animation-delay:.13s} .elementor-108 .elementor-element.elementor-element-fd2d356 .elementor-menu-toggle.elementor-active + nav.elementor-nav-menu--dropdown li:nth-child(3){animation-delay:.18s} .elementor-108 .elementor-element.elementor-element-fd2d356 .elementor-menu-toggle.elementor-active + nav.elementor-nav-menu--dropdown li:nth-child(4){animation-delay:.23s} .elementor-108 .elementor-element.elementor-element-fd2d356 .elementor-menu-toggle.elementor-active + nav.elementor-nav-menu--dropdown li:nth-child(n+5){animation-delay:.28s}}@keyframes bmFadeIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){ .elementor-108 .elementor-element.elementor-element-fd2d356 .elementor-menu-toggle.elementor-active + nav.elementor-nav-menu--dropdown{animation:none !important}} /* ---- Untermenue Kurse --------------------------------------- Die Dropdown-Einstellungen des Bausteins (weiss, 30 px) sind fuer das mobile Vollbildmenue gedacht. Am Desktop braucht das Untermenue eine eigene Gestaltung, sonst stuende weisse Schrift auf weissem Grund. ---------------------------------- */ @media (min-width:1025px){ .elementor-108 .elementor-element.elementor-element-fd2d356 .elementor-nav-menu--main .sub-menu{ background-color:#FFFFFF !important; /* Breite nach dem laengsten Kursnamen, sonst wird er abgeschnitten. */ width:max-content !important;min-width:268px;max-width:360px; padding:8px 0 !important;border-radius:10px;overflow:hidden} .elementor-108 .elementor-element.elementor-element-fd2d356 .elementor-nav-menu--main .sub-menu a.elementor-sub-item{ font-family:Jost,'Helvetica Neue',Arial,sans-serif !important;font-weight:400 !important; font-size:15px !important;letter-spacing:0 !important;line-height:1.35 !important; color:#3E4551 !important;padding:10px 22px !important;white-space:nowrap; /* Die Hauptpunkte stehen in Normalschrift - das Untermenue auch. */ text-transform:none !important} .elementor-108 .elementor-element.elementor-element-fd2d356 .elementor-nav-menu--main .sub-menu a.elementor-sub-item:hover, .elementor-108 .elementor-element.elementor-element-fd2d356 .elementor-nav-menu--main .sub-menu a.elementor-sub-item:focus-visible, .elementor-108 .elementor-element.elementor-element-fd2d356 .elementor-nav-menu--main .sub-menu a.elementor-sub-item.elementor-item-active{ color:#477F80 !important;background-color:#F2F8F7 !important} } /* ---- Untermenue am Handy: eigene Ebene ---------------------- Die zweite Ebene liegt als .bm-ebene2 direkt am body (mu-plugin, Abschnitt 29). Das echte Untermenue bleibt am Handy verborgen: im Menue-Behaelter greifen sonst die Mobil-Regeln und die gestaffelte Einblendung mit. ------------------------------- */ @media (max-width:1024px){ body.bm-ebene-aktiv .elementor-element-menue-extras{opacity:0 !important;visibility:hidden !important;pointer-events:none !important;transition:opacity .22s ease,visibility 0s linear .22s} .elementor-108 .elementor-element.elementor-element-fd2d356 nav.elementor-nav-menu--dropdown .sub-menu{display:none !important} /* Der Pfeil zeigt zur Seite, denn es geht zur Seite weiter. */ .elementor-108 .elementor-element.elementor-element-fd2d356 nav.elementor-nav-menu--dropdown .sub-arrow{padding:6px 10px !important;opacity:.8} .elementor-108 .elementor-element.elementor-element-fd2d356 nav.elementor-nav-menu--dropdown .sub-arrow svg{transform:rotate(-90deg)} .elementor-108 .elementor-element.elementor-element-fd2d356 nav.elementor-nav-menu--dropdown{justify-content:flex-start !important} .elementor-108 .elementor-element.elementor-element-fd2d356 nav.elementor-nav-menu--dropdown > .elementor-nav-menu{margin:auto !important;padding:24px 0} } /* ---- Die zweite Ebene selbst -------------------------------- */ .bm-ebene2{position:fixed;left:0;right:0;bottom:0;top:64px;z-index:10000; display:flex;flex-direction:column; padding:0 24px 24px;background-color:#3D7173; overflow:hidden auto;-webkit-overflow-scrolling:touch; transform:translateX(100%);visibility:hidden;pointer-events:none; transition:transform .3s cubic-bezier(.22,.61,.36,1),visibility 0s linear .3s} .bm-ebene2.bm-offen{transform:none;visibility:visible;pointer-events:auto; transition:transform .3s cubic-bezier(.22,.61,.36,1),visibility 0s} .bm-ebene2 .bm-ebene-zurueck{position:sticky;top:0;z-index:2; display:flex;align-items:center;gap:12px;width:100%; background-color:#3D7173;border:0; border-bottom:1px solid rgba(255,255,255,.18); cursor:pointer;-webkit-appearance:none;appearance:none; font-family:Jost,'Helvetica Neue',Arial,sans-serif;font-weight:500; font-size:12px;letter-spacing:.16em;text-transform:uppercase; color:rgba(255,255,255,.75);padding:14px 4px 10px;margin-bottom:8px; text-align:left} .bm-ebene2 .bm-ebene-zurueck:hover, .bm-ebene2 .bm-ebene-zurueck:focus-visible{color:#FFFFFF} .bm-ebene2 .bm-ebene-zurueck svg{width:16px;height:16px;flex:none;fill:currentColor} .bm-ebene-liste{list-style:none;width:100%;max-width:520px;margin:auto;padding:0} .bm-ebene-liste li{margin:0;border:0} .bm-ebene-liste a{display:block;text-decoration:none;text-align:center; font-family:'Cormorant Garamond',Georgia,serif;font-weight:300; font-size:24px;line-height:1.3;letter-spacing:0; color:rgba(255,255,255,.88);padding:9px 8px} .bm-ebene-liste a.bm-aktiv,.bm-ebene-liste a:hover{color:#FFFFFF} /* Niedrige Schirme: enger setzen, damit nichts gescrollt werden muss. Hohe Schirme behalten die ruhigere Fassung. */ @media (max-width:1024px) and (max-height:700px){ .bm-ebene2{padding-bottom:16px} .bm-ebene2 .bm-ebene-zurueck{padding:12px 4px 8px;margin-bottom:6px} .bm-ebene-liste a{font-size:22px;padding:7px 8px} } @media (min-width:1025px){.bm-ebene2{display:none !important}} /* ---- Startseite als Haussymbol ------------------------------ Der Menuepunkt heisst weiter Startseite, der Text ist nur verborgen. Elementor benutzt ::before und ::after der Menuepunkte fuer seine Hover-Markierung - absolut gesetzt und mit opacity 0. Beides wird hier zurueckgesetzt, sonst bliebe das Symbol unsichtbar. ------------------------------------- */ .elementor-108 .elementor-element.elementor-element-fd2d356 .bm-home a.elementor-item{ font-size:0 !important;line-height:0 !important; display:flex;align-items:center;justify-content:center;min-height:44px} .elementor-108 .elementor-element.elementor-element-fd2d356 .bm-home a.elementor-item::after{display:none !important} .elementor-108 .elementor-element.elementor-element-fd2d356 .bm-home a.elementor-item::before{ content:'' !important;position:static !important;opacity:1 !important; display:block !important;width:19px !important;height:19px !important; transform:none !important;transition:none !important; background-color:currentColor !important;background-image:none !important; --bm-haus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.1 2 10.6V22h7v-6h6v6h7V10.6L12 2.1z'/%3E%3C/svg%3E"); -webkit-mask:var(--bm-haus) center/contain no-repeat; mask:var(--bm-haus) center/contain no-repeat} @media (max-width:1024px){ .elementor-108 .elementor-element.elementor-element-fd2d356 .bm-home a.elementor-item::before{width:26px !important;height:26px !important} } /* Sehr schmale Geraete: der laengste Kursname braucht sonst zwei Zeilen und die Liste passt nicht mehr. */ @media (max-width:340px){ .bm-ebene2{padding-left:16px;padding-right:16px} .bm-ebene-liste a{font-size:20px} } /* ---- Erste Ebene: Pfeil zaehlt nicht zur Mitte --------------- Der Pfeil steckt im Link und schob "Kurse" nach links aus der Flucht der uebrigen Punkte. Der Link ist jetzt nur so breit wie das Wort und wird mittig gesetzt; der Pfeil haengt absolut daneben und wirkt nicht mehr auf die Mitte. ---------------- */ @media (max-width:1024px){ .elementor-108 .elementor-element.elementor-element-fd2d356 nav.elementor-nav-menu--dropdown .elementor-nav-menu > li.menu-item-has-children{ text-align:center} .elementor-108 .elementor-element.elementor-element-fd2d356 nav.elementor-nav-menu--dropdown .elementor-nav-menu > li.menu-item-has-children > a.elementor-item{ position:relative;display:inline-flex;align-items:center;justify-content:center} .elementor-108 .elementor-element.elementor-element-fd2d356 nav.elementor-nav-menu--dropdown .elementor-nav-menu > li.menu-item-has-children > a.elementor-item .sub-arrow{ position:absolute;left:100%;top:50%;margin:0 !important;transform:translateY(-50%)} }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-c90a33b */@media (max-width:1024px){ .elementor-108 .elementor-element.elementor-element-c90a33b{position:relative;z-index:10000} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-90eca6e */.elementor-108 .elementor-element.elementor-element-90eca6e{max-width:360px} .elementor-108 .elementor-element.elementor-element-90eca6e p{margin:0 0 8px} .elementor-108 .elementor-element.elementor-element-90eca6e p:last-child{margin:0} .elementor-108 .elementor-element.elementor-element-90eca6e a{color:#FFFFFF;text-decoration:none;font-weight:400;font-size:17px} .elementor-108 .elementor-element.elementor-element-90eca6e a:hover{color:#DCEDEA}/* End custom CSS */