:root {
  --kando-black: #0a0a0a;
  --kando-white: #ffffff;
  --kando-grey-light: #f4f4f4;
  --kando-grey-mid: #cccccc;
}
body { margin: 0; font-family: Roboto, sans-serif; color: var(--kando-black); background: var(--kando-white); }
.kando-header { background: var(--kando-black); color: var(--kando-white); display: flex; justify-content: space-between; align-items: center; padding: 1.5rem 2rem; }
.kando-header a { color: var(--kando-white); text-decoration: none; margin-left: 1.5rem; }
.kando-logo { font-weight: 700; font-size: 1.5rem; margin-left: 0 !important; }
.kando-footer { background: var(--kando-black); color: var(--kando-white); padding: 2rem; text-align: center; }
.kando-footer a { color: var(--kando-white); margin: 0 0.75rem; }
main { max-width: 960px; margin: 0 auto; padding: 3rem 2rem; }

.frame-type-header a {
  display: inline-block;
  background: var(--kando-black);
  color: var(--kando-white) !important;
  padding: 0.75rem 1.75rem;
  text-decoration: none;
  border-radius: 2px;
  font-weight: 700;
}
.frame-type-header a:hover {
  background: #333;
}

.kando-logo img { height: 32px; display: block; }

.frame-type-form_formframework form { max-width: 480px; }
.frame-type-form_formframework .form-element { margin-bottom: 1.25rem; }
.frame-type-form_formframework .form-label { display: block; font-weight: 600; margin-bottom: 0.35rem; }
.frame-type-form_formframework .form-control {
  width: 100%;
  box-sizing: border-box;
  padding: 0.6rem 0.75rem;
  border: 1px solid var(--kando-grey-mid);
  border-radius: 2px;
  font-family: inherit;
  font-size: 1rem;
}
.frame-type-form_formframework .form-control:focus {
  outline: none;
  border-color: var(--kando-black);
}
.frame-type-form_formframework textarea.form-control { min-height: 140px; resize: vertical; }
.frame-type-form_formframework .actions { margin-top: 1rem; display: flex; gap: 0.75rem; }
.frame-type-form_formframework .btn {
  display: inline-block;
  border: none;
  padding: 0.75rem 1.75rem;
  font-weight: 700;
  border-radius: 2px;
  cursor: pointer;
  font-family: inherit;
  font-size: 1rem;
}
.frame-type-form_formframework .btn-primary { background: var(--kando-black); color: var(--kando-white); }
.frame-type-form_formframework .btn-primary:hover { background: #333; }
.frame-type-form_formframework .btn-outline-primary { background: transparent; color: var(--kando-black); border: 1px solid var(--kando-black); }
.frame-type-form_formframework .btn-outline-primary:hover { background: var(--kando-grey-light); }
.frame-type-form_formframework fieldset { border: none; padding: 0; margin: 0; }
.frame-type-form_formframework legend { font-weight: 700; margin-bottom: 1rem; }
.frame-type-form_formframework .summary-list { margin-bottom: 1.5rem; }
.frame-type-form_formframework dl.row { display: flex; gap: 0.5rem; margin: 0 0 0.5rem 0; }
.frame-type-form_formframework dt.col { font-weight: 600; min-width: 140px; }
.frame-type-form_formframework dd.col { margin: 0; }

/* Homepage-Sektionen (nur Startseite) */
.section-hero, .section-cta-end {
  background: var(--kando-black);
  color: var(--kando-white);
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  padding: 3rem calc(50vw - 50%);
  box-sizing: border-box;
}
.section-hero { margin-top: -3rem; }
.section-cta-end { margin-bottom: -3rem; }
.section-hero h1 { color: var(--kando-white); margin-top: 0; }

.section-hero .btn-cta, .section-cta-end .btn-cta {
  display: inline-block;
  background: var(--kando-white);
  color: var(--kando-black);
  padding: 0.75rem 1.75rem;
  text-decoration: none;
  border-radius: 2px;
  font-weight: 700;
  margin-top: 1rem;
}
.section-hero .btn-cta:hover, .section-cta-end .btn-cta:hover { background: #ddd; }

.section-trust {
  background: #F4F4F4;
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  padding: 2.5rem calc(50vw - 50%);
  box-sizing: border-box;
  display: flex;
  gap: 0;
}
.trust-tile {
  flex: 1;
  text-align: center;
  padding: 0 1.5rem;
  border-left: 1px solid #ccc;
}
.trust-tile:first-child { border-left: none; }
.trust-number { font-size: 1.75rem; font-weight: 700; color: var(--kando-black); line-height: 1.2; }
.trust-label { font-size: 0.9rem; color: #555; margin-top: 0.35rem; }

.section-services { background: var(--kando-white); padding: 2.5rem 0; }
.service-list { list-style: none; padding: 0; margin: 1.5rem 0 0; }
.service-list li { position: relative; padding-left: 1.75rem; margin-bottom: 0.75rem; font-size: 1.05rem; }
.service-list li::before {
  content: "\25C6";
  position: absolute;
  left: 0;
  color: var(--kando-black);
  font-size: 0.8rem;
  top: 0.15em;
}

/* Header Mobile-Fix */
@media (max-width: 600px) {
  .kando-logo img { height: 28px; }
  .kando-header { flex-wrap: nowrap; align-items: center; }
  .kando-header nav { display: flex; gap: 1rem; }
}

/* Trust-Leiste Mobile: stapeln statt nebeneinander */
@media (max-width: 700px) {
  .section-trust { flex-direction: column; gap: 1.5rem; }
  .trust-tile { border-left: none; border-top: 1px solid #ccc; padding: 1.5rem 0 0; }
  .trust-tile:first-child { border-top: none; padding-top: 0; }
}

.mini-cta {
  margin-top: 28px;
  font-weight: 600;
}
.mini-cta a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.kando-cookie-banner {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  background: #111;
  color: #fff;
  padding: 20px 24px;
  display: none;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
  z-index: 9999;
  box-shadow: 0 -2px 12px rgba(0,0,0,0.2);
}
.kando-cookie-banner p {
  margin: 0;
  flex: 1 1 320px;
  font-size: 0.9rem;
  line-height: 1.5;
}
.kando-cookie-banner a {
  color: #fff;
  text-decoration: underline;
}
.kando-cookie-actions {
  display: flex;
  gap: 12px;
  flex-shrink: 0;
}
.kando-cookie-actions button {
  padding: 10px 20px;
  border: 1px solid #fff;
  background: transparent;
  color: #fff;
  cursor: pointer;
  font-weight: 600;
  font-size: 0.9rem;
}
.btn-cookie-accept {
  background: #fff !important;
  color: #111 !important;
}
.kando-cookie-settings-link {
  margin-top: 12px;
}
.kando-cookie-settings-link a {
  color: inherit;
  font-size: 0.85rem;
  text-decoration: underline;
}
@media (max-width: 600px) {
  .kando-cookie-banner { flex-direction: column; align-items: stretch; }
  .kando-cookie-actions { justify-content: stretch; }
  .kando-cookie-actions button { flex: 1; }
}

/* Fix: 100vw/50vw-basierte Full-Bleed-Sections zaehlen den Scrollbar mit und
   ragen dadurch minimal ueber den sichtbaren Bereich hinaus, sobald ein
   vertikaler Scrollbalken vorhanden ist. Unterbindet den dadurch entstehenden
   horizontalen Scrollbalken, ohne die Full-Bleed-Technik selbst anzufassen. */
html, body {
  overflow-x: hidden;
}

/* Mobile-Fix 2: Header-Navigation stapelt sich, statt bei 3 Nav-Punkten
   (Start / Ueber uns / Kontakt) umzubrechen und abgeschnitten zu werden */
@media (max-width: 600px) {
  .kando-header {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0.75rem;
    padding: 1.25rem 1.5rem;
  }
  .kando-header nav {
    flex-wrap: wrap;
    gap: 0.5rem 1rem;
  }
  .kando-header a {
    margin-left: 0;
    font-size: 0.95rem;
  }
}

/* Mobile-Fix: Cookie-Banner kompakter, weniger Weissraum */
@media (max-width: 600px) {
  .kando-cookie-banner {
    padding: 16px;
    gap: 12px;
  }
  .kando-cookie-banner p {
    font-size: 0.85rem;
  }
}

/* CTA-Links in Content-Bloecken: schwarz statt Standard-Blau (wie .mini-cta) */
#c159 a,
#c160 a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* Lesbarkeit und Links auf den Inhaltsseiten */
main { line-height: 1.6; }
main h1, main h2, main h3 { line-height: 1.25; text-wrap: balance; }
main .frame-type-text h2 { margin-top: 2.5rem; }
main .frame-type-text h3 { margin-top: 1.75rem; margin-bottom: .5rem; }
main .frame-type-text p, main .frame-type-text li { max-width: 70ch; }
main .frame-type-text ol { padding-left: 1.4rem; }
main .frame-type-text ol li { margin-bottom: .6rem; padding-left: .3rem; }
main .frame-type-text a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
main .frame-type-text a:hover { text-decoration-thickness: 2px; }

/* Terminbuchung als Button */
main .frame-type-text a[href*="outlook.office.com/book"] {
    display: inline-block; background: var(--kando-black); color: var(--kando-white);
    padding: .7rem 1.4rem; margin: .4rem .6rem .4rem 0;
    text-decoration: none; font-weight: 700; border-radius: 2px; line-height: 1.3;
}
main .frame-type-text a[href*="outlook.office.com/book"]:hover { background: #333; }

@media (max-width: 600px) {
    main { padding: 1.5rem 1.25rem 2.5rem; }
}

/* ===== Design-Update nach Vorbild der Squarespace-Seite ===== */
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; font-display: swap; src: url('../Fonts/roboto-latin-300-normal.woff2') format('woff2'); }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-display: swap; src: url('../Fonts/roboto-latin-400-normal.woff2') format('woff2'); }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; font-display: swap; src: url('../Fonts/roboto-latin-700-normal.woff2') format('woff2'); }
body { font-family: 'Roboto', 'Segoe UI', Helvetica, Arial, sans-serif; }

.kando-header { padding: 1.25rem clamp(1.25rem, 4vw, 3.5rem); }
.kando-logo img { height: 44px; }
.kando-header nav a { font-size: .95rem; letter-spacing: .02em; }
.kando-header nav a:hover { opacity: .7; }
@media (min-width: 601px) { .kando-header { position: sticky; top: 0; z-index: 50; } }

main h1 { font-weight: 300; font-size: clamp(2rem, 4.2vw, 3.2rem); letter-spacing: -.01em; }
main h2 { font-weight: 300; font-size: clamp(1.6rem, 3vw, 2.4rem); }

.section-hero {
    padding-top: clamp(4rem, 9vw, 7.5rem); padding-bottom: clamp(4rem, 9vw, 7.5rem);
    background: var(--kando-black) url('../Images/network-dark.svg') right center / auto 130% no-repeat;
}
.section-hero h1 { font-size: clamp(2.3rem, 5.5vw, 4.4rem); font-weight: 300; line-height: 1.1; max-width: 16ch; }
.section-hero p { font-size: clamp(1.05rem, 1.6vw, 1.25rem); max-width: 46ch; color: #d6d6d6; }

.section-hero .btn-cta, .section-cta-end .btn-cta, main .frame-type-text a[href*="outlook.office.com/book"] {
    border-radius: 999px; text-transform: uppercase; letter-spacing: .08em; font-size: .85rem; padding: 1rem 2.2rem;
}
.section-hero .btn-cta { margin-top: 1.75rem; }

.trust-number { font-weight: 300; font-size: 2.4rem; }

.section-services { padding: 4.5rem 0 3rem; }
.service-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2rem 3rem; padding: 0; margin: 2rem 0; list-style: none; }
.service-list li { padding: 1.1rem 0 0; margin: 0; border-top: 1px solid var(--kando-grey-mid); max-width: none; }
.service-list li::before { content: none; }
.service-list li br { display: none; }
.service-list li strong { display: block; font-size: 1.2rem; margin-bottom: .35rem; }

#c159, #c158 {
    margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); box-sizing: border-box;
    padding: clamp(3.5rem, 8vw, 6.5rem) max(1.25rem, calc(50vw - 540px));
    display: grid; grid-template-columns: 1fr 1fr; column-gap: clamp(2rem, 5vw, 5rem); align-items: center;
}
#c159 { background: var(--kando-black); color: var(--kando-white); }
#c159 h2 { color: var(--kando-white); }
#c158 { background: var(--kando-grey-light); }
#c159 > * { grid-column: 1; }
#c158 > * { grid-column: 2; }
#c159 h2, #c158 h2 { margin-top: 0; }
#c159::after, #c158::before {
    content: ""; grid-row: 1 / span 6; align-self: stretch; min-height: 320px;
    background: url('../Images/network-light.svg') center / cover no-repeat;
}
#c159::after { grid-column: 2; }
#c158::before { grid-column: 1; }

