.elementor-kit-13{--e-global-color-primary:#0B1E3D;--e-global-color-secondary:#1E50A2;--e-global-color-text:#3D5478;--e-global-color-accent:#F0A500;--e-global-color-9108b9d:#5A9CF5;--e-global-color-91a7ba8:#1F2124;--e-global-color-2a37a4b:#3D5478;--e-global-color-f7d5ecb:#7A95B8;--e-global-color-0f1be57:#EAF1F8;--e-global-color-58b0f18:#9FB3C6;--e-global-color-624b5a6:#1F2124;--e-global-color-5d8d84d:#FFFFFF;--e-global-color-f2f8341:#F3F7FD;--e-global-color-5c461a8:#0B1E3D;--e-global-color-574dd09:#061121;--e-global-color-c8257c1:#DCE8F5;--e-global-color-6899e94:#1F2124;--e-global-color-62ee3a1:#F0A500;--e-global-color-cc995a5:#C88A00;--e-global-color-ae7d348:#2E6CC7;--e-global-typography-primary-font-family:"Archivo";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-c423c6b-font-family:"Archivo";--e-global-typography-c279d9d-font-family:"IBM Plex Sans";--e-global-typography-eecc2c7-font-family:"IBM Plex Mono";color:var( --e-global-color-text );font-family:"IBM Plex Sans", Sans-serif;font-size:1rem;font-weight:400;line-height:1.65;}.elementor-kit-13 p{margin-block-end:0px;}.elementor-kit-13 a{color:#1E50A2;font-family:"IBM Plex Sans", Sans-serif;font-weight:600;}.elementor-kit-13 h1{color:var( --e-global-color-primary );font-family:"Archivo", Sans-serif;font-size:3.5rem;font-weight:800;line-height:1.05;letter-spacing:-0.02em;}.elementor-kit-13 h2{color:var( --e-global-color-primary );font-family:"Archivo", Sans-serif;font-size:2.6rem;font-weight:700;line-height:1.1;letter-spacing:-0.02em;}.elementor-kit-13 h3{color:var( --e-global-color-primary );font-family:"Archivo", Sans-serif;font-size:1.9rem;line-height:1.2;letter-spacing:-0.02em;}.elementor-kit-13 h6{font-family:"IBM Plex Mono", Sans-serif;font-size:0.8rem;font-weight:500;text-transform:uppercase;line-height:1.6;letter-spacing:0.2em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1366px){.elementor-kit-13{font-size:1rem;line-height:1.65;}.elementor-kit-13 h2{font-size:2.6rem;line-height:1.1;letter-spacing:-0.02em;}.elementor-kit-13 h3{font-size:1.9rem;line-height:1.2;letter-spacing:-0.02em;}.elementor-kit-13 h6{font-size:0.8rem;line-height:1.6;letter-spacing:0.2em;}}@media(max-width:1200px){.elementor-kit-13{font-size:1rem;line-height:1.65;}.elementor-kit-13 h1{font-size:3rem;line-height:1.05;letter-spacing:-0.02em;}.elementor-kit-13 h2{font-size:2.25rem;line-height:1.1;letter-spacing:-0.02em;}.elementor-kit-13 h3{font-size:1.65rem;line-height:1.2;letter-spacing:-0.02em;}.elementor-kit-13 h6{font-size:0.78rem;line-height:1.6;letter-spacing:0.2em;}.e-con{--container-default-padding-top:0px;--container-default-padding-right:40px;--container-default-padding-bottom:0px;--container-default-padding-left:40px;}}@media(max-width:1024px){.elementor-kit-13{font-size:1rem;line-height:1.65;}.elementor-kit-13 h1{font-size:2.6rem;line-height:1.05;letter-spacing:-0.02em;}.elementor-kit-13 h2{font-size:1.95rem;line-height:1.1;letter-spacing:-0.02em;}.elementor-kit-13 h3{font-size:1.45rem;line-height:1.2;letter-spacing:-0.02em;}.elementor-kit-13 h6{font-size:0.76rem;line-height:1.6;letter-spacing:0.2em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-13{font-size:1rem;line-height:1.65;}.elementor-kit-13 a{font-size:1rem;line-height:1.65;}.elementor-kit-13 h1{font-size:2.1rem;line-height:1.05;letter-spacing:-0.02em;}.elementor-kit-13 h2{font-size:1.6rem;line-height:1.1;letter-spacing:-0.02em;}.elementor-kit-13 h3{font-size:1.3rem;line-height:1.2;letter-spacing:-0.02em;}.elementor-kit-13 h6{font-size:0.72rem;line-height:1.6;letter-spacing:0.2em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;--container-default-padding-top:0px;--container-default-padding-right:20px;--container-default-padding-bottom:0px;--container-default-padding-left:20px;}}/* Start custom CSS */.lk{
  position:relative; overflow:hidden; isolation:isolate;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.08);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 40px 80px -58px rgba(11,30,61,.5);
  background-color:#061121;
  background-repeat:no-repeat;
  background-position:center;
}
/* Artwork-Ebene — zoomt beim Hovern langsam heran */
.lk::before{
  content:''; position:absolute; inset:0; z-index:-1; pointer-events:none;
  background-repeat:no-repeat; background-position:center; background-size:cover;
  transform-origin:62% 42%;
  transition:transform 1.6s cubic-bezier(.16,1,.3,1);
}
.lk:hover::before{ transform:scale(1.05); }
/* Vignette unten, damit Titel + Button lesbar bleiben (zoomt nicht mit) */
.lk::after{
  content:''; position:absolute; inset:0; z-index:-1; pointer-events:none;
  background:linear-gradient(180deg, rgba(6,17,33,0) 52%, rgba(6,17,33,.62) 100%);
}
@media (prefers-reduced-motion: reduce){
  .lk::before{ transition:none; }
  .lk:hover::before{ transform:none; }
}

