/* This is. a multi-line. comment
 Ich habe ein eigenes CSS-Template angelegt, was einzelne Otree Sachen uberschreibt*/


/* otree body tag ist ein spezialtag, was bestimmte Verhaltensweisen vorbestimmt,
 bspw. maximale Breite der Inhaltspalten*/
.otree-body {
  /*padding: 0;*/
}
* {
  box-sizing: border-box;
}
.column {
    flex: 50%;
    padding-top: 5rem;
}

.page-header {
  margin: 0; /* Margin von otree zuruecksetzen */
  padding: 0; /* Padding von Otree zuruecksetzen */
}

body {
  margin: 0;
}

.flex-main {
  display: flex;
  flex-wrap: wrap; /* overflow verhindern */
  /*background: darkgrey;*/
  border: 0px solid black;
  justify-content: space-between;
}
.thank-you img{
        max-width: 25rem ;
        padding-top: 0;
}

.main.mturk{
    padding-top: 5rem;
    padding-bottom: 2rem;
}

#consent_image img {
  max-width: 20em;
  max-height: 9em;
  margin:0;
  padding:0;
  padding-top:2rem;
}


 #title {
   text-align: center;
   padding: 3rem;
   align-self: flex-end;
 }

 ul.no_bullets{
  list-style-type: none; /* Remove bullets */
  padding: 0;
  margin: 0;
}

 #title h3 {
   font-weight: bold;
 }

 #Introduction p {
   text-align: justify;
 }

  #Confidential p {
   text-align: justify;
 }
  #Confidential h6 {
   text-decoration: underline;
 }

  #Consent p {
    text-align: justify;
 }
  #Consent h5 {
    font-weight: bold;
    text-decoration: underline;
 }
  #Consent h4 {
    font-weight: bold;
    padding-top: 1rem;
    padding-bottom: 1rem;
    text-align: center;
 }

    #Declare h6 {
    font-weight: bold;
 }

    #button {
        text-align: center;
        margin-top: 3rem;
    }
.field {
    background-color: #ffffb3 ;
    padding: 2rem;
    padding-right: 4rem;
    padding-left: 4rem;
    min-height: 200px;
    border-radius: 10px;
    margin: 1rem;
    margin-bottom: 0;
}