@font-face{font-weight:400;font-style:normal;font-family:'feathericons';src:url(//www.sann-hair.de/wp-content/themes/hairstyle-pro/css/../fonts/feathericons/feathericons.eot?-8is7zf);src:url(//www.sann-hair.de/wp-content/themes/hairstyle-pro/css/../fonts/feathericons/feathericons.eot?#iefix-8is7zf) format('embedded-opentype'),url(//www.sann-hair.de/wp-content/themes/hairstyle-pro/css/../fonts/feathericons/feathericons.woff?-8is7zf) format('woff'),url(//www.sann-hair.de/wp-content/themes/hairstyle-pro/css/../fonts/feathericons/feathericons.ttf?-8is7zf) format('truetype'),url(//www.sann-hair.de/wp-content/themes/hairstyle-pro/css/../fonts/feathericons/feathericons.svg?-8is7zf#feathericons) format('svg')}.grid{position:relative;margin:0 auto;padding:1em 0 4em;max-width:1400px;list-style:none;text-align:center}.grid figure{position:relative;float:left;overflow:hidden;margin:10px 1.5% 10px 0;min-width:300px;max-width:480px;max-height:275px;width:20%;background:#3085a3;text-align:center;cursor:pointer}.grid figure.last{margin-right:0}.grid figure img{position:relative;display:block;min-height:100%;max-width:100%;opacity:.8}.grid figure figcaption{padding:2em;color:#fff;text-transform:uppercase;font-size:1.25em;-webkit-backface-visibility:hidden;backface-visibility:hidden}.grid figure figcaption:before,.grid figure figcaption:after{pointer-events:none}.grid figure figcaption,.grid figure figcaption>a{position:absolute;top:0;left:0;width:100%;height:100%}.grid figure figcaption>a{z-index:1000;text-indent:200%;white-space:nowrap;font-size:0;opacity:0}.grid figure h2{word-spacing:-.15em;font:400 20px 'Roboto'}.grid figure h2 span{font-weight:800}.grid figure h2,.grid figure p{margin:0}.grid figure p{letter-spacing:1px;font-size:68.5%}figure.effect-layla{background:#18a367}figure.effect-layla img{height:390px}figure.effect-layla figcaption{padding:3em}figure.effect-layla figcaption:before,figure.effect-layla figcaption:after{position:absolute;content:'';opacity:0}figure.effect-layla figcaption:before{top:50px;right:30px;bottom:50px;left:30px;border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:scale(0,1);transform:scale(0,1);-webkit-transform-origin:0 0;transform-origin:0 0}figure.effect-layla figcaption:after{top:30px;right:50px;bottom:30px;left:50px;border-right:1px solid #fff;border-left:1px solid #fff;-webkit-transform:scale(1,0);transform:scale(1,0);-webkit-transform-origin:100% 0;transform-origin:100% 0}figure.effect-layla h2{padding-top:26%;-webkit-transition:-webkit-transform .35s;transition:transform .35s}figure.effect-layla p{padding:0 2em;text-transform:none;opacity:0;-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}figure.effect-layla img,figure.effect-layla h2{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}figure.effect-layla img,figure.effect-layla figcaption:before,figure.effect-layla figcaption:after,figure.effect-layla p{-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s}figure.effect-layla:hover img{opacity:.7;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}figure.effect-layla:hover figcaption:before,figure.effect-layla:hover figcaption:after{opacity:1;-webkit-transform:scale(1);transform:scale(1)}figure.effect-layla:hover h2,figure.effect-layla:hover p{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}figure.effect-layla:hover figcaption:after,figure.effect-layla:hover h2,figure.effect-layla:hover p,figure.effect-layla:hover img{-webkit-transition-delay:.15s;transition-delay:.15s}@media screen and (max-width:50em){.content{padding:0 10px;text-align:center}.grid figure{display:inline-block;float:none;margin:10px auto;width:100%}}