/* Specific overrides for screen sizes */

/********************************************************************************
 * Standard layout: Über 1000 Pixel
 *******************************************************************************/
@media only screen and (min-width:1001px) {
}

/********************************************************************************
 * Tablet landscape: Breiteres Display: 921 - 1000 Pixel
 *******************************************************************************/
@media only screen and (min-width:921px) and (max-width:1000px) {
}


/********************************************************************************
 * Tablet landscape: Schmäleres Display: 769 bis 920 Pixel
 *******************************************************************************/
@media only screen and (min-width:769px) and (max-width:920px) {
  /* Login-Block */
  .block-login .login {
    display:none;  
  }

  /* ---- View Blöcke Mitmachen --------------------------------------------*/
  .view-participate-text-loggedin {
    max-width:55%;
  }
  
  .view-participate-text-loggedout {
    max-width:55%;
    margin-top:0;
  }
  
  .view-participate-button-loggedin {
    margin-top:0.8em;
  }

}

/********************************************************************************
 * Sonderfall: Krimi der Woche Inhaltsbereich 
 * Tablet portrait: Breiteres Display: 770 - 895 Pixel
 *******************************************************************************/
@media only screen and (min-width:770px) and (max-width:895px) {
  /* --- Krimi der Woche / Inhaltsbereich --- */
  #block-views-promotion-block-top.krimi-woche .viwe-content {
    background-image: url(../images/krimi-woche-cm.gif);
  }
  /* --- Krimi des Monats / Inhaltsbereich --- */
  #block-views-promotion-block-top.krimi-monat .view-content {
    background-image: url(../images/krimi-monat-cm.gif);
  }
  /* --- Thriller der Woche / Inhaltsbereich --- */
  #block-views-promotion-block-top.thriller-woche .view-content {
    background-image: url(../images/thriller-woche-cm.gif);
  }
  /* --- Thriller des Monats / Inhaltsbereich --- */
  #block-views-promotion-block-top.thriller-monat .view-content {
    background-image: url(../images/thriller-monat-cm.gif);
  }

  #block-views-promotion-block-top .views-row {
    min-height: 155px;
  }
  #block-views-promotion-block-top img {
     margin-top: 8px;
     height: 140px;
     width:auto;
  }
}


/********************************************************************************
 * Tablet portrait: Gesamtes Display 481 - 768 Pixel
 *******************************************************************************/
@media only screen and (min-width:481px) and (max-width:768px) {
  /* Werbung */
  .skyscraper {
    display:none;
  }
  /* Sichtbarkeit/Positionierung des Adsense-Large-Skyscrapers */
  .large-skyscraper .adsbygoogle { 
    display:none !important;
  }
  .superbanner .block-inner {
    /*height:auto;*/
  }
  .superbanner .block-content{
    margin:0;
    text-align:center;
    overflow:hidden;
  }
  
  #header .header-inner {
    padding:0;
  }
  
  /* Suchbox (Background in colors.css) */
  .region-header #block-search-form {
    margin:0;
    padding:0;
    
  }
  #block-search-form .container-inline {
    position:relative;
    top:-0.2em;
  }
  input#edit-search-block-form--2 {
    margin: 0.2em 0;
  }
 
  /* Login-Block */
  .block-login {
    position: absolute;
    top: -32px;
    right: 0;
  }
  .block-login .login {
    display:none;  
  }

  /* Block Neuerscheinungen */
  .block-views .view-neuerscheinungen .views-row-8,
  .block-views .view-neuerscheinungen .views-row-7 {
    display: none;
  }
  .view-display-id-block_neuerscheinungen .views-row {
    width:14.37%; 
    margin-right:0.78%;
  }

  .view-display-id-block_neuerscheinungen .more-link {
    width:8.95%;
  }

  /* Krimi/Thriller der Woche/des Monats Seitenspalte */
  /* --- Krimi der Woche / Seitenspalte --- */
  #block-views-promotion-block-side.krimi-woche .block-content {
    background-image: url(../images/krimi-woche-sb.gif);
  }
  
  /* --- Krimi des Monats / Seitenspalte --- */
  #block-views-promotion-block-side.krimi-monat .block-content {
    background-image: url(../images/krimi-monat-sb.gif);
  }
  
  /* --- Thriller der Woche / Seitenspalte --- */
  #block-views-promotion-block-side.thriller-woche .block-content {
    background-image: url(../images/thriller-woche-sb.gif);
  }
  
  /* --- Triller des Monats / Seitenspalte --- */
  #block-views-promotion-block-side.thriller-monat .block-content {
    background-image: url(../images/thriller-monat-sb.gif);
  }
}


