/*
 * Über mich – Gestaltung für die Elementor-Seite (geladen von der Erweiterung «gruessech Zeitreise») (Abschnitte mit CSS-Klassen gs-…).
 * Texte, Bilder, Links und Knöpfe werden in Elementor gepflegt; hier steht nur das Aussehen.
 * Grundlage: Gestaltungsentwurf «Über mich», Stand 15.10.2026.
 */
.gs-um{--pink:#D81B4A;--pink2:#FE2C55;--mint:#25F4EE;--logomint:#8FE3D9;--tuerkis:#0FB5AE;--text:#010101;--grau:#5F6470;--hell:#F6FCFD;--dunkel:#0A1012}

/* ---------- Grundlagen ---------- */
.gs-um .gs-sec{position:relative;padding:96px 0;font-family:Roboto,Arial,sans-serif;color:var(--text);--kit-widget-spacing:0px}
.gs-um .gs-sec>.elementor-container{max-width:1140px;padding:0 24px}
.gs-um .gs-sec .elementor-widget:not(:last-child){margin-bottom:0;margin-block-end:0}
.gs-um .gs-sec .elementor-widget-wrap{align-content:flex-start}
.gs-um .gs-sec :is(p,li,span,a,b,strong,em,small,div,h1,h2,h3,h4,figcaption){font-family:Roboto,Arial,sans-serif!important}
/* Spaltenbreiten, falls Elementor keine eigene Breite gesetzt hat */
@media (min-width:768px){.gs-um .gs-auge-spalte{width:44%}.gs-um .gs-mensch-text{width:56%}}
.gs-um .gs-sec .elementor-heading-title{font-family:inherit;font-weight:600;color:var(--text);margin:0;line-height:1.2;letter-spacing:normal;text-transform:none}
.gs-um .gs-sec p{color:var(--grau);font-size:18px;line-height:31px;margin:18px 0 0}
.gs-um .gs-sec p:first-child{margin-top:0}
.gs-um .gs-sec img{max-width:100%;height:auto;display:block}
.gs-um .gs-ol .elementor-heading-title{color:var(--pink);font-weight:600;font-size:15px;letter-spacing:.4px;margin:0 0 12px;line-height:1.4}
.gs-um .gs-h2 .elementor-heading-title{font-size:36px;line-height:1.2}
.gs-um .gs-h2 .elementor-heading-title::after{content:"";display:block;width:72px;height:4px;border-radius:4px;margin-top:18px;background:linear-gradient(90deg,var(--pink2),var(--mint))}
.gs-um .gs-h2.gs-mitte .elementor-heading-title{text-align:center}
.gs-um .gs-h2.gs-mitte .elementor-heading-title::after{margin-left:auto;margin-right:auto}
.gs-um .gs-text{margin-top:18px}
.gs-um .gs-schatten img,.gs-um .gs-schatten{box-shadow:0 30px 70px -24px rgba(30,40,90,.35)}
@keyframes gs-schweben{50%{transform:translateY(-8px)}}
.gs-um .gs-schwebt{animation:gs-schweben 9s ease-in-out infinite}
.gs-um .gs-ein{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}
.gs-um .gs-ein.da,.elementor-editor-active .gs-um .gs-ein,.gs-um.elementor-editor-active .gs-ein{opacity:1;transform:none}
.gs-um .gs-weich{background:linear-gradient(180deg,var(--hell),#fff)}
.gs-um .gs-sec a:focus-visible,.gs-um .gs-sec button:focus-visible,.gs-um .gs-sec [tabindex]:focus-visible{outline:3px solid #0B7F7A;outline-offset:3px}
/* Pillen-Listen (Elementor-Symbolliste) */
.gs-um .gs-pillen .elementor-icon-list-items{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0}
.gs-um .gs-pillen .elementor-icon-list-item{margin:0!important;padding:0!important}
.gs-um .gs-pillen .elementor-icon-list-item::after{display:none!important}
.gs-um .gs-pillen .elementor-icon-list-icon{display:none}
.gs-um .gs-pillen .elementor-icon-list-text{display:inline-block;border-radius:999px;padding:6px 14px;font-size:14px;color:#333;background:#fff;border:1px solid #CFEFEC;padding-inline-start:14px!important}

/* ---------- 1 Einstieg (Hero) ---------- */
.gs-um .gs-hero{overflow:hidden;padding:120px 0 110px}
.gs-um .gs-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(620px 420px at 78% 40%,rgba(37,244,238,.20),transparent 70%),radial-gradient(480px 360px at 60% 100%,rgba(254,44,85,.10),transparent 70%),linear-gradient(180deg,#fff,var(--hell))}
.gs-um .gs-hero::after{content:"Giordano Drieman";position:absolute;left:50%;bottom:-.24em;transform:translateX(-50%);white-space:nowrap;font-size:clamp(70px,13vw,190px);font-weight:700;letter-spacing:-2px;line-height:1;color:transparent;-webkit-text-stroke:1.5px rgba(15,181,174,.13);pointer-events:none;user-select:none;font-family:Roboto,Arial,sans-serif}
.gs-um .gs-hero>.elementor-container{position:relative;z-index:1;gap:64px;align-items:center}
.gs-um .gs-herotext>.elementor-widget-wrap{position:relative}
.gs-um .gs-schwebmarke{position:absolute!important;left:-6px;top:-62px;width:auto!important}
.gs-um .gs-schwebmarke .elementor-heading-title{display:inline-flex;align-items:center;gap:9px;background:#fff;border-radius:999px;padding:8px 16px 8px 12px;font-size:15px;font-weight:600;color:var(--pink);box-shadow:0 14px 34px -12px rgba(216,27,74,.35);transform:rotate(-4deg);animation:gs-marke 7s ease-in-out infinite}
.gs-um .gs-schwebmarke .elementor-heading-title::before{content:"";width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,var(--pink2),var(--mint))}
@keyframes gs-marke{0%,100%{transform:rotate(-4deg) translateY(0)}50%{transform:rotate(-2deg) translateY(-7px)}}
.gs-um .gs-h1 .elementor-heading-title{font-size:50px;line-height:1.12}
.gs-um .gs-h1 .elementor-heading-title::after{content:"";display:block;width:72px;height:4px;border-radius:4px;margin-top:18px;background:linear-gradient(90deg,var(--pink2),var(--mint))}
.gs-um .gs-untertitel{margin-top:14px}
.gs-um .gs-untertitel p{font-size:15px;line-height:1.5;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:#7B8A8C;margin:0}
.gs-um .gs-untertitel b,.gs-um .gs-untertitel strong{color:var(--text);font-weight:700}
.gs-um .gs-intro{margin-top:22px}
.gs-um .gs-intro p:first-child{font-size:20px;line-height:33px;color:#2B2F38}
.gs-um .gs-rollen{margin-top:24px}
.gs-um .gs-rollen .elementor-icon-list-text{border-color:#DDF3F1;padding:7px 15px;font-weight:600;box-shadow:0 6px 16px -10px rgba(30,40,90,.35);transition:transform .2s,border-color .2s}
.gs-um .gs-rollen .elementor-icon-list-item:hover .elementor-icon-list-text{transform:translateY(-2px);border-color:var(--mint)}
.gs-um .gs-rollen .elementor-icon-list-item:last-child .elementor-icon-list-text{border-style:dashed;border-color:#8FE3D9}
.gs-um .gs-rollen small{font-size:11px;font-weight:600;color:var(--tuerkis);margin-left:6px;letter-spacing:.3px}
.gs-um .gs-schreib{margin-top:30px}
.gs-um .gs-schreib .elementor-button{display:inline-flex;align-items:center;gap:8px;background:none;padding:0 0 3px;border-radius:0;color:var(--pink);font-weight:600;font-size:16px;border-bottom:2px solid rgba(216,27,74,.25);box-shadow:none;transition:border-color .2s}
.gs-um .gs-schreib .elementor-button:hover{border-color:var(--pink);color:var(--pink);background:none}
.gs-um .gs-bildbox>.elementor-widget-wrap{position:relative;display:flex;justify-content:center;align-items:center;align-content:center;min-height:560px} /* align-content: Elementor setzt sonst flex-start, das Porträt sass über der Mitte der Blume */
.gs-um .gs-blume{position:absolute!important;left:50%;top:50%;width:150%!important;max-width:640px;aspect-ratio:1;transform:translate(-50%,-50%);pointer-events:none}
.gs-um .gs-blume img{width:100%;height:100%;opacity:.42;animation:gs-drehen 140s linear infinite}
@keyframes gs-drehen{to{transform:rotate(360deg)}}
.gs-um .gs-portrait{position:relative;z-index:1;width:400px!important;max-width:72vw;aspect-ratio:1;overflow:hidden;border-radius:50%;border:8px solid #fff;box-shadow:0 30px 70px -24px rgba(30,40,90,.35)}
.gs-um .gs-portrait .elementor-widget-container,.gs-um .gs-tausch .elementor-widget-container,.gs-um .gs-blume .elementor-widget-container{height:100%}
.gs-um .gs-portrait img{width:100%!important;height:100%!important;max-width:none;object-fit:cover;object-position:50% 50%}
.gs-um .gs-chip{position:absolute!important;z-index:2;width:auto!important}
.gs-um .gs-chip .elementor-heading-title{background:#fff;border-radius:999px;padding:10px 18px;font-size:14px;font-weight:600;box-shadow:0 12px 30px rgba(30,40,90,.15);white-space:nowrap}
.gs-um .gs-chip b,.gs-um .gs-chip strong{color:var(--pink)}
.gs-um .gs-c1{left:0;top:14%}
.gs-um .gs-c1 .elementor-heading-title{animation:gs-schweben 9s ease-in-out infinite}
.gs-um .gs-c2{right:2%;bottom:13%}
.gs-um .gs-c2 .elementor-heading-title{background:linear-gradient(135deg,#E4F8F6,#C4EFEA);color:#1F5B55;border:1px solid #8FE3D9}
.gs-um .gs-c2 b,.gs-um .gs-c2 strong{color:#127A73}
.gs-um .gs-baeume{position:absolute!important;inset:0;width:100%!important;pointer-events:none;z-index:2}
.gs-um .gs-baeume .baeume{position:absolute;right:-2%;top:44%;display:flex;align-items:flex-end;gap:2px}
.gs-um .gs-baeume svg{display:block;transform-origin:50% 100%;animation:gs-wiegen 6s ease-in-out infinite}
.gs-um .gs-baeume svg:nth-child(2){animation-delay:-2s}.gs-um .gs-baeume svg:nth-child(3){animation-delay:-4s}
@keyframes gs-wiegen{0%,100%{transform:rotate(-1.5deg)}50%{transform:rotate(1.5deg)}}
.gs-um .gs-baeume .punkt{position:absolute;width:18px;height:18px;border-radius:50%;background:var(--pink2);opacity:.7;left:12%;bottom:12%;box-shadow:34px -26px 0 -5px rgba(37,244,238,.9)}

/* ---------- 2 Wie alles anfing ---------- */
.gs-um .gs-weg{padding-bottom:0}
.gs-um .gs-haltung{margin-top:36px}
.gs-um .gs-haltung>.elementor-container{gap:56px;align-items:flex-start}
.gs-um .gs-haltung-zitat p{position:relative;font-size:27px;line-height:1.45;font-weight:300;color:var(--text);padding:58px 0 0 4px;margin:0}
.gs-um .gs-haltung-zitat p::before{content:"«";position:absolute;left:-4px;top:-22px;font-size:110px;line-height:1;font-weight:700;background:linear-gradient(135deg,var(--pink2),var(--mint));-webkit-background-clip:text;background-clip:text;color:transparent;opacity:.55}
.gs-um .gs-haltung-text{border-left:3px solid #DDF3F1;padding-left:32px}
.gs-um .gs-zeitreise{margin-top:64px}
.gs-um .gs-zr-ende{max-width:620px;margin:24px auto 0!important;text-align:center;position:relative;z-index:1;background:#fff;border-radius:22px;padding:26px 28px;box-shadow:0 18px 44px -22px rgba(30,40,90,.35)}
.gs-um .gs-zr-ende h3{font-size:20px;margin:0}
.gs-um .gs-zr-ende p{font-size:16px;line-height:27px;margin-top:8px}
.gs-um .gs-zr-ende p:first-child{font-size:13px;font-weight:700;color:var(--tuerkis);letter-spacing:.6px;margin:0}
.gs-um .gs-bruecke{display:flex;justify-content:center;margin-top:28px}
.gs-um .gs-bruecke .linie{display:block;width:4px;height:110px;margin:0 auto;border-radius:4px;background:linear-gradient(180deg,var(--mint),rgba(37,244,238,.15))}
.gs-um .gs-bruecke-text p{text-align:center;font-size:17px;font-style:italic;color:#4A5160;margin:16px 0 0;padding-bottom:70px}

/* ---------- 3 Mein Weg als Mensch ---------- */
.gs-um .gs-mensch{--ueb:250px;--ende:160px;overflow:hidden;background:radial-gradient(760px 520px at 18% 44%,rgba(37,244,238,.07),transparent 70%),radial-gradient(640px 520px at 88% 82%,rgba(254,44,85,.06),transparent 70%),var(--dunkel);padding:calc(var(--ueb) + 70px) 0 calc(var(--ende) + 110px)}
.gs-um .gs-mensch::before{content:"";position:absolute;left:0;right:0;top:0;height:var(--ueb);background:linear-gradient(180deg,#fff 0%,#F4F7F7 10%,#DDE3E4 24%,#AEB8BA 40%,#6F7B7E 56%,#384346 72%,#182124 87%,var(--dunkel) 100%);pointer-events:none}
.gs-um .gs-mensch::after{content:"";position:absolute;left:0;right:0;bottom:0;height:var(--ende);background:linear-gradient(180deg,rgba(10,16,18,0),#2A3437 38%,#9AA6A9 70%,var(--hell));pointer-events:none}
/* Dekorationen in der Textspalte beziehen sich auf den ganzen Abschnitt */
.gs-um .gs-mensch>.elementor-container,.gs-um .gs-mensch-text,.gs-um .gs-mensch-text>.elementor-widget-wrap,.gs-um .gs-m-deko,.gs-um .gs-m-deko>.elementor-widget-container{position:static}
.gs-um .gs-mensch>.elementor-container{gap:64px;align-items:flex-start}
.gs-um .gs-m-deko .m-uebergang{position:absolute;inset:0 0 auto;height:var(--ueb);z-index:1;pointer-events:none}
.gs-um .gs-m-deko .m-linie{position:absolute;left:50%;top:0;bottom:0;width:4px;margin-left:-2px;border-radius:0 0 4px 4px;background:linear-gradient(180deg,rgba(37,244,238,.18),var(--mint))}
.gs-um .gs-m-deko .m-linie::after{content:"";position:absolute;left:50%;bottom:-7px;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 6px rgba(37,244,238,.16),0 0 24px rgba(37,244,238,.6)}
.gs-um .gs-m-deko .m-horizont{position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,rgba(37,244,238,0),rgba(37,244,238,.7) 50%,rgba(37,244,238,0));opacity:0;transform:scaleX(.2)}
.gs-um .gs-m-deko .m-blitz{position:absolute;left:50%;bottom:0;width:1000px;height:1000px;margin:0 0 -500px -500px;border-radius:50%;background:radial-gradient(circle,rgba(160,255,250,.32) 0%,rgba(37,244,238,.12) 26%,rgba(37,244,238,0) 60%);opacity:0;transform:scale(.3)}
.gs-um .gs-mensch.leuchtet .m-blitz{animation:gs-aufleuchten 2.6s cubic-bezier(.2,.7,.2,1)}
.gs-um .gs-mensch.leuchtet .m-horizont{animation:gs-horizont 2.6s cubic-bezier(.2,.7,.2,1)}
.gs-um .gs-mensch.leuchtet .m-linie::after{animation:gs-punkt-glut 2.6s ease-out}
@keyframes gs-aufleuchten{0%{opacity:0;transform:scale(.3)}16%{opacity:1}100%{opacity:0;transform:scale(1.2)}}
@keyframes gs-horizont{0%{opacity:0;transform:scaleX(.2)}20%{opacity:.9}100%{opacity:0;transform:scaleX(1)}}
@keyframes gs-punkt-glut{0%,100%{box-shadow:0 0 0 6px rgba(37,244,238,.16),0 0 24px rgba(37,244,238,.6)}18%{box-shadow:0 0 0 14px rgba(37,244,238,.22),0 0 60px 10px rgba(160,255,250,.7)}}
.gs-um .gs-m-blume{position:absolute!important;right:-140px;top:calc(var(--ueb) + 40px);width:640px!important;max-width:none;z-index:0;pointer-events:none;will-change:transform}
.gs-um .gs-m-blume img{width:100%;opacity:.14;mix-blend-mode:screen;animation:gs-blume-leben 46s ease-in-out infinite}
@keyframes gs-blume-leben{0%,100%{transform:rotate(0) scale(1);opacity:.11}50%{transform:rotate(14deg) scale(1.04);opacity:.19}}
.gs-um .gs-mensch .elementor-column{z-index:2}
.gs-um .gs-auge-spalte>.elementor-widget-wrap{position:relative}
.gs-um .gs-auge-spalte>.elementor-widget-wrap::before{content:"";position:absolute;inset:-16px -16px 16px 16px;border:1.5px solid rgba(37,244,238,.35);border-radius:30px;pointer-events:none}
.gs-um .gs-auge{position:relative;overflow:hidden;border-radius:26px;aspect-ratio:10/11;background:#111;box-shadow:0 50px 100px -40px rgba(0,0,0,.9)}
.gs-um .gs-auge img{position:absolute;left:0;top:-8%;width:100%!important;height:170%!important;max-width:none!important;object-fit:cover;object-position:30% 0;filter:grayscale(.1) contrast(1.18) brightness(.8);transform:translate3d(0,var(--py,0px),0) scale(1.03);will-change:transform}
.gs-um .gs-auge::after{content:"";position:absolute;inset:0;background:radial-gradient(110% 80% at 38% 26%,rgba(10,16,18,0) 38%,rgba(10,16,18,.7) 100%),linear-gradient(180deg,rgba(10,16,18,0) 55%,rgba(10,16,18,.6));pointer-events:none}
.gs-um .gs-mensch .gs-ol .elementor-heading-title{color:#FF7A93}
.gs-um .gs-mensch .elementor-heading-title{color:#fff}
.gs-um .gs-mensch p{color:#C3CED1}
.gs-um .gs-zitat p{font-size:26px;line-height:1.45;font-weight:300;color:#F2F6F7;margin:28px 0 0;padding-left:22px;border-left:3px solid var(--pink2)}

/* ---------- 4 Vom Webdesign zum Unternehmer ---------- */
.gs-um .gs-unternehmer>.elementor-container{gap:64px;align-items:center}
.gs-um .gs-collage>.elementor-widget-wrap{position:relative;height:430px}
.gs-um .gs-collage .elementor-widget-image{position:absolute!important}
.gs-um .gs-collage img{border-radius:14px;border:6px solid #fff;box-shadow:0 30px 70px -24px rgba(30,40,90,.35)}
.gs-um .gs-collage .gs-c-a{width:68%!important;left:0;top:0}
.gs-um .gs-collage .gs-c-b{width:58%!important;right:0;top:120px;animation-delay:-3s}
.gs-um .gs-collage .gs-c-c{width:46%!important;left:14%;bottom:0;animation-delay:-6s}
.gs-um .gs-tags{margin-top:20px}

/* ---------- 5 Technologie trifft Kreativität ---------- */
.gs-um .gs-technik>.elementor-container{gap:64px;align-items:center}
.gs-um .gs-werkzeuge{margin-top:24px}
.gs-um .gs-werkzeuge .elementor-icon-list-items{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.gs-um .gs-werkzeuge .elementor-icon-list-text{display:block;border:0;border-left:3px solid var(--mint);border-radius:12px;padding:12px 14px;font-size:15px;box-shadow:0 10px 26px -18px rgba(30,40,90,.45)}
.gs-um .gs-tausch-spalte>.elementor-widget-wrap{position:relative;justify-content:center}
.gs-um .gs-tausch{width:420px!important;max-width:100%;aspect-ratio:1;margin:0 auto;border-radius:50%;overflow:hidden;box-shadow:0 30px 70px -24px rgba(30,40,90,.35)}
.gs-um .gs-tausch img{width:100%!important;height:100%!important;max-width:none;object-fit:cover;object-position:50% 50%}
.gs-um .gs-tausch-skizze{position:absolute!important;top:0;left:50%;transform:translateX(-50%);opacity:0;transition:opacity 1.2s ease;box-shadow:none}
.gs-um .gs-tausch-spalte:hover .gs-tausch-skizze,.gs-um .gs-tausch-spalte.zeige .gs-tausch-skizze{opacity:1}
.gs-um .gs-tausch-txt p{text-align:center;font-size:14px;line-height:1.5;color:#696969;margin-top:14px}

/* ---------- 5b KI mit Verantwortung und Wahlfreiheit ---------- */
.gs-um .gs-ki{overflow:hidden;background:linear-gradient(180deg,#fff,var(--hell))}
.gs-um .gs-ki::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(15,181,174,.22) 1px,transparent 1.6px);background-size:26px 26px;-webkit-mask-image:radial-gradient(ellipse 60% 55% at 78% 22%,#000,transparent 72%);mask-image:radial-gradient(ellipse 60% 55% at 78% 22%,#000,transparent 72%);pointer-events:none}
.gs-um .gs-ki-frage{margin-top:40px}
.gs-um .gs-ki-frage p{position:relative;max-width:860px;font-size:clamp(24px,3vw,34px);line-height:1.4;font-weight:300;color:var(--text);padding-left:30px;margin:0}
.gs-um .gs-ki-frage p::before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:4px;border-radius:4px;background:linear-gradient(180deg,var(--pink2),var(--mint))}
.gs-um .gs-ki-text{margin-top:22px}
.gs-um .gs-ki-text>.elementor-container{gap:48px}
.gs-um .gs-wahl-buehne{margin-top:56px;background:#fff;border-radius:30px;padding:44px 44px 36px;box-shadow:0 40px 90px -44px rgba(30,40,90,.45);border:1px solid #E6F3F2}
.gs-um .gs-wahl-buehne>.elementor-container{padding:0;max-width:none}
.gs-um .gs-wahl-buehne .elementor-widget-wrap{display:grid!important;grid-template-columns:repeat(3,1fr);gap:18px}
.gs-um .gs-wahl-buehne .elementor-widget{grid-column:1/-1}
.gs-um .gs-wahl-buehne .gs-wahl-karte{grid-column:auto}
.gs-um .gs-wahl-marke .elementor-heading-title{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,var(--pink2),var(--pink));border-radius:999px;padding:6px 14px}
.gs-um .gs-wahl-h3 .elementor-heading-title{font-size:clamp(22px,2.6vw,30px);line-height:1.3}
.gs-um .gs-wahl-intro p{font-size:17px;margin:0}
.gs-um .gs-wahl-karte{position:relative;padding:24px 22px 26px;border-radius:20px;background:var(--hell);border:2px solid transparent;cursor:pointer;transition:transform .25s,border-color .25s,background .25s,box-shadow .25s}
.gs-um .gs-wahl-karte:hover{transform:translateY(-4px);border-color:#BFE9E5;background:#fff;box-shadow:0 20px 40px -26px rgba(30,40,90,.45)}
.gs-um .gs-wahl-karte[aria-checked="true"]{border-color:var(--pink);background:#fff;box-shadow:0 22px 44px -24px rgba(216,27,74,.45)}
.gs-um .gs-wahl-karte:focus-visible{outline:3px solid #0B7F7A;outline-offset:3px}
.gs-um .gs-wahl-karte .elementor-icon-box-icon{display:none}
.gs-um .gs-wahl-karte .elementor-icon-box-wrapper{text-align:left}
.gs-um .gs-wahl-karte .elementor-icon-box-content::before{content:"";display:block;width:37px;height:22px;margin-bottom:12px;background:linear-gradient(#D6E9E8,#D6E9E8) 0 100%/9px 8px no-repeat,linear-gradient(#D6E9E8,#D6E9E8) 14px 100%/9px 14px no-repeat,linear-gradient(#D6E9E8,#D6E9E8) 28px 100%/9px 22px no-repeat}
.gs-um .gs-pegel-1 .elementor-icon-box-content::before{background:linear-gradient(var(--mint),var(--tuerkis)) 0 100%/9px 8px no-repeat,linear-gradient(#D6E9E8,#D6E9E8) 14px 100%/9px 14px no-repeat,linear-gradient(#D6E9E8,#D6E9E8) 28px 100%/9px 22px no-repeat}
.gs-um .gs-pegel-3 .elementor-icon-box-content::before{background:linear-gradient(var(--mint),var(--tuerkis)) 0 100%/9px 8px no-repeat,linear-gradient(var(--mint),var(--tuerkis)) 14px 100%/9px 14px no-repeat,linear-gradient(var(--mint),var(--tuerkis)) 28px 100%/9px 22px no-repeat}
.gs-um .gs-wahl-karte .elementor-icon-box-title{margin:0;font-size:18px;font-weight:600;line-height:1.3;color:var(--text)}
.gs-um .gs-wahl-karte .elementor-icon-box-description{font-size:15px;line-height:24px;color:var(--grau);margin:10px 0 0}
.gs-um .gs-wahl-karte::after{content:"Deine Wahl";position:absolute;top:16px;right:16px;font-size:12px;font-weight:700;color:var(--pink);opacity:0;transform:translateY(-4px);transition:opacity .25s,transform .25s}
.gs-um .gs-wahl-karte[aria-checked="true"]::after{opacity:1;transform:none}
.gs-um .gs-wahl-zusage{margin-top:8px}
.gs-um .gs-wahl-zusage p{position:relative;margin:0;padding:18px 22px 18px 70px;border-radius:18px;background:linear-gradient(120deg,rgba(37,244,238,.14),rgba(15,181,174,.06));font-size:17px;line-height:28px;color:#24424A}
.gs-um .gs-wahl-zusage p::before{content:"";position:absolute;left:22px;top:50%;width:34px;height:34px;margin-top:-17px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 34'%3E%3Ccircle cx='17' cy='17' r='16' fill='none' stroke='%230B7F7A' stroke-width='2' opacity='.35'/%3E%3Cpath d='M10 17.5l4.5 4.5L24 12.5' fill='none' stroke='%230B7F7A' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.gs-um .gs-wahl-zusage b,.gs-um .gs-wahl-zusage strong{color:var(--text)}
.gs-um .gs-ki-text-2{margin-top:30px;max-width:820px}
.gs-um .gs-ki-schluss{margin-top:56px}
/* Ein zusammenhängender Absatz: ausgeglichene Zeilen, damit die Hervorhebung nicht wie ein erzwungener Umbruch wirkt */
.gs-um .gs-ki-schluss p{max-width:900px;margin:0 auto;text-align:center;font-size:clamp(22px,2.6vw,30px);line-height:1.45;font-weight:300;color:var(--text);text-wrap:balance}
.gs-um .gs-ki-schluss em{font-style:normal;font-weight:600;background:linear-gradient(90deg,rgba(254,44,85,.18),rgba(37,244,238,.28)) 0 88%/100% 40% no-repeat}

/* ---------- 6 Coaching ---------- */
.gs-um .gs-coaching{background:radial-gradient(500px 300px at 15% 20%,rgba(37,244,238,.16),transparent 70%),radial-gradient(500px 300px at 85% 90%,rgba(254,44,85,.08),transparent 70%)}
.gs-um .gs-coach-karte>.elementor-widget-wrap{max-width:820px;margin:0 auto;background:#fff;border-radius:28px;padding:48px 52px!important;text-align:center;box-shadow:0 30px 70px -24px rgba(30,40,90,.35)}
.gs-um .gs-coach-karte .gs-h2 .elementor-heading-title::after{margin-left:auto;margin-right:auto}
.gs-um .gs-grundlage{margin-top:24px}
.gs-um .gs-grundlage .elementor-icon-list-items{justify-content:center}
.gs-um .gs-grundlage .elementor-icon-list-text{background:var(--hell);border:0;padding:7px 14px}

/* ---------- 7 Projekte ---------- */
.gs-um .gs-projekte-spalte>.elementor-widget-wrap{display:grid!important;grid-template-columns:repeat(5,1fr);gap:22px}
.gs-um .gs-projekte-spalte .elementor-widget{grid-column:1/-1}
.gs-um .gs-projekte-spalte .gs-projekt{grid-column:auto}
.gs-um .gs-projekt{background:#fff;border-radius:20px;padding:28px 22px;text-align:center;box-shadow:0 18px 44px -24px rgba(30,40,90,.4);transition:transform .25s,box-shadow .25s}
.gs-um .gs-projekt:hover{transform:translateY(-6px);box-shadow:0 26px 50px -22px rgba(30,40,90,.45)}
.gs-um .gs-projekt.gs-haupt{border-top:4px solid var(--mint)}
.gs-um .gs-projekt .elementor-image-box-img{width:100%!important;height:86px;margin:0 0 18px!important;display:flex;align-items:center;justify-content:center}
.gs-um .gs-projekt .elementor-image-box-img a{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.gs-um .gs-projekt .elementor-image-box-img img{max-height:86px;width:auto;max-width:100%;object-fit:contain;margin:0 auto}
.gs-um .gs-projekt.gs-rand .elementor-image-box-img img{width:100%;height:86px;max-height:none;object-fit:cover}
.gs-um .gs-projekt .elementor-image-box-title{font-size:20px;font-weight:600;margin:0}
.gs-um .gs-projekt .elementor-image-box-title a{color:var(--text)}
.gs-um .gs-projekt .elementor-image-box-description{font-size:15px;line-height:25px;margin-top:8px;color:var(--grau)}
.gs-um .gs-projekt .gs-link{display:inline-block;margin-top:12px;font-size:14px;font-weight:600;color:var(--pink)}
.gs-um .gs-weitere p{text-align:center;margin-top:28px;font-size:15px;line-height:1.6;color:#696969}

/* ---------- 7b Mehr Ideen als Zeit ---------- */
.gs-um .gs-ideen{--ueb:170px;overflow:hidden;color:#fff;padding:calc(var(--ueb) + 60px) 0;background:radial-gradient(700px 460px at 12% 30%,rgba(37,244,238,.10),transparent 70%),radial-gradient(640px 460px at 90% 70%,rgba(254,44,85,.10),transparent 70%),var(--dunkel)}
.gs-um .gs-ideen::before,.gs-um .gs-ideen::after{content:"";position:absolute;left:0;right:0;height:var(--ueb);pointer-events:none;z-index:0}
.gs-um .gs-ideen::before{top:0;background:linear-gradient(180deg,#fff,#C9D0D2 30%,#384346 70%,var(--dunkel))}
.gs-um .gs-ideen::after{bottom:0;background:linear-gradient(0deg,var(--hell),#C9D0D2 30%,#384346 70%,var(--dunkel))}
.gs-um .gs-ideen>.elementor-container,.gs-um .gs-ideen-spalte{position:static}
.gs-um .gs-ideen-spalte .gs-funken{position:absolute!important;inset:0;width:100%;z-index:1;pointer-events:none;grid-column:auto}
.gs-um .gs-funken .funken{position:absolute;inset:var(--ueb) 0;pointer-events:none}
.gs-um .gs-funken i{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--mint);box-shadow:0 0 12px 3px rgba(37,244,238,.5);opacity:0;animation:gs-funke 16s ease-in-out infinite}
.gs-um .gs-funken i:nth-child(3n){background:var(--pink2);box-shadow:0 0 12px 3px rgba(254,44,85,.45)}
.gs-um .gs-funken i:nth-child(4n){width:3px;height:3px}
@keyframes gs-funke{0%{opacity:0;transform:translateY(20px)}20%{opacity:.9}60%{opacity:.5}100%{opacity:0;transform:translateY(-90px)}}
.gs-um .gs-ideen-spalte>.elementor-widget-wrap{position:static;display:grid!important;grid-template-columns:1fr 1.25fr;column-gap:64px;align-items:start}
.gs-um .gs-ideen-spalte .elementor-widget:not(.gs-funken){position:relative;z-index:2;grid-column:1/-1}
.gs-um .gs-ideen-spalte .elementor-widget.gs-ol,.gs-um .gs-ideen-spalte .elementor-widget.gs-ideen-titel{grid-column:1}
.gs-um .gs-ideen-spalte .elementor-widget.gs-ideen-text{grid-column:2;grid-row:1/span 2}
.gs-um .gs-ideen .gs-ol .elementor-heading-title{color:#FF7A93}
.gs-um .gs-ideen-titel .elementor-heading-title{font-size:clamp(44px,6.4vw,84px);line-height:1.02;font-weight:700;letter-spacing:-1px;background:linear-gradient(120deg,#fff 30%,var(--mint) 70%,#FF7A93);-webkit-background-clip:text;background-clip:text;color:transparent}
.gs-um .gs-ideen-text p{color:#C3CED1}
.gs-um .gs-ideen-text p:first-child{font-size:clamp(22px,2.4vw,28px);line-height:1.45;color:#fff;font-weight:300}
.gs-um .gs-kette{margin-top:64px}
.gs-um .gs-kette .elementor-icon-list-items{justify-content:center;gap:10px 42px}
.gs-um .gs-kette .elementor-icon-list-item{position:relative}
.gs-um .gs-kette .elementor-icon-list-item+.elementor-icon-list-item::before{content:"";position:absolute;left:-36px;top:50%;width:30px;height:2px;background:linear-gradient(90deg,rgba(37,244,238,.2),var(--mint))}
.gs-um .gs-kette .elementor-icon-list-text{font-size:15px;font-weight:600;letter-spacing:.4px;color:#DDE6E8;padding:9px 18px;border:1px solid rgba(143,227,217,.35);background:rgba(255,255,255,.03)}
.gs-um .gs-kette .elementor-icon-list-item:last-child .elementor-icon-list-text{color:#fff;border-color:transparent;background:linear-gradient(135deg,var(--pink2),var(--pink));box-shadow:0 10px 30px -8px rgba(254,44,85,.6)}
.gs-um .gs-kette.gs-ein{opacity:1;transform:none}
.gs-um .gs-kette.gs-ein .elementor-icon-list-item{opacity:0;transform:translateY(10px);transition:opacity .6s,transform .6s}
.gs-um .gs-kette.gs-ein.da .elementor-icon-list-item{opacity:1;transform:none}
.gs-um .gs-kette.da .elementor-icon-list-item:nth-child(2){transition-delay:.15s}.gs-um .gs-kette.da .elementor-icon-list-item:nth-child(3){transition-delay:.3s}.gs-um .gs-kette.da .elementor-icon-list-item:nth-child(4){transition-delay:.45s}.gs-um .gs-kette.da .elementor-icon-list-item:nth-child(5){transition-delay:.65s}
.gs-um .gs-verlass{margin-top:56px}
.gs-um .gs-verlass p{max-width:940px;margin:0 auto;text-align:center;font-size:clamp(24px,3.2vw,40px);line-height:1.4;font-weight:300;color:#fff}
.gs-um .gs-verlass strong,.gs-um .gs-verlass b{font-weight:700;background:linear-gradient(90deg,var(--mint),#FF7A93) 0 100%/0% 3px no-repeat;padding-bottom:4px;transition:background-size 1.4s cubic-bezier(.2,.7,.2,1) .4s}
.gs-um .gs-verlass.da strong,.gs-um .gs-verlass.da b{background-size:100% 3px}

/* ---------- 8 Was mich antreibt ---------- */
.gs-um .gs-werte-spalte>.elementor-widget-wrap{display:grid!important;grid-template-columns:repeat(4,1fr);gap:16px;counter-reset:wert}
.gs-um .gs-werte-spalte .elementor-widget{grid-column:1/-1}
.gs-um .gs-werte-spalte .gs-wert{grid-column:auto}
.gs-um .gs-werte-spalte .gs-h2,.gs-um .gs-projekte-spalte .gs-h2{margin-bottom:28px}
.gs-um .gs-wert{background:#fff;border-radius:18px;padding:22px;box-shadow:0 14px 36px -22px rgba(30,40,90,.4);counter-increment:wert}
.gs-um .gs-wert .elementor-icon-box-icon{display:none}
.gs-um .gs-wert .elementor-icon-box-wrapper{text-align:left}
.gs-um .gs-wert .elementor-icon-box-content::before{content:counter(wert);width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--pink2),#FF7A93);margin-bottom:12px}
.gs-um .gs-wert:nth-child(even) .elementor-icon-box-content::before{background:linear-gradient(135deg,var(--tuerkis),var(--mint))}
.gs-um .gs-wert .elementor-icon-box-title{font-size:20px;font-weight:600;margin:0;color:var(--text)}
.gs-um .gs-wert .elementor-icon-box-description{font-size:15px;line-height:24px;margin-top:6px;color:var(--grau)}

/* ---------- 9 Abschluss ---------- */
.gs-um .gs-ende{text-align:center;background:linear-gradient(180deg,#fff,var(--hell))}
.gs-um .gs-ende .gs-text p{max-width:640px;margin-left:auto;margin-right:auto}
.gs-um .gs-knopf{margin-top:28px}
.gs-um .gs-knopf .elementor-button{background:var(--pink);color:#fff;padding:14px 28px;border-radius:4px;font-weight:600;font-size:16px;transition:transform .2s,box-shadow .2s}
.gs-um .gs-knopf .elementor-button:hover{transform:translateY(-2px);box-shadow:0 10px 24px -8px rgba(216,27,74,.55);background:var(--pink);color:#fff}
.gs-um .gs-signatur{margin-top:36px}
.gs-um .gs-signatur p{font-size:15px;color:#333;line-height:1.8;margin:0}
.gs-um .gs-signatur p:first-child{font-size:24px;font-weight:600;color:var(--text)}
.gs-um .gs-signatur em,.gs-um .gs-signatur i{color:var(--tuerkis)}

/* ---------- Tablet ---------- */
@media (max-width:1024px){
 .gs-um .gs-h1 .elementor-heading-title{font-size:42px}
 /* Hero: Spalten untereinander, damit Text und Bild sich nicht überlagern */
 .gs-um .gs-hero>.elementor-container{flex-direction:column-reverse;gap:40px}
 .gs-um .gs-hero>.elementor-container>.elementor-column{width:100%!important}
 .gs-um .gs-bildbox>.elementor-widget-wrap{min-height:480px;max-width:560px;margin:0 auto}
 .gs-um .gs-portrait{width:330px!important}
 .gs-um .gs-blume{width:min(560px,100%)!important}
 .gs-um .gs-schwebmarke{position:relative!important;left:0;top:0;margin:0 0 22px!important}
 .gs-um .gs-ki-text>.elementor-container{flex-direction:column;gap:0}
 .gs-um .gs-ki-text>.elementor-container>.elementor-column{width:100%!important}
 .gs-um .gs-wahl-buehne .elementor-widget-wrap{grid-template-columns:1fr}
 .gs-um .gs-projekte-spalte>.elementor-widget-wrap{grid-template-columns:repeat(2,1fr)}
 .gs-um .gs-werte-spalte>.elementor-widget-wrap{grid-template-columns:repeat(2,1fr)}
 .gs-um .gs-ideen-spalte>.elementor-widget-wrap{grid-template-columns:1fr}
 .gs-um .gs-ideen-spalte .elementor-widget.gs-ideen-text{grid-column:1/-1;grid-row:auto;margin-top:28px}
 .gs-um .gs-m-blume{width:520px!important;right:-160px}
}
/* ---------- Handy ---------- */
@media (max-width:767px){
 .gs-um .gs-sec{padding:64px 0}
 .gs-um .gs-sec>.elementor-container{padding:0 16px}
 .gs-um .gs-hero{padding:56px 0 70px}
 .gs-um .gs-h1 .elementor-heading-title{font-size:34px}
 .gs-um .gs-h2 .elementor-heading-title{font-size:28px}
 .gs-um .gs-sec p{font-size:17px;line-height:29px}
 .gs-um .gs-untertitel p{font-size:13px;letter-spacing:2px}
 .gs-um .gs-intro p:first-child{font-size:19px}
 .gs-um .gs-portrait{width:min(250px,64vw)!important;border-width:6px}
 .gs-um .gs-bildbox>.elementor-widget-wrap{min-height:min(400px,100vw)}
 .gs-um .gs-blume{width:min(400px,104vw)!important}
 .gs-um .gs-c1{left:0;top:2%}.gs-um .gs-c2{right:0;bottom:4%}
 .gs-um .gs-chip .elementor-heading-title{padding:8px 13px;font-size:13px}
 .gs-um .gs-baeume .baeume{right:0;top:40%;transform:scale(.8);transform-origin:100% 100%}
 .gs-um .gs-haltung>.elementor-container{gap:22px}
 .gs-um .gs-haltung-zitat p{font-size:22px}
 .gs-um .gs-haltung-text{padding-left:18px}
 .gs-um .gs-zeitreise{margin-top:44px}
 .gs-um .gs-mensch{--ueb:180px;--ende:110px}
 .gs-um .gs-mensch>.elementor-container,.gs-um .gs-unternehmer>.elementor-container,.gs-um .gs-technik>.elementor-container{gap:40px}
 .gs-um .gs-auge{aspect-ratio:1/1}
 .gs-um .gs-m-blume{width:420px!important;right:-170px;top:calc(var(--ueb) + 300px)}
 .gs-um .gs-m-deko .m-blitz{width:700px;height:700px;margin:0 0 -350px -350px}
 .gs-um .gs-zitat p{font-size:21px}
 .gs-um .gs-collage>.elementor-widget-wrap{height:300px}
 .gs-um .gs-collage .gs-c-b{top:80px}
 .gs-um .gs-werkzeuge .elementor-icon-list-items{grid-template-columns:1fr}
 .gs-um .gs-tausch{width:min(320px,82vw)!important}
 .gs-um .gs-ki-frage p{padding-left:20px}
 .gs-um .gs-ki-frage{margin-top:30px}
 .gs-um .gs-sec .gs-ki-schluss p{font-size:21px;line-height:1.5}
 .gs-um .gs-ki-schluss{margin-top:40px}
 .gs-um .gs-wahl-buehne{padding:28px 18px 22px;border-radius:22px}
 .gs-um .gs-wahl-zusage p{padding:62px 18px 18px}
 .gs-um .gs-wahl-zusage p::before{top:16px;margin-top:0}
 .gs-um .gs-coach-karte>.elementor-widget-wrap{padding:32px 22px!important}
 .gs-um .gs-projekte-spalte>.elementor-widget-wrap,.gs-um .gs-werte-spalte>.elementor-widget-wrap{grid-template-columns:1fr}
 .gs-um .gs-ideen{--ueb:120px}
 .gs-um .gs-kette .elementor-icon-list-items{flex-direction:column;align-items:center;gap:30px}
 .gs-um .gs-kette .elementor-icon-list-item+.elementor-icon-list-item::before{left:50%;top:-24px;width:2px;height:18px;margin-left:-1px;background:linear-gradient(180deg,rgba(37,244,238,.2),var(--mint))}
}
@media (prefers-reduced-motion:reduce){
 .gs-um .gs-sec *,.gs-um .gs-sec *::before,.gs-um .gs-sec *::after{animation:none!important;transition:none!important}
 .gs-um .gs-ein{opacity:1;transform:none}
 .gs-um .gs-kette.gs-ein .elementor-icon-list-item{opacity:1;transform:none}
 .gs-um .gs-verlass strong,.gs-um .gs-verlass b{background-size:100% 3px}
 .gs-um .gs-auge img{transform:scale(1.03)}
 .gs-um .gs-funken i{opacity:.5}
}