/* 01 — Entwicklung (Workflow-Diagramm) */
.lk--entwicklung{
  background-image:
    radial-gradient(95% 85% at 86% -8%, rgba(46,108,199,.4) 0%, rgba(46,108,199,0) 62%),
    radial-gradient(75% 70% at -6% 108%, rgba(30,80,162,.32) 0%, rgba(30,80,162,0) 58%),
    linear-gradient(160deg, #0f2b55 0%, #061121 100%);
}
.lk--entwicklung::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 480 560'%3E%3Cstyle%3E*%7Bvector-effect:non-scaling-stroke%7D%3C/style%3E%3Cdefs%3E%3Cpattern id='g' width='26' height='26' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='13' cy='13' r='1.2' fill='%23a8cff7' fill-opacity='.16'/%3E%3C/pattern%3E%3CradialGradient id='f' gradientUnits='userSpaceOnUse' cx='326' cy='190' r='545'%3E%3Cstop offset='0' stop-color='%23fff'/%3E%3Cstop offset='.74' stop-color='%23fff' stop-opacity='0'/%3E%3C/radialGradient%3E%3Cmask id='m'%3E%3Crect width='480' height='560' fill='url(%23f)'/%3E%3C/mask%3E%3C/defs%3E%3Crect width='480' height='560' fill='url(%23g)' mask='url(%23m)'/%3E%3Cg fill='none' stroke='%235a9cf5' stroke-width='1.3' stroke-linecap='round'%3E%3Ccircle cx='330' cy='260' r='170' stroke-opacity='.06'/%3E%3Ccircle cx='330' cy='260' r='228' stroke-opacity='.04'/%3E%3Cpath d='M149 260h47' stroke-opacity='.3'/%3E%3Cpath d='M270 260h42' stroke-opacity='.3'/%3E%3Cpath d='M336 236V205q0-10 10-10h42' stroke-opacity='.2'/%3E%3Cpath d='M336 284v31q0 10 10 10h42' stroke-opacity='.3'/%3E%3Cpath d='M462 195h78' stroke-opacity='.14'/%3E%3Cpath d='M462 325h78' stroke-opacity='.3'/%3E%3Ccircle cx='140' cy='260' r='9' stroke-opacity='.42'/%3E%3Crect x='196' y='238' width='74' height='44' rx='10' stroke-opacity='.32'/%3E%3Cpath d='m336 236 24 24-24 24-24-24z' stroke-opacity='.38'/%3E%3Crect x='388' y='173' width='74' height='44' rx='10' stroke-opacity='.18'/%3E%3Crect x='388' y='303' width='74' height='44' rx='10' stroke-opacity='.6' fill='rgba(90,156,245,.1)'/%3E%3C/g%3E%3Cg fill='%235a9cf5'%3E%3Ccircle cx='196' cy='260' r='2.5' opacity='.45'/%3E%3Ccircle cx='270' cy='260' r='2.5' opacity='.45'/%3E%3Ccircle cx='505' cy='325' r='3' opacity='.65'/%3E%3C/g%3E%3C/svg%3E");
}

