@charset "UTF-8";
/* $live-url: "https://wirotel.wiro.de"; */
html {
  scroll-behavior: smooth;
}

/* 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;
  white-space: nowrap;
}
footer .wp-block-navigation li a:not([href^="https://p707595.webspaceconfig.de"])::after {
  content: "🡕";
  font-weight: 400;
  font-family: wiro-icons, sans-serif;
  display: inline-block;
  text-decoration: none;
  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://p707595.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,
button,
a {
  white-space: nowrap;
}
.gb-button div,
.gb-button p,
.gb-button li,
.gb-button h1,
.gb-button h2,
.gb-button h3,
.gb-button h4,
.gb-button h5,
.gb-button h6,
button div,
button p,
button li,
button h1,
button h2,
button h3,
button h4,
button h5,
button h6,
a div,
a p,
a li,
a h1,
a h2,
a h3,
a h4,
a h5,
a h6 {
  white-space: wrap;
}
.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 i], .gb-button.wiro-btn-filled[href^=http i],
button.wiro-btn-white[href^=http i],
button.wiro-btn-filled[href^=http i],
a.wiro-btn-white[href^=http i],
a.wiro-btn-filled[href^=http i] {
  /* Completely external URLs */
}
.gb-button.wiro-btn-white[href^=http i]:not([href^="https://p707595.webspaceconfig.de" i]):not([href*="wiro.de" i])::after, .gb-button.wiro-btn-filled[href^=http i]:not([href^="https://p707595.webspaceconfig.de" i]):not([href*="wiro.de" i])::after,
button.wiro-btn-white[href^=http i]:not([href^="https://p707595.webspaceconfig.de" i]):not([href*="wiro.de" i])::after,
button.wiro-btn-filled[href^=http i]:not([href^="https://p707595.webspaceconfig.de" i]):not([href*="wiro.de" i])::after,
a.wiro-btn-white[href^=http i]:not([href^="https://p707595.webspaceconfig.de" i]):not([href*="wiro.de" i])::after,
a.wiro-btn-filled[href^=http i]:not([href^="https://p707595.webspaceconfig.de" i]):not([href*="wiro.de" i])::after {
  content: "🡽";
  font-weight: 400;
  font-family: wiro-icons, sans-serif;
  display: inline-block;
  text-decoration: none;
  transition: 300ms all ease-in-out;
  color: var(--wiro-red);
  margin: 0 0 0 0.5rem;
}
.gb-button.wiro-btn-white[href^=http i]:not([href^="https://p707595.webspaceconfig.de" i]):not([href*="wiro.de" i]):hover::after, .gb-button.wiro-btn-filled[href^=http i]:not([href^="https://p707595.webspaceconfig.de" i]):not([href*="wiro.de" i]):hover::after,
button.wiro-btn-white[href^=http i]:not([href^="https://p707595.webspaceconfig.de" i]):not([href*="wiro.de" i]):hover::after,
button.wiro-btn-filled[href^=http i]:not([href^="https://p707595.webspaceconfig.de" i]):not([href*="wiro.de" i]):hover::after,
a.wiro-btn-white[href^=http i]:not([href^="https://p707595.webspaceconfig.de" i]):not([href*="wiro.de" i]):hover::after,
a.wiro-btn-filled[href^=http i]:not([href^="https://p707595.webspaceconfig.de" i]):not([href*="wiro.de" i]):hover::after {
  transform: scale(1.25);
  transform-origin: center center;
  color: inherit;
}
.gb-button.wiro-btn-white[href^=http i], .gb-button.wiro-btn-filled[href^=http i],
button.wiro-btn-white[href^=http i],
button.wiro-btn-filled[href^=http i],
a.wiro-btn-white[href^=http i],
a.wiro-btn-filled[href^=http i] {
  /* WIRO (sub)domains ("cosmos") */
}
.gb-button.wiro-btn-white[href^=http i][href*="wiro.de" i]:not([href^="https://p707595.webspaceconfig.de" i])::after, .gb-button.wiro-btn-filled[href^=http i][href*="wiro.de" i]:not([href^="https://p707595.webspaceconfig.de" i])::after,
button.wiro-btn-white[href^=http i][href*="wiro.de" i]:not([href^="https://p707595.webspaceconfig.de" i])::after,
button.wiro-btn-filled[href^=http i][href*="wiro.de" i]:not([href^="https://p707595.webspaceconfig.de" i])::after,
a.wiro-btn-white[href^=http i][href*="wiro.de" i]:not([href^="https://p707595.webspaceconfig.de" i])::after,
a.wiro-btn-filled[href^=http i][href*="wiro.de" i]:not([href^="https://p707595.webspaceconfig.de" i])::after {
  content: "🡕";
  font-weight: 400;
  font-family: wiro-icons, sans-serif;
  display: inline-block;
  text-decoration: none;
  transition: 300ms all ease-in-out;
  color: var(--wiro-red);
  margin: 0 0 0 -0.25rem;
}
.gb-button.wiro-btn-white[href^=http i][href*="wiro.de" i]:not([href^="https://p707595.webspaceconfig.de" i]):hover::after, .gb-button.wiro-btn-filled[href^=http i][href*="wiro.de" i]:not([href^="https://p707595.webspaceconfig.de" i]):hover::after,
button.wiro-btn-white[href^=http i][href*="wiro.de" i]:not([href^="https://p707595.webspaceconfig.de" i]):hover::after,
button.wiro-btn-filled[href^=http i][href*="wiro.de" i]:not([href^="https://p707595.webspaceconfig.de" i]):hover::after,
a.wiro-btn-white[href^=http i][href*="wiro.de" i]:not([href^="https://p707595.webspaceconfig.de" i]):hover::after,
a.wiro-btn-filled[href^=http i][href*="wiro.de" i]:not([href^="https://p707595.webspaceconfig.de" i]):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 i],
button.wiro-btn-link[href^=http i],
a.wiro-btn-link[href^=http i] {
  /* Completely external URLs */
}
.gb-button.wiro-btn-link[href^=http i]:not([href^="https://p707595.webspaceconfig.de" i]):not([href*="wiro.de" i])::after,
button.wiro-btn-link[href^=http i]:not([href^="https://p707595.webspaceconfig.de" i]):not([href*="wiro.de" i])::after,
a.wiro-btn-link[href^=http i]:not([href^="https://p707595.webspaceconfig.de" i]):not([href*="wiro.de" i])::after {
  content: "🡽";
  font-weight: 400;
  font-family: wiro-icons, sans-serif;
  display: inline-block;
  text-decoration: none;
  transition: 300ms all ease-in-out;
  color: var(--wiro-red);
  margin: 0 0 0 0.5rem;
}
.gb-button.wiro-btn-link[href^=http i]:not([href^="https://p707595.webspaceconfig.de" i]):not([href*="wiro.de" i]):hover::after,
button.wiro-btn-link[href^=http i]:not([href^="https://p707595.webspaceconfig.de" i]):not([href*="wiro.de" i]):hover::after,
a.wiro-btn-link[href^=http i]:not([href^="https://p707595.webspaceconfig.de" i]):not([href*="wiro.de" i]):hover::after {
  transform: scale(1.25);
  transform-origin: center center;
  color: inherit;
}
.gb-button.wiro-btn-link[href^=http i],
button.wiro-btn-link[href^=http i],
a.wiro-btn-link[href^=http i] {
  /* WIRO (sub)domains ("cosmos") */
}
.gb-button.wiro-btn-link[href^=http i][href*="wiro.de" i]:not([href^="https://p707595.webspaceconfig.de" i])::after,
button.wiro-btn-link[href^=http i][href*="wiro.de" i]:not([href^="https://p707595.webspaceconfig.de" i])::after,
a.wiro-btn-link[href^=http i][href*="wiro.de" i]:not([href^="https://p707595.webspaceconfig.de" i])::after {
  content: "🡕";
  font-weight: 400;
  font-family: wiro-icons, sans-serif;
  display: inline-block;
  text-decoration: none;
  transition: 300ms all ease-in-out;
  color: var(--wiro-red);
  margin: 0 0 0 -0.25rem;
}
.gb-button.wiro-btn-link[href^=http i][href*="wiro.de" i]:not([href^="https://p707595.webspaceconfig.de" i]):hover::after,
button.wiro-btn-link[href^=http i][href*="wiro.de" i]:not([href^="https://p707595.webspaceconfig.de" i]):hover::after,
a.wiro-btn-link[href^=http i][href*="wiro.de" i]:not([href^="https://p707595.webspaceconfig.de" i]):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 {
  display: flex !important;
  width: auto !important;
  cursor: pointer;
  text-decoration: none !important;
  flex-wrap: wrap !important;
}
.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;
  text-decoration: none !important;
}
.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;
  display: inline-flex;
  align-items: center;
}
.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 .file-info,
button.wiro-btn-link-icon-right.wiro-btn-link-download .file-info,
a.wiro-btn-link-icon-right.wiro-btn-link-download .file-info {
  display: inline-block;
  width: 100%;
}
.gb-button.wiro-btn-link-icon-right.wiro-btn-link-download,
button.wiro-btn-link-icon-right.wiro-btn-link-download,
a.wiro-btn-link-icon-right.wiro-btn-link-download {
  /* Attach icon to .gb-button-text so icon stays on Line 1 with text */
}
.gb-button.wiro-btn-link-icon-right.wiro-btn-link-download .gb-button-text::after,
button.wiro-btn-link-icon-right.wiro-btn-link-download .gb-button-text::after,
a.wiro-btn-link-icon-right.wiro-btn-link-download .gb-button-text::after {
  display: inline-block;
  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;
  text-decoration: none;
  transition: 300ms all ease-in-out;
  color: var(--wiro-red);
  margin: 0 0 0 10px;
}
.gb-button.wiro-btn-link-icon-right.wiro-btn-link-download,
button.wiro-btn-link-icon-right.wiro-btn-link-download,
a.wiro-btn-link-icon-right.wiro-btn-link-download {
  /* Fallback icon for links without .gb-button-text */
}
.gb-button.wiro-btn-link-icon-right.wiro-btn-link-download:not(:has(.gb-button-text))::after,
button.wiro-btn-link-icon-right.wiro-btn-link-download:not(:has(.gb-button-text))::after,
a.wiro-btn-link-icon-right.wiro-btn-link-download:not(:has(.gb-button-text))::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;
  text-decoration: none;
  transition: 300ms all ease-in-out;
  color: var(--wiro-red);
  margin: 0 0 0 10px;
}
.gb-button.wiro-btn-link-icon-right.wiro-btn-link-download:hover .gb-button-text::after, .gb-button.wiro-btn-link-icon-right.wiro-btn-link-download:hover:not(:has(.gb-button-text))::after,
button.wiro-btn-link-icon-right.wiro-btn-link-download:hover .gb-button-text::after,
button.wiro-btn-link-icon-right.wiro-btn-link-download:hover:not(:has(.gb-button-text))::after,
a.wiro-btn-link-icon-right.wiro-btn-link-download:hover .gb-button-text::after,
a.wiro-btn-link-icon-right.wiro-btn-link-download:hover:not(:has(.gb-button-text))::after {
  transform: scale(1.15);
  transform-origin: center center;
  color: var(--wiro-black);
}
.gb-button.wiro-btn-underline,
button.wiro-btn-underline,
a.wiro-btn-underline {
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-underline-offset: 0.375rem;
}
.gb-button.wiro-btn-underline::after,
button.wiro-btn-underline::after,
a.wiro-btn-underline::after {
  display: inline-block !important;
}

