body {
  margin: 0;
  padding: 0.01px;
  font-family: "Atkinson Hyperlegible", "Noto Sans Display", sans-serif;
  line-height: 1.5;
  color: var(--textColor);
  min-height: 100vh;
}

* {
  box-sizing: border-box;
}

a,
area,
button,
select,
input,
textarea,
[tabindex],
[id] {
  scroll-snap-margin: 5rem;
  scroll-snap-margin-top: calc(var(--headerHeight, 0) + 5rem);
  scroll-margin: 5rem;
  scroll-margin-top: calc(var(--headerHeight, 0) + 5rem);
}

h1 {
  margin-block: var(--gapSection3) var(--gapSection2);
}

h2 {
  margin-block: var(--gapSection1) var(--gapPair);
}

h3,
h4,
h5,
h6 {
  margin-block: var(--gapPair);
}

dl {
  width: -moz-fit-content;
  width: fit-content;
}
dl dt {
  margin: 0;
  font-weight: 500;
  color: var(--textBoldColor);
}
dl dd {
  margin: 0;
  padding-block: var(--gapWithinSubPair);
  padding-right: var(--containerPadding-fieldset);
  padding-left: var(--gapPair);
  margin-bottom: var(--gapPair);
}
dl dd::before {
  content: "navigate_next";
  display: inline-block;
  overflow: hidden;
  overflow: clip;
  width: 1em;
  height: 1em;
  font-family: "Material Symbols Outlined";
  font-weight: inherit;
  font-style: normal;
  font-size: 1em;
  line-height: 1em;
  vertical-align: middle;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  font-feature-settings: "liga";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-optical-sizing: auto;
  font-variation-settings: "FILL" 0, "wght" 700, "GRAD" 0, "opsz" 20;
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none; /* Firefox */ /* IE10+/Edge */
  user-select: none; /* Standard */
  font-size: var(--md-medium);
}

ol li:not(:last-child),
ul li:not(:last-child) {
  max-width: var(--paragraphWidth-wide);
  margin-bottom: var(--gapWithinPair);
}

.withAsideColumn {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  gap: var(--gapPair) var(--gapSection1);
}
.withAsideColumn > * {
  max-width: 100%;
}
.withAsideColumn > * > :first-child {
  margin-top: 0;
}
.withAsideColumn > :first-child > :last-child {
  margin-bottom: 0;
}
.withAsideColumn > :nth-child(2) {
  align-self: center;
}
@media (min-width: 32rem) {
  .withAsideColumn {
    flex-direction: row;
  }
  .withAsideColumn > :nth-child(2) {
    align-self: flex-start;
  }
}

.wideParagraphs p {
  max-width: var(--paragraphWidth-wide);
}

.loginGrid {
  display: grid;
  grid-template: auto auto/auto 1fr;
  grid-auto-flow: row;
  row-gap: var(--gapPair);
}
.loginGrid label {
  margin-right: var(--gapWithinPair);
}

.logo {
  --partHeight: calc(var(--height) - var(--containerPadding-small) * 2);
}
.logo a {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 0.5rem;
  padding: var(--containerPadding-small);
  text-decoration: none;
}
.logo a img {
  --subHeight: var(--partHeight);
  width: auto;
  height: var(--subHeight);
  aspect-ratio: 29/18;
}
:root.dark-theme .logo a img, .dark .logo a img {
  filter: invert(1);
}
.logo a .name {
  --factor: 0.3571428571;
  /* Magic constant that you multiply with your desired length, which gives you the appropriate font size to set.
  Let s be any arbitrary font size, w be the resulting length (e.g the width) of the text element
  and c be the magic constant that we're looking for.
  Then c = s / w
  */
  --subHeight: calc(var(--partHeight) / var(--goldenRatio));
  font-size: calc(var(--subHeight) * var(--factor));
  font-family: "EB Garamond", "Times New Roman", serif;
  font-style: italic;
  font-weight: 400;
  letter-spacing: 0.2em;
  line-height: 1.4em;
  color: var(--titleTextColor);
}
.dark .logo a .name {
  color: var(--titleTextSecondaryColor1);
}

