@charset "UTF-8";
/* Un-Float mobile item toggles */
.main-navigation.toggled .menu-item-has-children .dropdown-menu-toggle {
  float: none !important;
  padding-left: 10px;
}
.main-navigation.toggled .menu-item-has-children .dropdown-menu-toggle .icon-arrow {
  transform: scale(1.25);
}

footer {
  /* Menu link styling */
}
footer .wp-block-navigation li a {
  text-decoration: underline;
  transition: 250ms ease-in-out;
  color: var(--wiro-red) !important;
}
footer .wp-block-navigation li a:not([href^="https://p670870.webspaceconfig.de"])::after {
  content: "🡕";
  font-weight: 400;
  font-family: wiro-icons, sans-serif;
  display: inline-block;
  transition: 300ms all ease-in-out;
  color: var(--wiro-red);
  margin: 0 0 0 -0.25rem;
}
footer .wp-block-navigation li a:not([href^="https://p670870.webspaceconfig.de"]):hover::after {
  transform: scale(1.25);
  transform-origin: center center;
  color: inherit;
}
footer .wp-block-navigation li a:hover {
  color: var(--wiro-black) !important;
}

/* External buttons */
.gb-button.wiro-btn-white, .gb-button.wiro-btn-filled, button.wiro-btn-white, button.wiro-btn-filled, a.wiro-btn-white, a.wiro-btn-filled {
  /** Grab all buttons with URLs **/
}
.gb-button.wiro-btn-white[href^=http], .gb-button.wiro-btn-filled[href^=http], button.wiro-btn-white[href^=http], button.wiro-btn-filled[href^=http], a.wiro-btn-white[href^=http], a.wiro-btn-filled[href^=http] {
  /* Completely external URLs */
}
.gb-button.wiro-btn-white[href^=http]:not([href^="https://p670870.webspaceconfig.de"]):not([href*="wiro.de"])::after, .gb-button.wiro-btn-filled[href^=http]:not([href^="https://p670870.webspaceconfig.de"]):not([href*="wiro.de"])::after, button.wiro-btn-white[href^=http]:not([href^="https://p670870.webspaceconfig.de"]):not([href*="wiro.de"])::after, button.wiro-btn-filled[href^=http]:not([href^="https://p670870.webspaceconfig.de"]):not([href*="wiro.de"])::after, a.wiro-btn-white[href^=http]:not([href^="https://p670870.webspaceconfig.de"]):not([href*="wiro.de"])::after, a.wiro-btn-filled[href^=http]:not([href^="https://p670870.webspaceconfig.de"]):not([href*="wiro.de"])::after {
  content: "🡽";
  font-weight: 400;
  font-family: wiro-icons, sans-serif;
  display: inline-block;
  transition: 300ms all ease-in-out;
  color: var(--wiro-red);
  margin: 0 0 0 0.5rem;
}
.gb-button.wiro-btn-white[href^=http]:not([href^="https://p670870.webspaceconfig.de"]):not([href*="wiro.de"]):hover::after, .gb-button.wiro-btn-filled[href^=http]:not([href^="https://p670870.webspaceconfig.de"]):not([href*="wiro.de"]):hover::after, button.wiro-btn-white[href^=http]:not([href^="https://p670870.webspaceconfig.de"]):not([href*="wiro.de"]):hover::after, button.wiro-btn-filled[href^=http]:not([href^="https://p670870.webspaceconfig.de"]):not([href*="wiro.de"]):hover::after, a.wiro-btn-white[href^=http]:not([href^="https://p670870.webspaceconfig.de"]):not([href*="wiro.de"]):hover::after, a.wiro-btn-filled[href^=http]:not([href^="https://p670870.webspaceconfig.de"]):not([href*="wiro.de"]):hover::after {
  transform: scale(1.25);
  transform-origin: center center;
  color: inherit;
}
.gb-button.wiro-btn-white[href^=http], .gb-button.wiro-btn-filled[href^=http], button.wiro-btn-white[href^=http], button.wiro-btn-filled[href^=http], a.wiro-btn-white[href^=http], a.wiro-btn-filled[href^=http] {
  /* WIRO (sub)domains ("cosmos") */
}
.gb-button.wiro-btn-white[href^=http][href*="wiro.de"]:not([href^="https://p670870.webspaceconfig.de"])::after, .gb-button.wiro-btn-filled[href^=http][href*="wiro.de"]:not([href^="https://p670870.webspaceconfig.de"])::after, button.wiro-btn-white[href^=http][href*="wiro.de"]:not([href^="https://p670870.webspaceconfig.de"])::after, button.wiro-btn-filled[href^=http][href*="wiro.de"]:not([href^="https://p670870.webspaceconfig.de"])::after, a.wiro-btn-white[href^=http][href*="wiro.de"]:not([href^="https://p670870.webspaceconfig.de"])::after, a.wiro-btn-filled[href^=http][href*="wiro.de"]:not([href^="https://p670870.webspaceconfig.de"])::after {
  content: "🡕";
  font-weight: 400;
  font-family: wiro-icons, sans-serif;
  display: inline-block;
  transition: 300ms all ease-in-out;
  color: var(--wiro-red);
  margin: 0 0 0 -0.25rem;
}
.gb-button.wiro-btn-white[href^=http][href*="wiro.de"]:not([href^="https://p670870.webspaceconfig.de"]):hover::after, .gb-button.wiro-btn-filled[href^=http][href*="wiro.de"]:not([href^="https://p670870.webspaceconfig.de"]):hover::after, button.wiro-btn-white[href^=http][href*="wiro.de"]:not([href^="https://p670870.webspaceconfig.de"]):hover::after, button.wiro-btn-filled[href^=http][href*="wiro.de"]:not([href^="https://p670870.webspaceconfig.de"]):hover::after, a.wiro-btn-white[href^=http][href*="wiro.de"]:not([href^="https://p670870.webspaceconfig.de"]):hover::after, a.wiro-btn-filled[href^=http][href*="wiro.de"]:not([href^="https://p670870.webspaceconfig.de"]):hover::after {
  transform: scale(1.25);
  transform-origin: center center;
  color: inherit;
}
.gb-button.wiro-btn-link, button.wiro-btn-link, a.wiro-btn-link {
  text-decoration: underline;
  /** Grab all buttons with URLs **/
}
.gb-button.wiro-btn-link[href^=http], button.wiro-btn-link[href^=http], a.wiro-btn-link[href^=http] {
  /* Completely external URLs */
}
.gb-button.wiro-btn-link[href^=http]:not([href^="https://p670870.webspaceconfig.de"]):not([href*="wiro.de"])::after, button.wiro-btn-link[href^=http]:not([href^="https://p670870.webspaceconfig.de"]):not([href*="wiro.de"])::after, a.wiro-btn-link[href^=http]:not([href^="https://p670870.webspaceconfig.de"]):not([href*="wiro.de"])::after {
  content: "🡽";
  font-weight: 400;
  font-family: wiro-icons, sans-serif;
  display: inline-block;
  transition: 300ms all ease-in-out;
  color: var(--wiro-red);
  margin: 0 0 0 0.5rem;
}
.gb-button.wiro-btn-link[href^=http]:not([href^="https://p670870.webspaceconfig.de"]):not([href*="wiro.de"]):hover::after, button.wiro-btn-link[href^=http]:not([href^="https://p670870.webspaceconfig.de"]):not([href*="wiro.de"]):hover::after, a.wiro-btn-link[href^=http]:not([href^="https://p670870.webspaceconfig.de"]):not([href*="wiro.de"]):hover::after {
  transform: scale(1.25);
  transform-origin: center center;
  color: inherit;
}
.gb-button.wiro-btn-link[href^=http], button.wiro-btn-link[href^=http], a.wiro-btn-link[href^=http] {
  /* WIRO (sub)domains ("cosmos") */
}
.gb-button.wiro-btn-link[href^=http][href*="wiro.de"]:not([href^="https://p670870.webspaceconfig.de"])::after, button.wiro-btn-link[href^=http][href*="wiro.de"]:not([href^="https://p670870.webspaceconfig.de"])::after, a.wiro-btn-link[href^=http][href*="wiro.de"]:not([href^="https://p670870.webspaceconfig.de"])::after {
  content: "🡕";
  font-weight: 400;
  font-family: wiro-icons, sans-serif;
  display: inline-block;
  transition: 300ms all ease-in-out;
  color: var(--wiro-red);
  margin: 0 0 0 -0.25rem;
}
.gb-button.wiro-btn-link[href^=http][href*="wiro.de"]:not([href^="https://p670870.webspaceconfig.de"]):hover::after, button.wiro-btn-link[href^=http][href*="wiro.de"]:not([href^="https://p670870.webspaceconfig.de"]):hover::after, a.wiro-btn-link[href^=http][href*="wiro.de"]:not([href^="https://p670870.webspaceconfig.de"]):hover::after {
  transform: scale(1.25);
  transform-origin: center center;
  color: inherit;
}
.gb-button.wiro-btn-filled::after, button.wiro-btn-filled::after, a.wiro-btn-filled::after {
  color: var(--wiro-white) !important;
}
.gb-button.wiro-btn-filled:hover::after, button.wiro-btn-filled:hover::after, a.wiro-btn-filled:hover::after {
  color: var(--wiro-white) !important;
}
.gb-button.wiro-btn-link-icon-right, button.wiro-btn-link-icon-right, a.wiro-btn-link-icon-right {
  width: auto !important;
  cursor: pointer;
}
.gb-button.wiro-btn-link-icon-right .file-info, button.wiro-btn-link-icon-right .file-info, a.wiro-btn-link-icon-right .file-info {
  order: 2;
  color: var(--wiro-black);
  font-size: 1rem;
}
.gb-button.wiro-btn-link-icon-right .gb-button-text, button.wiro-btn-link-icon-right .gb-button-text, a.wiro-btn-link-icon-right .gb-button-text {
  text-decoration: underline;
}
.gb-button.wiro-btn-link-icon-right:hover .file-info, button.wiro-btn-link-icon-right:hover .file-info, a.wiro-btn-link-icon-right:hover .file-info {
  text-decoration: none !important;
}
.gb-button.wiro-btn-link-icon-right:hover.wiro-btn-link-download::after, button.wiro-btn-link-icon-right:hover.wiro-btn-link-download::after, a.wiro-btn-link-icon-right:hover.wiro-btn-link-download::after {
  transform: scale(1.15);
  transform-origin: center center;
  color: var(--wiro-black);
}
.gb-button.wiro-btn-link-icon-right.wiro-btn-link-download::after, button.wiro-btn-link-icon-right.wiro-btn-link-download::after, a.wiro-btn-link-icon-right.wiro-btn-link-download::after {
  content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="%23E1001A"><path d="M7 10.5L2.625 6.125L3.85 4.85625L6.125 7.13125V0H7.875V7.13125L10.15 4.85625L11.375 6.125L7 10.5ZM1.75 14C1.26875 14 0.856771 13.8286 0.514062 13.4859C0.171354 13.1432 0 12.7312 0 12.25V9.625H1.75V12.25H12.25V9.625H14V12.25C14 12.7312 13.8286 13.1432 13.4859 13.4859C13.1432 13.8286 12.7312 14 12.25 14H1.75Z"/></svg>');
  font-weight: 400;
  font-family: wiro-icons, sans-serif;
  display: inline-block;
  transition: 300ms all ease-in-out;
  color: var(--wiro-red);
  margin: 0 0 0 10px;
}

