/* Stil-Vorschläge für saarluxit.com (Vorschau, umschaltbar mit ?stil=1|2|3, ?stil=0 = Original).
   Inhalte bleiben unverändert – nur Flächen, Karten, Akzente und das Mega-Menü bekommen mehr Charakter.
   Markenblau #2F6BFF bleibt Leitfarbe; Magenta #E0459B als warmer Zweitakzent (aus der Hero-Variante „Signal“). */

:root{--slx-gruen:#20C997;--slx-blau:#2F6BFF;--slx-cyan:#38C6F4;--slx-magenta:#E0459B;--slx-nacht:#0A1120;--slx-nacht2:#101A30}

/* ---------- gemeinsame Menü-Icons (alle Stile) ---------- */
html[data-stil] .sp-dropdown-mega .sp-mega-group a,html[data-stil] .sp-dropdown-items a{position:relative}
html[data-stil] .sp-dropdown .item-305{display:none}
html[data-stil] .sp-dropdown-mega .row+.row{display:none}
html[data-stil] .sp-dropdown li a[href$="netzwerk-mit-unifi"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='12' cy='5' r='2.2'/%3E%3Ccircle cx='5' cy='19' r='2.2'/%3E%3Ccircle cx='19' cy='19' r='2.2'/%3E%3Cpath d='M12 7.2v4.3M12 11.5 6.4 17.2M12 11.5l5.6 5.7'/%3E%3C/svg%3E")}
html[data-stil] .sp-dropdown li a[href$="modernes-webdesign"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Crect x='3' y='4' width='18' height='13' rx='2'/%3E%3Cpath d='M8 21h8M12 17v4M7 9h6M7 12h10'/%3E%3C/svg%3E")}
html[data-stil] .sp-dropdown li a[href$="kzbv"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 4.5 6v5.5c0 4.6 3.2 8.3 7.5 9.5 4.3-1.2 7.5-4.9 7.5-9.5V6z'/%3E%3Cpath d='m8.8 12 2.2 2.2 4.2-4.4'/%3E%3C/svg%3E")}
html[data-stil] .sp-dropdown li a[href$="praxis-it-support"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M4 14v-2a8 8 0 0 1 16 0v2'/%3E%3Crect x='3' y='13' width='4' height='6' rx='1.5'/%3E%3Crect x='17' y='13' width='4' height='6' rx='1.5'/%3E%3Cpath d='M19 19c0 1.5-2 2.5-5 2.5'/%3E%3C/svg%3E")}
html[data-stil] .sp-dropdown li a[href$="charly-support"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.5 3.5c-2.4 0-4 1.9-4 4.6 0 3.2 1.4 4.6 2 7.9.5 2.8 1 5.5 2.4 5.5 1.6 0 1.5-4.5 4.1-4.5s2.5 4.5 4.1 4.5c1.4 0 1.9-2.7 2.4-5.5.6-3.3 2-4.7 2-7.9 0-2.7-1.6-4.6-4-4.6-1.9 0-2.9 1-4.5 1s-2.6-1-4.5-1z'/%3E%3C/svg%3E")}
html[data-stil] .sp-dropdown li a[href*="/ki"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Crect x='6' y='6' width='12' height='12' rx='2.5'/%3E%3Cpath d='M9 2.5v3.5M15 2.5v3.5M9 18v3.5M15 18v3.5M2.5 9H6M2.5 15H6M18 9h3.5M18 15h3.5'/%3E%3Cpath d='M10 10h4v4h-4z'/%3E%3C/svg%3E")}
html[data-stil] .sp-dropdown li a::before{content:"";display:inline-block;width:20px;height:20px;margin-right:12px;vertical-align:-5px;background:currentColor;-webkit-mask:var(--ico) center/contain no-repeat;mask:var(--ico) center/contain no-repeat;flex:none}

/* ======================================================================
   STIL 1 – „Nachtblau“: dunkle Bühnen wie der Hero, Glas-Karten mit Lichtkante
   ====================================================================== */
html[data-stil="1"] .page-content>.sppb-section:has(.sppb-addon-feature),
html[data-stil="1"] .page-content>.sppb-section:has(+.sppb-section .sppb-addon-feature){background:radial-gradient(1200px 500px at 15% 0%,rgba(47,107,255,.22),transparent 60%),radial-gradient(900px 500px at 90% 100%,rgba(224,69,155,.12),transparent 60%),var(--slx-nacht)!important;color:#C8D3E6}
html[data-stil="1"] .page-content>.sppb-section:has(.sppb-addon-feature) :is(h1,h2,h3,h4,.sppb-addon-title),
html[data-stil="1"] .page-content>.sppb-section:has(+.sppb-section .sppb-addon-feature) :is(h1,h2,h3,h4,.sppb-addon-title){color:#fff!important}
html[data-stil="1"] .page-content>.sppb-section:has(+.sppb-section .sppb-addon-feature):not(:has(.sppb-addon-feature)) p{color:#AFC0DA!important;background:none!important}
html[data-stil="1"] .sppb-addon-feature{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02))!important;border:1px solid rgba(140,175,255,.18)!important;border-radius:16px!important;box-shadow:0 1px 0 rgba(255,255,255,.06) inset,0 20px 40px -24px rgba(0,0,0,.6)!important;backdrop-filter:blur(8px);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease!important}
html[data-stil="1"] .sppb-addon-feature:hover{transform:translateY(-4px);border-color:rgba(56,198,244,.55)!important;box-shadow:0 0 0 1px rgba(56,198,244,.25),0 24px 60px -20px rgba(47,107,255,.55)!important}
html[data-stil="1"] .sppb-addon-feature p,html[data-stil="1"] .sppb-addon-feature .sppb-addon-text{color:#AFC0DA!important}
html[data-stil="1"] .sppb-addon-feature :is(h3,h4,.sppb-feature-box-title){color:#fff!important}
html[data-stil="1"] .sppb-addon-feature .sppb-icon-container{background:linear-gradient(135deg,var(--slx-blau),var(--slx-cyan))!important;border-radius:12px!important;box-shadow:0 8px 24px -8px rgba(56,198,244,.7)}
html[data-stil="1"] .sppb-addon-feature .sppb-icon i{color:#fff!important}
html[data-stil="1"] .sppb-addon-feature a{color:#7FD3FF!important}
html[data-stil="1"] .slx-faq-item,html[data-stil="1"] .sppb-panel{border-radius:12px!important;border-left:3px solid var(--slx-blau)!important}
html[data-stil="1"] .sp-dropdown .sp-dropdown-inner{background:rgba(10,17,32,.92)!important;backdrop-filter:blur(14px);border:1px solid rgba(140,175,255,.2);border-radius:16px;box-shadow:0 30px 70px -20px rgba(0,0,0,.7);padding:14px!important}
html[data-stil="1"] .sp-dropdown li a{display:flex!important;align-items:center;color:#DCE6F7!important;padding:12px 14px!important;border-radius:10px;font-weight:500;transition:background .2s,color .2s}
html[data-stil="1"] .sp-dropdown li a::before{color:var(--slx-cyan)}
html[data-stil="1"] .sp-dropdown li a:hover{background:linear-gradient(90deg,rgba(47,107,255,.35),rgba(224,69,155,.12));color:#fff!important}

/* ======================================================================
   STIL 2 – „Hell mit Energie“: helle Seite, aber Farbverlauf-Kanten, Nummern, Bewegung
   ====================================================================== */
html[data-stil="2"] .page-content>.sppb-section:has(.sppb-addon-feature),
html[data-stil="2"] .page-content>.sppb-section:has(+.sppb-section .sppb-addon-feature){background:radial-gradient(rgba(47,107,255,.09) 1px,transparent 1.2px) 0 0/22px 22px,radial-gradient(700px 400px at 100% 0%,rgba(32,201,151,.10),transparent 70%),radial-gradient(800px 500px at 0% 100%,rgba(56,198,244,.12),transparent 70%),#F7F9FD!important}
html[data-stil="2"] .page-content>.sppb-section:has(+.sppb-section .sppb-addon-feature) h2{position:relative;display:inline-block}
html[data-stil="2"] .page-content>.sppb-section:has(+.sppb-section .sppb-addon-feature) h2::after{content:"";display:block;height:4px;width:72px;margin:14px auto 0;border-radius:4px;background:linear-gradient(90deg,var(--slx-blau),var(--slx-gruen))}
html[data-stil="2"] .page-content>.sppb-section:has(.sppb-addon-feature) .sppb-column-addons{counter-reset:karte}
html[data-stil="2"] .sppb-addon-feature{position:relative;border:1px solid #E3E9F5!important;border-radius:18px!important;box-shadow:0 18px 40px -28px rgba(20,40,90,.45)!important;overflow:hidden;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s!important}
html[data-stil="2"] .sppb-addon-feature{background:linear-gradient(90deg,var(--slx-blau),#1FA9D6,var(--slx-gruen)) top/100% 4px no-repeat,#fff!important}
html[data-stil="2"] .addon-root-feature{counter-increment:karte}
html[data-stil="2"] .addon-root-feature .sppb-addon-feature .sppb-addon-content[data-nr]::before{content:attr(data-nr);position:absolute;right:18px;top:14px;font:700 13px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;color:#9AA8C4}
html[data-stil="2"] .sppb-addon-feature:hover{transform:translateY(-6px) rotate(-.3deg);box-shadow:0 30px 60px -28px rgba(47,107,255,.55)!important}
html[data-stil="2"] .sppb-addon-feature .sppb-icon-container{background:linear-gradient(135deg,rgba(47,107,255,.12),rgba(32,201,151,.12))!important;border-radius:50%!important}
html[data-stil="2"] .sppb-addon-feature .sppb-icon i{background:linear-gradient(135deg,var(--slx-blau),var(--slx-gruen));-webkit-background-clip:text;background-clip:text;color:transparent!important}
html[data-stil="2"] .sppb-addon-feature a{font-weight:600}
html[data-stil="2"] .sppb-addon-feature a:hover{color:var(--slx-gruen)!important}
html[data-stil="2"] .sp-dropdown .sp-dropdown-inner{background:#fff!important;border-radius:18px;border:1px solid #E3E9F5;box-shadow:0 30px 70px -30px rgba(20,40,90,.45);padding:16px!important;position:relative;overflow:hidden}
html[data-stil="2"] .sp-dropdown .sp-dropdown-inner::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--slx-blau),#1FA9D6,var(--slx-gruen))}
html[data-stil="2"] .sp-dropdown li a{display:flex!important;align-items:center;color:#14213D!important;padding:12px 14px!important;border-radius:12px;font-weight:500;transition:background .2s,transform .2s}
html[data-stil="2"] .sp-dropdown li a::before{background:linear-gradient(135deg,var(--slx-blau),var(--slx-gruen));width:22px;height:22px}
html[data-stil="2"] .sp-dropdown li a::after{content:"→";margin-left:auto;opacity:0;transform:translateX(-6px);transition:.2s;color:var(--slx-blau)}
html[data-stil="2"] .sp-dropdown li a:hover{background:#F1F5FF;transform:translateX(2px)}
html[data-stil="2"] .sp-dropdown li a:hover::after{opacity:1;transform:none}

/* ======================================================================
   STIL 3 – „Kontrast-Bänder“: kräftige Markenblau-Bänder, große Typo, Nummern-Etiketten
   ====================================================================== */
html[data-stil="3"] .page-content>.sppb-section:has(.sppb-addon-feature),
html[data-stil="3"] .page-content>.sppb-section:has(+.sppb-section .sppb-addon-feature){background:linear-gradient(135deg,#1E4FE0 0%,var(--slx-blau) 55%,#5B3CF0 100%)!important;color:#E8EEFF;position:relative}
html[data-stil="3"] .page-content>.sppb-section:has(+.sppb-section .sppb-addon-feature):not(:has(.sppb-addon-feature)) :is(h2,h3){color:#fff!important;font-size:clamp(30px,4vw,52px)!important;letter-spacing:-.02em}
html[data-stil="3"] .page-content>.sppb-section:has(+.sppb-section .sppb-addon-feature):not(:has(.sppb-addon-feature)) h2::before{content:"// Leistungen";display:block;font:600 13px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em;text-transform:uppercase;color:#BFD0FF;margin-bottom:14px}
html[data-stil="3"] .page-content>.sppb-section:has(+.sppb-section .sppb-addon-feature):not(:has(.sppb-addon-feature)) p{color:#DCE5FF!important;background:none!important}
html[data-stil="3"] .sppb-addon-feature{background:#fff!important;border-radius:4px!important;border:0!important;border-left:5px solid var(--slx-magenta)!important;box-shadow:12px 12px 0 rgba(10,17,32,.25)!important;transition:transform .2s,box-shadow .2s!important}
html[data-stil="3"] .sppb-addon-feature:hover{transform:translate(-4px,-4px);box-shadow:18px 18px 0 rgba(10,17,32,.3)!important}
html[data-stil="3"] .sppb-addon-feature .sppb-icon-container{background:var(--slx-nacht)!important;border-radius:4px!important}
html[data-stil="3"] .sppb-addon-feature .sppb-icon i{color:#7FD3FF!important}
html[data-stil="3"] .sppb-addon-feature :is(h3,h4,.sppb-feature-box-title){font-weight:800!important;letter-spacing:-.01em}
html[data-stil="3"] .sppb-addon-feature a{color:var(--slx-magenta)!important;font-weight:700;text-transform:uppercase;font-size:13px!important;letter-spacing:.06em}
html[data-stil="3"] .page-content>.sppb-section:nth-of-type(even):not(:has(.sppb-addon-feature)):not(:has(+.sppb-section .sppb-addon-feature)):not(#Hauptfenster){background-color:#F6F5F1!important}
html[data-stil="3"] .sp-dropdown .sp-dropdown-inner{background:var(--slx-blau)!important;border-radius:0 0 6px 6px;box-shadow:14px 14px 0 rgba(10,17,32,.25);padding:18px!important;counter-reset:m}
html[data-stil="3"] .sp-dropdown li:not(.item-305){counter-increment:m}
html[data-stil="3"] .sp-dropdown li a{display:flex!important;align-items:center;color:#fff!important;padding:12px 10px!important;font-weight:700;font-size:16px!important;border-bottom:1px solid rgba(255,255,255,.18);transition:padding .2s,background .2s}
html[data-stil="3"] .sp-dropdown li a::before{content:counter(m,decimal-leading-zero);-webkit-mask:none;mask:none;background:none;width:auto;height:auto;margin-right:14px;font:600 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#BFD0FF;vertical-align:0}
html[data-stil="3"] .sp-dropdown li a:hover{background:rgba(10,17,32,.25);padding-left:18px!important}

@media (prefers-reduced-motion:reduce){html[data-stil] .sppb-addon-feature{transition:none!important}}
/* Korrekturen nach Sichtprüfung */
html[data-stil="3"] .sppb-addon-feature :is(h3,h4,.sppb-addon-title,.sppb-feature-box-title){color:var(--slx-nacht)!important;font-size:20px!important}
html[data-stil="2"] .page-content>.sppb-section:has(.sppb-addon-feature){counter-reset:karte}
html[data-stil="2"] .page-content>.sppb-section:has(.sppb-addon-feature) .sppb-column-addons{counter-reset:none}
/* 19.10.: Dropdowns (z. B. "Lokale KI") nicht mehr auf 180px gepresst – Breite richtet sich nach dem längsten Punkt, keine Umbrüche */
html[data-stil] .sp-dropdown.sp-dropdown-main:not(.sp-dropdown-mega){width:max-content!important;min-width:260px;max-width:min(420px,92vw)}
html[data-stil] .sp-dropdown:not(.sp-dropdown-mega) li a{white-space:nowrap;hyphens:none}
/* 19.10.: Über mich – Porträt im Textblock (umflossen), IT-Kenntnisse beginnen auf Höhe der Überschrift */
#sppb-addon-wrapper-1681241900705{float:right;width:200px;margin:4px 0 18px 32px}
#sppb-addon-wrapper-1681241900705 img{border-radius:6px}
@media (max-width:575px){#sppb-addon-wrapper-1681241900705{float:none;margin:0 auto 24px}}
#column-id-1681240275569>.sppb-column-addons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:stretch}
#column-id-1681240275569>.sppb-column-addons>.addon-root-heading{grid-column:1/-1;margin-bottom:4px}
#column-id-1681240275569 .addon-root-feature{width:auto!important;max-width:none!important;margin:0!important;display:flex}
#column-id-1681240275569 .addon-root-feature>.clearfix{padding:0!important;flex:1;display:flex}
#column-id-1681240275569 .sppb-addon-feature{flex:1;padding:22px 20px!important}
#column-id-1681240275569 .sppb-addon-feature .sppb-icon-container{width:44px!important;height:44px!important;line-height:44px!important}
#column-id-1681240275569 .sppb-addon-feature .sppb-icon i{font-size:22px!important;width:auto!important;height:auto!important;line-height:44px!important}
#column-id-1681240275569 .sppb-addon-feature .sppb-media .pull-left{margin-bottom:12px!important}
#column-id-1681240275569 .sppb-addon-feature :is(h3,.sppb-feature-box-title){font-size:17px!important;margin:0 0 6px!important;line-height:1.25}
#column-id-1681240275569 .sppb-addon-feature .sppb-addon-text{font-size:14.5px;line-height:1.5}
#column-id-1681240275569 .addon-root-heading h2{margin:0!important}
@media (max-width:575px){#column-id-1681240275569>.sppb-column-addons{grid-template-columns:1fr}}
#column-id-1681240275569 .sppb-addon-feature .sppb-media{display:flex!important;gap:14px;align-items:flex-start}
#column-id-1681240275569 .sppb-addon-feature .sppb-media .pull-left{float:none!important;margin:0!important;flex:none}
#column-id-1681240275569 .sppb-addon-feature .sppb-media-body{margin:0!important;padding:0!important}
#column-id-1681240275569 .sppb-addon-feature .sppb-media-content{margin:0!important;padding:0!important}
#column-id-1681240275569 .sppb-addon-feature :is(h3,.sppb-feature-box-title){margin-top:0!important;padding-top:0!important}
/* 19.10.: Produktvideos mit weißem Hintergrund (UniFi): eigene weiße Bühne, damit die Videoränder nie sichtbar sind */
.sppb-addon-raw-html:has(video.sc-1da3k-16){background:#fff;border-radius:18px;padding:14px;overflow:hidden;box-shadow:0 24px 50px -28px rgba(20,40,90,.35)}
.sppb-addon-raw-html video.sc-1da3k-16{display:block;width:100%;height:auto;aspect-ratio:1/1;max-height:360px;object-fit:contain;background:#fff;margin:0 auto}
.addon-root-raw-html:has(video.sc-1da3k-16){margin-bottom:22px}
html[data-stil="3"] .sppb-addon-raw-html:has(video.sc-1da3k-16){border-radius:4px;border-left:5px solid var(--slx-magenta);box-shadow:12px 12px 0 rgba(10,17,32,.25)}
/* Stil 3: Fließtext in weißen Karten immer dunkel (auch in blauen Bändern) */
html[data-stil="3"] .sppb-addon.sppb-addon-feature .sppb-addon-content :is(p,.sppb-addon-text,li){color:#3B4559!important}
html[data-stil="3"] .sppb-column.slx-hell{color:#3B4559}
html[data-stil="3"] .sppb-column.slx-hell :is(p,li,span,.sppb-addon-text){color:#3B4559!important}
html[data-stil="3"] .sppb-column.slx-hell :is(h1,h2,h3,h4){color:var(--slx-nacht)!important}
/* Stil 3: dunkle Original-Sektionen behalten ihre Farbe (sonst weiße Schrift auf hellem Grund) */
html[data-stil="3"] .page-content>#section-id-KMjuW4AxmiPDzT6gO6hSi.sppb-section:not(#Hauptfenster){background-color:#0d1117!important}
html[data-stil="3"] .page-content>#section-id-OCWCcqDfPBLBYThFaLaOt.sppb-section:not(#Hauptfenster){background-color:#0B0F17!important}
html[data-stil="3"] .page-content>#section-id-1583480847635.sppb-section:not(#Hauptfenster){background-color:#3780ff!important}

/* 19.10.: Stil 2 ist Standard – Farbwelt Blau→Grün (Grün aus der Statement-Animation), kein Magenta/Lila */
/* 19.10.: Blog-Stichwortsuche */
.slx-blogsuche{max-width:760px;margin:10px auto 34px}
.slx-bs-feld{position:relative}
.slx-bs-feld .fas{position:absolute;left:20px;top:50%;transform:translateY(-50%);color:#7C8AA5;font-size:16px}
.slx-blogsuche .slx-bs-feld input{width:100%!important;height:56px!important;padding:0 20px 0 50px!important;border:1px solid #DCE3EF!important;border-radius:28px!important;background:#fff!important;font-size:17px!important;box-shadow:0 14px 34px -24px rgba(20,40,90,.45);outline:none;transition:border-color .2s,box-shadow .2s}
.slx-blogsuche .slx-bs-feld input:focus{border-color:var(--slx-blau);box-shadow:0 0 0 4px rgba(47,107,255,.15)}
.slx-bs-info{margin:14px 6px 0;color:#5B6680;font-size:15px}
.slx-bs-liste{list-style:none;margin:10px 0 0;padding:0}
.slx-bs-liste li{margin:0 0 10px}
.slx-bs-liste a{display:block;padding:16px 20px;border-radius:14px;background:#fff;border:1px solid #E3E9F5;text-decoration:none;transition:transform .2s,box-shadow .2s}
.slx-bs-liste a:hover{transform:translateY(-2px);box-shadow:0 18px 36px -26px rgba(20,40,90,.5)}
.slx-bs-liste strong{display:block;color:#14213D;font-size:17px;margin-bottom:4px}
.slx-bs-liste span{color:#5B6680;font-size:14.5px;line-height:1.5}
.slx-bs-liste mark{background:rgba(32,201,151,.22);color:inherit;padding:0 2px;border-radius:3px}
/* 19.10. Runde 3 */
/* ganze Karte klickbar, wenn sie verlinkt ist („Mehr erfahren" war nur Deko) */
.sppb-addon-feature:has(.sppb-feature-box-title a){position:relative;cursor:pointer}
.sppb-addon-feature .sppb-feature-box-title a::before{content:"";position:absolute;inset:0;z-index:2}
/* Formular-Buttons: Grün statt Orange-Rot – auf allen Seiten */
.cf-btn,#sp-main-body .cf-btn,.convertforms .cf-btn{background:#0E9F6E!important;border-color:#0E9F6E!important;color:#fff!important;transition:background .2s,transform .2s,box-shadow .2s!important}
.cf-btn:hover,.cf-btn:focus{background:#0B8A5F!important;border-color:#0B8A5F!important;box-shadow:0 12px 26px -12px rgba(14,159,110,.7)!important;transform:translateY(-1px)}
/* Spalten mit eigenem Hintergrund bekommen Innenabstand (site.js setzt .slx-box) */
.sppb-column.slx-box{padding:30px 34px!important}
@media (max-width:767px){.sppb-column.slx-box{padding:22px 20px!important}}
/* UniFi: Karten stehen frei, Einleitung als klare Überschrift statt auf grauer Fläche */
.page-content:has(video.sc-1da3k-16) .sppb-column:has(.addon-root-feature){background:none!important;box-shadow:none!important;padding:0!important}
.page-content:has(video.sc-1da3k-16) .sppb-column:has(.addon-root-feature) .addon-root-divider{display:none}
.page-content:has(video.sc-1da3k-16) .sppb-column:has(.addon-root-feature) .addon-root-text-block h3{font-size:clamp(26px,2.4vw,34px)!important;line-height:1.15!important;text-transform:none!important;letter-spacing:-.015em;color:#0A1120!important;margin:4px 0 16px!important}
.page-content:has(video.sc-1da3k-16) .sppb-column:has(.addon-root-feature) .addon-root-text-block h3::after{content:"";display:block;width:72px;height:4px;border-radius:4px;margin-top:14px;background:linear-gradient(90deg,var(--slx-blau),var(--slx-gruen))}
.page-content:has(video.sc-1da3k-16) .sppb-column:has(.addon-root-feature) .addon-root-text-block{margin-bottom:26px}
html[data-stil="2"] #sp-main-body .slx-leistungsraster .addon-root-feature .sppb-addon-feature{background:linear-gradient(90deg,var(--slx-blau),#1FA9D6,var(--slx-gruen)) top/100% 4px no-repeat,#fff!important}
/* Button-Schatten grün statt rot (Original-Regel #cf_1 .cf-btn hatte roten Schatten) */
#cf_1 .cf-btn,.convertforms .cf-btn{box-shadow:0 12px 26px -14px rgba(14,159,110,.8)!important}
#cf_1 .cf-btn:hover,.convertforms .cf-btn:hover{box-shadow:0 16px 30px -14px rgba(14,159,110,.9)!important}
#column-id-1681240275569>.sppb-column-addons>.addon-root-feature{grid-column:auto!important}
#sppb-addon-1681244128415{padding-top:0!important}
#column-id-1681240275569 .sppb-addon-feature .sppb-icon-container{display:inline-flex!important;align-items:center;justify-content:center;width:42px!important;height:42px!important;padding:0!important}
#column-id-1681240275569 .sppb-addon-feature .sppb-icon-container>i{font-size:18px!important;line-height:1!important;width:auto!important;height:auto!important}
#column-id-1681240275569 .sppb-addon-feature .sppb-media .pull-left{line-height:0}
#column-id-1681240275569 .sppb-addon-feature{align-items:flex-start!important;justify-content:flex-start!important}
#column-id-1681240275569 .sppb-addon-feature>.sppb-addon-content{align-self:stretch}
/* 19.10.: Rotierende Überschriften – bricht ein Wort um, steht der Wechselteil immer in eigener Zeile (kein Springen) */
.animated-heading-text.slx-umbruch .animated-text-words-wrapper{width:100%!important;flex-basis:100%}
.animated-heading-text{overflow-wrap:break-word;hyphens:auto}
@media (max-width:575px){
 .animated-heading-text{font-size:clamp(26px,8.2vw,40px)!important;line-height:1.15!important}
 .animated-heading-text .animated-text-words-wrapper{width:100%!important;flex-basis:100%}
 .animated-text-words-wrapper .animated-text{white-space:normal;max-width:100%;hyphens:auto}
 .pagination{flex-wrap:wrap;row-gap:6px}
 .sppb-btn{white-space:normal;max-width:100%}
}
@media (max-width:575px){
 h1,h2,h3,h4,.sppb-addon-title,.animated-heading-before-part{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;word-break:normal}
 #sp-main-body h1.animated-heading-text{font-size:clamp(26px,8.2vw,40px)!important}
}
.animated-heading-text.slx-umbruch .animated-text-words-wrapper{text-align:inherit}@media (max-width:575px){.animated-heading-text .animated-text-words-wrapper{text-align:inherit}}
/* 19.10.: Formular – Turnstile und Erfolgsmeldung */
.slx-turnstile:not(:empty){margin:8px 0 14px}
.slx-form-ok{background:#fff;border:1px solid #DCEFE7;border-radius:18px;padding:34px 30px;text-align:center;box-shadow:0 24px 50px -30px rgba(14,159,110,.45);outline:none;animation:slxOk .5s ease}
.slx-form-ok-icon{width:58px;height:58px;margin:0 auto 14px;border-radius:50%;background:#0E9F6E;color:#fff;font-size:30px;line-height:58px;font-weight:700}
.slx-form-ok h3{color:#0A1120!important;font-size:22px!important;margin:0 0 10px!important}
.slx-form-ok p{color:#3B4559!important;margin:0 auto 20px;max-width:460px}
.slx-form-ok .cf-btn{border:0;border-radius:999px;padding:13px 28px;font-weight:600;cursor:pointer}
@keyframes slxOk{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
/* 19.10.: KI-Kern („Orb") rechts im Hero – Entwurf */
.slx-orb{position:absolute;z-index:1;right:max(2vw,calc((100vw - 1400px)/2));top:52%;width:min(38vw,620px,68vh);aspect-ratio:1/1;transform:translateY(-50%);pointer-events:none;opacity:0;animation:slxOrbIn 1.6s ease .2s forwards}
.slx-orb canvas{position:absolute;inset:0;width:100%;height:100%}
.slx-orb::before{content:"";position:absolute;inset:-14%;border-radius:50%;background:radial-gradient(closest-side,rgba(4,9,20,.72),rgba(4,9,20,.45) 55%,rgba(4,9,20,0))}
.slx-orb-glow{filter:blur(14px) saturate(1.4);opacity:.85;transform:scale(1.02)}
@keyframes slxOrbIn{to{opacity:1}}
#Hauptfenster>.slx-orb.slx-orb--klein{position:absolute!important;top:50%;height:min(86%,440px);width:auto;right:max(4vw,calc((100vw - 1320px)/2 + 3vw))}
/* Orb liegt VOR dem Textfeld (Ebenen: Video – Textfeld – Orb), 20.10.2026 */
#Hauptfenster>.slx-orb{z-index:6}
@media (min-width:992px){#sppb-addon-TCZpdDIBPDdXT7fPj1r2i .sppb-addon-content p{max-width:44vw}}
@media (max-width:991px){.slx-orb{display:none}}
/* Header 992–1399 px: Menü brach in eine zweite Zeile um und lag dunkel auf der Titel-Sektion (20.10.2026). Social-Icons im Kopf ausblenden, darunter Logo/Abstände verkleinern */
@media (min-width:992px) and (max-width:1399px){#sp-header .social-wrap{display:none!important}#sp-header #sp-menu{min-width:0}}
@media (min-width:992px) and (max-width:1199px){#sp-header .logo-image{height:38px!important;width:auto}#sp-header .sp-megamenu-parent>li>a{padding-left:9px!important;padding-right:9px!important;font-size:15px}}
@media (min-width:992px) and (max-width:1199px){#Hauptfenster>.slx-orb.slx-orb--klein{height:min(70%,340px);right:3vw}}

/* ===== Flächen in Markenfarben statt Grau (20.10.2026) =====
   --slx-flaeche ersetzt im Seiteninhalt die alten Grauverläufe (Joomla: #fff→#eee, #fff→rgba(0,0,0,.1), #c7c7c7).
   Blau oben links, Weiß in der Mitte, Grün unten rechts – gleiche Lichtrichtung auf allen Flächen. */
:root{--slx-flaeche:radial-gradient(120% 90% at 0% 0%,rgba(47,107,255,.13),rgba(47,107,255,0) 58%),radial-gradient(110% 90% at 100% 100%,rgba(32,201,151,.14),rgba(32,201,151,0) 58%),linear-gradient(135deg,#F2F6FF 0%,#FFFFFF 52%,#F0FBF6 100%)}
/* Kennzahlen-Band Startseite: kräftiger Blau-Grün-Verlauf, weiße Schrift */
#section-id-3ncaO7wDEpR5WlZXMTCz0{background:linear-gradient(100deg,#2F6BFF 0%,#2A8FE6 45%,#20C997 100%)!important}
#section-id-3ncaO7wDEpR5WlZXMTCz0 *{color:#fff!important}
#section-id-3ncaO7wDEpR5WlZXMTCz0 .sppb-addon-text,#section-id-3ncaO7wDEpR5WlZXMTCz0 p{color:rgba(255,255,255,.88)!important}
/* Über mich: Fließtext + Porträt auf Oberkante der ersten Skill-Karte (20.10.2026) */
@media (min-width:992px){#sppb-addon-1681241892592{margin-top:18px}#sppb-addon-1681241900705{margin-top:14px}}
/* Blog-Übersicht: weniger Luft zwischen Banner und Suchleiste (20.10.2026) */
body.view-category #sp-main-body{padding-top:44px!important}
/* Kontakt: Kartenblöcke mittig in ihrer Fläche (Joomla-Rand links 50px raus), Karte so hoch wie die Blockfläche (20.10.2026) */
#column-id-gJh1lScm4l-fmFdXLO2r7 .sppb-addon-wrapper{margin-left:0!important;margin-right:0!important}
#column-id-gJh1lScm4l-fmFdXLO2r7{padding:28px!important;border-radius:25px}
@media (min-width:768px){
#column-id-1681552874497{display:flex!important;flex-direction:column}#column-id-1681552874497 .sppb-column-addons{display:flex;flex-direction:column;flex:1}
#sppb-addon-wrapper-1686068726950{flex:1;display:flex;flex-direction:column;margin:0!important}
#sppb-addon-1686068726950,#sppb-addon-1686068726950 .sppb-addon-openstreetmap-wrapper,#sppb-addon-1686068726950 .sppb-addon-content{flex:1;display:flex;flex-direction:column}
#sppb-addon-1686068726950 .sppb-addon-openstreetmap{flex:1;height:auto!important;min-height:420px;border-radius:25px;overflow:hidden}}
/* Nummern ohne führende Null (Hinweis 20.10.2026) */
.slx-blogtop-wrap .mod-articles-item::before{content:counter(slxtop)!important}
html[data-stil="3"] .sp-dropdown li a::before{content:counter(m)!important}
#section-id-3ncaO7wDEpR5WlZXMTCz0 span{opacity:1!important}
/* Leistungen-Megamenü: alle Einträge einzeilig, damit beide Spalten auf einer Linie liegen (20.10.2026) */
@media (min-width:992px){.sp-dropdown.sp-dropdown-mega{width:720px!important}.sp-dropdown-mega .sp-mega-group>li>a{white-space:nowrap}}
@media (min-width:992px) and (max-width:1299px){.sp-dropdown.sp-dropdown-mega{margin-left:-200px}}
/* KI-Seiten: Titel-Sektion zeigt vor dem Shader kein altes Stadtbild mehr, sondern sofort den dunklen Shader-Grundton (20.10.2026) */
body.itemid-559 #Hauptfenster,body.itemid-560 #Hauptfenster,body.itemid-561 #Hauptfenster,body.itemid-576 #Hauptfenster{background-image:radial-gradient(80% 90% at 30% 60%,rgba(47,107,255,.28),rgba(47,107,255,0) 70%),radial-gradient(60% 70% at 85% 30%,rgba(32,201,151,.14),rgba(32,201,151,0) 70%),linear-gradient(135deg,#0B0F17 0%,#132244 55%,#0B0F17 100%)!important;background-color:#0B0F17!important}

/* Startseite „Aus der Praxis": Bild exakt so hoch wie der Textblock daneben, oben und unten bündig (20.10.2026) */
@media (min-width:768px){
#column-id-CnE5nsDE-Q4YitNkJThYz,#column-id-CqylQj43GYVEBQW42A9N0,#column-id-s2M9vPdDTCFOprs_ScTTr{display:flex!important;flex-direction:column}
#column-id-CnE5nsDE-Q4YitNkJThYz .sppb-column-addons,#column-id-CqylQj43GYVEBQW42A9N0 .sppb-column-addons,#column-id-s2M9vPdDTCFOprs_ScTTr .sppb-column-addons,#column-id-CnE5nsDE-Q4YitNkJThYz .sppb-addon-wrapper,#column-id-CqylQj43GYVEBQW42A9N0 .sppb-addon-wrapper,#column-id-s2M9vPdDTCFOprs_ScTTr .sppb-addon-wrapper,#column-id-CnE5nsDE-Q4YitNkJThYz .sppb-addon,#column-id-CqylQj43GYVEBQW42A9N0 .sppb-addon,#column-id-s2M9vPdDTCFOprs_ScTTr .sppb-addon,#column-id-CnE5nsDE-Q4YitNkJThYz .sppb-addon-content,#column-id-CqylQj43GYVEBQW42A9N0 .sppb-addon-content,#column-id-s2M9vPdDTCFOprs_ScTTr .sppb-addon-content,#column-id-CnE5nsDE-Q4YitNkJThYz .sppb-addon-single-image-container,#column-id-CqylQj43GYVEBQW42A9N0 .sppb-addon-single-image-container,#column-id-s2M9vPdDTCFOprs_ScTTr .sppb-addon-single-image-container{flex:1 1 auto;display:flex!important;flex-direction:column;margin:0!important;min-height:0}
#column-id-CnE5nsDE-Q4YitNkJThYz img,#column-id-CqylQj43GYVEBQW42A9N0 img,#column-id-s2M9vPdDTCFOprs_ScTTr img{flex:1 1 auto;width:100%!important;height:100%!important;max-height:none!important;object-fit:cover}
#column-id-CnE5nsDE-Q4YitNkJThYz .sppb-addon-wrapper>.clearfix,#column-id-CqylQj43GYVEBQW42A9N0 .sppb-addon-wrapper>.clearfix,#column-id-s2M9vPdDTCFOprs_ScTTr .sppb-addon-wrapper>.clearfix{flex:1 1 auto;display:flex!important;flex-direction:column}
}
/* Leistungen: Block „Wenn es kompliziert wird" und Kontaktbox wie auf der Startseite (20.10.2026) */
.slx-kompliziert{display:grid;grid-template-columns:1.1fr 1fr;gap:36px;align-items:center;background:var(--slx-flaeche);border-radius:25px;padding:44px 48px;margin:40px 0}
.slx-kompliziert h2{margin:0 0 14px}
.slx-kompliziert p{margin:0 0 12px;line-height:1.7}
.slx-partner{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.slx-partner li{display:flex;gap:12px;align-items:flex-start;background:#fff;border-radius:14px;padding:14px 16px;box-shadow:0 6px 18px rgba(16,40,90,.07);font-size:14.5px;line-height:1.45}
.slx-partner i{flex:0 0 34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(47,107,255,.14),rgba(32,201,151,.18));color:#2F6BFF;font-size:15px}
.slx-kontaktbox{background-image:var(--slx-flaeche);border-radius:25px;padding:65px 2px 65px 51px;margin-top:10px}
@media (max-width:991px){.slx-kompliziert{grid-template-columns:1fr;padding:32px 28px}.slx-kontaktbox{padding:30px}}
@media (max-width:575px){.slx-partner{grid-template-columns:1fr}.slx-kontaktbox{padding:20px}}
.slx-kompliziert::before,.slx-kompliziert::after{display:none!important;content:none!important}
#section-id-slxKontaktLeistungen .sppb-row{align-items:center}
#column-wrap-id-slxKontaktText,#column-wrap-id-slxKontaktForm{max-width:50%;flex-basis:50%}
#column-id-slxKontaktForm{padding-right:41px}
@media (max-width:767.98px){#column-wrap-id-slxKontaktText,#column-wrap-id-slxKontaktForm{max-width:100%;flex-basis:100%}#column-id-slxKontaktForm{padding-right:0}}
/* Einheitliche Icons und Kartentexte auf allen Seiten wie auf der Startseite (20.10.2026) */
html[data-stil="2"] .page-content .sppb-addon-feature .sppb-icon .sppb-icon-container i,html[data-stil="2"] .page-content .sppb-addon-feature .sppb-icon i::before,.slx-partner i::before{background:linear-gradient(135deg,var(--slx-blau),var(--slx-gruen))!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important}
html[data-stil="2"] .page-content .sppb-addon-feature .sppb-icon .sppb-icon-container i{background:none!important}
.slx-partner i{background:linear-gradient(135deg,rgba(47,107,255,.12),rgba(32,201,151,.12))!important;color:transparent!important}
html[data-stil="2"] .page-content .sppb-addon-feature .sppb-addon-title,html[data-stil="2"] .page-content .sppb-addon-feature .sppb-addon-title a{color:#0F1B33!important;-webkit-text-fill-color:#0F1B33!important;text-decoration:none!important}
html[data-stil="2"] .page-content .sppb-addon-feature .sppb-addon-title a:hover{color:var(--slx-blau)!important;-webkit-text-fill-color:var(--slx-blau)!important}
html[data-stil="2"] .page-content .sppb-addon-feature .sppb-addon-text,html[data-stil="2"] .page-content .sppb-addon-feature .sppb-addon-text p{color:#475569!important}
/* Leistungen-Karten exakt wie Startseite: runder Icon-Kreis 64px, Glyph 30px, Titel 20px, Text 18px */
#column-id-1681240275569 .sppb-addon-feature .sppb-icon-container{width:64px!important;height:64px!important;line-height:64px!important;border-radius:50%!important;margin-bottom:0!important}
#column-id-1681240275569 .sppb-addon-feature .sppb-icon-container>i{font-size:30px!important}
#column-id-1681240275569 .sppb-addon-feature .sppb-addon-title{font-size:20px!important;line-height:1.32!important;margin-bottom:12px!important}
#column-id-1681240275569 .sppb-addon-feature .sppb-addon-text p{font-size:18px!important;line-height:1.62!important;margin-bottom:16px!important}
html #sp-main-body .slx-leistungsraster .addon-root-feature .sppb-icon-container,html #sp-main-body .slx-leistungsraster .addon-root-feature .sppb-addon-feature:hover .sppb-icon-container{width:64px!important;height:64px!important;border-radius:50%!important;background:linear-gradient(135deg,rgba(47,107,255,.12),rgba(32,201,151,.12))!important;margin-bottom:0!important;transform:none!important}
html #sp-main-body .slx-leistungsraster .addon-root-feature .sppb-icon i,html #sp-main-body .slx-leistungsraster .addon-root-feature .sppb-addon-feature:hover .sppb-icon i{font-size:30px!important;color:transparent!important}
html #sp-main-body .slx-leistungsraster .addon-root-feature .sppb-addon-title{font-size:20px!important;line-height:1.32!important;margin-bottom:12px!important}
html #sp-main-body .slx-leistungsraster .addon-root-feature .sppb-addon-title{margin-top:22px!important}
html #sp-main-body .slx-leistungsraster .addon-root-feature .sppb-addon-text a,html #sp-main-body .slx-leistungsraster .addon-root-feature a.slx-mehr,html #sp-main-body .slx-leistungsraster .addon-root-feature [class*=mehr]{font-size:18px!important}
html[data-stil="2"] .page-content .sppb-addon-feature .sppb-addon-text a{color:var(--slx-blau)!important;-webkit-text-fill-color:var(--slx-blau)!important;font-weight:600}
.slx-partner i{flex-basis:40px!important;height:40px!important;font-size:17px!important}
.slx-partner li{font-size:15.5px}
html #sp-main-body .slx-leistungsraster .addon-root-feature .sppb-addon-feature:has(a)::after{color:var(--slx-blau)!important;-webkit-text-fill-color:var(--slx-blau)!important;font-size:18px!important}