@charset "utf-8";
/* CSS Document */

  
  .mejs__controls{
    background-color: #000000 !important;
  }  

/*  
  @media all and (max-width:825px){
    .portfolio {
      display: inline-block;
      width:100%;
      height:auto;
    }
  }
  
  @media (min-width:826px) and (max-width:1500px){
    .portfolio {
      display: inline-block;
      width:49%;
      height:auto;
    }
  }
  
  @media (min-width:1501px){  
    .portfolio {
      display: inline-block;
      width:32.5%;
      height:auto;
    }
  }

*/


    .main {
      /*max-width: 1000px;*/
      margin: auto;
    }

    .row {
      /*margin: 8px -16px;*/
    }

    /* Add padding BETWEEN each column */
    .row,
    .row > .column {
      /*padding: 4px;*/
      padding:0.5%;
    }

    /* Create four equal columns that floats next to each other */
    .column {
      float: left;
      width: 33.33%;
    }

    /* Clear floats after rows */ 
    .row:after {
      content: "";
      display: table;
      clear: both;
    }

    /* Content */
    .content {
      background-color: white;
      /*padding: 10px;*/
    }

    /* Responsive layout - makes a two column-layout instead of four columns */
    /*@media (min-width:826px) and (max-width:1500px){*/
    @media (min-width:826px){
      .column {
        width: 33.33%;
      }
    }

    /* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
    @media all and (max-width:825px){
      .column {
        width: 100%;
      }
    }

    .portfolio {
      width:100%;
    }

    .legende {
      height:70px;
      margin:0 0 10px 0;
      font-size: 15px;
      font-family: LatoWebLight,Akkurat,Verdana,sans-serif;
    }


  
    .portfolio_zoom {
      -webkit-transition: -webkit-transform 0.3s ease-out;
      -moz-transition: -moz-transform 0.3s ease-out;
      -o-transition: -o-transform 0.3s ease-out;
      transition: transform 0.3s ease-out;
    }
   
    .portfolio_zoom:hover {
      -webkit-transform: scale(1.5);
      -moz-transform: scale(1.5);
      -ms-transform: scale(1.5);
      -o-transform: scale(1.5);
      transform: scale(1.5);
      -webkit-box-shadow: 0 0 2em #000;
      box-shadow: 0 0 2em #000;
    }
   
    .divimg {
      float:left;
      display: inline-block;
      height: auto;
      width: 32.5%;
    }
   
    
  .legende a {
      color: #000000;
      text-decoration: underline;
  }
  .legende a:hover {
      color: #aaaaaa;
      text-decoration: underline;
  }