:root, :host, .con-kit-site{
  --font-kit-header-font: "Poppins", "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;
  --font-kit-text-font: "Poppins", "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;
}
body{
  font-family: "Poppins", "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;
}

:root{
  --karte-radius: 16px;
  --karte-hub: -3px;                       /* wie weit sie sich bei Beruehrung hebt */
  --karte-tempo: 220ms;
  --karte-kurve: cubic-bezier(.22,.61,.36,1);

  --karte-schatten:
      0 18px 40px -28px rgba(24,48,52,.45),
      0 2px 6px -2px rgba(24,48,52,.08);
  --karte-schatten-hover:
      0 26px 54px -26px rgba(24,48,52,.55),
      0 4px 12px -4px rgba(24,48,52,.12);

  --karte-dunkel-flaeche: rgba(255,255,255,.05);
  --karte-dunkel-flaeche-hover: rgba(255,255,255,.09);
  --karte-dunkel-kante: rgba(209,217,195,.20);
  --karte-dunkel-kante-hover: rgba(122,149,56,.55);
  --karte-schatten-dunkel: 0 20px 44px -26px rgba(0,0,0,.75);
}

.sk-leistung.sk-leistung,
.sk-bereich.sk-bereich,
.sk-projekt__teil.sk-projekt__teil,
.sk-profil.sk-profil,
.sk-planer.sk-planer,
.sk-kpzahl.sk-kpzahl,
.sk-kpkarte.sk-kpkarte,
.sk-kpbild.sk-kpbild,
.v2-panel.v2-panel,
.con-kit-molecule-textBlock[data-kit-frame="solid"]{
  border-radius: var(--karte-radius);
  border: 0;
  box-shadow: var(--karte-schatten);
  transition:
    box-shadow var(--karte-tempo) var(--karte-kurve),
    transform  var(--karte-tempo) var(--karte-kurve),
    background-color var(--karte-tempo) var(--karte-kurve),
    border-color var(--karte-tempo) var(--karte-kurve);
  will-change: transform;
}

.sk-weg.sk-weg,
.sk-formular.sk-formular{
  border-radius: var(--karte-radius);
  border: 1px solid var(--karte-dunkel-kante);
  background-color: var(--karte-dunkel-flaeche);
  box-shadow: var(--karte-schatten-dunkel);
  transition:
    box-shadow var(--karte-tempo) var(--karte-kurve),
    transform  var(--karte-tempo) var(--karte-kurve),
    background-color var(--karte-tempo) var(--karte-kurve),
    border-color var(--karte-tempo) var(--karte-kurve);
  will-change: transform;
}

@media (hover: hover) and (pointer: fine){
  .sk-leistung.sk-leistung:hover,
  .sk-bereich.sk-bereich:hover,
  .sk-projekt__teil.sk-projekt__teil:hover,
  .sk-profil.sk-profil:hover,
  .sk-planer.sk-planer:hover,
  .sk-kpzahl.sk-kpzahl:hover,
  .sk-kpkarte.sk-kpkarte:hover,
  .v2-panel.v2-panel:hover,
  .con-kit-molecule-textBlock[data-kit-frame="solid"]:hover{
    transform: translateY(var(--karte-hub));
    box-shadow: var(--karte-schatten-hover);
  }

  .sk-weg.sk-weg:hover,
  .sk-formular.sk-formular:hover{
    transform: translateY(var(--karte-hub));
    background-color: var(--karte-dunkel-flaeche-hover);
    border-color: var(--karte-dunkel-kante-hover);
  }
}

.sk-bereich.sk-bereich:focus-visible,
.sk-projekt__teil.sk-projekt__teil:focus-visible,
a:focus-visible > .sk-bereich{
  transform: translateY(var(--karte-hub));
  box-shadow: var(--karte-schatten-hover);
  outline: 2px solid var(--olive, #5e7727);
  outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce){
  .sk-bereich.sk-bereich,
    .sk-projekt__teil.sk-projekt__teil,
    .sk-profil.sk-profil,
  .sk-planer.sk-planer,
  .sk-weg.sk-weg,
  .sk-formular.sk-formular,
  .v2-panel.v2-panel,
  .con-kit-molecule-textBlock[data-kit-frame="solid"]{
    transition: box-shadow var(--karte-tempo) linear,
                background-color var(--karte-tempo) linear;
    will-change: auto;
  }
  .sk-bereich.sk-bereich:hover,
  .sk-projekt__teil.sk-projekt__teil:hover,
  .sk-stimme.sk-stimme:hover,
  .sk-profil.sk-profil:hover,
  .sk-planer.sk-planer:hover,
  .sk-weg.sk-weg:hover,
  .sk-formular.sk-formular:hover,
  .v2-panel.v2-panel:hover,
  .con-kit-molecule-textBlock[data-kit-frame="solid"]:hover{
    transform: none;
  }
}


.sk-fuss__unten.sk-fuss__unten{
  box-shadow: none;
  transform: none;
}

.sk-kachel.sk-kachel,
.sk-kachel.sk-kachel:hover,
.sk-kachel.sk-kachel:focus-within{
  background: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
  transform: none;
}

.sk-stimme.sk-stimme,
.sk-stimme.sk-stimme:hover,
.sk-stimme.sk-stimme:focus-within{
  background: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
  transform: none;
}

.browser.browser{
  transform: none;
}

:root{
  --knopf-hoehe: 56px;
  --knopf-radius: 8px;
  --knopf-polster: 7px 28px;
  --knopf-schrift: 15px;
  --knopf-staerke: 600;
}

.sk-kopf__knopf.sk-kopf__knopf,
.sk-planer__knopf.sk-planer__knopf,
.sk-formular__knopf.sk-formular__knopf,
.sk-uabschluss__knopf.sk-uabschluss__knopf,
.v2-btn.v2-btn,
.con-kit-link-button.con-kit-component-button{
  min-height: var(--knopf-hoehe);
  border-radius: var(--knopf-radius);
  padding: var(--knopf-polster);
  font-size: var(--knopf-schrift);
  font-weight: var(--knopf-staerke);
  line-height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

#sk-zeitstrahl .v2-btn.v2-btn{
  min-height: var(--knopf-hoehe);
  border-radius: var(--knopf-radius);
  padding: var(--knopf-polster);
  font-size: var(--knopf-schrift);
  font-weight: var(--knopf-staerke);
}

.sk-kopf__knopf.sk-kopf__knopf{
  box-sizing: border-box;
}

#sk-zeitstrahl .v2-panel.v2-panel{
  border-radius: var(--karte-radius);
  box-shadow: var(--karte-schatten);
}
@media (hover: hover) and (pointer: fine){
  #sk-zeitstrahl .v2-panel.v2-panel:hover{
    transform: translateY(var(--karte-hub));
    box-shadow: var(--karte-schatten-hover);
  }
}
@media (prefers-reduced-motion: reduce){
  #sk-zeitstrahl .v2-panel.v2-panel:hover{ transform: none; }
}