.section-cta-end { padding-top: 4.5rem; padding-bottom: 4.5rem; }
.section-cta-end p { font-size: 1.3rem; font-weight: 300; max-width: 40ch; }

main > .frame-type-text:first-child > header {
    margin: -3rem calc(50% - 50vw) 2.5rem; padding: clamp(3rem, 7vw, 5.5rem) calc(50vw - 50%) clamp(2.5rem, 5vw, 4rem);
    background: var(--kando-black) url('../Images/network-dark.svg') right center / auto 160% no-repeat;
}
main > .frame-type-text:first-child > header h1 { color: var(--kando-white); margin: 0; max-width: 20ch; }

@media (max-width: 800px) {
    .service-list { grid-template-columns: 1fr; gap: 1.5rem; }
    #c159, #c158 { grid-template-columns: 1fr; }
    #c159 > *, #c158 > * { grid-column: 1; }
    #c159::after, #c158::before { grid-column: 1; grid-row: auto; min-height: 220px; margin: 1.5rem 0; }
}
@media (max-width: 600px) {
    .kando-logo img { height: 34px; }
    .section-hero { margin-top: -1.5rem; background-size: auto 90%; background-position: right bottom; }
    .section-cta-end { margin-bottom: -2.5rem; }
    main > .frame-type-text:first-child > header { margin-top: -1.5rem; }
}