/* 02 — Wartung & Support (Radar / Monitoring) */
.lk--wartung{
  background-image:
    radial-gradient(95% 85% at 86% -8%, rgba(46,108,199,.4) 0%, rgba(46,108,199,0) 62%),
    radial-gradient(75% 70% at -6% 108%, rgba(30,80,162,.32) 0%, rgba(30,80,162,0) 58%),
    linear-gradient(160deg, #0f2b55 0%, #061121 100%);
}
.lk--wartung::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 480 560'%3E%3Cstyle%3E*%7Bvector-effect:non-scaling-stroke%7D%3C/style%3E%3Cdefs%3E%3Cpattern id='g' width='26' height='26' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='13' cy='13' r='1.2' fill='%23a8cff7' fill-opacity='.16'/%3E%3C/pattern%3E%3CradialGradient id='f' gradientUnits='userSpaceOnUse' cx='326' cy='190' r='545'%3E%3Cstop offset='0' stop-color='%23fff'/%3E%3Cstop offset='.74' stop-color='%23fff' stop-opacity='0'/%3E%3C/radialGradient%3E%3Cmask id='m'%3E%3Crect width='480' height='560' fill='url(%23f)'/%3E%3C/mask%3E%3C/defs%3E%3Crect width='480' height='560' fill='url(%23g)' mask='url(%23m)'/%3E%3Cpath d='M430 270 430 84A186 186 0 0 1 561 138Z' fill='%235a9cf5' fill-opacity='.05'/%3E%3Cg fill='none' stroke='%235a9cf5' stroke-width='1.3' stroke-linecap='round'%3E%3Ccircle cx='430' cy='270' r='40' stroke-opacity='.32'/%3E%3Ccircle cx='430' cy='270' r='84' stroke-opacity='.24'/%3E%3Ccircle cx='430' cy='270' r='132' stroke-opacity='.17'/%3E%3Ccircle cx='430' cy='270' r='186' stroke-opacity='.11'/%3E%3Ccircle cx='430' cy='270' r='246' stroke-opacity='.07'/%3E%3Cpath d='M430 46v448' stroke-opacity='.07'/%3E%3Cpath d='M212 270h300' stroke-opacity='.07'/%3E%3Ccircle cx='480' cy='180' r='12' stroke-opacity='.38'/%3E%3Ccircle cx='480' cy='180' r='23' stroke-opacity='.15'/%3E%3Cpath d='M56 190h92l9-15 8 27 8-19 6 7h74' stroke-opacity='.24'/%3E%3C/g%3E%3Cg fill='%235a9cf5'%3E%3Ccircle cx='480' cy='180' r='4' opacity='.8'/%3E%3Ccircle cx='352' cy='330' r='3' opacity='.4'/%3E%3Ccircle cx='500' cy='336' r='3' opacity='.3'/%3E%3Ccircle cx='253' cy='190' r='2.5' opacity='.5'/%3E%3C/g%3E%3C/svg%3E");
}