p a, .wp-block-list a {
  text-decoration: underline;
  /** Grab all buttons with URLs **/
}
p a[href^=http], .wp-block-list a[href^=http] {
  /* Completely external URLs */
}
p a[href^=http]:not([href^="https://p670870.webspaceconfig.de"]):not([href*="wiro.de"])::after, .wp-block-list a[href^=http]:not([href^="https://p670870.webspaceconfig.de"]):not([href*="wiro.de"])::after {
  content: "🡽";
  font-weight: 400;
  font-family: wiro-icons, sans-serif;
  display: inline-block;
  transition: 300ms all ease-in-out;
  color: var(--wiro-red);
  margin: 0 0 0 0.5rem;
}
p a[href^=http]:not([href^="https://p670870.webspaceconfig.de"]):not([href*="wiro.de"]):hover::after, .wp-block-list a[href^=http]:not([href^="https://p670870.webspaceconfig.de"]):not([href*="wiro.de"]):hover::after {
  transform: scale(1.25);
  transform-origin: center center;
  color: inherit;
}
p a[href^=http], .wp-block-list a[href^=http] {
  /* WIRO (sub)domains ("cosmos") */
}
p a[href^=http][href*="wiro.de"]:not([href^="https://p670870.webspaceconfig.de"])::after, .wp-block-list a[href^=http][href*="wiro.de"]:not([href^="https://p670870.webspaceconfig.de"])::after {
  content: "🡕";
  font-weight: 400;
  font-family: wiro-icons, sans-serif;
  display: inline-block;
  transition: 300ms all ease-in-out;
  color: var(--wiro-red);
  margin: 0 0 0 -0.25rem;
}
p a[href^=http][href*="wiro.de"]:not([href^="https://p670870.webspaceconfig.de"]):hover::after, .wp-block-list a[href^=http][href*="wiro.de"]:not([href^="https://p670870.webspaceconfig.de"]):hover::after {
  transform: scale(1.25);
  transform-origin: center center;
  color: inherit;
}
p a:hover, .wp-block-list a:hover {
  text-decoration: underline !important;
}

