/*beers*/
#beer-list ul.beer-list {
  -webkit-column-count:4;
     -moz-column-count:4;
          column-count:4;	
  -webkit-column-gap:20px;
     -moz-column-gap:20px;
          column-gap:20px;
  -webkit-column-rule:3px outset #ccc;
     -moz-column-rule:3px outset #ccc;
          column-rule:3px outset #ccc;
}
@media print {div.column{width: 100% !important; float: left !important}.column.nonlast .box { margin-right: 0px !important}}
@media screen and (max-width: 1150px) {#beer-list ul.beer-list { -webkit-column-count:3; -moz-column-count:3; column-count:3 }}
@media screen and (max-width: 950px)  {#beer-list ul.beer-list { -webkit-column-count:2; -moz-column-count:2; column-count:2 }  #shop_teaser{display:none}}
@media screen and (max-width: 400px)  {#beer-list ul.beer-list { -webkit-column-count:1; -moz-column-count:1; column-count:1 }}
ul.beer-list li {cursor:pointer;-webkit-column-break-inside:avoid;-moz-column-break-inside:avoid;column-break-inside:avoid}
#beer-list ul.beer-list li.positive {background:#FCE77D}
ul.beer-list li .beer-name,
ul.beer-list li .brewery {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
ul.beer-list li .brewery {color:#ccc}
ul.beer-list li .booth {font-size:100%;text-overflow:ellipsis;overflow:hidden;}
#beer-list ul.beer-list li.positive .brewery {color:#999}
#beer-list .beer-list-sort {cursor:pointer;text-decoration: underline}

/*program*/
.scheduler-button{float:right;margin:0 0 5px 5px}
#event-planer section{display:none;width:32%;vertical-align:top;margin-right:1%}
@media screen and (max-width: 950px){#event-planer section{width:100%}}
@media print{#event-planer section{width:100%}}
#event-planer section .hour-only{padding:1px 0 1px 110px;overflow:auto;display:none}
#event-planer time{width:95px;margin-left:-110px;text-align:left}