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


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

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

   /*****************************************************************
   *********** Header
   ******************************************************************/
   .mainheadline{
      /*font-size: 35px !important;*/
   }
   .head-text{
      padding-left: 50px;

   }
   .header-text{
      display: none;

   }

   .nav2-link{
      padding-left: 50px;
   }
   /*****************************************************************
   *********** 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%;
      position: relative;
      transform: translateY(0%);
      top: 0px;
   }

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

   .text-image-main .right-column {
      width: 90% !important;
      overflow: hidden;
      float: none;
      height: auto;
      margin: 0px 5% !important;
      padding: 0px;
   }

   .text-image-main .left-column .text{
      /*padding: 25px 40px !important;*/
      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;
      top: 20px;
      right: 20px;
   }

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

   #head-canvas{
      padding: 0px;
   }

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

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

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

   .contactform .form-label {
      width: 100%;
      display: block;
      padding-bottom: 5px;
   }



}