/* css mediaspecific
 *
 */ 
 


.cookiebar--active {  /* cookiebar verstecken */
    display: none !important;
  }
.infoButton {
  display:none;    /* bei Smartphone infoButton ausblenden */
}
.schmuckseite_logo {
    display:none;    /* bei Smartphone kein logo und damit kein Zoom */
}

/*--------------------------------------------------------------
## x >= 320px    kleine Ansicht
--------------------------------------------------------------*/
@media  (min-width:320px)  { 
/* smartphones, iPhone, portrait 480x320 phones */ 
/*.album_preview li:nth-child(7n+1) { */
/*  clear: left; */
/*} */
  .detail-img-zoom {     /* Bildgroesse Vorschaubild Arikelseite Vorbelegung */
/*    width:3empx; */
  }

  .schmuck-detail, .schmuck-detail-inside img {
        width:  16em;                                                                                                     
        height: 16em;
  }
  .detailanfrage {
    .schmuck-detail {
      width:auto;
      height:auto;
    }
    .schmuck-detail img {
        width:  16em;                                                                                                     
        height: 16em;
    }
  }
}

/*--------------------------------------------------------------
## x <= 767px  Handy Sicht
--------------------------------------------------------------*/
@media  screen and (max-width: 767px) {

  select, button {
    -webkit-appearance: none; /* Entfernt die native iOS-Stilisierung  */
    -moz-appearance: none;
    appearance: none;
  }

	/* Pagination */

	/* Widgets */

	/* Content */
  #wrapper {              
    margin:15px;
  /*width:90%;   */
  }
  .logo{
    display:none;
  }
}
/*--------------------------------------------------------------
## x >= 768px    normale Ansicht
--------------------------------------------------------------*/
@media  screen and (min-width: 768px) {
	/* Pagination */

	/* Widgets */

	/* Content */
  #wrapper{
    margin:auto;
    width:90%;  
  }
  .cookiebar--active {  /* ab 768 cookiebar wenn notwendig anzeigen */
    display: flex !important;
  }
  .schmuckseite_logo {
    display:block;
  }

}


@media  (min-width:983px) {
  .infoButton {
    display:block;    /* ab 983 bei laptops und groesser einschalten */
    float:left;
  }

}

@media  (min-width:961px)  {
/* tablet, landscape iPad, lo-res laptops ands desktops */ 

  /* ab hier wird der Name unter dem Icon dargstellt Heike will das nicht*/
  /*
  .bildunterschrift {     
    display:block; 
    text-align: center;
  }
  */

}