/* 03 — Migration (Feature-Kachel: Amber-Glow + Amber-Zielblock) */
.lk--migration{
  background-image:
    radial-gradient(95% 85% at 86% -8%, rgba(240,165,0,.26) 0%, rgba(240,165,0,0) 62%),
    radial-gradient(75% 70% at -6% 108%, rgba(30,80,162,.32) 0%, rgba(30,80,162,0) 58%),
    linear-gradient(160deg, #0f2b55 0%, #061121 100%);
}
.lk--migration::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 480 560'%3E%3Cstyle%3E*%7Bvector-effect:non-scaling-stroke%7D%3C/style%3E%3Cdefs%3E%3Cpattern id='g' width='26' height='26' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='13' cy='13' r='1.2' fill='%23a8cff7' fill-opacity='.16'/%3E%3C/pattern%3E%3CradialGradient id='f' gradientUnits='userSpaceOnUse' cx='326' cy='190' r='545'%3E%3Cstop offset='0' stop-color='%23fff'/%3E%3Cstop offset='.74' stop-color='%23fff' stop-opacity='0'/%3E%3C/radialGradient%3E%3Cmask id='m'%3E%3Crect width='480' height='560' fill='url(%23f)'/%3E%3C/mask%3E%3C/defs%3E%3Crect width='480' height='560' fill='url(%23g)' mask='url(%23m)'/%3E%3Cg fill='none' stroke='%235a9cf5' stroke-width='1.3' stroke-linecap='round'%3E%3Ccircle cx='320' cy='270' r='164' stroke-opacity='.06'/%3E%3Ccircle cx='320' cy='270' r='222' stroke-opacity='.04'/%3E%3Crect x='90' y='150' width='64' height='40' rx='9' stroke-opacity='.26' stroke-dasharray='4 5'/%3E%3Crect x='90' y='240' width='64' height='40' rx='9' stroke-opacity='.3' stroke-dasharray='4 5'/%3E%3Crect x='90' y='330' width='64' height='40' rx='9' stroke-opacity='.24' stroke-dasharray='4 5'/%3E%3Cpath d='M154 170C250 170 292 240 380 248' stroke-opacity='.3'/%3E%3Cpath d='M154 350C250 350 292 300 380 292' stroke-opacity='.3'/%3E%3Cpath d='M424 250l31 18-30 22' stroke-opacity='.3'/%3E%3C/g%3E%3Cpath d='M154 260C250 260 300 268 380 270' fill='none' stroke='%23f0a500' stroke-width='1.6' stroke-opacity='.5' stroke-linecap='round'/%3E%3Crect x='380' y='220' width='142' height='100' rx='14' fill='rgba(240,165,0,.06)' stroke='%23f0a500' stroke-opacity='.55' stroke-width='1.4'/%3E%3Cg fill='%235a9cf5'%3E%3Ccircle cx='424' cy='250' r='4' opacity='.45'/%3E%3Ccircle cx='455' cy='268' r='4' opacity='.45'/%3E%3Ccircle cx='425' cy='290' r='4' opacity='.45'/%3E%3Ccircle cx='256' cy='188' r='2.5' opacity='.5'/%3E%3Ccircle cx='304' cy='318' r='2.5' opacity='.4'/%3E%3C/g%3E%3Ccircle cx='300' cy='265' r='3.2' fill='%23f0a500' opacity='.8'/%3E%3C/svg%3E");
}

