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

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

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


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

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

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

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

  section.padding-bottom,
  section.grey-stripe.padding-bottom,
  section.black-stripe.padding-bottom{
    padding: 0 0 84px;
}

section{
  margin: 84px;
}

section.padding,
section.black-stripe,
section.orange-stripe,
section.grey-stripe {
  padding: 84px 0;
}


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

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

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

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

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

  /* zusätzlicher Abstand nach unten */
  .margin-bottom {
  	margin-bottom: 84px !important;
  }

  .margin-top {
  	margin-top: 84px !important;
  }

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


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

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

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

  nav.mainnav {
    display: block;
    position: relative;
    width: auto;
    height: auto;
    top: 0;
    margin-left: 170px;
    overflow-x: unset;
    background-color:transparent;
  }

  nav.mainnav ul {
    position: fixed;
    top: 54px;
    left: 0;
    right: 0;
    height: auto;
    border: none;
    box-shadow: none;
    padding: 42px 6px 72px;
    overflow: auto;
  }

  nav.mainnav ul li a {
    color: #444;
    font-size: 18px;
  }

  nav.mainnav > ul {
    display: block;
    position: relative;
    top: 0;
    left: auto;
    background-color: inherit;
    border: none;
    padding: 0;
    margin: 0;
    overflow: inherit;
    transform: translateY(0);
  }

  nav.mainnav > ul > li {
    display: inline-block;
    background: none;
    padding: 0;
    margin: 0;
  }

  nav.mainnav > ul > li a {
    padding: 30px 12px;
  }

  .header-flex.closed .mainnav > ul {
    display: block;
  }

/*  nav.mainnav > ul > li.current > a,
  nav.mainnav ul li.current a:hover,
  nav.mainnav ul li a:hover,
  nav.mainnav > ul > li:hover > a,
  nav.mainnav > ul > li:focus > a,
  nav.mainnav ul li a:focus {
    background: #0077ae;
  }*/

  nav.mainnav > ul > li.current > a,
  nav.mainnav ul li.current a:hover,
  nav.mainnav ul li a:hover{
      background: transparent;
      color: #ff8100;
    }



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

  nav ul.subnav {
    position: absolute;
    top: 84px;
    left: 0;
    right: auto;
    margin: 0;
    padding: 0;
    display: none;
    background-color: #ff8100;
  }

  nav ul.subnav li {
    border: none;
  }

  nav ul.subnav li a {
    padding: 6px 12px;
    color: #fff;
  }

  nav ul.subnav li.current a {
    background: #0077ae;
    color: #fff;
    font-family: lato;
  }

  nav ul li:hover ul.subnav {
    display: block;
  }

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

  #nav-toggle-wrap {
    display: none;
    flex: none;
  }


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  /* Sticky Footer (http://www.cssstickyfooter.com) */
  /* Wenn nicht gewünscht inklusive im HTML #wrap und #main löschen. Ansonsten Höhe an 3 Stellen anpassen */
  /* HTML-Konstrukt muss sein: <div id="wrap"><div id="main">...</div></div> <footer>...</footer> */

  /* html, body {
   height: 100%;
   }

   #wrap {
   min-height: 100%;
   }

   #main {
   padding-bottom: 120px;
   }

   footer {
   position: relative;
   height: 120px;
   background-color:#f1f1f1;
   padding:24px 0;
   margin-top: -120px;
   }*/

   noscript{
     top: 84px;
   }





 }