/* Hero: Text links ruhiger */
.section-hero {
    background: linear-gradient(90deg, var(--kando-black) 30%, rgba(10,10,10,.75) 55%, rgba(10,10,10,.1) 100%),
                url('../Images/network-dark.svg') right center / auto 130% no-repeat, var(--kando-black);
}
main > .frame-type-text:first-child > header {
    background: linear-gradient(90deg, var(--kando-black) 40%, rgba(10,10,10,.2) 100%),
                url('../Images/network-dark.svg') right center / auto 160% no-repeat, var(--kando-black);
}
@media (max-width: 600px) {
    .section-hero { background: linear-gradient(180deg, rgba(10,10,10,.85) 0%, rgba(10,10,10,.6) 100%), url('../Images/network-dark.svg') center / cover no-repeat, var(--kando-black); }
}

/* ===== Leistungsübersicht: Titel links, Text rechts ===== */
#c160 { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); column-gap: 3rem; }
#c160 > header, #c160 > p:first-of-type, #c160 > p:last-child { grid-column: 1 / -1; }
#c160 > p:first-of-type { font-size: 1.2rem; font-weight: 300; max-width: 60ch; margin-bottom: 2.5rem; }
#c160 > h3, #c160 > h3 + p { border-top: 1px solid var(--kando-grey-mid); padding-top: 1.5rem; margin: 0 0 1.75rem; }
#c160 > h3 { font-size: 1.25rem; }
#c160 > h3 + p a { display: block; margin-top: .75rem; font-weight: 700; }

/* ===== Leistungsseiten: Einleitung, Akzente, Abschluss-Kasten ===== */
#c153 > header + p, #c154 > header + p, #c155 > header + p, #c156 > header + p, #c157 > header + p, #c193 > header + p, #c115 > header + p {
    font-size: clamp(1.15rem, 1.8vw, 1.35rem); font-weight: 300; line-height: 1.55; max-width: 58ch;
}
main .frame-type-text h3::before { content: ""; display: block; width: 2.5rem; height: 3px; background: var(--kando-black); margin-bottom: .8rem; }
#c160 > h3::before { display: none; }

main .frame-type-text ol { list-style: none; counter-reset: step; padding: 0; }
main .frame-type-text ol li { counter-increment: step; position: relative; padding-left: 3.25rem; margin-bottom: 1.4rem; min-height: 2.25rem; }
main .frame-type-text ol li::before {
    content: counter(step); position: absolute; left: 0; top: -.1rem; width: 2.25rem; height: 2.25rem; border-radius: 50%;
    background: var(--kando-black); color: var(--kando-white); display: flex; align-items: center; justify-content: center; font-weight: 700;
}

#c153 > p:last-child, #c154 > p:last-child, #c155 > p:last-child, #c156 > p:last-child, #c157 > p:last-child, #c193 > p:last-child, #c160 > p:last-child {
    max-width: none; margin-top: 3.5rem; padding: clamp(1.75rem, 4vw, 2.75rem);
    background: var(--kando-black) url('../Images/network-dark.svg') right center / auto 200% no-repeat;
    color: var(--kando-white); font-size: 1.15rem; font-weight: 300; line-height: 1.6;
}
#c153 > p:last-child a, #c154 > p:last-child a, #c155 > p:last-child a, #c156 > p:last-child a, #c157 > p:last-child a, #c193 > p:last-child a, #c160 > p:last-child a {
    color: var(--kando-white); font-weight: 700;
}
#c153 > p:last-child a[href*="outlook.office.com/book"], #c193 > p:last-child a[href*="outlook.office.com/book"] {
    background: var(--kando-white); color: var(--kando-black); margin-top: 1rem;
}
#c153 > p:last-child a[href*="outlook.office.com/book"]:hover, #c193 > p:last-child a[href*="outlook.office.com/book"]:hover { background: #ddd; }