/* 04 — Schulung & Befähigung (aufsteigende Lernkurve) */
.lk--schulung{
  background-image:
    radial-gradient(95% 85% at 86% -8%, rgba(46,108,199,.4) 0%, rgba(46,108,199,0) 62%),
    radial-gradient(75% 70% at -6% 108%, rgba(30,80,162,.32) 0%, rgba(30,80,162,0) 58%),
    linear-gradient(160deg, #0f2b55 0%, #061121 100%);
}
.lk--schulung::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 480 560'%3E%3Cstyle%3E*%7Bvector-effect:non-scaling-stroke%7D%3C/style%3E%3Cdefs%3E%3Cpattern id='g' width='26' height='26' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='13' cy='13' r='1.2' fill='%23a8cff7' fill-opacity='.16'/%3E%3C/pattern%3E%3CradialGradient id='f' gradientUnits='userSpaceOnUse' cx='326' cy='190' r='545'%3E%3Cstop offset='0' stop-color='%23fff'/%3E%3Cstop offset='.74' stop-color='%23fff' stop-opacity='0'/%3E%3C/radialGradient%3E%3Cmask id='m'%3E%3Crect width='480' height='560' fill='url(%23f)'/%3E%3C/mask%3E%3C/defs%3E%3Crect width='480' height='560' fill='url(%23g)' mask='url(%23m)'/%3E%3Cg fill='none' stroke='%235a9cf5' stroke-width='1.3' stroke-linecap='round'%3E%3Cpath d='M60 430h460' stroke-opacity='.13' stroke-dasharray='1 7'/%3E%3Cpath d='M235 342v88' stroke-opacity='.12' stroke-dasharray='3 6'/%3E%3Cpath d='M370 235v195' stroke-opacity='.12' stroke-dasharray='3 6'/%3E%3Cpath d='M452 168v262' stroke-opacity='.16' stroke-dasharray='3 6'/%3E%3Cpath d='M80 430C160 430 165 355 235 342 305 330 300 255 370 235 410 224 425 195 452 168' stroke-opacity='.34'/%3E%3Ccircle cx='80' cy='430' r='5' stroke-opacity='.35'/%3E%3Ccircle cx='235' cy='342' r='7' stroke-opacity='.45'/%3E%3Ccircle cx='370' cy='235' r='9' stroke-opacity='.52'/%3E%3Ccircle cx='452' cy='168' r='13' stroke-opacity='.62' fill='rgba(90,156,245,.12)'/%3E%3Cpath d='M420 148a45 45 0 0 1 43-19' stroke-opacity='.32'/%3E%3Cpath d='M406 136a63 63 0 0 1 60-26' stroke-opacity='.16'/%3E%3C/g%3E%3Cg fill='%235a9cf5'%3E%3Ccircle cx='235' cy='430' r='2' opacity='.28'/%3E%3Ccircle cx='370' cy='430' r='2' opacity='.28'/%3E%3Ccircle cx='452' cy='430' r='2' opacity='.28'/%3E%3C/g%3E%3C/svg%3E");
}

/* ---- lk--button: nur das Icon (Pfeil im Kreis) ---- */
/* Grundzustand: 45° nach rechts oben gedreht */
.lk--button .elementor-button-icon{
  display: inline-flex;
  transform: rotate(45deg);
  transition: transform .35s cubic-bezier(.16, 1, .3, 1);
}
/* Hover: zeigt nach rechts */
.lk--button .elementor-button:hover .elementor-button-icon,
.lk--button:hover .elementor-button-icon{
  transform: rotate(90deg);
}
/* Größe 38×38 — deckt beide Icon-Arten der Bibliothek ab */
.lk--button .elementor-button-icon svg{
  width: 38px; height: 38px;
}
.lk--button .elementor-button-icon i{
  font-size: 38px; line-height: 1;
}

/* Text + Icon vertikal mittig zueinander */
.lk--button .elementor-button-content-wrapper{
  display: flex;
  align-items: center;
}
.lk--button .elementor-button-text{
  line-height: 1;
}





/*Karten-Referenzen*/

/* ---- Jahres-Schiene ---- */
/* Jahresblock: Padding MUSS 0 sein, sonst verrutscht die Linie
   gegenüber dem Node — wird hier deshalb erzwungen. */
.pl-year{ position: relative; padding: 0 !important; }

/* Gestrichelte Linie über die volle Höhe des Jahresblocks.
   bottom:-64px = Lücke zwischen den Jahresblöcken (pl-track)! */