.con-kit-frame{
  padding-top: calc(var(--section-padding-top, 0px) * 1.25);
  padding-bottom: calc(var(--section-padding-bottom, 0px) * 1.25);
}

.sk-stimmen.sk-stimmen{ padding-top: 100px; padding-bottom: 100px; }
.sk-kontakt.sk-kontakt{ padding-top: 100px; padding-bottom: 100px; }
.sk-kurz.sk-kurz{ padding-top: 55px; padding-bottom: 55px; }

.sk-bereiche.sk-bereiche{ padding-top: 120px; padding-bottom: 120px; }
.sk-faelle-kurz.sk-faelle-kurz{ padding-top: 24px; padding-bottom: 126px; }

@media (max-width: 900px){
  .sk-stimmen.sk-stimmen{ padding-top: 70px; padding-bottom: 70px; }
  .sk-kontakt.sk-kontakt{ padding-top: 70px; padding-bottom: 70px; }
  .sk-bereiche.sk-bereiche{ padding-top: 76px; padding-bottom: 76px; }
  .sk-faelle-kurz.sk-faelle-kurz{ padding-top: 20px; padding-bottom: 76px; }
}

.con-kit-section.logo .con-kit-organism-background1{
  padding-left: 0;
  padding-right: 0;
}
.con-kit-section.logo .con-kit-frame{
  padding-left: 0;
  padding-right: 0;
}
.con-kit-section.logo .con-kit-container{
  width: 100%;
  max-width: none;
}
.con-kit-section.logo{
  overflow: hidden;
}

.con-kit-section.logo .con-kit-component-marquee__content{
  animation-direction: reverse;
}

.con-kit-section.team .con-kit-organism-background1,
.con-kit-section.team .con-kit-organism-background,
.con-kit-section.team .con-kit-organism-parallax{
  background-color: #fff;
}


.con-kit-component-button__label{
  font-size: 15px;
  font-weight: 600;
}

[style*="font-style:italic"],
[style*="font-style: italic"],
[data-inline-style~="italic"]{
  font-style: normal !important;
}

[data-sk-text="startseite.team.zeile"]{
  font-size: 12px !important;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #5e7727;
  line-height: 1.5;
}

.con-kit-section.team .con-kit-component-image{
  width: 612px;
  max-width: 100%;
  height: 544px;
  overflow: hidden;
  border-radius: 16px;
}
@media (max-width: 900px){
  .con-kit-section.team .con-kit-component-image{ height: auto; aspect-ratio: 612 / 544; }
}

.con-kit-section.team .con-kit-quark-paragraph:not([style*="--font-kit-size"]){
  font-size: 15px;
  color: #2c3a33;
}

.sk-wachstum{ padding: 0; }
.sk-wachstum__innen{ max-width: none; }
.sk-wachstum, .sk-wachstum *{ text-align: left; }

.sk-wachstum__auge{
  margin: 0 0 20px; font-size: 12px; font-weight: 700; letter-spacing: .14em;
  text-transform: uppercase; color: #5e7727; text-align: left;
}