p a,
.wp-block-list a {
  text-decoration: underline;
  white-space: nowrap;
}
p a div,
p a p,
p a li,
p a h1,
p a h2,
p a h3,
p a h4,
p a h5,
p a h6,
.wp-block-list a div,
.wp-block-list a p,
.wp-block-list a li,
.wp-block-list a h1,
.wp-block-list a h2,
.wp-block-list a h3,
.wp-block-list a h4,
.wp-block-list a h5,
.wp-block-list a h6 {
  white-space: wrap;
}
p a,
.wp-block-list a {
  /** Grab all buttons with URLs **/
}
p a[href^=http i],
.wp-block-list a[href^=http i] {
  /* Completely external URLs */
}
p a[href^=http i]:not([href^="https://p707595.webspaceconfig.de" i]):not([href*="wiro.de" i])::after,
.wp-block-list a[href^=http i]:not([href^="https://p707595.webspaceconfig.de" i]):not([href*="wiro.de" i])::after {
  content: "🡽";
  font-weight: 400;
  font-family: wiro-icons, sans-serif;
  display: inline-block;
  text-decoration: none;
  transition: 300ms all ease-in-out;
  color: var(--wiro-red);
  margin: 0 0 0 0.5rem;
}
p a[href^=http i]:not([href^="https://p707595.webspaceconfig.de" i]):not([href*="wiro.de" i]):hover::after,
.wp-block-list a[href^=http i]:not([href^="https://p707595.webspaceconfig.de" i]):not([href*="wiro.de" i]):hover::after {
  transform: scale(1.25);
  transform-origin: center center;
  color: inherit;
}
p a[href^=http i],
.wp-block-list a[href^=http i] {
  /* WIRO (sub)domains ("cosmos") */
}
p a[href^=http i][href*="wiro.de" i]:not([href^="https://p707595.webspaceconfig.de" i])::after,
.wp-block-list a[href^=http i][href*="wiro.de" i]:not([href^="https://p707595.webspaceconfig.de" i])::after {
  content: "🡕";
  font-weight: 400;
  font-family: wiro-icons, sans-serif;
  display: inline-block;
  text-decoration: none;
  transition: 300ms all ease-in-out;
  color: var(--wiro-red);
  margin: 0 0 0 -0.25rem;
}
p a[href^=http i][href*="wiro.de" i]:not([href^="https://p707595.webspaceconfig.de" i]):hover::after,
.wp-block-list a[href^=http i][href*="wiro.de" i]:not([href^="https://p707595.webspaceconfig.de" i]):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;
  text-decoration: none;
  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" i]:not([href^="https://p707595.webspaceconfig.de" i]) {
  column-gap: 0 !important;
}
.wiro-link-nav-extern a[href*="wiro.de" i]:not([href^="https://p707595.webspaceconfig.de" i])::after {
  content: "🡕";
  font-weight: 400;
  font-family: wiro-icons, sans-serif;
  display: inline-block;
  text-decoration: none;
  transition: 300ms all ease-in-out;
  color: var(--wiro-red);
  margin: 0 0 0 -0.25rem;
}
.wiro-link-nav-extern a[href*="wiro.de" i]:not([href^="https://p707595.webspaceconfig.de" i]):hover::after {
  transform: scale(1.25);
  transform-origin: center center;
  color: inherit;
}

