:root {
  --margin-tiny: 1rem;
  --margin-small: 2rem;
  --margin-medium: 3rem;
  --margin-big: 6rem;
}
@media screen and (min-width: 1000px) {
  .content
    .alignfull
    > [class*="_inner-container"]
    > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(
      .is-style-wide
    ),
  .content
    .alignwide
    > [class*="_inner-container"]
    > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(
      .is-style-wide
    ),
  .content
    > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(
      .is-style-wide
    ) {
    max-width: 960px;
    width: 100%;
  }
}
@media screen and (min-width: 1308px) {
  .content .alignfull > [class*="_inner-container"] > .alignwide,
  .content .alignwide > [class*="_inner-container"] > .alignwide,
  .content > .alignwide {
    max-width: 1268px;
    width: 100%;
  }
}
.content > * {
  margin-left: auto;
  margin-right: auto;
}
.content > .alignwide,
.content
  > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(
    .is-style-wide
  ) {
  width: calc(100% - 40px);
}
.content .alignfull {
  max-width: 100vw;
  width: 100%;
}
.content .alignfull > [class*="_inner-container"] > *,
.content .alignwide > [class*="_inner-container"] > * {
  margin-left: auto;
  margin-right: auto;
}
.content .has-background {
  padding: 4rem 2rem;
}
.content p.has-background {
  padding: 2.5rem;
}
.content * {
  margin-bottom: 0;
  margin-top: 0;
}
.content > :not(h1, h2, h3, h4, h5),
.content [class*="_inner-container"] > :not(h1, h2, h3, h4, h5) {
  margin-bottom: var(--margin-big);
  margin-top: var(--margin-big);
}
.content > :not(h1, h2, h3, h4, h5):first-child,
.content [class*="_inner-container"] > :not(h1, h2, h3, h4, h5):first-child {
  margin-top: 0;
}
.content > :not(h1, h2, h3, h4, h5):last-child,
.content [class*="_inner-container"] > :not(h1, h2, h3, h4, h5):last-child {
  margin-bottom: 0;
}
.content
  > :not(h1, h2, h3, h4, h5).alignfull.has-background
  + .alignfull.has-background,
.content
  > :not(h1, h2, h3, h4, h5).alignfull.has-background
  + .alignfull.wp-block-cover,
.content
  > :not(h1, h2, h3, h4, h5).alignfull.wp-block-cover
  + .alignfull.has-background,
.content
  > :not(h1, h2, h3, h4, h5).alignfull.wp-block-cover
  + .alignfull.wp-block-cover,
.content
  [class*="_inner-container"]
  > :not(h1, h2, h3, h4, h5).alignfull.has-background
  + .alignfull.has-background,
.content
  [class*="_inner-container"]
  > :not(h1, h2, h3, h4, h5).alignfull.has-background
  + .alignfull.wp-block-cover,
.content
  [class*="_inner-container"]
  > :not(h1, h2, h3, h4, h5).alignfull.wp-block-cover
  + .alignfull.has-background,
.content
  [class*="_inner-container"]
  > :not(h1, h2, h3, h4, h5).alignfull.wp-block-cover
  + .alignfull.wp-block-cover {
  margin-top: calc(var(--margin-big) * -1);
}
.content > :not(h1, h2, h3, h4, h5).wp-block-image:not(.size-large),
.content > :not(h1, h2, h3, h4, h5):is(p),
.content
  [class*="_inner-container"]
  > :not(h1, h2, h3, h4, h5).wp-block-image:not(.size-large),
