.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;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-weight:var( --e-global-typography-accent-font-weight );}.elementor-3746 .elementor-element.elementor-element-1d1d13d .elementor-menu-toggle{margin:0 auto;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1200px){.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}}@media(max-width:767px){.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}}/* Start custom CSS *//* Schriften Josefin Sans und Manrope, lokal von diesem Server */
@font-face { font-family: "Josefin Sans Zeitlos"; font-style: normal; font-weight: 100; font-display: swap; src: url("https://dev.digitalsicht-arnold.com/wp-content/uploads/2026/09/josefin-sans-100.woff2") format("woff2"); }
@font-face { font-family: "Josefin Sans Zeitlos"; font-style: normal; font-weight: 200; font-display: swap; src: url("https://dev.digitalsicht-arnold.com/wp-content/uploads/2026/09/josefin-sans-200.woff2") format("woff2"); }
@font-face { font-family: "Josefin Sans Zeitlos"; font-style: normal; font-weight: 300; font-display: swap; src: url("https://dev.digitalsicht-arnold.com/wp-content/uploads/2026/09/josefin-sans-300.woff2") format("woff2"); }
@font-face { font-family: "Josefin Sans Zeitlos"; font-style: normal; font-weight: 400; font-display: swap; src: url("https://dev.digitalsicht-arnold.com/wp-content/uploads/2026/09/josefin-sans-400.woff2") format("woff2"); }
@font-face { font-family: "Josefin Sans Zeitlos"; font-style: normal; font-weight: 500; font-display: swap; src: url("https://dev.digitalsicht-arnold.com/wp-content/uploads/2026/09/josefin-sans-500.woff2") format("woff2"); }
@font-face { font-family: "Josefin Sans Zeitlos"; font-style: normal; font-weight: 600; font-display: swap; src: url("https://dev.digitalsicht-arnold.com/wp-content/uploads/2026/09/josefin-sans-600.woff2") format("woff2"); }
@font-face { font-family: "Josefin Sans Zeitlos"; font-style: normal; font-weight: 700; font-display: swap; src: url("https://dev.digitalsicht-arnold.com/wp-content/uploads/2026/09/josefin-sans-700.woff2") format("woff2"); }
@font-face { font-family: "Manrope Zeitlos"; font-style: normal; font-weight: 200; font-display: swap; src: url("https://dev.digitalsicht-arnold.com/wp-content/uploads/2026/09/manrope-200.woff2") format("woff2"); }
@font-face { font-family: "Manrope Zeitlos"; font-style: normal; font-weight: 300; font-display: swap; src: url("https://dev.digitalsicht-arnold.com/wp-content/uploads/2026/09/manrope-300.woff2") format("woff2"); }
@font-face { font-family: "Manrope Zeitlos"; font-style: normal; font-weight: 400; font-display: swap; src: url("https://dev.digitalsicht-arnold.com/wp-content/uploads/2026/09/manrope-400.woff2") format("woff2"); }
@font-face { font-family: "Manrope Zeitlos"; font-style: normal; font-weight: 500; font-display: swap; src: url("https://dev.digitalsicht-arnold.com/wp-content/uploads/2026/09/manrope-500.woff2") format("woff2"); }
@font-face { font-family: "Manrope Zeitlos"; font-style: normal; font-weight: 600; font-display: swap; src: url("https://dev.digitalsicht-arnold.com/wp-content/uploads/2026/09/manrope-600.woff2") format("woff2"); }
@font-face { font-family: "Manrope Zeitlos"; font-style: normal; font-weight: 700; font-display: swap; src: url("https://dev.digitalsicht-arnold.com/wp-content/uploads/2026/09/manrope-700.woff2") format("woff2"); }
@font-face { font-family: "Manrope Zeitlos"; font-style: normal; font-weight: 800; font-display: swap; src: url("https://dev.digitalsicht-arnold.com/wp-content/uploads/2026/09/manrope-800.woff2") format("woff2"); }

/* Kopfzeile klebt oben und liegt über dem Seitenanfang (Foto sichtbar durch den transparenten Hintergrund).
   Der negative Rand sitzt innen an .kopfzeile, denn nur dort gelten die Werte der Klasse seite (--kopf-aktuell,
   am Handy automatisch die kleine Höhe). Die äußere Hülle wird dadurch 0 px hoch und klebt trotzdem oben. */
.elementor-3746 { position: sticky; top: 0; z-index: 10; }
.elementor-3746 .seite .kopfzeile { margin-bottom: calc(var(--kopf-aktuell) * -1); }

/* Hintergrund: oben durchsichtig, auf den ersten 120 px Scrollweg Milchglas (Schwarz 90 %, weichgezeichnet, feine Linie unten).
   Am Handy ohne Unschärfe, wie im Entwurf. Ohne Unterstützung bleibt der Hintergrund aus der Klasse kopfzeile stehen. */
@supports (animation-timeline: scroll()) {
  .elementor-3746 .kopfzeile { animation: kopf-milchglas linear both; animation-timeline: scroll(root block); animation-range: 0 var(--weg-kopf); }
}
@media (max-width: 767px) { @supports (animation-timeline: scroll()) { .elementor-3746 .kopfzeile { animation-name: kopf-handy; } } }
@keyframes kopf-milchglas {
  from { background-color: transparent; backdrop-filter: blur(0); box-shadow: inset 0 0 0 transparent; }
  to { background-color: var(--farbe-kopf); backdrop-filter: blur(var(--unschaerfe-kopf)); box-shadow: inset 0 calc(var(--linie) * -1) 0 var(--farbe-rand); }
}
@keyframes kopf-handy { from { background-color: transparent; } to { background-color: var(--farbe-grund); } }

/* Sanftes Scrollen zu Ankern (z. B. #happy) auf allen Seiten */
html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } .elementor-3746 .kopfzeile { animation: none; } }

.e-svg-base svg[stroke] { fill: none; }/* End custom CSS */