/*
************************************************************
Styles:     flix//theme
Project:    flix-Base - Main CSS
Autor:      Yannik Boost
Copyright:  (c) 2015 interaktiv manufaktur
Website:    www.interaktiv-manufaktur.de
************************************************************
*/
@media only screen and (max-width: 1024px) {
   .text-readmore-main .left-column{
      float: left;
      width: 100%;
      max-width: 275px;
   }
   .text-readmore-main .right-column{
      display: inline-block;
      float: right;
      width: calc(100% - 330px);
   }



   /*****************************************************************
   *********** Document
   ******************************************************************/

   /*****************************************************************
   *********** Allgemeine Selectoren
   ******************************************************************/

   /*****************************************************************
   *********** Header
   ******************************************************************/

   /*****************************************************************
   *********** Footer
   ******************************************************************/

   /*****************************************************************
   *********** Content
   ******************************************************************/

   /*****************************************************************
   *********** Seitenelemente
   ******************************************************************/
   .header-text h2{
      display: none;
   }
   #footer-canvas .right-column{
      float: left;
   }
   #footer-canvas .column{
      width: 100% !important;
      margin-right: 0px !important;
      margin-left: 0px !important;
   }
   #footer-canvas .center-column{

   }
}

@media only screen and (max-width: 1200px) {
   #nav1-wraper{
      display: none;
   }
   #main-canvas{
      padding: 0px !important;
   }
   .menu-button{
      display: inline-block;
      position: absolute;
      top: 37px;
      right: 30px;
   }
   #footer-canvas{
      padding-left: 15px !important;
      padding-right: 15px !important;

   }
   .logo-text{
      font-size: 32px !important;
   }

   .header-image{
      height: 275px !important;
      background-size: 125px auto !important;
      background-position: calc(50% - 25px) calc(50% + 10px) !important;
   }
}

@media only screen and (max-width: 850px) {
   .text-slider-main .text-column{
      width: 100% !important;
      margin-left: 0px !important;
      margin-top: 10px;
   }

   .opinion-main .image-area{
      max-width: 250px;
   }
   .opinion-main .content-area.imageExist{
      width: calc(100% - 260px);
   }
}

@media only screen and (max-width: 550px) {
   .text-slider-main .image-column img{
      width: 100% !important;
   }
   .logo-text{
      font-size: 20px !important;
      text-align: left !important;
      padding: 0px 25px !important;
   }

   .header-image{
      height: 125px !important;
      background-size: 75px auto !important;
      background-position: 50% 50% !important;
   }

   .opinion-main .image-area{
      max-width: 375px;
      float: none;
      margin-top: 25px;
   }
   .opinion-main .content-area.imageExist{
      width: 100%;
      float: none;
   }
}

@media only screen and (max-width: 425px) {

   .logo-text{
      font-size: 15px !important;
      text-align: left !important;
      padding: 0px 25px !important;
   }

   .header-image{
      height: 125px !important;
      background-size: 75px auto !important;
      background-position: 50% 50% !important;
   }
}