/* ===== Über uns: Zitat ===== */
#c118 > p:first-of-type { font-size: clamp(1.25rem, 2.2vw, 1.6rem); font-weight: 300; line-height: 1.45; border-left: 3px solid var(--kando-black); padding-left: 1.5rem; max-width: 52ch; }
#c118 > p:nth-of-type(2) { color: #666; font-size: .95rem; padding-left: 1.5rem; margin-top: -.25rem; margin-bottom: 2.5rem; }

@media (max-width: 700px) {
    #c160 { grid-template-columns: 1fr; }
    #c160 > h3 + p { border-top: 0; padding-top: 0; }
    #c160 > h3 { margin-bottom: .5rem; }
}

/* ===== Über uns: Zitat und Foto (Element ist jetzt Text + Medien) ===== */
#c118 .ce-bodytext > p:first-of-type { font-size: clamp(1.25rem, 2.2vw, 1.6rem); font-weight: 300; line-height: 1.45; border-left: 3px solid var(--kando-black); padding-left: 1.5rem; }
#c118 .ce-bodytext > p:nth-of-type(2) { color: #666; font-size: .95rem; padding-left: 1.5rem; margin-top: -.25rem; margin-bottom: 2.5rem; }
#c118 .ce-gallery { margin: .4rem 0 1.5rem 2.5rem; }
#c118 .ce-gallery img { border-radius: 4px; display: block; }
@media (max-width: 700px) {
    #c118 .ce-gallery { float: none; margin: 0 0 1.75rem; }
    #c118 .ce-gallery img { width: 100%; max-width: 320px; height: auto; }
}

/* ===== Hero: zweiter Button ===== */
.section-hero .btn-cta-secondary { background: transparent; color: var(--kando-white); border: 1px solid rgba(255,255,255,.7); margin-left: .75rem; }
.section-hero .btn-cta-secondary:hover { background: rgba(255,255,255,.12); }
@media (max-width: 600px) { .section-hero .btn-cta-secondary { margin-left: 0; margin-top: .75rem; } }

/* ===== Startseite: Ablauf in vier Schritten ===== */
#c194 ol { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2rem; margin-top: 2rem; }
#c194 ol li { padding-left: 0; padding-top: 3.25rem; margin: 0; max-width: none; }
#c194 ol li::before { top: 0; left: 0; }
#c194 ol li strong { display: block; font-size: 1.1rem; margin-bottom: .4rem; }
#c194 > p:last-child { color: #555; font-size: .95rem; border-top: 1px solid var(--kando-grey-mid); padding-top: 1rem; margin-top: 2.5rem; max-width: none; }
@media (max-width: 900px) { #c194 ol { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { #c194 ol { grid-template-columns: 1fr; } }

/* ===== Startseite: Wer Sie betreut ===== */
#c195 {
    margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); box-sizing: border-box;
    padding: clamp(3rem, 7vw, 5.5rem) max(1.25rem, calc(50vw - 540px)); background: var(--kando-grey-light);
}
#c195 .ce-gallery { margin: 0 3rem 1rem 0; }
#c195 .ce-gallery img { border-radius: 4px; display: block; max-width: 300px; height: auto; }
#c195 h2 { margin-top: 0; }
#c195 .ce-bodytext p { max-width: 62ch; }
@media (max-width: 700px) { #c195 .ce-gallery { float: none; margin: 0 0 1.5rem; } #c195 .ce-gallery img { width: 100%; max-width: 320px; } }

/* ===== Startseite: Technologie-Zeile ===== */
#c196 { text-align: center; padding: 3.5rem 0 3rem; }
#c196 h3 { font-size: .8rem; text-transform: uppercase; letter-spacing: .14em; color: #777; margin: 0 0 1rem; }
#c196 h3::before { display: none; }
#c196 p { max-width: none; font-size: clamp(1rem, 1.8vw, 1.25rem); letter-spacing: .03em; color: #333; margin: 0 auto; }

/* ===== Über uns: Textbreite ===== */
#c118 .ce-bodytext > p { max-width: 70ch; }

/* Links in Text + Medien-Elementen wie im übrigen Text */
main .frame-type-textmedia a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }

/* ===== Unterseiten im Farbkonzept der Startseite ===== */
/* alte Regeln nach der Aufteilung zurücksetzen */
#c153 > p:last-child, #c160 > p:last-child {
    max-width: 70ch; margin: 1rem 0; padding: 0; background: none; color: inherit; font-size: inherit; font-weight: inherit;
}
#c160 { display: block; }

/* Einleitung mit Grafik daneben */
#c153 > header + p, #c154 > header + p, #c155 > header + p, #c156 > header + p, #c157 > header + p, #c193 > header + p, #c160 > header + p {
    display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); column-gap: 3rem; align-items: center; max-width: none;
}
#c153 > header + p::after, #c154 > header + p::after, #c155 > header + p::after, #c156 > header + p::after, #c157 > header + p::after, #c193 > header + p::after, #c160 > header + p::after {
    content: ""; min-height: 240px; border-radius: 4px; background: url('../Images/network-light.svg') center / cover no-repeat;
}

/* graue Bänder für die Mittelteile */
#c197, #c199 {
    margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); box-sizing: border-box;
    padding: clamp(3rem, 7vw, 5rem) max(1.25rem, calc(50vw - 480px)); background: var(--kando-grey-light);
}
#c197 > h2:first-child { margin-top: 0; }
#c199 { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); column-gap: 3rem; }
#c199 > h3, #c199 > h3 + p { border-top: 1px solid var(--kando-grey-mid); padding-top: 1.5rem; margin: 0 0 1.75rem; }
#c199 > h3 { font-size: 1.25rem; }
#c199 > h3::before { display: none; }
#c199 > h3 + p a { display: block; margin-top: .75rem; font-weight: 700; }

