/*
************************************************************
Styles:     flix//theme
Project:    interaktiv manufaktur - 480px Responsive CSS
Autor:      Michael Eipel
Copyright:  (c) 2015 Interaktiv Manufaktur
Website:    www.interaktiv-manufaktur.de
************************************************************
*/


/* NOTE - This Style transformes only specific components from 320px.css  */
/* starting body tag increases the level without important */


@media only screen and (min-width: 480px) and (max-width: 1000px) {

   /* ********** download-cat-main ********** */
   .download-cat-main .image {
      display:table-cell;
   }

   .download-cat-main .container {
      display:table-cell;
      width:auto;
      float:none;
      border-top: 1px solid #a4b7e0;
   }

   .download-cat-main .text {
      width:100%;
      margin:0;
   }


   /* ********** news-detail ********** */
   .news-detail .contentmain_dina4 .image-intro-main-container {
      float:left;
   }

   .news-detail .contentmain_dina4 .image-intro-main,
   .news-detail .contentmain_dina4 .image-content-main {
      margin:0 10px 0 0;
   }

   .news-detail .contentmain_dina4 .intro-main {
      display:block;
   }


   /* ********** contact-form ********** */
   .ort-input .textbox {
      width: 88%;
      margin-left:0;
   }

   /* ********** PIWIK Custom Optout ********** */
   #optout {
      height:250px !important;
   }



}


@media only screen and (min-width: 575px) and (max-width: 1000px) {

   body .texteditor-main .image,
   .texteditor-main .image.detail_portrait {
      float:left;
      margin-bottom:0;
   }

   body .person-main .text {
      float:none;
      display:table-cell;
   }


   /* ********** download-catlist-main ********** */

   .download-catlist-main .left {
      float:none;
      display:table-cell;
      padding-right:20px;
   }

   .download-catlist-main .right,
   .article-page .publikation-main .right {
      float:none;
      display:table-cell;
      vertical-align:top;
   }



}

@media only screen and (min-width: 415px) and (max-width: 1000px) {

   body .scrolltotop {
      margin-top:0;
   }

}

@media only screen and (min-width: 0px) and (max-width: 400px) {

   body #claim {
      display:none;
   }

}