/* stylelint-disable selector-class-pattern */
/**
 * Mega Forms - beautify checkboxes
 * This is based on https://moderncss.dev/pure-css-custom-checkbox-style/
 **/
:root {
  --form-control-disabled: $darkgrey;
}

.mf_progressbar_percentage.percentbar_blue {
  background: rgb(0, 0, 0) !important;
  color: rgb(255, 255, 255);
}

ul.mf-checkboxes li label--disabled,
ul.mf-radios li label--disabled {
  color: var(--form-control-disabled);
  cursor: not-allowed;
}

/****** Pretty Checkboxes ******/
.mform_body .mf_input_consent > label > span {
  display: block;
  margin-left: 2.8em;
  font-size: 16px;
}
.mform_body .mfield {
  padding: 0 0 1em;
  /****** Regular checkboxes ******/
}
.mform_body .mfield h3 {
  margin: 0;
}
.mform_body .mfield input[type=checkbox],
.mform_body .mfield input[type=radio] {
  /* Add if not using autoprefixer */
  -webkit-appearance: none;
  /* Remove most all native input styles */
  -moz-appearance: none;
  appearance: none;
  /* For iOS < 15 */
  background-color: rgb(255, 255, 255);
  /* Not removed via appearance */
  margin: 0;
  font: inherit;
  color: currentcolor;
  width: 1.4em;
  height: 1.4em;
  border: 0.1em solid transparent;
  border-radius: 2px;
  transform: translateY(3px);
  display: grid;
  place-content: center;
  float: left;
  min-height: initial;
}
.mform_body .mfield input[type=checkbox]::before,
.mform_body .mfield input[type=radio]::before {
  content: "";
  width: 0.65em;
  height: 0.65em;
  -webkit-clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
  transform: scale(0);
  transform-origin: bottom left;
  transition: 120ms transform ease-in-out;
  /* Windows High Contrast Mode */
  background-color: var(--primary) !important;
}
.mform_body .mfield input[type=checkbox]:checked::before,
.mform_body .mfield input[type=radio]:checked::before {
  transform: scale(1);
  /* Prevent theme overrides */
  position: relative !important;
  display: block !important;
}
.mform_body .mfield input[type=checkbox]:disabled,
.mform_body .mfield input[type=radio]:disabled {
  color: var(--form-control-disabled);
  cursor: not-allowed;
}
.mform_body .mfield.pretty-selection {
  /* Hide default checkbox/radio element */
  /* Align elements next to each other */
}
.mform_body .mfield.pretty-selection input[type=checkbox],
.mform_body .mfield.pretty-selection input[type=radio] {
  display: none;
}
.mform_body .mfield.pretty-selection input[type=checkbox] span,
.mform_body .mfield.pretty-selection input[type=radio] span {
  background-color: rgb(216, 216, 216);
  color: rgb(0, 0, 0);
  border-radius: 1em;
  padding: 1em;
  cursor: pointer;
}
.mform_body .mfield.pretty-selection input[type=checkbox]:checked span,
.mform_body .mfield.pretty-selection input[type=radio]:checked span {
  background-color: rgb(0, 0, 0);
  color: rgb(255, 255, 255);
}
.mform_body .mfield.pretty-selection .mf_input_checkboxes ul,
.mform_body .mfield.pretty-selection .mf_input_radios ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5em;
}
.mform_body .mfield.pretty-selection .mf_input_checkboxes ul li,
.mform_body .mfield.pretty-selection .mf_input_radios ul li {
  padding: 1em 0;
}
.mform_body .mfield input[type=text] {
  border-radius: 5px;
  height: 52px;
}
.mform_body .mfield textarea {
  border-radius: 20px;
  min-height: 410px;
}
.mform_body .mfield .mf_description {
  font-size: 0.88em !important;
}

