Results of the CSS crunched for buy.regiodo.de

Let's see what we've done for buy.regiodo.de

CSSCruncher.com has crunched this CSS to
17.82 %Less Size! Woohooo!

Crunched CSS code:

*{box-sizing:border-box;margin:0;padding:0;color:#000;font-size:1rem;font-family:verdana}
body,html{width:100%;height:100%;background:#fff}
main,header,footer{float:left;width:100%;text-align:center;padding:2rem 0}
main > div,header > div,footer > div{width:1280px;margin:0 auto;text-align:left}
header > div > .vortschritt > div{width:33.33333333%;float:left;text-align:center}
header > div > h1{float:left;width:100%;margin:1rem 0 3rem 0}
header > div > .vortschritt > div > strong{display:inline-block;padding:1.5rem 1.8rem;border:solid 1px #000;border-radius:2rem;margin-bottom:1rem}
header > div > .vortschritt > div > strong > i{font-size:3rem}
header > div > .vortschritt > div > p{font-size:1.5rem}
header > div > .vortschritt > div.active > strong{background:#f19b38;color:#fff;border:solid 1px #f19b38}
header > div > .vortschritt > div.active > strong > i{color:#fff}
main{background-color:#cdcdcd}
main article{width:80%;background:#efefef;padding:2rem;box-shadow:3px 3px 3px #888;margin:0 auto;float:left;margin:0 10%}
main article > form{float:left;background:#ababab;width:70%;padding:1rem}
main article > div{float:left;width:30%;padding:1rem;line-height:2rem}
button,.btn{display:inline-block;padding:1rem 2rem;background:none;background-color:#F59C21;border-radius:8px;color:#fff;font-size:1rem;font-weight:bold;border:0;cursor:pointer}
form > div{float:left;width:100%;padding:5px;margin-bottom:0.5rem}
form > div > div{float:left;width:35%}
form > div > span{float:left;width:65%}
form > div > span > select,form > div > span > input,form > div > span > textarea{padding:5px;box-shadow:inset 0px -2px 10px 0px #333;float:left;width:100%;border:none}
form[name=pruefen] > div > div{text-align:right}
footer .zahlungsmethoden > h3{float:left;width:100%}
footer .zahlungsmethoden{text-align:center}
footer .zahlungsmethoden i{font-size:4rem}
footer .zahlungsmethoden > span{display:inline-block;padding:1rem;margin:1rem 3rem}}

» Show original CSS code

« Hide original CSS code

*{
  box-sizing:border-box;
  margin:0;
  padding:0;
  color:#000;
  font-size:1rem;
  font-family:verdana;
}
body,html{
         width:100%;
         height:100%;
         background:#fff;
}
main,header,footer{
  float:left;width:100%;
  text-align:center;
  padding:2rem 0;
}
main > div,header > div,footer > div{width:1280px;margin:0 auto;text-align:left;}
header > div > .vortschritt > div{
  width:33.33333333%;
  float:left;
  text-align:center;
}  
header > div > h1{
  float:left;
  width:100%;
  margin:1rem 0 3rem 0;
}
header > div > .vortschritt > div > strong{
    display: inline-block;
    padding: 1.5rem 1.8rem;
    border: solid 1px #000;
    border-radius: 2rem;
    margin-bottom:1rem;
}    
header > div > .vortschritt > div > strong > i{
  font-size:3rem;
}
header > div > .vortschritt > div > p{
font-size:1.5rem;  
}
header > div > .vortschritt > div.active > strong{
  background:#f19b38;
  color:#fff;
      border: solid 1px #f19b38;
}
header > div > .vortschritt > div.active > strong > i{
  color:#fff;
}
main{
  background-color:#cdcdcd;
}
main article{
  width:80%;
  background:#efefef;
  padding:2rem;
  box-shadow:3px 3px 3px #888;
  margin:0 auto;
  float:left;
  margin:0 10%;
}
main article > form{
  float:left;
  background:#ababab;
  width:70%;
    padding:1rem;
}
main article > div{
  float:left;
  width:30%;      
  padding:1rem;
  line-height:2rem;
}
button, .btn{
  display:inline-block;
  padding:1rem 2rem;
  background:none;
  background-color:#F59C21;
  border-radius:8px;
  color:#fff;
  font-size:1rem;
  font-weight:bold;
  border:0;
  cursor:pointer;
  
}
form > div {
  float:left;
  width:100%;
  padding:5px;
  margin-bottom:0.5rem;
}
form > div > div{
  float:left;
  width:35%;
}
form > div > span{
  float:left;
  width:65%;
}
form > div > span > select,form > div > span > input,form > div > span > textarea{
    padding: 5px;
    box-shadow: inset 0px -2px 10px 0px #333;
    float: left;
    width: 100%;
    border: none;
}
form[name=pruefen] > div > div{
  text-align:right;
}
footer .zahlungsmethoden > h3{
  float:left;
  width:100%;
}
footer .zahlungsmethoden{
  text-align:center;
} 
footer .zahlungsmethoden i{
  font-size:4rem;
}
footer .zahlungsmethoden > span{
  display:inline-block;
  padding:1rem;
  margin:1rem 3rem;
}
  
}