.pl-year::before{
  content: ''; position: absolute; left: 8px; top: 10px; bottom: -64px;
  border-left: 1px dashed rgba(30,80,162,.3);
}
.pl-year:last-child::before{ bottom: 12px; }

/* Schiene: klebt beim Scrollen unter der Navi.
   padding-top reserviert den Platz für den Node (17px + 14px Abstand). */
.pl-rail{
  position: sticky; top: 110px; align-self: flex-start;
  width: 104px; flex-shrink: 0; z-index: 1;
  padding: 31px 0 0 !important;
  gap: 0 !important;
}
/* Amber-Node: absolut verankert — exakt auf der Linienachse (Mitte 8.5px),
   nimmt dadurch NICHT am Flex-Layout des Containers teil (kein Overlap). */
.pl-rail::before{
  content: ''; position: absolute; top: 0; left: 0;
  width: 17px; height: 17px; border-radius: 50%;
  background: #f0a500; border: 3px solid #fff;
  box-shadow: 0 0 0 4px rgba(240,165,0,.22);
}
.pl-rail .elementor-heading-title{
  font-family: 'Archivo', sans-serif; font-weight: 800; font-size: 1.5rem;
  letter-spacing: -.02em; color: #0b1e3d; line-height: 1; margin: 0;
}
.pl-count, .pl-count p{
  font-family: 'IBM Plex Mono', monospace; font-size: .66rem;
  letter-spacing: .14em; text-transform: uppercase; color: #7a95b8; margin: 0;
}
.pl-count{ margin-top: 8px; }

/* ---- Projektkarte ---- */
.pl-card{
  display: flex; flex-direction: column;
  background: #fff; border: 1px solid #dce8f5; border-radius: 20px;
  padding: clamp(24px, 2.2vw, 32px);
  box-shadow: 0 18px 40px -32px rgba(11,30,61,.3);
  transition: transform .5s cubic-bezier(.16,1,.3,1),
              box-shadow .5s cubic-bezier(.16,1,.3,1), border-color .4s ease;
}
.pl-card:hover{
  transform: translateY(-5px); border-color: #1e50a2;
  box-shadow: 0 28px 54px -28px rgba(11,30,61,.4);
}

.pl-tag, .pl-tag p{
  font-family: 'IBM Plex Mono', monospace; font-size: .72rem;
  letter-spacing: .14em; text-transform: uppercase; color: #f0a500; margin: 0;
}
.pl-client h3, .pl-client .elementor-heading-title{
  font-family: 'Archivo', sans-serif; font-weight: 700; font-size: 1.3rem;
  letter-spacing: -.01em; color: #0b1e3d; margin: 8px 0 2px;
}
.pl-proj h4, .pl-proj .elementor-heading-title{
  font-family: 'IBM Plex Sans', sans-serif; font-weight: 600; font-size: .94rem;
  color: #1e50a2; margin: 0 0 10px;
}
.pl-desc, .pl-desc p{
  font-family: 'IBM Plex Sans', sans-serif; font-size: .94rem;
  line-height: 1.6; color: #3d5478; margin: 0;
}

/* Tech-Chips (Symbolliste, Layout Inline, ohne Icons) */
.pl-tech{ margin-top: 18px; }
.pl-tech .elementor-icon-list-items{ display: flex; flex-wrap: wrap; gap: 6px; }
.pl-tech .elementor-icon-list-item{ margin: 0 !important; padding: 0 !important; }
.pl-tech .elementor-icon-list-text{
  font-family: 'IBM Plex Mono', monospace; font-size: .66rem; letter-spacing: .04em;
  color: #3d5478; background: #f3f7fd; border: 1px solid #dce8f5;
  padding: 4px 9px; border-radius: 100px; display: inline-block;
}

