/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(fonts/poppins-300-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(fonts/poppins-300-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/poppins-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/poppins-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/poppins-500-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/poppins-500-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/poppins-600-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/poppins-600-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/poppins-700-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/poppins-700-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(fonts/poppins-800-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(fonts/poppins-800-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ===== Variablen & Reset ===== */
:root{
  --c-red:#e20613; --c-red-dark:#b80510; --c-black:#1d1d1b; --c-wine:#6b1d22; --c-wine-dark:#4a1418;
  --c-cream:#faf6f0; --c-cream-dark:#f0e9dc; --c-gray:#c8c8c8; --c-gray-light:#e8e8e6;
  --c-text:#2a2a28; --c-muted:#6b6b66;
  --f-display:'Poppins', system-ui, sans-serif; --f-body:'Poppins', system-ui, sans-serif;
}
*,*::before,*::after{ box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; scroll-behavior:smooth; }
body.kanda-site{ margin:0; background:#fff; color:var(--c-text); line-height:1.6; font-family:var(--f-body); }

.kanda-site {
  font-family: var(--f-body);
  color: var(--c-text);
}.kanda-site .page { display: block; }.kanda-site .page.is-active { display: block; }/* ============= Site styles (responsive via container queries) ============= */

/* Make each stage a query container */
/* container-type removed; using class-based modifiers */

/* Default = mobile-first */
.kanda-site {
  --site-pad: 18px;
  --site-max: 100%;
  font-size: 14px;
}.k-h1 { font-family: var(--f-display); font-weight: 700; font-size: 28px; line-height: 1.15; color: var(--c-black); margin: 0 0 14px; letter-spacing: -.02em; }.k-h2 { font-family: var(--f-display); font-weight: 700; font-size: 22px; line-height: 1.2; color: var(--c-black); margin: 0 0 12px; letter-spacing: -.02em; }.k-h3 { font-family: var(--f-display); font-weight: 600; font-size: 17px; line-height: 1.25; color: var(--c-black); margin: 0 0 8px; letter-spacing: -.01em; }.k-eyebrow { font-family: var(--f-body); font-size: 11px; font-weight: 600; letter-spacing: .14em; color: var(--c-red); text-transform: uppercase; margin: 0 0 10px; }.k-lead { font-size: 15px; color: var(--c-text); margin: 0 0 18px; line-height: 1.6; font-weight: 400; }.k-muted { color: var(--c-muted); }/* ============= Header / Nav ============= */
.k-header {
  background: white;
  position: sticky; top: 0; z-index: 10;
  border-bottom: 1px solid var(--c-gray-light);
}.k-header__inner {
  max-width: 1200px; margin: 0 auto;
  padding: 0 var(--site-pad); min-height: 160px;
  display: flex; align-items: center; justify-content: space-between; gap: 18px;
}.k-brand {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  flex-shrink: 1;
  min-width: 0;
  text-decoration: none;
}.k-logo { height: 63px; flex-shrink: 0; line-height: 0; display: block; }.k-logo svg { height: 100%; width: auto; display: block; }.k-headline {
  font-family: var(--f-display);
  font-weight: 700;
  font-size: 17px;
  line-height: 1;
  color: var(--c-wine);
  letter-spacing: -0.025em;
  text-transform: none;
  white-space: nowrap;
  display: inline-block;
  position: relative;
}.k-headline__accent {
  color: var(--c-red);
  font-weight: 800;
  font-style: normal;
  position: relative;
  display: inline-block;
}.k-headline__accent::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -3px;
  height: 2px;
  background: var(--c-red);
  border-radius: 1px;
}.k-nav { display: none; align-items: center; gap: 26px; font-size:14px; font-weight:500; }.k-nav a {
  color: var(--c-wine); text-decoration: none; font-weight: 500; font-size: 14px;
}.k-nav a:hover { color: var(--c-red); }.k-burger { width: 28px; height: 22px; position: relative; cursor: pointer; }.k-burger::before, .k-burger::after, .k-burger span {
  content: ''; position: absolute; left: 0; right: 0; height: 2px;
  background: var(--c-wine); border-radius: 2px;
}.k-burger::before { top: 2px; }.k-burger span { top: 10px; }.k-burger::after { bottom: 2px; }/* ============= Buttons ============= */
.k-btn {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 12px 22px; border-radius: 999px;
  font-family: var(--f-body); font-weight: 600; font-size: 14px;
  text-decoration: none; border: 1px solid transparent;
  cursor: pointer; transition: transform .15s, box-shadow .15s;
}.k-btn--primary { background: var(--c-red); color: white; }.k-btn--primary:hover { background: var(--c-red-dark); transform: translateY(-1px); }.k-btn--secondary { background: var(--c-wine); color: white; }.k-btn--secondary:hover { background: var(--c-wine-dark); }.k-btn--ghost { background: transparent; color: var(--c-wine); border-color: var(--c-wine); }.k-btn--ghost:hover { background: var(--c-wine); color: white; }.k-btn--block { display: flex; justify-content: center; width: 100%; }/* ============= Hero ============= */
.k-hero {
  padding: 32px var(--site-pad) 40px;
  background: linear-gradient(180deg, var(--c-cream) 0%, #fff 100%);
}.k-hero__inner { max-width: 1200px; margin: 0 auto; display: grid; gap: 28px; grid-template-columns: 1fr; align-items: center; }.k-hero__actions { display: flex; flex-wrap: wrap; gap: 10px; }.k-hero__media {
  background-image: url(img/css-01.jpg);
  background-size: cover; background-position: center;
  border-radius: 24px; aspect-ratio: 3/4; min-height: 240px;
  position: relative; overflow: hidden;
  box-shadow: 0 20px 60px rgba(107,29,34,.18);
}/* ============= Sections ============= */
.k-section { padding: 48px var(--site-pad); max-width: 1200px; margin: 0 auto; }.k-section--alt { background: white; max-width: none; }.k-section--alt > .k-section__inner { max-width: 1200px; margin: 0 auto; }.k-section--cream { background: var(--c-cream-dark); max-width: none; }.k-section--cream > .k-section__inner { max-width: 1200px; margin: 0 auto; padding: 48px var(--site-pad); }.k-section__head { text-align: center; max-width: 720px; margin: 0 auto 32px; }.k-section__head .k-h2 { margin-bottom: 10px; }.k-section__head p { color: var(--c-muted); font-size: 16px; margin: 0; }/* ============= Topic cards ============= */
.k-topic-grid { display: grid; gap: 18px; grid-template-columns: 1fr; }.k-topic-card {
  background: white;
  border-radius: 20px;
  border: 1px solid var(--c-gray-light);
  overflow: hidden;
  transition: transform .25s, box-shadow .25s;
  display: flex; flex-direction: column;
}.k-topic-card:hover { transform: translateY(-4px); box-shadow: 0 16px 40px rgba(107,29,34,.12); }.k-topic-card[data-cat="hilfe"] { --accent: var(--c-red); }.k-topic-card[data-cat="haus"] { --accent: var(--c-black); }.k-topic-card[data-cat="krise"] { --accent: #e09a2b; }.k-topic-card[data-cat="ki"] { --accent: #136e78; }.k-topic-card[data-cat="resilienz"] { --accent: #6b3aa8; }.k-topic-card[data-cat="risiko"] { --accent: #6b3aa8; }.k-topic-card__media {
  aspect-ratio: 16/10;
  background-size: cover; background-position: center;
  position: relative;
}.k-topic-card__media::after {
  content: ''; position: absolute; inset: 0;
  background: linear-gradient(180deg, transparent 50%, rgba(0,0,0,.25) 100%);
}.k-topic-card__body { padding: 22px 24px 26px; display: flex; flex-direction: column; flex: 1; }.k-topic-card__icon {
  display: inline-flex; align-items: center; gap: 6px;
  background: var(--c-cream); color: var(--accent, var(--c-red));
  padding: 5px 12px 5px 10px; border-radius: 999px;
  font-size: 12px; font-weight: 600;
  align-self: flex-start;
  margin-bottom: 12px;
  letter-spacing: .02em;
}.k-topic-card p { color: var(--c-text); margin: 0 0 16px; font-size: 14px; line-height: 1.55; flex: 1; }.k-topic-card a {
  color: var(--accent, var(--c-red)); font-weight: 600; text-decoration: none; font-size: 14px;
  display: inline-flex; align-items: center; gap: 6px;
}.k-topic-card a:hover { gap: 10px; }/* ============= USP strip ============= */
.k-usp { display: grid; gap: 14px; grid-template-columns: 1fr 1fr; }.k-usp__item h3 { font-family: var(--f-display); font-size: 16px; color: var(--c-wine); margin: 0 0 4px; }.k-usp__item p { color: var(--c-muted); margin: 0; font-size: 13px; line-height: 1.5; }.k-usp__item::before {
  content: ''; display: block; width: 28px; height: 3px; background: var(--c-red); margin-bottom: 10px; border-radius: 2px;
}/* ============= Course cards ============= */
.k-course-grid { display: grid; gap: 18px; grid-template-columns: 1fr; }.k-course-card {
  background: white; padding: 26px; border-radius: 16px;
  display: flex; flex-direction: column; gap: 14px;
  border: 1px solid var(--c-gray-light);
}.k-course-card__lead { color: var(--c-muted); font-size: 14px; margin: 0; }.k-course-card__meta { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 6px 14px; font-size: 12px; color: var(--c-muted); }.k-course-card__price { font-family: var(--f-display); font-size: 22px; font-weight: 600; color: var(--c-wine); margin: 0; }.k-course-card__price small { font-size: 13px; font-family: var(--f-body); color: var(--c-muted); font-weight: 400; }.k-bundle {
  background: var(--c-wine); color: white;
  padding: 32px var(--site-pad); margin-top: 30px; border-radius: 16px;
  text-align: center;
}.k-bundle .k-h3 { color: white; }.k-bundle__price { font-family: var(--f-display); font-size: 28px; font-weight: 600; margin: 8px 0 16px; }.k-bundle__strike { text-decoration: line-through; color: rgba(255,255,255,.5); font-size: 18px; margin-right: 8px; }.k-bundle__save { color: #ffd17a; font-size: 14px; margin-left: 8px; font-family: var(--f-body); }/* ============= About teaser ============= */
.k-about { display: grid; grid-template-columns: 1fr; gap: 28px; align-items: center; }.k-about__media {
  background-size: cover; background-position: center;
  aspect-ratio: 4/3; border-radius: 24px;
  box-shadow: 0 20px 60px rgba(107,29,34,.18);
}/* ============= Blog cards ============= */
.k-blog-grid { display: grid; gap: 18px; grid-template-columns: 1fr; }.k-blog-card {
  background: white; border-radius: 18px; overflow: hidden;
  border: 1px solid var(--c-gray-light);
  display: flex; flex-direction: column;
  transition: transform .25s, box-shadow .25s;
}.k-blog-card:hover { transform: translateY(-4px); box-shadow: 0 16px 40px rgba(107,29,34,.10); }.k-blog-card__img {
  aspect-ratio: 16/10;
  background-size: cover; background-position: center;
  background-color: var(--c-cream);
}.k-blog-card__body { padding: 20px; flex: 1; display: flex; flex-direction: column; }.k-blog-card__cat {
  display: inline-block; padding: 4px 12px; border-radius: 999px;
  font-size: 11px; font-weight: 600; color: var(--c-wine);
  background: var(--c-cream); margin-bottom: 10px; text-transform: uppercase; letter-spacing: .05em;
  align-self: flex-start;
}.k-blog-card[data-cat="hilfe"] .k-blog-card__cat { background: #ffe5e5; color: var(--c-red); }.k-blog-card[data-cat="haus"] .k-blog-card__cat { background: var(--c-gray-light); color: var(--c-black); }.k-blog-card[data-cat="krise"] .k-blog-card__cat { background: #ffe8c2; color: #a67620; }.k-blog-card h3 { font-size: 16px; margin: 0 0 8px; line-height: 1.3; }.k-blog-card p { font-size: 13px; color: var(--c-muted); margin: 0 0 12px; flex: 1; }.k-blog-card__meta { font-size: 11px; color: var(--c-muted); }/* ============= CTA band ============= */
.k-cta-band {
  background: var(--c-wine);
  color: white;
  padding: 48px var(--site-pad);
  text-align: center;
}.k-cta-band .k-h2 { color: white; }.k-cta-band p { color: rgba(255,255,255,.85); margin: 0 auto 22px; max-width: 540px; }.k-cta-band .k-btn--primary { background: var(--c-red); }.k-cta-band .k-btn--ghost { color: white; border-color: white; }.k-cta-band .k-btn--ghost:hover { background: white; color: var(--c-wine); }/* ============= Footer ============= */
.k-footer {
  background: var(--c-cream-dark); color: var(--c-text);
  padding: 48px var(--site-pad) 0;
  font-size: 13px;
  border-top: 4px solid var(--c-wine);
}.k-footer__inner {
  max-width: 1200px; margin: 0 auto;
  display: grid; gap: 30px; grid-template-columns: 1fr; padding-bottom: 40px;
}.k-footer h4 { color: var(--c-wine); font-family: var(--f-body); font-size: 13px; font-weight: 700; margin: 0 0 12px; text-transform: uppercase; letter-spacing: .08em; }.k-footer ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 8px; }.k-footer a { color: var(--c-text); text-decoration: none; }.k-footer a:hover { color: var(--c-red); }.k-footer__brand p { font-family: var(--f-display); font-size: 20px; line-height: 1.25; font-weight: 600; color: var(--c-wine); margin: 7px 0 0; }.k-footer__logo { display: inline-block; line-height: 0; }.k-footer__logo svg { height: 116px; width: auto; display: block; }.k-footer__logo img { width: 290px; height: auto; max-width: 100%; display: block; }.k-footer__newsletter input {
  width: 100%; padding: 10px 14px; border-radius: 999px;
  border: 1px solid var(--c-gray-light);
  background: white; color: var(--c-text);
  font-family: var(--f-body); font-size: 13px; margin-bottom: 8px;
}.k-footer__newsletter input::placeholder { color: var(--c-muted); }/* Burgundy-Band (vollflächig) für Copyright + Recht */
.k-footer__legal {
  background: var(--c-wine); color: rgba(255,255,255,.85);
  margin: 0 calc(-1 * var(--site-pad)); padding: 16px var(--site-pad);
}.k-footer__legal-inner {
  max-width: 1200px; margin: 0 auto;
  display: flex; flex-wrap: wrap; gap: 14px; justify-content: space-between; align-items: center;
  font-size: 12px;
}.k-footer__legal p { margin: 0; }.k-footer__legal ul { list-style: none; padding: 0; margin: 0; display: flex; gap: 18px; flex-direction: row; }.k-footer__legal a { color: rgba(255,255,255,.8); text-decoration: none; }.k-footer__legal a:hover { color: white; }/* ============= Topic page ============= */
.k-breadcrumb { font-size: 12px; color: var(--c-muted); margin-bottom: 14px; }.k-breadcrumb ol { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 6px; }.k-breadcrumb li:not(:last-child)::after { content: ' › '; color: var(--c-gray); padding: 0 4px; }.k-breadcrumb a { color: var(--c-muted); text-decoration: none; }.k-topic-hero {
  padding: 32px var(--site-pad) 24px;
  background: linear-gradient(180deg, var(--c-cream-dark) 0%, var(--c-cream) 100%);
}.k-topic-hero__inner { max-width: 1100px; margin: 0 auto; }.k-topic-hero .k-h1 { max-width: 780px; }.k-topic-hero .k-lead { max-width: 720px; }.k-intro {
  display: grid; gap: 24px; grid-template-columns: 1fr;
}.k-intro__facts {
  background: white; padding: 24px; border-radius: 16px;
  border-left: 4px solid var(--c-red);
}.k-intro__facts h3 { margin-top: 0; }.k-intro__facts ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 8px; font-size: 14px; }.k-intro__facts li::before { content: '✓ '; color: var(--c-red); font-weight: 700; }.k-knowledge { display: grid; gap: 12px; grid-template-columns: 1fr 1fr; }.k-knowledge a {
  background: white; padding: 18px; border-radius: 12px;
  text-decoration: none; color: var(--c-wine);
  border: 1px solid var(--c-gray-light);
  display: flex; flex-direction: column; gap: 12px;
  font-size: 13px; line-height: 1.3;
  transition: all .2s;
  min-height: 110px;
}.k-knowledge a:hover { border-color: var(--c-red); transform: translateY(-2px); }.k-knowledge a strong { font-family: var(--f-display); font-weight: 600; font-size: 14px; line-height: 1.2; }.k-knowledge a span { color: var(--c-red); font-size: 12px; font-weight: 600; margin-top: auto; }.k-course-block {
  background: var(--c-wine); color: white;
  padding: 36px var(--site-pad);
  display: grid; gap: 28px; grid-template-columns: 1fr;
  border-radius: 18px;
}.k-course-block .k-h2 { color: white; }.k-course-block .k-eyebrow { color: #ff8a91; }.k-course-block ul { list-style: none; padding: 0; margin: 18px 0 0; display: grid; gap: 6px; font-size: 14px; }.k-course-block ul li::before { content: '✓ '; color: #ffd17a; font-weight: 700; }.k-course-block__buy {
  background: rgba(255,255,255,.06); padding: 24px; border-radius: 12px;
  border: 1px solid rgba(255,255,255,.12);
  text-align: center;
}.k-course-block__buy strong { font-family: var(--f-display); font-size: 36px; display: block; margin-bottom: 12px; }.k-course-block__buy small { display: block; font-size: 12px; color: rgba(255,255,255,.6); margin-top: 12px; }.k-faq { display: grid; gap: 10px; max-width: 800px; margin: 0 auto; }.k-faq details {
  background: white; padding: 16px 20px;
  border-radius: 12px; border: 1px solid var(--c-gray-light);
  cursor: pointer;
}.k-faq summary { font-weight: 600; color: var(--c-wine); list-style: none; position: relative; padding-right: 30px; font-size: 15px; }.k-faq summary::after {
  content: '+'; position: absolute; right: 0; top: -2px;
  font-family: var(--f-display); font-size: 24px; color: var(--c-red); transition: transform .2s;
}.k-faq details[open] summary::after { transform: rotate(45deg); }.k-faq details > p { margin: 12px 0 0; color: var(--c-muted); font-size: 14px; }/* ============= Course detail ============= */
.k-cdetail {
  background: white; border-radius: 18px;
  display: grid; grid-template-columns: 1fr;
  overflow: hidden;
  align-items: center;
  margin-bottom: 24px;
  border: 1px solid var(--c-gray-light);
}/* ===== Login-Pille in der Nav ===== */
.k-nav__login {
  border: 1.5px solid rgba(107,29,34,.35);
  padding: 7px 16px !important; border-radius: 999px;
  font-size: 13px !important; font-weight: 600;
}.k-nav__login:hover { border-color: var(--c-wine); background: rgba(107,29,34,.05); }/* ===== Freebie-Teaser ===== */
.k-free-grid { display: grid; gap: 18px; grid-template-columns: 1fr; }.k-free-card {
  background: white; border: 1px solid var(--c-gray-light); border-radius: 18px;
  padding: 24px 24px 22px; box-shadow: 0 4px 16px rgba(107,29,34,.07);
  display: flex; flex-direction: column; transition: transform .2s, box-shadow .2s;
}.k-free-card:hover { transform: translateY(-4px); box-shadow: 0 16px 40px rgba(107,29,34,.12); }.k-free-card__ic {
  width: 48px; height: 48px; border-radius: 13px; background: var(--c-cream-dark);
  display: flex; align-items: center; justify-content: center; font-size: 23px; margin-bottom: 16px;
}.k-free-card__cat {
  font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase;
  color: var(--c-muted); margin: 0 0 8px;
}.k-free-card h3 { margin: 0 0 8px; }.k-free-card p { color: var(--c-text); font-size: 14px; line-height: 1.55; margin: 0 0 16px; flex: 1; }.k-free-card__dl {
  font-size: 14px; font-weight: 600; color: var(--c-red); text-decoration: none;
  display: inline-flex; align-items: center; gap: 9px;
}.k-free-card__dl::before {
  content: '↓'; font-weight: 800; width: 22px; height: 22px; border-radius: 50%;
  background: rgba(226,6,19,.1); display: inline-flex; align-items: center; justify-content: center;
}.k-free-card__dl:hover { color: var(--c-red-dark); }/* ===== All-Access: Stat-Reihe ===== */
.k-aa-stats { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }.k-aa-stat {
  background: white; border: 1px solid var(--c-gray-light); border-radius: 16px;
  padding: 22px 18px; text-align: center; box-shadow: 0 4px 16px rgba(107,29,34,.06);
}.k-aa-stat b { display: block; font-family: var(--f-display); font-size: 30px; font-weight: 700; color: var(--c-wine); line-height: 1; }.k-aa-stat span { display: block; font-size: 12.5px; color: var(--c-muted); margin-top: 6px; }/* ===== All-Access: Im-Pass-Badge auf Kurskarten ===== */
.k-incl-badge {
  display: inline-flex; align-items: center; gap: 7px; margin-top: auto;
  font-size: 12.5px; font-weight: 600; color: var(--c-wine);
  background: var(--c-cream-dark); padding: 8px 14px; border-radius: 999px; align-self: flex-start;
}.k-incl-badge::before { content: '✓'; color: var(--c-red); font-weight: 800; }/* ===== All-Access: Inhaltsverzeichnis (Kapitel-Liste) ===== */
.k-toc-grid { display: grid; gap: 12px; grid-template-columns: 1fr; }.k-toc-item {
  display: flex; align-items: flex-start; gap: 14px;
  background: white; border: 1px solid var(--c-gray-light); border-radius: 14px;
  padding: 15px 18px; transition: transform .15s, box-shadow .15s;
}.k-toc-item:hover { transform: translateY(-2px); box-shadow: 0 10px 26px rgba(107,29,34,.09); }.k-toc-item__num {
  font-family: var(--f-display); font-weight: 700; color: var(--c-red);
  font-size: 17px; min-width: 26px; line-height: 1.4;
}.k-toc-item__body { flex: 1; }.k-toc-item__body h4 { margin: 0 0 3px; font-size: 14.5px; color: var(--c-black); font-weight: 600; line-height: 1.3; }.k-toc-item__body p { margin: 0; font-size: 12px; color: var(--c-muted); line-height: 1.4; }.k-toc-item__count {
  align-self: center; font-size: 11px; font-weight: 700; color: var(--c-wine);
  background: var(--c-cream-dark); padding: 5px 10px; border-radius: 999px; white-space: nowrap;
}/* ===== Downloads: Themen-Filter ===== */
.k-dl-filter { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin-bottom: 32px; }.k-dl-chip {
  font-family: var(--f-body); font-size: 13.5px; font-weight: 600; cursor: pointer;
  padding: 9px 18px; border-radius: 999px; border: 1.5px solid var(--c-gray-light);
  background: white; color: var(--c-wine); transition: .15s;
}.k-dl-chip:hover { border-color: var(--c-wine); }.k-dl-chip.is-active { background: var(--c-wine); color: white; border-color: var(--c-wine); }.k-free-card.is-hidden { display: none; }/* ===== Themen-Akzentfarben ===== */
/* Startseiten-Karten: Farbbalken oben (nutzt vorhandenes --accent je data-cat) */
.k-topic-card { position: relative; }.k-topic-card::before {
  content: ''; position: absolute; top: 0; left: 0; right: 0; height: 5px;
  background: var(--accent, var(--c-red)); z-index: 2;
}/* Themenseiten: Akzent je Thema (Amber als Fläche, dunkleres Ocker für Text) */
.page-topic-hilfe { --accent: #e20613; --accent-ink: #e20613; --accent-fg: #fff; }.page-topic-haus { --accent: #1d1d1b; --accent-ink: #1d1d1b; --accent-fg: #fff; }.page-topic-krise { --accent: #e09a2b; --accent-ink: #a86410; --accent-fg: #1d1d1b; }.page-topic-ki { --accent: #136e78; --accent-ink: #0d545c; --accent-fg: #fff; }.page-topic-resilienz { --accent: #6b3aa8; --accent-ink: #4f2a7d; --accent-fg: #fff; }.page-topic-risiko { --accent: #6b3aa8; --accent-ink: #4f2a7d; --accent-fg: #fff; }.page-topic .k-topic-hero .k-eyebrow { color: var(--accent-ink); }.page-topic .k-topic-hero .k-btn--primary {
  background: var(--accent); color: var(--accent-fg); border-color: var(--accent);
}.page-topic .k-topic-hero .k-btn--primary:hover { filter: brightness(.93); transform: translateY(-1px); }.page-topic .k-section__head .k-h2::after {
  content: ''; display: block; width: 46px; height: 3px; border-radius: 2px;
  background: var(--accent); margin: 12px auto 0;
}.page-topic .k-knowledge a { border-left: 3px solid var(--accent); }.page-topic .k-knowledge a span { color: var(--accent-ink); font-weight: 600; }.page-topic .k-knowledge a:hover {
  border-color: var(--c-gray-light); border-left-color: var(--accent); transform: translateY(-2px);
}.k-cdetail__media {
  background: var(--c-wine);
  background-size: cover; background-position: center;
  aspect-ratio: 1 / 1;
  min-height: 0;
  position: relative;
}.k-cdetail__media::before {
  content: ''; position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,0) 60%, rgba(0,0,0,.10));
}.k-cdetail__media::after {
  content: '▶'; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%);
  font-size: 24px; padding-left: 3px;
  background: rgba(20,20,20,.42); width: 64px; height: 64px;
  border-radius: 50%; display: grid; place-items: center;
  color: #fff;
  box-shadow: 0 8px 24px rgba(0,0,0,.35), inset 0 0 0 2px rgba(255,255,255,.85);
}.k-cdetail__media--video { background: #000; }
.k-cdetail__media--video::before, .k-cdetail__media--video::after { display: none; }
.k-cdetail__video { width: 100%; height: 100%; object-fit: contain; display: block; }.k-cdetail__body { padding: 28px; }.k-cdetail__modules { padding-left: 18px; margin: 14px 0 18px; font-size: 14px; color: var(--c-text); display: grid; gap: 6px; }.k-cdetail__buy { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px; padding-top: 20px; border-top: 1px solid var(--c-gray-light); }.k-cdetail__price { font-family: var(--f-display); font-size: 30px; font-weight: 600; color: var(--c-wine); margin: 0; }/* ============= Blog filters ============= */
.k-blog-filter { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 24px; }.k-blog-filter button {
  background: white; border: 1px solid var(--c-gray-light); border-radius: 999px;
  padding: 8px 16px; font-size: 13px; cursor: pointer; font-family: var(--f-body); color: var(--c-wine); font-weight: 500;
}.k-blog-filter button.is-active { background: var(--c-wine); color: white; border-color: var(--c-wine); }.k-pagination { display: flex; justify-content: center; gap: 6px; margin-top: 32px; }.k-pagination a, .k-pagination span {
  display: grid; place-items: center; min-width: 36px; height: 36px; border-radius: 50%;
  text-decoration: none; color: var(--c-wine); font-weight: 500; font-size: 14px;
}.k-pagination .is-current { background: var(--c-wine); color: white; }/* ============= About ============= */
.k-mission {
  background: var(--c-cream-dark);
  padding: 36px; border-radius: 16px;
  text-align: center; max-width: 820px; margin: 0 auto;
}.k-values { display: grid; gap: 16px; grid-template-columns: 1fr 1fr; }.k-values__item {
  background: white; padding: 22px; border-radius: 14px;
  border: 1px solid var(--c-gray-light);
}.k-values__item h3 { margin: 0 0 6px; }.k-values__item p { font-size: 13px; color: var(--c-muted); margin: 0; }/* ===== Über uns: Versprechen ===== */
.k-promise { list-style: none; padding: 0; margin: 0 auto; max-width: 560px; display: grid; gap: 12px; }.k-promise li {
  background: white; border: 1px solid var(--c-gray-light); border-radius: 12px;
  padding: 14px 18px 14px 46px; position: relative; font-size: 15px; font-weight: 500; color: var(--c-black);
}.k-promise li::before {
  content: '✓'; position: absolute; left: 16px; top: 50%; transform: translateY(-50%);
  color: var(--c-red); font-weight: 800;
}.k-promise__close { text-align: center; max-width: 620px; margin: 26px auto 0; color: var(--c-wine); font-weight: 600; font-size: 16px; }.k-team { display: grid; gap: 18px; grid-template-columns: 1fr; }.k-team__card {
  background: white; border-radius: 16px; overflow: hidden;
  border: 1px solid var(--c-gray-light);
}.k-team__photo {
  aspect-ratio: 4/3;
  background-size: cover; background-position: center top;
}.k-team__body { padding: 18px; }.k-team__role { font-size: 13px; color: var(--c-red); font-weight: 600; margin: 0 0 8px; }.k-team__body p { font-size: 13px; margin: 0; color: var(--c-muted); }.k-partners {
  display: flex; flex-wrap: wrap; gap: 16px; justify-content: center; margin-top: 24px;
}.k-partners span {
  background: white; padding: 16px 28px; border-radius: 8px;
  font-size: 13px; color: var(--c-muted); border: 1px dashed var(--c-gray);
}/* ============= Contact ============= */
.k-contact { display: grid; gap: 28px; grid-template-columns: 1fr; }.k-contact__info {
  background: var(--c-cream-dark); padding: 28px; border-radius: 16px;
}.k-contact__info ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 16px; }.k-contact__info dt { font-size: 11px; color: var(--c-muted); text-transform: uppercase; letter-spacing: .08em; font-weight: 600; margin-bottom: 4px; }.k-contact__info dd { margin: 0; font-size: 14px; color: var(--c-wine); font-weight: 500; }.k-contact__urgent {
  background: white; padding: 16px; border-radius: 10px;
  border-left: 4px solid var(--c-red);
  margin-top: 20px; font-size: 13px;
}.k-contact__urgent strong { font-size: 18px; color: var(--c-red); }.k-form {
  background: white; padding: 28px; border-radius: 16px;
  border: 1px solid var(--c-gray-light);
  display: grid; gap: 14px;
}.k-form .k-h2 { margin-top: 0; }.k-form label { display: block; font-size: 13px; font-weight: 600; color: var(--c-wine); margin-bottom: 6px; }.k-form input, .k-form select, .k-form textarea {
  width: 100%; padding: 10px 14px; border-radius: 10px;
  border: 1px solid var(--c-gray-light); font-family: var(--f-body); font-size: 14px;
  background: var(--c-cream);
}.k-form input:focus, .k-form select:focus, .k-form textarea:focus { outline: 2px solid var(--c-red); outline-offset: 2px; border-color: transparent; }.k-form textarea { resize: vertical; min-height: 100px; }.k-form__check { display: flex; gap: 10px; align-items: flex-start; font-size: 13px; color: var(--c-muted); }.k-form__check input { width: auto; margin-top: 3px; }.k-imgband { aspect-ratio: 16/9; max-height: 420px; width: 100%; background-size: cover; background-position: center; border-radius: 20px; box-shadow: 0 16px 44px rgba(107,29,34,.14); }.k-contact__photo { aspect-ratio: 16/9; border-radius: 12px; background-size: cover; background-position: center; margin-bottom: 20px; box-shadow: 0 8px 24px rgba(107,29,34,.12); }

/* ===== Navigation: Dropdown + Mobil-Menü ===== */
.k-burger{ background:none; border:none; padding:0; }
.k-nav__group{ position:relative; }
.k-nav__toggle{ background:none; border:none; font:inherit; color:inherit; cursor:pointer; padding:0; display:inline-flex; align-items:center; gap:4px; }
.k-nav__toggle:hover{ color:var(--c-red); }
.k-nav__menu{ display:none; position:absolute; top:calc(100% + 10px); left:0; background:#fff; box-shadow:0 14px 34px rgba(107,29,34,.16); border-radius:12px; padding:8px; min-width:260px; z-index:60; }
.k-nav__menu a{ display:block; padding:9px 12px; border-radius:8px; white-space:nowrap; font-weight:500; }
.k-nav__menu a:hover{ background:var(--c-cream); color:var(--c-red); }
.k-nav__group:hover .k-nav__menu, .k-nav__group.is-open .k-nav__menu{ display:block; }
@media (min-width:1100px){ .k-nav__group::after{ content:""; position:absolute; left:0; top:100%; width:260px; height:12px; } }
@media (max-width:1099px){
  .k-header__inner{ position:relative; }
  .k-nav{ position:absolute; top:100%; left:0; right:0; flex-direction:column; align-items:stretch; gap:0;
          background:#fff; padding:8px 18px 18px; box-shadow:0 18px 34px rgba(107,29,34,.16); }
  .k-nav.is-open{ display:flex; }
  .k-nav > a, .k-nav__toggle{ padding:13px 4px; border-bottom:1px solid var(--c-gray-light); width:100%; text-align:left; }
  .k-nav__group{ border-bottom:1px solid var(--c-gray-light); }
  .k-nav__group .k-nav__toggle{ border-bottom:none; }
  .k-nav__menu{ position:static; box-shadow:none; padding:0 0 8px 14px; min-width:0; }
  .k-nav__group.is-open .k-nav__menu{ display:block; }
  .k-nav .k-btn{ margin-top:12px; text-align:center; }
  .k-nav__login{ border-bottom:none !important; }
}


/* ===== Desktop (>=980px) ===== */
@media (min-width: 980px) {
.kanda-site {
  --site-pad: 48px;
  font-size: 15px;
}
.k-h1 { font-size: 56px; line-height: 1.05; font-weight: 800; }
.k-h2 { font-size: 38px; }
.k-h3 { font-size: 22px; }
.k-eyebrow { font-size: 12px; }
.k-lead { font-size: 17px; }
.k-brand {
  flex-direction: row;
  align-items: center;
  gap: 22px;
}
.k-nav { display: flex; }
.k-burger { display: none; }
.k-logo { height: 115px; }
.k-headline {
  font-size: 30px;
  letter-spacing: -0.03em;
}
.k-headline__accent::after {
  bottom: -5px;
  height: 3px;
  border-radius: 2px;
}
.k-hero { padding: 80px var(--site-pad) 100px; }
.k-hero__inner { grid-template-columns: 1.15fr 1fr; gap: 60px; }
.k-section { padding: 80px var(--site-pad); }
.k-section--cream > .k-section__inner { padding: 80px var(--site-pad); }
.k-topic-grid { grid-template-columns: repeat(2, 1fr); gap: 22px; }
.k-usp { grid-template-columns: repeat(4, 1fr); gap: 24px; }
.k-course-grid { grid-template-columns: repeat(2, 1fr); gap: 22px; }
.k-about { grid-template-columns: 1fr 1fr; gap: 60px; }
.k-blog-grid { grid-template-columns: repeat(3, 1fr); }
.k-footer__inner { grid-template-columns: 1.5fr 1fr 1fr 1.5fr; gap: 48px; }
.k-topic-hero { padding: 70px var(--site-pad) 60px; }
.k-intro { grid-template-columns: 1.6fr 1fr; gap: 48px; }
.k-knowledge { grid-template-columns: repeat(4, 1fr); gap: 16px; }
.k-course-block { grid-template-columns: 1.6fr 1fr; gap: 50px; padding: 56px; align-items: center; }
.k-cdetail { grid-template-columns: 1fr 1.4fr; }
.k-free-grid { grid-template-columns: repeat(3, 1fr); gap: 22px; }
.k-aa-stats { grid-template-columns: repeat(4, 1fr); gap: 22px; }
.k-toc-grid { grid-template-columns: 1fr 1fr; gap: 14px 26px; }
.k-values { grid-template-columns: repeat(4, 1fr); gap: 24px; }
.k-values--3 { grid-template-columns: repeat(3, 1fr); }
.k-team { grid-template-columns: repeat(3, 1fr); gap: 28px; }
.k-contact { grid-template-columns: 1fr 1.3fr; gap: 48px; }
}

/* ===== Artikel-Seite (Wissen) ===== */
.k-article{ background:#fff; }
.k-article__head{ background:linear-gradient(180deg, var(--c-cream-dark) 0%, var(--c-cream) 100%); padding:30px var(--site-pad) 26px; }
.k-article__head-inner{ max-width:1100px; margin:0 auto; }
.k-article__cat{ display:inline-block; font-size:11px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; padding:5px 12px; border-radius:999px; color:#fff; margin-bottom:14px; }
.k-article__cat--hilfe{ background:var(--c-red); }.k-article__cat--ki{ background:#136e78; }.k-article__cat--resilienz{ background:#6b3aa8; }.k-article__cat--risiko{ background:#6b3aa8; }
.k-article__cat--haus{ background:var(--c-black); }
.k-article__cat--krise{ background:#e09a2b; color:var(--c-black); }
.k-article__head .k-h1{ max-width:820px; }
.k-article__meta{ font-size:13px; color:var(--c-muted); margin:8px 0 0; }
.k-article__head .k-lead{ max-width:760px; margin:16px 0 0; }
.k-article__layout{ max-width:1100px; margin:0 auto; padding:26px var(--site-pad) 8px; }
.k-article__body{ max-width:720px; }
.k-article__body p{ font-size:16px; line-height:1.7; margin:0 0 16px; }
.k-article__body h2{ font-family:var(--f-display); font-weight:700; font-size:23px; color:var(--c-black); margin:34px 0 12px; letter-spacing:-.02em; scroll-margin-top:20px; }
.k-article__body h3{ font-family:var(--f-display); font-weight:600; font-size:18px; color:var(--c-black); margin:22px 0 8px; }
.k-article__body ul, .k-article__body ol{ margin:0 0 16px; padding-left:22px; }
.k-article__body li{ font-size:16px; line-height:1.6; margin:0 0 7px; }
.k-article__body a{ color:var(--c-red); }
.k-article__body strong{ color:var(--c-black); }
.k-keybox{ background:var(--c-cream); border-left:4px solid var(--c-wine); border-radius:0 10px 10px 0; padding:16px 20px 18px; margin:0 0 26px; }
.k-keybox h2{ margin:0 0 8px !important; font-size:17px !important; }
.k-keybox ul, .k-keybox ol, .k-keybox p:last-child{ margin-bottom:0; }
.k-disclaimer{ font-size:13px; color:var(--c-muted); background:var(--c-cream-dark); border-radius:8px; padding:11px 15px; margin:0 0 24px; }
.k-ctabox{ background:var(--c-wine); color:#fff; border-radius:14px; padding:22px 24px; margin:32px 0; }
.k-ctabox h2{ color:#fff !important; margin:0 0 8px !important; font-size:20px !important; }
.k-ctabox p{ color:rgba(255,255,255,.92); }
.k-ctabox strong{ color:#fff; }
.k-cta-actions{ display:flex; flex-wrap:wrap; gap:10px; margin-top:14px; }
.k-ctabox .k-btn--primary{ background:var(--c-red); color:#fff; }
.k-ctabox .k-btn--ghost{ border:1px solid rgba(255,255,255,.6); color:#fff; }
.k-related{ border-top:1px solid var(--c-gray-light); margin-top:30px; padding-top:16px; font-size:15px; }
.k-related a{ color:var(--c-red); font-weight:600; }
.k-sources{ margin:30px 0 0; border-top:1px solid var(--c-gray-light); padding-top:14px; }
.k-sources summary{ cursor:pointer; font-weight:700; font-size:14px; color:var(--c-wine); }
.k-sources__inner{ padding-top:10px; }
.k-sources p, .k-sources li{ font-size:13px !important; color:var(--c-muted); line-height:1.55; }
.k-sources ul{ padding-left:18px; margin:8px 0 0; }
.k-sources a{ color:var(--c-muted); }
@media (min-width:1100px){
  .k-article__layout{ display:grid; grid-template-columns:230px 1fr; gap:48px; align-items:start; padding-top:34px; }
  .k-toc{ position:sticky; top:24px; font-size:13px; }
  .k-toc__title{ font-weight:700; text-transform:uppercase; letter-spacing:.1em; font-size:11px; color:var(--c-muted); margin:0 0 10px; }
  .k-toc ol{ list-style:none; margin:0; padding:0; display:grid; gap:7px; border-left:2px solid var(--c-gray-light); }
  .k-toc a{ color:var(--c-text); text-decoration:none; padding-left:14px; margin-left:-2px; border-left:2px solid transparent; display:block; line-height:1.35; }
  .k-toc a:hover{ color:var(--c-red); border-left-color:var(--c-red); }
}
.k-toc{ display:none; }
@media (min-width:1100px){ .k-toc{ display:block; } }
.k-ctabox .k-btn{ color:#fff; }
.k-ctabox .k-btn--primary{ background:var(--c-red); color:#fff; }
.k-ctabox .k-btn--ghost{ background:transparent; border:1px solid rgba(255,255,255,.6); color:#fff; }
.k-ctabox .k-btn--ghost:hover{ background:#fff; color:var(--c-wine); }
.k-ctabox strong{ color:#fff; }

/* === Partner: Björn Steiger Stiftung === */
.k-footer__partner{border-top:1px solid rgba(107,29,34,.14);margin-top:8px;padding:18px var(--site-pad) 30px;display:flex;justify-content:center}
.k-footer__partner-link{display:inline-flex;align-items:center;gap:12px;text-decoration:none;opacity:.85;transition:opacity .15s}
.k-footer__partner-link:hover{opacity:1}
.k-footer__partner-label{font-family:var(--f-body);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--c-muted)}
.k-footer__partner-link img{height:28px;width:auto;display:block}
.k-partner-band__inner{display:flex;align-items:center;gap:28px;background:var(--c-cream-dark);border-left:4px solid var(--c-wine);border-radius:10px;padding:24px 28px}
.k-partner-band__logo{flex:0 0 auto;display:block}
.k-partner-band__logo img{height:60px;width:auto;display:block}
.k-partner-band__label{display:block;font-family:var(--f-body);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--c-wine);margin-bottom:6px}
.k-partner-band__text p{margin:0 0 8px;color:var(--c-text);font-size:15px;line-height:1.55}
.k-partner-band__more{font-weight:600;color:var(--c-red);text-decoration:none}
.k-partner-band__more:hover{text-decoration:underline}
@media (max-width:700px){.k-partner-band__inner{flex-direction:column;align-items:flex-start;gap:16px}.k-partner-band__logo img{height:48px}}
/* === USP-Karten (Startseite) === */
.k-usp{gap:20px}
.k-usp__item{background:#fff;border:1px solid rgba(107,29,34,.08);border-radius:14px;padding:26px 22px;box-shadow:0 6px 20px rgba(107,29,34,.06);transition:transform .15s ease, box-shadow .15s ease}
.k-usp__item:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(107,29,34,.12)}
.k-usp__item::before{content:none}
.k-usp__icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:rgba(226,6,19,.08);color:var(--c-red);margin-bottom:14px}
.k-usp__icon svg{width:26px;height:26px;display:block}
.k-usp__item h3{font-size:17px;margin:0 0 6px}
.k-usp__item p{font-size:13.5px}
@media (max-width:680px){.k-usp{gap:12px}.k-usp__item{padding:16px 14px;border-radius:12px}.k-usp__icon{width:38px;height:38px;border-radius:10px;margin-bottom:10px}.k-usp__icon svg{width:20px;height:20px}.k-usp__item h3{font-size:15px;margin:0 0 4px;line-height:1.25;hyphens:auto;-webkit-hyphens:auto}.k-usp__item p{font-size:12.5px;line-height:1.45;hyphens:auto;-webkit-hyphens:auto}}
/* === Einheitliches Vertikalraster: doppelte Section-Polsterung neutralisieren (global) === */
.k-section .k-section__inner{padding-top:0;padding-bottom:0}
/* Header-CTA „All-Access-Pass": weisse Schrift auf Rot (statt Burgund aus .k-nav a) */
header a.k-btn--primary{color:#fff}
/* Blog-/Wissens-Karten: ganze Karte ist ein Link \u2013 Texte nicht unterstreichen */
.k-blog-card{text-decoration:none}
/* === Rechtstexte (Impressum/Datenschutz) === */
.k-legal{font-size:15px;line-height:1.7;color:var(--c-text)}
.k-legal h2{font-family:var(--f-display);font-size:19px;color:var(--c-wine);margin:30px 0 8px;line-height:1.35}
.k-legal h2:first-child{margin-top:0}
.k-legal h3{font-size:15px;font-weight:700;color:var(--c-black);margin:18px 0 4px}
.k-legal p{margin:0 0 12px}
.k-legal ul,.k-legal ol{margin:0 0 14px;padding-left:22px}
.k-legal li{margin:0 0 6px}
.k-legal a{color:var(--c-red);text-decoration:underline;word-break:break-word}
.k-legal strong{color:var(--c-black)}
.k-legal blockquote{margin:16px 0;padding:12px 16px;background:var(--c-cream-dark);border-left:3px solid var(--c-wine);border-radius:6px}
.k-legal blockquote p{margin:0;font-size:14px;color:var(--c-muted)}
/* === Download-Karten: Kategorie-Pillen wie Blog/Wissen (exakt) === */
.k-free-card .k-free-card__cat{display:inline-block;align-self:flex-start;flex:0 0 auto;padding:4px 12px;border-radius:999px;font-size:11px;font-weight:600;line-height:1.45;letter-spacing:.05em;text-transform:uppercase;color:var(--c-wine);background:var(--c-cream);margin:0 0 10px}
.k-free-card[data-cat="hilfe"] .k-free-card__cat{background:#ffe5e5;color:var(--c-red)}
.k-free-card[data-cat="haus"] .k-free-card__cat{background:var(--c-gray-light);color:var(--c-black)}
.k-free-card[data-cat="krise"] .k-free-card__cat{background:#ffe8c2;color:#a67620}

/* === 4. Kurs: Petrol-Akzent === */
.k-course-card__cat{font:600 11px/1 var(--f-display);letter-spacing:1.5px;text-transform:uppercase;color:var(--c-muted);margin:0 0 6px}
.k-course-card--petrol{border-top:4px solid #136e78}
.k-course-card--petrol .k-course-card__cat{color:#136e78}
.k-cdetail--petrol .k-eyebrow{color:#136e78}

/* === Sicherheits-Check-Block Startseite === */
.k-checkblock{display:grid;grid-template-columns:1fr;gap:28px;align-items:center;background:#fff;border-radius:18px;padding:36px;box-shadow:0 6px 24px rgba(107,29,34,.06)}
.k-checkblock__text .k-eyebrow{color:var(--c-red)}
.k-checkblock__text p{color:var(--c-muted);margin:10px 0 18px;line-height:1.55}
.k-checkblock__usp{list-style:none;padding:0;margin:0 0 22px;display:grid;gap:10px}
.k-checkblock__usp li{padding-left:22px;position:relative;font-size:14px;color:var(--c-text)}
.k-checkblock__usp li::before{content:"✓";position:absolute;left:0;color:var(--c-red);font-weight:700}
.k-checkblock__usp strong{font-weight:600}
.k-checkblock__visual{display:flex;justify-content:center}
@media (min-width:900px){.k-checkblock{grid-template-columns:1.5fr 1fr;padding:48px 56px;gap:48px}}

/* === Header-Logo (Schriftzug SVG) === */
.k-brand{display:inline-flex;align-items:center;line-height:0}
.k-brand-logo{height:28px;width:auto;display:block}
@media (min-width:1100px){.k-brand-logo{height:48px}}

/* === Kurskarten: Akzentfarben-Modifier (Kategorie-Label + Border-Top) === */
.k-course-card--red{border-top:4px solid #E20613}
.k-course-card--red .k-course-card__cat{color:#E20613}
.k-course-card--black{border-top:4px solid #1d1d1b}
.k-course-card--black .k-course-card__cat{color:#1d1d1b}
.k-course-card--amber{border-top:4px solid #e09a2b}
.k-course-card--amber .k-course-card__cat{color:#e09a2b}

@media (max-width:1099px){.k-brand{flex-direction:row;align-items:center;align-self:stretch}}

/* === Header-Layout: Professionalisierung === */
@media (max-width:1099px){
  .k-header__inner{ padding: 48px var(--site-pad) 34px; min-height: 0; }
}
/* Nav-Links (Desktop): einheitliche Größe & Weight */
@media (min-width:1100px){
  .k-nav > a, .k-nav__toggle{ font-size:14px; font-weight:500; line-height:1; }
}
/* Login-Button harmonisieren */
.k-nav__login{ padding:9px 18px !important; }
/* All-Access-CTA im Header präsenter */
.k-nav .k-btn--primary{ padding:10px 22px !important; font-size:14px !important; font-weight:600 !important; }

/* Header-Nav-Buttons: konsistente Höhen durch line-height:1 */
.k-nav__login, .k-nav .k-btn--primary{ line-height:1; display:inline-flex; align-items:center; }

/* === VARIANTE D: Hamburger auf allen Breiten === */
.k-brand .k-brand-logo{ height:28px !important; width:auto; display:block }
@media(min-width:1100px){ .k-brand .k-brand-logo{ height:48px !important } }
@media(min-width:1100px){
  .k-nav{ display:flex !important; gap:14px; align-items:center; }
  .k-nav > a:not(.k-nav__login):not(.k-btn), .k-nav > .k-nav__group{ display:none !important; }
  .k-burger{ display:inline-flex !important; align-items:center; justify-content:center; margin-left:6px;
             width:44px; height:44px; padding:0; background:none; border:1px solid rgba(29,29,27,.15); border-radius:8px; cursor:pointer; position:relative; }
  .k-burger::before, .k-burger::after, .k-burger span{ position:absolute; left:11px; right:11px; height:2px; background:#1d1d1b; border-radius:2px; content:""; }
  .k-burger::before{ top:14px } .k-burger span{ top:21px } .k-burger::after{ bottom:14px }
}
/* Aufklapp-Panel (Desktop): rechts unter dem Header */
@media(min-width:1100px){
  .k-desknav{ display:none; position:absolute; top:100%; right:0; width:min(360px,90vw);
              background:#fff; box-shadow:0 22px 44px rgba(107,29,34,.18); border-radius:14px;
              padding:18px 20px 22px; margin-top:8px; z-index:80; }
  .k-desknav.is-open{ display:block; }
  .k-desknav a, .k-desknav button.k-desknav__toggle{
    display:block; width:100%; text-align:left; padding:11px 6px; border-bottom:1px solid #f0eae2;
    color:#1d1d1b; font-weight:500; font-size:15px; text-decoration:none; background:none; border-left:0; border-right:0; border-top:0; cursor:pointer; font-family:inherit;
  }
  .k-desknav a:hover, .k-desknav button.k-desknav__toggle:hover{ color:#e20613 }
  .k-desknav__submenu{ display:none; padding:6px 0 8px 14px }
  .k-desknav__submenu a{ padding:8px 6px; font-size:14px; font-weight:400; border-bottom:0; }
  .k-desknav__group.is-open .k-desknav__submenu{ display:block }
  .k-desknav__toggle::after{ content:"▾"; float:right; opacity:.6; font-size:12px; margin-top:4px }
}
@media(max-width:1099px){ .k-desknav{ display:none !important } }

/* ===== Gratis-Workbooks (Leadmagnete Startseite) ===== */
.k-workbooks{background:var(--c-cream-dark)}
.k-wb-grid{display:grid;grid-template-columns:1fr;gap:24px;margin-top:6px}
.k-wb-card{--wb-accent:var(--c-wine);background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 8px 30px rgba(107,29,34,.09);display:grid;grid-template-columns:1fr;border-top:4px solid var(--wb-accent);transition:transform .25s ease,box-shadow .25s ease}
.k-wb-card:hover{transform:translateY(-4px);box-shadow:0 18px 44px rgba(107,29,34,.14)}
.k-wb-card[data-topic="haus"]{--wb-accent:var(--c-black)}
.k-wb-card[data-topic="ki"]{--wb-accent:#136e78}
.k-wb-card__cover{background:linear-gradient(150deg,#f4ede3,#e9dfd0);padding:30px 24px 26px;display:flex;justify-content:center;align-items:flex-start}
.k-wb-card__cover img{width:158px;height:auto;border-radius:4px;box-shadow:0 14px 32px rgba(29,29,27,.24);transform:perspective(1000px) rotateY(-8deg) rotate(-1deg);transition:transform .3s ease}
.k-wb-card:hover .k-wb-card__cover img{transform:perspective(1000px) rotateY(-3deg) rotate(0)}
.k-wb-card__body{padding:22px 24px 26px;display:flex;flex-direction:column}
.k-wb-card__badge{align-self:flex-start;display:inline-block;padding:4px 12px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:var(--wb-accent);margin:0 0 12px}
.k-wb-card__cat{font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--wb-accent);margin:0 0 6px}
.k-wb-card__body h3{margin:0 0 10px}
.k-wb-card__body>p{color:var(--c-text);font-size:14px;line-height:1.55;margin:0 0 14px}
.k-wb-card__body p.k-wb-card__meta{font-size:12.5px;color:var(--c-muted);margin:0 0 18px}
.k-wb-card__body .k-btn{align-self:flex-start;margin-top:auto}
@media (min-width:980px){
  .k-wb-grid{grid-template-columns:1fr 1fr;gap:28px}
  .k-wb-card{grid-template-columns:196px 1fr}
  .k-wb-card__cover{padding:26px 16px}
  .k-wb-card__cover img{width:150px}
  .k-wb-card__body{padding:26px 26px 26px 22px}
}

/* ===== Premium-Kurskarten Startseite (k-ccard, entkoppelt von k-course-card) ===== */
.k-ccard-grid{display:grid;grid-template-columns:1fr;gap:20px}
.k-ccard{--acc:#6b1d22;--acc-fg:#fff;--acc-soft:#f3ece4;position:relative;overflow:hidden;background:#fff;border:1px solid #ece7df;border-radius:20px;padding:30px 30px 26px;display:flex;flex-direction:column;gap:13px;box-shadow:0 4px 14px rgba(107,29,34,.05);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.k-ccard::before{content:"";position:absolute;top:-46px;right:-46px;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,var(--acc-soft),rgba(255,255,255,0) 68%);pointer-events:none}
.k-ccard:hover{transform:translateY(-6px);box-shadow:0 22px 50px rgba(107,29,34,.13);border-color:var(--acc)}
.k-ccard[data-topic="hilfe"]{--acc:#e20613;--acc-fg:#fff;--acc-soft:#fdeaea}
.k-ccard[data-topic="haus"]{--acc:#1d1d1b;--acc-fg:#fff;--acc-soft:#ececea}
.k-ccard[data-topic="ki"]{--acc:#136e78;--acc-fg:#fff;--acc-soft:#e1f0f1}
.k-ccard[data-topic="krise"]{--acc:#e09a2b;--acc-fg:#1d1d1b;--acc-soft:#fbf0da}
.k-ccard__top{display:flex;align-items:center;gap:14px;position:relative;z-index:1}
.k-ccard__icon{flex:0 0 auto;width:50px;height:50px;border-radius:14px;background:var(--acc-soft);color:var(--acc);display:flex;align-items:center;justify-content:center}
.k-ccard__icon svg{width:26px;height:26px}
.k-ccard__cat{font:600 11px/1.2 var(--f-display);letter-spacing:1.6px;text-transform:uppercase;color:var(--acc)}
.k-ccard__title{font-family:var(--f-display);font-weight:700;font-size:20px;line-height:1.2;color:var(--c-black);letter-spacing:-.01em;margin:3px 0 0;position:relative;z-index:1}
.k-ccard__lead{color:var(--c-muted);font-size:14.5px;line-height:1.55;margin:0;position:relative;z-index:1}
.k-ccard__meta{list-style:none;padding:0;margin:3px 0 0;display:flex;flex-wrap:wrap;gap:8px;position:relative;z-index:1}
.k-ccard__meta li{display:inline-flex;align-items:center;gap:6px;background:var(--c-cream);color:var(--c-text);font-size:12px;font-weight:500;padding:5px 13px;border-radius:999px}
.k-ccard__foot{margin-top:auto;padding-top:18px;border-top:1px solid #efeae2;display:flex;align-items:center;justify-content:space-between;gap:14px;position:relative;z-index:1}
.k-ccard__price{font-family:var(--f-display);font-size:26px;font-weight:700;color:var(--c-black);margin:0;display:flex;align-items:baseline;gap:7px;letter-spacing:-.01em}
.k-ccard__price small{font-size:12px;font-weight:400;color:var(--c-muted);letter-spacing:0}
.k-ccard__cta{display:inline-flex;align-items:center;gap:8px;background:var(--acc);color:var(--acc-fg);font-family:var(--f-display);font-weight:600;font-size:14px;padding:11px 20px;border-radius:11px;text-decoration:none;transition:filter .2s ease;white-space:nowrap}
.k-ccard__cta span{transition:transform .2s ease}
.k-ccard__cta:hover{filter:brightness(.93)}
.k-ccard__cta:hover span{transform:translateX(3px)}
@media (min-width:980px){
  .k-ccard-grid{grid-template-columns:1fr 1fr;gap:24px}
  .k-ccard{padding:32px 32px 28px}
}

/* k-ccard: Preis nie umbrechen + Mobil-Foot gestapelt (CTA volle Breite) */
.k-ccard__price{white-space:nowrap}
@media (max-width:560px){
  .k-ccard__foot{flex-direction:column;align-items:stretch;gap:15px}
  .k-ccard__cta{justify-content:center;width:100%;padding:13px 20px;font-size:14.5px}
}

/* ===== Footer-Newsletter (Brevo-Anbindung via PHP) ===== */
.k-nl__intro{margin:0 0 12px}
.k-nl{display:block}
.k-nl__label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.k-nl__hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.k-footer__newsletter .k-nl__consent{display:flex;gap:9px;align-items:flex-start;margin:4px 0 12px;font-size:12px;line-height:1.45;color:var(--c-muted);cursor:pointer}
.k-footer__newsletter .k-nl__consent input[type=checkbox]{flex:0 0 auto;width:16px;height:16px;margin:2px 0 0;padding:0;border-radius:4px;accent-color:var(--c-wine);cursor:pointer}
.k-footer__newsletter .k-nl__consent a{color:var(--c-wine);text-decoration:underline}
.k-footer__newsletter .k-nl__consent a:hover{color:var(--c-red)}
.k-nl__msg{margin:10px 0 0;font-size:12.5px;font-weight:500;line-height:1.45}
.k-nl__msg.is-ok{color:#1c7c46}
.k-nl__msg.is-err{color:var(--c-red)}

/* ===== Freebie-Workbook-Modal ===== */
.k-wbmodal{position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;padding:20px}
.k-wbmodal.is-open{display:flex}
.k-wbmodal__backdrop{position:absolute;inset:0;background:rgba(29,29,27,.55)}
.k-wbmodal__dialog{position:relative;z-index:1;background:#fff;border-radius:18px;max-width:440px;width:100%;padding:34px 32px 30px;box-shadow:0 30px 80px rgba(0,0,0,.32);max-height:92vh;overflow:auto}
.k-wbmodal__close{position:absolute;top:12px;right:15px;background:none;border:0;font-size:28px;line-height:1;color:var(--c-muted);cursor:pointer;padding:4px 8px}
.k-wbmodal__close:hover{color:var(--c-black)}
.k-wbmodal__eyebrow{font:600 11px/1 var(--f-display);letter-spacing:1.6px;text-transform:uppercase;color:var(--c-wine);margin:0 0 8px}
.k-wbmodal__title{font-family:var(--f-display);font-weight:700;font-size:22px;line-height:1.22;color:var(--c-black);margin:0 0 8px;letter-spacing:-.01em}
.k-wbmodal__lead{color:var(--c-muted);font-size:14px;line-height:1.5;margin:0 0 20px}
.k-wbmodal__form input[type=text],.k-wbmodal__form input[type=email]{width:100%;padding:12px 15px;border-radius:12px;border:1px solid var(--c-gray-light);background:#fff;color:var(--c-text);font-family:var(--f-body);font-size:14px;margin-bottom:11px}
.k-wbmodal__form input::placeholder{color:var(--c-muted)}
.k-wbmodal__form .k-nl__consent{display:flex;gap:10px;align-items:flex-start;margin:4px 0 16px;font-size:12.5px;line-height:1.5;color:var(--c-muted);cursor:pointer}
.k-wbmodal__form .k-nl__consent input[type=checkbox]{flex:0 0 auto;width:16px;height:16px;margin:2px 0 0;border-radius:4px;accent-color:var(--c-wine);cursor:pointer}
.k-wbmodal__form .k-nl__consent a{color:var(--c-wine);text-decoration:underline}
.k-wbmodal__form .k-nl__consent a:hover{color:var(--c-red)}

/* Geräte-spezifisches Hero-Bild: Resilienz — Mobil-Variante (Desktop bleibt via Inline-Style) */
@media (max-width:640px){ .k-imgband--resilienz{ background-image:url(img/img-resilienz-hero-mobile.jpg)!important; } }
@media (max-width:640px){ .k-imgband--haushalt{ background-image:url(img/img-haushalt-hero-mobile.jpg)!important; } }
/* Mobil-Ansicht der Bänder unverändert lassen (oben ausgerichtet), Desktop bleibt zentriert */
@media (max-width:640px){ .k-imgband{ background-position:center top; } }
@media (max-width:640px){ .k-imgband--ueberuns1{ background-image:url(img/img-11.jpg)!important; } }