/* Abschluss als schwarzes Band über die volle Breite */
#c154 > p:last-child, #c155 > p:last-child, #c156 > p:last-child, #c157 > p:last-child, #c193 > p:last-child {
    margin: 3.5rem calc(50% - 50vw) -3rem; padding: clamp(3rem, 6vw, 4.5rem) max(1.25rem, calc(50vw - 480px)); max-width: none;
}
#c198, #c200 {
    margin: 0 calc(50% - 50vw) -3rem; box-sizing: border-box; padding: clamp(3rem, 6vw, 4.5rem) max(1.25rem, calc(50vw - 480px));
    background: var(--kando-black) url('../Images/network-dark.svg') right center / auto 200% no-repeat; color: var(--kando-white);
}
#c198 p, #c200 p { max-width: 62ch; margin: 0; font-size: 1.15rem; font-weight: 300; line-height: 1.6; }
#c198 a, #c200 a { color: var(--kando-white); font-weight: 700; }
#c198 a[href*="outlook.office.com/book"] { background: var(--kando-white); color: var(--kando-black); margin-top: 1rem; }
#c198 a[href*="outlook.office.com/book"]:hover { background: #ddd; }

@media (max-width: 800px) {
    #c153 > header + p, #c154 > header + p, #c155 > header + p, #c156 > header + p, #c157 > header + p, #c193 > header + p, #c160 > header + p { grid-template-columns: 1fr; }
    #c153 > header + p::after, #c154 > header + p::after, #c155 > header + p::after, #c156 > header + p::after, #c157 > header + p::after, #c193 > header + p::after, #c160 > header + p::after { min-height: 170px; margin-top: 1.25rem; }
    #c199 { grid-template-columns: 1fr; }
    #c199 > h3 + p { border-top: 0; padding-top: 0; }
    #c199 > h3 { margin-bottom: .5rem; }
}
@media (max-width: 600px) {
    #c154 > p:last-child, #c155 > p:last-child, #c156 > p:last-child, #c157 > p:last-child, #c193 > p:last-child, #c198, #c200 { margin-bottom: -2.5rem; }
}

/* ===== Kontaktseite ===== */
#c102 > header + p { font-size: clamp(1.1rem, 1.7vw, 1.3rem); font-weight: 300; line-height: 1.55; max-width: 62ch; }
#c102 ul { list-style: none; padding: 0; margin: 2.5rem 0 1rem; display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.75rem; }
#c102 ul li { max-width: none; margin: 0; padding-top: 1.1rem; border-top: 3px solid var(--kando-black); }
#c102 ul li strong { display: block; font-size: 1.15rem; margin-bottom: .4rem; }
#c102 ul li a { display: inline-block; margin-top: .7rem; font-weight: 700; }
#c102 ul li a[href*="outlook.office.com/book"] { margin-top: .9rem; }

#c107 { background: var(--kando-grey-light); padding: clamp(1.75rem, 4vw, 3rem); margin-top: 2rem; border-radius: 4px; }
#c107 form { display: grid; grid-template-columns: 1fr 1fr; column-gap: 1.5rem; max-width: none; }
#c107 form > * { grid-column: 1 / -1; }
#c107 form > .form-element-text, #c107 form > .form-element-email { grid-column: auto; }
#c107 h2 { margin-top: 0; }
#c107 .form-label { font-weight: 700; font-size: .95rem; display: block; margin-bottom: .4rem; }
#c107 .form-control { width: 100%; box-sizing: border-box; border: 1px solid var(--kando-grey-mid); border-radius: 4px; padding: .85rem 1rem; font: inherit; background: var(--kando-white); }
#c107 .form-control:focus { outline: 2px solid var(--kando-black); outline-offset: 1px; border-color: var(--kando-black); }
#c107 textarea.form-control { min-height: 160px; }
#c107 .btn-primary {
    background: var(--kando-black); color: var(--kando-white); border: 0; border-radius: 999px; cursor: pointer;
    padding: 1rem 2.4rem; text-transform: uppercase; letter-spacing: .08em; font-size: .85rem; font-weight: 700;
}
#c107 .btn-primary:hover { background: #333; }

@media (max-width: 800px) {
    #c102 ul { grid-template-columns: 1fr; gap: 1.25rem; }
    #c107 form { grid-template-columns: 1fr; }
    #c107 form > .form-element-text, #c107 form > .form-element-email { grid-column: 1 / -1; }
}

/* Kontaktformular: Telefon neben E-Mail */
#c107 form > .form-element-phone { grid-column: auto; }
@media (max-width: 800px) { #c107 form > .form-element-phone { grid-column: 1 / -1; } }

/* ===== Leistungsseite IT-Beratung (CE 201) ===== */
#c201 > header + p {
    font-size: clamp(1.15rem, 1.8vw, 1.35rem); font-weight: 300; line-height: 1.55;
    display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); column-gap: 3rem; align-items: center; max-width: none;
}
#c201 > header + p::after { content: ""; min-height: 240px; border-radius: 4px; background: url('../Images/network-light.svg') center / cover no-repeat; }
#c201 > p:last-child {
    margin: 3.5rem calc(50% - 50vw) -3rem; padding: clamp(3rem, 6vw, 4.5rem) max(1.25rem, calc(50vw - 480px)); max-width: none;
    background: var(--kando-black) url('../Images/network-dark.svg') right center / auto 200% no-repeat;
    color: var(--kando-white); font-size: 1.15rem; font-weight: 300; line-height: 1.6;
}
#c201 > p:last-child a { color: var(--kando-white); font-weight: 700; }
#c201 > p:last-child a[href*="outlook.office.com/book"] { background: var(--kando-white); color: var(--kando-black); margin-top: 1rem; }
#c201 > p:last-child a[href*="outlook.office.com/book"]:hover { background: #ddd; }
@media (max-width: 800px) {
    #c201 > header + p { grid-template-columns: 1fr; }
    #c201 > header + p::after { min-height: 170px; margin-top: 1.25rem; }
}
@media (max-width: 600px) { #c201 > p:last-child { margin-bottom: -2.5rem; } }

/* ===== Alle Leistungsseiten im Aufbau der Projektleitung ===== */
/* alte Abschluss-Regeln an der Einleitung zurücksetzen */
#c154 > p:last-child, #c155 > p:last-child, #c156 > p:last-child, #c157 > p:last-child, #c193 > p:last-child, #c201 > p:last-child {
    margin: 1rem 0; padding: 0; max-width: 70ch; background: none; color: inherit; font-size: inherit; font-weight: inherit; line-height: inherit;
}
#c154 > p:last-child a, #c155 > p:last-child a, #c156 > p:last-child a, #c157 > p:last-child a, #c193 > p:last-child a, #c201 > p:last-child a { color: inherit; }

