/* cockpit.css — GENERIERT vom Design-Cockpit (Element-Inspektor).
   Quelle: cockpit-rules.json. Nicht von Hand editieren — wird ueberschrieben. */

@media (min-width: 480px) and (max-width: 767px) {
  body[data-dc-page="index.html"] .team-card .aspect-\[4\/3\] {
    position: static !important;
    width: 100% !important;
    height: 100% !important;
  }

  body[data-dc-page="index.html"] .team-card .p-8 {
    width: 100% !important;
    margin-left: 0px !important;
  }

  body[data-dc-page="index.html"] .aspect-\[4\/3\] .w-full {
    transform-origin: left center !important;
  }

  body[data-dc-page="index.html"] #praxis .praxis-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    align-items: stretch !important;
  }

  body[data-dc-page="index.html"] #praxis .praxis-grid > .praxis-card {
    display: grid !important;
    grid-template-columns: 35% 1fr !important;
    align-items: stretch !important;
  }

  body[data-dc-page="index.html"] .praxis-card .aspect-\[4\/3\] {
    position: static !important;
    width: 100% !important;
    height: 100% !important;
  }

  body[data-dc-page="index.html"] .praxis-card .p-8 {
    width: 100% !important;
  }

  body[data-dc-page="index.html"] #team .team-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    align-items: stretch !important;
  }

  body[data-dc-page="index.html"] #team .team-grid > .team-card {
    display: grid !important;
    grid-template-columns: 35% 1fr !important;
    align-items: stretch !important;
  }

  body[data-dc-page="index.html"] #abschnitt .grid-cols-1 .bg-white {
    display: grid !important;
    grid-template-columns: auto 1fr !important;
    column-gap: 0.75rem !important;
    align-items: center !important;
  }

  body[data-dc-page="index.html"] #abschnitt .grid-cols-1 .bg-white > .w-14 {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }

  body[data-dc-page="index.html"] #abschnitt .grid-cols-1 .bg-white > div:nth-of-type(2) {
    grid-column: 2 !important;
  }

  body[data-dc-page="index.html"] #abschnitt .grid-cols-1 .bg-white > .text-xs {
    grid-column: 1 / -1 !important;
  }

  .gap-12 {
    display: grid !important;
    grid-template-columns: 25% repeat(3, 1fr) !important;
    align-items: start !important;
  }

  body[data-dc-page="index.html"] #mitarbeiter .mitarbeiter-header {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body[data-dc-page="index.html"] .bg-sand-gold span {
    margin-right: -8px !important;
  }

  body[data-dc-page="index.html"] .mitarbeiter-header .lg\:w-1\/2 {
    align-items: flex-end !important;
  }

  body[data-dc-page="index.html"] .lg\:w-1\/2 .text-gray-600 {
    margin-top: 40px !important;
  }

  body[data-dc-page="index.html"] #mitarbeiter .mitarbeiter-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body[data-dc-page="index.html"] #leistungen .leistungen-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body[data-dc-page="index.html"] .flex-col .text-xl .dc-tv-1 {
    display: none !important;
  }

  body[data-dc-page="index.html"] .leistungen-card:nth-of-type(3) div div h3 .dc-tv-1 {
    display: none !important;
  }

  body[data-dc-page="index.html"] .items-center .text-\[0\.6rem\] br:nth-of-type(1) {
    display: none !important;
  }

}

@media (min-width: 769px) and (max-width: 1024px) {
  body[data-dc-page="index.html"] .lg\:w-1\/2 .text-4xl {
    width: 490px !important;
    height: 144px !important;
  }

  body[data-dc-page="index.html"] .lg\:w-1\/2 .text-gray-600 {
    margin: 0px 0px 0px 0px !important;
  }

  body[data-dc-page="index.html"] #leistungen .leistungen-header {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    align-items: stretch !important;
    gap: 16px !important;
  }

  body[data-dc-page="index.html"] #leistungen .leistungen-header > .lg\:w-1\/2 {
    flex: 0 0 auto !important;
    width: auto !important;
  }

  body[data-dc-page="index.html"] .team-header .lg\:w-1\/2 {
    margin-top: 0px !important;
    align-items: center !important;
  }

  body[data-dc-page="index.html"] .leistungen-header .lg\:w-1\/2 {
    align-items: center !important;
  }

  body[data-dc-page="index.html"] .mitarbeiter-header .lg\:w-1\/2 {
    align-items: center !important;
  }

}