.wiro-newsletter-cta .cta-title-text {
  font-family: Aller, sans-serif;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 2.25rem;
}
@media (max-width: 1024px) {
  .wiro-newsletter-cta .cta-title-text {
    font-family: Aller, sans-serif;
    font-size: 1.875rem;
  }
}
@media (max-width: 380px) {
  .wiro-newsletter-cta .cta-title-text {
    font-family: Aller, sans-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;
}

.gb-accordion .gb-accordion__toggle {
  padding: 0.9rem 2rem !important;
}
@media (max-width: 767px) {
  .gb-accordion .gb-accordion__toggle {
    padding: 0.7rem 1.25rem;
  }
}
.gb-accordion .gb-accordion__toggle .gb-accordion__toggle-icon {
  height: 34px;
}
.gb-accordion .gb-accordion__toggle:hover > .gb-text {
  color: var(--wiro-red);
}
.gb-accordion.with-counter .gb-accordion__toggle, .gb-accordion.with-padding .gb-accordion__toggle {
  padding: 0 !important;
}
@media (max-width: 767px) {
  .gb-accordion.with-counter .gb-accordion__toggle, .gb-accordion.with-padding .gb-accordion__toggle {
    padding: 0.7rem 1.25rem;
  }
}
.gb-accordion.with-counter .gb-accordion__toggle .gb-accordion__toggle-icon, .gb-accordion.with-padding .gb-accordion__toggle .gb-accordion__toggle-icon {
  height: 34px;
  transform: translateY(-3px) !important;
}
.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;
}