@media (max-width: 767px) {
  .mform_body input[type=radio] {
    margin-bottom: 25px;
  }
}
.mf-submit-btn {
  border-radius: 30px;
  background-color: var(--secondary);
  color: var(--primary);
  border: 2px solid transparent;
  padding-inline: 25px !important;
  text-transform: inherit;
  font-size: 18px;
  min-height: 60px !important;
}
.mf-submit-btn .mf-btn-txt {
  padding-inline: 0px !important;
}
.mf-submit-btn::after {
  content: url("data:image/svg+xml; utf8, <svg width='100%' height='100%' viewBox='0 0 512 512' fill='rgb(35, 55, 160)' enable-background='new 0 0 512 512' xml:space='preserve' xmlns='http://www.w3.org/2000/svg'><path id='Pfad_5640' d='M256,11.4l-43.1,43.1l170.6,170.9h-372v61.1h372L212.9,457.5l43.1,43.1L500.6,256L256,11.4z'/></svg>");
  width: 16px;
  margin-left: 0.5em;
  display: inline-block;
  transform: translateY(1px);
}
.mf-submit-btn:hover, .mf-submit-btn:focus {
  background-color: var(--primary) !important;
  color: var(--secondary) !important;
}
.mf-submit-btn:hover::after, .mf-submit-btn:focus::after {
  content: url("data:image/svg+xml; utf8, <svg width='100%' height='100%' viewBox='0 0 512 512' fill='rgb(246, 159, 66)' enable-background='new 0 0 512 512' xml:space='preserve' xmlns='http://www.w3.org/2000/svg'><path id='Pfad_5640' d='M256,11.4l-43.1,43.1l170.6,170.9h-372v61.1h372L212.9,457.5l43.1,43.1L500.6,256L256,11.4z'/></svg>");
}

