/* Linke und Rechte Spalten */
.left-column {
  float: left;
  width: 30%;
  margin-right: 1%;
  margin-left: 19%;
}

.right-column {
  float: right;
  width: 30%;
  margin-left: 1%;
  margin-right: 19%;
}


/* Media Query für mobile Geräte */
@media (max-width: 1200px) {
  .left-column {
      width: 60%;
	margin-left: 20%;
	margin-right: 20%;
	  
  }

  .right-column {
      display: none;
  }
}

@media (max-width: 600px) {
	table {
            display: block;
            width: 100%;
        }

  table tr {
            display: block;
            margin-bottom: 10px;
        }

  table td {
            display: block;
        }
    }

@media (max-width: 600px) {
	.img-footer {
      display: none;

        }

    }


/* Style the form */
form {
  margin: 10px 50px 10px 50px
  padding-right: 50px;
  width: 100%;
  min-width: 300px;
}

/* Style the form content*/
.form-content {
  overflow: hidden;
  clear: both;
}


/* Style the input fields */
button,
datalist,
input,
legend,
optgroup,
option,
output,
select,
textarea {
  padding: 10px;
  font-size: 1em;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  border: 2px solid #777;
  border-radius: 15px;
}

/* Style the fieldsets */
fieldset {
  background-color: rgb(255, 255, 255);
  border: 5px solid #469C24 ;
  border-radius: 25px;
  height: 60em;
  position: relative;
  margin-bottom: 35px;
}

/* Style the labels */
label {
  font-size: 1em;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

.back-button {
  font-size: 25px;
  color: #AEC009;
  background-color: #fff;
  border: 1px solid #AEC009;
  margin-right: 10px;
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 10px;


}

.forward-button{
  font-size: 25px;
  font-style: bold;
  color: #fff;
  background-color: #AEC009;
  border: #777 solid 1px;
  border-radius: 15px;
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 10px;

}


/* Style the error messages */
.error-text {
  color: #f00;
  grid-column-start: 2;
}

h2{
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 40px;
  font-style: bold;
  color: #777;
}

h3{
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 20px;
  font-style: bold;
  color: #777;
}

p{
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

}


.images {
  border-radius: 5% ;
  max-width: 100%;
  height: 60em;
  margin-bottom: 35px;
}

.mid-column {
width: 30%;
margin: 0 auto;
}

.main-part{
  margin-bottom: 20px;
}