.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=date],
.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=date]: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 input[type=date] {
  text-transform: uppercase;
}
.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 .giveaway-acceptance {
  margin-top: 3rem;
}
@media (max-width: 600px) {
  .wpcf7-form .giveaway-acceptance {
    margin-top: 2.5rem;
  }
}
.wpcf7-form .giveaway-acceptance a {
  color: var(--wiro-red);
}
.wpcf7-form .giveaway-acceptance a:hover {
  color: var(--wiro-black);
}
.wpcf7-form .giveaway-acceptance .anchor-link a::after {
  content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M5.25 0V9.135L1.05 4.935L0 6.0075L6 12.0075L12 6.0075L10.95 4.935L6.75 9.135V0H5.25Z" fill="%23E1001A"/></svg>');
  display: inline-block;
  transition: 300ms all ease-in-out;
  color: var(--wiro-red);
  margin-left: 0.5rem;
  transform: translateY(4px) !important;
}
.wpcf7-form .giveaway-acceptance .anchor-link a:hover::after {
  content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M5.25 0V9.135L1.05 4.935L0 6.0075L6 12.0075L12 6.0075L10.95 4.935L6.75 9.135V0H5.25Z" fill="%23000"/></svg>');
}
.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;
  text-decoration: none;
  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;
}

/**
 * Elements SCSS for wirotel.
 */
