*{
 box-sizing: border-box;
}


/* Create four equal columns that floats next to each other */
.column {
  float: left;
  width: 33%;
  padding: 20px;
  background-color: darkmagenta;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* On screens that are 992px wide or less, go from four columns to two columns */
@media screen and (max-width: 992px) {
  .column {
    width: 100%;
    background-color: darkmagenta;
  }
  
}

/* On screens that are 600px wide or less, make the columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column {
    width: 100%;
    font-size: 4mm;
  }
}

/* stylesheet Angebote*/
header{
  background-color: darkmagenta;
}
H1{
  background-color: blueviolet;
  border-style: solid;
  border-color: black;
  border-width: 0.3mm;
  text-align: center;
  border-radius: 80%;

  margin-top: 3cm;
  padding: 1cm;
}
body{
  background-color:darkmagenta ;
}
button{
  border-style: solid;
  border-color: black;
  border-width: 0.3mm;
  background-color: blueviolet;
  font-size: 8mm;
 
}
img{
  border-style: solid;
  border-width: 0.3mm;
  height: 9cm;
  width: 12cm;
  margin-left: 1.5cm;
}
.imgA{
  border-style: solid;
  border-width: 0.3mm;
  height: 12cm;
  width: 9cm;
  margin-left: 1.5cm;
  margin-left: 3cm;
}
.logo{
  padding-top:2cm;
  padding-bottom: 2cm; 
  border-radius: 180%;
  margin-left: 3.8cm;
  margin-right: 3.8cm;
  border-width: 2mm;
}
p{
    text-align: center;
    background-color: darkorchid;
    
                text-align: center;
                font-size: 1.5cm;
                font-weight: 300;
                border-style: solid;
                border-color: black;
                border-width: 0.3mm;
              
                background-color: rgb(150, 103, 194);
              
            }
            .verkaufsbedingungen{
              font-size: 4mm;
              text-align: center;

            }