@charset "UTF-8";
/* https://lippetalschule.de/wp-content/themes/kgh/css/111_album_portfolio.css?ver=7.0 */
.alben-seite .page,.album-seite .page{max-width:1200px;margin-left:auto;margin-right:auto}.portfolio .box:hover .picframe img{width:120%;height:120%;max-width:150%;max-height:150%;margin-left:-10%;margin-top:-5%;-webkit-filter:brightness(90%);-o-filter:brightness(90%);filter:brightness(90%)}.portfolio .slicklightbox .box:hover .picframe img{-webkit-filter:contrast(120%);-o-filter:contrast(120%);filter:contrast(120%)}.portfolio .picframe{overflow:hidden;position:absolute;top:4px;left:4px;width:calc(100% - 8px);height:calc(100% - 8px);z-index:-1}.portfolio .box{border:1px solid rgb(221 221 221 / .34);border-radius:2px;background-color:#fff;padding:4px}.portfolio .box:hover{background-color:#F52}.portfolio .img-overlay{position:absolute;left:0;bottom:0;padding:.5em 1em;background-color:rgb(255 85 34 / .85);width:calc(100% - 8px);margin:0 4px 4px 4px}.portfolio .img-overlay h3{margin:0;color:rgb(0 0 0 / .9);font-size:18px}.portfolio .box:hover .img-overlay h3{margin-bottom:.1em}.portfolio .img-overlay span{font-size:85%;height:0;display:block;color:#fff0}.portfolio .box:hover .img-overlay span{height:1.2em;color:rgb(255 255 255 / .8)}.portfolio .box:hover .img-overlay{display:block;opacity:1}.portfolio .img-overlay{opacity:.7}.portfolio .number{position:absolute;left:5%;top:5%;font-size:25px;font-weight:700;color:rgb(255 255 255 / .5);text-shadow:2px 2px 1px rgb(107 107 107 / .24)}@media (min-width:1200px){.portfolio .box{height:calc(1200px / 3 * 0.66)}}@media (min-width:992px) AND (max-width:1199px){.portfolio .box{height:calc(100vw/3*0.66)}}@media (max-width:991px) and (min-width:768px){.portfolio .box{height:calc(100vw/2*0.66)}}@media (max-width:767px){.portfolio .box{height:calc(100vw/1*0.66)}.portfolio img{width:100%;margin:0 auto;height:auto}.portfolio .img-overlay span{font-size:11px}}@media (max-width:480px){.portfolio .img-overlay h3{font-size:13px}}.portfolio .box{position:relative;z-index:2;margin-bottom:2.2vh}.portfolio .box .picframe img{width:100%;height:100%;margin-left:0;margin-top:0;-moz-transition:0.2s all linear;-ms-transition:0.2s all linear;-o-transition:0.2s all linear;-webkit-transition:0.2s all linear;object-fit:cover;object-position:50% 30%}.portfolio .row>div{padding-right:5px;padding-left:5px}.transition05{-webkit-transition:all 0.5s;transition:all 0.5s}