/* Aufklapper „Rolle & Tätigkeiten" (Akkordeon ODER Toggle-Widget)
   Bewusst NUR Typografie/Farben — Abstände/Rahmen NATIV im Widget:
   Stil → Kopfzeile: Padding 0, kein Rahmen, kein Hintergrund
   Stil → Inhalt:   Padding 10px oben / 0 seitlich, kein Rahmen
   Icon: Plus (aktiv: Minus), Farbe #f0a500 */
.pl-more{ margin-top: 16px; }
.pl-more .e-n-accordion-item-title-text,
.pl-more .elementor-toggle-title{
  font-family: 'IBM Plex Mono', monospace; font-size: .68rem;
  letter-spacing: .12em; text-transform: uppercase; color: #1e50a2;
}
.pl-more .e-n-accordion-item > .e-con p,
.pl-more .elementor-tab-content{
  font-family: 'IBM Plex Sans', sans-serif; font-size: .86rem;
  line-height: 1.6; color: #3d5478;
}
.pl-more .e-n-accordion-item + .e-n-accordion-item,
.pl-more .elementor-toggle-item + .elementor-toggle-item{
  margin-top: 10px;
}
.pl-more .pl-tech{ margin-top: 0; }

/* Zeitraum: klebt unten, Trennlinie oben */
.pl-period{ margin-top: auto !important; padding-top: 32px; }
.pl-period p{
  font-family: 'IBM Plex Mono', monospace; font-size: .72rem; letter-spacing: .08em;
  color: #1e50a2; border-top: 1px solid #dce8f5; padding-top: 14px; margin: 0;
}

/* Pulsierender „laufend"-Punkt (Zusatzklasse pl-live auf pl-period) */
.pl-live p::before{
  content: ''; display: inline-block; width: 8px; height: 8px; border-radius: 50%;
  background: #f0a500; margin-right: 9px; vertical-align: 1px;
  animation: pl-pulse 2.2s ease-out infinite;
}
@keyframes pl-pulse{
  0%{ box-shadow: 0 0 0 0 rgba(240,165,0,.45); }
  70%{ box-shadow: 0 0 0 7px rgba(240,165,0,0); }
  100%{ box-shadow: 0 0 0 0 rgba(240,165,0,0); }
}
@media (prefers-reduced-motion: reduce){
  .pl-live p::before{ animation: none; }
  .pl-card, .pl-card:hover{ transform: none; }
}

