﻿.liste .head{padding:90px 0;}.liste .head .detail h1{text-transform:uppercase;position:relative;margin-top:0;}.liste .head .detail .description{position:relative;}@media screen and (max-width:767px){.liste .head{padding:45px 0;}}.liste .list{background-color:#f7f7f7;margin:0 25px 25px 25px;padding:100px 0;}.liste .list .items{display:flex;grid-gap:50px 50px;flex-wrap:wrap;}.liste .list .items a{display:contents;}.liste .list .items .item{width:calc(33.3333% - 34px);position:relative;}.liste .list .items .item .wrapper-image{position:relative;border-top:1px #e0e0e0 solid;border-left:1px #e0e0e0 solid;border-right:1px #e0e0e0 solid;}.liste .list .items .item .wrapper-image:before{content:"";display:block;padding-top:80%;}.liste .list .items .item .wrapper-image:empty:after{display:none;}.liste .list .items .item .wrapper-image .image{position:absolute;top:0;left:0;right:0;bottom:0;display:block;text-align:center;background-size:cover;background-repeat:no-repeat;background-position:center;z-index:1;}.liste .list .items .item .button{position:relative;height:70px;padding-left:20px;padding-right:80px;border:1px #e0e0e0 solid;background-color:#fff;display:flex;align-items:center;font-size:20px;overflow:hidden;}.liste .list .items .item .button:before{content:"";position:absolute;bottom:0;right:0;width:70px;height:100%;background-color:#fff;border-left:1px #e0e0e0 solid;}.liste .list .items .item .button:after{background-image:url("/Common/img/icon_pfeil_rechts_grey.svg");background-size:cover;background-repeat:no-repeat;background-position:center;width:28px;height:28px;content:"";position:absolute;right:22px;top:20px;}.liste .list .items .item:hover .wrapper-image:after{border:1px #fff solid;content:"";position:absolute;top:10px;bottom:10px;left:10px;right:10px;z-index:100;}.liste .list .items .item:hover .wrapper-image .image:before{content:"";position:absolute;background-color:rgba(0,150,64,.4);top:0;bottom:0;left:0;right:0;z-index:100;}.liste .list .items .item:hover .button{background-color:#ddd;color:#009640;}.liste .list .items .item:hover .button:after{background-image:url("/Common/img/icon_pfeil_rechts_green.svg");}@media screen and (max-width:1000px){.liste .list .items .item{width:calc(50% - 25px);}}@media screen and (max-width:767px){.liste .list .items{flex-direction:column;}.liste .list .items .item{width:100%;}}@media screen and (max-width:767px){.liste .list{padding:25px 0;}}