/* Desktop CSS-Datei */
@media(min-width:1260px) {

/** 1.0 Allgemeine Styles **/
  /* 1.1 Resets und Standards */
  /* 1.2 Headlines */
  /* 1.3 Paragraphen */
  /* 1.4 Knöpfe */

  /* 1.5 Kopfzeile */
  #logo-gruppe {
    flex-basis: 210px;
    padding:20px;
  }

  #hauptlinks {
    display:flex;
  }

  #hauptlinks ul.menu {
      list-style:none;
      padding:0;
      margin:0;
      height:100%;
      display:flex;
      flex-wrap:wrap;
  }

  #hauptlinks ul.menu li {
    display:flex;
      padding: 0 15px;
  }

  #hauptlinks ul.menu li a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    padding:0;

    text-decoration:none;
    color:#fff;
    text-transform:uppercase;
    position:relative;
  }

  #hauptlinks ul.menu li a:hover, #hauptlinks ul.menu li.current-menu-item a {
      color: #ee7203;
  }

  #hauptlinks ul.menu li a::after {
    content:"";
    display:block;
    position:absolute;
    background: #ee7203;
    bottom:0;
    width:100%;
    height:5px;
    opacity:0;
    transition: all 0.4s;
  }



  #hauptlinks ul.menu li a:hover::after, #hauptlinks ul.menu li.current-menu-item a::after {
        opacity:1;
  }

  #extralinks {
    display:flex;
    flex-basis:30%;
  }



  /* 1.6 Navigationsmenü Komplett */
  #menue-gruppe .spalte {

    padding:0 5%;
    flex-basis:25%;
    width:25%;
    padding-top:50px;

  }

  /* 1.7 Logo */
  /* 1.8 Hamburger-Menü Button */
  /* 1.9 Hauptlinks in Kopfzeile */
  /* 1.9.1 Extralinks */

  /* 1.13. Seiteninhalt */
  /* 1.14. Accordeon */
  /* 1.15. Spezielle Hintergründe */
  /* 1.10 Sprachwahl-Dropdown */
  /* 1.11 Icons für spezielle Links */
  /* 1.12 Footer */
  /* 1.13. Seiteninhalt */
  /* 1.14. Accordeon */
  /* 1.15. Spezielle Hintergründe */



/** 2.0 JOM Blöcke **/
  /* 2.1 Block: Kopfslider */
  .slider .inhalt .text h3 {
    font-size:20px;
  }

  .slider .inhalt .text h2 {
    font-size:38px;
  }
  /* 2.2 Block Bildtextkombinationen */
  /* 2.3 Block: Text */
  /* 2.4 Block: Bildergalerie */
  /* 2.5 Block: Produktrad */
  /* 2.6 Block Produktübersicht */

  .produktkategorie-name .icon {
      width:38%;
      margin-top:-25%;
  }

  /* 2.7 Block Slider */
  /* 2.8 Block Plakat */
  /* 2.18 - interaktive Bilder */

  .sektion.interaktiver-bildblock .imgl-map{
    width: 90vh;
    height: auto;
  }

/* 3.0 Spezielle Seiten */
  /* 3.1 Produktseiten */


  /* 3.5 Download-Seiten */
  .download-knopf .prefix {

      width:25%;

  }

  .download-knopf .dateiname {
      width:75%;
  }

  /* 3.6 360Grad Produktansicht */

  .produkt360_container h3{
    font-size: 2.2em;
  }

  .produkt360_iframe{
      height: 80vh;
  }









}