a.rundgang-link::after {
  content: "🡕";
  font-weight: 400;
  font-family: wiro-icons, sans-serif;
  display: inline-block;
  transition: 300ms all ease-in-out;
  color: var(--wiro-red);
  margin: 0 0 0 -0.25rem;
}
a.rundgang-link:hover::after {
  transform: scale(1.25);
  transform-origin: center center;
  color: inherit;
}

.wiro-link-nav-extern a[href*="wiro.de"]:not([href^="https://p670870.webspaceconfig.de"]) {
  column-gap: 0 !important;
}
.wiro-link-nav-extern a[href*="wiro.de"]:not([href^="https://p670870.webspaceconfig.de"])::after {
  content: "🡕";
  font-weight: 400;
  font-family: wiro-icons, sans-serif;
  display: inline-block;
  transition: 300ms all ease-in-out;
  color: var(--wiro-red);
  margin: 0 0 0 -0.25rem;
}
.wiro-link-nav-extern a[href*="wiro.de"]:not([href^="https://p670870.webspaceconfig.de"]):hover::after {
  transform: scale(1.25);
  transform-origin: center center;
  color: inherit;
}

.wiro-newsletter-cta .cta-title-text {
  font-family: "Crete Round", serif;
  font-size: 2.5rem;
  font-style: italic;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 2.25rem;
}
@media (max-width: 1024px) {
  .wiro-newsletter-cta .cta-title-text {
    font-family: "Crete Round", serif;
    font-size: 1.875rem;
  }
}
@media (max-width: 380px) {
  .wiro-newsletter-cta .cta-title-text {
    font-family: "Crete Round", serif;
    font-size: 1.6rem;
  }
}