/* graue Bänder */
#c202, #c204, #c206, #c208, #c210, #c212 {
    margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); box-sizing: border-box; margin-top: 2.5rem;
    padding: clamp(3rem, 7vw, 5rem) max(1.25rem, calc(50vw - 480px)); background: var(--kando-grey-light);
}
#c202 > h2:first-child, #c204 > h2:first-child, #c206 > h2:first-child, #c208 > h2:first-child, #c210 > h2:first-child, #c212 > h2:first-child { margin-top: 0; }

/* schwarze Abschlussbänder */
#c203, #c205, #c207, #c209, #c211, #c213 {
    margin: 0 calc(50% - 50vw) -3rem; box-sizing: border-box; padding: clamp(3rem, 6vw, 4.5rem) max(1.25rem, calc(50vw - 480px));
    background: var(--kando-black) url('../Images/network-dark.svg') right center / auto 200% no-repeat; color: var(--kando-white);
}
#c203 p, #c205 p, #c207 p, #c209 p, #c211 p, #c213 p { max-width: 62ch; margin: 0; font-size: 1.15rem; font-weight: 300; line-height: 1.6; }
#c203 a, #c205 a, #c207 a, #c209 a, #c211 a, #c213 a { color: var(--kando-white); font-weight: 700; }
#c203 a[href*="outlook.office.com/book"], #c205 a[href*="outlook.office.com/book"], #c207 a[href*="outlook.office.com/book"],
#c209 a[href*="outlook.office.com/book"], #c211 a[href*="outlook.office.com/book"], #c213 a[href*="outlook.office.com/book"] {
    background: var(--kando-white); color: var(--kando-black); margin-top: 1rem;
}
@media (max-width: 600px) { #c203, #c205, #c207, #c209, #c211, #c213 { margin-bottom: -2.5rem; } }

/* Mobile-Menü (Hamburger) + kompakter Cookie-Banner, 2026-09-25 */
.kando-menu-toggle { display: none; }
@media (max-width: 600px) {
  .kando-header { position: sticky; top: 0; z-index: 50; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0; padding: .75rem 1.25rem; }
  .kando-logo img { height: 30px; }
  .kando-menu-toggle { display: inline-flex; align-items: center; gap: .6rem; background: none; border: 1px solid rgba(255,255,255,.35); border-radius: 999px; padding: .55rem 1rem; font: inherit; font-size: .95rem; color: var(--kando-white); cursor: pointer; }
  .kando-menu-icon, .kando-menu-icon::before, .kando-menu-icon::after { display: block; width: 18px; height: 2px; background: currentColor; border-radius: 1px; transition: transform .2s, background .2s; }
  .kando-menu-icon { position: relative; }
  .kando-menu-icon::before, .kando-menu-icon::after { content: ""; position: absolute; left: 0; }
  .kando-menu-icon::before { top: -6px; }
  .kando-menu-icon::after { top: 6px; }
  .kando-header.is-open .kando-menu-icon { background: transparent; }
  .kando-header.is-open .kando-menu-icon::before { top: 0; transform: rotate(45deg); }
  .kando-header.is-open .kando-menu-icon::after { top: 0; transform: rotate(-45deg); }
  .kando-header nav { display: none; width: 100%; flex-direction: column; gap: 0; margin-top: .75rem; }
  .kando-header.is-open nav { display: flex; }
  .kando-header nav a { margin: 0; padding: .9rem 0; font-size: 1.05rem; border-top: 1px solid rgba(255,255,255,.12); }
  .kando-header nav a:last-child { margin: 1rem 0 .5rem; padding: .85rem 1rem; border: 0; border-radius: 999px; background: var(--kando-white); color: var(--kando-black); text-align: center; font-weight: 700; }
  .kando-cookie-banner p { flex: none; }
}
@media (prefers-reduced-motion: reduce) {
  .kando-menu-icon, .kando-menu-icon::before, .kando-menu-icon::after { transition: none; }
}

/* overflow clip statt hidden, damit der Header sticky bleibt */
html, body { overflow-x: clip; }

/* Leistungsuebersicht: Abschnitte als H2 statt H3 (SEO), gleiche Optik */
#c199 > h2, #c199 > h2 + p { border-top: 1px solid var(--kando-grey-mid); padding-top: 1.5rem; margin: 0 0 1.75rem; }
#c199 > h2 { font-size: 1.25rem; font-weight: 700; line-height: 1.25; }
#c199 > h2::before { display: none; }
#c199 > h2 + p a { display: block; margin-top: .75rem; font-weight: 700; }
@media (max-width: 800px) {
  #c199 > h2 + p { border-top: 0; padding-top: 0; }
  #c199 > h2 { margin-bottom: .5rem; }
}

/* Fragen-Abschnitte auf den Leistungsseiten (#214-#220) */
#c214, #c215, #c216, #c217, #c218, #c219, #c220 { padding: 1rem 0 clamp(2.5rem, 5vw, 4rem); }
#c214 a, #c215 a, #c216 a, #c217 a, #c218 a, #c219 a, #c220 a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
#c214 h3, #c215 h3, #c216 h3, #c217 h3, #c218 h3, #c219 h3, #c220 h3 { margin-top: 2rem; }

/* Logo hat feste Maße im HTML, Breite aus der Höhe ableiten */
.kando-logo img { width: auto; }

/* Leistungsblock: Titel als Link */
.service-list li a { color: inherit; text-decoration: none; }
.service-list li a strong::after { content: " \2192"; font-weight: 300; }
.service-list li a:hover strong, .service-list li a:focus-visible strong { text-decoration: underline; text-underline-offset: 3px; }


/* Neue Leistungsseiten Proxmox (221-224) und OpenStack (225-228) */
#c221 > header + p, #c225 > header + p {
    font-size: clamp(1.15rem, 1.8vw, 1.35rem); font-weight: 300; line-height: 1.55; max-width: 58ch;
}
#c221 > p:last-child, #c225 > p:last-child {
    max-width: none; margin-top: 3.5rem; padding: clamp(1.75rem, 4vw, 2.75rem);
    background: var(--kando-black) url('../Images/network-dark.svg') right center / auto 200% no-repeat;
    color: var(--kando-white); font-size: 1.15rem; font-weight: 300; line-height: 1.6;
}
#c221 > p:last-child a, #c225 > p:last-child a {
    color: var(--kando-white); font-weight: 700;
}
#c221 > header + p, #c225 > header + p {
    display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); column-gap: 3rem; align-items: center; max-width: none;
}
#c221 > header + p::after, #c225 > header + p::after {
    content: ""; min-height: 240px; border-radius: 4px; background: url('../Images/network-light.svg') center / cover no-repeat;
}
#c221 > p:last-child, #c225 > p:last-child {
    margin: 3.5rem calc(50% - 50vw) -3rem; padding: clamp(3rem, 6vw, 4.5rem) max(1.25rem, calc(50vw - 480px)); max-width: none;
}
@media (max-width: 800px) {
#c221 > header + p, #c225 > header + p { grid-template-columns: 1fr; }
#c221 > header + p::after, #c225 > header + p::after { min-height: 170px; margin-top: 1.25rem; }
}
@media (max-width: 600px) {
#c221 > p:last-child, #c225 > p:last-child { margin-bottom: -2.5rem; }
}
#c221 > p:last-child, #c225 > p:last-child {
    margin: 1rem 0; padding: 0; max-width: 70ch; background: none; color: inherit; font-size: inherit; font-weight: inherit; line-height: inherit;
}
#c221 > p:last-child a, #c225 > p:last-child a { color: inherit; }
#c222, #c226 {
    margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); box-sizing: border-box; margin-top: 2.5rem;
    padding: clamp(3rem, 7vw, 5rem) max(1.25rem, calc(50vw - 480px)); background: var(--kando-grey-light);
}
#c222 > h2:first-child, #c226 > h2:first-child { margin-top: 0; }
#c224, #c228 {
    margin: 0 calc(50% - 50vw) -3rem; box-sizing: border-box; padding: clamp(3rem, 6vw, 4.5rem) max(1.25rem, calc(50vw - 480px));
    background: var(--kando-black) url('../Images/network-dark.svg') right center / auto 200% no-repeat; color: var(--kando-white);
}
#c224 p, #c228 p { max-width: 62ch; margin: 0; font-size: 1.15rem; font-weight: 300; line-height: 1.6; }
#c224 a, #c228 a { color: var(--kando-white); font-weight: 700; }
#c224 a[href*="outlook.office.com/book"], #c228 a[href*="outlook.office.com/book"] {
    background: var(--kando-white); color: var(--kando-black); margin-top: 1rem;
}
@media (max-width: 600px) {
#c224, #c228 { margin-bottom: -2.5rem; }
}
#c223, #c227 { padding: 1rem 0 clamp(2.5rem, 5vw, 4rem); }
#c223 a, #c227 a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
#c223 h3, #c227 h3 { margin-top: 2rem; }


