/* Hauptseite: derselbe Auftrag verbindet Büro, Team und Baustelle. */
.hc-startseite { --hc-gruen: #273d34; --hc-orange: #b84516; --hc-text: #241f1a; --hc-leise: #665e55; --hc-linie: #dcd4c9; --hc-sand: #f2ede5; }
.hc-startseite h1, .hc-startseite h2, .hc-startseite h3, .hc-startseite h4, .hc-startseite p { margin: 0; }
.hc-startseite h1, .hc-startseite h2, .hc-startseite h3 { font-weight: 800; letter-spacing: -.045em; line-height: 1.08; }
.hc-startseite h1 { font-size: clamp(2.6rem, 4.5vw, 4.7rem); }
.hc-startseite h2 { font-size: clamp(2.1rem, 3.5vw, 3.5rem); }
.hc-startseite h3 { font-size: 1.3rem; letter-spacing: -.025em; }
.hc-startseite .v-knopf-haupt { background: var(--hc-orange); box-shadow: none; }
.hc-startseite .v-knopf-haupt:hover { background: #96390f; }
.hc-startseite .v-nav { gap: 19px; }
.hc-startseite .v-nav-spacer { min-width: 0; }
.hc-startseite .v-marke img { width: 192px; }
.hc-kicker { display: flex; align-items: center; gap: 10px; margin-bottom: 22px !important; color: var(--hc-gruen); font-size: .76rem; font-weight: 600; letter-spacing: .09em; text-transform: uppercase; }
.hc-kicker > span, .hc-punkt { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: #ec682f; }
.hc-lead { font-size: 1.16rem; line-height: 1.65; }
.hc-kleindruck, figcaption { color: var(--hc-leise); font-size: .75rem; line-height: 1.6; }
.hc-kennung { color: var(--hc-leise); font-family: ui-monospace, Consolas, monospace; font-size: .66rem; letter-spacing: .09em; }
.hc-textlink { display: inline-flex; align-items: center; gap: 8px; color: var(--hc-gruen); font-size: .88rem; font-weight: 600; text-decoration-thickness: 1px; text-underline-offset: 5px; }
.hc-einstieg { padding: 78px 0 0; background: linear-gradient(120deg, #fffdf9 45%, #edf0e9); }
.hc-einstieg-raster { display: grid; grid-template-columns: 1.08fr .92fr; align-items: center; gap: 62px; }
.hc-einstieg h1 em { display: inline-block; margin-top: 10px; color: var(--hc-gruen); font-style: normal; }
.hc-einstieg-text .hc-lead { max-width: 46ch; margin-top: 25px; }
.hc-einstieg-detail { max-width: 53ch; margin-top: 16px !important; color: var(--hc-leise); font-size: .94rem; }
.hc-aktionen { display: flex; flex-wrap: wrap; align-items: center; gap: 22px; margin: 28px 0 20px; }
.hc-testbedingungen { display: flex; flex-wrap: wrap; gap: 7px 18px; padding: 0; margin: 0 0 8px; list-style: none; font-size: .73rem; font-weight: 600; }
.hc-testbedingungen li::before { margin-right: 6px; color: var(--hc-gruen); content: "✓"; }
.hc-akte { min-width: 0; margin: 0; transform: rotate(1deg); }
.hc-akte-lasche { display: flex; justify-content: space-between; gap: 12px; padding: 16px 22px; border-radius: 12px 12px 0 0; color: #fff; background: var(--hc-gruen); font-size: .79rem; font-weight: 600; }
.hc-akte-inhalt { padding: 26px; border: 1px solid #c6d0c2; border-top: 0; border-radius: 0 0 12px 12px; background: #fff; box-shadow: 0 18px 38px #273d3412; }
.hc-akte-kopf { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 8px; margin-bottom: 18px; }
.hc-status { display: inline-flex; padding: 4px 9px; border-radius: 5px; color: #315a3f; background: #edf3e9; font-size: .66rem; font-weight: 600; }
.hc-akte h2 { font-size: 1.7rem; letter-spacing: -.03em; }
.hc-akte-adresse { margin-top: 9px !important; color: var(--hc-leise); font-size: .73rem; }
.hc-akte-stationen { padding: 0; margin: 24px 0 0; list-style: none; }
.hc-akte-stationen li { display: flex; align-items: center; gap: 12px; padding: 14px 0; border-top: 1px solid #eeeae3; }
.hc-stationspunkt { flex: 0 0 24px; display: grid; place-items: center; height: 24px; border: 1px solid #d1dfcc; border-radius: 50%; color: #315a3f; background: #edf3e9; font-size: .68rem; }
.hc-stationspunkt-offen { color: var(--hc-leise); background: #fff; border-color: var(--hc-linie); }
.hc-station-aktiv .hc-stationspunkt { color: #fff; border-color: var(--hc-orange); background: var(--hc-orange); }
.hc-akte-stationen strong { display: block; font-size: .82rem; }
.hc-akte-stationen div > span { display: block; margin-top: 3px; color: var(--hc-leise); font-size: .69rem; }
.hc-avatar { display: grid; place-items: center; flex: 0 0 28px; height: 28px; margin-left: auto; border-radius: 50%; color: #fff; background: var(--hc-gruen); font-size: .68rem; }
.hc-akte-fuss { margin-top: 8px; padding: 12px 0 0; color: var(--hc-gruen); font-size: .69rem; }
.hc-akte figcaption { padding: 12px 6px 0; }
.hc-prinzipien { display: grid; grid-template-columns: 1fr 1fr 1.25fr; gap: 24px; margin-top: 66px; padding: 27px 0; border-top: 1px solid var(--hc-linie); }
.hc-prinzipien p, .hc-team-punkte p { display: flex; flex-direction: column; gap: 4px; }
.hc-prinzipien strong, .hc-team-punkte strong { font-size: .87rem; }
.hc-prinzipien span, .hc-team-punkte span { color: var(--hc-leise); font-size: .76rem; }
.hc-abschnitt { padding: 96px 0; }
.hc-abschnitt-kopf { display: grid; grid-template-columns: 1.15fr .85fr; gap: 64px; align-items: end; margin-bottom: 44px; }
.hc-abschnitt-kopf > p { max-width: 48ch; color: var(--hc-leise); font-size: .98rem; }
.hc-arbeitsweg { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; padding: 1px; margin: 0; list-style: none; border: 1px solid var(--hc-linie); border-radius: 12px; background: var(--hc-linie); overflow: hidden; }
.hc-arbeitsweg li { padding: 28px; background: #fffdf9; }
.hc-schritt { display: block; width: max-content; margin-bottom: 22px; color: var(--hc-orange); font-family: ui-monospace, Consolas, monospace; font-size: .72rem; }
.hc-arbeitsweg p { margin-top: 13px; color: var(--hc-leise); font-size: .87rem; }
.hc-ergebnis { display: block; margin-top: 22px; color: var(--hc-gruen); font-size: .72rem; font-weight: 600; }
.hc-abschnitt-hinweis { max-width: 90ch; margin-top: 25px !important; color: var(--hc-leise); font-size: .78rem; }
.hc-team { background: var(--hc-sand); }
.hc-rechtsstand { border-top: 1px solid var(--hc-linie); }
.hc-rechtsstand p:not(.hc-kicker):not(.hc-kleindruck) { margin-top: 22px; line-height: 1.65; }
.hc-rechtsablauf { min-width: 0; padding: 28px; border-left: 4px solid var(--hc-gruen); background: var(--hc-sand); }
.hc-rechtsablauf ol { padding-left: 22px; margin: 24px 0; }
.hc-rechtsablauf li { padding: 0 0 18px 8px; }
.hc-rechtsablauf li:last-child { padding-bottom: 0; }
.hc-rechtsablauf strong, .hc-rechtsablauf span { display: block; }
.hc-rechtsablauf span { margin-top: 5px; color: var(--hc-leise); font-size: .87rem; line-height: 1.6; }
.hc-team-raster { display: grid; grid-template-columns: 1.6fr 1fr; gap: 28px; align-items: start; }
.hc-kalender { min-width: 0; margin: 0; padding: 24px; border: 1px solid var(--hc-linie); border-radius: 12px; background: #fffdf9; }
.hc-kalender-kopf { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px; }
.hc-kalender h3 { margin-top: 9px; font-size: 1.2rem; }
.hc-kalender-datum { color: var(--hc-leise); font-size: .73rem; }
.hc-kalender-legende { display: flex; flex-wrap: wrap; gap: 12px; margin: 23px 0 18px; font-size: .65rem; color: var(--hc-leise); }
.hc-kalender-legende span { display: flex; align-items: center; gap: 5px; }
.hc-kalender-legende span:last-child { margin-left: auto; }
.hc-kalender-legende i { width: 6px; height: 6px; border-radius: 50%; }
.hc-legende-max { background: var(--hc-gruen); }.hc-legende-lena { background: var(--hc-orange); }
.hc-kalender-woche { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); min-height: 264px; gap: 7px; }
.hc-kalender-tag { min-width: 0; border-top: 1px solid var(--hc-linie); }
.hc-kalender-tag h4 { display: flex; justify-content: space-between; padding: 11px 2px; font-size: .65rem; }
.hc-kalender-tag h4 span { color: var(--hc-leise); font-weight: 400; }
.hc-termin, .hc-aufgabe { padding: 10px 7px; margin-bottom: 8px; border-left: 3px solid var(--hc-gruen); border-radius: 3px; background: #e9efe9; overflow-wrap: anywhere; }
.hc-termin-lena { border-color: var(--hc-orange); background: #f8ede3; }
.hc-termin small, .hc-termin span, .hc-termin b, .hc-aufgabe > span { display: block; color: var(--hc-leise); font-size: .56rem; line-height: 1.5; }
.hc-termin strong, .hc-aufgabe strong { display: block; margin: 6px 0; font-size: .64rem; line-height: 1.3; }
.hc-termin b { margin-top: 11px; color: var(--hc-gruen); font-size: .55rem; }
.hc-aufgabe { border: 1px dashed #c6c0b5; background: #fff; }
.hc-kalender figcaption { margin-top: 12px; font-size: .69rem; }
.hc-rollen { min-width: 0; padding: 27px; border: 1px solid var(--hc-linie); border-radius: 12px; background: #fffdf9; }
.hc-rollen h3 { margin-top: 13px; }
.hc-rollen-tabs { display: flex; gap: 4px; margin: 25px 0 20px; padding-bottom: 8px; border-bottom: 1px solid var(--hc-linie); }
.hc-rollen-tabs button { min-height: 42px; padding: 7px 9px; border: 0; border-radius: 5px; color: var(--hc-leise); background: transparent; font-size: .7rem; cursor: pointer; }
.hc-rollen-tabs button[aria-selected="true"] { color: #fff; background: var(--hc-gruen); }
.hc-rollen-panels h4 { font-size: .83rem; }
.hc-rollen-panels ul { padding-left: 17px; margin: 14px 0 0; color: var(--hc-leise); font-size: .76rem; }
.hc-rollen-panels li { margin: 9px 0; }
.hc-rollen-panels section + section { margin-top: 20px; }
.hc-rollen-panels section[hidden] + section { margin-top: 0; }
.hc-rollen-eigene { margin-top: 20px !important; padding-top: 18px; border-top: 1px solid var(--hc-linie); color: var(--hc-leise); font-size: .72rem; }
.hc-rollen-eigene strong { display: block; margin-bottom: 5px; color: var(--hc-text); }
.hc-team-punkte { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; margin-top: 30px; }
.hc-baustelle-raster { display: grid; grid-template-columns: 1.2fr 1fr; align-items: center; gap: 90px; }
.hc-baustelle-raster .hc-lead { max-width: 49ch; margin-top: 23px; }
.hc-nutzenliste { display: grid; gap: 18px; padding: 0; margin: 30px 0; list-style: none; }
.hc-nutzenliste strong, .hc-nutzenliste span { display: block; }
.hc-nutzenliste strong { font-size: .89rem; }.hc-nutzenliste span { margin-top: 4px; color: var(--hc-leise); font-size: .83rem; }
.hc-netzhinweis { padding: 20px 0 0; border-top: 1px solid var(--hc-linie); color: var(--hc-leise); font-size: .75rem; }
.hc-handy { width: min(100%, 320px); margin: 0 auto; padding: 12px; border: 1px solid #bcbdb4; border-radius: 32px; background: #edf0e9; box-shadow: 18px 22px 0 var(--hc-sand); }
.hc-handy-lautsprecher { width: 52px; height: 4px; margin: 3px auto 17px; border-radius: 3px; background: #bac3b4; }
.hc-handy-inhalt { padding: 24px 18px; border-radius: 18px; background: #fffdf9; }
.hc-handy-datum { margin: 20px 0 11px; color: var(--hc-leise); font-size: .68rem; }.hc-handy h3 { margin-bottom: 15px; font-size: 1.6rem; }
.hc-handy-eintrag { display: flex; align-items: center; gap: 12px; padding: 19px 0; border-bottom: 1px solid var(--hc-linie); }
.hc-handy-eintrag > span { color: var(--hc-gruen); }.hc-handy-eintrag > span:last-child { margin-left: auto; }
.hc-handy-eintrag strong, .hc-handy-eintrag small { display: block; }.hc-handy-eintrag strong { font-size: .78rem; }.hc-handy-eintrag small { margin-top: 4px; color: var(--hc-leise); font-size: .62rem; }
.hc-handy-notiz { padding: 15px; margin-top: 22px; border-radius: 6px; background: var(--hc-sand); font-size: .72rem; }.hc-handy-notiz p { margin-top: 6px; color: var(--hc-leise); }
.hc-handy figcaption { padding: 16px 8px 7px; text-align: center; font-size: .63rem; }
.hc-funktionen { background: #edf0e9; }.hc-funktionsraster { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; align-items: start; }
.hc-funktion { padding: 24px; border: 1px solid #c6d0c2; border-radius: 9px; background: #fffdf9; }
.hc-funktion summary { display: grid; grid-template-columns: 1fr auto; gap: 9px; cursor: pointer; list-style: none; }.hc-funktion summary::-webkit-details-marker { display: none; }
.hc-funktionskennung { grid-column: 1 / -1; color: var(--hc-leise); font-size: .66rem; letter-spacing: .08em; text-transform: uppercase; }
.hc-funktion summary strong { font-size: 1rem; }.hc-funktion summary > span:last-child { color: var(--hc-gruen); font-size: 1.3rem; line-height: 1; }
.hc-funktion[open] summary > span:last-child { transform: rotate(45deg); }.hc-funktion > div { padding-top: 20px; color: var(--hc-leise); font-size: .82rem; }.hc-funktion ul { padding-left: 18px; }.hc-funktion li { margin-bottom: 7px; }
.hc-assistenz-raster { display: grid; grid-template-columns: 1.1fr 1fr; gap: 90px; align-items: center; }.hc-assistenz-raster > div > p:not(.hc-kicker) { max-width: 49ch; margin-top: 24px; color: var(--hc-leise); font-size: .92rem; }
.hc-sprachbeispiel { padding: 30px; border: 1px solid var(--hc-linie); border-radius: 12px; background: #fff; }.hc-sprachbeispiel blockquote { margin: 25px 0; color: var(--hc-gruen); font-size: 1.35rem; font-weight: 600; line-height: 1.45; letter-spacing: -.025em; }
.hc-sprachbeispiel ol { padding: 0; margin: 0; list-style: none; }.hc-sprachbeispiel li { display: flex; gap: 14px; padding: 14px 0; border-top: 1px solid var(--hc-linie); }.hc-sprachbeispiel li > span { color: var(--hc-orange); font-size: .75rem; }.hc-sprachbeispiel strong { font-size: .8rem; }.hc-sprachbeispiel li p { margin-top: 3px; color: var(--hc-leise); font-size: .75rem; }
.hc-marketing { background: var(--hc-gruen); color: #fff; }.hc-marketing .hc-kicker { color: #d6e4cf; }.hc-marketing-raster { display: grid; grid-template-columns: 1.1fr 1fr; gap: 90px; }.hc-marketing p:not(.hc-kicker) { margin-top: 24px; color: #dbe2d7; font-size: .95rem; }.hc-marketing-inhalt { padding-left: 35px; border-left: 1px solid #657065; }.hc-marketing .v-knopf-rand { margin-top: 23px; color: #fff; border-color: #869284; background: transparent; }.hc-marketing .hc-textlink { display: flex; width: max-content; margin-top: 21px; color: #fff; }
.hc-einfuehrung { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; padding: 0; margin: 0; list-style: none; }.hc-einfuehrung li { padding-top: 23px; border-top: 1px solid var(--hc-linie); }.hc-einfuehrung li > span { color: var(--hc-orange); font-family: ui-monospace, Consolas, monospace; font-size: .73rem; }.hc-einfuehrung h3 { margin-top: 18px; font-size: 1.17rem; }.hc-einfuehrung p { margin-top: 13px; color: var(--hc-leise); font-size: .88rem; }
.hc-preise { background: var(--hc-sand); }.hc-preisraster { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }.hc-preis { padding: 35px; border: 1px solid var(--hc-linie); border-radius: 12px; background: #fffdf9; }.hc-preis-buero { border: 2px solid var(--hc-gruen); }.hc-preis h3 { margin-top: 16px; font-size: 1.4rem; }.hc-preiszahl { display: flex; flex-wrap: wrap; align-items: baseline; gap: 12px; margin-top: 29px !important; }.hc-preiszahl strong { font-size: 3.15rem; letter-spacing: -.055em; line-height: 1; }.hc-preiszahl span { color: var(--hc-leise); font-size: .76rem; }.hc-preis ul { padding-left: 18px; margin: 27px 0; color: var(--hc-leise); font-size: .82rem; }.hc-preis li { margin-bottom: 9px; }.hc-preis > p:not(.hc-preiszahl) { margin-top: 22px; color: var(--hc-leise); font-size: .8rem; }.hc-preis .v-knopf { margin-top: 22px; }.hc-preis > .hc-textlink { display: flex; width: fit-content; margin-top: 22px; font-size: .78rem; }.hc-probe { margin-top: 28px; padding-top: 23px; border-top: 1px solid var(--hc-linie); font-size: .92rem; }.hc-probe p { margin-top: 12px; color: var(--hc-leise); font-size: .76rem; }
.hc-fragen-raster { display: grid; grid-template-columns: .8fr 1.2fr; gap: 80px; }.hc-fragen-raster > div > p:not(.hc-kicker) { margin-top: 25px; color: var(--hc-leise); font-size: .86rem; }.hc-fragen .v-frage { padding: 21px 0; border: 0; border-bottom: 1px solid var(--hc-linie); border-radius: 0; background: transparent; }.hc-fragen .v-frage summary { font-size: .93rem; }.hc-fragen .v-frage div { color: var(--hc-leise); font-size: .85rem; }
.hc-abschluss { padding: 82px 0; text-align: center; background: #edf0e9; }.hc-abschluss .hc-kicker { justify-content: center; }.hc-abschluss > div > p:not(.hc-kicker) { max-width: 55ch; margin: 22px auto 0; color: var(--hc-leise); }.hc-abschluss .v-knopf { margin-top: 28px; }.hc-abschluss .hc-kleindruck { margin-top: 17px; }
.hc-fuss { padding: 55px 0 25px; color: #fff; background: var(--hc-gruen); }.hc-fuss-raster { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 35px; }.hc-fuss img { width: 190px; height: auto; }.hc-fuss-raster p { margin-top: 20px; color: #d0d9cd; font-size: .8rem; }.hc-fuss nav { display: flex; flex-direction: column; gap: 10px; }.hc-fuss nav h2 { margin-bottom: 8px; font-size: .76rem; letter-spacing: 0; }.hc-fuss nav a { width: fit-content; color: #d0d9cd; font-size: .75rem; text-decoration: none; }.hc-fuss a:hover { text-decoration: underline; text-underline-offset: 4px; }.hc-fuss-unten { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 15px; margin-top: 42px; padding-top: 22px; border-top: 1px solid #657065; color: #d0d9cd; font-size: .68rem; }
@media (max-width: 1100px) {
  .hc-startseite .v-kopf-inhalt { gap: 20px; }.hc-startseite .v-nav { gap: 14px; }.hc-startseite .v-nav a:not(.v-knopf) { font-size: .75rem; }.hc-startseite .v-nav .v-knopf { padding: 10px; font-size: .73rem; }
  .hc-einstieg-raster { gap: 35px; }.hc-einstieg { padding-top: 55px; }.hc-team-raster { grid-template-columns: 1.5fr 1fr; gap: 18px; }.hc-rollen { padding: 22px; }.hc-kalender { padding: 18px; }.hc-kalender-woche { gap: 4px; }.hc-baustelle-raster, .hc-assistenz-raster, .hc-marketing-raster { gap: 50px; }
}
@media (max-width: 1040px) {
  .hc-startseite .v-menue-knopf { display: block; }
  .hc-startseite .v-nav { position: absolute; top: calc(100% + 1px); left: 0; right: 0; display: none; align-items: stretch; gap: 3px; padding: 16px 18px 20px; border-bottom: 1px solid var(--hc-linie); background: #fffdf9; box-shadow: 0 18px 34px #273d341a; }
  .hc-startseite .v-nav.ist-offen { display: grid; }
  .hc-startseite .v-nav a:not(.v-knopf) { display: flex; align-items: center; min-height: 44px; padding: 8px; font-size: .9rem; }
  .hc-startseite .v-nav .v-knopf { font-size: .9rem; }
  .hc-startseite .v-nav-spacer { display: none; }
  html:not(.js) .hc-startseite .v-kopf-inhalt { flex-wrap: wrap; }
  html:not(.js) .hc-startseite .v-menue-knopf { display: none; }
  html:not(.js) .hc-startseite .v-nav { position: static; display: grid; grid-template-columns: 1fr 1fr; box-shadow: none; }
}
@media (max-width: 900px) {
  .hc-startseite .v-nav a:not(.v-knopf), .hc-startseite .v-nav .v-knopf { font-size: .9rem; }.hc-startseite .v-nav { gap: 14px; }.hc-einstieg-raster { grid-template-columns: 1fr 1fr; gap: 25px; }.hc-einstieg h1 { font-size: 2.7rem; }.hc-einstieg-detail { font-size: .85rem; }.hc-akte-inhalt { padding: 20px; }.hc-akte h2 { font-size: 1.35rem; }.hc-akte-stationen li { padding: 13px 0; }.hc-akte-stationen div > span { font-size: .63rem; }
  .hc-abschnitt { padding: 75px 0; }.hc-abschnitt-kopf { gap: 35px; }.hc-team-raster { grid-template-columns: 1fr; }.hc-rollen { display: block; }.hc-baustelle-raster { gap: 35px; }.hc-assistenz-raster, .hc-marketing-raster { gap: 35px; }.hc-fragen-raster { gap: 40px; }.hc-preis { padding: 25px; }
}
@media (max-width: 640px) {
  .hc-startseite .v-bahn { width: calc(100% - 36px); }.hc-startseite h1 { font-size: clamp(2.35rem, 9vw, 3rem); }.hc-startseite h2 { font-size: 2.15rem; }.hc-kicker { font-size: .64rem; margin-bottom: 17px !important; }
  .hc-einstieg { padding-top: 40px; }.hc-einstieg-raster, .hc-abschnitt-kopf, .hc-baustelle-raster, .hc-assistenz-raster, .hc-marketing-raster, .hc-fragen-raster { grid-template-columns: 1fr; gap: 30px; }.hc-einstieg-text .hc-lead { font-size: 1.02rem; margin-top: 20px; }.hc-aktionen { gap: 19px; }.hc-aktionen .v-knopf, .hc-probe .v-knopf { width: 100%; }.hc-testbedingungen { font-size: .66rem; gap: 6px 12px; }
  .hc-akte { transform: none; margin-top: 10px; }.hc-akte-lasche { padding: 14px 18px; font-size: .71rem; }.hc-akte h2 { font-size: 1.55rem; }.hc-akte-stationen div > span { font-size: .67rem; }.hc-prinzipien { grid-template-columns: 1fr; gap: 17px; margin-top: 32px; padding: 25px 0; }.hc-prinzipien p { gap: 2px; }
  .hc-abschnitt { padding: 60px 0; }.hc-abschnitt-kopf { margin-bottom: 30px; gap: 20px; }.hc-abschnitt-kopf > p { font-size: .9rem; }.hc-arbeitsweg { grid-template-columns: 1fr 1fr; }.hc-arbeitsweg li { padding: 22px 18px; }.hc-arbeitsweg h3 { font-size: 1.12rem; }.hc-arbeitsweg p { font-size: .77rem; }.hc-schritt { margin-bottom: 16px; }.hc-ergebnis { font-size: .64rem; }
  .hc-kalender { padding: 18px; }.hc-kalender-woche { grid-template-columns: 1fr 1fr; gap: 10px; min-height: 0; }.hc-kalender-tag { min-height: 165px; }.hc-kalender-tag:last-child { grid-column: 1 / -1; min-height: 0; }.hc-kalender-tag h4 { font-size: .75rem; }.hc-termin, .hc-aufgabe { padding: 12px; }.hc-termin small, .hc-termin span, .hc-termin b, .hc-aufgabe > span { font-size: .64rem; }.hc-termin strong, .hc-aufgabe strong { font-size: .76rem; }
  .hc-team-punkte { grid-template-columns: 1fr; gap: 18px; }.hc-rollen { padding: 24px; }.hc-rollen-tabs button { padding-inline: 12px; font-size: .76rem; }.hc-rollen-panels ul { font-size: .8rem; }.hc-rollen-eigene { font-size: .77rem; }.hc-handy { margin: 12px auto 5px; box-shadow: 10px 14px 0 var(--hc-sand); }
  .hc-funktionsraster, .hc-preisraster, .hc-einfuehrung { grid-template-columns: 1fr; }.hc-funktion { padding: 23px; }.hc-funktion summary strong { font-size: .93rem; }.hc-sprachbeispiel { padding: 25px; }.hc-marketing-inhalt { padding: 25px 0 0; border-left: 0; border-top: 1px solid #657065; }.hc-preis { padding: 26px; }.hc-preiszahl strong { font-size: 2.8rem; }.hc-einfuehrung { gap: 25px; }
  .hc-abschluss { padding: 60px 0; }.hc-abschluss > div > p:not(.hc-kicker) { font-size: .9rem; }.hc-abschluss .hc-kleindruck { font-size: .72rem !important; }.hc-fuss-raster { grid-template-columns: 1fr 1fr; gap: 32px 20px; }.hc-fuss-raster > div { grid-column: 1 / -1; }.hc-fuss { padding-top: 40px; }
}
@media (max-width: 350px) {
  .hc-startseite .v-bahn { width: calc(100% - 28px); }.hc-arbeitsweg { grid-template-columns: 1fr; }.hc-rollen { padding: 20px; }.hc-rollen-tabs button { padding-inline: 9px; font-size: .71rem; }.hc-preis { padding: 22px; }.hc-handy { width: calc(100% - 12px); }
}
@media (prefers-reduced-motion: reduce) { .hc-akte { transform: none; }.hc-startseite *, .hc-startseite *::before, .hc-startseite *::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; } }