@charset "utf-8";
/*
|
|	COPYRIGHT NEWTEC WORKS - ALL RIGHTS RESERVED
|
|	This file is licensed for usage on:
|	http://trockenbau-husum.de
|
*/
.ntw_gallery {overflow: hidden;}.gal_thumb_wrap {float: left;position: relative;width: 20%;padding-bottom: 20%;}.gal_thumb {	position: absolute;left: 4px;right: 4px;top: 4px;bottom: 4px;overflow: hidden;background-color: #fff;box-shadow: 0px 0px 3px rgba(67, 67, 67, 0.30);cursor: pointer;}.gal_thumb_cont {	position: absolute;left: 10px;right: 10px;top: 10px;bottom: 10px;overflow: hidden;}.gal_thumb_cont img {vertical-align: middle;width: 100%;}.gal_ovl_bg {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(23, 23, 23, 0.44);-webkit-transition: background 0.3s ease-out;-moz-transition: background 0.3s ease-out;-o-transition: background 0.3s ease-out;transition: background 0.3s ease-out;z-index: 9999;}.gal_ovl_bg.active {background: rgba(26, 26, 26, 0.96);}.gal_fullsize_wrap {display: none;position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 10000;}.gal_img_wrap {height: 100%;display: flex;overflow: scroll;-webkit-overflow-scrolling: touch;}.gal_img {display: block;max-width: 100%;max-height: 100%;margin: auto;-webkit-transition: max-width 0.3s ease-out, max-height 0.3s ease-out;-moz-transition: max-width 0.3s ease-out, max-height 0.3s ease-out;-o-transition: max-width 0.3s ease-out, max-height 0.3s ease-out;transition: max-width 0.3s ease-out, max-height 0.3s ease-out;}.gal_img_max {max-width: none;max-height: none;}.gal_preloader {display: flex;position: fixed;top: 0;left: 0;width: 100%;height: 100%;justify-content: center;z-index: 10001;}.gal_preloader_img {display: block;width: 120px;}.gal_ctrl_wrap {position: fixed;right: 30px;bottom: 30px;opacity: 0.6;-webkit-transition: opacity 0.3s;-moz-transition: opacity 0.3s;-o-transition: opacity 0.3s;transition: opacity 0.3s;z-index: 10002;}.gal_ctrl_wrap:hover {opacity: 1;}.gal_ctrl_cont {width: 166px;background-color: rgba(255,255,255,0.30);padding: 6px;border-radius: 13px;}.gal_ctrl, .gal_ctrl:focus {float: left;width: 34px;height: 34px;margin-right: 6px;border-radius: 10px;border: none;cursor: pointer;-webkit-transition: background-color 0.3s;-moz-transition: background-color 0.3s;-o-transition: background-color 0.3s;transition: background-color 0.3s;}.no-touch .gal_ctrl:hover {background-color: #C12020;}.gal_ctrl:active {background-color: #C12020;border: 2px solid #fff;}.gal_ctrl.prev {background: url(../images/svg/chevron-left.svg) 6px center no-repeat, rgba(87,77,77,0.70);background-size: 20px 20px;}.gal_ctrl.prev:active {background: url(../images/svg/chevron-left.svg) 4px center no-repeat, #C12020;background-size: 20px 20px;}.gal_ctrl.next {background: url(../images/svg/chevron-right.svg) 8px center no-repeat, rgba(87,77,77,0.70);background-size: 20px 20px;}.gal_ctrl.next:active {background: url(../images/svg/chevron-right.svg) 6px center no-repeat, #C12020;background-size: 20px 20px;}.gal_ctrl.close {margin-right: 0;background: url(../images/svg/cross.svg) center center no-repeat, rgba(87,77,77,0.70);background-size: 28px 28px;}.gal_ctrl.close:active {background: url(../images/svg/cross.svg) center center no-repeat, #C12020;background-size: 28px 28px;}.gal_ctrl.zoom {display: none;background: url(../images/svg/magnifying-glass.svg) center center no-repeat, rgba(87,77,77,0.70);background-size: 20px 20px;}.gal_ctrl.zoom:active {background: url(../images/svg/magnifying-glass.svg) center center no-repeat, #C12020;background-size: 20px 20px;}.gal_error {background: url(../images/svg/warning-outline.svg) center center no-repeat, #fff;background-size: 40px 40px;background-position: 10px 10px;background-repeat: no-repeat;padding: 20px;padding-left: 60px;}@media only screen and (max-width : 480px) {.gal_thumb_wrap {width: 100%;padding-bottom: 100%;}}@media only screen and (max-width : 650px) and (min-width : 481px) {.gal_thumb_wrap {width: 50%;padding-bottom: 50%;}}@media only screen and (max-width : 1050px) and (min-width : 651px) {.gal_thumb_wrap {width: 33.3%;padding-bottom: 33.3%;}}@media only screen and (max-width : 1290px) and (min-width : 1051px) {.gal_thumb_wrap {width: 25%;padding-bottom: 25%;}}