@media (max-width: 479px) {
  body[data-dc-page="index.html"] #abschnitt .grid-cols-1 .bg-white {
    display: grid !important;
    grid-template-columns: auto 1fr !important;
    column-gap: 0.75rem !important;
    align-items: center !important;
  }

  body[data-dc-page="index.html"] #abschnitt .grid-cols-1 .bg-white > .w-14 {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }

  body[data-dc-page="index.html"] #abschnitt .grid-cols-1 .bg-white > div:nth-of-type(2) {
    grid-column: 2 !important;
  }

  body[data-dc-page="index.html"] #abschnitt .grid-cols-1 .bg-white > .text-xs {
    grid-column: 1 / -1 !important;
  }

  body[data-dc-page="index.html"] .flex-col .text-xl .dc-tv-0 {
    display: none !important;
  }

  body[data-dc-page="index.html"] .leistungen-card:nth-of-type(3) div div h3 .dc-tv-0 {
    display: none !important;
  }

  body[data-dc-page="index.html"] .flex-col .text-xl {
    font-size: 24px !important;
  }

  body[data-dc-page="index.html"] .fixed .site-phone-bar {
    justify-content: flex-end !important;
    padding-right: 50px !important;
    margin-top: -40px !important;
    margin-left: 0px !important;
    font-size: 14px !important;
  }

  body[data-dc-page="index.html"] .max-w-7xl .items-center > div {
    margin-inline-start: 0 !important;
    margin-inline-end: auto !important;
  }

  body[data-dc-page="index.html"] .items-center div {
    margin: 0px 0px 0px 0px !important;
  }

  body[data-dc-page="index.html"] .items-center .text-xl {
    font-size: 18px !important;
    margin-left: -10px !important;
    margin-top: 0px !important;
  }

  body[data-dc-page="index.html"] .items-center .text-\[0\.6rem\] {
    margin-left: -10px !important;
  }

  body[data-dc-page="index.html"] .fixed .site-phone-bar > .bg-sand-gold {
    margin-inline-start: auto !important;
    margin-inline-end: 0 !important;
  }

  body[data-dc-page="index.html"] .site-phone-bar .bg-sand-gold {
    font-size: 12px !important;
    margin-left: 200px !important;
  }

}

@media (min-width: 768px) and (max-width: 1024px) {
  body[data-dc-page="index.html"] .flex-col .text-xl .dc-tv-1 {
    display: none !important;
  }

  body[data-dc-page="index.html"] .leistungen-card:nth-of-type(3) div div h3 .dc-tv-1 {
    display: none !important;
  }

  body[data-dc-page="index.html"] .items-center .text-\[0\.6rem\] br:nth-of-type(1) {
    display: none !important;
  }

}

@media (min-width: 1025px) and (max-width: 1365px) {
  body[data-dc-page="index.html"] .flex-col .text-xl .dc-tv-1 {
    display: none !important;
  }

  body[data-dc-page="index.html"] .leistungen-card:nth-of-type(3) div div h3 .dc-tv-1 {
    display: none !important;
  }

  body[data-dc-page="index.html"] .items-center .text-\[0\.6rem\] br:nth-of-type(1) {
    display: none !important;
  }

}

@media (min-width: 1366px) and (max-width: 1599px) {
  body[data-dc-page="index.html"] .flex-col .text-xl .dc-tv-1 {
    display: none !important;
  }

  body[data-dc-page="index.html"] .leistungen-card:nth-of-type(3) div div h3 .dc-tv-1 {
    display: none !important;
  }

  body[data-dc-page="index.html"] .items-center .text-\[0\.6rem\] br:nth-of-type(1) {
    display: none !important;
  }

}

@media (min-width: 1600px) {
  body[data-dc-page="index.html"] .flex-col .text-xl .dc-tv-1 {
    display: none !important;
  }

  body[data-dc-page="index.html"] .leistungen-card:nth-of-type(3) div div h3 .dc-tv-1 {
    display: none !important;
  }

  body[data-dc-page="index.html"] .items-center .text-\[0\.6rem\] br:nth-of-type(1) {
    display: none !important;
  }

}