figure {
    padding: 5px;
    float: left;
  }
  
  #text{
    color: wheat;
  }

.info{
    color: rgba(216, 216, 216, 0.918);
    display: block;
    padding: 16px;
    color: rgb(255, 255, 255);
    border:0;
    background: rgba(29, 9, 145, 0.699);
    margin: 40px auto;
    text-align: center;
    padding: 28px 20px;
    width: 400px;
    border-radius: 48px;
    transition: 0.5s;
    float: left;
    margin: 25px;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 150%;
}

#urkunde{
    float: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 10px;
    clear: both;
}

#webimg{
    position: relative;
    display: flex;
    width: 550px;
    float: flex-end;
    max-width: 100%;
}

#winf{
    justify-content: center;
    margin: 25px;
}

@media (max-width: 800px) {
.flex{
    flex-direction: column;
}

.info{
    color: rgba(216, 216, 216, 0.918);
    display: block;
    padding: 16px;
    color: rgb(255, 255, 255);
    border:0;
    background: rgba(29, 9, 145, 0.699);
    margin: 25% auto;
    text-align: center;
    padding: 14px 10px;
    width: 200px;
    border-radius: 24px;
    transition: 0.5s;
    float: none;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
}
}