@charset "UTF-8";
* {
  padding: 0;
  margin: 0;
}

#area_kontakt {
  margin-top: 9dvh;
  height: 100dvh;
  display: flex;
  justify-content: center; /* horizontal zentrieren */
  align-items: center; /* vertikal zentrieren */
  padding-left: 10px;
  padding-right: 10px;
  background: url("../media/background/Thassos1.JPEG") no-repeat center center fixed;
  background-size: cover;
  margin: 0;
  padding: 0;
}
#area_kontakt #kontakt_box {
  margin-top: 15dvh;
  width: 80dvw;
  height: 80dvh;
  background-color: rgba(255, 255, 255, 0.7);
  padding: 5px;
  padding-bottom: 10px;
  overflow: auto;
}
#area_kontakt #kontakt_box #contact_text {
  text-align: center;
  padding-bottom: 20px;
}
#area_kontakt #kontakt_box #sfr_kontaktform {
  display: grid;
  grid-template-columns: 49% 49%;
  gap: 10px;
}
#area_kontakt #kontakt_box #sfr_kontaktform #cc_name {
  grid-column: 1/span 1;
}
#area_kontakt #kontakt_box #sfr_kontaktform #cc_email {
  grid-column: 2/span 1;
}
#area_kontakt #kontakt_box #sfr_kontaktform #cc_thema {
  grid-column: 1/span 2;
}
#area_kontakt #kontakt_box #sfr_kontaktform #cc_description {
  grid-column: 1/span 2;
}
#area_kontakt #kontakt_box #sfr_kontaktform #cc_description #textarea_comment {
  width: 100%;
}
#area_kontakt #kontakt_box #sfr_kontaktform #dsgvo_check {
  grid-column: 1/span 2;
}
#area_kontakt #kontakt_box #sfr_kontaktform #submitbutton {
  grid-column: 1/span 2;
}
#area_kontakt #kontakt_box .input_title {
  padding: 5px;
  color: white;
  font-weight: bold;
}

/* ---- MEDIA QUERIES ---- */
/* Media Query: Tablet Portrait (z. B. iPad Pro 11") */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  #area_kontakt #kontakt_box {
    width: 60dvw;
    height: -moz-fit-content;
    height: fit-content;
  }
}
/* Media Query: Tablet Landscape (z. B. iPad Pro 11") */
@media only screen and (min-width: 933px) and (orientation: landscape) {
  #area_kontakt #kontakt_box {
    width: 50dvw;
    height: -moz-fit-content;
    height: fit-content;
  }
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
  #area_kontakt #kontakt_box {
    width: 60dvw;
    height: -moz-fit-content;
    height: fit-content;
  }
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
  #area_kontakt #kontakt_box {
    width: 50dvw;
    height: -moz-fit-content;
    height: fit-content;
  }
}
@media only screen and (min-width: 1400px) {
  #area_kontakt #kontakt_box {
    width: 50dvw;
    height: -moz-fit-content;
    height: fit-content;
  }
}/*# sourceMappingURL=sfr_website_kontakt.css.map */