/********************************************************************************
 * Sonderfall: Krimi der Woche Contentbereich / View Mitmachen Button
 * Tablet portrait: Schmäleres Display: 481 - 630 Pixel
 *******************************************************************************/
@media only screen and (min-width:481px) and (max-width:630px) {
  /* --- Krimi der Woche / Inhaltsbereich --- */
  #block-views-promotion-block-top.krimi-woche .view-content {
    background-image: url(../images/krimi-woche-cm.gif);
  }
  /* --- Krimi des Monats / Inhaltsbereich --- */
  #block-views-promotion-block-top.krimi-monat .view-content {
    background-image: url(../images/krimi-monat-cm.gif);
  }
  /* --- Thriller der Woche / Inhaltsbereich --- */
  #block-views-promotion-block-top.thriller-woche .view-content {
    background-image: url(../images/thriller-woche-cm.gif);
  }
  /* --- Thriller des Monats / Inhaltsbereich --- */
  #block-views-promotion-block-top.thriller-monat .view-content {
    background-image: url(../images/thriller-monat-cm.gif);
  }

  #block-views-promotion-block-top .views-row {
    min-height: 155px;
  }
  #block-views-promotion-block-top img {
     margin-top: 8px;
     height: 140px;
     width:auto;
  }

  /* ---- View Blöcke Mitmachen --------------------------------------------*/
  .view-participate-text-loggedin {
    max-width:50%;
  }
  
  .view-participate-text-loggedout {
    max-width:50%;
    margin-top:0;
  }
  
  .view-participate-button-loggedin {
    margin-top:0.8em;
  }

}


/********************************************************************************
 * Smartphone landscape: 321 - 480 Pixel
 * Test: jetzt Smartphone landscape: 356 - 480 Pixel
 *******************************************************************************/