.kontakt-form .mform_container .mform_body .label-file-upload {
  padding: 0;
}
.kontakt-form .mform_container .mform_body .label-file-upload .mf_field_container {
  margin-bottom: 10px !important;
}
.kontakt-form .mform_container .mform_body .label-file-upload h2 {
  font-size: 1em !important;
  margin-bottom: 0 !important;
  font-weight: 600;
  font-family: dinweb !important;
}
.kontakt-form .mform_container .mform_body input[type=file] {
  display: none;
}
.kontakt-form .mform_container .mform_body .upload-file {
  margin-top: 0;
}
.kontakt-form .mform_container .mform_body .upload-file .mf_field_container label {
  background-color: #efefef;
  height: 50px;
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 0.889em;
  color: var(--primary);
}
.kontakt-form .mform_container .mform_body .upload-file .mf_field_container label::before {
  content: url("../img/icon/file-upload.svg");
  margin-inline: 1em;
  display: inline-block;
  transform: translateY(1px);
}
.kontakt-form .mform_container .mform_body .upload-file .mf_field_container label:hover {
  color: var(--secondary) !important;
  cursor: pointer;
}
.kontakt-form .mform_container .mform_body .upload-file .mf_field_container label:hover::before {
  content: url("../img/icon/file-upload-hover.svg");
}
.kontakt-form .mform_container .mform_body .mf_input_select :hover {
  border-color: var(--primary);
}
.kontakt-form .mform_container .mform_body .mf-section-title {
  font-size: 25px;
}
.kontakt-form .mform_container .mform_body .mf-choice li {
  padding-bottom: 8px;
}
.kontakt-form .mform_container .mform_body .mf_input_consent > label > span {
  display: block;
  margin-left: 2.2em;
}
.kontakt-form .mform_container .mform_body .mfield,
.kontakt-form .mform_container .mform_body .mf-container {
  /****** Regular checkboxes ******/
}
.kontakt-form .mform_container .mform_body .mfield .mf_field_container,
.kontakt-form .mform_container .mform_body .mf-container .mf_field_container {
  margin-bottom: 1.7em;
}
.kontakt-form .mform_container .mform_body .mfield input,
.kontakt-form .mform_container .mform_body .mfield textarea,
.kontakt-form .mform_container .mform_body .mf-container input,
.kontakt-form .mform_container .mform_body .mf-container textarea {
  background-color: #efefef;
  border: none;
  min-height: 50px;
}
.kontakt-form .mform_container .mform_body .mfield textarea,
.kontakt-form .mform_container .mform_body .mf-container textarea {
  min-height: 198px !important;
}
.kontakt-form .mform_container .mform_body .mfield h3,
.kontakt-form .mform_container .mform_body .mf-container h3 {
  margin: 0;
}
.kontakt-form .mform_container .mform_body .mfield input[type=checkbox],
.kontakt-form .mform_container .mform_body .mfield input[type=radio],
.kontakt-form .mform_container .mform_body .mf-container input[type=checkbox],
.kontakt-form .mform_container .mform_body .mf-container input[type=radio] {
  /* Add if not using autoprefixer */
  -webkit-appearance: none;
  /* Remove most all native input styles */
  -moz-appearance: none;
  appearance: none;
  /* For iOS < 15 */
  background-color: #efefef;
  /* Not removed via appearance */
  margin-right: 1.1em;
  font: inherit;
  color: currentcolor;
  width: 1.5em;
  height: 1.5em;
  border: none;
  border-radius: 0.1em;
  display: grid;
  place-content: center;
  float: left;
  min-height: initial;
}
.kontakt-form .mform_container .mform_body .mfield input[type=checkbox]::before,
.kontakt-form .mform_container .mform_body .mfield input[type=radio]::before,
.kontakt-form .mform_container .mform_body .mf-container input[type=checkbox]::before,
.kontakt-form .mform_container .mform_body .mf-container input[type=radio]::before {
  content: "";
  width: 1em;
  height: 1em;
  -webkit-clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
  transform: scale(0);
  transform-origin: bottom left;
  transition: 120ms transform ease-in-out;
  /* Windows High Contrast Mode */
  background-color: var(--primary);
}
.kontakt-form .mform_container .mform_body .mfield input[type=checkbox]:checked::before,
.kontakt-form .mform_container .mform_body .mfield input[type=radio]:checked::before,
.kontakt-form .mform_container .mform_body .mf-container input[type=checkbox]:checked::before,
.kontakt-form .mform_container .mform_body .mf-container input[type=radio]:checked::before {
  transform: scale(1);
  /* Prevent theme overrides */
  position: relative !important;
  display: block !important;
}
.kontakt-form .mform_container .mform_body .mfield input[type=checkbox]:disabled,
.kontakt-form .mform_container .mform_body .mfield input[type=radio]:disabled,
.kontakt-form .mform_container .mform_body .mf-container input[type=checkbox]:disabled,
.kontakt-form .mform_container .mform_body .mf-container input[type=radio]:disabled {
  color: var(--form-control-disabled);
  cursor: not-allowed;
}
.kontakt-form .mform_container .mform_body .mfield.pretty-selection,
.kontakt-form .mform_container .mform_body .mf-container.pretty-selection {
  /* Hide default checkbox/radio element */
  /* Align elements next to each other */
}
.kontakt-form .mform_container .mform_body .mfield.pretty-selection input[type=checkbox],
.kontakt-form .mform_container .mform_body .mfield.pretty-selection input[type=radio],
.kontakt-form .mform_container .mform_body .mf-container.pretty-selection input[type=checkbox],
.kontakt-form .mform_container .mform_body .mf-container.pretty-selection input[type=radio] {
  display: none;
}
.kontakt-form .mform_container .mform_body .mfield.pretty-selection input[type=checkbox] span,
.kontakt-form .mform_container .mform_body .mfield.pretty-selection input[type=radio] span,
.kontakt-form .mform_container .mform_body .mf-container.pretty-selection input[type=checkbox] span,
.kontakt-form .mform_container .mform_body .mf-container.pretty-selection input[type=radio] span {
  background-color: rgb(216, 216, 216);
  color: #000;
  border-radius: 1em;
  padding: 1em;
  cursor: pointer;
}
.kontakt-form .mform_container .mform_body .mfield.pretty-selection input[type=checkbox]:checked span,
.kontakt-form .mform_container .mform_body .mfield.pretty-selection input[type=radio]:checked span,
.kontakt-form .mform_container .mform_body .mf-container.pretty-selection input[type=checkbox]:checked span,
.kontakt-form .mform_container .mform_body .mf-container.pretty-selection input[type=radio]:checked span {
  background-color: var(--primary) !important;
  color: #fff;
}
.kontakt-form .mform_container .mform_body .mfield.pretty-selection .mf_input_checkboxes ul,
.kontakt-form .mform_container .mform_body .mfield.pretty-selection .mf_input_radios ul,
.kontakt-form .mform_container .mform_body .mf-container.pretty-selection .mf_input_checkboxes ul,
.kontakt-form .mform_container .mform_body .mf-container.pretty-selection .mf_input_radios ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5em;
}
.kontakt-form .mform_container .mform_body .mfield.pretty-selection .mf_input_checkboxes ul li,
.kontakt-form .mform_container .mform_body .mfield.pretty-selection .mf_input_radios ul li,
.kontakt-form .mform_container .mform_body .mf-container.pretty-selection .mf_input_checkboxes ul li,
.kontakt-form .mform_container .mform_body .mf-container.pretty-selection .mf_input_radios ul li {
  padding: 1em 0;
}

html {
  scroll-behavior: smooth !important;
}
html body {
  overflow-x: hidden;
}

