* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  color: #172033;
  background: #fff;
  line-height: 1.6;
}
.container { width: min(1120px, calc(100% - 48px)); margin: auto; }
.header {
  position: sticky; top: 0; z-index: 10;
  background: rgba(255,255,255,.94);
  border-bottom: 1px solid #e9edf3;
  backdrop-filter: blur(12px);
}
.nav { height: 76px; display:flex; align-items:center; justify-content:space-between; }
.logo { font-size: 22px; font-weight: 800; letter-spacing: -.5px; }
.logo span { color: #3b82f6; }
nav { display:flex; align-items:center; gap:30px; }
nav a { color:#172033; text-decoration:none; font-size:15px; }
.nav-button { padding:10px 18px; border:1px solid #172033; border-radius:8px; }
.hero { padding:110px 0 100px; background:linear-gradient(135deg,#f7f9fc 0%,#eef4fb 100%); }
.hero-grid { display:grid; grid-template-columns:1.15fr .85fr; gap:70px; align-items:center; }
.eyebrow { font-size:12px; letter-spacing:2px; font-weight:800; color:#3b82f6; margin:0 0 18px; }
h1 { font-size:clamp(44px,6vw,76px); line-height:1.02; letter-spacing:-3px; margin:0 0 28px; }
h1 span { color:#3b82f6; }
.lead { font-size:20px; max-width:680px; color:#566276; }
.actions { display:flex; gap:14px; margin-top:35px; flex-wrap:wrap; }
.button { display:inline-block; padding:14px 22px; border-radius:8px; text-decoration:none; font-weight:700; }
.primary { background:#172033; color:#fff; }
.secondary { border:1px solid #b9c2cf; color:#172033; }
.hero-card { background:#172033; color:#fff; border-radius:18px; padding:32px; box-shadow:0 24px 60px rgba(23,32,51,.18); }
.card-top { color:#8eb9ff; font-size:12px; letter-spacing:2px; margin-bottom:30px; }
.code-line { padding:17px 0; border-bottom:1px solid rgba(255,255,255,.12); }
.card-bottom { margin-top:28px; color:#aeb9c9; }
.section { padding:105px 0; }
h2 { font-size:clamp(34px,4vw,52px); line-height:1.08; letter-spacing:-2px; margin:0 0 48px; }
.cards { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.card { border:1px solid #e1e7ef; border-radius:14px; padding:30px; transition:.2s; }
.card:hover { transform:translateY(-4px); box-shadow:0 15px 35px rgba(23,32,51,.08); }
.icon { font-size:13px; color:#3b82f6; font-weight:800; margin-bottom:35px; }
.card h3 { font-size:23px; margin:0 0 12px; }
.card p { color:#687487; min-height:100px; }
.card a { color:#172033; font-weight:700; text-decoration:none; }
.dark-section { background:#172033; color:#fff; padding:95px 0; }
.dark-section .eyebrow { color:#8eb9ff; }
.split { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:start; }
.dark-section p, .about p { color:#aeb9c9; font-size:18px; }
.topics { display:flex; gap:10px; flex-wrap:wrap; margin-top:28px; }
.topics span { border:1px solid rgba(255,255,255,.18); padding:9px 13px; border-radius:20px; font-size:14px; }
.about p { color:#687487; }
.contact { padding:70px 0; }
.contact-box { background:#3b82f6; color:#fff; border-radius:18px; padding:55px; display:flex; justify-content:space-between; gap:40px; align-items:center; }
.contact-box .eyebrow { color:#dceaff; }
.contact-box h2 { margin-bottom:18px; }
.contact-box p { max-width:650px; margin:0; }
.button.light { background:#fff; color:#172033; white-space:nowrap; }
footer { border-top:1px solid #e9edf3; padding:25px 0; color:#687487; font-size:14px; }
.footer { display:flex; justify-content:space-between; }
.footer a { color:#687487; margin-left:22px; text-decoration:none; }

@media (max-width: 800px) {
  .container { width:min(100% - 32px,1120px); }
  nav a:not(.nav-button) { display:none; }
  .hero { padding:75px 0; }
  .hero-grid, .split, .cards { grid-template-columns:1fr; }
  .hero-grid { gap:45px; }
  .cards { gap:16px; }
  .card p { min-height:0; }
  .contact-box { flex-direction:column; align-items:flex-start; padding:38px 28px; }
  .footer { flex-direction:column; gap:10px; }
  .footer a { margin-left:0; margin-right:20px; }
}

/* Version 3: Layout von Version 1, dezente Farben der Vorlage */
:root { --brand-navy:#20345d; --brand-lime:#b9ef3b; }
.logo {font-size:17px;letter-spacing:-.3px;line-height:1.1;display:flex;align-items:baseline;gap:3px;flex-wrap:wrap;max-width:300px}
.logo .logo-dot {color:#89b52b}
.logo small {display:block;flex-basis:100%;font-size:9px;letter-spacing:.3px;color:#687487;font-weight:500;margin-top:4px}
.nav {height:72px}
.nav-button {border-color:#d3dbe5}
.hero {background:linear-gradient(125deg,#fafbfc 0%,#f0f4f8 100%)}
h1 span {color:var(--brand-navy)}
.eyebrow {color:#658a20}
.primary {background:var(--brand-navy)}
.hero-card,.dark-section {background:var(--brand-navy)}
.card-top,.dark-section .eyebrow {color:#c5e783}
.icon {color:#779d2b}
.contact-box {background:var(--brand-navy)}
.contact-box .eyebrow {color:#c5e783}
.contact-box {border-top:5px solid var(--brand-lime)}
.button.light {background:#fff;color:var(--brand-navy)}
@media(max-width:800px){.logo{font-size:15px}.nav{height:76px}}

/* Portrait in der Über-mich-Sektion */
#ueber-mich .portrait-wrap { float:right; width: min(34%, 350px); margin:0 0 25px 40px; }
#ueber-mich .portrait-wrap img { display:block; width:100%; height:auto; border-radius:14px; }
#ueber-mich::after { content:""; display:block; clear:both; }
@media(max-width:750px) {
  #ueber-mich .portrait-wrap { float:none; width:min(100%,380px); margin:0 0 28px; }
}

/* Version 5: Ergänzungen aus dem Trainer-CV */
.section-soft{background:#f7f9fb}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.detail-grid p{margin:0;color:#566276;font-size:18px}.chips{display:flex;flex-wrap:wrap;gap:10px}.chips span{border:1px solid #d7e0e9;border-radius:24px;background:white;padding:8px 13px;font-size:14px;color:#20345d}.format-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.format-grid article{padding:25px;border:1px solid #e1e7ef;border-radius:14px}.format-grid h3{margin-top:0}.format-grid p{color:#687487}.about-layout{display:grid;grid-template-columns:1.3fr .7fr;gap:70px;align-items:center}.about-layout h2{margin-bottom:28px}.about-layout p{color:#687487;font-size:17px}.about-photo{display:block;width:100%;max-height:530px;object-fit:cover;object-position:center 25%;border-radius:16px}.timeline{max-width:900px}.timeline article{display:grid;grid-template-columns:175px 1fr;gap:30px;border-top:1px solid #dbe3eb;padding:24px 0}.timeline .time{font-weight:700;color:#658a20}.timeline h3{margin:0 0 8px}.timeline p{margin:0;color:#687487}.contact-details{margin-top:18px!important}.contact-details a{color:#fff;text-decoration:underline;text-underline-offset:3px}.footer span{font-size:12px}
@media(max-width:800px){.detail-grid,.format-grid,.about-layout{grid-template-columns:1fr;gap:25px}.about-photo{max-width:380px;max-height:none}.timeline article{grid-template-columns:1fr;gap:5px}.nav{height:auto;min-height:76px;gap:10px}.nav nav{gap:10px}}

/* Dezenter Markenauftritt unter dem Kontakt-Button */
.contact-action{display:flex;flex-direction:column;align-items:center;gap:20px;flex-shrink:0}
.contact-logo{background:#fff;border-radius:8px;padding:9px 12px;width:178px;max-width:100%}
.contact-logo img{display:block;width:100%;height:auto}
@media(max-width:800px){.contact-action{align-items:flex-start}.contact-logo{width:160px}}

/* Version 7: Drei Leistungskarten in dezenten Nuancen der Markenfarben */
#leistungen .card {border-color:rgba(31,49,87,.10); background:#f2f5fa;}
#leistungen .card:nth-child(2) {background:#f3f6ed;}
#leistungen .card:nth-child(3) {background:#edf2f4;}
#leistungen .card .icon {display:inline-flex; align-items:center; justify-content:center;
  width:48px; height:48px; margin-bottom:24px; border-radius:12px;
  background:#dfe7f3; color:#20345d; font-size:15px; letter-spacing:.03em;}
#leistungen .card:nth-child(2) .icon {background:#e3edc2; color:#365024;}
#leistungen .card:nth-child(3) .icon {background:#dce8e9; color:#20345d;}
#leistungen .card:hover {transform:translateY(-5px); box-shadow:0 15px 35px rgba(31,49,87,.10);}

/* Version 8: Dezente Marken-Nuancen für alle Themen-Blasen */
.topics span, .chips span {
  border:1px solid rgba(32,52,93,.12);
  background:#e6edf6; color:#20345d;
  border-radius:24px; padding:9px 14px; font-weight:500;
  transition:transform .18s ease, box-shadow .18s ease;
}
.topics span:nth-child(3n+2), .chips span:nth-child(3n+2) {background:#e3edc2;color:#365024;border-color:#d8e5b5;}
.topics span:nth-child(3n), .chips span:nth-child(3n) {background:#dce8e9;color:#20345d;border-color:#cddfe0;}
.topics span:hover, .chips span:hover {transform:translateY(-2px);box-shadow:0 5px 12px rgba(20,38,70,.12);}

/* Version 9: Themenfarben nach Leistungsbereich */
#software .chips span {background:#e8eef8;color:#20345d;border-color:#d7e2f2;}
#software .chips span:nth-child(3n+2) {background:#dce6f5;color:#20345d;border-color:#cad9ef;}
#software .chips span:nth-child(3n) {background:#eff3fa;color:#20345d;border-color:#dde5f1;}
#schulungen .topics span {background:#edf5dc;color:#304b22;border-color:#d8e7b8;}
#schulungen .topics span:nth-child(3n+2) {background:#dcebbd;color:#304b22;border-color:#cbdca4;}
#schulungen .topics span:nth-child(3n) {background:#f2f7e7;color:#304b22;border-color:#e0ebcd;}

/* Zwei gleich breite Leistungsbereiche */
#leistungen .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
#leistungen .card p{min-height:0}
@media(max-width:700px){#leistungen .cards{grid-template-columns:1fr}}

/* Version 11: Software grün, Schulungen blau; Partnerangebot als dritte Karte */
#leistungen .cards{grid-template-columns:repeat(3,minmax(0,1fr))}
#leistungen .card:first-child{background:#f0f6e7}
#leistungen .card:first-child .icon{background:#dcebbd;color:#304b22}
#leistungen .card:nth-child(2){background:#f0f4fa}
#leistungen .card:nth-child(2) .icon{background:#dce6f5;color:#20345d}
#leistungen .card:nth-child(3){background:#f6f7f9}
#leistungen .card:nth-child(3) .icon{background:#e7eaf0;color:#20345d}
#software .chips span{background:#edf5dc;color:#304b22;border-color:#d8e7b8}
#software .chips span:nth-child(3n+2){background:#dcebbd;color:#304b22;border-color:#cbdca4}
#software .chips span:nth-child(3n){background:#f2f7e7;color:#304b22;border-color:#e0ebcd}
#schulungen .topics span{background:#e8eef8;color:#20345d;border-color:#d7e2f2}
#schulungen .topics span:nth-child(3n+2){background:#dce6f5;color:#20345d;border-color:#cad9ef}
#schulungen .topics span:nth-child(3n){background:#eff3fa;color:#20345d;border-color:#dde5f1}
.partner-section{background:#fff}
.partner-heading{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:start}
.partner-heading p{color:#566276;font-size:17px;margin:0 0 14px}
.partner-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:44px 0 48px}
.partner-benefits article{background:#f7f9fb;border:1px solid #e4e9f0;border-radius:14px;padding:25px}
.partner-benefits span{font-weight:700;color:#658a20;font-size:13px}
.partner-benefits h3{font-size:19px;margin:15px 0 8px}
.partner-benefits p{color:#687487;margin:0}
.price-title{font-size:23px;margin:0 0 18px}
.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.price-grid>div{border:1px solid #dce4ee;border-radius:14px;padding:24px;background:#fbfcfe;display:flex;flex-direction:column;gap:5px}
.price-grid span{font-weight:600;color:#566276;font-size:14px}
.price-grid strong{font-size:clamp(26px,3vw,37px);color:#20345d}
.price-grid small{color:#687487}
.price-note{font-size:12px;color:#687487;margin:15px 0 24px}
@media(max-width:800px){#leistungen .cards,.partner-heading,.partner-benefits,.price-grid{grid-template-columns:1fr}.partner-heading{gap:18px}.partner-benefits{margin:28px 0}}

/* Referenzen – ruhige Logowand mit einheitlichen Bildflächen */
.references-section{background:#f8fafc}
.references-section h2{margin-bottom:14px}
.references-intro{color:#687487;margin:0 0 36px;font-size:17px}
.references-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.reference-logo{background:#fff;border:1px solid #e5eaf1;border-radius:12px;min-height:132px;padding:24px 18px;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,box-shadow .2s ease}
.reference-logo:hover{transform:translateY(-3px);box-shadow:0 10px 25px rgba(23,32,51,.07)}
.reference-logo img{display:block;max-width:100%;max-height:76px;width:auto;height:auto;object-fit:contain}
@media(max-width:980px){.references-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.nav nav{gap:14px}.nav nav a{font-size:13px}}
@media(max-width:600px){.references-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.reference-logo{min-height:110px;padding:18px 12px}.reference-logo img{max-height:66px}}

/* Trainer-CV im Bereich Über mich */
.cv-link{display:inline-flex;align-items:center;gap:12px;margin-top:18px;padding:12px 18px;border:1px solid #cdd9e8;border-radius:9px;color:#20345d;background:#f2f6fa;text-decoration:none;font-weight:700;font-size:14px;transition:background .2s,transform .2s}
.cv-link:hover{background:#e4edf6;transform:translateY(-2px)}
.cv-link span{font-size:19px}

/* CV im Schulungsbereich und zusätzliches Foto bei Softwareentwicklung */
.software-layout{display:grid;grid-template-columns:minmax(230px,340px) minmax(0,1fr);align-items:center;gap:42px}
.software-layout .detail-grid{display:block}
.software-layout .detail-grid .chips{margin-top:22px}
.software-photo{width:100%;height:390px;object-fit:cover;object-position:center 26%;border-radius:15px}
.training-cv{margin-top:28px}
.dark-section .training-cv .cv-link{background:#edf3fa;color:#20345d;border-color:#d5e0ef}
.dark-section .training-cv .cv-link:hover{background:#dce9f7}
@media(max-width:800px){.software-layout{grid-template-columns:1fr}.software-photo{height:auto;max-width:380px}.training-cv{margin-top:22px}}

/* Partnerschaft und Flyer */
.partner-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.partner-external{color:#20345d;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.partner-actions .button{white-space:normal}

/* Version 16 – neue Startseite, basierend auf dem abgestimmten Design */
:root { --v16-navy:#0c326e; --v16-blue:#1558a9; --v16-green:#34793a; }
body{color:#172b47;font-family:Arial,Helvetica,sans-serif}
.container{width:min(1340px,calc(100% - 64px))}
.header{background:rgba(255,255,255,.97);box-shadow:0 1px 0 #e5ebf1}
.nav{min-height:82px;height:auto;gap:24px}
.brand{display:flex;align-items:center;gap:10px;min-width:205px;text-decoration:none;color:var(--v16-navy)}
.brand img{width:44px;height:44px;object-fit:contain;border-radius:10px}
.brand strong{font-size:17px;letter-spacing:-.4px;display:block;line-height:1.15}
.brand small{font-size:10px;display:block;color:#51647e;margin-top:3px}
.nav nav{gap:clamp(9px,1.35vw,22px);flex-wrap:wrap;justify-content:flex-end}
.nav nav a{font-size:13px;white-space:nowrap;color:#273e5b}
.nav nav a:hover{color:var(--v16-blue)}
.hero{padding:0;background:linear-gradient(110deg,#f7fbff,#e9f1f8)}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:0;min-height:590px;align-items:stretch}
.hero-content{padding:64px 28px 70px 0;position:relative;z-index:1}
.hero-wordmark{display:block;width:270px;max-width:60%;height:auto;object-fit:contain;object-position:left center;margin:0 0 34px}
.hero .eyebrow{color:#4e7d29;margin:0 0 16px;font-size:12px}
.hero h1{font-size:clamp(37px,4.2vw,62px);line-height:1.08;letter-spacing:-2.2px;margin:0 0 24px;color:#082a66;max-width:790px}
.hero h1 span{color:#2873b8}
.hero .lead{font-size:19px;line-height:1.55;color:#526982;max-width:630px}
.hero .actions{margin-top:30px}
.hero .button{border-radius:12px;padding:15px 22px}
.hero .primary{background:#103f83}
.hero .secondary{background:#fff;border-color:#aabed5;color:#103f83}
.hero-image{background-image:linear-gradient(90deg,rgba(237,244,250,.5),rgba(237,244,250,0) 30%),url('images/portrait.jpg');background-size:cover;background-position:center 24%;min-height:590px}
.overview-section{padding:55px 0 88px;background:#fff}
.overview-section>.container>.eyebrow{margin-bottom:7px}
.overview-section h2{font-size:clamp(26px,3vw,36px);letter-spacing:-1px;margin-bottom:30px}
#leistungen .cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
#leistungen .card{display:flex;flex-direction:column;padding:25px 24px 24px;border:0;border-radius:17px;min-width:0;box-shadow:none}
#leistungen .card:nth-child(1){background:#eff6ec}
#leistungen .card:nth-child(2){background:#edf5fd}
#leistungen .card:nth-child(3){background:#f0f3f7}
#leistungen .card-head{display:flex;align-items:flex-start;gap:15px;min-height:91px}
#leistungen .card .icon{flex:0 0 54px;width:54px;height:54px;border-radius:15px;font-size:23px;margin:0;display:flex;align-items:center;justify-content:center}
#leistungen .card:nth-child(1) .icon{background:#d7ebd2;color:#22602a}
#leistungen .card:nth-child(2) .icon{background:#d5e9fc;color:#1465bf}
#leistungen .card:nth-child(3) .icon{background:#d7dfe9;color:#244b74}
#leistungen .card h3{font-size:clamp(18px,1.6vw,22px);line-height:1.2;margin:3px 0 6px;color:#153a66}
#leistungen .card:nth-child(1) h3{color:#20532a}
#leistungen .card .card-subtitle{font-size:13px;line-height:1.4;color:#57677b;margin:0;min-height:0}
#leistungen .card ul{list-style:none;padding:0;margin:14px 0 24px;flex:1}
#leistungen .card li{position:relative;padding-left:23px;margin:9px 0;font-size:14px;line-height:1.4}
#leistungen .card li::before{content:'✓';position:absolute;left:0;top:0;color:#174b90;font-weight:800}
#leistungen .card:nth-child(1) li::before{color:#287534}
#leistungen .card .inline-link{color:#1558a9;text-decoration:underline}
#leistungen .card-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
#leistungen .card .card-link,#leistungen .card .card-outline{display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:11px 13px;border-radius:9px;font-size:12px;font-weight:700;text-decoration:none;line-height:1.25}
#leistungen .card .card-link{background:#144b95;color:#fff}
#leistungen .card:nth-child(1) .card-link{background:#347a3d}
#leistungen .card:nth-child(3) .card-link{background:#345578}
#leistungen .card .card-outline{border:1px solid #b8cce0;background:#fff;color:#1d467e}
#leistungen .card .card-link:hover{filter:brightness(.92)}
#leistungen .card:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(22,53,88,.07)}
@media(max-width:1100px){.nav{padding:12px 0;align-items:flex-start}.nav nav{gap:12px}.hero-grid{min-height:530px}.hero-image{min-height:530px}.hero-content{padding-top:50px}.hero-wordmark{width:220px}}
@media(max-width:850px){.container{width:min(100% - 36px,1340px)}.nav{align-items:center}.nav nav{gap:12px}.nav nav a{font-size:12px}.hero-grid{grid-template-columns:1fr 0.75fr}.hero-image{min-height:480px}.hero-content{padding:45px 20px 48px 0}.hero h1{font-size:clamp(32px,4.8vw,45px)}#leistungen .cards{grid-template-columns:1fr}#leistungen .card-head{min-height:0}#leistungen .card ul{margin-bottom:18px}}
@media(max-width:640px){.nav{flex-wrap:wrap}.nav nav{width:100%;justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding:3px 0 9px}.nav nav a{flex:0 0 auto}.hero-grid{grid-template-columns:1fr}.hero-content{padding:35px 0 30px}.hero-wordmark{width:190px;margin-bottom:25px}.hero h1{font-size:clamp(33px,9vw,44px)}.hero .lead{font-size:17px}.hero-image{min-height:330px;background-position:center 20%}.overview-section{padding:45px 0 65px}}

/* Nummerierung und Überschrift in einer Zeile */
.partner-benefits h3{margin:0 0 10px;font-size:19px}

/* Bildnachweis im Footer */
.footer a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.footer a:hover{color:#2873b8}

/* Version 19 – kompaktere Kapitelabstände */
.section{padding-top:72px;padding-bottom:72px}
.dark-section{padding-top:72px;padding-bottom:72px}
.overview-section{padding-top:46px;padding-bottom:68px}
.contact{padding-top:54px;padding-bottom:54px}
.section h2{margin-bottom:32px}
.partner-benefits{margin-top:30px;margin-bottom:34px}
/* Kontakt-Button und Markenlogo: identische Außenbreite */
.contact-action{width:178px;max-width:100%;align-items:stretch}
.contact-action>.button{width:100%;text-align:center;padding-left:8px;padding-right:8px;font-size:14px}
.contact-action .contact-logo{width:100%;max-width:100%}
/* Referenzlogos sind externe Links */
a.reference-logo{text-decoration:none;cursor:pointer}
a.reference-logo:focus-visible{outline:3px solid #1558a9;outline-offset:3px}
/* Trainer-CV direkt unter der Schulungsüberschrift */
.training-cv-under-heading{margin-top:4px}
.dark-section .training-cv-under-heading .cv-link{margin-top:0}
@media(max-width:800px){.section{padding-top:54px;padding-bottom:54px}.dark-section{padding-top:54px;padding-bottom:54px}.contact-action{width:160px}.overview-section{padding-top:40px;padding-bottom:55px}}

/* Buttons direkt unter der Überschrift des Partnerangebots */
.partner-heading .partner-actions{margin-top:22px}
.partner-heading .partner-actions .button{font-size:14px;padding:13px 16px}


/* Version 21 – ausschließlich dezente Hintergrundtexturen.
   Keine Änderungen an Inhalt, Layout, Bildern, Buttons oder Abständen. */
.hero {
  background-image:
    radial-gradient(circle at 1px 1px, rgba(45,112,178,.13) 1px, transparent 1.5px),
    radial-gradient(ellipse 55% 80% at -12% 20%, rgba(99,166,222,.13), transparent 75%),
    linear-gradient(110deg,#f7fbff,#e9f1f8);
  background-size: 22px 22px, auto, auto;
  background-repeat: repeat, no-repeat, no-repeat;
  background-position: left top, center, center;
}
/* Weiße Fläche hinter den Referenzen erhält nur einen leichten Blauschimmer. */
.references-section {
  background-image:
    radial-gradient(circle at 92% 18%,rgba(79,145,206,.09),transparent 38%),
    linear-gradient(135deg,#f8fafc 0%,#f2f6fa 100%);
}
/* Partnerangebot: dezente Bögen am Rand, die Inhalte bleiben unberührt. */
.partner-section {
  background-image:
    radial-gradient(ellipse 42% 65% at -8% 92%,rgba(95,157,211,.105),transparent 80%),
    radial-gradient(ellipse 34% 50% at 105% 6%,rgba(170,205,235,.11),transparent 80%),
    linear-gradient(#fff,#fff);
}
/* Die übrigen Abschnitte und Karten bleiben unverändert. */

/* Version 22: gezielte Hervorhebung der Datenbankkompetenz */
#software .database-highlight{margin-top:20px;padding:18px 20px;border-radius:14px;background:linear-gradient(120deg,#e7f3f0,#eef6f3);border:1px solid #cce4dd;}
#software .database-highlight h3{font-size:18px;margin:0 0 12px;color:#1f6259;}
#software .database-items{display:flex;flex-wrap:wrap;gap:8px;}
#software .database-items span{font-size:14px;font-weight:600;color:#235e56;background:#fff;border:1px solid #c5ddd7;border-radius:20px;padding:7px 12px;}

/* Version 23: dezenter Rahmen um die Softwareentwicklungstools */
#software .tools-frame{border:1px solid #c9d8e9;border-radius:14px;background:linear-gradient(135deg,#f3f7fc,#f8fbfd);padding:18px 20px;}
#software .tools-frame .chips{margin-top:0;}

/* Preise im Bereich Schulungen – Layout unverändert, nur lokaler Kontrast */
.training-prices{margin-top:26px}
.training-prices .price-title{color:inherit}
.training-prices .price-grid{margin-top:16px}
.training-prices .price-grid>div{background:rgba(255,255,255,.96);color:#20345d;border:1px solid rgba(255,255,255,.35)}
.training-prices .price-note{color:rgba(255,255,255,.85)}

/* Preis auf Anfrage im Partnerbereich */
.partner-price-request{margin:8px 0 20px}
.partner-price-request a{color:#20345d;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.partner-price-request a:hover{color:#0876c9}

.partner-price-request{margin:12px 0 20px}

/* Version 28: Preisbutton direkt unter dem Partnerschaftsbutton */
.partner-action-stack{display:flex;flex-direction:column;gap:10px;align-items:stretch}
.partner-action-stack .button{display:inline-flex;justify-content:center;text-align:center}

#software .tools-frame h3{font-size:18px;margin:0 0 12px;color:#20345d;}

/* Version 35: Office-Anwendungsfarben ausschließlich für Schulungsthemen */
#schulungen .topics span.app-excel {background:#d9f1e2;color:#145c34;border-color:#83c9a0;}
#schulungen .topics span.app-word {background:#dceafa;color:#174f9d;border-color:#9dbfe9;}
#schulungen .topics span.app-powerpoint {background:#fbe3d9;color:#a63b1d;border-color:#e7a58f;}
#schulungen .topics span.app-outlook {background:#d8effd;color:#075a9c;border-color:#90c9ef;}
#schulungen .topics span.app-teams {background:#e8e5fa;color:#4d429f;border-color:#b8afea;}
#schulungen .topics span.app-project {background:#dff0df;color:#26652c;border-color:#9ccc9d;}
#schulungen .topics span.app-access {background:#f7e0e3;color:#922b3c;border-color:#dda1aa;}

/* Version 36: dezente, produkttypische Datenbankfarben */
#software .database-items span.db-sqlserver{background:#fbe7e7;color:#a52828;border-color:#e7aaaa;}
#software .database-items span.db-access{background:#f7e0e3;color:#922b3c;border-color:#dda1aa;}
#software .database-items span.db-postgresql{background:#dceafa;color:#245782;border-color:#9ebfe0;}