.shadow {
  -webkit-box-shadow: 0px 20px 30px 0px rgba(0,0,0,0.10);
  -moz-box-shadow: 0px 20px 30px 0px rgba(0,0,0,0.10);
  box-shadow: 0px 20px 30px 0px rgba(0,0,0,0.10);
}
.img-shadow
{
  -webkit-box-shadow: 0px 20px 30px 0px rgba(0,0,0,0.10);
  -moz-box-shadow: 0px 20px 30px 0px rgba(0,0,0,0.10);
  box-shadow: 0px 20px 30px 0px rgba(0,0,0,0.10);
}
.shadow-no-top
{
  -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.15);
  box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.15);
}

.right {
  float: right;
}

.ul_inline li {
  display: inline-block;
}

.ul_dropdown {
  padding-left: 0;
}

.ul_dropdown li {
  width: 100%;
}

.metal_brush_right {
  background-image: url("/themes/presstec/images/bg-metal.jpg");
  background-position: right;
  background-repeat: repeat-y;
}

.img-caption-inside {
  position: absolute;
  right: 40px;
  bottom: 40px;
  max-width:calc(100% - 80px);
}
.full_width
{
  width:100%;
}
.full_height
{
  height:100%;
}
.triangle_white
{
  position: relative;
  overflow:hidden;
}
.triangle_white::after
{
  position: absolute;
  content:"";
  right:0;
  top:0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 150px 70px;
  border-color: transparent transparent white transparent;
}
.triangle_white--left
{
  position: relative;;
}
.triangle_white--left::after
{
  position: absolute;
  content:"";
  left:0;
  top:0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 700px 0 0 140px;
  border-color: transparent transparent transparent white;
}
.border-radius-top-right_30
{
  border-top-right-radius:30px;
  overflow:hidden;
}
.border-radius-bottom-right_30
{
  border-bottom-right-radius:30px;
  overflow:hidden;
}
.border-radius-bottom-right_30--hover:hover
{
  border-bottom-right-radius: 30px;
}
.border-radius-left_30
{
  border-bottom-left-radius: 30px;
  border-top-left-radius: 30px;
}
.border-radius-top-right_30.extend-left,
.border-radius-bottom-right_30.extend-left
{
  overflow:visible;
}
.extend-left,
.extend_left
{
  position:relative;
}
.extend-left::before,
.extend_left::before
{
  background: #0076ab !important;
  position: absolute;
  top:0;
  left:-2000px;
  height:100%;
  width:2000px;
  content:"";
}
.category_container
{
  overflow:hidden;
  width:100%;
  text-align:center;
}
.category
{
  width:100%;
  text-align:center;
  position:relative;
  color:#d2d2d2;
  display:inline;
  font-size:14px;
  font-weight:bold;
}
.category::before,
.category::after
{
  content:"";
  height:1px;
  background:#eee;
  width:100vw;
  display:block;
  position: absolute;
  top:50%;
  transform:translateY(-50%);
}
.category::before
{
  right:calc(100% + 20px);
}
.category::after
{
  left:calc(100% + 20px);
}
.fancybox_effect
{
  position: relative;
  display:inline-block;
}
.fancybox_effect::before
{
  position: absolute;
  content:"\f00e";
  left:50%;
  top:50%;
  transform:translateY(-50%) TranslateX(-50%);
  font-family: Font Awesome\ 5 Pro;
  color:white;
  z-index: 5;
  opacity:0;
  transition:0.5s linear all;
  font-weight:500;
  font-size:24px;
}
.fancybox_effect::after{
  position: absolute;
  content:"";
  left:50%;
  top:50%;
  transform:translateY(-50%) TranslateX(-50%);
  background-image:url("/resources/themes/keinath/images/hover_produkt.png");
  background-size:50px 50px;
  background-position: center;
  background-repeat:no-repeat;
  width:100%;
  height:100%;
  opacity:0;
  transition:0.5s linear opacity;
}
.fancybox_effect:hover::after,
.fancybox_effect:hover::before
 {
   opacity:1;
 }
.fancybox_effect.square-160-after::after
{
  background-size:160px 160px;
}
.square-100-after::after
{
  width:100px;
  height:100px;
}
.icon_invert--hover
{
  transition:0.25s ease all;
}
.icon_invert--hoversource:hover .icon_invert--hover
{
  filter: brightness(0) invert(1);
}