nav .after-mobile-menu {
  order: 5;
  display: none;
}
nav .after-mobile-menu a {
  font-size: 1.125rem !important;
}
nav.toggled .after-mobile-menu {
  display: block;
}

.wp-block-list {
  margin: 0 0 1.5rem 1.4rem;
}
.wp-block-list li {
  margin-bottom: 0.6rem;
  line-height: 1.875rem;
}

body:not(.block-editor-page) .stretch-link {
  position: relative;
}
body:not(.block-editor-page) .stretch-link a::after {
  content: "";
  position: absolute;
  inset: 0;
}
body:not(.block-editor-page) .stretch-link a:is(:focus-visible)::after {
  outline: 2px solid;
}
body:not(.block-editor-page) .stretch-link a:is(:hover, :focus) {
  outline: none;
}

.wohnungshelden-wohnungswunsch-iframe {
  height: 700px;
}
@media (max-width: 640px) {
  .wohnungshelden-wohnungswunsch-iframe {
    height: 1100px !important;
  }
}
@media (max-width: 530px) {
  .wohnungshelden-wohnungswunsch-iframe {
    height: 1140px !important;
  }
}
@media (max-width: 400px) {
  .wohnungshelden-wohnungswunsch-iframe {
    height: 1180px !important;
  }
}
@media (max-width: 350px) {
  .wohnungshelden-wohnungswunsch-iframe {
    height: 1210px !important;
  }
}

/* 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: rgb(116, 116, 116);
}

.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.2em;
}
.mform_body .mfield {
  padding: 0 0 1em;
}
.mform_body .mfield h3 {
  margin: 0;
}
.mform_body .mfield {
  /****** Regular checkboxes ******/
}
.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.75em;
  height: 1.75em;
  border: 0.1em solid currentcolor;
  border-radius: 0.1em;
  transform: translateY(-0.075em);
  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;
  box-shadow: inset 1em 1em rgb(0, 0, 0);
  /* Windows High Contrast Mode */
  background-color: canvastext;
}
.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;
  margin: inherit !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 */
}
.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 {
  /* Align elements next to each other */
}
.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;
}