.main-navigation {
  padding: 24px 0;
}
@media (min-width: 1025px) {
  .main-navigation .sticky-navigation-logo {
    display: none !important;
  }
}
.main-navigation .navigation-branding {
  width: 60%;
}
@media (max-width: 1025px) {
  .main-navigation .main-nav {
    padding-bottom: 50px !important;
  }
}
@media (max-width: 1570px) {
  .main-navigation .main-nav li a {
    padding-inline: 19px !important;
  }
}
@media (max-width: 1285px) {
  .main-navigation .main-nav li a {
    padding-inline: 14px !important;
    font-size: 18px !important;
  }
}
@media (max-width: 1140px) {
  .main-navigation .main-nav li a {
    padding-inline: 11px !important;
    font-size: 16px !important;
  }
}
@media (max-width: 1025px) {
  .main-navigation .main-nav li a {
    padding-inline: 20px !important;
    font-size: 20px !important;
    text-align: center;
  }
}
.main-navigation .main-nav li a[href^=http][href^="https://p673158.webspaceconfig.de/kontakt/"] {
  border-radius: 30px;
  background-color: var(--secondary);
  color: var(--primary);
  border: 2px solid transparent;
  padding-inline: 25px !important;
  margin-inline: 40px;
  text-transform: inherit;
  font-size: 18px;
}
.main-navigation .main-nav li a[href^=http][href^="https://p673158.webspaceconfig.de/kontakt/"]::after {
  content: url("data:image/svg+xml; utf8, <svg width='100%' height='100%' viewBox='0 0 512 512' fill='rgb(35, 55, 160)' enable-background='new 0 0 512 512' xml:space='preserve' xmlns='http://www.w3.org/2000/svg'><path id='Pfad_5640' d='M256,11.4l-43.1,43.1l170.6,170.9h-372v61.1h372L212.9,457.5l43.1,43.1L500.6,256L256,11.4z'/></svg>");
  width: 16px;
  margin-left: 0.5em;
  display: inline-block;
  transform: translateY(1px);
}
.main-navigation .main-nav li a[href^=http][href^="https://p673158.webspaceconfig.de/kontakt/"]:hover {
  background-color: var(--primary) !important;
  color: var(--secondary) !important;
}
.main-navigation .main-nav li a[href^=http][href^="https://p673158.webspaceconfig.de/kontakt/"]:hover::after {
  content: url("data:image/svg+xml; utf8, <svg width='100%' height='100%' viewBox='0 0 512 512' fill='rgb(246, 159, 66)' enable-background='new 0 0 512 512' xml:space='preserve' xmlns='http://www.w3.org/2000/svg'><path id='Pfad_5640' d='M256,11.4l-43.1,43.1l170.6,170.9h-372v61.1h372L212.9,457.5l43.1,43.1L500.6,256L256,11.4z'/></svg>");
}
@media (max-width: 1540px) {
  .main-navigation .main-nav li a[href^=http][href^="https://p673158.webspaceconfig.de/kontakt/"] {
    margin-inline: 18px !important;
  }
}
@media (max-width: 1135px) {
  .main-navigation .main-nav li a[href^=http][href^="https://p673158.webspaceconfig.de/kontakt/"] {
    margin-inline: 10px !important;
  }
}
@media (max-width: 1025px) {
  .main-navigation .main-nav li a[href^=http][href^="https://p673158.webspaceconfig.de/kontakt/"] {
    margin: 30px auto !important;
    padding-inline: 20px !important;
    display: inline-flex;
  }
}
@media (max-width: 1025px) {
  .main-navigation .main-nav li {
    text-align: center !important;
  }
}
@media (min-width: 1025px) {
  .main-navigation .main-nav li:last-child {
    display: none;
  }
}
.main-navigation .main-nav li:last-child a {
  color: var(--primary) !important;
  text-transform: inherit;
}
.main-navigation .main-nav li:last-child a::after {
  content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='21' height='18' viewBox='0 0 21 18' fill='none'><path d='M12.075 0V2H15.665L5.83495 11.83L7.24495 13.24L17.075 3.41V7H19.075V0M17.075 16H3.07495V2H10.075V0H3.07495C2.54452 0 2.03581 0.210714 1.66074 0.585786C1.28566 0.960859 1.07495 1.46957 1.07495 2V16C1.07495 16.5304 1.28566 17.0391 1.66074 17.4142C2.03581 17.7893 2.54452 18 3.07495 18H17.075C17.6054 18 18.1141 17.7893 18.4892 17.4142C18.8642 17.0391 19.075 16.5304 19.075 16V9H17.075V16Z' fill='rgb(35, 55, 160)'></path></svg>");
  width: 16px;
  margin-left: 0.5em;
  display: inline-block;
  transform: translateY(1px);
}
.main-navigation .main-nav li:last-child a:hover {
  text-decoration: underline;
}
@media (max-width: 1025px) {
  .main-navigation {
    padding: 3px 0;
  }
  .main-navigation .menu-toggle {
    text-align: end !important;
    font-size: 43px !important;
  }
}

/*# sourceMappingURL=main.css.map */