.elementor .sp-step-badge{max-width:calc(100% - 66px);overflow:hidden;position:absolute;inset-block-start:14px;inset-inline-end:14px;z-index:1;font-family:var(--sp-font-body);font-weight:800;font-size:0.625rem;color:#DB4F8A;letter-spacing:0.08em;line-height:1;text-transform:uppercase;padding-block-start:6px;padding-block-end:6px;padding-inline-start:11px;padding-inline-end:10px;margin:0px;border-radius:999px;background-image:linear-gradient(90deg, #E9773F 0%,#DB4F8A 52%,#8F55D6 100%),linear-gradient(90deg, rgba(242,140,94,0.13) 0%,rgba(232,104,154,0.11) 52%,rgba(168,119,219,0.15) 100%);background-repeat:repeat;background-attachment:scroll;background-size:auto auto;background-position:0% 0%;background-color:#FFFFFF;box-shadow:0px 0px 0px 1px rgba(219,79,138,0.14) inset,0px 4px 10px -6px rgba(20,20,20,0.2);white-space: nowrap; text-overflow: ellipsis; isolation: isolate; background-color: transparent; background-image: linear-gradient(90deg, #E9773F 0%, #DB4F8A 52%, #8F55D6 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; box-shadow: 0 4px 10px -6px rgba(20, 20, 20, 0.2); &::after { content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit; background-color: var(--sp-white, #FFFFFF); background-image: linear-gradient(90deg, rgba(242, 140, 94, 0.13) 0%, rgba(232, 104, 154, 0.11) 52%, rgba(168, 119, 219, 0.15) 100%); box-shadow: inset 0 0 0 1px rgba(219, 79, 138, 0.14); mix-blend-mode: darken; pointer-events: none; }\n}.elementor .sp-pk-inc-head{position:relative;padding-block-start:16px;padding-block-end:16px;padding-inline-start:20px;padding-inline-end:20px;border-radius:18px;background-color:var(--sp-surface-rose);display:flex;flex-direction:row;align-items:center;background-image: linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,0.5)), radial-gradient(55% 70% at 100% 0%, rgba(255,158,128,0.62) 0%, rgba(255,158,128,0) 72%), radial-gradient(40% 55% at 100% 45%, rgba(176,128,255,0.40) 0%, rgba(176,128,255,0) 75%), radial-gradient(65% 65% at 0% 100%, rgba(255,221,204,0.95) 0%, rgba(255,221,204,0) 70%), linear-gradient(160deg, var(--sp-mesh-peach) 0%, var(--sp-mesh-rose) 50%, var(--sp-mesh-lilac) 100%); position: relative; display: flex; flex-direction: row; align-items: center; gap: 14px; padding-top: 20px !important; & .sp-pk-inc-tile { flex: 0 0 auto; } & .sp-pk-inc-title { flex: 1 1 auto; margin: 0; min-width: 0; } & .sp-pk-inc-badge { position: absolute; top: 10px; right: 10px; margin: 0; padding: 4.5px 8px 3.5px; font-size: 0.5625rem; letter-spacing: 0.1em; } @container sp-inc (min-width: 420px) { padding-top: 16px !important; & .sp-pk-inc-tile { order: 1; } & .sp-pk-inc-title { order: 2; } & .sp-pk-inc-badge { order: 3; position: static; flex: 0 0 auto; align-self: center; padding: 7.5px 11px 6.5px; font-size: 0.6875rem; } } @supports (text-box: trim-both cap alphabetic) { & .sp-pk-inc-badge { display: block; text-box: trim-both cap alphabetic; padding: 5px 8px; } @container sp-inc (min-width: 420px) { & .sp-pk-inc-badge { padding: 8.5px 11px; } } }\n}.elementor .sp-ft-acc-body{min-width:0px;padding:0px;}.elementor .sp-ft-acc-chev{width:18px;height:18px;transition:transform 0.25s;display:block;flex:0 0 18px;& svg { display: block; width: 100%; height: 100%; fill: none !important; transform: none !important; transition: none !important; } & svg path { fill: none !important; stroke: currentColor; }\n}.elementor .sp-ft-acc-icon{display:none;}.elementor .sp-ft-acc-title{font-family:var(--sp-font-body);font-weight:900;font-size:11.5px;color:var(--sp-pink-deep);letter-spacing:0.14em;line-height:1.2;text-transform:uppercase;margin:0px;background-image:linear-gradient(90deg, #E9773F 0%,#DB4F8A 52%,#8F55D6 100%);background-repeat:repeat;background-attachment:scroll;background-size:auto auto;background-position:0% 0%;background-clip:text;display:inline-block;-webkit-background-clip: text; -webkit-text-fill-color: transparent;\n}.elementor .sp-ft-acc-head{padding-block-start:0px;padding-block-end:16px;padding-inline-start:0px;padding-inline-end:0px;display:flex;gap:12px;justify-content:space-between;align-items:center;cursor: default; pointer-events: none; list-style: none; &::-webkit-details-marker { display: none; } &::marker { content: ''; } & > :first-child { flex: 1 1 auto; min-width: 0; display: flex; align-items: center; }\n}.elementor .sp-ft-acc-item{min-width:0px;padding:0px;margin:0px;&::details-content { content-visibility: visible; block-size: auto; transition: none; } &.is-closing { pointer-events: none; }\n}.elementor .sp-ft-acc{width:100%;min-width:0px;padding:0px;display:grid;gap:clamp(20px, 2.4vw, 40px);grid-template-columns:repeat(3, minmax(0, 1fr));align-items:start;& .elementor-widget-nav-menu { width: 100%; margin: 0; } & .elementor-nav-menu--main .elementor-nav-menu { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; } & .elementor-nav-menu--main .elementor-nav-menu > li { margin: 0; } & .elementor-nav-menu--main .elementor-nav-menu a.elementor-item { display: inline-block; padding: 5px 0; font-family: var(--sp-font-body); font-size: 14px; font-weight: 600; line-height: 1.45; letter-spacing: 0; color: var(--sp-ink-soft); text-decoration: none; white-space: normal; background: linear-gradient(currentColor, currentColor) 0 calc(100% - 4px) / 0 1px no-repeat; transition: color .2s ease, background-size .35s cubic-bezier(.22,1,.36,1); -webkit-tap-highlight-color: transparent; } & .elementor-nav-menu--main .elementor-nav-menu a.elementor-item:focus-visible{ color: var(--sp-black); background-size: 100% 1px; }@media (hover: hover) and (pointer: fine){& .elementor-nav-menu--main .elementor-nav-menu a.elementor-item:hover{ color: var(--sp-black); background-size: 100% 1px; }} & .elementor-nav-menu--main .elementor-nav-menu a.elementor-item:focus-visible { outline: 2px solid rgba(115,41,228,.45); outline-offset: 3px; border-radius: 4px; } & .elementor-nav-menu--main .elementor-nav-menu a.elementor-item-active { color: var(--sp-black); }\n}.elementor .sp-bg-hero{background-color:var(--sp-surface-rose);}.elementor .sp-faq-q{font-family:var(--sp-font-body);font-weight:700;font-size:clamp(16px, 0.6vw + 8px, 17px);color:var(--sp-black);letter-spacing:-0.01em;line-height:1.3;margin:0px;}.elementor .sp-pk-cta-actions{padding:0px;margin-block-start:0px;margin-block-end:0px;margin-inline-start:0px;margin-inline-end:0px;display:flex;flex-direction:column;gap:var(--sp-space-xs);flex-wrap:wrap;justify-content:flex-end;align-items:center;}.elementor .sp-pk-cta-text{max-width:660px;font-family:var(--sp-font-body);font-weight:500;font-size:var(--sp-fs-body);color:var(--sp-text-plum);line-height:1.4;margin-block-start:var(--sp-space-2xs);margin-block-end:0px;margin-inline-start:0px;margin-inline-end:0px;}.elementor .sp-pk-cta-title{font-family:var(--sp-font-display);font-weight:800;font-size:var(--sp-fs-h2);color:var(--sp-black);line-height:1.1;margin-block-start:0px;margin-block-end:0px;margin-inline-start:0px;margin-inline-end:0px;text-wrap: balance; & em { font-style: normal; background-image: linear-gradient(90deg, var(--sp-orange), var(--sp-pink) 52%, var(--sp-violet)); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; }\n}.elementor .sp-pk-cta-copy{min-width:0px;padding:0px;display:flex;flex-direction:column;align-items:flex-start;}.elementor .sp-pk-cta-panel{overflow:hidden;position:relative;padding-block-start:var(--sp-space-3xl);padding-block-end:var(--sp-space-3xl);padding-inline-start:var(--sp-space-5xl);padding-inline-end:var(--sp-space-4xl);border-radius:28px;background-color:var(--sp-surface-rose);display:grid;gap:var(--sp-space-4xl);grid-template-columns:minmax(0, 1fr) auto;align-items:center;background-image: radial-gradient(55% 90% at 100% 0%, rgba(255,158,128,0.55) 0%, rgba(255,158,128,0) 72%), radial-gradient(40% 80% at 100% 70%, rgba(176,128,255,0.38) 0%, rgba(176,128,255,0) 75%), radial-gradient(60% 90% at 0% 100%, rgba(255,221,204,0.95) 0%, rgba(255,221,204,0) 70%), linear-gradient(160deg, var(--sp-mesh-peach) 0%, var(--sp-mesh-rose) 50%, var(--sp-mesh-lilac) 100%);\n}.elementor .sp-pk-cta{width:100%;max-width:1240px;padding:var(--sp-space-xs);margin-block-start:8px;margin-block-end:0px;margin-inline-start:0px;margin-inline-end:0px;border-radius:38px;background-color:var(--sp-white);box-shadow:0px 1px 2px 0px rgba(60,30,80,0.05),0px 14px 36px -20px rgba(80,30,130,0.22);display:flex;flex-direction:column;}.elementor .sp-pk-nl-text{max-width:560px;font-family:var(--sp-font-body);font-weight:500;font-size:var(--sp-fs-body);color:var(--sp-text-plum);line-height:1.4;margin-block-start:var(--sp-space-s);margin-block-end:0px;margin-inline-start:0px;margin-inline-end:0px;text-wrap: balance; & strong { font-weight: 800; color: var(--sp-black); }\n}.elementor .sp-pk-nl-title{max-width:11em;font-family:var(--sp-font-display);font-weight:800;font-size:var(--sp-fs-h2);color:var(--sp-black);letter-spacing:-0.01em;line-height:1.1;margin-block-start:var(--sp-space-l);margin-block-end:0px;margin-inline-start:0px;margin-inline-end:0px;text-wrap: balance; & em { font-style: normal; background-image: linear-gradient(90deg, var(--sp-orange), var(--sp-pink) 52%, var(--sp-violet)); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; }\n}.elementor .sp-pk-nl-row{padding:0px;display:flex;gap:var(--sp-space-2xs);flex-wrap:wrap;justify-content:center;align-items:center;}.elementor .sp-pk-nl-panel{position:relative;text-align:center;padding-block-start:var(--sp-space-6xl);padding-block-end:var(--sp-space-5xl);padding-inline-start:var(--sp-space-3xl);padding-inline-end:var(--sp-space-3xl);border-radius:30px;background-color:var(--sp-surface-rose);display:flex;flex-direction:column;align-items:center;background-image: radial-gradient(55% 70% at 100% 0%, rgba(255,158,128,0.62) 0%, rgba(255,158,128,0) 72%), radial-gradient(40% 55% at 100% 45%, rgba(176,128,255,0.40) 0%, rgba(176,128,255,0) 75%), radial-gradient(65% 65% at 0% 100%, rgba(255,221,204,0.95) 0%, rgba(255,221,204,0) 70%), linear-gradient(160deg, var(--sp-mesh-peach) 0%, var(--sp-mesh-rose) 50%, var(--sp-mesh-lilac) 100%);\n}.elementor .sp-pk-nl{width:100%;max-width:var(--sp-content-max);padding:var(--sp-space-xs);border-radius:40px;border-width:1px;border-color:#ECE8E2;border-style:solid;background-color:var(--sp-white);box-shadow:0px 1px 3px 0px rgba(60,30,80,0.06),0px 24px 54px -30px rgba(80,30,130,0.30);display:flex;flex-direction:column;box-shadow: none;\n}.elementor .sp-pk-inc-text{overflow:hidden;font-family:var(--sp-font-body);font-weight:500;font-size:var(--sp-fs-small);color:var(--sp-text-muted);line-height:1.55;margin:0px;display: block; padding: 16px 20px 12px; & strong { font-weight: 700; color: var(--sp-black); }\n}.elementor .sp-pk-inc-title{font-family:var(--sp-font-body);font-weight:800;font-size:var(--sp-fs-body);color:var(--sp-black);line-height:1.3;margin-block-start:16px;margin-block-end:0px;margin-inline-start:0px;margin-inline-end:0px;}.elementor .sp-pk-inc-badge{position:absolute;inset-block-start:20px;inset-inline-end:20px;font-family:var(--sp-font-body);font-weight:800;font-size:0.6875rem;color:#FFFFFF;letter-spacing:0.1em;line-height:1;text-transform:uppercase;padding-block-start:6px;padding-block-end:6px;padding-inline-start:11px;padding-inline-end:11px;margin:0px;border-radius:999px;background-color:#7329E4;display:inline-flex;align-items:center;box-shadow: none; box-shadow: none;\n}.elementor .sp-pk-inc-tile{width:46px;height:46px;color:var(--sp-black);padding:var(--sp-space-xs);border-radius:15px;background-color:#FFFFFF;box-shadow:0px 4px 10px -6px rgba(80,30,130,0.24);display:block;flex:0 0 auto;& svg { display: block; width: 100%; height: 100%; }\n}.elementor .sp-pk-inc-card{min-width:0px;position:relative;padding:10px;border-radius:28px;background-color:var(--sp-white);box-shadow:0px 1px 2px 0px rgba(60,30,80,0.04),0px 10px 28px -18px rgba(60,30,80,0.16);display:flex;flex-direction:column;align-items:stretch;container-type: inline-size; container-name: sp-inc;\n}.elementor .sp-pk-sub{max-width:720px;font-family:var(--sp-font-body);font-weight:400;font-size:var(--sp-fs-lead);color:var(--sp-ink-soft);line-height:1.4;text-align:center;margin:0px;text-wrap: balance; text-wrap: balance;\n}.elementor .sp-pk-title{font-family:var(--sp-font-display);font-weight:800;font-size:var(--sp-fs-h2);color:var(--sp-black);letter-spacing:-0.01em;line-height:1.1;text-align:center;margin:0px;text-wrap: balance; & em { font-style: normal; background-image: linear-gradient(90deg, var(--sp-orange), var(--sp-pink) 52%, var(--sp-violet)); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; }\n}.elementor .sp-pk-kick{font-family:var(--sp-font-body);font-weight:800;font-size:clamp(0.6563rem, 0.6361rem + 0.0861vw, 0.7188rem);color:var(--sp-pink-deep);letter-spacing:0.14em;line-height:1.2;text-align:center;text-transform:uppercase;padding-block-start:7px;padding-block-end:7px;padding-inline-start:var(--sp-space-s);padding-inline-end:var(--sp-space-xs);margin:0px;border-radius:999px;background-image:linear-gradient(90deg, #E9773F 0%,#DB4F8A 52%,#8F55D6 100%),linear-gradient(90deg, rgba(242,140,94,0.13) 0%,rgba(232,104,154,0.11) 52%,rgba(168,119,219,0.15) 100%);background-repeat:repeat;background-attachment:scroll;background-size:auto auto;background-position:0% 0%;background-color:var(--sp-white);box-shadow:0px 0px 0px 1px rgba(219,79,138,0.12) inset;display:inline-block;position: relative; isolation: isolate; background-color: transparent; background-image: linear-gradient(90deg, #E9773F 0%, #DB4F8A 52%, #8F55D6 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; box-shadow: none; &::after { content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit; background-color: var(--sp-white, #FFFFFF); background-image: linear-gradient(90deg, rgba(242, 140, 94, 0.13) 0%, rgba(232, 104, 154, 0.11) 52%, rgba(168, 119, 219, 0.15) 100%); box-shadow: inset 0 0 0 1px rgba(219, 79, 138, 0.12); mix-blend-mode: darken; pointer-events: none; }\n}.elementor .sp-pk-blockhead{width:100%;padding:0px;margin-block-start:0px;margin-block-end:var(--sp-space-4xl);margin-inline-start:0px;margin-inline-end:0px;display:flex;flex-direction:column;gap:var(--sp-space-s);align-items:center;}.elementor .sp-ab-grid-4{width:100%;max-width:var(--sp-content-max);padding:0px;display:grid;gap:var(--sp-space-m);grid-template-columns:repeat(3, minmax(0, 1fr));@media (min-width: 1025px) and (max-width: 1199px) { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n}.elementor .sp-step-text{font-family:var(--sp-font-body);font-weight:500;font-size:var(--sp-fs-small);color:var(--sp-text-soft);line-height:1.55;margin:0px;text-wrap: pretty; & strong { font-weight: 700; color: var(--sp-black); }\n}.elementor .sp-step-title{font-family:var(--sp-font-display);font-weight:800;font-size:var(--sp-fs-h5);color:var(--sp-black);line-height:1.2;margin:0px;text-wrap: balance;\n}.elementor .sp-step-label{font-family:var(--sp-font-body);font-weight:800;font-size:clamp(0.75rem, 0.7rem + 0.2vw, 0.8438rem);color:var(--sp-text-subtle);letter-spacing:0.12em;line-height:1.2;text-transform:uppercase;margin:0px;display: inline-block; align-self: flex-start; background-image: linear-gradient(90deg, #E9773F 0%, #DB4F8A 52%, #8F55D6 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent;\n}.elementor .sp-step-body{min-width:0px;padding-block-start:var(--sp-space-m);padding-block-end:8px;padding-inline-start:8px;padding-inline-end:8px;display:flex;flex-direction:column;gap:8px;align-items:flex-start;}.elementor .sp-step-num{width:30px;height:30px;position:absolute;inset-block-start:12px;inset-inline-start:12px;z-index:1;font-family:var(--sp-font-body);font-weight:800;font-size:clamp(0.7813rem, 0.751rem + 0.1292vw, 0.875rem);color:var(--sp-white);line-height:1;padding:0px;margin:0px;border-radius:999px;background-color:var(--sp-blue);box-shadow:0px 4px 10px -6px rgba(80,30,130,0.24);display:flex;justify-content:center;align-items:center;}.elementor .sp-step-img{width:100%;height:100%;object-fit:cover;position:absolute;inset-block-start:0px;inset-inline-start:0px;max-width: none;\n}.elementor .sp-step-media{min-width:0px;overflow:hidden;aspect-ratio:3 / 2;position:relative;padding:0px;border-radius:16px;background-color:#EFEAE3;&::after { content: ''; position: absolute; left: clamp(5px, .25vw + 3.5px, 8px); bottom: clamp(5px, .25vw + 3.5px, 8px); z-index: 2; height: clamp(9px, .35vw + 7.5px, 13px); aspect-ratio: 502 / 96; background: url('https://songtastisch.de/wp-content/plugins/songtastisch/assets/images/ai-labels/generated-black-transparent.png') no-repeat left center / contain; pointer-events: none; }\n}.elementor .sp-step-card{min-width:0px;padding:var(--sp-space-xs);border-radius:24px;border-width:1px;border-color:rgba(17, 17, 26, 0.07);border-style:solid;background-color:var(--sp-white);box-shadow:0px 1px 2px 0px rgba(60,30,80,0.04),0px 10px 28px -18px rgba(60,30,80,0.16);display:flex;flex-direction:column;}.elementor .sp-steps{width:100%;max-width:var(--sp-content-max);padding:0px;display:grid;gap:var(--sp-space-l);grid-template-columns:repeat(3, minmax(0, 1fr));}.elementor .sp-faq-list{width:100%;max-width:1120px;padding:0px;margin-block-start:var(--sp-space-2xl);display:flex;flex-direction:column;gap:var(--sp-space-xs);order:2;text-align: left; & > :where(details) { color: var(--sp-black); padding: 0px; border-radius: 33px; border: 0px; background-color: var(--sp-white); box-shadow: 0 1px 2px rgba(60,30,90,0.04), 0 6px 18px -12px rgba(60,30,90,0.14); transition: box-shadow 0.3s; display: block; interpolate-size: allow-keywords; } @media (hover: hover) and (pointer: fine) { & > :where(details):hover { box-shadow: 0 1px 2px rgba(60,30,90,0.05), 0 8px 22px -12px rgba(60,30,90,0.2); } } & > :where(details)::details-content { transition: height 0.35s ease, content-visibility 0.35s allow-discrete; height: 0; overflow: clip; } & > :where(details[open])::details-content { height: auto; } & :where(summary) { cursor: pointer; min-height: 66px; padding: 15px 15px 15px 30px; display: flex; flex-direction: row; gap: 20px; justify-content: space-between; align-items: center; list-style: none; -webkit-tap-highlight-color: transparent; } & :where(summary)::-webkit-details-marker { display: none; } & :where(summary) > :where(div) { width: 34px; height: 34px; color: var(--sp-white); padding: 9px; border-radius: 999px; background-color: var(--sp-blue, var(--sp-blue)); background-image: linear-gradient(105deg, rgba(255,255,255,0) 36%, rgba(255,255,255,0.32), rgba(255,255,255,0) 64%); background-size: 260% 100%; background-position: 140% 0; background-repeat: no-repeat; box-shadow: 0px 1px 2px 0px rgba(20,20,20,0.12); transition: background-color 0.25s, box-shadow 0.3s; display: inline-flex; flex: 0 0 auto; justify-content: center; align-items: center; } & :where(summary) > :where(div) > * { width: 100%; height: 100%; } & :where(summary) > :where(div) svg { display: block; width: 100%; height: 100%; } & :where(summary) > :where(div) svg rect { transform-box: fill-box; transform-origin: center; transition: transform 0.35s cubic-bezier(0.2, 0.7, 0.3, 1); } & > :where(details[open]) > :where(summary) > :where(div) svg rect:first-child { transform: scaleY(0); } @media (hover: hover) and (pointer: fine) { & :where(summary):hover > :where(div) { background-color: var(--sp-blue-deep, var(--sp-blue-deep)); background-position: -40% 0; transition: background-position 0.8s cubic-bezier(0.22, 1, 0.36, 1), background-color 0.25s, box-shadow 0.3s; } } @media (prefers-reduced-motion: reduce) { @media (hover: hover) and (pointer: fine){& :where(summary):hover > :where(div){ background-position: 140% 0; }} } & > :where(details) > :where(div) { padding: 0px 80px 26px 30px; display: block; } & > :where(details[open]) > :where(div) { transition: opacity 0.35s cubic-bezier(0.2, 0.7, 0.3, 1), translate 0.35s cubic-bezier(0.2, 0.7, 0.3, 1); @starting-style { opacity: 0; translate: 0 -6px; } }\n}.elementor .sp-faq-side{display:contents;}.elementor .sp-faq{width:100%;max-width:var(--sp-content-max);text-align:center;padding:0px;display:flex;flex-direction:column;gap:var(--sp-space-s);align-items:center;}.elementor .sp-button{width:auto;min-height:var(--sp-btn-h-m);font-family:var(--sp-font-display);font-weight:800;font-size:var(--sp-btn-fs-m);color:var(--sp-white);line-height:1.2;text-align:center;text-decoration:none;cursor:pointer;padding-block-start:0px;padding-block-end:0px;padding-inline-start:var(--sp-btn-px-m);padding-inline-end:var(--sp-btn-px-m);border-radius:999px;border-width:0px;background-image:linear-gradient(105deg, rgba(255,255,255,0) 36%,rgba(255,255,255,0.32) 50%,rgba(255,255,255,0) 64%);background-repeat:repeat;background-attachment:scroll;background-size:auto auto;background-position:0% 0%;background-color:var(--sp-blue);box-shadow:0px 1px 2px 0px rgba(20,20,20,0.12);transition:background-color 0.25s, color 0.2s, box-shadow 0.3s;display:inline-flex;flex-direction:row;gap:var(--sp-space-2xs);justify-content:center;align-items:center;white-space: nowrap; &::after { content: ''; width: 17px; height: 17px; flex: 0 0 auto; background-color: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h13M13 6l6 6-6 6' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h13M13 6l6 6-6 6' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; transition: transform 0.25s; } &:focus-visible { outline: 3px solid rgba(115, 41, 228, 0.35); outline-offset: 3px; } @media (hover: hover) and (pointer: fine){&:hover::after{ transform: translateX(2px); }} background-size: 260% 100%; background-position: 140% 0%; background-repeat: no-repeat; background-repeat: no-repeat; background-position: 140% 0%; background-size: 260% 100%;
@media (hover: hover) and (pointer: fine) { &:hover { color:var(--sp-white);background-color:var(--sp-blue-deep);transition:background-position 0.8s, background-color 0.25s, color 0.2s, box-shadow 0.3s;background-position: -40% 0%; transition-timing-function: cubic-bezier(.22,1,.36,1), ease, ease, ease; } }\n}.elementor .sp-button-lg{&::after { width: 19px; height: 19px; }\n}.elementor .sp-ab-btn-ghost{min-height:var(--sp-btn-h-m);font-size:var(--sp-btn-fs-m);color:var(--sp-black);padding-block-start:0px;padding-block-end:0px;padding-inline-start:var(--sp-btn-px-m);padding-inline-end:var(--sp-btn-px-m);background-image:linear-gradient(105deg, rgba(143,85,214,0) 36%,rgba(143,85,214,0.2) 50%,rgba(143,85,214,0) 64%);background-repeat:repeat;background-attachment:scroll;background-size:auto auto;background-position:0% 0%;background-color:var(--sp-white);box-shadow:0px 1px 2px 0px rgba(20,20,20,0.06),0px 0px 0px 1px rgba(20,20,20,0.06);align-self:center;background-repeat: no-repeat; background-position: 140% 0%; background-size: 260% 100%;
@media (hover: hover) and (pointer: fine) { &:hover { color:var(--sp-black);background-color:var(--sp-white); } }\n}.elementor .sp-btn-wa{color:var(--sp-white);background-color:#25D366;box-shadow:0px 1px 2px 0px rgba(20,20,20,0.12);&::after { display: none; } &::before { content: ''; width: 19px; height: 19px; flex: 0 0 auto; background-color: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z'/%3E%3C/svg%3E") center / contain no-repeat; }
@media (hover: hover) and (pointer: fine) { &:hover { color:var(--sp-white);background-color:#1EBE5A; } }\n}.elementor .sp-btn-chat{&::after { display: none; } &::before { content: ''; width: 21px; height: 21px; flex: 0 0 auto; background-color: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='black' fill-rule='evenodd' d='M10 1.668a8.333 8.333 0 0 0 0 16.666c1.28 0 2.475-.337 3.525-.833H17.5v-3.975c.496-1.05.834-2.245.834-3.525A8.333 8.333 0 0 0 10 1.668Zm4.167 6.666c0 .46-.373.834-.833.834H6.667a.833.833 0 1 1 0-1.667h6.667c.46 0 .833.373.833.833Zm-3.333 4.167a.833.833 0 0 0 0-1.667H6.667a.833.833 0 1 0 0 1.667h4.167Z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='black' fill-rule='evenodd' d='M10 1.668a8.333 8.333 0 0 0 0 16.666c1.28 0 2.475-.337 3.525-.833H17.5v-3.975c.496-1.05.834-2.245.834-3.525A8.333 8.333 0 0 0 10 1.668Zm4.167 6.666c0 .46-.373.834-.833.834H6.667a.833.833 0 1 1 0-1.667h6.667c.46 0 .833.373.833.833Zm-3.333 4.167a.833.833 0 0 0 0-1.667H6.667a.833.833 0 1 0 0 1.667h4.167Z'/%3E%3C/svg%3E") center / contain no-repeat; }\n}.elementor .sp-text{font-family:var(--sp-font-body);font-weight:400;font-size:var(--sp-fs-small);color:var(--sp-ink-soft);line-height:1.6;margin:0px;& a { color: var(--sp-black); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; } & strong { font-weight: 600; color: var(--sp-black); }\n}.elementor .sp-lead{max-width:720px;font-family:var(--sp-font-body);font-weight:400;font-size:var(--sp-fs-lead);color:var(--sp-ink-soft);line-height:1.4;margin:0px;text-wrap: pretty; & strong { font-weight: 600; color: var(--sp-black); } & s { text-decoration: line-through; text-decoration-color: var(--sp-text-subtle); color: var(--sp-ink-soft); } text-wrap: balance;\n}.elementor .sp-h2{font-family:var(--sp-font-display);font-weight:800;font-size:var(--sp-fs-h2);color:var(--sp-black);letter-spacing:-0.01em;line-height:1.1;margin:0px;text-wrap: balance; & em { font: inherit; font-style: normal; letter-spacing: inherit; color: inherit; }\n}.elementor .sp-ab-grad{& em { font-style: normal; background-image: linear-gradient(90deg, var(--sp-orange), var(--sp-pink) 52%, var(--sp-violet)); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; }\n}.elementor .sp-kicker{font-family:var(--sp-font-body);font-weight:800;font-size:clamp(0.6563rem, 0.6361rem + 0.0861vw, 0.7188rem);color:var(--sp-pink-deep);letter-spacing:0.14em;line-height:1.2;text-transform:uppercase;padding-block-start:7px;padding-block-end:7px;padding-inline-start:var(--sp-space-s);padding-inline-end:var(--sp-space-xs);margin:0px;border-radius:999px;background-image:linear-gradient(90deg, #E9773F 0%,#DB4F8A 52%,#8F55D6 100%),linear-gradient(90deg, rgba(242,140,94,0.13) 0%,rgba(232,104,154,0.11) 52%,rgba(168,119,219,0.15) 100%);background-repeat:repeat;background-attachment:scroll;background-size:auto auto;background-position:0% 0%;background-color:var(--sp-white);box-shadow:0px 0px 0px 1px rgba(219,79,138,0.12) inset;display:inline-block;position: relative; isolation: isolate; background-color: transparent; background-image: linear-gradient(90deg, #E9773F 0%, #DB4F8A 52%, #8F55D6 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; box-shadow: none; &::after { content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit; background-color: var(--sp-white, #FFFFFF); background-image: linear-gradient(90deg, rgba(242, 140, 94, 0.13) 0%, rgba(232, 104, 154, 0.11) 52%, rgba(168, 119, 219, 0.15) 100%); box-shadow: inset 0 0 0 1px rgba(219, 79, 138, 0.12); mix-blend-mode: darken; pointer-events: none; }\n}.elementor .sp-pk-chip-mail{&::before { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3.5' y='5.5' width='17' height='13' rx='3' fill='none' stroke='white' stroke-width='2.2'/%3E%3Cpath d='M4.5 7.5l7.5 5.5 7.5-5.5' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 13px no-repeat, linear-gradient(135deg, var(--sp-orange), var(--sp-pink) 55%, var(--sp-violet)); }\n}.elementor .sp-head{width:100%;max-width:780px;text-align:center;padding:0px;display:flex;flex-direction:column;gap:var(--sp-space-s);align-items:center;}.elementor .sp-bg-greige{background-color:var(--sp-greige);}.elementor .sp-section{width:100%;position:relative;padding-block-start:var(--sp-sec-y);padding-block-end:var(--sp-sec-y);padding-inline-start:max(clamp(40px, 4.2vw, 80px), calc((100% - var(--sp-content-max)) / 2));padding-inline-end:max(clamp(40px, 4.2vw, 80px), calc((100% - var(--sp-content-max)) / 2));display:flex;flex-direction:column;gap:var(--sp-space-4xl);align-items:center;}.elementor .sp-panel{width:100%;overflow:hidden;position:relative;margin:0px;border-radius:0px;overflow: clip;\n}.elementor .sp-sec-join{padding-block-start:0px;}.elementor .sp-hd-icon{width:40px;height:40px;color:var(--sp-black);padding:9px;border-radius:999px;background-color:transparent;transition:background-color 0.2s;display:flex;flex:0 0 auto;justify-content:center;align-items:center;-webkit-tap-highlight-color: transparent; & svg { width: 22px; height: 22px; display: block; } &:focus-visible { outline: 2px solid var(--sp-blue); outline-offset: 3px; border-radius: 10px; }\n}.elementor .sp-hd-actions{width:auto;padding-block-start:0px;padding-block-end:0px;padding-inline-start:0px;padding-inline-end:0px;display:flex;flex-direction:row;gap:2px;grid-column:3;grid-row:1;justify-content:flex-end;align-items:center;justify-self: end;\n}.elementor .sp-hd-nav{width:auto;padding:0px;border-radius:999px;background-color:transparent;display:flex;flex-direction:row;gap:2px;grid-column:2;grid-row:1;align-items:center;}.elementor .sp-hd-logo-img{width:140px;height:auto;aspect-ratio:800 / 400;display:block;max-width: none;\n}.elementor .sp-hd-logo{width:auto;line-height:0px;padding-block-start:0px;padding-block-end:0px;padding-inline-start:0px;padding-inline-end:0px;display:flex;grid-column:1;grid-row:1;align-items:center;justify-self: start; -webkit-tap-highlight-color: transparent; &:focus { outline: none; } &:focus-visible { outline: 2px solid var(--sp-blue); outline-offset: 4px; border-radius: 8px; }\n}.elementor .sp-hd-burger{width:auto;padding-block-start:0px;padding-block-end:0px;padding-inline-start:0px;padding-inline-end:0px;display:none;grid-column:1;grid-row:1;justify-content:flex-start;align-items:center;}.elementor .sp-hd-bar{width:100%;height:84px;column-gap:var(--sp-space-l);padding-block-start:0px;padding-block-end:0px;padding-inline-start:max(clamp(40px, 4.2vw, 80px), calc((100% - var(--sp-content-max)) / 2));padding-inline-end:max(clamp(40px, 4.2vw, 80px), calc((100% - var(--sp-content-max)) / 2));margin-block-start:0px;margin-block-end:0px;margin-inline-start:auto;margin-inline-end:auto;display:grid;grid-template-columns:minmax(0, 1fr) auto minmax(0, 1fr);align-items:center;}.elementor .sp-hd{width:100%;position:fixed;inset-block-start:0px;inset-inline-start:0px;z-index:9000;padding:0px;margin:0px;background-color:var(--sp-surface-frame);box-shadow:0px 1px 0px 0px rgba(60,30,80,0.04),0px 12px 30px -22px rgba(70,30,110,0.32);transition:box-shadow 0.3s;display:block;/* WordPress-Adminleiste: Nur wenn WordPress sie wirklich anzeigt, setzt es die Body-Klasse admin-bar.
   Dann sitzt der fixierte Header direkt darunter. Ohne Leiste (Besucher, Elementor-Vorschau) bleibt er oben bei 0. */
.admin-bar & { inset-block-start: var(--wp-admin--admin-bar--height); }\n}.elementor .sp-bg-porzellan{background-color:var(--sp-surface-porzellan);}.elementor .sp-bg-lavendel{background-color:var(--sp-surface-lavendel);}.elementor .sp-bg-creme{background-color:var(--sp-surface-sand);}