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

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

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

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

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

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

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

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

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


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

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

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

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

  /* → infobox.css */


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

  /* → teaser.css */


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

  /* → accordion.css */


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

  /* → gallery.css */


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

  .keyvisual-text-box {
    display: block;
    width: 100%;
    position: relative;
    background-color: var(--color-dark-green);
    padding: 42px 30px;
  }

  .keyvisual .stoerer {
    width: 360px;
    height: 360px;
    bottom: 30px;
    padding: 30px;
  }

  .keyvisual-image img {
    left: 68%;
  }

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

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

}