/* DCE IMAGES */
.dce_images{
     float: left;
     width: 100%;
}
.dce_images .csc-textpic-imagewrap{
     float: left;
     width: 100%;
}
.dce_images .csc-textpic-imagewrap img {
     width: 100%;
     height: 100%;
     border: 5px solid #fff;
}
.dce_images .csc-textpic-imagewrap .image{
     float: left;
     width: calc(50% - 10px);
     margin: 5px;
}
/* DCE SHORTCUTS */
#dce_shortcuts{
     display: flex;
     flex-wrap: wrap;
     float: left;
     justify-content: space-between;
     width: 100%;
     margin-bottom: 25px;
     margin-top: 25px;
}
#dce_shortcuts #shortcut{
    float: left;
    width: 22%;
    text-transform: uppercase;
    padding: 5px;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center;
}
#dce_shortcuts #shortcut a{
   color: #fff;
}
#dce_shortcuts #shortcut:hover, #dce_shortcuts #shortcut a:hover{
   font-weight: 600;
}
.color1{
     background-color: #d1dbbd;
     cursor: pointer;
}
.color2{
     background-color: #91aa9d;
     cursor: pointer;
}
.color3{
     background-color: #3f606f;
     cursor: pointer;
}
.color4{
     background-color: #585857;
     cursor: pointer;
}
.color1{
     background-color: #d1dbbd;
     cursor: pointer;
}
.color2{
     background-color: #91aa9d;
     cursor: pointer;
}
.color3{
     background-color: #3f606f;
     cursor: pointer;
}
.wood{
     background-image: url("/fileadmin/templates/images/holz.jpg");
     background-position: 50% 50%;
     background-repeat: no-repeat;
     cursor: pointer;
}
/*********************************** 960 *********************************** */
@media screen and (max-width: 960px) {
	#dce_shortcuts #shortcut{
          width: 48.5%;
          margin-bottom: 10px;
      }
}
/*********************************** 680 *********************************** */
@media screen and (max-width: 680px) {
	.dce_images .csc-textpic-imagewrap .image{
          width: calc(100% - 0px);
          margin: 5px;
          margin-bottom: 10px;
     }
}
/*********************************** 480 *********************************** */
@media screen and (max-width: 480px) {
	
}