.content [class*="_inner-container"] > :not(h1, h2, h3, h4, h5):is(p) {
  margin-bottom: var(--margin-small);
  margin-top: var(--margin-small);
}
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
  line-height: 1.3;
}
.content p {
  margin-bottom: var(--margin-small);
  margin-top: var(--margin-small);
}
.content ol,
.content ul {
  margin-bottom: var(--margin-medium);
  margin-top: var(--margin-medium);
}
.content ol ol,
.content ol ul,
.content ul ol,
.content ul ul {
  margin-bottom: 0;
  margin-top: 0;
}
.content li {
  margin-bottom: var(--margin-tiny);
  margin-top: var(--margin-tiny);
}
.content li,
.content p {
  line-height: 1.4;
}
.content .wp-block-column > :first-child,
.content .wp-block-group > :first-child,
.content [class*="_inner-container"] > :first-child {
  margin-top: 0;
}
.content .wp-block-column > :last-child,
.content .wp-block-group > :last-child,
.content [class*="_inner-container"] > :last-child {
  margin-bottom: 0;
}
.content p.is-style-pull-up {
  margin-top: -4rem;
}
.wp-block-quote {
  border-left: 6px solid #d0d0d0;
  padding: 0.5rem 0 0.5rem 2rem;
}
.wp-block-quote p {
  font-style: italic;
  margin-top: 0;
}
.wp-block-quote cite {
  font-size: 0.8em;
  font-style: normal;
}
.wp-block-pullquote {
  border-bottom: 6px solid #d0d0d0;
  border-top: 6px solid #d0d0d0;
  margin-bottom: 4rem;
  margin-top: 4rem;
  padding: 2.5rem 0;
}
.wp-block-pullquote p {
  font-size: 1.4em;
  font-style: italic;
  margin-top: 0;
}
.wp-block-pullquote cite {
  font-style: normal;
}
.wp-block-image figcaption,
.wp-block-table figcaption {
  font-size: 0.8em;
  font-style: italic;
  margin: 0.5rem 0 0;
  padding-left: 0.5rem;
}
.wp-block-table table,
.wp-block-table table * {
  border-color: #d0d0d0;
}
.wp-block-table table {
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
  margin-bottom: 4rem;
  margin-top: 4rem;
  max-width: 100%;
  overflow: hidden;
  width: 100%;
}
.wp-block-table .has-fixed-layout {
  table-layout: fixed;
}
.wp-block-table thead {
  vertical-align: top;
  white-space: nowrap;
}
.wp-block-table td,
.wp-block-table th {
  border: 0.1rem solid;
  border-color: inherit;
  padding: 0.5rem;
}
.wp-block-table th {
  font-weight: 700;
}
.wp-block-table tfoot {
  font-size: 0.8em;
}
.wp-block-table figcaption {
  margin-bottom: 4rem;
  margin-top: -2.5rem;
}
.wp-block-image .alignright {
  margin: 0.2em 0 0.5em 2em;
}
.wp-block-image .alignleft {
  margin: 0.2em 2em 0.5em 0;
}
.epyt-video-wrapper div,
.epyt-video-wrapper iframe,
.wp-block-embed {
  border-radius: 0 20px 20px;
  overflow: hidden;
}
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 2rem;
  margin-top: 2rem;
}
.content h1 + div,
.content h1 + figure,
.content h2 + div,
.content h2 + figure,
.content h3 + div,
.content h3 + figure,
.content h4 + div,
.content h4 + figure,
.content h5 + div,
.content h5 + figure,
.content h6 + div,
.content h6 + figure {
  margin-top: 2rem !important;
}
.content h1,
.content h2,
.content h3,
.content h4,
.content h5 {
  color: var(--logo-blue);
}
.content h1 {
  font-size: 2.8rem;
  margin-bottom: 4rem;
  margin-top: 4rem;
}
.content h2 {
  font-size: 2.6rem !important;
}
.content h2,
.content h3 {
  margin-bottom: 3rem;
  margin-top: 4rem;
  font-size: 2.4rem !important;
}
.content h3 {
  font-size: 2.4rem;
}
.content h4 {
  font-size: 2.2rem;
}
.content p + h1 {
  margin-top: -1rem;
}
.content li,
.content p {
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
.content blockquote p {
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}
.content img {
  display: block;
}
.content .wp-block-image:not(.alignfull):not(.is-style-rounded) img {
  border-radius: 3px;
}
.content > ol,
.content > ul {
  padding-left: 1em;
}
@media screen and (max-width: 799px) {
  .content .alignleft,
  .content .alignright {
    display: block;
    float: none;
    margin: 0;
  }
  .content .alignleft img,
  .content .alignright img {
    display: block;
    margin: 0 auto;
  }
}
.content li > a:not([class]),
.content p > a:not([class]),
.content p > strong > a:not([class]) {
  border-bottom: 1px dashed var(--dark-blue);
  color: var(--dark-blue);
  transition: border 0.4s ease;
}
.content li > a:not([class]):hover,
.content p > a:not([class]):hover,
.content p > strong > a:not([class]):hover {
  border-bottom-style: solid;
}
.content a.icon-link,
.content a.iwoi-description-text__link,
.content a.with-icon {
  color: var(--dark-blue);
}
.content a.icon-link .icon-link__text,
.content a.iwoi-description-text__link .icon-link__text,
.content a.with-icon .icon-link__text {
  border-bottom: 1px solid transparent;
  transition: border 0.4s ease;
}
.content a.icon-link .icon-link__text:hover,
.content a.iwoi-description-text__link .icon-link__text:hover,
.content a.with-icon .icon-link__text:hover {
  border-color: var(--dark-blue);
}
@media screen and (max-width: 599px) {
  .wp-block-column + .wp-block-column {
    margin-top: 6rem;
  }
}
.iwoi-search {
  background-color: var(--bg-gray);
}
.iwoi-search__form {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 10px 20px;
}
@media screen and (min-width: 1308px) {
  .iwoi-search__form {
    margin: 0 auto;
    max-width: 1268px;
    padding: 10px 0;
  }
  .immo-search:not(.alignfull) .iwoi-search__form {
    padding: 10px 20px;
  }
}
@media screen and (min-width: 900px) {
  .iwoi-search__form {
    flex-direction: row;
  }
  .iwoi-search__form .iwoi-search__field,
  .iwoi-search__form .iwoi-search__title {
    flex: 1;
  }
  .iwoi-search__form .iwoi-search__field--submit,
  .iwoi-search__form .iwoi-search__title--submit {
    text-align: right;
  }
}
.iwoi-search__field,
.iwoi-search__title {
  width: 100%;
}
.iwoi-search__field--submit,
.iwoi-search__title--submit {
  text-align: center;
}
.iwoi-search__input {
  background-color: #fff;
  border: 1px solid var(--middle-gray);
  border-radius: 4px;
  padding: 2px 4px;
  width: 100%;
}
.iwoi-search__button {
  background-color: var(--dark-blue);
  border-radius: 1px 7px 7px 7px;
  color: #fff;
  font-size: 20px;
  padding: 2px 4px;
}
@media screen and (hover: hover) {
  .iwoi-search__button {
    border: 1px solid var(--dark-blue);
    transition: all 0.4s ease;
  }
  .iwoi-search__button:hover {
    background-color: #fff;
    color: var(--dark-blue);
  }
}
.headerimage + .immo-search {
  margin-top: 0 !important;
}
.content > :last-child.immo-search {
  margin-bottom: -3rem !important;
}
.team-member__item {
  display: flex;
  position: relative;
  gap: 20px;
}
.team-member:not(.team-member--no-hover)
  .team-member__item:hover
  .team-member__image--hover {
  opacity: 1;
}
.team-member__item a {
  color: var(--blue);
}
.content .team-member__item {
  margin: 0;
}
.content .team-member__item + .hereforyou__team-item {
  margin-top: 30px;
}
@media screen and (min-width: 800px) {
  .content .team-member__item + .hereforyou__team-item {
    margin-top: 0;
  }
}
.team-member__image-wrapper {
  border-radius: 0 20px 20px;
  position: relative;
  overflow: hidden;
  width: 35%;
}
@media screen and (min-width: 500px) {
  .team-member__image-wrapper {
    width: 230px;
  }
}
.team-member__image {
  display: block;
  position: relative;
  z-index: 1;
}
.team-member__image--hover {
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity 0.3s ease;
  z-index: 2;
}
.team-member__info {
  flex: 1;
  position: relative;
}
.content .team-member__info p {
  margin: 0;
}
.content .team-member__info p + p {
  margin-top: 5px;
}
.team-member__info .icon-link__icon {
  width: 25px;
}
.contact-block {
  margin-bottom: 3rem !important;
  margin-top: 3rem !important;
}
.contact-block__info-list {
  list-style-type: none;
  margin: 0 !important;
}
.contact-block__info-item--icon {
  align-items: center;
  display: flex;
}
.contact-block__info-item--icon span:first-child {
  margin-right: 1rem;
  width: 30px;
}
.contact-block__info-item--icon span:first-child svg {
  display: block;
  margin: 0 auto;
}
.contact-block__info-item--icon span:nth-child(2) {
  flex: 1;
}
.contact-block__info-item--openinghours {
  align-items: flex-start;
}
.contact-block__info-item--openinghours span:first-child {
  padding-top: 4px;
}
.contact-block .icon-link__icon {
  width: 30px;
}
.contact-block .icon-link__icon svg {
  display: block;
  margin: 0 auto;
}
.content .nf-form-layout > form > div,
.iwoi-modal-holder .nf-form-layout > form > div,
.kfinder-contact__inside .nf-form-layout > form > div {
  display: flex;
  flex-direction: column;
}
.content .nf-form-layout > form > div .nf-before-form-content,
.iwoi-modal-holder .nf-form-layout > form > div .nf-before-form-content,
.kfinder-contact__inside .nf-form-layout > form > div .nf-before-form-content {
  order: 2;
}
.content .nf-form-layout > form > div .nf-form-content,
.iwoi-modal-holder .nf-form-layout > form > div .nf-form-content,
.kfinder-contact__inside .nf-form-layout > form > div .nf-form-content {
  order: 1;
  padding: 0;
}
.content .nf-form-layout > form > div .nf-after-form-content,
.iwoi-modal-holder .nf-form-layout > form > div .nf-after-form-content,
.kfinder-contact__inside .nf-form-layout > form > div .nf-after-form-content {
  order: 3;
}
.content .nf-form-fields-required,
.iwoi-modal-holder .nf-form-fields-required,
.kfinder-contact__inside .nf-form-fields-required {
  font-size: 1.6rem;
}
.content .nf-form-content .list-select-wrap .nf-field-element > div,
.content .nf-form-content input:not([type="button"]),
.content .nf-form-content textarea,
.iwoi-modal-holder .nf-form-content .list-select-wrap .nf-field-element > div,
.iwoi-modal-holder .nf-form-content input:not([type="button"]),
.iwoi-modal-holder .nf-form-content textarea,
.kfinder-contact__inside
  .nf-form-content
  .list-select-wrap
  .nf-field-element
  > div,
.kfinder-contact__inside .nf-form-content input:not([type="button"]),
.kfinder-contact__inside .nf-form-content textarea {
  background-color: #e4ecf4;
  border: 1px solid #e4ecf4;
}
.content .nf-form-content .list-select-wrap .nf-field-element > div:focus,
.content .nf-form-content input:not([type="button"]):focus,
.content .nf-form-content textarea:focus,
.iwoi-modal-holder
  .nf-form-content
  .list-select-wrap
  .nf-field-element
  > div:focus,
.iwoi-modal-holder .nf-form-content input:not([type="button"]):focus,
.iwoi-modal-holder .nf-form-content textarea:focus,
.kfinder-contact__inside
  .nf-form-content
  .list-select-wrap
  .nf-field-element
  > div:focus,
.kfinder-contact__inside .nf-form-content input:not([type="button"]):focus,
.kfinder-contact__inside .nf-form-content textarea:focus {
  border-color: #004d9e;
}
.content .field-wrap:not(.checkbox-wrap) .nf-field-label label,
.iwoi-modal-holder .field-wrap:not(.checkbox-wrap) .nf-field-label label,
.kfinder-contact__inside .field-wrap:not(.checkbox-wrap) .nf-field-label label {
  color: #004d9e;
}
.content .nf-form-content button,
.content .nf-form-content input[type="button"],
.content .nf-form-content input[type="submit"],
.iwoi-modal-holder .nf-form-content button,
.iwoi-modal-holder .nf-form-content input[type="button"],
.iwoi-modal-holder .nf-form-content input[type="submit"],
.kfinder-contact__inside .nf-form-content button,
.kfinder-contact__inside .nf-form-content input[type="button"],
.kfinder-contact__inside .nf-form-content input[type="submit"] {
  background-color: #004d9e;
  border: 2px solid #004d9e;
  border-radius: 0 7px 7px;
  color: #fff;
}
.content .nf-form-content button:hover,
.content .nf-form-content input[type="button"]:hover,
.content .nf-form-content input[type="submit"]:hover,
.iwoi-modal-holder .nf-form-content button:hover,
.iwoi-modal-holder .nf-form-content input[type="button"]:hover,
.iwoi-modal-holder .nf-form-content input[type="submit"]:hover,
.kfinder-contact__inside .nf-form-content button:hover,
.kfinder-contact__inside .nf-form-content input[type="button"]:hover,
.kfinder-contact__inside .nf-form-content input[type="submit"]:hover {
  background-color: #e4ecf4;
  color: #004d9e;
}
.content .checkbox-wrap label,
.iwoi-modal-holder .checkbox-wrap label,
.kfinder-contact__inside .checkbox-wrap label {
  font-size: 1.4rem;
}
.content .field-wrap .nf-field-label label,
.iwoi-modal-holder .field-wrap .nf-field-label label,
.kfinder-contact__inside .field-wrap .nf-field-label label {
  font-weight: 400;
}
.content .nf-field-label,
.iwoi-modal-holder .nf-field-label,
.kfinder-contact__inside .nf-field-label {
  margin-bottom: 5px;
}
.content .nf-field-container,
.iwoi-modal-holder .nf-field-container,
.kfinder-contact__inside .nf-field-container {
  margin-bottom: 10px;
}
.content .nf-form-content textarea.ninja-forms-field,
.iwoi-modal-holder .nf-form-content textarea.ninja-forms-field,
.kfinder-contact__inside .nf-form-content textarea.ninja-forms-field {
  height: 110px;
}
.immo-map-wrapper {
  display: flex;
  flex-direction: column;
}
.immo-map-wrapper.above {
  flex-direction: column-reverse;
}
.content .wohngefluester img {
  border-radius: 0 20px 20px;
  height: 84px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 200px;
}
.content .wohngefluester .kfinder-result__info {
  align-items: center;
  background-color: var(--logo-blue);
  color: #fff;
  display: flex;
  gap: 1rem;
  margin-top: auto;
  padding: 10px 20px;
}
.content .wohngefluester .kfinder-result__info span:first-child {
  width: 25px;
}
.content .wohngefluester .kfinder-result__info span:last-child {
  flex: 1;
}
.content .wohngefluester .kfinder-result__info svg {
  display: block;
}
.content .wohngefluester .kfinder-result__info path {
  fill: #fff;
}
.content .wohngefluester .kfinder-result__info + footer {
  margin-top: unset;
}
.wohngefluester
  .kfinder-contact__inside
  .nf-form-content
  .list-select-wrap
  .nf-field-element
  > div,
.wohngefluester
  .kfinder-contact__inside
  .nf-form-content
  input:not([type="button"]),
.wohngefluester .kfinder-contact__inside .nf-form-content textarea {
  background-color: #ece9e3;
}
.wohngefluester
  .kfinder-contact__inside
  .nf-form-content
  .list-select-wrap
  .nf-field-element
  > div:focus,
.wohngefluester
  .kfinder-contact__inside
  .nf-form-content
  input:not([type="button"]):focus,
.wohngefluester .kfinder-contact__inside .nf-form-content textarea:focus {
  background-color: #fff;
}
.iwoi-image-slider__image {
  border-radius: 0 20px 20px;
}
.iwoi-thumb-slider__image {
  border-radius: 0 10px 10px;
}
.iwoi-details {
  display: grid;
  font-size: 1.6rem;
  gap: 5px 8px;
  grid-template-columns: 58% 42%;
}
@media screen and (min-width: 400px) {
  .iwoi-details {
    font-size: 2rem;
    gap: 5px 20px;
    grid-template-columns: 1fr 1fr;
  }
}
.iwoi-details.leftalign {
  grid-template-columns: -webkit-max-content auto;
  grid-template-columns: max-content auto;
}
.iwoi-details:not(.leftalign) .iwoi-label {
  text-align: right;
}
.iwoi-details .iwoi-label {
  font-weight: 700;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
.iwoi-epass-scala {
  margin-top: 70px !important;
}
.iwoi-accordion .iwoi-accordion__body {
  margin: 0 !important;
  transition: max-height 0.3s ease;
}
.iwoi-accordion__trigger {
  align-items: center;
  background-color: var(--light-blue);
  cursor: pointer;
  display: flex;
  font-size: 2.2rem !important;
  justify-content: space-between;
  margin: 0 !important;
  padding: 10px 20px;
  transition: color 0.4s ease, background-color 0.4s ease;
}
.iwoi-accordion__trigger svg {
  display: block;
  transition: transform 0.3s ease;
}
.iwoi-accordion__trigger path {
  fill: var(--dark-blue);
  transition: fill 0.4s ease;
}
.iwoi-accordion__trigger:hover {
  background-color: var(--dark-blue);
  color: #fff;
}
.iwoi-accordion__trigger:hover path {
  fill: #fff;
}
.iwoi-accordion__element {
  border: 1px solid var(--light-blue);
  border-radius: 0 10px 10px;
  overflow: hidden;
}
.iwoi-accordion__element + .iwoi-accordion__element {
  margin-top: 10px;
}
.iwoi-accordion__element.open .iwoi-accordion__trigger svg {
  transform: rotate(180deg);
}
.iwoi-accordion__body {
  overflow: hidden;
}
.iwoi-accordion__inside {
  padding: 20px;
}
.with-icon {
  align-items: center;
  display: flex;
  gap: 8px;
}
.iwoi-floor-plans {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  list-style-type: none;
  margin: 0 !important;
}
.iwoi-floor-plans__link {
  border: 1px solid #ddd;
  border-radius: 0 10px 10px;
  display: block;
  overflow: hidden;
  padding: 5px;
  transition: border-color 0.4s ease;
}
.iwoi-floor-plans__link:hover {
  border-color: var(--dark-blue);
}
.iwoi-floor-plans__image {
  display: block;
  height: 150px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 110px;
}
.single-realestate .wp-block-columns {
  gap: 60px;
}
.single-realestate .hide-on-mobile {
  display: none;
}
@media screen and (min-width: 782px) {
  .single-realestate .hide-on-mobile {
    display: block;
  }
}
@media screen and (max-width: 599px) {
  .single-realestate .wp-block-column + .wp-block-column {
    margin-top: 0;
  }
}
.footer {
  background-color: var(--light-blue);
  color: var(--dark-blue);
  font-size: 2rem;
  margin-top: 3rem;
}
.footer__inside {
  padding: 20px;
}
@media screen and (min-width: 1000px) {
  .footer__inside {
    margin: 0 auto;
    max-width: 960px;
    padding: 20px 0;
  }
}
.footer__inside > * + * {
  margin-top: 3rem;
}
.footer__address {
  font-style: normal;
}
.footer a {
  color: var(--dark-blue);
}
@media (hover: hover) {
  .footer a:not(.social__link) {
    border-bottom: 1px dashed transparent;
    transition: border-color 0.4s ease;
  }
  .footer a:not(.social__link):hover {
    border-color: var(--dark-blue);
  }
  .footer a.social__link .social__text {
    border-bottom: 1px dashed transparent;
    transition: border-color 0.4s ease;
  }
  .footer a.social__link:hover .social__text {
    border-color: var(--dark-blue);
  }
}
.footer__social p {
  display: none;
}
.footer__more-info {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}
.footer .social {
  flex-direction: column;
}
.footer .social__item + .social__item {
  margin-top: 1rem;
}
.footer .social__link {
  align-items: center;
  display: flex;
}
.footer .social__icon {
  margin-right: 1rem;
  width: 48px;
}
@media screen and (min-width: 900px) {
  .footer__inside {
    display: grid;
    gap: 20px 0;
    grid-template-columns: auto auto;
    justify-content: space-between;
  }
  .footer__inside > * + * {
    margin-top: 0;
  }
  .footer__menu {
    grid-column: 2/3;
    grid-row: 1/2;
    justify-self: end;
  }
  .footer__social {
    align-items: center;
    display: flex;
    grid-column: 1/3;
    grid-row: 2/3;
    justify-content: space-between;
  }
  .footer__social p {
    display: block;
    margin: 0;
  }
  .footer__more-info {
    grid-column: 1/3;
    grid-row: 3/4;
  }
  .footer .social {
    flex-direction: row;
  }
  .footer .social__item {
    margin-left: 20px;
  }
  .footer .social__item + .social__item {
    margin-top: 0;
  }
  .footer .social__icon {
    margin-right: 1rem;
    width: auto;
  }
}
.footer-menu {
  list-style-type: none;
  margin: 0;
}
@media screen and (min-width: 550px) {
  .footer-menu {
    display: flex;
    gap: 20px;
  }
}
@media screen and (min-width: 900px) {
  .footer-menu {
    display: block;
    gap: unset;
  }
}
.footer-info-menu {
  border-top: 1px solid var(--logo-blue);
  display: flex;
  flex-wrap: wrap;
  gap: 10px 20px;
  list-style-type: none;
  margin: 0;
  padding-top: 20px;
}
.footer-info-menu a {
  font-size: 1.8rem;
}