/* Tablet CSS-Datei */
@media(min-width:960px) {

/** 1.0 Allgemeine Styles **/
  /* 1.1 Resets und Standards */
  .sektion {
    padding: 100px 30px;
  }

 .sektion.ohne-seitenabstand {
      padding:50px 0px;

  }

  .sektion.abstand-oben {
      padding:0;
      padding-top:50px;
  }

  .sektion.voller-bereich {
    padding:0;
  }

  /* 1.2 Headlines */
  h1, h2 {
    font-size:60px;
  }

  .produktbeschreibung h2 {
      font-size:40px;
  }

  h3 {
    font-size:26px;
  }

  /* 1.3 Paragraphen */
  p {
    font-size:20px;
  }

  ul {
    font-size:20px;
  }

  /* 1.4 Knöpfe */
  .knopf {
    font-size:22px;
  }


  /* 1.5 Kopfzeile */
  .kopfzeile {
    height:100px;
  }

  .kopfzeilen-gruppe {
    height:100px;
  }

  #logo-gruppe {
    flex-basis: 180px;
    padding:20px;
  }

  #link-gruppe {
    flex-basis:calc(100% - 278px);
    display:flex;
  }

  #sprachwahl {
    flex-basis:50px;
  }

  #menue-button {
    flex-basis:68px;
  }

  /* 1.6 Navigationsmenü Komplett */

  #menue {
    padding-top:100px;
  }

  .customize-support #menue{
    padding-top: 132px;
  }

  #menue-gruppe {
    padding:10px;
    display:flex;
    flex-wrap:wrap;
    margin:0 -5%;
    max-width:95%;
    margin:0 auto;

  }

  #menue-gruppe .spalte {

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

  }

  #menue-gruppe .spalte ul {
      list-style:none;
      font-size:24px;
      padding:0;
  }

  #menue-gruppe .spalte ul.sub-menu {
      padding-left:25px;
      overflow:visible;
  }


  #menue-gruppe .spalte ul li > a {
        padding:0;
        margin-top:20px;

  }

  #menue-gruppe .spalte ul.sub-menu li > a {
      padding:0;
  }






  #menue-gruppe .spalte ul li.menu-item-has-children:after {
      display:none;
  }

  #menue-gruppe .spalte > ul > li {
      border-bottom:none;
  }

  #menue-gruppe .spalte ul.sub-menu {
      height:auto;
  }



  /* 1.7 Logo */
  #logo {
     flex-basis:210px;
  }

  /* 1.8 Hamburger-Menü Button */
  .hamburger-menue {
      padding: 0 30px;
  }

  .hamburger-icon {
      width:48px;
      height:40px;
      position:relative;
      align-self:center;
      cursor:pointer;
  }

  .hamburger-icon .line, .hamburger-icon:before, .hamburger-icon:after {
      width:48px;
      background-color:#fff;
      border-radius:2px;
      height:8px;
      position:absolute;
  }

  .hamburger-icon:before, .hamburger-icon:after {
      content:"";
      display:block;
  }

  .hamburger-icon .line {
      display:block;
      top:16px;
  }

  .hamburger-icon:before {
      top:0px;
  }

  .hamburger-icon:after {
      top:32px;
  }

  /* 1.9 Hauptlinks in Kopfzeile */
  #hauptlinks {
    display:none;
    flex-basis:70%;
  }

  /* 1.9.1 Extralinks */
  #extralinks {
    display:flex;
    justify-content:flex-end;
    width:100%;
    padding-right:20px;
  }

  #extralinks .suche {
    align-self:center;
    justify-content:center;
    display:flex;
  }

  .suche.mobile {
      display:none;
  }


  #extralinks .suche.aktuelle-seite .label, #extralinks .suche.aktiv .label {
      color:#ee7202;
  }

  #extralinks .suche .label {
    line-height:28px;
    color:#fff;
  }

  .suche input {
    display:none;
  }

  #extralinks .spalte {
    padding: 0 10px;
  }

  #extralinks .link {
    align-self:center;
    justify-content:center;
    display:flex;
  }

  #extralinks .link a {
    color:#fff;
    text-decoration:none;
    line-height:28px;
  }

  #extralinks .sprachwahl {
    flex-basis: 20%;
    align-self:center;
    justify-content:flex-end;
    display:flex;
  }

  #extralinks .menue-button {
    flex-basis: 20%;
  }




  /* 1.10 Sprachwahl-Dropdown */
  /* 1.11 Icons für spezielle Links */

  /* 1.12 Footer */
  .footer .logo-gruppe {
    height:100px;
    top:-49px;
  }

  .footer .logo-gruppe img {
    width:100px;
    height:101px;
  }

  /* 1.13. Seiteninhalt */
  /* 1.14. Accordeon */
  /* 1.15. Spezielle Hintergründe */


  /* 1.16 Suchformular */
  .suchformular-gruppe {
      max-width:1920px;
      margin:0 auto;
      min-height:200px;
      background:rgba(0,0,0,0.7);
      color:#fff;
      padding-top:100px;
  }

  .suchformular .textfeld {
      flex-basis:43%;
      margin-right:2%;
      margin-left:2%;
      margin-bottom:0;

  }

  .suchformular .knopf {
      flex-basis:25%;
  }

  .suchformular .label {
    font-size:60px;
    flex-basis:18%;
    margin-bottom:0;

  }


  /* 1.17 Allgemeine Inputs */
  input[type="text"],input[type="email"],textarea, select {
      font-size:24px;
      padding-top:1em;
  }

  input[type="submit"] {
      font-size:22px;
  }