.sk-phasen{ display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
@media (max-width: 900px){ .sk-phasen{ grid-template-columns: 1fr; gap: 18px; } }

.sk-phase{
  background: #fff;
  border-radius: 18px;
  padding: 34px 32px;
  box-shadow: 0 18px 40px -28px rgba(24,48,52,.45),
              0 2px 6px -2px rgba(24,48,52,.08);
  transition: box-shadow 220ms cubic-bezier(.22,.61,.36,1),
              transform 220ms cubic-bezier(.22,.61,.36,1);
}
@media (hover: hover) and (pointer: fine){
  .sk-phase:hover{
    transform: translateY(-3px);
    box-shadow: 0 26px 54px -26px rgba(24,48,52,.55),
                0 4px 12px -4px rgba(24,48,52,.12);
  }
}

.sk-phase__auge{
  margin: 0 0 22px; font-size: 22px; font-weight: 700; letter-spacing: 0;
  text-transform: none; color: #183034; line-height: 1.3;
}

@media (max-width: 1100px){
  .sk-phase__um{ display: none; }
}

.sk-phase__zeile{
  display: flex; gap: 14px; padding: 11px 0 15px;
}
.sk-phase__nr{
  flex: 0 0 auto; width: 30px; height: 30px; border-radius: 50%;
  border: 1px solid rgba(24,48,52,.18);
  display: grid; place-items: center;
  font-size: 12px; font-weight: 700; color: #5e7727;
}
.sk-phase__titel{ margin: 0 0 14px; font-size: 18px; font-weight: 700;
  line-height: 1.25; color: #183034; }
.sk-phase__text{ margin: 0; font-size: 15px; color: #2c3a33; }

@media (max-width: 900px){
  .sk-phase{ padding: 26px 22px; }
}

.sk-hero{
  position: relative; min-height: 934px; display: flex; overflow: hidden;
  font-family: Poppins, "Segoe UI", system-ui, sans-serif;
}
.sk-hero__bild{
  position: absolute; inset: 0; width: 100%; height: 100%;
  object-fit: cover; object-position: 50% 56%; z-index: 1;
}
.sk-hero__schleier{
  position: absolute; inset: 0; z-index: 2;
  background: linear-gradient(90deg,
    rgba(24,48,52,.95) 0%, rgba(24,48,52,.9) 22%, rgba(24,48,52,.847) 29%,
    rgba(24,48,52,.713) 36%, rgba(24,48,52,.54) 42%, rgba(24,48,52,.367) 49%,
    rgba(24,48,52,.233) 56%, rgba(24,48,52,.18) 63%, rgba(24,48,52,.164) 75%,
    rgba(24,48,52,.136) 88%, rgba(24,48,52,.12) 100%);
}
.sk-hero__innen{
  position: relative; z-index: 3; width: 100%; max-width: 1400px;
  margin: 0 auto; padding: 76px 20px;
  display: flex; flex-direction: column; justify-content: center;
}

.sk-hero__marke{ display: flex; align-items: center; gap: 12px; margin: 0 0 20px; }
.sk-hero__marke img{ width: 26px; height: 26px; object-fit: contain; display: block; }
.sk-hero__sterne{ display: flex; gap: 3px; }
.sk-hero__sterne svg{ width: 15px; height: 15px; fill: #7a9538; }
.sk-hero__markentext{ font-size: 13px; letter-spacing: .04em; color: rgba(255,255,255,.75); }

.sk-hero__titel{
  font-size: 52px; line-height: 1.1; font-weight: 700; letter-spacing: -.01em;
  color: #fff; margin: 0 0 18px; max-width: 17ch;
}
.sk-hero__vor{
  font-size: 15px; line-height: 1.7; color: rgba(255,255,255,.88);
  margin: 0 0 30px; max-width: 52ch;
}
.sk-hero__knopf{
  display: inline-flex; align-items: center; justify-content: center;
  align-self: flex-start; min-height: 52px; padding: 12px 30px;
  border-radius: 8px; background: #5e7727; color: #fff; text-decoration: none;
  font-family: inherit; font-size: 15px; font-weight: 600; line-height: 1.2;
  white-space: nowrap;
  transition: transform 220ms cubic-bezier(.22,.61,.36,1),
              box-shadow 220ms cubic-bezier(.22,.61,.36,1);
}
.sk-hero__knopf:hover,.sk-hero__knopf:focus-visible{
  transform: translateY(-3px);
  box-shadow: 0 26px 54px -26px rgba(0,0,0,.6), 0 4px 12px -4px rgba(0,0,0,.3);
}

.sk-hero__zahlen{ display: flex; gap: 34px; margin: 34px 0 0; flex-wrap: wrap; }
.sk-hero__zahl b{
  display: block; font-size: 26px; font-weight: 700; line-height: 1.15; color: #fff;
}
.sk-hero__zahl > span{ font-size: 13px; color: rgba(255,255,255,.7); }

@media (max-width: 980px){
  .sk-hero{ min-height: 0; }
  .sk-hero__innen{ padding: 54px 20px; }
  .sk-hero__titel{ font-size: 30px; max-width: none; }
  .sk-hero__schleier{
    background: linear-gradient(180deg,
      rgba(24,48,52,.88) 0%, rgba(24,48,52,.92) 100%);
  }
  .sk-hero__zahlen{ gap: 22px; margin-top: 28px; }
}

.sk-leistungen{
  background: #f2f6ee; padding: 10px 20px 105px;
  font-family: Poppins, "Segoe UI", system-ui, sans-serif;
}
.sk-leistungen__innen{ max-width: 1400px; margin: 0 auto; }
.sk-leistungen__kopf{ max-width: 760px; margin: 0 0 46px; }
.sk-leistungen__auge{
  margin: 0 0 12px; font-size: 12px; font-weight: 700; letter-spacing: .14em;
  text-transform: uppercase; color: #5e7727;
}
.sk-leistungen__titel{
  margin: 0 0 16px; font-size: 32px; font-weight: 700; line-height: 1.18;
  color: #183034; letter-spacing: -.005em;
}
.sk-leistungen__vor{
  margin: 0; font-size: 16px; line-height: 1.7; color: #2c3a33; max-width: 62ch;
}

.sk-leistungen__reihe{
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px;
  align-items: stretch;
}
.sk-leistung{
  background: #fff; padding: 37px 32px 34px;
  display: flex; flex-direction: column;
}
.sk-leistung--dunkel{ background: #183034; }

.sk-leistung__name{
  margin: 0 0 38px; font-size: 18px; font-weight: 700; line-height: 1.25;
  color: #183034;
}
.sk-leistung--dunkel .sk-leistung__name{ color: #fff; }

.sk-leistung__text{
  margin: 0; font-size: 15px; line-height: 1.7; color: #2c3a33;
}
.sk-leistung--dunkel .sk-leistung__text{ color: rgba(255,255,255,.85); }

.sk-leistung__punkte{
  list-style: none; margin: 20px 0 41px; padding: 0;
  display: flex; flex-direction: column; gap: 4px;
}
.sk-leistung__punkte li{
  display: flex; gap: 11px; align-items: flex-start;
  font-size: 15px; line-height: 1.7; color: #2c3a33;
}
.sk-leistung__punkte svg{ flex: 0 0 auto; margin-top: 3px; color: #5e7727; }
.sk-leistung--dunkel .sk-leistung__punkte li{ color: rgba(255,255,255,.9); }
.sk-leistung--dunkel .sk-leistung__punkte svg{ color: #7a9538; }

.sk-leistung__knopf{
  margin-top: auto; align-self: flex-start;
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 48px; padding: 10px 26px; border-radius: 8px;
  background: #5e7727; color: #fff; text-decoration: none;
  font-family: inherit; font-size: 15px; font-weight: 600; line-height: 1.2;
  white-space: nowrap;
  transition: transform 220ms cubic-bezier(.22,.61,.36,1),
              box-shadow 220ms cubic-bezier(.22,.61,.36,1),
              background-color 220ms cubic-bezier(.22,.61,.36,1);
}
.sk-leistung__knopf:hover,.sk-leistung__knopf:focus-visible{
  transform: translateY(-3px);
  box-shadow: 0 26px 54px -26px rgba(24,48,52,.55), 0 4px 12px -4px rgba(24,48,52,.12);
}
.sk-leistung__knopf--still{
  background: transparent; color: #183034; border: 1px solid #d1d9c3;
}
.sk-leistung__knopf--still:hover,.sk-leistung__knopf--still:focus-visible{
  border-color: #5e7727; color: #5e7727;
}

@media (max-width: 980px){
  .sk-leistungen{ padding: 64px 20px; }
  .sk-leistungen__reihe{ grid-template-columns: 1fr; gap: 18px; }
  .sk-leistungen__titel{ font-size: 26px; }
}

.sk-fragen{ background: #fff; padding: 92px 20px; }
.sk-fragen__innen{ max-width: 1400px; margin: 0 auto; }

.sk-fragen__paar{
  display: grid; grid-template-columns: 1fr 1fr; gap: 26px;
  align-items: start;
}
.sk-fragen__text .sk-fragen__vor{ max-width: 68ch; }
@media (max-width: 980px){
  .sk-fragen__paar{ grid-template-columns: 1fr; gap: 32px; }
}



.sk-fragen__auge{
  margin: 0 0 14px; font-size: 12px; font-weight: 700; letter-spacing: .14em;
  text-transform: uppercase; color: #5e7727;
}
.sk-fragen__titel{
  margin: 0 0 18px; font-size: 32px; font-weight: 700; line-height: 1.18;
  color: #183034; letter-spacing: -.005em;
}
.sk-fragen__vor{
  margin: 0 0 32px; font-size: 15px; font-weight: 400; color: #2c3a33;
}
@media (max-width: 980px){
  .sk-fragen__um{ display: none; }
}

.sk-fragen__liste{ display: grid; gap: 12px; }
.sk-frage{
  background: #fff; border-radius: 14px;
  box-shadow: var(--karte-schatten); padding: 0 22px;
  transition: box-shadow .18s, background-color .18s;
}
.sk-frage:hover{ box-shadow: var(--karte-schatten-hover); background: var(--creme); }
.sk-frage.ist-auf{ background: var(--creme); }

.sk-frage__kopf{ margin: 0; font-size: inherit; font-weight: inherit; }
.sk-frage__knopf{
  width: 100%; display: flex; align-items: center; gap: 20px;
  background: none; border: 0; padding: 19px 0; cursor: pointer;
  font-family: inherit; text-align: left;
}
.sk-frage__text{
  flex: 1; font-size: 18px; font-weight: 700; line-height: 1.35; color: #183034;
}
.sk-frage__zeichen{
  flex: 0 0 auto; width: 22px; height: 22px; display: grid; place-items: center;
  transition: transform .3s cubic-bezier(.22,.61,.36,1);
}
.sk-frage__zeichen svg{ width: 100%; height: 100%; }
.sk-frage.ist-auf .sk-frage__zeichen{ transform: rotate(180deg); }
.sk-frage__antwort{
  overflow: hidden;
  transition: max-height .35s cubic-bezier(.22,.61,.36,1);
}
.sk-frage__inhalt{
  margin: 0 0 24px; padding-right: 42px;
  font-size: 15px; line-height: 1.65; color: #2c3a33; max-width: 62ch;
}
.sk-frage__inhalt a{
  color: #5e7727; text-decoration: underline; text-underline-offset: 2px; font-weight: 500;
}
.sk-fragen__offen{
  display: inline-block; background: #fdf3d3; border-left: 3px solid #d9a441;
  padding: 8px 12px; border-radius: 0 8px 8px 0; color: #6b5417;
}
.sk-frage__knopf:focus-visible{
  outline: 2px solid #5e7727; outline-offset: 3px; border-radius: 6px;
}
@media (max-width: 700px){
  .sk-fragen{ padding: 64px 20px; }
  .sk-fragen__titel{ font-size: 26px; margin-bottom: 28px; }
  .sk-frage__text{ font-size: 17px; }
  .sk-frage__inhalt{ padding-right: 0; }
}



































.sk-projekt{background:#f2f6ee;padding:0 20px 72px}

.sk-faelle-kurz.sk-faelle-kurz{padding-bottom:8px}
.sk-faelle-kurz__kopf{margin-bottom:0}

.sk-projekt,.sk-projekt *,.sk-projekt:hover,.sk-projekt:focus-within{
  animation:none !important;transition:none !important;transform:none !important;
  opacity:1 !important;box-shadow:none !important}

.sk-projekt__innen{max-width:1400px;margin:0 auto}
.sk-projekt__paar{display:grid;grid-template-columns:1.15fr .85fr;gap:90px;
  align-items:center}
@media (max-width:980px){ .sk-projekt__paar{grid-template-columns:1fr;gap:28px} }

.sk-projekt__bild{margin:0}
.sk-projekt__bild img{display:block;width:100%;height:auto;border-radius:8px;
  border:1px solid #dadce0;background:#fff}
.sk-projekt__nachweis{margin:9px 0 0;font-size:12px;line-height:1.55;
  color:#687169;font-weight:400}

@media (min-width:981px){
  .sk-projekt__bild{position:relative}
  .sk-projekt__nachweis{position:absolute;top:100%;left:0;right:0}
}

.sk-projekt__fehlt{border:2px dashed #b58b2a;background:#fdf6e3;color:#6b5a1f;
  border-radius:8px;padding:26px 28px;font-size:14px;line-height:1.6}
.sk-projekt__fehlt-titel{font-weight:700;font-size:16px;margin:0 0 10px}
.sk-projekt__fehlt p{margin:0 0 10px}
.sk-projekt__fehlt code{background:rgba(107,90,31,.10);padding:2px 6px;
  border-radius:4px;font-size:13px}
.sk-projekt__fehlt ul{margin:6px 0 0;padding-left:20px}
.sk-projekt__fehlt li{margin:0 0 4px}

.sk-projekt__auge{display:block;font-size:12px;font-weight:700;
  letter-spacing:.14em;text-transform:uppercase;color:#5e7727;margin:0 0 14px}
.sk-projekt__text h2{font-size:18px;font-weight:700;color:#183034;
  margin:0 0 12px;line-height:1.36}
.sk-projekt__vor{font-size:15px;font-weight:400;color:#2c3a33;margin:0 0 18px;
  line-height:1.6}
@media (max-width:980px){ .sk-projekt__um{display:none} }
.sk-projekt__mehr{font-size:15px;font-weight:600;color:#5e7727;
  text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:1px}






































.sk-problem__intro.sk-problem__intro,.sk-problem__ktext.sk-problem__ktext,
.sk-loesung__intro.sk-loesung__intro,.sk-loesung__text.sk-loesung__text,
.sk-schritt__text.sk-schritt__text,.sk-phase__text.sk-phase__text,
.sk-bereiche__vor.sk-bereiche__vor,.sk-bereich__text.sk-bereich__text,
.sk-faelle-kurz__vor.sk-faelle-kurz__vor,.sk-kachel__text.sk-kachel__text,
.sk-projekt__vor.sk-projekt__vor,.sk-stimmen__vor.sk-stimmen__vor,
.sk-stimme__text.sk-stimme__text,.sk-frage__inhalt.sk-frage__inhalt,
.sk-fragen__vor.sk-fragen__vor,.sk-kontakt__vor.sk-kontakt__vor,
.sk-formular__meldung.sk-formular__meldung{
  line-height:1.7}

.con-kit-section.team .con-kit-quark-paragraph.con-kit-quark-paragraph:not([style*="--font-kit-size"]){
  line-height:1.7}

.sk-leistungen__vor.sk-leistungen__vor,
.sk-faelle-kurz__vor.sk-faelle-kurz__vor,
.sk-kontakt__vor.sk-kontakt__vor,
.sk-ukopf__vor.sk-ukopf__vor,
.sk-bkopf__vor.sk-bkopf__vor,
.sk-faelle__vor.sk-faelle__vor,
.sk-bereiche__vor.sk-bereiche__vor,
.sk-problem__intro.sk-problem__intro,
.sk-loesung__intro.sk-loesung__intro{
  font-size: 15px;
  line-height: 1.7;
}

.sk-ads-flow .wc-txt.wc-txt{ line-height: 1.7; }

.con-kit-section.hero .con-kit-quark-paragraph[style*="--font-kit-size:15;"]{
  line-height: 1.7;
}

[data-sk-text="startseite.team.zeile"][data-sk-text="startseite.team.zeile"]{
  font-size:12px;
  font-weight:700;
  line-height:1.3;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#5e7727;
  font-style:normal !important;
  display:inline-block;
  margin:0 0 6px}

.con-kit-section[data-sk-block="problem"]{
  background-color: #f2f6ee;
}

.sk-problem, .sk-problem *{
  font-family: "Poppins", "Segoe UI", system-ui, -apple-system, Roboto,
               sans-serif;
}
.sk-problem__kopf{
  max-width: 760px;
  margin: 0 0 56px;
  text-align: left;
}
.sk-problem__auge{
  margin: 0 0 14px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #5e7727;
}
.sk-problem__titel{
  margin: 0 0 18px;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.18;
  letter-spacing: -.005em;
  color: #183034;
  max-width: 24ch;
}
.sk-problem__intro{
  margin: 0;
  font-size: 15px;
  line-height: 1.7;
  color: #6b786e;
}
.sk-problem__drei{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
  align-items: stretch;
}
.sk-problem__karte.sk-problem__karte{
  background: #fff;
  border: 0;
  border-radius: var(--karte-radius, 16px);
  padding: 40px 34px;
  box-shadow: var(--karte-schatten);
  transition:
    box-shadow var(--karte-tempo, 220ms) var(--karte-kurve, ease),
    transform  var(--karte-tempo, 220ms) var(--karte-kurve, ease);
  will-change: transform;
}
.sk-problem__kauge{
  margin: 0 0 10px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #5e7727;
}
.sk-problem__ktitel{
  margin: 0 0 12px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
  color: #183034;
}
.sk-problem__ktext{
  margin: 0;
  font-size: 15px;
  line-height: 1.7;
  color: #2c3a33;
}
@media (hover: hover) and (pointer: fine){
  .sk-problem__karte.sk-problem__karte:hover{
    transform: translateY(var(--karte-hub, -3px));
    box-shadow: var(--karte-schatten-hover);
  }
}
@media (prefers-reduced-motion: reduce){
  .sk-problem__karte.sk-problem__karte:hover{ transform: none; }
}
@media (max-width: 900px){
  .sk-problem__drei{ grid-template-columns: 1fr; gap: 20px; }
  .sk-problem__titel{ font-size: 26px; }
  .sk-problem__kopf{ margin-bottom: 36px; }
  .sk-problem__karte.sk-problem__karte{ padding: 32px 26px; }
}

.con-kit-section[data-sk-block="loesung"]{
  background-color: #fff;
}
.sk-loesung, .sk-loesung *{
  font-family: "Poppins", "Segoe UI", system-ui, -apple-system, Roboto,
               sans-serif;
}
.sk-loesung__kopf{ max-width: 760px; margin: 0 0 60px; }
.sk-loesung__auge{
  margin: 0 0 14px; font-size: 12px; font-weight: 700; letter-spacing: .14em;
  text-transform: uppercase; color: #5e7727;
}
.sk-loesung__titel{
  margin: 0 0 18px; font-size: 32px; font-weight: 700; line-height: 1.18;
  letter-spacing: -.005em; color: #183034;
}
.sk-loesung__bruecke{
  margin: 0 0 16px; font-size: 19px; line-height: 1.55; font-weight: 600;
  color: #183034; max-width: 640px;
}
.sk-loesung__intro{
  margin: 0; font-size: 16px; line-height: 1.7; color: #6b786e; max-width: 640px;
}

.sk-loesung__paar{
  display: grid; grid-template-columns: 1.05fr .95fr; gap: 72px;
  align-items: stretch;
}
.sk-loesung__bild{ position: relative; min-height: 340px; }
.sk-loesung__bild img{
  position: absolute; inset: 0; width: 100%; height: 100%;
  object-fit: cover; display: block; border-radius: 18px;
}

.sk-strahl{ position: relative; padding-left: 64px; }
.sk-strahl__schiene{
  position: absolute; left: 19px; top: 44px; bottom: 44px; width: 2px;
  background: rgba(24,48,52,.10); border-radius: 2px;
}
.sk-strahl__fuellung{
  position: absolute; left: 0; top: 0; width: 100%; height: 0;
  background: rgba(24,48,52,.42); border-radius: 2px;
  transition: height .12s linear;
}

.sk-schritt{ position: relative; padding-bottom: 18px; }
.sk-schritt:last-child{ padding-bottom: 0; }
.sk-schritt__punkt{
  position: absolute; left: -64px; top: 24px; width: 40px; height: 40px;
  border-radius: 50%; background: #fff; border: 1px solid rgba(24,48,52,.10);
  display: flex; align-items: center; justify-content: center;
  transition: border-color .35s ease;
}
.sk-schritt__punkt svg{
  width: 20px; height: 20px; fill: none; stroke: #b6c0b6; stroke-width: 2.4;
  opacity: .8;
  stroke-linecap: round; stroke-linejoin: round; transition: stroke .35s ease;
}
.sk-schritt.ist-an .sk-schritt__punkt{ border-color: rgba(24,48,52,.22); }
.sk-schritt.ist-an .sk-schritt__punkt svg{ stroke: #5e7727; }

.sk-schritt__karte.sk-schritt__karte{
  background: #fff; border: 0; border-radius: var(--karte-radius, 16px);
  padding: 28px 32px; box-shadow: var(--karte-schatten);
  transition: box-shadow var(--karte-tempo, 220ms) var(--karte-kurve, ease),
              transform var(--karte-tempo, 220ms) var(--karte-kurve, ease);
}
.sk-schritt__titel{
  margin: 0 0 10px; font-size: 20px; font-weight: 700; line-height: 1.3;
  color: #183034;
}
.sk-schritt__text{
  margin: 0; font-size: 15px; line-height: 1.72; color: #2c3a33; max-width: 520px;
}
@media (hover: hover) and (pointer: fine){
  .sk-schritt__karte.sk-schritt__karte:hover{
    transform: translateY(var(--karte-hub, -3px));
    box-shadow: var(--karte-schatten-hover);
  }
}
@media (prefers-reduced-motion: reduce){
  .sk-strahl__fuellung, .sk-schritt__punkt, .sk-schritt__punkt svg{ transition: none; }
  .sk-schritt__karte.sk-schritt__karte:hover{ transform: none; }
}
@media (max-width: 960px){
  .sk-loesung__paar{ grid-template-columns: 1fr; gap: 32px; }
  .sk-loesung__bild{ position: static; min-height: 0; aspect-ratio: 4/3; }
  .sk-loesung__bild img{ position: static; }
  .sk-loesung__titel{ font-size: 26px; }
  .sk-loesung__kopf{ margin-bottom: 36px; }
  .sk-schritt__karte.sk-schritt__karte{ padding: 24px 24px; }
}

.sk-loesung__bild--demo{ position: static; min-height: 0; align-self: start; }
.sk-loesung__bild--demo .flow-left{ display: none; }
.sk-loesung__bild--demo .sk-ads-flow{ display: block; margin-top: 0; gap: 0; }
.sk-loesung__bild--demo .flow-right{ flex: 1 1 100%; width: 100%; }

.sk-loesung__paar{ align-items: stretch; }
.sk-loesung__bild--demo{ align-self: stretch; max-width: 100%; overflow: hidden; }
.sk-loesung__bild--demo .sk-ads-flow{
  display: flex; flex-direction: column; width: 100%; max-width: 100%;
  height: 100%; margin: 0; gap: 0; }
.sk-loesung__bild--demo .sk-ads-flow .flow-right{
  flex: 1 1 auto; width: 100%; max-width: 100%; min-width: 0; display: flex; }
.sk-loesung__bild--demo .sk-ads-flow .stage{
  max-width: 100%; width: 100%; margin: 0; display: flex; }
.sk-loesung__bild--demo .sk-ads-flow .browser{
  width: 100%; height: 100%; display: flex; flex-direction: column; }
.sk-loesung__bild--demo .sk-ads-flow .content{ flex: 1 1 auto; height: auto; }

.sk-leistung__auge{
  margin:0 0 8px; font-size:12px; font-weight:700; letter-spacing:.14em;
  text-transform:uppercase; color:#5e7727}
.sk-leistung--dunkel .sk-leistung__auge{ color:#d1d9c3 }

.sk-formular__falle{
  position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden}
.sk-formular__meldung[data-ok="ja"]{background:#f2f6ee; color:#183034}
.sk-formular__meldung[data-ok="nein"]{background:#183034; color:#fff}
.sk-formular__meldung[data-ok="nein"] a{color:#d1d9c3}

@media (max-width:700px){ .sk-problem__um{ display:none } }

.sk-leistung__namezeile{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;margin:0 0 38px}
.sk-leistung__namezeile .sk-leistung__name{margin:0}
.sk-leistung__gratis{font-size:15px;font-weight:400;line-height:1.25;color:#5e7727}

.sk-leistungen__band{margin:26px 0 0;background:#fff;border-radius:16px;padding:30px 40px;
  display:flex;align-items:center;justify-content:space-between;gap:20px 40px;flex-wrap:wrap;
  box-shadow:0 18px 40px -28px rgba(24,48,52,.45),0 2px 6px -2px rgba(24,48,52,.08)}
.sk-leistungen__band-auge{margin:0 0 6px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#5e7727}
.sk-leistungen__band-titel{margin:0;font-size:22px;font-weight:700;line-height:1.3;color:#183034}
.sk-leistungen__band .sk-leistungen__band-knopf{margin-top:0;flex:0 0 auto}
@media (max-width:980px){.sk-leistungen__band{margin-top:18px;padding:26px 24px}.sk-leistungen__band-titel{font-size:19px}}
.sk-leistungen__band{margin-top:22px;padding:18px 32px;box-shadow:0 12px 30px -26px rgba(24,48,52,.35),0 1px 4px -2px rgba(24,48,52,.06)}
.sk-leistungen__band-titel{font-size:15px;font-weight:600}
.sk-leistungen__band .sk-leistungen__band-knopf{min-height:42px;padding:8px 22px}
@media (max-width:980px){.sk-leistungen__band{margin-top:16px;padding:18px 20px}.sk-leistungen__band-titel{font-size:15px}}

.sk-nav a[aria-current="page"],.sk-nav a.sk-nav__aktiv{background:#f2f6ee;color:#5e7727}

@media (min-width:981px){
  .sk-loesung--gespiegelt .sk-loesung__paar{grid-template-columns:.95fr 1.05fr}
  .sk-loesung--gespiegelt .sk-loesung__bild{order:-1}
}
.sk-loesung__bild--foto img{object-position:50% 30%;border-radius:16px}
.sk-loesung .sk-leistungen__band{margin-top:150px}
.sk-leistungen__band--dunkel{background:#183034;box-shadow:0 20px 44px -26px rgba(0,0,0,.6)}
.sk-leistungen__band--dunkel .sk-leistungen__band-titel{color:#fff}
.sk-leistungen__band--dunkel .sk-leistungen__band-knopf{background:#5e7727;color:#fff;border:0}

.sk-wkarten{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.sk-wkarten>*{min-width:0}
.sk-wkarte{background:#fff;border-radius:16px;padding:32px 32px 34px;
  box-shadow:0 18px 40px -28px rgba(24,48,52,.45),0 2px 6px -2px rgba(24,48,52,.08);
  transition:box-shadow 220ms cubic-bezier(.22,.61,.36,1),transform 220ms cubic-bezier(.22,.61,.36,1)}
@media (hover:hover) and (pointer:fine){.sk-wkarte:hover{transform:translateY(-3px);box-shadow:0 26px 54px -26px rgba(24,48,52,.55),0 4px 12px -4px rgba(24,48,52,.12)}}
.sk-wkarte__nr{display:block;margin:0 0 6px;font-family:Poppins,"Segoe UI",system-ui,sans-serif;font-size:16px;font-weight:600;color:#5e7727}
.sk-wkarte__titel{margin:0 0 10px;font-family:Poppins,"Segoe UI",system-ui,sans-serif;font-size:20px;font-weight:600;line-height:1.3;color:#183034}
.sk-wkarte__text{margin:0;font-family:Poppins,"Segoe UI",system-ui,sans-serif;font-size:15px;line-height:1.7;color:#2c3a33}
@media (max-width:980px){.sk-wkarten{grid-template-columns:1fr;gap:18px}}
.sk-loesung .sk-loesung__bild--demo .sk-ads-flow{padding:0;margin:0}
.sk-loesung .sk-loesung__bild--demo .sk-ads-flow .stage.stage{width:100%;max-width:100%}

@media (min-width:768px){ .sk-nur-mobil{display:none !important} }
@media (max-width:767px){
  .sk-nur-desktop{display:none !important}

  .sk-hero .sk-hero__knopf{min-height:36px;padding:8px 20px;font-size:13px;border-radius:7px}
  .sk-hero .sk-hero__zahlen{flex-direction:row;flex-wrap:nowrap;gap:36px;margin-top:26px}
  .sk-hero .sk-hero__zahl b{display:block;font-size:28px;line-height:1.15}
  .sk-hero .sk-hero__zahl > span{font-size:13px;line-height:1.4}

  .con-kit-section.logo .con-kit-component-marquee-gallery{--one-kit-image-height:24px !important}
  .con-kit-section.logo .con-kit-component-marquee-gallery-item{--one-kit-component-grid-list-horizontal-space:36px !important}
  .con-kit-section.logo .con-kit-frame{padding:18px 0 14px !important}

  .con-kit-section[data-sk-block="problem"] .con-kit-frame{padding-top:36px !important}

  .sk-loesung .sk-loesung__bild--foto{display:none}

  .sk-loesung.sk-loesung--gespiegelt{display:flex;flex-direction:column}
  .sk-loesung--gespiegelt .sk-loesung__paar{display:contents}
  .sk-loesung--gespiegelt .sk-loesung__bild--demo{order:-1;aspect-ratio:auto;height:auto;
    width:100%;max-width:100%;margin:0 0 48px;overflow:hidden}
  .sk-loesung--gespiegelt .sk-loesung__bild--demo .sk-ads-flow{height:auto}
  .sk-loesung--gespiegelt .sk-loesung__bild--demo .browser{height:auto}
  .sk-loesung--gespiegelt .sk-strahl{margin-bottom:0}

  .sk-loesung .sk-leistungen__band.sk-leistungen__band--dunkel{background:none;box-shadow:none;
    padding:0;margin-top:32px;border-radius:0}
  .sk-leistungen__band--dunkel .sk-leistungen__band-titel{display:none}

  .sk-projekt .sk-projekt__bild{display:none}
  .sk-projekt.sk-projekt{padding-bottom:36px}
  .sk-projekt .sk-projekt__paar{gap:0}

  .sk-stimmen .sk-profil.sk-profil{display:none}

  .sk-problem__titel.sk-problem__titel, .sk-loesung__titel.sk-loesung__titel,
  .sk-leistungen__titel.sk-leistungen__titel, .sk-fragen__titel.sk-fragen__titel,
  .sk-bereiche h2, .sk-faelle-kurz h2, .sk-stimmen h2, .sk-kontakt h2,
  #beispiele h2{
    font-size:26px;line-height:1.18;font-weight:700;letter-spacing:-.005em}
  section[data-id="0272d0ae-d733-4a10-84ea-d05f6d9dfbaf"] .con-kit-component-header,
  section[data-id="0272d0ae-d733-4a10-84ea-d05f6d9dfbaf"] .con-kit-component-header .con-kit-quark,
  #ueber-mich .con-kit-component-header,
  #ueber-mich .con-kit-component-header .con-kit-quark{
    --font-kit-size:26 !important;--font-kit-size-max:26 !important;line-height:1.18}
  .sk-problem__ktitel.sk-problem__ktitel, .sk-schritt__titel.sk-schritt__titel,
  #bereiche h3, .sk-leistung__name.sk-leistung__name, .sk-projekt .sk-projekt__text h2,
  .sk-wkarte .sk-wkarte__titel, .sk-kontakt h3{
    font-size:18px;line-height:1.3;font-weight:700;letter-spacing:normal}
}

@media (max-width:767px){
  .sk-kontakt .sk-kontakt__links h3{margin-top:28px}
  .sk-planer .sk-planer__rahmen, .sk-planer .sk-planer__rahmen iframe{height:360px !important;min-height:360px !important}

  #ueber-mich .con-kit-frame{padding-top:40px !important;padding-bottom:40px !important}
  #ueber-mich [data-sk-mobil-weg]{display:none}
  #ueber-mich .con-kit-col--first{padding-bottom:0 !important}
  #ueber-mich .con-kit-col--first .con-kit-animation__atom{height:auto !important;min-height:0 !important}

  .sk-fuss .sk-fuss__text br{display:none}
  .sk-fuss .sk-fuss__liste a{min-height:30px;padding:2px 0}
}

@media (max-width:767px){
  .sk-hero .sk-hero__titel{font-size:35px;line-height:1.18}
  .sk-hero .sk-hero__knopf{min-height:43px;padding:10px 24px;font-size:15px;border-radius:8px}
  .sk-hero .sk-hero__zahl b{font-size:22px}
  .sk-hero .sk-hero__zahl > span{font-size:13px}
  .sk-hero .sk-hero__schleier{background:linear-gradient(180deg,rgba(24,48,52,.70) 0%,rgba(24,48,52,.74) 100%)}

  .sk-strahl.sk-strahl{padding-left:40px}
  .sk-strahl .sk-schritt__punkt{width:28px;height:28px;left:-40px}
  .sk-strahl .sk-strahl__schiene{left:13px}
  .sk-strahl .sk-schritt__punkt svg{width:15px;height:15px}
  .sk-schritt__karte.sk-schritt__karte.sk-schritt__karte{padding:20px 16px}
  .sk-schritt__text, .sk-problem__ktext, .sk-bereich__text, .sk-leistung__text,
  .sk-wkarte__text, .sk-loesung__intro{text-wrap:pretty}

  .con-kit-section[data-sk-block="loesung"] .con-kit-frame{padding-bottom:36px !important}
  .con-kit-section[data-sk-block="loesung-2"] .con-kit-frame{padding-top:28px !important}
  .sk-loesung--gespiegelt .sk-loesung__bild--demo.sk-loesung__bild--demo{margin-left:40px;width:calc(100% - 40px)}
  .sk-loesung .sk-leistungen__band.sk-leistungen__band--dunkel{margin-left:40px;margin-top:20px}

  .sk-problem__titel.sk-problem__titel, .sk-loesung__titel.sk-loesung__titel,
  .sk-leistungen__titel.sk-leistungen__titel, .sk-fragen__titel.sk-fragen__titel,
  #bereiche h2, #beispiele h2, #referenzen h2, #termin h2, .sk-faelle-kurz h2{font-size:32px;line-height:1.15}
  section[data-id="0272d0ae-d733-4a10-84ea-d05f6d9dfbaf"] .con-kit-component-header,
  section[data-id="0272d0ae-d733-4a10-84ea-d05f6d9dfbaf"] .con-kit-component-header .con-kit-quark,
  #ueber-mich .con-kit-component-header,
  #ueber-mich .con-kit-component-header .con-kit-quark{
    --font-kit-size:32 !important;--font-kit-size-max:32 !important;line-height:1.15}
  .sk-problem__ktitel.sk-problem__ktitel, .sk-schritt__titel.sk-schritt__titel,
  #bereiche h3, .sk-leistung__name.sk-leistung__name, .sk-projekt .sk-projekt__text h2,
  .sk-wkarte .sk-wkarte__titel, .sk-kontakt .sk-kontakt__links h3{font-size:22px;line-height:1.25}
  .sk-problem__auge.sk-problem__auge, .sk-problem__kauge.sk-problem__kauge, .sk-loesung__auge.sk-loesung__auge,
  .sk-bereiche__auge.sk-bereiche__auge, .sk-leistungen__auge.sk-leistungen__auge, .sk-leistung__auge.sk-leistung__auge,
  .sk-faelle-kurz__auge.sk-faelle-kurz__auge, .sk-projekt__auge.sk-projekt__auge, .sk-stimmen__auge.sk-stimmen__auge,
  .sk-wachstum__auge.sk-wachstum__auge, .sk-kontakt__auge.sk-kontakt__auge, .sk-fragen__auge.sk-fragen__auge{font-size:12px;line-height:1.6}
  .con-kit-section[data-sk-block="problem"] .con-kit-frame.con-kit-frame{padding-top:43px !important}
}

@media (max-width:767px){
  #bereiche .sk-bereich{display:grid;grid-template-columns:auto 1fr;column-gap:14px;row-gap:0;align-items:center}
  #bereiche .sk-bereich > svg{grid-column:1;grid-row:1;margin:0}
  #bereiche .sk-bereich > h3{grid-column:2;grid-row:1;margin:0}
  #bereiche .sk-bereich > p{grid-column:1 / -1}
  #bereiche .sk-bereich > h3 + p{margin-top:12px !important}
  #bereiche .sk-bereich > .sk-bereich__fuer{margin-top:14px !important}
}

@media (max-width:767px){
  .sk-problem__titel.sk-problem__titel, .sk-loesung__titel.sk-loesung__titel,
  .sk-leistungen__titel.sk-leistungen__titel, .sk-fragen__titel.sk-fragen__titel,
  #bereiche h2, #beispiele h2, #referenzen h2, #termin h2, .sk-faelle-kurz h2{font-size:28px}
  section[data-id="0272d0ae-d733-4a10-84ea-d05f6d9dfbaf"] .con-kit-component-header,
  section[data-id="0272d0ae-d733-4a10-84ea-d05f6d9dfbaf"] .con-kit-component-header .con-kit-quark,
  #ueber-mich .con-kit-component-header,
  #ueber-mich .con-kit-component-header .con-kit-quark{--font-kit-size:28 !important;--font-kit-size-max:28 !important}
}

@media (max-width:767px){
  .sk-problem__ktitel.sk-problem__ktitel, .sk-schritt__titel.sk-schritt__titel,
  #bereiche h3, .sk-leistung__name.sk-leistung__name, .sk-projekt .sk-projekt__text h2,
  .sk-wkarte .sk-wkarte__titel, .sk-kontakt .sk-kontakt__links h3{font-size:20px}
}

@media (max-width:767px){
  .sk-projekt .sk-projekt__vor.sk-projekt__vor{margin-bottom:6px}
}

@media (max-width:767px){
  .sk-wkarten.sk-wkarten{gap:10px}
  .sk-wkarte.sk-wkarte{display:grid;grid-template-columns:auto 1fr auto;column-gap:12px;align-items:center;
    padding:16px 18px;cursor:pointer;-webkit-tap-highlight-color:transparent}
  .sk-wkarte .sk-wkarte__nr{grid-column:1;margin:0;color:#5e7727}
  .sk-wkarte .sk-wkarte__titel{grid-column:2;margin:0}
  .sk-wkarte::after{content:"";grid-column:3;grid-row:1;width:9px;height:9px;margin-right:4px;
    border-right:2px solid #5e7727;border-bottom:2px solid #5e7727;transform:rotate(45deg) translateY(-3px);
    transition:transform .2s ease}
  .sk-wkarte.ist-offen::after{transform:rotate(-135deg) translateY(-3px)}
  .sk-wkarte .sk-wkarte__text{grid-column:1 / -1;display:none;margin-top:10px}
  .sk-wkarte.ist-offen .sk-wkarte__text{display:block}
  .sk-wkarte:focus-visible{outline:2px solid #5e7727;outline-offset:2px}
}

@media (max-width:767px){
  .sk-hero .sk-hero__marke{margin-bottom:28px}
}

@media (max-width:767px){
  #referenzen .sk-stimmen__kopf.sk-stimmen__kopf{margin-bottom:20px}
  #referenzen .sk-stimmen__punkte{display:none}
  #referenzen .sk-stimmen__reihe{touch-action:pan-y}
}