@media (max-width: 767px) {
  .mform_body input[type=radio] {
    margin-bottom: 25px;
  }
}
.wpcf7-form input[type=email], .wpcf7-form input[type=number], .wpcf7-form input[type=password], .wpcf7-form input[type=search], .wpcf7-form input[type=tel], .wpcf7-form input[type=text], .wpcf7-form input[type=url], .wpcf7-form select, .wpcf7-form textarea {
  border: 1px solid #706F6F;
  box-sizing: border-box;
  color: var(--wiro-black);
  padding: 0.5rem 0.75rem;
  transition: border-color 0.3s, box-shadow 0.3s;
  width: 100%;
  background-color: #fff;
}
.wpcf7-form input[type=email]:focus, .wpcf7-form input[type=number]:focus, .wpcf7-form input[type=password]:focus, .wpcf7-form input[type=search]:focus, .wpcf7-form input[type=tel]:focus, .wpcf7-form input[type=text]:focus, .wpcf7-form input[type=url]:focus, .wpcf7-form select:focus, .wpcf7-form textarea:focus {
  box-shadow: 0 0 0 3px rgba(225, 0, 26, 0.2);
  outline: none;
}
.wpcf7-form select {
  max-width: 262px;
  color: #706F6F !important;
}
.wpcf7-form select option {
  color: #000 !important;
}
.wpcf7-form .col-2-field {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
}
.wpcf7-form .col-2-field.address-field {
  grid-template-columns: 35% 1fr;
}
@media (max-width: 600px) {
  .wpcf7-form .col-2-field {
    grid-template-columns: 1fr !important;
    gap: 0;
  }
}
.wpcf7-form p {
  margin-bottom: 1.25rem;
}
.wpcf7-form p label {
  font-size: 1.125rem;
  font-weight: 700;
}
.wpcf7-form p label .wpcf7-list-item-label {
  font-weight: 400;
}
.wpcf7-form p input, .wpcf7-form p textarea, .wpcf7-form p select {
  margin-top: 0.5rem;
}
.wpcf7-form .required {
  color: #9747FF;
  padding-left: 4px;
}
.wpcf7-form .wpcf7-list-item {
  margin-left: 0 !important;
}
.wpcf7-form {
  /****** Regular checkboxes ******/
}
.wpcf7-form input[type=checkbox],
.wpcf7-form 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: #706F6F;
  width: 2.5rem;
  height: 2.5rem;
  border: 0.1em solid currentcolor;
  border-radius: 0.1em;
  transform: translateY(-0.075em);
  display: grid;
  place-content: center;
  float: left;
  min-height: initial;
}
.wpcf7-form input[type=checkbox]::before,
.wpcf7-form input[type=radio]::before {
  content: "";
  width: 1.15em;
  height: 1.15em;
  -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;
  box-shadow: inset 1em 1em #E1001A;
  /* Windows High Contrast Mode */
  background-color: canvastext;
}
.wpcf7-form input[type=checkbox]:checked::before,
.wpcf7-form input[type=radio]:checked::before {
  transform: scale(1);
  /* Prevent theme overrides */
  position: relative !important;
  display: block !important;
}
.wpcf7-form input[type=checkbox]:disabled,
.wpcf7-form input[type=radio]:disabled {
  color: var(--form-control-disabled);
  cursor: not-allowed;
}
.wpcf7-form .wpcf7-acceptance, .wpcf7-form .acceptance-field {
  margin-top: 3rem;
}
.wpcf7-form .wpcf7-acceptance label, .wpcf7-form .acceptance-field label {
  display: grid;
  grid-template-columns: 2.5rem 1fr;
  gap: 1rem;
}
.wpcf7-form .wpcf7-submit {
  border-radius: 5px;
}

/* Prevent scrollbars resulting from animated containers */
html,
body {
  overflow-x: hidden;
}

/* Default page headings */
.page-heading-container .gb-headline {
  max-width: 900px;
}

