.answercard-container{vertical-align:top;display:inline-block;text-align:center;border:.1rem solid #8d8d8d;border-radius:.5rem;font-weight:500}.answercard-image{object-fit:cover}.answercard-container:hover{cursor:pointer;background-color:#f0f8ff;border-color:#3498db;box-shadow:0 0 10px #0003}.answercard-container.selected{background-color:#edf3f8;border-color:#3498db;box-shadow:0 0 10px #0003}.answercard-text{display:block;color:#333}@media only screen and (max-width: 767px){.answercard-container{height:120px;width:160px;margin:5px}.answercard-image{margin-top:10px}.answercard-text{font-size:13px;font-weight:400}}@media only screen and (min-width: 768px) and (max-width: 1024px){.answercard-container{height:160px;width:190px;margin:5px}.answercard-image{margin-top:20px}}@media only screen and (min-width: 1025px){.answercard-container{height:180px;width:210px;margin:5px}.answercard-image{margin-top:30px}}.quesiton-counter,.theme-question{text-align:center}@media only screen and (max-width: 767px){.header-questions{padding:10px 0 0;margin-bottom:5%}.quesiton-counter{font-size:1rem}.theme-question{font-size:1.4rem;margin:0 1%}}@media only screen and (min-width: 768px) and (max-width: 1024px){.header-questions{padding:10px 0 0;margin-bottom:5%}.quesiton-counter{font-size:30px}.theme-question{font-size:25px}}@media only screen and (min-width: 1025px){.header-questions{padding-top:1rem;margin-bottom:3rem}.quesiton-counter{font-size:1.25rem;font-weight:200;padding:0;margin:0 0 1rem}.theme-question{font-size:2rem;font-weight:600;padding:0;margin:0}}.zipcode-container{display:flex;align-items:center;justify-content:space-between}.input-container input{color:#333;background:#efefef;border-radius:8px;border:2px solid #b9ddf5;outline:0;transition:all .3s ease-in-out}.input-container .error-message{color:red;font-size:.9rem;margin-top:5px;transition:all .3s ease-in-out}@media only screen and (max-width: 767px){.zipcode-text{text-align:center;padding-top:1rem;font-size:1.4rem;font-weight:600;margin:0 1rem}.zipcode-info-text{padding:0;font-size:1rem;margin:1rem}.germany-image{width:200px;height:200px}.input-cell input{width:8rem;padding:10px 0 10px 15px;font-size:18px;text-indent:10px}.input-footer{font-weight:350;font-size:.625rem}.input-container .error-message{font-size:.75rem;text-align:center}}@media only screen and (min-width: 768px) and (max-width: 1024px){.zipcode-text{font-weight:500;text-align:center;margin:0 5rem;padding-top:1rem}.zipcode-info-text{padding:0;font-weight:300;font-size:1.5rem;margin:1rem 3rem}.input-container{margin-right:8rem;margin-bottom:4rem;display:block}.germany-image{width:400px;height:400px}.input-cell input{width:16rem;padding:10px 0 10px 15px;font-size:18px;text-indent:10px}.input-footer{font-weight:350;font-size:.625rem}.input-container .error-message{font-size:.85rem;text-align:left}}@media only screen and (min-width: 1025px){.zipcode-text{font-weight:600;text-align:center;margin:0 5rem;padding-top:1rem}.zipcode-info-text{padding:0;font-size:1.25rem;margin:2rem 3rem}.input-container{margin-right:10rem;display:block}.germany-image{width:300px;height:300px}.input-cell input{width:16rem;padding:10px 0 10px 15px;font-size:18px;text-indent:10px}.input-footer{font-weight:350;font-size:.625rem}.input-container .error-message{font-size:.9rem}}.header-form{display:block;justify-content:center;align-items:center}.icon-container{display:flex;justify-content:center;align-items:center}.flex-container{display:grid;align-items:center;justify-content:center}.formcard-container{display:table}.input-container-1,.input-container-2{display:table-row}.einwilligung-container{text-align:center;display:flex;align-items:flex-start;justify-content:center;border:.16rem solid rgb(90,89,89);border-radius:.4rem}.input-cell{display:table-cell}.input-cell input{color:#333;background:#efefef;border-radius:8px;border:2px solid #b9ddf5;outline:0;transition:all .3s ease-in-out}.input-container .error{animation:shake .2s ease-in-out;border-color:#f66a6a}input.email-input{width:100%;padding:10px 0 10px 15px;font-family:Lasiver,HelveticaNeue,Helvetica,Helmut,Arial,Lucida Grande,sans-serif}.input-container .error-message{transition:all .3s ease-in-out}.input-container-1 .error,.input-container-2 .error,.einwilligung-container.error{animation:shake .2s ease-in-out;border-color:#f66a6a}.input-container-1 .error-message,.input-container-2 .error-message{display:flex;align-items:center;justify-content:center;color:red;font-size:14px;margin:0;text-align:left;width:100%}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(5px)}50%{transform:translate(-5px)}75%{transform:translate(5px)}to{transform:translate(0)}}.form-text,.header-text{color:#333;text-align:center}@media only screen and (max-width: 767px){.header-form{padding:2% 0 0;margin:0 2.5%}.icon-container{margin-bottom:10px}.input-cell{padding:0 30px 10px 10px}.input-cell input{width:100%;padding:10px 0 10px 15px;font-size:18px;text-indent:10px}.einwilligung-container{margin:1rem 20%}.einwilligung-container p{font-size:8px;font-weight:300px;text-align:left}.einwilligung-container input{margin-top:4%}.input-container-1 .error-message,.input-container-2 .error-message{font-size:9px}.form-text{font-size:16px;padding:0;margin-left:5%;margin-right:5%}.header-text{font-size:22px;padding:3% 0 0}}@media only screen and (min-width: 768px) and (max-width: 1024px){html,body{font-size:20px}.icon-container{margin-bottom:1.5%;margin-right:2%}.input-cell{padding:0 30px 10px 10px}.input-cell input{width:95%;padding:10px 0 10px 15px;font-size:22px;text-indent:10px}.einwilligung-container{margin:0 25%}.einwilligung-container p{font-size:12px;font-weight:300px;text-align:left}.einwilligung-container input{margin-top:2%}.input-container-1 .error-message,.input-container-2 .error-message{font-size:14px}.form-text{font-size:25px;padding:0;margin-left:5%;margin-right:5%}.header-text{font-size:40px;padding:2% 0 0}}@media only screen and (min-width: 1025px){.flex-container{margin:0 10%}.icon-container{margin-bottom:1.5%}.formcard-container{margin-right:2%}.input-cell{padding:0 15px 10px}.einwilligung-container{margin:2% 27% 0}.einwilligung-container p{padding:0 .125rem;font-size:10px;font-weight:300px;text-align:left}.einwilligung-container input{margin-top:3%}.input-cell input{width:100%;padding:10px 0 10px 15px;font-size:18px;text-indent:10px}.input-container-1 .error-message,.input-container-2 .error-message{font-size:12px}.form-text{font-size:25px;padding:0;margin-left:5%;margin-right:5%}.header-text{font-size:32px;padding:1.5% 0 0;margin:0 5%}}.font-check{color:#63e6be}.endcard-text h2{color:#333}.endcard-text p{color:#333;text-align:center;display:inline-block}@media only screen and (max-width: 767px){.font-check{margin-top:1.5rem;height:2.5rem;width:2.5rem}.endcard-text h2{font-weight:500;font-size:1.875rem;margin-top:0;padding:0}.endcard-text p{font-weight:400;font-size:.875rem;margin-top:0;padding:0}.endcard-text p:last-child{margin-bottom:2rem}}@media only screen and (min-width: 768px) and (max-width: 1024px){.font-check{color:#63e6be;margin-top:20px;height:70px;width:70px}.endcard-text h2{color:#333;font-size:16px;font-weight:500;font-size:30px}.endcard-text p{color:#333;font-size:16px;font-weight:400;font-size:18px;text-align:center;display:inline-block;margin-top:10px;width:calc(80% - 20px)}}@media only screen and (min-width: 1025px){.font-check{margin-top:1.5rem;height:4.375rem;width:4.375rem}.endcard-text h2{font-weight:700;font-size:1.875rem;margin:0;padding:0}.endcard-text p{font-weight:400;font-size:1.125rem;margin-right:10%;margin-left:10%}.endcard-text p:last-child{margin-bottom:3rem}}.spinner-flex{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2rem}.spinner{border:8px solid #f3f3f3;border-top:8px solid #3498db;border-radius:50%;width:30px;height:30px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media only screen and (max-width: 767px){.spinner{margin-top:25%}}@media only screen and (min-width: 768px) and (max-width: 1024px){.spinner{margin-top:25%}}@media only screen and (min-width: 1025px){.spinner{margin-top:15%}}.checkmark-flex{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2rem}@keyframes checkMarkFadeIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@media only screen and (max-width: 767px){.checkmark{margin-top:25%}}@media only screen and (min-width: 768px) and (max-width: 1024px){.checkmark{margin-top:25%}}@media only screen and (min-width: 1025px){.checkmark{margin-top:15%}}.app-container{display:block;text-align:center;justify-content:center;border-radius:1rem;box-shadow:#64646f33 0 7px 29px}.app-button-container{display:flex;align-items:center;justify-content:space-evenly}.app-button-container button{border:.2rem solid rgb(90,89,89);border-radius:2rem;background-color:#fff;color:#333}.app-button-container button:hover{cursor:pointer;background-color:#f0f8ff;border-color:#3498db;box-shadow:0 0 10px #0003}fade-in{opacity:0;animation:fadeInAnimation 2s ease-in forwards}@keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}@media only screen and (max-width: 767px){.app-container{width:95dvw;min-height:350px}.app-button-container button{margin:5% 0;padding:7px;width:40dvw;font-size:14px;font-weight:400}}@media only screen and (min-width: 768px) and (max-width: 1024px){.app-container{width:900px;height:auto}.app-button-container button{font-size:18px;font-weight:400;margin:8% 0 5%;width:35%;padding:8px}}@media only screen and (min-width: 1025px){.app-container{width:1000px;height:auto;min-height:500px;font-size:18px}.app-button-container button{margin:4% 0 3%;width:35%;padding:8px;font-size:18px;font-weight:400}}
.main-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.survey-text {
  width: 100%;
  background-color: #c4ebfd;
}

/* Handys (Smartphones) */
@media only screen and (max-width: 767px) {
  .survey-text {
    font-size: 14px;
    padding: 18% 0 5% 0;
  }

  .survey {
    margin-top: 5%;
    margin-bottom: 5%;
  }
}

/* Tablets und Laptops */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .survey {
    margin-top: 5%;
    margin-bottom: 5%;
  }
}

/* Desktops */
@media only screen and (min-width: 1025px) {
  .main-content .survey {
    margin-top: 2%;
    margin-bottom: 5%;
  }

  .survey-text {
    padding-top: 0.5rem;
    z-index: -1000;
  }

  .survey-text h1 {
    margin-top: 1%;
    font-size: 2rem;
  }

  .survey-text p {
    font-weight: normal;
    font-size: 1.2rem;
    margin-bottom: 1%;
  }
}