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


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

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

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

   /*****************************************************************
   *********** Footer
   ******************************************************************/
  #footer-canvas .column {
      width: 100%;
      padding-bottom: 25px;
   }
   /*****************************************************************
   *********** Content
   ******************************************************************/

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


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

   .text-image-main .left-column{
      width: 100%;
      float: none;
      height: auto;
      overflow: hidden;
   }

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

   .text-image-main .left-column .text{
      padding: 25px 40px !important;
      text-align: left;
   }

   .text-image-main .left-column .text{
      padding: 25px 15px !important;
      text-align: left;
   }
   .scroll-to-top-div{
      width: 100% !important;
      bottom: 0px !important;
      left: 0px;
      background-color: #D7AE86;
   }

   #scroll-to-top{
      display: block;
      margin: auto;
      width: 75px !important;
   }

   .info-teaser-main .info {
      width: 100%;
      margin: 10px 0;
   }
   .info-teaser-main{
      width: 90%;
      margin: 0 5%;
   }

   .contactform .textbox {
      width: 100% !important;
      margin: 10px 0;
   }

   .contactform #nachricht {
      width: 100%;
      margin-top: 10px;
   }
   .contactform .button-submit {
      width: 100%;
      margin-left: 10px !important;
   }
   .image-text-three-columns-main .col {
      width: 90% !important;
      margin: 20px 5%;
   }

   .text-main{
      width: 90%;
      margin: 0 5% !important;
   }


}