/* Disable external/small arrow icons for filled buttons on the wirotel site */
.wiro-btn-filled::after {
  content: none !important;
}

.tagungen-anfragen .gb-text {
  margin: 30px 0 30px 0;
}
.tagungen-anfragen .date-2col {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 2rem;
}
@media (max-width: 767px) {
  .tagungen-anfragen .date-2col {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0rem;
  }
}

/* === Smart Slider 3 - Custom Overrides === */
.n2-section-smartslider .n2-ss-slider-wrapper-outside {
  grid-template-rows: 1fr auto !important;
}
.n2-section-smartslider .n2-ss-slider-controls-absolute-center-bottom {
  position: relative !important;
  bottom: auto !important;
  padding: 1.5rem 0 !important;
}
@media (max-width: 768px) {
  .n2-section-smartslider .n2-ss-slider-controls-absolute-center-bottom {
    padding: 1.25rem 0 !important;
  }
}
.n2-section-smartslider .nextend-thumbnail-scroller {
  gap: 0.375rem !important;
}
.n2-section-smartslider .nextend-thumbnail-inner {
  background-color: #fcf8f4 !important;
}
.n2-section-smartslider .n2-thumbnail-dot {
  overflow: hidden !important;
  opacity: 1 !important;
  transition: opacity 0.3s ease !important;
}
.n2-section-smartslider .n2-thumbnail-dot.n2-active, .n2-section-smartslider .n2-thumbnail-dot:hover {
  opacity: 1 !important;
}
.n2-section-smartslider .nextend-arrow {
  background: #fff !important;
  padding: 0.25rem !important;
}
.n2-section-smartslider .nextend-arrow:hover, .n2-section-smartslider .nextend-arrow:focus {
  background: #000 !important;
}
.n2-section-smartslider .nextend-arrow img {
  width: 40px !important;
  height: 40px !important;
}

.site-footer a:not([href^="https://p707595.webspaceconfig.de"])::after {
  color: #fff !important;
}
.site-footer a:not([href^="https://p707595.webspaceconfig.de"]):hover::after {
  color: #000 !important;
}

/**
 * Booking Widget Styles (DIRS21)
 *
 * @package wiro-main-theme
 */