/* ---- Dunkler Abschnitt „Festanstellung" (pl-dark) ---- */
.pl-dark .pl-card{
  background: rgba(255,255,255,.045); border-color: rgba(255,255,255,.13);
  box-shadow: none;
}
.pl-dark .pl-card:hover{ border-color: #5a9cf5; box-shadow: none; }
.pl-dark .pl-client h3, .pl-dark .pl-client .elementor-heading-title{ color: #fff; }
.pl-dark .pl-proj h4, .pl-dark .pl-proj .elementor-heading-title{ color: #5a9cf5; }
.pl-dark .pl-desc, .pl-dark .pl-desc p{ color: #9fb3c6; }
.pl-dark .pl-tech .elementor-icon-list-text{
  background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.14); color: #9fb3c6;
}
.pl-dark .pl-period p{ color: #5a9cf5; border-top-color: rgba(255,255,255,.14); }
.pl-wide{ grid-column: span 2; }

/* Zitat-Karte im dunklen Abschnitt */
.pl-note.pl-card{
  background: transparent; border: 1px dashed rgba(255,255,255,.2);
  box-shadow: none; justify-content: center;
}
.pl-note.pl-card:hover{ transform: none; border-color: rgba(255,255,255,.34); }
.pl-note p{
  font-family: 'Archivo', sans-serif; font-weight: 500; font-style: italic;
  font-size: 1.05rem; line-height: 1.5; color: #9fb3c6; margin: 0;
}

/* ============================================================
   RESPONSIVE — an Elementors Breakpoints ausgerichtet:
   > 1200px  Schiene links · 3 Karten-Spalten (nativ)
   ≤ 1200px  Schiene links · 2 Spalten (Tablet quer)
   ≤ 1024px  UMBRUCH wie Mobil: Schiene horizontal · 2 Spalten
   ≤ 700px   1 Spalte
   Die Spalten werden hier per !important erzwungen — die nativen
   Tablet-/Mobil-Spalteneinstellungen des Grids sind damit egal.
   ============================================================ */
@media (max-width: 1200px){
  .pl-cards{ grid-template-columns: repeat(2, 1fr) !important; }
}

@media (max-width: 1024px){
  .pl-year{ flex-direction: column !important; }
  .pl-year::before{ display: none; }

  /* Schiene wird zur horizontalen Kopfzeile: Node · Jahr · Zähler rechts */
  .pl-rail{
    position: static; width: 100%;
    display: flex; flex-direction: row; align-items: center;
    gap: 12px !important;
    padding: 0 0 14px !important;
    border-bottom: 1px dashed rgba(30,80,162,.3);
  }
  .pl-rail::before{ position: static; width: 14px; height: 14px; flex-shrink: 0; }
  /* Widgets dürfen in der Zeile nicht 100% breit sein (Elementor-Default) */
  .pl-rail .elementor-widget{ width: auto; }
  /* Falls Elementor einen inneren Wrapper rendert: ebenfalls zur Zeile machen */
  .pl-rail > .e-con-inner{
    display: flex; flex-direction: row; align-items: center;
    gap: 12px; flex: 1 1 auto; min-width: 0;
  }
  .pl-count{ margin: 0 0 0 auto; }
}

@media (max-width: 700px){
  .pl-cards{ grid-template-columns: 1fr !important; }
  .pl-wide{ grid-column: auto; }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Archivo';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://schultz-ac.de/wp-content/uploads/2026/06/archivo-v25-latin-regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Archivo';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://schultz-ac.de/wp-content/uploads/2026/06/archivo-v25-latin-500.woff2') format('woff2');
}
@font-face {
	font-family: 'Archivo';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://schultz-ac.de/wp-content/uploads/2026/06/archivo-v25-latin-600.woff2') format('woff2');
}
@font-face {
	font-family: 'Archivo';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://schultz-ac.de/wp-content/uploads/2026/06/archivo-v25-latin-700.woff2') format('woff2');
}
@font-face {
	font-family: 'Archivo';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('https://schultz-ac.de/wp-content/uploads/2026/06/archivo-v25-latin-800.woff2') format('woff2');
}
@font-face {
	font-family: 'Archivo';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('https://schultz-ac.de/wp-content/uploads/2026/06/archivo-v25-latin-900.woff2') format('woff2');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'IBM Plex Sans';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://schultz-ac.de/wp-content/uploads/2026/06/ibm-plex-sans-v23-latin-ext-regular.woff2') format('woff2');
}
@font-face {
	font-family: 'IBM Plex Sans';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://schultz-ac.de/wp-content/uploads/2026/06/ibm-plex-sans-v23-latin-ext-300.woff2') format('woff2');
}
@font-face {
	font-family: 'IBM Plex Sans';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://schultz-ac.de/wp-content/uploads/2026/06/ibm-plex-sans-v23-latin-ext-500.woff2') format('woff2');
}
@font-face {
	font-family: 'IBM Plex Sans';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://schultz-ac.de/wp-content/uploads/2026/06/ibm-plex-sans-v23-latin-ext-600.woff2') format('woff2');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'IBM Plex Mono';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://schultz-ac.de/wp-content/uploads/2026/06/ibm-plex-mono-v20-latin-ext-regular.woff2') format('woff2');
}
@font-face {
	font-family: 'IBM Plex Mono';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://schultz-ac.de/wp-content/uploads/2026/06/ibm-plex-mono-v20-latin-ext-500.woff2') format('woff2');
}
@font-face {
	font-family: 'IBM Plex Mono';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://schultz-ac.de/wp-content/uploads/2026/06/ibm-plex-mono-v20-latin-ext-600.woff2') format('woff2');
}
/* End Custom Fonts CSS */