/*
************************************************************
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: 760px) {


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

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

   /*****************************************************************
   *********** Header
   ******************************************************************/
   .mainheadline{
      font-size: 35px !important;
   }
   /*****************************************************************
   *********** Footer
   ******************************************************************/

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

   /*****************************************************************
   *********** Seitenelemente
   ******************************************************************/

   #info-canvas {
      width: 100%;
      margin: 25px 0px;
   }
   #content-canvas {
      width: 100% !important;
      margin-left: 0px !important;
      margin-top: 25px;
   }


   .text-image-main .left-column .text, .text-image-main .right-column .text{
      box-sizing: border-box;
      padding: 0px;
      max-width: 100%;
      margin-left: 0%;
      position: relative;
      transform: translateY(0%);
      top: 0px;
   }

   .text-image-main .left-column{
      float: none;
      height: auto;
      overflow: hidden;
      max-width: 90%;
      margin: 0px;
   }

   .text-image-main .right-column {
      overflow: hidden;
      float: none;
      height: auto;
   }

   .text-image-main .left-column .text{
      padding-bottom: 40px;
      text-align: left;

   }

   #pageElement-452 .right-column {
      width: 100% !important;
   }

   .header-text{
      display: none !important;
   }
   #logo img {
      width: 60px;
   }

   .menu-button {
      display: inline-block;
      position: absolute;
   }

   #main-navigation{
      display: none !important;
   }

   #head-canvas{
      padding: 0px;
   }

   #nav2-canvas{
      width: 100%;
      margin-bottom: 10px;
   }

   .text-main{
      width: 90%;
      margin: 0 5% !important;
   }
   .info-teaser-main{
      width: 96%;
      margin: 25px 2% 0;
   }

   .image-text-three-columns-main{
      width: 96%;
      margin: 25px 2% 0;
   }


   .image-text-three-columns-main .col {
      width: 80%;
      float: left;
      overflow: hidden;
      box-sizing: border-box;
      margin-left: 15px;
      margin: 0px 10% 15px !important;
   }
   .image-text-three-columns-main .headline{
      text-align: center;
   }

   #footer-canvas .column {
      width: 100%;
      float: left;
      overflow: hidden;
      box-sizing: border-box;
      margin-left: 0;
      text-align: center;
      /*margin-left: 10%;*/
      margin-bottom: 25px;
      padding: 0px;
   }
}