@media only screen and (min-width:356px) and (max-width:480px) {
  /* Werbung */
  .superbanner,
  .skyscraper {
    display:none;
  }
  /* Sichtbarkeit/Positionierung des Adsense-Large-Skyscrapers */
  .large-skyscraper .adsbygoogle { 
    display:none !important;
  }

  #header .header-inner {
    padding:0;
    margin:0;
  }
  .region-header {
    margin:0;
  }

  /* Suchbox (Background in colors.css) */
  .region-header #block-search-form {
    margin:0;
    padding:0;
  }

  #block-search-form .container-inline {
    position:relative;
    top:-0.2em;
  }

  /* Login-Block */
  .block-login {
    float:left;
    text-align:left
  }
  /* "Angemeldet als" ausblenden */ 
  .block-login .login {
    display:none;  
  }

  /* Menü-Zeile */
  #menu-bar {
    line-height: 1em;
    padding-bottom:0.5em;
  }
  #menu-bar .menu-wrapper > ul > li {
    float:left;
  }
  
  /* Webform */
  .webform-component .form-checkboxes label {
    max-width: 50%;
  }

  /* Block Neuerscheinungen */
  .block-views .view-neuerscheinungen .views-row-8,
  .block-views .view-neuerscheinungen .views-row-7, 
  .block-views .view-neuerscheinungen .views-row-6,
  .block-views .view-neuerscheinungen .views-row-5 {
    display: none;
  }
  .view-display-id-block_neuerscheinungen .views-row {
    width:21.0%;
    margin-right:0.70%;
  }

  .view-display-id-block_neuerscheinungen .more-link {
    width:13.0%;
  }

  /* Krimi/Thriller der Woche/des Monats Seitenspalte */
  /* --- Krimi der Woche/Seitenspalte --- */
  #block-views-promotion-block-side.krimi-woche .block-content {
    background-image: url(../images/krimi-woche-sm.gif);
  }
  
  /* --- Krimi des Monats/Seitenspalte --- */
  #block-views-promotion-block-side.krimi-monat .block-content {
    background-image: url(../images/krimi-monat-sm.gif);
  }
  
  /* --- Thriller der Woche/Seitenspalte --- */
  #block-views-promotion-block-side.thriller-woche .block-content {
    background-image: url(../images/thriller-woche-sm.gif);
  }
  
  /* --- Triller des Monats/Seitenspalte --- */
  #block-views-promotion-block-side.thriller-monat .block-content {
    background-image: url(../images/thriller-monat-sm.gif);
  }

  /* Page Medien */
  .article-type-medium .group-column-left {
    clear:both;
    margin-right:0;
    margin-bottom: 1em;
    max-width: 100%;
    position:relative;
    width:100%;
    height:100%;
  }

  .article-type-medium.article-full .field-name-field-aisn, 
  .article-type-medium.article-full .field-name-field-cover {
    width:30%;
    float:left;
  }

  /* Kaufen-Buttons rechts neben dem Cover */
  .article-type-medium .group-buy {
    clear:none;
    float:right;
    padding:0;
    width:65%;
  }

  .article-type-medium .view-mode-full img {
    max-width: 100%;
  }

  /* ---- View Blöcke Mitmachen --------------------------------------------*/
  .view-participate-text-loggedin {
    float:none;
    text-align:center;
    margin-bottom:0.6em;
    max-width:none;
  }

  .view-participate-text-loggedout {
    float:none;
    text-align:center;
    margin-top:0;
    margin-bottom:0.6em;
    max-width:none;
  }

  .view-participate-button {
    float:none;
}

}


/********************************************************************************
 * Sonderfall: Krimi der Woche Contentbereich 
 * Smartphone landscape und portrait: 0 - 480 Pixel
 *******************************************************************************/
@media only screen and (max-width:480px) {
  /* --- Krimi der Woche / Inhaltsbereich --- */
  #block-views-promotion-block-top.krimi-woche .view-content {
    background-image: url(../images/krimi-woche-cs.gif);
  }
  /* --- Krimi des Monats / Inhaltsbereich --- */
  #block-views-promotion-block-top.krimi-monat .view-content {
    background-image: url(../images/krimi-monat-cs.gif);
  }
  /* --- Thriller der Woche / Inhaltsbereich --- */
  #block-views-promotion-block-top.thriller-woche .view-content {
    background-image: url(../images/thriller-woche-cs.gif);
  }
  /* --- Thriller des Monats / Inhaltsbereich --- */
  #block-views-promotion-block-top.thriller-monat .view-content {
    background-image: url(../images/thriller-monat-cs.gif);
  }

  #block-views-promotion-block-top .view-content {
    background-color:#E0E0E0;
  }

  #block-views-promotion-block-top .views-row {
    margin-right:10px;
    min-height: 185px;
  }

  #block-views-promotion-block-top img {
    margin-top: 40px;
    height: 140px;
    width:auto;
   }

  #block-views-promotion-block-top .views-field-field-herausgeber {
    padding-top: 40px;
  }
  
  #block-views-promotion-block-top .views-field-field-herausgeber a:link, 
  #block-views-promotion-block-top .views-field-field-herausgeber a:visited, 
  #block-views-promotion-block-top .views-field-field-herausgeber a:active {
    color:black;
  }

  #block-views-promotion-block-top .views-field-path {
    position:static;
    right:20px;
  }
}


/********************************************************************************
 * Smartphone portrait: 0 - 320 Pixel
 * Test: Jetzt Smartphone portrait: 0 - 355 Pixel
 *******************************************************************************/