.rentTable {
  overflow-x: auto;
  overscroll-behavior-x: contain;
  max-width: 100%;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 0.4rem;
}
.rentTable table {
  border-collapse: collapse;
  caption-side: bottom;
}
.rentTable table caption {
  margin-block: var(--gapWithinSubPair);
}
.rentTable th {
  padding-bottom: 0;
  color: var(--textBoldColor);
}
.rentTable td.free {
  color: var(--textLowerColor1);
  background: var(--highlightColorContentBackground5);
}
.rentTable td.medium {
  font-style: italic;
}
.rentTable td.high {
  font-weight: 600;
}
.rentTable th,
.rentTable td {
  padding-inline: calc(var(--gapWithinPair));
  border: 0 solid var(--contentBorder1);
  text-align: start;
}
.rentTable th:nth-child(3), .rentTable th:nth-child(4), .rentTable th:nth-child(5),
.rentTable td:nth-child(3),
.rentTable td:nth-child(4),
.rentTable td:nth-child(5) {
  text-align: center;
}
.rentTable tr.seperator td {
  padding-block: calc(var(--gapPair) / 2);
  padding-inline: 0;
}
.rentTable tr.seperator td:nth-child(2) {
  border-inline-width: 2px;
}
.rentTable tr.seperator td::before {
  content: "";
  display: block;
  width: 100%;
  border-top: 2px dashed;
  border-color: inherit;
}
.rentTable tr.seperator:first-child td {
  padding-top: 0;
  border-top-width: 2px;
}
.rentTable tr.seperator:first-child td::before {
  display: none;
  border-top-style: solid;
}
.rentTable thead th:nth-child(1), .rentTable thead th:nth-child(2),
.rentTable thead td:nth-child(1),
.rentTable thead td:nth-child(2) {
  font-weight: 500;
}
.rentTable tbody tr:not(.seperator) th:nth-child(1) {
  font-weight: 600;
  font-size: 1.2em;
}
.rentTable tbody tr:not(.seperator) th:nth-child(6) {
  padding-block: 0;
  vertical-align: top;
}
.rentTable tbody tr:not(.seperator) th:nth-child(6) > span {
  display: block;
  font-weight: 400;
  font-style: italic;
  text-align: start;
  line-height: 1.2em;
}
.rentTable tbody tr:not(.seperator) td:nth-child(3) {
  border-left-width: 2px;
}
.rentTable tbody tr:not(.seperator) td:nth-child(5) {
  border-right-width: 2px;
}
.rentTable tbody tr:not(.seperator) th,
.rentTable tbody tr:not(.seperator) td {
  padding-block: calc(var(--gapPair) / 2);
}
.rentTable tbody tr:not(.seperator) td.houseCell {
  border-block: 4px solid transparent;
  background-clip: padding-box;
}
.rentTable tbody tr:not(.seperator):last-child td.houseCell {
  border-bottom-width: 0;
}
.rentTable a {
  outline: 2px solid transparent;
  display: inline;
  position: relative;
  text-decoration: none;
  background: linear-gradient(90deg, var(--underlineColor1, currentColor), var(--underlineColor2, currentColor)) 100% 100%/0% 2px no-repeat;
  --transition-property: background-size;
  --underlineColor2: var(--menuHoverTextColor2);
  color: inherit;
}
.rentTable a:focus-visible {
  outline-color: var(--focusColor1);
}
.rentTable a:hover {
  background-size: 100% 2px;
  background-position: 0% 100%;
  background-image: linear-gradient(90deg, var(--underlineHoverColor1, var(--underlineColor1, currentColor)), var(--underlineHoverColor2, var(--underlineColor2, currentColor)));
}
.rentTable a:focus-visible {
  border-radius: var(--borderRadius-small);
}
.rentTable a:focus-visible {
  outline-color: var(--linkFocusColor2);
}
@media (any-hover: none) {
  .rentTable a {
    text-decoration: underline;
    background: none !important;
  }
}
@media (max-width: 32rem) {
  .rentTable tbody th:nth-child(6) {
    width: calc(var(--gapWithinPair) + 1.2em);
  }
  .rentTable tbody th:nth-child(6) > span {
    writing-mode: vertical-rl;
  }
}/*# sourceMappingURL=main.css.map */