.box_just_box {
  display: block;
  margin-left: auto!important;
  margin-right: auto!important;
  text-align: left;

  padding: 20px 10px 20px 10px ;
  border: 1px solid #000;
}
.normalbox {
  border-radius: 5px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: left;

  margin: 20px 0px 20px 0px;

  width: 100%;
  min-height:150px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: 5px 5px;
  background-size: 110px 110px;
  padding: 20px 20px 20px 20px ;

}

.box {
   display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: left;

  margin: 20px 0px 20px 0px;

  width: 100%;
  min-height:150px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: 5px 5px;
  background-size: 110px 110px;
  padding: 20px 20px 20px 20px ;

}

.shadow-microsoft-site {

  border-radius: 5px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: left;

  margin: 20px 0px 20px 0px;

  width: 100%;
  min-height:150px;
  padding: 20px 20px 20px 20px!important;

  -webkit-box-shadow: 0 6px 16px 0 rgba(0,0,0,.16);
-moz-box-shadow: 0 6px 16px 0 rgba(0,0,0,.16);
box-shadow: 0 6px 16px 0 rgba(0,0,0,.16)
}

@media screen and (max-width: 768px) {
  .box {
  margin: 0px 0px 0px 0px;
  }
}

.shadowbox {

    /* box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; */
  box-shadow: rgba(100, 100, 111, 0.2) 2px 1px 2px 2px;
  padding:2px;
}

.smily {
  border: 1px dotted #000;
  background-color: #fff;
  background-position: 20px 20px;

  background-image: url(/fileadmin/pixs/img/wink-smile.svg);
  padding: 20px 20px 20px 140px ;
}

.birne {
border: 1px dotted #000;
border-radius: 5px;
background-color: #fff;
background-position: 20px 20px;
background-image: url(/fileadmin/pixs/img/bulb-alt.svg);
padding: 20px 20px 20px 140px!important;
/*display: flex;
align-items: center; */
font-size:1em;
}
@media screen and (max-width: 576px) {
  .birne {
  border: 1px dotted #000;
  background-color: #fff;
  background-position: 5px 18px;
  background-image: url(/fileadmin/pixs/img/space.png);
  padding: 20px 40px 20px 40px !important;
  align-items: center;
  font-size:1em;
  }
}


.dotbox, .dotted {

  padding: 20px 20px 20px 20px ;
  border: 1px dotted #000;
  background-color: #fff;
  height:100%;
}
.box .dotbox {

  padding: 20px 20px 0px 20px ;
  border: 1px dotted #000;
  background-color: #fff;
  height:auto;
}

.alarmbox {

  border: 1px dotted #000;
  background-color: #fff;
  background-image: url(/fileadmin/pixs/img/warning-alt.svg);
  padding: 20px 20px 20px 140px ;

}
.bueroklammer,.klammer {
  border-radius: 5px;

border: 1px dotted #000;
background-color: #fff;
background-position: 20px 20px;

background-image: url(/fileadmin/pixs/img/clip.svg);
padding: 20px 20px 20px 140px ;
margin-bottom: -10px;
display: block;
align-items: center;

}

.telefon {
border: 1px dotted #000;
background-color: #fff;
background-position: 20px 20px;

background-image: url(/fileadmin/pixs/img/phone-circle.svg);
text-align: center;
padding: 20px 20px 20px 140px ;

}

.downloadcloud {
border: 1px dotted #000;
background-color: #fff;
background-position: 20px 20px;

background-image: url(/fileadmin/pixs/img/bx-cloud-download.svg);
padding: 20px 20px 20px 140px ;
margin-bottom: -10px;


}

.warning {
border: 1px dotted #000;
background-color: #fff;
background-position: 20px 20px;

background-image: url(/fileadmin/pixs/img/warning-alt.svg);
padding: 20px 20px 20px 140px ;

}

.worried {
  border: 1px dotted #000;
background-color: #f5f5f5;
background-position: 20px 20px;

background-image: url(/fileadmin/pixs/img/worried.svg);
padding: 20px 20px 20px 140px ;

}
.corona {
background-color: #fff;
background-image: url(/fileadmin/pixs/img/corona.png);
background-position: 10px 40px;
background-size: 55px 281px;
padding: 40px 20px 20px 120px ;
margin-bottom: -10px;

}

.globe {

  border: 1px dotted #000;
  background-color: #fff;
  background-position: 20px 20px;

  background-image: url(/fileadmin/pixs/img/globe.svg);
  padding: 20px 20px 20px 140px ;
  margin-bottom: -10px;

}


.statistik {





  border: 1px dotted #000;
  background-color: #fff;
  background-image: url(/fileadmin/pixs/img/external-link.svg);
background-image: url(/fileadmin/pixs/img/chart-bar-graph.svg);
padding: 20px 20px 20px 140px ;
margin-bottom: -10px;


}

.extern {

border: 1px dotted #000;
border-radius: 5px;
background-color: #fff;


background-image: url(/fileadmin/pixs/img/external-link.svg);
padding: 20px 20px 20px 140px ;
margin-bottom: -10px;

}

.checked {

background-color: #f5f5f5;
background-image: url(/fileadmin/pixs/img/checked.svg);

border: 1px dotted #000;
padding: 20px 20px 20px 140px ;
margin-bottom: -10px;

}
.video-clapper {

background-color: #f5f5f5;
background-image: url(/fileadmin/pixs/img/video-clapper.svg);

border: 1px dotted #000;
border-radius: 5px;
padding: 20px 20px 20px 140px ;
margin-bottom: -10px;
display: flex;
align-items: center;

}

.video-cam {

background-color: #f5f5f5;
background-image: url(/fileadmin/pixs/img/video-cam.svg);

border: 1px dotted #000;
padding: 20px 20px 20px 140px ;
margin-bottom: -10px;
display: flex;
align-items: center;

}


.quote {
border: 0px thin #fff;
background-color:rgba(256,256,256,0);
background-image: url(/fileadmin/pixs/img/quote-left.svg);
font-style: italic;
padding: 20px 20px 20px 140px ;
margin-bottom: -10px;
display: flex;
align-items: center;


}

@media screen and (max-width: 576px) {
  .dotted,.bg_orange {
    padding-left:5px;
    padding-right:5px;
  }
}

.call-to_action {
  position: absolute;
  right:20px;
  bottom:20px;
  width:118px;
  height:97px;
  background-image: url(/fileadmin/pixs/img/vcf-icon.png);
  background-size: 118px 97px;
  background-repeat: no-repeat;
  background-color: rgba(0,0,0,0)!important;
  padding: 0px;
}
.call-to_action a{
font-size: 5px;
text-align: center;
color:#000;
display: block;
width:118px;
height:97px;
padding: 4px 0 0 0;
margin: 0px;
cursor: grab;
background-color: rgba(0,0,0,0)!important;




}
@media screen and (max-width: 576px) {
  .call-to_action {
position: relative;
float: right;
right:5px;
bottom:0px;
width:59px;
height:48px;
background-image: url(/fileadmin/pixs/img/vcf-icon.png);
background-size: 64px 48px;
  }
.call-to_action a{
  width:64px;
  height:48px;
  text-align: left;

}
}