.elementor-396 .elementor-element.elementor-element-7bc0d12{--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-396 .elementor-element.elementor-element-d7fc0fb{--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;--justify-content:center;}.elementor-396 .elementor-element.elementor-element-d881794{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-396 .elementor-element.elementor-element-f85b606{margin:060px 0px calc(var(--kit-widget-spacing, 0px) + 50px) 0px;text-align:center;}.elementor-396 .elementor-element.elementor-element-f85b606 .elementor-heading-title{font-family:"Amsterdam Four", Sans-serif;font-size:80px;font-weight:100;letter-spacing:-0.1px;color:var( --e-global-color-secondary );}.elementor-396 .elementor-element.elementor-element-e6096df{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );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-396 .elementor-element.elementor-element-098ff61{color:var( --e-global-color-secondary );}body.elementor-page-396:not(.elementor-motion-effects-element-type-background), body.elementor-page-396 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}:root{--page-title-display:none;}@media(min-width:768px){.elementor-396 .elementor-element.elementor-element-d7fc0fb{--width:100%;}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{letter-spacing:var( --e-global-typography-primary-letter-spacing );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{letter-spacing:var( --e-global-typography-primary-letter-spacing );}}/* Start custom CSS for container, class: .elementor-element-d7fc0fb *//* Grundzustand: Schwebend, mittig und unsichtbar */
.elementor-396 .elementor-element.elementor-element-d7fc0fb {
    --dock-height: 60px;
    
    /* WICHTIG: Fixed entkoppelt ihn vom Seitenfluss (verhindert weiße Balken) */
    position: fixed !important; 
    bottom: 25px !important;
    left: 0 !important;
    right: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    
    /* Breite & Höhe */
    width: 90% !important;
    max-width: 500px !important; 
    height: var(--dock-height) !important;
    
    /* Design: Glas-Look */
    background-color: rgba(255, 255, 255, 0.08) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border-radius: 40px !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    
    /* Inhalt zentrieren */
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    z-index: 99998 !important;
    
    /* Animation: Von unten reingleiten */
    opacity: 0;
    transform: translateY(100px);
    transition: all 0.7s cubic-bezier(0.25, 1, 0.5, 1);
}

/* Zustand wenn aktiv: Wir nutzen JS für die Scroll-Logik (wie beim Header-Versuch) */
.elementor-396 .elementor-element.elementor-element-d7fc0fb.dock-sichtbar {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

/* Fix für den Inhalt, damit er mittig bleibt */
.elementor-396 .elementor-element.elementor-element-d7fc0fb .elementor-container {
    height: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 0 15px !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Amsterdam Four';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://somatic-arts.org/wp-content/uploads/2026/03/amsterdam-four.ttf') format('truetype');
}
/* End Custom Fonts CSS */