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



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

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


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

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

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

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



  section.section-lines {
    margin: 114px 0;
  }

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

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

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

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

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

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


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

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

  a.logo {
    max-width: 100px;
  }

  /* ------------[ Hauptnavigation ]------------ */

  /* ------------[ Subnavigation ]------------ */

  /* ------------[ Mobile Navigation ]------------ */


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

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

  h1 {
    font-size: 42px;
    line-height: 48px;
  }

  h2 {
    font-size: 30px;
    line-height: 36px;
  }

  /* ------------[ 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 ]------------ */

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

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

  .keyvisual {
    height: 600px;
    background-position: center bottom;
  }

  /* ------------[ Call to Action ]------------ */

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

}