/** 2.0 JOM Blöcke **/
  /* 2.1 Block: Kopfslider */
  .slider-seitenkopf .slider-container {
    position:absolute;
    width:50%;
    left:auto;
    right:0;
  }

  .slider-seitenkopf .hintergrund {
    position:absolute;
    top:0;
    left:0;
    opacity:0;
    transition: opacity 1s;
    width:100%;
    display:block;
    height:1080px;
  }

  .slider-seitenkopf .hintergrund:first-child {
    position:relative;
    top:0;
    left:0;
  }

  .slider-seitenkopf .slider-container {

    top:0;
    margin:0 auto;
    height:100%;
    display:flex;
    align-items: center;
    justify-content: center;
  }

  .slider-seitenkopf .slider-gruppe .slider .slide .slide-gruppe {
    padding: 0 22%;
    max-width:none;
    margin:0;
  }


  .slider .inhalt .text h3 {
    margin-top:0;
    font-size:14px;
    margin-bottom:0.5em;
    margin-top: 0.5em;
  }

  .slider .inhalt .text h2 {
    margin-top:0;
    /*font-size: 2vw;*/
    font-size:18px;
    display:inline-block;
    border-top: 4px solid #000;
    line-height:1.2em;
  }

    .slider .inhalt .text h2.nur_headline {
        border-top:none;
        margin-bottom:30px;
    }



  .slider-seitenkopf .slick-dots {
    padding: 0 22%;
    margin:0;
    position:absolute;
    bottom:-25px;
    max-width:none;

  }

  .slider-seitenkopf .slick-prev {
    left:50px;
  }

  .slider-seitenkopf .slick-next {
    right:50px;
  }


  /* 2.2 Block Bildtextkombinationen */
  .bild-text-gruppe {
    flex-direction:row;
    flex-wrap:wrap;
    text-align:left;
  }

  .bild-text-gruppe .text,.bild-text-gruppe .bild {
    flex-basis: 50%;
  }

  .bild-text-gruppe .text {
    flex-basis: 50%;
    width:50%;
  }

  .bild-text-gruppe .bild {
    flex-basis: 50%
    width:50%;
  }

  .text-unter-bild .text, .text-ueber-bild .text {
    flex-basis:100% !important;
    width:100% !important;

  }
  .text-unter-bild .bild, .text-ueber-bild .bild {
    flex-basis:100% !important;
    width:100% !important;

  }




  .text-bild .text {
    order:1;
  }
  .text-bild .bild {
    order:2;
    margin-bottom:0px;
  }

  .bild-text .bild {
    margin-bottom:0px;
    order:1
  }

.text-ueber-bild .text  {
    order:1;
}

