﻿.css_bier #content .content_inner{max-width:1540px;margin:0 auto;padding-right:20px;padding-left:20px;box-sizing:border-box}.css_bier #content .content_inner.small_content{max-width:1180px}.css_bier #mixItUp{margin-top:0px}.css_bier #mixItUp .module-listing{margin-left:0}.css_bier #mixItUp .listing_entry{width:16.66%;display:inline-block;margin:80px 0 -6px;padding:0;position:relative;padding-top:80px;overflow:hidden}.css_bier #mixItUp .listing_entry.already_finished .picture_0{position:relative}.css_bier #mixItUp .listing_entry.already_finished .picture_0:before{content:"";position:absolute;top:14%;left:27%;width:73%;height:28%;display:block;background:url(../../img/ausgetrunken.png) no-repeat;z-index:10;background-size:contain;display:block}body[lang=en] .css_bier #mixItUp .listing_entry.already_finished .picture_0:before{background:url(../../img/already_finished.png) no-repeat;background-size:contain}body[lang=fr] .css_bier #mixItUp .listing_entry.already_finished .picture_0:before{background:url(../../img/deja_consomme.png) no-repeat;background-size:contain}.css_bier #mixItUp .listing_entry:nth-child(2n+1){clear:none}.css_bier #mixItUp .listing_entry:before{content:"";position:absolute;top:auto;left:0;width:3px;height:25px;display:block;background:#2e2d2c;bottom:90px}.css_bier #mixItUp .listing_entry:hover+.listing_entry:before{display:none}.css_bier #mixItUp .listing_entry:hover .picture_1{opacity:1;visibility:visible}.css_bier #mixItUp .listing_entry:hover h2>span,.css_bier #mixItUp .listing_entry:hover h2,.css_bier #mixItUp .listing_entry:hover h2 a{color:#fff !important}.css_bier #mixItUp .listing_entry:hover .content .listing-more-button{opacity:1;visibility:visible}.css_bier #mixItUp .listing_entry .resource_container.pictures h2{display:block;position:absolute;bottom:-4px;left:-2px;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg);width:max-content;width:-moz-max-content;width:-webkit-max-content;width:-o-max-content;width:-ms-max-content}.css_bier #mixItUp .listing_entry .resource_container.pictures h2>span,.css_bier #mixItUp .listing_entry .resource_container.pictures h2 a{position:absolute;bottom:0;left:0;width:max-content;width:-moz-max-content;width:-webkit-max-content;width:-o-max-content;width:-ms-max-content;text-decoration:none;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;color:#2e2d2c}.css_bier #mixItUp .listing_entry .resource_container.pictures h2>span{background:none;box-shadow:none;margin-bottom:8px}.css_bier #mixItUp .listing_entry .picture_1{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;opacity:0;visibility:hidden;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.css_bier #mixItUp .listing_entry .picture_1 *{height:100%;width:auto}.css_bier #mixItUp .listing_entry .picture_1 img{position:relative;left:50%;-webkit-transform:translate(-50%, 0);-moz-transform:translate(-50%, 0);-o-transform:translate(-50%, 0);transform:translate(-50%, 0)}.css_bier #mixItUp .listing_entry .picture_0{height:320px;position:relative;z-index:1}.css_bier #mixItUp .listing_entry .picture_0 .resource_background,.css_bier #mixItUp .listing_entry .picture_0 .resource_background>a,.css_bier #mixItUp .listing_entry .picture_0 .resource_background>a>span,.css_bier #mixItUp .listing_entry .picture_0 .resource_background img{height:100%;width:auto;box-shadow:none}.css_bier #mixItUp .listing_entry .picture_0 .resource_background>span,.css_bier #mixItUp .listing_entry .picture_0 .resource_background>a>span{position:absolute;display:inline-block;left:50%;-webkit-transform:translate(-50%, 0);-moz-transform:translate(-50%, 0);-o-transform:translate(-50%, 0);transform:translate(-50%, 0);height:100%}.css_bier #mixItUp .listing_entry .picture_0 .resource_background>span{max-width:120px}.css_bier #mixItUp .listing_entry .picture_0 img{max-width:100%;object-fit:contain;object-position:bottom center}.css_bier #mixItUp .listing_entry h2,.css_bier #mixItUp .listing_entry h2 a{font:700 20px/26px "Montserrat";letter-spacing:.2px;text-transform:uppercase;padding:0;margin:0 0 8px 0;text-decoration:none}@media screen and (max-width: 1100px){.css_bier #mixItUp .listing_entry h2,.css_bier #mixItUp .listing_entry h2 a{font-size:16px;line-height:24px}}@media print{.css_bier #mixItUp .listing_entry h2,.css_bier #mixItUp .listing_entry h2 a{font:700 12px/18px "Montserrat";color:#000;letter-spacing:0;margin-bottom:2px}}.css_bier #mixItUp .listing_entry h2:hover,.css_bier #mixItUp .listing_entry h2 a:hover{color:#fff !important}.css_bier #mixItUp .listing_entry .listing-entry-inline{position:static;height:auto;padding-bottom:0}.css_bier #mixItUp .listing_entry .listing-entry-inline .resource_container{padding:0;box-sizing:border-box}.css_bier #mixItUp .listing_entry .listing-entry-inline .resource_container img{box-shadow:none}.css_bier #mixItUp .listing_entry .listing-entry-inline .resource_container a:before{display:none}.css_bier #mixItUp .listing_entry .introduction,.css_bier #mixItUp .listing_entry .listing-content-introduction,.css_bier #mixItUp .listing_entry .listing-more-button{display:none}.css_bier #mixItUp .listing_entry .listing-more-button{display:block}.css_bier #mixItUp .listing_entry .content{width:100%;text-align:center;clear:both;padding:28px 20px 35px;box-sizing:border-box}.css_bier #mixItUp .listing_entry .content .listing-more-button{font:400 15px/22px "Montserrat";letter-spacing:0px;text-transform:uppercase;padding:0 18px 0 0;color:#fff;border:none;position:relative;text-decoration:none;color:#fff;opacity:0;visibility:hidden;display:inline-block;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}@media print{.css_bier #mixItUp .listing_entry .content .listing-more-button{font:400 11px/17px "Montserrat";color:#000}}.css_bier #mixItUp .listing_entry .content .listing-more-button:before{content:"";position:absolute;top:4px;left:auto;display:block;font-family:"Font Awesome 5 Pro";font-size:11px;line-height:11px;font-weight:400;text-transform:none;color:#fff;right:0;font-weight:300}.css_bier #mixItUp .listing_entry .content .listing-more-button:hover{opacity:.6;background:none !important;border:none}
