@charset "UTF-8";
:root{--green:#00F060;--green-dark:#00B849;--ink:#101820;--muted:#52616b;--line:#e4e9e9;--max:1380px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font:16px/1.55 Inter,"Segoe UI",Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{width:min(var(--max),calc(100% - 72px));margin-inline:auto}a:focus-visible,button:focus-visible{outline:3px solid var(--green-dark);outline-offset:4px}
.site-header{position:relative;z-index:10;border-bottom:1px solid var(--line);background:#fff}.header-inner{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand-logo{display:flex;align-items:center;gap:16px;min-width:0;flex:0 1 auto}.brand-image{display:block;width:92px;max-width:92px;height:auto;max-height:65px;object-fit:contain;flex-shrink:0}.brand-copy{display:flex;flex-direction:column;min-width:0;border-left:2px solid var(--green);padding-left:16px;line-height:1.25}.brand-copy strong{font-size:23px;letter-spacing:-.7px}.brand-copy small{font-size:12px;color:#3b4650;margin-top:5px}.nav{display:flex;align-items:center;gap:5px}.nav a{font-size:14px;font-weight:650;padding:11px 14px;border-radius:9px;white-space:nowrap}.nav a:hover{background:#f0f8f2}.nav a.current{background:var(--green);color:#082016}.nav .language{border-left:1px solid #ccd2d5;border-radius:0;margin-left:10px;padding-left:23px}.menu-toggle{display:none;border:1px solid var(--line);border-radius:8px;background:#fff;padding:8px 12px}
.hero{position:relative;isolation:isolate;overflow:hidden;color:#fff;min-height:435px;background:#0b2026}.hero-photo{position:absolute;z-index:-2;inset:0;background:url('../images/downloads-ressourcen-ohne-logo.webp') center center /cover no-repeat}.hero:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(4,20,25,.99) 0%,rgba(4,20,25,.96) 37%,rgba(4,20,25,.67) 58%,rgba(4,20,25,.08) 90%)}.hero:after{content:"";position:absolute;bottom:0;left:0;width:32%;height:5px;background:var(--green)}.hero-inner{min-height:435px;display:flex;align-items:center}.hero-copy{padding:62px 0;max-width:690px}.eyebrow,.kicker{margin:0 0 10px;font-size:13px;letter-spacing:.15em;font-weight:800;color:var(--green)}.hero h1{font-size:clamp(45px,5.1vw,74px);line-height:1.08;letter-spacing:-.045em;margin:0 0 15px}.hero h1 span{color:var(--green)}.hero p.lead{font-size:19px;line-height:1.6;max-width:610px;margin:0 0 25px}.actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:10px;min-height:48px;padding:12px 20px;font-weight:750;font-size:14px;transition:transform .18s,background .18s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--green);color:#082016}.btn-primary:hover{background:#38ff86}.btn-outline{border:1px solid white;color:#fff;background:rgba(0,0,0,.17)}.btn-outline:hover{background:rgba(255,255,255,.15)}
.content{padding:58px 0 75px}.section-head{max-width:840px;margin:0 0 26px}.section-head h2{font-size:clamp(27px,3vw,39px);line-height:1.2;letter-spacing:-.03em;margin:0 0 10px}.section-head>p:last-child{color:var(--muted);margin:0}.downloads-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.download-card{border:1px solid #e8eded;border-radius:17px;box-shadow:0 7px 25px rgba(12,28,31,.07);background:#fff;padding:25px;display:flex;flex-direction:column;gap:16px;position:relative;overflow:hidden}.download-card:after{content:"";position:absolute;bottom:0;left:25px;right:25px;height:4px;border-radius:4px 4px 0 0;background:var(--green)}.download-top{display:flex;gap:17px;align-items:center}.file-icon{width:58px;height:58px;flex:0 0 58px;display:grid;place-items:center;border-radius:14px;background:var(--green);color:#07351b}.file-icon svg{width:30px;height:30px;stroke:currentColor;stroke-width:1.9;fill:none;stroke-linecap:round;stroke-linejoin:round}.download-top h3{font-size:21px;margin:0}.file-type{color:var(--muted);font-size:13px}.download-card>p{color:#45525a;margin:0;flex:1}.download-card .btn{align-self:flex-start}.hint{margin:19px 0 0;background:#f0faf4;border-left:4px solid var(--green-dark);padding:15px 18px;border-radius:0 9px 9px 0;color:#2c4340;font-size:14px}.section-separator{border:0;border-top:1px solid var(--line);margin:64px 0 52px}.doc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.doc-card{border:1px solid var(--line);border-radius:16px;background:#fbfcfc;padding:23px;display:flex;flex-direction:column;gap:10px;min-height:245px}.doc-icon{color:var(--green-dark);width:32px;height:32px}.doc-card h3{font-size:18px;line-height:1.25;margin:0}.doc-card p{font-size:14px;line-height:1.65;color:var(--muted);margin:0}.doc-card .status{margin-top:auto;align-self:flex-start;background:#ecf1ef;color:#50605b;font-size:12px;font-weight:700;padding:7px 10px;border-radius:6px}.note{background:#101b21;color:white;padding:32px 0;border-top:5px solid var(--green)}.note-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}.note h2{font-size:25px;margin:0 0 5px}.note p{margin:0;color:#d0dddc}.site-footer{background:white}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:23px 0;font-size:13px;color:var(--muted)}.footer-inner>div{display:flex;gap:20px;flex-wrap:wrap}.footer-inner a:hover{color:var(--green-dark)}
@media(max-width:1180px){.brand-copy small{display:none}.nav a{padding:10px 9px}.doc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.wrap{width:calc(100% - 36px)}.header-inner{min-height:74px;flex-wrap:wrap}.brand-image{width:68px;max-width:68px;max-height:50px}.brand-copy strong{font-size:18px}.menu-toggle{display:block}.nav{display:none;flex-basis:100%;flex-direction:column;align-items:stretch;padding-bottom:15px}.nav.nav-open{display:flex}.nav a{padding:12px}.nav .language{margin:0;border:0;padding-left:12px}.hero-photo{inset:0;opacity:.55}.hero:before{background:linear-gradient(90deg,rgba(4,20,25,.98),rgba(4,20,25,.77))}.hero-inner{min-height:400px}.hero-copy{padding:50px 0}.hero p.lead{font-size:16px}.downloads-grid,.doc-grid{grid-template-columns:1fr}.content{padding:40px 0 60px}.note-inner{align-items:flex-start;flex-direction:column}.footer-inner{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}

/* Sichere Anordnung von Hintergrundbild, Farbverlauf und Hero-Text */
.hero-photo{z-index:0;}
.hero::before{z-index:1;pointer-events:none;}
.hero::after{z-index:2;pointer-events:none;}
.hero-inner{position:relative;z-index:3;}


/* Gliederung SAP FI / CO / MM sowie Website-Portfolio */
.category-navigation{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 32px}
.category-navigation a{display:inline-flex;align-items:center;background:#f0faf3;border:1px solid #aeeac3;color:#116038;padding:9px 16px;border-radius:9px;font-weight:750;font-size:14px}
.category-navigation a:hover,.category-navigation a:focus-visible{background:var(--green);color:#082016}
.category-block{margin:0 0 42px;scroll-margin-top:24px}
.category-block+.category-block{border-top:1px solid var(--line);padding-top:34px}
.category-header{margin-bottom:19px}
.category-header .category-kicker{font-size:12px;letter-spacing:.12em;color:#008d3b;font-weight:850;margin:0 0 4px}
.category-header h3{font-size:clamp(24px,2.8vw,32px);letter-spacing:-.035em;margin:0 0 4px;color:#101b21}
.category-header>p:last-child{margin:0;color:var(--muted);font-size:15px}
.website-placeholder{border:1px dashed #75d89b;background:linear-gradient(125deg,#f6fff9,#eff9f3);border-radius:16px;display:flex;align-items:center;gap:22px;padding:30px 28px}
.website-placeholder-icon{display:grid;place-items:center;min-width:64px;height:64px;background:var(--green);border-radius:14px;color:#07291b;font-size:22px;font-weight:850}
.website-placeholder-content h3{margin:0 0 5px;font-size:21px}
.website-placeholder-content p{margin:0;color:#465750}
@media(max-width:760px){.category-block{margin-bottom:34px}.category-block+.category-block{padding-top:26px}.website-placeholder{padding:22px;gap:14px}.website-placeholder-icon{min-width:52px;height:52px;font-size:18px}}

/* Website-Portfolio: erstes Projekt, erweiterbar um weitere Karten */
.website-project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:20px}
.website-project-card{background:#fbfcfc;border:1px solid var(--line);border-radius:17px;padding:26px;display:flex;flex-direction:column;gap:17px;box-shadow:0 6px 22px rgba(12,28,31,.06)}
.website-project-top{display:flex;align-items:center;gap:16px}
.website-project-icon{display:grid;place-items:center;flex:0 0 58px;height:58px;border-radius:14px;background:var(--green);color:#082016;font-size:23px;font-weight:900}
.website-project-label{margin:0 0 4px;color:#008d3b;font-size:11px;font-weight:850;letter-spacing:.11em}
.website-project-card h3{margin:0;font-size:clamp(20px,2.2vw,25px);overflow-wrap:anywhere}
.website-project-card>p{margin:0;font-size:15px;color:var(--muted);line-height:1.65}
.website-project-tags{display:flex;flex-wrap:wrap;gap:8px}
.website-project-tags span{display:inline-block;padding:6px 10px;background:#eef9f1;border-radius:8px;font-size:12px;font-weight:700;color:#195c38}
.website-project-link{align-self:flex-start;margin-top:auto}

/* Klickbare Miniaturansicht fuer Websiteprojekte */
.website-project-card{padding:0;overflow:hidden;gap:0}
.website-project-preview{display:block;position:relative;overflow:hidden;aspect-ratio:1897/868;background:#e6f0eb}
.website-project-preview img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .2s ease}
.website-project-preview:hover img{transform:scale(1.025)}
.website-project-preview:focus-visible{outline:3px solid #00CB4F;outline-offset:-3px}
.website-project-preview-caption{position:absolute;right:12px;bottom:12px;background:#071d22eb;color:#fff;padding:8px 12px;border-radius:8px;font-size:12px;font-weight:750}
.website-project-body{padding:23px;display:flex;flex-direction:column;gap:13px}
.website-project-body h3{margin:0;font-size:23px}
.website-project-body>p{margin:0;color:var(--muted);font-size:15px;line-height:1.65}
@media(prefers-reduced-motion:reduce){.website-project-preview img{transition:none}.website-project-preview:hover img{transform:none}}


/* 04 / Eigene Softwareentwicklungen: AktienScanner */
.software-section{scroll-margin-top:28px}
.software-project{background:#fbfdfc;border:1px solid #dfe9e5;border-radius:18px;padding:clamp(20px,3vw,34px);box-shadow:0 7px 25px rgba(12,28,31,.065)}
.software-project-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-wrap:wrap}
.software-project-label{font-size:12px;letter-spacing:.11em;color:#008d3b;font-weight:850;margin:0 0 6px}
.software-project-heading h3{font-size:clamp(25px,3vw,35px);line-height:1.15;margin:0;letter-spacing:-.03em}
.software-project-heading h3 span{font-size:.65em;color:#52616b;font-weight:600;letter-spacing:0}
.software-project-status{background:#e7f9ee;color:#156a3e;font-size:12px;font-weight:750;border-radius:999px;padding:8px 12px;white-space:nowrap}
.software-project-intro{font-size:16px;line-height:1.75;margin:20px 0 10px;color:#26373e;max-width:1000px}
.software-project-tech{margin:0;color:#34454a;line-height:1.65}
.software-project-tags{display:flex;flex-wrap:wrap;gap:9px;margin:19px 0 27px}
.software-project-tags span{display:inline-block;background:#e9f8ee;border-radius:8px;padding:6px 10px;font-weight:750;color:#155a37;font-size:12px}
.software-subtitle{font-size:22px;margin:25px 0 14px;letter-spacing:-.02em}
.software-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:16px}
.software-shot{display:flex;flex-direction:column;border:1px solid #dbe5e2;border-radius:13px;overflow:hidden;background:white;margin:0;min-width:0;box-shadow:0 3px 13px rgba(12,28,31,.04)}
.software-shot-link{display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:#f2f5f5;height:205px}
.software-shot-link img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .2s ease}
.software-shot-link:hover img{transform:scale(1.04)}
.software-shot-link:focus-visible{outline:3px solid var(--green-dark);outline-offset:-3px}
.software-shot-zoom{position:absolute;right:9px;bottom:9px;background:#072820df;color:white;border-radius:8px;padding:5px 10px;font-size:17px}
.software-shot figcaption{font-size:13px;color:#3c4a4e;padding:12px 13px;line-height:1.5}
.software-feature-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:36px;row-gap:11px;list-style:none;margin:0;padding:0}
.software-feature-list li{border-left:3px solid var(--green);padding:2px 0 2px 12px;color:#405258;font-size:14px;line-height:1.65}
.software-feature-list li strong{color:#15252c}
.software-development-note{color:#36524a;line-height:1.65;margin:24px 0 0}
.software-no-download{margin:15px 0 0;padding:13px 15px;background:#edf4f1;color:#486058;font-size:13px;border-radius:9px;font-weight:700}
@media(max-width:900px){.software-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.software-feature-list{grid-template-columns:1fr}.software-gallery{grid-template-columns:1fr}.software-shot-link{height:auto;min-height:220px;max-height:340px}.software-shot-link img{max-height:340px}}
@media(prefers-reduced-motion:reduce){.software-shot-link img{transition:none}.software-shot-link:hover img{transform:none}}

/* FitTracker – mobile screenshots in the existing software project gallery */
.software-project + .software-project{margin-top:32px;}
.software-gallery.fittracker-gallery{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;}
.fittracker-gallery .software-shot{min-width:0;}
.fittracker-gallery .software-shot-link{display:flex;align-items:center;justify-content:center;background:#111b17;overflow:hidden;min-height:0;height:265px;padding:9px;}
.fittracker-gallery .software-shot img{display:block;width:auto;height:100%;max-width:100%;max-height:245px;object-fit:contain;border-radius:7px;}
.fittracker-gallery .software-shot-zoom{position:absolute;}
@media(max-width:640px){.software-gallery.fittracker-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.fittracker-gallery .software-shot-link{height:200px;padding:5px}.fittracker-gallery .software-shot img{max-height:186px}.fittracker-gallery figcaption{font-size:11px}}
@media(max-width:400px){.fittracker-gallery .software-shot-link{height:170px}.fittracker-gallery .software-shot img{max-height:160px}}

/* Neues Hauptmenü: Projekte / Projects, bei mittleren Breiten einklappen. */
@media (min-width:761px) and (max-width:1180px){
.header-inner{flex-wrap:wrap;min-height:80px}
.menu-toggle{display:block;margin-left:auto}
.nav{display:none;flex-basis:100%;flex-direction:column;align-items:stretch;width:100%;padding:4px 0 14px}
.nav.nav-open{display:flex}
.nav a{padding:11px 14px}
.nav .language{border:0;margin:0;padding-left:14px}
}
@media (min-width:1181px) and (max-width:1450px){.nav a{padding:10px 9px;font-size:13px}.header-inner{gap:12px}.brand-copy small{font-size:11px}}

/* Eigenständiger Projekte-Bereich */
.projects-page .hero-photo{background-image:url('../images/downloads-ressourcen-ohne-logo.webp')}
.projects-jumpnav{margin-bottom:34px}
.projects-page #website-entwicklungen,.projects-page #softwareentwicklungen,.projects-page #aktienscanner,.projects-page #fittracker{scroll-margin-top:24px}
.projects-page .website-project-grid{grid-template-columns:minmax(0,1fr)}
.projects-page .website-project-card{max-width:none;width:100%;display:grid;grid-template-columns:minmax(260px,.9fr) minmax(310px,1.1fr);align-items:stretch}
.projects-page .website-project-preview{margin:0;border-radius:12px}
.projects-page .website-project-body{padding:12px 8px}
@media(max-width:800px){.projects-page .website-project-card{display:flex;flex-direction:column}.projects-page .website-project-preview{min-height:190px}}

/* Feuer & Gabel: complete project card uses full width like the other website project */
.projects-page .website-project-card--development .website-project-body{padding:23px;display:flex;flex-direction:column;gap:13px}
.projects-page .website-project-card--development .website-project-preview{margin:0;border-radius:12px;background:#e6f0eb}
.projects-page .website-project-card--development .website-project-preview img{object-fit:cover;object-position:top center}
.projects-page .website-project-card--development .website-project-preview:after{content:"";position:absolute;inset:0;pointer-events:none;border:1px solid #e6e9e8;border-radius:inherit}
.website-project-status{display:inline-flex;align-items:center;align-self:flex-start;border-radius:99px;padding:5px 11px;background:#e7faee;color:#057c36;font-size:12px;font-weight:800}
.website-project-details{margin:0;color:#354a54;line-height:1.75;font-size:14px}
.website-project-details strong{color:#0e2329}
.website-project-features{margin:0;padding-left:19px;color:#40545d;font-size:14px;line-height:1.7}
.website-project-features li+li{margin-top:3px}
.website-project-caption-note{font-size:12px;color:#62777e;margin:0}
@media(max-width:800px){.projects-page .website-project-card--development .website-project-body{padding:23px 19px}.projects-page .website-project-card--development .website-project-preview{aspect-ratio:1897/868;min-height:0}}

/* Identische Geometrie beider Website-Projektkarten (Desktop, Tablet, Mobile). */
.projects-page .website-project-grid{grid-template-columns:minmax(0,1fr);grid-auto-rows:1fr;gap:20px}
.projects-page .website-project-grid>.website-project-card{width:100%;max-width:none;min-height:280px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:stretch;gap:0;padding:0}
.projects-page .website-project-grid>.website-project-card .website-project-body{padding:23px;display:flex;flex-direction:column;gap:13px;min-width:0}
.projects-page .website-project-grid>.website-project-card .website-project-body>p{margin:0}
.projects-page .website-project-grid>.website-project-card .website-project-preview{width:100%;height:100%;min-height:0;aspect-ratio:auto;border-radius:0;margin:0;align-self:stretch}
.projects-page .website-project-grid>.website-project-card .website-project-preview img{width:100%;height:100%;object-fit:cover;object-position:top center}
.projects-page .website-project-grid>.website-project-card .website-project-preview-caption{right:12px;bottom:12px}
@media(max-width:800px){
  .projects-page .website-project-grid>.website-project-card{display:flex;flex-direction:column;min-height:0}
  .projects-page .website-project-grid>.website-project-card .website-project-preview{height:auto;aspect-ratio:1897/868;min-height:0}
  .projects-page .website-project-grid>.website-project-card .website-project-body{padding:23px 19px}
}

/* Webprojekte: Status wie bei den Softwareprojekten, rechts oben. */
.projects-page .website-project-grid > .website-project-card{position:relative;}
.projects-page .website-project-status-pill{
  position:absolute;top:17px;right:18px;z-index:3;
  display:inline-flex;align-items:center;justify-content:center;
  border-radius:999px;padding:8px 12px;
  background:#e7f9ee;color:#156a3e;
  font-size:12px;font-weight:750;white-space:nowrap;
  box-shadow:0 1px 5px rgba(0,0,0,.07);
}
@media(max-width:800px){
  .projects-page .website-project-status-pill{top:15px;right:14px}
}

/* Status badges stand ABOVE the previews, never over screenshot content. */
.projects-page .website-project-grid>.website-project-card .website-project-media{
  display:flex;flex-direction:column;min-width:0;min-height:0;height:100%;
  border-left:1px solid #e9efed;
}
.projects-page .website-project-grid>.website-project-card .website-project-media-head{
  flex:0 0 48px;display:flex;align-items:center;justify-content:flex-end;
  padding:6px 14px;background:#fbfcfc;border-bottom:1px solid #e7efeb;
}
.projects-page .website-project-grid>.website-project-card .website-project-status-pill{
  position:static;inset:auto;z-index:auto;box-shadow:none;
  background:#e7f9ee;color:#156a3e;border-radius:999px;
  padding:7px 12px;white-space:nowrap;font-weight:750;font-size:12px;
}
.projects-page .website-project-grid>.website-project-card .website-project-media>.website-project-preview{
  flex:1 1 auto;display:block;height:auto;min-height:0;aspect-ratio:auto;
}
@media(max-width:800px){
  .projects-page .website-project-grid>.website-project-card .website-project-media{height:auto;border-left:0;border-top:1px solid #e9efed;}
  .projects-page .website-project-grid>.website-project-card .website-project-media>.website-project-preview{flex:none;aspect-ratio:1897/868;height:auto;}
}

/* Software projects: align the development status at the card's upper border,
   like the status headers for the website project previews. */
.projects-page .software-project{
  --software-inset:clamp(20px,3vw,34px);
  position:relative;
  padding-top:calc(var(--software-inset) + 48px);
}
.projects-page .software-project-status-head{
  position:absolute;top:0;left:0;right:0;
  height:48px;display:flex;align-items:center;justify-content:flex-end;
  padding:6px 14px;background:#fbfcfc;
  border-bottom:1px solid #e7efeb;
  border-radius:17px 17px 0 0;
}
.projects-page .software-project-status-head .software-project-status{
  display:inline-flex;align-items:center;justify-content:center;
  padding:7px 12px;line-height:1.4;
  background:#e7f9ee;color:#156a3e;border-radius:999px;
  font-size:12px;font-weight:750;white-space:nowrap;
}

/* Harmonized project typography and spacing: website cards set the scale,
   software cards supply the dark heading colour. */
.projects-page .website-project-grid>.website-project-card .website-project-body h3,
.projects-page .software-project .software-project-heading h3 {
  font-family: Inter, "Segoe UI", Arial, sans-serif;
  font-size:23px;
  line-height:1.3;
  font-weight:750;
  letter-spacing:0;
  color:#101820;
  margin:0;
}
.projects-page .website-project-grid>.website-project-card .website-project-body h3{overflow-wrap:anywhere}
.projects-page .software-project .software-project-heading h3 span {
  color:#52616b;
  font-weight:600;
  font-size:.75em;
  letter-spacing:0;
}
.projects-page .website-project-grid>.website-project-card .website-project-body,
.projects-page .software-project {
  --project-content-inset:23px;
}
.projects-page .software-project {
  padding-left:var(--project-content-inset);
  padding-right:var(--project-content-inset);
  padding-bottom:var(--project-content-inset);
  padding-top:calc(48px + var(--project-content-inset));
}
.projects-page .website-project-grid>.website-project-card .website-project-body{padding:var(--project-content-inset)}
.projects-page .software-project .software-project-label,
.projects-page .website-project-grid>.website-project-card .website-project-label{
  font-family:Inter,"Segoe UI",Arial,sans-serif;
  font-size:11px;
  font-weight:850;
  letter-spacing:.11em;
  color:#008d3b;
}
.projects-page .software-project .software-project-label{margin:0 0 17px}
.projects-page .software-section > p.software-project-tech { margin:0 0 24px; }
@media(max-width:800px){
  .projects-page .software-project {padding-left:19px;padding-right:19px;padding-bottom:23px;padding-top:calc(48px + 23px)}
  .projects-page .website-project-grid>.website-project-card .website-project-body{padding:23px 19px}
}

/* 08.11.2026: Software-Karten wie Website-Karten direkt am oberen Rand starten.
   Die bisherige 48px-Statuszeile erzeugte Leerraum und eine Trennlinie. */
.projects-page .software-project {
  padding-top:23px;
}
.projects-page .software-project-status-head {
  top:8px;
  right:14px;
  left:auto;
  width:auto;
  height:auto;
  display:block;
  padding:0;
  background:transparent;
  border:0;
  border-radius:0;
  pointer-events:none;
}
.projects-page .software-project-status-head .software-project-status {
  pointer-events:none;
}
@media(max-width:800px){
  .projects-page .software-project {padding-top:23px}
}
@media(max-width:580px){
  /* Platz für das Status-Badge, damit es kurze Titel nicht überlagert. */
  .projects-page .software-project {padding-top:53px}
}


/* Projekte: Unterüberschriften dezenter als Projektname (AktienScanner / FitTracker) */
.projects-page .software-project h4.software-subtitle {
  font-family: Inter, "Segoe UI", Arial, sans-serif;
  font-size: 18px;
  line-height: 1.4;
  font-weight: 700;
  letter-spacing: 0;
}
@media (max-width: 600px) {
  .projects-page .software-project h4.software-subtitle {
    font-size: 17px;
  }
}