.text-ueber-bild .bild {
    order:2;
}


  .text-bild .text {
    margin-bottom:0px;
    order:2;
  }

  .bild-text .text { padding-left:25px; }
  .bild-text .bild { padding-right:25px; }

  .text-bild .text { padding-right:25px; }
  .text-bild .bild { padding-left:25px; }

  /* 2.3 Block: Text */

  .text-gruppe-2-spalten .text {
    column-count: 2;
    column-gap: 50px;
    text-align:left;
  }

  .text-gruppe-3-spalten .text {
    column-count: 3;
    text-align:left;
  }

  .text-gruppe-4-spalten .text {
    column-count: 4;
    text-align:left;
  }

  .text-gruppe-5-spalten .text {
    column-count: 5;
    text-align:left;
  }

  .text-gruppe-6-spalten .text {
    column-count: 6;
    text-align:left;
  }


  /* 2.4 Block: Bildergalerie */
  .bildergalerie.anzahl-6 .bild {
    flex-basis: 16.666666666667%;
  }

  .bildergalerie.anzahl-5 .bild {
    flex-basis: 20%;
  }

  .bildergalerie.anzahl-4 .bild {
    flex-basis: 25%;
  }

  .bildergalerie.anzahl-3 .bild {
    flex-basis: 33.333333%;
  }

  .bildergalerie.anzahl-2 .bild {
    flex-basis: 50%;
  }

  /* 2.5 Block: Produktrad */
  .kategoriebeschreibungs-gruppe.aktiv {
    display:flex;
    flex-direction:row;
    text-align:inherit;
  }

  .kategoriebeschreibungs-spalte {
    flex-basis: 60%;
  }

  .knopf-spalte {
    flex-basis: 40%;
    text-align:right;
    align-self: flex-end;
  }

  .kategoriebeschreibung {
      margin-bottom:0;
  }

  .produktrad a.knopf {
      font-size:18px;
  }

  /* 2.6 Block Produktübersicht */

  .produktuebersichts-grid .produktkategorie.zeile-typ-1:nth-child(odd) {
    background: #e5e5e5; /*#4d4a40;*/
  }

  .produktuebersichts-grid .produktkategorie.zeile-typ-1:nth-child(even) {
    background: #f4f4f4; /*#625e52;*/
  }

  .produktuebersichts-grid .produktkategorie.zeile-typ-2:nth-child(even) {
    background: #e5e5e5; /*#4d4a40;*/
  }

  .produktuebersichts-grid .produktkategorie.zeile-typ-2:nth-child(odd) {
    background: #f4f4f4; /*#625e52;*/
  }

  .produktuebersichts-grid .produktkategorie::before {
    content:"";
    width:100%;
    padding-bottom:75%;
    display:block;
  }

  .produktuebersichts-grid .produktkategorie {
      flex-basis: 25%;
      width:25%;
  }

  .produktkategorie-name  .text {
    font-size:1.5vw;
  }

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

  /* 2.7 Block Slider */

  .jom-slider-block .slick-dots {
    list-style:none;
    padding: 0 18%;
    margin:0;
    bottom:5%;
  }

  .jom-slider-block .slick-prev, .jom-slider-block .slick-next {
    width:50px;
    height:50px;
    background:transparent;
    border:none;
    border-top: 2px solid #fff;
    border-right:2px solid #fff;
    position:absolute;
    padding:0;
    top:50%;
    margin-top:-25px;
    z-index:2;
    cursor:pointer;
    outline:none !important;
  }

  .jom-slider-block .slick-prev:before, .jom-slider-block .slick-next:before {
    width:46px;
    height:46px;
    background:transparent;
    border:none;
    border-top: 2px solid #000;
    border-right:2px solid #000;
    content:"";
    display:block;
  }



  .jom-slider-block .slick-prev {
    left:30px;
    transform:rotate(-135deg);
    opacity:0;
  }

  .jom-slider-block .slick-next {
    right:30px;
    transform:rotate(45deg);
    opacity:0;
  }

  .jom-slider-block:hover .slick-next, .jom-slider-block:hover .slick-prev  {
      opacity:1
  }



  /* 2.8 Block Plakat */

  /* 2.9 Block Kontaktformular */

  .kontaktformular .spalte-links, .kontaktformular .spalte-rechts {
      flex-basis:50%;
      width:50%;
      flex-wrap:wrap;
  }

  .kontaktforumlar .spalte-link {
      padding-right:20px;
  }
  .kontaktformular .spalte-rechts {
      padding-left:20px;
  }

  .kontaktformular .zeile {
      margin:0 -10px;
  }
  .kontaktformular .halb {
      flex-basis:50%;
      width:50%;
      padding-left:10px;
      padding-right:10px;
  }

  .kontaktformular .drittel {
      flex-basis:33.333333%;
      width:33.33333%;
      padding-left:10px;
      padding-right:10px;
  }

  .kontaktformular .zwei-drittel {
      flex-basis:66.666666%;
      width:66.6666666%;
      padding:0 10px;
  }

  .kontaktformular  .voll {
      width:100%;
      padding: 0 10px;

  }



  /* 2.10 Block Textakkordeon */

  /* 2.11 Block Jobliste */
  .jobliste .spalten {
      margin:0 -15px;
        padding:30px;
  }

  .jobliste .spalten .spalte {
      flex-basis:33.333333%;
      width:33.33333%;
      padding:0 15px;
  }

  .spalte-bild {
      order:1;
  }

  .spalte-text {
      order:2;
  }

  .spalte-sonstiges {
      order:3;
  }
  .jobliste img.jobbild {
      margin-bottom:30px;
      display:block;
  }