@media only screen and (max-width:355px) {
  /* Werbung */
  .superbanner,
  .skyscraper {
    display:none;
  }
  /* Sichtbarkeit/Positionierung des Adsense-Large-Skyscrapers */
  .large-skyscraper .adsbygoogle { 
    display:none !important;
  }

  #logo {
    margin:0 10px 0 10px; 
    float:left;
  }

  #header .header-inner {
    padding:0;
    margin:0;
    background-image: none;
  }
  .region-header {
    margin:0;
  }

  /* Suchbox (Background in colors.css) */
  .region-header #block-search-form {
    margin:0 0 1em 0;
    padding:0;
    text-align:center;
  }
  /* Login-Block */
  .block-login {
    float:left;
    text-align:left
  }
  /* "Angemeldet als" ausblenden */ 
  .block-login .login {
    display:none;
  }

  /* Menü-Zeile */
  #menu-bar {
    line-height: 1.5em;
    /*margin-left:-1em;*/
    padding-bottom:0.5em;
  }
  #menu-bar .menu-wrapper > ul > li {
    float:left;
  }
  
  /* Webform */
  .webform-component label {
    float: none;
  }
  .webform-component select, .webform-component input {
    margin-left:0;
    margin-top:0;
    max-width:90%
  }
  .webform-component-newsletter_email .form-type-textfield {
    margin-top:0;
  }
  .webform-component .form-checkboxes label {
    max-width: 80%;
  }

  /* Block Neuerscheinungen */
  .block-views .view-neuerscheinungen .views-row-8,
  .block-views .view-neuerscheinungen .views-row-7,
  .block-views .view-neuerscheinungen .views-row-6,
  .block-views .view-neuerscheinungen .views-row-5,
  .block-views .view-neuerscheinungen .views-row-4 {
    display: none;
  }
  .view-display-id-block_neuerscheinungen .views-row {
    width:26.98%;
    margin-right:0.75%;
  }

  .view-display-id-block_neuerscheinungen .more-link {
    width:16.7%;
  }

  /* -------------- Page News -----------------------------------------------*/
  .article-type-news.article-full .field-type-image {
    max-width:100%;
    text-align:center;
  }

  .article-type-news.article-full .image-landscape img {
    max-width:100%;
  }

  .article-type-news.article-full .image-portrait img,
  .article-type-news.article-full .image-square img {
    max-width:70%;
  }

  .article-type-news.article-full .field-type-image figcaption {
    max-width:100%;
  }

  /* -------------- Teaser Medien: Krimiliste und Krimifenster --------------*/
  .article-type-medium.article-teaser .field-name-field-aisn,
  .article-type-medium.article-teaser .field-name-field-cover,
  .article-type-medium.article-teaser2 .field-name-field-aisn,
  .article-type-medium.article-teaser2 .field-name-field-cover {
    max-width:35%;
  }
  
  .article-type-medium.article-teaser .field-name-field-aisn img,
  .article-type-medium.article-teaser .field-name-field-cover img,
  .article-type-medium.article-teaser2 .field-name-field-aisn img,
  .article-type-medium.article-teaser2 .field-name-field-cover img {
    max-width:90%;
  }

  /* -------------- Page Medien ---------------------------------------------*/
  .article-type-medium .group-column-left {
    float:none;
    width: 100%;
    max-width: 100%;
    margin-bottom:2em;
  }

  .article-type-medium .group-buy {
    clear:both;
    padding-top 1em;
    margin-bottom:1em;
  }

  .article-type-medium.article-full .field-name-field-aisn, 
  .article-type-medium.article-full .field-name-field-cover {
    width:100%;
    text-align: center;
    max-width: 100%;
  }

  .article-type-medium .view-mode-full img {
    max-width:70%;
    width:100%;
  }
  
  /* -------------- View Rezensionen: Liste der Rezensionen ----------------*/
  .view-rezensionen .views-field-field-cover {
    max-width:35%;
  }

  .view-rezensionen .views-field-field-cover img {
    max-width:90%;
  }

  /* ---- View Blöcke Mitmachen --------------------------------------------*/
  .view-participate-text-loggedin {
    float:none;
    text-align:center;
    margin-bottom:0.6em;
    max-width:none;
  }

  .view-participate-text-loggedout {
    float:none;
    text-align:center;
    margin-top:0;
    margin-bottom:0.6em;
    max-width:none;
  }

  .view-participate-button {
    float:none;
}

}