@media screen and (min-width: 780px) {

  body:after {
    content: "M";
  }

  .only-s {
    display: none !important;
  }

  .only-m {
    display: block !important;
  }

  .no-m {
    display: none !important;
  }


  /* ------------[ Schriften ]------------ */

  /* ------------[ Body ]------------ */

  /* ==============================[ Begrenzung Inhalt ]============================== */

  /* ==============================[ Formate für Sektionen ]============================== */

  /* ------------[ spezielle Klassen für Sektionen ]------------ */

  /* ------------[ Abstände steuern ]------------ */

  /* ========================[ universelle Klassen ]======================== */

  /* ------------[ Positionierung der Elmente ]------------ */

  /* ------------[ verschiedene Abstände ]------------ */

  /* ------------[ verschiedene Abstände im Grid ]------------ */

  /* ------------[ Klassen für Texte ]------------ */

  /* ========================[ Header-Bereich ]======================== */

  /* ------------[ Logo ]------------ */

  a.logo {
    max-width: 400px;
    margin: 0;
  }


  /* ========================[ Fixierte Abschnittsnavigation ]======================== */

  /* ========================[ Standard-Elemente ]======================== */

  /* ------------[ Überschriften ]------------ */

  /* ------------[ Absätze ]------------ */

  /* ------------[ Verlinkungen ]------------ */

  /* ------------[ Bilder ]------------ */

  /* ------------[ Bild größer klicken ]------------ */

  /* ------------[ Text-Bild-Element ]------------ */

  /* Kombinationen für Bildbreiten und Bildposition */
  .pic-img {
    margin: 0;
  }

  .pic-img.half {
    width: 48.05195%;
  }

  .pic-img.third {
    width: 30.7359333333%;
  }

  .pic-img.fourth {
    width: 22.077925%;
  }

  .pic-img.left {
    float: left;
    margin-right: 24px;
    margin-bottom: 0;
  }

  .pic-img.right {
    float: right;
    margin-left: 24px;
    margin-top: 0;
  }


  /* ------------[ Unnummerierte Listen ]------------ */

  /* ------------[ Nummerierte Listen ]------------ */

  /* ------------[ Listen mit mehr Abstand ]------------ */

  /* ------------[ Tabellen ]------------ */

  /* ========================[ Sonderelmente ]======================== */

  /* ------------[ Infobox ]------------ */

  /* ------------[ Teaser ]------------ */

  /* ------------[ Akkordeon ]------------ */

  /* ------------[ Videoplayer ]------------ */

  /* ------------[ Formulare ]------------ */

  .fieldset-one .field,
  .fieldset-one .field {
    display: inline-block;
    vertical-align: top;
    width: 49.61%;
  }

  .field-left-padding {
    padding-right: 1.6vw;
  }

  .field-right-padding {
    padding-left: 1.94805vw;
  }


  /* ========================[ Sonderelmente Website ]======================== */

  /* ------------[ Keyvisual ]------------ */

  /* ------------[ Termin-Button ]------------ */

  /* ------------[ Kontaktdaten ]------------ */

  /* ------------[ Text-Bild-Box ]------------ */

  .text-bild-box.grid[cols="7-5"] > :nth-child(odd),
  .text-bild-box.grid[cols="7-5"] > :nth-child(even) {
    grid-column: span 12;
  }

  .text-bild-box .text-box .grid[cols="6-6"] > * {
    grid-column: span 12;
  }


  /* ------------[ Stärken ]------------ */

  /* ------------[ Zitat ]------------ */

  .quote-picture {
    order: 0;
  }


  /* ------------[ Anfahrt ]------------ */

  section.directions .grid[cols="6-6"] > * {
    grid-column: span 12;
  }


  /* ========================[ Bildergalerie-Slider ]======================== */

  /* ========================[ Leistungen ]======================== */

  /* auf Tablet zweispaltig, Bildmarke ausgeblendet */
  .leistungen-diagram {
    flex-direction: row;
    flex-wrap: wrap; /* ermöglicht 7. Leistung als eigene Zeile darunter */
    align-items: flex-start;
  }

  .leistungen-mitte {
    display: none;
  }

  .leistungen-col {
    flex: 1;
  }

  /* 7. Leistung: volle Breite unter beiden Spalten, zentriert */
  .leistungen-bottom {
    flex: 0 0 100%;
    display: flex;
    justify-content: center;
  }

  .leistungen-bottom .leistung {
    max-width: 50%;
  }


  /* ========================[ Team-Collage ]======================== */

  /* ========================[ Footer-Bereich ]======================== */

  footer .tab {
    padding: 6px 0;
  }

  footer a {
    padding: 6px 0;
    display: inline-block;
  }

}