/* 2.12 Block Händlerscuhe */
  .auswahlfeld {

    display:inline-block;
    position:relative;
    background:#eaeaea;
    border-bottom: 4px solid #ee7203;
    padding: 0.5rem;
    padding-top: 0;
    font-size: 24px;
    outline: none;
    font-family: 'Open Sans';
    padding-top: 1em;
    border-radius: 0;
    margin-bottom:20px;
  }

  .auswahlfeld label{
    position:absolute;
    top:0;
    left:0;
    display: block;
    color: #222;
    font-size: 14px;
    padding: 0.5rem;
    padding-top: 0.26rem;
    padding-bottom: 0;
    z-index: 1;
  }


  .auswahlfeld ul {
    padding:0;
    margin:0;
    list-style:none;
    position:absolute;
    display:none;
    left:0;
    width:100%;
  }

  .auswahlfeld ul li:first-child {
    border-top:4px solid #ee7203;
  }

  .auswahlfeld ul li {
    cursor:pointer;
    padding:0.5rem;
    border-top:1px solid #222;
  }

  .auswahlfeld.aktiv ul {
      display:block;
      background:#eaeaea;
      margin-top:0.5rem;
  }

  .auswahlfeld .auswahl {
    display:flex;
    align-items:center;

  }
  .auswahlfeld .auswahl:after {
      content:"";
      display:inline-block;
      width:23px;
      height:16px;

      background-position:center;
      background-size:100%;
      margin-left:2em;
   }


   #wpsl-heaendlersuche {
       position:relative;
   }

   #wpsl-wrap {
     position:absolute;
     width:100%;
     top:0;
     left:0;
     z-index:999;
   }

   #wpsl-wrap .menue-gruppe {
       background:rgba(0,0,0,0.7);
       padding-top:100px;
   }

   .menue-gruppe .textfeld, .menue-gruppe .auswahlfeld {
       margin-bottom:0;
       margin-right:20px;
   }



   #wpsl-wrap .menue-gruppe .menue-gruppe-inhalt {
       padding: 20px;
   }

   #wpsl-gmap {
       width:100%;
       height:100vh;
   }

   .leaflet-popup-content-wrapper {
     border-radius:0;
     font-size:16px;
   }


   #erweiterter-filter.aktiv {

      margin:0 -10px;
   }

   #einfacher-filter {

     margin:0 -10px;

   }






   .feld {
       padding:0 10px;
       margin-bottom:20px;
   }

   .feld .textfeld {
       width:100%;
   }

    .feld.land, .feld.stadt {
       flex-basis:25%;
       width:25%;
    }

     .feld.radius, .feld.ergebnisse {
      flex-basis: 12.5%;
      width:12.5%;
     }

    .feld.plz, .feld.strasse {
       flex-basis:25%;
       width:25%;
    }

    .feld.kreis {
      flex-basis:25%;
       width:25%;
    }

    .feld.senden-desktop {
       display:inline-block;
       flex-basis: 25%;
       width:25%;
    }

    #wpsl-search-btn {
        display:none;
    }








   .store-header {
       margin-bottom:20px;
   }
   .store-header h2{
       font-size:16px;
       margin-bottom:4px;
   }

   .store-header .adress, .store-header .city {
       display:block;
   }

   .contact-details .phone, .contact-details .fax, .store-links .mail, .store-links .wpsl-link {
       display:block;
   }

   .contact-details {
       margin-bottom:20px;
   }

   .store-links a {
       text-decoration:none;
       color:#ee7203;
       margin-bottom:20px;
       text-transform:uppercase;
   }

   .store-links a:after {
       content:" >";
   }

   #adressfehler-container {
       position:fixed;
       top:0;
       left:0;
       z-index:99999;
       background:rgba(0,0,0,0.8);
       display:none;
       width:100%;
       height:100%;


   }

   #adressfehler-container.aktiv {
       display:flex;
       align-items:center;
       justify-content:center;
   }

   #adressfehler {
       background:#fff;
       padding:20px;
   }


   /* 2.13 Block Text */
   .textblock h2{
     font-size:45px;
     margin-bottom:20px;
     margin-top:40px;
   }

   .textblock h2:first-child {
      margin-top:0;
   }

   .textblock h3 {
     margin-bottom:20px;
     font-weight:600;
   }

   .textblock h4 {
     margin-bottom:20px;
     font-size:20px;
   }

   .textblock a {
       color:#ee7203;
       font-weight:700;
   }

   .textblock ul {
       font-size:20px;
   }

   /* 2.13 Block Textspalten */
   .textspaltenblock .spalten {
     margin:0 -20px;
   }

   .textspaltenblock .spalten .spalte-2 {
     flex-basis:50%;
     width:50%;
     padding:0 20px;
   }

   .textspaltenblock .spalten .spalte-3 {
     flex-basis:33.3333%;
     width:33.33333%;
     padding:0 20px;
   }

   .textspaltenblock .spalten .spalte-4 {
     flex-basis:25%;
     width:25%;
     padding:0 20px;
   }

   .textspaltenblock .spalten .spalte-5 {
     width:20%;
     padding:0 20px;
     flex-basis:20%;
   }

   .textspaltenblock .spalten .spalte-6 {
     flex-basis:16.6666%;
     width:16.6666%;
     padding:0 20px;
   }


   /* 2.16 Block Newsletteranmeldung */
   .newsletterformular .textfeld.halb {
       width:50%;
       flex-basis:50%;
       padding:0 10px;

   }






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

  /* 3.1.1 Produktseitenkopf */
  .produktseitenkopf {
       height:466px;
   }

  .produktseitenkopf.produkt .produktseitenkopf-inhalt .ueberschrift {
     max-width:50%;
  }
  .produktseitenkopf-inhalt .ueberschrift h3  {
        margin-top:15px;
        margin-bottom:15px;
        font-size:30px;
        color:#fff;
  }

  .produktseitenkopf-inhalt .ueberschrift h2 {
      margin:0;
      color:#fff;
      line-height:62px;
      font-size:78px;
  }

  .produktseitenkopf-inhalt .ueberschrift.medium h2 {
     line-height:62px;
     font-size:65px;
     margin-bottom:-5px;
  }


  /* 3.2 Produktdetailseite */
    /* 3.2.1 Produktbild und Beschreibung */
  .produktgruppe .produkt {
     flex-basis:50%;
     width:50%;
     padding-right:2%;
     order: 1;

  }

  .produktgruppe .produktbild-gruppe {
     flex-basis:50%;
     width:50%;
     padding-left:2%;
     position:relative;
     order: 2;
  }

  .produktbild-gruppe .produktbild{
    position:absolute;
    width:100%;
    transform:translateY(-35%);
    z-index:99;
  }

     .produktbild-gruppe.lmd-produkt:after {
        width:100px;
        height:100px;

     }

  /* 3.2.2 Bilder und Videogalerie */
  #produktgalerie .bilder-gruppe {
       flex-basis:50%;
       width:50%;
  }

  #produktgalerie .bilder-gruppe.solo {
       flex-basis:100%;
       width:100%;
  }

  #produktgalerie .bildergalerie.solo.bilder-2 .bild {
        flex-basis:50%;
        width:50%;

  }

  #produktgalerie .bildergalerie.solo.bilder-4 .bild {
        flex-basis:25%;
        width:25%;

  }

  #produktgalerie .bildergalerie.solo.bilder-5 .bild {
        flex-basis:20%;
        width:20%;

  }

  #produktgalerie .video-gruppe {
     flex-basis:50%;
     width:50%;
  }

  #produktgalerie .bildergalerie.video-gruppe .bild::after {
       padding:0;
       display:none;
  }

  /* 3.2.3 Produktdetails */
  .produktdetails {
     max-width:565px;
  }


  /* 3.2.4 Downloads */

  /* 3.2.5 Zubehörslider */
  .zubehoer-gruppe {
    padding:0 40px;
  }

  #zubehoer .slick-prev,#zubehoer .slick-next {
    width:50px;
    padding-bottom:50px;


  }

  #zubehoer .slick-prev {
    left:-30px;
    transform:translateY(-90%) rotate(-135deg);
  }

  #zubehoer .slick-next {
    right:-30px;
    transform:translateY(-90%) rotate(45deg);
  }



  /* 3.3 Produktkategorie-Seite */
    /* 3.3.1 Produktauflistung */
  .produktliste .produkt {
      flex-basis:25%;
      width:25%;
      padding:0 10px;
      margin-bottom:35px;

  }

  .produkttitel {
      height:130px;
      display:flex;
      align-items:flex-start;
      justify-content:center;
      text-transform:uppercase;
      font-size:28px;
      font-weight:600;
      font-family: urw-din, sans-serif;
      padding: 20px;
      text-align:center;
      line-height:1em;
  }

  /* 3.3.2 Filter */
  .produktfilter-bezeichnung {
    text-transform:uppercase;
    color:#fff;
    font-family: urw-din, sans-serif;
    margin-right:50px;
    font-size:30px;
    display:inline-block;
  }


  .produktfilter-button-gruppe .icon {
    max-width:80px;
  }

  .produktfilter-button-gruppe .pfeil {
    display:inline-block;
    width:30px;
    height:30px;
    position:absolute;
    right:7px;
    border-top:2px solid #fff;
    border-left:2px solid #fff;
    transform:rotate(135deg);
    transition: all 0.3s;

  }

  .filter-reset.desktop {
    display:inline-block;
  }

  .filter-reset.mobile {
      width:100%;
      display:none;
  }

  #filter-button {
      width:auto;
  }

  .produktfilter-spalten {
    display:flex;
    padding: 50px 0;
    color:#fff;
  }

  .filterspalte {
    flex-basis: 25%;
    width:25%;
    border-right:5px solid #ee7203;
    border-bottom:none;
    padding:0 20px;
  }

  .rangeslider input {font-size: 16px;
    padding-top: 0em;
    display: inline-block;
    width: 70px;
    margin-bottom: 20px;
    padding:0 10px;
  }