.d21-booking-wrapper {
  --d21-red: #e30613;
  --d21-red-hover: #b8050f;
  --d21-text: #1a1a1a;
  --d21-muted: #666;
  --d21-border: #e0e0e0;
  --gp-font-aller: "Aller";
  --d21-hover-green: #127153;
  font-family: var(--gp-font-aller), BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  width: 100%;
  box-sizing: border-box;
}
.d21-booking-wrapper .d21-booking-headline {
  font-size: 2.2rem;
  font-weight: 700;
  color: var(--d21-text);
  margin-bottom: 1.5625rem;
  text-align: center;
  letter-spacing: -0.5px;
}
.d21-booking-wrapper .d21-booking-bar {
  display: flex;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
  width: 100%;
  box-sizing: border-box;
  border: 1px solid var(--d21-border);
  position: relative;
}
.d21-booking-wrapper .d21-booking-col {
  flex: 1;
  padding: 1.5rem 2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  cursor: pointer;
  position: relative;
  transition: background-color 0.2s;
  user-select: none;
}
.d21-booking-wrapper .d21-booking-col:hover {
  background-color: #fafafa;
}
.d21-booking-wrapper .d21-booking-col:hover .d21-value-wrap {
  color: var(--d21-hover-green);
}
.d21-booking-wrapper .d21-booking-col:focus-within {
  outline: 2px solid var(--d21-hover-green);
  outline-offset: -2px;
}
.d21-booking-wrapper .d21-booking-col:focus-within .d21-value-wrap {
  color: var(--d21-hover-green);
}
.d21-booking-wrapper .d21-booking-col:not(:nth-last-child(-n+2))::after {
  content: "";
  position: absolute;
  right: 0;
  top: 20%;
  height: 60%;
  width: 1px;
  background-color: #000;
}
.d21-booking-wrapper .d21-booking-label {
  font-size: 1.125rem;
  line-height: 1.5rem;
  color: #2b2e34;
  margin-bottom: 0.375rem;
  font-weight: 400;
}
.d21-booking-wrapper .d21-value-wrap {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #2b2e34;
  transition: color 0.2s ease;
}
.d21-booking-wrapper .d21-icon {
  flex-shrink: 0;
}
.d21-booking-wrapper .d21-booking-value {
  font-size: 1.125rem;
  font-weight: 700;
  color: inherit;
  white-space: nowrap;
  line-height: normal;
}
.d21-booking-wrapper .d21-booking-input,
.d21-booking-wrapper .d21-booking-trigger {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  z-index: 2;
  border: none;
  background: transparent;
  padding: 0;
  margin: 0;
}
.d21-booking-wrapper .d21-booking-btn-col {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.9375rem 1.5625rem;
  border-radius: 5px;
}
.d21-booking-wrapper .d21-booking-btn-submit,
.d21-booking-wrapper .d21-booking-btn-done {
  background-color: var(--d21-red);
  color: #fff;
  border: none;
  padding: 0.75rem 1.5rem;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
  transition: background-color 0.2s, transform 0.1s;
  text-decoration: none;
  justify-content: center;
  border-radius: 5px;
}
.d21-booking-wrapper .d21-booking-btn-submit:hover,
.d21-booking-wrapper .d21-booking-btn-done:hover {
  background-color: #000;
  color: #fff;
}
.d21-booking-wrapper .d21-booking-btn-submit:active,
.d21-booking-wrapper .d21-booking-btn-done:active {
  transform: scale(0.98);
}
.d21-booking-wrapper .d21-booking-btn-submit svg,
.d21-booking-wrapper .d21-booking-btn-done svg {
  transition: transform 0.2s;
}
.d21-booking-wrapper .d21-booking-popover {
  position: absolute;
  top: calc(100% + 1px);
  left: 0;
  width: 307.88px;
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
  border: 1px solid var(--d21-border);
  padding: 1.25rem;
  z-index: 100;
  display: none;
  flex-direction: column;
  gap: 15px;
}
.d21-booking-wrapper .d21-booking-popover::before {
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  left: 22px;
  border-width: 5px;
  margin: 0 -5px;
  bottom: 100%;
  border-bottom-color: #fff;
}
.d21-booking-wrapper .d21-booking-popover.show {
  display: flex;
}
.d21-booking-wrapper .d21-booking-popover-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.d21-booking-wrapper .d21-booking-popover-label {
  display: flex;
  flex-direction: column;
}
.d21-booking-wrapper .d21-booking-popover-title {
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--d21-text);
}
.d21-booking-wrapper .d21-booking-popover-desc {
  font-size: 0.75rem;
  color: var(--d21-muted);
}
.d21-booking-wrapper .d21-booking-counter-controls {
  display: flex;
  align-items: center;
  gap: 15px;
}
.d21-booking-wrapper .d21-booking-btn-counter {
  width: 32px;
  height: 32px;
  border: none;
  border-radius: 50%;
  background: #e1001a;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 500;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
  user-select: none;
}
.d21-booking-wrapper .d21-booking-btn-counter:hover {
  color: #fff;
  background-color: #000;
}
.d21-booking-wrapper .d21-booking-btn-counter:focus {
  background: #e1001a;
  color: #fff;
}
.d21-booking-wrapper .d21-booking-btn-counter:disabled {
  color: #bbb9b3;
  cursor: not-allowed;
  background: #f7f7f6;
}
.d21-booking-wrapper .d21-booking-counter-value {
  font-size: 1rem;
  font-weight: 600;
  min-width: 20px;
  text-align: center;
}

/* flatpickr Custom Styling */
.flatpickr-calendar {
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;
  border: 1px solid var(--d21-border) !important;
  z-index: 99999999 !important;
}

.flatpickr-day {
  border: none !important;
}
.flatpickr-day:hover {
  color: #fff !important;
  background: #000 !important;
}
.flatpickr-day.selected {
  color: #fff !important;
  background: #e1001a !important;
  border-color: transparent !important;
}

@media (max-width: 1024px) {
  .d21-booking-wrapper .d21-booking-bar {
    flex-direction: column;
    border-radius: 8px;
  }
  .d21-booking-wrapper .d21-booking-col {
    padding: 0.9375rem 1.25rem;
  }
  .d21-booking-wrapper .d21-booking-col:not(:last-of-type)::after {
    content: "";
    position: absolute;
    left: 2%;
    top: 100%;
    bottom: 0;
    height: 1px;
    width: 96%;
    background-color: #beb7b1;
  }
  .d21-booking-wrapper .d21-booking-btn-submit {
    justify-content: center;
  }
}
@media (max-width: 767px) {
  .d21-booking-wrapper .d21-booking-btn-submit {
    width: fit-content;
    max-width: 100%;
    white-space: wrap;
  }
}

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