/* Default typography on regular pages */
.default-page-content {
  max-width: 955px;
  margin-left: auto;
  margin-right: auto;
}
.default-page-content h2:first-child {
  margin-top: 4rem;
}
.default-page-content h2 {
  margin-top: 3.333rem;
  margin-bottom: 2.5rem;
}
.default-page-content h3 {
  margin-top: 3rem;
  margin-bottom: 2rem;
}
.default-page-content h4, .default-page-content h5, .default-page-content h6 {
  margin-top: 2.75rem;
  margin-bottom: 1.5rem;
}
.default-page-content ul:not(.mform_fields), .default-page-content ol {
  margin: 1.5rem 0 1.5rem 1.5rem;
}
.default-page-content a[href^=http]:not([href^="https://wiro.qbus.dev"]) {
  /* Give the icon a bit of room */
  padding-right: 0.25rem;
}
.default-page-content a[href^=http]:not([href^="https://wiro.qbus.dev"])::after {
  content: "🡕";
  font-weight: 400;
  font-family: wiro-icons, sans-serif;
  display: inline-block;
  transition: 300ms all ease-in-out;
  color: var(--wiro-red);
  margin: 0 0 0 -0.25rem;
}
.default-page-content a[href^=http]:not([href^="https://wiro.qbus.dev"]):hover::after {
  transform: scale(1.25);
  transform-origin: center center;
  color: inherit;
}

.gb-accordion.with-counter {
  counter-reset: acc-counter;
}
.gb-accordion.with-counter .gb-accordion__toggle .gb-text::before {
  counter-increment: acc-counter;
  content: counter(acc-counter) ". ";
  color: #AD0F09;
}

/* Align main menu to content width */
body.sticky-enabled .main-navigation.is_stuck {
  background: var(--wiro-white);
}

.wp-block-list.punkte-list {
  list-style: none;
  margin-left: 0 !important;
}
.wp-block-list.punkte-list li {
  position: relative;
  padding-left: 1.5em;
  margin-bottom: 0.1rem !important;
}
@media (max-width: 768px) {
  .wp-block-list.punkte-list li {
    margin-bottom: 1.2rem !important;
  }
}
.wp-block-list.punkte-list li::before {
  content: "...";
  position: absolute;
  left: 0;
  color: inherit;
  font-size: 1.5em;
  line-height: 1;
}

.wp-block-video {
  height: 100%;
}
.wp-block-video video {
  height: 100%;
}

.job-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 2rem;
}
@media (max-width: 1025px) {
  .job-grid {
    gap: 1rem;
  }
}
@media (max-width: 768px) {
  .job-grid {
    grid-template-columns: 1fr;
  }
}
.job-grid .job-card {
  transition: all 0.5s ease 0s;
  background-color: #fafafa;
  padding: 15px 15px 20px 20px;
}
@media (max-width: 768px) {
  .job-grid .job-card {
    max-width: 500px;
  }
}
@media (max-width: 500px) {
  .job-grid .job-card {
    padding: 1rem 0.5rem 1rem 1rem;
  }
}
.job-grid .job-card .job-title {
  transition: all 0.5s ease 0s;
  display: inline-flex;
  justify-content: space-between;
  align-items: flex-start;
  column-gap: 0.5em;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 35px;
  margin-bottom: 5px;
  width: 100%;
}
.job-grid .job-card .job-title .gb-shape {
  line-height: 35px;
  color: #E1001A !important;
}
.job-grid .job-card .job-title .gb-shape svg {
  margin-top: 0 !important;
}
.job-grid .job-card .job-title a {
  text-decoration: none !important;
  color: #000 !important;
}
.job-grid .job-card .job-summary, .job-grid .job-card svg {
  transition: all 0.5s ease 0s;
}
.job-grid .job-card:hover {
  background-color: #E1001A;
}
.job-grid .job-card:hover .job-title a {
  text-decoration: underline !important;
  color: #fff !important;
}
.job-grid .job-card:hover .job-title, .job-grid .job-card:hover .job-summary, .job-grid .job-card:hover svg {
  color: #fff !important;
}