/* Neue Leistungsseite Kubernetes (232-235) */
#c232 > header + p {
    font-size: clamp(1.15rem, 1.8vw, 1.35rem); font-weight: 300; line-height: 1.55; max-width: 58ch;
}
#c232 > p:last-child {
    max-width: none; margin-top: 3.5rem; padding: clamp(1.75rem, 4vw, 2.75rem);
    background: var(--kando-black) url('../Images/network-dark.svg') right center / auto 200% no-repeat;
    color: var(--kando-white); font-size: 1.15rem; font-weight: 300; line-height: 1.6;
}
#c232 > p:last-child a {
    color: var(--kando-white); font-weight: 700;
}
#c232 > header + p {
    display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); column-gap: 3rem; align-items: center; max-width: none;
}
#c232 > header + p::after {
    content: ""; min-height: 240px; border-radius: 4px; background: url('../Images/network-light.svg') center / cover no-repeat;
}
#c232 > p:last-child {
    margin: 3.5rem calc(50% - 50vw) -3rem; padding: clamp(3rem, 6vw, 4.5rem) max(1.25rem, calc(50vw - 480px)); max-width: none;
}
@media (max-width: 800px) {
#c232 > header + p { grid-template-columns: 1fr; }
#c232 > header + p::after { min-height: 170px; margin-top: 1.25rem; }
}
@media (max-width: 600px) {
#c232 > p:last-child { margin-bottom: -2.5rem; }
}
#c232 > p:last-child {
    margin: 1rem 0; padding: 0; max-width: 70ch; background: none; color: inherit; font-size: inherit; font-weight: inherit; line-height: inherit;
}
#c232 > p:last-child a { color: inherit; }
#c233 {
    margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); box-sizing: border-box; margin-top: 2.5rem;
    padding: clamp(3rem, 7vw, 5rem) max(1.25rem, calc(50vw - 480px)); background: var(--kando-grey-light);
}
#c233 > h2:first-child { margin-top: 0; }
#c235 {
    margin: 0 calc(50% - 50vw) -3rem; box-sizing: border-box; padding: clamp(3rem, 6vw, 4.5rem) max(1.25rem, calc(50vw - 480px));
    background: var(--kando-black) url('../Images/network-dark.svg') right center / auto 200% no-repeat; color: var(--kando-white);
}
#c235 p { max-width: 62ch; margin: 0; font-size: 1.15rem; font-weight: 300; line-height: 1.6; }
#c235 a { color: var(--kando-white); font-weight: 700; }
#c235 a[href*="outlook.office.com/book"] {
    background: var(--kando-white); color: var(--kando-black); margin-top: 1rem;
}
@media (max-width: 600px) {
#c235 { margin-bottom: -2.5rem; }
}
#c234 { padding: 1rem 0 clamp(2.5rem, 5vw, 4rem); }
#c234 a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
#c234 h3 { margin-top: 2rem; }


