[data-id="10"] #referenzen {text-align: center;}@media(min-width:768px){[data-id="10"] #referenzen {}}[data-id="10"] #referenzen .button-referenzen a {opacity:0.5;}[data-id="10"] #referenzen .button-referenzen a::before {content: "";width: 2em;float: left;height: 2em;background: url(/wp-content/themes/molitor/images/icon_gallery.svg);margin-right: 1em;margin-top: -0.125em;}[data-id="10"] #referenzen .button-referenzen {clear: both;padding: 1em;margin: auto;text-align: center;display: inline-block;}[data-id="10"] #referenzen .tile {padding: 0 0.125em 0.5em;}[data-id="10"] #referenzen .tile > .col {min-height: calc(200px + 10vw);border: solid 0.125em rgb(255,255,255);}[data-id="10"] #referenzen .tile .span1-2 {width: 33.333%;background-color: rgb(255,255,255);float:none;display: inline-block;overflow: hidden;}[data-id="10"] #referenzen .tile > .col .box {padding: calc(0.75em + 0.5vmin) !important;max-width: none;position: absolute;margin: 0;bottom: 0;width: 101%;background: rgba(var(--white),0.75);left: 50%;transform: translateX(-50%);display: table;transition: 250ms ease-out 50ms;-webkit-transition: 250ms ease-out 50ms;-ms-transition: 250ms ease-out 50ms;height: 0;color: rgb(var(--darkbrown));font-weight:400;min-height:0;}[data-id="10"] #referenzen .tile > .col .box p {text-align: center;color:inherit;display: table;width: 100%;height: 100%;line-height:1.1;}[data-id="10"] #referenzen .tile > .col .box p {display: table-cell;vertical-align: middle;transition:none;-webkit-transition:none;-ms-transition:none;color:inherit;}[data-id="10"] #referenzen .tile > .col:hover .box {background: rgb(0,73,118,0.4);height: 100%;font-size: 2em;font-weight:900;color: rgb(255,255,255);width:100%;}[data-id="10"] #referenzen .tile > .col .box p .headline {font-weight: bold;}[data-id="10"] #referenzen .tile > .col:hover .box p .subline {font-weight: normal;font-size: 0.75em;display: block;margin-top: 0.5em;}[data-id="10"] #referenzen .tile > .col:hover .box p .separator {display: none;}[data-id="10"] #referenzen .tile > .col:hover .box a::after, [data-id="10"] #referenzen .tile > .col:focus .box a::after {content: "\e803";font-family: "web-icon-molitor";display: block;margin-top: 0.5em;}[data-id="10"] #referenzen .heading {position: absolute;bottom: 100%;z-index: 1;left: 50%;transform: translateX(-50%);background: rgb(255,255,255);padding: 0.5em 2em !important;margin: 0;width: 100%;max-width: 62rem;text-align: center;}[data-id="10"] #referenzen .heading h2 {margin: 0;font-weight: 300 !important;text-transform: uppercase;letter-spacing: 0.5em;font-size: 1.5em;opacity: 0.3;}[data-id="10"] #referenzen .tile > .col .label {position: absolute;z-index:1;top:0.75em;left:0.75em;font-size:0.7em;font-weight:600;line-height:1;padding:0.5em 0.5em;background: rgb(var(--white));color:rgb(var(--darkblue));}[data-id="10"] #referenzen .credit-row {margin-bottom: 2rem;color: rgb(var(--brown));}[data-id="10"] #referenzen .edit-link {float: right;position: absolute;opacity: 0.5;top:0.75em;right:1em;z-index: 100;transform: translate(0.75em, -0.5em);height: 0;}[data-id="10"] #referenzen .col.dummy::before {content: "Dummy";position:absolute;top:1em;left:-7.5em;transform: rotate(-20deg);padding: 0.5em 10em;color: rgb(255,255,255);background:rgba(var(--blue),0.3);}[data-id="10"] #referenzen .col.emptyimage::before {content: "Bild fehlt";position:absolute;top:1em;left:-7.5em;transform: rotate(-20deg);padding: 0.5em 10em;color: rgb(var(--blue));background:rgba(var(--white),0.6);}