#jobs-filter #job-search {
  margin-bottom: 2.5rem;
  height: 48px;
  padding: 10px 15px;
  border: 1px solid transparent;
}
#jobs-filter #job-search:focus {
  border: 1px solid var(--wiro-red);
  outline: none;
}
#jobs-filter #job-select-box {
  margin-bottom: 3.2rem;
  display: flex;
  flex-direction: column;
  width: 100%;
  row-gap: 0.9rem;
}
@media (max-width: 1025px) {
  #jobs-filter #job-select-box {
    margin-bottom: 1.875rem;
  }
}
#jobs-filter #job-select-box label {
  color: #2B2E34;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
}
#jobs-filter #job-select-box .custom-select-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}
#jobs-filter #job-select-box .custom-select-wrapper select {
  height: 48px;
  padding: 10px 40px 10px 15px;
  border: 1px solid transparent;
  width: 100%;
  border-radius: 5px;
  background: #FFF;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  color: #000 !important;
}
#jobs-filter #job-select-box .custom-select-wrapper .custom-arrow {
  position: absolute;
  top: 50%;
  right: 15px;
  pointer-events: none;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
}
#jobs-filter #jobs-search-btn {
  cursor: pointer;
}

.home #jobs-filter #job-search-box {
  display: none;
}
.home #job-select-box {
  margin-bottom: 2.2rem !important;
}
.home #job-select-box label {
  display: none;
}

@media (max-width: 1180px) {
  header, .top-bar {
    display: none;
  }
}
.external-link::after {
  content: "🡕";
  font-weight: 400;
  font-family: wiro-icons, sans-serif;
  display: inline-block;
  transition: 300ms all ease-in-out;
  color: var(--wiro-red);
  margin: 0 0 0 -0.25rem;
}
.external-link:hover::after {
  transform: scale(1.25);
  transform-origin: center center;
  color: inherit;
}

@media (max-width: 1420px) {
  .gb-menu {
    max-width: 1090px !important;
    margin-left: auto !important;
  }
}
@media (max-width: 1340px) {
  .gb-menu {
    max-width: 1060px !important;
  }
}
@media (max-width: 1300px) {
  .gb-menu {
    max-width: 1030px !important;
  }
}
@media (max-width: 1230px) {
  .gb-menu {
    max-width: 1000px !important;
  }
}

#mobile-header .mobile-header-logo {
  margin-left: 0 !important;
}
#mobile-header .mobile-header-logo img {
  height: 80px;
  width: 110px;
  padding: 0 !important;
}
#mobile-header .menu-toggle svg {
  width: 35px !important;
  height: 35px !important;
}
#mobile-header.toggled {
  max-height: calc(100vh - 80px) !important;
  overflow-y: auto !important;
  box-shadow: -1px 4px 20px 0 #757575;
}

ul.toggled-on,
ul.gb-sub-menu {
  position: fixed !important;
  left: 0 !important;
  width: 100vw;
  background-color: #fff !important;
  padding-bottom: 2rem;
  box-shadow: 0 13px 20px 0 rgba(0, 0, 0, 0.1);
}
@media (max-width: 1025px) {
  ul.toggled-on,
  ul.gb-sub-menu {
    padding-bottom: 0;
    box-shadow: none;
    position: relative !important;
  }
}
ul.toggled-on li.menu-item,
ul.gb-sub-menu li.menu-item {
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  padding-left: 0 !important;
  position: relative;
  left: -5px;
}
ul.toggled-on li.menu-item a,
ul.gb-sub-menu li.menu-item a {
  padding: 0.5rem 0 0.5rem 2rem;
  display: flex;
  justify-content: flex-start;
  border-inline: 1px solid var(--wiro-red);
  transition: 300ms ease-in-out;
  font-size: 1.125rem !important;
}
@media (max-width: 1025px) {
  ul.toggled-on li.menu-item a,
  ul.gb-sub-menu li.menu-item a {
    margin-left: 2rem;
  }
  ul.toggled-on li.menu-item a:hover,
  ul.gb-sub-menu li.menu-item a:hover {
    background-color: #fff !important;
    text-decoration: underline !important;
  }
}
ul.toggled-on li.menu-item a .item-title,
ul.gb-sub-menu li.menu-item a .item-title {
  font-weight: 700;
}
@media (min-width: 1025px) {
  ul.toggled-on li.menu-item a .item-title,
  ul.gb-sub-menu li.menu-item a .item-title {
    flex-basis: 30%;
  }
}
@media (max-width: 1025px) {
  ul.toggled-on li.menu-item a .item-description,
  ul.gb-sub-menu li.menu-item a .item-description {
    display: none;
  }
}

/*# sourceMappingURL=site-karriere.css.map */