/* Bausteine der Leistungsseiten per Rahmen-Klasse (frame-kando-*) */
main .frame.frame-kando-lead > header + p {
    font-size: clamp(1.15rem, 1.8vw, 1.35rem); font-weight: 300; line-height: 1.55; max-width: 58ch;
}
main .frame.frame-kando-lead > p:last-child {
    max-width: none; margin-top: 3.5rem; padding: clamp(1.75rem, 4vw, 2.75rem);
    background: var(--kando-black) url('../Images/network-dark.svg') right center / auto 200% no-repeat;
    color: var(--kando-white); font-size: 1.15rem; font-weight: 300; line-height: 1.6;
}
main .frame.frame-kando-lead > p:last-child a {
    color: var(--kando-white); font-weight: 700;
}
main .frame.frame-kando-lead > header + p {
    display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); column-gap: 3rem; align-items: center; max-width: none;
}
main .frame.frame-kando-lead > header + p::after {
    content: ""; min-height: 240px; border-radius: 4px; background: url('../Images/network-light.svg') center / cover no-repeat;
}
main .frame.frame-kando-lead > p:last-child {
    margin: 3.5rem calc(50% - 50vw) -3rem; padding: clamp(3rem, 6vw, 4.5rem) max(1.25rem, calc(50vw - 480px)); max-width: none;
}
@media (max-width: 800px) {
main .frame.frame-kando-lead > header + p { grid-template-columns: 1fr; }
main .frame.frame-kando-lead > header + p::after { min-height: 170px; margin-top: 1.25rem; }
}
@media (max-width: 600px) {
main .frame.frame-kando-lead > p:last-child { margin-bottom: -2.5rem; }
}
main .frame.frame-kando-lead > p:last-child {
    margin: 1rem 0; padding: 0; max-width: 70ch; background: none; color: inherit; font-size: inherit; font-weight: inherit; line-height: inherit;
}
main .frame.frame-kando-lead > p:last-child a { color: inherit; }
main .frame.frame-kando-band {
    margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); box-sizing: border-box; margin-top: 2.5rem;
    padding: clamp(3rem, 7vw, 5rem) max(1.25rem, calc(50vw - 480px)); background: var(--kando-grey-light);
}
main .frame.frame-kando-band > h2:first-child { margin-top: 0; }
main .frame.frame-kando-cta {
    margin: 0 calc(50% - 50vw) -3rem; box-sizing: border-box; padding: clamp(3rem, 6vw, 4.5rem) max(1.25rem, calc(50vw - 480px));
    background: var(--kando-black) url('../Images/network-dark.svg') right center / auto 200% no-repeat; color: var(--kando-white);
}
main .frame.frame-kando-cta p { max-width: 62ch; margin: 0; font-size: 1.15rem; font-weight: 300; line-height: 1.6; }
main .frame.frame-kando-cta a { color: var(--kando-white); font-weight: 700; }
main .frame.frame-kando-cta a[href*="outlook.office.com/book"] {
    background: var(--kando-white); color: var(--kando-black); margin-top: 1rem;
}
@media (max-width: 600px) {
main .frame.frame-kando-cta { margin-bottom: -2.5rem; }
}
main .frame.frame-kando-faq { padding: 1rem 0 clamp(2.5rem, 5vw, 4rem); }
main .frame.frame-kando-faq a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
main .frame.frame-kando-faq h3 { margin-top: 2rem; }

/* Startseite: Personen mit Foto (Rahmen "Startseite: Person mit Foto" = frame-kando-team) */
main .frame.frame-kando-team { margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); box-sizing: border-box; padding: clamp(3rem, 7vw, 5.5rem) max(1.25rem, calc(50vw - 540px)); background: var(--kando-grey-light); }
main .frame.frame-kando-team .ce-gallery { margin: 0 3rem 1rem 0; }
main .frame.frame-kando-team .ce-gallery img { border-radius: 4px; display: block; max-width: 300px; height: auto; }
main .frame.frame-kando-team h2 { margin-top: 0; }
main .frame.frame-kando-team .ce-bodytext p { max-width: 62ch; }
/* mehrere Personen hintereinander bilden ein gemeinsames graues Band */
main .frame.frame-kando-team:has(+ .frame-kando-team) { padding-bottom: 1.5rem; margin-bottom: 0; }
main .frame.frame-kando-team + .frame.frame-kando-team { padding-top: 1.5rem; margin-top: 0; }
@media (max-width: 700px) {
  main .frame.frame-kando-team .ce-gallery { float: none; margin: 0 0 1.5rem; }
  main .frame.frame-kando-team .ce-gallery img { width: 100%; max-width: 320px; }
}

/* Wer Sie betreut: alte ID-Regel darf den Abstand zur naechsten Person nicht erzwingen */
#c195:has(+ .frame-kando-team) { padding-bottom: 1.5rem; }

/* Über uns: Text mit Foto rechts (Rahmen-Klasse kando-bio) */
main .frame.frame-kando-bio .ce-gallery { margin: .4rem 0 1.5rem 2.5rem; }
main .frame.frame-kando-bio .ce-gallery img { border-radius: 4px; display: block; }
main .frame.frame-kando-bio .ce-bodytext > p { max-width: 70ch; }
@media (max-width: 700px) {
  main .frame.frame-kando-bio .ce-gallery { float: none; margin: 0 0 1.75rem; }
  main .frame.frame-kando-bio .ce-gallery img { width: 100%; max-width: 320px; height: auto; }
}

/* Netzgrafik Startseite mobil aus: rein dekorativ, auf dem Handy nur Scrollstrecke */
@media (max-width: 800px) {
  #c159::after, #c158::before { display: none; }
}

/* ===== Hero: Unterzeile + Absatz (2026-10-18) ===== */
.section-hero .hero-tagline { color: var(--kando-white); font-weight: 700; font-size: clamp(1.05rem, 1.9vw, 1.4rem); letter-spacing: .02em; line-height: 1.35; max-width: none; margin: .75rem 0 1.25rem; }
.section-hero .hero-lead { margin-top: 0; }
@media (max-width: 600px) { .section-hero .hero-tagline { margin: .5rem 0 1rem; } }