/* 3.4 Suchergebnis-Seite */

.suchergebnisliste {

    flex-direction:row;

}

.suchergebnis {
  flex-basis:25%;
  width:25%;
  padding:0 15px;
  max-width:none;
  margin-left:unset;
  margin-right:unset;
  margin-bottom:30px;
}

/* 3.5 Download-Seiten */
.download-kategorie {
    flex-basis:50%;
    width:50%;
    padding:0 20px;
}


.download-kategorie ul li a {

    flex-wrap:no-wrap;
}

.download-knopf .prefix {
    background-color:#ee7203;
    color:#fff;
    width:40%;
    display:flex;
    align-items:center;
    justify-content:center;
}

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

#download-formular form {

    border-bottom:4px solid #dadada;
    padding-bottom:40px;
}

#download-formular form > label {
    font-size:60px;
    text-transform:uppercase;
    font-family: urw-din, sans-serif;
    font-weight:600;
    margin-bottom:0px;
    width:auto;
    flex-basis:auto;
}

#download-formular form .textfeld {
    margin-bottom:0;
    flex-grow:2;
    flex-basis:auto;
    width:auto;
    margin-right:2%;
    margin-left:2%;
}

#download-formular .absenden-knopf {
    width:25%;
    font-size:22px;
}

.icon.icon-suche.schwarz {
    background:url('../../img/icons/lupe_schwarz.svg');
    width:48px;
    height:48px;
    position:relative;
    top:3px;
}


}